.recipe-media{padding:100rem 334rem;background:#f5f5f5}.recipe-media__label{display:flex;align-items:center;gap:30rem;font-family:Noto Sans JP,sans-serif;font-size:48rem;font-weight:700;color:#000;margin-bottom:40rem}.recipe-media__label-ja{display:inline-flex;align-items:center;gap:20rem;font-size:20rem;font-weight:400;color:#666}.recipe-media__label-ja:before{content:"";display:inline-block;width:120rem;height:1rem;background:#ddd}.recipe-media__grid{display:grid;grid-template-columns:1fr 1fr 1fr;border-left:1rem solid #E5E5E5}.recipe-media__card{border-right:1rem solid #E5E5E5;border-bottom:1rem solid #E5E5E5}.recipe-media__thumb{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;display:flex;align-items:center;justify-content:center;cursor:pointer}.recipe-media__thumb img,.recipe-media__thumb video{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.recipe-media__play{position:relative;z-index:1;width:48rem;height:48rem;border:1rem solid #fff;background:transparent;display:flex;align-items:center;justify-content:center}.recipe-media__play:after{content:"";display:block;width:0;height:0;border-style:solid;border-width:8rem 0 8rem 14rem;border-color:transparent transparent transparent #fff;margin-left:2rem}.recipe-media__duration{position:absolute;bottom:8rem;right:12rem;font-family:Noto Sans JP,sans-serif;font-size:20rem;color:#fff;z-index:1}.recipe-media__info{padding:20rem 24rem;background:#fff}.recipe-media__category{font-family:Noto Sans JP,sans-serif;font-size:20rem;color:#444;margin:0 0 8rem}.recipe-media__title{font-family:Noto Sans JP,sans-serif;font-size:20rem;font-weight:700;color:#000;margin:0}.recipe-media__modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;align-items:center;justify-content:center}.recipe-media__modal--open{display:flex}.recipe-media__modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000d9}.recipe-media__modal-content{position:relative;width:80vw;max-width:960px;aspect-ratio:16 / 9;z-index:1}.recipe-media__modal-player{width:100%;height:100%}.recipe-media__modal-player iframe,.recipe-media__modal-player video{width:100%;height:100%}.recipe-media__modal-close{position:absolute;top:-40px;right:-10px;background:none;border:none;color:#fff;font-size:32px;cursor:pointer;line-height:1;padding:0}
/*# sourceMappingURL=/cdn/shop/t/10/assets/recipe-media.css.map */