/* ====================================
   共通設定
==================================== */
html,
body {
	margin: 0;
	padding: 0;
	overflow-x: hidden;
}

img,
iframe {
	max-width: 100%;
	height: auto;
}

/* スマホの h1,h2 を大きすぎないように */
@media (max-width: 768px) {
	h1,
						h2 {
		font-size: 8vw;
		line-height: 1.2;
	}
}

/* ====================================
   SONHOUSEページ背景（固定）
==================================== */
body.page-id-1096 {
	background-color: #000;
	background-image: url('https://ayurecords.com/wp-content/uploads/2025/12/sonhouse55ura_3x.jpg');
	background-size: cover;
	background-position: center 120px;
	background-repeat: no-repeat;
	background-attachment: fixed;
	color: #fff;
}

/* ページ全体の中央寄せ解除 */
body.page-id-1096 .wp-site-blocks {
	max-width: none;
	margin: 0;
	padding: 0;
}

/* ====================================
   ヘッダー黒帯
==================================== */
body.page-id-1096 .wp-site-blocks > header,
body.page-id-1096 .wp-site-blocks > .wp-block-template-part {
	background: #000 !important;
}

body.page-id-1096 .wp-block-site-title,
body.page-id-1096 .wp-block-site-title a,
body.page-id-1096 .wp-block-navigation,
body.page-id-1096 .wp-block-navigation a {
	background: #000 !important;
	color: #fff !important;
}

body.page-id-1096 .wp-block-site-title {
	padding: 12px 24px;
}

body.page-id-1096 .wp-block-navigation {
	padding: 8px 20px;
}

/* ====================================
   バナー画像（横いっぱい）
==================================== */
body.page-id-1096 .sonhouse-band img,
body.page-id-1096 .sonhouse-banner-wrap img {
	display: block;
	width: 100%;
	height: auto;
}

/* ====================================
   通常コンテンツの黒帯
   （CDセクション以外）
==================================== */
body.page-id-1096 .entry-content > :not(.sh55-cd-area):not(.sh-gallery-section):not(.sh-modal):not(.sh55-box-hero):not(.sh55-box-info):not(.sh55-bg-free) {
	background: rgba(0,0,0,0.95);
	max-width: 1100px;
	margin: 40px auto;
	padding: 40px 24px;
	box-sizing: border-box;
	color: #fff;
}

/* ====================================
   サンハウス55周年BOX ヒーロー
==================================== */
body.page-id-1096 .sh55-box-hero,
body.page-id-1096 .sh55-box-info {
	background: rgba(0, 0, 0, 0.80);
/* 濃さそろえる */
}

body.page-id-1096 .sh55-box-hero {
	padding: 60px 5vw 40px;
/* ぼかし無し */
}

body.page-id-1096 .sh55-box-hero-inner {
	max-width: 960px;
	margin: 0 auto;
}

body.page-id-1096 .sh55-box-hero-image {
	text-align: center;
	margin: 0 0 32px;
}

body.page-id-1096 .sh55-box-hero-image img {
	width: 100%;
	max-width: 900px;
	height: auto;
	display: inline-block;
	box-shadow: 0 0 26px rgba(0,0,0,0.8);
}

body.page-id-1096 .sh55-box-title {
	font-size: clamp(26px, 4vw, 34px);
	line-height: 1.4;
	margin: 0 0 16px;
}

body.page-id-1096 .sh55-box-lead,
body.page-id-1096 .sh55-box-body {
	font-size: clamp(14px, 2vw, 17px);
	line-height: 1.8;
	margin: 0 0 12px;
}

body.page-id-1096 .sh55-box-date {
	font-size: clamp(15px, 2.1vw, 18px);
	font-weight: 700;
	margin: 20px 0 12px;
}

body.page-id-1096 .sh55-box-sub {
	font-size: clamp(14px, 2vw, 17px);
}

/* ヒーローと商品情報の間の余白 */
body.page-id-1096 .sh55-box-gap {
	height: 100px;
}

@media (max-width: 768px) {
	body.page-id-1096 .sh55-box-hero {
		padding: 40px 4vw 32px;
	}
	
	body.page-id-1096 .sh55-box-gap {
		height: 60px;
	}
}

/* ====================================
   商品情報ブロック
==================================== */
body.page-id-1096 .sh55-box-info {
	padding: 40px 5vw 60px;
}

