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

/* ************************************************************************ 
 *	
 *	投稿一覧
 *	
 * ************************************************************************ */
.img_left,
.img_right,
.movie_contents,
.voice_block,
.voive_videos_right,
.movie_contents ul,
.category_list li,
.kadomaru,
.top_banner li{
	border-radius: 4px; 
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	overflow:hidden;
}


/* -------------------------投稿一覧------------------------- */
/* リンク */
.arcive_wrap .post_list li{
	border-bottom:1px solid #c2a06a;
	width:100%;
}
.post_list a{
	padding:1em 3em 1em 0em;
	font-size:95%;
	display:block !important;
	background:url(images/common/icon_green.png) 100% 50% no-repeat;
	-moz-background-size:20px 20px;
	background-size:20px 20px;
}
@media only screen and ( max-width : 896px ) {
	.post_list a{
		background:url(images/common/icon_green.png) 100% 50% no-repeat;
		-moz-background-size:10px 10px;
		background-size:10px 10px;
	}
}
.post_list .top_loop_thmb{
	width:140px;
	float:left;
	border-radius: 3px; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	overflow:hidden;
}
.post_list .top_loop_text{
	padding-left:160px;
}
@media only screen and ( max-width : 896px ) {
	.post_list .top_loop_thmb{
		width:100px;
		float:left;
	}
	.post_list .top_loop_text{
		padding-left:110px;
	}
}
.post_list h3{
	border:none;
	margin-top:0em;
	margin-bottom:0.3em;
	letter-spacing:0em !important;
	font-weight:bold;
	font-size:100%;
	color: #493412;
	background:#fff;
	padding:0em;
}
.post_list h3:after{
	display:none;
}
@media print, screen and ( min-width : 896px ) {
	.post_list h3{
	font-size:100% !important;
	}
}
.post_list .entry_days{
	display:block;
	margin-bottom:0.2em;
}
.bassui{
	font-size:80%;
	line-height:160%;
	color: #666;
	letter-spacing:0em;
	margin-bottom:0em;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden; 
	max-height:3.5em;
}
@media only screen and ( max-width : 896px ) {
	.bassui{
		font-size:80%;
	}
}
.page_wrap .bassui{
	font-size:80%;
	line-height:160% !important;
}
@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:32%;
		float:left;
		margin-right:1.5%;
	}
	.list_4col li:nth-child(3n){
		margin-right:0%;
	}
}
@media only screen and ( max-width : 896px ) {
	/* 4カラム */
	.list_4col li{
		width:48%;
		float:left;
		margin-right:4%;
	}
	.list_4col li:nth-child(2n){
		margin-right:0%;
	}
}

@media only screen and ( max-width : 896px ) {
	.list_2col li,
	.list_3col li{
		width:100%;
	}
	.list_2col li .top_loop_thmb,
	.list_3col li .top_loop_thmb{
		margin-bottom:0em;
	}
}



@media print, screen and ( min-width : 900px ) {
	.list_5col{
		margin-right:-1%;
		margin-left:-1%;
	}
	/* 5カラム */
	.list_5col li{
		width:18%;
		float:left;
		margin:0% 1%;
		font-size:90%;
	}
}
@media ( max-width : 900px )and ( min-width : 600px )  {
	.list_5col{
		margin-right:-1%;
		margin-left:-1%;
	}
	/* 5カラム */
	.list_5col li{
		width:31%;
		float:left;
		margin:0% 1% !important;
	}
}
@media only screen and ( max-width : 600px ) {
	/* 5カラム */
	.list_5col li{
		width:48%;
		float:left;
		margin-right:4%;
		margin-bottom:0% !important;
	}
	.list_5col li:nth-child(2n){
		margin-right:0%;
	}

}
/* ************************************************************************ 
 *	
 *	shop
 *	
 * ************************************************************************ */

/* -------------------------商品詳細------------------------- */
@media print, screen and ( min-width : 896px ) {
	.product_img{
		width:45%;
		float:left;
	}
	.product_detail{
		width:52%;
		float:right;
	}
}
@media only screen and ( max-width : 896px ) {
	.product_img{
		margin:0em auto 2em auto;
	}
}
.product_img img{
	width:100%;
}
.price{
	font-size:140%;
	padding-top:0.3em;
	padding-bottom:0.3em;
	letter-spacing:0em;
}
.price_kingaku{
	color:#d56211;
	font-size:120%;
}
.price_yen{
	font-size:90%;
	display:inline-block;
	padding-left:0.2em;
}
.price_tax{
	font-size:80%;
	display:inline-block;
	padding-left:0.3em;
}
.pd_syousai{
	padding:0em !important;
}
.product_wrap section{
	padding-bottom:0em;
}
.product_wrap h3{
	font-size:100%;
	margin-top:0em;
}
.product_wrap h2{
	margin-bottom:1.5em;
}
.cart{
	line-height:200%;
	font-size:90%;
	margin-bottom:1.5em;
	letter-spacing:0em;
}
.cart select{
	padding:0.3em 0%;
	font-size:110%;
	width:30%;
	margin:0em 0.5em;
}
.news_detail{
	line-height:160%;
	font-size:90%;
	background:#fcfcfc;
	border:1px solid #ccc;
	padding:1.5em;
}
.sub_product .product_top{
	margin-bottom:5em !important;
}
.sub_product h2{
	margin-bottom:1em;
	padding:0.4em 0em 0.4em 1.5em;
}
@media print, screen and ( min-width : 896px ) {
	.sub_product h2{
		font-size:120%;
	}
}
/* -------------------------カテゴリー詳細 vk------------------------- */
.category_contents{
	margin-bottom:3em;
}
.category_contents section{
	padding-top:0em;
	padding-bottom:1em;
}
#video{
	width:100%;
	height:auto;
}
.category_contents {
	font-size:100%;
	line-height:200%;
	max-width:1140px;
	margin:0em auto 2em auto;
}
@media print, screen and ( min-width : 896px ) {
	.category_contents {
		font-size:105%;
		line-height:200%;
	}
}

