.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{position: fixed; bottom: 140px; 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{position: fixed; bottom: 20px; z-index: 9999;}
.popup_3 a{color:#7d0022; font-weight:bold; font-size:16px; transition: opacity 0.5s ease-out;}
.popup_3 a:hover{opacity: .5;}

.popup_4{position: fixed; bottom: 140px; z-index: 9999;}
.popup_4.left{ left: 0;}
.popup_4.right{ right: 0;}
.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; }
.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: 55px; max-width:800px;}
.remodal#pop_news{width:97%;max-width:750px;padding:40px 20px;}
.remodal .section_box{margin:0 0 20px 0;}
.remodal .message{padding:30px 0 0; font-size:14px;}
.remodal .message p{padding:0 0 10px 0; font-size:14px;}
.remodal h2{font-size:21px; color:#7d0022;}
.remodal h3{margin:0 0 20px 0; color:#7d0022; font-size:21px;}
.remodal h4{margin:0 0 10px 0; color:#59493f; font-size:16px;}

.remodal#pop_news .message .correspondence{
	width:100%;
	padding:10px 10px;
	margin:0 auto 30px;
	background:#FFF;
}
/* .remodal#pop_news h2{
	margin-bottom:15px;
	margin-top:0;
} */
.remodal#pop_news .message .correspondence h4{
	margin-top:10px;
	margin-bottom:5px;
}
.remodal#pop_news .message .correspondence p{
	font-size:16px;
	margin-bottom:0px;
}
.remodal#pop_news .message .correspondence p:nth-of-type(n+3):nth-of-type(-n+4){
	line-height:1.5em;
}
.correspondence p span{
	font-size:15px;font-weight:400;
}
.remodal#pop_news .message .correspondence p.futoji{
	font-size:18px;
	font-weight:600;
}
.remodal#pop_news .message .correspondence ul{
	width:100%;max-width:410px;padding: 0 0px 20px;margin:0 auto;
}
.remodal#pop_news .message .correspondence ul li{
	font-size:16px;
	text-align: left;
	padding-left:1em;
	text-indent:-1em;
	line-height:1.5em;
}

.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:20px;}
.popup_contents{width:80%;}
.popup_contents a{width:100%}
.popup_contents a img{width:100%; height:auto; }
.sp_on{display: block;}	
.pc_on{display: none;}
}


/* att_modal-design */
#att_modal-design{
  width:97%;max-width:980px;padding:40px 20px;color:#000;
}
#att_modal-design .message .con{
  width:100%;max-width:800px;margin:0 auto;padding-bottom:3em;
}

#att_modal-design h2{
  margin: 0 0 10px 0;position: relative;padding: 0 0 0.1em 3em;font-size: 1.65em;letter-spacing: -0.02em;color:#000;text-align: left;
}
#att_modal-design h2::before {
      content:attr(data-number);position:absolute;top:30%;left:0;transform:translateY(-50%);color:rgba(133,178,0,0.8);font-size:46px;
}
#att_modal-design h2::after {
  content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 8px;background-image: repeating-linear-gradient(45deg, rgba(133,178,0,0.4) 0px, rgba(133,178,0,0.4) 1px, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%);background-size: 8px 8px;
}
#att_modal-design h3{
  margin:0 0 10px 0;font-size:1.56em;line-height:1.4em;letter-spacing:0.1em;color:#b70c3a;
}
#att_modal-design h3::after {
  content:'';display:block;width:80px;height:1px;margin:auto;background-color:#7d0022;margin-top:0.2em;
}
#att_modal-design h4{
  margin:0 0 0.02em 0;font-size:1em;line-height:1.4em;letter-spacing:0.16em;color: #595959;
}
#att_modal-design p{
  margin:0;padding:0;font-size:1.2em;color:#000;
}
#att_modal-design .yellow_line{
  background:rgba(0, 0, 0, 0) linear-gradient(transparent 30%, #ffffbc 80%) repeat scroll 0 0;padding: 0 0.05em;
}
#att_modal-design .green_line{
  background:rgba(0, 0, 0, 0) linear-gradient(transparent 30%, #f2ffcf 80%) repeat scroll 0 0;padding: 0 0.05em;
}

#att_modal-design .box_deco{
  background: #fff; filter: drop-shadow(0.02em 0.02em 0.15em rgba(0,0,0,0.15));border-radius: 1em;padding: 2em 1em; 
}

#att_modal-design ul.during {
  width:100%;max-width:760px;font-size:1.5em;margin:1.6em auto 0;padding:0;vertical-align: middle;line-height:1.6em;
}
#att_modal-design ul.during li{
  position:relative;font-weight: 600;margin: 7px 0px;line-height: 30px;letter-spacing: 0.16em;
}
#att_modal-design ul.during li .font_small{
  font-size: 0.7em;letter-spacing:0.08em;
}

#att_modal-design ol.number,
#att_modal-design ol.number ol{
  width:100%;max-width:760px;margin:1.6em auto 0;text-align:left;counter-reset:list;list-style-type:none;padding:0;vertical-align: middle;line-height:1.6em;
}
#att_modal-design ol.number{font-size:1.15em;}
#att_modal-design ol.number li{
  position:relative;font-weight: 600;padding: 0 0 0 20px;margin: 7px 0px;line-height: 30px;border-bottom: dashed 1px #ccc;
}
#att_modal-design ol.number li:before{
  counter-increment: list;content: counter(list) ".";display: block;position: absolute;left: 0px;font-weight: bold;
}
#att_modal-design ol.number ol.detail{
  margin: 0 0 0.6em 0.7em;font-size:1em;
}
#att_modal-design ol.number ol.detail li{
  font-weight: 400;list-style-type: none;counter-increment: cnt;line-height: 30px;border-bottom: none;margin:0;
}
#att_modal-design ol.number ol.detail li::before{
  content: "(" counter(cnt) ") ";position: absolute;left:-0.6em;font-weight: 400;
}
#att_modal-design .hotel_name{
  text-align: right;margin-top: 3em;
}