/*/////////////////////////////////////////////////////////////////////////
default_CSS
/////////////////////////////////////////////////////////////////////////*/
body { text-align:center; font-size:100%; font-family:"Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif; -webkit-text-size-adjust: 100%;}
body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, form, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea { font-size:100%;}
h1,h2,h3,h4,h5,p {background-color:rgba(255,255,255,.01);}
img { border:none;}
hr { display: none !important;}
ul { list-style:none;}
.alt{ position:absolute; top:-5000px; left:-9999px;}
.relative { position: relative;}
.hid{visibility: hidden;}
.bold { font-weight:bold;}
.normal { font-weight:normal;}
/*画像保護用*/
.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*/
.f160 { font-size:160%;}
.f140 { font-size:140%;}
.f120 { font-size:120%;}
.f110 { font-size:110%;}
.f90 { font-size:90%;}
.f85 { line-height:normal; font-size:85% !important}
/*link*/
a { text-decoration:underline; color:#111;}
a:hover { text-decoration:underline; color:#0d60ae;}
#update #newslist a,#update #btnnews a,#gotop a,#next_spot a,#bn_prev a,.bn_tw a,.bn_fb a,#cont2 .bn_org a,.bn_repo a,.bn_comic a,.bn_ch a,#logo a,.bn_itv a,.bn_gl a,.bn_goods a,.bn_odm a,#bknm li a,.spmov img,#vibes #book a,#quiz .ques a,.spitv a,.vibes a,.bn_pre a,.bn_kids a,.bn_tod a,#edit .sub a,.glist,.bn_spmov a,.spmov2 a,.bn_dvd 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;
}
#gotop a:hover,#bn_prev a:hover,.bn_tw a:hover,.bn_fb a:hover,.bn_org a:hover,.bn_odm a:hover,.bn_repo a:hover,.bn_comic a:hover,.bn_ch a:hover,#next_spot a:hover,#cast_dt #close a:hover,#eplist ul li a:hover,#form a:hover,#bn_sns a:hover,#postBtn a:hover,#bknm li a:hover,#logo a:hover,#menu ul li a:hover,.bn_itv a:hover,.bn_gl a:hover,.bn_goods a:hover,.spmov img:hover,#vibes #book a:hover,#quiz .ques a:hover,.spitv a:hover,.vibes a:hover,.bn_pre a:hover,.bn_kids a:hover,.bn_tod a:hover,#edit .sub a:hover,.glist:hover,.bn_spmov a:hover,.spmov2 a:hover,.bn_dvd a:hover{filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;}
.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);
}
.no-link{ pointer-events: none; cursor: default; text-decoration:none;}

