/*
Theme Name: Posh KAMAKURA Soft Blue
Description: Posh KAMAKURA 音楽教室専用。水色とクリーム色、柔らかな曲線のレスポンシブテーマ。
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Author: Posh KAMAKURA
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: posh-kamakura
*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&family=Zen+Old+Mincho:wght@400;500;600&display=swap');
:root{--blue:#e7f4f6;--blue-deep:#d7ebef;--cream:#fff9eb;--ink:#294550;--muted:#66777b;--line:#bdd7db;--white:#fff;--serif:'Zen Old Mincho','Yu Mincho',serif;--sans:'Noto Sans JP',system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;color:var(--ink);background:var(--cream);font:400 16px/1.9 var(--sans)}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:500;letter-spacing:.08em}h2{font-size:clamp(1.9rem,3.4vw,3.05rem);line-height:1.55;margin:13px 0 24px}p{line-height:2}.wrap{width:min(1180px,calc(100% - 56px));margin:auto}.section-pad{padding:112px 0}.section-index,.eyebrow{font-size:.75rem;letter-spacing:.2em;font-weight:700;color:#49818a}.skip-link{position:absolute;top:-60px;left:12px;padding:8px 16px;background:var(--ink);color:white;z-index:20}.skip-link:focus{top:12px}
.site-header{height:92px;background:rgba(255,249,235,.96);position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(91,144,151,.18);backdrop-filter:blur(10px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img{width:142px;height:78px;object-fit:contain}.site-nav{display:flex;align-items:center;gap:clamp(15px,2.1vw,30px);font-size:.83rem;font-weight:600;white-space:nowrap}.site-nav a:hover,.site-nav a:focus-visible{color:#41828c}.site-nav .nav-cta{background:var(--ink);color:white;padding:10px 20px}.site-nav .nav-cta:hover,.site-nav .nav-cta:focus-visible{background:#437785;color:white}.menu-toggle{display:none}
.hero{min-height:660px;display:grid;grid-template-columns:minmax(0,45%) minmax(0,55%);position:relative;background:var(--blue)}.hero-copy{display:flex;align-items:center;justify-content:flex-end;padding:70px 4vw 90px 28px}.hero-copy-inner{width:min(485px,100%)}.hero h1{font-size:clamp(2.65rem,4.2vw,4.65rem);line-height:1.43;margin:26px 0 28px;white-space:nowrap}.hero h1 em{font-style:normal;color:#619ea7}.hero-lead{font-size:.95rem;line-height:2.15;margin-bottom:33px}.hero-note{font-size:.74rem;color:var(--muted);letter-spacing:.12em;margin:25px 0 0}.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:12px 28px;font-size:.88rem;font-weight:700;letter-spacing:.06em;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button:focus-visible,.menu-toggle:focus-visible,a:focus-visible{outline:3px solid #3f8c9a;outline-offset:4px}.button-dark{color:#fff;background:var(--ink)}.button-dark:hover{background:#477783}.hero-photo{position:relative;overflow:hidden}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:72% center}.photo-caption{position:absolute;right:18px;bottom:14px;background:rgba(255,255,255,.8);font-size:.62rem;letter-spacing:.18em;padding:3px 8px}.hero-vertical{position:absolute;left:18px;bottom:22px;writing-mode:vertical-rl;font-size:.7rem;letter-spacing:.18em;color:#668b91}
.intro{background:var(--cream);position:relative;overflow:hidden}.intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:10%;align-items:start}.intro-text{padding-top:38px;max-width:500px}.intro-text p+p{margin-top:25px}.staff-rule{height:88px;margin:55px auto -70px;width:min(100%,1180px);background:repeating-linear-gradient(to bottom,transparent 0,transparent 12px,rgba(82,152,161,.18) 13px,rgba(82,152,161,.18) 14px);background-size:100% 70px;position:relative}.staff-rule span{position:absolute;left:20%;top:-35px;font-family:serif;font-size:5rem;color:#a7d1d6}
.lessons{background:#fff}.section-top{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}.section-top p{font-size:.89rem;color:var(--muted);margin-bottom:10px}.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.lesson-card{border:1px solid var(--line);background:var(--cream);min-height:362px;padding:26px 31px 24px;display:flex;flex-direction:column}.lesson-card:nth-child(2){background:var(--blue)}.card-number,.card-footer{font:600 .72rem/1.5 var(--sans);letter-spacing:.14em;color:#6c9ca4}.card-icon{font:normal 4.1rem/1.4 Georgia,serif;color:#7eb3bb;text-align:center;padding:5px 0 9px}.lesson-card h3{font-family:var(--serif);font-size:1.35rem;font-weight:600;margin:0 0 12px}.lesson-card p{font-size:.88rem;line-height:1.9;margin-bottom:25px}.card-footer{margin-top:auto;border-top:1px solid var(--line);padding-top:12px}.section-footnote{font-size:.78rem;color:var(--muted);margin:20px 0 0}
.approach{background:var(--blue-deep)}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:11%;align-items:center}.approach-accent{height:360px;background:var(--cream);border:1px solid rgba(64,129,139,.25);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-2deg);box-shadow:18px 18px 0 rgba(255,255,255,.5)}.approach-accent span{font:normal 5.5rem Georgia,serif;color:#77abb3;line-height:1}.approach-accent p{font:400 2rem/1.5 var(--serif);letter-spacing:.14em;text-align:center;margin:15px 0 0}.approach-grid>div:last-child p{max-width:430px}
.fees{background:var(--cream)}.fees-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:10%;align-items:start}.section-intro{max-width:390px}.info-table{border-top:2px solid var(--ink)}.info-table>div{display:grid;grid-template-columns:36% 1fr;border-bottom:1px solid var(--line);padding:19px 5px;gap:12px}.info-table span{font-weight:600}.info-table strong{font-weight:500;color:#59777c}
.teacher{background:#fff}.teacher-grid{display:grid;grid-template-columns:330px 1fr;gap:12%;align-items:center}.teacher-mark{width:290px;height:290px;background:var(--blue);border:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;align-items:center}.teacher-mark span{font:400 8rem/1 var(--serif);color:#6a9ca5}.teacher-mark small{font-size:.7rem;letter-spacing:.18em;color:#5c858c}.teacher-grid p{max-width:540px}
.access{background:var(--cream)}.access-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:10%;align-items:center}.access-grid p{max-width:430px}.map-placeholder{min-height:300px;background:linear-gradient(135deg,#e9f4f5,#d5e9ec);border:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.map-placeholder span{font:500 2.1rem/1.2 var(--serif);letter-spacing:.12em;color:#6a9ca5}.map-placeholder p{margin:25px 0 0;font-size:.86rem}
.trial{background:#2d5360;color:#fff;text-align:center}.trial .section-index{color:#b5dce1}.trial h2{font-size:clamp(2rem,4vw,3.4rem);margin:25px 0}.trial p{max-width:560px;margin:0 auto 34px}.button-light{background:var(--cream);color:var(--ink)}.button-light:hover{background:#d8edf0}.site-footer{background:#fff;padding:38px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-inner img{width:138px;height:84px;object-fit:contain}.footer-inner div{text-align:right}.footer-inner p{font-family:var(--serif);margin:0 0 4px}.footer-inner small{font-size:.72rem;color:var(--muted)}
@media(max-width:900px){.site-header{height:76px}.brand img{width:120px;height:66px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;padding:10px;border:1px solid var(--line);background:transparent;cursor:pointer}.menu-toggle span{width:100%;height:2px;background:var(--ink)}.site-nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--cream);border-bottom:1px solid var(--line);padding:16px 28px 26px;flex-direction:column;align-items:stretch;gap:0}.site-nav.is-open{display:flex}.site-nav a{padding:11px 8px;border-bottom:1px solid var(--line)}.site-nav .nav-cta{margin-top:16px;text-align:center;border:0}.hero{min-height:600px;grid-template-columns:1fr 1fr}.hero-copy{padding-left:32px}.hero h1{font-size:clamp(2.5rem,5vw,3.8rem)}.hero-vertical{display:none}}
@media(max-width:680px){html{scroll-padding-top:75px}.wrap{width:min(100% - 36px,520px)}.section-pad{padding:76px 0}.hero{display:flex;flex-direction:column-reverse}.hero-photo{height:270px;flex:none}.hero-photo img{object-position:65% 50%}.hero-photo{height:auto;aspect-ratio:4/3}.hero-copy{justify-content:center;padding:45px 25px 55px}.hero-copy-inner{width:min(100%,520px)}.hero h1{font-size:clamp(2.5rem,11vw,3.6rem);margin:16px 0}.hero-lead{font-size:.9rem}.intro-grid,.approach-grid,.fees-grid,.teacher-grid,.access-grid{grid-template-columns:1fr;gap:26px}.intro-text{padding-top:0}.staff-rule{margin-bottom:-55px}.section-top{display:block}.section-top p{margin-bottom:0}.lesson-grid{grid-template-columns:1fr;gap:13px}.lesson-card{min-height:0;padding:23px 25px}.card-icon{font-size:3rem;padding:0}.approach-accent{height:240px;width:calc(100% - 16px);margin-bottom:28px;box-shadow:12px 12px 0 rgba(255,255,255,.5)}.approach-accent span{font-size:4rem}.approach-accent p{font-size:1.5rem}.teacher-mark{width:100%;height:220px}.teacher-mark span{font-size:6rem}.map-placeholder{min-height:230px}.footer-inner{align-items:flex-start}.footer-inner img{width:100px;height:68px}.footer-inner div{max-width:190px}.footer-inner p{font-size:.85rem}.footer-inner small{font-size:.65rem}h2{font-size:1.95rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Gentle curves across photographs, surfaces, and section transitions. */
.button,.site-nav .nav-cta{border-radius:999px}
.menu-toggle{border-radius:15px}
.hero{border-radius:0 0 90px 90px;overflow:hidden}
.hero-photo{border-radius:100px 0 0 100px}
.photo-caption{border-radius:999px}
.lesson-card{border-radius:32px;box-shadow:0 9px 24px rgba(49,93,103,.035)}
.lessons{border-radius:75px 75px 0 0}
.approach{border-radius:0 0 95px 95px}
.studio-photo{margin:0;align-self:center}
.studio-photo img{width:100%;height:390px;object-fit:cover;object-position:center;border-radius:48% 48% 32px 32px;box-shadow:12px 16px 0 rgba(255,255,255,.5)}
.studio-photo figcaption{margin-top:25px;text-align:center;font-size:.8rem;color:#557b83;letter-spacing:.08em}
.teacher{border-radius:80px}
.teacher-mark{border-radius:50%}
.map-placeholder{border-radius:48px}
.trial{border-radius:100px 100px 0 0}
@media(max-width:680px){.hero{border-radius:0 0 42px 42px}.hero-photo{border-radius:0 0 38px 38px}.lessons{border-radius:42px 42px 0 0}.lesson-card{border-radius:26px}.approach{border-radius:0 0 48px 48px}.studio-photo{margin-bottom:20px}.studio-photo img{height:auto;aspect-ratio:4/3;border-radius:40% 40% 28px 28px;box-shadow:8px 10px 0 rgba(255,255,255,.5)}.teacher{border-radius:42px}.teacher-mark{width:220px;margin:auto}.map-placeholder{border-radius:30px}.trial{border-radius:48px 48px 0 0}}

.studio-photo.lesson-photo img{height:auto;aspect-ratio:auto;object-fit:contain;border-radius:36px}
@media(max-width:680px){.studio-photo.lesson-photo img{border-radius:24px}}

.admin-bar .site-header{top:32px}.teacher-portrait{width:290px;height:290px;border-radius:50%;object-fit:cover}.wp-menu{list-style:none;margin:0;padding:0;display:flex;gap:20px;align-items:center}.wp-menu li{position:relative}.wp-menu .sub-menu{display:none;position:absolute;left:0;top:100%;min-width:180px;list-style:none;margin:0;padding:15px;background:var(--cream);box-shadow:0 8px 20px #29455022}.wp-menu li:hover>.sub-menu,.wp-menu li:focus-within>.sub-menu{display:block}.wp-menu .sub-menu a{display:block;padding:8px}.wp-content{max-width:950px;padding:65px 28px;margin:auto;min-height:55vh}.wp-content h1{font-size:clamp(2rem,5vw,3rem);line-height:1.5;overflow-wrap:anywhere}.wp-content a{text-decoration:underline;text-underline-offset:4px}.wp-content .post-item{margin-bottom:45px;border-bottom:1px solid var(--line);padding-bottom:30px}.wp-content img{height:auto}.wp-content iframe{max-width:100%}.wp-content table{border-collapse:collapse;display:block;overflow:auto;max-width:100%}.wp-content th,.wp-content td{padding:10px;border:1px solid var(--line)}.wp-content input,.wp-content textarea,.wp-content select{max-width:100%;font:inherit;padding:8px;border:1px solid var(--line);border-radius:8px}.wp-content input[type=submit],.wp-content button{padding:10px 20px;background:var(--ink);color:white;border:0;border-radius:20px}.wp-content pre{overflow:auto}.wp-content .alignwide{max-width:100%}.wp-content .aligncenter{margin-inline:auto}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}.footer-menu{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:12px;font-size:.85rem}.hero h1{white-space:normal}
@media(max-width:900px){.wp-menu{display:block}.wp-menu .sub-menu{display:block;position:static;background:transparent;box-shadow:none;padding:0 0 0 16px}.wp-menu a{display:block}.wp-menu .sub-menu a{padding:8px}}
@media(max-width:782px){.admin-bar .site-header{top:46px}}
@media(max-width:600px){.admin-bar .site-header{top:0}}