@charset "UTF-8";
/* reset */
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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
html {
	overflow-y: scroll;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
 input, textarea, {
 margin: 0;
 padding: 0;
}
ol, ul {
	list-style:none;
}
table {
	border-collapse: collapse;
	border-spacing:0;
}
caption, th {
	text-align: left;
}
a:focus {
	outline:none;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
a {
	text-decoration:none;
	color:#000;
}
img{
	max-width:100%;
	height:auto;
}
.attention{
	color:#D00;
}
body {
	margin:0;
	line-height:160%;
	font-size:80%;
	background:#FFF;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}



#wrapper {
	margin:auto;
	position:relative;
}

#user-nav {
	display:table;
	position:absolute;
	right:0;
	top:0;
	background:#000;
	line-height:100%;
}
#user-nav li {
	display:table-cell;
	vertical-align:middle;
	color:#FFF;
}
@media(min-width:768px){
	.sp {
		display: none;
	}
	#wrapper {
		width:1200px;
	}

	header {
		padding-top:4px;
		border-top:4px solid #000;
		border-bottom:2px solid #000;
	}
	header:before {
		display:block;
		content:"";
		border-top:1px solid #000;
	}
	header h1 {
		position:relative;
		left:-8px;
	}
	header>div {
		width:920px;
		margin:auto;
		position:relative;
		padding:24px 0;
	}
	#user-nav {
		height:27px;
	}
	#user-nav li.login,
	#user-nav li.signin{
		font-size:11px;
		padding:0 7px;
	}
	#user-nav li.login{
		padding-left:14px;
	}
	#user-nav li.login:after,
	#user-nav li.signin:after{
		content:">>";
		padding-left:5px;
	}
	#user-nav li a{
		color:#FFF;
	}
	#user-nav li.cart {
		padding:2px 15px;
		text-align:center;
		font-size:12px;
	}
	#user-nav li.cart a {
		background:url(../img/header_cart.gif) no-repeat;
		display:block;
		padding:6px 0 0 26px;
		height:21px;
	}
	#global-nav {
		display:table;
		position:absolute;
		right:15px;
		bottom:24px;
	}
	#global-nav li {
		display:table-cell;
		border-left:1px solid #E6E6E6;
	}
	#global-nav li:last-child {
		border-right:1px solid #E6E6E6;
	}
	#global-nav li:hover img {
		opacity:.5;
	}
}

@media(max-width:767px){
	.pc {
		display: none;
	}
	#global-nav {
		display:none;
		position:absolute;
		z-index:130;
		top:57px;
		left:0;
		width:100%;
	}
	#global-nav ul{
		background-color: rgba(255, 255, 255, 0.95);
		padding-bottom:20px;
	}
	#global-nav li {
		display:block;
		border-left:none;
		line-height:0;
		text-align:center;
		border-bottom:1px solid #CCC;
		padding:10px 0;
		margin:0 15%;
	}
	#global-nav .close{
		display:block;
		background:url(../img/close.png) no-repeat center;
		background-size:contain;
		width:100%;
		height:20px;
		position:absolute;
		top:335px;
		cursor:pointer;
	}
	#global-nav li img{
		height:44px;
		width:auto;
	}
	#global-nav li:last-child {
		border-right:none;
	}
}

body>footer {
	position:relative;
	margin-top:124px;
	font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
}
body>footer>div {
	background:#000;
	margin-bottom:2px;
}
body>footer #footer-nav {
	width:920px;
	margin:auto;
	position:relative;
}
body>footer nav {
	color:#666;
	display:table;
	padding:25px 0;
}
body>footer nav li {
	display:table-cell;
	border-right:1px solid #FFF;
}
body>footer nav li:last-child {
	border-right:0;
}
body>footer nav li a {
	color:#FFF;
	display:block;
	padding:0 25px;
}
body>footer aside {
	display:table;
	position:absolute;
	top:20px;
	right:0;
}
body>footer aside li {
	display:table-cell;
	padding-left:15px;
}
body>footer #copyright {
	border-top:1px solid #000;
	color:#727171;
	text-align:center;
	padding:17px 0 38px 0;
}
body>footer #pagetop {
	text-align:center;
	line-height:0;
}
/* product list
----------------------------------------------------------------*/
ul.product-list {
	background: #fff;
}
ul.product-list li {
	color:#FFF;
	position: relative;
	overflow: hidden;
	background-size: contain;
	background-repeat: no-repeat;
	font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
/* nav */
#index ul.product-list li.nav {
	position:relative;
	background-repeat: no-repeat;
}
#index ul.product-list li.nav a {
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center;
}
#index ul.product-list li.nav a:hover {
	background:#000;
}
#index ul.product-list li.nav.about {
	background-image: url(../../img/index_about_bg.jpg);
}
#index ul.product-list li.nav.philosophy {
	background-image:url(../../img/index_philosophy_bg.jpg);
}
#index ul.product-list li.nav.recipe {
	background-image:url(../../img/index_recipe_bg.jpg);
}
#index ul.product-list li.nav.shopping {
	background-image:url(../../img/index_shopping_bg.jpg);
}
#index ul.product-list li.nav.blog {
	background-image:url(../../img/index_blog_bg.jpg);
}

ul.product-list li > div > h2 > a > .price {
	display: block;
	font-size: 14px;
	margin-top: 8px; 
}
ul.product-list li:first-child > div .price {
	font-size: 14px;
	margin-top: 4px; 
}
@media(min-width:768px) {
	ul.product-list {
		width: 920px;
		margin: auto;
	}
	ul.product-list:after {
		content:"";
		display:block;
		line-height:100%;
		clear:both;
	}
	ul.product-list li {
		float: left;
		width: 230px;
		height: 230px;
	}
	#index .product-list li:nth-last-child(6){
		clear: both;
	}
	ul.product-list li > div a:hover {
		transition: .5s;
	}

	/* first-child */
	ul.product-list li:first-child {
		height: 460px;
		width: 460px;
	}
	ul.product-list li:first-child > div {
		position: absolute;
		bottom: 0;
		left: 0;
		height: 170px;
		width: 400px;
		padding: 30px;
		font-size: 18px;
		background-color: rgba(43, 43, 43, .3);
	}
	ul.product-list li:first-child:hover > div {
		background-color:rgba(43, 43, 43, 0.6);
	}
	ul.product-list li:first-child > div > h2 {
		border-bottom:2px solid #fff;
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
	ul.product-list li:first-child > div > h2 > a {
		color: #fff;
		font-size: 36px;
		line-height: 1.1;
	}
	ul.product-list li:first-child > div > h2 > a span {
		margin-left: 8px;
		display: inline;
	}
	ul.product-list li:first-child > div > p {ght: 1.4;
	}
	ul.product-list li a.link {
		position: block;
		text-decoration: none;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		text-indent: -300%;
	}

	/* other children */
	ul.product-list li:nth-child(n+2) > div > p {
		display: none;
	}
	ul.product-list li:nth-child(n+2) > div > h2 {
		display: table;
		height: 100%;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-color: rgba(43, 43, 43, .2);
		font-size: 18px;

	}
	ul.product-list li:nth-child(n+2) > div > h2 > a {
		display: table-cell;
		height: 100%;
		width: 100%;
		text-decoration: none;
		color: #fff;
		text-shadow: 0 0 8px #000;
		transition: .5s;
		text-align: center;
		vertical-align: middle;
	}

	ul.product-list li > div > h2:hover {
		background-color: rgba(0,0,0,0);
		transition: .5s;
	}
	#index ul.product-list li.news {
		width:430px;
		height:210px;
		padding:20px 15px 0 15px;
		background:#F5F5F5;
		color:#666;
		line-height:160%;
		font-size:11px;
	}
	#index ul.product-list li.nav {
		height: 230px;
		width: 230px;
	}
}
@media(max-width:767px) {
	ul.product-list {
		display: -webkit-flex; /* Safari */
		display: flex;
		-webkit-flex-wrap: wrap; /* Safari */
		flex-wrap:         wrap;

	}
	ul.product-list li {
		width: 50%;
		height: 50vw;
	}
	/* first-child */
	ul.product-list li:nth-child(-n+2) {
		-webkit-order: -2; /* Safari */
		order:         -2;
	}
	ul.product-list li a.link {
		display: none;
	}

	/* other children */

	ul.product-list li > div > p {
		display: none;
	}
	ul.product-list li > div > h2 {
		display: table;
		height: 100%;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-color: rgba(43, 43, 43, .2);
		font-size: 16px;

	}
	ul.product-list li > div > h2 > a {
		display: table-cell;
		height: 100%;
		width: 100%;
		text-decoration: none;
		color: #fff;
		text-shadow: 0 0 8px #000;
		transition: .5s;
		text-align: center;
		vertical-align: middle;
	}
	ul.product-list li.news {
		-webkit-order: -1; /* Safari */
		order:         -1;
	}
}