.category_contents h2{
	font-size:110%;
	line-height:200%;
	letter-spacing:0em;
}
.category_contents .waku_block{
	padding:2em;
	margin-bottom:2em;
}
.category_contents p{
	line-height:200%;
	letter-spacing:0em;
}
.category_contents h2,
.category_contents h3{
	margin-bottom:0.7em;
	padding-top:0.5em;
	text-align:center;
	font-size:180%;
	border:none;
	position: relative;
	font-weight:bold;
}
.category_contents h2:before,
.category_contents h3:before{
	content: '';
	position: absolute;
	bottom: 0%;
	left: 40%;
	display: block;
	background:#f9f6e5;
	width:20%;
	height:2px;
}
@media only screen and  ( max-width : 896px ) {
	.category_contents h2,
	.category_contents h2.blocktitle,
	.category_contents h3,
	.category_contents h3.blocktitle{
		font-size:130%;
	}
}
.img_right_text h2,
.img_left_text h2,
.img_right_text h3,
.img_left_text h3{
}
.img_right_text h2:before,
.img_left_text h2:before,
.img_right_text h3:before,
.img_left_text h3:before{

}
.hatumono_voice{
	background:#f5f5f5;
}
.impact_text2021{
	font-size:130%;
	line-height:180%;
}
.width640{
	max-width:640px;
	margin:0em auto 2em auto;
}

.inpact_block{
	color:#c30000;
	border:2px solid #c30000;
	padding:0.5em;
	margin-bottom:2em;
	font-size:130%;
	text-align:center;
	font-weight:bold;
}
@media print, screen and ( min-width : 1000px ) {
	.inpact_block{
		font-size:160%;
	}
}
.product_text_inpact_list{
	list-style-type: none;
	margin:0;
	padding:0;
}
.product_text_inpact_list li{
	background:#f5eec5;
	margin-bottom:0.5em;
	padding:2em 1em 0.5em 1em;
}
.inpact_number{
	display:block;
	color:#c6a900;
	font-size:250%;
	text-align:center;
	margin-bottom:1em;
	font-style: italic; 
	position: relative;
	top:-0.2em;
}
@media print, screen and ( min-width : 896px ) {
	.inpact_number{
		width:100px;
		float:left;
	}
	.product_text_inpact_list p{
		padding-left:100px;
		display:block;
	}
}
.feature_comment{
	font-size:160% !important;
	line-height:180%;
	font-weight:bold;
	text-align:center !important;
	color:#a24208;
}
@media only screen and  ( max-width : 896px ) {
	.feature_comment{
		font-size:110% !important;
	}
}
/* 各メディアでも絶賛されて話題になっています */
.movie_contents h3:after{
	background:#dfd8b1;
}
.movie_contents{
	background:#eefbd4;
	margin-bottom:1em;
}
.movie_contents h3{
}
.movie_contents h3:before{
	background:#6b781f;
}
@media print, screen and ( min-width : 700px ) {
	.voice_block h3,
	.movie_contents h3{
		font-size:160%;
	}
}
.movie_contents ul{
	background:#fff;
	padding:1em;
	font-size:95%;
	border-bottom:1px solid #dcdcdc;
	border-right:1px solid #dcdcdc;
}
.movie_contents li{
	border-bottom:1px dashed #ccc;
	padding:0.5em 0.5em 0.5em 2em;
	font-weight:bold;
}
.movie_contents li:last-child{
	border-bottom:none;
}
.movie_block{
	position: relative;
	z-index:0;
}
.movie_block:before {
	content:"";
	display: block;
	padding-top: 56%;
}
/* ??ここを修正します！ */
.movie_block video{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;     /* ← これを追加 */
	height: 100%;    /* ← これを追加（枠ピッタリに収めるため） */
	object-fit: cover; /* ← 動画が歪まないように調整（お好みで） */
	z-index:0 !important;
}
.movieplay_icon{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	cursor: pointer;
	z-index:25;
}
.movieplay_icon:before {
	content:"";
	display: block;
	padding-top: 55%;
	width:100%;
	background:#000 url(images/product/play.png) 50% 50% no-repeat;
	opacity: 0.8;
}
@media only screen and  ( max-width : 896px ) {
	.movieplay_icon:before {
		background:#000 url(images/product/play.png) 50% 50% no-repeat;
		-moz-background-size:166px 109px;
		background-size:166px 109px;
	}
}
@media print, screen and ( min-width : 700px ) {
	.voive_videos_right{
		float:right;
		width:30%;
		margin-left:2%;
		margin-right:0%;
		position: relative;
		z-index:2;
		margin-bottom:0;
	}
	.voive_videos_left{
		float:left;
		width:68%;
	}
}
@media only screen and  ( max-width : 700px ) {
	.voive_videos_right{
		width:80%;
		margin:1em auto;
	}
}
.voive_videos_left h4{
	padding-bottom:0.5em !important;
	margin-bottom:0.5em !important;
	border-bottom:2px solid #fff;
	font-weight:bold;
}
.urikire{
	border:2px solid #b78c19;
	padding:1.5em;
	color:#b78c19;
	margin-bottom:2em;
	text-align:center;
}
/* お客様の声 */

