/*/////////////////////////////////////////////////////////////////////////
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:#014099;}
.stpnk{color:#d371af;}
.stpk2{color:#e295c5;}
.stbg{color:#51dac9;}
/*link*/
a { text-decoration:none; color:#1d1d1d;}
a:hover { text-decoration:none; color:#1d1d1d;}
#menu li a,#gotop a,header #logo a,#bknm li a,.bn_tw a,a.btn_prev,a.btn_df,a.btn_s,a.btn_i,#btnBn a,#prevnext ul li a,.sns img,.update li a,#top .cts a,#next a,.bn_pre a,.bnarea ul li a,.nextmv 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,#gotop a:hover,header #logo a:hover,#form #agree a:hover,#msg #writeBtn a:hover,#bknm li a:hover,a.btn_df:hover,a.btn_i:hover,#btnBn a:hover,.sns img:hover,#top .cts a:hover,#next a:hover,.bn_pre a:hover,.bnarea ul li a:hover,.nextmv 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/bg.jpg); color:#222;}
#con-body {background-color:transparent;}
#container { max-height: 100%; background:url(../img/bgph.png) no-repeat center bottom; background-size:100%;}
#top header{width:100%; height:686px; margin:0 auto; background:url(../img/top/mainbg.jpg) no-repeat center center; background-size:cover; /*background-color:rgba(255,255,255,0.4);*/}
#top header .inner{width:980px; margin:0 auto; position: relative;}
#top h1{width:980px; height:686px; background: url(../img/top/main.jpg?2) no-repeat center center; margin:0 auto;
animation: fadein 3s ease 0s 1 normal;
-webkit-animation: fadein 3s ease 0s 1 normal;}
@keyframes fadein {
    0% {opacity: 0}
    100% {opacity: 1}
}
@-webkit-keyframes fadein {
    0% {opacity: 0}
    100% {opacity: 1}
}
#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);}

p#oa1030{text-align:center; width:980px; margin:.8em auto; background-color:rgba(255,255,255,0.6); padding:.8em 0; border:1px solid rgba(226,149,197,0.5);}

#update {width:980px; height:56px; margin:.8em auto 1.5em; background-color:#fff; box-shadow:2px 2px 10px rgba(137,105,127,0.2);}
#update span.updttl{background:url(../img/top/update.png) no-repeat left center; height:56px; display: inline-block; vertical-align:top; padding:0; width:110px;}
#update span.ymd{padding:.1em .2em; margin:0 .5em 0 0; background: linear-gradient(to right, #f1e4ef 0%,#d5e0ed 100%); }
#update ul {height:56px; line-height: 56px; overflow: hidden; text-align:left; display: inline-block; width:82%; font-size:95%;}
#update li a{transition: 0.5s ease-in-out;}
#update li a:hover{color:#d371af;}

#digest{width:970px; margin:0 auto 1em; text-align:center; padding:1em 0; background-color:rgba(255,255,255,0.5); box-shadow:2px 2px 10px rgba(137,105,127,0.2);}
#digest h2{color:#d371af; padding:.25em 0 .3em; font-weight:bold;}
#digest .spd {width:600px; margin:.3em auto .5em;}
#digest .spd iframe {width:100%; height:338px;}

#mov{width:980px; margin:0 auto 1em;}
.spot{width:555px; height:330px; display:inline-block; background:url(../img/top/next.jpg?3) center 0; position:relative; box-shadow:2px 2px 10px rgba(137,105,127,0.2);}
/*.spot h2{width:150px; height:59px; background:url(../img/top/spot.png) no-repeat 0 0; margin:-.6em 0 0 4px; background-size:contain;}*/
.spot h2{width:525px; height:57px; background:url(../img/top/spdg.png) no-repeat 0 0; margin:-1em auto 0; background-size:contain;}
.spot #trailer {width:500px; margin:0 auto .5em; background:rgba(255,255,255,0.55) url(../img/top/movend.jpg) no-repeat center center; height:280px;}
.spot #trailer iframe {width:100%; height:281px;}
.spot span.upd{/*font-family:'Times New Roman',sans-serif;*/ background-color:rgba(255,255,255,0.6); padding:.2em; position: absolute; top:10px; right:0;}
.spot ul#movlist{position: absolute; top:5px; right:10px; padding:0;}
.spot ul#movlist li{display:inline-block; font-weight:bold; margin:0 0 0 .2em;}
.spot ul#movlist li a{display:block; padding:.4em .3em; background-color:rgba(255,255,255,0.6); box-shadow:1px 1px 5px rgba(137,105,127,0.2);
	-webkit-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	transform: rotate(2deg);
}
.spot ul#movlist li a:hover{opacity: 0.5; transition: 0.5s;}
#next{width:395px; height:330px; display:inline-block; vertical-align:top; margin:0 0 0 20px; box-shadow:2px 2px 10px rgba(137,105,127,0.2);}
#next a{width:100%; height:330px; display:block; background:url(../img/top/story.jpg) no-repeat 0 0;}
.nextmv{width:395px; display:inline-block; vertical-align:top;margin:0 0 0 20px;}
/*.nextmv{width:980px; margin:20px auto 5px; text-align:center;}*/
#bn_next,#bn_smv{display:inline-block; box-shadow:2px 2px 10px rgba(137,105,127,0.2); width:395px; height:158px;}
#bn_smv{margin:14px 0 0;}
#bn_next a{width:100%; height:158px; display:block; background:url(../img/top/bn_next.jpg?11) no-repeat 0 0;}
#bn_smv a{width:100%; height:158px; display:block; background:url(../img/top/bn_smv.jpg) no-repeat 0 0;}

