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

/* ************************************************************************ 
 *	
 *	投稿一覧
 *	
 * ************************************************************************ */
/* -------------------------投稿一覧------------------------- */
/* リンク */
@media print, screen and ( min-width : 896px ) {
	.top_voice_list li{
		width:46%;
		margin-right:3%;
		margin-bottom:2em;
	}
	.top_voice_list li:nth-child(2n){
		margin-right:0%;
	}
	.top_voice_list{
	}
	.top_voice_list .top_loop_thmb{
		width:140px;
		float:left;
	}
	.top_voice_list .top_loop_text{
		padding-left:160px;
	}
}
@media only screen and ( max-width : 896px ) {
	.post_list li{
		border-bottom:1px solid #d8d3d0;
		width:100%;
	}
	.post_list a{
		padding:1em 1.5em 1em 0em;
		position: relative;
	}
	.post_list a:before{
		content: "▼";
		display:inline-block;
		transform: rotate(-90deg);
		font-size:40%;
		position: absolute;
		top: 50%;
		right: 0%;
		color:#dfcf9e;
	}
	.post_list .top_loop_thmb{
		width:80px;
		float:left;
	}
	.post_list .top_loop_text{
		padding-left:90px;
	}
}
.product_list a,
.product_list a:hover,
.post_list a,
.post_list a:hover{
	color: #7d3e00;
}
/* タイトル */
.post_list h3{
	border:none;
	line-height:140%;
	color:#664927;
}
@media print, screen and ( min-width : 896px ) {
	.post_list h3{
		font-size:110%;
		margin-bottom:0.8em;
		border:none;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden; 
		height:2.3em;
	}

}
@media only screen and ( max-width : 896px ) {
	.post_list h3{
		font-size:100%;
	}
}
/* ページ */
/* 日付 */
.post_list .entry_days{
	font-weight:normal;
	font-size:100%;
	margin-bottom:0.5em;
	display:block;
	line-height:180%;
	font-family: 'Shippori Mincho', serif;
	letter-spacing:0.2em;
}
.bassui{
	font-size:80%;
	line-height:160%;
	color: #787878;
	letter-spacing:0em;
	margin-bottom:0em;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden; 
	max-height:3em;
}
.top_contents .bassui{
	line-height:150% !important;
}
.top_contents .top_voice .bassui{
	margin:0em !important;
}
.top_blog_more{
	background:#7f5430;
	display:inline-block;
	color:#fff;
	width:7em;
	font-size:70%;
	text-align:center;
	float:right;
	line-height:150%;
	padding:0.5em;
}
@media print, screen and ( min-width : 896px ) {
	/* 2カラム */
	.list_2col li{
		width:48%;
		float:left;
		margin-right:4%;
		margin-bottom:2em;
	}
	.list_2col li:nth-child(2n){
		margin-right:0%;
	}
	/* 3カラム */
	.list_3col li{
		width:32%;
		float:left;
		margin-right:2%;
		margin-bottom:2em;
	}
	.list_3col li:nth-of-type(3n){
		margin-right:0%;
	}
	/* 4カラム */
	.list_4col li{
		width:23.6%;
		float:left;
		margin-right:1.8%;
	}
	.list_4col li:nth-child(4n){
		margin-right:0%;
	}
}
@media only screen and ( max-width : 896px ) {
	.list_2col li,
	.list_3col li,
	.list_4col li{
		width:100%;
	}
	.list_2col li .top_loop_thmb,
	.list_3col li .top_loop_thmb,
	.list_4col li .top_loop_thmb{
		margin-bottom:0em;
	}




}

/* -------------------------ブログ（TOPページ）------------------------- */
@media print, screen and ( min-width : 896px ) {
	.top_blog_list .top_loop_thmb{
		width:150px;
		float:left;
	}
	.top_blog_list .top_loop_text{
		padding-left:170px;
	}
}
/* -------------------------ブログ　関連ブログ------------------------- */
.blog_list .bassui{
	display:none;
}
@media print, screen and ( min-width : 896px ) {
	.blog_list .top_loop_thmb{
		margin-bottom:1em;
	}
	.blog_list h3{
		font-size:90%;
		margin-bottom:0.2em;
		border:none;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden; 
		height:2.8em;
	}
	.blog_list .entry_days{
		font-size:80%;
	}


}



