/*
============================================================
 フコイダン健康堂「健康情報ブログ」トップページ用CSS
 ------------------------------------------------------------
 初心者の方でも変更しやすいように、できるだけ
 「何を指定しているか」が分かるように書いています。

 よく変更する場所
 ① 全体の幅       → --site-width
 ② メインカラー   → --green / --blue
 ③ 角丸           → --radius
 ④ 影             → --shadow
 ⑤ スマホ表示     → 一番下の @media
============================================================
*/


/* ----------------------------------------------------------
   1. 全体の基本設定
---------------------------------------------------------- */

:root {
  --green: #238b72;       /* メインの緑 */
  --green-light: #edf8f4; /* 薄い緑 */
  --blue: #168ac2;        /* 青 */
  --blue-light: #edf7fc;  /* 薄い青 */
  --yellow: #e5aa27;      /* 黄色 */
  --red: #e97873;         /* 赤 */
  --text: #183f55;        /* 基本の文字色 */
  --sub-text: #71848c;    /* 補助的な文字色 */
  --line: #dfeae8;        /* 枠線 */
  --background: #f7fbfa;  /* 背景 */
  --white: #ffffff;

  --site-width: 1180px;  /* ページの最大幅 */
  --radius: 16px;        /* カードの角丸 */
  --shadow: 0 8px 25px rgba(30, 75, 90, 0.08);
}


/* ブラウザ標準の余白をリセット */
* {
  box-sizing: border-box;
}


/* ページ全体 */
html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  color: var(--text);
  background: #fff;

  /* 日本語で読みやすいフォント */
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Noto Sans JP",
    "Yu Gothic",
    Meiryo,
    sans-serif;

  line-height: 1.75;
}


/* リンク */
a {
  color: inherit;
  text-decoration: none;
}


/* 画像 */
img {
  display: block;
  max-width: 100%;
}


/* ページ中央の幅 */
.fucoidan-container {
  width: min(100% - 40px, var(--site-width));
  margin: 0 auto;
}


/* アクセシビリティ用 */
.fucoidan-screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}


/* ----------------------------------------------------------
   2. ページ最上部
---------------------------------------------------------- */

.fucoidan-top-message {
  padding: 7px 15px;

  background: #f0faf7;
  border-bottom: 1px solid #e2efec;

  color: #5c7774;
  text-align: center;
  font-size: 13px;
}


/* ----------------------------------------------------------
   3. ヘッダー
---------------------------------------------------------- */

.fucoidan-site-header {
  background: var(--white);
  border-bottom: 1px solid #e7efed;
}


.fucoidan-header-inner {
  width: min(100% - 40px, var(--site-width));
  min-height: 72px;
  margin: 0 auto;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 25px;
}


/* 左側のロゴ */
.fucoidan-site-logo {
  display: flex;
  align-items: center;
  gap: 8px;

  color: #17564c;
}


.fucoidan-logo-leaf {
  font-size: 28px;
}


.fucoidan-site-logo strong {
  font-family: "Yu Mincho", "Hiragino Mincho ProN", serif;
  font-size: 23px;
  letter-spacing: 0.04em;
}


.fucoidan-site-logo small {
  font-family: "Yu Mincho", "Hiragino Mincho ProN", serif;
  font-size: 15px;
  color: #50736e;
}


/* 右側メニュー */
.fucoidan-main-nav {
  display: flex;
  align-items: center;
  gap: 28px;

  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
}


.fucoidan-main-nav a:hover {
  color: var(--blue);
}


/* 「公式サイト」だけボタン風にする */
.fucoidan-main-nav .fucoidan-official-link {
  padding: 8px 18px;

  border: 1px solid #40a8e1;
  border-radius: 999px;

  color: #167bb1;
}


/* ----------------------------------------------------------
   4. ヒーロー画像
---------------------------------------------------------- */

.fucoidan-hero {
  position: relative;
  min-height: 390px;
  overflow: hidden;

  background: #dff4f7;
}


/* 実際の写真 */
.fucoidan-hero-image {
  position: absolute;
  inset: 0;

  width: 100%;
  height: 100%;

  object-fit: cover;

  /* 家族を右側に残し、左側に文字スペースを確保 */
  object-position: center center;
}


