@charset "UTF-8";

/* ===============================
	共通スタイル
=============================== */

/* ページタイトル */
.page-title {
	font-weight: 500;
}

/* サブセクション */
.sub-title {
	font-weight: 500;
	background: #e6e6e6;
}

/* 仕様表：基本 */
table.table-spec {
	width: 100%;
	font-size: 0.94rem;
	line-height: 1.4;
	border-collapse: separate;
	border-spacing: 0;
}

table.table-spec th, table.table-spec td, table.table-spec td.sub-td2 {
	padding: 0.5em 0;
	font-weight: normal;
	border-bottom: solid 1px #e5e5e5;
	text-align: left;
}

table.table-spec td.sub-td2 {
	border-bottom: dashed 1px #e5e5e5;
	padding-left: 1em;
}

table.table-spec th {
	width: 40%;
	font-weight: 500;
	vertical-align: top;
}

#size table.table-spec th {
	width: 35%;
}

table.table-spec th.has-sub-th {
	width: auto;
	padding-right: 0.5em;
}

table.table-spec th.sub-th {
	width: auto;
}

table.table-spec td {
	width: 60%;
	padding-left: 1em;
}

#size table.table-spec td {
	width: 65%;
}

table.table-spec dl.normal {
	display: flex;
}

table.table-spec dl.normal dt, table.table-spec dl.normal dd {
	padding: 0.2em 0;
}

table.table-spec dl.normal dt {
	width: 12rem;
}

table.th-size th {
	width: 13rem;
}

/* ====================================
	スマートフォン専用スタイル
===================================== */
@media only screen and (max-width: 767px) {

	article {
		padding-bottom: 4rem;
		font-size: 1.4rem;
	}

	/* ページタイトル */
	.page-title {
		margin: 4rem 0 3rem;
		font-size: 1.7rem;
		text-align: center;
	}

	/* サブセクション */
	.sub-section {
		padding-top: 4rem;
	}
	.sub-section:first-of-type {
		padding-top: 0;
	}
	.sub-title {
		margin-bottom: 3rem;
		padding: 0.2em 0;
		font-size: 1.2rem;
		text-align: center;
	}

}

/* ====================================
	PC&タブレット、印刷専用スタイル
===================================== */
@media print , screen and (min-width: 768px) {

	article {
		font-size: 1.4rem;
	}

	/* ページタイトル */
	.page-title {
		margin-top: 8rem;
		margin-bottom: 6rem;
		font-size: 2.3rem;
		text-align: center;
	}

	/* サブセクション */
	.sub-section {
		padding-top: 6rem;
	}
	.sub-section:first-of-type {
		padding-top: 0;
	}
	.sub-title {
		margin-bottom: 72px;
		padding: 0.2em 0;
		font-size: 1.6rem;
		text-align: center;
	}

	/* 仕様表：基本 */
	table.table-spec th {
		font-size: 1.08rem;
	}
	table.table-spec td .sub-ttl {
		display: inline-block;
		width: 8em;
		padding-right: 1rem;
	}

}

/* ====================================
	スピーカーシステム用
===================================== */


