section p {font-weight: 300; }
.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: 60px; margin-bottom:-30px; }
.title2 { font-size: 80px; font-family: 'Nanum Myeongjo', serif; color: #fff;font-weight: 700;}
.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;}



@media only screen and (max-width: 767px) {
  .title1 { font-size: 18px; margin-bottom:-10px; }
  .title2 { font-size: 50px; }
  .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,
.sec04 .left.carousel-control img {position: absolute; top: 50%; left:20px;transform: translateY(-50%);}
.sec01 .right.carousel-control img, 
.sec04 .right.carousel-control img{position: absolute; top: 50%; right:20px;transform: translateY(-50%);}
.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;}
.hoshinoyaConBack1 {
  height: 500px;
  background: url('//cdn.hotelonsen.com/onsen2/img/branding/hoshinoya/guguan_sec01_img01.jpg') center;
  background-size: cover;

}
.hoshinoyaConBack2 {
  height: 500px;
  background: url('//cdn.hotelonsen.com/onsen2/img/branding/hoshinoya/guguan_sec01_img02.jpg') center;
  background-size: cover;

}
.hoshinoyaConBack3 {
  height: 500px;
  background: url('//cdn.hotelonsen.com/onsen2/img/branding/hoshinoya/guguan_sec01_img03.jpg') center;
  background-size: cover;

}
.hoshinoyaConBack4 {
  height: 500px;
  background: url('//cdn.hotelonsen.com/onsen2/img/branding/hoshinoya/guguan_sec01_img04.jpg') center;
  background-size: cover;

}
@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: 28px;}
}
@media only screen and (max-width: 991px){
  .hoshinoyaConBack1,.hoshinoyaConBack1-1,.hoshinoyaConBack1-2,.hoshinoyaConBack2,.hoshinoyaConBack2-1,.hoshinoyaConBack2-2,.hoshinoyaConBack3,.hoshinoyaConBack3-1,.hoshinoyaConBack3-2,.hoshinoyaConBack4,.hoshinoyaConBack4-1,.hoshinoyaConBack4-2{height: 400px !important;}
	.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){
  .container2000{padding-right: 15px; padding-left: 15px;}
  .yumotokan_tit01{font-size: 16px;}
  .yumotokan_tit02{font-size: 28px;}
  .myeongjo.bold b{font-size: 24px;}
  .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: #e7ecf7;}
.reason01::before{content: url(//cdn.hotelonsen.com/onsen2/img/branding/hoshinoya/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/hoshinoya/reason_txt02.png); right: -30px;}

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

.reason04{background-color: #f7e8e7;}
.reason04::before{content: url(//cdn.hotelonsen.com/onsen2/img/branding/hoshinoya/reason_txt04.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: 32px;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;}
.roomimg p {font-size: 18px; color: #000;}
.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{background-color: #dce7ef;}
#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; line-height: -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/hoshinoya/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;}

.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: 16px; color: #242424;}
.BreakfastTxt p{font-size: 16px; color: #242424; letter-spacing: -0.03em; padding-right: 50px; padding-top: 30px;}


.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){

}
@media only screen and (max-width: 767px){
  .roomimg p {font-size: 14px;}
  .feature_txt { padding: 20px 0 15px; }
  .feature_txt h4 { font-size: 22px}
  #dinning { background-position: 80% -150px; }
  #dinning .sec_titwrap{margin-top: 160px; padding:0 20px;}
  .lunchtit{width: 420px;  display: inline-block; padding-bottom: 30px;}
  .lunchtit p{font-size: 14px;}
  .lunchtit h4{font-size: 20px;}
  .BreakfastTxt p{padding-right: 0px;}

}
@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;}
}