@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){
  /*必要ならばここにコードを書く*/
}


/* Coffee Gear Radar: Cocoon Child editorial design, 2026-10-02. */
:root {
  --cgr-cream: #f4f2eb;
  --cgr-paper: #fffefa;
  --cgr-sage: #a9bcb0;
  --cgr-sage-dark: #637d70;
  --cgr-ink: #303834;
  --cgr-muted: #6d7771;
  --cgr-line: #d8dcd5;
}
body { background: var(--cgr-cream); color: var(--cgr-ink); }
a { color: inherit; }
a:hover { color: var(--cgr-sage-dark); }
#header-container { background: var(--cgr-paper); border-top: 5px solid var(--cgr-sage-dark); box-shadow: none; }
#header-container-in { background: transparent; }
#header-in { max-width: 1240px; padding: 12px 28px 10px; }
#header .logo { padding: 5px 0 10px; }
#header .tagline { color: var(--cgr-muted); font-size: 11px; letter-spacing: .04em; line-height: 1.6; }
#header .site-name-text { color: var(--cgr-ink); font-family: Georgia, serif; font-size: clamp(29px, 3.3vw, 43px); font-weight: 600; letter-spacing: -.03em; }
#navi { background: var(--cgr-paper); border-top: 1px solid var(--cgr-line); border-bottom: 1px solid var(--cgr-line); }
#navi-in { max-width: 1240px; padding: 0 24px; }
#navi .menu-item a { color: var(--cgr-ink); font-size: 12px; font-weight: 700; letter-spacing: .12em; padding: 13px 20px; }
#navi .menu-item a:hover { background: #edf2ec; }
#content { margin-top: 0; }
#content-in { max-width: 1240px; padding: 34px 28px 90px; }
#main { background: transparent; box-shadow: none; border: 0; }
#footer { background: #e8ede7; border-top: 1px solid #cbd8cd; color: var(--cgr-ink); }
#footer-in { max-width: 1240px; }
#footer .site-name-text { font-family: Georgia, serif; font-size: 23px; }
#footer a { color: var(--cgr-ink); }
#footer a:hover { color: var(--cgr-sage-dark); }

