/*
Theme Name: HareRama Kids
Theme URI: https://hareramakids.com/
Author: HareRamaキッズシンガーズ
Description: ひとりひとりの「らしさ」を大切に。HareRamaキッズシンガーズ専用テーマ。
Version: 1.0.1
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: harerama-kids
*/
:root{--ink:#123466;--body:#263c53;--blue:#008ebc;--yellow:#ffdb45;--pink:#fff0f5;--sky:#edf8fd;--line:#dbe6ed;--max:1140px}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--body);font:16px/1.85 "Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:#0078a0}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #008cbe;outline-offset:5px}img{max-width:100%;height:auto;vertical-align:middle}button,input,textarea,select{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--ink);line-height:1.5}h1{font-size:clamp(2rem,4.5vw,3.75rem)}h2{font-size:clamp(1.6rem,2.7vw,2.25rem)}h3{font-size:1.2rem}.wrap{width:min(var(--max),calc(100% - 64px));margin-inline:auto}.skip{position:absolute;left:12px;top:-100px;z-index:10;background:#fff;padding:12px}.skip:focus{top:8px}.site-header{border-bottom:1px solid #f0f4f7}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:114px}.brand{display:flex;align-items:center;gap:15px;color:var(--ink);flex-shrink:0}.brand img{width:59px;height:82px;object-fit:contain}.brand strong{font-size:1.55rem;line-height:1.2;letter-spacing:.01em}.brand small{display:block;font-size:.82rem;margin-top:6px;letter-spacing:.05em}.site-nav ul{display:flex;gap:26px;list-style:none;padding:0;margin:0;align-items:center}.site-nav a{font-size:.9rem;font-weight:700;color:var(--ink);display:block;padding:12px 0}.site-nav a:hover{text-decoration:underline;text-underline-offset:7px}.menu-toggle{display:none;background:#fff;border:1px solid var(--line);color:var(--ink);padding:8px 12px;border-radius:8px}.hero{display:grid;grid-template-columns:42% 58%;align-items:center;min-height:520px;padding-block:54px 30px;gap:0}.hero-copy{position:relative;z-index:1}.hero h1{font-size:clamp(2.3rem,4.3vw,3.65rem);font-weight:800;letter-spacing:.035em;line-height:1.55;margin:0 0 23px}.hero h1 span{display:block;white-space:nowrap}.hero p{font-size:1.04rem;margin-bottom:28px}.hero-art{width:112%;max-width:none;margin-left:-8%;display:block}.text-link{display:inline-block;padding-bottom:5px;border-bottom:1px solid var(--blue);color:var(--ink);font-weight:600}.text-link::after{content:'→';display:inline-block;margin-left:24px}.section{padding-block:48px}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:25px}.section-head h2{margin:0;letter-spacing:.025em}.section-head h2 small{display:inline-block;font-size:.9rem;font-weight:500;letter-spacing:.03em;margin-left:20px}.section-head .text-link{font-size:.9rem;flex-shrink:0}.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.topic-card{min-width:0}.topic-card .media{display:block;aspect-ratio:1.8;background:var(--sky);overflow:hidden;border-radius:12px;margin-bottom:16px}.topic-card .media img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.topic-card a:hover img{transform:scale(1.025)}.topic-placeholder{height:100%;display:flex;align-items:center;justify-content:center;color:var(--ink);font-size:1.6rem;letter-spacing:.16em;background:linear-gradient(130deg,#eff9fd,#fff8df)}.topic-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:.82rem;margin-bottom:9px}.tag{background:#e7f6fc;color:var(--ink);padding:2px 12px;border-radius:20px}.topic-card h3{font-size:1.1rem;margin:0;line-height:1.7}.topic-meta time{color:#637483}.section-intro{margin:-4px 0 24px}.class-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.class-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 38px;border-radius:14px;background:var(--pink)}.class-card:nth-child(2){background:var(--sky)}.class-card strong{font-size:2.3rem;font-weight:600;letter-spacing:.08em;color:var(--ink)}.class-card small{display:block;font-size:.86rem;letter-spacing:.02em;font-weight:400}.class-card span{font-size:.95rem}.album-section{margin-block:35px 45px;padding:44px 48px;border-block:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.album-section h2{margin-bottom:16px}.album-section p{margin-bottom:0}.album-section .album-note{color:var(--ink);font-size:1.15rem;line-height:2.1}.album-section .text-link{margin-top:18px;font-size:1rem}.invite-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--sky);padding:32px 38px;border-radius:14px;margin-bottom:64px}.invite-grid>div{padding:0 25px}.invite-grid>div+div{border-left:1px solid #c6e1ed}.invite-grid h2{font-size:1.35rem;margin-bottom:9px}.invite-grid p{font-size:.95rem;margin-bottom:13px}.site-footer{border-top:1px solid var(--line);padding-block:32px;color:var(--ink)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-inner p{font-size:.8rem;margin:0}.footer-nav{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:.8rem}.footer-copy{font-size:.75rem;color:#637483;margin-top:20px}.entry{max-width:880px;margin:50px auto 80px}.entry-header{margin-bottom:36px;padding-bottom:24px;border-bottom:1px solid var(--line)}.entry-header h1{font-size:clamp(1.9rem,4vw,2.8rem);margin:12px 0}.eyebrow{font-size:.85rem;color:#537384;letter-spacing:.12em}.entry-content{overflow-wrap:anywhere}.entry-content a{text-decoration:underline;text-underline-offset:4px;color:#087694}.entry-content h2{font-size:1.8rem;margin-top:2.5em;padding-bottom:12px;border-bottom:3px solid var(--yellow)}.entry-content h3{margin-top:2em}.entry-content img{height:auto}.entry-content figure{max-width:100%;margin-inline:0}.entry-content table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}.entry-content td,.entry-content th{padding:12px;border:1px solid var(--line)}.entry-content input:not([type=checkbox]):not([type=radio]):not([type=submit]),.entry-content textarea,.entry-content select{max-width:100%;border:1px solid #b6c9d6;padding:10px;border-radius:5px}.entry-content input[type=submit],.entry-content button{background:var(--ink);color:#fff;border:0;border-radius:6px;padding:11px 25px;cursor:pointer}.entry-content .wp-block-gallery{gap:16px}.entry-content blockquote{border-left:4px solid var(--blue);padding-left:22px;margin-left:0}.pagination,.nav-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:35px}.page-numbers{padding:4px 12px;border:1px solid var(--line)}.current{background:var(--sky)}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}.alignwide{max-width:100%}.wp-caption{max-width:100%}.wp-caption-text{font-size:.85rem}.sticky{position:static}.bypostauthor{color:inherit}.gallery-caption{font-size:.9rem}.alignleft{float:left;margin-right:20px}.alignright{float:right;margin-left:20px}.aligncenter{display:block;margin-inline:auto}.entry-content:after{content:'';display:block;clear:both}.facts{display:grid;grid-template-columns:130px 1fr;gap:14px 22px}.facts dt{font-weight:700}.facts dd{margin:0}.password-protected .entry-content{padding-block:20px}
@media(max-width:1020px){.header-inner{gap:16px}.site-nav ul{gap:15px}.site-nav a{font-size:.82rem}.brand strong{font-size:1.25rem}.brand img{width:47px;height:69px}.hero h1{font-size:3rem}.class-card{padding:26px}.class-card strong{font-size:2rem}}
@media(max-width:800px){.wrap{width:calc(100% - 36px)}.header-inner{min-height:89px;flex-wrap:wrap;position:relative;padding-block:10px}.brand img{width:42px;height:60px}.brand strong{font-size:1.22rem}.brand small{font-size:.72rem}.menu-toggle{display:block;font-size:.85rem}.site-nav{width:100%}.js .site-nav{display:none}.js .site-nav.is-open{display:block}.site-nav ul{display:block;border-top:1px solid var(--line);padding-top:8px}.site-nav a{padding:12px;font-size:1rem}.hero{grid-template-columns:1fr;padding-top:36px;min-height:0}.hero h1{font-size:clamp(2.1rem,7.5vw,3.2rem);line-height:1.5;margin-bottom:17px}.hero h1 span{display:inline;white-space:normal}.hero h1 span:last-child{display:block}.hero p{font-size:.94rem;margin-bottom:18px}.hero-art{width:100%;max-width:100%;margin:25px 0 0}.hero-copy{padding-inline:7px}.section{padding-block:30px}.section-head{gap:12px;align-items:center}.section-head h2 small{display:block;margin:3px 0 0;font-size:.8rem}.section-head .text-link{font-size:.8rem}.text-link::after{margin-left:12px}.topic-grid{gap:25px;grid-template-columns:1fr}.topic-card{display:grid;grid-template-columns:115px 1fr;gap:16px}.topic-card .media{aspect-ratio:1;margin:0}.topic-card h3{font-size:1rem}.topic-meta{font-size:.75rem;gap:4px 8px}.tag{padding-inline:8px}.class-grid{gap:14px}.class-card{display:block;padding:23px 19px}.class-card strong{font-size:1.9rem}.class-card span{display:block;margin-top:13px;font-size:.85rem}.album-section{grid-template-columns:1fr;gap:23px;margin-block:20px 32px;padding:30px 8px}.album-section h2{margin-bottom:12px}.album-section .album-note{font-size:1rem}.invite-grid{grid-template-columns:1fr;padding:28px 23px;margin-bottom:40px}.invite-grid>div{padding:0}.invite-grid>div+div{border-left:0;border-top:1px solid #c6e1ed;margin-top:24px;padding-top:24px}.footer-inner{align-items:flex-start;flex-direction:column}.footer-nav{font-size:.8rem}.entry{margin-block:32px 60px}.entry-header h1{font-size:2rem}.facts{grid-template-columns:100px 1fr;gap:12px}.entry-content h2{font-size:1.5rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:800px){.topic-placeholder{font-size:.85rem;letter-spacing:.035em}}
@media(max-width:800px){.hero h1 span{display:block}.class-card span{font-size:.8rem}}