﻿.program .cttl h2::before{content:"PROGRAM"}.program-index section:nth-of-type(1){background-image:linear-gradient(120deg, #e4ede7 0%, #dad9d7 100%)}.program-index section:nth-of-type(1) h3.lead3-wht:before{background-color:#1ca6fc}.program-index section:nth-of-type(2){background-image:linear-gradient(120deg, #f0eddc 0%, #dedbc9 100%)}.program-index section:nth-of-type(2) h3.lead3-wht:before{background-color:#fcf91c}.program-index section:nth-of-type(3){background-image:linear-gradient(120deg, #f5ecec 0%, #d7d6e1 100%)}.program-index section:nth-of-type(3) h3.lead3-wht:before{background-color:#c5365f}.program-index section:nth-of-type(4){background-image:linear-gradient(120deg, #daede7 0%, #d0d9d7 100%)}.program-index section:nth-of-type(4) h3.lead3-wht:before{background-color:#4c6a7d}.program-index section h3.lead3-wht{margin-bottom:40px}@media screen and (min-width: 601px){.program-index section h3.lead3-wht{margin-bottom:50px}}ul.pginfo-list{display:grid;grid-template-columns:1fr;gap:20px;margin:0;padding:0;list-style:none}ul.pginfo-list li{margin:0;padding:0}ul.pginfo-list li a{display:flex;flex-wrap:wrap;gap:10px;position:relative;padding:20px;background-color:#fff;border-radius:8px;line-height:1.5;text-decoration:none;color:#1a1a1a}ul.pginfo-list li a figure{align-self:flex-start;position:relative;width:100%;border-radius:8px;overflow:hidden}ul.pginfo-list li a figure::before{content:"";display:block;padding-top:66.66%}ul.pginfo-list li a figure img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}ul.pginfo-list li a .pginfo-innr{width:100%}ul.pginfo-list li a .pginfo-innr strong{display:inline-block;width:64px;margin-right:8px;background-color:#c5365f;border-radius:999em;text-align:center;font-size:1.1rem;line-height:22px;letter-spacing:normal;color:#fff}ul.pginfo-list li a .pginfo-innr time{display:inline-block;margin-top:2px;font-size:clamp(12px, 11.4230769231px + .1538461538vw, 13px);line-height:1.3;word-break:break-all}ul.pginfo-list li a .pginfo-innr .pginfo-title{margin:8px 0;font-weight:bold;line-height:1.5}ul.pginfo-list li a .pginfo-innr .pginfo-cast{font-size:clamp(12px, 11.4230769231px + .1538461538vw, 13px);line-height:1.3}@media screen and (min-width: 601px){ul.pginfo-list{gap:10px}ul.pginfo-list li a{gap:22px;padding:10px 70px 10px 10px;border-radius:12px}ul.pginfo-list li a::after{content:"";display:block;position:absolute;top:calc(50% - 10px);right:20px;width:20px;height:20px;background-color:#1a1a1a;background-image:url("../images/icon_arrow_wht.svg");background-size:contain;border-radius:10px;pointer-events:none}ul.pginfo-list li a figure{width:160px}ul.pginfo-list li a .pginfo-innr{flex:1;display:flex;flex-wrap:wrap;align-content:center}ul.pginfo-list li a .pginfo-innr>div{width:100%}ul.pginfo-list li a .pginfo-innr .pginfo-title{margin:14px 0}}@media screen and (min-width: 1025px){ul.pginfo-list li a{position:relative;padding:16px 70px 16px 16px}ul.pginfo-list li a figure{width:180px}ul.pginfo-list li a:hover{background-color:#1a1a1a;color:#fff}ul.pginfo-list li a:hover::after{background-color:#fc1b1c}}.pginfo .post-cover .post-header .post-header-sub strong{vertical-align:middle;background-color:#c5365f}.pginfo .post-cover .post-header .post-header-sub time{color:#1a1a1a}.personality section:has(.personality-list){background-image:linear-gradient(120deg, #f0ede6 0%, #dedbd3 100%)}.personality section:has(.personality-list):nth-of-type(even){background-image:linear-gradient(120deg, #e4ede7 0%, #dad9d7 100%)}.profile-cover{display:flex;flex-wrap:wrap;align-items:flex-start;background-image:linear-gradient(120deg, #f0ede6 0%, #dedbd3 100%)}.profile-cover figure{position:relative;width:100%;border-radius:16px;overflow:hidden}.profile-cover figure::before{content:"";display:block;padding-top:100%}.profile-cover figure img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top}.profile-cover .profile-txt h3.lead1 ruby{ruby-position:under}.profile-cover .profile-txt h3.lead1 ruby rt,.profile-cover .profile-txt h3.lead1 ruby rp{margin-top:4px;font-size:clamp(12px, 11.4230769231px + .1538461538vw, 13px);letter-spacing:0.2em;font-weight:normal;color:gray}.profile-cover .profile-txt .profile-message{margin-top:10px;background-color:#c5365f;color:#fff}.profile-cover .profile-txt .profile-box{width:100%}.profile-cover .profile-txt .profile-box .profile-data dl{display:grid;grid-template-columns:90px 1fr;margin:30px 0 0;padding:0;border-top:1px dashed #bbb}.profile-cover .profile-txt .profile-box .profile-data dl dt,.profile-cover .profile-txt .profile-box .profile-data dl dd{margin:0;padding:12px 0;border-bottom:1px dashed #bbb}.profile-cover .profile-txt .profile-box .profile-data dl dd ul.commli li{word-break:break-all}.profile-cover .profile-txt .profile-box .profile-qa dl{margin:0;padding:0}.profile-cover .profile-txt .profile-box .profile-qa dl dt{position:relative;margin:12px 0 4px;padding:0 0 0 28px;font-size:clamp(12px, 11.4230769231px + .1538461538vw, 13px);font-weight:bold;color:#c5365f}.profile-cover .profile-txt .profile-box .profile-qa dl dt::before{content:"Q .";position:absolute;top:0;left:0}.profile-cover .profile-txt .profile-box .profile-qa dl dt:first-child{margin-top:0}.profile-cover .profile-txt .profile-box .profile-qa dl dd{margin:0;padding:0 0 12px 28px;border-bottom:1px dashed #bbb;text-align:justify;text-justify:distribute;word-break:break-all}.profile-cover .profile-txt .profile-box .profile-qa dl dd:last-child{padding-bottom:0;border-bottom:none}@container cover (max-width: 940px){.profile-cover{flex-direction:column;align-items:center}.profile-cover figure{order:2;max-width:640px}.profile-cover .profile-txt{display:contents}.profile-cover .profile-txt>*{width:100%;max-width:640px}.profile-cover .profile-txt h3.lead1{order:1}.profile-cover .profile-txt .profile-message{order:3}.profile-cover .profile-txt .profile-box{order:4}}@container cover (min-width: 941px){.profile-cover{flex-direction:row-reverse;gap:30px}.profile-cover figure{position:-webkit-sticky;position:sticky;align-self:flex-start;width:calc(50% - 15px)}@media screen and (min-width: 601px){.profile-cover figure{top:70px}}@media screen and (min-width: 1025px){.profile-cover figure{top:120px}}.profile-cover figure::before{padding-top:142.72%}.profile-cover figure:has(img[alt="緒方 仁深"])::before,.profile-cover figure:has(img[alt="しゃかりき ヒロ"])::before,.profile-cover figure:has(img[alt="スマイリー原島"])::before,.profile-cover figure:has(img[alt="たろまる"])::before,.profile-cover figure:has(img[alt="林原 真希"])::before,.profile-cover figure:has(img[alt="安井 政史"])::before{padding-top:100%}.profile-cover .profile-txt{width:calc(50% - 15px)}}@container cover (min-width: 1025px){.profile-cover{justify-content:center;gap:60px}.profile-cover figure{width:calc(50% - 30px);max-width:493px}.profile-cover .profile-txt{width:calc(50% - 30px);max-width:533px}}@container cover (min-width: 1401px){.profile-cover{gap:80px}.profile-cover figure{width:calc(50% - 40px)}.profile-cover .profile-txt{width:calc(50% - 40px)}}@media screen and (min-width: 1025px){.profile-cover .profile-txt h3.lead1 ruby rt,.profile-cover .profile-txt h3.lead1 ruby rp{letter-spacing:0.5em}.profile-cover .profile-txt .profile-box .profile-data dl{grid-template-columns:120px 1fr}}