/* index
----------------------------------------------------------------*/
/*
#main-visual {
	position:absolute;
	line-height:0;
	height:501px;
	overflow:hidden;
	top:0;
	left:0;
	z-index:100;
	width:1200px;
	border-bottom:4px solid #000;
}
*/




#main-visual {
	position:absolute;
	width:100%;
	height:501px;
	top:0;
	left:0;
	border-bottom:4px solid #000;
}
#main-visual ul{
	margin:auto;
	width:1200px;
}
#main-visual li {
	position:absolute;
	height:501px;
	margin:0;
	padding:0;
	background-position:left top;
	background-repeat:no-repeat;
}
#main-visual li:nth-child(n+2){
	display:none;
}

#index header{
	padding-top:504px;
}
#index article {
	padding-top:55px;
	width:922px;
	margin:auto;
}
/*
@media(min-width:768px){
	#index ul.product-list {
		height:1380px;
	}
	#index ul.product-list li:nth-child(5) {
		margin-left: 460px;
	}
}
*/
#index ul.product-list li.news {
	width: 430px;
	height: 210px;
	padding: 20px 15px 0 15px;
	background: #f5f5f5;
	color: #666;
	line-height: 160%;
	font-size: 11px;
}
#index ul.product-list li.news h2 {
	margin-bottom:5px;
}
#index ul.product-list li.news td {
	vertical-align:top;
	padding:10px 0;	
	border-top:1px dotted #999;
	border-bottom:1px dotted #999;
}
#index ul.product-list li.news tr td:nth-child(-n+2) {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#index ul.product-list li.news tr td:first-child {
	padding-left:2px;
}
#index ul.product-list li.news tr td:nth-child(2) {
	padding-left:30px;
	padding-right:30px;
}
#index ul.product-list li.news tr td:nth-child(2) p {
	width:85px;
	padding:2px 0;
	background:#999;
	color:#FFF;
	text-align:center;
}

#index ul.product-list li.news p a {
	display:block;
	position:static;
	width:auto;
	height:auto;
	text-indent:0;
	opacity:1;
	color:#666;
}

#index article li.news tr td:last-child {
	padding-right:15px;
}


/* banner */
#index ul.product-list li.banner {
	width: 460px;
}

#index ul.product-list li.banner.blog {
}
#index ul.product-list li.banner.deli {

}


/* page
----------------------------------------------------------------*/
#page article {
	font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;	margin:auto;
}
#page article>div>h1 {
	height:	179px;
	text-align:center;
	padding-top:122px;
}
/* about */
#about {
	line-height:250%;
}
#about>h1 {
	background:url(../img/about_main.jpg) no-repeat;
}
#about section.intro {
	margin:107px auto 60px auto;
	padding-bottom:35px;
	text-align:center;
	font-size:16px;
	width:688px;
	border-bottom:1px solid #000;
}
#about section.intro p {
	margin-bottom:33px;
}
#about section.with {
	width:460px;
	margin:auto;
}
#about section.with dl:after {
	clear:both;
	content:"";
	display:block;
}
#about section.with dt {
	width:230px;
	float:left;
	clear:both;
	margin-bottom:54px;
}
#about section.with dd {
	float:right;
	font-size:13px;
	width:206px;
	line-height:220%;
}
#about section.with h2 {
	font-size:18px;
	margin-bottom:20px;
}

@media(min-width:768px){
	#about section.intro>h1 {
		margin-bottom:40px;
	}
}
@media(max-width:767px){
	#about section.intro>h1 {
		margin-bottom:30px;
	}
	#about section.intro>h1 img {
		height:50px;
		width:auto;
	}
	#about section.intro {
		margin-top:57px;
		padding:0 10%;
		padding-bottom:25px;
		font-size:.7rem;
		width:auto;
		line-height:200%;
	}
	#about section.intro p {
		margin-bottom:25px;
	}
	#about section.with {
		width:80%;
	}
	#about section.with dt {
		width:48%;
		margin-bottom:24px;
	}
	#about section.with dd {
		font-size:10px;
		width:47%;
		line-height:180%;
	}

	#about section.with h2 {
		font-size:14px;
		margin-bottom:10px;
	}
}

/* philosophy */
#philosophy>h1 {
	background:url(../img/philosophy_main.jpg) no-repeat;
	margin-bottom:107px;
}

#philosophy section>h1 {
	margin-bottom:54px;
	text-align:center;
}
#philosophy section li{
	width:100%;
}
#philosophy section li>div {
	background:#CCC;
	position:relative;
	margin-bottom:46px;
	height:460px;
}
#philosophy section li>div h2 {
	text-align:center;
	padding-top:151px;
	position:absolute;
	top:0;
	right:0;
	width:460px;
}
#philosophy section li>div h2 img{
	height:156px;
	width:auto;
}
#philosophy section li:nth-child(2n)>div p {
	text-align:right;
}
#philosophy section li:nth-child(2n)>div h2 {
	left:0;
}
#philosophy section li>div p {
	width:100%;
}
#philosophy section li>p:last-child {
	clear:both;
	margin-bottom:54px;
	font-size:13px;
	line-height:230%;
	padding:0 154px;
}
@media(min-width:768px){
	#philosophy section {
		width:920px;
		margin:auto;
	}

}
@media(max-width:767px){

	#philosophy section {
		width:auto;
		font-size:.7rem;
	}
	#philosophy section>h1 {
			padding:0 26%;
			margin-bottom:20px;
			line-height:220%;
	}
	#philosophy section>h1 img{
		width:180px;
		height:auto;
	}
	#philosophy section li{
		width:100%;
	}
	#philosophy section li>div {
		background:#CCC;
		position:relative;
		margin-bottom:8%;
		height:auto;
		line-height:50%;
	}
	#philosophy section li>div h2 {
		text-align:center;
		padding:13% 0;
		position:absolute;
		top:0;
		right:0;
		width:50%;
		height:70%;
	}
	
	#philosophy section li>div h2 img{
		height:70%;
		width:auto;
	}
	#philosophy section li:nth-child(2n)>div{
		background:#B2B2B2;
	}
	#philosophy section li:nth-child(2n)>div p {
		text-align:right;
	}
	#philosophy section li:nth-child(2n)>div h2 {
		left:0;
	}
	#philosophy section li>div p img{
		width:50%;
	}
	#philosophy section li>p:last-child {
		clear:both;
		margin-bottom:8%;
		font-size:90%;
		line-height:190%;
		padding:0 10%;
	}
}

/* shopping */
#product>h1 {
	background:url(../img/shopping_main.jpg) no-repeat;
	margin-bottom:107px;
}
/*
#product.product-list-main>h1,
#product.product-5>h1 {

	background:url(/img/kurimaron_main.jpg) no-repeat;
	background:url(/img/kurimaron_main_1608.jpg) no-repeat;
}
#product.product-list-main>h1 img,
#product.product-5>h1 img {
	display: none;
}
*/
article #product section {
	width:923px;
	margin:auto;
}
article #product section.product-list {
	margin-bottom:100px;
}
article #product section h1 {
	border-bottom:1px solid #000;
	text-align:center;
	padding-bottom:10px;
	margin-bottom:37px;
}
#product section.shop-list ul {
	width:50%;
	float:left;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
