@charset "utf-8";

/*  BASE
======================= */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
	font-size:100%;
    vertical-align:baseline;
    background:transparent;
	font-style:normal;
}
body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height:1.5;
	font-size:14px;
	min-width:1000px;
	color:#4C2406;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}
h1.common {
	color: #EB6B00;
	font-size: 24px;
	font-weight: bold;
	border-bottom: 1px solid #D5CABD;
	padding: 10px 10px;
	margin-bottom: 10px;
}

h1.common span {
	padding: 0 20px;
	border-left: 6px solid #EB6B00;
}

h2.common {
	font-weight: bold;
	background: #F3F3F3;
	padding: 10px 20px 10px 35px;
	margin-bottom: 20px;
	position: relative;
}

h2.common:before {
	content: "\f10c";
	font-family: FontAwesome;
	position:absolute;
	left:15px;
	top:50%;
	margin-top:-10px;
	color: #EB6B00;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
ol, ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
	color:inherit;
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}
* {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
img {
	border:0;
	outline:0;
	width:100%;
	height:auto;
	vertical-align:top;
}
a img:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	*zoom: 1;
}
a.noTrans img:hover {
	opacity:1;
	filter: alpha(opacity=100);
}

.relative {
	position:relative;
}
.ibParent {
	letter-spacing:-.4em;
}
.ibParent > * {
	letter-spacing:normal;
	display:inline-block;
}
.onlySP {
	display:none;
}

/* Clearfix */
.cf:before, .cf:after { content:"";display:table;}
.cf:after { clear:both;}
.cf { *zoom:1;}
.clear {clear:both;}

/*   Common
================================================= */

#siteWrap {}
.inner {
	width:1000px;
	margin-right:auto;
	margin-left:auto;
}
.blockCenter {
	margin-right:auto;
	margin-left:auto;
}
/* フッターロゴ表示用 */
.footExpand {
	padding-bottom:160px;
}

/*   Header
================= */

#siteHeader {
	border-top:4px solid #FCAF17;
	border-bottom:1px solid #D5CABD;
}
#siteHeader .siteLogo {
	width:240px;
	float:left;
	margin-left:29px;
	margin-top:26px;
}
#siteHeader .gNavi {
	float:right;
	width:662px;
}
/*#siteHeader .gNavi li {
	width:331px;
	height:0;
	float:left;
	padding-top:77px;
	letter-spacing:100%;
	white-space:nowrap;
	overflow:hidden;
}*/
#siteHeader .gNavi li a {
	width: 331px;
	height: 0;
	float: left;
	padding-top: 77px;
	letter-spacing: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#siteHeader .gNavi li {
	width: 331px;
	float: left;
}

#siteHeader .gNavi li.menu {
	background:url(../img/common/header/gnavi_menu_pc_off.png) no-repeat 0 0;
}
#siteHeader .gNavi li.menu.current,
#siteHeader .gNavi li.menu:hover {
	background:url(../img/common/header/gnavi_menu_pc_on.png) no-repeat 0 0;
	cursor:pointer;
}
#siteHeader .gNavi li.store {
	background:url(../img/common/header/gnavi_store_pc_off.png) no-repeat 0 0;
}
#siteHeader .gNavi li.store.current,
#siteHeader .gNavi li.store:hover {
	background:url(../img/common/header/gnavi_store_pc_on.png) no-repeat 0 0;
	cursor:pointer;
}

/*160212追記　style_all.css*/
#siteHeader .gNavi_top {
	float:right;
	width:662px;
}
/*#siteHeader .gNavi_top li {
	width:331px;
	height:0;
	float:left;
	padding-top:77px;
	letter-spacing:100%;
	white-space:nowrap;
	overflow:hidden;
}*/
#siteHeader .gNavi_top li a {
	width: 331px;
	height: 0;
	float: left;
	padding-top: 77px;
	letter-spacing: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#siteHeader .gNavi_top li {
	width: 331px;
	float: left;
}

#siteHeader .gNavi_top li.menu {
	background:url(../img/common/header/gnavi_menu_pc_off.png) no-repeat 0 0;
}
#siteHeader .gNavi_top li.menu.current,
#siteHeader .gNavi_top li.menu:hover {
	background:url(../img/common/header/gnavi_menu_pc_on.png) no-repeat 0 0;
	cursor:pointer;
}
#siteHeader .gNavi_top li.store {
	background:url(../img/common/header/gnavi_store_pc_off.png) no-repeat 0 0;
}
#siteHeader .gNavi_top li.store.current,
#siteHeader .gNavi_top li.store:hover {
	background:url(../img/common/header/gnavi_store_pc_on.png) no-repeat 0 0;
	cursor:pointer;
}
/*160212追記*/


/*   breadcrumb
================= */