body.page-id-1096 .sh55-box-info-inner {
	max-width: 900px;
	margin: 0 auto;
	font-size: clamp(13px, 1.8vw, 16px);
	line-height: 1.9;
}

body.page-id-1096 .sh55-box-info-heading {
	font-size: clamp(18px, 2.4vw, 22px);
	margin: 0 0 12px;
}

body.page-id-1096 .sh55-box-info-list {
	list-style: disc;
	padding-left: 1.4em;
	margin: 0 0 28px;
}

body.page-id-1096 .sh55-box-info-list li + li {
	margin-top: 4px;
}

/* ====================================
   SONHOUSE 55th CD/DVD セクション
   （縦に並ぶ白カード）
==================================== */
/* セクション全体の黒帯 */
body.page-id-1096 .sh55-cd-area {
	max-width: 1200px;
	margin: 60px auto 90px;
	padding: 40px 24px 50px;
	box-sizing: border-box;
	background: rgba(0,0,0,0.95);
	color: #fff;
}

/* 見出し */
body.page-id-1096 .sh55-cd-area h2 {
	margin: 0 0 30px;
	font-size: 2rem;
	letter-spacing: .18em;
}

/* ★ CD1〜7のナビは非表示（数字を消す） */
body.page-id-1096 .sh55-cd-nav {
	display: none;
}

/* 白いカード（各タイトル） */
body.page-id-1096 .sh55-cd-panel {
	max-width: 1200px;
	margin: 0 auto 80px !important;
	background: #ffffff;
	color: #000;
	padding: 30px 40px 34px;
	box-sizing: border-box;
	box-shadow: 0 0 24px rgba(0,0,0,0.6);
	border-radius: 6px;
}

body.page-id-1096 .sh55-cd-panel:last-of-type {
	margin-bottom: 40px !important;
}

/* カード内レイアウト：左ジャケット＋右テキスト */
body.page-id-1096 .sh55-cd-main {
	display: grid;
	grid-template-columns: minmax(0, 360px) minmax(0, 1.6fr);
	gap: 32px;
	align-items: flex-start;
	margin-bottom: 18px;
}

/* 左：ジャケット */
body.page-id-1096 .sh55-cd-jacket img {
	width: 100%;
	height: auto;
	display: block;
}

body.page-id-1096 .sh55-cd-caption {
	margin: 10px 0 0;
	font-size: .85rem;
	line-height: 1.9;
	opacity: .9;
}

/* 右：タイプ／タイトル／紹介文 */
body.page-id-1096 .sh55-cd-type {
	font-size: .85rem;
	letter-spacing: .18em;
	margin: 0 0 6px;
}

body.page-id-1096 .sh55-cd-title {
	font-size: 1.5rem;
	margin: 0 0 12px;
	line-height: 1.5;
}

body.page-id-1096 .sh55-cd-note {
	font-size: .88rem;
	line-height: 1.9;
	margin: 0;
}

/* 下段：収録曲（2段組リスト） */
body.page-id-1096 .sh55-cd-tracklist {
	border-top: 1px solid rgba(0,0,0,0.15);
	padding-top: 14px;
	margin-top: 10px;
}

body.page-id-1096 .sh55-cd-tracklist h4 {
	margin: 0 0 8px;
	font-size: .8rem;
	letter-spacing: .18em;
}

body.page-id-1096 .sh55-cd-tracklist ol {
	margin: 0 0 6px 1.4em;
	padding: 0;
	font-size: .8rem;
	line-height: 1.6;
	column-count: 2;
	column-gap: 40px;
}

/* スマホ・タブレット（幅900px以下） */
@media (max-width: 900px) {
	body.page-id-1096 .sh55-cd-area {
		padding: 30px 16px 40px;
	}
	
	body.page-id-1096 .sh55-cd-panel {
		margin: 0 auto 56px !important;
		padding: 18px 16px 22px;
	}
	
	body.page-id-1096 .sh55-cd-main {
		grid-template-columns: 1fr;
	/* ジャケット → テキスト 縦並び */
	}
	
	body.page-id-1096 .sh55-cd-title {
		font-size: 1.25rem;
	}
	
	body.page-id-1096 .sh55-cd-note {
		font-size: .85rem;
	}
	
	body.page-id-1096 .sh55-cd-tracklist ol {
		column-count: 1;
	}
}

/* ====================================
   小さめ一覧カード（SONY風）
==================================== */
body.page-id-1096 .sh55-card-area {
	max-width: 1100px;
	margin: 60px auto;
	padding: 40px 32px;
	box-sizing: border-box;
	background: rgba(0,0,0,0.95);
	color: #fff;
}

