@charset "UTF-8";
/*
 * /css/search/style_devices.css
 *
 */

/* /search/ common
---------------------------------------------------------- */
/* 結果件数表示 */
.searchNumber {
	display: block;
	padding: 0;
}
	.searchNumber .number {
		background: #fff;
		display: block;
		padding: 15px 10px;
		text-align: center;
		width: auto!important;
	}
.searchOption, .searchOption.col1, .searchOption.col2 {
	width: 100%;
}
.filterContents {
	margin-top: -5px;
}
.filterContents .filter01 li {
	background: #fff;
	border: 1px solid #ccc;
	float: none;
	width: 100%;
	margin: -1px 0 0 0;
}

.filterContents .filter01 .select a {
	padding: 4px 5px 4px 10px;
}

.filterContents .filter02 li input {
	border: none;
	border-radius: 2px;
}
		.filterContents .filter02 .input_group_btn i {
			display: block;
		}

.filterContents .filter02 .form_select {
  font-size: 14px;
  position: relative;
}
.filterContents .filter02 .form_select .form_control {
  /*width: 90px;*/
  width: 100%;
}
.filterContents .filter02 .form_select .fa-angle-down {
  color: #fff;
  font-size: 16px;
  position: absolute;
  top:8px; right: 10px;
}
.filterContents .filter02 select.form_control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #f86499;
  background: -moz-linear-gradient(top, #f86499 0%, #ca1a59 100%);
  background: -webkit-linear-gradient(top, #f86499 0%,#ca1a59 100%);
  background: linear-gradient(to bottom, #f86499 0%,#ca1a59 100%);
  border: none;
  border-radius: 2px;
  color: #fff;
  padding-left: 5px;
  padding-right: 25px;

   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}
.filterContents .filter02 select.form_control option {
  background: #ca1a59;
}


.filterContents .filterResult {
	display: block;
	position: relative;

}
.filterContents .filterResult div {
	display: block;
	padding: 10px;
}
	.filterContents .filterResult .clear {
		float: left;
		margin-bottom: 12px;
	}
	.filterContents .filterResult .resultNumber {
		float: right;
		font-size: 12px;
		margin-bottom: 20px;
	}
	.filterContents .filterResult .resultNumber em {
		font-size: 20px;
	}
	.filterContents .filterResult .btn.result {
		text-align: center;
		width: 100%;
	}


.remodal.filter {
	padding: 50px 10px 40px;
	width: 100%;
}

	.remodal.filter li {
		float: none;
		margin: 10px 0;
		width: 100%;
	}

.remodal.filter .btn01 {
    margin-left: -10px;
}
.remodal.filter .btn01 ul {
    padding: 15px 5px 10px;
}
.remodal.filter .btn01 li {
		float: left;
		width: 75%;
		padding-left: 5px;
		text-indent: 0;
}
.remodal.filter .btn01 li:first-child {
		width: 25%;
		padding: 2px 0 0 0;
}



/* /search/artist/
---------------------------------------------------------- */
.searchListTable .cell01 {
	width: 70px;
}
.searchListTable .cell02 {
	width: 120px;
}
.searchListTable tbody th,
.searchListTable tbody td {
		padding: 10px;
}


/* /search/detail
---------------------------------------------------------- */
.detailSection {
	padding: 15px 10px;
}

/* SNS */
.detailSnsBtn li.favorite {
	display: block;
	margin: 15px 0 0;
}
.detailSnsBtn li iframe {
	width: 85px!important;
}

.detailCartList ul li {
	display: block;
	margin-bottom: 10px;
	width: 100%;
}
.detailCartList ul li .head {
	display: block;
	width: 100%;
	}

.detailCartList ul li .sample,
.detailCartList ul li .price,
.detailCartList ul li .cartBtn {
	margin: 0;
	padding: 8px;
	width: 50%;
}
.detailCartList ul li .sample a {
	display: block;
	margin: 10px 0;
}

.detailElreprint ul li {
	display: block;
	margin-bottom: 0;
	width: 100%;
}
.detailElreprint ul li .reCap {
	display: block;
	width: 100%;
	text-align: center;
	padding: 14px 0 8px;
	}

.detailElreprint ul li .rechartBtn,
.detailElreprint ul li .remp3Btn {
	display: inline-block;
	margin: 0;
	padding: 8px 0 14px;
	width: 50%;
	text-align: center;
}
.detailElreprint ul li .rechartBtn a,
.detailElreprint ul li .remp3Btn a {
	display: block;
	margin: 0;
}

.detailColumnLeft,
.detailColumnRight {
	float: none;
	width: auto;
	margin-bottom: 20px;
}

.detailStateTable table th,
.detailStateTable table td {
	display: block;
	width: auto;
}
		.detailStateTable table th,
		.detailStateTable table td {
			border-top: 1px dashed #d8d8d8;
		}
		.detailStateTable table th {
			font-weight: bold;
			padding: 10px 5px 0;
			text-align: left;
		}
		.detailStateTable table td {
			border-top: none;
			padding: 0 5px 10px;
		}

.youtubePreview { width: auto; }
	.youtubePreview img { max-width: 100%; }


/* /search/artist/ アーティスト詳細
---------------------------------------------------------- */
.artistName h2 {
	display: block;
	}
	.artistName .favorite {
		display: block;
		margin-top: 10px;
	}



/* /search/ セット商品
---------------------------------------------------------- */
.setCartIn { width: auto; }
.setCart .price, .setCart .btn {
	float: none;
	margin: 10px 0;
	text-align: center;
	width: 100%;
}


/* /search/ 結果0件の場合の内容
---------------------------------------------------------- */
.ranking_items ol li {
	margin: 0 0 10px 0;
	float: none;
			background: #fff;
			padding: 14px 9px 14px 4px;
			width: auto;
		}



/* /elseries/ 曲集ページ用
---------------------------------------------------------- */
.searchNumberCaption {
	padding: 10px;
}

/* /electonehikihodai/ エレクトーン弾き放題　プレイリスト用
---------------------------------------------------------- */
.remodal.filter .btn01 .btns_3col li {
	width: auto;
}