@charset "UTF-8";

/**
 * 페이지 공통
 */
img {max-width:100%}

body.main{overflow-x:hidden;}



/**
 * 검색기 포함 영역
 */
#main_search_wrap {position:absolute;top:15vh;left:50%;z-index:40;transform:translateX(-50%);width:100%;max-width:990px}
.main_search_title {color:#fff;font-size:2em;font-weight:300}
.main_search_inner {padding:30px;background-color:rgba(0,0,0,.5);margin-left:10px;margin-right:10px;border:1px solid rgba(255,255,255,.3)}
.main_search_inner .btn {padding:14px 12px}
@media only screen and (max-width:767px)  {
  #main_search_wrap { top: 75px; }
  .main_search_title { font-size:1.2em; margin-bottom: 10px !important;}
  .main_search_inner {padding:10px;background-color:rgba(0,0,0,.5);margin-left:10px;margin-right:10px;border:1px solid rgba(255,255,255,.3)}
  #main_search_wrap .form-large input[type="text"] { height: 50px !important; }
}
.search_block_ryokan,
.search_block_hotel {display:none;}
.background-image-holder{opacity: 1}

#search_row_ln1{margin-bottom:10px;}
#search_row_ln2{}

/**
 * 메인 키워드
 */
.mainKeyword {color:rgba(255,255,255,.8);font-family:'굴림', sans-serif}
.mainKeyword a {color:#FF6B57;margin-left:9px;font-weight:300}
.mainKeyword a:hover {font-weight:500;text-decoration:underline}
.mainKeyword hr {margin-top:7px;margin-bottom:7px;border-top:1px solid rgba(255,255,255,.3)}



#promotionCopyfixed {position: relative;/*top: 100%;*/margin-top: -60px;z-index: 31;width: 100%;height: 60px;background: url('//cdn.hotelonsen.com/img/onsen/onsen_main/hoshinoya_intro_ban_bg.jpg') center;display: table;}
#promotionCopyfixed-cell {display: table-cell;height: 100%;vertical-align: middle;}
#promotionCopyfixed h3 {margin-top: 0px;margin-bottom: 0px;color: #fff;}
@media only screen and (max-width: 767px) {
  #promotionCopyfixed h3 {font-size: 1.3em;}
}



/**
 * 모든온천마을 modal
 */
#modal_ahsv {}
#modal_ahsv .modal-dialog {width:96vw;height:96vh;margin:2vh auto;max-height:90vh}
#ahsv_row_wrap {width:100%;height:100%;padding:30px;max-width:2000px;}
#ahsv_row_wrap:after {display:block;content:'';clear:both;}
/**
 * 모든온천마을 modal: modal close
 */
.btn_modal_close  {position:absolute;right:0px;top:0px;z-index:60;}
.btn_modal_close a  {display:block;padding:7px 12px;text-align:center;color:#000;font-size:18px;background-color:#000;color:#fff;}
.btn_modal_close a:hover  {color:#fff}
.btn_modal_close img{  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);}
/**
 * 모든온천마을 modal: area1
 */
 .hotspring_tit{padding-bottom: 15px; border-bottom: 1px solid #eee;}
.hotspring_tit h2{font-size: 26px; color: #111; letter-spacing: -0.02em; }
.hotspring_tit p{font-size: 14px; color: #888;}
.ahsv_area1_nav_container  {}
.ahsv_area1_nav_container .ahsv_area1_nav_li  {padding:18px 14px;  cursor:pointer;position: relative;}
.ahsv_area1_nav_container .ahsv_area1_nav_li:hover,
.ahsv_area1_nav_container .active  {color:#fff !important;background-color:#293962; background-image: url("//cdn.hotelonsen.com/img/onsen/onsen_main/plus_icn.png"); background-position:92% 50%; background-repeat: no-repeat;}
.ahsv_goods.btn-mod-defult:hover{background-color: rgba(0,0,0,0.1) !important;}

/**
 * 모든온천마을 modal: area2 and area3
 */
.ahsv_area23_nav_container  {padding:10px;margin-bottom:15px;overflow-y:scroll;}
.ahsv_area23_nav_container hr {margin-top:5px;margin-bottom:5px;}
.ahsv_area23_nav  {}
.ahsv_area23_nav .ahsv_area23_nav_li  {padding:10px;color:#888;cursor:pointer; font-size: 1.1em;}
.ahsv_area23_nav .ahsv_area23_nav_li:hover,
.ahsv_area23_nav .active  {color:#e62335; background-color: rgba(100,100,100,0.1);}
/**
 * 모든온천마을 modal: map
 */
.ahsv_map  {width:100%;min-height:400px;margin-bottom:15px;}
#ahsv_map_container {width:100%;min-height:400px;padding:0px}
.empty_ahsv_map {width:100%;height:100%;background-color:#eee;color:#000;text-align:center;}
.area_popc_onmap {width:250px;}
.area_popc_title {font-weight:bold;margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid #eee;}
.area_popc_description {height:120px;overflow-y:scroll}
.area_popc_link {text-align:center}
.btn_load_goodslist_onmap {}
#btn_moreview_goods{
  text-shadow: none; box-shadow: none;
  padding: 20px 0px;
  border-radius: 40px;
  font-size: 16px;
  animation: blinker 2s linear infinite;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}

/**
 * 모든온천마을 modal: goods list
 */
.ahsv_goods_wrap {}
.ahsv_goods  {border-bottom: 1px solid #eee;padding:15px;cursor:pointer;margin-bottom:10px}
.ahsv_goods:after {display:block;content:'';clear:both;}
.ahsv_goods_photo  {float:left;width:25%;height:80px;max-height:74px;background-repeat:no-repeat;background-size:cover}
.ahsv_goods_info  {float:right;width:70%;font-size:16px}
.ahsv_goods_info p  {margin:0;line-height: 1.3em; color: #111;}
.ahsv_goods_info .btn-mod.btn-tiny  {margin-top:10px}
.ahsv_goods_info .mpSmall  {font-size:12px}
/**
 * 모든온천마을 modal: responsive grid
 */
@media (max-width:768px)  {
.ahsv_area1_nav_container .ahsv_area1_nav_li{width: 49.4%; display: inline-block; margin-bottom: 0.5%; background-color: #f7f7f7;}
 .ahsv_area1_nav_container .ahsv_area1_nav_li.active{background-color: #293962;}
 .ahsv_area23_nav_container{padding: 20px 0;}
}
@media (min-width:992px)  {
  .ahsv_area1_nav_container {float:left;width:15%;height:90vh; border-right: 1px solid #eee; }
  .ahsv_area1_nav_container .ahsv_area1_nav_li  {padding:16px 14px; font-size: 1.3em; color:#242424;}
  .ahsv_area23_nav_container {float:left;width:25%;height:90vh;padding:14px;margin-bottom:0;}
  .ahsv_area23_nav_container hr {margin-top:10px;margin-bottom:10px;}
  .ahsv_map {float:left;width:35%;height:90vh;padding:0 15px;min-height:800px;margin-bottom:0px;}
  #ahsv_map_container {width:100%;height:100%;}
  .ahsv_goods_wrap {float:left;width:25%;height:90vh;overflow-y:scroll;}
}
@media (min-width:1200px)  {

}







/**
 * 인기마을 료칸예약 바로가기 - 지역별 탭
 */
.hotSpringVillage { z-index: 32; position: relative; background-color: #fff; }
.hotSpringVillageTitle { color: #555;text-transform: uppercase;font-size: 4em;font-weight: 300; }
.hotSpringVillage .nav-tabs {border: 2px solid #ff4e71;}
.hotSpringVillage .nav-tabs > li { width:14.286%; margin-bottom: 0;border-left: 1px solid #f1f1f1;}
.hotSpringVillage .nav-tabs > li:first-child{border-left: 0;}
.hotSpringVillage .nav > li > a { text-align: center; padding: 22px 0; font-size:1.3em; font-weight: normal; }
.hotSpringVillage .nav-tabs > li > a { margin-right: 0; border: 0; border-radius: 0; border-right-color: #f5f5f5;}
.hotSpringVillage .nav-tabs > li:focus > a,
.hotSpringVillage .nav-tabs > li > a:focus,
.hotSpringVillage .nav-tabs > li:hover > a,
.hotSpringVillage .nav-tabs > li > a:hover {background-color: inherit; color:#242424;}
.hotSpringVillage .nav-tabs > li.active > a,
.hotSpringVillage .nav-tabs > li.active > a:focus,
.hotSpringVillage .nav-tabs > li.active > a:hover { font-weight: bold;    border: none;   color: #fff; background-color: #ff4e71; }
.hotSpringVillage .goodslist-item { width: 25%; }
.areaTitle {position: absolute; top: 10%; width: 100%; padding: 0; color: #fff; font-weight: 300; font-size: 16px; text-align: center; z-index: 3;
  -webkit-transition: all 0.17s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  -moz-transition: all 0.17s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  -o-transition: all 0.17s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  -ms-transition: all 0.17s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  transition: all 0.17s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.areaTitle h3 { font-size:19px; padding: 0 10px;}
.areaTitle .text01 { font-size:14px;}
.areaTitle .text02 { font-size: 15px; line-height: 1.2; margin-top: 15px;}
.hotSpringVillage .nav-tabs li br {display:none;}

@media (max-width: 1200px) {
  .hotSpringVillage .nav > li > a  {font-size: 1.3em;}
  .areaTitle h3 { font-size:17px; }
}
@media (max-width: 992px) {
  .hotSpringVillage .nav > li:nth-child(6) > a {padding: 6px 0;}
  .hotSpringVillage .nav > li:nth-child(7) > a {padding: 6px 0;}
}
@media (min-width: 768px) and (max-width: 991px) {
  .hotSpringVillage .nav-tabs{height: 60px;}
  .hotSpringVillage .nav > li > a{padding: 16px 0; height: 56px;}
  .hotSpringVillageTitle{font-size: 28px;}
}
@media only screen and (max-width: 767px) {
  .hotSpringVillage .nav-tabs{height: 60px;}
  .hotSpringVillage .nav-tabs li a{font-size: 1.2em; height: 56px;padding: 16px 0;}
  .hotSpringVillageTitle{font-size: 2em;}
  .hotSpringVillage .goodslist-item { width:50%; }
}
@media only screen and (max-width: 480px){
  .hotSpringVillage .nav-tabs li a{font-size: 13px;padding-top: 25%;}
  .hotSpringVillageTitle{font-size: 21px;}
  .areaTitle .text02 {display:none;}
}
@media only screen and (max-width: 550px){
  .hotSpringVillage .nav-tabs {height:auto; }
  .hotSpringVillage .nav-tabs li a { height:auto; padding:10px 0;}
  .hotSpringVillage .nav-tabs li:nth-child(1) {width:25%; }
  .hotSpringVillage .nav-tabs li:nth-child(2) {width:25%; }
  .hotSpringVillage .nav-tabs li:nth-child(3) {width:25%; }
  .hotSpringVillage .nav-tabs li:nth-child(4) {width:25%;}
  .hotSpringVillage .nav-tabs li:nth-child(5) {width:33.333333%; border-top: 1px solid #f1f1f1; }
  .hotSpringVillage .nav-tabs li:nth-child(6) {width:33.333333%; border-top: 1px solid #f1f1f1; }
  .hotSpringVillage .nav-tabs li:nth-child(7) {width:33.333333%; border-top: 1px solid #f1f1f1; }
  .hotSpringVillage .nav > li:nth-child(6) > a {padding: 10px 0;}
  .hotSpringVillage .nav > li:nth-child(7) > a {padding: 10px 0;}
}
@media only screen and (max-width: 360px){
  .hotSpringVillage .nav-tabs li a {padding: 18px 0;}
  .hotSpringVillage .nav > li:nth-child(6) > a {padding: 10px 0;}
  .hotSpringVillage .nav > li:nth-child(7) > a {padding: 10px 0;}
  .hotSpringVillage .nav-tabs li br {display:block;}
}
.goodslist-grid.hide-titles .goodslist-item:hover .areaTitle { top: 20%; }

/*탭상품 목록*/
.goodslist-grid { list-style: none; margin: 0; padding: 0; }
.goodslist-grid:after{display:block;content:'';clear:both;}
.goodslist-item { width: 33.333333%; float: left; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.goodslist-grid.goodslist-grid-gut { margin: 0 0 0 -10px; }
.goodslist-grid.goodslist-grid-gut .goodslist-item { padding: 0 0 10px 10px; }
.goodslist-item>a { display: block; padding: 0 0 84px 0; position: relative; -moz-box-sizing: border-box; box-sizing: border-box; text-decoration: none; }
.goodslist-item100 { width: 100%; }
.goodslist-item66 { width: 66.666666% }

.goodslist-item a,
.goodslist-item a:hover {color: #111;border: none;}
.goodslist-img {position: relative;overflow: hidden;}
.goodslist-img img {width: 100%;display: block;overflow: hidden;}


.goodslist-img .hokk_stamp {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 110px;
    padding: 10px;
}




/* 마우스 이벤트 */
.goodslist-intro {width: 100%;height: 120px;padding: 20px 20px 0 20px;-webkit-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;position: absolute;bottom: 0;left: 0;text-align: center;overflow: hidden;}
.goodslist-grid.hide-titles .goodslist-item>a {overflow: hidden;padding: 0;}
.goodslist-grid.hide-titles .goodslist-item .goodslist-intro {opacity: 0;bottom: -94px;}
.goodslist-grid.hide-titles .goodslist-item:hover .goodslist-intro {opacity: 1;}
.goodslist-intro {-webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);-moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);-o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);-ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);}
.goodslist-item:hover .goodslist-intro {color: #fff;-webkit-transform: translateY(-99px);-moz-transform: translateY(-99px);transform: translateY(-99px);z-index: 3;}

@media only screen and (max-width: 767px) {
  .goodslist-item:hover .goodslist-intro {-webkit-transform: translateY(-140px);-moz-transform: translateY(-140px);transform: translateY(-140px);  }
}
.goodslist-item:hover .ryokan-title {bottom: 40%;}
.goodslist-item .goodslist-img:after {content: " ";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(250, 250, 250, 0);-webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.goodslist-item:hover .goodslist-img:after {background: #111;opacity: .73;}
.goodslist-item .goodslist-img>img {
  -webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  -moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  -o-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  -ms-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.goodslist-item:hover .goodslist-img>img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
@media only screen and (max-width: 767px) {
  .goodslist-item { width: 50%; }
  .goodslist-item100 { width: 100%; }
  .goodslist-intro { height: 100px; }
}
.goodslistbtn { background-color: #111; width:100px; margin:auto; color:#fff; padding:10px; }
.goodslistText { width:100%; margin:auto; color:#fff; padding:10px; font-size: 1.2em; }









/**
 * slider common
 */
.swiper-container{width: 100%;height: 100%;}
.swiper-slide{width:100%; text-align: center; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.swiper-button-next, .swiper-button-prev {display:none; position: absolute; top: 50%; margin-top: -25px; width: 50px; height: 50px; text-align:center; z-index: 10; cursor: pointer; color:#e1e1e1; background:none;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: 10px;left: auto;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: 10px;right: auto;}
.swiper-container:hover .swiper-button-next, .swiper-container:hover .swiper-button-prev{display:block;}


/**
 * whole slider banner
 * 원본
 */
#main_whole_slider {margin-bottom:60px;width: 100%;overflow:hidden;}
#main_whole_slider_container {position: relative;max-width: 1140px;}
#main_whole_slider_container .swiper-slide {overflow: hidden;text-align: center;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;background-position: 50% 0%;background-size: cover;background-color:#f1f1f1;border-right:1px solid #ccc;z-index:20;max-height:500px;}
#main_whole_slider_container .swiper-slide .slide_img{width:100%}

#main_whole_slider_container .swiper-slide .slide_contents_wrap{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center}
#main_whole_slider_container .swiper-slide .slide_contents_wrap .slide_contents{display:inline-block;vertical-align:middle}
#main_whole_slider_container .swiper-slide .slide_contents_wrap .slide_blank{display:inline-block;width:0;height:100%;vertical-align:middle}
#main_whole_slider_container .swiper-slide .slide_contents_wrap .slide_contents img{margin:0 auto}
#main_whole_slider_container .swiper-slide .slide_contents_wrap .slide_contents h1{margin:15px 0px;color:#fff;font-size:4em;font-weight:900;text-shadow:0px 0px 3px #000;-webkit-animation-delay: 0.2s;animation-delay: 0.2s;-webkit-animation-duration: 1s;animation-duration: 1s;}
#main_whole_slider_container .swiper-slide .slide_contents_wrap .slide_contents h3{margin:15px 0px;color:#fff;font-size:2em;font-weight:400;text-shadow:0px 0px 3px #000;}
#main_whole_slider_container .swiper-slide .slide_contents_wrap .slide_contents h6{margin:15px 0px;color:#dcdcdc;font-size:1em;font-weight:400;text-shadow: 1px 1px 1px #696969;}
#main_whole_slider_container .swiper-slide .slide_contents_wrap .slide_contents button{color: #eee;border: 1px solid rgba(255, 255, 255, .3);background: rgba(255, 255, 255, .09);}
.body_xs #main_whole_slider_container .swiper-slide .slide_contents_wrap .slide_contents  h1{margin:10px 0px;color:#fff;font-size:2.2em;font-weight:900;text-shadow:0px 0px 3px #000;}
.body_xs #main_whole_slider_container .swiper-slide .slide_contents_wrap .slide_contents  h3{margin:10px 0px;color:#fff;font-size:1.4em;font-weight:400;text-shadow:0px 0px 3px #000;}
.body_xs #main_whole_slider_container .swiper-slide .slide_contents_wrap .slide_contents  h6{margin:10px 0px;color:#dcdcdc;font-size:1em;font-weight:400;text-shadow: 1px 1px 1px #696969;}
.body_xs #main_whole_slider_container .swiper-slide .slide_contents_wrap .slide_text_imgtext button{display:none}
#main_whole_slider_container .swiper-slide-prev,
#main_whole_slider_container .swiper-slide-next {opacity: 0.5}

#main_whole_slider .swiper-button-navigation{position:absolute;left:0px;bottom:0px;z-index:21;width:100%;height:80px;text-align: center;}
#main_whole_slider .swiper-button-navigation .slide_go{display:inline-block;border:none;padding: 4px 10px;background-color: #252525;color: #ccc;height: 64px;background: rgba(0, 0, 0, 0.7);-webkit-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0;-webkit-transform: translate(0,70%);-ms-transform: translate(0,70%);transform: translate(0,70%);-webkit-transition: all 0.7s cubic-bezier(0.22,0.81,0.01,0.99);-ms-transition: all 0.7s cubic-bezier(0.22,0.81,0.01,0.99);transition: all 1s cubic-bezier(0.22,0.81,0.01,0.99);}
#main_whole_slider .swiper-button-navigation .slide_go .t1{height:30px;color:#fff;text-align:left;font-size:14px;font-weight:400;}
#main_whole_slider .swiper-button-navigation .slide_go .t2{height:50px;color:#fff;text-align:left;font-size:12px;font-weight:100;}
#main_whole_slider .swiper-button-navigation .slide_go_active {height: 80px;background: rgba(0, 0, 0, 0.3);-webkit-transform: translate(0,0);-ms-transform: translate(0,0);transform: translate(0,0);}
.body_xs #main_whole_slider .swiper-button-navigation{display:none}
.body_xs .swiper-button-next, .body_xs .swiper-button-prev{display:block;}
.body_xs .swiper-button-next, .swiper-container-rtl .swiper-button-prev {right:-10px}
.body_xs .swiper-button-prev, .swiper-container-rtl .swiper-button-next {left:-10px}







/*
main_slide
수정본
*/
#main_whole_slider_container .swiper-slide .slide_contents_wrap{}
.onsen_2018 #main_whole_slider_container .swiper-slide .slide_contents_wrap .slide_contents{text-align: left;margin-top: -84px; position: relative; }
.onsen_2018 #main_whole_slider_container .swiper-slide .slide_contents_wrap .slide_contents h3{font-size: 1.5em;text-shadow: none;color: #000;letter-spacing: -0.04em;margin-bottom: 5px;}
.onsen_2018 #main_whole_slider_container .swiper-slide .slide_contents_wrap .slide_contents h1{font-size: 3.5em; color: #000; font-weight: 400; text-shadow: none; letter-spacing: -0.04em; line-height: 1.4em;margin-top: 0;}
.onsen_2018 #main_whole_slider_container .swiper-slide .slide_contents_wrap .slide_contents h2{font-size: 3.5em; color: #000; font-weight: 400; text-shadow: none; letter-spacing: -0.04em; line-height: 1.4em;margin-top: 0;}
.onsen_2018 #main_whole_slider_container .swiper-slide .slide_contents_wrap .slide_contents button{color: #242424;
    border: 1px solid rgba(0, 0, 0, .3); background-color: transparent;}
.onsen_2018 #main_whole_slider .swiper-button-navigation{height: auto;}
.onsen_2018 #main_whole_slider .swiper-button-navigation .slide_go{padding: 10px 20px; border-radius: 0px; background-color: rgba(230,35,53,0.6) ;transform:none; height: auto;margin-left: -2px;margin-right: -1px;border-left: 1px solid rgba(255,255,255,0.5);}
.onsen_2018 #main_whole_slider .swiper-button-navigation .slide_go:first-child{border-left:none;}
.onsen_2018 #main_whole_slider .swiper-button-navigation .slide_go_active{height: auto; background-color: rgba(230,35,53,1);transform:none;}
.onsen_2018 #main_whole_slider .swiper-button-navigation .slide_go .t1{height: auto;}
.tit_white h1,.tit_white h3{color:#fff !important;/*text-shadow: 0 0 3px #fff, 0 0 5px #242424 !important;*/}
.slide_textshadow h1, .slide_textshadow h3{ text-shadow: 0 0 10px rgba(0,0,0,0.5) !important; }
.btn-white{color:#fff !important; border-color: #fff !important;}
.slide_img_m{display: none;}

@media only screen and (max-width: 1200px) {
  .onsen_2018 #main_whole_slider_container .swiper-slide .slide_contents_wrap .slide_contents h1{font-size: 2.6rem;}
  .onsen_2018 #main_whole_slider_container .swiper-slide .slide_contents_wrap .slide_contents h2{font-size: 2.6rem;}  
}
@media only screen and (max-width: 991px) {
  .onsen_2018 #main_whole_slider_container .swiper-slide .slide_contents_wrap .slide_contents h1{font-size: 2.5em;color: #fff;}
  .onsen_2018 #main_whole_slider_container .swiper-slide .slide_contents_wrap .slide_contents h2{font-size: 2.5em;color: #fff;}  
  .onsen_2018 #main_whole_slider_container .swiper-slide .slide_contents_wrap .slide_contents h3{font-size: 1.25em;color: #fff;}
    .onsen_2018 #main_whole_slider_container .swiper-slide .slide_contents_wrap .slide_contents.m_white h1 { color: #000; }
    .onsen_2018 #main_whole_slider_container .swiper-slide .slide_contents_wrap .slide_contents.m_white h2 { color: #000; }
    .onsen_2018 #main_whole_slider_container .swiper-slide .slide_contents_wrap .slide_contents.m_white button { color: #242424 !important; border: 1px solid rgba(0, 0, 0, .3) !important;}
  .onsen_2018 #main_whole_slider_container .swiper-slide .slide_contents_wrap .slide_contents{margin-top: 0;}
  .onsen_2018 #main_whole_slider .swiper-button-navigation .slide_go .t1{display: none;}
  .onsen_2018 #main_whole_slider .swiper-button-navigation .slide_go{padding: 1px 12px; margin: 0 2px;}
  .onsen_2018 #main_whole_slider .swiper-button-navigation{height: 30px;}
  .onsen_2018 #main_whole_slider_container .swiper-slide .slide_contents_wrap .slide_contents button{color:#fff; border-color:rgba(255,255,255,0.8);}
  .slide_img_m{display: block;}
  .onsen_2018 #main_whole_slider_container .swiper-slide .slide_img{display: none;}
  #main_whole_slider_container .swiper-slide{max-height: 350px; }
  #main_whole_slider_container .swiper-slide .slide_contents_wrap{left: 8%; text-align: left;}
}
@media only screen and (max-width: 767px){
  #main_whole_slider_container .swiper-slide .slide_contents_wrap{left: 0; text-align: center;}
  .onsen_2018 #main_whole_slider_container .swiper-slide .slide_contents_wrap .slide_contents{text-align: center;}
  .onsen_2018 #main_whole_slider_container .swiper-slide .slide_contents_wrap .slide_contents h1{font-size: 1.6em;text-align: center; }
  .onsen_2018 #main_whole_slider_container .swiper-slide .slide_contents_wrap .slide_contents h2{font-size: 1.6em;text-align: center; }
  .onsen_2018 #main_whole_slider_container .swiper-slide .slide_contents_wrap .slide_contents h3{display: none;}
  .btn-white{text-shadow: none;}
}
@media only screen and (max-width: 560px) {
  .onsen_2018 #main_whole_slider_container .swiper-slide .slide_contents_wrap .slide_contents{padding: 0; width: 80%;}
}



#main_whole_slider_container .swiper-slide .slide_contents_wrap .slide_contents .hokk_stamp { position: absolute; top: 0; right: 0; }
@media only screen and ( max-width: 992px ) {
    #main_whole_slider_container .swiper-slide .slide_contents_wrap .slide_contents .hokk_stamp{ top: -50px; right: 30px; width: 110px; }
}
@media only screen and ( max-width: 767px ) {
    #main_whole_slider_container .swiper-slide .slide_contents_wrap .slide_contents .hokk_stamp { top: 30px; right: 0; width: 65px;}
}








/**
 * # 료칸 주간예약 베스트 예약 8
 */
.best20 { z-index: 32; position: relative; background-color: #fff; }
.best20Title { color: #555;text-transform: uppercase;font-size: 30px;font-weight: 300; }

/**
 * tab items
 */
.item_tab_wrap2 .item_tab_btns { width: 100%; font-size: 1.4em; border:3px solid #ff4e71; overflow: hidden; }
.item_tab_wrap2 .item_tab_btns .item_tab_btn { float:left; width:12.5%;padding: 20px 2px;text-align: center;vertical-align: middle;background-color: #fff;color: #111;border-right: 1px solid #fff;border-left: 1px solid #f1f1f1;word-wrap: break-word;cursor: pointer; font-size: 1em; }
.item_tab_wrap2 .item_tab_btns .active { background-color: #ff4e71;color: #fff;border: none;}
.item_tab_wrap .item_tab_ctn { position:relative; width: 100%; }
.item_tab_wrap2 .item_tab_btns .item_tab_btn br {display:none;}
@media only screen and (max-width: 767px){
  .item_tab_wrap .item_tab_btns { font-size: 12px; }
  .item_tab_wrap .item_tab_btns .item_tab_btn {padding: 10px 5px;}
  .item_tab_wrap .item_tab_ctn { padding-top: 7.5px; padding-bottom: 7.5px; }
  .best20Title { font-size: 20px; }
  .item_tab_btn8 { font-size: 12px; }
}
.item_tab_wrap .item_tab_ctn::after {display: block;content: '';clear: both}
.item_block_container { padding-top:15px;padding-bottom:15px }
.item_block_container .item_block{display:block;position:relative;width:100%;border:1px solid #eee;background-color:#fff}
.item_block_container .item_block .item_block_image { position:relative;overflow:hidden;width:100%;height:0px;padding-bottom:66.66666%; background-color: #333; }
.item_block_container .item_block .item_block_image img{position: absolute;top:0;left:0;z-index:20;width:100%;height:100%;
  -webkit-transition:all 0.3s ease-in-out;
     -moz-transition:all 0.3s ease-in-out;
          transition:all 0.3s ease-in-out;
}
.item_block_container .item_block .item_block_image .item_block_promotion{position:absolute;left:10px;top:10px;z-index:21;}
.item_block_container .item_block .item_block_text{ padding:30px 10px }
.item_block_container .item_block .item_block_text .item_block_grade{min-height:20px;text-align:center;font-size:1em}
.item_block_container .item_block .item_block_text .item_block_grade i{background: -webkit-linear-gradient(#fff700, #d87e1b);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.item_block_container .item_block .item_block_text .item_block_ln1{margin-bottom:5px;text-align:center;font-size: 1.2em;font-weight: 400;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden;white-space: nowrap;word-wrap: normal}
.item_block_container .item_block .item_block_text .item_block_nprice{color:red;margin-bottom:5px;text-align:center;font-size: 1.2em;font-weight: 400;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden;white-space: nowrap;word-wrap: normal;}
.item_block_container .item_block .item_block_text .item_block_ln3{text-align:center;color:#a5a5a5;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden;white-space: nowrap;word-wrap: normal}
.item_block_container .item_block .item_block_cover{display:none;position:absolute;left:0px;top:0px;z-index:49;width:100%;height:100%;background-color:#000;opacity:0.2}
.item_block_container .item_block:hover { border:1px solid #111; -webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.item_block_container .item_block:hover .item_block_cover{display:block;z-index:40}
.item_block_container .item_block:hover .item_block_image img {
position: absolute;
top:0;
left:0;
width:100%;
height:100%;
-webkit-transform: scale(1.25);
-moz-transform: scale(1.25);
transform: scale(1.25);}

@media only screen and (max-width: 1200px){
.item_tab_wrap2 .item_tab_btns .item_tab_btn { font-size: 0.8em; }
}
@media only screen and (max-width: 992px){
.item_tab_wrap2 .item_tab_btns .item_tab_btn:nth-child(7) { padding: 10px 2px;}
}
@media only screen and (max-width: 645px){
.item_tab_wrap2 .item_tab_btns .item_tab_btn:nth-child(4) { padding: 10px 2px;}
}
 @media only screen and (max-width: 550px){
.item_tab_wrap2 .item_tab_btns .item_tab_btn {width:25%; padding: 10px 2px;}
}
 @media only screen and (max-width: 440px){
 /*.item_tab_wrap2 .item_tab_btns .item_tab_btn { padding: 18px 0; }
 .item_tab_wrap2 .item_tab_btns .item_tab_btn:nth-child(4) { padding: 10px 0; }
 .item_tab_wrap2 .item_tab_btns .item_tab_btn:nth-child(7) { padding: 10px 0; }*/
 .item_tab_wrap2 .item_tab_btns .item_tab_btn br {display:block;}
 }






/**
 * 취향에 따라 즐기는 대자연 속 료칸 BEST 4
 */
.ryokan02_box{overflow:hidden;}
.ryokan02_title{margin-bottom: 30px;}
.ryokan02_box h2{font-weight: lighter;letter-spacing: -0.05em;}
.ryokan02_title span{color: #cb1717; font-weight: normal;}
.ryokan_favor { position: relative; }
.favor_txt{position: absolute;left: 10%; bottom: 10%; text-align: left; color: white;}
.favor_txt h2{font-size: 34px;}
.favor_txt span{font-size: 18px; color:#f4f4f4; font-weight: lighter; letter-spacing: -0.05em;}
.ryokan_favor:hover .favor_txt{
    opacity: 0;
    cursor: pointer;
    transition: all 0.2s ease-in;
  }
.ryokan_favor_hoverBox { position:absolute;width:100%;height:100%; top:0; padding-right: 15px; }
.ryokan_favor:hover .hover{opacity: 1;transition:all 0.8s, color 0.3s 0.3s;}
.ryokan_favor .hover{
  text-align: center;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  top:0;
  background-color: rgba(0,0,0,0.5);
  opacity: 0;
  cursor:pointer
}

.hover i {font-size: 50px;  color: #fff;  padding-top: 40%;  display: block;}
.hover p { margin-top: 5%; color: #fff; font-size: 14px; letter-spacing: -0.05em;  font-weight: lighter;}
.ryokan_favor:hover::after .hover {opacity: 0;}
.ryokan_favor:hover::after .favor_txt {opacity: 1;transition:all 0.8s, color 0.3s 0.3s;}

@media (min-width: 768px) and (max-width: 991px) {
.ryokan02_box h2{font-size: 34px;}
.ryokan02_box .favor_txt h2{font-size:21px;}
.favor_txt span{font-size: 1.25em;}
.ryokan02_box h2{font-size: 30px;}
.ryokan_favor{margin-left: 0px;}
.hover i{font-size: 30px; padding-top:50%;}
}
@media only screen and (max-width: 767px) {
.ryokan02_box .favor_txt h2{font-size: 2em;}
.favor_txt span{font-size: 1.25em;}
.ryokan02_box h2{font-size: 21px;}
.ryokan02_box{padding: 0 15px;}
.ryokan_favor_hoverBox {padding-right: 0; }
.ryokan02_box .rowSmall > .col-xs-6 { padding:0; }
.ryokan_favor_hoverBox .hover i{font-size: 40px; padding-top: 45%;}
}
@media only screen and (max-width: 480px){
  .ryokan02_box .favor_txt h2{font-size:18px;}
  .favor_txt span{font-size: 1em;}
}




/**
 * # 탭 료칸 컨셉별 추천
 */

/**
* tab items
*/
.item_tab_wrap {}
.item_tab_wrap .item_tab_btns { display: table; table-layout: fixed; width: 100%; font-size: 2em; border:3px solid #ff4e71;}
.concept .item_tab_wrap .item_tab_btns { font-size: 16px; }
.item_tab_wrap .item_tab_btns .item_tab_btn {display: table-cell;padding: 20px 5px;text-align: center;vertical-align: middle;background-color: #fff;color: #111;border-right: 1px solid #fff;border-left: 1px solid #f1f1f1;word-wrap: break-word;cursor: pointer}
.item_tab_wrap .item_tab_btns .item_tab_btn:last-child {border-right: 0px;}
.item_tab_wrap .item_tab_btns .item_tab_btn:first-child {border-left: 0px;}
.item_tab_wrap .item_tab_btns .active { background-color: #ff4e71;color: #fff;border: none;}
.item_tab_wrap .item_tab_ctn { position:relative; width: 100%; }

.item_tab_subinfo{}
.item_tab_subinfo_li { display:none; }
.item_tab_subinfo_li h6 { color:#111; }
.item_tab_subinfo_li h4{}
.item_tab_subinfo_li p{line-height:160%}

@media only screen and (max-width: 767px){
.item_tab_wrap .item_tab_btns { font-size: 12px; }
.item_tab_wrap .item_tab_btns .item_tab_btn {padding: 10px 5px; font-size:13px;}
.item_tab_wrap .item_tab_ctn { padding-top: 7.5px; padding-bottom: 7.5px; }
.best20Title { font-size: 20px; }
.submain_section_title { font-size: 18px; }
}

.item_tab_wrap .item_tab_ctn::after {display: block;content: '';clear: both}
.item_block_container { padding-top:15px;padding-bottom:15px }
.item_block_container .item_block{display:block;position:relative;width:100%;border:1px solid #eee;background-color:#fff}
.item_block_container .item_block .item_block_image { position:relative;overflow:hidden;width:100%;height:0px;padding-bottom:66.66666%; background-color: #333; }
.item_block_container .item_block .item_block_image img{position: absolute;top:0;left:0;z-index:20;width:100%;height:100%;
-webkit-transition:all 0.3s ease-in-out;
   -moz-transition:all 0.3s ease-in-out;
        transition:all 0.3s ease-in-out;
}
.item_block_container .item_block .item_block_image .item_block_promotion{position:absolute;left:10px;top:10px;z-index:21;}
.item_block_container .item_block .item_block_text{ padding:30px 10px }
.item_block_container .item_block .item_block_text .item_block_grade{min-height:20px;text-align:center;font-size:1em}
.item_block_container .item_block .item_block_text .item_block_grade i{background: -webkit-linear-gradient(#fff700, #d87e1b);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.item_block_container .item_block .item_block_text .item_block_ln1{margin-bottom:5px;text-align:center;font-size: 1.2em;font-weight: 400;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden;white-space: nowrap;word-wrap: normal}
.item_block_container .item_block .item_block_text .item_block_ln3{text-align:center;color:#a5a5a5;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden;white-space: nowrap;word-wrap: normal}
.item_block_container .item_block .item_block_cover{display:none;position:absolute;left:0px;top:0px;z-index:49;width:100%;height:100%;background-color:#000;opacity:0.2}
.item_block_container .item_block:hover { border:1px solid #111; -webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.item_block_container .item_block:hover .item_block_cover{display:block;z-index:40}
.item_block_container .item_block:hover .item_block_image img {
position: absolute;
top:0;
left:0;
width:100%;
height:100%;
-webkit-transform: scale(1.25);
-moz-transform: scale(1.25);
transform: scale(1.25);}



/**
 * 비탕&수질에 따른 료칸 분류 BEST 4
 */
.ryokan04_box{overflow:hidden;}
.cf_img{width: 100%;height: 100%;}
.ryokan02_title{margin-bottom: 30px;}
.ryokan04_box h2{font-weight: lighter;letter-spacing: -0.05em;}
.ryokan02_title span{color: #cb1717; font-weight: normal;}
.ryokan_cf { position: relative; }
.cf_txt{position: absolute;left: 10%; bottom: 10%; text-align: left; color: white; width: 80%;}
.cf_txt h2{font-size: 34px;}
.cf_txt p{font-size: 18px; font-weight: lighter;letter-spacing: -0.05em;text-decoration: underline;}
.cf_txt span{font-size: 18px; color:#f4f4f4; font-weight: lighter; letter-spacing: -0.05em;}
.ryokan_cf:hover .cf_txt{
    opacity: 0;
    cursor: pointer;
    transition: all 0.2s ease-in;
  }
.ryokan_cf_hoverBox { position:absolute;width:100%;height:100%; top:0; padding-right: 15px; }
.ryokan_cf:hover .hover{opacity: 1;transition:all 0.8s, color 0.3s 0.3s;}
.ryokan_cf .hover{
  text-align: center;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  top:0;
  background-color: rgba(0,0,0,0.5);
  opacity: 0;
  cursor:pointer
}
@media (min-width: 992px) and (max-width: 1225px){
  .ryokan04_box .cf_txt h2{font-size:24px; padding-right: 15px;}
  .cf_txt p{font-size: 16px; padding-right: 15px;}
  .cf_txt span{font-size: 16px; padding-right: 15px;}
  }
@media (min-width: 768px) and (max-width: 991px) {
.ryokan04_box h2{font-size: 24px;}
.ryokan04_box .cf_txt h2{font-size:20px; padding-right: 15px;}
.cf_txt p{font-size: 14px; padding-right: 15px;}
.cf_txt span{font-size: 14px; padding-right: 15px;}
.cf_txt{ margin-right: 15px;width: 83%;}

.ryokan_cf{margin-left: 0px;}
}
@media only screen and (max-width: 767px) {
.ryokan_cf_hoverBox{}
.ryokan04_box .cf_txt h2{font-size: 2em;}
.cf_txt span{font-size: 1.1em; letter-spacing: -0.08em; padding-right: 13px;}
.cf_txt p{font-size: 1.1em;padding-right: 13px;}
.ryokan04_box h2{font-size: 21px;}
.cf_txt{width: 80%;}
.ryokan04_box{padding: 0 15px; height:100%}
.cf_img{overflow: hidden; height: 178px;position: relative;}
.cf_img img{position: absolute;left: 0;top: -194px;  background-color: rgba(0,0,0,0.5);width: 100%;}
.ryokan_cf_hoverBox .hover i{font-size: 35px; padding-top: 40px;}
.ryokan_cf_hoverBox .hover p{margin-top: 2%}
}
@media (min-width: 481px) and (max-width: 767px){

}
@media only screen and (max-width: 480px){
  .cf_txt {bottom: 20%;}
}





 .container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
 .container_np { padding-right: 0; padding-left: 0; padding-top:30px; background:#fff; }
 .boxtype1 { max-width: 2000px; margin: auto; }
 .pattern_wave_indigo { background: url(//cdn.hotelonsen.com/img/onsen/common/pattern_wave_red.jpg) 0px 0px repeat; position: relative; z-index: 1;}
 .boxtype1_text { text-align: right; padding: 0px 40px 15px 15px;}
 .luxury_logo { display: inline-block; width: 105px; height: 141px; margin-bottom: 15px; background: url(//cdn.hotelonsen.com/img/onsen/common/luxury-brand.png) 0px 0px no-repeat; background-size: cover;}
 .boxtype_txt1 { margin-bottom: 15px; color: #fff; font-size: 16px;}
 .boxtype_txt2 { margin-bottom: 15px; color: #fff; font-size: 34px; font-family: 'Nanum Myeongjo', serif; font-weight: bold; line-height: 1.2;}
 .boxtype_img { position: relative; width: 100%; height: 500px; background-size: cover; box-shadow: 20px 0 100px #6f9fa0 inset;}
 .boxtype_txt3 { margin-bottom: 15px; color: #fff; font-size: 16px;}
 .boxtype1_image { position: relative; z-index: 30; padding: 0;}
 .img_jr_blossom {  background-image: url(//cdn.hotelonsen.com/img/onsen/ryokan_main/jr_blossom_hana_ban_img.jpg); background-repeat: no-repeat; background-size: cover; position: relative; width: 100%; height: 500px;}
 .logo_jr_blossom { background: url(//cdn.hotelonsen.com/img/onsen/ryokan_main/jr_blossom_hana-logo.png) 0px 0px no-repeat; background-size: cover;}
 .boxtype_ryokan_logo { position: absolute; left: 0px; top: 50%; z-index: 31; width: 63px; height: 63px; margin-top: -31px; margin-left: -31px;}

 .right.carousel-control{ background-image: none;}
 .left.carousel-control{background-image: none;}

/*유모토칸*/
.boxtype_img.img_yumotokan {box-shadow: none;}
.pattern_wave_olive2{background: url(//cdn.hotelonsen.com/img/onsen/common/pattern_wave_olive2.jpg) 0px 0px repeat; position: relative; z-index: 1;}
.img_yumotokan {  background-image: url(//cdn.hotelonsen.com/img/onsen/ryokan_main/yumotokan-banner.jpg); background-repeat: no-repeat; background-size: cover; position: relative; width: 100%; height: 500px; background-position: 50% 50%;}
.logo_yumotokan { background: url(//cdn.hotelonsen.com/img/onsen/ryokan_main/yumotokan-main-ban-logo.png) 0px 0px no-repeat; background-size: cover;}

.jbBlossomBanlogo {position: absolute; left: 50%; top: 50%; z-index: 31; margin-left:-155px; margin-top:-37px; }

/*산코엔 원천수*/
.boxtype_img.img_sankouen {box-shadow: none;}
.img_sankouen {  background-image: url(//cdn.hotelonsen.com/img/onsen/ryokan_main/sankouen-banner.jpg); background-repeat: no-repeat; background-size: cover; position: relative; width: 100%; height: 500px; background-position: 50% 50%;}
.logo_sankouen { background: url(//cdn.hotelonsen.com/onsen2/img/branding/yamadaya/sec03_topicon.png) 0px 0px no-repeat; background-size: cover;}
.sankouenBanlogo {position: absolute; left: 50%; top: 50%; z-index: 31; margin-left:-67px; margin-top:-80px; }

/*야마다야*/
.boxtype_img.img_yamadaya {box-shadow: none;}
.pattern_wave_gray { background: url(//cdn.hotelonsen.com/img/onsen/common/pattern_wave_gray.jpg) 0px 0px repeat; position: relative; z-index: 1;}
.img_yamadaya {  background-image: url(//cdn.hotelonsen.com/img/onsen/ryokan_main/yamadaya-banner.jpg); background-repeat: no-repeat; background-size: cover; position: relative; width: 100%; height: 500px; background-position: 50% 50%;}
.logo_yamadaya { background: url(//cdn.hotelonsen.com/onsen2/img/branding/yamadaya/sec03_topicon.png) 0px 0px no-repeat; background-size: cover;}
.yamadayaBanlogo {position: absolute; left: 50%; top: 50%; z-index: 31; margin-left:-67px; margin-top:-27px; }

/*메바에소*/
.boxtype_img.img_mebaeso {box-shadow: none;}
.img_mebaeso {  background-image: url(//cdn.hotelonsen.com/img/onsen/ryokan_main/mebaeso-banner.jpg); background-repeat: no-repeat; background-size: cover; position: relative; width: 100%; height: 500px; background-position: 50% 50%;}
.logo_mebaeso { background: url(//cdn.hotelonsen.com/onsen2/img/branding/mebaeso/sec03_topicon.png) 0px 0px no-repeat; background-size: cover;}
.mebaesoBanlogo {position: absolute; left: 50%; top: 50%; z-index: 31; margin-left:-100px; margin-top:-34px; }

/*오다 하나무라*/
.boxtype_img.img_hanamura {box-shadow: none;}
.img_hanamura {  background-image: url(//cdn.hotelonsen.com/img/onsen/ryokan_main/hanamura-banner.jpg); background-repeat: no-repeat; background-size: cover; position: relative; width: 100%; height: 500px; background-position: 50% 50%;}
.logo_hanamura { background: url(//cdn.hotelonsen.com/onsen2/img/branding/hanamura/sec03_topicon.png) 0px 0px no-repeat; background-size: cover;}
.hanamuraBanlogo {position: absolute; left: 50%; top: 50%; z-index: 31; margin-left:-63px; margin-top:-32px; }

/*오쿠도고 이치유노모리*/
.boxtype_img.img_ichiyuno {box-shadow: none;}
.img_ichiyuno {  background-image: url(//cdn.hotelonsen.com/img/onsen/ryokan_main/ichiyuno-banner.jpg); background-repeat: no-repeat; background-size: cover; position: relative; width: 100%; height: 500px; background-position: 50% 50%;}
.logo_ichiyuno { background: url(//cdn.hotelonsen.com/onsen2/img/branding/ichiyuno/sec03_topicon.png) 0px 0px no-repeat; background-size: cover;}
.ichiyunoBanlogo {position: absolute; left: 50%; top: 50%; z-index: 31; margin-left:-100px; margin-top:-34px; }

/*카에데노쇼우자*/
.boxtype_img .img_kaed {box-shadow: none;}
.img_kaed {  background-image: url(//cdn.hotelonsen.com/img/onsen/ryokan_main/kaed-banner.jpg); background-repeat: no-repeat; background-size: cover; position: relative; width: 100%; height: 500px; background-position: 50% 50%;}
.logo_kaed { background: url(//cdn.hotelonsen.com/onsen2/img/branding/kaed/sec03_topicon.png) 0px 0px no-repeat; background-size: cover;}
.kaedBanlogo {position: absolute; left: 50%; top: 50%; z-index: 31; margin-left:-100px; margin-top:-34px; }

/*hotaru*/
.boxtype_img .img_kaed {box-shadow: none;}
.img_hotaru {  background-image: url(//cdn.hotelonsen.com/img/onsen/ryokan_main/hotaru-banner.jpg); background-repeat: no-repeat; background-size: cover; position: relative; width: 100%; height: 500px; background-position: 50% 50%;}
.logo_hotaru { background: url(//cdn.hotelonsen.com/onsen2/img/branding/kaed/sec03_topicon.png) 0px 0px no-repeat; background-size: cover;}
.hotaruBanlogo {position: absolute; left: 50%; top: 50%; z-index: 31; margin-left:-100px; margin-top:-34px; }

 @media only screen and (max-width: 767px) {
	 .img_jr_blossom,.boxtype_img.img_yumotokan { height: 240px; }
	 .boxtype_ryokan_logo { left: 50%; top: 0px; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px;}
	 .boxtype_txt2 {font-size: 2em;}
 }