@charset "utf-8";

/*--------------------------------------------------
  base
---------------------------------------------------*/

/* WEBフォント読み込み
---------------------------------------------------- */
@font-face {
    font-family: "Noto Serif JP";
    src: url("../webfonts/NotoSerifJP-Regular.woff") format("woff");
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: "Noto Serif JP";
    src: url("../webfonts/NotoSerifJP-Medium.woff") format("woff");
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: "Noto Serif JP";
    src: url("../webfonts/NotoSerifJP-SemiBold.woff") format("woff");
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: "Noto Serif JP";
    src: url("../webfonts/NotoSerifJP-Bold.woff") format("woff");
    font-weight: 700;
}
@font-face {
    font-family: "Cookie";
    src: url("../webfonts/Cookie-Regular.ttf") format("truetype");
    font-weight: 400;
    font-display: swap;
}

/* border-box
-------------------------------------------------*/
*{
    box-sizing: border-box;
}

/* body
-------------------------------------------------*/
body {
    font-size: 85%;
    font-family: FontAwesome, "Noto Serif JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 2;
    color: #333;
    font-feature-settings: "palt";
    letter-spacing: 0.05em;
}
@media screen and (max-width:767px){
    body{
        font-size: 75%;
        line-height: 1.85;
    }
}
/* row
---------------------------------------------------- */
.row{
    list-style: none;
}

/* container ※bootstrap標準より余白を大きめにする
-------------------------------------------------*/
.container{
    padding-left: 6vw;
    padding-right: 6vw;
}
@media screen and (min-width:768px){
    .container{
        padding-left: 15px;
        padding-right: 15px;
    }
}