body {
    background: #FBF5EA;
    font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
    font-size: 14px;
}

.PageHeader {
    padding: 12px 0 0;
}

.HeaderBar {
    color: #fff;
    background-color: #A1DCF3;
    margin-bottom: 10px;
    max-width: 100%;
    font-size: 16px;
    line-height: 36px;
}

/*中の白い部分*/
.PanelLayoutInner {
    margin: 5px 3px 10px 3px;
    padding: 15px 10px;
    background: #fff;
    box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
/*青い枠の中の文字色指定*/
.PanelLayoutFontColor {
    color: #4169e1;
}

h3 {
    font-weight: bold;
    margin-top: 10px;
}

/*ボタンの大きさの設定（水色、赤色、橙色、青色）*/
.btn-info,
.btn-danger,
.btn-warning,
.btn-primary {
    min-width: 87px;
    min-height: 30px;
    font-size: 15px;
    font-weight: bold;
}

/*ボタンの大きさの設定（白）*/
.btn-default {
    min-width: 100px;
    min-height: 30px;
    font-size: 15px;
}

/*ボタンの大きさの設定（ヘッダー用）*/
.HeaderBtnSize {
    font-size: 12px;
    font-weight: normal;
}

/*ボタンの余白の設定（ヘッダー用）*/
.HeaderBtnMargin {
    margin-top: 3px;
}

.HeadingMargin {
    margin-top: 40px;
    margin-bottom: 20px;
}

/*エントリー詳細画面の結果の文字のフォント（合格/終了）*/
.result-success {
    font-size: 22px;
    color: forestgreen;
}

/*エントリー詳細画面の結果の文字のフォント（不合格/スライド）*/
.result-failure {
    font-size: 22px;
    color: mediumblue;
}

/*エントリー詳細画面の結果の文字のフォント（辞退/キャンセル）*/
.result-cancel {
    font-size: 22px;
    color: dimgray;
}

/*エントリー詳細画面の結果の文字のフォント（中断）*/
.result-interruption {
    font-size: 22px;
    color: crimson;
}

/* ボタンの配色設定（黒色） */
.gray, .gray:hover, .gray:focus {
    color: #fff !important;
    background: -ms-linear-gradient( top, #A0A0A0 0%, #666666);
    background: -moz-linear-gradient( top, #A0A0A0 0%, #666666);
    background: -webkit-gradient( linear, left top, left bottom, from(#A0A0A0), to(#666666));
    border: 1px solid #7A7A7A;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
}

/* 長文メッセージのボタン幅（スマホでの表示時に文字を折り返して表示させるため） */
.EntryLongMsgBtnWidth {
    width: auto;
    height: auto;
    display: inline-block;
}

/*エントリー受付ボタン幅、エントリー状況ボタン幅*/
.EntryReceptionBtnWidth,
.EntryStatusBtnWidth {
    width: 230px;
}

/*請求するボタン幅*/
.RequestPayBtnWidth {
    width: 120px;
}

/*エントリーするボタン幅、エントリー完了画面（TOPへ、エントリー状況）ボタン幅、エントリーキャンセルボタン幅*/
.EntryBtnWidth,
.EntryFinishBtnWidth,
.EntryCancelBtnWidth {
    width: 170px;
}

/*エントリーするボタンの余白（スマフォにて複数ボタン表示時、縦並びになったボタンを接触させない対応）*/
.EntryBtnMargin {
    margin-bottom: 4px;
}

/*サムネイル80*80に外接リサイズ*/
span.EmpThumbnail {
    display: inline-block;
    background-color: #FFFFFF;
    background-position: center center;
    background-repeat: no-repeat;
    width: 80px;
    height: 80px;
    background-size: cover;
}

/*スマフォの場合、タイトル帯部分の左右パティングを取り除く（タイトルを折り返して表示させない対応）*/
@media (max-width: 767px) {
    .HeaderArea .col-sm-12 {
        padding-left: 0px;
        padding-right: 0px;
    }
}

/*body {
    padding-top: 50px;
    padding-bottom: 20px;
}*/

/* Set padding to keep content from hitting the edges */
/*.body-content {
    padding-left: 15px;
    padding-right: 15px;
}*/

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
/*.dl-horizontal dt {
    white-space: normal;
}*/

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}*/

/*以下追記*/

body {
    /*font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;*/
    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic,"Noto Sans Japanese",Noto Sans Japanese, sans-serif;
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        padding-bottom: 7px;
    }
}

.control-label {
    background-color: #dddddd;
}

.accordion_list_1 {
    background-color: #F1F8FE;
    border: 1px solid #99CCFF;
    color: black;
}

.accordion_list_2 {
    background-color: #fcf8e3;
    border: 1px solid #99CCFF;
    color: black;
}

.accordion_list_3 {
    background-color: #dbeeff;
    border: 1px solid #99CCFF;
    color: black;
}


.form-group {
    margin-bottom: 2px;
    margin-top: 2px;
}

    .form-group > span {
        float: left;
        padding: 6px 0px;
    }

.col-md-1 + span, .col-md-2 + span, .col-md-3 + span, .col-md-4 + span, .col-md-5 + span, .col-md-6 + span, .col-md-7 + span, .col-md-8 + span, .col-md-9 + span, .col-md-10 + span, .col-md-11 + span, .col-md-12 + span,
.col-sm-1 + span, .col-sm-2 + span, .col-sm-3 + span, .col-sm-4 + span, .col-sm-5 + span, .col-sm-6 + span, .col-sm-7 + span, .col-sm-8 + span, .col-sm-9 + span, .col-sm-10 + span, .col-sm-11 + span, .col-sm-12 + span,
.col-lg-1 + span, .col-lg-2 + span, .col-lg-3 + span, .col-lg-4 + span, .col-lg-5 + span, .col-lg-6 + span, .col-lg-7 + span, .col-lg-8 + span, .col-lg-9 + span, .col-lg-10 + span, .col-lg-11 + span, .col-lg-12 + span,
.col-xs-1 + span, .col-xs-2 + span, .col-xs-3 + span, .col-xs-4 + span, .col-xs-5 + span, .col-xs-6 + span, .col-xs-7 + span, .col-xs-8 + span, .col-xs-9 + span, .col-xs-10 + span, .col-xs-11 + span, .col-xs-12 + span {
    margin-left: -13px;
}

span + .col-md-1, span + .col-md-2, span + .col-md-3, span + .col-md-4, span + .col-md-5, span + .col-md-6, span + .col-md-7, span + .col-md-8, span + .col-md-9, span + .col-md-10, span + .col-md-11, span + .col-md-12,
span + .col-sm-1, span + .col-sm-2, span + .col-sm-3, span + .col-sm-4, span + .col-sm-5, span + .col-sm-6, span + .col-sm-7, span + .col-sm-8, span + .col-sm-9, span + .col-sm-10, span + .col-sm-11, span + .col-sm-12,
span + .col-lg-1, span + .col-lg-2, span + .col-lg-3, span + .col-lg-4, span + .col-lg-5, span + .col-lg-6, span + .col-lg-7, span + .col-lg-8, span + .col-lg-9, span + .col-lg-10, span + .col-lg-11, span + .col-lg-12,
span + .col-xs-1, span + .col-xs-2, span + .col-xs-3, span + .col-xs-4, span + .col-xs-5, span + .col-xs-6, span + .col-xs-7, span + .col-xs-8, span + .col-xs-9, span + .col-xs-10, span + .col-xs-11, span + .col-xs-12 {
    padding-left: 2px;
}

/*ここまで追記*/

/* ■■■ 「Start」日付ポップアップ ■■■ */

.calendar-pos {
    position: absolute;
    bottom: 10px;
    right: 24px;
    top: auto;
    cursor: pointer;
}

.calendar-fromto-pos {
    position: absolute;
    cursor: pointer;
    margin-top: 8px;
    margin-left: -25px;
}

.calendar-fromto-pos-bar {
    margin-left: 6px;
}

.daterangepicker .ranges li {
    padding: 2px 12px;
    margin-bottom: 4px;
}

.daterangepicker th.available:hover {
    background: #5EB0C7;
}

.btn-brown {
    color: #ffffff;
    background-color: #C4C4C4;
    border-color: #BAB8C4;
}

    .btn-brown:hover,
    .btn-brown:focus,
    .btn-brown:active,
    .btn-brown.active,
    .open .dropdown-toggle.btn-brown {
        color: #ffffff;
        background-color: #9B9A9C;
        border-color: #BAB8C4;
    }

    .btn-brown:active,
    .btn-brown.active,
    .open .dropdown-toggle.btn-brown {
        background-image: none;
    }

    .btn-brown.disabled,
    .btn-brown[disabled],
    fieldset[disabled] .btn-brown,
    .btn-brown.disabled:hover,
    .btn-brown[disabled]:hover,
    fieldset[disabled] .btn-brown:hover,
    .btn-brown.disabled:focus,
    .btn-brown[disabled]:focus,
    fieldset[disabled] .btn-brown:focus,
    .btn-brown.disabled:active,
    .btn-brown[disabled]:active,
    fieldset[disabled] .btn-brown:active,
    .btn-brown.disabled.active,
    .btn-brown[disabled].active,
    fieldset[disabled] .btn-brown.active {
        background-color: #C4C4C4;
        border-color: #BAB8C4;
    }

    .btn-brown .badge {
        color: #C4C4C4;
        background-color: #ffffff;
    }

    /* 「End」日付ポップアップ  */

    .btn-brown .badge {
        color: #939096;
        background-color: #ffffff;
    }

.checkbox, .checkAll {
    margin: 0 auto !important;
    display: block;
}

.all-check {
    padding-right: 12px !important;
    padding-left: 12px !important;
}

tr.odd > .fixedCol {
    background-color: #EEEEEE;
}

tr.even > .fixedCol {
    background-color: #F5F5F5;
}

@media (min-width: 768px) {
    .required:after {
        content: "*";
        font-family: cursive;
        font-weight: 500;
        color: red;
        margin-right: -7px;
    }
}

/*レスポンシブした場合の必須*/
.requiredMobile:after {
    content: "*";
    font-family: cursive;
    font-weight: 500;
    color: red;
}

.RightRemainder {
    overflow: hidden;
}
/*ページタイトルレイアウト*/
.PageTitle {
    border-top: 3px solid #00533f;
    box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.16);
    position: relative;
    padding-left: 35px;
    border-bottom: 2px solid #ccc;
    font-weight: bold;
    font-size: 22px;
    line-height: 38px;
}

    .PageTitle:before {
        content: "■";
        font-family: Arial;
        font-size: 150%;
        position: absolute;
        color: #4BE81A;
        top: 0.1em;
        left: 0.4em;
        height: 12px;
        width: 12px;
    }

    .PageTitle:after {
        content: "□";
        font-family: Arial;
        font-size: 150%;
        position: absolute;
        color: #86B360;
        top: 0.3em;
        left: 0;
        height: 12px;
        width: 12px;
        padding-left: 6px;
    }

/*見出し(青)レイアウト*/
.TitleLayout {
    margin-top: 15px;
    border-left: 7px solid;
    border-color: #6D84B4;
    background-color: #3B5998;
    font-size: 1.143em;
    font-weight: bold;
    color: #ffffff;
    vertical-align: middle;
}

    .TitleLayout h5 {
        line-height: 20px;
        margin: 8px 0px;
        height: 18px;
    }

    .TitleLayout h6 {
        line-height: 14px;
        margin: 7px 0px;
        height: 15px;
    }

    .TitleLayout:link {
        color: #ffffff;
        text-decoration: none;
    }

    .TitleLayout:hover {
        color: #ffffff;
    }

    .TitleLayout:active {
        color: #ffffff;
    }

    .TitleLayout:visited {
        color: #ffffff;
    }

/*見出し(青)上のオプションボタン・CSV出力ボタンのレイアウト*/
.BtnLayout {
    background-color: #1E90FF;
    margin: 4px 0px;
    padding: 3px 10px;
}


.BtnLayout {
    color: #ffffff;
}


    .BtnLayout:focus {
        color: #3f3f3f;
    }

    .BtnLayout:visited {
        color: #ffffff;
    }

    .BtnLayout:hover {
        background-color: #F0FFFF;
        margin: 4px 0px;
        color: #000000;
        padding: 3px 10px;
    }

/*アコーディオンしていないときの見出しの色(青→グレー)*/
.TitleLayout.collapsed {
    background-color: #808080;
    border-left: 7px solid #A9A9A9;
    border-color: #A9A9A9;
}

/*編集用見出しレイアウト*/
.EditTitleLayout {
    margin-top: 15px;
    border-left: 7px solid;
    border-color: #BC8F8F;
    background-color: #9A3636;
    font-size: 1.143em;
    font-weight: bold;
    color: #FFFFFF;
    vertical-align: middle;
}

    .EditTitleLayout h5 {
        line-height: 20px;
        margin: 8px 0px;
        height: 18px;
    }

/*編集用ボタンレイアウト*/
.EditBtnLayout {
    background-color: #E85454;
    margin: 4px 0px;
    color: #FFFFFF;
    padding: 3px 10px;
}

    .EditBtnLayout:hover {
        background-color: #FFDCC0;
        margin: 4px 0px;
        padding: 3px 10px;
    }

.TitleLayout.collapsed {
    background-color: #808080;
    border-left: 7px solid #A9A9A9;
    border-color: #A9A9A9;
}

/*セラピスト情報系メニューのボタン幅*/
.TherapistBtnLayout {
    width: 230px;
}

/*フッターレイアウト*/
footer {
    height: 50px;
    padding-top: 25px;
    padding-left: 10px;
    color: #000080;
    background: linear-gradient(#c8e4ee, white);
}

.menuInvisible {
    position: relative;
    visibility: hidden;
}

.table-responsive {
    margin-top: 10px;
}

a.btn.disabled, a.btn[disabled] {
    background-color: #ffffff;
    color: #aaa;
}

/*入力項目の幅調整*/
/*期間*/
.PeriodInputWidth {
    width: 130px;
}

/*顧客名フィールド*/
.NameInputStyle {
    width: 48%;
    height: inherit;
}

/*入力項目の形式設定(インラインの設定）*/
.DisplayInlineBlock {
    display: inline-block;
}

/*ボタン上のhr*/
.BtnUpperHr {
    margin-top: 7px;
    margin-bottom: 3px;
}

/*ボタン上のhr*/
.ItemSeparateHr {
    margin-top: 10px;
    margin-bottom: 10px;
}

/*○、×の文字コード設定*/
/*.SymbolFont {
    font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    padding-top: 2px;
}*/

/*送信ボタンの幅指定*/
.SubmitButton {
    min-width: 130px;
    width: auto;
}

.btn-width {
    width: 140px;
}

/*select2の縦幅変更*/
.select2-container .select2-selection--single {
    height: 34px;
}

.container {
    min-width: 320px;
    max-width: 1200px;
}

/*更新設定のスタイル指定*/
/*更新設定の背景色*/
.UpdateApplyLayout {
    margin-top: 15px;
    border-left: 7px solid;
    border-color: #8A8AA5;
    background-color: #5F517B;
    font-size: 1.143em;
    font-weight: bold;
    color: #ffffff;
}
    /*更新設定の高さ指定*/
    .UpdateApplyLayout h5 {
        line-height: 20px;
    }
    /*クリックしていないときのスタイル指定*/
    .UpdateApplyLayout:link {
        color: #ffffff;
        text-decoration: none;
    }
    /*カーソルを載せたときのスタイル指定*/
    .UpdateApplyLayout:hover {
        color: #ffffff;
    }
    /*アクティブ時のスタイル指定*/
    .UpdateApplyLayout:active {
        color: #ffffff;
    }
    /*クリックした後のスタイル指定*/
    .UpdateApplyLayout:visited {
        color: #ffffff;
    }
    /*アコーディオンしていないときの見出しの色(紫→グレー)*/
    .UpdateApplyLayout.collapsed {
        background-color: #808080;
        border-left: 7px solid #A9A9A9;
        border-color: #A9A9A9;
    }

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #E5F1F4;
}

.table-striped > tbody {
    background-color: #FFFFFF;
}

.table-bordered {
    border: 1px solid #ddd;
}

.table-hover > tbody > tr:hover {
    background-color: #ECFBD4;
}

thead {
    background-color: #4A98AF !important;
    color: #FFFFFF;
}

    thead th, tbody td {
        padding: 4px;
    }

select.monthselect,
select.yearselect {
    color: #555;
}

label {
    font-weight: normal;
}

textarea {
    resize: none;
}

/* ■■■ 「Start」DataTableの不具合 ■■■ */
/* 固定カラムの不具合 */
div.DTFC_LeftBodyLiner {
    overflow-x: hidden;
}

div.DTFC_RightBodyLiner {
    overflow-x: hidden;
}

div.DTFC_LeftBodyLiner > th:last-child,
div.DTFC_LeftBodyLiner > td:last-child {
    border-right: 1px solid #ddd !important;
}

div.DTFC_RightBodyLiner > table {
    border-left: 1px solid #ddd !important;
}

.col-sm-0,
.col-md-0,
.col-lg-0 {
    display: none;
}

table.dataTable tfoot th.dt-foot-left,
table.dataTable tfoot td.dt-foot-left {
    text-align: left;
}

table.dataTable tfoot th.dt-foot-center,
table.dataTable tfoot td.dt-foot-center {
    text-align: center;
}

table.dataTable tfoot th.dt-foot-right,
table.dataTable tfoot td.dt-foot-right {
    text-align: right;
}

table.dataTable tfoot th.dt-foot-justify,
table.dataTable tfoot td.dt-foot-justify {
    text-align: justify;
}

table.dataTable tfoot th.dt-foot-nowrap,
table.dataTable tfoot td.dt-foot-nowrap {
    white-space: nowrap;
}

/* 「End」DataTableの不具合 */

/* ■■■ 「Start」Validationのスタイル ■■■ */

.validation-summary-valid {
    display: none;
}

.validation-error {
    display: block;
    margin-left: 15px;
}

.validation-summary-errors {
    margin-top: 10px;
    margin-bottom: 5px;
    position: relative;
    z-index: 1000;
}

    .validation-summary-errors ul {
        margin: 0;
        padding: 0;
    }

    .validation-summary-errors li {
        display: list-item;
        margin: 0;
    }

.validation-summary li a {
    cursor: pointer;
    text-decoration: none;
}

    .validation-summary li a:hover {
        font-weight: 500;
        color: #A72C2C;
    }

.form-control.input-validation-error {
    background-color: #FFE8E8 !important;
}

.has-error .form-control {
    background-color: #FFE8E8 !important;
}

.notDisplay {
    display: none;
}

.panel-body {
    padding: 10px 15px 10px 15px;
}

/*#form .form-group .form-control:before {*/
#form .form-group:before {
    display: block;
    content: "";
    margin-top: -50px;
    height: 50px;
}

/* 「End」Validationのスタイル */

/* ■■■ 「Start」ファイルアップロード ■■■ */

.MultiFile-wrap {
    margin-bottom: 5px;
}

.MultiFile-list {
    margin: 2px 0 2px 0;
}

a.MultiFile-remove {
    color: red;
    font-weight: bolder;
    font-size: 16px;
    text-decoration: none;
}

    a.MultiFile-remove:hover,
    a.MultiFile-remove:visited,
    a.MultiFile-remove:link,
    a.MultiFile-remove:active {
        color: red;
        font-weight: bolder;
        font-size: 16px;
        text-decoration: none;
        cursor: pointer;
    }

.attachFile {
    border: none;
    width: 120px;
}

.uploadImage {
    max-width: 80px;
    max-height: 80px;
}

/* ■■■ 「End」ファイルアップロード ■■■ */

table.dataTable thead .sorting_asc {
    background-image: none;
}

table.dataTable thead .sorting_desc {
    background-image: none;
}

table.dataTable thead .sorting {
    background-image: none;
}

.tableTopLine {
    border-bottom: 0px !important;
}

div.validation-summary-errors .panel-body ul {
    list-style-type: square;
    margin-left: 20px;
}

/* 「End」DataTableのスタイル */

.InputNumRt {
    width: 53px;
}

/*金額(12符号)*/
.InputCost {
    width: 127px;
}

/*経費RT*/
.RTCost {
    width: 250px;
}

/*一覧-曜日色付け*/
.WeekSaturday {
    /*background-color: #e1ebf1;*/
    background-color: #fee;
}

.WeekSunday {
    background-color: #fee;
}

.WeekHoliday {
    background-color: #fee;
}

.color-gray {
    color: gray;
}

.color-blue {
    color: blue;
}

.color-red {
    color: #CC0000;
}

.color-orange {
    color: orange;
}

.color-darkorange {
    color: darkorange;
}

.color-black {
    color: black;
}

.em-red {
    font-size: 16px;
    color: #ff0000;
    margin-left: 6px;
}

.font-size-24 {
    font-size: 24px;
}

.font-size-20 {
    font-size: 20px;
}

.font-size-18 {
    font-size: 18px;
}

.font-size-16 {
    font-size: 16px;
}

.font-size-14 {
    font-size: 14px;
}

.font-size-12 {
    font-size: 12px;
}

.font-size-11 {
    font-size: 11px;
}

.bgColor-Orange {
    background-color: orange;
}

.bgColor-Black {
    background-color: black;
}

.bgColor-White {
    background-color: white;
}

/*期間のToDate(9999-12-31)を非表示にするCSS*/
.toDateHidden {
    visibility: hidden;
}

/*サイドナビ全体のHTML*/
.sideNavi {
    /*右側に隙間を空けるためのmargin*/
    padding-right: 0;
    margin-left: -3px;
    margin-right: 3px;
    /*背景色*/
    background-color: #B0C4DE;
}

    /*サイドナビの中のメニュー*/
    .sideNavi .sideNaviMenu {
        background-color: #FFF7CF;
        font-size: 16px;
        color: #000;
        border-left: 5px solid;
        border-left-color: #98C0E6;
    }

        /*サイドナビの中のメニュー hover時*/
        .sideNavi .sideNaviMenu:hover {
            background-color: #FFE45F;
            border-left: 5px solid;
            border-left-color: #246F99;
            color: #000;
        }

    /*サイドナビのメニュー上部の情報*/
    .sideNavi .sideNaviInfo {
        background-color: #FFE45F;
        font-size: 16px;
        color: #000;
        border-left: 7px solid;
        border-left-color: #F29600;
    }

/*divタグを「背景色白・5pxの余白」として扱う場合のCSS*/
.divMargin5px {
    padding-bottom: 5px;
    background-color: #FFF;
}

/*divタグを「背景色白・15pxの余白」として扱う場合のCSS*/
.divMargin15px {
    padding-bottom: 15px;
    background-color: #FFF;
}

/*セラピスト管理アコーディオンリスト内のボタン幅*/
.buttonWidth80px {
    width: 80px;
}

/*セラピスト管理アコーディオンリスト内の定員項目の文字色・背景色*/
.capacity {
    color: white;
    background-color: limegreen;
}

/*セラピスト管理アコーディオンリスト内の定員項目の文字色・背景色(満員の場合)*/
.capacityFull {
    background-color: orangered;
}

/*セラピスト管理アコーディオンリスト内の「確定」の文字色・背景色*/
.confirm {
    color: white;
    background-color: #dc00e7;
}

/*セラピスト管理アコーディオンリスト内のボタンの下の余白*/
.BtnBottomMargin {
    margin-bottom: 20px;
}

/*マウスポインタを指マークにする*/
.cursorPointer {
    cursor: pointer;
}

.DateFromToSingle {
    width: 130px;
}

.TherapistDetailWidth {
    min-height: 700px;
    padding: 15px;
}

/*申込者詳細のモーダルウィンドウの大きさ*/
.EntryModalWidth {
    width: 1200px;
    margin: 30px auto;
}

/*申込者詳細のモーダルウィンドウの外側のpadding*/
.EntryModalContentPadding {
    padding: 15px;
}

/*動的SQL情報画面のラベル*/
.SqlAuthLbl {
    padding-top: 5px;
    font-weight: bold;
}

/*見出しの権限情報*/
.LoginAuthInfo {
    text-align: right;
    color: black;
    font-weight: bold;
}

/*SQL権限のフォームのheightを高くする*/
select.AnalyzSqlAuth {
    height: 320px;
}

/*divタグを「背景色白・30pxの余白」として扱う場合のCSS*/
.divMargin30px {
    padding-bottom: 30px;
    background-color: #FFF;
}

/*指名ランキング上位1位のアイコンの設定*/
.RankingIcon1 {
    background: url(Images/ranking1.png) no-repeat 46px;
    width: 10%;
    margin: 0 auto;
    text-indent: -300px;
    overflow: hidden;
}

/*指名ランキング上位2位のアイコンの設定*/
.RankingIcon2 {
    background: url(Images/ranking2.png) no-repeat 46px;
    width: 10%;
    margin: 0 auto;
    text-indent: -300px;
    overflow: hidden;
}

/*指名ランキング上位3位のアイコンの設定*/
.RankingIcon3 {
    background: url(Images/ranking3.png) no-repeat 46px;
    width: 10%;
    margin: 0 auto;
    text-indent: -300px;
    overflow: hidden;
}

/*添付ファイルアイコンの設定*/
.DocumentIcon {
    background: url(Images/Document.png) no-repeat;
    width: 61px;
    height: 80px;
}

/* well内の設定 */
.KindMenuManage {
    margin: 5px 5px 0 0;
    border-radius: 6px;
    text-align: left;
    padding: 4px 14px 10px 14px;
    border: 1px solid #AEB9BF;
    background: rgba(255, 249, 0, 0.04);
}
    /* well内のタイトル */
    .KindMenuManage .Title {
        font-size: 24px;
        font-weight: bold;
        color: #0B2125;
        margin-bottom: 0;
        border-bottom: 0;
        padding-bottom: 0;
    }

/* well内のアンダーライン */
.MenuUnderLine {
    margin-bottom: 5px;
    border-bottom: 3px solid #43426B;
    padding-bottom: 0;
}

/* フレッシュ研修・オリ・ランクアップ申込者数のバッジ */
.ParticipantBadge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #FF3A2D;
    border-radius: 10px;
    margin-bottom: 0;
}

