@charset "utf-8";



section > div {
    width:80%;
    max-width:1000px;
    margin: 0 auto;
}
section > div h3 {
    width:100%;
    margin: 50px auto 20px;
    font-size: 1.8rem;
    text-align: center;
}
section > div p {
    width:100%;
    max-width:700px;
    margin: 0 auto;
}
section > div p a {
    color: #f54664;
    text-decoration: underline;
}
section > div ul {
    width:100%;
    margin: 50px 0 0;
    display:flex; flex-flow:row wrap; justify-content:space-between; align-content:stretch; align-items:stretch;
}
section > div ul li {
    width:46%;
    margin: 0;
}
section > div ul li div {
    width:100%;
    height: 320px;
    margin: 0 0 10px;
    display:flex; flex-flow:row wrap; justify-content:center; align-content:center; align-items:center;
    border-radius: 15px;
    overflow: hidden;
}
section > div ul li div img {
    max-height:100%;
    border-radius: 15px;
}
section > div ul li h3 {
    display: block;
    margin: 0;
    font-size: 2.5rem;
    font-weight: 500;
    text-align: center;
}
section > div ul li h3 span {
    font-size:1.2rem;
    display: block;
}
section > div ul li p.price {
    width:100%;
    margin: 0 auto 10px;
    display: block;
    text-align: center;
    line-height: 1.3;
}
section > div ul li p.price span {
    font-size:2rem;
}
section > div ul li > span {
    width:70%;
    margin: 0 auto 10px;
    padding: 0 0 0 1.5rem;
    display: block;
    position: relative;
}
section > div ul li > span:after {
    content: "";
    width: 1rem;
    height:1rem;
    position:absolute; top:7px; left:0;
    border-radius: 50%;
    background: #1e204b;
}

@media only screen and (max-width:640px){
    
    section > div ul li {
        width:100%;
        margin: 30px 0;
    }
    section > div ul li:nth-child(3n+2) {
        margin-left: 0;
        margin-right:0;
    }
    section > div ul li div {
        height: 360px;
        margin: 0 0 15px;
    }
    section > div ul li h3 {
        line-height: 1.35;
    }
}



/* drink-menu */

.drink-menu {
    width:100%;
    display:flex; flex-flow:row wrap; justify-content:space-between; align-content:flex-start; align-items:flex-start;
}
.drink-menu h3 {
    width:100%;
    font-size: 2.5rem;
    font-weight: 500;
}
.drink-menu dl {
    margin: 0;
}
.drink-menu dl:nth-of-type(1) {
    width:34%;
}
.drink-menu dl:nth-of-type(2) ,
.drink-menu dl:nth-of-type(3) {
    width:26%;
}
.drink-menu dl dt {
    margin-bottom: 15px;
    padding-bottom: 8px;
    font-size: 1.5rem;
    line-height: 1.5;
    border-bottom:solid 1px #1e204b;
}
.drink-menu dl dd {}
.drink-menu dl dd table {
    width:100%;
}
.drink-menu dl dd table th {
    padding-right: 20px;
}
.drink-menu dl dd table td {
    font-size: 1.5rem;
    text-align: right;
    line-height: 1.5;
}
.drink-menu dl dd table th:nth-of-type(2) ,
.drink-menu dl dd table th:nth-of-type(3) {
    padding: 0 0 8px 25px;
    font-weight: 400;
    text-align: right;
}

@media only screen and (max-width:640px){
    
    .drink-menu {
        display:flex; flex-flow:row wrap; justify-content:center; align-content:flex-start; align-items:flex-start;
    }
    .drink-menu dl {
        margin: 20px 0;
    }
    .drink-menu dl:nth-of-type(1) ,
    .drink-menu dl:nth-of-type(2) ,
    .drink-menu dl:nth-of-type(3) {
        width:80%;
    }
}