@charset "UTF-8";
* { box-sizing: border-box; }

html { font-size: 18px; }

@media screen and (max-width: 750px) { html { font-size: 4vw; } }

body { color: #253044; /* font-family: 'Lato', Arial, Helvetica, "sans-serif"; */ font-size: inherit; }

/* 言語のfont-family */
.lang_zhtw { font-family: 'Microsoft Yahei','PingHei' ,'serif'; }
.lang_zhcn { font-family: 'Microsoft Yahei','PingHei' ,'serif'; }

p,dl {
    line-height: 1.8;
}
li { list-style: none; }

img { max-width: 100%; vertical-align: bottom; }

a { color: #253044; }

a:hover { text-decoration: none; }

button { padding: 0; border: none; background: none; font-size: 1rem; }

input[type="text"], input[type="password"], input[type="tel"], input[type="email"] { font-size: 1rem; }

.only-pc { display: block; }

@media screen and (max-width: 750px) { .only-pc { display: none; } }

.only-sp { display: none; }

@media screen and (max-width: 750px) { .only-sp { display: block; } }

img.only-pc, span.only-pc { display: inline; }

@media screen and (max-width: 750px) { img.only-pc, span.only-pc { display: none; } }

img.only-sp, span.only-sp { display: none; }

@media screen and (max-width: 750px) { img.only-sp, span.only-sp { display: inline; } }

table.only-pc { display: table; }

@media screen and (max-width: 750px) { table.only-pc { display: none; } }

table.only-sp { display: none; }

@media screen and (max-width: 750px) { table.only-sp { display: table; } }

/* パーツ */
.ttl-area { font-size: 2.14286rem; text-align: center; font-weight: 900; letter-spacing: .03em;}

@media screen and (max-width: 750px) { .ttl-area { font-size: 1.42857rem; } }

.ttl-page { color: #253044; font-size: 2.28571rem; font-style: italic; text-align: center; letter-spacing: 5px; }

@media screen and (max-width: 750px) { .ttl-page { font-size: 1.57143rem; } }

.ttl-page .ico { margin-right: 20px; line-height: 1; }

.ttl-page span { display: inline-block; padding-bottom: 15px; border-bottom: 3px solid #253044; }

.ttl-page-l { color: #253044; font-size: 2.71429rem; font-weight: bold; text-align: center; }

@media screen and (max-width: 750px) { .ttl-page-l { font-size: 1.71429rem; } }

.ttl-border { margin-bottom: 40px; font-size: 2.14286rem; text-align: center; font-weight: 800;
text-align: center; letter-spacing: .05em; }

@media screen and (max-width: 750px) { .ttl-border { font-size: 1.42857rem; } }

.ttl-line { margin-bottom: 40px; font-size: 2.14286rem; text-align: center; font-weight: 800; letter-spacing: .05em; }

@media screen and (max-width: 750px) { .ttl-line { font-size: 1.42857rem; } }

.ttl-small { margin-bottom: 40px; font-size: 1.28571rem; text-align: center; }

.btn { display: inline-block; width: 100%; height: 60px; background-color: #c84c46; color: #fff; text-align: center; text-decoration: none; line-height: 60px; border-radius: .3em; font-weight: 800; letter-spacing: .1em; }

.btn-r { display: inline-block; width: 100%; padding: 15px 0; background-color: #253044; border-radius: 15px; color: #fff; text-align: center; text-decoration: none; }

.btn-more { display: inline-block; min-width: 220px; padding: 15px 0; background-color: #c84c46; color: #fff; font-size: 1.42857rem; text-align: center; text-decoration: none; }

.btn-arrow { display: inline-block; position: relative; width: 100%; padding: 15px 26px; border: 1px solid #fff; color: #fff; font-size: 1.14286rem; font-weight: bold; line-height: 1; text-align: center; text-decoration: none; cursor: pointer; }

@media screen and (max-width: 750px) { .btn-arrow { font-size: 1rem; line-height: 1.5; padding: .8em .5em; } }

.btn-arrow::after { content: ''; position: absolute; top: 50%; right: 15px; width: 7px; height: 7px; margin-top: -3px; background: url("../img/common/i_blank_w.png") no-repeat center center; background-size: cover; }
@media screen and (max-width: 750px) { .btn-arrow::after { display:none; }}

.btn-arrow.btn-border { border-color: #000; color: #000; }

.btn-arrow.btn-border::after { background-image: url("../img/common/i_blank.png"); }

.btn-arrow.btn-more::after { width: 26px; height: 26px; margin-top: -13px; background-image: url("../img/common/i_plus_r.png"); }

.btn-arrow-b { display: inline-block; position: relative; width: 100%; padding: 15px; border: 1px solid #fff; color: #fff; font-size: 1.14286rem; font-weight: bold; line-height: 1; text-align: center; text-decoration: none; }

#access .btn-arrow-b { border: 0; padding: 15px 40px; }

@media screen and (max-width: 750px) { .btn-arrow-b { font-size: 1rem; line-height: 1.5; } }

.btn-arrow-b::after { content: ''; position: absolute; top: 50%; right: 15px; width: 19px; height: 11px; background: url("../img/common/i_arrows_b_w.png") no-repeat center center; background-size: cover; margin-top: -5px; }

@media screen and (max-width: 640px) { .btn-arrow-b::after { display: none; } }

.btn-inverse { border-color: #000; background-color: #000; }

.box-col3-m .box-col-item { float: left; width: 31.66667%; margin-right: 2.5%; }

@media screen and (max-width: 750px) { .box-col3-m .box-col-item { float: none; width: 100%; margin-right: 0; margin-bottom: 20px; }
  .box-col3-m .box-col-item:last-child { margin-bottom: 0; } }

.box-col3-m .box-col-item:nth-child(3n) { margin-right: 0; }

.box-col4-m .box-col-item { float: left; width: 23.33333%; margin-right: 2.16667%; }

@media screen and (max-width: 750px) { .box-col4-m .box-col-item { width: 48.18182%; margin-right: 0; margin-bottom: 20px; }
  .box-col4-m .box-col-item:nth-child(even) { float: right; } }

.box-col4-m .box-col-item:last-child { margin-right: 0; }

.box-col4-tile { display: flex; }

@media screen and (max-width: 750px) { .box-col4-tile { flex-wrap: wrap; justify-content: space-between; } }

.box-col4-tile .box-col-item { width: 23.33333%; margin-right: 2.16667%; }

@media screen and (max-width: 750px) { .box-col4-tile .box-col-item { width: 48.33333%; margin-right: 0; margin-bottom: 20px; padding: 10px; background-color: #fff; } }

.box-col4-tile .box-col-item:last-child { margin-right: 0; }

.box-col4-course { display: flex; }

@media screen and (max-width: 750px) { .box-col4-course { flex-direction: column; } }

.box-col4-course .box-col-item { width: 23.33333%; margin-right: 2.16667%; }

@media screen and (max-width: 750px) { .box-col4-course .box-col-item { width: 100%; margin-right: 0; margin-bottom: 20px; }
  .box-col4-course .box-col-item a { display: flex; }
  .box-col4-course .box-col-item a > figure { width: 40%; }
  .box-col4-course .box-col-item a > dl { display: flex; justify-content: center; flex-direction: column; width: 60%; padding-left: 15px; } }

.box-col4-course .box-col-item:last-child { margin-right: 0; }

@media screen and (max-width: 750px) { .box-col4-course .box-col-item:last-child { margin-bottom: 0; } }

.box-block { padding-bottom: 100px; }

@media screen and (max-width: 750px) { .box-block { padding-bottom: 60px; } }

.box-nav-col { margin-bottom: 40px; }

.box-nav-col ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1.5em 1em;
}
@media screen and (max-width: 1000px) {
  .box-nav-col ul {
    grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
  }
}
@media screen and (max-width: 750px) {
  .box-nav-col ul {
    grid-template-columns: auto;
  }
}
.box-nav-col ul li {
  display: grid;
}
.box-nav-col ul li a {
  place-content: center;
  overflow-wrap: anywhere;
  line-break: strict;
}
@media screen and (max-width: 900px) {
  .box-nav-col.box-nav-col4 li a {
    min-height: 65px;
  }
}
.box-nav-col ul li .btn-inverse::before { content: ''; position: absolute; left: 50%; bottom: -10px; width: 20px; height: 20px; margin-left: -8px; background-color: #000; -webkit-transform: rotate(45deg) skew(20deg, 20deg); transform: rotate(45deg) skew(20deg, 20deg); }
@media screen and (max-width: 900px) {
  .box-nav-col ul li .btn-inverse::before {
      bottom: -5px;
      width: 14px;
      height: 14px;
      margin-left: -7px;
  }
}
.box-nav-col.box-nav-col2 li { width: 52.27273%; }

@media screen and (max-width: 1000px) { .box-nav-col.box-nav-col2 li { width: 48.88889%; } }

@media screen and (max-width: 750px) { .box-nav-col.box-nav-scroll { overflow-x: scroll; white-space: nowrap; }
  .box-nav-col.box-nav-scroll::-webkit-scrollbar { height: 5px; }
  .box-nav-col.box-nav-scroll::-webkit-scrollbar-track { background-color: #f1f1f1; }
  .box-nav-col.box-nav-scroll::-webkit-scrollbar-thumb { background-color: #bcbcbc; }
  .box-nav-col.box-nav-scroll ul { display: block; padding-bottom: 20px; } }

@media screen and (max-width: 750px) { .box-nav-col.box-nav-scroll li { display: inline-block; width: auto; min-width: 10em; margin-right: 0.5em; vertical-align: middle; }
  .box-nav-col.box-nav-scroll li:last-child { margin-right: 0; }
  .box-nav-col.box-nav-scroll li a { padding-left: 2em; padding-right: 2em; } }

.link-pdf { position: relative; display: block; padding-left: 30px; line-height: 1.2; }

.link-pdf::before { content: ''; position: absolute; top: 0; left: 0; display: block; width: 30px; height: 36px; background: url("../img/common/i_pdf.png") no-repeat; }

.ico-areatag { display: inline-block; min-width: 150px; margin-bottom: 10px; padding: 3px 10px; color: #fff; text-align: center; }

.bg-area { background-color: #c84c46 !important; }

.tbl { width: 100%; }

.tbl th { padding: 15px 15px 15px 45px; border: 1px solid #ccc; background-color: #ece9e2; text-align: left; vertical-align: middle; }

.tbl td { padding: 15px 15px 15px 45px; border: 1px solid #ccc; background-color: #fff; vertical-align: middle; }

@media screen and (max-width: 750px) { .tbl-v { border-bottom: 1px solid #ccc; }
  .tbl-v th { display: block; padding: 15px; border-bottom: none; }
  .tbl-v td { display: block; padding: 15px; border-bottom: none; } }

@media screen and (max-width: 750px) { .tbl-scroll { overflow-x: auto; white-space: nowrap; }
  .tbl-scroll::-webkit-scrollbar { height: 5px; }
  .tbl-scroll::-webkit-scrollbar-track { background-color: #ededed; }
  .tbl-scroll::-webkit-scrollbar-thumb { background-color: #253044; } }

.slick-dots li button::before { color: #fff; font-size: 1rem; opacity: 1; }

.slick-dots li.slick-active button::before { opacity: 1; color: #c84c46 !important; }

.ico { display: inline-block; vertical-align: middle; }

.ico-sp { display: inline-block; vertical-align: middle; margin-right: 15px; }

.ico-sp::before { content: ''; display: inline-block; width: 30px; height: 30px; background-size: cover; }

.ico-sp02 { display: inline-block; vertical-align: middle; margin-right: 15px; }

.ico-sp02::before { content: ''; display: inline-block; width: 36px; height: 36px; background-size: cover; }

.ico-calendar::before { content: url("../img/common/i_calendar.png"); }

.ico-logo::before { content: url("../img/common/i_logo.png"); }

.ico-check-w::before { content: url("../img/common/i_check_w.png"); }

.ico-favorite::before { content: url("../img/common/i_favorite.png"); }

.ico-search::before { content: url("../img/common/i_search_db.svg"); }

.ico-search-w::before { content: url("../img/common/i_search_w.png"); }

.ico-glass::before { content: url("../img/common/i_ollie_db.svg"); }

.ico-glass-l::before { content: url("../img/common/i_glass_l.png"); }

.ico-instagram::before { content: url("../img/common/i_instagram_db.svg"); }

.ico-instagram-l::before { content: url("../img/common/i_instagram_l.png"); }

.ico-facebook::before { content: url("../img/common/i_facebook_db.svg"); }

.ico-facebook-l::before { content: url("../img/common/i_facebook_l.png"); }

.ico-twitter::before { content: url("../img/common/i_twitter.png"); }

.ico-twitter-l::before { content: url("../img/common/i_twitter_l.png"); }

.ico-map::before { content: url("../img/common/i_map.png"); }

.ico-map-w::before { content: url("../img/common/i_map_w.png"); }

.ico-times-w::before { content: url("../img/common/i_times_w.png"); }

.ico-train::before { content: url("../img/common/i_train.png"); }

.ico-bus::before { content: url("../img/common/i_bus.png"); }

.ico-walk::before { content: url("../img/common/i_walk.png"); }

.ico-clock::before { content: url("../img/common/i_clock.png"); }

.ico-family::before { content: url("../img/common/i_family.png"); }

.ico-pdf::before { content: url("../img/common/i_pdf02.png"); }

.ico-blank { margin-left: 5px; }

.ico-blank::before { content: url("../img/common/i_external.png"); }

.ico-arrow-b::before { content: url("../img/common/i_arrow_b.png"); }

.ico-arrow-b-l-w::before { content: url("../img/common/i_arrow_b_l_w.png"); }

.ico-arrow-t-l-w::before { content: url("../img/common/i_arrow_t_l_w.png"); }

.ico-arrow-b-w { line-height: 0; }

.ico-arrow-b-w::before { content: url("../img/common/i_arrow_b_w.png"); }

.ico-arrowss-b-w { line-height: 0; }

.ico-arrowss-b-w::before { content: url("../img/common/i_arrowss_b_w.png"); }

.ico-arrowsss-b-w { line-height: 0; }

.ico-arrowsss-b-w::before { content: url("../img/common/i_arrowsss_b_w.png"); }

.ico-arrow-t-w { line-height: 0; }

.ico-arrow-t-w::before { content: url("../img/common/i_arrow_t_w.png"); }

.ico-arrowss-t-w { line-height: 0; }

.ico-arrowss-t-w::before { content: url("../img/common/i_arrowss_t_w.png"); }

.ico-arrow-r-b { line-height: 0; }

.ico-arrow-r-b::before { content: url("../img/common/i_arrow_r_b.png"); }

.ico-event::before { content: url("../img/common/i_event.png"); }

.ico-spot::before { content: url("../img/common/i_spot.png"); }

.ico-event-sp::before { background-image: url("../img/common/i_event_sp.png"); }

.ico-spot-sp::before { background-image: url("../img/common/i_spot_sp.png"); }

.ico-gourmet-sp::before { background-image: url("../img/common/i_gourmet_sp.png"); }

.ico-shopping-sp::before { background-image: url("../img/common/i_shopping_sp.png"); }

.ico-feature-sp::before { background-image: url("../img/common/i_feature_sp.png"); }

.ico-stay-sp::before { background-image: url("../img/common/i_stay_sp.png"); }

.ico-nagoya-sp::before { background-image: url("../img/common/i_nagoya_sp.png"); }

.ico-feature02-sp::before { background-image: url("../img/common/i_feature02_sp.png"); }

.ico-event02-sp::before { background-image: url("../img/common/i_event02_sp.png"); }

.ico-spot02-sp::before { background-image: url("../img/common/i_spot02_sp.png"); }

.ico-gourmet02-sp::before { background-image: url("../img/common/i_gourmet02_sp.png"); }

.ico-shopping02-sp::before { background-image: url("../img/common/i_shopping02_sp.png"); }

.ico-stay02-sp::before { background-image: url("../img/common/i_stay02_sp.png"); }

.ico-access-sp::before { background-image: url("../img/common/i_access_sp.png"); }

.ico-useful-sp::before { background-image: url("../img/common/i_useful_sp.png"); }

.ico-bus-db::before { content: url("../img/common/i_bus_db.svg"); }

.ico-info-db::before { content: url("../img/common/i_info_db.svg"); }

.ico-warning-db::before { content: url("../img/common/i_warning_db.svg"); }

.ico-wifi-db::before { content: url("../img/common/i_wifi_db.svg"); }

.ico-crown1::before { content: ''; display: block; width: 70px; height: 68px; background: url("../img/home/award_i001.png") no-repeat; background-size: cover; }

.ico-crown2::before { content: ''; display: block; width: 70px; height: 68px; background: url("../img/home/award_i002.png") no-repeat; background-size: cover; }

.ico-crown3::before { content: ''; display: block; width: 70px; height: 68px; background: url("../img/home/award_i003.png") no-repeat; background-size: cover; }

.font_sup { font-size: 80%; vertical-align: top; }


.inner-l { max-width: 1350px; margin: 0 auto; padding: 0 15px; }

@media screen and (max-width: 750px) { .inner-l { padding: 0 6%; } }

.inner { max-width: 1230px; margin: 0 auto; padding: 0 15px; }

@media screen and (max-width: 750px) { .inner { padding: 0 6%; } }

.inner-s { max-width: 1130px; margin: 0 auto; padding: 0 15px; }

@media screen and (max-width: 750px) { .inner-s { padding: 0 12.66667%; } }

.inner-ss { max-width: 1010px; margin: 0 auto; padding: 0 15px; }

@media screen and (max-width: 750px) { .inner-ss { padding: 0 6%; } }

.inner-xs { max-width: 710px; margin: 0 auto; padding: 0 15px; }

@media screen and (max-width: 750px) { .inner-xs { padding: 0 6%; } }

/* 2026 .header 削除・追加ここから */
.header {
  font-size: 0.888rem;  /* 16px */
}
.header p, .header dl {
  line-height: 1;
}
.header .header-txt {
  font-size: 0.611rem;  /* 11px */
}
@media screen and (min-width: 768px) {
  .header .header-txt {
    font-size: 0.777rem;  /* 14px */
  }
}
.header .header-main .gnav li a, .header .header-main .gnav li .gnav-txt {
  font-size: 0.722rem;  /* 13px */
}
.header .header-main .gnav li .popup .popup-link li a {
  -moz-column-gap: 1.5em;
       column-gap: 1.5em;
}
.header .header-main .gnav li .popup .popup-link li .ico {
  width: 1.111rem;  /* 20px */
}
@media screen and (min-width: 1024px) {
  .header .header-main .header-search .search-btn figcaption {
    font-size: 0.722rem;  /* 13px */
  }
}
@media screen and (min-width: 1024px) {
  .header .header-main .header-lang .lang-btn figcaption {
    font-size: 0.722rem;  /* 13px */
  }
}
.header .header-main .header-menu .header-menu-con .header-menu-txt::before {
  font-size: min(11px, 1rem);
}
@media screen and (min-width: 768px) {
  .header .header-main .header-menu .header-menu-con .header-menu-txt::before {
    font-size: 0.611rem;  /* 11px */
  }
}
/* 2026 .header 削除・追加ここまで */

.warning { padding: 18px 0; background-color: #c84c46; color: #fff; font-size: 1.14286rem; }
.warning .inner-l {display: flex; justify-content: space-between; }
.warning .warning-close {width: 24px; cursor: pointer; }
.warning dt { float: left; font-weight: bold; }

.warning dt::before { content: url("../img/common/i_warning.png"); display: inline-block; margin-right: 10px; vertical-align: middle; }

@media screen and (max-width: 750px) { .warning dt { float: none; text-align: center; } }

.warning dd { margin-left: 180px; padding-top: 3px; }

.warning dd a { color: #fff; }

@media screen and (max-width: 750px) { .warning dd { margin-left: 0; text-align: center; } }

.main { line-height: 1.2; }

@media screen and (max-width: 750px) { .banner .inner-ss { padding: 0 18%; } }

.banner ul { max-width: 1000px; margin: 0 auto; }

@media screen and (max-width: 750px) { .banner ul { margin: 0 -5px; } }

.banner ul li { float: left; width: 23%; margin-right: 1.9%; margin-bottom:1.2%; }

@media screen and (max-width: 750px) { .banner ul li { width: 50%; margin: 0 0 10px; padding: 0 5px; } }

.banner ul li:last-child { margin-right: 0; }

.sponsor { padding: 45px 0; background-color: #f0f0f0; }

.sponsor .inner-s { max-width: 1030px; }

@media screen and (max-width: 750px) { .sponsor .inner-s { padding: 0 8%; } }

.sponsor ul { float: left; width: 80%; }

@media screen and (max-width: 750px) { .sponsor ul { float: none; width: inherit; margin: 0 -5px; overflow: hidden; } }

.sponsor ul li { float: left; width: 30%; margin: 0 2.76% 2.76% 0; }

@media screen and (max-width: 750px) { .sponsor ul li { width: 50%; margin: 0 0 10px; padding: 0 5px; } }

.sponsor p { float: right; }

@media screen and (max-width: 750px) { .sponsor p { float: none; width: 100%; text-align: center; } }

/* 2026 .footer 削除・追加ここから */
.footer {
  border-top: 1px solid #e8e8e8;
  padding-top: min(100px, 15dvw);
}
.footer p, .footer dl {
  line-height: 1;
}
.footer .footer-main .footer-in .footer-lead {
  font-size: 0.611rem;  /* 11px */
}
@media screen and (min-width: 768px) {
  .footer .footer-main .footer-in .footer-lead {
    font-size: 0.833rem;  /* 15px */
  }
}
.footer .footer-main .footer-in .footer-nav li a {
  font-size: 0.888rem;  /* 16px */
}
@media screen and (min-width: 768px) {
  .footer .footer-main .footer-in .footer-nav li a {
    font-size: 1rem;  /* 18px */
  }
}
.footer .copy {
  font-size: 0.666rem;  /* 12px */
}
@media screen and (min-width: 768px) {
  .footer .copy {
    font-size: 0.833rem;  /* 15px */
  }
}
/* 2026 .footer 削除・追加ここまで */

/* 2026 .searchmodal 削除・追加ここから */
.searchmodal { font-size: 1rem; }
.searchmodal .searchmodal-bg .searchmodal-head p { font-size: 2.14286rem; }
@media screen and (max-width: 750px) { .searchmodal .searchmodal-bg .searchmodal-head p { font-size: 1.14286rem; } }
.searchmodal .searchmodal-bg .searchmodal-con .searchmodal-lead { font-size: 1.14286rem; }
@media screen and (max-width: 750px) { .searchmodal .searchmodal-bg .searchmodal-con .searchmodal-lead { font-size: 1rem; } }
/* 2026 .searchmodal 削除・追加ここまで */


.topicpath { padding: 12px 0; background-color: #f0f0f0; color: #222222; }

.topicpath a { color: #222222; }

.topicpath li { display: inline-block; margin-right: 0.5em; }

.topicpath li::after { content: '　＞'; }

.topicpath li:last-child::after { content: ''; }

.menu { display: none; position: absolute; z-index: 9999; width: 100%; background-color: #253044; }

.menu a { text-decoration: none; }

.menu-search { padding: 20px; }

.menu-search .search-area { max-width: 900px; margin: 0 auto; padding-top: 55px; }

.menu-search .search-area .search-ttl { margin-bottom: 20px; padding-bottom: 0; border-bottom: none; color: #000; }

.menu-search .search-area .search-submit { background-color: #000; }

.menu-search-btn { text-transform: uppercase; position: relative; padding: 20px 0 40px; text-align: center; background-color: #fff; color: #253044; background-image: url(../img/common/i_arrow_b_b_sp.png); background-repeat: no-repeat; background-position: 50% 80%; background-size: 16px 9px; }

.menu-search-btn.js-open { background-image: url(../img/common/i_arrow_t_b_sp.png); }

.menu-search-con { display: none; border-top: 1px solid #384966; padding: 40px 4.16667%; background-color: #fff; }

.menu-search-lead { margin-bottom: 40px; font-size: 1.14286rem; font-weight: bold; text-align: center; }

@media screen and (max-width: 750px) { .menu-search-lead { font-size: 1rem; } }

.cmn-tab { padding: 20px 20px 10px; background-color: #d8d7d7; color: #1d365f; text-align: center; }

.cmn-tab li { display: inline-block; margin: 0 10px 10px; padding: 0 5px; }

.cmn-tab li.is-current { padding-bottom: 5px; border-bottom: 2px solid #1d365f; }

.menu-search-list { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 30px 20px 0; }

.menu-search-list li { width: 48.48485%; margin-bottom: 10px; }

.menu-search-link { padding: 10px 15px; background-color: #fff; display: flex; align-items: center; }

.menu-main { padding: 30px 20px; }

.menu-main-box { border-bottom: 1px solid #384966; }

.menu-main-box ul { display: none; margin: 0 20px 0 40px; padding-bottom: 10px; border-top: 1px solid #384966; }

.menu-main-box li { border-bottom: 1px solid #384966; }

.menu-main-box li:last-child { border-bottom: none; }

.menu-main-box a { display: block; color: #fff; padding: 15px; }

.menu-main-ttl { color: #fff; position: relative; display: block; padding: 10px 7px; background-image: url(../img/common/i_arrow_b_sp.png); background-repeat: no-repeat; background-position: 100% 50%; background-size: 16px 9px; }

.menu-main-ttl.js-open { background-image: url(../img/common/i_arrow_t_sp.png); }

.menu-sns { display: flex; justify-content: center; margin: 40px auto; width: 160px; }

.menu-sns-item { padding: 0 10px; }

.pagettl-area { padding-top: 70px; padding-bottom: 40px; }

.box-tag span { display: inline-block; margin: 0 5px 10px 0; padding: 5px 10px; background-color: #999; color: #fff; }

.box-tag span:last-child { margin-right: 0; }

.box-btns { display: flex; justify-content: space-between; max-width: 935px; margin: 0 auto; }

.box-btns li { width: 32.08556%; font-size: 1.42857rem; }

@media screen and (max-width: 750px) { .box-btns li { font-size: 1.14286rem; } }

@media screen and (max-width: 1000px) { .box-btns li span { display: none; } }

.cmn-fig-area { position: relative; }

.cmn-fig-area figcaption { position: absolute; top: 0; left: 0; min-width: 120px; padding: 3px 5px; background-color: #c84c46; color: #fff; text-align: center; }

.cmn-fig-pr { position: relative; }

.cmn-fig-pr figcaption { position: absolute; top: 0; left: 0; min-width: 70px; padding: 3px 5px; background-color: #000; color: #fff; text-align: center; }

/* 2026 .search-area 削除・追加ここから */
.search-area .search-btn { font-size: 2.14286rem; }
@media screen and (max-width: 750px) { .search-area .search-btn { font-size: 1.14286rem; } }
.search-area .search-ttl { font-size: 1.28571rem; }
.search-area .search-local .search-areamap span { font-size: 1.28571rem; }
.search-area .search-ctrl p button { font-size: 1.42857rem; }
@media screen and (max-width: 750px) { .search-area .search-ctrl p button { font-size: 1.28571rem; } }
/* 2026 .search-area 削除・追加ここまで */

.box-calendar { margin-bottom: 25px; padding: 60px 0; background-color: #f0f0f0; }

.box-calendar .calendar-ttl { margin-bottom: 60px; font-size: 2.14286rem; font-weight: bold; text-align: center; }

.box-calendar .calendar-slider { position: relative; max-width: 960px; margin: 0 auto; }

.box-calendar .calendar-slider ul li { padding: 0 15px; }

.box-calendar .calendar-slider .calendar-month { margin-bottom: 30px; font-size: 1.42857rem; font-weight: bold; text-align: center; }

.box-calendar .calendar-slider table { width: 100%; max-width: 350px; margin: 0 auto; }

.box-calendar .calendar-slider table th { padding: 3px; border: 2px solid #f0f0f0; text-align: center; }

.box-calendar .calendar-slider table td { padding: 10px 3px; border: 2px solid #f0f0f0; background-color: #fff; text-align: center; }

.box-calendar .calendar-slider table td.sun { background-color: #f3dbd8; }

.box-calendar .calendar-slider table td.null { background-color: #f0f0f0; color: #ccc; }

.box-calendar .calendar-slider table td a { display: block; margin-top: 3px; }

.box-calendar .calendar-slider .calendar-btn { position: absolute; top: 5px; cursor: pointer; }

.box-calendar .calendar-slider .calendar-btn.calendar-prev { left: 15px; }

.box-calendar .calendar-slider .calendar-btn.calendar-next { right: 15px; }

.searchresult-area { padding-bottom: 80px; }

.searchresult-area .ttl-area { margin-bottom: 30px; }

.searchresult-area .searchresult-cond { margin-bottom: 10px; text-align: center; }

.searchresult-area .searchresult-num { margin-bottom: 45px; font-size: 1.42857rem; text-align: center; }

.searchresult-area .searchresult-ctrl { display: flex; justify-content: space-between; margin-bottom: 30px; }

@media screen and (max-width: 750px) { .searchresult-area .searchresult-ctrl { flex-direction: column; } }

.searchresult-area .searchresult-btn { float: left; }

@media screen and (max-width: 750px) { .searchresult-area .searchresult-btn { display: none; } }

.searchresult-area .searchresult-btn li { float: left; height: 29px; margin-right: 10px; text-indent: -9999px; cursor: pointer; }

.searchresult-area .searchresult-btn li.searchresult-btn-list { width: 34px; background: #fff url("../img/common/i_list.png") no-repeat center center; }

.searchresult-area .searchresult-btn li.searchresult-btn-list.is-current { background-image: url("../img/common/i_list_on.png"); }

.searchresult-area .searchresult-btn li.searchresult-btn-grid { width: 29px; background: #fff url("../img/common/i_grid.png") no-repeat center center; }

.searchresult-area .searchresult-btn li.searchresult-btn-grid.is-current { background-image: url("../img/common/i_grid_on.png"); }

.searchresult-area .searchresult-category { margin-bottom: 25px; padding: 25px 30px 10px; background-color: #f0f0f0; }

@media screen and (max-width: 750px) { .searchresult-area .searchresult-category { padding-left: 20px; padding-right: 20px; } }

.searchresult-area .searchresult-category .searchresult-category-ttl { margin-bottom: 20px; font-size: 1.42857rem; }

@media screen and (max-width: 750px) { .searchresult-area .searchresult-category .searchresult-category-ttl { font-size: 1.14286rem; } }

.searchresult-area .searchresult-category .searchresult-category-sel { font-size: 1.42857rem; }

@media screen and (max-width: 750px) { .searchresult-area .searchresult-category .searchresult-category-sel { font-size: 1rem; } }

.searchresult-area .searchresult-category .searchresult-category-sel label { display: inline-block; margin: 0 50px 15px 0; }

@media screen and (max-width: 750px) { .searchresult-area .searchresult-category .searchresult-category-sel label { margin-right: 1em; } }

.searchresult-area .searchresult-category .searchresult-category-sel label input { margin-right: 5px; }

.searchresult-area .searchresult-except { font-size: 1.42857rem; }

@media screen and (max-width: 750px) { .searchresult-area .searchresult-except { font-size: 1rem; } }

.searchresult-area .searchresult-list { display: flex; flex-wrap: wrap; margin-bottom: 30px; border-top: 1px solid #dddddd; }

.searchresult-area .searchresult-list .searchresult-item { padding: 30px 0; border-bottom: 1px solid #dddddd; width: 100%; }

.searchresult-area .searchresult-list .searchresult-item:nth-child(even) { margin-right: 0; }

.searchresult-area .searchresult-list .searchresult-item .searchresult-box { display: flex; justify-content: space-between; text-decoration: none; }

.searchresult-area .searchresult-list .searchresult-item figure { width: 26.67% }

@media screen and (max-width: 750px) { .searchresult-area .searchresult-list .searchresult-item .searchresult-box { flex-direction: column; padding: 0 10px; } }

@media screen and (max-width: 750px) { .searchresult-area .searchresult-list .searchresult-item figure { width: 100%; text-align: center; } }

@media screen and (max-width: 750px) { .searchresult-area .searchresult-list .searchresult-item figure img { width: 100%; } }

.searchresult-area .searchresult-list .searchresult-item .searchresult-con { width: 65%; }

@media screen and (max-width: 750px) { .searchresult-area .searchresult-list .searchresult-item .searchresult-con { width: 100%; margin-top: 20px; } }

.searchresult-area .searchresult-list .searchresult-item .searchresult-row { display: flex; justify-content: space-between; }

.searchresult-area .searchresult-list .searchresult-item .searchresult-price { color: #c00; font-size: 1.28571rem; font-weight: bold; }

.searchresult-area .searchresult-list .searchresult-item .searchresult-date { margin-bottom: 10px; font-size: 1.14286rem; font-weight: bold; }

@media screen and (max-width: 750px) { .searchresult-area .searchresult-list .searchresult-item .searchresult-date { font-size: 1rem; } }

.searchresult-area .searchresult-list .searchresult-item .searchresult-name { margin-bottom: 10px; font-weight: 800; line-height: 1.4; font-size: 1.42857rem; }

@media screen and (max-width: 750px) { .searchresult-area .searchresult-list .searchresult-item .searchresult-name { font-size: 1.42857rem; } }

.searchresult-area .searchresult-list .searchresult-item .searchresult-txt { line-height: 1.6; }

@media screen and (max-width: 750px) { .searchresult-area .searchresult-list .searchresult-item .searchresult-txt { font-size: 1rem; padding: 1rem; } }

.searchresult-area .searchresult-list .searchresult-item .searchresult-info { margin-top: 15px; }

.searchresult-area .searchresult-list .searchresult-item .searchresult-info span { display: inline-block; margin-right: 1em; }

.searchresult-area .searchresult-list .searchresult-item .searchresult-info span:last-child { margin-right: 0; }

.searchresult-area .searchresult-list .searchresult-item .searchresult-info span .ico { margin-right: 5px; }

.searchresult-area .searchresult-list .searchresult-item .searchresult-data { margin-top: 15px; }

.searchresult-area .searchresult-list .searchresult-item .searchresult-end { margin-top: 5px; color: #e80000; }

.searchresult-area .searchresult-list .searchresult-item .box-tag { margin-top: 15px; }

.searchresult-area .searchresult-list.js-listgrid { border-top: none; }

@media screen and (max-width: 1000px) { .searchresult-area .searchresult-list.js-listgrid { justify-content: space-between; } }

.searchresult-area .searchresult-list.js-listgrid .searchresult-item { width: 31.66667%; margin: 0 2.5% 2.5% 0; padding: 0; border-bottom: none; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3); }

.searchresult-area .searchresult-list.js-listgrid .searchresult-item:nth-child(3n) { margin-right: 0; }

@media screen and (max-width: 1000px) { .searchresult-area .searchresult-list.js-listgrid .searchresult-item { width: 43.18182%; margin-right: 0; } }

@media screen and (max-width: 640px) { .searchresult-area .searchresult-list.js-listgrid .searchresult-item { width: 100%; margin: 0 0 10% 0; } }

.searchresult-area .searchresult-list.js-listgrid .searchresult-item .searchresult-box { display: block; text-decoration: none; }

.searchresult-area .searchresult-list.js-listgrid .searchresult-item figure { width: 100%; text-align: center; }

.searchresult-area .searchresult-list.js-listgrid .searchresult-item .searchresult-con { width: 100%; padding: 20px 10px 10px; }

.box-pagination { text-align: center; }

.box-pagination li { display: inline-block; margin-right: 5px; }

.box-pagination li:last-child { margin-right: 0; }

.box-pagination li a, .box-pagination li span { display: inline-block; min-width: 30px; padding: 5px; color: #222222; text-align: center; text-decoration: none; }

.box-pagination li a.is-current, .box-pagination li span.is-current { background-color: #f0f0f0; }

.related-area { padding: 100px 0; background-color: #f0f0f0; }

@media screen and (max-width: 750px) { .related-area { padding: 60px 0; } }

.related-list { display: flex; flex-wrap: wrap; margin-bottom: 40px; }

@media screen and (max-width: 1000px) { .related-list { justify-content: space-between; } }

.related-list .related-item { width: 23.33333%; margin: 0 1.9697% 3.0303% 0; }

.related-list .related-item:nth-child(4n) { margin-right: 0; }

@media screen and (max-width: 1000px) { .related-list .related-item { width: 47.5%; margin-right: 0; } }

.related-list .related-item a { text-decoration: none; }

.related-list .related-item figure { margin-bottom: 10px; text-align: center; }

/* スポット詳細関連 */
.spotlnav { display: flex; flex-wrap: wrap; margin-bottom: 50px; }

.spotlnav li { flex: 1; background-color: #a9894b; border-right: 1px solid #fff; }

@media screen and (max-width: 750px) { #access .spotlnav li { margin: 0 0 1px; } }

@media screen and (max-width: 1000px) { .spotlnav li { width: 50%; } }

@media screen and (max-width: 750px) { .spotlnav li { width: 100%; height: auto; } }

.spotlnav li span { padding: 15px 30px !important; background-color: #253044; display: flex; justify-content: center; align-items: center; height: 100%; border: none; line-height: 1.4; }

@media screen and (max-width: 750px) { .spotlnav li span { padding: 2px 20px !important; height: auto; } }

.spotlnav li span .ico { margin-right: 10px; }

.spotlnav li.is-current { border: none; padding-bottom: 0; }

.spotlnav li.is-current span { background-color: #fff; color: #1d365f; border-bottom: 2px solid; }

.spotlnav li.is-current .btn-arrow-b::after { background-image: url("../img/common/i_arrows_b_b.png"); }

.spotname { display: flex; justify-content: space-between; }

.spotname .spotname-txt { position: relative; }

.spotname .spotname-txt p { font-size: 0.85714rem; }

.spotname .spotname-txt .spotname-ttl { font-size: 2.14286rem; }

@media screen and (max-width: 750px) { .spotname .spotname-txt .spotname-ttl { font-size: 1.71429rem; } }

.spotname .detail-link { display: flex; align-items: flex-end; }

@media screen and (max-width: 750px) { .spotname .detail-link { margin-top: 10px; } }

.spotname .detail-link li { margin-left: 10px; }

/* ニュースアイコン */
.news-area p .news-ico { display: inline-block; min-width: 120px; font-size: .85rem; line-height: 1.2; padding: .4em 1em; color: #fff; text-align: center; font-weight: bold; letter-spacing: .05em;}
:is(.en, .th, .vn) .news-area p .news-ico {
  width: fit-content;
  min-width: 160px;
  font-size: .75rem;
  line-height: 1.2;
}

.news-ico.news-ico-info { background-color: #89aa3a; }

.news-ico.news-ico-recruit { background-color: #ec9907; }

.news-ico.news-ico-press { background-color: #e74a3f; }

.news-ico.news-ico-meguru { background-color: #9e4887; }

.news-ico.news-ico-kiratto { background-color: #458fab; }

.news-ico.news-ico-library { background-color: #679de0; font-size: 90%; }

.news-ico.emergency-ico-warning { background-color: #9e4887; }

.news-ico.news-ico-spot { background: #00a0f2; }

.news-ico.news-ico-accommodation { background: #777862; }

.news-ico.news-ico-food { background: #e75c5a; }

/* 詳細ユニット */
.detailunit { line-height: 1.8; margin-bottom: 40px; }

.detailunit-inner { max-width: 1130px; margin: 0 auto; }

.detailunit-fig { text-align: center; }

.detailunit-fig figcaption { margin-top: 10px; }

.detailunit-imgr .detailunit-fig { float: right; max-width: 440px; margin: 0 0 10px 40px; }

@media screen and (max-width: 1000px) { .detailunit-imgr .detailunit-fig { float: none; max-width: initial; margin: 0 0 30px 0; } }

.detailunit-imgl .detailunit-fig { float: left; max-width: 440px; margin: 0 40px 10px 0; }

@media screen and (max-width: 1000px) { .detailunit-imgl .detailunit-fig { float: none; max-width: initial; margin: 0 0 30px 0; } }

.detailunit-img3 { display: flex; justify-content: space-between; }

@media screen and (max-width: 750px) { .detailunit-img3 { flex-direction: column; } }

.detailunit-img3 .detailunit-fig { width: 32.21239%; }

@media screen and (max-width: 750px) { .detailunit-img3 .detailunit-fig { width: 100%; margin-bottom: 20px; }
  .detailunit-img3 .detailunit-fig:last-child { margin-bottom: 0; } }

.detailunit-img2 { display: flex; justify-content: space-between; }

@media screen and (max-width: 750px) { .detailunit-img2 { flex-direction: column; } }

.detailunit-img2 .detailunit-fig { width: 48.23009%; }

@media screen and (max-width: 750px) { .detailunit-img2 .detailunit-fig { width: 100%; margin-bottom: 20px; }
  .detailunit-img2 .detailunit-fig:last-child { margin-bottom: 0; } }

.detailunit-movie { max-width: 1080px; margin: 0 auto; }

.detailunit-tbl { width: 100%; }

.detailunit-tbl th { padding: 20px 20px 20px 30px; border-bottom: 1px solid #ccc; text-align: left; }

@media screen and (max-width: 750px) { .detailunit-tbl th { display: block; padding: 20px 20px 0; border-bottom: none; } }

.detailunit-tbl td { padding: 20px 20px 20px 30px; border-bottom: 1px solid #ccc; }

@media screen and (max-width: 750px) { .detailunit-tbl td { display: block; padding: 10px 20px 20px; } }

.detailunit-btn { text-align: center; }

.detailunit-btn .btn-arrow { max-width: 600px; }

.pageindex-area { padding-bottom: 30px; }

.pageindex-area .pageindex-lead { margin-bottom: 60px; }

.pageindex-area .pageindex-list { display: flex; flex-wrap: wrap; }

.pageindex-area .pageindex-list li { width: 31.66667%; margin: 0 2.5% 2.5% 0; padding: 9px; border: 1px solid #ccc; }

.pageindex-area .pageindex-list li:nth-child(3n) { margin-right: 0; }

@media screen and (max-width: 750px) { .pageindex-area .pageindex-list li { width: 48.33333%; margin-right: 3.33333%; }
  .pageindex-area .pageindex-list li:nth-child(3n) { margin-right: 3.33333%; }
  .pageindex-area .pageindex-list li:nth-child(even) { margin-right: 0; } }

.pageindex-area .pageindex-list a { text-decoration: none; }

.pageindex-area .pageindex-list dl { padding: 20px 10px; }

.pageindex-area .pageindex-list dl dt { margin-bottom: 10px; font-size: 1.14286rem; font-weight: 800; text-decoration: underline; }

.pageindex-area .pageindex-list dl dt .ico { margin-left: 5px; }

.news-list li {
  display: flex;
  gap: 1.4em;
  margin-bottom: 25px;
}

.news-list li:last-child { margin-bottom: 0; }

@media screen and (max-width: 750px) { .news-list li { display: block; } }

.news-list li .news-date { min-width: 7em; font-weight: bold; }
:is(.zhtw, .zhcn) .news-list li .news-date { min-width: 8em; }
@media screen and (max-width: 750px) { .news-list li .news-date { display: inline-block; width: auto; margin-right: 1em; } }

.news-list li .news-ico-box {
  display: inline-block;
  width: fit-content;
  min-width: 10em;
  vertical-align: top;
}
.news-list li .news-ico-box .news-ico {
  display: block;
  color: #fff;
  font-size: .875rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
  padding: .5em 1em;
}
.news-list li .newsitem-txt {
  flex: 1;
  line-height: 1.3;
}

.mainvisual-area { margin-block: 15px; }

.mainvisual-area .inner-l { position: relative; padding: 0; }

@media screen and (max-width: 750px) { .mainvisual-area .inner { padding: 0; } }

.mainvisual-area .inner {
    display: flex;
}
.mainvisual-area .mainvisual-img { width: 67.65%;}

@media screen and (max-width: 750px) { .mainvisual-area .mainvisual-img { width: 100%;} }

.mainvisual-area .mainvisual-img .slick-dots { bottom: 20px; width: 93.87755%; text-align: right; }

@media screen and (max-width: 1320px) { .mainvisual-area .mainvisual-img .slick-dots { width: 89.79592%; } }

@media screen and (max-width: 750px) { .mainvisual-area .mainvisual-img .slick-dots { margin: -7% 0 0 0; bottom: 0; width: 100%; text-align: center; } }

.mainvisual-area .mainvisual-now { width: 28.97758%; padding: 3.78788% 3.0303% 60px; background-color: #a39c78; color: #fff; }

@media screen and (max-width: 750px) { .mainvisual-area .mainvisual-now { top: -20px; position: relative; width: 94%; margin: 0 auto ; padding: 20px 3% 1px; } }

.mainvisual-area .mainvisual-now a { color: #fff; background: #fff; }

.mainvisual-area .mainvisual-now .mainvisual-now-ttl img { width: 100%; }

@media screen and (max-width: 750px) { .mainvisual-area .mainvisual-now .mainvisual-now-ttl { text-align: center; } }

@media screen and (max-width: 750px) { .mainvisual-area .mainvisual-now .mainvisual-now-ttl img { width: 60%; } }

.mainvisual-area .mainvisual-now .mainvisual-now-temp { background-repeat: no-repeat; background-position: 0 50%; background-size: auto 100%; font-weight: bold; line-height: 1.6; margin: 8.82353% auto; text-align: right; font-size: 1.71429rem; white-space: nowrap; }

@media screen and (max-width: 1200px) { .mainvisual-area .mainvisual-now .mainvisual-now-temp { font-size: 1.5rem; } }

@media screen and (max-width: 1000px) { .mainvisual-area .mainvisual-now .mainvisual-now-temp { font-size: 1.28571rem; } }

@media screen and (max-width: 750px) { .mainvisual-area .mainvisual-now .mainvisual-now-temp { width: 70%; margin: 10px auto 0; } }

.mainvisual-area .mainvisual-now .mainvisual-now-time { margin: 8.82353% 0; display: flex; align-items: center; justify-content: space-between; }


@media screen and (max-width: 750px) { .mainvisual-area .mainvisual-now .mainvisual-now-time { margin: 0 auto 10px; display: flex; width: 70%; } }


.mainvisual-area .mainvisual-now .mainvisual-now-time-title { white-space: nowrap; font-size: 1.14286rem; }

@media screen and (max-width: 1200px) { .mainvisual-area .mainvisual-now .mainvisual-now-time-title { font-size: 1rem; } }

@media screen and (max-width: 1000px) { .mainvisual-area .mainvisual-now .mainvisual-now-time-title { font-size: 0.85714rem; } }

.mainvisual-area .mainvisual-now .mainvisual-now-time-meridiem { font-size: 1.57143rem; white-space: nowrap; }

@media screen and (max-width: 1200px) { .mainvisual-area .mainvisual-now .mainvisual-now-time-meridiem { font-size: 1.42857rem; } }

@media screen and (max-width: 1000px) { .mainvisual-area .mainvisual-now .mainvisual-now-time-meridiem { font-size: 1.14286rem; } }

.mainvisual-area .mainvisual-now .mainvisual-now-time-time { font-size: 3.85714rem; white-space: nowrap; }

@media screen and (max-width: 1200px) { .mainvisual-area .mainvisual-now .mainvisual-now-time-time { font-size: 3.42857rem; } }

@media screen and (max-width: 1000px) { .mainvisual-area .mainvisual-now .mainvisual-now-time-time { font-size: 2.85714rem; } }

.mainvisual-area .mainvisual-now .mainvisual-now-headline { margin: 15px 0; text-align: center; }

.mainvisual-area .mainvisual-now .mainvisual-now-headline::before { content: '►'; margin-right: 5px; }

.mainvisual-area .mainvisual-now .slick-list img { width: 100%; }

.mainvisual-area .mainvisual-now .slick-dots { bottom: -60px; }

@media screen and (max-width: 750px) { .mainvisual-area .mainvisual-now .slick-dots { bottom: 0; margin: 5% 0 0; } }
.hot-area {
  position: relative;
  margin-block: min(150px, 20vw) min(150px, 30vw);
}
.hot-area::after {
  content: '';
  position: absolute;
  z-index: -1;
  right: 0;
  bottom: -5em;
  width: min(1300px, 80%);
  height: 100%;
  background-color: #f0f0f0;
  padding-block: 5em;
}
@media screen and (max-width: 750px) {
  .hot-area::after {
    bottom: -4em;
    width: 100%;
    padding-block: 0em;
  }
}
.hot-area .main-slider .slick-list li { padding: 0 10px; }

.hot-area .main-slider .slick-list li img { width: 100%; }

.hot-area .main-slider .slick-list li dt { margin: 15px 0; font-size: 1.28571rem; font-weight: 800; line-height: 1.4; }

.hot-area .main-slider .slick-list li dd a { text-decoration: none; line-height: 1.5; }

.hot-area .main-slider .slick-dots { bottom: -50px; }

@media screen and (max-width: 750px) { .hot-area .main-slider .slick-dots { bottom: -30px; margin: 0 0 3%; } }

.news-area { margin-bottom: 55px; padding-top: 5px; }

.news-area .inner-s { position: relative; }

.news-area .inner-s p a { display: inline-block; width: 39em; vertical-align: middle; font-weight: 600;     line-height: 1.5; padding-top: .5em;}

@media screen and (max-width: 750px) { .news-area .inner-s p a { margin: 0 0 2em ; width: 100%; } }

.news-area .ttl-area { float: left; }

@media screen and (max-width: 750px) { .news-area .ttl-area { float: none; margin-bottom: 45px; } }

.news-area p { margin-left: 170px; padding: 20px 150px 20px 30px; border-left: 1px solid #253044; }

@media screen and (max-width: 750px) { .news-area p { margin-left: 0; padding: 0; border-left: none; }
  .news-area p a { display: block; margin-top: 20px; } }

.news-area p span { display: inline-block; width: 7em;vertical-align: text-bottom; }

.news-area .news-btn { position: absolute; top: 0; right: 0; width: 140px; }

@media screen and (max-width: 750px) { .news-area .news-btn { position: static; width: 100%; margin-top: 20px; text-align: center; } }

.news-area .news-btn .btn { height: 40px; border-radius: 20px; line-height: 40px; font-weight: 800; letter-spacing: .05em; }

@media screen and (max-width: 750px) { .news-area .news-btn .btn { max-width: 230px; border-radius: 10px; } }

.eventsearch-area { margin-bottom: 130px; }

.eventsearch-area .eventsearch-bg { color: #fff; padding: 5%; background-color: #253044; text-align: center; }

.eventsearch-area .ttl-area { margin-bottom: 4.58333%; }

.eventsearch-area .eventsearch-form { max-width: 825px; margin: 0 auto 35px; background-color: #fff; }

@media screen and (max-width: 750px) { .eventsearch-area .eventsearch-form { background-color: #253044; } }

.eventsearch-area .eventsearch-form p { float: left; width: 84.84848%; padding: 10px 10px 0 10px; }

@media screen and (max-width: 750px) { .eventsearch-area .eventsearch-form p { float: none; width: 100%; background-color: #fff; } }

.eventsearch-area .eventsearch-form p input { border: none; width: 100%; padding: 15px 5px; outline: none; }

.eventsearch-area .eventsearch-form button { display: block; float: right; width: 15.15152%; padding: 20px 0; background-color: #c84c46; color: #fff; font-size: 1.28571rem; text-align: center; }

@media screen and (max-width: 750px) { .eventsearch-area .eventsearch-form button { float: none; width: 100%; max-width: 230px; margin: 20px auto 0; font-size: 1.14286rem; } }

.eventsearch-area dl { max-width: 825px; margin: 0 auto; }

.eventsearch-area dl dt { margin-bottom: 5px; font-size: 1.42857rem; font-weight: bold; }

.eventsearch-area dl dd li { display: inline-block; margin-top: 10px; padding: 0 5px; border-right: 1px solid #fff; white-space: nowrap; }

.eventsearch-area dl dd li a { color: #fff; text-decoration: none; }

.plan-area { margin-bottom: 105px; }

.plan-area .ttl-area { float: left; margin-top: 140px; text-align: left; }

@media screen and (max-width: 750px) { .plan-area .ttl-area { float: none; margin-top: 0; margin-bottom: 45px; text-align: center; } }

.plan-area ul { display: flex; flex-wrap: wrap; margin-left: 195px; border-left: 1px solid #253044; }

@media screen and (max-width: 750px) { .plan-area ul { justify-content: space-between; margin-left: 0; padding-top: 45px; border-left: none; border-top: 1px solid #253044; } }

.plan-area ul li { width: 13.92265%; margin: 0 0 6.62983% 11.04972%; text-align: center; }

.plan-area ul li a { display: block; text-decoration: none; }

.plan-area ul li a p { margin-top: 30px; font-weight: 600; line-height: 1.4; }

.plan-area ul li:nth-child(5), .plan-area ul li:nth-child(6), .plan-area ul li:nth-child(7), .plan-area ul li:nth-child(8) { margin-bottom: 0; }

@media screen and (max-width: 750px) { .plan-area ul li { width: 40.35088%; margin-left: 0; margin-bottom: 30px; }
  .plan-area ul li:nth-child(5), .plan-area ul li:nth-child(6) { margin-bottom: 30px; } }

.hotelsearch-area { margin-bottom: 110px; padding: 80px 0 130px; background-color: #f0f0f0; position: relative; }


@media screen and (max-width: 750px) { .hotelsearch-area { padding-bottom: 50px; } }

.hotelsearch-area .ttl-area { float: left; margin-top: 10px; text-align: left; width: 28%; }

@media screen and (max-width: 750px) { .hotelsearch-area .ttl-area { float: none; margin-top: 0; margin-bottom: 45px; text-align: center; } }

.hotelsearch-area .hotelsearch-content { margin-left: 330px; padding-left: 70px; border-left: 1px solid #253044; }

@media screen and (max-width: 750px) { .hotelsearch-area .hotelsearch-content { margin-left: 0; padding-top: 45px; padding-left: 0; border-left: none; border-top: 1px solid #253044; } }

.hotelsearch-area .hotelsearch-content dl { float: left; width: 35.13514%; }

.hotelsearch-area .hotelsearch-content dl:first-child { margin-right: 1.08108%; }

@media screen and (max-width: 750px) { .hotelsearch-area .hotelsearch-content dl { float: none; width: 100%; margin-bottom: 30px; } }

.hotelsearch-area .hotelsearch-content dl dt { margin-bottom: 1em; }

.hotelsearch-area .hotelsearch-content dl dd { background-color: #fff; padding: 13px; }

.hotelsearch-area .hotelsearch-content .hotelsearch-btn { float: right; width: 27.02703%; margin-top: 2em; }

@media screen and (max-width: 750px) { .hotelsearch-area .hotelsearch-content .hotelsearch-btn { float: none; width: 100%; text-align: center; } }

.hotelsearch-area .hotelsearch-content .hotelsearch-btn button { font-size: 1.42857rem; }

@media screen and (max-width: 750px) { .hotelsearch-area .hotelsearch-content .hotelsearch-btn button { max-width: 400px; } }

.hotelsearch-area .hotelsearch-content .hotelsearch-powered { margin-top: 25px; text-align: right; }

@media screen and (max-width: 750px) { .hotelsearch-area .hotelsearch-content .hotelsearch-powered { margin-top: 40px; text-align: center; } }

.hotelsearch-area .hotelsearch-content .hotelsearch-powered img { margin-left: 10px; vertical-align: middle; }

.hotelsearch-area .hotelsearch-travelko { position: absolute; left: 0; right: 0; bottom: -60px; margin: 0 auto; max-width: 800px; display: block; }

@media screen and (max-width: 750px) { .hotelsearch-area .hotelsearch-travelko { max-width: 90%; bottom: -30px; } }

.facility-area { margin-bottom: 120px; }

.facility-area .ttl-area { margin-bottom: 70px; }

.facility-area .slick-list li { padding: 0 8px; }

.facility-area .slick-list li img { width: 100%; }

.facility-area .slick-list li figcaption { margin-top: 25px; font-size: 1.28571rem; font-weight: bold; text-align: center; }

.facility-area .slick-dots { bottom: -70px; }

.facility-area .slick-dots li button::before { color: #f0f0f0; }

.recommend-area { padding: 85px 0 75px; background-color: #a39c78; color: #fff; }

@media screen and (max-width: 750px) { .recommend-area .inner { padding: 0; } }

.recommend-area .ttl-area { margin-bottom: 70px; }

.recommend-area .slick-list li { padding: 0 8px; }

.recommend-area .slick-list li img { width: 100%; }

.recommend-area .slick-list li figcaption { margin-top: 25px; font-size: 1.28571rem; font-weight: bold; text-align: center; }

.recommend-area .slick-dots { bottom: -70px; }

.recommend-area .tac { margin-top: 140px; }

.recommend-area .tac .btn { max-width: 220px; font-size: 1.42857rem; font-weight: 800; letter-spacing: .1em; }

.season-area img.only-pc { width: 100%; }

@media screen and (max-width: 750px) { .season-area { width: 88%; margin: 80px auto 0; }
  .season-area li { margin-bottom: 7.57576%; }
  .season-area li:last-child { margin-bottom: 0; } }

.note-area {
    max-width: 1000px;
    margin: 0 auto 50px;
    padding: 30px 20px;
    background-color: #ffbabd;
    text-align: center;
}

.event-area { padding-block: min(50px, 10vw) min(100px, 20vw); }

@media screen and (max-width: 750px) { .event-area .inner { padding: 0; } }

.event-area .ttl-area { margin-bottom: 40px; }

.event-area .slick-list li { padding: 0 8px; }

.event-area .slick-list li img { width: 100%; }

.event-area .slick-list li dt { margin-top: 20px; font-size: 1.28571rem; font-weight: 800; line-height: 1.4; }

.event-area .slick-list li dd { margin-top: 15px; line-height: 1.5;}

.event-area .event-slider .slick-dots {
  bottom: -50px;
}
@media screen and (max-width: 750px) { 
  .event-area .event-slider .slick-dots {
    bottom: -30px;
  }
}
.event-area .slick-dots li button::before { color: #f0f0f0; }

.event-area .event-nav { margin-top: 100px; text-align: center; }

@media screen and (max-width: 750px) { .event-area .event-nav { width: 74.66667%; margin: min(100px,20vw) auto 0; } }

.event-area .event-nav li { display: inline-block; width: 18.33333%; height: 60px; margin-right: 1.66667%; border: 1px solid #253044; border-radius: 10px; color: #253044; font-size: 1.42857rem; line-height: 60px; text-align: center; font-weight: 900; letter-spacing: .05em; }

.event-area .event-nav li:last-child { margin-right: 0; }

@media screen and (max-width: 750px) { .event-area .event-nav li { display: block; width: 100%; font-size: 1rem; height: 50px;     line-height: 50px; margin-bottom: 30px; } }

.ranking-area { padding: 85px 0 75px; background-color: #f0f0f0; }

.ranking-area .ttl-area { margin-bottom: 70px; }

.ranking-area .ranking-nav { margin-bottom: 40px; text-align: center; }

.ranking-area .ranking-nav li { position: relative; display: inline-block; margin: 0 15px 10px; padding-bottom: 10px; font-size: 1.42857rem; cursor: pointer; }

.ranking-area .ranking-nav li.is-active::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #253044; }

.ranking-area .ranking-nav li.is-active { border-bottom: medium solid rgb(37, 48, 68); border-width: 3px; }

@media screen and (max-width: 750px) { .ranking-area .box-col3-m { padding: 0 7.57576%; } }

@media screen and (max-width: 750px) { .ranking-area .box-col3-m li { float: none; width: 100%; margin-bottom: 40px; text-align: center; }
  .ranking-area .box-col3-m li:first-child { margin-right: 0; } }

.ranking-area .box-col3-m li dl { margin-top: 20px; }

.ranking-area .box-col3-m .ranking {
  float: left;
  background-repeat:no-repeat;
  color: #fff;
  font-size: 2.14286rem;
  font-weight: bold;
  text-align: center;
  padding-top: 35px;
  width: 90px;
  height: 90px;
  margin-right: 10px;
}
.ranking-area .box-col3-m .ranking--01 {
  background-image:url(../img/useful/ranking_i01.png);
}
.ranking-area .box-col3-m .ranking--02 {
  background-image:url(../img/useful/ranking_i02.png);
}
.ranking-area .box-col3-m .ranking--03 {
  background-image:url(../img/useful/ranking_i03.png);
}
@media screen and (max-width: 750px) { .ranking-area .box-col3-m .ranking { float: none; margin: -60px auto 0; position: relative; } }

.ranking-area .box-col3-m li dl dd { margin-left: 80px; font-size: 1.42857rem; font-weight: 700; line-height: 1.2; height: 90px; place-content: center; }

@media screen and (max-width: 750px) { .ranking-area .box-col3-m li dl dd { margin-left: 0; } }

.ranking-area .tac { margin-top: 70px; }

.ranking-area .tac .btn { max-width: 220px; font-size: 1.42857rem; }

@media screen and (max-width: 750px) { .ranking-area .tac .btn { max-width: 450px; } }

.movie-area { padding: 85px 0 75px; background-color: #a39c78; color: #fff; text-align: center; }

@media screen and (max-width: 750px) { .movie-area .inner { padding: 0; } }

.movie-area .ttl-area { margin-bottom: 70px; }

.movie-area .movie-detail { position: relative; padding-bottom: 50%; height: 0; overflow: hidden; width: 70%; margin: 0 auto; }

.movie-area .movie-detail iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.movie-area .movie-title { font-size: 1.4285714286rem; margin-top: 2em; }

.movie-area .tac { margin-top: 60px; }

.movie-area .tac .btn { max-width: 220px; font-size: 1.4285714286rem; }

.nagoyaabout-area { max-width: 1440px; margin: 0 auto; }

.nagoyaabout-area .nagoyaabout-sec { margin-bottom: 100px; }

@media screen and (max-width: 750px) { .nagoyaabout-area .nagoyaabout-sec { margin-bottom: 60px; } }

.nagoyaabout-area .nagoyaabout-main { display: flex; }

@media screen and (max-width: 750px) { .nagoyaabout-area .nagoyaabout-main { flex-direction: column; padding: 0 6%; } }

.nagoyaabout-area .nagoyaabout-main + .nagoyaabout-main { margin-top: 40px; }

.nagoyaabout-area .nagoyaabout-main figure { width: 52.77778%; }

@media screen and (max-width: 750px) { .nagoyaabout-area .nagoyaabout-main figure { width: 100%; text-align: center; }
  .nagoyaabout-area .nagoyaabout-main figure + .nagoyaabout-main-con { margin-top: 20px; } }

.nagoyaabout-area .nagoyaabout-main .nagoyaabout-main-con { width: 47.22222%; }

@media screen and (max-width: 750px) { .nagoyaabout-area .nagoyaabout-main .nagoyaabout-main-con { width: 100%; } }

.nagoyaabout-area .nagoyaabout-main.nagoyaabout-main-r { flex-direction: row-reverse; }

@media screen and (max-width: 750px) { .nagoyaabout-area .nagoyaabout-main.nagoyaabout-main-r { flex-direction: column; } }

.nagoyaabout-area .nagoyaabout-main.nagoyaabout-main-r .nagoyaabout-main-con { display: flex; justify-content: flex-end; }

.nagoyaabout-area .nagoyaabout-main.nagoyaabout-main-r .nagoyaabout-main-con dl { padding: 0 13.23529% 0 15px; }

.nagoyaabout-area .nagoyaabout-main .nagoyaabout-main-info { max-width: 575px; padding: 0 15px 0 13.23529%; }

@media screen and (max-width: 750px) { .nagoyaabout-area .nagoyaabout-main .nagoyaabout-main-info { max-width: initial; padding: 0; } }

.nagoyaabout-area .nagoyaabout-main .nagoyaabout-main-title { margin: 40px 0; font-size: 2.85714rem; font-weight: bold; }

@media screen and (max-width: 750px) { .nagoyaabout-area .nagoyaabout-main .nagoyaabout-main-title { font-size: 1.42857rem; } }

.nagoyaabout-area .nagoyaabout-main .nagoyaabout-main-txt { line-height: 1.8; }

.nagoyaabout-area .nagoyaabout-main .nagoyaabout-main-txt p { margin-bottom: 30px; }

@media screen and (max-width: 750px) { .nagoyaabout-area .nagoyaabout-main .nagoyaabout-main-txt p { margin-bottom: 20px; } }

.nagoyaabout-area .nagoyaabout-sub { display: flex; margin-top: 70px; }

@media screen and (max-width: 750px) { .nagoyaabout-area .nagoyaabout-sub { flex-direction: column; margin-top: 40px; } }

.nagoyaabout-area .nagoyaabout-sub figure { width: 300px; }

@media screen and (max-width: 750px) { .nagoyaabout-area .nagoyaabout-sub figure { width: 100%; text-align: center; } }

.nagoyaabout-area .nagoyaabout-sub .nagoyaabout-sub-con { flex: 1; width: 100%; padding-left: 5.55556%; }

@media screen and (max-width: 750px) { .nagoyaabout-area .nagoyaabout-sub .nagoyaabout-sub-con { margin-top: 30px; padding-left: 0; } }

.nagoyaabout-area .nagoyaabout-sub .nagoyaabout-sub-con p { margin-bottom: 30px; line-height: 1.8; }

@media screen and (max-width: 750px) { .nagoyaabout-area .nagoyaabout-sub .nagoyaabout-sub-con p { margin-bottom: 20px; } }

@media screen and (max-width: 1440px) { .nagoyaabout-area .nagoyaabout-lower { padding: 0 10px; } }

@media screen and (max-width: 750px) { .nagoyaabout-area .nagoyaabout-lower { padding: 0 6%; } }

.nagoyaabout-area .nagoyaabout-figlist { display: flex; justify-content: space-between; margin: 30px -10px; }

@media screen and (max-width: 750px) { .nagoyaabout-area .nagoyaabout-figlist { flex-wrap: wrap; margin: 10px -5px; } }

.nagoyaabout-area .nagoyaabout-figlistitem { padding: 0 10px; }

@media screen and (max-width: 750px) { .nagoyaabout-area .nagoyaabout-figlistitem { width: 50%; padding: 0 5px; margin-bottom: 10px; } }

.nagoyaabout-btnwrap { display: flex; justify-content: flex-end; }

@media screen and (max-width: 750px) { .nagoyaabout-btnwrap { justify-content: center; } }

/* 特集 - 一覧 */
.featurerelated-area { margin-bottom: 60px; padding: 60px 0 40px; }

@media screen and (max-width: 750px) { .featurerelated-area { padding: 60px 0 20px; } }

.featurerelated-area .related-item { background-color: #fff; }

.featurerelated-area .related-item-con { padding: 0 15px 15px; }

.featureresult-area .searchresult-list .searchresult-item { width: 100%; }

.featurebnnav-area { padding-bottom: 100px; }

@media screen and (max-width: 750px) { .featurebnnav-area { padding-bottom: 60px; } }

.featurebnnav-area figcaption { margin-top: 10px; font-size: 1.28571rem; font-weight: bold; text-align: center; }

/* 特集 - 詳細 */
.featuredetail-area { padding-top: 60px; padding-bottom: 75px; }

.featuredetail-area .spotname { margin-bottom: 25px; }

.feature-con { float: left; width: 66.66667%; }

@media screen and (max-width: 1200px) { .feature-con { float: none; width: 100%; } }

.featureimg { margin-bottom: 50px; }

.featurecopy { margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px solid #dcdddd; line-height: 1.8; }

.feature-box { margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px solid #dcdddd; }

.feature-box .feature-ttl { margin-bottom: 20px; font-size: 2.14286rem; font-weight: bold; }

@media screen and (max-width: 750px) { .feature-box .feature-ttl { font-size: 1.28571rem; } }

.feature-box .feature-lead { margin-bottom: 90px; line-height: 1.8; }

.feature-box .feature-lead dt { margin-bottom: 5px; font-size: 1.14286rem; font-weight: bold; line-height: 1.5; }

.feature-box .feature-lead dd { margin-bottom: 20px; }

.feature-box .feature-lead dd:last-child { margin-bottom: 0; }

.feature-box .feature-img { margin-bottom: 60px; text-align: center; }

.feature-box .feature-btn { text-align: center; }

.feature-box .feature-btn a { max-width: 600px; }

.feature-txt { margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px solid #dcdddd; line-height: 1.8; }

@media screen and (max-width: 750px) { .feature-txt { margin-bottom: 60px; } }

.featurerelated .ttl-line { text-align: left; }

.featurerelated a { display: block; text-decoration: none; }

.featurerelated p { margin-top: 10px; }

.feature-side { float: right; width: 29.16667%; }

@media screen and (max-width: 1200px) { .feature-side { float: none; width: 100%; margin-top: 40px; } }

.feature-side .feature-sub-box { margin-bottom: 40px; }

.feature-side .feature-sub-box:last-child { margin-bottom: 0; }

.feature-side .feature-sub-ttl { margin-bottom: 15px; font-size: 1.42857rem;     font-weight: 800; letter-spacing: .05em; }

.feature-side .feature-sub-ttl .ico { margin-right: 8px; }

.feature-side a { text-decoration: none; }

.feature-side .btn-arrow { max-width: 250px; }

.feature-side .feature-sub-search { padding: 20px 20px 30px; background-color: #253044; color: #fff; }

.feature-side .feature-sub-search .feature-sub-ttl { margin-bottom: 40px; font-size: 2.14286rem; text-align: center; }

.feature-side .feature-sub-search dl { margin-bottom: 25px; }

.feature-side .feature-sub-search dl dt { margin-bottom: 10px; font-size: 1.28571rem; font-weight: bold; }

.feature-side .feature-sub-search .feature-sub-search-form { display: flex; }

.feature-side .feature-sub-search .feature-sub-search-form p { flex: 1; border: 1px solid #ccc; background-color: #fff; }

.feature-side .feature-sub-search .feature-sub-search-form p input { width: 100%; padding: 10px; border: none; outline: none; }

.feature-side .feature-sub-search .feature-sub-search-form button { width: 36px; padding: 5px 0; background-color: #c84c46; text-align: center; }

.feature-side .feature-sub-search .feature-sub-search-sel { padding-bottom: 0; }

.feature-side .feature-sub-search .feature-sub-search-sel label { display: inline-block; margin: 0 10px 1em 0; padding: 0.5em 10px; background-color: #fff; color: #253044; }

.feature-side .feature-sub-search .feature-sub-search-sel label.is-active { background-color: #c84c46; color: #fff; }

.feature-side .feature-sub-search .feature-sub-search-sel label input { display: none; }

.feature-side .feature-sub-search .feature-sub-search-ctrl { text-align: center; }

.feature-side .feature-sub-search .feature-sub-search-ctrl button { display: inline-block; width: 100%; max-width: 220px; margin-bottom: 10px; padding: 15px 0; color: #fff; font-size: 1.28571rem; font-weight: 800; letter-spacing: .05em; border-radius: .3em; }

@media screen and (max-width: 750px) { .feature-side .feature-sub-search .feature-sub-search-ctrl button { font-size: 1.14286rem; } }

.feature-side .feature-sub-search .feature-sub-search-ctrl button.search-submit { background-color: #c84c46; }

.feature-side .feature-sub-search .feature-sub-search-ctrl button.search-reset { background-color: #666; }

.feature-side .feature-sub-list li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ccc; }

.feature-side .feature-sub-list li:last-child { border-bottom: none; }

.feature-side .feature-sub-list a { display: flex; }

.feature-side .feature-sub-list figure { width: 100px; }

.feature-side .feature-sub-list p, .feature-side .feature-sub-list dl { flex: 1; padding-left: 15px; line-height: 1.4; font-weight: bold; }

@media screen and (max-width: 750px) { .feature-side .feature-sub-list p, .feature-side .feature-sub-list dl { font-size: 1rem; } }

.feature-side .feature-sub-ranking li { position: relative; }

.feature-side .feature-sub-ranking li div { flex: 1; }

.feature-side .feature-sub-ranking li .ico { position: absolute; top: -10px; left: -15px; }

.feature-side .feature-sub-ranking li .ico::before { width: 40px; height: 39px; }

.feature-side .feature-sub-ranking li dt { color: #c84c46; font-size: 1rem; font-weight: normal; }

.feature-side .feature-sub-reco dt { font-weight: bold; }

.feature-side .feature-sub-course dt { margin-bottom: 5px; }

.feature-side .feature-sub-pr li { margin-bottom: 10px; text-align: center; }

/* 目次 */
.feature-content {
    background-color: #F6F6F6;
    padding: 25px 30px 0;
    margin-bottom: 30px;
}
.feature-content__title {
    font-size: 24px;
    background-image:url(/assets/img/feature/bg_title_content.png);
    background-position:0 50%;
    background-repeat: no-repeat;
    padding-left: 50px;
    margin-bottom: 25px;
}
.feature-content__list {
    height: 170px;
    overflow: hidden;
    margin: 0 0 40px 50px;
}
@media screen and (max-width: 640px) {
    .feature-content__list {
        margin-left: 0;
    }
}
.feature-content__list.is-open {
    height: auto;
}
.feature-content__item {
    font-size: 17px;
    line-height: 1.5;
    font-weight: bold;
}
.feature-content__item a {
    color: #683100;
    text-decoration: none;
}
.feature-content__list02 {
    margin: 0 0 10px 20px;
}
.feature-content__item02 {
    font-size: 16px;
    line-height: 2.5;
    position: relative;
    padding-left: 10px;
    list-style: none;
}
.feature-content__list02 a {
    color: #000;
    font-weight: normal;
    text-decoration: none;
}
.feature-content__btn {
    border-top: 1px solid  #DEDEDE;
    width: 100%;
    line-height: 70px;
    cursor: pointer;
    outline: none;
}
.feature-content__btn-inner {
    position: relative;
}
.feature-content__btn-inner::after {
    content: '';
    position: absolute;
    top: 0;
    right: -20px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    transform: rotate(135deg);
}
.is-open .feature-content__btn-inner::after {
    top: 5px;
    transform: rotate(-45deg);
}


/* イベント一覧 */
.event-slider .event-slider-item { padding: 0 15px; }

.event-slider .event-slider-item a { display: block; }

.event-slider .event-slider-item img { margin: 0 auto; }

.event-slider .event-slider-item .event-slider-con { display: flex; justify-content: space-between; padding-top: 20px; }

@media screen and (max-width: 1000px) { .event-slider .event-slider-item .event-slider-con { flex-direction: column; } }

.event-slider .event-slider-item .event-slider-date { margin-bottom: 5px; }

.event-slider .event-slider-item .event-slider-name { margin-bottom: 10px; font-size: 1.42857rem; font-weight: bold; }

.event-slider .event-slider-item .box-tag span { margin-bottom: 5px; }

.event-slider .event-slider-btn { position: absolute; top: 50%; margin-top: -30px; }

.event-slider .event-slider-btn.event-slider-prev { left: 0; }

.event-slider .event-slider-btn.event-slider-next { right: 0; }

/* スポット - 一覧 */
.spotslide-area { margin-bottom: 100px; }

@media screen and (max-width: 750px) { .spotslide-area { margin-bottom: 60px; } }

.spotslide-area .spotslide-main { position: relative; }

.spotslide-area .spotslide-main::before { content: ''; position: absolute; right: 0; bottom: -55px; width: 94.79167%; padding-top: 19.44444%; background-color: #f0f0f0; }

@media screen and (max-width: 750px) { .spotslide-area .spotslide-main::before { width: 100%; } }

.spotslide-area .spotslide-main .slick-slider.slick-dotted { margin-bottom: 225px; }

@media screen and (max-width: 750px) { .spotslide-area .spotslide-main .slick-slider.slick-dotted { margin-bottom: 160px; } }

.spotslide-area .spotslide-main .slick-list li { padding: 0 35px; }

.spotslide-area .spotslide-main .slick-dots { bottom: -100px; }

.spotslide-area .spotslide-main .slick-dots li button::before { color: #f0f0f0; }

/* スポット - 詳細 */
.spotdetail-area { padding: 70px 0 100px; }

.spotdetail-area .spotslider { padding-inline: 2em; }

@media screen and (max-width: 750px) { .spotdetail-area .spotslider { padding-inline: 0; } }

.spotdetail-area .box-tag { margin-bottom: 20px; text-align: center; }

.spotdetail-area .spotname-ttl { margin-bottom: 30px; font-size: 2.14286rem; }

@media screen and (max-width: 750px) { .spotdetail-area .spotname-ttl { font-size: 1.42857rem; } }

.spotdetail-area .spotslider-main { margin-bottom: 1em; padding-inline: 1.5rem; }

@media screen and (max-width: 750px) { .spotdetail-area .spotslider-main { margin-bottom: .5em; padding-inline: 0; } }

.spotdetail-area .spotslider .slick-slide li {
  aspect-ratio: 4 / 3;
  background: #f5f5f5;
}

.spotdetail-area .spotslider .slick-slide li img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.spotdetail-area .spotslider-thumb { max-width: 810px; margin: 0 auto 60px; }

.spotdetail-area .spotslider-thumb li { padding: 0 5px; }

.spotdetail-area .spotdetail-con { max-width: 800px; margin: 0 auto; line-height: 1.8; }

.spotdetail-area .spotdetail-con a { color: #c84c46; }

.spotdetail-area .spotdetail-desc { margin-bottom: 40px; }

.spotdetail-area .spotdetail-desc p { margin-bottom: 60px; }

.spotdetail-area .spotdetail-desc p:last-child { margin-bottom: 0; }

.spotdetail-area .spotdetail-desc .spotdetail-desc-h { margin-bottom: 10px; font-size: 1.28571rem; }

.spotdetail-area .spotdetail-file { margin-bottom: 60px; }

.spotdetail-area .spotdetail-file dd { margin-top: 10px; }

.spotdetail-area .spotdetail-share { margin-bottom: 60px; }

.spotdetail-area .spotdetail-share .spotdetail-share-ttl { margin-bottom: 15px; font-size: 1.28571rem; font-weight: bold; }

.spotdetail-area .spotdetail-share ul { display: flex; padding-left: 5px; }

.spotdetail-area .spotdetail-share ul li { margin-right: 15px; }

.spotdetail-area .spotdetail-share ul li:last-child { margin-right: 0; }

.spotdetail-area .spotdetail-ttl { margin-bottom: 30px; font-size: 2.14286rem; font-weight: 800;
letter-spacing: .05em; }

@media screen and (max-width: 750px) { .spotdetail-area .spotdetail-ttl { margin-bottom: 20px; font-size: 1.28571rem; } }

.spotdetail-area .spotdetail-details { margin-bottom: 60px; padding: 60px 0; background-color: #f7f7f7; }

@media screen and (max-width: 750px) { .spotdetail-area .spotdetail-details { padding: 0; background-color: #fff; } }

.spotdetail-area .spotdetail-details table { width: 100%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }

.spotdetail-area .spotdetail-details table th { width: 19.16667%; padding: 25px 0 25px 30px; text-align: left; }

@media screen and (max-width: 750px) { .spotdetail-area .spotdetail-details table th { display: block; width: 100%; padding: 15px; background-color: #f2efe6; } }

.spotdetail-area .spotdetail-details table td { padding: 25px 30px 25px 0; word-break: break-all; }

@media screen and (max-width: 750px) { .spotdetail-area .spotdetail-details table td { display: block; padding: 15px; } }

.spotdetail-area .spotdetail-details table tr:nth-child(odd) { background-color: #f2efe6; }

@media screen and (max-width: 750px) { .spotdetail-area .spotdetail-details table tr:nth-child(odd) { background-color: #fff; } }

.spotdetail-area .spotdetail-tbl { width: 100%; }

.spotdetail-area .spotdetail-tbl th { padding: 10px 30px 10px 0; border-bottom: 1px solid #e8e8e8; text-align: left; }

@media screen and (max-width: 750px) { .spotdetail-area .spotdetail-tbl th { display: block; padding: 15px 0 5px; border-bottom: none; } }

.spotdetail-area .spotdetail-tbl td { padding: 10px 10px 10px 0; border-bottom: 1px solid #e8e8e8; }

@media screen and (max-width: 750px) { .spotdetail-area .spotdetail-tbl td { display: block; padding: 0 0 15px; } }

.spotdetail-area .spotdetail-map .spotdetail-map-g { position: relative; padding-top: 62.5%; }

.spotdetail-area .spotdetail-map .spotdetail-map-g iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.spotdetail-area .spotdetail-map .spotdetail-map-link { margin-top: 20px; }

.spotdetail-area .spotdetail-map .spotdetail-map-link a { color: #253044; font-size: 1.14286rem; text-decoration: none; }

.spotdetail-area .spotdetail-apply { margin-top: 100px; }

@media screen and (max-width: 1000px) { .spotdetail-area .spotdetail-apply { margin-top: 60px; } }

.spotdetail-area .slick-dots {
  bottom: 2em;
}
@media screen and (max-width: 750px) { 
  .spotdetail-area .slick-dots {
    position: absolute;
    bottom: 1em;
  }
}
@media screen and (max-width: 750px) { 
  .spotdetail-area .slick-dots li {
    width: .5rem;
    height: 0;
  }
}
.spotdetail-area .slick-dots li button::before {
  content: '■';
  color: #fff;
  font-size: 1rem;
  opacity: 1;
}
@media screen and (max-width: 750px) { 
  .spotdetail-area .slick-dots li button::before {
    font-size: .5rem;
  }
}
.spotdetail-area .slick-dots li.slick-active button::before {
  color: #a9894b;
  opacity: 1;
}
.spotdetail-area .slick-arrow {
  width: 3rem;
  height: 3rem;
  background: no-repeat center / contain;
  z-index: 10;
}
@media screen and (max-width: 750px) { 
  .spotdetail-area .slick-arrow {
    width: 2rem;
    height: 2rem;
  }
}
.spotdetail-area .slick-arrow::before {
  content: '';
}
.spotdetail-area .slick-prev {
  left: 0;
  background-image: url("/assets/img/common/b_prev_l.gif");
}
@media screen and (max-width: 750px) { 
  .spotdetail-area .slick-prev {
    left: -1rem;
  }
}
.spotdetail-area .slick-next {
  right: 0;
  background-image: url("/assets/img/common/b_next_l.gif");
}
@media screen and (max-width: 750px) { 
  .spotdetail-area .slick-next {
    right: -1rem;
  }
}
@keyframes fadeInSlick {
  from { visibility: hidden; }
  to { visibility: visible; }
}
/* slick  */
.slick-slider:not(.slick-initialized) img {
  visibility: hidden;
}
.slick-slider.slick-initialized img {
  animation: fadeInSlick .5s ease-in forwards;
}

/* ツアー一覧 */
.tourresult-area .searchresult-list .searchresult-con { display: flex; }

@media screen and (max-width: 1000px) { .tourresult-area .searchresult-list .searchresult-con { flex-direction: column; } }

.tourresult-area .searchresult-list .searchresult-con-l { width: 69.87179%; padding-right: 40px; border-right: 1px solid #dddddd; }

@media screen and (max-width: 1000px) { .tourresult-area .searchresult-list .searchresult-con-l { width: 100%; margin-bottom: 20px; padding-right: 0; padding-bottom: 20px; border-right: none; border-bottom: 1px solid #dddddd; } }

.tourresult-area .searchresult-list .searchresult-con-r { display: flex; flex-direction: column; justify-content: center; align-items: flex-end; width: 30.12821%; padding-left: 20px; font-size: 1.28571rem; font-weight: bold; }

@media screen and (max-width: 1000px) { .tourresult-area .searchresult-list .searchresult-con-r { width: 100%; } }

.tourresult-area .searchresult-list .searchresult-con-r p { color: #c84c46; font-size: 2.85714rem; }

@media screen and (max-width: 1000px) { .tourresult-area .searchresult-list .searchresult-con-r p { display: inline; margin-left: 15px; font-size: 2rem; } }

.tourresult-area .searchresult-list.js-listgrid .searchresult-con { flex-direction: column; }

.tourresult-area .searchresult-list.js-listgrid .searchresult-con-l { width: 100%; margin-bottom: 20px; padding-right: 0; padding-bottom: 20px; border-right: none; border-bottom: 1px solid #dddddd; }

.tourresult-area .searchresult-list.js-listgrid .searchresult-con-r { width: 100%; }

.tourresult-area .searchresult-list.js-listgrid .searchresult-con-r p { display: inline; margin-left: 15px; font-size: 2rem; }

.tourresult-area .tourresult-data { display: flex; flex-wrap: wrap; font-size: 1.28571rem; }

.tourresult-area .tourresult-data p { margin-right: 40px; }

.tourresult-area .tourresult-data p:last-child { margin-right: 0; }

.tourdetail-back { padding: 100px 0; }

@media screen and (max-width: 750px) { .tourdetail-back { padding: 60px 0; } }

.tourdetail-back .search-btn { display: block; text-decoration: none; }

/* モデルコース一覧 */
.coursemain-area { padding: 70px 0; }

@media screen and (max-width: 750px) { .coursemain-area { padding: 60px 0; } }

.coursemain-area .coursemain-ttl { margin-bottom: 20px; font-size: 1.42857rem; font-weight: 800;     letter-spacing: .03em;}

.coursemain-area .coursemain-now { float: left; width: 67.91667%; }

@media screen and (max-width: 1200px) { .coursemain-area .coursemain-now { float: none; width: 100%; } }

.coursemain-area .coursemain-now .coursemain-now-fig { margin-bottom: 20px; padding-right: 15px; }

.coursemain-area .coursemain-now .coursemain-now-fig figcaption { margin-top: 10px; }

.coursemain-area .coursemain-now .coursemain-now-thumb { position: relative; padding-right: 70px; }

.coursemain-area .coursemain-now .coursemain-now-thumb .slick-slider li { padding-right: 15px; }

.coursemain-area .coursemain-now .coursemain-now-thumb .slick-dotted { margin-bottom: 50px; }

.coursemain-area .coursemain-now .coursemain-now-thumb .slick-dots { bottom: -45px; }

.coursemain-area .coursemain-now .coursemain-now-thumb .slick-dots li button::before { color: #f0f0f0; }

.coursemain-area .coursemain-now .coursemain-now-thumb .coursemain-now-nav { position: absolute; bottom: 5px; right: 0; width: 70px; }

.coursemain-area .coursemain-now .coursemain-now-thumb .coursemain-now-nav p { float: left; }

.coursemain-area .coursemain-now .coursemain-now-thumb .coursemain-now-nav p:last-child { float: right; }

.coursemain-area .coursemain-ranking { float: right; width: 29.16667%; }

@media screen and (max-width: 1200px) { .coursemain-area .coursemain-ranking { float: none; width: 100%; margin-top: 30px; } }

.coursemain-area .coursemain-ranking li { position: relative; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ccc; }

.coursemain-area .coursemain-ranking li:last-child { border-bottom: none; }

.coursemain-area .coursemain-ranking li a { display: flex; text-decoration: none; }

.coursemain-area .coursemain-ranking li figure { width: 100px; }

.coursemain-area .coursemain-ranking li div { flex: 1; padding-left: 20px; }

.coursemain-area .coursemain-ranking li div dt { margin-top: 3px; color: #c84c46; }

.coursemain-area .coursemain-ranking li div dd { margin-top: 3px; }

.coursemain-area .coursemain-ranking li .ico { position: absolute; top: -10px; left: -15px; }

.coursemain-area .coursemain-ranking li .ico::before { width: 40px; height: 39px; }

.courseresult-area .searchresult-list .searchresult-item { width: 100%; }

.courseresult-area .searchresult-list .searchresult-item .box-tag { margin-top: 0; }

.courseresult-area .searchresult-list .searchresult-item .courseresult-plan { font-size: 1.28571rem; }

.courseresult-area .searchresult-list .searchresult-item .courseresult-plan dt { margin-bottom: 5px; color: #c84c46; font-weight: bold; }

.courseresult-area .searchresult-list .searchresult-item .courseresult-plan dd { margin-bottom: 20px; }

.courseresult-area .searchresult-list .searchresult-item .courseresult-plan dd:last-child { margin-bottom: 0; }

.courseresult-area .searchresult-list .searchresult-item .courseresult-plan dd span { color: #c84c46; }

/* モデルコース詳細 */
.coursedetail-area .coursedetail-inner { max-width: 960px; margin: 0 auto; }

.coursedetail-area .coursedetail-head { padding: 60px 0; }

.coursedetail-area .coursedetail-head .coursedetail-head-tag { float: right; }

.coursedetail-area .coursedetail-head .coursedetail-head-tag span { display: inline-block; margin-right: 10px; padding: 5px 30px; border: 1px solid #a9894b; border-radius: 10px; }

.coursedetail-area .coursedetail-head .coursedetail-head-tag span:last-child { margin-right: 0; }

.coursedetail-area .coursedetail-head .spotname { padding: 20px 0 30px; }

.coursedetail-area .coursedetail-head .coursedetail-head-fig { margin-bottom: 40px; }

.coursedetail-area .coursedetail-head .coursedetail-head-lead { max-width: 800px; margin: 0 auto; line-height: 2; }

.coursedetail-area .coursedetail-plan { max-width: 800px; margin: 0 auto 150px; }

@media screen and (max-width: 750px) { .coursedetail-area .coursedetail-plan { margin-bottom: 60px; } }

.coursedetail-area .coursedetail-plan .coursedetail-plan-day { float: left; width: 42.5%; }

@media screen and (max-width: 1000px) { .coursedetail-area .coursedetail-plan .coursedetail-plan-day { float: none; width: 100%; } }

.coursedetail-area .coursedetail-plan .coursedetail-plan-day:nth-child(even) { float: right; }

@media screen and (max-width: 1000px) { .coursedetail-area .coursedetail-plan .coursedetail-plan-day:nth-child(even) { float: none; margin-top: 40px; } }

.coursedetail-area .coursedetail-plan .coursedetail-plan-ttl { margin-bottom: 20px; color: #1d365f; font-size: 2.14286rem; font-weight: bold; }

.coursedetail-area .coursedetail-plan .coursedetail-plan-spot { font-size: 1.28571rem; }

.coursedetail-area .coursedetail-plan .coursedetail-plan-spot span { display: inline-block; width: 50px; margin-right: 15px; background-color: #1d365f; color: #fff; font-size: 1.71429rem; font-weight: bold; line-height: 50px; text-align: center; }

.coursedetail-area .coursedetail-plan .coursedetail-plan-move { margin-left: 75px; padding: 10px 0 30px 20px; background: url("../img/common/bg_dot.png") no-repeat; font-size: 1.14286rem; }

.coursedetail-area .coursedetail-plan .coursedetail-plan-move .ico { margin-right: 10px; }

.coursedetail-area .coursedetail-spot { margin-bottom: 100px; }

@media screen and (max-width: 750px) { .coursedetail-area .coursedetail-spot { margin-bottom: 60px; } }

.coursedetail-area .coursedetail-spot .coursedetail-spot-box { margin-bottom: 30px; padding-bottom: 80px; background: url("../img/common/bg_dot.png") no-repeat center bottom; }

.coursedetail-area .coursedetail-spot .coursedetail-spot-box:last-child { margin-bottom: 0; padding-bottom: 0; background: none; }

.coursedetail-area .coursedetail-spot .coursedetail-spot-box .coursedetail-spot-in { padding: 30px 0 40px; background-color: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }

.coursedetail-area .coursedetail-spot .coursedetail-spot-box .coursedetail-spot-name { display: flex; max-width: 640px; margin: 0 auto 30px; }

.coursedetail-area .coursedetail-spot .coursedetail-spot-box .coursedetail-spot-name span { display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; background-color: #1d365f; color: #fff; font-size: 2.14286rem; font-weight: bold; }

.coursedetail-area .coursedetail-spot .coursedetail-spot-box .coursedetail-spot-name div { flex: 1; position: relative; padding: 5px 0 0 25px; }

.coursedetail-area .coursedetail-spot .coursedetail-spot-box .coursedetail-spot-name div .coursedetail-spot-ttl { font-size: 2.14286rem; }

.coursedetail-area .coursedetail-spot .coursedetail-spot-box .coursedetail-spot-fig .coursedetail-spot-fig-main { margin-bottom: 35px; }

.coursedetail-area .coursedetail-spot .coursedetail-spot-box .coursedetail-spot-fig .coursedetail-spot-fig-sub { max-width: 720px; margin: 0 auto; }

.coursedetail-area .coursedetail-spot .coursedetail-spot-box .coursedetail-spot-fig .coursedetail-spot-fig-sub li { padding: 0 5px; }

.coursedetail-area .coursedetail-spot .coursedetail-spot-box .coursedetail-spot-desc { max-width: 840px; margin: 45px auto; padding: 0 20px; line-height: 2; }

.coursedetail-area .coursedetail-spot .coursedetail-spot-box .coursedetail-spot-desc p { margin-bottom: 30px; }

.coursedetail-area .coursedetail-spot .coursedetail-spot-box .coursedetail-spot-desc p:last-child { margin-bottom: 0; }

.coursedetail-area .coursedetail-spot .coursedetail-spot-box .btn { max-width: 220px; font-size: 1.42857rem; }

.coursedetail-area .coursedetail-guide { margin-bottom: 100px; }

@media screen and (max-width: 750px) { .coursedetail-area .coursedetail-guide { margin-bottom: 60px; } }

.coursedetail-area .coursedetail-guide .coursedetail-guide-inner { display: flex; justify-content: space-between; }

@media screen and (max-width: 1000px) { .coursedetail-area .coursedetail-guide .coursedetail-guide-inner { display: block; } }

.coursedetail-area .coursedetail-guide .coursedetail-guide-inner figure { width: 31.25%; }

@media screen and (max-width: 1000px) { .coursedetail-area .coursedetail-guide .coursedetail-guide-inner figure { width: 100%; padding-top: 0; text-align: center; } }

.coursedetail-area .coursedetail-guide .coursedetail-guide-inner .coursedetail-guide-con { width: 65.625%; padding-top: 50px; }

@media screen and (max-width: 1000px) { .coursedetail-area .coursedetail-guide .coursedetail-guide-inner .coursedetail-guide-con { width: 100%; margin-top: 30px; padding: 0; } }

.coursedetail-area .coursedetail-guide .coursedetail-guide-inner .coursedetail-guide-con p { margin-bottom: 20px; }

.coursedetail-area .coursedetail-guide .coursedetail-guide-inner .coursedetail-guide-con .btn { max-width: 220px; font-size: 1.42857rem; }

.tourdetail-other { padding: 70px 0 80px; background-color: #f4f3f1; }

@media screen and (max-width: 750px) { .tourdetail-other { padding: 60px 0; } }

.tourdetail-other a { text-decoration: none; }

.tourdetail-other .tourdetail-other-con { padding: 10px 15px; background-color: #fff; }

@media screen and (max-width: 750px) { .tourdetail-other .tourdetail-other-con { display: flex; justify-content: center; flex-direction: column; width: 60%; padding: 0 0 0 15px; background: none; } }

.tourdetail-other .tourdetail-other-con dt { padding: 5px 0; font-size: 1.28571rem; font-weight: bold; }

.tourdetail-ranking { padding: 100px 0 150px; }

@media screen and (max-width: 750px) { .tourdetail-ranking { padding: 60px 0; } }

.tourdetail-ranking .box-col-item a { text-decoration: none; }

@media screen and (max-width: 750px) { .tourdetail-ranking .box-col-item a { display: flex; } }

.tourdetail-ranking .box-col-item figure { margin-bottom: 10px; text-align: center; }

@media screen and (max-width: 750px) { .tourdetail-ranking .box-col-item figure { width: 40%; } }

.tourdetail-ranking .box-col-item div { display: flex; }

@media screen and (max-width: 750px) { .tourdetail-ranking .box-col-item div { width: 60%; padding-left: 15px; } }

.tourdetail-ranking .box-col-item div .ico { margin-right: 10px; }

.tourdetail-ranking .box-col-item div p { margin-top: 5px; font-size: 1.28571rem; font-weight: bold; }

/* アクセス */
.access-lead { margin-bottom: 40px; font-size: 1.14286rem; }

.access-guide ul { display: flex; flex-wrap: wrap; border-top: 1px solid #ccc; font-size: 1.14286rem; }

@media screen and (max-width: 1200px) { .access-guide ul { flex-direction: column; } }

.access-guide ul li { width: 50%; padding: 15px 25px; border-bottom: 1px solid #ccc; }

@media screen and (max-width: 1200px) { .access-guide ul li { width: 100%; } }

@media screen and (max-width: 750px) { .access-guide ul li { padding-left: 0; padding-right: 0; } }

.access-guide ul li dl { display: flex; justify-content: space-between; }

@media screen and (max-width: 750px) { .access-guide ul li dl { flex-direction: column; } }

.access-guide ul li dl dt { flex: 1; font-weight: bold; }

.access-guide ul li dl dd { width: 8em; }

@media screen and (max-width: 750px) { .access-guide ul li dl dd { width: 100%; margin-top: 5px; } }

.accessex-area .accessex-main { margin-bottom: 100px; text-align: center; }

@media screen and (max-width: 750px) { .accessex-area .accessex-main { margin-bottom: 60px; } }

.accessex-area .accessex-start { padding-bottom: 40px; }

@media screen and (max-width: 750px) { .accessex-area .accessex-start { padding-bottom: 20px; } }

.accessex-area .accessex-start .accessex-start-fig { display: flex; justify-content: space-between; flex-wrap: wrap; }

@media screen and (max-width: 750px) { .accessex-area .accessex-start .accessex-start-fig { flex-direction: column; } }

.accessex-area .accessex-start .accessex-start-fig li { width: 46.66667%; margin-bottom: 60px; }

@media screen and (max-width: 750px) { .accessex-area .accessex-start .accessex-start-fig li { width: 100%; margin-bottom: 40px; } }

.accessex-area .accessex-start .accessex-start-fig li h4 { margin-bottom: 15px; font-size: 1.14286rem; font-weight: bold; }

.accesscentrair-area { margin-bottom: 100px; }

@media screen and (max-width: 750px) { .accesscentrair-area { margin-bottom: 60px; } }

.accesscentrair-area .accesscentrair-main { display: flex; justify-content: space-between; }

@media screen and (max-width: 750px) { .accesscentrair-area .accesscentrair-main { flex-direction: column; } }

.accesscentrair-area .accesscentrair-main li { width: 47.91667%; }

@media screen and (max-width: 750px) { .accesscentrair-area .accesscentrair-main li { width: 100%; } }

.accessdetail-area { padding: 100px 0; background-color: #f4f3f1; }

@media screen and (max-width: 750px) { .accessdetail-area { padding: 60px 0; } }

.accessdetail-area .accessdetail-box { margin-bottom: 40px; }

.accessdetail-area .accessdetail-box .accessdetail-ttl { position: relative; padding: 20px 35px; background-color: #a9894b; color: #fff; font-size: 1.42857rem; font-weight: bold; cursor: pointer; }

@media screen and (max-width: 750px) { .accessdetail-area .accessdetail-box .accessdetail-ttl { font-size: 1.28571rem; } }

.accessdetail-area .accessdetail-box .accessdetail-ttl p { position: absolute; top: 50%; right: 20px; margin-top: -15px; line-height: 1; }

.accessdetail-area .accessdetail-box .accessdetail-ttl p .ico { line-height: 20px; }

.accessdetail-area .accessdetail-box .accessdetail-ttl p .ico-arrow-t-w { display: none; }

.accessdetail-area .accessdetail-box .accessdetail-con { display: none; padding: 30px 50px; background-color: #fff; font-size: 1.14286rem; line-height: 1.8; }

@media screen and (max-width: 750px) { .accessdetail-area .accessdetail-box .accessdetail-con { padding: 30px 20px; font-size: 1rem; } }

.accessdetail-area .accessdetail-box .accessdetail-con ul { margin-bottom: 15px; }

.accessdetail-area .accessdetail-box .accessdetail-con p { margin-bottom: 15px; }

.accessdetail-area .accessdetail-box .accessdetail-con p:last-child { margin-bottom: 0; }

.accessdetail-area .accessdetail-box .accessdetail-con .accessdetail-bg { margin: 0 15px 15px; padding: 10px 20px; background-color: #f0ede8; }

@media screen and (max-width: 640px) { .accessdetail-area .accessdetail-box .accessdetail-con .accessdetail-bg { margin: 0;} }

.accessdetail-area .accessdetail-box .accessdetail-con .accessdetail-link dt { font-weight: bold; }

.accessdetail-area .accessdetail-box .accessdetail-con .accessdetail-link dd { padding-left: 15px; }

.accessdetail-area .accessdetail-box.js-open .accessdetail-ttl .ico-arrow-b-w { display: none; }

.accessdetail-area .accessdetail-box.js-open .accessdetail-ttl .ico-arrow-t-w { display: inline-block; }

/* 名古屋市内の主な交通手段 */
.accesstraffic-btn { display: flex; justify-content: center; align-items: center; width: 40px; background-color: #000; cursor: pointer; }

.accesstraffic-btn .ico-arrowss-t-w { display: none; }

.accesstraffic-btn.js-open .ico-arrowss-b-w { display: none; }

.accesstraffic-btn.js-open .ico-arrowss-t-w { display: inline-block; }

.accesstraffic-area { margin-bottom: 100px; }

@media screen and (max-width: 1000px) { .accesstraffic-area { margin-bottom: 60px; } }

.accesstraffic-area .accesstraffic-ticket { background-color: #f2efe6; }

.accesstraffic-area .accesstraffic-ticket .accesstraffic-ticket-head { display: flex; }

.accesstraffic-area .accesstraffic-ticket .accesstraffic-ticket-main { flex: 1; display: flex; justify-content: space-between; padding: 30px 35px 35px; }

@media screen and (max-width: 1000px) { .accesstraffic-area .accesstraffic-ticket .accesstraffic-ticket-main { flex-direction: column; } }

.accesstraffic-area .accesstraffic-ticket .accesstraffic-ticket-main div { text-align: center; }

@media screen and (max-width: 1000px) { .accesstraffic-area .accesstraffic-ticket .accesstraffic-ticket-main div { margin-bottom: 20px; } }

.accesstraffic-area .accesstraffic-ticket .accesstraffic-ticket-main div .accesstraffic-ticket-ttl { margin: 15px 0 10px; font-size: 1.71429rem; font-weight: bold; }

@media screen and (max-width: 750px) { .accesstraffic-area .accesstraffic-ticket .accesstraffic-ticket-main div .accesstraffic-ticket-ttl { font-size: 1.42857rem; } }

.accesstraffic-area .accesstraffic-ticket .accesstraffic-ticket-main div p { font-size: 1.28571rem; }

@media screen and (max-width: 750px) { .accesstraffic-area .accesstraffic-ticket .accesstraffic-ticket-main div p { font-size: 1.14286rem; } }

.accesstraffic-area .accesstraffic-ticket .accesstraffic-ticket-main figure { display: flex; align-items: center; }

@media screen and (max-width: 1000px) { .accesstraffic-area .accesstraffic-ticket .accesstraffic-ticket-main figure { justify-content: center; } }

.accesstraffic-area .accesstraffic-ticket .accesstraffic-ticket-detail { display: none; padding: 25px 50px 50px; }

@media screen and (max-width: 750px) { .accesstraffic-area .accesstraffic-ticket .accesstraffic-ticket-detail { padding: 20px; } }

.accesstraffic-area .accesstraffic-ticket .spotlnav { margin-bottom: 30px; }

.accesstraffic-area .accesstraffic-ticket .accesstraffic-ticket-con { padding: 30px 50px 60px; background-color: #fff; }

@media screen and (max-width: 750px) { .accesstraffic-area .accesstraffic-ticket .accesstraffic-ticket-con { padding: 20px; } }

.accesstraffic-area .accesstraffic-ticket .accesstraffic-ticket-name { margin-bottom: 40px; padding-bottom: 15px; border-bottom: 3px solid #a9894b; font-size: 1.28571rem; }

.accesstraffic-area .accesstraffic-ticket dl { margin-bottom: 40px; }

.accesstraffic-area .accesstraffic-ticket dl:last-child { margin-bottom: 0; }

.accesstraffic-area .accesstraffic-ticket dl dt { margin-bottom: 20px; font-size: 1.28571rem; font-weight: bold; }

.accesstraffic-area .accesstraffic-ticket dl dt .ico { margin-right: 10px; }

@media screen and (max-width: 750px) { .accesstraffic-area .accesstraffic-ticket dl dt { font-size: 1.14286rem; } }

.accesstraffic-area .accesstraffic-ticket .accesstraffic-ticket-box { margin-bottom: 40px; }

.accesstraffic-area .accesstraffic-ticket .accesstraffic-ticket-box:last-child { margin-bottom: 0; }

.accesstraffic-area .accesstraffic-ticket .accesstraffic-ticket-fig { display: flex; justify-content: space-around; margin-bottom: 30px; }

@media screen and (max-width: 750px) { .accesstraffic-area .accesstraffic-ticket .accesstraffic-ticket-fig { margin-bottom: 0; } }

.accesstraffic-area .accesstraffic-ticket .accesstraffic-ticket-desc { display: flex; justify-content: space-between; }

@media screen and (max-width: 750px) { .accesstraffic-area .accesstraffic-ticket .accesstraffic-ticket-desc { flex-direction: column; } }

.accesstraffic-area .accesstraffic-ticket .accesstraffic-ticket-desc figure { width: 24%; }

@media screen and (max-width: 750px) { .accesstraffic-area .accesstraffic-ticket .accesstraffic-ticket-desc figure { width: 100%; text-align: center; } }

.accesstraffic-area .accesstraffic-ticket .accesstraffic-ticket-desc .accesstraffic-ticket-url { word-break: break-all; }

.accesstraffic-area .accesstraffic-ticket .accesstraffic-ticket-desc .accesstraffic-ticket-txt { width: 73%; }

@media screen and (max-width: 750px) { .accesstraffic-area .accesstraffic-ticket .accesstraffic-ticket-desc .accesstraffic-ticket-txt { width: 100%; margin-top: 20px; } }

.accesstraffic-area .accesstraffic-ticket .accesstraffic-ticket-txt p { margin-bottom: 40px; font-size: 1.14286rem; }

@media screen and (max-width: 750px) { .accesstraffic-area .accesstraffic-ticket .accesstraffic-ticket-txt p { font-size: 1rem; } }

.accesstraffic-area .accesstraffic-ticket .accesstraffic-ticket-txt dl dd { margin-bottom: 30px; padding-left: 25px; }

@media screen and (max-width: 750px) { .accesstraffic-area .accesstraffic-ticket .accesstraffic-ticket-txt dl dd { font-size: 1.57143rem; } }

.accesstraffic-area .accesstraffic-ticket .accesstraffic-ticket-txt dl dd:last-child { margin-bottom: 0; }

.accesstraffic-area .accesstraffic-ticket .accesstraffic-ticket-txt dl dd big { font-size: 2.14286rem; font-weight: bold; line-height: 1; }

.accesstraffic-area .accesstraffic-ticket .accesstraffic-item { list-style: disc; list-style-position: inside; }

.accesstraffic-area .accesstraffic-ticket .accesstraffic-ticket-reco { padding: 30px 45px; background-color: #f0ede8; }

@media screen and (max-width: 750px) { .accesstraffic-area .accesstraffic-ticket .accesstraffic-ticket-reco { padding: 20px; } }

.accesstrafficway-area { padding: 100px 0; background-color: #f4f3f1; }

@media screen and (max-width: 1000px) { .accesstrafficway-area { padding: 60px 0; } }

.accesstrafficway-area .accesstrafficway-item { position: relative; margin-bottom: 40px; padding: 30px; background-color: #fff; }

.accesstrafficway-area .accesstrafficway-item:last-child { margin-bottom: 0; }

.accesstrafficway-area .accesstrafficway-item .accesstraffic-btn { position: absolute; top: 0; right: 0; height: 40px; }

.accesstrafficway-area .accesstrafficway-main { display: flex; justify-content: space-between; }

@media screen and (max-width: 750px) { .accesstrafficway-area .accesstrafficway-main { flex-direction: column; } }

.accesstrafficway-area .accesstrafficway-main figure { width: 26.31579%; }

@media screen and (max-width: 750px) { .accesstrafficway-area .accesstrafficway-main figure { width: 100%; text-align: center; } }

.accesstrafficway-area .accesstrafficway-main dl { width: 70.17544%; }

@media screen and (max-width: 750px) { .accesstrafficway-area .accesstrafficway-main dl { width: 100%; margin-top: 20px; } }

.accesstrafficway-area .accesstrafficway-main dl dt { margin: 15px 0; font-size: 1.28571rem; font-weight: bold; }

@media screen and (max-width: 750px) { .accesstrafficway-area .accesstrafficway-main dl dt { font-size: 1.14286rem; } }

.accesstrafficway-area .accesstrafficway-main dl dd { font-size: 1.14286rem; }

@media screen and (max-width: 750px) { .accesstrafficway-area .accesstrafficway-main dl dd { font-size: 1rem; } }

.accesstrafficway-area .accesstrafficway-detail { display: none; padding: 35px 15px 20px; }

@media screen and (max-width: 750px) { .accesstrafficway-area .accesstrafficway-detail { padding: 35px 0 20px; } }

.accesstrafficway-area .accesstrafficway-detail p { margin-bottom: 30px; }

.accesstrafficway-area .accesstrafficway-detail ul { font-size: 1.14286rem; font-weight: bold; }

@media screen and (max-width: 750px) { .accesstrafficway-area .accesstrafficway-detail ul { font-size: 1rem; } }

.accesstrafficway-area .accesstrafficway-detail ul li { margin-bottom: 20px; }

.accesstrafficway-area .accesstrafficway-detail ul li:last-child { margin-bottom: 0; }

.accesstrafficway-area .accesstrafficway-detail ul li a { display: flex; justify-content: space-between; padding: 10px 20px 10px 25px; border: 1px solid #999; text-decoration: none; }

.accesstrafficguide-area { padding: 100px 0; }

@media screen and (max-width: 1000px) { .accesstrafficguide-area { padding: 60px 0; } }

.accessparking-area { margin-bottom: 100px; }

@media screen and (max-width: 1000px) { .accessparking-area { margin-bottom: 60px; } }

.accessparking-area .accessparking-map { border: 1px solid #ccc; padding: 4px; }

.accessparking-area .accessparking-map .accessparking-map-in { position: relative; padding-top: 51.2605%; }

@media screen and (max-width: 750px) { .accessparking-area .accessparking-map .accessparking-map-in { padding-top: 70%; } }

.accessparking-area .accessparking-map .accessparking-map-in iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.accessparkinglist-area { padding: 60px 0; background-color: #f4f3f1; }

@media screen and (max-width: 1000px) { .accessparkinglist-area { padding: 40px 0; } }

.accessparkinglist-area .tbl th { padding-left: 15px; text-align: center; }

.accessparkinglist-area .tbl td { padding-left: 15px; }

/* 共通 */
.useful-nav { margin-bottom: 50px; }

.useful-nav span { display: flex; justify-content: center; align-items: center; min-height: 2em; }

@media screen and (max-width: 750px) { .useful-nav span { min-height: 3em; } }

/* パンフレット */
.usefulpamphlet-area .usefulpamphlet-lead { margin-bottom: 40px; }

.usefulpamphlet-area .usefulpamphlet-list { display: flex; flex-wrap: wrap; justify-content: space-between; }

@media screen and (max-width: 750px) { .usefulpamphlet-area .usefulpamphlet-list { flex-direction: column; } }

.usefulpamphlet-area .usefulpamphlet-item { display: flex; width: 48.75%; margin-bottom: 30px; padding: 30px 20px; border: 1px solid #ccc; }

@media screen and (max-width: 750px) { .usefulpamphlet-area .usefulpamphlet-item { flex-direction: column; width: 100%; } }

.usefulpamphlet-area .usefulpamphlet-item figure { width: 110px; }

@media screen and (max-width: 750px) { .usefulpamphlet-area .usefulpamphlet-item figure { width: 100%; text-align: center; } }

.usefulpamphlet-area .usefulpamphlet-item .usefulpamphlet-item-con { flex: 1; width: 100%; padding-left: 15px; }

@media screen and (max-width: 750px) { .usefulpamphlet-area .usefulpamphlet-item .usefulpamphlet-item-con { margin-top: 20px; padding-left: 0; } }

.usefulpamphlet-area .usefulpamphlet-item .usefulpamphlet-item-con dl { margin-bottom: 20px; }

.usefulpamphlet-area .usefulpamphlet-item .usefulpamphlet-item-con dl dt { margin-bottom: 15px; font-size: 2.28571rem; font-weight: bold; }

@media screen and (max-width: 750px) { .usefulpamphlet-area .usefulpamphlet-item .usefulpamphlet-item-con dl dt { font-size: 1.42857rem; } }

.usefulpamphlet-area .usefulpamphlet-item .usefulpamphlet-item-con dl dd { font-size: 1.14286rem; }

@media screen and (max-width: 750px) { .usefulpamphlet-area .usefulpamphlet-item .usefulpamphlet-item-con dl dd { font-size: 1rem; } }

.usefulpamphlet-area .usefulpamphlet-item .usefulpamphlet-item-con ul li { margin-bottom: 5px; }

.usefulpamphlet-area .usefulpamphlet-item .usefulpamphlet-item-con ul li .ico-pdf { margin-right: 5px; }

.usefulpamphlet-area .usefulpamphlet-item .usefulpamphlet-item-con ul li .ico-blank { margin-left: 5px; }

/* アクセスランキング */
.accessranking-area .accessranking-main { margin-bottom: 65px; }

.accessranking-area .accessranking-nav { border-right: 1px solid #000; border-bottom: 1px solid #000; }

.accessranking-area .accessranking-nav.cmn-tab { display: grid; grid-template-columns: repeat(7, auto); border-bottom: 1px solid #000; margin: 20px 0 0; padding: 0; }
@media screen and (max-width: 750px) { 
  .accessranking-area .accessranking-nav.cmn-tab { grid-template-columns: repeat(2, 1fr); }
}
.accessranking-area .accessranking-nav.cmn-tab li.is-current { border-bottom: 0; }

.accessranking-area ul.accessranking-nav { line-height: 0; font-size: 0; }

.accessranking-area .accessranking-nav li {
  place-content: center;
  font-size: 1.1rem;
  line-height: 1.1;
  word-break: break-word;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  padding: 1em 0.5em;
  margin: 0;
}

@media screen and (max-width: 750px) { .accessranking-area .accessranking-nav li { font-size: 1rem; } }

.accessranking-area .accessranking-nav li.is-current { background-color: #000; color: #fff; }

.accessranking-area .accessranking-nav-b { margin-bottom: 60px; }

.accessranking-area .accessranking-nav-b .is-current { position: relative; }

.accessranking-area .accessranking-nav-b .is-current::before { content: ''; position: absolute; top: -10px; left: 50%; width: 20px; height: 20px; margin-left: -8px; background-color: #000; -webkit-transform: rotate(45deg) skew(20deg, 20deg); transform: rotate(45deg) skew(20deg, 20deg); }

@media screen and (max-width: 1000px) { .accessranking-area .accessranking-nav-b .is-current::before { display: none; } }

.accessranking-area .accessranking-head { position: relative; margin-bottom: 80px; padding: 30px 20px; background-color: #000; color: #fff; text-align: center; }

.accessranking-area .accessranking-head::before { content: ''; position: absolute; left: 50%; bottom: -15px; width: 30px; height: 30px; margin-left: -12px; background-color: #000; -webkit-transform: rotate(45deg) skew(15deg, 15deg); transform: rotate(45deg) skew(15deg, 15deg); }

.accessranking-area .accessranking-head .accessranking-ttl { margin-bottom: 5px; font-size: 1.71429rem; }

@media screen and (max-width: 750px) { .accessranking-area .accessranking-head .accessranking-ttl { font-size: 1.42857rem; } }

.accessranking-area .accessranking-head p { font-size: 1.28571rem; }

@media screen and (max-width: 750px) { .accessranking-area .accessranking-head p { font-size: 1rem; } }

.accessranking-area .accessranking-head p span { color: #ff9999; }

.accessranking-area .accessranking-list { margin-bottom: 85px; padding: 80px 0; background-color: #f4f3f1; }

@media screen and (max-width: 1000px) { .accessranking-area .accessranking-list { padding: 60px 0; } }

.accessranking-area .accessranking-list li { display: flex; justify-content: space-between; margin-bottom: 50px; padding: 25px; background-color: #fff; }

@media screen and (max-width: 1000px) { .accessranking-area .accessranking-list li { flex-direction: column; } }

.accessranking-area .accessranking-list li:last-child { margin-bottom: 0; }

.accessranking-area .accessranking-list figure { width: 26.34783%; }

@media screen and (max-width: 1000px) { .accessranking-area .accessranking-list figure { width: 100%; text-align: center; } }

.accessranking-area .accessranking-list .accessranking-list-ico { width: 101px; padding: 0 5px; }

@media screen and (max-width: 1000px) { .accessranking-area .accessranking-list .accessranking-list-ico { margin: -20px auto 15px; } }

.accessranking-area .accessranking-list .accessranking-list-ico span { display: block; width: 91px; height: 90px; padding-top: 35px; background: url("../img/useful/ranking_i04.png") no-repeat; color: #fff; font-size: 2.14286rem; font-weight: bold; text-align: center; }

@media screen and (max-width: 750px) { .accessranking-area .accessranking-list .accessranking-list-ico span { font-size: 1.57143rem; } }

.accessranking-area .accessranking-list .accessranking-list-ico span.accessranking-list-ico1 { background-image: url("../img/useful/ranking_i01.png"); }

.accessranking-area .accessranking-list .accessranking-list-ico span.accessranking-list-ico2 { background-image: url("../img/useful/ranking_i02.png"); }

.accessranking-area .accessranking-list .accessranking-list-ico span.accessranking-list-ico3 { background-image: url("../img/useful/ranking_i03.png"); }

.accessranking-area .accessranking-list .accessranking-list-con { width: 62.6087%; }

@media screen and (max-width: 1000px) { .accessranking-area .accessranking-list .accessranking-list-con { width: 100%; } }

.accessranking-area .accessranking-list .accessranking-list-name { margin-bottom: 10px; font-size: 1.42857rem; font-weight: bold; }

.accessranking-area .accessranking-list .box-tag { margin-bottom: 5px; }

.accessranking-area .accessranking-list .btn-more { margin-top: 15px; max-width: 360px; }

/* よくある質問 */
.faqsearch-area { max-width: 1320px; margin: 0 auto 80px; padding: 40px 0; background-color: #e2e2e2; }

@media screen and (max-width: 1000px) { .faqsearch-area { margin-bottom: 60px; } }

.faqsearch-area .faqsearch-form { display: flex; border: 1px solid #ccc; }

.faqsearch-area .faqsearch-form input { flex: 1; width: 100%; padding: 0 10px; border: none; outline: none; }

.faqsearch-area .faqsearch-form button { width: 80px; padding: 10px 0; background-color: #253044; text-align: center; }

.faqcontent-area { padding-bottom: 100px; }

@media screen and (max-width: 1000px) { .faqcontent-area { padding-bottom: 60px; } }

.faqcontent-area .inner { display: flex; justify-content: space-between; }

@media screen and (max-width: 1000px) { .faqcontent-area .inner { flex-direction: column; } }

.faqcontent-area .ttl-border { margin-bottom: 35px; padding-bottom: 50px; border-bottom: 1px solid #dddddd; }

.faqcontent-area .faqcontent-all { margin-bottom: 45px; font-size: 1.14286rem; text-align: right; }

.faqcontent-area .faqcontent-all span { display: inline-block; padding: 10px 20px; background-color: #c84c46; color: #fff; cursor: pointer; }

.faqcontent-area .faqcontent-all span .ico { margin-left: 5px; }

.faqcontent-area .faqcontent-list { width: 75%; }

@media screen and (max-width: 1000px) { .faqcontent-area .faqcontent-list { width: 100%; } }

.faqcontent-area .faqcontent-item { position: relative; margin-bottom: 35px; border: 1px solid #253044; }

.faqcontent-area .faqcontent-item dt { display: flex; padding: 25px 40px; font-size: 1.42857rem; font-weight: bold; }

.faqcontent-area .faqcontent-item dt span { width: 1.5em; }

.faqcontent-area .faqcontent-item dd { display: none; }

.faqcontent-area .faqcontent-item dd .faqcontent-item-con { display: flex; padding: 0 40px 30px; }

.faqcontent-area .faqcontent-item dd .faqcontent-item-con span { width: 2em; font-size: 1.42857rem; font-weight: bold; }

.faqcontent-area .faqcontent-item dd .faqcontent-item-con p { padding-top: 5px; }

.faqcontent-area .faqcontent-item .faqcontent-btn { position: absolute; top: 0; right: 0; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; background-color: #253044; cursor: pointer; }

.faqcontent-area .faqcontent-item .faqcontent-btn .ico-arrowss-t-w { display: none; }

.faqcontent-area .faqcontent-item.js-open .faqcontent-btn .ico-arrowss-b-w { display: none; }

.faqcontent-area .faqcontent-item.js-open .faqcontent-btn .ico-arrowss-t-w { display: inline-block; }

.faqcontent-area .faqcontent-nav { width: 21.66667%; }

@media screen and (max-width: 1000px) { .faqcontent-area .faqcontent-nav { width: 100%; } }

.faqcontent-area .faqcontent-nav a { text-decoration: none; }

.faqcontent-area .faqcontent-nav .faqcontent-nav-ttl { position: relative; display: block; padding: 15px 20px; background-color: #253044; color: #fff; font-size: 1.71429rem; }

.faqcontent-area .faqcontent-nav .faqcontent-nav-ttl .ico { position: absolute; top: 50%; right: 20px; margin-top: -8px; }

.faqcontent-area .faqcontent-nav dt { padding: 15px 20px; border-bottom: 1px solid #bfbfbf; font-size: 1.42857rem; }

.faqcontent-area .faqcontent-nav dd { font-size: 1.28571rem; border-bottom: 1px solid #bfbfbf; }

.faqcontent-area .faqcontent-nav dd a { display: block; padding: 10px 20px 10px 30px; }

.faqcontent-area .faqcontent-nav dd a.is-current { background-color: #a9894b; color: #fff; }

/* SOUVENIR */
.souvenirlist-area .souvenirlist-btns { margin-bottom: 100px; text-align: center; }

.souvenirlist-area .souvenirlist-btns .btn-r { display: inline-block; width: auto; margin: 0 10px 10px 0; padding-left: 20px; padding-right: 20px; font-size: 1.42857rem; }

.souvenirlist-area .souvenirlist-searcharea { margin-bottom: 100px; }

@media screen and (max-width: 750px) { .souvenirlist-area .souvenirlist-searcharea { margin-bottom: 60px; } }

.souvenirlist-area .souvenirlist-searcharea .ttl-area { margin-bottom: 40px; }

.souvenirlist-area .souvenirlist-searcharea .souvenirlist-banner { margin-top: 120px; padding: 60px 0; background-color: #f0f0f0; }

@media screen and (max-width: 750px) { .souvenirlist-area .souvenirlist-searcharea .souvenirlist-banner { margin-top: 60px; } }

.souvenirlist-area .souvenirlist-searcharea .souvenirlist-banner ul { display: flex; justify-content: space-between; max-width: 1060px; margin: 0 auto; }

@media screen and (max-width: 750px) { .souvenirlist-area .souvenirlist-searcharea .souvenirlist-banner ul { flex-direction: column; } }

.souvenirlist-area .souvenirlist-searcharea .souvenirlist-banner ul li { width: 32.07547%; text-align: center; }

@media screen and (max-width: 750px) { .souvenirlist-area .souvenirlist-searcharea .souvenirlist-banner ul li { width: 100%; margin-bottom: 20px; }
  .souvenirlist-area .souvenirlist-searcharea .souvenirlist-banner ul li:last-child { margin-bottom: 0; } }

/* ニュース一覧 */
.newslist-area { padding: 90px 0; background-color: #f4f3f1; }

@media screen and (max-width: 750px) { .newslist-area { padding: 60px 0; } }

.newslist-area .news-list { margin-bottom: 30px; }

/* ニュース詳細 */
.newsdetail-area { padding: 90px 0; background-color: #f4f3f1; }

@media screen and (max-width: 750px) { .newsdetail-area { padding: 60px 0; } }

.newsdetail-area .newsitem { margin-bottom: 10px; }

.newsdetail-area .newsitem .newsitem-date { display: inline-block; margin-right: 15px; font-size: 1.28571rem; font-weight: bold; vertical-align: middle; }

.newsdetail-area .newsitem .news-ico { font-size: 0.85714rem; vertical-align: middle; }

.newsdetail-area .newsdetail-ttl { margin-bottom: 40px; font-size: 1.57143rem; font-weight: bold; }

.bg_emergency { background-color: #ebbfc0; }

.bg_emergency .newsdetail-area { background-color: #ebbfc0; }

/* お問い合わせ */
#contact p.mb50 { margin:1rem 0; }

/* 証明書配置 */
.globalsign { display: block; text-align: right; margin: 0 0 1rem 0; }

.tac { text-align: center; }

.tar { text-align: right; }

.tdn { text-decoration: none; }

.vam { vertical-align: middle; }

.w100 { width: 100%; }

.clearfix { zoom: 1; }

.clearfix::before { content: ""; display: table; }

.clearfix::after { content: ""; display: table; clear: both; }

.contact input[type=text], .contact input[type=email], .contact textarea { border: 1px solid #ddd; background-color: #fff; padding: 5px 10px; width: calc(100% - 5px); }

.contact input[type=text].contact__input-s, .contact input[type=email].contact__input-s, .contact textarea.contact__input-s { width: 7em; }

.contact input[type=text]::-webkit-input-placeholder, .contact input[type=email]::-webkit-input-placeholder, .contact textarea::-webkit-input-placeholder { color: #999; }

.contact input[type=text]::-moz-placeholder, .contact input[type=email]::-moz-placeholder, .contact textarea::-moz-placeholder { color: #999; }

.contact input[type=text]:-ms-input-placeholder, .contact input[type=email]:-ms-input-placeholder, .contact textarea:-ms-input-placeholder { color: #999; }

.contact input[type=text]::-ms-input-placeholder, .contact input[type=email]::-ms-input-placeholder, .contact textarea::-ms-input-placeholder { color: #999; }

.contact input[type=text]::placeholder, .contact input[type=email]::placeholder, .contact textarea::placeholder { color: #999; }

.contact textarea { height: 6em; }

.contact th { width: 30%; }

.contact .input.text { display: inline-block; }

.contact .error-message { color: #FF0000; }
@media screen and (max-width: 750px) { .contact th { width: 100%; } }

.contact__small { color: #666; margin-bottom: 10px; font-size: 75%; }

.contact-require { color: #f00; border: 1px solid; margin-left: 1em; padding: 0 10px; }

.contact-submit { background-color: #000; color: #fff; border: none; height: 50px; width: 13em; margin: 30px auto; display: block; cursor: pointer; }

.contact.photoform-input-btns { margin: 3% 0 10% ; }

.contact.photoform-input-btns .btn-edit,
.contact.photoform-input-btns .btn-inverse { width: 30%; vertical-align: top; margin: 0 3%; }


.fb-page { width: 100%; margin: 0 auto; text-align: center;}

.bnr_travelko { position: absolute; left: calc(50% - 400px); bottom: -12%; }

@media screen and (max-width: 750px) { .bnr_travelko { width: 75%; position: relative; left: auto; margin: 5% auto 0; }}

@media print { body { width: 1200px; transform: scale(0.8); -moz-transform: scale(0.8); -webkit-transform: scale(0.8); -webkit-transform-origin: 0 0; transform-origin: 0 0; } }