@charset "utf-8";

/* base */
*{margin:0;padding:0;}
img{display:block;border:0;}
a{color:inherit;text-decoration:none;}
ul{list-style-type:none;}
iframe{display:block;}
.wrapper{
	width:100%;
	min-width:640px;
}

.fv{
	width:100%;
}
.fv>img{
	width:100%;
}

.disc{
	width:100%;
}
.disc>img{
	width:100%;
}





.links {
	width:100%;
	position:relative;
}
.links>.title{
	position:absolute;
	top:27%;
	left:50%;
	transform: translate(-50%,-50%);
	z-index:100;
}
.links>.under{
	position:absolute;
	bottom:0;
	background:#FFFFFF;
	z-index:200;
	width:100%;
	height:3px;
}
.links>.title>img{
	width:100%;
}
ul.choose{
	display:table;
	width:100%;
}

ul.choose li{
	display:table-cell;
	/* width:50%; */
	width:33.33333%;
	width:calc(100% / 3);
	vertical-align:top;
}

.item{
	position:relative;
}
.item .eye{
	width:100%;
	z-index:0;
}
.item .eye img{
	width:100%;
}

.item .cap{
	position:absolute;
	top:56%;
	left:50%;
	transform: translate(-50%,-50%);
	z-index:30;
}
.item .cap>a{
	backface-visibility: hidden;
	display:inline-block;
	zoom:1.0;
}
.item .cap img{
	backface-visibility: hidden;
	display:inline-block;
	zoom:1.0;
	transition:0.3s;
	opacity:0.60;
	width:100%;
}

.item .cap:hover img{
	opacity:1.00;
}
.item .back{
	backface-visibility: hidden;
	display:inline-block;
	zoom:1.0;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:black;
	opacity:0.30;
	z-index:10;
	transition:0.3s;
}
.item .cap:hover+.back{
	opacity:0.0;
}




.footer {
	background:url("img/back1.png") repeat-x;
	height:210px;
	width:100%;
	z-index:200px;
}

.footer p {
	max-width:1040px;
	width:90%;
	margin:50px auto 0;
	line-height:190%;
	letter-spacing:2px;
}

.info {
	width:100%;
	text-align:center;
	margin-top:30px;
}
.info .logo{
	display:inline-block;
	margin-bottom:10px;
}
.info .text{
	display:inline-block;
	text-align:left;
	line-height:160%;
	letter-spacing:1px;
	padding-left:20px;
	font-size:13px;
}

.copy{
	width:100%;
	text-align:center;
	padding-top:15px;
	background:#ffa5cc;
	padding-bottom:15px;
	color:#FFFFFF;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
}

@media screen and (max-width:768px){
	.footer{
		height:270px;
	}
	.footer p {
		margin-top:30px;
	}
}