/*cts*/
.cts{width:980px; margin:0 auto 2em; vertical-align:top;}
/*.bn_comic,.bn_repo,.bn_ex,.bn_line{display:inline-block; width:340px; height:130px; box-shadow:2px 2px 10px rgba(137,105,127,0.2);}
.bn_comic a,.bn_repo a,.bn_ex a,.bn_line a{display:block; width:100%; height:100%; background-repeat: no-repeat; background-position: center center;}
.bn_comic,.bn_line{margin:0 .9em 0;}
.bn_comic a{background-image: url(../img/top/bn_comic.jpg);}
.bn_line a{background-image: url(../img/top/bn_line.png);}
.bn_repo a {background-image:url(../img/top/bn_repo.jpg); position: relative;}
.bn_ex a{background-image: url(../img/top/bn_ex.jpg);}
.bn_ex{width:260px;}*/
.bn_rp span.rpup {color:#fff; position: absolute; top: -5px; right:10px; padding:12px 0 0; display:block; width:63px; height:58px; text-align:center; line-height:1; font-size:110%; background: url(../img/top/rpup.png) no-repeat 0 0; background-size: 100%; font-family:'Times New Roman',sans-serif; font-style: oblique;}

.cts ul#bnr{vertical-align:top; text-align:center;}
.cts ul#bnr li{width:310px; height:130px; display:inline-block; margin:18px 0 0; vertical-align:top; box-shadow:2px 2px 10px rgba(137,105,127,0.2);}
.cts ul#bnr li a{display:block; width:100%; height:100%; background-repeat: no-repeat; background-position:center center;}
.cts ul#bnr li.bn_itv a {background-image:url(../img/top/bn_itv.jpg?7);}
.cts ul#bnr li.bn_rp a {background-image:url(../img/top/bn_repo2.jpg); position: relative;}
.cts ul#bnr li.bn_gl a {background-image:url(../img/top/bn_gl.jpg);}
.cts ul#bnr li.bn_q a {background-image:url(../img/top/bn_q.png?1);}
.cts ul#bnr li.bn_il a {background-image:url(../img/top/bn_illust.jpg);}
.cts ul#bnr li.bn_line a {background-image:url(../img/top/bn_line.png);}
.cts ul#bnr li.bn_dvd a {background-image:url(../img/top/bn_dvd.jpg?2);}
.cts ul#bnr li.bn_ex a {background-image:url(../img/top/bn_ex2.jpg);}
.cts ul#bnr li.bn_free a {background-image:url(../img/top/free.png?1);}
.cts ul#bnr li.bn_prv a {background-image:url(../img/top/paravi.png?1);}
.cts ul#bnr li.bn_ishop a {background-image:url(../img/top/ishop2.jpg);}
.cts ul#bnr li.bn_free,.cts ul#bnr li.bn_prv,.cts ul#bnr li.bn_ishop{height:120px;}

/*.bnarea{text-align:center; margin:2em auto; width:980px;}
.bnarea ul{width:670px;}
.bnarea ul li{width:320px; height:120px; display: inline-block; margin:0 0 10px 7px; background-color:#014099;}
.bnarea ul li a{display: block; width:100%; height:100%;}*/
#top #rect {width:300px; height: 250px; background:#fff; margin:0;}

#snsarea{background-color:rgba(255,255,255,0.4); padding:1.5em 0; text-align:center; vertical-align:top;}
#snsarea h3{height:48px;}
#twTL,#insta,#fbTL{width:310px; height:350px; box-shadow:2px 2px 10px rgba(137,105,127,0.2); display:inline-block;}
#twTL {background:#fff url(../img/top/tw.jpg) no-repeat center 0;}
#twTL .tline,#fbTL .tline,#insta .tline{width:94%; margin:0 auto; height:300px; background-color:rgba(255,255,255,0.7); overflow:hidden;}
#fbTL {background:#fff url(../img/top/fb.jpg) no-repeat center 0;}

/* insta */
#insta {background:#fff url(../img/top/ig.jpg) no-repeat center 0; 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:6px 0 0 6px;}
div.insta ul li {float:left; margin:4px 0 0 4px;}
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 .sns img{width:70px; height:70px; margin:0 .2em .2em 0;}
footer .sns span{font-size:70%; line-height:0;}
footer .copy p {padding:.8em 0; font-size:80%; font-family:'Times New Roman',sans-serif;}

/*------------------　2nd　------------------ */
header{margin:0 0 2em; background-size: cover; background-position:center 0;}

#contents{width:950px; background-color:rgba(255,255,255,0.7); padding:0 0 2em;  margin:0 auto; background-repeat: no-repeat; background-position:0 0; box-shadow:0 0 15px rgba(137,105,127,0.2); border:5px solid rgba(255,255,255,0.5);}
#contents .inner{width:90%; margin:1em auto 0; /*background-color:rgba(55,255,255,0.2);*/}

#contents p {padding:1em 0 .5em; line-height:1.7;}
#contents h1{height:320px;}
#contents.intro{background-image:url(../img/intro/ttl.png);}
#contents.story{background-image:url(../img/story/ttl.png);}
#contents.news{background-image:url(../img/news/ttl.png);}
#contents.comic{background-image:url(../img/comic/ttl.png);}
#contents.cast{background-image:url(../img/ttl_cast.png);}
#contents.staff{background-image:url(../img/ttl_staff.png);}
#contents.chart{background-image:url(../img/chart/ttl.png);}
#contents.repo{background-image:url(../img/repo/ttl.png);}
#contents.fmsg{background-image:url(../img/ttl_fm.png);}
#contents.gallery{background-image:url(../img/gallery/ttl.png);}
#contents.illust{background-image:url(../img/illust/ttl.png);}
#contents.quiz{background-image:url(../img/ttl_q.png);}
#contents.movie{background-image:url(../img/ttl_spm.png?1);}
#contents.itv1{background-image:url(../img/itv/vol1.png);}
#contents.itv2{background-image:url(../img/itv/vol2.png);}
#contents.itv3{background-image:url(../img/itv/vol3.png);}
#contents.itv4{background-image:url(../img/itv/vol4.png);}
#contents.itv5{background-image:url(../img/itv/vol5.png);}
#contents.itv6{background-image:url(../img/itv/vol6.png);}
#contents.itv7{background-image:url(../img/itv/vol7.png);}

.ph_cut {width:600px; height:400px; margin:1em auto; background-size: cover; background-repeat: no-repeat; background-position: center center; border:5px solid #fff; box-shadow:2px 2px 10px rgba(137,105,127,0.2);}
.ph_cut_l {width:400px; height:600px; margin:1em auto; background-size: cover; background-repeat: no-repeat; background-position: center top; border:5px solid #fff; box-shadow:2px 2px 10px rgba(137,105,127,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(226,149,197,0.5) 70%);}
.line2 {background: linear-gradient(transparent 60%, rgba(230,0,18,0.4) 60%);}
.ffmc{font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho ProN" , "HG明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho",serif;}

/*intro*/
#intro h2.hdl{width:100%; height:191px; background: url(../img/intro/h2.png) no-repeat 0 0; margin:0 auto 1.1em;}
#intro h3{padding:2em 0 1.5em; text-align:center; font-weight:bold; line-height:1.4; font-size:150%;}
#intro .main {height:550px; background-image:url(../img/intro/ph1.jpg);}
#intro #contents p {line-height:1.9;}
#intro h2.cmnt{border-top:1px solid #fff; border-bottom:1px solid #fff; text-align:center; letter-spacing:.1em; padding:.5em 0; margin:0 auto 1em;
background: linear-gradient(to right, rgba(239,205,227,0.4) 0%,rgba(164,189,228,0.4) 100%);}
#intro h3.cname{display:inline-block; padding:0 2em 0 .5em; line-height:35px; background: linear-gradient(to right, rgba(239,205,227,0.5) 0%,rgba(239,205,227,0) 100%); font-weight:normal;}
#intro h3.cname span.post{display:inline-block; margin:0 .5em 0 0; font-size:1.6rem; background-color:rgba(255,255,255,0.5); padding:.1em .1em 0; line-height:1;}
.bdr{border:1px solid #fff; padding:.8em 0; margin:1em auto 1.5em; width:90%; box-shadow:8px 9px 10px rgba(137,105,127,0.1);}
.bdr p{padding:.5em 1.5em !important; font-size:95%;}

/*story*/
#story #mov{width:100%; text-align:center; margin:0 auto 1em; padding:1em 0; background-color:rgba(255,255,255,0.5);}
#story #trailer,.emb{width:600px; height:338px; box-shadow:2px 2px 10px rgba(137,105,127,0.2);}
#story #trailer {margin:.5em auto 0;}
#story h2{text-align:center; padding:.1em 0 .2em; margin:0; width:12%;
background: linear-gradient(to right, rgba(239,205,227,0.4) 0%,rgba(164,189,228,0.4) 100%);}
#story h2 span.num {font-size:150%;}
#story .ph_area{margin:1.5em auto 0;}
#story .ph_s{width:47%; padding:31% 0 0; background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative; display:inline-block; margin:0 .5% 0 1.5%; border:4px solid #fff; box-shadow:2px 2px 10px rgba(137,105,127,0.2);}
#story .ph_s img {position:absolute;left:0;top:0; width:100%; height:100%;}
#story #bknm,#itv #bknm,#gallery #bknm{width:100%; margin:1.5em auto 0; padding:1em 0;}
#story #bknm ul,#itv #bknm ul,#gallery #bknm ul{width:100%; margin:1.2em auto 0;}
#story #bknm li,#gallery #bknm li{display:inline-block; margin:0 0 .5em 5px;}
#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;}
#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 #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;
background: linear-gradient(to top, rgba(211,113,175,0.8) 0%,rgba(211,113,175,0) 100%);}
#story #bknm h3,#story #bknm h4,#gallery #bknm h3,#itv #bknm h3{color:#e295c5; padding:.5em; font-size:160%; font-family:'Times New Roman',sans-serif; font-style: oblique; letter-spacing:.05em; border-bottom:1px solid #e295c5; border-top:1px solid #e295c5;}

/*news*/
#promo {padding:0 0 .5em; margin:0 auto 2em; border:1px solid #fff; background-color:rgba(255,255,255,0.2); box-shadow:0 0 20px rgba(137,105,127,0.2);}
#promo h2{text-align:center; border-bottom:1px solid #fff; margin:0 auto .8em; padding:.5em 0; font-size:140%;
background: linear-gradient(to right, rgba(239,205,227,0.4) 0%,rgba(164,189,228,0.4) 100%);}
#promo h3{font-size:120%; padding:.5em 0 0;}
#promo ul{margin:0 auto; width:96%;}
#promo li {padding:0; border-bottom: solid 1px #ddd; margin:0 0 .5em; color:#d371af;}
#promo p.txt{padding:.2em 0 .5em; font-size:95%; color:#222;}
#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%; color:#222; background-color:rgba(211,113,175,0.1);}
#info span.date {padding:2px 3px; display:inline-block; font-size:100%; margin:0 0 .2em; color:#d371af; font-family:'Times New Roman',sans-serif; font-style: oblique;}
#info article {margin:0 auto 3em; width:100%;}
#info article:last-child{margin:0 auto 1em;}
#info article h2{margin:0 0 1em; width:100％; padding:.5em; line-height:1.3;
background: linear-gradient(to right, rgba(239,205,227,0.4) 0%,rgba(164,189,228,0.4) 100%);}
#info article h3{font-size:110%; line-height:1.4;}
#info article p {padding:1em 0;}
.bdr2{border:1px solid #fff; padding:.8em 1.2em !important; margin:.5em auto 1.5em; width:100%; font-size:95%; box-shadow:2px 2px 10px rgba(137,105,127,0.2);}
#info .cast1 {height:550px;}

/*gallery*/
#gallery h2{text-align:center; padding:.1em 0 .2em; margin:-.5em 0 .2em; width:12%;
background: linear-gradient(to right, rgba(239,205,227,0.4) 0%,rgba(164,189,228,0.4) 100%);}
#gallery h2 span.num {font-size:150%;}
#gallery ul#show{font-size:0; width:100%; margin:0 auto 10px;}
#gallery ul#show li{ display:inline-block; margin:5px 9px 5px 0;}
#gallery ul#show li span {background-size: cover; background-repeat: no-repeat; background-position: center top;}
#gallery ul#show li span.lazy {position:relative; display:block;}
#gallery ul#show li span a {width:200px; height:133px; display:block; border:2px solid rgba(255,255,255,0); transition: 0.3s;}
#gallery ul#show li span a:hover{border:2px solid #fff; background-color:rgba(239,205,227,0.3);}
#gallery .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);}
#gallery #bknm li.bk11 a:after {background-image:url(../img/gallery/ep11/ep11_1.jpg);}

