@charset "euc-jp";

body {
	margin: 0;
	font-size: 17px;
	font-family: 'Noto Sans JP', Arial, Helvetica, sans-serif;  
	line-height: 30px;  
	background-color: #fff;
	background-image: url(https://img.shop-pro.jp/tmpl_img/73/bg.gif);
	color: #525252;
}

*, *::before, *::after {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
a {
	color: #525252;
}

a:link, a:visited, a:hover, a:active {
	text-decoration: none;
}
a:hover {
	color: #8f7a75;	
	opacity: .7;
	transition: opacity .5s;
/*   color: #5e5e5e; */
}
img {
	max-width: 100%;
	width: auto\9; /* IE9 */
	height: auto;
	border: 0;
	vertical-align: middle;
	-ms-interpolation-mode: bicubic;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
li {
	text-decoration: none;
	margin: 0;
	padding: 0;
}

h1 {

}
h2 {
	font-weight: normal;
}

h2 span {
	display: inline-block;
	font-size: .5em;
	padding-left: 10px;
	padding-bottom: 5px;
	vertical-align: middle;
}

h3 span {
	display: inline-block;
	font-size: 12px;
	font-weight: normal;
	padding-left: 10px;
	padding-bottom: 2px;
	vertical-align: middle;
}
.indent_01 {
	display: block;
	margin: 10px 0 0 18px;
	text-indent: -18px;
}
.indent_02 {
	display: block;
	margin: 10px 0 0 16px;
	text-indent: -16px;
}

.clearfix:before,
.clearfix:after {
		content: " ";
		display: table;
}
.clearfix:after {
		clear: both;
}
.clearfix {
		*zoom: 1;
}
.txt_l {
	text-align: left;
}

.txt_c {
	text-align: center;
}

.txt_r {
	text-align: right;
}
.mincho {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Arial, Helvetica, sans-serif;	
}
.pagetop {
	position: fixed;
	right: 20px;
	bottom: 50px;
	z-index: 100;
}

.share-table {
/* 	background-color: #fff; */
	display: table;
	table-layout: auto;
	width: 100%;
	margin: 0 auto;
	max-width: 1200px;
	padding: 10px 0;
}
.contents {
	display: table;
	table-layout: auto;
	width: 100%;
	margin: 0 auto 0;
	max-width: 1200px;
	padding: 0;
}
.layout-fixed {
	table-layout: fixed !important;
}
.nav-fixed {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 300;
}
.obj-fit {
	object-fit: cover;
	font-family: 'object-fit: cover;'
}
.no-list {
	width: 100%;
	margin: 200px auto;
	font-size: 2.4rem;
	text-align: center;
}
.hidden-list {
	display: none !important;
}
.hidden-list2 {
	display: none !important;
}


.more {
	width: 100%;
	margin: 0 auto 80px;
	text-align: center;
	padding: 0;
}
.more-btn {
	display: inline-block;
	float: right;
	margin: 10px 0 0;
	padding: 3px 20px;
	text-decoration: none;
	color: rgba(0, 0, 0, 0.6);
	border: solid 1px #000;
}

.more-btn:hover {
	background: #fff;
	transition: all 0.3s;
}

.button-link {
		color: #676767;
		font-size: 36px;
		font-weight: bold;
		text-decoration: none ;
		float: right;
}
.button-link:hover {
		cursor: pointer;
		color: #f00 ;
}

/* パンくず */
.breadcrumbs {
	margin: 0 0 10px 0;
}
.breadcrumbs li {
	display: inline-block;
	font-size: 11px;
}
.breadcrumbs li a {
	padding-left: 5px;
	color: #999;
}

#breadcrumb ul {
		margin: 0 0 10px 10px;
}
#breadcrumb ul li {
		color: #999;
		display: inline;
		font-size: 10px;
		list-style: none;
		margin-right: 5px;
}
#breadcrumb ul li a {
		color: #999;
}



/* ~~ layout ~~ */
#outer {
	background-color: #eee;
	overflow-x: hidden;
	max-width: 100%;
	width: 100%;
	height: auto;
}

#container {
	margin: 0px auto;
	text-align: left;
	background-color: #fff;
	width: 100%;
	position: relative;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

#container.open {
	overflow: hidden;
	height: 100vh;

	-moz-transform: translate3d(-280px, 0, 0);
	-webkit-transform: translate3d(-280px, 0, 0);
	transform: translate3d(-280px, 0, 0);
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

#drawer.open {

	-moz-transform: translate3d(-280px, 0, 0);
	-webkit-transform: translate3d(-280px, 0, 0);
	transform: translate3d(-280px, 0, 0);
	-moz-transition: transform .5s ease-in-out;
	-webkit-transition: transform .5s ease-in-out;
	transition: transform .5s ease-in-out;
}

/* header */

#header {
	background-color: #fff;
	border-top: 10px solid #d1c4b2;	
/* 	box-shadow: 2px 2px 6px 0px rgb(228, 228, 228); */
	width: 100%;
	margin: 0 auto;
}

#header .logo-box {
	padding: 15px 10px 15px;
	text-align: center;
}


#header .logo-box img {
	vertical-align: middle;
	width: 200px;
}

