/*/////////////////////////////////////////////////////////////////////////
default_CSS
/////////////////////////////////////////////////////////////////////////*/
body { font-family: Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho ProN" , "HG明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; -webkit-text-size-adjust: 100%; line-height: 1;}
body, h1, h2, h3, h4, h5, div, p, dl, dt, dd, ol, ul, li, form, table, caption, tbody, tfoot, thead, tr, th, td, article { margin:0; padding:0; font-weight: normal; font-size:100%; box-sizing: border-box;}
h1,h2,h3,h4,h5,p {background-color:rgba(255,255,255,.01);}
img,iframe { border:none;}
ol,ul { list-style:none; list-style-type: none;}
.alt{ position:absolute; top:-5000px; left:-9999px;}
.relative { position: relative;}
.hid{visibility: hidden;}
/*画像保護用*/
.cover {width:100%; height:100%;}
/*float*/
.floatL { float:left;}
.floatR { float:right;}
.clearfloat { height:1px; font-size:1%; clear:both; display:block; background: transparent;}
.clearfix:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}
.clearfix { min-height:1px;}
* html .clearfix {height: 1px;
/*¥*//*/
height: auto;
overflow: hidden;
/**/
}
/*font*/
.tCenter { text-align:center !important}
.tRight { text-align:right !important}
.tLeft { text-align:left !important}
/*font-size*/
html { font-size: 62.5%;} /* = 10px */
body { font-size: 1.6rem; } /* = 16px */
h1 { font-size: 3.2rem; }
h2 { font-size: 2.4rem; }
h3 { font-size: 2.0rem; }
h4 { font-size: 1.8rem; }
p { font-size: 1.6rem; }
.f140 { font-size:140%;}
.f120 { font-size:120%;}
.f110 { font-size:110%;}
.f90 { font-size:90%;}
.f85 { line-height:normal; font-size:85% !important}
/*link*/
a { text-decoration:none; color:#fff;}
a:hover { text-decoration:underline; color:#8f2426;}
#gotop a,#pastmov ul li img,#mov .thum a,.bn_repo a,.bn_repo2 a,.bn_ishop a,#Insta ul li a,header a,#form #agree a,#msg #writeBtn a,#bknm li a,.bn_tw a,#bn_pre a,#bn_nico a,.bn_ch a,.bn_relay a,.bn_itv a,.bn_gl a,.bn_free a,.bn_odm a,#show ul li span,a.btn_prev,a.btn_ap,#itvmov ul li {text-decoration:none;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
#gotop a:hover,#pastmov ul li img:hover,#mov .thum a:hover,.bn_repo a:hover,.bn_repo2 a:hover,.bn_ishop a:hover,#Insta ul li a:hover,header a:hover,#form #agree a:hover,#msg #writeBtn a:hover,#bknm li a:hover,#btnBn a:hover,#bn_pre a:hover,#bn_nico a:hover,.bn_ch a:hover,.bn_relay a:hover,.bn_itv a:hover,.bn_gl a:hover,.bn_free a:hover,.bn_odm a:hover,#show ul li span:hover,a.btn_prev:hover,a.btn_ap:hover,#itvmov ul li:hover{filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;}
.no-link{ pointer-events: none; cursor: default; text-decoration:none; filter:alpha(opacity=90); -moz-opacity:0.90; opacity:0.90;/}
.no-link2{ pointer-events: none; cursor: default; text-decoration:none; filter:alpha(opacity=50); -moz-opacity:0.50; opacity:0.50;/}
.fade {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.fade:hover {
    opacity: 0.5;
    filter: alpha(opacity=60);
}

/*/////////////////////////////////////////////////////////////////////////
コンテンツ用CSS／オリジナル設定
/////////////////////////////////////////////////////////////////////////*/
html, body, div#con-body {background: url(../img/bg.jpg) ; color:#fff; letter-spacing: 1px;}
#con-body {background-color:transparent;}
#container { max-height: 100%; background-size: 80%; background-repeat: no-repeat; background-position: center bottom -20px; background-image: url(../img/foot.png);}

#menu ul {width:980px; margin:0 auto;}
#menu li a:hover { text-decoration:none; color:#fff; text-shadow:0px 0px 1px #a90807,0px 0px 10px #a90807,0px 0px 15px #a90807;}

#update,#mov,#pastmov,#contents,#cmt,#theme,.inner,#btnBn {width:960px; margin:0 auto; line-height:1.8; text-align:left;}
#top #contents{margin:.5em auto 0;}
#update {padding:2em 0;}
#update ul{height:110px; overflow-y: auto; overflow-x: hidden; width:780px; float:right;}
#update ul li {text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}
#update ul li span{color:#9c0310; font-size:120%;}
#update h2{width:158px; height:50px; background:url(../img/top/update.png) no-repeat 0 0; float:left; margin:1em 0 0;}
#update h2 span,#mov .spot h2 span,#mov h3 span {display:none;}
.ticker::-webkit-scrollbar{width: 3px; background: none;}
.ticker::-webkit-scrollbar-thumb{background: #460b0c;}

#bn_pre a {margin:2em auto 0; width:960px; height:110px; display:block; background:url(../img/top/bn_pre.png) no-repeat 0 0;}
#bn_nico a {margin:1em auto 0; width:960px; height:110px; display:block; background:url(../img/top/bn_nico.png) no-repeat 0 0;}

#mov .spot {background:#7a0f18; width:360px; text-align:center; margin:50px 0 0; height:315px;}
#mov .spot h2{width:145px; height:36px; background:url(../img/top/story.png) no-repeat 0 0; margin:.5em auto;}
#mov .thum a {width:315px; height:209px; background:url(../img/top/spot.jpg) no-repeat 0 0; margin:0 auto; background-size: contain; display:block;}
#mov .ytb {width:560px;}
#mov h3.spm{width:341px; height:50px; background:url(../img/top/spmov.png) no-repeat 0 0; margin:0 auto;}
#mov h3.spm3{width:210px; height:50px; background:url(../img/top/spmov3.png) no-repeat 0 0; margin:0 auto;}
#mov h3.spm4{width:412px; height:50px; background:url(../img/top/spmov4.png) no-repeat 0 0; margin:0 auto;}
#mov h3.spm5{width:407px; height:50px; background:url(../img/top/spmov5.png) no-repeat 0 0; margin:0 auto;}
#mov .movttl,#pastmov h4{font-size:2.2rem; font-weight:bold; text-align:center; display: inline-block; width:100%;
text-shadow:0px 0px 1px #a90807,0px 0px 10px #a90807,0px 0px 15px #a90807; height:45px;}
#mov .mov1,#trailer,.movbox {width:560px; height:315px; box-shadow:0 0 30px rgba(98,6,8,1);}
.movbox {margin:0 auto;}
#story #trailer,#mainmov,#mov_fp {width:600px; height:338px; box-shadow:0 0 35px rgba(98,6,8,1); margin:0 auto;}
#mov p.next{text-shadow:0 0 5px rgba(22,22,22,1); padding:.4em 0; font-size:1.7rem;}

#pastmov{margin:2em auto 3em;}
#pastmov h4{font-size:2rem; text-align:left; height:auto;}
#pastmov .slider{overflow:hidden; height:132px;}
#pastmov ul li {width:235px; height:132px; margin:0 5px 0 0; background-size: contain; background-repeat: no-repeat; background-position: center center; border:1px solid #651516; position: relative; display: inline-block;}
#pastmov ul li a img {width:100%; height:100%;}
#pastmov ul li span { font-size:14px; line-height:1em; padding:.4em; background:rgba(0,0,0,0.5); display: block;}
#pastmov ul li span {position: absolute; bottom: 0; left: 0;}
.multiple-item .slick-next{right: 20px; z-index: 99;}
.multiple-item .slick-prev{left: 10px; z-index: 100;}

/*cts*/
.spcts {width:620px;}
.bn_repo a{background: url(../img/top/bn_rp.jpg) no-repeat center center; display: block; width:310px; height:150px; position: relative;}
.bn_repo2 a{background: url(../img/top/bn_rp2.jpg) no-repeat center center; display: block; width:620px; height:150px; position: relative;}
.bn_repo span,.bn_repo2 span {background:rgba(122,15,24,0.6); color:#fff; position: absolute; top: 0; right: 0; padding:0 .3em;}
.bn_ch a{background: url(../img/top/bn_ch.jpg) no-repeat center center; display: block; width:310px; height:150px;}
.bn_relay a{background: url(../img/top/relay.jpg) no-repeat center center; display: block; width:310px; height:150px;}
.bn_itv a{background: url(../img/top/bn_itv.jpg) no-repeat center center; display: block; width:310px; height:150px;}
.bn_gl a{background: url(../img/top/bn_gl.jpg) no-repeat center center; display: block; width:310px; height:150px;}
.bn_odm a{background: url(../img/top/bn_odm.png) no-repeat center center; display: block; width:310px; height:150px;}
.bn_ishop a{background: url(../img/top/bn_ishop.jpg) no-repeat center center; display: block; width:310px; height:150px;}
.bn_free a{background: url(../img/top/bn_free.png) no-repeat center center; display: block; width:320px; height:155px;}

#Insta {background-image:url(../img/top/insta.png); background-repeat: no-repeat; background-position: 0 0; margin:2.2em 0;}
#Insta span.out {font-size:1.3rem; text-align:right; display: inline-block; width:100%; padding:.3em 0;}
#Insta ul {font-size:0; overflow:hidden; width:620px; height:155px;}
#Insta ul li {width:154px; height:154px; display: inline-block; margin:0; background-size: cover; background-repeat: no-repeat; background-position: center center;}

#twTL {width:320px; height:560px; /*box-shadow:0 0 30px rgba(98,6,8,1); margin:3.9em 0 0;*/}
#twTL span{width:150px; height:40px; background:url(../img/ttl_tw.png) no-repeat 0 0; margin:0 auto; display: block;}

/*footer*/
footer {margin:3em auto 0; padding:0 0 3em; position: relative; width:960px;}
footer p {padding:15px 0; font-size:1.5rem;}
footer a {color:#fff;}
footer .sns { padding:60px 0 0;}
#rect {width:300px; height: 250px; box-shadow:0 0 30px rgba(98,6,8,0.8);}


/*------------------　2nd　------------------ */
header a {width:980px; height:230px; margin:0 auto; background: url(../img/head.png) no-repeat 0 0; display:block;}
.stred{color:#8f2426;}
.inner h1,#caststaff .inner h2{width:307px; height:74px; background-size: contain; margin:1.5em auto 1em; background-repeat: no-repeat; background-position: 0 0;}
h1.news{background-image:url(../img/news/ttl.png);}
h1.intro{background-image:url(../img/intro/ttl.png);}
h1.onair{background-image:url(../img/ttl_oa.png);}
h1.chart{background-image:url(../img/chart/ttl.png);}
h1.msg{background-image:url(../img/ttl_msg.png);}
h1.story{background-image:url(../img/story/ttl.png);}
h1.gallery{background-image:url(../img/gallery/ttl.png);}
h1.itv{background-image:url(../img/ttl_itv.png);}
h2.cast{background-image:url(../img/ttl_cast.png);}
h2.staff{background-image:url(../img/ttl_staff.png);}
#btnBn{margin:1em auto 0; width:930px;}
.bn_ist a,.bn_tw a{display: block; width:310px; height:150px; position: relative;}
.bn_ist a{background: url(../img/bn_insta_sp.png) no-repeat center center; background-size: cover;}
.bn_tw a{background: url(../img/bn_tw_sp.png) no-repeat center center; background-size: cover;}
/*.bn_ist a{background: url(../img/bn_insta.png) no-repeat center center; display: block; width:170px; height:150px; position: relative; background-size: contain;}
.bn_tw a{background: url(../img/bn_tw.png) no-repeat center center; display: block; width:170px; height:150px; position: relative;}*/
.bn_ch span,.bn_ist span,.bn_tw span {display:none;}
#bknm{width:100%; margin:3em auto;}
#bknm h3{font-size:3rem;}

/*news*/
#promo {background: url(../img/noise.jpg); padding:1em 1em .5em; margin:0 0 1em;}
#promo h2 {text-align:center; background:rgba(164,0,0,0.2); letter-spacing:.3em; padding:.2em 0; margin:0 0 1em;}
#promo p {padding:0 0 .5em; border-bottom:1px solid #2e2e2e; margin:0 .5em 1em;}
#promo p.add {font-size:1.2rem !important;  border:none !important;}
#info h3,#promo h3,#report h2,#bknm h3,#cmt h2,#gallery h2{border-bottom:1px solid #2e2e2e; margin:0 0 .5em; text-shadow:0px 0px 1px #a90807,0px 0px 10px #a90807,0px 0px 15px #a90807;}
#promo h3,#bknm h3,#gallery h2{border:none; margin:0;}
#info h4{margin:0 0 10px;}
#news span.date,#report article span.date {padding:2px 3px; color:#fff; background: #7a0f18; }
#info p.bdr{border:1px solid #555; padding:.5em 1em; margin:1.5em 0 0;}
.ph_cut {width:600px; height:399px; box-shadow:0 0 30px rgba(98,6,8,1); margin:1.5em auto; background-size: contain; background-repeat: no-repeat; background-position: center center;}
.ph_cut2 {width:600px; height:338px; box-shadow:0 0 30px rgba(98,6,8,1); margin:1.5em auto; background-size: contain; background-repeat: no-repeat; background-position: center center;}
.ph_cut_l {width:400px; height:550px; box-shadow:0 0 30px rgba(98,6,8,1); margin:1.5em auto; background-size: contain; background-repeat: no-repeat; background-position: center top;}
.ph160622 {background-image:url(../img/news/ph160622.jpg);}
.ph160628 {background-image:url(../img/news/ph160628.jpg);}
#info article {margin:3em 0 5em;}
/*intro*/
#highlight{background: url(../img/noise.jpg); margin:70px 0 0; padding:3em 0; }
#highlight h3{text-align:center; font-size:145%; line-height:1.6; padding:0 0 1em;}
#highlight h3 span,.catch span,#story h2 span{font-size:150%; color:#8f2426; font-weight:bold;}
#highlight p span{color:#8f2426; font-weight:bold;}
.mainph {background-image:url(../img/intro/main.jpg);}
.subph1 {background-image:url(../img/intro/sub1.jpg);}
.subph2 {background-image:url(../img/intro/sub2.jpg);}
/*oa*/
#oatable{padding:2em 0 3em;}
#oatable table {text-align:center; border: #333 1px solid; margin:0 0 1em;
	border-collapse: collapse;
	width: 100%;
	vertical-align: middle;
}
#oatable table th.t_top,#oatable table td.t_line01 {
	border: #333 1px solid;
	padding: .5em;
}
#oatable .t_top{background-color: #7a0f18; font-weight:bold;}
#oatable .nbc{background-color:rgba(122,15,24,0.3);}

/*story*/
#story #trailer,#mov_fp {margin:.5em auto 3em;}
#sentence p,#form p{padding:0 0 1em;}
#sentence p span {font-size:105%;}
#sentence a {color:#8f2426; font-weight:bold;}
#story #mov{width:600px; height:338px; margin:2em auto; box-shadow:0 0 30px rgba(98,6,8,1);}
#story #btnBn{margin:3em auto 0;}
#story .ph_area{margin:2em auto; width:940px;}
#story .ph_s{width:50%; padding:33.297% 0 0; background-size: contain; background-repeat: no-repeat; background-position: center center; position: relative;}
#story .ph_s img,#show ul li img {position:absolute;left:0;top:0; width:100%; height:100%;}
#story #bknm li,#gallery #bknm li{float:left; width:224px; margin:0 8px 1em; text-align:center; background-size: cover; background-repeat: no-repeat; background-position: center top; box-shadow:0 0 15px rgba(98,6,8,1);}
#story #bknm li a,#gallery #bknm li a {color:#fff; display:block; background:rgba(0,0,0,0.7); width:100%; height:149px; }
#story #bknm li a:hover,#gallery #bknm li a:hover{-webkit-filter: blur(10px);}
#story #bknm li span,#gallery #bknm li span {line-height: 149px;}
#story #bknm li span.epi {background:rgba(98,6,8,0.8);  padding:.2em; margin:0 .5em 0 0;}
#story #bknm li span.date {padding:.2em; }


/*gallery*/
#show {margin:0 0 5em;}
#show h2{margin:2.5em 0 0; padding:0 0 0 .5em;
background: -moz-linear-gradient(bottom,#8f2426,rgba(98,6,8,0));
background: -webkit-gradient(linear,left bottom,left top,from(rgba(98,6,8,0.5)),to(rgba(98,6,8,0)));}
#show h2:first-of-type{margin:0;}
#show ul {font-size:0;}
#show ul li { display:inline-block; margin:0 0 -1px -1px;}
#show ul li span {background-size: 100%; background-repeat: no-repeat; background-position: center center;}
#show ul li span.lazy {position:relative; display:block;}
#show ul li span a {width:240px; height:160px; display:block;}
#gallery #bknm li span.epi {padding:.2em; margin:0; font-size:2.5rem;}
#gallery .ep1 {background-image:url(../img/gallery/ep1/ep1_1.jpg);}
#gallery .ep2 {background-image:url(../img/gallery/ep2/ep2_1.jpg);}
#gallery .ep3 {background-image:url(../img/gallery/ep3/ep3_1.jpg);}
#gallery .ep4 {background-image:url(../img/gallery/ep4/ep4_1.jpg);}
#gallery .ep5 {background-image:url(../img/gallery/ep5/ep5_1.jpg);}
#gallery .ep6 {background-image:url(../img/gallery/ep6/ep6_1.jpg);}
#gallery .ep7 {background-image:url(../img/gallery/ep7/ep7_1.jpg);}
#gallery .ep8 {background-image:url(../img/gallery/ep8/ep8_1.jpg);}
#gallery .ep9 {background-image:url(../img/gallery/ep9/ep9_1.jpg);}
#gallery .ep10 {background-image:url(../img/gallery/ep10/ep10_1.jpg);}
#gallery .gray {-webkit-filter: grayscale(1);}


/*itv*/
#cmt {padding:0 0 3em;}
/*#cmt h3{width:213px; height:66px; background:url(../img/ttl_co.png) no-repeat 0 0;}*/
#cmt h2 {font-size:3rem; }
#cmt h2:first-letter,#show h2:first-letter {font-size: 130%; line-height: 1;}
#cmt h3,#cmt h4{font-size:2rem; padding:0 0 .2em;}
#cmt h3:first-letter {font-size: 130%; line-height: 1; color:#8f2426; font-weight:bold;}
#cmt h4:not(:first-child){margin:30px 0 0;}
#cmt h4:first-letter {font-size: 145%; line-height: 1; color:#8f2426;}
#cmt article{border-bottom:1px solid #353535; padding:2em 0; margin:0 0 2em;}
#cmt article h3{width:265px; height:360px; background:url(../img/ph_co1.jpg) no-repeat 0 0; box-shadow:0 0 30px rgba(98,6,8,1); background-size: cover;}
#cmt article h3#cast2{background:url(../img/ph_co2.jpg) no-repeat 0 0; background-size: cover;}

#itvmov {margin:1em 0 5em;}
#itvmov h2{font-size:2.6rem; font-weight:bold; text-align:center; display: inline-block; width:100%; letter-spacing:.2em;
text-shadow:0px 0px 1px #a90807,0px 0px 10px #a90807,0px 0px 15px #a90807;}
#itvmov ul {width:940px; margin:5em auto 3em;}
#itvmov ul li {width:300px; height:169px; margin:0 5px 50px; background-size: contain; background-repeat: no-repeat; background-position: 0 0; position: relative; display: inline-block;}
#itvmov ul li a img {width:100%; height:100%;}
#itvmov ul li span { display: block; background:rgba(98,6,8,0.3);
text-shadow:0px 0px 1px #a90807,0px 0px 10px #a90807,0px 0px 15px #a90807;}
#itvmov ul li span:first-letter {font-size: 130%; line-height: 1;}

/*caststaff*/
#cast{font-size:2rem; margin:0 auto 3em; }
#staff{text-align:center; font-size:2rem; margin:0 auto 3em;}
#caststaff h3,#form h2,#guest h2{font-weight:bold; font-size:2.2rem; display: inline-block; width:100%; margin:1.5em 0 0;
text-shadow:0px 0px 1px #a90807,0px 0px 10px #a90807,0px 0px 15px #a90807;}
#staff > h2+h3{margin:0;}
#guest{width:50%; margin:0 auto 5em; background:rgba(28,28,28,0.6); padding:1em 0 1.5em; box-shadow: 0 20px 40px -10px rgba(98,6,8,0.4);}
#guest h2 {text-align:center; width:100% !important; height:auto !important; margin:0 !important; padding:0 !important; font-size:2.6rem; letter-spacing:.3em; background:rgba(164,0,0,0.1);}
#guest .glist{padding:0 2em;}
#guest .glist h3 {margin:1em 0 0; font-size:2rem;}
#guest .glist p{border-bottom:1px solid #333; padding:0 0 1.5em;}
#guest .glist p:last-child{border:0;}


/*chart*/
#chart .diagram { background: url(../img/chart/chart.jpg) no-repeat 0 0; position:relative;}
#chart .diagram ul {position: absolute;}
#chart .diagram ul li {position: absolute;}
#chart .diagram ul li a { display: block; background:rgba(98,6,8,0.5); text-decoration: none; overflow: hidden; text-indent: 100%; white-space: nowrap;}
#chart .diagram ul li a img {display:block;}
#chart .diagram ul li.sz-k a img {width:250px; height:315px; }
#chart .diagram ul li.sz-l a img {width:210px; height:270px; }
#chart .diagram ul li.sz-m a img {width:165px; height:217px; }
#chart .diagram ul li a {
filter: alpha(opacity=0); -moz-opacity:0; opacity:0;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;}
#chart .diagram ul li a:hover { filter: alpha(opacity=100); -moz-opacity:100; opacity:100;}
#chart ul li.yuka { left: 378px; top:42px;}
#chart ul li.zaitsu { left: 688px; top:86px;}
#chart ul li.wakamoto { left: 59px; top:87px;}
#chart ul li.shinobu { left: 104px; top:419px;}
#chart ul li.iori { left: 59px; top:725px;}
#chart ul li.koyume { left: 324px; top:496px;}
#chart ul li.kazue { left: 540px; top:735px;}
#chart ul li.satoshi { left: 540px; top:496px;}
#chart ul li.yuta { left: 734px; top:496px;}
#chart ul li.mari { left: 733px; top:975px;}
#chart ul li.gen { left: 540px; top:975px;}
#chart ul li.erina { left: 734px; top:735px;}
#chart ul li.ikumi { left: 734px; top:1216px;}
/*#chart ul li.kiyoshi { left: 324px; top:923px;}*/
#chart ul li.kiyoshi { left: 324px; top:873px;}
#chart ul li.shino { left: 127px; top:1165px;}
#chart ul li.natsuko { left: 324px; top:1165px;}

/*report*/
#report h1{width:960px; height:250px; background:url(../img/report/ttl.jpg) no-repeat 0 0; margin:1em auto 1em;}
#report article p:first-of-type{padding:2em 0 0;}
#report article span.writer { margin:0 .2em 0; display: inline-block; font-size:1.8rem;}
#report #bknm li{display:inline-block; width:48%; line-height: 1.4em; margin:0 1em 1em 0;}
#report #bknm li a {color:#fff; display:block; background:rgba(164,0,0,0.5); box-shadow:0 0 15px rgba(98,6,8,1); width:100%; height:80px;}
#report #bknm li span.epi {width:11%; height:100%; line-height: 80px; text-align:center !important; font-size:150%; font-weight:bold; background:rgba(0,0,0,0.2); display: block; float:left; margin:0 .5em 0 0;}
#report #bknm li span.date {background:none; margin:.4em 0 0; display: inline-block; padding:.1em .2em; line-height: 1em; color:#000;}

/*msg*/
iframe#iframe {width:100%; border:none; padding:0; margin:0;}
#form h2{margin:0 0 1em;}
#form #agree a,#msg #writeBtn a,a.btn_prev,a.btn_ap {font-size:150%; color:#fff; display:block; font-weight:bold; background:#7a0f18; box-shadow:0 0 30px rgba(98,6,8,1); text-align:center; width:35%; padding:.8em; margin:.5em auto 1.5em;}
#form #agree a:hover,#msg #writeBtn a:hover,#intro #commeBtn a:hover {color:#fff;}
#form #close { margin:40px auto 0; text-align:center;}
#form #close a{ font-size:120%; border:1px solid #fff; padding:12px 60px; text-decoration:none; color:#fff;}
#prevnext { padding:0; margin:0 0 30px; text-shadow:0px 0px 1px #a90807,0px 0px 10px #a90807,0px 0px 15px #a90807;}
#prevnext ul li a { text-decoration: none;}
#prevnext ul li.prev { float:left; }
#prevnext ul li.next { float:right; }
#prevnext p {text-align:center;}
p.announce {text-align:center; padding:0 0 2em;}


/*//////pc//////*/
@media all and (min-width: 768px) {
.hidtxt{visibility: hidden;}
#update span.more,.fp-causion,.relay { display:none;}
#top header {background-repeat: no-repeat; background-position: center 0; background-image: url(../img/top/main.jpg);}
#top header h1 {width:980px; height:700px; margin:0 auto;}
#top #menu {margin:-50px 0 0;}
#menu { width:100%; background:rgba(164,0,0,0.1); text-align:center; padding:1em 0; border-top:1px solid #460b0c; border-bottom:1px solid #460b0c;}
#menu li { display:inline-block; font-size: 2.1rem; font-weight:bold; letter-spacing: .1em;}
#menu li:first-letter {font-size: 130%; line-height: 1; color:#9c0310;}
#menu li a { display: block; padding:0 0.8em;}

#gotop {position: fixed; bottom: 20px; right: 20px;}
#gotop span { display:none;}
#gotop a {display:block; width:104px; height: 87px; background:url(../img/gotop.png) no-repeat 0 0;}
#Insta span.out {font-size:1.3rem; text-align:right; display: inline-block; width:100%; line-height:40px; padding:.3em 0;}
#contents .relative {overflow:visible;}
.bn_free {position: absolute; bottom: 0; left: 640px;}

#about {width:940px; background:url(../img/intro.png) no-repeat 0 0; margin:3em auto 0;}
#about .catch {height:460px;}

#cmt article .text {width:655px; max-height: 999999px;}

#cast ul {padding-left:38%;}
.belong{font-size:1.5rem;}

#chart .diagram{ width:960px; height:1480px; margin:0 0 50px 0;}
#report #bknm li:nth-child(even){margin:0 0 0 0;}
}

/*//////smp//////*/
@media all and (max-width: 767px) {
body,p { font-size: 1.35rem;}
h1 { font-size: 2.6rem; }
h2 { font-size: 2rem; line-height:1.5em;}
h3 { font-size: 1.6rem; }
h4 { font-size: 1.4rem; }
.f90 { font-size: 1.2rem;}
.hidtxt{visibility: visible;}
.hid_sp{display:none;}
.inner  {width:90%;}
#container { background-size: 100%;background-position: center bottom;}
/*#top header h1 {background: url(../img/top/main.jpg) no-repeat center 0; width:100%; height:0; padding:71.428% 0 0; background-size: contain; position: relative;}*/
#top header {background-repeat: no-repeat; background-position: center 0; background-image: url(../img/top/main.jpg); width:100%; background-size: 100%; position: relative;}
#top header h1{height:0; padding:67% 0 0;}
#top header h1 img,header a img,.ph_cut img,.ph_cut2 img,.ph_cut_l img {position:absolute;left:0;top:0; width:100%; height:100%;}
#menu ul {width:100%; text-align:center; font-size:0;}
#menu li { font-size: 1.45rem; width:32%; margin:0 0 1%; border:1px solid #460b0c; float:left;}
#menu li:first-letter {font-size: 130%; line-height: 1; color:#9c0310;}
#menu li a { display: block;}
#menu li.btn2,#menu li.btn5{border-left:1px solid #460b0c; margin:0 1% 1%;}
#menu li.btn3{width:34%;}
#menu li.btn4{width:28%;}
#menu li.btn5{width:42%;}
#menu li.btn6{width:28%;}
#menu li:first-letter {font-size: 120%;}
#menu li a {width:100%; margin:0; padding:.8em 0;
background: -moz-linear-gradient(bottom,#8f2426,rgba(98,6,8,0.1));
background: -webkit-gradient(linear,left bottom,left top,from(rgba(98,6,8,0.6)),to(rgba(98,6,8,0.1)));}
#menu li span.lss {letter-spacing: 0;}

#update {width:92%; padding:0; font-size:1.2rem; margin:1.5em auto 0;}
#update h2{width:111px; height:35px; float:none; margin:.5em auto 0; background-size: contain;}
#update ul{height:75px; overflow: hidden; width:100%; float:none;}
#update span.more a {font-size: 1.35rem; color:#fff; display:block; background:rgba(164,0,0,0.6); box-shadow:0 0 15px rgba(98,6,8,1); text-align:center; width:50%; padding:.35em; margin:.7em auto;}

#bn_pre a,#bn_nico a {margin:1em auto; width:100%; height:0; padding:11.458% 0 0; background-size: contain;}

#mov,#pastmov,#contents,.spcts,#btnBn,#cmt {width:100%;}
#top #contents{margin:2em auto 0;}
#mov .ytb {width:80%; float:none; margin:0 auto;}
#mov .mov1,#story #trailer,#mainmov,.movbox {width:100%; position: relative; padding: 56.25% 0 0; height: 0; overflow: hidden;}
.movbox{width:90%; padding: 50.625% 0 0;}
#mov .mov1 iframe,#trailer iframe,#mainmov iframe,.movbox iframe{ position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;}
#mov .spot {width:100%; float:none; margin:1em 0; height:auto; padding:.5em 0 0;}
#mov .spot h2{width:102px; height:25px; margin:0 auto .4em; background-size: contain;}
#mov h3.spm{width:239px; height:35px; background-size: contain;}
#mov h3.spm2{width:184px; height:35px; background:url(../img/top/spmov2.png) no-repeat 0 0; margin:1em auto 0; background-size: contain;}
#mov h3.spm3{width:147px; height:35px; background-size: contain;}
#mov h3.spm4{width:288px; height:35px; background-size: contain;}
#mov h3.spm5{width:285px; height:35px; background-size: contain;}
#mov .thum a {width:264px; height:175px;}
#mov .movttl{font-size:1.7rem; height:auto; padding:0 0 .5em;}
#mov p.next{font-size:1.6rem;}
#pastmov{margin:1em 0 1.5em;}
#pastmov h4{text-align:center; font-size:1.6rem; font-weight:normal;
background: -moz-linear-gradient(bottom,#8f2426,rgba(98,6,8,0));
background: -webkit-gradient(linear,left bottom,left top,from(rgba(98,6,8,0.5)),to(rgba(98,6,8,0)));}
#pastmov .slider{width:100%; height:76px;}
#pastmov ul li a img {height:76px !important;}
#pastmov ul li {width:135px !important; height:auto; margin:0; border:none; background-position: 0 0;}
#pastmov ul li span {font-size:1rem; padding:.3em;}
/*.multiple-item .slick-next{top:35%;}
.multiple-item .slick-prev{top:35%;}*/

.spcts,#twTL,#cmt h3,#cmt .text {float:none;}
.bn_repo,.bn_ch,.bn_ist,.bn_tw,.bn_itv,.bn_relay,.bn_odm,.bn_gl,.bn_ishop{width:50%;}
.bn_repo a,.bn_ch a,.bn_ist a,.bn_tw a,.bn_itv a,.bn_relay a,.bn_odm a,.bn_gl a,.bn_ishop a{width:100%; height:0; padding:48.387% 0 0; background-size: contain;}
.bn_repo span,.bn_repo2 span{padding:0 .3em; line-height:1.5;}
/*.bn_ist a{background-image:url(../img/bn_insta_sp.png);}
.bn_tw a{background-image:url(../img/bn_tw_sp.png);}*/
.bn_repo2 a{width:100%; height:0; padding:24.1935% 0 0; background-size: contain;}
.bn_free {display:none; width:70%; margin:2em auto; box-shadow:0 0 30px rgba(98,6,8,1);}
.bn_free a{width:100%; height:0; padding:48.4375% 0 0; background-size: contain;}
#Insta {background-size: 28%; margin:2em 0 0; background-position: left .5em top 0;}
#Insta span.out {font-size:1.1rem; padding:1em 0;}
#Insta ul {font-size:0; overflow:hidden; width:100%; height:100px; }
#Insta ul li {width:25%; height:90%; margin:0 -1px 0 0;}
#twTL {width:80%; margin:0 auto .1em; box-shadow:0 0 30px rgba(98,6,8,1); height:300px; padding:.5em 0 0; overflow:hidden;}
#twTL span{width:120px; height:32px;background-size: contain;}
#twTL{display:none;}

footer {padding:0 0 60px; width:100%; text-align:center;}
footer p {font-size:1.3rem;}
footer .sns { padding:2.5em 0 0;}
#rect {margin:3em auto 0; float:none;}
#gotop {position: fixed; bottom: 0; left:0; width:100%; text-align:center; font-size:1.5rem; letter-spacing:.5em;}
#gotop a {width:100%; height: 60px; display:block; line-height:60px; font-weight:bold;
background: -moz-linear-gradient(bottom,#8f2426,rgba(143,36,38,0));
background: -webkit-gradient(linear,left bottom,left top,from(#8f2426),to(rgba(143,36,38,0)));}
#gotop a:hover,#gotop a:visited,#gotop a:active{color:#fff;}
/*------------------　2nd　------------------ */
header a {width:100%; height:0; padding:23.421% 0 0; background-size: contain; position: relative;}
.inner h1,#caststaff .inner h2{width:200px; height:48px; margin:.8em auto;}
.ph_cut {width:90%; height:0; padding:59.85% 0 0; position: relative;}
.ph_cut2 {width:90%; height:0; padding:50.7% 0 0; position: relative;}
.ph_cut_l {width:60%; height:0; padding:82.5% 0 0; position: relative;}
#btnBn{width:100%; margin:1em  0 0;}
#bknm h3{font-size:2rem;}

#promo{padding:0 0 .5em; background:none;}
#promo p.add {font-size:1rem !important;}
#info h3,#promo h3 { font-size: 1.5rem; line-height:1.5em; padding:.1em 0 .2em;}
#info h4{line-height:1.3em;}
#info article:first-child {margin:0 0 3.5em;}
#info article { margin:1.5em 0 3.5em;}
#info article p,#story p,#report article p{font-size:1.25rem; line-height:1.6em;}
#promo p{line-height:1.4em;}
#info article img.kwd {width:50%; margin:0 auto; display:block;}

#about {width:100%; height:auto; text-align:center;}
#about .catch {font-size:1.4rem; padding:1em 0 0; line-height:1.6em;}
#highlight{margin:3em 0 0; padding:2em 0; }
#highlight h3{font-size:1.6rem;}
#highlight h3 span{font-size:1.8rem;}

#oatable{padding:0 0 2em;}
#oatable table {font-size:1.15rem; line-height:1.5em; border:none;}
#oatable table th.t_top {font-size:1.25rem;}
#oatable table th.local {width:40%;}
#oatable table td.t_line01{padding:0.8em .5em;}

#story h2{text-align:center;}
#story h2 span{font-size:2.5rem;}
#story .ph_area{margin:.5em auto 1.5em; width:100%;}
#story p.fp-causion{text-align:center; font-size:70%; line-height:1.5; padding:0 0 10px 1em !important; text-indent: -1em;}
#story #trailer,#mov_fp {margin:.5em auto 1.5em;}
#mov_fp{width:95%; height:auto; box-shadow:none;}
.tbs-player{background-size: cover !important;}
#story #bknm li,#gallery #bknm li{float:left; width:48%; margin:0 4% 4% 0;}
#story #bknm li:nth-child(even) {margin:0 0 4% 0;}
#gallery #bknm li:nth-child(even) {margin:0 0 4% 0;}
#story #bknm li a,#gallery #bknm li a {height:80px; }
#story #bknm li span {line-height: 80px; font-size:1.25rem;}

#show {margin:0 0 3em;}
#show h2 {text-align:center; padding:0 0 .3em 0;}
#show ul li {width : 33.33333%;
width: -webkit-calc(100% / 3) ;
width: calc(100% / 3) ;}
#show ul li span.lazy {width:100%; height:0; padding:66.5625% 0 0;}
#show ul li span a {width:100%; height:100%;}
#gallery #bknm {width:95%; margin:0 auto;}
#gallery #bknm li span.epi {line-height: 80px; font-size:2rem;}

#cmt h2,#itvmov h2 {font-size:2rem; text-align:center; margin:0;}
#itvmov h2{font-size:1.8rem; padding:0 0 .3em;}
#cmt article h3{width:212px; height:288px; margin:0 auto 1em;}
#cmt h3,#cmt h4{font-size:1.5rem;}
#itvmov {margin:1em 0 3em;}
#itvmov ul {width:100%; margin:3em auto 1em;}
#itvmov ul li {width:49%; height:auto; margin:0 2% 2% 0; float:left;}
#itvmov ul li img{position: absolute; top: 0; left: 0;}
#itvmov ul li a{display:block; width:100%; padding:56.25% 0 0;}
#itvmov ul li:nth-child(even) {margin:0 0 0 0;}
#itvmov ul li span {padding:.3em 0 0;  font-size:1.1rem;}

#cast{font-size:1.5rem;}
#staff{text-align:center; font-size:1.5rem;}
#caststaff h3,#form h2{font-size:1.8rem; }
#cast ul {width:75%; margin:0 0 0 25%;}
.belong{font-size:1.2rem;}
#guest{width:100%; margin:0 auto 3em; padding:1em 0 1em; }
#guest h2{font-size:2.1rem; }
#guest .glist h3{font-size:1.6rem; }
#guest .glist{padding:0 1.5em;}

#onair .inner,#chart .inner,#gallery .inner {width:100%;}
#chart .diagram { background-size: cover; height:0; padding:154.166% 0 0; overflow:hidden;}
#chart .diagram ul {position: absolute; left:0; top:0; width:100%; height:100%;}

#report h1{width:100%; height:0; padding:26.0416% 0 0; background-size: contain; margin:.5em 0 1em;}
#report h2{font-size:1.65rem; }
#report article span.writer { font-size:1.4rem;}
#report #bknm li{width:100%; line-height: 1.4em; margin:0 0 .5em;}
#report #bknm li a{height:65px;}
#report #bknm li span.epi{width:15%;line-height: 65px;}

#msg p.notice { text-align:left !important; margin:0 0 5px; font-size:80%;}
p.announce { font-size:85%;}
#form #agree a,#msg #writeBtn a,a.btn_prev,a.btn_ap {width:80%; font-size:1.8rem;}
#prevnext ul li { min-width: 80px; font-size:85%; padding: 0 10px; height: 30px; line-height: 30px;}
}

@media all and (max-width: 320px) {
body,p { font-size: 1.3rem;}
#menu li { font-size: 12px;}
#mov .thum a {width:236px; height:157px;}
#mov .movttl{font-size:1.5rem; height:auto; padding:0 0 .5em;}
#mov h3.spm4{width:250px; height:30px; background-size: contain;}
#Insta span.out {font-size:1rem; padding:.6em 0;}
#cast,#staff{font-size:1.4rem;}
.belong{font-size:1rem;}
#cast ul {width:80%; margin:0 0 0 20%;}
#guest .glist{padding:0 1.2em;}
#report #bknm li{font-size:1.2rem;}
#show ul li {width:50%;}
#itvmov ul li span,#story #bknm ul li span {font-size:1rem;}
}


/*font-color*/
.gray {color:#808080;}
.black {color:#171717;}
.purple {color:#a757a8;}
.ultramarine {color:#465daa;}
.blue {color:#0067c0;}
.lightblue {color:#afdfe4;}
.deepgreen {color:#060;}
.green {color:#008000;}
.yellowgreen {color:#b9c42f;}
.yellow {color:#ffb74c;}
.orange {color:#ff7b00;}
.pink {color:#f58f98;}
.vermilion {color:#ef454a;}
.red {color:#ed1a3d;}
.carmine {color:#c22047;}
.magenta {color:#ec008c;}
.brown {color:#994c00;}
.reddishbrown {color:#800000;}
.yellowocher {color:#c39143;}
.gold {color:#ffd700;}
.silver {color:#c0c0c0;}
.toyo {color:#ff4e7b;}