@charset "utf-8";

/*
 * File    : rwd-product.css
 * Author  : STUDIO-JT (JSH)
 *
 * SUMMARY :
 * 1680px
 * 1480px
 * 1200px
 * 1023px
 * 860px
 * 540px
 */



/* **************************************** *
 * 1680px
 * **************************************** */
@media (max-width: 1680px){

}



/* **************************************** *
 * 1480px
 * **************************************** */
@media (max-width: 1480px){

    /* LIST */
    .product-case-list__card { width: 370rem; }
}



/* **************************************** *
 * 1200px
 * **************************************** */
@media (max-width: 1200px){

    /* LIST */
    .product-case-list__slider { margin: 0 -12rem; }
    .product-case-list__card { width: 357rem; margin: 0 12rem; }

    .product-list__contact > a { padding: 20rem 80rem; height: 160rem; }

    body.page-template-product-kiln .article__visual-content br { display: none; }

    /* SINGLE */
    .product-single__sticky-inner { padding: 140rem 40rem 200rem 0; }
    .product-single__content-inner { max-width: inherit; margin-left: 40rem; padding: 140rem 0 200rem; }

    .product-component__gallery { margin: 0 -12rem 40rem; }
    .product-component__gallery-item { width: calc(33.33% - 24rem); margin: 0 12rem; }

    /* CASE */
    .product-case-single__slider .swiper-navigation { display: none; }
    .product-case-single__content-image { margin-bottom: 40rem; }

}



/* **************************************** *
 * 1023px
 * **************************************** */
@media (max-width: 1023px){

    /* LIST */
    .product-list__data > ul > li > a { gap: 60rem; }
    .product-list__item-desc { -webkit-line-clamp: 3; }
    .product-list__item-thumb { width: 40%; }

    /* SINGLE */
    .product-single__sticky { display: none; }
    .product-single__content { width: 100%; max-width: inherit; }
    .product-single__content-inner { margin-left: 0; padding: 120rem 0 160rem; }

    .product-section { margin-top: 100rem; }

}



/* **************************************** *
 * 860px
 * **************************************** */
@media (max-width: 860px){

    /* VISUAL */
    body.page-template-product-thermal .article__visual-bg { background-position: 4% center; }

    /* LIST */
    .product-list__data > ul > li > a { gap: 40rem; padding-bottom: 32rem; }
    .product-list__item-content { gap: 12rem; }
    .product-list__item-icon { display: none; }

    .product-case-list__slider { margin: 0; }
    .product-case-list__card { width: 342rem; margin: 0; }
    .product-case-list__card + .product-case-list__card { margin-left: 20rem; }

    .product-list__contact > a { padding: 20rem 60rem; height: 140rem; }

    /* SINGLE */
    .product-single__content-inner { padding: 100rem 0 140rem; }

    .product-single__visual { margin-top: 32rem; }

    .product-section { margin-top: 80rem; }
    .product-section__title { margin-bottom: 16rem; }
    
    .product-section .jt-table { margin-bottom: 24rem; }
    .product-section table { margin-bottom: 24rem; }
    .product-section table th, .product-section table td { padding: 16rem 8rem; min-width: 80rem; }

    .product-section ol:not([class]), .product-section ul:not([class]) { margin-bottom: 24rem; }
    html.ios .product-section ul:not([class]) > li:before { margin-top: -.5rem; }
    html.ios .product-section ol:not([class]) > li:before { padding-bottom: .5rem; }

    .product-component__image { margin-bottom: 24rem; }
    .product-component__image > span { margin-top: 8rem; }

    .product-component__gallery { gap: 24rem 0; }
    .product-component__gallery-item > span { margin-top: 8rem; }

    .product-component__subject { margin-bottom: 16rem; }

    .product-component__image-culumn:nth-child(2) { padding: 0; }

    .product-component__image-cell { gap: 24rem; margin-bottom: 24rem; }

    .product-component__divider { margin: 32rem 0; }

    .product-component__attachment > li > a { padding: 12rem 16rem; }

    /* CASE */
    .product-case-single__title { margin-bottom: 40rem; }
    .product-case-single__desc { margin-bottom: 100rem; }
    .product-case-single__slider { margin-bottom: 100rem; }
    .product-case-single__condition { flex-direction: column; margin-bottom: 100rem; }
    .product-case-single__condition-content { max-width: inherit; }
    .product-case-single__content-image { margin-bottom: 24rem; }

}



/* **************************************** *
 * 540px
 * **************************************** */
@media (max-width: 540px){

    /* VISUAL */
    body.page-template-product-thermal .article__visual-bg { background-position: 18% center; }

    /* LIST */
    .product-list__data > ul > li > a { flex-direction: column; gap: 16rem; }
    .product-list__item-thumb { order: 1; width: 100%; }
    .product-list__item-content { order: 2; }

    .product-case-list__card { width: 280rem; }
    .product-case-list__card + .product-case-list__card { margin-left: 12rem; }

    .product-list__contact > a { padding: 20rem 30rem; height: 100rem; border-radius: 20rem; }
    .product-list__contact .jt-icon { width: 28rem; }

    /* SINGLE */
    .product-single__content-inner { padding: 80rem 0 120rem; }

    .product-section { margin-top: 60rem; }

    .product-section ul:not([class]) > li { padding-left: 16rem; }
    .product-section ul:not([class]) > li > ul:not([class]) > li:before { width: 5rem; }

    .product-component__gallery-item { width: calc(50% - 16rem); margin: 0 8rem; }

    .product-component__image-cell { flex-direction: column; gap: 16rem; }
    .product-component__image-culumn:nth-child(1) { width: 100%; max-width: inherit; }

    /* CASE */
    .product-case-single__title { margin-bottom: 30rem; }
    .product-case-single__desc { margin-bottom: 80rem; }
    .product-case-single__slider { margin: 0 -20rem 80rem; }
    .product-case-single__condition { margin-bottom: 80rem; }
    .product-case-single__content-image { margin-bottom: 20rem; }

}