.B	{ font-weight:bold!important; }
.blue	{ color:#2c8ed2!important; }
.gray	{ color:#777!important; }
.red	{ color:#e6002d!important; }
.black	{ color:#000000!important; }
.white	{ color:#ffffff!important; }
.pink{
	color:#e4007f!important;
}

main .textRed {
	color: #ff0000 !important;
	font-weight: 400;
	padding-right: 3px;
	padding-left: 3px;
}

#size .img-item .img {
	width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
}

.max-178 {
	max-width: 178px;
}
.max-350 {
	max-width: 350px !important;
}
.max-400 {
	max-width: 400px !important;
}
.max-465 {
	max-width: 465px !important;
}
.max-519 {
	max-width: 519px !important;
}
.max-600 {
	max-width: 600px !important;
}
.max-800 {
	max-width: 800px !important;
}
.max-900 {
	max-width: 900px !important;
}
.max-1080 {
	max-width: 1080px !important;
}
.sub-item .ttle_p {
	margin-top:20px
}




table.table-spec th.percent-01 {
	width: 18% !important;
	padding-right: 10px;
}

table.table-spec th.percent-02 {
	width: 32% !important;
	background-color: #f8f8f8;
	padding-right: 10px;
	padding-left: 10px;
}
table.table-spec td.percent-03 {
	width: 50% !important;
    word-wrap: break-word;
    overflow-wrap: break-word;
}


table.table-spec th.percent-01 sup, table.table-spec th.percent-02 sup {
	font-weight: normal;		
}




.container_block {
	display: flex;
	padding-top: -40px;
	padding-bottom: 20px;
}
.container_block .contents_l {
	width: 48%;
}
.container_block .contents_r {
	flex: 1;
	width: 48%;
	margin-left: 4%;
}

.star.caption {
	margin-top: 30px;
	margin-bottom: 20px;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.star.caption li {
	font-size: 72%;
}

.star.caption a {
	color: #2b7bcf;	
}

.star span { white-space: nowrap;}

sup { white-space: nowrap;}


.understanding {
	font-size: 61%;	
}

.img {
	margin-top:20px;
	text-align: center !important;
	margin-left: auto !important;
	margin-right: auto !important;
	justify-content: center !important;
}

table.ecotn {
	width: 100%;
	max-width: 450px;
	margin-top: 20px;
	margin-bottom: 30px;
	font-size: 0.94rem;
	line-height: 1.4;
}
table.ecotn th, table.ecotn td {
	border: 1px solid #e5e5e5;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
table.ecotn td {
 text-align: center;
 vertical-align: middle;
}
table.ecotn td.eco {
	padding-right: 8px !important;
	padding-left: 8px !important;
}
table.ecotn img {
	width: 100%;
	max-width: 35px;
}

 @media (max-width: 767px) {
.container_block {
 display: block;
}
.container_block .contents_l {
 width: 100%;
}
.container_block .contents_r {
 width: 100%;
 margin-left: 0%;
margin-top: 1rem;
}
.img {
	margin-top:10px;
}
}



a.bluelink:link, a.bluelink:visited, a.bluelink:active, a.bluelink:hover {
	color: #2b7bcf !important;
}

.option_block_txt {
    display: inline-block;
    text-align: left;
  }

@media print , screen and (min-width: 768px) {
.option_block {
    max-width: 100%;
    margin-left: auto;
    text-align: right;
  }
.option_block2 {
    max-width: 100%;
    margin-right: auto;
    text-align: left;
    margin-top: auto;
    margin-bottom: auto;
    vertical-align: middle;
    align-items: center;
  }
}

@media (max-width: 767px) {
.option_block, .option_block2 {
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    margin-top: auto;
    margin-bottom: auto;
    vertical-align: middle;
    align-items: center;
	font-size:85%;
  }
}


@media only screen and (min-width: 501px) {
.pc-500 {
display: block;
}
.sp-500 {
display: none;
}
}
 @media only screen and (max-width: 500px) {
.img {
 margin-top:30px;
}
.pc-500 {
display: none;
}
.sp-500 {
display: block;
}
}
@media only screen and (min-width: 701px) {
.pc-700 {
display: block;
}
.sp-700 {
display: none;
}
}
@media only screen and (max-width: 700px) {
.pc-700 {
display: none;
}
.sp-700 {
display: block;
}
}



.size_txt {
	font-size: 85%;
	padding-top: 20px;
	padding-bottom: 10px;
}
.item-img {
	padding-top: 20px;
	padding-bottom: 20px;
}

@media print , screen and (min-width: 768px) {
.size_txt {
	padding-top: 40px;
	padding-bottom: 10px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
}
.item-img {
	padding-top: 40px;
	padding-bottom: 40px;
}
}


.disc_list {
	list-style: none;
	padding-left: 0;
	display: table;
	margin-top: 0.7em;
	font-size: 14px;
}
.disc_list li:after {
  content: "";
  display: block;
}
 
.disc_list li {
  display: table-row;
}
.disc_list li:before {
  content: "・";
  display: table-cell;
  padding-right: 0.4em;
  text-align: right;
}


.h4_txt {
	font-size: 100%;
	font-weight: 700;
	margin-top: 1.5em;
}

.caution_box {
	padding: 1em;
	border: 1px solid #CCC;
	margin-top: 1.5em;
}

	
@media print , screen and (min-width: 768px) {
	
article {
	padding-bottom: 60px;
}
	
.h4_txt {
	font-size: 85%;
}

}