#product section.shop-list li {
	clear:both;
	margin-bottom:35px;
}
#product section.shop-list li:last-child {
	margin-bottom:0;
}
#product section.shop-list ul h2 {
	width:92px;
	float:left;
}
#product section.shop-list ul p {
	padding-left:92px;
	line-height:190%;
}
#product section.shop-list ul p span {
	font-size:11px;
}
/* product */
#product-detail>h1 {
	margin-bottom:54px !important;
}
#product-detail nav {
	float:left;
	width:200px;
}
#product-detail main {
	float:right;
	width:645px;
}
nav.product-menu ul {
	margin-bottom:70px;
}
nav.product-menu .product-nav li {
	border-bottom:1px dotted #CCC;
}
nav.product-menu .product-nav li:last-child {
	border-bottom:none;
}
nav.product-menu .product-nav li a {
	padding:23px 0;
	display:block;
}
nav.product-menu .product-nav li:first-child a {
	padding-top:0;
}
nav.product-menu .user-nav li {
	margin-bottom:20px;
}
nav.product-menu .user-nav li a {
	background:#B2B2B2;
	color:#FFF;
	display:block;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	padding:18px 10px;
	text-align:center;
}
#product-detail main p.main-visual {
	left:-45px;
	margin-bottom: 43px;
	position:relative;
	top:0;
	width:690px;
	text-align:center;
}
#product #product-detail main h1 {
	border:none;
	font-size: 30px;
	margin-bottom:33px;
	text-align:left;
}

#product-detail main>section{
	border-bottom:1px solid #CCC;	
	margin-bottom:45px;
	width:100%;

}
#product-detail main>section:after{
	clear:both;
	content:"";
	display:block;
	height:0;
}
#product-detail .excerpt{
	font-size: .9rem; 
	margin-bottom:45px;
	line-height:220%;
}
@media(max-width: 480px){
	#product-detail .excerpt{
		font-size: 90%;
	}
}
#product-detail .desc{
	font-size:14px;	
	margin-bottom: 70px;
	line-height:220%;
}
#product-detail .spec{
	margin-bottom: 50px;
}

#product-detail .desc dt{
/*	background:url(../img/arrow_open.gif) no-repeat 97% 49%;*/
	border-bottom:1px solid #CCC;
/*	color:#888;
	cursor:pointer;*/
	padding:10px;
}
#product-detail .desc dt:first-child{
	background-image:none;
	border-top:1px solid #CCC;
	color:#000;
}
#product-detail .desc dd{
	padding:20px 0 12px 0;
	border-bottom:1px solid #CCC;
}
#product-detail .desc dd:last-child {
	border-bottom: none;	
}
#product-detail .desc dd .close{
	background:url(../img/arrow_close.gif) no-repeat right top;
	height:23px;
	position:relative;
	right:-12px;
	cursor:pointer;
}
#product-detail .desc .txt {
	padding: 0 25px 0 5px;
	margin-bottom: 30px;

}
#product-detail .desc .photo{
	padding: 5px 0 15px 0;
}
/*
#product-detail .desc dd:nth-child(n+3){
	display:none;
}
*/

#product-detail .desc .photo.photo2:first-of-type {
	margin-top: -25px;
}
@media(min-width:768px){
	#product-detail .desc .photo.photo2 {
		line-height: 0;
		padding-bottom: 2px;
	}
	#product-detail .desc .photo.photo2:last-of-type {
		padding-bottom: 25px;
	}
}
@media(max-width:767px){
	#product-detail .desc .photo.photo2 {
		padding-bottom: 0;
		line-height: 0;
	}
	#product-detail .desc .photo.photo2 > p {
		padding-bottom: 10px;
	}
	#product-detail .desc .photo.photo2:last-of-type {
		padding-bottom: 25px;
	}
}
#product-detail .option {
	float:left;
	margin-bottom:55px;
	width:410px;
}
#product-detail .cart {
	float: right;
	margin-bottom: 45px;
	width: 200px;
}

/* spec */
#product-detail .spec{
	color:#666;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
#product-detail .spec{
	line-height:160%;
}
#product-detail .spec dt{
	clear:both;
	float:left;
	width:113px;
	white-space:nowrap;
	overflow:hidden;
	
}
#product-detail .spec dt:after{
	color:#CCC;
	content:"----------------------";	
	padding-left:5px;
	white-space:nowrap;
}

#product-detail .spec dd{
	padding-left:112px;	
	margin-bottom:12px;
}

/* option */
#product-detail .option {
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;	
}
#product-detail .option table {
	width:100%;
	margin-bottom:7px;
}
#product-detail .option td{
	position:relative;
}
#product-detail .option td label{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
#product-detail .option td span.price{
	font-size:16px;
	font-weight:bold;
}
#product-detail .option .message{
	color:#666;
	font-size:10px;
	margin-bottom: 1rem;
}
#product-detail .message2{
	color: #c00;
	margin-bottom: 1.5em;
}
#product-detail .message2 li {
	color: #666;
	text-indent: -1em;
	margin-left: 1em;
	font-size:10px;
}
#product-detail .option td {
	border-top: 1px dotted #BFBFBF;
	border-bottom: 1px dotted #BFBFBF;
	background:#F5F5F5;
	padding:12px;
}

#product-detail .option tr td:last-child {
	border-left:1px dotted #BFBFBF;
	text-align:center;
}
/* cart */
#product-detail .cart .quantity{
	margin-bottom:48px;	
}

/* comment */
#product-detail section.comment,
#product-detail section.recipe{
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;	
	position:relative;
}
#product-detail section.comment .post{
	position:absolute;	
	top:8px;
	right:15px;
}
#product-detail section.comment .post a:after{
	content:">>";
	font-size:10px;
	padding-left:5px;
}
#product #product-detail section.comment>h1,
#product #product-detail section.recipe>h1{
	font-size:14px;
	font-family:'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'Osaka', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	margin-bottom:20px;
	
}
#product-detail section.comment ul {
	margin-bottom:45px;	
}
#product-detail section.comment li {
	position:relative;	
}
#product-detail section.comment li h2{
	background:#F5F5F5;
	color:#333;
	font-weight:bold;
	padding:8px 12px;
	
}
#product-detail section.comment li p:first-child{
	font-size: 11px;
	position:absolute;
	top:8px;
	right:15px;
}
#product-detail section.comment li p:last-child{
	margin:12px;	
	line-height:200%;
}
/* recipe */
#product #product-detail section.recipe li{
	float:left;
	margin:0 33px 33px 0;
	width:113px;
}
#product #product-detail section.recipe li h2{
	font-size:11px;	
}

@media(min-width: 767px){
		
	#product-detail .desc .photo p:first-child {
		float:left;	
	}
	#product-detail .desc .photo p:nth-child(2) {
		float:right;	
	}
}

/* recipe
----------------------------------------------------------------*/
#recipe{
	line-height:250%;
}
article #recipe>h1 {
	background:url(../img/recipe_main.jpg) no-repeat;
	margin-bottom:107px;
}
#recipe section {
	margin:auto;
	width:920px;
}
#recipe section.intro {
	font-size:16px;
	margin:107px auto 60px auto;
	text-align:center;
}
#recipe section.intro>h1 {
	margin-bottom:40px;
}
#recipe section.intro p {
	margin-bottom:33px;
}
#recipe .recipe-list ul:after{
	content:"";
	clear:both;
	height:0;
	display:block;
}
@media(min-width: 768px){
	#recipe .recipe-list li{
		position:relative;
		width:230px;
		height:230px;
		line-height:180%;
		float:left;
	}
	#recipe .recipe-list li:nth-child(4n+1){
		clear:both;
	}
	#recipe .recipe-list li a{
		color:#FFF;
		display:block;
		font-size:14px;
		height:125px;
		left:0;
		opacity:0;
		position:absolute;
		top:0;
		text-align:center;
		text-indent:-9999px;
		width:90%;
		padding:105px 5% 0 5%;
	}

	#recipe .recipe-list li a:hover{
		opacity:1;
		background-color: rgba(0,0,0,0.6);
		text-indent:0;
	}
}
#recipe section.single{
	padding-top:110px;
}
#recipe section.single:after{
	clear:both;
	content:"";
	display:block;
	height:0;
}
#recipe section.single .photo{
	float:left;
	margin-bottom:45px;
}
#recipe section.single .desc{
	background:#CCC;
	color:#FFF;
	float:right;
	padding:130px 90px 0 90px;
	width:280px;
	height:330px;
	font-size:16px;
	margin-bottom:45px;
}
#recipe section.single h1{
	font-size:32px;
	letter-spacing:-.05em;
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:3px solid #FFF;
	text-align:center;
}
#recipe section.single .recipe,
#recipe section.single .material{
	margin-bottom:167px;
}

