@charset "UTF-8";
/*
 * CSS for PC
 * @date     2017.03.21
 * @author   Sungjoon Park
 */
/* ------------------------------------------

------------------------------------------ */
#widewrapper {
  width: 100%; }

/*
#keyVisual {
  width: 100%;
  margin: auto auto 30px auto;
  max-width: 1500px;
}

#keyVisual img {
  width: 100%;
  display: block;
}

#keyVisual h1 {
  text-indent: inherit;
  position: absolute;
  width: 760px;
  text-align: center;
  color: #ffffff;
  font-size: 60px;
  left: 50%;
  margin-left: -380px;
  margin-top: 140px;
  line-height: 1.2;
}

#keyVisual h1 span {
  display: block;
  font-size: 24px;
  font-weight: normal;
  margin-top: 12px;
  line-height: 1.5;
}
*/
.pc {
  display: block; }

.sp {
  display: none !important; }

.page_term {
  font-size: 13px;
  line-height: 1.5;
  width: 950px;
  margin: auto auto 30px auto;
  text-align: center; }

.pr_absolute::before {
  font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  z-index: 2; }

/* ----- nav -----*/
#pageTab {
  width: 950px;
  margin: auto auto 50px auto; }

#pageTab ul {
  z-index: 99; }

#pageTab ul.tab5 li {
  margin: 0;
  background: #ffffff;
  width: 190px; }

#pageTab ul li a {
  background: #dedede;
  height: auto;
  padding: 20px 0;
  font-size: 20px; }

#contentsArea #pageTab ul li a:hover {
  opacity: 0.7;
  text-decoration: none; }

/* ----- contents -----*/
#contents.column1 {
  width: 100%;
  padding: 0;
  margin: auto;
  background: #fff;
  /*background-color: #e3f1ff;*/ }

.page_cpn .cpn_box {
  /*width: 450px;
    float: left;
    margin-left: 50px;*/
  text-align: center; }

.page_cpn .cpn_box:nth-child(2n-1) {
  margin-left: 0; }

.page_cpn .cpn_box img {
  display: block;
  transition: .3s; }

.page_cpn .cpn_box a:hover img {
  opacity: 0.8; }

.char {
  display: block;
  line-height: 1.7;
  font-size: 13px; }

.cpCal,
.cpUser,
.cpPoint,
.cpTogether {
  padding-left: 16px;
  padding-right: 4px;
  background-size: auto;
  background-repeat: no-repeat; }

.cpCal {
  background-image: url(https://img.travel.rakuten.co.jp/special/sales/coupon/images/cpCal.svg); }

.cpUser {
  background-image: url(https://img.travel.rakuten.co.jp/special/sales/coupon/images/cpUser.svg); }

.cpPoint {
  background-image: url(https://img.travel.rakuten.co.jp/special/sales/coupon/images/cpPoint.svg); }

.cpTogether {
  background-image: url(https://img.travel.rakuten.co.jp/special/sales/coupon/images/cpTogether.svg);
  background-position: left 2px; }

.cpVol {
  font-weight: bold; }

#contentsArea .jdsColorBoxHtml {
  /*color: #1d54a7 !important;*/
  /*display: block;
    font-size: 13px;
    text-decoration: underline;
    text-align: center;*/
  /*margin-top: 10px;*/
  /*display: flex;
    align-items: center;
    justify-content: center;*/ }

#contentsArea .jdsColorBoxHtml::after {
  /*display: block;
    content: url(../images/coupon_icon.png);
    margin: 7px 0px 0px 5px;*/ }

#colorbox {
  width: 800px !important;
  height: 100% !important;
  position: fixed !important;
  /*top: 50px !important;*/
  top: 5vh !important;
  left: 50% !important;
  margin-left: -400px !important; }

.tableholder {
  max-height: 90vh !important; }

#cboxWrapper {
  height: auto !important;
  overflow: auto !important;
  width: 800px !important; }

#cboxContent {
  width: 100% !important;
  margin: 0 !important;
  float: none !important;
  height: 100% !important; }

#cboxMiddleLeft {
  height: 100% !important; }

#cboxOverlay {
  background-color: rgba(0, 0, 0, 0.5) !important;
  height: 100% !important; }

#cboxLoadedContent {
  background: #fff !important;
  border: none !important;
  box-sizing: border-box;
  height: auto !important;
  width: 100% !important;
  overflow: hidden; }

#inline_content1,
#inline_content2,
#inline_content3 {
  list-style: none !important;
  font-size: 13px; }

.page_cpn {
  /*margin-bottom: 40px;*/
  display: flex;
  /*justify-content: space-between;*/
  justify-content: center; }

.cpn_box_txtbox {
  padding: 20px 20px 0 20px;
  background: #fff;
  color: #333; }

.cpn_box_txtbox dt {
  font-size: 14px; }

.cpn_box_txtbox dd {
  font-size: 13px;
  line-height: 1.5;
  margin-bottom: 8px; }

.cpn_box_txtbox dd em {
  font-style: normal;
  font-size: 120%;
  display: block;
  font-weight: bold; }

#cboxClose {
  background: url(../images/close.jpg) top right no-repeat !important;
  background-position-x: center;
  background-position-y: top;
  width: 25px !important;
  height: 25px !important; }

.tableholder {
  position: relative;
  display: none; }

.tableholder table {
  background-color: #fff;
  border-left: 1px solid #b4b4b4;
  border-top: 1px solid #b4b4b4;
  font-size: 13px;
  line-height: 1.4;
  display: block; }

