/*!
 * 共通CSS
 * SP Hayato Kobayashi
 */

@charset "UTF-8";
body{
    font-family: Helvetica,'Helvetica Neue','Mplus 1p','Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic'!important;
}
/* H1 - H6 font */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: Helvetica,'Helvetica Neue','Mplus 1p','Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic'!important;
}
.main-header .logo {
  font-family: Helvetica,'Helvetica Neue','Mplus 1p','Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic'!important;
}

/* bootstrap オーバライド 定義 *****************************************************************************/
.container {
  padding-right: 0px;
  padding-left: 0px;
}
@media (min-width: 1300px) {
  .container {
    width: 1200px;
  }
}
@media (min-width: 1400px) {
  .container {
    width: 1300px;
  }
}
@media (min-width: 1500px) {
  .container {
    width: 1400px;
  }
}
@media (min-width: 1600px) {
  .container {
    width: 1500px;
  }
}
@media (min-width: 1700px) {
  .container {
    width: 1600px;
  }
}
@media (min-width: 1800px) {
  .container {
    width: 1700px;
  }
}
@media (min-width: 1900px) {
  .container {
    width: 1800px;
  }
}
@media (min-width: 2000px) {
  .container {
    width: 1900px;
  }
}
.container-fluid {
  padding-right: 0px;
  padding-left: 0px;
}

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-left: 2px;
}

.btn-default {
  border-color: #adadad;
}

.input-sm {
  padding: 1px 5px;
  font-size: 14px;
}
select.input-sm {
  padding: 1px 5px;
}

.table {
    background-color: #FFFFFF;
    word-break: break-word;
}
.table,
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    border: 1px solid #BDBDBD;
}
.table > thead > tr > td,
.table > thead > tr > th {
    background-color: #E3F2FD;
}
.table-hover > tbody > tr > td:hover,
.table-hover > tbody > tr > th:hover,
.table-hover > tbody > tr:hover > td {
    background-color: #FFFFCC;
}

/* .row要素の拡張 col要素の高さを揃える */
.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.row .none-left-padding {
    padding-left: 0px;
}
.row .none-right-padding {
    padding-right: 0px;
}
/* 拡大用ボタン */
.btn-full {
    width: 100%;
    height: 100%;
    background: none;
    border: none;
    border-left: 1px solid #d8d8d8;
    border-radius: 0;
}
.btn-full:hover {
    background-color: #fafafa;
}
/***********************************************************************************************************/

/* jquery-ui オーバライド定義 ******************************************************************************/
.ui-widget-overlay {
    background: #AAA url(images/ui-bg_flat_0_aaaaaa_40x100-9cab5930328e2a69ef4bbf2c5dee1db1.png) 80% 80% repeat-x;
    opacity: .30;
    filter: Alpha(Opacity=50);
}

/* ダイアログの「×」非表示 */
.ui-dialog-titlebar-close {
     display: none;
}
.ui-dialog-titlebar {
    color:#FFFFFF;
    background: #808080;
}
/***********************************************************************************************************/

/* 画面タイトル */
.page_title{
    font-size:100%;
    color: #FFFFFF;
    font-weight:bold;
    text-align: left;
    vertical-align: middle;
    display:block;
}

/* 画面サブタイトル */
.page_sub_title{
    font-size:100%;
    color: #F5F5F5;
    text-align: left;
    vertical-align: middle;
    display:block;
}

/* 左余白付ラベル */
.lpad-label {
    padding-left: 10px;
}

/* ラベル共通 */
label {
/*  cursor: pointer; del-20170818*/
    padding-right: 5px;
    padding-top: 2px;
    padding-left: 5px;
}

/* ラジオボタン関連 */
.radio-box{
    position: relative;
    border: 1px solid #D3D3D3;
}

.radio-box label{
    /* font-weight: normal; */
    font-size: 86%;
    margin-right: 0.5em;

}
.radio-box input{
    margin: 2px 0px 0px -15px;
}

.text-top{
    vertical-align: top;
}

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

/* ダイアログのフォントサイズ */
#common_dialog_confirm_msg,
#common_dialog_info_msg {
    font-size: 14px;
}

/* ボックス */
.adjust_box {
    margin-top: 5px;
    padding: 5px 0 5px 3px;
}
.adjust_box span{
    font-weight: bold;
    font-size: 130%;
}

.dent-box .box-header,
.dent-box .box-body {
    padding: 5px;
}

/* インライン設定 */
.box_inline {
    display: inline-block;
}

/* 区切り線 */
.separator_line {
    padding: 10px 0px 0px 0px;
    border-bottom: 1px solid;
    border-bottom-color: #999999;
}

/* validation error */
.error-field {
    color : red;
    font-weight: bold;
}

/* チェックボックスサイズ変更 */
input[type=checkbox] {
    transform: scale(1.5);
}

/* ラジオボタンサイズ変更 */
input[type=radio] {
    transform: scale(1.5);
}

/* 必須項目("＊"表示) */
.required:before {
    content: "＊ ";
    color: red;
    background: none;
    vertical-align: middle;
}

/* 非必須項目("　"表示) */
.required-not:before {
    content: "　 ";
  background: none;
  vertical-align: middle;
}

/* 改行しない */
.nowrap {
    white-space: nowrap;
}

/* テキストのセンタリング */
.center {
    text-align: center;
}

/* アイコン画像表示（固定表示用） */
.img_size {
    border-style: none !important;
    width: 90% !important;
    height: 90% !important;
    object-fit: contain !important;
}

/* 上部ライン追加 */
.block-top-line {
    border-top: 1px solid #d8d8d8
}
/* リスト選択用背景色 */
.list-select {
    background-color: rgba(256,250,240,0.5);
    cursor: pointer;
}
.list-select:hover {
    background-color: #FFFFCC;
}