@charset "UTF-8";

/* =====================
shop
========================*/
.shop{
    padding:60px 5.13%;
}

.shop h2{
    display: none;
}

.shop__contents{
    margin-top:70px;
}

.shop__contents dl{
    padding:10px 2.8%;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.8;
    letter-spacing:0.2em;
    display: flex;
    flex-direction: column;
    border-bottom:dotted 1px var(--primary-textgray);
}

.shop__contents dl:first-of-type{
    border-top:dotted 1px var(--primary-textgray);
}

.shop__contents dt{
    font-weight: 500;
}

.shop__contents dd{
    margin-left:25px;
    margin-top:5px;
    letter-spacing:0.15em;
}

.shop__contents dd span{
    font-size:80%;
    margin-left:5px;
}

/* shop PC 821px */
@media screen and (min-width:821px) {
    .shop{
        width:1160px;
        margin:0 auto;
        padding:120px 0 0;
        display: flex;
        justify-content: space-between;
    }
    
    .shop__photo{
        width:640px;
        height:480px;
    }
    
    .shop__contents{
        margin-top:0;
        width:460px;
    }
    
    .shop__contents dl{
        padding:25px 10px;
        flex-direction: row;
        align-items: center;
        display: flex;
    }
    
    .shop__contents dt{
        width:110px;
    }
    
    .shop__contents dd{
        margin-left:10px;
        margin-top:0;
        letter-spacing:0.2em;
    }

}/* shop pc 821 */


/* =====================
access
========================*/
.access{
    padding:0 5.13%;
}

.access  h2{
    border-bottom: solid 1px var(--primary-mainBrown);
    padding-bottom:10px;
}

.access__link{
    margin-top:50px;
    max-width:450px;
    display: flex;
    gap:20px;
}

.access__link a{
    width:170px;
    max-width:200px;
    padding:10px 5% 10px 3%;
    text-align: center;
    background-color: var(--primary-lightBeige);
    display: block;
    font-size: 1.4rem;
    line-height: 1;
    letter-spacing: 0.1em;
    position: relative;
}

.access__link a::after{
    content: '';
    width: 6px;
    height: 10px;
    background: url(../images/triangle_arrow_x.svg) no-repeat center;
    background-size: contain;
    position: absolute;
    right: 5%;
    top: 50%;
    transform: translateY(-50%);
}

.access__txt{
    margin-top:40px;
    font-size: 1.5rem;
    line-height: 2.2;
    letter-spacing: 0;
}

.access__txt p:nth-child(2){
    margin-top:20px;
}

.access__txt img{
    margin-top:40px;
}

.map{
    width:100%;
    height:230px;
    margin-top:40px;
    border: solid 1px var(--primary-bordergray);
}

.access__train{
    margin-top:60px;
    padding:30px 5.7%;
    background-color: var(--primary-lightBeige);
}

.access__train ul{
    margin-top:30px;
}

.access__train li{
    margin-top:50px;
    font-size: 1.5rem;
    line-height: 1.8;
    letter-spacing: 0.2em;
    position:relative;
}

.access__train li:first-of-type{
    margin-top:40px;
}

.access__train li:last-of-type::before{
    display: none;
}

.access__train li::before{
    content: '';
    background: url(../images/triangle_arrow_y.svg) no-repeat center center;
    background-size:contain;
    width:17px;
    height:11px;
    position: absolute;
    bottom:-30px;
    left:50%;
    transform: translate(-50%);
}

.access__train p{
    margin-top:15px;
}

/* access PC 821px */
@media screen and (min-width:821px) {
    .access{
        padding:120px 0 0;
        max-width:1160px;
        margin:0 auto;
    }
    
    .access  h2{
        border-bottom:none;
        padding-bottom:0;
    }
    
    .access__link{
        display: none;;
    }
    
    .access__txt{
        margin-top:80px;
        font-size: 1.6rem;
        line-height: 2.0;
        letter-spacing: 0.2em;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .access__txt p{
        width:550px;
    }
    
    .access__txt p:nth-child(2){
        margin-top:40px;
    }
    
    .access__txt img{
        width:570px;
        margin-top:0;
    }
    
    .map{
        width:100%;
        height:600px;
        margin-top:80px;
    }
    
    .access__train{
        margin-top:80px;
        padding:30px 30px 50px;

    }
    
    .access__train ul{
        margin-top:40px;
        display: flex;
        justify-content: space-between;
    }
    
    .access__train li{
        width:310px;
        margin-top:0;
        font-size: 1.6rem;
        line-height: 1.8;
        letter-spacing: 0.2em;
        position:relative;
    }
    
    .access__train li:first-of-type{
        margin-top:0;
    }
    
    .access__train li::before{
        content: '';
        background: url(../images/triangle_arrow_x.svg) no-repeat center center;
        background-size:contain;
        width:15px;
        height:23px;
        position: absolute;
        left:355px;
        top:50%;
        transform: translate(-50%);
    }
}/* access pc 821 */