/* 写真の上に白いグラデーションを重ねる */
.fucoidan-hero-overlay {
  position: absolute;
  inset: 0;

  background:
    linear-gradient(
      90deg,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.76) 40%,
      rgba(255,255,255,0.18) 70%,
      rgba(255,255,255,0.02) 100%
    );
}


/* ヒーロー内の文字 */
.fucoidan-hero-content {
  position: relative;
  z-index: 2;

  width: min(100% - 40px, var(--site-width));
  min-height: 390px;
  margin: 0 auto;

  display: flex;
  flex-direction: column;
  justify-content: center;

  padding: 45px 0;
}


/* 大きなタイトル */
.fucoidan-hero h1 {
  max-width: 650px;
  margin: 0 0 8px;

  color: #13527c;

  font-family: "Yu Mincho", "Hiragino Mincho ProN", serif;
  font-size: clamp(36px, 4.5vw, 58px);
  line-height: 1.35;
  letter-spacing: 0.03em;
}


/* タイトル下の文章 */
.fucoidan-hero-lead {
  max-width: 620px;
  margin: 0 0 25px;

  color: #17576f;

  font-size: clamp(17px, 2vw, 23px);
  font-weight: 700;
  line-height: 1.6;
}


/* 公式サイトボタン */
.fucoidan-hero-button {
  align-self: flex-start;

  padding: 13px 28px;

  background: #1b9ca0;
  border-radius: 999px;

  color: #fff;
  font-size: 16px;
  font-weight: 700;

  box-shadow: 0 8px 20px rgba(27, 156, 160, 0.22);
}


.fucoidan-hero-button:hover {
  background: #137f83;
  transform: translateY(-2px);
}


/* 「ブログです」という説明 */
.fucoidan-hero-note {
  margin: 10px 0 0;

  color: #55737a;
  font-size: 12px;
}


/* ----------------------------------------------------------
   5. カテゴリー
---------------------------------------------------------- */

.fucoidan-category-section {
  padding: 28px 0 30px;

  background: var(--background);
  border-bottom: 1px solid #e5efec;
}


/* 見出し */
.fucoidan-section-heading {
  display: flex;
  align-items: end;
  gap: 18px;

  margin-bottom: 16px;
}


.fucoidan-section-heading > div {
  display: flex;
  align-items: center;
  gap: 8px;
}


.fucoidan-heading-leaf {
  font-size: 22px;
}


.fucoidan-section-heading h2 {
  margin: 0;

  color: #19534b;

  font-family: "Yu Mincho", "Hiragino Mincho ProN", serif;
  font-size: 24px;
}


.fucoidan-section-heading p {
  margin: 0;

  color: var(--sub-text);
  font-size: 13px;
}


/* 4つのカテゴリーを横並びにする */
.fucoidan-category-grid {
  display: grid;

  grid-template-columns: repeat(4, 1fr);

  gap: 14px;
}


/* カテゴリーカード */
.fucoidan-category-card {
  min-height: 92px;
  padding: 15px 16px;

  display: flex;
  align-items: center;
  gap: 12px;

  background: #fff;
  border: 1px solid var(--line);
  border-radius: 13px;

  box-shadow: 0 5px 16px rgba(45, 91, 91, 0.05);
}


.fucoidan-category-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow);
}


/* カテゴリーの丸いアイコン */
.fucoidan-category-icon {
  flex: 0 0 44px;

  width: 44px;
  height: 44px;

  display: grid;
  place-items: center;

  border-radius: 50%;

  color: #fff;
  font-size: 21px;
}


/* 4色 */
.category-red .fucoidan-category-icon {
  background: var(--red);
}

.category-green .fucoidan-category-icon {
  background: #75ad56;
}

.category-blue .fucoidan-category-icon {
  background: #3f9fc5;
}

.category-yellow .fucoidan-category-icon {
  background: var(--yellow);
}


/* カテゴリー名 */
.fucoidan-category-card strong {
  display: block;

  color: #214f65;
  font-size: 15px;
}


