@charset "utf-8";

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* 半角スペース */
.spaceHalfEm {
    width: .5em;
}

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

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

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

/*===== 表示変更 =====*/

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

/* 三点リーダー（…）にしない（初期状態） */
textOfNone {
    overflow: visible !important;
    text-overflow: clip;
    white-space: normal;
}

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

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

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

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

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

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

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

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

/* 注意文字色 */
.attentionWord {
    color: #cc0000 !important;
}

/*===== 水平線（セパレーターで利用） =====*/

/* 破線 */
.dashedHr {
    border-style: dashed;
    border-width: 1px;
}

/* 点線 */
.dottedHr {
    border-style: dashed;
    border-width: 1px;
}

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

/* 通常インデント */
.normalIndent {
    text-indent: 1em;
}

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

/*======================================================
 * テーマ修正
======================================================*/

/* フォントサイズ */
.ui-mobile label, div.ui-controlgroup-label {
    font-size: inherit !important;
    /*font-weight: normal !important;*/
}

/*======================================================
 * ボタン
======================================================*/

/*===== イメージ付きテキストボタン =====*/

/* インラインの場合はstyleClass="ui-btn-inline"を設定すること */

/*===== イメージボタン =====*/

/* イメージボタン共通 */

.imgBtn {
    /*background:  #7c5335 center center no-repeat !important;*/ /* テーマ毎に配色指定 */
    -webkit-border-radius: 18px !important;
    border-radius: 18px !important;
    font-size: 1.8em !important;
    font-weight: normal !important;
    width: 36px !important;
    height: 36px !important;
    margin: 2px;
    padding: 0 !important;
    display: inline-block !important;
    z-index: 999;
}

/* 地図 */
.btnMap::after {
    content: '2';
    color: #ffffff;
    font-family: 'unipa_mobile';
}

/* シラバス */
.btnSyllabus::after {
    content: '3';
    color: #ffffff;            
    font-family: 'unipa_mobile';
}

/* メモ */
.btnMemo::after {
    content: '4';
    color: #ffffff;            
    font-family: 'unipa_mobile';
}

/* 添付資料 */
.btnFile::after {
    content: '1';
    color: #ffffff;            
    font-family: 'unipa_mobile';
}

/*===== イメージボタン配置 =====*/

.imgBtnArea {
    /* 親ボックスにposition: relative;を設定する前提 */
    position: absolute;
    right: 5px;
    top: 5px;
}

.imgBtnAreaAlt {
    /* 親ボックスにposition: relative;を設定する前提 */
    position: absolute;
    right: 5px;
    bottom: 5px;
}

/*===== ポータル用 =====*/

/* 共通 */
.infoIcon {
    height: 40px;
    width: 40px;
    background-size: 40px !important;
    background-repeat: no-repeat !important;
}

/* 掲示 */
.infoKeiji {
    background:url('../../images/mobile/portalKeiji.png');
}

/* 時間割変更 */
.infoChange {
    background:url('../../images/mobile/portalChange.png');
}

/* QA登録 */
.infoQA {
    background:url('../../images/mobile/portalQA.png');
}

/* マイステップ登録 */
.infoMystep {
    background:url('../../images/mobile/portalMystep.png');
}

/* クラスプロファイル */
.infoCP {
    background:url('../../images/mobile/portalCP.png');
}

/*===== 個人設定用 =====*/

/* 共通 */
.personalIcon {
    height: 50px;
    width: 50px;
    background-size: 50px !important;
    background-repeat: no-repeat !important;
}

/* メール設定 */
.personalMail {
    background:url('../../images/mobile/personalMail.png');
}

/* テーマ設定 */
.personalTheme {
    background:url('../../images/mobile/personalTheme.png');
}

/* プッシュ通知設定 */
.personalPush {
    background:url('../../images/mobile/personalPush.png');
}

/* ポータル表示設定 */
.personalPortal {
    background:url('../../images/mobile/personalPortal.png');
}

/* 自動ログイン設定 */
.personalLogin {
    background:url('../../images/mobile/personalLogin.png');
}

/*======================================================
 * 固定表記
======================================================*/

/* 授業名称 */
.jugyoName {
    color: #a52a2a;
    display: inline-block;
    font-size: 1.2em !important;
    margin: 0 0 3px 0 !important;
}

/* アンケートタイトル */
.questTitle {
    color: #a52a2a;
    font-size: 1.2em !important;
}

.evalTitle {
    color: #a52a2a;
    font-size: 1.2em !important;
}

/* 授業評価タイトル */
.evalTitle {
    color: #a52a2a;
    font-size: 1.2em !important;
}

/* 抽選グループタイトル */
.chusenTitle {
    color: #a52a2a;
    font-size: 1.2em !important;
}

