.text-body {
  color: #6C4D57 !important;
}

.lighter {
  color: #888888;
}

.purple {
  color: #9EB1D2;
}

.pink {
  color: #E691A6;
}

.lightpink {
  color: #FE9FB7;
}

.brown {
  color: #735147;
}

.lightbrown {
  color: #B0937E;
}

.lighterbrown {
  color: #A1846F;
}

.red {
  color: #EC5870;
}

.blue {
  color: #2C369A;
}

.blue02 {
  color: #A6CAEC;
}

.yellow {
  color: #FFDA00;
}

.green {
  color: #A6D51F;
}

.orange {
  color: #FFC400;
}

.lightgreen {
  color: #A5E8E8;
}

.lightblue {
  color: #29B8CA;
}

.lighterblue {
  color: #5864DB;
}

.lightestblue {
  color: #E7F1F9;
}

.bg-orange {
  background-color: #FFC400;
}

.bg-lightorange {
  background-color: #FBB65B;
}

.bg-green {
  background-color: #A6D51F;
}

.bg-red {
  background-color: #EC5870;
}

.bg-blue {
  background-color: #2C369A;
}

.bg-pink {
  background-color: #E691A6;
}

.bg-yellow {
  background-color: #FFDA00;
}

.bg-green {
  background-color: #A6D51F;
}

.bg-light {
  background-color: #f8f9fa !important;
}

.bg-lightblue {
  background-color: #29B8CA;
}

.bg-lightestblue {
  background-color: #E7F1F9;
}

.bg-lightestyellow {
  background-color: #FFFFEE;
}

.bg-lighterorange {
  background-color: #F9D5A6;
}

.bg-lightestorange {
  background-color: #FDF8EC;
}

.bg-lightgreen {
  background-color: #A5E8E8;
}

.bg-lightergreen {
  background-color: #ddecd4;
}

.bg-lightestgreen {
  background-color: #E1EFE2;
}

.bg-lightestpink {
  background-color: #FFEAEA;
}

.bg-lightpink {
  background-color: #FE9FB7;
}

.bg-light2 {
  background-color: #FBFAF8;
}

.bg-lightbrown {
  background-color: #B0937E;
}

.bg-lighterbrown {
  background-color: #A1846F;
}

.bg-brown {
  background-color: #735147;
}

.bg-transgreen {
  background-color: rgba(166, 213, 31, 0.9);
}

.bg-transwhite {
  background-color: rgba(255, 255, 255, 0.9);
}

.title {
  background: #FBFAF8;
  padding: 4rem 0;
}

h1 {
  font-size: 2rem;
}
h1 span {
  color: #E691A6;
  font-size: 0.8rem;
}