/* 説明 */
.fucoidan-category-card small {
  display: block;

  margin-top: 2px;

  color: #75878e;
  font-size: 11px;
}


/* 右端の矢印 */
.fucoidan-category-card b {
  margin-left: auto;

  color: #78939c;
  font-size: 20px;
}


/* ----------------------------------------------------------
   6. 記事エリア
---------------------------------------------------------- */

.fucoidan-article-section {
  padding: 42px 0 70px;
}


.fucoidan-article-layout {
  display: grid;

  /* 左：記事、右：サイドバー */
  grid-template-columns: minmax(0, 1fr) 280px;

  gap: 30px;
}


/* 見出し＋右側のリンク */
.fucoidan-section-title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 15px;

  margin-bottom: 20px;
}


.fucoidan-section-title-row h2 {
  position: relative;

  display: flex;
  align-items: center;
  gap: 9px;

  margin: 0;

  color: #19524c;

  font-family: "Yu Mincho", "Hiragino Mincho ProN", serif;
  font-size: 26px;
}


.fucoidan-section-title-row h2::after {
  content: "";

  display: block;

  width: 90px;
  height: 1px;

  margin-left: 4px;

  background: linear-gradient(90deg, #acd8d4, transparent);
}


.fucoidan-section-title-row > a {
  color: #2182ae;
  font-size: 12px;
  white-space: nowrap;
}


.fucoidan-section-title-row > a:hover {
  text-decoration: underline;
}


/* ----------------------------------------------------------
   7. 注目記事カード
---------------------------------------------------------- */

.fucoidan-featured-grid {
  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 18px;
}


.fucoidan-article-card {
  height: 100%;
  overflow: hidden;

  display: flex;
  flex-direction: column;

  background: #fff;
  border: 1px solid #e1ebea;
  border-radius: var(--radius);

  box-shadow: var(--shadow);
}


.fucoidan-article-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(26, 76, 89, 0.12);
}


/* 記事画像 */
.fucoidan-article-card > a:first-child img {
  width: 100%;
  height: 185px;

  object-fit: cover;
}


/* 記事本文 */
.fucoidan-article-body {
  flex: 1;

  display: flex;
  flex-direction: column;

  padding: 15px 17px 17px;
}


/* カテゴリーの小さなラベル */
.fucoidan-badge {
  align-self: flex-start;

  display: inline-block;

  margin-bottom: 8px;
  padding: 5px 9px;

  border-radius: 999px;

  font-size: 11px;
  font-weight: 700;
  line-height: 1;
}


.fucoidan-badge.red {
  background: #fff0ef;
  color: #d26360;
}


.fucoidan-badge.blue {
  background: #eaf5fb;
  color: #197ca8;
}


.fucoidan-badge.yellow {
  background: #fff8df;
  color: #a97912;
}


/* 記事タイトル */
.fucoidan-article-card h3 {
  margin: 0;

  color: #173e56;

  font-size: 17px;
  line-height: 1.55;
}


.fucoidan-article-card h3 a:hover {
  color: var(--blue);
}


/* 記事の短い説明 */
.fucoidan-article-card p {
  margin: 8px 0 0;

  color: #71828a;

  font-size: 12px;
  line-height: 1.65;
}


/* 日付 */
.fucoidan-article-card time {
  margin-top: auto;
  padding-top: 12px;

  color: #8b9ba0;
  font-size: 11px;
}


/* 画像がない4枚目 */
.fucoidan-simple-card .fucoidan-simple-image {
  height: 185px;

  display: grid;
  place-items: center;

  background:
    linear-gradient(
      135deg,
      #d9f0d2,
      #fff2c6 55%,
      #d7edf5
    );

  font-size: 64px;
}


/* ----------------------------------------------------------
   8. 新着記事
---------------------------------------------------------- */

.fucoidan-new-title {
  margin-top: 44px;
}


.fucoidan-new-articles {
  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: 18px;
}


.fucoidan-new-articles article {
  padding: 18px;

  background: #fff;
  border: 1px solid var(--line);
  border-radius: 13px;

  box-shadow: 0 5px 18px rgba(30, 75, 90, 0.05);
}