.tableholder table td {
  border-right: 1px solid #b4b4b4;
  padding: 8px;
  border-bottom: 1px solid #b4b4b4; }

.tableholder table tr:first-child {
  color: #fff; }

.tableholder table tr:first-child td {
  text-align: center !important;
  background-color: #1ba81b !important; }

.tableholder table tr:last-child td {
  font-size: 11px; }

.tableholder table tr td:first-child {
  background-color: #e1e1e1;
  text-align: right;
  width: 200px;
  font-weight: bold; }

.coupon-guide {
  /*max-width: 912px;*/
  /*max-width: 820px;*/
  /*margin: 0 auto 1.75em;*/
  margin-top: 2em;
  margin-left: auto;
  margin-right: auto;
  /*font-size: 13px;*/
  font-size: 17px;
  /*font-weight: bold;*/
  line-height: 1;
  /*text-align: right;*/
  display: flex;
  justify-content: center;
  /*justify-content: flex-end;*/ }

.coupon-guide a {
  border: 1px solid #000;
  /*display: inline-block;*/
  /*padding: .25em .5em .5em .9em;*/
  padding: 0.5em 1em 0.5em 2em;
  /*border-radius: 4px;*/
  border-radius: 8px;
  /*background-color: #e1e1e1;*/
  /*background-color: #fcfffc;*/ }
  .coupon-guide a + a {
    margin-left: 0.8em; }

.coupon-guide a::after {
  display: inline-block;
  content: "";
  background-image: url(https://img.travel.rakuten.co.jp//special/sales/template/html/images/Linkwindow.svg);
  width: 16px;
  height: 16px;
  position: relative;
  right: -2px;
  background-position: center top 1px;
  background-repeat: no-repeat; }

/*--------------------------
cpn
--------------------------*/
#cpn_area {
  background-image: url(../images/bg_cpn_area_v2.png);
  background-repeat: no-repeat;
  background-position: center top;
  /*background-size: 100%;*/
  padding: 135px 0 150px;
  text-align: center;
  /*.ttlsub {
    margin-left: 30px;
    margin-top: -30px;
    text-align: left;
    position: relative;
  }*/ }
  #cpn_area .inner {
    background-color: #fff;
    border-radius: 1em;
    padding-top: 1px;
    padding-bottom: 80px;
    position: relative;
    border: 1px solid #000; }
  #cpn_area h2 {
    font-size: 38px;
    font-weight: normal;
    line-height: 1.3;
    margin-top: -35px;
    margin-left: 200px; }
  #cpn_area .coupon__filter__guide {
    margin-top: -130px;
    position: relative;
    z-index: 1; }
    #cpn_area .coupon__filter__guide a {
      font-size: 14px;
      background-color: #D9D9D9;
      padding: 0.5em 1em; }
    #cpn_area .coupon__filter__guide::after {
      background-size: 24px;
      width: 24px;
      height: 24px; }
  #cpn_area .kikan {
    margin-top: -1.2em;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    position: relative;
    z-index: 1; }
    #cpn_area .kikan dl {
      display: flex;
      font-size: 20px; }
      #cpn_area .kikan dl:nth-of-type(2) {
        margin-top: 0.3em; }
  #cpn_area .note {
    margin-top: 2em;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    width: 623px; }
  #cpn_area .cpn {
    padding: 65px 0 65px;
    margin-left: auto;
    margin-right: auto;
    width: 800px;
    /*&.cpn_a {
      background-color: #eef6ea;
      margin-top: 40px;
      .coupon__box {
        .coupon__box__holder {
          justify-content: center;
          .tag {
            margin-left: -20px;
          }
        }
      }
    }*/ }
    #cpn_area .cpn.cpn_b {
      background-color: #EFFBFF;
      margin-top: 40px; }
  #cpn_area .btn_cpn_area {
    margin-top: 40px; }

.inline_content1 .tableholder table tr:first-child td {
  background-color: #3d4cc1 !important; }

.inline_content2 .tableholder table tr:first-child td {
  background-color: #3d4cc1 !important; }

.inline_content3 .tableholder table tr:first-child td {
  background-color: #019997 !important; }

/* -----  -----*/
/*
.page_h2 {
    background: #777;
    color: #fff;
    text-align: center;
    padding: 12px 0;
    margin-bottom: 25px;
    font-size: 25px;
}
*/
.page_box_sty1 {
  width: 950px;
  margin: auto auto 45px auto; }

.page_box1 {
  width: 430px;
  float: left;
  margin-left: 30px;
  margin-bottom: 30px; }

.box1img img {
  display: block;
  width: 100%; }

.page_box1 h3 {
  font-size: 18px;
  margin: 15px 0 12px; }

.txtfont13 {
  font-size: 14px;
  line-height: 1.4; }

.page_box1 .ss-center .cp__acordion {
  clear: both; }

.page_box1 .cp__acordion .cp__trigger:hover {
  background-color: #bababa;
  color: #ffffff; }

.page_box1 .cp__acordion .cp__trigger {
  font-size: 13px;
  display: block;
  position: relative;
  padding: 10px;
  cursor: pointer; }

.page_box1 .cp__acordion .cp__trigger::after {
  display: inline-block;
  content: " ";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 10px;
  height: 7px;
  margin-top: -3.5px;
  background-repeat: no-repeat; }

.page_box1 .cp__acordion li .cp__trigger {
  background: #e1e1e1; }

.page_box1 .cp__liststyle-dot > * {
  margin-left: 1em;
  text-indent: -1em;
  margin-bottom: 8px;
  font-size: 12px;
  line-height: 1.4; }

.page_box1 .cp__acordion ul.submenu {
  background-color: #f0f0f0;
  padding: 8px 10px 10px 10px;
  line-height: 1.4; }

.page_box1 .cp__acordion .cp__trigger::after {
  background-image: url(../images/icon_1.png) !important;
  background-size: 22px 22px;
  width: 22px;
  height: 22px;
  margin-top: -11px;
  right: 6px; }

.page_box1 .cp__acordion .cp__trigger.active-submenu::after {
  background-image: url(../images/icon_2.png) !important;
  background-size: 22px 22px;
  width: 22px;
  height: 22px;
  margin-top: -11px;
  right: 6px; }

.holder {
  margin-top: 12px; }

.cp_right {
  display: none; }

.fixBnr2 {
  position: fixed;
  display: block;
  /*right: 10px;*/
  right: 30px;
  /*bottom: 40px;*/
  bottom: 20px; }

#contents .pagetop_btn {
  /*width: 90px;*/
  z-index: 999; }

.pagetop_btn li {
  margin-bottom: 1px; }

.pagetop_btn li a {
  background: #dedede;
  width: 90px;
  display: block;
  text-align: center;
  padding: 10px 0; }

#contentsArea .pagetop_btn li a:hover {
  text-decoration: none;
  opacity: 0.8; }

/* ----- Access -----*/
/*.accessBox {
  border: none;
  margin-bottom: 45px;
}

.column1 .accessBox .map {
  width: 600px;
  margin: auto;
  float: none;
  height: 450px;
  margin-bottom: 10px;
}

.column1 .accessBox .map iframe {
  width: 100%;
  display: block;
  height: 450px;
}

.column1 .accessBox .route {
  width: 600px;
  float: none;
  margin: auto;
}*/
#search-box h1 {
  display: none; }

.column1 #search-box {
  margin: auto; }

.disclaimer {
  /*margin: 20px auto 40px;*/
  /*font-size: 13px;*/
  text-align: center;
  padding: 1em 0;
  /*padding: 1em 0 0;*/
  background-color: #f6f6f6;
  /*border-radius: 30px;*/
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  width: 960px; }
  .disclaimer span {
    display: block;
    font-size: 14px;
    margin-top: 1em; }

#newetiquette {
  font-size: 18px;
  border: 1px solid #a8a8a8;
  border-radius: 30px;
  /*width: 900px;*/
  width: 920px;
  text-align: center;
  /*margin: 60px auto;*/
  margin: auto;
  /*background: #eee;*/
  /*background: #ededed;*/
  padding: 10px 0; }

