@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Roboto:900,700,500,400,300,100);

/* common
-----------------------------------------------*/
.spec_contents{
	font-size:min(1.6rem,16px);
	padding-bottom: 6em;
	word-break:normal;
}
.spec_contents section{
	width:min(115rem,1150px);
	margin:7em auto 0;
}
.spec_contents h2{
	text-align: center;
	line-height: 1.3;
}
.spec_contents .mt-1em {margin-top:1em}
.spec_contents .mt-2em {margin-top:2em}
.spec_contents .mt-3em {margin-top:3em}
.spec_contents .mt-4em {margin-top:4em}
.spec_contents .mt-5em {margin-top:5em}

@media screen and (max-width: 768px) {
	.spec_contents{
		font-size:1.4rem;
		padding-bottom: 5em;
	}
	.spec_contents section{
		width:32.4rem;
		margin:5rem auto 0;
	}
	.spec_contents h2{
		text-align: center;
		line-height: 1.3;
	}
}
.roboto{
	font-family: 'Roboto', sans-serif;
}

/* specTable
-----------------------------------------------*/
.spec_contents .specTable table{
	width:100%;
	border-top:1px solid #e5e5e5;
	margin-top:5em;
}
.spec_contents .specTable table tr{
	display: grid;
	grid-template-columns: min(30rem,300px) 1fr;
	padding:min(4rem,40px) 0;
	border-bottom:1px solid #e5e5e5;
}
.spec_contents .specTable table th{
	text-align: left;
	font-size:min(2rem,20px);
	font-weight:400;
}
.spec_contents .specTable > table > tbody > tr > th > sup {
    font-size: 60%;
}
.spec_contents .specTable table dl{
	display: grid;
	grid-template-columns: min(30rem,300px) 1fr;
}
.spec_contents .specTable table dl:nth-child(n+2){
	margin-top:0.5em;
}
.spec_contents .specTable table ul:not(.color) li:nth-child(n+2){
	margin-top:0.5em;
}
.spec_contents .specTable .color {
	display:flex;
	gap:2em;
}
.spec_contents .specTable .color li {
	width:min(14rem,140px);
}
.spec_contents .specTable .color li figcaption{
	text-align: center;
	margin-top:0.3em;
}
.spec_contents .specTable .notes li{
	text-indent:-1.78em;
	padding-left:1.78em;
	margin-top:0.5em;
	font-size:0.875em;
}
.spec_contents .specTable .notes li:nth-child(n+10){
	text-indent:-2.333em;
	padding-left:2.333em;
}

/*対応バンド*/
.spec_contents .specTable table dl.band {
	grid-template-columns: min(7rem, 70px) min(23rem, 230px) 1fr;
	grid-auto-flow: column;
	row-gap: 0.5em;
}
.spec_contents .specTable table dl.band dt{
	grid-column: 1;
}
.spec_contents .specTable table dl.band dd:nth-of-type(2n+1){
	grid-column: 2;
}
.spec_contents .specTable table dl.band dd:nth-of-type(2n){
	grid-column: 3;
}
@media screen and (max-width: 768px) {
	.spec_contents .specTable table{
		margin-top:3rem;
	}
	.spec_contents .specTable table tr{
		grid-template-columns: 100%;
		padding: 2.6rem 0;
	}
	.spec_contents .specTable table th{
		font-size:1.5rem;
		margin-bottom: 1.2rem;
	}
	.spec_contents .specTable table td{
		padding-left: 1.8rem;
	}
	.spec_contents .specTable table dl{
		grid-template-columns: 100%;
	}
	.spec_contents .specTable table dt{
		font-weight:500;
	}
	.spec_contents .specTable table dd{
		padding-left: 1.8rem;
	}
	.spec_contents .specTable .color {
		justify-content: center;
		margin-top: 0.5em;
		padding-right: 1.8rem;
	}
	.spec_contents .specTable .color li {
		width:30%;
	}
	.spec_contents .specTable .color li figcaption{
		text-align: center;
		margin-top:0.3em;
	}

	/*対応バンド*/
	.spec_contents .specTable table dl.band {
		display:block
	}
	.spec_contents .specTable table dl.band dt{
		padding-left: 0;
		margin-top: 0.5em;
	}
	.spec_contents .specTable table dl.band dd:nth-of-type(2n+1){
		padding-left: 0;
		margin-top: 0.5em;
	}
}
/* specLogo
-----------------------------------------------*/
.spec_contents .specLogo {
	display:flex;
	gap:1em;
}
.spec_contents .specLogo .ldac {
	width:min(24rem,240px);	
}
@media screen and (max-width: 768px) {
	.spec_contents .specLogo .ldac {
		width:15rem;	
	}
}

/* specNotice
-----------------------------------------------*/
.spec_contents .specNotice h2{
	text-align: left;
}
.spec_contents .specNotice h3{
	font-size:min(2.4rem,24px);
	margin:2em 0 1em;
}
.spec_contents .specNotice li{
	text-indent:-1em;
	padding-left:1em;
	margin-top:0.5em;
}
.spec_contents .specNotice p {
	margin-top: 0.5em;
}
.spec_contents .img-in-txt{
	width: auto;
	display: inline-block;
	height: 1em;
	margin-bottom: 0.1em;
}
@media screen and (max-width: 768px) {
	.spec_contents .specNotice h3{
		font-size:2rem;
	}
}

/* anchor_blank
-----------------------------------------------*/
.anchor_blank span:after {
	content: url(/products/k-tai_d_common_v3/images/icon_newwindow.png);
	margin: 0 3px;
}
.anchor_blank {
	text-decoration: underline;
}