@charset "utf-8";

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
デフォルトのbootstrap4のCSSのカスタム
*/

/* 本番環境以外で画面下に表示させる */
.test_display{
    width: 100%;
    background-color: #d70d0d;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    position:fixed;
    bottom: 0;
}

/* 最小1000pxで横スクロール */
.container-fluid{
  min-width: 1000px;
}

/* hoverでサブメニュー表示 */
.dropdown:hover .dropdown-menu {
  display: block;
}


/* カーソルの判定が消える時があるので */
.dropdown-toggle{
  zoom:110%;
}


/* スリム化 */

.table td,
.table th{
  padding: 1px 5px;
  font-size: 12px;
}

.btn{
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 12px;
}

.btn-lg{
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

/* テーブルの一部を消す */
.table .space {
	border-top: none !important;
	border-bottom: none !important;
	background-color: #fff !important;
}

/* モーダルウインドウを広くする */
.modal-dialog{
  /* min-width:500px; */
  min-width:1400px;
}

label{
  font-weight: bold;
}

/* メニューの下線を消す */
.nav-tabs {
  border-bottom: none;
}
.nav-item {
  margin-bottom: -2px !important;
}

/* カーソルがメニューから外れる場合があるため */
.dropdown-menu{
  top:95%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
/order/indexのCSS
*/

/*　テーブルのカーソルを乗せた一行を見やすくする　*/
.order_summary_table tr:nth-child(odd):hover td:not(:first-child){
  background-color: rgb(180, 180, 180) !important;
}
.order_summary_table tr:nth-child(even):hover{
  background-color: rgb(180, 180, 180) !important;
}

/* ─────────────────────────────────────────────────────────
/order/のdownloadのモーダルウインドウの中のform
*/
.order_download_form{
}

.order_download_form select{
  height: 150px !important;
}


/* ─────────────────────────────────────────────────────────
/product/entry/のチェックボタンを大きく
*/

#product_entry .btn{
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 16px;
}

/* ─────────────────────────────────────────────────────────
/order/のSummaryDataのテーブルで、日ごとに線を太くする
*/

#summary_data+table tbody tr:first-child {
    border-top: 3px double #cacaca;
}

/* ─────────────────────────────────────────────────────────
viewjs customize
*/
.viewer-title {
    color: #fff!important;
    font-size: 16px!important;
}


/* ─────────────────────────────────────────────────────────
ローディング画面
*/

/*　クリック禁止　*/
.clicked{
  pointer-events: none;
}

/*　ローディング画面用 砂時計　*/
div#screenlock {
    position:fixed;
    top:0px;
    left:0px;
    background:rgba(255,255,255,0.8);
}

div.scrOff {
	display:none;
	visibility:hidden;
}

div.scrOn {
    display:block;
    visibility:visible;
    z-index:10000;
    width:100%;
    height:100%;
}

div#screenlock div {
    width:750px;
    margin:200px auto 0px;
    padding:30px 0px;
    border:1px #ccc solid;
    background:#fff;
    text-align:center;
}

/* ───────────────────────────────────────────────────────── */