@charset "UTF-8";

/* １全ての要素でサイズ計算の狂いをなくす。 */
*,*::before,*::after{
    box-sizing: border-box;
}

/* ２基本的な要素の余白（外・内）全てを０にする。 */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dt,dd,figure,blockquote{
    margin: 0;
    padding: 0;
}

/* 3リストの「・」や数字を消す。 */
ul,ol{
    list-style: none;
}

/* ４リンクの下線を消し、文字色を周りに合わせる。 */
a{
    text-decoration: none;
    color: inherit;
}

/* ５画像が親の箱からはみ出すのを防ぎ下の謎の隙間を消す。 */
img,svg{
    width: 100%;
    height: auto;
    vertical-align: middle;
}

/* ６ボタンや入力欄のブラウザ特有の見た目を消し、フォントを合わせる。 */
button,input,select,textarea{
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    background: transparent;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    appearance: none;
}

/* ７ボタンのカーゾルを指マークにする。 */
a,button,select,[type="button"],[type="submit"]{
    cursor: pointer;
}

/* ８テキストエリアのサイズを手動で横に広げられないように（縦のみ）する。 */
textarea{
    resize: vertical;
}