@charset "utf-8";
/*----------------------------------------------------------------------------
COMMON
----------------------------------------------------------------------------*/
#compatible .annotation_txt {
	font-size: 14px;
	margin-top: 10px;
}
#compatible .txt_center {
	text-align: center;
}
#compatible .txt_red {
	color: #ff0000;
}
#compatible .txt_bold{
	font-weight: bold!important;
}
#compatible .mg_b_1em{
	margin-bottom: 1em!important;
}
#compatible #go-top {
	z-index: 9999;
}
#compatible .p_infos {
  margin-bottom: 60px;
}
#compatible #select .p_infos:first-child {
  padding-top: 41px;
  margin-bottom: 30px;
}
#compatible p.maker-list-pdf {
	margin-bottom: 20px;
}
#compatible p.maker-list-button {
	margin-bottom: 20px;
	color: #004473;
	text-decoration: underline;
	cursor: pointer;
}
#compatible .dis_none{
	display: none !important;
}

/*----------------------------------------------------------------------------
PC
----------------------------------------------------------------------------*/
/*レイアウト_PC*/
span.compatible_category_flag{
	display: inline-block;
	border: 1px solid #cccccc;
  font-size: 12px;
  color: #626262;
  padding: 2px 4px 2px 3px;
	margin: 3px 0 3px 5px;
  white-space: nowrap;
	vertical-align: 1px;
}
.only_pc{
	display: block;
}
.compatible_table_pc{
	display: table;
}
.only_sp,
.compatible_table_sp{
	display: none;
}
/*見出し*/
#compatible .products_info .compatible_h2_01 {
	font-size: 41px;
	font-weight: normal;
	color: #000;
	line-height: 120%;
	margin: 0 0 30px 0;
}
#compatible .products_info #result .compatible_h2_01{
	padding: 0;
}
#compatible .products_info .compatible_h2_02 {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	margin-top: 0;
	color: #004573;
	padding-bottom: 10px;
	margin-bottom: 20px;
	width: 100%;
	border-bottom: 1px solid #004573;
}
#compatible .products_info .compatible_h2_03 {
	font-size: 26px;
	color: #000;
	margin: 0 0 20px;
	line-height: 120%;
	font-weight: normal;
}
#compatible .products_info .compatible_h2_04 {
	text-align: left;
	font-size: 20px;
	font-weight: normal;
	color: #000000;
	line-height: 1.5em;
}
#compatible .products_info .compatible_h3_01 {
	font-size: 16px;
	font-weight: normal;
	color: #000;
	margin:0;
	text-align: left;
}
#compatible .products_info .compatible_h3_02 {
	font-size: 16px;
	color: #004573;
	margin-bottom: 10px;
}
#compatible .products_info .compatible_h3_02{
	margin-top: 20px;
}
#compatible .compatible_h3_02.compatible_info_block-desc{
	margin-top: 0;
}
#compatible .products_info .compatible_h3_03 {
}
/*検索*/
.compatible_select_2col .compatible_searchconf {
	display: flex;
}
.compatible_select_2col .compatible_searchconf .compatible_select,
.compatible_select_2col .compatible_searchconf .compatible_check_radio{
	width: 50%;
}
.compatible_select_2col .compatible_select{
	margin-right: 5%;
}
.compatible_searchconf{
	text-align: left;
}
.compatible_check_radio-area{
	width: 100%;
}
.compatible_select-area,
.compatible_check_radio{
	display: flex;
	align-items: center;
	margin-bottom: 25px;
}
#compatible #select .compatible_check_radio{
	display: none;
}
#compatible .compatible_select-area select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-shadow: none;
	background-image: url(../images/icon_arrow.png);
	background-repeat: no-repeat;
	background-position: center right 20px;
	background-color: #fff;
	border-radius: 0;
}
#compatible .compatible_select-area select::-ms-expand {
   display: none;
}
#compatible .compatible_area-list {
	width: 100%;
	font-size: 18px;
	margin-right: 3%;
	font-weight: bold;
	color: #004573;
}
#compatible .compatible_select-area-list{
	max-width: 100px;
}
#compatible .compatible_check_radio-area-list{
	max-width: 150px;
}
#compatible .compatible_select{
}
#compatible .compatible_select-area-list-item {
	width: 100%;
}
#compatible .compatible_select-area-list-item option::after {
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	border: solid 6px transparent;
	border-left: solid 8px #697b91;
	top: 50%;
	left: 0;
	margin-top: -5px;
}
#compatible select#maker-select,
#compatible .compatible_select-area-list-items {
	border: 0;
	font-size: 16px;
	padding: 10px 40px 10px 10px;
	border-bottom: 1px solid #004573;
	position: relative;
	width: 100%;
}
.compatible_check_radio-area{
	display: flex;
}
.compatible_check_radio-area-list-item{
	width: 100%;
}
.compatible_check_radio-area-list-item label{
	display: block;
	font-size: 16px;
	color: #000000;
	text-indent: -1em;
	padding-left: 1em;
	padding-top: 10px;
}
.compatible_check_radio-area-list-item label:first-child{
	padding-top: 0;
}

