.elementor-20405 .elementor-element.elementor-element-a34bbab{--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-702d8c1 *//* =========================================================
   ISHIGAKI NAVI
   TAKETOMI ISLAND
   FEATURE / TRAVEL BOOK
========================================================= */

.inTaketomiGuide{
  --tg-navy:#102943;
  --tg-deep:#071827;
  --tg-gold:#b99c69;
  --tg-gold-light:#d4be94;
  --tg-ivory:#f8f5ef;
  --tg-soft:#f2eee6;
  --tg-white:#ffffff;
  --tg-text:#566675;
  --tg-muted:rgba(16,41,67,.56);
  --tg-border:rgba(16,41,67,.13);

  --tg-serif:
    "Noto Serif JP",
    "Yu Mincho",
    YuMincho,
    "Hiragino Mincho ProN",
    serif;

  --tg-sans:
    "Noto Sans JP",
    "Yu Gothic",
    YuGothic,
    "Hiragino Kaku Gothic ProN",
    sans-serif;

  position:relative;
  width:100%;
  margin:0!important;
  padding:0!important;
  overflow:hidden;
  background:#fff;
  color:var(--tg-text);
  font-family:var(--tg-sans)!important;
  font-size:16px;
  -webkit-font-smoothing:antialiased;
}

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

.inTaketomiGuide img{
  display:block;
  width:100%;
  max-width:none;
  height:auto;
  margin:0;
}

.inTaketomiGuide figure{ margin:0; }
.inTaketomiGuide a{ text-decoration:none!important; }

.inTaketomiGuide :is(h1,h2,h3,h4){
  max-width:100%;
  margin-top:0;
  color:var(--tg-navy);
  font-family:var(--tg-serif)!important;
  font-weight:500!important;
  letter-spacing:.012em;
  line-break:strict!important;
  word-break:auto-phrase!important;
  overflow-wrap:normal!important;
  text-wrap:pretty;
}

.inTaketomiGuide :is(h1,h2,h3,h4) br{
  display:inline!important;
}

.inTaketomiGuide__wide{
  width:min(1180px,calc(100% - 72px));
  margin-inline:auto;
}

.inTaketomiGuide__article{
  width:min(880px,calc(100% - 72px));
  margin-inline:auto;
}

.inTaketomiGuideLabel{
  margin:0!important;
  color:var(--tg-gold)!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:.57rem!important;
  font-weight:400!important;
  line-height:1.5!important;
  letter-spacing:.18em!important;
}

/* PLACEHOLDER */
.inTaketomiGuidePhotoPlaceholder{
  display:flex!important;
  align-items:center;
  justify-content:center;
  min-height:360px;
  padding:30px;
  background:
    linear-gradient(135deg,rgba(16,41,67,.08),rgba(185,156,105,.1)),
    var(--tg-soft);
  text-align:center;
}

.inTaketomiGuidePhotoPlaceholder > div{
  max-width:420px;
}

.inTaketomiGuidePhotoPlaceholder small{
  display:block;
  color:var(--tg-gold);
  font-family:Georgia,serif!important;
  font-size:.48rem;
  letter-spacing:.16em;
}

.inTaketomiGuidePhotoPlaceholder strong{
  display:block;
  margin-top:15px;
  color:var(--tg-navy);
  font-family:var(--tg-serif)!important;
  font-size:.9rem;
  font-weight:500;
  line-height:1.8;
}

.inTaketomiGuidePhotoPlaceholder span{
  display:block;
  margin-top:8px;
  color:var(--tg-muted);
  font-size:.62rem;
  line-height:1.8;
}

/* PROGRESS */
.inTaketomiGuide__progress{
  position:fixed;
  top:0;
  right:0;
  left:0;
  z-index:9999;
  height:3px;
  pointer-events:none;
}

.inTaketomiGuide__progress span{
  display:block;
  width:100%;
  height:100%;
  background:var(--tg-gold);
  transform:scaleX(0);
  transform-origin:left center;
}

/* HERO */
.inTaketomiGuideHero{
  position:relative;
  min-height:650px;
  overflow:hidden;
  isolation:isolate;
  background:var(--tg-deep);
  color:#fff;
}

.inTaketomiGuideHero__media{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  width:100%!important;
  height:100%!important;
}

.inTaketomiGuideHero__media.inTaketomiGuidePhotoPlaceholder{
  background:#152b3e;
}

.inTaketomiGuideHero__media > div{
  opacity:.34;
}

.inTaketomiGuideHero__media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  filter:brightness(.74) saturate(.86) contrast(1.03);
}

.inTaketomiGuideHero__overlay{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:
    linear-gradient(
      90deg,
      rgba(7,24,39,.94) 0%,
      rgba(7,24,39,.79) 38%,
      rgba(7,24,39,.4) 72%,
      rgba(7,24,39,.12) 100%
    ),
    linear-gradient(
      180deg,
      rgba(7,24,39,.05) 0%,
      rgba(7,24,39,.08) 55%,
      rgba(7,24,39,.58) 100%
    );
  pointer-events:none;
}

.inTaketomiGuideHero__inner{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  width:min(1380px,calc(100% - 72px));
  min-height:650px;
  margin:0 auto;
  padding:30px 0 35px;
}

.inTaketomiGuideBreadcrumb{
  display:flex;
  align-items:center;
  gap:11px;
  overflow:hidden;
  color:rgba(255,255,255,.58);
  font-family:var(--tg-serif)!important;
  font-size:.51rem;
  white-space:nowrap;
}

.inTaketomiGuideBreadcrumb a{
  color:inherit!important;
}

.inTaketomiGuideBreadcrumb > span:not(:last-child){
  width:22px;
  height:1px;
  background:var(--tg-gold);
}

.inTaketomiGuideHero__copy{
  align-self:center;
  width:min(830px,84%);
  padding:45px 0;
}

.inTaketomiGuideHero__pageName{
  margin:0!important;
  color:rgba(255,255,255,.8);
  font-family:var(--tg-serif)!important;
  font-size:.75rem;
}

.inTaketomiGuideHero__en{
  margin:8px 0 0!important;
  color:var(--tg-gold-light);
  font-family:Georgia,serif!important;
  font-size:.54rem;
  letter-spacing:.19em;
}

body .inTaketomiGuide .inTaketomiGuideHero h1{
  margin:25px 0 0!important;
  color:#fff!important;
  font-size:clamp(2rem,3.15vw,3.15rem)!important;
  line-height:1.45!important;
}

