/*-------------------------------------------------------------------
sitemap.css
サイトマップ
-------------------------------------------------------------------*/

@charset "utf-8";


/* タイトル（製品情報／専用品／その他） */
h2.subtitle{
  position: relative;
  color: white;
  line-height: 1.4;
  padding: 0.5em 0.5em 0.5em 1.8em;
}
h2.subtitle:before {
  font-family: "Font Awesome 5 Free";
  content: "\f14a";
  position: absolute;
  left : 0.5em; /*左端からのアイコンまでの距離*/
}

.subcor01{
  background: #81d0cb;	/* 薄緑 */
}
.subcor02{
  background: #EA9198;	/* ピンク */
}
.subcor03{
  background: #8FCAE8;	/* 水色 */
}
.subcor04{
  background: #8F95E8;	/* 薄紫 */
}



/* メーカータイトル（トヨタ／レクサス等） */
h3.senmaker {
  position: relative;
  line-height: 1.4;
  background: #F5F5F5;
  padding: 0.5em 0.5em;
  border-left: solid 3em #EA9198;
  border-bottom: solid 2px #dadada;/*下に灰色線*/
  color: #404040;/*文字色*/
}

h3.senmaker:before {
  font-family: "Font Awesome 5 Free";
  content: "\f1b9";
  position: absolute;
  padding: 0em;
  color: white;
  font-weight: 900;
  /*left: -1.35em;*/
  left: -2em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}



/* 商品カテゴリタイトル（キーレス・スマートキー／セキュリティ等） */
h4.cattitle {
  padding: 0;
  color: #404040;
  border-bottom: solid 2px #dadada;/*下に灰色線*/
  background: #F5F5F5;
  margin-bottom: 5px;/*下のバーとの余白*/
  line-height: 1.5;
  padding: 0.5em;
  font-weight: bold;
}
.catcor01{
  border-left: solid 6px #3FABA4;	/* 緑 */
}
.catcor02{
  border-left: solid 6px #FF6E85;	/* 濃ピンク */
}
.catcor03{
  border-left: solid 6px #3CA3D7;	/* 濃水色 */
}
.catcor04{
  border-left: solid 6px #666CA5;	/* 紫 */
}


/* 商品 */
ul.cat01 {
  color: #404040;
  list-style: none;
  font-weight: 900;
}

ul.cat01 li {
  margin-bottom: 5px;
}

ul.cat01 li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f105";	/* > */
}

ul.cat02 {
  padding-left:2em;
  list-style: none;

}

ul.cat02 li {
  margin-bottom: 5px;
}

ul.cat02 li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f101";	/* >> */
}


/* アコーディオンメニュー */
/*input要素自体は非表示にしておく*/
input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
 
/*アコーディオンのスタイリング*/
.tabs {
  overflow: hidden;
}
 
.tab {
  width: 100%;
  overflow: hidden;
}
.tab-label {
  display: flex;
  cursor: pointer;
}
 
.tab-content {
  max-height: 0;
  padding: 0 1em;
  color: #333;
  background: white;
  transition: all .30s;
}

/*チェックが入ったら開く*/
input:checked ~ .tab-content {
  max-height: 100%;
/*  max-height: 100vh;*/
  padding: 1em;
}