/*interview*/
#itv #contents .inner h2{border-bottom:1px solid #d371af; padding:.4em .5em .4em .1em; font-size:128%; margin:1em auto 0; line-height:120%;}
.dash{letter-spacing:-.3em; margin:0 .5em 0 0;}
#itv #contents .inner article{margin:0 auto 2em;}
#itv span.arimura{background-color:rgba(226,149,197,0.3); padding:.1em .3em; margin:0 .3em 0 0; border:1px solid #fff;}
#itv span.okada{background-color:rgba(145,187,232,0.3); padding:.1em .3em; margin:0 .3em 0 0; border:1px solid #fff;}
#itv #bknm li{width:150px; text-align:center; position:relative; display:inline-block; margin:0 0 .5em 12px;}
#itv #bknm li a {color:#fff; display:block; width:100%; height:150px; position:relative; background-size: cover; border-radius:50%; box-shadow:2px 2px 10px rgba(137,105,127,0.2); border:2px solid #fff;}
#itv #bknm li span {width:75%; padding:.2em; font-size:90%; display:inline-block; color:#fff;background-color:rgba(226,149,197,0.8); position: absolute; bottom:10px; left:0; right:0; margin:0 auto;
	-webkit-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);}
#itv #bknm li.bk1 a{background-image:url(../img/itv/vol1s.jpg);}
#itv #bknm li.bk2 a{background-image:url(../img/itv/vol2s.jpg);}
#itv #bknm li.bk3 a{background-image:url(../img/itv/vol3s.jpg);}
#itv #bknm li.bk4 a{background-image:url(../img/itv/vol4s.jpg);}
#itv #bknm li.bk5 a{background-image:url(../img/itv/vol5s.jpg);}
#itv #bknm li.bk6 a{background-image:url(../img/itv/vol6s.jpg);}
#itv #bknm li.bk7 a{background-image:url(../img/itv/vol7s.jpg);}

