:root {
    /* ブランドカラー */
    --primary-bland-color: #f0b000;
    --secondary-bland-color: #00bb92;
    --primary-bland-color-light: #f4c127;
    /* アクセントカラー */
    --accent-color: #ea5504;
    /* みんカラの水色 */
    --minkara-color: #b4e9ff;

    /* フォント関係 */

    /* 通常のテキストカラー（黒） */
    --font-color-black: #292929;
    /* テキスト用の黒に近いグレー */
    --font-color-darkgrey: #404040;
    /* 英語タイトル用の透過グレー */
    --font-color-transparentgrey: rgba(186, 186, 186, 0.28);
    /* メンバーの英語名のグレー */
    --font-color-grey: #999999;

    /* 背景色関係 */

    /* ヘッダー背景色 */
    --background-color-header: rgba(255, 255, 255, 0.85);

    /* フッター背景色 */
    --background-color-footer: #e2e2e2;

    /* リストの奇数行の背景色 */
    --background-color-list: #e4e4e4;

    /* ハンバーガーメニュー上のサブメニューの背景色 */
    --background-color-submenu-button-in-humburger: #555555;

    /* 背景色（黒） */
    --background-color-black: #292929;
    /* 背景色（淡いグレー） */
    --background-color-lightgrey: #efefef;
    /* タイトルの背景色（濃いグレー） */
    --background-color-darkgrey: #666666;
    /* タイトルの背景色（強い濃いグレー） */
    --background-color-dimgrey: #48494a;
    /* テーブルの項目名の背景色（普通のグレー） */
    --background-color-grey: #c6c7c8;
    /* バナー文章の背景色（透過グレー） */
    --background-color-transparentgrey: rgba(30, 30, 30, 0.2);
    /* ボタンの背景色（透過ホワイト） */
    --background-color-transparentwhite-light: rgba(255,255,255,0.25);
    /* 下層ページのhero中央画像の背景色（濃い透過ホワイト） */
    --background-color-transparentwhite-deep: rgba(255,255,255,0.85);
    /* 背景色（濃い透過ホワイト） */
    --background-color-transparentwhite: rgba(255,255,255,0.7);

    /* 記事のジャンルの背景色 */
    --background-color-genre: #e4e4e4;

    /* 線関係 */

    /* タイトルの区切り線（普通のグレー） */
    --separate-color-grey: #c6c7c8;

    /* ボタンの枠線（黒） */
    --border-color-black: #292929;

    /* テーブルの枠線（淡いグレー） */
    --table-border-color-lightgrey: #efefef;

    /* テーブルの枠線（淡いグレー） */
    --table-border-color-darkgrey: #999999;

    /* 装飾様の枠線（淡いグレー） */
    --decoration-color-lightgrey: #e2e2e2;

    /* タイトルの背景色（強い濃いグレー） */
    --decoration-color-dimgrey: #48494a;

    /* 文字の下線 */
    --underline-yellow: rgba(240,182,0,0.6);

    /* バナーの枠線 */
    /* --banner-border-color-yellow: #f0b600; */

    /* その他 */
    --black: black;
    --white: white;
    --red: red;


    /* サイズ */

    /* ヘッダー関係 */
    --height-header-mobile: 56px;
    --height-element-in-header-mobile: 40px;

    /* ボトムメニュー関係 */
    --height-bottom-menu-notsp: 64px;
    --height-bottom-menu-sp: 84px;

    /* 画面幅 */
    --inner-medium: 1200px;
    --inner-small: 960px;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: inherit;
}

html {
    font-size: 62.5%;
    overflow-x: hidden;
}

body {
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%; /* Safari */
    background-color: var(--background-color-lightgrey);
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Lucida Grande",
        "segoe UI", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
        Meiryo, "Verdana", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

section {
    display: grid;
    place-items: center;
}

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

p {
    font-size: 1.5rem;
    line-height: 1.5;
}

a {
    font-size: 1.5rem;
    line-height: 1.5;
    text-decoration: none;
    color: var(--font-color-black);
}

em {
    font-style: normal;
}

strong {
    font-weight: bold;
}

address {
    font-style: normal;
}

li {
    list-style: none;
}

a:hover {
    cursor: pointer;
    opacity: 0.8;
    /* transform: scale(1.1);
    overflow: hidden; */
    /* opacity: 0.7; */
    /* filter: contrast(1.3); */
    /* filter: saturate(1.5); */
    
}