#breadcrumb {
	padding:15px 3px;
}
#breadcrumb li {
	display:inline-block;
}
#breadcrumb li:before {
	content:" > "
}
#breadcrumb li:first-child:before{
	content:none;
}
#breadcrumb a {
	color: #DD0037;
	text-decoration:underline;
}

/*   background
================= */
.bgDiagonal {
	background:url(../img/common/bg_pattern01.png) repeat 0 0;
}
.bgDiagonal.sp {
	background-image:none;
}

/*   Footer
================= */
.footLogo {
	width:156px;
	position:absolute;
	left:50%;
	margin-left:-78px;
	top:-100px;
}
#siteFooter {
	border-top:1px solid #D5CABD;
	position:relative;
}
#siteFooter .pagetop {
	position:fixed;
	bottom: 30px;
	left:auto;
	margin-left: 1022px;
	z-index: 9998;
}
#siteFooter .pagetop a {
	display:block;
}
#siteFooter .footerLink {
	text-align:center;
	padding:16px 0;
}
#siteFooter .footerLink li a {
	padding:0 12px;	
}
#siteFooter .footerLink li:after,
#siteFooter .footerLink li:first-child:before {
	content:"|";
}
#siteFooter .copyright {
	background-color:#4D2409;
	padding:16px 0;
	color:#FFF;
	text-align:center;
}
#siteFooter .footerWrap .changeView {
	text-align: center;	
}
#siteFooter .footerWrap .changeView a {
    border: 1px solid #ddd;
    color: #333;
    display: inherit;
    font-size: 18px;
    line-height: 34px;
    padding: 11px 15px 11px 25px;
    text-decoration: none;
    width: 80%;
    margin: 10px auto 20px;
    position: relative;
}
#siteFooter .changeView a:before {
	content: "\f054";
	font-family: FontAwesome;
	margin-top: -1em;
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top: -7px;
	line-height: 1;
}


/*   MENU
================================================= */

/* アコーディオン開閉アイコン */
.acTrigger i {
	position:absolute;
	display:block;
	width:26px;
	height:26px;
	background:#8CC63F;
	right:13px;
	top:50%;
	margin-top:-13px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.acTrigger i:before {
	content:"";
	display:block;
	position:absolute;
	width: 16px;
	height: 2px;
	background:#FFF;
	left: 5px;
	top: 12px;
}
.acTrigger i:after {
	content:"";
	display:block;
	position:absolute;
	width: 2px;
	height: 16px;
	background:#FFF;
	left: 12px;
	top: 5px;
}
.acTrigger.open i:after {
	display:none;
}

/*   メニュー一覧表示
======================= */

.menuStyle .icon-new {
	display:inline-block;
	background-color:#DE0039;
	color:#FFF;
	text-align:center;
	line-height:1.4;
	padding:0 8px;
	margin-bottom:14px;
	letter-spacing:1px;
}
.menuStyle .menuImage {
	border:1px solid #CCC;
	text-align:center;
}
.menuStyle .menuName {
	font-size:16px;
	font-weight:bold;
	margin-top:16px;
	min-height:50px;
}
.menuStyle .priceText {
	color:#4C2406;
}

p>.priceText>span {
    font-size: 120%;
    font-weight: bold;
}

.menuStyle .priceNumber {
	font-size:18px;
}
.menuStyle .menuPrice .tax {
	font-size:11px;
}
.menuStyle .menuInfo {
	margin-top:16px;
}
.menuStyle .menuInfo li {
	width:auto;
	border:1px solid;
	float:left;
	padding: 2px 4px;
	font-size: 12px;
}
.menuStyle .menuInfo li:nth-child(2n+1) {
	margin-right:5px;
}
.menuStyle a {
	color:#333;
}

.iconInfo dt.rice,
.menuStyle .menuInfo .rice {
	border-color:#EC6B00;
	color:#EC6B00;
}
.iconInfo dt.okazu,
.menuStyle .menuInfo .okazu {
	border-color:#4D2409;
	color:#4D2409;
}
.iconInfo dd {
	font-size:12px;
}

/* 一覧表示レイアウト */
.menuList {
	overflow:hidden;
}
.menuList > li {
	float:left;
	width:25%;
	padding:20px 20px 30px;
	background-color:#FFF;
	border:1px solid #D5CABD;
	border-left:none;
	border-top:none;
	position:relative;
}
.menuList > li:nth-child(4n+1) {
	border-left:1px solid #D5CABD;
}
.menuList > li:nth-child(-n+4) {
	border-top:1px solid #D5CABD;
}


/*   Area - Index
=================== */

#menuAreaIndex.footExpand {
	padding-bottom:0;
}
.menuHeadline {
	background:#FDC757;
	border-top:2px solid #DE9703;
	border-bottom:2px solid #DE9703;
	position:relative;
    padding: 8px 20px;
}
.menuHeadline .menuArea .img {
	vertical-align:bottom;
	width:206px;
}
.menuHeadline .menuArea .areaName {
	display:inline-block;
	color:#4D2409;
	font-size:20px;
	font-weight:bold;
	vertical-align: bottom;
	line-height: 1;
	margin-left: 10px;
    padding-bottom: 2px;
}
#menuAreaIndex .language {
	position:absolute;
	top: 11px;
	right: 20px;
}
#menuAreaIndex .language li {
	margin-left:14px;
	width:150px;
	text-align:center;
	float:left;
}
#menuAreaIndex .language li a {
	color:#4C2408;
	font-weight:bold;
	display:block;
	background:#FFF;
	padding:4px 0;
	letter-spacing:1px;
}
#menuAreaIndex .language .fa {
	margin-right:8px;
}

