
.mdr-form{max-width:40rem;margin:0 auto}
.mdr-form .mdr-price{padding:1.2rem 1.4rem;margin-bottom:1.2rem;background:#fff;border:2px solid #8b6914;border-radius:6px}
.mdr-form .mdr-price-main{margin:0 0 .6rem;font-size:1.5rem;font-weight:700;color:#6d520f;line-height:1.4}
.mdr-form .mdr-price-main span{font-size:1rem;font-weight:400}
.mdr-form .mdr-price-sub{margin:0;padding:0;list-style:none;font-size:.95rem;line-height:2}
.mdr-form .mdr-lead{padding:1rem;margin-bottom:1.5rem;background:#f7f3e8;border-left:4px solid #b8860b;line-height:1.9}
.mdr-form .mdr-note{margin-bottom:1.5rem}
.mdr-form .mdr-field{margin-bottom:1.5rem}
.mdr-form label,.mdr-form legend{display:block;margin-bottom:.5rem;font-weight:700;line-height:1.6}
.mdr-form .mdr-req{display:inline-block;margin-left:.5rem;padding:.1em .6em;font-size:.8em;font-weight:700;color:#fff;background:#c0392b;border-radius:3px;vertical-align:middle}
.mdr-form .mdr-help{display:block;margin-top:.4rem;font-size:.9em;font-weight:400;color:#555;line-height:1.7}
.mdr-form input[type=text],.mdr-form input[type=email],.mdr-form input[type=tel],.mdr-form input[type=date],.mdr-form input[type=number],.mdr-form select,.mdr-form textarea{width:100%;box-sizing:border-box;padding:.7rem;font-size:16px;line-height:1.5;border:1px solid #999;border-radius:4px;background:#fff;color:#222}
.mdr-form textarea{min-height:8rem}
.mdr-form input:focus,.mdr-form select:focus,.mdr-form textarea:focus,.mdr-form button:focus{outline:3px solid #b8860b;outline-offset:2px}
.mdr-form .mdr-fieldset{margin:0 0 1.5rem;padding:1rem;border:1px solid #ddd;border-radius:4px}
.mdr-form .mdr-fieldset legend{padding:0 .5rem}
.mdr-form .mdr-dates .mdr-field{display:inline-block;width:32%;min-width:9rem;margin-right:1%}
.mdr-form .mdr-caution{padding:.8rem 1rem;margin:1.5rem 0 0;background:#fff6f5;border-left:4px solid #c0392b;font-size:.95em;line-height:1.8}
.mdr-form .mdr-submit{margin-top:2rem;text-align:center}
.mdr-form button[type=submit]{min-width:16rem;padding:1rem 2rem;font-size:1.1rem;font-weight:700;color:#fff;background:#8b6914;border:none;border-radius:4px;cursor:pointer}
.mdr-form button[type=submit]:hover{background:#6d520f}
.mdr-form .mdr-alt{margin-top:1.5rem;font-size:.95em;text-align:center}
.mdr-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.mdr-form .mdr-pledge{display:flex;gap:.6rem;align-items:flex-start;padding:1rem;background:#f7f3e8;border-radius:4px}
.mdr-form .mdr-pledge input[type=checkbox]{width:1.4rem;height:1.4rem;margin:.2rem 0 0;flex:none}
.mdr-form .mdr-pledge label{margin:0;font-weight:400;line-height:1.7}
@media (max-width:480px){.mdr-form .mdr-price{padding:1rem}.mdr-form .mdr-price-main{font-size:1.25rem}.mdr-form button[type=submit]{width:100%;min-width:0}.mdr-form .mdr-dates .mdr-field{display:block;width:100%}}
.mdr-form .mdr-opt{display:inline-block;margin-left:.5rem;padding:.1em .6em;font-size:.8em;font-weight:400;color:#555;background:#eee;border-radius:3px;vertical-align:middle}
.mdr-cta{display:block;max-width:28rem;margin:1rem auto;padding:1rem 1.5rem;background:#8b6914;color:#fff!important;text-align:center;font-weight:700;font-size:1.1rem;line-height:1.4;border-radius:6px;text-decoration:none!important;box-sizing:border-box}
.mdr-cta:hover,.mdr-cta:focus{background:#6d520f;color:#fff}
.mdr-cta small{display:block;font-size:.8rem;font-weight:400;margin-top:.2rem}
.mdr-summary{max-width:40rem;margin:1.5rem auto;padding:1.2rem 1.4rem;border:2px solid #8b6914;border-radius:6px;background:#fff;text-align:left}
.mdr-summary .mdr-summary-main{margin:0 0 .6rem;font-size:1.4rem;font-weight:700;color:#6d520f;line-height:1.4}
.mdr-summary .mdr-summary-main span{font-size:1rem;font-weight:400}
.mdr-summary ul{margin:0;padding:0;list-style:none;font-size:.95rem;line-height:2}
.mdr-sticky{position:fixed;left:0;right:0;z-index:9000;padding:.6rem 1rem;background:rgba(255,255,255,.97);border-top:1px solid #ddd;box-shadow:0 -2px 8px rgba(0,0,0,.08)}
:where(.mdr-sticky){bottom:0}
.mdr-sticky .mdr-cta{margin:0 auto;padding:.8rem 1rem;font-size:1rem}
.mdr-sticky.is-hidden{display:none}
body.has-mdr-sticky{padding-bottom:5rem}

/* ロゴ（h1 → div にしたぶんのレイアウト維持） */
#upper .logo{margin:0;width:auto;height:67px;display:flex;align-items:center;justify-content:center;max-width:100%}
@media (max-width:1000px){#upper .logo{width:100%;height:100%;margin:0;text-align:left}}
/* スマホ固定バーの「体験予約」 */
.fix_nav_sp .mdr-book_cont{background:#8b6914}
.fix_nav_sp .mdr-book_cont a{display:block;color:#fff;font-weight:700;font-size:15px;line-height:30px;text-decoration:none;letter-spacing:.05em}
@media (max-width:480px){.fix_nav_sp .mdr-book_cont a{font-size:4vw;line-height:9.375vw}}
/* 固定 CTA があるページ（/brewing/）では固定バーの「体験予約」は重複なので隠す */
body:has(#mdr-sticky) .fix_nav_sp .mdr-book_cont{display:none}
/* Instagram リンク（埋め込みの代替） */
.mdr-sns{text-align:center;padding:1.5rem 1rem}
.mdr-sns a{display:inline-block;padding:.7rem 1.4rem;border:2px solid #8b6914;border-radius:4px;color:#6d520f;font-weight:700;text-decoration:none}
