/* =====================================
   Reset CSS
===================================== */

/* Box sizing を全要素に適用 */
*,
*::before,
*::after {
    box-sizing: border-box;
}

/* デフォルト余白をリセット */
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
dl,
dt,
dd,
figure,
figcaption,
blockquote {
    margin: 0;
    padding: 0;
}

/* リストの装飾を消す */
ul,
ol {
    list-style: none;
}

/* 画像の扱い(inlineでテキストと並べる画像がほぼないから) */
img {
    display: block;
    max-width: 100%;
    height: auto;
}


/* フォーム要素のフォント統一 */
input,
button,
textarea,
select {
    font: inherit;
}

/* ボタンのリセット */
button {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
}

/* リンクの初期スタイルを調整 */
a {
    color: inherit;
    text-decoration: none;
}

/* body の基本設定 */
body {
    line-height: 1.8;
    -webkit-text-size-adjust: 100%;
}