.fullscreen { overflow: hidden; position: relative;}
.fullscreen .background-image-holder {position:absolute; }
img{max-width:100%;}
.myeongjo { font-family: 'Nanum Myeongjo', serif; letter-spacing: -1px; }
.jpr { font-family: 'Noto Sans Japanese', sans-serif; }
.bold { font-weight: bold;}
h3 { color: #444; }


.hoshinoyaban-img { color:#111; }
.hoshinoyaban-img h1 { font-size: 24px; padding-top:130px; color:#111;}
.title1 { font-size: 50px; margin-bottom:-40px; letter-spacing: 5px; color:#333;}
.title2 { font-size: 50px; padding-top:30px; color:#333; font-family: 'Nanum Myeongjo', serif; font-weight: bold;}
.title2b { font-size: 84px; margin-top:-30px; letter-spacing: 10px; color:#333;}
.title3 { font-size: 18px; color:#333;}

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

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


/* 카이 브랜드, 프리미엄 서비스란? */

.kaicon2 { padding-top: 80px; background:url(/premium/event/img/kai_intro/kai_con2_bg.jpg) no-repeat center; background-size:cover; }
.kaicon2 h2 { font-size: 36px; }
.kaicon2 h3 { font-size: 22px; }
.kaicon2 h3 span { color:#339000; }
.con2-1 { font-size: 18px; font-weight: bold; }

@media only screen and (max-width: 767px) {
  .kaicon2 { padding-top: 30px; }
  .kaicon2 h2 { font-size: 22px; }
  .kaicon2 h3 { font-size: 14px; text-align: center;}
  .con2-1 { font-size: 14px; }
}

/* ‘카이’ 프리미엄 시설의 특징 */

.kaicon3 { padding-top: 80px; }
.kaicon3 h2 { font-size: 36px; }
.kaicon3 h3 { font-size: 28px; margin-top: 0; line-height: 120%;}
.kaicon3 p { font-size: 16px; color:#818181;}
.con3-jpr { font-size: 40px !important; color: #111; margin-bottom: 5px; margin-top: -15px;}
.con3-1 { font-size: 18px!important; margin-top:-15px; color:#111!important;  }

@media only screen and (max-width: 767px) {
  .kaicon3 { padding-top: 30px; }
  .kaicon3 h2 { font-size: 22px; }
  .kaicon3 h3 { font-size: 18px; text-align: center;}
  .kaicon3 p { font-size: 13px;}
  .con3-jpr { font-size: 24px!important; color: #111; text-align: center; margin-bottom: 10px; margin-top: -5px;}
  .con3-1 { font-size: 14px!important; text-align: center;}
}
.kaicon4 {background:url(/premium/event/img/kai_intro/kai-3.jpg) no-repeat center; background-size:cover; }

.icon-kai {
  position: absolute;
  background: url(img/kai_intro/kai-icon.png) no-repeat 0 0;
  margin-top: -60px;
  margin-left: 75%;
  width: 120px;
  height: 120px;
  }

.icon-kai2 {
    margin-left: 5%;
    }

    /* 지도 */
    #kai_ryokan_selector{position:relative;height:700px}
    .kai_ryokan_pointer{position:absolute;z-index:30;width:13px;height:13px;background:url(/premium/event/img/kai_intro/kai_intro_ct6_btn.png) 0px 0px no-repeat;cursor:pointer}
    #kai_ryokan_pointer-1{left:960px;top:300px} /* 카이 쓰가루 */
    #kai_ryokan_pointer-2{left:940px;top:380px} /* 카이 가와지 */
    #kai_ryokan_pointer-3{left:930px;top:395px} /* 카이 기누가와 */
    #kai_ryokan_pointer-4{left:920px;top:380px} /* 카이 닛코 */
    #kai_ryokan_pointer-5{left:900px;top:400px} /* 카이 하코네 */
    #kai_ryokan_pointer-6{left:890px;top:410px} /* 카이 아타미 */
    #kai_ryokan_pointer-7{left:890px;top:430px} /* 카이 이토 */
    #kai_ryokan_pointer-8{left:888px;top:390px} /* 카이 마쓰모토 */
    #kai_ryokan_pointer-9{left:874px;top:383px} /* 카이 알프스 */
    #kai_ryokan_pointer-10{left:860px;top:440px} /* 카이 엔슈 */
    #kai_ryokan_pointer-11{left:860px;top:395px} /* 카이 가가 */
    #kai_ryokan_pointer-12{left:800px;top:420px} /* 카이 이즈모 */
    #kai_ryokan_pointer-13{left:720px;top:475px} /* 카이 아소 */

    .kai_ryokan_abridgement{display:none;position:absolute;left:0px;top:50px}
    #kai_ryokan_abridgement-1{} /* 카이 쓰가루 */
    #kai_ryokan_abridgement-2{} /* 카이 가와지 */
    #kai_ryokan_abridgement-3{} /* 카이 기누가와 */
    #kai_ryokan_abridgement-4{} /* 카이 닛코 */
    #kai_ryokan_abridgement-5{} /* 카이 하코네 */
    #kai_ryokan_abridgement-6{} /* 카이 아타미 */
    #kai_ryokan_abridgement-7{} /* 카이 이토 */
    #kai_ryokan_abridgement-8{} /* 카이 마쓰모토 */
    #kai_ryokan_abridgement-9{} /* 카이 알프스 */
    #kai_ryokan_abridgement-10{} /* 카이 엔슈 */
    #kai_ryokan_abridgement-11{} /* 카이 가가 */
    #kai_ryokan_abridgement-12{} /* 카이 이즈모 */
    #kai_ryokan_abridgement-13{} /* 카이 아소 */

    .activeBtn{z-index:30;background:url(/premium/event/img/kai_intro/kai_intro_ct6_btn.png) 0px -13px no-repeat}
    .activeCtn{display:block !important}

.kai_ryokan_map { padding-top: 100px; }

    .jp-map-bk {
        position: absolute;
        background: url(/premium/event/img/jp-map-bk.png) no-repeat 0 0;
        margin-top: 130px;
        margin-left: -25px;
        width: 617px;
        height: 614px;
    }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .jp-map-bk {
          margin-top: 200px;
          margin-left: -180px;
      }
      #kai_ryokan_pointer-1{left:605px;top:370px} /* 카이 쓰가루 */
      #kai_ryokan_pointer-2{left:585px;top:450px} /* 카이 가와지 */
      #kai_ryokan_pointer-3{left:575px;top:465px} /* 카이 기누가와 */
      #kai_ryokan_pointer-4{left:565px;top:450px} /* 카이 닛코 */
      #kai_ryokan_pointer-5{left:540px;top:470px} /* 카이 하코네 */
      #kai_ryokan_pointer-6{left:530px;top:480px} /* 카이 아타미 */
      #kai_ryokan_pointer-7{left:530px;top:500px} /* 카이 이토 */
      #kai_ryokan_pointer-8{left:528px;top:460px} /* 카이 마쓰모토 */
      #kai_ryokan_pointer-9{left:519px;top:453px} /* 카이 알프스 */
      #kai_ryokan_pointer-10{left:505px;top:510px} /* 카이 엔슈 */
      #kai_ryokan_pointer-11{left:505px;top:465px} /* 카이 가가 */
      #kai_ryokan_pointer-12{left:445px;top:490px} /* 카이 이즈모 */
      #kai_ryokan_pointer-13{left:364px;top:545px} /* 카이 아소 */
    }

    @media only screen and (min-width: 360px) and (max-width: 767px) {
      #kai_ryokan_selector{height:400px}
      .kai_ryokan_map { padding-top: 50px; font-size: 18px;}
      .kai_ryokan_abridgement {top: 0;}
      .jp-map-bk {
          background-size: cover;
          margin-top: 100px;
          margin-left: -170px;
          width: 300px;
          height: 299px;
      }
      .kai_ryokan_abridgement{ width:300px; height: 118px;}
            #kai_ryokan_pointer-1{left:195px;top:180px} /* 카이 쓰가루 */
            #kai_ryokan_pointer-2{left:185px;top:215px} /* 카이 가와지 */
            #kai_ryokan_pointer-3{left: 180px;top: 225px;} /* 카이 기누가와 */
            #kai_ryokan_pointer-4{left: 175px;top: 220px;} /* 카이 닛코 */
            #kai_ryokan_pointer-5{left: 165px;top: 230px;} /* 카이 하코네 */
            #kai_ryokan_pointer-6{left: 160px;top: 235px;} /* 카이 아타미 */
            #kai_ryokan_pointer-7{left: 160px;top: 245px;} /* 카이 이토 */
            #kai_ryokan_pointer-8{left: 160px;top: 225px;} /* 카이 마쓰모토 */
            #kai_ryokan_pointer-9{left: 155px;top: 223px;} /* 카이 알프스 */
            #kai_ryokan_pointer-10{left: 145px;top: 250px;} /* 카이 엔슈 */
            #kai_ryokan_pointer-11{left: 145px; top: 225px;} /* 카이 가가 */
            #kai_ryokan_pointer-12{left:115px;top:240px} /* 카이 이즈모 */
            #kai_ryokan_pointer-13{left:80px;top:265px} /* 카이 아소 */
    }

    @media only screen and (max-width: 355px) {
      #kai_ryokan_selector{height:400px}
      .kai_ryokan_map { padding-top: 50px; font-size: 18px;}
      .kai_ryokan_abridgement {top: 0;}
      .jp-map-bk {
          background-size: cover;
          margin-top: 100px;
          margin-left: -150px;
          width: 300px;
          height: 299px;
      }
      .kai_ryokan_abridgement{ width:300px; height: 118px;}
            #kai_ryokan_pointer-1{left:195px;top:180px} /* 카이 쓰가루 */
            #kai_ryokan_pointer-2{left:185px;top:215px} /* 카이 가와지 */
            #kai_ryokan_pointer-3{left: 180px;top: 225px;} /* 카이 기누가와 */
            #kai_ryokan_pointer-4{left: 175px;top: 220px;} /* 카이 닛코 */
            #kai_ryokan_pointer-5{left: 165px;top: 230px;} /* 카이 하코네 */
            #kai_ryokan_pointer-6{left: 160px;top: 235px;} /* 카이 아타미 */
            #kai_ryokan_pointer-7{left: 160px;top: 245px;} /* 카이 이토 */
            #kai_ryokan_pointer-8{left: 160px;top: 225px;} /* 카이 마쓰모토 */
            #kai_ryokan_pointer-9{left: 155px;top: 223px;} /* 카이 알프스 */
            #kai_ryokan_pointer-10{left: 145px;top: 250px;} /* 카이 엔슈 */
            #kai_ryokan_pointer-11{left: 145px; top: 225px;} /* 카이 가가 */
            #kai_ryokan_pointer-12{left:115px;top:240px} /* 카이 이즈모 */
            #kai_ryokan_pointer-13{left:80px;top:265px} /* 카이 아소 */
    }


    /* // 지도 */




.kai_ryokan .col-xs-2 { width: 16.66666666666667%; padding-right:1px !important; padding-left:1px !important;}

.kai_info {
    position: absolute;
    left: 35px;
    bottom: 30px;
    width: 100%;
    padding: 10px;
    color: #fff;
    text-align: left;
}
.kai_info2 { color: #1a1a1a; }
.kai_info h3 { font-size: 30px; color:#fefacf; }
.kai_info2 h3  { color: #1a1a1a; }

@media only screen and (max-width: 767px) {
    .hoshinoya_ryokan h2 { font-size: 16px; }
    .kai_info h3 { font-size: 11px; color:#111; margin-top: 10px; }
    .kai_info {
        position: relative;
        left: 0;
        bottom: 0;
        width: 100%;
        padding: 0;
        text-align: center;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .kai_info h3 { font-size: 14px; color:#111; margin-top: 10px; }
    .kai_info {
        position: relative;
        left: 0;
        bottom: 0;
        width: 100%;
        padding: 0;
        text-align: center;
    }
}