.spot-page-layout.spot-detail-layout{padding-inline:var(--header-pad-inline)}@media screen and (min-width:768px) and (max-width:1024px){.spot-page-layout.spot-detail-layout{padding-left:calc(var(--header-pad-inline) - 10px)}}.spot-detail{display:block}.spot-detail__text,.spot-detail__gallery{min-width:0}.spot-detail__rail{display:none}.spot-detail__rail-layer--in{animation:.45s both spot-rail-in}.spot-detail__rail-layer--out{animation:.45s both spot-rail-out;position:absolute;top:0;left:0;right:0}@keyframes spot-rail-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes spot-rail-out{0%{opacity:1}to{opacity:0}}.spot-detail__rail-open{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block}.spot-detail__rail-open img{aspect-ratio:4/3;object-fit:cover;border:1px solid #fee2b4;border-radius:8px;width:100%;height:auto;display:block}.spot-detail__rail-thumbs{margin-top:var(--space-2);flex-wrap:wrap;gap:6px;display:flex}.spot-detail__rail-thumb{cursor:pointer;background:0 0;border:0;flex:none;width:56px;padding:0}.spot-detail__rail-thumb img{aspect-ratio:4/3;object-fit:cover;opacity:.5;border:2px solid #fee2b4;border-radius:4px;width:100%;height:auto;display:block}.spot-detail__rail-thumb.active img{border-color:var(--colors-brand-500);opacity:1}.spot-detail__rail-caption{max-height:100vh;margin:var(--space-2) 0 0;padding-right:var(--space-1);font-size:var(--font-size-sm);color:var(--colors-fg-muted);line-height:1.7;overflow-y:auto}.spot-detail__rail-count{margin:var(--space-1) 0 0;font-size:var(--font-size-xs);text-align:right;color:var(--colors-fg-subtle)}@media screen and (max-width:767px){.spot-page-layout.spot-detail-layout .spot-page-layout__inner{grid-template-columns:minmax(0,1fr)}.spot-page-layout.spot-detail-layout .spot-page-layout__content{order:1}.spot-page-layout.spot-detail-layout .spot-page-layout__sidebar{margin-top:var(--space-8);padding-top:var(--space-4);border-top:1px solid #e0e0e0;order:2;margin-bottom:0;padding-bottom:0}}@media screen and (min-width:1280px){.spot-detail__text,.spot-detail__gallery{padding-left:30px;padding-right:30px}}@media screen and (min-width:1440px){.spot-page-layout.spot-detail-layout .spot-page-layout__inner{grid-template-columns:minmax(0,340px) minmax(0,1fr);max-width:none}.spot-detail{max-width:1000px}.spot-detail--with-rail{grid-template-columns:minmax(0,1000px) minmax(380px,1fr);align-items:start;column-gap:32px;max-width:none;display:grid}.spot-detail--with-rail .spot-detail__gallery{height:0;margin:0;overflow:hidden}.spot-detail--with-rail .spot-detail__gallery .gallery{margin:0}.spot-detail--with-rail .spot-detail__rail{transition:opacity .45s,visibility .45s;display:block;position:sticky;top:76px}.spot-detail--with-rail .spot-detail__rail--hidden{opacity:0;visibility:hidden}.spot-detail__rail-layer--in{z-index:2;position:relative}.spot-detail__rail-layer--out{z-index:1}}.spot-detail__text .post_midashi,.spot-detail__text .post_midashi_child,.spot-detail__text .column{scroll-margin-top:96px}