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:"";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;}
}

/*	Youtube Player
============================== */
a{text-decoration:underline;color:#cc0000;}
a:hover{text-decoration:underline;color:#990000}
/*img cover*/
.cover {width:100%; height:100%;}
/*font-color*/
.cRed, .err { color:#cc0000;}
.cGrn { color:#2cbd16;}
.cBlu { color:#0c74ff;}
.cOrg { color:#f56800}
.cYel { color:#fff832;}
.cBro{color:#8b4f21;}
/*text-align*/
.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 #ccc;}

/* container&column */
.container{letter-spacing:0.05em;}
@media all and (min-width: 768px) {
.container{background: url(../img/line.jpg) center top repeat-x;}
main{margin-bottom:15px;}
.columnBox{width:960px;margin:0 auto;padding-top:30px;}
div.columnL {width:640px;float:left; }
div.columnR {width:300px;float:right}
.pBox p{width:560px;margin:0 auto;line-height:200%;}
}
@media all and (max-width: 767px) {
.columnBox{max-width:767px;}
div.columnL {width:100%;margin:0 auto;}
div.columnR {width:100%;margin:0 auto;}
.pBox p{width:90%;margin:0 auto;font-size:80%;line-height:200%;}
}

/* main */
@media all and (min-width: 768px) {
header{background:url(../img/main_bg.png) center top; padding:20px 0;}
.top .h1Box{width:980px;height:550px;background:url(../img/main.jpg) center top no-repeat ;margin:0 auto;}
.second .h1Box{width:980px;height:250px;background:url(../img/main-s.jpg) center top no-repeat ;margin:0 auto;}
}
@media all and (max-width: 767px) {
header{background:url(../img/main_bg.png) center top; padding:0.5em 0;}
.top .h1Box{position:relative; width:95%;padding-top:53%;height:0;background:url(../img/main.jpg) center top no-repeat;background-size: cover;margin:0 auto;}
.second .h1Box{position:relative; width:95%;padding-top:24%;height:0;background:url(../img/main-s.jpg) center top no-repeat;background-size: cover;margin:0 auto;}
.h1Box img{position:absolute;top:0;}
}

/* onair&item */
.onair p.txt .mark,.onair p.txt .midashi{display:table-cell;font-weight:bold;color:#8b4f21;vertical-align:top;line-height:160%;}
.onair p.txt .oa_txt{display:block;}
@media all and (min-width: 768px) {
.onair{background:url(../img/onair/bottom.png) center bottom no-repeat rgba(255,255,255,0.5);border:solid 1px #92681a;padding-bottom:40px;}
.onair h2{width:638px;height:125px;background:url(../img/onair/title.png?) center top no-repeat;text-indent: -9999px;}
.onair .date{font-weight:bold;font-size:160%;line-height:100%;text-align:center;color: #cc0000;}
.onair p.txt{margin-top:25px;}
.onair p.txt .midashi{padding-left:10px;}
.item{background:rgba(255,255,255,0.5);margin:20px auto;} 
.item h3{border-bottom:solid 2px #fff;text-indent: -9999px;}
.item .about h3{width:640px;height:60px;background:url(../img/subtitle/about.png);}
.item .cast h3{width:640px;height:60px;background:url(../img/subtitle/cast.png);}
.item .staff h3{width:640px;height:60px;background:url(../img/subtitle/staff.png);}
.item p{width:560px;margin:10px auto;line-height:200%;}
}
@media all and (max-width: 767px) {
.onair .pBox{background:rgba(255,255,255,0.5);margin:0 10px 1em;padding:1em 0;}
.onair h2 {color:#fff;font-weight:bold;position: relative;margin:0 auto;padding:1em 0;background: #50341f;text-align:center;}
.onair h2:before{
    content: " ";position: absolute;top: 100%;left: 0;width: 0;height: 0;
    border-style: solid;border-width: 0 10px 10px 0;border-color: transparent;border-right-color: #321a09;}
.onair h2:after{
    content: " ";position: absolute;top: 100%;right: 0;width: 0;height: 0;
    border-style: solid;border-width: 10px 10px 0 0;border-color: transparent;border-top-color: #321a09;}
.onair .date{width:95%;font-weight:bold;font-size:95%;text-align:center;margin-bottom:0.5em;color: #cc0000;letter-spacing:0;}
.onair p.txt{margin-top:1.5em;}
.onair p.txt .midashi{padding-left:0.5em;}
.item h3{width:100%;margin:0 auto;padding:1em 0;background:#50341f;color:#fff;font-weight:bold;font-size:100%;border-bottom:solid 1px #fff;}
.item h3 span{margin-left:2.5em;}
.item p{width:90%;margin:1em auto;font-size:80%;line-height:200%;}
}

/* boshu */
.boshu p .bt a{display: block;width:140px;padding:5px;margin:0 auto 30px;background:#cc0000;color:#fff;font-size:110%;
text-align:center;text-decoration:none;font-weight:bold;border-radius:5px;box-shadow:2px 2px 2px #ccc;}
.boshu p .bt a:hover{background:#6c482e;box-shadow:2px 2px 2px #ccc;}
.boshu p .backtop a{display: block;padding:5px;background:#6c482e;color:#fff;font-size:110%;
	text-align:center;text-decoration:none;font-weight:bold;border-radius:5px;box-shadow:2px 2px 2px #ccc;}
	.boshu p .backtop a:hover{background:#dcbd75;box-shadow:2px 2px 2px #ccc;}
@media all and (min-width: 768px) {
.boshu{background:rgba(255,255,255,0.5);padding-bottom:40px;}
.boshu h2.title{width:640px;height:60px;background:url(../img/subtitle/boshu.png) center top no-repeat;text-indent: -9999px;}
.boshu h2.title2{width:640px;height:60px;background:url(../img/subtitle/kiyaku.png) center top no-repeat;text-indent: -9999px;}
.boshu h2.title3{width:640px;height:60px;background:url(../img/subtitle/omoshiro.png) center top no-repeat;text-indent: -9999px;}
.boshu p{width:560px;margin:10px auto;line-height:180%;}
.boshu p .midashi{display: block;color:#cc0000;margin-top:30px;}
.boshu p small{display: block;font-size:90%;line-height:160%;padding:5px;}
.boshu p.bgColor{background:#edeae3;padding:10px;}
.boshu p .backtop a{margin:30px auto 0;}
}
@media all and (max-width: 767px) {
.boshu .pBox{background:rgba(255,255,255,0.5);margin:0 10px;padding:1em 0;}
.boshu .pBox:last-child{margin-bottom:1em;}
.boshu h2 {color:#fff;font-weight:bold;position: relative;margin:0 10px;padding:1em 0;background: #50341f;text-align:center;}
.boshu h2:first-child{margin-top:0.5em;}
.boshu p .midashi{display: block;color:#cc0000;margin-top:1em;}
.boshu small{display: block;font-size:80%;line-height:160%;}
.boshu p.bgColor{background:#edeae3;padding:0.5em;}
.boshu p .backtop a{margin:1em auto 0;}
}

/* recipe */
.a_title h2 {background:url(../img/subtitle/recipe2.png) center top no-repeat;background-size:contain;}
.a_title h3{background:#baa701;color:#fff;}
.b_title h2 {background:url(../img/subtitle/recipe.png) center top no-repeat;background-size:contain;text-indent: -9999px;}
.b_title h3{background:#ef6a9e;color:#fff;}
.recipe h4{background: #50341f;color:#fff;}
.recipe .photo{display:block;}
.recipe p .backtop a{display: block;padding:5px;background:#6c482e;color:#fff;font-size:110%;text-align:center;text-decoration:none;font-weight:bold;border-radius:5px;box-shadow:2px 2px 2px #ccc;}
.recipe p .backtop a:hover{background:#dcbd75;box-shadow:2px 2px 2px #ccc;}
.bknm a{color:#fff;text-decoration:none;}
.bknm a:hover{filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;}
.bknm .a_bt .icon{background:url(../img/recipe/icon_a.png) center top no-repeat #fff;background-size:contain;}
.bknm .b_bt .icon{background:url(../img/recipe/icon_b.png) center top no-repeat #fff;background-size:contain;}

@media all and (min-width: 768px) {
.recipe {background:rgba(255,255,255,0.5);padding-bottom:40px;}
.a_title h2{width:640px;height:60px;text-indent: -9999px;}
.b_title h2{width:640px;height:200px;}
.recipe h3{width:530px;margin:20px auto 10px;padding:10px 15px;line-height:140%;font-size:130%;border-radius:5px;}
.recipe h4{width:530px;margin:10px auto; padding:10px 15px;line-height:100%;font-size:110%;border-radius:5px;}
.recipe p{width:560px;margin:10px auto;line-height:180%;}
.recipe p .midashi{display: block;color:#cc0000;margin-top:30px;}
.recipe p small{display: block;font-size:90%;line-height:160%;padding:5px;}
.recipe p.bgColor{background:#edeae3;padding:10px;}
.recipe .photo{width:480px;height:270px; margin:20px auto;border:solid 8px #fff;}
.bknm .bt{display:block;width:510px;min-height:60px;margin:0 auto 10px;}
.bknm .bt:last-child{margin-bottom:0;}
.bknm .a_bt a{display:block;background:#baa701;border-radius:5px;}
.bknm .b_bt a{display:block;background:#ef6a9e;border-radius:5px;}
.bknm .icon{width:70px;height:60px;display:inline-block; vertical-align:middle;font-weight:bold;border-top-left-radius:5px;bold;border-bottom-left-radius:5px;}
.bknm .sub{width:420px;padding:0 10px;display:inline-block; vertical-align:middle;font-weight:bold;}
.recipe p .backtop a{margin:30px auto 0;}
}

@media all and (max-width: 767px) {
.recipe .pBox{background:rgba(255,255,255,0.5);margin:0 10px;padding:1em 0;}
.recipe .pBox:last-child{margin-bottom:1em;}
.a_title h2 {color:#fff;font-weight:bold;position: relative;margin:0 10px;padding:1em 0;background: #50341f;text-align:center;}
.a_title h2:first-child{margin-top:0.5em;}
.b_title h2 {position: relative;height:0; padding-top:29.5%;margin:1em 10px 0;}
.recipe h3{width:90%;margin:0 auto;font-size:100%;line-height:140%;padding:0.5em;border-radius:3px;}
.recipe h4{width:90%;margin:0.5em auto;font-size:80%;line-height:120%;padding:0.5em;border-radius:3px;}
.recipe small{display: block;font-size:80%;line-height:160%;}
.recipe p.bgColor{background:#edeae3;padding:0.5em;}
.recipe .photo{width:90%;height:0; padding-top:50%;margin:1em auto;border:solid 5px #fff;}
.bknm a{color:#fff;font-size:80%;}
.bknm .bt{display:block;width:90%;min-height:40px;margin:0 auto 0.5em}
.bknm .bt:last-child{margin-bottom:0;}
.bknm .a_bt a{display:block;background:#baa701;border-radius:5px;}
.bknm .b_bt a{display:block;background:#ef6a9e;border-radius:5px;}
.bknm .icon{width:18%;height:40px;display:inline-block; vertical-align:middle;font-weight:bold;border-top-left-radius:5px;bold;border-bottom-left-radius:5px;}
.bknm .sub{width:78%;padding:0 2%;display:inline-block; vertical-align:middle;font-weight:bold;line-height:120%;}
.recipe p .backtop a{margin:1em auto 0;}
}

/*///----- LAZY -----///*/
.lazy {position:relative;display:block;background:center top no-repeat;background-size:cover;margin:0 auto;}
.lazy img{position:absolute;top:0;left:0;}



/* hidebox */
section{overflow:hidden}
section h3.hide-btn {position:relative;cursor:pointer;}
section h3.hide-btn span {display:block;}
section.hidebox h3.hide-btn span {display:block;cursor:pointer;}
section.hidebox h3.hide-btn span:before {position:absolute;content:"";display:block;width:22px;height:22px;top:50%;background-image:url(../img/hide-btn.png);background-repeat:no-repeat;margin-top:-10px;}
section.hidebox h3.hide-on span:before {background-position:0 -78px;}
section.hidebox h3.hide-off span:before {background-position:left top;}
@media all and (min-width: 768px) {
section.hidebox h3.hide-btn span:before {position:absolute;left:15px;}
}
@media all and (max-width: 767px) {
section.hidebox h3.hide-btn span:before {position:absolute;left:0.5em;}
}

/* boshu_bt */
@media all and (min-width: 768px) {
/* 四角2個並び */
.btBox{width:640px; margin-bottom:20px;overflow:hidden;}
.btBox .bt1 a,.btBox .bt2 a{display:block;width:310px;height:200px;}
.btBox a:hover{filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;} 
.btBox .bt1 a{background:url(../img/bt1.jpg) center top no-repeat; float:left;}
.btBox .bt2 a{background:url(../img/bt2.jpg) center top no-repeat; float:right;}
/* 横長 */
.recipe_bn a{display:block;margin:0 auto;width:640px;height:120px;background:url(../img/recipe_bn.png?000) center top no-repeat;}
.recipe_bn a:hover{filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;} 
}
@media all and (max-width: 767px) {
/* 四角2個並び */
.btBox{width:95%;margin:0.5em auto;overflow:hidden;}
.btBox a{display:block;width:48%;height:0;padding-top:31%;}
.btBox .bt1 a{background:url(../img/bt1.jpg) center top no-repeat; float:left;background-size: contain;}
.btBox .bt2 a{background:url(../img/bt2.jpg) center top no-repeat; float:right;background-size: contain;}
/* 横長 */
.recipe_bn a{display:block;margin:0 auto;width:100%;height:0;padding-top:18.8%;background:url(../img/recipe_bn.png?000) center top no-repeat;background-size: contain;}
}

/* tbsfree */
.tbsfree a{display:block;background:url(../img/tbsfree.png) center top no-repeat;background-size:cover;border:solid 1px #92681a;}
.tbsfree a:hover{filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;} 
@media all and (min-width: 768px) {
.tbsfree a{width:640px;height:250px;margin-top:20px;}
}
@media all and (max-width: 767px) {
.tbsfree a{width:95%;height:0;padding-top:37%;margin:0 auto 1em;}
}


/* youtube */
@media all and (min-width: 768px) {
.youtubeBox{position: relative;width:480px;height:270px;margin:20px auto;overflow: hidden;border:solid 1px #92681a}
.youtubeBox iframe { position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
}
@media all and (max-width: 767px) {
.youtubeBox{position: relative;width:90%;padding-bottom: 50%; height: 0;margin:0 auto 1em;overflow: hidden;border:solid 1px #92681a;}
.youtubeBox iframe { position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
}

/* right */
.banner{display:block;width:300px; height:250px;background:#ccc;}
.twbt{display:block;width:300px; height:80px; background:url(../img/banner.jpg) no-repeat;}
.fbbt{display:block;width:300px; height:80px; background:url(../img/banner.jpg) 0 -80px no-repeat;}
.pg1bt{display:block;width:300px; height:80px; background:url(../img/banner.jpg) 0 -160px no-repeat;}
.pg2bt{display:block;width:300px; height:80px; background:url(../img/banner.jpg) 0 -240px no-repeat;}
.bt_link a{display:block;width:300px; height:80px;}
.bt_link a:hover{background:#fff;filter:alpha(opacity=20); -moz-opacity:0.20; opacity:0.20;} 
@media all and (min-width: 768px) {
.banner,.bt_link {margin-bottom:15px;}
.sns{width:300px;margin-bottom:15px;}
.tw{float:left;margin-right:20px;}
.fb{float:left;}
}

@media all and (max-width: 767px) {
aside{background:rgba(112,99,90,0.5);margin:0; padding:0;overflow:hidden;}
#rightBox{width:300px;height:100%;margin:0 auto;}
.banner{margin:1em auto 0.5em;}
.bt_link{margin-bottom:0.5em;}
.sns{margin:0 auto 1em;width:300px;}
.tw{float:left;width:70px;margin-left:50px;}
.fb{float:right;width:70px;margin-right:50px;}
}

/* footer */
footer{background: url(../img/main_bg.png) center top;}
footer a{text-decoration:none;color:#eee;}
footer a:hover{text-decoration:none;color:#ccc;}
footer .bottom small{color:#fff;}
@media all and (min-width: 768px) {
#page_top a{width:100px; height:100px;position:fixed;bottom:120px;right:20px;background: url(../img/pagetop.png);text-indent: -9999px;}
#page_top a:hover{filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;}
footer .bottom{height:100px;background: url(../img/line.jpg) center top repeat-x;}
footer .bottom small{display:block;padding-top:50px;text-align:center;font-weight:bold;font-size:90%;}
footer .bottom a{text-decoration:none;}
}
@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:#50341f;line-height:49px;height:49px}
#page_top  a:hover{text-decoration:none;color:#eee;}
footer .bottom{font-size:70%;line-height:200%;padding:1em;text-align:center;}
}