body.page-id-1096 .sh55-card-area h2 {
	text-align: center;
	font-size: 1.6rem;
	margin: 0 0 24px;
	letter-spacing: .08em;
}

body.page-id-1096 .sh55-card-grid {
	display: flex;
	flex-direction: column;
	gap: 32px;
}

body.page-id-1096 .sh55-card-grid .sh-card {
	display: flex;
	gap: 20px;
	align-items: flex-start;
	padding-top: 24px;
	border-top: 1px solid rgba(255,255,255,0.25);
}

body.page-id-1096 .sh55-card-grid .sh-card:first-child {
	padding-top: 0;
	border-top: none;
}

body.page-id-1096 .sh55-card-grid .sh-card-thumb {
	flex: 0 0 150px;
	max-width: 150px;
}

body.page-id-1096 .sh55-card-grid .sh-card-thumb img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 4px;
}

body.page-id-1096 .sh55-card-grid .sh-card-type {
	font-size: .75rem;
	margin: 0 0 3px;
	letter-spacing: .08em;
	opacity: .8;
}

body.page-id-1096 .sh55-card-grid .sh-card-title {
	font-size: 1.05rem;
	font-weight: 700;
	margin: 0 0 6px;
	line-height: 1.4;
}

body.page-id-1096 .sh55-card-grid .sh-card-note {
	margin: 0 0 8px;
	font-size: .85rem;
	line-height: 1.7;
}

@media (max-width: 768px) {
	body.page-id-1096 .sh55-card-area {
		margin: 40px auto;
		padding: 24px 16px;
	}
	
	body.page-id-1096 .sh55-card-grid .sh-card {
		flex-direction: column;
	}
}

/* ============================
   購入ボタン（バナー直下）
============================ */
body.page-id-1096 .sh55-buy-btn-wrap {
	text-align: center;
	margin: 40px auto 60px;
}

body.page-id-1096 .sh55-buy-btn {
	display: inline-block;
	background: #ff3b30;
/* デフォルト赤ボタン */
	color: #fff;
	font-size: 1.3rem;
	font-weight: bold;
	padding: 14px 36px;
	border-radius: 8px;
	text-decoration: none;
	box-shadow: 0 0 16px rgba(0,0,0,0.4);
	transition: .25s ease;
}

body.page-id-1096 .sh55-buy-btn:hover {
	background: #ff625a;
	transform: translateY(-3px);
	box-shadow: 0 6px 20px rgba(0,0,0,0.5);
}

/* ============================
   途中に出すボタン専用（alt）
============================ */
body.page-id-1096 .sh55-buy-btn.alt {
	background: #007bff;
/* 鮎川ブルー */
	color: #fff !important;
	border-radius: 6px;
	padding: 14px 36px;
	font-size: 1.3rem;
	font-weight: 700;
	letter-spacing: 1px;
	display: inline-block;
	transition: .2s ease;
}

body.page-id-1096 .sh55-buy-btn.alt:hover {
	background: #0055c7;
/* 濃いブルー */
	transform: translateY(-2px);
}

/* 左寄せ用（wrap に .left を付けたときだけ有効） */
body.page-id-1096 .sh55-buy-btn-wrap.left {
	text-align: left !important;
}

/* ============================
   バナー含め「リンク付き画像」は全部カーソルを手にする
============================ */
body.page-id-1096 .wp-block-image a,
body.page-id-1096 .wp-block-image a img {
	cursor: pointer !important;
}

/* バナーの軽いホバー演出だけ残す（sh55-banner-link付きの画像） */
body.page-id-1096 .sh55-banner-link img {
	transition: .3s ease;
}

body.page-id-1096 .sh55-banner-link img:hover {
	filter: brightness(1.15);
	transform: scale(1.01);
}

/* ============================
   SONHOUSEページ内の通常テキストリンク
============================ */
body.page-id-1096 .entry-content a:not(.sh55-buy-btn):not(.sh55-buy-btn.alt):not(.wp-block-button__link) {
	background: transparent !important;
/* 黒い帯を消す */
	color: #00b7ff !important;
/* 青系で見やすく */
	text-decoration: underline;
	padding: 0;
	margin: 0;
}

body.page-id-1096 .entry-content a:not(.sh55-buy-btn):not(.sh55-buy-btn.alt):not(.wp-block-button__link):hover {
	color: #4fd2ff !important;
/* ちょっとだけ明るく */
}

