/*
Theme Name: Nishinori Ragdoll Japan
Version: 1.0.0
Description: 西則猫舎オリジナルテーマ
Requires PHP: 7.4
*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600&family=Noto+Serif+JP:wght@400;500;600&display=swap');
:root{--ink:#354b59;--muted:#657881;--blue:#dcecf3;--deep:#456879;--pink:#f8e7e9;--line:#dce3e6;--serif:'Noto Serif JP',serif;--sans:'Noto Sans JP',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#fff; color:var(--ink);font:16px/1.85 var(--sans)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--deep);outline-offset:5px}img{display:block;width:100%;object-fit:cover}h1,h2,h3,h4,p{margin:0}h1,h2{font-family:var(--serif);font-weight:500}h2{font-size:clamp(28px,2.9vw,40px);line-height:1.65;letter-spacing:.07em}.topline{background:var(--blue);padding:7px 5%;font-size:11px;letter-spacing:.16em;display:flex;gap:22px;align-items:center}.topline span{font-size:12px;letter-spacing:.13em}header{padding:22px 5%;display:flex;align-items:center;justify-content:space-between;background:#fff;gap:25px}.brand{display:block;flex-shrink:0}.brand strong{font:26px/1.03 Georgia,serif;letter-spacing:.02em}.brand strong span{display:block;font-size:18px;letter-spacing:.065em;margin-top:5px}.brand small{display:block;font-size:10px;letter-spacing:.12em;margin-top:9px}nav{display:flex;gap:34px;align-items:center;font-size:14px}nav a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:6px}.nav-contact{border:1px solid #b7cbd4;border-radius:40px;padding:11px 24px}.menu{display:none}.hero{display:grid;grid-template-columns:46% 54%;background:#eef5f8;position:relative;overflow:hidden;margin:0 2%;border-radius:6px 6px 100px 6px;min-height:600px}.hero-copy{padding:70px 5% 36px 9%}.eyebrow{font:12px/1.5 var(--sans);letter-spacing:.2em;font-weight:500}.hero h1{font-size:clamp(34px,3.65vw,53px);line-height:1.65;letter-spacing:.08em;margin:27px 0 23px}.intro{font-size:15px;line-height:2.2;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;border-radius:50px;padding:16px 27px;font-size:14px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#cadfe8}.blue{background:var(--blue);color:#304e5e}.hero .button{margin-top:30px;background:#c9dfe9}.button span{font-size:21px;line-height:1}.hero-location{margin-top:48px;font-size:12px;letter-spacing:.04em}.hero-location span{margin-right:17px}.hero-visual{position:relative;min-height:600px}.hero-visual>img{height:100%;position:absolute;object-position:center}.photo-note{position:absolute;bottom:52px;left:-50px;background:var(--pink);padding:25px 38px;border-radius:3px;transform:rotate(-7deg);font:25px/1.25 Georgia,serif;color:#735e65;box-shadow:0 5px 20px #354b5910}.photo-note i{font-size:28px}.photo-label{position:absolute;bottom:18px;right:65px;font-size:10px;letter-spacing:.2em;color:white;text-shadow:0 1px 5px #000}.section-index{display:flex;justify-content:center;gap:7vw;padding:32px 5%;border-bottom:1px solid var(--line);font-size:13px}.section-index span{color:#8b9eaa;margin-right:16px;font:14px Georgia,serif}.section{padding:94px 6%;scroll-margin-top:10px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:37px}.section-head h2{margin-top:12px}.section-head>p{font-size:14px;color:var(--muted);line-height:2}.mobile{display:none}.catalog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.catalog-heading h3{font-size:16px;font-weight:500}.catalog-heading>span{font-size:12px;color:var(--muted)}.kitten-grid{display:grid;grid-template-columns:1fr 1fr .75fr;gap:26px}.kitten-card{min-width:0}.photo-button{display:block;border:0;padding:0;background:#e6edf0;position:relative;width:100%;overflow:hidden;border-radius:8px}.photo-button img{aspect-ratio:1;transition:transform .5s}.photo-button:hover img{transform:scale(1.035)}.status{position:absolute;top:16px;left:16px;background:var(--pink);color:#795862;padding:5px 15px;border-radius:20px;font-size:12px}.round-arrow{position:absolute;right:16px;bottom:16px;border-radius:50%;width:39px;height:39px;background:white;display:grid;place-items:center}.card-body{padding:19px 1px 0}.card-meta{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.14em;color:var(--muted)}.card-meta span{font-size:13px;letter-spacing:.03em;color:#8e5f70}.card-body h3{font-size:15px;font-weight:500;margin:8px 0;line-height:1.8}.birth{font-size:13px;color:var(--muted)}.card-bottom{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid var(--line);padding-top:15px;margin-top:18px}.card-bottom p{font:25px Georgia,serif}.card-bottom small{font:11px var(--sans)}.text-button{font-size:13px;border:0;background:none;padding:5px 0}.catalog-note{background:#f0f6f8;border-radius:8px;padding:32px 25px;display:flex;flex-direction:column}.catalog-note .eyebrow{font-size:10px}.catalog-note h3{font:25px/1.8 var(--serif);margin:24px 0 18px}.catalog-note>p:not(.eyebrow){font-size:14px;line-height:2;color:var(--muted)}.text-link{font-size:14px;border-bottom:1px solid #a8bcc6;padding-bottom:8px;display:inline-block;align-self:start}.catalog-note .text-link{margin-top:24px;font-size:13px}.note-number{font:32px/1.2 Georgia,serif;color:#92abb8;margin-top:auto;padding-top:24px}.note-number i{font-size:25px}.source-note{font-size:12px;color:var(--muted);margin-top:23px}.source-note a{text-decoration:underline;text-underline-offset:3px}.upcoming{background:var(--pink);display:grid;grid-template-columns:1fr 1.08fr;gap:7%;border-radius:70px 0 70px 0;margin:0 2%}.upcoming h2{margin:17px 0 24px}.upcoming-copy>p:not(.eyebrow):not(.small-note){font-size:14px;line-height:2.1}.white{background:#fff;margin-top:30px}.small-note{font-size:12px;color:#776c75;line-height:1.9;margin-top:16px}.birth-list{align-self:center}.birth-heading{display:flex;justify-content:space-between;align-items:center;padding-bottom:17px}.birth-heading h3{font-weight:500;font-size:16px}.birth-heading span{font:italic 22px Georgia,serif;color:#8a7079}.birth-list article{border-top:1px solid #ddcbd0;padding:25px 0;display:grid;grid-template-columns:1fr auto;gap:7px 15px}.birth-list time{font-size:13px;letter-spacing:.1em;grid-column:1/-1}.birth-list h4{font-size:15px;font-weight:500}.birth-list article p{font-size:12px;margin-top:6px;color:#746e75}.birth-tag{font-size:12px;background:#fff8;padding:2px 12px;border-radius:30px;align-self:start}.about{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center;padding-top:110px;padding-bottom:110px}.about-photo{background:#eef5f8;padding:28px 20px 24px;border-radius:50% 50% 4px 4px;overflow:hidden}.about-photo img{aspect-ratio:1.22;object-fit:contain;background:white;margin-top:50px}.about-photo span{display:block;text-align:center;font-size:10px;letter-spacing:.23em;margin-top:20px}.about h2{margin:15px 0 25px}.about-copy>p:not(.eyebrow){font-size:14px;line-height:2.1;margin-bottom:15px}dl{margin:22px 0;font-size:13px}dl>div{display:flex;border-bottom:1px solid var(--line);padding:11px 0}dt{width:110px;color:var(--muted);flex-shrink:0}dd{margin:0}.visit{background:#eff5f8;text-align:center;border-radius:70px 70px 0 0;position:relative}.visit h2{margin:18px 0}.visit>p:not(.eyebrow){font-size:14px;line-height:2}.visit .button{margin-top:25px;min-width:270px}.visit small{display:block;font-size:12px;color:var(--muted);margin-top:15px}footer{padding:45px 6% 20px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-top p,.footer-top>a:last-child{font-size:12px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;margin-top:35px;font-size:10px;color:var(--muted)}dialog{border:0;border-radius:15px;padding:0;max-width:900px;width:calc(100% - 40px);color:var(--ink);max-height:90vh;overflow:auto}dialog::backdrop{background:#20354088;backdrop-filter:blur(5px)}.close{position:absolute;top:12px;right:12px;z-index:2;border:0;background:white;border-radius:50%;width:40px;height:40px;font-size:28px}.dialog-layout{display:grid;grid-template-columns:1fr 1fr}.dialog-layout>img{height:100%;object-fit:cover}.dialog-copy{padding:45px 30px}.dialog-copy h2{font-size:24px;margin:16px 0}.dialog-copy>p:not(.eyebrow){font-size:14px}.dialog-copy .button{margin-top:22px}.inline{position:static;display:inline-block;margin-top:20px}
@media(min-width:1600px){body{max-width:1600px;margin:auto}.hero{min-height:680px}.hero-visual{min-height:680px}}
@media(max-width:1050px){nav{gap:20px;font-size:12px}.hero-copy{padding-top:50px}.hero h1{font-size:36px}.hero,.hero-visual{min-height:580px}.kitten-grid{gap:20px;grid-template-columns:1fr 1fr}.catalog-note{grid-column:1/-1;display:block;padding:25px 30px}.catalog-note h3{margin:10px 0}.catalog-note h3 br{display:none}.note-number{display:none}.section-head>p{max-width:280px}.upcoming{gap:35px}.button{gap:20px;padding:15px 20px}.about{gap:40px}}
@media(max-width:720px){html{scroll-padding-top:25px}.topline{padding:6px 6%;font-size:10px}.topline span{font-size:10px}header{padding:19px 6%;position:relative;flex-wrap:wrap}.brand strong{font-size:23px}.brand strong span{font-size:15px}.brand small{font-size:9px}.menu{display:block;border:1px solid #c9d9e1;border-radius:30px;background:white;padding:7px 14px;font-size:12px}nav{display:none;width:100%;padding:14px 0 0;gap:14px;flex-wrap:wrap}nav.open{display:flex}nav a{font-size:14px}.nav-contact{padding:7px 15px}.hero{grid-template-columns:1fr;margin:0 3%;border-radius:5px 5px 55px 5px}.hero-copy{padding:35px 7% 27px}.hero .eyebrow{font-size:10px}.hero h1{font-size:clamp(23px,7vw,34px);margin:18px 0}.intro{font-size:14px;line-height:1.9}.hero-location{display:none}.hero .button{margin-top:22px}.hero-visual{min-height:380px}.hero-visual img{object-position:center 43%}.photo-note{left:auto;right:20px;bottom:35px;padding:16px 23px;font-size:20px}.photo-note i{font-size:22px}.photo-label{bottom:12px;right:42px}.section-index{gap:0;justify-content:space-between;font-size:10px;padding:21px 5%}.section-index span{display:block;margin:0 0 4px;font-size:12px}.section{padding:62px 6%}.section-head{display:block;margin-bottom:28px}.section-head>p{margin-top:18px;max-width:none;font-size:13px}.section-head h2{font-size:28px}.catalog-heading{gap:10px}.catalog-heading>span{font-size:10px}.kitten-grid{gap:30px;grid-template-columns:1fr}.photo-button img{aspect-ratio:1.13}.card-body h3{font-size:16px}.catalog-note{grid-column:auto}.source-note{line-height:1.9}.upcoming{grid-template-columns:1fr;margin:0 3%;border-radius:45px 0 45px 0;padding:46px 7%;gap:40px}.upcoming h2{font-size:30px}.upcoming .button{font-size:12px;gap:14px}.about{grid-template-columns:1fr;gap:36px}.about-photo{max-width:500px;margin:auto}.about-photo img{margin-top:25px;aspect-ratio:1.35}.about-copy h2{font-size:30px}.visit{border-radius:45px 45px 0 0}.footer-top{flex-wrap:wrap;gap:25px}.footer-top p{font-size:11px}.footer-top>a:last-child{margin-left:auto}.footer-bottom{display:block;font-size:10px;line-height:1.9}.footer-bottom a{display:block;margin-top:10px}.dialog-layout{grid-template-columns:1fr}.dialog-layout>img{max-height:310px}.dialog-copy{padding:25px}.dialog-copy h2{font-size:22px}.eyebrow{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}