@charset "UTF-8";
/* =============================================================================
 * 管理画面用SCSS
 * ========================================================================== */
/* =============================================================================
 * ユーティリティ
 * ========================================================================== */
h1 {
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #DDD;
  margin-bottom: 1.8rem;
  font-size: 2.2rem;
  font-weight: bold;
}

/**
 * 表示状態
 */
.hide {
  display: none;
}

/**
 * フォントサイズ
 */
.font-size-050 {
  font-size: 0.5rem;
}

.font-size-075 {
  font-size: 0.75rem;
}

.font-size-080 {
  font-size: 0.8rem;
}

.font-size-085 {
  font-size: 0.85rem;
}

.font-size-090 {
  font-size: 0.9rem;
}

.font-size-095 {
  font-size: 0.95rem;
}

.font-size-100 {
  font-size: 1rem;
}

.font-size-110 {
  font-size: 1.1rem;
}

.font-size-120 {
  font-size: 1.2rem;
}

.font-size-125 {
  font-size: 1.25rem;
}

.font-size-130 {
  font-size: 1.3rem;
}

.font-size-140 {
  font-size: 1.4rem;
}

.font-size-150 {
  font-size: 1.5rem;
}

.font-size-160 {
  font-size: 1.6rem;
}

.font-size-180 {
  font-size: 1.8rem;
}

.font-size-400 {
  font-size: 4rem;
}

.font-size-800 {
  font-size: 8rem;
}

/**
 * 下マージン処理
 */
.margin-bottom-020 {
  margin-bottom: 0.2rem;
}

.margin-bottom-025 {
  margin-bottom: 0.25rem;
}

.margin-bottom-030 {
  margin-bottom: 0.3rem;
}

.margin-bottom-050 {
  margin-bottom: 0.5rem;
}

.margin-bottom-070 {
  margin-bottom: 0.7rem;
}

.margin-bottom-075 {
  margin-bottom: 0.75rem;
}

.margin-bottom-080 {
  margin-bottom: 0.8rem;
}

.margin-bottom-090 {
  margin-bottom: 0.9rem;
}

.margin-bottom-100 {
  margin-bottom: 1rem;
}

.margin-bottom-120 {
  margin-bottom: 1.2rem;
}

.margin-bottom-125 {
  margin-bottom: 1.25rem;
}

.margin-bottom-130 {
  margin-bottom: 1.3rem;
}

.margin-bottom-150 {
  margin-bottom: 1.5rem;
}

.margin-bottom-160 {
  margin-bottom: 1.6rem;
}

.margin-bottom-175 {
  margin-bottom: 1.75rem;
}

.margin-bottom-180 {
  margin-bottom: 1.8rem;
}

.margin-bottom-200 {
  margin-bottom: 2rem;
}

.margin-bottom-225 {
  margin-bottom: 2.25rem;
}

.margin-bottom-250 {
  margin-bottom: 2.5rem;
}

.margin-bottom-300 {
  margin-bottom: 3rem;
}

.margin-bottom-350 {
  margin-bottom: 3.5rem;
}

.margin-bottom-400 {
  margin-bottom: 4rem;
}

.margin-bottom-450 {
  margin-bottom: 4.5rem;
}

.margin-bottom-500 {
  margin-bottom: 5rem;
}

.margin-bottom-550 {
  margin-bottom: 5.5rem;
}

.margin-bottom-600 {
  margin-bottom: 6rem;
}

.margin-bottom-650 {
  margin-bottom: 6.5rem;
}

.margin-bottom-700 {
  margin-bottom: 7rem;
}

.margin-bottom-750 {
  margin-bottom: 7.5rem;
}

.margin-bottom-800 {
  margin-bottom: 8rem;
}

.margin-bottom-850 {
  margin-bottom: 8.5rem;
}

/**
 * パディング
 */
.padding-020 {
  padding: 0.2rem;
}

.padding-025 {
  padding: 0.25rem;
}

.padding-030 {
  padding: 0.3rem;
}

.padding-050 {
  padding: 0.5rem;
}

.padding-070 {
  padding: 0.7rem;
}

