/* --------------------MAKTRAK------------------------ */

.pageTitleA__block {
  background-color: #000;
  color: #fff;
}
.checkBoxList>* .input.-checkbox+label {
  background-color: #000;
  color: #fff;
}
.checkBoxList>* .input.-checkbox+label:hover {
  background-color: #333;
  color: #000;
}
.productCard__inner {
  color: #fff;
}


.topicpath__wrap {
  background-color: #000;
  color: #fff;
}
.-bgWhite {
  background-color: #000;
  color: #fff;
}
.topicPath li:last-child {
  color: #fff;
}
.productDetail__headInfo__iconWrap {
  background-color: #333;
  color: #fff;
}
.thumb-media {
  border: solid 1px #fff;
}
.-bgGray {
  background-color: #000;
  color: #fff;
}
.productDetail__bodyBlock {
  background-color: #333;
  color: #fff;
}
.pageLinkNavA__wrap.-typeB .pageLinkNavA a {
  background-color: #000;
  color: #fff;
  /* border: solid 1px #fff; */
}
.pageLinkNavA li {
  border: solid 1px #fff;
}
.pageLinkNavA__wrap.-typeB .pageLinkNavA a>span:not([class])::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%229%22%20height%3D%228%22%20viewBox%3D%220%200%209%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7.79297%204L4.39886%207.39411%22%20stroke%3D%22%23FFFFFF%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M1.00433%203.99847L4.39844%207.39258%22%20stroke%3D%22%23FFFFFF%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}
#set-prodetail thead td, #set-prodetail thead th {
  background-color: #000 !important;
  color: #fff !important;
}
#set-prodetail tbody td:first-child[rowspan] {
  background-color: #000 !important;
  color: #fff !important;
}
#set-prodetail tbody td:first-child, #set-prodetail tbody td:first-child[rowspan]+td {
  background-color: #000 !important;
  color: #fff !important;
}
#spec-wrap .spec-prodetail tr.lineColor td, #spec-wrap .spec-prodetail tr.lineColor th {
  background-color: #000 !important;
  color: #fff !important;
}
#pr-prodetail .buttonlink:active, .buttonA:active {
  color: #282828 !important;
}
#pr-prodetail .buttonlink, .buttonA {
  color: #fff !important;
  background-color: #000 !important;
}
.product-pcScrollTable tbody:nth-child(2) td{
  background-color: #000 !important;
  color: #fff !important;
}
.productCard__body {
  background-color: #333 !important;
}
.productFilterResultBlock .productCard__list, .searchTab__PanelItem .productCard__list {
  background-color: #333 !important;
}

/* mainvisual */
.tmov{
  position: relative;
  height: calc(100vh - 1.3rem);
  overflow: hidden;
  margin-top: 15px;
}
.timg{ /* 動画が無い場合 */
  position: relative;
  /* height: calc(100vh - 1.3rem); */
  overflow: hidden;
}
#top_visual video{
  object-fit: cover;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
#main_sp{
  display: none;
}
@media screen and (max-width: 768px) {
    #main_sp{
        display: block;
    }
    #top_visual video {
        object-fit: contain;
        position: static;
    }
    #main_pc{
        display: none;
    }
    #top_visual {
        height: auto;
    }
}

#maktrak-link {
  position: absolute;
  top: 0.48rem;
}
#maktrak-link a{
  padding: .12rem .31rem .12rem .57rem;
}
@media screen and (max-width: 768px) {
  #maktrak-link {
    position: static !important;
    top: auto !important;
    margin-bottom: 30px !important;
  }
}
#maktrak-pagelink {
    margin-left: 4.2rem;
}
@media screen and (max-width: 768px) {
  #maktrak-pagelink {
    margin-left: auto !important;
  }
}

/* headGridを縦1カラムに変更：動画/画像を全幅表示し、その下にタイトル・キャッチコピーを配置 */
.maktrak_middle .productDetail__headGrid{ display:block !important; }
.maktrak_middle .productDetail__headImg{ grid-row:auto !important; width:100%; }
.maktrak_middle .productDetail__headImg .mkCarousel{ margin:0; }
.maktrak_middle .productDetail__headTitleWrap{ margin-top:0.48rem !important; text-align:center; }
.maktrak_middle .productDetail__headInfo{ text-align:center; }
.maktrak_middle .productDetail__headInfo__text{ margin-top:0.24rem !important; }