* {
  font-family: 'Lato', sans-serif; }

.titleWrap {
  background: url("/img/common/main_header.jpg") no-repeat center center;
  height: 200px;
  position: relative;
  margin: 50px 0; }
  .titleWrap div {
    padding-top: 80px;
    max-width: 1266px;
    margin: 0 auto; }
    @media screen and (max-width: 1266px) {
      .titleWrap div {
        padding-left: 20px; } }
    .titleWrap div p {
      font-size: 40px;
      color: #E50032;
      font-weight: 400; }

.title01 {
  font-weight: 700;
  font-size: 30px; }

.titleSub {
  color: #313131;
  font-size: 16px; }

.resultNumBox {
  position: absolute;
  top: -20px;
  right: 0;
  text-align: right; }
  @media screen and (max-width: 640px) {
    .resultNumBox {
      position: static;
      margin: auto;
      text-align: center;
      margin-bottom: 30px; } }
  .resultNumBox .txt {
    font-size: 20px;
    margin-bottom: 15px; }
  .resultNumBox label {
    position: relative;
    width: 200px;
    display: block;
    overflow: hidden;
    border-radius: 15px; }
    @media screen and (max-width: 640px) {
      .resultNumBox label {
        margin: auto; } }
    .resultNumBox label select {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border-radius: 0;
      border: 0;
      margin: 0;
      padding: 0;
      width: 200px;
      background: none transparent;
      vertical-align: middle;
      font-size: inherit;
      color: inherit;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      background: url(/img/common/icon_arrow.png) no-repeat right 15px center, linear-gradient(to right, #eeeeee 160px, #eeeeee 160px, #313131 160px, #313131 160px);
      padding: 10px 20px; }

.resultBox {
  padding-top: 30px; }
  .resultBox::after {
    content: "";
    clear: both;
    display: block; }
  .resultBox dl {
    float: left;
    -webkit-box-shadow: 0px 3px 10px -1px #cfcfcf;
    box-shadow: 0px 3px 10px -1px #cfcfcf;
    width: 31.6%;
    margin-right: 2.5%;
    margin-bottom: 23px;
    padding-bottom: 20px;
    position: relative; }
    @media screen and (max-width: 640px) {
      .resultBox dl {
        width: 48.5%;
        margin-right: 3%; }
        .resultBox dl:nth-child(2n) {
          margin-right: 0 !important; } }
    .resultBox dl::after {
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 0 30px 30px;
      border-color: transparent transparent #e60536 transparent;
      position: absolute;
      bottom: 0;
      right: 0; }
    .resultBox dl:nth-child(3n) {
      margin-right: 0; }
      @media screen and (max-width: 640px) {
        .resultBox dl:nth-child(3n) {
          margin-right: 3%; } }
    .resultBox dl:nth-child(3n+1) {
      clear: both; }
      @media screen and (max-width: 640px) {
        .resultBox dl:nth-child(3n+1) {
          clear: none; } }
    .resultBox dl:hover {
      opacity: 0.7; }
    .resultBox dl .img {
      background: #eee;
      max-height: 200px !important;
      min-height: 200px !important;
      height: 200px !important; }
      .resultBox dl .img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        font-family: 'object-fit: cover;'; }
    .resultBox dl .topTag {
      background: #E50032;
      color: #fff;
      font-size: 14px;
      display: block;
      padding: 7px 15px;
      position: absolute;
      top: 10px;
      right: 10px;
      border-radius: 20px;
      font-weight: 200; }
    .resultBox dl .opt ul {
      border-top: 1px solid #dcdcdc;
      border-bottom: 1px solid #dcdcdc;
      text-align: center; }
      .resultBox dl .opt ul::after {
        content: "";
        clear: both;
        display: block; }
      .resultBox dl .opt ul li {
        padding: 11px 1px;
        font-size: 16px;
        float: left;
        width: 50%;
        position: relative;
        text-align: left;
        padding-left: 33px;
        overflow: hidden; }
        @media screen and (max-width: 1266px) {
          .resultBox dl .opt ul li {
            font-size: 13px;
            padding: 11px 10px 5px 20px; } }
        .resultBox dl .opt ul li::before {
          content: "";
          height: 16px;
          width: 16px;
          display: block;
          background: no-repeat center center;
          background-size: contain;
          vertical-align: middle;
          margin-right: 10px;
          position: absolute;
          top: 13px;
          left: 10px; }
          @media screen and (max-width: 1266px) {
            .resultBox dl .opt ul li::before {
              height: 12px;
              width: 12px;
              left: 5px; } }
        .resultBox dl .opt ul li:first-child {
          border-right: 1px solid #dcdcdc; }
          .resultBox dl .opt ul li:first-child::before {
            background-image: url("/img/common/icon_clock.png"); }
        .resultBox dl .opt ul li:last-child {
          margin-left: -1px;
          border-left: 1px solid #dcdcdc; }
          .resultBox dl .opt ul li:last-child::before {
            background-image: url("/img/common/icon_location.png"); }
    .resultBox dl dt {
      font-size: 18px;
      font-weight: 700;
      padding: 15px 20px;
      height: 110px;
      overflow: hidden; }
      .resultBox dl dt a {
        color: #000; }
        .resultBox dl dt a:hover {
          text-decoration: none; }
    .resultBox dl .price {
      font-size: 16px;
      padding: 0px 20px; }

.searchPager {
  text-align: center;
  padding-top: 30px; }
  .searchPager ul li {
    display: inline-block;
    font-size: 20px;
    border-bottom: 1px solid #313131;
    margin: 0 2px;
    vertical-align: top; }
    .searchPager ul li.dot {
      font-size: 25px;
      border: none; }
      .searchPager ul li.dot span {
        padding: 12px 7px; }
    .searchPager ul li.prev, .searchPager ul li.next {
      border: none;
      position: relative; }
      .searchPager ul li.prev span, .searchPager ul li.prev a, .searchPager ul li.next span, .searchPager ul li.next a {
        display: block;
        padding: 20px 15px; }
        .searchPager ul li.prev span::before, .searchPager ul li.prev a::before, .searchPager ul li.next span::before, .searchPager ul li.next a::before {
          content: "";
          height: 10px;
          width: 10px;
          display: block;
          border-left: 1px solid #000;
          border-top: 1px solid #000; }
    .searchPager ul li.prev span::before, .searchPager ul li.prev a::before {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .searchPager ul li.next span::before, .searchPager ul li.next a::before {
      -webkit-transform: rotate(135deg);
      transform: rotate(135deg); }
    .searchPager ul li em {
      font-style: normal;
      padding: 12px 17px;
      display: block;
      background: #313131;
      color: #fff; }
    .searchPager ul li span {
      padding: 12px 17px;
      display: block; }
    .searchPager ul li a {
      color: #000;
      padding: 12px 17px;
      display: block; }
      .searchPager ul li a:hover {
        text-decoration: none; }

.detailBox .slider.slick-slider {
  width: 100%; }

.detailBox .slider img {
  max-width: 100%;
  max-height: 520px;
  height: auto;
  object-fit: contain;
 }

.detailBox .slider .slick-slide {
  opacity: 0.5;
  text-align: center;
  height: 100%; }
  .detailBox .slider .slick-slide img {
    display: inline-block; }

.detailBox .slider .slick-center {
  opacity: 1; }

.detailBox .slider .slick-prev {
  left: 0;
  top: 0;
  height: 100%;
  z-index: 2; }

.detailBox .slider .slick-next {
  right: 0;
  top: 0;
  height: 100%;
  z-index: 2; }

.detailBox .slider-for .slick-prev {
  background: none; }
  .detailBox .slider-for .slick-prev::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 40px 0 40px 20px;
    border-color: transparent transparent transparent #ffffff;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    padding-left: 20px; }

.detailBox .slider-for .slick-next {
  background: none; }
  .detailBox .slider-for .slick-next::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 40px 0 40px 20px;
    border-color: transparent transparent transparent #ffffff;
    margin-left: 20px; }

.detailBox .slider-nav {
  margin-bottom: 50px; }
  .detailBox .slider-nav.fixed .slick-track {
    -webkit-transform: none !important;
    transform: none !important; }
  .detailBox .slider-nav .slick-slide {
    cursor: pointer;
    padding: 0 10px; }
    .detailBox .slider-nav .slick-slide img {
      height: 100px;
      width: 100%;
      -o-object-fit: contain;
      object-fit: contain;
      font-family: 'object-fit: contain;'; }
  .detailBox .slider-nav .slick-prev {
    background: url("/img/common/arrow04.svg") no-repeat right center #fff;
    background-size: 10px auto;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    width: 30px; }
  .detailBox .slider-nav .slick-next {
    background: url("/img/common/arrow04.svg") no-repeat right center #fff;
    background-size: 10px auto;
    width: 30px; }

.slick-track {
	display: flex;
	align-items: center;
}    

.detailBox .learnMore {
  margin-bottom: 30px; }
  .detailBox .learnMore.active dt::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  .detailBox .learnMore > dt {
    font-size: 18px;
    font-weight: 200;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 12px 0;
    cursor: pointer;
    position: relative; }
    .detailBox .learnMore > dt::after {
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
      content: "";
      position: absolute;
      right: 0;
      top: 18px;
      height: 10px;
      width: 20px;
      background: url(/img/common/arrow03.svg) no-repeat;
      background-size: contain;
      display: block;
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg); }
  .detailBox .learnMore > dd {
    padding-top: 30px;
    padding-bottom: 1px;
    display: none; }

.detailBox .contWrapLeft2 {
  position: relative; }
  @media screen and (max-width: 640px) {
    .detailBox .contWrapLeft2 {
      float: none !important;
      width: 100% !important; } }
  .detailBox .contWrapLeft2 .topTitle {
    font-size: 30px;
    padding: 50px 80px 0 0;
    margin-bottom: 25px; }
    @media screen and (max-width: 640px) {
      .detailBox .contWrapLeft2 .topTitle {
        font-size: 26px;
        margin-right: 90px; } }
  .detailBox .contWrapLeft2 .topTag {
    background: #E50032;
    color: #fff;
    font-size: 14px;
    display: block;
    padding: 7px 15px;
    position: absolute;
    top: 50px;
    right: 0;
    border-radius: 20px;
    font-weight: 200; }
  .detailBox .contWrapLeft2 .topLead {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 25px; }
  .detailBox .contWrapLeft2 .detailTitle {
    color: #E50032;
    font-size: 26px;
    margin-bottom: 10px; }
    .detailBox .contWrapLeft2 .detailTitle::before {
      content: "";
      display: inline-block;
      height: 20px;
      width: 20px;
      margin-right: 10px; }
    .detailBox .contWrapLeft2 .detailTitle.icon01::before {
      background: url("/img/common/icon01.png") no-repeat center center; }
    .detailBox .contWrapLeft2 .detailTitle.icon02::before {
      background: url("/img/common/icon02.png") no-repeat center center; }
    .detailBox .contWrapLeft2 .detailTitle.icon03::before {
      background: url("/img/common/icon03.png") no-repeat center center; }
    .detailBox .contWrapLeft2 .detailTitle.icon04::before {
      background: url("/img/common/icon04.png") no-repeat center center; }
    .detailBox .contWrapLeft2 .detailTitle.icon05::before {
      background: url("/img/common/icon05.png") no-repeat center center; }
  .detailBox .contWrapLeft2 .detailCont {
    margin-bottom: 30px; }
    .detailBox .contWrapLeft2 .detailCont p {
      font-size: 16px;
      margin-bottom: 20px;
      line-height: 1.6; }
      .detailBox .contWrapLeft2 .detailCont p:last-child {
        margin-bottom: 0; }
      .detailBox .contWrapLeft2 .detailCont p a {
        color: #00A983;
        border-bottom: 1px dotted #00a983; }
        .detailBox .contWrapLeft2 .detailCont p a:hover {
          text-decoration: none;
          border: none; }
  .detailBox .contWrapLeft2 .timeTable {
    display: table; }
    @media screen and (max-width: 640px) {
      .detailBox .contWrapLeft2 .timeTable {
        display: block; } }
    .detailBox .contWrapLeft2 .timeTable dl {
      display: table-row; }
      @media screen and (max-width: 640px) {
        .detailBox .contWrapLeft2 .timeTable dl {
          display: block; } }
      .detailBox .contWrapLeft2 .timeTable dl dt {
        display: table-cell;
        padding: 0 15px 10px 0;
        white-space: nowrap; }
        @media screen and (max-width: 640px) {
          .detailBox .contWrapLeft2 .timeTable dl dt {
            display: block;
            padding-bottom: 5px; } }
      .detailBox .contWrapLeft2 .timeTable dl dd {
        display: table-cell;
        padding: 0 0 10px; }
        @media screen and (max-width: 640px) {
          .detailBox .contWrapLeft2 .timeTable dl dd {
            display: block;
            padding-bottom: 15px; } }

.detailBox .contWrapRight2 .boxType01 {
  background: #EEE;
  border-top: 3px solid #bfbfbf;
  margin-top: 40px; }
  .detailBox .contWrapRight2 .boxType01:first-child {
    margin-top: 50px; }
  .detailBox .contWrapRight2 .boxType01 .inner {
    padding: 25px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAAKElEQVQYV2NkwAP+Z3f/Z8QlD5acWsqIVQFMEqQZQwGyJIYCdEmQAgBfQRL6NOUdngAAAABJRU5ErkJggg==) repeat-x bottom left; }
    .detailBox .contWrapRight2 .boxType01 .inner:last-child {
      background: none; }
    @media screen and (max-width: 1266px) {
      .detailBox .contWrapRight2 .boxType01 .inner {
        padding: 15px; } }
    .detailBox .contWrapRight2 .boxType01 .inner .boxTitle {
      font-size: 20px;
      font-weight: 200;
      margin-bottom: 20px;
      line-height: 1;
      border-left: 3px solid #e50032;
      padding-left: 7px; }
    .detailBox .contWrapRight2 .boxType01 .inner .txt01 {
      font-size: 16px;
      line-height: 1.5;
      font-weight: 800; }
    .detailBox .contWrapRight2 .boxType01 .inner .priceList {
      display: table;
      width: 100%; }
      .detailBox .contWrapRight2 .boxType01 .inner .priceList dl {
        display: table-row; }
      .detailBox .contWrapRight2 .boxType01 .inner .priceList dt {
        display: table-cell;
        font-size: 16px;
        padding-bottom: 25px; }
      .detailBox .contWrapRight2 .boxType01 .inner .priceList dd {
        display: table-cell;
        font-size: 30px;
        padding-bottom: 25px;
        text-align: right;
        font-weight: 800;
        white-space: nowrap; }
        .detailBox .contWrapRight2 .boxType01 .inner .priceList dd .note {
          font-size: 16px;
          font-weight: normal;
          display: inline-block;
          margin-left: 5px; }
      .detailBox .contWrapRight2 .boxType01 .inner .priceList .boxSubTitle {
        font-size: 16px;
        font-weight: 200;
        margin-bottom: 10px;
        line-height: 1;
        border-bottom: 1px solid #e50032;
        padding-bottom: 2px; }
      .detailBox .contWrapRight2 .boxType01 .inner .priceList .priceTable {
        margin-bottom: 20px;
        width: 100%; }
        .detailBox .contWrapRight2 .boxType01 .inner .priceList .priceTable td {
          font-size: 16px; }
        .detailBox .contWrapRight2 .boxType01 .inner .priceList .priceTable td.priceTable_left {
          text-align: left; }
        .detailBox .contWrapRight2 .boxType01 .inner .priceList .priceTable td.priceTable_right {
          text-align: right; }
          .detailBox .contWrapRight2 .boxType01 .inner .priceList .priceTable td span.priceTable_price {
            font-size: 24px;
            font-weight: 800;
            margin-right: 5px; }
    .detailBox .contWrapRight2 .boxType01 .inner .statusList dl {
      display: inline-block;
      margin-right: 50px;
      margin-bottom: 25px; }
      .detailBox .contWrapRight2 .boxType01 .inner .statusList dl:last-child {
        margin: 0; }
      .detailBox .contWrapRight2 .boxType01 .inner .statusList dl dt {
        font-size: 16px;
        border-bottom: 1px solid #e50032;
        font-weight: 200;
        padding-bottom: 5px;
        margin-bottom: 10px; }
      .detailBox .contWrapRight2 .boxType01 .inner .statusList dl dd {
        font-size: 20px; }
    .detailBox .contWrapRight2 .boxType01 .inner .otherList dl {
      padding-bottom: 20px; }
      .detailBox .contWrapRight2 .boxType01 .inner .otherList dl dt {
        font-size: 24px;
        font-weight: 200;
        margin-bottom: 20px;
        line-height: 1;
        border-left: 3px solid #e50032;
        padding-left: 8px; }
      .detailBox .contWrapRight2 .boxType01 .inner .otherList dl dd {
        font-size: 16px;
        margin-bottom: 20px;
        line-height: 1.5; }
        .detailBox .contWrapRight2 .boxType01 .inner .otherList dl dd ul li {
          padding-left: 15px;
          margin-bottom: 20px;
          position: relative; }
          .detailBox .contWrapRight2 .boxType01 .inner .otherList dl dd ul li::before {
            content: "";
            height: 5px;
            width: 5px;
            background: #E50032;
            border-radius: 2px;
            display: block;
            position: absolute;
            left: 0;
            top: 8px;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
          .detailBox .contWrapRight2 .boxType01 .inner .otherList dl dd ul li:last-child {
            margin-bottom: 0; }

.detailBox .contWrapRight2 .bookmarkBtn {
  margin-top: 30px; }
  .detailBox .contWrapRight2 .bookmarkBtn a {
    display: block;
    border: 1px solid #000;
    text-align: center;
    padding: 30px 10px;
    font-size: 20px;
    font-weight: 200; }
    .detailBox .contWrapRight2 .bookmarkBtn a:hover {
      text-decoration: none;
      background: #eee; }

.detailBox .stocker {
  -webkit-box-shadow: 0px 3px 12px 3px #ddd;
  box-shadow: 0px 3px 12px 3px #ddd;
  clear: both;
  padding: 40px; }
  @media screen and (max-width: 640px) {
    .detailBox .stocker {
      padding: 15px; } }
  .detailBox .stocker .ttl01 {
    font-size: 40px;
    font-weight: 800;
    margin-bottom: 30px;
    text-align: center;
    color: #5A5A5A;
    line-height: 1; }
  .detailBox .stocker .ttl02 {
    font-size: 20px;
    margin-bottom: 15px;
    line-height: 1;
    border-left: 3px solid #E50032;
    padding-left: 10px; }
  .detailBox .stocker .inner {
    background: #eee;
    padding: 25px; }
    .detailBox .stocker .inner dl {
      margin-bottom: 20px; }
      .detailBox .stocker .inner dl:last-child {
        margin-bottom: 0; }
      .detailBox .stocker .inner dl dt {
        font-weight: 200;
        font-size: 16px;
        float: left;
        width: 80px; }
      .detailBox .stocker .inner dl dd {
        font-weight: 200;
        font-size: 16px;
        padding-left: 80px; }
        .detailBox .stocker .inner dl dd a {
          color: #000; }
          .detailBox .stocker .inner dl dd a:hover {
            text-decoration: none;
            color: #e50032; }

body.book {
  margin-bottom: 100px; }
  @media screen and (max-width: 640px) {
    body.book {
      margin-bottom: 166px; } }

@-webkit-keyframes bookFooter {
  0% {
    bottom: -100px; }
  100% {
    bottom: 0; } }

@keyframes bookFooter {
  0% {
    bottom: -100px; }
  100% {
    bottom: 0; } }

@-webkit-keyframes bubble {
  0% {
    opacity: 0; }
  16% {
    opacity: 1; }
  64% {
    opacity: 1; }
  100% {
    opacity: 1; } }

@keyframes bubble {
  0% {
    opacity: 0; }
  16% {
    opacity: 1; }
  64% {
    opacity: 1; }
  100% {
    opacity: 1; } }

#bookFooter {
  position: fixed;
  background: #313131;
  bottom: -100px;
  left: 0;
  width: 100%;
  z-index: 30;
  height: 100px;
  padding: 10px; }
  @media screen and (max-width: 640px) {
    #bookFooter {
      height: auto;
      bottom: -166px; } }
  #bookFooter.show {
    -webkit-animation: bookFooter 1s ease 1 forwards;
    animation: bookFooter 1s ease 1 forwards; }
  #bookFooter .contentsWrap.type02 {
    padding: 0;
    position: relative; }
  #bookFooter .bubble {
    -webkit-animation: bubble 6s ease 2s 1 forwards;
    animation: bubble 6s ease 2s 1 forwards;
    background: #eee;
    position: absolute;
    min-width: 300px;
    bottom: 120px;
    left: 0;
    padding: 30px;
    text-align: center;
    border-radius: 30px;
    cursor: pointer;
    opacity: 0; }
    #bookFooter .bubble.close {
      display: none !important; }
    #bookFooter .bubble::before {
      content: "";
      width: 20px;
      height: 30px;
      background: url("/img/common/icon_bubble.svg") no-repeat;
      display: block;
      position: absolute;
      bottom: -25px;
      left: 20px; }
    #bookFooter .bubble .close {
      width: 30px;
      height: 30px;
      background: #E50032;
      border-radius: 15px;
      position: absolute;
      top: -5px;
      right: -5px; }
      #bookFooter .bubble .close::before {
        content: "";
        height: 1px;
        width: 15px;
        background: #fff;
        display: block;
        position: absolute;
        top: 13px;
        left: 8px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
      #bookFooter .bubble .close::after {
        content: "";
        height: 1px;
        width: 15px;
        background: #fff;
        display: block;
        position: absolute;
        top: 13px;
        left: 8px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg); }
    #bookFooter .bubble p {
      font-size: 18px;
      white-space: nowrap; }
      @media screen and (max-width: 640px) {
        #bookFooter .bubble p {
          white-space: normal; } }
  #bookFooter #dateWrap {
    float: left;
    border-bottom: 1px solid #fff;
    margin-right: 40px;
    width: 12%; }
    @media screen and (max-width: 640px) {
      #bookFooter #dateWrap {
        width: 44%;
        margin-right: 12%; } }
    #bookFooter #dateWrap #dateOpen, #bookFooter #dateWrap #dateOpenOff {
      background: none;
      color: #fff;
      font-size: 16px;
      font-weight: 200;
      font-family: 'lato';
      font-weight: 200;
      height: auto;
      padding: 0;
      display: block;
      line-height: 1;
      padding: 7px 0;
      margin-top: 20px;
      position: relative; }
      @media screen and (max-width: 640px) {
        #bookFooter #dateWrap #dateOpen, #bookFooter #dateWrap #dateOpenOff {
          margin-top: 0; } }
      #bookFooter #dateWrap #dateOpen.active::after, #bookFooter #dateWrap #dateOpenOff.active::after {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg); }
      #bookFooter #dateWrap #dateOpen::after, #bookFooter #dateWrap #dateOpenOff::after {
        content: "";
        display: block;
        width: 6px;
        height: 6px;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        position: absolute;
        top: 13px;
        right: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg); }
    #bookFooter #dateWrap #datepicker {
      position: fixed;
      top: inherit !important;
      bottom: 100px;
      left: 50px !important;
      z-index: 100; }
      @media screen and (max-width: 640px) {
        #bookFooter #dateWrap #datepicker {
          left: 10% !important;
          width: 80%;
          top: 50% !important;
          bottom: auto;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%); } }
      #bookFooter #dateWrap #datepicker td {
        padding: 3px !important; }
        #bookFooter #dateWrap #datepicker td a, #bookFooter #dateWrap #datepicker td span {
          border: none;
          padding: 10px 5px; }
          @media screen and (max-width: 640px) {
            #bookFooter #dateWrap #datepicker td a, #bookFooter #dateWrap #datepicker td span {
              padding: 5px; } }
      #bookFooter #dateWrap #datepicker .datepickerClose {
        width: 30px;
        height: 30px;
        background: #E50032;
        border-radius: 15px;
        position: absolute;
        top: -5px;
        right: -5px;
        cursor: pointer; }
        #bookFooter #dateWrap #datepicker .datepickerClose::before {
          content: "";
          height: 1px;
          width: 15px;
          background: #fff;
          display: block;
          position: absolute;
          top: 13px;
          left: 8px;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }
        #bookFooter #dateWrap #datepicker .datepickerClose::after {
          content: "";
          height: 1px;
          width: 15px;
          background: #fff;
          display: block;
          position: absolute;
          top: 13px;
          left: 8px;
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); }
    #bookFooter #dateWrap .ui-widget-content {
      padding-top: 25px;
      border: none;
      -webkit-box-shadow: 0px -2px 10px -1px #cfcfcf;
      box-shadow: 0px -2px 10px -1px #cfcfcf;
      width: 45em !important; }
      @media screen and (max-width: 640px) {
        #bookFooter #dateWrap .ui-widget-content {
          width: 100% !important; } }
    #bookFooter #dateWrap .ui-widget-header {
      background: none;
      color: #000;
      background: none;
      border-bottom: 1px solid #E50032; }
      #bookFooter #dateWrap .ui-widget-header .ui-datepicker-prev span, #bookFooter #dateWrap .ui-widget-header .ui-datepicker-next span {
        background: #f00;
        border-radius: 15px;
        height: 22px;
        width: 22px;
        position: absolute; }
        #bookFooter #dateWrap .ui-widget-header .ui-datepicker-prev span::after, #bookFooter #dateWrap .ui-widget-header .ui-datepicker-next span::after {
          content: "";
          height: 4px;
          width: 4px;
          border-top: 2px solid #fff;
          border-left: 2px solid #fff;
          display: block;
          position: absolute;
          top: 50%;
          left: 50%; }
      #bookFooter #dateWrap .ui-widget-header .ui-datepicker-prev span::after {
        -webkit-transform: translate(-50%, -50%) rotate(-45deg);
        transform: translate(-50%, -50%) rotate(-45deg); }
      #bookFooter #dateWrap .ui-widget-header .ui-datepicker-next span::after {
        -webkit-transform: translate(-50%, -50%) rotate(135deg);
        transform: translate(-50%, -50%) rotate(135deg); }
      #bookFooter #dateWrap .ui-widget-header .ui-datepicker-month {
        font-size: 24px; }
        @media screen and (max-width: 640px) {
          #bookFooter #dateWrap .ui-widget-header .ui-datepicker-month {
            font-size: 21px; } }
      #bookFooter #dateWrap .ui-widget-header .ui-datepicker-year {
        font-size: 14px; }
    #bookFooter #dateWrap .ui-datepicker-current-day.ui-enable .ui-state-default {
      background: #00a983 !important;
      color: #fff !important; }
    #bookFooter #dateWrap .ui-enable .ui-state-default {
      background: #cdf6e4 !important;
      border: none;
      color: #00654E !important; }
    #bookFooter #dateWrap .ui-state-default, #bookFooter #dateWrap .ui-widget-content .ui-state-default, #bookFooter #dateWrap .ui-widget-header .ui-state-default {
      color: #333;
      background: #C9C9C9; }
  #bookFooter .selectTime, #bookFooter .selectTimeOff {
    float: left;
    background: none;
    border: none;
    color: #FFF;
    font-size: 16px;
    font-weight: 200;
    height: auto;
    padding: 7px 0;
    border-bottom: 1px solid #fff;
    line-height: 1;
    margin-right: 40px;
    margin-top: 20px;
    width: 12%;
    position: relative;
    cursor: pointer; }
    @media screen and (max-width: 640px) {
      #bookFooter .selectTime, #bookFooter .selectTimeOff {
        width: 44%;
        margin-right: 0;
        margin-top: 0; } }
    #bookFooter .selectTime.active::after, #bookFooter .selectTimeOff.active::after {
      -webkit-transform: rotate(135deg);
      transform: rotate(135deg); }
    #bookFooter .selectTime.active .selectTimeList, #bookFooter .selectTimeOff.active .selectTimeList {
      display: block; }
    #bookFooter .selectTime::after, #bookFooter .selectTimeOff::after {
      content: "";
      display: block;
      width: 6px;
      height: 6px;
      border-top: 1px solid #fff;
      border-right: 1px solid #fff;
      position: absolute;
      top: 13px;
      right: 0;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    #bookFooter .selectTime .selectTimeList, #bookFooter .selectTimeOff .selectTimeList {
      position: absolute;
      bottom: 60px;
      left: 0;
      width: 180px;
      background: #fff;
      -webkit-box-shadow: 0px -2px 10px -1px #cfcfcf;
      box-shadow: 0px -2px 10px -1px #cfcfcf;
      display: none;
      z-index: 100; }
      #bookFooter .selectTime .selectTimeList li, #bookFooter .selectTimeOff .selectTimeList li {
        color: #000;
        padding: 10px;
        font-weight: 200;
        font-size: 16px;
        cursor: pointer; }
        #bookFooter .selectTime .selectTimeList li:hover, #bookFooter .selectTimeOff .selectTimeList li:hover {
          background: #bfbfbf;
          color: #fff; }
  #bookFooter .ageNum, #bookFooter .ageNumOff {
    float: left;
    background: none;
    border: none;
    color: #FFF;
    font-size: 16px;
    font-weight: 200;
    height: auto;
    padding: 7px 0;
    border-bottom: 1px solid #fff;
    line-height: 1;
    margin-right: 40px;
    margin-top: 20px;
    width: 30%;
    position: relative;
    cursor: pointer; }
    @media screen and (max-width: 640px) {
      #bookFooter .ageNum, #bookFooter .ageNumOff {
        width: 100%;
        margin-right: 0; } }
    #bookFooter .ageNum.active::after, #bookFooter .ageNumOff.active::after {
      -webkit-transform: rotate(135deg);
      transform: rotate(135deg); }
    #bookFooter .ageNum.active .ageNumList, #bookFooter .ageNumOff.active .ageNumList {
      display: block; }
    #bookFooter .ageNum.on .firstTxt, #bookFooter .ageNumOff.on .firstTxt {
      display: none; }
    #bookFooter .ageNum.on .onTxt, #bookFooter .ageNumOff.on .onTxt {
      display: block; }
    #bookFooter .ageNum .firstTxt, #bookFooter .ageNumOff .firstTxt {
      display: block; }
    #bookFooter .ageNum .onTxt, #bookFooter .ageNumOff .onTxt {
      display: none; }
    #bookFooter .ageNum::after, #bookFooter .ageNumOff::after {
      content: "";
      display: block;
      width: 6px;
      height: 6px;
      border-top: 1px solid #fff;
      border-right: 1px solid #fff;
      position: absolute;
      top: 13px;
      right: 0;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    #bookFooter .ageNum .ageNumList, #bookFooter .ageNumOff .ageNumList {
      display: none;
      position: absolute;
      bottom: 60px;
      left: 0;
      width: 230px;
      background: #fff;
      -webkit-box-shadow: 0px -2px 10px -1px #cfcfcf;
      box-shadow: 0px -2px 10px -1px #cfcfcf;
      color: #000;
      padding: 10px;
      z-index: 100; }
      #bookFooter .ageNum .ageNumList dl, #bookFooter .ageNumOff .ageNumList dl {
        text-align: right;
        margin-bottom: 15px; }
        #bookFooter .ageNum .ageNumList dl dt, #bookFooter .ageNumOff .ageNumList dl dt {
          display: inline-block; }
        #bookFooter .ageNum .ageNumList dl dd, #bookFooter .ageNumOff .ageNumList dl dd {
          display: inline-block;
          margin-left: 20px;
          width: 30px;
          text-align: center; }
          #bookFooter .ageNum .ageNumList dl dd input, #bookFooter .ageNumOff .ageNumList dl dd input {
            width: 35px;
            text-align: center;
            border: 1px solid #ccc; }
  #bookFooter .selectTimeOff, #bookFooter .ageNumOff {
    cursor: default; }
  #bookFooter .estimate {
    float: left;
    color: #FFF;
    margin-top: 20px; }
    #bookFooter .estimate dt {
      display: inline-block;
      font-size: 14px;
      margin-right: 20px;
      font-weight: 200; }
    #bookFooter .estimate dd {
      display: inline-block;
      font-size: 30px;
      font-weight: 700; }
      #bookFooter .estimate dd .note {
        font-size: 14px;
        margin-left: 5px; }
  #bookFooter .book {
    background: #e50032;
    border: none;
    color: #fff;
    height: 80px;
    width: 80px;
    border-radius: 40px;
    float: right;
    cursor: pointer;
    text-align: center; }
    @media screen and (max-width: 640px) {
      #bookFooter .book {
        width: 54px;
        height: 54px;
        margin-top: 10px;
        padding: 0; } }
    #bookFooter .book:hover {
      background: #ff720a; }
    #bookFooter .book:disabled {
      background: #8C8C8C;
      cursor: default; }
      #bookFooter .book:disabled:hover {
        background: #8C8C8C; }