.logo-box h1,
.logo-box p {
	color: #525252; 	
	display: inline-block;	
	font-size: 18px;
	font-weight: normal;	
	height: 1px;
	margin-top: 15px;
	padding: 15px 12px 15px;	
	position: relative;
	
		
}
.logo-box h1::before,
.logo-box p::before  {
	content: "";
	background-image: linear-gradient(to right, #cfcfcf, #cfcfcf 20px, transparent 20px, transparent 25px);
	background-size: 25px 2px;
	background-repeat: repeat-x;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.logo-box h1 span,
.logo-box p span {
	margin-left: 10px;
}

.header-right {
	position: absolute;
	top: 20px;
	right: 10px;
	text-align: right;
}
.header-right .cart-box {
	float: right;
	position: relative;	
	width: 40px;
}
.header-right .cart-box span {
	color: #231f20;
	display: block;
	font-family: 'Quicksand', sans-serif;
	font-size: 11px;
	line-height: 1.5;
	text-align: center;
}
.header-right .cart-box img {
	height: 35.69px;
	width: 40px;
}
.header-right .cart-box p {
	color: #fff;
	font-size: 12px;
	position: absolute;
	top: 9px;
	left: 17px;
}

.header-right .form-box {
	margin: 3px 0 10px;
}
	
.searchform {
	position: relative;
} 
.searchfield {
	border: 1px solid #231f20;	
	border-radius: 5px;		
	font-size: 14px;
	height: 28px;
	width: 200px;
	margin-right: 0;
	padding: 5px;
	background-color: unset;
}
.searchsubmit {
	font-family: FontAwesome;
	font-size: 16px;
	position: absolute;
	top: 4px;
	right: 3%;
	margin-top: 0;
	padding: 0;
	cursor: pointer;
	color: #231f20;
	border: none;
	background: transparent;
	width: 20px;
}

.searchsubmit:hover {
	opacity: .6;
}


.toolbar {
	display: none;
}



.nav-box {
	background-color: #f8f1e9;
	margin: 5px 0 0;
	padding: 15px 0;
}

.nav-box .menu-box {
	display: inline-block;
	text-align: center;
	width: 19.5%;
}
.nav-box .menu-box .text-box {
	display: inline-block;
}
.nav-box .menu-box .text-box span {
	color: #776a6a;
	display: block;
	font-family: 'Quicksand', sans-serif;	
	font-size: 14px;
}
.nav-box .menu-box .img-box {
	display: inline-block;	
	margin-left: 0;	
}

.nav-box .menu-box:nth-of-type(4) .img-box  {
	margin-left: -5px;	
}
.nav-box .menu-box .img-box img {
	vertical-align: baseline;
	width: 45px;
}


/* side */
#drawer {
	position: fixed;
	top: 0;
	right: -280px;
	bottom: 0;
	width: 280px;
	height: auto;
	float: none;
	background-color: #fff;
	overflow-y: auto;
	margin: 0 auto;
	z-index: 100;
	-webkit-overflow-scrolling: touch;
		-moz-box-shadow: rgba(0, 0, 0, 0.3) 2px 0px 5px inset;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 2px 0px 5px inset;
	box-shadow: rgba(0, 0, 0, 0.3) 2px 0px 5px inset;
	/* ios用 */
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}


#side {
	display: table-cell;
	width: 21.666%;
	margin: 47px auto 100px;
	padding: 30px 0 0;
	float: right;
}


.marker {
	border-bottom: solid 3px #EAC117;	
}


.side h3 {
	border: 2px solid #EAC117;
	color: #EAC117;
	font-size: 20px;
	font-weight: normal;
	margin: 0 0 10px;
	padding: 15px;
	text-align: center;
}


.side a h3:hover {
	background-color: #EAC117;
	color: #fff;
	transition:all .5s ease-out;	  	
}


.side .member-box a {
	float: left;
	width: 49%;
}
.side .member-box a:last-child {
	float: right;
	width: 49%;
}

.side .register-box {
	background-color: #EAC117;
	border-radius: 30px;
	color: #fff;
	font-size: 14px;
	margin: 0 0 10px;
	padding: 7px 5px;	
	text-align: center;
}
.side .register-box a {
	color: #525252;	
}
.side .account-box {
	background-color: #d1c4b2;
	border-radius: 30px;
	color: #fff;
	font-size: 14px;
	margin: 0 0 10px;
	padding: 7px 3px;	
	text-align: center;
}
.side .account-box a {
	color: #525252;	
}



.side .login-box {
	border: 1px solid #525252;
	border-radius: 30px;
	margin: 0 0 20px;			
/* 	padding: 11px 10px; */
	padding: 6px 10px;	
	text-align: center;
}



/* カテゴリー */
.category-box {
	margin: 0 auto 120px;
}

.cat-menu a {
	display: inline-block;
	width: 100%;
}
.category-box .cat-menu img {
	display: inline;
	margin-right: 14px;	
	width: 6px;
}
.category02-box {
	margin: 43px auto 50px;
}
.category02-box h3 {
	line-height: 1.2;
}
.category02-box h3 span {
	font-family: 'Quicksand', sans-serif;
	font-size: 16px;	
}
.category02-box .cat-menu img {
	display: inline;
	margin-right: 14px;	
	width: 30px;
}
.category02-box .request-box {
	background-color: #EAC117;
	border-radius: 10px;
	color: #fff;
	margin: 50px 0 20px;
	padding: 8px 8px;
	text-align: center;
}
.category02-box h4 {
	font-family: 'Quicksand', sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.5;
	margin: 0;
	padding: 10px 0;
	border: 2px dotted #fff;	
}
.category02-box h4 span {
	font-size: 20px;
	margin-right: 3px;
}
.cat-menu a:hover {
	background-color: #f8f1e9;
}
.cat-menu li {
	font-size: 18px;
}
.cat-menu > li {
	border-bottom: 1px dotted #525252;
}
.cat-menu > li > a {
	padding: 16px;
}
.cat-menu > li > p {
	padding: 16px 16px 0;
}
.cat-menu > li > ul {
	margin: 0 0 16px 0;
}

.cat-menu > li > ul > li > a {
	margin: 0;
	padding: 14px 3px 14px 16px;
	font-size: 16px;
}
.cat-menu > li > ul > li >a::before {
	content: '\f105';
	font-family: 'FontAwesome';
	font-size: 16px;
	padding-right: 10px;
}
.cat-menu > li > ul > li > a span {
	font-size: 13px;
}

.cat-menu02 {
	list-style: inside;
	padding: 10px 15px;
}
.cat-menu02 > li {
	font-size: 14px;
	padding: 5px 0;
}


/*  content  */
.main-contents {
	display: table-cell;
	margin: 30px auto 30px;
	width: 75.833%;
	float: left;
}