.ParticipantBadgeForNew {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #ff8c00;
    border-radius: 10px;
    margin-bottom: 0;
}

/*要素の右側のマイナスマージン除去*/
.KindMenuManage .MarginRight0 {
    margin-right: 0;
}

/*要素の左側のマイナスマージン除去*/
.KindMenuManage .MarginLeft0 {
    margin-left: 0;
}

/*太字にするクラス*/
.FontWeightBold {
    font-weight: bolder;
}

/* ■■■ 「Start」Modelの詳細情報・ポップアップ ■■■ */
.ModalTitle {
    margin: 0;
    line-height: normal;
}

.ModalContent {
    padding: 0 15px 0 15px;
}

.divLoading {
    display: block;
    position: fixed;
    z-index: 1000;
    background-color: #3E3E3E;
    opacity: 0.4;
    background-repeat: no-repeat;
    background-position: center;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
}

    /* ■■■ 「End」Modelの詳細情報・ポップアップ ■■■ */

    /* ajax処理中でクルクルローディングが表示される */
    .divLoading img {
        left: 50%;
        top: 50%;
        position: fixed;
    }

.spanOperator {
    width: 60px;
    height: 320px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.marginTop5 {
    margin-top: 5px;
}

.marginTop10 {
    margin-top: 10px;
}

.marginBot10 {
    margin-bottom: 10px;
}

.marginBot0 {
    margin-bottom: 0;
}

/*時間(THETIME_TO)がnullの場合に一覧で非表示にするCSS*/
.toTimeHidden {
    visibility: hidden;
}

/*readonly時にクリックを禁止する*/
input[readonly] {
    pointer-events: none;
}

    /*readonly時にカレンダーアイコンのクリックを禁止する*/
    input[readonly] ~ i {
        pointer-events: none;
    }

/*disabled時にカレンダーアイコンのクリックを禁止する*/
input[disabled] ~ i {
    pointer-events: none;
}

/*disabledになっているセレクトタグのフォーカスを禁止*/
select[disabled] {
    pointer-events: none;
}

    /*disabledになっているセレクトタグのフォーカスを禁止（select2用として、selectタグの直後のspanタグにも適用）*/
    select[disabled] ~ span {
        pointer-events: none;
    }

/*メッセージとエラーメッセージのマージン設定*/
.MessageMargin {
    margin-top: 5px;
    margin-bottom: 15px;
}

/*CSVアップロードヘッダー一覧のパネルの枠線を消した状態にする*/
.CsvPanelBorder_0 {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
}
/*CSVアップロード説明部分の背景色の設定*/
.CsvPanelBackColor {
    border-color: #aaa;
    background-color: #f2f2f2;
}

/*ブルーグレーのアコーディオンバー*/
.BlueGrayBar {
    margin-top: 15px;
    border-left: 7px solid;
    border-color: #8BD7FB;
    background-color: #299ACE;
    font-size: 1.143em;
    font-weight: bold;
    color: #ffffff;
}

    .BlueGrayBar h6 {
        line-height: 14px;
        margin: 7px 0px;
        height: 15px;
    }

    .BlueGrayBar:link {
        color: #ffffff;
        text-decoration: none;
    }

/*マゼンタ色のアコーディオンバー*/
.MagentaBar {
    margin-top: 15px;
    border-left: 7px solid;
    border-color: #F78FD0;
    background-color: #C106AC;
    font-size: 1.143em;
    font-weight: bold;
    color: #ffffff;
}

    .MagentaBar h6 {
        line-height: 14px;
        margin: 7px 0px;
        height: 15px;
    }

    .MagentaBar:link {
        color: #ffffff;
        text-decoration: none;
    }

/*
SELECT2タイプのコンボボックス
IE系はselect::-ms-expandの指定を行いデフォルトの▼マークを非表示
*/
select.Select2TypeCombobox {
    display: block;
    height: 34px;
    padding-left: 8px;
    padding-right: 20px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #FFF;
    background-image: none;
    border: 1px solid #aaa;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

select::-ms-expand {
    display: none;
}

/*SELECT2タイプのコンボボックス（disabled時の表示）*/
select.Select2TypeCombobox:disabled {
    background-color: #eee;
}

/*コンボボックス後の▼マーク表示*/
label.Select2TypeCombobox {
    position: relative;
    /*display: block;*/
}

    label.Select2TypeCombobox:before {
        content: "";
        position: absolute;
        top: 50%;
        margin-left: -4px;
        margin-top: -4px;
        right: 7px;
        display: block;
        width: 0;
        height: 0;
        border-color: #888 transparent transparent transparent;
        border-style: solid;
        border-width: 5px 4px 0 4px;
        pointer-events: none;
    }

/*トップ画面　ボタンのmargin調整*/
.EntryReceptionBtnMargin {
    margin: 15px 0px;
}

/*panel body 調整用*/
.PanelBodyLayout {
    padding: 15px 10px;
}

/* ■■■ TPお知らせ一覧用 ■■■*/
/*タイトル*/
h4.NoticeTitleLayout {
    color: blue;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 15px;
}
/*一覧の上の説明文*/
p.NoticeDescript {
    display: block;
    line-height: 25px;
}
/*テーブル*/
table.NoticeTable {
    margin-bottom: 20px;
    border: 1px solid #000;
    width: 100%;
}
    /*テーブルのヘッダー*/
    table.NoticeTable .notice-header {
        color: #fff;
        background-color: #A1DCF3;
        font-weight: bold;
    }
    /*テーブルの掲示板名、アンケート名*/
    table.NoticeTable .notice-name {
        padding: 6px 4px;
    }
    /*テーブルの線*/
    table.NoticeTable > tbody > tr > td {
        border: 1px solid #000;
    }
    /*テーブルのヘッダー*/
    table.NoticeTable .btn {
        padding: 2px 6px;
        min-width: 70px;
        min-height: 10px;
        font-size: 13px;
    }
/*トップ画面のお知らせ一覧のリンク指定*/
.text-decoration-underline {
    text-decoration: underline;
}
/*トップ画面のお知らせ欄の表示幅調整*/
.noticeWidth {
    padding-right: 0px;
    width: auto;
}

/*セラピストランキングのレーダーチャート*/
.chart-container {
    background-color: white;
}

@media (min-width: 768px) {
    .chart-container {
        position: relative;
        width: 40vw;
        margin: auto;
    }
}

/*エントリー画面のボタンのmargin*/
.EntryReceptionBtnMargin {
    margin-top: 10px;
}

/*パネルのヘッダー*/
.PanelHeaderLayout {
    padding: 5px 0px;
}
    /*パネルのヘッダーのフォント設定*/
    .PanelHeaderLayout > h3.PanelHeaderFont {
        font-weight: bold;
        font-size: 18px;
    }

/*パネルのフッターの色（水色）*/
.PanelFooterInfoColor {
    background-color: #c4e3f3;
    border-top-color: #c4e3f3;
}

/*キャンセル履歴の外側のパネル（濃いグレー）*/
.CancelPanelOuterColor {
    border-color: #909090;
}

/*キャンセル履歴の外側のパネルのヘッダー*/
.CancelPanelOuterHeaderLayout {
    background-color: #909090;
}
    /*キャンセル履歴の外側のヘッダーのフォント設定*/
    .CancelPanelOuterHeaderLayout > h3.CancelPanelOuterHeaderFont {
        font-weight: bold;
        font-size: 18px;
        color: #000;
    }

/*キャンセル履歴の外側のパネルの中身*/
.CancelPanelOuterBodyLayout {
    padding: 20px 15px 0px 15px;
}

/*キャンセル履歴の内側のパネル*/
.CancelPanelInnerLayout {
    margin: 0px 10px 20px 10px;
}

/*キャンセル履歴の内側のパネルのヘッダーのフォント設定*/
h3.CancelPanelInnerHeaderFont {
    color: #777;
    text-shadow: 1px 1px 0 #ccc;
    font-size: 18px;
}

/*キャンセル履歴の内側のパネルの中身*/
.CancelPanelInnerBodyLayout {
    padding: 10px 10px 0px 10px;
}
    /*キャンセル履歴のキャンセルした試験の内容のパネル*/
    .CancelPanelInnerBodyLayout > .panel {
        margin-bottom: 10px;
    }

/*キャンセル履歴のフッター（濃いグレー）*/
.CancelPanelFooterColor {
    background-color: #909090;
    border-top-color: #909090;
}

/*内側のパネルのmargin*/
.InnerPanelMargin10 {
    margin: 10px;
}

/*エントリー状況の内側のパネル*/
.EntryPanelInnerBody {
    padding: 0px 5px 10px 5px;
}

/*委託料明細・支払調書の外側のパネル*/
.CommissionPanelOuterBody {
    padding: 10px 0px;
}

/*委託料明細・支払調書の内側のパネル*/
.CommissionPanelInnerBody {
    padding: 10px 0px 20px 0px;
}

/*TPファイル一覧の説明文*/
.File_Summary_block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
    font-size: 12px;
}

/*リンク集の説明文*/
.Link_Summary_block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
    font-size: 12px;
}

