/* =========================================================
   common.css
   国見中央競馬会 共通スタイル
   ========================================================= */

/* ===== CSS Variables ===== */

:root {

    /* Color */

    --color-main: #0c6040;
    --color-main-dark: #084d33;
    --color-main-light: #15875a;

    --color-bg: #ffffff;
    --color-section: #f7f7f7;

    --color-text: #333333;
    --color-text-light: #666666;

    --color-border: #dddddd;

    --color-link: #005bac;
    --color-link-hover: #003d73;

    --color-danger: #c62828;
}


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

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


/* ===== Base ===== */

html {

    font-size: 16px;
    scroll-behavior: smooth;

}

body {

    background: var(--color-bg);

    color: var(--color-text);

    font-family:
        "Noto Sans JP",
        "Yu Gothic",
        sans-serif;

    line-height: 1.7;

}


/* ===== Images ===== */

img {

    display: block;

    max-width: 100%;

    height: auto;

}


/* ===== Links ===== */

a {

    color: var(--color-link);

    text-decoration: none;

}

a:hover {

    color: var(--color-link-hover);

}


/* ===== List ===== */

ul,
ol {

    list-style: none;

}


/* ===== Heading ===== */

h1,
h2,
h3,
h4,
h5,
h6 {

    font-weight: bold;

    line-height: 1.4;

}


/* ===== Paragraph ===== */

p {

    margin-bottom: 1rem;

}


/* ===== Bootstrap Container Override ===== */

.container {

    max-width: 1200px;

}


/* ===== Selection ===== */

::selection {

    background: var(--color-main);

    color: #ffffff;

}