/*/////////////////////////////////////////////////////////////////////////
default_CSS
/////////////////////////////////////////////////////////////////////////*/
@font-face {
  font-family: YuGothicM;
  src: local("Yu Gothic Medium");
}
body { font-family: Roboto, 'Helvetica Neue' ,'Terminal', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-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.3rem; }
h3 { font-size: 2.1rem; }
h4 { font-size: 2.0rem; }
p { font-size: 1.6rem; }
.f160 { font-size:160%;}
.f140 { font-size:140%;}
.f120 { font-size:120%;}
.f110 { font-size:110%;}
.f95 { font-size:95%;}
.f90 { font-size:90%;}
.f85 { line-height:normal; font-size:85% !important;}
.f80 { line-height:normal; font-size:80% !important;}
.stred{color:#e60012;}
.stblu{color:#004fa3;}
.stye{color:#fee701;}
.stor{color:#fed100;}
/*link*/
a { text-decoration:none; color:#1d1d1d;}
a:hover { text-decoration:none; color:#1d1d1d;}
#menu li a,header #logo a,#bknm li a,.bn_tw a,a.btn_prev,a.btn_s,a.btn_i,#btnBn a,#prevnext ul li a,.sns img,.update li a,#top .cts a,.bnarea ul li a,.nextmv a,.bn_prev,.bn_ex a{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;
}
#menu li a:hover,header #logo a:hover,#form #agree a:hover,#msg #writeBtn a:hover,#bknm li a:hover,a.btn_i:hover,#btnBn a:hover,.sns img:hover,#top .cts a:hover,.bn_prev:hover,.bnarea ul li a:hover,.nextmv a:hover,.bn_ex a:hover{text-decoration:none;
filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;}
.no-link{ pointer-events: none; cursor: default; text-decoration:none;}
.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/bgw.jpg); color:#222;}
#con-body {background-color:transparent;}

header{padding:0 0 17px; background:url(../img/brick.png) repeat-x center bottom;}
#top header{margin:0 auto; background:none; padding:0; position:relative; width:980px; height:693px;}
#top h1{width:980px; height:690px; background: url(../img/top/main.jpg?1) no-repeat center center; margin:0 auto;}
/*#top header .sns{position:absolute; right:10px; bottom:10px; text-align:right;}
#top header .sns img{width:60px; height:60px; margin:0 .02em 0;}
#top header .sns span{font-size:70%; line-height:0; display:block; padding:.8em .5em .5em;
text-shadow:0 0 10px rgba(255,255,255,0.9);}*/

#loader-bg { margin:0 auto;position:absolute;top:0px;left:0px;
display: none;
width:980px;
height:690px;
z-index: 1;
}
#loader {background: url(../img/top/logo.png) no-repeat center center;
display: none;
width:100%;
height:100%;
z-index: 2;
-webkit-animation:flash .5s linear infinite alternate;
-moz-animation:flash .5s linear infinite alternate;
animation:flash .5s linear infinite alternate;
}
@keyframes flash {
	0% { opacity:1; }
	100% { opacity:0.2;}
}
@-webkit-keyframes flash {
	0% { opacity:1; }
	100% { opacity:0.2; }
}
@-moz-keyframes flash {
	0% { opacity:1; }
	100% { opacity:0.2; }
}


#update {width:100%;margin:0 auto 4em; background-color:rgba(255,255,255,0.65); position: relative;}
#update:after{
  content: "";
  position: absolute;
  right: 0;
  bottom: -16px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color:rgba(255,255,255,0.65) transparent transparent transparent;
  border-width: 16px 12px 0 12px;
}
#update ul {width:980px; margin:0 auto; text-align:left; background:url(../img/top/wn.png) no-repeat left center;  padding:1.5em 0 .5em;}
#update li{margin:0 0 .8em 130px; font-size:90%;}
#update li a{transition: 0.3s;}
#update li a:hover{background-color:rgba(254,209,0,0.4)}
#update span.ymd{padding:0 .3em; margin:0 .5em 0 0; background-color:rgba(0,79,163,0.95); color:#fff; font-family:Futura,Avenir;}

.bn_prev {display:block; width:343px; height:95px; background:url(../img/top/prev.png) no-repeat 0 0; position: absolute; right:0; top:7px;}

#mov{width:980px; margin:0 auto 1em;}
.spot{width:530px; display:inline-block;}
.spot h2{width:178px; height:46px; background:url(../img/top/spot.png) no-repeat 0 0; margin:-46px 0 0 4px; background-size:contain;}
.spot #trailer {width:530px; border:4px solid #fff; background-color:#fff; height:304px; background:url(../img/top/spotend.jpg) no-repeat 0 0;}
.spot #trailer iframe {width:100%; height:293.625px;}
.spot ul#movlist{text-align:right; margin:0 0 .4em;}
.spot ul#movlist li{display:inline-block; font-weight:bold; margin:0 0 0 .2em; font-size:90%;}
.spot ul#movlist li a{display:block; padding:.4em .3em; color:#fff; background-color:rgba(0,79,163,0.95);}
.spot ul#movlist li a:hover{opacity: 0.5; transition: 0.4s;}

#next{width:400px; height:304px; display:inline-block; vertical-align:top; margin:0 0 0 40px; border:4px solid #fff;  background-color:#fdd000;}
#next h2{width:178px; height:46px; background:url(../img/top/story.png) no-repeat 0 0; margin:-46px 0 0 4px; background-size:contain;}
#next .next_ph{width:100%; height:220px; background:url(../img/top/next_ph.jpg?9) no-repeat center center; background-size:cover;display:block; position: relative;}
#next p{font-size:90%; padding:.5em .8em 0; text-overflow: ellipsis; overflow: hidden; height:4.5em; line-height:1.45;}
#next p:first-letter {font-size:135%; line-height: 1; font-weight:bold;}
#next a{width:100%; display:block;}
#next .next_ph:hover{opacity: 0.6; transition: 0.3s ease-in-out;}
.triangle::before {
    content: "";
    top: 0;
    right: 0;
    border-bottom: 5em solid transparent;
    border-right: 5em solid rgba(254,209,0,0.8);
    position: absolute;
    z-index:10;
}
.triangle::after {
    display: block;
    transform: rotate(45deg);
}
.triangle span.enum{position: absolute; right:1.5%; top:4%;  z-index:11; font-family:Trebuchet MS,Avenir; font-size:250%; letter-spacing:-..8em;}
.triangle span.f70 {font-size:60%; font-size:2rem; line-height: 1; font-weight:bold;}
/*10用*/
#next .triangle span.enum,.cts ul#bnr li.bn_gl .triangle span.enum{letter-spacing:-.12em; right:2%;}