.padding-075 {
  padding: 0.75rem;
}

.padding-080 {
  padding: 0.8rem;
}

.padding-090 {
  padding: 0.9rem;
}

.padding-100 {
  padding: 1rem;
}

.padding-120 {
  padding: 1.2rem;
}

.padding-125 {
  padding: 1.25rem;
}

.padding-130 {
  padding: 1.3rem;
}

.padding-150 {
  padding: 1.5rem;
}

.padding-160 {
  padding: 1.6rem;
}

.padding-175 {
  padding: 1.75rem;
}

.padding-180 {
  padding: 1.8rem;
}

.padding-200 {
  padding: 2rem;
}

.padding-225 {
  padding: 2.25rem;
}

.padding-250 {
  padding: 2.5rem;
}

.padding-300 {
  padding: 3rem;
}

.padding-350 {
  padding: 3.5rem;
}

.padding-400 {
  padding: 4rem;
}

.padding-450 {
  padding: 4.5rem;
}

.padding-500 {
  padding: 5rem;
}

.padding-550 {
  padding: 5.5rem;
}

.padding-600 {
  padding: 6rem;
}

.padding-650 {
  padding: 6.5rem;
}

.padding-700 {
  padding: 7rem;
}

.padding-750 {
  padding: 7.5rem;
}

.padding-800 {
  padding: 8rem;
}

.padding-850 {
  padding: 8.5rem;
}

/**
 * パディング下
 */
.padding-bottom-020 {
  padding-bottom: 0.2rem;
}

.padding-bottom-025 {
  padding-bottom: 0.25rem;
}

.padding-bottom-030 {
  padding-bottom: 0.3rem;
}

.padding-bottom-050 {
  padding-bottom: 0.5rem;
}

.padding-bottom-070 {
  padding-bottom: 0.7rem;
}

.padding-bottom-075 {
  padding-bottom: 0.75rem;
}

.padding-bottom-080 {
  padding-bottom: 0.8rem;
}

.padding-bottom-090 {
  padding-bottom: 0.9rem;
}

.padding-bottom-100 {
  padding-bottom: 1rem;
}

.padding-bottom-120 {
  padding-bottom: 1.2rem;
}

.padding-bottom-125 {
  padding-bottom: 1.25rem;
}

.padding-bottom-130 {
  padding-bottom: 1.3rem;
}

.padding-bottom-150 {
  padding-bottom: 1.5rem;
}

.padding-bottom-160 {
  padding-bottom: 1.6rem;
}

.padding-bottom-175 {
  padding-bottom: 1.75rem;
}

.padding-bottom-180 {
  padding-bottom: 1.8rem;
}

.padding-bottom-200 {
  padding-bottom: 2rem;
}

.padding-bottom-225 {
  padding-bottom: 2.25rem;
}

.padding-bottom-250 {
  padding-bottom: 2.5rem;
}

.padding-bottom-300 {
  padding-bottom: 3rem;
}

.padding-bottom-350 {
  padding-bottom: 3.5rem;
}

.padding-bottom-400 {
  padding-bottom: 4rem;
}

.padding-bottom-450 {
  padding-bottom: 4.5rem;
}

.padding-bottom-500 {
  padding-bottom: 5rem;
}

.padding-bottom-550 {
  padding-bottom: 5.5rem;
}

.padding-bottom-600 {
  padding-bottom: 6rem;
}

.padding-bottom-650 {
  padding-bottom: 6.5rem;
}

.padding-bottom-700 {
  padding-bottom: 7rem;
}

.padding-bottom-750 {
  padding-bottom: 7.5rem;
}

.padding-bottom-800 {
  padding-bottom: 8rem;
}

.padding-bottom-850 {
  padding-bottom: 8.5rem;
}

/**
 * テキスト揃え
 */
.text-align-center {
  text-align: center;
}

.text-align-left {
  text-align: left;
}

.text-align-right {
  text-align: right;
}

/**
 * 幅指定
 */
.max-width-100 {
  max-width: 100px;
}

.max-width-200 {
  max-width: 200px;
}

