@charset "UTF-8";
/*
 * pc
 */
/*
 * var/setting
 */
* {
  box-sizing: border-box; }

body {
  position: relative;
  -webkit-text-size-adjust: none; }
  body.non-scroll {
    overflow: hidden; }

footer {
  border-top: 1px solid #ccc;
  margin-top: 60px; }

.main-content {
  background-color: #FCFCF9; }

.popupBackDrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .3;
  z-index: 100; }

/*
 * functions/clearfix
 */
/*
 * display
 */
.utilHide {
  display: none !important; }

.utilShow,
.utilBlock {
  display: block !important; }

.utilInlineBlock {
  display: inline-block !important; }

/*
 * flex
 */
.utilFlex {
  display: table;
  width: 100%; }
  .utilFlex > .cell {
    display: table-cell; }

/*
 * mediaqueries
 */
@media screen and (min-device-width: 768px) {
  .utilPcNone {
    display: none !important; } }

@media screen and (max-device-width: 767px) {
  .utilSpNone {
    display: none !important; } }

.container {
  width: 960px;
  margin: 0 auto; }

.lyReserveConductor {
  width: 710px;
  margin: 60px auto 45px; }
  .lyReserveConductor .RecommendBox h3 {
    padding-right: 10px; }
    .lyReserveConductor .RecommendBox h3 .ttl:before, .lyReserveConductor .RecommendBox h3 .ttl:after {
      content: "";
      display: block;
      height: 0; }
    .lyReserveConductor .RecommendBox h3 .ttl:after {
      clear: both; }
    .lyReserveConductor .RecommendBox h3 .ttl span.plancode {
      display: inline-block;
      margin-top: 10px;
      font-size: 14px;
      font-weight: lighter;
      color: #333333;
      letter-spacing: 0;
      line-height: 22px;
      float: right;
      border: none !important; }

.alert-box .msg-box {
  background-color: #E7F1DD;
  border-radius: 3px;
  margin-top: 23px;
  margin-left: 23px;
  position: relative;
  padding: 30px 50px; }
  .alert-box .msg-box .icon {
    background: url("../base/images/icon_alert.png") no-repeat;
    background-size: 46px 46px;
    background-position: 0px 0px;
    height: 46px;
    position: absolute;
    top: -23px;
    left: -23px;
    width: 46px; }
  .alert-box .msg-box button {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 22px; }

.alert-box.alert-box-danger .msg-box {
  background-color: #FFEDED;
  color: #D50E1C;
  font-size: 16px; }
  .alert-box.alert-box-danger .msg-box .icon {
    background: url("../base/images/icon_danger.png") no-repeat; }