/* -------------------------商品一覧------------------------- */
.product_list a{
	display:block;
}
.product_list .top_loop_thmb{
	margin-bottom:0.8em !important;
	overflow:hidden;
	border:2px solid #fff;
}
.product_list a img{
	-webkit-transition: all .2s;
	transition: all .2s;
}
.product_list a:hover img{
	transform:scale(1.2,1.2);
}
.arcive_wrap .product_list li{
	margin-bottom:3em;
}
.arcive_wrap .product_list .top_loop_text{
	padding:0em 0.5em;
}

@media print, screen and ( min-width : 800px ) {
	.arcive_wrap .product_list li{
		width:32%;
		float:left;
		margin-right:2%;
		margin-bottom:3em;
	}
	.arcive_wrap .product_list li:nth-of-type(3n){
		margin-right:0%;
	}
}
@media ( max-width : 800px ) and ( min-width : 600px ) {
	.arcive_wrap .product_list li{
		width:48%;
		float:left;
		margin-right:4%;
	}
	.arcive_wrap .product_list li:nth-child(2n){
		margin-right:0%;
	}
}
@media only screen and ( max-width : 600px ) {
	.arcive_wrap .product_list li{
		width:100%;
		margin-bottom:1em;
		padding-bottom:1em;
		position: relative;
		border-bottom:1px solid #a9995e;
	}
	.arcive_wrap .product_list li .top_loop_thmb{
		width:100px;
		float:left;
	}
	.arcive_wrap .product_list li .top_loop_text{
		padding-left:115px;
	}
	.arcive_wrap .product_list .urikire_text,
	.arcive_wrap .product_list .loop_cart a{
	}
}
/* タイトル */
.product_list h3{
	font-weight:bold;
	border:none;
	font-size:110%;
	line-height:140%;
	color:#664927;
	margin-bottom:1em;
	border:none;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden; 
	height:2.7em;
}


/* ************************************************************************ 
 *	
 *	shop
 *	
 * ************************************************************************ */

/* -------------------------商品詳細------------------------- */

@media print, screen and ( min-width : 700px ) {
	.product_img{
		width:45%;
		float:left;
	}
	.product_text{
		width:50%;
		float:right;
	}
}
@media only screen and ( max-width : 700px ) {
	.product_img{
		margin:0em auto 2em auto;
	}
}
.product_img img{
	width:100%;
}
.product_text h2{
	font-weight:bold !important;
	border-bottom:2px solid #bdb09f;
	padding:0.5em 0em !important;
}
.product_comment{
	font-size:80%;
	line-height:180%;
	margin-bottom:3.5em;
	margin-top:-2em;
}
.single_productcat_link{
	border-top:1px solid #bdb09f;
	border-bottom:1px solid #bdb09f;
	padding:1em;
}
.product_text h2{
	padding-bottom:1em;
	margin-bottom:2em !important;
	font-size:110%;
	font-weight:normal;
}
.product_price{
	font-size:130%;
	color:#664927;
}
.single_product .product_price{
	margin-bottom:1em;
}
.product_price .price{
	color:#bc481d;
	font-size:120%;
}
.product_price .tax{
	font-size:80%;
}
ul.product_list .product_price{
	margin-bottom:1em;
	font-size:80%;
}
.top_pichkup ul.product_list .product_price{
	margin-bottom:1em;
	font-size:120%;
}
.product_cart{
	margin-bottom:1em;
}
.product_cart select{
	width:4em;
	line-height:80px !important;
}
.ngle_productcat_link{
	font-size:90%;
}
.genzairyou_table{
	font-size:90%;
	margin-bottom:2em;
}
.genzairyou_table td,
.genzairyou_table th{
	padding:0.5em;
	line-height:140%;
}
@media print, screen and ( min-width : 700px ) {
	.genzairyou_table{
		font-size:80%;
	}
}


.genzairyou_table th{
	width:6em;
}
.product_size{
	border:1px solid #af9574;
	padding:1em;
	font-size:80%;
	margin-bottom:2em;
}
.single_productcat_link{
	font-size:80%;
}

/* -------------------------商品ギャラリー------------------------- */
.product_gallery{
	background:#ebe6c0;
	padding:1em;
}
.product_gallery li{
	margin-right:1.2%;
}
.product_gallery li{
	width:18.5%;
	float:left;
	margin-right:1.8%;
	margin-bottom:1.8%;
}
.product_gallery li:nth-of-type(5n){
	margin-right:0%;
}
.product_gallery li a{
	display:block;
	padding:1px;
	background:#fff;
}