/**
 * 枠付きエリア
 */
.with-border {
  border: 1px solid #999999;
  padding: 0.45em;
}

/**
 * リンクカラーなくす
 */
.no-link-color-white {
  color: #FFF;
}
.no-link-color-white:hover {
  text-decoration: none;
  color: #FFF;
}
.no-link-color-white:active {
  text-decoration: none;
  color: #FFF;
}
.no-link-color-white:visited {
  text-decoration: none;
  color: #FFF;
}
.no-link-color-white:link {
  text-decoration: none;
  color: #FFF;
}

/**
 * 強制改行
 */
.force-break {
  overflow-wrap: anywhere;
}

/**
 * フレームなし
 */
.main-noflame {
  padding: 20px;
}

/**
 * 会社選択iframe
 */
iframe.select-com {
  width: 100%;
  border: 1px solide #666;
  height: 500px;
}

/**
 * あどみんだっしゅ
 */
.admin-dash-frame .ifm-spread {
  width: 100%;
  border: 1px solid #666;
  height: 600px;
}

/**
 * アップロード画面
 */
.matters-model-form .file-select-ifm {
  width: 100%;
  border: 1px solid #666;
  height: 400px;
}

/**
 * テーブルをなめらかにする
 */
.nameraka {
  overflow: scroll;
  height: 800px;
}
.nameraka #JColResizer1 {
  -webkit-overflow-scrolling: touch;
  border-collapse: separate;
}
.nameraka #JColResizer1 > thead {
  position: sticky;
  top: -1px;
  left: 0;
  background-color: #ffffff;
  z-index: 1;
}

/**
 * 開くやつ
 */
.fa-arrow-up-right-from-square {
  position: absolute;
  color: #ccc;
  right: 2px;
  bottom: 2px;
  font-size: 1.1rem;
}

/**
 * 幅100%
 */
.wide {
  width: 100%;
}

.navbar-inverse .container {
  width: 100%;
}

/**
 * 取引会社管理
 */
.customer-company-model-form iframe {
  border: 2px solid #cccccc;
  width: 100%;
  height: 500px;
}

/**
 * Line Seed JP フォントの指定
 */
@font-face {
  font-family: "LINESeedJP_OTF_Rg";
  src: url("../fonts/LINESeedJP_OTF_Rg.woff") format("woff");
}
@font-face {
  font-family: "LINESeedJP_OTF_Bd";
  src: url("../fonts/LINESeedJP_OTF_Bd.woff") format("woff");
}
body {
  font-family: "LINESeedJP_OTF_Rg";
  font-size: 14px;
}

b strong {
  font-family: "LINESeedJP_OTF_Bd";
  font-size: 14px;
}

/**
 * 折りたたみ
 */
details[open] .open {
  display: none;
}
details:not([open]) .close {
  display: none;
}
summary {
  display: list-item;
  cursor: pointer;
}

/**
 * コンテクストメニュー
 */
.contextmenu {
  position: fixed;
  z-index: 99;
  background: #fff;
  color: #555;
  font-size: 11px;
  user-select: none;
  box-shadow: 2px 2px 2px 0 #8f9091;
  border: 1px solid #c6c6c6;
  padding: 0;
  padding-top: 4px;
  padding-bottom: 4px;
  margin: 0;
  outline: 0;
  display: none;
}

.contextmenu div {
  box-sizing: border-box;
  display: block;
  padding: 8px 8px 8px 28px;
  width: 250px;
  position: relative;
  cursor: default;
  font-size: 11px;
  font-family: sans-serif;
}

.contextmenu div:hover {
  background: #ebebeb;
}

.contextmenu hr {
  border: 1px solid #e9e9e9;
  border-bottom: 0;
  margin-top: 5px;
  margin-bottom: 5px;
}

/**
 * ポップアップメッセージ
 */
.popup-msg{
  position:absolute;
  z-index:10000;
  border:solid 3px #aaa;
  background:#eeeeff;
  display:block;
  padding:20px;
  text-align:center;
  color:#555;
  font-size:12px;
  font-weight:bold;
}