/* 氏名 */
.personName {
    color: #a52a2a;
    font-size: 1.2em;
    font-weight: normal;
}

/*======================================================
 * その他アイコン
======================================================*/

/*===== 文字アイコン =====*/

/* 文字アイコン共通 */
.sign {
    background: #222222;
    border-radius: 3px;
    color: #ffffff;
    display: inline-block;
    font-size: 13px !important;
    padding: 3px 8px;
    margin: 2px;
    text-shadow: none;
}

/* 追試験 */
.tTest {
    background: #663300;
    color: #ffffff;
}

/* 再試験 */
.sTest {
    background: #336600;
    color: #ffffff;
}

/* 授業パターン */
.signClass {
    background: #4b474d;
    color: #ffffff;
}

/* セット授業1 */
.signClassset1 {
    background: #4b474d;
}

/* セット授業2 */
.signClassset2 {
    background: #e9967a;
}

/* セット授業3 */
.signClassset3 {
    background: #bdb76b;
}

/* セット授業4 */
.signClassset4 {
    background: #9acd32;
}

/* セット授業5 */
.signClassset5 {
    background: #66cdaa;
}

/* セット授業6 */
.signClassset6 {
    background: #4682b4;
}

/* セット授業7 */
.signClassset7 {
    background: #6a5acd;
}

/* セット授業8 */
.signClassset8 {
    background: #ffb6c1;
}

/* セット授業9 */
.signClassset9 {
    background: #b0c4de;
}

/* セット授業10 */
.signClassset10 {
    background: #8b0000;
}

/* 必須、選択必須、履修エラー */
.hissu {
    background-color: #cc0000;
    color: #ffffff;
    font-size: 0.8em !important;
    font-weight: bold;
    padding: 2px 5px;
}

/* 履修エラー */
.errorItem {
    background-color: #cc0000;
    color: #ffffff;
    font-size: 0.8em !important;
    font-weight: bold;
    padding: 2px 5px;
}

/*===== 文字アイコン（ポータル） =====*/

/* 文字アイコン（ポータル）授業ステータス共通 */
.signLesson {
    background: #222222;
    border-radius: 3px;
    box-sizing: border-box;
    color: #ffffff;
    display: inline-block;
    font-size: 13px !important;
    padding: 0 8px;
    margin: 2px;
    text-align: center;
    text-shadow: none;
}

/* 休講 */
.signLessonRest {
    background: #cc0000;
    color: #ffffff;
    letter-spacing: 0.5em;
    text-indent: 0.5em;
}

/* 教室変更 */
.signLessonChangeroom {
    background: #ffe77a;
    color: #222222;
}

/* 補講 */ 
.signLessonSupple {
    background: #1987e5;
    color: #ffffff;
    letter-spacing: 0.5em;
    text-indent: 0.5em;
}

/* 文字アイコン（ポータル）機能名共通 */
.signPortal {
    background: #ffffff;
    border-radius: 3px;
    box-sizing: border-box;
    color: #222222;
    display: inline-block;
    font-size: 13px !important;
    margin: 2px;
    min-width: 80px;
    padding: 0 8px;
    text-align: center;
    text-shadow: none;
    white-space: nowrap;
}

/* 掲示 */
.signPortalKeiji {
    border: solid 1px #cc0000;
}

/* アンケート */
.signPortalEnquete {
    border: solid 1px #b27246;
}

/* 授業評価 */
.signPortalJugyohyoka {
    border: solid 1px #1f9a3a;    
}

/* 課題 */
.signPortalKadai {
    border: solid 1px #005882; 
}

/* コース課題 */
.signPortalCoursekadai {
    border: solid 1px #005882;    
}

/* プロジェクト課題 */
.signPortalPjKadai {
    border: solid 2px #005882; 
}

/* コース */
.signPortalCourse {
    border: solid 2px #caf564;
}

/* テスト */
.signPortalTest {
    border: solid 1px #ffb74c;    
}

/* コーステスト */
.signPortalCourseTest {
    border: solid 2px #ffb74c;    
}

/* 文字アイコン（ポータル）教室予約共通 */
.signRoomRsv {
    background: #222222;
    border-radius: 3px;
    box-sizing: border-box;
    color: #ffffff;
    display: inline-block;
    font-size: 13px !important;
    padding: 0 8px;
    margin: 2px;
    text-align: center;
    text-shadow: none;
}

/* 取消申請中（教室予約） */
.signRoomCancel {
    background: #ff9933;
    color: #ffffff;
}

/* 取消否認済（教室予約） */
.signRoomReject {
    background: #ffcc99;
    color: #222222;
}

/* 施設名称 */
.shisetsuName {
    color: #a52a2a;
    display: inline-block;
    font-size: 1.2em !important;
    margin: 0 0 3px 0 !important;
}

