@charset "utf-8";
/* 
くじらシステム開発共通CSS 
最終更新日：2015/10/13 > 2014/04/23

このCSSで何か修正した場合は最終更新日を変更すること！
*/


/*ブラウザの初期設定を見直す*/
html {
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  -ms-text-size-adjust: 100%; 
  -webkit-text-size-adjust: 100%; 
}
body {margin: 0;}
em {visibility: hidden;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
  display: block;
}
audio,canvas,progress,video {
  display: inline-block; 
  vertical-align: baseline; 
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {background: transparent;}
a:active,a:hover {
  outline: 0;
}
abbr[title] {border-bottom: 1px dotted;}
b,strong {font-weight: bold;}
dfn {font-style: italic;}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
ul,ol,li{
	list-style-type: none;
}
small {font-size: 80%;}
sub,sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;}
svg:not(:root) {overflow: hidden;}
figure {margin: 1em 40px;}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
pre {overflow: auto;}
code,kbd,pre,samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,input,optgroup,select,textarea {
  color: inherit; 
  font: inherit; 
  margin: 0;
}
button {overflow: visible;}
button,select {text-transform: none;}
button,
html input[type="button"], 
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; 
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {line-height: normal;}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; 
  padding: 0; 
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield; 
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; 
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
input[type="number"],
input[type="url"],
input[type="tel"],
input[type="datetim"],
input[type="datetime-local"]{text-align: right;ime-mode:inactive;}
input[type="email"],
input[type="password"]{ime-mode:inactive;}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {border: 0; padding: 0;}

textarea {overflow: auto;}

optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,th {padding: 0;}
/*ここからOOCSS*/
.Clear{
    clear:both;
    line-height: 0px;
    height:0px;
    padding:0;
    margin:0;
}
/*マージンの設定*/
.mA0{margin:0!important;}
.mA5{margin:5px!important;}
.mA10{margin:10px!important;}
.mA20{margin:20px!important;}
.mA30{margin:30px!important;}
.mA40{margin:40px!important;}
.mA50{margin:50px!important;}
.mA100{margin:100px!important;}
.mT0{margin-top:0!important;}
.mT5{margin-top:5px!important;}
.mT10{margin-top:10px!important;}
.mT20{margin-top:20px!important;}
.mT30{margin-top:30px!important;}
.mT40{margin-top:40px!important;}
.mT50{margin-top:50px!important;}
.mT100{margin-top:100px!important;}
.mR0{margin-right:0!important;}
.mR5{margin-right:5px!important;}
.mR10{margin-right:10px!important;}
.mR20{margin-right:20px!important;}
.mR30{margin-right:30px!important;}
.mR40{margin-right:40px!important;}
.mR50{margin-right:50px!important;}
.mR100{margin-right:100px!important;}
.mB0{margin-bottom:0!important;}
.mB5{margin-bottom:5px!important;}
.mB10{margin-bottom:10px!important;}
.mB20{margin-bottom:20px!important;}
.mB30{margin-bottom:30px!important;}
.mB40{margin-bottom:40px!important;}
.mB50{margin-bottom:50px!important;}
.mB100{margin-bottom:100px!important;}
.mL0{margin-left:0!important;}
.mL5{margin-left:5px!important;}
.mL10{margin-left:10px!important;}
.mL20{margin-left:20px!important;}
.mL30{margin-left:30px!important;}
.mL40{margin-left:40px!important;}
.mL50{margin-left:50px!important;}
.mL100{margin-left:100px!important;}
/*余白の設定*/
.pA0{padding:0!important;}
.pA5{padding:5px!important;}
.pA10{padding:10px!important;}
.pA20{padding:20px!important;}
.pA30{padding:30px!important;}
.pA40{padding:40px!important;}
.pA50{padding:50px!important;}
.pA100{padding:100px!important;}
.pT0{padding-top:0!important;}
.pT5{padding-top:5px!important;}
.pT10{padding-top:10px!important;}
.pT20{padding-top:20px!important;}
.pT30{padding-top:30px!important;}
.pT40{padding-top:40px!important;}
.pT50{padding-top:50px!important;}
.pT100{padding-top:100px!important;}
.pR0{padding-right:0!important;}
.pR5{padding-right:5px!important;}
.pR10{padding-right:10px!important;}
.pR20{padding-right:20px!important;}
.pR30{padding-right:30px!important;}
.pR40{padding-right:40px!important;}
.pR50{padding-right:50px!important;}
.pR100{padding-right:100px!important;}
.pB0{padding-bottom:0!important;}
.pB5{padding-bottom:5px!important;}
.pB10{padding-bottom:10px!important;}
.pB20{padding-bottom:20px!important;}
.pB30{padding-bottom:30px!important;}
.pB40{padding-bottom:40px!important;}
.pB50{padding-bottom:50px!important;}
.pB100{padding-bottom:100px!important;}
.pL0{padding-left:0!important;}
.pL5{padding-left:5px!important;}
.pL10{padding-left:10px!important;}
.pL20{padding-left:20px!important;}
.pL30{padding-left:30px!important;}
.pL40{padding-left:40px!important;}
.pL50{padding-left:50px!important;}
.pL100{padding-left:100px!important;}
/*ベースラインを中央揃いにする*/
.va-middle, .va-middle th, .va-middle td { vertical-align: middle!important;}