/*cts*/
.cts{width:980px; margin:0 auto 2em; vertical-align:top;}
.cts ul#bnr{vertical-align:top;}
.cts ul#bnr li{width:310px; height:230px; display:inline-block; margin:18px 0 0; vertical-align:top; border:4px solid #fff;}
.cts ul#bnr li a{display:block; width:100%; height:100%; background-repeat: no-repeat; background-position:center center; position: relative;}
.cts ul#bnr li.bn_org a {background-image:url(../img/top/org.jpg?1);}
.cts ul#bnr li.bn_itr a {background-image:url(../img/top/intro.png);}
.cts ul#bnr li.bn_itv a {background-image:url(../img/top/itv.jpg);}
.cts ul#bnr li.bn_gst a {background-image:url(../img/top/guest.jpg?10);}
.cts ul#bnr li.bn_ch a {background-image:url(../img/top/chart.jpg);}
.cts ul#bnr li.bn_set a {background-image:url(../img/top/set.jpg);}
.cts ul#bnr li.bn_gl a {background-image:url(../img/gallery/ep10/ep10_45.jpg); background-size:cover;}
.cts ul#bnr li.bn_quiz a {background-image:url(../img/top/quiz.jpg);}
.cts ul#bnr li.bn_ishop a {background-image:url(../img/top/bn_dvd.jpg?1);}
.cts ul#bnr li.bn_prv a {background-image:url(../img/top/paravi.jpg?1);}
.cts ul#bnr li.bn_free a {background-image:url(../img/top/free.jpg);}
.cts ul#bnr li.bn_ishop2 a {background-image:url(../img/top/ishop.jpg);}
.cts ul#bnr li.bn_ishop,.cts ul#bnr li.bn_prv,.cts ul#bnr li.bn_free,.cts ul#bnr li.bn_ishop2{border:none; height:120px; box-shadow:5px 5px rgba(153,137,41,0.2);}
.bn_itr h3,.bn_ch h3,.bn_tpc h3,.bn_gl h3{width:156px; height:38px; background:#fff001 url(../img/top/intro_ttl.png) no-repeat center center; background-size:80%; position: absolute; bottom:18%; left:-8px; z-index:1;}
.bn_ch h3{width:140px; background:#fff001 url(../img/top/ch_ttl.png) no-repeat center center; background-size:75%;}
.bn_gl h3{width:170px; background:#fff001 url(../img/top/gl_ttl.png) no-repeat center center; background-size:80%;}
.bn_set span.upd {color:#fff; position: absolute; bottom:7%; left:0; right: 0; margin: auto; padding:.2em; text-align:center; font-size:95%; font-family:Futura,Avenir; background-color:rgba(0,79,163,0.95); width:22%;
  -webkit-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  transform: rotate(-2deg);}
.cts ul#bnr li.bn_tpc a {background-image:url(../img/topics/vol1.jpg); background-size:cover;}
.cts ul#bnr li.bn_tpc a {background-image:url(../img/topics/20190315_01.jpg); background-size:cover;}
.bn_tpc span.rpup {color:#fff; position: absolute; top:2px; right:4px; padding:18px 0 0; display:block; width:66px; height:64px; text-align:center; line-height:1; font-size:95%; background: url(../img/top/new.png) no-repeat 0 0; background-size: 100%; font-family:Futura,Avenir;}
.bn_tpc h3{width:170px; background:#fff001 url(../img/top/topics.png) no-repeat center center; background-size:78%;}
.bn_tpc p{position: absolute; bottom:5%; right:0; padding:.5em; background-color:rgba(254,209,0,0.8); font-size:95%; font-weight:bold;}

#top #rect {width:300px; height: 250px; background:#fff; margin:0;}

#snsarea{background-color:rgba(0,79,163,0.95); padding:1.5em 0; vertical-align:top;}
#snsarea h3{width:50%; height:40px; margin:-.5em auto 0; background:#fff001 url(../img/top/twt.png) no-repeat center center; text-align:center; background-size:98%;
	-webkit-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);}
#insta h3{width:58%; background:#fff001 url(../img/top/insta.png) no-repeat center center; background-size:85%;}
#twTL,#insta{width:310px; height:350px; border:4px solid #fff001; display:inline-block; background:url(../img/dot.png);}
#twTL .tline,#insta .tline{width:100%; margin:0 auto; height:313px; overflow:hidden;}
/*.bn_ex{width:41%; height:auto;}*/
.bn_ex{display:inline-block; vertical-align:top;}
.bn_ex a{width:310px; height:120px; background:url(../img/top/ishop.jpg) no-repeat center center; display:block;}

/* insta */
#insta {vertical-align:top; margin:0 15px;}
div.insta {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	overflow:hidden;
}
div.insta ul{margin:15px 0 0 6px;}
div.insta ul li {float:left; margin:4px 0 4px 7px;}
div.insta ul li a, div.insta ul li a img {
display:block; background-position:center center; background-repeat:no-repeat; width:88px; height:88px; transition:0.5s;}
div.insta ul li a {background-size:cover;}
div.insta ul li a:hover img {filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; background-color:rgba(236,160,207,0.7);}
div.insta ul li a img {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
div.insta ul li a img.icon-video {background-image:url(/um/img/play.png);}

/*footer*/
footer .copy p {padding:1em 0; font-size:80%;}

/*------------------　2nd　------------------ */
#contents{width:960px; padding:6px; margin:0 auto; border:4px solid #fff;}
#contents .inner{width:960px; margin:6px auto 0; padding:2em 0; background:url(../img/cbg.png);
background-image:url(../img/cnr_l.png),url(../img/cnr_r.png),url(../img/cbg.png);
background-repeat:no-repeat,no-repeat,repeat;
background-position:left top,right top,left top;}

#contents p {padding:1em 0 .5em; line-height:1.7;}
#contents h1{width:960px; height:340px; }
#intro h1{background-image:url(../img/intro/ttl.jpg);}
#story h1{background-image:url(../img/story/ttl.jpg);}
#info h1{background-image:url(../img/news/ttl.jpg);}
#caststaff h1{background-image:url(../img/ttl_cs.jpg);}
#original h1{background-image:url(../img/org/ttl.jpg);}
#msg h1{background-image:url(../img/ttl_fm.jpg?1);}
#chart h1{background-image:url(../img/chart/ttl.jpg);}
#topics h1{background-image:url(../img/topics/ttl.jpg);}
#guest h1{background-image:url(../img/guest/ttl.jpg);}
#itv h1{background-image:url(../img/itv/ttl.jpg);}
#quiz h1{background-image:url(../img/ttl_q.jpg); height:290px;}
#gallery h1{background-image:url(../img/gallery/ttl.jpg);}
#set h1{background-image:url(../img/set/ttl.jpg);}

.ph_cut {width:600px; height:400px; margin:1em auto; background-size: cover; background-repeat: no-repeat; background-position: center center; border:4px solid #fff; box-shadow:8px 8px rgba(153,137,41,0.2);}
.ph_cut_l {width:400px; height:600px; margin:1em auto; background-size: cover; background-repeat: no-repeat; background-position: center top; border:4px solid #fff; box-shadow:8px 8px rgba(153,137,41,0.2);}
.lazy {position:relative; display: block; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.lazy img {position:absolute;left:0;top:0; width:100%; height:100%;}
.line1 {background: linear-gradient(transparent 60%, rgba(247,237,17,0.8) 60%);}
.line2 {background: linear-gradient(transparent 60%, rgba(254,209,0,0.8) 60%);}
.ffmc{font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho ProN" , "HG明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho",serif;}

/*intro*/
#intro h2{text-align:center; font-weight:bold; line-height:1.4; font-size:160%;}
#intro h3{padding:2em 0 1.5em; text-align:center; font-weight:bold; line-height:1.4;}
#intro .main {background-image:url(../img/intro/main.jpg);}
#intro #contents p,#story #contents p {padding:1em 2.5em .5em; line-height:1.8;}
#intro h2.cmnt{font-size:180%; text-align:center; letter-spacing:.1em; padding:.5em 0; margin:0 auto 1em; color:#004fa3;}
#intro h3.cname,#original h3.cname{padding:0 2em .1em 0; line-height:35px; font-weight:normal; color:#004fa3; font-weight:bold; border-bottom:2px solid #1d1d1d; width:95.5%; text-align:left; margin:0 auto;}
.bdr{border:2px solid #1d1d1d; padding:.8em 0; margin:1em auto 1.5em; width:90%;}
.bdr p{padding:.5em 1.5em !important; font-size:95%;}

/*story*/
#story #mov{width:100%; text-align:center; margin:0 auto; padding:1em 0;}
#story #trailer,.emb{width:600px; height:338px; box-shadow:8px 8px rgba(153,137,41,0.2);}
#story #trailer {margin:.2em auto 0;}
#story h2.epnm,#guest h2,#gallery h2{text-align:center; padding:.2em 0 .3em; margin:0 auto; width:20%; color:#fff; background-color:#004fa3; position:relative; font-weight:bold; letter-spacing:.1em; vertical-align:middle;}
#story h2 span.num,#guest h2 span.num,#gallery h2 span.num {font-size:180%; color:#fee701; font-family:Avenir,Trebuchet MS;}
#story h2.epnm:after,#guest h2:after,#gallery h2:after{
  content: "";
  position: absolute;
  right: 0;
  bottom: -14px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color:#004fa3 transparent transparent transparent;
  border-width: 14px 10px 0 10px;
}
#story #contents .inner p:first-letter {font-size:150%; line-height:1; font-weight:bold;}
#story .ph_cut{margin:.2em auto 0;}
#story .ph_area{margin:1.5em auto 0; text-align:center;}
#story .ph_s{width:45%; padding:30% 0 0; background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative; display:inline-block; margin:0 .5% 0 1.5%; font-size:0;}
#story .ph_s img {position:absolute;left:0;top:0; width:100%; height:100%;}
#story #bknm,#guest #bknm,#gallery #bknm{width:100%; margin:1em auto 0; padding:1em 0 0;}
#story #bknm ul,#guest #bknm ul,#gallery #bknm ul{width:95%; margin:1.5em auto 0;}
#story #bknm li,#gallery #bknm li{display:inline-block; margin:0 0 .5em 10px;
  -webkit-transform: rotate(1deg);
  -ms-transform: rotate(1deg);
  transform: rotate(1deg);
}
#story #bknm li:nth-child(even),#gallery #bknm li:nth-child(even){
  -webkit-transform: rotate(-1deg);
  -ms-transform: rotate(-1deg);
  transform: rotate(-1deg);
}
#story #bknm li a,#gallery #bknm li a{display:inline-block; width:158px; height:105px; text-align:center; position:relative; box-shadow:2px 2px 10px rgba(137,105,127,0.2); overflow: hidden; border:3px solid #fff; box-shadow:4px 4px rgba(153,137,41,0.2);}
#story #bknm li a:after,
#gallery #bknm li a:after{position: absolute;content: "";display: block;width: 100%;height: 100%;top: 0;background-size: cover; background-repeat: no-repeat; background-position: center center;
   -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;}
#story #bknm li a:hover:after,
#gallery #bknm li a:hover:after {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
#story .triangle span.volnum,#gallery .triangle span.volnum,#set .triangle span.volnum{color:#1d1d1d; position: absolute; right:2%; top:7px;  z-index:101; font-weight:bold; font-size:110%; font-family:Avenir,Trebuchet MS;}
#story .triangle::before,#gallery .triangle::before,#set .triangle::before {
    content: "";
    top: 0;
    right: 0;
    border-bottom: 3em solid transparent;
    border-right: 3em solid rgba(254,209,0,0.8);
    position: absolute;
    z-index:10;
}

/*#story #bknm li span,#gallery #bknm li span {width:100%; padding:1em 0 .4em; font-size:100%; display:inline-block; color:#fff; position: absolute; bottom:0; left:0; margin:0 auto; z-index:1;}*/
#story #bknm h3,#gallery #bknm h3,#guest #bknm h3,#quiz #bknm h3,#set h3{text-align:left; padding:.5em .5em .5em 1em; font-size:160%; font-family:Avenir,Trebuchet MS; letter-spacing:.08em; background-color:rgba(254,209,0,0.8); font-weight:bold; 
  -webkit-transform: rotate(-1deg);
  -ms-transform: rotate(-1deg);
  transform: rotate(-1deg);
}

/*news*/
#promo {width:92%; margin:.5em auto 2em;}
#promo h2{width:98%; text-align:center; border-top:2px solid #004fa3; border-bottom:2px solid #004fa3; margin:0 auto .8em; padding:.5em 0; font-size:140%; font-weight:bold; color:#004fa3; letter-spacing:.2em;}
#promo h3{font-size:120%; padding:.6em 0 0; color:#004fa3;}
#promo ul{margin:0 auto; width:96%;}
#promo li {padding:.3em 0; border-bottom: solid 1px #1d1d1d; margin:0 0 .5em; color:#1d1d1d;}
#promo p.txt{padding:.2em 0 !important; font-size:95%; color:#1d1d1d;}
#promo p.add {font-size:1.2rem !important;  border:none !important; padding:.8em .5em; margin:0 auto; width:96%;}
#promo .pdate{ padding:.1em .4em; font-size:95%; background-color:rgba(254,209,0,0.6);}
#info span.date {padding:2px 3px; display:inline-block; font-size:100%; margin:0 0 .2em; font-family:Futura,Avenir; background-color:rgba(254,209,0,0.6);}
#info article {margin:0 auto 3em; width:90%;}
#info article:last-child{margin:0 auto 1em;}
#info article h2{margin:0 0 1em; width:100％; padding:.2em .2em .4em; line-height:1.3; border-bottom:2px solid #1d1d1d; font-weight:bold;}
#info article h2:first-letter {font-size:140%; line-height:1; color:#004fa3;}
#info article h3{font-size:130%; line-height:1.4; color:#004fa3; font-weight:bold;}
#info article p {padding:1em 0;}
.bdr2{border:1px solid #004fa3; padding:.8em 1.2em !important; margin:.5em auto 1em; width:100%; font-size:90%; border-radius:10px;}
.bdr3{padding:.8em 1.2em !important; margin:.5em auto 1em; width:100%; font-size:90%; background-color:rgba(255,255,255,0.35);}
.bdr4{border:1px solid #111; padding:.8em 1.2em !important; margin:.5em auto 1em; width:100%; font-size:90%;}
#info .cast1 {height:550px;}

/*guest*/
#guest h2{margin:.8em auto;}
#guest ul#glist{width:80%; margin:0 auto 1em; text-align:left;}
#guest ul#glist li{background-color:rgba(254,209,0,0.7); box-shadow:8px 8px rgba(153,137,41,0.2); margin:0 auto 2em;}
#guest ul#glist li span.gph{width:250px; height:230px; display:inline-block; background-size: cover; background-repeat: no-repeat; background-position: center top; vertical-align:top; margin:0 1em 0 0;}
#guest ul#glist .prof{display:inline-block; width:62%;}
#guest ul#glist h3{border-bottom: solid 3px #1d1d1d; font-size:160%; font-weight:bold; padding:2em 0 .4em; line-height:1.25;}#guest ul#glist p{font-size:140%; vertical-align:top;}
#guest ul#glist p span.cname{background-color:rgba(0,79,163,0.95); color:#fff; padding:.05em .2em .08em;}
#guest ul#glist p span.cname rt{color:#004fa3; font-size:60%;}
#guest #bknm li{display:inline-block; margin:0 0 .5em .2em; font-weight:bold; font-size:120%; letter-spacing:.05em; text-align:center;}
#guest #bknm li a{display:block; width:76px; height:76px; line-height:76px; border-radius:50%; border:3px solid #1d1d1d; background-color:rgba(254,209,0,0.7);}
#guest #bknm span.num {font-size:180%; font-family:Avenir,Trebuchet MS;}
#guest #bknm li.bk10{ letter-spacing:-.15em !important;}
#guest #bknm li.bk10 span.num {letter-spacing:-.15em !important; }

/*gallery*/
#gallery #contents .inner{padding:2em 0 3em;}
#gallery h2{margin:0 auto .8em;}
#gallery ul#show,#set ul#phlist{font-size:0; width:90%; margin:0 auto;}
#gallery ul#show li,#set ul#phlist li{ display:inline-block; margin:8px 0 8px 12px; box-shadow:4px 4px rgba(153,137,41,0.2); border:3px solid #fff;}
#gallery ul#show li{
  -webkit-transform: rotate(1deg);
  -ms-transform: rotate(1deg);
  transform: rotate(1deg);
}
#gallery ul#show li:nth-child(even){
  -webkit-transform: rotate(-1deg);
  -ms-transform: rotate(-1deg);
  transform: rotate(-1deg);}
#gallery ul#show li span,#set ul#phlist li span {background-size: cover; background-repeat: no-repeat; background-position: center top;}
#gallery ul#show li span.lazy,#set ul#phlist li span.lazy {position:relative; display:block;}
#gallery ul#show li span a,#set ul#phlist li span a {width:195px; height:130px; display:block; transition: 0.3s;}
#gallery ul#show li span a:hover,#set ul#phlist li span a:hover{background-color:rgba(247,237,17,0.5);}
#gallery .lbg-pics,#set .lbg-pics{background-color:none !important; box-shadow:none !important;}
#gallery #bknm li.bk1 a:after {background-image:url(../img/gallery/ep1/ep1_1.jpg);}
#gallery #bknm li.bk2 a:after {background-image:url(../img/gallery/ep2/ep2_1.jpg);}
#gallery #bknm li.bk3 a:after {background-image:url(../img/gallery/ep3/ep3_1.jpg);}
#gallery #bknm li.bk4 a:after {background-image:url(../img/gallery/ep4/ep4_1.jpg);}
#gallery #bknm li.bk5 a:after {background-image:url(../img/gallery/ep5/ep5_1.jpg);}
#gallery #bknm li.bk6 a:after {background-image:url(../img/gallery/ep6/ep6_1.jpg);}
#gallery #bknm li.bk7 a:after {background-image:url(../img/gallery/ep7/ep7_1.jpg);}
#gallery #bknm li.bk8 a:after {background-image:url(../img/gallery/ep8/ep8_1.jpg);}
#gallery #bknm li.bk9 a:after {background-image:url(../img/gallery/ep9/ep9_1.jpg);}
#gallery #bknm li.bk10 a:after {background-image:url(../img/gallery/ep10/ep10_1.jpg);}

/*quiz*/
#quiz h2{font-size:130%; line-height:150%; letter-spacing:.05em; padding:0; text-align:center; font-weight:bold;}
#quiz h3.que{font-weight:bold; text-align:center; font-size:140%; line-height:1.3;}
#quiz h4.answer{font-weight:bold; font-size:130%; width:85%; margin:1.5em auto 0; color:#e60012; padding:0 0 0 1.5em; border-bottom:2px dashed #e60012;}
#quiz span.epnum{text-align:center; padding:.5em; margin:-.8em auto 1.2em; font-size:140%; display:block; width:20%; 
background-color:#004fa3; color:#fff;
	-webkit-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	transform: rotate(-2deg);
}
#quiz .qbox{border:3px solid #1d1d1d; padding:0 1em .5em; width:90%; margin:3em auto 2.5em;}
#quiz p.bdr,#set p.bdr{border:none; padding:.8em 1em; margin:1em auto 1.5em; width:90%; font-size:95%; background-color:rgba(247,237,17,0.5); position:relative;}
#quiz p.bdr:after,#set p.bdr:after{
  content: "";
  position: absolute;
  right: 0;
  bottom: -16px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color:rgba(247,237,17,0.5) transparent transparent transparent;
  border-width: 16px 12px 0 12px;
}
ul#ans{width:85%; margin:1em auto 0;}
ul#ans li{font-size:140%; padding:.5em 0; color:#e60012; font-weight:bold; line-height:130%;}
ul#ans li span{border-radius:50%; padding:.4% 1.2%; color:#fff; margin:0 .3em 0 0; background-color:#e60012; }
ul#ans li.aswb{color:#004fa3;}
ul#ans li.aswb span{background-color:#004fa3;}
ul#ans li.aswc{color:#008917;}
ul#ans li.aswc span{background-color:#008917;}

