@charset "utf-8";
/* v3形式のページ用（slider-v3.js とセットで読み込む） */

/* 読み込み前でも写真の高さを確保（表示ズレ防止） */
ul.bxslider01 li img,
ul.bxslider02 li a img {
	aspect-ratio: 1142 / 761;
	object-fit: cover;
	background-color: #eee;
}
/* サムネイルは矢印画像（高さ106px）と同じ高さに */
ul.bxslider02 li a img {
	aspect-ratio: 160 / 106;
}

/* スライダー準備前は1枚目だけ表示（2枚目以降を先に読み込まないため） */
ul.bxslider01 > li + li {
	display: none;
}

/* SET LIST：曲と曲の間は広く、1曲の中は詰めて、曲ごとのまとまりを見せる（<dl> に style の指定は不要）
   ※線（コーナーの区切り）は <li> を分けたところに出ます */
#musicfair .bn_box .setlist dl {
	padding-top: 20px;
}
#musicfair .bn_box .setlist dl:first-child {
	padding-top: 8px;
}
#musicfair .bn_box .setlist dt {
	padding-bottom: 2px;
}
#musicfair .bn_box .setlist dd {
	margin-top: 2px;
}
#musicfair .bn_box .setlist .original {
	font-size: 1.4rem;
}
#musicfair .bn_box .setlist .play {
	margin-top: 3px;
}

/* 「play :」「original :」の後ろで折り返しをそろえる（slider-v3.js でラベルと本文を分けています） */
#musicfair .bn_box .setlist p.sl-split {
	display: flex;
	text-indent: 0;
	padding-left: 0;
}
#musicfair .bn_box .setlist p.sl-split > .sl-label {
	flex: none;
	margin-right: 0.3em;
	color: inherit;/* 「.play span」の色指定を受けないように */
}
#musicfair .bn_box .setlist p.sl-split > .sl-body {
	min-width: 0;
	overflow-wrap: anywhere;/* 長い英単語も枠内で折り返す */
	color: inherit;
}

/* 放送回と放送回の間（曲と曲の間より大きく空ける） */
#musicfair .bn_box {
	margin-bottom: 24px;
}

/* ---------- スマホ表示（共通の仕組みで640px幅を縮小表示。画面上の大きさはCSS値の約0.6倍） ---------- */

/* 放送日の見出し：帯を高くして文字の上下に余白（各12px）を取る */
.cx_smartphoneview#musicfair .bn_box h3 {
	font-size: 3.2rem;
	height: 56px;
	line-height: 56px;
	background-size: 100% 100%;/* 帯の背景画像を高さに合わせる */
}

/* 【SET LIST】：上下の余白をそろえる */
.cx_smartphoneview#musicfair .bn_box h4 {
	font-size: 2.8rem;
	line-height: 1.3;
	padding: 12px 15px;
}

/* SET LIST：曲名 27px / play 25px / original 24px（PCと同じく play を original より少しだけ大きく） */
.cx_smartphoneview#musicfair .bn_box .setlist dt {
	font-size: 2.7rem;
	background-position: left 11px;/* アイコンを曲名の高さの中央に */
}
.cx_smartphoneview#musicfair .bn_box .setlist .original {
	font-size: 2.4rem;
	line-height: 1.5;
}
.cx_smartphoneview#musicfair .bn_box .setlist .play {
	font-size: 2.5rem;
	line-height: 1.5;
	margin-top: 8px;
}
.cx_smartphoneview#musicfair .bn_box .setlist dd {
	margin-top: 8px;
}

/* 余白：曲と曲の間 32px / 放送回と放送回の間 48px（下の余白36px＋SET LIST内の余白12px） */
.cx_smartphoneview#musicfair .bn_box .setlist dl {
	padding-top: 32px;
}
.cx_smartphoneview#musicfair .bn_box .setlist dl:first-child {
	padding-top: 8px;
}
.cx_smartphoneview#musicfair .bn_box {
	margin-bottom: 36px;
}

/* サムネイル欄：PCと同じ割り付け（矢印32px＋すき間9px＋サムネイル160px×3（間9px）＋すき間9px＋矢印32px＝580px）で
   メイン写真の幅にぴったり合うため、スマホ用の指定はしていません */

/* 月の移動リンク・「2016年03月以前はこちら」 */
.cx_smartphoneview#musicfair #bnArchive li a,
.cx_smartphoneview#musicfair #bnArchive li span,
.cx_smartphoneview#musicfair .bn1603 a {
	font-size: 2.4rem;
}

/* 月の移動：外枠10px｜リンク行48px（文字は上下中央）｜10px｜区切り線｜10px｜ボタン56px｜外枠10px */
.cx_smartphoneview#musicfair #bnArchive li a,
.cx_smartphoneview#musicfair #bnArchive li span {
	height: 48px;
	line-height: 48px;
	padding-top: 0;
}
.cx_smartphoneview#musicfair #bnArchive ul {
	padding-bottom: 10px;
}
/* 矢印アイコン（14px）も行の上下中央に */
.cx_smartphoneview#musicfair #bnArchive li.next a {
	background-position: left 17px;
}
.cx_smartphoneview#musicfair #bnArchive li.prev a {
	background-position: right 17px;
}