button.btn, a.btn {
  display: inline-block;
  background: #ccc;
  width: 100%;
  margin: 0;
  padding: 8px;
  border: none;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  font-size: 12px;
  box-sizing: border-box; }
  button.btn.isPrimary, a.btn.isPrimary {
    background: #486A1F;
    color: #fff; }
    button.btn.isPrimary:hover, a.btn.isPrimary:hover {
      opacity: .75; }


/* ----- 2019.1.9 FSK ADD BEGIN ----- */
.alert-box-gray .msg-box {
  background-color: #e6e6e6;
  border-radius: 3px;
  margin-top: 23px;
  margin-left: 23px;
  position: relative;
  padding: 30px 50px; }

.alert-box-gray button.btn, a.btn {
  display: inline-block;
  background: #ccc;
  width: 100%;
  margin: 0;
  padding: 8px;
  border: none;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  font-size: 12px;
  box-sizing: border-box; }
  .alert-box-gray button.btn.isPrimary, a.btn.isPrimary {
    background: #666666;
    color: #fff; }
    .alert-box-gray button.btn.isPrimary:hover, a.btn.isPrimary:hover {
      opacity: .75; }

.alert-box-gray div.lbl {
  letter-spacing: 0;
  font-size: 14px;
  line-height: 22px;
  margin-top: 0;
}
/* ----- 2019.1.9 FSK ADD END ----- */

.modBxSlider {
  padding-top: 15px;
  background: #d7d8df;
  clear: both;
  background: rgba(255, 255, 255, 0.9);
  /* 2018.12.21 comm BEGIN */
  /*margin-top: 40px;
  padding: 20px 0;*/
  /* 2018.12.21 comm END */
  padding: 20px 0; }/* 2018.12.21 ADD */
  .modBxSlider > h2 {
    margin-bottom: 15px;
    color: #486A1F;
    font-size: 16px;
    font-weight: bold;
    text-align: center; }
  .modBxSlider .container {
    width: 960px;
    margin: 0 auto; }
  .modBxSlider .bx-wrapper {
    position: relative; }
    .modBxSlider .bx-wrapper img {
      vertical-align: top; }
    .modBxSlider .bx-wrapper li {
      display: block;
      width: 242px !important; }
      .modBxSlider .bx-wrapper li a {
        display: block; }
        .modBxSlider .bx-wrapper li a:after {
          /* 画像のドラッグアンドドロップを禁止 */
          width: 230px;
          height: 166px;
          display: block;
          position: absolute;
          content: "";
          top: 0;
          left: 0;
          z-index: 1; }
    .modBxSlider .bx-wrapper .bx-has-controls-direction {
      overflow: hidden;
      width: 100%;
      height: auto; }
      .modBxSlider .bx-wrapper .bx-has-controls-direction .bx-pager {
        position: static;
        top: 360px;
        width: 960px;
        text-align: center;
        font-size: .85em;
        font-family: Arial;
        font-weight: bold;
        color: #666;
        padding-top: 20px;
        padding-bottom: 15px; }
        .modBxSlider .bx-wrapper .bx-has-controls-direction .bx-pager.bx-default-pager a {
          background: #606F87;
          text-indent: -9999px;
          display: block;
          width: 10px;
          height: 10px;
          margin: 0 10px;
          outline: 0;
          border-radius: 5px; }
          .modBxSlider .bx-wrapper .bx-has-controls-direction .bx-pager.bx-default-pager a:hover, .modBxSlider .bx-wrapper .bx-has-controls-direction .bx-pager.bx-default-pager a.active {
            background: #243857; }
          .modBxSlider .bx-wrapper .bx-has-controls-direction .bx-pager.bx-default-pager a.active {
            position: relative; }
            .modBxSlider .bx-wrapper .bx-has-controls-direction .bx-pager.bx-default-pager a.active:before {
              position: absolute;
              top: -6px;
              left: -10px;
              display: block;
              content: "";
              width: 31px;
              height: 25px;
              background: url("../base/images/icon_bxslider_pager_active.png"); }
      .modBxSlider .bx-wrapper .bx-has-controls-direction .bx-pager .bx-pager-item,
      .modBxSlider .bx-wrapper .bx-has-controls-direction .bx-controls-auto .bx-controls-auto-item {
        display: inline-block;
        *zoom: 1;
        *display: inline; }
      .modBxSlider .bx-wrapper .bx-has-controls-direction .bx-controls-direction {
        width: 100%;
        /* DIRECTION CONTROLS (NEXT / PREV) */ }
        .modBxSlider .bx-wrapper .bx-has-controls-direction .bx-controls-direction a {
          position: absolute;
          top: 50px;
          outline: 0;
          width: 40px;
          height: 40px;
          text-indent: -9999px;
          z-index: 800; }
        .modBxSlider .bx-wrapper .bx-has-controls-direction .bx-controls-direction a.disabled {
          display: none; }
        .modBxSlider .bx-wrapper .bx-has-controls-direction .bx-controls-direction .bx-prev {
          background: url("../base/images/icon_bxslider_arrows.png") no-repeat 0 0;
          background-size: auto 40px;
          left: 50%;
          margin-left: -500px; }
          .modBxSlider .bx-wrapper .bx-has-controls-direction .bx-controls-direction .bx-prev:hover {
            background-position: -40px 0; }
        .modBxSlider .bx-wrapper .bx-has-controls-direction .bx-controls-direction .bx-next {
          background: url("../base/images/icon_bxslider_arrows.png") no-repeat -144px 0;
          background-size: auto 40px;
          right: 50%;
          margin-right: -500px; }
          .modBxSlider .bx-wrapper .bx-has-controls-direction .bx-controls-direction .bx-next:hover {
            background-position: -104px 0; }

@media print {
  .#modBxSlider {
    display: none !important; } }

#ui-datepicker-div:before,
.ui-datepicker-inline:before {
  position: absolute;
  top: 0;
  left: 50%;
  content: "";
  display: inline-block;
  width: 1px;
  height: 100%;
  background: #E2E2DE;
  z-index: 100; }

#ui-datepicker-div:hover,
.ui-datepicker-inline:hover {
  cursor: default; }

#ui-datepicker-div a:hover,
.ui-datepicker-inline a:hover {
  cursor: pointer; }

#ui-datepicker-div.ui-datepicker,
.ui-datepicker-inline.ui-datepicker {
  padding: 0 !important;
  border-radius: 0 !important;
  border: none !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); }

#ui-datepicker-div .ui-datepicker-group,
.ui-datepicker-inline .ui-datepicker-group {
  padding: 5px; }

#ui-datepicker-div .ui-widget-header,
.ui-datepicker-inline .ui-widget-header {
  background: #fff !important;
  border: none; }

#ui-datepicker-div .ui-datepicker-title,
.ui-datepicker-inline .ui-datepicker-title {
  font-size: 16px;
  font-weight: bold; }

#ui-datepicker-div .ui-icon,
.ui-datepicker-inline .ui-icon {
  width: 9px;
  height: 12px; }

#ui-datepicker-div .ui-corner-all.ui-datepicker-prev-hover,
.ui-datepicker-inline .ui-corner-all.ui-datepicker-prev-hover {
  background: none;
  border: none;
  top: 2px;
  left: 2px; }

#ui-datepicker-div .ui-corner-all.ui-datepicker-next-hover,
.ui-datepicker-inline .ui-corner-all.ui-datepicker-next-hover {
  background: none;
  border: none;
  top: 2px;
  right: 2px; }

#ui-datepicker-div .ui-widget-header .ui-datepicker-prev:hover,
#ui-datepicker-div .ui-widget-header .ui-datepicker-next:hover,
.ui-datepicker-inline .ui-widget-header .ui-datepicker-prev:hover,
.ui-datepicker-inline .ui-widget-header .ui-datepicker-next:hover {
  opacity: .75; }

#ui-datepicker-div .ui-widget-header .ui-datepicker-prev .ui-icon,
#ui-datepicker-div .ui-widget-header .ui-datepicker-next .ui-icon,
.ui-datepicker-inline .ui-widget-header .ui-datepicker-prev .ui-icon,
.ui-datepicker-inline .ui-widget-header .ui-datepicker-next .ui-icon {
  background-size: 9px 12px;
  background-position: 0 0;
  margin-top: -5px !important;
  margin-left: -5px !important; }

#ui-datepicker-div .ui-widget-header .ui-datepicker-prev .ui-icon,
.ui-datepicker-inline .ui-widget-header .ui-datepicker-prev .ui-icon {
  background-image: url("../base/images/icon_arrow_left_green.png"); }

#ui-datepicker-div .ui-widget-header .ui-datepicker-next .ui-icon,
.ui-datepicker-inline .ui-widget-header .ui-datepicker-next .ui-icon {
  background-image: url("../base/images/icon_arrow_right_green.png"); }

#ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-week-end:first-child,
#ui-datepicker-div .gcal-sunday .ui-state-default,
#ui-datepicker-div .gcal-holiday,
.ui-datepicker-inline .ui-datepicker-calendar .ui-datepicker-week-end:first-child,
.ui-datepicker-inline .gcal-sunday .ui-state-default,
.ui-datepicker-inline .gcal-holiday {
  background-color: #fff !important;
  color: #D50E1C; }

#ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-week-end:last-child,
#ui-datepicker-div .gcal-saturday .ui-state-default,
.ui-datepicker-inline .ui-datepicker-calendar .ui-datepicker-week-end:last-child,
.ui-datepicker-inline .gcal-saturday .ui-state-default {
  background-color: #fff !important;
  color: #4990E2; }

#ui-datepicker-div .ui-state-default, #ui-datepicker-div .ui-widget-content .ui-state-default,
.ui-datepicker-inline .ui-state-default,
.ui-datepicker-inline .ui-widget-content .ui-state-default {
  border: none; }

#ui-datepicker-div .ui-state-default,
.ui-datepicker-inline .ui-state-default {
  text-align: center;
  padding: .8em .4em !important; }

#ui-datepicker-div .ui-state-default.ui-state-hover,
.ui-datepicker-inline .ui-state-default.ui-state-hover {
  background: #486A1F !important;
  color: #fff; }

#ui-datepicker-div .ui-datepicker-today .ui-state-default,
.ui-datepicker-inline .ui-datepicker-today .ui-state-default {
  background-color: rgba(255, 233, 0, 0.5) !important; }
  #ui-datepicker-div .ui-datepicker-today .ui-state-default.ui-state-hover,
  .ui-datepicker-inline .ui-datepicker-today .ui-state-default.ui-state-hover {
    color: #333; }
  #ui-datepicker-div .ui-datepicker-today .ui-state-default.ui-state-active,
  .ui-datepicker-inline .ui-datepicker-today .ui-state-default.ui-state-active {
    background-color: rgba(255, 233, 0, 0.5) !important; }
    #ui-datepicker-div .ui-datepicker-today .ui-state-default.ui-state-active:hover,
    .ui-datepicker-inline .ui-datepicker-today .ui-state-default.ui-state-active:hover {
      background-color: #486A1F !important; }

#ui-datepicker-div .ui-datepicker-current-day .ui-state-active,
.ui-datepicker-inline .ui-datepicker-current-day .ui-state-active {
  background: #fff !important; }
  #ui-datepicker-div .ui-datepicker-current-day .ui-state-active:hover,
  .ui-datepicker-inline .ui-datepicker-current-day .ui-state-active:hover {
    background-color: #486A1F !important; }

#ui-datepicker-div .ui-datepicker-buttonpane.ui-widget-content,
.ui-datepicker-inline .ui-datepicker-buttonpane.ui-widget-content {
  background: #E2E2DE !important;
  padding: 10px;
  border: none; }
  #ui-datepicker-div .ui-datepicker-buttonpane.ui-widget-content:before, #ui-datepicker-div .ui-datepicker-buttonpane.ui-widget-content:after,
  .ui-datepicker-inline .ui-datepicker-buttonpane.ui-widget-content:before,
  .ui-datepicker-inline .ui-datepicker-buttonpane.ui-widget-content:after {
    content: "";
    display: block;
    height: 0; }
  #ui-datepicker-div .ui-datepicker-buttonpane.ui-widget-content:after,
  .ui-datepicker-inline .ui-datepicker-buttonpane.ui-widget-content:after {
    clear: both; }

#ui-datepicker-div button.ui-datepicker-close.ui-state-default.ui-priority-primary.ui-corner-all,
#ui-datepicker-div button.ui-datepicker-current.ui-state-default.ui-priority-secondary.ui-corner-all,
.ui-datepicker-inline button.ui-datepicker-close.ui-state-default.ui-priority-primary.ui-corner-all,
.ui-datepicker-inline button.ui-datepicker-current.ui-state-default.ui-priority-secondary.ui-corner-all {
  background: #486A1F !important;
  width: 100px;
  margin: 0;
  padding: 7px;
  color: #fff;
  font-size: 13px;
  border-radius: 5px; }
  #ui-datepicker-div button.ui-datepicker-close.ui-state-default.ui-priority-primary.ui-corner-all:hover,
  #ui-datepicker-div button.ui-datepicker-current.ui-state-default.ui-priority-secondary.ui-corner-all:hover,
  .ui-datepicker-inline button.ui-datepicker-close.ui-state-default.ui-priority-primary.ui-corner-all:hover,
  .ui-datepicker-inline button.ui-datepicker-current.ui-state-default.ui-priority-secondary.ui-corner-all:hover {
    opacity: .75; }

#ui-datepicker-div .ui-priority-secondary, #ui-datepicker-div .ui-widget-content .ui-priority-secondary,
.ui-datepicker-inline .ui-priority-secondary,
.ui-datepicker-inline .ui-widget-content .ui-priority-secondary {
  opacity: 1; }

.fixedNavi {
  margin-top: -152px;
  position: fixed;
  right: 0px;
  top: 50%;
  width: 68px;
  z-index: 500; }
  .fixedNavi a {
    color: #fff;
    display: block;
    height: 88px;
    width: 100%; }
    .fixedNavi a:hover {
      opacity: .75; }
  .fixedNavi .top {
    background: url("../base/images/icon_jumpToPageTop.png") no-repeat;
    background-size: 30px 55px;
    background-position: center center;
    background-color: #486A1F;
    border-top-left-radius: 4px;
    border-bottom: 1px solid #fff; }
  .fixedNavi .prev {
    background: url("../base/images/icon_backToPrevPage.png") no-repeat;
    background-size: 32px 58px;
    background-position: center center;
    background-color: #486A1F;
    border-bottom-left-radius: 4px; }
  .fixedNavi .home {
    background: url("../base/images/icon_goToHawaiiansHP.png") no-repeat;
    background-size: 51px 59px;
    background-position: center center;
    background-color: #486A1F;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    margin-top: 40px; }

.modHeading {
  padding: 10px 0;
  border-bottom: 4px solid #a9d935; }
  .modHeading h3 {
    font-weight: bold;
    font-size: 18px; }
  .modHeading .label {
    position: relative;
    top: -3px;
    display: inline-block;
    margin-right: 10px;
    padding: 3px;
    border: 1px solid #ddd;
    border-radius: 2px;
    font-size: 13px;
    font-weight: lighter; }
  .modHeading a {
    margin-top: 5px;
    color: #486A1F;
    font-size: 13px;
    font-weight: lighter;
    float: right; }
    .modHeading a i {
      margin-left: 10px; }
  .modHeading .required {
    font-size: 13px;
    font-weight: lighter;
    color: #D50E1C;
    float: right; }
  .modHeading.isDetailHead {
    padding: 30px 0;
    font-size: 22px;
    color: #486A1F;
    font-weight: bold; }
    .modHeading.isDetailHead h1, .modHeading.isDetailHead h2, .modHeading.isDetailHead h3 {
      font-weight: bold; }

.header .menu {
  height: 45px;
  position: absolute;
  right: 0;
  top: 20px; }
  .header .menu > li {
    position: relative;
    float: left;
    list-style: none;
    text-align: center; }
    .header .menu > li > a {
      background-position: -62px 0;
      border: 0px solid #E2E2DE;
      border-right-width: 1px;
      color: #333;
      display: block;
      font-size: 12px;
      font-weight: bold;
      letter-spacing: 0;
      line-height: 18px;
      padding-top: 32px;
      text-decoration: none;
      width: 120px; }
    /* 2018.12.21 FSK ADD BEGIN */
    .header .menu > li.showReserveSeat > a {
      background: url("../base/images/icon_reserved_seat.png") no-repeat;
      background-size: 26px 26px;
      background-position: top center;
      margin-bottom: 12px; }
    .header .menu > li.showReserveSeat .showReserveSeatSub {
      background-color: #fff;
      border-top: 4px solid #486A1F;
      box-shadow: 0px 0px 10px #ddd;
      display: none;
      padding: 0;
      position: absolute;
      margin-left: -50px;
      top: 60px;
      width: 220px;
      z-index: 1000; }
      .header .menu > li.showReserveSeat .showReserveSeatSub:after {
        content: "";
        position: absolute;
        left: 50%;
        border: 12px solid transparent;
        border-bottom: 15px solid #486A1F;
        margin-left: -12px;
        top: -27px;
        width: 0; }
      .header .menu > li.showReserveSeat .showReserveSeatSub > li {
        border: 0px solid #E2E2DE;
        border-bottom-width: 1px;
        list-style-type: none; }
        .header .menu > li.showReserveSeat .showReserveSeatSub > li > a {
          display: block;
          font-size: 13px;
          height: 45px;
          line-height: 3.5;
          padding: 0;
          text-align: left;
          text-decoration: none;
          text-indent: 45px;
          width: 100%; }
        .header .menu > li.showReserveSeat .showReserveSeatSub > li:hover {
          background-color: #E6EEDC !important; }
        .header .menu > li.showReserveSeat .showReserveSeatSub > li.optionBooking > a {
          background: url("../base/images/icon_optionBooking.png") no-repeat;
          background-size: 20px 20px;
          background-position: 15px center; }
    /* 2018.12.21 FSK ADD END */

    .header .menu > li.busVacantSeat > a {
      background: url("../base/images/icon_bus.png") no-repeat;
      background-size: 26px 26px;
      background-position: top center; 
      margin-bottom: 12px;}/* 2018.12.21 FSK ADD */

    /* 2018.12.21 FSK ADD BEGIN */
    .header .menu > li.busVacantSeat .busVacantSeatSub {
      background-color: #fff;
      border-top: 4px solid #486A1F;
      box-shadow: 0px 0px 10px #ddd;
      display: none;
      padding: 0;
      position: absolute;
      margin-left: -50px;
      top: 60px;
      width: 220px;
      z-index: 1000; }
      .header .menu > li.busVacantSeat .busVacantSeatSub:after {
        content: "";
        position: absolute;
        left: 50%;
        border: 12px solid transparent;
        border-bottom: 15px solid #486A1F;
        margin-left: -12px;
        top: -27px;
        width: 0; }
      .header .menu > li.busVacantSeat .busVacantSeatSub > li {
        border: 0px solid #E2E2DE;
        border-bottom-width: 1px;
        list-style-type: none; }
        .header .menu > li.busVacantSeat .busVacantSeatSub > li > a {
          display: block;
          font-size: 13px;
          height: 45px;
          line-height: 3.5;
          padding: 0;
          text-align: left;
          text-decoration: none;
          text-indent: 45px;
          width: 100%; }
        .header .menu > li.busVacantSeat .busVacantSeatSub > li:hover {
          background-color: #E6EEDC !important; }
        .header .menu > li.busVacantSeat .busVacantSeatSub > li.busBooking > a {
          background: url("../base/images/icon_busBooking.png") no-repeat;
          background-size: 20px 20px;
          background-position: 15px center; }
    /* 2018.12.21 FSK ADD END */

    .header .menu > li.reserveTop > a {
      background: url("../base/images/icon_home.png") no-repeat;
      background-size: 26px 26px;
      background-position: top center; }
    .header .menu > li.recommend > a {
      background: url("../base/images/icon_recommend.png") no-repeat;
      background-size: 26px 26px;
      background-position: top center; }
    .header .menu > li.availablity > a {
      background: url("../base/images/icon_header_calendar.png") no-repeat;
      background-size: 26px 26px;
      background-position: top center; }
    /* 2019.1.10 FSK ADD BEGIN */
    .header .menu > li.optionReserve > a {
      background: url("../base/images/icon_option.png") no-repeat;
      background-size: 26px 26px;
      background-position: top center; }
    /* 2019.1.10 FSK ADD END */
    .header .menu > li.helpMenu > a {
      background: url("../base/images/icon_help.png") no-repeat;
      background-size: 26px 26px;
      background-position: top center;
      border-width: 0; }
    .header .menu > li.reserveMenu > a {
      background: url("../base/images/icon_setting.png") no-repeat;
      background-size: 26px 26px;
      background-position: top center;
      margin-bottom: 12px; }
    .header .menu > li.reserveMenu .reserveSub {
      background-color: #fff;
      border-top: 4px solid #486A1F;
      box-shadow: 0px 0px 10px #ddd;
      display: none;
      padding: 0;
      position: absolute;
      margin-left: -50px;
      top: 60px;
      width: 220px;
      z-index: 1000; }
      .header .menu > li.reserveMenu .reserveSub:after {
        content: "";
        position: absolute;
        left: 50%;
        border: 12px solid transparent;
        border-bottom: 15px solid #486A1F;
        margin-left: -12px;
        top: -27px;
        width: 0; }
      .header .menu > li.reserveMenu .reserveSub > li {
        border: 0px solid #E2E2DE;
        border-bottom-width: 1px;
        list-style-type: none; }
        .header .menu > li.reserveMenu .reserveSub > li > a {
          display: block;
          font-size: 13px;
          height: 45px;
          line-height: 3.5;
          padding: 0;
          text-align: left;
          text-decoration: none;
          text-indent: 45px;
          width: 100%; }
        .header .menu > li.reserveMenu .reserveSub > li:hover {
          background-color: #E6EEDC !important; }
        .header .menu > li.reserveMenu .reserveSub > li.registration > a {
          background: url("../base/images/icon_registration.png") no-repeat;
          background-size: 20px 20px;
          background-position: 15px center; }
        .header .menu > li.reserveMenu .reserveSub > li.list > a {
          background: url("../base/images/icon_list.png") no-repeat;
          background-size: 20px 20px;
          background-position: 15px center; }
        .header .menu > li.reserveMenu .reserveSub > li.optionBooking > a {
          background: url("../base/images/icon_optionBooking.png") no-repeat;
          background-size: 20px 20px;
          background-position: 15px center; }
        .header .menu > li.reserveMenu .reserveSub > li.edit > a {
          background: url("../base/images/icon_edit.png") no-repeat;
          background-size: 20px 20px;
          background-position: 15px center; }
        .header .menu > li.reserveMenu .reserveSub > li.trash > a {
          background: url("../base/images/icon_trash.png") no-repeat;
          background-size: 20px 20px;
          background-position: 15px center; }

.header #sp_navMenu {
  display: none; }

#hotelSelected {
  display: none; }
  #hotelSelected .logo {
    display: block;
    height: 20px; }

.hotels {
  display: table;
  list-style-type: none;
  text-align: center;
  padding-top: 40px;
  width: 100%; }
  .hotels .hotel {
    border: 1px solid #E2E2DE;
    border-width: 0 0 2px 0px;
    display: inline-block;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 18px;
    padding-bottom: 14px;
    text-decoration: none;
    width: 25%;
    float: left; }
    .hotels .hotel:hover {
      border-color: #486A1F; }
    .hotels .hotel.active {
      border-color: #D50E1C; }
    .hotels .hotel .logo {
      display: block;
      height: 20px; }
    .hotels .hotel.monolithTower .logo {
      background: url("../base/images/logo_monolithTower.png") no-repeat;
      background-size: auto 20px;
      background-position: center top; }
    .hotels .hotel.hotelHawaiians .logo {
      background: url("../base/images/logo_hotelHawaiians.png") no-repeat;
      background-size: auto 20px;
      background-position: center top; }
    .hotels .hotel.virPort .logo {
      background: url("../base/images/logo_virPort.png") no-repeat;
      background-size: auto 20px;
      background-position: center top; }
    .hotels .hotel.hotelCrest .logo {
      background: url("../base/images/logo_hotelCrest.png") no-repeat;
      background-size: auto 20px;
      background-position: center top; }

.modIcon {
  display: inline-block; }
  .modIcon.isClose {
    background-image: url("../base/images/icon_close.png");
    width: 14px;
    height: 14px;
    background-size: 14px 14px; }
  .modIcon.isLinkArrow {
    background-image: url("../base/images/icon_link_arrow.png");
    width: 9px;
    height: 9px;
    background-size: 9px 9px; }
  .modIcon.isDoubleArrowGreen {
    background-image: url("../base/images/icon_double_arrow_right_green.png");
    width: 9px;
    height: 9px;
    background-size: 9px 9px; }
  .modIcon.isDoubleArrowWhite {
    background-image: url("../base/images/icon_double_arrow_right_white.png");
    width: 9px;
    height: 9px;
    background-size: 9px 9px; }
  .modIcon.isCalender {
    background-image: url("../base/images/icon_calendar.png");
    width: 18px;
    height: 18px;
    background-size: 18px 18px; }
  .modIcon.isSearch {
    background-image: url("../base/images/icon_search.png");
    width: 20px;
    height: 20px;
    background-size: 20px 20px; }
  .modIcon.isBed {
    background-image: url("../base/images/icon_bed.png");
    width: 18px;
    height: 18px;
    background-size: 18px 18px; }
  .modIcon.isMeal {
    background-image: url("../base/images/icon_meal.png");
    width: 20px;
    height: 19px;
    background-size: 20px 19px; }
  .modIcon.isPersons {
    background-image: url("../base/images/icon_persons.png");
    width: 21px;
    height: 18px;
    background-size: 21px 18px; }
  .modIcon.isRoomTypeA {
    background-image: url("../base/images/icon_room_type_a.png");
    width: 34px;
    height: 20px;
    background-size: 34px 20px; }
  .modIcon.isRoomTypeB {
    background-image: url("../base/images/icon_room_type_b.png");
    width: 34px;
    height: 20px;
    background-size: 34px 20px; }
  .modIcon.isRoomTypeC {
    background-image: url("../base/images/icon_room_type_c.png");
    width: 34px;
    height: 20px;
    background-size: 34px 20px; }
  .modIcon.isRoomTypeD {
    background-image: url("../base/images/icon_room_type_d.png");
    width: 34px;
    height: 20px;
    background-size: 34px 20px; }
  .modIcon.isFiltering {
    background-image: url("../base/images/icon_filtering.png");
    width: 20px;
    height: 18px;
    background-size: 20px 18px; }
  .modIcon.isListArrow {
    background-image: url("../base/images/icon_listArrow.png");
    width: 12px;
    height: 8px;
    background-size: 12px 8px; }
  .modIcon.isHotel {
    background-image: url("../base/images/icon_hotel.png");
    width: 18px;
    height: 18px;
    background-size: 18px 18px; }
  .modIcon.isPrice {
    background-image: url("../base/images/icon_price.png");
    width: 18px;
    height: 18px;
    background-size: 18px 18px; }
  .modIcon.isTime {
    background-image: url("../base/images/icon_time.png");
    width: 18px;
    height: 18px;
    background-size: 18px 18px; }
  .modIcon.isGift {
    background-image: url("../base/images/icon_gift.png");
    width: 18px;
    height: 18px;
    background-size: 18px 18px; }
  .modIcon.isWallet {
    background-image: url("../base/images/icon_wallet.png");
    width: 18px;
    height: 18px;
    background-size: 18px 18px; }
  .modIcon.isShereLine {
    background-image: url("../base/images/icon_share_line.png");
    width: 82px;
    height: 20px;
    background-size: 82px 20px; }
  .modIcon.isShereMail {
    background-image: url("../base/images/icon_share_mail.png");
    width: 85px;
    height: 20px;
    background-size: 85px 20px; }
  .modIcon.isInfomation {
    background-image: url("../base/images/icon_PRinfo.png");
    width: 20px;
    height: 20px;
    background-size: 20px 20px; }

.infomationBox {
  margin-top: 20px;
  padding: 20px;
  background-color: #FFFFCC;
  border-radius: 5px; }
  .infomationBox h3 {
    font-weight: bold;
    padding-bottom: 10px;
    font-size: 16px;
    border-bottom: 4px solid #FEC483; }
  .infomationBox ul li {
    list-style: none;
    line-height: 20px;
    margin-top: 15px; }
  .infomationBox i.modIcon {
    margin-bottom: -4px;
    margin-right: 10px; }

.modPlanCard {
  position: relative;
  background: #fff;
  margin: 0 0 12px;
  padding: 20px;
  border-radius: 3px;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
  -webkit-transition: box-shadow 400ms ease;
  transition: box-shadow 400ms ease; }
  .modPlanCard:hover {
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1), 0 8px 20px 0 rgba(0, 0, 0, 0.2);
    -webkit-transition: box-shadow 400ms ease;
    transition: box-shadow 400ms ease; }
  .modPlanCard .planCardInner {
    display: table;
    width: 100%; }
  .modPlanCard * {
    box-sizing: border-box; }
  .modPlanCard a {
    display: block;
    text-decoration: none; }
    .modPlanCard a:hover .planName {
      text-decoration: underline; }
  .modPlanCard .painLeft,
  .modPlanCard .painRight {
    display: table-cell;
    vertical-align: top; }
  .modPlanCard .painLeft {
    padding-right: 20px; }
  .modPlanCard .painRight {
    position: relative;
    width: 210px;
    padding-bottom: 30px; }
  .modPlanCard .planName {
    font-size: 14px;
    color: #486A1F;
    letter-spacing: 0;
    line-height: 22px;
    font-weight: bold; }
  .modPlanCard .hotelLogoImg,
  .modPlanCard .planText,
  .modPlanCard .planName {
    margin-bottom: 20px; }
  .modPlanCard .planText {
    line-height: 20px; }
  .modPlanCard .planRoom {
    letter-spacing: -.4em;
    font-size: 0; }
    .modPlanCard .planRoom span {
      margin-right: 5px;
      letter-spacing: normal;
      font-size: 13px; }
    .modPlanCard .planRoom i.isRoomType {
      margin-right: 0;
      margin-left: 5px;
      letter-spacing: normal;
      font-size: 13px; }
  .modPlanCard .planRoom,
  .modPlanCard .planPersons {
    margin-bottom: 10px; }
  .modPlanCard .planRoom > span,
  .modPlanCard .planPersons > span,
  .modPlanCard .planMeal > span {
    text-decoration: underline; }
    .modPlanCard .planRoom > span:hover,
    .modPlanCard .planPersons > span:hover,
    .modPlanCard .planMeal > span:hover {
      text-decoration: none; }
  .modPlanCard .planRoom i,
  .modPlanCard .planPersons i,
  .modPlanCard .planMeal i {
    position: relative;
    top: 3px;
    margin-right: 10px; }
  .modPlanCard .planImg {
    width: 100%;
    margin-bottom: 20px; }
  .modPlanCard .planPrice {
    font-size: 24px; }
    .modPlanCard .planPrice span {
      display: block;
      margin-top: 10px;
      font-size: 13px;
      font-weight: lighter;
      color: #999; }
    .modPlanCard .planPrice .detail {
      position: absolute;
      bottom: 0;
      left: 0;
      font-size: 13px;
      color: #486a1f;
      text-decoration: underline; }
  .modPlanCard .planCode {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #999; }

.modPlanSearchBar {
  background: #486A1F;
  min-width: 960px; }
  .modPlanSearchBar button:hover {
    cursor: pointer; }
  .modPlanSearchBar .hide {
    display: none; }
  .modPlanSearchBar .utilInner {
    width: 960px;
    margin: 0 auto;
    padding: 20px 0; }
  .modPlanSearchBar .painLeft,
  .modPlanSearchBar .painRight {
    vertical-align: top; }
  .modPlanSearchBar .painLeft {
    width: 110px; }
    .modPlanSearchBar .painLeft p {
      font-size: 18px;
      line-height: 65px;
      color: #fff; }
  .modPlanSearchBar .painRight form {
    display: table;
    background: #fff;
    width: 100%;
    margin-bottom: 10px;
    height: 100%;
    border-radius: 5px; }
  .modPlanSearchBar .painRight .searchParts {
    position: relative;
    display: table-cell;
    padding: 10px;
    border-right: 1px solid #eee;
    vertical-align: top;
    z-index: 100; }
    .modPlanSearchBar .painRight .searchParts > .innerLabel {
      display: inline-block;
      margin-bottom: 5px;
      color: #999;
      font-size: 12px; }
    .modPlanSearchBar .painRight .searchParts .selectValue {
      color: #999;
      font-size: 12px; }
      .modPlanSearchBar .painRight .searchParts .selectValue span {
        display: inline-block;
        margin-right: 5px;
        font-size: 18px;
        color: #333; }
    .modPlanSearchBar .painRight .searchParts .dropdownBox {
      position: absolute;
      top: 63px;
      left: 0;
      background: #fff;
      display: none;
      min-width: 100%;
      color: #333;
      text-align: center;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); }
      .modPlanSearchBar .painRight .searchParts .dropdownBox .dropdownInner {
        padding: 5px;
        border-bottom: 1px solid #eee; }
        .modPlanSearchBar .painRight .searchParts .dropdownBox .dropdownInner .cell {
          vertical-align: middle; }
        .modPlanSearchBar .painRight .searchParts .dropdownBox .dropdownInner .innerLabel {
          padding-left: 10px;
          text-align: left;
          width: 60%; }
        .modPlanSearchBar .painRight .searchParts .dropdownBox .dropdownInner.is03 {
          position: relative;
          padding-bottom: 40px; }
          .modPlanSearchBar .painRight .searchParts .dropdownBox .dropdownInner.is03 .innerSupple {
            position: absolute;
            bottom: 10px;
            left: 15px;
            width: 100%;
            font-size: 12px;
            text-align: left; }
        .modPlanSearchBar .painRight .searchParts .dropdownBox .dropdownInner.isClose {
          background: #E2E2DE;
          padding: 10px; }
        .modPlanSearchBar .painRight .searchParts .dropdownBox .dropdownInner:hover {
          cursor: default; }
      .modPlanSearchBar .painRight .searchParts .dropdownBox ul.dropdownList {
        list-style: none; }
        .modPlanSearchBar .painRight .searchParts .dropdownBox ul.dropdownList li {
          font-size: 14px;
          padding: 10px 0;
          border-bottom: 1px solid #eee; }
          .modPlanSearchBar .painRight .searchParts .dropdownBox ul.dropdownList li:hover {
            background: #486A1F;
            color: #fff;
            cursor: pointer; }
    .modPlanSearchBar .painRight .searchParts:before {
      position: absolute;
      bottom: 5px;
      right: 5px;
      content: '';
      display: inline-block;
      background: url("../base/images/icon_dropown_box.png") no-repeat;
      background-size: 10px 10px;
      width: 10px;
      height: 10px; }
    .modPlanSearchBar .painRight .searchParts.jsDropdownBoxShow:before {
      background: none; }
    .modPlanSearchBar .painRight .searchParts:hover {
      cursor: pointer;
      background-color: rgba(72, 106, 31, 0.05); }
    .modPlanSearchBar .painRight .searchParts.isSearchDate {
      width: 310px; }
      .modPlanSearchBar .painRight .searchParts.isSearchDate .isCalender {
        position: absolute;
        bottom: 12px;
        right: 12px; }
      .modPlanSearchBar .painRight .searchParts.isSearchDate .selectValue {
        position: absolute;
        top: 0;
        left: 0;
        background: none;
        width: 100%;
        height: 100%;
        z-index: 10; }
        .modPlanSearchBar .painRight .searchParts.isSearchDate .selectValue input {
          display: inline-block;
          background: none;
          width: 100%;
          height: 63px;
          margin-right: 5px;
          padding: 22px 0 0 10px;
          border: none;
          font-size: 18px;
          color: #333; }
    .modPlanSearchBar .painRight .searchParts.isStayDays, .modPlanSearchBar .painRight .searchParts.isAdultNum, .modPlanSearchBar .painRight .searchParts.isChildNum {
      width: 130px; }
    .modPlanSearchBar .painRight .searchParts.isChildNum .dropdownBox {
      /*width: 280px;*/ }
    .modPlanSearchBar .painRight .searchParts.isSubmit {
      height: 100%;
      padding: 0;
      border-right: none; }
      .modPlanSearchBar .painRight .searchParts.isSubmit:before {
        display: none; }
      .modPlanSearchBar .painRight .searchParts.isSubmit button.submit {
        width: 100%;
        height: 63px;
        font-weight: bold;
        border: none;
        border-radius: 0 5px 5px 0;
        background: #fec900;
        background: -moz-linear-gradient(top, #fec900 0%, #f19c02 100%);
        background: -webkit-linear-gradient(top, #fec900 0%, #f19c02 100%);
        background: linear-gradient(to bottom, #fec900 0%, #f19c02 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$top', endColorstr='$bottom',GradientType=0 ); }
        .modPlanSearchBar .painRight .searchParts.isSubmit button.submit i.modIcon.isSearch {
          margin-bottom: -5px;
          margin-right: 5px; }
        .modPlanSearchBar .painRight .searchParts.isSubmit button.submit:hover {
          cursor: pointer;
          opacity: .75; }
        .modPlanSearchBar .painRight .searchParts.isSubmit button.submit:disabled, .modPlanSearchBar .painRight .searchParts.isSubmit button.submit[disabled] {
          color: #909090;
          background: #d3d3d3;
          background: -moz-linear-gradient(top, #d3d3d3 0%, #959595 100%);
          background: -webkit-linear-gradient(top, #d3d3d3 0%, #959595 100%);
          background: linear-gradient(to bottom, #d3d3d3 0%, #959595 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$top', endColorstr='$bottom',GradientType=0 ); }
          .modPlanSearchBar .painRight .searchParts.isSubmit button.submit:disabled:hover, .modPlanSearchBar .painRight .searchParts.isSubmit button.submit[disabled]:hover {
            cursor: default; }
  .modPlanSearchBar .innerLinks a {
    margin-right: 20px;
    color: #fff;
    font-size: 14px; }
    .modPlanSearchBar .innerLinks a i {
      margin-right: 5px; }
    .modPlanSearchBar .innerLinks a:last-child {
      margin-right: 0;
      float: right; }
  .modPlanSearchBar.isBottomFixed {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 100; }
    .modPlanSearchBar.isBottomFixed form {
      margin-bottom: 0; }
    .modPlanSearchBar.isBottomFixed .searchParts.isSearchDate {
      width: 160px; }
      .modPlanSearchBar.isBottomFixed .searchParts.isSearchDate:before {
        display: none; }
      .modPlanSearchBar.isBottomFixed .searchParts.isSearchDate .selectValue.isNotSelected input {
        color: #909090; }
    .modPlanSearchBar.isBottomFixed .searchParts.isStayDays {
      width: 80px; }
    .modPlanSearchBar.isBottomFixed .searchParts.isAdultNum {
      width: 130px; }
    .modPlanSearchBar.isBottomFixed .searchParts.isChildNum {
      width: 80px; }
    .modPlanSearchBar.isBottomFixed .searchParts.isPrice {
      width: 150px; }
    .modPlanSearchBar.isBottomFixed .searchParts.isTotal {
      width: 206px; }
    .modPlanSearchBar.isBottomFixed .searchParts.isPrice, .modPlanSearchBar.isBottomFixed .searchParts.isTotal {
      position: relative;
      background: none; }
      .modPlanSearchBar.isBottomFixed .searchParts.isPrice .selectValue, .modPlanSearchBar.isBottomFixed .searchParts.isTotal .selectValue {
        color: #D50E1C;
        font-size: 18px;
        font-weight: bold; }
        .modPlanSearchBar.isBottomFixed .searchParts.isPrice .selectValue.isNotSelected, .modPlanSearchBar.isBottomFixed .searchParts.isTotal .selectValue.isNotSelected {
          color: #333; }
      .modPlanSearchBar.isBottomFixed .searchParts.isPrice a, .modPlanSearchBar.isBottomFixed .searchParts.isTotal a {
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 12px;
        color: #486A1F;
        text-decoration: underline; }
      .modPlanSearchBar.isBottomFixed .searchParts.isPrice:hover, .modPlanSearchBar.isBottomFixed .searchParts.isTotal:hover {
        cursor: default; }
      .modPlanSearchBar.isBottomFixed .searchParts.isPrice:before, .modPlanSearchBar.isBottomFixed .searchParts.isTotal:before {
        display: none; }

.dropdown {
  background: #fff;
  width: 100%;
  padding: 12.5px;
  line-height: 20px;
  border: 1px solid #ddd;
  border-radius: 3px !important;
  text-align: left; }
  .dropdown .carat {
    border: 5px solid transparent !important;
    border-top: 7px solid #909090 !important;
    opacity: .5 !important; }
  .dropdown .selected, .dropdown li {
    color: #333 !important; }
  .dropdown ul li {
    padding: 12.5px; }
    .dropdown ul li.active {
      background: #fff !important; }
    .dropdown ul li:hover {
      background: #486A1F !important;
      color: #fff !important; }
  .dropdown:hover {
    border: 1px solid #486A1F; }
  .dropdown.open .carat {
    opacity: 1 !important; }
  .dropdown.open:hover {
    border: 1px solid #ddd; }

.selectbox {
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  display: inline-block;
  position: relative;
  min-width: 75px;
  line-height: 1em; }
  .selectbox:before {
    position: absolute;
    background: #fff;
    content: "";
    width: 25px;
    height: 30px;
    top: 3px;
    right: 3px;
    border-radius: 3px; }
  .selectbox:after {
    background: url("../base/images/icon_pullDown_selected.png") no-repeat;
    background-size: 9px 7px;
    content: "";
    height: 7px;
    margin-top: -4px;
    position: absolute;
    right: 10px;
    top: 50%;
    width: 9px; }
  .selectbox select {
    background-color: transparent;
    border-width: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    padding: 10px 4px 10px 14px; }

#modSideRefineSearch {
  width: 100%;
  margin-bottom: 50px; }
  #modSideRefineSearch ul {
    list-style: none; }
  #modSideRefineSearch #targetCount {
    margin-bottom: 70px;
    font-size: 14px; }
    #modSideRefineSearch #targetCount .count {
      display: inline-block;
      margin: 0 10px;
      font-size: 22px;
      font-weight: bold;
      color: #486A1F; }
  #modSideRefineSearch h3 {
    margin-bottom: 20px;
    font-size: 14px;
    color: #486A1F; }
    #modSideRefineSearch h3 i.modIcon {
      margin-bottom: -4px;
      margin-right: 10px; }
  #modSideRefineSearch .spHeader {
    display: none; }
  #modSideRefineSearch .formGroup h4 {
    margin: 10px 0;
    padding: 0 10px;
    line-height: 40px;
    font-size: 14px;
    font-weight: bold;
    color: #486A1F;
    border-bottom: 1px solid #ddd; }
    #modSideRefineSearch .formGroup h4 i.modIcon {
      margin-top: -4px;
      margin-right: 10px; }
  #modSideRefineSearch .formGroup > ul li {
    line-height: 26px; }
    #modSideRefineSearch .formGroup > ul li label {
      display: block;
      padding: 0 10px; }
      #modSideRefineSearch .formGroup > ul li label:hover {
        cursor: pointer;
        background: #E6EEDC;
        box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); }
    #modSideRefineSearch .formGroup > ul li input {
      width: 14px;
      height: 14px;
      margin-right: 10px; }
  #modSideRefineSearch .formGroup .rangeGroup .rangeFromTo {
    width: 10%;
    text-align: center; }
  #modSideRefineSearch .formGroup .rangeGroup .range {
    width: 45%; }
  #modSideRefineSearch .formGroup.buttons {
    margin-top: 20px; }
    #modSideRefineSearch .formGroup.buttons button {
      cursor: pointer;
      padding: 11px;
      border-radius: 0;
      font-size: 13px;
      letter-spacing: 0;
      line-height: 20px;
      font-weight: bold; }
      #modSideRefineSearch .formGroup.buttons button[type="submit"] {
        margin-bottom: 10px; }
      #modSideRefineSearch .formGroup.buttons button:disabled {
        background: #C9C9C6; }
  #modSideRefineSearch .jsAccordionTrigger:hover {
    cursor: pointer; }
  #modSideRefineSearch .jsAccordionTrigger.hide i.isListArrow {
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg); }
  #modSideRefineSearch .jsAccordionTarget.hide {
    display: none; }

#TtlArea02 #TtlArea-in02 {
  height: 68px; }

#pagef000 #Container02 {
  padding: 0;
  width: 100%; }
  #pagef000 #Container02 .MemberF input {
    box-sizing: content-box; }

#pagef000 #LeftContents {
  margin: 0; }

#pagef000 #fNumber dd {
  height: 40px; }

#pagef001 {
  min-width: 960px;
  overflow: hidden; }
  #pagef001 .fixedNavi .top {
    border-bottom: 0;
    border-radius: 4px 0 0 4px; }
  #pagef001 #bestRateContainer {
    min-width: 960px;
    padding: 40px 0 0;
    box-sizing: border-box;
    background: url("../base/images/img_monolith.jpg") no-repeat;
    background-size: cover; }
    @media screen and (max-width: 1300px) {
      #pagef001 #bestRateContainer {
        background-size: 1300px;
        background-position: top center; } }
    #pagef001 #bestRateContainer > h3 {
      text-align: center;
      margin-bottom: 40px; }
    #pagef001 #bestRateContainer .bestRate {
      width: 960px;
      margin: 0 auto; }
      #pagef001 #bestRateContainer .bestRate:before, #pagef001 #bestRateContainer .bestRate:after {
        content: "";
        display: block;
        height: 0; }
      #pagef001 #bestRateContainer .bestRate:after {
        clear: both; }
    #pagef001 #bestRateContainer .bestRateInner > h4 {
      position: relative;
      margin-bottom: 40px;
      text-align: center;
      color: #005b69; }
      #pagef001 #bestRateContainer .bestRateInner > h4 span {
        display: block; }
        #pagef001 #bestRateContainer .bestRateInner > h4 span:first-child {
          margin-bottom: 20px;
          font-size: 14px; }
        #pagef001 #bestRateContainer .bestRateInner > h4 span:nth-child(2) {
          font-size: 18px;
          font-weight: bold; }
      #pagef001 #bestRateContainer .bestRateInner > h4:after {
        position: absolute;
        top: 27px;
        left: 50%;
        display: block;
        content: "";
        border-bottom: 1px solid #5d6f72;
        width: 20px;
        margin-left: -10px;
        opacity: .3; }
    #pagef001 #bestRateContainer .bestRateInner ul.privilegeList {
      width: 100%;
      list-style: none;
      letter-spacing: -.4em;
      font-size: 0; }
      #pagef001 #bestRateContainer .bestRateInner ul.privilegeList li {
        position: relative;
        display: inline-block;
        width: 330px;
        margin-top: 20px;
        letter-spacing: normal;
        font-size: 13px; }
        #pagef001 #bestRateContainer .bestRateInner ul.privilegeList li:first-child, #pagef001 #bestRateContainer .bestRateInner ul.privilegeList li:nth-child(2) {
          margin-top: 0; }
        #pagef001 #bestRateContainer .bestRateInner ul.privilegeList li a {
          text-decoration: none; }
          #pagef001 #bestRateContainer .bestRateInner ul.privilegeList li a:before, #pagef001 #bestRateContainer .bestRateInner ul.privilegeList li a:after {
            content: "";
            display: block;
            height: 0; }
          #pagef001 #bestRateContainer .bestRateInner ul.privilegeList li a:after {
            clear: both; }
          #pagef001 #bestRateContainer .bestRateInner ul.privilegeList li a .overlay {
            position: absolute;
            top: 3px;
            left: 3px;
            background: #e8240c;
            width: 64px;
            height: 64px;
            border-radius: 50%;
            color: #fff;
            text-align: center;
            line-height: 22px;
            padding: 8px;
            opacity: 0;
            transition: opacity .3s; }
          #pagef001 #bestRateContainer .bestRateInner ul.privilegeList li a:hover .overlay {
            transition: opacity .3s;
            opacity: .9; }
        #pagef001 #bestRateContainer .bestRateInner ul.privilegeList li img {
          width: 70px;
          height: 70px;
          float: left; }
        #pagef001 #bestRateContainer .bestRateInner ul.privilegeList li span {
          display: block;
          margin: 4px 0 4px 85px; }
          #pagef001 #bestRateContainer .bestRateInner ul.privilegeList li span.privilege {
            color: #d50e1c;
            font-size: 18px;
            font-weight: bold; }
    #pagef001 #bestRateContainer .bestRateInner.painLeft {
      width: 230px;
      float: left; }
      #pagef001 #bestRateContainer .bestRateInner.painLeft img {
        margin-bottom: 40px; }
      #pagef001 #bestRateContainer .bestRateInner.painLeft p {
        font-size: 14px;
        color: #333333;
        letter-spacing: 0;
        line-height: 22px; }
    #pagef001 #bestRateContainer .bestRateInner.painRight {
      width: 660px;
      float: right; }
  #pagef001 #container {
    background-color: #FCFCF9;
    padding-bottom: 60px; }
    #pagef001 #container .contentInner {
      width: 960px;
      margin: 0 auto;
      padding: 40px 0 0; }
      #pagef001 #container .contentInner > .painLeft {
        width: 640px;
        float: left; }
        #pagef001 #container .contentInner > .painLeft > h2 {
          margin-top: 18px;
          margin-bottom: 20px;
          font-size: 14px;
          font-weight: bold;
          color: #486a1f;
          text-align: center; }
        #pagef001 #container .contentInner > .painLeft .hotelLinks {
          display: table;
          width: 100%;
          margin-bottom: 60px;
          border-right: 1px solid #ddd; }
          #pagef001 #container .contentInner > .painLeft .hotelLinks a {
            display: table-cell;
            border: 1px solid #ddd;
            border-right: 0;
            padding: 10px;
            text-align: center; }
            #pagef001 #container .contentInner > .painLeft .hotelLinks a img:hover {
              opacity: .5; }
        #pagef001 #container .contentInner > .painLeft .planGroup {
          margin-bottom: 60px; }
          #pagef001 #container .contentInner > .painLeft .planGroup .modHeading {
            margin-bottom: 20px; }
            #pagef001 #container .contentInner > .painLeft .planGroup .modHeading:last-child {
              margin-bottom: 0; }
      #pagef001 #container .contentInner > .painRight {
        float: right;
        width: 280px; }
        #pagef001 #container .contentInner > .painRight > h2 {
          font-size: 16px;
          font-weight: bold;
          text-align: center; }
        #pagef001 #container .contentInner > .painRight .modHeading {
          text-align: center; }
        #pagef001 #container .contentInner > .painRight .hotelList {
          margin-bottom: 15px; }
          #pagef001 #container .contentInner > .painRight .hotelList li {
            padding: 15px 0;
            border-bottom: 1px solid #ddd; }
            #pagef001 #container .contentInner > .painRight .hotelList li .hotelImg,
            #pagef001 #container .contentInner > .painRight .hotelList li .hotelDetail {
              vertical-align: top; }
            #pagef001 #container .contentInner > .painRight .hotelList li .hotelImg {
              width: 130px; }
            #pagef001 #container .contentInner > .painRight .hotelList li .hotelDetail {
              width: 150px;
              padding-left: 14px; }
              #pagef001 #container .contentInner > .painRight .hotelList li .hotelDetail .hotelLogo {
                margin-bottom: 5px; }
              #pagef001 #container .contentInner > .painRight .hotelList li .hotelDetail .hotelName {
                display: inline-block;
                margin-bottom: 10px;
                font-size: 11px;
                color: #999;
                text-decoration: underline; }
                #pagef001 #container .contentInner > .painRight .hotelList li .hotelDetail .hotelName:hover {
                  text-decoration: none; }
              #pagef001 #container .contentInner > .painRight .hotelList li .hotelDetail .hotelText {
                margin-bottom: 15px;
                font-size: 12px;
                line-height: 18px; }
              #pagef001 #container .contentInner > .painRight .hotelList li .hotelDetail a.btn {
                position: relative; }
                #pagef001 #container .contentInner > .painRight .hotelList li .hotelDetail a.btn i {
                  position: absolute;
                  top: 10px;
                  right: 8px; }
        #pagef001 #container .contentInner > .painRight #golfPack {
          background: #e7f1dd; }
          #pagef001 #container .contentInner > .painRight #golfPack .golfPackImg {
            width: 100%; }
          #pagef001 #container .contentInner > .painRight #golfPack .golfPackContainer {
            padding: 20px; }
            #pagef001 #container .contentInner > .painRight #golfPack .golfPackContainer p {
              margin-bottom: 20px;
              font-size: 14px;
              line-height: 22px;
              color: #486a1f; }
            #pagef001 #container .contentInner > .painRight #golfPack .golfPackContainer .golfPackList li {
              width: 100%;
              margin-bottom: 10px;
              list-style: none; }
              #pagef001 #container .contentInner > .painRight #golfPack .golfPackContainer .golfPackList li:nth-child(4) {
                margin-bottom: 0; }
      #pagef001 #container .contentInner > #InfoArea {
        width: 100%; }
  #pagef001 #FootInfoArea {
    border-top: 1px solid #ccc; }

