@charset "UTF-8";
/* CSS Document */
/* ==========================================================================
products
========================================================================== */
#products{
		font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "YuGothic M", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	font-weight:normal;
}

/* --------------------------------------------------
ttl-bg
-------------------------------------------------- */
.ttl-bg {
	position: relative;
	width:auto;
	height:auto;
	max-width:100%;
}
.ttl-bg h2{
	position: absolute;
	bottom: 0;
	left: 10%;
	width: 6.5%;
}

.ttl-bg h2 img{
	background: #FFF;
	padding: 20px;
}

.ttl-bg img {
	width: 100%;
}

.lead {
	text-align: center;
	line-height: 4rem;
	margin: 30px auto;
}
.ttl-tokusan {
	font-family: "ヒラギノ明朝 W2", "ヒラギノ明朝 W3", "ヒラギノ明朝 Pro W2", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "Times New Roman", Times, Georgia, serif;
	font-size: 4rem;
	text-align: center;
	margin-bottom: 30px;
}
/* --------------------------------------------------
tokusan-col
-------------------------------------------------- */

.tokusan-col {
	overflow: hidden;
}
.tokusan-col figure {
	width: 60%;
}
.tokusan-col figure img {
	width: 100%;
}
.tokusan-col .txt {
	width: 40%;
	border-top: 1px solid #E5E5E5;
	padding: 15vh 4vw 0 4vw;
}
.tokusan-col .txt h4 {
	font-size: 3rem;
	margin-bottom: 5vh;
}
.tokusan-col .txt p {
	line-height: 1.8;
	font-size: 1.6rem;

}
.tokusan-col .left {
	float: left;
}
.tokusan-col .right {
	float: right;
}
/* --------------------------------------------------
shop
-------------------------------------------------- */
.shop {
	background: #F0F0F0;
	padding: 7vh 8vw 2vh;
	margin-bottom: 10vh;
}
.shop-col {
	clear: both;
	/* overflow: hidden; */
	display: flex;
	justify-content: right;
	position: relative;
	margin: 10vh auto 13vh;
}
.shop-col dl {
	background: #FFF;
	float: left;
	padding: 30px;
	position: absolute;
	left: 1%;
	bottom: 0;
	width: 26%;
}
.size-l dl {
	width: 30%;
	bottom: 3%;
	padding: 15px 20px;
}
.shop-col dt {
	font-size: 1.9rem;
	margin-bottom: 10px;
}
.shop-col figure {
	float: right;
	width: 38%;
}
.shop-col figure img {
	width: 100%;
}

.txt-furusato{
	margin: 1em;
    text-align: center;
	line-height: 1.6;
	font-size: 1.5em;
}

