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

/*
.md_bu.none {
    display: none;
}
*/

.top__strong .top_price {
    position: relative;
}

#top_cp {
    position: absolute;
    top: 5%;
}

@media screen and (max-width: 768px) {
#top_cp {
    position: absolute;
    top: 10%;
}
}

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

.btn_close {
	text-align: right;
    cursor: pointer;
}


.btn_close img {
margin-left: auto;
    margin-right: 0;
}


/* pc */
@media only screen and (min-width: 960px) {}
.layer_board {
    display: none;
    position: fixed;
    /*left: 20%;
    margin: 15% 0px 0px 0px;*/
    z-index: 200000;
	
	top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 680px;
	
}


.layer_board .md_image {
    background: #fff;
}
.layer_board .md_image a img {
 transition: 0.6s;
}


.layer_board .md_image a:hover img {
  opacity: 0.7;
}



.layer_board.w600 {
    width: 90%;
max-width: 600px;
	
}




/* sp */
@media only screen and (max-width: 767px) {
.layer_board {
position: fixed;
z-index: 200000;
width: 90%;
	top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
    
.btn_close {
    text-align: right;
    cursor: pointer;
    width: 30px;
    position: absolute;
    right: 0;
    top: -32px;
} 
    
}