#recipe section.single .recipe{
	clear:both;
	float:left;
	line-height:220%;
	width:460px;
}
#recipe section.single .recipe li{
	list-style-type:decimal;
	margin-left:20px;
}
#recipe section.single .material{
	line-height:160%;
	padding-left:103px;
	float:right;
	position:relative;
	color:#666;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	width:357px;
}
#recipe section.single .material h2{
	margin-bottom:8px;
}
#recipe section.single .material p{
	position:absolute;
	right:0;
	top:0;
}
#recipe section.single .material dl{

}
#recipe section.single .material dt{
	clear:both;
	float:left;
	width:283px;
	white-space:nowrap;
	overflow:hidden;
	
}
#recipe section.single .material dt:after{
	color:#CCC;
	content:"------------------------------------------------------";
	padding-left:5px;
	white-space:nowrap;
}
#recipe section.single .material dt.comment::after{
	content:"";
}

#recipe section.single .material dd{
	padding-left:192px;	
	margin-bottom:12px;
	text-align:right;
}

@media(max-width:767px){
	#recipe section>h1 {
			margin-bottom:25px;
	}
	#recipe section {
		margin:auto;
		width:auto;
	}
	#recipe section.intro {
		color:#666;
		font-size:90%;
		margin:40px auto 40px auto;
		padding:0 10%;
		line-height:200%;
		text-align:left;
	}
	#recipe section.intro>h1 {
		margin-bottom:30px;
		text-align:center;
	}
	#recipe section.intro>h1 img{
		width:100px;
	}
	#recipe .recipe-list{
		margin-bottom:40px;
	}
	#recipe .recipe-list li{
		float:left;
		height:auto;
		line-height:0;
		overflow:hidden;
		position:relative;
		width:50%;
	}
	#recipe .recipe-list li:nth-child(2n+1){
		clear:both;
	}
	#recipe .recipe-list li img{
		width:100%;
	}
	#recipe .recipe-list li a{
		display:block;
		font-size:14px;
		height:100%;
		left:0;
		opacity:0 !important;
		position:absolute;
		top:0;
		text-align:center;
		text-indent:100%;
		white-space:nowrap;
		width:100%;
	}
	#recipe section.single{
		padding-top:10px;
	}
	#recipe section.single .main{
		position:relative;
		background:#CCC;
		line-height:100%;
	}
	#recipe section.single .photo{
		float:none;
		width:50%;
		margin-bottom:25px;
	}
	#recipe section.single .main .desc{
		position:absolute;
		float:none;
		padding:10% 7% 0 7%;
		width:36%;
		right:0;
		top:0;
		height:auto;
		font-size:65%;
		margin-bottom:25px;
		line-height:160%;
	}
	#recipe section.single h1{
		font-size:.9rem;
		padding-bottom:6px;
		margin-bottom:10px;
		border-bottom:1px solid #FFF;
	}
	#recipe section.single .recipe,
	#recipe section.single .material{
		margin-bottom:25px;
	}

	#recipe section.single .recipe{
		float:none;
		line-height:190%;
		width:auto;
		padding:0 10%;
		font-size:.7rem;
	}
	#recipe section.single .material{
		margin-bottom:30px;
		padding:0 10%;
		float:none;
		width:auto;
		font-size:.7rem;
		font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	}
	#recipe section.single .material h2{
		margin-bottom:8px;
	}
	#recipe section.single .material p{
		right:10%;
	}
	#recipe section.single .material dt{
		clear:both;
		float:left;
		width:80%;
		white-space:nowrap;
		overflow:hidden;
	}
	#recipe section.single .material dl:after{
		content:"";
		clear:both;
		display:block;
		height:0;
		margin-bottom:50px;
	}
	#recipe section.single .material dd{
		padding-left:81%;
	}

	/* list for single */
	#recipe .recipe-list.single{
		border-top:1px solid #999;
	}
	#recipe .recipe-list.single li{
		width:100%;
	}
	#recipe .recipe-list.single li>img{
		display:none;
	}

	#recipe .recipe-list.single li a{
		color:#000;
		font-size:.8rem;
		height:auto;
		opacity:1 !important;
		padding: 17px 0;
		position:static;
		text-indent:0;
		border-bottom:1px dotted #999;
		width:80%;
		margin:auto;
	}
}

/* company
----------------------------------------------------------------*/
#page article>#company>h1 {
	height:	auto;
}
#company section.intro,
#company section.message{
	text-align:center;
}
#company section.intro{
	margin-bottom:58px;
}
#company section.message h1,
#company section.company h1{
	border-bottom:1px solid #000;
	font-size:16px;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	padding-bottom:15px;
	margin-bottom:40px;
	text-align:center;
}

#company section.message p{
	margin-bottom:35px;
}
#company section.message dl{
	display:table;
	margin:auto;
}

#company section.message dt,
#company section.message dd{
	display:table-cell;
	vertical-align:middle;
}

#company section.company th{
	color:#666;
}

@media(min-width:768px){
	#page article>#company>h1 {
		padding-top:106px;
		margin-bottom:85px;
	}

	#company{
		margin:auto;
		width:690px;
	}

	#company section.message{
		font-size:14px;
		line-height:260%;
		margin-bottom:110px;
	}

	#company section.message dd{
		padding-left:25px;
	}

	#company section.company {
		line-height:280%;
		font-size:14px;
	}

	#company section.company th,
	#company section.company td{
		padding:7px 0;
	}
	#company section.company th{
		width:210px;
	}
}

@media(max-width:767px){
	article #company>h1{
		border-bottom:none !important;
	}
	article #company>h1 img{
		height:16px !important;
		width:auto;
	}
	#company{
		font-size:80%;
	}
	#page article #company>h1:before {
		display:none;
	}
	#company section.intro h1 img{
			height:42px;
			width:auto;
	}

	#company section.message{
		margin-bottom:70px;
	}
	#company section.message h1,
	#company section.company h1{
		border-bottom:1px solid #000;
		font-size:.9rem;
		padding-bottom:4px;
	}

	#company section.message dd img{
		height:20px;
		width:auto;
		
	}

	#company section.message dd{
		padding-left:15px;
	}

	#company section.company table{
		width:80%;
		margin:auto;
		line-height:240%;
	}

	#company section.company th,
	#company section.company td{
		padding:5px 0;
	}
	#company section.company th{
		width:30%;
		padding-right:2%;
	}
}
/* blog
----------------------------------------------------------------*/
#page article>#blog>h1 {
	height:	auto;
	padding-top:106px;
	margin-bottom:60px;
}
#blog aside h1{
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
#blog aside li{
	list-style-type:none;
}
article #blog a{
	text-decoration:underline;
}
@media(min-width:768px){

	#blog{
		width:920px;
		margin:auto;
	}
	#blog:after{
		content: "";
		display: block;
		clear: both;
		height: 0;
	}
	/* archive */
	#blog table{
		width:690px;
		margin:auto;
	}
	#blog table td{
		vertical-align:top;
		border-bottom:1px dotted #B2B2B2;
		font-size:14px;
		padding:25px 0;
	}
	#blog table td a{
		color:#000;
	}
	#blog table tr td:first-child{
		background:url(../img/media_arrow.gif) no-repeat 60px 24px;
		font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
		padding-left:96px;
		width:234px;
	}
	#blog table tr td:last-child{
		width:456px;
	}

	/* single */
    #blog a {
        color: #F90;
        font-weight: bold;
    }
	#blog section.single{
		float:left;
		padding-left:115px;
		width:575px;
	}
	#blog aside{
		float:right;
		width:172px;
	}
	#blog section.single img{
		max-width:100%;
		height:auto;
	}

	#blog section.single h1{
		font-size:18px;
		padding-bottom:10px;
		border-bottom:1px solid #000;
		margin-bottom:10px;
	}
	#blog section.single .date{
		font-size:14px;
		color:#999;
		margin-bottom:26px;
	}

	#blog section.single .content{
		line-height:200%;
	}
    #blog section.single .content a {
        color: #F90;
        font-weight: bold;
    }
	#blog aside h1{
		font-size:12px;
		margin-bottom:16px;
	}
	#blog aside section.category,
	#blog aside section.recent{
		border-bottom:1px dotted #666;
		margin-bottom:40px;
	}
	#blog aside ul{
		margin-bottom:40px;
	}
	#blog aside li{
		font-size:12px;
		margin-bottom:15px;
	}
	#blog aside section.category li a:before,
	#blog aside section.recent li a:before{
		content:">>";
		padding-right:3px;
		font-size:10px;
	}
	#blog aside li a{
		display:block;
		color:#666;
	}
	#blog aside section.archive li{
		margin-bottom:10px;
	}

}

