/* =========================================================
   ORWA 安心撮影ナビ（shootingplace）
   読み込み条件: is_singular / is_post_type_archive( 'shootingplace' ) ＋ is_tax( 'shootingplace_cat' )
                 — inc/assets.php

   旧サイト（旧テーマ shooting の shooting.css）の見た目を再現する（2026-10-07〜）。
   値は旧 CSS と公開中の旧サイト（2026-10-07 計測）から。

   ★レイアウトの方針
   旧サイトはスマホ向けの1本の柱で、1024px 以上の画面では幅 500px、
   それより狭い画面では画面幅いっぱいだった。新サイトも同じにする。
   共通ヘッダー・フッターは新テーマのまま。柱の上下に旧サイトの花のヘッダー・フッターを置く。

   ★文字
   旧サイトはヒラギノ角ゴ Pro W3・12px・行間 1.6em・#111。
   行間は 1.6em で指定されていたため、子の見出しにも 19.2px のまま引き継がれていた（見出しの行間が詰まって見える）。
   同じ見た目にするため、行間は 1.2rem（19.2px）の固定値にする。

   ★色
   青 #0097b2 … 見出し・ボタン・リンク
   ピンク #de5492 … メニュー
   ========================================================= */

/* --- 柱 --------------------------------------------------- */

.orwa-shoot {
  width: 100%;
  margin-inline: auto;
  background: #fff;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", YuGothic, Meiryo, sans-serif;
  font-size: .75rem;
  line-height: 1.2rem;
  color: #111;
}

@media (min-width: 1024px) {
  .orwa-shoot {
    width: 500px;
  }
}

/* 旧サイトは destyle.css で余白をすべて消していた。
   個別の指定（クラス1つ）より弱くするため :where() で詳細度を 0 にする。 */
:where(.orwa-shoot) :where(h1, h2, h3, h4, p, ul, ol, figure) {
  margin: 0;
}

:where(.orwa-shoot) :where(ul, ol) {
  padding: 0;
  list-style: none;
}

/* 活動レポートの本文の画像は除く（HTML の width・height の大きさで出す。旧サイトと同じ）。 */
:where(.orwa-shoot) img:where(:not(.orwa-shoot-report__body img)) {
  display: block;
  width: 100%;
  height: auto;
}

/* 本文の箱（旧 .main）。左右上下 4%（幅 500px のとき 20px）。 */
.orwa-shoot__main {
  padding: 4%;
}

/* --- 花のヘッダー（旧 header） ----------------------------- */

.orwa-shoot-header {
  display: flex;
  align-items: center;
  position: relative;
  min-height: 180px;
  border-bottom: 1px solid #9fa39c;
  background: #fff url("../img/shootingplace/header_bg.png") no-repeat center top / contain;
  background-image: image-set(
    url("../img/shootingplace/header_bg.webp") type("image/webp"),
    url("../img/shootingplace/header_bg.png") type("image/png")
  );
}

.orwa-shoot-header__title {
  width: 100%;
  text-align: center;
}

.orwa-shoot-header__link {
  display: block;
}

/* ロゴ（Wedding）は柱の 40%、サイト名は 30%。 */
.orwa-shoot-header__logo {
  display: block;
  width: 40%;
  margin-inline: auto;
}

.orwa-shoot-header__name {
  display: block;
  width: 30%;
  margin-inline: auto;
}

/* メニューボタン（旧 .bento_btn）。黄色の丸に白い点を 3×3。開くとピンクの × に変わる。 */
.orwa-shoot-header__button {
  position: absolute;
  top: 35px;
  right: 20px;
  z-index: 30;
  width: 60px;
  height: 60px;
  padding: 0;
  border: 0;
  border-radius: 30px;
  background: #f4e078;
  cursor: pointer;
  transition: .3s;
}

.orwa-shoot-header__button::after {
  display: block;
  position: absolute;
  top: calc(50% - 4px);
  left: calc(50% - 4px);
  width: 8px;
  height: 8px;
  background: #fff;
  box-shadow:
    -12px 0 0 #fff,
    12px 0 0 #fff,
    -12px -12px 0 #fff,
    0 -12px 0 #fff,
    12px -12px 0 #fff,
    -12px 12px 0 #fff,
    0 12px 0 #fff,
    12px 12px 0 #fff;
  content: "";
}

