/*
Theme Name: XXX Manga Theme
Description: 白ベースのブログ形式・最小クラシックテーマ(XXXマンガ用)。外部フォント・外部スクリプト・トラッキング・広告コードなし。
Version: 0.1.0
Requires at least: 5.9
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: xxx-manga-theme
*/

:root{--bg:#fff;--panel:#f7f7f5;--line:#e3e3df;--text:#222;--sub:#777;--accent:#e8a21a;--accent-d:#b87a00;--dmm:#d64550;--dl:#1e8cbe}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.95 "Noto Sans JP","Hiragino Sans","Yu Gothic",Meiryo,sans-serif}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
.screen-reader-text{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* 年齢注意の帯 */
.age{background:#fff6e0;color:#7a5a00;font-size:12px;text-align:center;padding:6px 12px;border-bottom:1px solid #f0dfb0}

/* ヘッダー・ナビ */
.site-header{border-bottom:1px solid var(--line);background:#fff}
.head-in{max-width:1000px;margin:0 auto;padding:14px 16px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:20px}
.logo img{width:34px;height:34px;border-radius:6px;background:#000}
.tagline{color:var(--sub);font-size:12px}
.main-nav{margin-left:auto;font-size:14px;color:var(--sub)}
.menu-list{display:flex;gap:18px;list-style:none;margin:0;padding:0}
.menu-list li{margin:0;padding:0}
.menu-list a:hover{color:var(--accent-d)}

/* レイアウト */
.wrap{max-width:1000px;margin:0 auto;padding:24px 16px 48px;display:grid;grid-template-columns:1fr 260px;gap:32px}
.wrap>main{min-width:0}
h1.page-title{font-size:18px;margin:0 0 16px;padding-left:10px;border-left:4px solid var(--accent)}

/* 記事一覧 */
.post{display:grid;grid-template-columns:210px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}
.eye{display:block;aspect-ratio:3/2;background:#ece9e1;border-radius:6px;overflow:hidden}
.eye img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.post h2{margin:0 0 4px;font-size:17px;line-height:1.5}
.post h2 a:hover{color:var(--accent-d)}
.meta{color:var(--sub);font-size:12px;margin-bottom:6px}
.post p{margin:0;color:#555;font-size:14px;line-height:1.75}
.no-posts{color:var(--sub)}

/* ページネーション */
.nav-links{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:28px 0 0;font-size:14px}
.page-numbers{display:inline-block;padding:4px 12px;border:1px solid var(--line);border-radius:4px;line-height:1.8}
a.page-numbers:hover{border-color:var(--accent);color:var(--accent-d)}
.page-numbers.current{background:var(--accent);border-color:var(--accent);color:#fff}

/* サイドバー */
aside .box{margin-bottom:28px}
aside h3{font-size:14px;margin:0 0 10px;padding-bottom:6px;border-bottom:2px solid var(--accent)}
aside ul{list-style:none;margin:0;padding:0;font-size:14px}
aside li{padding:6px 0;border-bottom:1px dotted var(--line);line-height:1.6}
aside li a:hover{color:var(--accent-d)}
aside .prof{color:#555;font-size:13px;line-height:1.75;margin:0}

/* 記事・固定ページ本文 */
.article{max-width:720px;min-width:0}
.article h1{font-size:24px;line-height:1.5;margin:6px 0 14px}
.article h2{font-size:19px;margin:40px 0 14px;padding:6px 0 6px 12px;border-left:5px solid var(--accent);background:var(--panel)}
.article h3{font-size:16px;margin:22px 0 6px;color:var(--accent-d)}
.article p{margin:0 0 16px}
.article p a,.article li a,.article td a{color:var(--accent-d);text-decoration:underline}
.article ul,.article ol{margin:0 0 16px;padding-left:1.4em}
.article li{margin-bottom:4px}

/* 作品紹介の部品(記事内マークアップ) */
.tr{margin:18px auto;max-width:560px}
.tr img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:4px;background:#f1efe9}
.tr a{display:block}
.tr.eyecatch{margin:20px auto}
.tr figcaption{font-size:13px;line-height:1.8;color:#555;margin-top:6px}
.eyecatch{margin:0 0 20px}
.shot{max-width:560px;margin:18px auto}
.shot img{width:100%;height:auto;display:block;border-radius:4px;border:1px solid var(--line)}
.shot figcaption{font-size:14px;color:#555;line-height:1.8;margin-top:8px}
table.info{width:100%;border-collapse:collapse;font-size:14px;margin:8px 0 18px}
table.info th,table.info td{border:1px solid var(--line);padding:8px 12px;text-align:left}
table.info th{background:var(--panel);width:28%;font-weight:700}
.points{margin:0 0 16px;padding-left:1.3em}
.points li{margin-bottom:6px}
.cta{text-align:center;margin:30px 0}
.article .cta a,.cta a{display:inline-block;color:#fff;font-weight:700;border-radius:6px;padding:13px 30px;text-decoration:none}
.cta.dmm a{background:var(--dmm)}
.cta.dl a{background:var(--dl)}

/* 「もっと見る」: ボックスなし・中央・開閉(details要素・HTMLには常に出力) */
details.more,.more{margin:26px 0 0;text-align:center}
details.more summary,.more summary{list-style:none;cursor:pointer;display:inline-block;color:var(--accent-d);padding:6px 18px;font-size:14px}
details.more summary::-webkit-details-marker,.more summary::-webkit-details-marker{display:none}
details.more summary:hover,.more summary:hover{text-decoration:underline}
details.more .t-close,.more .s-close{display:none}
details.more[open] .t-open,.more[open] .s-open{display:none}
details.more[open] .t-close,.more[open] .s-close{display:inline}
.more-body,.desc-body{text-align:left;margin-top:8px;font-size:14px;color:#444}
.more-body p{margin:0 0 12px}

/* お問い合わせフォーム(Contact Form 7) */
.wpcf7 p{margin:0 0 16px}
.wpcf7 label{display:block;font-size:14px;font-weight:700}
.wpcf7 input[type=text],.wpcf7 input[type=email],.wpcf7 textarea{display:block;width:100%;margin-top:6px;padding:10px 12px;border:1px solid var(--line);border-radius:4px;background:#fff;font:inherit;font-weight:400}
.wpcf7 textarea{min-height:160px}
.wpcf7 input[type=submit]{background:var(--accent);color:#fff;border:0;border-radius:6px;padding:12px 32px;font:inherit;font-weight:700;cursor:pointer}
.wpcf7 input[type=submit]:hover{background:var(--accent-d)}
.wpcf7-not-valid-tip{color:#c0392b;font-size:13px}
.wpcf7 form .wpcf7-response-output{margin:16px 0 0;padding:10px 14px;border:1px solid var(--line);border-radius:4px;font-size:14px}

/* フッター */
.site-footer{border-top:1px solid var(--line);padding:20px 16px;text-align:center;color:var(--sub);font-size:12px;background:#fafaf8}
.site-footer .menu-list{justify-content:center;margin:0 0 8px}

@media(max-width:820px){.wrap{grid-template-columns:1fr}.post{grid-template-columns:120px 1fr}.main-nav{margin-left:0}}