/*
Theme Name: おやまフレンズ
Description: カテゴリー別の新着記事とキャラクター会話を中心にした登山情報サイト用テーマ。
Version: 1.0.0
Requires at least: 6.3
Requires PHP: 7.4
Author: おやまフレンズ
License: GPL-2.0-or-later
Text Domain: oyama-friends
*/
:root{--ink:#302820;--muted:#70685e;--teal:#006d70;--cream:#fff8ed;--border:#e8e3da}
.category-heading,.category-link,.category-label{display:flex;align-items:center;gap:8px}.category-heading>span:last-child,.category-link>span:last-child{min-width:0}.category-face{--face-size:44px}.category-link .category-face,.category-label .category-face{--face-size:30px}.category-label{display:inline-flex}.sidebar ul:has(.category-link){list-style:none;padding-left:0}.sidebar .category-link{margin:7px 0;text-decoration:none}.sidebar .category-link:hover{text-decoration:underline}.friendly-emoji{display:inline-block;margin-right:.4em}.button .friendly-emoji{flex-shrink:0}
*{box-sizing:border-box}body{margin:0;background:#fbfaf7;color:var(--ink);font-family:system-ui,-apple-system,"Yu Gothic",sans-serif;line-height:1.85}a{color:var(--teal);text-underline-offset:4px}a:hover{text-decoration:underline}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #ff9900;outline-offset:4px}.wrap{max-width:1160px;margin:auto;padding:0 24px}.preview-note{background:#fff0ca;color:#604800;font-size:12px;text-align:center;padding:7px 16px}.header{background:white;border-bottom:1px solid var(--border)}.header-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:15px;padding-bottom:15px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}.brand img{width:62px;height:62px;object-fit:contain}.brand strong{font-size:23px;letter-spacing:.04em}.brand small{display:block;font-size:11px;color:var(--muted)}.nav{display:flex;flex-wrap:wrap;gap:18px;font-size:13px}.nav a{text-decoration:none}.hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0 22px}.hero h1{font-size:clamp(22px,3vw,32px);margin:0 0 8px;line-height:1.45}.hero p{color:var(--muted);margin:0;font-size:14px}.hero-friends{display:flex;gap:4px;--face-size:70px}.buttons{display:flex;gap:10px;flex-wrap:wrap;padding-bottom:28px}.button{display:inline-flex;align-items:center;justify-content:center;padding:10px 17px;border:1px solid #d7dfd8;border-radius:9px;background:white;color:var(--teal);text-decoration:none;font-size:14px;font-weight:600}.button.primary{background:var(--teal);color:white;border-color:var(--teal)}.section{padding:14px 0 28px}.section-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:16px}.section-head h2{font-size:21px;margin:0;padding-left:12px;border-left:5px solid var(--accent,#00b8b2)}.section-head a{font-size:13px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{background:white;border:1px solid var(--border);border-radius:12px;overflow:hidden}.card>a{display:block;text-decoration:none;color:var(--ink)}.card>a:hover h3{text-decoration:underline}.thumbnail{aspect-ratio:1.8;background:var(--tint,#e8f4ee);display:flex;justify-content:space-between;align-items:center;padding:22px}.thumbnail span:not(.oyama-face){font-size:12px;color:#57534d}.thumbnail .oyama-face{--face-size:82px}.card-body{padding:18px}.card h3{font-size:17px;line-height:1.6;margin:8px 0 12px}.meta{color:var(--muted);font-size:12px}.badge{display:inline-block;border-radius:4px;padding:1px 6px;margin-right:5px;vertical-align:2px;font-size:10px;font-weight:700;line-height:1.7;background:#e2f3ef;color:#006157}.badge.hot{background:#ffeadf;color:#a13b19}.category{font-size:11px;color:var(--teal)}.footer{background:white;border-top:1px solid var(--border);padding:28px 0;margin-top:32px}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:36px;padding-top:24px}.article{background:white;border:1px solid var(--border);border-radius:12px;padding:36px}.breadcrumbs{font-size:12px;margin:0 0 22px;color:var(--muted)}.article h1{font-size:clamp(24px,3vw,34px);line-height:1.5;margin:8px 0 15px}.article h2{font-size:23px;border-bottom:2px solid #d8e8df;padding-bottom:10px;margin-top:34px}.article p{font-size:16px}.chat{display:flex;align-items:flex-start;gap:14px;margin:26px 0}.chat.right{flex-direction:row-reverse}.speaker{display:flex;flex-direction:column;align-items:center;flex:0 0 88px;line-height:1.3;text-align:center;font-size:11px;--face-size:72px}.speaker-name{margin-top:-3px}.bubble{padding:16px 20px;border:1px solid #e1e5dc;background:#fffaf0;border-radius:14px;font-size:15px}.right .bubble{background:#edf8f5}.summary,.toc{background:#f3f7f2;border-radius:10px;padding:20px 24px;margin:24px 0}.summary strong,.toc strong{color:var(--teal)}.toc ol{margin-bottom:0;padding-left:22px}.sidebar section{background:white;border:1px solid var(--border);padding:20px;border-radius:10px;margin-bottom:20px}.sidebar h2{font-size:16px;margin:0 0 14px}.sidebar ul{padding-left:18px;font-size:13px}.sidebar input{width:100%;padding:8px;border:1px solid #ccc5bb;border-radius:6px}.sidebar button{margin-top:8px;width:100%;padding:7px;border:0;border-radius:6px;background:var(--teal);color:white}.sidebar .search-note{font-size:11px;color:var(--muted)}.sns{border-top:1px solid var(--border);margin-top:30px;padding-top:18px}.sns h2{border:0;margin-top:0}.sns .buttons{padding:0}.author{font-size:13px;color:var(--muted);border-top:1px solid var(--border);padding-top:18px}.demo-panel{padding:24px;background:white;border:1px solid var(--border);border-radius:10px;margin:24px 0}.ad-slot[hidden]{display:none}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:white;padding:10px;z-index:3}
@media(max-width:900px){.layout{grid-template-columns:minmax(0,1fr)}.sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sidebar section{margin:0}.header-inner{flex-wrap:wrap}.nav{gap:12px}.cards{gap:12px}.card-body{padding:14px}}
@media(max-width:600px){.wrap{padding:0 16px}.brand strong{font-size:20px}.brand img{width:50px;height:50px}.nav{font-size:12px}.hero{padding-top:22px}.hero-friends{display:none}.buttons{gap:8px}.button{font-size:12px;padding:9px 12px}.cards{grid-template-columns:minmax(0,1fr);gap:16px}.card>a{display:grid;grid-template-columns:112px minmax(0,1fr)}.thumbnail{aspect-ratio:auto;padding:12px;flex-direction:column;justify-content:center;gap:6px}.thumbnail .oyama-face{--face-size:70px}.thumbnail span:not(.oyama-face){font-size:10px}.card h3{font-size:15px;margin:5px 0 8px}.section-head h2{font-size:18px}.article{padding:22px 18px}.layout{padding-top:16px;gap:22px}.sidebar{grid-template-columns:minmax(0,1fr)}.speaker{flex-basis:70px;--face-size:64px}.chat{gap:8px}.bubble{padding:12px 14px;font-size:14px}.article p{font-size:15px}.hero h1{font-size:23px}}
.brand>a{color:inherit;text-decoration:none}.brand .custom-logo{width:62px;height:62px;object-fit:contain}.nav ul,.footer nav ul{list-style:none;display:flex;gap:16px;margin:0;padding:0;flex-wrap:wrap}
.thumbnail{padding:0;justify-content:center;overflow:hidden}.thumbnail>img{width:100%;height:100%;object-fit:cover}.hero-friends .category-face{--face-size:70px}
.entry-content img{max-width:100%;height:auto}.entry-content iframe{max-width:100%}.entry-content figure{max-width:100%;margin-left:0;margin-right:0}.entry-content table{display:block;overflow-x:auto;max-width:100%}.entry-content h2,.entry-content h3{scroll-margin-top:20px}
.article .oyama-note-title,.article .oyama-note-content{font-size:1rem}.footer nav{display:flex;gap:12px;flex-wrap:wrap}.advertising-disclosure{font-size:12px!important;color:#70685e}.sources{font-size:14px}.author h2{font-size:17px}
input,textarea{max-width:100%}.navigation.pagination{margin:24px 0}.page-numbers{display:inline-block;padding:6px 12px}.sidebar li{margin-bottom:8px}.article .comments h2{font-size:20px}.comment-list{padding-left:20px}.widget img{max-width:100%;height:auto}
@media(max-width:600px){.thumbnail{min-height:110px}.category-heading .category-face{--face-size:36px}.section-head>a{white-space:nowrap}.brand .custom-logo{width:50px;height:50px}}