@charset "utf-8";
/*----------------------------------------------------
　header
------------------------------------------------------*/


/*----------------------------------------------------
　
------------------------------------------------------*/


#mainimage{
	position:relative;
	clear:both;
	overflow:hidden;
	background:url(../img/shopping/s01n3/main_1500.jpg) no-repeat center bottom;
	background-size:100%;
	height:592px;
}
#mainimage img{
	margin:100px 0 0;
}
#mainimage .jusyou{
	position:absolute;
	left:50%;
	bottom:30px;
	width:1030px;
	margin-left:-515px;
	text-align:right;
}
@media screen and (max-width: 1400px) {
	#mainimage{
		background:url(../img/shopping/s01n3/main_1400.jpg) no-repeat center bottom;
		background-size:100%;
		height:582px;
	}
}
@media screen and (max-width: 1030px) {
	#mainimage{
		background:url(../img/shopping/s01n3/main.jpg) no-repeat center bottom;
		background-size:1030px;
		height:552px;
	}
	#mainimage .jusyou{
		left:auto;
		right:0;
		bottom:0;
		width:25%;
		margin-left:0;
		text-align:right;
	}
	#mainimage .jusyou img{
		width:100%;
		max-width:250px;
	}
}

/*----------------------------------------------------
　content
------------------------------------------------------*/
#content{
	padding:0;
}
#content .btn{
	clear:both;
}
#content .btn a:hover img{
	opacity:0.7;
}
/*  
------------------------------------------*/

/*----------------------------------------------------
　
------------------------------------------------------*/
#text01{
	clear:both;
	position:relative;
	overflow:hidden;
	padding:30px 0;
	text-align:center;
}
#text01 h2{
	margin:0 0 15px;
}
#text01 .text{
	font-size:18px;
	font-family:"ヒラギノ明朝体6", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "Hiragino Mincho Pro", serif;
	line-height:1.7;
}
/*----------------------------------------------------
　
------------------------------------------------------*/
#text02{
	clear:both;
	position:relative;
	text-align:center;
	background:#21160f url(../img/shopping/s01n3/text02_body.jpg) no-repeat center top;
}
#text02 .cont{
	position:relative;
	width:1030px;
	margin:0 auto;
}
#text02 .cont .icon{
	position:absolute;
	top:-27px;
	left:73px;
}
/*----------------------------------------------------
　
------------------------------------------------------*/
#text03{
	clear:both;
	position:relative;
	text-align:center;
	background:#fff;
}
#text03 .cont{
	position:relative;
	width:954px;
	min-height:170px;
	margin:0 auto;
	padding:125px 38px 0;
	text-align:right;
	background:#fff url(../img/shopping/s01n3/text03_body.jpg) no-repeat left top;
}

/*----------------------------------------------------
　
------------------------------------------------------*/
#text04{
	clear:both;
	overflow:hidden;
	text-align:center;
	background:#000;
}
/*----------------------------------------------------
　
------------------------------------------------------*/
#text05{
	clear:both;
	position:relative;
	text-align:center;
	background:#fff;
}
#text05 .cont{
	position:relative;
	width:1030px;
	margin:0 auto 60px;
}
#text05 .cont .icon{
	position:absolute;
	top:-27px;
	left:73px;
}
/*----------------------------------------------------
　
------------------------------------------------------*/
#text06{
	clear:both;
	overflow:hidden;
	text-align:center;
	margin:0 0 70px;
}
#text06 .link{
	margin:50px 0 0;
	text-align:center;
}
/*----------------------------------------------------
　
------------------------------------------------------*/
#text07{
	clear:both;
	overflow:hidden;
	text-align:center;
	margin:0 0 80px;
}

/*----------------------------------------------------
　
------------------------------------------------------*/
#text08{
	clear:both;
	overflow:hidden;
	text-align:center;
	margin:0 0 110px;
}
#text08 ul li{
	margin:0 0 30px;
}
#text08 .link{
	text-align:center;
}

