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

/*	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;}
}
/*font*/
.tCenter { text-align:center !important}
.tRight { text-align:right !important}
.tLeft { text-align:left !important}
/*font-color*/
.cBlu { color:#3590ca;}
.cOrg { color:#d44b15;}
.cGrn { color:#6c9000;}
.cRed, .err { color:#c50000;}
/*font-size*/
.f140 { font-size:140%;}
.f130 { font-size:130%;}
.f120 { font-size:120%;}
.f110 { font-size:110%;}
.f90 { font-size:90%;}
.f85 { font-size:85%;}
.f75 { font-size:75%;}
/*link*/
a { color:#fff; text-decoration:underline;}
a:hover { color:#fff; text-decoration:none;}
.mincho{ font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

/*/////////////////////////////////////////////////////////////////////////
＠common_CSS
/////////////////////////////////////////////////////////////////////////*/
body{ background:url(../img/bg.png); color:#6a4814;}
#bg{ background:url(../img/con_bg.png); overflow:hidden;}


@media all and (min-width: 768px) {
#header_out{ height:238px; background-image: url(../img/header.jpg) ,url(../img/header_bg.png); background-repeat:no-repeat,repeat-x; background-position:top center; margin-top:18px; box-shadow:0px 0px 5px #cbc4a3; min-width: 980px; z-index: 10;}
#header{ width:980px; height:238px; margin:0px auto 0; position:relative; }
.sub #logo a{ display:block; width:350px; height:238px; position:absolute; left:0; top:0; z-index: 20;}
#onair_date{ position:absolute; left:0px; top:-10px; background:url(../img/header2.png) no-repeat; width:980px; height:262px;}
.main{ width:980px; margin:20px auto 40px;}
#left_area{ float:left; width:640px;}

#menu{ width:640px; height:75px; background:url(../img/menu.png) no-repeat -10px -10px; margin:0 0 0 5px; position:relative;}
#menu1{ width:204px; height:65px; position:absolute; left:5px; top:5px;}
#menu2{ width:204px; height:65px; position:absolute; left:218px; top:5px;}
#menu3{ width:204px; height:65px; position:absolute; left:431px; top:5px;}
#menu1 a .hover{ display:block; width:204px; height:65px; background:url(../img/menu.png) no-repeat -15px -90px;}
#menu2 a .hover{ display:block; width:204px; height:65px; background:url(../img/menu.png) no-repeat -227px -90px;}
#menu3 a .hover{ display:block; width:204px; height:65px; background:url(../img/menu.png) no-repeat -441px -90px;}
#menu li a{ display:block; width:204px; height:65px;}
.top #menu1 a{ background:url(../img/menu.png) no-repeat -15px -90px;}
.recipe #menu2 a{ background:url(../img/menu.png) no-repeat -227px -90px;}
.about #menu3 a{ background:url(../img/menu.png) no-repeat -441px -90px;}

#main_board{ background:#fff;-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; box-shadow:0px 0px 5px #bcb4aa; overflow:hidden; width:630px; margin:17px 0 0 10px;}
#main_board_in{ margin:9px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border:2px solid #f1edd8;}

#new_image{ background-image:url(../img/bottom_line.png); background-position:bottom; background-repeat:repeat-x; padding:0 0 30px; width:570px; margin:0 auto;}
#new_image > h2{ width:320px; height:70px; background:url(../img/top_parts.png) no-repeat -10px -10px; margin:17px auto;}

.new_date{ text-align:center; color:#fc9b00; margin:0 0 2px;}
.foodstuff_name{ font-size:160%; text-align:center; margin:0 0 25px; font-weight:bold;}
.foodstuff_name_line{ background-image:url(../img/foodstuff_name_line.png); background-position:bottom; background-repeat:repeat-x; padding-bottom:8px; line-height:1.6;}

.pic{ width:540px; height:303px; border:5px solid #fff; box-shadow:0px 0px 5px #bcb4aa; margin:0 auto; background-repeat:no-repeat;}

.go_recipe_btn{ width:211px; height:60px;  background: url(../img/top_parts.png) no-repeat -10px -155px; margin:10px auto 0px;}
.go_recipe_btn a{ display:block; width:211px; height:60px;}
.go_recipe_btn a .hover{ display:block; width:211px; height:60px; background:url(../img/top_parts.png) no-repeat -221px -155px;}

#week_recipe h2{ width:417px; height:55px; background:url(../img/top_parts.png) no-repeat -10px -90px; margin:26px auto 0; color: #fff; font-size: 130%; line-height: 2.5; text-align: center; text-shadow: 1px 1px 3px #ca2424;  }

#foodstuff{ width:570px; background:#ffebb0; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; margin:18px auto 0;}
#foodstuff > h3{ background:url(../img/orange_tit.png); -webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0; height:40px; overflow:hidden;}
#foodstuff .foodstuff_tit{ width:150px; height:28px; background:url(../img/top_parts2.png) no-repeat -10px -10px; display:block; margin:7px auto 0;}
.foodstuff_box{ padding:15px; line-height:1.5; }
.foodstuff_list{ text-align:center;}
.foodstuff_list li{ display: inline; white-space: nowrap; padding-right: 3px; }

#fuki{ width:26px; height:16px; background:url(../img/fuki.png) no-repeat; margin:0 auto 13px;}
.zenbu{ display:block; text-align:center; padding:0.5em 0 0; }
.zenbu_in{ background: linear-gradient(transparent 50%, #ffee39 0%); line-height: 1.3em; }

#week_box{ width:570px; margin:20px auto 30px;}
.day_box{ float:left; background:#ffebb0; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; width:108px; line-height:1.4;}
#week_box li{ margin: 0 7px 0 0;}
#week_box li:last-child { margin: 0 0 0 0;}
#week_box li a{ color:#6a4814; text-decoration:none; height: auto; width: auto; display:block;}
#week_box li a:hover { opacity: 0.5 }
.week{ display:block; background:url(../img/orange_tit.png); -webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0; height:35px; overflow:hidden;}
#Mon .week_in{ width:30px; height:29px; background:url(../img/top_parts2.png) no-repeat -10px -50px; display:block; margin:5px auto 0;}
#Tue .week_in{ width:30px; height:29px; background:url(../img/top_parts2.png) no-repeat -40px -50px; display:block; margin:5px auto 0;}
#Wed .week_in{ width:30px; height:29px; background:url(../img/top_parts2.png) no-repeat -70px -50px; display:block; margin:5px auto 0;}
#Thu .week_in{ width:30px; height:29px; background:url(../img/top_parts2.png) no-repeat -100px -50px; display:block; margin:5px auto 0;}
#Fri .week_in{ width:30px; height:29px; background:url(../img/top_parts2.png) no-repeat -130px -50px; display:block; margin:5px auto 0;}
.food_pic{ display:block; height:61px; background:#666;}

.c_name{ display:block; padding:8px; font-size:90%;}
.comment_out{ padding:0px 5px 10px; display:block;}
.comment{ display:block; padding:5px; font-size:90%; height:auto; color:#fff; background:#cbb36e;}

#right_area{ float:right; width:300px; margin:5px 10px 0 0;}

/* TBS FREEバナー */
#tbsfree_banner{ width:300px; height:175px; background: url(../img/tbsfree_banner.png) no-repeat; display:block; margin:25px auto 0px; box-shadow:0px 0px 5px #cbc4a3;}
#tbsfree_banner a{ display:block; width:300px; height:175px; transition:all 0.6s ease;}
#tbsfree_banner a:hover{ filter: alpha(opacity=50); opacity: 0.5; background:#fff;}

#rectangle{ width:300px; height:250px; padding-bottom:25px; background-image:url(../img/right_area_line.png); background-position:bottom; background-repeat:repeat-x;}
#sns_area { width: 240px; height: 25px; padding:25px 0 30px 72px;}
#sns_area #tw{ float: left; width: 90px;}
#sns_area #fb{ float: left; width: 90px; height: 25px;}

#footer_in{ background:url(../img/bg.png); text-align:center; height:100px; font-size:80%; padding-top:24px; color:#fff; border-top:5px solid #e5dbc1;}

/*page_top*/
.pagetop { position: fixed; bottom: 160px; right: 30px; display:none;}
.pagetop a { background:url(../img/pagetop.png) no-repeat ; width: 207px; height: 59px; display: block;}
.pagetop a:hover { background:url(../img/pagetop.png) no-repeat;}

}

@media all and (max-width: 767px) {
	
/* main-imege */
header h1 { position: relative; height: 0; padding-top: 78.24%;}
header h1 a { background-image: url(../img/smp/main_image.jpg); background-size: cover; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-shadow:0px 0px 5px #cbc4a3;}

#menu{  margin:20px auto 20px; width:90%;}
.menu_btn{ width:30%; background:#ffee39; line-height:3; float:left; box-shadow:0px 0px 5px #bcb4aa; border:3px solid #fff; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; font-size:120%;}
#menu1{ margin-right:5%;}
#menu2{ margin-right:5%;}
#menu li a{ display:block; color:#f52f2f; text-align:center; font-weight:bold; text-decoration:none; text-shadow: 1px 1px 0px #fff; }

#main_board{ background:#fff; box-shadow:0px 0px 5px #bcb4aa; overflow:hidden; width:100%; margin:17px 0 0 0px;}
#main_board_in{ margin-top:7px; border-top:2px solid #f1edd8; margin-bottom:7px; border-bottom:2px solid #f1edd8; padding:0 15px;}
	
#new_image{ background-image:url(../img/bottom_line.png); background-position:bottom; background-repeat:repeat-x; padding:0 0 30px; margin:0 auto;}
#new_image > h2{ width:290px; height:70px; background-image:url(../img/smp/top_parts1.png) ; background-repeat:no-repeat; background-size: 290px 70px; margin:17px auto; }

.new_date{ text-align:center; color:#fc9b00; margin:0 0 2px;}
.foodstuff_name{ font-size:120%; text-align:center; margin:0 0 25px; font-weight:bold;}
.foodstuff_list{ text-align:center;}
.foodstuff_name_line{ background-image:url(../img/foodstuff_name_line.png); background-position:bottom; background-repeat:repeat-x; padding-bottom:6px; line-height:1.7;}

.pic{ padding-top:56.111%; overflow:hidden; height: 0; border:5px solid #fff; box-shadow:0px 0px 5px #bcb4aa; margin:0 auto; background-size:contain; background-repeat:no-repeat;}

.go_recipe_btn{ width:211px; height:60px; background-image:url(../img/smp/top_parts3.png) ; background-repeat:no-repeat; background-size: 211px 60px; margin:10px auto 0px;}
.go_recipe_btn a{ display:block; width:211px; height:60px; transition:all 0.6s ease;}

#week_recipe h2{ width:290px; height:55px; background-image:url(../img/smp/top_parts2.png) ; background-repeat:no-repeat; background-size: 290px 55px; margin:26px auto 15px; color: #fff; font-size: 100%; line-height: 3.2; text-align: center; text-shadow: 1px 1px 3px #ca2424}

#foodstuff{ background:#ffebb0; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; margin:18px auto 0;}
#foodstuff > h3{ background:url(../img/orange_tit.png); -webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0; height:40px; overflow:hidden;}
#foodstuff .foodstuff_tit{ width:150px; height:28px; background-image:url(../img/smp/week.png); display:block; background-repeat:no-repeat; background-size: 150px 28px; margin:7px auto 0;}
.foodstuff_box{ padding:15px; line-height:1.5;}
.foodstuff_list li{ display: inline; white-space: nowrap; padding-right: 3px;}
#fuki{ width:26px; height:16px; background:url(../img/fuki.png) no-repeat; margin:0 auto 13px;}
.zenbu{ display:block; text-align:center; padding:0.5em 0 0; }
.zenbu_in{ background: linear-gradient(transparent 50%, #ffee39 0%); line-height: 1.3em; }

#week_box{ margin:0 auto 30px;}
.day_box{ background:#ffebb0; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; line-height:1.4;}
   
#week_box li{ margin: 0 0 15px 0;}
#week_box li:last-child { margin: 0 0 0 0;}
#week_box li a{ color:#6a4814; text-decoration:none;}
.week{ display:block; background:url(../img/orange_tit.png); -webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0; height:35px; overflow:hidden;}
#Mon .week_in{ width:30px; height:29px; background-image:url(../img/smp/mon.png); display:block; background-repeat:no-repeat; background-size: 30px 29px; margin:5px auto 0;}
#Tue .week_in{ width:30px; height:29px; background-image:url(../img/smp/tue.png); display:block; background-repeat:no-repeat; background-size: 30px 29px; margin:5px auto 0;}
#Wed .week_in{ width:30px; height:29px; background-image:url(../img/smp/wed.png); display:block; background-repeat:no-repeat; background-size: 30px 29px; margin:5px auto 0;}
#Thu .week_in{ width:30px; height:29px; background-image:url(../img/smp/thu.png); display:block; background-repeat:no-repeat; background-size: 30px 29px; margin:5px auto 0;}
#Fri .week_in{ width:30px; height:29px; background-image:url(../img/smp/fri.png); display:block; background-repeat:no-repeat; background-size: 30px 29px; margin:5px auto 0;}
.week_area{ padding:10px; display:block;}
.food_pic{ display:block; height:61px; background:#666; float:left; margin-right:10px;}

#rectangle { width: 300px; height: 250px; margin: 15px auto 30px; padding-top: 10px;}

#footer { padding: 20px 0 20px; background:url(../img/bg.png); border-top:2px solid #f6f0d3;}
#footer p{ font-size: 80%; line-height: 1.4; text-align: center; color: #f9f4d9; padding:0 10px;}
#footer a { color: #f9f4d9; }

.pagetop { width: 100%; text-align: center;}
.pagetop a {display: block;text-decoration: none;font-weight: bold; color: #79613a; background: #fed869; line-height: 49px; height: 49px; font-size: 100%;}
.pagetop a span { display: inline-block; height: 49px; background-image: url(../img/smp/icons.png); background-position: left top; background-repeat: no-repeat; padding-left: 43px;}

/* TBS FREEバナー */
#tbsfree_banner{ width:300px; height:175px; background: url(../img/tbsfree_banner.png) no-repeat; display:block; margin:25px auto 0px; box-shadow:0px 0px 5px #cbc4a3;}
#tbsfree_banner a{ display:block; width:300px; height:175px;}

/* BOOKバナー */
#book_banner{ width:300px; height:56px; background: url(../img/book_banner.png) no-repeat; display:block; margin:25px auto 0px; box-shadow:0px 0px 5px #cbc4a3;}
#book_banner a{ display:block; width:300px; height:56px;}

#sns_area { width: 100%; margin: 25px auto 20px;}
#sns_area #tw{ float: left; margin-left: 70px; }
#sns_area #fb{ float: right; margin-right: 70px; height:30px;}
}

/* text-color */
.gray {color:#808080;}
.black {color:#171717;}
.purple {color:#a757a8;}
.ultramarine {color:#465daa;}
.blue {color:#0067c0;}
.lightblue {color:#afdfe4;}
.deepgreen {color:#060;}
.green {color:#008000;}
.yellowgreen {color:#b9c42f;}
.yellow {color:#ffb74c;}
.orange {color:#ff7b00;}
.pink {color:#f58f98;}
.vermilion {color:#ef454a;}
.red {color:#ed1a3d;}
.carmine {color:#c22047;}
.magenta {color:#ec008c;}
.brown {color:#994c00;}
.reddishbrown {color:#800000;}
.yellowocher {color:#c39143;}
.gold {color:#ffd700;}
.silver {color:#c0c0c0;}