ul#pastq{width:90%; margin:1.5em auto 1em; font-size:95%;}
ul#pastq li{border-bottom:1px solid #1d1d1d; padding:0 .5em .8em; margin:1em 0 .5em;}
ul#pastq li span.vnm{display:block; color:#fff; padding:.2em; margin:0 0 .4em; font-size:110%; background-color:#004fa3; width:10%; text-align:center;}
ul#pastq li span.asw{display:inline-block; background-color:#e60012; color:#fff; padding:.1em .2em; margin:.4em .3em 0 0;}
.checkm{position:relative; line-height: 38px; }
.checkm:after, .checkm:before{
	content:''; 
	height:18px; 
	width:4px; 
	display:block; 
	background:#e60012; 
	position:absolute; 
	top:8px; 
	left:15px; 
	border-radius:10px;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
}
.checkm:before{
	height:10px; 
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg); 
	top:16px; 
	left:7px;
}

/*set*/
#set h2{width:600px; padding:.5em; text-align:center; font-weight:bold; border-top:2px solid #1d1d1d; border-bottom:2px solid #1d1d1d; margin:0 auto;}
#set h3{margin:0 0 .8em; letter-spacing:.02em;}
#set #mov{width:90%; text-align:center; margin:0 auto; padding:1em 0;}
#set #mov .emb{margin:1em auto;}
#set .movend{text-align:center; font-weight:bold; font-size:150%; padding:.5em 0 1.8em !important;}
#set ul#movlist {width:90%; margin:1em auto 1.2em;}
#set ul#movlist li {width:270px; margin:0 0 15px 12px; background-size: contain; text-align:center; background-repeat: no-repeat; background-position: 0 0; position: relative; display: inline-block; transition: 0.3s;}
#set ul#movlist li:hover {filter: brightness(0.8);}
#set ul#movlist li a img {width:100%; height:auto; transition: 0.3s; box-shadow:6px 6px rgba(153,137,41,0.2);}