/* トップページ */
.contents-inner {
	margin: 0 auto 40px;
	width: 100%;
	max-width: 910px;
	overflow: hidden;
}
.contents-inner h2 {
	color: #525252;	
	font-family: 'Quicksand', sans-serif;    
	font-size: 32px;
	font-weight: normal;
	letter-spacing: 2px;
	margin: 0 auto 30px;        
	text-align: center;

}

.contents-box .item_name {
	margin: 10px auto 0;
	color: #525252;
}
.contents-box .item_price {
	margin: 0 auto;
	color: #525252;
}
.contents-box li {
	border: 1px solid #ccc;
/* 	background-color: #f7f2ee; */
	display: block;
	float: left;
	width: 48.9%;
	padding: 0;
	position: relative;
	margin: 0 1.1% 50px 0;
	text-align: center;
	box-sizing: border-box;
}
.contents-box li:nth-child(2n) {
	margin: 0 0 50px 1.1%;
}
.contents-box .img-box {
	float: right;
	width: 56%;
	margin: 2%;
}
.contents-box .img-box img {
	border-radius: 10px;
	width: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover;'
}
.contents-box p > img {
	height: unset !important;
}
.contents-box .text-box {
	float: left;
	font-size: 18px;
	width: 40%;
	position: absolute;
	top: 50%;
	left: 21%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);	
}




/* 商品名・価格・簡易説明 */
.item_name {
	text-align: center;
}
.item_name img {
	height: unset !important;
}	
.history-unit .item_name {
	line-height: 1.2;
}
.s_expl {
	font-size: 12px;
	margin: 10px 0;
}
.item_price {
	text-align: center;
}
.item_regular_price {
	text-align: center;
}
.item_price_discount {
	color: #525252;
	display: block;
	font-weight: normal;
	text-align: center;
}
.item_discount_rate {
	color: #960721;
	display: block;
	font-weight: normal;
	text-align: center;
}
.item_soldout {
	color: #000;
	font-weight: bold;
	text-align: center;	
}


.wrapper-rank_box {
	position: relative;
	width: 100%;
}
.rank_box {
	width: 40px;
	height: 40px;
	color: #fff;
	font-size: 12px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	vertical-align: middle;
	padding-top: 5px;
}

.ranking {
	position: absolute;
	display: block;
	z-index: 5;
}


.rank_box_color_1 {
	background-color: #b8a653;
	opacity: 0.9;  	
}
.rank_box_color_2 {
	background-color: #b3b0a4;
	opacity: 0.9;  	
}
.rank_box_color_3 {
	background-color: #9f746b;
	opacity: 0.9;  	
}
.rank_box_color_4, .rank_box_color_5, 
.rank_box_color_6, .rank_box_color_7,
.rank_box_color_8, .rank_box_color_9 {
	background-color: #5e5e5e;
	opacity: 0.9;  	
}

.banner-box {
	text-align: center;
}
.banner-box img {
	margin-bottom: 30px !important;
}
h3.banner {
	background-color: #faf8f5;	
	color: #525252;
	font-size: 28px;
	font-weight: 100;	
	letter-spacing: 2px;
	line-height: 1.4;
	margin: 50px 0 30px;	
	padding: 20px 20px;
	text-align: center;
}
h3.banner_02 {
	background-color: #fff;
/* 	border: 1px solid #ccc; */
	color: #525252;
	font-size: 28px;
	font-weight: 100;	
	letter-spacing: 2px;
	line-height: 1.4;
	margin-bottom: 0;		
	padding: 20px 20px;
	text-align: center;
}