/* ▼ DVD⑤・⑥ のリストを CD と同じ 2列レイアウトにする */
body.page-id-1096 #dvd5 .sh55-cd-tracklist ol,
body.page-id-1096 #dvd6 .sh55-cd-tracklist ol,
body.page-id-1096 #dvd6 .sh55-cd-tracklist ul {
	font-size: .8rem;
	line-height: 1.6;
	column-count: 2;
	column-gap: 40px;
}

@media (max-width: 900px) {
	body.page-id-1096 #dvd5 .sh55-cd-tracklist ol,
						body.page-id-1096 #dvd6 .sh55-cd-tracklist ol,
						body.page-id-1096 #dvd6 .sh55-cd-tracklist ul {
		column-count: 1;
	}
}

/* クレジット・メンバー欄 */
body.page-id-1096 .sh55-cd-members {
	font-size: .9rem;
	line-height: 1.4;
	margin-top: 8px;
	margin-bottom: 8px;
}

body.page-id-1096 .trailer-video-wrap {
	background: transparent !important;
	padding: 0 !important;
	margin: 0 auto !important;
}

/* ▶ SONHOUSE55ページ：未発表曲ラベルを強制的に赤字表示 */
body.page-id-1096 .sh55-cd-tracklist .unreleased {
	display: inline-block !important;
	margin-left: .25em;
	color: #e60000 !important;
	font-weight: 700 !important;
}
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,600;0,700;0,900;1,900&family=Noto+Sans+JP:wght@400;700;900&display=swap');

