@charset "utf-8";

/* myResetCSS ______________________________________________________
参考：https://y-tc.net/2019/07/20/reset-css/
    ________________________________________________________________*/

*,
*::before,
*::after
{
    box-sizing: border-box; /* widthに余白・ボーダー分を含めるようにする */
    margin: 0; /* 要素間の余白をなくす */
    padding: 0; /* 要素内の余白をなくす */
}

html, body {
    width: 100%; /* 画面幅を確保 */
}

:where( html ) {
    font-size: 16px; /* 1rem = 16pxに */
}

:where( h1, h2, h3, h4, h5, h6 ) {
    font-weight: 400; /* 400 = normal */
    font-size: 1rem; /* 16px */
}

:where( img ) {
    display: block; /* imgはinline要素。由来の余白が出るのでblock要素に変える */
    max-width: 100%; /* 横幅が親要素を超えないようにしておく */
    vertical-align: middle; /* block要素が効いている時は無効。inlineに戻したときの余白対策 */
    
}

:where( a ) {
    color: inherit; /* 親要素のフォントカラーを引き継ぐ */
    text-decoration: none; /* リンクの下線を消す */
}