/* 最近チェックした商品 お気に入り */
.check-box {
	margin: 100px auto;
	width: 100%;
}
.check-box h2 {
	font-size: 24px;
	margin: 0;
	padding: 10px;
	letter-spacing: .1em;
}
.check-box li {
	display: table-cell;
	width: 32%;
	padding-right: 2%;
	float: left;
	font-size: 14px;
	margin: 0 auto 30px;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
.check-box li:nth-of-type(3),
.check-box li:nth-of-type(6),
.check-box li:nth-of-type(9), 
.check-box li:nth-of-type(12)
.check-box li:nth-of-type(15) {
	padding-right: 0;
}
.check-box li:nth-of-type(3n+1) {
	clear: both;
}
.check-box img {
	width: 100%;
	margin-bottom: 5px;
/* 	max-height: 116px; */
	object-fit: cover;
	font-family: 'object-fit: cover;'
}


/* footer */

.footer {
	background-color: #fff;
	clear: both;
	width: 100%;
	margin: 0 auto;
	padding: 0;

}
.footer a {
	color: #525252;
}
.footer .insta-logo {
	margin: 80px 10px 10px;
	max-width: 1200px;
	text-align: right;
}
.footer .insta-logo img {
	width: 256px;
}
.footer .insta-box {
	background-color: #faf8f5;
	margin: 0 auto;
	width: 100%;
	text-align: center;
	padding: 25px 0;
}	

.footer ul {
	background-color: #eee;
	margin-top: 40px;
	padding: 40px 0 10px;
	text-align: center;
}

.footer li {
	display: inline;
	font-size: 12px;
	margin: 0 1.375%;
}
.footer address {
	background-color: #eeeeee;
	color: #575757;
	font-size: 12px;
	margin-bottom: 0;
	padding: 15px 0;
	text-align: center;
	height: 50px;
	letter-spacing: .1em;
}




/* table 商品ページ prod-detail */
.prod-detail .size table th {
	background: #eee;
	border: #dcdcdc solid 1px;
	padding: 12px 20px;
	text-align: center;
}    
		
.prod-detail .size table td {
	border-right: #eee 1px solid;
	border-bottom: #dcdcdc solid 1px;  
	font-size: 12px;  
	text-align: center;
	padding: 12px 20px;
}	


/* 特定商 */
.tokutei {
	margin: 0 10px 50px;	
}
.tokutei h2 {
	margin: 20px 0 30px;
	padding: 0 0 0 5px;
	text-align: center;
	font-size: 24px;
	color: #525252;
}
.tokutei table {
	text-align:left;
}
.tokutei table a {
	text-decoration: underline;
}
.tokutei  table tr {
	border-bottom: 1px dotted #ccc;
}
.tokutei table th {
	font-weight: normal;
	padding: 30px 10px 30px;	
	width: 30%;
}
.tokutei  table td {
	padding: 30px 10px 30px;
	width: 70%;
}

/* フリーページ */
.freepage {
	margin: 0 0 50px;	
}

.freepage table {
	text-align:left;
}
.freepage table a {
	text-decoration: underline;
}
.freepage table th {
	background-color: #fbf7f5;	
	font-weight: normal;
	padding: 30px 10px 30px;	
	width: 30%;
}
.freepage table th span.free01 {
	font-size: 20px;
} 
.freepage table tr {
	border-bottom: 1px dotted #ccc;
}
.freepage table td {
	padding: 30px 10px 30px;
	width: 70%;
}
.freepage table td p {
	color: #960721;
	font-size: 16px;
	border: 1px dotted #960721;
	padding: 10px 10px 20px;
}
.freepage table td p a {
	color: #960721;	
}
.freepage h2 {
	margin: 29px 0 30px;
	padding: 0 0 0 5px;
	text-align: center;
	font-size: 24px;
	color: #525252;
/* 	border-bottom: 1px solid #525252; */
}	
.freepage h3.free01 {
	border-bottom: 1px solid #525252;
	font-size: 20px;
	font-weight: normal;
	padding-bottom: 15px;	
}
.freepage h4.free01 {
/* 	background-color: #c7beba; */
	background-color: #f8f1e9;		
	color: #525252;
	text-align: center;
	font-size: 20px;
	font-weight: normal;		
	margin-bottom: 0;
	padding: 35px 10px;
}
.freepage .number {
	font-size: 38px;
	font-weight: normal;	
	margin-right: 10px;
}

.freepage .highlight {
	background: linear-gradient(transparent 70%, #ddf1f9 70%);	
}
.freepage .bgcolor {
	background-color: #eee;
	padding: 10px 15px; 
}
.freepage p.question {
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
	text-indent: -42px;
	padding: 0 0 10px 42px;
}
.freepage p.question span {
	color: #231815;
	font-size: 24px;
	margin-right: 10px;	
}
.freepage p.answer {
	margin-bottom: 20px;
	padding: 0 0 0 22px;
	text-indent: -22px;
}
.freepage p.answer span {
	color: #960721;
	font-size: 20px;
	margin-right: 10px;	
}

.freepage #qa1, .freepage #qa2,
.freepage #qa4 {
	margin-top: -50px;
	padding-top: 50px;
}



h3.bg_gray {
	background-color: #eee;	
	margin: 0 0 50px;
	padding: 10px;	
}

.mar_b_30 {
	margin-bottom: 30px !important;
}


/* マップ */
.map-box iframe {
	width: 100%;
	height: 500px;
	margin: 50px auto;
}




@media (max-width: 520px) {
		/* ~520px */  	

	.freepage .number {
		font-size: 24px;
		margin-right: 10px;
	}	
	h3.bg_gray {
		background-color: #eee;
		font-size: 14px;
		margin: 0 0 50px;
		padding: 10px;	
	}	
}



@media (max-width: 1200px) {
	/* ~1200px */
	.contents {
		display: table;
		table-layout: auto;
		width: 100%;
		margin: 0 auto 0;
		max-width: 1200px;
		padding: 0 10px;
	}	
}

@media (max-width: 1100px) {
	/* ~1100px */
	.side .account-box {
		font-size: 13px;
	}	
	
}
@media (max-width: 1020px) {
	/* ~1020px */
	.category02-box h4 {
		font-size: 14px;
		line-height: 1.5;
		padding: 10px 0;
	}
	.category02-box h4 span {
		font-size: 18px;
		margin-right: 3px;
	}
}
@media (max-width: 980px) {

	/* ~980px */
	#base_gmoWrapp,
	#gmo_CMSPbar {
		overflow: hidden;
		min-width: 100% !important;
		width: 100% !important;
	}
	.contents-box p {
		font-size: 15px;
		line-height: 1.7;	  
	}
	.side .account-box {
		font-size: 11px;
	}

}
@media (max-width: 900px) {
		/* ~900px */
	.contents-box p {
		font-size: 14px;
		letter-spacing: -1px;
		line-height: 1.7;
	}
	.category02-box h4 {
		font-size: 13px;
		line-height: 1.5;
		padding: 10px 0;
	}
	.category02-box h4 span {
		font-size: 17px;
		margin-right: 3px;
	}

}

@media (max-width: 850px) {
	/* ~850px */
	.side .account-box {
		font-size: 10px;
	}
	.category02-box h4 {
		font-size: 12px;
	}
	
	.nav-box {
		background-color: #f8f1e9;
		margin: 5px 0 0;
		padding: 15px 0;
	}
	.nav-box .menu-box .text-box {
		font-size: 14px;
	}
	.nav-box .menu-box .text-box span {
		font-size: 13px;
	}
	.contents-box p {
		font-size: 13px;
		letter-spacing: -1.5px;
	}
}

