@charset "UTF-8";
html,body {
	height: 100%;
}
* html .layer_board_bg,
* html .layer_board {
	position: absolute;
}
.layer_board_bg {
	position: fixed;
	width: 100%;
	height: 100%;	
	z-index: 1000;	
	top: 0;
	left: 0;	
	display: none;
	cursor: pointer;
	background: #000;
}
.layer_board {
	display: none;
	position: fixed;
	left: 50%;
	z-index: 2000;
	width: 70%;
	margin: 40px 0 0 -35%;
}
.layer_board p {
	margin-bottom: 15px;
	cursor: pointer;
}
.layer_board div.btn_close {
	width: 60%;
	position: absolute;
	left: 50%;
	margin: 0 0 0 -30%;
	cursor: pointer;
}
/*　モバイルランドスケープ用　*/
@media only screen and (min-width: 675px) {
.pc_none {
	display: none;
}
.sp_none {
	display: block;
}
.layer_board {
    width: 70%;
    margin: 30px 0 0 -35%;
}
.layer_board p {
	margin-bottom: 10px
}
.layer_board div.btn_close {
	width: 30%;
    margin: 20px 0 0 -15%;
}
}
/*　タブレット（縦）用　*/
@media only screen and (min-width: 768px) {
.layer_board {
	margin: 300px 0 0 -35%;
}
}
/*　タブレット（横）・PC用　*/
@media only screen and (min-width: 1024px) {
.layer_board {
	margin: 110px 0 0 -35%;
}
.layer_board div.btn_close {
	margin: 15px 0 0 -10%;
}
}
/*　PC用　*/
@media only screen and (min-width: 1160px) {
.layer_board {
    width: 800px;
    margin: 60px 0 0 -400px;
}
}