/*interview*/
#itv article h2{border-bottom:2px solid #1d1d1d; padding:.5em .2em; font-weight:bold; font-size:120%; margin:1.5em auto 0; line-height:135%;}
#itv article h2:first-of-type{margin:0 auto;}
#itv article h2:first-letter,#quiz h3.que:first-letter {font-size:140%; line-height:1; color:#004fa3; font-family: "游明朝" , "Yu Mincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho ProN" , "HG明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho",serif;}
#itv #contents .inner article{ margin:0 auto 3em; width:90%;}
#itv span.tkht{background-color:rgba(254,209,0,0.8); padding:.1em .3em; margin:0 .3em 0 0; }
#itv span.nsjm{background-color:rgba(170,187,232,0.4); padding:.1em .3em; margin:0 .3em 0 0; }

/*original*/
#original h2{font-size:160%; text-align:center; padding:1em 0; color:#004fa3; font-weight:bold;}
#original .novel1,#original .novel2,#original .novel3 {width:32%; height:0; padding:45.52% 0 0; background-image:url(../img/org/novel1.jpg); margin:1em 1em 3em; border:none; display: inline-block; vertical-align:top; position:relative;}
#original .novel1 img,#original .novel2 img,#original .novel3 img{position:absolute;left:0;top:0; width:100%; height:100%;}
#original .novel2 {background-image:url(../img/org/novel2.jpg);}
#original .novel3 {background-image:url(../img/org/novel3.jpg);}
#original .newtxt{width:90%; margin:0 auto 1em; padding:0;}

/*caststaff*/
#caststaff h2{margin:.5em auto 1em; font-weight:bold; border-top:2px solid #1d1d1d; border-bottom:2px solid #1d1d1d; padding:.6em 0; width:80%; text-align:center; letter-spacing:.1em; font-size:160%;}
#caststaff h3{width:80%; margin:1.5em auto .5em; background-color:rgba(254,209,0,0.6);}
#caststaff .credit{text-align:center; width:60%; margin:0 auto 2em; font-size:120%; line-height:1.7;}
#caststaff .credit span.f80_2{line-height:1.2; font-size:80%; display:block;}
#caststaff table{width:80%; margin:0 auto 3em; font-size:145%; /*color:#fff;text-shadow:0px 0px 2px #59a434,0px 0px 8px #59a434,0px 0px 12px #59a434;*/}
#caststaff table td{text-align:center; padding:.4em 0;}
#caststaff table td.cname{text-align:left;width:46.5%; vertical-align:bottom;}
#caststaff table td.chara{text-align:right;width:46.5%; color:#004fa3;}
#caststaff table td.naka{padding:.8em .5em 0; font-size:80%; letter-spacing:0; vertical-align:top;}
#caststaff table td.maru{vertical-align:bottom;font-size:90%; padding:0;}