/*車種別適合情報一覧(PDF)*/
#compatible .compatible_pdf_list{
margin: 40px 0 20px 0;
}
#compatible .compatible_pdf_list .compatible_pdf_list_ttl{
}
#compatible .compatible_pdf_list .compatible_pdf_list_ul{
	font-size: 16px;
}
#compatible .compatible_pdf_list .compatible_pdf_list_li{
	display: inline-block;
}
#compatible .compatible_pdf_list .compatible_pdf_list_li::after{
	content: "\a0|";
}
#compatible .compatible_pdf_list .compatible_pdf_list_li:last-child::after{
	content: "";
}

/*ボタン*/
#compatible .compatible_btn {
	max-width: 370px;
	margin: 0 auto;
}
#compatible .compatible_btn .compatible_btn_text {
	text-align: center;
	background-color: #ccc;
	padding: 15px;
	display: block;
	box-sizing: border-box;
	font-weight: bold;
	font-size: 16px;
	text-decoration: none !important;
}
#compatible .compatible_btn.act .compatible_btn_text{
	background-color: #004573;
	text-align: center;
	padding: 15px;
	display: block;
	box-sizing: border-box;
	font-weight: normal;
	font-size: 16px;
	cursor: pointer;
}
#compatible .compatible_btn.act .compatible_btn_text{
	color: #fff;
	text-decoration: none !important;
}
#compatible .compatible_btn.act .compatible_btn_text a{
	color: #fff;
	text-decoration: none !important;
}
#compatible .compatible_btn.act:hover .compatible_btn_text{
	text-decoration: none !important;
	opacity: 0.8;
}
#compatible .compatible_btn_r.compatible_info_block{
	justify-content: flex-end;
}

/*取り付けに関するお願い*/
#compatible .compatible_spec_info{
	padding: 20px;
	border: 1px solid #ccc;
	width: 100%;
	box-sizing: border-box;
}
#compatible .compatible_spec_info+.compatible_spec_info{
	margin-top: 30px;
}
#compatible .compatible_spec_info_text{
	font-size: 16px;
	display: flex;
}
#compatible .compatible_spec_info_text p{
	width: 100%;
}
.p_infos .compatible_spec_info_text p{
	margin-bottom: 0;
}
#compatible .compatible_info_block  p {
	margin-bottom:0!important;
}
#compatible .compatible_info_block {
	display: flex;
	align-items: start;
}
#compatible .compatible_info_block{
	margin-top: 20px;
}
#compatible .compatible_info_block .compatible_info_block-ttl {
	width: 100%;
}
#compatible .compatible_info_block .compatible_info_block-desc {
	color: #000;
}
#compatible .compatible_info_block .compatible_info_block-desc.compatible_h3_02 {
	text-indent: 0;
	padding-left: 0;
	color: #004573
}
#compatible .compatible_info_block .compatible_info_block-link {
	flex-shrink: 0;
	width: 31.5%;
	margin-left: 20px;
	padding: 15px 8px 15px 30px;
	background-color: #004573;
	text-align: center;
	text-decoration: none;
	font-size: 16px;
	position: relative;
	color: #fff;
	align-self: flex-start;
}
#compatible .compatible_info_block .compatible_info_block-link:hover{
	text-decoration: none !important;
	opacity: 0.8;
}
#compatible .compatible_info_block .compatible_info_block-link::before {
	content: '';
	width: 6px;
	height: 6px;
	border: 0px;
	border-top: solid 3px #8d9ca8;
	border-right: solid 3px #8d9ca8;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 43%;
	left: 6%;
}

/*目隠しカバー*/
#compatible .compatible_spec_info_block-descmemo{
	border: 1px solid #cccccc;
	padding: 20px;
}

#compatible .compatible_spec_info_block-descmemo,
#compatible .compatible_spec_info_block-descmemo_text{
	display: flex;
}

#compatible .compatible_spec_info_block-descmemo_text{
	font-weight: bold;
}

