@charset "utf-8";
/* CSS Document */

.secBox{overflow:hidden;}
.secBox h2:before{ margin-right:0rem;}
.secBox h2:after{ margin-left:0rem;}
/* -------- */
/* 製品情報（親）
/* -------- */
#listSec{
    padding: 2em 0 4em;
}
.page-template-products{}
.page-template-products #secBox{}
.page-template-products .sectionInner{padding: 60px 0 0px;gap: 3%;}
#listSec .sectionInner{
    max-width: 1280px;
}
.page-template-products #productList{
    display: flex;
    justify-content: space-between;
    /* max-width: 1120px; */
    margin: auto;
    gap: 2em 0;
}
.page-template-products .productBox{
    width: 31%;
    margin: 0 0 2em;
    transition: .2s ease-in-out;
}
.page-template-products .productBox:hover{scale:1.05;}
.page-template-products .productBox:nth-child(3n+1){position:relative;}
.page-template-products .productBox:nth-child(3n+1):before{content:"";display:block;width: 120vw;height: 17em;position:absolute;bottom: -2em;left: calc(50% - 40vw);z-index:-1;}
.page-template-products .productBox:nth-last-child(-n+3):before{height: 21em;position:absolute;bottom: -6em;}

.page-template-products .productBox:nth-child(3n){/* margin-right: 0px; */}

.page-template-products .productBox .img{order:1;width: 100%;height: auto;aspect-ratio: 16/9;border-radius: 10px;overflow: hidden;background: #ccc;margin: 0 auto 1em;}
.page-template-products .productBox .img img{width:100%;height:auto;}
.page-template-products .productBox .ttl_sub{order:2;width: 100%;font-size: 1.1em;margin: auto;}
.page-template-products .productBox .ttl{order:3;font-weight:bold;font-size: 22px;text-align: left;margin: 0.2em 0;color: #000;}
.page-template-products .productBox .txt{order:4}

@media screen and (max-width:1239px){
    .page-template-products .productBox .img,
    .page-template-products .productBox img{width: 100%;height:auto;/* max-height: 250px;aspect-ratio: auto; */}
    
    .page-template-products .productBox{width: calc((100% - 50px) / 3);}
    .page-template-products .productBox:nth-child(3n){margin-right: 0;}
    .page-template-products .productBox:nth-child(even){}
    
}

@media screen and (max-width:800px){
    .page-template-products .sectionInner{padding: 1em 0 0px;}

    
    .page-template-products .productBox{width: 100%;}
    .page-template-products .productBox:nth-child(3n){
    margin-right: 0;
}
    .page-template-products .productBox{
    margin-right: auto;
    margin: 0 0 3em;
}
    

    .page-template-products .productBox:nth-child(3n+1),
    .page-template-products .productBox:nth-last-child(1){position:relative;}
    .page-template-products .productBox:nth-child(3n+1):before,
    .page-template-products .productBox:nth-last-child(1):before{content:"";display:block;width: 120vw;height: 17em;position:absolute;bottom: -2em;left: calc(50% - 60vw);z-index:-1;}
    .page-template-products .productBox:nth-last-child(1):before{height: 21em;position:absolute;bottom: -6em;}

    .page-template-products .productBox .ttl{width:100%}

}