@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;
    }
    .content a{		/*本文*/
		display: block;
		margin: 5px 20px;
		color: #515151;
		font-size: 11pt;
    }
    .toggle:checked + .Label + .content {
    	height: auto;
    	transition: all .3s;
    }


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

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

div#fuku section{
	position: relative;
}

div#fuku section a:hover{
	filter: brightness(1.2)
}
div#fuku .kanpo a.bofu{
	width: 90%;
	display: block;
	position: absolute;
	bottom: 19%;
	left: 5%;
	animation: spin 1s ease-in-out infinite;
}

div#fuku .kanpo a.boi{
	width: 90%;
	display: block;
	position: absolute;
	bottom: 10%;
	left: 5%;
	animation: spin 1s ease-in-out infinite;
}

div#fuku .kanpo a.daisai{
	width: 90%;
	display: block;
	position: absolute;
	bottom: 1%;
	left: 5%;
	animation: spin 1s ease-in-out infinite;
}

div#fuku .nenmatsu a.sm{
	width: 90%;
	display: block;
	position: absolute;
	bottom: 22%;
	left: 5%;
	animation: spin 1s ease-in-out infinite;
}

div#fuku .nenmatsu a.ml{
	width: 90%;
	display: block;
	position: absolute;
	bottom: 12%;
	left: 5%;
	animation: spin 1s ease-in-out infinite;
}

div#fuku .nenmatsu a.ll{
	width: 90%;
	display: block;
	position: absolute;
	bottom: 2%;
	left: 5%;
	animation: spin 1s ease-in-out infinite;
}

div#fuku .shimi a{
	width: 90%;
	display: block;
	position: absolute;
	bottom: 2%;
	left: 5%;
	animation: spin 1s ease-in-out infinite;
}

div#fuku .hari a{
	width: 90%;
	display: block;
	position: absolute;
	bottom: 6%;
	left: 5%;
	animation: spin 1s ease-in-out infinite;
}