/*chart*/
#chart .diagram{ position:relative; margin:.5em auto 2em; background:url(../img/chart/dia.png?2) no-repeat 0 0;}
#chart .diagram ul,#chart .diagram ul li {position: absolute;}
#chart .diagram ul li a{ display: block; /*background-color:rgba(254,231,1,0.3);*/ text-decoration: none; overflow: hidden; text-indent: 100%; white-space: nowrap;}
#chart .diagram ul li a img {display:block;}
#chart .diagram ul li.sz-l a img {width:204px; height:264px;}
#chart .diagram ul li.sz-m a img {width:174px; height:228px;}
#chart .diagram ul li.sz-s a img {width:154px; height:199px;}
#chart .diagram ul li.sz-ss a img {width:134px; height:174px;}
#chart .diagram ul li a {
filter: alpha(opacity=0); -moz-opacity:0; opacity:0;
transition: 0.3s;}
#chart .diagram ul li a:hover { filter: alpha(opacity=100); -moz-opacity:100; opacity:100;}
#chart ul li.hiyori {left:348px; top:400px;}
#chart ul li.natsume {left:57px; top:400px;}
#chart ul li.sakota {left:371px; top:95px;}
#chart ul li.takahira {left:123px; top:95px;}
#chart ul li.todo {left:614px; top:95px;}
#chart ul li.date {left:640px; top:397px;}
#chart ul li.sugioka {left:470px; top:761px;}
#chart ul li.segawa {left:703px; top:761px;}
#chart ul li.harada {left:285px; top:761px;}
#chart ul li.araki {left:100px; top:761px;}
#chart ul li.makino {left:599px; top:1008px;}
#chart ul li.mamiya {left:207px; top:1008px;}

/*topics*/
#topics .ph_cut,#report .ph_cut_l{margin:.5em auto;}
#topics #entry{float:left; width:630px;}
#topics #bknm{float:right; width:280px; margin:0 1.8em 0 0;}
#topics article {width:96%; margin:0 0 0 3%; padding:.5em 1.2em 1em; }
#topics article h2{border-bottom:2px solid #1d1d1d; padding:.2em .2em .4em; font-weight:bold;}
#topics article h2:first-letter {font-size:140%; line-height:1; color:#004fa3;}
#topics article h3{color:#004fa3; text-align:center; padding:1em 1.4em 0; line-height:1.5; font-weight:bold; font-size:110%;}
#topics article h3.endtx{padding:1em 1.4em 1em;}
#topics article p{padding:.8em .1em; line-height:1.6; font-size:105%;}
#topics article a {color:#e60012; text-decoration:underline;}
#topics article a:hover{background-color: rgba(255,245,106,0.3);}
#topics span.date {padding:2px 3px; display:inline-block; font-size:100%; margin:0 0 .2em; font-family:Futura,Avenir; background-color:rgba(254,209,0,0.6);}
#entry article p.cap{text-align:center; margin:1em auto .8em; width:500px; padding:0 !important; font-size:85%;}
#entry .cap span{background-color:rgba(254,209,0,0.5); padding:.1em;}

#topics #bknm ul{margin:.6em 0 0;}
#topics #bknm li{width:100%; line-height: 1.4em; margin:.5em 0 .1em 0;  font-size:90%;
box-shadow:6px 6px rgba(153,137,41,0.2);}
#topics #bknm li a {display:block; background-color:rgba(254,209,0,0.6); padding:.5em;}
#topics #bknm li a span.date{padding:0 .3em 0 .2em; background-color:rgba(247,237,17,0.8);}
#topics #bknm h3{font-size:180%; font-family:Futura,impact; margin:0 0 .6em; font-weight:bold;
color:#004fa3; transform: rotate(-3deg);text-shadow: 2px 2px #fee701;}
#prevnext { width:100%; padding:0; margin:2em auto .5em;}
#prevnext ul li {text-align:center; width:50px; height:50px; font-size:2.5rem; font-weight:bold; font-family:arial black,Verdana; background-color: rgba(2,2,2,0.05); color:#fff; line-height:50px; text-align:center; border-radius:50%;}
#prevnext ul li a {color:#fff; background:#004fa3; display:block; width:50px; height:50px; border-radius:50%;}
#prevnext ul li a:hover{color:#fff; background:#004fa3;}
#prevnext ul li.prev { float:left; }
#prevnext ul li.next { float:right; }


/*msg*/
iframe#iframe {width:100%; border:none; padding:0; margin:0;}
#msg h2{margin:.5em auto 1em; font-weight:bold; border-top:2px solid #1d1d1d; border-bottom:2px solid #1d1d1d; padding:.6em 0; width:90%;}
#msg .inner ul#notice {width:90%; margin:0 auto;}
#msg .inner ul#notice li{margin:0 0 .7em 1em; font-size:95%; text-indent: -1em; line-height:1.4;}
#msg .inner ul#notice li:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 4px;
    margin-left: 4px;
    border: transparent solid 5px;
    border-left-color:#004fa3;}
#msg p.att{font-size:120%; padding:.5em 0 0;}
#msg p.pinfo{width:90%; background-color:rgba(255,255,255,0.3); margin:1em auto 1em; padding:1em; font-size:90%; line-height:1.5;}
#msg p.pinfo a{text-decoration:underline;}
#msg p.bdr{border:none; padding:.8em 1em; margin:1em auto 1.5em; width:90%;font-size:95%; background-color:rgba(255,255,255,0.5);}

/*btn*/
a.btn_prev {font-size:150%; color:#fff; display:block; font-weight:bold; box-shadow:0 0 10px rgba(1,1,1,0.2); text-align:center; width:50%; padding:.8em; margin:1em auto 1.5em; background-color:#fc85b5; border-radius:5px; border:1px solid #fff; text-shadow:0 0 8px rgba(157,47,109,0.8);
background-image:linear-gradient(to top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
/*a.btn_df{font-size:150%; color:#222; display:block; font-weight:bold; text-align:center; width:40%; margin:1.5em auto; position: relative; border:3px solid #1d1d1d; letter-spacing:.1em; position:relative; z-index:2; text-transform: uppercase; text-decoration: none;}*/
.btn1 {margin:1.5em auto; font-weight:bold; text-align:center; font-size:150%;
	position: relative;
	display: block;
	width:40%;
	padding:.8em 0 1em;
	line-height: 1.5em;
	user-select: none;
	transition:0.3s;
	background-color:#fed100; box-shadow:5px 5px #fed100;
}
.btn1:before {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width:100%;
	height:100%;
	content: '';
	-webkit-transform: translate(-0.3em, -0.3em);
	transform: translate(-0.3em, -0.3em);
	border:3px solid #1d1d1d;
}
.btn1:hover{background-color:#fee701; box-shadow:5px 5px #fee701;}

a.btn_s {background:#e60012; padding:.5em; color:#fff; display:block; font-weight:bold; margin:.5em auto; border-radius:30px; text-align:center; width:30%; letter-spacing:.2em; font-size:120%;} 
a.btn_i {color:#c44a8f; padding:.6em 2em; border:1px solid #c44a8f; margin:.2em 0 0; display:inline-block; font-size:110%;
text-shadow:1px 1px 0 #fff; box-shadow:2px 2px 0 #c44a8f; letter-spacing:0.05em; border-radius:4px;
background:-webkit-gradient(linear,left bottom,left center,from(rgba(196,74,143,0.1)),to(rgba(196,74,143,0)));}
#msg #writeBtn a {width:45%; padding:1em 0; margin:.5em auto 1em;}
#form #agree a:hover,#msg #writeBtn a:hover,#intro #commeBtn a:hover {color:#fff;}

a.txl{background-color:rgba(226,149,197,0.2);}

/*//////pc//////*/
@media all and (min-width: 768px) {
header #logo{margin:0 auto; position: relative;}
header #logo a {width:780px; height:180px; margin:0 auto; background: url(../img/logo.png) no-repeat center center; display:block; padding:0;}

#menu {margin:0 auto; height:67px; padding:.5em 0; background: url(../img/mbg.png);}
#top #menu{background:none;}
#menu ul {width:980px; margin:0 auto; font-size:0; background: url(../img/menu.png) no-repeat 0 center;}
#menu li {width:138px; height:67px; display:inline-block; padding:0; margin:0 32px 0 0;}
#menu li a {width:100%; height:67px; display: block; text-indent: 100%; white-space: nowrap; text-decoration:none; overflow: hidden; margin:0;}
/*#top #menu li a:hover{background-color:rgba(249,208,0,0.2);}*/
#menu li.menu0{display:none;}
#menu li.menu4{width:120px;}
#menu li.menu3{width:245px;}
#menu li.menu5{width:210px; margin:0;}

.cts ul#bnr li:nth-child(2),.cts ul#bnr li:nth-child(5),.cts ul#bnr li:nth-child(8),.cts ul#bnr li:nth-child(11){margin:18px 15px 0;}

#next .oad{display:none;}
#next p{text-overflow: ellipsis; height:4.5em;
display: -webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;}
#snsarea .snsin{width:980px; margin:0 auto; background:url(../img/top/lineqr.png) no-repeat right 10px bottom 10px;}

.wrap2{background-color:rgba(249,208,0,0.75); padding:.2em 0 .2em;}
.wrap1,.wrap3{
  position: relative;
  overflow: hidden;
  z-index: 2;
}
.wrap1:before {background-color:rgba(249,208,0,0.75);
  content: '';
  position: absolute;
  top:60%;
  left: 0;
  width:300%;
  height:100%;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  transform: rotate(-5deg);
  z-index: -1;
-webkit-backface-visibility: hidden;
}
.wrap3{padding:0 0 10em;}
.wrap3:before {background-color:rgba(249,208,0,0.75); 
  content: '';
  position: absolute;
  bottom:10px;
  left:-50%;
  width:300%;
  height:100%;
  -webkit-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  z-index: -1;
-webkit-backface-visibility: hidden;
}

#container {
  position: relative;
  overflow: hidden;
  padding:4em 0 10em;
  z-index: 2;
}
#container:before {background-color:rgba(249,208,0,0.75);
  content: '';
  position: absolute;
  bottom:10px;
  left:-50%;
  width:300%;
  height:100%;
  -webkit-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  z-index: -1;
-webkit-backface-visibility: hidden;
}
footer .inner{width:970px; position: relative; margin:-8em auto 0; padding:5em 0 7em; z-index:3;}
footer #rect{width:300px; height: 250px; background:#fff; position:absolute; right:0; top:0; margin:0;}
footer .copy{padding:2em 0 0;}
#gotop {position: fixed; bottom:20px; right: 10px; z-index:10;}
#gotop span { display:none;}
#gotop a {display:block; width:86px; height:86px; background:url(../img/gotop.png) no-repeat 0 0;}
#sns{position: absolute; right:0; width:65px; background-color:rgba(0,79,163,0.95); padding:.5em 13px; z-index:10;
top:684px;
/*top : calc(50% – 25px) ;
top : -webkit-calc(50% – 25px);*/}
#sns img{width:40px; height:auto; margin:1em 0 0; display:block;
-ms-interpolation-mode: bicubic;}
#sns img:hover{opacity: 0.5;}
/*#sns span{font-size:1rem; letter-spacing:-.05em; text-align:right;
display:block;
font-size:8px;
padding:.6em .2em .2em 0;
  display: block;
  font-size: 9px;
  transform: scale(0.75);
  transform-origin: right top;
}*/

