/* =============================================
   SP Portal RSS - Styles
   SWELL テーマに合わせたデザイン
   ============================================= */

/* --- セクション共通 --- */
.sppr-section {
  margin-bottom: 2.5em;
}

/* 見出しは非表示（各セクションのセクション名タイトルを出さない） */
.sppr-section-title {
  display: none !important;
  font-size: 1.15em;
  font-weight: 700;
  margin: 0 0 0.75em;
  padding: 0 0 0.4em;
  border-bottom: 3px solid #4caf50;
  color: #333;
  line-height: 1.4;
}

/* digest（スライダー）: 見出しなし・余白なし */
.sppr-section-digest .sppr-section-title {
  display: none;
}

.sppr-section-digest {
  margin-bottom: 0;
}

/* --- カード共通 --- */
.sppr-card {
  background: #fff;
  border-radius: 6px;
  overflow: hidden;   /* スライダー内の余白・高さ崩れを防ぐため（ダイジェストはリボンはみ出しなし） */
  transition: box-shadow 0.2s, transform 0.2s;
  box-shadow: 0 1px 4px rgba(0,0,0,0.08);
}

.sppr-card:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.12);
  transform: translateY(-2px);
}

.sppr-card-link {
  display: block;
  text-decoration: none !important;
  color: inherit;
}

.sppr-card-thumb {
  position: relative;
  width: 100%;
  aspect-ratio: 7 / 4; /* 忍者RSS horizontal 210x120 踏襲 */
  overflow: hidden;   /* スライダー内の余白・高さ崩れを防ぐ */
  background: #f5f5f5;
}