/*comic*/
#comic .main {height:569px; background-image:url(../img/comic/comic.jpg); margin:1em auto .5em; border:none;}
#comic .subcut {background-image:url(../img/comic/subcut.jpg); margin:0; border:none; width:240px; height:338px; display: inline-block; vertical-align:top;}
#comic .comicinfo{width:90%; margin:3em auto 1em; text-align:center; background-color:rgba(255,255,255,0.6); box-shadow:8px 8px 4px rgba(137,105,127,0.1); padding:2em 0;
border:1px solid rgba(239,205,227,0.8);}
#comic .comicinfo p{width:46%; display: inline-block; margin:0 0 0 4%; text-align:left; font-size:115%;}
p.cap{padding:0 !important;}

/*caststaff*/
#staff h2{margin:1.5em auto .5em;
background: linear-gradient(to right, rgba(239,205,227,0.4) 0%,rgba(164,189,228,0.4) 100%);}
#staff .credit{text-align:center; width:60%; margin:0 auto 2em; font-size:120%; line-height:1.7;}
#staff .credit span.f80_2{line-height:1.2; font-size:80%; display:block;}

#cast 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;*/}
#cast table td{text-align:center; padding:.4em 0;}
#cast table td.cname{text-align:left;width:45%; vertical-align:bottom;}
#cast table td.chara{text-align:right;width:45%; color:#d371af;}
#cast table td.naka{padding:.4em .8em 0; font-size:80%; letter-spacing:0; vertical-align:middle;}
#cast table td.maru{font-size:80%;}

/*quiz*/
#quiz #contents .inner{margin:0 auto;}
#quiz h2{font-size:125%; line-height:145%; letter-spacing:.05em; margin:-1.3em 0 2em; padding:0;}
#quiz h3.que{font-weight:bold; text-align:center; font-size:140%;}
#quiz h3.que:first-letter,#quiz p.ans:first-letter {font-size: 150%; font-family:'Georgia',sans-serif; font-style: oblique; color:#e295c5;}
#quiz span.epnum{text-align:center; padding:.5em; margin:-.8em auto 1.2em; font-size:140%; display:block; width:20%; 
background: linear-gradient(to right, rgba(239,205,227,0.4) 0%,rgba(164,189,228,0.4) 100%);
	-webkit-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	transform: rotate(-2deg);
}
#quiz .qbox{border:2px solid #fff; margin:0 0 1.5em; padding:0 1em .5em;}
#quiz p.ans{padding:.5em 0 .5em; font-size:140%; font-weight:bold; color:#e295c5;}
ul#pastq{width:100%; margin:3em auto 1em; font-size:95%;}
ul#pastq li{border-bottom:1px dashed #e295c5; padding:0 .5em .8em; margin:1.2em 0 .5em;}
ul#pastq li span.vnm{display:block; color:#fff; padding:.2em; margin:0 0 .4em; font-size:110%; background-color:#e295c5; width:10%; text-align:center;
	-webkit-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	transform: rotate(-2deg);
}
ul#pastq li span.asw{display:inline-block; background-color:#e295c5; color:#fff; padding:.1em .2em; margin:.4em .3em 0 0;}