@media (max-width: 768px) {
		/* ~768px */
	body {
		font-size: 16px;
	}
	.visible-phone {
		display: block !important;
	}	
	

	.toolbar {
		display: block;
		margin: 0;
		padding: 0;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 50px;
		z-index: 500;
		background-color: #faf8f5;
		color: rgba(0,0,0,.5);
		box-shadow: 0 8px 8px -6px rgba(0, 0, 0, .6);
	}

	.toolbar .inner {
		position: relative;
		width: 100%;
	}



	.toolbar .form-box {
		float: left;
		margin: 14px 10px;
		position: absolute;
/*
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);	
*/	
	}
	
	.searchfield {
		border: 1px solid #231f20;	
		border-radius: 5px;		
		font-size: 14px;
		height: 20px;
		width: 200px;
		margin-right: 0;
		padding: 5px;
		background-color: unset;
	}
	.searchsubmit {
		font-family: FontAwesome;
		font-size: 13px;
		position: absolute;
		top: 0;
		right: 3%;
		margin-top: 0;
		padding: 0;
		cursor: pointer;
		color: #231f20;
		border: none;
		background: transparent;
		width: 20px;
	}

	.toolbar .icon-box {
		float: right;
	}
	.toolbar .cart-box {
		display: inline-block;
		margin: 8px 5px;
		position: relative;
/*     width: 20%; */
	}
	.toolbar .cart-box span {
		color: #231f20;
		display: block;
		font-family: 'Quicksand', sans-serif;		  
		font-size: 9px;
		line-height: 1.5;	  
		text-align: center;
	}
	.toolbar .cart-box img {
		max-height: 25px;
	}
	.toolbar .cart-box p {
		color: #fff;
		font-size: 10px;
		position: absolute;
		top: 2px;
		left: 11px;
	}


	
	.toolbar .menu-box {
		display: inline-block;
		margin: 11px 10px;
	}

	.toolbar .menu-box:hover {
		opacity: .8;
	}
	.toolbar .menu-box span {
		color: #231f20;	  
		display: block;
		font-family: 'Quicksand', sans-serif;
		font-size: 9px;
		line-height: 2.2;
		text-align: center;	  
	}
	.toolbar .menu-box img {
		max-height: 19px;
	}	
	

	.nav-box {
		background-color: #f8f1e9;
		margin: 5px 0 10px;
		padding: 5px 0 0;
	}
	.nav-box .menu-box {
		display: inline-block;
		text-align: center;
		width: 18.8%;
	}
	.nav-box .menu-box .text-box {
		display: block;
		font-size: 13px;
		line-height: 2.2;
	}
	.nav-box .menu-box .img-box {
		display: block;	
		margin-left: 0;	
	}
	.nav-box .menu-box:nth-of-type(1) .img-box  {
		margin-left: 0;	
	}
	.nav-box .menu-box .img-box img {
		vertical-align: baseline;
		width: 45px;
	}  
	 
			
	
	#container {
		width: 100%;
	}
	.contents {
		margin: 0 auto 0;
		padding: 0;		
	}

	.main-contents {
		display: block;
		margin: 0 auto;
		width: 100%;
		padding: 0 10px;    
		float: none;
	}
	#header {
		height: 229px;
	}
	.header {
		padding-bottom: 0 !important;
		padding-top: 45px;
	}

	#header	.logo-box h1{
		display: inline-block;
		font-size: 16px;	
		height: 1px;
		margin-top: 15px;
		padding: 8px 12px 15px;	
		position: relative;  
	}
	#header	.logo-box h1::before {
		content: "";
		background-image: linear-gradient(to right, #cfcfcf, #cfcfcf 20px, transparent 20px, transparent 25px);
		background-size: 25px 2px;
		background-repeat: repeat-x;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	#header	.logo-box h1 span {
		margin-left: 10px;
	}
	#header .logo-box {
		padding: 0 10px 0;
		text-align: center;
	}
	
	#header .logo-box p {
		font-size: 16px;
		margin: 0;  
	}	
	#header .logo-box img {
		margin: 0 0 10px;
		width: 180px;
	}


	/* side */
	#side {
		display: none;
	}
	
	 
	#drawer {
		margin: 0 0 50px;
		padding: 70px 10px;

	}
	
	#drawer .category-box {
		margin-bottom: 50px;
	}	
	
	.side .register-box {
		font-size: 14px;
	}
	.side .account-box {
		font-size: 14px;
	} 

	.side h3 {
		border: 2px solid #EAC117;
		color: #EAC117;
		font-size: 20px;
		font-weight: normal;
		margin: 0 0 10px;
		padding: 12px;
		text-align: center;
	}	

	.cat-menu > li > a {
		padding: 12px;
	}		
	.cat-menu > li > ul > li > a {
		margin: 0;
		padding: 10px 3px 10px 16px;
		font-size: 16px;
	}
	.category02-box h4 {
		font-family: 'Quicksand', sans-serif;
		font-size: 16px;
		font-weight: normal;
		line-height: 1.5;
		margin: 0;
		padding: 10px 0;
		border: 2px dotted #fff;	
	}
	.category02-box h4 span {
		font-size: 20px;
		margin-right: 3px;
	}
	
	.contents-box li {
		border: 1px solid #ccc;
	/* 	background-color: #f7f2ee; */
		display: block;
		float: left;
		width: 100%;
		padding: 0;
		position: relative;
		margin: 0 0 50px 0;
		text-align: center;
		box-sizing: border-box;
	}
	.contents-box li:nth-child(2n) {
		margin: 0 0 50px 0;
	}

	h3.banner {
		background-color: #faf8f5;	
		color: #525252;
		font-size: 24px;
		font-weight: 100;	
		letter-spacing: 2px;
		line-height: 1.4;
		margin: 50px 0 30px;	
		padding: 20px 20px;
		text-align: center;
	}
	h3.banner_02 {
		background-color: #fff;
	/* 	border: 1px solid #ccc; */
		color: #525252;
		font-size: 24px;
		font-weight: 100;	
		letter-spacing: 2px;
		line-height: 1.4;
		margin-bottom: 0;		
		padding: 20px 20px;
		text-align: center;
	}

	.footer {
		width: 100%;
		margin: 0 auto;
		padding: 0;
		background-color: #fff;
	}
	.footer .insta-logo {
		text-align: center;		
	}		
	.footer .insta-box {
		padding: 25px 15px;		
	}	
	.footer .insta-box .visible-phone {
		display: block !important;	
	}
	
	.footer ul {
		background-color: #eee;
		margin-top: 40px;
		padding: 1px 0 10px;
		text-align: center;
	}
	.footer li {
		border-bottom: 1px solid #fff;
		display: block;
		font-size: 14px;
		margin: 15px auto;
		padding: 0 0 15px;
	}
	.footer address {
		background-color: #eeeeee;
		color: #575757;
		font-size: 12px;
		margin-bottom: 0;
		padding: 15px 0;
		text-align: center;
		height: 50px;
		letter-spacing: .1em;
	}

	/* 特定商 */
	.tokutei {
		margin: 0 10px 50px;	
	}
	.tokutei h2 {
		margin: 20px 0 30px;
		padding: 0 0 0 5px;
		text-align: center;
		font-size: 20px;
		color: #525252;
	}
	.tokutei table {
		text-align:left;
	}
	.tokutei table a {
		text-decoration: underline;
	}
	.tokutei  table tr {
		border-bottom: none;
	}
	.tokutei table th {
		background-color: #faf8f5;
		display: block;
		font-weight: normal;
		padding: 5px;
		width: 100%;
	}
	.tokutei  table td {
		display: block;		
		padding: 5px;
		width: 100%;
	}


	/* フリーページ */
	.freepage {
		margin: 0 0 50px;	
	}
	.freepage h4.free01	{
		margin-bottom: 15px;
	}
	.freepage table {
		text-align:left;
	}
	.freepage table a {
		text-decoration: underline;
	}
	.freepage table th {
		background-color: #fbf7f5;
		display: block;
		font-weight: normal;
		padding: 30px 10px 30px;	
		width: 100%;
	}
	.freepage table th span.free01 {
		font-size: 20px;
	} 
	.freepage table tr {
		border-bottom: none;
	}
	.freepage table td {
		display: block;
		padding: 30px 10px 30px;
		width: 100%;
	}
	.freepage #qa1, .freepage #qa2,
	.freepage #qa4 {
		margin-top: -70px;
		padding-top: 70px;
	}

	.contents-box p {
		font-size: 15px;
		letter-spacing: 0;
	}


}

