@charset "utf-8";
/* CSS Document */

/* base
-------------------------------------------------- */
body {
	margin:0; padding: 0;
	line-height: 1; vertical-align: top;
	font-family: "Helvetica", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	color:#646464;
}

a { text-decoration: none;}
a:hover { text-decoration: underline;}

header img,
.hum img { width:100%; height: auto;}

article { padding-bottom: 50px;
	line-height: 1.7; /*letter-spacing: 0.05em;*/ font-size: 14px;
}
article a { color: #000; text-decoration: underline;}
article a:hover { text-decoration:none;}

a img:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

@media (min-width: 1024px) {
/* PC用 */
	.sp-show { display:none !important;}
	.sp-hide { display: block !important;}

	.wrapper { position: relative; width:960px; margin:10px auto;}	
}
@media (min-width: 641px) {
/* tablet用&pc */
	.sp-show { display:none !important;}
	.sp-hide { display: block !important;}
}
@media (max-width: 1023px) {
/* sp&tablet用 */
	
	.wrapper { position: relative; padding: 10px 2.5% 0 2.5%;}
}
@media (max-width: 640px) {
/* SP用 */
	body {
		font-size:14px;
	}
	.sp-hide { display: none !important;}
}

/* common
-------------------------------------------------- */
.tel--line { padding: 3px 0 0; line-height:1.05; text-align: right; font-size:12px; color: #000; background:#99a13b;}
.tel--line span { font-size:18px;}
.tel--line a { color: #000; text-decoration: underline;}
.tel--line a:hover { text-decoration: none;}
header { background: #fff;}
.gnav { width: 100%; padding: 20px 0 30px 0;}
.gnav a { display: block; width: 100%; height: 100%; color:#000; text-decoration: none;}
.gnav a:hover { text-decoration: underline;}

.footer { clear: both;}
.footer a { color:#fff;}
.footer a:hover { color:#000; text-decoration: none;}
.footer .fsns{
	text-align:center;
}
.footer .fsns ul{
	margin-bottom:5px;
}
.footer .fsns li{
	padding:0;
	display:inline-block;
}
.footer .fsns .sns-icon li i{
	width:35px;
	height:35px;
}
i.fa-facebook-official { color: #3b5998; }
i.fa-twitter { color:#3c94e2; }

.footer .fsns .sns-btn li{
	vertical-align: top;
	line-height: 0;
  margin-right: 5px;
}

.footer .copyright {text-align: center; font-size: 12px; padding:10px 0;}

#pagetop { position:fixed; bottom:3%; right:1%; font-size:340%; z-index:9999; background:#fff; border-radius:50%; padding:1px 3px 0 3px;}
#pagetop i { color:#798a21; text-decoration: none; float:right; border:none;}

p.atten:before{ content: '※';}
p.asterisk:before{ content: '*';}

.co1 { color:#646464 !important;}


@media (min-width: 641px) {
/* tablet用 */
	header .hum { display:none !important;}
	header #sp-logo { width:50%; padding:0; margin: 0 auto; text-align: center;}
	header #sp-logo img { width:100%; height:auto;}
	
	.footer { padding: 30px 0 30px; }

	.gnav ul li span { color: #000000; border-bottom:2px solid #ffffff;}
	.gnav ul li a:hover { text-decoration: none;}
	.gnav ul li:hover span{ padding-bottom:2px; border-bottom:2px solid #99a13b;}

	.gnav { margin:20px auto 30px auto; padding:0; width:100%; max-width:960px; height:100px; text-align:center; display:table; box-sizing:border-box; border-collapse:collapse;}
	.gnav #logo_style { width:16%; display:table-cell; text-align:center; vertical-align:middle; }
	.gnav #logo_style h1 a img {width:100%; max-width:103px; height:auto; }
	.gnav ul {
		margin:0;
		padding:0;
		-webkit-margin-before: 0;
		-webkit-margin-after: 0;
    -webkit-padding-start: 0;
		width: 42%;
/*
		max-width:428px;
*/
		display:table-cell;
		vertical-align:middle;
	}
	.gnav ul#gnavLeft { text-align:right; }
	.gnav ul#gnavRight { text-align:left; }
	.gnav ul li { display:inline-block; margin:0 16px 0 0; padding:0;
		-webkit-margin-before: 0;
		-webkit-margin-after: 0;
    -webkit-padding-start: 0;}
	.gnav ul#gnavRight li { margin:0 0 0 16px;}
}

@media (max-width: 959px) {
/* PC用 */
/*
	header .logo { width:103px;}
	header .logo img { width: 100%; height:auto;}
*/
}

@media (max-width: 985px) {
/* tablet&pc用 */	
	.gnav ul li a {font-size:14px;}
}

@media (max-width: 876px) {
	.gnav #logo_style { width:12%; }
	.gnav ul { width: 44%; }
	.gnav ul li { margin:0 2% 0 0;}
	.gnav ul#gnavRight li { margin:0 0 0 2%;}
}

@media (min-width: 641px) and (max-width: 794px) {
	.gnav ul li a {font-size:11px;}
}

@media (max-width: 1023px) {
/* tablet用 */
	
}
@media (max-width: 640px) {
/* SP用 */
	header { position:relative;}
	header #sp-logo {width: 24%;  padding: 0; margin: 15px auto;}
	.hum { position:absolute; right: 2.5%; top:0; height:48px; width:48px; border: 1px solid #fff; background: #fff;}
	.hum span { display: block; height:48px; width:48px; background: url(../img/common/sp_btn_menu_01.png) left top no-repeat; transition: 0.3s;}
	.hum span.active { display: block; height:48px; width:48px; background:#fff url(../img/common/sp_btn_menu_02.png) left top no-repeat; transition: 0.3s;}
	
	.gnav #logo_style {display:none;}
	.gnav { display:none; }
	.gnav ul {width:100%;}
	.gnav ul li { display: block; float: left; width:100%; border-bottom:1px solid #99a13b; font-size:16px; padding:5px 0;}
	.gnav ul li:nth-child(5) { display: none;}
	.gnav ul li a { display: block; height: 30px; font-size: 16px; color:#000;  line-height: 30px; text-align: center; border-bottom:none; z-index: 1001;}
	.gnav ul li a:nth-of-type(2),
	.gnav ul li a:nth-of-type(3) { font-weight:normal; font-size:14px;}
	
	.footer { padding: 30px 0; }
	.fnav li { margin-bottom:15px; font-size:12px;}
	
	.tbl01 { width: 100%; border-bottom: 1px solid #dadada;}
	.tbl01 thead { display:none;}
	.tbl01 th { display:block;  padding:10px 3%; border: 1px solid #dadada; border-bottom: none; background: #f9f4e1; font-weight: normal; text-align:left; vertical-align: top;}
	.tbl01 td { display:block;  padding:10px 3%; border: 1px solid #dadada; border-bottom: none; vertical-align: top;}
}

.tdbg02 { background: #f9f4e1;}


/*  btn
-------------------------------------------------- */
a.btn01,a p.btn { display: block; height:30px; padding: 0 30px 0 0; border: 1px solid #99a13b; background: #99a13b url(../img/common/btn01.png) 96% 50% no-repeat; color: #000; text-decoration: none; text-align: center;}
a.btn01 span,a p.btn span { display:block; height:30px; background: #fff; line-height:30px;}
a p.btn span { height:28px;}

a.btn01:hover,a:hover p.btn { background: #fff url(../img/common/btn01_on.png) 96% 50% no-repeat; }
a.btn01:hover span,a:hover p.btn span { background: #99a13b; color: #fff;}

@media (min-width: 641px) {
/* tablet用 */
	a.btn_bl02 { display:block; width: 500px; height: 70px; margin: 0 auto; line-height: 70px; background: url(../img/common/bg_btn_contact.png) left top no-repeat; text-align: center; color: #fff; text-decoration: none; font-size: 24px;}
	a.btn_bl02:hover {}
}
@media (max-width: 640px) {
/* SP用 */
	a.btn_bl02 { display:block; width: 100%; height: auto; line-height: 50px; background: url(../img/common/bg_btn_contact.png) left top no-repeat; text-align: center; color: #fff; text-decoration: none; font-size: 20px; background-size: 100% auto;}
	a.btn_bl02:hover {}
}

/*  list
-------------------------------------------------- */
@media (min-width: 769px) {
/* tablet+PC用 */
	/* col2
	-------------------------------------------------- */
	/*.col2 { padding-top: 1px;}*/
	.col2 li { float:left; width: 50%; margin: 0 0 10px 0;}
	.col2 li:nth-child(2n+1) { margin-left: 0;}
	
	/* col3
	-------------------------------------------------- */
	/*.col3 { padding-top: 1px;}*/
	.col3 li { float:left; width: 31.333333%; margin: 0 0 10px 3%;}
	.col3 li:nth-child(3n+1) { margin-left: 0;}	
}
@media (min-width: 1024px) {
/* PC用 */
}
@media (min-width: 641px) and ( max-width: 1023px) {
/* tablet用 */
}
@media (max-width: 640px) {
/* SP用 */
}



/*  top page
-------------------------------------------------- */
@media (min-width: 960px) {
/* PC用 */
	.slideArea {width:96%; max-width:2000px; padding:0; margin:0 auto 80px auto;}
	.slider {width:100%; height:50%;}

	.map--area {position:relative; height:520px;}
	.map--area #txt { position:absolute; top:20px; left:40px;  z-index:10; text-align:center;}
	.map--area #txt p {font-size:16px;}
	.map--area #map { position:absolute; top:0; right:0;}

	.bnr--area ul { margin: 0 auto;}
	.bnr--area ul li { position:relative; text-align: center; -webkit-padding-start: 0;}
	.bnr--area ul li { 
		width: 50%;
		margin:0 0 20px 0;
		text-align: left;
		float:left;
	}
	.bnr--area ul li:nth-child(2n) { 
		text-align: right; 
	}

	.news--area { padding: 140px 0 50px;}
	.news--area h2 { margin-bottom:50px; text-align:center;}
	.news--area dl { margin:0 0 0.75em 0; padding-bottom:0.75em; border-bottom:1px solid #969696;}
	.news--area dl dt { float:left; width: 264px; font-size:18px;}
	.news--area dl dd { display: block; margin: 0 0 0 264px;}
	.news--area dl dd a { color: #1d2087; font-size:16px; text-decoration:none; letter-spacing:0.05em;}
	.news--area dl dd a:hover { text-decoration:underline;}
}

@media (min-width: 641px) and ( max-width: 959px) {
/* tablet用 */
	.slideArea { width:96%; margin:0 auto 40px auto;}
	.map--area {height:520px;}
	.map--area #txt { position:absolute; top:20px; left:40px; z-index:10; text-align:center;}
	.map--area #txt p {font-size:16px;}
	.map--area #map { position:absolute; top:0; right:0;}

	.bnr--area ul { margin: 0 auto;}
	.bnr--area ul li { position:relative; text-align: center; -webkit-padding-start: 0;}
	.bnr--area ul li { 
		width: 50%;
		margin:0 0 20px 0;
		text-align: left;
		float:left;
	}
	.bnr--area ul li:nth-child(2n) { 
		text-align: right; 
	}
	.bnr--area ul li img {
		width:98%;
		height:auto;
	}

	.news--area { padding: 50px 0;}
	.news--area h2 { margin-bottom:5%; text-align:center;}
	.news--area dl { margin:0 0 0.75em 0; padding-bottom:0.75em; border-bottom:1px solid #969696;}
	.news--area dl dt { float:left; width: 132px; font-size:18px;}
	.news--area dl dd { display: block; margin: 0 0 0 132px;}
	.news--area dl dd a { color: #1d2087; font-size:16px; text-decoration:none; letter-spacing:0.05em;}
	.news--area dl dd a:hover { text-decoration:underline;}
}

@media (max-width: 640px) {
/* SP用 */
	.slideArea { width:96%; margin:0 auto 5% auto;}

	.map--area {height:auto; margin-bottom:10%;}
	.map--area #txt { margin-bottom:5%; }
	.map--area #txt p {font-size:16px;}
	.map--area #map { margin-bottom:5%; }

	.bnr--area ul { 
		margin:0 0 10% 0;
	}
	.bnr--area ul li { 
		width: 100%;
		margin:0 0 2.5% 0;
	}

	.news--area h2 { padding-top:4%; margin-bottom:4%; text-align:center;}
	.news--area dl:first-of-type { padding-top:1em;}
	.news--area dl { margin:0 0 0.85em; padding-bottom:0.75em; border-bottom:1px solid #969696;}
	.news--area dl dd a { color: #1d2087; text-decoration:none;}
	.news--area dl dd a:hover { text-decoration:underline;}

	.map--area #txt img,
	.map--area #map img,
	.bnr--area ul li img {
		width:100%;
		height:auto;
	}
}

.slideArea img { width: 100%;}

.bnr--area { padding:0;}

.news--area { position: relative;}




/* page common
-------------------------------------------------- */
.crumb { text-align: left;}
.crumb li { display: inline-block; font-size: 14px;}
.crumb a { color:#99a13b; text-decoration:underline;}
.crumb li:after { content:" ＞ "; margin: 0 0.4em;}
.crumb li:last-child:after { content:"";}

.page img {margin:1%;}
.page h3 img,
.page h4 img,
.page h5 img {margin:0;}

#chef h4,
#chef h5 {color:#788a21; font-weight:bold; font-size:22px; line-height:1.2; padding-bottom:5px;}

.sec01 {clear:both; overflow:hidden;}
/*
.sec01.bor { border-top:1px solid #99a13b; border-bottom:1px solid #99a13b; padding:30px;}
*/
.sec01 .fl { width: 50%;}
.sec01 .fr { width: 50%;}
.sec01.infoBox { border:1px solid #788a21; box-sizing:border-box; padding:40px; }
.sec01.infoBox.addrBox { margin-bottom:75px !important; padding:40px 50px; }
.sec01.infoBox.addrBox span { font-weight:bold; }
.sec01.infoBox h3 { margin-bottom:10px !important; }

@media (min-width: 1024px) {
/* PC用 */
	.crumb { width: 960px; margin: 0 auto 65px;}
	.sec01 { margin-bottom: 100px;}
	#chef .sec01 { margin-bottom: 50px;}
}

@media (min-width: 641px) {
/* pc/tablet用 */
	.page h2 { margin-bottom:90px; text-align: center; clear:both; }
	.page h3 { margin-bottom:20px !important; clear:both; }
	.page h4 { margin-bottom:15px !important; clear:both; }
	.page h5 { margin-bottom:15px !important; clear:both; }
	.page h3 img { float:none !important; margin-bottom:0 !important;}
	.sec01 { margin-bottom: 60px;}
	.sec01 .fl.txtBox { width: 432px; padding-right:28px; }
	.sec01 .fr.txtBox { width: 432px; padding-left:28px; }
	.sec01 .fl.imgBox,
	.sec01 .fr.imgBox { width: 490px; box-sizing:border-box;}
	.sec01 .imgBox02 { width: 610px; box-sizing:border-box;}
	.sec01 .imgBox03 { width: 370px; box-sizing:border-box;}
	.sec01 .txtBox02 { width: 350px; }
	.sec01 .txtBox03 { width: 590px !important; padding-left:0 !important;}
	.sec01 .fl img { margin:0 10px 10px 0; float:left;}
	.sec01 .fr img { margin:0 0 10px 10px; float:right;}
	.sec01 .txtBox p,
	.sec01.txtBox p,
	.sec01.infoBox p { font-size:16px; margin-bottom:2em; }
	.sec01 .txtBox p:last-of-type,
	.sec01.txtBox p:last-of-type,
	.sec01.infoBox p:last-of-type { margin-bottom:0; }

	#about .ancBox { text-align:center; margin-bottom:120px; }
	#about .ancBox a,
	#about .ancBox div { display:inline-block; }
	#about .ancBox img { margin:0;}
	#about h3 { margin-bottom:50px !important; text-align:center; }
	#about h4 { margin-bottom:10px !important; display:inline-block; }
	#about h4 img { margin:0; }
	#about .sec01 { margin-bottom: 80px;}
	#about .sec01.infoBox { margin-bottom: 180px;}

	#chef .chefProf { border-top:2px solid #788a21; border:1px solid #788a21; width: 460px; padding:0; box-sizing:border-box; float:left; text-decoration:none; display:block;}
	#chef .chefProf:nth-of-type(2) { float:right; }
	#chef .chefProf p { font-size:16px; }
	#chef .chefProf img.fl { width:230px; margin:0 15px 0 0 !important; }
	#chef .chefProf .inBox div { width:210px; float:left; }
	#chef .chefProf .inBox h5 { margin:40px 0 0 0; }
	#chef .sec01 .fl.txtBox { width: 442px; padding-right:18px; }
	#chef .sec01 .fr.txtBox { width: 442px; padding-left:18px; }
	#chef .sec01 .fl span { margin:0 10px 30px 0; color:#000; display:block;}
	#chef .sec01 .fr span { margin:0 0 30px 10px; color:#000; display:block;}
	#chef .sec01 .fl img { margin:0 10px 0 0;}
	#chef .sec01 .fr img { margin:0 0 0 10px;}
	#chef .sec01 ul { overflow:hidden; margin-bottom:56px;}
	#chef .sec01 li { margin-right:5px; float:left;}
	#chef .sec01 li:last-of-type { margin-right:0;}
	#chef .sec01 li span { display:block; text-align:center; font-size:16px;}
	#chef .infoBox .fl.txtBox { width:610px; }
	#chef .infoBox h5 img {float:none;}
	#chef .infoBox .fl.imgBox,
	#chef .infoBox .fr.imgBox { width: auto; box-sizing:border-box;}
	#chef h3 { margin-bottom:35px !important; clear:both; }

	#restaurants h2 { margin-bottom:35px;}
	#restaurants h3,
	#restaurants h3 a { font-family:"Open Sans", sans-serif; }
	#restaurants h3#profile { width:100%; padding:5px; text-align:center; background:#798a21; line-height:1; margin-bottom:0 !important; }
	#restaurants #profileWrap { width:100%; overflow:hidden; border:1px solid #798a21; box-sizing:border-box; margin-bottom:100px;}
	#restaurants .profileBox { width:50%; box-sizing:border-box; padding:2%; float:left;}
	#restaurants .profileBox .info {display:table; width:100%; }
	#restaurants .profileBox .info .photo {display:table-cell; padding:0 10px 10px 0; width:43%; }
	#restaurants .profileBox .info .photo img {width:100%; max-width:180px; height:auto;}
	#restaurants .profileBox .info .nm {display:table-cell; vertical-align:bottom; color:#798a21; font-size:26px; font-weight:bold; line-height:1; padding-bottom:10px; width:57%;}
	#restaurants .profileBox .info .nm span {font-size:22px; display:block;}
	#restaurants .profileBox p {font-size:16px; margin-bottom:2em;}
	#restaurants .profileBox p:last-of-type {margin-bottom:0;}
	#restaurants #shopList { width:100%; overflow:hidden; box-sizing:border-box; margin-bottom:300px;}
	#restaurants li { width:50%; float:left; display:table; margin-bottom:4%;}
	#restaurants li a { width:100%; text-decoration:none; display:inline-block; }
	#restaurants li a:hover {
		opacity:0.8;
		filter: alpha(opacity=80);
		-ms-filter: "alpha( opacity=80 )";
	}
	#restaurants li div { width:100px; height:100px; padding-right:10px; display:table-cell; vertical-align:top; }
	#restaurants li p { text-align:left; display:table-cell; vertical-align:top; color:#798a21; font-size:24px; font-weight:bold; letter-spacing:-0.01em; line-height:1; padding-bottom:10px; font-family:"Open Sans", sans-serif;}

	#restaurants .sec01 h3 { color:#798a21; font-size:34px; font-weight:bold; line-height:1; letter-spacing:-0.01em; }
	#restaurants .sec01 h3 a { color:#798a21; text-decoration:none; float:right;}
	#restaurants .shopBox { overflow:hidden; margin-bottom:100px; }
	#restaurants .shopBox .txt { width:48%; margin-right:2%; float:left; }
	#restaurants .shopBox .txt p {font-size:16px; margin-bottom:2em;}
	#restaurants .shopInfo { font-size:16px; }
	#restaurants .shopInfo a { text-decoration:none; }
	#restaurants .shopInfo span { font-family: 'sans-serif'; color:#798a21; font-weight:bold; }
	#restaurants .shopBox .imgBox { width:50%; float:right; }
	#restaurants .shopBox .imgBox p { margin-bottom:0; }
	#restaurants .shopBox .imgBox ul { overflow:hidden; display:block; clear:both; }
	#restaurants .shopBox .imgBox li { width:20%; float:left; padding:1%; margin-bottom:0;}
	#restaurants .shopBox .imgBox li img { width:100%; height:auto; cursor:pointer; }

	#press ul { display:table; width:100%; }
	#press ul:first-of-type { margin-bottom:180px;}
	#press ul li { width:33.33%; text-align:center; vertical-align:middle; display:table-cell;}
	#press ul.col2 { width:67%; margin:0 auto;}
	#press ul.col2 li { width:50%;}


/*
	.btn--contact { margin: 0 auto; text-align: center;}
*/
}
@media (min-width: 768px) and ( max-width: 959px) {
	.sec01 .fl.txtBox { width: 48%; padding-right:2%;}
	.sec01 .fr.txtBox { width: 48%; padding-left:2%; }
	.sec01 .fl.imgBox,
	.sec01 .fr.imgBox { width: 48%; box-sizing:border-box;}
	.sec01 .imgBox02 { margin:0 auto 2% auto; width: auto; box-sizing:border-box;}
	.sec01 .imgBox03 { width: 48%; box-sizing:border-box;}
	.sec01 .txtBox02 { width: 100%; }
	.sec01 .txtBox03 { width: 48% !important; padding-left:0 !important;}
	.sec01 .fl img { max-width:100%; height:auto; margin:0 1% 1% 0; float:left;}
	.sec01 .fr img { max-width:100%; height:auto; margin:0 0 1% 1%; float:right;}

	#about h3 img { width:auto !important; }

	#chef .sec01 .fl.txtBox { width: 48%; padding-right:2%; }
	#chef .sec01 .fr.txtBox { width: 48%; padding-left:2%; }
	#chef .sec01 .fl span { margin:0 10px 30px 0; color:#000; display:block;}
	#chef .sec01 .fr span { margin:0 0 30px 10px; color:#000; display:block;}
	#chef .sec01 .fl img { margin:0 10px 0 0;}
	#chef .sec01 .fr img { margin:0 0 0 10px;}
	#chef .sec01 ul { overflow:hidden; margin-bottom:5%;}
	#chef .sec01 li { width:48%; margin:1%; float:left;}
	#chef .sec01 li img { width:100%; height:auto;}
	#chef .infoBox .fl.txtBox { width:610px; }

	#restaurants h3#profile img {width:auto !important;}
	#restaurants #shopList { margin-bottom:100px;}
	#restaurants .shopBox { margin-bottom:50px; }
	#restaurants .sec01 h3 { overflow:hidden; }

	#press ul { display:table; width:100%;}
	#press ul:first-of-type { margin-bottom:100px;}
	#press ul li { width:33.33%; text-align:center; vertical-align:middle; display:table-cell; }
	#press ul.col2 li { width:50%;}
	#press ul li img {max-width:240px;}
	#press ul:nth-of-type(2) li img,
	#press ul.col2 li img {max-width:230px;}
}
@media (min-width: 641px) and (max-width: 1023px) {
	/* tablet用 */
	.crumb { width: 100%; margin: 0 0 20px 0; box-sizing: border-box; padding-left: 2.5%;}
	.page h2 { padding: 44px 2.5% 0;}
}
@media (max-width: 640px) {
/* SP用 */
	.page h2 { margin-bottom: 17px; padding: 25px 2.5%; text-align:center;}
	.page h2 img { width:auto !important; max-width:100%; }
	.page h3 img { width:auto !important; max-width:100%; margin-bottom:20px !important;}
	.page h4 img { width:auto !important; max-width:100%; }
	.page h5 img { width:auto !important; max-width:100%; }

	#about .ancBox { text-align:center; margin-bottom:38%; }
	#about .ancBox a { display:block; margin-bottom:20px;}
	#about .ancBox div { display:none; }
	#about .ancBox a:nth-of-type(2) img { width:100%; height:auto;}
	#about .ancBox img { margin:0;}
	#about h3 { margin-bottom:20px !important; text-align:center; }
	#about h4 { margin-bottom:10px !important; display:inline-block; }
	#about h4 img { margin:0; }
	#about .sec01 { margin-bottom: 10%;}
	#about .sec01.infoBox { margin-bottom: 20%;}

	#chef h4,
	#chef h5 {color:#788a21; font-weight:bold; font-size:120%; line-height:1.2; padding-bottom:5px;}
	.crumb { padding:0px 2.5% 5px;}	
	.crumb li { margin-bottom:	15px;}
	.sec01 { margin-bottom: 8%;}
	.sec01 .fl,
	.sec01 .fr { width: 100%;}
	.sec01 .fl.txtBox,
	.sec01 .fr.txtBox,
	.sec01 .fl.imgBox,
	.sec01 .fr.imgBox { width: 100%; }
	.sec01 .fl img,
	.sec01 .fr img { width:100%; height:auto; margin:0 0 2.5% 0;}
/*
	.sec01.bor { border-top:1px solid #99a13b; border-bottom:1px solid #99a13b; padding:8% 2%;}
	.sec01.bor p:last-of-child( margin-bottom:0; }
*/
	.sec01.infoBox { padding:5%; }
	.sec01.infoBox.addrBox { margin-bottom:10% !important; padding:5%; }
	.sec01 .txtBox p,
	.sec01.txtBox p,
	.sec01.infoBox p { font-size:14px; margin-bottom:1em; }
	.sec01 .txtBox p:last-of-type,
	.sec01.txtBox p:last-of-type { margin-bottom:1em; }
	.sec01.addrBox p:last-of-type { margin-bottom:0; }
	#chef .chefProf { border-top:2px solid #788a21; border:1px solid #788a21; width: 100%; padding:0; overflow:hidden; box-sizing:border-box; margin-bottom:15px; text-decoration:none; display:block;}
	#chef .chefProf img.fl { width:48%; margin:0 2% 0 0; display:block;}
	#chef .chefProf .inBox div { width:50%; float:left; }
	#chef .chefProf .inBox h5 { margin:8% 0 0 0; }
	#chef .chefProf .inBox p { margin:0; line-height:1.5; }
	#chef .sec01 ul { overflow:hidden; margin-bottom:8%;}
	#chef .sec01 li span { margin-bottom:8%; display:block; text-align:center; font-size:14px;}
	#chef .sec01 .imgBox span { margin-bottom:8%; color:#000; display:block;}
	#chef.addrBox span { margin-bottom:0 !important; color:#646464;}

	#restaurants h3,
	#restaurants h3 a { font-family:"Open Sans", sans-serif; }
	#restaurants h3#profile { width:100%; padding:5px; text-align:center; background:#798a21; line-height:1; margin-bottom:0 !important; }
	#restaurants h3#profile img { margin-bottom:0 !important; }
	#restaurants #profileWrap { width:100%; overflow:hidden; border:1px solid #798a21; box-sizing:border-box; margin-bottom:10%;}
	#restaurants .profileBox { margin:0 auto; width:98%; padding:2%;}
	#restaurants .profileBox .info {text-align:center;}
	#restaurants .profileBox .info .photo {padding:0 0 10px 0;}
	#restaurants .profileBox .info .nm {color:#798a21; font-size:18px; font-weight:bold; line-height:1; padding-bottom:10px;}
	#restaurants .profileBox .info .nm span {font-size:16px; display:block;}
	#restaurants .profileBox p {font-size:14px; margin-bottom:2em;}
	#restaurants #shopList { width:100%; overflow:hidden; box-sizing:border-box; margin-bottom:10%;}
	#restaurants li { width:100%; display:table; margin-bottom:.5%;}
	#restaurants li a { width:100%; text-decoration:none; display:inline-block;}
	#restaurants li a:hover {
		opacity:0.8;
		filter: alpha(opacity=80);
		-ms-filter: "alpha( opacity=80 )";
	}
	#restaurants li div { width:100px; height:100px; padding-right:10px; display:table-cell; vertical-align:top; }
	#restaurants li p { text-align:left; display:table-cell; vertical-align:top; color:#798a21; font-size:16px; font-weight:bold; letter-spacing:-0.01em; line-height:1; padding-bottom:10px; font-family:"Open Sans", sans-serif;}

	#restaurants .sec01 h3 { color:#798a21; font-size:16px; font-weight:bold; line-height:1; letter-spacing:-0.01em; }
	#restaurants .sec01 h3 a { margin:2% 0 5%; color:#798a21; text-decoration:none; display:block;}
	#restaurants .shopBox { overflow:hidden; margin-bottom:15%; }
	#restaurants .shopBox .txt { width:100%; margin-right:0; }
	#restaurants .shopBox .txt p {font-size:14px; margin-bottom:1em;}
	#restaurants .shopInfo { font-size:14px; }
	#restaurants .shopInfo a { text-decoration:none; }
	#restaurants .shopInfo span { color:#798a21; font-weight:bold; }
	#restaurants .shopBox .imgBox { width:100%; float:right; }
	#restaurants .shopBox .imgBox p { margin-bottom:0; }
	#restaurants .shopBox .imgBox p img { margin:0; width:100%; height:auto;}
	#restaurants .shopBox .imgBox ul { overflow:hidden; display:block; clear:both; }
	#restaurants .shopBox .imgBox li { width:20%; float:left; padding:1%; margin-bottom:0;}
	#restaurants .shopBox .imgBox li img { width:100%; height:auto; cursor:pointer; }

	#press ul { display:block; width:100%; margin:0 auto;}
	#press ul li { width:100%; text-align:center; vertical-align:middle; display:block; margin-bottom:3%;}
	#press ul:first-of-type li { margin-bottom:2%;}
	#press ul.col2 { width:100%; margin:0;}
	#press ul.col2 li { width:100%;}
	#press ul li img { max-width:300px; height:auto;}
	#press ul:first-of-type li img { width:46%; height:auto;}
	#press ul:first-of-type li:nth-of-type(2) img { width:34%; height:auto;}
	#press ul:first-of-type li:nth-of-type(3) img { width:56%; height:auto;}
}


@media (min-width: 568px) and ( max-width: 640px) {
	#chef .chefProf { border-top:2px solid #788a21; border:1px solid #788a21; width: 100%; padding:0; box-sizing:border-box; float:left; text-decoration:none; display:block;}
	#chef .chefProf:nth-of-type(2) { float:right; }
	#chef .chefProf p { font-size:16px; }
	#chef .chefProf img.fl { width:230px; margin:0 15px 0 0 !important; }
	#chef .chefProf .inBox div { width:210px; float:left; }
	#chef .chefProf .inBox h5 { margin:40px 0 0 0; }
}

@media (min-width: 768px) and ( max-width: 959px) {
	.page h3 img { width:100% !important;}
	.page h4 img { width:100% !important;}

	#chef .chefProf { border-top:2px solid #788a21; border:1px solid #788a21; width: 49%; padding:0; box-sizing:border-box; float:left; text-decoration:none; display:block;}
	#chef .chefProf img.fl { width:46%; margin:0 2% 0 0 !important; display:block;}
	#chef .chefProf .inBox div { width:52%; float:left; }
	#chef .chefProf .inBox h5 { margin:8% 0 1% 0 !important; }
	#chef .chefProf .inBox p { margin:0; line-height:1.4; }
}

.sec01 p { margin-bottom: 30px;}






/*  news--list
-------------------------------------------------- */
.news--list { position: relative; margin-bottom: 40px;}
.news--list dl { clear:both;}
.news--list dl:nth-child(odd) { background: #f9f4e1;}
.news--list dl dd span { display: inline-block; width:100px; margin-right: 30px; text-align: center; border-radius: 6px; color: #000;}
.news--list dd a { padding-left:16px; background:url(../img/common/icn_arrow01.png ) left 5px no-repeat;}

.btn_list { width:175px;}

@media (min-width: 1024px) {
/* PC用 */
	.btn_list { position: absolute; top: -5px; right: 0;}
}
@media (min-width: 641px) {
/* tablet用 */
	.news--list dl { padding:18px 42px;}
	.news--list dt { float:left; width: 120px;}
	.news--list dd { display:block; margin-left: 135px;}
}
@media (min-width: 641px) and (max-width: 1023px) {
	/* tablet用 */	
	.btn_list { position: absolute; top:0px; right:2.5%;}
}
@media (max-width: 640px) {
/* SP用 */
	.news--list dl { padding:10px 3.5%;}
}


/*  news
-------------------------------------------------- */
#news h3{
	margin-bottom: 10px;
	font-size: 26px;
	font-weight: normal;
}

#news .date{
	padding: 2px 0;
	border-top: 1px solid #898989;
	border-bottom: 1px solid #898989;
	font-size: 15px;
	text-align: right;
}

#news .box {
	margin: 25px auto 45px auto;
	width: 960px;
	display: table;
}

#news .box .txt {
	padding: 0 20px 0 0;
	width: 540px;
	display: table-cell;
	vertical-align: top;
}

#news .box .photo {
	padding: 0 0 0 20px;
	width: 380px;
	display: table-cell;
	vertical-align: top;
}

 #news .box .photo img {
   margin-bottom: 20px;
}



/*  single
-------------------------------------------------- */
.screen-reader-text,
.meta-nav { display: none !important;}
.entry-time { padding-bottom: 30px; font-size:13px; text-align: right;}
.entry-time span {display: inline-block; width:100px; margin-left: 20px; text-align: center; border-radius: 6px; color: #000;}
.entry-content img { width:auto ; height: auto;}

.paging,
.tablenav { text-align: center;}

.paging > div a,
.tablenav > a { display: block; padding: 6px 12px; background: #eeeeee; border-radius: 3px; text-decoration: none; color: #333}

.paging > div,
.tablenav > a { display: inline-block;}

.tablenav > span { display: inline-block; padding: 6px 12px;}
.paging .prev span,
.tablenav .a--prev { padding-left : 17px; background: #eeeeee url(../img/common/icn_prev.png) left  3px no-repeat;}
.paging .next span,
.tablenav .a--next { padding-right: 17px; background: #eeeeee url(../img/common/icn_next.png) right 3px no-repeat;}

@media (min-width: 1024px) {
/* PC用 */
}
@media (min-width: 641px) {
/* tablet用 */
	.single-thumb { float:right; width: 40.816%; margin:0 0 40px 4.0816%;}
}
@media (min-width: 641px) and (max-width: 1023px) {
	/* tablet用 */	
}
@media (max-width: 640px) {
/* SP用 */
	.entry-content img {
		width:100%;
		height:auto;
	}
}



@media (min-width: 1024px) {
/* PC用 */
	.w225p { width:22.5% !important;}
	.w235p { width:23.5% !important;}
	.w720p { width:720px !important;}
}
@media (min-width: 641px) {
/* tablet用 */
}
@media (min-width: 641px) and (max-width: 1023px) {
	/* tablet用 */	
}
@media (max-width: 640px) {
/* SP用 */
}

.left {
	text-align: right;
}