.story__items__container{background:var(--_contents-bg);box-shadow:var(--_box-shadow);position:relative;z-index:1;.youtube-box{position:relative;height:0;padding-bottom:56.25%;>iframe{position:absolute;width:100%;height:100%;aspect-ratio:16 / 9}}.typ__h1{font-weight:700;text-align:center;.date{background:var(--_key-color);color:#fff;display:inline-block}}.h2-ttl-inner{font-weight:700;color:#fff;padding:.75em 1em;display:inline-block;position:relative;background:linear-gradient(to right,var(--_accent-bg-light) 90%,#fede8c 90%);color:var(--_body-color);font-family:var(--_en-font);width:100%;&:after{content:attr(data-label);font-weight:700}&:before{position:absolute;bottom:-3px;right:10px;z-index:-1;transform:rotate(1.25deg);width:90%;height:50%;background:#0000001a;content:"";filter:blur(4px)}}.episode__summary{.comingsoon{font-family:var(--_en-font);text-align:center;line-height:2;.device-type-mobile &{line-height:2;font-size:200%}.device-type-desktop &{line-height:1.2;font-size:40px}}}.popup-content{cursor:pointer;border-bottom:solid 1px currentColor;color:var(--_link-color);&:hover{border-bottom:none}}.staff{background-color:#dddddd4d}}.backnumber__items{text-align:center;display:flex;flex-wrap:wrap;align-items:stretch}.backnumber__item{display:grid;grid-template-rows:subgrid;grid-row:span 2;text-decoration:none;.thumb-box{>img{width:100%}}.ttl{font-weight:700;display:grid;place-content:center}}.guest__container{.h3-ttl{border-bottom:1px solid rgba(0 0 0 / .2);font-weight:700;padding-bottom:.5rem;font-size:1.25rem;margin-bottom:1rem;padding-top:1rem}}.device-type-mobile{.section__items__container{padding:calc(20vw / var(--_mbw)) calc(15vw / var(--_mbw))}.story__items__container{.typ__h1{padding-bottom:calc(10vw / var(--_nmbw));font-weight:700;.date{font-size:calc(12vw / var(--_mbw));line-height:calc(24vw / var(--_mbw));background:var(--_key-color);color:#fff;padding:0 calc(5vw / var(--_mbw));display:inline-block;margin-bottom:calc(5vw / var(--_mbw))}h1{font-size:calc(18vw / var(--_mbw));line-height:calc(30vw / var(--_mbw))}}.episode__summary{font-size:calc(14vw / var(--_mbw));line-height:calc(26vw / var(--_mbw));gap:calc(20vw / var(--_mbw))}.button__primary,.event_button{font-size:calc(17vw / var(--_mbw));width:100%;margin:auto;box-shadow:var(--_btn-shadow)}.event_button{margin-bottom:calc(30vw / var(--_mbw))}.rebroadcast__btn{margin-bottom:calc(20vw / var(--_mbw))}.staff{padding:calc(10vw / var(--_mbw)) calc(25vw / var(--_mbw));font-size:calc(14vw / var(--_mbw));line-height:2rem}.h2-ttl-inner{margin:calc(20vw / var(--_mbw)) 0 calc(10vw / var(--_mbw));font-size:calc(18vw / var(--_mbw));padding:calc(15vw / var(--_mbw)) calc(20vw / var(--_mbw));&:after{margin-left:calc(10vw / var(--_mbw));font-size:calc(11vw / var(--_mbw))}&:before{bottom:calc(-3vw / var(--_nmbw));right:calc(10vw / var(--_nmbw));width:90%;height:50%;filter:blur(calc(4vw / var(--_nmbw)))}}.backnumber__items{gap:calc(10vw / var(--_nmbw))}.backnumber__item{width:calc((100% - calc(20vw / var(--_nmbw))) / 3);color:var(--_body-color);background:var(--_accent-bg-light);display:block;padding:calc(5vw / var(--_mbw));text-decoration:none;letter-spacing:.05em;position:relative;&:before{position:absolute;bottom:0;right:calc(5vw / var(--_nmbw));z-index:-1;transform:rotate(1.5deg);width:90%;height:90%;background:#0003;content:"";filter:blur(calc(4vw / var(--_nmbw)))}}.thumb-box{display:flex;align-items:center;justify-content:center}.ttl{font-size:calc(12vw / var(--_mbw));line-height:calc(18vw / var(--_mbw));font-weight:700;margin-top:calc(5vw / var(--_nmbw))}.h3-ttl{border-bottom:1px solid #cccccc;font-weight:700;padding-bottom:calc(8vw / var(--_mbw));font-size:calc(18vw / var(--_mbw));padding-top:calc(5vw / var(--_mbw));margin-bottom:calc(15vw / var(--_mbw));line-height:calc(25vw / var(--_mbw))}}}.device-type-desktop{.section__items__container{padding:40px}.story__items__container{.typ__h1{padding-bottom:10px;margin-bottom:20px;font-weight:700;.date{font-size:16px;line-height:28px;background:var(--_key-color);color:#fff;padding:0 1em;display:inline-block;margin-bottom:8px;letter-spacing:.025em}h1{font-size:28px;line-height:38px}}.h2-ttl-inner{&:after{font-size:.75rem;margin-left:.5rem}}.button__primary,.event_button{font-size:1.25rem;width:fit-content;margin:auto;box-shadow:var(--_btn-shadow)}.rebroadcast__btn{margin-bottom:20px}.staff{padding:.625rem 1.5625rem;font-size:.875rem;line-height:2rem}.h2-ttl-inner{margin-top:40px;margin-bottom:20px;font-size:28px;&:after{font-size:14px;margin-left:10px}}.backnumber__items{text-align:center;display:flex;flex-wrap:wrap;align-items:stretch;gap:20px 10px}.backnumber__item{width:calc((100% - 20px) / 3);text-decoration:none;color:var(--_body-color);background:var(--_accent-bg-light);transition:.3s ease-in-out;display:block;padding:6px 6px 0;letter-spacing:.05em;position:relative;&:before{position:absolute;bottom:0;right:5px;z-index:-1;transform:rotate(1.5deg);width:90%;height:90%;background:#0003;content:"";filter:blur(4px);transition:all .3s ease-out;transform-origin:0 0}&:hover{background:var(--_accent-bg);&:before{bottom:0;right:0;width:100%;height:100%;transform:rotate(0);filter:blur(1px)}}}.thumb-box{display:flex;align-items:center;justify-content:center}.ttl{padding:10px 0;font-weight:700}.h3-ttl{border-bottom:1px solid #cccccc;font-weight:700;padding-bottom:10px;font-size:21px;margin-bottom:20px;padding-top:10px}}}
