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


/* AYTH article design — 2026-10-09. Scoped to posts; Home/pages unchanged. */
body.single-post { --ayth-paper:#f5f2e9; --ayth-orange:#f56a1c; --ayth-ink:#111; color:var(--ayth-ink); font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Noto Sans JP",Meiryo,sans-serif!important; }
body.single-post, .single-post #container, .single-post #content, .single-post .content-in, .single-post .wrap, .single-post #main, .single-post .article, .single-post .entry-content { background-color:var(--ayth-paper)!important; }
.single-post #header-container { background:var(--ayth-paper); border-top:10px solid var(--ayth-orange); border-bottom:2px solid #111; }
.single-post #header-container-in { display:flex; align-items:stretch; justify-content:space-between; max-width:1240px; margin:auto; }
.single-post #header,.single-post #navi { background:transparent!important; }
.single-post #header-in { width:auto; padding:20px 24px!important; }
.single-post .logo-header { margin:0!important; padding:0!important; }
.single-post .logo-header img { width:176px!important; height:auto!important; }
.single-post #navi { display:flex!important; align-items:stretch; }
.single-post #navi-in { width:auto; display:flex; }
.single-post #navi .menu-header { display:flex; height:100%; }
.single-post #navi .menu-mobile { display:none!important; }
.single-post #navi .menu-header>li { width:auto; border-left:1px solid #111; }
.single-post #navi .menu-header>li>a { display:flex; align-items:center; justify-content:center; height:100%; min-width:112px; padding:0 24px; font-size:12px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.single-post #navi a:hover { background:var(--ayth-orange)!important; color:#111!important; }
.single-post #content { margin-top:56px!important; }
.single-post .content-in { max-width:1160px; width:100%; margin:auto; }
.single-post #main { width:100%; min-width:0; padding:0 32px 64px!important; border:0!important; box-shadow:none!important; }
.single-post .article-header { display:flex; flex-direction:column; }
.single-post .entry-title { max-width:1040px; margin:0 0 24px; padding:0!important; font-family:inherit!important; font-size:clamp(30px,3.5vw,48px)!important; font-weight:900; line-height:1.45; letter-spacing:-.035em; overflow-wrap:anywhere; }
.single-post .date-tags { order:-1; text-align:left; margin:0 0 18px; font-size:12px; font-weight:700; letter-spacing:.08em; }
.single-post .eye-catch-wrap { margin:12px 0 0; }
.single-post .eye-catch { margin:0; border:1px solid #111; }
.single-post .eye-catch img { display:block; width:100%; height:auto; }
.single-post .cat-label { background:var(--ayth-orange); color:#111; border:0; border-radius:0; font-family:inherit; font-size:11px; font-weight:800; padding:5px 10px; }
.single-post .entry-content { max-width:820px; margin:48px auto 0!important; font-family:inherit!important; font-size:17px; line-height:2; overflow-wrap:break-word; }
.single-post .entry-content h2 { margin:72px 0 24px!important; padding:20px 0 16px!important; background:transparent!important; color:#111!important; border:0!important; border-top:3px solid #111!important; border-bottom:1px solid #111!important; border-radius:0!important; font-family:inherit!important; font-size:clamp(24px,2.5vw,32px)!important; font-weight:850; line-height:1.5!important; }
.single-post .entry-content h2::before { content:""; display:block; width:44px; height:6px; margin-bottom:16px; background:var(--ayth-orange); }
.single-post .entry-content h2::after { display:none!important; }
.single-post .entry-content h3 { margin:42px 0 18px!important; padding:0 0 0 14px!important; background:transparent!important; border:0!important; border-left:5px solid var(--ayth-orange)!important; font-family:inherit!important; font-size:22px!important; font-weight:800; line-height:1.6!important; }
.single-post .entry-content h3::before,.single-post .entry-content h3::after { display:none!important; }
.single-post .entry-content a { color:#111; text-decoration:underline; text-decoration-color:var(--ayth-orange); text-decoration-thickness:2px; text-underline-offset:4px; }
.single-post .entry-content a:hover { color:#b94409; }
.single-post .entry-content figure { max-width:100%; }
.single-post .entry-content img { max-width:100%; height:auto; }
.single-post .entry-content figcaption { font-size:12px; line-height:1.8; color:#55524c; }
.single-post .toc { border:1px solid #111!important; border-top:5px solid var(--ayth-orange)!important; padding:24px 28px!important; font-size:14px; line-height:1.8; }
.single-post .toc-title { font-size:16px; font-weight:800; border-color:#111; }
.single-post .toc-list { column-gap:36px; }
.single-post .entry-content table { font-size:14px; }
.single-post .article-footer { margin-top:48px; padding-top:20px; border-top:1px solid #111; }
.single-post .related-entries { margin:64px 0 40px; }
.single-post .related-entry-heading { padding:20px 0; margin:0 0 24px; background:transparent; border-top:3px solid #111; font-size:26px; font-weight:850; }
.single-post .related-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.single-post .related-entry-card-wrap { display:block; width:auto!important; margin:0!important; padding:0!important; border:1px solid #111; border-radius:0; background:transparent; color:#111; }
.single-post .related-entry-card { display:block; height:100%; padding:0; }
.single-post .related-entry-card-thumb { float:none; width:100%!important; margin:0!important; }
.single-post .related-entry-card-thumb img { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; border-bottom:1px solid #111; }
.single-post .related-entry-card-content { margin:0!important; padding:18px; }
.single-post .related-entry-card-title { font-family:inherit; font-size:17px; font-weight:800; line-height:1.7; }
.single-post .related-entry-card-snippet { font-size:12px; line-height:1.9; margin-top:12px; color:#55524c; }
.single-post .related-entry-card-wrap:hover { background:#fffdf7; outline:2px solid var(--ayth-orange); outline-offset:2px; }
.single-post #footer { background:var(--ayth-paper); border-top:2px solid #111; padding:32px 24px; }
.single-post .logo-footer img { width:150px; }
.single-post .menu-footer a { font-family:inherit; font-size:11px; font-weight:700; }
@media(max-width:767px) {
 .single-post #header-in { padding:18px 16px!important; }
 .single-post .logo-header img { width:128px!important; }
 .single-post #navi .menu-header>li>a { min-width:70px; padding:0 12px; font-size:10px; }
 .single-post #content { margin-top:32px!important; }
 .single-post #main { padding:0 20px 40px!important; }
 .single-post .entry-title { font-size:29px!important; line-height:1.5; }
 .single-post .entry-content { margin-top:32px!important; font-size:16px; }
 .single-post .entry-content h2 { margin-top:52px!important; font-size:24px!important; }
 .single-post .entry-content h3 { font-size:20px!important; }
 .single-post .toc { padding:20px!important; }
 .single-post .toc-list { columns:1; }
 .single-post .related-list { grid-template-columns:1fr; gap:24px; }
 .single-post .related-entry-card-title { font-size:18px; }
}


/* AYTH shared header / footer — 2026-10-09 */
body #header-container { background:#f5f2e9!important; border-top:10px solid #f56a1c!important; border-bottom:2px solid #111!important; }
body #header-container-in { display:flex!important; align-items:stretch!important; justify-content:space-between!important; max-width:1240px!important; margin:auto!important; }
body #header,body #navi { background:transparent!important; }
body #header-in { width:auto!important; padding:20px 24px!important; min-height:0!important; }
body .logo-header { padding:0!important; margin:0!important; }
body .logo-header img { width:176px!important; height:auto!important; }
body #navi { display:flex!important; align-items:stretch!important; height:auto!important; }
body #navi-in { width:auto!important; display:flex!important; background:transparent!important; }
body #navi .menu-header { display:flex!important; height:100%!important; margin:0!important; }
body #navi .menu-mobile { display:none!important; }
body #navi .menu-header>li { width:auto!important; border-left:1px solid #111!important; }
body #navi .menu-header>li>a { display:flex!important; align-items:center!important; justify-content:center!important; min-width:112px!important; height:100%!important; padding:0 24px!important; color:#111!important; font-family:Arial,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif!important; font-size:12px!important; font-weight:800!important; letter-spacing:.12em!important; text-transform:uppercase!important; }
body #navi .menu-header>li>a:hover,body #navi .current-menu-item>a { background:#f56a1c!important; color:#111!important; }
body #footer { padding:40px 24px 28px!important; background:#f5f2e9!important; color:#111!important; border-top:6px solid #f56a1c!important; border-bottom:0!important; }
body #footer-in { max-width:1240px!important; width:100%!important; margin:auto!important; background:transparent!important; color:#111!important; }
body #footer .footer-bottom { display:grid!important; grid-template-columns:180px minmax(0,1fr)!important; align-items:start!important; gap:32px!important; padding:0!important; background:transparent!important; }
body #footer .footer-bottom::before,body #footer .footer-bottom::after { display:none!important; }
body #footer .footer-bottom-logo,body #footer .footer-bottom-content { position:static!important; float:none!important; width:auto!important; margin:0!important; padding:0!important; }
body #footer .logo-footer { margin:0!important; padding:0!important; text-align:left!important; }
body #footer .logo-footer img { width:150px!important; height:auto!important; filter:none!important; }
body #footer .menu-footer { display:flex!important; flex-wrap:wrap!important; justify-content:flex-end!important; gap:12px 20px!important; margin:0!important; padding:0!important; }
body #footer .menu-footer li { margin:0!important; padding:0!important; border:0!important; }
body #footer .menu-footer a { padding:0!important; color:#111!important; background:transparent!important; font-family:Arial,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif!important; font-size:11px!important; font-weight:700!important; line-height:1.8!important; }
body #footer .menu-footer a:hover { color:#b94409!important; text-decoration:underline!important; }
body #footer .copyright { margin-top:24px!important; color:#55524c!important; font-family:Arial,sans-serif!important; font-size:11px!important; text-align:right!important; }
@media(max-width:767px) {
 body .mobile-footer-menu-buttons { display:none!important; }
 body #header-in { padding:18px 16px!important; }
 body .logo-header img { width:128px!important; }
 body #navi .menu-header>li>a { min-width:70px!important; padding:0 12px!important; font-size:10px!important; }
 body #footer { padding:32px 20px 24px!important; }
 body #footer .footer-bottom { grid-template-columns:1fr!important; gap:24px!important; }
 body #footer .menu-footer { justify-content:flex-start!important; gap:12px 18px!important; }
 body #footer .copyright { text-align:left!important; }
}


/* AYTH four-link mobile navigation — 2026-10-11 */
@media(max-width:767px) {
 body #header-container #header-container-in { flex-direction:column!important; }
 body #header-container #header { width:100%!important; }
 body #header-container #header-in { padding:16px!important; }
 body #header-container #navi { width:100%!important; border-top:1px solid #111!important; }
 body #header-container #navi-in { width:100%!important; }
 body #header-container #navi .menu-header { display:flex!important; flex-direction:row!important; flex-wrap:nowrap!important; width:100%!important; height:48px!important; }
 body #header-container #navi .menu-header>li { flex:1 1 0!important; min-width:0!important; width:25%!important; height:48px!important; }
 body #header-container #navi .menu-header>li:first-child { border-left:0!important; }
 body #header-container #navi .menu-header>li>a { min-width:0!important; width:100%!important; height:48px!important; padding:0 6px!important; font-size:10px!important; }
 body #header-container #navi .menu-header .item-label { font-size:10px!important; letter-spacing:.08em!important; overflow:visible!important; text-overflow:clip!important; }
}