/* 静的アーカイブ版で追加するCSS（現行サイトのCSSには手を入れず、上書きだけをここに書く） */

/* 欧文フォント：FONTPLUS の AvenirNextLTPro-Medium の代わり。
   同じフォント名に、端末内の Avenir Next Medium（Mac・iPhone・iPad）→ Nunito Sans（SIL OFL、自前配信）の順で割り当てる */
@font-face {
  font-family: "AvenirNextLTPro-Medium";
  font-weight: 400;
  font-display: swap;
  src: local("AvenirNext-Medium"), local("Avenir Next Medium"),
       url(/assets/fonts/nunito-sans-500-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212;
}
@font-face {
  font-family: "AvenirNextLTPro-Medium";
  font-weight: 700;
  font-display: swap;
  src: local("AvenirNext-Medium"), local("Avenir Next Medium"),
       url(/assets/fonts/nunito-sans-500-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212;
}

/* アイコン：Font Awesome Pro の代わりに自作SVG（currentColor で色を引き継ぐ） */
.common-section--arrow::after,
.search-button::after,
.search__form-button::after,
.fas.fa-chevron-left::before,
.fas.fa-chevron-right::before {
  content: "" !important;
  font-family: inherit !important;
  display: inline-block;
  background-color: currentColor;
  -webkit-mask: var(--icon) center / contain no-repeat;
  mask: var(--icon) center / contain no-repeat;
}
.common-section--arrow::after {
  --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M88 72l168 184L88 440' fill='none' stroke='%23000' stroke-width='40' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  width: 0.625em;
  height: 1em;
}
.search-button::after,
.search__form-button::after {
  --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Ccircle cx='212' cy='212' r='156' fill='none' stroke='%23000' stroke-width='40'/%3E%3Cpath d='M326 326l150 150' stroke='%23000' stroke-width='44' stroke-linecap='round'/%3E%3C/svg%3E");
  width: 1em;
  height: 1em;
}
.fas.fa-chevron-left,
.fas.fa-chevron-right {
  display: inline-block;
  line-height: 1;
}
.fas.fa-chevron-left::before,
.fas.fa-chevron-right::before {
  width: 0.625em;
  height: 1em;
  vertical-align: -0.125em;
}
.fas.fa-chevron-right::before {
  --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M80 64l176 192L80 448' fill='none' stroke='%23000' stroke-width='72' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.fas.fa-chevron-left::before {
  --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M240 64L64 256l176 192' fill='none' stroke='%23000' stroke-width='72' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* スマホ幅では、現行がスマホ幅で出さない要素を隠す（build.mjs が data-sp-hide を付ける） */
.archive-sp [data-sp-hide] {
  display: none !important;
}

/* 検索パネル（現行は Vue の v-if で出し入れ。静的版は hidden 属性で切り替える） */
.search[hidden] {
  display: none !important;
}

/* シェア数は取得しない（現行は以前の制作者のトークンで取得していた）ので数字を出さない */
.social-buttons__count {
  visibility: hidden;
}

/* お問い合わせ受付終了の案内 */
.archive-notice {
  margin: 40px 0;
  line-height: 2;
  text-align: center;
}