:root {
  --page-inline: 10mm;
}
@page {
  margin: 5mm var(--page-inline);
  size: A4 portrait; /* 横の場合はlandscape */
}
/* 背景のグラフィック お守りとして入れておくと良いコード */
* {
  -webkit-print-color-adjust: exact !important;
  print-color-adjust: exact !important;
}

/* 全体の幅をリセット（はみ出し防止） */
body,
main {
  /* width: 100% !important; */
  width: calc(100% - var(--page-inline) * 2) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  float: none !important; /* 横並びを解除して縦に並べる */
}
body .wbase {
  width: 100%;
  max-width: 100% !important;
}
* {
  max-width: 100% !important;
}

/* 要素の非表示 */
header,
footer,
.breadcrumb-wrap,
.page-tit,
.sec-truck02 .btn {
  display: none;
}

/* ページ改行の制御 */
tr,
img,
h3 {
  break-inside: avoid; /* 要素の途中でページが切れるのを防ぐ */
}
h2,
h3 {
  break-after: avoid; /* 見出しの直後でページが切れるのを防ぐ（見出しだけポツンと残るのを防止） */
}

.sec-truck01 {
  display: grid;
  grid-template-columns: 50% 1fr;
  align-items: start;
  grid-template-rows: min-content 1fr auto;
  grid-template-areas:
    "head main"
    "sub main"
    "thumb thumb";
  gap: 30px 40px;
  /* padding-top: 0 !important; */
  padding: 0 0 40px !important;
}
.truck-head {
  grid-area: head;
  margin: 20px 0 0 !important;
}
.truck-head .tag {
  padding: 6px 10px;
  font-size: 15px;
}
.truck-head .tit {
  font-size: 32px;
}
.truck-main,
.thumb-slide {
  display: contents;
}
/* スライド */
.splide__arrows.splide__arrows--ltr {
  display: none; /* 矢印を非表示 */
}
#thumb-main-1 {
  grid-area: main;
}
/* サムネイル */
#thumb-thumb-1 {
  grid-area: thumb;
  margin-top: 0;
}
#thumb-thumb-1 ul.thumb-main-list {
  --num: 5;
  --gap: 10px;
  display: flex !important;
  flex-wrap: wrap !important; /* 折り返して並べる */
  gap: var(--gap) !important;
  transform: none !important;
}
#thumb-thumb-1 ul.thumb-main-list li.splide__slide {
  width: calc((100% - var(--gap) * calc(var(--num) - 1)) / var(--num)) !important;
  height: auto !important;
  aspect-ratio: 4/3;
  margin: 0 !important;
  border: none;
}
.thumb-slide .thumb-thumb .splide__slide {
  opacity: 1;
}

.truck-main .sub {
}
.truck-main .links {
  display: none;
}

.truck-tbl tr td .specs .item span[data-check="on"] {
  color: var(--c_main);
  font-weight: var(--fw_b);
  background: #fff;
  border: 1px solid var(--c_main);
}

/* print */
.print-header,
.print-footer {
  display: flex;
  align-items: center;
  gap: 10px;
  line-height: 1;
}
:is(.print-header, .print-footer) .logo {
  display: grid;
}
.print-header {
  margin-bottom: 40px;
  padding: 0 0 10px;
  border-bottom: 1px solid var(--c_main);
}
.print-header .logo {
  width: 100px;
  margin-top: 4px;
}
.print-header .tel {
  margin-left: 20px;
  font-size: 15px;
}
.print-header .hour {
  font-size: 11px;
}

.print-footer {
  gap: 30px;
  padding: 30px 30px;
  border: 1px solid var(--c_main);
}
.print-footer .logo {
  width: 220px;
  margin-top: 10px;
}
.print-footer .tel {
  margin-left: 50px;
  color: var(--c_main);
  font-size: 30px;
}
.print-footer .hour {
  font-size: 18px;
}