/** Shopify CDN: Minification failed

Line 9:0 Unexpected "{"
Line 9:1 Expected identifier but found "%"
Line 233:0 Unexpected "{"
Line 233:1 Expected identifier but found "%"

**/
{% style %}

    html  {
        scroll-padding-top:50px;
    }

    .search-location {
        margin-bottom:100px;
    }

    .location-inner {
        width:900px;
        margin:0 auto;
    }


    .location-list-item a  {
        text-decoration:none;
    }

    .location-list {
        padding-left:0;
        margin:0;
        display:flex;
        justify-content:space-between;
        gap:30px;
        flex-wrap:wrap;
    }

     .location-list-item {
        list-style:none;
        width:280px;
        height:60px;
        background-color:#F7EEEE;
        border-radius:5px;
       
    }


    .location-btn {
        display:inline-block;
        width:100%;
        line-height:60px;
        text-align:center;
        font-family: Noto Sans;
        font-weight: 500;
        font-size: 18px;
        color:#000;

    }

    

    .salon-wrap {
        width:1080px;
        margin:0 auto;
    }

    .location-block {
        margin-bottom:60px;
    }

    .location-ttl  {
        margin-bottom:30px;
        padding-bottom:16px;
        font-family: Castoro Titling, sans-serif;
        font-weight: 400;
        font-size: 30px;
        line-height: 100%;
        letter-spacing: 0.05em;
        color:#353535;
        border-bottom:1px solid #353535;
    
    }



    .instractor {
        display:flex;
        justify-content:space-between;
        gap:30px 40px;
        flex-wrap:wrap;
    }

    .instractor-card {
        width: calc(50% - 20px);
        padding:30px;
        border:1px solid #C998A1;
        display:flex;
        justify-content:space-between;
        column-gap:30px;

    }

    p {
        margin:0;
    }

    .salon-location {
        margin-bottom:14px;
        padding:7px 10px;
        background-color:#F7EEEE;
        font-family: Noto Sans, sans-serif;
        font-weight: 500;
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0;
        color:#000;

    }

    .salon-name {
        margin-bottom:8px;
        font-family: Noto Sans, sans-serif;
        font-weight: 400;
        font-size: 20px;
        line-height: 100%;
        letter-spacing: 0;
        color:#353535;

    }

    h4 {
        margin:0;
    }

    .instractor-name {
        margin-bottom:14px;
        font-family: Noto Sans;
        font-weight: 700;
        font-size: 20px;
        line-height: 24px;
        letter-spacing: 0;
        color:#000;

    }

    .salon-link {
        display:inline-block;
        width:200px;
        padding:15px;
        background-color:#C998A1;
        font-family: Noto Serif JP;
        font-weight: 600;
        font-size: 16px;
        line-height: 100%;
        letter-spacing: 0;
        color:#fff;
        text-decoration:none;
        border-radius:5px;
        position:relative;
    }

    .salon-link::after {
        content: "";
        margin: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 20px;
        width: 10px;   
        height: 10px;  
        border-top: 2px solid #fff;     
        border-right: 2px solid #fff; 
        transform: rotate(45deg); 
    }

    @media screen and (max-width:780px){
         html  {
        scroll-padding-top:50px;
        }

        .location-inner {
            width:100%;
            padding-left:20px;
            padding-right:20px;
        }

        .location-list  {
            gap:20px;
        }

        .location-list-item {
            width:calc(50% - 10px);
        }

        .location-btn {
            width:100%;
            text-align:center;
        }

        .salon-wrap {
            width:100%;
            padding-left:20px;
            padding-right:20px;
        }

        .instractor {
            flex-wrap:wrap;
        }

        .instractor-card {
            width:100%;
            flex-direction:column;
        }

        .salon-location {
            widtth:200%;
        }

        .salon-link {
            width:100%;
        }

        .image-content {
            margin-top:40px;
        }

        .image-content img {
            width:100%;
        }
    }


{% endstyle %}