.voice_block{
	background:#f9f6e5;
	margin-bottom:2em;
}
.voice_block h3{
	color:#d56211;
}
.voice_block h3:before{
	background:#fff;
}
.voice_block ul{
	margin:0em;
	padding:0em;
}
.voice_block ul li{
	background:#fff;
	margin-bottom:3px;
	padding:1em;
	padding-left:2.3em;
	font-size:100%;
	line-height:180%;
	list-style-type:none;
	font-weight:bold;
	position: relative;
	border:1px solid #ece6c0;
}
.voice_block ul li:before{
	content: "▼";
	display:inline-block;
	transform: rotate(-90deg);
	font-size:80%;
	position: absolute;
	top:1.2em;
	left:1.2em;
	color:#d56211;
}
@media print, screen and ( min-width : 896px ) {
	.movie_contents,
	.waku_block,
	.voice_block{
		padding:2em !important;
	}
}
@media only screen and  ( max-width : 896px ) {
	.movie_contents,
	.waku_block,
	.voice_block{
		padding:1em !important;
		font-size:90%;
	}
}
.gift_block{
	background:#f4f0cd;
	padding:2em;
}
.gift_block .img_left{
	margin-bottom:0em;
}
.gift_block ul li{
	font-size:90%;
	color:#d56211;
	background:#fff;
	margin-bottom:0.2em;
	padding:0.3em 0.3em 0.3em 2em;
	position: relative;
	border:1px solid #dfdaac;
	font-weight:bold;
	line-height:160%;
}
.gift_block ul li:before{
	content: "▲";
	display:block;
	position: absolute;
	top:0.5em;
	left:1em;
	font-size:50%;
	transform: rotate(90deg);
}
.feature_comment2{
	font-size:110%;
	line-height:140%;
	font-weight:bold;
}

/* -------------------------商品ギャラリー------------------------- */
.slider-container{
	background:#333;
	overflow:hidden;
}
#thumbs{
	position: relative;
	overflow: hidden;
}
.slick-prev{
	position: absolute;
	top: 50%;
	left: 0;
	z-index:2;
}
.slick-next{
	position: absolute;
	top: 50%;
	right: 0;
	z-index:2;
}
.thumbs_all{
	padding:10px;
}
#thumbs .slick-prev,
#thumbs .slick-next{
	width:30px;
	height:100px;
	margin-top:-50px;
	background:#333 url(images/top/slide_prev.png) 50% 50% no-repeat;
	-moz-background-size:16px 30px;
	background-size:16px 30px;
	overflow: hidden;
	text-indent: 200%;
	white-space: nowrap;
}
#thumbs .slick-next{
	background:#333 url(images/top/slide_next.png) 50% 50% no-repeat;
	-moz-background-size:16px 30px;
	background-size:16px 30px;
}
#slider .slick-prev{
	position: absolute;
	top: 50%;
	left: 0px;
	margin-left:-90%;
}
#slider .slick-next{
	position: absolute;
	top: 50%;
	right:0px;
	margin-right:-90%;
}
#slider .slick-prev,
#slider .slick-next{
	width:200px;
	height:100px;
	margin-top:-50px;
	background:#6b781f url(images/top/slide_prev.png) 96% 50% no-repeat;
	-moz-background-size:16px 30px;
	background-size:16px 30px;
	overflow: hidden;
	text-indent: -200%;
	white-space: nowrap;
	font-size:0;
	width:100%;
}
#slider .slick-next{
	background:#6b781f url(images/top/slide_next.png) 4% 50% no-repeat;
	-moz-background-size:16px 30px;
	background-size:16px 30px;
}
<style>
/* サムネイルのベース設定 */


#thumbs li{
	margin: 0;
	padding-top: 4px;
	cursor: pointer;
}
#thumbs img{
	width: 80px;
	height: 80px;
	object-fit: cover;
}
/* 選択されていないサムネイルは薄くする */
#thumbs .slick-slide:not(.slick-center) {
	-webkit-filter: opacity(60%);
	-moz-filter: opacity(60%);
	-o-filter: opacity(60%);
	-ms-filter: opacity(60%);
	filter: opacity(60%);
	transition: 0.2s linear;
}

/* 選択されている（中央の）サムネイルはハッキリ表示する */
#thumbs .slick-slide.slick-center {
	-webkit-filter: opacity(100%);
	-moz-filter: opacity(100%);
	-o-filter: opacity(100%);
	-ms-filter: opacity(100%);
	filter: opacity(100%);
}
</style>

/* -------------------------小カテゴリー一覧------------------------- */
.category_child_cat,
.category_child_cat2{
	margin-bottom:2em;
}
.category_child_cat li{
	display:block;
}
@media print, screen and ( min-width : 700px ) {
	.category_child_cat li{
		width:49.5%;
		float:left;
		margin-right:1%;
		margin-bottom:1%;
	}
	.category_child_cat li:nth-child(2n){
		margin-right:0%;
	}
}
@media only screen and  ( max-width : 700px ) {
	.category_child_cat li{
		width:100%;
		margin-bottom:0.4em;
	}
	.category_child_cat li:last-child{
		margin-bottom:0em;
	}
}
.category_child_cat2 li{
	width:49%;
	float:left;
	margin-right:2%;
	margin-bottom:2%;
}
.category_child_cat2 li:nth-child(2n){
	margin-right:0%;
}

