@charset "UTF-8";

/*--------------------------------------------
 ヘッダ
/*--------------------------------------------*/
/** ヘッダ */
header {
  margin: 1vw;
}
/** ブランドロゴ */
.top-brand {
  height: 2rem;
}
.top-brand-title {
  color: #194596;
  font-weight: bold;
}
/*--------------------------------------------
 全体統一スタイル
/*--------------------------------------------*/
/** 高さ */
body {
  line-height: 1.2;
}

/** フォント */
html, body, button, label, h1, h2, h3, h4, h5, h6 a, ul, li, input, select, span, div , .button, a.button, a.button:visited, [role~=button] {
    font-family: Helvetica , Arial , Geneva , Osaka , "ヒラギノ角ゴ ProN" , "メイリオ" , sans-serif;
}

/** ヘッダ */
header {
  margin: 1.0vw;
}

/** メイン */
div.main{
  margin: 1.0vw;
}
/** 太文字 */
.bold {
  font-weight: 900;
}
/** 線 */
div.borded {
  border: 1px solid rgba(0, 0, 0, 0.26);
}
/** リンクカーソル */
.cursor-pointer {
 cursor: pointer;
}
/** 移動カーソル */
.cursor-move {
 cursor: move;
}

/*--------------------------------------------
 IME
/*--------------------------------------------*/
/* 数字入力. */
input.ime-numeric {
  ime-mode: disabled;
}
input.ime-alphabet{
  ime-mode: inactive;
}

/*--------------------------------------------
 表示系スタイル
/*--------------------------------------------*/

/** 3点リーダー. */
span.three-point-leader {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*--------------------------------------------
 入力系スタイル
/*--------------------------------------------*/
/** 入力ボックスフォーカス時 */
input:focus , select:focus , button:focus , textarea:focus {
  box-shadow: 0 0 2px 0 #e67e22 ! important;
  border-color: #ffb371;
  outline: 0;
}

/** 必須入力 */
.req {
  font-weight: bold;
  color: #f03c69;
  font-size: 110%;
  margin-left: 0.25rem;
}

/** ページ表示単位セレクト */
button.change-unit-selected {
  background-color: #fff !important;
}

/*--------------------------------------------
 ダイアログ
/*--------------------------------------------*/
.ui-widget-header {
  border: 0px !important;
  background: #fff !important;
}

/*--------------------------------------------
 複数選択ドロップダウン
/*--------------------------------------------*/
.ui-multiselect {
  background-color: #fff !important;
}
.ui-multiselect:hover {
  background-color: #fff !important;
}
.ui-multiselect-menu {
  z-index: 999;
}

/*--------------------------------------------
 ラベル
/*--------------------------------------------*/
.label {
  background: #ffffff;
  padding: 0 0.3rem;
  color: #313439;
  border: 1px solid transparent;
  border-radius: 5px;
  white-space: nowrap;
  margin: 0.1rem;
}
.label.black.outline {
  background: 0 0;
  background-color: rgba(0, 0, 0, 0);
  border-color: #0d0d0e;
  color: #0d0d0e;
}
.label.black {
  background: #0d0d0e;
  color: #fff;
}
.label.outline {
  background: 0 0;
  border-color: #bdbdbd;
}

/*-------------------------------------------
 テーブル
/*--------------------------------------------*/
table.bordered td {
  border: 1px solid rgba(0, 0, 0, 0.26);
}
table > thead tr td {
  font-weight: bold;
}