html,body {
	height: 100%;
}

* html .layer_board_bg,
* html .layer_board {
	position: absolute;
}

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

.layer_board {
	display: none;
	width:640px;
	position: absolute;
	left: 50%;
	top:1%;
	margin: 50px 0px 0px -320px;
	text-align: center;
	z-index: 20000;
}

.layer_board .btn_close {
  margin-bottom: 20px;
  display: block;
}
.layer_board .pc_none {
	display: none;
}
.layer_board .sp_none {
	display: block;
}

@media screen and (max-width: 767px) {
.layer_board {
	left: 50%;
	margin-top: 20px;
	margin-left:-100px;
	text-align: center;
}
#layer_board_area .bnr {
  width: 100%;
  height: auto;
}
.layer_board .pc_none {
	display: block;
}
.layer_board .sp_none {
	display: none;
}
}



@media only screen and (min-width: 375px) and (max-width: 679px) {
.layer_board {
	display: none;
	width:384px;
	position: absolute;
	left: 50%;
	top:1%;
	margin: 0px 0px 0px -182px;
	text-align: center;
	z-index: 20000;
}	

}


@media only screen and (max-width: 374px) {
.layer_board {
	display: none;
	width:350px;
	position: absolute;
	left: 50%;
	top:1%;
	margin: 0px 0px 0px -175px;
	text-align: center;
	z-index: 20000;
}
}