#pagef002 .title, #pagef008 .title {
  background: url(../base/images/ttl_bg.gif) repeat-x top;
  color: #333;
  display: table;
  height: 69px;
  padding-top: 18px;
  position: relative;
  width: 100%; }

#pagef002 .container > #InfoArea, #pagef008 .container > #InfoArea {
  width: 100%; }

#pagef002 #guide, #pagef008 #guide {
  float: right;
  padding-top: 10px; }
  #pagef002 #guide .description, #pagef008 #guide .description {
    font-weight: bold; }

#pagef002 .main-content, #pagef008 .main-content {
  padding-bottom: 60px; }

#pagef002 .plans, #pagef008 .plans {
  border-collapse: collapse;
  margin-top: 40px;
  width: 100%; }
  #pagef002 .plans th, #pagef008 .plans th {
    background-color: #FAFAFA;
    font-weight: bold; }
  #pagef002 .plans th, #pagef002 .plans td, #pagef008 .plans th, #pagef008 .plans td {
    border: 0px solid #E2E2DE; }
  #pagef002 .plans tbody td, #pagef008 .plans tbody td {
    background-color: #FFFFFF; }
  #pagef002 .plans .plan-title, #pagef008 .plans .plan-title {
    border-width: 1px;
    width: 492px; }
  #pagef002 .plans .month, #pagef008 .plans .month {
    border-top-width: 1px;
    border-bottom-width: 0;
    font-weight: bold;
    padding: 7px 0;
    text-align: center; }
    #pagef002 .plans .month:last-child, #pagef008 .plans .month:last-child {
      border-right: 1px solid #E2E2DE; }
  #pagef002 .plans .plan-period, #pagef008 .plans .plan-period {
    border: 1px solid #E2E2DE;
    border-width: 0 1px 1px 0px;
    font-weight: bold; }
    #pagef002 .plans .plan-period .prev, #pagef002 .plans .plan-period .next, #pagef008 .plans .plan-period .prev, #pagef008 .plans .plan-period .next {
      height: 34px;
      width: 34px; }
      #pagef002 .plans .plan-period .prev > a, #pagef002 .plans .plan-period .next > a, #pagef008 .plans .plan-period .prev > a, #pagef008 .plans .plan-period .next > a {
        border-radius: 50%;
        display: inline-block;
        height: 24px;
        width: 24px;
        margin: 5px; }
    #pagef002 .plans .plan-period .prev, #pagef008 .plans .plan-period .prev {
      float: left; }
      #pagef002 .plans .plan-period .prev > a, #pagef008 .plans .plan-period .prev > a {
        background: url("../base/images/icon_arrowL_white.png") no-repeat;
        background-size: 6px 10px;
        background-position: center center;
        background-color: #486A1F; }
    #pagef002 .plans .plan-period .next, #pagef008 .plans .plan-period .next {
      float: right; }
      #pagef002 .plans .plan-period .next > a, #pagef008 .plans .plan-period .next > a {
        background: url("../base/images/icon_arrowR_white.png") no-repeat;
        background-size: 6px 10px;
        background-position: center center;
        background-color: #486A1F; }
    #pagef002 .plans .plan-period .calendar, #pagef008 .plans .plan-period .calendar {
      height: 34px;
      text-align: center; }
      #pagef002 .plans .plan-period .calendar input#datepicker, #pagef008 .plans .plan-period .calendar input#datepicker {
        height: 24px;
        border: none;
        margin-top: 5px;
        text-indent: -9999px;
        background-repeat: no-repeat; }
  #pagef002 .plans .date, #pagef008 .plans .date {
    border: 0px solid #E2E2DE;
    border-width: 0 1px 1px 0;
    display: table-cell;
    letter-spacing: 0;
    line-height: 20px;
    padding: 7px 0;
    text-align: center;
    width: 33px; }
    #pagef002 .plans .date.more a,
    #pagef002 .plans .date.less a, #pagef008 .plans .date.more a,
    #pagef008 .plans .date.less a {
      font-size: 14px;
      font-weight: bold;
      letter-spacing: 0;
      line-height: 22px; }
    #pagef002 .plans .date.less a, #pagef008 .plans .date.less a {
      color: #D50E1C; }
    #pagef002 .plans .date.more a, #pagef008 .plans .date.more a {
      color: #4990E2; }
  #pagef002 .plans .sat, #pagef008 .plans .sat {
    background-color: #ECF5FF;
    color: #0065FF; }
  #pagef002 .plans .sun, #pagef008 .plans .sun {
    background-color: #FFEDED;
    color: #D50E1C; }
  #pagef002 .plans .plan-about, #pagef008 .plans .plan-about {
    width: 380px;
    border-width: 0 0 1px 1px; }
    #pagef002 .plans .plan-about a, #pagef002 .plans .plan-about label, #pagef008 .plans .plan-about a, #pagef008 .plans .plan-about label {
      font-size: 13px; }
    #pagef002 .plans .plan-about > div, #pagef008 .plans .plan-about > div {
      margin: 0 20px;
      padding-left: 30px;
      padding-top: 10px; }
    #pagef002 .plans .plan-about .plan-name, #pagef008 .plans .plan-about .plan-name {
      margin-top: 20px;
      padding-left: 0; }
      #pagef002 .plans .plan-about .plan-name a, #pagef008 .plans .plan-about .plan-name a {
        color: #486A1F;
        font-size: 14px;
        font-weight: bold; }
    #pagef002 .plans .plan-about .room-name, #pagef008 .plans .plan-about .room-name {
      background: url("../base/images/icon_roomType.png") no-repeat;
      background-size: 18px 18px;
      background-position: left bottom; }
      #pagef002 .plans .plan-about .room-name a, #pagef008 .plans .plan-about .room-name a {
        margin-right: 10px; }
      #pagef002 .plans .plan-about .room-name img, #pagef008 .plans .plan-about .room-name img {
        height: 20px;
        width: 34px; }
    #pagef002 .plans .plan-about .avail-persons, #pagef008 .plans .plan-about .avail-persons {
      background: url("../base/images/icon_guests.png") no-repeat;
      background-size: 20px 20px;
      background-position: left bottom; }
    #pagef002 .plans .plan-about .meal-name, #pagef008 .plans .plan-about .meal-name {
      background: url("../base/images/icon_food.png") no-repeat;
      background-size: 20px 20px;
      background-position: left bottom;
      margin-bottom: 20px; }
  #pagef002 .plans .plan-price, #pagef008 .plans .plan-price {
    width: 112px;
    border-width: 0 1px 1px 0;
    vertical-align: top; }
    #pagef002 .plans .plan-price .per-label, #pagef008 .plans .plan-price .per-label {
      font-size: 12px;
      letter-spacing: 0;
      line-height: 18px;
      margin-top: 20px;
      opacity: 0.5; }
    #pagef002 .plans .plan-price .price-label, #pagef008 .plans .plan-price .price-label {
      color: #333333;
      font-size: 18px;
      font-weight: bold;
      letter-spacing: 0;
      line-height: 26px; }

