@charset "UTF-8";
/* SOAK renewal 2026 — 既存 common.css への追加スタイル */
.r-hidden { display: none !important; }
.r-anchor { position: absolute; top: 0; }

/* ABOUT 見出し（日本語が長いのでサイズ調整） */
.home-about__conceptTitle.r-aboutTitle {
  font-family: YuMin_36pKn-Demibold, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", serif;
  font-size: 3.2rem; font-weight: 400; line-height: 1.5; letter-spacing: .06em; margin-bottom: 3.5rem;
}
.r-aboutTitle__en { display: block; margin-top: 1.2rem; font-family: "Roboto Condensed", sans-serif; font-size: 1.6rem; font-weight: 300; letter-spacing: .08em; color: #9fdcff; }
@media only screen and (max-width:767px) {
  .home-about__conceptTitle.r-aboutTitle { font-size: 2.2rem; }
  .r-aboutTitle__en { font-size: 1.3rem; }
}

/* OYU 告知・営業情報 */
.home-facilityEntry__text .r-notice { color: #9fe8ff; }
.r-oyuInfo { display: grid; grid-template-columns: auto 1fr; gap: .6rem 1.6rem; margin: 0 0 2.5rem; color: #ccc; font-size: 1.4rem; line-height: 1.6; }
.r-oyuInfo dt { color: #fff; white-space: nowrap; }
.r-oyuInfo dd { margin: 0; }

/* MUSIC CREW 名前 */
.r-crewName { display: block; margin-top: .6rem; font-size: 1.6rem; letter-spacing: .06em; color: #fff; }

/* 営業時間の注記 */
.r-hoursNote { margin-top: 1.5rem; color: #aaa; font-size: 1.2rem; }

/* NEWS 記事一覧 */
.home-news__inner { flex-wrap: wrap; }
.r-news { list-style: none; margin: 3rem 0 0; padding: 0; width: 100%; order: 3; }
.r-news__item { display: flex; gap: 2rem; padding: 2rem 0; border-bottom: 1px solid rgba(255,255,255,.18); color: #fff; }
.r-news__item:first-child { border-top: 1px solid rgba(255,255,255,.18); }
.r-news__img { flex: 0 0 12rem; }
.r-news__img img { width: 12rem; height: 12rem; object-fit: cover; display: block; }
.r-news__date { display: block; font-family: "Roboto Condensed", sans-serif; font-size: 1.3rem; letter-spacing: .08em; color: #9fdcff; }
.r-news__title { margin: .5rem 0 0; font-size: 1.6rem; line-height: 1.5; }
.r-news__title a { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.r-news__text { margin: .8rem 0 0; font-size: 1.3rem; line-height: 1.7; color: #ccc; }
@media only screen and (max-width:767px) {
  .r-news { margin-top: 2rem; padding: 0 3.5rem; }
  .r-news__img, .r-news__img img { flex-basis: 8rem; width: 8rem; height: 8rem; }
}

/* ===== MENU ページ ===== */
body.r-sub { background: #080b1d; background-image: linear-gradient(160deg, #1a0a1c 0%, #080b1d 45%, #06112e 100%); color: #fff; min-height: 100vh; }
.r-sub .l-pageHeader { position: relative; }
.l-pageHeader__logo a > span { clip: rect(0,0,0,0); position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; white-space: nowrap; }
.r-sub .l-nav.is-open { visibility: visible; transform: translateX(0); opacity: 1; }
.r-sub .home-modal.is-open { display: flex; opacity: 1; transform: none; }

.r-menu { width: min(1000px, calc(100% - 7rem)); margin: 0 auto; padding: 2rem 0 12rem; }
.r-menu__title { font-family: "Roboto Condensed", sans-serif; font-weight: 200; font-size: 7rem; letter-spacing: .04em; line-height: 1; margin: 0 0 2rem; filter: drop-shadow(0 0 5px rgba(0,246,255,.56)); }
.r-menu__lead { color: #ccc; font-size: 1.4rem; line-height: 1.8; }
.r-menu__tabs { display: flex; flex-wrap: wrap; gap: 1rem; margin: 3.5rem 0 1rem; padding: 0; list-style: none; }
.r-menu__tabs a { display: inline-block; padding: 1.1rem 2.2rem; border: 1px solid rgba(255,255,255,.5); color: #fff; text-decoration: none; font-family: "Roboto Condensed", sans-serif; font-size: 1.5rem; letter-spacing: .1em; transition: background .2s; }
.r-menu__tabs a:hover { background: rgba(255,255,255,.12); }
.r-menu__note { margin: 2rem 0 0; padding: 1.6rem 2rem; background: rgba(255,255,255,.06); color: #ddd; font-size: 1.3rem; line-height: 1.8; }
.r-menu__note span { display: block; color: #aaa; }

.r-menuSec { padding-top: 9rem; scroll-margin-top: 2rem; }
.r-menuSec__head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 1.5rem; border-bottom: 1px solid rgba(255,255,255,.35); padding-bottom: 1.6rem; }
.r-menuSec__title { font-family: "Roboto Condensed", sans-serif; font-weight: 300; font-size: 4.2rem; letter-spacing: .06em; line-height: 1; margin: 0; }
.r-menuSec__lead { width: 100%; margin: 1rem 0 0; color: #ccc; font-size: 1.4rem; line-height: 1.7; }
.r-menuSec__lead span { display: block; color: #999; font-size: 1.2rem; }
.r-pdf { display: inline-flex; align-items: center; gap: .6rem; color: #9fdcff; font-size: 1.3rem; text-decoration: none; border-bottom: 1px solid currentColor; padding-bottom: 2px; }
.r-cat { margin-top: 4rem; }
.r-cat__name { font-family: "Roboto Condensed", sans-serif; font-size: 1.9rem; font-weight: 400; letter-spacing: .12em; color: #9fdcff; margin: 0 0 1rem; }
.r-items { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; column-gap: 5rem; }
.r-item { display: flex; align-items: baseline; gap: 1.2rem; padding: 1.3rem 0; border-bottom: 1px dotted rgba(255,255,255,.22); }
.r-item__name { flex: 1; min-width: 0; }
.r-item__ja { display: block; font-size: 1.5rem; line-height: 1.5; }
.r-item__en { display: block; margin-top: .2rem; color: #9a9a9a; font-size: 1.2rem; line-height: 1.4; }
.r-item__desc { display: block; margin-top: .4rem; color: #bbb; font-size: 1.2rem; line-height: 1.5; }
.r-item__price { white-space: nowrap; font-family: "Roboto Condensed", sans-serif; font-size: 1.6rem; letter-spacing: .04em; }
.r-empty { margin-top: 3rem; color: #ccc; font-size: 1.4rem; line-height: 1.8; }
.r-menu__cta { display: flex; flex-wrap: wrap; gap: 1.5rem; margin-top: 8rem; }
.r-btn { display: inline-block; padding: 1.6rem 3.2rem; border: 1px solid #fff; color: #fff; text-decoration: none; font-family: "Roboto Condensed", sans-serif; font-size: 1.6rem; letter-spacing: .12em; }
.r-btn:hover { background: #fff; color: #080b1d; }
.r-back { display: inline-block; margin-top: 3rem; color: #ccc; font-size: 1.3rem; }
@media only screen and (max-width:767px) {
  .r-menu { width: calc(100% - 4rem); }
  .r-menu__title { font-size: 4.6rem; }
  .r-menuSec { padding-top: 6rem; }
  .r-menuSec__title { font-size: 3rem; }
  .r-items { grid-template-columns: 1fr; }
  .r-menu__tabs a { padding: 1rem 1.4rem; font-size: 1.3rem; }
}

/* ABOUT：文章が長くなったため、写真に重ねず写真の下に配置（PC・スマホ共通） */
.home-about__inner { padding-bottom: 0; }
.home-about__concept { position: relative; bottom: auto; left: auto; width: calc(810/1280*100%); margin: 5rem auto 0; pointer-events: auto; }
@media only screen and (max-width:767px) {
  .home-about__inner { padding-bottom: 0; }
  .home-about__concept { width: calc(305/375*100%); margin: 3rem auto 0; left: auto; bottom: auto; }
  .home-about__conceptTitle.r-aboutTitle { font-size: 2rem; line-height: 1.55; }
}

/* ===== 追加オプション（2026/10） ===== */
/* ABOUT：写真スライド・動画 */
.r-aboutMedia { position: relative; overflow: hidden; }
.r-aboutMedia img, .r-aboutMedia video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.r-aboutMedia .r-fade { opacity: 0; transition: opacity 1.2s ease; }
.r-aboutMedia .r-fade.is-on { opacity: 1; }
.home-about__item.is-active .r-aboutMedia video { filter: none; }

/* SOAK GALLERY */
.r-gallery { position: relative; z-index: 3; width: calc(1040/1280*100%); margin: 0 auto 14rem; }
.r-gallery__title { font-family: "Roboto Condensed", sans-serif; font-weight: 200; font-size: 5rem; line-height: 1; letter-spacing: .06em; color: #fff; margin: 0 0 4rem; filter: drop-shadow(0 0 5px rgba(0,246,255,.56)); }
.r-gallery__title span { display: block; margin-top: 1.4rem; font-family: YuMin_36pKn-Demibold, "游明朝", YuMincho, "Hiragino Mincho ProN", "Noto Serif JP", serif; font-size: 1.5rem; font-weight: 400; letter-spacing: .12em; filter: none; color: #ddd; }
.r-gallery__items { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.6rem; }
.r-gallery__items li { position: relative; aspect-ratio: 4/3; overflow: hidden; }
.r-gallery__items img, .r-gallery__items video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
@media only screen and (max-width:767px) {
  .r-gallery { width: calc(100% - 8.8rem); margin-bottom: 9rem; }
  .r-gallery__title { font-size: 3.4rem; margin-bottom: 2.6rem; }
  .r-gallery__title span { font-size: 1.3rem; }
  .r-gallery__items { grid-template-columns: repeat(2, 1fr); gap: 1rem; }
}

/* MUSIC CREW の Instagram */
.r-crewIg { display: inline-block; width: 2.2rem; height: 2.2rem; margin-left: 1rem; vertical-align: middle; }
.r-crewIg img { width: 100%; height: 100%; object-fit: contain; }

/* RECRUIT ページ */
.r-recruit__lead { color: #ddd; font-size: 1.5rem; line-height: 1.9; margin: 0 0 1rem; }
.r-recruit__lead span { display: block; color: #999; font-size: 1.3rem; margin-top: .8rem; }
.r-job { margin-top: 4rem; padding: 3rem; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.15); }
.r-job__title { font-size: 2.2rem; margin: 0 0 2rem; color: #fff; }
.r-job__table { width: 100%; border-collapse: collapse; font-size: 1.4rem; line-height: 1.8; }
.r-job__table th { width: 9em; text-align: left; vertical-align: top; color: #9fdcff; font-weight: 400; padding: 1rem 1rem 1rem 0; border-top: 1px solid rgba(255,255,255,.12); }
.r-job__table td { color: #ddd; padding: 1rem 0; border-top: 1px solid rgba(255,255,255,.12); }
@media only screen and (max-width:767px) {
  .r-job { padding: 2rem; }
  .r-job__table th, .r-job__table td { display: block; width: auto; border: 0; padding: .3rem 0; }
  .r-job__table th { padding-top: 1.2rem; }
}

/* 写真・動画を枠に合わせてトリミング（縦横に伸びないように） */
.home-facilityEntry__sliderItem img,
.home-facilityEntry__sliderItem video,
.home-eventMenu__imgItem img,
.home-eventMenu__imgItem video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.home-facilityEntry__sliderItem video, .home-eventMenu__imgItem video { background: #000; }

/* 余白の調整（2026/10/06：スマホで文字が枠に近く窮屈に見えるため） */
.r-menu { width: min(960px, calc(100% - 16rem)); }
.r-item { padding: 1.8rem 0; gap: 2rem; }
.r-item__ja { letter-spacing: .04em; line-height: 1.6; }
.r-item__desc { line-height: 1.75; letter-spacing: .02em; }
.r-items { column-gap: 7rem; }
.r-cat__name { margin-bottom: 1.4rem; }
@media only screen and (max-width:767px) {
  .r-menu { width: calc(100% - 8.8rem); }
  .r-menu__title { font-size: 4.2rem; }
  .r-menuSec__title { font-size: 2.6rem; }
  .r-cat__name { font-size: 1.6rem; letter-spacing: .1em; }
  .r-item { padding: 1.6rem 0; gap: 1.4rem; }
  .r-item__ja { font-size: 1.45rem; }
  .r-item__price { font-size: 1.5rem; }
  .r-news { padding: 0 4.4rem; }
}

/* ===== 2026/10/06 代表修正：上質で落ち着いた見せ方 ===== */
/* 共通の小さめボタン（VIEW ALL / VIEW MORE） */
.r-more { display: block; margin: 4.5rem auto 0; padding: 1.3rem 3.6rem; background: transparent; border: 1px solid rgba(255,255,255,.55); color: #fff; font-family: "Roboto Condensed", sans-serif; font-size: 1.4rem; letter-spacing: .2em; cursor: pointer; transition: background .2s, color .2s; }
.r-more:hover { background: #fff; color: #080b1d; }

/* RESIDENT DJs */
.r-djs { padding-bottom: 12rem; }
.r-djs__inner { position: relative; z-index: 2; width: calc(1040/1280*100%); margin: 0 auto; }
.r-djs__title { font-family: "Roboto Condensed", sans-serif; font-weight: 200; font-size: 5rem; line-height: 1; letter-spacing: .06em; color: #fff; margin: 0 0 4.5rem; filter: drop-shadow(0 0 5px rgba(0,246,255,.56)); }
.r-djs__title span { display: block; margin-top: 1.4rem; font-family: YuMin_36pKn-Demibold, "游明朝", YuMincho, "Hiragino Mincho ProN", "Noto Serif JP", serif; font-size: 1.5rem; letter-spacing: .12em; color: #ddd; filter: none; }
.r-djs__grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 5rem 3.6rem; }
.r-dj__img { margin: 0 0 1.6rem; aspect-ratio: 4/5; overflow: hidden; background: rgba(255,255,255,.04); }
.r-dj__img img { width: 100%; height: 100%; object-fit: cover; display: block; filter: grayscale(.15); }
.r-dj__name { margin: 0; font-family: "Roboto Condensed", sans-serif; font-size: 1.9rem; letter-spacing: .12em; color: #fff; display: flex; align-items: center; }
.r-dj__name .r-crewIg { margin-left: 1.2rem; }
.r-dj__text { margin: 1rem 0 0; font-size: 1.3rem; line-height: 1.9; letter-spacing: .04em; color: #bbb; }
.r-djModal { position: fixed; inset: 0; z-index: 2000; display: none; }
.r-djModal.is-open { display: block; }
.r-djModal__bg { position: absolute; inset: 0; background: rgba(4,6,18,.92); }
.r-djModal__box { position: relative; width: min(1100px, calc(100% - 8rem)); max-height: calc(100% - 8rem); margin: 4rem auto; overflow-y: auto; padding: 6rem 5rem; background: #0b0f26; border: 1px solid rgba(255,255,255,.15); }
.r-djModal__close { position: absolute; top: 2rem; right: 2rem; background: none; border: 1px solid rgba(255,255,255,.5); color: #fff; font-family: "Roboto Condensed", sans-serif; font-size: 1.2rem; letter-spacing: .2em; padding: .8rem 1.6rem; cursor: pointer; }
.r-djs__grid--all { grid-template-columns: repeat(4, 1fr); gap: 4rem 2.6rem; }
.r-djs__grid--all .r-dj__name { font-size: 1.6rem; }

/* SOAK GALLERY：カテゴリー切替 */
.r-gallery__tabs { list-style: none; margin: 0 0 3rem; padding: 0; display: flex; flex-wrap: wrap; gap: 1rem 2.4rem; }
.r-gallery__tabs button { background: none; border: 0; border-bottom: 1px solid transparent; padding: .4rem 0; color: #999; font-family: "Roboto Condensed", sans-serif; font-size: 1.4rem; letter-spacing: .16em; cursor: pointer; }
.r-gallery__tabs button.is-on, .r-gallery__tabs button:hover { color: #fff; border-bottom-color: #fff; }
.r-gallery__items li[hidden] { display: none; }

@media only screen and (max-width:767px) {
  .r-djs { padding-bottom: 8rem; }
  .r-djs__inner { width: calc(100% - 8.8rem); }
  .r-djs__title { font-size: 3.4rem; margin-bottom: 3rem; }
  .r-djs__grid { grid-template-columns: repeat(2, 1fr); gap: 3.2rem 1.6rem; }
  .r-dj__name { font-size: 1.5rem; }
  .r-dj__text { font-size: 1.2rem; line-height: 1.8; }
  .r-djModal__box { width: calc(100% - 3rem); max-height: calc(100% - 3rem); margin: 1.5rem auto; padding: 5.5rem 2rem 3rem; }
  .r-djs__grid--all { grid-template-columns: repeat(2, 1fr); gap: 2.8rem 1.4rem; }
  .r-gallery__tabs { gap: .8rem 1.8rem; margin-bottom: 2.2rem; }
  .r-gallery__tabs button { font-size: 1.25rem; }
  .r-more { margin-top: 3.2rem; padding: 1.1rem 3rem; font-size: 1.25rem; }
}
@media only screen and (max-width:767px) {
  .r-dj__name { letter-spacing: .06em; flex-wrap: wrap; row-gap: .4rem; }
  .r-dj__name .r-crewIg { margin-left: .8rem; width: 1.9rem; height: 1.9rem; }
  .r-gallery__tabs button { letter-spacing: .1em; }
}

/* ===== 2026/10/06 田勢様修正：DJは縦長ポートレート・名前を写真に重ねる ===== */
.r-djs__grid { gap: 4.6rem 2.4rem; }
.r-djs__grid--n1 { grid-template-columns: minmax(0, 32rem); }
.r-djs__grid--n2 { grid-template-columns: repeat(2, 1fr); max-width: 72rem; }
.r-djs__grid--n3 { grid-template-columns: repeat(3, 1fr); }
.r-djs__grid--n4 { grid-template-columns: repeat(4, 1fr); }
.r-dj__photo { position: relative; aspect-ratio: 3/4; overflow: hidden; background: #11152e; }
.r-dj__photo > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.r-dj:hover .r-dj__photo > img { transform: scale(1.04); }
.r-dj__photo::after { content: ""; position: absolute; inset: 45% 0 0 0; background: linear-gradient(to bottom, rgba(5,7,20,0), rgba(5,7,20,.85)); pointer-events: none; }
.r-dj__photo .r-dj__name { position: absolute; left: 1.8rem; right: 1.8rem; bottom: 1.6rem; z-index: 2; margin: 0; display: block; font-family: "Roboto Condensed", sans-serif; font-weight: 400; font-size: 2.2rem; line-height: 1.2; letter-spacing: .1em; color: #fff; text-transform: uppercase; }
.r-dj__ig { position: absolute; top: 1.2rem; right: 1.2rem; z-index: 3; display: inline-flex; align-items: center; gap: .6rem; padding: .6rem 1rem; background: rgba(5,7,20,.55); border: 1px solid rgba(255,255,255,.35); color: #fff; font-family: "Roboto Condensed", sans-serif; font-size: 1.1rem; letter-spacing: .12em; text-decoration: none; transition: background .2s; }
.r-dj__ig:hover { background: rgba(255,255,255,.18); }
.r-dj__ig img { width: 1.6rem; height: 1.6rem; }
.r-dj__text { margin-top: 1.4rem; }
.r-djs__grid--all { grid-template-columns: repeat(4, 1fr); gap: 3.2rem 1.6rem; }
.r-djs__grid--all .r-dj__photo .r-dj__name { font-size: 1.7rem; left: 1.2rem; bottom: 1.2rem; }
.r-djs__grid--all .r-dj__ig span { display: none; }
.r-djs__grid--all .r-dj__text { font-size: 1.2rem; line-height: 1.7; }
@media only screen and (max-width:767px) {
  /* TOP：横にスワイプ */
  .r-djs__grid--top { display: flex; gap: 1.4rem; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; margin-right: -4.4rem; padding-right: 4.4rem; padding-bottom: .6rem; scrollbar-width: none; }
  .r-djs__grid--top::-webkit-scrollbar { display: none; }
  .r-djs__grid--top .r-dj { flex: 0 0 66%; scroll-snap-align: start; }
  .r-dj__photo .r-dj__name { font-size: 1.9rem; left: 1.4rem; bottom: 1.3rem; }
  .r-dj__ig span { display: none; }
  .r-dj__ig { padding: .6rem; }
  .r-djs__grid--all { grid-template-columns: repeat(2, 1fr); gap: 2.4rem 1rem; }
  .r-djs__grid--all .r-dj__photo .r-dj__name { font-size: 1.4rem; left: 1rem; bottom: 1rem; }
  /* GALLERY カテゴリー：3列×2段で揃える */
  .r-gallery__tabs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; margin-bottom: 2.4rem; border-top: 1px solid rgba(255,255,255,.15); }
  .r-gallery__tabs li { border-bottom: 1px solid rgba(255,255,255,.15); }
  .r-gallery__tabs li:not(:nth-child(3n)) { border-right: 1px solid rgba(255,255,255,.15); }
  .r-gallery__tabs button { width: 100%; padding: 1.2rem 0; font-size: 1.15rem; letter-spacing: .08em; text-align: center; border-bottom: 0; }
  .r-gallery__tabs button.is-on { background: rgba(255,255,255,.1); color: #fff; }
}

/* ===== 2026/10/07 田勢様修正 ===== */
/* iPhone：動画の再生ボタン（▶）を表示しない */
video.r-media::-webkit-media-controls-start-playback-button,
video.js-loading__movie::-webkit-media-controls-start-playback-button { display: none !important; -webkit-appearance: none; }
video.r-media::-webkit-media-controls, video.js-loading__movie::-webkit-media-controls { display: none !important; }
/* 日本語：単語の途中で改行されにくくする（対応ブラウザのみ） */
.r-aboutTitle, .home-about__conceptText, .home-facilityEntry__text ._ja, .home-eventMenu__description ._ja, .r-news__title, .r-news__text { word-break: auto-phrase; line-break: strict; }
/* NEWS：スマホでは写真を上・文章を下に（縦長にならないように） */
@media only screen and (max-width:767px) {
  .home-news__inner { width: calc(100% - 8.8rem); }
  .r-news { padding: 0; }
  .r-news__item { flex-direction: column; gap: 1.4rem; padding: 2.4rem 0; }
  .r-news__img, .r-news__img img { flex-basis: auto; width: 100%; height: auto; aspect-ratio: 16/9; }
  .r-news__img img { object-fit: cover; }
  .r-news__title { font-size: 1.6rem; line-height: 1.6; }
  .r-news__text { font-size: 1.35rem; line-height: 1.85; }
}
.r-gallery__empty { margin: 2rem 0 0; color: #999; font-size: 1.3rem; letter-spacing: .06em; text-align: center; }

/* ===== 10/7夜 修正 ===== */
/* ABOUT：写真・動画を画面いっぱい（ネオン枠からはみ出す）に表示 */
.home-about__items.r-aboutFull { position: relative; left: 0; width: 100vw; max-width: none; margin-left: calc(50% - 50vw); margin-right: 0; padding-top: 0; height: 100vh; height: 100svh; z-index: 4; overflow: hidden; }
.home-about__items.r-aboutFull .home-about__item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: none !important; }
.home-about__items.r-aboutFull .home-about__img { width: 100%; height: 100%; padding-top: 0; }
.home-about__items.r-aboutFull .r-aboutMedia img, .home-about__items.r-aboutFull .r-aboutMedia video { filter: none; }
html, body { overflow-x: clip; }
/* NEWS：本文の文字を小さく */
.r-news__text { font-size: 1.2rem; line-height: 1.8; }
@media (max-width: 767px) {
  .r-news__title { font-size: 1.5rem; }
  .r-news__text { font-size: 1.15rem; line-height: 1.8; letter-spacing: .02em; }
}
/* 10/8 ABOUTの大きな文字を動画の上に重ねて見せる */
.home-about__header { z-index: 6; pointer-events: none; }
.home-about__header h2 { color: rgba(255,255,255,.88); opacity: 1; text-shadow: 0 0 .25em rgba(38,238,1,.55), 0 0 .06em rgba(0,0,0,.35); }
.home-about__header { top: -10.5rem; }
@media (min-width: 768px) { .home-about__header { top: -22.5rem; } }

/* 10/13 DJ名は管理画面で入力したとおり（大文字・小文字）に表示／一覧の最後に AND MORE… */
.r-dj__name, .r-dj__photo .r-dj__name { text-transform: none; }
.r-djs__andMore { margin: 4.4rem 0 0; text-align: center; font-family: "Roboto Condensed", sans-serif; font-weight: 300; font-size: 2.2rem; letter-spacing: .2em; color: #fff; filter: drop-shadow(0 0 5px rgba(0,246,255,.56)); }
@media (max-width: 767px) { .r-djs__andMore { margin-top: 3.2rem; font-size: 1.7rem; } }
