@import url(//fonts.googleapis.com/earlyaccess/jejumyeongjo.css);
img { max-width: 100%; }
ul { list-style: none; padding: 0; margin: 0; }
section p { font-weight: 400; letter-spacing: -0.04em; }
.color-888 { color: #888; }

/* ------------------- sec01 - 상단 배너 영역 ------------------- */
#sec01 span{display: inline-block; border-top: 1px solid #fff;padding: 15px;  font-size: 20px;font-family: 'Nanum Myeongjo', serif; font-size: 26px;}
.fullscreen { overflow: hidden; position: relative; height: 1000px; }
.fullscreen .background-image-holder {position:absolute; }
#yumoto_sec01 .container { position: absolute; z-index: 1; top: 40%; left: 50%; transform: translate(-50%,-50%); width: 100%; color: #2e500c;}
.sec01_txt01 { font-family: 'Jeju Myeongjo', serif; font-size: 32px; color: #51721b; margin: 0; }
.sec01_txt02 { font-family: 'Jeju Myeongjo', serif; font-size: 86px; line-height: 1.2; }
.sec01_txt03 { font-family: 'Lora', serif; font-size: 20px; letter-spacing: 1px; }
.sec01_txt04 { font-family: 'Lora', serif; font-size: 20px; letter-spacing: 19px; padding-left: 16px;}
.sec01_txt05 { font-size: 16px; margin-top: 60px; }
.sec01_txt06 { font-family: 'Jeju Myeongjo', serif; font-size: 24px; color: #170901; margin-bottom: 40px; }
.bar01 { max-width: 510px; height: 1px; background: rgba(255,255,255,0.7); margin: 25px auto; }
.sec01_logo p{font-size: 18px; padding-top: 15px;}
.sec01_logoWrap .sec01_logo { display: inline-block; margin: 0 20px;}
#promotionCopyfixed { margin-top: 0; }
#promotionCopyfixed {
  position: relative;
  /* top: 100%; */
  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;
  }
}

.fullscreen { overflow: hidden; position: relative;}
.fullscreen .background-image-holder.fadeIn { position: absolute;}
.image-bg .container { position: relative;}
img{max-width:100%;}
.secfive {background:url(/premium/event/img/hoshinoya_intro/map_bg.jpg) repeat 0 0; }


.hoshinoyaban-img { color:#fff; }
.hoshinoyaban-img h1 { font-size: 24px; color:#fff;font-family: 'Nanum Myeongjo', serif; font-weight: 700;}
.title1 { font-size: 60px; margin-bottom:-30px; }
.title2 { font-size: 80px; font-family: 'Nanum Myeongjo', serif;}
.title3 { font-size: 18px;  text-shadow: 0 2px 8px rgba(5,5,5,0.5);color: #fff;
    padding:0 25px 50px 25px;}
.sec_titwrap {margin-bottom: 15px;}
.sec_titwrap span{font-size: 16px; border-bottom: 1px solid #666; color: #666;}
.sec_titwrap h2{font-size: 38px; margin-top: 10px;color: #000;}


@media only screen and (max-width: 767px) {
  .hoshinoyaban-img h1 { font-size: 18px; padding-top:50px; color:#fff;}
  .title1 { font-size: 18px; margin-bottom:-10px; }
  .title2 { font-size: 50px; margin-bottom: 0;}
  .title3 { font-size: 12px; }
  .image-square h2 { font-size: 16px; }
}

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

/* selector */
#hoshinoya_ryokan_selector{
  position:relative; width: 100%;  height: 571px;  display: inline-block;
  background: url(/premium/event/img/hoshinoya_intro/japanMap.png) no-repeat 0 0;}
#hoshinoya_ryokan_selector.bali{  background: url(/premium/event/img/hoshinoya_intro/baliMap.png) no-repeat 50% 30%;}
#hoshinoya_ryokan_selector.taiwan{  background: url(/premium/event/img/hoshinoya_intro/taiwanMap.png) no-repeat 50% 30%;}
.hoshinoya_ryokan_pointer {position:absolute;z-index:30;width:26px;height:37px;background:url(/premium/event/img/hoshinoya_intro/bali_click.png) 0px 0px no-repeat; cursor:pointer;

    -webkit-animation-name: pointer-ic; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 30s; /* Safari 4.0 - 8.0 */
    -webkit-animation-delay: 0s; /* Safari 4.0 - 8.0 */
    animation-name: pointer-ic;
    animation-duration: 1s;
    animation-delay: 0s;
    animation-iteration-count: infinite;
}
.activeBtn{z-index:40;background: url(/premium/event/img/hoshinoya_intro/bali_click_active.png) 0 00 no-repeat; height: 45px; width: 36px;}
.activeCtn{display:block !important}
#hoshinoya_ryokan_selector div:after{clear: both; display: inline-block;padding: 2px 5px; border:1px solid red;font-size: 12px;border-radius: 30px;  background-color: #fff;  color: #000;}
#hoshinoya_ryokan_selector .activeBtn.hoshinoya_ryokan_pointer::after{background-color: red ;
color: #fff ; top: 9px; }
#hoshinoya_ryokan_pointer-1{left:50px;top:429px;}
#hoshinoya_ryokan_pointer-1:after{content: "호시노야 오키나와(타케토미 섬)"; position: absolute; width: 175px;  top: 3px; left: 25px;}
#hoshinoya_ryokan_pointer-1.activeBtn{left: 45px;  top: 420px;}
#hoshinoya_ryokan_selector
#hoshinoya_ryokan_pointer-1.activeBtn.hoshinoya_ryokan_pointer::after{left: 40px;}

#hoshinoya_ryokan_pointer-2{left: 214px;  top: 333px;}
#hoshinoya_ryokan_pointer-2:after{content: "호시노야 교토"; position: absolute; width: 90px;  top: 3px; right: 32px;}
#hoshinoya_ryokan_pointer-2.activeBtn{    left: 204px;
    top: 321px;}
#hoshinoya_ryokan_selector #hoshinoya_ryokan_pointer-2.activeBtn.hoshinoya_ryokan_pointer::after{right: 38px;}

#hoshinoya_ryokan_pointer-3{left: 294px; top: 315px;}
#hoshinoya_ryokan_pointer-3.activeBtn { left: 286px; top: 302px;}
#hoshinoya_ryokan_pointer-3:after{content: "호시노야 후지"; position: absolute; width: 90px;  top: 3px; left: 24px;}
#hoshinoya_ryokan_selector #hoshinoya_ryokan_pointer-3.activeBtn.hoshinoya_ryokan_pointer::after{left: 39px;}

#hoshinoya_ryokan_pointer-4{left: 329px; top: 296px;}
#hoshinoya_ryokan_pointer-4.activeBtn { left: 322px; top: 280px;}
#hoshinoya_ryokan_pointer-4:after{content: "호시노야 도쿄"; position: absolute; width: 90px;  top: 3px; left: 24px;}
#hoshinoya_ryokan_pointer-4.activeBtn.hoshinoya_ryokan_pointer::after{left: 39px;}

#hoshinoya_ryokan_pointer-5{left: 304px; top: 277px;}
#hoshinoya_ryokan_pointer-5:after{content: "호시노야 가루이자와(도쿄)"; position: absolute; width: 150px;  top: 3px; right: 31px;}
#hoshinoya_ryokan_pointer-5.activeBtn{left: 296px;  top: 264px;}
#hoshinoya_ryokan_pointer-5.activeBtn.hoshinoya_ryokan_pointer::after{right: 40px;}

#hoshinoya_ryokan_pointer-6{top: 143px; left: 121px;}
#hoshinoya_ryokan_pointer-6:after{content: "호시노야 구꽌"; position: absolute; width: 90px;  top: 3px; left: 24px;}
#hoshinoya_ryokan_pointer-6.activeBtn{top: 128px; left: 118px;}
#hoshinoya_ryokan_pointer-6.activeBtn.hoshinoya_ryokan_pointer::after{left: 39px;}

#hoshinoya_ryokan_pointer-7{top: 240px;  left: 214px;}
#hoshinoya_ryokan_pointer-7:after{content: "호시노야 발리(우붓)"; position: absolute; width: 120px;  top: 3px; left: 24px;}
#hoshinoya_ryokan_pointer-7.activeBtn{top: 223px; left: 209px;}
#hoshinoya_ryokan_pointer-7.activeBtn.hoshinoya_ryokan_pointer::after{left: 39px;}

@keyframes pointer-ic {
  0% {transform: translate(0px, 0px);}
  50% {transform: translate(0px, 5px);}
  100% {transform: translate(0px, 0px);}
}
@-moz-keyframes pointer-ic {
  0% {transform: translate(0px, 0px);}
  50% {transform: translate(0px, 5px);}
  100% {transform: translate(0px, 0px);}
}
@-webkit-keyframes pointer-ic {
  0% {transform: translate(0px, 0px);}
  50% {transform: translate(0px, 5px);}
  100% {transform: translate(0px, 0px);}
}
@-ms-keyframes pointer-ic {
  0% {transform: translate(0px, 0px);}
  50% {transform: translate(0px, 5px);}
  100% {transform: translate(0px, 0px);}
}







.hoshinoya_ryokan_abridgement{display:none;}
#hoshinoya_ryokan_abridgement-1{}
#hoshinoya_ryokan_abridgement-2{}
#hoshinoya_ryokan_abridgement-3{}
#hoshinoya_ryokan_abridgement-4{}
#hoshinoya_ryokan_abridgement-5{}




@media only screen and (max-width: 1199px) {
.secfive {display: none;}
}

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

}


/*sec01*/
.yumotokan_tit01 { font-size: 20px; margin-bottom: 0;}
.yumotokan_tit02 { font-size: 38px;  letter-spacing: -0.03em;}
.myeongjo.bold{font-size: 20px; letter-spacing: -0.03em; margin-top: 0;margin-bottom: 15px;}
.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: 15%; left: 0; z-index: 100;}
.topbanner { width: 100%;}
.topbanner2 { width: 100%; position: absolute; bottom: 130px; z-index: 99; left: 50%; transform: translateX(-50%);}
.topbanner img { display: block; margin: auto; }
.topbanner2 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('/premium/event/img/hoshinoya_intro/hoshinoya_group01.jpg') center;
  background-size: cover;

}
.hoshinoyaConBack2 {
  height: 500px;
  background: url('/premium/event/img/hoshinoya_intro/hoshinoya_group02.jpg') center;
  background-size: cover;

}
.hoshinoyaConBack3 {
  height: 500px;
  background: url('/premium/event/img/hoshinoya_intro/hoshinoya_group03.jpg') center;
  background-size: cover;

}
.hoshinoyaConBack4 {
  height: 500px;
  background: url('/premium/event/img/hoshinoya_intro/hoshinoya_group04.jpg') center;
  background-size: cover;

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

  .topbanner2 { bottom: 100px; }
}
@media only screen and (max-width: 1199px){
  .myeongjo.bold{font-size: 26px;}
  .sec01 .row p{font-size: 14px;}
}
@media only screen and (max-width: 991px){
  .hoshinoyaConBack1,.hoshinoyaConBack2,.hoshinoyaConBack3,.hoshinoyaConBack4{height: 400px; margin-bottom: 15px;}
	.topbanner2 { width: 80%; }
  .myeongjo.bold b{font-size: 28px;}
  .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;}
  .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
}
#sliderinfo1 {
  background: url(//cdn.hotelonsen.com/onsen2/img/branding/ureshino_group/mainbg01.jpg) center bottom no-repeat;
  background-size: cover;
}
#sliderinfo2 {
  background: url(//cdn.hotelonsen.com/onsen2/img/branding/ureshino_group/mainbg02.jpg) center bottom no-repeat;
  background-size: cover;
}
#sliderinfo3 {
  background: url(//cdn.hotelonsen.com/onsen2/img/branding/ureshino_group/mainbg03.jpg) center bottom no-repeat;
  background-size: cover;
}
#sliderinfo4 {
  background: url(//cdn.hotelonsen.com/onsen2/img/branding/ureshino_group/mainbg04.jpg) center bottom no-repeat;
  background-size: cover;
}
#slidercopyfixed {
  position: absolute;
  top: 90%;
  z-index: 31;
  width: 100%;
  height: 60px;
  margin-top: -60px;
  background: url('/premium/event/img/hoshinoya_intro/hoshinoya_intro_ban_bg.jpg') center;
  display: table;
}
#slidercopyfixed-cell {  display: table-cell;  height: 100%;  vertical-align: middle; }
#slidercopyfixed h3 { margin-top: 0px; margin-bottom: 0px; }
.slidercopyfixedh3 { color:#fff; }
/* ------------------- sec02 - '유모토칸 그룹'을 말하다. ------------------- */
.yumotokan_tit01 { font-size: 20px; }
.yumotokan_tit02 { font-size: 38px; }
.yumotokan_tit03 { font-size: 24px; margin: 0; }
.yumotokan_txt01 { font-size: 24px; }
.yumotokan_txt02 { font-size: 15px; line-height: 1.8; }
.bar02 { width: 2px; height: 55px; background: #e1e1e1; margin: 15px auto 95px; }

#yumoto_sec02 { width: 1950px; overflow: hidden; background-color: #f7f7f7; }
#yumoto_sec02 .row { margin-right: -25px; margin-left: -25px; }
#yumoto_sec02 .row .col-md-6 { padding-right: 25px; padding-left: 25px; }
.sec02_imgWrap { float: right; }
.sec02_txtWrap { float: left; }
#yumoto_sec02 .yumotokan_txt01 { margin: 15px 0 17px; }
.sec02_logoWrap .sec02_logo { display: inline-block; margin-right: 20px; }
.item img { width: 100%; }
.carousel-control.left img { position: absolute; top: 50%; left: 30px; transform: translateY(-50%); }
.carousel-control.right img{ position: absolute; top: 50%; right: 30px; transform: translateY(-50%); }
#yumoto_sec02 h5{font-size: 20px; color: #4e9509; border-bottom: 1px solid #4e9509; display: inline-block; margin-top: 0; margin-bottom: 15px;}



/* ------------------- sec04 - 어디에 있을까? ------------------- */
#yumoto_sec04 {}

.area_list { float: left; font-weight: 400; padding: 0; width: 50%;}
.area_list > p { font-size: 24px; color: #5a980a; margin-bottom: 20px; }
.area_list:nth-child(1) { padding-left: 0; border-right: 1px solid #e6e6e6;}
.area_list:nth-child(2) {  padding-right: 0;  }
.area_list:nth-child(3) { padding-right: 0; }
.ryokan_ListWrap .ryokan_list {
  display: inline-block;
  width: 180px;
  height: 180px;
  padding: 65px 0;
  border: 1px solid #d3d3d3;
  border-radius: 100%;
  margin-right: 13px;
  cursor: pointer;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
  background: -webkit-linear-gradient(rgba(250,250,250,1) 1%, rgba(255,255,255,1) 65%, rgba(228,228,228,1) 100%);
  background: -o-linear-gradient(rgba(250,250,250,1) 1%, rgba(255,255,255,1) 65%, rgba(228,228,228,1) 100%);
  background: linear-gradient(rgba(250,250,250,1) 1%, rgba(255,255,255,1) 65%, rgba(228,228,228,1) 100%);
  -webkit-transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000);
     -moz-transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000);
      -ms-transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000);
       -o-transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000);
          transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.ryokan_ListWrap .ryokan_list:last-child { margin-right: 0; }
.ryokan_ListWrap .ryokan_list .btn_txt01 { font-size: 13px; color: #5a980a; margin-bottom: 5px; padding-top: 40px; }
.ryokan_ListWrap .ryokan_list .btn_txt02 { font-size: 16px; color: #000; line-height: 1.1; }
.ryokan_ListWrap .ryokan_list .btn_txt02 span { font-size: 12px; }
.ryokan_ListWrap .ryokan_list.active,
.ryokan_ListWrap .ryokan_list:hover { background: #5a980a;  box-shadow: 0 0 10px rgba(0,0,0,0); }
.ryokan_ListWrap .ryokan_list.active .btn_txt01,
.ryokan_ListWrap .ryokan_list.active .btn_txt02,
.ryokan_ListWrap .ryokan_list:hover .btn_txt01,
.ryokan_ListWrap .ryokan_list:hover .btn_txt02 { color: #fff; }
.sec04_mapWrap { height: 860px; position: relative; display: none; }
.sec04_mapWrap .ryokan_item {  position: absolute; left: calc(50% - 350px); top: 50%; transform: translate(-50%,-50%); box-shadow: 0 0 25px rgba(0,0,0,0.2); display: inline-block;}
.sec04_mapWrap .ryokan_item > img {  }
.sec04_mapWrap .ryokan_item .item_txt { position: relative; padding: 70px 10px 55px; }
.sec04_mapWrap .ryokan_item .item_txt .sec04_logo { position: absolute; left: 50%; transform: translateX(-50%); top: -43px; }
.sec04_mapWrap .ryokan_item .item_txt .sec04_txt01 { font-size: 16px; color: #5a980a; }
.sec04_mapWrap .ryokan_item .item_txt .sec04_txt02 { font-size: 30px; font-weight: 400; }
.sec04_map01 {background: url(//cdn.hotelonsen.com/onsen2/img/branding/ureshino_group/sec04_map01.jpg) no-repeat 50% 0;  }
.sec04_map02 {background: url(//cdn.hotelonsen.com/onsen2/img/branding/ureshino_group/sec04_map01.jpg) no-repeat 50% 0;  }
.sec04_map03 {background: url(//cdn.hotelonsen.com/onsen2/img/branding/ureshino_group/sec04_map02.jpg) no-repeat 50% 0;  }
.sec04_map04 {background: url(//cdn.hotelonsen.com/onsen2/img/branding/ureshino_group/sec04_map02.jpg) no-repeat 50% 0;  }

.sec04_map-m { display: none; }
.sec04_circle { position: absolute; top: 0; right: 0; }


/*"프리미엄 서비스"*/

.sec_feature .nav-tabs{width: 100%; border: none; padding: 0 50px; text-align: center; margin-bottom: 50px;}
.sec_feature .nav-tabs>li{width: 50%; display: inline-block; }
.sec_feature .nav-tabs>li>a{border-radius: 0 ; padding: 25px 0; font-size: 24px; color: #242424; background-color: #fff;border: none;}
.sec_feature .nav-tabs>li.active>a,.sec_feature .nav-tabs>li.active>a:focus,.sec_feature .nav-tabs>li.active>a:hover{background-color: #5a980a;border: none; color: #fff;}

.bar02 { width: 2px; height: 55px; background: #e1e1e1; margin: 15px auto 55px; }
.sec_feature{background: url(/premium/event/img/hoshinoya_intro/sec03_bg.jpg) 0% 50% no-repeat;}
.featureWrap .imgwrap{position: relative;  height: 200px; }
.featureBox1 .imgwrap{background: url(//cdn.hotelonsen.com/onsen2/img/branding/ureshino_group/sec05_bg01.jpg) 50% 50% no-repeat;}
.feature_txt{position: absolute;  z-index: 5; top: 15%;    left: 40px;}
.featureWrap > img{border-bottom: 1px solid #debe9e;}
.featureWrap h3{color: #fff; margin-top: 0;}
.featureWrap p{color: #fff}

.sec_feature .sec_titwrap span{ border-bottom: 1px solid #eee; color: #eee;}

.feature_txt_right{position: absolute;  z-index: 5; top: 15%;   right: 80px;}
.featureBox2 .imgwrap{background: url(//cdn.hotelonsen.com/onsen2/img/branding/ureshino_group/sec05_bg02.jpg) 50% 50% no-repeat;}
.featureBox3 .imgwrap{background: url(//cdn.hotelonsen.com/onsen2/img/branding/ureshino_group/sec05_bg03.jpg) 50% 50% no-repeat;}
.featureBox4 .imgwrap{background: url(//cdn.hotelonsen.com/onsen2/img/branding/ureshino_group/sec05_bg04.jpg) 50% 50% no-repeat;}
.featureBox5 .imgwrap{background: url(//cdn.hotelonsen.com/onsen2/img/branding/ureshino_group/sec05_bg05.jpg) 50% 50% no-repeat;}

.featureBox6 .imgwrap{background: url(//cdn.hotelonsen.com/onsen2/img/branding/ureshino_group/sec05_bg06.jpg) 50% 50% no-repeat;}
.featureBox7 .imgwrap{background: url(//cdn.hotelonsen.com/onsen2/img/branding/ureshino_group/sec05_bg07.jpg) 50% 50% no-repeat;}
.featureBox8 .imgwrap{background: url(//cdn.hotelonsen.com/onsen2/img/branding/ureshino_group/sec05_bg08.jpg) 50% 50% no-repeat;}
.featureBox9 .imgwrap{background: url(//cdn.hotelonsen.com/onsen2/img/branding/ureshino_group/sec05_bg09.jpg) 50% 50% no-repeat;}

.sec_feature .sec_titwrap h2{color: #debe9e}




@media only screen and (max-width: 767px){
  .feature_txt_right{background-color: rgba(5,5,5,0.5); top: 20px; right: 35px; padding: 15px;}
  .feature_txt{background-color: rgba(5,5,5,0.5); top: 20px; left: 35px;padding: 15px;}
  .sec_titwrap h2{font-size: 24px;}
  .sec_titwrap span{font-size: 14px;}
}


/* ------------------- sec05 - 7대 유모토칸 시설 ------------------- */
#yumoto_sec05 { overflow: hidden; background: url(//cdn.hotelonsen.com/onsen2/img/branding/ureshino_group/sec06_bg.jpg) center; }
.sec05_Box { max-width: 1535px; margin: auto; overflow: hidden; }
.sec05_boxWrap { float: left; background: #fff; border: 1px solid #ebebeb; padding: 0 20px 25px; margin: 0 5px; }
.sec05_boxWrap .yumotokan_txt01 { position: relative; padding: 15px 0 30px; }
.sec05_boxWrap .yumotokan_txt01:after {
  content: " ";
  display: block;
  width: 80px;
  height: 3px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #5a980a;
}
.sec05_item_wrap h4{padding-bottom: 15px; font-size: 24px; color: #5a980a;}
.sec05_item_wrap > .col-sm-6:first-child{border-right: 1px solid #5a980a;}
.sec05_item_wrap > .col-sm-6{margin-top: 15px; margin-bottom: 50px;}
.sec05_item {padding: 0 2px;}
.sec05_item a { display: block; max-width: 100%;  min-height: 500px;}
.sec05_item a .logo img{width: 120px;display: inline-block;}
.sec05_item a .imgBox{padding: 70px 5px 30px; min-height: 490px;}
.sec05_item a .imgBox p{padding-bottom: 160px; color: #fff; font-size: 16px;}
.sec05_item:nth-child(3) a .imgBox p,.sec05_item:nth-child(4) a .imgBox p{padding-bottom: 180px;}
.sec05_item a .imgBox h3{color: #fff; text-shadow: 0 0 5px rgba(5,5,5,0.3);font-family: 'Sawarabi Mincho', sans-serif;}
.sec05_item a .txtBox{background-color: #cfe6bf;padding: 35px 0;}
.sec05_item:nth-child(3) a .txtBox,.sec05_item:nth-child(4) a .txtBox{background-color: #b7d1e9;}
.sec05_item a .txtBox h4{font-size: 24px; color: #242424;margin-top: 0; }
.sec05_item a .txtBox p{font-size: 14px; color: #242424;}

.sec05_item a .sec05_img01 { background: url(//cdn.hotelonsen.com/onsen2/img/branding/ureshino_group/sec05_link01.jpg) no-repeat 50% 0; }
.sec05_item a .sec05_img02 { background: url(//cdn.hotelonsen.com/onsen2/img/branding/ureshino_group/sec05_link02.jpg) no-repeat 50% 0; }
.sec05_item a .sec05_img03 { background: url(//cdn.hotelonsen.com/onsen2/img/branding/ureshino_group/sec05_link03.jpg) no-repeat 50% 0; }
.sec05_item a .sec05_img04 { background: url(//cdn.hotelonsen.com/onsen2/img/branding/ureshino_group/sec05_link04.jpg) no-repeat 50% 0; }
.circleBox01{width: 60px; height: 60px; border-radius: 50%; background-color: #fe372d; color: #fff; padding: 20px 0;display: inline-block;}
.sec05_item:nth-child(even) .circleBox01{background-color: #0072bc;}
.sec05_item a > img { width: 100%; }
.sec05_item .sec05_txtWrap .sec05_txt01 { font-family: 'Jeju Myeongjo', serif; font-size: 16px; margin: 13px 0 0; }
.sec05_item .sec05_txtWrap .sec05_txt02 { font-family: 'Jeju Myeongjo', serif; font-size: 24px; }
.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%); }
.home_icon:hover { background: #0072bc;}

/* ----- fadeTextAnim ----- */
.fadeTextAnim > span {
	opacity: 0;
  -webkit-transition: opacity 0.65s 0s linear;
     -moz-transition: opacity 0.65s 0s linear;
      -ms-transition: opacity 0.65s 0s linear;
       -o-transition: opacity 0.65s 0s linear;
          transition: opacity 0.65s 0s linear;
}
.fadeTextAnim > span.is_view { opacity: 1; }
.fadeTextAnim > span:nth-child(2n) {
	-webkit-transition-delay: .3s;
	transition-delay: .3s;
}
.fadeTextAnim > span:nth-child(3n+1) {
	-webkit-transition-delay: .15s;
	transition-delay: .15s;
}

@media only screen and (max-width: 1999px) {
  #yumoto_sec02 { width: 100%; }

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


  .area_list > p { font-size: 20px; margin-bottom: 10px; }


  .sec04_mapWrap .ryokan_item { left: calc(50% - 300px); }

}
@media only screen and (max-width: 992px) {
  .bar02 { margin: 15px auto 55px; }
  .sec02_logoWrap { margin-top: 10px; }
  .sec02_logoWrap .sec02_logo { margin-right: 5px; }
  .sec02_logoWrap .sec02_logo img { width: 60px; }

  .sec04_mapWrap { }
  .sec04_mapWrap .ryokan_item {position: relative; left: 15px; top: 15px; transform: translate(0,0);max-width: 470px;}
  .sec04_mapWrap .ryokan_item .item_txt { padding: 50px 10px 35px; }
  .sec04_mapWrap .ryokan_item .item_txt .sec04_logo { width: 70px; top: -35px; }
  .sec04_mapWrap .ryokan_item .item_txt .sec04_txt02 { font-size: 25px; }
  .sec04_circle { width: 200px; }
  .ryokan_ListWrap .ryokan_list{width: 140px; height: 140px; padding: 45px 0;}

  .sec05_item a .imgBox h3{font-size: 20px;}

}
@media only screen and (max-width: 767px) {
  .fullscreen { height: calc(100vh - 60px); }
  .sec01_txt01 { font-size: 20px; }
  .sec01_txt02 { font-size: 45px; }
  .sec01_txt03 { font-size: 15px; }
  .sec01_txt04 { letter-spacing: 12px; padding-left: 8px; }
  .sec01_txt05 { font-size: 14px; margin-top: 20px; }
  .sec01_txt06 { font-size: 15px; margin-bottom: 15px; }
  .bar01 { margin: 15px auto; }
  .sec01_logoWrap .sec01_logo { width: 90px; margin: 0 5px; }
  .sec02_logoWrap .sec02_logo img{width: 200px; padding-top: 10px;}
  #yumoto_sec05 .sec02_logo img{width: 200px;}
  .yumotokan_tit01 { font-size: 16px; }
  .yumotokan_tit02 { font-size: 21px; }
  .yumotokan_tit03 { font-size: 16px; }
  .yumotokan_txt01 { font-size: 18px; }
  .yumotokan_txt02 { font-size: 14px; }
  #yumoto_sec02 h5{ border-bottom: none; text-decoration: underline;}
  .bar02 { height: 35px; margin: 15px auto 30px; }
  .carousel-control.left img { left: 10px; width: 15px; }
  .carousel-control.right img { right: 10px; width: 15px; }

  .area_list > p { font-size: 16px; }
  .ryokan_ListWrap .ryokan_list { border-radius: 0;    max-height: 80px; padding: 20px 0; display: inline-block; margin: 0;width: 45%;}
  .ryokan_ListWrap .ryokan_list .btn_txt01 { font-size: 11px; padding-top: 15px; margin: 0; }
  .ryokan_ListWrap .ryokan_list .btn_txt02 { font-size: 13px; }


  .sec04_mapWrap { height: auto; background: #f8f8f8; }
  .sec04_mapWrap .ryokan_item { max-width: calc(100% - 30px); left: 0; margin: auto; }
  .sec04_mapWrap .ryokan_item .item_txt { padding: 45px 10px 15px; }
  .sec04_mapWrap .ryokan_item .item_txt .sec04_txt01 { font-size: 14px; margin: 0; }
  .sec04_mapWrap .ryokan_item .item_txt .sec04_txt02 { font-size: 20px; }
  .sec04_map-m { display: block; margin-top: -150px;}
  .sec04_circle {width: 200px; top: 72%; right: 10px;}

  .sec05_item_wrap > .col-sm-6:first-child{border-right:none;}

  .home_icon { width: 85px; height: 85px; }
}