#newetiquette a {
  /*color: #0059B2 !important;*/
  color: #0078ff !important; }

#pageInquiry .inquiryTable {
  /*width: 900px;*/
  width: 960px;
  /*margin: 60px auto 20px;*/
  margin: 90px auto 0;
  font-size: 14px;
  border-collapse: collapse; }

#pageInquiry th,
#pageInquiry td {
  border: solid 1px #aaa;
  padding: 22px; }

#pageInquiry td {
  background-color: #fff; }

#pageInquiry th {
  background-color: #efefef;
  text-align: center;
  width: 220px; }

#pageInquiry .inquiryTable a {
  color: #0059B2; }

.page_footer {
  background: #f7f7f7;
  padding: 10px 12px;
  border-top: 1px solid #c2c2c2;
  border-bottom: 1px solid #c2c2c2;
  margin: 0 10px 12px 10px; }

.page_footer ul {
  width: 950px;
  margin: auto; }

.page_footer ul li {
  margin-bottom: 6px; }

.page_footer a {
  color: #777;
  font-size: 13px;
  line-height: 1.6;
  text-decoration: none; }

.page_footer a:hover {
  text-decoration: underline; }

.page_footer p {
  width: 950px;
  margin: auto; }

.page_footer p span {
  display: inline-block;
  margin-right: 12px; }

#contentsArea .cpn_box .btn {
  /*width: 220px;*/
  /*margin: 20px auto auto auto;*/ }

/*
#contentsArea .cpn_box .btn .main {
    border: 2px solid #7bb33e;
    border-radius: 5px;
    background-color: #fff;
    color: #7bb33e;
    text-align: center;
    display: block;
    margin: 0px auto;
    font-weight: bold;
    padding: 10px 0;
    position: relative;
    font-size: 16px;
}
*/
/*#contentsArea .cpn_box .btn .main:after {
    position: absolute;
    content: '';
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMCAYAAABfnvydAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpDNkQ4N0ZGMzJGQzRFNzExODg5RkM1RTg2NEE3ODZENyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDNzczMUIzN0M1QjcxMUU3ODhGNEZFQzVFMjgxMEUyOSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDNzczMUIzNkM1QjcxMUU3ODhGNEZFQzVFMjgxMEUyOSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNCMjI2MTI1MUFDNUU3MTE5RkIzOUM4RTk0QkM0M0U5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkM2RDg3RkYzMkZDNEU3MTE4ODlGQzVFODY0QTc4NkQ3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+xa2QmQAAAM5JREFUeNpc0L8LAWEcx/HnZLiBQcmk/AVKdu4fMCr5D1hJEqV0GSwkshoNYmCVTPwZwmAxUSTnvO96Tg9Pvfo+d9/P8+NOqy/SdyGEjgoGZmbzEMrwYQ0LTRQbS0P/DxQwQQAt51kNabZtC15EmXeQxw0NjDju6QacQShGMZGToTZW34AMRShDZPHCzid+RxghOb/g7FdWJyg9GNijiq13SafZRwpHlLjg1P1MmklqVzZPKGPm7ewcMUYcB9mcs/qt/qggrqjJpqXe+iPAAHnLRIHtZQkmAAAAAElFTkSuQmCC) 0 0 no-repeat;
    height: 12px;
    width: 8px;
    right: 12px;
    top: 50%;
    margin-top: -6px;
    display: block;
}

#contentsArea .cpn_box .btn .main:hover {
    opacity: 0.8;
}*/
#contentsArea .gototop_btn {
  margin-top: 20px; }

#contentsArea .gototop_btn a {
  background: #333;
  color: #fff; }

#contentsArea .gototop_btn a:hover {
  color: #fff; }

/* 202409 クーポン調整 */
.coupon__box .couponOneClick .coupon__button a {
  background-color: #009700;
  border-radius: 5px;
  font-weight: bold;
  height: 42px;
  width: 100%;
  flex: auto !important; }

