/*
FIXME: もともとreset.cssにResetCSSの内容を分割していた。
font family なども対応予定していたため、このファイルで @import を用いて統合する形で提供していた。
@import で他の CSS ファイルを読み込むと直列読み込みになってパフォーマンス的に良くない。
そのため Reset CSS の内容を このファイルにマージした。
全ての CSS ファイルを1つのファイルに合体できるツールを導入できたら、別々のファイルに分ける。
*/

/*
IMPORTANT: CSS詳細度の調整（v1.0.0以降）
- 全ての要素セレクタを :where() で包んでいます
- これにより、temakiコンポーネントのスタイル（:where()で包まれたクラスセレクタ）と
  詳細度を揃え、CSS読み込み順序によってtemakiが優先されるようにしています
- ResetCSSを更新する際は、要素セレクタを必ず :where() で包んでください
- 参考: ADR-139「Temakiが提供するコンポーネントのスタイル拡張を可能にする」
- https://www.notion.so/Temaki-2ffd34a85b8c807b81d7fb228f7a6713
*/

/*
YUI Reset CSS は既に開発が終了しており、New CSS Reset を検討した。
しかしスタイル崩れるコンポーネントや Temaki を利用する側のスタイル崩れの恐れもあり断念した。

下記の項目を達成できそうな場合、再度 New CSS Reset の利用を検討する。（もしくは他の Reset CSS）
- スタイル崩れを修正でき、かつTemakiを利用するアプリケーションのスタイル崩れの面倒を見れること
*/

/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/

@font-face {
    font-family: "Local Noto Sans JP";
    src: local("Noto Sans JP");
    font-weight: 400;
}

@font-face {
    font-family: "Local Noto Sans JP";
    src: local("Noto Sans JP Bold");
    font-weight: 700;
}

*,
*::after,
*::before {
    box-sizing: border-box;
}
:where(html) {
    color: #000;
    background: #fff;
}
:where(body) {
    font-family: YakuHanJP, "Helvetica Neue", Arial, "Local Noto Sans JP",
        "Noto Sans JP", sans-serif;
    -webkit-font-smoothing: antialiased;
    line-height: 1.5;
}
:where(
    body,
    div,
    dl,
    dt,
    dd,
    ul,
    ol,
    li,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    pre,
    code,
    form,
    fieldset,
    legend,
    input,
    textarea,
    p,
    blockquote,
    th,
    td
) {
    margin: 0;
    padding: 0;
}
:where(table) {
    border-collapse: collapse;
    border-spacing: 0;
}
:where(fieldset, img) {
    border: 0;
}
:where(address, caption, cite, code, dfn, em, strong, th, var) {
    font-style: normal;
    font-weight: normal;
}
:where(ol, ul) {
    list-style: none;
}
:where(caption, th) {
    text-align: left;
}
:where(h1, h2, h3, h4, h5, h6) {
    font-size: 100%;
    font-weight: normal;
}
:where(q:before, q:after) {
    content: "";
}
:where(abbr, acronym) {
    border: 0;
    font-variant: normal;
}
:where(sup) {
    vertical-align: text-top;
}
:where(sub) {
    vertical-align: text-bottom;
}
:where(button, input, textarea, select) {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}
:where(legend) {
    color: #000;
}
:where(#yui3-css-stamp.cssreset) {
    display: none;
}