@charset "utf-8";



*, *:before, *:after { box-sizing: border-box; }

html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, strong, dl, dt, dd, ol, ul, li, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, footer, header, nav, section, audio, video {
	border: 0;
	font: inherit;
	margin: 0;
	padding: 0;
}
article, aside, footer, header, nav, section { display: block; }
html {
	font-size: 62.5%;
	font-weight: 500;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
body {
	background-color: #fff;
	color: #000;
	font-size: 1.4rem;
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: auto;
	font-variant-ligatures: none;
	line-height: 1.3;
	overflow-y: scroll;
	text-rendering: optimizeLegibility;
	min-width: 320px;
}
ol, ul, ol li, ul li { list-style: none; }
table {
	border-collapse: collapse;
	border-spacing: 0;
}
p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl { clear: none; }
img {
	border: none;
	height: auto;
	-ms-interpolation-mode: bicubic;
	margin: 0;
	overflow: hidden;
	padding: 0;
	vertical-align: bottom;
	width: 100%;
	/*max-width: 100%;*/
}
a:link, a:visited {
	color: #287693;
	text-decoration: underline;
	transition: all 0.2s ease-out;
}
a:hover, a:active { color: #000; }
a:focus { outline: none; }






/* フォント -------------------------------------------------------------------------------------*/
.gothic,
body,
input,
textarea,
select { font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }

.min { font-family: "游明朝", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; }
.alphabet { font-family: 'Helvetica Neue', 'Helvetica', 'Arial', "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }
/* ----------------------------------------------------------------------------------------------*/





/*-----------------------------------------------------------------------------------------------*/
/* wrapper --------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
.wrapper,
#index .bodyheader,
#index .bodyfooter,
#index .banner,
#index .itemlist,
#foodcontainer .bodybody .double,
#foodcontainer .bodybody .triple,
#foodcontainer .bodybody .text,
#foodcontainer .bodybody .caption {
	margin-right: auto;
	margin-left: auto;
	width: 90%;
	max-width: 860px;
}

#foodcontainer .bodybody .text,
#foodcontainer .bodybody .caption { max-width: 680px; }
/*-----------------------------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------------------------------*/
/* ヘッダー -------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
.header {
	background-color: #fff;
	height: 100%;
	overflow-y: scroll;
	padding: 80px 15%;
	position: fixed;
	top: 0;
	left: -100%;
	transition: all 0.3s ease-in-out;
	width: 100%;
	z-index: 10;
}
.header.init { transition: none; }
.header.active { left: 0; }

/* 見出し ---------------------------------------------------------------------------------------*/
.header h1 a { transition: opacity 0.2s ease-out; }
.header h1 a:hover { opacity: 0.6; }
.header h1 img { width: 162px; }

/* SNS ------------------------------------------------------------------------------------------*/
.header .sns { margin-top: 25px; }
.header .sns li {
	display: inline-block;
	margin-right: 20px;
}
.header .sns a {
	opacity: 0.6;
	transition: opacity 0.2s ease-out;
}
.header .sns a:hover { opacity: 1; }
.header .sns img { width: 24px; }
/*-----------------------------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------------------------------*/
/* グローバル -----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
.global { margin-top: 40px; }
.global a,
.global span {
	color: inherit;
	cursor: pointer;
	display: block;
	height: 35px;
	letter-spacing: 0.1em;
	text-decoration: none;
	transition: color 0.2s ease-out;
}
.global a:hover,
.global span:hover { color: #666; }

/* メインメニュー -------------------------------------------------------------------------------*/
.global .mainmenu > li > a,
.global .mainmenu > li > span {
	font-size: 1.8rem;
	padding-top: 6px;
}
.global .mainmenu > li > span:after {
	border-top: solid 1px #000;
	border-right: solid 1px #000;
	content: "";
	display: inline-block;
	height: 8px;
	margin-left: 0.5em;
	transform: translateY(-3px) rotate(45deg);
	transition: all 0.2s ease-out;
	width: 8px;
}
.global .mainmenu > li > span:hover:after { border-color: #666; }
.global .mainmenu > li > span.active:after { transform: translateY(-4px) rotate(135deg); }


/* サブメニュー ---------------------------------------------------------------------------------*/
.global .submenu {
	display: none;
	padding-bottom: 2em;
}
.global .submenu > li > a {
	font-size: 1.4rem;
	padding-top: 9px;
}
.global .submenu > li > a:before { content: "・"; }



/* SPメニュー -----------------------------------------------------------------------------------*/
.spnav {
	cursor: pointer;
	height: 66px;
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	text-indent: 100%;
	white-space: nowrap;
	width: 66px;
	z-index: 11;
}
.spnav:before,
.spnav:after {
	background-color: #000;
	content: "";
	height: 1px;
	position: absolute;
	top: 32px;
	left: 19px;
	transition: all 0.3s ease-in-out;
	width: 27px;
}
.spnav span:before {
	background-color: #000;
	content: "";
	height: 1px;
	position: absolute;
	top: 22px;
	left: 19px;
	transition: all 0.3s ease-in-out;
	width: 27px;
}
.spnav span:after {
	background-color: #000;
	content: "";
	height: 1px;
	position: absolute;
	top: 42px;
	left: 19px;
	transition: all 0.3s ease-in-out;
	width: 27px;
}

.spnav:hover:before,
.spnav:hover:after,
.spnav:hover span:before,
.spnav:hover span:after { background-color: #666; }

/* SPメニュー（アニメーション） */
.spnav.active:before { transform: rotate(45deg); }
.spnav.active:after { transform: rotate(-45deg); }
.spnav.active span:before {
	opacity: 0;
	top: 32px;
}
.spnav.active span:after {
	opacity: 0;
	top: 32px;
}
/*-----------------------------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------------------------------*/
/* ボディー -------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
.body {  }
/*-----------------------------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------------------------------*/
/* シェア ---------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
.share {
	margin-top: 160px;
	text-align: center;
}
.share p {
	font-size: 1.2rem;
	padding-bottom: 15px;
}
.share li {
	display: inline-block;
	margin: 0 10px;
}
.share img { width: 36px; }
/*-----------------------------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------------------------------*/
/* フッター -------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
.footer { padding-bottom: 40px; }


/* リンク ---------------------------------------------------------------------------------------*/
.footer .link {
	margin-top: 130px;
	text-align: center;
}
.footer .link li {
	display: inline-block;
	margin: 0 0.5em;
}
.footer .link li.sitetop { display: none; }
.footer .link a {
	color: inherit;
	display: block;
	font-size: 1.2rem;
	height: 35px;
	padding-top: 10px;
	text-decoration: none;
}
.footer .link a:hover { color: #666; }
.footer .link a:before { content: "＞ "; }


/* オンラインショップご利用について -------------------------------------------------------------*/
.footer .guide {
	background-color: #efefef;
	margin-top: 10px;
	text-align: center;
}

/* 見出し */
.footer .guide h2 {
	cursor: pointer;
	font-size: 1.6rem;
	font-weight: 600;
	height: 100px;
	padding-top: 40px;
	transition: color 0.2s ease-out;
}
.footer .guide h2:hover { color: #666; }
.footer .guide h2:after {
	border-top: solid 1px #000;
	border-right: solid 1px #000;
	content: "";
	display: inline-block;
	height: 8px;
	margin-left: 0.5em;
	transform: translateY(-3px) rotate(135deg);
	transition: border-color 0.2s ease-out;
	width: 8px;
}
.footer .guide h2:hover:after { border-color: #666; }
.footer .guide h2.active:after { transform: translateY(0px) rotate(-45deg); }

/* コンテナー */
.footer .guide .container {
	display: none;
	padding-bottom: 40px;
}
.footer .guide .container > div {
	display: inline-block;
	font-size: 1.4rem;
	line-height: 1.7;
	padding: 0 30px;
	text-align: justify;
	vertical-align: top;
	width: 100%;
	max-width: 420px;
}
.footer .guide .container span { font-weight: 600; }

/* 小見出し */
.footer .guide .shopguide,
.footer .guide h3 {
	font-size: 1.6rem;
	font-weight: 600;
	margin-top: 2em;
}

/* テーブル組 */
/*
.footer .guide .table { display: table; }
.footer .guide .table dl { display: table-row; }
.footer .guide .table dt,
.footer .guide .table dd { display: table-cell; }
.footer .guide .table dd { padding-left: 2em; }
*/
.footer .guide .table dt { float: left; }
.footer .guide .table dd { float: right; }

/* リスト組 */
.footer .guide ul li { float: left; }
.footer .guide ul li:nth-child(odd) { width: 180px; }
.footer .guide ul li:before {
	color: #a0a0a0;
	content: "●";
}
.footer .guide ol li { padding-bottom: 2em; }


/* インフォメーション ---------------------------------------------------------------------------*/
.footer .information {
	margin-top: 60px;
	text-align: center;
}

/* 会社名 */
.footer .information .name { font-size: 2.0rem; }

/* 住所、電話、FAX、営業時間 */
.footer .information .address {
	font-size: 1.4rem;
	line-height: 1.7;
	margin-top: 40px;
}
.footer .information .tel { font-size: 2.4rem; }


/* お問い合わせ ---------------------------------------------------------------------------------*/
.footer .contact { margin-top: 40px; }
.footer .contact a {
	border: solid 2px #000;
	color: inherit;
	display: block;
	font-size: 1.5rem;
	font-weight: 600;
	height: 33px;
	margin: 0 auto;
	padding-top: 5px;
	text-align: center;
	text-decoration: none;
	width: 180px;
}
.footer .contact a:hover {
	border-color: #666;
	color: #666;
}


/* コピーライト ---------------------------------------------------------------------------------*/
.footer .copyright {
	font-size: 1.2rem;
	margin-top: 40px;
}
/*-----------------------------------------------------------------------------------------------*/










@media(min-width: 531px) {
	/*-----------------------------------------------------------------------------------------------*/
	/* wrapper --------------------------------------------------------------------------------------*/
	/*-----------------------------------------------------------------------------------------------*/
	#index .banner,
	#foodcontainer .bodybody .triple {
		width: 100%;
		max-width: none;
	}
	#foodcontainer .bodybody .frame {
		margin-right: auto;
		margin-left: auto;
		width: 90%;
		max-width: 860px;
	}
	/*-----------------------------------------------------------------------------------------------*/

	/*-----------------------------------------------------------------------------------------------*/
	/* フッター -------------------------------------------------------------------------------------*/
	/*-----------------------------------------------------------------------------------------------*/
	.footer .guide .table { display: table; }
	.footer .guide .table dl { display: table-row; }
	.footer .guide .table dt,
	.footer .guide .table dd { display: table-cell; }
	.footer .guide .table dd { padding-left: 2em; }
	/*-----------------------------------------------------------------------------------------------*/
}





@media(min-width: 769px) {
	/*-----------------------------------------------------------------------------------------------*/
	/* フッター -------------------------------------------------------------------------------------*/
	/*-----------------------------------------------------------------------------------------------*/
	/* リンク ---------------------------------------------------------------------------------------*/
	.footer .link li.sitetop { display: inline-block; }
	/* オンラインショップご利用について -------------------------------------------------------------*/
	.footer .guide { padding: 40px 0; }
	/* 見出し */
	.footer .guide h2 { cursor: default; }
	.footer .guide h2:hover { color: inherit; }
	.footer .guide h2:after { display: none; }
	/* コンテナー */
	.footer .guide .container { display: block; }
	/*-----------------------------------------------------------------------------------------------*/
}





@media(min-width: 1025px) {
	/*-----------------------------------------------------------------------------------------------*/
	/* ヘッダー -------------------------------------------------------------------------------------*/
	/*-----------------------------------------------------------------------------------------------*/
	.header {
		border-bottom: solid 1px #000;
		height: 70px;
		overflow-y: visible;
		padding: 0;
		left: 0;
		transition: none;
		text-align: center;
	}
	/* 見出し ---------------------------------------------------------------------------------------*/
	.header h1 {
		position: fixed;
		top: 25px;
		left: 25px;
	}
	/* SNS ------------------------------------------------------------------------------------------*/
	.header .sns {
		position: fixed;
		top: 0;
		right: 5px;
	}
	.header .sns img { width: 20px; }
	/*-----------------------------------------------------------------------------------------------*/

	/*-----------------------------------------------------------------------------------------------*/
	/* グローバル -----------------------------------------------------------------------------------*/
	/*-----------------------------------------------------------------------------------------------*/
	.global {
		margin-top: 0;
		margin-left: 60px;
		display: inline-block;
	}
	/* メインメニュー -------------------------------------------------------------------------------*/
	.global .mainmenu > li {
		display: inline-block;
		position: relative;
	}
	.global .mainmenu .spshow { display: none; }
	.global .mainmenu > li > a,
	.global .mainmenu > li > span {
		display: inline-block;
		font-size: 1.6rem;
		height: 70px;
		padding-top: 25px;
	}
	.global .mainmenu > li > span:after { display: none; }
	.global .mainmenu > li:after {
		content: "／";
		display: inline-block;
		margin: 0 0.25em;
	}
	.global .mainmenu > li.pclast:after { display: none; }
	/* サブメニュー ---------------------------------------------------------------------------------*/
	.global .submenu {
		background-color: #f7f7f7;
		display: none;
		padding-bottom: 0;
		position: absolute;
		left: -1em;
		text-align: left;
	}
	.global .submenu > li > a {
		padding-right: 1em;
		padding-left: 1em;
		transition: background-color 0.2s ease-out;
		min-width: 180px;
	}
	.global .submenu > li > a:before { content: ""; }
	.global .submenu > li > a:hover {
		background-color: #efefef;
		color: #000;
	}
	/* SPメニュー -----------------------------------------------------------------------------------*/
	.spnav { display: none; }
	/*-----------------------------------------------------------------------------------------------*/

	/*-----------------------------------------------------------------------------------------------*/
	/* ボディー -------------------------------------------------------------------------------------*/
	/*-----------------------------------------------------------------------------------------------*/
	.body { padding-top: 70px; }
	/*-----------------------------------------------------------------------------------------------*/
}





@media(min-width: 1125px) {
	/*-----------------------------------------------------------------------------------------------*/
	/* グローバル -----------------------------------------------------------------------------------*/
	/*-----------------------------------------------------------------------------------------------*/
	.global { margin-left: 0; }
	/*-----------------------------------------------------------------------------------------------*/
}










/* IE -------------------------------------------------------------------------------------------*/
.ie.YuGO {  }
.ie.YuGO .footer .contact a { padding-top: 7px; }

.ie.YuMIN {  }
.ie.YuMIN .global .mainmenu > li > a,
.ie.YuMIN .global .mainmenu > li > span { padding-top: 27px; }
.ie.YuMIN .global .submenu > li > a { padding-top: 11px; }
/*-----------------------------------------------------------------------------------------------*/










/* float clear */
.cf { zoom: 1; }
.cf:after { clear: both; content: ""; display: block; }