@charset "UTF-8";

/**************** 共通 ****************/
html, body {
  margin: 0;
  padding: 0;
}

/* 管理画面基本設定 */
.admin_body {
  color: #130035;
  /*font-family: 'Shippori Mincho', serif;*/
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 300;
  font-style: normal;
}
/* 管理画面基本設定 */

/* エラー時にレイアウトが崩れないように */
.field_with_errors {
  display: inline;
}
/* エラー時にレイアウトが崩れないように */


/* ページタイトル */
.page-title-b {
  color: #003e6e;
  border-bottom: solid 5px #003e6e;
}
/* ページタイトル */


/* animate.css カスタム遅延を適用したい任意の値 */
.animate__delay-custom {
  animation-delay: var(--animate-custom-delay) !important;
}
/* animate.css カスタム遅延を適用したい任意の値 */


/* 検索フォーム */
.border-form {
  border-radius: 10px;
  border: 2px solid #003e6e;
}
/* 検索フォーム */


/* 改行 */
.no-extra-space {
  white-space: pre-line;
}
/* 改行 */


/* form */
.form-control, .form-select { background-color: #f5f5f5; }

.form-control:focus, .form-select:focus {
  border-color: #003e6e;
  outline: none;
  box-shadow: 2px 2px 2px #003e6e;
}

.label-mark { background-color: #d77f5f; }
/* form */


/* フラッシュメッセージ
.flash-message {
  transition: opacity 3s ease-in-out;
  z-index: 10000;
}
フラッシュメッセージ */


/* check_box */
input[type="checkbox"], .check-label {
  cursor: pointer;
}

.check_box_size {
  transform: scale(1.1);
  transition: transform 0.2s;
}

.check_box_size:hover {
  transform: scale(1.2);
}

.check_box_size:checked {
  transform: scale(1.4);
}

.check_box_size_2 {
  transform: scale(1.3);
  transition: transform 0.2s;
}

.check_box_size_2:hover {
  transform: scale(1.4);
}

.check_box_size_2:checked {
  transform: scale(1.6);
}
/* check_box */


/* btn */
.btn-custom:hover, .btn-custom-2:hover {
  background-color: #d77f5f;
  color: #003e6e;
}

.btn-outline:hover {
  border-color: #d77f5f;
  color: #d77f5f;
}

.btn-custom{
  background-color: #003e6e;
  color: #fff;
  padding: 3px 20px;
  border-radius: 10px;
}

.btn-custom-2{
  background-color: #fff;
  color:#003e6e;
  padding: 3px 20px;
  border-radius: 10px;
}

.btn-outline{
  border-color: #003e6e;
  color: #003e6e;
  padding: 3px 20px;
  border-radius: 10px;
}
/* btn */


/* table */
.table-head {
  background-color: #003e6e;
  color: #fff;
}

.table-contents:hover {
 background-color: #a9987f!important;
 color: #fff!important;
}

.table-pointer {
  cursor: pointer;
}

table thead {
  position: sticky;
  top: 0px;
  background-color: #fff;
  z-index: 10;
}
/* table */


/* font */
.fs-07 { font-size: 0.7em; }
.fs-08 { font-size: 0.8em; }
.fs-09 { font-size: 0.9em; }
.fs-11 { font-size: 1.1em; }
/* font */


/* ページネーション */
.page-link {
  background: none!important;
  border: none;
  color: #003e6e!important;
}

.pagination .active .page-link {
  color: #d77f5f!important;
}

.page-link:hover { opacity: 0.6!important; }
.page-link:focus {
	outline: none!important;
	box-shadow: none!important;
}
/* ページネーション */


/* アコーディオン */
.accordion-block { margin-left: 60px; }

.accordion-title {
  border-bottom: solid 2px #003e6e;
}

.accordion-title .fa{
float: right;
margin-right: 7px;
line-height: 25px;
}

.accordion-content {
    display: none;
}

.usage-on .month-name { color: #d77f5f; }

.usage-on {
  border-bottom: none;
}
/* アコーディオン */


/* color */
.c-003e6e { color: #003e6e; }

.c-a9a9a9 { color: #a9a9a9!important; }
/* color */

/* 法人フォーム */
.hidden {
  display: none !important;
}
/* 法人フォーム */
/**************** 共通 ****************/


/**************** ダッシュボード ****************/
.dash-content-b {
  font-size: 3em;
  text-align: center;
  margin-top: 60px;
}

.daxh-content-background-image-b {
  background-image: url('/images/marker.png'); /* 画像のパスは適切なものに変更してください */
  background-repeat: no-repeat;
  background-position: center bottom; /* 画像を中央の下半分に配置 */
  background-size: 60% 40%;
  color: #003e6e;
  text-shadow: 2px 2px 2px #fff;
}
/**************** ダッシュボード ****************/


/**************** sales info ****************/
.stb-1 { width: 5%; }
.stb-2 { width: 25%; }
.stb-3 { width: 5%; }
.stb-4 { width: 5%; }
.stb-5 { width: 5%; }
.stb-6 { width: 7%; }
.stb-7 { width: 6%; }
.stb-8 { width: 5%; }
.stb-9 { width: 5%; }
.stb-10 { width: 5%; }
.stb-11 { width: 11%; }
.stb-12 { width: 5%; }
.stb-13 { width: 6%; }
.stb-14 { width: 5%; }
/**************** sales info ****************/


/**************** users index ****************/
.utb-1 { width: 2%; }
.utb-2 { width: 15%; }
.utb-3 { width: 9%; }
.utb-4 { width: 10%; }
.utb-5 { width: 6%; }
.utb-6 { width: 8%; }
.utb-7 { width: 8%; }
.utb-8 { width: 25%; }
.utb-9 { width: 17%; }
/**************** users index ****************/


/**************** users admin_edit ****************/
.c-totals {
  border-radius: 10px;
  border: 2px solid #003e6e;
  box-shadow: 2px 2px 2px #003e6e;
  background-color: #f5f5f5;
}

.brand_type_celect {
  border: none;
  background-color: #f5f5f5;
  font-weight: bold;
}

.brand_type_celect:focus {
  border: none;
  outline: none;
}

.uetb-1 { width: 5%; }
.uetb-2 { width: 28%; }
.uetb-3 { width: 12%; }
.uetb-4 { width: 12%; }
.uetb-5 { width: 5%; }
.uetb-6 { width: 9%; }
.uetb-7 { width: 8%; }
.uetb-8 { width: 8%; }
.uetb-9 { width: 8%; }
.uetb-9 { width: 5%; }

/*.form-check-label {
  cursor: pointer;
}

.form-check-label:hover {
  transform: scale(1.1);
}

.form-check-input:checked {
    background-color: #003e6e;
    border-color: #003e6e;
}

.form-check-input:checked + .form-check-label {
  transform: scale(1.1);
}*/
/**************** users admin_edit ****************/


/**************** agent index ****************/
.atb-1 { width: 2%; }
.atb-2 { width: 12%; }
.atb-3 { width: 10%; }
.atb-4 { width: 12%; }
.atb-5 { width: 12%; }
.atb-6 { width: 32%; }
.atb-7 { width: 14%; }
/**************** agent index ****************/


/**************** agent edit ****************/
.aetb-1 { width: 15%; }
.aetb-2 { width: 36%; }
.aetb-3 { width: 15%; }
.aetb-4 { width: 17%; }
.aetb-5 { width: 17%; }
/**************** agent edit ****************/


/**************** user ranking ****************/
.rank-content {
  border-bottom: solid 1px #003e6e;
  opacity: 0;
}
/**************** user ranking ****************/

/**************** pr ****************/
.trush:hover {
  color: red;
  transform: scale(1.2);
}
/**************** pr ****************/