/* CSS Document */

#new_hotel.content {width: 1140px; margin: 0 auto; padding: 0; background: #d4f2ff;}
#new_hotel.content * {font-size: 13px; line-height: 180%; color: #323232;}
#new_hotel.content img{vertical-align: top;}

#new_hotel.content dt {line-height: 140%;}

#new_hotel.content .c_inner {width: 1040px; margin: 0 auto;}
#new_hotel.content .fl_l {float: left; display: inline;}
#new_hotel.content .fl_r {float: right; display: inline;}

#new_hotel.content .visual {margin-bottom: 30px;}
#new_hotel.content .visual img{width: 100%; height: auto;}
#new_hotel.content .visual_note {background: url(../images/visual_note_bg.png) no-repeat; width: 100%; height: 80px; position: relative;}
#new_hotel.content .visual_note p {color: #fff; font-weight: bold; text-align: center; position: absolute; top: 50%; width: 100%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%);}

#new_hotel.content .bl_lineup {border: solid 5px #ffba00; border-radius: 10px; position: relative; background: #fff; margin-bottom: 30px;}
#new_hotel.content .bl_lineup ul {position: absolute; top: 50%; left: 320px; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%);}
#new_hotel.content .bl_lineup ul li {background: url(../images/bl_lineup_icon.png) no-repeat 0 3px; padding: 3px 0 3px 30px;}

#new_hotel.content .bl_hotel {background: #fff; margin-bottom:30px; padding-bottom: 35px;}
#new_hotel.content .bl_hotel h2 {margin-bottom: 20px; background: url(../images/hotel_new_bg.png) left top / 100% no-repeat; width: 1040px; height: 97px; padding: 15px 0 0 220px; font-size: 24px; font-weight: bold; color: #fff;}
#new_hotel.content .bl_hotel h2 span {display: block; font-size:14px; color: #fff;}
#new_hotel.content .bl_hotel.famouse_hotel h2 {background: url(../images/hotel_famouse_bg.png) no-repeat;}
#new_hotel.content .bl_hotel .bl_hotel_inner {width: 980px; margin: 0 auto;}

#new_hotel.content .bl_hotel .wrap_01 {margin-bottom: 20px;}

#new_hotel.content .bl_hotel .hotel_pic_01 ,
#new_hotel.content .bl_hotel .hotel_pic_list li {float: left; display: inline;}
#new_hotel.content .bl_hotel .hotel_pic_list li p {font-size: 11px;}

#new_hotel.content .bl_hotel .hotel_note {width: 448px; float: right; display: inline;}
#new_hotel.content .bl_hotel .hotel_note dt {margin: 8px 0 20px; padding: 10px 15px; border:1px solid #fff; border-right: none; border-left: none; box-shadow: 0 -8px 0 #fec417,0 8px 0 #fec417; color: #004eb8; font-size: 18px; font-weight: bold; line-height: 1.4; background: #fec417; text-shadow: 0px 2px 5px rgba(255, 255, 255, 1),2px 0px 5px rgba(255, 255, 255, 1),0px -2px 5px rgba(255, 255, 255, 1),-2px 0px 5px rgba(255, 255, 255, 1),2px 2px 5px rgba(255, 255, 255, 1),-2px 2px 5px rgba(255, 255, 255, 1),-2px -2px 5px rgba(255, 255, 255, 1);}

#new_hotel.content .bl_hotel .hotel_pic_list {margin-bottom: 20px;}
#new_hotel.content .bl_hotel .hotel_pic_list li {width: 306px; margin-right: 31px;}
#new_hotel.content .bl_hotel .hotel_pic_list li:last-child {margin-right: 0;}
#new_hotel.content .bl_hotel .hotel_pic_list li img {margin-bottom: 5px;}