#compatible .compatible_spec_info_block-descmemo .memo-txt{
	align-self:flex-start;
  padding: 10px 5px;
  font-size: 12px!important;
  border-radius: 4px;
  background-color: #004473;
  color: #fff;
  margin-bottom: 15px;
}
#compatible .compatible_spec_info_block-descmemo .memo-desc{
  width: 170px;
  padding-left: 1em;
}
#compatible .compatible_spec_info_block-descmemo .compatible_spec_info_block-descmemo_desc{
  margin-left: 30px;
  width: 100%;
}
#compatible .compatible_spec_info_block-descmemo .compatible_spec_info_block-descmemo_img img{
	width: 100%;
	max-width: 280px;
}
#compatible .dummy_compatible_info_block{
  flex-shrink: 0;
	width: 31.5%;
	margin-left: 20px;
	padding: 15px 8px 15px 30px;
}

/*取り付けイメージ*/
#compatible .product_images img{
	display: block;
	margin: 0 auto;
	max-width: 600px;
}
#compatible .product_images:empty{
  display: none!important;
}

/*車種別適合情報（PDF）*/
#compatible .maker-main-select-ttl {
	display: flex;
	justify-content:flex-end;
	align-items: center;
}

/*検索結果テキスト*/
#compatible .product_seachresult{
	color: black;
	font-size: 12px;
	width: 100%
}
#compatible .product_seachresult > .compatible_seachresult_inner{
	background-color: #eeeeee;
	padding: 10px;
}
#compatible .product_seachresult > .compatible_seachresult_inner dt,
#compatible .product_seachresult > .compatible_seachresult_inner dd{
	display: inline-block;
}
#compatible .product_seachresult > .compatible_seachresult_inner dd{
	margin-right:10px;
}

/*テーブル*/
.compatible_table {
	width: 100%;
	text-align: center;
	color: #626262;
}
.compatible_table .compatible_table_th,
.compatible_table .compatible_table_th_sub{
	background-color: #dce6f1;
	border: 1px solid #333;
	padding: 10px;
	text-align: center;
}
.compatible_table .compatible_table_td{
	padding:10px;
	font-size: 12px;
	border: 1px solid #333;
}
.compatible_category_block+.compatible_category_block{
	padding-top: 40px;
}
.compatible_category_block .compatible_btn{
	padding-top: 20px;
}
.p_infos.product_tables{
	margin-bottom: 0!important;
}
 .anotation{
	margin-top: 15px;
	font-size: 12px;
	text-align: left;
}
.anotation:empty{
	display: none;
}
.p_infos.product_tables+.anotation{
	margin-bottom: 60px;
}
/*----------------------------------------------------------------------------
TAB以下
----------------------------------------------------------------------------*/
	@media screen and ( max-width: 768px ) {
		/*レイアウト*/
		.only_pc,
		.compatible_table_pc{
			display: none;
		}
		.only_sp{
			display: block;
		}
		.compatible_table_sp{
			display: table;
		}
		p.maker-list-pdf{
			margin-bottom: 30px;
		}
		p.maker-list-button{
			margin-bottom: 30px;
		}
		#compatible #select .p_infos:first-child{
	    padding-top: 28px !important;
		}
		#compatible .p_infos {
	    padding-top: 0 !important;
	    padding-bottom: 0 !important;
	  }
		.products_main_inner{
			padding: 0px;
		}
		/*見出し*/
		#compatible .products_info .compatible_h2_01 {
		}
		#compatible .products_info #result .compatible_h2_01{
			padding: 0 20px;
			text-align: center;
		}
		#compatible .products_info .compatible_h2_02 {
		}
		#compatible .products_info .compatible_h2_03 {
			font-size: 26px;
			color: #000;
			margin: 0 0 20px;
		}
		#compatible .products_info .compatible_h3_01 {
		}
		#compatible .products_info .compatible_h3_02 {
			text-align: left;
		}
		#compatible .products_info .compatible_h3_03 {
		}
		/*検索*/
		.compatible_select_2col .compatible_searchconf {
			display: block;
		}
		.compatible_select_2col .compatible_searchconf .compatible_select,
		.compatible_searchconf .compatible_select,
		.compatible_select_2col .compatible_searchconf .compatible_check_radio,
		.compatible_searchconf .compatible_check_radio{
			width: 100%;
		}
		#compatible .compatible_select-area-list-items {
		}

		#compatible .compatible_area-list {
			width: 100%;
			font-size: 18px;
			margin-right: 3%;
			font-weight: bold;
			color: #004573;
		}
		#compatible .compatible_select-area-list{
		}
		#compatible .compatible_check_radio-area-list{
			max-width: 110px;
		}
		/*車種別適合情報一覧(PDF)*/
		#compatible .compatible_pdf_list{
			margin: 40px 0 20px 0;
		}
		#compatible .compatible_pdf_list .compatible_pdf_list_ttl{
		}
		#compatible .compatible_pdf_list .compatible_pdf_list_ul{
		}
		#compatible .compatible_pdf_list .compatible_pdf_list_li{
			display: block;
			width: 100%;
			padding: 5px 0;
		}
		#compatible .compatible_pdf_list .compatible_pdf_list_li::after{
			content: "";
		}
		#compatible .compatible_pdf_list .compatible_pdf_list_li:last-child::after{
		}

		/*ボタン*/
		#compatible .compatible_btn {
			max-width: 100%;
		}
		#compatible .compatible_btn_r .compatible_btn_text{
			width: 100%;
		}
		/*車種別適合情報（PDF）*/
		.maker-main-select-ttl{
			flex-direction:column;
			justify-content:space-around;
			align-items: center;
		}
		/*目隠しカバー*/
		#compatible .compatible_spec_info_block-descmemo{
			display: block;
		}
		#compatible .compatible_spec_info_block-descmemo_text{
		}

		#compatible .compatible_spec_info_block-descmemo_text{
		}

		#compatible .compatible_spec_info_block-descmemo .memo-txt{
		}
		#compatible .compatible_spec_info_block-descmemo .memo-desc{
      width: 100%;
			align-self: center;
		}
		#compatible .compatible_spec_info_block-descmemo .compatible_spec_info_block-descmemo_desc{
			margin-top: 10px;
			margin-left: 0px;
		}
		#compatible .compatible_spec_info_block-descmemo .compatible_spec_info_block-descmemo_img img{
			max-width: 300px;
			display: block;
			margin: 0 auto;
		}
		#compatible .dummy_compatible_info_block{
			display: none;
		}
		/*取り付けイメージ*/
		#compatible .product_images img{
			width: 100%;
		}
		/*取り付けに関するお願い*/
		#compatible .compatible_spec_info .compatible_info_block+.compatible_info_block{
			margin-top: 20px;
		}
		#compatible .compatible_spec_info_text{
			display: block;
		}
		#compatible .compatible_spec_info_text p+p{
			margin-top: 1em;
		}
		#compatible .compatible_info_block-desc {
			text-align: left;
		}
		.p_infos.product_tables+.anotation{
			padding: 0 20px !important;
		}
		/*検索結果テキスト*/
		#compatible .product_seachresult{
			width: auto;
			text-align: left;
		}
		#compatible .product_seachresult > .compatible_seachresult_inner{
		}
	}