.category_child_cat2 a{
	border:1px solid #ccc;
	padding:1px;
	position: relative;
	background:#fcfcfc;
}
.category_child_cat2 .category_child_cat_text{
	text-align:center;
}
.category_child_cat2 .category_child_cat_text h3{
	text-align:center;
	padding:0.5em;
}
@media only screen and  ( max-width : 700px ) {
	.category_child_cat2 .category_child_cat_text h3{
		font-size:90%;
		min-height:3.5em;
	}
}


.category_child_cat a{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border:1px solid #ccc;
	padding:0.3em 2em 0.3em 0.3em;
	position: relative;
	background:#fcfcfc;
	position: relative;
}
.category_child_cat a:hover{
	border:1px solid #978205;
}
.category_child_cat .category_child_cat_img{
	flex-basis: 110px;
	flex-shrink: 0;
}
.category_child_cat .category_child_cat_text{
	font-size:90%;
	padding-left:1em;
	padding-right:1em;
	letter-spacing:0em;
	color:#000;
	flex-basis: auto;
}
.category_child_cat a:before{
	content: "▼";
	display:inline-block;
	position: absolute;
	top:50%;
	right:0.5em;
	font-size:70%;
	color:#6b7820;
	margin-top:-0.5em;
}
@media only screen and  ( max-width : 700px ) {
	.category_child_cat .category_child_cat_img{
		flex-basis: 50px;
	}
}
.category_child_cat_text h3{
	margin:0em;
	font-size:110%;
	letter-spacing:0em;
}

/* -------------------------商品一覧ページ------------------------- */
.cat_box h3.title a{
	color:#6b781f;
	text-decoration:underline;
}
.cat_box h3.title a:hover{
	color: #493412;
	text-decoration: none;
}
.cat_box{
	margin-bottom:1em;
}
.child_box{
	margin-bottom:1em;
	padding:1em;
	background:#fcfcfc;
	border:1px solid #ccc;
}
@media only screen and ( max-width : 896px ) {
	.cat_box{
		margin-bottom:0em;
	}
}
.child_box h4.title{
	background:#493412;
	padding:1em;
	margin-bottom:0.5em;
	color:#fff;
	border:none;
}
.child_box h4.title a{
	color:#fff;
	text-decoration:underline;
}
.child_box h4.title a:hover{
	color: #ccc;
	text-decoration:underline;
}


/* -------------------------商品一覧------------------------- */
.top_loop_thmb{
	margin-bottom:0.5em;
	position: relative;
}
.product_list h3{
	border:none !important;
	margin:0em 0em 0.8em 0em;
	padding:0em;
	letter-spacing:0em !important;
	font-size:95%;
	color: #493412;
	font-weight:bold;
}
.product_list h3:after{
	display:none;
}
@media only screen and ( max-width : 896px ) {
	.product_list h3{
		font-size:80%;
	}
}
.product_list h3 a{
	color: #493412;
}
.product_list h3 a:hover{
	color:#5e8c2a;
}
.product_list li{
	margin-bottom:2em;
}
.ichirancommment{
	font-size:80%;
	line-height:130%;
	height:2.5em;
	margin-bottom:0.5em;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden; 
	display:none;
}
.product-icon_block{
	height:1.5em;
	margin-bottom:0.2em;
}

.product-icon,
.product-icon2{
	float:left;
	background:#d60000;
	color:#fff;
	font-size:70%;
	display:block;
	width:38%;
	text-align:center;
	padding:0.1em 0em;
}
.product-icon2{
	float:right;
	background:#c5a900;
	width:60%;
}
.product-icon2_gojitaku{
	background:#2f9f4c;
}
.product-icon2_zoutou{
	background:#c5a900;
}
.top_loop_thmb_season_off{
}
.top_loop_thmb_season_off2{
}
.top_loop_thmb_season_off .top_loop_thmb,
.top_loop_thmb_season_off2 .top_loop_thmb{
	background:#333;
}
.top_loop_thmb_season_off .top_loop_thmb img{
	opacity: 0.4;
}
.top_loop_thmb_season_off2 .top_loop_thmb img{
	opacity: 0.8;
}
.urikire_messeage{
	position: absolute;
	top: 0%;
	left: 0%;
	width:100%;
	height:100%;
	z-index:2;
	font-family: 'Noto Serif JP', serif;
	color:#fff;
	text-align:center;
	font-size:110%;
	line-height:140%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.urikire_messeage span{
	display:block;
	border:1px solid #fff;
	padding:0.5em 0;
}
.urikire_messeage span.gentei{
	background:#b58e14;
	font-weight:900;
	border:none;
	font-size:75%;
	line-height:130%;
	margin-left:1em;
	margin-right:1em;
	margin-bottom:0.5em;
	padding:0.5em 1em;
}
.urikire_messeage span.gentei span{
	font-size:110%;
	margin-top:0.3em;
	border:none;
	padding:0.3em 0em;
}

.urikire_messeage span.small{
	display:block;
	font-size:50%;
	margin-top:0em;
	border:none;
}
.urikire_messeage_02 .yoyakuuketuke{
	color:#fff;
	background:#ab0000;
	font-size:110%;
	padding:0.8em;
	min-width:60%;
	position: relative;
}
.urikire_messeage_02 .yoyakuuketuke:after{
	content: "";
	display:block;
	position: absolute;
	top: 2px;
	left: 2px;
	right: 2px;
	bottom:2px;
	border:1px solid #fff;
}

@media only screen and ( max-width : 896px ) {
	.urikire_messeage,
	.urikire_messeage_02{
		font-size:90%;
	}
	.urikire_messeage span.gentei{
		margin-left:0em;
		margin-right:0em;
		padding:0.7em;
		font-size:70%;

	}
}

.price_loop{
	font-weight:bold;
	font-size:90%;
}
.price_loop span{
	color: #a24208;
	font-size:110%;
}
.list_5col .urikire_messeage_02{
	font-size:70%;
}
.list_5col .urikire_messeage_02 span{
	font-size:60%;
}

/* -------------------------カテゴリー一覧------------------------- */
.category_list h3{
	border:none;
	letter-spacing:0em !important;
	font-size:90%;
	min-height:3em;
	color: #fff;
	background:#483413;
	font-weight:normal;
	padding:0.5em;
}
.category_list li{
	background:#483413;
	margin-bottom:1em;
}








/* ************************************************************************ 
 *	
 *	top page
 *	
 * ************************************************************************ */
.top_contents section{
	padding:0em 0em 2em 0em;
}
/* -------------------------TOP ギャラリー------------------------- */
.top_mainimg{
	padding:0em;
}
.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;
}
/* 前／次の矢印の設定 */
.slick_prev_link,
.slick_next_link{
	position: absolute;
	width:32px;
	height:60px;
	cursor: pointer;
	overflow:hidden;
	text-indent:-100%;
	z-index:2;
}
.slick_prev_link{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left:-380px;
	margin-top:-30px;
	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:-380px;
	margin-top:-30px;
	background:url(images/top/slide_next.png) 0% 0% no-repeat;
	-moz-background-size:100% 100%;
	background-size:100% 100%;
}