/*掲示板閲覧画面のボタンのマージン（右）*/
.btnMarginRight20 {
    margin-right: 20px;
}
/*掲示板閲覧画面のボタンの幅*/
.btnMinWidth130 {
    min-width: 130px;
}
/*スマホでは掲示板閲覧画面の埋め込み動画サイズ調整*/
@media screen and (max-width: 767px){
    .videoBbs {
        position: relative;
        height: 0;
        padding: 30px 0 56.25%; /*アスペクト比16:9*/
        overflow: hidden;
    }

        .videoBbs iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
}

/*セラピストポイント実績画面のボタンの大きさの設定*/
.StaffPointRecordBtnSize {
    width: 140px;
}

/*セラピストポイントポイント実績画面のボタン周りの余白の設定*/
.StaffPointRecordAroundBtnPadding {
    padding: 0px 0px;
}

/*セラピストポイントポイント実績画面のボタンの余白の設定*/
.StaffPointRecordBtnPadding {
    padding-left: 0;
    padding-right: 0;
}

/*セラピストポイントアイコン*/
.StaffPointIcon {
    background: url(../Content/Images/point_icon.png);
    background-repeat: no-repeat;
}

.StaffPointIcon {
    height: 25px;
    width: 25px;
    background-size: contain;
    display: inline-block;
}
/* ■■■ シフトシステム－休み希望提出 ■■■ */
.requestDayOff {
    font-size: 14px;
}

