@charset "UTF-8";
/* CSS Document */


#shop h3, #about h3{
    font-size: 24px;
    padding-bottom: 50px;
}

#shop .info_adress,#shop .info_tel, #shop .shop_txt_link a{
    text-decoration: underline;
}


/*shop*/
#shop .shop_frame{
    margin-bottom: 150px;
}

#shop .shop_frame:last-child{
    margin-bottom: 0;
}

#shop .shop_info dl{
    padding-bottom: 20px;
}

#shop .shop_info dt{
    color: #6CBE46;
    padding-bottom: 10px;
}

#shop .shop_info dl:last-child{
    padding-bottom: 0;
}

#shop .shop_container{
    border: 1px solid #734E30;
    border-radius: 40px;
    padding: 50px;
    margin-bottom: 50px;
    box-shadow: 4px 4px 15px 10px rgba(115, 78, 48, 0.1);
}

#shop .shop_container:last-child{
    margin-bottom: 0;
}

#shop .shop_container_i{
    display: flex;
    flex-direction: row-reverse;
}

#shop .slide3{
    width: 400px;
    height: 300px;
    object-fit: cover;
}

#shop .slide3 img{
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 30px;
}

#shop .slick-dots li{
    margin: 0;
}

#shop .shop_info{
    width:  calc(100% - 400px);
}

#shop .slick-dots{
    text-align: end;
}

#shop .b_hours{
    display: flex;
}

#shop .b_hours div:last-child{
   padding-left: 20px;
}

#shop .b_hours span{
    display: block;
}

#shop #takatsuki .subject_info, #shop #miyanocho .subject_info{
    display: flex;
}

#shop .subject_info, #shop .payment_info{
    list-style: inside;
}

#shop #takatsuki .subject_info div, #shop #miyanocho .subject_info div{
    width: 50%;
}

#shop .shop_txt_link{
    padding-top: 50px;
}



/*about*/

#about h3{
    text-align: center;
}

#about .philosophy{
    text-align: center;
    padding-top: 50px;
}

#about .philosophy_container{
    background-image: url(../img/background/background_guidelines.png);
    background-position: center;
    margin: 0 calc(50% - 50vw);
    width: 100vw;
    padding: 50px 0;
}

#about .philosophy h4{
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 50px;
    background: linear-gradient(transparent 60%, rgba(255, 255, 255,0.8) 50%);
}

#about .philosophy .philosophy_txt{
    padding: 20px 0;
    margin: 0 auto;
    max-width: 700px;
    background-color: rgba(255, 255,255, .7);
}

#about .philosophy .philosophy_txt p{
    max-width: 550px;
    margin: 0 auto;
}

#about .philosophy .philosophy_txt p:first-child{
    padding-bottom: 20px;
}

#about .guidelines{
    padding: 100px 0;
}

#about .guidelines .guidelines_img{
    padding-bottom: 50px;
    text-align: center;
}

#about .guidelines .guidelines_img img{
    max-width: 100%;
}

#about .guidelines ul{
    max-width: 550px;
    margin: 0 auto;
}

#about .guidelines .guidelines_info li{
    padding: 20px 0;
}

#about .guidelines .guidelines_info li:first-child{
    padding-top: 0;
}

#about .guidelines .guidelines_info li:last-child{
    padding-bottom: 0;
}

#about .guidelines .guidelines_info li h4{
    font-size: 18px;
    padding-bottom: 10px;
}

#about .summary dl{
    padding: 20px 0;
    display: flex;
    border-bottom: 1px solid #734E30;
}

#about .summary dl:first-of-type{
    border-top: 2px solid #734E30;
}

#about .summary dl:last-child{
    border-bottom: 2px solid #734E30;
}

#about .summary dt{
    width: 30%;
}

#about .summary dd{
    width: 70%;
}

#about .summary .location>dd span{
    display: block;
}



/*news*/

#news ul li{
    padding: 20px 0;
    border-bottom: 1px solid #734E30;
}

#news ul li a:hover{
    opacity: .7;
}

#news ul li:first-child{
    border-top: 1px solid #734E30;
}
    
#news .news_img{
    width: 250px;
}
    
#news .news_img img{
    width: 100%;
}

#news h3{
    font-size: 18px;
    font-weight: bold;
    padding: 20px 0;
}
    
#news .news_info{
    width: calc(100% - 170px);
    padding-left: 20px;
}

#news .news_info .date, #news_sub .date{
    padding-right: 20px;
}

#news .news_info p{
    opacity: .6;
    line-height: 1.5;
    font-feature-settings: "palt";
}


/*news_sub*/
#news_sub h3{
    font-size: 24px;
    color: #fff;
    padding: 10px 0 10px 10px;
    margin-bottom: 20px;
    background-color: #734E30;
}

#news_sub .news_content{
    padding: 50px 0;
    margin-bottom: 50px;
    border-bottom: 1px solid #734E30;
}