@charset "utf-8";

html{ font-size: 62.5%;}

body{
	font-family: '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic;
	color:#515151;
	font-size: 1.6em;
	line-height:1.8;
	}
	
/*h2, h3, h4{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}*/

header { margin-bottom:30px;}

.wrapper {
    width: 80%;
    margin: 0 auto 40px;
    padding: 0 0;}
	
.wrapper h2{ 
	font-size: 200%;
    font-weight: normal;
    line-height: 150%;
	padding:0 0 10px;
	margin:40px 0 40px;
	border-bottom: dotted #CCC;
	text-align:center;}
	
.wrapper h3{
	font-size: 160%;
    line-height: 150%;
	margin-bottom: 30px;
	color:#E7890F;}
	

#logobox {width:28%; float:left;}  
#logobox h1{ padding:80px 60px 0;}
#logobox h2{ padding:10px 60px 0; border:none;}

#sublogobox {width:22%; float:left;}  
#sublogobox h1{ padding:20px 30px 0;}
#sublogobox h2{ padding:5px 20px 0;} 
 
#photobox{width:auto;}
#subPhoto { width:75%; float:right;}

#logobox img, #sublogobox img, #photobox img, #subPhoto img {width:100%; height:auto;}

a:link, a:visited, a:active { color: #FF7A4D; text-decoration:underline;}

a:hover {opacity: 0.6;}

#footerWrapper ul.flex a:link, #footerWrapper ul.flex a:visited, #footerWrapper ul.flex a:active { text-decoration:none;}

.zdo_drawer_menu a {
  color: inherit;
  text-decoration: none;
	}
	
.subHdWrapper {
    width: 90%;
    margin: 0 auto 0px;
    padding: 0 0;}	
		
.contentBox {
    width: 90%;
    margin: 0 auto;
    text-align: left;}
	

p{ padding-bottom:1.6em;}


.leftBoxS {
	width: 21%;
    padding-right: 5%;
	text-align:right;
	float:left;
    }
	
.rightBoxB {
	width:68%;
    padding-left: 5%;
    float: right;
	text-align:left;
    border-left: #999 solid 1px;
	}
	
.photoBoxR {
	width: 21%;
    padding-left: 5%;
	text-align:center;
	float:right;}
		
.txtBoxL {
	width:68%;
	float:left;
    padding-right: 5%;
    float: left;
	text-align:left;
    border-right: #000000 solid 1px;
    }
	
h3.subH3B{
	font-size: 180%;
	color:#AB7D3C;
	padding-top:15px;
	margin-bottom:10px;
	text-align:center;}
	
h3.subH3S{
	font-size: 150%;
	color:#AB7D3C;
	padding-top:15px;
	margin-bottom:10px;
	text-align:center;}
	
h4.subT4S{
	font-size:120%;
	margin-bottom:10px;
	text-align:center}	

h3.h3bwBg { background:#AB7D3C; color:#fff; padding:4px 6px; text-align:center;}
	
.leftBoxS img, .photoBoxR img { width:100%; height:auto; max-width: 300px;}

.imgCr img{ max-width:100%; height:auto;}

	
.photoTxtBox{
	width: 100%;
    padding-bottom: 20px;
	text-align:center;}
	
	
.lineBox01 li{ 
	padding:10px 0;
	border-bottom:1px solid #ccc; }
	
.herfBoxL {width:49%; float:left;} 
.herfBoxR {width:49%; float:right;}

h3.subDodBGPp{
	margin-top:60px;
	margin-bottom:20px;
	padding: 0 0 30px;
	background: url(../img/line_pur.png) repeat-x bottom;
	color:#609;
	}	
	


/* slider(main photo)
---------------------------------------------*/		

.slider{
  display: none;
}
.slider.slick-initialized{
  display: block; /*slick-initializedが付与されたら表示*/
}

/* お知らせ
---------------------------------------------*/	

#topics{
    width: 100%;
    margin: 0 auto 40px;
    padding-top: 20px;
	background:#F7F4EE;
	}
	
.topicsWrapper {
    width: 80%;
    margin: 0 auto;
    padding: 0 0 20px;}	

#topics h2 {margin:0; padding:0;}

#topics dl{margin:10px auto;}

#topics dt, #topics dd{
	float:left;
	text-align:left;
	padding:0;
	line-height:160%;
	 }
	 
#topics dt{
	width:100%;
	padding-bottom:6px;	}
	
#topics dd{
	width:100%;
	padding-bottom:6px;}
		

#topics a:link, #topics a:visited, #topics a:active,#topics a:hover {color: #FF4D4D; text-decoration:underline;}
#topics a:hover { text-decoration:underline;opacity: 0.6;}

