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

/*detail*/
    .toggle {
    	display: none;
    }
    .Label {
    	padding: 0;
    	display: block;
    }
    .Label,
    .content {
    	-webkit-backface-visibility: hidden;
    	backface-visibility: hidden;
    	transform: translateZ(0);
    	transition: all 0.3s;
    }
    .content {		/*本文*/
    	height: 0;
    	padding:0;
    	overflow: hidden;
    }
    .toggle:checked + .Label + .content {
    	height: auto;
    	transition: all .3s;
    }


div#mboi {
	width: 100%;
	max-width: 750px;
	margin: 0 auto;
	padding: 0;
}

div#mboi img{
	width: 100%;
	max-width: 750px;
	margin: 0;
	padding: 0;
	display: block;
}

div#mboi section{
	position: relative;
}

div#mboi section a:hover{
	filter: brightness(1.1)
}

div#mboi .fv a{
	width: 96%;
	display: block;
	position: absolute;
	bottom: 1%;
	left: 2%;
	animation: spin 1s ease-in-out infinite;
}

div#mboi .offer a{
	width: 96%;
	display: block;
	position: absolute;
	top: 7%;
	left: 2%;
	animation: spin 1s ease-in-out infinite;
}

div#mboi .type a{
	width: 31%;
	display: block;
	position: absolute;
	bottom: 4.5%;
	right: 10%;
}

div#mboi .teiki3 a{
	width: 91%;
	display: block;
	position: absolute;
	bottom: 9%;
	left: 5%;
	animation: spin 1s ease-in-out infinite;
}

div#mboi .teiki3_size a.sm{
	width: 91%;
	display: block;
	position: absolute;
	bottom: 24.5%;
	left: 5%;
	animation: spin 1s ease-in-out infinite;
}

div#mboi .teiki3_size a.ml{
	width: 91%;
	display: block;
	position: absolute;
	bottom: 15.5%;
	left: 5%;
	animation: spin 1s ease-in-out infinite;
}

div#mboi .teiki3_size a.ll{
	width: 91%;
	display: block;
	position: absolute;
	bottom: 6.5%;
	left: 5%;
	animation: spin 1s ease-in-out infinite;
}

div#mboi .teiki3coupon a.sm{
	width: 91%;
	display: block;
	position: absolute;
	bottom: 23%;
	left: 5%;
	animation: spin 1s ease-in-out infinite;
}

div#mboi .teiki3coupon a.ml{
	width: 91%;
	display: block;
	position: absolute;
	bottom: 16%;
	left: 5%;
	animation: spin 1s ease-in-out infinite;
}

div#mboi .teiki3coupon a.ll{
	width: 91%;
	display: block;
	position: absolute;
	bottom: 7%;
	left: 5%;
	animation: spin 1s ease-in-out infinite;
}

div#mboi .teiki1 a{
	width: 88%;
	display: block;
	position: absolute;
	bottom: 11%;
	left: 6%;
	animation: spin 1s ease-in-out infinite;
}

div#mboi .teiki1coupon a{
	width: 88%;
	display: block;
	position: absolute;
	bottom: 10%;
	left: 6%;
	animation: spin 1s ease-in-out infinite;
}


div#mboi .tanpin a{
	width: 44%;
	display: block;
	position: absolute;
	bottom: 20%;
	left: 50%;
}

div#mboi a.fv {
	width: 91%;
	display: block;
	margin:10px auto;
	animation: fade2 1s ease-in-out infinite;
}