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

#mainimage{
	clear:both;
	overflow:hidden;
	font-family:serif;
	line-height:1.5;
	text-align:center;
	position:relative;
}
#mainimage .jusyou{
	position:absolute;
	right:0.5em;
	top:5em;
	width:20%;
	text-align:right;
}
#mainimage img{
	width:100%;
}
#mainimage h2{
	margin:0 0 0.5em;
	font-size:112%;
}
#mainimage .text{
	font-size:68%;
}
/*----------------------------------------------------
　contents
------------------------------------------------------*/
#content{
	padding:1em 0 0;
}

section .cont{
	width:90%;
	overflow:hidden;
	margin:0 auto;
}

/*----------------------------------------------------
　
------------------------------------------------------*/
.item-list{
	clear:both;
	overflow:hidden;
	width:90%;
	margin:0 auto;
}
.item-list ul{
	clear:both;
	overflow:hidden;
}
.item-list ul li{
/*	float:left;
	width:49%;*/
	clear:both;
	overflow:hidden;
	width:86%;
	margin:0 auto 2em;
	text-align:left;
}
/*.item-list ul li:nth-child(2n){
	margin-right:0;
}*/
.item-list ul li .img{
/*	float:left;
	width:47%;*/
	width:100%;
	margin:0 0 5px;
}
.item-list ul li .img img{
	width:100%;
}
.item-list ul li .text-area{
/*	float:left;
	width:51%;*/
}
.item-list ul li h3{
	font-size:93%;
}
.item-list ul li .text{
	margin:0 0 5px;
	font-size:81%;
}
/*  
------------------------------------------*/
.item-list ul li .quantity-area{
	overflow:hidden;
	margin:0 0 0.3em;
	font-size:56%;
	float:left;
	width:36%;
	margin-left:10%;
}
.item-list ul li .quantity-area dt,
.item-list ul li .quantity-area dd{
	display:table-cell;
	vertical-align:middle;
}
.item-list ul li .quantity-area dt{
	margin-right:0.5em;
}

/*  
------------------------------------------*/
.item-list .cart-btn{
	float:left;
	width:44%;
}
.item-list .cart-btn input,
.item-list .cart-btn img{
	width:100%;
}

/*  
------------------------------------------*/
.item-list .title{
	clear:both;
	margin:0 0 0.5em;
}
.item-list .title img{
	width:100%;
}

/*----------------------------------------------------
　
------------------------------------------------------*/
#text01{
	clear:both;
	overflow:hidden;
	margin:0 0 0.3em;
}
#text01 img{
	width:100%;
}
/*----------------------------------------------------
　
------------------------------------------------------*/
#text02{
	position:relative;
	overflow:hidden;
	margin:0 0 0;
	z-index:0;
}
#text02 img{
	width:100%;
}
/*----------------------------------------------------
　
------------------------------------------------------*/
#text03{
	position:relative;
	overflow:hidden;
	margin:-1em 0 0;
	font-family:serif;
	line-height:1.5;
	text-align:center;
	z-index:2;
}
#text03 img{
	width:62%;
}
#text03 h3{
	margin:0 0 0.5em;
	font-size:87%;
}
#text03 .text{
	font-size:68%;
}
/*----------------------------------------------------
　
------------------------------------------------------*/
#text04{
	position:relative;
	margin:-4em 0 0;
	padding:21em 4% 1em 7%;
	font-family:serif;
	line-height:1.5;
	text-align:center;
	background:url(../img/shopping/s01/text04.jpg) no-repeat center top / 100% auto;
	z-index:0;
}
#text04 h3{
	margin:0 0 0.5em;
	font-size:87%;
	text-align:left;
}
#text04 .text{
	font-size:68%;
	text-align:left;
}
/*----------------------------------------------------
　
------------------------------------------------------*/
#text05{
	clear:both;
	overflow:hidden;
	margin:0 0 2em;
	font-family:serif;
	line-height:1.5;
	text-align:center;
}
#text05 img{
	width:100%;
	margin:0 0 1em;
}
#text05 h3{
	margin:0 0 0.5em;
	font-size:87%;
}
#text05 .text{
	font-size:68%;
}
/*----------------------------------------------------
　
------------------------------------------------------*/
.text06{
	clear:both;
	overflow:hidden;
	width:90%;
	margin:0 auto 2em;
	font-family:serif;
	line-height:1.5;
	text-align:left;
}
.text06 .img img{
	width:100%;
}
.text06 h4{
	margin:0 0 0.2em;
	padding:0 6%;
	font-size:93%;
	border-bottom:1px solid #ccc;
}
.text06 h4 .en{
	display:block;
	font-size:56%;
	line-height:2;
	font-family:Helvetica serif;
}
.text06 .text{
	padding:0 6%;
	font-size:87%;
}
/*  
------------------------------------------*/
#text06-1 h4 .en{
	color:#deb308;
}
#text06-2 h4 .en{
	color:#3eb3bb;
}
#text06-3 h4 .en{
	color:#e87338;
}
#text06-4 h4 .en{
	color:#06933e;
}


/*----------------------------------------------------
　
------------------------------------------------------*/
.lineup-btn{
	clear:both;
	width:65%;
	margin:0 auto 3.5em;
	text-align:center;
}
.lineup-btn img{
	width:100%;
}



/*----------------------------------------------------
　
------------------------------------------------------*/
#youtube{
clear: both;
width: 90%;
overflow: hidden;
margin: 0 auto 2em;
}
#youtube h3{
margin: 0 0 0.5em;
font-size: 93%;
font-family:"ヒラギノ明朝体6", "ヒラギノ明朝 ProN W6", YuMincho, "Yu Mincho", "HiraMinProN-W6", "Hiragino Mincho Pro", serif;
font-weight: bold;
}
#youtube .text{
margin: 0 0 1em;
font-size: 87%;
text-align: left;
}

#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 img{
max-width: 100%;
}
#voice .title{
	margin:0 0 1em;
}
#voice #voice-area{
	overflow-x:hidden;
	overflow-y:auto;
    width: 90%;
	max-width:900px;
	height:280px;
	margin:0 auto 0;
    box-sizing: border-box;
}
#voice #voice-area dl{
	clear:both;
	overflow:hidden;
    width: 100%;
	max-width:728px;
	margin:0 auto 2em;
	padding:1em;
	font-size: 87%;
	line-height:1.7;
	background-image:url(../../../common/img/shopping/s01n3/voice_body.jpg);
	background-repeat:repeat;
	background-position:right bottom;
    background-size:100% auto;
    box-sizing: border-box;
}
#voice #voice-area dl dt{
	margin:0 0 1em;
	text-align:center;
}
#voice #voice-area dl dt img{
    margin: 0 0 0.5em;
}
#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;
}