@charset "utf-8";

/*-----------------------------------------------
 speakers
-----------------------------------------------*/
.sp {
	display: none !important;
}
.pc {
	display: block !important;
}

.banner {
	height:420px;
}
.box{
	background: #fff;
	margin-top: 20px;
	padding: 20px;
}
.box .seriesBox {
	width: 214px;
}
.seriesWrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.box.col3 .seriesBox {
	margin: 0 45px;
}

.seriesBox {
	position: relative;
	z-index: 8;
}
.seriesBox h1 {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	font-size: 20px;
	font-weight: normal;
	line-height: 0.8;
	margin-bottom: 10px;
	position: relative;

}
.seriesBox h1:first-letter {
	font-size: 60px;
}
.seriesBox.OtherSeries h1.all {
	font-size: 60px;
}
.seriesBox h2 {
	background: #fff;
	font-size: 20px;
	font-weight: normal;
	line-height: normal;
	text-align: center;
}
.seriesBox h2:first-letter {
	font-size: 60px;
}
.target_respo .inner980 h2._02 {
	background: transparent;
	margin-bottom: 25px;
}

.seriesBox .btn {
	border: 1px solid;
	border-radius: 3px;
	display: inline-block;
	font-size: 13px;
	line-height: 1.2;
	padding: 0 20px 0 5px;
	position: absolute;
	bottom: 5px;
	right: 0;
}
.seriesBox .btn:hover {
	text-decoration: none;
}

.xSeries .btn {
	background: url("/th/car/speaker&amplifier/images/ico_arrow01.png") no-repeat 96% center;
}
.hSeries .btn {
	background: url("/th/car/speaker&amplifier/images/ico_arrow02.png") no-repeat 96% center;
}
.pSeries .btn {
	background: url("/th/car/speaker&amplifier/images/ico_arrow03.png") no-repeat 96% center;
}
.sSeries .btn {
	background: url("/th/car/speaker&amplifier/images/ico_arrow04.png") no-repeat 96% center;
}
.BassSolutions .btn {
	background: url("/th/car/speaker&amplifier/images/ico_arrow09.png") no-repeat 96% center;
}
.MarineSeries .btn {
	background: url("/th/car/speaker&amplifier/images/ico_arrow05.png") no-repeat 96% center;
}
.OtherSeries .btn {
	background: url("/th/car/speaker&amplifier/images/ico_arrow08.png") no-repeat 96% center;
}
.seriesBox .ol {
	line-height: normal;
	font-size: 23px;
	margin-bottom: 10px;
}

.headSec {
	background: #fff;
	min-height: 350px;
}
.xSeries {
	background: url("/th/car/speaker&amplifier/images/line_amp_sp_x_01.gif") repeat-y center center;
	z-index: 8;
}
.hSeries {
	-ms-flex-item-align: start;
	align-self: flex-start;
	background: url("/th/car/speaker&amplifier/images/line_amp_sp_h_01.gif") repeat-y center center;
	padding: 0;
	z-index: 1;
}
.pSeries {
	background: url("/th/car/speaker&amplifier/images/line_amp_sp_p_01.gif") repeat-y center center;
	z-index: 5;
}
.sSeries {
	background: url("/th/car/speaker&amplifier/images/line_amp_sp_s_01.gif") repeat-y center center;
	z-index: 5;
}
.listSec01 {
	padding: 0 0 20px;
}
.xSeries h1,.xSeries h2,.xSeries .btn,.xSeries .ol {
	border-color: #b20000;
	color: #b20000;
}
.hSeries h1,.hSeries h2,.hSeries .btn,.hSeries .ol {
	border-bottom-color: #b36500;
	color: #b36500;
}
.pSeries h1,.pSeries h2,.pSeries .btn,.pSeries .ol {
	border-bottom-color: #64964d;
	color: #64964d;
}
.sSeries h1,.sSeries h2,.sSeries .btn,.sSeries .ol {
	border-bottom-color: #6074b2;
	color: #6074b2;
}
.BassSolutions h1,.BassSolutions h2,.BassSolutions .btn,.BassSolutions .ol {
	border-bottom-color: #2F5597;
	color: #2F5597;
}
.BassSolutions .ol {
	letter-spacing: -0.03em;
}
.BassSolutions h1 span {
	line-height: 1.0;
	position: absolute;
	bottom: 0;
	left: 35px;
	letter-spacing: -0.05em;
}
.MarineSeries h1,.MarineSeries h2,.MarineSeries .btn,.MarineSeries .ol {
	border-bottom-color: #00aacc;
	color: #00aacc;
}
.MarineSeries h1 {
}
.MarineSeries h1 span {
	line-height: 1.0;
	position: absolute;
	bottom: 0;
	left: 50px;
}
.MarineSeries .headSec {
	background: #fff;
	min-height: auto;
}