@media (max-width: 620px) {
	/* ~620px */



}



@media (max-width: 560px) {
		/* ~560px */
	.nav-box {
		background-color: #f8f1e9;
		margin: 5px 0 10px;
		padding: 5px 0 0;
	}
	.nav-box .menu-box .text-box {
		font-size: 12px;
	}
	.nav-box .menu-box .img-box img {
		width: 40px;
	}   	
}

@media (max-width: 480px) {
		/* ~480px */
	.nav-box {
		background-color: #f8f1e9;
		margin: 5px 0 10px;
		padding: 5px 0 0;
	}
	.nav-box .menu-box .text-box {
		font-size: 11px;
	}
	.nav-box .menu-box .img-box img {
		width: 33px;
	}

	#header {
/* 		height: 250px; */
	}
	#header .logo-box img {
		margin-bottom: 0;		
		width: 150px;
	}		
	#header	.logo-box h1,
	#header	.logo-box p {
		display: inline-block;
		font-size: 16px;	
		height: 1px;
		line-height: 1.5;
		margin-top: 15px;
		padding: 10px 12px 15px;	
		position: relative;  
	}
	#header	.logo-box h1::before,
	#header	.logo-box p::before {
		content: "";
		background-image: linear-gradient(to right, #cfcfcf, #cfcfcf 20px, transparent 20px, transparent 25px);
		background-size: 25px 2px;
		background-repeat: repeat-x;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	#header	.logo-box h1 span,
	#header	.logo-box p span {
		display: block;
		margin-left: 0;
	}	 

	h3.banner {
		background-color: #faf8f5;	
		color: #525252;
		font-size: 18px;
		font-weight: 100;	
		letter-spacing: 2px;
		line-height: 1.4;
		margin: 20px 0 30px;	
		padding: 20px 20px;
		text-align: center;
	}
	h3.banner_02 {
		background-color: #fff;
	/* 	border: 1px solid #ccc; */
		color: #525252;
		font-size: 18px;
		font-weight: 100;	
		letter-spacing: 2px;
		line-height: 1.4;
		margin-bottom: 0;		
		padding: 20px 20px;
		text-align: center;
	}	


	/* 	最近チェックした商品 */

/*
	.check-box li {
		display: table-cell;
		width: 49%;
		padding-right: 2%;
		float: left;
		font-size: 14px;
		margin: 0 auto 20px;
		-webkit-box-sizing: content-box;
		box-sizing: content-box;
	}
	.check-box li:nth-of-type(2n) {
		padding-right: 0;
	}	
	.check-box li:nth-of-type(6n+1) {
		clear: both;
	}
	.check-box img {
		width: 100%;
		margin-bottom: 0;
		max-height: 235px;
		object-fit: cover;
		font-family: 'object-fit: cover;'
	}
	.check-box .item_name {
			margin: 10px auto 0;
			color: rgba(0,0,0,.8);
	}	
	.check-box .item_price {
			margin: 0 auto;
			color: rgba(0,0,0,.5);
	}
*/



}

@media (max-width: 420px) {
		/* ~420px */
	.nav-box {
		background-color: #f8f1e9;
		margin: 5px 0 10px;
		padding: 5px 0 0;
	}
	.nav-box .menu-box .text-box {
		font-size: 11px;
	}	
	.nav-box .menu-box .goods {
		font-size: 10px;
	}
	h3.banner {
		font-size: 18px;
		font-weight: 100;	
		letter-spacing: 1px;
		line-height: 1.4;
		margin: 20px 0 30px;	
		padding: 20px 20px;
		text-align: center;
	}		
	
}