.inTaketomiGuideHero__catch{
  margin:20px 0 0!important;
  color:#fff;
  font-family:var(--tg-serif)!important;
  font-size:clamp(1rem,1.45vw,1.25rem);
  line-height:1.9;
}

.inTaketomiGuideHero__lead{
  max-width:690px;
  margin:19px 0 0!important;
  color:rgba(255,255,255,.72);
  font-size:.79rem;
  line-height:2.05;
}

.inTaketomiGuideHero__scroll{
  display:inline-flex;
  width:fit-content;
  align-items:center;
  gap:17px;
  margin-top:29px;
  color:#fff!important;
  font-family:Georgia,serif!important;
  font-size:.5rem;
  letter-spacing:.16em;
}

.inTaketomiGuideHero__scroll i{
  position:relative;
  width:49px;
  height:7px;
}

.inTaketomiGuideHero__scroll i::before{
  content:"";
  position:absolute;
  top:3px;
  left:0;
  width:100%;
  height:1px;
  background:var(--tg-gold);
}

.inTaketomiGuideHero__scroll i::after{
  content:"";
  position:absolute;
  top:1px;
  right:0;
  width:5px;
  height:5px;
  border-top:1px solid var(--tg-gold);
  border-right:1px solid var(--tg-gold);
  transform:rotate(45deg);
}

.inTaketomiGuideHero__foot{
  display:flex;
  justify-content:space-between;
  color:rgba(255,255,255,.4);
  font-family:Georgia,serif!important;
  font-size:.44rem;
  letter-spacing:.14em;
}

/* QUICK */
.inTaketomiGuideSummary{
  padding:112px 0 118px;
  background:#fff;
}

.inTaketomiGuideSummary__layout{
  display:grid;
  grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);
  gap:clamp(60px,8vw,110px);
}

.inTaketomiGuideLead h2,
.inTaketomiGuideContents h2,
.inTaketomiGuideSectionHead h2,
.inTaketomiGuideFaqHead h2,
.inTaketomiGuideEnding h2,
.inTaketomiGuideRelated h2{
  margin:14px 0 0!important;
  color:var(--tg-navy)!important;
  font-size:clamp(1.5rem,2.25vw,2rem)!important;
  line-height:1.7!important;
}

.inTaketomiGuideSummary__intro{
  font-size:.82rem;
  line-height:2.08;
}

.inTaketomiGuideSummary__intro p{ margin:0!important; }
.inTaketomiGuideSummary__intro p+p{ margin-top:1.25em!important; }

.inTaketomiGuideSummary__strong{
  color:var(--tg-navy);
  font-family:var(--tg-serif)!important;
  font-size:.98rem;
  line-height:2;
}

.inTaketomiGuideFacts{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1px;
  margin-top:67px;
  background:var(--tg-border);
}

.inTaketomiGuideFacts article{
  min-height:195px;
  padding:28px 26px 31px;
  background:var(--tg-ivory);
}

.inTaketomiGuideFacts small{
  color:var(--tg-gold);
  font-family:Georgia,serif!important;
  font-size:.46rem;
  letter-spacing:.15em;
}

.inTaketomiGuideFacts strong{
  display:block;
  margin-top:22px;
  color:var(--tg-navy);
  font-family:var(--tg-serif)!important;
  font-size:.96rem;
  font-weight:500;
}

.inTaketomiGuideFacts p{
  margin:13px 0 0!important;
  font-size:.68rem;
  line-height:1.9;
}

.inTaketomiGuideUpdate{
  display:grid;
  grid-template-columns:155px minmax(0,1fr);
  gap:28px;
  width:min(870px,100%);
  margin:46px auto 0;
  padding-top:27px;
  border-top:1px solid var(--tg-border);
}

.inTaketomiGuideUpdate span{
  color:var(--tg-gold);
  font-family:Georgia,serif!important;
  font-size:.48rem;
  letter-spacing:.13em;
}

.inTaketomiGuideUpdate p{
  margin:0!important;
  font-size:.66rem;
  line-height:1.9;
}

/* CONTENTS */
.inTaketomiGuideContents{
  padding:92px 0 100px;
  background:var(--tg-soft);
}

.inTaketomiGuideContents__head{
  max-width:720px;
  margin:0 auto;
  text-align:center;
}

.inTaketomiGuideContents__head > p:last-child{
  margin:18px 0 0!important;
  font-size:.73rem;
  line-height:1.9;
}

.inTaketomiGuideContents__details{
  margin-top:42px;
}

.inTaketomiGuideContents__details > summary{
  display:none;
}

.inTaketomiGuideContents__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1px;
  background:var(--tg-border);
}

.inTaketomiGuideContents__grid a{
  position:relative;
  min-height:132px;
  padding:24px 23px 30px;
  background:#fff;
  color:inherit!important;
}

.inTaketomiGuideContents__grid a span{
  color:var(--tg-gold);
  font-family:Georgia,serif!important;
  font-size:.48rem;
}

.inTaketomiGuideContents__grid a small{
  display:block;
  margin-top:9px;
  color:var(--tg-muted);
  font-size:.41rem;
  letter-spacing:.13em;
}

.inTaketomiGuideContents__grid a strong{
  display:block;
  margin-top:8px;
  color:var(--tg-navy);
  font-family:var(--tg-serif)!important;
  font-size:.77rem;
  font-weight:500;
  line-height:1.65;
}

.inTaketomiGuideContents__grid a::after{
  content:"";
  position:absolute;
  right:20px;
  bottom:19px;
  width:22px;
  height:1px;
  background:var(--tg-gold);
}

/* CHAPTER */
.inTaketomiGuideChapter{
  position:relative;
  overflow:hidden;
}

.inTaketomiGuideChapter--light{
  background:var(--tg-soft);
}

.inTaketomiGuideChapter--navy{
  background:var(--tg-deep);
}

.inTaketomiGuideChapter__inner{
  display:grid;
  grid-template-columns:210px minmax(0,1fr);
  gap:clamp(50px,7vw,105px);
  align-items:center;
  min-height:355px;
  padding:74px 0 78px;
}

.inTaketomiGuideChapter__number{
  position:relative;
  padding-left:4px;
}

.inTaketomiGuideChapter__number small{
  display:block;
  color:var(--tg-gold);
  font-family:Georgia,serif!important;
  font-size:.46rem;
  letter-spacing:.2em;
}

