/* 旅吉 LP専用ドキュメントシェル。
   JSON／旧LP記事はSWELLの記事ラッパーを経由せず、専用テンプレートで描画する。 */
html {
  scroll-behavior: smooth;
}

body.tkg-lp-enabled {
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  overflow-x: clip;
  background: #fff;
}

body.tkg-lp-enabled #tkg-lp-root {
  display: block;
  width: 100%;
  max-width: none;
  min-width: 0;
  margin: 0;
  padding: 0;
}

body.tkg-lp-enabled #tkg-lp-root > .tkg-page {
  width: 100%;
  max-width: none;
  min-width: 0;
  margin: 0;
}

body.tkg-lp-enabled .tkg-lp-admin-warning {
  width: min(1180px, calc(100% - 40px));
  margin: 20px auto;
  padding: 14px 18px;
  border: 2px solid #b42318;
  background: #fff4f2;
  color: #7a271a;
  font-weight: 700;
}

.tkg-lp-screen-reader-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* ログイン中の管理バーとLPヘッダーの位置を分離する。
   初期ヘッダーはhero内のabsolute配置で、WordPress側のhtml margin-topにより
   すでに管理バー直下から始まるため追加オフセットを入れない。
   スクロール後にfixedへ切り替わった時だけ管理バー高を加算する。 */
body.admin-bar.tkg-lp-enabled .tkg-header {
  top: 0 !important;
}

body.admin-bar.tkg-lp-enabled .tkg-page.is-page-scrolled .tkg-header {
  top: 32px !important;
}

@media (max-width: 782px) {
  body.admin-bar.tkg-lp-enabled .tkg-header {
    top: 0 !important;
  }

  body.admin-bar.tkg-lp-enabled .tkg-page.is-page-scrolled .tkg-header {
    top: 46px !important;
  }
}
/* ---------- 都道府県シンボル背景 v10.7.1 ----------
   個別・まとめ・旧HTML互換記事で県判定成功時だけ表示する。
   未判定時はcontent:noneのため、マスク未設定の四角形は絶対に出ない。 */
.tkg-page .tkg-dynamic-bg::before,
.tkg-page .tkg-dynamic-bg::after {
  content: none !important;
}

.tkg-page[data-prefecture-slug]:not([data-prefecture-slug=""]) .tkg-dynamic-bg::before,
.tkg-page[data-prefecture-slug]:not([data-prefecture-slug=""]) .tkg-dynamic-bg::after,
body.tkg-has-prefecture-symbol .tkg-page .tkg-dynamic-bg::before,
body.tkg-has-prefecture-symbol .tkg-page .tkg-dynamic-bg::after {
  content: "" !important;
  position: absolute !important;
  display: block !important;
  pointer-events: none !important;
  background: linear-gradient(145deg, rgba(var(--tkg-heading-rgb, 23,58,74),.96), rgba(var(--tkg-accent-rgb, 199,168,106),.78)) !important;
  -webkit-mask-image: var(--tkg-pref-symbol-url) !important;
  mask-image: var(--tkg-pref-symbol-url) !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
  filter: drop-shadow(0 20px 44px rgba(var(--tkg-heading-rgb, 23,58,74),.10));
}

.tkg-page[data-prefecture-slug]:not([data-prefecture-slug=""]) .tkg-dynamic-bg::after,
body.tkg-has-prefecture-symbol .tkg-page .tkg-dynamic-bg::after {
  right: clamp(2vw, 6vw, 9vw) !important;
  top: clamp(12vh, 18vh, 24vh) !important;
  width: clamp(320px, 38vw, 620px) !important;
  aspect-ratio: 1 / 1 !important;
  opacity: .24 !important;
  transform: rotate(-5deg) !important;
  animation: tkgPrefSymbolFloat 20s ease-in-out infinite alternate !important;
}

.tkg-page[data-prefecture-slug]:not([data-prefecture-slug=""]) .tkg-dynamic-bg::before,
body.tkg-has-prefecture-symbol .tkg-page .tkg-dynamic-bg::before {
  left: clamp(1vw, 5vw, 8vw) !important;
  bottom: clamp(2vh, 8vh, 12vh) !important;
  width: clamp(180px, 23vw, 360px) !important;
  aspect-ratio: 1 / 1 !important;
  opacity: .12 !important;
  transform: rotate(8deg) scaleX(-1) !important;
}

