/*
Theme Name: Akita J
Theme URI: https://akitaj.com/
Author: Akita J
Description: An aizome indigo, snow white and vermilion seal theme with a vertical kanji hero, a six-line breed profile, a Japanese and American Akita tab switch, a Hachiko story band, a four-season coat calendar, a care routine checklist and a shoji-pane reading field for Akita J, a guide to the Japanese Akita.
Version: 1.0.0
Requires at least: 6.4
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: akitahouse
*/
@font-face{font-family:"Shippori Mincho";src:url("assets/fonts/shippori-mincho-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Shippori Mincho";src:url("assets/fonts/shippori-mincho-800.woff2") format("woff2");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"Zen Kaku Gothic New";src:url("assets/fonts/zen-kaku-gothic-new-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Zen Kaku Gothic New";src:url("assets/fonts/zen-kaku-gothic-new-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Zen Kaku Gothic New";src:url("assets/fonts/zen-kaku-gothic-new-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
:root{
	--akj-ai:#1D2C59;
	--akj-night:#111A38;
	--akj-snow:#F0F3FB;
	--akj-frost:#E3E9F6;
	--akj-seal:#C8392B;
	--akj-sealtext:#A82D21;
	--akj-peach:#FFD9A8;
	--akj-ink:#1A2036;
	--akj-mute:#4A5372;
	--akj-line:#D2D9EA;
	--akj-head:"Shippori Mincho","Yu Mincho","Hiragino Mincho ProN",Georgia,serif;
	--akj-body:"Zen Kaku Gothic New","Hiragino Sans","Segoe UI",Roboto,Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--akj-ink);font:400 1.07rem/1.8 var(--akj-body)}
img{max-width:100%;height:auto;display:block}
a{color:var(--akj-ai)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--akj-seal);outline-offset:3px}
h1,h2,h3,h4{font-family:var(--akj-head);font-weight:800;line-height:1.2;margin:0 0 .5em;letter-spacing:.01em}
.akj-skip{position:absolute;left:-9999px}
.akj-skip:focus{left:14px;top:10px;z-index:70;background:#fff;color:var(--akj-ai);padding:10px 16px}
.akj-wrap{max-width:1140px;margin:0 auto;padding:0 32px}
.akj-h2{font-size:clamp(1.9rem,3.6vw,2.8rem);color:var(--akj-ai)}
.akj-over{font:500 .86rem/1 var(--akj-body);letter-spacing:.3em;text-transform:uppercase;color:var(--akj-sealtext);margin:0 0 16px}
.akj-small{font-size:.94rem;color:var(--akj-mute)}
.akj-btn{display:inline-block;background:var(--akj-ai);color:#fff;font:700 1rem/1 var(--akj-body);letter-spacing:.12em;text-decoration:none;padding:17px 32px;border:2px solid var(--akj-ai)}
.akj-btn:hover{background:#fff;color:var(--akj-ai)}
.akj-btn-light{background:#fff;color:var(--akj-ai);border-color:#fff}
.akj-btn-light:hover{background:transparent;color:#fff}
.akj-link{font-weight:700;color:var(--akj-ai);text-decoration:none;background:linear-gradient(var(--akj-seal),var(--akj-seal)) 0 100%/100% 2px no-repeat;padding-bottom:3px}
.akj-seal{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--akj-seal);color:#fff;font:800 1.3rem/1 var(--akj-head);border-radius:6px;transform:rotate(-4deg)}
.akj-seal-lg{width:60px;height:60px;font-size:2rem}

/* Header */
.akj-head{background:#fff;border-bottom:1px solid var(--akj-line);position:relative;z-index:30}
.akj-head-in{max-width:1200px;margin:0 auto;padding:18px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.akj-brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--akj-ai)}
.akj-brand-t{font:800 1.6rem/1 var(--akj-head);letter-spacing:.04em}
.akj-brand-t i{font-style:normal;color:var(--akj-sealtext)}
.akj-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:30px}
.akj-nav a{display:block;color:var(--akj-ink);text-decoration:none;font:500 .98rem/1 var(--akj-body);letter-spacing:.06em;padding:10px 0;border-bottom:2px solid transparent}
.akj-nav a:hover,.akj-nav a[aria-current="page"]{border-bottom-color:var(--akj-seal);color:var(--akj-ai)}
.akj-open{display:none;align-items:center;gap:10px;background:none;border:1px solid var(--akj-ai);color:var(--akj-ai);font:700 .95rem/1 var(--akj-body);letter-spacing:.1em;padding:11px 16px;cursor:pointer}
.akj-open-l{width:18px;height:2px;background:currentColor;box-shadow:0 -6px 0 currentColor,0 6px 0 currentColor}

/* Hero */
.akj-hero{display:grid;grid-template-columns:1.35fr 1fr;min-height:620px;background:var(--akj-snow)}
.akj-hero-pic{margin:0;position:relative}
.akj-hero-pic img{width:100%;height:100%;object-fit:cover}
.akj-vert{position:absolute;top:36px;right:30px;writing-mode:vertical-rl;font:800 2.4rem/1 var(--akj-head);letter-spacing:.3em;color:#fff;background:rgba(17,26,56,.72);padding:22px 12px}
.akj-hero-text{padding:70px max(32px,calc((100vw - 1140px)/2 + 32px)) 60px 56px;display:flex;flex-direction:column;justify-content:center}
.akj-hero-text h1{font-size:clamp(2.4rem,4.4vw,3.6rem);color:var(--akj-ai)}
.akj-hero-text p{color:var(--akj-mute);margin:0 0 28px}

/* Profile */
.akj-profile{padding:96px 0}
.akj-facts{margin:30px 0 0;display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid var(--akj-ai);border-left:1px solid var(--akj-line)}
.akj-facts div{padding:24px 26px;border-right:1px solid var(--akj-line);border-bottom:1px solid var(--akj-line)}
.akj-facts dt{font:800 1.25rem/1.2 var(--akj-head);color:var(--akj-ai);margin-bottom:8px}
.akj-facts dt::before{content:"";display:inline-block;width:10px;height:10px;background:var(--akj-seal);margin-right:10px;vertical-align:middle;transform:rotate(45deg)}
.akj-facts dd{margin:0;color:var(--akj-mute)}

/* Two types */
.akj-two{padding:96px 0;background:var(--akj-frost)}
.akj-two-in{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}
.akj-tabs{display:inline-flex;border:2px solid var(--akj-ai);margin:6px 0 22px}
.akj-tabs button{font:700 1rem/1 var(--akj-body);letter-spacing:.06em;background:#fff;color:var(--akj-ai);border:0;padding:14px 22px;cursor:pointer}
.akj-tabs button[aria-selected="true"]{background:var(--akj-ai);color:#fff}
.akj-tabpanel{background:#fff;padding:26px 30px;border-left:6px solid var(--akj-seal);min-height:250px}
.akj-tab-h{font:800 1.5rem/1.2 var(--akj-head);color:var(--akj-ai);margin:0 0 10px}
.akj-tabpanel ul{margin:0;padding-left:20px;color:var(--akj-mute)}
.akj-two-pic{margin:0}
.akj-two-pic img{width:100%;border:14px solid #fff;box-shadow:0 20px 40px rgba(17,26,56,.15)}

/* Hachiko */
.akj-hachi{position:relative;background:var(--akj-night)}
.akj-hachi img{width:100%;height:600px;object-fit:cover;opacity:.75}
.akj-hachi-in{position:absolute;left:max(32px,calc((100vw - 1140px)/2 + 32px));bottom:60px;max-width:560px;color:#fff;padding:34px 36px;background:rgba(17,26,56,.88);border-top:4px solid var(--akj-seal)}
.akj-hachi-in h2{font-size:2.4rem;color:#fff}
.akj-hachi-in p{margin:0;color:#DDE3F3}

/* Seasons */
.akj-seasons{padding:96px 0}
.akj-year{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.akj-year li{padding:30px 26px 34px;border-left:1px solid var(--akj-line);position:relative}
.akj-year li:first-child{border-left:0}
.akj-year b{display:block;font:800 1.6rem/1 var(--akj-head);color:var(--akj-ai);margin-bottom:14px}
.akj-year span{color:var(--akj-mute)}
.akj-year li:nth-child(1){background:linear-gradient(180deg,#F7E9EE 0,#fff 70%)}
.akj-year li:nth-child(2){background:linear-gradient(180deg,#E3F1EA 0,#fff 70%)}
.akj-year li:nth-child(3){background:linear-gradient(180deg,#F8E4DC 0,#fff 70%)}
.akj-year li:nth-child(4){background:linear-gradient(180deg,#E3E9F6 0,#fff 70%)}

/* Groom */
.akj-groom{padding:96px 0;background:var(--akj-snow)}
.akj-groom-in{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}
.akj-groom figure,.akj-live figure{margin:0}
.akj-groom figure img{width:100%;clip-path:polygon(0 0,100% 0,100% 88%,88% 100%,0 100%)}
.akj-routine{list-style:none;margin:0 0 14px;padding:0}
.akj-routine li{padding:11px 0;border-bottom:1px solid var(--akj-line)}
.akj-routine label{display:flex;gap:12px;align-items:flex-start;cursor:pointer}
.akj-routine input{width:21px;height:21px;margin-top:5px;accent-color:var(--akj-seal);flex:none}
.akj-routine-out{font-weight:700;color:var(--akj-ai);margin:0 0 20px}

/* Live */
.akj-live{padding:96px 0}
.akj-live-in{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}
.akj-live-in p{color:var(--akj-mute)}
.akj-live figure img{width:100%;border-radius:50%;border:12px solid var(--akj-frost)}

/* End */
.akj-end{display:grid;grid-template-columns:1fr 1fr;background:var(--akj-ai);color:#fff}
.akj-end img{width:100%;height:100%;object-fit:cover;max-height:520px}
.akj-end>div{padding:60px 56px;display:flex;flex-direction:column;justify-content:center}
.akj-end h2{font-size:clamp(2rem,3.6vw,2.8rem);color:#fff}
.akj-end p{color:#DDE3F3;margin:0 0 26px}

/* Pages */
.akj-page-head{padding:80px 32px 50px;max-width:900px;margin:0 auto;border-bottom:1px solid var(--akj-line)}
.akj-page-head h1{font-size:clamp(2.3rem,5vw,3.4rem);color:var(--akj-ai);margin:0}
.akj-page-body{max-width:900px;margin:0 auto;padding:48px 32px 96px}
.akj-page-body h2{font-size:1.8rem;color:var(--akj-ai);margin-top:1.5em}
.akj-page-body h2::before{content:"";display:inline-block;width:12px;height:12px;background:var(--akj-seal);margin-right:12px;vertical-align:middle}
.akj-page-body h3{font-size:1.3rem;color:var(--akj-sealtext)}
.akj-page-body figure{margin:26px 0}
.akj-page-body figure img{max-width:440px;border:10px solid var(--akj-frost)}
.akj-page-body figcaption{font-size:.94rem;color:var(--akj-mute);margin-top:6px}
.akj-page-body table{width:100%;border-collapse:collapse;margin:22px 0;font-size:1rem}
.akj-page-body th,.akj-page-body td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--akj-line);vertical-align:top}
.akj-page-body th{color:var(--akj-ai);font-weight:700;border-bottom:2px solid var(--akj-ai)}
.akj-page-body .akj-lede{font-size:1.2rem;color:var(--akj-ink)}
.akj-page-body .akj-note{background:var(--akj-frost);padding:16px 22px;border-left:4px solid var(--akj-ai)}
.akj-page-body .akj-next{margin-top:40px;font-weight:700}

/* Reading field */
.akj-field{background:#1D2C59;color:#F0F3FB;padding:80px 32px 110px}
.akj-field a{color:#FFD9A8}
.akj-field h1,.akj-field h2,.akj-field h3,.akj-field h4{color:#F0F3FB}
.akj-field .akj-over{color:#FFD9A8}
.akj-tracks-head,.akj-titles,.akj-pager{max-width:1040px;margin-left:auto;margin-right:auto}
.akj-tracks-head{text-align:center;margin-bottom:44px}
.akj-tracks-head h1{font-size:clamp(2.6rem,6vw,4.2rem);margin:10px 0 6px}
.akj-tracks-head p{margin:0}
.akj-paws{display:inline-flex;gap:14px;transform:rotate(-8deg)}
.akj-paws i{width:16px;height:20px;border-radius:50% 50% 45% 45%;background:#F0F3FB;opacity:.85}
.akj-paws i:nth-child(even){transform:translateY(-10px);opacity:.6}
.akj-titles{list-style:none;padding:0;margin-top:0;display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid rgba(240,243,251,.4);border-left:1px solid rgba(240,243,251,.4)}
.akj-titles li{border-right:1px solid rgba(240,243,251,.4);border-bottom:1px solid rgba(240,243,251,.4)}
.akj-titles a{display:block;padding:15px 20px;color:#F0F3FB;text-decoration:none;line-height:1.5}
.akj-titles a:hover{background:rgba(240,243,251,.08);color:#FFD9A8}
.akj-pager{margin-top:40px;display:flex;justify-content:center;flex-wrap:wrap;gap:8px}
.akj-pager .page-numbers{display:inline-block;padding:9px 16px;border:1px solid #F0F3FB;color:#F0F3FB;text-decoration:none}
.akj-pager .current{background:#F0F3FB;color:#1D2C59;font-weight:700}
.akj-single-in{max-width:780px;margin:0 auto}
.akj-single-in h1{font-size:clamp(2rem,4.4vw,3rem)}
.akj-single-body{font-size:1.08rem;line-height:1.9}
.akj-single-body h2,.akj-single-body h3,.akj-single-body h4{margin-top:1.4em}
.akj-single-body img{margin:22px 0}
.akj-single-body table{width:100%;border-collapse:collapse}
.akj-single-body th,.akj-single-body td{border:1px solid rgba(240,243,251,.4);padding:8px 10px;text-align:left}
.akj-single-body blockquote{border-left:4px solid #FFD9A8;margin:22px 0;padding:4px 0 4px 20px}
.akj-single-body pre,.akj-single-body code{background:#111A38;color:#F0F3FB}

/* Form */
.akj-form{background:var(--akj-snow);padding:30px 32px;margin-top:28px;border-top:3px solid var(--akj-seal)}
.akj-form-state:empty{display:none}
.akj-form-state{background:var(--akj-ai);color:#fff;padding:12px 16px}
.akj-form-body{display:grid;gap:16px}
.akj-input{display:grid;gap:6px;font-weight:500}
.akj-input input,.akj-input textarea{font:inherit;font-weight:400;padding:12px 14px;border:1px solid var(--akj-line);background:#fff;color:var(--akj-ink)}
.akj-input input:focus,.akj-input textarea:focus{border-color:var(--akj-ai);outline:none}
.akj-input-sum input{max-width:120px}
.akj-hint{margin:-6px 0 0;font-size:.94rem;color:var(--akj-mute)}
.akj-pot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.akj-send{justify-self:start;font:700 1rem/1 var(--akj-body);letter-spacing:.1em;background:var(--akj-ai);color:#fff;border:0;padding:16px 30px;cursor:pointer}

/* Footer */
.akj-foot{background:var(--akj-night);color:#C9D1E8}
.akj-foot-in{max-width:1140px;margin:0 auto;padding:60px 32px 40px;display:grid;grid-template-columns:1fr 1.5fr;gap:56px}
.akj-foot-name{font:800 1.8rem/1 var(--akj-head);color:#fff;margin:18px 0 10px}
.akj-foot-mark p:last-child{margin:0;max-width:380px}
.akj-foot-cols{display:grid;grid-template-columns:repeat(3,1fr)}
.akj-foot-cols ul{list-style:none;margin:0;padding:0 0 0 24px;border-left:1px solid #2C3863;display:grid;gap:10px;align-content:start}
.akj-foot a{color:#fff;text-decoration:none}
.akj-foot a:hover{color:var(--akj-peach)}
.akj-foot-base{margin:0;text-align:center;padding:18px 32px 26px;font-size:.9rem;letter-spacing:.06em;color:#9AA5C8;border-top:1px solid #2C3863}

@media (max-width:980px){
	.akj-open{display:flex}
	.akj-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;padding:12px 32px 22px;border-bottom:1px solid var(--akj-line)}
	.akj-nav-on .akj-nav{display:block}
	.akj-nav ul{flex-direction:column;gap:4px}
	.akj-hero,.akj-two-in,.akj-groom-in,.akj-live-in,.akj-end,.akj-foot-in{grid-template-columns:1fr}
	.akj-hero-pic img{height:380px}
	.akj-hero-text{padding:46px 24px}
	.akj-facts{grid-template-columns:1fr 1fr}
	.akj-year{grid-template-columns:1fr 1fr}
	.akj-year li:nth-child(3){border-left:0}
	.akj-hachi img{height:420px}
	.akj-hachi-in{position:static;max-width:none}
	.akj-live figure{max-width:380px}
	.akj-end>div{padding:44px 24px}
}
@media (max-width:620px){
	.akj-wrap{padding:0 18px}
	.akj-vert{font-size:1.6rem;top:18px;right:16px}
	.akj-facts,.akj-year{grid-template-columns:1fr}
	.akj-year li{border-left:0;border-top:1px solid var(--akj-line)}
	.akj-titles{grid-template-columns:1fr}
	.akj-field{padding:52px 16px 76px}
	.akj-foot-cols{grid-template-columns:1fr;gap:20px}
	.akj-tabs button{padding:12px 14px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}