@charset "UTF-8";
/*
 * ブロックエディタ化にともなう「読み替え」CSS
 *
 * 方針:
 *   - デザインの値（px・色・余白・比率）は一切変えない
 *   - 変えるのは「どのセレクタに当てるか」だけ
 *   - SWELL / WordPress が足してくるラッパーと既定余白だけを無害化する
 *
 * 読み込み順: SWELL main_style → destyle → swell-override → 旧テーマ style.css → 本ファイル
 *
 * 前提: 固定ページの本文ラッパーは functions.php のフィルターで
 *       `post_content` ではなく `limarks_content` になっている。
 *       そのため SWELL の `.post_content 要素 { … }` 系はそもそも一致しない。
 */

/* -----------------------------------------------------------
   1. SWELL のページ構造ラッパーを無害化する
   旧テーマは body 直下に全幅でセクションを並べていたので、
   幅・左右余白・上下余白をすべて解除して素通しにする。
   ----------------------------------------------------------- */

/* 記事ページも自作テンプレートなので同じく素通しにする */
.page #content.l-content,
.page #content.l-content.l-container,
.single #content.l-content,
.single #content.l-content.l-container,
.blog #content.l-content,
.blog #content.l-content.l-container,
.error404 #content.l-content,
.error404 #content.l-content.l-container {
  width: auto;
  max-width: none;
  margin: 0;
  padding: 0;
}

.page .l-mainContent,
.page .l-mainContent.l-article {
  width: auto;
  max-width: none;
  margin: 0;
  padding: 0;
  background: none;
  box-shadow: none;
  border-radius: 0;
}

.page .l-mainContent__inner {
  margin: 0;
  padding: 0;
}

.limarks_content {
  margin: 0;
  padding: 0;
}

/* 固定ページのタイトル領域（旧テーマは各ページが独自のKVを持つので出さない） */
.page .l-mainContent .c-pageTitle,
.page .l-mainContent .p-articleHead {
  display: none;
}

/* ※ img の max-width は打ち消さないこと。
   旧テーマ自身が css/style.css の冒頭で `img { max-width: 100%; height: auto }` を
   指定しており、これに依存してフレックス内の画像が縮んでいる箇所がある。 */

/* -----------------------------------------------------------
   2. WordPress のブロック既定余白（block-gap）を無効化する
   旧テーマは destyle により p / h / dl 等のマージンが 0 の状態を前提にしている。
   `:where()` で詳細度を 0 に落としているので、
   旧テーマ側のクラス指定（例 .about-company-name-list { margin-top: 20px }）は必ず勝つ。
   ----------------------------------------------------------- */

:where(.limarks_content .wp-block-group),
:where(.limarks_content .wp-block-image),
:where(.limarks_content .wp-block-list),
:where(.limarks_content .wp-block-buttons),
:where(.limarks_content > *) {
  margin-block-start: 0;
  margin-block-end: 0;
}

/* -----------------------------------------------------------
   3. <dl><dt><dd> の読み替え
   ブロックエディタに定義リストが無いため、グループ＋段落で組む。
   クラス名は変換ツールが「親のクラス + -dt / -dd」で自動生成する。
   宣言の値は旧CSSと完全に同一。
   ----------------------------------------------------------- */

/* about: 社名の由来 */
.about-company-name-dl .about-company-name-dl-dt {
  color: var(--color-limarks);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
}

.about-company-name-dl .about-company-name-dl-dd {
  color: var(--color-main);
  line-height: 1.6;
}

@media screen and (min-width: 768px) {
  .about-company-name-dl .about-company-name-dl-dt {
    font-size: 20px;
  }
  .about-company-name-dl .about-company-name-dl-dd {
    line-height: 1.8;
  }
}

/* company: 会社概要 */
.company-overview-dl .company-overview-dl-dt {
  color: var(--color-limarks);
  font-size: 14px;
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  .company-overview-dl .company-overview-dl-dt {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 122px;
    flex: 0 0 122px;
  }
  .company-overview-dl .company-overview-dl-dd {
    font-weight: 700;
  }
}

/* privacy: 事業者情報 */
.privacy-def-list .privacy-def-list-dt {
  font-weight: 400;
}

.privacy-def-list .privacy-def-list-dd a {
  text-decoration: underline;
}

/* ページネーションの「…」（dots）
   旧テーマでは素のテキスト（span）。SWELLの [class*="page-numbers"] が
   display:block / height:36px / font-size:14px / 背景色 を当ててしまうので戻す。 */
.archive-list-pagination .c-pagination .page-numbers.dots {
  display: inline;
  width: auto;
  height: auto;
  min-width: 0;
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  background-color: transparent;
  color: inherit;
}

/* -----------------------------------------------------------
   4. 表（wp-block-table）を WordPress 標準の見た目に戻す

   旧テーマには表のCSSが1行も無く、WordPress のブロックCSS
   （wp-block-table-inline-css）がそのまま出ていた。それが旧サイトの表の見た目。

     .wp-block-table thead   { border-bottom: 3px solid }
     .wp-block-table td, th  { border: 1px solid; padding: .5em }

   色を書いていないので罫線は currentColor＝本文色（#2d2d2d）になる。

   SWELL は blocks.css でこれを上書きする。
     .wp-block-table td, th       { border: var(--table-border); padding: .5em .75em }
     .wp-block-table thead, tfoot { border: none }
   --table-border の色は --color_border（hsla(0,0%,78%,.5)＝薄いグレー）。
   結果、罫線が薄くなり、見出し行の3pxの下線が消え、左右の余白が .75em に広がっていた。

   詳細度は SWELL と同じ (0,1,1)。本ファイルは SWELL より後に読み込まれるので勝つ。
   ----------------------------------------------------------- */

.wp-block-table thead {
  border-bottom: 3px solid;
}

.wp-block-table tfoot {
  border-top: 3px solid;
}

.wp-block-table td,
.wp-block-table th {
  border: 1px solid;
  padding: 0.5em;
}

/* 表のキャプション。
   旧サイトでは figcaption に何も当たっておらず、本文と同じ見た目だった。
   SWELL は .wp-element-caption に 0.8em / 中央寄せ / 上マージンを当てるので戻す。 */
.wp-block-table figcaption {
  margin: 0;
  font-size: inherit;
  line-height: inherit;
  text-align: start;
  color: inherit;
}