@media(max-width:767px){
	article #blog h1{
		border-bottom:none !important;
	}
	#blog{
		padding:0 10%;
		font-size:80%;
	}
	#page article #blog>h1:before {
		display:none;
	}
	#page article #blog>h1 {
		height:	auto;
		padding-top:53px;
		padding-bottom:0;
		background:none;
		border-bottom:none;
		margin-bottom:25px;
	}
	#page article #blog>h1 img{
		height:20px;
		width:auto;
	}

	/* archive */
	#blog table td{
		vertical-align:top;
		border-bottom:1px dotted #B2B2B2;
		padding:15px 0;
	}
	#blog table td a{
		color:#000;
	}
	#blog table tr td:first-child{
		white-space:nowrap;
		padding-right:22px;
	}
	

	/* single */
	#blog section.single h1{
		font-size:120%;
		padding-bottom:6px;
		border-bottom:1px solid #000 !important;
		margin-bottom:6px;
	}


	#blog section.single .content {
		margin-bottom:70px;
	}
	#blog section.single .content img{
		margin:20px 0;
	}

	#blog aside section{
		border-top:1px solid #666;
		margin-bottom:20px;
		padding-top:20px;
	}

	#blog aside h1{
		margin-bottom:10px;
	}

	#blog aside li{
		margin-bottom:3px;
	}
}

/* pagination
----------------------------------------------------------------*/
.pagination{
	display:table;
	width:100%;
}
.pagination a{
	display:table-cell;
	color:#666;
}
.pagination a[rel="prev"]{
	text-align:left;
}
.pagination a[rel="next"]{
	text-align:right;
}

.wp-pagenavi{
	padding-top:60px;
	margin:auto;
	display:table;
}
.wp-pagenavi span,
.wp-pagenavi a{
	display:table-cell;
	padding-right:6px;
}
.wp-pagenavi a{
	color:#999;
}


@media(min-width:768px){
	.pagination{
		margin-top:160px;
	}
	.wp-pagenavi .pages{
		padding-right:110px;
	}
	.wp-pagenavi .last{
		padding-left:34px;
	}
}

@media(max-width:767px){
	.pagination{
		margin:40px 0;
	}
	.wp-pagenavi .pages{
		padding-right:24px;
		white-space:nowrap;
	}
	.wp-pagenavi .last{
		padding-left:24px;
		white-space:nowrap;
	}

}
/* recruit
----------------------------------------------------------------*/
#page article>#recruit>h1 {
	height:	auto;
}
#recruit section.recruit th{
	color:#666;
}

#recruit section.recruit th,
#recruit section.recruit td{
	padding:10px 0;
	border-bottom:1px dotted #CCC;
}
@media(min-width:768px){
	#page article>#recruit>h1 {
		padding-top:106px;
		margin-bottom:85px;
	}
	#recruit{
		margin:auto;
		width:690px;
	}
	#recruit section.recruit {
		line-height:280%;
		font-size:14px;
	}
	#recruit section.recruit th{
		width:210px;
	}
}
@media(max-width:767px){
	article #recruit h1{
		border-bottom:none !important;
	}
	article #recruit h1 img{
		height:20px !important;
		width:auto;
	}
	#recruit{
		padding:0 10%;
		font-size:80%;
	}
	#page article #recruit>h1:before {
		display:none;
	}
	#recruit section.recruit th{
		width:28%;
		white-space:nowrap;
	}
}


/* guide
----------------------------------------------------------------*/
#page article>#guide>h1 {
	height:	auto;
	padding:0;
	border:none;
}
#page article>#guide>h1::before{
	display:none;
}
#guide h1{	
	margin:105px 0 71px 0;
	text-align:center;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size:1.5rem;
}
#guide h2{
	border-bottom:1px solid #CCC;
	font-size:.9rem;
	font-weight:normal;
	padding:14px 8px;
}
#guide dt{
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-weight:bold;
	margin-bottom:10px;
}
#guide dt.underline{
	text-decoration:underline;
}
#guide dd{
	line-height:220%;
	margin-bottom:35px;
}
#guide dd p{
	margin-bottom:10px;
}
#guide dd p:last-child{
	margin-bottom:0;
}
#guide .payment dd{
	margin-bottom:46px;
}
#guide dl>dd:last-child{
	margin-bottom:20px;
}
#guide h2{
	background:url(../img/arrow_open.gif) no-repeat 97% 49%;
	border-bottom:1px solid #CCC;
	color:#888;
	cursor:pointer;
	padding:10px;
}
#guide main>div{
	border-bottom:1px solid #CCC;
	padding-top:24px;
}
/*
#guide dl{
	padding:20px 25px 12px 5px;
	border-bottom:1px solid #CCC;
}
*/
#guide .close{
	background:url(../img/arrow_close.gif) no-repeat right top;
	height:23px;
	position:relative;
	right:19px;
	bottom:13px;
	cursor:pointer;

}
#guide main table{
	width:100%;
	margin-top:18px;
}
#guide main table th,
#guide main table td{
	background:#F5F5F5;
	border:1px dotted #BFBFBF;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size:.75rem;
	padding:10px;
	vertical-align:middle;
}
#guide main table td span{
	font-family: 'Arial';
	font-size:1.1rem;
	font-weight:bold;
	margin-right:2px;
}
#guide main table td span.shipfree{
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size:.8rem;
}
#guide .shipping dd{
	margin-bottom:26px;
}
#guide .shipping dd:last-child table{
	margin-bottom:15px;
}
#guide main .notice{
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size:.75rem;
	color:#666;
	line-height:220%;
}
/* days */
#guide main .days table{
	margin-bottom:20px;
}
#guide main .days table th,
#guide main .days table td{
	text-align:center;
	width:8.33%;
	font-size:.7rem;
	padding:7px 0;
}

#guide main .days table td{
	background:#FFF;
}
#guide main .days table th{
}
/* gift */
#guide main .gift dd{
	margin-bottom:30px;
}
#guide main .gift ul{
	display:table;
	margin-top:20px;
	width:auto;
}
#guide main .gift ul.largebox img{
	border:1px solid #CCC;
}
#guide main .gift li{
	display:table-cell;
	vertical-align:bottom;
	padding-right:15px;
}
#guide main .gift li:nth-child(3n){
	padding-right:0;
}
#guide main .gift .clearfix{
	margin-top:40px;
}
#guide main .gift .clearfix>div{
	display:table;
}
#guide main .gift .clearfix>div:first-child{
	margin-bottom:15px;
}
#guide main .gift .clearfix>div>p{
	display:table-cell;
	vertical-align:top;
}
#guide main .gift .clearfix>div>p:first-child{
	padding-right:15px;
}
#guide main>div>p{
	margin-bottom:20px;
}
@media(min-width:768px){
	#guide{
		margin:auto;
		width:923px;
	}
	#guide nav {
		float:left;
		width:200px;
	}
	#guide main {
		float:right;
		width:645px;
	}
	#guide h2:first-child{
		background-image:none;
		border-top:1px solid #CCC;
		color:#000;
	}
	#guide main .gift ul.largebox{
		width:440px;
	}
	#guide main .gift li{
		width:205px;
	}
	#guide main .gift .clearfix>div>p:first-child{
		width:205px;
	}
}
@media(max-width:767px){
	#page article>#guide>h1 {
		height:	auto;
		padding:0;
		margin:40px;
		border:none;
	}
	#guide main {
		margin:0 10%;
		margin-bottom:40px;
		border-top:1px solid #CCC;
	}
	#guide main .gift ul:nth-child(2) li{
		width:30%;
	}
	#guide main .gift .clearfix>div>p:first-child{
		width:48%;
	}
}