#pagef002 #FootInfoArea, #pagef008 #FootInfoArea {
  border-top: 1px solid #ccc; }

#pagef003 .alert-box .msg-box strong {
  font-size: 16px;
  color: #333;
  letter-spacing: 0;
  line-height: 24px; }

#pagef003 .alert-box .msg-box .lbl {
  color: #333;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 22px;
  margin: 10px 0 30px 0; }

#pagef003 .alert-box .msg-box button {
  display: block;
  margin: 0 auto;
  padding: 9px 0;
  width: 175px;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 22px; }

#pagef003 .lySortNav {
  display: none; }

#pagef003 .container > #InfoArea {
  width: 100%;
  margin-top: 0; }

#pagef003 .modPlanSearchBar .painRight form {
  margin-bottom: 0px; }

#pagef003 #searchResult .searchSort {
  display: flex; }
  #pagef003 #searchResult .searchSort a {
    border: 0px solid #E2E2DE;
    border-bottom-width: 2px;
    color: #333;
    display: inline-block;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 22px;
    padding: 13px 20px;
    text-decoration: none;
    flex-grow: 0; }
    #pagef003 #searchResult .searchSort a.title {
      background: url("../base/images/icon_sort.png") no-repeat;
      background-size: 14px 20px;
      background-position: left center;
      color: #486A1F;
      flex-grow: 2;
      padding: 13px 0;
      text-indent: 25px; }
    #pagef003 #searchResult .searchSort a:hover {
      border-color: #486A1F; }
    #pagef003 #searchResult .searchSort a.active {
      border-color: #D50E1C;
      font-weight: bold; }