/* その他文字アイコン */
.signOther {
    background: #222222;
    border-radius: 3px;
    box-sizing: border-box;
    color: #ffffff;
    display: inline-block;
    font-size: 13px !important;
    padding: 0 8px;
    margin: 2px;
    text-align: center;
    text-shadow: none;
    white-space: nowrap;
    width: 80px;
}

/*===== 希望資格登録サイン =====*/

/* 希望資格登録サイン共通 */
.statusShinsei {
    /*    
        background: #f0f0f0;
        border-radius: 5px;
        box-sizing: border-box;
        display: inline-block !important;
        font-weight: bold !important;
        height: 50px;
        text-align: center;
        text-shadow: none;
        width: 64px !important;
    */
    background: #f0f0f0;
    border-radius: 5px;
    box-sizing: border-box;
    display: inline-block !important;
    font-weight: bold !important;
    margin-bottom: 0.5em;
    min-width: 7em !important;
    padding: 0.2em 0.5em;
    text-align: center;
    text-shadow: none;
}

/* 登録申請中 */
.approveStatus1 {
    border: solid 2px #008b45;
    color: #008b45;
}

/* 登録差戻し */
.approveStatus2 {
    border: solid 2px #008b45;
    color: #da3a05;
}

/* 取消申請中 */
.approveStatus3 {
    border: solid 2px #da3a05;
    color: #008b45;
}

/* 取消差戻し */
.approveStatus4 {
    border: solid 2px #da3a05;
    color: #da3a05;
}

/* 登録済 */
.approveStatus5 {
    border: solid 2px #00468c;
    color: #00468c;
}

/* なし */
.approveStatus6 {
    background: transparent;
}

/* 未申請 */
/*
.shinseiYet {
    background: transparent;
}
*/

/* 申請中 */
/*
.shinseiMid {
    border: solid 2px #008b45;
    color: #008b45;
}
*/

/* 差戻し */
/*
.shinseiBack {
    border: solid 2px #da3a05;
    color: #da3a05;
}
*/

/* 承認済 */
/*
.shinseiEnd {
    border: solid 2px #00468c;
    color: #00468c;
}
*/

/*===== 回答状況サイン =====*/

/* 回答状況サイン共通 */
.statusKaito {
    background: #f0f0f0;
    border-radius: 5px;
    box-sizing: border-box;
    display: inline-block;
    font-weight: bold;
    height: 50px;
    line-height: 3.5;
    text-align: center;
    text-shadow: none;
    width: 75px;
    word-break: break-all;
}

/* 未回答 */
.kaitoYet {
    border: solid 2px #b25900;
    /*background: rgba(178,89,0,0.2);*/
    color: #b25900;
}

/* 回答中 */
.kaitoMid {
    border: solid 2px #008b45;
    /*background: rgba(0,139,69,0.2);*/
    color: #008b45;
}

/* 回答済 */
.kaitoEnd {
    border: solid 2px #00468c;
    /*background: rgba(0,70,140,0.2);*/
    color: #00468c;
}

/*===== 配信状況サイン =====*/

/* 配信状況サイン共通 */
.statusHaishin {
    background: #f0f0f0;
    border-radius: 5px;
    box-sizing: border-box;
    display: inline-block;
    font-weight: bold;
    height: 50px;
    line-height: 3.5;
    text-align: center;
    text-shadow: none;
    width: 64px;
    word-break: break-all;
}

/* 受付中 */
.haishinMid {
    border: solid 2px #008b45;
    /*background: rgba(0,139,69,0.2);*/
    color: #008b45;
}

/* 終了 */
.haishinEnd {
    border: solid 2px #00468c;
    /*background: rgba(0,70,140,0.2);*/
    color: #00468c;
}

/*===== 抽選希望状況、抽選結果サイン =====*/

/* 抽選希望状況、抽選結果サイン 共通 */
.statusChusen {
    background: #f0f0f0;
    border-radius: 5px;
    box-sizing: border-box;
    display: inline-block;
    font-weight: bold;
    height: 50px;
    line-height: 3.5;
    text-align: center;
    text-shadow: none;
    width: 64px;
    word-break: break-all;
}

/* 希望なし */
.kiboYet {
    background: transparent;
}

/* 希望済 */
.kiboEnd {
    border: solid 2px #00468c;
    /*background: rgba(0,70,140,0.2);*/
    color: #00468c;
}

/* 未確定 */
.kekkaYet {
    border: solid 2px #b25900;
    /*background: rgba(178,89,0,0.2);*/
    color: #b25900;
}

/* 当選 */
.kekkaOk {
    border: solid 2px #00468c;
    /*background: rgba(0,70,140,0.2);*/
    color: #00468c;    
}