.fucoidan-new-articles h3 {
  margin: 6px 0 0;

  font-size: 15px;
  line-height: 1.55;
}


.fucoidan-new-articles h3 a:hover {
  color: var(--blue);
}


.fucoidan-new-articles time {
  display: block;

  margin-top: 8px;

  color: #8b9ba0;
  font-size: 11px;
}


/* ----------------------------------------------------------
   9. 下部CTA
---------------------------------------------------------- */

.fucoidan-bottom-cta {
  margin-top: 45px;
  padding: 30px;

  background: linear-gradient(135deg, #edf9f5, #eef8ff);

  border: 1px solid #d6ebe7;
  border-radius: 18px;

  text-align: center;
}


.fucoidan-bottom-cta h2 {
  margin: 0 0 8px;

  color: #1d554f;

  font-family: "Yu Mincho", "Hiragino Mincho ProN", serif;
  font-size: 23px;
}


.fucoidan-bottom-cta p {
  margin: 0 0 17px;

  color: #637b81;
  font-size: 13px;
}


.fucoidan-bottom-cta a {
  display: inline-block;

  padding: 10px 23px;

  background: #218fa6;
  border-radius: 999px;

  color: #fff;
  font-size: 14px;
  font-weight: 700;
}


/* ----------------------------------------------------------
   10. サイドバー
---------------------------------------------------------- */

.fucoidan-side-box {
  margin-bottom: 18px;
  padding: 18px;

  background: #fff;
  border: 1px solid #e0ebea;
  border-radius: 14px;

  box-shadow: 0 7px 22px rgba(26, 76, 89, 0.06);
}


/* 検索ボックス */
.fucoidan-search-form {
  display: flex;

  margin-bottom: 17px;

  border: 1px solid #dce8e7;
  border-radius: 10px;

  overflow: hidden;
}


.fucoidan-search-form input {
  width: 100%;

  padding: 10px;

  border: 0;
  outline: 0;

  font-size: 13px;
}


.fucoidan-search-form button {
  padding: 0 12px;

  border: 0;
  background: #fff;

  color: #236a83;
  font-size: 20px;

  cursor: pointer;
}


/* サイドバー見出し */
.fucoidan-side-box h3 {
  margin: 0 0 10px;

  color: #1c5262;

  font-family: "Yu Mincho", "Hiragino Mincho ProN", serif;
  font-size: 17px;
}


/* サイドバーのリスト */
.fucoidan-side-box ul {
  list-style: none;

  margin: 0;
  padding: 0;
}


.fucoidan-side-box li {
  border-top: 1px solid #edf2f1;
}


.fucoidan-side-box li:first-child {
  border-top: 0;
}


.fucoidan-side-box li a {
  display: flex;
  justify-content: space-between;

  padding: 9px 0;

  color: #486b76;
  font-size: 13px;
}


.fucoidan-side-box li a:hover {
  color: var(--blue);
}


/* 公式サイト案内 */
.fucoidan-official-box {
  background: linear-gradient(145deg, #eefaf7, #f4faff);
  border-color: #d7ebe6;
}


.fucoidan-official-box strong {
  color: #23665e;
  font-size: 15px;
}


.fucoidan-official-box p {
  margin: 7px 0;

  color: #687e83;
  font-size: 12px;
}


.fucoidan-official-box > a {
  color: #167e8d;
  font-size: 13px;
  font-weight: 700;
}


/* ----------------------------------------------------------
   11. フッター
---------------------------------------------------------- */

.fucoidan-site-footer {
  background: #163f4d;
  color: #dcebef;
}


.fucoidan-footer-inner {
  width: min(100% - 40px, var(--site-width));
  margin: 0 auto;
  padding: 36px 0 24px;

  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr;

  gap: 35px;
}


.fucoidan-site-footer h2 {
  margin: 0 0 8px;
  font-size: 18px;
}


.fucoidan-site-footer h3 {
  margin: 0 0 10px;
  font-size: 14px;
}


.fucoidan-site-footer p,
.fucoidan-site-footer li {
  color: #b9d0d6;
  font-size: 12px;
}


.fucoidan-site-footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}


.fucoidan-site-footer li {
  margin: 5px 0;
}


.fucoidan-site-footer a:hover {
  color: #fff;
}


.fucoidan-copyright {
  padding: 14px 20px;

  border-top: 1px solid rgba(255,255,255,0.14);

  color: #a9c2c8;

  text-align: center;
  font-size: 11px;
}


/* ==========================================================
   12. タブレット
   ========================================================== */

@media (max-width: 900px) {

  .fucoidan-header-inner {
    min-height: 64px;
  }

  .fucoidan-site-logo strong {
    font-size: 19px;
  }

  .fucoidan-site-logo small {
    display: none;
  }

  .fucoidan-main-nav {
    gap: 15px;
    font-size: 12px;
  }

  .fucoidan-hero-content {
    min-height: 390px;
  }

  .fucoidan-category-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .fucoidan-article-layout {
    grid-template-columns: 1fr;
  }

  .fucoidan-new-articles {
    grid-template-columns: repeat(2, 1fr);
  }

  .fucoidan-sidebar {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
  }

  .fucoidan-side-box {
    margin-bottom: 0;
  }

  .fucoidan-footer-inner {
    grid-template-columns: repeat(2, 1fr);
  }
}


/* ==========================================================
   13. スマートフォン
   ========================================================== */

@media (max-width: 640px) {

  /* 左右の余白を小さくする */
  .fucoidan-container,
  .fucoidan-header-inner,
  .fucoidan-hero-content,
  .fucoidan-footer-inner {
    width: min(100% - 28px, var(--site-width));
  }


  .fucoidan-top-message {
    font-size: 11px;
  }


  /* ヘッダー */
  .fucoidan-header-inner {
    min-height: 60px;
  }


  .fucoidan-logo-leaf {
    font-size: 22px;
  }


  .fucoidan-site-logo strong {
    font-size: 16px;
  }


  .fucoidan-main-nav {
    gap: 8px;
    font-size: 10px;
  }


  .fucoidan-main-nav a:first-child {
    display: none;
  }


  .fucoidan-main-nav .fucoidan-official-link {
    padding: 6px 10px;
  }


  /* ヒーロー */
  .fucoidan-hero {
    min-height: 430px;
  }


  .fucoidan-hero-image {
    /* スマホでは家族を少し右側に置く */
    object-position: 63% center;
  }


  .fucoidan-hero-overlay {
    background:
      linear-gradient(
        180deg,
        rgba(255,255,255,0.94) 0%,
        rgba(255,255,255,0.80) 55%,
        rgba(255,255,255,0.10) 100%
      );
  }


  .fucoidan-hero-content {
    min-height: 430px;

    align-items: center;

    padding: 38px 0 30px;

    text-align: center;
  }


  .fucoidan-hero h1 {
    font-size: 34px;
  }


  .fucoidan-hero-lead {
    font-size: 16px;
  }


  .fucoidan-hero-button {
    align-self: center;

    padding: 11px 20px;

    font-size: 14px;
  }


  /* カテゴリー */
  .fucoidan-category-section {
    padding: 24px 0;
  }


  .fucoidan-section-heading {
    display: block;
  }


  .fucoidan-section-heading h2 {
    font-size: 21px;
  }


  .fucoidan-section-heading p {
    margin-top: 3px;

    font-size: 12px;
  }


  .fucoidan-category-grid {
    grid-template-columns: repeat(2, 1fr);

    gap: 9px;
  }


  .fucoidan-category-card {
    min-height: 86px;

    padding: 10px;

    gap: 7px;
  }


  .fucoidan-category-icon {
    flex-basis: 36px;

    width: 36px;
    height: 36px;

    font-size: 17px;
  }


  .fucoidan-category-card strong {
    font-size: 12px;
    line-height: 1.4;
  }


  .fucoidan-category-card small {
    font-size: 9px;
    line-height: 1.4;
  }


  .fucoidan-category-card b {
    display: none;
  }


  /* 記事 */
  .fucoidan-article-section {
    padding: 30px 0 50px;
  }


  .fucoidan-section-title-row h2 {
    font-size: 21px;
  }


  .fucoidan-section-title-row h2::after {
    display: none;
  }


  .fucoidan-featured-grid {
    grid-template-columns: 1fr;

    gap: 14px;
  }


  .fucoidan-article-card > a:first-child img,
  .fucoidan-simple-card .fucoidan-simple-image {
    height: 190px;
  }


  .fucoidan-article-card h3 {
    font-size: 16px;
  }


  .fucoidan-article-card p {
    font-size: 11px;
  }


  .fucoidan-new-title {
    margin-top: 34px;
  }


  .fucoidan-new-articles {
    grid-template-columns: 1fr;

    gap: 14px;
  }


  /* サイドバー */
  .fucoidan-sidebar {
    display: block;

    margin-top: 28px;
  }


  .fucoidan-side-box {
    margin-bottom: 14px;
  }


  /* CTA */
  .fucoidan-bottom-cta {
    margin-top: 32px;

    padding: 23px 16px;
  }


  .fucoidan-bottom-cta h2 {
    font-size: 21px;
  }


  /* フッター */
  .fucoidan-footer-inner {
    grid-template-columns: 1fr;

    padding: 30px 0 20px;
  }


  .fucoidan-footer-inner > div:nth-child(2),
  .fucoidan-footer-inner > div:nth-child(3) {
    display: none;
  }

}


/* ----------------------------------------------------------
   WordPress / Cocoon との競合を避けるための基本指定
---------------------------------------------------------- */
body.fucoidan-blog-top {
  margin: 0 !important;
  padding: 0 !important;
  background: #fff !important;
}

body.fucoidan-blog-top .fucoidan-site-header,
body.fucoidan-blog-top .fucoidan-site-footer,
body.fucoidan-blog-top .fucoidan-hero,
body.fucoidan-blog-top .fucoidan-category-section,
body.fucoidan-blog-top .fucoidan-article-section {
  width: 100%;
}

body.fucoidan-blog-top .fucoidan-site-header *,
body.fucoidan-blog-top .fucoidan-site-footer *,
body.fucoidan-blog-top .fucoidan-hero *,
body.fucoidan-blog-top .fucoidan-category-section *,
body.fucoidan-blog-top .fucoidan-article-section * {
  box-sizing: border-box;
}

.fucoidan-card-image-link {
  display: block;
  overflow: hidden;
}

.fucoidan-article-image {
  width: 100%;
  height: 185px;
  object-fit: cover;
}

.fucoidan-no-image {
  height: 185px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, #d9f0d2, #fff2c6 55%, #d7edf5);
  font-size: 64px;
}

.fucoidan-article-card {
  transition: transform .2s ease, box-shadow .2s ease;
}

.fucoidan-category-card,
.fucoidan-hero-button,
.fucoidan-main-nav a {
  transition: transform .2s ease, background .2s ease, color .2s ease, box-shadow .2s ease;
}

/* Cocoon側のページタイトル等が home.php に割り込まないよう、
   このトップページは独自レイアウトだけで構成します。 */
body.fucoidan-blog-top .wrap,
body.fucoidan-blog-top #container,
body.fucoidan-blog-top .main,
body.fucoidan-blog-top .content,
body.fucoidan-blog-top .sidebar {
  max-width: none;
}

/* WordPressの管理バーが表示される場合の余白 */
body.admin-bar .fucoidan-site-header {
  /* 管理バーはWordPressが上部に表示するため追加調整不要 */
}

/* 古いテーマ側の画像指定が強い場合の上書き */
body.fucoidan-blog-top .fucoidan-hero-image {
  max-width: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.fucoidan-blog-top .fucoidan-article-card img {
  border: 0 !important;
  box-shadow: none !important;
}


/* ==========================================================
   ブログ共通ヘッダー
   個別記事・カテゴリー・タグ・ブログ固定ページにも適用
   ========================================================== */

.fucoidan-top-message,
.fucoidan-site-header {
	width: 100%;
}

.fucoidan-site-logo-image {
	width: 64px;
	height: 64px;
	object-fit: contain;
	flex: 0 0 64px;
}

@media (max-width: 640px) {

	.fucoidan-site-logo-image {
		width: 46px;
		height: 46px;
		flex-basis: 46px;
	}

}