#pagef003 #searchResult .hotelLinks {
  display: flex; }
  #pagef003 #searchResult .hotelLinks a {
    border: 0px solid #E2E2DE;
    border-bottom-width: 2px;
    color: #333;
    display: inline-block;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 22px;
    padding: 13px 10px;
    text-decoration: none;
    flex-grow: 0; }
    #pagef003 #searchResult .hotelLinks a.title {
      color: #486A1F;
      flex-grow: 2;
      padding: 13px 0; }

#pagef003 .plans {
  margin-top: 60px; }
  #pagef003 .plans .planGroup {
    margin-bottom: 60px; }
    #pagef003 .plans .planGroup .modHeading {
      margin-bottom: 20px; }

#pagef003 footer {
  background: #fff; }

#pagef003 .priceDetailModal {
  display: none; }
  #pagef003 .priceDetailModal #priceFrame {
    border: none;
    display: block;
    height: 100%;
    width: 100%; }
  #pagef003 .priceDetailModal .modal-backdrop {
    background-color: #000;
    height: 100%;
    left: 0;
    opacity: 0.3;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000; }
  #pagef003 .priceDetailModal .modal {
    background-color: #fefefe;
    height: 100%;
    left: 50%;
    margin-left: -277px;
    position: fixed;
    top: 30px;
    width: 554px;
    z-index: 1010; }
    #pagef003 .priceDetailModal .modal .close-modal {
      background: url("../base/images/btn_close.png") no-repeat;
      background-size: 46px 46px;
      background-position: center center;
      color: transparent;
      content: "";
      cursor: pointer;
      height: 46px;
      position: absolute;
      right: -23px;
      top: -23px;
      width: 46px;
      z-index: 1020; }
    #pagef003 .priceDetailModal .modal .modal-content {
      height: 100%;
      font-size: 14px;
      letter-spacing: 0;
      line-height: 22px;
      position: relative; }

#pagef004 {
  min-width: 960px;
  padding-bottom: 160px; }
  #pagef004 .modPlanSearchBar .painRight .searchParts.isSubmit {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px; }
  #pagef004 #overrideContainer {
    width: 960px;
    margin: 40px auto 0; }
    #pagef004 #overrideContainer .detailHeader {
      position: relative; }
      #pagef004 #overrideContainer .detailHeader .planCode {
        position: absolute;
        bottom: 0;
        right: 0; }
    #pagef004 #overrideContainer .detailArea {
      display: table;
      margin-top: 40px;
      width: 100%; }
      #pagef004 #overrideContainer .detailArea * {
        line-height: 22px; }
      #pagef004 #overrideContainer .detailArea > .painLeft,
      #pagef004 #overrideContainer .detailArea > .painRight {
        display: table-cell;
        vertical-align: top; }
      #pagef004 #overrideContainer .detailArea > .painLeft {
        width: 600px;
        float: left; }
      #pagef004 #overrideContainer .detailArea > .painRight {
        width: 300px;
        float: right; }
        #pagef004 #overrideContainer .detailArea > .painRight .planLinks {
          margin-top: 10px; }
          #pagef004 #overrideContainer .detailArea > .painRight .planLinks a {
            position: relative;
            display: inline-block;
            margin-top: 10px;
            font-size: 14px;
            letter-spacing: 0;
            line-height: 22px; }
            #pagef004 #overrideContainer .detailArea > .painRight .planLinks a i.modIcon {
              position: absolute;
              top: 14px;
              right: 10px; }
        #pagef004 #overrideContainer .detailArea > .painRight .modHeading {
          margin: 20px 0;
          padding: 17px 0; }
          #pagef004 #overrideContainer .detailArea > .painRight .modHeading h3 {
            text-align: center;
            font-size: 16px; }
      #pagef004 #overrideContainer .detailArea p {
        font-size: 14px; }
    #pagef004 #overrideContainer .modHeading {
      margin-top: 20px;
      margin-bottom: 20px; }
    #pagef004 #overrideContainer .dataArea {
      margin-top: 60px;
      border-top: 2px solid #486A1F;
      border-bottom: 2px solid #486A1F; }
      #pagef004 #overrideContainer .dataArea table {
        width: 100%; }
        #pagef004 #overrideContainer .dataArea table th {
          width: 150px;
          font-weight: bold;
          color: #486A1F;
          text-align: left; }
          #pagef004 #overrideContainer .dataArea table th > i.modIcon {
            position: relative;
            margin-right: 10px;
            top: 3px; }
        #pagef004 #overrideContainer .dataArea table th, #pagef004 #overrideContainer .dataArea table td {
          font-size: 14px;
          padding: 10px 0;
          border-bottom: 1px solid #ddd;
          vertical-align: top; }
          #pagef004 #overrideContainer .dataArea table th .isSpNewLine, #pagef004 #overrideContainer .dataArea table td .isSpNewLine {
            display: inline-block;
            margin-left: 5px;
            letter-spacing: -.4em;
            font-size: 0; }
            #pagef004 #overrideContainer .dataArea table th .isSpNewLine i.modIcon.isRoomType, #pagef004 #overrideContainer .dataArea table td .isSpNewLine i.modIcon.isRoomType {
              margin-left: 5px;
              letter-spacing: normal;
              font-size: 13px; }
      #pagef004 #overrideContainer .dataArea a.textLink {
        font-size: 12px;
        color: #486A1F;
        text-decoration: underline;
        float: right; }
    #pagef004 #overrideContainer .detailText a.textLink {
      font-size: 13px;
      color: #486A1F;
      text-decoration: underline;
      float: right;
      margin-top: 10px;
      letter-spacing: 0;
      line-height: 20px; }
    #pagef004 #overrideContainer .detailText table.cancelTbl {
      width: 100%;
      margin: 30px 0; }
      #pagef004 #overrideContainer .detailText table.cancelTbl th, #pagef004 #overrideContainer .detailText table.cancelTbl td {
        width: 80px;
        border-right: 1px solid #ddd;
        text-align: center;
        padding: 5px; }
        #pagef004 #overrideContainer .detailText table.cancelTbl th:first-child, #pagef004 #overrideContainer .detailText table.cancelTbl td:first-child {
          width: 120px; }
        #pagef004 #overrideContainer .detailText table.cancelTbl th:nth-child(7), #pagef004 #overrideContainer .detailText table.cancelTbl td:nth-child(7) {
          border-right: none; }
      #pagef004 #overrideContainer .detailText table.cancelTbl th {
        color: #486A1F;
        border-bottom: 1px solid #486A1F; }
      #pagef004 #overrideContainer .detailText table.cancelTbl td {
        border-top: 1px solid #ddd; }
    #pagef004 #overrideContainer .reserveCalender {
      border: 1px solid #ddd; }
      #pagef004 #overrideContainer .reserveCalender .reserveCalenderInner {
        padding: 10px;
        border: 3px solid #fff; }
      #pagef004 #overrideContainer .reserveCalender.scrolled {
        border: 1px solid rgba(255, 232, 0, 0.3); }
        #pagef004 #overrideContainer .reserveCalender.scrolled .reserveCalenderInner {
          border: 3px solid rgba(255, 232, 0, 0.3); }
      #pagef004 #overrideContainer .reserveCalender .tableCaption {
        font-size: 16px;
        font-weight: bold;
        line-height: 24px;
        text-align: center; }
      #pagef004 #overrideContainer .reserveCalender .tableOperation {
        text-align: center;
        margin: 10px 0; }
        #pagef004 #overrideContainer .reserveCalender .tableOperation #datepicker {
          border: none;
          text-indent: -9999px;
          height: 24px; }
          #pagef004 #overrideContainer .reserveCalender .tableOperation #datepicker.modIcon.isCalender {
            background-repeat: no-repeat; }
          #pagef004 #overrideContainer .reserveCalender .tableOperation #datepicker:hover {
            cursor: pointer; }
        #pagef004 #overrideContainer .reserveCalender .tableOperation a.pagerLeft,
        #pagef004 #overrideContainer .reserveCalender .tableOperation a.pagerRight {
          display: inline-block;
          width: 24px;
          height: 24px; }
        #pagef004 #overrideContainer .reserveCalender .tableOperation a.pagerLeft {
          background-image: url("../base/images/btn_showPrev.png");
          background-size: 24px 24px;
          float: left; }
        #pagef004 #overrideContainer .reserveCalender .tableOperation a.pagerRight {
          background-image: url("../base/images/btn_showNext.png");
          background-size: 24px 24px;
          float: right; }
      #pagef004 #overrideContainer .reserveCalender .detailCal {
        width: 100%;
        margin: 0 0 10px; 
        table-layout: fixed; }
        #pagef004 #overrideContainer .reserveCalender .detailCal td {
          background: #F3F3F3;
          height: 64px;
          border-radius: 3px; }
        #pagef004 #overrideContainer .reserveCalender .detailCal th, #pagef004 #overrideContainer .reserveCalender .detailCal td {
          font-weight: bold;
          vertical-align: top; }
          #pagef004 #overrideContainer .reserveCalender .detailCal th a, #pagef004 #overrideContainer .reserveCalender .detailCal td a {
            display: block;
            width: 100%;
            height: 100%;
            text-decoration: none;
            padding: 0 5px;
            background: #F3F3F3;
            border: 2px solid #F3F3F3;
            border-radius: 3px; }
            #pagef004 #overrideContainer .reserveCalender .detailCal th a span.price, #pagef004 #overrideContainer .reserveCalender .detailCal td a span.price {
              display: block;
              color: #333;
              font-weight: lighter;
              text-decoration: underline;
              text-align: center; }
            #pagef004 #overrideContainer .reserveCalender .detailCal th a:hover, #pagef004 #overrideContainer .reserveCalender .detailCal td a:hover {
              background: #E7F1DD;
              border: 2px solid #E7F1DD;
              cursor: pointer; }
          #pagef004 #overrideContainer .reserveCalender .detailCal th i.status:before, #pagef004 #overrideContainer .reserveCalender .detailCal td i.status:before {
            display: inline-block;
            width: 12px;
            height: 12px;
            font-style: normal;
            float: right; }
          #pagef004 #overrideContainer .reserveCalender .detailCal th.disabled a:hover, #pagef004 #overrideContainer .reserveCalender .detailCal td.disabled a:hover {
            background: #F3F3F3;
            border: 2px solid #F3F3F3;
            cursor: default; }
          #pagef004 #overrideContainer .reserveCalender .detailCal th.today a, #pagef004 #overrideContainer .reserveCalender .detailCal td.today a {
            background: #FFF690; }
            #pagef004 #overrideContainer .reserveCalender .detailCal th.today a, #pagef004 #overrideContainer .reserveCalender .detailCal th.today a:hover, #pagef004 #overrideContainer .reserveCalender .detailCal td.today a, #pagef004 #overrideContainer .reserveCalender .detailCal td.today a:hover {
              background: #FFF690;
              border: 2px solid #FFF690;
              cursor: default; }
          #pagef004 #overrideContainer .reserveCalender .detailCal th.nothing i.status:before, #pagef004 #overrideContainer .reserveCalender .detailCal td.nothing i.status:before {
            content: "×";
            color: #333; }
          #pagef004 #overrideContainer .reserveCalender .detailCal th.nothing span.price, #pagef004 #overrideContainer .reserveCalender .detailCal td.nothing span.price {
            color: #909090;
            text-decoration: none; }
          #pagef004 #overrideContainer .reserveCalender .detailCal th.nothing span.otherPlan, #pagef004 #overrideContainer .reserveCalender .detailCal td.nothing span.otherPlan {
            display: block;
            font-size: 12px;
            font-weight: lighter;
            color: #486A1F;
            text-decoration: underline; }
          #pagef004 #overrideContainer .reserveCalender .detailCal th.empty2 i.status:before, #pagef004 #overrideContainer .reserveCalender .detailCal td.empty2 i.status:before {
            content: "◯";
            color: #0065FF; }
          #pagef004 #overrideContainer .reserveCalender .detailCal th.little i.status:before, #pagef004 #overrideContainer .reserveCalender .detailCal td.little i.status:before {
            content: "△";
            color: #D50E1C; }
          #pagef004 #overrideContainer .reserveCalender .detailCal th.isSelected a, #pagef004 #overrideContainer .reserveCalender .detailCal td.isSelected a {
            background: #FFEDED !important;
            border: 2px solid #D50E1C;
            cursor: pointer; }
          #pagef004 #overrideContainer .reserveCalender .detailCal th:first-child, #pagef004 #overrideContainer .reserveCalender .detailCal td:first-child {
            color: #D50E1C; }
            #pagef004 #overrideContainer .reserveCalender .detailCal th:first-child a, #pagef004 #overrideContainer .reserveCalender .detailCal td:first-child a {
              color: #D50E1C; }
          #pagef004 #overrideContainer .reserveCalender .detailCal th:nth-child(7), #pagef004 #overrideContainer .reserveCalender .detailCal td:nth-child(7) {
            color: #0065FF; }
            #pagef004 #overrideContainer .reserveCalender .detailCal th:nth-child(7) a, #pagef004 #overrideContainer .reserveCalender .detailCal td:nth-child(7) a {
              color: #0065FF; }
  #pagef004 #reSearchModal {
    display: none; }
    #pagef004 #reSearchModal .modal-backdrop {
      background-color: #000;
      height: 100%;
      left: 0;
      opacity: 0.3;
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 1000; }
    #pagef004 #reSearchModal .modal {
      background-color: #fefefe;
      left: 50%;
      margin-left: -360px;
      position: fixed;
      top: 50px;
      width: 720px;
      z-index: 1010;
      box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25); }
      #pagef004 #reSearchModal .modal .close-modal {
        background: url("../base/images/btn_close.png") no-repeat;
        background-size: 46px 46px;
        background-position: center center;
        color: transparent;
        content: "";
        cursor: pointer;
        height: 46px;
        position: absolute;
        right: -23px;
        top: -23px;
        width: 46px; }
      #pagef004 #reSearchModal .modal .modal-content {
        margin: 40px;
        font-size: 14px;
        letter-spacing: 0;
        line-height: 22px; }
        #pagef004 #reSearchModal .modal .modal-content .title {
          border-bottom: 4px solid #A9D935;
          padding-left: 30px;
          padding-bottom: 24px;
          position: relative; }
          #pagef004 #reSearchModal .modal .modal-content .title:before {
            background: url("../base/images/icon_search_green.png") no-repeat;
            background-size: 20px 20px;
            background-position: center center;
            content: "";
            height: 20px;
            position: absolute;
            left: 0;
            top: 10px;
            width: 20px; }
        #pagef004 #reSearchModal .modal .modal-content .select {
          display: inline-block; }
          #pagef004 #reSearchModal .modal .modal-content .select.year {
            width: 80px; }
          #pagef004 #reSearchModal .modal .modal-content .select.month, #pagef004 #reSearchModal .modal .modal-content .select.date, #pagef004 #reSearchModal .modal .modal-content .select.days, #pagef004 #reSearchModal .modal .modal-content .select.person {
            width: 66px; }
        #pagef004 #reSearchModal .modal .modal-content .form-row {
          border-bottom: 1px solid rgba(0, 0, 0, 0.1);
          padding: 10px 0; }
          #pagef004 #reSearchModal .modal .modal-content .form-row:before, #pagef004 #reSearchModal .modal .modal-content .form-row:after {
            content: "";
            display: block;
            height: 0; }
          #pagef004 #reSearchModal .modal .modal-content .form-row:after {
            clear: both; }
        #pagef004 #reSearchModal .modal .modal-content .left-cell {
          display: table-cell;
          vertical-align: middle;
          width: 220px;
          float: left; }
        #pagef004 #reSearchModal .modal .modal-content .right-cell {
          display: table-cell;
          vertical-align: middle;
          width: 420px;
          float: left; }
        #pagef004 #reSearchModal .modal .modal-content .form-label {
          margin: 0 10px; }
        #pagef004 #reSearchModal .modal .modal-content .form-header-label {
          color: #486A1F;
          display: block;
          font-weight: bold;
          padding-top: 10px; }
        #pagef004 #reSearchModal .modal .modal-content .persons > div {
          float: left;
          margin-bottom: 10px;
          width: 50%; }
          #pagef004 #reSearchModal .modal .modal-content .persons > div .person-type {
            float: left;
            margin: 0;
            padding: 10px 0;
            width: 100%; }
        #pagef004 #reSearchModal .modal .modal-content .isPrimary {
          color: #FFF;
          cursor: pointer;
          display: block;
          font-size: 14px;
          letter-spacing: 0;
          line-height: 22px;
          margin: 20px auto 0 auto;
          padding: 17px 0;
          position: relative;
          text-align: 10px;
          width: 260px; }
  #pagef004 #detailModal {
    display: none; }
    #pagef004 #detailModal .modal-backdrop {
      background-color: #000;
      height: 100%;
      left: 0;
      opacity: 0.3;
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 1000; }
    #pagef004 #detailModal .modal {
      background-color: #fefefe;
      height: 100%;
      left: 50%;
      margin-left: -277px;
      position: fixed;
      top: 30px;
      width: 554px;
      z-index: 1010; }
      #pagef004 #detailModal .modal .close-modal {
        background: url("../base/images/btn_close.png") no-repeat;
        background-size: 46px 46px;
        background-position: center center;
        color: transparent;
        content: "";
        cursor: pointer;
        height: 46px;
        position: absolute;
        right: -23px;
        top: -23px;
        width: 46px;
        z-index: 1020; }
      #pagef004 #detailModal .modal .modal-content {
        overflow: scroll;
        padding: 40px;
        height: 100%;
        font-size: 14px;
        letter-spacing: 0;
        line-height: 22px;
        position: relative; }
        #pagef004 #detailModal .modal .modal-content .planCode {
          float: right; }
        #pagef004 #detailModal .modal .modal-content .title {
          border-bottom: 4px solid #A9D935;
          padding: 20px 0;
          position: relative; }
          #pagef004 #detailModal .modal .modal-content .title .header-label {
            color: #486A1F;
            display: block;
            font-weight: bold; }
        #pagef004 #detailModal .modal .modal-content .planGroup {
          width: 100%;
          font-size: 14px; }
          #pagef004 #detailModal .modal .modal-content .planGroup .planHeader {
            padding: 10px 0;
            margin-top: 20px;
            border-bottom: 2px solid #486A1F; }
            #pagef004 #detailModal .modal .modal-content .planGroup .planHeader i.modIcon {
              margin-bottom: -3px; }
            #pagef004 #detailModal .modal .modal-content .planGroup .planHeader span {
              float: right; }
          #pagef004 #detailModal .modal .modal-content .planGroup .planDetail {
            border-bottom: 2px solid #486A1F; }
            #pagef004 #detailModal .modal .modal-content .planGroup .planDetail .colGroup {
              display: table;
              width: 100%;
              padding: 10px 0;
              list-style: none;
              border-bottom: 1px solid #ddd; }
              #pagef004 #detailModal .modal .modal-content .planGroup .planDetail .colGroup li {
                display: table-cell; }
                #pagef004 #detailModal .modal .modal-content .planGroup .planDetail .colGroup li:nth-child(1) {
                  width: 40%;
                  color: #486A1F;
                  font-weight: bold;
                  text-align: left; }
                  #pagef004 #detailModal .modal .modal-content .planGroup .planDetail .colGroup li:nth-child(1) span {
                    color: #909090;
                    font-weight: lighter; }
                #pagef004 #detailModal .modal .modal-content .planGroup .planDetail .colGroup li:nth-child(2), #pagef004 #detailModal .modal .modal-content .planGroup .planDetail .colGroup li:nth-child(3), #pagef004 #detailModal .modal .modal-content .planGroup .planDetail .colGroup li:nth-child(5) {
                  width: 15%;
                  text-align: right; }
                #pagef004 #detailModal .modal .modal-content .planGroup .planDetail .colGroup li:nth-child(4) {
                  width: 15%;
                  text-align: center; }
              #pagef004 #detailModal .modal .modal-content .planGroup .planDetail .colGroup:nth-child(4) {
                border-bottom: none; }
          #pagef004 #detailModal .modal .modal-content .planGroup .planTotal {
            padding: 10px 0;
            margin-top: 20px;
            border-bottom: 2px solid #486A1F;
            font-weight: bold; }
            #pagef004 #detailModal .modal .modal-content .planGroup .planTotal span {
              float: right;
              color: #D50E1C; }
        #pagef004 #detailModal .modal .modal-content .bottomSupple {
          margin-top: 20px; }

