@charset "utf-8";

/*======================================================
 * font.css (GAKUEN)
 *
 * 著作権：Copyright Japan System Techniques Co., Ltd. All Rights Reserved.
 * 会社名：日本システム技術株式会社
======================================================*/

/*======================================================
 * フォントサイズ
======================================================*/

/*===== フォントサイズ（標準） =====*/

/* リセット */
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
}

/* 16px */
html {
    font-size: initial;
    font-size: 100%; /* 16px */
}

/*===== フォント =====*/

@font-face {
    font-family: "Yu Gothic";
    src: local("Yu Gothic Medium");
    font-weight: 100;
}

@font-face {
    font-family: "Yu Gothic";
    src: local("Yu Gothic Medium");
    font-weight: 200;
}

@font-face {
    font-family: "Yu Gothic";
    src: local("Yu Gothic Medium");
    font-weight: 300;
}

@font-face {
    font-family: "Yu Gothic";
    src: local("Yu Gothic Medium");
    font-weight: 400;
}

@font-face {
    font-family: "Yu Gothic";
    src: local("Yu Gothic Bold");
    font-weight: bold;
}

@font-face {
    font-family: "Helvetica Neue";
    src: local("Helvetica Neue Regular");
    font-weight: 100;
}

@font-face {
    font-family: "Helvetica Neue";
    src: local("Helvetica Neue Regular");
    font-weight: 200;
}

/*===== フォントサイズ切替用スタイル =====*/

.fontS {
    font-size: 90%; /* 14.4px */
}

.fontS .reflectNameTemp { /* テキストとボタンの被り回避対応 */
    display: inline-block;
    width: 36em;
}

.fontM {
    font-size: 100%; /* 16px */
}

.fontM .reflectNameTemp { /* テキストとボタンの被り回避対応 */
    display: inline-block;
    width: 28em;
}

.fontL {
    font-size: 110%; /* 17.6px */
}

.fontL .reflectNameTemp { /* テキストとボタンの被り回避対応 */
    display: inline-block;
    width: 21em;
}

/*======================================================
 * フォント設定
======================================================*/

* {
    font-family: "-apple-system", "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, "M+ 1p", sans-serif;
}

/* IE10以降はメイリオを適用（CSS Hack）*/
/*
@media all and (-ms-high-contrast:none){
    * {
        font-family: "-apple-system", "Helvetica Neue", "メイリオ", Verdana, "M+ 1p", sans-serif;
    }
}
*/

/*===== 一部フォントが適用されないものの調整 =====*/

a, label, input, textArea, .ui-widget {
    font-family: "-apple-system", "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, "M+ 1p", sans-serif !important;
}

/* IE10以降はメイリオを適用（CSS Hack）*/
/*
@media all and (-ms-high-contrast:none){
    a, label, input, textArea {
        font-family: "-apple-system", "Helvetica Neue", "メイリオ", Verdana, "M+ 1p", sans-serif !important;
    }
}
*/