@charset "utf-8";
/*----------------------------------------------------
　header
------------------------------------------------------*/
#content{
	padding:0;
}
@media screen and (max-width: 1600px) {
body{
	min-width:760px;
}
header{
	min-width:760px;
}
}
@media screen and (max-width: 1000px) {
#foot-nav ul{
	width:81%;
	padding:0 0 0 19%;
	background-size:19% auto;
}
#foot-nav ul li{
}
}
/*----------------------------------------------------

------------------------------------------------------*/
#mainimage{
	clear:both;
	overflow:hidden;
	text-align:center;
	background:url(../img/shopping/s12/main2_body.jpg) no-repeat center top;
}
@media screen and (max-width: 1030px) {
#mainimage{
	background:none;
}
#mainimage img{
	width:100%;
}
}
/*----------------------------------------------------
　text01
------------------------------------------------------*/
#text01{
	position:relative;
	z-index:0;
	clear:both;
	overflow:hidden;
	text-align:center;
	background:#4e191f;
}
@media screen and (max-width: 1030px) {
#text01 img{
	width:100%;
}
}
/*----------------------------------------------------
　text02
------------------------------------------------------*/
#text02{
	position:relative;
	z-index:2;
	clear:both;
	overflow:hidden;
	margin:-70px 0 -40px;
	text-align:center;
	background:url(../img/shopping/s12/text02_body.png) no-repeat center top;
}
@media screen and (max-width: 1030px) {
#text02{
	margin:-3em 0 -2em;
	background-size:185% auto;
}
#text02 img{
	width:100%;
}
}
/*----------------------------------------------------
　text03
------------------------------------------------------*/
#text03{
	position:relative;
	z-index:0;
	clear:both;
	overflow:hidden;
	text-align:center;
	padding:90px 0 170px;
	background:#bea87b;
}
@media screen and (max-width: 1030px) {
#text03{
	padding:3em 0;
}
#text03 img{
	width:100%;
}
}
/*----------------------------------------------------
　text04
------------------------------------------------------*/
#text04{
	clear:both;
	overflow:hidden;
	text-align:center;
	background:url(../img/shopping/s12/text04_body.jpg) no-repeat center top;
}
@media screen and (max-width: 1250px) {
#text04{
	background-size:152% auto;
}
#text04 img{
	width:100%;
}
}
/*----------------------------------------------------
　text05
------------------------------------------------------*/
#text05{
	clear:both;
	overflow:hidden;
	padding:70px 0;
	color:#fff;
	text-align:left;
	background:#281113;
}
#text05 #text05-1{
	overflow:hidden;
	width:1030px;
	margin:0 auto 60px;
}
#text05 #text05-1 .img{
/*	float:left;
	width:42%;
	max-width:428px;
	margin:0 0 0 46px;*/
  margin: 0 auto 1em;
  width: 96%;
}
#text05 #text05-1 .img img{
max-width: 100%;
}
#text05 #text05-1 .text{
/*	float:right;
	width:52%;
	max-width:530px;*/
  margin: 0 auto;
  width: 96%;
  text-align: center;

}
#text05 #text05-1 .text h3{
font-size: 300%;
font-weight: 500;
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
text-align: center;
}
#text05 #text05-1 .text .text-sub{
margin: 0 0 1em;
font-size: 150%;
font-weight: 500;
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
text-align: center;
}
#text05 #text05-1 .text img{
	margin:0 0 2.5em;
}
/**/
#text05 #text05-2{
	clear:both;
	text-align:center;
}
#text05 #text05-2 ul{
overflow: hidden;
width: 100%;
max-width: 950px;
margin: 0 auto;
text-align: left;
}
#text05 #text05-2 ul li{
float: left;
width: 44.4%;
margin: 0 11.2% 50px 0;
box-sizing: border-box;
}
#text05 #text05-2 ul li:nth-child(2n){
margin-right: 0;
}
#text05 #text05-2 ul li .text{
margin: 0.5em 0 0;
color: #fff;
}
#text05 #text05-2 ul li .link{
padding: 0.8em 0 0;
overflow: hidden;
}
#text05 #text05-2 ul li .link a{
overflow: hidden;
position: relative;
display: block;
width: 5.5em;
padding: 0.5em 2em 0.5em 1em;
color: #fff;
font-size: 87%;
text-decoration: none;
border: 1px solid #fff;
border-radius: 9999px;
}
#text05 #text05-2 ul li .link a:before{
position: absolute;
right: 0.8em;
top: 0.5em;
content: "→";
color: #fff;
}