/* Static home uses core blocks and ordinary WordPress post fields. */
body.page-id-37 #content-in { padding-top: 24px; }
body.page-id-37 #main { width: 100%; padding: 0; }
body.page-id-37 #sidebar { display: none; }
body.page-id-37 .article-header,
body.page-id-37 .article-footer,
body.page-id-37 .sns-share,
body.page-id-37 .sns-follow,
body.page-id-37 .breadcrumb,
body.page-id-37 .date-tags { display: none !important; }
body.page-id-37 .entry-content { margin: 0; }
body.page-id-37 .entry-content h1,
body.page-id-37 .entry-content h2,
body.page-id-37 .entry-content h3 { margin: 0; border: 0; background: none; color: var(--cgr-ink); line-height: 1.45; padding: 0; }
.cgr-home { max-width: 1184px; margin: 0 auto; }
.cgr-home :where(p, figure, ul) { margin: 0; }
.cgr-home .cgr-preview-notice { padding: 10px 16px; margin-bottom: 18px; background: #e7eee7; border-left: 3px solid var(--cgr-sage-dark); color: #54665b; font-size: 12px; }
.cgr-home-intro { background: #afc1b5; padding: clamp(38px, 5.5vw, 72px) clamp(32px, 6vw, 76px); min-height: 250px; }
.cgr-eyebrow { color: #536e60; font-family: Arial, sans-serif; font-size: 10px; font-weight: 700; letter-spacing: .21em; }
.cgr-home-intro .cgr-eyebrow { margin-bottom: 24px; }
.cgr-home-intro .cgr-home-title { max-width: 690px; font-size: clamp(32px, 4vw, 54px); font-weight: 700; letter-spacing: -.06em; line-height: 1.45; }
.cgr-home-intro .cgr-home-lead { margin-top: 22px; font-size: 14px; line-height: 1.9; }
.cgr-hero-section { margin-top: 48px; }
.cgr-hero-heading { display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px !important; border-bottom: 1px solid var(--cgr-ink); padding-bottom: 12px; color: var(--cgr-ink); font-family: Arial, sans-serif; font-size: 11px; font-weight: 700; letter-spacing: .14em; }
.cgr-hero-heading span { color: var(--cgr-muted); font-weight: 400; }
.cgr-hero-layout { display: grid; grid-template-columns: minmax(0, 1.44fr) minmax(0, 1fr); gap: 34px; align-items: start; }
.cgr-query .wp-block-post-template { list-style: none; padding: 0; margin: 0; }
.cgr-query .wp-block-post { min-width: 0; padding: 0; margin: 0; }
.cgr-query .cgr-card { min-width: 0; margin: 0; }
.cgr-query .cgr-card-image { overflow: hidden; background: #e7e9e3; }
.cgr-query .cgr-card-image a { display: block; }
.cgr-query .cgr-card-image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .25s ease; }
.cgr-query .cgr-card-image a:hover img { transform: scale(1.025); }
.cgr-card-body { padding-top: 14px; }
.cgr-card-category { display: inline; color: var(--cgr-sage-dark); font-family: Arial, sans-serif; font-size: 10px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.cgr-card-category a { color: inherit; }
.cgr-level { display: inline-block; margin-left: 8px; border: 1px solid var(--cgr-line); border-radius: 2px; padding: 3px 6px; vertical-align: 2px; color: #67746b; font-family: Arial, sans-serif; font-size: 9px; font-weight: 700; letter-spacing: .08em; line-height: 1; }
.cgr-level-deep-dive { background: #dae8db; border-color: #b9cbbb; color: #42634b; }
.cgr-level-news { background: #e8eee5; border-color: #ccd9c8; color: #516f58; }
.cgr-level-quick { background: #f0f0e8; border-color: #dadbd0; color: #777b68; }
.cgr-home .cgr-card-title { margin-top: 8px !important; font-size: 17px; font-weight: 700; letter-spacing: -.035em; }
.cgr-card-title a { color: var(--cgr-ink); text-decoration: none; }
.cgr-card-excerpt { margin-top: 8px; color: var(--cgr-muted); font-size: 12px; line-height: 1.75; }
.cgr-card-excerpt p { margin: 0; }
.cgr-card-date { margin-top: 10px; color: #858d86; font-family: Arial, sans-serif; font-size: 10px; letter-spacing: .08em; }
.cgr-hero-query .cgr-card-image { height: 340px; }
.cgr-hero-query .cgr-card-body { padding-top: 19px; }
.cgr-home .cgr-hero-query .cgr-card-title { margin-top: 11px !important; font-size: clamp(22px, 2vw, 27px); line-height: 1.5; }
.cgr-hero-query .cgr-card-excerpt { font-size: 13px; }
.cgr-latest-side h2 { margin-bottom: 15px !important; border-bottom: 1px solid var(--cgr-line) !important; padding-bottom: 9px !important; font-family: Georgia, serif; font-size: 23px; font-weight: 400; }
.cgr-latest-side h2 small { margin-left: 9px; color: var(--cgr-muted); font-family: sans-serif; font-size: 10px; font-weight: 400; }
.cgr-latest-query .wp-block-post + .wp-block-post { border-top: 1px solid var(--cgr-line); margin-top: 14px; padding-top: 14px; }
.cgr-latest-query .cgr-card { display: grid; grid-template-columns: 125px minmax(0, 1fr); gap: 15px; align-items: start; }
.cgr-latest-query .cgr-card-image { height: 103px; }
.cgr-latest-query .cgr-card-body { padding: 0; }
.cgr-home .cgr-latest-query .cgr-card-title { margin-top: 5px !important; font-size: 13px; line-height: 1.5; }
.cgr-latest-query .cgr-card-excerpt { display: none; }
.cgr-latest-query .cgr-card-date { margin-top: 4px; }
.cgr-latest-query .cgr-card-category { font-size: 9px; }
.cgr-latest-query .cgr-level { font-size: 8px; }
.cgr-section { margin-top: 68px; }
.cgr-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; border-bottom: 1px solid var(--cgr-ink); padding-bottom: 14px; margin-bottom: 24px; }
.cgr-section-heading .cgr-eyebrow { order: 2; text-align: right; }
.cgr-home .cgr-section-heading h2 { order: 1; font-size: clamp(23px, 2.5vw, 31px); font-weight: 700; letter-spacing: -.04em; }
.cgr-section-heading h2 em { margin-left: 12px; color: var(--cgr-sage-dark); font-family: Georgia, serif; font-size: .56em; font-style: normal; font-weight: 400; letter-spacing: .02em; }
.cgr-grid .wp-block-post-template { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px; }
.cgr-grid-news .wp-block-post-template { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.cgr-grid .cgr-card-image { height: 196px; }
.cgr-grid-news .cgr-card-image { height: 165px; }
.cgr-grid-news .cgr-card-title { font-size: 15px; }
.cgr-grid .cgr-card-excerpt { min-height: 42px; }
.cgr-secondary-sections { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; }
.cgr-secondary-sections .cgr-section { min-width: 0; margin-top: 68px !important; }
.cgr-secondary-sections .cgr-section-heading { display: block; }
.cgr-secondary-sections .cgr-section-heading .cgr-eyebrow { margin-bottom: 7px; text-align: left; }
.cgr-secondary-sections .cgr-section-heading h2 { font-size: 22px; }
.cgr-secondary-sections .cgr-section-heading h2 em { display: block; margin: 2px 0 0; font-size: 14px; }
.cgr-secondary-sections .wp-block-post-template { display: block; }
.cgr-secondary-sections .cgr-card-image { height: 184px; }
.cgr-empty { color: var(--cgr-muted); font-size: 13px; }

/* Category archives keep Cocoon's native post list and hierarchy. */
body.archive #main { width: 100%; padding: 0; }
body.archive #sidebar { display: none; }
body.archive .list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
body.archive .entry-card-wrap { margin: 0; background: var(--cgr-paper); border: 1px solid var(--cgr-line); }
body.archive .entry-card { display: block; padding: 0 0 18px; }
body.archive .entry-card-thumb { float: none; width: 100%; margin: 0 !important; }
body.archive .entry-card-thumb img { width: 100%; aspect-ratio: 1.5; object-fit: cover; }
body.archive .entry-card-content { margin: 0; padding: 14px 17px 0; }
body.archive .entry-card-title { font-size: 17px; line-height: 1.5; }
body.archive .entry-card-snippet { display: block !important; color: var(--cgr-muted); font-size: 12px; line-height: 1.7; }
body.archive .archive-title { border-bottom: 1px solid var(--cgr-ink); padding-bottom: 15px; color: var(--cgr-ink); font-size: 31px; }
body.archive .cat-label { background: var(--cgr-sage-dark); }
body.archive .admin-pv { display: none; }
body.archive .cgr-level { display: inline-block; margin: 7px 0 0; }

/* Fixed pages share the magazine color and spacing. */
body.page:not(.page-id-37) #main { background: var(--cgr-paper); }
body.page:not(.page-id-37) .entry-title { color: var(--cgr-ink); }
body.page:not(.page-id-37) .entry-content { max-width: 800px; margin-left: auto; margin-right: auto; line-height: 1.9; }
body.page:not(.page-id-37) .entry-header { max-width: 800px; margin-left: auto; margin-right: auto; }
body.page:not(.page-id-37) :is(.sns-share,.sns-follow,.author-box,.date-tags,.article-footer,.breadcrumb) { display: none !important; }

@media (max-width: 1023px) {
  #content-in { padding: 25px 22px 74px; }
  .cgr-hero-layout { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 24px; }
  .cgr-grid-news .wp-block-post-template { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.archive .list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  #header-in { padding: 9px 20px 6px; }
  #header .logo { padding: 0; }
  #header .tagline { display: none; }
  #header .site-name-text { font-size: 29px; }
  #navi-in { overflow: visible; padding: 0 10px; }
  #navi .menu-top.menu-mobile { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100% !important; min-width: 0; margin: 0; }
  #navi .menu-top.menu-mobile > li { float: none !important; width: 100% !important; min-width: 0 !important; }
  #navi .menu-top.menu-mobile > li > a { display: flex; align-items: center; justify-content: center; min-height: 39px; padding: 7px 2px; font-size: 10px; letter-spacing: .04em; }
  #navi .menu-top.menu-mobile > li:nth-child(n+4) { border-top: 1px solid var(--cgr-line); }
  .mobile-footer-menu-buttons { display: block !important; position: absolute !important; top: 15px; right: 12px; bottom: auto !important; left: auto !important; width: 50px; height: 40px; background: transparent; box-shadow: none; z-index: 10000; }
  body.admin-bar .mobile-footer-menu-buttons { top: 47px; }
  .mobile-footer-menu-buttons > li { display: none !important; }
  .mobile-footer-menu-buttons > li.navi-menu-button { display: block !important; width: 50px; height: 40px; }
  #navi-menu-open { width: 50px; height: 40px; background: var(--cgr-paper); color: var(--cgr-ink); }
  #navi-menu-open .menu-icon { display: none; }
  #navi-menu-open .menu-caption { display: block; font-size: 10px; font-weight: 700; letter-spacing: .05em; line-height: 40px; }
  #navi-menu-content { background: var(--cgr-paper); color: var(--cgr-ink); }
  #navi-menu-content a { color: var(--cgr-ink); }
  #content-in { padding: 15px 16px 65px; }
  .cgr-home-intro { padding: 38px 28px 40px; min-height: 0; }
  .cgr-home-intro .cgr-home-title { font-size: 34px; }
  .cgr-home-intro .cgr-home-lead { font-size: 12px; }
  .cgr-hero-section { margin-top: 36px; }
  .cgr-hero-layout { display: block; }
  .cgr-hero-query .cgr-card-image { height: 260px; }
  .cgr-latest-side { margin-top: 37px; }
  .cgr-latest-query .cgr-card { grid-template-columns: 112px minmax(0, 1fr); gap: 13px; }
  .cgr-latest-query .cgr-card-image { height: 94px; }
  .cgr-section { margin-top: 51px; }
  .cgr-section-heading { display: block; }
  .cgr-section-heading .cgr-eyebrow { margin-bottom: 7px; text-align: left; }
  .cgr-grid .wp-block-post-template,
  .cgr-grid-news .wp-block-post-template { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 13px; }
  .cgr-grid .cgr-card-image,
  .cgr-grid-news .cgr-card-image { height: 150px; }
  .cgr-grid .cgr-card-title,
  .cgr-grid-news .cgr-card-title { font-size: 13px !important; }
  .cgr-grid .cgr-card-excerpt { font-size: 11px; min-height: 0; }
  .cgr-secondary-sections { display: block; }
  .cgr-secondary-sections .cgr-card-image { height: 205px; }
  body.archive .list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }
  body.archive .entry-card-title { font-size: 13px; }
  body.archive .entry-card-snippet { font-size: 11px; }
  body.archive .archive-title { font-size: 24px; }
}
@media (max-width: 480px) {
  .cgr-home-intro .cgr-home-title { font-size: 30px; }
  .cgr-hero-query .cgr-card-image { height: 230px; }
  .cgr-home .cgr-hero-query .cgr-card-title { font-size: 22px; }
  .cgr-section-heading h2 em { margin-left: 7px; }
}

/* Cards without a licensed source image keep an explicit NoImage frame. */
.cgr-query .cgr-card:not(:has(.cgr-card-image))::before {
  content: "NO IMAGE";
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1.55;
  background: #e7e9e3;
  color: #718077;
  font-family: Arial, sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .16em;
}
.cgr-hero-query .cgr-card:not(:has(.cgr-card-image))::before { height: 340px; aspect-ratio: auto; }
.cgr-latest-query .cgr-card:not(:has(.cgr-card-image))::before { height: 103px; aspect-ratio: auto; }
.cgr-secondary-sections .cgr-card:not(:has(.cgr-card-image))::before { height: 184px; aspect-ratio: auto; }
@media (max-width: 767px) {
  .cgr-hero-query .cgr-card:not(:has(.cgr-card-image))::before { height: 260px; }
  .cgr-latest-query .cgr-card:not(:has(.cgr-card-image))::before { height: 94px; }
  .cgr-secondary-sections .cgr-card:not(:has(.cgr-card-image))::before { height: 205px; }
}
@media (max-width: 480px) {
  .cgr-hero-query .cgr-card:not(:has(.cgr-card-image))::before { height: 230px; }
}

@media (max-width: 360px) {
  #header .site-name-text { font-size: 23px; }
}

/* Source attribution and explicit fallback on standard single-post screens. */
body.single-post .eye-catch-caption { display: none; }
body.single-post .cgr-image-credit { color: var(--cgr-muted); font-size: 11px; }
body.single-post .article:not(.has-post-thumbnail) .entry-content::before {
  content: "NO IMAGE";
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 180px;
  margin-bottom: 28px;
  background: #e7e9e3;
  color: #718077;
  font-size: 11px;
  letter-spacing: .16em;
}

/* Short news articles share the magazine typography and a centered reading column. */
body.single-post #main { width: 100%; max-width: 860px; margin: 0 auto; padding: 24px 0; }
body.single-post #sidebar,
body.single-post :is(.sns-share,.sns-follow,.author-box,.toc) { display: none !important; }
body.single-post .entry-title { color: var(--cgr-ink); font-size: clamp(24px, 2.7vw, 34px); line-height: 1.55; }
body.single-post .entry-content { color: var(--cgr-ink); line-height: 1.95; }
body.single-post .entry-content h2 { background: transparent; border: 0; border-bottom: 1px solid var(--cgr-line); padding: 0 0 12px; margin-top: 38px; color: var(--cgr-ink); font-size: 22px; }
body.single-post .eye-catch img { width: 100%; height: auto; }
@media (max-width: 767px) {
  body.single-post #main { padding: 15px 0; }
  body.single-post .entry-content { font-size: 15px; }
  body.single-post .entry-content h2 { font-size: 19px; }
}

/* CGR improvements 2026-10-02: seven visible navigation items, purchase and embeds. */
.cgr-purchase-card { margin:32px 0; padding:20px; border:1px solid var(--cgr-line); border-radius:8px; background:var(--cgr-paper); }
.cgr-purchase-card h3 { margin:0 0 12px; font-size:20px; }
.cgr-purchase-card .cgr-purchase-link { display:inline-block; padding:10px 18px; background:var(--cgr-deep); color:#fff; border-radius:4px; text-decoration:none; }
.cgr-purchase-note,.cgr-ad-disclosure { font-size:13px; color:var(--cgr-muted); }
.cgr-rakuten-original { overflow-x:auto; max-width:100%; }
/* Preserve issued source, image dimensions, colours and tracking URLs. */
.cgr-rakuten-original table { border:0; margin:0; background:transparent; }
.cgr-rakuten-original td { border:0; padding:0; }
.cgr-rakuten-original img { max-width:none !important; }
.cgr-embed { margin:28px 0; min-width:0; }
.cgr-embed iframe { max-width:100%; }
.cgr-embed .twitter-tweet { max-width:100% !important; }
.cgr-embed figcaption { font-size:13px; color:var(--cgr-muted); }
@media (max-width:767px) {
 #navi .menu-top.menu-mobile { grid-template-columns:repeat(12,minmax(0,1fr)); }
 #navi .menu-top.menu-mobile > li { grid-column:span 3; }
 #navi .menu-top.menu-mobile > li:nth-child(n+5) { grid-column:span 4; border-top:1px solid var(--cgr-line); }
 #navi .menu-top.menu-mobile > li:nth-child(4) { border-top:0; }
 #navi .menu-top.menu-mobile > li > a { font-size:10px; letter-spacing:.01em; }
 .cgr-purchase-card { padding:12px; }
 /* Change only the containing layout. The issued 300px product image stays 300px. */
 .cgr-rakuten-original table,.cgr-rakuten-original tbody,.cgr-rakuten-original tr,.cgr-rakuten-original td { display:block !important; width:auto !important; }
 .cgr-rakuten-original > table > tbody > tr > td > div { width:auto !important; min-width:314px; }
 .cgr-rakuten-original td[style] { text-align:center; }
 .cgr-rakuten-original td[style] > div { min-height:42px; }
}

@media (min-width:768px) {
 #navi .menu-top.menu-pc { display:flex; width:100%; }
 #navi .menu-top.menu-pc > li { flex:1 1 0; width:auto !important; min-width:0; }
 #navi .menu-top.menu-pc > li > a { padding-left:5px; padding-right:5px; letter-spacing:.04em; white-space:nowrap; }
}

.cgr-purchase-card h3 { border:0; background:transparent; padding:0; line-height:1.5; }