.image-bg .container { position: relative;}
img{max-width:100%;}
.pc_img{display: block;}
.mobile_img{display: none;}
.main_img{ width: 560px;  display: inline-block;}
/* 수정 */ .title1 { font-size: 20px; color: #fff; margin:20px;}
/* 수정 */ .title2 { font-size: 60px; font-family: 'Nanum Myeongjo', serif; color: #fff;font-weight: 700; line-height: 1.1; }
.sec_titwrap {margin-bottom: 15px;}
.sec_titwrap h2{font-size: 38px; margin-top: 10px;color: #000;}
.sec_titwrap p{font-size: 18px;padding-top: 15px;color: #666; letter-spacing: -0.03em;}
.sec_titwrap .color-000{color: #000;}

/* 수정 */.hoshinoyaban-img { margin-top: 50px; padding: 30px;   background-color: rgba(0,0,0,.5);  display: inline-block;}

.hoshinoyaConBack1 { background: url('//cdn.hotelonsen.com/onsen2/img/branding/wataya/sec01_img01.jpg') center;height: 600px; }
.hoshinoyaConBack1-1 { background: url('//cdn.hotelonsen.com/onsen2/img/branding/wataya/sec01_img01-1.jpg') center;height: 600px; background-size: cover;}
.hoshinoyaConBack1-2 { background: url('//cdn.hotelonsen.com/onsen2/img/branding/wataya/sec01_img01-2.jpg') center;height: 600px; background-size: cover;}

.hoshinoyaConBack2 { background: url('//cdn.hotelonsen.com/onsen2/img/branding/wataya/sec01_img02.jpg') center; height: 600px;  background-size: cover;}
.hoshinoyaConBack2-1 { background: url('//cdn.hotelonsen.com/onsen2/img/branding/wataya/sec01_img02-1.jpg') center; height: 600px; background-size: cover;}
.hoshinoyaConBack2-2 { background: url('//cdn.hotelonsen.com/onsen2/img/branding/wataya/sec01_img02-2.jpg') center; height: 600px; background-size: cover;}

.hoshinoyaConBack3 { background:url('//cdn.hotelonsen.com/onsen2/img/branding/wataya/sec01_img03.jpg') center;height: 600px; }
.hoshinoyaConBack3-1 { background:url('//cdn.hotelonsen.com/onsen2/img/branding/wataya/sec01_img03-1.jpg') center;height: 600px; background-size: cover;}
.hoshinoyaConBack3-2 { background:url('//cdn.hotelonsen.com/onsen2/img/branding/wataya/sec01_img03-2.jpg') center;height: 600px; background-size: cover;}

.hoshinoyaConBack4 {background:url('//cdn.hotelonsen.com/onsen2/img/branding/wataya/sec01_img04.jpg') center;height: 600px; }
.hoshinoyaConBack4-1 {background:url('//cdn.hotelonsen.com/onsen2/img/branding/wataya/sec01_img04-1.jpg') center;height: 600px; background-size: cover;}
.hoshinoyaConBack4-2 {background:url('//cdn.hotelonsen.com/onsen2/img/branding/wataya/sec01_img04-2.jpg') center;height: 600px; background-size: cover;}

/* 수정 *//* 객실 소개 슬라이드 */

.slide_room1 {background:url('//cdn.hotelonsen.com/onsen2/img/branding/wataya/rooms01_img01a.jpg') center; height: 520px; background-size: cover;}
.slide_room2 {background:url('//cdn.hotelonsen.com/onsen2/img/branding/wataya/rooms01_img01b.jpg') center; height: 520px; background-size: cover;}
.slide_room3 {background:url('//cdn.hotelonsen.com/onsen2/img/branding/wataya/rooms01_img01c.jpg') center; height: 520px; background-size: cover;}

.slide_room21 {background:url('//cdn.hotelonsen.com/onsen2/img/branding/wataya/rooms02_img01a.jpg') center; height: 520px; background-size: cover;}
.slide_room22 {background:url('//cdn.hotelonsen.com/onsen2/img/branding/wataya/rooms02_img01b.jpg') center; height: 520px; background-size: cover;}

.roomsWrap .left.carousel-control img{position: absolute; top: 45%; left:20px;}
.roomsWrap .right.carousel-control img{position: absolute; top: 45%; right:20px;}

/* 수정 *//* 온천 소개 슬라이드 */

.slide_onsen_a1 {background:url('//cdn.hotelonsen.com/onsen2/img/branding/wataya/spa_img01_1.jpg') center; height: 520px; background-size: cover;}
.slide_onsen_a2 {background:url('//cdn.hotelonsen.com/onsen2/img/branding/wataya/spa_img01_2.jpg') center; height: 520px; background-size: cover;}
.slide_onsen_a3 {background:url('//cdn.hotelonsen.com/onsen2/img/branding/wataya/spa_img01_3.jpg') center; height: 520px; background-size: cover;}

.dinnerWrap .left.carousel-control img{position: absolute; top: 45%; left:20px;}
.dinnerWrap .right.carousel-control img{position: absolute; top: 45%; right:20px;}

/* 수정 *//* 식사 소개 슬라이드 */

.slide_dinner_a1 {background:url('//cdn.hotelonsen.com/onsen2/img/branding/wataya/dinner_img01_1.jpg') center; height: 520px; background-size: cover;}
.slide_dinner_a2 {background:url('//cdn.hotelonsen.com/onsen2/img/branding/wataya/dinner_img01_2.jpg') center; height: 520px; background-size: cover;}
.slide_dinner_a3 {background:url('//cdn.hotelonsen.com/onsen2/img/branding/wataya/dinner_img01_3.jpg') center; height: 520px; background-size: cover;}

.slide_dinner_b1 {background:url('//cdn.hotelonsen.com/onsen2/img/branding/wataya/dinner_img02_1.jpg') center; height: 520px; background-size: cover;}
.slide_dinner_b2 {background:url('//cdn.hotelonsen.com/onsen2/img/branding/wataya/dinner_img02_2.jpg') center; height: 520px; background-size: cover;}
.slide_dinner_b3 {background:url('//cdn.hotelonsen.com/onsen2/img/branding/wataya/dinner_img02_3.jpg') center; height: 520px; background-size: cover;}

.slide_dinner_c1 {background:url('//cdn.hotelonsen.com/onsen2/img/branding/wataya/dinner_img03_1.jpg') center; height: 450px; background-size: cover;}
.slide_dinner_c2 {background:url('//cdn.hotelonsen.com/onsen2/img/branding/wataya/dinner_img03_2.jpg') center; height: 450px; background-size: cover;}

#facility .left.carousel-control img{position: absolute; top: 45%; left:20px;}
#facility .right.carousel-control img{position: absolute; top: 45%; right:20px;}

/* //수정 */




	.reason01::before{content: url(//cdn.hotelonsen.com/onsen2/img/branding/hoshinoya/bali/reason_txt01.png); left: -37px;}
	.reason03::before{content: url(//cdn.hotelonsen.com/onsen2/img/branding/hoshinoya/bali/reason_txt03.png);left: -32px; }
	.reason04::before{content: url(//cdn.hotelonsen.com/onsen2/img/branding/hoshinoya/bali/reason_txt04.png); right: -31px;}
	#dinning{background: url(//cdn.hotelonsen.com/onsen2/img/branding/hoshinoya/bali/dinning_bg.jpg) 100% 0 no-repeat;}

@media only screen and (max-width: 767px) {
  /* 수정 */.title1 { font-size: 12px; margin-bottom:-10px; }
  /* 수정 */.title2 { font-size: 30px; margin-top: 30px; }
  .title3 { font-size: 11px; }
  .image-square h2 { font-size: 16px; }
  .main_img{display: none;}
}

.content h2 { line-height: 130%; }
.content p { line-height: 180%; }

@media only screen and (max-width: 1199px) {

.pc_img{display: none;}
.mobile_img{display: block;}
}

@media only screen and (max-width: 767px) {
  #hoshinoya_ryokan_selector{height:400px}
  .hoshinoya_ryokan_abridgement {top: 0;}
  .jp-map-bk {background-size: cover;  margin-top: 100px;  margin-left: -150px;  width: 300px;   height: 299px;}
  .pc_img{display: block;}
  .mobile_img{display: none;}
}

@media only screen and (max-width: 560px) {
  .pc_img{display: none;}
  .mobile_img{display: block;}
}
/*sec01*/
.sec01 .left.carousel-control img{position: absolute; top: 45%; left:20px;}
.sec01 .right.carousel-control img{position: absolute; top: 45%; right:20px;}
.small_tit,.sec_titwrap span{font-size: 14px; color: #306bb1; border-top: 1px solid #306bb1; border-bottom: 1px solid #306bb1;font-family: 'Gentium Basic', serif; padding: 5px 0; margin-bottom: 25px;margin-top: 50px; display: inline-block;}

.yumotokan_tit01 { font-size: 20px; margin-bottom: 0;}
.yumotokan_tit02 { font-size: 38px;  letter-spacing: -0.04em;}
.myeongjo.bold{font-size: 20px; letter-spacing: -0.03em; margin-top: 0;margin-bottom: 15px; text-align: left; }
.myeongjo.bold b{display: block;margin-bottom: 8px;font-size: 34px; color: #000;line-height: 1.34;}
.sec01 .row p{font-size: 15px; color: #666;letter-spacing: -0.03em; line-height: 1.7}
.toptit { position: absolute; width: 100%; top: 10%; left: 0; z-index: 100;}
.toptit h1{font-size: 24px; color:#fff;}
.topbanner { width: 100%;}
.topbanner2 { width: 100%; position: absolute; bottom: 130px; z-index: 99; left: 50%; transform: translateX(-50%);}
.topbanner img { display: block; margin: auto; }


.container2000{  max-width: 2000px; padding:0 50px; margin-left: auto; margin-right: auto;}
.sec01_wrap2{background-color: #e9f6f9;}
.sec01_wrap1 .myeongjo.bold{color:#1e4b68;}
.sec01_wrap3{background-color: #fbf3d7;}
.sec01_wrap4{background-color: #f1fcdf;}

@media only screen and (max-width: 1280px){

  .topbanner2 { bottom: 100px; }
}
@media only screen and (max-width: 1199px){
  .sec01 .small_tit{margin-top: 0;  margin-bottom: 10px;}
  .myeongjo.bold{font-size: 26px;}
  .sec01 .row p{font-size: 14px;}
  /* 수정 */ .myeongjo.bold b{font-size: 24px;}
}
@media only screen and (max-width: 991px){
  .sec01 .container2000 .row .carousel-inner .item > div{height: 400px;}
	.topbanner2 { width: 80%; }
  .sec01 .small_tit{margin-top: 30px;}
  .myeongjo.bold{font-size: 20px;}
  .sec01_wrap1 .myeongjo.bold{}
  .sec01 .row p{font-size: 14px;}

}
@media only screen and (max-width: 767px){
  .sec01 .container2000 .row .carousel-inner .item > div{height: 250px;}
  .container2000{padding-right: 15px; padding-left: 15px;}
  .yumotokan_tit01{font-size: 16px;}
  .yumotokan_tit02{font-size: 28px;}
    /* 수정 */ .myeongjo.bold b{font-size: 18px;}
  .bar02{margin-bottom: 20px;}
  .topbanner2 { bottom: 50px; }

  .slidercopyfixedh3 { font-size: 14px;  }
}

.swiper-container {
  position: relative;
  z-index: 30;
  width: 100%;
  height:100%;
}
.swiper-slide {
  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-algn: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center
}

#slidercopyfixed h3 { margin-top: 0px; margin-bottom: 0px; }
.slidercopyfixedh3 { color:#fff; }


/*"4가지 이유"*/
.reasonBox{position: relative; margin-top: 30px; margin-bottom: 30px;padding: 40px 60px;}
.reasontxt h3{font-size: 28px; color: #000; line-height: 1.4; font-weight: 700; margin-top: -5px;}
.reasontxt span{color:#000; font-weight: 700;font-size: 40px; font-family: 'Gentium Basic', serif;}
.reasontxt p{font-size: 18px; color: #242424; line-height: 1.6; letter-spacing: -0.03em;}
.reason01{background-color: #e9f4db;}
.reason01::before{content: url(//cdn.hotelonsen.com/onsen2/img/branding/wataya/reason01_txt.png); left: -37px;}
.reasonBox::before{display:inline-block; clear: both; top: 0; color: #000;position: absolute;}

.reason02{background-color: #dddbd2;}
.reason02::before{content: url(//cdn.hotelonsen.com/onsen2/img/branding/wataya/reason02_txt.png); right: -30px;}

.reason03{background-color: #e4dac6;}
.reason03::before{content: url(//cdn.hotelonsen.com/onsen2/img/branding/wataya/reason03_txt.png);left: -32px; }

.reason04{background-color: #f7e8e7;}
.reason04::before{content: url(//cdn.hotelonsen.com/onsen2/img/branding/wataya/reason04_txt.png); right: -13px;}
/**/
.sec_feature{background-color: #e5e5e5;}


@media only screen and (max-width: 991px){

}
@media only screen and (max-width: 767px){
/* 수정 */.sec_titwrap h2{font-size: 28px;margin-top: 0;}
.sec_titwrap p{font-size: 16px;}
.reasonBox{padding: 30px;}
.reasontxt h3{font-size: 20px;}
.reasontxt p{font-size: 14px;}
.reason04::before{right: -20px;}
}



/*객실타입 및 소개*/
.rooms_bar{width: 100%; height: 1px; margin: 40px 0; background-color: #888;}
.sec_rooms{background-color: #e5e5e5;}
.roomsWrap{margin-right: 15px;margin-left: 15px;}
.roomimg{padding:3px;}
.feature_txt{padding: 30px 0;}
.feature_txt .num{font-size: 24px; color: #b3210f; border-bottom: 1px solid #b3210f; display: inline-block;height: 33px;font-weight: 700;}
.feature_txt h4{font-size: 26px;color: #000;margin-top: 0;}
.feature_txt p{font-size: 18px; color: #b3210f;margin-top: 8px;margin-bottom: 0;}
.feature_txt span{font-size: 16px;color: #888;}
/*"주요 시설 소개"*/
#facility{}
#facility .row{margin-right: 0; margin-left: 0;}
.facility_tit h4 { font-size: 24px; color: #000;margin-top: -4px;margin-bottom: 25px;}
.facility_tit span{font-size: 14px; color: #838383 ; padding: 0; font-weight: 700; display: block;}
.facility_tit .br{display: inline-block; border-top: 1px solid #666; width: 30px; height: 8px;}
.facility_tit p{font-size: 16px; color: #666; letter-spacing: -0.02em;}

.yumotokan_txt02 { font-size: 14px; line-height: 1.7; letter-spacing: -0.03em;}
.sec02_txtWrap{padding-top: 5%;}
#facility .left.carousel-control img{position: absolute; top: 45%; left:20px;}
#facility .right.carousel-control img{position: absolute; top: 45%; right:20px;}
@media only screen and (max-width: 991px){
  #facility .row .carousel-inner .item img{width: 100%;}
}
/*일곱개의 호시노야*/
#dinning{background: url(//cdn.hotelonsen.com/onsen2/img/branding/wataya/dinner_bg.jpg) 80% 0 no-repeat;}
#dinning .sec_titwrap{margin-top: 300px; background-color: rgba(255,255,255,0.9);padding:0 40px;}
.dinning_tit{height: 80px;}
.dinning_tit h3{font-size: 36px; color: #000;margin-bottom: 30px;}
.dinningBr{width: 100%; height: 2px; border-top: 1px solid #ddd ; margin-top: -71px; position: relative;}
.dinningBr span{font-size: 16px; color: #ddd; top: -20px;right: 0;position: absolute;font-family: 'Gentium Basic', serif;}


#dinning .left.carousel-control img{position: absolute; top: 45%; left:20px;}
#dinning .right.carousel-control img{position: absolute; top: 45%; right:20px;}
.dinningTxt {margin-top: 40px; letter-spacing: -0.03em;}
.dinningTxt b{font-size: 22px; color: #000;}
.dinningTxt h4{font-size: 32px; color: #000; margin-top: 0;}
.dinningTxt p{font-size: 16px; color: #242424;}
.lunchtit {padding-top: 15px;}
.lunchtit h4{ font-size: 24px; color: #000;}
.lunchtit p{font-size: 14px; color: #242424;}
.BreakfastTxt{padding-top: 50px; position: relative; }
/* 수정
.BreakfastTxt::before{content: url(//cdn.hotelonsen.com/onsen2/img/branding/wataya/icn_upgrade.png); display: inline-block; clear: both; position: absolute; top: 40px; right: 120px;}
*/
.BreakfastTxt h4{font-size: 22px; color: #000;}

.BreakfastTxt p{font-size: 16px; color: #242424; letter-spacing: -0.03em; padding-right: 15px; padding-top: 0;}
.resrv_box{background-color: #ebebeb;}
.resrv_box a{display: block; position: relative;}
.resrv_box a p{color: #fff; position: absolute; bottom: 10px; left: 15px; font-size: 18px;}
.resrv_box .row .col-sm-6{position: relative;}


.resrv_box h4{font-size: 24px; color: #242424; padding-top: 15px;}
.resrv_box p{font-size: 16px; color: #888;}

.home_icon{display: inline-block; width: 113px; height: 113px; background: #00baff; border-radius: 100%; box-shadow: 0 10px 15px rgba(0,0,0,0.1);}
.home_icon img{position: relative; top: 50%; transform: translateY(-50%);}

.rev{background-color: #b3210f; padding: 30px 0;}
.rev a{font-size: 20px; color: #fff; border-radius: 50px; padding: 12px 30px;;display: inline-block; border: 2px solid #fff; text-decoration: none; transition: all 0.2s ease-in; }
.rev a:hover{background-color: #fff; color: #b3210f;transition: all 0.4s ease-in;font-weight: 700;}
@media only screen and (max-width: 1199px){
.dinningTxt{margin-top: 15px; padding-bottom: 30px;}
.dinningTxt b{font-size: 18px;}
.dinningTxt h4{font-size: 28px;}
.dinningTxt p{font-size: 14px;}
}
/* 수정
@media only screen and (max-width: 991px){
	.BreakfastTxt::before{position: relative; top: 0;right: 0;}
}
*/
@media only screen and (max-width: 767px){
#dinning { background-position: 80% -150px; }
#dinning .sec_titwrap{margin-top: 160px; padding:0 20px;}
.dinning_tit h3{font-size: 28px;}
.dinningBr{margin-top: -60px;}
.dinningTxt h4{font-size: 24px;}
.lunchtit{width: 420px;  display: inline-block; padding-bottom: 30px;}
.lunchtit p{font-size: 14px;}
.lunchtit h4{font-size: 20px;}
.BreakfastTxt p{padding-right: 0px;}
.resrv_box a{margin-top: 10px;}

/* 수정 */.feature_txt h4 { font-size: 22px; }


}
@media only screen and (max-width: 560px){
.lunchtit{width: 100%;
    display: inline-block;
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;}
.lunchtit p{font-size: 14px;}
.lunchtit h4{font-size: 20px;}
}


/* ------------------- sec07 - 찾아가는 방법 안내 ------------------- */
#sec07 { background: #f6f6f6; }
.sec07_txt01 { font-size: 16px; color: #eb0000; font-weight: 500; line-height: 1.8; margin-bottom: 15px; }
.sec07_txt02 { font-size: 20px; color: #242424; }
.komolebi_txt01{font-size: 14px; color: #888;}
.map_txt_Wrap { float:left; width: 700px; margin-bottom: 50px; }
.map_txt_Wrap .komolebi_tit02 { margin-bottom: 30px; font-size: 38px; color: #242424;}
.map_txt_Wrap .sec07_map_bar { width: 100%; height: 1px; background: #c0c0c0; margin: 30px 0; }
.map_txt_Wrap .map_Way_list { margin-bottom: 20px; }
.map_img_Wrap { position: relative; float: right;}
.map_img_Wrap a { position: relative; display: block; width: 100%; }
.map_img_Wrap a img { width: 100%; }
.map_img_Wrap a p {
  font-size: 16px;
  color: #fff;
  border: 1px solid #fff;
  padding: 10px;
  display: inline-block;
  width: 145px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.map_txt_Wrap .blue{color: #4992c5;}
.map_txt_Wrap .btn.btn-mapway:first-of-type{background-color: #0076ca; border: 2px solid #0076ca;}
.map_txt_Wrap .btn.btn-mapway{border: 2px solid #c30436; background-color: #c30436;    margin: 4px 5px 0 0; width: 46%;}
.map_txt_Wrap .btn.btn-mapway a{color: #fff; font-size: 14px; font-weight: 600;}
.map_txt_Wrap .btn.btn-mapway a b{display: block;font-weight: 400;}
.map_txt_Wrap .btn.btn-mapway:hover{background-color: #242424; border-color: #242424;}
.map_txt_Wrap .btn.btn-mapway:hover a,.map_txt_Wrap .btn.btn-mapway:hover a b{opacity: 0.6;}
.komolebi_btn { display: block; width: 100%; background: #f0003e; color: #fff; font-size: 24px; clear: both; text-align: center; line-height: 1.3; padding: 10px 10px 15px; }
.komolebi_btn span { font-size: 16px; }
.komolebi_btn:hover {color: #fff; background: #c30436; }
@media only screen and (max-width: 1200px){
	.map_txt_Wrap{width: 50%;}


}
@media only screen and (max-width: 991px){
	.map_txt_Wrap{width: 100%;}
	.map_img_Wrap a p{top: 80px; left: 50%;}
	.map_img_Wrap{width: 100%; height: 150px; overflow: hidden;}
	.map_img_Wrap a{width: 100%;}


}

@media only screen and (max-width: 767px){
	.map_txt_Wrap .sec07_map_bar { margin: 15px 0; }
	.map_txt_Wrap .map_Way_list { margin-bottom: 15px; }
	.map_txt_Wrap { width: 100%; }

}