/* -------------------------TOPコンテンツ------------------------- */
.top_contact li{
	width:32.5%;
	float:left;
	margin-right:1.2%;
}
.top_contact li:nth-of-type(3n){
	margin-right:0%;
}
.top_movie_text,
.top_movie_text2{
	background:#d56211;
	color:#fff;
	display:block;
	padding:0.4em 3em 0.4em 3em;
	text-align:center;
}
.top_movie_text:before{
	content: "▼";
	display:inline-block;
	transform: rotate(-90deg);
	font-size:80%;
	padding-right:1em !important;
	position: relative;
	top:-0.5em;
	left:-0.5em;
}
.top_hajimete_link{
	position: relative;
	text-align:center;
	background:url(images/top/top_hajimete_link_bg_2.png) 0% 100% repeat-x;
}
@media only screen and ( max-width : 896px ) {
	.top_hajimete_link img{
		width:350px;
	}
	.top_hajimete_link{
		background:url(images/top/top_hajimete_link_bg_2.png) 0% 100% repeat-x;
		-moz-background-size:6px 93px;
		background-size:6px 93px;
	}
}
/* -------------------------與惣兵衛からのお知らせ------------------------- */

.top_news_list .top_news_day{
	color:#d6620f;
	font-weight:bold;
	font-size:90%;
}
.top_news_list .top_news_title{
	color:#333;
}
.top_news_list .top_news_title:hover{
	text-decoration:underline;
}
.top_news_list li a{
	padding:0.3em;
	font-size:95%;
}
@media print, screen and ( min-width : 896px ) {
	.top_news_list li{
		border-bottom:1px dashed #ccc;
	}
	.top_news_list li a{
		background:url(images/common/icon_green.png) 0% 50% no-repeat;
		-moz-background-size:10px 10px;
		background-size:10px 10px;
		padding-left:20px;
	}
}
@media only screen and ( max-width : 896px ) {
	.top_news_list{
		background:#f9f6e5
	}
	.top_news_list li{
		border-bottom:1px solid #fff;
	}
	.top_news_list li a{
		background:url(images/common/icon_green.png) 98% 50% no-repeat;
		-moz-background-size:10px 10px;
		background-size:10px 10px;
		padding-right:20px;
	}
}
/* -------------------------バナー------------------------- */
.top_banner_big li{
	margin-bottom:2em;
}
.top_banner li{
	margin-bottom:0.6em;
}

@media print, screen and ( min-width : 600px ) {
	.top_banner li{
		width:48.9%;
		float:left;
		margin-right:2.2%;
		margin-bottom:2%;
	}
	.top_banner li:nth-of-type(2n){
		margin-right:0%;
	}
}
@media only screen and ( max-width : 700px ) {
	.top_banner{
		margin:0 auto;
		max-width:538px;
	}
}






