/**
 * Custom CSS for Mass Theme
*/

/* -------------------------------------------------------------------------------- */
/* 製品情報 */
.post-name-product {
  --mh: 990;
  --width: 1280
}
.post-name-product .product-pict {
  position: absolute;
  top: calc(128 / var(--mh) * 100%);
  left: calc(18 / var(--width) * 100%);
  width: calc(1243 / var(--width) * 100%);
}
.post-name-product .product-text {
  position: absolute;
  top: calc(190 / var(--mh) * 100%);
  left: calc(96 / var(--width) * 100%);
  width: calc(382 / var(--width) * 100%);
}
.post-name-product .product-text-en {
  top: calc(180 / var(--mh) * 100%);
  width: calc(510 / var(--width) * 100%);
}
.post-name-product .product-text-zh {
  top: calc(200 / var(--mh) * 100%);
  width: calc(316 / var(--width) * 100%);
}

.post-name-product .solution-semi {
  position: absolute;
  top: calc(200 / var(--mh) * 100%);
  left: calc(538 / var(--width) * 100%);
  width: calc(230 / var(--width) * 100%);
}
.post-name-product .solution-semi-en {
  top: calc(144 / var(--mh) * 100%);
  left: calc(652 / var(--width) * 100%);
  width: calc(340 / var(--width) * 100%);
}

.post-name-product .solution-quality {
  position: absolute;
  top: calc(370 / var(--mh) * 100%);
  left: calc(80 / var(--width) * 100%);
  width: calc(230 / var(--width) * 100%);
}
.post-name-product .solution-quality-en {
  top: calc(360 / var(--mh) * 100%);
  width: calc(366 / var(--width) * 100%);
}

.post-name-product .solution-reduct {
  position: absolute;
  top: calc(751 / var(--mh) * 100%);
  left: calc(83 / var(--width) * 100%);
  width: calc(230 / var(--width) * 100%);
}
.post-name-product .solution-reduct-en {
  top: calc(740 / var(--mh) * 100%);
  width: calc(300 / var(--width) * 100%);
}

.post-name-product .solution-eff {
  position: absolute;
  top: calc(805 / var(--mh) * 100%);
  left: calc(556 / var(--width) * 100%);
  width: calc(230 / var(--width) * 100%);
}
.post-name-product .solution-eff-en {
  top: calc(794 / var(--mh) * 100%);
  left: calc(482 / var(--width) * 100%);
  width: calc(315 / var(--width) * 100%);
}

.post-name-product .solution-opt {
  position: absolute;
  top: calc(696 / var(--mh) * 100%);
  left: calc(808 / var(--width) * 100%);
  width: calc(230 / var(--width) * 100%);
}
.post-name-product .solution-opt-en {
  top: calc(685 / var(--mh) * 100%);
  width: calc(380 / var(--width) * 100%);
}

.post-name-product .solution-logi {
  position: absolute;
  top: calc(550 / var(--mh) * 100%);
  left: calc(1005 / var(--width) * 100%);
  width: calc(230 / var(--width) * 100%);
}
.post-name-product .solution-logi-en {
  top: calc(523 / var(--mh) * 100%);
  left: calc(893 / var(--width) * 100%);
  width: calc(338 / var(--width) * 100%);
}

/* 一覧 */
.p-cat-list {
  box-sizing: border-box;
}

.p-cat-list li {
  border-top: 1px solid #fff;
  /* border-bottom: 1px solid #fff; */
}

.p-cat-list li a {
  padding-top: 1em !important;
  padding-bottom: .75em !important;
}

.p-cat-list .children li {
  background-color: #2B3B66;
}

.p-cat-list .current-cat,
.p-cat-list .children .current-cat {
  background-color: #0092D7;
}

.p-cat-list .current-cat-ancestor {
  background-color: #fff;
}

.p-cat-list .current-cat-ancestor>a {
  color: #000;
}

/* 初期状態ではすべての子リスト（.children）を非表示にする */
.p-cat-list .children {
  display: none;
}

/* 現在のタームにだけ含まれる子リストを表示 */
.p-cat-list .current-cat>.children,
.p-cat-list .current-cat-ancestor>.children {
  display: block;
}

/* 製品一覧を3列にする */
.post-name-product .wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid,
.post-type-products .wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid {
  grid-template-columns: 1fr 1fr 1fr;
}

/* 仕様表のスクロールバー（PC表示で自動にする） */
.wp-block-flexible-table-block-table.is-scroll-on-pc {
  overflow-x: auto !important;
}

@media (width <=600px) {

  .post-name-product .wp-block-post-featured-image,
  .post-type-products .wp-block-post-featured-image {
    padding: 0 !important;
  }
}