/* QUOカードアンカーリンク */
.quo_banner{
	position:relarive;
	width:444px;
	margin:0 auto 70px;
	display:block;
}



/* オンエアリスト */
.ct01_list_set_table{
	box-sizing:border-box;
}

.table_icon{
	width:13px;
	height:auto;
	vertical-align:-2px;
	display: inline-block;
	margin-right:8px; /* アイコンと文字の間隔 */
}

.icon-text {
	display: flex;
	align-items: center; /* アイコンを縦中央に */
}

.icon-text img {
	width: 13px; /* 必要なら */
	height: auto;
	flex-shrink: 0; /* アイコンが縮まないように */
}

.icon-text span {
	display: inline-block;
}


/* テーブルの幅 */
.ct01_list_set_table tr:nth-of-type(1) td:nth-of-type(2),
.ct01_list_set_table tr:nth-of-type(1) td:nth-of-type(3),
.ct01_list_set_table tr:nth-of-type(1) td:nth-of-type(4),
.ct01_list_set_table tr:nth-of-type(1) td:nth-of-type(5){
	background-image:none;
	padding-left:0;
}


.ct01_list_set_table td:nth-of-type(1){
	text-align:center;
	width:45px;
}

.ct01_list_set_table td:nth-of-type(2){
	width:250px;
	background: url("../images/table/icon01_sp.png") no-repeat 10px center;
	background-size: 13px auto;
	padding-left: 31px;
}

.ct01_list_set_table td:nth-of-type(3){
	width:285px;
	background: url("../images/table/icon02_sp.png") no-repeat 10px center;
	background-size: 13px auto;
	padding-left: 31px;
}

.ct01_list_set_table td:nth-of-type(4){
	width:130px;
	font-size:11px;
	letter-spacing:0;
	background: url("../images/table/icon03_sp.png") no-repeat 10px center;
	background-size: 13px auto;
	padding-left: 31px;
}

.ct01_list_set_table td:nth-of-type(5){
	width:90px;
	font-size:11px;
	letter-spacing:0;
	background: url("../images/table/icon04_sp.png") no-repeat 10px center;
	background-size: 13px auto;
	padding-left: 31px;
}