.inTaketomiGuideChapter__number strong{
  display:block;
  margin-top:8px;
  color:rgba(16,41,67,.105);
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:7.5rem;
  font-weight:400;
  line-height:.88;
}

.inTaketomiGuideChapter--navy
.inTaketomiGuideChapter__number strong{
  color:rgba(255,255,255,.08);
}

.inTaketomiGuideChapter__copy{
  max-width:740px;
}

.inTaketomiGuideChapter__copy > p{
  margin:0!important;
  color:var(--tg-gold);
  font-family:Georgia,serif!important;
  font-size:.51rem;
  letter-spacing:.2em;
}

.inTaketomiGuideChapter__copy h2{
  margin:16px 0 0!important;
  color:var(--tg-navy)!important;
  font-size:clamp(1.65rem,2.5vw,2.25rem)!important;
  line-height:1.7!important;
}

.inTaketomiGuideChapter__copy span{
  display:block;
  max-width:590px;
  margin-top:20px;
  color:var(--tg-text);
  font-family:var(--tg-serif)!important;
  font-size:.79rem;
  line-height:2;
}

.inTaketomiGuideChapter--navy
.inTaketomiGuideChapter__copy h2{
  color:#fff!important;
}

.inTaketomiGuideChapter--navy
.inTaketomiGuideChapter__copy span{
  color:rgba(255,255,255,.58);
}

/* SECTION */
.inTaketomiGuideSection{
  padding:116px 0 126px;
  scroll-margin-top:35px;
}

.inTaketomiGuideSection--white{ background:#fff; }
.inTaketomiGuideSection--ivory{ background:var(--tg-ivory); }

.inTaketomiGuideSection--navy{
  background:var(--tg-navy);
  color:#fff;
}

.inTaketomiGuideSectionHead{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(300px,.8fr);
  gap:clamp(45px,6vw,78px);
  align-items:start;
  margin-bottom:61px;
}

.inTaketomiGuideSectionHead > p{
  margin:5px 0 0!important;
  color:var(--tg-navy);
  font-family:var(--tg-serif)!important;
  font-size:.91rem;
  line-height:1.9;
}

.inTaketomiGuideStandaloneTitle{
  margin:14px 0 0!important;
  color:var(--tg-navy)!important;
  font-size:clamp(1.48rem,2.25vw,2rem)!important;
  line-height:1.75!important;
}

/* EDITORIAL */
.inTaketomiGuideEditorial{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(350px,.88fr);
  overflow:hidden;
  background:var(--tg-ivory);
}

.inTaketomiGuideEditorial__media{
  position:relative;
  min-height:560px;
  overflow:hidden;
}

.inTaketomiGuideEditorial__media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover;
}

.inTaketomiGuideEditorial__body{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:43px 42px;
}

.inTaketomiGuideEditorial__body h3{
  margin:16px 0 0!important;
  font-size:clamp(1.28rem,1.8vw,1.55rem)!important;
  line-height:1.75;
}

.inTaketomiGuideEditorial__body
> p:not(.inTaketomiGuideLabel){
  margin:17px 0 0!important;
  font-size:.74rem;
  line-height:2;
}

.inTaketomiGuideEditorial--reverse{
  grid-template-columns:minmax(350px,.88fr) minmax(0,1.12fr);
}

.inTaketomiGuideEditorial--reverse
.inTaketomiGuideEditorial__media{
  grid-column:2;
  grid-row:1;
}

.inTaketomiGuideEditorial--reverse
.inTaketomiGuideEditorial__body{
  grid-column:1;
  grid-row:1;
}

.inTaketomiGuideAboutPoints{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;
  margin-top:40px;
  background:var(--tg-border);
}

.inTaketomiGuideAboutPoints article{
  min-height:190px;
  padding:27px 26px 30px;
  background:#fff;
}

.inTaketomiGuideAboutPoints span{
  color:var(--tg-gold);
  font-family:Georgia,serif!important;
  font-size:.48rem;
}

.inTaketomiGuideAboutPoints h3{
  margin:20px 0 0!important;
  font-size:.95rem!important;
}

.inTaketomiGuideAboutPoints p{
  margin:13px 0 0!important;
  font-size:.69rem;
  line-height:1.9;
}

/* NAVY CONTENT */
.inTaketomiGuideSection--navy h2{
  margin:14px 0 0!important;
  color:#fff!important;
  font-size:clamp(1.48rem,2.25vw,2rem)!important;
  line-height:1.75!important;
}

.inTaketomiGuideArticleText{
  margin-top:37px;
}

.inTaketomiGuideArticleText p{
  margin:0!important;
  color:rgba(255,255,255,.7);
  font-size:.78rem;
  line-height:2.08;
}

.inTaketomiGuideArticleText p+p{
  margin-top:1.35em!important;
}

.inTaketomiGuideDarkPoints{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;
  margin-top:55px;
  background:rgba(255,255,255,.1);
}

.inTaketomiGuideDarkPoints article{
  min-height:175px;
  padding:25px 24px 28px;
  background:rgba(255,255,255,.055);
}

.inTaketomiGuideDarkPoints span{
  color:var(--tg-gold-light);
  font-family:Georgia,serif!important;
  font-size:.43rem;
  letter-spacing:.12em;
}

.inTaketomiGuideDarkPoints strong{
  display:block;
  margin-top:19px;
  color:#fff;
  font-family:var(--tg-serif)!important;
  font-size:.92rem;
  font-weight:500;
}

.inTaketomiGuideDarkPoints p{
  margin:12px 0 0!important;
  color:rgba(255,255,255,.58);
  font-size:.66rem;
  line-height:1.85;
}

/* PURPOSE */
.inTaketomiGuidePurpose{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;
  background:var(--tg-border);
}

.inTaketomiGuidePurpose article{
  min-height:245px;
  padding:28px 27px 32px;
  background:#fff;
}

.inTaketomiGuidePurpose span{
  color:rgba(16,41,67,.15);
  font-family:Georgia,serif!important;
  font-size:1.7rem;
}

.inTaketomiGuidePurpose small{
  display:block;
  margin-top:10px;
  color:var(--tg-gold);
  font-family:Georgia,serif!important;
  font-size:.42rem;
  letter-spacing:.12em;
}