/*フロート*/
.pull-right{float: right!important;}
.pull-left{float: left!important;}
/*管理画面 行編集時の背景色*/
table tr.row_edit td{background-color: #EEFFFF!important;}
table tr.row-total, table td.column-total{
    color: #428bca!important; font-weight: bold!important;
}
/* 太い線 */
.bold-border-bottom, .bold-border-bottom td, .bold-border-bottom th {
    border-bottom: 2px solid #ddd !important;
}
.bold-border-right, .bold-border-right td, .bold-border-right th {
    border-right: 2px solid #ddd !important;
}

/*170808_MDBのデフォルトスタイルを上書き*/
table {margin-bottom: 0!important;}
table thead th {
    background-color: #3E4551;
    color: #fff;
}
.table td, .table th {padding: .6rem;}
table thead th a {color: #6bccff;}
.btn,input{
    margin-left: 0;
    font-family: wf_SegoeUI, "Segoe UI", Segoe, "Segoe WP", Meiryo, Tahoma, Verdana, Arial, sans-serif;
}
select{
    font-family: wf_SegoeUI, "Segoe UI", Segoe, "Segoe WP", Meiryo, Tahoma, Verdana, Arial, sans-serif;
}

.form-control {padding: 0;}

input[type="date"], input[type="datetime-local"], input[type="email"], input[type="number"], input[type="password"], input[type="search-md"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], textarea.md-textarea {
    border: 1px solid #ccc;
    padding-left:0.29rem;
    padding-right:0.29rem;
    box-sizing: border-box;
    border-radius: 4px;
    background-color: #fff;
}
.radio-inline {
    margin-right: 6px;
    margin-bottom: 0;
}
/* ﾎﾞﾀﾝ設定 */

/*新規追加*/
.btn-new {
    color: #fff!important;
    background-color: #007bff;
    border-color: #007bff;
}
/*新規追加 ホバー*/
.btn-new:hover {
    color: #fff!important;
    background-color: #0069d9;
    border-color: #0062cc;
}
/*登録*/
.btn-regist {
    color: #fff!important;
    background-color: #28a745;
    border-color: #28a745;
}
/*登録 ホバー*/
.btn-regist:hover {
    color: #fff!important;
    background-color: #218838;
    border-color: #1e7e34;
}
/*削除*/
.btn-delete {
    color: #fff!important;
    background-color: #dc3545;
    border-color: #dc3545;
}
/*削除 ホバー*/
.btn-delete:hover {
    color: #fff!important;
    background-color: #c82333;
    border-color: #bd2130;
}
/*編集*/
.btn-edit {
    background-color: #018c6a;
    color: #fff!important;
    border-color: #068061;
}
/*編集 ホバー*/
.btn-edit:hover {
    background-color: #057257;
    border-color: #06644d;
    color: #fff!important;
}
/*詳細*/
.btn-read {
    background-color: #f0f0f0;
    color: rgb(54, 54, 54)!important;
    border-color: #d4d4d4;
}
/*詳細 ホバー*/
.btn-read:hover {
    background-color: #d8d8d8;
    color: rgb(54, 54, 54)!important;
    border-color: #c4c4c4;
}
/*複製*/
.btn-copy {
    background-color: #cca557;
    color: #fff !important;
    border-color: #806737;
}
/*複製 ホバー*/
.btn-copy:hover {
    background-color: #a58443;
    color: #fff !important;
    border-color: #69542d;
}
/*更新*/
.btn-update {
    background-color: #27a3eb;
    color: #fff!important;
    border-color: #2091d3;
}
/*更新 ホバー*/
.btn-update:hover {
    background-color: #2395d6;
    color: #fff!important;
    border-color: #1c82bd;
}
/*キャンセル*/
.btn-cancel{
    background-color: #fdfdfd;
    color: rgb(54, 54, 54)!important;
    border-color: #d4d4d4;   
}
/*キャンセル ホバー*/
.btn-cancel:hover {
    background-color: #d8d8d8;
    color: rgb(54, 54, 54)!important;
    border-color: #c4c4c4;
}
/*メール送信*/
.btn-mail{
    background-color: #fdfdfd;
    color: rgb(54, 54, 54)!important;
    border-color: #d4d4d4;   
}
/*メール送信 ホバー*/
.btn-cancel:hover {
    background-color: #d8d8d8;
    color: rgb(54, 54, 54)!important;
    border-color: #c4c4c4;
}
/*リストに戻る*/
.btn-backlist {
    background-color: #f0f0f0;
    color: rgb(54, 54, 54)!important;
    border-color: #d4d4d4;
}
/*リストに戻る ホバー*/
.btn-backlist:hover {
    background-color: #d8d8d8;
    color: rgb(54, 54, 54)!important;
    border-color: #c4c4c4;
}
/*一覧テーブル*/
.operation-td{
    text-align: center;
}
/*一覧テーブル　最右の操作ボタンtd*/
.operation-td .btn:not(:last-child){
    margin-right:5px; 
}

/*詳細　ページネーション＋操作ボタンエリア*/
.details-btn-area nav{
    text-align: center;
}
.details-btn-area .buttons{
    float: right;
}
.details-btn-area .buttons .btn{
    margin-right: 3px; 
}
/*ページネーション*/

.pagination li {
    margin-right: 10px;
}
.page-link {
    padding: .3rem .75rem;
    color: #09417c;
    background-color: #efefef;
    border: 1px solid #fff;
}

/*パネル*/
.panel {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
}
.panel-primary > .panel-heading {
    color: #fff;
    background-color: #4285F4;
    border-color: #4285F4;
}
.panel-primary > .panel-heading h4 a{
    color: #fff;
}
.panel-primary .panel-body{
    padding: 10px;
    background-color: #fff;
}
.panel-primary {
    border-color: #4285f4;
    margin-bottom: 5px;
}
.panel-info > .panel-heading {
    color: #fff;
    background-color: #33b5e5;
    border-color: #33b5e5;
}
.panel .alert {
    padding: 10px;
    margin-bottom: 10px;
}

/*カード*/
.card .card-header h5{margin: 0;}

.card-header h5 a {
    color: #fff !important;
    width: 100%;
    display: block;
}
.card {
    border: 1px solid rgba(0,0,0,.125)!important;
}

/*検索フォームﾎﾞﾀﾝ*/
.btn-search{
    background-color: #007bff;
    color: #fff!important;
    border-color: #0f739b;
    width: 190px;
}
/*検索フォームﾎﾞﾀﾝ ホバー*/
.btn-search:hover {
    background-color: #0f73df;
    color: #fff!important;
    border-color: #0c5b7a;
}

/*検索リセットﾎﾞﾀﾝ*/
.btn-reset{
    background-color: #ffffff;
    color: rgb(32, 32, 32)!important;
    border-color: #c9c9c9;
    width: 190px;
}
/*検索リセットﾎﾞﾀﾝ ホバー*/
.btn-reset:hover {
    background-color: #dfdfdf;
    color: rgb(32, 32, 32)!important;
    border-color: #afafaf;
}

/*input*/
input[type="date"]:focus:not([readonly]) + label, input[type="datetime-local"]:focus:not([readonly]) + label, input[type="email"]:focus:not([readonly]) + label, input[type="number"]:focus:not([readonly]) + label, input[type="password"]:focus:not([readonly]) + label, input[type="search-md"]:focus:not([readonly]) + label, input[type="search"]:focus:not([readonly]) + label, input[type="tel"]:focus:not([readonly]) + label, input[type="text"]:focus:not([readonly]) + label, input[type="time"]:focus:not([readonly]) + label, input[type="url"]:focus:not([readonly]) + label, textarea.md-textarea:focus:not([readonly]) + label {
color: #333;
}
select.form-control:not([size]):not([multiple]) {
    height: calc(2rem + 1px);
    font-size: 0.8em;
}
/*input type numberスピンボタンをスマホ以外の時のみ非表示*/
@media screen and (min-width: 500px) {
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
    -moz-appearance:textfield;
  }
}

.dropzone {
    min-height: 150px;
    border: 2px solid rgba(170, 170, 170, 0.3);
    background: #ececec;
    padding: 20px 20px;
}

/*アラート*/
.alert {
    margin-bottom: 0.3rem;
    padding: 0.5rem;
}
/*ページネーション*/
.pagination li{list-style: none;}
.pagination {
    display: inline-flex;
}

#loading img{
    width: 65px;
}

/*等幅テーブル*/
.monospace-tbl{
    font-family: MeiryoKe_Gothic, "Ricty Diminished", "Courier New", Courier, Monaco, Menlo, Consolas, "Lucida Console", "Osaka－等幅", "Osaka-等幅", Osaka-mono, "ＭＳ ゴシック", "MS Gothic", monospace;
}
.error-warning-color {
    color: #ff6300 !important;
}