:root{--color-primary:#e8b4b8;--color-secondary:#b8d8d0;--color-accent:#f5e6ca;--color-bg:#fefbf8;--color-text:#4a4a4a;--color-text-light:#8a8a8a;--color-border:#f0e8e4;--font-logo:"Quicksand", sans-serif;--font-main:"Noto Sans JP", sans-serif;--max-width:1200px;--gap:24px;--radius-card:16px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);color:var(--color-text);background:var(--color-bg);line-height:1.8;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto}.main-content{min-height:60vh}.article-single{max-width:720px;margin:0 auto;padding:40px 24px}.article-single h1{font-size:1.6rem;line-height:1.5;margin-bottom:8px}.article-single time{font-size:.82rem;color:var(--color-text-light);display:block;margin-bottom:24px}.article-single .article-hero{width:100%;border-radius:var(--radius-card);margin-bottom:32px}.article-body p{margin-bottom:20px}.article-body img{border-radius:8px;margin:16px 0}.pagination{display:flex;justify-content:center;gap:8px;padding:32px 24px}.pagination a,.pagination span{display:inline-block;padding:6px 14px;border-radius:20px;font-size:.85rem;text-decoration:none;color:var(--color-text);transition:background .2s}.pagination a:hover{background:rgba(232,180,184,.15)}.pagination .active{background:var(--color-primary);color:#fff}.hero{position:relative;height:400px;overflow:hidden}.hero img{width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(255,255,255,.15)}.hero-logo{font-family:var(--font-logo);font-size:2.8rem;font-weight:300;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.2);letter-spacing:.08em}.hero-tagline{font-family:var(--font-main);font-size:.9rem;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.2);margin-top:8px}.nav-bar{background-color:var(--color-secondary);padding:14px 0;text-align:center;position:sticky;top:0;z-index:100;transition:box-shadow .3s}.nav-bar.scrolled{box-shadow:0 2px 8px rgba(0,0,0,8%)}.nav-bar a{color:#fff;text-decoration:none;margin:0 20px;font-size:.9rem;font-family:var(--font-main);letter-spacing:.05em;transition:opacity .3s}.nav-bar a:hover{opacity:.7}.lang-switch{margin-left:12px;padding-left:16px;border-left:1px solid rgba(255,255,255,.4)}.lang-switch a{margin:0 4px;font-size:.8rem;opacity:.8}.lang-switch a:hover{opacity:1}@media(max-width:768px){.hero{height:150px}.hero-logo{font-size:1.6rem}.hero-tagline{font-size:.75rem}.nav-bar{overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;padding:12px 8px;scrollbar-width:none}.nav-bar::-webkit-scrollbar{display:none}.nav-bar a{margin:0 10px;font-size:.8rem;display:inline-block}}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);max-width:var(--max-width);margin:0 auto;padding:var(--gap)}.card{position:relative;overflow:hidden;border-radius:var(--radius-card);background:#fff;box-shadow:0 2px 12px rgba(0,0,0,6%);transition:transform .3s,box-shadow .3s;opacity:0;transform:translateY(20px)}.card.visible{opacity:1;transform:translateY(0);transition:opacity .6s ease-out,transform .6s ease-out}.card:hover{transform:translateY(-6px);box-shadow:0 12px 32px rgba(232,180,184,.18)}.card a{text-decoration:none;color:inherit;display:block}.card-image-wrap{position:relative;overflow:hidden}.card-image-wrap img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.card-image-wrap::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:6px;background:radial-gradient(ellipse 7px 5px at 7px 6px,#fff 4px,transparent 4.5px)0 0/14px 6px repeat-x}.card-pied{position:relative;padding:12px 16px 16px}.card-pied h2{font-size:.95rem;margin:8px 0 6px;line-height:1.6;color:var(--color-text);font-family:var(--font-main)}.card-pied p{font-size:.82rem;color:var(--color-text-light);line-height:1.6;margin:0}.tag-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.tag-chip{display:inline-block;padding:2px 10px;border-radius:12px;font-size:.72rem;color:var(--color-text-light);text-decoration:none;transition:background .2s}.tag-chip:nth-child(3n+1){background:rgba(232,180,184,.2)}.tag-chip:nth-child(3n+2){background:rgba(184,216,208,.25)}.tag-chip:nth-child(3n+3){background:rgba(245,230,202,.4)}.tag-chip:hover{opacity:.7}.list-grid{display:none}.list-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--color-border)}.list-item a{display:flex;gap:12px;text-decoration:none;color:inherit;width:100%}.list-item img{width:80px;height:80px;object-fit:cover;border-radius:8px;flex-shrink:0}.list-item-text h3{font-size:.88rem;margin:0 0 4px;line-height:1.5;color:var(--color-text)}.list-item-text .tag-chips{margin-top:4px}.list-item-text .tag-chip{font-size:.68rem;padding:1px 8px}@media(max-width:768px){.card-grid{grid-template-columns:1fr;gap:8px;padding:8px 12px}.card:nth-child(n+4){display:none}.list-grid{display:block;max-width:var(--max-width);margin:0 auto;padding:0 12px}.card .tag-chips{position:absolute;bottom:70px;left:8px}.card .tag-chip{background:rgba(255,255,255,.85);backdrop-filter:blur(4px)}}.site-footer{background:var(--color-bg);border-top:1px solid var(--color-border);padding:48px 24px 24px;margin-top:64px}.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:var(--max-width);margin:0 auto}.footer-section h3{font-family:var(--font-logo);font-size:1rem;color:var(--color-primary);margin:0 0 16px;font-weight:400}.footer-section{text-align:center}.footer-about img{width:80px;height:80px;border-radius:50%;object-fit:cover;margin-bottom:8px}.footer-about p{font-size:.82rem;color:var(--color-text-light);line-height:1.6}.footer-categories a,.footer-social a{display:block;font-size:.85rem;color:var(--color-text);text-decoration:none;margin-bottom:8px;transition:color .2s}.footer-categories a:hover,.footer-social a:hover{color:var(--color-primary)}.footer-social a{display:flex;align-items:center;justify-content:center;gap:8px}.footer-social .social-icon{width:17px;height:17px;flex-shrink:0}.footer-copyright{text-align:center;font-size:.75rem;color:var(--color-text-light);margin-top:32px;padding-top:16px;border-top:1px solid var(--color-border);font-family:var(--font-logo)}.footer-legal{text-align:center;font-size:.72rem;margin-top:8px}.footer-legal a{color:var(--color-text-light);text-decoration:underline;text-underline-offset:2px}@media(max-width:768px){.footer-grid{grid-template-columns:1fr;text-align:center}}.macaron-bg{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.macaron-float{position:absolute;width:40px;height:40px;border-radius:50%;opacity:.08}.macaron-float:nth-child(1){background:var(--color-primary);top:15%;left:5%;animation:float1 18s ease-in-out infinite}.macaron-float:nth-child(2){background:var(--color-secondary);top:45%;right:8%;width:30px;height:30px;animation:float2 22s ease-in-out infinite}.macaron-float:nth-child(3){background:var(--color-accent);bottom:20%;left:12%;width:50px;height:50px;animation:float3 20s ease-in-out infinite}.macaron-float:nth-child(4){background:var(--color-primary);top:70%;right:15%;width:25px;height:25px;animation:float1 25s ease-in-out infinite reverse}.macaron-float:nth-child(5){background:var(--color-secondary);top:30%;left:80%;width:35px;height:35px;animation:float2 19s ease-in-out infinite reverse}@keyframes float1{0%,100%{transform:translate(0,0)rotate(0)}25%{transform:translate(20px,-30px)rotate(5deg)}50%{transform:translate(-10px,-50px)rotate(-3deg)}75%{transform:translate(15px,-20px)rotate(4deg)}}@keyframes float2{0%,100%{transform:translate(0,0)rotate(0)}33%{transform:translate(-25px,20px)rotate(-4deg)}66%{transform:translate(15px,-25px)rotate(6deg)}}@keyframes float3{0%,100%{transform:translate(0,0)}50%{transform:translate(30px,-40px)}}@media(prefers-reduced-motion:reduce){.macaron-float{animation:none}.card{opacity:1;transform:none}}.article-body h2{font-size:1.3rem;text-align:center;letter-spacing:.08em;margin:48px 0 24px;padding:16px 0;position:relative}.article-body h2::before,.article-body h2::after{content:"";display:block;width:60%;max-width:240px;height:1px;background:var(--color-border);margin:0 auto}.article-body h2::before{margin-bottom:12px}.article-body h2::after{margin-top:12px}.article-body h3{font-size:1.1rem;margin:36px 0 16px;padding-left:16px;border-left:3px double var(--color-primary);color:var(--color-text)}.article-body blockquote{border:1px solid var(--color-border);background:rgba(254,251,248,.6);padding:24px 28px;margin:28px 20px;color:var(--color-text-light);font-size:.92rem;line-height:2}.article-body blockquote p{margin-bottom:0}.article-body blockquote p+p{margin-top:12px}.article-body strong{background:linear-gradient(transparent 60%,rgba(245,230,202,.5) 60%);font-weight:700}.affiliate-box{margin:32px 0}.affiliate-inner{display:flex;gap:20px}.affiliate-image{flex-shrink:0;width:180px}.affiliate-image img{width:100%;height:140px;object-fit:cover;border-radius:4px}.affiliate-info{flex:1;min-width:0}.affiliate-stars{font-size:.75rem;color:#d4a017;letter-spacing:2px;margin-bottom:4px}.affiliate-name{font-size:1.05rem;font-weight:700;color:var(--color-text);margin-bottom:6px}.affiliate-desc{font-size:.82rem;color:var(--color-text-light);line-height:1.6;margin-bottom:12px}.affiliate-links{display:flex;flex-wrap:wrap;gap:6px}.affiliate-links a{display:inline-block;padding:5px 14px;font-size:.72rem;font-weight:700;color:#fff;border-radius:3px;text-decoration:none;transition:opacity .2s;letter-spacing:.02em}.affiliate-links a:hover{opacity:.8;background:inherit}.affiliate-box--menu{border:2px solid var(--color-border);padding:24px;position:relative}.affiliate-box--menu::before{content:attr(data-label);position:absolute;top:-10px;left:24px;background:var(--color-bg);padding:0 10px;font-size:.68rem;letter-spacing:.15em;color:var(--color-text-light)}.affiliate-box--subtle{background:rgba(245,230,202,.15);border-radius:var(--radius-card);padding:20px;position:relative}.affiliate-box--subtle::before{content:"おすすめ";position:absolute;top:-10px;left:20px;background:var(--color-secondary);color:#fff;font-size:.68rem;padding:2px 10px;border-radius:3px;letter-spacing:.05em}.affiliate-box--coupon{border:2px dashed var(--color-primary);background:rgba(245,230,202,.1);transform:rotate(-.3deg);padding:20px 24px;position:relative}.affiliate-box--coupon::before{content:"RECOMMEND";position:absolute;top:-10px;left:20px;background:var(--color-bg);padding:0 8px;font-size:.68rem;letter-spacing:.15em;color:var(--color-primary)}@media(max-width:600px){.affiliate-inner{flex-direction:column}.affiliate-image{width:100%}.affiliate-image img{height:180px}}.article-summary{border:1px solid var(--color-border);border-radius:4px;padding:32px 28px 24px;margin:48px 0 16px;position:relative;background:repeating-linear-gradient( transparent,transparent 31px,rgba(184,216,208,.2) 31px,rgba(184,216,208,.2) 32px );background-position-y:8px}.article-summary-label{position:absolute;top:-12px;left:20px;background:var(--color-bg);padding:0 12px;font-size:.85rem;font-weight:700;color:var(--color-primary);letter-spacing:.1em}.article-summary p{margin-bottom:12px}@media(max-width:600px){.article-body blockquote{margin:20px 8px;padding:16px}.article-summary{padding:24px 16px 16px}.affiliate-box--coupon{transform:none}}.macaron-map{margin:32px 0;border-radius:var(--radius-card);border:2px solid var(--color-border);box-shadow:0 2px 12px rgba(232,180,184,.1);overflow:hidden}.macaron-map__canvas{width:100%;height:360px}.macaron-pin{display:flex;align-items:center;gap:6px;background:var(--color-primary);color:#fff;font-family:var(--font-main);font-size:.78rem;font-weight:700;padding:6px 14px;border-radius:var(--radius-card);box-shadow:0 2px 8px rgba(0,0,0,.15);white-space:nowrap;position:relative}.macaron-pin::after{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--color-primary)}.macaron-pin__icon{width:16px;height:16px;flex-shrink:0}.macaron-pin--route{padding-left:8px}.macaron-pin__badge{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#fff;color:var(--color-primary);border-radius:50%;font-size:.7rem;font-weight:700;flex-shrink:0}.macaron-map__title{text-align:center;font-size:.82rem;color:var(--color-text-light);padding:10px 0;background:rgba(254,251,248,.8);border-top:1px solid var(--color-border);letter-spacing:.05em}@media(max-width:600px){.macaron-map__canvas{height:280px}}a{color:var(--color-primary);text-decoration:none;transition:background .3s ease;border-radius:2px}a:hover{background:rgba(245,230,202,.35)}.article-body{font-size:.95rem;line-height:2}