/****** PLACE YOUR CUSTOM STYLES HERE ******/


/* 共通css */

body {
    background-color: black;
}

/* fontのスタイル */
/* 1.font-faceで定義 1行目:フォント名を定義 2行目:ソースを定義 */
@font-face {
    font-family: "PTSerifCaption-Regular";
    src: url("../fonts/PTSerifCaption-Regular.ttf")format("opentype");
}

/* 2.1行目で定義したフォント名だけでOK */
/* ※オリジナルフォントを使う際は、保険として複数フォントを使用すべし */
h2, h3,h4, p {
    color: #fff;
    font-family: "PTSerifCaption-Regular", serif;
}

h2, h3, h4 {
    text-align: center;
}

p {
    font-size: 15px;
    line-height: 2em;
}

/* セクションごとのcss */

/* story */
.story {
    color: white;
    background-color: black;
}

.story-subtitle {
    text-align: center;
}

/* menu */
.menu-subtitle {
    text-align: center;
}

.menu_drink_icon,
.attention_icon {
    width: 30%;
}

/* contact */
.contact-right-title span {
    font-size: 15px;
}

.contact-map {
    margin-bottom: 15px;
}

/* footer */

.footer-ul {
    display: flex;
    justify-content: center;
}
.footer-instagram, .footer-facebook {
    width: 30px;
    margin: 5px;
}

.footer-copyright {
    font-size: 15px;
    margin-bottom: 0;
}