@charset "utf-8";
.olio_notice{padding:10px 22px;background:var(--olive);color:#fff;text-align:center;font-size:14px;font-weight:600;line-height:1.5;letter-spacing:.015em}
.olio_popup{position:fixed;inset:0;width:min(540px,calc(100% - 32px));max-height:calc(100% - 32px);margin:auto;padding:54px 48px 42px;overflow:auto;border:1px solid var(--line);background:var(--paper);color:var(--ink);text-align:center;box-shadow:0 22px 90px rgba(25,27,15,.22)}
.olio_popup::backdrop{background:rgba(24,27,15,.62)}
.olio_popup_close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:40px;height:40px;border:0;background:transparent;color:var(--olive-dark);font-size:30px;line-height:1;cursor:pointer}
.olio_popup_ornament{width:70px;height:auto;margin:0 auto 24px}
.olio_popup h2{font:500 48px/1.02 var(--serif);letter-spacing:-.02em;text-wrap:balance}
.olio_popup p{margin:24px auto 30px;max-width:370px;font-size:16px;line-height:1.7}
.olio_popup .button{cursor:pointer}
.olio_popup button:focus-visible{outline:2px solid var(--olive-dark);outline-offset:4px}
body.olio_popup_open{overflow:hidden}
@media screen and (max-width:999px){
	body.has_olio_notice .main_navigation{top:var(--olio-navigation-top,126px)}
}
@media screen and (max-width:520px){
	.olio_notice{padding:10px 20px;font-size:13px}
	.olio_notice span{display:block;max-width:290px;margin:auto}
	.olio_popup{padding:48px 25px 32px}
	.olio_popup h2{font-size:40px}
	.olio_popup_ornament{width:60px;margin-bottom:20px}
}