.orwa-shoot-header__button::before {
  position: absolute;
  top: 12px;
  left: 28px;
  width: 4px;
  height: 35px;
  background: #fff;
  content: "";
  opacity: 0;
}

.orwa-shoot-header__button[aria-expanded="true"] {
  background: #de5492;
  transform: rotate(45deg);
}

.orwa-shoot-header__button[aria-expanded="true"]::before {
  opacity: 1;
}

.orwa-shoot-header__button[aria-expanded="true"]::after {
  top: 28px;
  left: 12px;
  width: 35px;
  height: 4px;
  box-shadow: none;
}

.orwa-shoot-header__button:focus-visible {
  outline: 3px solid #0097b2;
  outline-offset: 3px;
}

/* --- メニュー（旧 .menu_drawer） -----------------------------
   柱の幅で、画面の高さいっぱいに薄いピンクを重ねる。項目はピンクの文字 20px と下線。 */

.orwa-shoot-menu {
  position: fixed;
  top: 0;
  left: 50%;
  z-index: 20;
  overflow: auto;
  width: 100%;
  height: 100%;
  padding: 70px 0 60px;
  background: rgb(255 245 249 / 90%);
  transform: translateX(-50%);
}

.orwa-shoot-menu[hidden] {
  display: none;
}

@media (min-width: 1024px) {
  .orwa-shoot-menu {
    width: 500px;
  }
}

.orwa-shoot-menu__link {
  display: block;
  padding: 25px 2%;
  border-bottom: 2px solid #de5492;
  font-size: 1.25rem;
  color: #de5492;
  text-align: center;
  text-decoration: none;
}

.orwa-shoot-menu__link:hover {
  text-decoration: underline;
}

/* 外側の暗い幕（旧 .overlay）。 */
.orwa-shoot-overlay {
  position: fixed;
  inset: 0;
  z-index: 10;
  background: rgb(0 0 0 / 50%);
}

.orwa-shoot-overlay[hidden] {
  display: none;
}

/* --- 入口（旧 front-page.php） ------------------------------ */

.orwa-shoot-top__banner-link {
  display: block;
}

.orwa-shoot-top__banner-link:hover {
  opacity: .8;
}

/* 宮古島・恩納村のバナー。旧サイトは h2 の下余白（2%）で間が空いていた。 */
.orwa-shoot-top__areas {
  margin-bottom: 40px;
}

.orwa-shoot-top__area {
  margin-bottom: 2%;
}

/* --- お知らせ（旧 .news_list。入口・エリアのトップ・お知らせ一覧で共通） ---- */

.orwa-shoot-news {
  margin-bottom: 40px;
}

/* 見出し（旧 h3）。青の太字 16px・中央。 */
.orwa-shoot-news__heading {
  margin-bottom: 2%;
  font-size: 1rem;
  font-weight: 700;
  color: #0097b2;
  text-align: center;
}

/* 2件ずつ横に並べる。 */
.orwa-shoot-news__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.orwa-shoot-news__item {
  width: calc(50% - 2%);
  margin-bottom: 2%;
  padding: 2%;
  background: #eafbff;
}

.orwa-shoot-news__media {
  display: block;
  overflow: hidden;
  margin-bottom: 2%;
  aspect-ratio: 16 / 9;
}

.orwa-shoot-news__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* タイトル（旧 h4）。太字 14px・左寄せ、リンクは茶色。 */
.orwa-shoot-news__title {
  margin-bottom: 2%;
  font-size: .875rem;
  font-weight: 700;
}

.orwa-shoot-news__title-link {
  color: #55361f;
  text-decoration: none;
}

.orwa-shoot-news__title-link:hover {
  text-decoration: underline;
}

/* 「もっと見る」（旧 .more_link）。右寄せ、青の太字に右向きの矢印。 */
.orwa-shoot-more {
  margin-top: 2%;
  text-align: right;
}

.orwa-shoot-more__link {
  padding-right: 30px;
  background: url("../img/shootingplace/more_link_arrow.png") no-repeat right center / 24px;
  font-weight: 700;
  color: #0097b2;
  text-decoration: none;
}

.orwa-shoot-more__link:hover {
  text-decoration: underline;
}

/* --- エリアのトップ（旧 page-miyako.php / page-onna.php。2026-10-09〜） ---- */

/* パンくず（旧 .breadcrumb.area_top）。家のアイコン・「＞」の画像は旧サイトのもの。 */
.orwa-shoot-breadcrumb {
  padding-block: 5px;
}