#pagef004 #overrideContainer .reserveCalender .detailCal td { position: relative;top: 2px; }

#pagef005 .container > #InfoArea {
  width: 100%;
  margin-top: 0; }

#pagef005 #hotelSelection {
  background: #fff;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25); }
  #pagef005 #hotelSelection .hotelInfo {
    position: relative;
    padding: 10px;
    width: 220px; }
    #pagef005 #hotelSelection .hotelInfo .countText {
      margin-top: 5px; }
      #pagef005 #hotelSelection .hotelInfo .countText span {
        font-size: 13px;
        color: #333;
        letter-spacing: 0;
        line-height: 20px; }
        #pagef005 #hotelSelection .hotelInfo .countText span.planCounts {
          font-size: 22px;
          color: #486A1F;
          letter-spacing: 0;
          line-height: 30px; }
    #pagef005 #hotelSelection .hotelInfo .caret {
      background: url("../base/images/icon_pullDown_selected.png") no-repeat;
      background-size: 9px 7px;
      background-position: center center;
      border-left: 1px solid #E2E2DE;
      cursor: pointer;
      height: 100%;
      position: absolute;
      right: 0px;
      top: 0;
      width: 40px; }

#pagef005 #hotels {
  background: #fff;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
  margin-top: 5px; }
  #pagef005 #hotels .hotel {
    border-bottom: 1px solid #E2E2DE;
    display: block;
    padding: 20px;
    position: relative;
    width: 220px; }
    #pagef005 #hotels .hotel:hover {
      background-color: #E6EEDC !important; }
    #pagef005 #hotels .hotel.active:before {
      background: url("../base/images/icon_checked.png") no-repeat;
      background-size: 14px 11px;
      background-position: center center;
      content: "";
      height: 11px;
      margin-top: -5px;
      position: absolute;
      right: 13px;
      width: 14px;
      top: 50%; }

#pagef005 #searchResult {
  margin-bottom: 60px; }

#pagef005 #searchResult .searchSort {
  display: flex;
  margin-bottom: 40px; }
  #pagef005 #searchResult .searchSort a {
    border: 0px solid #E2E2DE;
    border-bottom-width: 2px;
    color: #333;
    display: inline-block;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 22px;
    padding: 13px 20px;
    text-decoration: none;
    flex-grow: 0; }
    #pagef005 #searchResult .searchSort a.title {
      background: url("../base/images/icon_sort.png") no-repeat;
      background-size: 14px 20px;
      background-position: left center;
      color: #486A1F;
      flex-grow: 2;
      padding: 13px 0;
      text-indent: 25px; }
    #pagef005 #searchResult .searchSort a.orderType:hover {
      border-color: #486A1F; }
    #pagef005 #searchResult .searchSort a.active {
      border-color: #D50E1C;
      font-weight: bold; }

#pagef005 footer {
  background: #fff; }

#pagef006 .modal-backdrop {
  background-color: #000;
  height: 100%;
  left: 0;
  opacity: 0.3;
  top: 0;
  width: 100%;
  z-index: 1000; }

#pagef006 .modal {
  background-color: #fefefe;
  margin: 0 auto;
  width: 554px;
  z-index: 1010; }
  #pagef006 .modal .modal-content {
    margin: 40px;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 22px; }
    #pagef006 .modal .modal-content .planCode {
      float: right; }
    #pagef006 .modal .modal-content .title {
      border-bottom: 4px solid #A9D935;
      padding: 20px 0;
      position: relative; }
      #pagef006 .modal .modal-content .title .header-label {
        color: #486A1F;
        display: block;
        font-weight: bold; }
    #pagef006 .modal .modal-content .planGroup {
      width: 100%;
      font-size: 14px; }
      #pagef006 .modal .modal-content .planGroup .planHeader {
        padding: 10px 0;
        margin-top: 20px;
        border-bottom: 2px solid #486A1F; }
        #pagef006 .modal .modal-content .planGroup .planHeader i.modIcon {
          margin-bottom: -3px; }
        #pagef006 .modal .modal-content .planGroup .planHeader span {
          float: right; }
      #pagef006 .modal .modal-content .planGroup .planDetail {
        border-bottom: 2px solid #486A1F; }
        #pagef006 .modal .modal-content .planGroup .planDetail .colGroup {
          display: table;
          width: 100%;
          padding: 10px 0;
          list-style: none;
          border-bottom: 1px solid #ddd; }
          #pagef006 .modal .modal-content .planGroup .planDetail .colGroup li {
            display: table-cell; }
            #pagef006 .modal .modal-content .planGroup .planDetail .colGroup li:nth-child(1) {
              width: 40%;
              color: #486A1F;
              font-weight: bold;
              text-align: left; }
              #pagef006 .modal .modal-content .planGroup .planDetail .colGroup li:nth-child(1) span {
                color: #909090;
                font-weight: lighter; }
            #pagef006 .modal .modal-content .planGroup .planDetail .colGroup li:nth-child(2), #pagef006 .modal .modal-content .planGroup .planDetail .colGroup li:nth-child(3), #pagef006 .modal .modal-content .planGroup .planDetail .colGroup li:nth-child(5) {
              width: 15%;
              text-align: right; }
            #pagef006 .modal .modal-content .planGroup .planDetail .colGroup li:nth-child(4) {
              width: 15%;
              text-align: center; }
          #pagef006 .modal .modal-content .planGroup .planDetail .colGroup:nth-child(4) {
            border-bottom: none; }
      #pagef006 .modal .modal-content .planGroup .planTotal {
        padding: 10px 0;
        margin-top: 20px;
        border-bottom: 2px solid #486A1F;
        font-weight: bold; }
        #pagef006 .modal .modal-content .planGroup .planTotal span {
          float: right;
          color: #D50E1C; }
    #pagef006 .modal .modal-content .bottomSupple {
      margin-top: 20px; }

#pagef007 .container > #InfoArea {
  width: 100%;
  margin-top: 0; }

#pagef007 #searchResult .planGroup {
  margin-bottom: 60px; }
  #pagef007 #searchResult .planGroup .modHeading {
    margin-bottom: 20px; }

#pagef007 .countText .hitPlan, #pagef007 .countText .unit {
  font-size: 14px;
  color: #333;
  letter-spacing: 0;
  line-height: 22px; }

#pagef007 .countText .planCounts {
  font-size: 22px;
  color: #486A1F;
  letter-spacing: 0;
  line-height: 30px; }

#pagef007 footer {
  background: #fff; }

#pagef008 .alert-box {
  padding-top: 40px; }
  #pagef008 .alert-box .msg-box button {
    float: right;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 22px;
    padding: 17px 60px;
    width: auto; }
  #pagef008 .alert-box .msg-box strong {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px; }
  #pagef008 .alert-box .msg-box .lbl {
    letter-spacing: 0;
    font-size: 14px;
    line-height: 22px;
    margin-top: 10px; }

#pagef009 .modal-backdrop {
  background-color: #000;
  height: 100%;
  left: 0;
  opacity: 0.3;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000; }

#pagef009 .modal {
  background-color: #fefefe;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
  left: 50%;
  margin-left: -360px;
  position: absolute;
  top: 50px;
  width: 720px;
  z-index: 1010; }
  #pagef009 .modal .close-modal {
    background: url("../base/images/btn_close.png") no-repeat;
    background-size: 46px 46px;
    background-position: center center;
    color: transparent;
    content: "";
    cursor: pointer;
    height: 46px;
    position: absolute;
    right: -23px;
    top: -23px;
    width: 46px; }
  #pagef009 .modal .modal-content {
    margin: 40px;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 22px; }
    #pagef009 .modal .modal-content .title {
      border-bottom: 4px solid #A9D935;
      padding-left: 30px;
      padding-bottom: 24px;
      position: relative; }
      #pagef009 .modal .modal-content .title:before {
        background: url("../base/images/icon_search_green.png") no-repeat;
        background-size: 20px 20px;
        background-position: center center;
        content: "";
        height: 20px;
        position: absolute;
        left: 0;
        top: 10px;
        width: 20px; }
    #pagef009 .modal .modal-content .select {
      position: relative;
      border: 1px solid rgba(0, 0, 0, 0.2);
      border-radius: 3px;
      display: inline-block;
      position: relative;
      line-height: 1em; }
      #pagef009 .modal .modal-content .select:before {
        position: absolute;
        background: #fff;
        content: "";
        width: 25px;
        height: 30px;
        top: 3px;
        right: 3px;
        border-radius: 3px; }
      #pagef009 .modal .modal-content .select:after {
        background: url("../base/images/icon_pullDown_selected.png") no-repeat;
        background-size: 9px 7px;
        content: "";
        height: 7px;
        margin-top: -4px;
        position: absolute;
        right: 10px;
        top: 50%;
        width: 9px; }
      #pagef009 .modal .modal-content .select select {
        background-color: transparent;
        border-width: 0px;
        -webkit-appearance: none;
        -moz-appearance: none;
        width: 100%;
        padding: 10px 4px 10px 14px; }
    #pagef009 .modal .modal-content .select {
      display: inline-block; }
      #pagef009 .modal .modal-content .select.year {
        width: 80px; }
      #pagef009 .modal .modal-content .select.month, #pagef009 .modal .modal-content .select.date, #pagef009 .modal .modal-content .select.days, #pagef009 .modal .modal-content .select.person {
        width: 66px; }
    #pagef009 .modal .modal-content .form-row {
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      padding: 10px 0; }
      #pagef009 .modal .modal-content .form-row:before, #pagef009 .modal .modal-content .form-row:after {
        content: "";
        display: block;
        height: 0; }
      #pagef009 .modal .modal-content .form-row:after {
        clear: both; }
    #pagef009 .modal .modal-content .left-cell {
      display: table-cell;
      vertical-align: middle;
      width: 220px;
      float: left; }
    #pagef009 .modal .modal-content .right-cell {
      display: table-cell;
      vertical-align: middle;
      width: 420px;
      float: left; }
    #pagef009 .modal .modal-content .form-label {
      margin: 0 10px; }
    #pagef009 .modal .modal-content .form-header-label {
      color: #486A1F;
      display: block;
      font-weight: bold;
      padding-top: 10px; }
    #pagef009 .modal .modal-content .persons > div {
      float: left;
      margin-bottom: 10px;
      width: 50%; }
      #pagef009 .modal .modal-content .persons > div .person-type {
        float: left;
        margin: 0;
        padding: 10px 0;
        width: 100%; }
    #pagef009 .modal .modal-content .selection .form-label {
      margin: 0;
      display: block;
      float: left;
      margin-top: 10px;
      width: 84px; }
    #pagef009 .modal .modal-content .selection .selectHotel {
      border-bottom: 1px solid rgba(0, 0, 0, 0.2);
      padding-bottom: 10px; }
    #pagef009 .modal .modal-content .selection .selectMeal {
      padding-top: 10px; }
    #pagef009 .modal .modal-content .selection .select {
      width: 332px; }
    #pagef009 .modal .modal-content .isPrimary {
      color: #FFF;
      cursor: pointer;
      display: block;
      font-size: 14px;
      letter-spacing: 0;
      line-height: 22px;
      margin: 20px auto 0 auto;
      padding: 17px 0;
      position: relative;
      text-align: 10px;
      width: 260px; }
      #pagef009 .modal .modal-content .isPrimary:before {
        background: url("../base/images/icon_search_white.png") no-repeat;
        background-size: 20px 20px;
        background-position: center center;
        content: "";
        height: 20px;
        margin-left: -30px;
        position: absolute;
        width: 20px; }
    #pagef009 .modal .modal-content .caution-text {
      border-width: 0;
      font-size: 12px;
      color: #333;
      letter-spacing: 0;
      line-height: 18px;
      margin-top: 40px; }
      #pagef009 .modal .modal-content .caution-text a {
        color: #486A1F;
        text-decoration: underline; }
    #pagef009 .modal .modal-content .hint-text {
      border-width: 0;
      font-size: 12px;
      color: #333;
      letter-spacing: 0;
      line-height: 18px; }

