@charset "utf-8";
/*----------------------------------------------------
　
------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;300;400;500;700;900&family=Noto+Serif+SC:wght@200;400;500;700;900&display=swap');
body{ font-family: 'Noto Sans SC', sans-serif;}


#mainimage{
	clear:both;
	overflow:hidden;
	font-family:'Noto Serif SC', 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 .icon{
  margin: 0 0 5px;
}
/*  
------------------------------------------*/
.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:'Noto Serif SC', 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:'Noto Serif SC', 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:'Noto Serif SC', 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:'Noto Serif SC', 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 1em;
	text-align:center;
}
.lineup-btn img{
	width:100%;
}