@charset "utf-8";

.lookpage_main {
    font-family: "Zen Old Mincho", serif;
}

.lookpage_brand_box {
    margin-bottom: 80px;
}

.lookpage_title {
    font-size: 6rem;
    font-family: "Zen Old Mincho", serif;
    font-weight: 400;
    text-align: center;
    margin: 0px auto 100px;
    padding: 80px 140px 0;
}

.lookpage_title_span {
    display: inline-block;
    font-size: 6rem;
    font-family: "Zen Old Mincho", serif;
    font-weight: 400;
}

.lookpage_grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    justify-content: center;
    gap: 24px 16px;
}

.lookpage_grid_kanae {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(226px, 1fr));
    justify-content: center;
    gap: 24px 16px;
}

.lookpage_grid_miki {
    display: grid;
    grid-template-columns: repeat(4, minmax(200px, 1fr));
    gap: 24px 16px;
}

.lookpage_brand {
    font-size: 4.8rem;
    font-family: "Zen Old Mincho", serif;
    font-weight: 400;
    text-align: left;
    border-bottom: 1px solid #fff;
    width: fit-content;
    margin-bottom: 32px;

}

.lookpage_title_runway {
    font-size: 4.8rem;
    font-family: "Zen Old Mincho", serif;
    font-weight: 400;
    text-align: center;
    margin: 0px auto 100px;
    padding-top: 100px;
}

.lookpage_title_runway span {
    font-size: 4.8rem;
    display: inline-block;
    font-family: "Zen Old Mincho", serif;
    font-weight: 400;
}

.runway_span {
    padding-left: 16px;
}

.lookpage_runway_brand {
    font-size: 3.6rem;
    font-family: "Zen Old Mincho", serif;
    font-weight: 400;
    text-align: left;
    margin-bottom: 32px;
    border-bottom: 1px solid;
    width: fit-content;
}

.lookpage_runway_brand_span {
    display: block;
    font-size: 3.6rem;
    font-family: "Zen Old Mincho", serif;
    font-weight: 400;
}

.lookpage_runway_grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(312px, 1fr));
    justify-content: center;
    gap: 24px 16px;
    margin-top: 24px;
}


@media (max-width:1024px) { 
    .lookpage_title {
        padding-right: 6%;
        padding-left: 6%;
    }
}

@media (max-width:963px) { 
    .lookpage_grid_miki {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }
}    

@media (max-width:768px) { 
    .lookpage_title {
        font-size: 3rem;
        margin-bottom: 80px;
    }

    .lookpage_title_span {
        font-size: 3rem;
    }

    .lookpage_brand {
        font-size: 2.4rem;
    }

    .lookpage_title_runway {
        font-size: 3rem;
        margin-bottom: 80px;
    }

    .lookpage_title_runway span {
        font-size: 3rem;
    }

    .lookpage_runway_brand {
        font-size: 2.4rem;
    }
    
    .lookpage_runway_brand_span {
        font-size: 2.4rem;
    }

    .lookpage_grid,
    .lookpage_runway_grid,
    .lookpage_grid_kanae,
    .lookpage_grid_miki  {
        display: block;
    }

    .lookpage_grid li,
    .lookpage_runway_grid li,
    .lookpage_grid_kanae li {
        margin-bottom: 24px;
    }
}

@media (max-width:400px) { 
    .lookpage_title {
        font-size: 2.3rem;
    }

    .lookpage_title_span {
        font-size: 2.3rem;
    }
}