html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,main {margin:0;padding:0;border:0;font-size:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {display:block;}
body {font-family:Verdana,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
wbr:after {content:"\00200B";}

/*	TBS reset
============================== */
.alt {position:absolute;top:-5000px;left:-9999px;}
.clearfix:after {content:"";clear:both;display:block;}
.hide-txt {text-indent:110%;white-space:nowrap;overflow:hidden;}
.fp-causion {display:none;}
.nocontxt {-webkit-touch-callout: none;-webkit-user-select: none;user-select: none;-webkit-user-drag:none;}
.nocontxt img {pointer-events: none;}
@media all and (min-width:768px) {
.alt-pc {position:absolute;top:-5000px;left:-9999px;}
.clearfix-pc:after {content:"";clear:both;display:block;}
.hide-txt-pc {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
@media all and (max-width:767px) {
.alt-smp {position:absolute;top:-5000px;left:-9999px;}
.clearfix-smp:after {content:"";clear:both;display:block;}
.hide-txt-smp {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
div.embed-tbsplayer {
background-color:#000;
position:relative;
height:0;
padding-top:56.25%;
}
div.embed-tbsplayer .tbs-player {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}
div.embed-tbsplayer-audio {
background-color:#fff;
}
div.embed-tbsplayer-audio .tbs-player {
height:46px;
}
div.lbx-overlay {
z-index:10000;position:absolute;background-color:#000;width:100%;height:100%;left:0;top:0;right:0;bottom:0;opacity:0.9;
}

/* ============================
	common css
============================ */

/* 0 - General
=================================== */

@media print {
  body { display: none }
}

body { background-color:#cd407b; }

#con-body { font-family:Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }

.cover { background:url(/img/cover.gif); display:block; width:100%; height:100%; }

.lazy { display:block; position:relative; }

/* text-color */
.red {color:#e60012;}
.blue {color:#17cce8;}
.pink {color:#e2007f;}
.orange {color:#ffa500}
.green {color:#13dabb;}
.purple {color:#b233b2;}
.brown {color:#734229;}
.darkgreen {color:#008000;}
.darkblue {color:#007FFF;}

#list-st { font-size:90%; line-height:140%; padding-left:1.0em; text-indent:-1.0em; }

.txts { font-size:80%; }


/* 0 - Header
=================================== */

#header { width:100%; background:url(../img/header_bg.png) center top; z-index:2; position:relative; }
#header-area { position:relative; width:980px; height:145px; margin:auto; background:url(../img/header.png) 0 0 no-repeat; }
#logo { position:absolute; z-index:10; }
#logo a { display:block; width:980px; height:145px; text-indent:-9999px; }
#oatime { position:absolute; z-index:11; right:-10px; display:block; width:356px; height:159px; text-indent:-9999px; }

#gnav { width:100%; height:60px; background:url(../img/gnav.png) center top; }
#gnav ul { width:980px; margin:auto; }
#gnav ul li { float:left; }
#gnav ul li a { display:block; height:60px; background-image:url(../img/gnav.png); background-repeat:no-repeat; outline:none; text-indent:-9999px; }

#gnav-intro a { width:135px; background-position:0 -60px; }
#gnav-story a { width:124px; background-position:-135px -60px; }
#gnav-original a { width:130px; background-position:-259px -60px; }
#gnav-cast a { width:217px; background-position:-389px -60px; }
#gnav-chart a { width:163px; background-position:-606px -60px; }
#gnav-bbs a { width:211px; background-position:-769px -60px; }

#intro #gnav-intro a, #gnav-intro a:hover { background-position:0 -120px; }
#story #gnav-story a, #gnav-story a:hover { background-position:-135px -120px; }
#original #gnav-original a, #gnav-original a:hover { background-position:-259px -120px; }
#cast #gnav-cast a, #gnav-cast a:hover { background-position:-389px -120px; }
#chart #gnav-chart a, #gnav-chart a:hover { background-position:-606px -120px; }
#bbs #gnav-bbs a, #gnav-bbs a:hover { background-position:-769px -120px; }


/* 0 - Main
=================================== */

#pagebody { background:url(../img/bg.png) center top #e75c97; padding:20px 0; box-shadow:0px 3px 3px rgba(0,0,0,0.1) inset; }
main { width:960px; margin:0 auto 20px auto; padding-bottom:10px; background:url(../img/main_bg.jpg); box-shadow:1px 1px 4px rgba(0,0,0,0.2); }
#main-ttl { width:960px; height:80px; background-repeat:no-repeat; text-indent:-9999px; }
#main-body { margin:10px 10px 0 10px; background:url(../img/main_body_bg.png); }

#bknm { width:100%; box-sizing:border-box; padding:0 0 20px 0; text-align:center; }
#bknm h2 { margin-bottom:15px; padding:12px; background:url(../img/bg_red.jpg); text-shadow:2px 2px 4px rgba(0,0,0,0.2); color:#fff; font-size:130%; text-align:center; }
#bknm ul li { display:inline; }
#bknm ul li a { font-size:115%; line-height:150%; color:#e2007f; text-decoration:none; font-weight:bold; }
#bknm ul li a:hover { text-decoration:underline; }


/* 0 - Footer
=================================== */

#f-nav { width:960px; margin:auto; }
#f-nav ul li { float:left; position:relative; width:305px; height:112px; }
#f-nav ul li a { display:block;  width:305px; height:112px; background-repeat:no-repeat; background-size:cover; background-size:cover; outline:none; text-indent:-9999px; }
#f-nav ul li a:hover { -webkit-filter: brightness(1.1); -moz-filter: brightness(1.1); -o-filter: brightness(1.1); -ms-filter: brightness(1.1); filter: brightness(1.1); }

#f-nav-intv,
#f-nav-orejuku,
#f-nav-present,
#f-nav-consult,
#f-nav-tbsfree,
#f-nav-ondemand { margin:0 22px 22px 0; }

#f-nav-gallery,
#f-nav-report,
#f-nav-goods { margin:0 0 22px 0; }

#f-nav-tw,
#f-nav-is { margin:0 22px 0 0; }

#f-nav-line { margin:0 0 0 0; }
#f-nav-report a { position:absolute; z-index:10; width:305px; height:112px; background-size:cover; }
#report-date,
.bn-date { position:absolute; z-index:11; top:0; right:0; background-color:#e1007f; font-size:90%; color:#fff; line-height:130%; padding:0 0.3em; text-align:right; font-weight:bold; }

footer { background:url(../img/footer_bg.png) center top; }

#footer-area { width:960px; margin:auto; padding:20px 0; }
#footer-area-l { float:left; width:640px; margin:30px 20px 0 0; text-align:left; color:#fff; }
#bn-rectangle { float:left; width:300px; }

#f-sns, #f-sns-tw, #f-sns-fb { display:inline-block; }
#f-sns { position:relative; top:3px; }
#f-sns-tw { position:relative; top:3px; }
#f-copy { font-size:90%; line-height:120%; padding-bottom:0.7em; }
#f-copy a { color:#ffff00; }

#pagetop { position:fixed; z-index:200; bottom:-200px; right:20px; padding-bottom:20px; }
#pagetop a { display:block; width:143px; height:204px; background:url(../img/pagetop.png) 0 0 no-repeat; text-indent:-9999px; outline:none; }

#f-nav ul li#f-nav-tbsfree span { display:block;  width:305px; height:112px; background-repeat:no-repeat; background-size:cover; background-size:cover; text-indent:-9999px; }
#f-nav ul li#f-nav-ondemand span { display:block;  width:305px; height:112px; background-repeat:no-repeat; background-size:cover; background-size:cover; text-indent:-9999px; }


/* 0 - Bansen
=================================== */

#bansen #main-ttl { background-image:url(../img/bansen/bansen_ttl.jpg); }

#bansen #main-body { padding:0 20px 20px 20px; }

#bs-txt { padding:20px 0 10px 0; line-height:160%; }
#bs-txt p { padding-bottom:10px; }
.bs-prdt { font-weight:bold; color:#3d9100; }
.bs-prnm { font-weight:bold; }
.bs-prnm a { color:#e33d84; }


/* 0 - Info
=================================== */

#info #main-ttl { background-image:url(../img/info/info_ttl.jpg); }
#info #main-body { padding:20px; }

#info h2 { margin-bottom:15px; padding:10px; background:url(../img/bg_red.jpg); text-shadow:2px 2px 4px rgba(0,0,0,0.2); color:#fff; font-size:130%; line-height:130%; }
.info-date { display:inline-block; vertical-align:bottom; background-color:#fff; color:#e2007f; padding:0 0.4em; font-size:80%; text-shadow:none; }

.info-txt p { line-height:160%; margin-bottom:0.7em; }
.info-txt h3 { margin-bottom:0.8em; padding-bottom:0.6em; border-bottom:#e2007f 2px solid; font-size:110%; color:#e2007f; }
#info-p-line { width:100%; margin-bottom:20px; text-align:center; }
#info-p-line span { display:block; width:433px; height:940px; margin:auto; background:url(../img/info/info_line.png) no-repeat; text-indent:-9999px; box-shadow:1px 1px 4px rgba(0,0,0,0.2); }

#info-p-decome { width:100%; text-align:center; }
#info-p-decome li { display:inline-block; width:230px; margin-right:10px; }
#info-p-decome li:last-child { margin-right:0; }
#info-p-decome li span { display:block; width:230px; height:230px; background-position:0 0; background-repeat:no-repeat; box-shadow:1px 1px 4px rgba(0,0,0,0.2); }
#info-p-decome1 span { background-image:url(../img/info/info_decome1.jpg); }
#info-p-decome2 span { background-image:url(../img/info/info_decome2.jpg); }
#info-p-decome3 span { background-image:url(../img/info/info_decome3.jpg); }


/* 0 - Top
=================================== */

#top-header { overflow:hidden; box-shadow:0px 3px 3px rgba(0,0,0,0.1); background-image:url(../img/top/top_main_bg1.jpg), url(../img/top/top_main_bg2.png); background-repeat:no-repeat, repeat-x; background-position:center top, center top; }
#top-main { position:relative; width:980px; height:630px; margin:auto; }
#top-main-pic { position:absolute; top:-218px; display:none; background:url(../img/top/top_main.png) no-repeat; width:1160px; height:931px; margin:0 -90px 0 -90px; }
#top-main-logo, #top-main-oatime { display:none; position:absolute; background-position:center center; background-repeat:no-repeat; text-indent:-9999px; }
#top-main-logo { z-index:10; top:481px; left:9px; width:676px; height:139px; background-image:url(../img/top/top_main_logo.png); }
#top-main-oatime { z-index:11; top:348px; left:682px; width:343px; height:278px; }

#top-pagebody { background:url(../img/top/top_bg.png) center top repeat-x #e75c97; padding:20px 0; box-shadow:0px 3px 3px rgba(0,0,0,0.1) inset; }

/* top-news */

#top-news { width:950px; margin:0 auto 15px auto; }
#top-news li { padding-bottom:10px; }
#top-news li a { color:#e60012; }
#top-news li a:hover { text-decoration:none; }
#top-news li > a { display:block; padding:10px; background-color:#fff02d; font-size:120%; line-height:120%; color:#000; text-decoration:none; font-weight:bold; text-align:left; }
#top-news li > a:hover { -webkit-filter: brightness(1.1); -moz-filter: brightness(1.1); -o-filter: brightness(1.1); -ms-filter: brightness(1.1); filter: brightness(1.1); }

.top-news-date, .top-news-txt, .top-news-arrow { display:block;  }
.top-news-date { float:left; display:block; width:7.0em; box-sizing:border-box; margin-right:10px; padding:5px 0; font-size:90%; text-align:center; background-color:#000; color:#fff; }
.top-news-txt { float:left; display:block; padding:5px 0; }
.top-news-arrow { float:right; display:block; font-size:70%; padding:5px 10px 5px 0; }

#top-saihousou { display:block; margin-bottom:10px; padding:13px; background-color:#fff02d; font-size:120%; line-height:120%; color:#000; text-decoration:none; font-weight:bold; text-align:center; }
#top-saihousou span { font-size:80%; }

.top-news-toggle { display:block; margin-bottom:10px; padding-bottom:0!important; background-color:#fff02d; font-size:120%; line-height:120%; color:#000; text-decoration:none; }
.top-news-toggle-btn { display:block; padding:10px; background-color:#fff02d; cursor:pointer; font-weight:bold; }
.top-news-toggle-btn:hover { -webkit-filter: brightness(1.1); -moz-filter: brightness(1.1); -o-filter: brightness(1.1); -ms-filter: brightness(1.1); filter: brightness(1.1); }
.top-news-arrow-up, .top-news-toggle-box { display:none; }
.top-news-toggle-box { padding:7px 10px 10px 10px; font-size:90%; line-height:150%; color:#000; }
.top-news-toggle-box h2 { margin-bottom:7px; }
.top-news-toggle-box p { margin-bottom:10px; }

#top-timechange { display:block; margin-bottom:10px; padding:18px 13px!important; background-color:#fff02d; font-size:135%; line-height:140%; /*color:#e60012;*/ color:#000!important; text-decoration:none; font-weight:bold; text-align:center; }

#top-news-soundtrack-box { display:block; margin-bottom:1.0em; }
#top-news-soundtrack-p { float:left; margin:0.3em 15px 0 0; display:block; width:145px; height:145px; }
#top-news-soundtrack-p span { display:block; width:145px; height:145px; background:url(../img/top/top_news_soundtrack.jpg) 0 0 no-repeat; border:#666 1px solid; box-sizing:border-box; text-indent:-9999px; }

.top-news-subttl { padding-bottom:5px; margin-bottom:5px; border-bottom:#000 2px solid; color:#e2007f; }

#top-news-dvd-box { padding-bottom:0.5em; }
#top-news-dvd-p { float:left; margin:0.3em 15px 0 0; display:block; width:200px; height:164px; }
#top-news-dvd-p span { display:block; width:200px; height:164px; background:url(../img/top/top_dvd.png) 0 0 no-repeat; box-sizing:border-box; background-size:cover; text-indent:-9999px; }
#top-news-dvd-t { padding-top:1.5em; }

/* top-nav */

#top-nav { position:relative; width:950px; height:939px; margin:auto; }

#top-nav-bn li { position:absolute; }
#top-nav-bn li a { display:block; background-repeat:no-repeat; background-size:cover; outline:none; text-indent:-9999px; }
#top-nav-bn li a:hover { -webkit-filter: brightness(1.1); -moz-filter: brightness(1.1); -o-filter: brightness(1.1); -ms-filter: brightness(1.1); filter: brightness(1.1); }

#top-nav-story { top:0; left:0; }
#top-nav-intro { top:0; left:325px; }
#top-nav-original { top:0; left:650px; }
#top-nav-chart { top:138px; left:325px; }
#top-nav-cast { top:138px; left:650px; }
#top-nav-intv { top:275px; left:0; }
#top-nav-orejuku { top:275px; left:325px; }
#top-nav-gallery { top:275px; left:650px; }
#top-nav-present { top:413px; left:0; }
#top-nav-consult { top:413px; left:325px; }
#top-nav-bbs { top:413px; left:650px; }
/*#top-nav-tbsfree { top:551px; left:0; }
#top-nav-ondemand { top:551px; left:325px; }*/
#top-nav-report { top:551px; left:0; }
/*#top-nav-yt { top:689px; left:0; }*/
#top-nav-line { top:551px; left:325px; }
#top-nav-goods { top:551px; left:650px; }
#top-nav-story a { width:300px; height:250px; }
#top-nav-intro a,
#top-nav-original a,
#top-nav-comment a,
#top-nav-cast a,
#top-nav-chart a,
#top-nav-intv a,
#top-nav-orejuku a,
#top-nav-gallery a,
#top-nav-present a,
#top-nav-consult a,
#top-nav-bbs a,
#top-nav-tbsfree a,
#top-nav-ondemand a,
#top-nav-yt a,
#top-nav-line a,
#top-nav-goods a { width:300px; height:112px; }
#top-nav-report a { width:300px; height:112px; position:absolute; top:0; left:0; z-index:11; }
#top-report-box,
.top-bn-date-box { display:block; width:300px; height:112px; position:relative; }

#top-nav-tw { position:absolute; top:689px; left:0; }
#top-nav-tw h2 a { display:block; width:300px; height:48px;  background:url(../img/top/top_nav_tw.jpg) no-repeat; background-size:cover; outline:none; text-indent:-9999px; }
#top-nav-tw h2 a:hover { -webkit-filter: brightness(1.1); -moz-filter: brightness(1.1); -o-filter: brightness(1.1); -ms-filter: brightness(1.1); filter: brightness(1.1); }
#top-nav-tw-tl { width:300px; height:202px; background-color:#fff; }

#top-nav-is { position:absolute; top:689px; left:325px; }
#top-nav-is h2 a { display:block; width:300px; height:45px; background:url(../img/top/top_nav_is.jpg) no-repeat; background-size:cover; outline:none; text-indent:-9999px; }
#top-nav-is h2 a:hover { -webkit-filter: brightness(1.1); -moz-filter: brightness(1.1); -o-filter: brightness(1.1); -ms-filter: brightness(1.1); filter: brightness(1.1); }
#top-nav-is-tl { width:300px; height:205px; padding:10px 2px 2px 10px; box-sizing:border-box; background-color:#fff; }
#top-nav-is-tl li { float:left; margin:0 6px 6px 0; }
#top-nav-is-tl li span { display:block; width:90px; height:90px; background-repeat:no-repeat; background-position:center; background-size:cover; }
#top-rectangle { position:absolute; box-shadow:1px 1px 4px rgba(0,0,0,0.2); top:689px; left:650px; }

#top footer { text-align:center; color:#fff; padding:15px; }
#top #f-copy { display:inline-block; }

#top-nav-yt span { display:block; width:300px; height:112px; text-indent:-9999px; background-size:cover; }
#top-nav-tbsfree span { display:block; width:300px; height:112px; text-indent:-9999px; background-size:cover; }


/* 1 - Intro
=================================== */

#intro #main-ttl { background-image:url(../img/intro/intro_ttl.jpg); }

#intro-t { width:100%; margin:0 0 -70px 0; text-align:center; }
#intro-t span { display:block; width:100%; height:306px; margin:auto; background:url(../img/intro/intro_t.png) no-repeat; text-indent:-9999px; }

#intro-p { width:100%; margin-bottom:20px; text-align:center; }
#intro-p span { display:block; width:620px; height:413px; margin:auto; background:url(../img/intro/intro_p.jpg) no-repeat; text-indent:-9999px; border:#fff 7px solid; box-shadow:1px 1px 4px rgba(0,0,0,0.2); }

#intro-txt { padding:0 20px 20px 20px; }
#intro-txt p { line-height:160%; margin-bottom:0.7em; }
#intro-txt p:last-child { margin-bottom:0em; }
#intro-txt p storyong { color:#d70078; }

/* comment */

#comment #main-ttl { background-image:url(../img/comment/comment_ttl.jpg); }

#comment #main-body { padding-top:20px; }

#cmt-p { width:100%; margin-bottom:20px; text-align:center; }
#cmt-p span { display:block; width:620px; height:412px; margin:auto; background:url(../img/comment/comment_p.jpg) no-repeat; text-indent:-9999px; border:#fff 7px solid; box-shadow:1px 1px 4px rgba(0,0,0,0.2); }

.cmt-txt { padding:0 20px 20px 20px; }
.cmt-txt h2 { margin-bottom:10px; padding:10px; background:url(../img/bg_red.jpg); text-shadow:2px 2px 4px rgba(0,0,0,0.2); color:#fff; font-size:130%; }
.cmt-txt p { line-height:160%; }


/* 2 - Story
=================================== */

#story #main-ttl { background-image:url(../img/story/story_ttl.jpg); }

#story-nm { display:block; width:940px; height:117px; margin-bottom:-30px; background-repeat:no-repeat; text-indent:-9999px; }

.story-pic1 { width:100%; margin-bottom:20px; text-align:center; }
.story-pic1 span { display:block; width:620px; height:413px; margin:auto; background-repeat:no-repeat; text-indent:-9999px; border:#fff 7px solid; box-shadow:1px 1px 4px rgba(0,0,0,0.2); }

.story-pic2 { width:100%; margin:0 -20px 0.7em 0; text-align:center; }
.story-pic2 p { display:inline-block; width:300px; vertical-align:top; margin-right:20px; }
.story-pic2 p span { display:block; width:300px; height:200px; margin:auto; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; border:#fff 5px solid; box-shadow:1px 1px 4px rgba(0,0,0,0.2); }

#story-txt { padding:0 20px 20px 20px; }
#story-txt p { line-height:160%; margin-bottom:0.7em; }
#story-txt p:last-child { margin-bottom:0em; }
#story-txt p strong { color:#d70078; }

#story-txt a { color:#e2007f; }
#story-txt a:hover { text-decoration:none; }

.str-mov { width:100%; box-sizing:border-box; padding:0 20px 20px 20px; text-align:center; }
.str-mov h2 { margin-bottom:15px; padding:15px; background:url(../img/bg_red.jpg); text-shadow:2px 2px 4px rgba(0,0,0,0.2); color:#fff; font-size:130%; }
.str-mov-yt { width:560px; margin:auto; }

#story-bknm { width:100%; box-sizing:border-box; padding:0 20px 20px 20px; }
#story-bknm h2 { margin-bottom:15px; padding:15px; background:url(../img/bg_red.jpg); text-shadow:2px 2px 4px rgba(0,0,0,0.2); color:#fff; font-size:130%; text-align:center; }
#story-bknm ul { margin-right:-15px; }
#story-bknm ul li { display:inline-block; width:168px; margin:0 15px 15px 0; }
#story-bknm ul li a { display:block; width:168px; padding-top:174px; background-repeat:no-repeat; background-position:center top; background-size:contain; border-radius:84px; text-decoration:none; text-align:center; outline:none; filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
#story-bknm ul li a:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }
#story-bknm ul li a span { display:block; width:6.0em; height:16px; padding:4px; margin:auto; border-radius:12px; font-size:16px; line-height:16px; color:#fff; background-color:#e4007f; }

/* v1 */

.story-v1 #story-nm { background-image:url(../img/story/story_nm_v1.png); }
.story-v1 #story-p1 span { background-image:url(../img/story/story_p_v1_1.jpg); }
.story-v1 #story-p2 span { background-image:url(../img/story/story_p_v1_2.jpg); }
.story-v1 #story-p3 span { background-image:url(../img/story/story_p_v1_3.jpg); }
.story-v1 #story-p4 span { background-image:url(../img/story/story_p_v1_4.jpg); }
.story-v1 #story-p5 span { background-image:url(../img/story/story_p_v1_5.jpg); }

/* v2 */

.story-v2 #story-nm { background-image:url(../img/story/story_nm_v2.png); }
.story-v2 #story-p1 span { background-image:url(../img/story/story_p_v2_1.jpg); }
.story-v2 #story-p2 span { background-image:url(../img/story/story_p_v2_2.jpg); }
.story-v2 #story-p3 span { background-image:url(../img/story/story_p_v2_3.jpg); }
.story-v2 #story-p4 span { background-image:url(../img/story/story_p_v2_4.jpg); }
.story-v2 #story-p5 span { background-image:url(../img/story/story_p_v2_5.jpg); }

/* v3 */

.story-v3 #story-nm { background-image:url(../img/story/story_nm_v3.png); }
.story-v3 #story-p1 span { background-image:url(../img/story/story_p_v3_1.jpg); }
.story-v3 #story-p2 span { background-image:url(../img/story/story_p_v3_2.jpg); }
.story-v3 #story-p3 span { background-image:url(../img/story/story_p_v3_3.jpg); }
.story-v3 #story-p4 span { background-image:url(../img/story/story_p_v3_4.jpg); }
.story-v3 #story-p5 span { background-image:url(../img/story/story_p_v3_5.jpg); }

/* v4 */

.story-v4 #story-nm { background-image:url(../img/story/story_nm_v4.png); }
.story-v4 #story-p1 span { background-image:url(../img/story/story_p_v4_1.jpg); }
.story-v4 #story-p2 span { background-image:url(../img/story/story_p_v4_2.jpg); }
.story-v4 #story-p3 span { background-image:url(../img/story/story_p_v4_3.jpg); }
.story-v4 #story-p4 span { background-image:url(../img/story/story_p_v4_4.jpg); }
.story-v4 #story-p5 span { background-image:url(../img/story/story_p_v4_5.jpg); }

/* v5 */

.story-v5 #story-nm { background-image:url(../img/story/story_nm_v5.png); }
.story-v5 #story-p1 span { background-image:url(../img/story/story_p_v5_1.jpg); }
.story-v5 #story-p2 span { background-image:url(../img/story/story_p_v5_2.jpg); }
.story-v5 #story-p3 span { background-image:url(../img/story/story_p_v5_3.jpg); }
.story-v5 #story-p4 span { background-image:url(../img/story/story_p_v5_4.jpg); }
.story-v5 #story-p5 span { background-image:url(../img/story/story_p_v5_5.jpg); }

/* v6 */

.story-v6 #story-nm { background-image:url(../img/story/story_nm_v6.png); }
.story-v6 #story-p1 span { background-image:url(../img/story/story_p_v6_1.jpg); }
.story-v6 #story-p2 span { background-image:url(../img/story/story_p_v6_2.jpg); }
.story-v6 #story-p3 span { background-image:url(../img/story/story_p_v6_3.jpg); }
.story-v6 #story-p4 span { background-image:url(../img/story/story_p_v6_4.jpg); }
.story-v6 #story-p5 span { background-image:url(../img/story/story_p_v6_5.jpg); }

/* v7 */

.story-v7 #story-nm { background-image:url(../img/story/story_nm_v7.png); }
.story-v7 #story-p1 span { background-image:url(../img/story/story_p_v7_1.jpg); }
.story-v7 #story-p2 span { background-image:url(../img/story/story_p_v7_2.jpg); }
.story-v7 #story-p3 span { background-image:url(../img/story/story_p_v7_3.jpg); }
.story-v7 #story-p4 span { background-image:url(../img/story/story_p_v7_4.jpg); }
.story-v7 #story-p5 span { background-image:url(../img/story/story_p_v7_5.jpg); }

/* v8 */

.story-v8 #story-nm { background-image:url(../img/story/story_nm_v8.png); }
.story-v8 #story-p1 span { background-image:url(../img/story/story_p_v8_1.jpg); }
.story-v8 #story-p2 span { background-image:url(../img/story/story_p_v8_2.jpg); }
.story-v8 #story-p3 span { background-image:url(../img/story/story_p_v8_3.jpg); }
.story-v8 #story-p4 span { background-image:url(../img/story/story_p_v8_4.jpg); }
.story-v8 #story-p5 span { background-image:url(../img/story/story_p_v8_5.jpg); }

/* v9 */

.story-v9 #story-nm { background-image:url(../img/story/story_nm_v9.png); }
.story-v9 #story-p1 span { background-image:url(../img/story/story_p_v9_1.jpg); }
.story-v9 #story-p2 span { background-image:url(../img/story/story_p_v9_2.jpg); }
.story-v9 #story-p3 span { background-image:url(../img/story/story_p_v9_3.jpg); }
.story-v9 #story-p4 span { background-image:url(../img/story/story_p_v9_4.jpg); }
.story-v9 #story-p5 span { background-image:url(../img/story/story_p_v9_5.jpg); }

/* v10 */

.story-v10 #story-nm { background-image:url(../img/story/story_nm_v10.png); }
.story-v10 #story-p1 span { background-image:url(../img/story/story_p_v10_1.jpg); }
.story-v10 #story-p2 span { background-image:url(../img/story/story_p_v10_2.jpg); }
.story-v10 #story-p3 span { background-image:url(../img/story/story_p_v10_3.jpg); }

/* bknm */

#story-bknm1 a { background:url(../img/story/story_bknm1.png); }
#story-bknm2 a { background:url(../img/story/story_bknm2.png); }
#story-bknm3 a { background:url(../img/story/story_bknm3.png); }
#story-bknm4 a { background:url(../img/story/story_bknm4.png); }
#story-bknm5 a { background:url(../img/story/story_bknm5.png); }
#story-bknm6 a { background:url(../img/story/story_bknm6.png); }
#story-bknm7 a { background:url(../img/story/story_bknm7.png); }
#story-bknm8 a { background:url(../img/story/story_bknm8.png); }
#story-bknm9 a { background:url(../img/story/story_bknm9.png); }
#story-bknm10 a { background:url(../img/story/story_bknm10.png); }


/* 3 - Original
=================================== */

#original #main-ttl { background-image:url(../img/original/original_ttl.jpg); }

#original #main-body { padding-top:30px; }
#org-t { width:880px; margin:0 0 25px 30px; background:url(../img/original/original_t_bg.jpg); }
#org-t-h { width:566px; height:238px; margin-bottom:20px; background:url(../img/original/original_t1.png); text-indent:-9999px; }
#org-t-h br { display:none; }
#org-t-p { float:right; width:254px; margin:20px 20px 0 0; }
#org-t-p span { display:block; width:254px; height:372px; background:url(../img/original/original_t2.jpg); text-indent:-9999px; }
#org-t-t { padding-left:20px; width:570px; padding-bottom:1.0em; }
#org-t-t p { line-height:140%; color:#fff; padding-bottom:0.7em; }

#org-author { padding:0 30px 30px 30px; }
#org-author h2 { margin-bottom:15px; padding:15px; background:url(../img/bg_red.jpg); text-shadow:2px 2px 4px rgba(0,0,0,0.2); color:#fff; font-size:130%; }
#org-author-t { float:right; width:686px; position:relative; background:#fbe6ef; padding:20px; border-radius:20px; line-height:140%; }
#org-author-t:after { right:100%; top:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-color:rgba(251, 230, 239, 0); border-right-color:#fbe6ef; border-width:10px; margin-top:-3.8em; }
#org-author-p { float:left; width:129px; height:99px; margin-right:25px; background:url(../img/original/original_author.png) 0 0 no-repeat; text-indent:-9999px; }


/* 4 - Chart
=================================== */

#chart #main-ttl { background-image:url(../img/chart/chart_ttl.jpg); }

#chart #main-body { padding:10px; }

.diagram { position:relative; width:920px; height:1088px; background:url(../img/chart/chart_diagram.jpg) left top no-repeat; }
.diagram ul { list-style-type:none; }
.diagram ul li { position:absolute; }
.diagram ul li a { display:block; }
.diagram ul li a:hover { display:block; background-color:rgba(255,255,255,0.3); }
.diagram ul li#shinichi { top:307px; left:342px; }
.diagram ul li#shinichi a { width:240px; height:281px; }
.diagram ul li#kanako { top:307px; left:18px; }
.diagram ul li#kanako a { width:240px; height:276px; }
.diagram ul li#kaori { top:581px; left:176px; }
.diagram ul li#kaori a { width:241px; height:249px; }
.diagram ul li#kazuo { top:29px; left:98px; }
.diagram ul li#kazuo a { width:240px; height:274px; }
.diagram ul li#naoyasu { top:307px; left:691px; }
.diagram ul li#naoyasu a { width:202px; height:263px; }
.diagram ul li#maria { top:582px; left:731px; }
.diagram ul li#maria a { width:162px; height:190px; }
.diagram ul li#narasaki { top:29px; left:466px; }
.diagram ul li#narasaki a { width:202px; height:241px; }
.diagram ul li#hasegawa { top:72px; left:712px; }
.diagram ul li#hasegawa a { width:161px; height:193px; }
.diagram ul li#koyama { top:582px; left:495px; }
.diagram ul li#koyama a { width:161px; height:199px; }
.diagram ul li#matsuo { top:849px; left:110px; }
.diagram ul li#matsuo a { width:161px; height:196px; }
.diagram ul li#takei { top:849px; left:290px; }
.diagram ul li#takei a { width:161px; height:196px; }
.diagram ul li#umemoto { top:849px; left:470px; }
.diagram ul li#umemoto a { width:161px; height:196px; }
.diagram ul li#sugiyama { top:849px; left:650px; }
.diagram ul li#sugiyama a { width:161px; height:196px; }

.cht-box { position:absolute; left:50%; z-index:10000!important; width:800px; height:430px; box-sizing:border-box; margin-left:-400px; padding:10px; background:url(../img/main_bg.jpg); }

.cht-btn-close { position:absolute; right:0; top:-40px; width:40px; height:40px; }
.cht-btn-close a { display:block; width:40px; height:40px; background:url(../img/chart/chart_btn_close.png); }

.cht-box-inner { padding:15px; background:url(../img/main_body_bg.png); }
.cht-box-pic { float:left; width:310px; height:370px; margin-right:10px; border:5px #fff solid; box-shadow:1px 1px 2px rgba(0,0,0,0.2); background-position:0 0; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }
.cht-box-r { width:100%; padding-left:340px; box-sizing:border-box; }
.cht-box-name { width:410px; height:60px; margin-bottom:20px; background-position:0 0; background-repeat:no-repeat; text-indent:-9999px; }
.cht-box-txt { width:410px; height:300px; overflow:auto; line-height:160%; }
#cht-shinichi .cht-box-pic { background-image:url(../img/chart/chart_p_pic_shinichi.jpg); }
#cht-shinichi .cht-box-name { background-image:url(../img/chart/chart_p_name_shinichi.jpg); }
#cht-kanako .cht-box-pic { background-image:url(../img/chart/chart_p_pic_kanako.jpg); }
#cht-kanako .cht-box-name { background-image:url(../img/chart/chart_p_name_kanako.jpg); }
#cht-kaori .cht-box-pic { background-image:url(../img/chart/chart_p_pic_kaori.jpg); }
#cht-kaori .cht-box-name { background-image:url(../img/chart/chart_p_name_kaori.jpg); }
#cht-kazuo .cht-box-pic { background-image:url(../img/chart/chart_p_pic_kazuo.jpg); }
#cht-kazuo .cht-box-name { background-image:url(../img/chart/chart_p_name_kazuo.jpg); }
#cht-naoyasu .cht-box-pic { background-image:url(../img/chart/chart_p_pic_naoyasu.jpg); }
#cht-naoyasu .cht-box-name { background-image:url(../img/chart/chart_p_name_naoyasu.jpg); }
#cht-maria .cht-box-pic { background-image:url(../img/chart/chart_p_pic_maria.jpg); }
#cht-maria .cht-box-name { background-image:url(../img/chart/chart_p_name_maria.jpg); }
#cht-narasaki .cht-box-pic { background-image:url(../img/chart/chart_p_pic_narasaki.jpg); }
#cht-narasaki .cht-box-name { background-image:url(../img/chart/chart_p_name_narasaki.jpg); }
#cht-hasegawa .cht-box-pic { background-image:url(../img/chart/chart_p_pic_hasegawa.jpg); }
#cht-hasegawa .cht-box-name { background-image:url(../img/chart/chart_p_name_hasegawa.jpg); }
#cht-koyama .cht-box-pic { background-image:url(../img/chart/chart_p_pic_koyama.jpg); }
#cht-koyama .cht-box-name { background-image:url(../img/chart/chart_p_name_koyama.jpg); }
#cht-matsuo .cht-box-pic { background-image:url(../img/chart/chart_p_pic_matsuo.jpg); }
#cht-matsuo .cht-box-name { background-image:url(../img/chart/chart_p_name_matsuo.jpg); }
#cht-takei .cht-box-pic { background-image:url(../img/chart/chart_p_pic_takei.jpg); }
#cht-takei .cht-box-name { background-image:url(../img/chart/chart_p_name_takei.jpg); }
#cht-umemoto .cht-box-pic { background-image:url(../img/chart/chart_p_pic_umemoto.jpg); }
#cht-umemoto .cht-box-name { background-image:url(../img/chart/chart_p_name_umemoto.jpg); }
#cht-sugiyama .cht-box-pic { background-image:url(../img/chart/chart_p_pic_sugiyama.jpg); }
#cht-sugiyama .cht-box-name { background-image:url(../img/chart/chart_p_name_sugiyama.jpg); }


/* 5 - Cast & Staff
=================================== */

#cast #main-ttl { background-image:url(../img/cast/cast_ttl.jpg); }

#cast #main-body { padding-top:20px; }

.cst-box { padding:0 20px 20px 20px; }
.cst-box h2 { margin-bottom:10px; padding:10px; background:url(../img/bg_red.jpg); text-shadow:2px 2px 4px rgba(0,0,0,0.2); color:#fff; font-size:130%; }

.cst-tbl { width:100%; text-align:center; }
.cst-tbl table { margin:auto; }
.cst-tbl table th, .cst-tbl table td { vertical-align:top; padding:0.3em 0; font-size:110%; line-height:140%; }
.cst-tbl table th { color:#3e9200; text-align:right; }
.cst-tbl table td.tbl-dtln { padding:0.3em 0.3em; }
.cst-tbl table td.tbl-nm { text-align:left; }

#cst-cst { position:relative; }
#cst-p1 { position:absolute; top:5.0em; left:2.0em; }
#cst-p2 { position:absolute; top:10.0em; right:2.0em; }
#cst-p1 span, #cst-p2 span { display:block; width:240px; height:160px; background-repeat:no-repeat; text-indent:-9999px; border:#fff 5px solid; box-shadow:1px 1px 4px rgba(0,0,0,0.2); }
#cst-p1 span { background-image:url(../img/cast/cast_p1.jpg); transform: rotate(-7deg); }
#cst-p2 span { background-image:url(../img/cast/cast_p2.jpg); transform: rotate(7deg); }

#cst-theme span { display:block; width:200px; height:200px; margin-top:7px; background:url(../img/cast/cast-theme.jpg) 0 0 no-repeat; text-indent:-9999px; }


/* 6 - Intv
=================================== */

#intv #main-ttl { background-image:url(../img/intv/intv_ttl.jpg); }

#intv #main-body { padding:20px 20px 0 20px; }

#intv-p-b { float:right; margin:0 -4px 20px 20px; }
#intv-p-b span { display:block; width:310px; height:370px; background-repeat:no-repeat; text-indent:-9999px; border:#fff 7px solid; box-shadow:1px 1px 4px rgba(0,0,0,0.2); }

#intv-nm { width:560px; height:70px; background-repeat:no-repeat; margin-bottom:20px; text-indent:-9999px; }

.intv-txt { padding-bottom:10px; }
.intv-txt p { line-height:160%; padding-bottom:10px; }
.intv-txt p.intv-q { font-size:120%; color:#e33d84; font-weight:bold; padding-bottom:5px; }
.intv-txt p.intv-q:before { content:" "; display:inline-block; width:1.4em; height:1.4em; margin-right:0.2em; position:relative; top:0.3em; background:url(../img/dot_sakura.png) center center no-repeat; background-size:cover; }

.intv-p-l { float:left; padding:5px 10px 0 0; }
.intv-p-r { float:right; padding:5px 0 0 10px; }
.intv-p-l span, .intv-p-r span { display:block; width:210px; height:140px; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; border:#fff 5px solid; box-shadow:1px 1px 4px rgba(0,0,0,0.2); }

#intv-bknm { width:100%; box-sizing:border-box; padding:0 0 20px 0; }
#intv-bknm h2 { margin-bottom:15px; padding:15px; background:url(../img/bg_red.jpg); text-shadow:2px 2px 4px rgba(0,0,0,0.2); color:#fff; font-size:130%; text-align:center; }
#intv-bknm ul { margin-right:-15px; }
#intv-bknm ul li { display:inline-block; width:168px; margin:0 15px 15px 0; }
#intv-bknm ul li a { display:block; width:168px; padding-top:174px; background-repeat:no-repeat; background-position:center top; background-size:contain; border-radius:84px; text-decoration:none; text-align:center; outline:none; filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
#intv-bknm ul li a:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }
#intv-bknm ul li a span { display:block; width:8.0em; height:16px; padding:4px; margin:auto; border-radius:12px; font-size:16px; line-height:16px; color:#fff; background-color:#e4007f; }

#intv-bknm1 a { background:url(../img/intv/intv_bknm1.png); }
#intv-bknm2 a { background:url(../img/intv/intv_bknm2.png); }
#intv-bknm3 a { background:url(../img/intv/intv_bknm3.png); }
#intv-bknm4 a { background:url(../img/intv/intv_bknm4.png); }
#intv-bknm5 a { background:url(../img/intv/intv_bknm5.png); }

/* v1 */

.intv-v1 #intv-p-b span { background-image:url(../img/chart/chart_p_pic_shinichi.jpg); }
.intv-v1 #intv-nm { background-image:url(../img/intv/intv_v1_ttl.jpg); }

.intv-v1 #intv-p1 span { background-image:url(../img/intv/intv_v1_p1.jpg); }
.intv-v1 #intv-p2 span { background-image:url(../img/intv/intv_v1_p2.jpg); }
.intv-v1 #intv-p3 span { background-image:url(../img/intv/intv_v1_p3.jpg); }
.intv-v1 #intv-p4 span { background-image:url(../img/intv/intv_v1_p4.jpg); }
.intv-v1 #intv-p5 span { background-image:url(../img/intv/intv_v1_p5.jpg); }

/* v2 */

.intv-v2 #intv-p-b span { background-image:url(../img/intv/intv_author.jpg); }
.intv-v2 #intv-nm { background-image:url(../img/intv/intv_v2_ttl.jpg); }

.intv-v2 #intv-p1 span { background-image:url(../img/intv/intv_v2_p1.jpg); }
.intv-v2 #intv-p2 span { background-image:url(../img/intv/intv_v2_p2.jpg); }
.intv-v2 #intv-p3 span { background-image:url(../img/intv/intv_v2_p3.jpg); }

/* v3 */

.intv-v3 #intv-p-b span { background-image:url(../img/chart/chart_p_pic_kaori.jpg); }
.intv-v3 #intv-nm { background-image:url(../img/intv/intv_v3_ttl.jpg); }

.intv-v3 #intv-p1 span { background-image:url(../img/intv/intv_v3_p1.jpg); }
.intv-v3 #intv-p2 span { background-image:url(../img/intv/intv_v3_p2.jpg); }
.intv-v3 #intv-p3 span { background-image:url(../img/intv/intv_v3_p3.jpg); }
.intv-v3 #intv-p4 span { background-image:url(../img/intv/intv_v3_p4.jpg); }

/* v4 */

.intv-v4 #intv-p-b span { background-image:url(../img/chart/chart_p_pic_kanako.jpg); }
.intv-v4 #intv-nm { background-image:url(../img/intv/intv_v4_ttl.jpg); }

.intv-v4 #intv-p1 span { background-image:url(../img/intv/intv_v4_p1.jpg); }
.intv-v4 #intv-p2 span { background-image:url(../img/intv/intv_v4_p2.jpg); }
.intv-v4 #intv-p3 span { background-image:url(../img/intv/intv_v4_p3.jpg); }
.intv-v4 #intv-p4 span { background-image:url(../img/intv/intv_v4_p4.jpg); }
.intv-v4 #intv-p5 span { background-image:url(../img/intv/intv_v4_p5.jpg); }

/* v5 */

.intv-v5 #intv-p-b span { background-image:url(../img/intv/intv_kazama.jpg); }
.intv-v5 #intv-nm { background-image:url(../img/intv/intv_v5_ttl.jpg); }

.intv-v5 #intv-p1 span { background-image:url(../img/intv/intv_v5_p1.jpg); }
.intv-v5 #intv-p2 span { background-image:url(../img/intv/intv_v5_p2.jpg); }
.intv-v5 #intv-p3 span { background-image:url(../img/intv/intv_v5_p3.jpg); }


/* 7 - Orejuku
=================================== */

#ore-ttl h1 { display:block; width:960px; height:300px; background:url(../img/orejuku/orejuku_ttl.jpg) 0 0 no-repeat; text-indent:-9999px; }
#ore-ttl p { display:none; }

#orejuku main { padding:0; }
#orejuku #main-body { padding:0 20px 20px 20px; margin-bottom:10px; }

#ore-nm { display:block; width:940px; height:105px; margin:0 -20px -5px -20px; background-repeat:no-repeat; text-indent:-9999px; }

.ore-txt1 { line-height:160%; margin-bottom:20px; }
.ore-box1 { border:#50ba03 5px solid; margin-bottom:15px; padding:8px 15px; font-size:130%; line-height:150%; color:#0090e2; font-weight:bold; }
.ore-t1 { margin-bottom:15px; font-size:160%; line-height:140%; color:#d9007a; font-weight:bold; text-align:center; }
.ore-t1-2 { margin-bottom:15px; font-size:160%; line-height:140%; color:#d9007a; font-weight:bold; }
.ore-t1-3 { margin-top:10px; margin-bottom:15px; font-size:160%; line-height:140%; color:#d9007a; font-weight:bold; text-align:center; }
.ore-t2 { color:#0090e2; font-weight:bold; }
.ore-t3 { font-size:130%; line-height:140%; color:#0090e2; font-weight:bold; }
.ore-t4 { color:#d9007a; font-weight:bold; }
.ore-t5 { font-size:120%; color:#d9007a; font-weight:bold; }

.ore-adv { margin-bottom:20px; padding:15px; border:#ffbfdb 5px solid; border-radius:20px; line-height:160%; }
.ore-adv h2 { width:100%; margin-bottom:10px; text-align:center; }
.ore-adv h2 span { display:block; width:441px; height:67px; margin:auto; background:url(../img/orejuku/orejuku_adv_ttl.png) center center no-repeat; background-size:cover; text-indent:-9999px; }

.ore-p-l { float:left; padding:5px 15px 0 0; }
.ore-p-r { float:right; padding:5px 0 0 15px; }
.ore-p-c { width:100%; text-align:center; }
.ore-p-l span, .ore-p-r span, .ore-p-c span { display:block; margin:auto; box-sizing:border-box; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; border:#fff 5px solid; box-shadow:1px 1px 4px rgba(0,0,0,0.2); }

#ore-bottom { position:relative; height:0; padding-top:22.18%; }
#ore-bottom span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background-image:url(../img/orejuku/orejuku_bottom.jpg); background-size:cover; }
#ore-bottom hr { display:none; }

/* vol */

.ore-v1 #ore-nm { background-image:url(../img/consult/consult_nm_v1.png); }
.ore-v2 #ore-nm { background-image:url(../img/consult/consult_nm_v2.png); }
.ore-v3 #ore-nm { background-image:url(../img/consult/consult_nm_v3.png); }
.ore-v4 #ore-nm { background-image:url(../img/consult/consult_nm_v4.png); }
.ore-v5 #ore-nm { background-image:url(../img/consult/consult_nm_v5.png); }
.ore-v6 #ore-nm { background-image:url(../img/consult/consult_nm_v6.png); }
.ore-v7 #ore-nm { background-image:url(../img/consult/consult_nm_v7.png); }
.ore-v8 #ore-nm { background-image:url(../img/consult/consult_nm_v8.png); }
.ore-v9 #ore-nm { background-image:url(../img/consult/consult_nm_v9.png); }
.ore-v10 #ore-nm { background-image:url(../img/consult/consult_nm_v10.png); }

/* v1 */

#ore-v1-p1 span { width:300px; height:200px; background-image:url(../img/orejuku/orejuku_p1.jpg); }
#ore-v1-p2 span { width:300px; height:200px; background-image:url(../img/orejuku/orejuku_p2.jpg); }

/* v2 */

#ore-v2-p1 span { width:300px; height:200px; background-image:url(../img/orejuku/orejuku_v2_p1.jpg); }

.ore-v2-p-box { float:right; margin:5px -5px 10px 10px; }
.ore-v2-p-box p { display:inline-block; width:180px; vertical-align:top; margin-right:15px; }
.ore-v2-p-box p span { display:block; width:180px; height:120px; margin:auto; box-sizing:border-box; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; border:#fff 5px solid; box-shadow:1px 1px 4px rgba(0,0,0,0.2); }

#ore-v2-p2 span { width:180px; height:120px; background-image:url(../img/orejuku/orejuku_v2_p2.jpg); }
#ore-v2-p3 span { width:180px; height:120px; background-image:url(../img/orejuku/orejuku_v2_p3.jpg); }

/* v3 */

#ore-v3-p1 span { width:300px; height:200px; background-image:url(../img/orejuku/orejuku_v3_p1.jpg); }

.ore-v3-p-box { width:100%; margin:13px 0; text-align:center; }
.ore-v3-p-box p { display:inline-block; width:240px; vertical-align:top; margin-right:25px; }
.ore-v3-p-box p span { display:block; width:240px; height:160px; margin:auto; box-sizing:border-box; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; border:#fff 5px solid; box-shadow:1px 1px 4px rgba(0,0,0,0.2); }

#ore-v3-p2 span { background-image:url(../img/orejuku/orejuku_v3_p2.jpg); }
#ore-v3-p3 span { background-image:url(../img/orejuku/orejuku_v3_p3.jpg); }

#ore-v3-p4 span { width:240px; height:160px; background-image:url(../img/orejuku/orejuku_v3_p4.jpg); }

/* v4 */

.ore-v4-p-box { width:100%; margin:13px 0; text-align:center; }
.ore-v4-p-box p { display:inline-block; width:300px; vertical-align:top; margin-right:25px; }
.ore-v4-p-box p span { display:block; width:300px; height:200px; margin:auto; box-sizing:border-box; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; border:#fff 5px solid; box-shadow:1px 1px 4px rgba(0,0,0,0.2); }

#ore-v4-p1 span { background-image:url(../img/orejuku/orejuku_v4_p1.jpg); }
#ore-v4-p2 span { background-image:url(../img/orejuku/orejuku_v4_p2.jpg); }
#ore-v4-p3 span { width:300px; height:200px; background-image:url(../img/orejuku/orejuku_v4_p3.jpg); }

/* v5 */

#ore-v5-p1 span { width:300px; height:200px; background-image:url(../img/orejuku/orejuku_v5_p1.jpg); }
#ore-v5-p2 span { width:300px; height:200px; background-image:url(../img/orejuku/orejuku_v5_p2.jpg); }

/* v6 */

#ore-v6-p1 span { width:300px; height:200px; background-image:url(../img/orejuku/orejuku_v6_p1.jpg); }

.ore-v6-p-box { width:100%; margin:13px 0; text-align:center; }
.ore-v6-p-box p { display:inline-block; width:240px; vertical-align:top; margin-right:25px; }
.ore-v6-p-box p span { display:block; width:240px; height:160px; margin:auto; box-sizing:border-box; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; border:#fff 5px solid; box-shadow:1px 1px 4px rgba(0,0,0,0.2); }

#ore-v6-p2 span { background-image:url(../img/orejuku/orejuku_v6_p2.jpg); }
#ore-v6-p3 span { background-image:url(../img/orejuku/orejuku_v6_p3.jpg); }

/* v7 */

#ore-v7-p1 span { width:300px; height:200px; background-image:url(../img/orejuku/orejuku_v7_p1.jpg); }

.ore-v7-p-box { width:100%; margin:13px 0; text-align:center; }
.ore-v7-p-box p { display:inline-block; width:240px; vertical-align:top; margin-right:15px; }
.ore-v7-p-box p span { display:block; width:240px; height:160px; margin:auto; box-sizing:border-box; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; border:#fff 5px solid; box-shadow:1px 1px 4px rgba(0,0,0,0.2); }

#ore-v7-p2 span { background-image:url(../img/orejuku/orejuku_v7_p2.jpg); }
#ore-v7-p3 span { background-image:url(../img/orejuku/orejuku_v7_p3.jpg); }
#ore-v7-p4 span { background-image:url(../img/orejuku/orejuku_v7_p4.jpg); }

/* v8 */

#ore-v8-p1 span { width:300px; height:200px; background-image:url(../img/orejuku/orejuku_v8_p1.jpg); }

.ore-v8-p-box { width:100%; margin:13px 0; text-align:center; }
.ore-v8-p-box p { display:inline-block; width:240px; vertical-align:top; margin-right:15px; }
.ore-v8-p-box p span { display:block; width:240px; height:160px; margin:auto; box-sizing:border-box; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; border:#fff 5px solid; box-shadow:1px 1px 4px rgba(0,0,0,0.2); }

#ore-v8-p2 span { background-image:url(../img/orejuku/orejuku_v8_p2.jpg); }
#ore-v8-p3 span { background-image:url(../img/orejuku/orejuku_v8_p3.jpg); }
#ore-v8-p4 span { background-image:url(../img/orejuku/orejuku_v8_p4.jpg); }
#ore-v8-p5 span { background-image:url(../img/orejuku/orejuku_v8_p5.jpg); }

/* v9 */

#ore-v9-p1 span { width:300px; height:200px; background-image:url(../img/orejuku/orejuku_v9_p1.jpg); }

.ore-v9-p-box { width:100%; margin:13px 0; text-align:center; }
.ore-v9-p-box p { display:inline-block; width:240px; vertical-align:top; margin-right:15px; }
.ore-v9-p-box p span { display:block; width:240px; height:160px; margin:auto; box-sizing:border-box; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; border:#fff 5px solid; box-shadow:1px 1px 4px rgba(0,0,0,0.2); }

#ore-v9-p2 span { background-image:url(../img/orejuku/orejuku_v9_p2.jpg); }
#ore-v9-p3 span { background-image:url(../img/orejuku/orejuku_v9_p3.jpg); }
#ore-v9-p4 span { background-image:url(../img/orejuku/orejuku_v9_p4.jpg); }
#ore-v9-p5 span { background-image:url(../img/orejuku/orejuku_v9_p5.jpg); }

/* v10 */

#ore-v10-p1 span { width:300px; height:200px; background-image:url(../img/orejuku/orejuku_v10_p1.jpg); }
#ore-v10-p4 span { width:240px; height:160px; background-image:url(../img/orejuku/orejuku_v10_p4.jpg); }

.ore-v10-p-box { width:100%; margin:13px 0; text-align:center; }
.ore-v10-p-box p { display:inline-block; width:240px; vertical-align:top; margin-right:15px; }
.ore-v10-p-box p span { display:block; width:240px; height:160px; margin:auto; box-sizing:border-box; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; border:#fff 5px solid; box-shadow:1px 1px 4px rgba(0,0,0,0.2); }

#ore-v10-p2 span { background-image:url(../img/orejuku/orejuku_v10_p2.jpg); }
#ore-v10-p3 span { background-image:url(../img/orejuku/orejuku_v10_p3.jpg); }


/* 8 - Gallery
=================================== */

#gallery #main-ttl { background-image:url(../img/gallery/gallery_ttl.jpg); }

#gr-nm { display:block; width:940px; height:117px; margin-bottom:-30px; background-repeat:no-repeat; text-indent:-9999px; }

#gr-main { width:100%; margin-bottom:20px; text-align:center; }
#gr-main li span.gr-pic { display:block; width:720px; height:480px; margin:auto; box-shadow:1px 1px 4px rgba(0,0,0,0.2); }
#gr-main li span.gr-pic span { display:block; width:720px; height:480px; }
.bx-controls-direction { padding:15px 20px 0 20px; }
.bx-prev, .bx-next { display:block; width:50px; height:50px; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; outline:none; filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
.bx-prev:hover, .bx-next:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }
.bx-prev { float:left; background-image:url(../img/gr_btn_l.png); }
.bx-next { float:right; background-image:url(../img/gr_btn_r.png); }

#bx-pager { padding:20px 10px 10px 20px; clear:both; }
#bx-pager li { display:inline-block; margin:0 10px 10px 0; }
#bx-pager li span { display:block; width:172px; height:115px; }

#gallery #bknm { padding:0 20px 20px 20px; }

/* vol */

.gr-v1 #gr-nm { background-image:url(../img/story/story_nm_v1.png); }
.gr-v2 #gr-nm { background-image:url(../img/story/story_nm_v2.png); }
.gr-v3 #gr-nm { background-image:url(../img/story/story_nm_v3.png); }
.gr-v4 #gr-nm { background-image:url(../img/story/story_nm_v4.png); }
.gr-v5 #gr-nm { background-image:url(../img/story/story_nm_v5.png); }
.gr-v6 #gr-nm { background-image:url(../img/story/story_nm_v6.png); }
.gr-v7 #gr-nm { background-image:url(../img/story/story_nm_v7.png); }
.gr-v8 #gr-nm { background-image:url(../img/story/story_nm_v8.png); }
.gr-v9 #gr-nm { background-image:url(../img/story/story_nm_v9.png); }
.gr-v10 #gr-nm { background-image:url(../img/story/story_nm_v10.png); }


/* 9 - Present
=================================== */

#present #main-ttl { background-image:url(../img/present/present_ttl.jpg); }

#present #main-body { padding:20px; }

#prs-txt { margin-bottom:20px; line-height:160%; }

.prs-t1 { color:#eb6c1c; font-weight:bold; font-size:120%; }
.prs-t2 { color:#4db403; font-weight:bold; font-size:120%; }
.prs-t3 { color:#e4007f; font-weight:bold; font-size:120%; }

#prs-p { width:100%; margin-bottom:20px; text-align:center; }
#prs-p span { display:block; width:600px; height:632px; margin:auto; background:url(../img/present/prs_p.png) no-repeat; text-indent:-9999px; }

#prs-quiz { border:#a7dc81 5px solid; margin-bottom:20px; padding:15px 15px 0 15px; border-radius:20px; text-align:center; }
#prs-quiz h2 { background-color:#4db403; color:#fff; width:7.0em; padding:10px; margin:0 auto 10px auto; border-radius:10px; font-size:130%; }
#prs-quiz p { padding-bottom:10px; font-size:120%; line-height:160%; }

#prs-btn { width:100%; text-align:center; margin-bottom:10px; }
#prs-btn a { display:block; width:14.0em; margin:auto; background-color:#e33d84; border-radius:1.6em; padding:0.5em; line-height:100%; color:#fff; font-weight:bold; text-decoration:none; outline:none; filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
#prs-btn a:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }
#prs-btn a:before { content:"▶ "; font-size:60%; position:relative; top:-0.2em; }


/* 10 - Consult
=================================== */

#cns-main { position:relative; width:960px; height:490px; background:url(../img/consult/consult_pic.jpg) 0 0 no-repeat; }
#cns-main-h, #cns-main-t { display:none; }
#cns-btn { position:absolute; top:365px; width:100%; text-align:center; }
#cns-btn a { display:block; width:424px; height:84px; margin:auto; background:url(../img/consult/consult_btn.png) center center no-repeat; outline:none; text-indent:-9999px; filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
#cns-btn a:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }
#cns-end { display:none; }
#cns-end-t { display:none; }

#consult #main-body { padding:0 20px 20px 20px; }

#cns-nm { display:block; width:940px; height:105px; margin:0 -20px -5px -20px; background-repeat:no-repeat; text-indent:-9999px; }

.cns-txt1, .cns-txt2 { padding-bottom:0.8em; line-height:140%; color:#e2007f; font-weight:bold; text-align:center; }
.cns-txt1 { font-size:130%; }
.cns-txt2 { font-size:150%; }

.cns-qa { padding:0 0 30px 0; }
.cns-q { width:830px; position:relative; background:#4db403; padding:20px; margin-bottom:15px; border-radius:20px; line-height:140%; color:#fff; }
.cns-q:after { left:100%; top:0%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-color:rgba(255, 255, 255, 0); border-left-color:#4db403; border-width:10px; margin-top:30px; }
.cns-q p:before { content:"Q"; display:inline-block; width:1.0em; background-color:#ffff00; color:#4db403; padding:0.25em 0.5em; margin-right:0.5em; border-radius:1.0em; font-weight:bold; text-align:center; }
.cns-q-name { display:block; text-align:right; color:#FFFF00; font-weight:bold; }

.cns-a-t { width:754px; padding-left:146px; }
.cns-a-t p { width:auto; position:relative; background:#eb6c1c; padding:20px; border-radius:20px; line-height:140%; color:#fff; }
.cns-a-t p:after { right:100%; top:0%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-color:rgba(255, 255, 255, 0); border-right-color:#eb6c1c; border-width:10px; margin-top:40px; }
.cns-a-author { float:left; width:136px; height:116px; margin-right:10px; background-position:center center; background-repeat:no-repeat; text-indent:-9999px; }
.cns-a-a1 { background-image:url(../img/consult/sakurai_1.png); }
.cns-a-a2 { background-image:url(../img/consult/sakurai_2.png); }
.cns-a-a3 { background-image:url(../img/consult/sakurai_3.png); }
.cns-a-a4 { background-image:url(../img/consult/sakurai_4.png); }
.cns-a-a5 { background-image:url(../img/consult/sakurai_5.png); }
.cns-a-a6 { background-image:url(../img/consult/sakurai_6.png); }
.cns-a-a7 { background-image:url(../img/consult/sakurai_7.png); }
.cns-a-a8 { background-image:url(../img/consult/sakurai_8.png); }
.cns-a-a9 { background-image:url(../img/consult/sakurai_9.png); }
.cns-a-a10 { background-image:url(../img/consult/sakurai_10.png); }
.cns-a-a11 { background-image:url(../img/consult/sakurai_11.png); }

.cns-msg { border:#e2007f 3px solid; margin-bottom:20px; padding:10px; border-radius:20px; }
.cns-msg h3 { padding:0.3em; margin-bottom:10px; text-align:center; background-color:#e2007f; color:#fff; font-size:120%; line-height:140%; border-radius:10px; } 
.cns-msg-author { float:left; width:136px; height:108px; margin-right:10px; background:url(../img/consult/sakurai_5.png) center center no-repeat; text-indent:-9999px; }
.cns-msg-t { width:728px; padding-left:146px; }
.cns-msg-t p { width:auto; position:relative; background:#ffd7e8; padding:20px; border-radius:20px; line-height:140%; }
.cns-msg-t p:after { right:100%; top:0%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-color:rgba(255, 255, 255, 0); border-right-color:#ffd7e8; border-width:10px; margin-top:40px; }

.nobr { display:none; }

/* vol */

.cns-v1 #cns-nm { background-image:url(../img/consult/consult_nm_v1.png); }
.cns-v2 #cns-nm { background-image:url(../img/consult/consult_nm_v2.png); }
.cns-v3 #cns-nm { background-image:url(../img/consult/consult_nm_v3.png); }
.cns-v4 #cns-nm { background-image:url(../img/consult/consult_nm_v4.png); }
.cns-v5 #cns-nm { background-image:url(../img/consult/consult_nm_v5.png); }
.cns-v6 #cns-nm { background-image:url(../img/consult/consult_nm_v6.png); }
.cns-v7 #cns-nm { background-image:url(../img/consult/consult_nm_v7.png); }
.cns-v8 #cns-nm { background-image:url(../img/consult/consult_nm_v8.png); }
.cns-v9 #cns-nm { background-image:url(../img/consult/consult_nm_v9.png); }
.cns-v10 #cns-nm { background-image:url(../img/consult/consult_nm_v10.png); }


/* 11 - BBS
=================================== */

#bbs #main-ttl { background-image:url(../img/bbs/bbs_ttl.jpg); }

#bbs #main-body { padding:20px 20px 10px 20px; }

.bbs-msg { text-align:center; color:#e60012; padding-bottom:0.7em; font-weight:bold; line-height:160%; }

.bbs-btn { width:100%; text-align:center; margin-bottom:10px; }
.bbs-btn a { display:block; width:14.0em; margin:auto; background-color:#e33d84; border-radius:1.6em; padding:0.8em; font-size:110%; line-height:100%; color:#fff; font-weight:bold; text-decoration:none; outline:none; filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
.bbs-btn a:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }
.bbs-btn a:before { content:"▶ "; font-size:60%; position:relative; top:-0.2em; }

iframe#iframe { width:100%; border:none; }

#prevnext { margin-bottom:10px; }
#prevnext:after {content:"";clear:both;display:block;}
#prevnext p { display:inline-block; width:100%; text-align:center; padding-bottom:10px; margin-top:-10px; }
#prevnext ul li { display:inline-block; }
#prevnext ul li span { display:none; }
#prevnext ul li a { display:block; color:#fff; background-color:#e33d84; text-decoration:none; padding:0.5em 0.75em; border-radius:1.0em; line-height:100%; }
#prevnext #prev { float:left; }
#prevnext #next { float:right; }

#bbs-end { width:100%; text-align:center; color:#69390e; font-weight:bold; line-height:140%; margin-bottom:1.0em; }

#bbs-notice { margin-bottom:10px; }
#bbs-notice li { list-style-type:disc; padding-bottom:0.5em; margin-left:1.0em; line-height:140%; }

#bbs-notice-t { text-align:center; line-height:140%; margin-bottom:20px; }

.bbs-t-nw { text-align:center; line-height:140%; margin-bottom:10px; padding:10px; border:#efefef 3px solid; }
.bbs-t-nw strong { color:#e33d84; }


/* 12 - Report
=================================== */

#report #main-ttl { background-image:url(../img/report/report_ttl.jpg); }

#report #main-body { padding:20px; }

#rp-body { float:left; width:660px; margin-right:20px; }

#rp-ttl { margin-bottom:10px; padding:15px 10px 10px 10px; background:url(../img/bg_red.jpg); text-shadow:2px 2px 4px rgba(0,0,0,0.2); font-size:120%; color:#fff; }
#rp-date { margin-bottom:0.5em; font-size:80%; }
#rp-vol { background-color:#fff; color:#e2007f; padding:0.2em 0.4em; font-weight:bold; text-shadow:none; }

.rp-t { padding-bottom:1.0em; line-height:160%; }
.rp-t a { color:#e2007f; }
.rp-t a:hover { text-decoration:none; }

.rp-p-box { width:100%; text-align:center; padding-bottom:20px; }
.rp-p { width:100%; }
.rp-p span { margin:0 auto 10px auto; border:#fff 5px solid; box-shadow:1px 1px 5px rgba(0,0,0,0.1); background-size:cover; background-color:#FFF; }
.rp-cap { color:#e1007f; }

.rp-p-yoko .rp-p span { width:520px; height:346px; }
.rp-p-tate .rp-p span { width:346px; height:520px; }

/* back number */

.bnset { height:2.0em; }
.bnset li a { display:block; padding:0.5em; border-radius:1.0em; text-decoration:none; font-weight:bold; background-color:#e2007f; color:#fff; outline:none; filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
.bnset li a:hover { filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }
.bnset .back { float:left; }
.bnset .next { float:right; }

/* rp-bknm */

#rp-bknm { float:left; width:220px; box-shadow:1px 1px 5px rgba(0,0,0,0.1); }
#rp-bknm h2 { padding:10px; font-size:110%; background:url(../img/bg_red.jpg); text-shadow:2px 2px 4px rgba(0,0,0,0.2); color:#fff; }
#rp-bknm ul li { padding:0.5em; font-size:90%; line-height:130%; background-color:#fff; border-bottom:#dcdddd 1px solid; }
#rp-bknm ul li:last-child { border-bottom:none; }
#rp-bknm ul li a { color:#e2007f; font-weight:bold; text-decoration:none; }
#rp-bknm ul li a:hover { text-decoration:underline; }

#rp-bknm-arrow { display:none; }


/* 13 - Youtube
=================================== */

#yt-360-ttl { position:relative; height:0; padding-top:33.33%; }
#yt-360-ttl h1 { position:absolute; left:0; top:0; width:100%; height:100%; background-image:url(../img/yt/yt_360_ttl.jpg); background-size:cover; text-indent:-9999px; }

.yt-mov { width:100%; box-sizing:border-box; padding:20px 0 0 0; text-align:center; }
.yt-mov-inner { display:inline-block; width:400px; margin:0 20px 20px 0; }
.yt-mov-inner:last-child { margin-right:0; }
.yt-mov-inner:first-child { display:block; margin:0 auto 20px auto; }

#yt-list { width:100%; box-sizing:border-box; padding:20px 0 0 0; text-align:center; }
#yt-list li { display:inline-block; width:400px; margin:0 20px 20px 0; }
#yt-list li:last-child { margin-right:0; }
#yt-list li:first-child { display:block; margin:0 auto 20px auto; }
#yt-list li a { display:block; width:400px; height:225px; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; outline:none; filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
#yt-list li a:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }

#yt-itm1 a { background-image:url(../img/yt/yt-itm1.jpg); }
#yt-itm2 a { background-image:url(../img/yt/yt-itm2.jpg); }
#yt-itm3 a { background-image:url(../img/yt/yt-itm3.jpg); }


/*	Media Queries
=================================== */

@media all and (max-width: 767px) {

/* ----- 0 - General ----- */

#con-body { font-size:85%; }

/* ----- 0 - Header ----- */

#header { width:100%; background:none; }
#header-area { width:auto; height:auto; background:none; }
#logo { position:relative; height:0; padding-top:53.43%; }
#logo a { position:absolute; left:0; top:0; width:100%; height:100%; background-image:url(../img/header_smp4.jpg); background-size:cover; }
#oatime { display:none; }

#gnav { height:auto; }
#gnav ul { width:auto; }
#gnav ul li { box-sizing:border-box; font-size:120%; width:50%; }
#gnav ul li a, #gnav ul li a:hover { display:block; padding:10px; width:100%; height:100%; box-sizing:border-box; background:url(../img/bg_red.jpg) center center; background-size:50%; background-repeat:repeat; text-indent:0; text-align:center; text-shadow:1px 1px 4px rgba(0,0,0,0.2); color:#fff; font-weight:bold; text-decoration:none; }

#gnav-intro,
#gnav-original { border-right:#85004a 1px solid; border-bottom:#85004a 1px solid; }
#gnav-story,
#gnav-comment,
#gnav-cast { border-bottom:#85004a 1px solid; }
#gnav-chart { border-right:#85004a 1px solid; }

/* ----- 0 - Main ----- */

#pagebody { padding:0 0 10px 0; background-size:576px auto; }
main { width:auto; margin:0 auto 10px auto; padding-bottom:10px; box-shadow:none; }
#main-ttl { width:auto; height:auto; padding:10px; background-image:url(../img/bg_green.jpg)!important; background-repeat:repeat; background-color:#e30920; text-indent:0; text-align:center; font-size:130%; line-height:120%; color:#fff; }

#bknm { padding:0 0 10px 0; }
#bknm h2 { margin-bottom:10px; padding:10px; }
#bknm ul { text-align:center; padding-right:0.5em; }

/* ----- 0 - Footer ----- */

footer { padding-bottom:2.4em; }

#f-nav { width:auto; margin:auto; padding:0; }

#f-nav ul li { float:none; margin:0 auto 10px auto; }
#f-nav-tw, #f-nav-line { padding-left:0; }

#footer-area { width:auto;padding:10px; }
#footer-area-l { float:none; width:auto; margin:0 0 20px 0; text-align:center; }
#bn-rectangle { float:none; margin:auto; }

#report-date,
.bn-date { font-size:100%; line-height:140%; }

#pagetop { width:100%; padding-bottom:0; right:0; }
#pagetop a { display:block; width:100%; height:auto; padding:0.7em 0; background:url(../img/pagetop_smp.png) 0 0 repeat-x; background-size:contain; text-indent:0px; text-align:center; text-decoration:none; font-weight:bold; color:#e30920; }
#pagetop a:before { content:"▲ "; font-size:70%; position:relative; bottom:0.1em; }

#f-nav ul li#f-nav-tbsfree { display:none; }

/* ----- 0 - Info ----- */

#info #main-body { padding:10px; }

#info-p-line span { width:280px; height:607px; background-size:cover; }
#info-p-decome { margin-bottom:10px; }
#info-p-decome li { width:90px; margin-right:5px; }
#info-p-decome li span { width:90px; height:90px; background-size:cover; }

/* ----- 0 - Top ----- */

#top-main { width:100%; background:none; position:relative; height:0; padding-top:109.37%; background-color:#fff200; }
#top-main-logo { position:absolute; left:0; top:0; width:100%; height:100%; background-size:cover; }
#top-main-pic, #top-main-oatime { display:none; background:none; }

#top footer { padding:15px 15px 3.4em 15px; }

/* top-news */

#top-news { width:auto; padding:0 10px; margin:0 0 10px 0; }
#top-news li { padding-bottom:5px; }
.top-news-date { float:none; }
.top-news-date { padding:2px 0; font-size:80%; }
.top-news-txt { width:90%; }
.top-news-toggle { padding-bottom:0!important; }

/* top-nav */

#top-nav { position:static; width:auto; height:auto; text-align:center; }

#top-nav-story a { width:300px; height:250px; }

#top-pagebody { padding:15px 0; }

#top-nav-bn { width:100%; }
#top-nav-bn li { display:inline-block; vertical-align:bottom; position:static; width:300px; margin:0 10px 15px 0; }
#top-nav-bn li#top-nav-story { display:block; margin:0 auto 15px auto; }

#top-nav-tw, #top-nav-is { position:static; width:300px; display:inline-block; margin:0 10px 15px 0; }
#top-nav-tw h2 a { width:300px; height:112px; background:url(../img/common_f_nav_tw.jpg); background-size:cover; }
#top-nav-is h2 a { width:300px; height:112px; background:url(../img/common_f_nav_is.jpg); background-size:cover; }
#top-nav-tw-tl, #top-nav-is-tl { display:none; }

#top-rectangle { position:static; width:300px; margin:auto; }

#top-nav-bn li#top-nav-yt,
#top-nav-bn li#top-nav-tbsfree { display:none; }

/* ----- 1 - Intro ----- */

#intro-t { position:relative; height:0; padding-top:57.43%; margin:-10px -10px 0 -10px; }
#intro-t span { position:absolute; left:0; top:0; width:100%; height:100%; background-image:url(../img/intro/intro_t_smp.png); background-size:cover; }

#intro-p { position:relative; height:0; width:90%; padding-top:66.61%; margin:0 auto 10px auto; }
#intro-p span { position:absolute; left:0; top:0; width:100%; height:100%; background-size:cover; box-sizing:border-box; border:#fff 5px solid; box-shadow:1px 1px 2px rgba(0,0,0,0.2); }

#intro-txt { padding:0 10px 10px 10px; }

/* comment */

#comment #main-body { padding-top:10px; }

#cmt-p { position:relative; height:0; width:90%; padding-top:66.61%; margin:0 auto 10px auto; }
#cmt-p span { position:absolute; left:0; top:0; width:100%; height:100%; background-size:cover; box-sizing:border-box; border:#fff 5px solid; box-shadow:1px 1px 2px rgba(0,0,0,0.2); }

.cmt-txt { padding:0 10px 10px 10px; }
.cmt-txt h2 { margin-bottom:10px; text-shadow:1px 1px 3px rgba(0,0,0,0.2); font-size:110%; }

/* ----- 2 - Story ----- */

#story-nm { width:auto; height:auto; margin:0; padding:15px 0; background:url(../img/story/story_nm_smp.png) center center no-repeat!important; background-size:70% auto!important; text-align:center; text-indent:0; font-size:140%; line-height:120%; color:#e33d84; font-weight:bold; text-shadow:3px 0px 0px #fff, 0px 3px 0px #fff, -3px 0px 0px #fff, 0px -3px 0px #fff; }

.story-pic1 { position:relative; height:0; width:90%; padding-top:66.61%; margin:0 auto 10px auto; }
.story-pic1 span { position:absolute; left:0; top:0; width:100%; height:100%; background-size:cover; box-sizing:border-box; border:#fff 5px solid; box-shadow:1px 1px 2px rgba(0,0,0,0.2); }

#story-txt { padding:0 10px 10px 10px; }

.str-mov { padding:0 10px 10px 10px; }
.str-mov h2 { margin-bottom:10px; padding:10px;  }
.str-mov-yt { display:block; width:auto; position:relative; padding-bottom:56.25%; height:0; overflow:hidden; }
.str-mov-yt iframe { position: absolute; top:0; left:0; width:100%; height:100%; }

#story-bknm { padding:0 10px 10px 10px; }
#story-bknm h2 { margin-bottom:10px; padding:10px; }
#story-bknm ul { text-align:center; padding-right:5px; }
#story-bknm ul li { width:90px; margin:0 5px 10px 0; }
#story-bknm ul li a { width:90px; padding-top:94px; }
#story-bknm ul li a span { width:4.5em; font-size:90%; }

/* ----- 3 - Original ----- */

#original #main-body { padding:10px; }
#org-t { width:auto; margin:0 0 10px 0; padding:10px 10px 3px 10px; }
#org-t-h { width:100%; height:auto; margin-bottom:10px; background:none; text-indent:0; text-align:center; }
#org-t-h h2 { color:#fff36e; font-size:180%; margin-bottom:0.5em; }
#org-t-h1 { color:#fff36e; font-weight:bold; margin-bottom:0.5em; }
#org-t-h2 { width:100%; padding:0.5em 0; margin-bottom:0.5em; text-align:center; }
#org-t-h2 span { width:14.0em; border-radius:1.0em; margin-bottom:0.5em; padding:0.5em; background-color:#fff36e; line-height:120%; color:#547840; font-weight:bold; }
#org-t-h3 { color:#a1d9f5; font-weight:bold; line-height:140%; }
#org-t-h br { display:block; }
#org-t-p { float:none; width:auto; text-align:center; margin:0 0 15px 0; }
#org-t-p span { margin:auto; width:180px; height:263px; background-size:cover; }
#org-t-t { padding:0; width:auto; }

#org-author { padding:0 0 10px 0; }
#org-author h2 { margin-bottom:10px; padding:10px; text-shadow:1px 1px 3px rgba(0,0,0,0.2); font-size:130%; text-align:center; }
#org-author-p { float:none; width:auto; height:76px; background:url(../img/original/original_author.png) center top no-repeat; background-size:contain; margin:0; }
#org-author-t { float:none; width:auto; margin-bottom:10px; }
#org-author-t:after { top: 100%; left: 50%; border-color: rgba(251, 230, 239, 0); border-top-color: #fbe6ef; border-width: 10px; margin-left: -10px; margin-top:0px; }

/* ----- 4 - Chart ----- */

.diagram { background-size:cover; width:auto; height:0; padding-top:118.26%; }
.diagram div.diagram-inner { position: absolute; left:0; top:0; width:100%; height:100%; }

.cht-box { width:94%; height:auto; left:auto; margin:40px 3% 0 3%; text-align:center; }
.cht-box-inner { padding:10px; }
.cht-box-pic { width:240px; height:286px; }
.cht-box-r { text-align:left; padding-left:260px; }
.cht-box-name { width:auto; height:auto; margin-bottom:5px; padding:10px; background-position:0 0; background-repeat:repeat; text-indent:0; text-align:center; color:#fff; font-weight:bold; text-shadow:1px 1px 2px rgba(0,0,0,0.2); text-align:left; }
.cht-box-txt { width:auto; height:auto; font-size:85%; }
#cht-shinichi .cht-box-name,
#cht-kanako .cht-box-name,
#cht-kaori .cht-box-name,
#cht-kazuo .cht-box-name { background-image:url(../img/chart/chart_bg_red.jpg); }
#cht-naoyasu .cht-box-name,
#cht-maria .cht-box-name { background-image:url(../img/chart/chart_bg_blue.jpg); }
#cht-narasaki .cht-box-name,
#cht-hasegawa .cht-box-name { background-image:url(../img/chart/chart_bg_green.jpg); }
#cht-koyama .cht-box-name { background-image:url(../img/chart/chart_bg_purple.jpg); }
#cht-matsuo .cht-box-name,
#cht-takei .cht-box-name,
#cht-umemoto .cht-box-name,
#cht-sugiyama .cht-box-name { background-image:url(../img/chart/chart_bg_orange.jpg); }

/* ----- 5 - Cast & Staff ----- */

#cast #main-body { padding-top:10px; }

.cst-box { padding:0 10px 10px 10px; }
.cst-box h2 { margin-bottom:10px; padding:10px; text-shadow:1px 1px 3px rgba(0,0,0,0.2); }

#cst-p1, #cst-p2 { display:none; }

/* ----- 6 - Intv ----- */

#intv #main-body { padding:10px 10px 0 10px; }

#intv-p-b { float:none; width:100%; text-align:center; margin:0 0 10px 0; }
#intv-p-b span { width:240px; height:286px; margin:auto; background-size:cover; }

#intv-nm { width:auto; height:auto; margin-bottom:5px; padding:0.7em 0.7em 0.2em 0.7em; background-image:url(../img/chart/chart_bg_red.jpg)!important; background-repeat:repeat; text-indent:0; color:#fff; font-weight:bold; text-shadow:1px 1px 2px rgba(0,0,0,0.2); text-align:center; }
#intv-nm-r, #intv-nm-y { display:inline-block; }
#intv-nm-r { font-size:140%; margin-bottom:0.5em; }
#intv-nm-y { font-size:90%; margin-left:0.5em; }

.intv-p-l, .intv-p-r { float:none; width:100%; padding:0; text-align:center; }
.intv-p-l span, .intv-p-r span { width:240px; height:160px; margin:auto; border:none; box-shadow:1px 1px 2px rgba(0,0,0,0.2); }

#intv-bknm { padding:0; }
#intv-bknm ul { text-align:center; padding-right:5px; }
#intv-bknm ul li { width:90px; margin:0 5px 10px 0; }
#intv-bknm ul li a { width:90px; padding-top:94px; }
#intv-bknm ul li a span { width:auto; font-size:75%; }

/* ----- 7 - Orejuku ----- */

#ore-ttl { position:relative; height:0; padding-top:85.93%; }
#ore-ttl h1 { position:absolute; left:0; top:0; width:100%; height:100%; background-image:url(../img/orejuku/orejuku_ttl_smp.jpg); background-size:cover; }

#ore-nm { width:auto; height:auto; margin:0; padding:15px 0; background:url(../img/story/story_nm_smp.png) center center no-repeat!important; background-size:70% auto!important; text-align:center; text-indent:0; font-size:140%; line-height:120%; color:#e33d84; font-weight:bold; text-shadow:3px 0px 0px #fff, 0px 3px 0px #fff, -3px 0px 0px #fff, 0px -3px 0px #fff; }

#orejuku #main-body { padding:0 10px 10px 10px; }

.ore-p-l, .ore-p-r { float:none; width:100%; box-sizing:border-box; padding:0 0 10px 0; }
.ore-p-l span, .ore-p-r span { margin:auto; }

.ore-t1 { font-size:145%; }
.ore-t1-2 { font-size:145%; text-align:center; }

.ore-adv { margin-bottom:10px; padding:7px; border:#ffbfdb 3px solid; border-radius:10px; }

#ore-bottom { padding-top:29.47%; }
#ore-bottom span { background-image:url(../img/orejuku/orejuku_bottom_smp.jpg); }

/* v1 */
#ore-v1-p1 span { width:240px; height:160px; }
#ore-v1-p2 span { width:240px; height:160px; }

/* v2 */
#ore-v2-p1 span { width:240px; height:160px; }
.ore-v2-p-box { float:none; width:100%; text-align:center; }
#ore-v2-p2 { margin-bottom:10px; }

/* v3 */
#ore-v3-p1 span,
#ore-v3-p2 span,
#ore-v3-p3 span,
#ore-v3-p4 span { width:240px; height:160px; }
#ore-v3-p2 { margin-bottom:10px; }
.ore-v3-p-box p { margin:auto; }

/* v4 */
#ore-v4-p1 span,
#ore-v4-p2 span,
#ore-v4-p3 span { width:240px; height:160px; }
#ore-v4-p1 { margin-bottom:10px; }
.ore-v4-p-box p { margin:auto; }

/* v5 */
#ore-v5-p1 span,
#ore-v5-p2 span { width:240px; height:160px; }

/* v6 */
#ore-v6-p1 span,
#ore-v6-p2 span,
#ore-v6-p3 span { width:240px; height:160px; }
#ore-v6-p2 { margin-bottom:10px; }
.ore-v6-p-box p { margin:auto; }

/* v7 */
#ore-v7-p1 span,
#ore-v7-p2 span,
#ore-v7-p3 span,
#ore-v7-p4 span { width:240px; height:160px; }
#ore-v7-p2,
#ore-v7-p3 { margin-bottom:10px; }
.ore-v7-p-box p { margin:auto; }

/* v8 */
#ore-v8-p1 span,
#ore-v8-p2 span,
#ore-v8-p3 span,
#ore-v8-p4 span,
#ore-v8-p5 span { width:240px; height:160px; }
#ore-v8-p2,
#ore-v8-p4 { margin-bottom:10px; }
.ore-v8-p-box p { margin:auto; }

/* v9 */
#ore-v9-p1 span,
#ore-v9-p2 span,
#ore-v9-p3 span,
#ore-v9-p4 span,
#ore-v9-p5 span { width:240px; height:160px; }
#ore-v9-p2,
#ore-v9-p4 { margin-bottom:10px; }
.ore-v9-p-box p { margin:auto; }

/* v10 */
#ore-v10-p1 span,
#ore-v10-p2 span,
#ore-v10-p3 span,
#ore-v10-p4 span { width:240px; height:160px; }
#ore-v10-p2 { margin-bottom:10px; }
.ore-v10-p-box p { margin:auto; }

/* ----- 8 - Gallery ----- */

#gr-nm { width:auto; height:auto; margin:0; padding:15px 0; background:url(../img/story/story_nm_smp.png) center center no-repeat!important; background-size:70% auto!important; text-align:center; text-indent:0; font-size:140%; line-height:120%; color:#e33d84; font-weight:bold; text-shadow:3px 0px 0px #fff, 0px 3px 0px #fff, -3px 0px 0px #fff, 0px -3px 0px #fff; }

#gr-main li span.gr-pic { position:relative; width:100%; height:0; padding-top:66.66%; }
#gr-main li span.gr-pic span { position:absolute; left:0; top:0; width:100%; height:100%; background-size:cover; }
.bx-prev, .bx-next { width:30px; height:30px; }

#bx-pager { padding:10px 0px 10px 10px; clear:both; text-align:center; }
#bx-pager li { margin:0 5px 5px 0; }
#bx-pager li span { display:block; width:140px; height:78px; background-size:cover; }

#gallery #bknm { padding:0 10px 10px 10px; }

/* ----- 9 - Present ----- */

#prs-p { position:relative; width:100%; height:0; padding-top:105.33%; }
#prs-p span { position:absolute; left:0; top:0; width:100%; height:100%; background-size:cover; }

#prs-quiz { margin-bottom:10px; padding:10px 10px 0 10px; border-radius:15px; }
#prs-quiz h2 { font-size:110%; }
#prs-quiz p { font-size:110%; }
#prs-btn a { font-size:110%; }
#prs-btn { margin-bottom:0px; }

/* ----- 10 - Consult ----- */

#cns-main { width:auto; height:auto; padding-bottom:1.5em; background-image:url(../img/consult/consult_pic_smp_bg.jpg); background-size:cover; }
#cns-main-box { position:relative; height:0; padding-top:75.0%; }
#cns-main-box-inner { position:absolute; left:0; top:0; width:100%; height:100%; background-image:url(../img/consult/consult_pic_smp.jpg); background-size:cover; }
#cns-btn { position:static; top:0; }
#cns-btn a { width:10.0em; height:auto; border-radius:2.4em; padding:0.7em; background-image:none; background-color:#ffe500; color:#e30920; font-weight:bold; line-height:100%; font-size:140%; text-indent:0; text-decoration:none; }
#cns-end { display:block; width:100%; padding-top:7px; text-align:center; color:#fff; }
#cns-end-t { display:block; width:100%; padding-top:7px; text-align:center; color:#fff; }

#consult #main-body { padding:0 10px 10px 10px; }

#cns-nm { width:auto; height:auto; margin:0; padding:15px 0; background:url(../img/story/story_nm_smp.png) center center no-repeat!important; background-size:50% auto!important; text-align:center; text-indent:0; font-size:140%; line-height:120%; color:#e33d84; font-weight:bold; text-shadow:3px 0px 0px #fff, 0px 3px 0px #fff, -3px 0px 0px #fff, 0px -3px 0px #fff; }

.cns-txt1, .cns-txt2 { font-size:110%; }

.cns-qa { padding:0 0 20px 0; }

.cns-q { width:auto; padding:10px; margin:0 10px 10px 0; border-radius:10px; }
.cns-a-t { width:auto; padding-left:90px; }
.cns-a-t p { padding:10px; border-radius:10px; }
.cns-a-t p:after { margin-top:20px; }
.cns-a-author { width:80px; height:68px; background-size:contain; }

.cns-msg { border:#e2007f 2px solid; margin-bottom:10px; padding:7px; border-radius:15px; }
.cns-msg h3 { border-radius:10px; margin-bottom:7px; } 
.cns-msg-author { width:80px; height:68px; background-size:contain; }
.cns-msg-t { width:auto; padding-left:90px; }
.cns-msg-t p { padding:10px; border-radius:10px; }
.cns-msg-t p:after { margin-top:20px; }

/* ----- 11 - BBS ----- */

#bbs #main-body { padding:10px; }

/* ----- 12 - Report ----- */

#report #main-body { padding:0 0 10px 0; }

#rp-body { float:none; width:auto; margin:0 0 10px 0; }

.rp-t { padding:0 10px 1.0em 10px; }
.rp-p-box { padding-bottom:10px; }
.rp-p span { border:none; box-shadow:1px 1px 3px rgba(0,0,0,0.2); }
.rp-p-yoko .rp-p span { width:280px; height:186px; }
.rp-p-tate .rp-p span { width:186px; height:280px; }

.bnset { padding-bottom:10px; }

#rp-bknm { float:none; width:auto; margin:0 10px 10px 10px; }
#rp-bknm h2 { cursor:pointer; filter: alpha(opacity=100); -moz-opacity:1.70; opacity:1.0; }
#rp-bknm h2:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }
#rp-bknm-arrow { display:inline-block; float:right; font-size:80%; vertical-align:middle; }
#rp-bknm ul { display:none; }
#rp-bknm ul li { font-size:110%; }

/* ----- 13 - Youtube ----- */

#yt-360-ttl { padding-top:50.00%; }
#yt-360-ttl h1 { background-image:url(../img/yt/yt_360_ttl_smp.jpg); }

.yt-mov { margin-right:0; padding:10px 10px 1px 10px; }
.yt-mov-inner { display:block; width:auto; margin:0 auto 10px auto; position:relative; padding-bottom:56.25%; height:0; overflow:hidden; }
.yt-mov-inner iframe { position: absolute; top:0; left:0; width:100%; height:100%; }
.yt-mov-inner:first-child { margin:0 auto 10px auto; }

#yt-list { margin-right:0; padding:10px 10px 1px 10px; }
#yt-list li { display:block; width:auto; margin:0 auto 10px auto; position:relative; padding-bottom:56.25%; height:0; overflow:hidden; }
#yt-list li a { position:absolute; top:0; left:0; width:100%; height:100%; }
#yt-list li:first-child { margin:0 auto 10px auto; }

}


@media all and (max-width: 630px) {

/* ----- 0 - Top ----- */

#top-nav-bn li,
#top-nav-tw, #top-nav-is { margin:0 0 15px 0; }

}


@media all and (max-width: 500px) {

/* ----- 0 - Header ----- */

#gnav ul li a { font-size:90%; }

/* ----- 0 - Top ----- */

#top-news-soundtrack-p { float:none; width:100%; text-align:center; margin:0 auto 10px auto; }
#top-news-soundtrack-p span { margin:auto; }
#top-news-dvd-p { float:none; width:100%; text-align:center; margin:0 auto 10px auto; }
#top-news-dvd-p span { margin:auto; }
#top-news-dvd-t { padding-top:0; }

/* ----- 2 - Story ----- */

.story-pic2 p { display:block; width:auto; margin-right:0; }
.story-pic2 p span { width:260px; height:180px; }

/* ----- 4 - Chart ----- */

.cht-box-pic { float:none; margin:0 auto 10px auto; width:200px; height:238px; }
.cht-box-name { text-align:center; }
.cht-box-r { float:none; margin:auto; width:100%; padding-left:0; }
.cht-box-txt { height:auto; }

/* ----- 5 - Cast & Staff ----- */

#cst-stf table th { clear:both; display:block; float:left; padding:0 0 0.2em 0; }
#cst-stf table td.tbl-dtln { display:block; float:left; padding:0 0 0.2em 0.2em; }
#cst-stf table td.tbl-nm { clear:both; display:block; padding:0 0 0.6em 0.4em; }
#cst-theme { width:100%; text-align:center; }
#cst-theme span { width:150px; height:150px; margin:7px auto 0 auto; background-size:cover; }

/* ----- 7 - Orejuku ----- */

.ore-adv h2 span { width:260px; height:47px; background-image:url(../img/orejuku/orejuku_adv_ttl_smp.png); }

.ore-p2-box { margin:0 0 0 0; }
.ore-p2-box p { margin:0 0 10px 0; }

/* ----- 9 - Present ----- */

#prs-btn a { width:auto; }

/* ----- 10 - Consult ----- */

#cns-btn a { font-size:110%; }
.nobr { display:block; }

}


/* OnAir Date
=================================== */

#oatime { background:url(../img/header_date0.png) 0 0 no-repeat; }
#top-main-oatime { background-image:url(../img/top/top_main_date0.png); }

@media all and (max-width: 767px) {
#logo a { background-image:url(../img/header_smp0.jpg); }
#top-main-logo { background-image:url(../img/top/top_header_smp0.jpg); }
}


/*eof*/