/*mov*/
#movie ul#movlist {width:100%; margin:2em auto 0;}
#movie ul#movlist li {width:270px; margin:0 0 15px 11px; background-size: contain; text-align:center; background-repeat: no-repeat; background-position: 0 0; position: relative; display: inline-block; transition: 0.3s;}
#movie ul#movlist li:hover {filter: brightness(0.8);}
#movie ul#movlist li a img {width:100%; height:auto; transition: 0.3s;}
#movie ul#movlist li a:hover img {box-shadow:2px 2px 12px rgba(137,105,127,0.3);}
#movie ul#movlist li span.new {position: absolute; top:0; left: 0; padding:.4em .8em .3em .5em; color:#fff; font-size:100%; font-family:'Times New Roman',sans-serif;
background: linear-gradient(to right, rgba(211,113,175,0.8) 0%,rgba(211,113,175,0) 100%); }

/*chart*/
#chart .diagram{ position:relative; margin:1em auto 2em;}
#chart #part1.diagram{background:url(../img/chart/dia.png) no-repeat 0 0;}
#chart #part2.diagram{background:url(../img/chart/dia2.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(253,216,239,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-l a img {width:175px; height:230px;}
#chart .diagram ul li.sz-m a img {width:150px; height:195px;}
#chart .diagram ul li.sz-s a img {width:115px; height:153px;}
#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.hijiri {left:477px; top:361px;}
#chart ul li.akira {left:242px; top:361px;}
#chart ul li.shotaro {left:703px; top:361px;}
#chart ul li.ritsu {left:703px; top:81px;}
#chart ul li.aiko {left:19px; top:361px;}
#chart ul li.shigeru {left:29px; top:651px;}
#chart ul li.michiyo {left:499px; top:76px;}
#chart ul li.chizuru {left:705px; top:651px;}
#chart ul li.runa {left:242px; top:651px;}
#chart ul li.junichiro {left:411px; top:643px;}
#chart ul li.atsuki {left:537px; top:643px;}
#chart ul li.michiru {left:411px; top:806px;}
#chart ul li.yuu {left:537px; top:806px;}
#chart ul li.mayumi {left:117px; top:113px;}
#chart ul li.nobuhiko {left:243px; top:113px;}
#chart ul li.tadayuki {left:368px; top:113px;}
/*----------6話〜---------*/
#chart ul#dia2 li.hijiri {left:483px; top:361px;}
#chart ul#dia2 li.akira {left:263px; top:361px;}
#chart ul#dia2 li.shotaro {left:709px; top:361px;}
#chart ul#dia2 li.ritsu {left:709px; top:81px;}
#chart ul#dia2 li.aiko {left:40px; top:361px;}
#chart ul#dia2 li.shigeru {left:50px; top:643px;}
#chart ul#dia2 li.chizuru {left:515px; top:76px;}
#chart ul#dia2 li.kazuki {left:353px; top:76px;}
#chart ul#dia2 li.miwa {left:25px; top:76px;}
#chart ul#dia2 li.ayano {left:222px; top:118px;}
#chart ul#dia2 li.runa {left:263px; top:643px;}
#chart ul#dia2 li.junichiro {left:432px; top:643px;}
#chart ul#dia2 li.atsuki {left:558px; top:643px;}
#chart ul#dia2 li.michiru {left:432px; top:806px;}
#chart ul#dia2 li.yuu {left:558px; top:806px;}
#chart ul#dia2 li.kosuke {left:50px; top:866px;}


/*report*/
#report #entry{width:100%;}
#report #bknm{width:100％; margin:0 auto;}
#report article {margin:0 auto; padding:0 0 1em;}
#report article h2{padding:.5em;
background: linear-gradient(to right, rgba(239,205,227,0.6) 0%,rgba(164,189,228,0) 100%);}
#report article p{padding:1em .1em; line-height:1.5; font-size:95%;}
#report article a {color:#d371af; text-decoration:underline;}
#report #bknm ul{width:100%; margin:1em auto 0;}
#report #bknm li{width:48.5%; line-height: 1.4em; margin:.3em 0; font-size:90%; display:inline-block; border:1px dashed #fff;}
#report #bknm li:nth-child(odd){margin:.3em 1%;}
#report #bknm li a {display:block; padding:.6em;
background: linear-gradient(19deg, rgba(239,205,227,0.4) 0%,rgba(164,189,228,0.4) 100%);}
#report span.date {padding:2px 3px; display:inline-block; font-size:100%; margin:0 0 .2em; color:#d371af; font-family:'Times New Roman',sans-serif; font-style: oblique;}
#report #bknm li a span.date{padding:0 .3em 0 .2em;}
#report #bknm h3{color:#e295c5; padding:.5em; font-size:160%; font-family:'Times New Roman',sans-serif; font-style: oblique; letter-spacing:.05em; border-bottom:1px solid #e295c5; border-top:1px solid #e295c5;}
#prevnext { width:100%; padding:0; margin:2em auto;}
#prevnext ul li {text-align:center; width:60px; height:60px; font-size:2.5rem; font-weight:bold; font-family:arial black,Verdana; background-color: rgba(2,2,2,0.05); color:#fff; line-height:60px; text-align:center;}
#prevnext ul li a {color:#fff; display:block; width:60px; height:60px; border:1px solid #fff;
background-color: #d371af;
background-image: linear-gradient(30deg, #FAACA8 0%, #DDD6F3 100%);
}
#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:1px solid #fff; border-bottom:1px solid #fff; 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:#d371af;}
#msg p.att{font-size:120%; padding:.5em 0 0;}
#msg p.pinfo{width:90%; background-color:rgba(255,255,255,0.5); margin:1em auto 1em; padding:1em; font-size:90%; line-height:1.5;}
#msg p.pinfo a{text-decoration:underline;}