.coupon__box .couponOneClick .coupon__button a:hover {
  background-color: #009700; }

.coupon__box .coupon__box__holder {
  padding: 48px 10px 100px; }

.coupon__container .coupon__cover span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.coupon__box__holder .couponOneClick .couponOneClick-acquired,
.coupon__box__holder .couponOneClick .couponOneClick-having,
.coupon__box__holder .couponOneClick .couponOneClick-expired,
.coupon__box__holder .couponOneClick .couponOneClick-finished {
  background-color: transparent; }

.noteC {
  font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  font-size: 14px;
  margin-bottom: 54px;
  margin-top: 20px;
  text-align: center; }

/* 202601 クーポン調整追加 */
.coupon__box {
  text-align: left; }

.coupon__box .coupon__box__holder {
  padding: 20px 0px 0px;
  /*width: 664px;*/
  width: 680px; }

.couponOneClick .coupon__amount {
  margin-bottom: 0 !important; }

/*.coupon__limition-blue {
  color: #1d54a7 !important;
  font-weight: 600;
  margin-bottom: -0.3em;
}*/
/* ----- ▼▼▼全般▼▼▼ -----*/
html {
  overflow: auto; }

body {
  overflow: hidden;
  /*min-width: 1000px;*/
  min-width: 1024px; }

#widewrapper,
.rc-f-standard,
#survey {
  background: #fff; }

.cf:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

/*--------------------------
reservation
--------------------------*/
.reservation_title + .page_h2 {
  font-size: 0;
  text-indent: 9999px;
  overflow: hidden;
  background: none;
  padding: 0;
  margin: 0; }

.reservation_title {
  text-align: center;
  padding-bottom: 2.5em; }

.reservation #search-box {
  border: none; }

