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
=================================== */

@font-face {
  font-family: 'Corben';
  src: url('/um/library/fonts/Corben/Corben-Bold.ttf')  format('truetype');
}

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

#con-body { background-color:transparent; font-family:Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; color:#fff; }
#pagebody { background:url(../img/bg.png) center top; }
.cover { background:url(/img/cover.gif); display:block; width:100%; height:100%; }

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

.txts { font-size:80%; }
.txtb { font-size:120%; }

/* text-color */
.bold {font-weight:bold!important;}
.red {color:#e60012!important;}
.blue {color:#17cce8!important;}
.pink {color:#ff2aa2!important;}
.orange {color:#ffa500!important;}
.darkorange {color:#fd5e48!important;}
.green {color:#00c7a8!important;}
.purple {color:#b233b2!important;}
.brown {color:#734229!important;}
.darkgreen {color:#008000!important;}
.darkblue {color:#007FFF!important;}

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

#header-inner { width:960px; margin:auto; }
#logo a { display:block; width:960px; height:160px; background:url(../img/header.png); outline:none; filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; text-indent:-9999px; }
#logo 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); }

#header-oatime { display:none; }

#gnav { background:url(../img/gnav_bg.png); }

#gnav ul { width:960px; margin:auto; padding:0 15px; background:url(../img/gnav.png); }
#gnav ul:after {content:"";clear:both;display:block;}
#gnav ul li { float:left; width:137px; }
#gnav ul li#gnav-bbs { width:138px; }
#gnav ul li a { display:block; width:137px; height:90px; background-image:url(../img/gnav.png); background-repeat:no-repeat; text-indent:-9999px; outline:none; }
#gnav ul li#gnav-bbs a { width:138px; }

#gnav-news a { background-position:-15px 0; }
#gnav-intro a { background-position:-152px 0; }
#gnav-original a { background-position:-289px 0; }
#gnav-cast a { background-position:-426px 0; }
#gnav-story a { background-position:-563px 0; }
#gnav-chart a { background-position:-700px 0; }
#gnav-bbs a { background-position:-837px 0; }

#news #gnav-news a, #gnav-news a:hover { background-position:-15px -90px; }
#intro #gnav-intro a, #gnav-intro a:hover { background-position:-152px -90px; }
#original #gnav-original a, #gnav-original a:hover { background-position:-289px -90px; }
#cast #gnav-cast a, #gnav-cast a:hover { background-position:-426px -90px; }
#story #gnav-story a, #gnav-story a:hover { background-position:-563px -90px; }
#chart #gnav-chart a, #gnav-chart a:hover { background-position:-700px -90px; }
#bbs #gnav-bbs a, #gnav-bbs a:hover { background-position:-837px -90px; }


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

main { width:960px; margin:0 auto 20px auto; padding:17px; box-sizing:border-box; background:url(../img/main_border.png); }
#main-body { padding:25px; background-color:#fff; box-shadow:0px 0px 10px rgba(0,0,0,0.2) inset; color:#333; }

#main-ttl { width:960px; margin:auto; }
#main-ttl h1 { width:960px; height:110px; text-indent:-9999px; }

#bknm ul { text-align:center; margin-right:-1.5em; /* for space */ font-size:0; }
#bknm ul li { display:inline-block; margin-right:1.5em; /* for space */ font-size:1rem; }
#bknm ul li a { display:inline-block; width:2.5em; font-size:24px; background-color:#e0147e; padding:0.75em 0; border-radius:1.25em; font-family:'Corben'; color:#fff; text-decoration:none; outline:none; filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
#bknm ul li a:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }


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

#footer-inner { width:960px; margin:auto; padding:5px 0 25px 0; }
#footer-inner:after {content:"";clear:both;display:block;}

#f-box-l { float:left; width:630px; text-align:center; }
#f-box-logo { margin:0 auto 15px auto; width:452px; height:148px; background:url(../img/footer_logo.png); text-indent:-9999px; }

#f-sns, #f-sns-tw, #f-sns-fb { display:inline-block; }
#f-sns { margin-bottom:10px; }
#f-copy { font-size:90%; line-height:120%; padding-bottom:0.7em; color:#fff; }
#f-copy a { color:#ff0; }

#f-rectangle { float:left; width:300px; height:250px; background-color:#fff; }

#f-sns-link { margin:-10px 0 10px 0; }
#f-sns-link ul { margin-bottom:10px; /* for space */ font-size:0; }
#f-sns-link ul li { display:inline-block; /* for space */ font-size:1rem; }
#f-sns-link ul li a { display:block; width:140px; height:140px; text-indent:-9999px; outline:none; }
#f-sns-link-tw, #f-sns-link-insta { margin-right:5px; }
#f-sns-link-tw a { background-image:url(../img/f-sns-link-tw.png); }
#f-sns-link-insta a { background-image:url(../img/f-sns-link-insta.png); }
#f-sns-link-line a { background-image:url(../img/f-sns-link-line.png); }
#f-sns-link-t { font-size:90%; }

#f-sns-link ul li a {
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#f-sns-link ul li a:hover {
	-webkit-animation: bounce 2s ease-in-out;
	animation: bounce 2s ease-in-out;
}

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

#footer-sp { width:960px; margin:0 auto 20px auto; }
#footer-sp h2 { font-family:'Corben'; font-size:140%; letter-spacing:0.05em; margin-left:5px; margin-bottom:15px; font-weight:normal; }
.top-nico-w { display:inline-block; position:relative; top:-0.1em; vertical-align:top; width:1.0em; height:1.0em; text-indent:-9999px; background:url(../img/top/icon_nico_w.png) center center no-repeat; background-size:0.9em 0.9em; }
#footer-sp ul { /* for space */ font-size:0; }
#footer-sp ul li { display:inline-block; position:relative; width:313px; /* for space */ font-size:1rem; }
#f-nav-present,
#f-nav-report,
#f-nav-fashion,
#f-nav-goroku { margin-right:10px; }
#f-nav-present,
#f-nav-report,
#f-nav-intv { margin-bottom:15px; }
#footer-sp ul li a { display:block; width:313px; height:199px; background-size:cover; text-indent:-9999px; }
#footer-sp ul li a {
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#footer-sp ul li a:hover {
	-webkit-animation: bounce 2s ease-in-out;
	animation: bounce 2s ease-in-out;
}
#f-nav-present a { background:url(../img/top/top_nav_present_smp.png) 0 0 no-repeat; }
#f-nav-report a { background:url(../img/top/top_nav_report_smp.png) 0 0 no-repeat; }
#f-nav-intv a { background:url(../img/top/top_nav_intv_smp.png) 0 0 no-repeat; }
#f-nav-fashion a { background:url(../img/top/top_nav_fashion_smp.png) 0 0 no-repeat; }
/*#f-nav-fashion a { background:url(../img/top/top_nav_fashion_smp_shoko.png) 0 0 no-repeat; }*/
#f-nav-goroku a { background:url(../img/top/top_nav_goroku_smp.png) 0 0 no-repeat; }
#f-nav-kudo a { background:url(../img/top/top_nav_kudo_smp.png) 0 0 no-repeat; }

#f-nav-kudo-end span { display:block; width:313px; height:199px; background:url(../img/top/top_nav_kudo_smp_end.png) 0 0 no-repeat; background-size:cover; text-indent:-9999px; }

.update-text { position:absolute; z-index:10; display:block; width:6.5em; height:36px; background-color:#ffef00; text-align:center; color:#e0147e; font-family:'Corben'; font-size:18px; line-height:36px; letter-spacing:0.05em; border-radius:18px; }
#f-nav-report .update-text { top:115px; left:165px; }
#f-nav-kudo .update-text { top:151px; left:60px; }
#f-nav-fashion .update-text { top:135px; left:165px; background-color:#fff6a6; }
#f-nav-goroku .update-text { top:135px; left:150px; background-color:#e0147e; color:#fff; }
#f-nav-fashion a#top-nav-fashion-book { position:absolute; z-index:10; top:3px; left:-5px; display:block; width:155px; height:188px; background-size:cover!important; text-indent:-9999px; }


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

#top-main { width:960px; height:676px; margin:auto; background:url(../img/top/top_main.jpg); text-indent:-9999px; }

#top-main-sns-link { display:none; }

#top-main-pic { width:960px; height:676px; }

#top-main-logo,
#top-main-oatime { text-indent:-9999px; }

#top-wn { width:960px; height:80px; margin:auto; background-color:#e0147e; }
#top-wn:after {content:"";clear:both;display:block;}
#top-wn h2 { float:left; margin-top:-25px; width:138px; height:105px; background:url(../img/top/top_update_kn.png); text-indent:-9999px; }
#top-wn-t { float:left; margin:20px 0 0 -27px; padding-left:190px; box-sizing:border-box; width:823px; height:40px; background:url(../img/top/top_update_t.png); }
.ticker { position:relative; }
#top-wn-t ul { width:623px; height:40px; overflow: hidden; }
#top-wn-t ul li { display:none; font-size:14px; line-height:40px; color:#333; }
#top-wn-t ul li a { color:#333; text-decoration:none; }
#top-wn-t ul li a:hover { text-decoration:underline; }
.top-wn-date { font-weight:bold; color:#e0147e; }

/* ----- top nav ----- */

#top-nav { position:relative; width:880px; height:2010px; }
#top-nav > li { position:absolute; }

#top-nav > li > a {
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#top-nav > li > a:hover {
	-webkit-animation: bounce 2s ease-in-out;
	animation: bounce 2s ease-in-out;
}
@-webkit-keyframes bounce {
	5%  { -webkit-transform: scale(1.05, .9); }
	10% { -webkit-transform: scale(.8, 1.05) translateY(-5px); }
	15% { -webkit-transform: scale(1, 1); }
}
@keyframes bounce {
	5%  { transform: scale(1.05, .9); }
	10% { transform: scale(.9, 1.05) translateY(-5px); }
	15% { transform: scale(1, 1); }
}

#top-nav-news { width:210px; height:205px; top:0; left:-5px; }
#top-nav-intro { width:210px; height:205px; top:0; left:220px; }
#top-nav-original { width:210px; height:205px; top:0; left:445px; }
#top-nav-cast { width:210px; height:205px; top:0; left:670px; }
#top-nav-story { width:435px; height:205px; top:225px; left:-5px; }
#top-nav-chart { width:435px; height:205px; top:225px; left:445px; }
#top-nav-music { width:210px; height:205px; top:450px; left:-5px; }
#top-nav-gallery { width:210px; height:205px; top:450px; left:220px; }
#top-nav-bbs { width:435px; height:205px; top:450px; left:445px; }
#top-nav-present { width:435px; height:205px; top:675px; left:-5px; }
#top-nav-report { width:435px; height:205px; top:675px; left:445px; }
#top-nav-intv { width:435px; height:205px; top:900px; left:-5px; }
#top-nav-fashion { width:435px; height:205px; top:900px; left:445px; }
#top-nav-goroku { width:435px; height:205px; top:1125px; left:-5px; }
#top-nav-kudo,
#top-nav-kudo-end { width:435px; height:205px; top:1125px; left:445px; }
#top-nav-free { width:210px; height:205px; top:1350px; left:-5px; }

#top-nav-stamp { width:210px; height:205px; top:1350px; left:445px; }
#top-nav-goods { width:210px; height:205px; top:1350px; left:670px; }
/*#top-nav-dvd { width:210px; height:205px; top:1575px; left:-5px; }*/
#top-nav-dvd { width:210px; height:205px; top:1350px; left:220px; }
#top-nav-line { width:210px; height:205px; top:1575px; left:220px; }

#top-nav-sp-ttl { display:none; }

#top-nav-news a,
#top-nav-intro a,
#top-nav-original a,
#top-nav-cast a,
#top-nav-story a,
#top-nav-chart a,
#top-nav-music a,
#top-nav-gallery a,
#top-nav-bbs a,
#top-nav-present a,
#top-nav-report a,
#top-nav-intv a,
#top-nav-fashion a,
#top-nav-goroku a,
#top-nav-kudo a,
#top-nav-free a,
#top-nav-ondemand a,
#top-nav-stamp a,
#top-nav-goods a,
#top-nav-dvd a,
#top-nav-line a { display:block; width:100%; height:100%; text-indent:-9999px; background-repeat:no-repeat; outline:none; }

/*#top-nav-bbs a { display:block; width:435px; height:205px; text-indent:-9999px; background:url(../img/top/top_nav_bbs.jpg); }*/

#top-nav-bbs a { background:url(../img/top/top_nav_bbs.jpg); }
#top-nav-present a { background:url(../img/top/top_nav_present.png); }
#top-nav-report a { background:url(../img/top/top_nav_report.png); }
#top-nav-intv a { background:url(../img/top/top_nav_intv.png); }
#top-nav-fashion a { background:url(../img/top/top_nav_fashion.png); }
/*#top-nav-fashion a { background:url(../img/top/top_nav_fashion_shoko.png); }*/
#top-nav-goroku a { background:url(../img/top/top_nav_goroku.png); }
#top-nav-kudo a { background:url(../img/top/top_nav_kudo.png); }
#top-nav-free a { background:url(../img/top/top_nav_free.jpg); }
#top-nav-ondemand a { background:url(../img/top/top_nav_ondemand.jpg); }
/*#top-nav-stamp a { background:url(../img/top/top_nav_stamp.png); }*/

#top-nav-kudo-end span { display:block; width:100%; height:100%; background:url(../img/top/top_nav_kudo_end.png); text-indent:-9999px; background-repeat:no-repeat; }

#top-nav-blank { width:220px; height:230px; top:1340px; left:-5px; }
#top-nav-blank span { display:block; width:100%; height:100%; text-indent:-9999px; }
#top-nav-blank2 { display:none; }
#top-nav-nico { display:none; }

#top-nav-report .update-text { top:140px; left:205px; }
#top-nav-fashion .update-text { top:145px; left:240px; background-color:#fff6a6; }
#top-nav-goroku .update-text { top:148px; left:205px; background-color:#e0147e; color:#fff; }
#top-nav-kudo .update-text { top:136px; left:120px; }

#top-nav-fashion a#top-nav-fashion-book { position:absolute; z-index:10; top:-12px; left:19px; display:block; width:187px; height:225px; background-size:cover; text-indent:-9999px; }

#top-nav-insta { width:425px; height:200px; top:1575px; background:url(../img/top/top_insta.jpg); border-radius:30px; }
#top-nav-insta-ttl { width:420px; height:60px; }
#top-nav-insta-ttl:after {content:"";clear:both;display:block;}
#top-nav-insta h2 { float:left; text-indent:-9999px; }
#top-nav-insta-btn { float:right; padding:23px 12px 0 0; }
#top-nav-insta-btn a { display:block; width:115px; height:27px; background:url(../img/top/top_insta_btn.png); outline:none; filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; text-indent:-9999px; }
#top-nav-insta-btn a:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }
/* insta feed */
div.insta { height:120px;
	padding-left:18px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	overflow:hidden;
}
div.insta ul:after {content:"";clear:both;display:block;}
div.insta ul li {float:left; margin:0 12px 0 0; box-shadow:2px 2px 4px rgba(0,0,0,0.2);}
div.insta ul li a, div.insta ul li a img {
	display:block;
	background-position:center center;
	background-repeat:no-repeat;
	width:120px;
	height:120px;
}
div.insta ul li a {background-size:cover;}
div.insta ul li a img {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
div.insta ul li a img.icon-video {background-image:url(/um/img/play.png);}

#top-nav-tw { width:430px; top:1575px; left:445px; }
#top-nav-tw-ttl { width:430px; height:60px; background:url(../img/top/top_tw_ttl.png); }
#top-nav-tw-ttl:after {content:"";clear:both;display:block;}
#top-nav-tw h2 { float:left; text-indent:-9999px; }
#top-nav-tw-btn { float:right; padding:23px 12px 0 0; }
#top-nav-tw-btn a { display:block; width:115px; height:27px; background:url(../img/top/top_tw_btn.png); outline:none; filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; text-indent:-9999px; }
#top-nav-tw-btn a:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }
#top-nav-tw-box { /*height:589px;*/ height:364px; border:#efefef 1px solid; box-sizing:border-box; }

#top-oubo { width:960px; margin:auto; padding:15px 0; }
#top-oubo p a { display:block; width:960px; height:110px; background:url(../img/top/oubo2.jpg); border-radius:25px; text-indent:-9999px; outline:none; filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; text-indent:-9999px; }
#top-oubo p 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); }


/* 1 - News
=================================== */

#news #main-ttl h1 { background-image:url(../img/news/news_ttl.jpg); }

.nw-box { border:#f7d1e2 10px solid; margin-bottom:20px; padding:15px; }
.nw-box:last-child { margin-bottom:0; }
.nw-box h2 { color:#e0147e; font-size:120%; line-height:120%; margin-bottom:10px; }
.nw-date { font-size:90%; color:#e95ba5; margin-bottom:20px;  }
.nw-box-t p { font-size:90%; line-height:160%; }

.nw_p_box { display:block; width:100%; text-align:center; }
.nw_p { display:inline-block; vertical-align:top; }
.nw_p span { display:block; margin:auto; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; box-shadow:1px 1px 4px rgba(0,0,0,0.2); }

#nw20170620_1 { width:350px; height:450px; }
#nw20170620_1 span { width:350px; height:450px; background-image:url(../img/news/nw20170620_1.jpg); }
#nw20170620_2 { width:400px; height:267px; margin:20px 20px 10px 0; }
#nw20170620_2 span { width:400px; height:267px; background-image:url(../img/news/nw20170620_2.jpg); }
#nw20170620_3 { width:400px; height:267px; margin:20px 0 10px 0; }
#nw20170620_3 span { width:400px; height:267px; background-image:url(../img/news/nw20170620_3.jpg); }
#nw20170702_1 { width:350px; height:525px; }
#nw20170702_1 span { width:350px; height:525px; background-image:url(../img/news/nw20170702_1.jpg); }
#nw20170702_2 { width:525px; height:350px; }
#nw20170702_2 span { width:525px; height:350px; background-image:url(../img/news/nw20170702_2.jpg); }
#nw20170704 { width:826px; height:250px; }
#nw20170704 span { width:826px; height:250px; background-image:url(../img/news/nw20170704.jpg); }
#nw20170706 { width:826px; height:322px; }
#nw20170706 span { width:826px; height:322px; background-image:url(../img/news/nw20170706.jpg); }
#nw20170711_1 { width:525px; height:350px; }
#nw20170711_1 span { width:525px; height:350px; background-image:url(../img/news/nw20170711_1.jpg); }
#nw20170711_2 { width:525px; height:350px; }
#nw20170711_2 span { width:525px; height:350px; background-image:url(../img/news/nw20170711_2.jpg); }

#nw20170714_a { width:300px; height:300px; margin-right:20px; }
#nw20170714_a span { width:300px; height:300px; background-image:url(../img/news/nw20170714_a.jpg); }
#nw20170714_b { width:300px; height:300px; }
#nw20170714_b span { width:300px; height:300px; background-image:url(../img/news/nw20170714_b.jpg); }
#nw20170714_c { width:300px; height:300px; margin-right:20px; }
#nw20170714_c span { width:300px; height:300px; background-image:url(../img/news/nw20170714_c.jpg); }
#nw20170714_d { width:300px; height:300px; }
#nw20170714_d span { width:300px; height:300px; background-image:url(../img/news/nw20170714_d.jpg); }
#nw20170714_e { width:350px; height:145px; }
#nw20170714_e span { width:350px; height:145px; background-image:url(../img/news/nw20170714_e.jpg); }
#nw20170714_f { width:300px; height:300px; }
#nw20170714_f span { width:300px; height:300px; background-image:url(../img/news/nw20170714_f.jpg); }
#nw20170714_g { width:318px; height:450px; }
#nw20170714_g span { width:318px; height:450px; background-image:url(../img/news/nw20170714_g.jpg); }

#nw20170718 { width:620px; height:350px; }
#nw20170718 a { display:block; width:620px; height:350px; background-image:url(../img/news/nw20170718.jpg); text-indent:-9999px; background-size:cover; }

#nw20170725 { width:525px; height:350px; }
#nw20170725 span { width:525px; height:350px; background-image:url(../img/news/nw20170725.jpg); }

#nw20170814 { width:620px; height:350px; }
#nw20170814 a { display:block; width:620px; height:350px; background-image:url(../img/news/nw20170814.jpg); text-indent:-9999px; background-size:cover; }

#nw_oubo_p { width:376px; height:330px; }
#nw_oubo_p span { display:block; width:376px; height:330px; background-image:url(../img/news/nw_oubo_p.jpg); text-indent:-9999px; background-size:cover; }

.nw-btn { width:100%; text-align:center; }
.nw-btn a { display:block; width:13.0em; margin:auto; font-size:1.4em; padding:0.9em; border-radius:1.7em; color:#fff; font-weight:bold; text-decoration:none; outline:none; filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;
background: -moz-linear-gradient(top,  #fc2a97 0%, #e32688 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fc2a97 0%,#e32688 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fc2a97 0%,#e32688 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
.nw-btn a:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }
.nw-btn-t { margin-top:0.5em; display:block; text-align:center; }

#nw20170815_a { width:300px; height:300px; margin-right:20px; }
#nw20170815_a span { width:300px; height:300px; background-image:url(../img/news/nw20170815_a.jpg); }
#nw20170815_b { width:270px; height:300px; }
#nw20170815_b span { width:270px; height:300px; background-image:url(../img/news/nw20170815_b.jpg); }
#nw20170815_c { width:300px; height:422px; }
#nw20170815_c span { width:300px; height:422px; background-image:url(../img/news/nw20170815_c.jpg); }

#nw20170822_1 { width:350px; height:525px; }
#nw20170822_1 span { width:350px; height:525px; background-image:url(../img/news/nw20170822_1.jpg); }
#nw20170822_2 { width:525px; height:350px; }
#nw20170822_2 span { width:525px; height:350px; background-image:url(../img/news/nw20170822_2.jpg); }

#nw20170830_1 { width:350px; height:496px; }
#nw20170830_1 span { width:350px; height:496px; background-image:url(../img/news/nw20170830_1.jpg); }
#nw20170830_2 { width:380px; height:380px; margin:auto; }
#nw20170830_2 span { width:380px; height:380px; background-image:url(../img/news/nw20170830_2.jpg); }
#nw20170830_3 { width:265px; height:380px; margin:auto; }
#nw20170830_3 span { width:265px; height:380px; background-image:url(../img/news/nw20170830_3.jpg); }
#nw20170830_4 { width:350px; height:505px; }
#nw20170830_4 span { width:350px; height:505px; background-image:url(../img/news/nw20170830_4.jpg); }

.nw-2box { display:block; width:100%; }
.nw-2box-inner { float:left; display:block; width:50%; }
.nw-2box-t { display:block; }

#nw20170919 { width:600px; height:446px; }
#nw20170919 span { width:600px; height:446px; background-image:url(../img/news/nw20170919.jpg); }

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

#nw20170620_1,
#nw20170620_1 span { width:270px; height:347px; }
#nw20170620_2 { width:270px; height:180px; margin:10px 0 10px 0; }
#nw20170620_2 span { width:270px; height:180px; }
#nw20170620_3 { width:270px; height:180px; margin:10px 0 10px 0; }
#nw20170620_3 span { width:270px; height:180px; }
#nw20170702_1,
#nw20170702_1 span { width:270px; height:405px; }
#nw20170702_2,
#nw20170702_2 span { width:270px; height:179px; }
#nw20170704 { position:relative; width:100%; height:0; padding-top:30.02663%; }
#nw20170704 span { position:absolute; left:0; top:0; width:100%; height:100%; background-size:cover; }
#nw20170706 { position:relative; width:100%; height:0; padding-top:38.983%; }
#nw20170706 span { position:absolute; left:0; top:0; width:100%; height:100%; background-size:cover; }
#nw20170711_1,
#nw20170711_1 span,
#nw20170711_2,
#nw20170711_2 span { width:270px; height:179px; }

#nw20170714_a { width:270px; height:270px; margin-right:0px; margin-bottom:20px; }
#nw20170714_a span { width:270px; height:270px; }
#nw20170714_b,
#nw20170714_b span { width:270px; height:270px; }
#nw20170714_c { width:270px; height:270px; margin-right:0px; margin-bottom:20px; }
#nw20170714_c span { width:270px; height:270px; }
#nw20170714_d,
#nw20170714_d span { width:270px; height:270px; }
#nw20170714_e,
#nw20170714_e span { width:270px; height:111px; }
#nw20170714_f,
#nw20170714_f span { width:270px; height:270px; }
#nw20170714_g,
#nw20170714_g span { width:270px; height:381px; }

#nw20170718,
#nw20170718 a { width:270px; height:151px; }

#nw20170725,
#nw20170725 span { width:270px; height:179px; }

#nw20170814,
#nw20170814 a { width:270px; height:151px; }

#nw_oubo_p,
#nw_oubo_p span { width:270px; height:236px; }

.nw-btn a { font-size:1.1em; }

#nw20170815_a { width:270px; height:270px; margin-right:0px; margin-bottom:20px; }
#nw20170815_a span { width:270px; height:270px; }
#nw20170815_c,
#nw20170815_c span { width:270px; height:379px; }

#nw20170822_1,
#nw20170822_1 span { width:270px; height:405px; }
#nw20170822_2,
#nw20170822_2 span { width:270px; height:179px; }

#nw20170830_1,
#nw20170830_1 span { width:270px; height:382px; }
#nw20170830_2,
#nw20170830_2 span { width:270px; height:270px; }
#nw20170830_3,
#nw20170830_3 span { width:270px; height:387px; }
#nw20170830_4,
#nw20170830_4 span { width:270px; height:389px; }

.nw-2box-inner { float:none; width:100%; margin-bottom:20px; }
.nw-2box-inner:last-child { margin-bottom:0px; }

#nw20170919 { width:270px; height:200px; }
#nw20170919 span { width:270px; height:200px; background-image:url(../img/news/nw20170919.jpg); }

}



/* 2 - Intro
=================================== */

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

#intro-main { width:876px; margin-bottom:20px; }
#intro-main-inner { width:876px; height:940px; background:url(../img/intro/intro_main.jpg); }
#intro-main p { display:none; }

.intro-t { margin-bottom:20px; }
.intro-t p { font-size:90%; line-height:160%; }

.intro-btn { width:100%; text-align:center; }
.intro-btn a { display:block; width:13.0em; margin:auto; font-size:1.4em; padding:0.9em; border-radius:1.7em; color:#fff; font-weight:bold; text-decoration:none; outline:none; filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;
background: -moz-linear-gradient(top,  #fc2a97 0%, #e32688 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fc2a97 0%,#e32688 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fc2a97 0%,#e32688 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
.intro-btn a:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }

#intro-comment h2 { margin-bottom:15px; padding:0.5em 0.5em; background-color:#fc329b; color:#fff; font-size:140%; line-height:120%; text-shadow:2px 2px 2px rgba(0,0,0,0.2); text-align:center; }
.intro-comment-box { margin-bottom:20px; padding-bottom:10px; border-bottom:#e0147e 2px dotted; }
.intro-comment-box:last-child { margin-bottom:0; border-bottom:none; }
.intro-comment-box h3 { margin-bottom:10px; color:#e0147e; font-size:120%; line-height:120%;  }
.intro-comment-box p { font-size:90%; line-height:160%; padding-bottom:0.5em; }
.intro-comment-box p strong { color:#e0147e; }


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

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

#org-main { width:876px; }
#org-main-inner { width:876px; height:654px; background:url(../img/original/original_main.jpg); }
#org-main p { display:none; }


/* 4 - Cast
=================================== */

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

.cst-box:first-child { margin-bottom:20px; }
.cst-box h2 { margin-bottom:15px; padding:0.3em 0.3em; background-color:#fc329b; color:#fff; font-size:140%; line-height:120%; text-shadow:2px 2px 2px rgba(0,0,0,0.2); text-align:center; }

.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:#e0147e; text-align:right; }
.cst-tbl table td.tbl-dtln { padding:0.3em 0.3em; color:#e0147e; }
.cst-tbl table td.tbl-nm { padding:0.45em 0 0.3em 0; text-align:left; }
.cst-tbl table th.tbl-guest { text-align:center; padding-top:0.8em; }
.cst-tbl table th, .cst-tbl table td.tbl-nm { min-width:9.0em; }

#cst-stf table td.tbl-nm { width:17.0em; }


/* 5 - Story
=================================== */

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

.str-t h2 { width:876px; height:70px; margin-bottom:20px; text-indent:-9999px; }

.str-t p { font-size:90%; line-height:160%; }
.str-t p a { color:#e0147e; font-weight:bold; }

#str-yt { width:620px; margin:0 auto 20px auto; }

#str-main { width:620px; margin:0 auto 20px auto; }
#str-main span { display:block; width:620px; height:413px; 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-pic { width:100%; margin:20px -20px 0 0; text-align:center; }
.story-pic p { display:inline-block; width:410px; vertical-align:top; margin:0 20px 20px 0; }
.story-pic p span { display:block; width:410px; height:273px; 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-bknm h2 { margin-bottom:15px; padding:0.5em 0.5em; background-color:#fc329b; color:#fff; font-family:'Corben'; letter-spacing:0.05em; font-size:150%; font-weight:normal; text-align:center; }
#story-bknm ul { margin:0 -16px -15px 0; /* for space */ font-size:0; }
#story-bknm ul li { display:inline-block; width:204px; margin:0 15px 15px 0; /* for space */ font-size:1rem;  }
#story-bknm ul li a { width:204px; outline:none; color:#fc329b; text-decoration:none; font-size:110%; font-family:'Corben'; filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; text-indent:-9999px; }
#story-bknm ul li a:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }
#story-bknm ul li a i { display:block; margin-bottom:10px; width:204px; height:136px; border-radius:15px; text-indent:-9999px; }

/* v1 */

.story-v1 .str-t h2 { background-image:url(../img/story/story_ttl_v1.png);  }
.story-v1 #story-p1 span { background-image:url(../img/story/story_v1_p1.jpg); }
.story-v1 #story-p2 span { background-image:url(../img/story/story_v1_p2.jpg); }
#story-bknm-1 a i { background-image:url(../img/story/story_v1_bknm.jpg); }
.story-v1 #str-main span { background-image:url(../img/story/story_v1_main.jpg); }

/* v2 */

.story-v2 .str-t h2 { background-image:url(../img/story/story_ttl_v2.png);  }
.story-v2 #story-p1 span { background-image:url(../img/story/story_v2_p1.jpg); }
.story-v2 #story-p2 span { background-image:url(../img/story/story_v2_p2.jpg); }
#story-bknm-2 a i { background-image:url(../img/story/story_v2_bknm.jpg); }
.story-v2 #str-main span { background-image:url(../img/story/story_v2_main.jpg); }

/* v3 */

.story-v3 .str-t h2 { background-image:url(../img/story/story_ttl_v3.png);  }
.story-v3 #story-p1 span { background-image:url(../img/story/story_v3_p1.jpg); }
.story-v3 #story-p2 span { background-image:url(../img/story/story_v3_p2.jpg); }
#story-bknm-3 a i { background-image:url(../img/story/story_v3_bknm.jpg); }
.story-v3 #str-main span { background-image:url(../img/story/story_v3_main.jpg); }

/* v4 */

.story-v4 .str-t h2 { background-image:url(../img/story/story_ttl_v4.png);  }
.story-v4 #story-p1 span { background-image:url(../img/story/story_v4_p1.jpg); }
.story-v4 #story-p2 span { background-image:url(../img/story/story_v4_p2.jpg); }
#story-bknm-4 a i { background-image:url(../img/story/story_v4_bknm.jpg); }
.story-v4 #str-main span { background-image:url(../img/story/story_v4_main.jpg); }

/* v5 */

.story-v5 .str-t h2 { background-image:url(../img/story/story_ttl_v5.png);  }
.story-v5 #story-p1 span { background-image:url(../img/story/story_v5_p1.jpg); }
.story-v5 #story-p2 span { background-image:url(../img/story/story_v5_p2.jpg); }
#story-bknm-5 a i { background-image:url(../img/story/story_v5_bknm.jpg); }
.story-v5 #str-main span { background-image:url(../img/story/story_v5_main.jpg); }

/* v6 */

.story-v6 .str-t h2 { background-image:url(../img/story/story_ttl_v6.png);  }
.story-v6 #story-p1 span { background-image:url(../img/story/story_v6_p1.jpg); }
.story-v6 #story-p2 span { background-image:url(../img/story/story_v6_p2.jpg); }
#story-bknm-6 a i { background-image:url(../img/story/story_v6_bknm.jpg); }
.story-v6 #str-main span { background-image:url(../img/story/story_v6_main.jpg); }

/* v7 */

.story-v7 .str-t h2 { background-image:url(../img/story/story_ttl_v7.png);  }
.story-v7 #story-p1 span { background-image:url(../img/story/story_v7_p1.jpg); }
.story-v7 #story-p2 span { background-image:url(../img/story/story_v7_p2.jpg); }
#story-bknm-7 a i { background-image:url(../img/story/story_v7_bknm.jpg); }
.story-v7 #str-main span { background-image:url(../img/story/story_v7_main.jpg); }

/* v8 */

.story-v8 .str-t h2 { background-image:url(../img/story/story_ttl_v8.png);  }
.story-v8 #story-p1 span { background-image:url(../img/story/story_v8_p1.jpg); }
.story-v8 #story-p2 span { background-image:url(../img/story/story_v8_p2.jpg); }
#story-bknm-8 a i { background-image:url(../img/story/story_v8_bknm.jpg); }
.story-v8 #str-main span { background-image:url(../img/story/story_v8_main.jpg); }

/* v9 */

.story-v9 .str-t h2 { background-image:url(../img/story/story_ttl_v9.png);  }
.story-v9 #story-p1 span { background-image:url(../img/story/story_v9_p1.jpg); }
.story-v9 #story-p2 span { background-image:url(../img/story/story_v9_p2.jpg); }
#story-bknm-9 a i { background-image:url(../img/story/story_v9_bknm.jpg); }
.story-v9 #str-main span { background-image:url(../img/story/story_v9_main.jpg); }

/* v10 */

.story-v10 .str-t h2 { background-image:url(../img/story/story_ttl_v10.png);  }
.story-v10 #story-p1 span { background-image:url(../img/story/story_v10_p1.jpg); }
.story-v10 #story-p2 span { background-image:url(../img/story/story_v10_p2.jpg); }
#story-bknm-10 a i { background-image:url(../img/story/story_v10_bknm.jpg); }
.story-v10 #str-main span { background-image:url(../img/story/story_v10_main.jpg); }


/* 6 - Chart
=================================== */

#chart #main-ttl h1 { background-image:url(../img/chart/chart_ttl.jpg); }
#chart #main-body { padding:0; background-color:#fff; box-shadow:none; }

.diagram { position:relative; width:926px; height:905px; background:url(../img/chart/chart_dgm.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#kanna { top:190px; left:212px; }
.diagram ul li#rei { top:318px; left:543px; }
.diagram ul li#kataoka { top:100px; left:34px; }
.diagram ul li#aota { top:649px; left:235px; }
.diagram ul li#sakaigawa { top:320px; left:34px; }
.diagram ul li#katagiri { top:343px; left:749px; }
.diagram ul li#reon { top:649px; left:405px; }
.diagram ul li#tetsuzo { top:73px; left:766px; }
.diagram ul li#morikawa { top:649px; left:65px; }
.diagram ul li#ryoko { top:33px; left:526px; }
.diagram ul li#kanna a { width:230px; height:350px; }
.diagram ul li#rei a { width:190px; height:240px; }
.diagram ul li#ryoko a { width:190px; height:250px; }
.diagram ul li#kataoka a,
.diagram ul li#aota a,
.diagram ul li#sakaigawa a,
.diagram ul li#katagiri a,
.diagram ul li#reon a,
.diagram ul li#tetsuzo a,
.diagram ul li#morikawa a { width:140px; height:200px; }

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

.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.gif); }

.cht-box-inner { padding:20px; background-color:#fff; box-shadow:0px 0px 7px rgba(0,0,0,0.2) inset; }
.cht-box-pic { float:left; width:250px; height:300px; box-sizing:border-box; margin-right:20px; border:7px #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:270px; box-sizing:border-box; }
.cht-box-name { width:370px; height:60px; margin-bottom:10px; background-position:0 0; background-repeat:no-repeat; text-indent:-9999px; }
.cht-box-txt { width:370px; height:230px; overflow:auto; line-height:160%; }
#cht-kanna .cht-box-pic { background-image:url(../img/chart/chart_p_pic_kanna.jpg); }
#cht-rei .cht-box-pic { background-image:url(../img/chart/chart_p_pic_rei.jpg); }
#cht-kataoka .cht-box-pic { background-image:url(../img/chart/chart_p_pic_kataoka.jpg); }
#cht-aota .cht-box-pic { background-image:url(../img/chart/chart_p_pic_aota.jpg); }
#cht-sakaigawa .cht-box-pic { background-image:url(../img/chart/chart_p_pic_sakaigawa.jpg); }
#cht-katagiri .cht-box-pic { background-image:url(../img/chart/chart_p_pic_katagiri.jpg); }
#cht-reon .cht-box-pic { background-image:url(../img/chart/chart_p_pic_reon.jpg); }
#cht-tetsuzo .cht-box-pic { background-image:url(../img/chart/chart_p_pic_tetsuzo.jpg); }
#cht-morikawa .cht-box-pic { background-image:url(../img/chart/chart_p_pic_morikawa.jpg); }
#cht-ryoko .cht-box-pic { background-image:url(../img/chart/chart_p_pic_ryoko.jpg); }
#cht-kanna .cht-box-name { background-image:url(../img/chart/chart_p_name_kanna.gif); }
#cht-rei .cht-box-name { background-image:url(../img/chart/chart_p_name_rei.gif); }
#cht-kataoka .cht-box-name { background-image:url(../img/chart/chart_p_name_kataoka.gif); }
#cht-aota .cht-box-name { background-image:url(../img/chart/chart_p_name_aota.gif); }
#cht-sakaigawa .cht-box-name { background-image:url(../img/chart/chart_p_name_sakaigawa.gif); }
#cht-katagiri .cht-box-name { background-image:url(../img/chart/chart_p_name_katagiri.gif); }
#cht-reon .cht-box-name { background-image:url(../img/chart/chart_p_name_reon.gif); }
#cht-tetsuzo .cht-box-name { background-image:url(../img/chart/chart_p_name_tetsuzo.gif); }
#cht-morikawa .cht-box-name { background-image:url(../img/chart/chart_p_name_morikawa.gif); }
#cht-ryoko .cht-box-name { background-image:url(../img/chart/chart_p_name_ryoko.gif); }


/* 7 - Music
=================================== */

#music #main-ttl h1 { background-image:url(../img/music/music_ttl.jpg); }

#music-ttl { margin-bottom:15px; padding:0.5em 0.5em; background-color:#fd5e48; color:#fff; font-size:140%; line-height:120%; text-shadow:2px 2px 2px rgba(0,0,0,0.2); text-align:center; }

.music-t { margin-bottom:20px; }
.music-t:last-child { margin-bottom:0; }
.music-t p { font-size:90%; line-height:160%; padding-bottom:10px; }
.music-t h3 { font-size:140%; color:#fd5e48; border-bottom:#fd5e48 2px solid; padding-bottom:5px; margin-bottom:15px; }
.music-t h4 { margin-bottom:10px; }

#music-dtl { border:#ffd7a8 5px solid; padding:15px; margin-bottom:20px; font-size:90%; line-height:160%; }
#music-dtl h3 { font-size:120%; margin-bottom:5px; }
.music-songttl { font-size:150%; color:#fd5e48; font-weight:bold; }
.music-songttl2 { font-size:120%; color:#fd5e48; font-weight:bold; }

#music-p1 { width:100%; margin:0 0 20px 0; text-align:center; }
#music-p1 span { display:block; width:333px; height:500px; margin:auto; background:url(../img/music/music_p1.jpg) center center; background-size:cover; text-indent:-9999px; box-shadow:1px 1px 4px rgba(0,0,0,0.2); }
#music-p2 { width:100%; margin:0 0 20px 0; text-align:center; }
#music-p2 span { display:block; width:500px; height:333px; margin:auto; background:url(../img/music/music_p2.jpg) center center; background-size:cover; text-indent:-9999px; box-shadow:1px 1px 4px rgba(0,0,0,0.2); }


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

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

#gr-ttl { margin-bottom:20px; padding:0.5em 0.5em; background-color:#e0147e; color:#fff; font-size:140%; line-height:120%; text-shadow:2px 2px 2px rgba(0,0,0,0.2); text-align:center; }

#gr-box { margin-bottom:20px; padding:15px; border:#ffd0e8 5px solid; background-color:#ffe2f1; }

#gr-main li span,
#gr-tmb li { display:block; background-repeat:no-repeat; background-size:contain; background-position:center center; }

#gr-tmb:after {content:"";clear:both;display:block;}

#gr-tmb li { filter: alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; }
#gr-tmb .sp-selected-thumbnail li { filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }

.gr-p-n { display:block; position:absolute; top:1.0em; right:1.0em; z-index:10; padding:0.5em; border-radius:1.0em; color:#fff; background-color:rgba(0,0,0,0.5); font-size:80%; line-height:100%; }

.sp-arrow:before, .sp-arrow:after { background-color:#fc2a97!important; }


/* 9 - BBS
=================================== */

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

.bbs-btn { width:100%; text-align:center; margin-bottom:10px; }
.bbs-btn a { display:block; width:13.0em; margin:auto; font-size:1.4em; padding:0.9em; border-radius:1.7em; color:#fff; font-weight:bold; text-decoration:none; outline:none; filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;
background: -moz-linear-gradient(top,  #fc2a97 0%, #e32688 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fc2a97 0%,#e32688 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fc2a97 0%,#e32688 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
.bbs-btn a:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }

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; font-size:90%; }
#prevnext ul li { display:inline-block; }
#prevnext ul li span { display:none; }
#prevnext ul li a { display:block; color:#fff; background-color:#fc329b; text-decoration:none; padding:0.5em 0.75em; border-radius:1.0em; line-height:100%; }
#prevnext #prev { float:left; }
#prevnext #next { float:right; }

#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-msg { font-size:100%; line-height:140%; margin-bottom:10px; }
#bbs-msg2 { font-size:100%; line-height:140%; margin-bottom:10px; color:#ff2aa2; text-align:center; font-weight:bold; }

/* sp1 - Present
=================================== */

#prs-main { margin-bottom:20px; }
#prs-main-inner { width:876px; height:469px; background-image:url(../img/present/present_main.jpg); text-indent:-9999px; }

#prs-quiz { border:#ffe2f1 10px solid; margin-bottom:20px; padding:15px; text-align:center; }
#prs-quiz h2 { margin-bottom:15px; padding:0.5em 0.5em; background-color:#fc2a97; color:#fff; font-size:140%; line-height:120%; text-shadow:2px 2px 2px rgba(0,0,0,0.2); text-align:center; }
#prs-q, #prs-a { font-size:140%; line-height:120%; margin-bottom:15px; }
#prs-a dt, #prs-a dd { display:inline-block; }
#prs-a dt { background-color:#fc2a97; padding:0.3em 0.5em; margin-right:0.25em; border-radius:1.2em; font-family:'Corben'; color:#fff; }
#prs-a dd { margin-right:0.5em; }

#prs-btn { width:100%; }
#prs-btn a { display:block; width:11.0em; margin:auto; font-size:1.4em; padding:0.9em; border-radius:1.7em; color:#fff; font-weight:bold; text-decoration:none; outline:none; filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;
background: -moz-linear-gradient(top,  #fc2a97 0%, #e32688 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fc2a97 0%,#e32688 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fc2a97 0%,#e32688 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
#intro-btn a:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }
#prs-end { font-size:1.2em; color:#fc2a97; font-weight:bold; }

#prs-quiz-bknm h2 { margin-bottom:15px; padding:0.5em 0.5em; background-color:#fc2a97; color:#fff; font-size:140%; line-height:120%; text-shadow:2px 2px 2px rgba(0,0,0,0.2); text-align:center; }
.prs-bknm-box { margin-bottom:15px; }
.prs-bknm-box:after {content:"";clear:both;display:block;}
.prs-bknm-vol { display:inline; padding:0.4em 0.4em; background-color:#fc2a97; color:#fff; font-size:120%; line-height:160%; }
.prs-bknm-q { display:inline; font-size:120%; line-height:160%; margin-right:0.5em; }
.prs-bknm-a { display:inline; font-size:120%; line-height:140%; font-weight:bold; color:#fc2a97; }


/* sp2 - Report
=================================== */

#report-ttl-inner { position:relative; width:926px; height:310px; background-image:url(../img/report/report_ttl.jpg); text-indent:-9999px; }
#report-ttl-inner h1 { position:absolute; text-indent:-9999px; }
#report-ttl-link { position:absolute; top:265px; left:300px; display:block; width:137px; height:21px; }
#report-ttl-link:hover { background-color:rgba(37,208,190,0.2); }
#report #main-body { padding:0; box-shadow:0px 0px 0px rgba(0,0,0,0.2) inset; }
#rp-wrap { padding:25px; background-color:#f7f8f8; box-shadow:0px 0px 10px rgba(0,0,0,0.2) inset; }
#rp-wrap:after {content:"";clear:both;display:block;}

#rp-main { float:left; width:610px; margin-right:25px; box-shadow:0px 0px 7px rgba(0,0,0,0.2); }

#rp-header { padding:15px; background-color:#03d9c2; }
#rp-date { margin-bottom:10px; color:#fff; font-family:'Corben'; letter-spacing:0.05em; }
#rp-ttlbox { padding:10px; background-color:#fff; border-radius:15px; }
#rp-ttlbox:after {content:"";clear:both;display:block;}
#rp-ttl { font-size:110%; line-height:120%; }
#rp-vol { font-family:'Corben'; letter-spacing:0.05em; font-size:110%; line-height:120%; color:#ff0c8b; }

#rp-body { padding:15px 15px 10px 15px; background-color:#fff; }

.rp-t { padding-bottom:1.0em; font-size:90%; 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:10px;*/ }
.rp-p { width:100%; }
.rp-p span { margin:0 auto 10px auto; border:#ffe2f1 5px solid; box-sizing:border-box; background-size:cover; background-color:#FFF; }
.rp-cap { color:#e1007f; line-height:130%; margin-bottom:10px; }

.rp-p-yoko .rp-p span { width:450px; height:300px; }
.rp-p-tate .rp-p span { width:300px; height:450px; }

/* rp-bknm */

#rp-bknm { float:left; width:240px; box-shadow:0px 0px 7px rgba(0,0,0,0.2); }
#rp-bknm h2 { padding:13px; background-color:#03d9c2; font-size:130%; font-family:'Corben'; letter-spacing:0.05em; color:#fff; font-weight:normal; }
#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 { text-decoration:none; color:#333; }
#rp-bknm ul li a:hover { text-decoration:underline; }
.rp-bknm-date { display:block; font-weight:bold; color:#ff0c8b; }


/* sp3 - Intv
=================================== */

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

#intv_subttl { width:506px; height:70px; margin-bottom:20px; text-indent:-9999px; }

.intv_p_main { float:right; width:350px; box-shadow:1px 1px 4px rgba(0,0,0,0.2); }
.intv_p_main span { display:block; width:350px; height:426px; background-size:cover; }
.intv_p_main2 { display:none; }

.intv-t-box1 { width:506px; }
.intv-t-box2 { width:623px; }

.intv-clfx:after {content:"";clear:both;display:block; margin-bottom:20px;}

.intv-p-l,
.intv-p-r { margin-top:0.3em; }
.intv-p-l span,
.intv-p-r span { display:block; box-shadow:1px 1px 4px rgba(0,0,0,0.2); background-size:cover; }
.intv-p-l { float:left; margin-right:20px; }
.intv-p-r { float:right; margin-left:20px; }

.intv-q { margin-bottom:10px; padding:0.5em; background-color:#ffe2f1; color:#fc329b; font-weight:bold; font-size:100%; line-height:140%; }
.intv-q-icon { display:inline-block; width:2.0em; padding:0.25em; box-sizing:border-box; border-radius:1.0em; background-color:#fc329b; font-family:'Corben'; font-weight:normal; color:#fff; text-align:center; }

.intv-a { margin-bottom:20px; font-size:90%; line-height:160%; }

#intv-bknm { padding:10px 0 }
#intv-bknm h2 { margin-bottom:15px; padding:0.5em 0.5em; background-color:#fc329b; color:#fff; font-family:'Corben'; letter-spacing:0.05em; font-size:150%; font-weight:normal; text-align:center; }
#intv-bknm ul { margin:0 -16px -15px 0; }
#intv-bknm ul li { display:inline-block; width:204px; margin:0 15px 15px 0; }
#intv-bknm ul li a { width:204px; outline:none; color:#fc329b; text-decoration:none; font-size:120%; line-height:120%; font-weight:bold; filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; text-indent:-9999px; }
#intv-bknm ul li a:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }
#intv-bknm ul li a i { display:block; margin-bottom:8px; width:204px; height:152px; border-radius:10px; text-indent:-9999px; }

/* v1 */

.intv-v1 #intv_subttl { background-image:url(../img/intv/intv_v1_ttl.jpg); }
.intv-v1 .intv_p_main span,
.intv-v1 .intv_p_main2 span { background-image:url(../img/intv/intv_v1_p1.jpg); }
.intv-v1 #intv_p2 span { width:350px; height:233px; background-image:url(../img/intv/intv_v1_p2.jpg); }
.intv-v1 #intv_p3 span { width:350px; height:233px; background-image:url(../img/intv/intv_v1_p3.jpg); }
.intv-v1 #intv_p4 { margin-top:0em; }
.intv-v1 #intv_p4_2 { display:none; }
.intv-v1 #intv_p4 span,
.intv-v1 #intv_p4_2 span { width:233px; height:350px; background-image:url(../img/intv/intv_v1_p4.jpg); }

#intv-bknm-1 a i { background-image:url(../img/intv/intv_v1_bknm.jpg); }

/* v2 */

.intv-v2 #intv_subttl { background-image:url(../img/intv/intv_v2_ttl.jpg); }
.intv-v2 .intv_p_main span,
.intv-v2 .intv_p_main2 span { background-image:url(../img/intv/intv_v2_p1.jpg); }
.intv-v2 #intv_p2 span { width:240px; height:160px; background-image:url(../img/intv/intv_v2_p2.jpg); }
.intv-v2 #intv_p3 span { width:180px; height:120px; background-image:url(../img/intv/intv_v2_p3.jpg); }
.intv-v2 #intv_p4 span { width:180px; height:120px; background-image:url(../img/intv/intv_v2_p4.jpg); }
.intv-v2 #intv_p5 span { width:180px; height:120px; background-image:url(../img/intv/intv_v2_p5.jpg); }
.intv-v2 #intv_p6 span { width:180px; height:120px; background-image:url(../img/intv/intv_v2_p6.jpg); }

#intv-bknm-2 a i { background-image:url(../img/intv/intv_v2_bknm.jpg); }

/* v3 */

.intv-v3 #intv_subttl { background-image:url(../img/intv/intv_v3_ttl.jpg); }
.intv-v3 .intv_p_main span,
.intv-v3 .intv_p_main2 span { background-image:url(../img/intv/intv_v3_p1.jpg); }
.intv-v3 #intv_p2 span { width:180px; height:120px; background-image:url(../img/intv/intv_v3_p2.jpg); }
.intv-v3 #intv_p3 span { width:180px; height:120px; background-image:url(../img/intv/intv_v3_p3.jpg); }
.intv-v3 #intv_p4 span { width:180px; height:120px; background-image:url(../img/intv/intv_v3_p4.jpg); }
.intv-v3 #intv_p5 span { width:240px; height:160px; background-image:url(../img/intv/intv_v3_p5.jpg); }

#intv-bknm-3 a i { background-image:url(../img/intv/intv_v3_bknm.jpg); }



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

/* v1 */

.intv-v1 #intv_p2 span,
.intv-v1 #intv_p3 span { width:300px; height:200px; }
.intv-v1 #intv_p4 { display:none; }
.intv-v1 #intv_p4_2 { display:block; }
.intv-v1 #intv_p4 span { width:200px; height:300px; }

/* v2 */

.intv-v2 #intv_p2 span,
.intv-v2 #intv_p3 span,
.intv-v2 #intv_p4 span,
.intv-v2 #intv_p5 span,
.intv-v2 #intv_p6 span { width:300px; height:200px; }

/* v3 */

.intv-v3 #intv_p2 span,
.intv-v3 #intv_p3 span,
.intv-v3 #intv_p4 span,
.intv-v3 #intv_p5 span { width:300px; height:200px; }

}


/* sp4 - Fashion
=================================== */

#fsn-ttl { margin-bottom:20px; }
#fsn-ttl-inner { width:876px; height:125px; background-image:url(../img/fashion/fashion_ttl.png); text-indent:-9999px; }

#fsn-subttl { width:876px; height:37px; text-indent:-9999px; margin-bottom:20px; }

#fsn-box { margin-bottom:20px; }
#fsn-box:after {content:"";clear:both;display:block;}

.fsn-p-box { float:right; width:350px; }
.fsn-p-area { position:relative; width:350px; }
.fsn-btn-pick { position:absolute; z-index:11; }
.fsn-btn-pick a { display:block; width:100%; height:100%; text-indent:-9999px; filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; text-indent:-9999px; }
.fsn-btn-pick a:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }
.fsn-p { position:absolute; z-index:10; width:350px; border:#fff 5px solid; box-sizing:border-box; box-shadow:2px 2px 4px rgba(0,0,0,0.2); background-size:cover; }

#fsn-t-box { float:left; width:496px; }
.fsn-sttl { width:496px; height:50px; margin-bottom:15px; text-indent:-9999px; }
.fsn-t { font-size:90%; line-height:160%; margin-bottom:15px; }

#fsn-point { position: relative; z-index:1; overflow:hidden; width: 100%; }
#fsn-point-inner { position:relative; width:auto; background:#def4fd; padding:15px 20px 20px 20px; }
.fscrn1, .fscrn2, .fscrn3, .fscrn4 { width:30px; height:30px; background:#FFF; position:absolute; z-index:2; -webkit-border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%; border-radius:100%; }
.fscrn1 { left:-15px; top:-15px; }
.fscrn2 { right:-15px; top:-15px; }
.fscrn3 { left:-15px; bottom:-15px; }
.fscrn4 { right:-15px; bottom:-15px; }
#fsn-point h3 { margin-bottom:8px; width:100%; height:23px; background:url(../img/fashion/fashion_point_ttl.png) center left no-repeat; background-size:contain; text-indent:-9999px; }
#fsn-point-t { padding-top:8px; border-top:#59c9f5 1px solid; font-size:90%; line-height:160%; }

#fsn-pick { position:absolute; left:50%; z-index:10000!important; margin-left:-250px; width:500px; background-color:#afece3; border-radius:20px; padding:20px; box-sizing:border-box; }
#fsn-pick-p { float:left; width:200px; margin-right:20px; border:#fff 5px solid; box-sizing:border-box; box-shadow:2px 2px 4px rgba(0,0,0,0.2); background-size:cover; }
#fsn-pick-r { float:left; width:240px; }
#fsn-pick-r h3 { margin-bottom:10px; height:36px; background:url(../img/fashion/fashion_pick_ttl.png) 10px center no-repeat; background-color:#36d3bb; background-size:auto 17px; text-indent:-9999px; }
#fsn-pick-r h4 { font-size:120%; line-height:120%; color:#01b69b; margin-bottom:5px; }
#fsn-pick-t { font-size:90%; line-height:160%; }
.fsn-btn-close { clear:both; width:100%; text-align:center; padding-top:20px; }
.fsn-btn-close a { display:block; width:90px; height:24px; margin:auto; background:url(../img/fashion/fashion_pick_close.png) center center no-repeat; background-size:cover; text-indent:-9999px; filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; text-indent:-9999px; }
.fsn-btn-close a:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }

#fashion-bknm h2 { margin-bottom:15px; padding:0.5em 0.5em; background-color:#fc329b; color:#fff; font-family:'Corben'; letter-spacing:0.05em; font-size:150%; font-weight:normal; text-align:center; }
#fashion-bknm ul { margin:0 -15px -15px 0; /* for space */ font-size:0; }
#fashion-bknm ul li { display:inline-block; width:204px; margin:0 15px 15px 0; /* for space */ font-size:1rem;  }
#fashion-bknm ul li a { width:204px; outline:none; color:#fc329b; text-decoration:none; font-size:110%; font-family:'Corben'; filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; text-indent:-9999px; }
#fashion-bknm ul li a:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }
#fashion-bknm ul li a i { display:block; margin-bottom:10px; width:204px; height:136px; border-radius:15px; text-indent:-9999px; }

/* v1 */

#f-nav-fashion a#top-nav-fashion-book,
#top-nav-fashion a#top-nav-fashion-book { background:url(../img/top/top_nav_fashion_v1.png); }

.fsn-v1 #fsn-subttl { background-image:url(../img/fashion/fashion_v1_subttl.png); }
.fsn-v1 #fsn-sttl-1 { background-image:url(../img/fashion/fashion_v1_sttl_1.png); }
.fsn-v1 #fsn-sttl-2 { background-image:url(../img/fashion/fashion_v1_sttl_2.png); }
.fsn-v1 .fsn-btn-pick { top:23px; left:30px; width:131px; height:106px; }
.fsn-v1 .fsn-btn-pick a { background:url(../img/fashion/fashion_pick_ar.png); }
.fsn-v1 #fsn-p-1 .fsn-p { height:623px; background-image:url(../img/fashion/fashion_v1_main.jpg); }
.fsn-v1 .fsn-p-area { height:623px; }
.fsn-v1-pick #fsn-pick-p { height:200px; background-image:url(../img/fashion/fashion_v1_pick.jpg); }

#fashion-bknm-1 a i { background-image:url(../img/fashion/fashion_v1_bknm.jpg); }

/* v2 */

#f-nav-fashion a#top-nav-fashion-book,
#top-nav-fashion a#top-nav-fashion-book { background:url(../img/top/top_nav_fashion_v2.png); }

.fsn-v2 #fsn-subttl { background-image:url(../img/fashion/fashion_v2_subttl.png); }
.fsn-v2 #fsn-sttl-1 { background-image:url(../img/fashion/fashion_v2_sttl_1.png); }
.fsn-v2 .fsn-btn-pick { top:161px; left:7px; width:131px; height:106px; }
.fsn-v2 .fsn-btn-pick a { background:url(../img/fashion/fashion_pick_ar2.png); }
.fsn-v2 #fsn-p-1 .fsn-p { height:525px; background-image:url(../img/fashion/fashion_v2_main.jpg); }
.fsn-v2 .fsn-p-area { height:525px; }
.fsn-v2-pick #fsn-pick-p { height:235px; background-image:url(../img/fashion/fashion_v2_pick.jpg); }

#fashion-bknm-2 a i { background-image:url(../img/fashion/fashion_v2_bknm.jpg); }

/* v3 */

#f-nav-fashion a#top-nav-fashion-book,
#top-nav-fashion a#top-nav-fashion-book { background:url(../img/top/top_nav_fashion_v3.png); }

.fsn-v3 #fsn-subttl { background-image:url(../img/fashion/fashion_v3_subttl.png); height:40px; }
@media all and (max-width: 767px) { .fsn-v3 #fsn-subttl { height:auto; } }
.fsn-v3 #fsn-sttl-1 { background-image:url(../img/fashion/fashion_v3_sttl_1.png); }
.fsn-v3 .fsn-btn-pick { top:161px; left:7px; width:131px; height:106px; }
.fsn-v3 .fsn-btn-pick a { background:url(../img/fashion/fashion_pick_ar2.png); }
.fsn-v3 #fsn-p-1 .fsn-p { height:559px; background-image:url(../img/fashion/fashion_v3_main.jpg); }
.fsn-v3 .fsn-p-area { height:559px; }
.fsn-v3-pick #fsn-pick-p { height:235px; background-image:url(../img/fashion/fashion_v3_pick.jpg); }

#fashion-bknm-3 a i { background-image:url(../img/fashion/fashion_v3_bknm.jpg); }

/* v4 */

#f-nav-fashion a#top-nav-fashion-book,
#top-nav-fashion a#top-nav-fashion-book { background:url(../img/top/top_nav_fashion_v4.png); }

.fsn-v4 #fsn-subttl { background-image:url(../img/fashion/fashion_v4_subttl.png); height:40px; }
@media all and (max-width: 767px) { .fsn-v4 #fsn-subttl { height:auto; } }
.fsn-v4 #fsn-sttl-1 { background-image:url(../img/fashion/fashion_v4_sttl_1.png); }
.fsn-v4 .fsn-btn-pick { top:161px; left:4px; width:131px; height:106px; }
.fsn-v4 .fsn-btn-pick a { background:url(../img/fashion/fashion_pick_ar2.png); }
.fsn-v4 #fsn-p-1 .fsn-p { height:526px; background-image:url(../img/fashion/fashion_v4_main.jpg); }
.fsn-v4 .fsn-p-area { height:526px; }
.fsn-v4-pick #fsn-pick-p { height:200px; background-image:url(../img/fashion/fashion_v4_pick.jpg); }

#fashion-bknm-4 a i { background-image:url(../img/fashion/fashion_v4_bknm.jpg); }

/* shoko */

.fsn-shoko #fsn-ttl-inner { background-image:url(../img/fashion/fashion_ttl_shoko.png); }

#f-nav-fashion a#top-nav-fashion-book,
#top-nav-fashion a#top-nav-fashion-book { background:url(../img/top/top_nav_fashion_v_shoko.png); }

.fsn-shoko #fsn-sttl-1 { background-image:url(../img/fashion/fashion_shoko_sttl_1.png); }
.fsn-shoko .fsn-btn-pick { top:77px; left:192px; width:131px; height:106px; }
.fsn-shoko .fsn-btn-pick a { background:url(../img/fashion/fashion_pick_ar_shoko.png); }
.fsn-shoko #fsn-p-1 .fsn-p { height:475px; background-image:url(../img/fashion/fashion_shoko_main.jpg); }
.fsn-shoko .fsn-p-area { height:475px; }
.fsn-shoko-pick #fsn-pick-p { height:200px; background-image:url(../img/fashion/fashion_shoko_pick.jpg); }

.fsn-shoko #fsn-point h3 { margin-bottom:8px; width:100%; height:23px; background:url(../img/fashion/fashion_point_ttl_shoko.png) center left no-repeat; background-size:contain; text-indent:-9999px; }

#fashion-bknm-shoko a i { background-image:url(../img/fashion/fashion_shoko_bknm.jpg); }

/* v5 */

.fsn-v5 #fsn-ttl-inner { background-image:url(../img/fashion/fashion_ttl_v5.png); }

#f-nav-fashion a#top-nav-fashion-book,
#top-nav-fashion a#top-nav-fashion-book { background:url(../img/top/top_nav_fashion_v5.png); }

.fsn-v5 #fsn-box { margin-bottom:0; }
.fsn-v5 .fsn-p-box { float:none; width:876px; margin-bottom:20px; }

.fsn-v5 #fsn-subttl { background-image:url(../img/fashion/fashion_v5_subttl.png); }
.fsn-v5 #fsn-sttl-1 { width:876px; background-image:url(../img/fashion/fashion_v5_sttl_1.png); }
.fsn-v5 #fsn-sttl-2 { width:876px; background-image:url(../img/fashion/fashion_v5_sttl_2.png); }
.fsn-v5 .fsn-btn-pick { top:76px; left:586px; width:106px; height:131px; }
.fsn-v5 .fsn-btn-pick a { background:url(../img/fashion/fashion_pick_ar4.png); }
.fsn-v5 #fsn-p-1 .fsn-p { width:100%; height:100%; background-image:url(../img/fashion/fashion_v5_main.jpg); background-cover:contain; }
.fsn-v5 .fsn-p-area { width:876px; height:590px; }
.fsn-v5-pick #fsn-pick-p { height:200px; background-image:url(../img/fashion/fashion_v5_pick.jpg); }

.fsn-v5 #fsn-t-box { float:none; width:876px; }
.fsn-v5 #fsn-point { margin-bottom:20px; }

.fsn-v5-pick .fsn-p-box { float:none; width:100%; text-align:center; margin-bottom:20px; }
.fsn-v5-pick #fsn-pick-p { float:none; width:250px; height:167px; margin:0 auto 10px auto; background-image:url(../img/fashion/fashion_v5_pick.jpg); }
.fsn-v5-pick #fsn-pick-r { float:none; width:100%; }

#fashion-bknm-5 a i { background-image:url(../img/fashion/fashion_v5_bknm.jpg); }

/* v6 */

#f-nav-fashion a#top-nav-fashion-book,
#top-nav-fashion a#top-nav-fashion-book { background:url(../img/top/top_nav_fashion_v6.png); }

.fsn-v6 #fsn-subttl { background-image:url(../img/fashion/fashion_v6_subttl.png); height:40px; }
@media all and (max-width: 767px) { .fsn-v6 #fsn-subttl { height:auto; } }
.fsn-v6 #fsn-sttl-1 { background-image:url(../img/fashion/fashion_v6_sttl_1.png); }
.fsn-v6 .fsn-btn-pick { top:289px; left:8px; width:106px; height:131px; }
.fsn-v6 .fsn-btn-pick a { background:url(../img/fashion/fashion_pick_ar5.png); }
.fsn-v6 #fsn-p-1 .fsn-p { height:525px; background-image:url(../img/fashion/fashion_v6_main.jpg); }
.fsn-v6 .fsn-p-area { height:525px; }
.fsn-v6-pick #fsn-pick-p { height:200px; background-image:url(../img/fashion/fashion_v6_pick.jpg); }

#fashion-bknm-6 a i { background-image:url(../img/fashion/fashion_v6_bknm.jpg); }

/* v7 */

.fsn-v7 #fsn-ttl-inner { background-image:url(../img/fashion/fashion_ttl_v7.png); }

#f-nav-fashion a#top-nav-fashion-book,
#top-nav-fashion a#top-nav-fashion-book { background:url(../img/top/top_nav_fashion_v7.png); }

.fsn-v7 #fsn-subttl { background-image:url(../img/fashion/fashion_v7_subttl.png); }
.fsn-v7 #fsn-sttl-1 { background-image:url(../img/fashion/fashion_v7_sttl_1.png); }
.fsn-v7 .fsn-btn-pick { top:199px; left:205px; width:131px; height:106px; }
.fsn-v7 .fsn-btn-pick a { background:url(../img/fashion/fashion_pick_ar6.png); }
.fsn-v7 #fsn-p-1 .fsn-p { height:350px; background-image:url(../img/fashion/fashion_v7_main.jpg); }
.fsn-v7 .fsn-p-area { height:350px; }
.fsn-v7-pick #fsn-pick-p { height:135px; background-image:url(../img/fashion/fashion_v7_pick.jpg); }

#fashion-bknm-7 a i { background-image:url(../img/fashion/fashion_v7_bknm.jpg); }

/* v8 */

#f-nav-fashion a#top-nav-fashion-book,
#top-nav-fashion a#top-nav-fashion-book { background:url(../img/top/top_nav_fashion_v8.png); }

.fsn-v8 #fsn-subttl { background-image:url(../img/fashion/fashion_v8_subttl.png); }
.fsn-v8 #fsn-sttl-1 { background-image:url(../img/fashion/fashion_v8_sttl_1.png); }
.fsn-v8 .fsn-btn-pick { top:308px; left:198px; width:106px; height:131px; }
.fsn-v8 .fsn-btn-pick a { background:url(../img/fashion/fashion_pick_ar7.png); }
.fsn-v8 #fsn-p-1 .fsn-p { height:517px; background-image:url(../img/fashion/fashion_v8_main.jpg); }
.fsn-v8 .fsn-p-area { height:525px; }
.fsn-v8-pick #fsn-pick-p { height:200px; background-image:url(../img/fashion/fashion_v8_pick.jpg); }

#fashion-bknm-8 a i { background-image:url(../img/fashion/fashion_v8_bknm.jpg); }

/* v9 */

.fsn-v9 #fsn-ttl-inner { background-image:url(../img/fashion/fashion_ttl_v9.png); }

#f-nav-fashion a#top-nav-fashion-book,
#top-nav-fashion a#top-nav-fashion-book { background:url(../img/top/top_nav_fashion_v9.png); }

.fsn-v9 #fsn-subttl { background-image:url(../img/fashion/fashion_v9_subttl.png); }
.fsn-v9 #fsn-sttl-1 { background-image:url(../img/fashion/fashion_v9_sttl_1.png); }
.fsn-v9 .fsn-btn-pick { top:177px; left:198px; width:131px; height:106px; }
.fsn-v9 .fsn-btn-pick a { background:url(../img/fashion/fashion_pick_ar3.png); }
.fsn-v9 #fsn-p-1 .fsn-p { height:552px; background-image:url(../img/fashion/fashion_v9_main.jpg); }
.fsn-v9 .fsn-p-area { height:552px; }
.fsn-v9-pick #fsn-pick-p { height:200px; background-image:url(../img/fashion/fashion_v9_pick.jpg); }

.fsn-v9 #fsn-point h3 { margin-bottom:8px; width:100%; height:23px; background:url(../img/fashion/fashion_point_ttl_last.png) center left no-repeat; background-size:contain; text-indent:-9999px; }

#fashion-bknm-9 a i { background-image:url(../img/fashion/fashion_v9_bknm.jpg); }


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

/* shoko */

.fsn-shoko #fsn-ttl-inner { background-image:url(../img/fashion/fashion_ttl_smp_shoko.png); }
.fsn-shoko .fsn-sttl { width:100%; height:auto; padding:0.5em; margin-bottom:10px; box-sizing:border-box; text-indent:0; background-image:none!important; background-color:#fff2e5; border-left:#ffe6ce 5px solid; line-height:120%; color:#ff7e00; }

/* v5 */

.fsn-v5 #fsn-ttl-inner { background-image:url(../img/fashion/fashion_ttl_smp_v5.png); }

.fsn-v5 .fsn-p-box { position:relative; width:100%; height:0; padding-top:67.35%; }
.fsn-v5 .fsn-btn-pick,
.fsn-v5 .fsn-p-area { position:absolute; left:0; top:0; width:100%; height:100%; background-size:cover; }

.fsn-v5 .fsn-btn-pick a { width:100%; height:100%; background:url(../img/fashion/fashion_pick_ar_v5_1.png); background-cover:contain; }
.fsn-v5 #fsn-p-1 .fsn-p { width:100%; height:100%; background-image:url(../img/fashion/fashion_v5_main.jpg); background-cover:contain; }

.fsn-v5 #fsn-sttl-1,
.fsn-v5 #fsn-sttl-2 { width:auto; }
.fsn-v5 .fsn-btn-pick { width:100%; height:100%; }
.fsn-v5 #fsn-t-box { width:auto; }

/* v7 */

.fsn-v7 #fsn-ttl-inner { background-image:url(../img/fashion/fashion_ttl_smp_v7.png); }

/* v9 */

.fsn-v9 #fsn-ttl-inner { background-image:url(../img/fashion/fashion_ttl_smp_v9.png); }

}


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

#fsn-pick-p { width:180px; }

.fsn-p-area,
.fsn-p { width:300px; }

/* v1 */

.fsn-v1 #fsn-p-1 .fsn-p { height:534px; }
.fsn-v1 .fsn-p-area { height:534px; }
.fsn-v1 .fsn-btn-pick { top:19px; left:25px; width:113px; height:92px; }
.fsn-v1-pick #fsn-pick-p { height:180px; }

/* v2 */

.fsn-v2 #fsn-p-1 .fsn-p { height:534px; }
.fsn-v2 .fsn-p-area { height:534px; }
.fsn-v2 .fsn-btn-pick { top:158px; left:8px; width:113px; height:92px; }
.fsn-v2-pick #fsn-pick-p { height:211px; }

/* v3 */

.fsn-v3 #fsn-p-1 .fsn-p { height:479px; }
.fsn-v3 .fsn-p-area { height:479px; }
.fsn-v3 .fsn-btn-pick { top:158px; left:8px; width:113px; height:92px; }
.fsn-v3-pick #fsn-pick-p { height:211px; }

/* v4 */

.fsn-v4 #fsn-p-1 .fsn-p { height:450px; }
.fsn-v4 .fsn-p-area { height:450px; }
.fsn-v4 .fsn-btn-pick { top:143px; left:4px; width:113px; height:92px; }
.fsn-v4-pick #fsn-pick-p { height:180px; }

/* shoko */

.fsn-shoko #fsn-p-1 .fsn-p { height:407px; }
.fsn-shoko .fsn-p-area { height:407px; }
.fsn-shoko .fsn-btn-pick { top:65px; left:165px; width:113px; height:92px; }
.fsn-shoko-pick #fsn-pick-p { height:180px; }

/* v5 */

.fsn-v5-pick #fsn-pick-r h4 { font-size:110%; }
.fsn-v5-pick #fsn-pick-t { font-size:85%; line-height:150%; }

/* v6 */

.fsn-v6 #fsn-p-1 .fsn-p { height:450px; }
.fsn-v6 .fsn-p-area { height:450px; }
.fsn-v6 .fsn-btn-pick { top:247px; left:6px; width:92px; height:113px; }	
.fsn-v6-pick #fsn-pick-p { height:180px; }

/* v7 */

.fsn-v7 #fsn-p-1 .fsn-p { height:300px; }
.fsn-v7 .fsn-p-area { height:300px; }
.fsn-v7 .fsn-btn-pick { top:170px; left:175px; width:113px; height:92px; }

/* v8 */

.fsn-v8 #fsn-p-1 .fsn-p { height:443px; }
.fsn-v8 .fsn-p-area { height:443px; }
.fsn-v8 .fsn-btn-pick { top:263px; left:169px; width:92px; height:113px; }
.fsn-v8-pick #fsn-pick-p { height:180px; }

/* v9 */

.fsn-v9 #fsn-p-1 .fsn-p { height:473px; }
.fsn-v9 .fsn-p-area { height:473px; }
.fsn-v9 .fsn-btn-pick { top:163px; left:168px; width:113px; height:92px; }
.fsn-v9-pick #fsn-pick-p { height:180px; }

}


/* sp5 - Goroku
=================================== */

#grk-ttl-inner { width:926px; height:240px; background-image:url(../img/goroku/goroku_ttl.jpg); text-indent:-9999px; }
#goroku #main-body { padding:0; box-shadow:0px 0px 0px rgba(0,0,0,0.2) inset; }

#grk-txt { padding:20px 35px 20px 35px; background:url(../img/goroku/goroku_bg.gif); box-shadow:0px 0px 5px rgba(0,0,0,0.2) inset; }

#grk-txt h2 { margin-bottom:15px; padding:0.5em 0.5em; background-color:#fc329b; color:#fff; font-size:140%; line-height:120%; text-shadow:2px 2px 2px rgba(0,0,0,0.2); text-align:center; }

.grk-box { margin-bottom:20px; }
.grk-box:after {content:"";clear:both;display:block;}

.grk-p-r,
.grk-p-l { width:160px; height:106px; border:#fff 4px solid; box-sizing:border-box; box-shadow:2px 2px 3px rgba(0,0,0,0.2); background-size:cover; }

.grk-p-r { float:right; transform:rotate(5deg); }
.grk-p-l { float:left; transform:rotate(-5deg); }

.grk-t-l,
.grk-t-r { position:relative; width:660px; margin-bottom:10px; padding:20px 10px; box-sizing:border-box; background-color:#ffef00; border-radius:20px; box-shadow:0px 0px 5px rgba(0,0,0,0.1) inset; font-weight:bold; font-size:180%; line-height:140%; color:#fc2a97; text-align:center; }
.grk-t-l { float:left; }
.grk-t-r { float:right; }
.grk-t-l:after,
.grk-t-r:before { position:absolute; display:block; content:""; width:31px; height:18px; background:url(../img/goroku/goroku_bl_ar.png) no-repeat; background-size:cover; }
.grk-t-l:after { top:18px; right:-26px; }
.grk-t-r:before { top:18px; left:-26px; transform: scale(-1, 1); }

.grk-ttl-bangai { font-size:180%; line-height:140%; color:#fc2a97; text-align:center; margin-bottom:15px;  }

/* v1 */

.goroku-v1 #grk-p1 { background-image:url(../img/goroku/goroku_v1_1.jpg); }
.goroku-v1 #grk-p2 { background-image:url(../img/goroku/goroku_v1_2.jpg); }
.goroku-v1 #grk-p3 { background-image:url(../img/goroku/goroku_v1_3.jpg); }
.goroku-v1 #grk-p4 { background-image:url(../img/goroku/goroku_v1_4.jpg); }
.goroku-v1 #grk-p5 { background-image:url(../img/goroku/goroku_v1_5.jpg); }
.goroku-v1 #grk-p6 { background-image:url(../img/goroku/goroku_v1_6.jpg); }
.goroku-v1 #grk-p7 { background-image:url(../img/goroku/goroku_v1_7.jpg); }

/* v2 */

.goroku-v2 #grk-p1 { background-image:url(../img/goroku/goroku_v2_1.jpg); }
.goroku-v2 #grk-p2 { background-image:url(../img/goroku/goroku_v2_2.jpg); }
.goroku-v2 #grk-p3 { background-image:url(../img/goroku/goroku_v2_3.jpg); }
.goroku-v2 #grk-p4 { background-image:url(../img/goroku/goroku_v2_4.jpg); }
.goroku-v2 #grk-p5 { background-image:url(../img/goroku/goroku_v2_5.jpg); }

/* v3 */

.goroku-v3 #grk-p1 { background-image:url(../img/goroku/goroku_v3_1.jpg); }
.goroku-v3 #grk-p2 { background-image:url(../img/goroku/goroku_v3_2.jpg); }
.goroku-v3 #grk-p3 { background-image:url(../img/goroku/goroku_v3_3.jpg); }
.goroku-v3 #grk-p4 { background-image:url(../img/goroku/goroku_v3_4.jpg); }
.goroku-v3 #grk-p5 { background-image:url(../img/goroku/goroku_v3_5.jpg); }

/* v4 */

.goroku-v4 #grk-p1 { background-image:url(../img/goroku/goroku_v4_1.jpg); }
.goroku-v4 #grk-p2 { background-image:url(../img/goroku/goroku_v4_2.jpg); }
.goroku-v4 #grk-p3 { background-image:url(../img/goroku/goroku_v4_3.jpg); }
.goroku-v4 #grk-p4 { background-image:url(../img/goroku/goroku_v4_4.jpg); }
.goroku-v4 #grk-p5 { background-image:url(../img/goroku/goroku_v4_5.jpg); }

/* v5 */

.goroku-v5 #grk-p1 { background-image:url(../img/goroku/goroku_v5_1.jpg); }
.goroku-v5 #grk-p2 { background-image:url(../img/goroku/goroku_v5_2.jpg); }
.goroku-v5 #grk-p3 { background-image:url(../img/goroku/goroku_v5_3.jpg); }
.goroku-v5 #grk-p4 { background-image:url(../img/goroku/goroku_v5_4.jpg); }

/* v6 */

.goroku-v6 #grk-p1 { background-image:url(../img/goroku/goroku_v6_1.jpg); }
.goroku-v6 #grk-p2 { background-image:url(../img/goroku/goroku_v6_2.jpg); }
.goroku-v6 #grk-p3 { background-image:url(../img/goroku/goroku_v6_3.jpg); }
.goroku-v6 #grk-p4 { background-image:url(../img/goroku/goroku_v6_4.jpg); }
.goroku-v6 #grk-p5 { background-image:url(../img/goroku/goroku_v6_5.jpg); }

/* v7 */

.goroku-v7 #grk-p1 { background-image:url(../img/goroku/goroku_v7_1.jpg); }
.goroku-v7 #grk-p2 { background-image:url(../img/goroku/goroku_v7_2.jpg); }
.goroku-v7 #grk-p3 { background-image:url(../img/goroku/goroku_v7_3.jpg); }

/* v8 */

.goroku-v8 #grk-p1 { background-image:url(../img/goroku/goroku_v8_1.jpg); }
.goroku-v8 #grk-p2 { background-image:url(../img/goroku/goroku_v8_2.jpg); }
.goroku-v8 #grk-p3 { background-image:url(../img/goroku/goroku_v8_3.jpg); }
.goroku-v8 #grk-p4 { background-image:url(../img/goroku/goroku_v8_4.jpg); }

/* v9 */

.goroku-v9 #grk-p1 { background-image:url(../img/goroku/goroku_v9_1.jpg); }
.goroku-v9 #grk-p2 { background-image:url(../img/goroku/goroku_v9_2.jpg); }
.goroku-v9 #grk-p3 { background-image:url(../img/goroku/goroku_v9_3.jpg); }

/* v10 */

.goroku-v10 #grk-p1 { background-image:url(../img/goroku/goroku_v10_1.jpg); }
.goroku-v10 #grk-p2 { background-image:url(../img/goroku/goroku_v10_2.jpg); }
.goroku-v10 #grk-p3 { background-image:url(../img/goroku/goroku_v10_3.jpg); }
.goroku-v10 #grk-p4 { background-image:url(../img/goroku/goroku_v10_4.jpg); }
.goroku-v10 #grk-p5 { background-image:url(../img/goroku/goroku_v10_5.jpg); }


/* sp6 - Kudo
=================================== */

#kudo-ttl { position:relative; width:926px; height:250px; background-image:url(../img/kudo/kudo_ttl.jpg); text-indent:-9999px; }
#kudo-ttl h1 { position:absolute; text-indent:-9999px; }

#kudo #main-body { padding:0; }

#kudo-main { padding:33px; text-align:center; }
#kudo-main h2 { font-size:140%; line-height:180%; color:#40aa00; margin-bottom:20px; }
#kudo-vol { display:inline-block; line-height:100%; padding:0.5em 0.6em 0.3em 0.6em; font-family: 'Corben'; background-color:#fff36e; border-radius:1.0em; font-weight:normal; }
#kudo-mov-area { width:700px; padding:10px; margin:auto; background:url(../img/kudo/kudo_mov_bg.png); border-radius:10px; }

#kudo-bknm { padding:0 33px 33px 33px; }
#kudo-bknm h2 { margin-bottom:15px; padding:0.5em 0.5em; background-color:#70ba49; color:#fff; font-family:'Corben'; letter-spacing:0.05em; font-size:150%; font-weight:normal; text-align:center; }
#kudo-bknm ul { display:flex; /*justify-content:space-between;*/ justify-content:flex-start; flex-wrap:wrap; align-items:stretch; margin:0 -16px -15px 0; }
#kudo-bknm ul li { width:204px; margin:0 15px 15px 0; }
#kudo-bknm ul li a { width:204px; outline:none; color:#40aa00; text-decoration:none; font-size:95%; line-height:120%; filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; text-indent:-9999px; }
#kudo-bknm ul li a:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }
#kudo-bknm ul li a i { display:block; margin-bottom:5px; width:190px; height:107px; border-radius:7px; border:#85c360 7px solid; text-indent:-9999px; }

#kudo-bknm-13 a i { background-image:url(../img/kudo/kudo_bknm_v13.jpg); }
#kudo-bknm-12 a i { background-image:url(../img/kudo/kudo_bknm_v12.jpg); }
#kudo-bknm-11 a i { background-image:url(../img/kudo/kudo_bknm_v11.jpg); }
#kudo-bknm-10 a i { background-image:url(../img/kudo/kudo_bknm_v10.jpg); }
#kudo-bknm-9 a i { background-image:url(../img/kudo/kudo_bknm_v9.jpg); }
#kudo-bknm-8 a i { background-image:url(../img/kudo/kudo_bknm_v8.jpg); }
#kudo-bknm-7 a i { background-image:url(../img/kudo/kudo_bknm_v7.jpg); }
#kudo-bknm-6 a i { background-image:url(../img/kudo/kudo_bknm_v6.jpg); }
#kudo-bknm-5 a i { background-image:url(../img/kudo/kudo_bknm_v5.jpg); }
#kudo-bknm-4 a i { background-image:url(../img/kudo/kudo_bknm_v4.jpg); }
#kudo-bknm-3 a i { background-image:url(../img/kudo/kudo_bknm_v3.jpg); }
#kudo-bknm-2 a i { background-image:url(../img/kudo/kudo_bknm_v2.jpg); }
#kudo-bknm-1 a i { background-image:url(../img/kudo/kudo_bknm_v1.jpg); }



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

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

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

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

#header-inner { position:relative; width:100%; height:0; padding-top:27.5%; }
#logo a { position:absolute; left:0; top:0; width:100%; height:100%; background:url(../img/header_smp.jpg); background-size:cover; }

#gnav { background-image:none; }
#gnav ul { width:100%; padding:0; background-image:none; }
#gnav ul li { width:50%; }
#gnav ul li#gnav-bbs,
#gnav ul li#gnav-bbs a { width:100%; }
#gnav ul li a { width:100%; height:100%; padding:0.9em 0.5em; box-sizing:border-box; background-image:none; text-indent:0; text-align:center; font-size:18px; color:#fff; text-decoration:none; font-weight:bold; text-shadow:2px 2px 2px rgba(0,0,0,0.2); box-shadow:-2px 0px 0.4em rgba(0,0,0,0.2) inset; }

#gnav-news a { background-color:#f354d9; }
#gnav-intro a { background-color:#11dd31; }
#gnav-original a { background-color:#06b5ff; }
#gnav-cast a { background-color:#ff9600; }
#gnav-story a { background-color:#fed700; }
#gnav-chart a { background-color:#ff3880; }
#gnav-bbs a { background-color:#0bc2a6; }


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

main { width:100%; margin:0; padding:0; background:none; }
#main-body { padding:10px; box-shadow:0px 0px 5px rgba(0,0,0,0.2) inset; }

#main-ttl { width:100%; height:auto; background:url(../img/main_ttl_bg.png) center top; padding:5px 0; bx-shadow:0px 0px 5px rgba(0,0,0,0.2) inset; }
#main-ttl h1 { width:500px; height:110px; margin:auto; background:url(../img/main_ttl_smp.png) center center no-repeat!important; background-size:cover!important; text-indent:0; font-size:30px; line-height:90px; color:#fff; text-align:center; text-shadow:2px 2px 2px rgba(0,0,0,0.2); }

#bknm ul li { margin-right:-0.5em; }
#bknm ul li { margin-right:0.5em; margin-bottom:0.5em; }
#bknm ul li a { display:inline-block; width:2.5em; font-size:1.2em; }


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

#footer-inner { width:auto; padding:10px 10px 2.9em 10px; }

#f-box-l { float:none; width:100%; }
#f-box-logo { display:none; }

#f-rectangle { float:none; margin:0 auto 10px auto; }

#f-sns { margin-bottom:5px; }

#f-copy { font-size:80%; }

#f-sns-link { margin:0 0 10px 0; }
#f-sns-link ul li a { width:90px; height:90px; background-size:cover; }
#f-sns-link-t { font-size:80%; }

#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:#e0147e; }
#pagetop a:before { content:"▲ "; font-size:70%; position:relative; bottom:0.1em; }

#footer-sp { width:100%; margin:0 auto 00px auto; text-align:center; }
#footer-sp ul { width:100%; }
#footer-sp ul li { width:49%; vertical-align:top; height:0; top:0; left:0; padding-top:31.195%; margin-bottom:2vw; }
#f-nav-present,
#f-nav-intv,
#f-nav-goroku { margin-right:2%; }
#f-nav-report,
#f-nav-fashion,
#f-nav-kudo,
#f-nav-kudo-end { margin-right:0; }
#footer-sp ul li a { position:absolute; left:0; top:0; width:100%; height:100%; background-size:cover; }
#f-nav-kudo-end span { position:absolute; left:0; top:0; width:100%; height:100%; background-size:cover; }

.update-text { height:5.4vw; font-size:2.7vw; line-height:5.4vw; border-radius:2.7vw; }
#f-nav-report .update-text { top:58%; left:52%; }
#f-nav-kudo .update-text { top:75%; left:20%; }
#f-nav-fashion .update-text { top:65%; left:52%; }
#f-nav-goroku .update-text { top:70%; left:40%; }

#f-nav-fashion a#top-nav-fashion-book { z-index:10; top:3%; left:-2%; width:23.0vw; height:27.6vw; }


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

#top-header { position:relative; width:100%; height:0; padding-top:70.416%; }
#top-main { position:absolute; left:0; top:0; width:100%; height:100%; background-size:cover; }

#top-main-pic { width:100%; height:100%; }
#top-main-logo,
#top-main-oatime { display:none; }

#top-wn { width:100%; height:auto; padding:5px 10px 10px 10px; box-sizing:border-box; }
#top-wn h2 { margin:4px 0 3px 0; width:10.0em; height:1.6rem; box-sizing:border-box; border-radius:0.5em; background-image:none; font-family:'Corben'; font-size:1.1rem; line-height:1.6rem; vertical-align:bottom; color:#ffef00; text-indent:0; font-weight:500; letter-spacing:0.05em; }

#top-main-sns-link { float:right; display:block; margin-bottom:7px; }
#top-main-sns-link ul,
#top-main-sns-link ul li { display:inline-block; vertical-align:middle; }
#top-main-sns-link ul li a { display:block; text-indent:-9999px; width:1.6rem; height:1.6rem; border-radius:0.8rem; margin-right:0.35em; background-size:cover; outline:none; filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
#top-main-sns-link ul li a:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }
#top-main-sns-link-tw a { background:url(../img/top/top_icon_tw.png) center center no-repeat; }
#top-main-sns-link-insta a { background:url(../img/top/top_icon_insta.png) center center no-repeat; }
#top-main-sns-link-t { display:inline-block;  font-size:0.50rem; height:1.6rem; line-height:1.6rem; }

#top-wn-t { clear:both; float:none; margin:0 0 0 0; padding-left:0; width:100%; height:auto; background-image:none; }
#top-wn-t ul { width:100%; height:auto; overflow:visible; }
#top-wn-t ul li { width:100%; padding:5px; background-color:#fff; box-sizing:border-box; border-radius:0.5em; box-shadow:0px 0px 5px rgba(0,0,0,0.2) inset; line-height:140%; text-align:center; }

/* ----- top nav ----- */

#top #main-body { padding:4%; }

#top-nav { position:static; width:100%!important; height:auto; /* for space */ font-size:0; }
#top-nav > li { position:static; /* for space */ font-size:1rem; }
#top-nav > li > a:hover { position:static; top:0; left:0; }

/*
#top-nav-trailer { position:relative!important; width:100%; height:0; padding-top:100%; box-sizing:border-box; margin-bottom:4vw; text-align:center; }
#top-nav-trailer-mov { top:31%; left:0; width:94%; margin:0 3%; }
#top-nav-trailer #str-yt { width:100%; }
#top-nav-trailer-date { top:88%; font-size:5.5vw; text-shadow:1px 1px 4px rgba(0,0,0,0.2); }
*/

#top-nav-news,
#top-nav-intro,
#top-nav-original,
#top-nav-cast,
#top-nav-story,
#top-nav-chart,
#top-nav-music,
#top-nav-gallery,
#top-nav-bbs,
#top-nav-present,
#top-nav-report,
#top-nav-intv,
#top-nav-fashion,
#top-nav-goroku,
#top-nav-kudo,
#top-nav-kudo-end,
#top-nav-line,
#top-nav-free,
#top-nav-ondemand,
#top-nav-stamp,
#top-nav-goods,
#top-nav-dvd,
#top-nav-blank2,
#top-nav-nico { display:inline-block; vertical-align:top; position:relative!important; height:0; top:0; left:0; margin-bottom:3vw; }

#top-nav-sp-ttl { display:block; }
#top-nav-sp-ttl h2 { display:block; font-family:'Corben'; font-size:4.5vw; letter-spacing:0.03em; margin:0 0 2vw 1vw; font-weight:500; color:#e851a0; }
.top-nico { display:inline-block; position:relative; top:-0.1em; vertical-align:top; width:1.0em; height:1.0em; text-indent:-9999px; background:url(../img/top/icon_nico.png) center center no-repeat; background-size:0.9em 0.9em; }

#top-nav-bbs a { background:url(../img/top/top_nav_bbs_s.jpg); }
#top-nav-report a { background:url(../img/top/top_nav_report_smp.png); }
#top-nav-intv a { background:url(../img/top/top_nav_intv_smp.png); }
#top-nav-present a { background:url(../img/top/top_nav_present_smp.png); }
#top-nav-fashion a { background:url(../img/top/top_nav_fashion_smp.png); }
/*#top-nav-fashion a { background:url(../img/top/top_nav_fashion_smp_shoko.png); }*/
#top-nav-goroku a { background:url(../img/top/top_nav_goroku_smp.png); }
#top-nav-kudo a { background:url(../img/top/top_nav_kudo_smp.png); }
#top-nav-kudo-end span { background:url(../img/top/top_nav_kudo_smp_end.png); }

#top-nav-news,
#top-nav-intro,
#top-nav-cast,
#top-nav-chart,
#top-nav-music,
#top-nav-gallery,
#top-nav-present,
#top-nav-intv,
#top-nav-goroku,
#top-nav-free,
#top-nav-ondemand,
#top-nav-stamp,
#top-nav-dvd,
#top-nav-line { margin-right:3%; }

#top-nav-news,
#top-nav-intro,
#top-nav-original,
#top-nav-cast,
#top-nav-music,
#top-nav-gallery,
#top-nav-bbs,
#top-nav-free,
#top-nav-ondemand,
#top-nav-stamp,
#top-nav-goods,
#top-nav-dvd,
#top-nav-line,
#top-nav-nico { width:31.33%; padding-top:30.587%; }
#top-nav-blank2 { width:29.0%; padding-top:30.26%; }

#top-nav-story,
#top-nav-chart { width:65.666%; padding-top:30.946%; }
#top-nav-present,
#top-nav-report,
#top-nav-intv,
#top-nav-fashion,
#top-nav-goroku,
#top-nav-kudo,
#top-nav-kudo-end { width:48.5%; padding-top:30.946%; }

#top-nav-blank { display:none; }

#top-nav-news a,
#top-nav-intro a,
#top-nav-original a,
#top-nav-cast a,
#top-nav-story a,
#top-nav-chart a,
#top-nav-music a,
#top-nav-gallery a,
#top-nav-bbs a,
#top-nav-present a,
#top-nav-intv a,
#top-nav-report a,
#top-nav-fashion a,
#top-nav-goroku a,
#top-nav-kudo a,
#top-nav-kudo-end span,
#top-nav-line a,
#top-nav-free a,
#top-nav-ondemand span,
#top-nav-stamp a,
#top-nav-goods a,
#top-nav-dvd a,
#top-nav-blank2 span,
#top-nav-nico span { position:absolute!important; left:0; top:0; width:100%; height:100%; background-size:cover; }

#top-nav-report .update-text { top:58%; left:52%; }
#top-nav-kudo .update-text { top:75%; left:20%; }
#top-nav-fashion .update-text { top:65%; left:52%; }
#top-nav-goroku .update-text { top:70%; left:40%; }

#top-nav-insta { width:100%; height:150px; margin:0 auto 4vw auto; background:url(../img/top/top_insta_bg_smp.jpg) center top; border-radius:15px; text-align:center; }
#top-nav-insta-ttl { width:100%; height:47px; }
#top-nav-insta-ttl h2 { margin:10px 0 0 10px; width:172px; height:30px; background:url(../img/top/top_insta_ttl_smp.png) center center no-repeat; background-size:cover; }
#top-nav-insta-btn { padding:13px 7px 0 0; }
#top-nav-insta-btn a { width:100px; height:23px; background-size:cover; }
/* insta feed */
div.insta { width:279px; height:85px; margin:auto; padding-left:0; }
div.insta ul li { margin:0 8px 0 0; box-shadow:1px 1px 2px rgba(0,0,0,0.2); }
div.insta ul li a, div.insta ul li a img { width:85px; height:85px; }

#top-nav-tw { width:100%; margin:0 auto 10px auto; }
#top-nav-tw-ttl { position:relative; width:100%; height:45px; background:url(../img/top/top_tw_bg_smp.jpg) left top no-repeat; }
#top-nav-tw-ttl:after { float:none; position:absolute; right:0; display:block; content:""; width:16px; height:45px; background:url(../img/top/top_tw_bg_smp.jpg) right top no-repeat; }
#top-nav-tw-ttl h2 { float:none; position:absolute; top:12px; left:10px; padding:0; width:135px; height:24px; background:url(../img/top/top_tw_ttl_smp.png) center center no-repeat; background-size:cover; }
#top-nav-tw-btn { float:none; position:absolute; top:13px; right:7px; padding:0; z-index:10; }
#top-nav-tw-btn a { width:100px; height:23px; background-size:cover; }
#top-nav-tw-box { padding:10px; height:384px; /*height:609px;*/ }

#top-oubo { width:100%; padding:10px; box-sizing:border-box; }
#top-oubo p { position:relative; width:100%; height:0; padding-top:14.2857%; }
#top-oubo p a { position:absolute; left:0; top:0; width:100%; height:100%; border-radius:10px; background:url(../img/top/oubo2_smp.jpg); background-size:cover; }

#top-nav-fashion a#top-nav-fashion-book { z-index:10; top:3%; left:-2%; width:22.0vw; height:26.453vw; background-size:cover; }


/* 1 - News
=================================== */

.nw-box { border:#f7d1e2 5px solid; margin-bottom:10px; padding:10px; }
.nw-box h2 { font-size:110%; margin-bottom:5px; }
.nw-date { font-size:90%; color:#e95ba5; margin-bottom:10px;  }
.nw-box-t p { font-size:90%; line-height:140%; }


/* 2 - Intro
=================================== */

#intro-main { position:relative; width:100%; height:0; margin-bottom:10px; padding-top:194.91%; }
#intro-main-inner { position:absolute; left:0; top:0; width:100%; height:100%; background:url(../img/intro/intro_main_smp.jpg); background-size:cover; }

.intro-t { margin-bottom:10px; }

.intro-btn a { font-size:1.1em; }

#intro-comment h2 { margin-bottom:10px; padding:0.3em 0.3em; font-size:120%; }
.intro-comment-box h3 { font-size:100%; }


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

#org-main { position:relative; width:100%; height:0; margin-bottom:10px; padding-top:120.7%; }
#org-main-inner { position:absolute; left:0; top:0; width:100%; height:100%; background:url(../img/original/original_main_smp.jpg); background-size:cover; }


/* 4 - Cast
=================================== */

.cst-tbl table th, .cst-tbl table td { font-size:95%; }
#cst-stf table th { clear:both; display:block; float:left; padding:0 0 0.2em 0; text-align:left; min-width:2.0em; }
#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; width:auto; }

.cst-box h2 { margin-bottom:10px; padding:0.3em 0.3em; font-size:120%; }


/* 5 - Story
=================================== */

.str-t h2 { width:100%; height:auto; box-sizing:border-box; margin-bottom:10px; padding:0.3em 0.3em; background-image:none!important; background-color:#fc329b; color:#fff; font-size:120%; line-height:120%; text-shadow:2px 2px 2px rgba(0,0,0,0.2); text-align:center; text-indent:0; }
#str-date { font-size:85%; }

#str-yt { width:auto; position:relative; margin:0 auto 10px auto;  padding-bottom:56.25%; margin-bottom:20px; height:0; }
#str-yt iframe { position:absolute; top: 0; right:0; width:100%!important; height:100%!important; }

#str-main { position:relative; width:100%; height:0; padding-top:66.66%; }
#str-main span { position:absolute; left:0; top:0; width:100%; height:100%; }

#story-bknm { padding:0 0 10px 0 }
#story-bknm h2 { margin-bottom:10px; padding:0.5em 0.5em; font-size:100%; }
#story-bknm ul { margin:0 -1.5% -1.5vw 0; }
#story-bknm ul li { width:23.5%; margin:0 1.5% 1.5vw 0; }
#story-bknm ul li a { width:23.5%; font-size:90%; }
#story-bknm ul li a i { display:block; margin-bottom:8px; width:100%; height:15.66vw; background-size:cover; background-repeat:no-repeat; border-radius:10px; }


/* 6 - Chart
=================================== */

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

.cht-box { width:94%; height:auto; left:auto; margin:20px 3% 0 3%; text-align:center; }
.cht-box-inner { padding:10px; }
.cht-box-pic { width:199px; height:240px; margin-right:10px; border:5px #fff solid; background-size:cover; }
.cht-box-r { text-align:left; padding-left:210px; }
.cht-box-name { width:auto; height:auto; margin-bottom:5px; padding:0.7em 0.8em; background-image:none!important; background-color:#e33d84; text-indent:0; text-align:center; color:#fff; font-weight:bold; line-height:120%; text-shadow:1px 1px 2px rgba(0,0,0,0.2); text-align:left; }
.cht-box-txt { width:auto; height:auto; font-size:85%; }


/* 7 - Music
=================================== */

#music-ttl { margin-bottom:10px; padding:0.3em 0.3em; font-size:120%; }

#music-p1 span { width:300px; height:400px; }
#music-p2 span { width:300px; height:225px; }

.music-t { margin-bottom:0px; }

#music-dtl { padding:10px; margin-bottom:10px; }

.music-songttl { font-size:130%; }
.music-songttl2 { font-size:100%; }

.music-t h3 { font-size:100%; }
.music-t h4 { font-size:100%; }


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

#gr-ttl { margin-bottom:10px; padding:0.3em 0.3em; font-size:120%; }

#gr-box { margin-bottom:10px; padding:0 0 10px 0; border:none; background-color:transparent; }

.gr-p-n { top:0.5em; right:0.5em; }


/* 9 - BBS
=================================== */

.bbs-btn a { font-size:1.1em; }

#bbs-msg { font-size:90%; }
#bbs-msg2 { font-size:90%; }

/* sp1 - Present
=================================== */

#prs-main { position:relative; width:100%; height:0; padding-top:162.1428%; }
#prs-main-inner { position:absolute; left:0; top:0; width:100%; height:100%; background-image:url(../img/present/present_main_smp.jpg); background-size:cover; }

#prs-quiz { border:#f7d1e2 5px solid; padding:10px; }
#prs-quiz h2 { margin-bottom:10px; padding:0.3em 0.3em; font-size:120%; }
#prs-q { font-size:100%; margin-bottom:10px; }
#prs-a { font-size:100%; margin-bottom:10px; }

#prs-btn a { font-size:1.1em; }

#prs-end { font-size:90%; }

#prs-quiz-bknm h2 { margin-bottom:10px; padding:0.3em 0.3em; font-size:120%; }
.prs-bknm-box { margin-bottom:10px; }
.prs-bknm-vol { padding:0.2em 0.2em; font-size:90%; }
.prs-bknm-q { font-size:90%; }
.prs-bknm-a { font-size:90%; }


/* sp2 - Report
=================================== */

#report #main-body { border-top:#fff 5px solid; }
#report-ttl { position:relative; width:100%; height:0; padding-top:44.28%; }
#report-ttl-inner { position:absolute; left:0; top:0; width:100%; height:100%; background-image:url(../img/report/report_ttl_smp.jpg); background-size:cover; }
#report-ttl-inner h1, #report-ttl-link { display:none; }

#rp-wrap { padding:10px; }
#rp-main { float:none; width:auto; margin-right:0; margin-bottom:10px; box-shadow:0px 0px 5px rgba(0,0,0,0.2); }

#rp-header { padding:10px; }
#rp-date { margin-bottom:7px; }
#rp-ttlbox { padding:7px; border-radius:10px; }
#rp-ttl { font-size:100%; line-height:120%; }
#rp-vol { font-size:100%; }

#rp-body { padding:10px 10px 5px 10px; }

.rp-t { padding-bottom:1.0em; }
.rp-p-box { /*padding-bottom:5px;*/ }
.rp-p-yoko .rp-p span { width:280px; height:186px; }
.rp-p-tate .rp-p span { width:186px; height:280px; }
.rp-cap { font-size:90%; }

#rp-bknm { float:none; width:auto; }
#rp-bknm h2 { padding:10px; font-size:110%; }
.rp-bknm-date { display:inline; padding-right:0.5em; }


/* sp3 - Intv
=================================== */

#intv_subttl { width:100%; height:auto; margin-bottom:10px; padding:10px; box-sizing:border-box; text-indent:0; background-image:none!important; background-color:#fc329b; color:#fff; }
.intv-st-vol { display:inline-block; background-color:#fff69e; color:#fc329b; border-radius:1.0em; padding:0.25em 0.5em; }
.intv-st-name { color:#fff69e; }

.intv_p_main { display:none; }
.intv_p_main2 { display:block; width:100%; text-align:center; margin-bottom:20px; }
.intv_p_main2 span { display:block; margin:auto; width:300px; height:300px; background-size:cover; }

.intv-t-box1,
.intv-t-box2 { width:auto; }

.intv-p-l,
.intv-p-r { float:none; width:100%; margin:0 0 10px 0; text-align:center; }
.intv-p-l span,
.intv-p-r span { box-shadow:none; margin:auto; }

#intv-bknm h2 { margin-bottom:10px; padding:0.5em 0.5em; font-size:100%; }
#intv-bknm ul { margin:0 -1.5% -1.5vw 0; }
#intv-bknm ul li { width:23.5%; margin:0 1.5% 1.5vw 0; vertical-align:top; }
#intv-bknm ul li a { width:23.5%; font-size:85%; }
#intv-bknm ul li a i { display:block; margin-bottom:5px; width:100%; height:15.66vw; background-size:cover; background-repeat:no-repeat; border-radius:10px; }


/* sp4 - Fashion
=================================== */

#fsn-ttl { position:relative; margin-bottom:10px; width:100%; height:0; padding-top:53.328%; }
#fsn-ttl-inner { position:absolute; left:0; top:0; width:100%; height:100%; background-image:url(../img/fashion/fashion_ttl_smp.png); background-size:cover; }

#fsn-subttl { width:100%; height:auto; font-size:120%; line-height:120%; color:#02c8aa; text-indent:0; margin-bottom:5px; text-align:center; background-image:none!important; }
.fsn-vol { display:block; margin:0 auto 7px auto; padding:0.3em 0; width:3.5em; background-color:#02c8aa; color:#fff; font-size:90%; line-height:100%; font-family:"Times New Roman", Times, serif; }

#fsn-box { margin-bottom:10px; }

.fsn-p-box { float:none; width:100%; text-align:center; margin-bottom:20px; }
.fsn-p-area { margin:auto; }
.fsn-btn-pick a { background-size:cover!important; }

#fsn-t-box { float:none; width:100%; margin-bottom:10px; }
.fsn-sttl { width:100%; height:auto; padding:0.5em; margin-bottom:10px; box-sizing:border-box; text-indent:0; background-image:none!important; background-color:#ffe5f3; border-left:#ffcee8 5px solid; line-height:120%; color:#ff0185; }

#fsn-point h3 { height:1.2em; }
#fsn-point-inner { padding:15px 15px 15px 15px; }

#fsn-pick { width:94%; height:auto; left:auto; margin:0 3%; text-align:center; }
#fsn-pick-p { float:none; margin:0 auto 10px auto; }
#fsn-pick-r { float:none; width:100%; text-align:left; }
.fsn-btn-close { padding-top:10px; }

#fashion-bknm { padding:0 0 10px 0 }
#fashion-bknm h2 { margin-bottom:10px; padding:0.5em 0.5em; font-size:100%; }
#fashion-bknm ul { margin:0 -1.5% -1.5vw 0; }
#fashion-bknm ul li { width:23.5%; margin:0 1.5% 1.5vw 0; }
#fashion-bknm ul li a { width:23.5%; font-size:90%; }
#fashion-bknm ul li a i { display:block; margin-bottom:8px; width:100%; height:15.66vw; background-size:cover; background-repeat:no-repeat; border-radius:10px; }


/* sp5 - Goroku
=================================== */

#grk-ttl { position:relative; width:100%; height:0; padding-top:42.857%; }
#grk-ttl-inner { position:absolute; left:0; top:0; width:100%; height:100%; background-image:url(../img/goroku/goroku_ttl_smp.jpg); background-size:cover; }

#grk-txt { padding:10px 10px 10px 10px; box-shadow:0px 0px 0px rgba(0,0,0,0.2) inset; }

#grk-txt h2 { margin-bottom:10px; padding:0.3em 0.3em; font-size:120%; }

.grk-box { margin-bottom:0; text-align:center; }

.grk-p-r,
.grk-p-l { margin:0 auto 10px auto; width:210px; height:140px; border:#fff 5px solid; float:none; transform:rotate(0deg); }

.grk-t-l,
.grk-t-r { width:100%; margin-top:15px; padding:10px; border-radius:15px; font-size:120%; }

.grk-t-l:after { display:none; }
.grk-t-l:before,
.grk-t-r:before { position:absolute; display:block; content:""; top:-10px; left:18px; width:26px; height:13px; transform:rotate(90deg) scale(-1, 1); background:url(../img/goroku/goroku_bl_ar.png) no-repeat; background-size:cover; }

.grk-ttl-bangai { font-size:120%; margin-bottom:15px; }


/* sp6 - Kudo
=================================== */

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

#kudo-main { padding:10px; }

#kudo-mov-area { width:100%; padding:5px; box-sizing:border-box; margin:auto; background-image:none; background-color:#70ba49; border-radius:5px; }
#kudo-mov { position:relative; width:100%; height:0; padding-top:56.25%; }
#kudo-mov iframe { position:absolute; top: 0; right:0; width:100%!important; height:100%!important; }

#kudo-main h2 { font-size:100%; margin-bottom:10px; }

#kudo-bknm { padding:0 10px 10px 10px; }
#kudo-bknm h2 { margin-bottom:10px; padding:0.5em 0.5em; font-size:100%; }
#kudo-bknm ul { margin:0 -1.5% -1.5vw 0; }
#kudo-bknm ul li { width:23.5%; margin:0 1.5% 1.5vw 0; }
#kudo-bknm ul li a { width:23.5%; font-size:85%; }
#kudo-bknm ul li a i { display:block; margin-bottom:5px; width:100%; height:13.21875vw; background-size:cover; background-repeat:no-repeat; border-radius:0; border:none; }

}


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

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

#gnav ul li a { font-size:15px; }

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

#main-ttl h1 { width:280px; height:61px; margin:auto; font-size:18px; line-height:50px; }

/* 5 - Story
=================================== */

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

/* 6 - Chart
=================================== */

.cht-box-pic { float:none; margin:0 auto 10px auto; width:183px; height:220px; }
.cht-box-name { text-align:center; font-size:90%; padding:0.4em 0.5em; }
.cht-box-r { float:none; margin:auto; width:100%; padding-left:0; }
.cht-box-txt { height:auto; font-size:80%; }

/* sp2 - Kudo
=================================== */

#kudo-bknm ul { margin:0 -3% -3vw 0; }
#kudo-bknm ul li { width:47%; margin:0 3% 3vw 0; }
#kudo-bknm ul li a { width:47%; font-size:85%; }
#kudo-bknm ul li a i { height:26.4375vw;}

}


/*eof*/