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

/* General
=================================== */

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

.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%; }

a { color:#f78516; }


/* Header
=================================== */

#header { width:980px; margin:20px auto 20px auto; }
#logo { position:relative;  width:980px; height:420px; }
#logo span { display:block; width:100%; height:100%; border-radius:30px; background-image:url(../img/logo.jpg); background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; box-shadow:0px 3px 5px rgba(0,0,0,0.2); }
#hd-oa-time { display:none; }
/*media print*/
@media print {
#header {display:none !important;}
}

/* ----- Media Queries ----- */

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

#header { width:auto; margin:0 0 10px 0; }
#logo { width:100%; height:0; padding-top:59%; }
#logo span { position:absolute; display:block; left:0; top:0; border-radius:0; background-image:url(../img/logo_smp.jpg); box-shadow:none; }

}



/* Main
=================================== */

#container { width:980px; margin:auto; }
#pagebody:after {content:"";clear:both;display:block;}
#main { float:left; width:660px; margin-right:20px; }

.box { margin-bottom:20px; padding:15px; border-radius:30px; background-color:#d5f693; box-shadow: 0px 3px 5px rgba(0,0,0,0.2), 0px 0px 10px rgba(175,223,95,1) inset; }
.box-ttl { /*width:100%;*/ height:90px; margin-bottom:15px; border-radius:15px; box-shadow:0px 0px 10px rgba(175,223,95,1); }
.box-ttl h2 { display:block; width:100%; height:100%; border-radius:15px; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }
.box-body { padding:15px; border-radius:15px; box-shadow:0px 0px 10px rgba(175,223,95,1); background-color:#fffebf; }

.box .txt { font-size:90%; line-height:160%; }

.subttl { margin-bottom:0.5em; padding:0.4em 0.5em; border-radius:1.5em; border:#48c538 3px solid; background:url(../img/subttl_bg.png); text-align:center; font-size:130%; line-height:120%; color:#f6fa8f; font-weight:bold; text-shadow:2px 2px 4px rgba(0,0,0,0.2); }

.chapter { margin-bottom:20px; }
.chapter:last-child { margin-bottom:10px; }

.btn { text-align:center; }
.btn p { margin:auto; }
.btn p a { padding:0.8em; display:block; border-radius:1.3em; background-color:#7dc144; font-size:140%; font-weight:bold; color:#f6fa8f; text-decoration:none; box-shadow:0px 2px 4px rgba(0,0,0,0.2), 0px -2px 4px rgba(0,0,0,0.2) inset; text-shadow:2px 2px 4px rgba(0,0,0,0.2); }
@media (hover: hover) { .btn p a:hover { opacity:0.7; } }

/* ----- Media Queries ----- */

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

#container { width:auto; margin:0; }
#main { float:none; width:auto; margin:0 10px 20px 10px; }

.box { padding:10px; border-radius:20px; }
.box-ttl { position:relative; width:100%; height:0; padding-top:18.75%; margin-bottom:10px; border-radius:10px; }
.box-ttl h2 { position:absolute; display:block; left:0; top:0; border-radius:10px; }
.box-body { padding:10px; border-radius:10px; }

.box .txt { font-size:80%; }

.subttl { font-size:100%; }

.btn p a { font-size:100%; }

}

/* ------------ next ------------ */

#next .box-ttl h2 { background-image:url(../img/next_ttl.jpg); }

.mov_yt { width:auto; margin-bottom:1.0em; }
.mov_yt_inner { position:relative; width:auto; height:0; padding-top:56.25%; }
.mov_yt_inner iframe { position:absolute; left:0; top:0; width:100%; height:100%; }
.next-pic { width:auto; margin-bottom:1.0em; }
.next-pic_inner { position:relative; width:auto; height:0; padding-top:56.25%; }
.next-pic_inner span { display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }

/* ----- Media Queries ----- */

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

#next .box-ttl h2 { background-image:url(../img/next_ttl_smp.jpg); }

.mov_yt { width:auto; margin-bottom:0.5em; }
.next-pic { width:auto; margin-bottom:0.5em; }

}

/* ------------ boshu ------------ */

#boshu .box-ttl h2 { background-image:url(../img/boshu_ttl.jpg); }
#boshu .box-body { padding:30px 15px; }
#boshu-txt { font-size:150%; text-align:center; padding-bottom:15px; }
#boshu-btn p { width:20em; }

/* ----- Media Queries ----- */

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

#boshu .box-ttl h2 { background-image:url(../img/boshu_ttl_smp.jpg); }

#boshu .box-body { padding:30px 10px; }
#boshu-txt { font-size:95%; }
#boshu-btn p { width:14em; }

}

/* ------------ cast ------------ */

#cast .box-ttl h2 { background-image:url(../img/cast_ttl.jpg); }
#cast .box-body { padding-bottom:30px; }
.cast-t1,
.cast-t2 { text-align:center; }
.cast-t1 li,
.cast-t2 li { display:inline-block; margin-right:0.5em; vertical-align:top; }
.cast-t1 li:last-child,
.cast-t2 li:last-child { margin-right:0; }
.cast-t1 { margin-bottom:0.7em; font-size:180%; font-weight:bold; }
.cast-t2 { font-size:120%; font-weight:bold; }

/* ----- Media Queries ----- */

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

#cast .box-ttl h2 { background-image:url(../img/cast_ttl_smp.jpg); }
#cast .box-body { padding-bottom:10px; }
.cast-t1 li,
.cast-t2 li { margin-right:0; margin-bottom:0.5em; }
.cast-t1 li:last-child,
.cast-t2 li:last-child { margin-bottom:0; }
.cast-t1 { margin-bottom:0.5em; font-size:120%; }
.cast-t2 { margin-bottom:0.5em; font-size:100%; }

}

