@charset "UTF-8";
/* ===================================================================
CSS information

file name	: common.css
author		 : Abilive
style info : 基本・共通設定
=================================================================== */
/* ===================================================================
CSS information

file name  : _settings.scss
author     : Abilive
style info : 汎用設定
=================================================================== */
.con_hp_link, .tmp_link_under, .btn_m_close, .con_intro_bar, .con_concept_side .con_col, .tab_stay_int {
  max-width: 1260px;
}
@media only screen and (min-width: 1025px) {
  .con_hp_link, .tmp_link_under, .btn_m_close, .con_intro_bar, .con_concept_side .con_col, .tab_stay_int {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_hp_link, .tmp_link_under, .btn_m_close, .con_intro_bar, .con_concept_side .con_col, .tab_stay_int {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (max-width: 767px) {
  .con_hp_link, .tmp_link_under, .btn_m_close, .con_intro_bar, .con_concept_side .con_col, .tab_stay_int {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}

.box_reserve_border {
  max-width: 1100px;
}
@media only screen and (min-width: 1025px) {
  .box_reserve_border {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_reserve_border {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (max-width: 767px) {
  .box_reserve_border {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}

.tmp_tab_lnk, .con_room_pager, .con_menu_sub_footer, .con_footer_guidance {
  max-width: 1600px;
}
@media only screen and (min-width: 1025px) {
  .tmp_tab_lnk, .con_room_pager, .con_menu_sub_footer, .con_footer_guidance {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_tab_lnk, .con_room_pager, .con_menu_sub_footer, .con_footer_guidance {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_tab_lnk, .con_room_pager, .con_menu_sub_footer, .con_footer_guidance {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}

.tmp_st + .tmp_tbl_base, .tmp_st + table.tmp_table {
  margin-top: 0;
}

.tmp_tbl_base, table.tmp_table {
  font-size: 84%;
  letter-spacing: 0.12em;
  line-height: 1.66667;
  width: 100%;
  position: relative;
  z-index: 1;
}
.tmp_tbl_base > thead > tr, table.tmp_table > thead > tr {
  background-color: #c9ded3;
}
.tmp_tbl_base > thead > tr > th, table.tmp_table > thead > tr > th {
  border-style: solid;
  font-weight: normal;
  border-style: solid;
  border-width: 0 1px 0 0;
  border-color: #eee;
}
@media only screen and (min-width: 768px) {
  .tmp_tbl_base > thead > tr > th, table.tmp_table > thead > tr > th {
    padding: 1em;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_tbl_base > thead > tr > th, table.tmp_table > thead > tr > th {
    padding: 1em;
  }
}
.tmp_tbl_base > thead + tbody tr th, table.tmp_table > thead + tbody tr th, .tmp_tbl_base > thead + tbody tr td, table.tmp_table > thead + tbody tr td {
  border-style: solid;
  border-width: 0 1px 1px 0;
  border-color: #eee;
}
.tmp_tbl_base > thead + tbody tr th:last-child, table.tmp_table > thead + tbody tr th:last-child, .tmp_tbl_base > thead + tbody tr td:last-child, table.tmp_table > thead + tbody tr td:last-child {
  border-width: 0 0 1px 0;
}
.tmp_tbl_base > thead + tbody tr:first-child > th, table.tmp_table > thead + tbody tr:first-child > th, .tmp_tbl_base > thead + tbody tr:first-child > td, table.tmp_table > thead + tbody tr:first-child > td {
  border-width: 1px 1px 1px 0;
}
.b_hotel_sheraton .tmp_tbl_base > thead + tbody tr > th, .b_hotel_sheraton table.tmp_table > thead + tbody tr > th {
  border-color: #afa6a0;
}
.b_tp_universal .tmp_tbl_base > thead + tbody tr > th, .b_tp_universal table.tmp_table > thead + tbody tr > th {
  border-color: #eee;
}
.b_resort_shima .tmp_tbl_base > thead + tbody tr > th, .b_resort_shima table.tmp_table > thead + tbody tr > th {
  border-color: #eee;
}
.tmp_tbl_base > thead + tbody tr:first-child th, table.tmp_table > thead + tbody tr:first-child th, .tmp_tbl_base > thead + tbody tr:first-child td, table.tmp_table > thead + tbody tr:first-child td {
  border-top: none !important;
}
.tmp_tbl_base > tbody > tr:first-child > th, table.tmp_table > tbody > tr:first-child > th, .tmp_tbl_base > tbody > tr:first-child > td, table.tmp_table > tbody > tr:first-child > td {
  border-width: 1px 0 1px 0;
}
.tmp_tbl_base > tbody > tr > th, table.tmp_table > tbody > tr > th,
.tmp_tbl_base > tbody > tr > td,
table.tmp_table > tbody > tr > td {
  border-style: solid;
  font-weight: normal;
  border-width: 0 0 1px 0;
}
@media only screen and (min-width: 768px) {
  .tmp_tbl_base > tbody > tr > th, table.tmp_table > tbody > tr > th,
  .tmp_tbl_base > tbody > tr > td,
  table.tmp_table > tbody > tr > td {
    padding: 1em;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_tbl_base > tbody > tr > th, table.tmp_table > tbody > tr > th,
  .tmp_tbl_base > tbody > tr > td,
  table.tmp_table > tbody > tr > td {
    padding: 1em;
  }
}
.ie .tmp_tbl_base > tbody > tr > th, .ie table.tmp_table > tbody > tr > th, .ie
.tmp_tbl_base > tbody > tr > td, .ie
table.tmp_table > tbody > tr > td {
  padding: 1.2em 1em .9em;
}
.tmp_tbl_base > tbody > tr > th, table.tmp_table > tbody > tr > th {
  border-color: #c5c6c6;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .tmp_tbl_base > tbody > tr > th, table.tmp_table > tbody > tr > th {
    width: 25.80645%;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_tbl_base > tbody > tr > th, table.tmp_table > tbody > tr > th {
    width: 10em;
  }
}
.tmp_tbl_base > tbody > tr > td, table.tmp_table > tbody > tr > td {
  border-color: #eeeeee;
}
@media only screen and (min-width: 768px) {
  .tmp_tbl_base > tbody > tr > td, table.tmp_table > tbody > tr > td {
    width: 74.19355%;
  }
}
@media only screen and (min-width: 768px) {
  .tmp_tbl_base > tbody > tr > td, table.tmp_table > tbody > tr > td {
    padding-right: 3em;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_tbl_base > tbody > tr > td, table.tmp_table > tbody > tr > td {
    padding-right: 1em;
  }
}
@media only screen and (min-width: 768px) {
  .tmp_tbl_base > tbody > tr > td, table.tmp_table > tbody > tr > td {
    padding-left: 3em;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_tbl_base > tbody > tr > td, table.tmp_table > tbody > tr > td {
    padding-left: 1em;
  }
}
.tmp_tbl_base > tbody > tr:last-child > th, table.tmp_table > tbody > tr:last-child > th,
.tmp_tbl_base > tbody > tr:last-child > td,
table.tmp_table > tbody > tr:last-child > td {
  border-bottom-width: 1px;
}
.b_hotel_sheraton .tmp_tbl_base > tbody > tr > td, .b_hotel_sheraton table.tmp_table > tbody > tr > td {
  border-color: #afa6a0;
}
.b_hotel_sheraton .tmp_tbl_base > tbody > tr > th, .b_hotel_sheraton table.tmp_table > tbody > tr > th {
  border-color: #6f625d;
}
.b_tp_universal .tmp_tbl_base > tbody > tr > th, .b_tp_universal table.tmp_table > tbody > tr > th {
  border-color: #c5c6c6;
}
.b_resort_shima .tmp_tbl_base > tbody > tr > th, .b_resort_shima table.tmp_table > tbody > tr > th {
  border-color: #c5c6c6;
}
.b_hotel_westin .tmp_tbl_base.type_dark, .b_hotel_westin table.type_dark.tmp_table {
  color: #fff;
}
.tmp_tbl_base.type_dark > tbody > tr > th, table.type_dark.tmp_table > tbody > tr > th {
  border-color: #989b9f;
}
.tmp_tbl_base.type_dark > tbody > tr > td, table.type_dark.tmp_table > tbody > tr > td {
  border-color: #c5c6c6;
}
.b_resort .tmp_tbl_base.type_dark > tbody > tr > th, .b_resort table.type_dark.tmp_table > tbody > tr > th {
  border-color: #868a8b;
}
.b_resort .tmp_tbl_base.type_dark > tbody > tr > td, .b_resort table.type_dark.tmp_table > tbody > tr > td {
  border-color: #c3c7c8;
}

table.color_table th, table.color_table td {
  font-weight: normal;
  border-width: 0 1px 0 0;
  border-style: solid;
}
table.color_table th:last-child, table.color_table td:last-child {
  border-right: none;
}
table.color_table thead tr.main th, table.color_table thead tr.main td {
  border-right-color: #fff;
}
table.color_table thead tr.sub th, table.color_table thead tr.sub td {
  border-right-color: #fff;
}
table.color_table tbody tr {
  border-bottom-color: #eeeeee;
  border-width: 0 0 1px 0;
  border-style: solid;
}
table.color_table tbody th, table.color_table tbody td {
  border-right-color: #eeeeee;
}
table.color_table tbody th {
  background-color: #f4f4f4;
}
.b_hotel_westin table.color_table thead tr.main {
  background-color: #c9ded3;
}
.b_hotel_westin table.color_table thead tr.sub {
  background-color: #e8f1ed;
}
.b_hotel table.color_table thead tr {
  background-color: #f4f1f8;
}
.b_hotel table.color_table thead tr.main {
  background-color: #c6b7d9;
  color: #575757;
}
.b_hotel table.color_table thead tr.sub {
  background-color: #e3dced;
  color: #575757;
}
.b_hotel table.color_table tbody tr th {
  background-color: #f4f1f8;
}
.b_tp_universal table.color_table thead tr {
  background-color: #e9e8ed;
}
.b_tp_universal table.color_table thead tr.main {
  background-color: #c2c5ce;
}
.b_tp_universal table.color_table thead tr.sub {
  background-color: #e9e8ed;
}
.b_resort_shima table.color_table thead tr {
  background-color: #e6ebef;
}
.b_resort_shima table.color_table thead tr.main {
  background-color: #cdd8de;
}
.b_resort_shima table.color_table thead tr.sub {
  background-color: #e6ebef;
}
.b_hotel_sheraton table.color_table thead tr {
  background-color: #70625f;
  color: #fff;
}
.b_hotel_sheraton table.color_table thead tr.main {
  background-color: #6f625d;
  color: #fff;
}
.b_hotel_sheraton table.color_table thead tr.main th, .b_hotel_sheraton table.color_table thead tr.main td {
  border-right-color: #afa6a0;
}
.b_hotel_sheraton table.color_table thead tr.sub {
  background-color: #afa6a0;
  color: #fff;
}
.b_hotel_sheraton table.color_table tbody tr {
  border-bottom-color: #afa6a0;
}
.b_hotel_sheraton table.color_table tbody tr th:not(:last-child), .b_hotel_sheraton table.color_table tbody tr td:not(:last-child) {
  border-right: 1px solid #afa6a0;
}
.b_hotel_sheraton table.color_table tbody tr th {
  background-color: #e0dcd9;
  color: inherit;
}
.b_city table.color_table thead tr {
  background-color: #ebf4f7;
}
.b_city table.color_table thead tr.main {
  background-color: #add9db;
}
.b_city table.color_table thead tr.main th, .b_city table.color_table thead tr.main td {
  border-right-color: #eeeeee;
}
.b_city table.color_table thead tr.sub {
  background-color: #eaf5f6;
}
.b_city table.color_table tbody tr th {
  background-color: #f2f9fa;
}
.b_hotel_marriott table.color_table thead tr {
  background-color: #e3e2de;
}
.b_hotel_marriott table.color_table thead tr.main {
  color: #fff;
  background-color: #5f6062;
}
.b_hotel_marriott table.color_table thead tr.sub {
  background-color: #e8f1ed;
  background-color: #bbbcbf;
  color: black;
}
.b_resort table.color_table thead tr {
  background-color: #fbedd2;
}
.b_resort table.color_table thead tr.main {
  background-color: #e7a41f;
  color: #fff;
}
.b_resort table.color_table thead tr.sub {
  background: #fad493;
}
.b_resort table.color_table tbody tr th {
  background-color: #fbedd2;
}

.tmp_col {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width: 1025px) {
  .tmp_col[data-col-pc="2"] > p, .tmp_col[data-col-pc="2"] > div {
    width: 48.40278%;
  }
  .tmp_col[data-col-pc="2"] > p:not(:nth-child(2n+1)), .tmp_col[data-col-pc="2"] > div:not(:nth-child(2n+1)) {
    margin-left: 3.19444%;
  }
  .tmp_col[data-col-pc="2"] > p:nth-child(n+3), .tmp_col[data-col-pc="2"] > div:nth-child(n+3) {
    margin-top: 3.19444%;
  }
  .tmp_col[data-col-pc="3"] > p, .tmp_col[data-col-pc="3"] > div {
    width: 31.25%;
  }
  .tmp_col[data-col-pc="3"] > p:not(:nth-child(3n+1)), .tmp_col[data-col-pc="3"] > div:not(:nth-child(3n+1)) {
    margin-left: 3.125%;
  }
  .tmp_col[data-col-pc="3"] > p:nth-child(n+4), .tmp_col[data-col-pc="3"] > div:nth-child(n+4) {
    margin-top: 3.125%;
  }
  .tmp_col[data-col-pc="4"] > p, .tmp_col[data-col-pc="4"] > div {
    width: 23.33333%;
  }
  .tmp_col[data-col-pc="4"] > p:not(:nth-child(4n+1)), .tmp_col[data-col-pc="4"] > div:not(:nth-child(4n+1)) {
    margin-left: 2.22222%;
  }
  .tmp_col[data-col-pc="4"] > p:nth-child(n+5), .tmp_col[data-col-pc="4"] > div:nth-child(n+5) {
    margin-top: 2.22222%;
  }
  .tmp_col[data-col-pc="5"] > p, .tmp_col[data-col-pc="5"] > div {
    width: 18.5%;
  }
  .tmp_col[data-col-pc="5"] > p:not(:nth-child(5n+1)), .tmp_col[data-col-pc="5"] > div:not(:nth-child(5n+1)) {
    margin-left: 1.875%;
  }
  .tmp_col[data-col-pc="5"] > p:nth-child(n+6), .tmp_col[data-col-pc="5"] > div:nth-child(n+6) {
    margin-top: 1.875%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_col[data-col-tab="4"] > p, .tmp_col[data-col-tab="4"] > div {
    width: 23.33333%;
  }
  .tmp_col[data-col-tab="4"] > p:not(:nth-child(4n+1)), .tmp_col[data-col-tab="4"] > div:not(:nth-child(4n+1)) {
    margin-left: 2.22222%;
  }
  .tmp_col[data-col-tab="4"] > p:nth-child(n+5), .tmp_col[data-col-tab="4"] > div:nth-child(n+5) {
    margin-top: 2.22222%;
  }
  .tmp_col[data-col-tab="3"] > p, .tmp_col[data-col-tab="3"] > div {
    width: 31.25%;
  }
  .tmp_col[data-col-tab="3"] > p:not(:nth-child(3n+1)), .tmp_col[data-col-tab="3"] > div:not(:nth-child(3n+1)) {
    margin-left: 3.125%;
  }
  .tmp_col[data-col-tab="3"] > p:nth-child(n+4), .tmp_col[data-col-tab="3"] > div:nth-child(n+4) {
    margin-top: 3.125%;
  }
  .tmp_col[data-col-tab="2"] > p, .tmp_col[data-col-tab="2"] > div {
    width: 48%;
  }
  .tmp_col[data-col-tab="2"] > p:not(:nth-child(2n+1)), .tmp_col[data-col-tab="2"] > div:not(:nth-child(2n+1)) {
    margin-left: 4%;
  }
  .tmp_col[data-col-tab="2"] > p:nth-child(n+3), .tmp_col[data-col-tab="2"] > div:nth-child(n+3) {
    margin-top: 4%;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_col[data-col-sp="3"] > p, .tmp_col[data-col-sp="3"] > div {
    width: 31.25%;
  }
  .tmp_col[data-col-sp="3"] > p:not(:nth-child(3n+1)), .tmp_col[data-col-sp="3"] > div:not(:nth-child(3n+1)) {
    margin-left: 3.125%;
  }
  .tmp_col[data-col-sp="3"] > p:nth-child(n+4), .tmp_col[data-col-sp="3"] > div:nth-child(n+4) {
    margin-top: 3.125%;
  }
  .tmp_col[data-col-sp="2"] > p, .tmp_col[data-col-sp="2"] > div {
    width: 48%;
  }
  .tmp_col[data-col-sp="2"] > p:not(:nth-child(2n+1)), .tmp_col[data-col-sp="2"] > div:not(:nth-child(2n+1)) {
    margin-left: 4%;
  }
  .tmp_col[data-col-sp="2"] > p:nth-child(n+3), .tmp_col[data-col-sp="2"] > div:nth-child(n+3) {
    margin-top: 4%;
  }
  .tmp_col[data-col-sp="1"] > p, .tmp_col[data-col-sp="1"] > div {
    width: 100%;
  }
  .tmp_col[data-col-sp="1"] > p:not(:first-child), .tmp_col[data-col-sp="1"] > div:not(:first-child) {
    margin-top: 2em;
  }
}

.tmp_btn {
  margin-right: auto;
  margin-left: auto;
  line-height: 1.4;
  position: relative;
  transition: opacity 0.2s ease-in, border-color 0.2s ease-in, background-color 0.2s ease-out;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: none;
}
.tmp_btn .jp {
  letter-spacing: 0.08em;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  line-height: 1.3;
}
.ie .tmp_btn .jp {
  transform: translateY(0.15em);
}
.tmp_btn .jp i {
  margin-left: 0.5em;
}
.tmp_btn .en {
  font-family: 'Open Sans', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
  text-transform: uppercase;
}
.tmp_btn .en i {
  margin-left: 0.25em;
}
.tmp_btn a,
.tmp_btn .pseudo_a {
  border: 1px solid #c5c6c6;
  transition: opacity 0.2s ease-in, border-color 0.2s ease-in, background-color 0.2s ease-out;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  height: 100%;
  text-decoration: none !important;
  max-width: 1260px;
}
@media only screen and (min-width: 768px) {
  .tmp_btn a,
  .tmp_btn .pseudo_a {
    padding: 0.5em 1.5em;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_btn a,
  .tmp_btn .pseudo_a {
    padding: 0.5em 1em;
  }
}
@media only screen and (min-width: 1441px) {
  .tmp_btn a,
  .tmp_btn .pseudo_a {
    min-height: 70px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .tmp_btn a,
  .tmp_btn .pseudo_a {
    min-height: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_btn a,
  .tmp_btn .pseudo_a {
    min-height: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_btn a,
  .tmp_btn .pseudo_a {
    min-height: 3em;
  }
}
@media only screen and (min-width: 768px) {
  .tmp_btn a,
  .tmp_btn .pseudo_a {
    min-width: 360px;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_btn a,
  .tmp_btn .pseudo_a {
    width: 100%;
  }
}
@media only screen and (min-width: 1441px) {
  .ie .tmp_btn a, .ie
  .tmp_btn .pseudo_a {
    height: 70px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .ie .tmp_btn a, .ie
  .tmp_btn .pseudo_a {
    height: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .ie .tmp_btn a, .ie
  .tmp_btn .pseudo_a {
    height: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .ie .tmp_btn a, .ie
  .tmp_btn .pseudo_a {
    height: 3em;
  }
}
.tmp_btn a .en, .tmp_btn a .jp,
.tmp_btn .pseudo_a .en,
.tmp_btn .pseudo_a .jp {
  position: relative;
  z-index: 1;
}
.tmp_btn a i,
.tmp_btn .pseudo_a i {
  margin-left: 0.25em;
}
.tmp_btn a.center,
.tmp_btn .pseudo_a.center {
  justify-content: center;
}
.mouse .tmp_btn a:hover, .touch .tmp_btn a.touchstart, .mouse
.tmp_btn .pseudo_a:hover, .touch
.tmp_btn .pseudo_a.touchstart {
  background-color: #676c72;
  color: #fff;
}
.mouse .tmp_btn a:hover svg, .touch .tmp_btn a.touchstart svg, .mouse
.tmp_btn .pseudo_a:hover svg, .touch
.tmp_btn .pseudo_a.touchstart svg {
  fill: #fff;
}
.touch .tmp_btn a, .touch
.tmp_btn .pseudo_a {
  -webkit-tap-highlight-color: transparent;
}
.touch .tmp_btn a.touchend, .touch
.tmp_btn .pseudo_a.touchend {
  transition-delay: 200ms;
}
.b_tp_universal.mouse .tmp_btn a:hover, .b_tp_universal.touch .tmp_btn a.touchstart, .b_tp_universal.mouse
.tmp_btn .pseudo_a:hover, .b_tp_universal.touch
.tmp_btn .pseudo_a.touchstart {
  color: #00405c;
  background-color: #e8e8ec;
}
.b_tp_universal.mouse .tmp_btn a:hover svg, .b_tp_universal.touch .tmp_btn a.touchstart svg, .b_tp_universal.mouse
.tmp_btn .pseudo_a:hover svg, .b_tp_universal.touch
.tmp_btn .pseudo_a.touchstart svg {
  fill: inherit;
}
.b_tp_universal.touch .tmp_btn a, .b_tp_universal.touch
.tmp_btn .pseudo_a {
  -webkit-tap-highlight-color: transparent;
}
.b_tp_universal.touch .tmp_btn a.touchend, .b_tp_universal.touch
.tmp_btn .pseudo_a.touchend {
  transition-delay: 200ms;
}
.b_resort_shima.mouse .tmp_btn a:hover, .b_resort_shima.touch .tmp_btn a.touchstart, .b_resort_shima.mouse
.tmp_btn .pseudo_a:hover, .b_resort_shima.touch
.tmp_btn .pseudo_a.touchstart {
  color: #00405c;
  background-color: #e6ebef;
}
.b_resort_shima.mouse .tmp_btn a:hover svg, .b_resort_shima.touch .tmp_btn a.touchstart svg, .b_resort_shima.mouse
.tmp_btn .pseudo_a:hover svg, .b_resort_shima.touch
.tmp_btn .pseudo_a.touchstart svg {
  fill: inherit;
}
.b_resort_shima.touch .tmp_btn a, .b_resort_shima.touch
.tmp_btn .pseudo_a {
  -webkit-tap-highlight-color: transparent;
}
.b_resort_shima.touch .tmp_btn a.touchend, .b_resort_shima.touch
.tmp_btn .pseudo_a.touchend {
  transition-delay: 200ms;
}
.b_hotel_sheraton.mouse .tmp_btn a:hover, .b_hotel_sheraton.touch .tmp_btn a.touchstart, .b_hotel_sheraton.mouse
.tmp_btn .pseudo_a:hover, .b_hotel_sheraton.touch
.tmp_btn .pseudo_a.touchstart {
  color: #fff;
  background-color: #3a3a3a;
}
.b_hotel_sheraton.mouse .tmp_btn a:hover svg, .b_hotel_sheraton.touch .tmp_btn a.touchstart svg, .b_hotel_sheraton.mouse
.tmp_btn .pseudo_a:hover svg, .b_hotel_sheraton.touch
.tmp_btn .pseudo_a.touchstart svg {
  fill: #fff;
}
.b_hotel_sheraton.touch .tmp_btn a, .b_hotel_sheraton.touch
.tmp_btn .pseudo_a {
  -webkit-tap-highlight-color: transparent;
}
.b_hotel_sheraton.touch .tmp_btn a.touchend, .b_hotel_sheraton.touch
.tmp_btn .pseudo_a.touchend {
  transition-delay: 200ms;
}
.b_hotel.mouse .tmp_btn a:hover, .b_hotel.touch .tmp_btn a.touchstart, .b_hotel.mouse
.tmp_btn .pseudo_a:hover, .b_hotel.touch
.tmp_btn .pseudo_a.touchstart {
  color: #fff;
  background-color: #896ba6;
}
.b_hotel.mouse .tmp_btn a:hover svg, .b_hotel.touch .tmp_btn a.touchstart svg, .b_hotel.mouse
.tmp_btn .pseudo_a:hover svg, .b_hotel.touch
.tmp_btn .pseudo_a.touchstart svg {
  fill: #fff;
}
.b_hotel.touch .tmp_btn a, .b_hotel.touch
.tmp_btn .pseudo_a {
  -webkit-tap-highlight-color: transparent;
}
.b_hotel.touch .tmp_btn a.touchend, .b_hotel.touch
.tmp_btn .pseudo_a.touchend {
  transition-delay: 200ms;
}
.b_city.mouse .tmp_btn a:hover, .b_city.touch .tmp_btn a.touchstart, .b_city.mouse
.tmp_btn .pseudo_a:hover, .b_city.touch
.tmp_btn .pseudo_a.touchstart {
  color: #fff;
  background-color: #32a0a5;
}
.b_city.mouse .tmp_btn a:hover svg, .b_city.touch .tmp_btn a.touchstart svg, .b_city.mouse
.tmp_btn .pseudo_a:hover svg, .b_city.touch
.tmp_btn .pseudo_a.touchstart svg {
  fill: #fff;
}
.b_city.touch .tmp_btn a, .b_city.touch
.tmp_btn .pseudo_a {
  -webkit-tap-highlight-color: transparent;
}
.b_city.touch .tmp_btn a.touchend, .b_city.touch
.tmp_btn .pseudo_a.touchend {
  transition-delay: 200ms;
}
.b_resort.mouse .tmp_btn a:hover, .b_resort.touch .tmp_btn a.touchstart, .b_resort.mouse
.tmp_btn .pseudo_a:hover, .b_resort.touch
.tmp_btn .pseudo_a.touchstart {
  color: #fff;
  background-color: #e6a51e;
}
.b_resort.mouse .tmp_btn a:hover svg, .b_resort.touch .tmp_btn a.touchstart svg, .b_resort.mouse
.tmp_btn .pseudo_a:hover svg, .b_resort.touch
.tmp_btn .pseudo_a.touchstart svg {
  fill: #fff;
}
.b_resort.touch .tmp_btn a, .b_resort.touch
.tmp_btn .pseudo_a {
  -webkit-tap-highlight-color: transparent;
}
.b_resort.touch .tmp_btn a.touchend, .b_resort.touch
.tmp_btn .pseudo_a.touchend {
  transition-delay: 200ms;
}
.tmp_btn.type_rsv a,
.tmp_btn.type_rsv .pseudo_a {
  background-color: #c9ded3;
  border-color: #c9ded3;
}
.mouse .tmp_btn.type_rsv a:hover, .touch .tmp_btn.type_rsv a.touchstart, .mouse
.tmp_btn.type_rsv .pseudo_a:hover, .touch
.tmp_btn.type_rsv .pseudo_a.touchstart {
  background-color: #FFF;
  color: #676c72;
}
.touch .tmp_btn.type_rsv a, .touch
.tmp_btn.type_rsv .pseudo_a {
  -webkit-tap-highlight-color: transparent;
}
.touch .tmp_btn.type_rsv a.touchend, .touch
.tmp_btn.type_rsv .pseudo_a.touchend {
  transition-delay: 200ms;
}
.b_hotel .tmp_btn.type_rsv a, .b_hotel
.tmp_btn.type_rsv .pseudo_a {
  background-color: #896ba6;
  border-color: #896ba6;
  color: #fff;
}
.b_hotel.mouse .tmp_btn.type_rsv a:hover, .b_hotel.touch .tmp_btn.type_rsv a.touchstart, .b_hotel.mouse
.tmp_btn.type_rsv .pseudo_a:hover, .b_hotel.touch
.tmp_btn.type_rsv .pseudo_a.touchstart {
  background-color: transparent;
  background-color: #fff;
  color: inherit;
}
.b_hotel.touch .tmp_btn.type_rsv a, .b_hotel.touch
.tmp_btn.type_rsv .pseudo_a {
  -webkit-tap-highlight-color: transparent;
}
.b_hotel.touch .tmp_btn.type_rsv a.touchend, .b_hotel.touch
.tmp_btn.type_rsv .pseudo_a.touchend {
  transition-delay: 200ms;
}
.b_tp_universal .tmp_btn.type_rsv a, .b_tp_universal
.tmp_btn.type_rsv .pseudo_a {
  background-color: #00405c;
  border-color: #00405c;
  color: #fff;
}
.b_tp_universal.mouse .tmp_btn.type_rsv a:hover, .b_tp_universal.touch .tmp_btn.type_rsv a.touchstart, .b_tp_universal.mouse
.tmp_btn.type_rsv .pseudo_a:hover, .b_tp_universal.touch
.tmp_btn.type_rsv .pseudo_a.touchstart {
  background-color: #fff;
}
.b_tp_universal.touch .tmp_btn.type_rsv a, .b_tp_universal.touch
.tmp_btn.type_rsv .pseudo_a {
  -webkit-tap-highlight-color: transparent;
}
.b_tp_universal.touch .tmp_btn.type_rsv a.touchend, .b_tp_universal.touch
.tmp_btn.type_rsv .pseudo_a.touchend {
  transition-delay: 200ms;
}
.b_resort_shima .tmp_btn.type_rsv a, .b_resort_shima
.tmp_btn.type_rsv .pseudo_a {
  background-color: #00405c;
  border-color: #00405c;
  color: #fff;
}
.b_resort_shima.mouse .tmp_btn.type_rsv a:hover, .b_resort_shima.touch .tmp_btn.type_rsv a.touchstart, .b_resort_shima.mouse
.tmp_btn.type_rsv .pseudo_a:hover, .b_resort_shima.touch
.tmp_btn.type_rsv .pseudo_a.touchstart {
  background-color: #fff;
}
.b_resort_shima.touch .tmp_btn.type_rsv a, .b_resort_shima.touch
.tmp_btn.type_rsv .pseudo_a {
  -webkit-tap-highlight-color: transparent;
}
.b_resort_shima.touch .tmp_btn.type_rsv a.touchend, .b_resort_shima.touch
.tmp_btn.type_rsv .pseudo_a.touchend {
  transition-delay: 200ms;
}
.b_hotel_sheraton .tmp_btn.type_rsv a, .b_hotel_sheraton
.tmp_btn.type_rsv .pseudo_a {
  background-color: #3a3a3a;
  border-color: #3a3a3a;
  color: #fff;
}
.b_hotel_sheraton.mouse .tmp_btn.type_rsv a:hover, .b_hotel_sheraton.touch .tmp_btn.type_rsv a.touchstart, .b_hotel_sheraton.mouse
.tmp_btn.type_rsv .pseudo_a:hover, .b_hotel_sheraton.touch
.tmp_btn.type_rsv .pseudo_a.touchstart {
  background-color: #fff;
  background-color: transparent;
  color: #1c1c1c;
}
.b_hotel_sheraton.touch .tmp_btn.type_rsv a, .b_hotel_sheraton.touch
.tmp_btn.type_rsv .pseudo_a {
  -webkit-tap-highlight-color: transparent;
}
.b_hotel_sheraton.touch .tmp_btn.type_rsv a.touchend, .b_hotel_sheraton.touch
.tmp_btn.type_rsv .pseudo_a.touchend {
  transition-delay: 200ms;
}
.b_city .tmp_btn.type_rsv a, .b_city
.tmp_btn.type_rsv .pseudo_a {
  background-color: #32a0a5;
  border-color: #32a0a5;
  color: #fff;
}
.b_city.mouse .tmp_btn.type_rsv a:hover, .b_city.touch .tmp_btn.type_rsv a.touchstart, .b_city.mouse
.tmp_btn.type_rsv .pseudo_a:hover, .b_city.touch
.tmp_btn.type_rsv .pseudo_a.touchstart {
  background-color: transparent;
  background-color: #fff;
  color: inherit;
}
.b_city.touch .tmp_btn.type_rsv a, .b_city.touch
.tmp_btn.type_rsv .pseudo_a {
  -webkit-tap-highlight-color: transparent;
}
.b_city.touch .tmp_btn.type_rsv a.touchend, .b_city.touch
.tmp_btn.type_rsv .pseudo_a.touchend {
  transition-delay: 200ms;
}
.b_sogo .tmp_btn.type_rsv a, .b_sogo
.tmp_btn.type_rsv .pseudo_a {
  background-color: #003a56;
  border-color: #003a56;
  color: #fff;
}
.b_hotel_marriott .tmp_btn.type_rsv a, .b_hotel_marriott
.tmp_btn.type_rsv .pseudo_a {
  background-color: #a41f35;
  border-color: #a41f35;
  color: #fff;
}
.b_resort .tmp_btn.type_rsv a, .b_resort
.tmp_btn.type_rsv .pseudo_a {
  border-color: #e6a51e;
  background-color: #e6a51e;
  color: #fff;
}
.b_resort.mouse .tmp_btn.type_rsv a:hover, .b_resort.touch .tmp_btn.type_rsv a.touchstart, .b_resort.mouse
.tmp_btn.type_rsv .pseudo_a:hover, .b_resort.touch
.tmp_btn.type_rsv .pseudo_a.touchstart {
  background-color: transparent;
  background-color: #fff;
  color: inherit;
}
.b_resort.touch .tmp_btn.type_rsv a, .b_resort.touch
.tmp_btn.type_rsv .pseudo_a {
  -webkit-tap-highlight-color: transparent;
}
.b_resort.touch .tmp_btn.type_rsv a.touchend, .b_resort.touch
.tmp_btn.type_rsv .pseudo_a.touchend {
  transition-delay: 200ms;
}
.tmp_btn.type_dark a,
.tmp_btn.type_dark .pseudo_a {
  background-color: #575757;
  border-color: #575757;
  color: #fff;
}
.tmp_btn.pdf svg {
  width: 1em;
  height: 1em;
  fill: #676c72;
  margin-left: .5em;
}
.tmp_btn.type_wed a,
.tmp_btn.type_wed .pseudo_a {
  border: 1px solid transparent;
}
.tmp_btn.type_wed a.is-active,
.tmp_btn.type_wed .pseudo_a.is-active {
  border: 1px solid #c5c6c6;
}
.mouse .tmp_btn.type_wed a:hover, .touch .tmp_btn.type_wed a.touchstart, .mouse
.tmp_btn.type_wed .pseudo_a:hover, .touch
.tmp_btn.type_wed .pseudo_a.touchstart {
  border: 1px solid #c5c6c6;
}
.touch .tmp_btn.type_wed a, .touch
.tmp_btn.type_wed .pseudo_a {
  -webkit-tap-highlight-color: transparent;
}
.touch .tmp_btn.type_wed a.touchend, .touch
.tmp_btn.type_wed .pseudo_a.touchend {
  transition-delay: 200ms;
}

.tmp_more {
  font-family: 'Open Sans', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  display: flex;
  justify-content: flex-start;
  line-height: 1;
  transition: opacity 0.2s ease-in, border-color 0.2s ease-in, background-color 0.2s ease-out;
}
@media only screen and (min-width: 768px) {
  .tmp_more {
    font-size: 117%;
  }
}
.tmp_more a, .tmp_more .pseudo_a {
  position: relative;
  text-decoration: none;
  display: flex;
  align-items: center;
}
.tmp_more a .ic_circle, .tmp_more .pseudo_a .ic_circle {
  display: block;
  width: 65px;
  height: 65px;
  margin-right: -5px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url("../images/common/btn_c_green.svg") no-repeat center left/auto 100%;
}
@media only screen and (max-width: 767px) {
  .tmp_more a .ic_circle, .tmp_more .pseudo_a .ic_circle {
    width: 3.5em;
    height: 3.5em;
  }
}
.tmp_more a .ic_circle::before, .tmp_more .pseudo_a .ic_circle::before {
  content: "";
  display: block;
  background-color: #c9ded3;
  z-index: 1;
  position: relative;
  width: 6px;
  height: 6px;
  border-radius: 1000px;
}
@media only screen and (max-width: 767px) {
  .tmp_more a .ic_circle::before, .tmp_more .pseudo_a .ic_circle::before {
    width: .3em;
    height: .3em;
  }
}
.tmp_more a .ic_circle::after, .tmp_more .pseudo_a .ic_circle::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 1000px;
  background-color: #c9ded3;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
  opacity: 0;
}
.tmp_more a .ic_dot, .tmp_more .pseudo_a .ic_dot {
  display: block;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: .75em;
}
.tmp_more a .ic_dot::before, .tmp_more .pseudo_a .ic_dot::before {
  content: "";
  display: block;
  background-color: #c9ded3;
  z-index: 1;
  position: relative;
  width: 6px;
  height: 6px;
  border-radius: 1000px;
}
.b_hotel .tmp_more a .ic_dot::before, .b_hotel .tmp_more .pseudo_a .ic_dot::before {
  background-color: #896ba6;
}
.b_hotel_sheraton .tmp_more a .ic_dot::before, .b_hotel_sheraton .tmp_more .pseudo_a .ic_dot::before {
  background-color: #6f625d;
}
@media only screen and (max-width: 767px) {
  .tmp_more a .ic_dot::before, .tmp_more .pseudo_a .ic_dot::before {
    width: .3em;
    height: .3em;
  }
}
.tmp_more a .en, .tmp_more a .jp, .tmp_more .pseudo_a .en, .tmp_more .pseudo_a .jp {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
}
.tmp_more a .jp, .tmp_more .pseudo_a .jp {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "MS Ｐゴシック", "MS PGothic", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
  font-size: 86%;
}
.tmp_more a .ic_pdf, .tmp_more .pseudo_a .ic_pdf {
  margin-left: 0.25em;
}
.tmp_more a .ic_pdf svg, .tmp_more .pseudo_a .ic_pdf svg {
  fill: #676c72;
}
.mouse .tmp_more a:hover .ic_circle, .touch .tmp_more a.touchstart .ic_circle, .mouse .tmp_more .pseudo_a:hover .ic_circle, .touch .tmp_more .pseudo_a.touchstart .ic_circle {
  background-image: none !important;
}
.mouse .tmp_more a:hover .ic_circle::before, .touch .tmp_more a.touchstart .ic_circle::before, .mouse .tmp_more .pseudo_a:hover .ic_circle::before, .touch .tmp_more .pseudo_a.touchstart .ic_circle::before {
  background-color: #fff;
}
.mouse .tmp_more a:hover .ic_circle::after, .touch .tmp_more a.touchstart .ic_circle::after, .mouse .tmp_more .pseudo_a:hover .ic_circle::after, .touch .tmp_more .pseudo_a.touchstart .ic_circle::after {
  transition: opacity 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1, transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}
.touch .tmp_more a, .touch .tmp_more .pseudo_a {
  -webkit-tap-highlight-color: transparent;
}
.touch .tmp_more a.touchend, .touch .tmp_more .pseudo_a.touchend {
  transition-delay: 200ms;
}
.b_hotel.mouse .tmp_more a:hover .ic_circle, .b_hotel.touch .tmp_more a.touchstart .ic_circle, .b_hotel.mouse .tmp_more .pseudo_a:hover .ic_circle, .b_hotel.touch .tmp_more .pseudo_a.touchstart .ic_circle {
  background-image: none !important;
}
.b_hotel.mouse .tmp_more a:hover .ic_circle::before, .b_hotel.touch .tmp_more a.touchstart .ic_circle::before, .b_hotel.mouse .tmp_more .pseudo_a:hover .ic_circle::before, .b_hotel.touch .tmp_more .pseudo_a.touchstart .ic_circle::before {
  background-color: #fff;
}
.b_hotel.mouse .tmp_more a:hover .ic_circle::after, .b_hotel.touch .tmp_more a.touchstart .ic_circle::after, .b_hotel.mouse .tmp_more .pseudo_a:hover .ic_circle::after, .b_hotel.touch .tmp_more .pseudo_a.touchstart .ic_circle::after {
  transition: opacity 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1, transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}
.b_hotel.touch .tmp_more a, .b_hotel.touch .tmp_more .pseudo_a {
  -webkit-tap-highlight-color: transparent;
}
.b_hotel.touch .tmp_more a.touchend, .b_hotel.touch .tmp_more .pseudo_a.touchend {
  transition-delay: 200ms;
}
.b_hotel .tmp_more a .ic_circle, .b_hotel .tmp_more .pseudo_a .ic_circle {
  background-image: url("../images/common/btn_c_purple.svg");
}
.b_hotel .tmp_more a .ic_circle::before, .b_hotel .tmp_more .pseudo_a .ic_circle::before {
  background-color: #896ba6;
}
.b_hotel .tmp_more a .ic_circle::after, .b_hotel .tmp_more .pseudo_a .ic_circle::after {
  background-color: #c6b7d9;
}
.b_tp_universal .tmp_more a .ic_circle, .b_tp_universal .tmp_more .pseudo_a .ic_circle {
  background-image: url("../images/common/btn_c_kintetsu.svg");
}
.b_tp_universal .tmp_more a .ic_circle::before, .b_tp_universal .tmp_more .pseudo_a .ic_circle::before {
  background-color: #00405c;
}
.b_tp_universal .tmp_more a .ic_circle::after, .b_tp_universal .tmp_more .pseudo_a .ic_circle::after {
  background-color: #e8e8ec;
}
.b_resort_shima .tmp_more a .ic_circle, .b_resort_shima .tmp_more .pseudo_a .ic_circle {
  background-image: url("../images/common/btn_c_resort_shima.svg");
}
.b_resort_shima .tmp_more a .ic_circle::before, .b_resort_shima .tmp_more .pseudo_a .ic_circle::before {
  background-color: #003a56;
}
.b_resort_shima .tmp_more a .ic_circle::after, .b_resort_shima .tmp_more .pseudo_a .ic_circle::after {
  background-color: #e5ebee;
}
.b_resort_shima .tmp_more a:hover .ic_circle::before, .b_resort_shima .tmp_more .pseudo_a:hover .ic_circle::before {
  background-color: #003a56;
}
.b_hotel_sheraton .tmp_more a .ic_circle, .b_hotel_sheraton .tmp_more .pseudo_a .ic_circle {
  background-image: url("../images/common/btn_c_sheraton.svg");
}
.b_hotel_sheraton .tmp_more a .ic_circle::before, .b_hotel_sheraton .tmp_more .pseudo_a .ic_circle::before {
  background-color: #6f625d;
}
.b_hotel_sheraton .tmp_more a .ic_circle::after, .b_hotel_sheraton .tmp_more .pseudo_a .ic_circle::after {
  background-color: #afa6a0;
}
.b_hotel_sheraton .tmp_more a:hover .ic_circle::before, .b_hotel_sheraton .tmp_more .pseudo_a:hover .ic_circle::before {
  background-color: #ffffff;
}
.b_city .tmp_more a .ic_circle, .b_city .tmp_more .pseudo_a .ic_circle {
  background-image: url("../images/common/btn_c_city.svg");
}
.b_city .tmp_more a .ic_circle::before, .b_city .tmp_more .pseudo_a .ic_circle::before {
  background-color: #32a0a5;
}
.b_city .tmp_more a .ic_circle::after, .b_city .tmp_more .pseudo_a .ic_circle::after {
  background-color: #84c6c9;
}
.b_sogo .tmp_more a .ic_circle, .b_sogo .tmp_more .pseudo_a .ic_circle {
  background-image: url("../images/common/btn_c_sogo.svg");
}
.b_sogo .tmp_more a .ic_circle::before, .b_sogo .tmp_more .pseudo_a .ic_circle::before {
  background-color: #003a56;
}
.b_sogo .tmp_more a .ic_circle::after, .b_sogo .tmp_more .pseudo_a .ic_circle::after {
  background-color: #003a56;
}
.b_hotel_marriott .tmp_more a .ic_circle, .b_hotel_marriott .tmp_more .pseudo_a .ic_circle {
  background-image: url("../images/common/btn_c_m_miyako.svg");
}
.b_hotel_marriott .tmp_more a .ic_circle::before, .b_hotel_marriott .tmp_more .pseudo_a .ic_circle::before {
  background-color: #a0072b;
}
.b_hotel_marriott .tmp_more a .ic_circle::after, .b_hotel_marriott .tmp_more .pseudo_a .ic_circle::after {
  background-color: #a0072b;
}
.b_hotel_marriott .tmp_more a:hover .ic_circle::before, .b_hotel_marriott .tmp_more .pseudo_a:hover .ic_circle::before {
  background-color: #ffffff;
}
.b_resort .tmp_more a .ic_circle, .b_resort .tmp_more .pseudo_a .ic_circle {
  background-image: url("../images/common/btn_c_resort.svg");
}
.b_resort .tmp_more a .ic_circle::before, .b_resort .tmp_more .pseudo_a .ic_circle::before {
  background-color: #e6a51e;
}
.b_resort .tmp_more a .ic_circle::after, .b_resort .tmp_more .pseudo_a .ic_circle::after {
  background-color: #faedd2;
}
.b_resort .tmp_more a:hover .ic_circle::before, .b_resort .tmp_more .pseudo_a:hover .ic_circle::before {
  background-color: #e6a51e;
}
.tmp_more.center {
  justify-content: center;
}
.tmp_more.right {
  justify-content: flex-end;
}
@media only screen and (min-width: 1025px) {
  .tmp_more.align_r-c-c {
    justify-content: flex-end;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_more.align_r-c-c {
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_more.align_r-c-c {
    justify-content: center;
  }
}
@media only screen and (min-width: 1025px) {
  .tmp_more.align_l-c-c {
    justify-content: flex-start;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_more.align_l-c-c {
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_more.align_l-c-c {
    justify-content: center;
  }
}
.tmp_more.align_r {
  justify-content: flex-end;
}
.b_hotel_westin .tmp_more.type_dark a .en, .b_hotel_westin .tmp_more.type_dark .pseudo_a .en {
  color: #fff;
}
.b_hotel .tmp_more.type_dark a .en, .b_hotel .tmp_more.type_dark .pseudo_a .en {
  color: #575757;
}
.b_tp_universal .tmp_more.type_dark a .en, .b_tp_universal .tmp_more.type_dark .pseudo_a .en {
  color: #575757;
}
.b_resort_shima .tmp_more.type_dark a .en, .b_resort_shima .tmp_more.type_dark .pseudo_a .en {
  color: #575757;
}
.b_hotel_sheraton .tmp_more.type_dark a .en, .b_hotel_sheraton .tmp_more.type_dark .pseudo_a .en {
  color: #fff;
}
.b_hotel_westin .tmp_more.type_dark a .ic_circle::after, .b_hotel_westin .tmp_more.type_dark .pseudo_a .ic_circle::after {
  background-color: #fff;
}
.b_hotel_sheraton .tmp_more.type_dark a .ic_circle, .b_hotel_sheraton .tmp_more.type_dark .pseudo_a .ic_circle {
  background-image: url("../images/common/btn_c_white.svg");
}
.b_hotel_sheraton .tmp_more.type_dark a .ic_circle::before, .b_hotel_sheraton .tmp_more.type_dark .pseudo_a .ic_circle::before {
  background-color: #fff !important;
}
.b_hotel_westin .tmp_more.type_dark a:hover .ic_circle::after, .b_hotel_westin .tmp_more.type_dark .pseudo_a:hover .ic_circle::after {
  background-color: #8c9095;
}
.b_hotel_sheraton .tmp_more.type_dark a:hover .ic_circle::after, .b_hotel_sheraton .tmp_more.type_dark .pseudo_a:hover .ic_circle::after {
  background-color: #afa6a0;
}
.b_hotel_sheraton .tmp_more.type_dark a:hover .ic_circle::before, .b_hotel_sheraton .tmp_more.type_dark .pseudo_a:hover .ic_circle::before {
  background-color: #fff !important;
}
.b_resort .tmp_more.type_dark a:hover .ic_circle::after, .b_resort .tmp_more.type_dark .pseudo_a:hover .ic_circle::after {
  background-color: #fff;
}
.b_resort_shima .tmp_more.type_dark a:hover .ic_circle::after, .b_resort_shima .tmp_more.type_dark .pseudo_a:hover .ic_circle::after {
  background-color: #fff;
}
.tmp_more.type_bd {
  border: 1px solid #c5c6c6;
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .tmp_more.type_bd {
    font-size: 112%;
  }
}
@media only screen and (min-width: 768px) {
  .tmp_more.type_bd {
    width: 360px;
  }
}
.b_hotel_sheraton .tmp_more.type_bd {
  border-color: #6f625d;
}
.tmp_more.type_bd a {
  width: 100%;
  justify-content: center;
}
@media only screen and (min-width: 1441px) {
  .tmp_more.type_bd a {
    height: 70px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .tmp_more.type_bd a {
    height: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_more.type_bd a {
    height: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_more.type_bd a {
    height: 3em;
  }
}
.mouse .tmp_more.type_bd:hover, .touch .tmp_more.type_bd.touchstart {
  background-color: #c9ded3;
  border-color: #c9ded3;
}
.mouse .tmp_more.type_bd:hover .ic_dot::before, .touch .tmp_more.type_bd.touchstart .ic_dot::before {
  background-color: #fff;
}
.touch .tmp_more.type_bd {
  -webkit-tap-highlight-color: transparent;
}
.touch .tmp_more.type_bd.touchend {
  transition-delay: 200ms;
}
.b_hotel.mouse .tmp_more.type_bd:hover, .b_hotel.touch .tmp_more.type_bd.touchstart {
  background-color: #c6b7d9;
  border-color: #c6b7d9;
}
.b_hotel.mouse .tmp_more.type_bd:hover a, .b_hotel.touch .tmp_more.type_bd.touchstart a {
  color: #fff;
}
.b_hotel.touch .tmp_more.type_bd {
  -webkit-tap-highlight-color: transparent;
}
.b_hotel.touch .tmp_more.type_bd.touchend {
  transition-delay: 200ms;
}
.b_tp_universal .tmp_more.type_bd .ic_dot::before {
  background-color: #00405c !important;
}
.b_tp_universal.mouse .tmp_more.type_bd:hover, .b_tp_universal.touch .tmp_more.type_bd.touchstart {
  background-color: #e8e8ec;
  border-color: #c5c6c6;
}
.b_tp_universal.touch .tmp_more.type_bd {
  -webkit-tap-highlight-color: transparent;
}
.b_tp_universal.touch .tmp_more.type_bd.touchend {
  transition-delay: 200ms;
}
.b_resort_shima .tmp_more.type_bd .ic_dot::before {
  background-color: #00405c !important;
}
.b_resort_shima.mouse .tmp_more.type_bd:hover, .b_resort_shima.touch .tmp_more.type_bd.touchstart {
  background-color: #fff;
  border-color: #c5c6c6;
}
.b_resort_shima.touch .tmp_more.type_bd {
  -webkit-tap-highlight-color: transparent;
}
.b_resort_shima.touch .tmp_more.type_bd.touchend {
  transition-delay: 200ms;
}
.b_hotel_sheraton.mouse .tmp_more.type_bd:hover, .b_hotel_sheraton.touch .tmp_more.type_bd.touchstart {
  background-color: #afa6a0;
  background-color: #6f625d;
  border-color: #6f625d;
}
.b_hotel_sheraton.mouse .tmp_more.type_bd:hover a, .b_hotel_sheraton.touch .tmp_more.type_bd.touchstart a {
  color: #fff;
}
.b_hotel_sheraton.touch .tmp_more.type_bd {
  -webkit-tap-highlight-color: transparent;
}
.b_hotel_sheraton.touch .tmp_more.type_bd.touchend {
  transition-delay: 200ms;
}
.b_city .tmp_more.type_bd {
  border-color: #32a0a5;
}
.b_city .tmp_more.type_bd .ic_dot::before {
  background-color: #32a0a5;
}
.b_city.mouse .tmp_more.type_bd:hover, .b_city.touch .tmp_more.type_bd.touchstart {
  background-color: #32a0a5;
}
.b_city.mouse .tmp_more.type_bd:hover .ic_dot::before, .b_city.touch .tmp_more.type_bd.touchstart .ic_dot::before {
  background-color: #fff;
}
.b_city.mouse .tmp_more.type_bd:hover a, .b_city.touch .tmp_more.type_bd.touchstart a {
  color: #fff;
}
.b_city.touch .tmp_more.type_bd {
  -webkit-tap-highlight-color: transparent;
}
.b_city.touch .tmp_more.type_bd.touchend {
  transition-delay: 200ms;
}
.b_hotel_marriott .tmp_more.type_bd .ic_dot::before {
  background-color: #a41f35;
}
.b_hotel_marriott.mouse .tmp_more.type_bd:hover, .b_hotel_marriott.touch .tmp_more.type_bd.touchstart {
  background-color: #a41f35;
  border-color: #a41f35;
}
.b_hotel_marriott.mouse .tmp_more.type_bd:hover .ic_dot::before, .b_hotel_marriott.touch .tmp_more.type_bd.touchstart .ic_dot::before {
  background-color: #fff;
}
.b_hotel_marriott.mouse .tmp_more.type_bd:hover a, .b_hotel_marriott.touch .tmp_more.type_bd.touchstart a {
  color: #fff;
}
.b_hotel_marriott.touch .tmp_more.type_bd {
  -webkit-tap-highlight-color: transparent;
}
.b_hotel_marriott.touch .tmp_more.type_bd.touchend {
  transition-delay: 200ms;
}
.b_resort .tmp_more.type_bd .ic_dot::before {
  background-color: #e6a51e;
}
.b_resort.mouse .tmp_more.type_bd:hover, .b_resort.touch .tmp_more.type_bd.touchstart {
  border-color: #c5c6c6;
  background-color: #e6a51e;
}
.b_resort.mouse .tmp_more.type_bd:hover a, .b_resort.touch .tmp_more.type_bd.touchstart a {
  color: #fff !important;
}
.b_resort.touch .tmp_more.type_bd {
  -webkit-tap-highlight-color: transparent;
}
.b_resort.touch .tmp_more.type_bd.touchend {
  transition-delay: 200ms;
}
.tmp_more.type_dark_ghost {
  border: 1px solid #fff;
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .tmp_more.type_dark_ghost {
    font-size: 112%;
  }
}
@media only screen and (min-width: 768px) {
  .tmp_more.type_dark_ghost {
    width: 360px;
  }
}
.tmp_more.type_dark_ghost a, .tmp_more.type_dark_ghost .pseudo_a {
  width: 100%;
  justify-content: center;
}
@media only screen and (min-width: 1441px) {
  .tmp_more.type_dark_ghost a, .tmp_more.type_dark_ghost .pseudo_a {
    height: 70px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .tmp_more.type_dark_ghost a, .tmp_more.type_dark_ghost .pseudo_a {
    height: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_more.type_dark_ghost a, .tmp_more.type_dark_ghost .pseudo_a {
    height: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_more.type_dark_ghost a, .tmp_more.type_dark_ghost .pseudo_a {
    height: 3em;
  }
}
.tmp_more.type_dark_ghost a .en, .tmp_more.type_dark_ghost .pseudo_a .en {
  color: #fff;
}
.b_hotel .tmp_more.type_dark_ghost a .en, .b_hotel .tmp_more.type_dark_ghost .pseudo_a .en {
  color: inherit;
}
.b_city .tmp_more.type_dark_ghost a .en, .b_city .tmp_more.type_dark_ghost .pseudo_a .en {
  color: inherit;
}
.mouse .tmp_more.type_dark_ghost:hover, .touch .tmp_more.type_dark_ghost.touchstart {
  background-color: #fff;
}
.mouse .tmp_more.type_dark_ghost:hover a .en, .mouse .tmp_more.type_dark_ghost:hover .pseudo_a .en, .touch .tmp_more.type_dark_ghost.touchstart a .en, .touch .tmp_more.type_dark_ghost.touchstart .pseudo_a .en {
  color: #676c72;
}
.touch .tmp_more.type_dark_ghost {
  -webkit-tap-highlight-color: transparent;
}
.touch .tmp_more.type_dark_ghost.touchend {
  transition-delay: 200ms;
}
.b_hotel .tmp_more.type_dark_ghost {
  border: 1px solid #c5c6c6;
}
.b_tp_universal .tmp_more.type_dark_ghost {
  border: 1px solid #c5c6c6;
}
.b_tp_universal .tmp_more.type_dark_ghost .en {
  color: inherit;
}
.b_tp_universal .tmp_more.type_dark_ghost .ic_dot::before {
  background-color: #00405c;
}
.b_resort_shima .tmp_more.type_dark_ghost {
  border: 1px solid #c5c6c6;
}
.b_resort_shima .tmp_more.type_dark_ghost .en {
  color: inherit;
}
.b_resort_shima .tmp_more.type_dark_ghost .ic_dot::before {
  background-color: #00405c;
}
.b_hotel_sheraton .tmp_more.type_dark_ghost .ic_dot::before {
  background-color: #efeae4;
}
.b_hotel_sheraton.mouse .tmp_more.type_dark_ghost:hover .ic_dot::before, .b_hotel_sheraton.touch .tmp_more.type_dark_ghost.touchstart .ic_dot::before {
  background-color: #6f625d;
}
.b_hotel_sheraton.mouse .tmp_more.type_dark_ghost:hover a, .b_hotel_sheraton.touch .tmp_more.type_dark_ghost.touchstart a {
  color: #1c1c1c;
}
.b_hotel_sheraton.touch .tmp_more.type_dark_ghost {
  -webkit-tap-highlight-color: transparent;
}
.b_hotel_sheraton.touch .tmp_more.type_dark_ghost.touchend {
  transition-delay: 200ms;
}
.b_city .tmp_more.type_dark_ghost {
  border-color: #c0c5c8;
}
.b_city .tmp_more.type_dark_ghost .ic_dot::before {
  background-color: #32a0a5;
}
.b_city .tmp_more.type_dark_ghost a {
  color: inherit;
}
.b_hotel_marriott .tmp_more.type_dark_ghost {
  border: 1px solid #bcbbb9;
}
.b_hotel_marriott .tmp_more.type_dark_ghost a .en {
  color: inherit;
}
.b_hotel_marriott .tmp_more.type_dark_ghost .ic_dot::before {
  background-color: #a41f35;
}
.b_hotel_marriott.mouse .tmp_more.type_dark_ghost:hover .ic_dot::before, .b_hotel_marriott.touch .tmp_more.type_dark_ghost.touchstart .ic_dot::before {
  background-color: #a41f35;
}
.b_hotel_marriott.mouse .tmp_more.type_dark_ghost:hover a, .b_hotel_marriott.touch .tmp_more.type_dark_ghost.touchstart a {
  color: inherit;
}
.b_hotel_marriott.touch .tmp_more.type_dark_ghost {
  -webkit-tap-highlight-color: transparent;
}
.b_hotel_marriott.touch .tmp_more.type_dark_ghost.touchend {
  transition-delay: 200ms;
}
.b_resort .tmp_more.type_dark_ghost {
  border: 1px solid #bcbbb9;
}
.b_resort .tmp_more.type_dark_ghost a .en {
  color: inherit;
}
.b_resort .tmp_more.type_dark_ghost .ic_dot::before {
  background-color: #e6a51e;
}
.b_resort.mouse .tmp_more.type_dark_ghost:hover, .b_resort.touch .tmp_more.type_dark_ghost.touchstart {
  border-color: #e6a51e;
  background-color: #e6a51e;
}
.b_resort.mouse .tmp_more.type_dark_ghost:hover .ic_dot::before, .b_resort.touch .tmp_more.type_dark_ghost.touchstart .ic_dot::before {
  background-color: #fff;
}
.b_resort.mouse .tmp_more.type_dark_ghost:hover a .en, .b_resort.touch .tmp_more.type_dark_ghost.touchstart a .en {
  color: #fff;
}
.b_resort.touch .tmp_more.type_dark_ghost {
  -webkit-tap-highlight-color: transparent;
}
.b_resort.touch .tmp_more.type_dark_ghost.touchend {
  transition-delay: 200ms;
}

.mouse a:hover .tmp_more .pseudo_a .ic_circle, .touch a.touchstart .tmp_more .pseudo_a .ic_circle {
  background-image: none !important;
}
.mouse a:hover .tmp_more .pseudo_a .ic_circle::before, .touch a.touchstart .tmp_more .pseudo_a .ic_circle::before {
  background-color: #fff;
}
.mouse a:hover .tmp_more .pseudo_a .ic_circle::after, .touch a.touchstart .tmp_more .pseudo_a .ic_circle::after {
  transition: opacity 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1, transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}
.touch a {
  -webkit-tap-highlight-color: transparent;
}
.touch a.touchend {
  transition-delay: 200ms;
}

.tmp_text_link {
  font-size: 89%;
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", "MS Ｐゴシック", "MS PGothic", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
  letter-spacing: 0.16em;
  letter-spacing: 0.18em;
  display: flex;
  justify-content: flex-start;
  line-height: 1;
}
.tmp_text_link a, .tmp_text_link .pseudo_a {
  padding: .75em 0;
  position: relative;
  text-decoration: none;
  display: flex;
  align-items: center;
}
.b_hotel .tmp_text_link a, .b_hotel .tmp_text_link .pseudo_a {
  color: #896ba6;
}
.b_city .tmp_text_link a, .b_city .tmp_text_link .pseudo_a {
  color: #32a0a5;
}
.tmp_text_link a::after, .tmp_text_link .pseudo_a::after {
  font-family: "Ionicons";
  content: "\f3d3";
  margin-left: 1em;
  transition: transform .15s ease-out;
}
.b_tp_universal .tmp_text_link a, .b_tp_universal .tmp_text_link .pseudo_a {
  color: #00405c;
}
.b_resort_shima .tmp_text_link a, .b_resort_shima .tmp_text_link .pseudo_a {
  color: #00405c;
}
.tmp_text_link.type_ul a {
  border-bottom: 4px solid #c9ded3;
}
.b_hotel .tmp_text_link.type_ul a {
  border-bottom-color: #896ba6;
}
.b_tp_universal .tmp_text_link.type_ul a {
  border-bottom-color: #00405c;
}
.b_resort_shima .tmp_text_link.type_ul a {
  border-bottom-color: #00405c;
}
.b_hotel_sheraton .tmp_text_link.type_ul a {
  border-bottom-color: #6f625d;
}
.b_city .tmp_text_link.type_ul a {
  border-bottom-color: #32a0a5;
}
.b_hotel_marriott .tmp_text_link.type_ul a {
  border-bottom-color: #a41f35;
}
.b_resort .tmp_text_link.type_ul a {
  color: #e6a51e;
  border-bottom-color: #f5dba5;
  border-bottom-color: #e6a51e;
}
.tmp_text_link.out_link a span, .tmp_text_link.out_link .pseudo_a span {
  position: relative;
}
.tmp_text_link.out_link a span::after, .tmp_text_link.out_link .pseudo_a span::after {
  font-family: "Ionicons";
  content: "\f3ef";
  margin-left: 1em;
}
.tmp_text_link.svg_pdf a span, .tmp_text_link.svg_pdf .pseudo_a span {
  position: relative;
  width: calc(100% - 2em);
}
.tmp_text_link.svg_pdf a svg, .tmp_text_link.svg_pdf .pseudo_a svg {
  width: 1.25em;
  fill: #676c72;
  margin-left: .75em;
  transition: transform .15s ease-out;
}
.mouse .tmp_text_link:hover a::after, .mouse .tmp_text_link:hover .pseudo_a::after, .touch .tmp_text_link.touchstart a::after, .touch .tmp_text_link.touchstart .pseudo_a::after {
  transition: transform .3s ease-out;
  transform: translateX(0.75em);
}
.touch .tmp_text_link {
  -webkit-tap-highlight-color: transparent;
}
.touch .tmp_text_link.touchend {
  transition-delay: 200ms;
}

.zi2 {
  position: relative;
  z-index: 2;
}

.tmp_tab ul {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width: 1025px) {
  .tmp_tab ul {
    align-items: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_tab ul {
    justify-content: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_tab ul {
    justify-content: space-between;
  }
}
@media only screen and (min-width: 1025px) {
  .tmp_tab ul li {
    margin-top: .5em;
    margin-bottom: .5em;
    margin-right: 1em;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1700px) {
  .tmp_tab ul li {
    margin-right: .5em;
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1440px) {
  .tmp_tab ul li {
    margin-right: .75em;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_tab ul li {
    width: 32.33333%;
    align-items: stretch;
  }
  .tmp_tab ul li:not(:nth-child(3n+1)) {
    margin-left: 1.5%;
  }
  .tmp_tab ul li:nth-child(n+4) {
    margin-top: 1.5%;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_tab ul li {
    width: 48.5%;
    font-size: 84%;
    width: 48%;
    align-items: stretch;
  }
  .tmp_tab ul li:not(:nth-child(2n+1)) {
    margin-left: 3%;
  }
  .tmp_tab ul li:nth-child(n+3) {
    margin-top: 3%;
  }
}
.tmp_tab ul li a {
  display: block;
  text-align: center;
  padding: .15em 1em;
  padding: .4em 1em;
  text-decoration: none;
  line-height: 1.7;
  line-height: 1.2;
  border-radius: .9em;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  letter-spacing: 0.09em;
}
@media only screen and (min-width: 1441px) {
  .tmp_tab ul li a {
    min-width: 6em;
  }
}
@media only screen and (max-width: 1700px) {
  .tmp_tab ul li a {
    padding: .4em .75em;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .tmp_tab ul li a {
    letter-spacing: 0.05em;
  }
}
.tmp_tab ul li a > span {
  font-size: 89%;
  display: flex;
  flex-direction: column;
}
.tmp_tab ul li a > span > .sub {
  font-size: 75%;
  font-weight: normal;
  margin-bottom: 0.3em;
}
@media only screen and (max-width: 1024px) {
  .tmp_tab ul li a {
    align-items: center;
    height: 100%;
    padding: .3em .5em;
    line-height: 1.2;
    min-height: 2.2em;
    letter-spacing: 0;
    border: 1px solid #d3d3d3;
  }
}
.tmp_tab ul li.is-active a {
  background-color: #c9ded3;
  border-color: #c9ded3;
}
.mouse .tmp_tab ul li:hover a, .touch .tmp_tab ul li.touchstart a {
  background-color: #c9ded3;
  border-color: #c9ded3;
}
.touch .tmp_tab ul li {
  -webkit-tap-highlight-color: transparent;
}
.touch .tmp_tab ul li.touchend {
  transition-delay: 200ms;
}
.b_hotel .tmp_tab ul li.is-active a {
  border-color: #896ba6;
  background-color: #896ba6;
  color: #fff;
}
.b_hotel.mouse .tmp_tab ul li:hover a, .b_hotel.touch .tmp_tab ul li.touchstart a {
  border-color: #896ba6;
  background-color: #896ba6;
  color: #fff;
}
.b_hotel.touch .tmp_tab ul li {
  -webkit-tap-highlight-color: transparent;
}
.b_hotel.touch .tmp_tab ul li.touchend {
  transition-delay: 200ms;
}
.b_tp_universal .tmp_tab ul li.is-active a {
  border-color: #00405c;
  background-color: #00405c;
  color: #fff;
}
.b_tp_universal.mouse .tmp_tab ul li:hover a, .b_tp_universal.touch .tmp_tab ul li.touchstart a {
  border-color: #00405c;
  background-color: #00405c;
  color: #fff;
}
.b_tp_universal.touch .tmp_tab ul li {
  -webkit-tap-highlight-color: transparent;
}
.b_tp_universal.touch .tmp_tab ul li.touchend {
  transition-delay: 200ms;
}
.b_resort_shima .tmp_tab ul li.is-active a {
  border-color: #003a56;
  background-color: #003a56;
  color: #fff;
}
.b_resort_shima.mouse .tmp_tab ul li:hover a, .b_resort_shima.touch .tmp_tab ul li.touchstart a {
  border-color: #003a56;
  background-color: #003a56;
  color: #fff;
}
.b_resort_shima.touch .tmp_tab ul li {
  -webkit-tap-highlight-color: transparent;
}
.b_resort_shima.touch .tmp_tab ul li.touchend {
  transition-delay: 200ms;
}
.b_hotel_sheraton .tmp_tab ul li.is-active a {
  border-color: #878686;
  background-color: #878686;
  color: #fff;
}
.b_hotel_sheraton.mouse .tmp_tab ul li:hover a, .b_hotel_sheraton.touch .tmp_tab ul li.touchstart a {
  border-color: #878686;
  background-color: #878686;
  color: #fff;
}
.b_hotel_sheraton.touch .tmp_tab ul li {
  -webkit-tap-highlight-color: transparent;
}
.b_hotel_sheraton.touch .tmp_tab ul li.touchend {
  transition-delay: 200ms;
}
.b_city .tmp_tab ul li.is-active a {
  border-color: #32a0a5;
  background-color: #32a0a5;
  color: #fff;
}
.b_city.mouse .tmp_tab ul li:hover a, .b_city.touch .tmp_tab ul li.touchstart a {
  border-color: #32a0a5;
  background-color: #32a0a5;
  color: #fff;
}
.b_city.touch .tmp_tab ul li {
  -webkit-tap-highlight-color: transparent;
}
.b_city.touch .tmp_tab ul li.touchend {
  transition-delay: 200ms;
}
.b_sogo .tmp_tab ul li.is-active a {
  border-color: #003a56;
  background-color: #003a56;
  color: #fff;
}
.b_sogo.mouse .tmp_tab ul li:hover a, .b_sogo.touch .tmp_tab ul li.touchstart a {
  border-color: #003a56;
  background-color: #003a56;
  color: #fff;
}
.b_sogo.touch .tmp_tab ul li {
  -webkit-tap-highlight-color: transparent;
}
.b_sogo.touch .tmp_tab ul li.touchend {
  transition-delay: 200ms;
}
.b_hotel_marriott .tmp_tab ul li.is-active a {
  border-color: #262324;
  background-color: #262324;
  color: #fff;
}
.b_hotel_marriott.mouse .tmp_tab ul li:hover a, .b_hotel_marriott.touch .tmp_tab ul li.touchstart a {
  border-color: #262324;
  background-color: #262324;
  color: #fff;
}
.b_hotel_marriott.touch .tmp_tab ul li {
  -webkit-tap-highlight-color: transparent;
}
.b_hotel_marriott.touch .tmp_tab ul li.touchend {
  transition-delay: 200ms;
}
.b_resort .tmp_tab ul li.is-active a {
  border-color: #e6a51e;
  background-color: #e6a51e;
  color: #fff;
}
.b_resort.mouse .tmp_tab ul li:hover a, .b_resort.touch .tmp_tab ul li.touchstart a {
  border-color: #e6a51e;
  background-color: #e6a51e;
  color: #fff;
}
.b_resort.touch .tmp_tab ul li {
  -webkit-tap-highlight-color: transparent;
}
.b_resort.touch .tmp_tab ul li.touchend {
  transition-delay: 200ms;
}
@media only screen and (max-width: 1024px) {
  .tmp_tab.ts_scroll {
    overflow: scroll;
  }
  .tmp_tab.ts_scroll ul {
    display: table;
  }
  .tmp_tab.ts_scroll ul li {
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
    margin-top: 0 !important;
    height: 100%;
  }
}
@media only screen and (max-width: 1024px) and (min-width: 768px) and (max-width: 1024px) {
  .tmp_tab.ts_scroll ul li {
    height: 3.2em;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 767px) {
  .tmp_tab.ts_scroll ul li {
    height: 3.5em;
  }
}
@media only screen and (max-width: 1024px) {
  .tmp_tab.ts_scroll ul li:not(:last-child) {
    padding-right: .75em;
  }
  .tmp_tab.ts_scroll ul li a {
    padding-right: 1.5em;
    padding-left: 1.5em;
  }
}

.tmp_tab02 ul {
  font-size: 89%;
  display: flex;
  flex-wrap: wrap;
}
.tmp_tab02 ul li a {
  text-decoration: none !important;
  width: 100%;
  padding: 0.3em 1.2em;
  text-align: center;
  display: block;
  line-height: 1.3;
  position: relative;
}
.b_hotel_sheraton .tmp_tab02 ul li a {
  border-color: #878686 !important;
}
.b_sogo .tmp_tab02 ul li a {
  border-color: #66899a !important;
}
.b_resort .tmp_tab02 ul li a {
  border-color: #f5dba5 !important;
}
.b_hotel .tmp_tab02 ul li a {
  border-color: #e3dced !important;
}
.b_hotel .tmp_tab02 ul li a {
  border-color: #e3dced !important;
}
.b_hotel_marriott .tmp_tab02 ul li a {
  border-color: #e3e1de !important;
}
.b_city .tmp_tab02 ul li a {
  border-color: #add9db !important;
}
.b_resort_shima .tmp_tab02 ul li a {
  border-color: #e8e8ec !important;
}
.b_tp_universal .tmp_tab02 ul li a {
  border-color: #e8e8ec !important;
}
.tmp_tab02 ul li a span {
  display: inline-block;
}
.tmp_tab02 ul li a span::before, .tmp_tab02 ul li a span::after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-color: transparent;
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}
.tmp_tab02 ul li a span::before {
  opacity: 0;
}
.tmp_tab02 ul li a::before {
  content: "";
  display: block;
  width: 0.5em;
  height: 0.5em;
  background-color: #c9ded3;
  position: absolute;
  bottom: calc(100% + (0.5em/2));
  border-radius: 0.25em;
  left: calc(50% - (0.5em/2));
  transition: opacity .2s ease-out;
  opacity: 0;
}
.b_hotel .tmp_tab02 ul li a::before {
  background-color: #e3dced;
}
.b_tp_universal .tmp_tab02 ul li a::before {
  background-color: #868d9f;
}
.b_resort_shima .tmp_tab02 ul li a::before {
  background-color: #66899a;
}
.b_hotel_sheraton .tmp_tab02 ul li a::before {
  background-color: #6f625d;
}
.b_city .tmp_tab02 ul li a::before {
  background-color: #84c6c9;
}
.b_sogo .tmp_tab02 ul li a::before {
  background-color: #66899a;
}
.b_hotel_marriott .tmp_tab02 ul li a::before {
  background-color: #a41f35;
}
.b_resort .tmp_tab02 ul li a::before {
  background-color: #e6a51e;
}
.tmp_tab02 ul li a::after {
  content: "";
}
@media only screen and (min-width: 768px) {
  .tmp_tab02 ul li:not(:first-child) a {
    border-left: 1px solid #c9ded3;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_tab02 ul li a {
    border-left: 1px solid #c9ded3;
  }
  .tmp_tab02 ul li:last-child a {
    border-right: 1px solid #c9ded3;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_tab02 ul li a {
    border-left: 1px solid #c9ded3;
  }
}
.tmp_tab02 ul li.is-active a > span::after {
  background-color: #c9ded3;
}
.tmp_tab02 ul li.is-active a::before {
  opacity: 1;
}
.mouse .tmp_tab02 ul li:hover a > span::after, .touch .tmp_tab02 ul li.touchstart a > span::after {
  background-color: #c9ded3;
}
.mouse .tmp_tab02 ul li:hover a::before, .touch .tmp_tab02 ul li.touchstart a::before {
  opacity: 1;
}
.touch .tmp_tab02 ul li {
  -webkit-tap-highlight-color: transparent;
}
.touch .tmp_tab02 ul li.touchend {
  transition-delay: 200ms;
}
.b_hotel .tmp_tab02 ul li.is-active a > span::after {
  background-color: #c6b7d9;
}
.b_hotel.mouse .tmp_tab02 ul li:hover a > span::after, .b_hotel.touch .tmp_tab02 ul li.touchstart a > span::after {
  background-color: #c6b7d9;
}
.b_hotel.touch .tmp_tab02 ul li {
  -webkit-tap-highlight-color: transparent;
}
.b_hotel.touch .tmp_tab02 ul li.touchend {
  transition-delay: 200ms;
}
.b_tp_universal .tmp_tab02 ul li.is-active a > span::after {
  background-color: #868d9f;
}
.b_tp_universal.mouse .tmp_tab02 ul li:hover a > span::after, .b_tp_universal.touch .tmp_tab02 ul li.touchstart a > span::after {
  background-color: #868d9f;
}
.b_tp_universal.touch .tmp_tab02 ul li {
  -webkit-tap-highlight-color: transparent;
}
.b_tp_universal.touch .tmp_tab02 ul li.touchend {
  transition-delay: 200ms;
}
.b_resort_shima .tmp_tab02 ul li.is-active a > span::after {
  background-color: #66899a;
}
.b_resort_shima.mouse .tmp_tab02 ul li:hover a > span::after, .b_resort_shima.touch .tmp_tab02 ul li.touchstart a > span::after {
  background-color: #66899a;
}
.b_resort_shima.touch .tmp_tab02 ul li {
  -webkit-tap-highlight-color: transparent;
}
.b_resort_shima.touch .tmp_tab02 ul li.touchend {
  transition-delay: 200ms;
}
.b_hotel_sheraton .tmp_tab02 ul li.is-active a > span::after {
  background-color: #6f625d;
}
.b_hotel_sheraton.mouse .tmp_tab02 ul li:hover a > span::after, .b_hotel_sheraton.touch .tmp_tab02 ul li.touchstart a > span::after {
  background-color: #6f625d;
}
.b_hotel_sheraton.touch .tmp_tab02 ul li {
  -webkit-tap-highlight-color: transparent;
}
.b_hotel_sheraton.touch .tmp_tab02 ul li.touchend {
  transition-delay: 200ms;
}
.b_city .tmp_tab02 ul li.is-active a > span::after {
  background-color: #84c6c9;
}
.b_city.mouse .tmp_tab02 ul li:hover a > span::after, .b_city.touch .tmp_tab02 ul li.touchstart a > span::after {
  background-color: #84c6c9;
}
.b_city.touch .tmp_tab02 ul li {
  -webkit-tap-highlight-color: transparent;
}
.b_city.touch .tmp_tab02 ul li.touchend {
  transition-delay: 200ms;
}
.b_sogo .tmp_tab02 ul li.is-active a > span::after {
  background-color: #66899a;
}
.b_sogo.mouse .tmp_tab02 ul li:hover a > span::after, .b_sogo.touch .tmp_tab02 ul li.touchstart a > span::after {
  background-color: #66899a;
}
.b_sogo.touch .tmp_tab02 ul li {
  -webkit-tap-highlight-color: transparent;
}
.b_sogo.touch .tmp_tab02 ul li.touchend {
  transition-delay: 200ms;
}
.b_hotel_marriott .tmp_tab02 ul li.is-active a > span::after {
  background-color: #a41f35;
}
.b_hotel_marriott.mouse .tmp_tab02 ul li:hover a > span::after, .b_hotel_marriott.touch .tmp_tab02 ul li.touchstart a > span::after {
  background-color: #a41f35;
}
.b_hotel_marriott.touch .tmp_tab02 ul li {
  -webkit-tap-highlight-color: transparent;
}
.b_hotel_marriott.touch .tmp_tab02 ul li.touchend {
  transition-delay: 200ms;
}
.b_resort .tmp_tab02 ul li.is-active a > span::after {
  background-color: #e6a51e;
}
.b_resort.mouse .tmp_tab02 ul li:hover a > span::after, .b_resort.touch .tmp_tab02 ul li.touchstart a > span::after {
  background-color: #e6a51e;
}
.b_resort.touch .tmp_tab02 ul li {
  -webkit-tap-highlight-color: transparent;
}
.b_resort.touch .tmp_tab02 ul li.touchend {
  transition-delay: 200ms;
}
@media only screen and (min-width: 1025px) {
  .tmp_tab02[data-tabcol-pc="4"] li {
    width: 25%;
  }
  .tmp_tab02[data-tabcol-pc="4"] li:not(:nth-child(4n+1)) {
    margin-left: 0%;
  }
  .tmp_tab02[data-tabcol-pc="4"] li:nth-child(n+5) {
    margin-top: 0%;
  }
  .tmp_tab02[data-tabcol-pc="5"] li {
    width: 20%;
  }
  .tmp_tab02[data-tabcol-pc="5"] li:not(:nth-child(5n+1)) {
    margin-left: 0%;
  }
  .tmp_tab02[data-tabcol-pc="5"] li:nth-child(n+6) {
    margin-top: 0%;
  }
  .tmp_tab02[data-tabcol-pc="5"] li:nth-child(n+6) {
    margin-top: 30px !important;
  }
  .tmp_tab02[data-tabcol-pc="5"] li:nth-child(5n+1) a {
    border-left: none;
  }
  .tmp_tab02[data-tabcol-pc="6"] li {
    width: 16.66667%;
  }
  .tmp_tab02[data-tabcol-pc="6"] li:not(:nth-child(6n+1)) {
    margin-left: 0%;
  }
  .tmp_tab02[data-tabcol-pc="6"] li:nth-child(n+7) {
    margin-top: 0%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_tab02[data-tabcol-tab="3"] li {
    width: 33.33333%;
  }
  .tmp_tab02[data-tabcol-tab="3"] li:not(:nth-child(3n+1)) {
    margin-left: 0%;
  }
  .tmp_tab02[data-tabcol-tab="3"] li:nth-child(n+4) {
    margin-top: 0%;
  }
  .tmp_tab02[data-tabcol-tab="3"] li:nth-child(n+4) {
    margin-top: 1em;
  }
  .tmp_tab02[data-tabcol-tab="4"] li {
    width: 25%;
  }
  .tmp_tab02[data-tabcol-tab="4"] li:not(:nth-child(4n+1)) {
    margin-left: 0%;
  }
  .tmp_tab02[data-tabcol-tab="4"] li:nth-child(n+5) {
    margin-top: 0%;
  }
  .tmp_tab02[data-tabcol-tab="4"] li:nth-child(n+5) {
    margin-top: 1em;
  }
  .tmp_tab02[data-tabcol-tab="5"] li {
    width: 20%;
  }
  .tmp_tab02[data-tabcol-tab="5"] li:not(:nth-child(5n+1)) {
    margin-left: 0%;
  }
  .tmp_tab02[data-tabcol-tab="5"] li:nth-child(n+6) {
    margin-top: 0%;
  }
  .tmp_tab02[data-tabcol-tab="5"] li:nth-child(n+6) {
    margin-top: 1em;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_tab02 li a {
    border-left: 1px solid #c9ded3;
  }
  .tmp_tab02 li:last-child a {
    border-right: 1px solid #c9ded3;
  }
  .tmp_tab02[data-tabcol-sp="1"] li a {
    border-left: 1px solid #c9ded3;
    border-right: 1px solid #c9ded3;
  }
  .tmp_tab02[data-tabcol-sp="1"] li:nth-child(n+2) {
    margin-top: 1em;
  }
  .tmp_tab02[data-tabcol-sp="2"] li {
    width: 50%;
  }
  .tmp_tab02[data-tabcol-sp="2"] li:not(:nth-child(2n+1)) {
    margin-left: 0%;
  }
  .tmp_tab02[data-tabcol-sp="2"] li:nth-child(n+3) {
    margin-top: 0%;
  }
  .tmp_tab02[data-tabcol-sp="2"] li:nth-child(even) a {
    border-right: 1px solid #c9ded3;
  }
  .tmp_tab02[data-tabcol-sp="2"] li:nth-child(n+3) {
    margin-top: 1em;
  }
  .tmp_tab02[data-tabcol-sp="3"] li {
    width: 33.33333%;
  }
  .tmp_tab02[data-tabcol-sp="3"] li:not(:nth-child(3n+1)) {
    margin-left: 0%;
  }
  .tmp_tab02[data-tabcol-sp="3"] li:nth-child(n+4) {
    margin-top: 0%;
  }
  .tmp_tab02[data-tabcol-sp="3"] li:nth-child(3n+3) a {
    border-right: 1px solid #c9ded3;
  }
  .tmp_tab02[data-tabcol-sp="3"] li:nth-child(n+4) {
    margin-top: 1em;
  }
}

.b_tp_universal .tmp_st {
  color: #00405c;
}
.b_resort_shima .tmp_st {
  color: #00405c;
}
.b_hotel_marriott .tmp_st {
  color: #262324;
}

.b_hotel_marriott .tmp_catch {
  color: #262324;
}

.tmp_st, .tmp_catch {
  font-weight: normal;
}
.tmp_st .en, .tmp_catch .en {
  font-family: 'Open Sans', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  line-height: 1;
  text-align: left;
  display: block;
  font-weight: 600;
}
.tmp_st .jp, .tmp_catch .jp {
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", "MS Ｐゴシック", "MS PGothic", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
  letter-spacing: 0.16em;
  display: block;
  text-align: left;
}
.tmp_st.center, .tmp_st.all_center, .tmp_catch.center, .tmp_catch.all_center {
  display: flex;
  text-align: center;
  justify-content: center;
}
.tmp_st.center .en, .tmp_st.all_center .en, .tmp_catch.center .en, .tmp_catch.all_center .en {
  text-align: center;
}
.tmp_st.center .jp, .tmp_st.all_center .jp, .tmp_catch.center .jp, .tmp_catch.all_center .jp {
  text-align: center;
}
@media only screen and (max-width: 1024px) {
  .tmp_st.align_l-c-c, .tmp_catch.align_l-c-c {
    width: 100%;
    display: flex;
    text-align: center;
    justify-content: center;
  }
  .tmp_st.align_l-c-c .inner, .tmp_catch.align_l-c-c .inner {
    display: block;
  }
  .tmp_st.align_l-c-c .en, .tmp_catch.align_l-c-c .en {
    text-align: center;
    display: block;
    margin-right: 0 !important;
  }
  .tmp_st.align_l-c-c .jp, .tmp_catch.align_l-c-c .jp {
    text-align: center;
    display: block;
    margin-right: 0 !important;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_st.align_l-l-c, .tmp_catch.align_l-l-c {
    text-align: center;
    display: block;
  }
  .tmp_st.align_l-l-c .en, .tmp_catch.align_l-l-c .en {
    text-align: center;
    display: block;
    margin-right: 0 !important;
  }
  .tmp_st.align_l-l-c .jp, .tmp_catch.align_l-l-c .jp {
    text-align: center;
    display: block;
    margin-right: 0 !important;
  }
}
.tmp_st.align_c, .tmp_catch.align_c {
  text-align: center;
}
.tmp_st.align_c .en, .tmp_catch.align_c .en {
  text-align: center;
  display: block;
  margin-right: 0;
}
.tmp_st.align_c .jp, .tmp_catch.align_c .jp {
  text-align: center;
  display: block;
  margin-right: 0;
}
.tmp_st.right, .tmp_catch.right {
  text-align: right;
}
.tmp_st.white .jp, .tmp_catch.white .jp {
  color: #fff !important;
  background: none !important;
  -webkit-text-fill-color: #fff;
}
.tmp_st.white .en, .tmp_catch.white .en {
  color: #fff !important;
  background: none !important;
}
.b_hotel .tmp_st.white .jp, .b_hotel .tmp_catch.white .jp {
  color: #575757 !important;
  -webkit-text-fill-color: #575757;
}
.b_hotel .tmp_st.white .en, .b_hotel .tmp_catch.white .en {
  color: #575757 !important;
}
.b_tp_universal .tmp_st.white .jp, .b_tp_universal .tmp_catch.white .jp {
  color: #00405c !important;
  -webkit-text-fill-color: #00405c;
}
.b_tp_universal .tmp_st.white .en, .b_tp_universal .tmp_catch.white .en {
  color: #00405c !important;
}
.b_resort_shima .tmp_st.white .jp, .b_resort_shima .tmp_catch.white .jp {
  color: #003a56 !important;
  -webkit-text-fill-color: #003a56;
}
.b_resort_shima .tmp_st.white .en, .b_resort_shima .tmp_catch.white .en {
  color: #003a56 !important;
}
.b_city .tmp_st.white .jp, .b_city .tmp_catch.white .jp {
  color: #575757 !important;
  -webkit-text-fill-color: #575757;
}
.b_city .tmp_st.white .en, .b_city .tmp_catch.white .en {
  color: #575757 !important;
}
.b_resort .tmp_st.white .jp, .b_resort .tmp_catch.white .jp {
  color: #e6a51e !important;
  -webkit-text-fill-color: #e6a51e;
}
.b_resort .tmp_st.white .en, .b_resort .tmp_catch.white .en {
  color: #e6a51e !important;
}
.tmp_st > .inner, .tmp_catch > .inner {
  display: block;
}

.tmp_st_h3_en {
  position: relative;
}
@media only screen and (min-width: 768px) {
  .tmp_st_h3_en {
    font-size: 200%;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_st_h3_en {
    font-size: 156%;
  }
}
.b_tp_universal .tmp_st_h3_en {
  color: #00405c;
}
.b_resort_shima .tmp_st_h3_en {
  color: #00405c;
}
.b_sogo .tmp_st_h3_en {
  color: #003a56;
}
.b_resort .tmp_st_h3_en {
  color: #e6a51e;
}
.b_tp_universal .tmp_st_h3_en.bd > .inner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.b_resort .tmp_st_h3_en.bd > .inner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.tmp_st_h3_en.bd > .inner::before {
  margin-bottom: .88em;
  content: "";
  display: block;
  width: 1em;
  height: 0.13889em;
  background-color: #c9ded3;
}
@media only screen and (max-width: 767px) {
  .tmp_st_h3_en.bd > .inner::before {
    margin-bottom: .7em;
  }
}
.b_tp_universal .tmp_st_h3_en.bd > .inner::before {
  content: "";
  display: block;
  width: .64em;
  height: .64em;
  background-color: #00405c;
  border-radius: 1000px;
  border: 1px solid #00405c;
  margin-bottom: 0;
  margin-right: 0.5em !important;
  transform: translateY(0.05em);
  box-shadow: 0 0 0 1px white inset, 0 0 0 1px white inset, 0 0 0 1px white inset, 0 0 0 1px white inset;
}
.b_resort_shima .tmp_st_h3_en.bd > .inner::before {
  background-color: #00405c;
}
.b_resort .tmp_st_h3_en.bd > .inner::before {
  content: "";
  display: block;
  width: .64em;
  height: .64em;
  background-color: #e6a51e;
  border-radius: 1000px;
  border: 1px solid #e6a51e;
  margin-bottom: 0;
  margin-right: 0.5em !important;
  transform: translateY(0.05em);
  box-shadow: 0 0 0 1px white inset, 0 0 0 1px white inset, 0 0 0 1px white inset, 0 0 0 1px white inset;
}
.b_sogo .tmp_st_h3_en.bd > .inner::before {
  background-color: #003a56;
}
.tmp_st_h3_en.bd.has_res_name {
  flex-wrap: wrap;
}
.tmp_st_h3_en.bd.has_res_name .res_name {
  width: 100%;
  text-align: center;
}
.b_tp_universal .tmp_st_h3_en.bd.center > .inner {
  justify-content: center;
}
.b_resort .tmp_st_h3_en.bd.center > .inner {
  justify-content: center;
}
.b_tp_universal .tmp_st_h3_en.bd.all_center > .inner {
  justify-content: center;
}
.b_resort .tmp_st_h3_en.bd.all_center > .inner {
  justify-content: center;
}
@media only screen and (max-width: 1024px) {
  .b_tp_universal .tmp_st_h3_en.bd.align_l-c-c > .inner {
    justify-content: center;
  }
  .b_resort .tmp_st_h3_en.bd.align_l-c-c > .inner {
    justify-content: center;
  }
}
.tmp_st_h3_en .res_name {
  margin-right: 0.5em;
  margin-left: 0.5em;
}
@media only screen and (min-width: 1025px) {
  .tmp_st_h3_en .res_name {
    font-size: 50%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_st_h3_en .res_name {
    font-size: 56%;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_st_h3_en .res_name {
    font-size: 62%;
  }
}
.b_tp_universal .tmp_st_h3_en > .inner {
  display: flex;
  align-items: center;
  width: 100%;
}
.b_tp_universal .tmp_st_h3_en > .inner .en, .b_tp_universal .tmp_st_h3_en > .inner .jp {
  max-width: calc(100% - 4em);
}
.b_tp_universal .tmp_st_h3_en > .inner::before, .b_tp_universal .tmp_st_h3_en > .inner::after {
  content: "";
  display: block;
  width: .64em;
  height: .64em;
  background-color: #00405c;
  border-radius: 1000px;
  border: 1px solid #00405c;
  margin-bottom: 0;
  margin-right: 0.5em !important;
  transform: translateY(0.05em);
  box-shadow: 0 0 0 1px white inset, 0 0 0 1px white inset, 0 0 0 1px white inset, 0 0 0 1px white inset;
  content: "";
  display: block;
}
.b_tp_universal .tmp_st_h3_en > .inner::after {
  opacity: 0;
  margin-left: 0.5em !important;
  margin-right: 0 !important;
}
.b_resort .tmp_st_h3_en > .inner {
  display: flex;
  align-items: center;
  width: 100%;
}
.b_resort .tmp_st_h3_en > .inner .en, .b_resort .tmp_st_h3_en > .inner .jp {
  max-width: calc(100% - 4em);
}
.b_resort .tmp_st_h3_en > .inner::before, .b_resort .tmp_st_h3_en > .inner::after {
  content: "";
  display: block;
  width: .64em;
  height: .64em;
  background-color: #e6a51e;
  border-radius: 1000px;
  border: 1px solid #e6a51e;
  margin-bottom: 0;
  margin-right: 0.5em !important;
  transform: translateY(0.05em);
  box-shadow: 0 0 0 1px white inset, 0 0 0 1px white inset, 0 0 0 1px white inset, 0 0 0 1px white inset;
  content: "";
  display: block;
}
.b_resort .tmp_st_h3_en > .inner::after {
  opacity: 0;
  margin-left: 0.5em !important;
  margin-right: 0 !important;
}
.b_hotel .tmp_st_h3_en.bd > .inner::before {
  background-color: #896ba6;
}
.b_hotel_sheraton .tmp_st_h3_en.bd > .inner::before {
  background-color: #6f625d;
}
.b_hotel_sheraton .tmp_st_h3_en.bd.white .inner::before {
  background-color: #fff;
}
.b_city .tmp_st_h3_en.bd > .inner::before {
  background-color: #32a0a5;
}
.b_hotel_marriott .tmp_st_h3_en.bd > .inner::before {
  background-color: #a0072b;
}
.b_hotel_marriott .tmp_st_h3_en.bd.white > .inner .en {
  color: inherit !important;
}

@media only screen and (min-width: 768px) {
  .tmp_st_h3_jp {
    font-size: 189%;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_st_h3_jp {
    font-size: 134%;
  }
}
.tmp_st_h3_jp .jp {
  line-height: 1.3;
}
.b_resort .tmp_st_h3_jp {
  color: #e6a51e;
}
.tmp_st_h3_jp.bd > .inner::before {
  margin-bottom: .88em;
  content: "";
  display: block;
  width: 1em;
  height: 0.13889em;
  background-color: #c9ded3;
}
.b_hotel .tmp_st_h3_jp.bd > .inner::before {
  background-color: #896ba6;
}
.b_hotel_sheraton .tmp_st_h3_jp.bd > .inner::before {
  background-color: #6f625d;
}
.b_city .tmp_st_h3_jp.bd > .inner::before {
  background-color: #32a0a5;
}
.b_sogo .tmp_st_h3_jp.bd > .inner::before {
  background-color: #003a56;
}
.b_hotel_marriott .tmp_st_h3_jp.bd > .inner::before {
  background-color: #a0072b;
}
.b_resort_shima .tmp_st_h3_jp.bd > .inner::before {
  background-color: #00405c;
}
@media only screen and (max-width: 767px) {
  .tmp_st_h3_jp.bd > .inner::before {
    margin-bottom: .7em;
  }
}
.b_tp_universal .tmp_st_h3_jp.bd > .inner {
  display: flex;
  align-items: center;
  justify-content: center;
}
.b_tp_universal .tmp_st_h3_jp.bd > .inner::before {
  content: "";
  display: block;
  width: .64em;
  height: .64em;
  background-color: #00405c;
  border-radius: 1000px;
  border: 1px solid #00405c;
  margin-bottom: 0;
  margin-right: 0.5em !important;
  transform: translateY(0.05em);
  box-shadow: 0 0 0 1px white inset, 0 0 0 1px white inset, 0 0 0 1px white inset, 0 0 0 1px white inset;
}
.b_resort .tmp_st_h3_jp.bd > .inner {
  display: flex;
  align-items: center;
  justify-content: center;
}
.b_resort .tmp_st_h3_jp.bd > .inner::before {
  content: "";
  display: block;
  width: .64em;
  height: .64em;
  background-color: #e6a51e;
  border-radius: 1000px;
  border: 1px solid #e6a51e;
  margin-bottom: 0;
  margin-right: 0.5em !important;
  transform: translateY(0.05em);
  box-shadow: 0 0 0 1px white inset, 0 0 0 1px white inset, 0 0 0 1px white inset, 0 0 0 1px white inset;
}

.b_tp_universal .tmp_st_h3_enjp {
  color: #00405c;
}
.b_resort_shima .tmp_st_h3_enjp {
  color: #00405c;
}
.b_resort .tmp_st_h3_enjp {
  color: #e6a51e;
}
.tmp_st_h3_enjp > .inner {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}
.tmp_st_h3_enjp > .inner .en {
  margin-right: .75em;
}
@media only screen and (min-width: 768px) {
  .tmp_st_h3_enjp > .inner .en {
    font-size: 200%;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_st_h3_enjp > .inner .en {
    font-size: 156%;
  }
}
.b_tp_universal .tmp_st_h3_enjp > .inner .en {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .b_tp_universal .tmp_st_h3_enjp > .inner .en {
    position: relative;
    padding-left: 1em;
    padding-right: 1em;
  }
}
.b_tp_universal .tmp_st_h3_enjp > .inner .en::before {
  content: "";
  display: block;
  width: .64em;
  height: .64em;
  background-color: #00405c;
  border-radius: 1000px;
  border: 1px solid #00405c;
  margin-bottom: 0;
  margin-right: 0.5em !important;
  transform: translateY(0.05em);
  box-shadow: 0 0 0 1px white inset, 0 0 0 1px white inset, 0 0 0 1px white inset, 0 0 0 1px white inset;
}
@media only screen and (max-width: 767px) {
  .b_tp_universal .tmp_st_h3_enjp > .inner .en::before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}
.b_resort .tmp_st_h3_enjp > .inner .en {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .b_resort .tmp_st_h3_enjp > .inner .en {
    position: relative;
    padding-left: 1em;
    padding-right: 1em;
  }
}
.b_resort .tmp_st_h3_enjp > .inner .en::before {
  content: "";
  display: block;
  width: .64em;
  height: .64em;
  background-color: #e6a51e;
  border-radius: 1000px;
  border: 1px solid #e6a51e;
  margin-bottom: 0;
  margin-right: 0.5em !important;
  transform: translateY(0.05em);
  box-shadow: 0 0 0 1px white inset, 0 0 0 1px white inset, 0 0 0 1px white inset, 0 0 0 1px white inset;
}
@media only screen and (max-width: 767px) {
  .b_resort .tmp_st_h3_enjp > .inner .en::before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media only screen and (min-width: 768px) {
  .tmp_st_h3_enjp > .inner .jp {
    font-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_st_h3_enjp > .inner .jp {
    font-size: 78%;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_st_h3_enjp > .inner .jp {
    margin-top: 0.5em;
  }
}

.tmp_st_h4_jp .jp {
  letter-spacing: 0.3em;
}
@media only screen and (min-width: 768px) {
  .tmp_st_h4_jp .jp {
    font-size: 167%;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_st_h4_jp .jp {
    font-size: 134%;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_st_h4_jp .jp {
    letter-spacing: 0.2em;
  }
}
.b_sogo .tmp_st_h4_jp .jp {
  color: #003a56;
}
.tmp_st_h4_jp.center .jp {
  letter-spacing: 0.3em;
  text-align: left;
  padding-left: 0.3em;
}
@media only screen and (max-width: 767px) {
  .tmp_st_h4_jp.center .jp {
    letter-spacing: 0.2em;
    text-align: left;
    padding-left: 0.2em;
  }
}

@media only screen and (min-width: 768px) {
  .tmp_st_h4_en .en {
    font-size: 156%;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_st_h4_en .en {
    font-size: 123%;
  }
}

.tmp_st_h4_jpbdb {
  border-bottom: 1px solid #c9ded3;
  padding-bottom: .5em;
  line-height: 1.4;
}
@media only screen and (min-width: 768px) {
  .tmp_st_h4_jpbdb {
    font-size: 112%;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_st_h4_jpbdb {
    font-size: 112%;
  }
}
@media only screen and (min-width: 1025px) {
  .tmp_st_h4_jpbdb {
    border-bottom-width: 5px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_st_h4_jpbdb {
    border-bottom-width: 4px;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_st_h4_jpbdb {
    border-bottom-width: 3px;
  }
}
.b_hotel .tmp_st_h4_jpbdb {
  border-bottom-color: #ab93c4;
}
@media only screen and (min-width: 768px) {
  .b_hotel .tmp_st_h4_jpbdb {
    border-bottom-width: 3px;
  }
}
@media only screen and (max-width: 767px) {
  .b_hotel .tmp_st_h4_jpbdb {
    border-bottom-width: 2px;
  }
}
.b_tp_universal .tmp_st_h4_jpbdb {
  border-bottom-color: #00405c;
  border-bottom-width: 1px;
}
.b_resort_shima .tmp_st_h4_jpbdb {
  border-bottom-color: #00405c;
  border-bottom-width: 1px;
}
.b_hotel_sheraton .tmp_st_h4_jpbdb {
  border-bottom-color: #6f625d;
}
.b_sogo .tmp_st_h4_jpbdb {
  border-bottom-color: #003a56;
}
.b_city .tmp_st_h4_jpbdb {
  border-bottom-color: #32a0a5;
  border-width: 3px;
}
.b_hotel_marriott .tmp_st_h4_jpbdb {
  border-bottom-color: #a41f35;
  border-width: 3px;
}
.b_resort .tmp_st_h4_jpbdb {
  border-bottom-color: #f5dba5;
}
.tmp_st_h4_jpbdb.black {
  border-bottom: 1px solid #676c72;
  border-bottom-width: 1px;
}
.b_tp_universal .tmp_st_h4_jpbdb.black {
  border-bottom-color: #00405c;
}
.b_resort_shima .tmp_st_h4_jpbdb.black {
  border-bottom-color: #00405c;
}
.b_hotel .tmp_st_h4_jpbdb.black {
  border-bottom-color: #ab93c4;
}

.tmp_st_h5 {
  line-height: 1.65;
}
@media only screen and (min-width: 768px) {
  .tmp_st_h5 {
    font-size: 134%;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_st_h5 {
    font-size: 112%;
  }
}
@media only screen and (min-width: 1025px) {
  .tmp_st_h5.align_c-l-l {
    text-align: center;
  }
}

@media only screen and (min-width: 768px) {
  .tmp_catch .jp {
    font-size: 134%;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_catch .jp {
    font-size: 112%;
  }
}

.tmp_lnk {
  display: flex;
  justify-content: center;
  align-items: center;
}
.tmp_lnk a {
  font-size: 100%;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tmp_lnk a i {
  margin: 0 .5em;
  display: flex;
  align-items: center;
}
.tmp_lnk a i.bef::before, .tmp_lnk a i.bef::after {
  content: "\03c";
  display: block;
}
.tmp_lnk a i.aft::before, .tmp_lnk a i.aft::after {
  content: "\03e";
  display: block;
}
.tmp_lnk a span {
  padding-left: .25em;
  letter-spacing: .25em;
}

.tmp_anch {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .tmp_anch {
    margin-bottom: 2em;
  }
}
.tmp_anch.right {
  justify-content: flex-end;
}
@media only screen and (min-width: 768px) {
  .tmp_anch li {
    font-size: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .tmp_anch li:not(:first-child) {
    margin-left: 3em;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_anch li:not(:first-child) {
    margin-left: 1em;
  }
}
.tmp_anch li a {
  text-decoration: none !important;
  line-height: 1.3;
}
.tmp_anch li a span {
  display: block;
}
@media only screen and (min-width: 768px) {
  .tmp_anch li a span {
    padding: 1em 0.2em;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_anch li a span {
    padding: 0.6em 0.2em 0.3em;
  }
}
.tmp_anch li a::before {
  content: "";
  display: block;
  width: 0.4em;
  height: 0.4em;
  background-color: #c9ded3;
  border-radius: 0.2em;
  transition: opacity .2s ease-out;
  margin-right: auto;
  margin-left: 0;
  opacity: 0;
}
.b_hotel .tmp_anch li a::before {
  background-color: #896ba6;
}
.b_tp_universal .tmp_anch li a::before {
  background-color: #868d9f;
}
.b_resort_shima .tmp_anch li a::before {
  background-color: #66899a;
}
.b_hotel_sheraton .tmp_anch li a::before {
  background-color: #6f625d;
}
.b_city .tmp_anch li a::before {
  background-color: #84c6c9;
}
.b_resort .tmp_anch li a::before {
  background-color: #e6a51e;
}
.b_hotel_marriott .tmp_anch li a::before {
  background-color: #a41f35;
}
.tmp_anch li a::after {
  content: "";
  display: block;
  width: 1px;
  background-color: #c5c6c6;
  margin-left: auto;
  margin-right: auto;
  opacity: 0;
}
@media only screen and (min-width: 768px) {
  .tmp_anch li a::after {
    height: 3em;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_anch li a::after {
    height: 2em;
  }
}
.tmp_anch li a span {
  display: block;
}
.mouse .tmp_anch li:hover a::before, .touch .tmp_anch li.touchstart a::before {
  opacity: 1;
}
.mouse .tmp_anch li:hover a::after, .touch .tmp_anch li.touchstart a::after {
  opacity: 1;
}
.touch .tmp_anch li {
  -webkit-tap-highlight-color: transparent;
}
.touch .tmp_anch li.touchend {
  transition-delay: 200ms;
}

@media only screen and (min-width: 1441px) {
  .tmp_box .tmp_st + .tmp_text {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .tmp_box .tmp_st + .tmp_text {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_box .tmp_st + .tmp_text {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_box .tmp_st + .tmp_text {
    margin-top: 1em;
  }
}
@media only screen and (min-width: 1441px) {
  .tmp_box .tmp_st + .tmp_text + .tmp_btn {
    margin-top: 35px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .tmp_box .tmp_st + .tmp_text + .tmp_btn {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_box .tmp_st + .tmp_text + .tmp_btn {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_box .tmp_st + .tmp_text + .tmp_btn {
    margin-top: 1em;
  }
}

.tmp_ann {
  line-height: 2;
}
@media only screen and (min-width: 768px) {
  .tmp_ann {
    font-size: 84%;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_ann {
    font-size: 73%;
  }
}
@media only screen and (min-width: 1025px) {
  .tmp_ann p:not(:first-child) {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_ann p:not(:first-child) {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_ann p:not(:first-child) {
    margin-top: 1em;
  }
}

.tmp_txt {
  font-weight: 500;
}
@media only screen and (min-width: 768px) {
  .tmp_txt {
    font-size: 112%;
  }
}
@media only screen and (min-width: 1025px) {
  .tmp_txt {
    letter-spacing: 0.05em;
    line-height: 2.4;
  }
}
.tmp_txt.c_white {
  color: white;
}

.slick-dots {
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 1025px) {
  .slick-dots {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .slick-dots {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .slick-dots {
    margin-top: 1.5em;
  }
}
@media only screen and (min-width: 1025px) {
  .slick-dots {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .slick-dots {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .slick-dots {
    margin-bottom: 1.5em;
  }
}
.slick-dots li {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .slick-dots li {
    width: 1.5em;
    height: 1.5em;
  }
}
.slick-dots li .dot {
  display: block;
  width: 0.57em;
  height: 0.57em;
  background-color: #c5c6c6;
  border-radius: 0.285em;
  margin-right: auto;
  margin-left: auto;
  transform: scale(0.5);
}
.slick-dots li.slick-active .dot {
  transform: scale(1);
}
.slick-dots li:first-child:last-child {
  opacity: 0 !important;
  height: 0;
}

@media only screen and (min-width: 768px) {
  .tmp_set_a .tmp_text {
    margin-top: 1em;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_set_a .tmp_text {
    margin-top: 1em;
  }
}
.tmp_set_a .tmp_text p:not(:first-child) {
  margin-top: 1em;
}
@media only screen and (min-width: 1025px) {
  .tmp_set_a .tmp_more {
    margin-top: 3em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_set_a .tmp_more {
    margin-top: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_set_a .tmp_more {
    margin-top: 1.5em;
  }
}

@media only screen and (min-width: 768px) {
  .tmp_set_b .tmp_catch {
    margin-top: 3.5em;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_set_b .tmp_catch {
    margin-top: 2em;
  }
}
@media only screen and (min-width: 768px) {
  .tmp_set_b .tmp_text {
    margin-top: 1em;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_set_b .tmp_text {
    margin-top: 1em;
  }
}
@media only screen and (min-width: 1025px) {
  .tmp_set_b .tmp_more {
    margin-top: 3em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_set_b .tmp_more {
    margin-top: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_set_b .tmp_more {
    margin-top: 1.5em;
  }
}

@media only screen and (min-width: 768px) {
  .tmp_set_c .tmp_catch {
    margin-top: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_set_c .tmp_catch {
    margin-top: 2em;
  }
}
@media only screen and (min-width: 1025px) {
  .tmp_set_c .tmp_more {
    margin-top: 3em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_set_c .tmp_more {
    margin-top: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_set_c .tmp_more {
    margin-top: 1.5em;
  }
}

@media only screen and (min-width: 768px) {
  .tmp_set_d .tmp_text {
    margin-top: 1em;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_set_d .tmp_text {
    margin-top: 1em;
  }
}
@media only screen and (min-width: 1441px) {
  .tmp_set_d .tmp_more {
    margin-top: 3em;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .tmp_set_d .tmp_more {
    margin-top: 1.5em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_set_d .tmp_more {
    margin-top: 1.5em;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_set_d .tmp_more {
    margin-top: 1.5em;
  }
}

@media only screen and (min-width: 768px) {
  .tmp_set_e {
    display: flex;
    align-items: flex-end;
  }
}
@media only screen and (min-width: 768px) {
  .tmp_set_e .e_inner {
    width: calc(100% - 200px);
  }
}
@media only screen and (min-width: 768px) {
  .tmp_set_e .e_inner .tmp_text {
    margin-top: 0.5em;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_set_e .e_inner .tmp_text {
    margin-top: 0.5em;
  }
}
@media only screen and (min-width: 768px) {
  .tmp_set_e .tmp_more {
    width: 200px;
  }
}

.tmp_set_f {
  max-width: 1600px;
}
@media only screen and (min-width: 1025px) {
  .tmp_set_f {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_set_f {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_set_f {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (min-width: 1441px) {
  .tmp_set_f:not(:first-child) {
    margin-top: 150px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .tmp_set_f:not(:first-child) {
    margin-top: 150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_set_f:not(:first-child) {
    margin-top: 150px;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_set_f:not(:first-child) {
    margin-top: 5em;
  }
}
@media only screen and (min-width: 1025px) {
  .tmp_set_f {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1440px) {
  .tmp_set_f {
    align-items: flex-start;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_set_f .st_tab-sp {
    margin-bottom: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_set_f .st_tab-sp {
    margin-bottom: 1em;
  }
}
@media only screen and (min-width: 1025px) {
  .tmp_set_f .box_slider {
    width: 68.4375%;
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1440px) {
  .tmp_set_f .box_slider {
    width: 55.9375%;
  }
}

.tmp_set_f .box_slider > .inner {
  width: 100%;
  max-width: 1030px;
  margin-left: 0;
  margin-right: auto;
}
@media only screen and (min-width: 1025px) {
  .tmp_set_f .box_slider > .inner .tmp_slick_arr.arr_next {
    right: calc(100%);
  }
}
.tmp_set_f .box_slider > .inner[dir="rtl"] {
  margin-right: 0;
  margin-left: auto;
}
@media only screen and (min-width: 1025px) {
  .tmp_set_f .box_slider > .inner[dir="rtl"] .tmp_slick_arr.arr_next {
    left: calc(100%);
    right: auto;
  }
}
.tmp_set_f .box_slider .slide .inner {
  padding: 0 1.45631%;
}
@media only screen and (max-width: 1024px) {
  .tmp_set_f .box_slider .slide .inner {
    padding: 0;
  }
}
.tmp_set_f .box_slider .slide .inner img {
  max-width: 1000px;
}
.tmp_set_f .box_txt {
  z-index: 1;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_set_f .box_txt {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_set_f .box_txt {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (min-width: 1025px) {
  .tmp_set_f .box_txt {
    width: 23.22581%;
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1440px) {
  .tmp_set_f .box_txt {
    width: 35%;
  }
}

.tmp_set_f .box_txt .inner {
  width: 100%;
  margin-right: 0;
  margin-left: auto;
}
.tmp_set_f .box_txt .inner .btn_rsv {
  width: 100%;
}
@media only screen and (min-width: 1441px) {
  .tmp_set_f .box_txt .inner .btn_rsv {
    margin-top: 60px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .tmp_set_f .box_txt .inner .btn_rsv {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_set_f .box_txt .inner .btn_rsv {
    margin-top: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_set_f .box_txt .inner .btn_rsv {
    margin-top: 2em;
  }
}
.tmp_set_f .box_txt .inner .btn_more {
  width: 100%;
}
@media only screen and (min-width: 1441px) {
  .tmp_set_f .box_txt .inner .btn_more {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .tmp_set_f .box_txt .inner .btn_more {
    margin-top: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_set_f .box_txt .inner .btn_more {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_set_f .box_txt .inner .btn_more {
    margin-top: 1em;
  }
}
.tmp_set_f.reverse {
  flex-direction: row-reverse;
}
.tmp_set_f.text_white {
  color: #fff;
}
.b_hotel .tmp_set_f.text_white .tmp_st {
  color: #575757;
}
.b_hotel .tmp_set_f.text_white .tmp_text {
  color: #898989;
}

.tmp_slider > .slide:not(:first-child) {
  display: none;
}
.tmp_slider .tmp_slick_arr {
  display: none !important;
}

.tmp_showslider {
  margin-right: auto;
  margin-left: auto;
}
.tmp_showslider > .slide:not(:first-child) {
  display: none;
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .tmp_showslider {
    max-width: 900px;
  }
}
@media only screen and (max-width: 1024px) {
  .tmp_showslider {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.tmp_showslider .slick-list {
  width: 100%;
  overflow: visible;
}
.tmp_showslider .slide img {
  object-fit: cover;
  font-family: 'object-fit: cover;';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.tmp_showslider .slide .img.no_img {
  background-color: #f2f3f3;
  background-color: rgba(128, 128, 128, 0.7);
  position: relative;
}
.tmp_showslider .slide .img.no_img::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: url("../../files/images/header/g_logo.png") no-repeat center center/60% auto;
}
.tmp_showslider.main {
  max-width: 1130px;
}
@media only screen and (min-width: 1025px) {
  .tmp_showslider.main {
    margin-right: auto;
    margin-left: auto;
    width: 80%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_showslider.main {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_showslider.main {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
  }
}
.tmp_showslider.main .slide > .inner {
  position: relative;
  padding-top: 53.09735%;
}
@media only screen and (min-width: 1025px) {
  .tmp_showslider.main .slide > .inner {
    margin: 0 1.32743%;
  }
}
.tmp_showslider.main .tmp_slick_arr {
  display: none !important;
}
.tmp_showslider.main .slick-dots {
  order: 2;
}
.tmp_showslider.point {
  max-width: 1300px;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_showslider.point {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_showslider.point {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
.tmp_showslider.point .slide > .inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (min-width: 1025px) {
  .tmp_showslider.point .slide > .inner {
    margin: 0 6.34921%;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_showslider.point .slide > .inner {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 768px) {
  .tmp_showslider.point .slide > .inner .img {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_showslider.point .slide > .inner .img {
    width: 100%;
  }
}
.tmp_showslider.point .slide > .inner .img > div {
  position: relative;
  padding-top: 66.66%;
}
@media only screen and (min-width: 768px) {
  .tmp_showslider.point .slide > .inner .box_txt {
    width: 36%;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_showslider.point .slide > .inner .box_txt {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .tmp_showslider.point .slide > .inner .box_txt {
    margin-right: 6%;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_showslider.point .slide > .inner .box_txt {
    margin-top: 2em;
  }
}
.tmp_showslider.point .slide > .inner .box_txt .tmp_st_h3_en {
  font-size: 100%;
  margin-bottom: 1em;
  width: 100%;
}
.b_resort_shima .tmp_showslider.point .slide > .inner .box_txt .tmp_st_h3_en {
  color: inherit;
}
.b_resort .tmp_showslider.point .slide > .inner .box_txt .tmp_st_h3_en {
  color: inherit;
}
.b_resort .tmp_showslider.point .slide > .inner .box_txt .tmp_st_h3_en .inner::before {
  display: none;
}
.tmp_showslider.point .slide > .inner .box_txt .tmp_st_h5 {
  margin-bottom: 1em;
  width: 100%;
}
.b_resort_shima .tmp_showslider.point .slide > .inner .box_txt .tmp_st_h5 {
  color: inherit;
}
.tmp_showslider.point .tmp_slick_arr {
  z-index: 2;
}
@media only screen and (min-width: 1025px) {
  .tmp_showslider.point .tmp_slick_arr {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media only screen and (min-width: 1025px) {
  .tmp_showslider.point .tmp_slick_arr.arr_prev {
    left: -50px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .tmp_showslider.point .tmp_slick_arr.arr_prev {
    left: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .tmp_showslider.point .tmp_slick_arr.arr_prev {
    order: 2;
    margin-right: .2em;
    margin-top: 1em;
  }
}
@media only screen and (min-width: 1025px) {
  .tmp_showslider.point .tmp_slick_arr.arr_next {
    right: -50px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .tmp_showslider.point .tmp_slick_arr.arr_next {
    right: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .tmp_showslider.point .tmp_slick_arr.arr_next {
    order: 3;
    margin-left: .2em;
    margin-top: 1em;
  }
}
.tmp_showslider.point .tmp_slick_arr a::before {
  background-color: #fff;
}
@media only screen and (max-width: 1024px) {
  .tmp_showslider.point .tmp_slick_arr a::before {
    opacity: 0.5;
  }
}
.tmp_showslider.point .tmp_slick_arr a:hover::before {
  opacity: 0.5;
}
.tmp_showslider.point .slick-dots {
  position: absolute;
  right: 0;
}
@media only screen and (min-width: 1025px) {
  .tmp_showslider.point .slick-dots {
    margin: 2em 6.34921% 0;
  }
}
@media only screen and (max-width: 1024px) {
  .tmp_showslider.point .slick-dots {
    display: none !important;
  }
}
.tmp_showslider.point .slick-dots li .dot {
  background-color: #fff;
}
.b_hotel_marriott .tmp_showslider.point .slick-dots li .dot {
  background-color: #c5c6c6;
}
.b_hotel_sheraton .tmp_showslider.point .slick-dots li .dot {
  background-color: #878686;
}
.b_resort_shima .tmp_showslider.point .slick-dots li .dot {
  background-color: #878686;
}
.tmp_showslider.point2 {
  max-width: 1440px;
}
@media only screen and (max-width: 767px) {
  .tmp_showslider.point2 .slick-list {
    width: 90%;
  }
}
.tmp_showslider.point2 .slide > .inner {
  flex-flow: column;
}
@media only screen and (min-width: 1025px) {
  .tmp_showslider.point2 .slide > .inner .img {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_showslider.point2 .slide > .inner .img {
    width: 90%;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_showslider.point2 .slide > .inner .img {
    width: 92%;
  }
}
.tmp_showslider.point2 .slide > .inner .box_txt {
  margin-right: 0;
}
@media only screen and (min-width: 1025px) {
  .tmp_showslider.point2 .slide > .inner .box_txt {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_showslider.point2 .slide > .inner .box_txt {
    width: 90%;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_showslider.point2 .slide > .inner .box_txt {
    width: 92%;
  }
}
@media only screen and (min-width: 1025px) {
  .tmp_showslider.point2 .slide > .inner .box_txt {
    margin-top: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_showslider.point2 .slide > .inner .box_txt {
    margin-top: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_showslider.point2 .slide > .inner .box_txt {
    margin-top: 2em;
  }
}
.tmp_showslider.point2 .slick-dots {
  right: 0;
  left: 0;
  transform: none;
  justify-content: center;
  margin-left: 0;
  margin-right: 0;
  position: relative;
}
@media only screen and (min-width: 1025px) {
  .tmp_showslider.point2 .arr_prev, .tmp_showslider.point2 .arr_next {
    display: none !important;
  }
}
.tmp_showslider.col4 {
  display: flex;
  max-width: none;
}
@media only screen and (min-width: 1441px) {
  .tmp_showslider.col4 .slide {
    margin: 0 15px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .tmp_showslider.col4 .slide {
    margin: 0 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_showslider.col4 .slide {
    margin: 0 6px;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_showslider.col4 .slide {
    margin: 0.4em;
  }
}
.tmp_showslider.col4 .slide a {
  display: block;
  width: 100%;
  text-decoration: none;
  transition: opacity 0.2s ease-in;
}
.tmp_showslider.col4 .slide a .img {
  width: 100%;
  padding-top: 66.66%;
  position: relative;
}
@media only screen and (min-width: 1025px) {
  .tmp_showslider.col4 .slide a .img {
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_showslider.col4 .slide a .img {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_showslider.col4 .slide a .img {
    margin-bottom: 0.5em;
  }
}
.tmp_showslider.col4 .slide a .title {
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", "MS Ｐゴシック", "MS PGothic", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
  letter-spacing: 0.16em;
  text-align: center;
}
@media only screen and (min-width: 1441px) {
  .tmp_showslider.col4 .slide a .title {
    font-size: 100%;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .tmp_showslider.col4 .slide a .title {
    font-size: 89%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_showslider.col4 .slide a .title {
    font-size: 89%;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_showslider.col4 .slide a .title {
    font-size: 78%;
  }
}
.mouse .tmp_showslider.col4 .slide a:hover, .touch .tmp_showslider.col4 .slide a.touchstart {
  opacity: 0.8;
}
.touch .tmp_showslider.col4 .slide a {
  -webkit-tap-highlight-color: transparent;
}
.touch .tmp_showslider.col4 .slide a.touchend {
  transition-delay: 200ms;
}
.tmp_showslider.col4 .slick-list {
  overflow: hidden;
  max-width: 1472px;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 1441px) {
  .tmp_showslider.col4 .tmp_slick_arr {
    font-size: 178%;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .tmp_showslider.col4 .tmp_slick_arr {
    font-size: 156%;
  }
}
@media only screen and (min-width: 1025px) {
  .tmp_showslider.col4 .tmp_slick_arr a {
    margin: 0 15px;
    width: 70px;
    height: 70px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .tmp_showslider.col4 .tmp_slick_arr a {
    margin: 0 5px;
    width: 60px;
    height: 60px;
  }
}
@media only screen and (max-width: 1024px) {
  .tmp_showslider.col4 .tmp_slick_arr {
    display: none !important;
  }
}
@media only screen and (min-width: 1025px) {
  .tmp_showslider.col4 .slick-dots {
    display: none !important;
  }
}

.tmp_nextshow_slider .slick-dots {
  display: none !important;
}

.tmp_nextshow_slider,
.tmp_set_slider {
  max-width: 1310px;
  margin-right: auto;
  margin-left: auto;
}
.tmp_nextshow_slider > .slide:not(:first-child),
.tmp_set_slider > .slide:not(:first-child) {
  display: none;
}
@media only screen and (min-width: 1025px) {
  .tmp_nextshow_slider,
  .tmp_set_slider {
    margin-right: auto;
    margin-left: auto;
    width: 80%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_nextshow_slider,
  .tmp_set_slider {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_nextshow_slider,
  .tmp_set_slider {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .tmp_nextshow_slider,
  .tmp_set_slider {
    max-width: 900px;
  }
}
@media only screen and (max-width: 1024px) {
  .tmp_nextshow_slider,
  .tmp_set_slider {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.tmp_nextshow_slider .slick-list,
.tmp_set_slider .slick-list {
  width: 100%;
  overflow: visible;
  position: relative;
}
@media only screen and (min-width: 1025px) {
  .tmp_nextshow_slider .slick-list::after, .tmp_nextshow_slider .slick-list::before,
  .tmp_set_slider .slick-list::after,
  .tmp_set_slider .slick-list::before {
    content: "";
    display: block;
    position: absolute;
    background-color: #fff;
    top: -1px;
    bottom: -1px;
    width: 100%;
    opacity: 0;
    z-index: 10;
  }
  .b_hotel_sheraton .tmp_nextshow_slider .slick-list::after, .b_hotel_sheraton .tmp_nextshow_slider .slick-list::before, .b_hotel_sheraton
  .tmp_set_slider .slick-list::after, .b_hotel_sheraton
  .tmp_set_slider .slick-list::before {
    background-color: #efeae4;
  }
  .tmp_nextshow_slider .slick-list::before,
  .tmp_set_slider .slick-list::before {
    content: "";
    right: 100%;
    opacity: 1;
  }
  .tmp_nextshow_slider .slick-list::after,
  .tmp_set_slider .slick-list::after {
    content: "";
    left: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .tmp_nextshow_slider .slick-list,
  .tmp_set_slider .slick-list {
    order: 1;
    margin-bottom: 2em;
  }
}
.tmp_nextshow_slider .slick-list .slide,
.tmp_set_slider .slick-list .slide {
  opacity: 0.5;
}
.tmp_nextshow_slider .slick-list .slide.slick-current,
.tmp_set_slider .slick-list .slide.slick-current {
  transition: opacity .2s ease-in;
  opacity: 1;
}
@media only screen and (min-width: 1025px) {
  .tmp_nextshow_slider .slide > .inner,
  .tmp_set_slider .slide > .inner {
    padding: 0 1.9084%;
  }
}
@media only screen and (min-width: 1025px) {
  .tmp_nextshow_slider .tmp_slick_arr,
  .tmp_set_slider .tmp_slick_arr {
    display: flex;
    top: 0;
    bottom: 0;
    position: absolute;
    right: calc(100% + 40px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1440px) {
  .tmp_nextshow_slider .tmp_slick_arr,
  .tmp_set_slider .tmp_slick_arr {
    right: calc(100% + 20px);
  }
}
@media only screen and (min-width: 1025px) {
  .tmp_nextshow_slider .tmp_slick_arr.arr_prev,
  .tmp_set_slider .tmp_slick_arr.arr_prev {
    opacity: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .tmp_nextshow_slider .tmp_slick_arr,
  .tmp_set_slider .tmp_slick_arr {
    position: relative;
  }
}
@media only screen and (max-width: 1024px) and (min-width: 768px) and (max-width: 1024px) {
  .tmp_nextshow_slider .tmp_slick_arr,
  .tmp_set_slider .tmp_slick_arr {
    margin: 1em 0;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 767px) {
  .tmp_nextshow_slider .tmp_slick_arr,
  .tmp_set_slider .tmp_slick_arr {
    margin: 0.5em 0;
  }
}
@media only screen and (max-width: 1024px) {
  .tmp_nextshow_slider .tmp_slick_arr.arr_prev,
  .tmp_set_slider .tmp_slick_arr.arr_prev {
    order: 2;
  }
  .tmp_nextshow_slider .tmp_slick_arr.arr_next,
  .tmp_set_slider .tmp_slick_arr.arr_next {
    order: 3;
    margin-left: .5em;
  }
}
@media only screen and (min-width: 1025px) {
  .tmp_nextshow_slider .tmp_slick_arr.arr_next,
  .tmp_set_slider .tmp_slick_arr.arr_next {
    transform: scaleX(-1);
  }
}
.tmp_nextshow_slider .tmp_slick_arr + .slick-list,
.tmp_set_slider .tmp_slick_arr + .slick-list {
  margin-bottom: 0 !important;
}
@media only screen and (min-width: 1025px) {
  .tmp_nextshow_slider[dir="rtl"] .tmp_slick_arr.arr_next,
  .tmp_set_slider[dir="rtl"] .tmp_slick_arr.arr_next {
    left: calc(100% + 40px);
    right: auto;
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1440px) {
  .tmp_nextshow_slider[dir="rtl"] .tmp_slick_arr.arr_next,
  .tmp_set_slider[dir="rtl"] .tmp_slick_arr.arr_next {
    left: calc(100% + 20px);
  }
}

@media only screen and (min-width: 1025px) {
  .tmp_nextshow_slider[dir="rtl"] .slick-list::before,
  .tmp_set_slider[dir="rtl"] .slick-list::before {
    opacity: 0;
  }
}
@media only screen and (min-width: 1025px) {
  .tmp_nextshow_slider[dir="rtl"] .slick-list::after,
  .tmp_set_slider[dir="rtl"] .slick-list::after {
    opacity: 1;
  }
}
@media only screen and (min-width: 1025px) {
  .tmp_nextshow_slider[dir="rtl"] .tmp_slick_arr.arr_next,
  .tmp_set_slider[dir="rtl"] .tmp_slick_arr.arr_next {
    transform: scaleX(1);
  }
}
@media only screen and (max-width: 1024px) {
  .tmp_nextshow_slider[dir="rtl"] .tmp_slick_arr.arr_next,
  .tmp_set_slider[dir="rtl"] .tmp_slick_arr.arr_next {
    order: 2;
  }
}
@media only screen and (min-width: 1025px) {
  .tmp_nextshow_slider[dir="rtl"] .tmp_slick_arr.arr_prev,
  .tmp_set_slider[dir="rtl"] .tmp_slick_arr.arr_prev {
    transform: scaleX(1);
  }
}
@media only screen and (max-width: 1024px) {
  .tmp_nextshow_slider[dir="rtl"] .tmp_slick_arr.arr_prev,
  .tmp_set_slider[dir="rtl"] .tmp_slick_arr.arr_prev {
    order: 3;
  }
}
@media only screen and (min-width: 1025px) {
  .tmp_nextshow_slider.type_dark .slick-list::after, .tmp_nextshow_slider.type_dark .slick-list::before,
  .tmp_set_slider.type_dark .slick-list::after,
  .tmp_set_slider.type_dark .slick-list::before {
    background-color: #676c72;
  }
}
.b_hotel .tmp_nextshow_slider.type_dark .slick-list::after, .b_hotel .tmp_nextshow_slider.type_dark .slick-list::before, .b_hotel
.tmp_set_slider.type_dark .slick-list::after, .b_hotel
.tmp_set_slider.type_dark .slick-list::before {
  background-color: #e3dced;
}
.b_tp_universal .tmp_nextshow_slider.type_dark .slick-list::after, .b_tp_universal .tmp_nextshow_slider.type_dark .slick-list::before, .b_tp_universal
.tmp_set_slider.type_dark .slick-list::after, .b_tp_universal
.tmp_set_slider.type_dark .slick-list::before {
  background-color: #e8e8ec;
}
.b_resort_shima .tmp_nextshow_slider.type_dark .slick-list::after, .b_resort_shima .tmp_nextshow_slider.type_dark .slick-list::before, .b_resort_shima
.tmp_set_slider.type_dark .slick-list::after, .b_resort_shima
.tmp_set_slider.type_dark .slick-list::before {
  background-color: #e8e8ec;
}
.b_hotel_sheraton .tmp_nextshow_slider.type_dark .slick-list::after, .b_hotel_sheraton .tmp_nextshow_slider.type_dark .slick-list::before, .b_hotel_sheraton
.tmp_set_slider.type_dark .slick-list::after, .b_hotel_sheraton
.tmp_set_slider.type_dark .slick-list::before {
  background-color: #6f625d;
}
.b_city .tmp_nextshow_slider.type_dark .slick-list::after, .b_city .tmp_nextshow_slider.type_dark .slick-list::before, .b_city
.tmp_set_slider.type_dark .slick-list::after, .b_city
.tmp_set_slider.type_dark .slick-list::before {
  background-color: #eaf5f6;
}
.b_hotel_marriott .tmp_nextshow_slider.type_dark .slick-list::after, .b_hotel_marriott .tmp_nextshow_slider.type_dark .slick-list::before, .b_hotel_marriott
.tmp_set_slider.type_dark .slick-list::after, .b_hotel_marriott
.tmp_set_slider.type_dark .slick-list::before {
  background-color: #e3e1de;
}
.b_resort .tmp_nextshow_slider.type_dark .slick-list::after, .b_resort .tmp_nextshow_slider.type_dark .slick-list::before, .b_resort
.tmp_set_slider.type_dark .slick-list::after, .b_resort
.tmp_set_slider.type_dark .slick-list::before {
  background-color: #faedd2;
}
@media only screen and (min-width: 1025px) {
  .tmp_nextshow_slider.type_green .slick-list::after, .tmp_nextshow_slider.type_green .slick-list::before,
  .tmp_set_slider.type_green .slick-list::after,
  .tmp_set_slider.type_green .slick-list::before {
    background-color: #c9ded3;
  }
  .b_hotel .tmp_nextshow_slider.type_green .slick-list::after, .b_hotel .tmp_nextshow_slider.type_green .slick-list::before, .b_hotel
  .tmp_set_slider.type_green .slick-list::after, .b_hotel
  .tmp_set_slider.type_green .slick-list::before {
    background-color: #e3dced;
  }
  .b_tp_universal .tmp_nextshow_slider.type_green .slick-list::after, .b_tp_universal .tmp_nextshow_slider.type_green .slick-list::before, .b_tp_universal
  .tmp_set_slider.type_green .slick-list::after, .b_tp_universal
  .tmp_set_slider.type_green .slick-list::before {
    background-color: #e8e8ec;
  }
  .b_resort_shima .tmp_nextshow_slider.type_green .slick-list::after, .b_resort_shima .tmp_nextshow_slider.type_green .slick-list::before, .b_resort_shima
  .tmp_set_slider.type_green .slick-list::after, .b_resort_shima
  .tmp_set_slider.type_green .slick-list::before {
    background-color: #e8e8ec;
  }
  .b_hotel_sheraton .tmp_nextshow_slider.type_green .slick-list::after, .b_hotel_sheraton .tmp_nextshow_slider.type_green .slick-list::before, .b_hotel_sheraton
  .tmp_set_slider.type_green .slick-list::after, .b_hotel_sheraton
  .tmp_set_slider.type_green .slick-list::before {
    background-color: #6f625d;
  }
  .b_city .tmp_nextshow_slider.type_green .slick-list::after, .b_city .tmp_nextshow_slider.type_green .slick-list::before, .b_city
  .tmp_set_slider.type_green .slick-list::after, .b_city
  .tmp_set_slider.type_green .slick-list::before {
    background-color: #eaf5f6;
  }
  .b_hotel_marriott .tmp_nextshow_slider.type_green .slick-list::after, .b_hotel_marriott .tmp_nextshow_slider.type_green .slick-list::before, .b_hotel_marriott
  .tmp_set_slider.type_green .slick-list::after, .b_hotel_marriott
  .tmp_set_slider.type_green .slick-list::before {
    background-color: #e3e1de;
  }
  .b_resort .tmp_nextshow_slider.type_green .slick-list::after, .b_resort .tmp_nextshow_slider.type_green .slick-list::before, .b_resort
  .tmp_set_slider.type_green .slick-list::after, .b_resort
  .tmp_set_slider.type_green .slick-list::before {
    background-color: #faedd2;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_set_slider {
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_set_slider {
    margin-bottom: 5em;
  }
}
@media only screen and (max-width: 1024px) {
  .tmp_set_slider .tmp_slick_arr {
    margin: 0 !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
  }
  .tmp_set_slider .tmp_slick_arr a::before {
    background-color: #7a8285;
    opacity: 0.8 !important;
  }
  .tmp_set_slider .tmp_slick_arr.arr_prev {
    left: -5%;
  }
  .tmp_set_slider .tmp_slick_arr.arr_next {
    right: -5%;
  }
}
.tmp_set_slider .slick-list {
  margin-bottom: 0;
}
@media only screen and (max-width: 1024px) {
  .tmp_set_slider .slick-dots {
    position: absolute;
    z-index: 2;
    top: 100%;
  }
}

.tmp_textmove_slider > .slide:not(:first-child) {
  display: none;
}

.tmp_slick_arr {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 1441px) {
  .tmp_slick_arr {
    font-size: 278%;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .tmp_slick_arr {
    font-size: 178%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_slick_arr {
    font-size: 178%;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_slick_arr {
    font-size: 178%;
  }
}
.tmp_slick_arr a {
  position: relative;
  display: block;
}
@media only screen and (min-width: 1441px) {
  .tmp_slick_arr a {
    width: 100px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .tmp_slick_arr a {
    width: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_slick_arr a {
    width: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_slick_arr a {
    width: 2em;
  }
}
.tmp_slick_arr a::before {
  content: "";
  display: block;
  padding-bottom: 100%;
  background-color: #c9ded3;
  transition: opacity .2s ease-out;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 55px;
  opacity: 0;
  position: relative;
  z-index: 1;
}
.b_tp_universal .tmp_slick_arr a::before {
  background-color: #e8e8ec;
}
.b_resort_shima .tmp_slick_arr a::before {
  background-color: #e5ebee;
}
.b_hotel .tmp_slick_arr a::before {
  background-color: #e3dced;
  background-color: #f4f1f8;
}
.b_hotel_sheraton .tmp_slick_arr a::before {
  background-color: #ffffff;
}
.b_hotel_marriott .tmp_slick_arr a::before {
  background-color: #e3e1de;
}
.b_city .tmp_slick_arr a::before {
  background-color: #ebf5f7;
}
.b_resort .tmp_slick_arr a::before {
  background-color: #faedd2;
}
.tmp_slick_arr a i {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
}
.tmp_slick_arr a:hover::before {
  opacity: 0.2;
}
.b_tp_universal .tmp_slick_arr a:hover::before {
  opacity: 1;
}
.b_resort_shima .tmp_slick_arr a:hover::before {
  opacity: 1;
}
.b_hotel .tmp_slick_arr a:hover::before {
  opacity: 1;
}
.b_city .tmp_slick_arr a:hover::before {
  opacity: 1;
}
.b_hotel_marriott .tmp_slick_arr a:hover::before {
  opacity: 1;
}
.b_hotel_sheraton .tmp_slick_arr a:hover::before {
  opacity: 1;
}
.b_resort .tmp_slick_arr a:hover::before {
  opacity: 1;
}
.tmp_slick_arr.type_dark a::before {
  background-color: #ffffff;
}
.b_hotel .tmp_slick_arr.type_dark a::before {
  background-color: #ffffff;
}
.b_hotel_marriott .tmp_slick_arr.type_dark a::before {
  background-color: #ffffff;
}
.tmp_slick_arr.type_dark a i {
  color: #fff;
}
.b_tp_universal .tmp_slick_arr.type_dark a i {
  color: #575757;
}
.b_resort_shima .tmp_slick_arr.type_dark a i {
  color: inherit;
}
.b_hotel .tmp_slick_arr.type_dark a i {
  color: #575757;
}
.b_hotel_marriott .tmp_slick_arr.type_dark a i {
  color: #5f6062;
}

.type_bg_green .tmp_slick_arr a::before {
  background-color: #fff;
}

@media only screen and (max-width: 1024px) {
  .type_dark .tmp_slick_arr a::before {
    opacity: .2;
  }
}
.type_dark .tmp_slick_arr a i {
  color: #fff;
}
.b_hotel .type_dark .tmp_slick_arr a::before {
  background-color: white;
}
.b_hotel .type_dark .tmp_slick_arr a:hover::before {
  opacity: 1;
}
.b_hotel .type_dark .tmp_slick_arr a i {
  color: #c5c6c6;
  color: #575757;
}
.b_hotel_sheraton .type_dark .tmp_slick_arr a:hover i {
  color: inherit;
}
.b_tp_universal .type_dark .tmp_slick_arr a::before {
  background-color: #ffffff;
}
.b_tp_universal .type_dark .tmp_slick_arr a:hover::before {
  opacity: 1;
}
.b_tp_universal .type_dark .tmp_slick_arr a i {
  color: #575757;
}
.b_resort_shima .type_dark .tmp_slick_arr a::before {
  background-color: #ffffff;
}
.b_resort_shima .type_dark .tmp_slick_arr a:hover::before {
  opacity: .6;
}
.b_resort_shima .type_dark .tmp_slick_arr a i {
  color: inherit;
}
.b_city .type_dark .tmp_slick_arr a::before {
  background-color: #ffffff;
}
.b_city .type_dark .tmp_slick_arr a:hover::before {
  opacity: 1;
}
.b_city .type_dark .tmp_slick_arr a i {
  color: #575757;
}
.b_hotel_marriott .type_dark .tmp_slick_arr a::before {
  background-color: #ffffff;
}
.b_hotel_marriott .type_dark .tmp_slick_arr a:hover::before {
  opacity: 1;
}
.b_hotel_marriott .type_dark .tmp_slick_arr a i {
  color: #5f6062;
}
.b_resort .type_dark .tmp_slick_arr a::before {
  background-color: #ffffff;
}
.b_resort .type_dark .tmp_slick_arr a:hover::before {
  opacity: .6;
}
.b_resort .type_dark .tmp_slick_arr a i {
  color: #5f6062;
}

.con_hp_link {
  overflow: visible;
}
@media only screen and (min-width: 1025px) {
  .con_hp_link .swiper-wrapper .swiper-slide {
    width: 237px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_hp_link .swiper-wrapper .swiper-slide {
    width: 200px;
  }
}
@media only screen and (max-width: 767px) {
  .con_hp_link .swiper-wrapper .swiper-slide {
    width: 10em;
  }
}
@media only screen and (min-width: 1025px) {
  .con_hp_link .swiper-wrapper .swiper-slide {
    margin-right: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_hp_link .swiper-wrapper .swiper-slide {
    margin-right: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .con_hp_link .swiper-wrapper .swiper-slide {
    margin-right: 1em;
  }
}
.con_hp_link .box_link .inner a {
  background-color: #fff;
  display: block;
  text-decoration: none;
  border: 1px solid #f0f0f0;
}
.con_hp_link .box_link .inner a .box_det {
  font-size: 100%;
  line-height: 1.38889;
  height: 2.77778em;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .con_hp_link .box_link .inner a .box_det {
    height: 125px;
  }
}
@media only screen and (max-width: 767px) {
  .con_hp_link .box_link .inner a .box_det {
    height: 6em;
  }
}

.tmp_swiper_ctrl {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) {
  .tmp_swiper_ctrl {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_swiper_ctrl {
    margin-top: 1em;
  }
}
.tmp_swiper_ctrl .js-swiper-scrollbar {
  background-color: #d8d8d8;
  height: 1px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .tmp_swiper_ctrl .js-swiper-scrollbar {
    width: calc(100% - 240px);
  }
}
@media only screen and (max-width: 767px) {
  .tmp_swiper_ctrl .js-swiper-scrollbar {
    width: calc(100% - 10em);
  }
}
.tmp_swiper_ctrl .js-swiper-scrollbar .swiper-scrollbar-drag {
  background-color: #676c72;
}
.tmp_swiper_ctrl .box_btn {
  display: flex;
  justify-content: flex-end;
  max-width: 190px;
}
@media only screen and (min-width: 768px) {
  .tmp_swiper_ctrl .box_btn {
    width: 240px;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_swiper_ctrl .box_btn {
    width: 8.5em;
  }
}
.tmp_swiper_ctrl .box_btn .js-swiper-prev, .tmp_swiper_ctrl .box_btn .js-swiper-next {
  font-size: 167%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .tmp_swiper_ctrl .box_btn .js-swiper-prev, .tmp_swiper_ctrl .box_btn .js-swiper-next {
    width: 37.89474%;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_swiper_ctrl .box_btn .js-swiper-prev, .tmp_swiper_ctrl .box_btn .js-swiper-next {
    width: 4em;
  }
}
.tmp_swiper_ctrl .box_btn .js-swiper-prev a, .tmp_swiper_ctrl .box_btn .js-swiper-next a {
  display: block;
  width: 100%;
  height: 100%;
}
.tmp_swiper_ctrl .box_btn .js-swiper-prev a::after, .tmp_swiper_ctrl .box_btn .js-swiper-next a::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.tmp_swiper_ctrl .box_btn .js-swiper-prev i, .tmp_swiper_ctrl .box_btn .js-swiper-next i {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #d8d8d8;
  border-radius: 1000px;
}
@media only screen and (min-width: 768px) {
  .tmp_swiper_ctrl .box_btn .js-swiper-next {
    margin-left: 10.52632%;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_swiper_ctrl .box_btn .js-swiper-next {
    margin-left: 0.5em;
  }
}

.tmp_hover_arr {
  display: block;
  text-decoration: none;
  transition: background-color .15s ease-out .1s;
}
.tmp_hover_arr a {
  display: block;
  text-decoration: none;
}
.tmp_hover_arr .hover_target {
  transition: opacity .15s ease-out .1s;
  position: relative;
  overflow: hidden;
  background-size: cover;
}
.tmp_hover_arr .hover_target img {
  transition: transform .3s ease-out .1s;
}
.tmp_hover_arr .hover_target::before {
  content: "";
  display: block;
  width: 46.56716%;
  width: 35%;
  height: 100%;
  position: absolute;
  transition: all .15s ease-out .1s;
  transform: translate(-60%, 0);
  left: 50%;
  top: 0;
  bottom: 0;
  background: url(../images/common/ic_arr.svg) no-repeat center center/100% auto;
  opacity: 0;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .tmp_hover_arr .hover_target::before {
    max-width: 156px;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_hover_arr .hover_target::before {
    width: 40%;
  }
}
.b_city .tmp_hover_arr .hover_target::before {
  background-image: url(../images/common/ic_arr_city.svg);
}
.mouse .tmp_hover_arr:hover, .touch .tmp_hover_arr.touchstart {
  background-color: #c9ded3;
}
.mouse .tmp_hover_arr:hover .hover_target, .touch .tmp_hover_arr.touchstart .hover_target {
  opacity: .5;
}
.mouse .tmp_hover_arr:hover .hover_target img, .touch .tmp_hover_arr.touchstart .hover_target img {
  transform: scale(1.12);
}
.mouse .tmp_hover_arr:hover .hover_target::before, .touch .tmp_hover_arr.touchstart .hover_target::before {
  opacity: 1;
  transform: translate(-50%, 0);
}
.touch .tmp_hover_arr {
  -webkit-tap-highlight-color: transparent;
}
.touch .tmp_hover_arr.touchend {
  transition-delay: 200ms;
}
.b_hotel.mouse .tmp_hover_arr:hover, .b_hotel.touch .tmp_hover_arr.touchstart {
  background-color: #e3dcee;
}
.b_hotel.touch .tmp_hover_arr {
  -webkit-tap-highlight-color: transparent;
}
.b_hotel.touch .tmp_hover_arr.touchend {
  transition-delay: 200ms;
}
.b_tp_universal.mouse .tmp_hover_arr:hover, .b_tp_universal.touch .tmp_hover_arr.touchstart {
  background-color: #e8e8ec;
}
.b_tp_universal.touch .tmp_hover_arr {
  -webkit-tap-highlight-color: transparent;
}
.b_tp_universal.touch .tmp_hover_arr.touchend {
  transition-delay: 200ms;
}
.b_resort_shima.mouse .tmp_hover_arr:hover, .b_resort_shima.touch .tmp_hover_arr.touchstart {
  background-color: #e5ebee;
}
.b_resort_shima.touch .tmp_hover_arr {
  -webkit-tap-highlight-color: transparent;
}
.b_resort_shima.touch .tmp_hover_arr.touchend {
  transition-delay: 200ms;
}
.b_hotel_sheraton.mouse .tmp_hover_arr:hover, .b_hotel_sheraton.touch .tmp_hover_arr.touchstart {
  background-color: #ffffff;
}
.b_hotel_sheraton.touch .tmp_hover_arr {
  -webkit-tap-highlight-color: transparent;
}
.b_hotel_sheraton.touch .tmp_hover_arr.touchend {
  transition-delay: 200ms;
}
.b_city.mouse .tmp_hover_arr:hover, .b_city.touch .tmp_hover_arr.touchstart {
  background-color: #eaf5f6;
}
.b_city.mouse .tmp_hover_arr:hover .hover_target, .b_city.touch .tmp_hover_arr.touchstart .hover_target {
  opacity: .4;
}
.b_city.touch .tmp_hover_arr {
  -webkit-tap-highlight-color: transparent;
}
.b_city.touch .tmp_hover_arr.touchend {
  transition-delay: 200ms;
}
.b_sogo.mouse .tmp_hover_arr:hover, .b_sogo.touch .tmp_hover_arr.touchstart {
  background-color: #e5ebee;
}
.b_sogo.touch .tmp_hover_arr {
  -webkit-tap-highlight-color: transparent;
}
.b_sogo.touch .tmp_hover_arr.touchend {
  transition-delay: 200ms;
}
.b_hotel_marriott.mouse .tmp_hover_arr:hover, .b_hotel_marriott.touch .tmp_hover_arr.touchstart {
  background-color: #e3e1de;
}
.b_hotel_marriott.touch .tmp_hover_arr {
  -webkit-tap-highlight-color: transparent;
}
.b_hotel_marriott.touch .tmp_hover_arr.touchend {
  transition-delay: 200ms;
}
.b_resort.mouse .tmp_hover_arr:hover, .b_resort.touch .tmp_hover_arr.touchstart {
  background-color: #faedd2;
}
.b_resort.touch .tmp_hover_arr {
  -webkit-tap-highlight-color: transparent;
}
.b_resort.touch .tmp_hover_arr.touchend {
  transition-delay: 200ms;
}

.tmp_hover_zoom_img {
  display: block;
  text-decoration: none;
  overflow: hidden;
}
.tmp_hover_zoom_img img {
  transition: transform .3s ease-out .1s;
}
.mouse .tmp_hover_zoom_img:hover img, .touch .tmp_hover_zoom_img.touchstart img {
  transform: scale(1.12);
}
.touch .tmp_hover_zoom_img {
  -webkit-tap-highlight-color: transparent;
}
.touch .tmp_hover_zoom_img.touchend {
  transition-delay: 200ms;
}

.tmp_link_under {
  display: flex;
  flex-wrap: wrap;
}
.tmp_link_under li a {
  display: block;
  height: 100%;
  text-decoration: none;
  border-bottom: solid 3px #c5c6c6;
  position: relative;
  line-height: 1.3;
  display: flex;
  align-items: center;
  padding-right: 1.5em;
}
@media only screen and (min-width: 768px) {
  .tmp_link_under li a {
    padding-top: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_link_under li a {
    padding-top: 0.4em;
  }
}
@media only screen and (min-width: 768px) {
  .tmp_link_under li a {
    padding-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_link_under li a {
    padding-bottom: 0.4em;
  }
}
.b_hotel_sheraton .tmp_link_under li a {
  border-bottom-color: #afa6a0;
}
.tmp_link_under li a::after {
  content: "\f3d0";
  top: 50%;
  right: .5em;
  transform: translateY(-50%);
  position: absolute;
  color: #c5c6c6;
  font-family: "Ionicons";
  font-size: 89%;
}
.tmp_link_under li a.is-active {
  border-color: #c9ded3;
}
.tmp_link_under li a.is-active::after {
  color: #c9ded3;
}
.mouse .tmp_link_under li a:hover, .touch .tmp_link_under li a.touchstart {
  border-color: #c9ded3;
}
.mouse .tmp_link_under li a:hover::after, .touch .tmp_link_under li a.touchstart::after {
  color: #c9ded3;
}
.touch .tmp_link_under li a {
  -webkit-tap-highlight-color: transparent;
}
.touch .tmp_link_under li a.touchend {
  transition-delay: 200ms;
}
.b_hotel .tmp_link_under li a.is-active {
  border-color: #c6b7d9;
}
.b_hotel .tmp_link_under li a.is-active::after {
  color: #c6b7d9;
}
.b_hotel.mouse .tmp_link_under li a:hover, .b_hotel.touch .tmp_link_under li a.touchstart {
  border-color: #c6b7d9;
}
.b_hotel.mouse .tmp_link_under li a:hover::after, .b_hotel.touch .tmp_link_under li a.touchstart::after {
  color: #c6b7d9;
}
.b_hotel.touch .tmp_link_under li a {
  -webkit-tap-highlight-color: transparent;
}
.b_hotel.touch .tmp_link_under li a.touchend {
  transition-delay: 200ms;
}
.b_tp_universal .tmp_link_under li a.is-active {
  border-color: #868d9f;
}
.b_tp_universal .tmp_link_under li a.is-active::after {
  color: #868d9f;
}
.b_tp_universal.mouse .tmp_link_under li a:hover, .b_tp_universal.touch .tmp_link_under li a.touchstart {
  border-color: #868d9f;
}
.b_tp_universal.mouse .tmp_link_under li a:hover::after, .b_tp_universal.touch .tmp_link_under li a.touchstart::after {
  color: #868d9f;
}
.b_tp_universal.touch .tmp_link_under li a {
  -webkit-tap-highlight-color: transparent;
}
.b_tp_universal.touch .tmp_link_under li a.touchend {
  transition-delay: 200ms;
}
.b_resort_shima .tmp_link_under li a.is-active {
  border-color: #66899a;
}
.b_resort_shima .tmp_link_under li a.is-active::after {
  color: #66899a;
}
.b_resort_shima.mouse .tmp_link_under li a:hover, .b_resort_shima.touch .tmp_link_under li a.touchstart {
  border-color: #66899a;
}
.b_resort_shima.mouse .tmp_link_under li a:hover::after, .b_resort_shima.touch .tmp_link_under li a.touchstart::after {
  color: #66899a;
}
.b_resort_shima.touch .tmp_link_under li a {
  -webkit-tap-highlight-color: transparent;
}
.b_resort_shima.touch .tmp_link_under li a.touchend {
  transition-delay: 200ms;
}
.b_hotel_sheraton .tmp_link_under li a.is-active {
  border-color: #6f625d;
}
.b_hotel_sheraton .tmp_link_under li a.is-active::after {
  color: #1c1c1c;
}
.b_hotel_sheraton.mouse .tmp_link_under li a:hover, .b_hotel_sheraton.touch .tmp_link_under li a.touchstart {
  border-color: #6f625d;
}
.b_hotel_sheraton.mouse .tmp_link_under li a:hover::after, .b_hotel_sheraton.touch .tmp_link_under li a.touchstart::after {
  color: #1c1c1c;
}
.b_hotel_sheraton.touch .tmp_link_under li a {
  -webkit-tap-highlight-color: transparent;
}
.b_hotel_sheraton.touch .tmp_link_under li a.touchend {
  transition-delay: 200ms;
}
.b_city .tmp_link_under li a.is-active {
  border-color: #84c6c9;
}
.b_city .tmp_link_under li a.is-active::after {
  color: #1c1c1c;
}
.b_city.mouse .tmp_link_under li a:hover, .b_city.touch .tmp_link_under li a.touchstart {
  border-color: #84c6c9;
}
.b_city.mouse .tmp_link_under li a:hover::after, .b_city.touch .tmp_link_under li a.touchstart::after {
  color: #1c1c1c;
}
.b_city.touch .tmp_link_under li a {
  -webkit-tap-highlight-color: transparent;
}
.b_city.touch .tmp_link_under li a.touchend {
  transition-delay: 200ms;
}
.b_sogo .tmp_link_under li a.is-active {
  border-color: #66899a;
}
.b_sogo.mouse .tmp_link_under li a:hover, .b_sogo.touch .tmp_link_under li a.touchstart {
  border-color: #66899a;
}
.b_sogo.touch .tmp_link_under li a {
  -webkit-tap-highlight-color: transparent;
}
.b_sogo.touch .tmp_link_under li a.touchend {
  transition-delay: 200ms;
}
.b_hotel_marriott .tmp_link_under li a.is-active {
  border-color: #a1052a;
  color: #a1052a;
}
.b_hotel_marriott.mouse .tmp_link_under li a:hover, .b_hotel_marriott.touch .tmp_link_under li a.touchstart {
  border-color: #a1052a;
  color: #a1052a;
}
.b_hotel_marriott.touch .tmp_link_under li a {
  -webkit-tap-highlight-color: transparent;
}
.b_hotel_marriott.touch .tmp_link_under li a.touchend {
  transition-delay: 200ms;
}
.b_resort .tmp_link_under li a.is-active {
  border-color: #e6a51e;
}
.b_resort.mouse .tmp_link_under li a:hover, .b_resort.touch .tmp_link_under li a.touchstart {
  border-color: #e6a51e;
}
.b_resort.touch .tmp_link_under li a {
  -webkit-tap-highlight-color: transparent;
}
.b_resort.touch .tmp_link_under li a.touchend {
  transition-delay: 200ms;
}
@media only screen and (min-width: 1025px) {
  .tmp_link_under.pc_cl5 li {
    width: 18.25397%;
  }
  .tmp_link_under.pc_cl5 li:not(:first-child) {
    margin-left: 1.98413%;
  }
}
@media only screen and (min-width: 1025px) {
  .tmp_link_under.pc_cl6 li {
    width: 15%;
  }
  .tmp_link_under.pc_cl6 li:not(:nth-child(6n+1)) {
    margin-left: 2%;
  }
  .tmp_link_under.pc_cl6 li:nth-child(n+7) {
    margin-top: 2%;
  }
}
@media only screen and (min-width: 1025px) {
  .tmp_link_under.pc_cl7 li {
    width: 12.85714%;
  }
  .tmp_link_under.pc_cl7 li:not(:nth-child(7n+1)) {
    margin-left: 1.66667%;
  }
  .tmp_link_under.pc_cl7 li:nth-child(n+8) {
    margin-top: 1.66667%;
  }
}
@media only screen and (min-width: 1025px) {
  .tmp_link_under.pc_cl4 li {
    width: 23.4127%;
  }
  .tmp_link_under.pc_cl4 li:not(:nth-child(4n+1)) {
    margin-left: 1.98413%;
  }
  .tmp_link_under.pc_cl4 li:nth-child(n+5) {
    margin-top: 1.98413%;
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1440px) {
  .tmp_link_under.pc_cl4 li {
    width: 30%;
  }
  .tmp_link_under.pc_cl4 li:not(:nth-child(3n)) {
    margin-left: 3%;
  }
  .tmp_link_under.pc_cl4 li:nth-child(n+4) {
    margin-top: 3%;
  }
}
@media only screen and (min-width: 1025px) {
  .tmp_link_under.pc_cl3 li {
    width: 30%;
  }
  .tmp_link_under.pc_cl3 li:not(:nth-child(3n+1)) {
    margin-left: 5%;
  }
  .tmp_link_under.pc_cl3 li:nth-child(n+4) {
    margin-top: 5%;
  }
  .tmp_link_under.pc_cl2 li {
    width: 48.57143%;
  }
  .tmp_link_under.pc_cl2 li:not(:nth-child(2n+1)) {
    margin-left: 2.85714%;
  }
  .tmp_link_under.pc_cl2 li:nth-child(n+3) {
    margin-top: 2.85714%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_link_under.tab_cl3 li {
    width: 30%;
  }
  .tmp_link_under.tab_cl3 li:not(:nth-child(3n+1)) {
    margin-left: 5%;
  }
  .tmp_link_under.tab_cl3 li:nth-child(n+4) {
    margin-top: 5%;
  }
  .tmp_link_under.tab_cl2 li {
    width: 48%;
  }
  .tmp_link_under.tab_cl2 li:not(:nth-child(2n+1)) {
    margin-left: 4%;
  }
  .tmp_link_under.tab_cl2 li:nth-child(n+3) {
    margin-top: 2%;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_link_under.sp_cl2 li {
    width: 48%;
  }
  .tmp_link_under.sp_cl2 li:not(:nth-child(2n+1)) {
    margin-left: 4%;
  }
  .tmp_link_under.sp_cl2 li:nth-child(n+3) {
    margin-top: 2%;
  }
  .tmp_link_under.sp_cl1 li {
    width: 100%;
  }
  .tmp_link_under.sp_cl1 li a {
    border-bottom: solid 2px #c5c6c6;
  }
  .tmp_link_under.sp_cl1 li:not(:last-child) {
    margin-bottom: .5em;
  }
}
@media only screen and (min-width: 1025px) {
  .tmp_link_under.center {
    justify-content: center;
  }
}

@media only screen and (min-width: 1025px) {
  .tmp_tab_lnk {
    margin-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_tab_lnk {
    margin-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_tab_lnk {
    margin-bottom: 4em;
  }
}
@media only screen and (min-width: 768px) {
  .tmp_tab_lnk {
    border-bottom: 1px solid #c5c6c6;
  }
  .b_hotel_sheraton .tmp_tab_lnk {
    border-bottom-color: #878686;
  }
}
.tmp_tab_lnk .tab {
  max-width: 1440px;
  display: flex;
  justify-content: flex-start;
  margin: 0 auto -1px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_tab_lnk .tab {
    width: 92%;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_tab_lnk .tab {
    flex-wrap: wrap;
  }
}
.tmp_tab_lnk .tab > li {
  border: 1px solid #c5c6c6;
  position: relative;
}
.b_hotel_sheraton .tmp_tab_lnk .tab > li {
  border-color: #878686;
}
@media only screen and (min-width: 768px) {
  .tmp_tab_lnk .tab > li {
    margin-right: 1.38889%;
  }
}
@media only screen and (min-width: 1025px) {
  .tmp_tab_lnk .tab > li {
    width: 18.88889%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_tab_lnk .tab > li {
    width: 23.95833%;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_tab_lnk .tab > li {
    width: 49.5%;
    margin-bottom: 1%;
  }
  .tmp_tab_lnk .tab > li:nth-child(odd) {
    margin-right: 1%;
  }
}
.tmp_tab_lnk .tab > li a {
  display: block;
  text-decoration: none;
  position: relative;
  height: 100%;
  line-height: 1.4;
}
.tmp_tab_lnk .tab > li a:hover::before {
  content: "";
  width: 100%;
  height: 5px;
  background-color: #c9ded3;
  position: absolute;
  top: 0;
  left: 0;
}
.b_hotel .tmp_tab_lnk .tab > li a:hover::before {
  background-color: #c6b7d9;
}
.b_tp_universal .tmp_tab_lnk .tab > li a:hover::before {
  background-color: #868d9f;
}
.b_resort_shima .tmp_tab_lnk .tab > li a:hover::before {
  background-color: #03405c;
}
.b_hotel_sheraton .tmp_tab_lnk .tab > li a:hover::before {
  background-color: #6f625d;
}
.b_city .tmp_tab_lnk .tab > li a:hover::before {
  background-color: #84c6c9;
}
.b_sogo .tmp_tab_lnk .tab > li a:hover::before {
  background-color: #003a56;
}
.b_hotel_marriott .tmp_tab_lnk .tab > li a:hover::before {
  background-color: #a0072b;
}
.b_resort .tmp_tab_lnk .tab > li a:hover::before {
  background-color: #e6a51e;
}
.tmp_tab_lnk .tab > li span {
  display: flex;
  align-items: center;
  height: 100%;
}
@media only screen and (min-width: 768px) {
  .tmp_tab_lnk .tab > li span {
    padding: 1.15em 1em;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_tab_lnk .tab > li span {
    padding: 0.7em 1.2em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_tab_lnk .tab > li span {
    text-align: center;
  }
}
.tmp_tab_lnk .tab > li.active::before {
  content: "";
  width: 100%;
  height: 5px;
  background-color: #c9ded3;
  position: absolute;
  top: 0;
  left: 0;
}
.b_hotel .tmp_tab_lnk .tab > li.active::before {
  background-color: #c6b7d9;
}
.b_tp_universal .tmp_tab_lnk .tab > li.active::before {
  background-color: #868d9f;
}
.b_resort_shima .tmp_tab_lnk .tab > li.active::before {
  background-color: #03405c;
}
.b_hotel_sheraton .tmp_tab_lnk .tab > li.active::before {
  background-color: #6f625d;
}
.b_city .tmp_tab_lnk .tab > li.active::before {
  background-color: #84c6c9;
}
.b_sogo .tmp_tab_lnk .tab > li.active::before {
  background-color: #003a56;
}
.b_hotel_marriott .tmp_tab_lnk .tab > li.active::before {
  background-color: #a0072b;
}
.b_resort .tmp_tab_lnk .tab > li.active::before {
  background-color: #e6a51e;
}
@media only screen and (min-width: 768px) {
  .tmp_tab_lnk .tab > li.active {
    border-bottom-color: #fff;
  }
  .b_hotel_sheraton .tmp_tab_lnk .tab > li.active {
    border-bottom-color: #efeae4;
  }
}
.tmp_tab_lnk .tab > li.active a {
  pointer-events: none;
}

.tmp_bor_block {
  border: 1px solid #c5c6c6;
  position: relative;
}
@media only screen and (min-width: 1025px) {
  .tmp_bor_block {
    width: 31.94444%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_bor_block {
    width: 49%;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_bor_block {
    width: 100%;
  }
}
@media only screen and (min-width: 1025px) {
  .tmp_bor_block:not(:nth-child(3n)) {
    margin-right: 2.08333%;
  }
  .tmp_bor_block:nth-child(n+4) {
    margin-top: 2.08333%;
  }
  .tmp_bor_block:nth-child(3n+1):last-child .txt {
    min-height: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_bor_block:nth-child(2n) {
    margin-left: 2%;
  }
  .tmp_bor_block:nth-child(n+3) {
    margin-top: 2%;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_bor_block:not(:last-child) {
    margin-bottom: 2em;
  }
}
.tmp_bor_block a, .tmp_bor_block .pseudo_a {
  display: block;
  height: 100%;
  text-decoration: none;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 1025px) {
  .tmp_bor_block a, .tmp_bor_block .pseudo_a {
    padding: 40px 23px 30px 23px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_bor_block a, .tmp_bor_block .pseudo_a {
    padding: 40px 15px 20px 15px;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_bor_block a, .tmp_bor_block .pseudo_a {
    padding: 2.5em 1.2em;
  }
}
.tmp_bor_block .tag {
  font-size: 84%;
  text-align: center;
  line-height: 1;
  margin-bottom: 0.5em;
  display: flex;
  justify-content: flex-start;
}
@media only screen and (min-width: 768px) {
  .tmp_bor_block .tag {
    margin-top: -1em;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_bor_block .tag {
    margin-top: -1em;
  }
}
.tmp_bor_block .tag span {
  display: block;
  border: 1px solid #c6c6c6;
  min-width: 50px;
}
@media only screen and (min-width: 768px) {
  .tmp_bor_block .tag span {
    padding: 0.4em 0.25em 0.2em;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_bor_block .tag span {
    padding: 0.2em 1.5em;
  }
}
.tmp_bor_block .tmp_st {
  color: inherit;
}
@media only screen and (min-width: 768px) {
  .tmp_bor_block .tmp_st {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_bor_block .tmp_st {
    margin-bottom: 0.5em;
  }
}
@media only screen and (min-width: 768px) {
  .tmp_bor_block .tmp_st {
    font-size: 128%;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_bor_block .tmp_st {
    font-size: 112%;
  }
}
.tmp_bor_block .img {
  overflow: hidden;
  position: relative;
  max-width: 410px;
}
@media only screen and (min-width: 768px) {
  .tmp_bor_block .img {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_bor_block .img {
    margin-bottom: 1.5em;
  }
}
.tmp_bor_block .img::after {
  content: "";
  display: block;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .tmp_bor_block .img::after {
    padding-bottom: 58.53659%;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_bor_block .img::after {
    padding-bottom: 60%;
  }
}
.tmp_bor_block .img img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.tmp_bor_block .tbl_fac {
  width: 100%;
  font-size: 84%;
}
@media only screen and (min-width: 1025px) {
  .tmp_bor_block .tbl_fac {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_bor_block .tbl_fac {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_bor_block .tbl_fac {
    margin-bottom: 1.5em;
  }
}
.tmp_bor_block .tbl_fac tr th {
  width: 9em;
  background-color: #f4f4f4;
  text-align: center;
  font-weight: normal;
}
@media only screen and (min-width: 768px) {
  .tmp_bor_block .tbl_fac tr th {
    padding: 2px 0;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_bor_block .tbl_fac tr th {
    padding: 0.2em 0;
  }
}
.b_hotel_sheraton .tmp_bor_block .tbl_fac tr th {
  background-color: #e0dcd9;
}
@media only screen and (min-width: 1025px) {
  .tmp_bor_block .tbl_fac tr td {
    padding-left: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_bor_block .tbl_fac tr td {
    padding-left: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_bor_block .tbl_fac tr td {
    padding-left: 1em;
  }
}
.tmp_bor_block .tbl_fac tr:not(:last-child) th, .tmp_bor_block .tbl_fac tr:not(:last-child) td {
  border-bottom: 1px solid #eeeeee;
}
.b_hotel_sheraton .tmp_bor_block .tbl_fac tr:not(:last-child) th, .b_hotel_sheraton .tmp_bor_block .tbl_fac tr:not(:last-child) td {
  border-bottom-color: #afa6a0;
}
@media only screen and (min-width: 768px) {
  .tmp_bor_block .txt {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_bor_block .txt {
    margin-bottom: 1em;
  }
}
@media only screen and (min-width: 1025px) {
  .tmp_bor_block .txt {
    min-height: 140px;
  }
}
.tmp_bor_block .btn_detail {
  transition: background-color 0.3s ease-in, border-color 0.3s ease-in, color 0.3s ease-in;
  border: 1px solid #c5c6c6;
  display: flex;
  width: 100%;
  justify-content: center;
  margin-top: auto;
}
@media only screen and (min-width: 1025px) {
  .tmp_bor_block .btn_detail {
    max-width: 360px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_bor_block .btn_detail {
    max-width: 300px;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_bor_block .btn_detail {
    max-width: 100%;
  }
}
@media only screen and (min-width: 1025px) {
  .tmp_bor_block .btn_detail {
    min-height: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_bor_block .btn_detail {
    min-height: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_bor_block .btn_detail {
    min-height: 3em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 896px) {
  .tmp_bor_block .btn_detail {
    width: 100%;
  }
}
.tmp_bor_block .btn_detail .jp {
  font-size: 100%;
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", "MS Ｐゴシック", "MS PGothic", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
  letter-spacing: 0.16em;
}
.mouse .tmp_bor_block a {
  transition: opacity 0.3s ease-in;
}
.mouse .tmp_bor_block a:hover, .touch .tmp_bor_block a.touchstart {
  opacity: 0.7;
}
.mouse .tmp_bor_block a:hover .btn_detail, .touch .tmp_bor_block a.touchstart .btn_detail {
  background-color: #c9ded3;
}
.touch .tmp_bor_block a {
  -webkit-tap-highlight-color: transparent;
}
.touch .tmp_bor_block a.touchend {
  transition-delay: 200ms;
}
.mouse .tmp_bor_block a {
  transition: opacity 0.3s ease-in, background-color 0.3s ease-in;
}
.b_hotel.mouse .tmp_bor_block a:hover .btn_detail, .b_hotel.touch .tmp_bor_block a.touchstart .btn_detail {
  background-color: #c6b7d9;
  border-color: #c6b7d9;
}
.b_hotel.touch .tmp_bor_block a {
  -webkit-tap-highlight-color: transparent;
}
.b_hotel.touch .tmp_bor_block a.touchend {
  transition-delay: 200ms;
}
.b_hotel_sheraton.mouse .tmp_bor_block a:hover, .b_hotel_sheraton.touch .tmp_bor_block a.touchstart {
  opacity: 1 !important;
  background-color: #fff;
}
.b_hotel_sheraton.mouse .tmp_bor_block a:hover .btn_detail, .b_hotel_sheraton.touch .tmp_bor_block a.touchstart .btn_detail {
  background-color: #6f625d;
  border-color: #6f625d;
  color: #fff;
}
.b_hotel_sheraton.touch .tmp_bor_block a {
  -webkit-tap-highlight-color: transparent;
}
.b_hotel_sheraton.touch .tmp_bor_block a.touchend {
  transition-delay: 200ms;
}
.b_tp_universal.mouse .tmp_bor_block a:hover .btn_detail, .b_tp_universal.touch .tmp_bor_block a.touchstart .btn_detail {
  background-color: #e8e8ec;
  border-color: #c5c6c6;
}
.b_tp_universal.touch .tmp_bor_block a {
  -webkit-tap-highlight-color: transparent;
}
.b_tp_universal.touch .tmp_bor_block a.touchend {
  transition-delay: 200ms;
}
.b_resort_shima.mouse .tmp_bor_block a:hover .btn_detail, .b_resort_shima.touch .tmp_bor_block a.touchstart .btn_detail {
  background-color: #e8e8ec;
  border-color: #c5c6c6;
}
.b_resort_shima.touch .tmp_bor_block a {
  -webkit-tap-highlight-color: transparent;
}
.b_resort_shima.touch .tmp_bor_block a.touchend {
  transition-delay: 200ms;
}
.b_city.mouse .tmp_bor_block a:hover .btn_detail, .b_city.touch .tmp_bor_block a.touchstart .btn_detail {
  background-color: #32a0a5;
  border-color: #32a0a5;
  color: #fff;
}
.b_city.touch .tmp_bor_block a {
  -webkit-tap-highlight-color: transparent;
}
.b_city.touch .tmp_bor_block a.touchend {
  transition-delay: 200ms;
}
.b_hotel_marriott.mouse .tmp_bor_block a:hover .btn_detail, .b_hotel_marriott.touch .tmp_bor_block a.touchstart .btn_detail {
  background-color: #e3e1de;
  border-color: #e3e1de;
}
.b_hotel_marriott.touch .tmp_bor_block a {
  -webkit-tap-highlight-color: transparent;
}
.b_hotel_marriott.touch .tmp_bor_block a.touchend {
  transition-delay: 200ms;
}
.b_resort.mouse .tmp_bor_block a:hover .btn_detail, .b_resort.touch .tmp_bor_block a.touchstart .btn_detail {
  background-color: #f5dba5;
  border-color: #f5dba5;
}
.b_resort.touch .tmp_bor_block a {
  -webkit-tap-highlight-color: transparent;
}
.b_resort.touch .tmp_bor_block a.touchend {
  transition-delay: 200ms;
}
@media only screen and (min-width: 1025px) {
  .tmp_bor_block.box_sev a {
    padding-top: 45px;
  }
}
.tmp_bor_block.box_sev .tag {
  background-color: #676c72;
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 0;
  display: block;
  padding: 0 1em;
  height: 30px;
  width: 120px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
}

.tmp_news {
  background-color: #f4f4f4;
  padding: 1em;
}
.b_tp_universal .tmp_news {
  background-color: #f1f0f5;
}
.b_resort_shima .tmp_news {
  background-color: #e6ebef;
}
.tmp_news .box_news {
  max-width: 1440px;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 1025px) {
  .tmp_news .box_news {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_news .box_news {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_news .box_news {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_news .box_news {
    flex-wrap: wrap;
  }
}
.tmp_news .box_news .slide {
  margin-top: auto;
  margin-bottom: auto;
}
@media only screen and (max-width: 767px) {
  .tmp_news .box_news .slide {
    width: 100%;
  }
}
.tmp_news .box_news .slide a span {
  font-size: 84%;
}
.tmp_news .box_news .slide a::after {
  content: "\f3d6";
  font-family: "ionicons";
}
.tmp_news .box_news > .slide:not(:first-child) {
  display: none;
}
.tmp_news .box_news .tmp_slick_arr {
  order: 2;
}
@media only screen and (min-width: 768px) {
  .tmp_news .box_news .tmp_slick_arr {
    font-size: 139%;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_news .box_news .tmp_slick_arr {
    font-size: 156%;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_news .box_news .tmp_slick_arr.arr_prev {
    margin-left: auto;
    margin-right: .2em;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_news .box_news .tmp_slick_arr.arr_next {
    margin-right: auto;
    margin-left: .2em;
  }
}
@media only screen and (min-width: 768px) {
  .tmp_news .box_news .tmp_slick_arr a {
    width: 56px;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_news .box_news .tmp_slick_arr a {
    width: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_news .box_news .tmp_slick_arr a {
    margin-top: .5em;
  }
  .tmp_news .box_news .tmp_slick_arr a::before {
    content: "";
    background-color: #c9ded3;
    opacity: .3;
  }
}
.tmp_news .box_news .slick-dots {
  display: none !important;
}

.tmp_en_cirsive {
  font-family: 'Allison', cursive;
  line-height: .85;
  margin-bottom: 0.25em;
  letter-spacing: -0.02em;
}
@media only screen and (min-width: 1025px) {
  .tmp_en_cirsive {
    font-size: 389%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_en_cirsive {
    font-size: 334%;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_en_cirsive {
    font-size: 278%;
  }
}
.b_tp_universal .tmp_en_cirsive {
  font-family: 'Open Sans', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
  text-transform: uppercase;
  color: #f1b000;
  margin-bottom: 1em;
  padding-top: .25em;
  letter-spacing: 0.12em;
}
@media only screen and (min-width: 1025px) {
  .b_tp_universal .tmp_en_cirsive {
    font-size: 167%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .b_tp_universal .tmp_en_cirsive {
    font-size: 156%;
  }
}
@media only screen and (max-width: 767px) {
  .b_tp_universal .tmp_en_cirsive {
    font-size: 134%;
  }
}
.b_resort_shima .tmp_en_cirsive {
  color: #99b0bb;
}
.b_city .tmp_en_cirsive {
  color: #32a0a5;
}
.b_resort .tmp_en_cirsive {
  color: #e6a51e;
}
.tmp_en_cirsive.align_c, .tmp_en_cirsive.center {
  text-align: center;
}
@media only screen and (min-width: 1025px) {
  .tmp_en_cirsive.align_r-c-c {
    text-align: right;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_en_cirsive.align_r-c-c {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_en_cirsive.align_r-c-c {
    text-align: center;
  }
}
@media only screen and (min-width: 1025px) {
  .tmp_en_cirsive.align_l-c-c {
    text-align: left;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_en_cirsive.align_l-c-c {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_en_cirsive.align_l-c-c {
    text-align: center;
  }
}

.tmp_noimg {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
}
.tmp_noimg::after {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  background: url("../../../files/images/header/g_logo.png") rgba(128, 128, 128, 0.4) no-repeat center center/50% auto;
  background-size: 40% auto;
}

html.is-scrollable {
  overflow: hidden;
}

#modal_menu {
  display: block;
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  z-index: 1000;
  background-color: #fff;
}

.con_m_menu {
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
}
@media only screen and (min-width: 1025px) {
  .con_m_menu {
    padding-top: 200px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_m_menu {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .con_m_menu {
    padding-top: 5em;
  }
}
@media only screen and (min-width: 1025px) and (max-height: 800px) {
  .con_m_menu {
    padding-top: 130px;
  }
}
@media only screen and (min-width: 1025px) and (max-height: 700px) {
  .con_m_menu {
    padding-top: 120px;
  }
}

.box_m_menu {
  max-width: 1440px;
}
@media only screen and (min-width: 1025px) {
  .box_m_menu {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_m_menu {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (max-width: 767px) {
  .box_m_menu {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (max-width: 1024px) {
  .box_m_menu {
    width: 100%;
  }
}
.box_m_menu .box_2nd {
  flex-wrap: wrap;
  padding-right: 1em;
}
@media only screen and (min-width: 1025px) {
  .box_m_menu .box_2nd {
    display: flex;
  }
}
.ie .box_m_menu .box_2nd {
  list-style-type: none !important;
}
@media only screen and (max-width: 1024px) {
  .box_m_menu .box_2nd {
    padding-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_m_menu .box_2nd > li {
    padding: 1.25em 0;
  }
}
@media only screen and (max-width: 767px) {
  .box_m_menu .box_2nd > li {
    padding: 1.25em 0;
  }
}
@media only screen and (min-width: 1441px) {
  .box_m_menu .box_2nd > li {
    width: 20%;
    margin-bottom: 60px;
  }
  .box_m_menu .box_2nd > li:nth-child(5n+1) {
    width: 18.51852%;
  }
  .box_m_menu .box_2nd > li:nth-child(5n+2) {
    width: 18.51852%;
  }
  .box_m_menu .box_2nd > li:nth-child(5n+3) {
    width: 18.51852%;
  }
  .box_m_menu .box_2nd > li:nth-child(5n+4) {
    width: 18.51852%;
  }
  .box_m_menu .box_2nd > li:nth-child(5n+5) {
    width: 25.92593%;
  }
}
@media only screen and (min-width: 1441px) and (min-width: 1025px) and (max-height: 800px) {
  .box_m_menu .box_2nd > li {
    margin-bottom: 30px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .box_m_menu .box_2nd > li {
    width: 25%;
    margin-bottom: 30px;
  }
  .box_m_menu .box_2nd > li:nth-child(4n+1) {
    width: 33.33333%;
  }
  .box_m_menu .box_2nd > li:nth-child(4n+2) {
    width: 20.83333%;
  }
  .box_m_menu .box_2nd > li:nth-child(4n+3) {
    width: 20.83333%;
  }
  .box_m_menu .box_2nd > li:nth-child(4n+4) {
    width: 25%;
  }
}
.ie .box_m_menu .box_2nd > li {
  list-style-type: none;
  width: 20%;
}
@media only screen and (min-width: 1441px) {
  .b_sogo .box_m_menu .box_2nd > li {
    margin-bottom: 60px;
  }
  .b_sogo .box_m_menu .box_2nd > li:nth-child(6n+1) {
    width: 13.88889%;
  }
  .b_sogo .box_m_menu .box_2nd > li:nth-child(6n+2) {
    width: 16.66667%;
  }
  .b_sogo .box_m_menu .box_2nd > li:nth-child(6n+3) {
    width: 16.66667%;
  }
  .b_sogo .box_m_menu .box_2nd > li:nth-child(6n+4) {
    width: 16.66667%;
  }
  .b_sogo .box_m_menu .box_2nd > li:nth-child(6n+5) {
    width: 25%;
  }
  .b_sogo .box_m_menu .box_2nd > li:nth-child(6n+6) {
    width: 11.11111%;
  }
}
@media only screen and (min-width: 1441px) and (min-width: 1025px) and (max-height: 800px) {
  .b_sogo .box_m_menu .box_2nd > li {
    margin-bottom: 30px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .b_sogo .box_m_menu .box_2nd > li {
    margin-bottom: 60px;
  }
  .b_sogo .box_m_menu .box_2nd > li:nth-child(4n+1) {
    width: 31.25%;
  }
  .b_sogo .box_m_menu .box_2nd > li:nth-child(4n+2) {
    width: 25%;
  }
  .b_sogo .box_m_menu .box_2nd > li:nth-child(4n+3) {
    width: 25%;
  }
  .b_sogo .box_m_menu .box_2nd > li:nth-child(4n+4) {
    width: 18.75%;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) and (min-width: 1025px) and (max-height: 800px) {
  .b_sogo .box_m_menu .box_2nd > li {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 1024px) {
  .box_m_menu .box_2nd > li {
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    justify-content: center;
  }
  .box_m_menu .box_2nd > li:not(:first-child) {
    margin-top: -1px;
  }
}
.box_m_menu .box_2nd > li > .inner {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  position: relative;
  line-height: 1.5;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_m_menu .box_2nd > li > .inner {
    margin-right: auto;
    margin-left: auto;
    width: 80%;
  }
}
@media only screen and (max-width: 767px) {
  .box_m_menu .box_2nd > li > .inner {
    margin-right: auto;
    margin-left: auto;
    width: 88%;
  }
}
.ie .box_m_menu .box_2nd > li > .inner {
  display: block;
}
@media only screen and (min-width: 1025px) {
  .box_m_menu .box_2nd > li > .inner {
    margin-right: inherit;
    margin-left: inherit;
  }
}
.box_m_menu .box_2nd > li > .inner > a {
  display: block;
  text-decoration: none;
}
.ie .box_m_menu .box_2nd > li > .inner > a {
  width: 80%;
}
@media only screen and (max-width: 1024px) {
  .box_m_menu .box_2nd > li > .inner > a {
    width: 100%;
  }
}
.box_m_menu .box_2nd > li > .inner > a > span {
  display: block;
}
.box_m_menu .box_2nd > li > .inner > a > span.en {
  font-weight: 600;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .box_m_menu .box_2nd > li > .inner > a > span.en {
    font-size: 145%;
  }
}
@media only screen and (max-width: 767px) {
  .box_m_menu .box_2nd > li > .inner > a > span.en {
    font-size: 134%;
  }
}
@media only screen and (max-width: 1024px) {
  .box_m_menu .box_2nd > li > .inner > a > span.en {
    justify-content: space-between;
  }
}
.box_m_menu .box_2nd > li > .inner > a > span.jp {
  font-size: 84%;
  margin-top: 0.2em;
}
.box_m_menu .box_2nd > li > .inner > i {
  font-size: 145%;
  font-weight: normal;
  cursor: pointer;
}
.mouse .box_m_menu .box_2nd > li > .inner > i {
  transition: opacity 0.3s ease-in;
}
.mouse .box_m_menu .box_2nd > li > .inner > i:hover, .touch .box_m_menu .box_2nd > li > .inner > i.touchstart {
  opacity: 0.7;
}
.touch .box_m_menu .box_2nd > li > .inner > i {
  -webkit-tap-highlight-color: transparent;
}
.touch .box_m_menu .box_2nd > li > .inner > i.touchend {
  transition-delay: 200ms;
}
.ie .box_m_menu .box_2nd > li > .inner > i {
  position: absolute;
  right: 1em;
  top: 0;
}
@media only screen and (max-width: 1024px) {
  .box_m_menu .box_2nd > li > .inner > i {
    right: 0;
    top: 0;
    position: absolute;
  }
}
.box_m_menu .box_2nd > li > .inner > i::before {
  content: "\f489";
  margin-left: 0.3em;
  font-family: "Ionicons";
}
.box_m_menu .box_3rd {
  padding-top: 1em;
  width: 100%;
  display: none;
}
@media only screen and (min-width: 1025px) {
  .box_m_menu .box_3rd {
    margin-left: 0;
  }
}
.box_m_menu .box_3rd > li {
  line-height: 1.5;
  padding-right: 1em;
}
@media only screen and (min-width: 1025px) {
  .box_m_menu .box_3rd > li {
    font-size: 67%;
  }
}
@media only screen and (max-width: 767px) {
  .box_m_menu .box_3rd > li {
    font-size: 84%;
  }
}
@media only screen and (max-width: 767px) {
  .box_m_menu .box_3rd > li {
    padding-right: 0;
  }
}
.box_m_menu .box_3rd > li > a {
  text-decoration: none !important;
  padding: .45em 0;
  letter-spacing: 0;
  display: block;
}
.mouse .box_m_menu .box_3rd > li > a:hover, .touch .box_m_menu .box_3rd > li > a.touchstart {
  text-decoration: underline !important;
}
.touch .box_m_menu .box_3rd > li > a {
  -webkit-tap-highlight-color: transparent;
}
.touch .box_m_menu .box_3rd > li > a.touchend {
  transition-delay: 200ms;
}

.box_m_sub {
  position: relative;
}
@media only screen and (min-width: 768px) {
  .box_m_sub {
    padding: 40px 0;
  }
}
@media only screen and (max-width: 767px) {
  .box_m_sub {
    padding: 2em 0;
  }
}
@media only screen and (min-width: 1025px) {
  .box_m_sub::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #d8d8d8;
    top: 0;
  }
}
.box_m_sub > .inner {
  max-width: 1440px;
}
@media only screen and (min-width: 1025px) {
  .box_m_sub > .inner {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_m_sub > .inner {
    margin-right: auto;
    margin-left: auto;
    width: 80%;
  }
}
@media only screen and (max-width: 767px) {
  .box_m_sub > .inner {
    margin-right: auto;
    margin-left: auto;
    width: 88%;
  }
}
@media only screen and (min-width: 768px) {
  .box_m_sub > .inner {
    display: flex;
    align-items: center;
    align-items: baseline;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
.box_m_sub .box_det {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width: 1025px) {
  .box_m_sub .box_det {
    width: calc(100% - 165px);
  }
}
@media only screen and (max-width: 1024px) {
  .box_m_sub .box_det {
    width: 100%;
  }
}
.box_m_sub .box_det ul {
  font-size: 84%;
  display: flex;
}
@media only screen and (min-width: 1025px) {
  .box_m_sub .box_det ul {
    flex-wrap: wrap;
    margin-right: 5em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_m_sub .box_det ul {
    width: 100%;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .box_m_sub .box_det ul {
    display: flex;
    flex-wrap: wrap;
    margin-right: 0;
    width: 100%;
  }
}
@media only screen and (min-width: 1025px) {
  .box_m_sub .box_det ul li:not(:last-child) {
    margin-right: 2em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_m_sub .box_det ul li {
    width: 33.3%;
  }
}
@media only screen and (max-width: 767px) {
  .box_m_sub .box_det ul li {
    width: 50%;
  }
}
.box_m_sub .box_det ul li a {
  text-decoration: none !important;
  padding: .5em 0;
  display: block;
}
.mouse .box_m_sub .box_det ul li a:hover, .touch .box_m_sub .box_det ul li a.touchstart {
  text-decoration: underline !important;
}
.touch .box_m_sub .box_det ul li a {
  -webkit-tap-highlight-color: transparent;
}
.touch .box_m_sub .box_det ul li a.touchend {
  transition-delay: 200ms;
}
.box_m_sub .box_det ul.box_blank {
  margin-right: 0;
}
@media only screen and (max-width: 767px) {
  .box_m_sub .box_det ul.box_blank {
    margin-top: 1em;
  }
}
.box_m_sub .box_det ul.box_blank li a::after {
  font-family: "Ionicons";
  content: "\f3ef";
  margin-left: 1em;
}
.box_m_sub .box_sns {
  display: flex;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_m_sub .box_sns {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .box_m_sub .box_sns {
    margin-top: 2em;
  }
}
@media only screen and (min-width: 1025px) {
  .box_m_sub .box_sns {
    width: 165px;
    justify-content: flex-end;
  }
}
@media only screen and (max-width: 767px) {
  .box_m_sub .box_sns {
    justify-content: center;
  }
}
.box_m_sub .box_sns li {
  width: 3em;
  display: flex;
  justify-content: center;
  align-items: center;
}
.box_m_sub .box_sns li a {
  padding: 0 1em;
  display: flex;
  align-items: center;
}
.ie .box_m_sub .box_sns li a {
  height: 40px;
  text-decoration: none;
}
.box_m_sub .box_sns li a svg {
  width: 1em;
  fill: #676c72;
}

.bnr_m_menu {
  max-width: 1520px;
}
@media only screen and (min-width: 1025px) {
  .bnr_m_menu {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .bnr_m_menu {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (max-width: 767px) {
  .bnr_m_menu {
    width: 79.29688%;
  }
}
.bnr_m_menu .slick-list {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .bnr_m_menu .slick-list {
    overflow: visible;
  }
}
@media only screen and (min-width: 1025px) {
  .bnr_m_menu[data-num="1"] .slick-dots, .bnr_m_menu[data-num="2"] .slick-dots, .bnr_m_menu[data-num="3"] .slick-dots {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .bnr_m_menu[data-num="1"] .slick-dots {
    display: none;
  }
}
.bnr_m_menu .slick-track {
  margin-left: 0;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .bnr_m_menu .slick-dots {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .bnr_m_menu .slick-dots {
    margin-top: 1em;
  }
}
@media only screen and (min-width: 1025px) {
  .bnr_m_menu .slick-dots {
    justify-content: flex-start;
  }
}
.bnr_m_menu .slick-dots li.slick-active {
  color: #575757 !important;
}
.bnr_m_menu .tmp_slick_arr {
  display: none !important;
  margin-bottom: 0;
}
.bnr_m_menu .slide a {
  width: 89.73684%;
  margin-right: auto;
  margin-left: auto;
  display: block;
}
@media only screen and (min-width: 1025px) {
  .bnr_m_menu .slide a {
    max-width: 340px;
  }
}

html.is-scrollable {
  overflow: hidden;
}

#modal_search {
  display: block;
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  z-index: 1000;
  background-color: #fff;
}
@media only screen and (max-width: 1024px) {
  #modal_search {
    z-index: 2000;
  }
}

.btn_m_close {
  font-family: 'Open Sans', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
  text-transform: uppercase;
  font-size: 84%;
}
.btn_m_close a {
  padding: 2em 1em;
  display: block;
  text-decoration: none;
  text-align: right;
}

.con_m_search {
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
}
@media only screen and (min-width: 1025px) {
  .con_m_search {
    padding-top: 200px;
  }
}
@media only screen and (min-width: 768px) {
  .con_m_search {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .con_m_search {
    padding-bottom: 2em;
  }
}
@media only screen and (min-width: 1025px) and (max-height: 800px) {
  .con_m_search {
    padding-top: 130px;
  }
}
@media only screen and (min-width: 1025px) and (max-height: 700px) {
  .con_m_search {
    padding-top: 120px;
  }
}

.con_wedding_f_contact {
  max-width: 1440px;
  border: 1px solid #dbdbdb;
}
@media only screen and (min-width: 1025px) {
  .con_wedding_f_contact {
    margin-right: auto;
    margin-left: auto;
    width: 80%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_wedding_f_contact {
    margin-right: auto;
    margin-left: auto;
    width: 80%;
  }
}
@media only screen and (max-width: 767px) {
  .con_wedding_f_contact {
    margin-right: auto;
    margin-left: auto;
    width: 88%;
  }
}
@media only screen and (min-width: 1025px) {
  .con_wedding_f_contact {
    padding: 75px 0 65px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_wedding_f_contact {
    padding: 45px 0 40px;
  }
}
@media only screen and (max-width: 767px) {
  .con_wedding_f_contact {
    padding: 3em 0 2em;
  }
}
@media only screen and (min-width: 1441px) {
  .con_wedding_f_contact {
    margin-bottom: 260px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_wedding_f_contact {
    margin-bottom: 180px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_wedding_f_contact {
    margin-bottom: 180px;
  }
}
@media only screen and (max-width: 767px) {
  .con_wedding_f_contact {
    margin-bottom: 10em;
  }
}
.b_hotel_sheraton .con_wedding_f_contact {
  background-color: #ffffff;
  border-color: #c6c5c3;
}
@media only screen and (min-width: 1441px) {
  .con_wedding_f_contact .st_f {
    margin-bottom: 70px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_wedding_f_contact .st_f {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_wedding_f_contact .st_f {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .con_wedding_f_contact .st_f {
    margin-bottom: 1em;
  }
}
.con_wedding_f_contact .box_btn {
  max-width: 845px;
}
@media only screen and (min-width: 768px) {
  .con_wedding_f_contact .box_btn {
    margin-bottom: 1em;
  }
}
@media only screen and (max-width: 767px) {
  .con_wedding_f_contact .box_btn {
    margin-bottom: 0.75em;
  }
}
@media only screen and (min-width: 1025px) {
  .con_wedding_f_contact .box_btn {
    margin-right: auto;
    margin-left: auto;
    width: 80%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_wedding_f_contact .box_btn {
    margin-right: auto;
    margin-left: auto;
    width: 80%;
  }
}
@media only screen and (max-width: 767px) {
  .con_wedding_f_contact .box_btn {
    margin-right: auto;
    margin-left: auto;
    width: 88%;
  }
}
@media only screen and (min-width: 768px) {
  .con_wedding_f_contact .box_btn {
    display: flex;
    justify-content: center;
  }
}
@media only screen and (min-width: 768px) {
  .con_wedding_f_contact .box_btn .tmp_btn {
    width: 48.52071%;
  }
}
@media only screen and (min-width: 768px) {
  .con_wedding_f_contact .box_btn .tmp_btn a {
    min-height: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .con_wedding_f_contact .box_btn .tmp_btn a {
    min-height: none;
  }
}
@media only screen and (min-width: 768px) {
  .con_wedding_f_contact .box_btn .tmp_btn:nth-child(even) {
    margin-left: 2.95858%;
  }
}
@media only screen and (max-width: 767px) {
  .con_wedding_f_contact .box_btn .tmp_btn:not(:first-child) {
    margin-top: .5em;
  }
}
.con_wedding_f_contact .txt_wed_tel {
  font-family: 'Open Sans', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-weight: 600;
  text-align: center;
  line-height: 1.5;
  margin-top: 1em;
}
@media only screen and (min-width: 1025px) {
  .con_wedding_f_contact .txt_wed_tel {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_wedding_f_contact .txt_wed_tel {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (max-width: 767px) {
  .con_wedding_f_contact .txt_wed_tel {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (min-width: 768px) {
  .con_wedding_f_contact .txt_wed_tel {
    font-size: 156%;
  }
}
@media only screen and (max-width: 767px) {
  .con_wedding_f_contact .txt_wed_tel {
    font-size: 134%;
  }
}
.con_wedding_f_contact .txt_wed_tel a, .con_wedding_f_contact .txt_wed_tel .tel {
  color: #676c72;
}
.con_wedding_f_contact .txt_wed_reception {
  margin-top: 0.25em;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
}
@media only screen and (min-width: 1025px) {
  .con_wedding_f_contact .txt_wed_reception {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_wedding_f_contact .txt_wed_reception {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (max-width: 767px) {
  .con_wedding_f_contact .txt_wed_reception {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (min-width: 768px) {
  .con_wedding_f_contact .txt_wed_reception {
    font-size: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .con_wedding_f_contact .txt_wed_reception {
    line-height: 1;
  }
}
@media only screen and (max-width: 767px) {
  .con_wedding_f_contact .txt_wed_reception {
    line-height: 1.5;
  }
}
.con_wedding_f_contact .txt_wed_reception span {
  display: block;
}
.con_wedding_f_contact .txt_wed_reception span.txt_hol::before, .con_wedding_f_contact .txt_wed_reception span.txt_hol::after {
  content: "　";
}
@media only screen and (max-width: 767px) {
  .con_wedding_f_contact .txt_wed_reception span {
    width: 100%;
  }
}

.box_f_rsvcenter {
  font-size: 89%;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.12em;
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .box_f_rsvcenter {
    padding: 0 0 2.5em;
  }
}
@media only screen and (max-width: 767px) {
  .box_f_rsvcenter {
    padding: 1em 0 3em;
  }
}
.box_f_rsvcenter > .inner {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 767px) {
  .box_f_rsvcenter {
    letter-spacing: inherit;
    display: flex;
    justify-content: center;
  }
}
.box_f_rsvcenter .num {
  font-size: 125%;
  font-family: 'Open Sans', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
  text-transform: uppercase;
}
.box_f_rsvcenter .box_oh {
  text-align: left;
  margin-top: 1em;
}
.box_f_rsvcenter .box_oh .txt {
  text-align: center;
}
.box_f_rsvcenter .box_oh .tst {
  text-align: center;
  display: block;
  margin-bottom: 0.4em;
}
.box_f_rsvcenter .box_oh .line {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .box_f_rsvcenter .box_oh .line {
    margin-top: 0.5em;
    display: block;
  }
}
.box_f_rsvcenter .box_oh .line .st {
  display: flex;
  width: 14rem;
  margin-right: 1rem;
}
@media only screen and (max-width: 767px) {
  .box_f_rsvcenter .box_oh .line .st {
    width: auto;
  }
}
.box_f_rsvcenter .box_oh .line .st::before {
  content: "（";
}
.box_f_rsvcenter .box_oh .line .st::after {
  content: "）";
  margin-right: 0;
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .box_f_rsvcenter .box_oh .line .st::after {
    margin-right: auto;
    margin-left: 0;
  }
}
.box_f_rsvcenter .box_oh .line .t {
  text-align: left;
  display: block;
}
.box_f_rsvcenter .box_oh .ann {
  text-align: left;
  font-size: .8em;
  margin-left: 15rem;
}
@media only screen and (max-width: 767px) {
  .box_f_rsvcenter .box_oh .ann {
    margin-top: 1em;
    margin-left: auto;
  }
}

.con_plus_card {
  max-width: 1440px;
  border: 1px solid #c5c6c6;
  background-color: #fff;
}
@media only screen and (min-width: 1025px) {
  .con_plus_card {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_plus_card {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (max-width: 767px) {
  .con_plus_card {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (min-width: 1025px) {
  .con_plus_card {
    padding: 30px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_plus_card {
    padding: 50px 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_plus_card {
    padding: 3em 0 3em;
  }
}
.con_plus_card > .inner {
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
  width: 78.57143%;
}
@media only screen and (min-width: 1025px) {
  .con_plus_card > .inner {
    width: 96%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    justify-content: center;
  }
}
.con_plus_card .box_st {
  display: flex;
  align-items: center;
  max-width: 400px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_plus_card .box_st {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .con_plus_card .box_st {
    margin-bottom: 2em;
  }
}
@media only screen and (min-width: 1025px) {
  .con_plus_card .box_st {
    width: 31.74603%;
    justify-content: flex-end;
  }
}
@media only screen and (max-width: 1024px) {
  .con_plus_card .box_st {
    margin-right: auto;
    margin-left: auto;
  }
}
@media only screen and (max-width: 767px) {
  .con_plus_card .box_st {
    max-width: none;
    justify-content: center;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_plus_card .box_st .ic_miyako_card {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .con_plus_card .box_st .ic_miyako_card {
    width: 55%;
  }
}
.con_plus_card .box_st .st_plus_card {
  padding-left: 1.5em;
  line-height: 1.5;
}
@media only screen and (min-width: 1441px) {
  .con_plus_card .box_st .st_plus_card {
    font-size: 89%;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_plus_card .box_st .st_plus_card {
    font-size: 78%;
  }
}
@media only screen and (max-width: 767px) {
  .con_plus_card .box_st .st_plus_card {
    font-size: 78%;
  }
}
.con_plus_card .box_st .st_plus_card .jp em {
  font-size: 225%;
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_plus_card .box_st .st_plus_card .jp em {
    font-size: 200%;
  }
}
.ie .con_plus_card .box_st .st_plus_card .jp em {
  font-size: 163%;
}
@media only screen and (max-width: 767px) {
  .con_plus_card .box_st .st_plus_card .jp em {
    font-size: 163%;
  }
}
.con_plus_card .box_poi {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  max-width: 570px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_plus_card .box_poi {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .con_plus_card .box_poi {
    margin-bottom: 1.5em;
  }
}
@media only screen and (min-width: 1025px) {
  .con_plus_card .box_poi {
    width: 42.85714%;
    margin-left: 2.77778%;
  }
}
@media only screen and (max-width: 1024px) {
  .con_plus_card .box_poi {
    margin-right: auto;
    margin-left: auto;
  }
}
@media only screen and (max-width: 767px) {
  .con_plus_card .box_poi {
    max-width: 81.81818%;
  }
}
.con_plus_card .box_poi li {
  position: relative;
}
@media only screen and (min-width: 768px) {
  .con_plus_card .box_poi li {
    width: 23.25%;
    max-width: 125px;
  }
  .con_plus_card .box_poi li:not(:nth-child(4n+1)) {
    margin-left: 2.33333%;
  }
  .con_plus_card .box_poi li:nth-child(n+5) {
    margin-top: 2.33333%;
  }
}
@media only screen and (max-width: 767px) {
  .con_plus_card .box_poi li {
    width: 46.5%;
  }
  .con_plus_card .box_poi li:not(:nth-child(2n+1)) {
    margin-left: 7%;
  }
  .con_plus_card .box_poi li:nth-child(n+3) {
    margin-top: 7%;
  }
}
@media only screen and (min-width: 1441px) {
  .con_plus_card .box_btn {
    font-size: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_plus_card .box_btn {
    font-size: 100%;
  }
}
@media only screen and (min-width: 1025px) {
  .con_plus_card .box_btn {
    max-width: 250px;
    width: 21.42857%;
    margin-left: 2.77778%;
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1440px) {
  .con_plus_card .box_btn {
    letter-spacing: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_plus_card .box_btn {
    display: flex;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 1024px) {
  .con_plus_card .box_btn {
    max-width: 570px;
    margin-right: auto;
    margin-left: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_plus_card .box_btn p {
    width: 48%;
  }
}
.con_plus_card .box_btn p a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  padding: .8em .25em;
}
.ie .con_plus_card .box_btn p a {
  padding: 1em .25em .6em;
}
.con_plus_card .box_btn p.btn_login {
  background-color: #575757;
  border: 1px solid #575757;
}
.con_plus_card .box_btn p.btn_login a {
  color: #fff;
}
.con_plus_card .box_btn p.btn_app {
  border: 1px solid #c2c4cd;
}
@media only screen and (min-width: 1025px) {
  .con_plus_card .box_btn p.btn_app {
    margin-top: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .con_plus_card .box_btn p.btn_app {
    margin-top: 0.75em;
  }
}
@media only screen and (min-width: 1025px) {
  .con_plus_card .box_btn p.btn_app a {
    padding-top: 0;
    padding-bottom: 0;
  }
  .ie .con_plus_card .box_btn p.btn_app a {
    line-height: 1;
    padding: .6em;
    padding-bottom: .3em;
  }
}

@media only screen and (min-width: 1025px) {
  .img_f {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .img_f {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (max-width: 767px) {
  .img_f {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (min-width: 1441px) {
  .img_f {
    max-width: 1820px;
    width: calc(100% - (50px*2));
  }
}
@media only screen and (min-width: 1903px) {
  .img_f {
    width: 1820px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .img_f {
    width: calc(100% - (35px*2));
  }
}
@media only screen and (min-width: 768px) {
  .img_f {
    margin-top: 195px;
  }
}
@media only screen and (max-width: 767px) {
  .img_f {
    margin-top: 10em;
  }
}
@media only screen and (max-width: 767px) {
  .img_f {
    width: 100%;
  }
}

@media only screen and (min-width: 1025px) {
  .footer {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .footer {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (max-width: 767px) {
  .footer {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (min-width: 1441px) {
  .footer {
    max-width: 1820px;
    width: calc(100% - (50px*2));
  }
}
@media only screen and (min-width: 1903px) {
  .footer {
    width: 1820px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .footer {
    width: calc(100% - (35px*2));
  }
}
@media only screen and (min-width: 1441px) {
  .footer {
    margin-top: 110px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .footer {
    margin-top: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .footer {
    margin-top: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .footer {
    margin-top: 3em;
  }
}
@media only screen and (min-width: 1441px) {
  .footer {
    margin-bottom: 110px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .footer {
    margin-bottom: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .footer {
    margin-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .footer {
    margin-bottom: 3em;
  }
}
.b_hotel_marriott .footer {
  color: #262324;
}
.b_hotel_marriott .footer a {
  color: #262324;
}
.footer .f_catch {
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E";
  letter-spacing: 0.3em;
  text-align: left;
  padding-left: 0.3em;
  text-align: center;
  line-height: 1.66667;
}
@media only screen and (min-width: 1025px) {
  .footer .f_catch {
    font-size: 184%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .footer .f_catch {
    font-size: 145%;
  }
}
@media only screen and (max-width: 767px) {
  .footer .f_catch {
    font-size: 145%;
  }
}
.b_tp_universal .footer .f_catch {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "MS Ｐゴシック", "MS PGothic", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
}
.h_kyoto-hachijo .footer .f_catch {
  letter-spacing: 0.26em;
}
@media only screen and (max-width: 767px) {
  .h_kyoto-hachijo .footer .f_catch {
    font-size: 134%;
  }
}
.footer .f_name {
  font-size: 112%;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .footer .f_name {
    margin-top: 1.5em;
  }
}
@media only screen and (max-width: 767px) {
  .footer .f_name {
    margin-top: 1em;
  }
}
.footer .txt_f_add {
  font-size: 89%;
  line-height: 2.1875;
}
@media only screen and (min-width: 768px) {
  .footer .txt_f_add {
    margin-top: 0.75em;
  }
}
@media only screen and (max-width: 767px) {
  .footer .txt_f_add {
    margin-top: 1em;
  }
}
.footer .txt_f_add .txt_address {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.footer .txt_f_add .txt_address span {
  display: block;
}
.footer .txt_f_add .txt_address span + span {
  margin-left: 1.5em;
}
.footer .txt_f_add .txt_tel {
  text-align: center;
}
.footer .box_f_sns {
  font-size: 123%;
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .footer .box_f_sns {
    margin-top: 4em;
  }
}
@media only screen and (max-width: 767px) {
  .footer .box_f_sns {
    margin-top: 2em;
  }
}
.footer .box_f_sns li {
  width: 3em;
}
.footer .box_f_sns li a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.ie .footer .box_f_sns li a {
  text-decoration: none;
}
.footer .box_f_sns li a svg {
  width: 1em;
  fill: #676c72;
}
.footer .box_f_widgets {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media only screen and (min-width: 1025px) {
  .footer .box_f_widgets {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .footer .box_f_widgets {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (max-width: 767px) {
  .footer .box_f_widgets {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (min-width: 768px) {
  .footer .box_f_widgets {
    margin-top: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .footer .box_f_widgets {
    margin-top: 1em;
  }
}
.footer .box_f_widgets li {
  margin-right: 1em;
  margin-left: 1em;
}
.footer .box_f_widgets li:not(:first-child) {
  margin-top: 2em;
}

@media only screen and (min-width: 1025px) {
  .con_f_group {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1025px) {
  .con_f_group {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (min-width: 1025px) and (min-width: 768px) and (max-width: 1024px) {
  .con_f_group {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 767px) {
  .con_f_group {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .con_f_group {
    max-width: 1820px;
    width: calc(100% - (50px*2));
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1903px) {
  .con_f_group {
    width: 1820px;
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1440px) {
  .con_f_group {
    width: calc(100% - (35px*2));
  }
}

.box_f_group {
  position: relative;
}
@media only screen and (min-width: 1441px) {
  .box_f_group {
    padding: 100px 0;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .box_f_group {
    padding: 75px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_f_group {
    margin-top: -1px;
  }
}
@media only screen and (max-width: 767px) {
  .box_f_group {
    margin-top: -1px;
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .box_f_group:nth-child(1) {
    width: 31.81818%;
  }
  .box_f_group:nth-child(2) {
    width: 22.72727%;
  }
  .box_f_group:nth-child(3) {
    width: 22.72727%;
  }
  .box_f_group:nth-child(4) {
    width: 22.72727%;
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1440px) {
  .box_f_group:nth-child(1) {
    width: 34.78261%;
  }
  .box_f_group:nth-child(2) {
    width: 21.73913%;
  }
  .box_f_group:nth-child(3) {
    width: 21.73913%;
  }
  .box_f_group:nth-child(4) {
    width: 21.73913%;
  }
}
@media only screen and (min-width: 1025px) {
  .box_f_group:not(:first-child)::before {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background-color: #d8d8d8;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
  }
}
@media only screen and (min-width: 1025px) {
  .box_f_group > .inner {
    margin-right: auto;
    margin-left: auto;
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .box_f_group > .inner {
    width: calc(100% - 4em);
    max-width: 440px;
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1440px) {
  .box_f_group > .inner {
    width: calc(100% - 3em);
  }
}

@media only screen and (min-width: 1025px) {
  .box_f_group .st_group {
    margin-bottom: 35px;
  }
}
@media only screen and (max-width: 1024px) {
  .box_f_group .st_group {
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
  }
}
.box_f_group .st_group a {
  position: relative;
  text-decoration: none !important;
  display: block;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_f_group .st_group a {
    padding: 0 2em;
  }
}
@media only screen and (max-width: 767px) {
  .box_f_group .st_group a {
    padding: 0 1.5em 0;
  }
}
@media only screen and (min-width: 1025px) {
  .box_f_group .st_group a {
    pointer-events: none;
  }
}
@media only screen and (max-width: 1024px) {
  .box_f_group .st_group a {
    height: 5.5em;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    flex-direction: row !important;
    align-items: center;
  }
}
.box_f_group .st_group a .ic_plus {
  width: 1em;
  height: 1px;
  position: absolute;
  right: 1em;
  top: 50%;
  background-color: #555555;
}
.box_f_group .st_group a .ic_plus::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #555555;
  position: absolute;
  left: 0;
  top: 0;
  transform-origin: center center;
  transform: rotate(90deg);
  opacity: 0;
}
.box_f_group .st_group a.no_en {
  display: flex;
  flex-direction: column-reverse;
}
.box_f_group .st_group a.no_en .jp {
  margin-top: 0;
}
@media only screen and (min-width: 1025px) {
  .box_f_group .st_group a.no_en .jp {
    margin-bottom: 0.5em;
  }
}
.box_f_group .st_group.is-active a .ic_plus::after {
  opacity: 1;
}
.box_f_group .st_group .en {
  display: block;
  width: 100%;
}
@media only screen and (min-width: 1025px) {
  .box_f_group .st_group .en {
    font-size: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_f_group .st_group .en {
    font-size: 134%;
  }
}
@media only screen and (max-width: 767px) {
  .box_f_group .st_group .en {
    font-size: 134%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_f_group .st_group .en {
    padding-top: 0.5em;
  }
}
@media only screen and (max-width: 767px) {
  .box_f_group .st_group .en {
    padding-top: 0.25em;
  }
}
.box_f_group .st_group .jp {
  display: block;
  width: 100%;
}
@media only screen and (min-width: 1025px) {
  .box_f_group .st_group .jp {
    font-size: 84%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_f_group .st_group .jp {
    font-size: 84%;
  }
}
@media only screen and (min-width: 768px) {
  .box_f_group .st_group .jp {
    margin-top: 0.5em;
  }
}
.box_f_group .st_group.miyakohotel a .en {
  color: #9070af;
}
.box_f_group .st_group.miyakocity a .en {
  color: #3aa5b5;
}
.box_f_group .st_group.miyakoresort a .en {
  color: #f1b000;
}
.box_f_group .accordion_target {
  display: none;
}
@media only screen and (min-width: 1025px) {
  .box_f_group .accordion_target {
    display: block !important;
  }
}
@media only screen and (max-width: 1024px) and (min-width: 768px) and (max-width: 1024px) {
  .box_f_group .accordion_target {
    padding: 40px 1.5em 60px;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 767px) {
  .box_f_group .accordion_target {
    padding: 1.5em 1em 2em;
  }
}

.box_f_group .accordion_target .st_area {
  color: #575757;
}
@media only screen and (min-width: 768px) {
  .box_f_group .accordion_target .st_area {
    margin-bottom: 1.5em;
  }
}
@media only screen and (max-width: 767px) {
  .box_f_group .accordion_target .st_area {
    margin-bottom: 1em;
  }
}
@media only screen and (min-width: 768px) {
  .box_f_group .accordion_target .st_area {
    font-size: 78%;
  }
}
.box_f_group .accordion_target .box_area {
  letter-spacing: 0.04em;
}
@media only screen and (min-width: 768px) {
  .box_f_group .accordion_target .box_area {
    font-size: 84%;
  }
}
@media only screen and (min-width: 768px) {
  .box_f_group .accordion_target .box_area {
    display: flex;
  }
}
@media only screen and (min-width: 768px) {
  .box_f_group .accordion_target .box_area + .st_area {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .box_f_group .accordion_target .box_area + .st_area {
    margin-top: 2.5em;
  }
}
.box_f_group .accordion_target .box_area ul {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .box_f_group .accordion_target .box_area ul {
    padding-left: 0.5em;
  }
}
@media only screen and (min-width: 1441px) {
  .box_f_group .accordion_target .box_area ul li {
    margin-top: 1.9em;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .box_f_group .accordion_target .box_area ul li {
    margin-top: 1em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_f_group .accordion_target .box_area ul li {
    margin-top: 1.5em;
  }
}
@media only screen and (max-width: 767px) {
  .box_f_group .accordion_target .box_area ul li {
    margin-top: 1em;
  }
}
@media only screen and (min-width: 768px) {
  .box_f_group .accordion_target .box_area ul li {
    padding-right: .5em;
    line-height: 1.4;
  }
  .box_f_group .accordion_target .box_area ul li:first-child {
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .box_f_group .accordion_target .box_area ul li {
    line-height: 1.7;
  }
}
.box_f_group .accordion_target .box_area ul li a {
  text-decoration: none !important;
}
.mouse .box_f_group .accordion_target .box_area ul li a:hover, .touch .box_f_group .accordion_target .box_area ul li a.touchstart {
  text-decoration: underline !important;
}
.touch .box_f_group .accordion_target .box_area ul li a {
  -webkit-tap-highlight-color: transparent;
}
.touch .box_f_group .accordion_target .box_area ul li a.touchend {
  transition-delay: 200ms;
}

.con_f_group.hotel_search {
  width: 100%;
  max-width: 1350px;
  border-top: none;
  border-bottom: none;
}
@media only screen and (min-width: 1025px) {
  .con_f_group.hotel_search {
    padding: 180px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_f_group.hotel_search {
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_f_group.hotel_search {
    padding: 0;
  }
}
.con_f_group.hotel_search .box_f_group {
  padding-top: 0;
  padding-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .con_f_group.hotel_search .box_f_group .accordion_target .st_area {
    font-size: 78%;
  }
}
@media only screen and (min-width: 768px) {
  .con_f_group.hotel_search .box_f_group .accordion_target .box_area {
    font-size: 89%;
  }
}
.con_f_group.hotel_search .box_f_group .box_area {
  flex-wrap: wrap;
}
.con_f_group.hotel_search .box_f_group .box_area ul {
  width: 100%;
}
@media only screen and (min-width: 1441px) {
  .con_f_group.hotel_search .box_f_group .box_area ul + ul {
    margin-top: 1.9em;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_f_group.hotel_search .box_f_group .box_area ul + ul {
    margin-top: 1em;
  }
}

.fnav {
  display: flex;
  margin-right: auto;
  margin-left: auto;
  justify-content: center;
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) {
  .fnav {
    font-size: 84%;
  }
}
@media only screen and (max-width: 767px) {
  .fnav {
    font-size: 84%;
  }
}
@media only screen and (min-width: 1441px) {
  .fnav {
    max-width: none;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .fnav {
    max-width: 800px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .fnav {
    max-width: 800px;
  }
}
@media only screen and (min-width: 1441px) {
  .fnav {
    padding: 1em 0;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .fnav {
    padding: 2em 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .fnav {
    padding: 1em 0;
  }
}
@media only screen and (max-width: 767px) {
  .fnav {
    justify-content: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  .fnav li {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .fnav li {
    border-bottom: 1px solid #d8d8d8;
    position: relative;
  }
  .fnav li:nth-child(odd)::after {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    background-color: #d8d8d8;
    right: 0;
    top: 0;
    bottom: 0;
  }
}
.fnav li a {
  text-decoration: none !important;
  display: block;
}
@media only screen and (min-width: 1441px) {
  .fnav li a {
    padding: 1em;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .fnav li a {
    padding: 0.5em 1em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .fnav li a {
    padding: 0.5em 1em;
  }
}
@media only screen and (max-width: 767px) {
  .fnav li a {
    padding: 1em 0;
  }
}
.mouse .fnav li a:hover, .touch .fnav li a.touchstart {
  text-decoration: underline !important;
}
.touch .fnav li a {
  -webkit-tap-highlight-color: transparent;
}
.touch .fnav li a.touchend {
  transition-delay: 200ms;
}
@media only screen and (max-width: 767px) {
  .fnav li a {
    text-align: center;
  }
}

#copyright {
  font-family: 'Open Sans', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
  text-transform: uppercase;
  color: #c5c6c6;
  text-align: center;
  line-height: 1.3;
}
@media only screen and (min-width: 768px) {
  #copyright {
    padding: 0 0 40px;
  }
}
@media only screen and (max-width: 767px) {
  #copyright {
    padding: 4em 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #copyright {
    margin-bottom: 160px;
  }
}
@media only screen and (max-width: 767px) {
  #copyright {
    margin-bottom: 16em;
  }
}
@media only screen and (min-width: 768px) {
  #copyright {
    font-size: 67%;
  }
}
@media only screen and (max-width: 767px) {
  #copyright {
    font-size: 56%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .b_tp_universal #copyright {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .b_tp_universal #copyright {
    margin-bottom: 0;
  }
}

.box_sp_fixed_menu {
  position: fixed;
  bottom: -30vh;
  left: 0;
  right: 0;
  z-index: 999;
  transition: bottom .4s ease-out .4s;
}
.parts_fixed .box_sp_fixed_menu {
  transition-delay: 0s;
  bottom: 0;
  bottom: -1px;
}
.box_sp_fixed_menu .ic_close {
  width: 1.5em;
  height: 1.5em;
  display: block;
  position: relative;
  margin-bottom: .25em;
  display: none;
}
@media only screen and (max-width: 1024px) {
  .box_sp_fixed_menu .ic_close {
    margin-right: auto;
    margin-left: auto;
  }
}
.box_sp_fixed_menu .ic_close::before, .box_sp_fixed_menu .ic_close::after {
  content: "";
  display: block;
  height: 1px;
  background-color: #fff;
  width: calc(1.5em * 1.414);
  position: absolute;
  top: 0;
  transform-origin: left top;
}
.box_sp_fixed_menu .ic_close::before {
  left: 0;
  transform: rotate(45deg);
}
.box_sp_fixed_menu .ic_close::after {
  right: 0;
  transform-origin: right top;
  transform: rotate(-45deg);
}
.box_sp_fixed_menu .btn_stay_menu {
  width: 4em;
  color: #fff;
  position: absolute;
  right: 0;
  bottom: calc(100% + 120px);
  z-index: 2001;
  opacity: 0;
  transition-property: opacity, transform;
  transition-duration: .4s;
  transition-delay: 0s;
  transition-timing-function: ease-out;
  transform: translate(100%, 0);
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_sp_fixed_menu .btn_stay_menu {
    width: 70px;
  }
}
.box_sp_fixed_menu .btn_stay_menu::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.box_sp_fixed_menu .btn_stay_menu > .inner {
  background-color: #72777d;
  position: relative;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.box_sp_fixed_menu .btn_stay_menu > .inner button {
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: inherit;
  width: 100%;
  height: 100%;
  padding: 0;
}
.box_sp_fixed_menu .btn_stay_menu > .inner button::-ms-expand {
  display: none;
}
.box_sp_fixed_menu .btn_stay_menu > .inner button .jp {
  font-size: 106%;
  display: block;
}
.parts_fixed .box_sp_fixed_menu .btn_stay_menu {
  transition-delay: 1s;
  transform: translate(-100%);
  opacity: 1;
  display: block;
  transform: translate(0);
}
.is-roomlist-open .box_sp_fixed_menu .btn_stay_menu {
  display: none;
}
.box_sp_fixed_menu .btn_stay_menu.is-active > .inner .en {
  display: none;
}
.box_sp_fixed_menu .btn_stay_menu.is-active > .inner button .ic_close {
  display: block;
}
.box_sp_fixed_menu .box_nav {
  display: flex;
  background-color: #fff;
  border-top: 1px solid #e1e2e3;
}
.box_sp_fixed_menu .box_nav li {
  width: 100%;
  letter-spacing: 0;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .box_sp_fixed_menu .box_nav li {
    font-size: 78%;
  }
}
.box_sp_fixed_menu .box_nav li::before {
  content: "";
  background-color: #e1e2e3;
  height: 100%;
  display: block;
  width: 1px;
  bottom: 0;
  top: 0;
  left: 0;
  position: absolute;
  left: 0;
}
.box_sp_fixed_menu .box_nav li > * {
  width: 100%;
  height: 100%;
  display: flex;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  text-decoration: none;
  padding-top: .5em;
  padding-bottom: .2em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_sp_fixed_menu .box_nav li > * {
    padding-bottom: .5em;
    display: flex;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .wedding .box_sp_fixed_menu .box_nav li > * {
    padding-top: .75em;
    padding-bottom: .75em;
    display: flex;
    justify-content: center;
  }
  .wedding .box_sp_fixed_menu .box_nav li > * i {
    margin-right: .25em;
    margin-left: 0;
  }
  .wedding .box_sp_fixed_menu .box_nav li > * .t {
    line-height: 1.2;
    width: auto;
    text-align: left;
  }
}
.box_sp_fixed_menu .box_nav li > * i {
  width: 31.57895%;
  width: 26.31579%;
  max-width: 60px;
  display: block;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .box_sp_fixed_menu .box_nav li > * i {
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_sp_fixed_menu .box_nav li > * i {
    width: 40px;
    width: 2.2em;
  }
}
@media only screen and (max-width: 767px) {
  .box_sp_fixed_menu .box_nav li > * i {
    width: 2.2em;
  }
}
.box_sp_fixed_menu .box_nav li > * i::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.box_sp_fixed_menu .box_nav li > * i svg {
  fill: #676c72;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.box_sp_fixed_menu .box_nav li > * i.ic_sp_spa svg {
  width: 76.66667%;
}
.box_sp_fixed_menu .box_nav li > * i.ic_sp_stay svg {
  width: 86.66667%;
}
.box_sp_fixed_menu .box_nav li > * i.ic_sp_rsv svg {
  width: 71.66667%;
}
.box_sp_fixed_menu .box_nav li > * i.ic_sp_cont svg {
  width: 80%;
}
.box_sp_fixed_menu .box_nav li > * i.ic_sp_tel svg {
  width: 71.66667%;
}
.box_sp_fixed_menu .box_nav li > * i.ic_sp_rest svg {
  width: 76.66667%;
}
.box_sp_fixed_menu .box_nav li > * i.ic_sp_roomlist svg {
  width: 70%;
}
.is-roomlist-open .box_sp_fixed_menu .box_nav li > * i.ic_sp_roomlist {
  display: none;
}
.is-roomlist-open .box_sp_fixed_menu .box_nav li > * i.ic_sp_roomlist + .ic_close {
  display: block;
}
.box_sp_fixed_menu .box_nav li > * .t {
  width: 100%;
  text-align: center;
  line-height: 1.25;
  padding: .4em 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_sp_fixed_menu .box_nav li > * .t {
    width: auto;
    padding-left: .5em;
  }
}
.box_sp_fixed_menu .box_nav li.btn_cont {
  background-color: #575757;
}
.box_sp_fixed_menu .box_nav li.btn_cont > * {
  color: #fff;
}
.box_sp_fixed_menu .box_nav li.btn_cont > * svg {
  fill: #fff;
}
.b_hotel_westin .box_sp_fixed_menu .box_nav li.btn_rsv {
  background-color: #e9f2ed;
}
.b_hotel .box_sp_fixed_menu .box_nav li.btn_rsv {
  background-color: #e3dced;
}
.b_tp_universal .box_sp_fixed_menu .box_nav li.btn_rsv {
  background-color: #00405c;
}
.b_tp_universal .box_sp_fixed_menu .box_nav li.btn_rsv > * {
  color: #fff;
}
.b_tp_universal .box_sp_fixed_menu .box_nav li.btn_rsv > * svg {
  fill: #fff;
}
.b_resort_shima .box_sp_fixed_menu .box_nav li.btn_rsv {
  background-color: #00405c;
}
.b_resort_shima .box_sp_fixed_menu .box_nav li.btn_rsv > * {
  color: #fff;
}
.b_resort_shima .box_sp_fixed_menu .box_nav li.btn_rsv > * svg {
  fill: #fff;
}
.b_hotel_marriott .box_sp_fixed_menu .box_nav li.btn_rsv {
  background-color: #a41f35;
}
.b_hotel_marriott .box_sp_fixed_menu .box_nav li.btn_rsv > * {
  color: #fff;
}
.b_hotel_marriott .box_sp_fixed_menu .box_nav li.btn_rsv > * svg {
  fill: #fff;
}
.b_hotel_sheraton .box_sp_fixed_menu .box_nav li.btn_rsv {
  background-color: #6f625d;
}
.b_hotel_sheraton .box_sp_fixed_menu .box_nav li.btn_rsv > * {
  color: #fff;
}
.b_hotel_sheraton .box_sp_fixed_menu .box_nav li.btn_rsv > * svg {
  fill: #fff;
}
.b_city .box_sp_fixed_menu .box_nav li.btn_rsv {
  background-color: #3aa5b5;
}
.b_city .box_sp_fixed_menu .box_nav li.btn_rsv > * {
  color: #fff;
}
.b_city .box_sp_fixed_menu .box_nav li.btn_rsv > * svg {
  fill: #fff;
}
.b_resort .box_sp_fixed_menu .box_nav li.btn_rsv {
  background-color: #e6a51e;
}
.b_resort .box_sp_fixed_menu .box_nav li.btn_rsv > * {
  color: #fff;
}
.b_resort .box_sp_fixed_menu .box_nav li.btn_rsv > * svg {
  fill: #fff;
}
.box_sp_fixed_menu .box_nav li.btn_roomlist {
  background-color: #72777d;
  color: #fff;
}
.box_sp_fixed_menu .box_nav li.btn_roomlist a {
  color: inherit;
}
.box_sp_fixed_menu .box_nav li.btn_roomlist a svg {
  fill: #fff;
}
.box_sp_fixed_menu .sp_fixed_name {
  font-size: 89%;
  background-color: #fff;
  border-top: 1px solid #e1e2e3;
  width: 100%;
  height: 2.2em;
}
.box_sp_fixed_menu .sp_fixed_name a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-decoration: none !important;
}

.stay_fixed_nav {
  width: 100%;
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2000;
}
.stay_fixed_nav > .inner {
  background-color: #fff;
  position: relative;
  z-index: 999;
}
.stay_fixed_nav .st {
  padding: 2em 0 1.5em;
}
.stay_fixed_nav .box_stay_links {
  width: 100%;
  margin-left: 0;
  margin-right: auto;
}
.stay_fixed_nav .box_stay_links .box_target {
  color: #fff;
  background-color: #fff;
  border-bottom: 1px solid #d8d8d8;
}
.stay_fixed_nav .box_stay_links .box_target ul li {
  border-top: 1px solid #d8d8d8;
}
.stay_fixed_nav .box_stay_links .box_target ul li.btn_room_list {
  border: none;
}
.stay_fixed_nav .box_stay_links .box_target ul li button {
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "MS Ｐゴシック", "MS PGothic", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
  width: 100%;
  font-size: 100%;
  background-color: #72777d;
  color: #fff;
  border: none;
}
.stay_fixed_nav .box_stay_links .box_target ul li button::before {
  display: none !important;
}
.stay_fixed_nav .box_stay_links .box_target ul li button::-ms-expand {
  display: none;
}
.stay_fixed_nav .box_stay_links .box_target ul li button svg {
  font-size: 1.1em;
  fill: white;
  margin-right: .5em;
}
.stay_fixed_nav .box_stay_links .box_target ul li a, .stay_fixed_nav .box_stay_links .box_target ul li button {
  text-decoration: none !important;
  padding: 1.25em 4%;
  display: flex;
  align-items: center;
  line-height: 1.2;
}
.stay_fixed_nav .box_stay_links .box_target ul li a::before, .stay_fixed_nav .box_stay_links .box_target ul li button::before {
  font-family: "Ionicons";
  content: "\f3d3";
  margin-right: .5em;
}
.stay_fixed_nav .box_stay_links .box_target ul li a > span, .stay_fixed_nav .box_stay_links .box_target ul li button > span {
  display: block;
}
.stay_fixed_nav .box_stay_links .box_target ul li a > span .sub, .stay_fixed_nav .box_stay_links .box_target ul li button > span .sub {
  display: block;
  font-size: .8em;
}
.stay_fixed_nav .bg {
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
  background-color: transparent;
  transition: background-color .1s ease-out;
}
.is-staylist-open .stay_fixed_nav .bg {
  background-color: rgba(0, 0, 0, 0.3);
}

.btn_miyako_card {
  display: block;
  background-color: #f7f8fa;
  position: relative;
}
@media only screen and (min-width: 1025px) {
  .btn_miyako_card {
    width: 280px;
    height: 105px;
  }
}
.btn_miyako_card i {
  color: #000000;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #c4ced7;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
@media only screen and (min-width: 768px) {
  .btn_miyako_card i {
    font-size: 112%;
  }
}
@media only screen and (max-width: 767px) {
  .btn_miyako_card i {
    font-size: 134%;
  }
}
@media only screen and (max-width: 767px) {
  .btn_miyako_card i {
    width: 1.2em;
    height: 1.2em;
  }
  .btn_miyako_card i::before {
    font-size: 1.4em;
  }
}
.btn_miyako_card a {
  text-decoration: none !important;
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 768px) {
  .btn_miyako_card a {
    padding: 1em;
  }
}
@media only screen and (max-width: 767px) {
  .btn_miyako_card a {
    padding: 0.75em 0 0.75em 1em;
  }
}
@media only screen and (min-width: 1025px) {
  .btn_miyako_card a {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .btn_miyako_card a {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media only screen and (max-width: 767px) {
  .btn_miyako_card a {
    display: flex;
    letter-spacing: 0;
    align-items: center;
    justify-content: center;
  }
}
.btn_miyako_card a .txt {
  letter-spacing: 0;
  line-height: 1.125;
}
@media only screen and (min-width: 1025px) {
  .btn_miyako_card a .txt {
    width: 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .btn_miyako_card a .txt {
    display: flex;
  }
}
@media only screen and (max-width: 767px) {
  .btn_miyako_card a .txt {
    display: block;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .btn_miyako_card a .txt {
    align-items: center;
  }
}
@media only screen and (min-width: 768px) {
  .btn_miyako_card a .txt {
    margin-right: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .btn_miyako_card a .txt .txt01 {
    font-size: 73%;
  }
}
@media only screen and (max-width: 767px) {
  .btn_miyako_card a .txt .txt01 {
    font-size: 84%;
  }
}
@media only screen and (min-width: 1025px) {
  .btn_miyako_card a .txt .txt01 {
    margin-bottom: 0.5em;
  }
}
@media only screen and (min-width: 768px) {
  .btn_miyako_card a .txt .txt02 {
    font-size: 89%;
  }
}
@media only screen and (max-width: 767px) {
  .btn_miyako_card a .txt .txt02 {
    font-size: 95%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .btn_miyako_card a .txt .txt02 {
    padding: 0 1em;
  }
}
@media only screen and (max-width: 767px) {
  .btn_miyako_card a .txt .txt02 {
    padding: 0.25em 0 0;
  }
}
@media only screen and (min-width: 1025px) {
  .btn_miyako_card a .img {
    width: 84px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .btn_miyako_card a .img {
    max-width: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .btn_miyako_card a .img {
    width: 13.67188%;
    max-width: 105px;
    padding-left: 0.5em;
  }
}
.btn_miyako_card.fixed_btn {
  z-index: 999;
  position: fixed;
  right: 30px;
  bottom: 30px;
  transform: translateY(150px);
  transition: transform .4s ease-out;
}
.b_tp_universal .btn_miyako_card.fixed_btn {
  right: auto;
  left: 30px;
}
.parts_fixed .btn_miyako_card.fixed_btn {
  transform: translateY(0);
}

.side_bn {
  z-index: 999;
  position: fixed;
  right: 0;
  transition: transform .4s ease-out;
}
@media only screen and (min-width: 768px) {
  .side_bn {
    top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .side_bn {
    top: none;
  }
}
@media only screen and (min-width: 768px) {
  .side_bn {
    bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .side_bn {
    bottom: 20%;
  }
}
@media only screen and (min-width: 768px) {
  .side_bn {
    margin-top: auto;
  }
}
@media only screen and (max-width: 767px) {
  .side_bn {
    margin-top: none;
  }
}
@media only screen and (min-width: 768px) {
  .side_bn {
    margin-bottom: auto;
  }
}
@media only screen and (max-width: 767px) {
  .side_bn {
    margin-bottom: none;
  }
}
@media only screen and (min-width: 768px) {
  .side_bn {
    width: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .side_bn {
    width: auto;
  }
}
@media only screen and (min-width: 768px) {
  .side_bn {
    height: 200px;
  }
}
@media only screen and (max-width: 767px) {
  .side_bn {
    height: auto;
  }
}
.side_bn a {
  display: flex;
  justify-content: center;
}
.side_bn a.flex-end {
  justify-content: flex-end;
}
@media only screen and (min-width: 768px) {
  .side_bn a .img {
    width: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .side_bn a .img {
    width: 85%;
  }
}
.side_bn i {
  color: #000000;
  position: absolute;
  right: 0;
  top: -20px;
  background-color: #c4ced7;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
@media only screen and (min-width: 768px) {
  .side_bn i {
    font-size: 112%;
  }
}
@media only screen and (max-width: 767px) {
  .side_bn i {
    font-size: 134%;
  }
}
@media only screen and (max-width: 767px) {
  .side_bn i {
    width: 1.2em;
    height: 1.2em;
  }
  .side_bn i::before {
    font-size: 1.4em;
  }
}
.parts_fixed .side_bn {
  transform: translateX(0);
}
@media only screen and (max-width: 767px) {
  .side_bn {
    display: none;
  }
}

.con_usj_copyright {
  background-color: #0a064b;
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .con_usj_copyright {
    padding: 40px 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_usj_copyright {
    padding: 2em 0 9em;
  }
}

.box_usj_copyright {
  max-width: 960px;
}
@media only screen and (min-width: 1025px) {
  .box_usj_copyright {
    margin-right: auto;
    margin-left: auto;
    width: 80%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_usj_copyright {
    margin-right: auto;
    margin-left: auto;
    width: 80%;
  }
}
@media only screen and (max-width: 767px) {
  .box_usj_copyright {
    margin-right: auto;
    margin-left: auto;
    width: 88%;
  }
}
@media only screen and (min-width: 768px) {
  .box_usj_copyright {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.box_usj_copyright .f_logo_usj {
  max-width: 100px;
}
@media only screen and (min-width: 768px) {
  .box_usj_copyright .f_logo_usj {
    width: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .box_usj_copyright .f_logo_usj {
    width: 5em;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 1em;
  }
}
@media only screen and (min-width: 768px) {
  .box_usj_copyright .box_txt {
    font-size: 78%;
  }
}
@media only screen and (max-width: 767px) {
  .box_usj_copyright .box_txt {
    font-size: 73%;
  }
}
@media only screen and (min-width: 768px) {
  .box_usj_copyright .box_txt {
    width: calc(100% - 100px - 40px);
    line-height: 1.71429;
  }
}

.sub_gnav {
  transform: translateY(-100%);
  justify-content: flex-end;
  position: fixed;
  display: flex;
  width: 100%;
  right: 0;
  left: 0;
  top: 0;
  z-index: 2;
  opacity: 0;
  flex-wrap: wrap;
}
@media only screen and (min-width: 1025px) {
  .sub_gnav {
    height: 60px;
  }
}
@media only screen and (min-width: 768px) {
  .sub_gnav {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .sub_gnav {
    width: 100%;
  }
}
@media only screen and (min-width: 1025px) {
  .sub_gnav {
    background-color: rgba(255, 255, 255, 0.75);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .sub_gnav {
    background-color: rgba(255, 255, 255, 0.85);
  }
}
.parts_fixed .sub_gnav {
  opacity: 1;
  transform: translateY(0);
  transition: opacity .2s ease-out .3s;
}
@media only screen and (min-width: 1441px) {
  .parts_fixed .sub_gnav {
    top: 80px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .parts_fixed .sub_gnav {
    top: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .parts_fixed .sub_gnav {
    top: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .parts_fixed .sub_gnav {
    top: 4em;
  }
}
.sub_gnav .st_sub_gnav {
  width: 100%;
  text-align: center;
  padding: .4em .5em;
}
@media only screen and (max-width: 767px) {
  .sub_gnav .st_sub_gnav {
    width: 4em;
  }
}
.sub_gnav .st_sub_gnav span::before {
  font-family: "Ionicons";
  content: "\f3d0";
  right: 2em;
  top: 50%;
  height: 0;
  position: absolute;
  display: flex;
  align-items: center;
}
.sub_gnav .st_sub_gnav.is-active span::before {
  transform: scaleY(-1);
}
@media only screen and (min-width: 1025px) {
  .sub_gnav ul {
    display: flex !important;
    align-items: center;
  }
}
@media only screen and (max-width: 1024px) {
  .sub_gnav ul {
    display: none;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    background-color: #f7f8fa;
  }
}
@media only screen and (min-width: 1025px) {
  .sub_gnav li {
    margin-right: 1em;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1700px) {
  .sub_gnav li {
    margin-right: .5em;
  }
}

@media only screen and (max-width: 767px) {
  .sub_gnav li {
    font-size: 84%;
  }
}
.sub_gnav li a {
  display: block;
  text-align: center;
  padding: .4em 1em;
  text-decoration: none;
  line-height: 1.7;
  line-height: 1.2;
  border-radius: .9em;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  letter-spacing: 0.09em;
}
@media only screen and (min-width: 1025px) and (max-width: 1700px) {
  .sub_gnav li a {
    padding: .4em .75em;
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1440px) {
  .sub_gnav li a {
    padding: .4em .5em;
    letter-spacing: 0.05em;
    letter-spacing: 0;
  }
}

@media only screen and (max-width: 1024px) {
  .sub_gnav li a {
    padding: 1em;
  }
}
.sub_gnav li a > span {
  font-size: 89%;
  display: flex;
  flex-direction: column;
}
.sub_gnav li a > span > .sub {
  font-size: 75%;
  font-weight: normal;
  margin-bottom: 0.3em;
}

.box_zzz {
  line-height: 1.4;
  letter-spacing: 0.04em;
}
@media only screen and (min-width: 768px) {
  .box_zzz {
    font-size: 84%;
  }
}
@media only screen and (min-width: 1025px) {
  .box_zzz {
    padding-right: .5em;
    margin-top: 3em;
    padding-top: 3em;
    border-top: 1px solid #d8d8d8;
  }
}
@media only screen and (max-width: 1024px) {
  .box_zzz {
    border-bottom: 1px solid #d8d8d8;
  }
}
@media only screen and (max-width: 767px) {
  .box_zzz {
    line-height: 1.7;
  }
}
.box_zzz a {
  text-decoration: none !important;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_zzz a {
    padding: 0 2em;
  }
}
@media only screen and (max-width: 767px) {
  .box_zzz a {
    padding: 0 1.5em 0;
  }
}
.mouse .box_zzz a:hover, .touch .box_zzz a.touchstart {
  text-decoration: underline !important;
}
.touch .box_zzz a {
  -webkit-tap-highlight-color: transparent;
}
.touch .box_zzz a.touchend {
  transition-delay: 200ms;
}
@media only screen and (min-width: 1025px) {
  .box_zzz a {
    display: inline-block;
    line-height: 1.4;
    word-break: keep-all;
    overflow-wrap: break-word;
  }
  .box_zzz a:not(:first-child) {
    margin-top: 1.9em;
  }
}
@media only screen and (max-width: 1024px) {
  .box_zzz a {
    display: inline-block;
    width: 100%;
    margin-top: 1em;
  }
  .box_zzz a:not(:first-child) {
    margin-bottom: 1em;
  }
}

@media only screen and (min-width: 1025px) {
  .con_usj_copyright {
    padding: 40px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_usj_copyright {
    padding: 40px 0 110px;
  }
}
@media only screen and (max-width: 767px) {
  .con_usj_copyright {
    padding: 2em 0 9em;
  }
}

.box_usj_copyright {
  max-width: 800px;
  display: block;
}
.box_usj_copyright .box_logo {
  display: flex;
  justify-content: center;
  align-items: center;
}
.box_usj_copyright .box_logo .f_logo_usj {
  margin-bottom: 0;
  margin-left: 0;
}
@media only screen and (min-width: 768px) {
  .box_usj_copyright .box_logo .f_logo_usj {
    width: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .box_usj_copyright .box_logo .f_logo_usj {
    width: 22%;
  }
}
@media only screen and (min-width: 768px) {
  .box_usj_copyright .box_logo .f_logo_usj {
    margin-right: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .box_usj_copyright .box_logo .f_logo_usj {
    margin-right: 5%;
  }
}
@media only screen and (min-width: 768px) {
  .box_usj_copyright .box_logo .f_logo_nolimit {
    width: 270px;
  }
}
@media only screen and (max-width: 767px) {
  .box_usj_copyright .box_logo .f_logo_nolimit {
    width: 65%;
  }
}
.box_usj_copyright .box_logo + .box_txt {
  margin-top: 2em;
}
.box_usj_copyright .box_logo a {
  display: block;
}
.mouse .box_usj_copyright .box_logo a {
  transition: opacity 0.3s ease-in;
}
.mouse .box_usj_copyright .box_logo a:hover, .touch .box_usj_copyright .box_logo a.touchstart {
  opacity: 0.7;
}
.touch .box_usj_copyright .box_logo a {
  -webkit-tap-highlight-color: transparent;
}
.touch .box_usj_copyright .box_logo a.touchend {
  transition-delay: 200ms;
}
.box_usj_copyright .box_txt {
  width: 100%;
}

.hide_sp {
  display: none;
}

.tmp_bn_btn a {
  border: 1px solid #c9ded3;
  text-decoration: none;
  padding: .5em 1em;
  line-height: 1.5;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
}
.mouse .tmp_bn_btn a {
  transition: opacity 0.3s ease-in;
}
.mouse .tmp_bn_btn a:hover, .touch .tmp_bn_btn a.touchstart {
  opacity: 0.7;
}
.touch .tmp_bn_btn a {
  -webkit-tap-highlight-color: transparent;
}
.touch .tmp_bn_btn a.touchend {
  transition-delay: 200ms;
}
.ie .tmp_bn_btn a {
  padding: .7em 1em .3em;
}
@media only screen and (max-width: 767px) {
  .tmp_bn_btn a {
    padding: 1em 1em;
  }
}
.b_hotel_marriott .tmp_bn_btn a {
  border-color: #babcbe;
}
.b_hotel .tmp_bn_btn a {
  border-color: #fff;
}
.b_hotel_sheraton .tmp_bn_btn a {
  border-color: #efeae4;
}
.b_city .tmp_bn_btn a {
  border-color: #c6c6c6;
}
.b_resort .tmp_bn_btn a {
  border-color: #c6c6c6;
}
.b_tp_universal .tmp_bn_btn a {
  border-color: #c3c3cb;
}
.b_resort_shima .tmp_bn_btn a {
  border-color: #c3c3cb;
}

@media only screen and (min-width: 1025px) {
  .con_f_search {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_f_search {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (max-width: 767px) {
  .con_f_search {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (min-width: 768px) {
  .con_f_search {
    margin-top: 200px;
  }
}
@media only screen and (max-width: 767px) {
  .con_f_search {
    margin-top: 8em;
  }
}
@media only screen and (min-width: 768px) {
  .con_f_search {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .con_f_search {
    margin-bottom: 2em;
  }
}
@media only screen and (min-width: 768px) {
  .b_tp_universal .con_f_search {
    margin-top: 150px;
  }
}
@media only screen and (max-width: 767px) {
  .b_tp_universal .con_f_search {
    margin-top: 6em;
  }
}
@media only screen and (min-width: 768px) {
  .b_resort_shima .con_f_search {
    margin-top: 150px;
  }
}
@media only screen and (max-width: 767px) {
  .b_resort_shima .con_f_search {
    margin-top: 6em;
  }
}

@media only screen and (min-width: 768px) {
  #contents > .con_f_search:first-child {
    margin-top: 150px;
  }
}
@media only screen and (max-width: 767px) {
  #contents > .con_f_search:first-child {
    margin-top: 4em;
  }
}

@media only screen and (min-width: 1441px) {
  .st_f_search {
    margin-bottom: 80px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .st_f_search {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .st_f_search {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .st_f_search {
    margin-bottom: 1em;
  }
}
@media only screen and (min-width: 768px) {
  .st_f_search {
    font-size: 200%;
  }
}
@media only screen and (max-width: 767px) {
  .st_f_search {
    font-size: 178%;
  }
}
.st_f_search .en {
  letter-spacing: 0.08em;
}
.st_f_search .jp {
  letter-spacing: 0.5em;
  text-align: left;
  padding-left: 0.5em;
  font-size: 48%;
  letter-spacing: 0.08em;
  margin-top: 0.25em;
}
.b_sogo .st_f_search .inner::before {
  display: none;
}

.box_f_search {
  background-color: #e9f2ed;
}
@media only screen and (min-width: 1441px) {
  .box_f_search {
    padding: 60px 0 45px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .box_f_search {
    padding: 30px 0;
  }
}
.b_hotel .box_f_search {
  background-color: #e3dced;
}
.b_tp_universal .box_f_search {
  background-color: #e8e8ec;
}
.b_resort_shima .box_f_search {
  background-color: #e8e8ec;
}
.b_hotel_sheraton .box_f_search {
  background-color: #6f625d;
}
.b_city .box_f_search {
  background-color: #eaf5f6;
}
.b_sogo .box_f_search {
  background-color: #e5ebee;
}
.b_hotel_marriott .box_f_search {
  background-color: #e3e1de;
}
.b_resort .box_f_search {
  background-color: #faedd2;
}
@media only screen and (max-width: 1024px) {
  .box_f_search {
    background: transparent !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_f_search > .panel_booknow {
    margin-bottom: 1em;
  }
}
@media only screen and (max-width: 767px) {
  .box_f_search > .panel_booknow {
    margin-bottom: 1em;
  }
}
@media only screen and (max-width: 1024px) {
  .box_f_search > .panel_booknow {
    background-color: #e9f2ed;
  }
  .box_f_search > .panel_booknow.disp_switch {
    display: block !important;
  }
  .b_hotel .box_f_search > .panel_booknow {
    background-color: #e3dced;
  }
  .b_tp_universal .box_f_search > .panel_booknow {
    background-color: #e8e8ec;
  }
  .b_resort_shima .box_f_search > .panel_booknow {
    background-color: #e8e8ec;
  }
  .b_hotel_sheraton .box_f_search > .panel_booknow {
    background-color: #6f625d;
  }
  .b_city .box_f_search > .panel_booknow {
    background-color: #eaf5f6;
  }
  .b_sogo .box_f_search > .panel_booknow {
    background-color: #e5ebee;
  }
  .b_hotel_marriott .box_f_search > .panel_booknow {
    background-color: #e3e1de;
  }
  .b_resort .box_f_search > .panel_booknow {
    background-color: #faedd2;
  }
}

#modal_search .con_f_search {
  margin-top: 0;
  max-width: none;
}
#modal_search .con_plus_card {
  margin-bottom: 0;
}

.tab_search ul {
  width: 100%;
  max-width: 1380px;
  margin-right: auto;
  margin-left: auto;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .tab_search ul {
    display: block;
  }
  .b_city .tab_search ul {
    display: flex;
  }
}
.tab_search ul li {
  border-left: 2px solid #e9f2ed;
  border-top: 2px solid #e9f2ed;
  border-right: 2px solid #e9f2ed;
  width: 18.84058%;
}
@media only screen and (min-width: 1025px) {
  .b_sogo .tab_search ul li {
    border-left: 1px solid #c5c6c6;
    border-top: 1px solid #c5c6c6;
    border-right: 1px solid #c5c6c6;
  }
}
.b_hotel_marriott .tab_search ul li {
  border-color: #babcbe;
  border-width: 1px;
  color: #262324;
}
.b_hotel .tab_search ul li {
  border-color: #c8c8c8;
  border-width: 1px;
}
.b_hotel_sheraton .tab_search ul li {
  border-color: #6d645f;
  border-width: 1px;
}
.b_city .tab_search ul li {
  border-color: #c6c6c6;
  border-width: 1px;
}
.b_tp_universal .tab_search ul li {
  border-color: #e8e8ec;
}
.b_resort_shima .tab_search ul li {
  border-color: #e8e8ec;
}
.b_resort .tab_search ul li {
  border-color: #f5dba5;
}
@media only screen and (max-width: 1024px) {
  .tab_search ul li {
    position: relative;
  }
  .tab_search ul li::after {
    font-family: "Ionicons";
    font-size: 134%;
    content: "\f3d0";
    display: block;
    position: absolute;
    right: 1.5em;
    height: 0;
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
  }
  .b_city .tab_search ul li::after {
    display: none;
  }
  .tab_search ul li.is-active::after {
    transform: scaleY(-1);
  }
}
.tab_search ul li a, .tab_search ul li .pseudo_a {
  text-decoration: none;
  padding: 1em .5em;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  font-weight: normal;
  line-height: 1.3;
}
@media only screen and (max-width: 1024px) {
  .tab_search ul li a, .tab_search ul li .pseudo_a {
    justify-content: flex-start;
  }
  .b_city .tab_search ul li a, .b_city .tab_search ul li .pseudo_a {
    padding: .75em 0 .5em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tab_search ul li a, .tab_search ul li .pseudo_a {
    padding: 1.25em 1.5em;
  }
}
@media only screen and (max-width: 767px) {
  .tab_search ul li a, .tab_search ul li .pseudo_a {
    padding: 1.5em 1.5em;
    justify-content: flex-start;
  }
}
.tab_search ul li a i, .tab_search ul li .pseudo_a i {
  width: 36px;
  height: 36px;
  background-color: #676c72;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0.5em;
}
.b_hotel_marriott .tab_search ul li a i, .b_hotel_marriott .tab_search ul li .pseudo_a i {
  background-color: #262324;
}
.b_hotel_sheraton .tab_search ul li a i, .b_hotel_sheraton .tab_search ul li .pseudo_a i {
  background-color: #3a3a3a;
}
.b_tp_universal .tab_search ul li a i, .b_tp_universal .tab_search ul li .pseudo_a i {
  background-color: #00405c;
}
.b_resort_shima .tab_search ul li a i, .b_resort_shima .tab_search ul li .pseudo_a i {
  background-color: #486079;
}
.b_resort .tab_search ul li a i, .b_resort .tab_search ul li .pseudo_a i {
  background-color: #e6a51e;
}
@media only screen and (max-width: 1024px) {
  .tab_search ul li a i, .tab_search ul li .pseudo_a i {
    margin-right: 0.5em;
  }
  .b_city .tab_search ul li a i, .b_city .tab_search ul li .pseudo_a i {
    margin-right: auto;
    margin-left: auto;
  }
}
.tab_search ul li a i + span, .tab_search ul li .pseudo_a i + span {
  max-width: 70%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tab_search ul li a i, .tab_search ul li .pseudo_a i {
    width: 28px;
    height: 28px;
  }
  .tab_search ul li a i + span, .tab_search ul li .pseudo_a i + span {
    max-width: 70%;
  }
  .b_city .tab_search ul li a i + span, .b_city .tab_search ul li .pseudo_a i + span {
    max-width: none;
  }
}
@media only screen and (max-width: 767px) {
  .tab_search ul li a i, .tab_search ul li .pseudo_a i {
    width: 2em;
    height: 2em;
  }
  .tab_search ul li a i + span, .tab_search ul li .pseudo_a i + span {
    max-width: 70%;
  }
  .b_city .tab_search ul li a i + span, .b_city .tab_search ul li .pseudo_a i + span {
    max-width: none;
  }
}
.tab_search ul li a i > .inner, .tab_search ul li .pseudo_a i > .inner {
  width: 63.88889%;
}
.tab_search ul li a i > .inner svg, .tab_search ul li .pseudo_a i > .inner svg {
  width: auto;
  fill: white;
}
.tab_search ul li.is-active {
  border-color: #e9f2ed;
  background-color: #e9f2ed;
}
.b_sogo .tab_search ul li.is-active {
  background-color: #e5ebee;
  border-color: #e5ebee;
}
.b_hotel .tab_search ul li.is-active {
  background-color: #e3dcec;
  border-color: #e3dcec;
}
.b_hotel_marriott .tab_search ul li.is-active {
  border-color: #e3e1de;
  background-color: #e3e1de;
}
.b_hotel_sheraton .tab_search ul li.is-active {
  border-color: #6d645f;
  background-color: #6d645f;
}
.b_hotel_sheraton .tab_search ul li.is-active a {
  color: #fff;
}
.b_tp_universal .tab_search ul li.is-active {
  border-color: #e8e8ec;
  background-color: #e8e8ec;
}
.b_resort_shima .tab_search ul li.is-active {
  border-color: #e8e8ec;
  background-color: #e8e8ec;
}
.b_city .tab_search ul li.is-active {
  border-color: #eaf5f6;
  background-color: #eaf5f6;
}
.b_resort .tab_search ul li.is-active {
  border-color: #faedd2;
  background-color: #faedd2;
}
.tab_search ul li:not(:nth-child(5n+1)) {
  margin-left: 1.44928%;
}
.tab_search ul li:nth-child(n+6) {
  margin-top: 1.44928%;
}
@media only screen and (min-width: 1025px) {
  .tab_search ul li {
    font-size: 89%;
  }
}
@media only screen and (max-width: 767px) {
  .tab_search ul li {
    width: 100%;
    margin-left: 0 !important;
  }
  .b_city .tab_search ul li {
    font-size: 84%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tab_search ul li {
    width: 31.88406%;
  }
  .tab_search ul li:not(:nth-child(3n+1)) {
    margin-left: 2.17391%;
  }
  .tab_search ul li:nth-child(n+4) {
    margin-top: 2.17391%;
  }
}
@media only screen and (min-width: 1025px) {
  .tab_search ul li a {
    position: relative;
  }
  .tab_search ul li a::after {
    content: "\f3d0";
    display: block;
    width: 100%;
    font-family: "Ionicons";
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tab_search ul li a {
    min-height: 5em;
  }
}
@media only screen and (max-width: 1024px) {
  .b_city .tab_search ul li a {
    height: 100%;
    align-content: flex-start;
  }
  .b_city .tab_search ul li a::after {
    bottom: 1em;
  }
}
.tab_search ul li .t {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 1024px) {
  .b_city .tab_search ul li .t {
    width: 100%;
    text-align: center;
    justify-content: center;
    margin-top: .3em;
  }
}
.tab_search ul li .t > span {
  display: block;
}

.st_search_panel {
  position: relative;
  border-left: 2px solid #e9f2ed;
  border-top: 2px solid #e9f2ed;
  border-right: 2px solid #e9f2ed;
  border: none;
}
@media only screen and (min-width: 1025px) {
  .b_sogo .st_search_panel {
    border-left: 1px solid #c5c6c6;
    border-top: 1px solid #c5c6c6;
    border-right: 1px solid #c5c6c6;
  }
}
.b_hotel_marriott .st_search_panel {
  border-color: #babcbe;
  border-width: 1px;
  color: #262324;
}
.b_hotel .st_search_panel {
  border-color: #c8c8c8;
  border-width: 1px;
}
.b_hotel_sheraton .st_search_panel {
  border-color: #6d645f;
  border-width: 1px;
}
.b_city .st_search_panel {
  border-color: #c6c6c6;
  border-width: 1px;
}
.b_tp_universal .st_search_panel {
  border-color: #e8e8ec;
}
.b_resort_shima .st_search_panel {
  border-color: #e8e8ec;
}
.b_resort .st_search_panel {
  border-color: #f5dba5;
}
@media only screen and (max-width: 1024px) {
  .st_search_panel {
    position: relative;
  }
  .st_search_panel::after {
    font-family: "Ionicons";
    font-size: 134%;
    content: "\f3d0";
    display: block;
    position: absolute;
    right: 1.5em;
    height: 0;
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
  }
  .b_city .st_search_panel::after {
    display: none;
  }
  .st_search_panel.is-active::after {
    transform: scaleY(-1);
  }
}
.st_search_panel a, .st_search_panel .pseudo_a {
  text-decoration: none;
  padding: 1em .5em;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  font-weight: normal;
  line-height: 1.3;
}
@media only screen and (max-width: 1024px) {
  .st_search_panel a, .st_search_panel .pseudo_a {
    justify-content: flex-start;
  }
  .b_city .st_search_panel a, .b_city .st_search_panel .pseudo_a {
    padding: .75em 0 .5em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .st_search_panel a, .st_search_panel .pseudo_a {
    padding: 1.25em 1.5em;
  }
}
@media only screen and (max-width: 767px) {
  .st_search_panel a, .st_search_panel .pseudo_a {
    padding: 1.5em 1.5em;
    justify-content: flex-start;
  }
}
.st_search_panel a i, .st_search_panel .pseudo_a i {
  width: 36px;
  height: 36px;
  background-color: #676c72;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0.5em;
}
.b_hotel_marriott .st_search_panel a i, .b_hotel_marriott .st_search_panel .pseudo_a i {
  background-color: #262324;
}
.b_hotel_sheraton .st_search_panel a i, .b_hotel_sheraton .st_search_panel .pseudo_a i {
  background-color: #3a3a3a;
}
.b_tp_universal .st_search_panel a i, .b_tp_universal .st_search_panel .pseudo_a i {
  background-color: #00405c;
}
.b_resort_shima .st_search_panel a i, .b_resort_shima .st_search_panel .pseudo_a i {
  background-color: #486079;
}
.b_resort .st_search_panel a i, .b_resort .st_search_panel .pseudo_a i {
  background-color: #e6a51e;
}
@media only screen and (max-width: 1024px) {
  .st_search_panel a i, .st_search_panel .pseudo_a i {
    margin-right: 0.5em;
  }
  .b_city .st_search_panel a i, .b_city .st_search_panel .pseudo_a i {
    margin-right: auto;
    margin-left: auto;
  }
}
.st_search_panel a i + span, .st_search_panel .pseudo_a i + span {
  max-width: 70%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .st_search_panel a i, .st_search_panel .pseudo_a i {
    width: 28px;
    height: 28px;
  }
  .st_search_panel a i + span, .st_search_panel .pseudo_a i + span {
    max-width: 70%;
  }
  .b_city .st_search_panel a i + span, .b_city .st_search_panel .pseudo_a i + span {
    max-width: none;
  }
}
@media only screen and (max-width: 767px) {
  .st_search_panel a i, .st_search_panel .pseudo_a i {
    width: 2em;
    height: 2em;
  }
  .st_search_panel a i + span, .st_search_panel .pseudo_a i + span {
    max-width: 70%;
  }
  .b_city .st_search_panel a i + span, .b_city .st_search_panel .pseudo_a i + span {
    max-width: none;
  }
}
.st_search_panel a i > .inner, .st_search_panel .pseudo_a i > .inner {
  width: 63.88889%;
}
.st_search_panel a i > .inner svg, .st_search_panel .pseudo_a i > .inner svg {
  width: auto;
  fill: white;
}
.st_search_panel.is-active {
  border-color: #e9f2ed;
  background-color: #e9f2ed;
}
.b_sogo .st_search_panel.is-active {
  background-color: #e5ebee;
  border-color: #e5ebee;
}
.b_hotel .st_search_panel.is-active {
  background-color: #e3dcec;
  border-color: #e3dcec;
}
.b_hotel_marriott .st_search_panel.is-active {
  border-color: #e3e1de;
  background-color: #e3e1de;
}
.b_hotel_sheraton .st_search_panel.is-active {
  border-color: #6d645f;
  background-color: #6d645f;
}
.b_hotel_sheraton .st_search_panel.is-active a {
  color: #fff;
}
.b_tp_universal .st_search_panel.is-active {
  border-color: #e8e8ec;
  background-color: #e8e8ec;
}
.b_resort_shima .st_search_panel.is-active {
  border-color: #e8e8ec;
  background-color: #e8e8ec;
}
.b_city .st_search_panel.is-active {
  border-color: #eaf5f6;
  background-color: #eaf5f6;
}
.b_resort .st_search_panel.is-active {
  border-color: #faedd2;
  background-color: #faedd2;
}
@media only screen and (max-width: 1024px) {
  .b_hotel_sheraton .st_search_panel a, .b_hotel_sheraton .st_search_panel .pseudo_a, .b_hotel_sheraton .st_search_panel::after {
    color: #fff;
  }
}
.st_search_panel::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  display: block;
  width: 140%;
  height: 1px;
  background-color: #c7c5c9;
}
@media only screen and (max-width: 1024px) {
  .st_search_panel::before {
    width: 100%;
  }
}

@media only screen and (min-width: 1025px) {
  .panel_booknow.disp_switch .con_booknow_form {
    display: block !important;
  }
}
@media only screen and (max-width: 1024px) {
  .panel_booknow.disp_switch .con_booknow_form {
    display: none;
  }
}

.con_booknow_form {
  max-width: 1260px;
  position: relative;
}
@media only screen and (min-width: 1025px) {
  .con_booknow_form {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_booknow_form {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (max-width: 767px) {
  .con_booknow_form {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1100px) {
  .con_booknow_form {
    width: 95%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_booknow_form {
    max-width: 700px;
    margin-right: auto;
    margin-left: auto;
  }
}
@media only screen and (max-width: 1024px) {
  .con_booknow_form {
    padding: 2em 0 2em;
  }
}
.con_booknow_form form {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .con_booknow_form form + form {
    margin-top: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .con_booknow_form form + form {
    margin-top: 2rem;
  }
}
.con_booknow_form.airplane .box_form {
  width: 100%;
}
.con_booknow_form.restaurant .box_form {
  width: 100%;
}
.b_sogo .con_booknow_form .box_form {
  width: 100%;
}
.h_shima .con_booknow_form .box_form {
  width: 100%;
}
.con_booknow_form[data-type=""] [data-p="d"]
, .con_booknow_form[data-type=""] [data-p="y"]
, .con_booknow_form[data-type=""] [data-p="l"]
, .con_booknow_form[data-type=""] [data-p="t"] {
  display: none !important;
}
.con_booknow_form[data-type="link"] [data-p="d"],
.con_booknow_form[data-type="link"] [data-p="y"],
.con_booknow_form[data-type="link"] [data-p="not_l"],
.con_booknow_form[data-type="link"] [data-p="t"] {
  display: none !important;
}
.con_booknow_form:not([data-type="link"]) [data-p="l"] {
  display: none !important;
}
.con_booknow_form[data-type="tripla"] [data-p="d"],
.con_booknow_form[data-type="tripla"] [data-p="y"] {
  display: none !important;
}
.con_booknow_form[data-type="tripla"][data-t-type="no_kids"] [data-t-p="default"],
.con_booknow_form[data-type="tripla"][data-t-type="no_kids"] [data-t-p="kids_tiers"],
.con_booknow_form[data-type="tripla"][data-t-type="no_kids"] [data-t-p="share_bed"] {
  display: none !important;
}
.con_booknow_form[data-type="tripla"][data-t-type="share_bed"] [data-t-p="default"],
.con_booknow_form[data-type="tripla"][data-t-type="share_bed"] [data-t-p="no_kids"],
.con_booknow_form[data-type="tripla"][data-t-type="share_bed"] [data-t-p="kids_tiers"] {
  display: none !important;
}
.con_booknow_form[data-type="tripla"][data-t-type="kids_tiers"] [data-t-p="default"],
.con_booknow_form[data-type="tripla"][data-t-type="kids_tiers"] [data-t-p="no_kids"],
.con_booknow_form[data-type="tripla"][data-t-type="kids_tiers"] [data-t-p="share_bed"] {
  display: none !important;
}
.con_booknow_form[data-type="tripla"][data-t-type="default"] [data-t-p="no_kids"],
.con_booknow_form[data-type="tripla"][data-t-type="default"] [data-t-p="kids_tiers"],
.con_booknow_form[data-type="tripla"][data-t-type="default"] [data-t-p="share_bed"] {
  display: none !important;
}
.con_booknow_form[data-type="tripla"]:not([data-t-type]) [data-t-p] {
  display: none !important;
}
.con_booknow_form[data-type="direct_in"] [data-p="t"],
.con_booknow_form[data-type="direct_in"] [data-p="y"] {
  display: none !important;
}
.con_booknow_form[data-type="yoyakuban"] [data-p="d"],
.con_booknow_form[data-type="yoyakuban"] [data-p="t"] {
  display: none !important;
}

.con_form {
  background-color: #fff;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media only screen and (max-width: 1024px) {
  .con_form {
    flex-wrap: wrap;
  }
}
.b_hotel_marriott .con_form {
  color: #262324;
}
.con_form.restaurant {
  background-color: transparent;
}
@media only screen and (min-width: 768px) {
  .con_form.train {
    max-width: 545px;
    margin-right: auto;
    margin-left: auto;
  }
}
@media only screen and (min-width: 1025px) {
  .con_form[data-type="link"] {
    max-width: 800px;
    margin-right: auto;
    margin-left: auto;
  }
}
.con_form .box_st {
  text-align: center;
  width: 18.25397%;
}
@media only screen and (max-width: 1024px) {
  .con_form .box_st {
    width: 100%;
    border-bottom: 1px solid #eeeeee;
    padding: .75em 0;
  }
}
.h_shima .con_form .box_st {
  display: none;
}
.con_form .box_form {
  width: 81.74603%;
  display: flex;
}
@media only screen and (max-width: 1024px) {
  .con_form .box_form {
    width: 100%;
    flex-wrap: wrap;
  }
}
.con_form .box_form .box_parts {
  position: relative;
  border-left: 1px solid #eeeeee;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  background-color: #fff;
}
.b_hotel_marriott .con_form .box_form .box_parts {
  border-left-color: #e3e1de;
}
@media only screen and (max-width: 1024px) {
  .con_form .box_form .box_parts {
    display: block;
    width: 33.33333%;
    padding: 1.25em 0;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 767px) {
  .con_form .box_form .box_parts {
    padding: 1em 0;
  }
}

.con_form .box_form .box_parts:has(select) .box_num .num {
  text-decoration: underline;
}
.con_form .box_form .box_parts .inner {
  width: calc(100% - 2em);
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_form .box_form .box_parts .inner {
    width: calc(100% - 2em);
  }
}
@media only screen and (max-width: 767px) {
  .con_form .box_form .box_parts .inner {
    width: calc(100% - 1.5em);
    max-width: none;
  }
}
.con_form .box_form .box_parts .st {
  font-size: 73%;
  line-height: 1;
  margin-bottom: 0.5em;
  width: 100%;
  padding-top: 0.5em;
}
@media only screen and (max-width: 767px) {
  .con_form .box_form .box_parts .st {
    letter-spacing: 0;
    margin-bottom: 0.75em;
  }
}
.con_form .box_form .box_parts .box_set {
  display: flex;
}
.con_form .box_form .box_parts .box_set.col2 {
  width: 50%;
}
.con_form .box_form .box_parts .box_set.col3 {
  width: 33.33333%;
}
.con_form .box_form .box_parts .box_num {
  display: flex;
  align-items: flex-end;
  width: 100%;
  position: relative;
}
@media only screen and (min-width: 1025px) {
  .con_form .box_form .box_parts .box_num {
    font-size: 89%;
  }
}
.con_form .box_form .box_parts .box_num .num {
  font-size: 125%;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: 'Open Sans', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  line-height: 1.2;
  width: auto;
  display: block;
  max-width: 8em;
}
.con_form .box_form .box_parts .box_num .num::-ms-expand {
  display: none;
}
@media only screen and (max-width: 767px) {
  .con_form .box_form .box_parts .box_num .num {
    letter-spacing: 0;
  }
}
@media only screen and (min-width: 768px) {
  .con_form .box_form .box_parts .box_num .num.airport, .con_form .box_form .box_parts .box_num .num.hotels, .con_form .box_form .box_parts .box_num .num.area {
    max-width: calc(100% - 25px);
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1259px) {
  .con_form .box_form .box_parts .box_num .num.airport, .con_form .box_form .box_parts .box_num .num.hotels, .con_form .box_form .box_parts .box_num .num.area {
    max-width: calc(100% - 20px);
  }
}
@media only screen and (max-width: 767px) {
  .con_form .box_form .box_parts .box_num .num.airport, .con_form .box_form .box_parts .box_num .num.hotels, .con_form .box_form .box_parts .box_num .num.area {
    max-width: calc(100% - 1.25em);
  }
}
.con_form .box_form .box_parts .box_num .num.airport {
  font-size: 100%;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "MS Ｐゴシック", "MS PGothic", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
}
.con_form .box_form .box_parts .box_num .num.hotels {
  font-size: 100%;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "MS Ｐゴシック", "MS PGothic", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
}
.con_form .box_form .box_parts .box_num .num.area {
  font-size: 100%;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "MS Ｐゴシック", "MS PGothic", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
}
.con_form .box_form .box_parts .box_num .unit {
  margin-left: 0;
  line-height: 1;
  margin-left: .5em;
  letter-spacing: 0;
}
@media only screen and (min-width: 768px) {
  .con_form .box_form .box_parts .box_num .unit {
    font-size: 84%;
  }
}
@media only screen and (max-width: 767px) {
  .con_form .box_form .box_parts .box_num .unit {
    font-size: 78%;
  }
}
.con_form .box_form .box_parts .box_num .unit.bef {
  margin-right: 0.25em;
  margin-left: 0;
}
.con_form .box_form .box_parts .box_num i {
  width: 20px;
  height: 20px;
  margin-left: auto;
  margin-right: 0;
  background-color: #e8f1ed;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 1025px) and (max-width: 1259px) {
  .con_form .box_form .box_parts .box_num i {
    width: 15px;
    height: 15px;
  }
}
.b_sogo .con_form .box_form .box_parts .box_num i {
  background-color: #e5ebee;
}
.b_hotel .con_form .box_form .box_parts .box_num i {
  background-color: #e3dcec;
}
.b_hotel_sheraton .con_form .box_form .box_parts .box_num i {
  background-color: #efeae4;
}
.b_hotel_marriott .con_form .box_form .box_parts .box_num i {
  background-color: #e3e1db;
}
.b_city .con_form .box_form .box_parts .box_num i {
  background-color: #eaf6f6;
}
.b_tp_universal .con_form .box_form .box_parts .box_num i {
  background-color: #e7e6eb;
}
.b_resort_shima .con_form .box_form .box_parts .box_num i {
  background-color: #e7e6eb;
}
.b_resort .con_form .box_form .box_parts .box_num i {
  background-color: #faedd2;
}
@media only screen and (max-width: 767px) {
  .con_form .box_form .box_parts .box_num i {
    width: 1em;
    height: 1em;
    margin-left: auto;
    margin-right: 0;
  }
}
.con_form .box_form .box_parts .box_num i::after {
  content: "\f3d0";
  font-family: "Ionicons";
}
.con_form .box_form .box_parts select, .con_form .box_form .box_parts .flatpickr-toggle {
  width: 100%;
  cursor: pointer;
  opacity: 0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  height: 100%;
}
.safari .con_form .box_form .box_parts select, .safari .con_form .box_form .box_parts .flatpickr-toggle {
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.safari .con_form .box_form .box_parts select::-ms-expand, .safari .con_form .box_form .box_parts .flatpickr-toggle::-ms-expand {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .con_form .box_form .box_parts.box_airport, .con_form .box_form .box_parts.box_area, .con_form .box_form .box_parts.box_hotels {
    border-bottom: 1px solid #eeeeee;
  }
}
.con_form .box_form .box_parts.box_date .flatpickr_input {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
@media only screen and (min-width: 1025px) and (max-width: 1259px) {
  .con_form .box_form .box_parts.box_date .box_num .num {
    letter-spacing: 0;
  }
}
@media only screen and (min-width: 1025px) {
  .con_form .box_form .box_parts.box_adults .box_num .num {
    letter-spacing: 0;
  }
}
@media only screen and (min-width: 1025px) {
  .con_form .box_form .box_parts.box_hotels {
    width: calc(12/30*100%);
  }
  .con_form .box_form .box_parts.box_airport {
    width: calc(12/30*100%);
  }
  .con_form .box_form .box_parts.box_date {
    width: calc(8/30*100%);
  }
  .con_form .box_form .box_parts.box_nights {
    width: calc(8/30*100%);
  }
  .con_form .box_form .box_parts.box_adults {
    width: calc(8/30*100%);
  }
}
@media only screen and (max-width: 1024px) {
  .con_form .box_form .box_parts.box_airport {
    width: 100%;
  }
  .con_form .box_form .box_parts.box_area {
    width: 100%;
  }
  .con_form .box_form .box_parts.box_hotels {
    width: 100%;
  }
  .con_form .box_form .box_parts.box_date {
    width: calc(4.5/10*100%);
  }
  .con_form .box_form .box_parts.box_nights {
    width: calc(3/10*100%);
  }
  .con_form .box_form .box_parts.box_adults {
    width: calc(2.5/10*100%);
  }
}
.con_form .box_form .btn_rsv {
  border-color: #c9ded3;
  margin-right: 0;
  margin-left: auto;
}
.con_form .box_form .btn_rsv a {
  min-width: auto;
  width: 100%;
}
.b_hotel .con_form .box_form .btn_rsv {
  border-color: #8a6ba7;
}
.b_hotel_sheraton .con_form .box_form .btn_rsv {
  border-color: #3a3a3a;
}
.b_hotel_marriott .con_form .box_form .btn_rsv {
  border-color: #3a3a3a;
}
.b_tp_universal .con_form .box_form .btn_rsv {
  border-color: #c3c3cb;
}
.b_city .con_form .box_form .btn_rsv {
  border: none;
  border-left: 1px solid #c6c6c6;
}
@media only screen and (min-width: 1025px) {
  .con_form .box_form .btn_rsv {
    width: calc(6/30*100%);
  }
  .b_sogo .con_form .box_form .btn_rsv {
    width: calc(4/30*100%);
  }
}
@media only screen and (max-width: 1024px) {
  .con_form .box_form .btn_rsv {
    width: 100%;
  }
}
.con_form .box_form .btn_rsv a {
  padding: 1.55em 0;
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_form .box_form .btn_rsv a {
    padding: 1.75em 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_form .box_form .btn_rsv a {
    padding: 1.5em 0;
  }
}
.b_sogo .con_form .box_form .btn_rsv a {
  background-color: #003a56;
  color: #fff;
}
.b_hotel .con_form .box_form .btn_rsv a {
  border-color: #8a6ba7;
}
.b_hotel_sheraton .con_form .box_form .btn_rsv a {
  background-color: #3a3a3a;
}
.b_hotel_marriott .con_form .box_form .btn_rsv a {
  background-color: #a0072b;
  color: #fff;
}
.b_resort .con_form .box_form .btn_rsv a {
  background-color: #e6a51e;
  color: #fff;
}
@media only screen and (min-width: 1025px) {
  .b_sogo .con_form .box_form.airplane .box_parts.box_hotels {
    width: calc(8/30*100%);
  }
  .b_sogo .con_form .box_form.airplane .box_parts.box_airport {
    width: calc(6/30*100%);
  }
  .b_sogo .con_form .box_form.airplane .box_parts.box_date {
    width: calc(6/30*100%);
  }
  .b_sogo .con_form .box_form.airplane .box_parts.box_nights {
    width: calc(4/30*100%);
  }
  .b_sogo .con_form .box_form.airplane .box_parts.box_adults {
    width: calc(3/30*100%);
  }
  .b_sogo .con_form .box_form.airplane .btn_rsv {
    width: calc(4/30*100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .b_sogo .con_form .box_form.airplane .box_parts.box_hotels {
    width: calc(12/20*100%);
  }
  .b_sogo .con_form .box_form.airplane .box_parts.box_airport {
    width: calc(8/20*100%);
  }
}
.con_form .box_form.restaurant {
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
@media only screen and (min-width: 1025px) {
  .con_form .box_form.restaurant .box_parts {
    height: 81px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_form .box_form.restaurant .box_parts {
    height: auto;
  }
}
@media only screen and (max-width: 767px) {
  .con_form .box_form.restaurant .box_parts {
    height: auto;
  }
}
@media only screen and (min-width: 1025px) {
  .con_form .box_form.restaurant .box_parts.box_restaurant {
    width: calc(13/30*100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_form .box_form.restaurant .box_parts.box_restaurant {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_form .box_form.restaurant .box_parts.box_restaurant {
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .con_form .box_form.restaurant .box_parts.box_restaurant {
    border-bottom: 1px solid #eeeeee;
  }
}
.con_form .box_form.restaurant .box_parts.box_restaurant .num {
  font-size: 112%;
  max-width: calc(100% - 2em);
}
@media only screen and (min-width: 1025px) {
  .con_form .box_form.restaurant .box_parts.box_adults {
    width: calc(5/30*100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_form .box_form.restaurant .box_parts.box_adults {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .con_form .box_form.restaurant .box_parts.box_adults {
    width: 50%;
  }
}
@media only screen and (min-width: 1025px) {
  .con_form .box_form.restaurant .box_parts.box_date {
    width: calc(7/30*100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_form .box_form.restaurant .box_parts.box_date {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .con_form .box_form.restaurant .box_parts.box_date {
    width: 50%;
  }
}
.con_form .box_form.restaurant .btn_rsv {
  margin-left: 0;
}
@media only screen and (min-width: 1025px) {
  .con_form .box_form.restaurant .btn_rsv {
    width: calc(5/30*100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_form .box_form.restaurant .btn_rsv {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_form .box_form.restaurant .btn_rsv {
    width: 100%;
  }
}
@media only screen and (min-width: 1025px) {
  .con_form .box_form.train .box_parts {
    height: 81px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_form .box_form.train .box_parts {
    height: auto;
  }
}
@media only screen and (max-width: 767px) {
  .con_form .box_form.train .box_parts {
    height: auto;
  }
}
.con_form .box_form.train .box_parts.train.box_area {
  display: flex;
}
@media only screen and (min-width: 768px) {
  .con_form .box_form.train .box_parts.train.box_area {
    width: 40% !important;
  }
}
@media only screen and (min-width: 768px) {
  .con_form .box_form.train .box_parts.train.box_hotels {
    width: 60% !important;
  }
}
@media only screen and (min-width: 1025px) {
  .con_form[data-type=""] .box_parts.box_date {
    width: calc(12/30*100%);
  }
  .con_form[data-type=""] .box_parts.box_nights {
    width: calc(12/30*100%);
  }
  .con_form[data-type=""] .btn_rsv {
    width: calc(6/30*100%);
  }
  .con_form[data-t-type="share_bed"] .box_parts.box_date {
    width: calc(7/30*100%);
  }
  .con_form[data-t-type="share_bed"] .box_parts.box_nights {
    width: calc(5/30*100%);
  }
  .con_form[data-t-type="share_bed"] .box_parts.box_adults {
    width: calc(12/30*100%);
  }
  .con_form[data-t-type="share_bed"] .btn_rsv {
    width: calc(6/30*100%);
  }
  .con_form[data-t-type="kids_tiers"] .box_parts.box_date {
    width: calc(7/30*100%);
  }
  .con_form[data-t-type="kids_tiers"] .box_parts.box_nights {
    width: calc(5/30*100%);
  }
  .con_form[data-t-type="kids_tiers"] .box_parts.box_adults {
    width: calc(9/30*100%);
  }
  .con_form[data-t-type="kids_tiers"] .box_parts.box_rooms {
    width: calc(5 /30*100%);
  }
  .con_form[data-t-type="kids_tiers"] .btn_rsv {
    width: calc(4/30*100%);
  }
  .con_form[data-t-type="no_kids"] .box_parts.box_date {
    width: calc(10/30*100%);
  }
  .con_form[data-t-type="no_kids"] .box_parts.box_nights {
    width: calc(6/30*100%);
  }
  .con_form[data-t-type="no_kids"] .box_parts.box_adults {
    width: calc(9/30*100%);
  }
  .con_form[data-t-type="no_kids"] .btn_rsv {
    width: calc(5/30*100%);
  }
  .con_form[data-t-type="default"] .btn_rsv {
    width: calc(4/30*100%);
  }
  .con_form[data-type="yoyakuban"] .box_parts.box_date {
    width: calc(9/30*100%);
  }
  .con_form[data-type="yoyakuban"] .box_parts.box_nights {
    width: calc(6/30*100%);
  }
  .con_form[data-type="yoyakuban"] .box_parts.box_adults {
    width: calc(9/30*100%);
  }
  .con_form[data-type="yoyakuban"] .btn_rsv {
    width: calc(6/30*100%);
  }
  .con_form[data-type="direct_in"] .box_parts.box_date {
    width: calc(9/30*100%);
  }
  .con_form[data-type="direct_in"] .box_parts.box_nights {
    width: calc(7/30*100%);
  }
  .con_form[data-type="direct_in"] .box_parts.box_adults {
    width: calc(8/30*100%);
  }
  .con_form[data-type="direct_in"] .btn_rsv {
    width: calc(6/30*100%);
  }
  .con_form[data-type="link"] .box_form {
    width: 100%;
  }
  .con_form[data-type="link"] .box_st {
    display: none;
  }
  .b_sogo .con_form[data-type=""] .box_parts.box_area {
    width: calc(6/30*100%);
  }
  .b_sogo .con_form[data-type=""] .box_parts.box_hotels {
    width: calc(9/30*100%);
  }
  .b_sogo .con_form[data-type=""] .box_parts.box_date {
    width: calc(7/30*100%);
  }
  .b_sogo .con_form[data-type=""] .box_parts.box_nights {
    width: calc(4/30*100%);
  }
  .b_sogo .con_form[data-type=""] .btn_rsv {
    width: calc(4/30*100%);
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1100px) {
  .b_sogo .con_form[data-t-type="share_bed"] .box_parts .inner {
    width: calc(100% - 1em);
  }
}
@media only screen and (min-width: 1025px) {
  .b_sogo .con_form[data-t-type="share_bed"] .box_parts.box_area {
    width: calc(4/30*100%);
  }
  .b_sogo .con_form[data-t-type="share_bed"] .box_parts.box_hotels {
    width: calc(7/30*100%);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1259px) {
  .b_sogo .con_form[data-t-type="share_bed"] .box_parts.box_hotels {
    width: calc(6/30*100%);
  }
}
@media only screen and (min-width: 1025px) {
  .b_sogo .con_form[data-t-type="share_bed"] .box_parts.box_date {
    width: calc(5/30*100%);
  }
  .b_sogo .con_form[data-t-type="share_bed"] .box_parts.box_nights {
    width: calc(3/30*100%);
  }
  .b_sogo .con_form[data-t-type="share_bed"] .box_parts.box_adults {
    width: calc(8/30*100%);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1259px) {
  .b_sogo .con_form[data-t-type="share_bed"] .box_parts.box_adults {
    width: calc(9/30*100%);
  }
}
@media only screen and (min-width: 1025px) {
  .b_sogo .con_form[data-t-type="share_bed"] .btn_rsv {
    width: calc(3/30*100%);
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1100px) {
  .b_sogo .con_form[data-t-type="kids_tiers"] .box_parts .inner {
    width: calc(100% - 1em);
  }
}
@media only screen and (min-width: 1025px) {
  .b_sogo .con_form[data-t-type="kids_tiers"] .box_parts.box_area {
    width: calc(4/30*100%);
  }
  .b_sogo .con_form[data-t-type="kids_tiers"] .box_parts.box_hotels {
    width: calc(6/30*100%);
  }
  .b_sogo .con_form[data-t-type="kids_tiers"] .box_parts.box_date {
    width: calc(5/30*100%);
  }
  .b_sogo .con_form[data-t-type="kids_tiers"] .box_parts.box_nights {
    width: calc(3/30*100%);
  }
  .b_sogo .con_form[data-t-type="kids_tiers"] .box_parts.box_adults {
    width: calc(6/30*100%);
  }
  .b_sogo .con_form[data-t-type="kids_tiers"] .box_parts.box_rooms {
    width: calc(3/30*100%);
  }
  .b_sogo .con_form[data-t-type="kids_tiers"] .btn_rsv {
    width: calc(3/30*100%);
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1100px) {
  .b_sogo .con_form[data-t-type="no_kids"] .box_parts .inner {
    width: calc(100% - 1em);
  }
}
@media only screen and (min-width: 1025px) {
  .b_sogo .con_form[data-t-type="no_kids"] .box_parts.box_area {
    width: calc(5/30*100%);
  }
  .b_sogo .con_form[data-t-type="no_kids"] .box_parts.box_hotels {
    width: calc(7/30*100%);
  }
  .b_sogo .con_form[data-t-type="no_kids"] .box_parts.box_date {
    width: calc(6/30*100%);
  }
  .b_sogo .con_form[data-t-type="no_kids"] .box_parts.box_nights {
    width: calc(3/30*100%);
  }
  .b_sogo .con_form[data-t-type="no_kids"] .box_parts.box_adults {
    width: calc(6/30*100%);
  }
  .b_sogo .con_form[data-t-type="no_kids"] .btn_rsv {
    width: calc(3/30*100%);
  }
  .b_sogo .con_form[data-t-type="default"] .box_parts.box_area {
    width: calc(6/30*100%);
  }
  .b_sogo .con_form[data-t-type="default"] .box_parts.box_date {
    width: calc(7/30*100%);
  }
  .b_sogo .con_form[data-t-type="default"] .box_parts.box_nights {
    width: calc(4/30*100%);
  }
  .b_sogo .con_form[data-t-type="default"] .box_parts.box_adults {
    width: calc(4/30*100%);
  }
  .b_sogo .con_form[data-t-type="default"] .btn_rsv {
    width: calc(4/30*100%);
  }
  .b_sogo .con_form[data-type="yoyakuban"] .box_parts.box_area {
    width: calc(5/30*100%);
  }
  .b_sogo .con_form[data-type="yoyakuban"] .box_parts.box_hotels {
    width: calc(7/30*100%);
  }
  .b_sogo .con_form[data-type="yoyakuban"] .box_parts.box_date {
    width: calc(6/30*100%);
  }
  .b_sogo .con_form[data-type="yoyakuban"] .box_parts.box_nights {
    width: calc(3/30*100%);
  }
  .b_sogo .con_form[data-type="yoyakuban"] .box_parts.box_adults {
    width: calc(6/30*100%);
  }
  .b_sogo .con_form[data-type="yoyakuban"] .btn_rsv {
    width: calc(3/30*100%);
  }
  .b_sogo .con_form[data-type="direct_in"] .box_parts.box_area {
    width: calc(5/30*100%);
  }
  .b_sogo .con_form[data-type="direct_in"] .box_parts.box_hotels {
    width: calc(7/30*100%);
  }
  .b_sogo .con_form[data-type="direct_in"] .box_parts.box_date {
    width: calc(6/30*100%);
  }
  .b_sogo .con_form[data-type="direct_in"] .box_parts.box_nights {
    width: calc(4/30*100%);
  }
  .b_sogo .con_form[data-type="direct_in"] .box_parts.box_adults {
    width: calc(4/30*100%);
  }
  .b_sogo .con_form[data-type="direct_in"] .btn_rsv {
    width: calc(4/30*100%);
  }
  .b_sogo .con_form[data-type="link"] .box_parts.box_area {
    width: calc(7/30*100%);
  }
  .b_sogo .con_form[data-type="link"] .box_parts.box_hotels {
    width: calc(17/30*100%);
  }
  .b_sogo .con_form[data-type="link"] .btn_rsv {
    width: calc(6/30*100%);
  }
}
@media only screen and (max-width: 1024px) {
  .con_form {
    --bdc: #eeeeee;
  }
  .con_form[data-type=""] .box_parts.box_date {
    width: calc(10/10*100%);
  }
  .con_form[data-type=""] .box_parts.box_nights {
    width: calc(5/10*100%);
  }
  .con_form[data-type=""] .box_parts.box_adults {
    width: calc(5/10*100%);
  }
  .con_form[data-t-type="share_bed"] .box_parts.box_date {
    width: calc(6/10*100%);
  }
  .con_form[data-t-type="share_bed"] .box_parts.box_rooms {
    width: calc(4/10*100%);
  }
  .con_form[data-t-type="share_bed"] .box_parts.box_adults {
    border-top: 1px solid var(--bdc);
    width: calc(10/10*100%);
  }
  .con_form[data-t-type="kids_tiers"] .box_parts.box_date {
    width: calc(6/10*100%);
  }
  .con_form[data-t-type="kids_tiers"] .box_parts.box_rooms {
    border-top: 1px solid var(--bdc);
    width: calc(4/10*100%);
  }
  .con_form[data-t-type="kids_tiers"] .box_parts.box_adults {
    border-top: 1px solid var(--bdc);
    width: calc(6/10*100%);
  }
  .con_form[data-t-type="no_kids"] .box_parts.box_date {
    width: calc(6/10*100%);
  }
  .con_form[data-t-type="no_kids"] .box_parts.box_rooms {
    width: calc(4/10*100%);
  }
  .con_form[data-t-type="no_kids"] .box_parts.box_adults {
    width: 100%;
    border-top: 1px solid var(--bdc);
  }
  .con_form[data-type="yoyakuban"] .box_parts.box_date {
    width: calc(6/10*100%);
  }
  .con_form[data-type="yoyakuban"] .box_parts.box_nights {
    width: calc(4/10*100%);
  }
  .con_form[data-type="yoyakuban"] .box_parts.box_adults {
    width: calc(10/10*100%);
    border-top: 1px solid var(--bdc);
  }
}
@media only screen and (max-width: 1024px) and (max-width: 1024px) {
  .con_form[data-type="tripla"] .box_form:has(> .box_adults.is-active) .box_nights {
    width: calc(4/10*100%);
  }
}
@media only screen and (max-width: 1024px) {
  .con_form[data-t-type="default"] .box_parts.box_date {
    width: calc(10/10*100%);
  }
  .con_form[data-t-type="default"] .box_parts.box_nights {
    width: calc(5/10*100%) !important;
  }
  .con_form[data-t-type="default"] .box_parts.box_adults {
    width: calc(5/10*100%) !important;
  }
  .con_form[data-type="direct_in"] .box_parts.box_date {
    width: calc(4.5/10*100%);
  }
  .con_form[data-type="direct_in"] .box_parts.box_nights {
    width: calc(3/10*100%);
  }
  .con_form[data-type="direct_in"] .box_parts.box_adults {
    width: calc(2.5/10*100%);
  }
}
@media only screen and (max-width: 1024px) and (min-width: 768px) and (max-width: 1024px) {
  .con_form[data-type="direct_in"] .box_parts[data-t-type="kids_tiers"].box_adults {
    border-top: 0;
  }
}

.tmp_form_fkds {
  display: block;
  display: none;
  z-index: 900;
  position: absolute;
  width: 260px;
  top: 100%;
  left: 50%;
  background-color: #fff;
  box-shadow: 0 0 17.85px 3.15px rgba(0, 0, 0, 0.09);
  transform: translateX(-50%);
  line-height: 1.6;
}
.is-fkds-show .tmp_form_fkds {
  display: block;
}
.tmp_form_fkds .bw {
  width: 210px;
  margin-right: auto;
  margin-left: auto;
}
.tmp_form_fkds button {
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 100%;
  padding: 0;
  font-family: inherit;
  color: inherit;
}
.tmp_form_fkds button::-ms-expand {
  display: none;
}

.box_fkds ul {
  counter-reset: roo_cout;
}
.box_fkds li {
  border-bottom: 1px dashed #eeeeee;
  padding: .75em 0;
}
.box_fkds li.kids_tiers {
  padding: .6em 0;
}
.box_fkds li .roo_num::before {
  counter-increment: roo_cout;
  content: counter(roo_cout);
}
.box_fkds li .box_room_num {
  display: flex;
  align-items: center;
}
.box_fkds li .box_room_num .roo_num {
  font-size: 73%;
}
.box_fkds li .box_room_num .del {
  font-size: 56%;
  margin-left: 0.25em;
}
.box_fkds li .box_b {
  display: flex;
  align-items: flex-start;
}
.box_fkds li .box_b .box_label {
  width: 60%;
  display: flex;
  flex-wrap: wrap;
}
.box_fkds li .box_b .box_label .def {
  width: 100%;
}
.box_fkds li .box_b .box_label .tier {
  font-size: 73%;
  letter-spacing: 0;
}
.box_fkds li .box_b .box_label .note {
  font-size: 62%;
  letter-spacing: 0;
  color: #9d9d9d;
}
.box_fkds li .box_b .box_label .box_info {
  font-size: 128%;
  position: relative;
  margin-left: 1em;
  width: 1em;
  height: 1em;
}
.box_fkds li .box_b .box_label .box_info i {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.box_fkds li .box_b .box_label .box_info i::before {
  line-height: 1;
}
@keyframes fi {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.box_fkds li .box_b .box_label .box_info .box_kids_info {
  font-size: 57%;
  letter-spacing: 0.04em;
  line-height: calc(22/13);
  width: 220px;
  height: auto;
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  bottom: calc(100% + 1em);
  display: flex;
  align-items: center;
  top: auto;
  padding: 2em 1em;
  display: none;
}
.box_fkds li .box_b .box_label .box_info .box_kids_info .inner {
  overflow-y: auto;
}
.box_fkds li .box_b .box_label .box_info .box_kids_info::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 100%;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #959595 transparent transparent;
  border-width: 8.75px 5px 0;
  margin-right: auto;
  margin-left: auto;
}
.box_fkds li .box_b .box_label .box_info:hover .tmp_form_fkds {
  display: block;
  animation: .2s ease-in-out 0s 1 running fi;
}
.box_fkds li .box_b .btns {
  width: 40%;
  margin-right: 0;
  margin-left: auto;
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
.box_fkds li .box_b .btns button {
  font-size: 134%;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.box_fkds li .box_b .btns button::before {
  line-height: 1;
  font-family: "Ionicons";
}
.box_fkds li .box_b .btns button.inc::before {
  content: "\f48a";
}
.box_fkds li .box_b .btns button.dec::before {
  content: "\f463";
}
.box_fkds li .box_b .btns button.is-disabled {
  opacity: .5;
}
.box_fkds li .box_b .btns .num {
  font-family: 'Open Sans', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
  text-transform: uppercase;
  width: 2em;
  text-align: center;
}
.box_fkds li:first-child:last-child .box_room_num .del {
  display: none;
}
.box_fkds .btn_add {
  font-size: 84%;
  display: flex;
  margin-top: 10px;
  margin-bottom: 10px;
}
.box_fkds .btn_add i {
  margin-right: 0.5em;
}
.box_fkds .btn_ok {
  font-size: 89%;
  background-color: #575757;
  text-align: center;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
  height: 2.1875em;
}

@media only screen and (min-width: 768px) {
  .b_sogo .con_form.train + .con_rest_book {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .b_sogo .con_form.train + .con_rest_book {
    margin-top: 1em;
  }
}
@media only screen and (min-width: 768px) {
  .h_shima .con_form.train + .con_rest_book {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .h_shima .con_form.train + .con_rest_book {
    margin-top: 1em;
  }
}

.con_rest_book .txt01 {
  font-weight: bold;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .con_rest_book .txt01 {
    font-size: 100%;
  }
}
.con_rest_book .txt02 {
  text-align: center;
  margin-top: 1em;
}
@media only screen and (min-width: 768px) {
  .con_rest_book .txt02 {
    font-size: 84%;
  }
}
.b_hotel_sheraton .con_rest_book .txt01, .b_hotel_sheraton .con_rest_book .txt02 {
  color: #fff;
}
.con_rest_book .btn_book_rest {
  margin-right: auto;
  margin-left: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 545px;
  margin-top: 1.5em;
}
.con_rest_book .btn_book_rest a {
  width: 100%;
}
.ie .con_rest_book .btn_book_rest a {
  height: 50px;
}
.con_rest_book .btn_book_rest a svg {
  font-size: 89%;
  fill: #676c72;
  margin-left: 0.5em;
}

.box_rest_tel {
  font-size: 78%;
  line-height: 1.5;
  max-width: 450px;
  margin-right: 0;
  margin-left: auto;
  display: flex;
  justify-content: center;
  width: 50%;
}
@media only screen and (min-width: 1025px) {
  .box_rest_tel {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_rest_tel {
    margin-top: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .box_rest_tel {
    margin-top: 1em;
  }
}
.b_hotel_sheraton .box_rest_tel {
  color: #fff;
}
.box_rest_tel li:not(:first-child):not(.is-active) {
  display: none;
}
@media only screen and (max-width: 767px) {
  .box_rest_tel {
    text-align: center;
    width: 100%;
    max-width: none;
  }
}
.box_rest_tel .inner {
  width: 88.88889%;
}
.box_rest_tel .box_rest {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .box_rest_tel .box_rest {
    justify-content: center;
  }
}
.box_rest_tel .box_rest a, .box_rest_tel .box_rest .tel {
  font-size: 143%;
}
.b_hotel_sheraton .box_rest_tel .box_rest a, .b_hotel_sheraton .box_rest_tel .box_rest .tel {
  color: #fff;
}

.btn_rest_contact01 {
  max-width: 450px;
  width: 50%;
  margin-right: auto;
  margin-left: 0;
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  .btn_rest_contact01 {
    max-width: none;
    width: 100%;
    margin-top: 1em;
  }
}
.btn_rest_contact01 li:not(:first-child):not(.is-active) {
  display: none;
}
@media only screen and (min-width: 1025px) {
  .btn_rest_contact01 a {
    height: 60px;
  }
}
.btn_rest_contact01.is-contact-hidden {
  display: none !important;
}

@media only screen and (min-width: 1025px) {
  .box_rest_link_btns {
    width: 19.04762%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_rest_link_btns {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .box_rest_link_btns {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .box_rest_link_btns {
    max-width: none;
    width: 100%;
    margin-top: 1em;
  }
}
.box_rest_link_btns li a {
  padding: 1.55em 0;
  width: 100%;
  min-width: auto;
}
.box_rest_link_btns li:not(:first-child):not(.is-active) {
  display: none;
}

.box_form_sub {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}
@media only screen and (min-width: 1441px) {
  .box_form_sub {
    margin-top: 25px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .box_form_sub {
    margin-top: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_form_sub {
    margin-top: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .box_form_sub {
    margin-top: 2em;
  }
}
@media only screen and (max-width: 1024px) {
  .box_form_sub {
    flex-wrap: wrap;
    display: block;
  }
}
.box_form_sub .box_txt {
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  display: none;
}
@media only screen and (min-width: 1025px) {
  .box_form_sub .box_txt {
    margin: 0.5em 0 0.5em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_form_sub .box_txt {
    margin: 1em 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .box_form_sub .box_txt {
    margin: 2em 0 0;
  }
}
.box_form_sub .box_txt.is-active {
  display: flex;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_form_sub .box_txt {
    width: 100%;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .box_form_sub .box_txt > li {
    width: 100%;
  }
}
.box_form_sub .box_txt > li:not(:first-child) {
  margin-left: 2em;
}
@media only screen and (max-width: 767px) {
  .box_form_sub .box_txt > li:not(:first-child) {
    margin-left: 0;
  }
}
.box_form_sub .box_txt > li a {
  text-decoration: none !important;
}
.mouse .box_form_sub .box_txt > li a:hover, .touch .box_form_sub .box_txt > li a.touchstart {
  text-decoration: underline !important;
}
.touch .box_form_sub .box_txt > li a {
  -webkit-tap-highlight-color: transparent;
}
.touch .box_form_sub .box_txt > li a.touchend {
  transition-delay: 200ms;
}
.b_hotel_sheraton .box_form_sub .box_txt > li a {
  color: #fff;
}
.b_resort_shima .box_form_sub .box_txt > li a {
  letter-spacing: 0.06em;
}
@media only screen and (max-width: 767px) {
  .box_form_sub .box_txt > li a {
    display: block;
    width: 100%;
    text-align: center;
  }
}
.box_form_sub .box_txt > li a + .inner {
  font-size: 89%;
}
@media only screen and (max-width: 767px) {
  .box_form_sub .box_txt > li a + .inner {
    display: flex;
    justify-content: center;
  }
}
.box_form_sub .box_txt > li a + .inner li {
  line-height: 1.5;
}
.box_form_sub .box_txt > li a + .inner li a {
  display: flex;
  align-items: center;
  letter-spacing: 0;
}
.box_form_sub .box_txt > li a + .inner li a::before {
  content: "L ";
  display: block;
  margin-right: 0.5em;
  margin-left: 0.5em;
}
.box_form_sub .box_btn {
  display: flex;
  flex-wrap: wrap;
  margin-right: 0;
  margin-left: auto;
  width: 45.63492%;
}
@media only screen and (min-width: 1025px) {
  .b_resort_shima .box_form_sub .box_btn {
    width: 49.60317%;
  }
}
.box_form_sub .box_btn ~ .box_txt {
  width: auto;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_form_sub .box_btn {
    width: 100%;
    max-width: 575px;
    margin-right: auto;
    margin-left: auto;
  }
  .b_resort_shima .box_form_sub .box_btn {
    max-width: 625px;
  }
}
@media only screen and (max-width: 767px) {
  .box_form_sub .box_btn {
    width: 100%;
  }
}
.b_resort_shima .box_form_sub .box_btn li a {
  padding-right: 0.5em;
  padding-left: 0.5em;
}
@media only screen and (min-width: 768px) {
  .box_form_sub .box_btn li {
    width: 48.69565%;
  }
  .box_form_sub .box_btn li:nth-child(even) {
    margin-left: 2.6087%;
  }
  .box_form_sub .box_btn li:nth-child(n+3) {
    margin-top: 2.6087%;
  }
}
@media only screen and (max-width: 767px) {
  .box_form_sub .box_btn li {
    width: 88.70968%;
    margin-right: auto;
    margin-left: auto;
  }
  .box_form_sub .box_btn li:nth-child(n+2) {
    margin-top: 0.5em;
  }
}

form[data-rsv-type="tablecheck"] [data-hide="tablecheck"] {
  display: none !important;
}
form[data-rsv-type="tablecheck"] [data-show="link"] {
  display: none !important;
}
form[data-rsv-type="tablecheck"] [data-show="tel"] {
  display: none !important;
}

form[data-rsv-type="link"] [data-hide="link"] {
  display: none !important;
}
form[data-rsv-type="link"] [data-show="tablecheck"] {
  display: none !important;
}
form[data-rsv-type="link"] [data-show="tel"] {
  display: none !important;
}
form[data-rsv-type="link"] .box_rest_tel {
  width: 39.68254%;
  max-width: none;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 1025px) {
  form[data-rsv-type="link"] .box_rest_tel {
    margin-top: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  form[data-rsv-type="link"] .box_rest_tel {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  form[data-rsv-type="link"] .box_rest_tel {
    width: 100%;
  }
}
form[data-rsv-type="link"] .box_rest_link_btns {
  order: 1;
}
form[data-rsv-type="link"] .box_rest_tel {
  order: 2;
}
form[data-rsv-type="link"] .btn_rest_contact01 {
  order: 3;
  margin-right: auto;
  margin-left: auto;
}

form[data-rsv-type="tel"] [data-hide="tel"] {
  display: none !important;
}
form[data-rsv-type="tel"] [data-show="tablecheck"] {
  display: none !important;
}
form[data-rsv-type="tel"] [data-show="link"] {
  display: none !important;
}
form[data-rsv-type="tel"] .box_rest_tel {
  width: 39.68254%;
  max-width: none;
  order: 2;
  margin-left: 0;
}
@media only screen and (min-width: 1025px) {
  form[data-rsv-type="tel"] .box_rest_tel {
    margin-top: 0;
  }
}
@media only screen and (max-width: 1024px) {
  form[data-rsv-type="tel"] .box_rest_tel {
    text-align: center;
    width: 100%;
  }
  form[data-rsv-type="tel"] .box_rest_tel p {
    width: 100%;
  }
}
form[data-rsv-type="tel"] .btn_rsv {
  order: 3;
}
form[data-rsv-type="tel"] .btn_rsv.is-contact-hidden {
  display: none !important;
}

.box_ie_sorry {
  font-size: 78%;
  line-height: 2.14286;
  text-align: center;
  margin-top: 2.5em;
  margin-bottom: 2.5em;
}
.box_ie_sorry.view_ie {
  display: none;
}
.ie .box_ie_sorry.view_ie {
  display: block;
}
@media only screen and (max-width: 767px) {
  .box_ie_sorry {
    text-align: left;
  }
}

.box_form_tel {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .box_form_tel {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .box_form_tel {
    margin-top: 2em;
  }
}
.box_form_tel .st_rsv {
  margin-right: 1em;
}
@media only screen and (min-width: 768px) {
  .box_form_tel .st_rsv {
    font-size: 89%;
  }
}
@media only screen and (max-width: 767px) {
  .box_form_tel .st_rsv {
    margin-right: 0;
  }
}
.box_form_tel .txt_tel {
  font-size: 139%;
  font-family: 'Open Sans', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
  text-transform: uppercase;
  display: flex;
  align-items: center;
}
.box_form_tel .txt_tel a, .box_form_tel .txt_tel .tel {
  display: flex;
  align-items: center;
}
.box_form_tel .txt_tel a .ic_free, .box_form_tel .txt_tel .tel .ic_free {
  background: url(../images/footer/ic_free.png) no-repeat center/cover;
  display: flex;
  align-items: center;
  width: 42px;
  margin-right: 1em;
  max-width: 42px;
}
@media only screen and (max-width: 767px) {
  .box_form_tel .txt_tel a .ic_free, .box_form_tel .txt_tel .tel .ic_free {
    margin-right: .5em;
    width: 2em;
  }
}
.box_form_tel .txt_tel a .ic_free::after, .box_form_tel .txt_tel .tel .ic_free::after {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 50%;
}
.box_form_tel .txt_openh {
  font-size: 89%;
  margin-right: 1em;
  margin-left: 1em;
}
@media only screen and (max-width: 767px) {
  .box_form_tel .txt_openh {
    margin-right: 0;
    margin-left: 0;
  }
}

.safari .con_form .box_form .box_parts select, .safari .con_form .box_form .box_parts .flatpickr-toggle {
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.safari .con_form .box_form .box_parts select::-ms-expand, .safari .con_form .box_form .box_parts .flatpickr-toggle::-ms-expand {
  display: none;
}

.con_caution_txt {
  display: none;
  position: relative;
  font-weight: bold;
}
@media only screen and (min-width: 768px) {
  .con_caution_txt {
    margin-top: 1em;
  }
}
@media only screen and (max-width: 767px) {
  .con_caution_txt {
    margin-top: 0.5em;
  }
}
@media only screen and (min-width: 1025px) {
  .con_caution_txt {
    padding-left: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_caution_txt {
    padding-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_caution_txt {
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) {
  .con_caution_txt {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_caution_txt {
    font-size: 1.25rem;
  }
}
@media only screen and (max-width: 1024px) {
  .con_caution_txt {
    text-align: center;
  }
}
.con_caution_txt::before {
  content: "※";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
@media only screen and (max-width: 1024px) {
  .con_caution_txt::before {
    display: none;
  }
}

.js-stay-form:has(.js-stay-rsv-key[value="bayside-terrace-1"]) .con_caution_txt, .js-stay-form:has(.js-stay-code[value="afe5020b844bb065cef306ed120fc7fc"]) .con_caution_txt {
  display: block;
}
.js-stay-form:has(.js-stay-rsv-key[value="bayside-terrace-1"]) ~ .con_caution_txt, .js-stay-form:has(.js-stay-code[value="afe5020b844bb065cef306ed120fc7fc"]) ~ .con_caution_txt {
  display: block;
}

.con_fvbn {
  opacity: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: 1000px;
  width: 60%;
  z-index: 1000;
  height: 60px;
}
@media only screen and (max-width: 1024px) {
  .con_fvbn {
    display: none;
  }
}
.con_fvbn > * {
  height: 100%;
}
.con_fvbn.restaurant {
  max-width: 900px;
}
@media only screen and (min-width: 1025px) and (max-width: 1259px) {
  .con_fvbn.restaurant {
    width: 70%;
  }
  .b_tp_universal .con_fvbn.restaurant {
    width: 60%;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1259px) {
  .con_fvbn:not(.restaurant) {
    width: 70%;
  }
}
.b_tp_universal.lower .con_fvbn {
  position: relative;
  margin-right: 0;
  margin-left: auto;
}

.con_fvbn_form {
  background-color: #fff;
  display: flex;
  height: 100%;
  align-items: center;
}

.box_fvbn_form {
  width: 100%;
  display: flex;
  height: 100%;
}
.box_fvbn_form .box_parts {
  height: 100%;
  position: relative;
  border-left: 1px solid #eeeeee;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.box_fvbn_form .box_parts .inner {
  width: calc(100% - 2.5em);
  margin-right: auto;
  margin-left: auto;
  height: 100%;
  display: flex;
  align-items: center;
}
.box_fvbn_form .box_parts .box_num {
  display: flex;
  align-items: flex-end;
  width: 100%;
}
.box_fvbn_form .box_parts .box_num .num, .box_fvbn_form .box_parts .box_num .name {
  font-size: 100%;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: 'Open Sans', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
  text-transform: uppercase;
  text-transform: none;
  text-decoration: underline;
  letter-spacing: 0.08em;
  line-height: 1.2;
  width: auto;
  display: block;
  max-width: 8em;
}
.box_fvbn_form .box_parts .box_num .num::-ms-expand, .box_fvbn_form .box_parts .box_num .name::-ms-expand {
  display: none;
}
.box_fvbn_form .box_parts .box_num .num .ph, .box_fvbn_form .box_parts .box_num .name .ph {
  font-size: 73%;
  text-decoration: none;
}
.box_fvbn_form .box_parts .box_num.box_n {
  align-items: center;
}
.box_fvbn_form .box_parts .box_num.box_n .name {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "MS Ｐゴシック", "MS PGothic", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
  font-size: 73%;
  max-width: calc(100% - 35px);
}
.box_fvbn_form .box_parts .box_num .unit {
  margin-left: 0;
  margin-right: auto;
  line-height: 1;
  margin-left: 1em;
}
@media only screen and (min-width: 768px) {
  .box_fvbn_form .box_parts .box_num .unit {
    font-size: 84%;
  }
}
@media only screen and (max-width: 767px) {
  .box_fvbn_form .box_parts .box_num .unit {
    font-size: 78%;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .box_fvbn_form .box_parts .box_num .unit {
    margin-left: .5em;
  }
}
.box_fvbn_form .box_parts .box_num i {
  width: 26px;
  height: 26px;
  margin-left: auto;
  margin-right: 0;
  background-color: #e8f1ed;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .box_fvbn_form .box_parts .box_num i {
    width: 20px;
    height: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .box_fvbn_form .box_parts .box_num i {
    width: 1.25em;
    height: 1.25em;
  }
}
.box_fvbn_form .box_parts .box_num i::after {
  content: "\f3d0";
  font-family: "Ionicons";
}
.box_fvbn_form .box_parts select, .box_fvbn_form .box_parts .flatpickr-toggle {
  width: 100%;
  opacity: 0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  cursor: pointer;
}
.box_fvbn_form .box_parts.box_date .flatpickr_input {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.box_fvbn_form .box_parts.box_date {
  width: 32%;
}
.box_fvbn_form .box_parts.box_name {
  width: 32%;
}
.box_fvbn_form .box_parts.box_nights {
  width: 24.5%;
}
.box_fvbn_form .box_parts.box_adults {
  width: 23.5%;
}
.box_fvbn_form .btn_rsv {
  border-color: #c9ded3;
  margin-right: 0;
  margin-left: auto;
  min-width: auto;
}
.b_city .box_fvbn_form .btn_rsv {
  border: auto;
  border-left: 1px solid #c6c6c6;
}
@media only screen and (min-width: 1025px) {
  .box_fvbn_form .btn_rsv {
    width: 20%;
  }
}
.box_fvbn_form .btn_rsv a {
  font-size: 78%;
  min-height: auto;
  padding: 1em 0;
}
@media only screen and (min-width: 1025px) and (max-width: 1259px) {
  .box_fvbn_form.restaurant .box_parts .inner {
    width: calc(100% - 1.5em);
  }
}
.box_fvbn_form.restaurant .box_name {
  width: 40%;
}
.box_fvbn_form.restaurant .box_rest_form {
  width: 60%;
  display: flex;
}
.box_fvbn_form.restaurant .box_rest_form .box_adults {
  width: 28.20513%;
}
.box_fvbn_form.restaurant .box_rest_form .box_date {
  width: 37.60684%;
}
.box_fvbn_form.restaurant .box_rest_form .btn_rsv {
  width: 34.18803%;
}
.box_fvbn_form.restaurant .box_rest_contact {
  display: none;
  width: 65%;
}
.box_fvbn_form.restaurant .box_rest_contact.is-active {
  display: flex;
}
.box_fvbn_form.restaurant .box_rest_contact.is-active ~ .box_rest_form {
  display: none;
}
.box_fvbn_form.restaurant .box_rest_contact .wrp_tel {
  line-height: 1.5;
  width: 74.35897%;
  padding: 0 1em;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  border-left: 1px solid #eeeeee;
}
.box_fvbn_form.restaurant .box_rest_contact .wrp_tel > .inner {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}
.box_fvbn_form.restaurant .box_rest_contact .wrp_tel .txt_tel {
  font-size: 112%;
  font-family: 'Open Sans', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
  text-transform: uppercase;
  margin-right: 0.5em;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .box_fvbn_form.restaurant .box_rest_contact .wrp_tel .txt_tel {
    width: 100%;
  }
}
.box_fvbn_form.restaurant .box_rest_contact .wrp_tel .txt_tel .ic_tel {
  display: flex;
  align-items: center;
  max-width: 1.5em;
  margin-right: 0.5em;
}
.box_fvbn_form.restaurant .box_rest_contact .wrp_tel .txt_tel a, .box_fvbn_form.restaurant .box_rest_contact .wrp_tel .txt_tel .tel {
  letter-spacing: 0;
  line-height: 1;
  display: block;
}
.box_fvbn_form.restaurant .box_rest_contact .wrp_tel .txt_sub {
  font-size: 73%;
  letter-spacing: 0.06em;
  display: block;
  line-height: 1;
  margin-top: 0.1em;
  margin-bottom: 0.1em;
}
.box_fvbn_form.restaurant .box_rest_contact .btn_rsv {
  width: 25.64103%;
}

.b_resort_shima .con_fvbn {
  max-width: 1100px;
  width: 75%;
}
.con_fvbn .box_fvbn_form {
  --parent: 30;
}
.b_resort_shima .con_fvbn .box_fvbn_form .box_parts.box_hotels {
  --target: 8;
  width: calc(var(--target) / var(--parent) * 100%);
}
@media only screen and (min-width: 1025px) and (max-width: 1259px) {
  .b_resort_shima .con_fvbn .box_fvbn_form .box_parts.box_hotels .box_parts .inner {
    width: calc(100% - 1.5em);
  }
}
.b_resort_shima .con_fvbn .box_fvbn_form .box_parts.box_date {
  --target: 7;
  width: calc(var(--target) / var(--parent) * 100%);
}
@media only screen and (min-width: 1025px) and (max-width: 1259px) {
  .b_resort_shima .con_fvbn .box_fvbn_form .box_parts.box_date .box_parts .inner {
    width: calc(100% - 1.5em);
  }
}
.b_resort_shima .con_fvbn .box_fvbn_form .box_parts.box_nights {
  --target: 5;
  width: calc(var(--target) / var(--parent) * 100%);
}
@media only screen and (min-width: 1025px) and (max-width: 1259px) {
  .b_resort_shima .con_fvbn .box_fvbn_form .box_parts.box_nights .box_parts .inner {
    width: calc(100% - 1.5em);
  }
}
.b_resort_shima .con_fvbn .box_fvbn_form .box_parts.box_adults {
  --target: 5;
  width: calc(var(--target) / var(--parent) * 100%);
}
@media only screen and (min-width: 1025px) and (max-width: 1259px) {
  .b_resort_shima .con_fvbn .box_fvbn_form .box_parts.box_adults .box_parts .inner {
    width: calc(100% - 1.5em);
  }
}
.b_resort_shima .con_fvbn .box_fvbn_form .btn_rsv {
  --target: 5;
  width: calc(var(--target) / var(--parent) * 100%);
}
@media only screen and (min-width: 1025px) and (max-width: 1259px) {
  .b_resort_shima .con_fvbn .box_fvbn_form .btn_rsv .box_parts .inner {
    width: calc(100% - 1.5em);
  }
}
.b_resort_shima .con_fvbn.restaurant {
  max-width: 900px;
}
@media only screen and (min-width: 1025px) and (max-width: 1259px) {
  .b_resort_shima .con_fvbn.restaurant {
    width: 70%;
  }
}
.b_resort_shima .con_fvbn.restaurant .box_fvbn_form .box_parts.box_date {
  --target: 12;
}
.b_resort_shima .con_fvbn.restaurant .box_fvbn_form .box_parts.box_adults {
  --target: 8;
}
.b_resort_shima .con_fvbn.restaurant .box_fvbn_form .btn_rsv {
  --target: 10;
}

.b_tp_universal .box_fvbn_form {
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
}
.b_hotel_marriott .box_fvbn_form .box_parts {
  border-left-color: #e3e1de;
}
.b_hotel .box_fvbn_form .box_parts .box_num i {
  background-color: #e3dcec;
}
.b_hotel_sheraton .box_fvbn_form .box_parts .box_num i {
  background-color: #efeae4;
}
.b_hotel_marriott .box_fvbn_form .box_parts .box_num i {
  background-color: #e3e1db;
}
.b_city .box_fvbn_form .box_parts .box_num i {
  background-color: #eaf6f6;
}
.b_tp_universal .box_fvbn_form .box_parts .box_num i {
  background-color: #e7e6eb;
}
.b_resort_shima .box_fvbn_form .box_parts .box_num i {
  background-color: #e7e6eb;
}
.b_resort .box_fvbn_form .box_parts .box_num i {
  background-color: #faedd2;
}
.box_fvbn_form .btn_rsv {
  border-color: #c9ded3;
}
.box_fvbn_form .btn_rsv a {
  width: 100%;
  min-width: auto;
}
.b_hotel .box_fvbn_form .btn_rsv {
  border-color: #8a6ba7;
}
.b_hotel_sheraton .box_fvbn_form .btn_rsv {
  border-color: #3a3a3a;
}
.b_hotel_marriott .box_fvbn_form .btn_rsv {
  border-color: #3a3a3a;
}
.b_tp_universal .box_fvbn_form .btn_rsv {
  border-color: #c3c3cb;
}
.b_city .box_fvbn_form .btn_rsv {
  border: none;
  border-left: 1px solid #c6c6c6;
}
.b_hotel .box_fvbn_form .btn_rsv a {
  border-color: #8a6ba7;
}
.b_hotel_sheraton .box_fvbn_form .btn_rsv a {
  background-color: #3a3a3a;
}
.b_hotel_marriott .box_fvbn_form .btn_rsv a {
  background-color: #a0072b;
  color: #fff;
}
.b_resort .box_fvbn_form .btn_rsv a {
  background-color: #e6a51e;
  color: #fff;
}

.con_fvbn.contact {
  max-width: 695px;
  width: 50%;
}
.con_fvbn.contact .wrp_tel {
  line-height: 1.5;
  width: 71.22302%;
  padding: 0 1em;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.con_fvbn.contact .wrp_tel > .inner {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}
.con_fvbn.contact .wrp_tel .txt_free {
  font-size: 78%;
  width: 100%;
  display: block;
}
.con_fvbn.contact .wrp_tel .txt_tel {
  font-size: 112%;
  font-family: 'Open Sans', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
  text-transform: uppercase;
  margin-right: 0.5em;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_fvbn.contact .wrp_tel .txt_tel {
    width: 100%;
  }
}
.con_fvbn.contact .wrp_tel .txt_tel .ic_tel {
  display: flex;
  align-items: center;
  max-width: 1.5em;
  margin-right: 0.5em;
}
.con_fvbn.contact .wrp_tel .txt_tel a, .con_fvbn.contact .wrp_tel .txt_tel .tel {
  line-height: 1;
  display: block;
}
.con_fvbn.contact .wrp_tel .txt_sub {
  font-size: 78%;
  letter-spacing: 0.06em;
  display: block;
}
.con_fvbn.contact .btn_rsv {
  width: 28.77698%;
}

#contents {
  opacity: 1;
}

.mouse .over {
  transition: opacity 0.3s ease-in;
}
.mouse .over:hover, .touch .over.touchstart {
  opacity: 0.7;
}
.touch .over {
  -webkit-tap-highlight-color: transparent;
}
.touch .over.touchend {
  transition-delay: 200ms;
}

#abi_page {
  width: 100%;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  #abi_page {
    font-size: 100% !important;
  }
}

#contents {
  z-index: 1;
  position: relative;
}

.f_num {
  font-family: serif;
  letter-spacing: 0.06em;
}

.f_jp_title {
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", "MS Ｐゴシック", "MS PGothic", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
  letter-spacing: 0.16em;
}

.f_en {
  font-family: 'Open Sans', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
  text-transform: uppercase;
}

.f_sub {
  font-size: 78%;
  line-height: 2.14286;
}

.js-tab-pan > *:not(:first-child), .js-tab2-pan > *:not(:first-child) {
  display: none;
}

.lazysizes_animation {
  transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) opacity 1s, 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) transform 1s;
}
.lazysizes_animation.lazyload {
  transform: translateY(35px);
  opacity: 0;
}
@media only screen and (max-width: 767px) {
  .lazysizes_animation.lazyload {
    transform: translateY(1em);
  }
}
.lazysizes_animation.lazyloaded {
  transform: translateY(0);
  opacity: 1;
}

.js-wrp-slider, .js-wrp-slider-lower {
  position: relative;
}
.js-wrp-slider .slick_ctrl .box_l, .js-wrp-slider-lower .slick_ctrl .box_l {
  position: absolute;
}
@media only screen and (min-width: 768px) {
  .js-wrp-slider .slick_ctrl .box_l, .js-wrp-slider-lower .slick_ctrl .box_l {
    left: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .js-wrp-slider .slick_ctrl .box_l, .js-wrp-slider-lower .slick_ctrl .box_l {
    left: 1.5em;
  }
}
@media only screen and (min-width: 768px) {
  .js-wrp-slider .slick_ctrl .box_l, .js-wrp-slider-lower .slick_ctrl .box_l {
    top: 55px;
  }
}
@media only screen and (max-width: 767px) {
  .js-wrp-slider .slick_ctrl .box_l, .js-wrp-slider-lower .slick_ctrl .box_l {
    top: 1.5em;
  }
}
.js-wrp-slider .slick_ctrl .box_r, .js-wrp-slider-lower .slick_ctrl .box_r {
  position: absolute;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .js-wrp-slider .slick_ctrl .box_r, .js-wrp-slider-lower .slick_ctrl .box_r {
    right: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .js-wrp-slider .slick_ctrl .box_r, .js-wrp-slider-lower .slick_ctrl .box_r {
    right: 1.5em;
  }
}
@media only screen and (min-width: 768px) {
  .js-wrp-slider .slick_ctrl .box_r, .js-wrp-slider-lower .slick_ctrl .box_r {
    top: 55px;
  }
}
@media only screen and (max-width: 767px) {
  .js-wrp-slider .slick_ctrl .box_r, .js-wrp-slider-lower .slick_ctrl .box_r {
    top: 1.5em;
  }
}
.js-wrp-slider .slick_ctrl .count, .js-wrp-slider-lower .slick_ctrl .count {
  font-family: 'Open Sans', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
  text-transform: uppercase;
  font-size: 56%;
  display: flex;
  color: #fff;
  align-items: center;
  letter-spacing: 0.5em;
}
.js-wrp-slider .slick_ctrl .count span, .js-wrp-slider-lower .slick_ctrl .count span {
  display: block;
}
.js-wrp-slider .slick_ctrl .arr_prev, .js-wrp-slider .slick_ctrl .arr_next, .js-wrp-slider-lower .slick_ctrl .arr_prev, .js-wrp-slider-lower .slick_ctrl .arr_next {
  margin-left: 10px;
  cursor: pointer;
}
@media only screen and (min-width: 768px) {
  .js-wrp-slider .slick_ctrl .arr_prev, .js-wrp-slider .slick_ctrl .arr_next, .js-wrp-slider-lower .slick_ctrl .arr_prev, .js-wrp-slider-lower .slick_ctrl .arr_next {
    width: 38px;
  }
}
@media only screen and (max-width: 767px) {
  .js-wrp-slider .slick_ctrl .arr_prev, .js-wrp-slider .slick_ctrl .arr_next, .js-wrp-slider-lower .slick_ctrl .arr_prev, .js-wrp-slider-lower .slick_ctrl .arr_next {
    width: 1.5em;
  }
}
.mouse .js-wrp-slider .slick_ctrl .arr_prev, .mouse .js-wrp-slider .slick_ctrl .arr_next, .mouse .js-wrp-slider-lower .slick_ctrl .arr_prev, .mouse .js-wrp-slider-lower .slick_ctrl .arr_next {
  transition: opacity 0.3s ease-in;
}
.mouse .js-wrp-slider .slick_ctrl .arr_prev:hover, .touch .js-wrp-slider .slick_ctrl .arr_prev.touchstart, .mouse .js-wrp-slider .slick_ctrl .arr_next:hover, .touch .js-wrp-slider .slick_ctrl .arr_next.touchstart, .mouse .js-wrp-slider-lower .slick_ctrl .arr_prev:hover, .touch .js-wrp-slider-lower .slick_ctrl .arr_prev.touchstart, .mouse .js-wrp-slider-lower .slick_ctrl .arr_next:hover, .touch .js-wrp-slider-lower .slick_ctrl .arr_next.touchstart {
  opacity: 0.7;
}
.touch .js-wrp-slider .slick_ctrl .arr_prev, .touch .js-wrp-slider .slick_ctrl .arr_next, .touch .js-wrp-slider-lower .slick_ctrl .arr_prev, .touch .js-wrp-slider-lower .slick_ctrl .arr_next {
  -webkit-tap-highlight-color: transparent;
}
.touch .js-wrp-slider .slick_ctrl .arr_prev.touchend, .touch .js-wrp-slider .slick_ctrl .arr_next.touchend, .touch .js-wrp-slider-lower .slick_ctrl .arr_prev.touchend, .touch .js-wrp-slider-lower .slick_ctrl .arr_next.touchend {
  transition-delay: 200ms;
}
.js-wrp-slider .slick_ctrl .arr_prev::after, .js-wrp-slider .slick_ctrl .arr_next::after, .js-wrp-slider-lower .slick_ctrl .arr_prev::after, .js-wrp-slider-lower .slick_ctrl .arr_next::after {
  background: url(../images/common/btn_arr.svg) no-repeat center top/cover;
  content: "";
  display: block;
  padding-bottom: 55.26316%;
}
.js-wrp-slider .slick_ctrl .arr_prev, .js-wrp-slider-lower .slick_ctrl .arr_prev {
  margin-left: 0;
  margin-right: 10px;
}
.js-wrp-slider .slick_ctrl .arr_prev::after, .js-wrp-slider-lower .slick_ctrl .arr_prev::after {
  transform: scaleX(-1);
}
.js-wrp-slider .slick_ctrl.arrtype_black .count, .js-wrp-slider-lower .slick_ctrl.arrtype_black .count {
  color: black;
}
.js-wrp-slider .slick_ctrl.arrtype_black .arr_prev::after, .js-wrp-slider .slick_ctrl.arrtype_black .arr_next::after, .js-wrp-slider-lower .slick_ctrl.arrtype_black .arr_prev::after, .js-wrp-slider-lower .slick_ctrl.arrtype_black .arr_next::after {
  background: url(../images/common/btn_arr_black.svg) no-repeat center top/cover;
}
@media only screen and (min-width: 1025px) {
  .js-wrp-slider .slick_ctrl.arrtype_outside .count, .js-wrp-slider-lower .slick_ctrl.arrtype_outside .count {
    color: black;
  }
  .js-wrp-slider .slick_ctrl.arrtype_outside .box_l, .js-wrp-slider-lower .slick_ctrl.arrtype_outside .box_l {
    left: 0;
    top: 0;
  }
  .js-wrp-slider .slick_ctrl.arrtype_outside .box_r, .js-wrp-slider-lower .slick_ctrl.arrtype_outside .box_r {
    right: 0;
    top: 0;
  }
  .js-wrp-slider .slick_ctrl.arrtype_outside .arr_prev::after, .js-wrp-slider .slick_ctrl.arrtype_outside .arr_next::after, .js-wrp-slider-lower .slick_ctrl.arrtype_outside .arr_prev::after, .js-wrp-slider-lower .slick_ctrl.arrtype_outside .arr_next::after {
    background: url(../images/common/btn_arr_black.svg) no-repeat center top/cover;
  }
}

.tmp_fade_slider > .slide:not(:first-child) {
  display: none;
}

.tmp_text_slide {
  max-width: 1480px;
  width: 100%;
}
@media only screen and (min-width: 1025px) {
  .tmp_text_slide {
    display: flex !important;
    align-items: flex-end;
    justify-content: center;
  }
}
@media only screen and (min-width: 1025px) {
  .tmp_text_slide .box_s_main {
    max-width: 1180px;
    width: calc(100% - 150px - 150px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1440px) {
  .tmp_text_slide .box_s_main {
    width: calc(100% - 120px - 120px);
  }
}

.tmp_text_slide .box_s_text {
  line-height: 2.8;
}
@media only screen and (min-width: 1025px) {
  .tmp_text_slide .box_s_text {
    font-size: 67%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_text_slide .box_s_text {
    font-size: 84%;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_text_slide .box_s_text {
    font-size: 78%;
  }
}
@media only screen and (min-width: 1441px) {
  .tmp_text_slide .box_s_text {
    width: 150px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .tmp_text_slide .box_s_text {
    width: 120px;
  }
}
.tmp_text_slide .box_s_text .inner {
  letter-spacing: 0;
}
@media only screen and (min-width: 1025px) {
  .tmp_text_slide .box_s_text .inner {
    margin-right: 0;
    width: calc(100% - 2em);
    margin-left: auto;
  }
  .tmp_text_slide .box_s_text .inner .place {
    margin-top: 1.5em;
  }
  .tmp_text_slide .box_s_text .inner .area {
    margin-bottom: -0.5em;
  }
}
@media only screen and (max-width: 1024px) {
  .tmp_text_slide .box_s_text .inner {
    display: flex;
    flex-wrap: wrap;
  }
  .tmp_text_slide .box_s_text .inner .txt {
    width: 100%;
    margin-top: 1em;
  }
  .tmp_text_slide .box_s_text .inner .area::before {
    content: "-";
    margin-right: 1em;
    margin-left: 1em;
  }
}

.box_room_pager {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) {
  .box_room_pager {
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .box_room_pager {
    justify-content: space-between;
  }
}
.box_room_pager .btn a {
  display: block;
  text-decoration: none;
}
.mouse .box_room_pager .btn a {
  transition: opacity 0.3s ease-in;
}
.mouse .box_room_pager .btn a:hover, .touch .box_room_pager .btn a.touchstart {
  opacity: 0.7;
}
.touch .box_room_pager .btn a {
  -webkit-tap-highlight-color: transparent;
}
.touch .box_room_pager .btn a.touchend {
  transition-delay: 200ms;
}
@media only screen and (max-width: 767px) {
  .box_room_pager .btn.top {
    order: 1;
    margin-bottom: 2em;
  }
}
@media only screen and (min-width: 768px) {
  .box_room_pager .btn.top {
    width: 49.34211%;
  }
}
@media only screen and (max-width: 767px) {
  .box_room_pager .btn.top {
    width: 100%;
  }
}
.box_room_pager .btn.top a {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 768px) {
  .box_room_pager .btn.top a {
    width: 66.66667%;
  }
}
@media only screen and (max-width: 767px) {
  .box_room_pager .btn.top a {
    width: 85%;
  }
}
.box_room_pager .btn.top a > span {
  max-width: 492px;
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.box_room_pager .btn.top a .jp {
  font-size: 167%;
  letter-spacing: .2em;
  text-align: center;
}
.box_room_pager .btn.next, .box_room_pager .btn.prev {
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .box_room_pager .btn.next, .box_room_pager .btn.prev {
    width: 25.32895%;
  }
}
@media only screen and (max-width: 767px) {
  .box_room_pager .btn.next, .box_room_pager .btn.prev {
    width: 45%;
  }
}
.box_room_pager .btn.next a, .box_room_pager .btn.prev a {
  display: flex;
  align-items: center;
  line-height: 1;
  justify-content: center;
  padding: .5em 0;
  word-break: break-all;
}
@media only screen and (min-width: 768px) {
  .box_room_pager .btn.next a, .box_room_pager .btn.prev a {
    font-size: 84%;
  }
}
@media only screen and (max-width: 767px) {
  .box_room_pager .btn.next a, .box_room_pager .btn.prev a {
    font-size: 89%;
  }
}
.box_room_pager .btn.next a > span, .box_room_pager .btn.prev a > span {
  display: block;
}
@media only screen and (min-width: 768px) {
  .box_room_pager .btn.next a > span, .box_room_pager .btn.prev a > span {
    width: calc(100% - 1.5em);
  }
}
@media only screen and (max-width: 767px) {
  .box_room_pager .btn.next a > span, .box_room_pager .btn.prev a > span {
    width: calc(100% - 2em);
  }
}
@media only screen and (max-width: 767px) {
  .box_room_pager .btn.next {
    order: 3;
  }
}
@media only screen and (min-width: 768px) {
  .box_room_pager .btn.next a > span {
    text-align: left;
  }
}
@media only screen and (max-width: 767px) {
  .box_room_pager .btn.next a > span {
    text-align: center;
  }
}
.box_room_pager .btn.next a::before {
  font-size: 214%;
  content: ">>";
  padding-right: .5em;
  letter-spacing: 0;
}
@media only screen and (min-width: 768px) {
  .box_room_pager .btn.next a::before {
    width: 1.5em;
  }
}
@media only screen and (max-width: 767px) {
  .box_room_pager .btn.next a::before {
    width: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .box_room_pager .btn.next a::before {
    font-size: 172%;
  }
}
@media only screen and (max-width: 767px) {
  .box_room_pager .btn.prev {
    order: 2;
  }
}
@media only screen and (min-width: 768px) {
  .box_room_pager .btn.prev a > span {
    text-align: right;
  }
}
@media only screen and (max-width: 767px) {
  .box_room_pager .btn.prev a > span {
    text-align: center;
  }
}
.box_room_pager .btn.prev a::after {
  font-size: 214%;
  content: "<<";
  padding-left: .5em;
  letter-spacing: 0;
}
@media only screen and (min-width: 768px) {
  .box_room_pager .btn.prev a::after {
    width: 1.5em;
  }
}
@media only screen and (max-width: 767px) {
  .box_room_pager .btn.prev a::after {
    width: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .box_room_pager .btn.prev a::after {
    font-size: 172%;
  }
}

.wrp_reco {
  max-width: 1720px;
  position: relative;
}
@media only screen and (min-width: 1025px) {
  .wrp_reco {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_reco {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_reco {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}

.con_reco {
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 768px) {
  .con_reco {
    padding-bottom: 110px;
  }
}
@media only screen and (max-width: 767px) {
  .con_reco {
    padding-bottom: 4em;
  }
}
.con_reco .reco_st {
  font-size: 100%;
  text-align: center;
  letter-spacing: .4em;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .con_reco .box_reco {
    padding-top: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .con_reco .box_reco {
    padding-top: 2em;
  }
}
@media only screen and (min-width: 768px) {
  .con_reco .box_reco {
    display: flex;
  }
}
@media only screen and (min-width: 1441px) {
  .con_reco .box_reco .box_img {
    width: 49.4186%;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_reco .box_reco .box_img {
    width: 50%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_reco .box_reco .box_img {
    width: 45%;
  }
}
@media only screen and (max-width: 767px) {
  .con_reco .box_reco .box_img {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_reco .box_reco .box_img {
    margin-bottom: 2em;
  }
}
.con_reco .box_reco .box_img .img {
  margin-right: 0;
  margin-left: auto;
}
@media only screen and (min-width: 1441px) {
  .con_reco .box_reco .box_img .img {
    width: 78%;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_reco .box_reco .box_img .img {
    width: 80%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_reco .box_reco .box_img .img {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_reco .box_reco .box_img .img {
    width: 100%;
  }
}
@media only screen and (min-width: 1441px) {
  .con_reco .box_reco .box_deta {
    width: 50.5814%;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_reco .box_reco .box_deta {
    width: 50%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_reco .box_reco .box_deta {
    width: 55%;
  }
}
@media only screen and (max-width: 767px) {
  .con_reco .box_reco .box_deta {
    width: 95%;
  }
}
@media only screen and (max-width: 767px) {
  .con_reco .box_reco .box_deta {
    margin-right: auto;
    margin-left: auto;
  }
}
.con_reco .box_reco .box_deta .inner {
  margin-right: 0;
  margin-left: auto;
}
@media only screen and (min-width: 1441px) {
  .con_reco .box_reco .box_deta .inner {
    max-width: 81.6092%;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_reco .box_reco .box_deta .inner {
    max-width: 88%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_reco .box_reco .box_deta .inner {
    max-width: 90%;
  }
}
@media only screen and (max-width: 767px) {
  .con_reco .box_reco .box_deta .inner {
    max-width: 100%;
  }
}
@media only screen and (min-width: 1441px) and (max-width: 1599px) {
  .con_reco .box_reco .box_deta .inner {
    max-width: 88%;
  }
}
.con_reco .box_reco .box_deta .inner .box_tit {
  width: 100%;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 1441px) {
  .con_reco .box_reco .box_deta .inner .box_tit {
    margin-bottom: 110px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_reco .box_reco .box_deta .inner .box_tit {
    margin-bottom: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_reco .box_reco .box_deta .inner .box_tit {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .con_reco .box_reco .box_deta .inner .box_tit {
    margin-bottom: 3em;
  }
}
@media only screen and (min-width: 1025px) {
  .con_reco .box_reco .box_deta .inner .box_tit {
    padding-top: 15px;
  }
}
.con_reco .box_reco .box_deta .inner .box_tit .logo {
  max-width: 72px;
}
@media only screen and (min-width: 1441px) {
  .con_reco .box_reco .box_deta .inner .box_tit .logo {
    width: 72px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_reco .box_reco .box_deta .inner .box_tit .logo {
    width: 12%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_reco .box_reco .box_deta .inner .box_tit .logo {
    width: 12%;
  }
}
@media only screen and (max-width: 767px) {
  .con_reco .box_reco .box_deta .inner .box_tit .logo {
    width: 10%;
  }
}
@media only screen and (min-width: 768px) {
  .con_reco .box_reco .box_deta .inner .box_tit .logo {
    margin-right: 1.5em;
  }
}
@media only screen and (max-width: 767px) {
  .con_reco .box_reco .box_deta .inner .box_tit .logo {
    margin-right: 1em;
  }
}
.con_reco .box_reco .box_deta .inner .box_tit .tit {
  line-height: 1s;
}
@media only screen and (min-width: 1441px) {
  .con_reco .box_reco .box_deta .inner .box_tit .tit {
    width: calc(100% - (72px + 1.5em));
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_reco .box_reco .box_deta .inner .box_tit .tit {
    width: calc(100% - (12% + 1.5em));
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_reco .box_reco .box_deta .inner .box_tit .tit {
    width: calc(100% - (12% + 1.5em));
  }
}
@media only screen and (max-width: 767px) {
  .con_reco .box_reco .box_deta .inner .box_tit .tit {
    width: calc(100% - (10% + 1em));
  }
}
.con_reco .box_reco .box_deta .inner .box_tit .tit .en {
  display: block;
}
.con_reco .box_reco .box_deta .inner .box_tit .tit .en.size_s {
  line-height: 1.5;
  letter-spacing: .4em;
}
@media only screen and (min-width: 1025px) {
  .con_reco .box_reco .box_deta .inner .box_tit .tit .en.size_s {
    font-size: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_reco .box_reco .box_deta .inner .box_tit .tit .en.size_s {
    font-size: 89%;
  }
}
@media only screen and (max-width: 767px) {
  .con_reco .box_reco .box_deta .inner .box_tit .tit .en.size_s {
    font-size: 89%;
  }
}
.con_reco .box_reco .box_deta .inner .box_tit .tit .en.size_l {
  letter-spacing: .3em;
  line-height: 1;
}
@media only screen and (min-width: 1441px) {
  .con_reco .box_reco .box_deta .inner .box_tit .tit .en.size_l {
    font-size: 234%;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_reco .box_reco .box_deta .inner .box_tit .tit .en.size_l {
    font-size: 200%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_reco .box_reco .box_deta .inner .box_tit .tit .en.size_l {
    font-size: 167%;
  }
}
@media only screen and (max-width: 767px) {
  .con_reco .box_reco .box_deta .inner .box_tit .tit .en.size_l {
    font-size: 167%;
  }
}
.con_reco .box_reco .box_deta .inner .box_tit .tit .jp {
  line-height: 1;
}
.con_reco .box_reco .box_deta .inner .box_tit .tit .jp.size_s {
  letter-spacing: .4em;
  display: block;
  margin-bottom: .5em;
}
@media only screen and (min-width: 1025px) {
  .con_reco .box_reco .box_deta .inner .box_tit .tit .jp.size_s {
    font-size: 84%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_reco .box_reco .box_deta .inner .box_tit .tit .jp.size_s {
    font-size: 73%;
  }
}
@media only screen and (max-width: 767px) {
  .con_reco .box_reco .box_deta .inner .box_tit .tit .jp.size_s {
    font-size: 73%;
  }
}
.con_reco .box_reco .box_deta .inner .box_tit .tit .jp.size_l {
  letter-spacing: .3em;
}
@media only screen and (min-width: 1025px) {
  .con_reco .box_reco .box_deta .inner .box_tit .tit .jp.size_l {
    font-size: 267%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_reco .box_reco .box_deta .inner .box_tit .tit .jp.size_l {
    font-size: 223%;
  }
}
@media only screen and (max-width: 767px) {
  .con_reco .box_reco .box_deta .inner .box_tit .tit .jp.size_l {
    font-size: 212%;
  }
}
@media only screen and (min-width: 1441px) {
  .con_reco .box_reco .box_deta .inner .box_tit.size_s .logo {
    width: 60px;
  }
}
@media only screen and (min-width: 1441px) {
  .con_reco .box_reco .box_deta .inner .box_tit.size_s .tit {
    width: calc(100% - (60px + 1.5em));
  }
}
.con_reco .box_reco .box_deta .inner .txt_img {
  max-width: 492px;
}
@media only screen and (min-width: 1025px) {
  .con_reco .box_reco .box_deta .inner .txt_img {
    width: 83.38983%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_reco .box_reco .box_deta .inner .txt_img {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_reco .box_reco .box_deta .inner .txt_img {
    width: 100%;
  }
}
@media only screen and (min-width: 1441px) {
  .con_reco .box_reco .box_deta .inner .txt_img {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_reco .box_reco .box_deta .inner .txt_img {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_reco .box_reco .box_deta .inner .txt_img {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .con_reco .box_reco .box_deta .inner .txt_img {
    margin-bottom: 1em;
  }
}
@media only screen and (min-width: 1441px) {
  .con_reco .box_reco .box_deta .inner .date_st {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_reco .box_reco .box_deta .inner .date_st {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_reco .box_reco .box_deta .inner .date_st {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .con_reco .box_reco .box_deta .inner .date_st {
    margin-bottom: 2em;
  }
}
.con_reco .box_reco .box_deta .inner .date_st .en {
  line-height: 1;
}
@media only screen and (min-width: 768px) {
  .con_reco .box_reco .box_deta .inner .date_st .en {
    font-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_reco .box_reco .box_deta .inner .date_st .en {
    font-size: 89%;
  }
}
.con_reco .box_reco .box_deta .inner .date_st .jp {
  letter-spacing: .4em;
  line-height: 1.6;
}
@media only screen and (min-width: 1025px) {
  .con_reco .box_reco .box_deta .inner .date_st .jp {
    font-size: 189%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_reco .box_reco .box_deta .inner .date_st .jp {
    font-size: 167%;
  }
}
@media only screen and (max-width: 767px) {
  .con_reco .box_reco .box_deta .inner .date_st .jp {
    font-size: 178%;
  }
}
.con_reco .box_reco .box_deta .inner .date_st.size_s .jp {
  letter-spacing: .1em;
  line-height: 1.125;
}
@media only screen and (min-width: 768px) {
  .con_reco .box_reco .box_deta .inner .date_st.size_s .jp {
    font-size: 134%;
  }
}
@media only screen and (max-width: 767px) {
  .con_reco .box_reco .box_deta .inner .date_st.size_s .jp {
    font-size: 112%;
  }
}
.con_reco .box_reco .box_deta .inner .date_st.size_s .sub {
  font-size: 84%;
  letter-spacing: .2em;
  line-height: 1.8;
}
@media only screen and (min-width: 1025px) {
  .con_reco .box_reco .box_deta .inner .box_text {
    max-width: 500px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_reco .box_reco .box_deta .inner .box_text {
    max-width: 90%;
  }
}
@media only screen and (max-width: 767px) {
  .con_reco .box_reco .box_deta .inner .box_text {
    max-width: 100%;
  }
}
.con_reco .box_reco .box_deta .inner .box_text .date_txt {
  letter-spacing: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 1.7;
}
@media only screen and (min-width: 1441px) {
  .con_reco .box_reco .box_deta .inner .box_text .date_txt {
    margin-bottom: 90px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_reco .box_reco .box_deta .inner .box_text .date_txt {
    margin-bottom: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_reco .box_reco .box_deta .inner .box_text .date_txt {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .con_reco .box_reco .box_deta .inner .box_text .date_txt {
    margin-bottom: 2em;
  }
}
@media only screen and (min-width: 768px) {
  .con_reco .box_reco .box_deta .inner .box_text .date_txt {
    font-size: 123%;
  }
}
@media only screen and (max-width: 767px) {
  .con_reco .box_reco .box_deta .inner .box_text .date_txt {
    font-size: 112%;
  }
}
@media only screen and (min-width: 768px) {
  .con_reco .box_reco .box_deta .inner .box_text .date_txt {
    line-height: 1.63636;
  }
}
.firefox .con_reco .box_reco .box_deta .inner .box_text .date_txt, .ie .con_reco .box_reco .box_deta .inner .box_text .date_txt {
  max-height: 5.1em;
}
.con_reco.facility::before {
  content: "";
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: #707070;
}
@media only screen and (min-width: 768px) {
  .con_reco.facility::before {
    width: 29.51807%;
  }
}
@media only screen and (max-width: 767px) {
  .con_reco.facility::before {
    width: 60%;
  }
}
@media only screen and (min-width: 1441px) {
  .con_reco.facility .box_reco .box_img {
    width: 54.36047%;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_reco.facility .box_reco .box_img {
    width: 50%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_reco.facility .box_reco .box_img {
    width: 45%;
  }
}
@media only screen and (max-width: 767px) {
  .con_reco.facility .box_reco .box_img {
    width: 100%;
  }
}
@media only screen and (min-width: 1441px) {
  .con_reco.facility .box_reco .box_img .img {
    width: 73.25967%;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_reco.facility .box_reco .box_img .img {
    width: 80%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_reco.facility .box_reco .box_img .img {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_reco.facility .box_reco .box_img .img {
    width: 100%;
  }
}
@media only screen and (min-width: 1441px) {
  .con_reco.facility .box_reco .box_deta {
    width: 45.63953%;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_reco.facility .box_reco .box_deta {
    width: 50%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_reco.facility .box_reco .box_deta {
    width: 55%;
  }
}
@media only screen and (max-width: 767px) {
  .con_reco.facility .box_reco .box_deta {
    width: 95%;
  }
}
@media only screen and (min-width: 1441px) {
  .con_reco.facility .box_reco .box_deta .inner {
    max-width: 76.43312%;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_reco.facility .box_reco .box_deta .inner {
    max-width: 88%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_reco.facility .box_reco .box_deta .inner {
    max-width: 90%;
  }
}
@media only screen and (max-width: 767px) {
  .con_reco.facility .box_reco .box_deta .inner {
    max-width: 100%;
  }
}
@media only screen and (min-width: 1441px) {
  .con_reco.facility .box_deta .inner .box_tit {
    margin-bottom: 150px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_reco.facility .box_deta .inner .box_tit {
    margin-bottom: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_reco.facility .box_deta .inner .box_tit {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .con_reco.facility .box_deta .inner .box_tit {
    margin-bottom: 3em;
  }
}
@media only screen and (min-width: 1441px) and (max-width: 1699px) {
  .con_reco.facility .box_deta .inner .box_tit {
    margin-bottom: 100px;
  }
}
@media only screen and (min-width: 1441px) {
  .con_reco.facility .box_deta .inner .date_st {
    margin-bottom: 130px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_reco.facility .box_deta .inner .date_st {
    margin-bottom: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_reco.facility .box_deta .inner .date_st {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .con_reco.facility .box_deta .inner .date_st {
    margin-bottom: 3em;
  }
}
@media only screen and (min-width: 1441px) and (max-width: 1699px) {
  .con_reco.facility .box_deta .inner .date_st {
    margin-bottom: 100px;
  }
}
@media only screen and (min-width: 1441px) {
  .con_reco.article .box_reco .box_img {
    width: 49.4186%;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_reco.article .box_reco .box_img {
    width: 50%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_reco.article .box_reco .box_img {
    width: 45%;
  }
}
@media only screen and (max-width: 767px) {
  .con_reco.article .box_reco .box_img {
    width: 100%;
  }
}
@media only screen and (min-width: 1441px) {
  .con_reco.article .box_reco .box_img .img {
    width: 78%;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_reco.article .box_reco .box_img .img {
    width: 80%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_reco.article .box_reco .box_img .img {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_reco.article .box_reco .box_img .img {
    width: 100%;
  }
}
@media only screen and (min-width: 1441px) {
  .con_reco.article .box_reco .box_deta {
    width: 50.5814%;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_reco.article .box_reco .box_deta {
    width: 50%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_reco.article .box_reco .box_deta {
    width: 55%;
  }
}
@media only screen and (max-width: 767px) {
  .con_reco.article .box_reco .box_deta {
    width: 95%;
  }
}
@media only screen and (min-width: 1441px) {
  .con_reco.article .box_reco .box_deta .inner {
    max-width: 81.6092%;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_reco.article .box_reco .box_deta .inner {
    max-width: 88%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_reco.article .box_reco .box_deta .inner {
    max-width: 90%;
  }
}
@media only screen and (max-width: 767px) {
  .con_reco.article .box_reco .box_deta .inner {
    max-width: 100%;
  }
}
.con_reco.article .reco_st {
  padding-bottom: 1em;
}
.con_reco.article .reco_st::after {
  content: "";
  background-color: #000;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (min-width: 1025px) {
  .con_reco.article .reco_st::after {
    max-width: 492px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_reco.article .reco_st::after {
    max-width: 400px;
  }
}
@media only screen and (max-width: 767px) {
  .con_reco.article .reco_st::after {
    max-width: 100%;
  }
}

.con_menu_sub_footer {
  max-width: 1482px;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width: 1025px) {
  .con_menu_sub_footer {
    margin-top: 170px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_menu_sub_footer {
    margin-top: 120px;
  }
}
@media only screen and (max-width: 767px) {
  .con_menu_sub_footer {
    margin-top: 6em;
  }
}
@media only screen and (min-width: 1025px) {
  .con_menu_sub_footer {
    justify-content: center;
  }
}
@media only screen and (min-width: 1441px) {
  .con_menu_sub_footer li {
    width: 12.55061%;
    max-width: 185px;
  }
  .con_menu_sub_footer li:not(:nth-child(7n+1)) {
    margin-left: 2.02429%;
  }
  .con_menu_sub_footer li:nth-child(n+8) {
    margin-top: 3.03644%;
  }
  .con_menu_sub_footer li:nth-child(n+8):last-child {
    margin-right: auto;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_menu_sub_footer li {
    width: 15.83333%;
  }
  .con_menu_sub_footer li:not(:nth-child(6n+1)) {
    margin-left: 1%;
  }
  .con_menu_sub_footer li:nth-child(n+7) {
    margin-top: 2.5%;
  }
  .con_menu_sub_footer li:nth-child(n+7):last-child {
    margin-right: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_menu_sub_footer li {
    width: 24%;
  }
  .con_menu_sub_footer li:not(:nth-child(4n+1)) {
    margin-left: 1.33333%;
  }
  .con_menu_sub_footer li:nth-child(n+5) {
    margin-top: 3.33333%;
  }
}
@media only screen and (max-width: 767px) {
  .con_menu_sub_footer li {
    width: 31%;
    width: 31%;
  }
  .con_menu_sub_footer li:not(:nth-child(3n+1)) {
    margin-left: 3.5%;
  }
  .con_menu_sub_footer li:nth-child(n+4) {
    margin-top: 7%;
  }
}
.con_menu_sub_footer li a {
  display: block;
  text-decoration: none;
  text-align: center;
}
.mouse .con_menu_sub_footer li a {
  transition: opacity 0.3s ease-in;
}
.mouse .con_menu_sub_footer li a:hover, .touch .con_menu_sub_footer li a.touchstart {
  opacity: 0.7;
}
.touch .con_menu_sub_footer li a {
  -webkit-tap-highlight-color: transparent;
}
.touch .con_menu_sub_footer li a.touchend {
  transition-delay: 200ms;
}
@media only screen and (min-width: 1025px) {
  .con_menu_sub_footer li a .img {
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_menu_sub_footer li a .img {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .con_menu_sub_footer li a .img {
    margin-bottom: 0.5em;
  }
}
.con_menu_sub_footer li a .title {
  font-size: 89%;
}
@media only screen and (max-width: 767px) {
  .con_menu_sub_footer li a .title {
    line-height: 1.5;
  }
}
@media only screen and (min-width: 768px) {
  .h_tokyo .con_menu_sub_footer {
    max-width: 830px;
  }
  .h_tokyo .con_menu_sub_footer li {
    width: 22.28916%;
  }
  .h_tokyo .con_menu_sub_footer li:not(:nth-child(4n+1)) {
    margin-left: 3.61446%;
  }
  .h_tokyo .con_menu_sub_footer li:nth-child(n+5) {
    margin-top: 5.42169%;
  }
  .h_tokyo .con_menu_sub_footer li:nth-child(4n+1) {
    margin-left: 0;
  }
  .h_tokyo .con_menu_sub_footer li:nth-child(n+5):last-child {
    margin-right: auto;
  }
}

.con_other_footer {
  max-width: 1670px;
}
@media only screen and (min-width: 1025px) {
  .con_other_footer {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_other_footer {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (max-width: 767px) {
  .con_other_footer {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (min-width: 1025px) {
  .con_other_footer {
    margin-top: 170px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_other_footer {
    margin-top: 120px;
  }
}
@media only screen and (max-width: 767px) {
  .con_other_footer {
    margin-top: 6em;
  }
}
@media only screen and (min-width: 1441px) {
  .con_other_footer .tmp_st {
    width: calc(100% - (115px * 2));
    margin: auto;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_other_footer .tmp_st {
    width: calc(100% - (95px * 2));
    margin: auto;
  }
}
@media only screen and (min-width: 1025px) {
  .con_other_footer .tmp_st {
    margin-bottom: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_other_footer .tmp_st {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .con_other_footer .tmp_st {
    margin-bottom: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .con_other_footer .tmp_st .en {
    text-align: center;
  }
}
@media only screen and (min-width: 768px) {
  .con_other_footer .tmp_showslider .slick-list .slick-track {
    margin-left: 0;
    margin-right: auto;
  }
}

.btn_border {
  border-bottom: 1px solid #707070;
  display: inline-block;
}
.mouse .btn_border {
  transition: opacity 0.3s ease-in;
}
.mouse .btn_border:hover, .touch .btn_border.touchstart {
  opacity: 0.7;
}
.touch .btn_border {
  -webkit-tap-highlight-color: transparent;
}
.touch .btn_border.touchend {
  transition-delay: 200ms;
}
.btn_border a {
  padding-right: 1.5em;
  text-decoration: none;
}

.tmp_hover .target_elm {
  overflow: hidden;
  position: relative;
}
.tmp_hover .target_elm::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: black;
  transition: opacity .5s ease-in;
  transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 1.2s cubic-bezier(0.19, 1, 0.22, 1);
  opacity: 0.2;
}
.tmp_hover.type_white .target_elm::before {
  background-color: white;
}
.mouse .tmp_hover:hover .target_elm::before, .touch .tmp_hover.touchstart .target_elm::before {
  opacity: 0.4;
}
.touch .tmp_hover {
  -webkit-tap-highlight-color: transparent;
}
.touch .tmp_hover.touchend {
  transition-delay: 200ms;
}

.tab_top_plan {
  max-width: 1440px;
}
@media only screen and (min-width: 1025px) {
  .tab_top_plan {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tab_top_plan {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (max-width: 767px) {
  .tab_top_plan {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (min-width: 1025px) {
  .tab_top_plan {
    margin-bottom: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tab_top_plan {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .tab_top_plan {
    margin-bottom: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .tab_top_plan li:last-child a {
    border-right: 1px solid #c9ded3;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .tab_top_plan li a {
    padding: .3em .8em;
  }
}
@media only screen and (max-width: 767px) {
  .tab_top_plan li a {
    padding: .3em .8em;
  }
}

.wrp_reco_plan {
  background-color: #f4f4f4;
}
@media only screen and (min-width: 1441px) {
  .wrp_reco_plan {
    margin-bottom: 230px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .wrp_reco_plan {
    margin-bottom: 200px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_reco_plan {
    margin-bottom: 160px;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_reco_plan {
    margin-bottom: 6em;
  }
}
@media only screen and (min-width: 1025px) {
  .wrp_reco_plan {
    padding: 100px 0 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_reco_plan {
    padding: 100px 0;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_reco_plan {
    padding: 3em 0;
  }
}
.b_hotel_sheraton .wrp_reco_plan {
  background-color: #e0dcd9;
}
.wrp_reco_plan .con_plan_block {
  margin-bottom: 0;
}
.wrp_reco_plan .con_plan_block .tmp_st_h3_enjp {
  width: 100%;
}
@media only screen and (min-width: 1441px) {
  .wrp_reco_plan .con_plan_block .tmp_st_h3_enjp {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .wrp_reco_plan .con_plan_block .tmp_st_h3_enjp {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_reco_plan .con_plan_block .tmp_st_h3_enjp {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_reco_plan .con_plan_block .tmp_st_h3_enjp {
    margin-bottom: 1.5em;
  }
}
.wrp_reco_plan .con_plan_block .box_plan .plan {
  background-color: #fff;
}

.con_plan_block {
  max-width: 1440px;
}
@media only screen and (min-width: 1025px) {
  .con_plan_block {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_plan_block {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (max-width: 767px) {
  .con_plan_block {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (min-width: 1025px) {
  .con_plan_block {
    margin-bottom: 130px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_plan_block {
    margin-bottom: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .con_plan_block {
    margin-bottom: 4em;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_plan_block {
    width: 85%;
  }
}
@media only screen and (min-width: 1025px) {
  .con_plan_block .st_plan {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_plan_block .st_plan {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .con_plan_block .st_plan {
    margin-bottom: 1em;
  }
}
.con_plan_block .box_plan {
  display: flex;
  flex-wrap: wrap;
}
.con_plan_block .box_plan .plan {
  position: relative;
  border: 1px solid #c5c6c6;
}
@media only screen and (min-width: 1025px) {
  .con_plan_block .box_plan .plan {
    width: 31.94444%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_plan_block .box_plan .plan {
    width: 48%;
  }
}
@media only screen and (max-width: 767px) {
  .con_plan_block .box_plan .plan {
    width: 100%;
  }
}
@media only screen and (min-width: 1025px) {
  .con_plan_block .box_plan .plan:not(:nth-child(3n+1)) {
    margin-left: 2.08333%;
  }
  .con_plan_block .box_plan .plan:nth-child(n+4) {
    margin-top: 2.77778%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_plan_block .box_plan .plan:not(:nth-child(2n)) {
    margin-right: 2%;
  }
  .con_plan_block .box_plan .plan:nth-child(n+3) {
    margin-top: 4%;
  }
}
@media only screen and (max-width: 767px) {
  .con_plan_block .box_plan .plan:not(:last-child) {
    margin-bottom: 2em;
  }
}
.con_plan_block .box_plan .plan a {
  display: block;
  width: 100%;
}
.con_plan_block .box_plan .plan a .img {
  position: relative;
  position: relative;
  overflow: hidden;
}
.con_plan_block .box_plan .plan a .img img {
  object-fit: cover;
  font-family: 'object-fit: cover;';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.con_plan_block .box_plan .plan a .img::after {
  content: "";
  width: 100%;
  display: block;
  padding-bottom: 74.89083%;
}
@media only screen and (max-width: 767px) {
  .con_plan_block .box_plan .plan a .img::after {
    padding-bottom: 65%;
  }
}
@media only screen and (min-width: 1441px) {
  .con_plan_block .box_plan .txt_innr {
    padding: 35px 30px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_plan_block .box_plan .txt_innr {
    padding: 30px 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_plan_block .box_plan .txt_innr {
    padding: 30px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .con_plan_block .box_plan .txt_innr {
    padding: 1.5em 1em;
  }
}
.con_plan_block .box_plan .txt_innr .title {
  font-size: 89%;
}
@media only screen and (min-width: 1025px) {
  .con_plan_block .box_plan .txt_innr .title {
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_plan_block .box_plan .txt_innr .title {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .con_plan_block .box_plan .txt_innr .title {
    margin-bottom: 1.5em;
  }
}
@media only screen and (min-width: 1025px) {
  .con_plan_block .box_plan .txt_innr .title {
    letter-spacing: 0.08em;
  }
}
.con_plan_block .box_plan .txt_innr .infor {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  transition: background-color .15s ease-out .1s;
}
.con_plan_block .box_plan .txt_innr .infor dt {
  width: 18%;
}
@media only screen and (min-width: 768px) {
  .con_plan_block .box_plan .txt_innr .infor dt:last-of-type {
    margin-top: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .con_plan_block .box_plan .txt_innr .infor dt:last-of-type {
    margin-top: 0.5em;
  }
}
.con_plan_block .box_plan .txt_innr .infor dd {
  font-size: 84%;
}
@media only screen and (min-width: 768px) {
  .con_plan_block .box_plan .txt_innr .infor dd {
    width: 77%;
  }
}
@media only screen and (max-width: 767px) {
  .con_plan_block .box_plan .txt_innr .infor dd {
    width: 78%;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_plan_block .box_plan .txt_innr .infor dd {
    width: 79%;
  }
}
@media only screen and (min-width: 768px) {
  .con_plan_block .box_plan .txt_innr .infor dd:last-of-type {
    margin-top: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .con_plan_block .box_plan .txt_innr .infor dd:last-of-type {
    margin-top: 0.5em;
  }
}
.con_plan_block .box_plan .txt_innr .infor .cate {
  transition: background-color .15s ease-out .1s;
  background-color: #c9ded3;
  text-align: center;
  display: block;
  font-size: 73%;
}
@media only screen and (min-width: 768px) {
  .con_plan_block .box_plan .txt_innr .infor .cate {
    padding: 0 10px;
  }
}
@media only screen and (max-width: 767px) {
  .con_plan_block .box_plan .txt_innr .infor .cate {
    padding: 0 0.3em;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_plan_block .box_plan .txt_innr .infor .cate {
    font-size: 67%;
    padding: 0 8px;
  }
}
.b_hotel .con_plan_block .box_plan .txt_innr .infor .cate {
  background-color: #e3dced;
}
.b_tp_universal .con_plan_block .box_plan .txt_innr .infor .cate {
  background-color: #e8e8ec;
}
.b_resort_shima .con_plan_block .box_plan .txt_innr .infor .cate {
  background-color: #e8e8ec;
}
.b_hotel_sheraton .con_plan_block .box_plan .txt_innr .infor .cate {
  background-color: #878686 !important;
  color: #fff !important;
}
.b_city .con_plan_block .box_plan .txt_innr .infor .cate {
  background-color: #eaf5f6;
}
.b_hotel_marriott .con_plan_block .box_plan .txt_innr .infor .cate {
  background-color: #e3e1de;
}
.b_resort .con_plan_block .box_plan .txt_innr .infor .cate {
  background-color: #f5dba5;
}
.con_plan_block .tmp_hover_arr .hover_target::before {
  z-index: 5;
}
.mouse .con_plan_block .tmp_hover_arr:hover .txt_innr .cate, .touch .con_plan_block .tmp_hover_arr.touchstart .txt_innr .cate {
  color: inherit;
  background-color: #fff;
}
.touch .con_plan_block .tmp_hover_arr {
  -webkit-tap-highlight-color: transparent;
}
.touch .con_plan_block .tmp_hover_arr.touchend {
  transition-delay: 200ms;
}

.con_pager_plan {
  max-width: 560px;
}
@media only screen and (min-width: 1025px) {
  .con_pager_plan {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_pager_plan {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (max-width: 767px) {
  .con_pager_plan {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (min-width: 1025px) {
  .con_pager_plan {
    margin-bottom: 200px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_pager_plan {
    margin-bottom: 160px;
  }
}
@media only screen and (max-width: 767px) {
  .con_pager_plan {
    margin-bottom: 6em;
  }
}
.con_pager_plan .box_pager {
  display: flex;
  justify-content: center;
  position: relative;
  align-items: center;
}
.con_pager_plan .box_pager .prev, .con_pager_plan .box_pager .next {
  position: absolute;
}
.ie .con_pager_plan .box_pager .prev, .ie .con_pager_plan .box_pager .next {
  top: 0;
}
.con_pager_plan .box_pager .prev a, .con_pager_plan .box_pager .next a {
  display: block;
  text-decoration: none;
}
@media only screen and (min-width: 1025px) {
  .con_pager_plan .box_pager .prev a, .con_pager_plan .box_pager .next a {
    width: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_pager_plan .box_pager .prev a, .con_pager_plan .box_pager .next a {
    width: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .con_pager_plan .box_pager .prev a, .con_pager_plan .box_pager .next a {
    width: 2em;
  }
}
.con_pager_plan .box_pager .prev a::before, .con_pager_plan .box_pager .next a::before {
  font-family: "Ionicons";
}
@media only screen and (min-width: 768px) {
  .con_pager_plan .box_pager .prev a::before, .con_pager_plan .box_pager .next a::before {
    font-size: 178%;
  }
}
@media only screen and (max-width: 767px) {
  .con_pager_plan .box_pager .prev a::before, .con_pager_plan .box_pager .next a::before {
    font-size: 156%;
  }
}
.ie .con_pager_plan .box_pager .prev a::before, .ie .con_pager_plan .box_pager .next a::before {
  line-height: 1;
}
.con_pager_plan .box_pager .prev {
  left: 0;
}
.con_pager_plan .box_pager .prev a::before {
  content: "\f3d5";
}
.con_pager_plan .box_pager .next {
  right: 0;
}
.con_pager_plan .box_pager .next a {
  text-align: right;
}
.con_pager_plan .box_pager .next a::before {
  content: "\f3d6";
}
@media only screen and (min-width: 768px) {
  .con_pager_plan .box_pager .box_num {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 767px) {
  .con_pager_plan .box_pager .box_num {
    padding: 0 1.5em;
  }
}
.con_pager_plan .box_pager .box_num p {
  display: inline-block;
  font-family: 'Open Sans', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
  text-transform: uppercase;
  font-size: 89%;
}
@media only screen and (min-width: 1025px) {
  .con_pager_plan .box_pager .box_num p:not(:last-of-type) {
    margin-right: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_pager_plan .box_pager .box_num p:not(:last-of-type) {
    margin-right: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .con_pager_plan .box_pager .box_num p:not(:last-of-type) {
    margin-right: 1em;
  }
}
.con_pager_plan .box_pager .box_num p a {
  border: 1px solid #c9ded3;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 1025px) {
  .con_pager_plan .box_pager .box_num p a {
    width: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_pager_plan .box_pager .box_num p a {
    width: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .con_pager_plan .box_pager .box_num p a {
    width: 3em;
  }
}
@media only screen and (min-width: 1025px) {
  .con_pager_plan .box_pager .box_num p a {
    height: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_pager_plan .box_pager .box_num p a {
    height: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .con_pager_plan .box_pager .box_num p a {
    height: 3em;
  }
}
.b_hotel .con_pager_plan .box_pager .box_num p a {
  border-color: #e3dced;
}
.b_tp_universal .con_pager_plan .box_pager .box_num p a {
  border-color: #e8e8ec;
}
.b_resort_shima .con_pager_plan .box_pager .box_num p a {
  border-color: #e8e8ec;
}
.b_hotel_sheraton .con_pager_plan .box_pager .box_num p a {
  border-color: #878686;
}
.b_city .con_pager_plan .box_pager .box_num p a {
  border-color: #add9db;
}
.b_sogo .con_pager_plan .box_pager .box_num p a {
  border-color: #e5ebee;
}
.b_hotel_marriott .con_pager_plan .box_pager .box_num p a {
  border-color: #e3e1de;
}
.b_resort .con_pager_plan .box_pager .box_num p a {
  border-color: #e3e1de;
}
.con_pager_plan .box_pager .box_num p.is-active {
  background-color: #c9ded3;
}
.b_hotel .con_pager_plan .box_pager .box_num p.is-active {
  background-color: #e3dced;
}
.b_tp_universal .con_pager_plan .box_pager .box_num p.is-active {
  background-color: #e8e8ec;
}
.b_resort_shima .con_pager_plan .box_pager .box_num p.is-active {
  background-color: #e8e8ec;
}
.b_hotel_sheraton .con_pager_plan .box_pager .box_num p.is-active {
  background-color: #878686;
}
.b_hotel_sheraton .con_pager_plan .box_pager .box_num p.is-active a {
  color: #fff;
}
.b_sogo .con_pager_plan .box_pager .box_num p.is-active {
  border-color: #e5ebee;
}
.b_city .con_pager_plan .box_pager .box_num p.is-active {
  background-color: #add9db;
}
.b_hotel_marriott .con_pager_plan .box_pager .box_num p.is-active {
  background-color: #e3e1de;
  border-color: #e3e1de;
}
.b_resort .con_pager_plan .box_pager .box_num p.is-active a {
  background-color: #f5dba5;
  border-color: #f5dba5;
}

.btn_back {
  text-align: center;
}
.btn_back a {
  text-decoration: none;
}
.btn_back a i {
  font-size: 278%;
  line-height: 1;
}
.btn_back a span {
  display: block;
}
.mouse .btn_back:hover, .touch .btn_back.touchstart {
  opacity: 0.8;
}
.touch .btn_back {
  -webkit-tap-highlight-color: transparent;
}
.touch .btn_back.touchend {
  transition-delay: 200ms;
}

.box_reserve_border {
  border: 1px solid #c5c6c6;
  padding: 30px 0;
  margin-top: 30px;
}
.b_hotel_sheraton .box_reserve_border {
  border-color: #afa6a0;
  background-color: #fff;
}
.box_reserve_border > .inner {
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
  width: 78.57143%;
}
@media only screen and (min-width: 768px) {
  .box_reserve_border > .inner {
    width: 96%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    justify-content: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_reserve_border > .inner {
    flex-wrap: wrap;
    align-items: flex-start;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_reserve_border .box_st {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .box_reserve_border .box_st {
    margin-bottom: 1.2em;
  }
}
@media only screen and (min-width: 1025px) {
  .box_reserve_border .box_st {
    width: 24.03846%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_reserve_border .box_st {
    width: 100%;
  }
}
@media only screen and (min-width: 1025px) {
  .box_reserve_border .box_st .tmp_st {
    font-size: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_reserve_border .box_st .tmp_st {
    font-size: 123%;
  }
}
@media only screen and (max-width: 767px) {
  .box_reserve_border .box_st .tmp_st {
    font-size: 117%;
  }
}
@media only screen and (max-width: 1024px) {
  .box_reserve_border .box_st .tmp_st .jp {
    text-align: center;
  }
}
@media only screen and (min-width: 1025px) {
  .box_reserve_border .wrp_tel {
    width: 36.53846%;
    margin-left: 3.84615%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_reserve_border .wrp_tel {
    width: 50%;
    margin-right: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .box_reserve_border .wrp_tel {
    width: 100%;
    text-align: center;
  }
}
.box_reserve_border .wrp_tel .box_tel {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.box_reserve_border .wrp_tel .box_tel .txt_free {
  font-size: 78%;
  width: 100%;
  position: relative;
  display: block;
  letter-spacing: 0;
  line-height: 1.3;
  margin-bottom: 0.2em;
}
@media only screen and (min-width: 1025px) {
  .box_reserve_border .wrp_tel .box_tel .txt_free {
    max-width: 300px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_reserve_border .wrp_tel .box_tel .txt_free {
    padding-right: 1em;
    max-width: 300px;
  }
}
.box_reserve_border .wrp_tel .box_tel .txt_tel {
  font-family: 'Open Sans', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
  text-transform: uppercase;
  font-size: 134%;
  padding-right: .75em;
  line-height: 1.5;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .box_reserve_border .wrp_tel .box_tel .txt_tel {
    justify-content: center;
    flex-wrap: wrap;
  }
}
.box_reserve_border .wrp_tel .box_tel .txt_tel .ic_tel {
  display: flex;
  align-items: center;
  max-width: 1.5em;
  margin-right: 0.5em;
}
.box_reserve_border .wrp_tel .box_tel .txt_tel a, .box_reserve_border .wrp_tel .box_tel .txt_tel .tel {
  display: block;
}
.box_reserve_border .wrp_tel .box_tel .txt_tel .txt_sub {
  font-size: 59%;
}
.box_reserve_border .wrp_tel .box_tel .txt_sub {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "MS Ｐゴシック", "MS PGothic", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
  letter-spacing: 0.05em;
}
@media only screen and (min-width: 768px) {
  .box_reserve_border .wrp_tel .box_tel .txt_sub {
    font-size: 78%;
  }
}
@media only screen and (max-width: 767px) {
  .box_reserve_border .wrp_tel .box_tel .txt_sub {
    font-size: 100%;
  }
}
.box_reserve_border .wrp_tel .box_tel .txt_sub.oh {
  width: 100%;
}
.box_reserve_border .wrp_tel .box_tel.main .txt_tel {
  font-family: 'Open Sans', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
  text-transform: uppercase;
  font-size: 134%;
}
.ie .box_reserve_border .wrp_tel .box_tel.main .txt_tel {
  font-size: 123%;
}
.box_reserve_border .wrp_tel .box_tel.sub {
  line-height: 1.5;
}
@media only screen and (min-width: 768px) {
  .box_reserve_border .wrp_tel .box_tel.sub {
    font-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .box_reserve_border .wrp_tel .box_tel.sub {
    font-size: 89%;
  }
}
@media only screen and (max-width: 767px) {
  .box_reserve_border .wrp_tel .box_tel.sub {
    margin-top: 1em;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .box_reserve_border .wrp_tel + .box_btn {
    width: 25%;
  }
}
@media only screen and (max-width: 767px) {
  .box_reserve_border .wrp_tel.has_not_btn .box_tel.main, .box_reserve_border .wrp_tel.has_not_btn .box_tel.sub {
    justify-content: center;
  }
}
@media only screen and (min-width: 1025px) {
  .box_reserve_border .wrp_tel_fax {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    max-width: 50%;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .box_reserve_border .wrp_tel_fax {
    text-align: center;
  }
}
.box_reserve_border .wrp_tel_fax .box_tel .txt_sub {
  font-size: 78%;
  display: block;
  letter-spacing: 0;
  margin-top: 0.2em;
}
@media only screen and (max-width: 767px) {
  .box_reserve_border .wrp_tel_fax .box_tel .txt_sub {
    width: 100%;
  }
}
.box_reserve_border .wrp_tel_fax .txt_fax {
  font-family: 'Open Sans', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
  text-transform: uppercase;
  font-size: 78%;
  letter-spacing: 0;
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .box_reserve_border .wrp_tel_fax + .box_btn {
    width: 25%;
  }
}
@media only screen and (min-width: 1025px) {
  .box_reserve_border .box_btn {
    max-width: 320px;
    width: 32.69231%;
    margin-left: 3.84615%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_reserve_border .box_btn {
    width: 40%;
  }
}
@media only screen and (max-width: 767px) {
  .box_reserve_border .box_btn {
    margin-top: 1.5em;
  }
}
.box_reserve_border .box_btn .tmp_btn {
  width: 100%;
}
.box_reserve_border .box_btn .tmp_btn a, .box_reserve_border .box_btn .tmp_btn .pseudo_a {
  min-width: auto;
  width: 100%;
}
.box_reserve_border .box_btn .tmp_btn.small {
  margin-top: .5em;
}
.box_reserve_border .box_btn .tmp_btn.small a, .box_reserve_border .box_btn .tmp_btn.small .pseudo_a {
  border: 1px solid #c9ded3;
}
.b_hotel .box_reserve_border .box_btn .tmp_btn.small a, .b_hotel .box_reserve_border .box_btn .tmp_btn.small .pseudo_a {
  border-color: #c6b7d9;
}
.b_tp_universal .box_reserve_border .box_btn .tmp_btn.small a, .b_tp_universal .box_reserve_border .box_btn .tmp_btn.small .pseudo_a {
  border-color: #e8e8ec;
}
.b_resort_shima .box_reserve_border .box_btn .tmp_btn.small a, .b_resort_shima .box_reserve_border .box_btn .tmp_btn.small .pseudo_a {
  border-color: #e8e8ec;
}
.b_hotel_sheraton .box_reserve_border .box_btn .tmp_btn.small a, .b_hotel_sheraton .box_reserve_border .box_btn .tmp_btn.small .pseudo_a {
  border-color: #6f625d;
}
.b_sogo .box_reserve_border .box_btn .tmp_btn.small a, .b_sogo .box_reserve_border .box_btn .tmp_btn.small .pseudo_a {
  border-color: #003a56;
}
.b_resort .box_reserve_border .box_btn .tmp_btn.small a, .b_resort .box_reserve_border .box_btn .tmp_btn.small .pseudo_a {
  border-color: #afa6a0;
}
.b_hotel_marriott .box_reserve_border .box_btn .tmp_btn.small a, .b_hotel_marriott .box_reserve_border .box_btn .tmp_btn.small .pseudo_a {
  border-color: #c5c6c6;
}
.box_reserve_border .box_btn .tmp_btn.small a {
  min-height: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_reserve_border .box_btn .tmp_btn.type_rsv a {
    min-height: 50px;
  }
}
.box_reserve_border.banquet {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 1025px) {
  .box_reserve_border.banquet .box_st {
    width: 31.73077%;
  }
}
@media only screen and (min-width: 1025px) {
  .box_reserve_border.banquet .wrp_tel {
    width: 24.51923%;
    margin-left: 3.84615%;
  }
}
@media only screen and (min-width: 1025px) {
  .box_reserve_border.wed_contact {
    margin-top: 200px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_reserve_border.wed_contact {
    margin-top: 160px;
  }
}
@media only screen and (max-width: 767px) {
  .box_reserve_border.wed_contact {
    margin-top: 6em;
  }
}
@media only screen and (min-width: 1025px) {
  .box_reserve_border.wed_contact + .img_f {
    margin-top: 200px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_reserve_border.wed_contact + .img_f {
    margin-top: 160px;
  }
}
@media only screen and (max-width: 767px) {
  .box_reserve_border.wed_contact + .img_f {
    margin-top: 6em;
  }
}

.box_main_2col {
  display: flex;
  justify-content: space-between;
}
@media only screen and (min-width: 1025px) {
  .box_main_2col {
    align-items: center;
  }
}
@media only screen and (max-width: 767px) {
  .box_main_2col {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 768px) {
  .box_main_2col .slider, .box_main_2col .box_img {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .box_main_2col .slider, .box_main_2col .box_img {
    width: 100%;
  }
}
.box_main_2col .slider .slide > div, .box_main_2col .box_img .slide > div {
  position: relative;
  padding-top: 66.66%;
  width: 100%;
}
.box_main_2col .slider .slide img, .box_main_2col .box_img .slide img {
  object-fit: cover;
  font-family: 'object-fit: cover;';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
@media only screen and (min-width: 768px) {
  .box_main_2col .slider .slick-dots, .box_main_2col .box_img .slick-dots {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .box_main_2col .slider .slick-dots, .box_main_2col .box_img .slick-dots {
    margin-bottom: 1.1em;
  }
}
@media only screen and (min-width: 1025px) {
  .box_main_2col .slider .slick-dots, .box_main_2col .box_img .slick-dots {
    margin-top: 30px;
  }
}
.box_main_2col .slider .tmp_slick_arr, .box_main_2col .box_img .tmp_slick_arr {
  display: none !important;
}
.box_main_2col .box_txt {
  margin-top: 0 !important;
}
@media only screen and (min-width: 768px) {
  .box_main_2col .box_txt {
    width: 45%;
  }
}
@media only screen and (max-width: 767px) {
  .box_main_2col .box_txt {
    width: 100%;
  }
}
.box_main_2col .box_txt .tmp_st {
  width: 100%;
  margin-bottom: 1em;
}
.box_main_2col .box_txt .tmp_btn {
  margin-right: 0;
}
@media only screen and (min-width: 768px) {
  .box_main_2col .box_txt .tmp_btn {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .box_main_2col .box_txt .tmp_btn {
    margin-top: 1.5em;
  }
}
@media only screen and (max-width: 1024px) {
  .box_main_2col .box_txt .tmp_btn {
    width: 100%;
  }
  .box_main_2col .box_txt .tmp_btn a {
    width: 100%;
    min-width: auto;
  }
}
.box_main_2col.reverse {
  flex-direction: row-reverse;
}

@media only screen and (min-width: 1025px) {
  .box_info_list {
    margin-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_info_list {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .box_info_list {
    margin-bottom: 4em;
  }
}
.box_info_list .info_list {
  border: 1px solid #c5c6c6;
}
@media only screen and (min-width: 1025px) {
  .box_info_list .info_list:not(:last-child) {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_info_list .info_list:not(:last-child) {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .box_info_list .info_list:not(:last-child) {
    margin-bottom: 2em;
  }
}
.box_info_list .info_list a {
  width: 100%;
  text-decoration: none;
}
@media only screen and (min-width: 1025px) {
  .box_info_list .info_list a {
    padding: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_info_list .info_list a {
    padding: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .box_info_list .info_list a {
    padding: 1em;
  }
}
@media only screen and (min-width: 768px) {
  .box_info_list .info_list a {
    display: flex;
  }
}
@media only screen and (min-width: 768px) and (max-width: 896px) {
  .box_info_list .info_list a {
    flex-flow: column;
  }
}
@media only screen and (max-width: 767px) {
  .box_info_list .info_list a {
    display: block;
  }
}
@media only screen and (min-width: 1025px) {
  .box_info_list .info_list a.center {
    align-items: center;
  }
}
.box_info_list .info_list .img {
  position: relative;
}
@media only screen and (min-width: 1025px) {
  .box_info_list .info_list .img {
    width: 35.55556%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_info_list .info_list .img {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .box_info_list .info_list .img {
    width: 100%;
  }
}
@media only screen and (min-width: 1025px) {
  .box_info_list .info_list .img {
    margin-right: 4.44444%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_info_list .info_list .img {
    margin-right: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_info_list .info_list .img {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .box_info_list .info_list .img {
    margin-bottom: 1.7em;
  }
}
@media only screen and (min-width: 1025px) {
  .b_tp_universal .box_info_list .info_list .img {
    max-width: 475px;
  }
}
.box_info_list .info_list .img > div {
  position: relative;
  padding-top: 75%;
  width: 100%;
}
@media only screen and (min-width: 1025px) {
  .box_info_list .info_list .img > div {
    padding-top: 75%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_info_list .info_list .img > div {
    padding-top: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .box_info_list .info_list .img > div {
    padding-top: 66.66%;
  }
}
.b_tp_universal .box_info_list .info_list .img > div {
  padding-top: 65.68421%;
}
.box_info_list .info_list .img img {
  object-fit: cover;
  font-family: 'object-fit: cover;';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.box_info_list .info_list .img.noimg {
  background-color: #676c72;
  display: flex;
  align-items: center;
}
.box_info_list .info_list .img.noimg img {
  object-fit: contain;
  width: 31.66667%;
  left: 50%;
  transform: translateX(-50%);
}
.ie .box_info_list .info_list .img.noimg img {
  height: auto;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (min-width: 768px) {
  .box_info_list .info_list .img + .info_txt {
    width: 60%;
  }
}
@media only screen and (max-width: 767px) {
  .box_info_list .info_list .img + .info_txt {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 896px) {
  .box_info_list .info_list .img + .info_txt {
    width: 100%;
  }
}
.box_info_list .info_list .info_txt .date {
  color: #898989;
  display: inline-block;
}
@media only screen and (min-width: 768px) {
  .box_info_list .info_list .info_txt .date {
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .box_info_list .info_list .info_txt .date {
    margin-bottom: 0.5em;
  }
}
.box_info_list .info_list .info_txt .name {
  display: inline-block;
}
@media only screen and (min-width: 768px) {
  .box_info_list .info_list .info_txt .name {
    margin-left: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .box_info_list .info_list .info_txt .name {
    margin-left: 0.5em;
  }
}
.box_info_list .info_list .info_txt .ic {
  font-size: 73%;
  display: inline-block;
  background-color: #f4f4f4;
  line-height: 1.6;
}
@media only screen and (min-width: 768px) {
  .box_info_list .info_list .info_txt .ic {
    padding: 0.1em 1em;
  }
}
@media only screen and (max-width: 767px) {
  .box_info_list .info_list .info_txt .ic {
    padding: 0.1em 1.2em;
  }
}
@media only screen and (min-width: 768px) {
  .box_info_list .info_list .info_txt .ic {
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .box_info_list .info_list .info_txt .ic {
    margin-bottom: 0.5em;
  }
}
.ie .box_info_list .info_list .info_txt .ic {
  padding: 0.5em 1em 0;
  line-height: 1.2;
}
.box_info_list .info_list .info_txt .ic.green {
  background-color: #c9ded3;
}
.b_hotel .box_info_list .info_list .info_txt .ic.green {
  background-color: #896ba6;
  color: #fff;
}
.b_tp_universal .box_info_list .info_list .info_txt .ic.green {
  background-color: #00405c;
  color: #fff;
}
.b_resort_shima .box_info_list .info_list .info_txt .ic.green {
  background-color: #00405c;
  color: #fff;
}
.b_hotel_sheraton .box_info_list .info_list .info_txt .ic.green {
  background-color: #878686;
  color: #fff;
}
.b_city .box_info_list .info_list .info_txt .ic.green {
  background-color: #3aa5b5;
  color: #fff;
}
.b_sogo .box_info_list .info_list .info_txt .ic.green {
  background-color: #003a56;
  color: #fff;
}
.b_hotel_marriott .box_info_list .info_list .info_txt .ic.green {
  background-color: #e3e1de;
}
.b_resort .box_info_list .info_list .info_txt .ic.green {
  background-color: #f5dba5;
}
.box_info_list .info_list .info_txt .ic.border {
  background-color: #fff;
  border: 1px solid #c9ded3;
}
.b_hotel .box_info_list .info_list .info_txt .ic.border {
  border-color: #896ba6;
}
.b_tp_universal .box_info_list .info_list .info_txt .ic.border {
  border-color: #00405c;
}
.b_resort_shima .box_info_list .info_list .info_txt .ic.border {
  border-color: #00405c;
}
.b_hotel_sheraton .box_info_list .info_list .info_txt .ic.border {
  border-color: #878686;
}
.b_city .box_info_list .info_list .info_txt .ic.border {
  border-color: #add9db;
}
.b_sogo .box_info_list .info_list .info_txt .ic.border {
  border-color: #003a56;
}
.box_info_list .info_list .info_txt .title {
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", "MS Ｐゴシック", "MS PGothic", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
  letter-spacing: 0.16em;
  line-height: 1.5;
}
@media only screen and (min-width: 768px) {
  .box_info_list .info_list .info_txt .title {
    font-size: 134%;
  }
}
@media only screen and (max-width: 767px) {
  .box_info_list .info_list .info_txt .title {
    font-size: 112%;
  }
}
@media only screen and (min-width: 1025px) {
  .box_info_list .info_list .info_txt .title {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_info_list .info_list .info_txt .title {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .box_info_list .info_list .info_txt .title {
    margin-bottom: 1em;
  }
}
.box_info_list .info_list .info_txt .title_sub {
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", "MS Ｐゴシック", "MS PGothic", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
  letter-spacing: 0.16em;
}
@media only screen and (min-width: 768px) {
  .box_info_list .info_list .info_txt .title_sub {
    font-size: 112%;
  }
}
@media only screen and (max-width: 767px) {
  .box_info_list .info_list .info_txt .title_sub {
    font-size: 100%;
  }
}
@media only screen and (min-width: 1025px) {
  .box_info_list .info_list .info_txt .title_sub {
    margin-top: -15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_info_list .info_list .info_txt .title_sub {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .box_info_list .info_list .info_txt .title_sub {
    margin-top: 1em;
  }
}
@media only screen and (min-width: 1025px) {
  .box_info_list .info_list .info_txt .title_sub {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_info_list .info_list .info_txt .title_sub {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .box_info_list .info_list .info_txt .title_sub {
    margin-bottom: 1em;
  }
}
@media only screen and (min-width: 1025px) {
  .box_info_list .info_list .info_txt .txt {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_info_list .info_list .info_txt .txt {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .box_info_list .info_list .info_txt .txt {
    margin-bottom: 1em;
  }
}
.box_info_list .info_list .info_txt .day {
  display: flex;
  align-items: center;
}
.box_info_list .info_list .info_txt .day .ic {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .box_info_list .info_list .info_txt .day .ic {
    margin-right: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .box_info_list .info_list .info_txt .day .ic {
    margin-right: 0.5em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_info_list .info_list .info_txt .day .ic {
    white-space: nowrap;
    width: 5em;
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .box_info_list .info_list .info_txt .day .ic {
    padding: .1em 1em;
    white-space: nowrap;
  }
}
.box_info_list .info_list .info_txt .day .txt_day {
  font-size: 84%;
}
@media only screen and (min-width: 1025px) {
  .box_info_list .info_list .info_txt .list_att {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_info_list .info_list .info_txt .list_att {
    margin-top: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .box_info_list .info_list .info_txt .list_att {
    margin-top: 1em;
  }
}
.box_info_list .info_list .info_txt .list_att li {
  padding-left: 1.1em;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .box_info_list .info_list .info_txt .list_att li {
    font-size: 73%;
  }
}
@media only screen and (max-width: 767px) {
  .box_info_list .info_list .info_txt .list_att li {
    font-size: 78%;
  }
}
.box_info_list .info_list .info_txt .list_att li::before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (min-width: 1025px) {
  .box_info_list .info_list .list_price {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_info_list .info_list .list_price {
    margin-top: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .box_info_list .info_list .list_price {
    margin-top: 1em;
  }
}
.box_info_list .info_list .list_price li {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  line-height: 1.2;
}
.box_info_list .info_list .list_price li span {
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", "MS Ｐゴシック", "MS PGothic", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
  letter-spacing: 0.16em;
}
@media only screen and (min-width: 768px) {
  .box_info_list .info_list .list_price li span.week {
    margin-right: 1em;
  }
}
@media only screen and (max-width: 767px) {
  .box_info_list .info_list .list_price li span.week {
    margin-right: 0.5em;
  }
}
.box_info_list .info_list .list_price li span.week, .box_info_list .info_list .list_price li span .txt {
  font-size: 84%;
}
.box_info_list .info_list .list_price li span .price {
  font-size: 134%;
  letter-spacing: .1em;
}
.box_info_list.col3 {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width: 1025px) {
  .box_info_list.col3 .info_list {
    width: 31.94444%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_info_list.col3 .info_list {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .box_info_list.col3 .info_list {
    width: 100%;
  }
}
@media only screen and (min-width: 1025px) {
  .box_info_list.col3 .info_list {
    margin-right: 2.08333%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_info_list.col3 .info_list {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .box_info_list.col3 .info_list {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1025px) {
  .box_info_list.col3 .info_list {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_info_list.col3 .info_list {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .box_info_list.col3 .info_list {
    margin-bottom: 2em;
  }
}
.box_info_list.col3 .info_list:nth-of-type(3n) {
  margin-right: 0;
}
.box_info_list.col3 .info_list a {
  flex-wrap: wrap;
  flex-direction: column;
  height: 100%;
  padding: 0;
}
.box_info_list.col3 .info_list .img {
  width: 100%;
  margin-right: 0;
}
@media only screen and (min-width: 1025px) {
  .box_info_list.col3 .info_list .img {
    padding: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_info_list.col3 .info_list .img {
    padding: 30px 30px 0;
  }
}
@media only screen and (max-width: 767px) {
  .box_info_list.col3 .info_list .img {
    padding: 1em 1em 0;
  }
}
.box_info_list.col3 .info_list .info_txt {
  width: 100%;
  flex-grow: 1;
}
@media only screen and (min-width: 1441px) {
  .box_info_list.col3 .info_list .info_txt {
    padding: 30px 30px 0;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .box_info_list.col3 .info_list .info_txt {
    padding: 30px 20px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_info_list.col3 .info_list .info_txt {
    padding: 0 30px 0;
  }
}
@media only screen and (max-width: 767px) {
  .box_info_list.col3 .info_list .info_txt {
    padding: 0 1em 0;
  }
}
.box_info_list.col3 .info_list .info_txt .title {
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", "MS Ｐゴシック", "MS PGothic", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
  letter-spacing: 0.16em;
  line-height: 1.5;
}
@media only screen and (min-width: 768px) {
  .box_info_list.col3 .info_list .info_txt .title {
    font-size: 134%;
  }
}
@media only screen and (max-width: 767px) {
  .box_info_list.col3 .info_list .info_txt .title {
    font-size: 112%;
  }
}
@media only screen and (min-width: 1025px) {
  .box_info_list.col3 .info_list .info_txt .title {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_info_list.col3 .info_list .info_txt .title {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .box_info_list.col3 .info_list .info_txt .title {
    margin-bottom: 1em;
  }
}
@media only screen and (min-width: 1441px) {
  .box_info_list.col3 .info_list .list_price {
    padding: 0 30px 35px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .box_info_list.col3 .info_list .list_price {
    padding: 0 20px 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_info_list.col3 .info_list .list_price {
    padding: 0 30px 35px;
  }
}
@media only screen and (max-width: 767px) {
  .box_info_list.col3 .info_list .list_price {
    padding: 0 1em 1em;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .box_info_list.col3 .info_list .list_price li span {
    letter-spacing: 0.05em;
  }
}
@media only screen and (min-width: 1441px) {
  .box_info_list.col3 .info_list .list_price li span.week, .box_info_list.col3 .info_list .list_price li span .txt {
    font-size: 73%;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .box_info_list.col3 .info_list .list_price li span.week, .box_info_list.col3 .info_list .list_price li span .txt {
    font-size: 67%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_info_list.col3 .info_list .list_price li span.week, .box_info_list.col3 .info_list .list_price li span .txt {
    font-size: 73%;
  }
}
@media only screen and (max-width: 767px) {
  .box_info_list.col3 .info_list .list_price li span.week, .box_info_list.col3 .info_list .list_price li span .txt {
    font-size: 84%;
  }
}
.box_info_list.col3 .info_list .list_price li span.week {
  margin-right: .5em;
}
@media only screen and (min-width: 1441px) {
  .box_info_list.col3 .info_list .list_price li span .price {
    font-size: 134%;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .box_info_list.col3 .info_list .list_price li span .price {
    font-size: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_info_list.col3 .info_list .list_price li span .price {
    font-size: 134%;
  }
}
@media only screen and (max-width: 767px) {
  .box_info_list.col3 .info_list .list_price li span .price {
    font-size: 134%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .main_slider_box {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (max-width: 767px) {
  .main_slider_box {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (min-width: 1025px) {
  .main_slider_box {
    margin-bottom: 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .main_slider_box {
    margin-bottom: 120px;
  }
}
@media only screen and (max-width: 767px) {
  .main_slider_box {
    margin-bottom: 5em;
  }
}
.main_slider_box .box_txt {
  max-width: 700px;
  margin: auto;
}
.main_slider_box .box_txt .tmp_st .jp {
  text-align: center;
}
@media only screen and (min-width: 1025px) {
  .main_slider_box .box_txt .tmp_st .jp {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .main_slider_box .box_txt .tmp_st .jp {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .main_slider_box .box_txt .tmp_st .jp {
    margin-bottom: 2em;
  }
}
.b_tp_universal .main_slider_box .box_txt .tmp_st {
  color: inherit;
}
.b_resort_shima .main_slider_box .box_txt .tmp_st {
  color: inherit;
}

.box_point_green {
  background-color: #c9ded3;
}
@media only screen and (min-width: 1025px) {
  .box_point_green {
    padding: 130px 0 180px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_point_green {
    padding: 100px 0;
  }
}
@media only screen and (max-width: 767px) {
  .box_point_green {
    padding: 4em 0;
  }
}
@media only screen and (min-width: 1025px) {
  .box_point_green {
    overflow: hidden;
  }
}
.b_hotel .box_point_green {
  background-color: #e3dced;
  background-color: #f4f1f8;
}
.b_hotel_sheraton .box_point_green {
  background-color: #6f625d;
  color: #fff;
}
.b_tp_universal .box_point_green {
  background-color: #e8e8ec;
}
.b_resort_shima .box_point_green {
  background-color: #e9e8ed;
}
.b_city .box_point_green {
  background-color: #eaf5f6;
  color: inherit;
}
.b_hotel_marriott .box_point_green {
  background-color: #e3e1de;
  color: inherit;
}
.b_resort .box_point_green {
  background-color: #faedd2;
  color: inherit;
}
@media only screen and (min-width: 1025px) {
  .box_point_green .tmp_st_h4_jp {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_point_green .tmp_st_h4_jp {
    margin-bottom: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .box_point_green .tmp_st_h4_jp {
    margin-bottom: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .box_point_green .tmp_st_h4_jp {
    width: 82%;
    margin-left: auto;
    margin-right: auto;
  }
}
.box_point_green .box_txt .tmp_more {
  justify-content: flex-end;
}
@media only screen and (min-width: 1025px) {
  .box_point_green .box_txt .tmp_more {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_point_green .box_txt .tmp_more {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .box_point_green .box_txt .tmp_more {
    margin-top: 1em;
  }
}
.b_hotel_sheraton .box_point_green .box_txt .tmp_more a {
  color: #fff;
}
.b_hotel_westin .box_point_green .box_txt .tmp_more a .ic_circle::before {
  background-color: #fff;
}
.b_hotel_westin .box_point_green .box_txt .tmp_more a .ic_circle::after {
  background-color: #fff;
}
.b_hotel_sheraton .box_point_green .box_txt .tmp_more a .ic_circle {
  background-image: url("../images/common/btn_c_white.svg");
}
.b_hotel_sheraton .box_point_green .box_txt .tmp_more a .ic_circle::before {
  background-color: #fff !important;
}
.b_hotel_westin .box_point_green .box_txt .tmp_more a:hover .ic_circle::before {
  background-color: #c9ded3;
}
.b_hotel_sheraton .box_point_green .box_txt .tmp_more a:hover .ic_circle::after {
  background-color: #afa6a0;
}
.b_hotel_sheraton .box_point_green .box_txt .tmp_more a:hover .ic_circle::before {
  background-color: #fff !important;
}

.con_side_black {
  background-color: #676c72;
}
@media only screen and (min-width: 1025px) {
  .con_side_black {
    padding: 140px 0 180px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_side_black {
    padding: 100px 0 100px;
  }
}
@media only screen and (max-width: 767px) {
  .con_side_black {
    padding: 5em 0;
  }
}
.b_hotel .con_side_black {
  background-color: #e3dced;
}
.b_tp_universal .con_side_black {
  background-color: #e8e8ec;
}
.b_resort_shima .con_side_black {
  background-color: #e8e8ec;
}
.b_hotel_sheraton .con_side_black {
  background-color: #6f625d;
}
.b_city .con_side_black {
  background-color: #eaf5f6;
}
.b_hotel_marriott .con_side_black {
  background-color: #e3e1de;
}
.b_resort .con_side_black {
  background-color: #faedd2;
}
@media only screen and (min-width: 1025px) {
  .con_side_black > .tmp_st {
    margin-bottom: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_side_black > .tmp_st {
    margin-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .con_side_black > .tmp_st {
    margin-bottom: 2em;
  }
}
.con_side_black > .tmp_st .jp {
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .con_side_black > .tmp_st .jp {
    font-size: 189%;
  }
}
@media only screen and (max-width: 767px) {
  .con_side_black > .tmp_st .jp {
    font-size: 156%;
  }
}
.b_hotel .con_side_black > .tmp_st .jp {
  color: inherit;
}
.b_tp_universal .con_side_black > .tmp_st .jp {
  color: inherit;
}
.b_resort_shima .con_side_black > .tmp_st .jp {
  color: inherit;
}
.b_city .con_side_black > .tmp_st .jp {
  color: inherit;
}
.b_hotel_marriott .con_side_black > .tmp_st .jp {
  color: inherit;
}
.b_resort .con_side_black > .tmp_st .jp {
  color: inherit;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_side_black .wrp_side {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (max-width: 767px) {
  .con_side_black .wrp_side {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
.con_side_black .wrp_side .box {
  display: flex;
  justify-content: space-between;
  max-width: 1680px;
}
@media only screen and (min-width: 1025px) {
  .con_side_black .wrp_side .box {
    margin-bottom: 140px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_side_black .wrp_side .box {
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .con_side_black .wrp_side .box {
    margin-bottom: 5em;
  }
}
.con_side_black .wrp_side .box:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1025px) {
  .con_side_black .wrp_side .box {
    width: 95%;
  }
  .con_side_black .wrp_side .box.center {
    align-items: center;
  }
}
@media only screen and (max-width: 1024px) {
  .con_side_black .wrp_side .box {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 1025px) {
  .con_side_black .wrp_side .box .img {
    width: 56.5%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_side_black .wrp_side .box .img {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_side_black .wrp_side .box .img {
    width: 100%;
  }
}
.con_side_black .wrp_side .box .img > div {
  width: 100%;
  position: relative;
}
@media only screen and (min-width: 1025px) {
  .con_side_black .wrp_side .box .img > div {
    padding-top: 66.66%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_side_black .wrp_side .box .img > div {
    padding-top: 58.6%;
  }
}
@media only screen and (max-width: 767px) {
  .con_side_black .wrp_side .box .img > div {
    padding-top: 66.66%;
  }
}
.con_side_black .wrp_side .box .img img {
  object-fit: cover;
  font-family: 'object-fit: cover;';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.con_side_black .wrp_side .box .box_txt {
  color: #fff;
}
@media only screen and (min-width: 1025px) {
  .con_side_black .wrp_side .box .box_txt {
    width: 37%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_side_black .wrp_side .box .box_txt {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_side_black .wrp_side .box .box_txt {
    width: 100%;
  }
}
@media only screen and (min-width: 1025px) {
  .con_side_black .wrp_side .box .box_txt {
    margin-top: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_side_black .wrp_side .box .box_txt {
    margin-top: 3.5em;
  }
}
@media only screen and (max-width: 767px) {
  .con_side_black .wrp_side .box .box_txt {
    margin-top: 2.2rem;
  }
}
.b_hotel .con_side_black .wrp_side .box .box_txt {
  color: inherit;
}
.b_tp_universal .con_side_black .wrp_side .box .box_txt {
  color: inherit;
}
.b_resort_shima .con_side_black .wrp_side .box .box_txt {
  color: inherit;
}
.b_city .con_side_black .wrp_side .box .box_txt {
  color: inherit;
}
.b_hotel_marriott .con_side_black .wrp_side .box .box_txt {
  color: inherit;
}
.b_resort .con_side_black .wrp_side .box .box_txt {
  color: inherit;
}
.con_side_black .wrp_side .box .box_txt .tmp_st_h3_en, .con_side_black .wrp_side .box .box_txt .tmp_st_h4_jp {
  margin-bottom: 1.5em;
}
.b_resort .con_side_black .wrp_side .box .box_txt .tmp_st_h3_en, .b_resort .con_side_black .wrp_side .box .box_txt .tmp_st_h4_jp {
  color: inherit;
}
.b_resort .con_side_black .wrp_side .box .box_txt .tmp_st_h3_en .inner::before, .b_resort .con_side_black .wrp_side .box .box_txt .tmp_st_h3_en .inner::after, .b_resort .con_side_black .wrp_side .box .box_txt .tmp_st_h4_jp .inner::before, .b_resort .con_side_black .wrp_side .box .box_txt .tmp_st_h4_jp .inner::after {
  display: none;
}
.con_side_black .wrp_side .box .box_txt .tmp_st_h5 {
  margin-bottom: 1em;
}
.b_resort_shima .con_side_black .wrp_side .box .box_txt .tmp_st_h5 {
  color: inherit;
}
.con_side_black .wrp_side .box .box_txt .txt {
  margin-bottom: 2em;
}
.con_side_black .wrp_side .box .box_txt .box_btn {
  display: flex;
  justify-content: space-between;
}
@media only screen and (min-width: 1025px) {
  .con_side_black .wrp_side .box .box_txt .box_btn {
    margin-top: 4em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_side_black .wrp_side .box .box_txt .box_btn {
    margin-top: 3em;
  }
}
@media only screen and (max-width: 767px) {
  .con_side_black .wrp_side .box .box_txt .box_btn {
    margin-top: 2em;
  }
}
.con_side_black .wrp_side .box .box_txt .box_btn.only {
  justify-content: flex-end;
}
.con_side_black .wrp_side .box .box_txt .box_btn .btn {
  width: 49%;
  margin: 0;
}
.con_side_black .wrp_side .box .box_txt .box_btn .btn a {
  width: 100%;
  min-width: auto;
  padding-right: 0.5em;
  padding-left: 0.5em;
}
.con_side_black .wrp_side .box .box_txt .box_btn .btn.tmp_more {
  border: 1px solid #fff;
}
.b_city .con_side_black .wrp_side .box .box_txt .box_btn .btn.tmp_more {
  border-color: #add9db;
}
.b_resort .con_side_black .wrp_side .box .box_txt .box_btn .btn.tmp_more {
  border-color: #c5c6c6;
}
.b_hotel .con_side_black .wrp_side .box .box_txt .box_btn .btn.tmp_more {
  border-color: #c5c6c6;
}
.con_side_black .wrp_side .box .box_txt .box_btn .btn.tmp_more .en {
  color: #fff;
}
.b_hotel .con_side_black .wrp_side .box .box_txt .box_btn .btn.tmp_more .en {
  color: inherit;
}
.b_tp_universal .con_side_black .wrp_side .box .box_txt .box_btn .btn.tmp_more .en {
  color: inherit;
}
.b_resort_shima .con_side_black .wrp_side .box .box_txt .box_btn .btn.tmp_more .en {
  color: inherit;
}
.b_city .con_side_black .wrp_side .box .box_txt .box_btn .btn.tmp_more .en {
  color: inherit;
}
.b_hotel_marriott .con_side_black .wrp_side .box .box_txt .box_btn .btn.tmp_more .en {
  color: inherit;
}
.b_resort .con_side_black .wrp_side .box .box_txt .box_btn .btn.tmp_more .en {
  color: inherit;
}
.b_hotel_sheraton .con_side_black .wrp_side .box .box_txt .box_btn .circle a .ic_circle {
  background-image: url("../images/common/btn_c_white.svg");
}
.b_hotel_sheraton .con_side_black .wrp_side .box .box_txt .box_btn .circle a .ic_circle::before {
  background-color: #fff !important;
}
.con_side_black .wrp_side .box .box_txt .box_btn .circle a .en {
  color: #fff;
}
.b_hotel .con_side_black .wrp_side .box .box_txt .box_btn .circle a .en {
  color: inherit;
}
.b_tp_universal .con_side_black .wrp_side .box .box_txt .box_btn .circle a .en {
  color: inherit;
}
.b_resort_shima .con_side_black .wrp_side .box .box_txt .box_btn .circle a .en {
  color: inherit;
}
.b_city .con_side_black .wrp_side .box .box_txt .box_btn .circle a .en {
  color: inherit;
}
.b_hotel_marriott .con_side_black .wrp_side .box .box_txt .box_btn .circle a .en {
  color: inherit;
}
.b_resort .con_side_black .wrp_side .box .box_txt .box_btn .circle a .en {
  color: inherit;
}
@media only screen and (min-width: 1025px) {
  .con_side_black .wrp_side .box.left {
    margin-right: auto;
  }
}
@media only screen and (min-width: 1025px) {
  .con_side_black .wrp_side .box.right {
    margin-left: auto;
  }
  .con_side_black .wrp_side .box.right .img {
    order: 2;
  }
  .con_side_black .wrp_side .box.right .box_txt {
    order: 1;
  }
}

.con_photo_block {
  max-width: 1440px;
}
@media only screen and (min-width: 1025px) {
  .con_photo_block {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_photo_block {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (max-width: 767px) {
  .con_photo_block {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
.con_photo_block .tmp_st_h3_en {
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 1025px) {
  .con_photo_block .tmp_st_h3_en {
    margin-bottom: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_photo_block .tmp_st_h3_en {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .con_photo_block .tmp_st_h3_en {
    margin-bottom: 1.5em;
  }
}
.con_photo_block .st_photo {
  border-bottom: 1px solid #c5c6c6;
  cursor: pointer;
}
@media only screen and (min-width: 1025px) {
  .con_photo_block .st_photo {
    margin-bottom: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_photo_block .st_photo {
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .con_photo_block .st_photo {
    margin-bottom: 2em;
  }
}
@media only screen and (min-width: 768px) {
  .con_photo_block .st_photo {
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .con_photo_block .st_photo {
    padding-bottom: 0.5em;
  }
}
.con_photo_block .st_photo .en {
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .con_photo_block .st_photo .en {
    font-size: 117%;
  }
}
@media only screen and (max-width: 767px) {
  .con_photo_block .st_photo .en {
    font-size: 100%;
  }
}
.con_photo_block .st_photo::after {
  content: "\f3d0";
  display: block;
  text-align: center;
  font-family: "Ionicons";
}
.con_photo_block .st_photo.is-active::after {
  transform: rotate(180deg);
}
.con_photo_block .photo_block {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) {
  .con_photo_block .photo_block:not(:last-of-type) {
    margin-bottom: 2.08333%;
  }
}
@media only screen and (max-width: 767px) {
  .con_photo_block .photo_block:not(:last-of-type) {
    margin-bottom: 2%;
  }
}
.con_photo_block .photo_block .box_gallery_inner:not(:nth-child(3n+1)) {
  margin-left: 2.01389%;
}
.con_photo_block .photo_block .box_gallery_inner .grid-item {
  height: 100%;
}
.con_photo_block .photo_block .box_gallery_inner a {
  display: block;
  width: 100%;
  height: 100%;
  padding-bottom: 66.66667%;
  margin-top: 0;
  position: relative;
}
.con_photo_block .photo_block .box_gallery_inner a img {
  object-fit: cover;
  font-family: 'object-fit: cover;';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.con_photo_block .photo_block.right .box_gallery_inner:nth-child(1), .con_photo_block .photo_block.right .box_gallery_inner:nth-child(2) {
  width: 39.16667%;
}
.con_photo_block .photo_block.right .box_gallery_inner:nth-child(3) {
  width: 17.36111%;
}
@media only screen and (min-width: 1025px) {
  .con_photo_block .photo_block.right .box_gallery_inner:nth-child(3) {
    max-width: 250px;
  }
}
.con_photo_block .photo_block.right .box_gallery_inner:nth-child(3) a {
  padding-bottom: 66.66667%;
}
.con_photo_block .photo_block.left .box_gallery_inner:nth-child(1), .con_photo_block .photo_block.left .box_gallery_inner:nth-child(2) {
  width: 22.5%;
}
.con_photo_block .photo_block.left .box_gallery_inner:nth-child(1) a, .con_photo_block .photo_block.left .box_gallery_inner:nth-child(2) a {
  padding-bottom: 150.30864%;
}
.con_photo_block .photo_block.left .box_gallery_inner:nth-child(3) {
  width: 50.76389%;
}
@media only screen and (min-width: 1025px) {
  .con_photo_block .photo_block.left .box_gallery_inner:nth-child(3) {
    max-width: 730px;
  }
}
.con_photo_block .photo_block.left .box_gallery_inner:nth-child(3) a {
  padding-bottom: 66.71233%;
}
.con_photo_block .photo_block.small .box_gallery_inner {
  width: 32.01389%;
}
@media only screen and (min-width: 1025px) {
  .con_photo_block .photo_block.small .box_gallery_inner {
    max-width: 460px;
  }
}
.con_photo_block .photo_block.small .box_gallery_inner:nth-child(3n+3) {
  margin-left: 1.94444%;
}

@media only screen and (min-width: 768px) {
  .con_photo + .con_photo_block {
    margin-top: 2.08333%;
  }
}
@media only screen and (max-width: 767px) {
  .con_photo + .con_photo_block {
    margin-top: 2%;
  }
}

@media only screen and (min-width: 768px) {
  #contents > .con_photo_block:last-child {
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 767px) {
  #contents > .con_photo_block:last-child {
    margin-bottom: 8em;
  }
}

.mfp-container .mfp-content .mfp-figure .mfp-close {
  right: 0;
  padding-right: 0;
  left: calc(100% + 1em);
  width: auto;
}
@media only screen and (max-width: 767px) {
  .mfp-container .mfp-content .mfp-figure .mfp-close {
    left: 100%;
  }
}

.mfp_arrow {
  display: block;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.mfp_arrow::before {
  font-family: "Ionicons";
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .mfp_arrow::before {
    font-size: 334%;
  }
}
@media only screen and (max-width: 767px) {
  .mfp_arrow::before {
    font-size: 223%;
  }
}
.mfp_arrow.mfp_left {
  left: auto;
}
.mfp_arrow.mfp_left::before {
  content: '\f3d5';
}
@media only screen and (min-width: 1025px) {
  .mfp_arrow.mfp_left {
    right: calc(50% + 910px/2 + 90px);
  }
}
@media only screen and (min-width: 1025px) {
  .mfp_arrow.mfp_left {
    right: calc(50% + 22.75% + 90px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .mfp_arrow.mfp_left {
    right: calc(50% + 35% + 20px);
  }
}
@media only screen and (max-width: 767px) {
  .mfp_arrow.mfp_left {
    right: calc(50% + 40% + 20px);
    right: auto;
    left: 3%;
  }
}
.mfp_arrow.mfp_right {
  right: auto;
}
.mfp_arrow.mfp_right::before {
  content: '\f3d6';
}
@media only screen and (min-width: 1025px) {
  .mfp_arrow.mfp_right {
    left: calc(50% + 22.75% + 90px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .mfp_arrow.mfp_right {
    left: calc(50% + 35% + 20px);
  }
}
@media only screen and (max-width: 767px) {
  .mfp_arrow.mfp_right {
    left: auto;
    right: 3%;
  }
}

.mfp-content .mfp-bottom-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  top: auto;
  bottom: 0;
}
.mfp-content .mfp-bottom-bar .mfp-title {
  text-align: center;
  padding-right: 0;
}
.mfp-content .mfp-bottom-bar .mfp-counter {
  display: none;
}
.mfp-content .mfp-figure .mfp-close, .mfp-content .mfp-iframe-scaler .mfp-close {
  font-family: inherit;
}
@media only screen and (min-width: 768px) {
  .mfp-content .mfp-figure .mfp-close, .mfp-content .mfp-iframe-scaler .mfp-close {
    font-size: 389%;
  }
}
@media only screen and (max-width: 767px) {
  .mfp-content .mfp-figure .mfp-close, .mfp-content .mfp-iframe-scaler .mfp-close {
    font-size: 278%;
  }
}

@media only screen and (min-width: 1025px) {
  .mfp-image-holder .mfp-content {
    max-width: 45.5% !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .mfp-image-holder .mfp-content {
    max-width: 70% !important;
  }
}
@media only screen and (max-width: 767px) {
  .mfp-image-holder .mfp-content {
    max-width: 80% !important;
  }
}

@media only screen and (min-width: 1025px) {
  .con_intro_bar {
    margin-top: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_intro_bar {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro_bar {
    margin-top: 1.5em;
  }
}
@media only screen and (min-width: 1025px) {
  .con_intro_bar {
    margin-bottom: 130px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_intro_bar {
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro_bar {
    margin-bottom: 3em;
  }
}
@media only screen and (min-width: 1025px) {
  .con_intro_bar {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media only screen and (min-width: 1025px) {
  .con_intro_bar .box_cont {
    width: 51box_reserve_border 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_intro_bar .box_cont {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro_bar .box_cont {
    width: 100%;
  }
}
@media only screen and (min-width: 1025px) {
  .con_intro_bar .box_cont {
    padding-right: 5.55556%;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_intro_bar .box_cont {
    padding-right: 3.5%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_intro_bar .box_cont {
    text-align: center;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro_bar .box_cont {
    margin-bottom: 2em;
  }
}
@media only screen and (min-width: 1025px) {
  .con_intro_bar .box_cont .txt {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_intro_bar .box_cont .txt {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro_bar .box_cont .txt {
    margin-bottom: 1em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_intro_bar .box_cont .tmp_more {
    justify-content: center;
  }
}
@media only screen and (min-width: 1025px) {
  .con_intro_bar .box_cont + .box_aibox {
    width: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_intro_bar .box_cont + .box_aibox {
    width: 70%;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro_bar .box_cont + .box_aibox {
    width: 100%;
  }
}
@media only screen and (min-width: 1025px) {
  .con_intro_bar .box_cont + .box_aibox {
    border-left: 1px solid #eee;
    padding-left: 5.55556%;
  }
}
@media only screen and (max-width: 1024px) {
  .con_intro_bar .box_cont + .box_aibox {
    margin-left: auto;
    margin-right: auto;
  }
}
.con_intro_bar .box_cont + .box_aibox a {
  display: block;
}
.con_intro_bar.nobar .box_cont {
  width: 100%;
  padding-right: 0;
}
@media only screen and (min-width: 768px) {
  .con_intro_bar.nobar .box_cont {
    text-align: center;
  }
}
@media only screen and (min-width: 1025px) {
  .con_intro_bar.nobar .box_cont .txt {
    margin-bottom: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_intro_bar.nobar .box_cont .txt {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro_bar.nobar .box_cont .txt {
    margin-bottom: 2em;
  }
}
.con_intro_bar.nobar .box_cont .btn_cont {
  justify-content: center;
}
.con_intro_bar.nobar .box_aibox {
  display: none;
}

.con_slide_topic {
  max-width: 1670px;
}
@media only screen and (min-width: 768px) {
  .con_slide_topic {
    margin-top: 160px;
  }
}
@media only screen and (max-width: 767px) {
  .con_slide_topic {
    margin-top: 6em;
  }
}
@media only screen and (min-width: 768px) {
  .con_slide_topic {
    margin-bottom: 180px;
  }
}
@media only screen and (max-width: 767px) {
  .con_slide_topic {
    margin-bottom: 6em;
  }
}
@media only screen and (min-width: 1025px) {
  .con_slide_topic {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_slide_topic {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (max-width: 767px) {
  .con_slide_topic {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
.con_slide_topic .box_slider .slide {
  position: relative;
}
.con_slide_topic .box_slider .slide .img {
  margin-bottom: 0 !important;
}
.con_slide_topic .box_slider .slide .img img {
  z-index: -1;
}
.con_slide_topic .box_slider .slide .box_txt {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  line-height: 1.5625;
  padding: 1.5em 0;
}
.con_slide_topic .box_slider .slide .box_txt > * {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 768px) {
  .con_slide_topic .box_slider .slide .box_txt > * {
    width: calc(100% - 2em);
  }
}
@media only screen and (max-width: 767px) {
  .con_slide_topic .box_slider .slide .box_txt > * {
    width: calc(100% - 1.5em);
  }
}
.con_slide_topic .box_slider .slide .box_txt .cate {
  font-family: 'Open Sans', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
  text-transform: uppercase;
  font-size: 78%;
  background-color: #c9ded3;
  position: absolute;
  left: 0;
  top: 0;
  width: auto;
  padding: .1em .75em;
}
.b_hotel .con_slide_topic .box_slider .slide .box_txt .cate {
  background-color: #896ba6;
  color: #fff;
}
.b_tp_universal .con_slide_topic .box_slider .slide .box_txt .cate {
  background-color: #00405c;
  color: #fff;
}
.b_resort_shima .con_slide_topic .box_slider .slide .box_txt .cate {
  background-color: #00405c;
  color: #fff;
}
.b_hotel_sheraton .con_slide_topic .box_slider .slide .box_txt .cate {
  background-color: #878686;
  color: #fff;
}
.b_city .con_slide_topic .box_slider .slide .box_txt .cate {
  background-color: #3aa5b5;
  color: #fff;
}
.b_hotel_marriott .con_slide_topic .box_slider .slide .box_txt .cate {
  background-color: #262324;
  color: #fff;
}
.b_resort .con_slide_topic .box_slider .slide .box_txt .cate {
  background-color: #e6a51e;
  color: #fff;
}
.con_slide_topic .box_slider > .slide:not(:first-child) {
  display: none;
}

.con_slide_wedding {
  max-width: 1670px;
}
@media only screen and (min-width: 1025px) {
  .con_slide_wedding {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_slide_wedding {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (max-width: 767px) {
  .con_slide_wedding {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}

.box_bd_gray {
  border: 1px solid #c5c6c6;
}
@media only screen and (min-width: 768px) {
  .box_bd_gray + .box_bd_gray {
    margin-top: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .box_bd_gray + .box_bd_gray {
    margin-top: 3em;
  }
}
.box_bd_gray a.inner {
  text-decoration: none;
  transition: 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) background-color;
}
.mouse .box_bd_gray a.inner:hover, .touch .box_bd_gray a.inner.touchstart {
  background-color: #c9ded3;
}
.touch .box_bd_gray a.inner {
  -webkit-tap-highlight-color: transparent;
}
.touch .box_bd_gray a.inner.touchend {
  transition-delay: 200ms;
}
.box_bd_gray .inner {
  display: flex;
  justify-content: space-between;
}
@media only screen and (min-width: 1025px) {
  .box_bd_gray .inner {
    padding: 5em 5em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_bd_gray .inner {
    padding: 3em 3em;
  }
}
@media only screen and (max-width: 767px) {
  .box_bd_gray .inner {
    padding: 3em 2em;
  }
}
@media only screen and (min-width: 1025px) {
  .box_bd_gray .inner {
    align-items: center;
  }
}
@media only screen and (max-width: 767px) {
  .box_bd_gray .inner {
    flex-wrap: wrap;
  }
}
.box_bd_gray .inner .img {
  max-width: 590px;
}
@media only screen and (min-width: 768px) {
  .box_bd_gray .inner .img {
    width: 47%;
  }
}
@media only screen and (max-width: 767px) {
  .box_bd_gray .inner .img {
    width: 100%;
  }
}
.box_bd_gray .inner .img > div {
  width: 100%;
  padding-top: 66.66%;
  position: relative;
}
.box_bd_gray .inner .img img {
  object-fit: cover;
  font-family: 'object-fit: cover;';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
@media only screen and (min-width: 768px) {
  .box_bd_gray .inner .box_txt {
    width: 46%;
  }
}
@media only screen and (max-width: 767px) {
  .box_bd_gray .inner .box_txt {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .box_bd_gray .inner .box_txt {
    margin-top: 1.5em;
  }
}
.box_bd_gray .inner .box_txt .tmp_more {
  margin-top: 1em;
}

@media only screen and (min-width: 1025px) {
  .con_footer_guidance {
    margin-top: 190px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_footer_guidance {
    margin-top: 160px;
  }
}
@media only screen and (max-width: 767px) {
  .con_footer_guidance {
    margin-top: 8em;
  }
}
.con_footer_guidance .list_guidance {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width: 1025px) {
  .con_footer_guidance .list_guidance li {
    width: 47.5%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_footer_guidance .list_guidance li {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_footer_guidance .list_guidance li {
    width: 48%;
  }
}
@media only screen and (min-width: 1025px) {
  .con_footer_guidance .list_guidance li:nth-child(even) {
    margin-left: 5%;
  }
  .con_footer_guidance .list_guidance li:nth-child(n+3) {
    margin-top: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_footer_guidance .list_guidance li:nth-child(n+2) {
    margin-top: 3em;
  }
}
@media only screen and (max-width: 767px) {
  .con_footer_guidance .list_guidance li:nth-child(even) {
    margin-left: 4%;
  }
  .con_footer_guidance .list_guidance li:nth-child(n+3) {
    margin-top: 3em;
  }
}
.con_footer_guidance .list_guidance li a {
  display: flex;
  justify-content: space-between;
  text-decoration: none;
}
@media only screen and (min-width: 1441px) {
  .con_footer_guidance .list_guidance li a {
    align-items: flex-end;
  }
}
@media only screen and (max-width: 767px) {
  .con_footer_guidance .list_guidance li a {
    flex-wrap: wrap;
  }
}
.con_footer_guidance .list_guidance li a .img {
  overflow: hidden;
}
@media only screen and (min-width: 1025px) {
  .con_footer_guidance .list_guidance li a .img {
    width: 53%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_footer_guidance .list_guidance li a .img {
    width: 33%;
  }
}
@media only screen and (max-width: 767px) {
  .con_footer_guidance .list_guidance li a .img {
    width: 100%;
  }
}
@media only screen and (min-width: 1025px) {
  .con_footer_guidance .list_guidance li a .img {
    width: 52.63158%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_footer_guidance .list_guidance li a .img {
    width: 33%;
  }
}
@media only screen and (max-width: 767px) {
  .con_footer_guidance .list_guidance li a .img {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_footer_guidance .list_guidance li a .img {
    margin-bottom: 1.2em;
  }
}
@media only screen and (min-width: 1025px) {
  .con_footer_guidance .list_guidance li a .box_txt {
    width: 41%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_footer_guidance .list_guidance li a .box_txt {
    width: 61%;
  }
}
@media only screen and (max-width: 767px) {
  .con_footer_guidance .list_guidance li a .box_txt {
    width: 100%;
  }
}
@media only screen and (min-width: 1441px) {
  .con_footer_guidance .list_guidance li a .box_txt {
    margin-bottom: 30px;
  }
}
.con_footer_guidance .list_guidance li a .box_txt > .tmp_st {
  font-size: 112%;
}
@media only screen and (min-width: 768px) {
  .con_footer_guidance .list_guidance li a .box_txt > .tmp_st {
    margin-bottom: 1em;
  }
}
@media only screen and (max-width: 767px) {
  .con_footer_guidance .list_guidance li a .box_txt > .tmp_st {
    margin-bottom: 0.7em;
  }
}
.b_tp_universal .con_footer_guidance .list_guidance li a .box_txt > .tmp_st {
  color: inherit;
}
.b_resort_shima .con_footer_guidance .list_guidance li a .box_txt > .tmp_st {
  color: inherit;
}
@media only screen and (min-width: 768px) {
  .con_footer_guidance .list_guidance li a .box_txt p {
    line-height: 1.94444;
  }
}
@media only screen and (max-width: 767px) {
  .con_footer_guidance .list_guidance li a .box_txt p {
    line-height: 1.94444;
  }
}
@media only screen and (min-width: 768px) {
  .con_footer_guidance .list_guidance li a .box_txt p {
    min-height: 3.88889em;
  }
}
@media only screen and (max-width: 767px) {
  .con_footer_guidance .list_guidance li a .box_txt p {
    min-height: 3.88889em;
  }
}

.con_concept_side.bg_black {
  background-color: #676c72;
}
@media only screen and (min-width: 1025px) {
  .con_concept_side.bg_black {
    padding: 150px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_concept_side.bg_black {
    padding: 100px 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_concept_side.bg_black {
    padding: 4em 0;
  }
}
.b_hotel .con_concept_side.bg_black {
  background-color: #e3dced;
}
.b_tp_universal .con_concept_side.bg_black {
  background-color: #e8e8ec;
}
.b_resort_shima .con_concept_side.bg_black {
  background-color: #e8e8ec;
}
.b_hotel_sheraton .con_concept_side.bg_black {
  background-color: #6f625d;
}
.b_city .con_concept_side.bg_black {
  background-color: #eaf5f6;
}
.b_hotel_marriott .con_concept_side.bg_black {
  background-color: #e3e2de;
}
.b_resort .con_concept_side.bg_black {
  background-color: #faedd2;
}
.con_concept_side.bg_black .box_txt {
  color: #fff;
}
.b_hotel .con_concept_side.bg_black .box_txt {
  color: inherit;
}
.b_tp_universal .con_concept_side.bg_black .box_txt {
  color: inherit;
}
.b_resort_shima .con_concept_side.bg_black .box_txt {
  color: inherit;
}
.b_city .con_concept_side.bg_black .box_txt {
  color: inherit;
}
.b_hotel_marriott .con_concept_side.bg_black .box_txt {
  color: inherit;
}
.b_resort .con_concept_side.bg_black .box_txt {
  color: inherit;
}
.con_concept_side .box_concept {
  max-width: 1680px;
  width: 95%;
  display: flex;
  justify-content: space-between;
  margin-right: auto;
}
@media only screen and (min-width: 1025px) {
  .con_concept_side .box_concept {
    align-items: center;
  }
}
@media only screen and (max-width: 767px) {
  .con_concept_side .box_concept {
    width: 92%;
    margin-left: auto;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 768px) {
  .con_concept_side .box_concept .img {
    width: 66%;
  }
}
@media only screen and (max-width: 767px) {
  .con_concept_side .box_concept .img {
    width: 100%;
  }
}
.con_concept_side .box_concept .img > div {
  width: 100%;
  padding-top: 66.66%;
  position: relative;
}
.con_concept_side .box_concept .img > div img {
  object-fit: cover;
  font-family: 'object-fit: cover;';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
@media only screen and (min-width: 1025px) {
  .con_concept_side .box_concept .box_txt {
    width: 27%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_concept_side .box_concept .box_txt {
    width: 30%;
  }
}
@media only screen and (max-width: 767px) {
  .con_concept_side .box_concept .box_txt {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_concept_side .box_concept .box_txt {
    margin-top: 2.7em;
  }
}
.con_concept_side .box_concept .box_txt .tmp_st_h3_en {
  margin-bottom: 1.5em;
}
.con_concept_side .box_concept .box_txt .tmp_st_h5 {
  margin-bottom: 1em;
}
.con_concept_side .box_concept.reverse {
  margin-right: 0;
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .con_concept_side .box_concept.reverse {
    margin-right: auto;
  }
}
@media only screen and (min-width: 768px) {
  .con_concept_side .box_concept.reverse .img {
    order: 2;
  }
}
@media only screen and (min-width: 768px) {
  .con_concept_side .box_concept.reverse .box_txt {
    order: 1;
  }
}
@media only screen and (min-width: 1025px) {
  .con_concept_side .con_col {
    margin-top: 75px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_concept_side .con_col {
    margin-top: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .con_concept_side .con_col {
    margin-top: 1.5em;
  }
}
@media only screen and (min-width: 1025px) {
  .con_concept_side .con_col {
    margin-bottom: 160px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_concept_side .con_col {
    margin-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .con_concept_side .con_col {
    margin-bottom: 5em;
  }
}

.con_topi_offer {
  max-width: 1920px;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 768px) {
  .con_topi_offer {
    margin-bottom: 180px;
  }
}
@media only screen and (max-width: 767px) {
  .con_topi_offer {
    margin-bottom: 6em;
  }
}
@media only screen and (min-width: 768px) {
  .con_topi_offer {
    margin-top: 160px;
  }
}
@media only screen and (max-width: 767px) {
  .con_topi_offer {
    margin-top: 6em;
  }
}
@media only screen and (min-width: 1025px) {
  .con_topi_offer {
    display: flex;
    justify-content: center;
  }
}

.box_topi_offer {
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_topi_offer {
    margin-right: auto;
    margin-left: auto;
    width: 80%;
  }
}
@media only screen and (max-width: 767px) {
  .box_topi_offer {
    margin-right: auto;
    margin-left: auto;
    width: 88%;
  }
}
.box_topi_offer > .inner {
  position: relative;
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .box_topi_offer {
    width: 50%;
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1440px) {
  .box_topi_offer {
    width: 60%;
  }
  .box_topi_offer.offers {
    width: 40%;
  }
}

@media only screen and (max-width: 1024px) and (min-width: 768px) and (max-width: 1024px) {
  .box_topi_offer.offers {
    margin-top: 80px;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 767px) {
  .box_topi_offer.offers {
    margin-top: 6em;
  }
}

@media only screen and (min-width: 1025px) {
  .box_topi_offer .st_topi_offer {
    margin-right: auto;
    margin-left: auto;
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .box_topi_offer .st_topi_offer {
    width: calc(100% - (100px * 2));
    max-width: 700px;
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1440px) {
  .box_topi_offer .st_topi_offer {
    width: calc(100% - (75px * 2));
  }
}

@media only screen and (min-width: 1441px) {
  .box_topi_offer .st_topi_offer {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .box_topi_offer .st_topi_offer {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_topi_offer .st_topi_offer {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .box_topi_offer .st_topi_offer {
    margin-bottom: 1.5em;
  }
}
@media only screen and (min-width: 1025px) {
  .b_tp_universal .box_topi_offer .st_topi_offer .inner {
    margin-right: -7em;
  }
  .b_tp_universal .box_topi_offer .st_topi_offer .inner .en:after {
    display: none;
  }
}
@media only screen and (min-width: 1025px) {
  .b_resort_shima .box_topi_offer .st_topi_offer .inner {
    margin-right: -7em;
  }
  .b_resort_shima .box_topi_offer .st_topi_offer .inner .en:after {
    display: none;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .box_topi_offer .st_topi_offer .inner {
    display: block !important;
  }
  .box_topi_offer .st_topi_offer .inner .en {
    margin-right: 0;
    margin-bottom: 0.2em;
  }
}
@media only screen and (min-width: 1441px) {
  .box_topi_offer .tab_topi_offer {
    margin-bottom: 55px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .box_topi_offer .tab_topi_offer {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_topi_offer .tab_topi_offer {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .box_topi_offer .tab_topi_offer {
    margin-bottom: 1.5em;
  }
}
@media only screen and (min-width: 1025px) {
  .box_topi_offer .tab_topi_offer {
    margin-right: auto;
    margin-left: auto;
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .box_topi_offer .tab_topi_offer {
    width: calc(100% - (100px * 2));
    max-width: 700px;
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1440px) {
  .box_topi_offer .tab_topi_offer {
    width: calc(100% - (75px * 2));
  }
}

.box_topi_offer .box_slider {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.box_topi_offer .box_slider .slide {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.box_topi_offer .box_slider .slide .box_det {
  width: 48%;
  position: relative;
}
@media only screen and (min-width: 1025px) {
  .box_topi_offer .box_slider .slide .box_det {
    max-width: 335px;
  }
}
.box_topi_offer .box_slider .slide .box_det:nth-child(even) {
  margin-left: 4%;
}
@media only screen and (min-width: 1025px) {
  .box_topi_offer .box_slider .slide .box_det:nth-child(n+3) {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_topi_offer .box_slider .slide .box_det:nth-child(n+3) {
    margin-top: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .box_topi_offer .box_slider .slide .box_det:nth-child(n+3) {
    margin-top: 0.75em;
  }
}
.box_topi_offer .box_slider .slide .box_det .photo img {
  object-fit: cover;
  font-family: 'object-fit: cover;';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.box_topi_offer .box_slider .slide .box_det .photo::after {
  content: "";
  width: 100%;
  display: block;
  padding-bottom: 65.47619%;
}
.b_tp_universal .box_topi_offer .box_slider .slide .box_det .photo::after {
  padding-bottom: 65.67164%;
}
.box_topi_offer .box_slider .slide .box_det .box_txt {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  line-height: 1.5625;
  padding: 1em 0;
}
@media only screen and (min-width: 768px) {
  .box_topi_offer .box_slider .slide .box_det .box_txt {
    min-height: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .box_topi_offer .box_slider .slide .box_det .box_txt {
    min-height: 6em;
  }
}
.box_topi_offer .box_slider .slide .box_det .box_txt > * {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 768px) {
  .box_topi_offer .box_slider .slide .box_det .box_txt > * {
    width: calc(100% - 2.5em);
  }
}
@media only screen and (max-width: 767px) {
  .box_topi_offer .box_slider .slide .box_det .box_txt > * {
    width: calc(100% - 1.5em);
  }
}
.box_topi_offer .box_slider .slide .box_det .box_txt .cate {
  font-family: 'Open Sans', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
  text-transform: uppercase;
  font-size: 78%;
  background-color: #c9ded3;
  position: absolute;
  left: 0;
  top: 0;
  width: auto;
  padding: .1em .75em;
}
.b_hotel .box_topi_offer .box_slider .slide .box_det .box_txt .cate {
  background-color: #896ba6;
  color: #fff;
}
.b_tp_universal .box_topi_offer .box_slider .slide .box_det .box_txt .cate {
  background-color: #00405c;
  color: #fff;
}
.b_resort_shima .box_topi_offer .box_slider .slide .box_det .box_txt .cate {
  background-color: #003a56;
  color: #fff;
}
.b_hotel_sheraton .box_topi_offer .box_slider .slide .box_det .box_txt .cate {
  background-color: #878686;
  color: #fff;
}
.b_city .box_topi_offer .box_slider .slide .box_det .box_txt .cate {
  background-color: #3aa5b5;
  color: #fff;
}
.b_hotel_marriott .box_topi_offer .box_slider .slide .box_det .box_txt .cate {
  background-color: #262324;
  color: #fff;
}
.b_resort .box_topi_offer .box_slider .slide .box_det .box_txt .cate {
  background-color: #e6a51e;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .box_topi_offer .box_slider .slide .box_det .box_txt .txt {
    font-size: 89%;
  }
}
.box_topi_offer .box_slider > .slide:not(:first-child) {
  display: none;
}
.box_topi_offer .box_slider .tmp_slick_arr {
  font-size: 178%;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 1441px) {
  .box_topi_offer .box_slider .tmp_slick_arr {
    width: 74px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .box_topi_offer .box_slider .tmp_slick_arr {
    width: 50px;
  }
}
@media only screen and (max-width: 1024px) {
  .box_topi_offer .box_slider .tmp_slick_arr {
    display: none !important;
  }
}
.box_topi_offer .box_slider .tmp_slick_arr a {
  height: 74px;
  width: 100%;
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .box_topi_offer .box_slider .tmp_slick_arr a {
    height: 50px;
    width: 50px;
  }
}
.box_topi_offer .box_slider .tmp_slick_arr.arr_next i::before {
  transform: scaleX(-1);
  display: block;
}
.box_topi_offer .box_slider .tmp_slick_arr.arr_next a {
  margin-right: 0;
}
@media only screen and (min-width: 1025px) {
  .box_topi_offer .box_slider .tmp_slick_arr.arr_prev {
    visibility: hidden;
  }
}
.box_topi_offer .box_slider .tmp_slick_arr.arr_prev a {
  margin-right: 0;
}
.b_hotel_sheraton .box_topi_offer .box_slider .tmp_slick_arr a:hover::before {
  opacity: 1;
}
.box_topi_offer .box_slider .slick-list {
  margin: initial;
}
@media only screen and (min-width: 1025px) {
  .box_topi_offer .box_slider .slick-list {
    margin-right: auto;
    margin-left: auto;
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .box_topi_offer .box_slider .slick-list {
    width: calc(100% - (100px * 2));
    max-width: 700px;
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1440px) {
  .box_topi_offer .box_slider .slick-list {
    width: calc(100% - (75px * 2));
  }
}

.box_topi_offer .box_slider .slick-dots {
  justify-content: flex-start;
}
@media only screen and (min-width: 1025px) {
  .box_topi_offer .box_slider .slick-dots {
    margin-right: auto;
    margin-left: auto;
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .box_topi_offer .box_slider .slick-dots {
    width: calc(100% - (100px * 2));
    max-width: 700px;
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1440px) {
  .box_topi_offer .box_slider .slick-dots {
    width: calc(100% - (75px * 2));
  }
}

.box_topi_offer .box_slider.arr_position_change .arr_prev {
  order: 3;
}
.box_topi_offer .box_slider.arr_position_change .arr_next {
  order: 1;
}
.box_topi_offer .box_slider.arr_position_change .slick-list {
  order: 2;
}
.box_topi_offer .box_slider.arr_position_change .slick-dots {
  order: 4;
}
.box_topi_offer .con_home_news {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .box_topi_offer .con_home_news {
    padding-bottom: 130px;
  }
}
@media only screen and (max-width: 767px) {
  .box_topi_offer .con_home_news {
    padding-bottom: 5em;
  }
}
@media only screen and (min-width: 1025px) {
  .box_topi_offer .box_home_news {
    margin-right: auto;
    margin-left: auto;
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .box_topi_offer .box_home_news {
    width: calc(100% - (100px * 2));
    max-width: 700px;
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1440px) {
  .box_topi_offer .box_home_news {
    width: calc(100% - (75px * 2));
  }
}

@media only screen and (min-width: 1025px) {
  .box_topi_offer .box_home_news li a > .inner {
    display: flex;
    flex-wrap: wrap;
    padding: 1em 1.25em 1.25em;
  }
  .box_topi_offer .box_home_news li a > .inner time {
    width: auto;
  }
  .box_topi_offer .box_home_news li a > .inner .txt {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    min-height: auto;
  }
}
@media only screen and (min-width: 1025px) {
  .box_topi_offer .btn_topi {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    justify-content: flex-end;
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1025px) {
  .box_topi_offer .btn_topi {
    margin-right: auto;
    margin-left: auto;
  }
}

@media only screen and (min-width: 1025px) and (min-width: 1025px) and (min-width: 1441px) {
  .box_topi_offer .btn_topi {
    width: calc(100% - (100px * 2));
    max-width: 700px;
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1440px) {
  .box_topi_offer .btn_topi {
    width: calc(100% - (75px * 2));
  }
}

.box_topi_offer.offers {
  position: relative;
  z-index: 0;
}
.box_topi_offer.offers > .inner {
  max-width: 726px;
}
@media only screen and (min-width: 1025px) {
  .box_topi_offer.offers > .inner {
    height: 100%;
  }
}
.box_topi_offer.offers .st_topi {
  max-width: 726px;
}
.box_topi_offer.offers .box_slider {
  max-width: 726px;
}
@media only screen and (max-width: 1024px) {
  .box_topi_offer.offers .box_slider {
    width: 81.21212%;
    margin-right: auto;
    margin-left: auto;
  }
}
.box_topi_offer.offers .box_slider .slick-list {
  overflow: visible;
  margin-left: 0;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (max-width: 1024px) {
  .box_topi_offer.offers .box_slider .slick-list {
    width: 100%;
  }
}
.box_topi_offer.offers .box_slider .slide {
  display: block;
}
.box_topi_offer.offers .box_slider .slide .box_det {
  margin-left: 0;
  border: 1px solid #c5c6c6;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .box_topi_offer.offers .box_slider .slide .box_det {
    width: 94.29658%;
  }
}
@media only screen and (max-width: 767px) {
  .box_topi_offer.offers .box_slider .slide .box_det {
    width: 92.71028%;
  }
}
@media only screen and (min-width: 1025px) {
  .box_topi_offer.offers .box_slider .slide .box_det {
    max-width: 496px;
  }
}
@media only screen and (max-width: 1024px) {
  .box_topi_offer.offers .box_slider .slide .box_det {
    margin-right: auto;
    margin-left: auto;
  }
}
.b_tp_universal .box_topi_offer.offers .box_slider .slide .box_det .photo::after {
  padding-bottom: 80.5668%;
}
.box_topi_offer.offers .box_slider .slide .box_det .box_txt {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 2em 0;
}
@media only screen and (min-width: 1025px) {
  .box_topi_offer.offers .box_slider .slide .box_det .box_txt {
    min-height: 240px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_topi_offer.offers .box_slider .slide .box_det .box_txt {
    min-height: 8em;
  }
}
@media only screen and (max-width: 767px) {
  .box_topi_offer.offers .box_slider .slide .box_det .box_txt {
    min-height: 10em;
  }
}
.box_topi_offer.offers .box_slider .slide .box_det .box_txt > * {
  max-width: 410px;
  width: 92%;
  margin-right: auto;
  margin-left: auto;
}
.box_topi_offer.offers .box_slider .slide .box_det .box_txt .t {
  min-height: 3.125em;
}
.box_topi_offer.offers .box_slider .slide .box_det .cate {
  font-size: 73%;
  background-color: #c9ded3;
  position: absolute;
  bottom: 0;
  left: 0;
  width: auto;
  padding: .1em 1em;
}
.b_hotel .box_topi_offer.offers .box_slider .slide .box_det .cate {
  background-color: #896ba6;
  color: #fff;
}
.b_tp_universal .box_topi_offer.offers .box_slider .slide .box_det .cate {
  background-color: #00405c;
  color: #fff;
}
.b_resort_shima .box_topi_offer.offers .box_slider .slide .box_det .cate {
  background-color: #00405c;
  color: #fff;
}
.b_hotel_sheraton .box_topi_offer.offers .box_slider .slide .box_det .cate {
  background-color: #878686 !important;
  color: #fff !important;
}
.b_city .box_topi_offer.offers .box_slider .slide .box_det .cate {
  background-color: #3aa5b5 !important;
  color: #fff !important;
}
.b_hotel_marriott .box_topi_offer.offers .box_slider .slide .box_det .cate {
  background-color: #262324 !important;
  color: #fff !important;
}
.b_resort .box_topi_offer.offers .box_slider .slide .box_det .cate {
  background-color: #e6a51e !important;
  color: #fff !important;
}
.mouse .box_topi_offer.offers .box_slider .slide .box_det a:hover .cate, .touch .box_topi_offer.offers .box_slider .slide .box_det a.touchstart .cate {
  background-color: #fff;
  color: inherit;
}
.touch .box_topi_offer.offers .box_slider .slide .box_det a {
  -webkit-tap-highlight-color: transparent;
}
.touch .box_topi_offer.offers .box_slider .slide .box_det a.touchend {
  transition-delay: 200ms;
}
.box_topi_offer.offers .box_slider > .slide:not(:first-child) {
  display: none;
}
@media only screen and (min-width: 1025px) {
  .box_topi_offer.offers .slick-list::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 10000px;
    background-color: #fff;
    right: 100%;
    z-index: 1;
  }
  .b_hotel_sheraton .box_topi_offer.offers .slick-list::before {
    background-color: #efeae4;
  }
}

@media only screen and (min-width: 1025px) {
  .con_topi_offer.type02 .box_topi_offer.topics {
    width: 335px;
  }
}
.con_topi_offer.type02 .box_topi_offer.topics .st_topi_offer {
  width: 100%;
}
@media only screen and (min-width: 1025px) {
  .con_topi_offer.type02 .box_topi_offer.topics .box_slider {
    display: block;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_topi_offer.type02 .box_topi_offer.topics .box_slider {
    display: flex;
  }
}
@media only screen and (max-width: 767px) {
  .con_topi_offer.type02 .box_topi_offer.topics .box_slider {
    display: block;
  }
}
@media only screen and (min-width: 1025px) {
  .con_topi_offer.type02 .box_topi_offer.topics .box_slider .slide .box_det {
    width: 100%;
    margin-left: 0;
  }
}
.con_topi_offer.type02 .box_topi_offer.offers {
  width: calc(100% - 335px - 100px);
  margin-right: 0;
}
.con_topi_offer.offers_only {
  max-width: 1780px;
}
@media only screen and (min-width: 1025px) {
  .con_topi_offer.offers_only {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_topi_offer.offers_only {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (max-width: 767px) {
  .con_topi_offer.offers_only {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
.con_topi_offer.offers_only .box_topi_offer.offers {
  width: calc(100% - 100px);
}
@media only screen and (min-width: 1025px) {
  .con_topi_offer.offers_only .box_topi_offer.offers {
    margin-right: 0;
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_topi_offer.offers_only .box_topi_offer.offers {
    width: 88% !important;
  }
}
.con_topi_offer.offers_only .box_topi_offer.offers .inner {
  max-width: 1540px;
}
.con_topi_offer.offers_only .box_topi_offer.offers .st_topi_offer, .con_topi_offer.offers_only .box_topi_offer.offers .tab_topi_offer {
  max-width: 1540px;
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_topi_offer.offers_only .box_topi_offer.offers .box_slider {
    max-width: 625px;
  }
}

.con_home_news {
  max-width: 1840px;
  margin-right: auto;
  margin-left: auto;
  width: calc(100% - 120px*2);
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_home_news {
    width: calc(100% - 70px*2);
  }
}
@media only screen and (max-width: 1024px) {
  .con_home_news {
    width: 100%;
  }
}

.box_home_news {
  border-bottom: 1px solid #d8d8d8;
}
.box_home_news li {
  border-top: 1px solid #d8d8d8;
}
.box_home_news li a {
  width: 100%;
  text-decoration: none !important;
  display: block;
  transition: background-color .15s ease-out .1s;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_home_news li a > .inner {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (max-width: 767px) {
  .box_home_news li a > .inner {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (min-width: 1025px) {
  .box_home_news li a > .inner {
    display: table;
    padding: .9em 0;
  }
}
@media only screen and (max-width: 1024px) {
  .box_home_news li a > .inner {
    display: flex;
    flex-wrap: wrap;
    padding: 1.25em 0;
  }
}
@media only screen and (min-width: 1025px) {
  .box_home_news li a time {
    width: 9em;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
  }
}
@media only screen and (max-width: 1024px) {
  .box_home_news li a time {
    margin-right: 1.5em;
  }
}
@media only screen and (min-width: 1025px) {
  .box_home_news li a .txt {
    display: flex;
    align-items: center;
    line-height: 1.4;
    min-height: 2.8em;
    padding: 0 1em;
  }
}
@media only screen and (max-width: 1024px) {
  .box_home_news li a .txt {
    line-height: 1.53846;
    width: 100%;
    display: block;
  }
}
.box_home_news li a[target="_blank"] .txt > .inner::after {
  content: "\f3ef";
  font-family: "Ionicons";
  margin-left: 0.25em;
}
.mouse .box_home_news li a:hover, .touch .box_home_news li a.touchstart {
  background-color: #c9ded3;
}
.touch .box_home_news li a {
  -webkit-tap-highlight-color: transparent;
}
.touch .box_home_news li a.touchend {
  transition-delay: 200ms;
}
.b_hotel.mouse .box_home_news li a:hover, .b_hotel.touch .box_home_news li a.touchstart {
  background-color: #e3dcee;
}
.b_hotel.touch .box_home_news li a {
  -webkit-tap-highlight-color: transparent;
}
.b_hotel.touch .box_home_news li a.touchend {
  transition-delay: 200ms;
}
.b_tp_universal.mouse .box_home_news li a:hover, .b_tp_universal.touch .box_home_news li a.touchstart {
  background-color: #e8e8ec;
}
.b_tp_universal.touch .box_home_news li a {
  -webkit-tap-highlight-color: transparent;
}
.b_tp_universal.touch .box_home_news li a.touchend {
  transition-delay: 200ms;
}
.b_resort_shima.mouse .box_home_news li a:hover, .b_resort_shima.touch .box_home_news li a.touchstart {
  background-color: #e5ebee;
}
.b_resort_shima.touch .box_home_news li a {
  -webkit-tap-highlight-color: transparent;
}
.b_resort_shima.touch .box_home_news li a.touchend {
  transition-delay: 200ms;
}
.b_hotel_sheraton.mouse .box_home_news li a:hover, .b_hotel_sheraton.touch .box_home_news li a.touchstart {
  background-color: #ffffff;
}
.b_hotel_sheraton.touch .box_home_news li a {
  -webkit-tap-highlight-color: transparent;
}
.b_hotel_sheraton.touch .box_home_news li a.touchend {
  transition-delay: 200ms;
}
.b_city.mouse .box_home_news li a:hover, .b_city.touch .box_home_news li a.touchstart {
  background-color: #eaf5f6;
}
.b_city.touch .box_home_news li a {
  -webkit-tap-highlight-color: transparent;
}
.b_city.touch .box_home_news li a.touchend {
  transition-delay: 200ms;
}
.b_sogo.mouse .box_home_news li a:hover, .b_sogo.touch .box_home_news li a.touchstart {
  background-color: #e5ebee;
}
.b_sogo.touch .box_home_news li a {
  -webkit-tap-highlight-color: transparent;
}
.b_sogo.touch .box_home_news li a.touchend {
  transition-delay: 200ms;
}
.b_hotel_marriott.mouse .box_home_news li a:hover, .b_hotel_marriott.touch .box_home_news li a.touchstart {
  background-color: #e3e1de;
}
.b_hotel_marriott.touch .box_home_news li a {
  -webkit-tap-highlight-color: transparent;
}
.b_hotel_marriott.touch .box_home_news li a.touchend {
  transition-delay: 200ms;
}
.b_resort.mouse .box_home_news li a:hover, .b_resort.touch .box_home_news li a.touchstart {
  background-color: #faedd2;
}
.b_resort.touch .box_home_news li a {
  -webkit-tap-highlight-color: transparent;
}
.b_resort.touch .box_home_news li a.touchend {
  transition-delay: 200ms;
}

.pswp {
  z-index: 2000 !important;
}

@media only screen and (min-width: 1025px) {
  .wrp_stay_int {
    margin-top: 180px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_stay_int {
    margin-top: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_stay_int {
    margin-top: 4em;
  }
}

@media only screen and (min-width: 768px) {
  .tab_stay_int {
    margin-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .tab_stay_int {
    margin-bottom: 2em;
  }
}
.tab_stay_int ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) {
  .tab_stay_int li {
    min-width: 150px;
    margin-bottom: 30px;
  }
  .tab_stay_int li:not(:first-child) {
    margin-left: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .tab_stay_int li {
    width: 48%;
  }
  .tab_stay_int li:nth-child(even) {
    margin-left: 4%;
  }
  .tab_stay_int li:nth-child(n+3) {
    margin-top: 6%;
  }
  .tab_stay_int li:nth-child(n+3):last-child {
    margin-right: auto;
  }
}
.tab_stay_int li a {
  font-size: 100%;
  line-height: 1.66667;
  display: flex;
  align-items: center;
  text-decoration: none !important;
  justify-content: center;
  padding-bottom: 0.75em;
}
@media only screen and (min-width: 768px) {
  .tab_stay_int li a {
    min-height: 4.08333em;
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
}
.tab_stay_int li a span {
  display: block;
  text-align: center;
}
.tab_stay_int li::after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-color: #c9ded3;
  opacity: 0;
}
.b_hotel .tab_stay_int li::after {
  background-color: #c6b7d9;
}
.b_tp_universal .tab_stay_int li::after {
  background-color: #868d9f;
}
.b_resort_shima .tab_stay_int li::after {
  background-color: #678899;
}
.b_hotel_sheraton .tab_stay_int li::after {
  background-color: #6f625d;
}
.b_city .tab_stay_int li::after {
  background-color: #32a0a5;
}
.b_resort .tab_stay_int li::after {
  background-color: #faedd2;
}
.b_hotel_marriott .tab_stay_int li::after {
  background-color: #a41f35;
}
.tab_stay_int li.is-active::after {
  opacity: 1;
}
.mouse .tab_stay_int li:hover::after, .touch .tab_stay_int li.touchstart::after {
  opacity: 1;
}
.touch .tab_stay_int li {
  -webkit-tap-highlight-color: transparent;
}
.touch .tab_stay_int li.touchend {
  transition-delay: 200ms;
}

.con_stay_int .con_intro {
  position: relative;
}
@media only screen and (min-width: 1025px) {
  .con_stay_int .con_intro {
    margin-bottom: 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_stay_int .con_intro {
    margin-bottom: 120px;
  }
}
@media only screen and (max-width: 767px) {
  .con_stay_int .con_intro {
    margin-bottom: 5em;
  }
}
.con_stay_int .con_intro::before {
  top: 0;
  bottom: 0;
  content: "";
  width: 100%;
  position: absolute;
  left: 0;
  z-index: -2;
  background-color: #c9ded3;
}
.b_hotel .con_stay_int .con_intro::before {
  background-color: #e3dced;
}
.b_tp_universal .con_stay_int .con_intro::before {
  background-color: #e8e8ec;
}
.b_resort_shima .con_stay_int .con_intro::before {
  background-color: #e8e7ec;
}
.b_hotel_sheraton .con_stay_int .con_intro::before {
  background-color: #6f625d;
}
.b_city .con_stay_int .con_intro::before {
  background-color: #eaf5f6;
}
.b_resort .con_stay_int .con_intro::before {
  background-color: #faedd2;
}
.b_hotel_marriott .con_stay_int .con_intro::before {
  background-color: #e3e1de;
}
.con_stay_int .con_intro::after {
  z-index: -1;
  content: "";
  display: block;
  background-color: #fff;
  width: 100%;
  position: absolute;
  top: 0;
}
@media only screen and (min-width: 1025px) {
  .con_stay_int .con_intro::after {
    padding-bottom: 335px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_stay_int .con_intro::after {
    padding-bottom: 13em;
  }
}
@media only screen and (max-width: 767px) {
  .con_stay_int .con_intro::after {
    padding-bottom: 8em;
  }
}
.con_stay_int .con_intro .main_slider_box {
  margin-bottom: 0 !important;
}
@media only screen and (min-width: 1025px) {
  .con_stay_int .con_intro .main_slider_box {
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_stay_int .con_intro .main_slider_box {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .con_stay_int .con_intro .main_slider_box {
    padding-bottom: 3em;
  }
}
@media only screen and (min-width: 1025px) {
  #wedding_hotel .con_stay_int .con_intro .main_slider_box {
    padding-bottom: 140px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #wedding_hotel .con_stay_int .con_intro .main_slider_box {
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 767px) {
  #wedding_hotel .con_stay_int .con_intro .main_slider_box {
    padding-bottom: 4em;
  }
}
.b_hotel_sheraton .con_stay_int .con_intro .main_slider_box {
  color: #fff;
}
.b_hotel .con_stay_int .con_intro .main_slider_box .box_txt {
  color: #676c72;
}
.b_tp_universal .con_stay_int .con_intro .main_slider_box .box_txt .tmp_st_h5 {
  color: inherit;
}
.b_resort_shima .con_stay_int .con_intro .main_slider_box .box_txt .tmp_st_h5 {
  color: inherit;
}
.con_stay_int .con_intro .main_slider_box .box_slider .slide .inner {
  padding-top: 54.5%;
}
.b_tp_universal .con_stay_int .con_intro .main_slider_box .box_slider .slide .inner img {
  object-fit: none;
  width: auto;
  max-width: none;
  left: 50%;
  transform: translateX(-50%);
}
.con_stay_int .con_intro .main_slider_box .box_slider .slick-dots .dot {
  background-color: #fff;
}
.b_resort_shima .con_stay_int .con_intro .main_slider_box .box_slider .slick-dots .dot {
  background-color: #c5c6c6;
}
.con_stay_int .box_poi {
  max-width: 1440px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media only screen and (min-width: 1441px) {
  .con_stay_int .box_poi {
    padding-bottom: 200px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_stay_int .box_poi {
    padding-bottom: 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_stay_int .box_poi {
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .con_stay_int .box_poi {
    padding-bottom: 6em;
  }
}
@media only screen and (min-width: 1025px) {
  .con_stay_int .box_poi {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_stay_int .box_poi {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (max-width: 767px) {
  .con_stay_int .box_poi {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_stay_int .box_poi {
    max-width: 900px;
  }
}
.con_stay_int .box_poi .box_det {
  background-color: #fff;
  max-width: 336px;
}
@media only screen and (min-width: 1025px) {
  .con_stay_int .box_poi .box_det {
    width: 23.40278%;
  }
  .con_stay_int .box_poi .box_det:not(:nth-child(4n+1)) {
    margin-left: 2.12963%;
  }
  .con_stay_int .box_poi .box_det:nth-child(n+5) {
    margin-top: 2.12963%;
  }
}
@media only screen and (max-width: 1024px) {
  .con_stay_int .box_poi .box_det {
    width: 47.5%;
    max-width: 707px;
  }
  .con_stay_int .box_poi .box_det:not(:nth-child(2n+1)) {
    margin-left: 5%;
  }
  .con_stay_int .box_poi .box_det:nth-child(n+3) {
    margin-top: 10%;
  }
  .con_stay_int .box_poi .box_det:nth-child(n+3):last-child {
    margin-right: auto;
  }
}
.con_stay_int .box_poi .box_det .st_det {
  background-color: #c9ded3;
}
@media only screen and (min-width: 768px) {
  .con_stay_int .box_poi .box_det .st_det {
    font-size: 134%;
  }
}
@media only screen and (min-width: 768px) {
  .con_stay_int .box_poi .box_det .st_det {
    padding-bottom: 1em;
  }
}
@media only screen and (max-width: 767px) {
  .con_stay_int .box_poi .box_det .st_det {
    padding-bottom: 1em;
  }
}
.b_hotel .con_stay_int .box_poi .box_det .st_det {
  background-color: #e3dced;
}
.b_tp_universal .con_stay_int .box_poi .box_det .st_det {
  background-color: #e8e8ec;
}
.b_resort_shima .con_stay_int .box_poi .box_det .st_det {
  background-color: #e8e7ec;
}
.b_hotel_sheraton .con_stay_int .box_poi .box_det .st_det {
  background-color: #6f625d;
}
.b_city .con_stay_int .box_poi .box_det .st_det {
  background-color: #eaf5f6;
}
.b_resort .con_stay_int .box_poi .box_det .st_det {
  background-color: #faedd2;
}
.b_hotel_marriott .con_stay_int .box_poi .box_det .st_det {
  background-color: #e3e1de;
}
.b_hotel .con_stay_int .box_poi .box_det .st_det {
  color: #676c72;
}
.b_hotel_sheraton .con_stay_int .box_poi .box_det .st_det {
  color: #fff;
}
.con_stay_int .box_poi .box_det .box_txt {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding-right: 0.75em;
  padding-left: 0.75em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
@media only screen and (min-width: 1441px) {
  .con_stay_int .box_poi .box_det .box_txt {
    min-height: 130px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_stay_int .box_poi .box_det .box_txt {
    min-height: 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_stay_int .box_poi .box_det .box_txt {
    min-height: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .con_stay_int .box_poi .box_det .box_txt {
    min-height: 6em;
  }
}
@media only screen and (min-width: 1441px) {
  .con_stay_int .box_poi .box_det .box_txt {
    line-height: 1.94444;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_stay_int .box_poi .box_det .box_txt {
    line-height: 1.7;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_stay_int .box_poi .box_det .box_txt {
    line-height: 1.7;
  }
}
@media only screen and (max-width: 767px) {
  .con_stay_int .box_poi .box_det .box_txt {
    line-height: 1.7;
  }
}
.ie .con_stay_int .box_poi .box_det .box_txt {
  min-height: auto;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}
@media only screen and (max-width: 767px) {
  .con_stay_int .box_poi .box_det .box_txt {
    font-size: 89%;
  }
}

.box_fv_st {
  opacity: 1;
}

.header .check_time {
  display: flex;
  justify-content: space-around;
  align-items: center;
  position: absolute;
  bottom: -100%;
  right: 0;
  width: 450px;
  padding: 0.5%;
}
.b_sogo .header .check_time {
  background-color: #003a56;
  color: #fff;
}
.b_hotel .header .check_time {
  background-color: #8a6ba7;
  color: #fff;
}
.b_hotel_sheraton .header .check_time {
  background-color: #3a3a3a;
  color: #fff;
}
.b_hotel_marriott .header .check_time {
  background-color: #a0072b;
  color: #fff;
}
.b_resort .header .check_time {
  background-color: #e6a51e;
  color: #fff;
}
.header .shima {
  bottom: -145%;
  width: auto;
  height: 145%;
  padding: 0;
  background-color: #00405c;
  color: #fff;
}
.header .shima > p + p {
  border-left: 1px solid #fff;
}
.header .shima p {
  align-content: center;
  width: 415px;
  height: 100%;
  padding: 0 30px;
  border-top: 1px solid #fff;
  font-size: 75%;
  font-weight: bold;
}
.header .shima p > .in, .header .shima p > .out {
  font-size: 115%;
  font-weight: normal;
}
.header .shima p .out {
  margin-left: 1.5rem;
}

.con_booknow_form .check_time {
  width: auto;
}
@media only screen and (min-width: 1025px) {
  .con_booknow_form .check_time {
    font-size: 0.8em;
  }
}
.b_hotel_sheraton .con_booknow_form .check_time {
  color: #fff;
}
.b_resort_shima .con_booknow_form .check_time {
  letter-spacing: 0.06em;
}
@media only screen and (max-width: 1024px) {
  .con_booknow_form .check_time {
    margin-top: 2.5%;
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .con_booknow_form .check_time {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
  }
}
@media only screen and (min-width: 768px) {
  .con_booknow_form .check_time .out {
    margin-left: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .con_booknow_form .check_time .out {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_booknow_form .check_time > span {
    width: 50%;
    padding: 0.5%;
  }
}

.con_plus_card + .wrp_int_bnr {
  background-color: transparent !important;
}

.wrp_int_bnr {
  display: block;
  max-width: 2560px;
  margin-right: auto;
  margin-left: auto;
  background-color: #c9ded3;
}
@media only screen and (min-width: 1441px) {
  .wrp_int_bnr {
    padding: 100px 0;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .wrp_int_bnr {
    padding: 75px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_int_bnr {
    padding: 50px 0;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_int_bnr {
    padding: 2.5em 0;
  }
}
.b_hotel .wrp_int_bnr {
  background-color: #e3dced;
}
.b_tp_universal .wrp_int_bnr {
  background-color: transparent;
}
.b_resort_shima .wrp_int_bnr {
  background-color: #e8e8ec;
}
.b_hotel_sheraton .wrp_int_bnr {
  background-color: #6f625d;
}
.b_city .wrp_int_bnr {
  background-color: transparent;
}
.b_hotel_marriott .wrp_int_bnr {
  background-color: #e3e1de;
}
.b_resort .wrp_int_bnr {
  background-color: transparent;
}

.con_int_bnr {
  max-width: 1100px;
}
@media only screen and (min-width: 1025px) {
  .con_int_bnr {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_int_bnr {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (max-width: 767px) {
  .con_int_bnr {
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}
@media only screen and (min-width: 1025px) {
  .con_int_bnr {
    margin-right: auto;
    margin-left: auto;
    width: 80%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_int_bnr {
    margin-right: auto;
    margin-left: auto;
    width: 80%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_int_bnr {
    max-width: 550px;
  }
}

.box_int_bnr {
  position: relative;
}
.box_int_bnr > .slide:not(:first-child) {
  display: none;
}
.box_int_bnr .arr_prev, .box_int_bnr .arr_next {
  font-size: 167%;
  position: absolute;
  right: calc(100% + 10px);
  top: 0;
  bottom: 0;
  display: flex;
  align-content: center;
}
@media only screen and (max-width: 767px) {
  .box_int_bnr .arr_prev, .box_int_bnr .arr_next {
    display: none;
  }
}
.box_int_bnr .arr_prev a, .box_int_bnr .arr_next a {
  width: 70px;
  height: 70px;
  color: #fff;
}
.b_city .box_int_bnr .arr_prev a, .b_city .box_int_bnr .arr_next a {
  color: inherit;
}
.b_city .box_int_bnr .arr_prev a::before, .b_city .box_int_bnr .arr_next a::before {
  background-color: #eaf5f6;
}
.b_resort .box_int_bnr .arr_prev a, .b_resort .box_int_bnr .arr_next a {
  color: inherit;
}
.b_resort .box_int_bnr .arr_prev a::before, .b_resort .box_int_bnr .arr_next a::before {
  background-color: #faedd2;
}
.b_hotel_marriott .box_int_bnr .arr_prev a, .b_hotel_marriott .box_int_bnr .arr_next a {
  color: inherit;
}
.b_resort_shima .box_int_bnr .arr_prev a, .b_resort_shima .box_int_bnr .arr_next a {
  color: inherit;
}
.b_hotel_sheraton.mouse .box_int_bnr .arr_prev:hover a::before, .b_hotel_sheraton.touch .box_int_bnr .arr_prev.touchstart a::before, .b_hotel_sheraton.mouse .box_int_bnr .arr_next:hover a::before, .b_hotel_sheraton.touch .box_int_bnr .arr_next.touchstart a::before {
  opacity: 0.2;
}
.b_hotel_sheraton.touch .box_int_bnr .arr_prev, .b_hotel_sheraton.touch .box_int_bnr .arr_next {
  -webkit-tap-highlight-color: transparent;
}
.b_hotel_sheraton.touch .box_int_bnr .arr_prev.touchend, .b_hotel_sheraton.touch .box_int_bnr .arr_next.touchend {
  transition-delay: 200ms;
}
.b_city.mouse .box_int_bnr .arr_prev:hover a::before, .b_city.touch .box_int_bnr .arr_prev.touchstart a::before, .b_city.mouse .box_int_bnr .arr_next:hover a::before, .b_city.touch .box_int_bnr .arr_next.touchstart a::before {
  opacity: 1;
}
.b_city.touch .box_int_bnr .arr_prev, .b_city.touch .box_int_bnr .arr_next {
  -webkit-tap-highlight-color: transparent;
}
.b_city.touch .box_int_bnr .arr_prev.touchend, .b_city.touch .box_int_bnr .arr_next.touchend {
  transition-delay: 200ms;
}
.box_int_bnr .arr_next {
  right: auto;
  left: calc(100% + 10px);
}
.box_int_bnr .slick-dots {
  position: absolute;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .box_int_bnr .slick-dots {
    bottom: 20px;
    left: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_int_bnr .slick-dots {
    bottom: .5em;
    left: .5em;
  }
}
@media only screen and (max-width: 767px) {
  .box_int_bnr .slick-dots {
    bottom: .5em;
    left: .5em;
  }
}
.box_int_bnr .slick-dots li .dot {
  background-color: #fff;
}
.box_int_bnr .slide a {
  background-color: #676c72;
  text-decoration: none !important;
  display: flex;
}
.mouse .box_int_bnr .slide a {
  transition: opacity 0.3s ease-in;
}
.mouse .box_int_bnr .slide a:hover, .touch .box_int_bnr .slide a.touchstart {
  opacity: 0.7;
}
.touch .box_int_bnr .slide a {
  -webkit-tap-highlight-color: transparent;
}
.touch .box_int_bnr .slide a.touchend {
  transition-delay: 200ms;
}
.b_tp_universal .box_int_bnr .slide a {
  background-color: #00405c;
}
.b_resort_shima .box_int_bnr .slide a {
  background-color: #003a56;
}
.b_hotel_sheraton .box_int_bnr .slide a {
  background-color: #000000;
}
.b_city .box_int_bnr .slide a {
  background-color: #898989;
}
.b_hotel_marriott .box_int_bnr .slide a {
  background-color: #262324;
}
.b_resort .box_int_bnr .slide a {
  background-color: #e6a51e;
}
@media only screen and (min-width: 1025px) {
  .box_int_bnr .slide a .photo {
    width: 63.63636%;
  }
}
@media only screen and (min-width: 897px) and (max-width: 1024px) {
  .box_int_bnr .slide a .photo {
    width: 63.63636%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 896px) {
  .box_int_bnr .slide a .photo {
    width: 60%;
  }
}
@media only screen and (max-width: 767px) {
  .box_int_bnr .slide a .photo {
    width: 58.57143%;
  }
}
.box_int_bnr .slide a .box_txt {
  color: #fff;
  display: flex;
  align-items: flex-end;
  line-height: 1.4;
}
@media only screen and (min-width: 768px) {
  .box_int_bnr .slide a .box_txt {
    padding: 1.8em 0;
  }
}
@media only screen and (max-width: 767px) {
  .box_int_bnr .slide a .box_txt {
    padding: 1em 0;
  }
}
@media only screen and (min-width: 1025px) {
  .box_int_bnr .slide a .box_txt {
    width: 36.36364%;
  }
}
@media only screen and (min-width: 897px) and (max-width: 1024px) {
  .box_int_bnr .slide a .box_txt {
    width: 36.36364%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 896px) {
  .box_int_bnr .slide a .box_txt {
    width: 40%;
  }
}
@media only screen and (max-width: 767px) {
  .box_int_bnr .slide a .box_txt {
    width: 41.42857%;
  }
}
.box_int_bnr .slide a .box_txt > .inner {
  width: 88%;
  max-width: 330px;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .box_int_bnr .slide a .box_txt > .inner {
    font-size: 80%;
  }
}
.box_int_bnr .slide a .box_txt .catch {
  font-size: 112%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  letter-spacing: 0.12em;
}
@media only screen and (max-width: 767px) {
  .box_int_bnr .slide a .box_txt .catch {
    justify-content: flex-start;
  }
}
.box_int_bnr .slide a .box_txt .catch > span {
  display: block;
}
.box_int_bnr .slide a .box_txt .txt {
  font-size: 84%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-top: 0.6em;
}
@media only screen and (max-width: 767px) {
  .box_int_bnr .slide a .box_txt .txt {
    justify-content: flex-start;
  }
}
.box_int_bnr .slide a .box_txt .txt > span {
  display: block;
}

@media only screen and (min-width: 1025px) {
  .box_faq {
    margin-bottom: 140px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_faq {
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .box_faq {
    margin-bottom: 4em;
  }
}
@media only screen and (min-width: 768px) {
  .box_faq .tmp_st_h4_bdl {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .box_faq .tmp_st_h4_bdl {
    margin-bottom: 1em;
  }
}
.box_faq .faq_dl .box_inner {
  border-bottom: 1px solid #eee;
}
@media only screen and (min-width: 1025px) {
  .box_faq .faq_dl .box_inner {
    padding: 25px 0 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_faq .faq_dl .box_inner {
    padding: 20px 0;
  }
}
@media only screen and (max-width: 767px) {
  .box_faq .faq_dl .box_inner {
    padding: 1em 0 0.5em;
  }
}
.b_hotel_sheraton .box_faq .faq_dl .box_inner {
  border-color: #afa6a0;
}
.box_faq dt {
  color: #676c72;
  display: flex;
  font-weight: bold;
  cursor: pointer;
  position: relative;
  align-items: baseline;
}
@media only screen and (min-width: 768px) {
  .box_faq dt {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .box_faq dt {
    margin-bottom: 0.5em;
  }
}
.box_faq dt::before {
  display: flex;
  align-items: center;
  content: "Q";
  color: #676c72;
  height: 1.5em;
  font-family: 'Open Sans', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .box_faq dt::before {
    padding: 0 0.4em;
  }
}
@media only screen and (max-width: 767px) {
  .box_faq dt::before {
    padding: 0 0.3em;
  }
}
@media only screen and (min-width: 768px) {
  .box_faq dt::before {
    font-size: 195%;
  }
}
@media only screen and (max-width: 767px) {
  .box_faq dt::before {
    font-size: 167%;
  }
}
.box_faq dt::after {
  content: "\f3d4";
  position: absolute;
  font-family: "Ionicons";
  right: 0;
  font-weight: normal;
  color: #c5c6c6;
}
@media only screen and (min-width: 768px) {
  .box_faq dt::after {
    font-size: 178%;
  }
}
@media only screen and (max-width: 767px) {
  .box_faq dt::after {
    font-size: 128%;
  }
}
.ie .box_faq dt::after {
  line-height: 1;
  height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.box_faq dt .faq_title {
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", "MS Ｐゴシック", "MS PGothic", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
  letter-spacing: 0.16em;
  font-size: 112%;
  font-weight: normal;
}
@media only screen and (min-width: 768px) {
  .box_faq dt .faq_title {
    margin-left: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .box_faq dt .faq_title {
    margin-left: 0.5em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_faq dt .faq_title {
    width: 85%;
  }
}
@media only screen and (max-width: 767px) {
  .box_faq dt .faq_title {
    width: 80%;
  }
}
.box_faq dt.is-active::after {
  content: "\f3d7";
}
.box_faq dd {
  display: none;
}
@media only screen and (min-width: 768px) {
  .box_faq dd {
    margin-left: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .box_faq dd {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) {
  .box_faq dd {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .box_faq dd {
    margin-bottom: 1em;
  }
}
.box_faq dd .faq_answer {
  display: flex;
  align-items: baseline;
}
.box_faq dd .faq_answer::before {
  content: "A";
  color: #c9ded3;
  font-family: 'Open Sans', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .box_faq dd .faq_answer::before {
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  .box_faq dd .faq_answer::before {
    padding: 0 0.5em;
  }
}
@media only screen and (min-width: 768px) {
  .box_faq dd .faq_answer::before {
    font-size: 195%;
  }
}
@media only screen and (max-width: 767px) {
  .box_faq dd .faq_answer::before {
    font-size: 167%;
  }
}
.box_faq dd .faq_answer::before {
  color: #c9ded3;
}
.b_hotel .box_faq dd .faq_answer::before {
  color: #c6b7d9;
}
.b_tp_universal .box_faq dd .faq_answer::before {
  color: #868d9f;
}
.b_resort_shima .box_faq dd .faq_answer::before {
  color: #486079;
}
.b_hotel_sheraton .box_faq dd .faq_answer::before {
  color: #878686;
}
.b_city .box_faq dd .faq_answer::before {
  color: #84c6c9;
}
.b_hotel_marriott .box_faq dd .faq_answer::before {
  color: #a0072b;
}
.b_resort .box_faq dd .faq_answer::before {
  color: #e6a51e;
}
@media only screen and (min-width: 768px) {
  .box_faq dd .faq_answer p {
    margin-left: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .box_faq dd .faq_answer p {
    margin-left: 0.3em;
  }
}
@media only screen and (min-width: 768px) {
  .box_faq dd .faq_answer .btn_faq {
    margin-left: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .box_faq dd .faq_answer .btn_faq {
    margin-left: 0.3em;
  }
}
