/* Tourism single: the supplied 1366px / 393px XD, using shared native artwork. */
.saito-tourism-shell .saito-page-heading { margin-bottom:0; }
.saito-tourism-article { display:flow-root; }
.saito-tourism-article-heading { margin-top:88px; margin-bottom:110px; }
.saito-tourism-title { position:relative; width:max-content; max-width:100%; margin:0 auto; padding:18px 32px; color:var(--saito-green); text-align:center; font-size:42px; font-weight:600; line-height:62px; letter-spacing:.05em; }
.saito-tourism-title::before { content:""; position:absolute; inset:-8px 0; pointer-events:none; background:url(../images/heading-corner.svg) left top/46px 16px no-repeat,url(../images/heading-corner-top-right.svg) right top/46px 16px no-repeat,url(../images/heading-corner-bottom-left.svg) left bottom/46px 16px no-repeat,url(../images/heading-corner-bottom-right.svg) right bottom/46px 16px no-repeat; }
.saito-tourism-lead h2 { width:auto; text-align:left; margin:0 0 30px; padding:0 0 32px; color:var(--saito-ink); font-size:32px; line-height:36px; letter-spacing:.05em; }
.saito-tourism-lead h2::before { content:none; }
.saito-tourism-lead h2::after { content:""; position:absolute; width:65px; height:4px; background:var(--saito-green); left:0; bottom:0; }
.saito-tourism-gallery { position:relative; left:.5px; width:min(1045px,calc(100% - 80px)); margin:0 auto 51px; }
.saito-tourism-gallery-panel { margin:0; aspect-ratio:1045/695; }
.saito-tourism-gallery-panel[hidden] { display:none; }
.saito-tourism-gallery-panel img { display:block; width:100%; height:100%; object-fit:contain; }
.saito-tourism-gallery-navigation { position:relative; margin-top:10px; }
.saito-tourism-gallery-thumbnails { display:flex; flex-wrap:wrap; gap:10px; }
.saito-tourism-gallery-thumbnails a { display:block; flex:0 0 calc((100% - 25px)/4); aspect-ratio:255/192; min-width:0; background:#f7f4f1; }
.saito-tourism-gallery-thumbnails a:nth-child(4n) { margin-left:-5px; }
.saito-tourism-gallery-thumbnails a[aria-current] { outline:2px solid var(--saito-green); outline-offset:-2px; }
.saito-tourism-gallery-thumbnails img { width:100%; height:100%; object-fit:cover; }
.saito-tourism-gallery-arrow { position:absolute; z-index:1; top:50%; width:36px; height:36px; padding:0; border:0; border-radius:50%; background:transparent; transform:translateY(-50%); }
.saito-tourism-gallery-arrow.is-previous { left:-18px; }
.saito-tourism-gallery-arrow.is-next { right:-18px; }
.saito-tourism-gallery-arrow svg { display:block; width:36px; height:36px; }
.saito-tourism-gallery-arrow:disabled { opacity:.45; cursor:default; }
.saito-tourism-body:empty { display:none; }
.saito-tourism-body > :first-child { margin-top:0; }
.saito-tourism-information { margin-top:60px; }
.saito-tourism-information > h2 { position:relative; margin:0 0 45px; padding:16px 24px; border-radius:36px; background:rgb(213 201 185/.25); color:var(--saito-ink); text-align:center; font-size:32px; font-weight:600; line-height:40px; letter-spacing:.05em; }
.saito-tourism-information > h2::before { content:""; position:absolute; left:0; right:0; bottom:-7px; height:38.001px; background:url(../images/xd/exception__head-bg.svg) center/100% 100% no-repeat; pointer-events:none; }
.saito-tourism-information > h2::after { content:""; position:absolute; width:23px; height:15px; background:url(../images/xd/head__triangle.svg) center/contain no-repeat; left:50%; bottom:-15px; transform:translateX(-50%); pointer-events:none; }
.saito-tourism-information .saito-content { overflow-x:auto; }
.saito-tourism-information table { min-width:693px; }
.saito-tourism-information th { width:164px; }
.saito-tourism-map { margin-top:30px; }
.saito-tourism-map iframe { display:block; border:0; width:100%; height:398px; }
.saito-tourism-return { display:flex; justify-content:center; margin:62px 20px 0; padding-bottom:0; }
.saito-tourism-return-button { position:relative; z-index:0; isolation:isolate; display:flex; align-items:center; justify-content:center; gap:14px; min-height:59px; padding:14px 22px; border:1px solid var(--saito-green); color:#385132; text-decoration:none; font-size:16px; font-weight:600; line-height:28px; transition:color .8s ease-out; }
.saito-tourism-return-button::after { content:""; position:absolute; inset:-4px 3px 3px -4px; border:1px solid var(--saito-green); pointer-events:auto; }
.saito-tourism-return-button svg { width:10px; height:10.5px; transform:rotate(180deg); transition:filter .8s ease-out; }
.saito-tourism-button-fill { position:absolute; inset:-1px; z-index:-1; border-radius:2px; overflow:hidden; pointer-events:none; }
.saito-tourism-button-fill::before { content:""; position:absolute; left:calc(50% + .5px); top:50%; width:max(310px,calc(100% + 56px)); aspect-ratio:1; border-radius:50%; background:#385132; transform:translate(-50%,-50%) scale(.032258064516); opacity:.000849686; transition:transform .8s ease-out,opacity .8s ease-out; }
.saito-tourism-return-button:is(:hover,:focus-visible) { color:#fff; }
.saito-tourism-return-button:is(:hover,:focus-visible) svg { filter:brightness(0) invert(1); }
.saito-tourism-return-button:is(:hover,:focus-visible) .saito-tourism-button-fill::before { transform:translate(-50%,-50%) scale(1); opacity:1; }
.saito-tourism-shell .saito-page-bottom { margin-top:-111px; }
@media(max-width:600px) {
 .saito-tourism-article-heading { margin-top:48px; margin-bottom:91px; }
 .saito-tourism-title { width:100%; padding:20px 12px; font-size:32px; line-height:38px; }
 .saito-tourism-lead h2 { font-size:24px; line-height:36px; padding-bottom:28px; margin-bottom:30px; }
 .saito-tourism-gallery { left:0; width:100%; margin-bottom:45px; }
 .saito-tourism-gallery-panel { aspect-ratio:393/261; }
 .saito-tourism-gallery-navigation { margin-inline:20px; }
 .saito-tourism-gallery-thumbnails { gap:3px; }
 .saito-tourism-gallery-thumbnails a { flex-basis:calc((100% - 9px)/4); aspect-ratio:86/65; }
 .saito-tourism-gallery-thumbnails a:nth-child(4n) { margin-left:0; }
 .saito-tourism-gallery-arrow { display:none; }
 .saito-tourism-gallery-arrow.is-previous { left:-14px; }
 .saito-tourism-gallery-arrow.is-next { right:-14px; }
 .saito-tourism-information { margin-top:52px; }
 .saito-tourism-information > h2 { font-size:24px; line-height:36px; padding:21px 24px 15px; margin-bottom:36px; }
 .saito-tourism-information > h2::before { height:37.999px; background-image:url(../images/xd/exception__head-bg-2.svg); }
 .saito-tourism-information .saito-content table { display:table; width:max-content; min-width:693px; max-width:none; overflow:visible; }
 .saito-tourism-information th { min-width:164px; }
 .saito-tourism-map { margin-top:30px; }
 .saito-tourism-map iframe { height:351px; }
 .saito-tourism-return { margin-top:57px; }
 .saito-tourism-shell .saito-page-bottom { margin-top:-49px; }
}
@media(prefers-reduced-motion:reduce) { .saito-tourism-return-button,.saito-tourism-return-button svg,.saito-tourism-button-fill::before { transition:none; } }
