@charset "utf-8";
.cafe_wrap{
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.cafe_wrap img{max-width: 100%;}
.morning_wrap{
display: flex;
flex-wrap: wrap;
margin: 0 4em 3em;
align-items: center;
}
.morning_wrap img{width: 55%;}
.morning_wrap .food{
width: 42%;
padding-left: 3%;
}
.cafe_co{
width: calc(100% / 3 - 20px);
margin: 0 10px 3em;
}
.cafe_co.food img{margin-bottom: 0.5em;}
.food h4{
border-bottom: solid 2px #f7dfdd;
font-size: 18px;
font-weight: bold;
}
.food .food_text{text-align: right;}
.food .price{font-size: 1.2em;}
.food .food_text.vipliner{color: #c5051b;}
.food .menu_text{margin-top: 0.5em;}

.drink {
width: calc(100% / 2 - 20px);
margin: 0 10px 0em;
}
.drink h4{
font-size: 20px;
font-weight: bold;
text-align: center;
border-bottom: solid 2px #f7dfdd;
}
.drink dl{
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 0.5em;
}
.drink dt,.drink dd{padding: 0.5em;}
.drink dt{width: 73%;}
.drink dd{}

@media screen and (max-width: 768px) {
.cafe_wrap{}
.morning_wrap{margin: 0 0em 3em;}
.morning_wrap img{width: 100%;margin-bottom: 0.5em;}
.morning_wrap .food{width: 100%;}
.cafe_co{width: 90%;margin: 0 auto 3em;}
.cafe_co.food img{}
.food h4{}
.food .food_text{}
.food .price{;}
.drink {width: 100%;}
.drink h4{font-size: 18px;}
.drink dl{margin: 0.5em 0 2em 0;}
.drink dt,.drink dd{font-size: 1em;padding: 0.5em 0.5em 0.5em 0;}
.drink dt{width: 78%;}
.drink dd{}

}