.page-header {
    border-left-width: 12px;
    padding-left: 8px;
    padding-bottom: 0px;
}
.page-header h1 { 
    font-size: 24px;
    /*font-family: 'NotoSansDemiLight', 'メイリオ', sans-serif; */
    font-family: 'メイリオ', sans-serif; */
}
.page-header h1 small {
    font-size: 18px;
    font-weight: bold;
}

/* 豊田 */
.page-header.club_H  {
    border-color: rgb(28,72,201);
    color: rgb(28,72,201);
}
/* 春日井 */
.page-header.club_G  {
    border-color: rgb(36,154,49);
    color: rgb(36,154,49);
}
/* F:杁中 */
.page-header.club_F  {
    border-color: rgb(228,131,7);
    color: rgb(228,131,7);
}
/* N:カバ */
.page-header.club_N  {
    border-color: rgb(255,186,0);
    color: rgb(255,186,0);
}
/* P:久慈 */
.page-header.club_P  {
    border-color: rgb(231,49,49);
    color: rgb(231,49,49);
}
/* X:テスト */
.page-header.club_X  {
    border-color: rgb(255,0,255);
    color: rgb(255,0,255);
}
.form-group  {
    //background-color: rgb(240,240,255);
    //border-bottom: dashed 1px rgb(220,220,255);
}


/* jQuery.validatorのエラー表示 */
/*
@font-face { 
    font-family: 'NotoSansBold';
    src: url('font/NotoSansCJKjp-Bold.otf');
}
@font-face { 
    font-family: 'NotoSansMedium';
    src: url('font/NotoSansCJKjp-Medium.otf');
}
@font-face { 
    font-family: 'NotoSansLight';
    src: url('font/NotoSansCJKjp-Light.otf');
}
@font-face { 
    font-family: 'NotoSansDemiLight';
    src: url('font/NotoSansCJKjp-DemiLight.otf');
}
*/

/* 休会中の日程表示 */
/*
div.kyukai {
    background-color: #eee;
    color: #999;
}
*/


#youbi-buttons .btn-primary.active {
    background-color: #ff6600 !important;
    border-color: #aa0000 !important;
}

/* iphoneでの自動拡大対策 */
input[type=text], input[type=password] {
    font-size: 16px;
}
select, textarea {
    font-size: 16px !important;
}
/* IE,Edge用の調整 */
select {
    height: 38px !important;
}

/* jquery.stepsでの.wizard .content のoverflowをscrollに 
 * bootstrapでの折り返しやvalidationでの項目追加で縦幅が伸びるので
 * */
.wizard > .content { 
    overflow: visible;
    min-height: 20em;
}
.wizard > .content > .body { 
    position: relative;
}


/* bootstrap md相当 */
@media (max-width: 992px) {
    .wizard > .steps > ul > li {
        width: 50%;
    }
}
/* bootstrap xs/sm相当 */
@media (max-width: 767px) {
    .wizard > .steps > ul > li {
        width: 100%;
    }
}
/*
#datepicker-nyukai_coming_date .ui-state-highlight {
    border: 1px solid #c5dbec;
    background: #dfeffc url(../bower_components/jquery-ui/themes/redmond/images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x;
    color: #2e6e9e;
}
*/

select.form-control > optgroup { 
    background-color: #cdc;
}

section.body.current h4 { 
    border-bottom: 1px solid #354;
    padding-bottom: 4px;
}
.head_openinfo { 
    display: table-cell !important;
    vertical-align: middle;
    font-weight: bold;
    text-align: right;
    height: 300;
}
/* 定員オーバークラス */
option.limit_over {
    background-color: #ccc;
    color: #f66;
}

/* bootstrap datepickerの利用禁止日の表示修正 */
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background-color: #eee;
  text-decoration: line-through;
  color: #999;
  cursor: default !important;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
  background: #9cf;
  cursor: pointer;
}

/* jQueryStepsでのulのlist-style再定義を上書き */
.wizard > .content > .body ul.dropdown-menu {
    list-style: none !important;
}
.wizard > .content > .body label { 
    margin-bottom: 0;
}
/* jQueyStepsのform.wizardのoverflow上書き*/
.wizard { 
    overflow: visible !important;
}

/* dropdown関係調整 */
.dropdown-toggle { 
    height: 38px;
    font-size: 16px;
    min-width: 80px;
}
/* jquery-validateionのhas-errorクラス拡張 */
.has-error .dropdown-toggle { 
    border-color: #a94442;
}
.has-error .dropdown-toggle:focus { 
    border-color: #843534 !important;
}
.form-group.has-error { 
    border-color: #a94442;
}

label.has-error {
    //display: block !important;
    font-weight: normal;
    font-size: 12px;
    color: rgb(169, 68, 66);
}
.has-error input { 
    border-color: #a94442 !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
}

label.control-label > small { 
    font-weight: normal;
    color: rgb(169,68,66);
}

.display-inline-block {
    display: inline-block !important;
}

ul.dropdown-select {
    max-height: 200px;
    overflow-y: scroll;
}

ul.dropdown-select .dropdown-header { 
    display: block !important;
    padding: 4px 20px 4px 4px !important;
    font-size: 14px;
    background-color: #daefe9;
    color: #000;
}
ul.dropdown-select li.open { 
   // background-color: #b9dbfe;
}
ul.dropdown-select li.disabled { 
    background-color: #eee;
}
.dropdown-select-hidden {
    position: absolute !important;
    left: -1000px;
    top: -1000px;
}

.w50 { width: 50px; }
.w100 { width: 100px; }
.w150 { width: 150px; }
.w200 { width: 200px; }
.display-none { 
    display: none;
}

//  modal-confirmでラベル部分の右寄せ
.c_label { 
    text-align: right;
}
.steps { 
    pointer-events: none;
}
/* 右が妙に空くのが嫌なので調整 */
.wizard > .content .body { 
    width: 100% !important;
}
/* request_lessonsのエラー用左マージン */
.ml_lessons_error { margin-left: 2.0rem }

/* btnクラス内改行 */
.btn { white-space: normal; }