/*----------------------------------------------------
　
------------------------------------------------------*/
#youtube{
clear: both;
overflow: hidden;
margin: 0 0 110px;
}
#youtube h3{
margin: 0 0 0.5em;
font-size: 2rem;
font-family:"ヒラギノ明朝体6", "ヒラギノ明朝 ProN W6", YuMincho, "Yu Mincho", "HiraMinProN-W6", "Hiragino Mincho Pro", serif;
font-weight: 400;
}
#youtube .text{
margin: 0 0 1em;
}

#youtube .move{
max-width: 888px;
margin: 0 auto;
position: relative;
aspect-ratio: 16 / 9;
}
#youtube .move iframe{
width: 100%;
height: 100%;
}


/*----------------------------------------------------
　
------------------------------------------------------*/
#voice{
	clear:both;
	overflow:hidden;
	padding:0 0 70px;
	text-align:center;
	background:#fff;
}
#voice .title{
	margin:0 0 30px;
}
#voice #voice-area{
	overflow-x:hidden;
	overflow-y:auto;
	width:900px;
	height:500px;
	margin:0 auto 0;
}
#voice #voice-area dl{
	clear:both;
	overflow:hidden;
	width:728px;
	margin:0 auto 55px;
	padding:50px 80px 80px;
	font-size:18px;
	line-height:1.7;
	background-image:url(../img/shopping/s01n3/voice_body2.png), url(../img/shopping/s01n3/voice_body.jpg);
	background-repeat:no-repeat, repeat;
	background-position:right bottom;
}
#voice #voice-area dl dt{
	margin:0 0 50px;
	text-align:center;
}
#voice #voice-area dl dd{
	text-align:left;
}
/*	margin-top:1.2em;
}*/





/*----------------------------------------------------
　
------------------------------------------------------*/
.itemlistarea{
	clear:both;
	overflow:hidden;
	padding:30px 0 50px;
	background:#fff;
	border-bottom:1px solid #AA9E71;
}
#listarea{
	clear:both;
	overflow:hidden;
	padding:70px 0;
}
.itemlistarea h2,
#listarea h2{
	margin:0 0 40px;
}
.itemlistarea .cont,
#listarea .cont{
	width:940px;
	margin:0 auto 30px;
}
.itemlistarea ul,
#listarea ul{
	overflow:hidden;
	margin:0 0 20px;
}
.itemlistarea ul li,
#listarea ul li{
	float:left;
	margin:0 0 0 20px;
	text-align:left;
}
.itemlistarea ul li h3,
#listarea ul li h3{
	padding:10px 0;
	line-height:1.8;
}
.itemlistarea ul li .small,
#listarea ul li .small{
	font-size:81%;
}

.itemlistarea ul li .text,
#listarea ul li .text{
	font-size:87%;
}

.itemlistarea ul li:first-child,
#listarea ul li:first-child{
	margin-left:0;
}

.itemlistarea ul li .icon,
#listarea ul li .icon{
	margin:1em 0 0;
}
.itemlistarea ul li .quantity-area,
#listarea ul li .quantity-area{
	padding:20px 0 15px;
}
.itemlistarea ul li .quantity-area dt,
.itemlistarea ul li .quantity-area dd,
#listarea ul li .quantity-area dt,
#listarea ul li .quantity-area dd{
	display:inline;
	margin:0 15px 0 0;
}
.itemlistarea ul li .quantity-area dd input,
#listarea ul li .quantity-area dd input{
	border:1px solid #666;
}

.itemlistarea .sub-text,
#listarea .sub-text{
	clear:both;
	padding:10px;
	text-align:center;
	background:#ebebeb;
}




/*----------------------------------------------------
　
------------------------------------------------------*/
#recommend-list{
	clear:both;
	overflow:hidden;
	width:940px;
	margin:0 auto 80px;
}
#recommend-list ul{
	clear:both;
	overflow:hidden;
	margin:20px 0 0;
}
#recommend-list ul li{
	float:left;
	width:223px;
	margin:0 0 0 16px;
	font-size:13px;
	text-align:left;
}
#recommend-list ul li:first-child{
	margin-left:0;
}
#recommend-list ul li .text{
	margin:4px 0 0;
}