/* 落選 */
.kekkaNg {
    border: solid 2px #da3a05;
    /*background: rgba(218,58,5,0.2);*/
    color: #da3a05;    
}

/*===== 安否回答状況サイン =====*/

/* 安否回答状況サイン共通 */
.signAnpi {
    background: #f0f0f0;
    border-radius: 3px;
    box-sizing: border-box;
    color: #222222;
    display: inline-block;
    font-size: 13px !important;
    padding: 0 8px;
    margin: 2px 10px 2px 2px;
    text-align: center;
    text-shadow: none;
    white-space: nowrap;
    width: 80px;
}

/* 未回答 */
.signAnpiYet {
    border: solid 2px #b25900;
    color: #b25900;
}

/* 回答中 */
.signAnpiMid {
    border: solid 2px #008b45;
    color: #008b45;
}

/* 回答済 */
.signAnpiEnd {
    border: solid 2px #00468c;
    color: #00468c;
}

/*===== 授業プロダクト =====*/

/* 授業プロダクト共通 */
.signJyugyo {
    background: #f0f0f0;
    border: solid 2px #222222;
    border-radius: 3px;
    box-sizing: border-box;
    color: #222222;
    display: inline-block;
    font-size: 13px !important;
    padding: 0 8px;
    margin: 2px 10px 0.5em 2px;
    max-width: 100%;
    min-width: 80px;
    text-align: center;
    text-shadow: none;
}

/* 授業Q&A（未読） */
.signJyugyo.midoku {
    border: solid 2px #9acd32;
    color: #9acd32;
}

/* 授業Q&A（既読） */
.signJyugyo.kidoku {
    border: solid 2px #00bfff;
    color: #00bfff;
}

/* クリッカー、プロジェクト（未実施） */
.signJyugyo.mijisshi {
    border: solid 2px #00bfff;
    color: #00bfff;
}

/* クリッカー、プロジェクト（実施中） */
.signJyugyo.jisshichu {
    border: solid 2px #ff1493;
    color: #ff1493;
}

/* クリッカー、プロジェクト（終了） */
.signJyugyo.end {
    border: solid 2px #696969;
    color: #696969;
}

/* 課題、プロジェクト課題（受付開始前） */
.signJyugyo.signKdiStatus_1 {
    border: solid 2px #00bfff;
    color: #00bfff;	
}

/* 課題、プロジェクト課題（提出受付中） */
.signJyugyo.signKdiStatus_2 {
    border: solid 2px #9acd32;
    color: #9acd32;
}

/* 課題、プロジェクト課題（再提出受付中） */
.signJyugyo.signKdiStatus_3 {
    border: solid 2px #ff1493;
    color: #ff1493;
}
/* 課題、プロジェクト課題（提出終了）  */
.signJyugyo.signKdiStatus_4 {
    border: solid 2px #969696;
    color: #969696;
}
/* 課題、プロジェクト課題（受付終了） */
.signJyugyo.signKdiStatus_5 {
    border: solid 2px #696969;
    color: #696969;
}

/* 課題、プロジェクト課題（結果公開中） */
.signJyugyo.signKdiStatus_6 {
    border: solid 2px #333333;
    color: #333333;
}

/* 課題、プロジェクト課題（公開終了） */
.signJyugyo.signKdiStatus_7 {
    border: solid 2px #755252;
    color: #755252;
}

/* テスト（テスト準備中） */
.signJyugyo.signDispTestStatus_1 {
    border: solid 2px #00bfff;
    color: #00bfff;	
}

/* テスト（テスト受付中） */
.signJyugyo.signDispTestStatus_2 {
    border: solid 2px #9acd32;
    color: #9acd32;
}

/* テスト（再テスト受付中） */
.signJyugyo.signDispTestStatus_3 {
    border: solid 2px #ff1493;
    color: #ff1493;
}

/* テスト（テスト中断中） */
.signJyugyo.signDispTestStatus_4 {
    border: solid 2px #f5a346;
    color: #f5a346;
}

/* テスト（テスト完了）  */
.signJyugyo.signDispTestStatus_5 {
    border: solid 2px #969696;
    color: #969696;
}

/* テスト（受付終了） */
.signJyugyo.signDispTestStatus_6 {
    border: solid 2px #696969;
    color: #696969;
}

/* テスト（結果公開中） */
.signJyugyo.signDispTestStatus_7 {
    border: solid 2px #333333;
    color: #333333;
}

/* テスト（テスト実施中） */
.signJyugyo.signDispTestStatus_8 {
    border: solid 2px #cc0000;
    color: #cc0000;
}

/* テスト（公開終了） */
.signJyugyo.signDispTestStatus_9 {
    border: solid 2px #755252;
    color: #755252;
}

