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 {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;}
/*	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;}
@media all and (min-width:768px) {
.alt-pc {position:absolute;top:-5000px;left:-9999px;}
.clearfix-pc:after {content:"";cdisplay: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;}
}

/*	Youtube Player
============================== */
a{text-decoration:underline;color:#c23b25;}
a:hover{text-decoration:underline;color:#666;}
/*img cover*/
.cover {width:100%; height:100%;}
/*font-color*/
.cRed, .err { color:#c23b25;}
.cGrn { color:#2cbd16;}
.cBlu { color:#0c74ff;}
.cOrg { color:#ff8000;}
.cYel { color:#fff832;}
.cBro{color:#d66a00;}
/*font-size*/
.f90 { font-size:90%;}
.f80{ font-size:80%;}
.f70{ font-size:70%;}
.f60{ font-size:60%;}
.f85  { line-height:normal; font-size:11px !important}
.fmini { line-height:normal; font-size:40% !important}
.tCenter { text-align:center !important}
.tRight { text-align:right !important}
.tLeft { text-align:left !important}

body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body {font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
html, body, div#con-body {color:#221600;background:url(../img/bg.png) center top #f8b722;}
.container{letter-spacing:0.05em;}

@media all and (min-width: 768px) {
main{margin-bottom:15px;}
article{padding:15px 0;}
article:first-child{padding-top:30px;}
.columnBox{width:930px;margin:30px auto;}
div.columnL {width:600px;float:left; background:#ffeb99; border-radius:10px; box-shadow: 0 0 0 10px #fffdd4, 0 0 0 15px #ffb600;}
div.columnR {width:300px;float:right}
.pBox p{width:540px;margin:0 auto;line-height:200%;}
}

@media all and (max-width: 767px) {
article{padding:0.5em; }
article:first-child{padding-top:1em; }
.columnBox{max-width:767px;}
div.columnL {width:100%;margin:0 auto;background:#ffeb99;}
div.columnR {width:100%;margin:0 auto;}
.pBox p{width:90%;margin:0 auto;font-size:80%;line-height:200%;}
}

/* top main*/
@media all and (min-width: 768px) {
.top header{min-width:940px;height:400px;background:url(../img/top_main.png) center bottom no-repeat ;}
.top .h1Box{min-width:940px;height:400px;}
}
@media all and (max-width: 767px) {
.top .h1Box{position:relative;padding-top:43%;height:0;background:url(../img/top_main.png) center top no-repeat;background-size: contain;}
.top .h1Box img{position:absolute;top:0;}
}

/* second main*/
@media all and (min-width: 768px) {
.second header{min-width:940px;height:250px;background:url(../img/second_main.png) center bottom no-repeat ;}
.second .h1Box{width:940px;height:250px;margin:0 auto;}
}
@media all and (max-width: 767px) {
.second .h1Box{position:relative;padding-top:27.5%;height:0;background:url(../img/second_main.png) center top no-repeat;background-size: contain;}
.second .h1Box img{position:absolute;top:0;}
}

/* nav */
@media all and (min-width: 768px) {
 ul.navi{clear:both; width:600px;height:90px;margin:0 auto;background:url(../img/menu.png) -10px 0 no-repeat;border-top-left-radius:10px;border-top-right-radius:10px;}
 ul.navi li{list-style:none;text-indent: -9999px;height:90px;padding:0px;float:left;}
 ul.navi a{display: block;height:90px;}
    #menu01 a{ width:100px;margin-left:20px;}
    #menu02 a{ width:104px;}
    #menu03 a{ width:104px;}
    #menu04 a{ width:122px;}
    #menu05 a{ width:130px;}
    #menu01 a:hover{ background:url(../img/menu.png) no-repeat;background-position: -30px -90px;}
    #menu02 a:hover{ background:url(../img/menu.png) no-repeat;background-position: -130px -90px;}
    #menu03 a:hover{ background:url(../img/menu.png) no-repeat;background-position: -234px -90px;}
    #menu04 a:hover{ background:url(../img/menu.png) no-repeat;background-position: -338px -90px;}
    #menu05 a:hover{ background:url(../img/menu.png) no-repeat;background-position: -460px -90px;}

	/* 2016.6.21 追加 ここから */
	#menu04 {margin-left:104px}
	/* 2016.6.21 追加 ここまで */

}
@media all and (max-width: 767px) {
nav{background:#d66a00;border-top: 2px solid #fffdd4;border-bottom: 2px solid #fffdd4;}
.navi {width:100%;margin:0 auto;padding: 0;font-size:60%;list-style-type: none;}
.navi:after {content: "";clear: both;display: block;}
.navi li {float: left;width:20%;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.navi li{border-right:1px solid #fffdd4; border-left:1px solid #fffdd4;}
.navi li:first-child{border-left:none}


	/* ↓6.21 これ変更 */
.navi li:last-child{border-right:2px solid #fffdd4;}



.navi a {display: block; line-height:44px;color: #fff;font-weight:bold; text-decoration: none;background:#d66a00;}
}
@media all and (max-width: 320px) {
.navi {font-size:50%;}
}


/* title */
.onair h2{background:url(../img/title_onair.png) center top no-repeat ;background-size: contain;}
.free h2{background:url(../img/title_free.png) center top no-repeat ;background-size: contain;}
.about h2{background:url(../img/title_about.png) center top no-repeat ;background-size: contain;}
.boshu h2{background:url(../img/title_boshu.png) center top no-repeat ;background-size: contain;}
.cast h2{background:url(../img/title_cast.png) center top no-repeat ;background-size: contain;}
.staff h2{background:url(../img/title_staff.png) center top no-repeat ;background-size: contain;}
.kiyaku h2{background:url(../img/title_kiyaku.png) center top no-repeat ;background-size: contain;}
.info h2{background:url(../img/title_info.png) center top no-repeat ;background-size: contain;}
.info0530 h2{background:url(../img/title_info0530.png) center top no-repeat ;background-size: contain;}
.present h2{background:url(../img/title_present.png) center top no-repeat ;background-size: contain;}

@media all and (min-width: 768px) {
h2{width:566px;height:46px;text-indent: -9999px;margin:0 auto 20px;}
h3{max-width:540px;margin:20px auto 10px;padding:5px;color:#d66a00;font-weight:bold;font-size:110%;}
}
@media all and (max-width: 767px) {
h2{width:100%;padding-top:9%;height: 0;text-indent: -9999px;}
h3{width:95%;margin:0.5em auto;color:#d66a00;font-weight:bold;font-size:100%;}
}

/* onair */
@media all and (min-width: 768px) {
p.date{text-align:center;font-size:160%;font-weight:bold;}
.movBox{width:530px; height:298px;margin:20px auto 30px;background:url(../img/movbox.png) center top no-repeat;}
}
@media all and (max-width: 767px) {
p.date{text-align:center;font-size:100%;font-weight:bold;}
.movBox{position:relative;width:90%; height:0; padding-top:50.5%; margin:0.5em auto 1em;background:url(../img/movbox.png) center top no-repeat;background-size: contain;}
.movBox .tbs-player{position:absolute;top:0;}
p.fp-causion{font-size:60%;margin-bottom:1em;text-align:center;color:#c23b25;}
}

/* cast */
.cast1{display:block;width:250px;margin:10px auto;}
.cast1 .photo{display:block;width:250px;height:216px;background:url(../img/cast1.jpg) center top no-repeat;}
.cast2{display:block;width:250px;margin:10px auto;}
.cast2 .photo{display:block;width:250px;height:216px;background:url(../img/cast2.jpg) center top no-repeat;}
.cast3{display:block;width:250px;margin:10px auto;}
.cast3 .photo{display:block;width:250px;height:216px;background:url(../img/cast3.jpg) center top no-repeat;}

@media all and (min-width: 768px) {
p.mc{width:500px;margin:0 auto;overflow:hidden;}
.cast1{float:left;}
.cast2{float:left;}
small{font-size:80%;line-height:100%;}
}
@media all and (max-width: 767px) {
small{font-size:70%;}
}



/* boshu */
@media all and (min-width: 768px) {
.boshu .bt a{display:block;margin:30px auto;width:306px;height:69px;background:url(../img/bt.png) center top no-repeat;background-size: contain;}
.boshu .bt_back a{display:block;margin:0 auto;width:306px;height:69px;background:url(../img/bt_back.png) center top no-repeat;background-size: contain;}
.boshu .bt a:hover,.boshu .bt_back a:hover{background-position:0 3px;background-size: contain;border-bottom-left-radius:15px;border-bottom-right-radius:15px;}

}
@media all and (max-width: 767px) {
.boshu .bt a{display:block;margin:1em auto;width:auto;height:50px;background:url(../img/bt.png) center top no-repeat;background-size: contain;}
.boshu .bt_back a{display:block;margin:1em auto;width:auto;height:50px;background:url(../img/bt_back.png) center top no-repeat;background-size: contain;}
}

/* tbs free */
.free_bt a{display:block;margin:0 auto;max-width:500px;padding-top:33.5%;height:0;background:url(../img/tbsfree.png) center top no-repeat;background-size: contain;}
.free_bt a:hover{filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;text-decoration:none; } 
@media all and (min-width: 768px) {
.free_bt{display:block;padding:10px 0 20px;}
}
@media all and (max-width: 767px) {
.free_bt{display:block;padding:0.5em 0 1em;}
}


/* about */
.cast_ph{position:relative;display:block;margin:20px auto;max-width:590px;padding-top:47.8%;height:0;background-size: contain;}
.cast_ph img{position:absolute;top:0;}

@media all and (min-width: 768px) {
.about p{padding-top:5px;padding-bottom:10px}
.about .cast{display:inline-block;min-width:120px;background:#c23b25;color:#fff;font-weight:bold; text-align:center;}
.about .name{display:inline-block;margin-left:20px;font-weight:bold; font-size:120%;}
.about small{font-size:80%;}
.about h4{margin:10px 20px;}
.about .comment{width:90%;margin:20px auto 25px;padding:20px 10px 0;border:solid 3px #000;border-radius:10px;}
}
@media all and (max-width: 767px) {
.about p{padding-top:0;padding-bottom:1em}
.about .cast{padding:0.1em 1em;background:#c23b25;color:#fff;font-weight:bold; text-align:center;}
.about .name{display:block;font-weight:bold; font-size:100%;}
.about small{font-size:80%;}
.about h4{font-size:90%;margin:1em;}
.about .comment{width:85%; margin:0 auto 1.0em; padding:0.5em; border:solid 2px #000;border-radius:10px;}
}


/* right */
@media all and (min-width: 768px) {
.banner{margin:-10px 0 5px;}
.sns{width:300px;}
.tw{float:left;margin-right:20px;}
.fb{float:left;}
.bt_link a:hover{filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;text-decoration:none; } 
}
@media all and (max-width: 767px) {
aside{background:#fffdd4;margin:0; padding:0;overflow:hidden;}

.banner{margin:1.5em 0 0.5em}
#rightBox{width:300px;height:100%;margin:0 auto;}
.banner{width:300px; width:250px;}
.sns{margin:0 auto 1em;width:300px;}
.tw{float:left;width:70px;margin-left:50px;}
.fb{float:right;width:70px;margin-right:50px;}
}

.snsBox{display:block;width:300px; height:762px;  background:url(../img/sns_box.png) no-repeat;}
.twBox{width:290px;margin:0 auto;}
.fbBox{width:280px;margin:45px auto 0;}
.bt_link a{display:block;width:290px; height:82px;}


/* footer */
footer .bottom{padding:2em;text-align:center;font-weight:bold;}
footer .bottom a{text-decoration:none;}

@media all and (min-width: 768px) {
#page_top a{text-decoration:none;padding:15px 20px;position:fixed;bottom:90px;right:20px;background:#ffb600;font-weight:bold;font-size:90%;color:#fffdd4;border-radius:15px; }
#page_top a:hover{filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;text-decoration:none; } 
footer .bottom{font-size:90%;}
}

@media all and (max-width: 767px) {
#page_top  {text-align:center;font-weight:bold;}
#page_top  a{text-decoration:none;color:#fff;display:block;text-decoration:none;background:#d66a00;line-height:49px;height:49px}
#page_top  a:hover{text-decoration:none;color:#eee;}
footer .bottom{font-size:70%;line-height:200%;}
}