@charset "UTF-8";
/* CSS Document */

/* permanent&Closeup */


/* common */

#itemList li{
	width:100% !important;
}

.itemDetail{
	position:relative;
}

.btnDetail a{
	width:25px;
	position:absolute;
	top:6px;
	left:50%;
	margin-left:-12.5px;
}

.bx-viewport{
	overflow:visible !important;
}

@media only print, only screen and (min-width: 18.75em){

.itemImg,
.itemImgVert{
	margin-bottom:30px;
}

.itemName{
	font-size:14px;
	line-height:1.6;
	letter-spacing:0.06em;
	text-align:center;
	font-variant-ligatures:none;
}

.bx-viewport{
	height:0;
	overflow:hidden;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration:  0.5s;
	-o-transition-duration:  0.5s;
	transition-duration: 0.5s;
}

.bx-viewport.active{
	height:640px !important;
}

.itemImgCover{
  width: 100%;
  margin:0 auto;
  text-align:center;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(60%); /* Safari用 */
  transform: translateY(60%);
}


}

@media only print, only screen and (min-width: 375px){

.bx-viewport.active{
	height:640px !important;
}

}

@media only print, only screen and (min-width: 768px){

.itemImg,
.itemImgVert{
	margin-bottom:30px;
}

.itemName{
	font-size:14px;
	line-height:1.6;
	letter-spacing:0.06em;
	text-align:center;
	font-variant-ligatures:none;
}

.bx-viewport{
	height:0;
	overflow:hidden;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration:  0.5s;
	-o-transition-duration:  0.5s;
	transition-duration: 0.5s;
}

.bx-viewport.active{
	height:1200px !important;
}

}

@media only print, only screen and (min-width: 1000px){
	
#main{
	padding-bottom:140px;
}

.itemName{
	font-size:14px;
	line-height:1.6;
	letter-spacing:0.1em;
	text-align:center;
}

#itemList li{
	width:100% !important;
	text-align:center;
}

.itemImg{
	width:42%;
	margin:0 auto 30px;
	text-align:center;
}

.itemImgVert{
	width:35%;
	margin:0 auto 30px;
	text-align:center;
}

.itemImgCover{
  width: 42%;
  margin:0 auto;
  text-align:center;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(10vw); /* Safari用 */
  transform: translateY(10vw);
}

.bx-viewport.active{
	height:60vw !important;
}

}