/* main Top*/
section h1,section h3,section h4,section h5,section p,section span,section strong,section li{letter-spacing: -0.02em;}
.red{color:red; }

.main_titwrap{position: absolute;top:10%; width: 100%; height: 80%;}
.main_titwrap span{font-size: 18px; padding: 10px; background-color: #25cdff; font-weight: 400; color: #fff; display: inline-block; margin-bottom: 10px;margin-top: 40px;}
.realtime_top{}
.maintxt{color: #fff; font-size: 36px; text-shadow: 5px 2px 25px rgba(5,5,5,0.1);font-weight: 400;}
.mt2{font-size: 7em; color: #fff; font-weight: 500; margin-top: 0; text-shadow: 5px 2px 25px rgba(5,5,5,0.1);}
.mt2 b{color: #005aff; font-weight: 700; }
.mt2 strong{font-size: 1.2em; color: red;}
.maincaption{padding-top: 30px;padding-bottom: 100px;}
.maincaption p{font-size: 24px; color: #242424; font-weight: 400;padding: 15px;}
.subtxt {position: absolute; bottom: 0;width: 100%;font-size: 16px; color: #666;}

#promotionCopyfixed {position: relative;top: 100%;margin-top: -60px;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: 991px) {
.maintxt{font-size: 24px;}
.maincaption h3{font-size: 28px; margin-bottom: 30px;}
}

@media only screen and (max-width: 767px) {
  #promotionCopyfixed h3 {font-size: 1.3em;}
  .kyotoStamp img {width: 100%}
  .maintxt{font-size: 20px;}
  .mt2{font-size: 4em;}
  .main_titwrap span{font-size: 16px; padding: 5px;}
  .maincaption p{font-size: 20px;}
  .maincaption{padding-top: 20px;}
}


/*comming soon sec01*/
.sec01{background: url('/event2019/img/luckytravel/sec01_bg.png') 50% 0% no-repeat #f3f9ff; height: 100%; padding-top: 50px;  }
.sec01_img img{margin-left: -40px; max-width: 100%;}
.sec01_tit{text-align: center; padding-bottom: 30px;}
.sec01_tit h3{font-size: 36px; color: #242424;line-height: 1.3; font-weight: 600;margin-top: 0;}
.sec01_tit p{font-size: 16px; padding-top: 8px;}
.sec01_tit span{font-size: 26px; font-weight: 700; color: #006cff;}

.circlebox{width: 210px; height: 210px; display: inline-block; background-color: rgba(64,222,255,0.7); border-radius: 50%;margin: auto -15px;}
.circle{width: 100%; text-align: center; padding-top: 50px;}
.circlebox:nth-child(2){background-color: rgba(64,181,255,0.7)}
.circlebox:nth-child(3){background-color: rgba(223,255,91,0.7)}
.circlebox:nth-child(4){background-color: rgba(64,255,212,0.7)}
.circlebox:nth-child(5){background-color: rgba(255,58,128,0.7)}
.circlebox p{font-size: 18px; color: #242424;}

.boxwrap span{font-size: 13px; color: #fff; background-color: red; padding: 5px; position: absolute;}
.luckybox .col-sm-3{padding: 10px;}


@media only screen and (max-width: 767px) {
.luckybox .col-sm-3 img{width: 100%;}
.sec01_tit h3{font-size: 24px; }
.sec01_img {padding: 0;}
.sec01_img img{max-width: 100%;margin-left: 0;}
}

@media only screen and (max-width: 560px){
.sec01_tit span{font-size: 24px;}
.luckybox .col-sm-3 img{width: 100%;}
.circlebox{width: 160px; height: 160px; margin:-7px;}
.circle{padding:30px 0;}
.circle img{height: 50px;}
.circlebox p{font-size: 14px; color: #000; padding-top: 5px;}
}




/*  sec02*/
.sec02{padding-top: 80px;}
.sectionTit h3{font-size: 38px; color: #242424; margin-top: 0; padding: 20px 0 10px;}
.sectionTit span{font-size: 16px; color: #006cff; font-weight: 400; padding: 6px; border: 1px solid #006cff;}
.sectionTit p{font-size: 16px; color: #888;}
.sectionTit{padding-bottom: 30px;}

.luckbox_txt{ padding: 150px 0 80px; margin-top: -150px; background-color: #f7f7f7;}
.luckbox_txt .row{padding-top: 50px;}
.luckbox_txt .col-md-4{height: 80px;}
.luckbox_txt .col-md-4:nth-child(2){border-right: 1px solid #ededed; border-left: 1px solid #ededed;}
.eventimg{position: absolute;}
.eventimg img{border-radius: 50%;}
.event_txt{position: absolute; left: 110px;}
.event_txt h5{font-weight: 700; color: #006cff; font-size: 20px;}
.event_txt p{font-size: 14px;}
.btnwrap_box{text-align: center; padding-top: 50px;}
.btnwrap{display: inline-block; border-radius: 8px; background-color: #006cff;margin-top: 40px;}
.btnwrap a{color: #fff;padding: 20px;  display: inline-block; font-size: 20px; font-weight: 400;}
.btnwrap a img{padding-left: 15px;}
@media only screen and (max-width: 991px) {
  .luckbox_txt .col-md-4{height: auto;}
  .luckbox_txt .row{padding: 40px 0;}
  .luckbox_txt{padding: 80px 0 20px;  margin-top: -80px;  background-color: #f7f7f7;}
  .eventimg{position: relative;}
  .event_txt{position: relative; left: 0;}
  .event_txt p{font-size: 13px;}
}
@media only screen and (max-width: 767px) {
.sectionTit h3{font-size: 32px;}
.sectionTit span{font-size: 14px;}
.sectionTit{padding-bottom: 20px;}
.luckbox_txt .col-md-4{text-align: center; padding-bottom: 30px;}
.btnwrap_box{padding-top: 0;}

}



/*인기 료칸예약 바로가기*/
ul { list-style: none; margin: 0; padding: 0; }
.hotel_sale { margin-bottom: 125px; }
.hotel_sale p { color: #242424; line-height: 1.3}
.hotel_sale_tit01 { font-size: 20px; font-weight: 400; }
.hotel_sale_tit02 { font-size: 36px; font-weight: 600; }
.hotel_sale_tit02 span { color: #ff0000; }
.hotel_sale_txt01 { font-size: 28px; margin-top: 10px; }
.beach_travel .hotel_sale_txt01 span { font-weight: 600; color: #0054ff; }
.city_travel .hotel_sale_txt01 span { font-weight: 600; color: #d600fd; }
.travel_list { position: relative; margin-bottom: 15px; }
.travel_list a { display: block; width: 100%; height: 100%; overflow: hidden; }
.travel_list img { width: 100%; transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000); }
.travel_list a:hover img {
  -webkit-transform: scale(1.08);
     -moz-transform: scale(1.08);
      -ms-transform: scale(1.08);
       -o-transform: scale(1.08);
          transform: scale(1.08);
}
.travel_txt_Wrap { position: absolute; bottom: 30px; left: 0; width: 100%; padding: 0 8px;  }
.travel_txt_Wrap .travel_txt01 { font-size: 34px; font-weight: 600; color: #fff; text-shadow: 2px 2px 15px rgba(19,29,60,0.3); }
.travel_txt_Wrap .travel_txt02 { font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 600; color: #fff; letter-spacing: 0.1em;}

.banner_Wrap { position: relative; width: 100%; height: 290px; margin-bottom: 20px; }
.banner_Wrap p { line-height: 1.3 }
.banner_txtWrap { position: absolute; top: 50%; left: 40px; transform: translateY(-50%); }
.banner_txtWrap .banner_txt01 { font-size: 20px; margin-bottom: 0; }
.banner_txtWrap .banner_txt02 { font-size: 32px; font-weight: 600; margin-bottom: 25px; }
.banner_txtWrap a { display: inline-block; font-size: 14px; font-weight: 400;  border-radius: 5px; padding: 12px 25px; }
.btm_banner01 { background: url(/event2019/img/luckytravel/btm_banner01.jpg) no-repeat; background-size: cover; background-position: right center }
.btm_banner01 a { background: #007ef0; color: #fff; }
.btm_banner01 a:hover { background: #046cca; color: #fff; }
.btm_banner02 { background: url(/event2019/img/luckytravel/btm_banner02.jpg) no-repeat; background-size: cover; background-position: right center }
.btm_banner02 a { background: #7de2ff; color: #000; }
.btm_banner02 a:hover { background: #a3eaff; color: #000; }
.homeBtn a { display: inline-block; background: #e5062b; color: #fff; width: 138px; height: 138px; border-radius: 100%; }
.homeBtn a:hover {background: #c70223; color: #fff; }
.homeBtn a img { margin-top: 20px; }
.homeBtn a p { font-size: 16px; font-weight: 400; margin-top: 5px; }

@media only screen and (max-width: 992px) {
  .hotel_sale { margin-bottom: 80px; }
  .travel_txt_Wrap { bottom: 10px; }
  .travel_txt_Wrap .travel_txt01 { font-size: 25px; }
}
@media only screen and (max-width: 767px) {
  .hotel_sale { margin-bottom: 50px; }
  .hotel_sale_tit01 { font-size: 18px; }
  .hotel_sale_tit02 { font-size: 28px; }
  .hotel_sale_txt01 { font-size: 22px; }
  .travel_icon {  width: 85px; }
  .travel_txt_Wrap { bottom: 0; }
  .travel_txt_Wrap .travel_txt01 { font-size: 18px; margin-bottom: 5px; }
  .travel_txt_Wrap .travel_txt02 { font-size: 11px; }
  .banner_Wrap { height: 180px; }
  .banner_txtWrap { left: 0; width: 100%; text-align: center; }
  .banner_txtWrap .banner_txt01 { font-size: 16px; }
  .banner_txtWrap .banner_txt02 { font-size: 20px; margin-bottom: 15px; }
  .homeBtn a { width: 110px; height: 110px; }
  .homeBtn a img { margin-top: 13px;  width: 30px; }
  .homeBtn a p { font-size: 15px; }
}