/* sitemap
----------------------------------------------------------------*/
#page article>#sitemap>h1 {
	height:	auto;
}

#sitemap>ul{
	display:table-cell;
	vertical-align:top;
	width:230px;
}
#sitemap ul li{
	background:url(../img/sitemap_arrow.gif) no-repeat 0 1px;
}
#sitemap ul li:last-child{
	margin-bottom:0;
}
#sitemap ul li li{
	background:none;
}
#sitemap ul li li a:before{
	content:">";
	padding-right:5px;
	color:#666;
}

@media(min-width:768px){
	#page article>#sitemap>h1 {
		padding-top:106px;
		margin-bottom:85px;
	}
	#sitemap{
		width:460px;
		margin:auto;
	}

	#sitemap>ul{
		width:230px;
	}
	#sitemap>ul:last-child{
		width:173px;
		padding-left:50px;
	}
	#sitemap ul ul{
		width:auto;
		margin-top:25px;
	}
	#sitemap ul li{
		padding-left:30px;
		margin-bottom:25px;
		font-size:14px;
	}
}
@media(max-width:767px){
	article #sitemap h1{
		border-bottom:none !important;
	}
	article #sitemap h1 img{
		height:20px !important;
		width:auto;
	}
	#sitemap{
		padding:0 10%;
		font-size:80%;
	}
	#page article>#sitemap>h1 {
		margin-bottom:40px;
	}
	#page article #sitemap>h1:before {
		display:none;
	}
	#sitemap>ul{
		width:50%;
	}

	#sitemap ul ul{
		width:auto;
		margin-top:12px;
	}
	#sitemap>ul:last-child{
		width:173px;
		padding-left:10%;
	}
	#sitemap ul li{
		padding-left:22px;
		margin-bottom:15px;
		background-size:16px;
	}
}

/* contact
----------------------------------------------------------------*/
#page article>#contact>h1 {
	height:	auto;
}
#contact section.intro{
	margin-bottom:46px;
}

#contact section.contact th,
#contact section.contact td{
	vertical-align:top;
}
#contact section.contact th{
	color:#666;
	width:190px;
}
#contact section.contact tr.address th span{
	font-size:11px;
}
#contact section.contact .essential{
	color:#F00;
}
#contact section.contact input[type="submit"]{
	background:#999;
	color:#FFF;
	border:none;
	border-radius:3px;
	font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	cursor:pointer;
}

@media(min-width:768px){
	#page article>#contact>h1 {
		padding-top:106px;
		margin-bottom:85px;
	}
	#contact{
		margin:auto;
		width:690px;
	}
	#contact section.intro{
		text-align:center;
		line-height:260%;
	}
	#contact section.contact {
		line-height:280%;
		font-size:14px;
		padding-top:35px;
		border-top:1px solid #000;
	}
	#contact section.contact input[type="text"]{
		width:380px;
	}
	#contact section.contact tr.address input,
	#contact section.contact textarea{
		width:498px;
	}

	#contact section.contact th,
	#contact section.contact td{
		padding:10px 0;
	}
	#contact section.contact th .essential{
		font-size:11px;
	}
	#contact section.contact .notice{
		font-size:11px;
	}

	#contact section.contact textarea{
		height:133px;
		margin-bottom:36px;
	}
	#contact section.contact input[type="submit"]{
		font-size:16px;
		padding:17px 109px;
	}
}
@media(max-width:767px){
	article #contact h1{
		border-bottom:none !important;
	}
	article #contact h1 img{
		height:20px !important;
		width:auto;
	}
	#page article #contact>h1:before {
		display:none;
	}
	#contact{
		font-size:80%;
	}
	#contact section.intro{
		margin-bottom:34px;
		text-align:left;
		padding:0 10%;
	}
	#contact section.intro br{
		display:none;
	}
	#contact section.contact {
		padding:30px 10%;
		position:relative;
		border-top:1px solid #CCC;
	}

	#contact section.contact table{
		width:100%;
	}
	#contact section.contact th,
	#contact section.contact td{
		display:block;
		width:80%;
		padding:0;
		margin:auto;
	}
	#contact section.contact th{
		padding-top:5px;
	}
	#contact section.contact td input{
		width:100%;
	}
	#contact section.contact tr.submit td{
		margin:50px 0;
		width:100%;
	}

	#contact section.contact textarea{
		height:60px;
		width:100%;
	}
	#contact section.contact .notice{
		font-size:80%;
	}
	#contact section.contact input[type="submit"]{
		font-size:125%;
		padding:12px 10%;
		display:block;
	}

}


/* law
----------------------------------------------------------------*/
#page article>#law>h1 {
	height:	auto;
}
#law section th{
	color:#666;
}

#law section th,
#law section td{
	padding:10px 0;
	border-bottom:1px dotted #CCC;
}
#law h1{
	text-align:center;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size:1.5rem;
}
@media(min-width:768px){
	#page article>#law{
		margin:auto;
		width:923px;
	}
	#law nav {
		float:left;
		width:200px;
	}
	#law main {
		float:right;
		width:645px;
	}
	#page article>#law>h1 {
		padding-top:106px;
		margin-bottom:85px;
	}
	#law{
		margin:auto;
		width:690px;
	}
	#law section {
		line-height:280%;
		font-size:14px;
	}
	#law section th{
		width:210px;
	}
}
@media(max-width:767px){
	article #law h1{
		border-bottom:none !important;
	}
	article #law h1 img{
		height:20px !important;
		width:auto;
	}
	#law{
		padding:0 10%;
		font-size:80%;
	}
	#page article #law>h1:before {
		display:none;
	}
	#law section th{
		width:28%;
		white-space:nowrap;
	}
	#law main{
		margin-bottom:50px;
	}
}





@media(min-width:768px){
	#user-nav li.menu{
		display:none;
	}

	#page article section h1 br{
		display:none;
	}
}
@media(min-width: 768px) and (max-width:1200px){
	#main-visual li {
		width: 1200px !important;
	}
	body > footer {
		width: 1200px !important;		
	}
}
@media(max-width:767px){
	#wrapper {
		width:auto;
	}
	header{
		border-top:0;
		border-bottom:1px solid #000;
	}
	header:before{
		border:none;
	}
	header h1{
		position:static;
	}
	header h1 img{
		height:45px;
		width:auto;
	}
	header>div {
		position:static;
		width:auto;
		padding:3px 0 3px 15px;
	}


	#user-nav {
		top:13px;
		background:#FFF;
		z-index:110;
	}
	#user-nav li {
		display:table-cell !important;
		text-indent:-999px;
		padding:0 !important;
		border-left:1px solid #000;
	}
	#user-nav li.login{
		padding:0;
	}
	#user-nav li.login:after,
	#user-nav li.signin:after{
		display:none;
	}
	#user-nav li a{
		color:#FFF;
	}
	#user-nav li.signin{
		display:none !important;
	}
	#user-nav li.menu{
		display:block;
	}
	#user-nav li.cart{
		padding:0;
	} 
	#user-nav li a {
		display:block;
		padding:0 !important;
		margin:0 13px;
		height:40px !important;
		width:29px;
		background-size:contain !important;
	}
	#user-nav li.login a{
		background:url(../img/sp_nav_login.gif) no-repeat;
	}
	#user-nav li.cart a{ 
		background:url(../img/sp_nav_cart.gif) no-repeat;
		padding:0;
		height:inherit;
	}
	#user-nav li.menu a{ 
		background:url(../img/sp_nav_menu.gif) no-repeat;
	}


	#main-visual {
		width:auto;
		height:250px;
	}
	#main-visual li{
		text-align:center;
		height:250px;
		background-size:cover;
		background-position:center top;
	}
	body>footer{
		margin-top:24px;
	}

	body>footer #pagetop {
		display:none;
	}
	body>footer #footer-nav {
		width:auto;
		display:table;
	}
	body>footer nav {
		display:table-cell;
		padding:15px 0;
		font-size:70%;
		width:80%;
	}
	body>footer nav ul:after {
		clear:both;
		content:"";
		display:block;
		height:0;
	}
	body>footer nav li {
		display:block;
		float:left;
		border-right:1px solid #FFF;
		margin-bottom:10px;
	}
	body>footer nav li:last-child {
		border-right:0;
	}
	body>footer nav li a {
		color:#FFF;
		display:block;
		padding:0 20px;
		line-height:100%;
	}

	body>footer aside{
		display:table-cell;
		padding-right:7%;
	}
	body>footer aside li {
		padding-left:15px;
	}
	body>footer aside li img{
		width:18px;
	}
	body>footer #copyright{
		font-size:9px;
		padding:6px 0;
	}

	/* index
	----------------------------------------------------------------*/
	#main-visual{
		position:static;
	}
	#index header{
		padding-top:0;
	}
	#index article{
		width:auto;
		margin-top:2px;
		padding-top:5px;
		border-top:1px solid #000;
	}
	#index ul.product-list li.news h2 img{
		width:40px;
	}
	#index ul.product-list li.news {
		position:static;
		width:80%;
		height:auto !important;
		font-size:10px;
		padding:25px 10% 15px 10%;
	}
	#index ul.product-list li.news table tr:last-child td{
		border-bottom:0;
	}
	#index ul.product-list li.news tr td:nth-child(2){
		padding-left:10px;
		padding-right:10px;
	}
	#index article li.news tr td:last-child {
		padding-right:0;
	}