@media screen and (max-width: 1030px) {
#text05{
	padding:2em;
}
#text05 #text05-1{
	width:90%;
	margin:0 auto 1em;
}
#text05 #text05-1 .img{
	margin:0 0 0 0;
}
#text05 #text05-1 .img img{
	width:100%;
	max-width:428px;
}
#text05 #text05-1 .text{
	font-size:87%;
}
#text05 #text05-1 .text img{
	width:100%;
	max-width:527px;
	margin:0 0 1em;
}
#text05 #text05-2{
	width:90%;
	margin:0 auto;
}
#text05 #text05-2 img{
	max-width:100%;
}
}
/*----------------------------------------------------
　text06
------------------------------------------------------*/
#text06{
	clear:both;
	overflow:hidden;
	text-align:center;
	background:linear-gradient(90deg,#fff 0%,#fff 50%,#71614f 50%,#71614f 100%);
}
@media screen and (max-width: 1030px) {
#text06 img{
	width:100%;
}
}

/*----------------------------------------------------
　text07
------------------------------------------------------*/
#text07{
	clear:both;
	overflow:hidden;
	text-align:center;
	padding:90px 0 170px;
	background:#bea87b;
}
@media screen and (max-width: 1030px) {
#text07{
	padding:3em 0;
}
#text07 img{
	width:100%;
}
}





/*----------------------------------------------------
　item
------------------------------------------------------*/
ul.itemlist{
	clear:both;
	overflow:hidden;
	width:100%;
	max-width:1000px;
	margin:0 auto;
}
ul.itemlist li{
	float:left;
	width:333px;
	text-align:left;
}
ul.itemlist li h3{
	font-size:125%;
	margin:0 0 0.2em 30px;
}
ul.itemlist li .price{
	font-size:187%;
	font-weight:bold;
	margin:0 0 0.2em 30px;
}
ul.itemlist li .price .small{
	font-size:60%;
}
ul.itemlist li .detail{
	margin:0 0 1em 30px;
}
ul.itemlist li .icon{
	clear:both;
	margin:0 0 0.5em 30px;
}
/**/
ul.itemlist li .quantity-area{
	overflow:hidden;
	margin:0 0 1em 30px;
}
ul.itemlist li .quantity-area dt,
ul.itemlist li .quantity-area dd{
	display:inline;
	margin:0 15px 0 0;
}
ul.itemlist li .quantity-area dd input{
	border:1px solid #666;
}

/**/

ul.itemlist li .cart-btn{
	text-align:center;
}

/**/
ul.itemlist li .sub-text{
	text-align:left;
	width:100%;
	max-width:275px;
	margin:0 auto;
	color:#900;
}

@media screen and (max-width: 1000px) {
ul.itemlist{
	width:90%;
}
ul.itemlist li{
	width:33%;
}
ul.itemlist li img{
	width:100%;
	max-width:333px;
	margin:0 auto;
}
ul.itemlist li h3{
	font-size:110%;
	margin:0 0 0.2em;
}
ul.itemlist li .price{
	margin:0 0 0.2em;
	font-size:150%;
}
ul.itemlist li .detail{
	font-size:87%;
	margin:0 0 0.5em;
}
ul.itemlist li .icon{
	margin:0 0 0.5em;
}
ul.itemlist li .icon img{
	max-width:80px;
}
ul.itemlist li .quantity-area{
	width:90%;
	margin:0 auto 0.5em;
}
ul.itemlist li .cart-btn input{
	width:90%;
	margin:0 auto;
}
ul.itemlist li .sub-text{
	font-size:87%;
}
}