@charset "utf-8";
img {max-width: 100%;}
ul { list-style: none; padding: 0; margin: 0; overflow: hidden; }
.color-888 { color: #888; }
.color_g { color: #cfaa75;}
.color_v { color: #6900ff;}
.red {color: #d70808; }
.txtbold { font-family: 'S-CoreDream-3Light', sans-serif;}
#footer_common { padding-top: 0;}
p { letter-spacing: -0.03em; }
.body_event section img { max-width: 100%; }
@font-face { font-family: 'S-CoreDream-9Black'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-3Light'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-2ExtraLight'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff'); font-weight: normal; font-style: normal; }


section { font-famil y: 'S-CoreDream-2ExtraLight', sans-serif; }

/* ///////////// sec01 ///////////// */
#sec01 {
  background: url(//cdn.hoteltira.com/img/TW/event/hotspring_best3/sec01_bg.jpg) no-repeat top;
  background-size: cover;
  height: 980px;
 }
#sec01 .main_top { padding: 100px 0; }
#sec01 .main_top h1 { font-size: 120px; font-family: 'S-CoreDream-9Black', sans-serif; color: #fff;}
#sec01 .main_top h2 { font-size: 48px; font-family: 'S-CoreDream-3Light', sans-serif; color: #fff;}

@media only screen and (max-width: 1199px) {
  .col-xs-12, .col-sm-4 { padding: 0 6px;}
}
@media only screen and (max-width: 992px) {

}
@media only screen and (max-width: 767px) {
  #sec01 { height: 540px;}
  #sec01 .main_top h1 { font-size: 60px;}
  #sec01 .main_top h2 { font-size: 24px;}
  .col-xs-12, .col-sm-4 { padding: 0 15px;}
}
@media only screen and (max-width: 450px) {
}


/* ///////////// sec02 ///////////// */
#sec02 .sec02_top {
  background: url(//cdn.hoteltira.com/img/TW/event/hotspring_best3/sec02_bg.jpg) no-repeat center;
  background-size: cover;
 }
#sec02 .sec02 { position: relative;}
#sec02 .sec02_icon { position: absolute; right: 100px; top: 50px;}
#sec02 .sec02 h3 { font-size: 54px; font-family: 'S-CoreDream-9Black', sans-serif; letter-spacing: -1px;
color: #ff676c; margin-top: 0px; padding-bottom: 30px;}
#sec02 .sec02 h4 { font-size: 36px; color: #323232;}
#sec02 .sec02_map { background:#aadaff;}
.sec02_nav { background: #3e3e3e;}
.hotelWrap { background: #fff; border-radius: 10px; padding: 20px; margin-bottom: 10px;}
.hotel_txt01 span { font-size: 28px; font-family: 'S-CoreDream-9Black', sans-serif; letter-spacing: -2px;}
.hotel_txt01 { font-size: 12px; color: #ff676c; letter-spacing: 3px; padding-top: 15px;}
.hotel_txt02 { font-size: 18px;}
.hotel_txt03::before { width: 30px; height: 1px; margin: 10px auto; background-color: #666; content: ""; clear: both; display: block;}
.hotel_txt03 { font-size: 16px;}
.btnGo { background: #ff676c; font-size: 14px; border-radius: 30px; padding: 10px 30px; display: inline-block; color: #fff;}
.btnGo:hover { background: #666; }

.tourWrap {position: relative; margin-bottom: 10px;}
.tour_txt { font-size: 36px; font-family: 'S-CoreDream-9Black', sans-serif; letter-spacing: -2px; color: #fff;}
.tourWrap_top { background: #ff8366; border-radius: 10px 10px 0 0; padding: 50px 0 10px 0; color: #fff; border-bottom: 4px dotted #3e3e3e;}
.tourWrap_body { background: #fff; padding: 20px;}
.tourWrap_bottom { background: #fff; border-radius: 0 0 10px 10px; padding:0 10px 20px 10px; }
.tour_txt01 { font-size: 28px; font-family: 'S-CoreDream-9Black', sans-serif; letter-spacing: -2px;}
.tour_txt02 { font-size: 18px;}
.tour_txt03 { font-size: 16px;}
.topCircle {
    width: 50px;
    height: 30px;
    background: #3e3e3e;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
    border-top: 0;
    transform: translate(-50%,0);
    border-radius: 0 0 30px 30px;
}

@media only screen and (max-width: 1199px) {
  .hotelWrap { padding: 10px;}
}
@media only screen and (max-width: 992px) {
  .hotelWrap { padding: 10px;}
  .hotel_txt01 span { font-size: 18px;}
  .hotel_txt01 { font-size: 10px; letter-spacing: 0px;}
  .hotel_txt03 { font-size: 14px;}
}
@media only screen and (max-width: 767px) {
  #sec02 .sec02 h3 { font-size: 36px;}
  #sec02 .sec02 h4 { font-size: 24px;}

}
@media only screen and (max-width: 450px) {
  .hotel_txt01 span { font-size: 24px;}
  .hotel_txt01 { font-size: 10px; letter-spacing: 0px;}
  .hotel_txt03 { font-size: 16px;}
}

/* ///////////// sec03  ///////////// */
#sec03 {
  background: url(//cdn.hoteltira.com/img/TW/event/hotspring_best3/sec03_bg.jpg) no-repeat center;
  background-size: cover;  overflow: inherit;
 }

#sec03_01 {}
.sec03 { background: -webkit-linear-gradient(top, rgba(255,131,102,1) 0%,rgba(255,131,102,1) 400px,rgba(255,255,255,1) 300px,rgba(255,255,255,1) 100%);}
.sec03Line { width: 1px; height: 50px; margin: 0 auto 10px; background-color: #fff;}
.hotspring_tit01 span { font-size: 36px; font-family: 'S-CoreDream-9Black', sans-serif; color: #fff;}
.hotspring_tit01 { font-size: 12px; color: #ff676c; letter-spacing: 3px; padding-top: 15px; color: #fff; }
.hotspringWrap { background: #ff8366; border-radius: 10px; padding: 20px; margin-bottom: 10px;
  color: #fff; min-height: 430px;}
.hotspring_txt01 { font-size: 24px; font-family: 'S-CoreDream-9Black', sans-serif; letter-spacing: -0.5px; padding-top: 15px;}
.hotspring_txt02 { font-size: 18px;}
.hotspring_txt03::before { width: 30px; height: 1px; margin: 10px auto; background-color: #fff; content: ""; clear: both; display: block;}
.hotspring_txt03 { font-size: 16px;}
.hotspring_txt03 span { background: #cc5236; padding: 0 5px;}
.hotspring_txt03s { letter-spacing: -2.1px;}
.ticketWrap { font-size: 24px; color: #ff8366; background: #fff; border-radius: 30px; padding: 10px 30px; display: inline-block;}
.imgTop { border-radius: 30px 30px 0 0;}
.imgBottom { border-radius: 0 0 30px 30px ;}
.howto { font-size: 18px; background: #f8f8f8; text-align: left; padding: 15px; letter-spacing: -1px;}
.howto span { color: #ff8366;}
.howto_tit { display: inline-block; font-size: 16px; color: #fff; padding: 0 10px; background: #ff8366; border-radius: 30px;}
.btnGo01 { background: #fff; font-size: 18px;
border-radius: 60px; padding: 4px 40px 0px; border: 5px solid #ff8366; color: #ff8366;
margin: 0px auto 0px; display: inline-block;}
.btnGo01:hover { background: #aadaff; border: 5px solid #aadaff; color: #fff; box-shadow: 0px 6px 18px 0px rgba(0,0,0,0.24);}
.btnGo01 p { font-family: 'S-CoreDream-9Black', sans-serif; font-size: 24px;}
.btnGo01 p span { color: #cc5236;}


 @media only screen and (max-width: 1199px) {
  .hotspringWrap { padding: 10px;}
 }
 @media only screen and (max-width: 992px) {
  .hotspring_txt01 { font-size: 18px;}
  .hotspring_txt02 { letter-spacing: -2px;}
  .hotspring_txt03 { font-size: 15px;}
  .ticketWrap { font-size: 18px; letter-spacing: -1px; padding: 10px 20px;}
 }
 @media only screen and (max-width: 767px) {
   .hotspring_tit01 span { font-size: 30px; letter-spacing: -1px;}
   .hotspring_tit01 { letter-spacing: 0px;}
   .btnGo01 { font-size: 14px; letter-spacing: -1px; padding: 4px 20px 0; margin-bottom: 10px;}
   .btnGo01 p { font-size: 18px;}
 }
 @media only screen and (max-width: 450px) {
 }