/* -------------------------與惣兵衛の春夏秋冬------------------------- */
.top_season h2{
	background:#493412;
	padding:0.2em;
	margin:0px;
	color:#fff;
	border:none;
	line-height:130%;
}
@media print, screen and ( min-width : 896px ) {
	.top_season h2{
		font-size:160%;
	}
}
.top_season_main{
	background:#fff;
	padding:1em;
}
@media print, screen and ( min-width : 700px ) {
	.top_season_list li{
		width:23.5%;
		float:left;
		margin-right:2%;
	}
	.top_season_list li:last-child{
		margin-right:0%;
	}
	.top_season_list h3{
		font-size:200%;
		line-height:160%;
		text-align:center;
		padding:0.1em 0em 0em 0em;
		margin-bottom:0.2em;
	}
}
@media only screen and ( max-width : 700px ) {
	.top_season_list li{
		width:48%;
		float:left;
		margin-right:4%;
		margin-bottom:2%;
	}
	.top_season_list li:nth-of-type(2n){
		margin-right:0%;
	}

	.top_season_list h3{
		font-size:150%;
		line-height:160%;
		text-align:center;
		padding:0.1em 0em 0em 0em;
		margin-bottom:0.2em;
	}
}
.top_season h3{
	font-weight:bold;
}
.top_season_list li.spring h3{
	border-bottom:2px solid #ed819b;
	color: #ed819b;
}
.top_season_list li.summer h3{
	border-bottom:2px solid #02a2dc;
	color: #02a2dc;
}
.top_season_list li.autumn h3{
	border-bottom:2px solid #bf7a13;
	color: #bf7a13;
}
.top_season_list li.winter h3{
	border-bottom:2px solid #635b8a;
	color: #635b8a;
}
.top_osusume_inner{
	background:#f5f5f5;
	padding:1em;
}
.top_osusume_inner2{
	padding:0.5em 2em 0em 2em;
	background:#fff;
}
@media only screen and ( max-width : 700px ) {
	.top_osusume_inner{
		padding:5%;
		margin-left:-5%;
		margin-right:-5%;
	}
	.top_osusume_inner2{
		padding:0% 5%;
	}
}
@media only screen and ( max-width : 500px ) {
	.top_osusume_inner2{
		padding:0% 2%;
	}
}
@media only screen and ( max-width : 1000px ) {
	.top_osusume_inner2 ul li{
		padding-bottom:1em;
	}
}
.top_osusume_inner2 ul{
	margin-bottom:0em !important;
}
.top_osusume_inner2 .product-icon_block span{
	line-height:160%;
}
.top_osusume_none{
}
.top_osusume_none span{
	background:#f5f5f5;
	color:#aaa;
	margin-top:4em;
	display:block;
	text-align:center;
	padding:4em 0em;
}

/* -------------------------輿惣兵衛日記------------------------- */
.top_blog h2.top_blog_title{
	margin-bottom:0.5em;
	border:none;
}
.top_blog_block{
	max-height:500px;
	overflow:auto;
	border:1px solid #ccc;
}
@media only screen and ( max-width : 700px ) {
	.top_blog_block{
		height:300px;
		overflow:auto;
	}
	.top_blog h2.top_blog_title img{
		width:240px;
	}
}
.top_blog_block section{
	padding:0em;
}
.top_blog_block .single_box{
	margin:0em !important;
	padding:1em !important;
}
.top_blog_block .single_box .veu_socialSet{
	display:none;
}

/* -------------------------與惣兵衛とは------------------------- */
.top_about h2{
	margin-bottom:0.1em;
}
@media print, screen and ( min-width : 700px ) {
	.top_about h2{
		font-size:160%;
	}
}
.top_about_big_text{
	font-size:250%;
	line-height:130% !important;
	font-weight:bold;
	text-align:center !important;
	color:#6b7820;
	padding-top:0.3em;
}
@media only screen and ( max-width : 700px ) {
	.top_about_big_text{
		font-size:160%;
	}
}
.top_about_main{
	position: relative;
	z-index:1;
}

@media print, screen and ( min-width : 900px ) {
	.top_about_big_text{
		position: absolute;
		top: 0;
		left: 0%;
		width:100%;
	}
	.top_about_main{
		padding-top:6.2em;
	}
	.top_about_img{
		width:50%;
		float:right;
	}
	.top_about_text{
		width:48%;
		float:left;
		padding-top:2em;
	}
}
@media only screen and ( max-width : 900px ) {
	.top_about_img{
		margin-bottom:0.5em;
		margin-left:-8%;
		margin-right:-8%;
	}
	.top_about_img img{
		width:100%;
	}
	.top_about_link{
		text-align:center;
	}
}
.top_about_text .button{
	margin:0;
}
/* -------------------------お客様の声------------------------- */
.top_voice h2{
	margin-bottom:0em;
}
.top_voice_main{
	position: relative;
	padding-top:1em;
}
.top_voice_main:after{
	content: "";
	display:block;
	background:#fff;
	position: absolute;
	top: 0;
	left: -100%;
	right: -100%;
	bottom: 1.8em;
	z-index:-2;
}
.top_voice h3{
	font-size:100%;
}
/* ************************************************************************ 
 *	
 *	form
 *	
 * ************************************************************************ */