#chart .diagram{ width:899px; height:1198px;}

#topics .ph_cut{width:480px; height:320px;}
#topics .ph_cut_l{width:320px; height:480px;}
}

/*//////smp//////*/
@media all and (max-width: 767px) {
body,p { font-size: 1.3rem;}
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%;}
.ph_cut img,.ph_cut_l img,.ph_main img,#top header h1 img,#loader img{position:absolute;left:0;top:0; width:100%; height:100%;}

#top header{width:100%; height:auto;}
#loader-bg{width:100%; height:auto; position:relative;}
#loader{background-size:75%; height:0; padding:70.4% 0 0;}
#top h1{width:100%; height:0; padding:70.4% 0 0; background-size:cover; position: relative;}

#container{background:url(../img/bg.jpg);}
.wrap2{background:url(../img/bg.jpg); padding:0 0 1%}

#update{width:100%; margin:0 auto 10%;}
#update:after{bottom: -12px; border-width:12px 10px 0 10px;}
#update ul {width:95%; background-size:18%; padding:2.5% 0 1%; background-position:left center;}
#update ul li{text-overflow: ellipsis;white-space: nowrap;overflow: hidden; margin:0 0 .35em 21%; font-size:2.9vw; padding:.15em 0;}

.bn_prev{position:static; width:100%; height:0; padding:17.1875% 0 0; background:url(../img/top/prev_sp.png) no-repeat 0 0; margin:-.4em 0 2.5% 0; background-size:cover;}

#mov{width:100%; margin:0 auto 1%;}
.spot{width:100%; margin:0 auto 7%; height:auto; display:none;}
.spot ul#movlist{margin:0 2% .4em;}
.spot ul#movlist li{font-size:2.7vw; margin:0 0 0 .1em;}

.spot #trailer {width:96%; margin:.2em auto .5em; border:3px solid #fff;}
.spot #trailer div {width:100%; position:relative; padding:56.3% 0 0; height: 0; overflow: hidden;}
#trailer iframe,.emb iframe,#top #spmov .spmv iframe{ position:absolute; top: 0; left:0; width:100% !important; height: 100% !important;}
#next{width:96%; margin:0 0 0 2%; border:3px solid #fff; height:auto;}
.spot h2,#next h2{width:35%; height:auto; padding:9% 0 0; margin:-9% 0 0 4px;}
#next .next_ph{height:0; padding:55% 0 0; position: relative; background:url(../img/story/ep10.jpg) no-repeat center top -18px; background-size:cover;}
#next .next_ph img{position:absolute;left:0;top:0; width:100%; height:100%;}
#next .oad{font-family:Trebuchet MS,Avenir; color:#004fa3; font-size:4.3vw; font-weight:bold; display:inline-block; text-align:right; width:50%; position:absolute;right:0;top:-10.3%;}
#next p{padding:6px 10px 0; position: absolute; bottom:3px; left:4％; background-color:rgba(254,209,0,0.8); width: calc( 96% - 6px ); height:5.2em; font-size:2.9vw;}
#next a{width:100%;}
#next .triangle{display:none;}

.cts {width:96%; margin:0 auto 3.5%;}
.cts ul#bnr{text-align:left;font-size:0;}
.cts ul#bnr li{width:49%; height:auto; margin:2% 0 0; font-size:0; border:3px solid #fff;}
.cts ul#bnr li:nth-child(even){margin:2% 0 0 2%;}
.cts ul#bnr li a{height:0; padding:74.193% 0 0; background-size:cover;}
.cts ul#bnr li.bn_ishop{border:3px solid #fff;}
.cts ul#bnr li.bn_ishop,.cts ul#bnr li.bn_prv,.cts ul#bnr li.bn_free,.cts ul#bnr li.bn_ishop2{height:auto; box-shadow:none;}
.cts ul#bnr li.bn_ishop a{background-image:url(../img/top/bn_dvd_sp.jpg?1);}
.cts ul#bnr li.bn_prv a,.cts ul#bnr li.bn_free a,.cts ul#bnr li.bn_ishop2 a{height:0; padding:38.709% 0 0; background-size:cover; box-shadow:5px 5px rgba(153,137,41,0.2);}
/*.cts ul#bnr li.bn_org{width:100%;}
.cts ul#bnr li.bn_org a {background-image:url(../img/top/org_sp.jpg); padding:22.58% 0 0;}*/
.bn_set span.upd {font-size:2.8vw; width:25%;}
.bn_itr h3,.bn_tpc h3,.bn_ch h3,.bn_gl h3{width:62%; height:auto; left:-5px; padding:2.8% 1.4%;}
.bn_ch h3{width:52%;}
.bn_itr h3{width:60%;}
.bn_tpc span.rpup{top:-6%; right:0; padding:7.5% 0; width:28%; height:auto; font-size:2.8vw;}
.bn_tpc p{position: absolute; bottom:3%; right:0; padding:.5em; font-size:2.6vw;}

.cts ul#bnr li.bn_gl span.triangle{font-size:2.5vw !important;}
.cts ul#bnr li.bn_gl span.triangle span.f70{font-size:1.5rem; font-size:3.2vw;}