#new_hotel.content .bl_hotel .hotel_dit_btn ,
#new_hotel.content .bl_hotel .hotel_tour_btn {width: 48%; height: 60px; float: left; display: inline;}
#new_hotel.content .bl_hotel .hotel_tour_btn {float: right; position: relative;}
#new_hotel.content .bl_hotel .hotel_dit_btn a ,
#new_hotel.content .bl_hotel .hotel_tour_btn a {border-radius: 10px; display: block; width: 100%; height: 100%; text-align: center; position: relative;
	background: linear-gradient(top, #fe7ea4, #f54a7f);
	background: -moz-linear-gradient(top, #fe7ea4, #f54a7f);
	background: -webkit-gradient(linear, left top, left bottom, from(#fe7ea4), to(#f54a7f));
}
#new_hotel.content .bl_hotel .hotel_tour_btn a {
	background: linear-gradient(top, #ffa500, #f86900);
	background: -moz-linear-gradient(top, #ffa500, #f86900);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffa500), to(#f86900));
}

#new_hotel.content .bl_hotel .hotel_dit_btn a span ,
#new_hotel.content .bl_hotel .hotel_tour_btn a span {color: #fff; font-weight: bold; text-align: center; line-height: 60px; font-size: 16px;}
#new_hotel.content .bl_hotel .hotel_dit_btn a span:after ,
#new_hotel.content .bl_hotel .hotel_tour_btn a span:after {content:"";  border:solid 4px transparent; border-left: solid 10px #fff; position: absolute; top: 50%; right: 20px; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%);}

#new_hotel.content .bl_hotel .hotel_tour_btn a span:before {content:url(../images/icon_check.png);  position: absolute; top: 0; left: 0; z-index: 100;}


#new_hotel.content #c_footer {padding: 30px 0;}
#new_hotel.content #c_footer p {font-size: 12px;}

.content_wrapper{overflow:visible}

@media (max-width:1139px) {
  #new_hotel.content{width: 100%;}
  #new_hotel.content .c_inner{width: 95%;}
  #new_hotel.content img{max-width: 100%;}
  
  #new_hotel.content .visual_note{height: auto; padding: 10px; background-position: center top; background-size: 100%; background-repeat: repeat-y;}
  #new_hotel.content .visual_note p{position: relative; line-height: 1.6; transform: none;}
  #new_hotel.content .bl_hotel h2{max-width: 100%;}
  #new_hotel.content .bl_hotel .bl_hotel_inner{width: 100%; padding: 0 3% 10px;}
  #new_hotel.content .bl_hotel .hotel_pic_01{width: 53%;}
  #new_hotel.content .bl_hotel .hotel_note{width: 45%;}
  #new_hotel.content .bl_hotel .hotel_pic_list{display: flex;}
  
}
@media (max-width:820px) {
  #new_hotel.content .bl_lineup{display: none;}
  #new_hotel.content .bl_hotel h2{background-size: auto 100%; border-radius: 0 10px 0 0;}
  #new_hotel.content .bl_hotel .hotel_tour_btn a span:before{content: url(../images/icon_check_sp.png); left: -20px;transform: scale(0.8); top: -20px;}
} 
@media (max-width:640px) {
  #new_hotel.content .c_inner{width: 100%;}    
  #new_hotel.content .visual{margin-bottom: 0;}
  #new_hotel.content .visual_note{background-size: auto;}
  #new_hotel.content .visual_note p{text-align: left;}
  #new_hotel.content .bl_hotel{margin-bottom: 0; padding-bottom: 0;}
  #new_hotel.content .bl_hotel h2{background: url(../images/sp_tit_bg1.png) no-repeat;margin-bottom: 10px; color: #fff; line-height: 1.2; font-weight: bold; padding: 85px 20px 5px; width: 100%; height: auto; font-size: 20px;}
  #new_hotel.content .bl_hotel h2 span {display: block; padding-right: 10px; color: #fff;}
  #new_hotel.content .bl_hotel .bl_hotel_inner{padding: 0 10px 10px;}
  #new_hotel.content .bl_hotel .hotel_pic_01{float: none; width: 100%; display: block;}
  #new_hotel.content .bl_hotel .hotel_pic_01 img{width: 100%;}
  #new_hotel.content .bl_hotel .hotel_note{width: 100%; float: none;}
  #new_hotel.content .bl_hotel .bl_hotel_inner .img_wrap{width: 100%; overflow-x: scroll;}
  #new_hotel.content .bl_hotel .hotel_pic_list{float: none; display: block; width: 1011px;}
  #new_hotel.content .bl_hotel .hotel_dit_btn, #new_hotel.content .bl_hotel .hotel_tour_btn{width: 100%;margin-bottom: 15px;}
  
  #new_hotel.content .bl_hotel.famouse_hotel h2{background: url(../images/sp_tit_bg2.png);}
  #new_hotel.content #c_footer{padding: 15px;}
}