@page {
    size: A4 portrait;
    margin: 15mm;
}

@media print {
    *,
    *::before,
    *::after {
        box-shadow: none !important;
        text-shadow: none !important;
    }

    .fadein,
    .fadein01,
    .fadein02,
    .fadein03,
    .fadein04,
    .fadein05,
    .fadein06,
    .js-reveal,
    [data-aos] {
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        animation: none !important;
        transition: none !important;
    }

    html,
    body {
        width: auto !important;
        min-width: 0 !important;
        overflow: visible !important;
        background: #fff !important;
        color: #000 !important;
        font-size: 10.5pt;
    }

    .site-header,
    .site-footer,
    .top-audience,
    .lower-category-nav,
    .breadcrumb,
    .fixed-menu,
    .side-fixed,
    .pagetop,
    .language-dialog,
    nav[aria-label="パンくずリスト"],
    nav[aria-label="パンくず"] {
        display: none !important;
    }

    main,
    article,
    section,
    .l-inner {
        width: 100% !important;
        max-width: none !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    img,
    svg,
    video,
    canvas {
        max-width: 100% !important;
        height: auto !important;
        break-inside: avoid;
    }

    table {
        width: 100% !important;
        border-collapse: collapse !important;
    }

    tr,
    img,
    figure,
    details,
    .product__recommend-link,
    .energy-detail__faq-item {
        break-inside: avoid;
    }

    details:not([open]) > *:not(summary) {
        display: block !important;
    }

    a,
    a:visited {
        color: #000 !important;
        text-decoration: underline;
    }

    button,
    input[type="submit"],
    input[type="button"],
    .c-btn-round,
    .c-btn-square {
        break-inside: avoid;
    }
}