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


.gallery{
	margin:0 0 5px 0;
	padding:0;
	position:relative;
}
.gallery:before{
	content:"";
	display:block;
	width:100%;
	position:relative;
	padding-bottom:66.85%;
}
.gallery li{
	list-style:none;
	width:100%;
	max-width:none;
	height:100%;
	opacity:0;
	transition: 0.3s ;
	position:absolute;
	top:0;
	left:0;
	padding:0;
}
.gallery li:before{
	content:"";
	display:block;
	width:100%;
	position:relative;
	padding-bottom:66.85%;
}

.gallery li.current{
	opacity:1;
}
.gallery li div{
	height:100%;
}
.gallery li img{
	width:auto;
	height:100%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}




.choice-btn {
	padding:0;
	margin:0;
	text-align:center;
}
.choice-btn li{
	cursor: pointer;
	outline: none;
	background:#333;
	width:calc(20% - 10px);
	max-width:105px;
	list-style:none;
	overflow:hidden;
	margin:5px 2px;
	padding:0;
	display:inline-block;
	opacity:0.4;
	transition: 0.3s ;
	position:relative;
}
.choice-btn li:before{
	content:"";
	display:block;
	width:100%;
	position:relative;
	padding-bottom:100%;
}
.choice-btn li img {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.choice-btn li img.yoko{
	max-width:none;
	height:100%;
}
.choice-btn li img.tate{
	max-height:none;
	width:100%;
}
.choice-btn li.current{
	opacity:1;
}