/* コース学習 コンテンツ（未学習） */
.signJyugyo.before {
    border: solid 2px #ea664c;
    color: #ea664c;	
}

/* コース学習 コンテンツ（学習中） */
.signJyugyo.studing {
    border: solid 2px #F5DA81;
    color: #F5DA81;
}

/* コース学習 コンテンツ（完了） */
.signJyugyo.finish {
    border: solid 2px #5b9bd5;
    color: #5b9bd5;
}

/* コース学習 課題（） */




/*===== 就職用サイン =====*/

/* 就職機能サイン共通（四角） */
.shushokuSignA {
    background: #f0f0f0;
    border-radius: 5px;
    box-sizing: border-box;
    display: inline-block;
    font-weight: bold;
    height: 50px;
    line-height: 3.5;
    text-align: center;
    text-shadow: none;
    width: 75px;
    word-break: break-all;
}

/* 進路希望登録状況（未登録） */
.shinrokiboEntryYet {
    border: solid 2px #b25900;
    color: #b25900;
}

/* 進路希望登録状況（登録済） */
.shinrokiboEntryEnd {
    border: solid 2px #00468c;
    color: #00468c;
}

/* 就職機能サイン共通（横長） */
.shushokuSignB {
    background: #f0f0f0;
    border-radius: 5px;
    box-sizing: border-box;
    display: inline-block !important;
    font-weight: bold !important;
    margin-bottom: 0.5em;
    min-width: 7em !important;
    padding: 0.2em 0.5em;
    text-align: center;
    text-shadow: none;
    word-break: break-all;
}

/* セミナー詳細状況（未申込） */
.seminarEntry0 {
    border: solid 2px #b25900;
    color: #b25900;
}

/* セミナー詳細状況（申込済） */
.seminarEntry1 {
    border: solid 2px #00468c;
    color: #00468c;
}

/* セミナー申込状況（受付前） */
.seminarUketsukeYet {
    border: solid 2px #b25900;
    color: #b25900;
}

/* セミナー申込状況（受付中） */
.seminarUketsukeNow {
    border: solid 2px #008b45;
    color: #008b45;
}

/* セミナー申込状況（終了） */
.seminarUketsukeEnd {
    border: solid 2px #00468c;
    color: #00468c;
}

/* セミナー詳細状況（出席） */
.seminarSyuketsu0 {
    border: solid 2px #000066;
    color: #000066;
}

/* セミナー詳細状況（早退） */
.seminarSyuketsu1 {
    border: solid 2px #666600;
    color: #666600;
}

/* セミナー詳細状況（遅刻） */
.seminarSyuketsu2 {
    border: solid 2px #ff9933;
    color: #ff9933;
}

/* セミナー詳細状況（欠席） */
.seminarSyuketsu3 {
    border: solid 2px #cc3333;
    color: #cc3333;
}

/* セミナー詳細状況（公欠） */
.seminarSyuketsu4 {
    border: solid 2px #990099;
    color: #990099;
}

/* 就職活動状況（学内選考対象） */
.kyushokuStatus1 {
    border: solid 2px #336633;
    color: #336633;
}

/* 就職活動状況（学内選考合格） */
.kyushokuStatus2 {
    border: solid 2px #000066;
    color: #000066;
}

/* 就職活動状況（学内選考落選） */
.kyushokuStatus3 {
    border: solid 2px #333333;
    color: #333333;
}

/* 就職活動状況（採用試験応募済） */
.kyushokuStatus4 {
    border: solid 2px  #b25900;
    color:  #b25900;
}

/* 就職活動状況（内定済） */
.kyushokuStatus5 {
    border: solid 2px #ff3399;
    color: #ff3399;
}

/* 就職活動状況（不採用） */
.kyushokuStatus6 {
    border: solid 2px #333333;
    color: #333333;
}

/* 就職活動状況（内定辞退） */
.kyushokuStatus7 {
    border: solid 2px #333333;
    color: #333333;
}

/* 就職活動状況（内定取り消し） */
.kyushokuStatus8 {
    border: solid 2px #333333;
    color: #333333;
}

/* 就職活動状況（就職先として決定） */
.kyushokuStatus9 {
    border: solid 2px #cc0000;
    color:  #cc0000;
}

/* その他（第○希望） */
.kiboJun {
    border: solid 2px #333333;
    color: #333333;
}

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

/* 下矢印 */
.iconArrowDown {
    border: 20px solid transparent;
    border-top: 20px solid #dddddd;
    height: 0;
    margin: 0 auto 5px auto;
    position: relative;
    top: 5px;
    width: 0;
}

/* New */
.signNew {
    background: #ffe7e7;
    border-radius: 3px;
    box-sizing: border-box;
    color: #cc0000;
    display: inline-block;
    font-size: 13px !important;
    padding: 0 8px;
    margin: 2px;
    text-align: center;
    text-shadow: none;
}