/* layout mobile
--------------------------------------------------*/
@media screen and (max-width: 640px) {
/* QUOカードアンカーリンク */
.quo_banner{
	position:relative;
	width:90%;
	margin:0 auto 16%;
	display:block;
}

.quo_banner img{
	position:relative;
	width:100%;
	height:auto;
	display:block;
}



.ct01_list_set{
	overflow-x:visible;
}

/* 非表示対応のもの */
.ct01_list_text{
	display:none;
}


/* 2個目のタブ */
.ct01_list_set02{
	display:block;
}


/* バックナンバー対応 */
.backnumber_data .ct01_list_set02{
	position:relative;
	height:auto;
	overflow:visible;
	display:block;
	margin-top:-2px;
	z-index:1;
	background:#ffffff;
}

.backnumber_data .ct01_list_set02 table{
	border-top:0;
}
	
.backnumber_data .ct01_list_set02 tr:nth-of-type(1){
	display:none;
}

.backnumber_data .ct01_list_set02 tr:nth-of-type(2){
	display:none;
}

.backnumber_data .ct01_list_set03{
	position:relative;
	height:auto;
	overflow:visible;
	display:block;
	margin-top:-2px;
	z-index:1;
	background:#ffffff;
}

.backnumber_data .ct01_list_set03 table{
	border-top:0;
}
	
.backnumber_data .ct01_list_set03 tr:nth-of-type(1){
	display:none;
}

.backnumber_data .ct01_list_set03 tr:nth-of-type(2){
	display:none;
}



.ct01_list_caption01{
	display:none;
}

.ct01_list_caption02{
	display:none;
}


.sp_table_caption01{
	position:relative;
}


.sp_table_caption02{
	position:relative;
	margin-top:5vw;
}

.sp_table_caption_common img{
	width:100%;
	height:auto;
	display:block;
}

.sp_table_caption_img_over{
	position:absolute;
	top:0;
	left:0;
}

.sp_table_caption01 .sp_table_caption_img{
	opacity:0;
}

.sp_table_caption01 .sp_table_caption_img_over{
	opacity:1;
}

.sp_table_caption02 .sp_table_caption_img{
	opacity:1;
}

.sp_table_caption02 .sp_table_caption_img_over{
	opacity:0;
}


/* アンカー部分 */
header{
	z-index:2;
}

.sp_table_anker_set_float{
	position:fixed;
	top:0;
	left:0;
	display:block;
	z-index:1;
	width:92%;
	margin:0 auto 0;
	margin-left:4%;
	padding:4%;
	padding-top:calc(57px + 2vw);
	padding-bottom:0;
	box-sizing:border-box;
	background-color:#fffefa;
	display:none;
}

.sp_table_anker_set_normal .contents_line,
.sp_table_anker_set_float .contents_line{
	margin-top:3vw;
	margin-bottom:3vw;
}

.sp_table_anker_set{
	position:relative;
	width:100%;
	margin:5% auto 0;
	display:block;
	overflow:hidden;
}

.sp_table_anker_caption01{
	position:relative;
	width:48.5%;
	height:auto;
	display:block;
	float:left;
}

.sp_table_anker_caption02{
	position:absolute;
	width:48.5%;
	height:auto;
	top:0;
	right:0;
	display:block;
}

.sp_table_anker_img01,
.sp_table_anker_img02{
	position:relative;
	width:100%;
	height:auto;
	display:block;
	cursor:pointer;
}

.sp_table_anker_img02_up{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:auto;
	display:block;
	cursor:pointer;
	opacity:0;
}






.three .ct01_list_caption01{
	display:none;
}

.three .ct01_list_caption02{
	display:none;
}

.three .ct01_list_caption03{
	display:none;
}




/* 新テーブル */
.table_icon{
	width:13px;
	height:auto;
	vertical-align: middle;
	display: inline-block;
	margin-right: 6px; /* アイコンと文字の間隔 */
}

.ct01_list_set_table {
	border-collapse:collapse;
	width:100%;
	white-space:normal;
}

.ct01_list_set_table td {
	border-top:none;
	border-bottom:none;
	padding:2vw;
	text-align:left;
}

.ct01_list_set_table td.col1,
.ct01_list_set_table td.col2 {
	vertical-align:middle;
}

.ct01_list_set_table td:nth-of-type(1){
	text-align:left;
}

.ct01_list_set_table tr.sub-row td {
	background-image:repeating-linear-gradient(90deg, #77a9f3, #77a9f3 2px, transparent 2px, transparent 4px);
	background-position:left top;
	background-repeat:repeat-x;
	background-size:100% 1px;
}

.ct01_list_set_table tr td {
}

.ct01_list_set_table tr:nth-of-type(1) td{
	border-top:none;
	border-bottom:none;
}

.ct01_list_set_table tr:nth-of-type(1) td{
	text-align:left;
}

/* No. */
.ct01_list_set_table td.no {
	text-align:center;
	width:7%;
	font-size:3.2vw;
	white-space:nowrap;
	border-top:solid 1px #77a9f3;
}

/* 1列目 */
.ct01_list_set_table td.col1{
	width:60%;
	font-size:3.8vw;
	/*padding-left:6vw;*/
	box-sizing:border-box;
	/*letter-spacing:0;
	line-height:1.6;*/
	line-height:1.4;
}

/* 1列目 */
.ct01_list_set_table td.col1:nth-of-type(2){
	border-top:solid 1px #77a9f3;
}


/* 2列目 */
.ct01_list_set_table td.col2{
	width:33%;
	vertical-align:middle;
	font-size:2.8vw;
	line-height:1.4;
	/*padding-left:6vw;*/
	box-sizing:border-box;
	/*letter-spacing:0;*/
}

/* 1列目 */
.ct01_list_set_table td.col2:nth-of-type(3){
	border-top:solid 1px #77a9f3;
}


/* 演奏者 */
.ct01_list_set_table tr:nth-of-type(2)  td.col1{
	font-size:2.8vw;
}

/* No・曲名・レーベル */
.ct01_list_set_table tr:nth-of-type(1) td{
	font-size:2.8vw;
	background-image:none;
}

.ct01_list_set_table td {
	/* 既存の設定の後に追加 */
	word-break: break-word;  /* 日本語も含めて改行 */
	white-space: normal;     /* 折り返しを許可 */
}





/* 一番上のアイコンは一旦隠す */
.table_icon{
	display:none;
}




/* アイコン系の処理 */



/* 1行目 曲目とレーベル */
.ct01_list_set_table tr:nth-of-type(1) td:nth-of-type(2){
	background: url("../images/table/icon01_sp.png") no-repeat 1.5vw center;
	background-size: 3.4vw auto;
	padding-left:7vw;
}
.ct01_list_set_table tr:nth-of-type(1) td:nth-of-type(3){
	background: url("../images/table/icon03_sp.png") no-repeat 1.5vw center;
	background-size: 3.4vw auto;
	padding-left:7vw;
}



/* 2行目からのアイコン */
.ct01_list_set_table td.col1{
	background: url("../images/table/icon01_sp.png") no-repeat 1.5vw center;
	background-size: 3.4vw auto;
	padding-left:7vw;
}

.ct01_list_set_table td.col2{
	background: url("../images/table/icon03_sp.png") no-repeat 1.5vw center;
	background-size: 3.4vw auto;
	padding-left:7vw;
}

/* 2行目以降の演奏者とCD番号のアイコン設定 */
.ct01_list_set_table tr.sub-row td:nth-of-type(1){
	background-image:
		url("../images/table/icon02_sp.png"),
		repeating-linear-gradient(90deg, #77a9f3, #77a9f3 2px, transparent 2px, transparent 4px);
	background-repeat: no-repeat, repeat-x;
	background-position: 1.5vw center, left top;
	background-size: 3.4vw auto, 100% 1px;
	padding-left:7vw;
}

.ct01_list_set_table tr.sub-row td:nth-of-type(2){
	background-image:
		url("../images/table/icon04_sp.png"),
		repeating-linear-gradient(90deg, #77a9f3, #77a9f3 2px, transparent 2px, transparent 4px);
	background-repeat: no-repeat, repeat-x;
	background-position: 1.5vw center, left top;
	background-size: 3.4vw auto, 100% 1px;
	padding-left:7vw;
}



/* アイコンの下切れ対策 */
.space{
	position:relative;
	width:1.5em;
	height:1.5em;
	display:block;
}



}