/* 提出期限 */
.requestExpire {
    display: grid;
    margin-bottom: 20px;
    font-weight: bold;
}
.requestExpire-item {
    display: flex;
}
.requestExpire-value {
    flex: 1; /* ← 残りを全部使う */
    word-break: break-word;
}

/* 稼働分数 */
.mins {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    flex-wrap: wrap;
    font-weight: bold;
}

/* 凡例 */
.requestDayOff-legend {
    display: grid;
    grid-template-columns: max-content auto; /* 2列 */
    column-gap: 1em;
    margin-bottom: 20px;
    line-height: 1.8em;
    white-space: nowrap;
}
/* 凡例（シフト希望） */
.requestDayOff-legend-icon::before {
    content:"";
    display: inline-block;
    width: 1.8em;
    height: 1.8em;
    margin-right: 0.3em;
    vertical-align: middle;
    font-weight:bold;
    text-align: center;
}
/* 凡例（予定） */
.requestDayOff-legend-event {
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    margin-right: 0.3em;
    vertical-align: middle;
}

/* アイコン（シフト希望） */
.requestDayOff-icon {
    width: 2.8em;
    height: 2.8em;
    cursor: pointer;
    margin: 0 auto; /* 中央寄せ */
    border: 1px solid #ccc;
    border-radius: 4px;
    font-weight: bold;
}

    .requestDayOff-icon::before {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        font-size: 1.5em;
    }