/* --------------------------------------------------
bangaihen
-------------------------------------------------- */
.bangaihen {
	background: #F0F0F0;
	padding: 7vh 8vw 2vh;
	margin-bottom: 7vh;
}
.bangaihen-col {
	clear: both;
	overflow: hidden;
	position: relative;
	margin: 5vh auto 10vh;
}
.bangaihen-col dl {
	background: #FFF;
	float: right;
	padding: 30px 60px 40px;
	position: absolute;
	right: 2%;
	bottom: 20%;
	width: 45%;
}
.bangaihen-col dt {
	font-size: 6rem;
	color: #EE8354;
	margin-bottom: 3vh;
	font-family: 'YuMincho',/* Mac用 */ 'Yu Mincho', /* Windows用 */ "ヒラギノ明朝 W2", "ヒラギノ明朝 W3", "ヒラギノ明朝 Pro W2", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "Times New Roman", Times, Georgia, serif;
}
.bangaihen-col dt:before {
	background: #92370C;
	content: "";
	display: block;
	height: 8px;
	left: -40px;
	position: absolute;
	top: 70px;
	width: 70px;
}
.bangaihen-col dt span {
	font-size: 3rem;
	display: block;
}
.bangaihen-col figure {
	float: left;
	width: 55%;
	font-size: 1.3rem;
}
.bangaihen-col figure img {
	width: 100%;
}
 @media screen and (max-width: 1080px) {
	.ttl-bg h2{
		left: 5%;
		width: 10%;
	}
	
	
	.lead {
		line-height: 2.5rem;
		margin: 15px auto;
	}
	
	.ttl-tokusan {
		font-size: 2.8rem;
		margin-bottom: 15px;
	}
	
	/* --------------------------------------------------
	tokusan-col
	-------------------------------------------------- */
	 .tokusan-col .txt {
		width: 40%;
		padding: 1.5vh 2vw 0 2vw;
	}
	
	.tokusan-col .txt p {
		line-height: 1.3;
		font-size: 1.3rem;
	}
	
	.tokusan-col .txt h4 {
		font-size: 2rem;
		margin-bottom: 1vh;
	}
	
	/* --------------------------------------------------
	shop
	-------------------------------------------------- */
	.shop {
		padding: 2vh 2vw 2vh;
		margin-bottom: 2vh;
	}
	
	.shop-col {
		margin: 2vh auto 6vh;
	}
	
	.shop-col dl {
		padding: 15px;
		width: 40%;
	}
	.shop-col dt {
		font-size: 1.6rem;
		margin-bottom: 10px;
	}
	.shop-col figure {
		width: 30%;
	}
	
	/* --------------------------------------------------
	bangaihen
	-------------------------------------------------- */
	.bangaihen {
		padding: 2vh 2vw 2vh;
		margin-bottom: 2vh;
	}
	.bangaihen-col {
		margin: 2vh auto 5vh;
	}
	.bangaihen-col dl {
		background: #FFF;
		padding: 10px 20px 10px;
		position: absolute;
		right: 2%;
		bottom: 10%;
		width: 45%;
	}
	
	.bangaihen-col figure {
		font-size: 1.1rem;
	}
	
	.bangaihen-col dt {
		font-size: 3rem;
		margin-bottom: 1vh;
	}
	
	.bangaihen-col dt::before {
		background: #92370C;
		content: "";
		display: block;
		height: 8px;
		left: -40px;
		position: absolute;
		top: 40px;
		width: 50px;
}
	
	.bangaihen-col dt span{
		font-size: 1.6rem;
	}



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

		.ttl-bg h2{
			left: 5%;
			width: 7%;
		}
		
		.ttl-bg h2 img{
		padding: 5px;
		}
		
		.lead {
			text-align: left;
			line-height: 1.3rem;
			margin: 10px 10px 20px;
		}
		.ttl-tokusan {
			font-family: 'YuMincho',/* Mac用 */ 'Yu Mincho', /* Windows用 */ "ヒラギノ明朝 W2", "ヒラギノ明朝 W3", "ヒラギノ明朝 Pro W2", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "Times New Roman", Times, Georgia, serif;
			font-size: 1.8rem;
			text-align: center;
			margin: 25px 0 15px;
		}
	 
		.txt-furusato{
			font-size: 1.5em;
		}

		
		/* --------------------------------------------------
		tokusan-col
		-------------------------------------------------- */
		 .tokusan-col figure {
			width: 100%;
		}
		.tokusan-col .txt {
			width: 100%;
			border-top: 1px solid #E5E5E5;
			padding: 2%;
		}
		
		.tokusan-col .txt p{
			width: 98%;
			font-size: 1.2rem;
		}
		.tokusan-col .txt h4 {
			font-size: 1.5rem;
			margin-bottom: 1vh;
		}
	
		.tokusan-col .left {
			float: none;
		}
		.tokusan-col .right {
			float: none;
		}
		
		/* --------------------------------------------------
		shop-col
		-------------------------------------------------- */
		.shop-col dl {
			padding: 15px;
			width: 100%;
			position: relative;
			left: 0;
			bottom: 0;
		}
		.shop-col dt {
			font-size: 1.6rem;
			margin-bottom: 10px;
		}
		.shop-col figure {
			width: 50%;
		}
		
	.shop-col {
		display: block;
		clear: both;
		overflow: hidden;
		position: relative;
		margin: 2vh auto 3vh;
	}


		/* --------------------------------------------------
		bangaihen-col
		-------------------------------------------------- */
		.bangaihen-col dl {
			background: #FFF;
			float: none;
			padding: 10px;
			position: relative;
			right: 0;
			bottom: 0;
			width: 100%;
		
		}
		.bangaihen-col dt {
			font-size: 1.6rem;
			color: #EE8354;
			margin-bottom: 1vh;
		}
		.bangaihen-col dt::before {
			content: none;
		}
		.bangaihen-col dt span {
			font-size: 1.3rem;
			display: block;
		}
		
		.bangaihen-col dd {
			width: 95%;
		}
		.bangaihen-col figure {
			float: none;
			width: 100%;
			font-size: 1.1rem;
		}
		
	
}