#snsarea{text-align:center;}
#snsarea h3{width:48%; height:auto; padding:2.5% 2%;}
#insta h3{width:52%;}

#twTL,#insta{margin:.5em auto 1em; width:300px; border:3px solid #fff001; height:330px;}
#twTL .tline{width:294px; height:301px; overflow:hidden;}
div.insta ul{margin:10px 0 0 5px;}
div.insta ul li {float:left; margin:5px 0 0 5px;}

.bn_ex a{width:250px; height:97px; background-size:cover; margin:1em auto .5em;}

footer {padding:0; text-align:center; background:none;}
footer .inner{width:100%; padding:0;}
footer .copy {width:100%; padding:0; margin:1.5em 0 0;}
footer .copy p{padding:.8em;}

#rect {margin:1em auto 0; border:none; width:300px; height:250px; background:#fff;}
#top #rect {margin:1em auto 0; border:none; width:300px; height:250px; background:#fff;}
#gotop {position: fixed; bottom: 0; left:0; width:100%; text-align:center; letter-spacing:.4em; z-index:10; font-family:Futura,Avenir;}
#gotop span{font-size:120%; vertical-align: middle; display:inline-block;}
#gotop a {width:100%; display:block; font-weight:bold; padding:0; height:45px; color:#fff; line-height:45px;
background:rgba(0,79,163,0.8); transition: 0.2s ease-in-out; text-decoration:none;}
#gotop a:hover{background-color:rgba(247,237,17,0.8); color:#004fa3;}
#sns{background-color:rgba(0,79,163,0.9); padding:4% 0 45px; text-align:center;}
#sns img{width:10%; margin:0 1.5% 3%; vertical-align:middle;}
#sns img:hover{opacity:0.70;}

footer a.ex_s{display:none;}

/*------------------　2nd　------------------ */
header{margin:0; padding:0 0 9px; background:url(../img/bricks.png) repeat-x center bottom 0;}
header #logo{width:100%;}
header #logo a {width:90%; height:0; padding:20% 0 0; background:url(../img/logo.png) no-repeat center center; display:block; background-size:96%; margin:0 auto 0;}
#menu{background: url(../img/mbg.png); background-size:cover; margin:0;padding:.6% 0 1.5%;}
#menu ul {width:100%; margin0 auto; text-align:center; font-size:0;}
#menu li {display:inline-block; font-size:13px; font-size:3.25vw; line-height:1.2; font-weight:bold; margin:.5% .5% .5%;}
#menu ul li {width:32%;
width: -webkit-calc(96% / 3) ;
width: calc(96% / 3) ;
}
/*#menu li.menu1{width:35%;}
#menu li.menu2{width:35%;}
#menu li.menu3{width:45%;}
#menu li.menu4{width:30%;}
#menu li.menu5{width:45%;}*/
#menu li a {display: block; width:100%; padding:.6em 0; /*background-color:rgba(254,231,1,0.7);*/ border-radius:1px; box-shadow:2px 2px 1px rgba(153,137,41,0.2); background:url(../img/bg.jpg); background-size:100%; position: relative;}
#menu li a::after {
 position: absolute;
  top: 2px;
  right: 2px;
  bottom: 2px;
  left: 2px;
content: '';
border: 1px dashed #fff570;
}
#menu li span.eng{display:block;color:#004fa3; font-size:88%; letter-spacing: .1em; font-family:'Times New Roman',sans-serif; font-size:2.3vw; font-style: oblique;}
#menu li span.lss {letter-spacing:-.1em;}
#menu li span.lss2 {letter-spacing:.2em;}
#menu li span.fss {font-size:75% !important;}

#contents{width:100%; margin:0 auto 2em; padding:0 0 1em; border:none; background-size:100%;}
#contents .inner{width:95%; margin:.5em auto 0; padding:1.5em 0 1em;
background-size:16%,16%,100%;}
#contents h1{width:100%; height:0; padding:35.416% 0 0; background-size: cover;}
#contents p {padding:.5em 0 1em; line-height:1.5; font-size:96%;}
.ph_cut {width:98%; height:0; padding:65.3% 0 0; position: relative; margin:1em auto .5em; border:2px solid #fff; box-shadow:6px 6px rgba(153,137,41,0.2);}
.ph_cut_l {width:60%; height:0; padding:90% 0 0; position: relative; margin:1em auto .5em; border:2px solid #fff;}

#bknm{width:100%; margin:2em auto 1em;}

/*intro*/
#intro h2{font-size:3.55vw;}
#intro #contents p,#story #contents p {padding:1em 1.8em .5em;}
#intro h3{font-size:3.3vw; padding:.5em 0;}
#intro h2.cmnt{font-size:4.5vw; padding:.3em 0 0; margin:0 auto;}
#intro h3.cname,#original h3.cname{font-size:120%; padding:0 0 .1em .1em;}
.bdr{width:90%; padding:.4em 0;}
#intro #contents .inner p,#story #contents .inner p{font-size:98%; line-height:160%;}
#intro .main{width:90%; padding:60% 0 0;}

/*story*/
#story #mov .ph_cut {width:100%; height:0; padding:66.6% 0 0; margin:0 auto; border:none; box-shadow:none;}
#story #mov{margin:0; background:none; padding:0;}
#story #mov ul#movlist{padding:1em 0;}
#story #mov ul#movlist li{width:45%; margin:0 .5%; font-size:110%; font-weight:bold;}
#story #mov ul#movlist li a{height:60px; line-height:60px;}
#story .ph_area{margin:2% auto 0; width:98%; text-align:center;}
#story .ph_s{width:90%; padding:60% 0 0; margin:0 auto 3%;}
#story h2.epnm,#guest h2,#gallery h2{font-size:4vw; margin:0 auto 1em; width:40%; font-weight:bold; padding:.35em 0 .2em;}
#story h2.epnm:after,#guest h2:after,#gallery h2:after{bottom:-12px; border-width:12px 7px 0 7px;}
#story #trailer,.emb {width:94%; position: relative; padding:52.953% 0 0; height: 0; overflow: hidden; height:auto; margin:0 auto; box-shadow:none;}
#story #trailer iframe,.emb iframe{ position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;}
#story #bknm,#itv #bknm,#gallery #bknm,#guest #bknm{margin:0 auto; padding:.5em 0 0;}
#story #bknm h3,#gallery #bknm h3,#guest #bknm h3,#set h3{font-size:5.5vw; padding:.5em 0 .5em .8em;}
#story #bknm ul,#guest #bknm ul,#gallery #bknm ul{width:95%; margin:1em auto 0;}
#story #bknm li,#gallery #bknm li{width:30%; height:auto; margin:0 1% 4% 1%;}
#story #bknm li a,#gallery #bknm li a{width:100%; height:0; padding:66.6% 0 0; border:2px solid #fff;}
#story #bknm li a img,#itv #bknm li a img,#gallery #bknm li a img {position:absolute;left:0;top:0; width:100%; height:100%;}
#story #bknm li span,#gallery #bknm li span{font-size:3.5vw;}

/*news*/
#promo{margin:0 auto 1.5em;}
#promo li{font-size:95%; margin:0 0 2.5%;}
#promo p.add {font-size:1rem !important; padding:.2em 0; width:92%;}
#promo .pdate{font-size:90%;}
#info article{margin:0 auto 1.8em;}
#info article:last-child{margin:0 auto .5em;}
#info article.theme{padding:1.2em 1.5em;}
#promo h2{font-size:4.2vw;}
#promo h2{font-weight:bold; padding:.4em 0; margin:0 auto .5em;}
#promo h3{font-size:3.6vw; line-height:1.35;}
#info article h2{line-height:140%; padding:.2em .1em .4em; font-size:4vw;}
#info article h3{font-size:3.4vw;}
#info article h3.bd{width:100%;}
#info article p {padding:.5em 0; font-size:98%; line-height:160% !important;}
.bdr2,.bdr3,.bdr4{width:100%; padding:.7em 1em !important; font-size:92% !important;}
.bdr3{margin:.65em auto;}
/*#info .emb {width:100%; position: relative; padding: 56.25% 0 0; height: 0; overflow: hidden; margin:0 auto 1em;}*/

/*guest*/
#guest ul#glist{width:90%;}
#guest ul#glist li{margin:0 auto 5%; box-shadow:5px 5px rgba(153,137,41,0.2);}
#guest ul#glist li span.gph{width:35%; height:0; padding:35% 0 0; margin:0 2% 0 0; position:relative;}
#guest ul#glist li span.gph img{position:absolute;left:0;top:0; width:100%; height:100%;}
#guest ul#glist .prof{width:58%;}
#guest ul#glist h3{border-bottom: solid 2px #1d1d1d;  font-size:3.6vw; padding:10% 0 .3em; margin:0 0 .3em; line-height:1.2 !important;}
#guest ul#glist p{font-size:3.6vw;}
#guest #bknm h3{margin:0 0 .5em;}
#guest #bknm ul{font-size:0;}
#guest #bknm li{margin:0 0 .5em 5px; font-size:1.4rem;}
#guest #bknm li a{width:56px; height:56px; line-height:56px; border:2px solid #1d1d1d;}

/*interview*/
#itv article h2{font-size:3.6vw; margin:1em auto .4em; padding:.5em 0 .4em;}
#itv article h2:first-of-type{margin:0 auto .4em;}
#itv .ph_cut{margin:.2em auto 1em;}
#itv #contents .inner article p{font-size:3.2vw; line-height:160%; padding:.5em 0 .5em !important;}
#itv #contents .inner article{ margin:0 auto 1em;}

/*gallery*/
#gallery #contents .inner{padding:1.5em 0 2em;}
#gallery ul#show li {margin:1.5% 1% 1.5% 2%; border:2px solid #fff;
width:30%;
width: -webkit-calc(100% / 3 - 3%) ;
width: calc(100% / 3 - 3%);
}
#gallery ul#show li span a {width:100%; height:0; padding:66.5% 0 0;}

/*quiz*/
#quiz h1{padding:30% 0 0;}
#quiz h2{margin:0 1em 2em; font-size:3.4vw;}
#quiz h3.que{font-size:125%; font-size:3.4vw; padding:0 .2em; line-height:140%;}
#quiz h4.answer{width:88%; margin:.5em auto 0; font-size:110%;}
#quiz span.epnum{width:30%; font-size:4vw; margin:-.8em auto .6em; padding:.4em;}
#quiz span.epnum::after{left:45%;}
#quiz .qbox{border:2px solid #1d1d1d; margin:2em auto 1em;}
#quiz p.bdr,#set p.bdr{margin:0 auto 1em; font-size:90%;}
ul#ans{width:88%;}
ul#ans li{font-size:3.5vw; padding:.3em 0;}
ul#ans li span{border-radius:50%; padding:.4% 2%;}
ul#pastq{margin:2em auto 1.5em;}
ul#pastq li{padding:0 0 .8em; line-height:130%;}
ul#pastq li span.vnm{width:15%;}
.checkm{line-height:25px;}
.checkm:after, .checkm:before{height:12px; width:3px; top:8px; left:10px;}
.checkm:before{height:7px; top:12px; left:5px;}

/*set*/
#set h2{width:100%; font-size:4vw; padding:.3em;}
#set h3{font-size:4.3vw;}
#set .emb {width:100%; position: relative; padding:56.3% 0 0; margin:.8em auto 0 !important;}
#set .movend{font-size:3.8vw; padding:1% 0 5% !important;}
#set ul#movlist,#set ul#phlist {width:92%; margin:0 auto .8em;}
#set ul#movlist li {width:47%; height:auto; margin:0 1% 2.5%;}
#set ul#movlist li img{position: absolute; top: 0; left: 0;}
#set ul#movlist li a{display:block; width:100%; padding:56.25% 0 0;}
#set ul#movlist li a img{box-shadow:3px 4px rgba(153,137,41,0.2);}
#set ul#phlist li {margin:0 2% 3%; border:2px solid #fff;
width:47%;
width: -webkit-calc(100% / 2 - 4%) ;
width: calc(100% / 2 - 4%);
}
#set ul#phlist li span a {width:100%; height:0; padding:66.5% 0 0; padding:56.25% 0 0;}