.contact_contents{
	background:#fff;
	padding:1.5em;
	border:1px solid #f5f5f5;
	margin:0 auto;
	max-width:800px;
}
@media only screen and ( max-width : 600px ) {
	.contact_contents{
		padding:0em;
	}
}
.contact_page_tel{
	max-width:400px;
	margin:0em auto 3em auto;
	background: #f6f7d5;
	padding:1em 2em;
	border-radius: 3px; 
	-webkit-border-radius:3px;
	-moz-border-radius: 3px;
}
.contact_page_tel h4{
	text-align:center;
}
.contact_eigyou{
	text-align:center;
	font-size:90%;
	color:#666;
	display:block;
}
#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 dt{
	font-family: 'Noto Serif JP', serif;
}
#form1 dd{
	border-bottom:1px solid #dcdcdc;
}
@media print, screen and ( min-width : 896px ) {
	#form1 dt{
		width:14em;
		float:left;
		padding-top:1.3em;
		padding-left:1em;
	}
	#form1 dd{
		padding:1em 0em 1em 16em;
	}
	#form1 dd:after{
		content: "";
		display: block;
		clear: both;
		height:0;
	}
}
@media only screen and ( max-width : 896px ) {
	#form1 dt{
		background:#dcdcdc;
		padding:0.3em 1em;
		font-size:90%;
	}
	#form1 dd{
		padding:1em 0.5em;
		margin-bottom:1em;
	}
}
#soushin{
	text-align:center;
	padding:1em;
}
@media only screen and ( max-width : 896px ) {
	#soushin input{
		width:100%;
		padding:0.5em 0em;
	}
}
.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;
}
@media only screen and ( max-width : 896px ) {
	.privacy{
		font-size:90%;
		line-height:160%;
	}
}
.privacy p{
	color:#f15a24;
	font-size:100%;
	line-height:150%;
	font-weight:bold;
}
.privacy li{
	font-size:90%;
	line-height:180%;
	color:#333;
	margin-bottom:1em;
	padding-bottom:1em;
	border-bottom:1px dashed #dfcf9e;
}
.privacy li b{
	color: #7d3e00;
}
.line_contact{
	border:2px solid #00bb00;
	padding:2em;
	color:#00bb00;
}
/* 20250709------------------------------- */
.soushin_block{
	padding:2em 0;
	text-align:center;
}
.soushin_block input{
	margin:0 2%;
}
.confirm_area,
.thanks_area {
 	display: none;
}
@media print, screen and ( min-width : 896px ) {
	.contact_text{
		padding:0 1em;
	}
}
.thanks_area .waku_block{
	font-size:80%;
	padding:2em;
}
.thanks_area .waku_block h4{
	font-size:110%;
}
.wpcf7-response-output{
	display: none;
}
.soushin_disabled input{
	opacity:0.3;
	pointer-events: none;
}
.wpcf7-not-valid-tip,
.wpcf7-response-output.wpcf7-validation-errors {
	padding:0.4em;
	font-size:70% !important;
	width:20em;
	color: #fff !important;
	text-align:center;
	background: #ff6b5d;
	font-weight: bold;
	display:inline-block;
	-webkit-border-radius: 2;
	-moz-border-radius: 2;
	border-radius: 2px;
}

/* ************************************************************************ 
 *	
 *	SNS
 *	
 * ************************************************************************ */
.sns_txt{
	color: #fff !important;
}



/* Facebookの色 */
.veu_socialSet .sb_icon.sb_facebook a {
    color: #fff !important;
    border: 1px solid #425dab !important;
    background: #425dab !important;
}

/* X（旧Twitter）の色 ※クラス名が sb_x_twitter に変わっています */
.veu_socialSet .sb_icon.sb_x_twitter a {
    color: #fff !important;
    border: 1px solid #000 !important; /* またはお好みの黒(#000000)など */
    background: #000 !important;
}

/* はてなブックマークの色 */
.veu_socialSet .sb_icon.sb_hatena a {
    color: #fff !important; /* 文字色が黒になってしまう場合は #fff にすると綺麗です */
    border: 1px solid #007fc5 !important;
    background: #007fc5 !important;
}

/* LINEの色（もし表示する場合） */
.veu_socialSet .sb_icon.sb_line a {
    color: #fff !important;
    border: 1px solid #6ebd30 !important;
    background: #6ebd30 !important;
}

/* Pocketの色（もし表示する場合） */
.veu_socialSet .sb_icon.sb_pocket a {
    color: #fff !important;
    border: 1px solid #ea4654 !important;
    background: #ea4654 !important;
}

/* Copyボタンの色 */
.veu_socialSet .sb_icon.sb_copy button {
    color: #fff !important;
    border: 1px solid #228b22 !important;
    background: #228b22 !important;
}
/* ************************************************************************ 
 *	
 *	ショートコードお客様の声
 *	
 * ************************************************************************ */
.page_review{
	border:1px solid #c5a900;
	background:#fcfcfc;
	border-radius: 3px; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding-bottom:0em !important;
}
.page_review h2{
	background:#c5a900;
	color:#fff;
	padding-top:0.3em;
	padding-bottom:0.3em;
	margin-bottom:0;
	font-size:120%;
	
}
.page_review h2:before{
	display:none;
}
.review-ul li{
	border-bottom:1px solid #ccc;
}
.review-ul a{
	padding:0.5em;
	color:#333;
	font-size:80%;
	display:block;
	-webkit-transition: all .5s;
	transition: all .5s;
	background:#fcfcfc;
}
.review-ul a:hover{
	background:#fff;
}
.review-ul .title{
	font-weight:bold;
	font-size:110%;
	background:none;
	margin-bottom:0.5em;
	padding:0em;
	display:block;
}
.review-ul h3:after{
	display:none;
}
.review-ul span{
	font-size:90%;
	line-height:160%;
	display:block;
}
.review-ul img{
	width:80px;
	float:left;
	margin-right:1em;
}
.page_review .button{
	font-size:80%;
	margin:1em;

}
/* ************************************************************************ 
 *	
 *	ニュースレター一覧
 *	
 * ************************************************************************ */



.single_newsletter .single_txt{
	border-top:1px solid #ccc;
	text-align:center;
	padding:1em 0em 2em 0em;
}
.single_txt .single_newsletter_pdf{
	background:#fcfcfc;
	padding:2em 0em 2em 0em;
}