.inTaketomiGuidePurpose h3{
  margin:20px 0 0!important;
  font-size:.97rem!important;
}

.inTaketomiGuidePurpose p{
  margin:14px 0 0!important;
  font-size:.69rem;
  line-height:1.92;
}

.inTaketomiGuideNote{
  width:min(870px,100%);
  margin:52px auto 0;
  padding:26px 28px;
  border-top:1px solid var(--tg-gold);
  background:#fff;
}

.inTaketomiGuideNote strong{
  color:var(--tg-gold);
  font-family:Georgia,serif!important;
  font-size:.46rem;
  letter-spacing:.14em;
}

.inTaketomiGuideNote p{
  margin:12px 0 0!important;
  font-size:.68rem;
  line-height:1.95;
}

/* PLACES */
.inTaketomiGuidePlaceList{
  display:flex;
  flex-direction:column;
  gap:52px;
}

.inTaketomiGuidePlace{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);
  overflow:hidden;
  background:var(--tg-ivory);
}

.inTaketomiGuidePlace--reverse{
  grid-template-columns:minmax(340px,.85fr) minmax(0,1.15fr);
}

.inTaketomiGuidePlace--reverse
.inTaketomiGuidePlace__media,
.inTaketomiGuidePlace--reverse
.inTaketomiGuidePlace__simpleMedia{
  grid-column:2;
  grid-row:1;
}

.inTaketomiGuidePlace--reverse
.inTaketomiGuidePlace__body{
  grid-column:1;
  grid-row:1;
}

.inTaketomiGuidePlace__media{
  min-height:430px;
}

.inTaketomiGuidePlace__media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover;
}

.inTaketomiGuidePlace__simpleMedia{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:360px;
  background:var(--tg-navy);
}

.inTaketomiGuidePlace__simpleMedia span{
  color:rgba(255,255,255,.45);
  font-family:Georgia,serif!important;
  font-size:.56rem;
  letter-spacing:.18em;
}

.inTaketomiGuidePlace__body{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:42px 39px;
}

.inTaketomiGuidePlace__body > span{
  color:var(--tg-gold);
  font-family:Georgia,serif!important;
  font-size:.46rem;
  letter-spacing:.13em;
}

.inTaketomiGuidePlace__body h3{
  margin:18px 0 0!important;
  font-size:1.25rem!important;
  line-height:1.7!important;
}

.inTaketomiGuidePlace__body p{
  margin:16px 0 0!important;
  font-size:.72rem;
  line-height:2;
}

/* LIGHT TEXT */
.inTaketomiGuideLightText{
  margin-top:37px;
}

.inTaketomiGuideLightText p{
  margin:0!important;
  font-size:.78rem;
  line-height:2.08;
}

.inTaketomiGuideLightText p+p{
  margin-top:1.35em!important;
}

/* TIME GRID */
.inTaketomiGuideTimeGrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  margin-top:50px;
  background:rgba(255,255,255,.1);
}

.inTaketomiGuideTimeGrid article{
  min-height:240px;
  padding:29px 28px 33px;
  background:rgba(255,255,255,.055);
}

.inTaketomiGuideTimeGrid small{
  color:var(--tg-gold-light);
  font-family:Georgia,serif!important;
  font-size:.43rem;
  letter-spacing:.13em;
}

.inTaketomiGuideTimeGrid strong{
  display:block;
  margin-top:16px;
  color:#fff;
  font-family:Georgia,serif!important;
  font-size:1.8rem;
  font-weight:400;
}

.inTaketomiGuideTimeGrid h3{
  margin:17px 0 0!important;
  color:#fff!important;
  font-size:.91rem!important;
}

.inTaketomiGuideTimeGrid p{
  margin:12px 0 0!important;
  color:rgba(255,255,255,.62);
  font-size:.68rem;
  line-height:1.9;
}

/* TIMELINE */
.inTaketomiGuideTimeline{
  position:relative;
  width:min(930px,100%);
  margin:0 auto;
}

.inTaketomiGuideTimeline::before{
  content:"";
  position:absolute;
  top:7px;
  bottom:7px;
  left:119px;
  width:1px;
  background:var(--tg-border);
}

.inTaketomiGuideTimeline article{
  position:relative;
  display:grid;
  grid-template-columns:90px minmax(0,1fr);
  gap:56px;
  padding:0 0 45px;
}

.inTaketomiGuideTimeline article:last-child{
  padding-bottom:0;
}

.inTaketomiGuideTimeline article::before{
  content:"";
  position:absolute;
  top:7px;
  left:115px;
  width:9px;
  height:9px;
  border:2px solid var(--tg-gold);
  background:var(--tg-ivory);
  border-radius:50%;
}

.inTaketomiGuideTimeline time{
  color:var(--tg-gold);
  font-family:Georgia,serif!important;
  font-size:.78rem;
  letter-spacing:.08em;
}

.inTaketomiGuideTimeline small{
  color:var(--tg-muted);
  font-family:Georgia,serif!important;
  font-size:.42rem;
  letter-spacing:.13em;
}

.inTaketomiGuideTimeline h3{
  margin:9px 0 0!important;
  font-size:1rem!important;
}

.inTaketomiGuideTimeline p{
  max-width:660px;
  margin:10px 0 0!important;
  font-size:.7rem;
  line-height:1.95;
}

.inTaketomiGuidePlanNote{
  width:min(830px,100%);
  margin:61px auto 0;
  padding-top:27px;
  border-top:1px solid var(--tg-border);
}

.inTaketomiGuidePlanNote small{
  color:var(--tg-gold);
  font-family:Georgia,serif!important;
  font-size:.46rem;
  letter-spacing:.13em;
}

.inTaketomiGuidePlanNote p{
  margin:12px 0 0!important;
  font-size:.66rem;
  line-height:1.95;
}

/* FAQ */
.inTaketomiGuideFaqSection{
  padding:108px 0 116px;
  background:#fff;
}

.inTaketomiGuideFaqHead{
  margin-bottom:42px;
}

.inTaketomiGuideFaq{
  border-top:1px solid var(--tg-border);
}

.inTaketomiGuideFaq details{
  border-bottom:1px solid var(--tg-border);
}

.inTaketomiGuideFaq summary{
  display:flex!important;
  min-height:73px;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:18px 2px!important;
  color:var(--tg-navy);
  font-family:var(--tg-serif)!important;
  font-size:.83rem!important;
  cursor:pointer;
  list-style:none;
}

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