/*original*/
#original h2{font-size:4.5vw; padding:.2em 12%; line-height:140%;}
#original h2:first-of-type{padding:1% 7% 1%;}
#original .novel1,#original .novel2,#original .novel3{margin:1em .5em 1em; width:35%; height:0; padding:49.7875% 0 0;}
#original .novel3{margin:1em .5em 2em; width:45%; padding:64.0125% 0 0;}
#original .newtxt{width:90%; margin:.5em auto 0; text-align:left;}

/*caststaff*/
#caststaff table{width:100%; margin:.5em auto .5em;}
#caststaff table td{padding:.3em 0;}
#caststaff table td.cname{font-size:1.35rem; font-size:4vw; width:44%;}
#caststaff table td.chara{font-size:1.35rem; font-size:4vw; width:46%; }
#caststaff table td.naka{padding:1em .1em 0; font-size:1.5rem; font-size:3vw;}
#caststaff table td.maru{line-height:0.5em;}
#caststaff h2{font-size:4.2vw; margin:1.8em auto .5em; width:80%; padding:.4em 0;}
#caststaff h2:first-of-type{margin:.5em auto .5em;}
#caststaff .credit{width:95%; font-size:3.6vw;}

/*chart*/
#chart .diagram{margin:0 auto .5em; overflow:hidden; width:100%; height:0; padding:133.259176863% 0 0; background-size: cover;}
#chart .diagram ul {position: absolute; left:0; top:0; width:100%; height:100%;}

/*report*/
#topics #entry{float:none; width:100%;}
#topics article{box-shadow:none; padding:.5em 1em 1em; margin:0 auto;}
#topics article p{padding:.6em 0; font-size:100%;}
#topics article h2{font-size:4vw;}
#topics article h3{font-size:3.4vw; padding:1em 0 0;}
#topics article h3.endtx{font-size:3.5vw; padding:1em 1em 0;}
#topics article p.cap span { font-size:1.2rem;}
#topics #bknm{width:100%; float:none; margin:.5em auto;}
#topics #bknm ul{margin:.6em 0 0;}
#topics #bknm li{width:90%; line-height: 1.4em; margin:0 auto .5em;}
#topics #bknm h3{font-size:5.2vw; padding:.2em .4em;}
#entry article p.cap{width:95%; margin:.8em auto .5em;}
#entry article p.cap span{font-size:100%;}

/*msg*/
#msg h2{font-size:4vw;}
#prevnext ul li {font-size:2rem; width:40px; height:40px; line-height:40px;}
#prevnext ul li a{width:40px; height:40px;}
#msg p.att{font-size:105%; padding:0 0 .4em;}
#msg p.bdr{margin:0 auto 1em;}

a.btn_prev,a.btn_ap {margin:.5em auto 1.5em; width:62%; font-size:1.5rem; font-size:4vw;}
a.btn_s{width:50%;}
a.btn_i {margin:.5em 0 .2em; padding:.5em 2em;}

.btn1 {font-size:4vw; width:60%; padding:.7em 0 1em;}
.btn1:before {border:2px solid #1d1d1d;}
.btn1:hover{box-shadow:4px 4px #fee701;}

#msg a.btn_df{margin:1.2em auto 1.5em;}
}

@media all and (max-width: 320px) {
body,p { font-size: 1.3rem;}
a.btn_ap {width:70%;}
/*.bn_rp span.upd {font-size:1.4rem; width:40px; height:30px; padding:12px 0 0;}*/
#gallery #bknm li{width : 22.5%;}
}
.md-inner {box-shadow:none !important;}
.md-caption {color:#222 !important;}


.fadedown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadedown;
 -ms-animation-name: fadedown;
 animation-name: fadedown;
 visibility: visible !important;
}
@-webkit-keyframes fadedown {
 0% { opacity: 0; -webkit-transform: translateY(10px);}
 100% { opacity: 1; -webkit-transform: translateY(0);}
}
@keyframes fadedown {
 0% { opacity: 0; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px);}
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}
}