.story__items__container{.youtube-box{position:relative;height:0;padding-bottom:56.25%;>iframe{position:absolute;width:100%;height:100%;aspect-ratio:16 / 9}}.typ__h1{.date{transform:var(--_trans-form);width:118%;transform-origin:left top}}.h2-ttl-inner{margin:4rem -4rem 2rem;font-weight:700;font-size:18px;background:#eee;padding:10px 15px;&:after{content:attr(data-label);font-weight:500}}.popup-content{cursor:pointer;border-bottom:solid 1px currentColor;color:#f13e3f;&: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;&:hover{background-color:var(--_link-color)}.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{.story__items__container{.typ__h1{padding:calc(15vw / var(--_mbw)) calc(20vw / var(--_mbw)) calc(15vw / var(--_mbw)) calc(20vw / var(--_mbw));margin:calc(-20vw / var(--_mbw)) calc(-20vw / var(--_mbw)) calc(20vw / var(--_mbw)) calc(-20vw / var(--_mbw));font-weight:700;border-bottom:calc(1vw / var(--_mbw)) solid var(--_border-color);.date{font-size:calc(11vw / var(--_mbw));line-height:calc(24vw / var(--_mbw));color:var(--_body-color);padding:0 calc(16vw / var(--_mbw)) calc(5vw / var(--_mbw)) 0;display:block;letter-spacing:.05rem;transform:var(--_trans-form);width:118%;transform-origin:left top}h1{font-size:calc(17vw / var(--_mbw));line-height:calc(25vw / var(--_mbw));letter-spacing:.05rem;transform:var(--_trans-form);width:118%;transform-origin:left top;span{color:var(--_red-color);font-size:calc(48vw / var(--_mbw));line-height:calc(48vw / var(--_mbw));font-family:var(--_latin-font);font-weight:300;padding:0 calc(2vw / var(--_mbw))}}}.episode__summary{font-size:calc(14vw / var(--_mbw));line-height:calc(26vw / var(--_mbw));gap:calc(20vw / var(--_mbw));span.cs{font-size:calc(38vw / var(--_mbw));line-height:calc(42vw / var(--_mbw));font-family:var(--_latin-font);font-weight:300;padding:0 calc(5vw / var(--_mbw));display:block}}.button__primary,.event_button{font-size:calc(17vw / var(--_mbw));width:100%;margin:auto}.event_button{margin-bottom:calc(30vw / var(--_mbw))}.rebroadcast__btn{margin-bottom:20px}.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)) calc(-10vw / var(--_mbw)) 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))}}.h3-ttl-bn{margin:calc(60vw / var(--_mbw)) calc(0vw / var(--_mbw)) 0 calc(0vw / var(--_mbw))}.backnumber__items{text-align:center;display:flex;flex-wrap:wrap;align-items:stretch;background:url(/sanadajuyushi/common-img/smoke_b.webp) no-repeat center left,url(/sanadajuyushi/common-img/paper.png) repeat top center;background-size:180% auto,contain;z-index:0;margin:0 calc(-20vw / var(--_mbw)) calc(-20vw / var(--_mbw)) calc(-20vw / var(--_mbw));padding:calc(20vw / var(--_mbw)) calc(20vw / var(--_mbw)) calc(20vw / var(--_mbw)) calc(20vw / var(--_mbw))}.backnumber__item{width:calc((100% - calc(20vw / var(--_mbw))) / 3);margin:calc(5vw / var(--_mbw));color:var(--_body-color);background:var(--_content-bg-d);display:block;padding:calc(5vw / var(--_mbw)) calc(5vw / var(--_mbw)) calc(3vw / var(--_mbw));margin:calc(3vw / var(--_mbw));text-decoration:none;backdrop-filter:blur(8px)}.thumb-box{display:flex;align-items:center;justify-content:center}.ttl{font-size:calc(12vw / var(--_mbw));line-height:calc(24vw / var(--_mbw));font-weight:700}.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:25px 40px;margin:-40px -40px 40px;font-weight:700;border-bottom:1px solid var(--_border-color);.date{font-size:13px;line-height:24px;display:block;margin-bottom:8px;color:var(--_body-color);padding:0 0 8px;letter-spacing:.1rem;transform:var(--_trans-form);width:118%;transform-origin:left top}h1{font-size:23px;line-height:36px;transform:var(--_trans-form);width:118%;transform-origin:left top;span{color:var(--_red-color);font-size:68px;line-height:68px;font-family:var(--_latin-font);font-weight:300;padding:0 2px}}}.h2-ttl-inner{&:after{font-size:.75rem;margin-left:.5rem}}.episode__summary{span.cs{font-size:48px;line-height:56px;font-family:var(--_latin-font);font-weight:300;padding:0 5px;display:block}}.button__primary,.event_button{font-size:1.25rem;width:fit-content;margin:auto}.rebroadcast__btn{margin-bottom:20px}.staff{padding:.625rem 1.5625rem;font-size:.875rem;line-height:2rem}.h2-ttl-inner{margin:40px -40px 20px;font-weight:700;font-size:18px;background:#eee;padding:10px 15px;&:after{content:attr(data-label);font-size:12px;margin-left:10px}}.h3-ttl-bn{margin:60px auto 0}.backnumber__items{text-align:center;display:flex;flex-wrap:wrap;align-items:stretch;background:url(/sanadajuyushi/common-img/smoke_b.webp) no-repeat center left,url(/sanadajuyushi/common-img/paper.png) repeat top center;background-size:120% auto,contain;z-index:0;margin:0 -40px -40px;padding:40px}.backnumber__item{width:calc((100% - 43px) / 3);margin:5px;text-decoration:none;color:var(--_body-color);background:var(--_content-bg-d);transition:.3s ease-in-out;display:block;padding:6px 6px 0;backdrop-filter:blur(8px)}.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}}}
