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

@goods

*****************************************--*/
html{
	overflow-y:scroll;
}

#top-header{
	background:#c80032;
}

#wrapper{
	background-attachment:inherit;
	background:url(../../img/sp/goods/bg.jpg) no-repeat center 0px #000;
	background-size:100% auto;
}

#contents-inner{
	padding:61px 0 0;
	width:100%;
	/*max-height:1064px;*/
	margin:0 auto;
	position:relative;
	z-index:1;
}

#sub-ttl{
	display: block;
    padding: 0 0 25px 0;
    width: 100%;
}
#sub-ttl img{
	width:100%;
}

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

@index

****************--*/
.goods-item-container{
	width:94%;
	margin: 0 auto 10% auto;
}

.goods-item{
	float:left;
	width:48%;
	background:rgba(0,0,0,0.3) url(../../img/sp/common/box_bg.png) bottom right no-repeat;
	background-size:17px 15px;
	border:1px solid #c80032;
	margin:1%;
	padding:2%;
	
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.goods-item a{
	color:#fff;
	text-decoration:none;
}



.goods-item-img{
	width:100%;
	overflow:hidden;
}

.goods-item-img img{
	width:100%;
	height:auto;
}

.goods-item-name{
	padding:3% 0;
	line-height:1.2em;
	
}

.goods-coming{
	font-family: 'Michroma',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 24px;
    text-align: center;
    padding: 50px 0;
    color: #ff0040;
}


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

@item

****************--*/
.wrapper{
	width:100%;
	height:100%;
	overflow-y:auto;
	overflow-x:hidden;
	background:#fff;
	color:#000;
	border:2px solid #bb002f;
	padding:5%;
	
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	
	-webkit-overflow-scrolling: touch;
}

.main{
	width: 100%;
	margin: 0 auto;
}

.item-ttl{
	padding: 5px 0 25px 0;
	font-size: 14px;
	line-height: 1.5em;
	font-weight: bold;
}

.leftCol{
  width: 100%;
  text-align: center;
}

.box {
  text-align: center;
}

.leftCol .photo {
  margin: 0;
  text-align: center;
  background: #fff;
  margin:0 0 5% 0;
}

.photo img {
  width: 100%;
}

.rightCol {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 93%;
  line-height: 1.75em;
  text-align: left;
}

.thumbnail {
	display: table;
	margin: 0 auto 20px auto;
}

.thumbnail li{
  width: 50px;
  margin: 0 8px 10px 0;
  padding: 0;
  border: 4px solid #e37f98;
  cursor: pointer;
  float: left;
  font-size: 0;
  line-height: 0;
}

.rightCol .photo {
  width: 50px;
}