/* ==========================================================================
   minnano-chat New Design (Phase1) — namespaced with .mc- to avoid collision
   with existing twentyseventeen-based styles.
   ========================================================================== */
:root{
  --cream:#ffffff; --cream-d:#f7f5f0; --pink:#ffdee4; --pink-d:#ffc2cf;
  --peach:#ffc8b8; --lav:#e3c9dd; --ink:#3a2f2a; --mut:#8a7d72; --line:#f0e2c8;
  --accent:#ff8fa3; --accent-d:#f4677f;
  --card:#fffdf7; --rad:22px; --rad-s:16px;
}
.mc-page{
  font-family:"Yu Gothic","Hiragino Kaku Gothic ProN","Hiragino Sans","Noto Sans JP",-apple-system,"Segoe UI",sans-serif;
  color:var(--ink); background:var(--cream); line-height:1.75;
}
.mc-page *{box-sizing:border-box}
.mc-page img{max-width:100%;display:block}
.mc-page a{color:inherit;text-decoration:none}
.mc-wrap{max-width:1080px;margin:0 auto;padding:0 16px}
.mc-hand{font-family:"Klee One","Yomogi","Zen Kurenaido","Hiragino Maru Gothic ProN",sans-serif;}
.mc-btn{display:inline-flex;align-items:center;gap:8px;justify-content:center;font-weight:800;border-radius:999px;
  padding:14px 24px;font-size:15px;line-height:1;cursor:pointer;border:2px solid var(--ink);transition:.15s;white-space:nowrap}
.mc-btn.mc-primary{background:var(--accent);color:#fff;border-color:var(--accent-d);box-shadow:3px 3px 0 var(--ink)}
.mc-btn.mc-primary:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}
.mc-btn.mc-peach{background:var(--peach);color:var(--ink);box-shadow:3px 3px 0 var(--ink)}
.mc-btn.mc-ghost{background:#fff;color:var(--ink);border:2px solid var(--ink)}
.mc-sec{padding:52px 0}
.mc-sec-h{text-align:center;margin:0 0 30px}
.mc-sec-h .mc-en{display:block;color:var(--accent-d);font-weight:800;letter-spacing:.16em;font-size:12px;margin-bottom:8px}
.mc-sec-h h2{margin:0;font-size:27px;font-weight:800;letter-spacing:.02em}
.mc-sec-h h2 .mc-u{text-decoration:underline;text-decoration-color:var(--pink-d);text-decoration-thickness:8px;text-underline-offset:-4px}
.mc-badge{display:inline-block;background:#fff;color:var(--accent-d);font-weight:800;font-size:12px;padding:6px 14px;border-radius:999px;border:2px solid var(--pink-d)}

.mc-topbar{background:var(--ink);color:#fff;font-size:12px}
.mc-topbar .mc-wrap{display:flex;justify-content:space-between;align-items:center;height:34px;flex-wrap:wrap;gap:4px}
.mc-topbar a{font-weight:700;background:rgba(255,255,255,.14);padding:4px 12px;border-radius:999px}

.mc-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);
  border-bottom:2px solid var(--line)}
.mc-hd{display:flex;align-items:center;gap:16px;height:110px}
.mc-hd .mc-logo img{height:88px;width:auto}
.mc-hd nav{margin-left:auto;display:flex;gap:22px;font-weight:700;font-size:14px;flex-wrap:wrap}
.mc-hd nav a:hover{color:var(--accent-d)}
.mc-hd .mc-cta{display:flex;gap:8px;margin-left:8px}
.mc-hd .mc-cta .mc-btn{padding:11px 18px;font-size:13px}
@media(max-width:900px){.mc-hd nav,.mc-hd .mc-cta{display:none}}

.mc-hero{position:relative;overflow:hidden}
.mc-hero .mc-wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:32px;align-items:center;padding-top:44px;padding-bottom:44px}
.mc-hero h1{font-size:34px;line-height:1.5;font-weight:800;margin:10px 0 16px}
.mc-hero h1 em{font-style:normal;color:var(--accent-d)}
.mc-hero p.mc-lead{color:var(--mut);font-size:16px;margin:0 0 22px}
.mc-hero .mc-pic .mc-frame{border-radius:28px;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--pink-d);overflow:hidden}
.mc-trust{display:flex;gap:16px;margin-top:22px;flex-wrap:wrap}
.mc-trust div{display:flex;align-items:center;gap:8px;font-weight:800;font-size:13.5px;background:#fff;border:2px solid var(--line);
  border-radius:999px;padding:7px 14px}
@media(max-width:900px){.mc-hero .mc-wrap{grid-template-columns:1fr}.mc-hero h1{font-size:26px}}

.mc-search{background:var(--card);border-radius:var(--rad);border:2.5px solid var(--ink);box-shadow:5px 5px 0 var(--pink-d);
  padding:20px;margin:-26px auto 0;position:relative;z-index:2;max-width:960px}