.contest a:link, .contest a:visited, .contest a:active {color: #FF4D4D; text-decoration:underline;}


	
/*ランチメニュー	
---------------------------------------------*/	

.photoLunchL {
	width: 26%;
    padding-right: 5%;
	text-align:right;
	float:left;
    }
	
.txtLunchR {
	width:63%;
    padding-left: 5%;
    float: right;
	text-align:left;
    border-left: #999 solid 1px;}
	
.hfLunchL{
	width: 45%;
    padding-right: 10%;
	text-align:left;
	float:left;
    }
	
.hfLunchR{
	width: 45%;
	text-align:left;
    float: right;
    }	
	
.txtLunchR .price, .hfLunchL .price, .hfLunchR .price{ text-align:right; font-weight:bold; color:#090;}	

.photoLunchL img { width:100%; height:auto; max-width: 300px;}	
	
.zeiBox{ border:1px dashed #999; padding:6px 8px; margin-top:10px; text-align:center; }
	
		
	
/* お弁当	
---------------------------------------------*/	

.bentoP img{ max-width: 480px;}

/*.partyBox{ border:1px dashed #FF290B; width:70%; padding:15px 30px; color:#FF290B; text-align:center; margin:0 auto 30px; }*/

	
/* 商品開発・通販
---------------------------------------------*/	

.goodsBox{ border:1px dashed #FF290B; padding:6px 8px; margin-top:10px; color:#FF290B; text-align:center; }

.photoGoodsL {
	width: 26%;
    padding-right: 5%;
	text-align:right;
	float:left;
    }
	
.txtGoodsR {
	width:63%;
    padding-left: 5%;
    float: right;
	text-align:left;
    border-left: #999 solid 1px;}
	
.photoGoodsL img { width:100%; height:auto; max-width: 300px;}	
.photoGoodsL .smPs img {  height:auto; max-width: 170px; padding-top:30px;}
	
.txtGoodsR .netshop img{ width:100%;}


/*レシピコンテスト
---------------------------------------------*/

.recipeWrapper{
	width: 90%;
    margin: 0 auto;
	text-align:center;
	}
	
.recipeWrapper table{
	margin:auto;}
	
.recipeWrapper table th{
	background:#CB611B;
	color:#fff;
	}
	
.recipeWrapper table td{
	background:#EEE;
	}
	
.recipeWrapper table th, .recipeWrapper table tr, .recipeWrapper table td{
	border-bottom:1px dot #999;
	padding:4px;
	}
	
.contest{ text-align:left;}	


table.winRP { margin-bottom:30px;}
table.winRP td, table.winRP tt{ background:#FFF; padding:0;}	
	
/* フォーム関連
---------------------------------------------------- */
.conForm { text-align:center; margin:auto; padding:0 30px 30px; background:#F4EFEE;}
.conForm p{ border-bottom:1px solid #C5AD89; padding:30px 0 10px;}
p.noneBL{ border:none; margin:0px; padding-bottom:20px;}


.formB{　border:solid 1px #ccc; margin:10px 20px; padding:10px 20px; font-size:1.1em; text-transform:uppercase; font-weight:bold; cursor:pointer; }
.formTX{ border:0; padding:10px; font-size:1.1em; border:solid 1px #ccc; margin:0 0 20px; }	
.formTXctr{ border:0; padding:10px; font-size:1.1em; border:solid 1px #ccc; margin:0 0 20px;}
	
/* footer
---------------------------------------------*/	

#footerWrapper{
    width: 100%;
    margin: 0 auto;
    padding: 30px 0 0;
	background:#281F00;
	color:#fff;
	}
	
#footerWrapper .wrapper{ margin-bottom:0;}

#footerWrapper a:link, #footerWrapper a:visited, #footerWrapper a:active { color: #fff;}


.leftFooterBox {
	width: 63%;
    padding-right: 5%;
	float:left;
    }
	
.rightFooterBox {
	width:26%;
    padding-left: 5%;
    float: right;
	text-align:center;
	}

#footerWrapper dl{
	margin:0 auto;
	}

.leftFooterBox span{ font-size:140%;}

#footerWrapper dt, #footerWrapper dd{
	float:left;
	text-align:left;
	padding:0 0 20px;
	line-height:160%;
	 }
	 
#footerWrapper dt{
	width:15%;
	}
	
#footerWrapper dd{
	width:85%;}
	
#footerWrapper a {display:inline;}

#footerWrapper .linkBox {
	width:80%;
	border-top: 1px solid #fff;
    margin: 0 auto;
    padding: 20px 0;
	text-align:center;
	}

#bottomFooter{text-align:center; margin: auto; padding: 8px 8px; line-height:120%; color:#999}
	
footer nav {margin:0 auto;}
	
.linkBox li{
	flex-grow: 1;
	flex-basis:auto;
	}
	 
#footerWrapper .linkBox .flex {	display: flex;}

#map {
    width: 80%;
	text-align:center;
    margin: 0 auto 30px;
    padding: 0 0;}
	
	
/*バナー
---------------------------------------------*/

.linkBanner { text-align:center; margin:30px 0;}
.linkBanner a {display:inline;}
.linkBanner img { margin:5px 10px;}


/*
---------------------------------------------*/	
	

.clearfix::after {
	
	display: block;
	content: "";
	clear:both;
	}
	
.borderBox{ width:100%; height:21px; background:url(../img/line_orange.gif) repeat-x;}	
	



/* ここから上がPC向け
---------------------------------------------------- */

@media screen and (max-width: 480px) {

/* ここから下がスマホ向け
---------------------------------------------------- */

/*フォーム調整*/

.formTX{ width:80%;}
.formTXctr{ width:90% !important; }

body{
	font-size: 1.7em;
	line-height:2;
	}

.wrapper h2{ font-size:160%; font-weight:bold; margin-bottom:15px}
.wrapper h3{ font-size:140%; margin-bottom:15px}

/*
body{
	font-size: 1.4em;
	line-height:1.8;
	}

h2{ font-size:120%; font-weight:bold; margin-bottom:15px}
h3{ font-size:100%; margin-bottom:15px}
*/


p{ margin-bottom:0px;}


#logobox, #sublogobox {width:100%; margin-top:7rem; margin-bottom:0;} 
#subPhoto {width:100%; margin-bottom:0;} 
#logobox h1, #sublogobox h1 { width:40%; float:left; padding:10px;}
#logobox h2, #sublogobox h2 { width:40%; float:right; padding:10px; margin-bottom:0;}
#photobox, #subPhoto, #sublogobox { clear:both;} 

img {
        border: 0;
        max-width: 100%;
        height: auto;}
		
.wrapper, .subHdWrapper {
    width: 90%;
	text-align:center;}

.leftBoxS, .photoGoodsL, .photoLunchL { width:100%; text-align:center;}	

.leftBoxS img, photoGoodsL img, .photoLunchL img { width:70%; margin-bottom:20px;}

.bentoP img { width:100%;}

.linkBanner{ width:60%; margin:20px auto 0; padding:0;}


.rightBoxB, .txtGoodsR, .txtLunchR, .hfLunchL, .hfLunchR, .herfBoxL, .herfBoxR {width:100%; padding:0; margin:0; border:none;}

	
.leftFooterBox { width:100%; text-align:left; border:none; margin:0; padding:0; }
.rightFooterBox { width:100%; border:none; margin:0; padding:0; }

.partyBox{ border:1px dashed #FF290B; padding:6px 8px; margin-top:10px; color:#FF290B; text-align:center; width:90% }

.topicsWrapper { width:90%;}

#topics dt {
	width: 100%;
    padding: 10px 0;}
		
#topics dd {
	width: 100%;
    padding-left: 0;
    margin-left: 0;}


#footerWrapper{ text-align:left;}	
	
#footerWrapper dt {
	width: 100%;
    padding: 10px 0;}
		
#footerWrapper dd {
    width: 100%;
	padding-left: 0;
	margin-left: 0;}
	
	
#footerWrapper .linkBox, footer nav {
        width: 100%;}
		
#footerWrapper .linkBox li {
        flex-grow: 1;
        flex-basis: auto;
        border-bottom: 1px solid #c0c0c0;
        padding: 1rem 0;
    }
	
#footerWrapper .linkBox li: first-child {
        border-top: 1px solid #c0c0c0;
    }

