.elementor-18876 .elementor-element.elementor-element-7b5f09b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-3c0855f *//* ==================================================
   ISHIGAKI NAVI
   NO CAR / 2 NIGHTS 3 DAYS
   Editorial Journey v4
================================================== */

.inNoCarGuide {
  --nc-navy:#102943;
  --nc-deep:#071827;
  --nc-gold:#c2a878;
  --nc-ivory:#f8f5ef;
  --nc-soft:#f1eee7;
  --nc-white:#fff;
  --nc-text:#596775;
  --nc-muted:rgba(28,53,87,.56);
  --nc-border:rgba(16,41,67,.12);

  position:relative;

  width:100%;

  margin:0!important;

  overflow:hidden;

  background:#fff;

  color:var(--nc-text);

  font-family:
    "Noto Sans JP",
    "Yu Gothic",
    "YuGothic",
    sans-serif!important;

  font-size:16px;

  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

.inNoCarGuide *,
.inNoCarGuide *::before,
.inNoCarGuide *::after {
  box-sizing:border-box;
}

.inNoCarGuide img {
  display:block;

  width:100%;
  max-width:none;
  height:auto;

  margin:0;
}

.inNoCarGuide figure {
  margin:0;
}

.inNoCarGuide a {
  text-decoration:none;
}

.inNoCarGuide :is(h1,h2,h3) {
  max-width:100%;

  font-family:
    "Noto Serif JP",
    "Yu Mincho",
    "YuMincho",
    serif!important;

  font-weight:500!important;

  word-break:auto-phrase!important;
  overflow-wrap:normal!important;
  line-break:strict!important;

  text-wrap:pretty;
}

.inNoCarGuide__wide {
  width:min(
    1180px,
    calc(100% - 72px)
  );

  margin:0 auto;
}

.inNoCarGuide__article {
  width:min(
    930px,
    calc(100% - 72px)
  );

  margin:0 auto;
}

.inNoCarGuideLabel {
  margin:0!important;

  color:var(--nc-gold)!important;

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.57rem!important;
  font-weight:500!important;

  line-height:1.5!important;
  letter-spacing:.18em!important;
}


/* ==================================================
   PROGRESS
================================================== */

.inNoCarGuideProgress {
  position:fixed;

  top:0;
  right:0;
  left:0;

  z-index:9999;

  height:3px;

  pointer-events:none;
}

.inNoCarGuideProgress span {
  display:block;

  width:100%;
  height:100%;

  background:var(--nc-gold);

  transform:scaleX(0);
  transform-origin:left;
}


/* ==================================================
   PC CHAPTER
================================================== */

.inNoCarGuideChapterIndicator {
  position:fixed;

  top:50%;
  left:20px;

  z-index:180;

  display:grid;

  grid-template-columns:1px auto;
  grid-template-rows:auto auto;

  gap:0 12px;

  align-items:center;

  opacity:0;

  pointer-events:none;

  transform:
    translateY(-50%)
    translateX(-5px);

  transition:
    opacity .35s ease,
    transform .35s ease;
}

.inNoCarGuideChapterIndicator.is-visible {
  opacity:.8;

  transform:
    translateY(-50%)
    translateX(0);
}

.inNoCarGuideChapterIndicator__line {
  grid-row:1 / 3;

  width:1px;
  height:70px;

  background:
    linear-gradient(
      to bottom,
      var(--nc-gold) 0 22%,
      rgba(16,41,67,.12) 22% 100%
    );
}

.inNoCarGuideChapterIndicator__copy {
  display:grid;

  min-width:104px;

  gap:3px;
}

.inNoCarGuideChapterIndicator small {
  color:var(--nc-gold);

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.42rem;
  letter-spacing:.12em;
}

.inNoCarGuideChapterIndicator strong {
  color:rgba(16,41,67,.83);

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.59rem;
  font-weight:500;

  line-height:1.5;
}

.inNoCarGuideChapterIndicator__progress {
  margin-top:5px;

  color:rgba(16,41,67,.32);

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.41rem;
  letter-spacing:.11em;
}

.inNoCarGuideChapterIndicator.is-dark strong {
  color:rgba(255,255,255,.8);
}

.inNoCarGuideChapterIndicator.is-dark
.inNoCarGuideChapterIndicator__progress {
  color:rgba(255,255,255,.36);
}


/* ==================================================
   MOBILE BOOKMARK
================================================== */

.inNoCarGuideMobileBookmark {
  display:none;
}


/* ==================================================
   CHAPTER NOTICE
================================================== */

.inNoCarGuideChapterNotice {
  position:fixed;

  left:24px;
  bottom:26px;

  z-index:260;

  display:grid;

  width:240px;

  gap:4px;

  padding:
    13px 17px
    14px;

  border-left:
    1px solid
    rgba(194,168,120,.68);

  background:
    rgba(248,245,239,.88);

  box-shadow:
    0 8px 28px
    rgba(7,24,39,.06);

  backdrop-filter:blur(10px);

  opacity:0;

  pointer-events:none;

  transform:
    translate3d(-8px,4px,0);

  transition:
    opacity .32s ease,
    transform .42s
    cubic-bezier(.22,1,.36,1);
}

.inNoCarGuideChapterNotice span {
  color:var(--nc-gold);

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.42rem;
  letter-spacing:.13em;
}

.inNoCarGuideChapterNotice strong {
  color:var(--nc-navy);

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.68rem;
  font-weight:500;
}

.inNoCarGuideChapterNotice.is-showing {
  opacity:.94;

  transform:none;
}


/* ==================================================
   IMAGE REVEAL
================================================== */

.in-nocar-has-js
.inNoCarGuide
.js-nocar-image {
  position:relative;

  overflow:hidden;
}

.in-nocar-has-js
.inNoCarGuide
.js-nocar-image::after {
  content:"";

  position:absolute;

  inset:0;

  z-index:4;

  background:var(--nc-ivory);

  transform:translateX(0);

  transition:
    transform
    1.02s
    cubic-bezier(.77,0,.18,1);

  pointer-events:none;
}

.in-nocar-has-js
.inNoCarGuide
.js-nocar-image img {
  transform:scale(1.025);

  transition:
    transform
    1.3s
    cubic-bezier(.22,1,.36,1);
}

.in-nocar-has-js
.inNoCarGuide
.js-nocar-image.is-book-visible::after {
  transform:translateX(101%);
}

.in-nocar-has-js
.inNoCarGuide
.js-nocar-image.is-book-visible img {
  transform:scale(1);
}


/* ==================================================
   HERO
================================================== */

.inNoCarGuideHero {
  position:relative;

  min-height:680px;

  overflow:hidden;

  background:var(--nc-deep);

  color:#fff;
}

.inNoCarGuideHero__media,
.inNoCarGuideHero__overlay {
  position:absolute;

  inset:0;
}

.inNoCarGuideHero__media img {
  width:100%!important;
  height:100%!important;

  object-fit:cover;
  object-position:center;

  filter:
    saturate(.84)
    contrast(1.04)
    brightness(.79);

  transform:scale(1.025);
}

.inNoCarGuideHero__overlay {
  z-index:1;

  background:
    linear-gradient(
      90deg,
      rgba(7,25,42,.94) 0%,
      rgba(7,25,42,.73) 43%,
      rgba(7,25,42,.27) 74%,
      rgba(7,25,42,.08) 100%
    ),
    linear-gradient(
      180deg,
      rgba(7,25,42,.04) 0%,
      rgba(7,25,42,.10) 56%,
      rgba(7,25,42,.69) 100%
    );
}

.inNoCarGuideHero__inner {
  position:relative;

  z-index:2;

  display:grid;

  grid-template-rows:
    auto
    minmax(0,1fr)
    auto;

  width:min(
    1380px,
    calc(100% - 72px)
  );

  min-height:680px;

  margin:0 auto;

  padding:
    30px 0
    37px;
}

.inNoCarGuideBreadcrumb {
  display:flex;

  align-items:center;

  gap:11px;

  overflow:hidden;

  color:rgba(255,255,255,.56);

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.51rem;
  letter-spacing:.08em;

  white-space:nowrap;
}

.inNoCarGuideBreadcrumb a {
  color:inherit!important;
}

.inNoCarGuideBreadcrumb
> span:not(:last-child) {
  width:22px;
  height:1px;

  background:var(--nc-gold);
}

.inNoCarGuideHero__copy {
  align-self:center;

  width:min(810px,75%);

  padding:
    50px 0
    40px;
}

.inNoCarGuideHero__pageName {
  margin:0!important;

  color:rgba(255,255,255,.86);

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.76rem;
  letter-spacing:.06em;
}

.inNoCarGuideHero__en {
  margin:
    9px 0 0!important;

  color:var(--nc-gold);

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.56rem;
  letter-spacing:.18em;
}

body .inNoCarGuide .inNoCarGuideHero h1 {
  width:100%!important;
  max-width:780px!important;

  margin:
    26px 0 0!important;

  color:#fff!important;

  font-size:
    clamp(
      1.55rem,
      2.4vw,
      2.35rem
    )!important;

  line-height:1.55!important;
  letter-spacing:.018em!important;

  word-break:auto-phrase!important;
  overflow-wrap:normal!important;

  text-wrap:balance;
}

.inNoCarGuideHero__lead {
  max-width:740px;

  margin:
    27px 0 0!important;

  color:rgba(255,255,255,.76);

  font-size:.84rem;
  line-height:2.08;
}

.inNoCarGuideHero__discover {
  display:inline-flex;

  align-items:center;

  gap:16px;

  margin-top:33px;

  color:#fff!important;

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.52rem;
  letter-spacing:.16em;
}

.inNoCarGuideHero__discover
> span:last-child {
  width:50px;
  height:1px;

  background:var(--nc-gold);
}

.inNoCarGuideHero__caption {
  display:flex;

  justify-content:space-between;

  color:rgba(255,255,255,.45);

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.46rem;
  letter-spacing:.14em;
}


/* ==================================================
   COMMON
================================================== */

.inNoCarGuideIntro h2,
.inNoCarGuideContents h2,
.inNoCarGuideChapterHead h2,
.inNoCarGuideNoteHead h2,
.inNoCarGuideTransportNotes h2,
.inNoCarGuideSplitNotes h2,
.inNoCarGuideEnding h2,
.inNoCarGuideRelated h2 {
  margin:
    14px 0 0!important;

  color:var(--nc-navy)!important;

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:
    clamp(
      1.5rem,
      2.35vw,
      2.05rem
    )!important;

  font-weight:500!important;

  line-height:1.72!important;
}

.inNoCarGuideChapterHead {
  display:grid;

  grid-template-columns:
    minmax(0,1.15fr)
    minmax(310px,.85fr);

  gap:
    clamp(
      45px,
      6vw,
      82px
    );

  margin-bottom:64px;
}

.inNoCarGuideChapterHead__catch {
  margin:0!important;

  color:var(--nc-navy);

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:
    clamp(
      1.02rem,
      1.45vw,
      1.28rem
    );

  line-height:1.82;
}

.inNoCarGuideChapterHead__text {
  margin:
    18px 0 0!important;

  font-size:.81rem;
  line-height:2;
}

.inNoCarGuideChapterHead--dark h2,
.inNoCarGuideChapterHead--dark
.inNoCarGuideChapterHead__catch {
  color:#fff!important;
}

.inNoCarGuideChapterHead--dark
.inNoCarGuideChapterHead__text {
  color:rgba(255,255,255,.68);
}


/* ==================================================
   INTRO
================================================== */

.inNoCarGuideIntro {
  padding:
    118px 0
    126px;
}

.inNoCarGuideIntro__layout {
  display:grid;

  grid-template-columns:
    minmax(330px,.86fr)
    minmax(0,1.14fr);

  gap:
    clamp(
      60px,
      8vw,
      110px
    );
}

.inNoCarGuideIntro__lead {
  font-size:.89rem;
  line-height:2.15;
}

.inNoCarGuideIntro__lead p {
  margin:0!important;
}

.inNoCarGuideIntro__lead p + p {
  margin-top:1.45em!important;
}

.inNoCarGuideIntroPhrase {
  width:min(760px,100%);

  margin:
    81px auto 0;

  text-align:center;
}

.inNoCarGuideIntroPhrase
> p:last-child {
  margin:
    20px 0 0!important;

  color:var(--nc-navy);

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:
    clamp(
      1.15rem,
      1.9vw,
      1.5rem
    );

  line-height:2;
}

.inNoCarGuideIntro__facts {
  display:grid;

  grid-template-columns:
    repeat(4,minmax(0,1fr));

  gap:1px;

  margin-top:77px;

  background:var(--nc-border);
}

.inNoCarGuideIntro__facts article {
  min-height:222px;

  padding:
    29px 27px
    32px;

  background:var(--nc-ivory);
}

.inNoCarGuideIntro__facts
article > span {
  color:var(--nc-gold);

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.54rem;
}

.inNoCarGuideIntro__facts
article > p:first-of-type {
  margin:
    10px 0 0!important;

  color:var(--nc-muted);

  font-size:.46rem;
  letter-spacing:.13em;
}

.inNoCarGuideIntro__facts h3 {
  margin:
    22px 0 0!important;

  color:var(--nc-navy);

  font-size:.95rem!important;
  line-height:1.72;
}

.inNoCarGuideIntro__facts
article > p:last-child {
  margin:
    14px 0 0!important;

  font-size:.71rem;
  line-height:1.95;
}

.inNoCarGuideNote {
  display:grid;

  grid-template-columns:
    155px
    minmax(0,1fr);

  gap:26px;

  margin-top:66px;

  padding:
    27px 30px;

  background:var(--nc-soft);
}

.inNoCarGuideNote__label {
  margin:0!important;

  color:var(--nc-gold);

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.5rem;
  letter-spacing:.13em;
}

.inNoCarGuideNote > p:last-child {
  margin:0!important;

  font-size:.72rem;
  line-height:1.95;
}


/* ==================================================
   CONTENTS
================================================== */

.inNoCarGuideContents {
  padding:
    99px 0
    106px;

  background:var(--nc-soft);
}

.inNoCarGuideContents__head {
  max-width:760px;

  margin:0 auto;

  text-align:center;
}

.inNoCarGuideContents__head
> p:last-child {
  margin:
    20px 0 0!important;

  font-size:.76rem;
  line-height:1.95;
}

.inNoCarGuideContents__details {
  margin-top:45px;
}

.inNoCarGuideContents__details
> summary {
  display:none;
}

.inNoCarGuideContents__nav {
  display:grid;

  grid-template-columns:
    repeat(3,minmax(0,1fr));

  gap:1px;

  background:var(--nc-border);
}

.inNoCarGuideContents__nav a {
  position:relative;

  min-height:140px;

  padding:
    25px 24px
    31px;

  background:#fff;

  color:inherit!important;
}

.inNoCarGuideContents__nav a span {
  color:var(--nc-gold);

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.51rem;
}

.inNoCarGuideContents__nav small {
  display:block;

  margin-top:10px;

  color:var(--nc-muted);

  font-size:.43rem;
  letter-spacing:.12em;
}

.inNoCarGuideContents__nav strong {
  display:block;

  margin-top:8px;

  color:var(--nc-navy);

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.8rem;
  font-weight:500;

  line-height:1.65;
}

.inNoCarGuideContents__nav a::after {
  content:"";

  position:absolute;

  right:21px;
  bottom:20px;

  width:23px;
  height:1px;

  background:var(--nc-gold);
}


/* ==================================================
   OVERVIEW
================================================== */

.inNoCarGuideOverview {
  padding:
    118px 0
    126px;
}

.inNoCarGuideJourney {
  display:grid;

  grid-template-columns:
    .9fr 1.2fr .9fr;

  gap:1px;

  background:var(--nc-border);
}

.inNoCarGuideJourney article {
  min-height:270px;

  padding:
    37px 32px
    42px;

  background:var(--nc-ivory);
}

.inNoCarGuideJourney__main {
  background:var(--nc-navy)!important;
}

.inNoCarGuideJourney span {
  color:var(--nc-gold);

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.54rem;
}

.inNoCarGuideJourney
article > p:first-of-type {
  margin:
    11px 0 0!important;

  color:var(--nc-muted);

  font-size:.46rem;
  letter-spacing:.13em;
}

.inNoCarGuideJourney h3 {
  margin:
    28px 0 0!important;

  color:var(--nc-navy);

  font-size:
    clamp(
      1.25rem,
      1.9vw,
      1.6rem
    )!important;
}

.inNoCarGuideJourney strong {
  display:block;

  margin-top:12px;

  color:var(--nc-navy);

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.73rem;
  font-weight:500;
}

.inNoCarGuideJourney
article > p:last-child {
  margin:
    18px 0 0!important;

  font-size:.75rem;
  line-height:2;
}

.inNoCarGuideJourney__main h3,
.inNoCarGuideJourney__main strong {
  color:#fff;
}

.inNoCarGuideJourney__main
> p:last-child {
  color:rgba(255,255,255,.67);
}

.inNoCarGuideRoute {
  display:flex;

  align-items:center;
  justify-content:center;

  gap:20px;

  margin-top:54px;

  padding:
    33px 31px;

  background:var(--nc-navy);
}

.inNoCarGuideRoute div {
  min-width:105px;

  text-align:center;
}

.inNoCarGuideRoute span {
  display:block;

  color:var(--nc-gold);

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.44rem;
  letter-spacing:.1em;
}

.inNoCarGuideRoute strong {
  display:block;

  margin-top:9px;

  color:#fff;

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.75rem;
  font-weight:500;
}

.inNoCarGuideRoute i {
  flex:1;

  max-width:70px;
  height:1px;

  background:rgba(194,168,120,.38);
}

.inNoCarGuideOverviewRule {
  width:min(830px,100%);

  margin:
    55px auto 0;

  padding:
    38px 41px;

  border-left:
    2px solid
    var(--nc-gold);

  background:var(--nc-soft);
}

.inNoCarGuideOverviewRule h3 {
  margin:
    16px 0 0!important;

  color:var(--nc-navy);

  font-size:1.1rem!important;
  line-height:1.8;
}

.inNoCarGuideOverviewRule
> p:last-child {
  margin:
    18px 0 0!important;

  font-size:.77rem;
  line-height:2;
}


/* ==================================================
   DAY 1
================================================== */

.inNoCarGuideDayOne {
  padding:
    118px 0
    126px;

  background:var(--nc-navy);
}

.inNoCarGuideDayOne__editorial,
.inNoCarGuideDayTwo__editorial {
  display:grid;

  grid-template-columns:
    minmax(0,.9fr)
    minmax(0,1.1fr);

  gap:
    clamp(
      50px,
      7vw,
      90px
    );

  align-items:center;
}

.inNoCarGuideDayOne__editorial img,
.inNoCarGuideDayTwo__editorial img {
  aspect-ratio:4 / 3;

  object-fit:cover;
}

.inNoCarGuideDayOne__editorial h3,
.inNoCarGuideDayTwo__editorial h3 {
  margin:
    17px 0 0!important;

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:
    clamp(
      1.35rem,
      2.2vw,
      1.85rem
    )!important;

  line-height:1.78;
}

.inNoCarGuideDayOne__editorial h3 {
  color:#fff;
}

.inNoCarGuideDayOne__editorial
> div
> p:not(.inNoCarGuideLabel) {
  margin:
    20px 0 0!important;

  color:rgba(255,255,255,.68);

  font-size:.8rem;
  line-height:2.05;
}


/* ==================================================
   TIMELINE
================================================== */

.inNoCarGuideTimeline {
  position:relative;

  width:min(900px,100%);

  margin:
    70px auto 0;
}

.inNoCarGuideTimeline::before {
  content:"";

  position:absolute;

  top:29px;
  bottom:29px;
  left:125px;

  width:1px;

  background:rgba(194,168,120,.32);
}

.inNoCarGuideTimeline article {
  display:grid;

  grid-template-columns:
    102px
    minmax(0,1fr);

  gap:48px;

  padding:29px 0;
}

.inNoCarGuideTimeline
article + article {
  border-top:
    1px solid
    rgba(255,255,255,.09);
}

.inNoCarGuideTimeline__time {
  position:relative;

  color:var(--nc-gold);

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.74rem;
}

.inNoCarGuideTimeline__time::after {
  content:"";

  position:absolute;

  top:.45em;
  right:-29px;

  width:8px;
  height:8px;

  border:
    1px solid
    var(--nc-gold);

  border-radius:50%;

  background:var(--nc-navy);
}

.inNoCarGuideTimeline h3 {
  margin:
    13px 0 0!important;

  color:#fff;

  font-size:1.06rem!important;
  line-height:1.75;
}

.inNoCarGuideTimeline
article
> div:last-child
> p:last-child {
  margin:
    13px 0 0!important;

  color:rgba(255,255,255,.66);

  font-size:.74rem;
  line-height:2;
}

.inNoCarGuideDarkRule {
  width:min(790px,100%);

  margin:
    55px auto 0;

  padding:
    33px 37px;

  border-top:
    1px solid
    rgba(194,168,120,.5);

  border-bottom:
    1px solid
    rgba(194,168,120,.5);
}

.inNoCarGuideDarkRule h3 {
  margin:
    16px 0 0!important;

  color:#fff;

  font-size:1.08rem!important;
}

.inNoCarGuideDarkRule
> p:last-child {
  margin:
    17px 0 0!important;

  color:rgba(255,255,255,.67);

  font-size:.76rem;
  line-height:2;
}

.inNoCarGuideTextLinks {
  display:flex;

  flex-wrap:wrap;

  gap:
    12px 27px;

  margin-top:34px;
}

.inNoCarGuideTextLinks a {
  color:#fff!important;

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.65rem;

  text-decoration:underline;
  text-underline-offset:5px;
}


/* ==================================================
   INTERLUDE
================================================== */

.inNoCarGuideInterlude {
  position:relative;

  min-height:560px;

  overflow:hidden;

  background:var(--nc-deep);
}

.inNoCarGuideInterlude > figure {
  position:absolute!important;

  inset:0!important;

  width:100%!important;
  height:100%!important;
}

.inNoCarGuideInterlude > figure img {
  width:100%!important;
  height:100%!important;

  object-fit:cover!important;
}

.inNoCarGuideInterlude__overlay {
  position:absolute;

  inset:0;

  z-index:1;

  background:
    linear-gradient(
      90deg,
      rgba(4,18,30,.70) 0%,
      rgba(4,18,30,.38) 46%,
      rgba(4,18,30,.06) 80%
    ),
    linear-gradient(
      180deg,
      rgba(4,18,30,.03) 0%,
      rgba(4,18,30,.08) 50%,
      rgba(4,18,30,.68) 100%
    );
}

.inNoCarGuideInterlude__copy {
  position:relative;

  z-index:2;

  display:flex;

  width:min(
    1180px,
    calc(100% - 72px)
  );

  min-height:560px;

  margin:0 auto;

  padding:
    72px 0;

  flex-direction:column;
  justify-content:flex-end;
}

.inNoCarGuideInterlude__copy p {
  margin:0!important;

  color:var(--nc-gold);

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.56rem;
  letter-spacing:.17em;
}

.inNoCarGuideInterlude__copy h2 {
  max-width:690px;

  margin:
    17px 0 0!important;

  color:#fff;

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:
    clamp(
      1.6rem,
      2.7vw,
      2.35rem
    )!important;

  line-height:1.7;
}


/* ==================================================
   DAY 2
================================================== */

.inNoCarGuideDayTwo {
  padding:
    121px 0
    130px;

  background:#fff;
}

.inNoCarGuideDayTwo__editorial h3 {
  color:var(--nc-navy);
}

.inNoCarGuideDayTwo__editorial
> div
> p:not(.inNoCarGuideLabel) {
  margin:
    20px 0 0!important;

  font-size:.8rem;
  line-height:2.05;
}

.inNoCarGuideIslandFlow {
  display:grid;

  grid-template-columns:
    repeat(4,minmax(0,1fr));

  gap:1px;

  margin-top:68px;

  background:var(--nc-border);
}

.inNoCarGuideIslandFlow article {
  padding:
    29px 25px
    33px;

  background:var(--nc-ivory);
}

.inNoCarGuideIslandFlow span {
  color:var(--nc-gold);

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.51rem;
}

.inNoCarGuideIslandFlow h3 {
  margin:
    20px 0 0!important;

  color:var(--nc-navy);

  font-size:.96rem!important;
}

.inNoCarGuideIslandFlow p {
  margin:
    12px 0 0!important;

  font-size:.7rem;
  line-height:1.9;
}

.inNoCarGuideFerryRule {
  display:grid;

  grid-template-columns:
    minmax(280px,.9fr)
    minmax(0,1.1fr);

  gap:55px;

  margin-top:59px;

  padding:
    39px 42px;

  background:var(--nc-soft);
}

.inNoCarGuideFerryRule h3 {
  margin:
    16px 0 0!important;

  color:var(--nc-navy);

  font-size:1.08rem!important;
  line-height:1.8;
}

.inNoCarGuideFerryRule
> div:last-child
> p {
  margin:0!important;

  font-size:.76rem;
  line-height:2;
}

.inNoCarGuideOfficialLinks {
  display:flex;

  flex-wrap:wrap;

  gap:
    10px 22px;

  margin-top:21px;
}

.inNoCarGuideOfficialLinks a {
  color:var(--nc-navy)!important;

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.62rem;

  text-decoration:underline;
  text-underline-offset:5px;
}


/* ==================================================
   DAY 3
================================================== */

.inNoCarGuideDayThree {
  padding:
    120px 0
    128px;

  background:var(--nc-ivory);
}

.inNoCarGuideKabira {
  overflow:hidden;

  background:var(--nc-navy);
}

.inNoCarGuideKabira img {
  aspect-ratio:16 / 8.5;

  object-fit:cover;
}

.inNoCarGuideKabira__copy {
  position:relative;

  width:min(
    830px,
    calc(100% - 80px)
  );

  margin:
    -92px auto 0;

  padding:
    48px 50px
    53px;

  background:var(--nc-navy);
}

.inNoCarGuideKabira h3 {
  margin:
    17px 0 0!important;

  color:#fff;

  font-size:
    clamp(
      1.4rem,
      2.4vw,
      1.9rem
    )!important;

  line-height:1.76;
}

.inNoCarGuideKabira
p:not(.inNoCarGuideLabel) {
  margin:
    19px 0 0!important;

  color:rgba(255,255,255,.68);

  font-size:.78rem;
  line-height:2;
}

.inNoCarGuideKabira a {
  display:inline-flex;

  margin-top:23px;

  color:#fff!important;

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.64rem;

  text-decoration:underline;
  text-underline-offset:5px;
}

.inNoCarGuideTimeline--light::before {
  background:rgba(16,41,67,.16);
}

.inNoCarGuideTimeline--light
article + article {
  border-top:
    1px solid
    rgba(16,41,67,.09);
}

.inNoCarGuideTimeline--light
.inNoCarGuideTimeline__time::after {
  background:var(--nc-ivory);
}

.inNoCarGuideTimeline--light h3 {
  color:var(--nc-navy);
}

.inNoCarGuideTimeline--light
article
> div:last-child
> p:last-child {
  color:var(--nc-text);
}

.inNoCarGuideDepartureRule {
  width:min(820px,100%);

  margin:
    57px auto 0;

  padding:
    37px 41px;

  background:#fff;
}

.inNoCarGuideDepartureRule h3 {
  margin:
    16px 0 0!important;

  color:var(--nc-navy);

  font-size:1.1rem!important;
}

.inNoCarGuideDepartureRule
> p:last-child {
  margin:
    17px 0 0!important;

  font-size:.76rem;
  line-height:2;
}


/* ==================================================
   NOTES INTRO
================================================== */

.inNoCarGuideNotes {
  padding:
    117px 0
    121px;

  background:var(--nc-navy);
}

.inNoCarGuideNotesIndex {
  display:grid;

  grid-template-columns:
    repeat(5,minmax(0,1fr));

  gap:1px;

  background:rgba(255,255,255,.12);
}

.inNoCarGuideNotesIndex a {
  display:flex;

  min-height:78px;

  align-items:center;

  gap:11px;

  padding:
    18px 17px;

  background:rgba(255,255,255,.055);

  color:rgba(255,255,255,.78)!important;

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.65rem;
}

.inNoCarGuideNotesIndex span {
  color:var(--nc-gold);

  font-size:.45rem;
}


/* ==================================================
   NOTE CHAPTER
================================================== */

.inNoCarGuideNoteChapter,
.inNoCarGuideChecklistSection,
.inNoCarGuideFaqSection {
  padding:
    104px 0
    111px;

  background:#fff;
}

.inNoCarGuideNoteChapter--soft,
.inNoCarGuideChecklistSection {
  background:var(--nc-soft);
}

.inNoCarGuideNoteHead {
  max-width:760px;

  margin-bottom:45px;
}

.inNoCarGuideFlightRows {
  border-top:
    1px solid
    var(--nc-border);
}

.inNoCarGuideFlightRows article {
  display:grid;

  grid-template-columns:
    150px
    minmax(0,1fr);

  gap:35px;

  padding:
    29px 3px;

  border-bottom:
    1px solid
    var(--nc-border);
}

.inNoCarGuideFlightRows span {
  color:var(--nc-gold);

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.51rem;
}

.inNoCarGuideFlightRows h3 {
  margin:0!important;

  color:var(--nc-navy);

  font-size:1.02rem!important;
}

.inNoCarGuideFlightRows p {
  margin:
    10px 0 0!important;

  font-size:.74rem;
  line-height:1.95;
}

.inNoCarGuideOfficialTextLink {
  display:inline-flex;

  margin-top:25px;

  color:var(--nc-navy)!important;

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.63rem;

  text-decoration:underline;
  text-underline-offset:5px;
}


/* HOTEL */

.inNoCarGuideHotelList {
  display:grid;

  grid-template-columns:
    repeat(2,minmax(0,1fr));

  gap:1px;

  background:var(--nc-border);
}

.inNoCarGuideHotelList article {
  padding:
    30px 28px
    34px;

  background:#fff;
}

.inNoCarGuideHotelList span {
  color:var(--nc-gold);

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.5rem;
}

.inNoCarGuideHotelList h3 {
  margin:
    17px 0 0!important;

  color:var(--nc-navy);

  font-size:1rem!important;
}

.inNoCarGuideHotelList p {
  margin:
    12px 0 0!important;

  font-size:.72rem;
  line-height:1.92;
}


/* BUS FERRY */

.inNoCarGuideTransportNotes {
  padding:
    108px 0
    116px;

  background:var(--nc-navy);
}

.inNoCarGuideTransportNotes__grid {
  display:grid;

  grid-template-columns:
    repeat(2,minmax(0,1fr));

  gap:1px;

  background:rgba(255,255,255,.13);
}

.inNoCarGuideTransportNotes__grid article {
  padding:
    43px 43px
    47px;

  background:rgba(255,255,255,.045);
}

.inNoCarGuideTransportNotes h2 {
  color:#fff!important;

  font-size:
    clamp(
      1.3rem,
      2vw,
      1.72rem
    )!important;
}

.inNoCarGuideTransportNotes ul {
  margin:
    27px 0 0;

  padding:0;

  list-style:none;
}

.inNoCarGuideTransportNotes li {
  position:relative;

  padding-left:18px;

  color:rgba(255,255,255,.69);

  font-size:.74rem;
  line-height:1.85;
}

.inNoCarGuideTransportNotes li + li {
  margin-top:10px;
}

.inNoCarGuideTransportNotes li::before {
  content:"";

  position:absolute;

  top:.85em;
  left:0;

  width:7px;
  height:1px;

  background:var(--nc-gold);
}

.inNoCarGuideTransportLinks {
  display:grid;

  gap:9px;

  margin-top:25px;
}

.inNoCarGuideTransportLinks a {
  color:#fff!important;

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.62rem;

  text-decoration:underline;
  text-underline-offset:5px;
}


/* LUGGAGE + TAXI */

.inNoCarGuideSplitNotes {
  display:grid;

  grid-template-columns:
    repeat(2,minmax(0,1fr));

  gap:1px;

  background:var(--nc-border);
}

.inNoCarGuideSplitNotes article {
  padding:
    42px 40px
    47px;

  background:var(--nc-ivory);
}

.inNoCarGuideSplitNotes h2 {
  font-size:
    clamp(
      1.25rem,
      1.85vw,
      1.6rem
    )!important;
}

.inNoCarGuideSplitNotes
p:not(.inNoCarGuideLabel) {
  margin:
    20px 0 0!important;

  font-size:.76rem;
  line-height:2;
}

.inNoCarGuideSplitNotes a {
  display:inline-flex;

  margin-top:22px;

  color:var(--nc-navy)!important;

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.62rem;

  text-decoration:underline;
  text-underline-offset:5px;
}


/* WEATHER */

.inNoCarGuideWeather {
  padding:
    111px 0
    118px;

  background:var(--nc-deep);
}

.inNoCarGuideWeatherFlow {
  display:grid;

  grid-template-columns:
    repeat(4,minmax(0,1fr));

  gap:1px;

  background:rgba(255,255,255,.12);
}

.inNoCarGuideWeatherFlow article {
  padding:
    29px 25px
    32px;

  background:rgba(255,255,255,.055);
}

.inNoCarGuideWeatherFlow span {
  color:var(--nc-gold);

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.49rem;
}

.inNoCarGuideWeatherFlow h3 {
  margin:
    18px 0 0!important;

  color:#fff;

  font-size:.96rem!important;
}

.inNoCarGuideWeatherFlow p {
  margin:
    12px 0 0!important;

  color:rgba(255,255,255,.65);

  font-size:.7rem;
  line-height:1.9;
}


/* BOOKING */

.inNoCarGuideBooking {
  margin:0;
  padding:0;

  list-style:none;

  border-top:
    1px solid
    var(--nc-border);
}

.inNoCarGuideBooking li {
  display:grid;

  grid-template-columns:
    65px
    minmax(0,1fr);

  gap:28px;

  padding:
    28px 3px;

  border-bottom:
    1px solid
    var(--nc-border);
}

.inNoCarGuideBooking
> li > span {
  color:var(--nc-gold);

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.57rem;
}

.inNoCarGuideBooking h3 {
  margin:0!important;

  color:var(--nc-navy);

  font-size:1rem!important;
}

.inNoCarGuideBooking p {
  margin:
    10px 0 0!important;

  font-size:.73rem;
  line-height:1.95;
}


/* ==================================================
   CHECKLIST
================================================== */

.inNoCarGuideChecklist {
  overflow:hidden;

  background:#fff;

  box-shadow:
    0 22px 60px
    rgba(16,41,67,.08);
}

.inNoCarGuideChecklist__toolbar {
  display:flex;

  align-items:center;
  justify-content:space-between;

  gap:25px;

  padding:
    27px 30px;

  background:var(--nc-navy);
}

.inNoCarGuideChecklist__toolbar > div {
  display:flex;

  align-items:flex-end;

  gap:8px;
}

.inNoCarGuideChecklist__toolbar
.inNoCarGuideLabel {
  margin-right:13px!important;
}

.inNoCarGuideChecklist__toolbar strong {
  color:#fff;

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:1.2rem;
  font-weight:500;
}

.inNoCarGuideChecklist__toolbar
> div
> p:last-child {
  margin:
    0 0 2px!important;

  color:rgba(255,255,255,.45);

  font-size:.53rem;
}

.inNoCarGuideChecklist__toolbar button {
  padding:
    9px 15px!important;

  border:
    1px solid
    rgba(194,168,120,.65)!important;

  border-radius:0!important;

  background:transparent!important;

  color:#fff!important;

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.61rem;

  cursor:pointer;
}

.inNoCarGuideChecklist__progress {
  height:4px;

  background:rgba(16,41,67,.08);
}

.inNoCarGuideChecklist__progress span {
  display:block;

  width:100%;
  height:100%;

  background:var(--nc-gold);

  transform:scaleX(0);
  transform-origin:left;

  transition:transform .3s ease;
}

.inNoCarGuideChecklist__grid {
  display:grid;

  grid-template-columns:
    repeat(2,minmax(0,1fr));
}

.inNoCarGuideChecklist__group {
  padding:
    30px 32px
    34px;
}

.inNoCarGuideChecklist__group:nth-child(even) {
  border-left:
    1px solid
    var(--nc-border);
}

.inNoCarGuideChecklist__group:nth-child(n+3) {
  border-top:
    1px solid
    var(--nc-border);
}

.inNoCarGuideChecklist__group h3 {
  display:flex;

  gap:12px;

  margin:
    0 0 17px!important;

  color:var(--nc-navy);

  font-size:.96rem!important;
}

.inNoCarGuideChecklist__group h3 span {
  color:var(--nc-gold);

  font-size:.52rem;
}

.inNoCarGuideChecklist label {
  display:grid;

  grid-template-columns:
    21px
    minmax(0,1fr);

  gap:11px;

  align-items:center;

  min-height:48px;

  padding:8px;

  cursor:pointer;
}

.inNoCarGuideChecklist
label + label {
  border-top:
    1px solid
    rgba(16,41,67,.07);
}

.inNoCarGuideChecklist input {
  width:18px;
  height:18px;

  margin:0;

  appearance:none;

  border:
    1px solid
    rgba(16,41,67,.3);

  border-radius:0;

  background:#fff;
}

.inNoCarGuideChecklist input:checked {
  border-color:var(--nc-navy);

  background:var(--nc-navy);
}

.inNoCarGuideChecklist input:checked::after {
  content:"";

  display:block;

  width:7px;
  height:4px;

  margin:
    5px 0 0 4px;

  border-left:1px solid #fff;
  border-bottom:1px solid #fff;

  transform:rotate(-45deg);
}

.inNoCarGuideChecklist
label > span {
  font-size:.74rem;
  line-height:1.7;
}

.inNoCarGuideChecklist
label.is-checked {
  background:var(--nc-ivory);
}

.inNoCarGuideChecklist
label.is-checked
> span {
  text-decoration:line-through;

  text-decoration-color:
    rgba(194,168,120,.75);
}

.inNoCarGuideChecklist__privacy {
  margin:0!important;

  padding:
    18px 30px
    21px;

  border-top:
    1px solid
    var(--nc-border);

  color:var(--nc-muted);

  font-size:.55rem;
}


/* ==================================================
   FAQ
================================================== */

.inNoCarGuideFaq {
  border-top:
    1px solid
    var(--nc-border);
}

.inNoCarGuideFaq details {
  border-bottom:
    1px solid
    var(--nc-border);
}

.inNoCarGuideFaq summary {
  display:flex!important;

  min-height:73px;

  align-items:center;
  justify-content:space-between;

  gap:25px;

  padding:
    19px 3px!important;

  list-style:none;

  color:var(--nc-navy);

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.86rem!important;

  cursor:pointer;
}

.inNoCarGuideFaq
summary::-webkit-details-marker {
  display:none;
}

.inNoCarGuideFaq
summary
> span:last-child {
  position:relative;

  flex:0 0 auto;

  width:21px;
  height:21px;
}

.inNoCarGuideFaq
summary
> span:last-child::before,
.inNoCarGuideFaq
summary
> span:last-child::after {
  content:"";

  position:absolute;

  top:10px;
  left:4px;

  width:13px;
  height:1px;

  background:var(--nc-gold);
}

.inNoCarGuideFaq
summary
> span:last-child::after {
  transform:rotate(90deg);
}

.inNoCarGuideFaq
details[open]
summary
> span:last-child::after {
  transform:none;
}

.inNoCarGuideFaq details > div {
  padding:
    0 46px
    24px
    3px;
}

.inNoCarGuideFaq p {
  margin:0!important;

  font-size:.75rem;
  line-height:2;
}


/* ==================================================
   ENDING
================================================== */

.inNoCarGuideEnding {
  padding:
    122px 0
    128px;

  background:var(--nc-deep);
}

.inNoCarGuideEnding__inner {
  width:min(
    930px,
    calc(100% - 72px)
  );

  margin:0 auto;
}

.inNoCarGuideEnding h2 {
  max-width:780px;

  color:#fff!important;
}

.inNoCarGuideEnding
p:not(.inNoCarGuideLabel) {
  max-width:720px;

  margin:
    22px 0 0!important;

  color:rgba(255,255,255,.7);

  font-size:.8rem;
  line-height:2.08;
}

.inNoCarGuideEnding a {
  display:inline-flex;

  align-items:center;

  gap:30px;

  margin-top:31px;

  padding-bottom:7px;

  border-bottom:
    1px solid
    var(--nc-gold);

  color:#fff!important;

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.65rem;
}


/* ==================================================
   RELATED
================================================== */

.inNoCarGuideRelated {
  padding:
    105px 0
    113px;

  background:#fff;
}

.inNoCarGuideRelated header {
  margin-bottom:44px;
}

.inNoCarGuideRelated__grid {
  display:grid;

  grid-template-columns:
    repeat(3,minmax(0,1fr));

  gap:1px;

  background:var(--nc-border);
}

.inNoCarGuideRelated__grid a {
  padding:
    30px 27px
    34px;

  background:var(--nc-ivory);

  color:inherit!important;
}

.inNoCarGuideRelated__grid span {
  color:var(--nc-gold);

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.52rem;
}

.inNoCarGuideRelated__grid
a > p:first-of-type {
  margin:
    10px 0 0!important;

  color:var(--nc-muted);

  font-size:.44rem;
  letter-spacing:.12em;
}

.inNoCarGuideRelated__grid h3 {
  margin:
    16px 0 0!important;

  color:var(--nc-navy);

  font-size:1rem!important;
}

.inNoCarGuideRelated__grid
a > p:last-child {
  margin:
    12px 0 0!important;

  font-size:.7rem;
  line-height:1.9;
}

.inNoCarGuideDisclaimer {
  margin:0!important;

  padding:
    27px 20px
    35px;

  color:var(--nc-muted);

  font-size:.58rem;
  line-height:1.85;

  text-align:center;
}


/* ==================================================
   FLOATING CONTENTS
================================================== */

.inNoCarGuideFloatingToc {
  position:fixed;

  right:22px;
  bottom:87px;

  z-index:220;

  display:flex;

  min-width:54px;
  min-height:54px;

  align-items:center;
  justify-content:center;

  gap:9px;

  padding:
    13px 15px!important;

  border:
    1px solid
    rgba(194,168,120,.72)!important;

  border-radius:0!important;

  background:
    rgba(16,41,67,.96)!important;

  color:#fff!important;

  opacity:0;

  pointer-events:none;

  transform:translateY(10px);

  transition:
    opacity .28s ease,
    transform .28s ease;
}

.inNoCarGuideFloatingToc.is-visible {
  opacity:1;

  pointer-events:auto;

  transform:none;
}

.inNoCarGuideFloatingToc
> span {
  position:relative;

  width:16px;
  height:12px;

  border-top:
    1px solid
    var(--nc-gold);

  border-bottom:
    1px solid
    var(--nc-gold);
}

.inNoCarGuideFloatingToc
> span::after {
  content:"";

  position:absolute;

  top:5px;
  left:0;

  width:16px;
  height:1px;

  background:var(--nc-gold);
}

.inNoCarGuideFloatingToc strong {
  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.45rem;
  font-weight:500;
}


/* ==================================================
   DRAWER
================================================== */

.inNoCarGuideDrawer {
  position:fixed;

  inset:0;

  z-index:9998;

  visibility:hidden;

  opacity:0;

  pointer-events:none;

  transition:
    opacity .3s ease,
    visibility 0s linear .3s;
}

.inNoCarGuideDrawer.is-open {
  visibility:visible;

  opacity:1;

  pointer-events:auto;

  transition-delay:0s;
}

.inNoCarGuideDrawer__backdrop {
  position:absolute;

  inset:0;

  z-index:1;

  width:100%;

  border:0!important;

  background:
    rgba(5,20,33,.63)!important;
}

.inNoCarGuideDrawer__panel {
  position:absolute;

  top:0;
  right:0;

  z-index:2;

  width:min(450px,92vw);
  height:100%;

  overflow-y:auto;

  padding:
    40px 36px
    47px;

  background:var(--nc-ivory);

  transform:translateX(102%);

  transition:
    transform .42s
    cubic-bezier(.22,1,.36,1);
}

.inNoCarGuideDrawer.is-open
.inNoCarGuideDrawer__panel {
  transform:none;
}

.inNoCarGuideDrawer__panel header {
  display:flex;

  justify-content:space-between;

  gap:25px;

  padding-bottom:25px;
}

.inNoCarGuideDrawer__panel
header p {
  margin:
    0 0 7px!important;

  color:var(--nc-gold);

  font-size:.48rem;
  letter-spacing:.16em;
}

.inNoCarGuideDrawer__panel
header h2 {
  margin:0!important;

  color:var(--nc-navy);

  font-size:1.12rem!important;
}

.inNoCarGuideDrawer__close {
  position:relative;

  width:37px;
  height:37px;

  border:0!important;

  background:transparent!important;
}

.inNoCarGuideDrawer__close span {
  position:absolute;

  top:18px;
  left:7px;

  width:23px;
  height:1px;

  background:var(--nc-navy);
}

.inNoCarGuideDrawer__close
span:first-child {
  transform:rotate(45deg);
}

.inNoCarGuideDrawer__close
span:last-child {
  transform:rotate(-45deg);
}

.inNoCarGuideDrawer nav {
  display:grid;
}

.inNoCarGuideDrawer nav a {
  display:grid;

  grid-template-columns:
    35px
    minmax(0,1fr);

  gap:12px;

  padding:
    15px 2px;

  border-top:
    1px solid
    var(--nc-border);

  color:var(--nc-text)!important;

  font-size:.72rem;
}

.inNoCarGuideDrawer nav span {
  color:var(--nc-gold);

  font-family:
    "Noto Serif JP",
    serif!important;

  font-size:.5rem;
}

html.in-nocar-drawer-open {
  overflow:hidden;
}


/* ==================================================
   REVEAL
================================================== */

.in-nocar-has-js
.inNoCarGuide
.js-nocar-reveal {
  opacity:0;

  transform:translateY(23px);

  transition:
    opacity
    .8s ease
    var(--nocar-delay,0ms),

    transform
    .8s
    cubic-bezier(.22,1,.36,1)
    var(--nocar-delay,0ms);
}

.in-nocar-has-js
.inNoCarGuide
.js-nocar-reveal.is-visible {
  opacity:1;

  transform:none;
}


/* ==================================================
   TABLET
================================================== */

@media screen and (max-width:1100px) {

  .inNoCarGuideChapterIndicator {
    display:none;
  }

  .inNoCarGuideIntro__facts,
  .inNoCarGuideIslandFlow,
  .inNoCarGuideWeatherFlow {
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }

  .inNoCarGuideNotesIndex {
    grid-template-columns:
      repeat(3,minmax(0,1fr));
  }

}


@media screen and (max-width:900px) {

  .inNoCarGuideIntro__layout,
  .inNoCarGuideChapterHead,
  .inNoCarGuideDayOne__editorial,
  .inNoCarGuideDayTwo__editorial,
  .inNoCarGuideFerryRule {
    grid-template-columns:1fr;
  }

  .inNoCarGuideJourney {
    grid-template-columns:1fr;
  }

  .inNoCarGuideChapterHead {
    gap:28px;
  }

}


/* ==================================================
   MOBILE
================================================== */

@media screen and (max-width:767px) {

  .inNoCarGuide__wide,
  .inNoCarGuide__article,
  .inNoCarGuideEnding__inner {
    width:
      calc(100% - 34px);
  }


  /* BOOKMARK */

  .inNoCarGuideMobileBookmark {
    position:fixed;

    top:0;
    right:0;
    left:0;

    z-index:240;

    display:block;

    opacity:0;

    pointer-events:none;

    transform:
      translateY(-100%);

    transition:
      opacity .3s ease,
      transform .35s ease;
  }

  .inNoCarGuideMobileBookmark.is-visible {
    opacity:.87;

    transform:none;
  }

  .inNoCarGuideMobileBookmark__inner {
    display:grid;

    grid-template-columns:
      auto
      minmax(0,1fr)
      auto;

    gap:8px;

    align-items:center;

    min-height:34px;

    padding:
      6px 13px
      7px;

    border-bottom:
      1px solid
      rgba(16,41,67,.05);

    background:
      rgba(248,245,239,.82);

    backdrop-filter:blur(9px);
  }

  .inNoCarGuideMobileBookmark__chapter {
    color:var(--nc-gold);

    font-family:
      "Noto Serif JP",
      serif!important;

    font-size:.38rem;

    letter-spacing:.09em;

    white-space:nowrap;
  }

  .inNoCarGuideMobileBookmark__title {
    overflow:hidden;

    color:rgba(16,41,67,.79);

    font-family:
      "Noto Serif JP",
      serif!important;

    font-size:.55rem;
    font-weight:500;

    white-space:nowrap;
    text-overflow:ellipsis;
  }

  .inNoCarGuideMobileBookmark__progress {
    color:rgba(16,41,67,.32);

    font-family:
      "Noto Serif JP",
      serif!important;

    font-size:.38rem;
  }

  .inNoCarGuideMobileBookmark.is-dark
  .inNoCarGuideMobileBookmark__inner {
    background:
      rgba(7,24,39,.77);
  }

  .inNoCarGuideMobileBookmark.is-dark
  .inNoCarGuideMobileBookmark__title {
    color:rgba(255,255,255,.78);
  }


  /* NOTICE */

  .inNoCarGuideChapterNotice {
    right:13px;
    bottom:14px;
    left:13px;

    display:flex;

    width:auto;

    min-height:40px;

    align-items:center;

    gap:10px;

    padding:
      10px 13px;

    border-left:0;

    border-top:
      1px solid
      rgba(194,168,120,.43);

    background:
      rgba(7,24,39,.82);

    transform:
      translateY(7px);
  }

  .inNoCarGuideChapterNotice span {
    flex:0 0 auto;

    font-size:.38rem;
  }

  .inNoCarGuideChapterNotice strong {
    overflow:hidden;

    color:rgba(255,255,255,.84);

    font-size:.57rem;

    white-space:nowrap;
    text-overflow:ellipsis;
  }

  .inNoCarGuideChapterNotice.is-showing {
    opacity:.9;

    transform:none;
  }


  /* HERO */

  .inNoCarGuideHero,
  .inNoCarGuideHero__inner {
    min-height:620px;
  }

  .inNoCarGuideHero__inner {
    width:
      calc(100% - 34px);

    padding:
      50px 0
      30px;
  }

  .inNoCarGuideHero__copy {
    width:100%;

    padding:
      37px 0
      24px;
  }

  body .inNoCarGuide
  .inNoCarGuideHero h1 {
    max-width:100%!important;

    margin-top:22px!important;

    font-size:
      clamp(
        1.42rem,
        6vw,
        1.72rem
      )!important;

    line-height:1.62!important;
  }

  .inNoCarGuideHero__lead {
    margin-top:20px!important;

    font-size:.73rem;
    line-height:2;
  }

  .inNoCarGuideHero__pcBreak,
  .inNoCarGuideHero__caption {
    display:none;
  }

  .inNoCarGuideHero__overlay {
    background:
      linear-gradient(
        180deg,
        rgba(7,25,42,.15) 0%,
        rgba(7,25,42,.40) 38%,
        rgba(7,25,42,.93) 100%
      );
  }


  /* SECTIONS */

  .inNoCarGuideIntro,
  .inNoCarGuideOverview,
  .inNoCarGuideDayOne,
  .inNoCarGuideDayTwo,
  .inNoCarGuideDayThree,
  .inNoCarGuideNotes,
  .inNoCarGuideNoteChapter,
  .inNoCarGuideTransportNotes,
  .inNoCarGuideWeather,
  .inNoCarGuideChecklistSection,
  .inNoCarGuideFaqSection,
  .inNoCarGuideEnding,
  .inNoCarGuideRelated {
    padding-top:77px;
    padding-bottom:83px;

    scroll-margin-top:39px;
  }

  .inNoCarGuideIntro h2,
  .inNoCarGuideContents h2,
  .inNoCarGuideChapterHead h2,
  .inNoCarGuideNoteHead h2,
  .inNoCarGuideEnding h2,
  .inNoCarGuideRelated h2 {
    font-size:
      1.33rem!important;

    line-height:
      1.74!important;
  }

  .inNoCarGuideChapterHead {
    margin-bottom:42px;
  }

  .inNoCarGuideChapterHead__catch {
    font-size:.96rem;
  }

  .inNoCarGuideChapterHead__text {
    font-size:.74rem;
  }


  /* INTRO */

  .inNoCarGuideIntro__lead {
    font-size:.79rem;
    line-height:2.02;
  }

  .inNoCarGuideIntroPhrase {
    margin-top:55px;
  }

  .inNoCarGuideIntroPhrase
  > p:last-child {
    font-size:1rem;
  }

  .inNoCarGuideIntro__facts {
    grid-template-columns:1fr;

    margin-top:50px;
  }

  .inNoCarGuideIntro__facts article {
    min-height:0;

    padding:
      25px 22px
      28px;
  }

  .inNoCarGuideNote {
    grid-template-columns:1fr;

    gap:8px;

    margin-top:48px;

    padding:
      21px 20px;
  }


  /* CONTENTS */

  .inNoCarGuideContents {
    padding:
      75px 0
      80px;
  }

  .inNoCarGuideContents__head {
    text-align:left;
  }

  .inNoCarGuideContents__details {
    margin-top:30px;
  }

  .inNoCarGuideContents__details
  > summary {
    display:flex;

    min-height:55px;

    align-items:center;
    justify-content:space-between;

    padding:
      14px 16px!important;

    background:#fff;

    color:var(--nc-navy);

    font-family:
      "Noto Serif JP",
      serif!important;

    font-size:.72rem;
  }

  .inNoCarGuideContents__nav {
    grid-template-columns:1fr;

    padding-top:8px;
  }

  .inNoCarGuideContents__nav a {
    min-height:101px;
  }


  /* ROUTE */

  .inNoCarGuideRoute {
    display:grid;

    grid-template-columns:1fr;

    gap:0;

    padding:
      22px 23px;
  }

  .inNoCarGuideRoute div {
    padding:
      17px 0;

    text-align:left;
  }

  .inNoCarGuideRoute i {
    width:1px;
    height:14px;

    margin-left:7px;
  }


  /* DAY 1 */

  .inNoCarGuideDayOne__editorial,
  .inNoCarGuideDayTwo__editorial {
    gap:30px;
  }

  .inNoCarGuideDayOne__editorial h3,
  .inNoCarGuideDayTwo__editorial h3 {
    font-size:1.2rem!important;
  }

  .inNoCarGuideDayOne__editorial
  > div
  > p:not(.inNoCarGuideLabel),
  .inNoCarGuideDayTwo__editorial
  > div
  > p:not(.inNoCarGuideLabel) {
    font-size:.75rem;
    line-height:2;
  }


  /* TIMELINE */

  .inNoCarGuideTimeline {
    margin-top:47px;

    padding-left:18px;
  }

  .inNoCarGuideTimeline::before {
    left:5px;
  }

  .inNoCarGuideTimeline article {
    grid-template-columns:1fr;

    gap:7px;

    padding:
      23px 0
      25px 21px;
  }

  .inNoCarGuideTimeline__time::after {
    right:auto;
    left:-24px;
  }


  /* INTERLUDE */

  .inNoCarGuideInterlude {
    min-height:500px;
  }

  .inNoCarGuideInterlude__copy {
    width:
      calc(100% - 34px);

    min-height:500px;

    padding:
      50px 0;
  }

  .inNoCarGuideInterlude__copy h2 {
    font-size:1.35rem!important;
  }

  .inNoCarGuideInterlude__overlay {
    background:
      linear-gradient(
        180deg,
        rgba(4,18,30,.04) 0%,
        rgba(4,18,30,.18) 42%,
        rgba(4,18,30,.88) 100%
      );
  }


  /* DAY 2 */

  .inNoCarGuideIslandFlow {
    grid-template-columns:1fr;

    margin-top:48px;
  }

  .inNoCarGuideFerryRule {
    gap:19px;

    padding:
      29px 22px
      32px;
  }


  /* KABIRA */

  .inNoCarGuideKabira img {
    aspect-ratio:4 / 3;
  }

  .inNoCarGuideKabira__copy {
    width:
      calc(100% - 28px);

    margin:
      -40px auto 0;

    padding:
      29px 23px
      33px;
  }

  .inNoCarGuideKabira h3 {
    font-size:1.21rem!important;
  }

  .inNoCarGuideDepartureRule {
    padding:
      29px 22px;
  }


  /* NOTES */

  .inNoCarGuideNotesIndex {
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }

  .inNoCarGuideNotesIndex a {
    min-height:65px;

    padding:
      15px 13px;

    font-size:.61rem;
  }

  .inNoCarGuideFlightRows article {
    grid-template-columns:1fr;

    gap:8px;
  }

  .inNoCarGuideHotelList,
  .inNoCarGuideTransportNotes__grid,
  .inNoCarGuideSplitNotes,
  .inNoCarGuideWeatherFlow {
    grid-template-columns:1fr;
  }

  .inNoCarGuideTransportNotes__grid article,
  .inNoCarGuideSplitNotes article {
    padding:
      31px 23px
      35px;
  }


  /* BOOKING */

  .inNoCarGuideBooking li {
    grid-template-columns:
      42px
      minmax(0,1fr);

    gap:15px;
  }


  /* CHECKLIST */

  .inNoCarGuideChecklist__toolbar {
    align-items:flex-start;

    flex-direction:column;

    padding:
      24px 21px;
  }

  .inNoCarGuideChecklist__toolbar
  > div {
    flex-wrap:wrap;
  }

  .inNoCarGuideChecklist__grid {
    grid-template-columns:1fr;
  }

  .inNoCarGuideChecklist__group {
    padding:
      24px 20px
      28px;
  }

  .inNoCarGuideChecklist__group:nth-child(even) {
    border-left:0;
  }

  .inNoCarGuideChecklist__group
  + .inNoCarGuideChecklist__group {
    border-top:
      1px solid
      var(--nc-border);
  }

  .inNoCarGuideChecklist label {
    min-height:52px;
  }


  /* FAQ */

  .inNoCarGuideFaq summary {
    min-height:66px;

    padding:
      16px 2px!important;

    font-size:.81rem!important;
  }

  .inNoCarGuideFaq details > div {
    padding:
      0 30px
      21px
      2px;
  }


  /* END */

  .inNoCarGuideEnding p:not(.inNoCarGuideLabel) {
    font-size:.74rem;
    line-height:2;
  }


  /* RELATED */

  .inNoCarGuideRelated__grid {
    grid-template-columns:1fr;
  }

  .inNoCarGuideDisclaimer {
    padding-right:17px;
    padding-left:17px;

    text-align:left;
  }


  /* FLOATING CONTENTS */

  .inNoCarGuideFloatingToc {
    right:14px;
    bottom:67px;

    min-width:49px;
    min-height:49px;

    padding:11px!important;
  }

  .inNoCarGuideFloatingToc strong {
    display:none;
  }

  .inNoCarGuideDrawer__panel {
    width:min(400px,94vw);

    padding:
      48px 23px
      40px;
  }

}


/* ==================================================
   ELEMENTOR
================================================== */

.elementor-widget-html:has(.inNoCarGuide) {
  margin:0!important;
}

.elementor-element:has(
  > .elementor-widget-html
  .inNoCarGuide
) {
  margin:0!important;
  padding:0!important;
}


/* ==================================================
   FOCUS
================================================== */

.inNoCarGuide a:focus-visible,
.inNoCarGuide button:focus-visible,
.inNoCarGuide summary:focus-visible,
.inNoCarGuide input:focus-visible {
  outline:
    2px solid
    var(--nc-gold)!important;

  outline-offset:4px!important;
}


/* ==================================================
   REDUCED MOTION
================================================== */

@media (prefers-reduced-motion:reduce) {

  .inNoCarGuide *,
  .inNoCarGuide *::before,
  .inNoCarGuide *::after {
    animation:none!important;
    transition:none!important;
  }

  .in-nocar-has-js
  .inNoCarGuide
  .js-nocar-reveal {
    opacity:1!important;
    transform:none!important;
  }

  .in-nocar-has-js
  .inNoCarGuide
  .js-nocar-image::after {
    display:none!important;
  }

  .in-nocar-has-js
  .inNoCarGuide
  .js-nocar-image img {
    transform:none!important;
  }

  .inNoCarGuideChapterNotice {
    display:none!important;
  }

}/* End custom CSS */