@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
*/

/* --- 1. 記事一覧：カテゴリーバッジの表示調整 --- */
.c-postThumb__cat {
    right: auto;
    padding: 0 .75em;
    font-size: 10px;
    line-height: 2.4;
    -webkit-transform: perspective(0);
}

/* --- 2. 本文エリア全体の共通設定 --- */
.post_content {
    line-height: 1.5;
}

/* すべてのブロック下の余白を1.5emに統一 */
.post_content > * {
    margin-top: 0;
    margin-bottom: 1.5em;
}



/* --- 3. 段落・テーブルのインデント --- */
.post_content > p:not([class]) {
    padding-left: 0.5em;
    font-size: 15px;
}

.post_content .wp-block-table {
    padding-left: 0.5em;
}

/* --- 4. 見出しの余白調整（本文との親和性を考慮） --- */
.post_content h2 {
    margin: 2.0em 0 1.5em; 
}

.post_content h3 {
    padding: 0.4em 0.0em;
    font-size: 1.2rem;
    margin: 1.5em 0 1.0em;
}

.post_content h4 {
    padding: 0.1em 0.5em;
    font-size: 1.1rem;
    margin: 1.5em 0 0.8em;
}

.post_content h5 {
    padding: 0.4em 0.0em;
    font-size: 1.0rem;
    margin: 1.5em 0 0.8em;
}



/* --- PC（画面横幅960px以上）での画像サイズ調整 --- */
@media (min-width: 960px) {

  /* 1. 記事ページのアイキャッチ画像（PCのみ） */
  .single .p-articleThumb {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }

  /* 2. 記事本文内の画像（PCのみ） */
  .single .post_content .wp-block-image {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }
}


/* SWELL の記事コンテナの幅だけを上書き（最小限で安全） */
.l-article {
  max-width: 620px !important; /* ← 好きな幅に調整 */
  margin-left: auto;
  margin-right: auto;
}

/* 記事内のアドセンス広告だけ幅を制限 */
.single .adsbygoogle {
  max-width: 100%;
  width: 100% !important;
}

/* もくじの上のアドセンス広告の上に余白をつける */
.w-beforeToc {
  margin-top: 64px !important;
}
/* ヘッダー透過時の背景色と透過度を調整 */
.l-header.-transparent {
	background-color: rgba(0, 40, 0, 0.20) !important;
    backdrop-filter: blur(0px);
}
/* ヘッダー透過時の文字に影 */

/* メニューのメイン文字に影 */
.l-header.-transparent .ttl {
	text-shadow: 
		0 0 6px rgba(0, 80, 0, 0.90),
		0 0 4px rgba(0,50,0,0.6) !important;
}

/* メニューのサブ文字に影 */
.l-header.-transparent .desc {
    color: #fff !important;
    text-shadow:
        0 0 2px rgba(0, 80, 0, 0.9),
        0 0 6px rgba(0, 50, 0, 0.7) !important;
}
/* ヘッダーのロゴに影 */
.l-header.-transparent .c-headLogo__img {
    filter: drop-shadow(0 0 6px rgba(0, 80, 0, 0.8));
}