/*======================================================
 * フォーム部品
======================================================*/

/*===== 共通 =====*/


/*===== 部品別 =====*/

/* 日付、時間、日時 */
.inputDate, .inputTime, .inputDatetime {
    display: inline-block;
    margin-right: 5px;
}

.inputDate input, .inputTime input, .inputDatetime input {
    margin-right: 20px;
}

/*======================================================
 * ダイアログ
======================================================*/

/*===== 共通 =====*/

.ui-popup-container {
    /*width: 100% !important;*/
    text-align: center;
}

/*===== メッセージ以外（フロート） =====*/

.modalMessage {
    width: 100%;
}

.messageBtnArea {
    margin-top: 10px;
    text-align: center;
}

/* */
.ui-popup .ui-content {
    padding: 0;
    padding: 1em;
    position: relative;
}

/*======================================================
 * ダイアログ（エラーメッセージほか）
======================================================*/

#mblMssArea .ui-panel {
    max-height: 200px;
    min-height: 0;
    width: 24em;
}

.ui-panel-animate.ui-panel-position-right.ui-panel-display-overlay, .ui-panel-animate.ui-panel-position-right.ui-panel-display-push {
    right: 0;
    -webkit-transform: translate3d(24em,0,0) !important;
    -moz-transform: translate3d(24em,0,0) !important;
    transform: translate3d(24em,0,0) !important;
}

.ui-panel-animate.ui-panel-open.ui-panel-position-right.ui-panel-display-overlay, .ui-panel-animate.ui-panel-open.ui-panel-position-right.ui-panel-display-push {
    -webkit-transform: translate3d(0,0,0) !important;
    transform: translate3d(0,0,0) !important;
    -moz-transform: none !important;

}

/*======================================================
 * その他部品
======================================================*/

/*===== ステップス =====*/
/* CSS読込優先順の関係でステップのスタイルはすべてカラーテーマへ移行 */

/*
.steps {
    background-color: #dddddd;
    border: 1px solid #F0F0F0;
    border-radius: 3px;
    color: #aaaaaa;
    height: 30px;
    line-height: 30px;
    margin: 0 0 5px 0;
    overflow: hidden;
    padding: 1px;
}

.steps li {
    color: black;
    float:left;	
    list-style: none;
    text-shadow: none;
}

.steps li span {
    background: #F0F0F0;
    color: #222222 !important;
    display: block;
    height: 30px;
    margin-right: 31px;
    padding-right: 10px;
    position: relative;
    text-decoration: none;
    text-shadow: none;
}

.steps li span:last-of-type {
    margin-right: 31px;
}

.steps li span::before {
    border: 15px solid transparent;
    border-color: #F0F0F0;
    border-left-color: transparent;
    content: "";
    display: block;
    height: 0;
    left: -30px;
    position: absolute;
    top: 0;
    width: 0;
}

.steps li span::after {
    border: 15px solid transparent;
    border-left-color: #F0F0F0;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: -30px;
    top: 0;
    width: 0;
}

.steps li:first-child span {
    padding-left: 10px;
}

.steps li:first-child span::before {
    display:none;
}

.steps li.current span {
    background: #42466f;
    color: #ffffff !important;
    text-decoration: none;
}

.steps li.current span::before {
    border-color: #42466f;
    border-left-color: transparent;
}

.steps li.current span::after {
    border-left-color: #42466f;
}
*/

/*===== 見出し =====*/

/* 汎用見出し */
/* ui-bar-inheritと併用 */
.orgTitle {
    opacity: 0.9;
    padding: 5px 10px;
}

/*===== 棒グラフのバー =====*/

/* バーの下地 */
.resultBarBase {
    background: rgba(240,240,240,0.2);
    /*background: transparent;*/
    height: 15px;
}

/* バー本体 */
.resultBar {
    /*background: #c7b299;*/ /* カラーテーマにて設定 */
    display: inline-block;
    height: 15px;
    width: 0%; /* 初期値 */
}

/*===== 履修登録関連 =====*/

/* 授業エリアは直接スタイルを定義するのが不能のため、隣接セレクタを利用 */

/* 選択授業 */
.lessonSelected + div {
    background: #fdffe6 !important;
}

/* エラーを含む曜日、時限のタイトル */
.groupError a {
    color: #cc0000 !important;
}

/* エラー授業 */
.lessonError + div {
    background: #ffe7e7 !important;
}

/* メッセージ */
.entryMsg {
    color: #cc0000;
}

/*===== 学生時間割表 =====*/

/* 授業エラー */
.tableError {
    background: #ffe7e7;
}

/* 授業あり */
.tableExist {
    background: #eeeeee;
}

/*===== 学生時間割表、履修登録、成績照会 =====*/

