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

/* コンテンツ幅をnoteっぽく細くする */
.l-mainContent {
  max-width: 720px;
  margin: 0 auto;
  padding: 40px 16px;
}

/* サイドバーを使わない前提（表示している場合は非表示） */
.l-sidebar {
  display: none;
}

/* トップページの記事一覧も中央寄せでシンプルに */
.l-articleList,
.l-archive {
  max-width: 720px;
  margin: 0 auto;
  padding: 40px 16px;
}
/* 本文まわり（noteっぽく読みやすさ優先） */
body {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue",
    "Segoe UI", "YuGothic", "Yu Gothic Medium", "Yu Gothic", sans-serif;
  color: #333;
  background: #fafafa;
}

/* 記事本文 */
.post_content,
.p-entry__body {
  font-size: 16px;
  line-height: 1.9;
  letter-spacing: 0.02em;
}

/* 見出しはシンプル＆色を変えない */
.post_content h1,
.post_content h2,
.post_content h3,
.post_content h4 {
  font-weight: 700;
  color: #222;
  border: none;
  background: none;
  padding: 0;
  margin: 2.5em 0 1em;
}

/* 段落の間隔を少し広めに */
.post_content p {
  margin: 1.2em 0;
}
/* リンクをシンプルに */
.post_content a {
  color: #2a7ae2;
  text-decoration: underline;
}
.post_content a:hover {
  opacity: 0.7;
}

/* SWELLボタンブロックをフラット＆シンプルに */
.wp-block-button__link,
.is-style-swell-btn {
  border-radius: 4px;
  box-shadow: none;
  background: #2a7ae2;
  color: #fff;
  padding: 10px 20px;
  font-weight: 500;
}
.wp-block-button__link:hover,
.is-style-swell-btn:hover {
  opacity: 0.85;
  transform: none;
}
/* 記事一覧カードの影や枠を削る */
.p-postList__item,
.p-postList__link {
  box-shadow: none !important;
  border: none !important;
  background: #ffffff;
}

/* プロフィールボックスや関連記事枠の装飾を弱く */
.c-postList,
.p-postRelated,
.p-authorBox {
  border: none;
  box-shadow: none;
  background: transparent;
}

/* SWELLの装飾ボックス（ふきだし・枠など）をシンプル化 */
.p-box {
  border-radius: 0;
  box-shadow: none;
  border: 1px solid #e5e5e5;
  background: #fff;
}
/* ヘッダーを白＋細いボーダーだけに */
.l-header {
  background: #ffffff;
  box-shadow: none;
  border-bottom: 1px solid #eeeeee;
}

/* ロゴとグローバルメニューまわりをフラットに */
.l-header__inner {
  max-width: 960px;
  margin: 0 auto;
  padding: 12px 16px;
}

/* グローバルナビをテキストリンク風に */
.c-gnav a {
  font-size: 14px;
  font-weight: 500;
  color: #555;
  text-decoration: none;
}
.c-gnav a:hover {
  opacity: 0.7;
  background: transparent;
}
/* 記事下のシェアボタンなどをスッキリさせる */
.p-shareButtons,
.p-entryBottom {
  border-top: 1px solid #eeeeee;
  padding-top: 24px;
  box-shadow: none;
}

/* 不要な枠や背景色を削る（好みでON/OFF） */
.p-entryBottom .c-box,
.p-entryBottom .c-postLinks {
  background: transparent;
  border: none;
  box-shadow: none;
}