@charset 'utf-8';
.for_sp{
    display: none;
}
.for_pc{
    display: block;
}
@media screen and (max-width: 767px) {
    .for_pc{
        display: none;
    }
    .for_sp{
        display: block;
    }
}
.fs-l-sideArea{
    display: none;
}
.fs-l-main{
    max-width: 100%;
    padding: 0;
}
.fs-l-sideArea + .fs-l-pageMain, .fs-l-pageMain + .fs-l-sideArea{
    max-width: 100%;
}

.mainw{
    max-width: 950px;
    margin-left: auto;
    margin-right: auto;
   
}
.lp{
    h2{
        margin-block-start: 0;
        margin-block-end: 0;
    }
    ul{
        margin-left: 0;
        padding-left: 0;
    }
    li{
        list-style: none;
    }
}
@media screen and (max-width: 767px) {
    .mainw{
        max-width: calc(674/750*100vw);
        margin-left: auto;
        margin-right: auto;
    }
}
.c-ttl{
    font-size: 40px;
    font-weight: 600;
    color: #626262;
}
.m-ttl{
    font-size: 30px;
    font-weight: 300;
}
.txt{
    font-size: 16px;
    line-height: calc(26/16*1);
    color: #1a1a1a;
}
.c-btn a{
    width: 100%;
    height: 48px;
    background-color: #525252;
    border: 1px solid #525252;
    color: #fff;
    padding-left: 14px;
    position: relative;
    display: flex;
    align-items: center;
    &::after{
        position: absolute;
        width: 8px;
        height: 8px;
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        top: 50%;
        right: 14px;
        transform: translateY(-50%) rotate(-45deg);
        content: '';
        transition: .3s;
    }
}
@media screen and (max-width: 767px) {
    .m-ttl{
        font-size: calc(40/750*100vw);
    }
    .txt{
        font-size: calc(30/750*100vw);
        line-height: calc(45/30*1);
    }
    .c-btn a{
        width:  100%;
        height:  calc(90/750*100vw);
        padding-left:  calc(28/750*100vw);
        &::after{
            position: absolute;
            width: calc(8/750*100vw);
            height: calc(8/750*100vw);
            right: calc(20/750*100vw);
        }
    }
}
.c-btn a:hover{
    text-decoration: none;
    background-color: #fff;
    color: #525252;
    &::after{
        border-color: #525252;
    }
}
.c-btn+.c-btn{
    margin-top: 12px;
}
@media screen and (max-width: 767px) {
    .c-btn+.c-btn{
        margin-top:  calc(24/750*100vw);
    }
}
.mv{
    text-align: center;
    h3{
        margin-top: 70px;
    }
    .mv_img2{
        margin-top: 70px;
    }
}
@media screen and (max-width: 767px) {
    .mv{
        text-align: center;
        h3{
            margin-top:  calc(80/750*100vw);
        }
        .mv_img2{
            margin-top:  calc(90/750*100vw);
        }
    }
}
.collection{
    margin-top: 120px;
    text-align: center;
    .m-ttl{
        margin-top: 40px;
    }
    .m-ttl+p{
        margin-top: 20px;
    }
    .collection_list{
        margin-top: 70px;
    }
    .collection_mv{
        margin-top: 20px;
    }
}
@media screen and (max-width: 767px) {
    .collection{
        margin-top: calc(120/750*100vw);
        .m-ttl{
            margin-top: calc(60/750*100vw);
        }
        .m-ttl+p{
            margin-top: calc(20/750*100vw);
        }
        .collection_list{
            margin-top: calc(60/750*100vw);
        }
        .collection_mv{
            margin-top:  calc(20/750*100vw);
        }
    }
}

.collection_list{
    display: flex;
    justify-content: center;
    gap: 0 10px;
    figcaption{
        font-size: 40px;
        text-align: center;
        span{
            display: block;
            font-size: 16px;
            font-weight: 400;
            padding-bottom: 18px;
        }
    }
}
@media screen and (max-width: 767px) {
    .collection_list{
        flex-direction: column;
        max-width: calc(500/750*100vw);
        margin-left: auto!important;
        margin-right: auto!important;

        gap: calc(60/750*100vw) 0;
        figcaption{
            font-size: calc(30/750*100vw);
            span{
                font-size: calc(30/750*100vw);
                padding-bottom: calc(16/750*100vw);
            }
        }
    }
}
figure{
    margin-left: 0;
    margin-right: 0;
}
.item_list{
    margin-top: 70px;
    display: flex;
    gap: 0 70px;
    justify-content: center;
    figcaption{
        margin-top: 20px;
    }
    li>div{
        margin-left: auto;
        margin-right: auto;
    }
}
@media screen and (max-width: 767px) {
    .item_list{
        figcaption{
            margin-top: calc(16/750*100vw);
        }
        li>div{
           max-width: calc(500/750*100vw);
           margin-left: auto;
           margin-right: auto;
        }
    }
}
@media screen and (max-width: 767px) {
    .slick-dots li.slick-active button:before{
        color: #f28c55;
    }
    .slick-dots li  button:before{
        color: #8c8c8c;
    }
    
    .slide-arrow{
        position: absolute;
        top: 43%;
        img{
            width: calc(40/750*100vw);
            height: auto;
        }
    }
    .slick-dots li button:before{
        font-size: 10px;
        line-height: 30px;
    }
    .next-arrow{
        right: 0;
    }
    .prev-arrow{
        left: 0;
    }

    .mv{
        h3{
            max-width: calc(638/750*100vw);
            margin-left: auto;
            margin-right: auto;
        }
    }
    .lamina_ttl{
        max-width: calc(500/750*100vw);
        margin-left: auto;
        margin-right: auto;
    }
    .kintsugi_ttl{
        max-width: calc(320/750*100vw);
        margin-left: auto;
        margin-right: auto;
    }
    .pied_ttl{
        max-width: calc(500/750*100vw);
        margin-left: auto;
        margin-right: auto;
    }
    .santorini_ttl{
        max-width: calc(266/750*100vw);
        margin-left: auto;
        margin-right: auto;
    }
    .malta_ttl{
        max-width: calc(170/750*100vw);
        margin-left: auto;
        margin-right: auto;
    }
}