/* === 公開日・更新日デザイン（Smart Watch Life調整版）=== */
.contents_meta .date {
  font-size: 0.9em;               /* 少し小さめで控えめに */
  color: #555;                    /* 落ち着いた本文寄りのグレー */
  margin-top: 4px;
  letter-spacing: 0.03em;
  display: inline-block;
}

.contents_meta .date time {
  color: #333;                    /* 日付部分は少し濃く */
  font-weight: 500;
}

.contents_meta .date::before {
  content: "🕒 ";
  font-size: 0.95em;
  color: #009688;                 /* ブランドグリーンでアクセント */
}

/* 最終更新日をほんの少しだけ強調 */
.contents_meta .date span.updated {
  color: #009688;                 /* Smart Watch Lifeのブランドカラー */
  font-weight: 600;
}

/* スマホ対応：狭い幅では改行して読みやすく */
@media (max-width: 600px) {
  .contents_meta .date {
    display: block;
    line-height: 1.6;
  }
}
/* 日付行の微調整 */
.contents_meta .date{
  display:inline-flex;          /* アイコンと文字のベースラインを揃える */
  align-items:center;
  gap:6px;                      /* アイコンと文字の間隔 */
  line-height:1.5;
}

/* 時計アイコンを少しだけ小さく */
.contents_meta .date::before{
  font-size:0.9em;              /* 既存より一回り小さく */
  position:relative;
  top:0.5px;                    /* 僅かに下げて視覚中心を合わせる */
}

/* 公開日と更新日を “途中で改行しない” ように */
.contents_meta .date .pair{
  white-space:nowrap;           /* 「公開日： 2025.07.17」を1かたまりで表示 */
}

/* スマホでは公開日と更新日を改行して見やすく */
@media (max-width:600px){
  .contents_meta .date{
    flex-wrap:wrap;
    gap:2px 8px;
  }
  .contents_meta .date .break{
    flex-basis:100%;            /* 改行用要素（任意） */
    height:0;
  }
}

/* セパレーター（／）を少し薄くして主張を下げる（任意） */
.contents_meta .date .sep{
  color:#888;
}
/* メタ情報をフレックスで揃える */
.contents_meta{
  display:flex;
  align-items:center;    /* 縦位置を中央で揃える */
  gap:10px;              /* カテゴリと日付の間隔 */
  flex-wrap:wrap;        /* 幅が狭い時は自動折り返し */
}

/* 余白のリセットと行高さを統一 */
.contents_meta p{
  margin:0;
  line-height:1.5;
}

/* カテゴリの見た目微調整（任意） */
.contents_meta .cat a{
  display:inline-block;
  line-height:1.5;
}

/* 日付行のアイコン位置を微調整（既存の:beforeがある前提） */
.contents_meta .date::before{
  position:relative;
  top:0.5px;   /* 上下のズレを小さくする */
}

/* スマホがとても狭い場合は間隔を少し詰める */
@media (max-width: 480px){
  .contents_meta{ gap:8px; }
}

/* 公開日・最終更新日を右寄せに配置 */
.contents_meta {
  display: flex;
  justify-content: space-between; /* 左右に分ける */
  align-items: center;            /* 縦位置を中央揃え */
  flex-wrap: wrap;                /* スマホで折り返せるように */
}

/* 左側（カテゴリ） */
.contents_meta .cat {
  order: 1;
}

/* 右側（日付部分） */
.contents_meta .date {
  order: 2;
  margin-left: auto;
  text-align: right;
}

/* スマホ表示では縦並びに戻して見やすく */
@media (max-width: 600px) {
  .contents_meta {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
  .contents_meta .date {
    text-align: left;
    margin-left: 0;
  }
}
/* ────────────────
   スマホ時のタイトル下余白調整
──────────────── */
@media (max-width: 600px) {
  /* 記事タイトル（h1）の下余白を少し詰める */
  .contents_tit {
    margin-bottom: 0.2em; /* ←デフォルトより小さめに */
  }

  /* カテゴリとタイトルの間が空きすぎる場合の微調整 */
  .contents_meta {
    margin-top: 0.2em; /* 上方向の余白を減らす */
  }
}

/* はじめての方へ（案内文） */
.post_first_guide {
  margin: 10px 0 14px;   /* 下に1行分の余白 */
  font-size: 14px;
  line-height: 1.7;
  color: #333;
}

/* はじめての方へ 内のリンク */
.post_first_guide a {
  color: #0000ff;
  text-decoration: none;
}

.post_first_guide a:hover {
  text-decoration: underline;
}

/* 免責文 */
.post_disclaimer {
  margin-top: 14px;      /* 案内文との間隔 */
  font-size: 12px;
  color: #999;
  line-height: 1.6;
}