/*
Theme Name: セーブされない日々
Theme URI: https://gameblog.yohei-mise.com/
Author: Yohei Mise
Description: ゲームのプレイ日記や感想を気ままに綴るブログテーマ。
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: save-days
*/

:root {
  --ink: #17232d; --ink-soft: #52606a; --paper: #fbfaf7; --white: #fff;
  --muted: #8d9699; --line: #e8e7e1; --accent: #c8a778;
  --serif: "Yu Mincho", "Hiragino Mincho ProN", "Noto Serif JP", serif;
  --sans: "Yu Gothic", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 82px; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: var(--sans); -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
.screen-reader-text { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.menu-toggle { display:none; }
.site-header { height: 76px; background: var(--ink); color: #fff; position: relative; z-index: 2; }
.header-inner { max-width: 1240px; height: 100%; margin: auto; padding: 0 42px; display: flex; align-items: center; justify-content: space-between; }
.wordmark { display: inline-flex; align-items: center; gap: 11px; font-size: 15px; font-weight: 600; letter-spacing: .055em; white-space: nowrap; }
.wordmark-mark { display: grid; place-items: center; width: 31px; height: 31px; border: 1px solid rgba(226,211,186,.52); border-radius: 50%; color: #dec9a8; font-family: Georgia,serif; font-size: 16px; font-style: italic; }
.main-nav { display: flex; align-items: center; gap: 35px; margin-left: auto; margin-right: 40px; }
.main-nav a,.footer-main nav a { color: rgba(255,255,255,.76); font-size: 11px; letter-spacing: .07em; transition: color .2s; }
.main-nav a:hover,.footer-main nav a:hover { color: #e6c89d; }
.header-note { font: 10px Georgia,serif; color: #b9a98e; letter-spacing: .12em; }.header-note span { color: #e1d2b8; margin-left: 6px; }
.hero { height: 590px; min-height: 530px; overflow: hidden; position: relative; background: #18242c; color: white; }
.hero-photo { position: absolute; inset: 0; background: url("images/MV.jpg") center 54% / cover no-repeat; opacity: .64; }
.hero-shade { position: absolute; inset: 0; background: linear-gradient(90deg,rgba(17,27,34,.97),rgba(17,27,34,.85) 33%,rgba(17,27,34,.43) 64%,rgba(17,27,34,.1)),linear-gradient(0deg,rgba(17,27,34,.4),transparent 35%); }
.hero-inner { max-width: 1155px; height: 100%; margin: auto; padding: 106px 42px 80px; position: relative; z-index: 1; }
.eyebrow,.section-kicker { margin: 0; font: 9px Georgia,serif; letter-spacing: .2em; }.eyebrow { color: #d7c6a8; display: flex; align-items: center; gap: 10px; }
.live-dot { width: 6px; height: 6px; border-radius: 50%; background: #d7bd91; box-shadow: 0 0 0 4px rgba(215,189,145,.12); }.eyebrow-line { width: 34px; height: 1px; background: rgba(222,207,182,.45); margin-left: 4px; }
.hero h1 { margin: 32px 0 17px; font: 500 clamp(38px,5vw,57px)/1.55 var(--serif); letter-spacing: .09em; }.hero h1 span { color: #dfc69f; }
.hero-copy { margin: 0; color: rgba(255,255,255,.73); font-size: 12px; line-height: 2.2; letter-spacing: .045em; }
.hero-link { display: inline-flex; gap: 24px; align-items: center; margin-top: 29px; padding-bottom: 8px; border-bottom: 1px solid rgba(222,198,159,.6); color: #f3eadb; font-size: 11px; letter-spacing: .08em; }.hero-link span { color: #dfc69f; font-size: 16px; transition: transform .2s; }.hero-link:hover span { transform: translateY(3px); }
.hero-aside { display: flex; align-items: center; gap: 13px; position: absolute; bottom: 29px; left: 42px; color: rgba(255,255,255,.49); font-size: 9px; letter-spacing: .1em; }.aside-rule { width: 37px; height: 1px; background: rgba(255,255,255,.3); }
.hero-index { display: flex; align-items: center; gap: 11px; position: absolute; right: max(calc((100% - 1070px)/2),42px); bottom: 32px; color: rgba(255,255,255,.56); font: 9px Georgia,serif; letter-spacing: .14em; }.index-line { width: 38px; height: 1px; background: rgba(255,255,255,.36); }
.section { max-width: 1155px; margin: auto; padding-left: 42px; padding-right: 42px; }.articles-section { padding-top: 90px; padding-bottom: 98px; }
.section-heading { display: flex; align-items: end; justify-content: space-between; margin-bottom: 36px; }.section-kicker { color: #9a886b; margin-bottom: 9px; }.section-heading h2 { margin: 0; font: 500 29px var(--serif); letter-spacing: .08em; }.heading-period { color: #b99867; }
.text-link { padding-bottom: 5px; color: #747a78; border-bottom: 1px solid #c8c5ba; font-size: 10px; letter-spacing: .06em; }.text-link span { color: #a78d65; margin-left: 10px; }
.article-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); column-gap: 25px; row-gap: 43px; }.article-card { min-width: 0; }
.article-image { height: 188px; position: relative; overflow: hidden; display: block; background-color: #293943; isolation: isolate; }.article-image::before,.article-image::after { content: ""; position: absolute; z-index: 0; inset: 0; transition: transform .5s; }.article-image:hover::before { transform: scale(1.05); }.article-image::after { z-index:1; background: linear-gradient(0deg,rgba(18,28,35,.48),transparent 58%); }
.article-image img { position: absolute; z-index: 0; width: 100%; height: 100%; inset: 0; object-fit: cover; transition: transform .5s; }.article-image:hover img { transform: scale(1.05); }
.image-fallback::before { background: url("images/MV.jpg") center / cover; }.image-label { position: absolute; top: 13px; left: 14px; display: flex; gap: 9px; color: rgba(255,255,255,.9); font: 8px Georgia,serif; letter-spacing: .16em; }.image-label span { color: rgba(255,255,255,.59); }
.image-label { z-index:2; }.card-meta { display: flex; align-items: center; gap: 9px; margin-top: 17px; color: #858b88; font-size: 9px; letter-spacing: .025em; white-space: nowrap; }.card-meta time { font-family: Georgia,serif; }.card-meta a { color: #978365; }.meta-dot { width: 3px; height: 3px; border-radius: 50%; background: #b9b6ac; }.read-time { margin-left: auto; color: #a4a6a0; font: 8px Georgia,serif; letter-spacing: .1em; }
.article-card h3 { margin: 11px 0 0; font-size: 13px; line-height: 1.85; font-weight: 600; letter-spacing: .015em; }.article-card h3 a { transition: color .2s; }.article-card h3 a:hover { color: #9b8058; }.card-excerpt { margin: 7px 0 0; color: #858b88; font-size: 10px; line-height: 1.9; }.all-articles-mobile { display: none; }
.games-section { background: #f1f0eb; }.games-inner { padding-top: 76px; padding-bottom: 81px; }.games-heading { margin-bottom: 32px; }.games-caption { margin: 0 2px 3px 0; color: #838783; font-size: 10px; line-height: 1.9; }
.game-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border-top: 1px solid #dcdad2; border-left: 1px solid #dcdad2; }.game-item { min-height: 85px; position: relative; display: grid; grid-template-columns: 43px 1fr auto; grid-template-rows: 1fr 1fr; align-items: center; padding: 15px 18px; border-right: 1px solid #dcdad2; border-bottom: 1px solid #dcdad2; transition: background .2s; }.game-item:hover { background: rgba(255,255,255,.69); }
.game-symbol { width: 35px; height: 35px; display: grid; grid-row: 1/3; place-items: center; border: 1px solid currentColor; border-radius: 50%; font: 16px var(--serif); }.symbol-0 { color:#93805b }.symbol-1 { color:#b5776c }.symbol-2 { color:#7f9678 }.symbol-3 { color:#7f9995 }.symbol-4 { color:#887aa2 }.symbol-5 { color:#969794 }
.game-name { align-self: end; font-size: 11px; font-weight: 600; letter-spacing: .01em; }.game-count { align-self: start; margin-top: 5px; color: #999b94; font: 8px Georgia,serif; letter-spacing: .12em; }.game-arrow { grid-column: 3; grid-row: 1/3; align-self: center; color: #a08b69; font-size: 14px; }
.about-section { min-height: 385px; position: relative; overflow: hidden; background: #e8e6df; }.about-inner { max-width: 1070px; margin: auto; padding: 74px 42px 78px; position: relative; z-index: 1; }.about-inner h2 { margin: 17px 0 13px; font: 500 30px/1.65 var(--serif); letter-spacing: .07em; }.about-copy { max-width: 530px; margin: 0; color: #69716e; font-size: 11px; line-height: 2.15; }.about-link { display: inline-flex; gap: 22px; padding-bottom: 6px; margin-top: 18px; border-bottom: 1px solid #b8aa92; color: #4a5553; font-size: 10px; letter-spacing: .04em; }.about-link span { color: #a18861; }.about-decoration { position: absolute; top: 25px; right: max(calc((100% - 1120px)/2),15px); color: rgba(255,255,255,.68); font: italic 72px/.91 Georgia,serif; letter-spacing: -.07em; text-align: right; }.about-decoration span { display: inline-block; margin: 5px 0 0 14px; color: rgba(180,151,108,.55); font: 28px var(--serif); vertical-align: middle; }.about-stamp { position: absolute; right: 45px; bottom: 32px; color: #9a968b; font: 8px Georgia,serif; letter-spacing: .16em; }
.site-footer { padding: 36px max(calc((100% - 1070px)/2),42px) 0; background: var(--ink); color: #fff; }.footer-main { min-height: 78px; display: flex; align-items: center; border-bottom: 1px solid rgba(255,255,255,.13); }.footer-wordmark { font-size: 13px; }.footer-wordmark .wordmark-mark { width: 28px; height: 28px; }.footer-main>p { margin: 0 0 0 25px; color: rgba(255,255,255,.44); font-size: 9px; }.footer-main nav { display: flex; gap: 25px; margin-left: auto; }.footer-main nav a { font-size: 9px; }.footer-bottom { min-height: 50px; display: flex; align-items: center; justify-content: space-between; color: rgba(255,255,255,.48); font: 8px Georgia,"Yu Gothic",serif; letter-spacing: .09em; }.footer-star { color: #ccb58f; margin-left: 4px; }.footer-bottom a { color: rgba(255,255,255,.66); }
.pagination { display:flex;justify-content:center;gap:8px;margin-top:36px }.pagination a,.pagination span { padding:8px 12px;border:1px solid var(--line);font-size:12px }.pagination .current { background:var(--ink);color:#fff }
.empty-posts,.empty-categories { grid-column:1/-1; color:#858b88; font-size:12px; line-height:1.9; }
.archive-section,.single-section { min-height:55vh; padding-top:76px; padding-bottom:90px; }
.archive-heading h1,.single-header h1 { margin:0; font:500 32px/1.55 var(--serif); letter-spacing:.06em; }
.single-article { max-width:760px; margin:0 auto; }.single-header { margin-bottom:32px; }.single-header .card-meta { margin-top:16px; }
.single-featured-image { margin:0 0 34px; }.single-featured-image img { display:block; width:100%; height:auto; }
.entry-content { color:#414b50; font-size:15px; line-height:2.15; }.entry-content > * { margin:0 0 1.7em; }.entry-content h2,.entry-content h3 { margin-top:2em; color:var(--ink); font-family:var(--serif); line-height:1.6; }.entry-content img { max-width:100%; height:auto; }.entry-content a { color:#8b7049; text-decoration:underline; text-underline-offset:3px; }.post-navigation { display:flex; justify-content:space-between; gap:20px; margin-top:48px; padding-top:18px; border-top:1px solid var(--line); font-size:12px; }
@media(min-width:1400px){.hero{height:630px}}
@media(max-width:900px){.header-inner{padding:0 28px}.main-nav{gap:21px;margin-right:24px}.header-note{display:none}.hero-inner{padding-left:52px}.hero-aside{left:52px}.section{padding-left:28px;padding-right:28px}.article-grid{column-gap:17px;row-gap:36px}.article-image{height:160px}.card-meta{gap:6px;font-size:8px}.read-time{display:none}.article-card h3{font-size:12px}.game-item{padding:13px 12px;grid-template-columns:38px 1fr auto}.game-name{font-size:10px}.about-decoration{right:22px;font-size:58px;opacity:.8}.site-footer{padding-left:28px;padding-right:28px}}
@media(max-width:620px){html{scroll-padding-top:64px}.site-header{height:64px}.header-inner{padding:0 20px}.wordmark{font-size:13px;gap:8px}.wordmark-mark{width:28px;height:28px}.menu-toggle{display:flex;width:36px;height:36px;margin-left:auto;padding:9px 6px;border:0;background:transparent;flex-direction:column;justify-content:center;gap:5px;cursor:pointer}.menu-toggle>span:not(.screen-reader-text){display:block;width:22px;height:1px;background:#e7dfd1}.main-nav{display:none;position:absolute;top:64px;left:0;right:0;margin:0;padding:12px 22px 18px;background:var(--ink);flex-direction:column;align-items:flex-start;gap:0}.main-nav.is-open{display:flex}.main-nav a{width:100%;padding:12px 0;font-size:11px;border-top:1px solid rgba(255,255,255,.1)}.main-nav a:last-child{display:block}.header-note{display:none}.hero{height:535px;min-height:0}.hero-photo{background-position:58% center;opacity:.56}.hero-shade{background:linear-gradient(90deg,rgba(17,27,34,.91),rgba(17,27,34,.46)),linear-gradient(0deg,rgba(17,27,34,.36),transparent 45%)}.hero-inner{padding:95px 25px 78px}.eyebrow{font-size:7px;letter-spacing:.14em;gap:8px}.eyebrow-line{width:20px}.hero h1{margin-top:29px;font-size:clamp(34px,9vw,46px);letter-spacing:.065em}.hero-copy{font-size:11px;line-height:2.1}.hero-link{margin-top:26px}.hero-aside{left:25px;bottom:25px;font-size:8px}.hero-aside span:first-child{max-width:110px}.hero-index{right:24px;bottom:26px;font-size:8px}.section{padding-left:22px;padding-right:22px}.articles-section{padding-top:59px;padding-bottom:58px}.section-heading{margin-bottom:25px}.section-heading h2{font-size:24px}.section-kicker{font-size:8px}.text-link{font-size:9px}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:13px;row-gap:29px}.article-image{height:clamp(112px,29vw,158px)}.image-label{top:9px;left:9px;gap:5px;font-size:7px}.card-meta{flex-wrap:wrap;gap:5px;margin-top:11px;font-size:8px;white-space:normal}.card-meta a{font-size:8px}.article-card h3{margin-top:8px;font-size:11px;line-height:1.75}.card-excerpt{font-size:9px;line-height:1.75}.text-link{display:none}.all-articles-mobile{display:flex;width:fit-content;gap:18px;margin:33px auto 0;padding-bottom:7px;border-bottom:1px solid #c8c5ba;color:#68716f;font-size:10px}.all-articles-mobile span{color:#a78d65}.games-inner{padding-top:55px;padding-bottom:59px}.games-caption{font-size:9px}.games-heading{align-items:end}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-item{min-height:74px;grid-template-columns:32px 1fr auto;padding:10px 8px}.game-symbol{width:27px;height:27px;font-size:13px}.game-name{font-size:9px}.game-count{font-size:7px}.game-arrow{font-size:12px}.about-section{min-height:365px}.about-inner{padding:57px 24px 68px}.about-inner h2{font-size:25px}.about-copy{max-width:100%;font-size:10px}.about-decoration{top:13px;right:10px;font-size:41px;opacity:.65}.about-stamp{right:23px;bottom:22px;font-size:7px}.site-footer{padding:22px 22px 0}.footer-main{align-items:flex-start;flex-wrap:wrap;padding:3px 0 17px}.footer-main>p{width:100%;margin:10px 0 0 37px}.footer-main nav{width:100%;margin:15px 0 0;gap:22px}.footer-main nav a{font-size:8px}.footer-bottom{min-height:48px;gap:8px;font-size:7px}.footer-bottom>span:nth-child(2){display:none}.archive-section,.single-section{padding-top:52px;padding-bottom:60px}.archive-heading h1,.single-header h1{font-size:25px}.entry-content{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important}}