.media-banner{position:relative;width:100%;display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-template-rows:repeat(1,minmax(0,1fr));aspect-ratio:3/4;overflow:hidden;margin-top:30px}.media-banner .banner-overlay{position:relative;grid-row:1 / -1;grid-column:1 / -1;background-color:#000;opacity:var(--overlay-opacity);pointer-events:none;z-index:1}.media-banner .banner-media{position:relative;grid-row:1 / -1;grid-column:1 / -1;width:100%;height:auto;pointer-events:none}.media-banner .banner-media--video lazy-video{width:100%;height:100%;display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-template-rows:repeat(1,minmax(0,1fr))}.media-banner .banner-media--video .poster-wrapper{grid-row:1 / -1;grid-column:1 / -1}.media-banner .banner-media video{width:100%;height:100%;object-fit:cover;grid-row:1 / -1;grid-column:1 / -1}.media-banner .banner-img-wrapper{width:100%;height:100%;overflow:hidden}.media-banner .media{width:100%;height:100%}.media-banner .banner-contents{position:relative;display:flex;align-items:var(--align-items);justify-content:var(--justify-content);padding-top:var(--top-spacing);padding-bottom:var(--bottom-spacing);text-align:var(--text-align);grid-row:1 / -1;grid-column:1 / -1;padding-left:20px;padding-right:20px;z-index:2}.media-banner .banner-contents .contents-wrapper{width:100%;max-width:80vw;padding:10px;color:#fff;font-size:8.6vw}.media-banner .banner-contents .banner-heading{font-family:Buckwheat,sans-serif!important;font-size:120%;line-height:1;letter-spacing:.02em;margin-bottom:.5vw}.media-banner .banner-contents .contents-wrapper .rte{font-size:28%;font-weight:500;line-height:1.5;margin-bottom:5vw}.review-count{margin:10px 0}.review-count .loox-rating-hp{display:flex;align-items:center;color:#fff;flex-flow:row-reverse;gap:5px;width:max-content;margin:0 auto}.review-count .loox-rating .loox-rating-content{display:flex;justify-content:center}.review-count .loox-rating .loox-rating-content .loox-rating-label{display:none}.review-count .loox-rating>.loox-rating-label{display:block;font-size:clamp(.6rem,2vw,1.2rem);font-weight:600;text-align:center;margin-left:0;transition:all .3s ease-in-out;line-height:1.5}.review-count .loox-rating>.loox-rating-label stars{font-size:clamp(.65rem,2vw,1.8rem) line-height: 1;letter-spacing:.25rem;color:#fcd53f}.review-count .loox-rating .loox-icon{display:none}.review-count .loox-rating-hp:hover,.review-count .loox-rating:hover .loox-icon{transform:scale(.95)}.media-banner .btn-wrapper{text-align:center}.media-banner .logo-wrapper{grid-row:1 / -1;grid-column:1 / -1;z-index:2;padding:15px;pointer-events:none}.media-banner .logo-wrapper .media{display:flex;justify-content:flex-end;align-items:flex-end}.media-banner .logo-wrapper .media img{width:6em;height:auto;position:relative}@media only screen and (min-width: 576px){.review-count{margin-top:0}.review-count .loox-rating .loox-rating-content:after{width:100px;height:17px}.review-count .loox-rating-hp{gap:0}}@media only screen and (min-width: 768px){.media-banner{aspect-ratio:16/9}.media-banner .banner-contents{padding-left:30px;padding-right:30px}.media-banner .banner-contents .contents-wrapper{font-size:5vw;max-width:45vw;padding:20px}.review-count{margin-bottom:1.2vw}.review-count .loox-rating .loox-rating-content{display:block}.review-count .loox-rating .loox-rating-content:after{width:120px;height:20px}.media-banner .logo-wrapper{padding:25px}.media-banner .logo-wrapper .media img{width:auto;max-width:12em}}@media only screen and (min-width: 1200px){.review-count .loox-rating .loox-rating-content:after{width:145px;height:24px}}
/*# sourceMappingURL=/cdn/shop/t/239/assets/mb_media_banner.css.map */