.seriesBox ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.seriesBox ul li{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
}
.seriesBox.hSeries ul.productList01 {
	margin-bottom: 0;
}
.seriesBox ul.productList01{
	margin-bottom: 80px;
}
.seriesBox ul.productList01 li{
	height: 260px;
	margin-top: 20px;
	position: relative;
}
.seriesBox ul.productList01 li:before {
	border-bottom: #000 2px solid;
	color: #000;
	display: block;
	font-size: 26px;
	text-align: center;
	position: absolute;
	left: 0;
	top: 15px;
	width: 940px;
}
.col3 .seriesBox ul.productList01 li:before {
	left: -45px;
}
.seriesBox ul.productList01 li.amp:before {
	content: "Amplifier";
}
.seriesBox ul.productList01 li.cSpeaker:before {
	content: "Component Speaker";
}
.seriesBox ul.productList01 li.ocSpeaker:before {
	content: "Oval Coaxial Speaker";
}
.seriesBox ul.productList01 li.rcSpeaker:before {
	content: "Round Coaxial Speaker";
}
.seriesBox ul.productList01 li.subwoofer:before {
	content: "Subwoofer";
}
.hSeries ul.productList01:after {
	background: url("/th/car/speaker&amplifier/images/line_amp_sp_h_02.png") no-repeat top center;
	content: "";
	height: 300px;
	position: relative;
	bottom: -60px;
	left: -93px;
	width: 400px;
}
.seriesBox ul.productList02{
}
.seriesBox ul.productList02 li{
	margin-bottom: 15px;
}
.content{
	padding-bottom: 20px;
}

.productListWrap {
	padding: 0 0 20px;
}

/*-----------------------------------------------
 アコーディオン
-----------------------------------------------*/
.ac {
	border-bottom: #727171 1px solid;
	margin: 20px 0 60px;
	position: relative;
	text-align: center;
}
.ac span {
	background: #fff url("/th/car/speaker&amplifier/images/ico_arrow06.png") no-repeat 96% center;
	border: #727171 2px solid;
	border-radius: 5px;
	cursor: pointer;
	display: inline-block;
	font-size: 26px;
	padding: 10px 40px 10px 10px;
	position: relative;
	top: 20px;
}
.ac.open {
	margin: 0 0 60px;
}
.ac.open span {
	background: #727171 url("/th/car/speaker&amplifier/images/ico_arrow07.png") no-repeat 96% center;
	color: #fff;
}
.ac.close {
	margin: 20px 0 60px;
}
.ac.close span {
	background: #fff url("/th/car/speaker&amplifier/images/ico_arrow06.png") no-repeat 96% center;
	color: #727171;
}



