@charset "utf-8";

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

/*======================================================
 * リセット
======================================================*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    border: 0;
    /*font-style: normal;*/
    /*font-weight: normal;*/
    /* font-size: 100%; */
    margin: 0;
    padding: 0;
    /* vertical-align: baseline; */
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

html{
    overflow-y: scroll;
}

blockquote, q {
    quotes: none;
}

blockquote::before, blockquote::after,
q::before, q::after {
    content: '';
    content: none;
}

input, textarea {
    margin: 0;
    padding: 0;
}

ol, ul{
    list-style: none;
}

table{
    border-collapse: collapse; 
    border-spacing: 0;
}

caption, th{
    text-align: left;
}

a:focus {
    outline: none;
}

small {
    font-size: 100%;
}

/*======================================================
 * clearfix
======================================================*/

.cf::before,
.cf::after {
    content: " ";
    display: table;
}

.cf::after {
    clear: both;
}

.cf {
    *zoom: 1; /* CSS Hack */
}

/*======================================================
 * 汎用スタイル
======================================================*/

/*===== 文字色 =====*/

/* 注意文言（赤字） */
.fontAttention {
    color: #cc0000 !important;
}

/*===== 背景色 =====*/

/* ハイライト（薄い黄色） */
.bgHighlight {
    background: #ffffdd !important;
}

/*===== 文字装飾 =====*/

/* 太字 */
.fontBold {
    font-weight: bold !important;
}

/* 字間0.5em */
.letterSpaceHalf {
    letter-spacing: 0.5em !important;
    text-indent: 0.5em !important;
}

/*===== 文字揃え =====*/

/* 左寄せ */
.alignLeft {
    text-align: left !important;
}

/* 中央揃え */
.alignCenter {
    text-align: center !important;
}

/* 右寄せ */
.alignRight {
    text-align: right !important;
}

/*===== インデント =====*/

/* 段落の字下げ */
.indentEm {
    text-indent: 1em !important;
}

.indentEm * {
    text-indent: 0; /* 子要素継承回避 */
}

/* ぶら下げインデント */
.hangIndent {
    padding-left: 1em !important;
    text-indent: -1em !important;
}

/*===== スペーサー =====*/

/* 全角スペース */
.spaceEm {
    width: 1em !important;
}

/* 半角スペース */
.spaceHalfEm {
    width: 0.5em !important;
}

/*===== フロート =====*/

/* 左フロート */
.floatLeft {
    float: left !important;
}

/* 右フロート */
.floatRight {
    float: right !important;
}

/* フロートなし */
.floatNone {
    float: none !important;
}

/*===== 表示形式 =====*/

/* オーバーフローした末尾を三点リーダー（…）にする */
.textOf {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* 非表示 */
.dispNone {
    display: none !important;
}

/* 非表示（領域維持） */
.hiddenStyle, .hiddenStyle * {
    visibility: hidden !important;
}

/* インラインブロック */
.inlineBlock {
    display: inline-block !important;
}

/* ブロック */
.dispBlock {
    display: block !important;
}

/* インライン */
.dispInline {
    display: inline !important;
}

/* テーブル */
.dispTable {
    display: table !important;
}

/* テーブル行 */
.dispTableRow {
    display: table-row !important;
}

/* テーブルセル */
.dispTableCell {
    display: table-cell !important;
}

/* 横幅自動 */
.widthAuto {
    width: auto !important;
}

/* テーブルの表示方式（固定） */
.tblFixed {
    table-layout: fixed;
}

/* 連結表示（/で接続） */
.connectChar .connectItem:not(:last-child)::after,
.connectChar .ui-datalist-item:not(:last-child)::after /* データリストの場合 */
{
    content: "／";
}

.connectChar .connectItem ,
.connectChar .ui-datalist-item /* データリストの場合 */
{
    display: inline-block;
}

/*===== 行内垂直揃え =====*/

/* 上端揃え */
.alignTop {
    vertical-align: top !important;
}

/* 中央揃え */
.alignMiddle {
    vertical-align: middle !important;
}

/* 下端揃え */
.alignBottom {
    vertical-align: bottom !important;
}

/*===== IMEモード =====*/

/* アクティヴ（inputTextの初期値、日本語入力モード） */
/*
.imeActive {
    ime-mode: active;
}
*/

/* 非アクティヴ（inputTextの初期値、英数字入力モード） */
/*
.imeInactive {
    ime-mode: inactive;
}
*/

/*======================================================
 * その他
======================================================*/

/*===== アニメーション =====*/

/* フェードイン */
.fadein {
    animation-duration: 3s;
    animation-name: fade-in;
    -moz-animation-duration: 3s;
    -moz-animation-name: fade-in;
    -webkit-animation-duration: 3s;
    -webkit-animation-name: fade-in;
}

@keyframes fade-in {
    0% {
        opacity: 0;
        /*transform: translateY(100%);*/
    }

    100% {
        opacity: 1;
        /*transform: translateY(0);*/
    }
}

@-moz-keyframes fade-in {
    0% {
        opacity: 0;
        /*transform: translateY(100%);*/
    }

    100% {
        opacity: 1;
        /*transform: translateY(0);*/
    }
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
        /*transform: translateY(100%);*/
    }

    100% {
        opacity: 1;
        /*transform: translateY(0);*/
    }
}

/*===== その他 =====*/

/* プレースホルダの文字色統一 */
.ui-inputfield::-webkit-input-placeholder {
    color: #999999;
}

.ui-inputfield:-ms-input-placeholder {
    color: #999999;
}

.ui-inputfield::-moz-placeholder {
    color: #999999;
}

/*======================================================
 * IE対応
======================================================*/

/* クリアボタン非表示 */
input::-ms-clear {
    visibility: hidden !important;
}

/* パスワード表示ボタン非表示 */
input::-ms-reveal {
    visibility: hidden !important;
}

/*===== Win8.1,Win10のIE11で游ゴシックに余白が生じる問題（CSSハック） =====*/

/* ボタン */
@media all and (-ms-high-contrast:none){
    *::-ms-backdrop, button.ui-button .ui-button-text {position: relative; top: 0.15em;}
}

/* 単票ラベル（入力） */
/*
@media all and (-ms-high-contrast:none){
    *::-ms-backdrop, .inputArea dt label {position: relative; top: 0.15em;}
}
*

/* 単票ラベル（出力） */
/*
@media all and (-ms-high-contrast:none){
    *::-ms-backdrop, .outputArea dt label {position: relative; top: 0.15em;}
}
*/

/*======================================================
 * Chrome対応
======================================================*/

/* inputがオートフィルされてると背景色が黄色になるのを回避 */
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
}