.layerPopup { display: none; }
.layerPopup img {}

.layerPopup:before { display: block; content: ""; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9000}

.layerPopup .layerBox { z-index: 10000; position: fixed; left: 50%; top: 48%; transform: translate(-50%, -50%); _padding: 30px; border-radius: 6px; max-width: 30%; }
.layerPopup .layerBox .title { margin-bottom: 10px; padding-bottom: 10px; font-weight: 600; border-bottom: 1px solid #d9d9d9; }

.layerPopup div {position: relative; _display: inline; width: 100%;}
.layerPopup div.cont img {width:100%; height: auto;}

.layerPopup form {margin-top: 5px; font-weight: 600; height: 30px; line-height: 30px}

.layerPopup .close-btn { position:absolute; top:10px; right:20px; font-weight: 600; width: 40px; height: 30px; color: black; float: right; line-height: 30px; text-align: center;}
.layerPopup .close-btn a { text-decoration: none; color: black; width: 50px; height: 40px; font-size:1.3rem;}
.layerPopup label{font-size:1.3rem !important;}

.layerPopup .p-inner{padding:10px 20px; background: #fff;}

/* form */
.layerPopup input[type="checkbox"] {display:inline-block; overflow:hidden; position:absolute; width:0; height:0; border:0; clip:rect(0,0,0,0); border:0}
.layerPopup input[type="checkbox"] + label {display:inline-block; position:relative; padding-left:2.5rem; color:#333; font-size:1.4rem; cursor:pointer; line-height:1.5rem}
.layerPopup input[type="checkbox"] + label.hide {padding:0; font-size:0}
.layerPopup input[type="checkbox"] + label:before {content:""; display:inline-block; position:absolute; top:0; left:0; width:1.6rem; height:1.6rem;  background:url('/img/svg/icon_checkbox_off.svg') no-repeat 0 0; background-size:1.5rem auto}
.layerPopup input[type="checkbox"]:checked + label:before {background:url('/img/svg/icon_checkbox_on.svg') no-repeat 0 0; background-size:1.5rem auto}
.layerPopup input[type="checkbox"]:checked + label:after {content:''; width:1.6rem; height:1.6rem; background:url('/img/svg/icon_checkbox_on.svg') no-repeat 0 0; background-size:1.5rem auto}
.layerPopup input[type="checkbox"].txt-hidden + label {padding:0; font-size:0}

/* reset */
.layerPopup * {margin:0; padding:0; outline:0; -webkit-text-size-adjust:none; -webkit-overflow-scrolling:touch; -webkit-box-sizing:border-box; box-sizing:border-box}
html {width:100%; height:100%; font-size:10px; scroll-behavior:smooth;}

/* tablet */
@media screen and (min-width:768px) and (max-width:1400px){
    .layerPopup .layerBox {max-width: 40%;}
}

@media screen and (max-width:767px) {
    .layerPopup .layerBox {max-width: 70%; font-size: 1.2rem;}
}

@media (max-width:375px) {
    .layerPopup .layerBox {max-width: 60%;}
}