.inTaketomiGuideFaq summary i{
  position:relative;
  flex:0 0 auto;
  width:20px;
  height:20px;
}

.inTaketomiGuideFaq summary i::before,
.inTaketomiGuideFaq summary i::after{
  content:"";
  position:absolute;
  top:10px;
  left:4px;
  width:12px;
  height:1px;
  background:var(--tg-gold);
}

.inTaketomiGuideFaq summary i::after{
  transform:rotate(90deg);
}

.inTaketomiGuideFaq details[open]
summary i::after{
  transform:none;
}

.inTaketomiGuideFaq details > div{
  padding:0 45px 24px 2px;
}

.inTaketomiGuideFaq p{
  margin:0!important;
  font-size:.72rem;
  line-height:2;
}

/* ENDING */
.inTaketomiGuideEnding{
  padding:115px 0 123px;
  background:var(--tg-deep);
}

.inTaketomiGuideEnding h2{
  max-width:780px;
  color:#fff!important;
}

.inTaketomiGuideEnding__body{
  margin-top:30px;
}

.inTaketomiGuideEnding__body p{
  max-width:690px;
  margin:0!important;
  color:rgba(255,255,255,.68);
  font-size:.77rem;
  line-height:2.06;
}

.inTaketomiGuideEnding__body p+p{
  margin-top:1.35em!important;
}

.inTaketomiGuideEnding__last{
  width:min(720px,100%);
  margin:45px 0 0!important;
  padding-top:28px;
  border-top:1px solid rgba(185,156,105,.45);
  color:#fff;
  font-family:var(--tg-serif)!important;
  font-size:clamp(1.02rem,1.45vw,1.23rem);
  line-height:2;
}

/* RELATED */
.inTaketomiGuideRelated{
  padding:100px 0 108px;
  background:#fff;
}

.inTaketomiGuideRelated__head{
  margin-bottom:39px;
}

.inTaketomiGuideRelated__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1px;
  background:var(--tg-border);
}

.inTaketomiGuideRelated__grid a{
  position:relative;
  min-height:210px;
  padding:28px 26px 32px;
  background:var(--tg-ivory);
  color:inherit!important;
}

.inTaketomiGuideRelated__grid span{
  color:var(--tg-gold);
  font-family:Georgia,serif!important;
  font-size:.49rem;
}

.inTaketomiGuideRelated__grid small{
  display:block;
  margin-top:8px;
  color:var(--tg-muted);
  font-size:.41rem;
  letter-spacing:.12em;
}

.inTaketomiGuideRelated__grid h3{
  margin:20px 0 0!important;
  font-size:.96rem!important;
  line-height:1.7!important;
}

.inTaketomiGuideRelated__grid p{
  margin:12px 0 0!important;
  font-size:.68rem;
  line-height:1.9;
}

.inTaketomiGuideRelated__grid i{
  position:absolute;
  right:25px;
  bottom:25px;
  width:27px;
  height:7px;
}

.inTaketomiGuideRelated__grid i::before{
  content:"";
  position:absolute;
  top:3px;
  left:0;
  width:100%;
  height:1px;
  background:var(--tg-gold);
}

.inTaketomiGuideRelated__grid i::after{
  content:"";
  position:absolute;
  top:1px;
  right:0;
  width:5px;
  height:5px;
  border-top:1px solid var(--tg-gold);
  border-right:1px solid var(--tg-gold);
  transform:rotate(45deg);
}

/* DISCLAIMER */
.inTaketomiGuideDisclaimer{
  width:min(1180px,calc(100% - 72px));
  margin:0 auto!important;
  padding:26px 0 34px;
  color:var(--tg-muted);
  font-size:.6rem;
  line-height:1.9;
}

/* REVEAL */
.js-taketomiReveal,
.js-taketomiRevealGroup > *{
  opacity:1;
  transform:none;
}

.in-taketomi-guide-js
.inTaketomiGuide
.js-taketomiReveal,
.in-taketomi-guide-js
.inTaketomiGuide
.js-taketomiRevealGroup > *{
  opacity:0;
  transform:translateY(19px);
  transition:
    opacity .78s ease var(--taketomi-delay,0ms),
    transform .78s cubic-bezier(.22,1,.36,1)
    var(--taketomi-delay,0ms);
}

.in-taketomi-guide-js
.inTaketomiGuide
.is-visible{
  opacity:1!important;
  transform:none!important;
}

/* HOVER */
@media(hover:hover){
  .inTaketomiGuideContents__grid a:hover,
  .inTaketomiGuideRelated__grid a:hover{
    background:#fff;
  }
}

