:root{--z-index-back: -1;--z-index-default: 1;--z-index-page-top: 50;--z-index-header: 100;--z-index-menu: 150}:root{--content-width-sm: 480px;--content-width: 960px;--content-width-lg: 1088px}:root{--black-color: #333;--white-color: #fff;--gray-color: #aaa;--gray-color02: #fafafa;--primary-color:#87ceeb ;--accent-color: #11348c}.l_modal_overlay{z-index:var(--z-index-page-top);position:fixed;width:100%;height:100vh;background:var(--gray-color);opacity:.6;top:0;left:0;right:0;opacity:1;visibility:visible;transition:.2s}.l_modal_overlay.active{opacity:0;visibility:hidden}.l_modal{position:fixed;top:55%;left:50%;transform:translate(-50%,-50%);max-width:600px;width:70%;opacity:1;visibility:visible;transition:.2s;flex-shrink:0;z-index:1000}@media screen and (min-width: 768px){.l_modal{max-width:770px}}.l_modal.active{opacity:0;visibility:hidden}.l_modal-close{position:absolute;top:0;right:10px;cursor:pointer;font-size:30px;width:100%;text-align:end}@media screen and (min-width: 768px){.l_modal-close{right:20px;width:290px;height:100%}}.m_btn{display:block;width:100%;padding:10px 5px;text-align:center;color:var(--white-color);background:var(--accent-color);text-decoration:none;font-size:18px;font-weight:700}@media screen and (min-width: 768px){.m_btn{width:90%;margin:10px auto 0}}.u_not_mobile{display:none}@media screen and (min-width: 768px){.u_not_mobile{display:block}}.u_mobile{display:block}@media screen and (min-width: 768px){.u_mobile{display:none}}@media screen and (min-width: 768px){.section_modal_content{display:flex;flex-direction:row-reverse}}.section-modal_image{margin:0}.section-modal_image img{display:block;width:100%;height:100%;object-fit:cover}@media screen and (min-width: 768px){.section-modal_image img{width:auto;height:450px;flex-shrink:0}}.section-modal_bottom{max-width:var(--content-width-sm);width:100%;padding:15px 20px;background:var(--white-color);text-align:center}.section-modal_ttl{margin:20px 0;font-size:20px}@media screen and (min-width: 768px){.section-modal_ttl{margin-top:50px;font-size:32px}}.section-modal_txt{font-size:16px}@media screen and (min-width: 768px){.section-modal_txt{margin:20px 0;font-size:24px}}
/*# sourceMappingURL=/cdn/shop/t/457/assets/section-custom-modal.css.map */