@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/
/* =================================
   SSAW LAB / HOME SECTION INDEX
   ================================= */

#body_wrap.page-id-313 .post_content {
  counter-reset: ssaw-home-section;
}

/* PICK UP / JOURNAL / SHOP */
#body_wrap.page-id-313 .post_content > h2.wp-block-heading.ssaw-home-heading {
  counter-increment: ssaw-home-section;

  margin-left: 0 !important;
  padding: 0 0 0 2px !important;

  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;

  color: inherit !important;

  font-size: 1.45rem !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  letter-spacing: 0.06em !important;

  text-align: left !important;
  box-sizing: border-box !important;
}

/* 01 / 02 / 03 */
#body_wrap.page-id-313 .post_content > h2.wp-block-heading.ssaw-home-heading::before {
  content: counter(ssaw-home-section, decimal-leading-zero) " /" !important;

  position: static !important;
  display: inline !important;

  width: auto !important;
  height: auto !important;

  margin: 0 0.42em 0 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;

  color: inherit !important;

  font-size: 1em !important;
  font-weight: 700 !important;
  line-height: inherit !important;
  letter-spacing: 0.06em !important;

  vertical-align: baseline !important;
  transform: none !important;
}

/* SWELL側の疑似要素を無効化 */
#body_wrap.page-id-313 .post_content > h2.wp-block-heading.ssaw-home-heading::after {
  content: none !important;
  display: none !important;
}
/* PICK UP / 記事上の余白を解除 */
#body_wrap.page-id-313
.p-postListWrap.ssaw-pickup > .p-postList.-type-list2 {
  padding-top: 0 !important;
}

/* =================================
   以下、WordPress「追加CSS」(カスタマイザー、
   wp_posts.post_type=custom_css, ID229)から移設。
   2026-08-20: CSS管理の一本化にともない、実際に
   機能していたルールをこちらへ統合した。
   ================================= */

/* =================================
   SSAW / 参考資料
   ================================= */

/* 外枠 */
.ssaw-reference {
  margin: 2.5rem auto 2.2rem !important;
  padding: 1.25rem 1.2rem 0.9rem !important;
  background: #fff !important;
  border: 1px solid #d7dadd !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* 1行目：上枠線に重ねる */
.ssaw-reference p:first-of-type {
  display: table !important;
  position: relative;
  z-index: 2;
  margin: -1.83rem 0 0.62rem 0.25rem !important;
  padding: 0 0.6rem !important;
  background: #fff !important;
  color: #334750 !important;
  font-size: 0.86em !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
}

/* 「参考資料」だけ強く */
.ssaw-reference p:first-of-type strong {
  color: #153e52 !important;
  font-size: 1.12em !important;
  font-weight: 700 !important;
}

/* 引用元リンク */
.ssaw-reference p:first-of-type a {
  color: #28566a !important;
  font-weight: 600 !important;
  text-decoration-line: underline !important;
  text-decoration-color: #7893a0 !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 0.2em !important;
  border-bottom: none !important;
  cursor: pointer;
}

/* ホバー */
.ssaw-reference p:first-of-type a:hover {
  color: #153e52 !important;
  text-decoration-color: #153e52 !important;
}

/* 下の補足・要約文 */
.ssaw-reference p:not(:first-of-type) {
  margin: 0 0 0 1.35em !important;
  padding: 0 !important;
  color: #4f5558 !important;
  font-size: calc(0.86em - 1px) !important;
  line-height: 1.72 !important;
  font-weight: 400 !important;
}

.ssaw-reference p:last-child {
  margin-bottom: 0 !important;
}


/* =================================
   SSAW / CONTENTS
   ================================= */

/* 目次全体 */
.p-toc {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
  padding-top: 1.15rem !important;
  padding-bottom: 1.15rem !important;
  border-top: 1px solid #aeb9bf !important;
  border-bottom: 1px solid #aeb9bf !important;
}

/* CONTENTS */
.p-toc__ttl {
  margin-bottom: 1rem !important;
  font-size: 0.9em !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  color: #334750 !important;
}

/* 目次リスト */
.p-toc__list {
  margin-top: 0 !important;
  counter-reset: ssaw-toc;
}

/* 各項目 */
.p-toc__list > li {
  margin-top: 0.45rem !important;
  margin-bottom: 0.45rem !important;
  line-height: 1.6 !important;
  counter-increment: ssaw-toc;
  list-style: none !important;
  display: flex !important;
  align-items: baseline !important;
  gap: 0 !important;
}

/* リンク */
.p-toc__list a {
  color: inherit !important;
  text-decoration: none !important;
}

/* 01 / 02 / 03 ... */
.p-toc__list > li::before {
  content: counter(ssaw-toc, decimal-leading-zero) " /" !important;
  display: inline-block !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  width: auto !important;
  height: auto !important;
  color: inherit !important;
  font-weight: 400 !important;
}

/* 見出しタイトル側 */
.p-toc__list > li > a {
  margin: 0 !important;
  margin-left: 0 !important;
  padding: 0 !important;
  padding-left: 0 !important;
}


/* =================================
   SSAW / ブログカード
   ================================= */

/* カード全体 */
.p-blogCard {
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease;
}

/* カーソルを合わせた時 */
.p-blogCard:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(20, 35, 45, 0.08);
}

/* 商品画像を大きく */
.p-blogCard__thumb {
  width: 150px !important;
  flex: 0 0 150px !important;
  overflow: hidden;
}

/* 画像の動き */
.p-blogCard__thumb img {
  transition: transform 0.22s ease;
}

.p-blogCard:hover .p-blogCard__thumb img {
  transform: scale(1.025);
}

/* 商品名を強く */
.p-blogCard__title {
  font-size: 1.06em !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  color: #263b45 !important;
}

/* 抜粋を最大2行 */
.p-blogCard__excerpt {
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top: 0.35em !important;
  line-height: 1.6 !important;
}

/* スマホ */
@media (max-width: 599px) {
  .p-blogCard__thumb {
    width: 110px !important;
    flex: 0 0 110px !important;
  }

  .p-blogCard__title {
    font-size: 1em !important;
  }
}


/* =================================
   SSAW LAB / HOME
   page-id-313 only
   ================================= */

/* 固定ページタイトル「HOME」を非表示 */
.page-id-313 .c-pageTitle {
  display: none !important;
}


/* =================================
   SSAW / JOURNAL 記事一覧
   page-id-180、Desktop用 listType="list" のみ対象。
   Mobile用 listType="card"(sp_only)には影響しない。
   SWELL標準の -type-list2 が持つ区切り線と同じ変数
   (--color_border)を使い、余白・色・角丸等は変更しない。
   ================================= */

#body_wrap.page-id-180 .p-postListWrap.pc_only .p-postList.-type-list > .p-postList__item:not(:last-child) {
  border-bottom: 1px solid var(--color_border);
}