/* アイコン別スタイル */
.icon-none::before {
    content: "";
    background-color: transparent;
}

.icon-mustoff::before {
    content: "×";
    background-color: #fbe2d5;
    color: red;
}

.icon-wishoff::before {
    content: "/";
    background-color: #fbe2d5;
    color: red;
}

.icon-paidleave::before {
    content: "有";
    background-color: #fbe2d5;
    color: red;
}

.icon-training::before {
    content: "研";
    background-color: #d9d9d9;
}

/* スケジュール */
.requestDayOff-schedule-container {
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: minmax(3em,auto);
}

.requestDayOff-schedule-row {
    display: grid;
    grid-template-columns: 3fr 4fr 3fr 6fr 4fr; /* 日付  予定  シフト希望  ｽｹｼﾞｭｰﾙ  指名予約 */
}

.requestDayOff-schedule-day,
.requestDayOff-schedule-event,
.requestDayOff-schedule-dayoff,
.requestDayOff-schedule-shift,
.requestDayOff-schedule-designation{
    align-content: center;
}

.requestDayOff-schedule-day {
    text-align: right;
    padding-right: 1vw;
}
.requestDayOff-schedule-event,
.requestDayOff-schedule-dayoff,
.requestDayOff-schedule-shift,
.requestDayOff-schedule-designation {
    text-align: center;
}