/* 科目分類レベル分け */
.kamokuLevel1 {
    text-indent: 0.0em;
}

.kamokuLevel2 {
    text-indent: 0.4em;
}

.kamokuLevel3 {
    text-indent: 0.8em;
}

.kamokuLevel4 {
    text-indent: 1.2em;
}

.kamokuLevel5 {
    text-indent: 1.6em;
}

.kamokuLevel6 {
    text-indent: 2.0em;
}

/* カリキュラムツリーレベル分け */
.curriLevel1 {
    text-indent: 0.0em;
}

.curriLevel2 {
    text-indent: 0.4em;
}

.curriLevel3 {
    text-indent: 1.2em;
}

.curriLevel4 {
    text-indent: 2.0em;
}

.curriLevel5 {
    text-indent: 2.8em;
}

.curriLevel6 {
    text-indent: 3.6em;
}

.curriLevel7 {
    text-indent: 4.2em;
}

/* 合計行 */
.sumRow {
    /*background: #aaaaaa;*/
    /*color: #ffffff;*/
    /*text-shadow: none;*/
    border-top: solid 1px #222222;
}

/*===== 教員スケジュール（一覧） =====*/

/* 本日（見出し） */
.today {
    background: #cce5ff !important;
    color: inherit !important;
}

/* マイスケジュール */
.eventMyself, .eventMyself a {
    color: #6495ed !important;
    font-weight: normal !important;
}

.eventMyself span {
    font-weight: bold !important;
}

/* 休日・イベント */
.eventEvent, .eventEvent a {
    color: #3cb371 !important;
    font-weight: normal !important;
}

.eventEvent span {
    font-weight: bold !important;
}

/* オフィスアワー */
.eventOffice, .eventOffice a {
    color: #fa8072 !important;
    font-weight: normal !important;
}

.eventOffice a span {
    font-weight: bold !important;
}

/* 授業 */
.eventJugyo, .eventJugyo a {
    color: inherit !important;
    font-weight: normal !important;
}

.eventJugyo span {
    font-weight: bold !important;
}

/*======================================================
 * 各種装飾
======================================================*/

/*===== アイコン色調整 =====*/

/* 重要 */
.iconColorAttention {
    color: #cc0000;
}

/*===== アイコンサイズ調整 =====*/

/* アイコン特大 */
.iconSizeLL {
    font-size: 1.8em;
}

/* アイコン大 */
.iconSizeL {
    font-size: 1.5em;
}

/* アイコン中 */
.iconSizeLM {
    font-size: 1.2em;
}

/*===== 掲示板 =====*/

/* 以下、属性はtitleStyleClassを使用*/
/* 共通 */
.keijibanTab a {
    padding-left: 55px !important;
}

.listIndent {
    text-indent: 1em;
}

