/* 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: 135px; 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: 30px; 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_4　その他popupバナー */
.popup_4{position: fixed; bottom: 20px; z-index: 9999;}
.popup_4.left{ left: 0;}
.popup_4.right{ right: 0;}
.popup_4 a{color:#7d0022; font-weight:bold; font-size:16px; transition: opacity 0.5s ease-out;}
.popup_4 a:hover{opacity: .5;}
.popup_4.close{display: none;}
.popup_4.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_4.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; vertical-align: inherit;}
.popbn{box-shadow:2px 2px 5px rgba(0,0,0,0.2);}
.popup_contents a{color:#7d0022; font-weight:bold; font-size:16px; transition: opacity 0.5s ease-out;}
.popup_contents a:hover{opacity: .5;}


.modal_box{width:auto; padding:20px 0; }
.modal_box h2{margin:0 0 10px 0; font-size:21px; color:#7d0022; text-align:center;}
.modal_box h3{margin:0 0 10px 0; font-size:18px; color:#7d0022; text-align:center;}
.modal_box a{text-decoration:none; color:#7d0022; font-weight:bold; outline:none;}
.modal_box p{text-align:left; line-height: 1.8em;}
.modal_box .remodal-confirm{margin:20px 0 0 0;}
.modal_box .message{margin:0 0 25px 0;}
.modal_box .message p{text-align: center;}
.modal_box .info{text-align: center;}
.modal_box .info p{margin:0 0 10px 0; font-size:18px; text-align: center;}

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

@media only screen and (max-width: 767px){
.modal_box h2{margin:0 0 10px 0; font-size:21px; color:#7d0022; text-align:center;}
.modal_box h3{margin:0 0 10px 0; font-size:18px; color:#7d0022; text-align:center;}
.modal_box p{text-align:left;}
.modal_box .message p{text-align:left;}
    
.sp_on{display: block;}	
.pc_on{display: none;}    
    
}