@media screen and (max-width: 768px) {
	* {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.sp {
		display: block !important;
	}
	.pc {
		display: none !important;
	}

	.banner {
		height: auto;
		margin-bottom: 15px;
	}

	.box{
		margin-top: 10px;
		padding: 20px;
	}
	.box.col4 .seriesBox {
		width: 100%;
	}
	.box.col3 .seriesBox {
		margin: 0;
		width: 100%;
	}


	.seriesWrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.seriesBox {
		margin-bottom: 0;
	}
	.seriesBox .btn {
		height: auto;
		width: auto;
	}

	.headSec {
		padding-bottom: 25px;
		min-height: auto;
	}

	.xSeries h1,.xSeries h2,.xSeries .btn,.xSeries .ol {
		border-color: #b20000;
		color: #b20000;
	}
	.hSeries h1,.hSeries h2,.hSeries .btn,.hSeries .ol {
		border-bottom-color: #b36500;
		color: #b36500;
	}
	.pSeries h1,.pSeries h2,.pSeries .btn,.pSeries .ol {
		border-bottom-color: #64964d;
		color: #64964d;
	}
	.sSeries h1,.sSeries h2,.sSeries .btn,.sSeries .ol {
		border-bottom-color: #6074b2;
		color: #6074b2;
	}
	.MarineSeries h1,.MarineSeries h2,.MarineSeries .btn,.MarineSeries .ol {
		border-bottom-color: #00aacc;
		color: #00aacc;
	}

	.target_respo .inner980 h2 {
		background: #fff;
		border: none;
		margin: 0;
		padding: 0;
	}
	.target_respo .inner980 .seriesBox h2:first-letter {
		font-size: 60px;
	}
	.target_respo .inner980 h2._02 {
		background: transparent;
		margin-bottom: 30px;
	}

	.target_respo .inner980 .xSeries h2 {
		border-color: #b20000;
		color: #b20000;
	}
	.target_respo .inner980 .hSeries h2 {
		border-color: #b36500;
		color: #b36500;
	}
	.target_respo .inner980 .pSeries h2 {
		border-color: #64964d;
		color: #64964d;
	}
	.target_respo .inner980 .sSeries h2 {
		border-color: #6074b2;
		color: #6074b2;
	}
	.target_respo .inner980 .MarineSeries h2 {
		border-color: #00aacc;
		color: #00aacc;
	}

	.hSeries ul.productList01:after {
		display: none;
	}
	.hSeries .sp h2:nth-last-of-type(1) {
		margin-top: 90px;
	}

	.seriesBox ul.productList01{
		margin-bottom: 0;
	}

	.seriesBox ul.productList01 li:before {
		line-height: 0.9;
		margin-bottom: 30px;
		width: 100%;
	}
	.seriesBox ul.productList01 li.ampSp:before {
		content: "Amplifier";
	}
	.seriesBox ul.productList01 li.cSpeakerSp:before {
		content: "Component Speaker";
	}
	.seriesBox ul.productList01 li.ocSpeakerSp:before {
		content: "Oval Coaxial Speaker";
	}
	.seriesBox ul.productList01 li.rcSpeakerSp:before {
		content: "Round Coaxial Speaker";
	}
	.seriesBox ul.productList01 li.subwooferSp:before {
		content: "Subwoofer";
	}

	.seriesBox ul.productList01 li{
		display: block;
		height: auto;
		margin: 30px 0 60px;
	}

	.seriesBox ul.productList01 li:before {
		display: block;
		font-size: 26px;
		text-align: center;
		position: static;
		left: 0;
		top: 0;
		width: 100%;
	}

	.seriesBox ul.productList02{
		margin-bottom: 10px;
	}

	.productListWrap {
		padding: 0 0 20px;
	}

	/*-----------------------------------------------
	 アコーディオン
	-----------------------------------------------*/
	.ac {
		border: none;
	}
	.ac.open {
		margin: 0 0 40px;
	}
	.ac.close {
		margin: 30px 0 80px;
	}
	.ac span {
		font-size: 20px;
		padding: 8px 40px 8px 8px;
		position: static;
		width: 100%;
	}
}