.ui-listview .listIndent a.ui-btn {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 重要 */
.importantRead {
    position: relative;
}

.importantRead a::before {
    color: #cc0000;
    content: "5";
    font-family: 'unipa_mobile';
    font-size: 1.8em;
    left: -0.2em;
    position: absolute;
    top: 0.14em;
}

/* 既読 */
.alreadyRead a {
    color: #999999 !important;
}

/* 新着 */
.newRead a {
    background: url(../../images/mobile/new.png) no-repeat;
    background-position: right top;
    background-size: contain;
}

/*===== アンケート =====*/

/* 重要 */
.importantQuest::before {
    color: #cc0000;
    content: "5";
    font-family: 'unipa_mobile';
    font-size: 1.2em;
}

/*===== 強調文字 =====*/

/* 授業名 */
.lessonFont {
    font-size:1.2em !important;
    margin: 5px 0 !important;
    color: #c1272d;
}

/*===== 試験時間割表などの例外フォントサイズ =====*/

/* 最小フォント */
.minFontsize {
    font-size: 11px !important;
}

/*===== 詳細表示エリア =====*/
.detailBg {
    background: #eeeeee;
}

/*===== ポータル =====*/

/* 新着丸数字 */
.newNumber {
    color: #cc0000;
    font-size: 20px;
    position: absolute;
    right: -10px;
    top: -20px;
}

/*===== 代替表示 =====*/

/* 顔写真がない場合の代替表現（標準） */
.noImage {
    background: #cccccc;
    box-sizing: border-box;
    display: table-cell;
    height: 132px;
    text-align: center;
    vertical-align: middle;
    width: 99px;
}

.noImage span {
    color: #ffffff;
    font-size: 1.2em;
    font-weight: normal;
}

/*===== 通信エラー用ダイアログ =====*/
.errDlg {
    background: #ffffff;
    max-width: 400px !important;
}

.errDlg .ui-header {
    background: #cccccc;
}

.errDlg .ui-title {
    color: #cc0000;
}

.errDlg .dialogMessageMain {
    color: #cc0000;
    font-weight: bold;
    margin: 1em;
    text-align: left;
}

.errDlg .ui-btn {
    background-color: #ffffff;
    border-color: #8c8c8c;
    color: #000000;
    text-shadow: 0 1px 0 #eeeeee;
}

.errDlg .dialogBtnArea .ui-btn {
    font-size: 12.5px;
    margin: 0 auto;
    width: auto;
}

/*======================================================
 * デフォルトスタイル調整
======================================================*/

/* アコーディオン余白調整 */
.ui-collapsible-content {
    /*padding: 0.2em 0.5em;*/
}

/* データリスト内文言調整 */
.ui-listview > li p {
    font-size: 1em;
    text-overflow: clip;
    overflow: auto;
    white-space: normal;
}

/* エラーメッセージ表示調整 */
.ui-messages-error .ui-messages-error-icon {
    display: none;
}

.ui-messages ul {
    margin: 0;
    list-style-type: none;
}

/* コンテント余白調整 */
.ui-content {
    /*margin-bottom: 50px;*/
    /*padding: 0.5em;*/
    padding: 0;
}

/* 三点リーダー（…）をリセットする */
.ui-listview > .ui-li-static, .ui-listview > .ui-li-divider, .ui-listview > li > a.ui-btn {
    overflow: auto;
    text-overflow: clip;
    white-space: normal;
}

/* パネル間余白 */
.ui-panel-m {
    margin-bottom: 10px;
}

/* PMフィールド余白 */
.ui-field-contain {
    padding: 5px 5px;
}

/* テーブル文字揃えリセット */
.ui-table th, .ui-table td {
    text-align: initial;
}

.ui-collapsible-content p {
    display: none;
}

/* ヘッダ下部にメニューの高さ分の余白が入る問題の対応 */
div.ui-page-header-fixed {
    padding-top: 45px !important;
}

/* toggleボタン、アイコンの位置ズレ調整 */
.ui-btn-icon-left.ui-collapsible-heading-toggle::after, .ui-panel-m-titlebar-icon.ui-btn-right::after {
    background-position: 5px center;
}

/* タイトルの左右margin調整 */
.ui-title {
    margin-left: 50px !important;
    margin-right: 50px !important;
}

/* リストビューの不要なボーダー削除 */
.ui-listview > .ui-first-child {
    border-top: none;
}

.ui-listview > .ui-last-child {
    border-bottom: none;
}

/* ログインのチェック、×ボタンなどの画像の位置調整 */
.ui-btn-icon-notext:after, .ui-btn-icon-left:after, .ui-btn-icon-right:after {
    background-repeat: no-repeat;
}

/* ダイアログの省略表示を無効にする */
.ui-popup .ui-title {
    overflow: auto;
    text-overflow: clip;
    white-space: normal;
}

/* iPhoneのフォームでのズーム防止 */
input[type="text"], input[type="password"], textarea {
    font-size: 16px;
}

/*  */
.ui-header-fixed {
    z-index: 1001 !important;
}

/* ポップアップ（コンファームなど）が画面外に表示されてしまう対応 */
.ui-popup-container {
    position: fixed;
    top: 50% !important;
    transform: translate(-50%, -50%);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

/*
.ui-panel-m .ui-panel-m-titlebar-icon {
    top: 30%;
}
*/

/* パネル角丸 */
/*
.ui-corner-all {
    -webkit-border-radius: .3em !important;
    border-radius: .3em !important;
}
*/

/*======================================================
 * htmlEditor, htmlEditorView調整
======================================================*/

/* urlがオーバーフローする問題の解決 */
.fr-box {
    word-break: break-all;
}

/* リストのスタイル調整 */
.fr-box ol, .fr-box ul {
    padding-left: 20px;
}

/*---------------------テスト用エリア------------------------------*/

/*.ui-checkbox label {
    padding-bottom: 45px;
}

.imgBtnArea {
    top: initial;
    bottom: 5px !important;
}*/

/*暫定*/
/**/
.dispTable {
    display : table;
}
.dispTableRow {
    display : table-row;
}
.dispTableCell {
    display : table-cell;
}
.attentionArea {
    background : #F0F0F0;
    padding : 5px 10px;
    clear : both;
}

/*p:dataListのstyleClassに[panelDataList]を設定する*/
/*p:dataListの先頭行の上線なし*/
.panelDataList li.ui-first-child {
    border-top-style: none;
}
/*p:dataListの最終行の下線なし*/
.panelDataList li.ui-last-child {
    border-bottom-style: none;
}
/*selectcheckboxmenuの横幅を固定(#9201対応)*/
.ui-selectcheckboxmenu-items-wrapper{
    width: 280px!important;
}