/* カスタマイズ用CSS */

/* header */
.template-header__wrap {
    width: 95% !important;
}

/* wrap */
.template-wrap {
    max-width: 95%;
}

/* mainVisual */
.template-mainVisual__imageBox {
    padding-bottom: 125%;
}
.template-mainVisual__video {
    height: 40rem;
    margin: 8rem auto 0;
    position: relative;
    width: 60%;
}

@media only screen and (max-width: 768px) {
    .template-mainVisual__textArea > h1 > br {
        display: block;
    }

    .template-mainVisual__video {
        height: 35rem;
        margin: 7rem auto 0;
        width: 75%;
    }
}

@media only screen and (max-width: 519px) {
    .template-mainVisual__video {
        height: 30rem;
        margin: 6rem auto 0;
        width: 90%;
    }
}

.template-mainVisual__video > iframe {
    height: 100%;
    position: absolute;
    width: 100%;
}

/* recommendProduct */
.template-recommendProduct {
    margin: 0;
}

.template-recommendProduct:not(:nth-child(3n)) {
    margin-right: 50px;
}

@media only screen and (max-width: 1349px) {
    .template-recommendProduct:not(:nth-child(3n)) {
        margin-right: 25px;
    }
}

@media only screen and (max-width: 1024px) {
    .template-recommendProduct:not(:nth-child(3n)) {
        margin-right: 0;
    }
    
    .template-recommendProduct:not(:nth-child(2n)) {
        margin-right: 25px;
    }
}

@media only screen and (max-width: 768px) {
    .template-recommendProduct:not(:nth-child(2n)) {
        margin-right: 0;
    }
}

.template-recommendProduct:nth-child(n + 4) {
    margin-top: 50px;
}

@media only screen and (max-width: 1349px) {
    .template-recommendProduct:nth-child(n + 4) {
        margin-top: 25px;
    }
}

@media only screen and (max-width: 768px) {
    .template-recommendProduct:nth-child(n + 3) {
        margin-top: 0;
    }
    
    .template-recommendProduct:nth-child(n + 2) {
        margin-top: 25px;
    }
}

.template-recommendProduct > h3 {
    font-size: 1.4rem
}

@media only screen and (max-width: 768px) {
    .template-recommendProduct > h3 {
        font-size: 1.5rem
    }
    
    .template-recommendProduct > h3 > br {
        display: block;
    }
}

@media only screen and (max-width: 519px) {
    .template-recommendProduct > h3 {
        font-size: 1.6rem
    }
}

/* mainNewItems */
.template-mainNewItem__itemList {
    display: flex;
    flex-wrap: wrap;
}


/* instagram */
.template-mainInstagram__itemList {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}

@media only screen and (max-width: 768px) {
    .template-mainInstagram__itemList {
        margin: 0 auto;
        width: 95%;
    }
}

.template-instagram {
    width: calc((100% - 50px * 3) / 4);
}

.template-instagram:not(:nth-child(4n)) {
    margin-right: 50px;
}

@media only screen and (max-width: 768px) {
    .template-instagram {
        width: calc((100% - 25px * 3) / 4);
    }
    
    .template-instagram:not(:nth-child(4n)) {
        margin-right: 25px;
    }
}

@media only screen and (max-width: 519px) {
    .template-instagram {
        width: calc((100% - 25px) / 2);
    }
    
    .template-instagram:not(:nth-child(4n)) {
        margin-right: 0;
    }
    
    .template-instagram:not(:nth-child(2n)) {
        margin-right: 25px;
    }
    
    .template-instagram:nth-child(n + 3) {
        margin-top: 25px;
    }
}

.template-instagram__link {
    display: block;
    height: 0;
    padding-bottom: 100%;
    position: relative;
    text-decoration: none;
    width: 100%;
}

.template-instagram__link > img {
    display: block;
    height: 100%;
    object-fit: cover;
    position: absolute;
    width: 100%;
}

/* news */
.template-news {
    width: calc((100% - 50px * 3) / 4);
}

.template-news:nth-child(n + 2) {
    margin: 0;
}

.template-news:not(:nth-child(4n)) {
    margin-right: 50px;
}

.template-news:nth-child(n + 5) {
    margin-top: 100px;
}

@media only screen and (max-width: 768px) {
    .template-news {
        width: calc((100% - 25px * 3) / 4);
    }
    
    .template-news:not(:nth-child(4n)) {
        margin-right: 25px;
    }
    
    .template-news:nth-child(n + 5) {
        margin-top: 75px;
    }
}

@media only screen and (max-width: 519px) {
    .template-news {
        width: calc((100% - 25px) / 2);
    }
    
    .template-news:not(:nth-child(4n)) {
        margin-right: 0;
    }
    
    .template-news:nth-child(n + 5) {
        margin-top: 0;
    }
    
    .template-news:not(:nth-child(2n)) {
        margin-right: 25px;
    }
    
    .template-news:nth-child(n + 3) {
        margin-top: 25px;
    }
}

.template-news__link {
    color: #333333;
    display: block;
    text-decoration: none;
    width: 100%;
}

.template-news__link > div {
    height: 0;
    padding-bottom: 100%;
    position: relative;
    width: 100%;
}

.template-news__link > div > img {
    display: block;
    height: 100%;
    object-fit: cover;
    position: absolute;
    width: 100%;
}

.template-news__link > p:nth-of-type(1) {
    font-size: 1rem;
    font-weight: 500;
    margin: 0.9rem 0 0.4rem;
}

.template-news__link > p:nth-of-type(2) {
    font-size: 1.3rem;
    font-weight: 700;
    margin: 0;
}

@media only screen and (max-width: 768px) {
    .template-news__link > p:nth-of-type(2) {
        font-size: 1.2rem;
    }
}

@media only screen and (max-width: 519px) {
    .template-news__link > p:nth-of-type(2) {
        font-size: 1.1rem;
    }
}

#page_news .template-mainNewItem {
    margin: 0;
}

@media only screen and (max-width: 768px) {
    .template-mainNewItem__itemList {
        margin: 0 auto;
        width: 95%;
    }
}