html,body {
	height: 100%;
}


* html .layer_board_bg,
* html .layer_board {
	position: absolute;
}
.btn_close.bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.btn_close.btn_box {
	z-index: 1;
}
#top_popup {
	position: absolute;
	height: 0;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}

.layer_board_bg {
	position: fixed;
	width: 100vw;
	height: 100vh;
	
	z-index: 1000;
	
	top: 0;
	left: 0;
	
	display: none;
	cursor: pointer;
	background: #000;
}
.layer_board_inner {
	width: 100%;
	height: 100%;
	display: flex;
}

.layer_board {
width: 100%;
height: 100%;
	display: none;
	position: fixed;
	text-align: center;
	z-index: 2000;
 }
.layer_board > div {
display: flex;
justify-content: center;
align-items: center;
align-content: center;
flex-direction: column;
flex-wrap: nowrap;
max-width: 95%;
margin: auto;
width: 95%;
}
.layer_board img {
max-width: 100%;
}
.attention {
max-width: 640px;
background: #fff;
text-align: left;
box-sizing: border-box;
padding: 15px 15px 55px;
position: relative;
}
.attention_details {
display: block;
background: #fa0;
padding: 5px;
text-align: center;
margin-top: 15px;
font-weight: bold;
border-radius: 5px;
}
.attention h2 {
background: #f00;
color: #fff;
text-align: center;
margin: 0 0 15px 0;
padding: 5px;
font-size: 16px;
}
.attention strong {
color: #f00;
font-weight: bold;
}
.attention ul {
margin: 0.5em 0;
padding: 0;
}
.attention li {
margin: 0 0 0.3em 2em;

}
.attention small {
font-size: 0.8em;
text-indent: -1em;
margin-left: 1em;
display: block;
}
.attention small::before {
content: "※";
}
.btn_box {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 40px;
}
.btn_box > a {
display: flex;
text-decoration: none;
}
.btn_box > a:hover {
	opacity: 0.7;
}
.btn_box > .btn_close {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.btn_box > .btn_close:hover {
	cursor: pointer;
}
.btn_close_text {
	background-color: #000;
	color: #fff;
	flex-grow: 10;
	text-align: center;
	margin-right: 2px;
	line-height: 40px;
}
.btn_x {
	width:40px;
	height:40px;
	background-color:#000;
}
.btn_x_a, .btn_x_b {
	height:40px;
	width:4px;
	border-radius: 2px;
	margin-left:18px;
	background-color:#fff;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg); /* Safari and Chrome */
	Z-index:1;
	
}
.btn_x_b {
	margin-left: 0;

	transform: rotate(90deg);
	-ms-transform: rotate(90deg); /* IE 9 */
	-webkit-transform: rotate(90deg); /* Safari and Chrome */
	Z-index:2;
	
}
@media screen and (max-width: 750px) {
.attention ul {
}
.attention {
max-width: 90%;
width: 90%;
}
div.attention p,
div.attention li {
font-size: 14px;
line-height: 1.5em;
}
.attention small  {
font-size: 8px;
line-height: 1.3em;
}
.attention h2 {
font-size: 14px;
padding: 2px;
}
.attention_details {
font-size: 14px;
padding: 8px 2px;
}

}

/*
     FILE ARCHIVED ON 01:48:34 Aug 04, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 01:29:26 Jul 04, 2024.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 1.796
  exclusion.robots: 0.23
  exclusion.robots.policy: 0.205
  esindex: 0.021
  cdx.remote: 6.039
  LoadShardBlock: 35.72 (3)
  PetaboxLoader3.datanode: 133.358 (5)
  load_resource: 1338.856 (2)
  PetaboxLoader3.resolve: 789.644 (2)
*/