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

/*code copy*/
	.codecopy {width: 100%; text-align: center;}
	#copybutton {width: 90%; font-size:min(3.5vw,28px); margin: 15px; border: 1px solid #7b7b7b;border-radius: 5px; background:#ddd;}
	.count {display: block;position: relative;}
	.count div {position: absolute;right: 2%; bottom:20%;font-size:min(4.5vw,35px);color: #000;}


/*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#boi {
	width: 100%;
	max-width: 750px;
	margin: 0 auto;
	padding: 0;
}

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

div#boi section{
	position: relative;
}

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

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

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

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

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

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

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

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

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

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