/* TABLET */
@media screen and (max-width:1024px){

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

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

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

/* SMALL TABLET */
@media screen and (max-width:900px){

  .inTaketomiGuide__wide,
  .inTaketomiGuide__article{
    width:calc(100% - 54px);
  }

  .inTaketomiGuideHero__inner{
    width:calc(100% - 54px);
  }

  .inTaketomiGuideSummary__layout,
  .inTaketomiGuideSectionHead,
  .inTaketomiGuideEditorial,
  .inTaketomiGuideEditorial--reverse,
  .inTaketomiGuidePlace,
  .inTaketomiGuidePlace--reverse{
    grid-template-columns:1fr;
  }

  .inTaketomiGuideEditorial--reverse
  .inTaketomiGuideEditorial__media,
  .inTaketomiGuideEditorial--reverse
  .inTaketomiGuideEditorial__body,
  .inTaketomiGuidePlace--reverse
  .inTaketomiGuidePlace__media,
  .inTaketomiGuidePlace--reverse
  .inTaketomiGuidePlace__simpleMedia,
  .inTaketomiGuidePlace--reverse
  .inTaketomiGuidePlace__body{
    grid-column:auto;
    grid-row:auto;
  }

  .inTaketomiGuideEditorial__media,
  .inTaketomiGuidePlace__media{
    min-height:0;
    aspect-ratio:4/3;
  }

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

  .inTaketomiGuideChapter__inner{
    grid-template-columns:155px minmax(0,1fr);
    gap:45px;
  }

  .inTaketomiGuideChapter__number strong{
    font-size:5.8rem;
  }
}

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

  .inTaketomiGuide{
    font-size:15px;
  }

  .inTaketomiGuide__wide,
  .inTaketomiGuide__article{
    width:calc(100% - 34px);
  }

  .inTaketomiGuideHero,
  .inTaketomiGuideHero__inner{
    min-height:610px;
  }

  .inTaketomiGuideHero__inner{
    width:calc(100% - 34px);
    padding:45px 0 29px;
  }

  .inTaketomiGuideHero__copy{
    width:100%;
    align-self:end;
    padding:35px 0 26px;
  }

  body
  .inTaketomiGuide
  .inTaketomiGuideHero h1{
    font-size:clamp(1.65rem,8vw,2.1rem)!important;
    line-height:1.5!important;
  }

  .inTaketomiGuideHero__catch{
    margin-top:18px!important;
    font-size:.95rem;
  }

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

  .inTaketomiGuideHero__foot{
    display:none;
  }

  .inTaketomiGuideHero__overlay{
    background:
      linear-gradient(
        180deg,
        rgba(7,24,39,.08) 0%,
        rgba(7,24,39,.35) 40%,
        rgba(7,24,39,.96) 100%
      );
  }

  .inTaketomiGuideSummary{
    padding:76px 0 82px;
  }

  .inTaketomiGuideSummary__layout{
    gap:31px;
  }

  .inTaketomiGuideLead h2,
  .inTaketomiGuideContents h2,
  .inTaketomiGuideSectionHead h2,
  .inTaketomiGuideFaqHead h2,
  .inTaketomiGuideEnding h2,
  .inTaketomiGuideRelated h2{
    font-size:1.32rem!important;
    line-height:1.72!important;
  }

  .inTaketomiGuideSummary__intro{
    font-size:.77rem;
  }

  .inTaketomiGuideSummary__strong{
    font-size:.9rem;
  }

  .inTaketomiGuideFacts{
    grid-template-columns:1fr;
    margin-top:43px;
  }

  .inTaketomiGuideFacts article{
    min-height:0;
    padding:24px 22px 27px;
  }

  .inTaketomiGuideUpdate{
    grid-template-columns:1fr;
    gap:11px;
    margin-top:35px;
  }

  .inTaketomiGuideContents{
    padding:70px 0 76px;
  }

  .inTaketomiGuideContents__head{
    text-align:left;
  }

  .inTaketomiGuideContents__details{
    margin-top:27px;
  }

  .inTaketomiGuideContents__details > summary{
    display:flex;
    min-height:54px;
    align-items:center;
    justify-content:space-between;
    padding:14px 16px!important;
    background:#fff;
    color:var(--tg-navy);
    font-family:var(--tg-serif)!important;
    font-size:.71rem;
  }

  .inTaketomiGuideContents__details > summary i{
    position:relative;
    width:18px;
    height:18px;
  }

  .inTaketomiGuideContents__details > summary i::before,
  .inTaketomiGuideContents__details > summary i::after{
    content:"";
    position:absolute;
    top:8px;
    left:3px;
    width:12px;
    height:1px;
    background:var(--tg-gold);
  }

  .inTaketomiGuideContents__details > summary i::after{
    transform:rotate(90deg);
  }

  .inTaketomiGuideContents__details[open] > summary i::after{
    transform:none;
  }

  .inTaketomiGuideContents__grid{
    grid-template-columns:1fr;
    padding-top:7px;
  }

  .inTaketomiGuideContents__grid a{
    min-height:96px;
    padding:21px 21px 26px;
  }

  .inTaketomiGuideChapter__inner{
    grid-template-columns:1fr;
    gap:10px;
    min-height:0;
    padding:58px 0 63px;
  }

  .inTaketomiGuideChapter__number{
    display:flex;
    align-items:flex-end;
    gap:12px;
  }

  .inTaketomiGuideChapter__number small{
    margin-bottom:7px;
    font-size:.4rem;
  }

  .inTaketomiGuideChapter__number strong{
    margin:0;
    font-size:3.3rem;
    line-height:1;
  }

  .inTaketomiGuideChapter__copy{
    margin-top:5px;
  }

  .inTaketomiGuideChapter__copy > p{
    font-size:.43rem;
  }

  .inTaketomiGuideChapter__copy h2{
    margin-top:12px!important;
    font-size:1.37rem!important;
    line-height:1.72!important;
  }

  .inTaketomiGuideChapter__copy span{
    margin-top:14px;
    font-size:.7rem;
    line-height:1.9;
  }

  .inTaketomiGuideSection{
    padding:76px 0 82px;
  }

  .inTaketomiGuideSectionHead{
    gap:23px;
    margin-bottom:41px;
  }

  .inTaketomiGuideSectionHead > p{
    font-size:.79rem;
  }

  .inTaketomiGuideStandaloneTitle,
  .inTaketomiGuideSection--navy h2{
    font-size:1.32rem!important;
  }

  .inTaketomiGuideEditorial__body,
  .inTaketomiGuidePlace__body{
    padding:29px 23px 33px;
  }

  .inTaketomiGuideEditorial__body h3,
  .inTaketomiGuidePlace__body h3{
    font-size:1.19rem!important;
  }

  .inTaketomiGuideEditorial__body
  > p:not(.inTaketomiGuideLabel){
    font-size:.72rem;
  }

  .inTaketomiGuideAboutPoints article{
    min-height:0;
    padding:25px 22px 28px;
  }

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

  .inTaketomiGuidePurpose article{
    min-height:0;
    padding:25px 22px 29px;
  }

  .inTaketomiGuideArticleText p,
  .inTaketomiGuideLightText p{
    font-size:.73rem;
  }

  .inTaketomiGuideDarkPoints,
  .inTaketomiGuideTimeGrid{
    grid-template-columns:1fr;
    margin-top:42px;
  }

  .inTaketomiGuideDarkPoints article,
  .inTaketomiGuideTimeGrid article{
    min-height:0;
    padding:24px 22px 27px;
  }

  .inTaketomiGuidePlaceList{
    gap:34px;
  }

  .inTaketomiGuideTimeline::before{
    left:72px;
  }

  .inTaketomiGuideTimeline article{
    grid-template-columns:53px minmax(0,1fr);
    gap:38px;
    padding-bottom:36px;
  }

  .inTaketomiGuideTimeline article::before{
    left:68px;
  }

  .inTaketomiGuideTimeline time{
    font-size:.67rem;
  }

  .inTaketomiGuideFaqSection{
    padding:76px 0 82px;
  }

  .inTaketomiGuideFaqHead{
    margin-bottom:31px;
  }

  .inTaketomiGuideFaq summary{
    min-height:65px;
    padding:15px 2px!important;
    font-size:.77rem!important;
  }

  .inTaketomiGuideFaq details > div{
    padding:0 31px 21px 2px;
  }

  .inTaketomiGuideEnding{
    padding:82px 0 88px;
  }

  .inTaketomiGuideEnding__body p{
    font-size:.73rem;
  }

  .inTaketomiGuideEnding__last{
    margin-top:35px!important;
    font-size:.96rem;
  }

  .inTaketomiGuideRelated{
    padding:75px 0 81px;
  }

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

  .inTaketomiGuideRelated__grid a{
    min-height:170px;
    padding:24px 22px 28px;
  }

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

/* SMALL PHONE */
@media screen and (max-width:374px){
  body
  .inTaketomiGuide
  .inTaketomiGuideHero h1{
    font-size:1.55rem!important;
  }
}

/* ELEMENTOR */
.elementor-widget-html:has(.inTaketomiGuide){
  margin:0!important;
}

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

/* FOCUS */
.inTaketomiGuide
:is(a,summary):focus-visible{
  outline:2px solid var(--tg-gold)!important;
  outline-offset:4px!important;
}

/* REDUCED MOTION */
@media(prefers-reduced-motion:reduce){

  .inTaketomiGuide *,
  .inTaketomiGuide *::before,
  .inTaketomiGuide *::after{
    animation:none!important;
    transition:none!important;
    scroll-behavior:auto!important;
  }

  .in-taketomi-guide-js
  .inTaketomiGuide
  .js-taketomiReveal,
  .in-taketomi-guide-js
  .inTaketomiGuide
  .js-taketomiRevealGroup > *{
    opacity:1!important;
    transform:none!important;
  }
}


/* =========================================================
   FLOATING CHAPTER NAV
========================================================= */

.inTaketomiGuideFloatChapter{
  position:fixed;
  left:28px;
  bottom:30px;
  z-index:80;
  display:grid;
  grid-template-columns:auto auto;
  grid-template-areas:
    "eyebrow number"
    "line line"
    "title title";
  align-items:end;
  gap:0 9px;
  width:150px;
  padding:15px 15px 14px;
  border:1px solid rgba(185,156,105,.24);
  background:rgba(7,24,39,.92);
  box-shadow:0 12px 34px rgba(7,24,39,.13);
  opacity:0;
  transform:translateY(8px);
  pointer-events:none;
  transition:opacity .35s ease,transform .35s ease;
  backdrop-filter:blur(8px);
}

.inTaketomiGuideFloatChapter.is-active{
  opacity:1;
  transform:none;
}

.inTaketomiGuideFloatChapter__eyebrow{
  grid-area:eyebrow;
  padding-bottom:3px;
  color:var(--tg-gold-light);
  font-family:Georgia,serif!important;
  font-size:.38rem;
  letter-spacing:.17em;
}

.inTaketomiGuideFloatChapter strong{
  grid-area:number;
  justify-self:end;
  color:#fff;
  font-family:Georgia,serif!important;
  font-size:1.05rem;
  font-weight:400;
  line-height:1;
}

.inTaketomiGuideFloatChapter__line{
  grid-area:line;
  display:block;
  width:100%;
  height:1px;
  margin:9px 0 10px;
  background:rgba(185,156,105,.38);
}

.inTaketomiGuideFloatChapter p{
  grid-area:title;
  margin:0!important;
  color:rgba(255,255,255,.74);
  font-family:var(--tg-serif)!important;
  font-size:.61rem;
  line-height:1.6;
}


/* =========================================================
   PRACTICAL / PORT GUIDE
========================================================= */

.inTaketomiGuidePractical{
  padding:100px 0 108px;
  background:#fff;
}

.inTaketomiGuidePractical__head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);
  gap:50px 70px;
  align-items:end;
  margin-bottom:44px;
}