/*
	#index ul.product-list li.nav {
		width:50%;
		float:left;
		position:static !important;
		left:0;
		top:0;
		background-size:cover !important;
		display:table;
	}
	#index ul.product-list li.nav a {
		display:table-cell;
		position:static;
		padding:0;
		vertical-align:middle;
	}

	#index ul.product-list li.banner {
		float:left;
		position:static;
		width:50%;
		height:auto !important;
	}
*/


	/* page
	----------------------------------------------------------------*/
	#page article>div{
		position:relative;
	}
	#page article>div>h1:before {
		position:absolute;
		content:"";
		display:block;
		border-bottom:1px solid #000;
		width:100%;
		height:86px;
		z-index:120;
	}
	#page article>div>h1 {
		height:	80px;
		padding-top:53px;
		padding-bottom:2px;
		background-size:cover;
		border-bottom:3px solid #000;
		margin-bottom:25px;
	}
	#page article>div>h1 img{
		height:30px;
		width:auto;
	}



	/* product list
	----------------------------------------------------------------*/
	article #product section {
		width:auto;
	}
	article #product section h1 img{
		width:auto;
		height:12px;
	}
	article #product section.product-list {
		margin:50px 0;
	}
	#product section.shop-list ul {
		width:70%;
		margin:auto;
		float:none;
		font-size:80%;
	}

	#product section.shop-list li,
	#product section.shop-list li:last-child {
		margin-bottom:20px;
	}
	#product section.shop-list ul h2 {
		width:17%;
	}
	#product section.shop-list ul p {
		padding-left:18%;
	}


	/* product
	----------------------------------------------------------------*/
	#product-detail>h1 {
		margin-bottom:8px !important;
	}
	#product-detail nav,
	#product-detail main {
		float:none;
		width:auto;
	}
	#product-detail main {
		padding: 0 10%;
	}
	#product-detail main p.main-visual {
		left:-13%;
		margin-bottom: 23px;
		top:0;
		width:125.5%;
	}
	#product #product-detail main h1 {
		border:none;
		font-size: 140%;
		margin-bottom:15px;
		text-align:left;
	}
	
	#product-detail main>section{
		margin-bottom:35px;
		width:auto;
	}
	#product-detail .desc{
		font-size:90%;	
	}
	#product-detail .desc{
		line-height:220%;	
	}
	#product-detail .desc,
	#product-detail .option {
		float:none;
		margin-bottom:25px;
		width:auto;
	}
	#product-detail .desc dd .close{
		background:url(../img/arrow_close.gif) no-repeat right top;
		height:23px;
		position:relative;
		right:-18px;
		cursor:pointer;
	}
	#product-detail .spec,
	#product-detail .cart {
		float: none;
		margin-bottom: 25px;
		width: auto;
	}

	/* spec */
	#product-detail .spec{
		font-size:90%;	
	}
	#product-detail .spec{
		line-height:160%;
	}
	#product-detail .spec dt{
		width:83px;
	}
	#product-detail .spec dd{
		margin-bottom:5px;
	}
	/* cart */
	#product-detail .cart .quantity{
		margin-bottom:24px;	
	}
	#product-detail .cart .cartin a{
		background:#000;
		display:block;
		text-align:center;
		line-height:100%;
	}

	#product-detail .option td span.tax{
		display:block;
		font-size:80%;
	}
	/* comment */
	#product-detail section.comment,
	#product-detail section.recipe{
		display:none;
	}

	/* nav */
	nav.product-menu{
		padding:0 10%;
	}
	nav.product-menu ul {
		margin-bottom:40px;
	}
	nav.product-menu .product-nav li:last-child {
		border-bottom:1px dotted #CCC;
	}
	nav.product-menu .product-nav li a {
		padding:15px 0;
		text-align:center;
	}
	nav.product-menu .user-nav li {
		margin-bottom:20px;
	}

}


@media(min-width:768px){
	#undercolumn{
		width:920px;
		margin:auto;
	}
	#undercolumn h2{
		font-size:1.5rem;
		margin:105px 0 71px 0;
	}
	#undercolumn h3{
		width:460px;
	}
}
@media(max-width:767px){
	#undercolumn{
		padding:0 5%;
	}
	#undercolumn h2{
		font-size:1.2rem;
		margin:50px 0;
	}
}
#undercolumn h3{
	background:#e5e4e4;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size:.9rem;
	margin:auto;
	margin-bottom:30px;
	padding:16px 0;
	text-align:center;
}
#undercolumn h2{
	text-align:center;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
#undercolumn a.btn,
#undercolumn input.btn[type="submit"],
#window_area a.btn,
#window_area input.btn[type="submit"]{
	border:none;
	border-radius:3px;
	font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size:1rem;
	display:block;
	background:#999;
	padding:17px 0;
	text-align:center;
	color:#FFF;
	width:306px;
	margin:auto;
    -webkit-appearance: none;
}
#undercolumn form table,
#window_area form table{
	margin:auto;
}
#undercolumn form table th,
#undercolumn form table td,
#window_area form table th,
#window_area form table td{
	text-align:left;
	padding:15px;
	border-bottom:1px dotted #CCC;
	line-height:180%;
}
#undercolumn form td a,
#window_area form td a{
	background:#999;
	border-radius:3px;
	color:#FFF;
	padding:5px;
}
#undercolumn form td a.expansion{
	background:none;
	border-radius:0;
	padding:0;
}
#undercolumn form td .mini{
	font-size:.7rem;
}
#undercolumn form table td input[type="text"]{
	border:1px solid #999;
}
#undercolumn form .btn_area{
	margin:20px 0;
}
@media(min-width:768px){
	#undercolumn form .btn_area ul{
		display:table;
		margin:auto;
	}
	#undercolumn form .btn_area li{
		display:table-cell;
		vertical-align:top;
		padding:10px;
	}
}
#undercolumn form .btn_area input{
	cursor:pointer;
}
@media(max-width:767px){
	#undercolumn form .btn_area li{
		margin-bottom:15px;
	}
	#undercolumn form table {
		box-sizing: border-box;
	}
	#undercolumn form table th,
	#undercolumn form table td {
		display: block;
	}
	#undercolumn form table th {
		padding-bottom: 0;
		border-bottom: none;
	}
}
#undercolumn .shop_information{
	margin:20px 0;
}
#undercolumn .flow_area{
	display:none;
}

/* ログイン */
#undercolumn_login{
	text-align:center;
}