@media (max-width: 380px) {
		/* ~380px */
	.nav-box {
		background-color: #f8f1e9;
		margin: 5px 0 10px;
		padding: 5px 0 0;
	}
	.nav-box .menu-box .text-box {
		font-size: 10px;
	}
	.nav-box .menu-box .goods {
		font-size: 9px;
	}	
	.nav-box .menu-box .img-box img {
		width: 30px;
	} 
	h3.banner {
		font-size: 17px;
		font-weight: 100;	
		letter-spacing: 1px;
		line-height: 1.4;
		margin: 50px 0 30px;	
		padding: 20px 20px;
		text-align: center;
	}
	.contents-box p {
		font-size: 14px;
	}					
}
@media (max-width: 360px) {
		/* ~360px */
	.nav-box {
		background-color: #f8f1e9;
		margin: 5px 0 10px;
		padding: 5px 0 0;
	}
	.nav-box .menu-box .text-box {
		font-size: 10px;
	}
	.nav-box .menu-box .goods {
		font-size: 9px;
	}	
	.nav-box .menu-box .img-box img {
		width: 28px;
	}
	h3.banner {
		font-size: 16px;
		font-weight: 100;	
		letter-spacing: 1px;
		line-height: 1.4;
		margin: 20px 0 30px;	
		padding: 20px 20px;
		text-align: center;
	}
	h3.banner_02 {
		font-size: 16px;
		font-weight: 100;	
		letter-spacing: 2px;
		line-height: 1.4;
		margin-bottom: 0;		
		padding: 20px 20px;
		text-align: center;
	}
	.contents-box p {
		font-size: 13px;
	}		 
}	  
@media (max-width: 340px) {
		/* ~340px */
	.nav-box .menu-box .text-box {
		font-size: 9px;
	}
	.nav-box .menu-box .goods {
		font-size: 8px;
	}		
	.nav-box .menu-box .img-box img {
		width: 26px;
	}
	h3.banner {
		font-size: 16px;
		font-weight: 100;	
		letter-spacing: 0px;
		line-height: 1.4;
		margin: 20px 0 30px;	
		padding: 20px 20px;
		text-align: center;
	}
	h3.banner_02 {
		font-size: 16px;
		font-weight: 100;	
		letter-spacing: 1px;
		line-height: 1.4;
		margin-bottom: 0;		
		padding: 20px 20px;
		text-align: center;
	}	
	.contents-box p {
		font-size: 12px;
		letter-spacing: -0.8px;
	}		
	/* ドロワー */
	#drawer {
		width: 280px;
	}

}
@media (max-width: 320px) {
		/* ~320px */

}

/* 商品一覧ページ */
.cg_freespace_01 {
	padding-bottom: 50px;
}

.cate_logo-box {
	margin-bottom: 50px;
}
.prod-list-box {
	box-sizing: border-box;
	margin: 0;
	padding: 0 10px;	
	width: 100%;
}
.prod-list-box h2 {
	color: #525252;
	font-size: 24px;
	font-weight: normal;
	margin: 50px 0 15px;
	padding: 0 0 15px 10px;
	border-bottom: 1px solid #525252;
}
.prod-list-box h2 > p {
	margin: 0 10px;
}
.sort-box {
	color: rgba(0,0,0,.6);	
	font-size: 13px;
	margin: 0 0 10px;
	padding: 0;
	text-align: right;

}
.sort-box a {
	color: rgba(0,0,0,.6);
}

.row-list-box .item_name {
	margin: 20px auto 0;
	color: rgba(0,0,0,.8);
}
.row-list-box .item_price {
	margin: 0 auto;
	color: rgba(0,0,0,.5);
}
.pagenation-box {
	clear: both;
	margin: 20px auto;
	text-align: center;
}
.pagenation-box ul li {
	display: inline-block;
}
.pagenation-box ul li span {
	display: inline-block;
	padding: 4px 12px 15px;
	color: rgba(0,0,0,.8);
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
}
@media (max-width: 768px) {
	/* ~768px */

}

@media (max-width: 480px) {
	/* ~480px */


}



/* ~~~~~~ boot ~~~~~~~ */
/* font */
.txt_l {
	text-align: left;
}

.txt_c {
	text-align: center;
}

.txt_r {
	text-align: right;
}

.txt_fwn {
	font-weight: normal;
}

.txt_fwb {
	font-weight: bold;
}

.txt_10 {
	font-size: 10px;
}

.txt_12 {
	font-size: 12px;
}

.txt_14 {
	font-size: 14px;
}

.txt_16 {
	font-size: 16px;
}

.txt_18 {
	font-size: 18px;
}

.txt_20 {
	font-size: 20px;
}

.txt_24 {
	font-size: 24px;
}

.txt_28 {
	font-size: 28px;
}

.txt_c_333 {
	color: #333;
}

/* background */
.bgc_gray {
	background-color: #f1f1f1;
}

/* margin */
.mar_auto {
	margin: 0 auto;
}

.mar_0 {
	margin: 0;
}

.mar_t_0 {
	margin-top: 0;
}

.mar_r_0 {
	margin-right: 0;
}

.mar_b_0 {
	margin-bottom: 0;
}

.mar_l_0 {
	margin-left: 0;
}

.mar_5 {
	margin: 5px;
}

.mar_t_5 {
	margin-top: 5px;
}

.mar_r_5 {
	margin-right: 5px;
}

.mar_b_5 {
	margin-bottom: 5px;
}

.mar_l_5 {
	margin-left: 5px;
}

.mar_t_10 {
	margin-top: 10px;
}

.mar_r_10 {
	margin-right: 10px;
}

.mar_b_10 {
	margin-bottom: 10px;
}

.mar_l_10 {
	margin-left: 10px;
}

.mar_t_20 {
	margin-top: 20px;
}

.mar_r_20 {
	margin-right: 20px;
}

.mar_b_20 {
	margin-bottom: 20px;
}

.mar_l_20 {
	margin-left: 20px;
}

.mar_t_30 {
	margin-top: 30px;
}

.mar_r_30 {
	margin-right: 30px;
}

.mar_b_30 {
	margin-bottom: 30px;
}

.mar_l_30 {
	margin-left: 30px;
}

.mar_t_50 {
	margin-top: 50px;
}

.mar_r_50 {
	margin-right: 50px;
}

.mar_b_50 {
	margin-bottom: 50px;
}

.mar_l_50 {
	margin-left: 50px;
}

/* padding */
.pad_v_10 {
	padding: 10px 0;
}