/*----------------------------------------------------------------------------
SP
----------------------------------------------------------------------------*/
			@media screen and (max-width: 480px) {
				/*見出し*/
				#compatible .products_info .compatible_h2_01 {
					font-size: 28px;
				}
				#compatible .products_info .compatible_h2_02 {
				}
				#compatible .products_info .compatible_h2_03 {
				}
				#compatible .products_info .compatible_h3_01 {
				}
				#compatible .products_info .compatible_h3_02 {
				}
				#compatible .products_info .compatible_h3_03 {
				}
				/*取り付けに関するお願い*/
				#compatible .compatible_info_block {
					display: block;
				}
				#compatible .compatible_info_block-desc {
				}
				#compatible .compatible_info_block .compatible_info_block-link {
					width: 100%;
					margin-left: 0;
					box-sizing: border-box;
					display: block;
					margin: 10px 0 0 0;
				}
				#compatible .dummy_compatible_info_block{
				}
				/**/
				#compatible select#maker-select,
				.compatible_select-area-list-items {
					padding: 10px 2.2rem 10px 10px;
					font-size: 0.9rem;
				}
				#compatible .compatible_searchconf select{
			    background-position: center right 10px;
				}
				#compatible .compatible_spec_info {
					padding: 6% 4% 4% 4% !important;
				}
			}

/*----------------------------------------------------------------------------
検索ポータルのみ
----------------------------------------------------------------------------*/
.compatible_portal #compatible_table_floating_9v{
	margin-bottom: 60px;
}
.compatible_portal #compatible_table_in-dash_9v,
.compatible_portal #compatible_table_in-dash_8v,
.compatible_portal #compatible_table_in-dash_7v,
.compatible_portal #compatible_table_speaker,
.compatible_portal #compatible_table_tweeter{
	margin: 60px 0;
}

.compatible_portal .products_main_inner{
	border-radius: 5px;
}
/*----------------------------------------------------------------------------
製品詳細ページのみ
----------------------------------------------------------------------------*/
.compatible_template #compatible_table_floating_9v,
.compatible_template #compatible_table_in-dash_9v,
.compatible_template #compatible_table_in-dash_8v,
.compatible_template #compatible_table_in-dash_7v,
.compatible_template #compatible_table_speaker,
.compatible_template #compatible_table_tweeter{
	margin: 0;
}

.compatible_template #result .compatible_h2_01{
	display: none;
}