.orwa-shoot-breadcrumb__item {
  display: inline;
  margin-right: 5px;
  padding-right: 15px;
  background: url("../img/shootingplace/breadcrumb_arrow.png") no-repeat right center / 5px;
  font-size: .75rem;
}

.orwa-shoot-breadcrumb__item:first-child {
  padding-left: 15px;
  background-image: url("../img/shootingplace/breadcrumb_home.png"), url("../img/shootingplace/breadcrumb_arrow.png");
  background-position: left center, right center;
  background-size: 10px, 5px;
}

.orwa-shoot-breadcrumb__item:last-child {
  margin-right: 0;
  padding-right: 0;
  background-image: none;
}

.orwa-shoot-breadcrumb__link {
  color: #333;
  text-decoration: none;
}

.orwa-shoot-breadcrumb__link:hover {
  text-decoration: underline;
}

/* 説明の1文（旧 .area_lead）。青・中央・字間 4px。 */
.orwa-shoot-area__lead {
  padding-block: 4%;
  color: #0097b2;
  text-align: center;
  letter-spacing: 4px;
}

/* エリアの見出し画像（旧 h2.area_main_img）。 */
.orwa-shoot-area__title {
  margin-bottom: 40px;
}

/* 来間島ウォールアートのバナー（旧 .greenwallartbnr）と4か国語のバナー（旧 .ib-bnr。2つずつ2段）。 */
.orwa-shoot-area__wallart {
  margin-bottom: 30px;
}

.orwa-shoot-area__langs {
  display: flex;
  flex-wrap: wrap;
}

.orwa-shoot-area__lang {
  width: 50%;
}

/* --- 一覧3種（撮影スポット・撮影事業者・賛同・応援事業者。2026-10-24〜） ------
   エリアのトップと /shootingplace/company_miyako/ などの一覧・詳細で使う。値は旧 shooting.css から。 */

/* 1種類の一覧（旧 .spot_list・.company_list）。 */
.orwa-shoot-list {
  margin-bottom: 40px;
}

/* 撮影スポット（旧 .spot_list li）。黄色の箱に正方形の写真と文字。1件ごとに左右を入れ替える。 */
.orwa-shoot-spots__item {
  margin-bottom: 4%;
  background: #fbf4cf;
}

.orwa-shoot-spots__link {
  display: flex;
  justify-content: space-between;
  color: #333;
  text-decoration: none;
}

.orwa-shoot-spots__item:nth-child(2n) .orwa-shoot-spots__link {
  flex-direction: row-reverse;
}

.orwa-shoot-spots__media {
  flex-shrink: 0;
  width: 36%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
}

:where(.orwa-shoot) .orwa-shoot-spots__image {
  height: 100%;
  object-fit: cover;
}

/* 「詳細へ」を下に重ねるため relative。 */
.orwa-shoot-spots__body {
  flex-grow: 1;
  position: relative;
  padding: 2% 4%;
}

.orwa-shoot-spots__title {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin-bottom: 2%;
  font-size: .875rem;
  font-weight: 700;
  color: #0097b2;
  text-align: left;
}