/* -------------------------商品一覧------------------------- */
.loop_cart a,
.urikire_text{
	background:#bc481d;
	padding:0.5em 0em;
	margin:0em;
	display:block;
	text-align:center;
	border-radius: 2px; 
	-webkit-border-radius:2px;
	-moz-border-radius: 2px;
}
.urikire_text{
	background:#ccc;
	color:#666;
	font-size:70%;
}
.loop_cart a{
	background:#837151;
	margin:0em;
	display:block;
	text-align:center;
	border-radius: 3px; 
	-webkit-border-radius:3px;
	-moz-border-radius: 3px;
	background:#f15a24;
	color:#fff;
	font-size:90%;
}
.loop_cart a:hover{
	text-decoration: none;
	color:#fff;
}
.loop_cart a:before{
	content: "▼";
	display:inline-block;
	transform: rotate(-90deg);
	font-size:40%;
	margin-right:0.8em;
	position: relative;
	top:-0.2em;
}

/* ************************************************************************ 
 *	
 *	top page
 *	
 * ************************************************************************ */
.top_mainimg{
	padding:0em !important;
	background: #f6f7d5;
}
.top_mainimg a img{
	opacity: 1;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.top_mainimg a:hover img{
	opacity: 0.6;
}
.slick-box{
	position: relative;
	margin:0px !important;
}

/* 前／次の矢印の設定 */
.slick_prev_link,
.slick_next_link{
	position: absolute;
	width:47px;
	height:47px;
	cursor: pointer;
	overflow:hidden;
	text-indent:-200%;
	z-index:2;
}
.slick_prev_link{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left:-460px;
	margin-top:-27px;
	background:url(images/top/slide_prev.png) 0% 0% no-repeat;
	-moz-background-size:100% 100%;
	background-size:100% 100%;
}
.slick_next_link{
	position: absolute;
	top: 50%;
	right: 50%;
	margin-right:-460px;
	margin-top:-27px;
	background:url(images/top/slide_next.png) 0% 0% no-repeat;
	-moz-background-size:100% 100%;
	background-size:100% 100%;
}
@media only screen and ( max-width : 1000px ) {
	.top_mainimg .slick_prev_link{
		position: absolute;
		top: 50%;
		left: 5%;
		margin-left:0px;
	}
	.top_mainimg .slick_next_link{
		position: absolute;
		top: 50%;
		right: 5%;
		margin-right:-0px;
	}
}
.top_pichkup .slick-box{
	padding:0 50px;
}
.top_pichkup li{
	padding:0em 0.5em;
}
@media only screen and ( max-width : 700px ) {
	.top_pichkup .slick-box{
	}
}
.top_pichkup .slick_prev_link,
.top_pichkup .slick_next_link{
	position: absolute;
	width:30px;
	height:30px;
}
.top_pichkup .slick_prev_link{
	position: absolute;
	top: 50%;
	left: -50px;
	margin-left:0px;
}
.top_pichkup .slick_next_link{
	position: absolute;
	top: 50%;
	right: -50px;
	margin-right:0px;
}

/* -------------------------top_news------------------------- */
.news_days,
.news_title{
	display:block;
	font-size:90%;
	line-height:150%;
}
.top_news ul{
	margin-bottom:1.5em;
}
.top_news li{
	border-bottom:1px solid #d8d3d0;
	padding-bottom:0.5em;
	margin-bottom:0.5em;
}

@media print, screen and ( min-width : 896px ) {
	.top_news .inner_block{
		max-width:750px;
	}
	.news_days{
		width:7em;
		float:left;
	}
	.news_title{
		padding-left:8em;
	}
	.news_days,
	.news_title{
		display:block;
	}
}


/* -------------------------top_about------------------------- */
.top_about{
	border-top:2px solid #f6db42;
	background:#fff url(images/top/top_about_bg.jpg) 100% 0% no-repeat;
	-moz-background-size:35% auto;
	background-size:35% auto;
	padding:4em 0em !important;
}
.top_about_inner h2{
	margin-bottom:30px;
}
@media print, screen and ( min-width : 600px ) {
	.top_about_inner h2{
		font-size:240%;
	}
}
@media only screen and ( max-width : 600px ) {
	.top_about_inner h2{
		font-size:150%;
	}
}
/* text */
.top_about_inner p{
	-webkit-transition: all .5s;
	transition: all .5s;
	line-height:200%;
	font-size:95%;
}
@media only screen and ( max-width : 1000px ) {
	.top_about_inner p br{
		display:none;
	}
}
/* レイアウト_____ */
.top_about_img{
	-webkit-transition: all .5s;
	transition: all .5s;
	z-index:-1;
}
.top_about_inner{
	padding:0em 230px;
	position: relative;
	z-index:1;
}
@media print, screen and ( min-width : 1250px ) {
	.top_about_img{
		position: absolute;
		top:2em;
		left:2%;
	}
	.top_about_inner{
		padding:0em 15%;
	}
}
@media ( max-width : 1250px ) and ( min-width : 1000px ) {
	.top_about_img{
		position: absolute;
		top:2em;
		left:-2%;
		width:20%;
	}
	.top_about_inner{
		padding:0em 15%;
	}
}
@media only screen and ( max-width : 1000px ) {
	.top_about_img{
		position: absolute;
		top:2em;
		left:-4%;
		width:19%;
	}
	.top_about_inner{
		padding:0em 16%;
	}
}
@media only screen and ( max-width : 600px ) {
	.top_about_img{
		position: absolute;
		top:-2.2em;
		left:0%;
		width:18%;
	}
	.top_about_inner{
		padding:0em 5%;
	}
}

/* -------------------------お客様の声------------------------- */
.top_voice h2{
	position: relative;
	z-index:2;
}
.top_voice h2:before{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0%;
	width: 100%;
	border-top:1px solid #d8d3d0;
	z-index:-2;
}
.top_voice h2:after{
	content: "";
	display: block;
	position: absolute;
	top: 0%;
	left: 50%;
	margin-left:-3.6em;
	width: 7em;
	height:100%;
	background: #fff;
	z-index:-1;
}
.top_voice:after{
	content: "";
	display: block;
	clear: both;
	background: #fff;
	position: absolute;
	top: 0em;
	bottom: 4em;
	right: 0;
	left: 0;
	width: 100%;
	z-index:-1;
}
.top_voice .customer-name{
	font-size:70%;
	color: #a16c44;
}
/* -------------------------SNS------------------------- */
.top_sns{
	padding-top:0em !important;
}
.top_fb,
.top_insta{
	border:1px solid #eae5bf;
	background:#fff;
	margin-bottom:1em;
}
.top_sns_inner{
	margin:0 auto;
	padding:2em 2em;
	overflow:hidden;
	font-size:80%;
	max-width:450px;
}
@media print, screen and ( min-width : 950px ) {
	.top_sns_inner{
		background:#fff;
		max-width:450px;
		min-height:400px;
	}
	.top_fb{
		width:48%;
		float:left;
	}
	.top_insta{
		width:48%;
		float:right;
	}
}
@media only screen and ( max-width : 500px ) {
	.top_sns_inner{
		max-width:450px;
		margin:0 auto;
	}
}
/* -------------------------ピックアップ------------------------- */
.top_pichkup{
	background:url(images/top/top_pickup_bg.png);
	padding:1.5em 0em !important;
}
.top_pichkup li h3{
	border-bottom:none;
}
/* -------------------------banner------------------------- */
.top_banner{
	padding-top:3em !important;
}
.top_banner_list li{
	margin-bottom:1em;
}
@media print, screen and ( min-width : 600px ) {
	.top_banner_list li{
		width:49%;
		float:left;
		margin-right:2%;
		margin-bottom:2.5%;
	}
	.top_banner_list li:nth-child(2n){
		margin-right:0%;
	}
}
@media only screen and ( max-width :600px ) {
	.top_banner_list li{
		margin-bottom:0.5em;
	}
	.top_banner_list li:last-child{
		margin-bottom:0em;
	}
}
.top_banner_list02 li{
	margin-bottom:2em;
}



/* ************************************************************************ 
 *	
 *	お客様の声
 *	
 * ************************************************************************ */
/* -------------------------商品ページの表示------------------------- */
.single_product_review{
	position: relative;
	font-size:90%;
}
.single_product_review:after{
	content: "";
	display: block;
	clear: both;
	background: #fff;
	border:1px solid #f5f2de;
	position: absolute;
	top: -1em;
	bottom: 2em;
	right: 0;
	left: 0;
	width: 100%;
	z-index:-1;
}
.single_product_review ul{
	padding:0em 1em;
}
.single_product_review li:first-child{
	border-top:1px solid #dcdcdc;
}
.single_product_review li{
	border-bottom:1px solid #dcdcdc;
	padding:1em;
}
.single_product_review .top_loop_thmb{
	width:60px;
	float:left;
}
.single_product_review .top_loop_thmb img{
	width:60px;
}
.single_product_review .top_loop_text{
	padding-left:70px;
}
.single_product_review .top_loop_text h3{
	margin-bottom:0.5em;
	font-weight:bold;
	font-size:110%;
}

/* ************************************************************************ 
 *	
 *	form
 *	
 * ************************************************************************ */
.page_post_list li{
	border-bottom:1px dashed #bb8b63;
	padding:1em 0em;
}
.page_post_list li:first-child{
	border-top:1px dashed #bb8b63;
}
.page_post_list .top_loop_thmb{
	float:left;
	width:200px;
}
.page_post_list .top_loop_text{
	padding-left:220px;
}
@media only screen and ( max-width : 896px ) {
	.page_post_list .top_loop_thmb{
		float:left;
		width:100px;
		margin-right:1em;
	}
	.page_post_list .top_loop_text{
		padding-left:120px;
	}
}
/* ************************************************************************ 
 *	
 *	form
 *	
 * ************************************************************************ */

/* = お電話でのお問い合わせは
=============================================== */


@media only screen and ( max-width : 600px ) {
	.contact_contents{
		padding:0em;
	}
}
.contact_page_tel{
	max-width:400px;
	margin:0em auto 3em auto;
	font-size:130%;
}
@media only screen and ( max-width : 896px ) {
	.contact_page_tel{
		font-size:110%;
	}
}

.contact_page_tel h4{
	text-align:center;
	margin-bottom:1em !important;
}
.contact_eigyou{
	text-align:center;
	font-size:70%;
	line-height:150%;
	display:block;
}
.tel_link{
	border-radius: 3px; 
	-webkit-border-radius:3px;
	-moz-border-radius: 3px;
	color:#f15a24 !important;
	font-size:130%;
	margin-bottom:0.5em;
	font-family: 'Shippori Mincho', serif;
	color:#754c24 !important;
}
.tel_link span{
	font-size:120%;
}
@media only screen and ( max-width : 800px ) {
	.tel_link{
		border-radius: 3px; 
		-webkit-border-radius:3px;
		-moz-border-radius: 3px;
		text-decoration: none;
		padding:0.2em 0em;
		font-size:110%;
		position: relative;
		border:1px solid #a47c52;
		position: relative;
	}
	.tel_link:before{
		content: "▼";
		display:inline-block;
		transform: rotate(-90deg);
		font-size:40%;
		margin-right:0.8em;
		position: relative;
		top:-0.2em;
	}
}
#form1 dt{
	position: relative;
}
.must{
	background:#f15a24;
	color:#fff;
	display:inline-block;
	padding:0.5em;
	font-size:60%;
	line-height:100%;
	margin-left:1em;
	position: relative;
	top:-0.2em;
	font-weight:normal;
	border-radius: 3px; 
	-webkit-border-radius:3px;
	-moz-border-radius: 3px;
}
#form1 dd{
	border-bottom:1px solid #d8cea9;
}
@media print, screen and ( min-width : 896px ) {
	#form1 dt{
		width:15.5em;
		float:left;
		padding-top:1.3em;
		padding-left:1em;
	}
	#form1 dd{
		padding:1em 0em 1em 17em;
	}
	#form1 dd:after{
		content: "";
		display: block;
		clear: both;
		height:0;
	}
}
@media only screen and ( max-width : 896px ) {
	#form1 dt{
		background:#b9996a;
		padding:0.3em 1em;
		color:#fff;
		font-size:90%;
	}
	#form1 dd{
		padding:1em 0.5em;
	}
}
#soushin{
	text-align:center;
	padding:1em;
	margin-bottom:2em;
}
.contact_information{
	padding:2em;
	background:#fcfcfc;
	font-size:90%;
	line-height:160%;
	text-align:center;
}
@media only screen and ( max-width : 896px ) {
	.contact_information{
		font-size:80%;
		line-height:160%;
	}
}
.mw_wp_form_confirm .contact_page_tel{
	display:block;
}
.send_message{
	padding:1.5em;
	border:1px solid #ccc;
}
.privacy{
	font-size:90%;
	line-height:150%;
}
.privacy p{
	margin-bottom:2.5em;
	line-height:160%;
}
.privacy ul{
	margin-bottom:2em;
	margin-left:1em;
	line-height:160%;
}