@keyframes tkgPrefSymbolFloat {
  from { translate: 0 -8px; rotate: -2deg; }
  to { translate: -18px 14px; rotate: 3deg; }
}
.tkg-page[data-prefecture-slug="hokkaido"],
body.tkg-prefecture-hokkaido { --tkg-pref-symbol-url: url("../silhouettes/hokkaido.svg"); } /* 北海道 */
.tkg-page[data-prefecture-slug="aomori"],
body.tkg-prefecture-aomori { --tkg-pref-symbol-url: url("../silhouettes/aomori.svg"); } /* 青森県 */
.tkg-page[data-prefecture-slug="iwate"],
body.tkg-prefecture-iwate { --tkg-pref-symbol-url: url("../silhouettes/iwate.svg"); } /* 岩手県 */
.tkg-page[data-prefecture-slug="miyagi"],
body.tkg-prefecture-miyagi { --tkg-pref-symbol-url: url("../silhouettes/miyagi.svg"); } /* 宮城県 */
.tkg-page[data-prefecture-slug="akita"],
body.tkg-prefecture-akita { --tkg-pref-symbol-url: url("../silhouettes/akita.svg"); } /* 秋田県 */
.tkg-page[data-prefecture-slug="yamagata"],
body.tkg-prefecture-yamagata { --tkg-pref-symbol-url: url("../silhouettes/yamagata.svg"); } /* 山形県 */
.tkg-page[data-prefecture-slug="fukushima"],
body.tkg-prefecture-fukushima { --tkg-pref-symbol-url: url("../silhouettes/fukushima.svg"); } /* 福島県 */
.tkg-page[data-prefecture-slug="ibaraki"],
body.tkg-prefecture-ibaraki { --tkg-pref-symbol-url: url("../silhouettes/ibaraki.svg"); } /* 茨城県 */
.tkg-page[data-prefecture-slug="tochigi"],
body.tkg-prefecture-tochigi { --tkg-pref-symbol-url: url("../silhouettes/tochigi.svg"); } /* 栃木県 */
.tkg-page[data-prefecture-slug="gunma"],
body.tkg-prefecture-gunma { --tkg-pref-symbol-url: url("../silhouettes/gunma.svg"); } /* 群馬県 */
.tkg-page[data-prefecture-slug="saitama"],
body.tkg-prefecture-saitama { --tkg-pref-symbol-url: url("../silhouettes/saitama.svg"); } /* 埼玉県 */
.tkg-page[data-prefecture-slug="chiba"],
body.tkg-prefecture-chiba { --tkg-pref-symbol-url: url("../silhouettes/chiba.svg"); } /* 千葉県 */
.tkg-page[data-prefecture-slug="tokyo"],
body.tkg-prefecture-tokyo { --tkg-pref-symbol-url: url("../silhouettes/tokyo.svg"); } /* 東京都 */
.tkg-page[data-prefecture-slug="kanagawa"],
body.tkg-prefecture-kanagawa { --tkg-pref-symbol-url: url("../silhouettes/kanagawa.svg"); } /* 神奈川県 */
.tkg-page[data-prefecture-slug="niigata"],
body.tkg-prefecture-niigata { --tkg-pref-symbol-url: url("../silhouettes/niigata.svg"); } /* 新潟県 */
.tkg-page[data-prefecture-slug="toyama"],
body.tkg-prefecture-toyama { --tkg-pref-symbol-url: url("../silhouettes/toyama.svg"); } /* 富山県 */
.tkg-page[data-prefecture-slug="ishikawa"],
body.tkg-prefecture-ishikawa { --tkg-pref-symbol-url: url("../silhouettes/ishikawa.svg"); } /* 石川県 */
.tkg-page[data-prefecture-slug="fukui"],
body.tkg-prefecture-fukui { --tkg-pref-symbol-url: url("../silhouettes/fukui.svg"); } /* 福井県 */
.tkg-page[data-prefecture-slug="yamanashi"],
body.tkg-prefecture-yamanashi { --tkg-pref-symbol-url: url("../silhouettes/yamanashi.svg"); } /* 山梨県 */
.tkg-page[data-prefecture-slug="nagano"],
body.tkg-prefecture-nagano { --tkg-pref-symbol-url: url("../silhouettes/nagano.svg"); } /* 長野県 */
.tkg-page[data-prefecture-slug="gifu"],
body.tkg-prefecture-gifu { --tkg-pref-symbol-url: url("../silhouettes/gifu.svg"); } /* 岐阜県 */
.tkg-page[data-prefecture-slug="shizuoka"],
body.tkg-prefecture-shizuoka { --tkg-pref-symbol-url: url("../silhouettes/shizuoka.svg"); } /* 静岡県 */
.tkg-page[data-prefecture-slug="aichi"],
body.tkg-prefecture-aichi { --tkg-pref-symbol-url: url("../silhouettes/aichi.svg"); } /* 愛知県 */
.tkg-page[data-prefecture-slug="mie"],
body.tkg-prefecture-mie { --tkg-pref-symbol-url: url("../silhouettes/mie.svg"); } /* 三重県 */
.tkg-page[data-prefecture-slug="shiga"],
body.tkg-prefecture-shiga { --tkg-pref-symbol-url: url("../silhouettes/shiga.svg"); } /* 滋賀県 */
.tkg-page[data-prefecture-slug="kyoto"],
body.tkg-prefecture-kyoto { --tkg-pref-symbol-url: url("../silhouettes/kyoto.svg"); } /* 京都府 */
.tkg-page[data-prefecture-slug="osaka"],
body.tkg-prefecture-osaka { --tkg-pref-symbol-url: url("../silhouettes/osaka.svg"); } /* 大阪府 */
.tkg-page[data-prefecture-slug="hyogo"],
body.tkg-prefecture-hyogo { --tkg-pref-symbol-url: url("../silhouettes/hyogo.svg"); } /* 兵庫県 */
.tkg-page[data-prefecture-slug="nara"],
body.tkg-prefecture-nara { --tkg-pref-symbol-url: url("../silhouettes/nara.svg"); } /* 奈良県 */
.tkg-page[data-prefecture-slug="wakayama"],
body.tkg-prefecture-wakayama { --tkg-pref-symbol-url: url("../silhouettes/wakayama.svg"); } /* 和歌山県 */
.tkg-page[data-prefecture-slug="tottori"],
body.tkg-prefecture-tottori { --tkg-pref-symbol-url: url("../silhouettes/tottori.svg"); } /* 鳥取県 */
.tkg-page[data-prefecture-slug="shimane"],
body.tkg-prefecture-shimane { --tkg-pref-symbol-url: url("../silhouettes/shimane.svg"); } /* 島根県 */
.tkg-page[data-prefecture-slug="okayama"],
body.tkg-prefecture-okayama { --tkg-pref-symbol-url: url("../silhouettes/okayama.svg"); } /* 岡山県 */
.tkg-page[data-prefecture-slug="hiroshima"],
body.tkg-prefecture-hiroshima { --tkg-pref-symbol-url: url("../silhouettes/hiroshima.svg"); } /* 広島県 */
.tkg-page[data-prefecture-slug="yamaguchi"],
body.tkg-prefecture-yamaguchi { --tkg-pref-symbol-url: url("../silhouettes/yamaguchi.svg"); } /* 山口県 */
.tkg-page[data-prefecture-slug="tokushima"],
body.tkg-prefecture-tokushima { --tkg-pref-symbol-url: url("../silhouettes/tokushima.svg"); } /* 徳島県 */
.tkg-page[data-prefecture-slug="kagawa"],
body.tkg-prefecture-kagawa { --tkg-pref-symbol-url: url("../silhouettes/kagawa.svg"); } /* 香川県 */
.tkg-page[data-prefecture-slug="ehime"],
body.tkg-prefecture-ehime { --tkg-pref-symbol-url: url("../silhouettes/ehime.svg"); } /* 愛媛県 */
.tkg-page[data-prefecture-slug="kochi"],
body.tkg-prefecture-kochi { --tkg-pref-symbol-url: url("../silhouettes/kochi.svg"); } /* 高知県 */
.tkg-page[data-prefecture-slug="fukuoka"],
body.tkg-prefecture-fukuoka { --tkg-pref-symbol-url: url("../silhouettes/fukuoka.svg"); } /* 福岡県 */
.tkg-page[data-prefecture-slug="saga"],
body.tkg-prefecture-saga { --tkg-pref-symbol-url: url("../silhouettes/saga.svg"); } /* 佐賀県 */
.tkg-page[data-prefecture-slug="nagasaki"],
body.tkg-prefecture-nagasaki { --tkg-pref-symbol-url: url("../silhouettes/nagasaki.svg"); } /* 長崎県 */
.tkg-page[data-prefecture-slug="kumamoto"],
body.tkg-prefecture-kumamoto { --tkg-pref-symbol-url: url("../silhouettes/kumamoto.svg"); } /* 熊本県 */
.tkg-page[data-prefecture-slug="oita"],
body.tkg-prefecture-oita { --tkg-pref-symbol-url: url("../silhouettes/oita.svg"); } /* 大分県 */
.tkg-page[data-prefecture-slug="miyazaki"],
body.tkg-prefecture-miyazaki { --tkg-pref-symbol-url: url("../silhouettes/miyazaki.svg"); } /* 宮崎県 */
.tkg-page[data-prefecture-slug="kagoshima"],
body.tkg-prefecture-kagoshima { --tkg-pref-symbol-url: url("../silhouettes/kagoshima.svg"); } /* 鹿児島県 */
.tkg-page[data-prefecture-slug="okinawa"],
body.tkg-prefecture-okinawa { --tkg-pref-symbol-url: url("../silhouettes/okinawa.svg"); } /* 沖縄県 */

@media (max-width: 767px) {
  .tkg-page[data-prefecture-slug]:not([data-prefecture-slug=""]) .tkg-dynamic-bg::after,
  body.tkg-has-prefecture-symbol .tkg-page .tkg-dynamic-bg::after {
    right: -14vw !important;
    top: 18vh !important;
    width: clamp(280px, 82vw, 430px) !important;
    opacity: .20 !important;
  }
  .tkg-page[data-prefecture-slug]:not([data-prefecture-slug=""]) .tkg-dynamic-bg::before,
  body.tkg-has-prefecture-symbol .tkg-page .tkg-dynamic-bg::before {
    left: -18vw !important;
    bottom: 10vh !important;
    width: clamp(180px, 58vw, 290px) !important;
    opacity: .09 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .tkg-page[data-prefecture-slug]:not([data-prefecture-slug=""]) .tkg-dynamic-bg::after,
  body.tkg-has-prefecture-symbol .tkg-page .tkg-dynamic-bg::after {
    animation: none !important;
  }
}