#undercolumn_login .formlist dd input[type="text"],
#undercolumn_login .formlist dd input[type="password"]{
	width:100%;
	margin-bottom:4px;
}
#undercolumn_login .login_area .message a {
	color:#666;
}
#undercolumn_login .btn_area{
	margin-bottom:35px;
}
#undercolumn_login .login_area .inputtext{
	margin-bottom:35px;
	line-height:250%;
}
#undercolumn_login .login_area h4{
	font-size:1.1rem;
	margin-bottom:15px;
}
#undercolumn_login .login_area h4:last-of-type{
	margin-top:70px;
}
#undercolumn_login .message a{
	text-decoration:underline;
	font-weight:bold;
}
@media(min-width:768px){

	#undercolumn_login .formlist{
		width:690px;
		margin:40px auto 20px auto;
		text-align:left;
	}
	#undercolumn_login .login_area .message{
		color:#666;
		font-size:.75rem;
		line-height:200%;
		padding-bottom:50px;
		border-bottom:1px solid #999;
		width:690px;
		margin:auto;
		margin-bottom:50px;
	}
	#undercolumn_login .formlist dt{
		float:left;
		width:158px;
		padding-left:42px;
		margin-bottom:20px;
		clear:both;
	}
	#undercolumn_login .formlist dd{
		float:right;
		width:385px;
		padding-right:72px;
		margin-bottom:20px;
	}
}
@media(max-width:767px){
	#undercolumn_login .formlist{
		margin:40px auto 20px auto;
		text-align:left;
	}
	#undercolumn_login .login_area .message{
		color:#666;
		font-size:.75rem;
		line-height:200%;
		padding-bottom:50px;
		border-bottom:1px solid #999;
		margin:auto;
		margin-bottom:50px;
	}
	#undercolumn_login .formlist dd{
		margin-bottom:20px;
	}
}


/* entry */
#undercolumn_entry{
	text-align:center;
	margin:auto;
}
#undercolumn_entry .kiyaku_text{
	width:690px;
	height:400px;
	margin:50px 0;
}
/*
#undercolumn_entry .btn_area ul{
	display:table;
	margin:auto;
}
#undercolumn_entry .btn_area li{
	display:table-cell;
	vertical-align:top;
	padding:10px;
}
*/

/* error */
#undercolumn_error{
	text-align:center;
	padding-top:50px;
}
#undercolumn_error .message_area{
	margin-bottom:30px;
}
.box60{
	width:60px;
}
.box120{
	width:120px;
}
.box260{
	width:260px;
}
.box300{
	width:300px;
}
.alignC{
	text-align:center;
}
.alignR{
	text-align:right;
}

/* mypage */

#undercolumn .welcome{
	margin-bottom:20px;
}
#mynavi_area .mynavi_list{
	display:table;
	width:100%;
	margin-bottom:55px;
}
#mynavi_area .mynavi_list li{
	display:table-cell;
	text-align:center;
}
#mynavi_area .mynavi_list li a{
	display:block;
	padding:10px;
	text-align:center;

	border:none;
	border-radius:3px;
	font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size:.9rem;
	display:block;
	background:#999;
	padding:15px 0;
	text-align:center;
	color:#FFF;
	margin-right:10px;

}
#mynavi_area .mynavi_list li:last-child a{
	margin-right:0;
}
#mycontents_area table{
	width:100%;
	margin-bottom:55px;
}
#mycontents_area>p{
	margin-bottom:35px;
}
#mycontents_area table th,
#mycontents_area table td{
	text-align:left;
	padding:15px;
	border-bottom:1px dotted #CCC;
	line-height:180%;
}
#mycontents_area .mycondition_area{
	margin-bottom:80px;
}
#mycontents_area .mycondition_area>div{
	margin-bottom:30px;
}

@media(max-width:767px){
	#mycontents_area td,
	#mycontents_area th{
		padding:8px 5px !important;
	}
	#mycontents_area td.detail,
	#mycontents_area td.delete,
	#mycontents_area td.change{
		font-size:.6rem;
		white-space:nowrap;
	}
	#mycontents_area table.delivname th,
	#mycontents_area table.delivname td{
		display:block;
		width:100%;
	}
	#mycontents_area table.delivname.confirm td{
		padding-left:15px !important;
	}

}

/* cart */
#undercolumn_cart .form_area table{
	width:100%;
	margin-top:25px;
}
#undercolumn_cart .form_area td.subtotal{
	text-align:right;
}
#undercolumn_cart .form_area table.sum td{
	text-align:right;
}
#undercolumn_cart .form_area table.sum{
	margin-bottom:50px;
}
#undercolumn_cart td{
	vertical-align:middle;
}
#undercolumn_cart #quantity_level{
	display:table;
}
#undercolumn_cart #quantity_level li{
	display:table-cell;
	padding-right:4px;
}
#undercolumn_cart .btn_area{
	margin-top:30px;
}
/*
#undercolumn_cart .btn_area ul{
	display:table;
	margin:auto;
}
#undercolumn_cart .btn_area li{
	display:table-cell;
	vertical-align:top;
	padding:10px;
}
*/

@media(max-width:767px){
	#undercolumn_cart td,
	#undercolumn_cart th{
		padding:8px 5px !important;
	}
	#undercolumn_cart tr td:first-child{
		font-size:.6rem;
		white-space:nowrap;
	}
	#undercolumn_cart td.photo,
	#undercolumn_cart th.photo{
		display:none;
	}
	#undercolumn_cart td.price,
	#undercolumn_cart td.subtotal,
	#undercolumn_cart td.total{
		white-space:nowrap;
	}
	#undercolumn_cart .btn_area ul{
		margin-bottom:60px;
	}
}


/* customer */
@media(min-width: 768px){
	#undercolumn_customer{
		width:690px;
		margin:auto;
	}
}
#undercolumn_customer .information{
	margin-bottom:30px;
}
#undercolumn_customer form table{
	width:100%;
	margin-bottom:35px;
}

/* shopping */
#undercolumn_shopping form table{
	width:100%;
	margin-bottom:55px;
}
#undercolumn_shopping .pay_area,
#undercolumn_shopping .pay_area02{
	margin-bottom:75px;
}
#undercolumn_shopping textarea{
	width:100%;
	height:100px;
}
#undercolumn_shopping .information,
#undercolumn_shopping #address_area>p{
	margin-bottom:15px;
}
#undercolumn_shopping .addbtn{
	display:inline-block;
}
#undercolumn_shopping .addbtn .btn{
	font-size:.8rem;
	padding:6px;
	width:200px;
	margin:0 10px 10px 0;
}
#undercolumn_shopping table td{
	vertical-align:middle;
}
#undercolumn_shopping #complete_area>p,
#undercolumn_entry #complete_area>p{
	margin-bottom:35px;
}
#undercolumn_shopping #complete_area,
#undercolumn_entry #complete_area{
	margin-bottom:55px;
}

@media(min-width:768px){
	#undercolumn_shopping{
		width:690px;
		margin:auto;
	}
}

@media(max-width:767px){
	#undercolumn_shopping .addbtn{
		display:block;
	}
	#undercolumn_shopping .addbtn .btn{
		font-size:.8rem;
		padding:6px;
		width:200px;
		margin:0 10px 10px 0;
	}
	#undercolumn_shopping td,
	#undercolumn_shopping th{
		padding:8px 5px !important;
	}
	#undercolumn_shopping td.change,
	#undercolumn_shopping td.delete{
		font-size:.6rem;
		white-space:nowrap;
	}
	#undercolumn_shopping .btn_area ul{
		margin-bottom:60px;
	}
	#undercolumn_shopping .notice{
		font-size:80%;
		line-height:130%;
	}
	#undercolumn_shopping table .photo{
		display:none;
	}
	#undercolumn_shopping table .name{
		display:block;
		width:100%;
	}
	#undercolumn_cart #form1 tr:first-child th,
	#undercolumn_shopping #form1 tr:first-child th {
		display: none;
	}
}

/* window area */
#window_area{
	padding:5%;
}
#window_area h2{
	margin:25px 0 50px 0;
	text-align:center;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size:1.5rem;
}
#window_area form table{
	margin-bottom:35px;
}

@media(max-width:767px){
	#window_area form table td,
	#window_area form table th{
		display:block !important;
		width:100%;
	}
	#window_area .btn_area li {
		margin-bottom: 15px;
	}
	#window_area #completebox {
		margin-bottom: 15px;
	}

}

/* eccube default */
.box30{
	width:30px;
}
.box40{
	width:40px;
}
#privacy {
	padding: 3em;
}
#page article #privacy h1 {
	height: auto;
	font-size: 1.4rem;
	padding: 3em;
}
#privacy h2 {
	font-size: 1rem;
	margin: 2em 0 1em 0;
}
#privacy ol li {
	list-style-type: decimal;
    margin-left: 2em;
}
@media (max-width: 767px){
	#page article #privacy h1:before {
		display: none;
	}
}