#pagef011 .alert-box.alert-box-danger {
  margin-bottom: 20px; }

#pagef011 .infomationBox {
  margin-top: 0;
  margin-bottom: 40px; }

#pagef011 #Container {
  padding: 0;
  width: 100%; }

#pagef011 #LeftContents {
  margin: 0; }
  #pagef011 #LeftContents .MemberF dt {
    width: 16em; }

#pagef011 #fNumber dd {
  height: 40px; }

#pagef012 #Container {
  padding: 0;
  width: 100%; }

#pagef012 #LeftContents {
  margin: 0; }

#pagef012 #fNumber dd {
  height: 40px; }

#pagef013 #Container02 {
  padding: 0;
  width: 100%; }

#pagef013 #LeftContents {
  margin: 0; }

#pagef014 #Container02 {
  width: 100%;
  padding: 0; }

#pagef014 .fixedNavi .top {
  border-radius: 4px 0 0 4px; }

#pagef014 .btnTableArea a:first-child {
  margin-right: 20px; }

#pagef014 .RecommendBox .closeBtn {
  text-align: center; }

#pagef015 #Container02 {
  padding: 0;
  width: 100%; }

#pagef015 #LeftContents {
  margin: 0; }

#pagef015 #fNumber dd {
  height: 40px; }

#pagef016 #Container02 {
  padding: 0;
  width: 100%; }

#pagef016 #LeftContents {
  margin: 0; }

#pagef016 #fNumber dd {
  height: 40px; }

#pagef017 #Container02 {
  padding: 0;
  width: 100%; }

#pagef017 #LeftContents {
  margin: 0; }

#pagef017 #fNumber dd {
  height: 40px; }

#pagef018 #Container02 {
  padding: 0;
  width: 100%; }

#pagef018 #LeftContents {
  margin: 0; }

#pagef018 #fNumber dd {
  height: 40px; }

#pagef018 #member_Contents .btnArea {
  text-align: center; }

#pagef018 #member_Contents .MoreLink {
  float: none; }
  #pagef018 #member_Contents .MoreLink:first-child {
    margin-right: 20px; }

#pagef030 #Container02 {
  padding: 0;
  width: 100%; }

#pagef030 #LeftContents {
  margin: 0; }

#pagef041 #Container02 {
  padding: 0;
  width: 100%; }

#pagef041 #LeftContents {
  margin: 0; }

#pagef300 #Container02 {
  padding: 0;
  width: 100%; }
  #pagef300 #Container02 .MemberF input {
    box-sizing: content-box; }

#pagef300 #LeftContents {
  margin: 0; }

#pagef300 #fNumber dd {
  height: 40px; }

#pagef301 #Container02 {
  padding: 0;
  width: 100%; }

#pagef301 #member_Help {
  padding: 20px;
  width: 100%;
  text-align: left;
  line-height: 30px; }
  #pagef301 #member_Help a {
    float: right; }

#pagef302 #Container {
  padding: 0;
  width: 100%; }

#pagef302 .btnStopBookingOptions {
  text-align: center; }

#pagef303 .lyReserveConductor {
  width: 960px; }

#pagef303 #Container {
  padding: 0;
  width: 100%; }
  #pagef303 #Container .optionDetail2 dd {
    box-sizing: content-box; }

#pagef311 #Container {
  padding: 0;
  width: 100%; }
  #pagef311 #Container .alert-box .msg-box {
    font-size: 16px; }

#pagef312 #Container {
  padding: 0;
  width: 100%; }

#pagef315 #Container02 {
  padding: 0;
  width: 100%; }
  #pagef315 #Container02 .alert-box .msg-box {
    font-size: 16px; }

#pagef316 #Container02 {
  padding: 0;
  width: 100%; }
  #pagef316 #Container02 .alert-box {
    margin-top: 60px; }
    #pagef316 #Container02 .alert-box .msg-box {
      font-size: 16px; }

#pagef317 #Container02 {
  padding: 0;
  width: 100%; }

#pagef318 #Container02 {
  padding: 0;
  width: 100%; }

#pagef318 #member_Contents .btnArea {
  margin-top: 20px;
  text-align: center; }

#pagef318 #member_Contents .MoreLink {
  float: none; }
  #pagef318 #member_Contents .MoreLink:first-child {
    margin-right: 20px; }

#pagef341 #Container {
  padding: 0;
  width: 100%; }


/* --- 2017.09.26 BEGIN --- */
#pagef403 .alert-box .msg-box strong {
  font-size: 16px;
  color: #333;
  letter-spacing: 0;
  line-height: 24px; }

#pagef403 .alert-box .msg-box .lbl {
  color: #333;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 22px;
  margin: 10px 0 30px 0; }

#pagef403 .alert-box .msg-box button {
  display: block;
  margin: 0 auto;
  padding: 9px 0;
  width: 175px;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 22px; }

#pagef403 .lySortNav {
  display: none; }

#pagef403 .container > #InfoArea {
  width: 100%;
  margin-top: 0; }

#pagef403 .modPlanSearchBar .painRight form {
  margin-bottom: 0px; }

#pagef403 #searchResult .searchSort {
  display: flex; }
  #pagef403 #searchResult .searchSort a {
    border: 0px solid #E2E2DE;
    border-bottom-width: 2px;
    color: #333;
    display: inline-block;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 22px;
    padding: 13px 20px;
    text-decoration: none;
    flex-grow: 0; }
    #pagef403 #searchResult .searchSort a.title {
      background: url("../base/images/icon_sort.png") no-repeat;
      background-size: 14px 20px;
      background-position: left center;
      color: #486A1F;
      flex-grow: 2;
      padding: 13px 0;
      text-indent: 25px; }
    #pagef403 #searchResult .searchSort a:hover {
      border-color: #486A1F; }
    #pagef403 #searchResult .searchSort a.active {
      border-color: #D50E1C;
      font-weight: bold; }

#pagef403 #searchResult .hotelLinks {
  display: flex; }
  #pagef403 #searchResult .hotelLinks a {
    border: 0px solid #E2E2DE;
    border-bottom-width: 2px;
    color: #333;
    display: inline-block;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 22px;
    padding: 13px 10px;
    text-decoration: none;
    flex-grow: 0; }
    #pagef403 #searchResult .hotelLinks a.title {
      color: #486A1F;
      flex-grow: 2;
      padding: 13px 0; }

#pagef403 .plans {
  margin-top: 60px; }
  #pagef403 .plans .planGroup {
    margin-bottom: 60px; }
    #pagef403 .plans .planGroup .modHeading {
      margin-bottom: 20px; }

#pagef403 footer {
  background: #fff; }

#pagef403 .priceDetailModal {
  display: none; }
  #pagef403 .priceDetailModal #priceFrame {
    border: none;
    display: block;
    height: 100%;
    width: 100%; }
  #pagef403 .priceDetailModal .modal-backdrop {
    background-color: #000;
    height: 100%;
    left: 0;
    opacity: 0.3;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000; }
  #pagef403 .priceDetailModal .modal {
    background-color: #fefefe;
    height: 100%;
    left: 50%;
    margin-left: -277px;
    position: fixed;
    top: 30px;
    width: 554px;
    z-index: 1010; }
    #pagef403 .priceDetailModal .modal .close-modal {
      background: url("../base/images/btn_close.png") no-repeat;
      background-size: 46px 46px;
      background-position: center center;
      color: transparent;
      content: "";
      cursor: pointer;
      height: 46px;
      position: absolute;
      right: -23px;
      top: -23px;
      width: 46px;
      z-index: 1020; }
    #pagef403 .priceDetailModal .modal .modal-content {
      height: 100%;
      font-size: 14px;
      letter-spacing: 0;
      line-height: 22px;
      position: relative; }

#pagef403 #hotelSelection {
  background: #fff;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25); }
  #pagef403 #hotelSelection .hotelInfo {
    position: relative;
    padding: 10px;
    width: 220px; }
    #pagef403 #hotelSelection .hotelInfo .countText {
      margin-top: 5px; }
      #pagef403 #hotelSelection .hotelInfo .countText span {
        font-size: 13px;
        color: #333;
        letter-spacing: 0;
        line-height: 20px; }
        #pagef403 #hotelSelection .hotelInfo .countText span.planCounts {
          font-size: 22px;
          color: #486A1F;
          letter-spacing: 0;
          line-height: 30px; }
    #pagef403 #hotelSelection .hotelInfo .caret {
      background: url("../base/images/icon_pullDown_selected.png") no-repeat;
      background-size: 9px 7px;
      background-position: center center;
      border-left: 1px solid #E2E2DE;
      cursor: pointer;
      height: 100%;
      position: absolute;
      right: 0px;
      top: 0;
      width: 40px; }
#pagef403 #hotels {
  background: #fff;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
  /*margin-top: 5px;*/ }
  #pagef403 #hotels .hotel {
    border-bottom: 1px solid #E2E2DE;
    display: block;
    padding: 20px;
    position: relative;
    width: 220px; 
    text-decoration: none;
    font-size: 120%;}
    #pagef403 #hotels .hotel:hover {
      background-color: #E6EEDC !important; }
    #pagef403 #hotels .hotel.active:before {
      background: url("../base/images/icon_checked.png") no-repeat;
      background-size: 14px 11px;
      background-position: center center;
      content: "";
      height: 11px;
      margin-top: -5px;
      position: absolute;
      right: 13px;
      width: 14px;
      top: 50%; }
#pagef403 #modSideRefineSearch #targetCount {
  margin-bottom: 20px;
}
#pagef403 #bus-status-button button {
  /*margin-top: 60px;*/
}

/* --- 2017.09.26 END --- */