#footerWrapper .linkBox .flex {display: block;}

#footerWrapper .linkBox {
    padding: 0;
	} 
		
.photoGoodsL .smP img, .photoGoodsL .smPs img {  display:none;}
	
	
/*** adjust parts ***/
				
	.flex{display:block;}
	
	
}



/* その他
---------------------------------------------------- */
.pt20{ padding-top:20px;}
.pt30{ padding-top:30px;}
.pt40{ padding-top:40px;}
.pt60{ padding-top:60px;}

.pb40{ padding-bottom:40px;}

.mb05{	margin-bottom:05px;}	
.mb10{	margin-bottom:10px;}	
.mb15{	margin-bottom:15px;}	
.mb20{	margin-bottom:20px;}
.mb30{	margin-bottom:30px;}
.mb40{	margin-bottom:40px;}
.mb50{	margin-bottom:50px;}
.mb60{	margin-bottom:60px;}
.mb80{	margin-bottom:80px;}
	
.mt05{	margin-top:5px;}
.mt08{	margin-top:8px;}
.mt10{	margin-top:10px;}
.mt15{	margin-top:15px;}
.mt20{	margin-top:20px;}
.mt30{	margin-top:30px;}
.mt40{	margin-top:40px;}
.mt50{	margin-top:50px;}
.mt60{	margin-top:60px;}
.mt100{	margin-top:100px;}

.mr10{ margin-right:10px;}
.mr20{ margin-right:20px;}
.mr30{ margin-right:30px;}

.toBig150{ font-size:150%;}

.toCenter{ text-align:center;}
.toL{ float:left;}
.toR{ float:right;}

.toOrange { color:#F07302;}
.toGreen { color:#090;}
.toRed{ color:#CC0000;}

.toRedBig{ font-size:140%; color:#CC0000;}


.mpnone{ margin:0; padding:0;}

.linkIn{display:inline;}