@media print {
/* 印刷用スタイルをここに書く */

body, html {
    margin: 0!important;
    padding: 0!important;
    height: auto!important;
  }

/* 最初の要素で改ページしない */
article#breadcrumb,
article#detail_body,
article#error {
  page-break-before: auto!important;
  page-break-inside: avoid!important;
}

.swiper-wrapper, .swiper_custom_wrapper {
  display: block !important;
  height: auto !important; /* flexの高さ問題を回避 */
}

article.detail_box {
  display: block !important; /* flexをblockにして縦積みに */
  gap: 0 2rem!important;
    position: relative;
    margin-bottom: 0px;
}


header,
footer,
.button_box .button_d,
.hammenu,
.pankuzu,
.new_pankuzu_box,
button#backToTop,
button#backToTop img,
.back_to_result.back_to_result_btn.new_go_back,
.new_go_back {
    display: none!important;
}

.detail-page-main {
  margin-top: 0;
}
.swiper-wrapper,
.swiper_custom_wrapper {
  display: block;
}

article{
    display: block;
}

article#detail_body {
    margin: 0 auto;
}

article#breadcrumb, article#detail_body, article#error {
    width: 100%;
    max-width: 100%;
    padding: 1rem;
}

/* 詳細情報　右の欄 */
article.detail_box #spec_column {
    width: 70%;
    margin: 0 auto;
}

article.detail_box #spec_column dd {
    font-weight: 400!important;
}

article.detail_box #img_column {
    /* flex: 0 1 60%; */
    /* margin-right: 20px; */
    width: calc(60% - 40px);
}

.swiper-zoom-container {
  max-width: 100%;
  max-height: auto;
  object-fit: contain;
}

/* 画像 */
.swiper-zoom-container {
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

#print_image {
    margin: 0 auto 10px;
    display: block;
}
}