#bookBox {
  background: #313131;
  margin-top: 40px;
  padding: 10px; }
  @media screen and (max-width: 640px) {
    #bookBox {
      height: auto;
      bottom: -166px; } }
  #bookBox #dateWrap {
    color: #fff;
    margin-bottom: 10px; }
    @media screen and (max-width: 640px) {
      #bookBox #dateWrap {
         } }
    #bookBox #dateWrap #dateOpen {
      background: none;
      color: #fff;
      font-size: 14px;
      font-weight: 200;
      font-family: 'lato';
      font-weight: 200;
      padding: 0;
      padding-left: 10px;
      height: auto;
      line-height: 1; }
      @media screen and (max-width: 640px) {
        #bookBox #dateWrap #dateOpen {
          margin-top: 0; } }
    #bookBox #dateWrap #datepicker {
      display: block;
      position: static;
      min-width: 204px; }
      @media screen and (max-width: 640px) {
        #bookBox #dateWrap #datepicker {
         } }
      #bookBox #dateWrap #datepicker td {
        padding: 3px !important; }
        #bookBox #dateWrap #datepicker td a, #bookBox #dateWrap #datepicker td span {
          border: none;
          padding: 6px 3px; }
          @media screen and (max-width: 640px) {
            #bookBox #dateWrap #datepicker td a, #bookBox #dateWrap #datepicker td span {
              padding: 5px; } }
      #bookBox #dateWrap #datepicker .datepickerClose {
        width: 30px;
        height: 30px;
        background: #E50032;
        border-radius: 15px;
        position: absolute;
        top: -5px;
        right: -5px;
        cursor: pointer; }
        #bookBox #dateWrap #datepicker .datepickerClose::before {
          content: "";
          height: 1px;
          width: 15px;
          background: #fff;
          display: block;
          position: absolute;
          top: 13px;
          left: 8px;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }
        #bookBox #dateWrap #datepicker .datepickerClose::after {
          content: "";
          height: 1px;
          width: 15px;
          background: #fff;
          display: block;
          position: absolute;
          top: 13px;
          left: 8px;
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); }
    #bookBox #dateWrap .ui-widget-content {
      border: none;
      width: 100% !important; }
      @media screen and (max-width: 640px) {
        #bookBox #dateWrap .ui-widget-content {
          width: 100% !important; } }
    #bookBox #dateWrap .ui-widget-header {
      background: none;
      color: #000;
      background: none;
      border-bottom: 1px solid #E50032; }
      #bookBox #dateWrap .ui-widget-header .ui-datepicker-prev span, #bookBox #dateWrap .ui-widget-header .ui-datepicker-next span {
        background: #f00;
        border-radius: 15px;
        height: 22px;
        width: 22px;
        position: absolute; }
        #bookBox #dateWrap .ui-widget-header .ui-datepicker-prev span::after, #bookBox #dateWrap .ui-widget-header .ui-datepicker-next span::after {
          content: "";
          height: 4px;
          width: 4px;
          border-top: 2px solid #fff;
          border-left: 2px solid #fff;
          display: block;
          position: absolute;
          top: 50%;
          left: 50%; }
      #bookBox #dateWrap .ui-widget-header .ui-datepicker-prev span::after {
        -webkit-transform: translate(-50%, -50%) rotate(-45deg);
        transform: translate(-50%, -50%) rotate(-45deg); }
      #bookBox #dateWrap .ui-widget-header .ui-datepicker-next span::after {
        -webkit-transform: translate(-50%, -50%) rotate(135deg);
        transform: translate(-50%, -50%) rotate(135deg); }
      #bookBox #dateWrap .ui-widget-header .ui-datepicker-month {
        font-size: 24px; }
        @media screen and (max-width: 640px) {
          #bookBox #dateWrap .ui-widget-header .ui-datepicker-month {
            font-size: 21px; } }
      #bookBox #dateWrap .ui-widget-header .ui-datepicker-year {
        font-size: 14px; }
    #bookBox #dateWrap .ui-datepicker-current-day.ui-enable .ui-state-default {
      background: #00a983 !important;
      color: #fff !important; }
    #bookBox #dateWrap .ui-enable .ui-state-default {
      background: #cdf6e4 !important;
      border: none;
      color: #00654E !important; }
    #bookBox #dateWrap .ui-state-default, #bookBox #dateWrap .ui-widget-content .ui-state-default, #bookBox #dateWrap .ui-widget-header .ui-state-default {
      color: #333;
      background: #C9C9C9; }
  #bookBox .selectTime, #bookBox .selectTimeOff {
    background: none;
    border: none;
    color: #FFF;
    font-size: 14px;
    font-weight: 200;
    line-height: 1;
    margin-bottom: 10px; }
    @media screen and (max-width: 640px) {
      #bookBox .selectTime, #bookBox .selectTimeOff {
        width: 44%;
        margin-right: 0;
        margin-top: 0; } }
    #bookBox .selectTime .selectTimeList, #bookBox .selectTimeOff .selectTimeList {
      position: absolute;
      bottom: 60px;
      left: 0;
      width: 180px;
      background: #fff;
      -webkit-box-shadow: 0px -2px 10px -1px #cfcfcf;
      box-shadow: 0px -2px 10px -1px #cfcfcf;
      display: none;
      z-index: 100; }
      #bookBox .selectTime .selectTimeList li, #bookBox .selectTimeOff .selectTimeList li {
        color: #000;
        padding: 10px;
        font-weight: 200;
        font-size: 16px;
        cursor: pointer; }
        #bookBox .selectTime .selectTimeList li:hover, #bookBox .selectTimeOff .selectTimeList li:hover {
          background: #bfbfbf;
          color: #fff; }
  #bookBox .ageNum {
    background: none;
    border: none;
    color: #FFF;
    font-size: 14px;
    font-weight: 200;
    line-height: 1;
    margin-bottom: 10px; }
    @media screen and (max-width: 640px) {
      #bookBox .ageNum {
        width: 100%;
        margin-right: 0; } }
  #bookBox .estimate {
    color: #FFF;
    margin-bottom: 10px; }
    #bookBox .estimate dt {
      display: inline-block;
      font-size: 14px;
      margin-right: 20px;
      font-weight: 200; }
    #bookBox .estimate dd {
      display: inline-block;
      font-size: 30px;
      font-weight: 700; }
      #bookBox .estimate dd .note {
        font-size: 14px;
        margin-left: 5px; }
  #bookBox .book {
    background: #e50032;
    border: none;
    color: #fff;
    height: 40px;
    width: 100%;
    border-radius: 40px;
    cursor: pointer;
    text-align: center; }
    @media screen and (max-width: 640px) {
      #bookBox .book {
 } }
    #bookBox .book:hover {
      background: #ff720a; }
    #bookBox .book:disabled {
      background: #8C8C8C;
      cursor: default; }
      #bookBox .book:disabled:hover {
        background: #8C8C8C; }

