.outline-label{letter-spacing:1.2px;border:1px solid #bec7b1;border-radius:3px;margin-bottom:15px;padding:6px 9px;font-size:8px;display:inline-block}.recommends .section-heading-aside{max-width:350px}.recommends-layout{grid-template-columns:1.05fr 1fr;gap:90px;margin-top:46px;display:grid}.channel-list{border-top:1px solid var(--line)}.channel-list details{border-bottom:1px solid var(--line)}.channel-list summary{cursor:pointer;align-items:center;gap:20px;padding:23px 0;list-style:none;display:flex}.channel-list summary::-webkit-details-marker{display:none}.channel-list summary>span{color:#6c785f;font-size:9px}.channel-list summary h3{letter-spacing:-.6px;font-size:23px;font-weight:500}.channel-list summary b{margin-left:auto;font-size:25px;font-weight:300;line-height:1;transition:transform .2s}.channel-list details[open] summary{padding-bottom:13px}.channel-list details[open] summary b{color:#779249;transform:rotate(45deg)}.channel-list details>p{color:#626d5d;max-width:460px;padding:0 30px 24px 35px;font-size:12px;line-height:1.75}.campaign-visual{align-self:start;padding-top:2px}.campaign-art{background:#d9e4c5;border-radius:3px;height:495px;padding:25px 28px;position:relative;overflow:hidden}.campaign-top{letter-spacing:1px;justify-content:space-between;align-items:center;font-size:9px;line-height:1.2;display:flex}.campaign-top b{font-size:12px;font-weight:600}.campaign-top>span:last-child{font-size:32px}.campaign-title{z-index:1;letter-spacing:-2.4px;margin-top:23px;font-size:58px;font-weight:500;line-height:.96;position:relative}.campaign-title em{color:var(--green)}.campaign-art>img{object-position:center 65%;border-radius:2px;width:calc(100% - 56px);height:250px;position:absolute;bottom:40px;left:28px;right:28px}.campaign-band{background:var(--ink);color:#f4f2e5;letter-spacing:1.6px;justify-content:space-between;align-items:center;height:40px;padding:0 28px;font-size:8px;display:flex;position:absolute;bottom:0;left:0;right:0}.campaign-band>span:last-child{font-size:25px}.campaign-sticker{background:var(--lime);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:118px;height:118px;display:flex;position:absolute;top:192px;right:20px;transform:rotate(12deg);box-shadow:0 2px 5px #0001}.campaign-sticker>span{letter-spacing:1.2px;font-size:7px}.campaign-sticker strong{letter-spacing:-.5px;text-align:center;margin:9px;font-size:24px;line-height:.92}.campaign-caption{letter-spacing:1px;color:#667460;justify-content:space-between;margin-top:12px;font-size:7px;display:flex}.campaign-visual>p{margin:22px 0 16px;font-size:13px}.campaign-visual>.btn{width:100%}@media (width<=1150px){.recommends-layout{gap:50px}.channel-list summary h3{font-size:21px}.campaign-art{height:475px}.campaign-title{font-size:53px}.campaign-art>img{height:235px}}@media (width<=900px){.recommends-layout{gap:30px}.channel-list summary{gap:13px}.channel-list summary h3{font-size:18px}.channel-list details>p{padding-left:28px}.campaign-art{height:455px;padding:22px}.campaign-title{margin-top:28px;font-size:44px}.campaign-art>img{width:calc(100% - 44px);height:245px;left:22px}.campaign-sticker{width:100px;height:100px;top:163px}.campaign-sticker strong{font-size:21px}.campaign-caption{gap:12px;font-size:7px}}@media (width<=650px){.recommends .section-heading-aside{max-width:none}.outline-label{font-size:7px}.recommends-layout{grid-template-columns:1fr;gap:36px;margin-top:26px}.channel-list summary{gap:18px;padding:22px 0}.channel-list summary h3{font-size:22px}.channel-list details>p{padding-left:33px}.campaign-art{height:475px;padding:25px}.campaign-title{font-size:56px}.campaign-art>img{width:calc(100% - 50px);left:25px}.campaign-sticker{width:110px;height:110px;top:177px;right:20px}.campaign-caption{font-size:7px}}@media (width<=370px){.campaign-title{font-size:49px}}.media-options{flex-wrap:wrap;gap:9px;display:flex}.media-options label{cursor:pointer;margin:0;position:relative}.media-options input{opacity:0;width:1px;height:1px;position:absolute}.media-options span{border:1px solid #bdc8b3;border-radius:3px;padding:11px 14px;font-size:12px;font-weight:400;display:block}.media-options input:checked+span{border-color:var(--green);background:var(--green);color:#fff}.media-options input:focus-visible+span{outline:3px solid var(--focus);outline-offset:2px}@media (width<=650px){.media-options span{padding:10px;font-size:11px}}