.ayu-wrap { background:#0a0a0a; color:#f4f4f4; padding:48px 20px 48px; }

.ayu-mast { display:flex; align-items:flex-end; justify-content:space-between; flex-wrap:wrap; gap:16px; border-bottom:1px solid #222; padding-bottom:24px; }
.ayu-eyebrow { font-family:'Barlow Condensed',sans-serif; font-size:11px; font-weight:700; letter-spacing:.5em; color:#00e5ff; text-transform:uppercase; margin:0 0 6px; }
.ayu-logo { font-family:'Barlow Condensed',sans-serif; font-size:clamp(52px,9vw,110px); font-weight:900; line-height:.85; letter-spacing:.03em; text-transform:uppercase; color:#f4f4f4; margin:0; }
.ayu-logo span { color:#ff2d1a; font-style:italic; }
.ayu-mast-right { font-family:'Barlow Condensed',sans-serif; font-size:12px; font-weight:700; letter-spacing:.25em; color:rgba(244,244,244,0.4); text-transform:uppercase; text-align:right; line-height:1.9; }
.ayu-mast-right strong { color:#00e5ff; display:block; }

.ayu-filter { display:flex; flex-wrap:nowrap; overflow-x:auto; border-bottom:1px solid #222; background:#141414; margin:0; }
.ayu-fbtn { font-family:'Barlow Condensed',sans-serif; font-size:12px; font-weight:700; letter-spacing:.15em; padding:13px 16px; border:none; border-right:1px solid #222; background:transparent; color:rgba(244,244,244,0.5); text-transform:uppercase; white-space:nowrap; text-decoration:none; display:inline-block; cursor:pointer; }
.ayu-fbtn.on { color:#0a0a0a; background:#00e5ff; }

.ayu-count { font-family:'Barlow Condensed',sans-serif; font-size:11px; font-weight:700; letter-spacing:.3em; color:rgba(244,244,244,0.28); padding:11px 0; border-bottom:1px solid #222; text-transform:uppercase; margin:0; background:#0a0a0a; }

/* 1段目：AYU-001〜005（5列） */
.ayu-grid-top { display:grid; grid-template-columns:repeat(5,1fr); gap:1px; background:#222; }

/* 2段目：AYU-006〜012（4枚・中央寄せ） */
.ayu-grid-bottom { display:flex; justify-content:center; gap:1px; background:#0a0a0a; border-top:1px solid #222; }
.ayu-grid-bottom .ayu-card { width:20%; flex-shrink:0; }

/* カード */
.ayu-card { background:#0a0a0a; cursor:pointer; transition:background .15s; }
.ayu-card:hover { background:#111; }
.ayu-card:hover .ayu-img-wrap img { filter:saturate(1.05); transform:scale(1.02); }

.ayu-img-wrap { position:relative; width:100%; padding-top:100%; background:#111; overflow:hidden; }
.ayu-img-wrap img { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; display:block; filter:saturate(.85); transition:filter .3s, transform .3s; }
.ayu-cat-badge { position:absolute; top:0; left:0; background:#00e5ff; color:#0a0a0a; font-family:'Barlow Condensed',sans-serif; font-size:11px; font-weight:700; letter-spacing:.12em; padding:3px 9px; text-transform:uppercase; line-height:1; }
.ayu-card-hint { position:absolute; bottom:0; right:0; background:rgba(0,0,0,.75); color:#00e5ff; font-family:'Barlow Condensed',sans-serif; font-size:10px; font-weight:700; padding:3px 8px; }

.ayu-card-info { padding:12px 14px 14px; }
.ayu-card-artist { font-family:'Barlow Condensed',sans-serif; font-size:10px; font-weight:700; letter-spacing:.18em; color:rgba(244,244,244,0.38); text-transform:uppercase; margin-bottom:3px; }
.ayu-card-title { font-family:'Barlow Condensed',sans-serif; font-size:17px; font-weight:700; line-height:1.15; text-transform:uppercase; color:#f4f4f4; margin-bottom:7px; }
.ayu-card-meta { display:flex; align-items:center; gap:8px; margin-bottom:8px; flex-wrap:wrap; }
.ayu-fmt { font-family:'Barlow Condensed',sans-serif; font-size:10px; font-weight:700; background:#ff2d1a; color:#f4f4f4; padding:2px 7px; text-transform:uppercase; }
.ayu-fmt-pink { background:#cc3377; }
.ayu-card-date { font-family:'Barlow Condensed',sans-serif; font-size:10px; font-weight:700; color:#00e5ff; }
.ayu-card-desc { font-family:'Noto Sans JP',sans-serif; font-size:11px; line-height:1.65; color:rgba(244,244,244,0.58); margin:0; }

/* ====== モーダル ====== */
.ayu-modal-overlay { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.88); z-index:9999; overflow-y:auto; padding:40px 20px; }
.ayu-modal-overlay.active { display:flex; align-items:flex-start; justify-content:center; }
.ayu-modal-box { background:#0d0d0d; width:100%; max-width:920px; margin:auto; }
.ayu-modal-bar { background:#00e5ff; color:#0a0a0a; display:flex; justify-content:space-between; align-items:center; padding:10px 16px; font-family:'Barlow Condensed',sans-serif; font-size:11px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; }
.ayu-modal-bar button { background:#0a0a0a; color:#00e5ff; border:none; font-family:'Barlow Condensed',sans-serif; font-size:11px; font-weight:700; letter-spacing:.15em; padding:5px 14px; cursor:pointer; text-transform:uppercase; }
.ayu-modal-inner { padding:32px 24px 40px; }

/* モーダル内レイアウト */
.ayu-mhead { display:flex; gap:28px; margin-bottom:28px; flex-wrap:wrap; }
.ayu-mcover { width:200px; flex-shrink:0; }
.ayu-mcover img { width:100%; display:block; }
.ayu-mmeta { flex:1; min-width:200px; max-width:560px; }
.ayu-mpub { font-family:'Barlow Condensed',sans-serif; font-size:11px; font-weight:700; letter-spacing:.25em; color:#00e5ff; text-transform:uppercase; margin-bottom:8px; }
.ayu-mtitle { font-family:'Noto Sans JP',sans-serif; font-size:clamp(18px,3vw,26px); font-weight:900; line-height:1.35; color:#f4f4f4; margin-bottom:16px; }
.ayu-mtable { width:100%; border-collapse:collapse; margin-bottom:14px; }
.ayu-mtable td { padding:5px 0; font-family:'Barlow Condensed',sans-serif; font-size:13px; border-bottom:1px solid #222; }
.ayu-mtable td:first-child { font-weight:700; letter-spacing:.15em; color:#ff2d1a; text-transform:uppercase; width:80px; }
.ayu-mtable td:last-child { color:rgba(244,244,244,.85); }
.ayu-mdesc { font-family:'Noto Sans JP',sans-serif; font-size:12px; line-height:1.8; color:rgba(244,244,244,.65); margin:0; }

.ayu-mlower { display:grid; grid-template-columns:1fr 1fr; gap:28px; border-top:1px solid #222; padding-top:22px; }
.ayu-msec { font-family:'Barlow Condensed',sans-serif; font-size:11px; font-weight:700; letter-spacing:.2em; color:#00e5ff; text-transform:uppercase; margin:0 0 10px; padding-bottom:8px; border-bottom:1px solid #222; }
.ayu-msec2 { font-family:'Barlow Condensed',sans-serif; font-size:11px; font-weight:700; letter-spacing:.2em; color:#00e5ff; text-transform:uppercase; margin:18px 0 10px; padding-bottom:8px; border-bottom:1px solid #222; }

.ayu-tlist { list-style:none; padding:0; margin:0; }
.ayu-tlist li { display:flex; gap:10px; font-family:'Noto Sans JP',sans-serif; font-size:12px; color:rgba(244,244,244,.78); padding:5px 0; border-bottom:1px solid #1a1a1a; line-height:1.4; }
.ayu-tlist li .tn { font-family:'Barlow Condensed',sans-serif; font-size:11px; font-weight:700; color:rgba(244,244,244,.3); min-width:28px; padding-top:1px; flex-shrink:0; }

.ayu-buy-btn { display:block; background:#00e5ff; color:#0a0a0a; font-family:'Barlow Condensed',sans-serif; font-size:12px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; text-decoration:none; padding:7px 14px; margin-bottom:8px; text-align:center; }
.ayu-buy-btn2 { display:block; background:#1a6fe8; color:#fff; font-family:'Barlow Condensed',sans-serif; font-size:12px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; text-decoration:none; padding:7px 14px; margin-bottom:12px; text-align:center; }
.ayu-buy-links { display:flex; gap:5px; flex-wrap:wrap; margin-bottom:18px; }
.ayu-buy-links a { font-family:'Barlow Condensed',sans-serif; font-size:10px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; text-decoration:none; background:#1a6fe8; color:#fff; padding:4px 9px; white-space:nowrap; }

.ayu-spec-list { list-style:none; padding:0; margin:0; }
.ayu-spec-list li { font-family:'Noto Sans JP',sans-serif; font-size:11px; color:rgba(244,244,244,.58); padding:5px 0 5px 14px; border-bottom:1px solid #1a1a1a; position:relative; line-height:1.6; }
.ayu-spec-list li::before { content:'—'; position:absolute; left:0; color:#00e5ff; font-size:10px; }

.ayu-yt { margin-bottom:20px; }
.ayu-yt iframe { width:100%; aspect-ratio:16/9; display:block; border:none; }

.ayu-pkg-block { border-top:1px solid #222; padding-top:22px; margin-top:22px; }
.ayu-pkg-img { width:100%; display:block; margin-bottom:12px; }
.ayu-3disc { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:6px; }
.ayu-3disc-item img { width:100%; display:block; margin-bottom:5px; }
.ayu-3disc-item span { font-family:'Barlow Condensed',sans-serif; font-size:10px; font-weight:700; color:rgba(244,244,244,.45); display:block; text-align:center; line-height:1.3; }

.ayu-box-cd { display:grid; grid-template-columns:repeat(4,1fr); gap:6px; margin-bottom:14px; }
.ayu-box-dvd { display:grid; grid-template-columns:repeat(6,1fr); gap:4px; margin-bottom:14px; }
.ayu-box-cd img, .ayu-box-dvd img { width:100%; display:block; }

.ayu-footer { font-family:'Barlow Condensed',sans-serif; font-size:11px; font-weight:700; letter-spacing:.25em; color:rgba(244,244,244,.18); padding:18px 0 0; border-top:1px solid #222; text-transform:uppercase; margin:1px 0 0; background:#0a0a0a; }

.page-id-1977 .entry-title { display:none; }
.page-id-1977 .entry-content { margin-top:0 !important; padding-top:0 !important; }

@media (max-width:900px) {
  .ayu-grid-top { grid-template-columns:repeat(3,1fr); }
  .ayu-grid-bottom .ayu-card { width:33.33%; }
  .ayu-mlower { grid-template-columns:1fr; }
}
@media (max-width:600px) {
  .ayu-grid-top { grid-template-columns:repeat(2,1fr); }
  .ayu-grid-bottom { flex-wrap:wrap; }
  .ayu-grid-bottom .ayu-card { width:50%; }
  .ayu-mcover { width:120px; }
  .ayu-modal-inner { padding:20px 14px 28px; }
  .ayu-modal-overlay { padding:0; }
  .ayu-modal-box { min-height:100vh; }
}
.ayu-mlower { align-items: start; }
.ayu-modal-inner { padding-bottom: 60px; }