:root{--cream:#fff8e8;--sand:#f7ebd3;--brown:#482510;--orange:#c65c17;--border:#f1e2cb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--brown);font-family:'Hiragino Maru Gothic ProN','Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-header{height:67px;max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 25px;background:#fffaf1}.brand{width:228px;flex:0 0 228px}.brand img{width:225px}.site-header nav{display:flex;align-items:center;justify-content:center;gap:22px}.site-header nav a{display:flex;align-items:center;flex-direction:column;font-size:10px;font-weight:800;white-space:nowrap}.site-header nav span{font-size:22px;line-height:27px}.site-header nav a.active{color:#e75d13;border-bottom:2px solid #e75d13}.search{display:flex;height:36px;max-width:250px;border:1px solid #986c4b;border-radius:30px;overflow:hidden;flex:1}.search input{min-width:0;width:100%;border:0;background:#fffdf6;font-size:10px;padding:0 13px;outline:0}.search button{width:39px;flex:0 0 39px;background:#603412;color:white;border:0;font-size:21px;cursor:pointer}main{max-width:1180px;margin:auto;overflow:hidden}.hero{position:relative}.hero>img{width:100%;height:auto}.hero-hotspot{position:absolute;left:16%;top:83%;width:22%;height:12%;border-radius:40px}.welcome{margin-top:-1px}.welcome img{width:100%}.section{padding:14px 28px 22px;background:var(--cream)}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.section-title h2{font-size:23px;letter-spacing:-.04em;margin:0;font-weight:900}.section-title h2 small{font-size:10px;letter-spacing:0;font-weight:650;margin-left:10px}.section-title>a{font-size:10px;color:#8a451d;font-weight:800;white-space:nowrap}.emoji{font-size:28px;vertical-align:-3px}.category-section{background:linear-gradient(165deg,#fff8e8,#f9eccc)}.categories-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.category-card{overflow:hidden;background:#fffdf8;border:1px solid #f0e2ca;border-radius:12px;box-shadow:0 2px 1px #ceae8a0b}.category-card img{width:100%;aspect-ratio:2/1;object-fit:cover}.category-card>div{position:relative;padding:9px 13px 12px;height:83px}.category-card h3{font-size:19px;margin:0 0 4px;font-weight:900}.category-card p{font-size:11px;line-height:1.4;margin:0}.category-card span{position:absolute;right:10px;top:28px;background:#eaa75a;color:white;border-radius:50%;width:25px;height:25px;display:grid;place-items:center}.goods-section{padding-top:15px;background:#fff9ee}.crown{font-size:27px}.products-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.product-card{background:#fff;border:1px solid #efdfc5;border-radius:11px;overflow:hidden;min-width:0}.product-card>img{aspect-ratio:1.1;object-fit:cover;width:100%}.product-content{padding:7px 8px 8px}.product-card h3{font-size:10px;line-height:1.4;margin:0 0 5px;min-height:28px}.product-card p{font-size:9px;line-height:1.55;margin:0 0 5px;min-height:42px}.product-card strong{display:block;font-size:14px;margin:0 0 5px}.product-card small{font-size:9px;font-weight:400}.shop-button{background:linear-gradient(180deg,#d16d2a,#ae4f15);color:white;border-radius:40px;font-size:10px;font-weight:800;text-align:center;display:block;padding:8px 3px}.features-section{background:linear-gradient(145deg,#fff9eb,#faecc8)}.feature-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(185px,1fr);gap:8px}.feature-lead{display:grid;grid-template-columns:1fr 1.05fr;gap:18px;padding:11px;border-radius:12px;background:#fffdf9;align-items:center}.feature-lead>img{width:100%;height:164px;object-fit:cover;border-radius:10px}.feature-copy .meta{font-size:10px;color:#777}.meta b{display:inline-block;padding:4px 12px;background:#659544;color:#fff;border-radius:20px}.feature-copy h3{font-size:18px;line-height:1.4;margin:8px 0}.feature-copy p{font-size:10px;line-height:1.6;margin:0 0 10px}.outline{border:1px solid #bf6c3d;border-radius:25px;padding:7px 16px;color:#a95c31;font-size:10px;font-weight:800;display:inline-block}.feature-side{border-radius:12px;background:white;padding:8px}.feature-side>a{display:flex;align-items:center;gap:10px;padding:5px 2px;border-bottom:1px solid #efe1cd;min-height:54px}.feature-side>a:last-child{border:0}.feature-side img{width:75px;height:47px;object-fit:cover;border-radius:7px}.feature-side b{font-size:9px;line-height:1.45;flex:1}.feature-side span{color:#e68736}.ranking-section{position:relative;padding-bottom:20px;min-height:150px}.ranking{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;padding-right:115px}.rank-item{position:relative;min-width:0}.rank-number{position:absolute;top:0;left:1px;color:#d18a3b;font-size:20px;text-shadow:1px 1px white}.rank-item img{margin-left:20px;width:calc(100% - 20px);aspect-ratio:2/1;object-fit:cover;border-radius:6px}.rank-item h3{font-size:10px;margin:5px 0 2px}.rank-item p{font-size:11px;font-weight:bold;margin:0}.rank-item p small{font-size:8px;font-weight:normal}.ranking-mascot{position:absolute;right:16px;bottom:0;width:126px;mix-blend-mode:multiply}footer{max-width:1180px;margin:auto;background:#bccb83 url('assets/foot-bg.png') center/cover;min-height:125px}.footer-inner{display:flex;align-items:center;gap:25px;min-height:125px;padding:12px 32px;flex-wrap:wrap}.footer-inner>img{width:177px}.footer-inner nav{display:flex;gap:12px;font-size:10px;font-weight:bold}.footer-inner nav a+a:before{content:'|';padding-right:12px}.footer-inner p{font-size:9px;width:100%;margin:-20px 0 0;text-align:center}.footer-inner small{font-size:9px;margin-left:auto}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}
@media(max-width:800px){.site-header{height:auto;flex-wrap:wrap;padding:9px 14px}.brand{width:170px;flex:0 0 170px}.brand img{width:170px}.site-header nav{order:3;width:100%;justify-content:space-around;gap:4px}.site-header nav a{font-size:9px}.site-header nav span{font-size:20px}.search{max-width:none;flex:1;min-width:130px}.section{padding:14px 13px 22px}.section-title h2{font-size:20px}.section-title h2 small{display:block;margin:2px 0 0 30px}.categories-grid{gap:9px;grid-template-columns:repeat(2,1fr)}.category-card>div{height:84px}.products-grid{grid-template-columns:repeat(3,1fr)}.feature-layout{grid-template-columns:1fr}.feature-side{display:grid;grid-template-columns:repeat(3,1fr)}.feature-side>a{display:block}.feature-side img{width:100%;height:70px}.feature-side span{display:none}.feature-lead>img{height:190px}.ranking{padding-right:0;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.ranking-mascot{display:none}.rank-item img{margin-left:0;width:100%;aspect-ratio:1}.rank-item h3{font-size:9px}.footer-inner{gap:10px;justify-content:center}.footer-inner p{margin:0}.footer-inner small{margin:0}}
@media(max-width:480px){.hero{height:340px;background:#8d704f;overflow:hidden}.hero>img{height:340px;max-width:none;width:auto;position:absolute;left:50%;transform:translateX(-50%)}.hero-hotspot{top:85%;left:26%;width:48%}.welcome{overflow:hidden;height:160px;position:relative}.welcome img{height:160px;width:auto;max-width:none;position:absolute;left:50%;transform:translateX(-50%)}.products-grid{grid-template-columns:repeat(2,1fr)}.category-card h3{font-size:16px}.category-card p{font-size:10px}.feature-lead{grid-template-columns:1fr;gap:8px}.feature-lead>img{height:180px}.feature-copy h3{font-size:19px}.feature-side img{height:55px}.ranking{grid-template-columns:repeat(3,1fr)}.ranking .rank-item:nth-child(n+4){display:none}.section-title>a{font-size:9px}.footer-inner nav{flex-wrap:wrap;justify-content:center}}