@charset "utf-8";

/* ===== Base Reset (shared by frontend and admin) ===== */

body {
    width: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", sans-serif;
    color: #222;
    font-weight: 600;
    font-feature-settings: "palt";
}

body {
    animation: fadeIn 0.4s ease 0s 1 normal;
    -webkit-animation: fadeIn 0.4s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% { opacity: 0 }
    100% { opacity: 1 }
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: 0;
}

ul, li {
    list-style: none;
}

ul {
    width: 100%;
    display: table;
    table-layout: fixed;
}

li {
    display: table-cell;
    vertical-align: middle;
}

i {
    font-style: normal;
}

img {
    width: 100%;
    display: block;
}

a {
    text-decoration: none;
    color: #000;
    transition: 0.2s;
}

a:hover {
    opacity: 0.7;
}

h1, h2, h3, h4, h5, h6 {
    line-height: 100%;
}