.sppr-card-thumb > img:not(.sppr-card-new-ribbon) {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* 日刊（忍者 image-frame: PC 4:3 / SP 1:1） */
.sppr-section-daily .sppr-card-thumb {
  aspect-ratio: 4 / 3;
}

.sppr-no-thumb {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e8f5e9;
  min-height: 100px;
}

.sppr-no-thumb-icon {
  font-size: 2em;
  opacity: 0.5;
}

.sppr-card-body {
  padding: 0.55em 0.7em 0.65em;
  min-height: 5.4em; /* タイトル3行分を確保してカード高さを揃える */
}

.sppr-card-title {
  font-size: 0.95em;
  font-weight: 700;
  line-height: 1.5;
  margin: 0;
  color: #333;
  display: -webkit-box;
  -webkit-line-clamp: 3; /* 日付行を削除した分、タイトルを3行まで */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* タイトル末尾の「｜サイト名」: タイトルと同じ段落ボールド */
.sppr-card-site {
  font-weight: 700;
  color: #333;
}

/* NEW リボンマーク: サムネイル左上コーナーに配置（サンプル準拠） */
.sppr-card-thumb img.sppr-card-new-ribbon {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 48px !important;
  height: 48px !important;
  max-width: 48px !important;
  max-height: 48px !important;
  object-fit: contain !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

/* リスト表示用のNEWマーク */
img.sppr-list-new-mark {
  width: 32px;
  height: auto;
  flex-shrink: 0;
  vertical-align: middle;
}

/* --- 横型カード（hlist: スピリチュアル・おしらせ・解説記事など） --- */
.sppr-hcards {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.sppr-hcard {
  display: flex;
  align-items: stretch; /* サムネ・本文をカード高さに揃え、アイキャッチ下の余白を埋める */
  height: 150px;        /* カード高さを固定（縦150px） */
  overflow: visible;    /* NEWリボンを上にはみ出させるため */
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 1px 4px rgba(0,0,0,0.08);
  transition: box-shadow 0.2s, transform 0.2s;
}

.sppr-hcard:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.12);
  transform: translateY(-2px);
}

.sppr-hcard-link {
  display: flex;
  width: 100%;
  text-decoration: none !important;
  color: inherit;
}

.sppr-hcard-thumb {
  flex: 0 0 200px;        /* 幅を固定（200px = 4:3 の150×200） */
  width: 200px;
  height: 150px;          /* 高さ150px（4:3） */
  position: relative;
  overflow: hidden;       /* 画像ズームは枠内にクロップ（はみ出し防止） */
  background: #f5f5f5;
  align-self: stretch;
  box-sizing: border-box; /* flex:0 0 200pxの幅を維持 */
}

.sppr-hcard-thumb > img:not(.sppr-card-new-ribbon) {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.sppr-hcard-body {
  flex: 1;
  min-height: 150px; /* カード高さ（150px）に揃える */
  height: 150px;
  padding: 0.8em 1.1em 0.95em;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* サイトファビコン（タイトル先頭） */
.sppr-hcard-favicon {
  display: inline-flex;
  align-items: center;
  margin-right: 0.3em;
  vertical-align: middle;
}
.sppr-hcard-favicon img {
  width: 16px;
  height: 16px;
  border-radius: 2px;
  display: block;
}

.sppr-hcard-title {
  font-size: 0.92em; /* 1em → 0.92em（約1pt縮小） */
  font-weight: 700;
  line-height: 1.5;
  margin: 0 0 0.45em;
  color: #333;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* ファビコン追加で行数を2行に圧縮 */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* タイトル末尾の「｜サイト名」（｜はdisplay.phpでは出力せずCSSで付与） */
.sppr-hcard-site {
  font-weight: 700;
  color: #555;
  white-space: normal; /* nowrapを外し、長いサイト名がクランプ内に折り返すように */
}
.sppr-hcard-site::before {
  content: "｜";
}

.sppr-hcard-excerpt {
  font-size: 0.8em; /* 抜粋フォントを小さく */
  color: #777;
  line-height: 1.6;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media (max-width: 600px) {
  .sppr-hcard {
    flex-direction: column;
    height: auto; /* モバイル縦積みでは高さをautoにして内容を表示 */
  }
  .sppr-hcard-thumb {
    width: 100%;
    aspect-ratio: 16 / 9;
    flex: none;
  }
  .sppr-hcard-thumb img.sppr-card-new-ribbon {
    width: 42px !important;
    height: 42px !important;
    max-width: 42px !important;
    max-height: 42px !important;
  }
}

/* --- スライダー --- */
.sppr-slider-wrap {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.sppr-slider-track {
  display: flex;
  gap: 12px;
  width: max-content;
  will-change: transform;
}

.sppr-slide {
  flex: 0 0 333px; /* 忍者RSS multi-product article_size 333 踏襲 */
  min-width: 0;
}

@media (max-width: 768px) {
  .sppr-slide {
    flex: 0 0 300px; /* 忍者RSS スマホ article_size 300 踏襲 */
  }
  .sppr-section-daily .sppr-card-thumb {
    aspect-ratio: 1 / 1; /* 忍者RSS スマホ image-frame 1:1 踏襲 */
  }
  .sppr-card-thumb img.sppr-card-new-ribbon {
    width: 42px !important;
    height: 42px !important;
    max-width: 42px !important;
    max-height: 42px !important;
  }
}

/* --- ナビゲーションボタン（‹ ›） --- */
.sppr-slider-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  color: #333;
  font-size: 1.6em;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 1px 4px rgba(0,0,0,0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.25s ease;
}

.sppr-slider-prev {
  left: 8px;
}

.sppr-slider-next {
  right: 8px;
}

/* ホバーで表示（PC） */
.sppr-slider-wrap:hover .sppr-slider-nav {
  opacity: 1;
}

.sppr-slider-nav:hover {
  background: #fff;
  color: #000;
}

/* タッチ操作時は常時表示（モバイル） */
@media (hover: none) {
  .sppr-slider-nav {
    opacity: 1;
    width: 34px;
    height: 34px;
    font-size: 1.4em;
  }
}

/* --- グリッド --- */
.sppr-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 14px;
}

@media (max-width: 768px) {
  .sppr-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
}

/* --- リスト --- */
.sppr-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sppr-list-item {
  border-bottom: 1px solid #eee;
  padding: 0.6em 0;
}

.sppr-list-item:first-child {
  padding-top: 0;
}

.sppr-list-item a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-decoration: none !important;
  color: inherit;
  gap: 1em;
}

@media (max-width: 600px) {
  .sppr-list-item a {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.3em;
  }
}

.sppr-list-title {
  flex: 1;
  font-size: 0.9em;
  font-weight: 700;
  color: #333;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 日付行を削除した分、タイトルを2行まで */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* リストの「｜サイト名」: タイトルと同じボールド */
.sppr-list-site {
  font-weight: 700;
  color: #333;
}

/* --- 空状態 --- */
.sppr-empty {
  color: #999;
  text-align: center;
  padding: 2em 0;
  font-size: 0.9em;
}

/* =============================================
   view="pc" / view="sp" 端末別パターン出し分け
   SWELL ブログパーツのデバイス設定で各ブロックを
   表示/非表示制御するため、ここはスコープで上書きするのみ
   ============================================= */

/* --- SP 用 横長リスト（splist: 定期記事・セクション記事のモバイル表示） --- */
.sppr-splist {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.sppr-splist-item {
  margin: 0;
}

.sppr-splist-link {
  display: block;
  text-decoration: none !important;
  color: inherit;
}

/* フル幅カード（モバイル: 縦150px固定・画像は上下に見切れる） */
.sppr-splist-thumb {
  position: relative;
  width: 100%;
  height: 150px;          /* 縦幅150px固定 */
  overflow: visible;      /* NEWリボンを上にはみ出させるため（画像の角丸はimg側で対応） */
  background: #f5f5f5;
  border-radius: 6px;
  box-sizing: border-box;
}

.sppr-splist-thumb > img:not(.sppr-splist-new-ribbon) {
  border-radius: 6px;     /* overflow:visibleでも画像の角丸を維持 */
}

.sppr-splist-thumb.sppr-no-thumb {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 150px;
}

.sppr-splist-thumb > img:not(.sppr-splist-new-ribbon) {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.sppr-splist-thumb .sppr-no-thumb-icon {
  font-size: 2em;
  opacity: 0.5;
}

/* 画像下部に重ねるテキストレイヤー（下に黒グラデーションで可読性確保） */
.sppr-splist-overlay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 1em 0.9em 0.8em;
  background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.3) 55%, transparent 100%);
  box-sizing: border-box;
  pointer-events: none;
}

.sppr-splist-title {
  font-size: 1.05em;
  font-weight: 700;
  line-height: 1.5;
  margin: 0 0 0.25em;
  color: #fff;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-shadow: 0 1px 3px rgba(0,0,0,0.6);
}

/* サイト名（画像上のレイヤー内） */
.sppr-splist-site {
  display: block;
  font-size: 0.78em;
  font-weight: 500;
  color: rgba(255,255,255,0.85);
  white-space: normal;
}

/* 抜粋（画像上のレイヤー内）— 既定では非表示（定期記事SPに影響させない） */
.sppr-splist-excerpt {
  display: none;
}

/* =============================================
   セクション記事 SP（spiritual/news/kaisetsu/kantei/beauty/blog）
   専用カスタム: 抜粋100字を表示・NEW位置調整
   戻す場合: このブロックをコメントアウトすると定期記事SPと同じ表示に復元
   ============================================= */
.sppr-view-sp.sppr-section-spiritual .sppr-splist-excerpt,
.sppr-view-sp.sppr-section-news .sppr-splist-excerpt,
.sppr-view-sp.sppr-section-kaisetsu .sppr-splist-excerpt,
.sppr-view-sp.sppr-section-kantei .sppr-splist-excerpt,
.sppr-view-sp.sppr-section-beauty .sppr-splist-excerpt,
.sppr-view-sp.sppr-section-blog .sppr-splist-excerpt {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0.35em 0 0;
  font-size: 0.82em;
  font-weight: 400;
  line-height: 1.55;
  color: rgba(255,255,255,0.92);
  text-shadow: 0 1px 2px rgba(0,0,0,0.6);
}

/* セクション記事SP: サイト名をタイトル直下に詰める（抜粋との間に余白を作らない） */
.sppr-view-sp.sppr-section-spiritual .sppr-splist-site,
.sppr-view-sp.sppr-section-news .sppr-splist-site,
.sppr-view-sp.sppr-section-kaisetsu .sppr-splist-site,
.sppr-view-sp.sppr-section-kantei .sppr-splist-site,
.sppr-view-sp.sppr-section-beauty .sppr-splist-site,
.sppr-view-sp.sppr-section-blog .sppr-splist-site {
  margin-top: 0.2em;
}

/* セクション記事 SP用 横型カード（左200pxサムネ4:3 + 右テキストエリア） */
.sppr-sechlist {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.sppr-sechlist-item {
  margin: 0;
}

.sppr-sechlist-link {
  display: flex;
  align-items: stretch;
  gap: 14px;
  text-decoration: none !important;
  color: inherit;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 1px 4px rgba(0,0,0,0.08);
  overflow: visible;   /* NEWリボンを上にはみ出させるため */
}

/* 左: 200×200px サムネ（正方形1:1・画像をズームしてクロップで埋める） */
.sppr-sechlist-thumb {
  flex: 0 0 200px;
  width: 200px;
  height: 200px;
  position: relative;
  overflow: visible;      /* NEWリボンを上にはみ出させるため */
  background: #f5f5f5;
}

.sppr-sechlist-thumb.sppr-no-thumb {
  display: flex;
  align-items: center;
  justify-content: center;
}

.sppr-sechlist-thumb > img:not(.sppr-card-new-ribbon) {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 6px;     /* overflow:visibleでも画像の角丸を維持 */
}

.sppr-sechlist-thumb .sppr-no-thumb-icon {
  font-size: 2em;
  opacity: 0.5;
}

/* 右: テキストエリア */
.sppr-sechlist-body {
  flex: 1;
  min-width: 0;
  padding: 0.8em 0.9em 0.7em 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.sppr-sechlist-title {
  font-size: 0.92em;        /* 1.05em → 0.92em（小さく） */
  font-weight: 700;
  line-height: 1.5;
  margin: 0 0 0.35em;
  color: #333;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.sppr-sechlist-site {
  display: block;
  font-size: 0.78em;
  font-weight: 500;
  color: #888;
  margin-bottom: 0.3em;
  white-space: normal;
}

.sppr-sechlist-excerpt {
  font-size: 0.82em;
  font-weight: 400;
  line-height: 1.55;
  margin: 0;
  color: #555;
  display: -webkit-box;
  -webkit-line-clamp: 1;   /* カード高150pxに合わせるため抜粋は1行に */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* モバイル(600px以下): サムネを縮小して右テキストを確保（正方形1:1維持 120×120） */
@media (max-width: 600px) {
  .sppr-sechlist-thumb {
    flex: 0 0 120px;
    width: 120px;
    height: 120px;
  }
  .sppr-sechlist-body {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }
  .sppr-sechlist-excerpt {
    -webkit-line-clamp: 1;
  }
}

/* --- view="sp" 配下のスライダー: SP 幅300px + nav常時表示 --- */
.sppr-view-sp .sppr-slide {
  flex: 0 0 300px;
}

.sppr-view-sp .sppr-slider-nav {
  opacity: 1;
  width: 34px;
  height: 34px;
  font-size: 1.4em;
}

/* view="sp" での日刊サムネ（1:1） */
.sppr-view-sp .sppr-section-daily .sppr-card-thumb {
  aspect-ratio: 1 / 1;
}

/* view 時も NEW マークは統一サイズ（48px） */
.sppr-view-sp .sppr-card-thumb img.sppr-card-new-ribbon,
.sppr-view-pc .sppr-card-thumb img.sppr-card-new-ribbon {
  width: 48px !important;
  height: 48px !important;
  max-width: 48px !important;
  max-height: 48px !important;
}

/* =============================================
   定期記事 PC（daily / weekly / monthly・view=pc）
   サムネ: カード高150pxいっぱい・120%ズーム（上下左右見切れOK = インパクト）
   タイトル: 大きめ(1.18em)+800 / サイト名は改行して少し小さめ / 抜粋消去
   カード背景色: #ffffe0
   カード高さは 150px 維持
   ============================================= */
.sppr-view-pc.sppr-section-daily .sppr-hcard,
.sppr-view-pc.sppr-section-weekly .sppr-hcard,
.sppr-view-pc.sppr-section-monthly .sppr-hcard {
  /* カード背景: レモンクリーム(#ffffe0) の上に、岩壁テクスチャ透過PNGをパターン配置 */
  background-color: #ffffe0;
  background-image: url('images/rocky-wall.png');   /* assets/images/ 配下の透過PNG */
  background-repeat: repeat;
  background-size: 150px 150px;   /* タイルを縮小して質感を出す（調整可能） */
  height: 140px;            /* カード高さ140px（150→140px） */
}

.sppr-view-pc.sppr-section-daily .sppr-hcard-thumb,
.sppr-view-pc.sppr-section-weekly .sppr-hcard-thumb,
.sppr-view-pc.sppr-section-monthly .sppr-hcard-thumb {
  width: 280px;          /* 幅を広げて画像比率UP（200→280px） */
  height: 140px;         /* カード高さ140pxいっぱい（余白なし・見切れOK） */
  flex: 0 0 280px;
  align-self: stretch;   /* カード高さに合わせて延伸 */
  overflow: hidden;      /* ズーム画像は枠内にクロップ（はみ出し防止） */
}

.sppr-view-pc.sppr-section-daily .sppr-hcard-thumb > img:not(.sppr-card-new-ribbon),
.sppr-view-pc.sppr-section-weekly .sppr-hcard-thumb > img:not(.sppr-card-new-ribbon),
.sppr-view-pc.sppr-section-monthly .sppr-hcard-thumb > img:not(.sppr-card-new-ribbon) {
  /* ズーム画像が枠内にクロップされるよう、角丸指定を維持（overflow:hidden に戻したため不要だが維持） */
  border-radius: 6px 0 0 6px;
}

/* カード高さ140pxに合わせて本文も */
.sppr-view-pc.sppr-section-daily .sppr-hcard-body,
.sppr-view-pc.sppr-section-weekly .sppr-hcard-body,
.sppr-view-pc.sppr-section-monthly .sppr-hcard-body {
  height: 140px;
  min-height: 140px;
}

/* サムネ画像を 120% ズーム（中央クロップ・はみ出しは overflow:hidden でカット）。
   NEWバッジ(img.sppr-card-new-ribbon)はズーム対象外にする */
.sppr-view-pc.sppr-section-daily .sppr-hcard-thumb > img:not(.sppr-card-new-ribbon),
.sppr-view-pc.sppr-section-weekly .sppr-hcard-thumb > img:not(.sppr-card-new-ribbon),
.sppr-view-pc.sppr-section-monthly .sppr-hcard-thumb > img:not(.sppr-card-new-ribbon) {
  transform: scale(1.2);
  object-fit: cover;
  object-position: center;
}

/* 記事タイトル: かなり大きく + 800ボールド
   （タイトル行は clamp を外し、サイト名の改行を許容する） */
.sppr-view-pc.sppr-section-daily .sppr-hcard-title,
.sppr-view-pc.sppr-section-weekly .sppr-hcard-title,
.sppr-view-pc.sppr-section-monthly .sppr-hcard-title {
  font-size: 1.18em;
  font-weight: 800;
  /* サイト名を改行表示するため、タイトルの line-clamp/overflow による
     2行クランプを解除（タイトル・サイト名がそれぞれ独立して自然に収まる） */
  display: block;
  -webkit-line-clamp: unset;
  line-clamp: unset;
  overflow: visible;
}

/* サイト名: 改行して表示（block化）＋ 少し小さめ・落ち着いたグレイ・右詰め */
.sppr-view-pc.sppr-section-daily .sppr-hcard-site,
.sppr-view-pc.sppr-section-weekly .sppr-hcard-site,
.sppr-view-pc.sppr-section-monthly .sppr-hcard-site {
  display: block;          /* 改行（タイトル下に独立した行） */
  margin-top: 0.6em;       /* タイトルとの間隔を広げる（0.1em→0.6em） */
  font-size: 0.78em;       /* 少し小さめ */
  font-weight: 500;
  color: #888;
  white-space: normal;
  text-align: right;       /* 右詰め */
}
.sppr-view-pc.sppr-section-daily .sppr-hcard-site::before,
.sppr-view-pc.sppr-section-weekly .sppr-hcard-site::before,
.sppr-view-pc.sppr-section-monthly .sppr-hcard-site::before {
  content: "";             /* ｜を消去 */
}

/* 記事抜粋: 消去 */
.sppr-view-pc.sppr-section-daily .sppr-hcard-excerpt,
.sppr-view-pc.sppr-section-weekly .sppr-hcard-excerpt,
.sppr-view-pc.sppr-section-monthly .sppr-hcard-excerpt {
  display: none;
}

/* =============================================
   記事ダイジェスト（digest）背景色 #fcfcfc（PC slider / SP slider とも）
   ============================================= */
.sppr-view-pc.sppr-section-digest .sppr-card,
.sppr-view-sp.sppr-section-digest .sppr-card {
  background: #fcfcfc;
}

/* =============================================
   セクション記事（spiritual/news/kaisetsu/kantei/beauty/blog）
   背景色 #fcfcfc（PC hlist / SP sechlist とも）
   ============================================= */
.sppr-view-pc.sppr-section-spiritual .sppr-hcard,
.sppr-view-pc.sppr-section-news .sppr-hcard,
.sppr-view-pc.sppr-section-kaisetsu .sppr-hcard,
.sppr-view-pc.sppr-section-kantei .sppr-hcard,
.sppr-view-pc.sppr-section-beauty .sppr-hcard,
.sppr-view-pc.sppr-section-blog .sppr-hcard,
.sppr-view-pc.sppr-section-missed .sppr-hcard,
.sppr-view-sp.sppr-section-spiritual .sppr-sechlist-link,
.sppr-view-sp.sppr-section-news .sppr-sechlist-link,
.sppr-view-sp.sppr-section-kaisetsu .sppr-sechlist-link,
.sppr-view-sp.sppr-section-kantei .sppr-sechlist-link,
.sppr-view-sp.sppr-section-beauty .sppr-sechlist-link,
.sppr-view-sp.sppr-section-blog .sppr-sechlist-link,
.sppr-view-sp.sppr-section-missed .sppr-sechlist-link {
  background: #fcfcfc;
}