@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

@import url("assets/css/base.css");
@import url("assets/css/cards.css");
@import url("assets/css/pages.css?v=20260906-1");
@import url("assets/css/fund-card.css?v=20260906-8");

/* --- 記事本文アイキャッチ画像の角丸補正 --- */
body.single-post .article .entry-content > img,
body.single-post .article .entry-content > p > img {
  display: block;
  border-radius: 14px;
}

/* =========================================================
 * 記事末尾カード：関連記事・前後記事にゲーム画像を表示
 * Cocoonのサムネイル枠を再利用し、所属ゲームのSteam画像をカード内へ配置。
 * ========================================================= */

/* --- 関連記事 --- */
body.single-post #related-entries .related-entry-card-thumb {
  position: absolute;
  top: 50%;
  right: 54px;
  display: block !important;
  width: 104px;
  height: 58px;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(108, 134, 232, .22);
  border-radius: 9px 3px 9px 3px;
  background: #eef2f8;
  box-shadow: 0 3px 10px rgba(60, 72, 110, .10);
  transform: translateY(-50%);
  z-index: 2;
}

body.single-post #related-entries .related-entry-card-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: cover;
}

body.single-post #related-entries .related-entry-card-content {
  padding-right: 180px !important;
}

/* --- 前の記事 --- */
body.single-post #pager-post-navi .prev-post-thumb {
  position: absolute;
  top: 50%;
  right: 18px;
  display: block !important;
  width: 96px;
  height: 54px;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(108, 134, 232, .22);
  border-radius: 9px 3px 9px 3px;
  background: #eef2f8;
  box-shadow: 0 3px 10px rgba(60, 72, 110, .09);
  transform: translateY(-50%);
}

body.single-post #pager-post-navi .prev-post {
  padding-right: 132px !important;
}

/* --- 次の記事 --- */
body.single-post #pager-post-navi .next-post-thumb {
  position: absolute;
  top: 50%;
  left: 18px;
  display: block !important;
  width: 96px;
  height: 54px;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(108, 134, 232, .22);
  border-radius: 3px 9px 3px 9px;
  background: #eef2f8;
  box-shadow: 0 3px 10px rgba(60, 72, 110, .09);
  transform: translateY(-50%);
}

body.single-post #pager-post-navi .next-post {
  padding-left: 132px !important;
}

body.single-post #pager-post-navi .prev-post-thumb img,
body.single-post #pager-post-navi .next-post-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: cover;
}

@media screen and (max-width: 600px) {
  body.single-post #related-entries .related-entry-card-thumb {
    right: 47px;
    width: 78px;
    height: 44px;
  }

  body.single-post #related-entries .related-entry-card-content {
    padding-right: 136px !important;
  }

  body.single-post #pager-post-navi .prev-post-thumb {
    right: 14px;
    width: 78px;
    height: 44px;
  }

  body.single-post #pager-post-navi .prev-post {
    padding-right: 108px !important;
  }

  body.single-post #pager-post-navi .next-post-thumb {
    left: 14px;
    width: 78px;
    height: 44px;
  }

  body.single-post #pager-post-navi .next-post {
    padding-left: 108px !important;
  }
}