.orwa-shoot-spots__text {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

@media (min-width: 1024px) {
  .orwa-shoot-spots__text {
    -webkit-line-clamp: 3;
  }
}

.orwa-shoot-spots__more {
  position: absolute;
  bottom: 8%;
  left: 50%;
  padding: 3px 40px;
  border-radius: 5px;
  background: #0097b2;
  font-size: .75rem;
  color: #fff;
  white-space: nowrap;
  transform: translateX(-50%);
}

/* 撮影事業者・賛同・応援事業者（旧 .company_list li）。水色の角丸の箱に丸いロゴ・名前、下の行にキャッチコピー。 */
.orwa-shoot-companies__item {
  border-radius: 20px;
  background: #eafbff;
}

.orwa-shoot-companies__item + .orwa-shoot-companies__item {
  margin-top: 4%;
}

.orwa-shoot-companies__link {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 2% 4%;
  color: #333;
  text-decoration: none;
}

.orwa-shoot-companies__logo {
  flex-shrink: 0;
  width: 30%;
  aspect-ratio: 1 / 1;
  margin-right: 4%;
  overflow: hidden;
  border-radius: 100px;
}

:where(.orwa-shoot) .orwa-shoot-companies__logo-image {
  height: 100%;
}

.orwa-shoot-companies__name {
  width: 65%;
}

.orwa-shoot-companies__mark {
  display: inline-block;
  width: 1em;
  vertical-align: middle;
}

.orwa-shoot-companies__copy {
  width: 100%;
  margin-top: 2%;
}

/* 詳細（旧 .company_detail・.spot_detail）。 */
.orwa-shoot-detail__header {
  display: flex;
  align-items: center;
  margin-bottom: 2%;
}

.orwa-shoot-detail__logo {
  flex-shrink: 0;
  width: 50px;
  aspect-ratio: 1 / 1;
  margin-right: 4%;
  overflow: hidden;
  border-radius: 50px;
}

:where(.orwa-shoot) .orwa-shoot-detail__logo-image {
  height: 100%;
}

.orwa-shoot-detail__title {
  margin-bottom: 2%;
  font-size: 1.125rem;
  font-weight: 700;
  color: #0097b2;
  text-align: left;
}

.orwa-shoot-detail__mark {
  flex-shrink: 0;
  width: 30px;
  margin-left: 2%;
}

.orwa-shoot-detail__sites {
  margin: 0 0 4%;
}

.orwa-shoot-detail__site {
  display: flex;
}

.orwa-shoot-detail__site-label {
  width: 50px;
  margin-right: 4%;
  font-weight: 700;
  color: #0097b2;
  text-align: right;
}

.orwa-shoot-detail__site-value {
  margin: 0;
  overflow-wrap: anywhere;
}

.orwa-shoot-detail__site-value a {
  color: #333;
  text-decoration: none;
}

/* スポットの画像。2列で正方形。 */
.orwa-shoot-detail__images {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.orwa-shoot-detail__image-item {
  width: 48%;
  margin-bottom: 4%;
  overflow: hidden;
}

:where(.orwa-shoot) .orwa-shoot-detail__image {
  aspect-ratio: 1 / 1;
  object-fit: fill;
}

/* 白い角丸の箱（旧 .company_detail_text・.spot_detail_text）。 */
.orwa-shoot-detail__box {
  margin-bottom: 4%;
  padding: 4%;
  border-radius: 20px;
  background: #fff;
}

.orwa-shoot-detail__box-title {
  margin-bottom: 2%;
  font-size: 1rem;
  font-weight: 700;
  color: #0097b2;
  text-align: center;
}

/* 紹介文の中の画像は HTML の大きさのまま横に並べる（旧サイトと同じ）。 */
:where(.orwa-shoot) .orwa-shoot-detail__box-text img {
  display: inline;
  width: auto;
  max-width: 100%;
}

.orwa-shoot-detail__box-text a {
  color: #333;
  overflow-wrap: anywhere;
}

.orwa-shoot-detail__map {
  display: block;
  width: 100%;
  min-height: 300px;
  border: 0;
}

.orwa-shoot-detail__inquiry {
  width: 70%;
  margin-inline: auto;
}

.orwa-shoot-detail__inquiry-link {
  display: block;
  padding: 15px;
  border-radius: 10px;
  background: #0097b2;
  font-size: 1.25rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
  text-decoration: none;
}

.orwa-shoot-detail__inquiry-link--spot {
  padding: 3%;
}

/* 子ページの一覧（旧 .info_pages）。文字の箱と写真を半分ずつ、1件ごとに左右を入れ替える。 */
.orwa-shoot-pages {
  margin-bottom: 40px;
}

.orwa-shoot-pages__item {
  margin-bottom: 4%;
}

.orwa-shoot-pages__link {
  display: flex;
  justify-content: space-between;
  color: #333;
  text-decoration: none;
}

.orwa-shoot-pages__item:nth-child(odd) .orwa-shoot-pages__link {
  flex-direction: row-reverse;
}

.orwa-shoot-pages__body {
  display: flex;
  align-items: center;
  position: relative;
  width: calc(50% - 2%);
  padding: 2% 4%;
  border-radius: 10px;
  background: #fbf4cf;
}

/* ページ名（旧 h3）。青の太字 16px・左寄せ。 */
.orwa-shoot-pages__title {
  margin-bottom: 2%;
  font-size: 1rem;
  font-weight: 700;
  color: #0097b2;
}

/* 「詳細へ」（旧 .info_page_link）。箱の下に青い札。 */
.orwa-shoot-pages__more {
  position: absolute;
  bottom: 8%;
  left: 50%;
  padding: 3px 40px;
  border-radius: 5px;
  background: #0097b2;
  font-size: .75rem;
  color: #fff;
  white-space: nowrap;
  transform: translateX(-50%);
}

.orwa-shoot-pages__media {
  flex-shrink: 0;
  overflow: hidden;
  width: calc(50% - 2%);
  border-radius: 10px;
  aspect-ratio: 1 / 1;
}

.orwa-shoot-pages__image {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  object-fit: cover;
}

/* 撮影事業者の皆さまへ（旧 .for_company）。 */
.orwa-shoot-area__company {
  margin-bottom: 40px;
}

/* 撮影申請の方法（旧 .shooting_process）。水色の箱に番号付きの手順と青いボタン。 */
.orwa-shoot-process {
  margin-bottom: 40px;
  padding: 4%;
  border-radius: 4%;
  background: #ebfcff;
}

.orwa-shoot-process__list {
  margin: 4% 0 4% 4%;
  list-style: decimal;
}

.orwa-shoot-process__button {
  display: block;
  padding: 3%;
  border-radius: 10px;
  background: #0097b2;
  font-size: 1.25rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
  text-decoration: none;
}

.orwa-shoot-process__button:hover {
  opacity: .8;
}

/* --- 活動レポート（旧 archive.php / category-news_*.php / single.php。2026-10-09〜） ---- */

/* カテゴリーのパンくず（旧 .breadcrumb）。上の余白に 15px 食い込み、下に 4% 空ける。 */
.orwa-shoot-breadcrumb--list {
  margin: -15px 0 4%;
}

/* カテゴリーの見出し「お知らせ」（旧 h2）。18px。 */
.orwa-shoot-news__heading--large {
  font-size: 1.125rem;
}

/* ページ送り（旧サイトにはなかった）。青の数字を中央に並べ、今のページは青地に白。 */
.orwa-shoot-pager {
  margin-bottom: 40px;
}

.orwa-shoot-pager .page-numbers {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}

.orwa-shoot-pager a.page-numbers,
.orwa-shoot-pager span.page-numbers {
  display: block;
  min-width: 2.5em;
  padding: 6px 4px;
  border: 1px solid #0097b2;
  border-radius: 5px;
  font-weight: 700;
  color: #0097b2;
  text-align: center;
  text-decoration: none;
}

.orwa-shoot-pager a.page-numbers:hover {
  background: #eafbff;
}

.orwa-shoot-pager span.current {
  background: #0097b2;
  color: #fff;
}

.orwa-shoot-pager span.dots {
  border-color: transparent;
}

/* 賛同・応援事業者へのリンク（旧 .support_btn）。右寄せ、ピンクの太字 18px に右向きの矢印。 */
.orwa-shoot-support {
  margin-bottom: 40px;
  font-size: 1.125rem;
  text-align: right;
}

.orwa-shoot-support__link {
  padding-right: 36px;
  background: url("../img/shootingplace/pink_link_arrow.png") no-repeat right bottom 7px / 30px;
  font-weight: 700;
  color: #de5492;
  text-decoration: none;
}

.orwa-shoot-support__link:hover {
  text-decoration: underline;
}

/* 記事（旧 .single_detail）。上下に 4%。 */
.orwa-shoot-report {
  margin-block: 4%;
}

/* 記事名（旧 h2）。青の太字 18px・中央。 */
.orwa-shoot-report__title {
  margin-bottom: 2%;
  font-size: 1.125rem;
  font-weight: 700;
  color: #0097b2;
  text-align: center;
}

/* 本文。旧サイトの HTML がそのまま入るため、旧 CSS の要素ごとの指定を移す。
   見出しは旧サイトの h2〜h6 の共通指定（青の太字・中央・下に 2%）。 */
.orwa-shoot-report__body :where(h2, h3, h4, h5, h6) {
  margin-bottom: 2%;
  font-weight: 700;
  color: #0097b2;
  text-align: center;
}

.orwa-shoot-report__body h2 {
  font-size: 1.125rem;
}

.orwa-shoot-report__body h3 {
  font-size: 1rem;
}

.orwa-shoot-report__body h4 {
  font-size: .875rem;
}

.orwa-shoot-report__body p {
  margin-bottom: 1em;
}

.orwa-shoot-report__body section {
  margin-bottom: 2em;
}

.orwa-shoot-report__body a {
  color: #333;
  text-decoration: underline;
}

/* 旧サイトは destyle.css で画像の下端を行の下にそろえていた（文字のための下の隙間を作らない）。 */
.orwa-shoot-report__body img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

.orwa-shoot-report__body ol {
  padding-left: 4em;
  list-style: decimal-leading-zero;
}

/* 区切り線と表は、新テーマの共通の指定（太い線・セルの余白と罫線）を打ち消して旧サイト（destyle.css）に合わせる。 */
.orwa-shoot-report__body hr {
  height: 0;
  margin: 0;
  border: 0;
  border-top: 1px solid;
}

.orwa-shoot-report__body table {
  border-collapse: collapse;
  border-spacing: 0;
}

.orwa-shoot-report__body :where(th, td) {
  padding: 0;
  border: 0;
  vertical-align: top;
  text-align: start;
}

/* 画面の右下に固定する申請ボタン（旧 .applicationbnr）。
   スマホ幅では画面の下に横並び、768px 以上では柱の右に縦並び。 */
.orwa-shoot-apply {
  display: flex;
  justify-content: center;
  gap: 5px;
  position: fixed;
  bottom: 5px;
  left: 0;
  z-index: 11;
  width: 100%;
  max-width: 500px;
}

.orwa-shoot-apply__link {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  max-width: 250px;
  padding: 20px;
  border: 1px solid #fff;
  border-radius: 5px;
  background: linear-gradient(180deg, #41dfce, #24b8af);
  font-size: 1.1rem;
  font-weight: 600;
  color: #fff;
  text-decoration: none;
}

.orwa-shoot-apply__link--today {
  background: linear-gradient(180deg, #ff73b3, #de5694);
}

.orwa-shoot-apply__link:hover {
  opacity: .8;
}

.orwa-shoot-apply__icon {
  width: 13px;
}

@media (min-width: 768px) {
  .orwa-shoot-apply {
    flex-direction: column;
    justify-content: flex-start;
    gap: 10px;
    bottom: 10px;
    left: calc(50vw + 260px);
  }
}

/* --- フッター（旧 footer） ---------------------------------
   下端に花の飾り。青いボタン → リンク → 協会名。 */

.orwa-shoot-footer {
  min-height: 100px;
  padding: 0 4% 45px;
  background: #fff url("../img/shootingplace/footer_bg.png") no-repeat center bottom / contain;
  background-image: image-set(
    url("../img/shootingplace/footer_bg.webp") type("image/webp"),
    url("../img/shootingplace/footer_bg.png") type("image/png")
  );
}

/* 青いボタン（旧 .footer_link_btns）。白の太字 20px、角丸 10px。 */
.orwa-shoot-footer__buttons {
  margin-bottom: 10px;
  padding-inline: 4%;
}

.orwa-shoot-footer__button-item {
  margin-bottom: 4%;
}

.orwa-shoot-footer__button {
  display: block;
  padding: 15px;
  border-radius: 10px;
  background: #0097b2;
  font-size: 1.25rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
  text-decoration: none;
}

.orwa-shoot-footer__button:hover {
  background: color-mix(in srgb, #0097b2 85%, #000);
}

/* リンク（旧 .footer_links）。「｜」で区切る。 */
.orwa-shoot-footer__links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-block: 2%;
}

.orwa-shoot-footer__link-item + .orwa-shoot-footer__link-item::before {
  padding-inline: 10px;
  content: "|";
}

.orwa-shoot-footer__link {
  font-weight: 700;
  color: #0097b2;
  text-decoration: none;
}

.orwa-shoot-footer__link:hover {
  text-decoration: underline;
}

.orwa-shoot-footer__copyright {
  font-size: .625rem;
  text-align: center;
}

/* TASK_16：活動レポート本文だけの幅制限。目視判断待ちの案内ページには適用しない。 */
.orwa-shoot-report__body iframe { max-width: 100%; }
.orwa-shoot-report__body iframe[src*="youtube.com"],
.orwa-shoot-report__body iframe[src*="youtu.be"] { height: auto; aspect-ratio: 16 / 9; }
@media (max-width: 767px) {
  .orwa-shoot-report__body table { width: 100%; max-width: 100%; table-layout: fixed; }
  .orwa-shoot-report__body :is(th, td) { overflow-wrap: anywhere; }
}