#modalBg {
  display: none;
  width: 100%;
  height: 120%;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0; }

@media screen and (max-width: 640px) {
  .contentsWrap.type02 .contWrapRight, .contentsWrap.type02 .contWrapLeft, .contentsWrap.type02 .contWrapRight2 {
    float: none !important;
    width: 100% !important; }
  .contentsWrap.type02 .contWrapLeft {
    border-right: 0;
    padding-right: 0; } }

#popWrap iframe,
#popWrap_del iframe {
  width: 0px;
  height: 0px; }

#popWrap,
#popWrap_del {
  background: #fff;
  width: 704px;
  height: auto;
  padding: 0 0 30px;
  margin: 0; }

#popWrap p,
#popWrap_del p {
  color: #000;
  font-size: 133%;
  line-height: 175%;
  padding: 36px 50px 35px; }

#popWrap a,
#popWrap_del a {
  width: 50%;
  margin: 0 auto;
  display: block;
  text-align: center;
  font-weight: 400;
  letter-spacing: 0.05em;
  color: #fff;
  text-decoration: none;
  font-size: 130%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #ccc;
  border: none;
  cursor: pointer;
  outline: none; }

#popWrap a span,
#popWrap_del a span {
  display: inline-block;
  font-size: 100%;
  padding: 10px 0; }