.inTaketomiGuidePractical__head .inTaketomiGuideLabel{
  grid-column:1/-1;
}

.inTaketomiGuidePractical__head h2{
  margin:0!important;
  color:var(--tg-navy)!important;
  font-size:clamp(1.5rem,2.2vw,1.95rem)!important;
  line-height:1.7!important;
}

.inTaketomiGuidePractical__head > p:last-child{
  margin:0!important;
  font-size:.74rem;
  line-height:1.95;
}

.inTaketomiGuidePractical__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  background:var(--tg-border);
}

.inTaketomiGuidePractical__grid article{
  min-height:245px;
  padding:29px 28px 32px;
  background:var(--tg-ivory);
}

.inTaketomiGuidePractical__grid small{
  color:var(--tg-gold);
  font-family:Georgia,serif!important;
  font-size:.43rem;
  letter-spacing:.13em;
}

.inTaketomiGuidePractical__grid h3{
  margin:20px 0 0!important;
  font-size:.99rem!important;
}

.inTaketomiGuidePractical__grid p{
  margin:14px 0 0!important;
  font-size:.69rem;
  line-height:1.95;
}

.inTaketomiGuidePractical__note{
  display:grid;
  grid-template-columns:145px minmax(0,1fr);
  gap:26px;
  width:min(880px,100%);
  margin:42px auto 0;
  padding-top:26px;
  border-top:1px solid var(--tg-border);
}

.inTaketomiGuidePractical__note span{
  color:var(--tg-gold);
  font-family:Georgia,serif!important;
  font-size:.44rem;
  letter-spacing:.14em;
}

.inTaketomiGuidePractical__note p{
  margin:0!important;
  font-family:var(--tg-serif)!important;
  font-size:.72rem;
  line-height:2;
}


/* =========================================================
   ROUTE / FIRST 30 MINUTES
========================================================= */

.inTaketomiGuideRoute{
  padding:104px 0 112px;
  background:var(--tg-soft);
}

.inTaketomiGuideRoute__intro{
  max-width:760px;
}

.inTaketomiGuideRoute__intro h2{
  margin:14px 0 0!important;
  color:var(--tg-navy)!important;
  font-size:clamp(1.5rem,2.25vw,2rem)!important;
  line-height:1.7!important;
}

.inTaketomiGuideRoute__intro > p:last-child{
  max-width:680px;
  margin:19px 0 0!important;
  font-size:.75rem;
  line-height:2;
}