/*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,a.btn_ap{font-size:150%; color:#222; display:block; font-weight:bold; text-align:center; width:45%; padding:1.2em 0; margin:1.5em auto; position: relative; border:2px solid #fff; letter-spacing:.15em; box-shadow:2px 2px 10px rgba(137,105,127,0.5); text-shadow:1px 1px rgba(255,255,255,0.4),0 0 8px rgba(255,255,255,0.9);
background-image: url(../img/btnbg.jpg);
background-image: -webkit-gradient(linear,left bottom,left center,from(rgba(255,255,255,0.5)),to(rgba(255,255,255,0))),
url(../img/btnbg.jpg);}

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

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; background-color:rgba(255,255,255,0.4);}
header #logo a {width:750px; height:190px; margin:0 auto; background: url(../img/logo.png) no-repeat center center; display:block; padding:0;}
#menu {margin:0 auto; padding:.5em 0; background: url(../img/menu.jpg) center 0; box-shadow:2px 2px 10px rgba(137,105,127,0.2);}
#menu ul {width:980px; margin:0 auto; font-size:0;}
#menu li {width:148px; height:67px; display:inline-block; padding:0; margin:0 8px 0 0; border:1px solid rgba(107,106,152,0.03);}
#menu li a {width:100%; height:67px; display: block; text-indent: 100%; white-space: nowrap; text-decoration:none; overflow: hidden;
margin:0 0 0 0; background-color:rgba(255,255,255,0.5); box-shadow:0 4px 6px rgba(107,106,152,0.15); background-position:center center;}
#menu li.btn4,#menu li.btn5{width:143px;}
#menu li.btn6{width:210px; margin:0;}
#menu li.btn1 a{background-image:url(../img/menu1.png);}
#menu li.btn2 a{background-image:url(../img/menu2.png);}
#menu li.btn3 a{background-image:url(../img/menu3.png);}
#menu li.btn4 a{background-image:url(../img/menu4.png);}
#menu li.btn5 a{background-image:url(../img/menu5.png);}
#menu li.btn6 a{background-image:url(../img/menu6.png);}
#menu li.btn7 a{background-image:url(../img/menu7.png);}

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

#snsarea .snsin{width:980px; margin:0 auto;}
#top footer {margin:7em auto 0; padding:5em 0 4em;}

footer a.ex_s {width:250px; height:90px; display:block; background:url(../img/top/bn_ex2.jpg) no-repeat center center; background-size:cover; margin:0 0 1em;}

footer {margin:8em auto 0; width:970px; position: relative; padding:0 0 2.5em;}
footer #rect{width:300px; height: 250px; background:#fff; position:absolute; right:0; top:-5em; margin:0;}
#top footer .sns{padding:0;}
footer .sns{padding:1em 0;}
#gotop {position: fixed; bottom:20px; right: 10px; z-index:10;}
#gotop span { display:none;}
#gotop a {display:block; width:80px; height:80px; background:url(../img/gotop.png) no-repeat 0 0; background-size:cover;
border:1px solid #fff; box-shadow:0 0 20px rgba(137,105,127,0.2);}

#chart #part1.diagram{ width:896px; height:1022px;}
#chart #part2.diagram{ width:902px; height:1071px;}
}

/*//////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{position:absolute;left:0;top:0; width:100%; height:100%;}

#top header,#top header .inner{width:100%; height:auto;}
#top h1{width:100%; height:0; padding:70% 0 0; background-size:cover;}
#top header .sns{right:0.8%; bottom:1.2%;}
#top header .sns img{width:9%; height:auto; margin:0;}
#top header .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;
}

p#oa1030{text-align:left; width:100%; margin:0 auto; padding:.8em; border:none; font-size:98%; line-height:130%;}

#update{width:100%; padding:0; margin:0 0 0; height:35px; border-radius:0;}
#update ul {height:35px; line-height:35px; overflow: hidden; font-size:85%; width:78%;}
#update ul li{text-overflow: ellipsis;white-space: nowrap;overflow: hidden; width:99%;}
#update span.updttl{height:35px; width:20%; background-size:90%;}

#digest{width:100%; padding:.5em 0 .1em;}
#digest h2{font-size:3.5vw; padding:.25em 0 0;}

#mov{width:100%; margin:5% auto 0; margin:0 auto 0; text-align:center;}
.spot{width:100%; margin:0 auto; height:auto; display:none;}
.spot span.upd{top:0;}
.spot ul#movlist{top:-8px;}
.spot ul#movlist li{font-size:2.9vw; margin:0 0 0 .1em;}
/*.spot h2{height:0; padding:10% 0 0; width:100%; background-size:contain; margin:-5% 0 0 0; background-position:6px 0;}*/
.spot h2{height:0; padding:10.4% 0 0; width:100%; background-size:contain; margin:0; background-position:center center;}
.spot #trailer,#digest .spd {width:94%; position:relative; padding:52.828% 0 0; height: 0; overflow: hidden; margin:0 auto .5em;}
#trailer iframe,.emb iframe,#top #spmov .spmv iframe,#digest .spd iframe{ position:absolute; top: 0; left:0; width:100% !important; height:100% !important;}
#next{width:96%; margin:1.8% auto 0; height:auto;}
#next a{height:0; padding:36.375% 0 0; background:url(../img/top/story_sp.jpg) no-repeat center center; background-size:cover;}