/*/////////////////////////////////////////////////////////////////////////
コンテンツ用CSS／オリジナル設定
/////////////////////////////////////////////////////////////////////////*/
html, body, div#con-body {background: url(../img/bg.png) ; color:#111; letter-spacing: 1px;}
#con-body {background-color:transparent;}
#top #container { max-height: 100%;}
#top header h1 { background: url(../img/top/main.jpg) no-repeat 0 0; width:980px; height:627px; margin:0 auto -12px; padding:0; position:relative;}
/*#top header h1 img {position:absolute;left:0;top:0;width:980px;height:627px;}*/
#menu { background:#222;}
#top #news { width:980px; height:150px; background: url(../img/top/update.png) no-repeat right top; position: relative;  padding:20px 0 0; margin:0 0 1.5em;}
#top #news h2{background: url(../img/top/news.png) no-repeat 0 0; width:275px; height: 187px; margin:0 0 0; position: absolute; top: -40px; left: 0;}
#update {width:78%; text-align:left; margin:0; padding:0; }
#update ul {margin:10px auto 0;}
.ticker { width:100%; height: 90px; overflow-y: auto;}
.ticker::-webkit-scrollbar{width: 5px; background: none;}
.ticker::-webkit-scrollbar-thumb{background: #000; border-radius:10px;}
.ticker li { padding:0; margin:0 0 5px; font-size:100%; line-height:1.5;}
.ticker li span {padding:2px 3px; color:#bd0a06;}
.ticker li a:hover { text-decoration:none; color:#0d60ae;}

/*cont1*/
#cont1 { margin:50px 0 0;}
#container .inner { width:970px; margin:0 auto; padding:0;}
#cont1 .col_s { width:340px; margin:0 30px 25px 0; background:#f2a1b0; box-shadow:3px 4px rgba(51, 51, 51, 0.3); border-radius: 8px; padding:0;}
/*#next_spot {width:306px; padding:0 0 9px; margin:0 auto 7px; background: url(../img/bk_dot.png) 0 0;}*/
#next_spot a {display: block; background: url(../img/story/spot_s.jpg) no-repeat center center; width:300px; height:199px; margin:0 auto; border:3px solid #fff; background-size: cover;}
#cont1 .col_s h2 {background: url(../img/top/ttl_story.png) no-repeat 0 0; width:175px; height:43px; margin:18px auto 12px;}
#cont1 .col_s h3 {line-height:2; font-size:120%; margin:8px 0 15px;}
#cont1 .col_s h3 span {color:#fff; background:#000; padding:2px 5px;}
/*.col_cast a { text-decoration:none; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}*/
#manga {width:500px; height:332px; position: relative; margin:0 40px 0 0;}
#manga h2 {background: url(../img/top/ttl_comic.png) 0 0; width:130px; height:186px; margin:0 0; position: absolute; top: -30px; left: -70px; z-index: 9999;}
.manga1-1 {background: #111 url(../img/manga/vol1-1.jpg) no-repeat center center;}
.manga1-2 {background: #111 url(../img/manga/vol1-2.jpg) no-repeat center center;}
.manga1-3 {background: #111 url(../img/manga/vol1-3.jpg) no-repeat center center;}
.manga1-4 {background: #111 url(../img/manga/vol1-4.jpg) no-repeat center center;}
.manga1-5 {background: #111 url(../img/manga/vol1-5.jpg) no-repeat center center;}
.manga1-6 {background: #111 url(../img/manga/vol1-6.jpg) no-repeat center center;}
.manga2-1 {background: #111 url(../img/manga/vol2-1.jpg) no-repeat center center;}
.manga2-2 {background: #111 url(../img/manga/vol2-2.jpg) no-repeat center center;}
.manga2-3 {background: #111 url(../img/manga/vol2-3.jpg) no-repeat center center;}
.manga2-4 {background: #111 url(../img/manga/vol2-4.jpg) no-repeat center center;}
.manga2-4-2 {background: #111 url(../img/manga/vol2-4-2.jpg) no-repeat center center;}
.manga2-5 {background: #111 url(../img/manga/vol2-5.jpg) no-repeat center center;}
.manga2-6 {background: #111 url(../img/manga/vol2-6.jpg) no-repeat center center;}
.manga2-7 {background: #111 url(../img/manga/vol2-7.jpg) no-repeat center center;}
.manga3-1 {background: #111 url(../img/manga/vol3-1.jpg) no-repeat center center;}
.manga3-2 {background: #111 url(../img/manga/vol3-2.jpg) no-repeat center center;}
.manga3-3 {background: #111 url(../img/manga/vol3-3.jpg) no-repeat center center;}
.manga3-4 {background: #111 url(../img/manga/vol3-4.jpg) no-repeat center center;}
.manga3-5 {background: #111 url(../img/manga/vol3-5.jpg) no-repeat center center;}
.manga3-6 {background: #111 url(../img/manga/vol3-6.jpg) no-repeat center center;}
.manga3-7 {background: #111 url(../img/manga/vol3-7.jpg) no-repeat center center;}
.manga3-8 {background: #111 url(../img/manga/vol3-8.jpg) no-repeat center center;}
.manga4-1 {background: #111 url(../img/manga/vol4-1.jpg) no-repeat center center;}
.manga4-2 {background: #111 url(../img/manga/vol4-2.jpg) no-repeat center center;}
.manga4-3 {background: #111 url(../img/manga/vol4-3.jpg) no-repeat center center;}
.manga4-4 {background: #111 url(../img/manga/vol4-4.jpg) no-repeat center center;}
.manga4-5 {background: #111 url(../img/manga/vol4-5.jpg) no-repeat center center;}
.manga4-6 {background: #111 url(../img/manga/vol4-6.jpg) no-repeat center center;}
.manga4-7 {background: #111 url(../img/manga/vol4-7.jpg) no-repeat center center;}
.manga4-8 {background: #111 url(../img/manga/vol4-8.jpg) no-repeat center center;}
.manga5-1 {background: #111 url(../img/manga/vol5-1.jpg) no-repeat center center;}
.manga5-2 {background: #111 url(../img/manga/vol5-2.jpg) no-repeat center center;}
.manga5-3 {background: #111 url(../img/manga/vol5-3.jpg) no-repeat center center;}
.manga5-4 {background: #111 url(../img/manga/vol5-4.jpg) no-repeat center center;}
.manga5-5 {background: #111 url(../img/manga/vol5-5.jpg) no-repeat center center;}
.manga5-6 {background: #111 url(../img/manga/vol5-6.jpg) no-repeat center center;}
.manga5-7 {background: #111 url(../img/manga/vol5-7.jpg) no-repeat center center;}
.manga6-1 {background: #111 url(../img/manga/vol6-1.jpg) no-repeat center center;}
.manga6-2 {background: #111 url(../img/manga/vol6-2.jpg) no-repeat center center;}
.manga6-3 {background: #111 url(../img/manga/vol6-3.jpg) no-repeat center center;}
.manga6-4 {background: #111 url(../img/manga/vol6-4.jpg) no-repeat center center;}
.manga6-5 {background: #111 url(../img/manga/vol6-5.jpg) no-repeat center center;}
.manga6-6 {background: #111 url(../img/manga/vol6-6.jpg) no-repeat center center;}
.manga7-1 {background: #111 url(../img/manga/vol7-1.jpg) no-repeat center center;}
.manga7-2 {background: #111 url(../img/manga/vol7-2.jpg) no-repeat center center;}
.manga7-3 {background: #111 url(../img/manga/vol7-3.jpg) no-repeat center center;}
.manga7-4 {background: #111 url(../img/manga/vol7-4.jpg) no-repeat center center;}
.manga7-5 {background: #111 url(../img/manga/vol7-5.jpg) no-repeat center center;}
.manga7-6 {background: #111 url(../img/manga/vol7-6.jpg) no-repeat center center;}
.manga7-7 {background: #111 url(../img/manga/vol7-7.jpg) no-repeat center center;}
.manga7-8 {background: #111 url(../img/manga/vol7-8.jpg) no-repeat center center;}
.manga8-1 {background: #111 url(../img/manga/vol8-1.jpg) no-repeat center center;}
.manga8-2 {background: #111 url(../img/manga/vol8-2.jpg) no-repeat center center;}
.manga8-3 {background: #111 url(../img/manga/vol8-3.jpg) no-repeat center center;}
.manga8-4 {background: #111 url(../img/manga/vol8-4.jpg) no-repeat center center;}
.manga8-5 {background: #111 url(../img/manga/vol8-5.jpg) no-repeat center center;}
.manga8-6 {background: #111 url(../img/manga/vol8-6.jpg) no-repeat center center;}
.manga9-1 {background: #111 url(../img/manga/vol9-1.jpg) no-repeat center center;}
.manga9-2 {background: #111 url(../img/manga/vol9-2.jpg) no-repeat center center;}
.manga9-3 {background: #111 url(../img/manga/vol9-3.jpg) no-repeat center center;}
.manga9-4 {background: #111 url(../img/manga/vol9-4.jpg) no-repeat center center;}
.manga9-5 {background: #111 url(../img/manga/vol9-5.jpg) no-repeat center center;}
.manga9-6 {background: #111 url(../img/manga/vol9-6.jpg) no-repeat center center;}
.manga9-7 {background: #111 url(../img/manga/vol9-7.jpg) no-repeat center center;}
.manga10-1 {background: #111 url(../img/manga/vol10-1.jpg) no-repeat center center;}
.manga10-2 {background: #111 url(../img/manga/vol10-2.jpg) no-repeat center center;}
.manga10-3 {background: #111 url(../img/manga/vol10-3.jpg) no-repeat center center;}
.manga10-4 {background: #111 url(../img/manga/vol10-4.jpg) no-repeat center center;}
.manga10-5 {background: #111 url(../img/manga/vol10-5.jpg) no-repeat center center;}
.manga10-6 {background: #111 url(../img/manga/vol10-6.jpg) no-repeat center center;}

.spitv a {background:#c1d93d url(../img/top/spitv.jpg) no-repeat center center; margin:15px 0; width:610px; height:175px; border:3px solid #111; border-radius: 8px; box-shadow:2px 3px #111; display: block;}
.spmov {background:#55bcf2 url(../img/top/spmov.png) no-repeat center center; margin:10px 0; width:610px; height:175px; border:3px solid #009cf5; border-radius: 8px; box-shadow:2px 3px #009cf5; text-align:left;}
.spmov img { width:43%; height:auto; box-shadow:3px 4px #fff; margin:10px 15px 0;}
.spmov2 a {background:#55bcf2 url(../img/top/sspmov.png) no-repeat center center; margin:10px 0; width:325px; height:175px; border:3px solid #00c0ff; border-radius: 8px; box-shadow:2px 3px #00c0ff; display: block;}
.vibes a{background: url(../img/top/vibes.png) no-repeat center center; margin:10px 0; display: block; width:326px; height:175px;}
.proc a {background:url(../img/top/coming.png) no-repeat center center; margin:20px 0 0 10px; width:302px; height:168px; display: block;}
/*cont2*/
#cont2 {margin:0; }
.bn_repo span {background:#111; color:#fff; position: absolute; bottom: 35px; right: 0; padding:2px; transform: rotate(-4deg);}
.bn_repo a{background: url(../img/top/bn_rp.png) no-repeat center center; margin:0 30px 30px; display: block; width:235px; height:198px; position: relative;}
.bn_comic a{background: url(../img/top/bn_comic.png) no-repeat center center; margin:0 30px 30px 0; display: block; width:291px; height:194px;}

.bn_gl a{background: url(../img/top/bn_gl.png) no-repeat center center; display: block; width:300px; height:135px; margin:20px 0 30px; border-radius: 8px; box-shadow:3px 4px #111; }
.bn_pre a{background:#9191e8 url(../img/top/bn_pre.png) no-repeat center center; display: block; width:295px; height:130px; margin:20px 0 30px; border-radius: 8px; box-shadow:2px 3px #2e2eb9; border:3px solid #2e2eb9;}

.bn_org a{background: url(../img/top/bn_org.png) no-repeat center center; display: block; width:300px; height:135px; margin:40px 0 0; border-radius: 8px; box-shadow:3px 4px #ef8430;}
.bn_ch a{background: url(../img/top/bn_edit.png) no-repeat center center; margin:10px 20px 0 0; display: block; width:258px; height:199px;}
.bn_itv a{background: url(../img/top/bn_itv.png) no-repeat center center; margin:0 20px 20px 0; display: block; width:252px; height:196px;}

#twTL{ padding:0 0 15px; background: url(../img/bk_paper.jpg) 0 0; width:330px; height: auto; box-shadow:3px 4px rgba(51, 51, 51, 0.3); border-radius: 8px; position: relative; overflow:visible; margin:35px 0 0;}
#twTL h2 {background: url(../img/top/ttl_tw.png) 0 0; margin:-20px auto 10px; width:169px; height:47px;}

/*cont3*/
#cont3 {margin:15px 0 40px;}
.bn_sns {width:300px; margin:0 20px 0 0;}
.bn_fb a,.bn_tw a {display: block; width:294px; height:104px; border:3px solid #111; border-radius: 8px; box-shadow:2px 3px #111;}
.bn_tw a{background:#55ACEE url(../img/top/bn_tw.png) no-repeat center center;}
.bn_fb a{ background:#3B5998 url(../img/top/bn_fb.png) no-repeat center center; margin:0 0 15px;}
.bn_goods a{background:#ffb900 url(../img/top/bn_goods.png) no-repeat center center; display: block; width:300px; height:230px; margin:0; border:3px solid #111; border-radius: 8px; box-shadow:2px 3px #111;}
.bn_odm a{background:#ffd3e1 url(../img/top/bn_odm.jpg) no-repeat center center; display: block; width:330px; height:235px; box-shadow:3px 4px rgba(51, 51, 51, 0.3); border-radius: 8px;}
.bn_cut{background: url(../img/top/cut.png) no-repeat center center; width:312px; height:237px; margin:0;}

.bn_kids a{background:#fff url(../img/top/bn_kids.png) no-repeat center center; width:460px; height:100px; margin:0; border:3px solid #111; border-radius: 8px; box-shadow:2px 3px #111; display:block; background-size: 85%;}
.bn_tod a{background:#fff url(../img/top/bn_tod.png) no-repeat right center; width:460px; height:100px; margin:0; border:3px solid #111; border-radius: 8px; box-shadow:2px 3px #111; display:block; opacity: 0.5;}
.bn_spmov a{  width:550px; height:110px; background:#55bcf2 url(../img/top/bn_spmov.png) no-repeat center center; background-size: contain; border:3px solid #009cf5; border-radius: 8px; display:block; box-shadow:2px 3px #009cf5; margin:15px auto 0;}
.bn_dvd a{ width:533px; height:100px; background:#f56565 url(../img/top/bn_dvd.jpg) no-repeat center center; background-size: contain; border:3px solid #111; border-radius: 8px; display:block; margin:18px auto 0; box-shadow:2px 3px #111;}

/*footer*/
footer {background:rgba(240,132,84,0.5); margin:80px 0 0; padding:0 0 20px; border-top:8px solid #f08454;}
footer p {font-size:90%; padding:20px 0; line-height:1.8;}
footer .sns { width:640px; padding:50px 0 0;}
footer a { text-decoration:none; color:#111; }
footer a:hover { text-decoration:underline; color:#111;}
/*2nd footer*/
footer .ftarea { width:950px; margin:0 auto; text-align:left; padding:0 0 0 10px; }
#rect {width:300px; height: 250px;  border:3px solid #fff;}

#bn_prev a { background: url(../img/top/preview.png) no-repeat 0 0; width:872px; height:75px; margin:10px auto 0;  display:block;}
#bn_count { background: url(../img/top/count.png) no-repeat 0 0; width:657px; height:100px; margin:10px 0 -30px 300px;  display:block;}

/*------------------　2nd　------------------ */
#logo a {width:970px; height: 152px; margin:30px auto 0; background: url(../img/logo.png) no-repeat 0 0; display: block;}
#contents{width:980px; margin:0 auto;}
#wrap {width:95%; margin:90px auto 50px; background:#fff; border:4px solid #000; padding:20px 0; box-shadow:5px 8px #000; position: relative; max-height: 100%;}
#wrap .sub { text-align:left; width:90%; margin:0 auto;}
#wrap .sub p { line-height:1.8; padding:10px 15px;}
#topcts {margin:0 0 0;}
#report #wrap,#comic #wrap,#interview #wrap,#vibes #wrap,#quiz #wrap,#edit #wrap { padding:0;}
#intro #wrap,#story #wrap,#caststaff #wrap,#msg #wrap,#original #wrap,#vibes #wrap,#quiz #wrap {background: #fff url(../img/spline.png) no-repeat 0 0; background-size:contain;}

/*h1,h2*/
#wrap h1 { background: url(../img/balloon.png) no-repeat 0 0; width:275px; height:120px; margin:-80px 0 0 20px; padding:25px 0 0;}
#wrap h1 span.ttl{ width:208px; height:47px; margin:0 auto; display: block; text-indent: 100%; white-space: nowrap; overflow: hidden;}
#intro h1 span.ttl { background: url(../img/ttl_intro.png) 0 0;}
#news h1 span.ttl { background: url(../img/ttl_news.png) 0 0;}
#story h1 span.ttl{ background: url(../img/ttl_story.png) 0 0;}
#msg h1 span.ttl { background: url(../img/ttl_bbs.png) 0 0;}
#chart h1 span.ttl { background: url(../img/ttl_chart.png) 0 0;}
#gallery h1 span.ttl { background: url(../img/ttl_gl.png) 0 0; width:232px; height:45px;}
.rect {background:#fff; width:300px; height: 250px;}
.line {background: linear-gradient(transparent 60%, #e8f8c2 0%);}
#bknm{width:100%; margin:50px auto 30px; padding:0; text-align:left;}
#bknm h3 {background: url(../img/bk_dot2.png) 0 0; font-weight:bold; margin:30px 0 30px; padding:10px;}
#bknm h3 span.ttl{ background: url(../img/ttl_bknm.png) no-repeat 0 0; width:337px; height:41px; margin:0 0 0 30px; display: block; text-indent: 100%; white-space: nowrap; overflow: hidden;}

/*intro*/
#intro h3{font-size:125%; line-height:1.7; padding:30px 0; color:#bd0a06;}
#intro .ph_intro{background:#111 url(../img/intro.jpg) no-repeat center center;}

/*news*/
#news h2.prinfo {font-weight:bold; font-size:150%; margin:0 0 10px; text-align: center; padding: 10px; border: 3px solid #111; border-radius: 3em .8em 2em .8em/.8em 2em .8em 3em;}
#news h3 {font-size:120%;}
#news #info h3 {color:#fff; margin:10px 0;
	position: relative;
	padding: .3em .7em;
	background-color: #0d60ae;
}
#news #info h3::after {
	position: absolute;
	top: 100%;
	left: 50%;
	content: '';
	width: 0;
	height: 0;
	border: 9px solid transparent;
	border-top: 12px solid #0d60ae;
}
#news #promo h3 {color:#0d60ae; margin:5px 0 0;}
#news span.date {padding:2px 3px; color:#fff; font-size: 110%; background: #111; }
#news #promo { padding:10px; margin:0 0 50px;}
#news #promo p {margin:0 0 30px; border-bottom:2px solid #111; padding:5px 0 10px;}
#news .bdb {margin:10px auto; padding:0 0 50px;}
#news p.add {font-size:85% !important; padding:0 5px 10px !important; border:none !important; line-height:1; margin:0 !important;}
#news .bdb a { padding:2px;}
#news .bdb a:hover {color:#bd0a06;}
#news .ph_cut,#intro .ph_cut { width:500px; height:332px; margin:20px auto 10px; border:3px solid #111; box-shadow:3px 4px #111;}
#news .ph_cut_l { width:350px; height:450px; margin:20px auto 10px; border:3px solid #111; box-shadow:3px 4px #111;}
#news .ph0330_1{background:#111 url(../img/news/160330_1.jpg) no-repeat center center;}
#news .ph0330_2{background:#111 url(../img/news/160330_2.jpg) no-repeat center center;}
#news .ph0330_3{background:#111 url(../img/news/160330_3.jpg) no-repeat center center;}
#news .ph0330_4{background:#111 url(../img/news/160330_4.jpg) no-repeat center center; width:320px;}
#news .ph0330_5{background:#111 url(../img/news/160330_5.jpg) no-repeat center center; width:312px;}
#news .ph0330_6{background:#111 url(../img/news/160330_6.jpg) no-repeat center center;}
#news .copy {display: inline-block; width: 100%;}

/*story*/
#story h2,#gallery h2 {font-size:150%; line-height:1.6; margin:-10px 0 30px; background:#f59fba; text-align:center; box-shadow:3px 4px #000; text-shadow:1px 1px #fff;}
#manga h2 {background: url(../img/top/ttl_comic.png) 0 0; width:130px; height:186px; margin:0 0; position: absolute; top: -30px; left: -70px; z-index: 9999; box-shadow:none;}
#story .sub a {color:#0055a8; text-decoration:none;}
#story .sub a:hover{text-decoration:underline;}
#story #mov,#interview #mov{width:586px; height:330px; background:#111; margin:0 auto 20px; border:4px solid #111; box-shadow:3px 4px #111;}
#story #main{width:586px; height:389px; margin:0 auto 20px; border:4px solid #111; box-shadow:3px 4px #111;}
#story .ph_area{margin:20px auto 40px; width:95%;}
#story .ph_cut{width:365px; height:243px; border:3px solid #111; box-shadow:3px 4px #111;}
#story #main.ep1{background:#111 url(../img/story/ep1.jpg) no-repeat center center; background-size: cover;}
#story #main.ep2{background:#111 url(../img/story/ep2.jpg) no-repeat center center; background-size: cover;}
#story #main.ep3{background:#111 url(../img/story/ep3.jpg) no-repeat center center; background-size: cover;}
#story #main.ep4{background:#111 url(../img/story/ep4.jpg) no-repeat center center; background-size: cover;}
#story #main.ep5{background:#111 url(../img/story/ep5.jpg) no-repeat center center; background-size: cover;}
#story #main.ep6{background:#111 url(../img/story/ep6.jpg) no-repeat center center; background-size: cover;}
#story #main.ep7{background:#111 url(../img/story/ep7.jpg) no-repeat center center; background-size: cover;}
#story #main.ep8{background:#111 url(../img/story/ep8.jpg) no-repeat center center; background-size: cover;}
#story #main.ep9{background:#111 url(../img/story/ep9.jpg) no-repeat center center; background-size: cover;}
#story #main.ep10{background:#111 url(../img/story/ep10.jpg) no-repeat center center; background-size: cover;}
#story .ep1_1{background:#111 url(../img/story/ep1_1.jpg) no-repeat center center;}
#story .ep1_2{background:#111 url(../img/story/ep1_2.jpg) no-repeat center center;}
#story .ep2_1{background:#111 url(../img/story/ep2_1.jpg) no-repeat center center;}
#story .ep2_2{background:#111 url(../img/story/ep2_2.jpg) no-repeat center center;}
#story .ep3_1{background:#111 url(../img/story/ep3_1.jpg) no-repeat center center;}
#story .ep3_2{background:#111 url(../img/story/ep3_2.jpg) no-repeat center center;}
#story .ep4_1{background:#111 url(../img/story/ep4_1.jpg) no-repeat center center;}
#story .ep4_2{background:#111 url(../img/story/ep4_2.jpg) no-repeat center center;}
#story .ep5_1{background:#111 url(../img/story/ep5_1.jpg) no-repeat center center;}
#story .ep5_2{background:#111 url(../img/story/ep5_2.jpg) no-repeat center center;}
#story .ep6_1{background:#111 url(../img/story/ep6_1.jpg) no-repeat center center;}
#story .ep6_2{background:#111 url(../img/story/ep6_2.jpg) no-repeat center center;}
#story .ep7_1{background:#111 url(../img/story/ep7_1.jpg) no-repeat center center;}
#story .ep7_2{background:#111 url(../img/story/ep7_2.jpg) no-repeat center center;}
#story .ep8_1{background:#111 url(../img/story/ep8_1.jpg) no-repeat center center;}
#story .ep8_2{background:#111 url(../img/story/ep8_2.jpg) no-repeat center center;}
#story .ep9_1{background:#111 url(../img/story/ep9_1.jpg) no-repeat center center;}
#story .ep9_2{background:#111 url(../img/story/ep9_2.jpg) no-repeat center center;}
#story .ep10_1{background:#111 url(../img/story/ep10_1.jpg) no-repeat center center;}
#story .ep10_2{background:#111 url(../img/story/ep10_2.jpg) no-repeat center center;}

#story #bknm ul,#gallery #bknm ul {width:95%; margin:0 auto;}
#story #bknm ul li,#gallery #bknm ul li {float:left; margin:0 10px 20px; position: relative; border-radius: 50%; }
#story #bknm ul li a,#gallery #bknm ul li a {width:150px; height:150px; display: block; border-radius: 50%; border:3px solid #111; box-shadow:2px 3px #111;}
#story #bknm li span.oanum,#gallery #bknm li span.oanum { background: #111; color: #fff; padding:2px; position: absolute; top: 0; left: 0; border-radius: 50%; display: block; font-weight:bold; padding:10px; font-size:105%; box-shadow:1px 1px #fff;}
#story #bknm li span.date,#gallery #bknm li span.date { background: #111; color: #fff; padding:2px 5px; position: absolute; bottom: 10px; left: 0; text-align:center;}
#story #bknm li.ep1 a{background:#111 url(../img/story/ep1.jpg) no-repeat center center; background-size: cover;}
#story #bknm li.ep2 a{background:#111 url(../img/story/ep2.jpg) no-repeat center center; background-size: cover;}
#story #bknm li.ep3 a{background:#111 url(../img/story/ep3.jpg) no-repeat center center; background-size: cover;}
#story #bknm li.ep4 a{background:#111 url(../img/story/ep4.jpg) no-repeat center center; background-size: cover;}
#story #bknm li.ep5 a{background:#111 url(../img/story/ep5.jpg) no-repeat center center; background-size: cover;}
#story #bknm li.ep6 a{background:#111 url(../img/story/ep6.jpg) no-repeat center center; background-size: cover;}
#story #bknm li.ep7 a{background:#111 url(../img/story/ep7.jpg) no-repeat center center; background-size: cover;}
#story #bknm li.ep8 a{background:#111 url(../img/story/ep8.jpg) no-repeat center center; background-size: cover;}
#story #bknm li.ep9 a{background:#111 url(../img/story/ep9.jpg) no-repeat center center; background-size: cover;}
#story #bknm li.ep10 a{background:#111 url(../img/story/ep10.jpg) no-repeat center center; background-size: cover;}

/*gallery*/
#gallery h2 {background:#ff6f6f;}
#gallery #bknm li.ep1 a{background:#111 url(../img/gallery/ep1/ep1_1.jpg) no-repeat center center; background-size: cover;}
#gallery #bknm li.ep2 a{background:#111 url(../img/gallery/ep2/ep2_1.jpg) no-repeat center center; background-size: cover;}
#gallery #bknm li.ep3 a{background:#111 url(../img/gallery/ep3/ep3_1.jpg) no-repeat center center; background-size: cover;}
#gallery #bknm li.ep4 a{background:#111 url(../img/gallery/ep4/ep4_1.jpg) no-repeat center center; background-size: cover;}
#gallery #bknm li.ep5 a{background:#111 url(../img/gallery/ep5/ep5_1.jpg) no-repeat center center; background-size: cover;}
#gallery #bknm li.ep6 a{background:#111 url(../img/gallery/ep6/ep6_1.jpg) no-repeat center center; background-size: cover;}
#gallery #bknm li.ep7 a{background:#111 url(../img/gallery/ep7/ep7_1.jpg) no-repeat center center; background-size: cover;}
#gallery #bknm li.ep8 a{background:#111 url(../img/gallery/ep8/ep8_1.jpg) no-repeat center center; background-size: cover;}
#gallery #bknm li.ep9 a{background:#111 url(../img/gallery/ep9/ep9_1.jpg) no-repeat center center; background-size: cover;}
#gallery #bknm li.ep10 a{background:#111 url(../img/gallery/ep10/ep10_1.jpg) no-repeat center center; background-size: cover;}


/*caststaff*/
#caststaff table {border-collapse:collapse; border-spacing:0; padding:0;}
#caststaff table td {padding:0.5em 0; line-height:1.85;  vertical-align:top; }
#caststaff #cast {margin:0 auto 70px; font-size:120%;}
table#drama-cast { width:50%; margin:0 0 0 30%;}
table#drama-cast .role{text-align:right;}
/*table#drama-cast .actor{background:#eff;}*/
table#drama-cast .dot{vertical-align:middle; text-align:center; font-family: sans-serif; width:2.5em;}
#caststaff #cast h2 { width:187px; height:46px; background: url(../img/ttl_cast.png) no-repeat 0 0; margin:0 auto 25px;}
#caststaff #staff { text-align:center; font-size:115%; line-height:1.7; margin:0 0 50px;}
#caststaff #staff h2 { width:197px; height:46px; background: url(../img/ttl_staff.png) no-repeat 0 0; margin:0 auto 10px;}
#caststaff h3{font-size:120%; line-height:1.6; padding:20px 0 0; color:#55abe0;}
#cast .f85{font-size:85%; line-height:0;}
#staff .f85{font-size:85%; line-height:0; padding:10px 0 18px; margin:0; display:block;}
#caststaff .f70{font-size:70%; line-height:0.5;}

/*repo*/
#report #wrap h1 { background: url(../img/report/ttl.jpg) no-repeat 0 0; margin:0 0 50px; padding:0; width:100%; height:180px;}
#report h2 {font-weight:bold; font-size:125%; padding:0 10px;}
#report h2:first-letter {font-size: 130%; line-height: 1;}
#report h2 span {background: linear-gradient(transparent 70%, rgba(109,200,224,0.8) 10%); padding:2px 5px;}
#report p.date {color:#6dc8e0; padding:0 10px 15px;}
#report .ph_cut { width:500px; height:332px; margin:20px auto 30px; border:3px solid #111; box-shadow:3px 4px #111;}
#report .ph_cut_l { width:350px; height:450px; margin:20px auto; border:3px solid #111; box-shadow:3px 4px #111;}
#report #bknm ul,#interview #bknm ul,#vibes #bknm ul{width:90%; margin:0 auto;}
#report #bknm li,#interview #bknm li,#vibes #bknm li {float:left; margin:0 0 20px; font-size:105%; line-height:25px;}
#report #bknm li a,#interview #bknm li a,#vibes #bknm li a {width:375px; color:#111; height:55px; text-decoration:none; padding:15px 15px 15px 10px; display: block; border:3px solid #111; box-shadow:3px 4px #111;
    -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;
}
#report #bknm li span.epi {width:56px; height:56px; line-height:56px; text-align:center !important; font-size:150%; padding:5px; margin:-5px 15px 0 0; font-weight:bold; background:#6dc8e0; border-radius: 50%; display: block; float:left; color:#fff;}
#report #bknm li span.date {color:#6dc8e0; }

/*interview*/
#interview #wrap h1 { background: url(../img/itv/ttl.png) no-repeat center center; margin:0 0 50px; padding:0; width:100%; height:230px; background-size: cover;}
#interview #wrap h1.mov { text-align:center; font-size:120%; background: none; margin:20px 0 10px; padding:0; width:100%; height:auto;}
#interview #mov{margin:0 auto 50px;}
#interview h2{background:#111 url(../img/itv/ph1.jpg) no-repeat center center; width:580px; height:350px; margin:0 auto 50px; border:3px solid #111; box-shadow:3px 4px #111;}
#interview h2.kuroki{background:#111 url(../img/itv/ph2.jpg) no-repeat center center;}
#interview h2.odagiri{background:#111 url(../img/itv/ph3.jpg) no-repeat center center;}
#interview .sub h3{font-size:120%; margin:0;}
#interview .sub p { padding:10px; margin:0 0 25px;}
#interview .sub h3 span {background: linear-gradient(transparent 60%, rgba(212,229,72,0.8) 10%); padding:2px 5px;}
#interview .ph_itv{width:350px; height:233px;}
#interview .sub .floatL {margin:5px 30px 15px 15px;}
#interview .sub .floatR {margin:20px 0 15px 20px;}
#interview #bknm li span.date {background:rgba(212,229,72,0.7); }
#interview #bknm li span.epi {width:56px; height:56px; line-height:56px; padding:5px; margin:-5px 15px 0 0; background:url(../img/itv/ph1_1.jpg) no-repeat 0 0; border-radius: 50%; display: block; float:left; color:#fff; background-size: cover;}
#interview #bknm li.thum2 span.epi {background:url(../img/itv/ph2_2.jpg) no-repeat center 0; background-size: cover;}
#interview #bknm li.thum3 span.epi {background:url(../img/itv/ph3_1.jpg) no-repeat center 0; background-size: cover;}
#interview .ph1_1{background:url(../img/itv/ph1_1.jpg) no-repeat center center;}
#interview .ph1_2{background:url(../img/itv/ph1_2.jpg) no-repeat center center;}
#interview .ph1_3{background:url(../img/itv/ph1_3.jpg) no-repeat center center;}
#interview .ph2_1{background:url(../img/itv/ph2_1.jpg) no-repeat center center;}
#interview .ph2_2{background:url(../img/itv/ph2_2.jpg) no-repeat center center;}
#interview .ph2_3{background:url(../img/itv/ph2_3.jpg) no-repeat center center;}
#interview .ph2_4{background:url(../img/itv/ph2_4.jpg) no-repeat center center;}
#interview .ph3_1{background:url(../img/itv/ph3_1.jpg) no-repeat center center;}
#interview .ph3_2{background:url(../img/itv/ph3_2.jpg) no-repeat center center;}
#interview .ph3_3{background:url(../img/itv/ph3_3.jpg) no-repeat center center;}
#interview .ph3_4{background:url(../img/itv/ph3_4.jpg) no-repeat center center;}

/*edit*/
#edit .sub {padding:0 0 30px;}
#edit #wrap h1 { background: url(../img/edit/ttl.png) no-repeat center center; margin:0 0 50px; padding:0; width:100%; height:230px; background-size: cover;}
#edit #wrap h2 {font-size:150%; }
#edit #wrap h3 {font-size:120%; }
#edit #wrap h4 {padding:0 10px 0; border-left:8px solid #ff8cd8; margin:10px 0 0;}
#edit .line {background: linear-gradient(transparent 60%, #ff8cd8 0%);}
#edit #terms {width:90%; margin:30px auto; padding:20px; border:3px solid #111; box-shadow:3px 4px #111; height:350px; letter-spacing:0; overflow-y:scroll;}
#edit #guideline {width:90%;margin:30px auto; padding:20px; border:3px solid #111; box-shadow:3px 4px #111; letter-spacing:0;}
#edit #guideline p {padding:0 10px 15px; margin:0;}
#edit .glist { font-size:180%; font-weight:bold; background:#ff8cd8; padding:20px; border:4px solid #111; border-radius: 8px; box-shadow:3px 4px #ff8cd8; display: block; width:35%; height:auto; text-align:center; margin:0 auto 50px; text-shadow:1px 1px #fff;}
#edit .glist:hover{color:#333; text-decoration:none;}
#edit .sub ul {width:100%; margin:0 auto 50px; overflow: hidden; zoom: 1;} 
#edit .sub ul li {width:31%; float:left; margin:0 .5em 1em; text-align:center; overflow: hidden;}
#edit .sub ul li a {display: block; width:100%; height:150px; background-color: none; background-repeat: no-repeat; background-position: center center; background-size: cover; border:2px solid #111; background-image: url(../img/edit/th1.png); box-sizing: border-box;}
#edit .sub ul li span {display: table-cell; width:260px; height:150px; vertical-align: middle; font-size:120%;}
#edit .sub li.no1 a {background-image: url(../img/edit/th1.png);}
#edit .sub li.no2 a {background-image: url(../img/edit/th2.png);}
#edit .sub li.no3 a {background-image: url(../img/edit/th3.png);}
#edit .sub li.no4 a {background-image: url(../img/edit/th4.png);}
#edit .sub li.no5 a {background-image: url(../img/edit/th5.png);}
#edit .sub li.no6 a {background-image: url(../img/edit/th6.png);}
#edit .sub li.no7 a {background-image: url(../img/edit/th7.png);}
#edit .sub li.no8 a {background-image: url(../img/edit/th8.png);}
#edit .sub li.no9 a {background-image: url(../img/edit/th9.png);}
#edit .sub li.no10 a {background-image: url(../img/edit/th10.png);}
#edit .sub li.no11 a {background-image: url(../img/edit/th11.png);}
#edit .sub li.no12 a {background-image: url(../img/edit/th12.png);}
#edit .sub li.no13 a {background-image: url(../img/edit/th13.png);}
#edit .sub li.no14 a {background-image: url(../img/edit/th14.png);}
#edit #guideline a {background-color: #ff8cd8; padding:2px;}
#edit #guideline a:hover,#edit .sub ul li a:hover {color: #111;}


/*comic*/
#comic #wrap h1 { background: url(../img/comic/ttl.png) no-repeat 0 center; margin:0 0 30px; padding:0; width:100%;}
#comic h2 {background: url(../img/comic/num.png) no-repeat 0 0; width:135px; height:114px; font-weight:bold; font-size:150%; padding:0; position: relative;}
#comic h2 span{position: absolute; top:35%; left:22%;}
#comic #bknm ul { width:95%; margin:0 auto;}
#comic #bknm ul li { float:left; margin:0 0 20px 15px; font-size:120%;}
#comic #bknm ul li a{ display:block; color:#fff; background:#111; padding:15px 20px; text-decoration:none; border-radius: 6px;}
#comic #bknm ul li a:hover{background:#5ddba2;}
#comic #bknm ul li span.date { font-size:80%;}
#comic .comicbox { width:550px; height:480px; margin:-50px auto 80px; border:3px solid #111; box-shadow:5px 5px #111; }
#comic .comicbox2 { background: url(../img/comic/vol2.png) no-repeat center center; width:90%; height:0; padding:64.26% 0 0; margin:-50px auto 80px; border:3px solid #111; box-shadow:5px 5px #111; background-size: contain;}
#comic .vol1 { background: url(../img/comic/vol1.png) no-repeat center center;}
#comic .vol3 { margin:-30px auto 80px; background: url(../img/comic/vol3.png) no-repeat center center; background-size: contain;}
#comic .comicbox4 { background: url(../img/comic/vol4.png) no-repeat center center; width:80%; height:0; padding:110.857% 0 0; margin:-50px auto 80px; border:3px solid #111; box-shadow:5px 5px #111; background-size: contain;}
#comic .vol5 { background-image: url(../img/comic/vol5.png); padding:116.8% 0 0;}
#comic .vol6 { width:85%; background-image: url(../img/comic/vol6.png); padding:124.248% 0 0;}
#comic .vol7 { width:85%; background-image: url(../img/comic/vol7.png); padding:120.578% 0 0;}
#comic .vol8 { width:85%; background-image: url(../img/comic/vol8.png); padding:122.035% 0 0;}
#comic .vol9 { width:85%; background-image: url(../img/comic/vol9.png); padding:120.821% 0 0;}
#comic .vol10 { width:85%; background-image: url(../img/comic/vol10.png); padding:121.428% 0 0;}
#comic .vol11 { width:85%; background-image: url(../img/comic/vol11.png); padding:120.578% 0 0;}
#comic .vol12 { width:85%; background-image: url(../img/comic/vol12.png); padding:119.34% 0 0;}
#comic .vol13 { width:85%; background-image: url(../img/comic/vol13.png); padding:122.4% 0 0;}

/*vibes*/
#vibes #wrap h1 { background: url(../img/vibes/ttl.png) no-repeat 0 0; margin:70px auto 50px; padding:0; width:751px; height:145px;}
#vibes .summary h3 {font-size:140%;}
#vibes .summary h3 {color:#fff; margin:10px 0; border-radius: 8px;
	position: relative;
	padding: .3em .7em;
	background-color: #111;
}
#vibes .summary h3::after {
	position: absolute;
	top: 100%;
	left: 5%;
	content: '';
	width: 0;
	height: 0;
	border: 9px solid transparent;
	border-top: 12px solid #111;
}
#vibes #book { margin:0 auto 50px; width:820px; height:466px;}
#vibes #book.vol1 { background: url(../img/vibes/vol1.jpg) no-repeat 0 0; background-size: contain;}
#vibes #book.vol2 { background: url(../img/vibes/vol2.jpg) no-repeat 0 0; background-size: contain;}
#vibes #book.vol3 { background: url(../img/vibes/vol3.jpg) no-repeat 0 0; background-size: contain;}
#vibes #book.vol4 { background: url(../img/vibes/vol4.jpg) no-repeat 0 0; background-size: contain;}
#vibes #book.vol5 { background: url(../img/vibes/vol5.jpg) no-repeat 0 0; background-size: contain;}
#vibes #book.vol6 { background: url(../img/vibes/vol6.jpg) no-repeat 0 0; background-size: contain;}
#vibes #book.vol7 { background: url(../img/vibes/vol7.jpg) no-repeat 0 0; background-size: contain;}
#vibes #book.vol8 { background: url(../img/vibes/vol8.jpg) no-repeat 0 0; background-size: contain;}
#vibes #book.vol9 { background: url(../img/vibes/vol9.jpg) no-repeat 0 0; background-size: contain;}
#vibes #book.vol10 { background: url(../img/vibes/vol10.jpg) no-repeat 0 0; background-size: contain;}
#vibes #book.vol11 { background: url(../img/vibes/vol11.jpg) no-repeat 0 0; background-size: contain;}
#vibes #book a { font-size:180%; font-weight:bold; background:#fdff3e; padding:20px; border:4px solid #000; border-radius: 8px; box-shadow:3px 4px #fdff3e; display: block; width:32%; height:auto; text-align:center; position: absolute; bottom: 0; right: 11%;}
#vibes #book a:hover{color:#333;}
#vibes .summary { margin:0 auto 50px; padding:0;}
#vibes h1.title {font-size:150%; background:rgba(0,0,0,0.8); color:#fff; padding:20px 0;}
#vibes h2 {font-size:120%; padding:0 0 50px;}
#vibes .lazy { width:750px; height:1060px; margin:80px auto 50px; padding:0; position:relative; display:block; box-shadow:0 0 6px rgba(0,0,0,0.2);}
#vibes .lazy img {position:absolute;left:0;top:0;width:750px;height:1060px;}
#vibes #spread.lazy { width:980px; height:706px; background-size: cover; background-repeat: no-repeat;}
#vibes #spread.lazy img {position:absolute;left:0;top:0;width:980px;height:706px;}
#vibes p.gwsp { width:70%; margin:0 auto 10px; background: url(../img/vibes/gw.png) no-repeat center center; background-size: contain; height:0; padding:10.95% 0 0;}
#vibes #bknm li { font-size:120%; background:#fdff3e; box-shadow:3px 4px #111; width:48%;}
#vibes #bknm li a {width:100%; color:#111; height:113px; line-height:113px; padding:0; border:none; box-shadow:none;}
#vibes #bknm li span.epi {width:80px; height:113px; padding:0; margin:0 15px 0 0; background:url(../img/vibes/vol1.jpg) no-repeat 0 0; display: block; float:left; color:#fff; background-size: cover;}
#vibes #bknm li.vol2 span.epi {background:url(../img/vibes/vol2.jpg) no-repeat 0 0; background-size: cover;}
#vibes #bknm li.vol3 span.epi {background:url(../img/vibes/vol3.jpg) no-repeat 0 0; background-size: cover;}
#vibes #bknm li.vol4 span.epi {background:url(../img/vibes/vol4.jpg) no-repeat 0 0; background-size: cover;}
#vibes #bknm li.vol5 span.epi {background:url(../img/vibes/vol5.jpg) no-repeat 0 0; background-size: cover;}
#vibes #bknm li.vol6 span.epi {background:url(../img/vibes/vol6.jpg) no-repeat 0 0; background-size: cover;}
#vibes #bknm li.vol7 span.epi {background:url(../img/vibes/vol7.jpg) no-repeat 0 0; background-size: cover;}
#vibes #bknm li.vol8 span.epi {background:url(../img/vibes/vol8.jpg) no-repeat 0 0; background-size: cover;}
#vibes #bknm li.vol9 span.epi {background:url(../img/vibes/vol9.jpg) no-repeat 0 0; background-size: cover;}
#vibes #bknm li.vol10 span.epi {background:url(../img/vibes/vol10.jpg) no-repeat 0 0; background-size: cover;}
#vibes #bknm li.vol11 span.epi {background:url(../img/vibes/vol11.jpg) no-repeat 0 0; background-size: cover;}
#vibes #bknm li span.oano { padding:2px 5px; background:#111; color:#fff; font-weight:bold;}
#vibes .notes{font-size:150%; display:block; margin:50px 0 -60px 0;}
#vibes strong.prm{color:#fa388a; font-size:110%;}

/*quiz*/
#quiz #wrap .sub {padding:0 0 50px;}
#quiz #wrap h1 { background: url(../img/quiz.png) no-repeat 0 0; margin:70px auto 30px; padding:0; width:870px; height:395px;}
#quiz h3 {font-size:140%;}
#quiz .ques a { font-size:180%; font-weight:bold; background:rgba(169,169,241,0.8); padding:20px; border:4px solid #000; border-radius: 8px; box-shadow:3px 4px #a9a9f1; display: block; width:35%; height:auto; text-align:center; margin:0 auto; text-shadow:1px 1px #fff;}
#quiz .ques a:hover{color:#333;}
#quiz .ques { width:95%;margin:30px auto 10px; padding:20px 0; text-align:center; border:4px solid #111; box-shadow:3px 4px #111;}
#quiz p.qtxt{font-size:160%; font-weight:bold; line-height:1.5;}
#quiz .ques span{font-size:120%; font-weight:bold; color:#fff; background:#111; padding:5px 20px;}
#quiz h4 {font-size:120%; margin:50px 0 0;}
#quiz span.oano { padding:2px 5px; background:#111; color:#fff; font-weight:bold;}
#quiz span.ques2 { padding:2px 5px; font-size:120%; color:#111; font-family: "Helvetica";}
#quiz span.ans { color:#A9A9F1; font-family: "Helvetica";}
#quiz .sub ul li {margin:0 0 10px; padding:0 0 10px; border-bottom:1px solid #111; line-height:2;}
#quiz .sub ul li strong {font-size:120%;}
#quiz .sub ul li:last-child {border:none;}
#quiz .line {background: linear-gradient(transparent 60%, #BABAF3 0%);}

/*original*/
#original #wrap h1 { background: url(../img/original/ttl.png) no-repeat center center; padding:0; width:694px; height:150px; margin:30px auto 50px;}
#original .bookinfo1 { background: url(../img/original/illust2.jpg) no-repeat right 0; width:98%; height:530px; margin:0 auto;}
#original .book { background: url(../img/original/comic.png) no-repeat center center; width:587px; height:387px; margin:0 10px 10px;}
#original .bookinfo2 { width:98%; margin:50px auto 0;}
#original .illust1 { background: url(../img/original/illust1.jpg) no-repeat center center; width:323px; height:403px;}
#original #wrap h2 span.ttl {color:#f2964d; font-size:180%;}
#original #wrap h3 { font-size:150%; padding:30px 0 10px;}
#original h3:first-letter {font-size: 150%; line-height: 1; color:#f2964d; letter-spacing:3px;}
#original #wrap .bookinfo2 p {padding:0 330px 10px 0;}
#original .comment { width:98%; margin:0 auto 30px;}
#original #wrap .comment p {padding:0 0 10px;}
#original #wrap .comment p.prof {font-size:90%; margin:20px 0 0; padding:10px 20px; background:rgba(242,150,77,0.5);  box-shadow:2px 3px #111;}

/*chart*/
#chart #wrap .sub { width:95%; margin:0 auto;}
#chart #wrap .diagram { background: url(../img/chart/chart.jpg) no-repeat 0 0; position:relative;}
#chart #wrap ul {position: absolute;}
#chart #wrap ul li {position: absolute;}
#chart #wrap ul li a { display: block; background:rgba(255,255,255,0.6); text-decoration: none; overflow: hidden; text-indent: 100%; white-space: nowrap;}
#chart #wrap ul li a img {display:block;}
#chart #wrap ul li.sz-k a img {width:170px; height:210px; }
#chart #wrap ul li.sz-l a img {width:140px; height:185px; }
#chart #wrap ul li.sz-m a img {width:130px; height:166px; }
#chart #wrap ul li.sz-ms a img {width:118px; height:153px; }
#chart #wrap ul li.sz-s a img {width:110px; height:140px; }
#chart #wrap ul li a {
filter: alpha(opacity=0); -moz-opacity:0; opacity:0;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;}
#chart #wrap ul li a:hover { filter: alpha(opacity=100); -moz-opacity:100; opacity:100;}
#chart ul li.kokoro { left: 384px; top:310px;}
#chart ul li.jun { left: 183px; top:338px; }
#chart ul li.oka { left: 23px; top:338px; }
#chart ul li.iokibe { left: 642px; top:338px; }
#chart ul li.wada { left: 632px; top:72px; }
#chart ul li.mikura { left: 357px; top:578px; }
#chart ul li.yasui { left: 479px; top:90px; }
#chart ul li.mibu { left: 328px; top:90px; }
#chart ul li.nakata { left: 188px; top:598px; }
#chart ul li.numata { left: 557px; top:598px; }
#chart ul li.narita { left: 308px; top:850px; }
#chart ul li.takahata { left: 460px; top:850px; }
#chart ul li.kuji { left: 48px; top:105px; }
#chart ul li.kikuchi { left: 196px; top:117px; }
#chart ul li.misato { left: 738px; top:632px; }
#chart ul li.kawa { left: 738px; top:857px; }
#chart ul li.sara { left: 13px; top:637px; }
#chart ul li.tsukasa { left: 13px; top:810px; }
#chart ul li.ayu { left: 15px; top:1050px; }
#chart ul li.baku { left: 179px; top:1050px; }
#chart ul li.kazuo { left: 178px; top:850px; }
#chart ul li.shuto { left: 310px; top:1050px; }
#chart ul li.kinu { left: 442px; top:1050px; }
#chart ul li.rinne { left: 603px; top:966px; }


/*msg*/
iframe#iframe {width:100%; border:none; padding:0; margin:0;}
/*#msg select#backnum { color:#23ac38; font-size:130%; font-family:'arial black'; cursor: pointer;
    padding: 5px 50px 5px 10px; margin:0 0 5px 30px;
    border: 1px solid #23ac38;
    border-radius: 1px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: .01px;
    text-overflow: "";
    background:rgba(227, 242, 211, 0.3);
}*/
#msg label {
	position: relative;
	display: block;
	width: 35%; margin:0 0 10px 20px;
	border: 1px solid #B983B7;
	border-radius: 5px;
	background: #fff;
}
#msg label:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	width: 0;
	height: 0;
	margin: -2px 0 0 0;
	border: 5px solid transparent;
	border-top: 7px solid #B983B7;
}
#msg select#backnum {
	font-size:110%;
	cursor: pointer;
	position: relative;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	width: 98%;
	padding: 0.5em 1em;
	color: #B983B7;
	border: none;
	border-radius: 5px;
	background: transparent;
	text-indent: .01px;
	text-overflow: "";
}
::-ms-expand {
	display: none;
}

#msg p.rest { line-height:1.7; margin:30px auto 0;}
#msg #wrap .sub { text-align:left; margin:0 auto 30px;}
#msg #writeBtn a,#intro #commeBtn a {font-size:160%; color:#fff; width:320px; height:80px; line-height:80px; margin:0 auto; display:block; text-decoration:none; border:3px solid #111; border-radius: 5px; box-shadow:3px 4px #111;
text-shadow: 1px 3px #111, -1px -1px 0 #111, 1px -1px 0 #111, -1px 1px 0 #111, 1px 1px 0 #111; font-weight:bold;
    -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;
}
#msg #writeBtn a:hover,#intro #commeBtn a:hover {color:#fff; text-decoration:none; background:#ba84b8;}
#prevnext { padding:0; margin:0 0 30px; }
#prevnext ul li a { text-decoration: none;}
#prevnext ul li a:hover { color:#ba84b8;}
#prevnext ul li.prev { float:left; }
#prevnext ul li.next { float:right; }
#prevnext ul li {
	position: relative;
	display: inline-block;
	padding: 0 15px;
	width: auto;
	min-width: 120px;
	height: 40px;
	color: #111;
	line-height: 40px;
	text-align: center;
	background: #fff;
	z-index: 0;
	border-radius: 5px;
	border: 3px solid #111;
}
#prevnext ul li.next:after {
	content: "";
	position: absolute;
	top: 50%; left: -8px;
	margin-top: -8px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 8px 8px 8px 0;
	border-color: transparent #111 transparent transparent;
}
#prevnext ul li.prev:after {
	content: "";
	position: absolute;
	top: 50%; right: -8px;
	margin-top: -8px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 8px 0 8px 8px;
	border-color: transparent transparent transparent #111;
}
#prevnext p {text-align:center;}


@media all and (min-width: 768px) {
.hidtxt{visibility: hidden;}
#top #info {width:980px; margin:80px auto 0;}
#menu ul { width:953px; margin:0 auto;}
#menu ul li { float:left; margin:20px 0; }
#menu ul li a { display: block; height:30px; overflow: hidden; background:url(../img/menu.png) no-repeat 0 0; text-indent: 100%; white-space: nowrap; text-decoration:none; margin:0 31px 0 0;
    -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 ul li:last-child a{margin:0;}
#menu ul li.intro a { width: 120px;}
#menu ul li.news a { width: 123px; background-position: -151px 0;}
#menu ul li.story a { width: 121px; background-position: -305px 0;}
#menu ul li.chart a { width: 97px; background-position: -457px 0;}
#menu ul li.msg a { width: 97px; background-position: -585px 0;}
#menu ul li.staff a { width: 240px; background-position: -713px 0;}
#rect {margin:-45px 0 0 0; float:right;}
#top #news #newslist { padding:0 5px 0 0; font-size:115%; text-align:right;}
#top #news #newslist a { padding:3px 8px; background: #000; color: #fff; text-decoration:none;}
#top #news #newslist a:hover { background: #0d60ae;}
#top #news #btnnews { display:none;}
#manga .cvsize{width: 500px; height:332px;}
#story #manga {width:500px; height:332px; position: relative; margin:50px auto 30px;}
#story #manga h2 {background: url(../img/top/ttl_comic.png) 0 0; width:130px; height:186px; margin:0 0; position: absolute; top: -30px; left: -70px; z-index: 9999; box-shadow:none;}
#story #manga a {color:#111; text-decoration:none;}

#top .ctsbox {width:620px; /*background:#eee;*/}
#gotop,#topcts_smp,.fp-causion,.bn_books,.bn_spmov { display:none;}

/*2ndfoot*/
#topcts_pc .ctsbox {width:98%; margin:0 auto;}
#topcts_pc .bn_repo a {margin:0 20px 10px;}
#topcts_pc .bn_comic a {margin:0 30px 10px 10px;}
#topcts_pc .bn_fb a {margin:0 0 10px;}
#topcts_pc .bn_ch a {margin:10px 30px 10px;}
#topcts_pc .bn_fb a,.bn_tw a {height:100px; background-size: cover;}
#topcts_pc .sspmov a{ width:250px; height:205px; background:#55bcf2 url(../img/spmov.png) no-repeat center center; background-size: cover; border:3px solid #009cf5; border-radius: 10px; display:block; box-shadow:2px 3px #009cf5; margin:10px 45px 0 0;}

#intro h2{background: url(../img/intro.png) no-repeat 0 0; width:873px; height:133px; margin:30px auto 10px; }
#staff .txidt{ padding:0 !important; text-align:left; width:55%; margin:0 0 0 45%; display:block;}
#chart #wrap .diagram{ width:872px; height:1211px; margin:0 0 50px 10px;}

#interview .ph3_2{margin:15px 30px 20px 15px !important;}
#interview .ph3_3{margin:10px 0 40px 20px !important;}
#comic #wrap h1 { height:180px;}
#report #bknm li:nth-child(even),#interview #bknm li:nth-child(even){margin:0 0 20px 20px;}
#vibes #bknm li:nth-child(even){margin:0 0 20px 30px;}
#vibes #book.vol5 a { position: absolute; bottom: 25px; right: 65px;}
#cont1 .col_s h3,#story h2,#gallery h2,#report #bknm li span.epi {font-family:'arial black';}
}

/*//////smp//////*/
@media all and (max-width: 767px) {
.hidtxt{visibility: visible;}
#contents{width:100%; margin:0 auto;}
#container .inner { width:90%;}
#top header h1 { width:100%; height:0; margin:0 auto -5px; padding:65% 0 0; background-size: contain; }
#top #menu {border-top:5px solid #222;}
#top #menu ul { padding:10px 0 8px;}
#menu { background:none;}
#menu ul { width:96%; margin:0 auto; padding:0;}
#menu ul li { float:left; margin:1.5% 0 1% 1.8%; font-size:90%; text-align:center; font-weight:bold; box-shadow:2px 2px #222;}
#menu ul li a { display: block; color:#fff; text-decoration:none; padding:0.5em 0;}
#menu ul li.intro { width: 30%; border:2px solid #222; background:#f6ab00; border-radius: 5px;}
#menu ul li.news { width: 30%; border:2px solid #222; background:#0d60ae; border-radius: 5px;}
#menu ul li.story { width: 30%; border:2px solid #222; background:#f2a1b0; border-radius: 5px;}
#menu ul li.chart { width: 25%; border:2px solid #222; background:#5ddba2; border-radius: 5px;}
#menu ul li.msg { width: 25%; border:2px solid #222; background:#ba84b8; border-radius: 5px;}
#menu ul li.staff { width: 40%; border:2px solid #222; background:#55abe0; letter-spacing: 0; padding:0.1em 0; font-size:82%; border-radius: 5px;}
#menu ul li.intro a:first-letter {color:#fff;}
#menu ul li.news a:first-letter { color:#fff;}
#menu ul li.story a:first-letter { color:#fff;}
#menu ul li.chart a:first-letter {color:#fff;}
#menu ul li.msg a:first-letter { color:#fff;}
#menu ul li.staff a:first-letter {color:#fff;}

#top #info {width:100%; margin:30px auto 20px;}
#top #news { width:90%; height:auto; margin:0 auto; background:#fff none; border:3px solid #000; padding:0 0 10px; box-shadow:5px 8px #000;}
#top #news h2{color:#fff; background:none; width:30%; height: auto; margin:-20px 0 0 -10px; position: static; background:#111; padding:3px; font-size:110%;
	-webkit-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	transform: rotate(-2deg);
}
#top #news #newslist { display:none;}
#top #news #btnnews { text-align:center; margin:-2em auto 10px; position: relative; padding-top: 3em;
background: -moz-linear-gradient(bottom,#fff,rgba(255,255,255,0.5));
background: -webkit-gradient(linear,left bottom,left top,from(#fff),to(rgba(255,255,255,0.5)));}
#top #news #btnnews a { background:#0d60ae; color:#fff; padding:10px 30px; border-radius: 20px;}
#top #news #btnnews a:hover { background:#111;}
#update {width:92%; margin:0 auto; font-size:85%; letter-spacing: 0;}
#update ul {margin:5px auto 0;}
.ticker { height: 80px; overflow: hidden;}
.ticker li { padding:0; margin:0 0 5px; font-size:90%; line-height:1.5;}

/*floatnone*/
#cont1 .col_s,#manga,.ctsbox,#update,.spmov,.spitv,.vibes,proc {float:none;}
/*cont1*/
#cont1 { margin:30px 0 0;}
#next_spot a {width:75%; height:0; padding:45% 0 0; margin:0 auto; }
#cont1 .col_s { width:100%; margin:0 0 25px; padding:1px 0;}
#cont1 .col_s h2 { width:140px; height:34px; margin:12px auto; background-size: cover;}
#cont1 .col_s h3 {line-height:2; font-size:100%; margin:8px 0;}

#manga {margin:0 auto 20px; width:98%; height:auto;}
#story #manga {margin:30px auto 0; height:auto;}
#manga h2 { width:45%; height:0; padding:8.920% 0 0; position: static; background: url(../img/manga.png) no-repeat 0 0; background-size: contain; margin:0 auto;}
/*#manga h2 { width:80px; height:114px; position: absolute; top: -30px; left: -20px; background-size: cover;}*/
#manga .cvr{background-size: contain;}
#manga .cvsize{width: 100%; height:0; padding:66.4% 0 0;}
.viewtxt {font-size:75% !important; padding:0; letter-spacing: 0;}
#top .viewtxt {padding:.5em 0 0;}
.bx-wrapper .bx-viewport {box-shadow:3px 4px #111;border:  3px solid #111;}

.spitv,.vibes {width:100%; margin:0 auto 10px;}
.spitv a {width:100%; height:0; padding:28.68% 0 0; border:2px solid #111; background-size: cover; }
.vibes a {width:100%; height:0; padding:28.68% 0 0;  border-radius: 8px; background:#fa388a url(../img/top/vibes2.png) no-repeat center center; background-size: 65%; box-shadow:2px 3px #111; border:2px solid #111; margin:0;}
.spmov {width:100%; height:auto; margin:5px auto 0; background-size: cover; border:2px solid #009cf5; }
.spmov img {margin:2%; box-shadow:2px 3px #fff;}
.proc {display:none;}
/*cont2*/
.ctsbox {width:100%; margin:0;}
.bn_repo {width:44%;}
.bn_repo span {font-size:65%; position: absolute; bottom: 15%; right: 0; padding:2px; letter-spacing: 0;}
.bn_comic {width:52%;}
.bn_repo a{ margin:0 0 0; width:100%; height:0; padding:84% 0 0; background-size: contain;}
.bn_comic a{ margin:0 0 0; width:100%; height:0; padding:66% 0 0; background-size: contain;}
.bn_org {width:51%; margin:8% 0 0;}
.bn_itv,.bn_ch {width:45%;}
.bn_gl,.bn_pre {width:48%;}
.bn_org a{ margin:0 0 10px; width:100%; height:0; padding:45% 0 0; background-size: cover;}
.bn_ch a{ margin:10px 0 10px; width:100%; height:0; padding:77.13% 0 0; background-size: contain; }
.bn_itv a{ margin:0 0 15px; width:100%; height:0; padding:76.86% 0 0; background-size: contain; }
.bn_gl a{margin:0 0 15px; width:100%; height:0; padding:46% 0 0; background-size: cover;}
.bn_pre a{margin:0 0 15px; width:100%; height:0; padding:45% 0 0; background-size: cover; box-shadow:2px 2px #2e2eb9; border:2px solid #2e2eb9;}

/*cont3*/
#cont3 {margin:10px 0 15px;}
.bn_sns {width:100%; margin:0;}
.bn_fb,.bn_tw {width:48%;}
.bn_fb a,.bn_tw a {width:100%; height:0; padding:36% 0 0; background-size: contain; border:2px solid #000;}
.bn_goods,.bn_odm{width:48%;}
.bn_goods a{width:100%; height:0; padding:78.3% 0 0; border:2px solid #000; background-size: cover;}
.bn_odm a{width:100%; height:0; padding:78.3% 0 0; background-size: cover; border:2px solid #111; box-shadow:2px 3px #111;}
.bn_cut{width:48%; height:0; padding:36.46% 0 0; background-size: contain;}

/*.bn_kids,.bn_tod{ width:90%; margin:0 auto 0; float:none;}*/
.bn_kids,.bn_tod{ width:48%; margin:0; }
.bn_kids a{ width:100%; background-size: contain; border:2px solid #111; height:0; padding:30% 0 0; border-radius: 5px;}
.bn_tod a{ width:100%; background:#fff url(../img/top/bn_tod2.png) no-repeat center center; background-size: contain; border:2px solid #111; height:0; padding:30% 0 0; border-radius: 5px;}

.bn_books,.bn_spmov,.bn_dvd {width:85%; margin:15px auto 0;}
.bn_spmov a{ width:85%; background-size: contain; border:2px solid #009cf5; height:0; padding:15.9375% 0 0; margin:15px auto 0; border-radius: 5px;}
.bn_dvd a{ width:85%; border:2px solid #111; height:0; padding:15.9375% 0 0; border-radius: 5px; margin:0 auto;}
.bn_books {margin:10px auto 0;}
.bn_books a{ width:85%; background:#ffe84b url(../img/top/bn_books.png) no-repeat center center; background-size: contain; border:2px solid #111; height:0; padding:15.9375% 0 0; border-radius: 5px; display:block; box-shadow:2px 3px #111; margin:0 auto;}

footer { margin:50px 0 0; position: relative;}
#top footer { margin:70px 0 0;}
footer p {font-size:80%; padding:5px 0; line-height:1.5;}
footer .sns { width:90%; padding:20px 0 0; margin:0 auto; float:none;}
footer .ftarea { width:100%; padding:0; }
#rect {margin:30px auto 0; float:none;}
#gotop {position: absolute; top: -70px; right: 5px;}
#gotop a {display:block; width:100px; height: 92px; background:url(../img/gotop.png) no-repeat 0 0; background-size: contain;}
/* none */
#twTL,#topcts_pc,.spmov2{display:none;}

#bn_prev a { width:95%; height:0; padding:8% 0 0; margin:0 auto 0; background-size: contain;}
#bn_count { width:100%; height:0; padding:15.22% 0 0; margin:0 auto 0; background-size: contain;}

/*2ndfoot*/
#topcts_smp {margin:30px 0 0;}
#topcts_smp .bn_ch a{ margin:5px 0 10px 5px;}
#topcts_smp .vibes a {width:98%; height:0; padding:25% 0 0; background-size: 60%; margin:0 auto 18px;}
#topcts_smp .sspmov {width:48%; margin:0; margin:6px 0 10px;}
#topcts_smp .sspmov a{ width:100%; background:#55bcf2 url(../img/spmov.png) no-repeat center center; background-size: cover; border:2px solid #009cf5; height:0; padding:66% 0 0; border-radius: 8px; display:block; box-shadow:2px 3px #009cf5;}

/*------------------　2nd　------------------ */
#logo a {width:95%; height: 0; margin:15px auto -10px; padding:15.77% 0 0; background-size: contain;}
#wrap {width:90%; margin:60px auto 0; padding:0 0 20px; border:3px solid #000;}
#wrap h1 { width:185px; height:81px; margin:-40px 0 0 20px; padding:17px 0 0; background-size: contain;}
#wrap h1 span.ttl{ width:135px; height:31px; margin:0 auto; display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; background-size: cover;}
#gallery h1 span.ttl { width:150px; height:29px;}
#wrap .sub p { font-size:85%; line-height:1.6; padding:10px 5px 5px 10px;}

#intro h2{font-size:105%; line-height:1.6; padding:0 20px 10px; color:#bd0a06;}
#intro h3 {font-size:100%; padding:10px 10px; line-height:1.6;}

#news h2.prinfo {font-size:120%; padding: 5px;}
#news h3 {font-size:95%; font-weight:normal; line-height:1.5;}
#news #info h3 {font-size:85% !important;}
#news #info h3::after {position: absolute; top: 100%; left: 45%;}
#news #promo { padding:5px; margin:0 0 30px;}
#news #promo p {margin:0 0 15px;}
#news span.date {font-size: 85%;}
#news p.add {font-size:70% !important; padding:0 0 3px 1em !important; text-indent: -1em; border:none !important; line-height:1.5;}
#news .bdb {padding:0 0 20px;}
#news .copy {font-size:80%;}

/*story*/
#story h2,#gallery h2 {font-size:100%;}
#story #mov,#interview #mov{width:90%; height:auto; border:2px solid #111; background:#111; margin:0 auto 5px;}
#story #main{width:90%; height:0; border:2px solid #111; margin:0 auto 5px; padding:59.74% 0 0;}
#story .ph_area{margin:20px auto; width:100%;}
#story .ph_cut{width:47%; height:0; padding:31.29% 0 0; background-size: cover; border:2px solid #111;}
#story p.fp-causion{font-size:70%; line-height:1.5; padding:0 0 10px 1em !important; text-indent: -1em;}
#story #bknm {margin:20px 0 0;}
#story #bknm ul,#gallery #bknm ul {width:95%; margin:0 auto;}
#story #bknm ul li,#gallery #bknm ul li {float:left; margin:0 8px 15px; position: relative; border-radius: 50%; width:85px; height:85px;}
#story #bknm ul li a,#gallery #bknm ul li a {width:100%; height:100%; display: block; border-radius: 50%; border:2px solid #111;}
#story #bknm li span.oanum,#gallery #bknm li span.oanum { border-radius: 50%; display: block; font-weight:bold; padding:5px; font-size:80%;}
#story #bknm li span.date,#gallery #bknm li span.date { background:rgba(17, 17, 17, 0.9); font-size:60%; position: absolute; bottom: 0; left: 0; padding:2px; letter-spacing:0;}

/*caststaff*/
#caststaff table td {white-space: nowrap; }
table#drama-cast { margin:0 auto;}
table#drama-cast .actor{vertical-align:middle; }
#caststaff #cast,#caststaff #staff {font-size:90%; }
#caststaff #cast {margin:0 auto 30px;}
#caststaff #staff_smp { background: url(../img/staff.png) no-repeat center 0; width:100%; height:0; margin:0 auto 10px; padding:215% 0 0; background-size: cover;}
#caststaff #cast h2 { width:40%; height:0; padding:10% 0 0; background-size: cover; }
#caststaff #staff { display:none;}
/*#caststaff #staff h2 { width:157px; height:36px; background-size: contain;}*/
#caststaff .f85{font-size:75%; padding:6px 0 15px;}
#cast .f85{font-size:70%; line-height:0; padding:5px 0 0; display:block; text-indent:-1em;}
#staff .txidt{font-size:100% !important; padding:0 !important; text-align:right; width:170px; margin:0 0 0 38%;}
#staff .f70{letter-spacing:0; font-size:9px;
-webkit-margin-start: -17px;
-webkit-transform:scale(0.75);
display:inline-block;}

#bknm h3 {margin:0 0 15px; padding:10px;}
#bknm h3 {
	background: #fff;
	background-image: radial-gradient(#111 30%, transparent 0), radial-gradient(#111 30%, transparent 0);
	background-position: 0 0, 4px 4px;
	background-size: 9px 9px;
}
#bknm h3 span.ttl{ width:200px; height:24px; margin:0 auto; background-size: cover;}

/*repo*/
#report #wrap,#comic #wrap,#caststaff #wrap,#original #wrap,#interview #wrap,#vibes #wrap,#quiz #wrap,#edit #wrap {margin:25px auto 0;}
#report #wrap h1 {background-position: center center; background-size: cover; height:0; padding:19% 0 0; margin:0 0 20px;}
#report p.date {padding:0 10px 0; font-size:85%;}
#report h2,#interview .sub h3 {font-size:95%;}
#report h2:first-letter {font-size: 120%; line-height: 1;}
#report .ph_cut,#news .ph_cut,#intro .ph_cut { width:80%; height:0; padding:53% 0 0; margin:10px auto; background-size: contain; border:2px solid #111;}
#report .ph_cut_l,#news .ph_cut_l { width:60%; height:0; padding:77% 0 0; margin:10px auto; background-size: contain; border:2px solid #111;}
#report #bknm li,#interview #bknm li {float:none; margin:0 0 10px; font-size:85%; line-height:17px;}
#report #bknm li a,#interview #bknm li a {width:95%; color:#111; height:35px; padding:10px 5px 10px 5px; border:2px solid #111;}
#report #bknm li span.epi,#interview #bknm li span.epi {width:35px; height:35px; line-height:35px; font-size:120%; padding:5px; margin:-5px 10px 0 0;}
#report #bknm li span.date,#interview #bknm li span.date {font-size:90%; }

/*interview*/
#interview #wrap h1,#edit #wrap h1 { margin:0 0 20px; padding:0; width:100%; height:0; padding:23.47% 0 0;}
#interview #wrap h1.mov { font-size:100%; margin:0 0 10px; height:auto;}
#interview #mov{margin:0 auto 30px;}
#interview h2{width:80%; height:0; padding:48.27% 0 0; border:2px solid #111; background-size: contain; margin:0 auto 30px;}
#interview h2.kuroki,#interview h2.odagiri{background-size: contain;}
#interview .sub h3{margin:10px 0 0;}
#interview .sub .floatL,#interview .sub .floatR {float:none; margin:0 auto;}
#interview .ph_itv{width:70%; height:0; padding:46.6% 0 0; margin:0 0 0; background-size: contain;}

/*edit*/
#edit .sub {padding:0 0 20px;}
#edit #wrap h2 {font-size:120%; text-align:center;}
#edit #wrap h3 {font-size:100%; }
#edit #wrap h4 {font-size:90%; padding:0 7px 0; border-left:8px solid #ff8cd8; margin:10px 7px 5px;}
#edit #terms {width:90%; margin:20px auto; padding:10px; border:2px solid #111; height:auto; overflow-y:hidden; font-size:85%;}
#edit #guideline {width:90%;margin:20px auto; padding:10px; border:2px solid #111;}
#edit #guideline p {padding:0 10px 10px;}
#edit #guideline p.f85 {font-size:70% !important;}
#edit #guideline p.f140 {font-size:120% !important; text-align:center; padding:5px 0 15px;}
#edit .glist { margin:0 auto 20px; font-size:120%; padding:10px 15px; border:2px solid #000; width:50%;}
#edit .sub ul li {width:31%; float:left; margin:0 0 .8em .5em; font-size:60%; letter-spacing:0;}
#edit .sub ul li a {height:80px;}
#edit .sub ul li span {padding:0; font-size:80%; height:80px; overflow: hidden;}
#edit .f70{letter-spacing:0; font-size:9px;
-webkit-margin-start: -17px;
-webkit-transform:scale(0.75);
display:inline-block;}

/*comic*/
#comic #wrap h1 {background-position: center center; background-size: cover; height:0; padding:19% 0 0; margin:0 0 20px;}
#comic #wrap .sub { margin:-10px auto 0;}
#comic h2 {background: url(../img/comic/num_2x.png) no-repeat 0 0; width:82px; height:86px; font-size:110%; background-size: contain; transform: rotate(-2deg); background-size: contain; margin:0 0 0 15px;}
#comic h2 span{position: absolute; top:30%; left:0; letter-spacing:0.03em; text-align: center; display: inline-block; width:100%;}
#comic #bknm ul li { float:left; margin:0 0 10px 5px; font-size:90%;}
#comic #bknm ul li a{ padding:10px 10px;}
#comic .comicbox { width:90%; height:0; padding:78.54% 0 0; margin:-25px auto 50px; border:2px solid #111; background-size: contain;}
#comic .comicbox2,#comic .comicbox4 {margin:-25px auto 50px; border:2px solid #111;}
#comic .vol3 {margin:-10px auto 50px;}
#comic .comicbox4 {width:90%; height:0; padding:124.714% 0 0;}
#comic .vol7,#comic .vol8,#comic .vol9,#comic .vol11,#comic .vol12 {margin:-12px auto 50px;}

/*vibes*/
#vibes #wrap h1 { margin:20px auto; width:90%; height:0; padding:17.37% 0 0; background-size: contain;}
#vibes .summary h3 {font-size:105%;}
#vibes #book { margin:0 auto; width:100%; height:0; padding:56.83% 0 0;}
#vibes #book a { font-size:150%; padding:15px; border:3px solid #000; width:60%; margin:10px auto 0; position: static;}
#vibes .summary { margin:120px auto 50px;}
#vibes h1.title {font-size:110%;}
#vibes h2 {font-size:90%; padding:0 0 50px;}
#vibes .lazy { width:100%; margin:50px auto; background-size: cover; background-repeat: no-repeat; height:0; padding:141.3% 0 0; background-position:0 0;}
#vibes #spread.lazy { width:100%; margin:50px auto; background-size: cover; background-repeat: no-repeat; height:0; padding:72.010% 0 0; background-position:0 0;}
#vibes .lazy img,#vibes #spread.lazy img {width:100%; height:100%;}
#vibes p.gwsp { width:80%; margin:0 auto 10px; background: url(../img/vibes/gw.png) no-repeat center center; background-size: contain; height:0; padding:12.52% 0 0;}
#vibes #bknm li {float:none; margin:0 0 12px; font-size:90%; width:100%;}
#vibes #bknm li a {height:71px; line-height:71px; padding:0;}
#vibes #bknm li span.epi {width:50px; height:71px; padding:0; margin:0 15px 0 0; }
#vibes .notes{font-size:120%; display:block; margin:50px 0 -40px 0;}

/*quiz*/
#quiz #wrap .sub {padding:0 0 30px;}
#quiz #wrap h1 { margin:20px auto 10px; width:90%; height:0; padding:40.86% 0 0; background-size: contain;}
#quiz h3 {font-size:80%;}
#quiz .ques { width:98%;margin:15px auto 10px; padding:10px 0; text-align:center; border:2px solid #111;}
#quiz .ques a { font-size:135%; padding:10px 15px; border:2px solid #000; width:55%;}
#quiz p.f90{font-size:70%;}
#quiz p.qtxt{font-size:95%;  line-height:1.4;}
#quiz .ques span{font-size:90%; font-weight:bold; color:#fff; background:#111; padding:5px 20px;}
#quiz h4 {font-size:100%; margin:20px 0 10px;}
#quiz span.oano { padding:1px 5px; font-size:90%; display:inline-block; margin:0 0 5px;}
#quiz span.ques2 { padding:0;}
#quiz .sub ul li {font-size:80%; line-height:1.3;}
#quiz .sub ul li strong {font-size:100%;}
#quiz span.ans { margin:5px 0 0; display:inline-block;}

/*original*/
#original #wrap h1 { padding:0; width:90%; height:0; padding:19% 0 0; margin:20px auto; background-size: cover;}
#original #wrap h2 span.ttl {color:#f2964d; font-size:120%;}
#original #wrap h3 { font-size:90%; padding:10px 0;}
#original .book { width:80%; height:0; margin:0 auto 10px; padding:53% 0 0; background-size: contain;}
#original .bookinfo1 { height:auto; margin:0 auto 20px; background:none;}
#original .bookinfo2 { height:auto; margin:0 auto 10px;}
#original #wrap .bookinfo2 p {padding:0 0 10px 0;}
#original .illust1{float:none; width:70%; height:auto; margin:0 auto 0; background-size: contain; }
#original .comment { margin:0 auto 20px;}
#original #wrap .comment p.prof {margin:10px 0 0; padding:10px 20px; font-size:80%;}
#original .bn_books {width:90%;}
#original .bn_books a{ width:90%; padding:16.875% 0 0;}

#chart #wrap .diagram { background-size: cover; height:0; padding:138.876% 0 0; overflow:hidden;}
#chart #wrap ul {position: absolute; left:0; top:0; width:100%; height:100%;}

#msg #wrap .sub { text-align:left; margin:0 auto 20px;}
#msg p.notice { text-align:left !important; margin:0 0 5px; font-size:80%;}
#msg #writeBtn a {width:70%; font-size:110%; height:60px; line-height:60px;}
#prevnext ul li { min-width: 80px; font-size:85%; padding: 0 10px; height: 30px; line-height: 30px;}
#msg label {width: 98%; margin:0 auto 10px;}
#msg select#backnum{font-size:90%;}
}


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