.single_box .single_newsletter_pdf a{
	background:#fff;
	max-width:500px;
	margin:0 auto;
	border:1px solid #ccc;
	display:block;
	padding:2px;
	text-decoration: none;
	position: relative;
}
.single_box .pdf_comment{
	border:1px solid #ccc;
	display:block;
	padding:0.5em;
	background:#6b781f;
	color:#fff;
	text-decoration: none;
	text-align:center;
	font-size:80%;
}
.single_box .pdf_icon{
	position: absolute;
	top: 20px;
	right: 20px;
	width:50px;
}
@media only screen and ( max-width : 896px ) {
	.single_box .pdf_icon{
		position: absolute;
		top: 10px;
		right: 10px;
		width:30px;
	}
}
.newslette_list li a{
	color:#000;
}

/* 一覧 __________________________*/
.loop_newsletter_pdf{
	background:#fff;
	border:2px solid #ccc;
	display:block;
	text-decoration: none;
	position: relative;
}
.loop_newsletter_pdf .pdf_icon{
	position: absolute;
	top: 10px;
	right: 10px;
	width:30px;
}
@media only screen and ( max-width : 896px ) {
	.loop_newsletter_pdf .pdf_icon{
		position: absolute;
		top: 5px;
		right: 5px;
		width:20px;
	}
}
.newslette_list{
	background:#fcfcfc;
	padding:1em;
}
@media only screen and ( max-width : 896px ) {
	.newslette_list{
		padding:0.5em;
	}
}


@media print, screen and ( min-width : 1000px ) {
	.newslette_list{
		margin-left:-1%;
		margin-right:-1%;
	}
	.newslette_list li{
		width:18%;
		float:left;
		margin:1%;
	}
}
@media only screen and ( max-width : 1000px ) and ( min-width : 700px ){
	.newslette_list{
		margin-left:-1%;
		margin-right:-1%;
	}
	.newslette_list li{
		width:31%;
		float:left;
		margin:1%;
	}
}
@media only screen and ( max-width : 700px ) {
	.newslette_list{
		margin-left:-2%;
		margin-right:-2%;
	}
	.newslette_list li{
		width:46%;
		float:left;
		margin:2%;
	}
}

.newslette_list li h3{
	font-size:85%;
	line-height:150%;
	padding-top:0.5em;
	margin-bottom:1em;
}
/* ネットショップ __________________________*/
.productall_toplink{
	padding-top:2em;
}
.productall_toplink h4 a{
	background:#5e8c2a;
	padding:0.5em;
	color:#fff;
	margin-bottom:0.5em;
	display:block;
}
.productall_toplink ul{
	margin-bottom:1.5em;
}


@media only screen and ( max-width : 896px ) {
	.productall_toplink ul li a{
		background:#fff url(images/common/icon_green.png) 5px 50% no-repeat;
		-moz-background-size:10px 10px;
		background-size:10px 10px;
		display:block;
		padding:0.3em;
		padding-left:1.5em;
		color:#000;
		border:1px solid #dcdcdc;
		margin-bottom:0.3em;
	}
}
@media print, screen and ( min-width : 896px ) {
	.productall_toplink_left{
		width:48%;
		float:left;
	}
	.productall_toplink_right{
		width:48%;
		float:right;
	}
	.productall_toplink ul li{
		background:#fff url(images/common/icon_green.png) 5px 50% no-repeat;
		-moz-background-size:10px 10px;
		background-size:10px 10px;
		display:block;
		padding:0.3em;
		padding-left:1.5em;
		color:#000;
	}
	.productall_toplink ul li a{
		text-decoration:underline;
	}
}
/* 20250414__________________________*/
.cat_oya_202504{
	position: relative;
	padding:3em 0;
}
.cat_oya_202504:after{
	content: "";
	display:block;
	background:#333;
	position: absolute;
	top: 0em;
	bottom: 0em;
	margin-left: calc(-50vw + 50%);
	width: 100vw;
	z-index:-1;
}
.page_wrap ul.nav_child_inner_01 li a{
	background:#5e8c2a;
	overflow:hidden;
	border:1px solid #aaa;
}
.page_wrap .nav_child_pf_image{
	border-radius: 0px; 
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}
.page_wrap .nav_child_pf_text{
	text-align:center;
	padding:0.8em 0em;
	display:block;
	color:#fff;
}
.page_wrap .nav_child_pf_text h3:before{
	content: "▼";
	display:inline-block;
	transform: rotate(-90deg) scale(0.5);
	margin-right:0.5em;
}
.page_wrap .nav_child_pf_text h3{
	text-align:center;
}
.page_wrap .nav_child_blog_flex,
.page_wrap .nav_child_pf{
	display:block;
}
@media print, screen and ( min-width : 600px ) {
	.page_wrap ul.nav_child_inner_01 li{
		width:32.3%;
		float:left;
		margin-right:1.5%;
	}
	.page_wrap ul.nav_child_inner_01 li:nth-child(3n){
		margin-right:0%;
	}
}
@media only screen and ( max-width : 600px ){

	.page_wrap ul.nav_child_inner_01 li{
		margin-bottom:1.5em;
	}
	.page_wrap ul.nav_child_inner_01 li:nth-child(3n){
		margin-bottom:0em;
	}
	.nav_child_pf_image{
		order: 1;
		flex-basis: 60%;
	}
	.nav_child_pf_text{
		order: 2;
		flex-basis: 40%;
	}
}
.sub_link{
	text-align:center;
}
.sub_link .button2{
	margin:0.2em;
	font-size:100%;
	font-weight:bold;
}