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

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

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

/*----------------------------------------------------
　
------------------------------------------------------*/
#listarea{
	clear:both;
	overflow:hidden;
}
#listarea ul{
	clear:both;
	overflow:hidden;
}
#listarea ul li{
	clear:both;
	overflow:hidden;
	text-align:left;
	margin:0 0 2em;
}
#listarea ul li img{
	width:100%;
}
#listarea ul li .text-area{
	width:90%;
	margin:0 auto;
}
#listarea ul li .text-area h3{
	font-size:150%;
	font-weight:bold;
}
#listarea ul li .text-area h3 .price{
	font-size:150%;
}
#listarea ul li .text-area h3 .small{
	font-size:64%;
}
#listarea ul li .text-area .text{
	margin:0 0 1em;
	font-size:75%;
}
#listarea ul li .icon{
	margin:0 0 1em;
	font-size:75%;
}
#listarea ul li .icon img{
	max-width:80px;
}
@media screen and (max-width: 480px) {
#listarea ul li .text-area{
	width:100%;
}
#listarea ul li .text-area h3{
	font-size:93%;
	font-weight:bold;
}
#listarea ul li .text-area .text{
	font-size:62%;
}
}
/*-------------------*/
#listarea ul li .quantity-area{
	float:left;
	overflow:hidden;
	width:44%;
	font-size:112%;
}
#listarea ul li .quantity-area dt,
#listarea ul li .quantity-area dd{
	display:table-cell;
	vertical-align:middle;
}
#listarea ul li .quantity-area dd{
	padding:0.5em;
}
#listarea ul li .quantity-area dd input{
	width:100%;
	max-width:120px;
	padding:0.5em;
}
#listarea ul li .cart-btn{
	float:right;
	width:55%;
}
#listarea ul li .cart-btn input{
	width:100%;
}
@media screen and (max-width: 480px) {
#listarea ul li .quantity-area{
	font-size:100%;
}
#listarea ul li .quantity-area dd{
	padding:0.2em;
}
#listarea ul li .quantity-area dd input{
	width:4em;
	padding:0.2em 0.3em;
}
}

/*----------------------------------------------------
　
------------------------------------------------------*/
#text01{
	clear:both;
	overflow:hidden;
	margin:0 0 0;
}
#text01 img{
	width:100%;
}
/*----------------------------------------------------
　
------------------------------------------------------*/
#text02{
	width:90%;
	overflow:hidden;
	margin:0 auto 3.5em;
	font-size:75%;
	font-family:"ヒラギノ明朝体6", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "Hiragino Mincho Pro", serif;
	text-align:left;
}
#text02 img{
	width:100%;
	margin:0 0;
}
/*----------------------------------------------------
　
------------------------------------------------------*/
#text03{
	clear:both;
	overflow:hidden;
	padding:2.5em;
	background:#e8e0cf;
	background: -webkit-linear-gradient(to bottom, #e8e0cf 80%, #bda87c);
	background: linear-gradient(to bottom, #e8e0cf 75%, #bda87c);

}
#text03 img{
	width:100%;
	margin:0 0;
}
#text03 .title-text{
	padding:1em;
	text-align:left;
	border-top:1px solid #857e75;
}
@media screen and (max-width: 480px) {
#text03 .title-text{
	padding:0.8em;
	font-size:81%;
}
}
/*----------------------------------------------------
　
------------------------------------------------------*/
#text04{
	clear:both;
	overflow:hidden;
}
#text04 img{
	width:100%;
}
/*----------------------------------------------------
　
------------------------------------------------------*/
#text05{
	clear:both;
	overflow:hidden;
	padding:1em;
	background:#000;
}
#text05 img{
	width:100%;
	margin:0 0 1em;
}
#text05 dl{
	clear:both;
	overflow:hidden;
	margin:0 0 1.5em 1em;
	color:#fff;
	text-align:left;
}
#text05 dl dt{
	float:left;
	width:16%;
	min-width:5.5em;
}
#text05 dl dd{
    position: relative;
	float:left;
	width:80%;
	padding-left:1em;
}
#text05 dl dd:before{
    position: absolute;
    left: 0;
    top: 0;
	content:": ";
}
#text05 dl dd .link{
padding: 0.6em 0 0;
}
#text05 dl dd .link a{
position: relative;
display: block;
width: 5.5em;
padding: 0.5em 2em 0.5em 1em;
color: #fff;
font-size: 87%;
text-indent: 0;
text-decoration: none;
border: 1px solid #fff;
border-radius: 9999px;
}
#text05 dl dd .link a:before{
position: absolute;
right: 0.8em;
top: 0.5em;
content: "→";
color: #fff;
}


@media screen and (max-width: 540px) {
#text05 dl{
	font-size:81%;
}
#text05 dl dt{
	width:20%;
}
#text05 dl dd{
	width:76%;
}
}
@media screen and (max-width: 480px) {
#text05 dl{
	font-size:75%;
}
#text05 dl dt{
	width:24%;
}
#text05 dl dd{
	width:70%;
}
}
@media screen and (max-width: 360px) {
#text05 dl dd{
	width:66%;
}
}
/*-------------------*/
#text05 dl#france dt{
	position:relative;
	border-bottom: 1px solid #fff;
	z-index:0;
}
#text05 dl#france dt:before{
	position: absolute;
  bottom: -1px;
  left: 0;
	z-index:1;
  content: '';
  width: 33%;
  height: 1px;
  background-color:#003cf2;
}
#text05 dl#france dt:after{
	position: absolute;
  bottom: -1px;
  right: 0;
	z-index:1;
  content: '';
  width: 33%;
  height: 1px;
  background-color:#ff020f;
}
/*-------------------*/
#text05 dl#italian dt{
	position:relative;
	border-bottom: 1px solid #fff;
	z-index:0;
}
#text05 dl#italian dt:before{
	position: absolute;
  bottom: -1px;
  left: 0;
	z-index:1;
  content: '';
  width: 33%;
  height: 1px;
  background-color:#00ad1a;
}
#text05 dl#italian dt:after{
	position: absolute;
  bottom: -1px;
  right: 0;
	z-index:1;
  content: '';
  width: 33%;
  height: 1px;
  background-color:#ff0010;
}
/*-------------------*/
#text05 dl#china dt{
	position:relative;
	border-bottom: 1px solid #ffff00;
	z-index:0;
}
#text05 dl#china dt:before{
	position: absolute;
  bottom: -1px;
  left: 0;
	z-index:1;
  content: '';
  width: 50%;
  height: 1px;
  background-color:#ff0000;
}
/*-------------------*/
#text05 dl#japan dt{
	position:relative;
	border-bottom: 1px solid #ff0000;
	z-index:0;
}
#text05 dl#japan dt:before{
	position: absolute;
  bottom: -1px;
  left: 0;
	z-index:1;
  content: '';
  width: 50%;
  height: 1px;
  background-color:#ffffff;
}
/*----------------------------------------------------
　
------------------------------------------------------*/
#text06{
	clear:both;
	overflow:hidden;
}
#text06 img{
	width:100%;
}
#text06 h2{
	width:90%;
	margin:0.5em auto;
}
#text06 .text{
	width:90%;
	margin:0 auto 2.5em;
	font-size:75%;
	font-family:"ヒラギノ明朝体6", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "Hiragino Mincho Pro", serif;
	text-align:left;
}
/*----------------------------------------------------
　
------------------------------------------------------*/
#text07{
	clear:both;
	overflow:hidden;
	margin:0 0 2em;
}
#text07 img{
	width:100%;
}

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