.mc-search .mc-row{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:12px;align-items:end}
.mc-search label{display:block;font-size:12px;font-weight:800;color:var(--mut);margin:0 0 6px 4px}
.mc-search select{width:100%;padding:14px;border:2px solid var(--line);border-radius:12px;font-size:15px;
  font-weight:700;background:#fff;color:var(--ink);appearance:none}
.mc-search .mc-tabs{display:flex;gap:8px;margin-bottom:16px;justify-content:center}
.mc-search .mc-tabs a{border:2px solid var(--ink);background:#fff;color:var(--ink);font-weight:800;border-radius:999px;padding:8px 22px}
.mc-search .mc-tabs a.mc-on{background:var(--accent);color:#fff}
@media(max-width:900px){.mc-search .mc-row{grid-template-columns:1fr 1fr}.mc-search .mc-row .mc-btn{grid-column:1/-1}}

.mc-choice{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.mc-choice a{background:var(--card);border-radius:var(--rad);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--line);padding:26px;display:flex;gap:16px;align-items:center;transition:.15s}
.mc-choice a:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--pink-d)}
.mc-choice .mc-emo{font-size:38px}
.mc-choice h3{margin:0 0 4px;font-size:19px;font-weight:800}
.mc-choice p{margin:0;color:var(--mut);font-size:13px}
.mc-choice .mc-go{margin-left:auto;color:var(--accent-d);font-weight:900;font-size:22px}
@media(max-width:640px){.mc-choice{grid-template-columns:1fr}}

.mc-regions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:22px}
.mc-regions span{border:2px solid var(--ink);background:#fff;color:var(--ink);font-weight:800;border-radius:999px;padding:8px 16px;font-size:13px}
.mc-regions span.mc-on{background:var(--lav)}
.mc-area-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.mc-area-grid a{background:var(--card);border-radius:var(--rad-s);border:2px solid var(--line);padding:16px 14px;text-align:center;font-weight:800;position:relative;transition:.15s}
.mc-area-grid a:hover{border-color:var(--ink);background:#fff}
.mc-area-grid a .mc-n{display:block;font-size:11px;color:var(--mut);font-weight:700;margin-top:3px}
@media(max-width:900px){.mc-area-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.mc-area-grid{grid-template-columns:repeat(2,1fr)}}

.mc-about{background:linear-gradient(180deg,var(--pink) 0%,var(--cream) 100%)}
.mc-about .mc-box{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center;background:var(--card);border-radius:var(--rad);border:2.5px solid var(--ink);box-shadow:5px 5px 0 var(--lav);padding:28px}
.mc-about .mc-mascot{width:168px;height:168px;border-radius:50%;background:#fff;display:grid;place-items:center;border:3px solid var(--ink);overflow:hidden;flex:none}
.mc-bubble{position:relative;background:var(--cream-d);border-radius:18px;padding:18px 20px;font-size:14.5px;border:2px dashed var(--pink-d)}
.mc-reasons{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}
.mc-reasons .mc-r{background:var(--card);border-radius:var(--rad-s);border:2px solid var(--line);padding:22px;text-align:center}
.mc-reasons .mc-r .mc-ic{width:54px;height:54px;border-radius:50%;margin:0 auto 10px;display:grid;place-items:center;font-size:24px;background:var(--pink)}
.mc-reasons .mc-r h4{margin:0 0 6px;font-size:16px;font-weight:800}
.mc-reasons .mc-r p{margin:0;font-size:13px;color:var(--mut)}
@media(max-width:640px){.mc-about .mc-box{grid-template-columns:1fr;text-align:center}.mc-about .mc-mascot{margin:0 auto}.mc-reasons{grid-template-columns:1fr}}

.mc-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.mc-card{background:var(--card);border-radius:var(--rad-s);border:2px solid var(--line);overflow:hidden;transition:.15s}
.mc-card:hover{border-color:var(--ink);transform:translateY(-3px)}
.mc-card .mc-thumb{aspect-ratio:16/10;display:grid;place-items:center;color:var(--ink);font-weight:900;font-size:24px}
.mc-card .mc-body{padding:14px}
.mc-card .mc-tag{font-size:11px;font-weight:800;color:var(--accent-d);background:var(--pink);padding:3px 10px;border-radius:999px}
.mc-card h4{margin:9px 0 4px;font-size:15px;font-weight:800;line-height:1.5}
.mc-card .mc-meta{font-size:12px;color:var(--mut)}
@media(max-width:900px){.mc-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.mc-cards{grid-template-columns:1fr}}

.mc-empty{background:var(--card);border:2px dashed var(--line);border-radius:var(--rad-s);padding:40px;text-align:center;color:var(--mut)}

.mc-voices{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mc-voice{background:var(--card);border-radius:var(--rad-s);border:2px solid var(--line);padding:20px}
.mc-voice .mc-top{display:flex;gap:12px;align-items:center;margin-bottom:10px}
.mc-voice .mc-av{width:44px;height:44px;border-radius:50%;background:var(--peach);color:var(--ink);display:grid;place-items:center;font-weight:900;border:2px solid var(--ink)}
.mc-voice .mc-who{font-weight:800;font-size:14px}
.mc-voice .mc-who span{display:block;font-size:11px;color:var(--mut);font-weight:600}
.mc-voice .mc-stars{color:#e8a33d;font-size:13px}
.mc-voice p{margin:0;font-size:13.5px}
@media(max-width:820px){.mc-voices{grid-template-columns:1fr}}

.mc-shopcta{background:var(--card);border:2.5px solid var(--ink);border-radius:var(--rad);box-shadow:5px 5px 0 var(--peach);padding:32px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.mc-shopcta .mc-t{flex:1;min-width:240px}
.mc-shopcta h3{margin:0 0 6px;font-size:19px;font-weight:800}
.mc-shopcta p{margin:0;color:var(--mut);font-size:13.5px}

.mc-prod{background:var(--ink);color:#ffffff;border-radius:26px;padding:36px;position:relative;border:2.5px solid var(--ink)}
.mc-prod h2{margin:0 0 8px;font-size:23px;font-weight:800}
.mc-prod p{margin:0 0 18px;opacity:.85;font-size:14px;max-width:640px}
.mc-prod .mc-btns{display:flex;gap:12px;flex-wrap:wrap}
.mc-prod .mc-btn.mc-wht{background:#fff;color:var(--ink);border-color:#fff}
.mc-prod .mc-btn.mc-line{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.6)}
.mc-prod .mc-pts{display:flex;gap:22px;margin:16px 0 22px;flex-wrap:wrap;font-size:13px;font-weight:700}
.mc-prod .mc-pts div{display:flex;align-items:center;gap:8px}

.mc-mcta{display:none}
@media(max-width:900px){
  .mc-mcta{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;gap:8px;padding:10px 12px;
    background:rgba(255,255,255,.97);border-top:2px solid var(--ink)}
  .mc-mcta .mc-btn{flex:1}
}

.mc-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Page hero band (non-front pages) */
.mc-pagehero{background:linear-gradient(180deg,var(--pink) 0%,#fff 100%);border-bottom:2px solid var(--line);padding:22px 0}
.mc-pagehero .mc-crumb{font-size:12px;color:var(--mut);font-weight:700;margin-bottom:6px;display:flex;gap:6px;align-items:center}
.mc-pagehero .mc-crumb a{color:var(--accent-d)}
.mc-pagehero h2{margin:0;font-size:22px;font-weight:800;color:var(--ink)}

/* Inner page content typography (page.php / content-page.php output) */
body #main .page .entry-title{font-size:24px;font-weight:800;color:var(--ink);margin:28px 0 18px;padding:0 16px;
  font-family:"Klee One","Hiragino Maru Gothic ProN",sans-serif}
body #main .page{max-width:900px;margin:0 auto;padding:0 0 40px}
body #main .page h2{font-size:19px;font-weight:800;color:var(--ink);border-left:6px solid var(--accent);padding:4px 0 4px 12px;margin:32px 16px 14px}
body #main .page h3{font-size:16px;font-weight:800;color:var(--accent-d);margin:26px 16px 10px}
body #main .page p{padding:0 16px;margin:0 0 16px;color:var(--ink)}
body #main .page a{color:var(--accent-d);text-decoration:underline}
body #main .page ul,body #main .page ol{margin:0 0 16px;padding:0 16px 0 36px}
body #main .page img{border-radius:12px}
body #main .page table{margin:0 16px 16px;border-collapse:collapse}
body #main .page table th,body #main .page table td{border:1px solid var(--line);padding:8px 12px}

/* Restyle the legacy header/logo/nav chrome to the new palette (kept markup for JS compat) */
body header{background:#fff !important;border-bottom:2px solid #f0e2c8}
body header .topBer{background:#3a2f2a !important}
body header .logo img{max-height:88px;width:auto}
body nav.pc .gnav > li > a, body nav.sp .gnav > li > a{color:#3a2f2a;font-weight:700}
body #floatMenu{background:#fff !important;border:2px solid #3a2f2a;border-radius:16px;overflow:hidden}
body #floatMenu a{color:#3a2f2a !important;background:#fff !important}
body #floatMenu li{border-bottom:1px solid #f0e2c8}

/* Legacy footer restyle (structure/links kept, palette updated) */
body footer{background:#fffdf7;border-top:2px solid #f0e2c8;color:#3a2f2a}
body footer a{color:#3a2f2a}
body footer a:hover{color:#f4677f}
body #footerMenu{background:transparent}
body .footmenu > ul > li > a{font-weight:800;color:#3a2f2a}
body .footLogo .footerLogo img{max-height:56px;width:auto}
body .copyright{background:#3a2f2a;color:#fffdf7;padding:16px 0}
body .copyright a{color:#fffdf7}
body #footerFloatingMenu{background:#3a2f2a}
body #footerFloatingMenu a{color:#fff}
body .pan_list{background:#fff7fa}
body .pan_list a{color:#f4677f}
body .totop img{filter:none}