.pad_v_20 {
	padding: 20px 0;
}

.pad_v_30 {
	padding: 30px 0;
}

.pad_0 {
	padding: 0;
}

.pad_t_0 {
	padding-top: 0;
}

.pad_r_0 {
	padding-right: 0;
}

.pad_b_0 {
	padding-bottom: 0;
}

.pad_l_0 {
	padding-left: 0;
}

.pad_5 {
	padding: 5px;
}

.pad_t_5 {
	padding-top: 5px;
}

.pad_r_5 {
	padding-right: 5px;
}

.pad_b_5 {
	padding-bottom: 5px;
}

.pad_l_5 {
	padding-left: 5px;
}

.pad_10 {
	padding: 10px;
}

.pad_t_10 {
	padding-top: 10px;
}

.pad_r_10 {
	padding-right: 10px;
}

.pad_b_10 {
	padding-bottom: 10px;
}

.pad_l_10 {
	padding-left: 10px;
}

.pad_20 {
	padding: 20px;
}

.pad_t_20 {
	padding-top: 20px;
}

.pad_r_20 {
	padding-right: 20px;
}

.pad_b_20 {
	padding-bottom: 20px;
}

.pad_l_20 {
	padding-left: 20px;
}

.pad_30 {
	padding: 30px
}

.pad_t_30 {
	padding-top: 30px;
}

.pad_r_30 {
	padding-right: 30px;
}

.pad_b_30 {
	padding-bottom: 30px;
}

.pad_l_30 {
	padding-left: 30px;
}

/* border */
.bor_t_1 {
	border-top: 1px solid #eee;
}

.bor_r_1 {
	border-right: 1px solid #eee;
}

.bor_b_1 {
	border-bottom: 1px solid #eee;
}

.bor_l_1 {
	border-left: 1px solid #eee;
}

/* vertical align */
.va-10 {
	vertical-align: -10%;
}

.va-20 {
	vertical-align: -20%;
}

.va-30 {
	vertical-align: -30%;
}

.va-35 {
	vertical-align: -35%;
}

.va-40 {
	vertical-align: -40%;
}

/*
 * icons
 */
.icon-user {
	background-position: -208px 0px;
}

.icon-lg-b.icon-user {
	background-position: -312px 0px;
}

.icon-adduser {
	background-position: -240px 0px;
}

.icon-lg-b.icon-adduser {
	background-position: -360px 0px;
}

.icon-login {
	background-position: -48px -80px;
}

.icon-lg-b.icon-login {
	background-position: -72px -120px;
}

.icon-logout {
	background-position: -32px -80px;
}

.icon-lg-b.icon-logout {
	background-position: -48px -120px;
}

.icon-home {
	background-position: -176px -16px;
}

.icon-lg-b.icon-home {
	background-position: -264px -24px;
}

.icon-mail {
	background-position: -64px 0px;
}

.icon-lg-w.icon-mail {
	background-position: -96px 0px;
}

.icon-lg-b.icon-mail {
	background-position: -96px 0px;
}

.icon-pencil {
	background-position: -96px 0px;
}

.icon-lg-b.icon-pencil {
	background-position: -144px 0px;
}

.icon-help {
	background-position: -272px -80px;
}

.icon-lg-b.icon-help {
	background-position: -408px -120px;
}

.icon-cart {
	background-position: -176px -64px;
}

.icon-lg-b.icon-cart {
	background-position: -264px -96px;
}

.icon-search {
	background-position: -208px -16px;
}

.icon-lg-b.icon-search {
	background-position: -312px -24px;
}

.icon-chevron_up {
	background-position: -0px -144px;
}

.icon-lg-b.icon-chevron_up {
	background-position: -0px -216px;
}

.icon-chevron_down {
	background-position: -352px -128px;
}

.icon-lg-b.icon-chevron_down {
	background-position: -528px -192px;
}

.icon-b,
.icon-w {
	width: 16px;
	height: 16px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.icon-lg-b,
.icon-lg-w {
	width: 24px;
	height: 24px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.icon-b {
	background-image: url(http: //img.shop-pro.jp/tmpl_img/73/icon16_b.png); }

		.icon-w {
		background-image: url(http: //img.shop-pro.jp/tmpl_img/73/icon16_w.png); }

			.icon-lg-b {
			background-image: url(http: //img.shop-pro.jp/tmpl_img/73/icon24_b.png); }

				.icon-lg-w {
				background-image: url(http: //img.shop-pro.jp/tmpl_img/73/icon24_w.png); }

					@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {

					.icon-b,
					.icon-w {
						-webkit-background-size: 368px 320px;
						background-size: 368px 320px;
					}

					.icon-lg-b,
					.icon-lg-w {
						-webkit-background-size: 552px 480px;
						background-size: 552px 480px;
					}

					.icon-b {
						background-image: url(http: //img.shop-pro.jp/tmpl_img/73/icon16_2x_b.png); }

							.icon-w {
							background-image: url(http: //img.shop-pro.jp/tmpl_img/73/icon16_2x_w.png); }

								.icon-lg-b {
								background-image: url(http: //img.shop-pro.jp/tmpl_img/73/icon24_2x_b.png); }

									.icon-lg-w {
									background-image: url(http: //img.shop-pro.jp/tmpl_img/73/icon24_2x_w.png); }
								}

								@media (max-width: 768px) {
									.icon-b {
										background-image: url(http: //img.shop-pro.jp/tmpl_img/73/icon24_b.png); }

											.icon-w {
											background-image: url(http: //img.shop-pro.jp/tmpl_img/73/icon24_w.png); }
										}

										@media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 768px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (max-width: 768px) and (min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min-resolution: 192dpi), only screen and (max-width: 768px) and (min-resolution: 2dppx) {
											.icon-b {
												background-image: url(http: //img.shop-pro.jp/tmpl_img/73/icon24_2x_b.png); }

													.icon-w {
													background-image: url(http: //img.shop-pro.jp/tmpl_img/73/icon24_2x_w.png); }
												}