@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}


/* 2026-09-20 回遊UIのマイクロインタラクション */
:root {
  --sekai-motion-fast: 120ms;
  --sekai-motion-main: 220ms;
  --sekai-ease: cubic-bezier(.2,.7,.3,1);
  --sekai-accent: #6f829e;
  --sekai-accent-soft: #eef3f8;
  --sekai-ring: rgba(83,112,151,.34);
  --sekai-card-shadow: 0 7px 20px rgba(54,47,43,.08);
  --sekai-card-shadow-hover: 0 13px 28px rgba(54,47,43,.14);
}
body.categoryid-1,
body.category-haru-yu {
  --sekai-accent: #c96f8d;
  --sekai-accent-soft: #fff1f5;
  --sekai-ring: rgba(201,111,141,.34);
}
body.categoryid-232,
body.category-女勇者フェルミノ {
  --sekai-accent: #9a783d;
  --sekai-accent-soft: #fff7e6;
  --sekai-ring: rgba(154,120,61,.34);
}
.entry-card-wrap,
.related-entry-card-wrap,
.pager-post-navi a,
.story-gateway__card,
.story-gateway__button,
#sidebar .widget_nav_menu a,
.single-post .entry-content h2.wp-block-heading ~ p > a:only-child[href*="mochi-nori0716.com"] {
  -webkit-tap-highlight-color: rgba(111,130,158,.13);
  touch-action: manipulation;
  transition: transform var(--sekai-motion-main) var(--sekai-ease), box-shadow var(--sekai-motion-main) var(--sekai-ease), background-color var(--sekai-motion-main) ease, border-color var(--sekai-motion-main) ease, filter var(--sekai-motion-main) ease;
}
.entry-card-wrap,
.related-entry-card-wrap,
.pager-post-navi a {
  border: 1px solid rgba(82,70,61,.09);
  border-radius: 15px;
  background: #fff;
  box-shadow: var(--sekai-card-shadow);
  overflow: hidden;
}
.entry-card-thumb,
.related-entry-card-thumb { overflow: hidden; }
.entry-card-thumb img,
.related-entry-card-thumb img,
.story-gateway__card img {
  transition: transform 320ms var(--sekai-ease), filter 220ms ease;
  transform: translateZ(0);
}
.story-gateway__card { box-shadow: 0 6px 18px rgba(62,51,44,.07); }
.story-gateway__button,
#sidebar .widget_nav_menu a,
.single-post .entry-content h2.wp-block-heading ~ p > a:only-child[href*="mochi-nori0716.com"] { min-height: 44px; }
.single-post .entry-content h2.wp-block-heading ~ p > a:only-child[href*="mochi-nori0716.com"] {
  display: flex;
  align-items: center;
  padding: .8rem 1rem;
  border: 1px solid color-mix(in srgb, var(--sekai-accent) 24%, #ddd);
  border-radius: 12px;
  background: linear-gradient(135deg,#fff,var(--sekai-accent-soft));
  color: #343843;
  font-weight: 700;
  line-height: 1.55;
  text-decoration: none;
  box-shadow: 0 4px 13px rgba(54,47,43,.06);
}
.single-post .entry-content h2.wp-block-heading ~ p > a:only-child[href*="mochi-nori0716.com"]::after {
  content: "\2192";
  margin-left: auto;
  padding-left: .8rem;
  color: var(--sekai-accent);
  font-size: 1.05em;
}
.related-entries-title { margin-top: 2.3rem; }
.related-list .related-entry-card-wrap:nth-child(n+4) { display: none; }
.related-entry-card-wrap + .related-entry-card-wrap { margin-top: 10px; }
.entry-card-wrap:focus-visible,
.related-entry-card-wrap:focus-visible,
.pager-post-navi a:focus-visible,
.story-gateway__button:focus-visible,
#sidebar .widget_nav_menu a:focus-visible,
.single-post .entry-content h2.wp-block-heading ~ p > a:only-child[href*="mochi-nori0716.com"]:focus-visible {
  outline: 3px solid var(--sekai-ring);
  outline-offset: 3px;
}
@media (hover:hover) and (pointer:fine) {
  .entry-card-wrap:hover,
  .related-entry-card-wrap:hover,
  .pager-post-navi a:hover,
  .story-gateway__card:hover {
    transform: translateY(-3px);
    box-shadow: var(--sekai-card-shadow-hover);
    border-color: color-mix(in srgb, var(--sekai-accent) 24%, transparent);
  }
  .entry-card-wrap:hover .entry-card-thumb img,
  .related-entry-card-wrap:hover .related-entry-card-thumb img,
  .story-gateway__card:hover img {
    transform: scale(1.025);
    filter: brightness(1.025);
  }
  #sidebar .widget_nav_menu a:hover,
  .single-post .entry-content h2.wp-block-heading ~ p > a:only-child[href*="mochi-nori0716.com"]:hover {
    transform: translateX(3px);
    background-color: var(--sekai-accent-soft);
  }
}
.entry-card-wrap:active,
.related-entry-card-wrap:active,
.pager-post-navi a:active,
.story-gateway__button:active,
#sidebar .widget_nav_menu a:active,
.single-post .entry-content h2.wp-block-heading ~ p > a:only-child[href*="mochi-nori0716.com"]:active {
  transform: translateY(1px) scale(.992);
  transition-duration: var(--sekai-motion-fast);
  filter: brightness(.985);
}
@media screen and (max-width: 834px) {
  .entry-card-wrap,
  .related-entry-card-wrap,
  .pager-post-navi a { border-radius: 13px; }
  .entry-card-wrap,
  .related-entry-card-wrap { box-shadow: 0 5px 15px rgba(54,47,43,.07); }
  .single-post .entry-content h2.wp-block-heading ~ p > a:only-child[href*="mochi-nori0716.com"] { padding: .75rem .85rem; }
}
@media (prefers-reduced-motion: reduce) {
  .entry-card-wrap,
  .related-entry-card-wrap,
  .pager-post-navi a,
  .story-gateway__card,
  .story-gateway__button,
  #sidebar .widget_nav_menu a,
  .single-post .entry-content h2.wp-block-heading ~ p > a:only-child[href*="mochi-nori0716.com"],
  .entry-card-thumb img,
  .related-entry-card-thumb img,
  .story-gateway__card img {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}