/* popup_1　バナー 通常は感染症対策 */
.popup_1{position: fixed; bottom: 20px; z-index: 9999;}
.popup_1.left{ left: 0;}
.popup_1.right{ right: 0;}
.popup_1.close{display: none;}
.popup_1.left .popup_btn{background: #333; border-radius: 50%; color: #fff; cursor: pointer; display: block; height: 27px;  width: 27px; position: absolute; right: -10px; top: -10px; text-align: center;}
.popup_1.right .popup_btn{background: #333; border-radius: 50%; color: #fff; cursor: pointer; display: block; height: 27px;  width: 27px; position: absolute; left: -10px; top: -10px; text-align: center;}

/* popup_2　バナー 通常はGoto */
.popup_2{position: fixed; bottom: 150px; z-index: 9999;}
.popup_2.left{ left: 0;}
.popup_2.right{ right: 0;}
.popup_2.close{display: none;}
.popup_2.left .popup_btn{background: #333; border-radius: 50%; color: #fff; cursor: pointer; display: block; height: 27px;  width: 27px; position: absolute; right: -10px; top: -10px; text-align: center;}
.popup_2.right .popup_btn{background: #333; border-radius: 50%; color: #fff; cursor: pointer; display: block; height: 27px;  width: 27px; position: absolute; left: -10px; top: -10px; text-align: center;}

/* popup_3　バナー 通常はstaynavi */
.popup_3{position: fixed; bottom: 390px; z-index: 9999;}
.popup_3.left{ left: 0;}
.popup_3.right{ right: 0;}
.popup_3 a{color:#7d0022; font-weight:bold; font-size:16px; transition: opacity 0.5s ease-out;}
.popup_3 a:hover{opacity: .5;}
.popup_3.close{display: none;}
.popup_3.left .popup_btn{background: #333; border-radius: 50%; color: #fff; cursor: pointer; display: block; height: 27px;  width: 27px; position: absolute; right: -10px; top: -10px; text-align: center;}
.popup_3.right .popup_btn{background: #333; border-radius: 50%; color: #fff; cursor: pointer; display: block; height: 27px;  width: 27px; position: absolute; left: -10px; top: -10px; text-align: center;}

.popup_contents{width:250px; position: relative;}
.popup_contents a img{width:100%; height:auto; }
.popup_contents a{color:#7d0022; font-weight:bold; font-size:16px; transition: opacity 0.5s ease-out;}
.popup_contents a:hover{opacity: .5;}


/*モーダル本文用*/
.remodal{padding: 40px 30px 40px; max-width:800px;width:inherit;height:auto;}
.remodal#popup_news{width:95%;max-width:600px;}
.remodal .section_box{margin:0 0 20px 0;}

.remodal h2{font-size:20px; color:#7d0022;margin-bottom: 15px;margin-top:0px;width:inherit;height:auto;}
.remodal h3{margin:10px 0 7px 0; color:#7d0022; font-size:21px;}
.remodal h4{margin:0 0 10px 0; color:#59493f; font-size:16px;}

.first{display: none;}
.info{margin:0 0 20px 0;}
div.modal_box{width:inherit;height:auto;padding:0px;}
.remodal .message{padding:0 0px 20px 0px; font-size:15px;width:98%;height:auto;}
#kansenshou .message{padding:0 70px 20px 70px; font-size:15px;width:inherit;height:auto;}
#kansenshou .message p{padding-bottom:5px; font-size:15px;text-align:center;line-height: 1.6em;margin:0;width:auto;height:auto;}
#kansenshou .message p.list{padding-bottom:3px; padding-left:1em;text-indent: -1em;text-align:left;width:inherit;height:auto;}
#goto .message p{padding-bottom:0px; font-size:15px;text-align:left;line-height: 1.6em;margin:0;width:inherit;height:auto;}
#goto .message p.list{padding-left:1em;text-indent: -1em;width:inherit;height:auto;}
#popup_news .message p{padding-bottom:0px; font-size:16px;text-align:left;line-height: 1.6em;margin:0;}
#popup_news .message p.list{padding-left:1em;text-indent: -1em;width:inherit;height:auto;}
#popup_news .message p.p2{font-size:14px;text-align:right;padding-right:10px;}


#notice.remodal { width:92%; max-width:960px; box-sizing:border-box; }
#notice.remodal .sp { display:none; }
#notice.remodal .sp-s { display:none; }

#notice .modal_box, #notice .message { width:100%; }
#notice .message { padding: 2em 0 1.6em; }
#notice .message h2 { color:#33996c; font-weight:bold; font-size:clamp(20px, calc(24/1920*100vw), 24px); letter-spacing:0.1rem; position:relative; padding:1rem 2rem; display:inline-block; width:revert; }
#notice .message h2::before, #notice .message h2::after { position:absolute; content:''; width:1em; height:1.6em; }
#notice .message h2::before { left: 0; top: 0; border-top: #6fa98f solid 0.14em; border-left: #d0f1e3 solid 0.14em; }
#notice .message h2::after { right: 0; bottom: 0; border-right: #6fa98f solid 0.14em; border-bottom: #d0f1e3 solid 0.14em; }

#notice .message p  { height:auto; font-size:clamp(16px, calc(18/1920*100vw), 18px); letter-spacing:0.08rem; line-height:180%;}

@media only screen and (max-width: 767px){
    #notice.remodal { width:96%; }
    #notice.remodal .sp   { display:block; }
    #notice.remodal .sp-s { display:none; }
    
    #notice .message h2 { font-size:clamp(18px, calc(20/1920*100vw), 20px); letter-spacing:0.06rem; padding:0.8rem 2rem; }
    #notice .message h2::before, #notice .message h2::after { width:0.7em; height:1.2em; }
    #notice .message p  { letter-spacing:0.04rem; line-height:160%; }
}
@media only screen and (max-width: 340px){
    #notice.remodal .sp   { display:none; }
    #notice.remodal .sp-s { display:block; }

    #notice .message h2 { font-size:clamp(16px, calc(18/1920*100vw), 18px); letter-spacing:0.04rem; padding:0.6rem 1rem; }
    #notice .message p  { font-size:clamp(14px, calc(16/1920*100vw), 16px); }
}


.first{display: none;}
.info{margin:0 0 20px 0;}

.sp_on{display: none;}
.pc_on{display: block;}

@media only screen and (max-width: 767px){
.remodal{padding:30px 10px 20px;height:auto;}
.remodal h2{font-size:19px; color:#7d0022;}
.remodal h3{font-size:18px; margin:10px 0 7px 0; color:#7d0022;}
.remodal h4{font-size:16px; margin:0 0 10px 0; color:#59493f;}
#kansenshou .message{padding:0px; font-size:14px;}
#kansenshou .message p{padding-bottom:3px; font-size:14px;text-align:left;line-height: 1.6em;margin:0;}
#goto .message p{font-size:14px;}
#popup_news .message p{padding-left:0px;}
.popup_contents{width:250px;}
.popup_contents a{width:100%}
.popup_contents a img{width:100%; height:auto; }
.sp_on{display: block;}	
.pc_on{display: none;}
}
@media (orientation: landscape) and (max-width: 767px){
.remodal{padding:40px 60px 20px 70px;}
}