/* ============================================================
   40-artist.css — アーティスト個別・ユーザー個別（機材一覧・コメント・ライトボックス）
   ＋ 3つの個別ページ（アーティスト・機材・ユーザー）の上のプロフィール部分
   ============================================================ */

/* ------------------------------------------------------------
   プロフィール（v5.4.0）… アーティスト・機材・ユーザーの3つの個別ページで同じ形
     写真（機材は四角い写真）の右に、名前と各項目（ポジション・バンド・メーカー・使用アーティスト・SNS・ショップ）をまとめ、
     プロフィール文（機材は紹介文）は写真の下に横いっぱいで置く。インスタグラムのプロフィールのような並び。
     HTML：templates/single-artist.php / single-gear.php / single-member.php の <header class="… rl-prof">
     前の版では、ページごとに別々の指定（.rl-head--artist / .rl-gpage）が何度も上書きされていたので、ここに1つにまとめた。
   ------------------------------------------------------------ */
.rl-prof { --prof-photo: 132px; display: grid; grid-template-columns: var(--prof-photo) minmax(0, 1fr); column-gap: 32px; row-gap: 18px; align-items: start; margin: 0 0 8px; padding: 0 0 28px; border-bottom: 1px solid #ececec; }
.rl-prof > .rl-prof__photo { position: relative; grid-column: 1; grid-row: 1; display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: var(--prof-photo); height: var(--prof-photo); margin: 0; overflow: hidden; }
.rl-prof > .rl-prof__info { grid-column: 2; grid-row: 1; min-width: 0; padding: 0; }
.rl-prof > .rl-prof__info > :last-child { margin-bottom: 0; }
.rl-prof > .rl-prof__bio { grid-column: 1 / -1; grid-row: 2; }

/* 写真：アーティスト・ユーザーは丸、機材は角の丸い四角（切り取らずに全体を見せる） */
.rl-head__photo { border-radius: 50%; background: var(--rl-bg-soft); }
.rl-head__photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.rl-head__photo--placeholder { border-radius: 50%; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.rl-head__photo__pie { position: absolute; inset: 0; border-radius: 50%; }
.rl-head__glyphs { position: absolute; inset: 0; width: 100%; height: 100%; color: var(--rl-bg); opacity: .18; pointer-events: none; overflow: visible; }
.rl-head__photo--placeholder .rl-head__initial { position: relative; z-index: 1; color: var(--rl-bg); font-family: var(--ff-display); font-size: calc(var(--prof-photo, 132px) * .4); font-weight: 500; line-height: 1; }
.rl-gpage__photo { padding: 12px; border: 0.5px solid #ececec; border-radius: 18px; background: #fafaf8; }
.rl-gpage__photo > img { display: block; width: 100%; height: 100%; margin: 0; object-fit: contain; object-position: center; }
.rl-gpage__photo--empty::after { content: ""; width: 34%; height: 34%; border-radius: 50%; border: 1.5px dashed #e4e4de; }

/* 名前の上の小さな文字（ARTIST / 英語表記・GEAR / メーカー・ユーザーID） */
.rl-prof .rl-pagehead__eyebrow { gap: 12px; margin: 2px 0 6px; }
.rl-prof .rl-pagehead__eyebrow span:first-child { font-size: 11px; letter-spacing: .16em; }
/* ユーザーID：アーティストの英語表記と同じ形。IDは小文字のままなので、字の間を少しだけ詰める */
.rl-prof .rl-prof__id span:first-child { letter-spacing: .06em; }
/* 名前 */
.rl-prof .rl-pagehead__title { margin: 0 0 14px; font-size: clamp(1.5rem, 2.4vw, 1.875rem); line-height: 1.25; letter-spacing: -0.02em; }
/* ポジション・バンド・カテゴリー・メーカーの行 */
.rl-prof .rl-taginfo { gap: 6px; margin: 0 0 14px; }
.rl-prof .rl-taginfo__row { align-items: baseline; gap: 12px; }
.rl-prof .rl-taginfo__label { flex: 0 0 64px; font-size: 10px; letter-spacing: .08em; line-height: 2.2; white-space: nowrap; }
.rl-prof .rl-taginfo__chips { gap: 6px; }
.rl-prof .rl-gcat__sub { padding: 3px 11px; font-size: 12px; }
.rl-prof .rl-taginfo__text { font-size: 13px; line-height: 2; }
/* SNS */
.rl-social { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
.rl-social__link { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 25%; color: var(--rl-bg); transition: transform .2s, opacity .2s; }
.rl-social__link svg { width: 15px; height: 15px; }
.rl-social__link:hover { transform: translateY(-2px); opacity: .85; color: var(--rl-bg); }
.rl-social__link--yt { background: #ff0000; }
.rl-social__link--web { background: #5f5e5a; }
.rl-social__link--ig { background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); }
.rl-social__link--x { background: #000; }
/* 機材：使用アーティストと年式（数字を上、名前を下に。インスタの「投稿・フォロワー」のような並び） */
.rl-prof .rl-gfacts { display: flex; flex-wrap: wrap; gap: 8px 28px; margin: 0 0 14px; padding: 0; border: 0; }
.rl-prof .rl-gfacts__item { display: flex; flex-direction: column-reverse; align-items: flex-start; gap: 2px; width: auto; margin: 0; }
.rl-prof .rl-gfacts dt { flex: none; min-width: 0; margin: 0; font-size: 10px; letter-spacing: .06em; white-space: nowrap; }
.rl-prof .rl-gfacts dd { flex: none; margin: 0; }
.rl-prof .rl-gfacts__link { gap: 8px; font-size: 12.5px; }
.rl-prof .rl-gfacts__num { font-size: 20px; }
.rl-prof .rl-gyear--lg { padding: 2px 9px; border-radius: 6px; font-size: 14px; }
/* 機材：ショップ（横に4つ並べる） */
.rl-prof .rl-gpage__shops { grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 6px; max-width: 520px; margin: 0; padding: 0; border: 0; }
.rl-prof .rl-gpage__shops .rl-shop { height: 34px; padding: 4px 8px; }
.rl-prof .rl-gpage__shops .rl-shop img { max-height: 18px; }
.rl-prof .rl-shop__txt { font-size: 12px; white-space: nowrap; }
.rl-prof .rl-gpage__shops-note { margin: 6px 0 0; font-family: var(--ff-body); font-size: 10.5px; color: #b0b0aa; }

/* プロフィール文・紹介文（写真の下）。2行で畳んで「もっと見る」 */
.rl-bio { margin: 0; font-family: var(--ff-body); font-size: 14px; line-height: 1.9; color: #46463f; white-space: pre-wrap; }
.rl-bio .yup-il { font-weight: 500; }
.rl-bio-wrap { max-width: 780px; margin: 0; padding: 0; }
.rl-prof .rl-gintro__text { max-width: none; white-space: normal; }
.rl-prof .rl-gintro__text p { margin: 0; }
.rl-prof .rl-gintro__text p + p { margin-top: .5em; }
.rl-bio--clamp { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.rl-bio--clamp.is-open { display: block; -webkit-line-clamp: unset; overflow: visible; }
.rl-bio-more { margin: 4px 0 0; }
.rl-bio-more[hidden] { display: none; }
.rl-bio-toggle { margin: 0; padding: 0; border: 0; background: none; cursor: pointer; font-family: var(--ff-body); font-size: 12.5px; color: #8e8e87; text-decoration: underline; text-underline-offset: 2px; }
.rl-bio-toggle:hover { color: var(--rl-text); }

/* タブレット */
@media (max-width: 833px) {
  .rl-prof { --prof-photo: 104px; column-gap: 22px; row-gap: 16px; padding-bottom: 22px; }
  .rl-prof .rl-pagehead__title { font-size: clamp(1.375rem, 3.6vw, 1.625rem); margin-bottom: 12px; }
  .rl-prof .rl-taginfo { margin-bottom: 12px; }
  .rl-prof .rl-gfacts { margin-bottom: 12px; }
  .rl-bio { font-size: 13.5px; line-height: 1.85; }
}
/* スマホ：文字と余白を小さくして、開いてすぐの画面がプロフィールだけで埋まらないようにする */
@media (max-width: 600px) {
  .rl-prof { --prof-photo: 84px; column-gap: 14px; row-gap: 12px; padding-bottom: 16px; margin-bottom: 4px; }
  .rl-prof.rl-head--artist .rl-head__photo::after { inset: 4px; border-width: 2px; }
  .rl-gpage__photo { padding: 7px; border-radius: 14px; }
  .rl-prof .rl-pagehead__eyebrow { gap: 8px; margin: 0 0 3px; line-height: 1.3; }
  .rl-prof .rl-pagehead__eyebrow span:first-child { font-size: 9.5px; letter-spacing: .1em; }
  .rl-prof .rl-prof__id span:first-child { font-size: 10px; letter-spacing: .04em; }
  .rl-prof .rl-pagehead__eyebrow .rl-pagehead__rule { display: none; }
  .rl-prof .rl-pagehead__title { margin-bottom: 8px; font-size: clamp(1.1875rem, 5.4vw, 1.375rem); }
  .rl-prof .rl-taginfo { gap: 4px; margin-bottom: 10px; }
  .rl-prof .rl-taginfo__row { gap: 8px; }
  .rl-prof .rl-taginfo__label { flex-basis: 50px; font-size: 9.5px; letter-spacing: .04em; }
  .rl-prof .rl-taginfo__chips { gap: 4px; }
  .rl-prof .rl-gcat__sub { padding: 2px 9px; font-size: 11.5px; }
  .rl-prof .rl-taginfo__text { font-size: 12.5px; line-height: 1.9; }
  .rl-social { gap: 6px; }
  .rl-social__link { width: 30px; height: 30px; }
  .rl-social__link svg { width: 14px; height: 14px; }
  .rl-prof .rl-gfacts { gap: 6px 18px; margin-bottom: 10px; }
  .rl-prof .rl-gfacts__link { gap: 6px; font-size: 12px; }
  .rl-prof .rl-gfacts__num { font-size: 18px; }
  .rl-prof .rl-gyear--lg { font-size: 13px; }
  .rl-prof .rl-gfacts .rl-gtile__face { width: 18px; height: 18px; margin-left: -6px; }
  .rl-prof .rl-gfacts .rl-gtile__face:first-child { margin-left: 0; }
  .rl-prof .rl-gpage__shops { grid-auto-flow: row; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; max-width: none; }
  .rl-prof .rl-gpage__shops .rl-shop { height: 32px; padding: 3px 6px; }
  .rl-prof .rl-gpage__shops .rl-shop img { max-height: 16px; }
  .rl-prof .rl-shop__txt { font-size: 11.5px; }
  .rl-prof .rl-gpage__shops-note { margin-top: 5px; font-size: 10px; }
  .rl-bio { font-size: 13px; line-height: 1.8; }
  .rl-bio-toggle { font-size: 12px; }
}
@media (max-width: 360px) {
  .rl-prof { --prof-photo: 72px; column-gap: 12px; }
  .rl-prof .rl-shop__txt { font-size: 10.5px; }
}
@media (prefers-reduced-motion: reduce) {
  .rl-social__link { transition: none; }
}

/* ------------------------------------------------------------
   コメントの案内・使っている人の年表・ライトボックスなど
   ------------------------------------------------------------ */
.rl-comments__note strong { color: var(--rl-text); }
.rl-comments__note { font-size: var(--fs-xs); color: var(--rl-text-3); margin: 0 0 20px; max-width: 760px; }
.rl-comments__note { text-wrap: pretty; }
.rl-comments__note .np { display: inline-block; }
ul.rl-comments__note { list-style: none; margin: 0 0 20px; padding: 0; max-width: 760px; }
ul.rl-comments__note li { position: relative; padding-left: 1.25em; margin: 0 0 5px; line-height: 1.75; text-wrap: pretty; }
ul.rl-comments__note li::before { content: "・"; position: absolute; left: 0; top: 0; }
ul.rl-comments__note li { font-size: var(--fs-sm); color: var(--rl-text-2); }
.rl-gtl { position: relative; padding-left: 108px; }
.rl-gtl::before { content: ""; position: absolute; left: 95px; top: 6px; bottom: 6px; }
.rl-gtl--flat { padding-left: 0; }
.rl-gtl--flat::before { display: none; }
.rl-gtl__era { position: relative; margin: 26px 0 10px; }
.rl-gtl__era:first-child { margin-top: 0; }
.rl-gtl__era-key { position: absolute; right: calc(100% + 21px); top: -2px; font-family: var(--ff-display); font-size: 12px; font-weight: 700; letter-spacing: .06em; white-space: nowrap; }
.rl-gtl__era::after { content: ""; position: absolute; left: -13px; right: 0; top: 8px; height: 1px; }
.rl-gtl__stop { position: relative; padding: 14px 0; }
.rl-gtl__mark { position: absolute; left: -108px; top: 14px; width: 108px; }
.rl-gtl__year { position: absolute; right: 26px; top: 11px; font-family: var(--ff-display); font-size: 16px; font-weight: 700; letter-spacing: -0.01em; color: var(--rl-text); font-variant-numeric: tabular-nums; white-space: nowrap; text-align: right; }
.rl-gtl__year--none { font-size: 11px; font-weight: 500; line-height: 1.35; letter-spacing: .02em; color: #b0b0aa; top: 8px; }
.rl-gtl__dot { position: absolute; border-radius: 50%; }
.rl-gtl__stop--none::before { content: ""; position: absolute; top: 0; height: 14px; background: var(--rl-bg); }
.rl-gtl__people { display: flex; flex-direction: column; gap: 2px; }
.rl-gtl__person { display: flex; gap: 13px; padding: 8px 12px 8px 10px; border-radius: 12px; text-decoration: none; transition: background .14s ease; }
.rl-gtl__person:hover { background: #f6f6f4; }
.rl-gtl__person:focus-visible { outline: 2px solid #0a0a0a; outline-offset: -2px; }
.rl-gtl__av { position: relative; flex: 0 0 auto; width: 40px; height: 40px; border-radius: 50%; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.rl-gtl__av img { width: 100%; height: 100%; object-fit: cover; display: block; }
.rl-gtl__pie { position: absolute; inset: 0; border-radius: 50%; }
.rl-gtl__initial { position: relative; z-index: 1; font-family: var(--ff-display); font-size: 14px; font-weight: 500; color: var(--rl-bg); }
.rl-gtl__body { min-width: 0; flex: 1 1 auto; display: flex; flex-direction: column; gap: 2px; }
.rl-gtl__name { font-family: var(--ff-display); font-size: 14.5px; font-weight: 600; letter-spacing: -0.01em; color: var(--rl-text); line-height: 1.35; }
.rl-gtl__person:hover .rl-gtl__name { text-decoration: underline; text-underline-offset: 3px; }
.rl-gtl__meta { font-family: var(--ff-body); font-size: 12px; color: #9a9a93; line-height: 1.4; }
.rl-gtl__chev { margin-left: auto; flex: 0 0 auto; font-size: 16px; line-height: 1; color: #deded8; transition: color .14s ease, transform .14s ease; }
.rl-gtl__person:hover .rl-gtl__chev { color: var(--rl-text); transform: translateX(2px); }
.rl-gtl__note { font-family: var(--ff-body); font-size: 12px; color: #a8a8a1; line-height: 1.75; margin: 26px 0 0; padding-top: 18px; border-top: 1px solid #f0f0ee; }
@media (max-width: 600px) {
  .rl-gtl { padding-left: 20px; }
  .rl-gtl__stop { padding: 6px 0 14px; }
  .rl-gtl__mark { position: static; width: auto; margin: 0 0 4px -20px; padding-left: 20px; }
  .rl-gtl__year { position: static; text-align: left; font-size: 14px; }
  .rl-gtl__year--none { font-size: 11.5px; }
  .rl-gtl__year--none br { display: none; }
  .rl-gtl__dot { position: absolute; }
  .rl-gtl__era { margin: 20px 0 8px; }
  .rl-gtl__era-key { position: static; display: block; }
  .rl-gtl__era::after { display: none; }
  .rl-gtl__stop--none::before { display: none; }
  .rl-gtl__person { padding: 7px 6px; gap: 11px; }
  .rl-gtl__av { width: 36px; height: 36px; }
  .rl-gtl__name { font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .rl-gtl__person, .rl-gtl__chev, .rl-shop { transition: none; }
}
.rl-head--artist .rl-head__photo::after, .rl-new__avatar::after, .rl-aidx__av::after, .rl-gtl__av::after { content: ""; position: absolute; inset: 3px; border: 2px solid rgba(255,255,255,.94); border-radius: 50%; pointer-events: none; z-index: 3; }
.rl-head--artist .rl-head__photo::after { inset: 6px; border-width: 3px; }
.rl-related .rl-aidx__people { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }
.rl-shell--index .rl-comments__note { list-style: none; margin: 0 0 20px; padding: 0; font-family: var(--ff-body); line-height: 1.8; }
.rl-shell--index .rl-comments__note li { padding-left: 1em; text-indent: -1em; }
.rl-shell--index .rl-comments__note li::before { content: "・"; }
@media (max-width: 600px) {
  .rl-related .rl-aidx__people { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .rl-shell--index .rl-card, .rl-shell--index .rl-tabs__btn, .rl-shell--index .rl-social__link { transition: none; }
}
.rl-gtl::before { background: #c4c4be; width: 2px; }
.rl-gtl__dot { width: 12px; height: 12px; top: 16px; left: 90px; background: var(--rl-text); border: 2px solid #fff; box-shadow: 0 0 0 2px #c4c4be; }
.rl-gtl__stop--none .rl-gtl__dot { background: var(--rl-bg); box-shadow: 0 0 0 2px #c4c4be; }
.rl-gtl__stop--none::before { width: 2px; left: -14px; }
.rl-gtl__era::after { background: #e4e4e0; }
.rl-gtl__era-key { color: #a8a8a2; }
@media (max-width: 600px) {
  .rl-gtl::before { left: 4px; }
  .rl-gtl__dot { left: -21px; top: 10px; }
}
.rl-subhead { display: flex; align-items: center; gap: 16px; margin-bottom: 22px; }
.rl-subhead__key { display: inline-flex; align-items: baseline; gap: 10px; font-family: var(--ff-display); font-size: 13px; font-weight: 700; letter-spacing: 0.18em; color: #1c1c1e; white-space: nowrap; }
.rl-subhead__ja { font-size: 12px; font-weight: 500; letter-spacing: .06em; color: #9a9a95; }
.rl-subhead__rule { flex: 1; height: 1px; background: #ddd; align-self: center; }
.rl-subhead__count { font-family: var(--ff-body); font-size: 12px; color: #b0b0aa; letter-spacing: .04em; white-space: nowrap; font-variant-numeric: tabular-nums; }
@media (max-width: 600px) {
  .rl-subhead { gap: 12px; margin-bottom: 18px; }
  .rl-subhead__key { font-size: 11.5px; letter-spacing: .14em; }
  .rl-subhead__ja { font-size: 11px; }
}
.rl-mgear__group { margin-bottom: 38px; }
.rl-mgear__group:last-child { margin-bottom: 0; }
.rl-mgear__group .rl-subhead { margin-bottom: 16px; }
@media (max-width: 600px) {
  .rl-mgear__group { margin-bottom: 26px; }
}
.rl-shell--index .rl-head--artist .rl-head__photo--plain::after { content: none; display: none; }
.rl-head__photo--plain { overflow: hidden; border-radius: 50%; }
.rl-head__photo--plain > img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; display: block; }
.rl-mgear__group .rl-subhead__key { text-transform: uppercase; }
.rl-lightbox { position: fixed; inset: 0; z-index: 9999; display: flex; align-items: center; justify-content: center; padding: 24px; opacity: 0; transition: opacity .18s ease; }
.rl-lightbox.is-open { opacity: 1; }
.rl-lightbox[hidden] { display: none; }
.rl-lightbox__back { position: absolute; inset: 0; background: rgba(10,10,10,.72); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); border: 0; padding: 0; cursor: pointer; }
.rl-lightbox__panel { position: relative; width: min(560px, 100%); max-height: calc(100vh - 48px); display: flex; flex-direction: column; background: var(--rl-bg); border-radius: 20px; overflow: hidden; box-shadow: 0 24px 60px rgba(0,0,0,.4); transform: translateY(8px) scale(.985); transition: transform .2s cubic-bezier(.22,.61,.36,1); }
.rl-lightbox.is-open .rl-lightbox__panel { transform: none; }
/* 拡大表示の写真：切り取らずに全体を見せる（縦長・横長でもそのままの形。高さは画面の64%か560pxまで） */
.rl-lightbox__img { background: #f3f3f0; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.rl-lightbox__img img { display: block; width: auto; height: auto; max-width: 100%; max-height: min(64vh, 560px); object-fit: contain; }
.rl-lightbox__body { padding: 18px 22px 22px; }
.rl-lightbox__cat { display: block; font-family: var(--ff-body); font-size: 10.5px; letter-spacing: .12em; text-transform: uppercase; color: #a8a8a1; margin-bottom: 6px; }
.rl-lightbox__name { font-family: var(--ff-display); font-size: 17px; font-weight: 700; letter-spacing: var(--ls-tight); color: var(--rl-text); margin: 0; }
.rl-lightbox__name[hidden] { display: none; }
.rl-lightbox__note { font-family: var(--ff-body); font-size: 13.5px; line-height: 1.8; color: #55554f; margin: 8px 0 0; }
.rl-lightbox__note[hidden] { display: none; }
.rl-lightbox__close { position: absolute; top: 12px; right: 12px; z-index: 2; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: rgba(255,255,255,.92); border: 0; cursor: pointer; color: #26261f; box-shadow: 0 2px 8px rgba(0,0,0,.18); }
.rl-lightbox__close svg { width: 15px; height: 15px; display: block; }
.rl-lightbox__nav { position: absolute; top: calc(50% - 60px); z-index: 2; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: rgba(255,255,255,.92); border: 0; cursor: pointer; color: #26261f; box-shadow: 0 2px 8px rgba(0,0,0,.18); }
.rl-lightbox__nav svg { width: 17px; height: 17px; display: block; }
.rl-lightbox__nav--prev { left: 12px; }
.rl-lightbox__nav--next { right: 12px; }
.rl-lightbox__nav[hidden] { display: none; }
@media (prefers-reduced-motion: reduce) {
  .rl-lightbox, .rl-lightbox__panel { transition: none; }
}
@media (max-width: 600px) {
  .rl-lightbox__body { padding: 16px 18px 24px; }
  .rl-lightbox__nav { display: none; }
  .rl-lightbox { padding: 16px; align-items: center; }
  .rl-lightbox__panel { width: 100%; max-height: calc(100vh - 32px); border-radius: 18px; transform: translateY(8px) scale(.985); }
  .rl-lightbox.is-open .rl-lightbox__panel { transform: none; }
}
.rl-gtl__person { align-items: flex-start; min-height: 58px; }
.rl-gtl__person > .rl-gtl__body { flex: 0 0 auto; width: 148px; min-width: 0; padding-top: 1px; }
.rl-gtl__meta, .rl-gtl__pos { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.rl-gtl__pos { font-family: var(--ff-body); font-size: 11px; color: #b0b0aa; line-height: 1.45; margin-top: 1px; }
.rl-gtl__says { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; margin-left: 2px; padding-left: 12px; border-left: 2px solid #e8e8e4; }
.rl-gtl__quote { font-family: var(--ff-body); font-size: 12.5px; line-height: 1.75; color: #46463f; max-width: 780px; }
.rl-gtl__quote::before { content: "“"; margin-right: 2px; color: #b8b8b2; font-family: var(--ff-display); font-size: 14px; line-height: 1; }
.rl-gtl__chev { align-self: center; }
@media (max-width: 900px) {
  .rl-gtl__person > .rl-gtl__body { width: 132px; }
  .rl-gtl__says { padding-left: 11px; margin-left: 3px; }
  .rl-gtl__quote { font-size: 12px; max-width: none; }
}
@media (max-width: 600px) {
  .rl-gtl__person { flex-wrap: wrap; min-height: 0; padding-top: 6px; padding-bottom: 10px; row-gap: 0; }
  .rl-gtl__person > .rl-gtl__body { flex: 1 1 auto; width: auto; }
  .rl-gtl__meta, .rl-gtl__pos { display: inline; }
  .rl-gtl__pos::before { content: "·"; margin: 0 5px; color: #d2d2cc; }
  .rl-gtl__body .rl-gtl__meta, .rl-gtl__body .rl-gtl__pos { font-size: 11.5px; line-height: 1.5; }
  .rl-gtl__body { display: block; }
  .rl-gtl__name { display: block; }
  .rl-gtl__says { flex: 1 1 100%; margin: 6px 0 0 47px; padding-left: 11px; }
  .rl-gtl__quote { font-size: 12px; line-height: 1.8; }
  .rl-gtl__chev { display: none; }
}
.rl-ghub__link { flex: 0 0 auto; margin-left: 12px; white-space: nowrap; }
@media (max-width: 833px) {
  .rl-ghub__link { margin-left: 8px; }
}
.rl-lightbox__maker { display: block; margin-bottom: 4px; font-family: var(--ff-mono); font-size: 11px; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; color: #8a8a82; }
.rl-mgear__imgbtn { display: block; width: 100%; height: 100%; padding: 0; border: 0; background: none; cursor: zoom-in; }
.rl-mgear__playph { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; color: #c9c9c4; }
.rl-mgear__playph svg { width: 32px; height: 32px; }
/* メンバーの機材の写真は、スマホでも PC と同じ正方形にする（v5.1.0。アーティストのページは横長のまま） */
@media (max-width: 900px) {
  .rl-grid--mgear .rl-card__media-slide { aspect-ratio: 1 / 1; }
}
.rl-comments__note { line-height: 1.85; word-break: auto-phrase; }
@media (max-width: 600px) {
  .rl-comments__note { line-height: 1.8; }
}
.rl-gearnote { margin: 0 0 20px; font-family: var(--ff-body); font-size: 11.5px; line-height: 1.8; color: #a8a8a1; word-break: auto-phrase; }
@media (max-width: 600px) {
  .rl-gearnote { font-size: 11px; margin-bottom: 16px; }
}