/* キービジュアルスライダー */

.areaSliderWrap {
	text-align:center;
	margin-top:28px;
}
.areaSliderWrap .bx-wrapper .bx-prev {
	left:-64px;
}
.areaSliderWrap .bx-wrapper .bx-next {
	right:-64px;
}

#areaRecommend {
	border-top:1px solid #D5CABD;
}
#areaRecommend .title {
	font-size:24px;
	font-weight:bold;
	color:#4C2407;
	background:url(../img/menu/flag_recommend.png) no-repeat 12px 0;
	padding: 10px 0 10px 60px;
	letter-spacing: 1px;
}
.recommendBnrWrap {
	margin-top:10px;
}
.recommendBnrWrap li {
	width:220px;
	float:left;
}
.recommendBnrWrap li:first-child {
	margin-left:0;
}
.recommendBnrWrap .bx-wrapper .bx-prev {
	left:-64px;
}
.recommendBnrWrap .bx-wrapper .bx-next {
	right:-64px;
}

/* 絞り込み検索 */

#menuFilter {
	border-top:1px solid #D5CABD;
	margin-top:40px;
	padding-top:20px;
}
.menuOrder {
	text-align:right;
}
.menuOrder select {
	min-width:160px;
	min-height:24px;
}
.accordionWrap .filterBtn {
	border:2px solid #D5CABD;
	background: -webkit-gradient(linear, left top, right top, from(#FCF9F6), to(#F1E8D8));
	background: -webkit-linear-gradient(top, #FCF9F6, #F1E8D8);
	background: -moz-linear-gradient(top, #FCF9F6, #F1E8D8);
	background: -o-linear-gradient(top, #FCF9F6, #F1E8D8);
	background: -ms-linear-gradient(top, #FCF9F6, #F1E8D8);
	background: linear-gradient(top, #FCF9F6, #F1E8D8);
	background-color: #FCF9F6;
	padding:13px 20px;
	position:relative;
	margin-top:24px;
}
.accordionWrap .filterBtn:hover {
	cursor:pointer;
}
.accordionWrap .filterBtn .text {
	font-size:20px;
	font-weight:bold;
	color:#4E2600;
	border-left:5px solid #8CC63F;
	display:inline-block;
	line-height:1.2;
	padding: 2px 0 1px 10px;
	letter-spacing:1px;
}

.fliterContents {
	border:2px solid #D5CABD;
	border-top:none;
	padding:4% 5%;
	font-weight:bold;
}
.fliterContents .selectWrap {
	color:#4C2600;
	padding:0 3%;
}
.fliterContents .selectWrap li {
	margin-bottom:3%;
	vertical-align:top;
}
.menuType .fliterContents .selectWrap li {
	min-width:33%;
}
.allergy .fliterContents .selectWrap li {
	min-width:14%;
}

.fliterContents .buttons {
	border-top:1px solid #D5CABD;
}
.fliterContents .buttons .reset {
	float:left;
	width:140px;
	margin-top:34px;
}
.fliterContents .buttons .reset input,
.fliterContents .buttons .reset button {
	-webkit-appearance:none;
	background: -webkit-gradient(linear, left top, right top, from(#FFF), to(#D3D3D3));
	background: -webkit-linear-gradient(top, #FFF, #D3D3D3);
	background: -moz-linear-gradient(top, #FFF, #D3D3D3);
	background: -o-linear-gradient(top, #FFF, #D3D3D3);
	background: -ms-linear-gradient(top, #FFF, #D3D3D3);
	background: linear-gradient(top, #FFF, #D3D3D3);
	background-color: #D3D3D3;
	-webkit-border-radius:2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border:1px solid #999999;
	width:100%;
	height:40px;
	line-height:40px;
	font-weight:bold;
}
.fliterContents .buttons .enter {
	float:right;
	width:360px;
	margin-top:24px;
}
.fliterContents .buttons .enter input {
	-webkit-appearance:none;
	background-size:contain;
	border:none;
	width:100%;
	display:block;
	height:53px;
}
.menuType .fliterContents .buttons .enter input {
	background:url(../img/menu/btn_menutype_enter.png) no-repeat 0 0;
	background-size:contain;
}
.allergy .fliterContents .buttons .enter input {
	background:url(../img/menu/btn_allergy_enter.png) no-repeat 0 0;
	background-size:contain;
}
.fliterContents .selectWrap label:hover,
.fliterContents .buttons .enter input:hover,
.fliterContents .buttons .reset input:hover,
.fliterContents .buttons .reset button:hover{
	cursor:pointer;
}
.fliterContents .buttons .enter input:hover,
.fliterContents .buttons .reset input:hover,
.fliterContents .buttons .reset button:hover{
	opacity:0.8;
}
.fliterContents .addtext {
	color:#5F3B19;
	margin-bottom:2%;
}

.iconInfo {
	margin-top:60px;
	margin-bottom:30px;
}
.iconInfo dl {
	margin-top:16px;
}
.iconInfo dt {
	display:inline-block;
	float:left;
	border:1px solid;
	min-width:110px;
	padding:2px;
	text-align:center;
	margin-right:16px;
}




/* 新メニュー */

#newMenu {
	margin-top:30px;
}
.newHeadline {
	background:#F29BAE;
	border-top:2px solid #C5183F;
	border-bottom:2px solid #C5183F;
	position:relative;
	padding: 8px 20px;
}
.newHeadline .text {
	display:inline-block;
	color:#4C2406;
	font-size:20px;
	font-weight:bold;
	vertical-align: bottom;
	line-height: 1;
	border-left:5px solid #4D2409;
	padding: 2px 0 1px 10px;
}
.newMenuWrap {
	margin-top:15px;
}
.newMenuWrap li {
	/*border-left:1px solid #D5CABD;*/
}
#newMenuList > li {
	float:left;
	width:25%;
	padding:20px;
}
.newMenuWrap{
	/*border-right:1px solid #D5CABD;*/
}
.newMenuWrap .bx-wrapper .bx-prev {
	left:-64px;
}
.newMenuWrap .bx-wrapper .bx-next {
	right:-64px;
}

/* 期間限定メニュー */
#limitedMenu {
	padding-top:40px;
	padding-bottom:160px;
}
.limitedHeadline {
	background:#FDC757;
	border-top:2px solid #DE9703;
	border-bottom:2px solid #DE9703;
	position:relative;
	padding: 8px 20px;
}
.limitedHeadline .text {
	display:inline-block;
	color:#4C2406;
	font-size:20px;
	font-weight:bold;
	vertical-align: bottom;
	line-height: 1;
	border-left:5px solid #4D2409;
	padding: 2px 0 1px 10px;
}
.limitedMenuWrap {
	margin-top:24px;
	margin-bottom:34px;
}
.limitedMenuWrap li {
	/*border-left:1px solid #D5CABD;*/
}
.limitedMenuWrap{
	/*border-right:1px solid #D5CABD;*/
}
.limitedMenuWrap .bx-wrapper .bx-prev {
	left:-64px;
}
.limitedMenuWrap .bx-wrapper .bx-next {
	right:-64px;
}
#limitedMenu .addition li {
	font-size:12px;
	text-indent:-1em;
	padding-left:1em;
	margin-left:1px;
}

/* 検索結果 */
#searchMenu {
	padding-top:40px;
	padding-bottom:160px;
}
.searchHeadline {
	background:#FFF;
	border-top:1px solid #DE9703;
	border-bottom:1px solid #DE9703;
	position:relative;
	padding: 8px 20px;
}
.searchHeadline .text {
	display:inline-block;
	color:#4C2406;
	font-size:20px;
	font-weight:bold;
	vertical-align: bottom;
	line-height: 1;
	border-left:5px solid #4D2409;
	padding: 2px 0 1px 10px;
}
.searchMenuWrap {
	margin-top:24px;
	margin-bottom:34px;
}
.searchMenuWrap li {
	/*border-left:1px solid #D5CABD;*/
}
.searchMenuWrap{
	/*border-right:1px solid #D5CABD;*/
}
.searchMenuWrap .bx-wrapper .bx-prev {
	left:-64px;
}
.searchMenuWrap .bx-wrapper .bx-next {
	right:-64px;
}
#searchMenu .addition li {
	font-size:12px;
	text-indent:-1em;
	padding-left:1em;
	margin-left:1px;
}
#searchMenu .icon-new {
	position:absolute;
	top:20px;
}
#searchMenu .menuList > li {
	padding-top:50px;
}

.message {text-align: right; font-size: 16px;}

/* address */

.address { text-align: center; margin: 10px 0; }
.address span { display: inline-block; }


/* モバイル会員募集 */
#mobile_member_recruiting div.pc{
		
}
#mobile_member_recruiting div.mobile{
	display:none;
}



































