@charset "UTF-8";

/* ========================================
    WESTER LP Reset
======================================== */

/*
 * このresetは .wester-lp 内だけに適用する。
 *
 * :where() を使って詳細度を0にし、
 * style.css側のクラス指定が常に自然に優先されるようにする。
 */


/* ========================================
    Box Sizing
======================================== */

:where(.wester-lp),
:where(.wester-lp) *,
:where(.wester-lp) *::before,
:where(.wester-lp) *::after {
    box-sizing: border-box;
}


/* ========================================
    Margin / Padding
======================================== */

:where(.wester-lp) :where(
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    ul,
    ol,
    dl,
    dd,
    figure,
    blockquote
) {
    margin: 0;
    padding: 0;
}


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

:where(.wester-lp) :where(
    ul,
    ol
) {
    list-style: none;
}


/* ========================================
    Media
======================================== */

:where(.wester-lp) :where(
    img,
    svg
) {
    display: block;

    max-width: 100%;
    height: auto;
}


/* ========================================
    Link
======================================== */

:where(.wester-lp) a {
    color: inherit;
    text-decoration: none;
}


/* ========================================
    Form Controls
======================================== */

:where(.wester-lp) :where(
    button,
    input,
    textarea,
    select
) {
    margin: 0;

    font: inherit;
    color: inherit;
}


/* ========================================
    Button
======================================== */

:where(.wester-lp) button {
    padding: 0;

    border: 0;

    background: none;

    cursor: pointer;
}


/* ========================================
    Table
======================================== */

:where(.wester-lp) table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* ========================================
    Hidden
======================================== */

:where(.wester-lp) [hidden] {
    display: none !important;
}