.nextmv {width:100%; margin:2% auto 0; text-align:center; font-size:0;}
#bn_next,#bn_smv{width:47%; height:auto; display:inline-block; font-size:0; margin:0; vertical-align:top;}
#bn_smv{margin:0 0 0 2%;}
#bn_next a,#bn_smv a{height:0; padding:65% 0 0; background-size:cover;}
#bn_next a{background-image:url(../img/top/bn_next_sp.jpg?11);}
#bn_smv a{background-image:url(../img/top/bn_smv_sp.jpg);}

.cts {width:96%; margin:0 auto 3.5%;}
/*.bn_repo{width:100%; margin:0 auto 2.5%; height:auto; font-size:0;}
.bn_repo a{height:0; padding:20.967% 0 0; background-image:url(../img/top/bn_repo_sp.jpg); background-size: cover;}
.bn_comic,.bn_line{width:56%; height:auto; margin:0 2% 0 0;}
.bn_comic a,.bn_line a{height:0; padding:38.235% 0 0; background-size:cover;}
.bn_ex{width:41%; height:auto;}
.bn_ex a{height:0; padding:52% 0 0; background-size:cover;}*/

.cts ul#bnr{text-align:left;}
.cts ul#bnr li{width:49%; height:auto; margin:2% 0 0; font-size:0;}
.cts ul#bnr li.bn_free,.cts ul#bnr li.bn_prv,.cts ul#bnr li.bn_ishop,.cts ul#bnr li.bn_cut,.cts ul#bnr li.bn_ex,.cts ul#bnr li.bn_line{height:auto;}
.cts ul#bnr li:nth-child(even){margin:2% 0 0 1%;}
.cts ul#bnr li a{height:0; padding:41.9% 0 0; background-size:cover;}
.cts ul#bnr li.bn_free a,.cts ul#bnr li.bn_prv a,.cts ul#bnr li.bn_ishop a,.cts ul#bnr li.bn_ex a,.cts ul#bnr li.bn_line a{height:0; padding:38.7% 0 0; background-size:cover;}
.cts ul#bnr li.bn_cut {background:url(../img/top/bn_cut.png) no-repeat center center; height:0; padding:19% 0 0; background-size:90%; box-shadow:none;}
.cts ul#bnr li.bn_free,.cts ul#bnr li.bn_line{display:none;}

.bn_rp span.rpup {top:-3px; right:1%; padding:3.5% 0 3.5%; display:block; width:20%; height:auto; text-align:center; background-size:contain; font-size:2.8vw;}

/*.bnarea{width:100%;margin:.5em 0 0;}
.bnarea ul{width:100%; float:none; font-size:0;}
.bnarea ul li{width:48%; height:auto; margin:.6%;}
.bnarea ul li a{background-size:cover; height:0; padding:37.5% 0 0;}*/
#top #rect {float:none; margin:1.2em auto 0;}

#twTL,#insta,#fbTL{margin:.5em auto 1em; width:300px;}
div.insta ul{margin:3px 0 0 3px;}
div.insta ul li {float:left; margin:3px 0 0 3px;}

footer {padding:0; text-align:center; background:none;}
footer .inner{width:100%; padding:0;}
footer .copy {width:100%; padding:0 0 4em; margin:1.5em 0 0;}
footer .copy p{padding:.8em;}
footer .sns{margin:1.5em auto 0;}
footer .sns img{width:13%; height:auto;}
footer .sns span{font-size:70%; line-height:0;}
#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:'Times New Roman',sans-serif; font-style: oblique;}
#gotop span{font-size:120%; padding:1% 0 0; vertical-align: middle; display:inline-block;}
#gotop a {width:100%; display:block; font-weight:bold; padding:1em 0; color:#fff;
background: linear-gradient(to top, rgba(211,113,175,0.6) 0%,rgba(211,113,175,0) 100%);}

footer a.ex_s{display:none;}

/*------------------　2nd　------------------ */
header{margin:0;}
header #logo{width:100%;}
header #logo a {width:82%; height:0; padding:22% 0 0; background:url(../img/logo.png) no-repeat center center; display:block; background-size:92%; margin:0 auto 0;}
#menu{margin:0; padding:.5% 0 2%; background: url(../img/menu.jpg) 0 0; background-size:cover;}
#menu ul {width:98%; margin:0 auto; text-align:center; font-size:0;}
#menu li {display:inline-block; font-size:13px; font-size:3.5vw; line-height:1.25; font-weight:bold;}
#menu li span.eng{display:block;color:#e364be; font-size:88%; letter-spacing: .1em; font-family:'Times New Roman',sans-serif; font-size:2vw;}
#menu ul li {width : 33.33333%;
width: -webkit-calc(100% / 3) ;
width: calc(100% / 3) ;}
#menu li a {height:auto; display: block; width:95.5%; margin:3% auto 0; padding:.6em 0; background-color:rgba(255,255,255,0.5); box-shadow:0 3px 5px rgba(107,106,152,0.15); border:1px solid rgba(107,106,152,0.1);}
#menu li span.lss {letter-spacing:-.08em;}
#menu li span.lss2 {letter-spacing:.18em;}