/* 希望コメント */
.requestComment {
    height: 150px;
    width: 100%;
    border: 1px solid #C0C0C0;
    border-radius: 5px;
    resize: none;
}

@media screen and (max-width: 767px) {
    .requestDayOff {
        font-size: 12px;
    }

    .requestDayOff-schedule-container {
        margin-left: -30px; /* 横幅広げる */
        margin-right: -30px; /* 横幅広げる */
    }
}

/* ■■■ シフトシステム－シフト確認（個人） ■■■ */
/*シフト確認（個人）*/
.staffShift {
    font-size: 14px;
}

/* 凡例 */
.staffShift-legend {
    display: flex;
    flex-wrap: wrap;
    row-gap: 0.5em;
    column-gap: 1em;
    margin: 1em 0;
}
/* 凡例（シフト） */
.staffShift-legend-icon {
    padding: 0 0.5em;
    border: 1px solid #bbbbbb;
    margin-right: 0.3em;
    font-weight: bold;
}
/* 凡例（予定） */
.staffShift-legend-event {
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    margin-right: 0.3em;
    vertical-align: middle;
}

/* スケジュール */
.staffShift-schedule-container {
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: minmax(3em,auto);
}

.staffShift-schedule-row {
    display: grid;
    grid-template-columns: 3fr 4fr 3fr 6fr 4fr; /* 日付  予定  シフト  ｽｹｼﾞｭｰﾙ  指名予約 */
}

.staffShift-schedule-day,
.staffShift-schedule-event,
.staffShift-schedule-shiftEdit,
.staffShift-schedule-shiftConf,
.staffShift-schedule-designation {
    align-content: center;
}

.staffShift-schedule-day {
    text-align: right;
    padding-right: 1vw;
}

.staffShift-schedule-event,
.staffShift-schedule-shiftEdit,
.staffShift-schedule-shiftConf,
.staffShift-schedule-designation {
    text-align: center;
}

@media screen and (max-width: 767px) {
    .staffShift {
        font-size: 12px;
    }
    .staffShift-schedule-container {
        margin-left: -30px;
        margin-right: -30px;
    }
}