/* ------------ highlight ------------ */

#highlight .box-ttl h2 { background-image:url(../img/highlight_ttl.jpg); }
#highlight .box-body { padding:0; }
#highlight-txt p { width:630px; height:305px; }
#highlight-txt p span { display:block; width:100%; height:100%; border-radius:15px; background:url(../img/highlight_txt.png) center center no-repeat; text-indent:-9999px; }

/* ----- Media Queries ----- */

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

#highlight .box-ttl h2 { background-image:url(../img/highlight_ttl_smp.jpg); }
#highlight-txt p { position:relative; width:100%; height:0; padding-top:74.864%; }
#highlight-txt p span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; border-radius:10px; background:url(../img/highlight_txt_smp.png) center center no-repeat; background-size:cover; }

}

/* ------------ info ------------ */

#info .box-ttl h2 { background-image:url(../img/info_ttl.jpg); }

#bn-calendar { padding-top:10px; text-align:center; }
#bn-calendar p { width:560px; height:217px; margin:auto; }
#bn-calendar p a { display:block; width:100%; height:100%; background:url(../img/bn_calendar.jpg) center center no-repeat; background-size:cover; text-indent:-9999px; }

#sp201911-pic { position:relative; width:100%; height:0; margin-bottom:1.0em; padding-top:66.6666%; }
#sp201911-pic p { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background:url(../img/sp201911_pic.jpg) center center no-repeat; background-size:cover; text-indent:-9999px; }

/* ----- Media Queries ----- */

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

#info .box-ttl h2 { background-image:url(../img/info_ttl_smp.jpg); }

#bn-calendar p { width:280px; height:108px; }

#sp201911-pic { margin-bottom:0.5em; }

}



/* Side
=================================== */

#side { float:right; width:300px; }
#bn-rectangle { width:300px; margin-bottom:20px; box-shadow:0px 2px 4px rgba(0,0,0,0.2); font-size:1%; }

/* ----- Media Queries ----- */

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

#side { float:none; margin:0 auto; }

}



/* Footer
=================================== */

#footer-area { padding:15px; font-size:90%; line-height:120%; text-align:center; }
#footer-area a:hover { text-decoration:none; }
#f-copy, #f-sns, #f-sns-tw, #f-sns-fb { display:inline-block; }
#f-sns { position:relative; top:3px; margin-right:10px; }
#f-sns-tw { position:relative; top:3px; }
#f-copy { font-size:85%; line-height:130%; }

/* ----- Media Queries ----- */

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

#f-sns { display:block; margin-right:0; margin-bottom:10px; }

}

/* ------------ pagetop ------------ */

#pagetop { position:fixed; z-index:10; bottom:-200px; right:20px; padding-bottom:20px; }
#pagetop a { display:block; width:3.0em; height:3.0em; border-radius:3.0em; background:url(../img/pagetop.png) center center no-repeat; background-size:cover; box-shadow:1px 1px 4px rgba(0,0,0,0.2); text-indent:-9999px; outline:none; }


/*eof*/