.inTaketomiGuideRouteMap{
  display:grid;
  grid-template-columns:
    minmax(130px,1fr) 28px
    minmax(130px,1fr) 28px
    minmax(130px,1fr) 28px
    minmax(130px,1fr) 28px
    minmax(130px,1fr);
  align-items:center;
  gap:6px;
  margin-top:52px;
}

.inTaketomiGuideRouteMap__stop{
  min-height:135px;
  padding:21px 18px;
  border-top:1px solid var(--tg-gold);
  background:#fff;
}

.inTaketomiGuideRouteMap__stop span{
  color:var(--tg-gold);
  font-family:Georgia,serif!important;
  font-size:.42rem;
  letter-spacing:.13em;
}

.inTaketomiGuideRouteMap__stop strong{
  display:block;
  margin-top:15px;
  color:var(--tg-navy);
  font-family:var(--tg-serif)!important;
  font-size:.84rem;
  font-weight:500;
}

.inTaketomiGuideRouteMap__stop small{
  display:block;
  margin-top:8px;
  color:var(--tg-muted);
  font-size:.58rem;
  line-height:1.65;
}

.inTaketomiGuideRouteMap > i{
  position:relative;
  display:block;
  height:1px;
  background:var(--tg-border);
}

.inTaketomiGuideRouteMap > i::after{
  content:"";
  position:absolute;
  top:-3px;
  right:0;
  width:6px;
  height:6px;
  border-top:1px solid var(--tg-gold);
  border-right:1px solid var(--tg-gold);
  transform:rotate(45deg);
}

.inTaketomiGuideRouteTips{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;
  margin-top:38px;
  background:var(--tg-border);
}

.inTaketomiGuideRouteTips article{
  padding:25px 24px 28px;
  background:rgba(255,255,255,.68);
}

.inTaketomiGuideRouteTips small{
  color:var(--tg-gold);
  font-family:Georgia,serif!important;
  font-size:.42rem;
  letter-spacing:.13em;
}

.inTaketomiGuideRouteTips strong{
  display:block;
  margin-top:14px;
  color:var(--tg-navy);
  font-family:var(--tg-serif)!important;
  font-size:.78rem;
  font-weight:500;
}

.inTaketomiGuideRouteTips p{
  margin:10px 0 0!important;
  font-size:.65rem;
  line-height:1.9;
}


/* Floating nav avoidance for narrower desktop */
@media screen and (max-width:1280px){
  .inTaketomiGuideFloatChapter{
    left:14px;
    width:132px;
  }
}

@media screen and (max-width:1100px){
  .inTaketomiGuideFloatChapter{
    display:none;
  }
}

@media screen and (max-width:1024px){
  .inTaketomiGuideRouteMap{
    grid-template-columns:1fr;
    gap:0;
  }

  .inTaketomiGuideRouteMap > i{
    width:1px;
    height:24px;
    margin-left:30px;
    background:var(--tg-border);
  }

  .inTaketomiGuideRouteMap > i::after{
    top:auto;
    right:-3px;
    bottom:0;
    transform:rotate(135deg);
  }
}

@media screen and (max-width:900px){
  .inTaketomiGuidePractical__head{
    grid-template-columns:1fr;
    gap:18px;
  }

  .inTaketomiGuidePractical__head .inTaketomiGuideLabel{
    grid-column:auto;
  }
}

@media screen and (max-width:767px){
  .inTaketomiGuidePractical,
  .inTaketomiGuideRoute{
    padding:76px 0 82px;
  }

  .inTaketomiGuidePractical__grid,
  .inTaketomiGuideRouteTips{
    grid-template-columns:1fr;
  }

  .inTaketomiGuidePractical__grid article{
    min-height:0;
    padding:25px 22px 28px;
  }

  .inTaketomiGuidePractical__note{
    grid-template-columns:1fr;
    gap:10px;
  }

  .inTaketomiGuideRouteMap{
    margin-top:37px;
  }

  .inTaketomiGuideRouteMap__stop{
    min-height:0;
    padding:20px 19px 22px;
  }

  .inTaketomiGuideRouteTips{
    margin-top:28px;
  }

  .inTaketomiGuideRoute__intro h2,
  .inTaketomiGuidePractical__head h2{
    font-size:1.32rem!important;
  }
}


/* v3 editorial refinements */
.inTaketomiGuidePractical__grid--three{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.inTaketomiGuidePractical__grid--three article{
  min-height:230px;
}

@media screen and (max-width:900px){
  .inTaketomiGuidePractical__grid--three{
    grid-template-columns:1fr;
  }

  .inTaketomiGuidePractical__grid--three article{
    min-height:0;
  }
}
/* =========================================================
   EDITORIAL PHILOSOPHY / INTERNAL LINKS
========================================================= */
.inTaketomiGuidePhilosophy{
  width:min(900px,100%);
  margin:50px auto 0;
  padding:34px 38px 36px;
  border-left:3px solid var(--tg-gold);
  background:var(--tg-ivory);
}
.inTaketomiGuidePhilosophy h3{
  margin:13px 0 0!important;
  color:var(--tg-navy)!important;
  font-size:1.12rem!important;
  line-height:1.8!important;
}
.inTaketomiGuidePhilosophy p:not(.inTaketomiGuideLabel){
  margin:16px 0 0!important;
  font-size:.75rem;
  line-height:2;
}
.inTaketomiGuideInlineLinks{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:34px;
}
.inTaketomiGuideInlineLinks a{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:0 16px;
  border:1px solid var(--tg-border)!important;
  background:#fff!important;
  color:var(--tg-navy)!important;
  font-family:var(--tg-serif)!important;
  font-size:.64rem;
  line-height:1.6;
}
.inTaketomiGuideInlineLinks a:hover{
  border-color:var(--tg-gold)!important;
  background:var(--tg-ivory)!important;
}
.inTaketomiGuideInlineLinks--dark a,
.inTaketomiGuideSection--navy .inTaketomiGuideInlineLinks a{
  border-color:rgba(255,255,255,.18)!important;
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
}
.inTaketomiGuideFaq .inTaketomiGuideInlineLinks{margin-top:15px}
@media screen and (max-width:767px){
  .inTaketomiGuidePhilosophy{margin-top:36px;padding:28px 23px 30px}
  .inTaketomiGuideInlineLinks{gap:8px;margin-top:28px}
  .inTaketomiGuideInlineLinks a{width:100%;justify-content:space-between}
}/* End custom CSS */