
.icon_close {
	display: inline-block;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 50px;
	height: 50px;
	border: 2px solid #fff;
	cursor: pointer;
	
	/*
	background-color: rgba(0,0,0,0.3);
	border-radius: 50%;
	box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.4);
	*/
}
.icon_close:hover {
	/*
	background-color: rgba(0,0,0,0.7);
	*/
}
.icon_close::before, .icon_close::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 3px; /* 棒の幅（太さ） */
	height: 25px; /* 棒の高さ */
	height: 40px; /* 棒の高さ */
	background: #000;
	transition-duration: 1.0s;
}
 
.icon_close::before {
	transform: translate(-50%,-50%) rotate(45deg);
}

.icon_close::after {
	transform: translate(-50%,-50%) rotate(-45deg);
}


.icon_close.click::before {
	transform: translate(-50%,-50%) rotate(315deg);
}

.icon_close.click::after {
	transform: translate(-50%,-50%) rotate(-315deg);
}





.icon_nanbu-senbei {
	position: fixed;
	display: inline-block;
	width: 50px;
	height: 50px;
	right: 20px;
	bottom: 10vw;
	border: 5px solid rgba(0,0,0,.1);
	box-sizing: border-box;
	border-radius: 50%;
	padding: 0px;
	z-index: 101;
	line-height: 1;
	background-color: #ffeac3;
	cursor: pointer;
}

/*
.icon_nanbu-senbei::before {
	content: "";
	position: absolute;
	display: inline-block;
	top: calc( var(--mimi_wid) * -1 );
	left: calc( var(--mimi_wid) * -1 );
	width: 50px;
	height: 50px;
	border: var(--mimi_wid) solid var(--senbei_color);
	border: var(--mimi_wid) solid rgba(0,0,0,.1);
	border-radius: 50%;
	background-color: var(--senbei_color);
	z-index: 100;
}
*/
.icon_nanbu-senbei::after {
	content: "上へ";
	position: absolute;
	display: inline-block;
	width: auto;
	height: auto;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	font-size: 14px;
	font-weight: bold;
	color: #998866;
	white-space: nowrap;
}




.icon_pagetop {
	position: fixed;
	display: inline-block;
	width: 80px;
	height: 60px;
	right: 20px;
	bottom: 15vw;
	border: 0;
	box-sizing: border-box;
	border-radius: 50%;
	padding: 10px;
	z-index: 101;
	line-height: 1;
	background-color: #1d2088;
	cursor: pointer;
	/* font-family: 'Lilita One', cursive; */
	/* font-family: 'Oswald', sans-serif; */
	font-size: 15pt;
	font-weight: bold;
	color: #fff;
}
/*
.icon_pagetop::after {
	content: "PAGE TOP";
	position: absolute;
	display: inline-block;
	width: auto;
	height: auto;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	font-size: 12px;
	color: #fff;
	white-space: nowrap;
}
*/
