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;
	z-index: 9999;
}

.layer_board {
	display: none;
	position: fixed;
	left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 540px;
    height: 764px;
    /*left: 50%;
	margin: 50px 0px 0px -285px;*/
	text-align: center;
	z-index: 99999;
}


.layer_board img{
	max-width: 100%;
	height: auto;
    margin: 0 auto;
}

.layer_board img:hover {
	opacity: 1;
}

.layer_board .btn_close{
	margin-top: 15px;
}


.pc{
	display: block;
}

.sp{
	display: none;
}

/*
@media screen and ( min-width:1025px) and ( max-width:1400px){

.layer_board {
	width: 50%;
}

}
*/
@media screen and ( min-width:641px) and ( max-width:1024px){

.layer_board {
	width: 60%;
	height: 590px;
}

}


@media screen and ( max-width:640px){

.layer_board {
	width: 90%;
	height: 470px;
}

.pc{
	display: none;
}

.sp{
	display: block;
}


}