h2 {
  font-size: 1.5rem;
  margin: 3rem 0 2rem;
  border-bottom: solid 1px #ccc;
  padding: 1rem 1rem 1rem 2rem;
  position: relative;
}
h2::after {
  content: "";
  width: 6px;
  height: 70%;
  background: #FE9FB7;
  background: -moz-linear-gradient(top, #FE9FB7 0%, #F9C6AE 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FE9FB7), color-stop(100%, #F9C6AE));
  background: -webkit-linear-gradient(top, #FE9FB7 0%, #F9C6AE 100%);
  background: -o-linear-gradient(top, #FE9FB7 0%, #F9C6AE 100%);
  background: -ms-linear-gradient(top, #FE9FB7 0%, #F9C6AE 100%);
  background: linear-gradient(to bottom, #FE9FB7 0%, #F9C6AE 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$start-color", endColorstr="$end-color",GradientType=0 );
  -webkit-border-radius: 50rem;
  -moz-border-radius: 50rem;
  -ms-border-radius: 50rem;
  border-radius: 50rem;
  position: absolute;
  left: 0;
  top: 15%;
}

h3 {
  font-size: 1.3rem;
  margin: 2rem 0 1rem;
  background: #FFEAEA;
  -webkit-border-radius: 5rem;
  -moz-border-radius: 5rem;
  -ms-border-radius: 5rem;
  border-radius: 5rem;
  padding: 0.5rem 1.5rem;
}

h4 {
  font-size: 1.1rem;
  margin: 2rem 0 1rem;
  border-bottom: dotted 2px #E691A6;
}

h5 {
  font-size: 1.05rem;
  color: #E691A6;
}

h6 {
  font-size: 1rem;
}

.table-striped > tbody > tr:nth-of-type(2n+1) > * {
  background: #FBFAF8;
  box-shadow: none;
}

main ol,
main ul:not(.nav-mytabs) {
  padding-left: 1.5rem;
}
main ol li:not(:last-child),
main ul:not(.nav-mytabs) li:not(:last-child) {
  padding-bottom: 0.5rem;
}
main ol li::marker,
main ul:not(.nav-mytabs) li::marker {
  color: #E691A6;
}

ol.recipe_card {
  padding: 0;
  list-style: none;
}
ol.recipe_card li a {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-direction: revert;
  background-color: #FFEAEA;
  font-size: 110%;
  text-decoration: none;
  border-radius: 0.4rem;
  padding: 0.8rem 1rem;
}
ol.recipe_card li a .num {
  display: block;
  color: #fff;
  position: absolute;
  bottom: 0.8rem;
  left: 1rem;
  font-size: 1em;
  line-height: 0.6;
  border-radius: 100vh;
  padding: 0.6rem 0.8rem;
  background: #e691a6;
}
ol.recipe_card li a .txt {
  color: #6c4d57;
  line-height: 1.4;
}
ol.recipe_card li a .recipe_small {
  font-size: 0.875em;
}
ol.recipe_card li a img {
  max-width: 48%;
  height: auto;
  border-radius: 0.8rem;
  margin-left: 2%;
  box-shadow: 2px 2px 4px #555;
}

@media (max-width: 767.98px) {
  ol.recipe_card li a .txt.recipe_small {
    font-size: 100%;
  }
}
.mark-box {
  position: relative;
  line-height: 1.4;
  padding-left: 1em;
  padding-top: 0.5em;
}
.mark-box::before {
  position: absolute;
  content: "";
  left: -1rem;
  top: -0.8rem;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 0;
  border-color: #f00 transparent transparent transparent;
}
.mark-box::after {
  position: absolute;
  content: "NEW";
  transform: rotate(315deg);
  display: block;
  font-size: 11px;
  white-space: pre;
  color: #fff;
  left: -0.8rem;
  top: -0.2rem;
  text-align: center;
  z-index: 2;
  line-height: 1.2;
}

ul.list50 {
  display: flex;
  flex-wrap: wrap;
}
ul.list50 li:nth-child(odd) {
  width: 47%;
  margin-right: 6%;
}
ul.list50 li:nth-child(even) {
  width: 47%;
}

@media (max-width: 767.98px) {
  h1 {
    font-size: 1.4rem;
  }
  h2 {
    font-size: 1.3rem;
  }
  h3 {
    font-size: 1.2rem;
  }
  .title {
    padding: 3rem 0;
  }
}
@media (min-width: 768px) {
  ul.list_md_50 {
    display: flex;
    flex-wrap: wrap;
  }
  ul.list_md_50 li:nth-child(odd) {
    width: 47%;
    margin-right: 6%;
  }
  ul.list_md_50 li:nth-child(even) {
    width: 47%;
  }
}/*# sourceMappingURL=subpages.css.map */

/* =========================================================
   Blog List (original, no conflicts)  —  prefix: .blg-
   角丸は .blg-btn 以外すべて 0
   PC: サムネ左｜右にタイトル→本文
   SP: 1段目=サムネ左+タイトル右 / 2段目=本文全幅 / 3段目=ボタン全幅
   ========================================================= */

   /* --- 切り替えの基本 --- */
.blg-thumb-pc { display: block; }
.blg-thumb-sp { display: none; }

@media (max-width: 768px){
  /* PCサムネを隠し、SPサムネを表示 */
  .blg-thumb-pc { display: none; }
  .blg-thumb-sp { display: block; }
}

/* ---------- 基本レイアウト ---------- */
.blg-container{
  max-width:1200px;
  margin:0 auto;
  padding:16px 12px;
}
.blg-breadcrumb{
  font-size:12px;
  color:#6b7280;
  margin-bottom:12px;
}
.blg-grid{
  display:grid;
  grid-template-columns:1fr 360px; /* main + sidebar */
  gap:30px;
}
.blg-main{min-width:0;}
.blg-sidebar{min-width:0;}

/* ---------- 投稿カード ---------- */
.blg-post{
  margin:0 0 20px 0;
  background:#fff;
  border:1px solid #e5e7eb;
  box-shadow:0 2px 10px rgba(0,0,0,.04);
  border-radius:0; /* 角丸なし */
}
.blg-post__inner{padding:18px;}

/* PC: サムネ左 / 右に本文 */
.blg-post__row{
  display:grid;
  grid-template-columns:230px 1fr;
  gap:30px;
  align-items:start;
}

/* サムネイル */
.blg-post__thumbcol{min-width:0;}
.blg-post__thumblink{
  display:block;
  width:100%;
  aspect-ratio:1/1;
  overflow:hidden;
  background:#f3f4f6;
  border:1px solid #e5e7eb;
  border-radius:0;
  position:relative;
  z-index:0; /* テキスト前後関係の基準 */
}
.blg-post__img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  border-radius:0;
}

/* 右側コンテンツ（PCでは通常のフロー） */
.blg-post__content{min-width:0;}
.blg-post__meta{
  display:flex;
  align-items:center;
  gap:15px;
  margin:2px 0 8px;
  font-size:12px;
  color:#6b7280;
  position:relative;
  z-index:1;
}
.blg-post__date{
  line-height:1;
  font-size:12px;
}
.blg-post__cat{
  display:inline-block;
  line-height:1;
  font-size:10px;
  color:#fe9fb7;
  background:#f9fafb;
  border:1px solid #e5e7eb;
  padding:4px 6px;
  border-radius:0;
}
.blg-post__box{
  text-align: end;
}
.blg-post__title{
  margin:0 0 8px;
  font-size:16px;
  font-weight:700;
  line-height:1.45;
  color:#fe9fb7;        /* PCでは淡ピンク */
  padding:16px 0;
  border-radius:0;
  position:relative;
  z-index:1;
}
.blg-post__title::after{content:none;}
.blg-post__titlelink{
  color:inherit;
  text-decoration:none;
}
.blg-post__titlelink:hover{text-decoration:underline;}

.blg-post__excerpt{
  color:#6b7280;
  font-size:14px;
  line-height:1.75;
  margin:0 0 12px;
  word-break:break-word;
  border-radius:0;
  position:relative;
  z-index:1;
}

/* もっと見る（唯一の丸） */
.blg-btn{
  position: relative;
  display:inline-block;
  padding:0.4rem 2rem;
  background:#f28db0;
  color:#fff;
  font-size:12px;
  text-decoration:none;
  border:0;
  border-radius:9999px;  /* ボタンだけ丸 */
  line-height:1;
  transition:opacity .2s ease;
  position:relative;
  z-index:1;
}
.blg-btn::after{
  position: absolute;
  content: "";
  height: 5px;
  width: 5px;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  top: 50%;
  right: 15px;
  transform: translate(0,-50%) rotate(-45deg);
}
.blg-btn:hover{opacity:.9;}

/* ---------- ページネーション ---------- */
.blg-pagination{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:24px 0 8px;
}
.blg-pagination .page-numbers{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:36px;
  height:36px;
  padding:0 10px;
  border:1px solid #e5e7eb;
  background:#fff;
  color:#f28db0;
  font-size:14px;
  text-decoration:none;
  border-radius:0;
}
.blg-pagination .page-numbers:hover{background:#f28db0;}
.blg-pagination .page-numbers.current{
  background:#f28db0;
  color:#fff;
  border-color:#f28db0;
}

/* ---------- 投稿なし ---------- */
.blg-nopost{margin:12px 0 0; color:#6b7280;}

/* ===== Sidebar (sbar-) ===== */

/* ベース */
.sbar { display: grid; gap: 20px; }

/* カード */
.sbar-card{
  background:#fff;
  padding:20px;
}

/* 見出し（大） */
.sbar-title,.sbar-subtitle{
  margin:0 0;
  padding-bottom:10px;
  border-bottom:2px solid #f8b9c9;
  color:#ff8eac;
  line-height:1.2;
  background: none;
  border-radius: 0px;
  padding: .5rem 0;
}
.sbar-title__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#ff8eac;
}

/* 定義リスト */
.sbar-dl{
  display:block;
  margin:0;
}
.sbar-dl__row{
  display:grid;
  grid-template-columns: 88px 1fr;
  column-gap: 18px;
  padding:14px 0;
  font-size: 14px;
}
.sbar-dl__row:first-child{ border-top:0; }

.sbar-dl dt{
  margin:0;
  font-weight:800;
  color:#6b7280;
  letter-spacing:.08em;
}
.sbar-dl dd{
  margin:0;
  color:#222;
  line-height:1.7;
  border-left:1px solid #f2c7d2;
  padding-left:16px;
  word-break: break-word;
}

/* 電話 */
.sbar-tel{
  color:#222;
  text-decoration:none;
  font-weight:700;
  display:inline-block;
}
.sbar-tel:hover{ text-decoration:underline; }

/* ボタン群 */
.sbar-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-top:18px;
}
.sbar-btn{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:14px 15px;
  border-radius:9999px;
  font-size: 14px;
  line-height:1;
  text-decoration:none;
  transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.sbar-btn--outline{
  border:2px solid #ff8eac;
  color:#ff8eac;
  background:#fff;
}
.sbar-btn--outline:hover{
  background:#fff4f7;
}

/* マップ（比率ボックス） */
.sbar-map{ margin-top:18px; }
.sbar-map__ratio{
  position:relative;
  width:100%;
  padding-top: 75%; /* 4:3 */
  background:#fafafa;
  border:1px solid #eee;
}
.sbar-map__ratio iframe{
  position:absolute; inset:0;
  width:100%; height:100%;
  border:0;
}

/* 検索フォーム */
.sbar-search .search-form{
  display:flex;
  gap:12px;
  align-items:center;
}
.sbar-search .search-field{
  flex:1;
  height:45px;
  padding:0 18px;
  border:2px solid #efc9d6;
  font-size:14px;
  outline:none;
}
.sbar-search .search-field:focus{
  border-color:#ff8eac;
  box-shadow:0 0 0 3px rgba(255,142,172,.15);
}
.sbar-search .search-submit{
  border:0;
  background:#ff8eac;
  color:#fff;
  padding:0 22px;
  height:45px;
  border-radius:9999px;
  font-size: 14px;
  cursor:pointer;
}
.sbar-search .search-submit:hover{ opacity:.92; }

/* カテゴリ：ボックスリスト＋右矢印 */
.sbar-card ul{
  padding-left: 0!important;
}
.sbar-catlist{
  list-style:none; margin:0; padding:0;
  border:1px solid #e5e5e5; border-bottom:0;
  margin-top: 20px;
}
.sbar-catlist>li{
  padding: 0!important;
}
.sbar-catlist .sbar-cat{ border-bottom:1px solid #e5e5e5; }
.sbar-cat__link{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  color:#333; text-decoration:none; position:relative;
  padding: 15px 18px 15px 24px!important;
}
.sbar-cat__link:hover{ background:#fff7fa; }
.sbar-cat__name{ font-size:14px; line-height:1.3; font-weight: 400;}
.sbar-cat__count{ font-size:14px; color:#666; font-weight: 400;}
.sbar-cat__count::before{ content:"（"; }
.sbar-cat__count::after{ content:"）"; }

/* 右端のピンク矢印 */
.sbar-cat__link::after{
  content:""; width:10px; height:10px; flex:0 0 auto;
  border-right:3px solid #ff9ab3; border-top:3px solid #ff9ab3;
  transform:rotate(45deg); margin-left:8px;
}

/* 月別アーカイブ：大きめセレクト＋下向き矢印 */
.sbar-select--large{
  width:100%; height:45px;
  padding:0 48px 0 18px;
  margin-top: 20px;
  font-size: 14px;
  border:1px solid #e6e6e6; border-radius:0; background:#fff;
  -webkit-appearance:none; appearance:none;
  background-image:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff8eac' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
  background-repeat:no-repeat; background-position:right 16px center; background-size:18px;
}

/* スマホ微調整 */
@media (max-width: 768px){
  .sbar-dl__row{ grid-template-columns: 84px 1fr; }
  .sbar-actions{ gap:10px; }
}

/* ---------- レスポンシブ ---------- */
@media (max-width:1024px){
  .blg-grid{grid-template-columns:1fr;} /* 縦積み */
  .blg-sidebar{position:static;}
}

@media (max-width: 768px) {
    /* サムネの基準サイズ（端末幅に応じて 88〜120px） */
  :root { --blg-sp-thumb: clamp(88px, 24vw, 120px); }
  /* カードの土台 */
  .blg-post { position: relative; border-width: 1px; }
  .blg-post__inner { padding: 20px; }
    /* 2列グリッド＋エリア定義
     ┌───────────────┬──────────────┐
     │  thumb         │ meta         │  ← 1行目
     ├───────────────┼──────────────┤
     │  thumb         │ title        │  ← 2行目
     ├────────────────────────────────┤
     │            excerpt (full)      │  ← 3行目
     ├────────────────────────────────┤
     │              cta (full)        │  ← 4行目
     └────────────────────────────────┘
  */
  .blg-post__row{
    display: block;
  }
  .blg-post__wrapper{
    display:flex;
    align-items:flex-start; /* タイトル行と頭を揃える */
    gap:14px;
    margin-bottom:1rem;
  }
  /* ← ここがポイント：縮まない幅（flex-basis）に固定 */
  .blg-thumb-sp.blg-post__thumbcol{
    flex:0 0 var(--blg-sp-thumb);   /* 固定幅で縮ませない */
  }

  /* 正方形の箱を明示。aspect-ratio 互換も入れる */
  .blg-thumb-sp .blg-post__thumblink{
    width:var(--blg-sp-thumb);
    height:var(--blg-sp-thumb);     /* これで常に正方形 */
    aspect-ratio:auto;              /* 明示して高さ優先 */
    overflow:hidden;
    position:relative;
  }

  .blg-thumb-sp .blg-post__img{
    width:100%;
    height:100%;
    object-fit:cover;               /* トリミングで中央を表示 */
    display:block;
  }

  /* 子要素を親グリッド直下に展開して個別配置できるように */
  .blg-post__content { display: contents; }

  /* 各パーツの配置 */
  .blg-post__thumbcol { width: 150px; z-index: 0; }
  .blg-post__thumblink { width: 100%; aspect-ratio: 1 / 1; }
  .blg-post__titlelink:hover { text-decoration: underline; }
  .blg-post__title{padding:5px 0;}
}


/* ===== Single (sgl-) ===== */

/* 本文カード風（必要に応じて影・枠を調整）*/
.sgl-post{
  background:#fff;
  border:1px solid #e5e7eb;
  box-shadow:0 2px 10px rgba(0,0,0,.04);
  border-radius:0;
  padding:22px;
}

/* ヘッダー */
.sgl-head{ margin-bottom:16px; }
.sgl-meta{
  display:flex; flex-wrap:wrap; align-items:center; gap:10px;
  color:#6b7280; font-size:13px; line-height:1;
}
.sgl-cat{
  margin-left:auto;          /* 右端に寄せたい場合 */
  background:#f9fafb; border:1px solid #e5e7eb;
  color:#ff8eac; font-weight:400;
  padding:6px 10px; line-height:1; border-radius:0;
  font-size: 12px;
}
.sgl-title{
  margin:.6rem 0 0;
  font-size:24px; font-weight:700; line-height:1.35;
  color:#ff7da8;             /* 見本に合わせたピンク */
  padding-bottom: 15px;
  border-bottom: 2px solid #29B8CA;
}
.sgl-title::after{
  content: "";
}
@media (max-width:768px){
  .sgl-title{ font-size:18px; }
}

/* サムネイル（任意） */
.sgl-thumb{ margin:16px 0 10px; }
.sgl-thumb__img{ width:100%; height:auto; display:block; border-radius:0; }

/* 本文 */
.sgl-content{ color:#222; line-height:1.9; font-size:16px; }
.sgl-content p{ margin:1em 0; }
.sgl-content img{ max-width:100%; height:auto; display:block; margin:1rem auto; border-radius:0; }
.sgl-content figure{ margin:1.25rem 0; }
.sgl-content h2,h3,h4{ margin:1.6em 0 .6em; line-height:1.4; font-size: 20px;}
.sgl-content ul, .sgl-content ol{ padding-left:1.25em; }

/* ページ分割 */
.sgl-pages{ margin:20px 0; display:flex; flex-wrap:wrap; gap:8px; }
.sgl-pages a, .sgl-pages span{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:34px; height:34px; padding:0 10px;
  border:1px solid #e5e7eb; background:#fff; color:#374151; text-decoration:none;
}

/* フッター：タグ & 前後ナビ */
.sgl-footer{ margin-top:22px; }
.sgl-tags{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:18px; }
.sgl-tags__label{ font-weight:700; color:#6b7280; }
.sgl-taglist{ list-style:none; margin:0; padding:0; display:flex; gap:8px; flex-wrap:wrap; }
.sgl-taglist li{
  border:1px solid #e5e7eb; padding:6px 10px; font-size:13px; background:#fff; border-radius:0;
}

.sgl-pager{
  display:flex; justify-content:space-between; gap:16px; margin-top:10px;
}
.sgl-pager a{
  color:#ff7da8; text-decoration:none; border-bottom:1px dotted #ffb6ca;
}
.sgl-pager a:hover{ text-decoration:underline; }

/* ===== Related & Prev/Next for single ===== */

/* 見出しライン＆アイコン */
.sgl-related{ margin-top:30px; padding-top:10px; border-top:2px solid #f8b9c9; }
.sgl-related>ul{
  padding-left: 0!important;
}
.sgl-related__title{
  margin:0 0 8px;
  font-size:18px; font-weight:800; color:#ff8eac; display:flex; align-items:center; gap:.5rem;
}
.sgl-related__icon{ font-size:1.1em; line-height:1; }

/* リスト */
.sgl-related__list{ list-style:none; margin:0; padding:0; }
.sgl-related__list>li{
  padding: 0!important;
}
.sgl-related__item{
  padding:14px 0;
}
.sgl-related__item:first-child{ border-top:0; }
.sgl-related__link{
  position:relative; display:block; padding-left:18px; color:#333; text-decoration:none;
  font-weight: 400;
  padding: 12px 0 12px 15px;
  font-size: 14px;
}
.sgl-related__link::before{
  content:"›"; position:absolute; left:0; top:50%; color:#ff8eac; font-weight:700;
  transform: translate(0,-50%);
}
.sgl-related__link:hover{ text-decoration:underline; }

/* 前後ナビ（2カラム） */
.sgl-navgrid{
  margin:28px 0 0; padding:22px 0;
  border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;
  display:grid; grid-template-columns:1fr 1fr; gap:24px;
}
.sgl-nav{ min-height:60px; }
.sgl-nav--prev{ text-align:left; }
.sgl-nav--next{ text-align:right; }

.sgl-nav__label{
  display:inline-flex; align-items:center; gap:.35rem;
  color:#ff8eac; font-weight:700; font-size:14px;
  margin-bottom:6px;
  font-weight: 400;
}
.sgl-nav__label--prev::before{ content:"‹"; }
.sgl-nav__label--next::after{ content:"›"; }

.sgl-nav__link{
  display:block; color:#333; text-decoration:none; line-height:1.6;
  border-top:1px solid #f2c7d2; padding-top:10px;
  font-weight: 400;
  font-size: 14px;
}
.sgl-nav__link:hover{ text-decoration:underline; }

/* ブログTOPへ */
.sgl-back{ text-align:center; margin:26px 0 6px; }
.sgl-back__btn{ font-size:14px; padding:14px 26px; }

/* SP微調整 */
@media (max-width:768px){
  .sgl-related__title{ font-size:14px; }
  .sgl-navgrid{ grid-template-columns:1fr; gap:16px; }
  .sgl-nav--next{ text-align:left; }
  .sgl-content h2,h3,h4{font-size: 16px;}
}