/*--------------------------
LPコンテンツ用
--------------------------*/
.kumamoto {
  /*background: #faf8f2 !important;*/
  color: #333;
  /*font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'メイリオ', Meiryo, sans-serif;*/
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 16px;
  /*line-height: 1.8;*/
  line-height: 1.6;
  margin-left: auto;
  margin-right: auto;
  max-width: 1920px;
  /*.btn {
    font-size: 12px;
  }*/
  /* ----- access -----*/
  /*----- search-box -----*/
  /*----- 動き -----*/
  /*ディレイ*/ }
  .kumamoto img {
    backface-visibility: hidden;
    /*vertical-align: bottom;*/
    padding: 0;
    margin: 0;
    border: none;
    /*max-width: 100%;*/ }
  .kumamoto ol,
  .kumamoto ul {
    list-style-type: none; }
  .kumamoto * {
    box-sizing: border-box; }
  .kumamoto table {
    border-collapse: collapse;
    border-spacing: 0; }
  .kumamoto a {
    transition: .3s; }
  .kumamoto a:hover {
    opacity: 0.8;
    text-decoration: none; }
  .kumamoto sup {
    font-size: small;
    vertical-align: middle;
    margin-top: -10px;
    display: inline-block; }
  .kumamoto .inner {
    /*background-color: rgba(0, 0, 0, 0.03);*/
    width: 960px;
    margin-left: auto;
    margin-right: auto; }
  .kumamoto .link_color {
    text-decoration: underline !important;
    color: #0078ff !important; }
    .kumamoto .link_color:hover {
      text-decoration: none !important; }
  .kumamoto .link_line {
    text-decoration: underline !important; }
    .kumamoto .link_line:hover {
      text-decoration: none !important; }
  .kumamoto .btn_note {
    font-size: 12px;
    margin-top: 0 !important;
    text-align: center; }
  .kumamoto .detail {
    background-color: rgba(218, 126, 130, 0.1); }
    .kumamoto .detail dl {
      color: #4c4c4c;
      display: flex; }
      .kumamoto .detail dl dd {
        margin-left: 1em; }
  .kumamoto .vertical {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl; }
    .kumamoto .vertical .num {
      text-combine-upright: all; }
  .kumamoto .note {
    font-size: 12px;
    margin-top: 1em; }
  .kumamoto .coupon_float {
    position: fixed;
    bottom: 310px;
    right: -100%;
    /*transition: 0.3s;*/
    transition: 1s;
    z-index: 1000;
    /*&.hide {
    opacity: 0;
    pointer-events: none;
  }*/ }
    .kumamoto .coupon_float.fixed {
      right: 0%; }
  .kumamoto .menu {
    display: flex;
    border: 2px solid #009A26;
    background-color: white;
    border-radius: 1em 0em 0em 1em;
    position: fixed;
    top: auto;
    bottom: 120px;
    right: 0;
    padding: 1.5em 0;
    height: 176px;
    width: 201px;
    z-index: 11;
    opacity: 0;
    visibility: hidden;
    transition: .3s; }
    .kumamoto .menu ul {
      display: flex;
      justify-content: space-between;
      align-items: baseline;
      width: auto; }
      .kumamoto .menu ul img {
        vertical-align: bottom; }
      .kumamoto .menu ul li a {
        position: relative; }
        .kumamoto .menu ul li a::after {
          background-color: #D9D9D9;
          border-radius: 50%;
          content: "";
          width: 6px;
          height: 6px;
          position: absolute;
          top: 0.7em;
          left: -1em;
          z-index: 1;
          transition: .3s; }
        @media (hover: hover) and (pointer: fine) {
          .kumamoto .menu ul li a:hover {
            opacity: 1; }
            .kumamoto .menu ul li a:hover::after {
              background-color: #00781E; } }
      .kumamoto .menu ul li .active {
        z-index: 0;
        /*&::after {
            content: url(../images/deco_pin_menu.png);
            position: absolute;
            top: -28px;
            left: 50%;
            transform: translateX(-50%);
          }*/ }
        .kumamoto .menu ul li .active::after {
          background-color: #00781E; }
      .kumamoto .menu ul li + li {
        /*margin-top: 1.5em;*/ }
    .kumamoto .menu.fixed {
      opacity: 1;
      visibility: visible; }
  .kumamoto .hi_area {
    background-color: #EFE; }
  .kumamoto .kv {
    background-image: url(../images/bg_kv_v2.png);
    background-repeat: no-repeat;
    background-position: center top;
    /*background-size: 100%;*/
    padding-top: 1px;
    height: 1182px; }
    .kumamoto .kv .inner {
      height: 100%;
      position: relative; }
    .kumamoto .kv h1 {
      text-align: center;
      margin-top: 170px; }
  .kumamoto .intro {
    margin-top: -370px;
    margin-left: 80px;
    padding-bottom: 110px; }
    .kumamoto .intro .box {
      display: flex;
      align-items: flex-end;
      gap: 55px; }
      .kumamoto .intro .box .desc {
        margin-bottom: 25px; }
        .kumamoto .intro .box .desc .txt {
          line-height: 2;
          margin-top: 2em;
          width: 384px; }
          .kumamoto .intro .box .desc .txt strong {
            color: #00781E;
            font-size: 20px;
            font-weight: bold; }
      .kumamoto .intro .box .map_wrap {
        position: relative; }
        .kumamoto .intro .box .map_wrap .pin {
          position: absolute;
          z-index: 2; }
          .kumamoto .intro .box .map_wrap .pin.pin01 {
            top: 70px;
            left: 170px; }
          .kumamoto .intro .box .map_wrap .pin.pin02 {
            top: 100px;
            left: 340px; }
          .kumamoto .intro .box .map_wrap .pin.pin03 {
            top: 170px;
            left: 150px; }
          .kumamoto .intro .box .map_wrap .pin.pin04 {
            top: 215px;
            left: 320px; }
          .kumamoto .intro .box .map_wrap .pin.pin05 {
            top: 340px;
            left: 0px; }
          .kumamoto .intro .box .map_wrap .pin.pin06 {
            top: 370px;
            left: 250px; }
        .kumamoto .intro .box .map_wrap .map {
          position: relative;
          z-index: 1; }
    .kumamoto .intro .btn {
      margin-top: 65px;
      text-align: center; }
    .kumamoto .intro .note {
      text-align: center; }
  .kumamoto .specialplan {
    background-color: #EEFFEE;
    background-image: url(../images/bg_specialplan.png);
    background-repeat: no-repeat;
    background-position: center top 50px;
    /*background-size: cover;*/
    /*padding-top: 50px;*/
    /*padding-bottom: 180px;*/
    padding-bottom: 170px;
    text-align: center; }
    .kumamoto .specialplan .box {
      display: flex;
      justify-content: center;
      /*gap: 40px;*/
      /*margin-top: 75px;*/
      margin-top: 60px; }
      .kumamoto .specialplan .box .plan {
        background-color: #fff;
        border-radius: 2em;
        padding: 1px 2em 2em;
        position: relative;
        width: 460px; }
        .kumamoto .specialplan .box .plan h3 {
          margin-top: -36px;
          margin-left: -54px; }
        .kumamoto .specialplan .box .plan .btn {
          text-align: center; }
          .kumamoto .specialplan .box .plan .btn.btn01 {
            /*margin-top: 20px;*/
            margin-top: 15px; }
        .kumamoto .specialplan .box .plan .note {
          text-align: left; }
        .kumamoto .specialplan .box .plan.plan01 {
          border: 2px solid #E8370D; }
          .kumamoto .specialplan .box .plan.plan01 .btn02 {
            margin-top: 5px; }
        .kumamoto .specialplan .box .plan.plan02 {
          border: 2px solid #111111;
          margin-left: 40px; }
          .kumamoto .specialplan .box .plan.plan02 .btn02 {
            margin-top: 10px; }
          .kumamoto .specialplan .box .plan.plan02 .pic {
            position: absolute;
            left: 45px;
            bottom: -70px; }
  .kumamoto .trip {
    background-color: #F6E6CD;
    /*/area*/ }
    .kumamoto .trip .ttl_wrap {
      background-image: url(../images/bg_ttl_trip.jpg);
      background-repeat: no-repeat;
      background-position: center top;
      /*background-size: cover;*/
      height: 320px;
      overflow: hidden; }
      .kumamoto .trip .ttl_wrap h2 {
        margin-top: -80px;
        text-align: center; }
    .kumamoto .trip .lead {
      line-height: 1.8;
      letter-spacing: 0.1em;
      margin-top: 4em;
      text-align: center; }
    .kumamoto .trip .area {
      /*/area01*/
      /*/area02*/
      /*/area03*/
      /*/area04*/
      /*/area05*/
      /*/area06*/ }
      .kumamoto .trip .area .inner {
        position: relative; }
      .kumamoto .trip .area .cont {
        background-color: #fff;
        border-radius: 2em;
        padding-top: 1px;
        padding-bottom: 80px;
        /*/box*/ }
        .kumamoto .trip .area .cont h2 {
          margin-left: 30px;
          margin-top: -140px; }
        .kumamoto .trip .area .cont .box {
          display: flex;
          justify-content: space-between;
          margin-top: 60px;
          position: relative;
          /*/slider_outer*/ }
          .kumamoto .trip .area .cont .box .ph01 {
            margin-left: -200px; }
          .kumamoto .trip .area .cont .box .slider_outer {
            position: relative;
            width: 600px;
            margin-left: -40px;
            z-index: 1; }
            .kumamoto .trip .area .cont .box .slider_outer .swiper-container {
              overflow: visible; }
              .kumamoto .trip .area .cont .box .slider_outer .swiper-container .swiper-pagination {
                display: flex;
                justify-content: flex-end;
                bottom: -10px !important; }
                .kumamoto .trip .area .cont .box .slider_outer .swiper-container .swiper-pagination .swiper-pagination-bullet {
                  /*border-radius: unset;*/
                  border-radius: 1em;
                  background-color: #D9D9D9;
                  margin: 0;
                  opacity: 1;
                  height: 4px;
                  width: 24px; }
                  .kumamoto .trip .area .cont .box .slider_outer .swiper-container .swiper-pagination .swiper-pagination-bullet + span {
                    margin-left: 0.4em; }
                .kumamoto .trip .area .cont .box .slider_outer .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
                  background-color: #73a375 !important; }
          .kumamoto .trip .area .cont .box .desc {
            margin-right: 40px; }
            .kumamoto .trip .area .cont .box .desc .txt {
              line-height: 1.5;
              margin-top: 1em;
              text-align: left;
              width: 480px; }
              .kumamoto .trip .area .cont .box .desc .txt span {
                font-size: 12px; }
            .kumamoto .trip .area .cont .box .desc .pic_access {
              margin-top: 1em; }
            .kumamoto .trip .area .cont .box .desc .address {
              font-size: 14px;
              margin-top: 1em; }
            .kumamoto .trip .area .cont .box .desc .pic_box {
              display: flex;
              gap: 25px;
              margin-top: 1em; }
          .kumamoto .trip .area .cont .box.box02 {
            flex-direction: row-reverse; }
            .kumamoto .trip .area .cont .box.box02 .slider_outer {
              margin-left: 0;
              margin-right: -40px;
              width: 400px;
              position: relative; }
              .kumamoto .trip .area .cont .box.box02 .slider_outer .ico {
                position: absolute;
                left: -95px;
                top: -55px;
                z-index: 2; }
              .kumamoto .trip .area .cont .box.box02 .slider_outer .swiper-container .swiper-pagination {
                justify-content: flex-start;
                bottom: -10px !important; }
            .kumamoto .trip .area .cont .box.box02 .desc {
              margin-left: 80px; }
      .kumamoto .trip .area.area01 {
        padding-top: 140px;
        padding-bottom: 100px;
        /*/cont*/ }
        .kumamoto .trip .area.area01 .pic_car {
          position: absolute;
          top: -345px;
          right: -260px; }
        .kumamoto .trip .area.area01 .deco {
          position: absolute;
          top: 250px;
          right: -310px; }
        .kumamoto .trip .area.area01 .cont {
          /*/box*/ }
          .kumamoto .trip .area.area01 .cont .box {
            margin-top: 40px;
            /*/slider_outer*/ }
            .kumamoto .trip .area.area01 .cont .box .slider_outer .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
              background-color: #FA8D84 !important; }
            .kumamoto .trip .area.area01 .cont .box.box02 {
              margin-top: 80px; }
      .kumamoto .trip .area.area02 {
        padding-top: 130px;
        padding-bottom: 100px;
        /*/cont*/ }
        .kumamoto .trip .area.area02 .pic_car {
          position: absolute;
          top: -235px;
          left: 60px; }
        .kumamoto .trip .area.area02 .deco {
          position: absolute;
          top: -140px;
          left: -230px; }
        .kumamoto .trip .area.area02 .cont {
          /*/box*/ }
          .kumamoto .trip .area.area02 .cont h2 {
            margin-top: -140px;
            margin-right: 30px;
            text-align: right; }
          .kumamoto .trip .area.area02 .cont .box {
            flex-direction: row-reverse;
            margin-top: 40px;
            /*/slider_outer*/ }
            .kumamoto .trip .area.area02 .cont .box .ph01 {
              margin-right: -200px; }
            .kumamoto .trip .area.area02 .cont .box .desc {
              margin-left: 60px; }
            .kumamoto .trip .area.area02 .cont .box .slider_outer .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
              background-color: #EDD000 !important; }
            .kumamoto .trip .area.area02 .cont .box.box02 {
              flex-direction: row;
              margin-top: 80px; }
              .kumamoto .trip .area.area02 .cont .box.box02 .slider_outer {
                margin-left: -40px; }
                .kumamoto .trip .area.area02 .cont .box.box02 .slider_outer .ico {
                  left: auto;
                  right: -70px; }
                .kumamoto .trip .area.area02 .cont .box.box02 .slider_outer .swiper-container .swiper-pagination {
                  justify-content: flex-end; }
      .kumamoto .trip .area.area03 {
        padding-top: 140px;
        padding-bottom: 140px;
        /*/cont*/ }
        .kumamoto .trip .area.area03 .pic_car {
          position: absolute;
          top: -300px;
          right: 0px; }
        .kumamoto .trip .area.area03 .deco {
          position: absolute;
          top: 370px;
          right: -240px; }
        .kumamoto .trip .area.area03 .cont {
          /*/box*/ }
          .kumamoto .trip .area.area03 .cont .box {
            margin-top: 40px;
            /*/slider_outer*/ }
            .kumamoto .trip .area.area03 .cont .box .slider_outer .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
              background-color: #A9A4EC !important; }
            .kumamoto .trip .area.area03 .cont .box.box02 {
              margin-top: 80px; }
      .kumamoto .trip .area.area04 {
        padding-top: 80px;
        padding-bottom: 100px;
        /*/cont*/ }
        .kumamoto .trip .area.area04 .pic_car {
          position: absolute;
          top: -245px;
          left: -40px; }
        .kumamoto .trip .area.area04 .deco {
          position: absolute;
          top: 450px;
          left: -230px; }
        .kumamoto .trip .area.area04 .cont {
          /*/box*/ }
          .kumamoto .trip .area.area04 .cont h2 {
            margin-top: -95px;
            margin-right: 30px;
            text-align: right; }
          .kumamoto .trip .area.area04 .cont .box {
            flex-direction: row-reverse;
            margin-top: 40px;
            /*/slider_outer*/ }
            .kumamoto .trip .area.area04 .cont .box .ph01 {
              margin-right: -200px; }
            .kumamoto .trip .area.area04 .cont .box .desc {
              margin-left: 60px; }
            .kumamoto .trip .area.area04 .cont .box .slider_outer .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
              background-color: #5EB95E !important; }
            .kumamoto .trip .area.area04 .cont .box.box02 {
              flex-direction: row;
              margin-top: 80px; }
              .kumamoto .trip .area.area04 .cont .box.box02 .slider_outer {
                margin-left: -40px; }
                .kumamoto .trip .area.area04 .cont .box.box02 .slider_outer .ico {
                  left: auto;
                  right: -70px; }
                .kumamoto .trip .area.area04 .cont .box.box02 .slider_outer .swiper-container .swiper-pagination {
                  justify-content: flex-end; }
      .kumamoto .trip .area.area05 {
        padding-top: 140px;
        padding-bottom: 130px;
        /*/cont*/ }
        .kumamoto .trip .area.area05 .pic_car {
          position: absolute;
          top: -270px;
          right: 60px; }
        .kumamoto .trip .area.area05 .deco_sea {
          position: absolute;
          top: 560px;
          right: -280px; }
        .kumamoto .trip .area.area05 .cont {
          /*/box*/ }
          .kumamoto .trip .area.area05 .cont .box {
            margin-top: 40px;
            /*/slider_outer*/ }
            .kumamoto .trip .area.area05 .cont .box .slider_outer {
              margin-left: -200px; }
              .kumamoto .trip .area.area05 .cont .box .slider_outer .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
                background-color: #0CC9D8 !important; }
            .kumamoto .trip .area.area05 .cont .box.box02 {
              margin-top: 80px; }
              .kumamoto .trip .area.area05 .cont .box.box02 .txt2 {
                position: absolute;
                right: 220px;
                bottom: 112px;
                font-size: 12px; }
      .kumamoto .trip .area.area06 {
        padding-top: 80px;
        /*/cont*/ }
        .kumamoto .trip .area.area06 .pic_car {
          position: absolute;
          top: -245px;
          left: 40px; }
        .kumamoto .trip .area.area06 .deco {
          position: absolute;
          top: -140px;
          left: -230px; }
        .kumamoto .trip .area.area06 .cont {
          /*/box*/ }
          .kumamoto .trip .area.area06 .cont h2 {
            margin-top: -95px;
            margin-right: 30px;
            text-align: right; }
          .kumamoto .trip .area.area06 .cont .box {
            flex-direction: row-reverse;
            margin-top: 40px;
            /*/slider_outer*/ }
            .kumamoto .trip .area.area06 .cont .box .ph01 {
              margin-right: -200px; }
            .kumamoto .trip .area.area06 .cont .box .desc {
              margin-left: 60px; }
            .kumamoto .trip .area.area06 .cont .box .slider_outer .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
              background-color: #F9923F !important; }
            .kumamoto .trip .area.area06 .cont .box.box02 {
              flex-direction: row;
              margin-top: 80px; }
              .kumamoto .trip .area.area06 .cont .box.box02 .slider_outer {
                margin-left: -40px; }
                .kumamoto .trip .area.area06 .cont .box.box02 .slider_outer .ico {
                  left: auto;
                  right: -70px; }
                .kumamoto .trip .area.area06 .cont .box.box02 .slider_outer .swiper-container .swiper-pagination {
                  justify-content: flex-end; }
    .kumamoto .trip .btn_stay {
      text-align: center;
      margin-top: 80px; }
    .kumamoto .trip .btn_spot {
      text-align: center;
      margin-top: 50px; }
    .kumamoto .trip .note {
      margin-top: 1.5em;
      text-align: center; }
    .kumamoto .trip .pic_mountainrange {
      text-align: center;
      margin-top: 60px;
      /*margin-left: -480px;*/
      margin-bottom: -2px;
      line-height: 0; }
  .kumamoto .low_area {
    background-color: #EEFFEE;
    padding: 1px 0 120px; }
  .kumamoto .rentacar {
    padding-top: 50px;
    margin-top: 150px; }
    .kumamoto .rentacar .cont {
      background-color: #fff;
      border-radius: 2em;
      border: 2px solid #231815;
      padding: 1px 3em 2em 3em;
      position: relative; }
      .kumamoto .rentacar .cont h2 {
        position: absolute;
        top: -40px;
        right: 40px; }
      .kumamoto .rentacar .cont .box {
        display: flex;
        justify-content: center;
        gap: 40px; }
        .kumamoto .rentacar .cont .box .ph {
          margin-top: -50px; }
        .kumamoto .rentacar .cont .box .desc {
          margin-top: 175px;
          position: relative;
          z-index: 1; }
          .kumamoto .rentacar .cont .box .desc .btn {
            margin-top: 30px; }
  .kumamoto .house {
    margin-top: 80px;
    text-align: center; }
    .kumamoto .house .cont {
      background-color: #fff;
      border-radius: 2em;
      border: 2px solid #231815;
      padding: 2em 0 3.5em; }
      .kumamoto .house .cont .lead {
        margin-top: 1em; }
      .kumamoto .house .cont .box {
        display: flex;
        justify-content: center;
        margin-top: 55px;
        gap: 40px; }
        .kumamoto .house .cont .box li {
          width: 240px; }
          .kumamoto .house .cont .box li .desc {
            margin-top: 0.3em; }
            .kumamoto .house .cont .box li .desc .txt {
              text-align: left; }
            .kumamoto .house .cont .box li .desc .btn {
              margin-top: 1em; }
      .kumamoto .house .cont .note {
        margin-top: 40px; }
  .kumamoto .disclaimer {
    font-size: 12px;
    background: none;
    margin-top: 80px;
    padding: 0; }
  .kumamoto .access {
    /*padding: 140px 0 0;*/
    /*padding-top: 130px;*/
    margin-top: 100px; }
    .kumamoto .access h2 {
      text-align: center; }
    .kumamoto .access .gmap {
      margin-top: 70px; }
      .kumamoto .access .gmap iframe {
        height: 539px;
        width: 960px; }
    .kumamoto .access .box {
      display: flex;
      flex-wrap: wrap;
      margin-top: 40px; }
      .kumamoto .access .box > li {
        position: relative;
        width: 468px; }
        .kumamoto .access .box > li:nth-of-type(1) {
          margin-bottom: 40px; }
        .kumamoto .access .box > li:nth-of-type(2) {
          margin-top: 4px; }
        .kumamoto .access .box > li:nth-of-type(even) {
          margin-left: 24px; }
        .kumamoto .access .box > li h3 {
          /*margin-bottom: 10px;*/ }
        .kumamoto .access .box > li ul {
          margin-left: 80px; }
  .kumamoto .search_ttl {
    margin-top: 140px;
    text-align: center;
    padding-bottom: 25px; }
  .kumamoto #search-box {
    font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
    border: none;
    border-top: 10px solid #231815;
    padding: 1em 1.5em;
    width: 960px; }
    .kumamoto #search-box * {
      box-sizing: content-box; }
  .kumamoto .fadein01,
  .kumamoto .fadein02,
  .kumamoto .fadein03,
  .kumamoto .fadein04 {
    opacity: 0;
    transition: all .8s; }
  .kumamoto .fadeleft01,
  .kumamoto .fadeleft02,
  .kumamoto .fadeleft03,
  .kumamoto .fadeleft04 {
    opacity: 0;
    transform: translateX(-50px);
    transition: all .8s; }
  .kumamoto .faderight01,
  .kumamoto .faderight02,
  .kumamoto .faderight03,
  .kumamoto .faderight04 {
    opacity: 0;
    transform: translateX(50px);
    transition: all .8s; }
  .kumamoto .fadeup01,
  .kumamoto .fadeup02,
  .kumamoto .fadeup03,
  .kumamoto .fadeup04 {
    opacity: 0;
    transform: translateY(50px);
    transition: all .8s; }
  .kumamoto .fadedown01,
  .kumamoto .fadedown02,
  .kumamoto .fadedown03,
  .kumamoto .fadedown04 {
    opacity: 0;
    transform: translateY(-50px);
    transition: all .8s; }
  .kumamoto .fadein02,
  .kumamoto .fadeleft02,
  .kumamoto .faderight02,
  .kumamoto .fadeup02,
  .kumamoto .fadedown02 {
    transition-delay: .2s; }
  .kumamoto .fadein03,
  .kumamoto .fadeleft03,
  .kumamoto .faderight03,
  .kumamoto .fadeup03,
  .kumamoto .fadedown03 {
    transition-delay: .4s; }
  .kumamoto .fadein04,
  .kumamoto .fadeleft04,
  .kumamoto .faderight04,
  .kumamoto .fadeup04,
  .kumamoto .fadedown04 {
    transition-delay: .6s; }
  .kumamoto .fadein01.effect-scroll,
  .kumamoto .fadein02.effect-scroll,
  .kumamoto .fadein03.effect-scroll,
  .kumamoto .fadein04.effect-scroll,
  .kumamoto .fadeleft01.effect-scroll,
  .kumamoto .fadeleft02.effect-scroll,
  .kumamoto .fadeleft03.effect-scroll,
  .kumamoto .fadeleft04.effect-scroll,
  .kumamoto .faderight01.effect-scroll,
  .kumamoto .faderight02.effect-scroll,
  .kumamoto .faderight03.effect-scroll,
  .kumamoto .faderight04.effect-scroll,
  .kumamoto .fadeup01.effect-scroll,
  .kumamoto .fadeup02.effect-scroll,
  .kumamoto .fadeup03.effect-scroll,
  .kumamoto .fadeup04.effect-scroll,
  .kumamoto .fadedown01.effect-scroll,
  .kumamoto .fadedown02.effect-scroll,
  .kumamoto .fadedown03.effect-scroll,
  .kumamoto .fadedown04.effect-scroll {
    opacity: 1;
    transform: translate(0); }
  .kumamoto .delay01,
  .kumamoto .delay02,
  .kumamoto .delay03 {
    opacity: 0; }
  .kumamoto .delay01 {
    animation: delay 1.5s ease 0s 1 forwards; }
  .kumamoto .delay02 {
    animation: delay 1s ease 0.5s 1 forwards;
    transform: translateX(-50px); }
  .kumamoto .delay03 {
    animation: delay 1s ease 0.8s 1 forwards;
    transform: translateY(-50px); }

@-webkit-keyframes delay {
  100% {
    opacity: 1;
    transform: translate(0); } }

#footer_bnr_area {
  margin: 0 0 -24px !important;
  /*padding: 64px 0 64px;*/
  padding: 0;
  background-color: #fff;
  position: relative;
  z-index: 2; }

/*#pageInquiry {
  .inquiryTable {
    font-size: 16px;
    margin-top: 140px;

    th,
    td {
      border-left: none;
      border-right: none;
      padding: 3em 0;
      line-height: 2;
    }

    th {
      background-color: transparent;
    }
    
    a {
      color: #73a375;
    }
    
  }
}*/
/* ----- /kumamoto -----*/
@media screen and (max-height: 800px) {
  .kumamoto {
    /*.menu {
      bottom: 215px;
      ul {
        li {
          a {
            font-size: 14px;
          }
          & + li {
            margin-top: 2em;
          }
        }
      }
    }*/
    /*.coupon_float {
      width: 150px;
      img {
        width: 100%;
      }
    }*/ } }

/*# sourceMappingURL=contents_pc.css.map */