/* --- 2017.10.03 BEGIN --- */
#pagef404 {
  min-width: 960px;
  padding-bottom: 160px; }
  #pagef404 .modPlanSearchBar .painRight .searchParts.isSubmit {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px; }
  #pagef404 #overrideContainer {
    width: 960px;
    margin: 40px auto 0; }
    #pagef404 #overrideContainer .detailHeader {
      position: relative; }
      #pagef404 #overrideContainer .detailHeader .planCode {
        position: absolute;
        bottom: 0;
        right: 0; }
    #pagef404 #overrideContainer .detailArea {
      display: table;
      margin-top: 40px;
      width: 100%; }
      #pagef404 #overrideContainer .detailArea * {
        line-height: 22px; }
      #pagef404 #overrideContainer .detailArea > .painLeft,
      #pagef404 #overrideContainer .detailArea > .painRight {
        display: table-cell;
        vertical-align: top; }
      #pagef404 #overrideContainer .detailArea > .painLeft {
        width: 600px;
        float: left; }
      #pagef404 #overrideContainer .detailArea > .painRight {
        width: 300px;
        float: right; }
        #pagef404 #overrideContainer .detailArea > .painRight .planLinks {
          margin-top: 10px; }
          #pagef404 #overrideContainer .detailArea > .painRight .planLinks a {
            position: relative;
            display: inline-block;
            margin-top: 10px;
            font-size: 14px;
            letter-spacing: 0;
            line-height: 22px; }
            #pagef404 #overrideContainer .detailArea > .painRight .planLinks a i.modIcon {
              position: absolute;
              top: 14px;
              right: 10px; }
        #pagef404 #overrideContainer .detailArea > .painRight .modHeading {
          margin: 20px 0;
          padding: 17px 0; }
          #pagef404 #overrideContainer .detailArea > .painRight .modHeading h3 {
            text-align: center;
            font-size: 16px; }
      #pagef404 #overrideContainer .detailArea p {
        font-size: 14px; }
    #pagef404 #overrideContainer .modHeading {
      margin-top: 20px;
      margin-bottom: 20px; }
    #pagef404 #overrideContainer .dataArea {
      margin-top: 60px;
      border-top: 2px solid #486A1F;
      border-bottom: 2px solid #486A1F; }
      #pagef404 #overrideContainer .dataArea table {
        width: 100%; }
        #pagef404 #overrideContainer .dataArea table th {
          width: 150px;
          font-weight: bold;
          color: #486A1F;
          text-align: left; }
          #pagef404 #overrideContainer .dataArea table th > i.modIcon {
            position: relative;
            margin-right: 10px;
            top: 3px; }
        #pagef404 #overrideContainer .dataArea table th, #pagef404 #overrideContainer .dataArea table td {
          font-size: 14px;
          padding: 10px 0;
          border-bottom: 1px solid #ddd;
          vertical-align: top; }
          #pagef404 #overrideContainer .dataArea table th .isSpNewLine, #pagef404 #overrideContainer .dataArea table td .isSpNewLine {
            display: inline-block;
            margin-left: 5px;
            letter-spacing: -.4em;
            font-size: 0; }
            #pagef404 #overrideContainer .dataArea table th .isSpNewLine i.modIcon.isRoomType, #pagef404 #overrideContainer .dataArea table td .isSpNewLine i.modIcon.isRoomType {
              margin-left: 5px;
              letter-spacing: normal;
              font-size: 13px; }
      #pagef404 #overrideContainer .dataArea a.textLink {
        font-size: 12px;
        color: #486A1F;
        text-decoration: underline;
        float: right; }
    #pagef404 #overrideContainer .detailText a.textLink {
      font-size: 13px;
      color: #486A1F;
      text-decoration: underline;
      float: right;
      margin-top: 10px;
      letter-spacing: 0;
      line-height: 20px; }
    #pagef404 #overrideContainer .detailText table.cancelTbl {
      width: 100%;
      margin: 30px 0; }
      #pagef404 #overrideContainer .detailText table.cancelTbl th, #pagef404 #overrideContainer .detailText table.cancelTbl td {
        width: 80px;
        border-right: 1px solid #ddd;
        text-align: center;
        padding: 5px; }
        #pagef404 #overrideContainer .detailText table.cancelTbl th:first-child, #pagef404 #overrideContainer .detailText table.cancelTbl td:first-child {
          width: 120px; }
        #pagef404 #overrideContainer .detailText table.cancelTbl th:nth-child(7), #pagef404 #overrideContainer .detailText table.cancelTbl td:nth-child(7) {
          border-right: none; }
      #pagef404 #overrideContainer .detailText table.cancelTbl th {
        color: #486A1F;
        border-bottom: 1px solid #486A1F; }
      #pagef404 #overrideContainer .detailText table.cancelTbl td {
        border-top: 1px solid #ddd; }
    #pagef404 #overrideContainer .reserveCalender {
      border: 1px solid #ddd; }
      #pagef404 #overrideContainer .reserveCalender .reserveCalenderInner {
        padding: 10px;
        border: 3px solid #fff; }
      #pagef404 #overrideContainer .reserveCalender.scrolled {
        border: 1px solid rgba(255, 232, 0, 0.3); }
        #pagef404 #overrideContainer .reserveCalender.scrolled .reserveCalenderInner {
          border: 3px solid rgba(255, 232, 0, 0.3); }
      #pagef404 #overrideContainer .reserveCalender .tableCaption {
        font-size: 16px;
        font-weight: bold;
        line-height: 24px;
        text-align: center; }
      #pagef404 #overrideContainer .reserveCalender .tableOperation {
        text-align: center;
        margin: 10px 0; }
        #pagef404 #overrideContainer .reserveCalender .tableOperation #datepicker {
          border: none;
          text-indent: -9999px;
          height: 24px; }
          #pagef404 #overrideContainer .reserveCalender .tableOperation #datepicker.modIcon.isCalender {
            background-repeat: no-repeat; }
          #pagef404 #overrideContainer .reserveCalender .tableOperation #datepicker:hover {
            cursor: pointer; }
        #pagef404 #overrideContainer .reserveCalender .tableOperation a.pagerLeft,
        #pagef404 #overrideContainer .reserveCalender .tableOperation a.pagerRight {
          display: inline-block;
          width: 24px;
          height: 24px; }
        #pagef404 #overrideContainer .reserveCalender .tableOperation a.pagerLeft {
          background-image: url("../base/images/btn_showPrev.png");
          background-size: 24px 24px;
          float: left; }
        #pagef404 #overrideContainer .reserveCalender .tableOperation a.pagerRight {
          background-image: url("../base/images/btn_showNext.png");
          background-size: 24px 24px;
          float: right; }
      #pagef404 #overrideContainer .reserveCalender .detailCal {
        width: 100%;
        margin: 0 0 10px; 
        table-layout: fixed; }
        #pagef404 #overrideContainer .reserveCalender .detailCal td {
          background: #F3F3F3;
          height: 64px;
          border-radius: 3px; }
        #pagef404 #overrideContainer .reserveCalender .detailCal th, #pagef404 #overrideContainer .reserveCalender .detailCal td {
          font-weight: bold;
          vertical-align: top; }
          #pagef404 #overrideContainer .reserveCalender .detailCal th a, #pagef404 #overrideContainer .reserveCalender .detailCal td a {
            display: block;
            width: 100%;
            height: 100%;
            text-decoration: none;
            padding: 0 5px;
            background: #F3F3F3;
            border: 2px solid #F3F3F3;
            border-radius: 3px; }
            #pagef404 #overrideContainer .reserveCalender .detailCal th a span.price, #pagef404 #overrideContainer .reserveCalender .detailCal td a span.price {
              display: block;
              color: #333;
              font-weight: lighter;
              text-decoration: underline;
              text-align: center; }
            #pagef404 #overrideContainer .reserveCalender .detailCal th a:hover, #pagef404 #overrideContainer .reserveCalender .detailCal td a:hover {
              background: #E7F1DD;
              border: 2px solid #E7F1DD;
              cursor: pointer; }
          #pagef404 #overrideContainer .reserveCalender .detailCal th i.status:before, #pagef404 #overrideContainer .reserveCalender .detailCal td i.status:before {
            display: inline-block;
            width: 12px;
            height: 12px;
            font-style: normal;
            float: right; }
          #pagef404 #overrideContainer .reserveCalender .detailCal th.disabled a:hover, #pagef404 #overrideContainer .reserveCalender .detailCal td.disabled a:hover {
            background: #F3F3F3;
            border: 2px solid #F3F3F3;
            cursor: default; }
          #pagef404 #overrideContainer .reserveCalender .detailCal th.today a, #pagef404 #overrideContainer .reserveCalender .detailCal td.today a {
            background: #FFF690; }
            #pagef404 #overrideContainer .reserveCalender .detailCal th.today a, #pagef404 #overrideContainer .reserveCalender .detailCal th.today a:hover, #pagef404 #overrideContainer .reserveCalender .detailCal td.today a, #pagef404 #overrideContainer .reserveCalender .detailCal td.today a:hover {
              background: #FFF690;
              border: 2px solid #FFF690;
              cursor: default; }
          #pagef404 #overrideContainer .reserveCalender .detailCal th.nothing i.status:before, #pagef404 #overrideContainer .reserveCalender .detailCal td.nothing i.status:before {
            content: "×";
            color: #333; }
          #pagef404 #overrideContainer .reserveCalender .detailCal th.nothing span.price, #pagef404 #overrideContainer .reserveCalender .detailCal td.nothing span.price {
            color: #909090;
            text-decoration: none; }
          #pagef404 #overrideContainer .reserveCalender .detailCal th.nothing span.otherPlan, #pagef404 #overrideContainer .reserveCalender .detailCal td.nothing span.otherPlan {
            display: block;
            font-size: 12px;
            font-weight: lighter;
            color: #486A1F;
            text-decoration: underline; }
          #pagef404 #overrideContainer .reserveCalender .detailCal th.empty2 i.status:before, #pagef404 #overrideContainer .reserveCalender .detailCal td.empty2 i.status:before {
            content: "◯";
            color: #0065FF; }
          #pagef404 #overrideContainer .reserveCalender .detailCal th.little i.status:before, #pagef404 #overrideContainer .reserveCalender .detailCal td.little i.status:before {
            content: "△";
            color: #D50E1C; }
          #pagef404 #overrideContainer .reserveCalender .detailCal th.isSelected a, #pagef404 #overrideContainer .reserveCalender .detailCal td.isSelected a {
            background: #FFEDED !important;
            border: 2px solid #D50E1C;
            cursor: pointer; }
          #pagef404 #overrideContainer .reserveCalender .detailCal th:first-child, #pagef404 #overrideContainer .reserveCalender .detailCal td:first-child {
            color: #D50E1C; }
            #pagef404 #overrideContainer .reserveCalender .detailCal th:first-child a, #pagef404 #overrideContainer .reserveCalender .detailCal td:first-child a {
              color: #D50E1C; }
          #pagef404 #overrideContainer .reserveCalender .detailCal th:nth-child(7), #pagef404 #overrideContainer .reserveCalender .detailCal td:nth-child(7) {
            color: #0065FF; }
            #pagef404 #overrideContainer .reserveCalender .detailCal th:nth-child(7) a, #pagef404 #overrideContainer .reserveCalender .detailCal td:nth-child(7) a {
              color: #0065FF; }
  #pagef404 #reSearchModal {
    display: none; }
    #pagef404 #reSearchModal .modal-backdrop {
      background-color: #000;
      height: 100%;
      left: 0;
      opacity: 0.3;
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 1000; }
    #pagef404 #reSearchModal .modal {
      background-color: #fefefe;
      left: 50%;
      margin-left: -360px;
      position: fixed;
      top: 50px;
      width: 720px;
      z-index: 1010;
      box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25); }
      #pagef404 #reSearchModal .modal .close-modal {
        background: url("../base/images/btn_close.png") no-repeat;
        background-size: 46px 46px;
        background-position: center center;
        color: transparent;
        content: "";
        cursor: pointer;
        height: 46px;
        position: absolute;
        right: -23px;
        top: -23px;
        width: 46px; }
      #pagef404 #reSearchModal .modal .modal-content {
        margin: 40px;
        font-size: 14px;
        letter-spacing: 0;
        line-height: 22px; }
        #pagef404 #reSearchModal .modal .modal-content .title {
          border-bottom: 4px solid #A9D935;
          padding-left: 30px;
          padding-bottom: 24px;
          position: relative; }
          #pagef404 #reSearchModal .modal .modal-content .title:before {
            background: url("../base/images/icon_search_green.png") no-repeat;
            background-size: 20px 20px;
            background-position: center center;
            content: "";
            height: 20px;
            position: absolute;
            left: 0;
            top: 10px;
            width: 20px; }
        #pagef404 #reSearchModal .modal .modal-content .select {
          display: inline-block; }
          #pagef404 #reSearchModal .modal .modal-content .select.year {
            width: 80px; }
          #pagef404 #reSearchModal .modal .modal-content .select.month, #pagef404 #reSearchModal .modal .modal-content .select.date, #pagef404 #reSearchModal .modal .modal-content .select.days, #pagef404 #reSearchModal .modal .modal-content .select.person {
            width: 66px; }
        #pagef404 #reSearchModal .modal .modal-content .form-row {
          border-bottom: 1px solid rgba(0, 0, 0, 0.1);
          padding: 10px 0; }
          #pagef404 #reSearchModal .modal .modal-content .form-row:before, #pagef404 #reSearchModal .modal .modal-content .form-row:after {
            content: "";
            display: block;
            height: 0; }
          #pagef404 #reSearchModal .modal .modal-content .form-row:after {
            clear: both; }
        #pagef404 #reSearchModal .modal .modal-content .left-cell {
          display: table-cell;
          vertical-align: middle;
          width: 220px;
          float: left; }
        #pagef404 #reSearchModal .modal .modal-content .right-cell {
          display: table-cell;
          vertical-align: middle;
          width: 420px;
          float: left; }
        #pagef404 #reSearchModal .modal .modal-content .form-label {
          margin: 0 10px; }
        #pagef404 #reSearchModal .modal .modal-content .form-header-label {
          color: #486A1F;
          display: block;
          font-weight: bold;
          padding-top: 10px; }
        #pagef404 #reSearchModal .modal .modal-content .persons > div {
          float: left;
          margin-bottom: 10px;
          width: 50%; }
          #pagef404 #reSearchModal .modal .modal-content .persons > div .person-type {
            float: left;
            margin: 0;
            padding: 10px 0;
            width: 100%; }
        #pagef404 #reSearchModal .modal .modal-content .isPrimary {
          color: #FFF;
          cursor: pointer;
          display: block;
          font-size: 14px;
          letter-spacing: 0;
          line-height: 22px;
          margin: 20px auto 0 auto;
          padding: 17px 0;
          position: relative;
          text-align: 10px;
          width: 260px; }
  #pagef404 #detailModal {
    display: none; }
    #pagef404 #detailModal .modal-backdrop {
      background-color: #000;
      height: 100%;
      left: 0;
      opacity: 0.3;
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 1000; }
    #pagef404 #detailModal .modal {
      background-color: #fefefe;
      height: 100%;
      left: 50%;
      margin-left: -277px;
      position: fixed;
      top: 30px;
      width: 554px;
      z-index: 1010; }
      #pagef404 #detailModal .modal .close-modal {
        background: url("../base/images/btn_close.png") no-repeat;
        background-size: 46px 46px;
        background-position: center center;
        color: transparent;
        content: "";
        cursor: pointer;
        height: 46px;
        position: absolute;
        right: -23px;
        top: -23px;
        width: 46px;
        z-index: 1020; }
      #pagef404 #detailModal .modal .modal-content {
        overflow: scroll;
        padding: 40px;
        height: 100%;
        font-size: 14px;
        letter-spacing: 0;
        line-height: 22px;
        position: relative; }
        #pagef404 #detailModal .modal .modal-content .planCode {
          float: right; }
        #pagef404 #detailModal .modal .modal-content .title {
          border-bottom: 4px solid #A9D935;
          padding: 20px 0;
          position: relative; }
          #pagef404 #detailModal .modal .modal-content .title .header-label {
            color: #486A1F;
            display: block;
            font-weight: bold; }
        #pagef404 #detailModal .modal .modal-content .planGroup {
          width: 100%;
          font-size: 14px; }
          #pagef404 #detailModal .modal .modal-content .planGroup .planHeader {
            padding: 10px 0;
            margin-top: 20px;
            border-bottom: 2px solid #486A1F; }
            #pagef404 #detailModal .modal .modal-content .planGroup .planHeader i.modIcon {
              margin-bottom: -3px; }
            #pagef404 #detailModal .modal .modal-content .planGroup .planHeader span {
              float: right; }
          #pagef404 #detailModal .modal .modal-content .planGroup .planDetail {
            border-bottom: 2px solid #486A1F; }
            #pagef404 #detailModal .modal .modal-content .planGroup .planDetail .colGroup {
              display: table;
              width: 100%;
              padding: 10px 0;
              list-style: none;
              border-bottom: 1px solid #ddd; }
              #pagef404 #detailModal .modal .modal-content .planGroup .planDetail .colGroup li {
                display: table-cell; }
                #pagef404 #detailModal .modal .modal-content .planGroup .planDetail .colGroup li:nth-child(1) {
                  width: 40%;
                  color: #486A1F;
                  font-weight: bold;
                  text-align: left; }
                  #pagef404 #detailModal .modal .modal-content .planGroup .planDetail .colGroup li:nth-child(1) span {
                    color: #909090;
                    font-weight: lighter; }
                #pagef404 #detailModal .modal .modal-content .planGroup .planDetail .colGroup li:nth-child(2), #pagef404 #detailModal .modal .modal-content .planGroup .planDetail .colGroup li:nth-child(3), #pagef404 #detailModal .modal .modal-content .planGroup .planDetail .colGroup li:nth-child(5) {
                  width: 15%;
                  text-align: right; }
                #pagef404 #detailModal .modal .modal-content .planGroup .planDetail .colGroup li:nth-child(4) {
                  width: 15%;
                  text-align: center; }
              #pagef404 #detailModal .modal .modal-content .planGroup .planDetail .colGroup:nth-child(4) {
                border-bottom: none; }
          #pagef404 #detailModal .modal .modal-content .planGroup .planTotal {
            padding: 10px 0;
            margin-top: 20px;
            border-bottom: 2px solid #486A1F;
            font-weight: bold; }
            #pagef404 #detailModal .modal .modal-content .planGroup .planTotal span {
              float: right;
              color: #D50E1C; }
        #pagef404 #detailModal .modal .modal-content .bottomSupple {
          margin-top: 20px; }

#pagef404 #overrideContainer .reserveCalender .detailCal td { position: relative;top: 2px; }
/* --- 2017.10.03 END --- */

/* ----- 2018.10.10 FSK ADD BEGIN ----- */

.replaceInfoBox {
  width: 960px;
  margin: 0 auto 40px;
}
.replaceInfoBox strong {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
}
.replaceInfoBox .lbl {
  letter-spacing: 0;
  font-size: 14px;
  line-height: 22px;
  margin-top: 10px;
}
.replaceInfoBox #inputCondition {
  float: right;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 22px;
  padding: 17px 60px;
  width: auto;
}

.replaceInfoBox .lbl_attention {
  font-size: 12px;
  padding-top: 20px;
  border-top: 1px solid #ddd;
}

/* ----- 2018.10.10 FSK ADD END ----- */


/* ----- 2018.12.11 FSK ADD BEGIN ----- */
#pagef001 #bestRateContainer .bestRateInner ul.privilegeList li p.date_area {
  display: inline;
  margin: 0 0 0 5px;
  color: black;
  font-size: 11px;
  font-weight: normal;
}
/* ----- 2018.12.11 FSK ADD END ----- */


/* ----- 2018.12.21 FSK ADD BEGIN ----- */
#aDayPlans {
  background: #fff;
  margin-top: 40px;
  padding: 20px 0;
  clear: both;
}

#aDayPlans h2 {
  margin-bottom: 15px;
  color: #486A1F;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

#aDayPlans ul.aDayPlanBnr {
  list-style: none;
  margin: 0;
  padding: 0;
}

#aDayPlans ul.aDayPlanBnr li {
  float: left;
  width: 314px;
  margin-left: 9px;
  margin-bottom: 20px;
  text-align: center;
}
#aDayPlans ul.aDayPlanBnr li:first-child {
  margin-left: 0;
}
#aDayPlans a:hover img {
    opacity: 0.8;
}
/* ----- 2018.12.21 FSK ADD END ----- */


/* ----- 2019.03.07 FSK ADD BEGIN ----- */

/* ----- 2019.05.07 COMMENT OUT BEGIN ----- */
/*
div#bestRateContainer div.manual_area{
	text-align: center;
}
div#bestRateContainer div.manual_area a button {
  font-size: 14px;
  padding: 20px;
  width: 940px;
  margin-left: 20px;
  background: #d50e1c;

}*/
/* ----- 2019.05.07 FSK ADD END ----- */

/* ----- 2019.03.07 FSK ADD END ----- */


/* ----- 2019.05.07 FSK ADD BEGIN ----- */
div#bestRateContainer div.manual_box{
	margin: 0 auto 40px;
	width: 960px;
}
div#bestRateContainer div.manual_box div.manual_area{
	text-align: center;
}
div#bestRateContainer div.manual_box div.manual_area a button {
  font-size: 14px;
  padding: 20px;
  width: 460px;
  margin-left: 20px;
  float: left;
  background: #d50e1c;
}
/* ----- 2019.05.07 FSK ADD END ----- */


/* ----- 2019.04.19 FSK ADD BEGIN ----- */
.alert-box-redFrm .msg-box {
    background-color: white;
    border-radius: 3px;
	border-style: solid;
	border-color: red;
	text-align: center;
    margin-left: 23px;
    position: relative;
    padding: 30px 50px;
}
/* ----- 2019.04.19 FSK ADD END ----- */


/* ----- 2020.11.11 FSK ADD BEGIN ----- */
.m-reserve__right .m-reserve__gridItem p.optionreserve_ttl {
	margin: 0 0 30px;
}
/* ----- 2020.11.11 FSK ADD END ----- */