#contents{width:100%; margin:0 auto 2em; padding:0 0 1em; border:none; background-size:100%;}
#contents .inner{width:88%;}
#contents h1{width:100%; height:0; padding:29% 0 0;}
#contents p {padding:.5em 0 1em; line-height:1.5; font-size:96%;}
.ph_cut {width:96%; height:0; padding:64% 0 0; position: relative; margin:1em auto .5em; border:2px solid #fff;}
.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.hdl{width:80%; height:0; padding:25% 0 0; margin:0; background-size:contain;}
#intro #contents p {line-height:1.8;}
#intro h3{font-size:3.5vw; padding:.5em 0;}
#intro h2.cmnt{font-size:4vw; padding:.3em 0;}
#intro h3.cname{font-size:1.75rem;}
#intro h3.cname span.post{font-size:1.35rem; padding:0 .2em !important;}
.bdr{width:100%;}
#intro .main,#intro .main2,#info .cast1{height:0; padding:90% 0 0;}

/*story*/
#story #contents .inner{padding:0 0 1em;}
#story #mov .ph_cut {width:100%; height:0; padding:66.6% 0 0; margin:0 auto 1em; border:none;}
#story #mov{margin:0 0 .5em; 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:0 auto; width:94%; text-align:center;}
#story .ph_s{width:100%; padding:60% 0 0; margin:0 auto 3%; border:2px solid #fff;}
#story h2{font-size:4vw; margin:0; padding:.2em 0; width:100%;}
#story #trailer,.emb {width:100%; position: relative; padding:56% 0 0; height: 0; overflow: hidden; height:auto; margin:0 auto;}
#story #trailer iframe,.emb iframe{ position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;}
#story #contents .inner p{font-size:98%; line-height:160%;}

#story #bknm,#itv #bknm,#gallery #bknm,#itv #bknm{padding:0;}
#story #bknm h3,#story #bknm h4,#gallery #bknm h3,#itv #bknm h3{font-size:5vw; padding:.4em;}
#story #bknm li,#gallery #bknm li{width:31.5%; height:auto; margin:0 1% 4% 0;}
#story #bknm li a,#gallery #bknm li a{width:100%; height:0; padding:66.6% 0 0;}
#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.4vw;}

/*news*/
#promo{margin:0 auto 1.5em;}
#promo ul{width:92%;}
#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 1em;}
#info article:last-child{margin:0 auto .5em;}
#info article.theme{padding:1.2em 1.5em;}
#promo h2{font-size:4vw;}
#info article h2{font-size:3.8vw;}
#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:1.4; padding: .4em .8em;}
#info article h3{font-size:3.5vw;}
#info article h3.bd{width:100%;}
#info article p {padding:.5em 0; font-size:98%; line-height:160% !important;}
#info .emb {margin:1em auto .5em;}
/*#info .emb {width:100%; position: relative; padding: 56.25% 0 0; height: 0; overflow: hidden; margin:0 auto 1em;}*/

/*interview*/
#itv #contents .inner h2{font-size:3.6vw; font-weight:bold; margin:0 0 .2em; line-height:140%;}
#itv #contents .inner h2:first-of-type{margin:1.8em 0 .2em;}
#itv .ph_cut{margin:.2em auto 1em;}
#itv #contents .inner article p{font-size:3.3vw; line-height:160%;}
#itv #bknm li{width:30%; margin:0 1.2% 4%;}
#itv #bknm li a{height:0; padding:100% 0 0; position: relative;}
#itv #bknm li span{width:85%;font-size:3vw; font-weight:bold;}

/*gallery*/
#gallery h2{font-size:4vw; padding:.2em 0; width:20%}
#gallery #contents .inner{width:92%;}
#gallery ul#show li {margin:3px 2px 3px 8px; 
width:30%;
width: -webkit-calc(100% / 3 - 10px) ;
width: calc(100% / 3 - 10px);}
#gallery ul#show li span a {width:100%; height:0; padding:66.5% 0 0;}

/*original*/
#comic .main {height:0; margin:1em auto .5em;}
#comic .subcut {width:38%; height:0; padding:53.58% 0 0;}
#comic .comicinfo{width:100%; margin:2em auto 1em; padding:1.2em 0 .5em;}
#comic .comicinfo p{width:48%; margin:0 0 0 3.5%; font-size:3.2vw;}

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

/*quiz*/
#quiz h2{margin:0 0 2em; font-size:3.3vw;}
#quiz h3.que{font-size:125%; font-size:4.15vw; padding:0 .2em; line-height:140%;}
#quiz span.epnum{width:30%; font-size:4vw;}
#quiz span.epnum::after{left:45%;}
#quiz p.ans{font-size:125%; font-size:4.5vw;}
ul#pastq{margin:2em auto 1.5em;}
ul#pastq li{padding:0 0 .8em;}
ul#pastq li span.vnm{width:15%;}

/*movie*/
#movie ul#movlist {margin:1.5em auto 1em;}
#movie ul#movlist li {width:47%; height:auto; margin:0 0 2.5% 1.8%;}
#movie ul#movlist li img{position: absolute; top: 0; left: 0;}
#movie ul#movlist li a{display:block; width:100%; padding:56.25% 0 0;}

/*chart*/
#chart .diagram{margin:.5em auto 1.5em; overflow:hidden;}
#chart #part1.diagram{width:94%; height:0; padding:107.21875% 0 0; background-size: cover;}
#chart #part2.diagram{width:95%; height:0; padding:112.799% 0 0; background-size: cover;}
#chart .diagram ul {position: absolute; left:0; top:0; width:100%; height:100%;}

/*report*/
#report article p{padding:1em .2em 0;}
#report article h2{font-size:1.65rem; font-size:4vw; padding:.3em .5em; margin:0 0 .5em;}
#report article p.cap span { font-size:1.2rem;}
#report #bknm{width:100%; margin:0 auto;}
#report #bknm ul{margin:.5em auto;}
#report #bknm li{width:100%; line-height: 1.4em; margin:.5% auto;}
#report #bknm li:nth-child(odd){margin:.5% auto;}
#report #bknm h3{font-size:5vw; padding:.4em;}
#prevnext {width:100%; padding:0; margin:2em auto 1em;}

#msg #contents{position:relative;}
#msg h1 a{width:48%; height:0; margin:15% 0 0; padding:8.5% 0 0; background-size: 95%; position: absolute; right:0; top:0;}
#msg h2{font-size:125%; font-size:4vw; width:95%;}
#msg .inner ul#notice {width:95%; margin:0 auto;}
#msg .inner ul#notice li:before{margin:0;}
#msg p.pinfo{width:95%;}

#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;}

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

#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);}
}