/* ※カラーは変更箇所が多いので直接置き換え済 */

/* inputのdateはどこをクリックしてもカレンダー表示する */
input[type="date"]{
  position: relative;
}
input[type=date]::-webkit-calendar-picker-indicator {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
}

input[type="datetime-local"]{
  position: relative;
}
input[type=datetime-local]::-webkit-calendar-picker-indicator {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
}

input[type="month"]{
  position: relative;
}
input[type=month]::-webkit-calendar-picker-indicator {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
}

/* 日付毎一括変更の入力フォーム */
.date-form-two-columns {
  display: flex;
  flex-wrap: wrap;
  max-width: 600px; /* フォームの最大幅を適宜設定 */
}

.date-form-group {
  flex: 0 50%; /* ここで列の幅を50%に設定して2列にする */
  display: flex;
  align-items: center; /* 中央揃えにする */
  padding: 1px; /* 必要に応じて調整 */
}

.date-form-group span {
  margin-right: 10px; /* ラベルと入力フィールドの間隔 */
}

.date-form-two-columns .date-swal-input {
  height: 30px; /* 入力フィールドの高さを設定 */
	width: 100px;
  /* 他に必要なスタイルがあればここに追加 */
}


/* カードのコンテンツエリアにスクロールを適用するスタイル */
.card-scroll {
    max-height: 150px; /* 最大高さを設定 */
    overflow-y: auto;  /* 縦方向のスクロールを有効にする */
		height:120px;
  	background-color: #ffeccf;
}


/* お届け票のinputラベル背景 */
.input-group-text {
  background-color: #ebebeb;
}

/* inputフォーカス時の枠線 */
.form-control:focus {
  color: #574f49;
  background-color: #fff;
  border-color: #ffb180;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(247, 123, 45, 0.25);
}

/* 検索バー上部のスペース */
.navbar-top {
  padding-top: 0.9rem;
}

/* 幅20%指定 */
.w15{
  width:15%;
}

/* 登録画面の背景色 */
.bg-light {
	background-color: #ffeccf !important;
}

/* 変更済みの予定セル */
.change-cell {
	background-color: #fff385 !important;
}

/* フォームラベルのマージン */
.form-label {
    margin-bottom: 0.2rem;
}

/* フォームの編集不可 */
.form-control:disabled{
	background-color: #e5e5e5;
}
.form-select:disabled{
	color:black;
	background-color: #e5e5e5;
}

/* 顧客の住所設定用の地図 */
#map {
  height: 500px;
  width: 90%;
}

/* 配達順路用の地図 */
#root_map {
  height: 100%;
  width: 100%;
}

/* ツールチップのサイズ */
.tooltip-inner{
  max-width: 100%;
}

/* コンパクトなインプット */
.non-block{
  display: inline !important;
	width:80%;
	padding: 0rem 0.2rem;
	text-align: right;

}

/* 検索ドロップダウンのチェックボックスラベル */
#no_stop_label, #tenpo_customer_code_only_flg_label, #free_customer_code_only_flg_label {
  line-height:0;
}
/* 検索ドロップダウンのアイテム */
.search-dropdown-item {
  margin:5px 10px;
	width:90%;
}

/* タブ */
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: #F39700;
    background-color: #fff;
    border-bottom: 2px solid #F39700;
}

/* アコーディオン周囲 */
.border-x {
    border-left: 0px solid #efd8ef !important;
    border-right: 0px solid #efd8ef !important;
}
.border-top {
    border-top: 0px solid #d8e2ef !important;
}
.space-between{
  display: flex;
  justify-content: space-between;
}

/* トップページの円グラフ */
.canvas-container {
    position: relative;
    width:  calc(100% - 0px);
    height: 165px;
    overflow: hidden;
}

/* トップページのスクロール設定 */
.scroll_box {
  height: 140px;
  overflow: auto;
  white-space: nowrap;
}

/* スクロールの幅の設定 */
.scroll_box::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

/* スクロールの背景の設定 */
.scroll_box::-webkit-scrollbar-track {
  border-radius: 3px;
  box-shadow: 0 0 2px #cfcfcf inset;
}

/* スクロールのつまみ部分の設定 */
.scroll_box::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background: #ffbb4d;
}


/* 配達順設定済の背景色 */
.tinted{
	background-color: #ffe6e0;
}
/* 配達順設定済のリンク色 */
.tinted a{
	color: #a9a9a9;
}
.tinted a:hover{
	color: #696969;
}
/* 曜日別設定の場合の背景色 */
.special-class{
	background-color: #fdf9a6;
}

/* 伝言欄のリンク色 */
.dengon a{
	color: #ff0000 !important;
  /*padding: 0.5em 1em;*/
	font-size:1.5em;
  margin: 2em 0;
  font-weight: bold;
  background: #FFF;
  border: solid 3px #ff0000;/*線*/
  border-radius: 10px;/*角の丸み*/
}
.dengon0 a{
	color: #F39700;
  /*padding: 0.5em 1em;*/
	font-size:1.5em;
  margin: 2em 0;
  font-weight: bold;
}

/* 注文管理のカレンダーの日付リンク（休配リンク）aタグスタイルのリセット */
.reset-style {
  color: inherit; /* 継承された色を使用 */
  text-decoration: none; /* 下線を消す */
}

/* 全体集計表印刷時メモ欄 */
textarea.smemo {
	color: #ff0000;
  width: 100%; /* 幅 */
  padding: 0.2em; /* 枠線内の余白 */
  font-size: 1em; /* フォントサイズ */
  border: solid 2px #e1e3e8; /* 枠線のスタイル */
  border-radius: 4px; /* 角丸に */
	outline: none;
}


/* CheckBoxの背景色 */
.form-check-input[type="checkbox"]{
	background-color: #FFF;
}
.form-check-input:valid:checked, .form-check-input.is-valid:checked{
	background-color: #00d27a;
	border-color:#b6c1d2;
}

/* 注文管理テーブルのスタイル */
table.schedule tr:hover {
    background-color: #FFCC99; /* マウスオーバー時の行の背景色 */
}
.highlight-column {
    background-color: #FFCC99 !important; /* マウスオーバー時の列の背景色 */
}
table.schedule td:hover {
    background-color: #fcb66f !important; /* マウスオーバー時のセルの背景色 */
}

/* 今日日付の背景の黄色い丸 */
.today-cell {
    position: relative;
    z-index: 1; /* テキストを前面に表示 */
}

.today-cell::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px; /* 丸の大きさを調整 */
    height: 20px;
    background-color: #FFFF99;
    border-radius: 50%;
    z-index: -1; /* 丸を背景に表示 */
}

/* 過去日付用に薄い色設定 */
.text-primary-past {
    color: rgba(44, 123, 229, 0.3); /* プライマリー色を半透明に */
}

.text-danger-past {
    color: rgba(230, 55, 87, 0.3); /* デンジャー色を半透明に */
}
.text-past {
    color: rgba(0, 0, 0, 0.3); /* デンジャー色を半透明に */
}


/* 個数集計・配達順テーブル */
table.shukei {
	 border:1px #bfbfbf solid !important;
}

/* 個数集計・配達順テーブル 上部罫線太く */
table.shukei td.bg-secondary {
	 border-top:4px #bfbfbf solid !important;
}
table.shukei td.shikiri {
	 border-top:4px #bfbfbf solid !important;
}
table.shukei a {
	 color:#cd7f00;
}

/* 注文管理画面のスクロール、thの固定 */
.sticky th {
  /* 縦スクロール時に固定する */
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  /* tbody内のセルより手前に表示する */
  z-index: 1;
  border-top:#FFFFFF;
}

/* 注文管理画面のスクロール、thの固定 */
.sticky2 {
  /* 縦スクロール時に固定する */
  position: -webkit-sticky;
  position: sticky;
  top: 1.5rem;
  /* tbody内のセルより手前に表示する */
  z-index: 1;
  border-top:#FFFFFF;
}

/* 横スクロール、thの固定 */
.sticky_table_yoko th:first-child {
  /* 横スクロール時に固定する */
  position: -webkit-sticky;
  position: sticky;
  left: 0;
}

.sticky_table_yoko th:nth-child(2) {
  /* 横スクロール時に固定する（2列目） */
  position: -webkit-sticky;
  position: sticky;
  left: 3rem;
}

/* 配達順テーブル(商品部分) */
.items {
	height: 1px;
}
table.shukei2 td {
	border-color: #bfbfbf !important;
  border-width: 1px 1px; !important;
}

/* 配達順テーブル(数量部分) */
.itemcnt {
	width:25px;
}

/* 個別対応カードテーブル */
table.kobetsu {
	padding: 13px 20px;
	border: none;
	min-width:610px;
}

table.kobetsu td{
	border:1px #bfbfbf solid !important;
}

/* 配布一覧テーブル */
table.haihu {
	border-collapse: collapse;
	border:2px #bfbfbf solid;
}

table.haihu th{
	border-collapse: collapse;
	border:1px #bfbfbf solid;
}

table.haihu td{
	border-collapse: collapse;
	border:dashed 1px #bfbfbf;
}

/* 配布一覧テーブル 上部罫線太く */
table.haihu td.shikiri {
	 border-bottom:4px #bfbfbf solid;
}

/* 事前改行クラス */
.br::before {
	content: "\A" ;
	white-space: pre ;
}

/*順路表の名前欄、最低幅の設定 */
.set-min-width{
	min-width: 350px;
}

/*
table.shukei tr:hover {
	background-color: #FFCC99;
}
table.shukei td:hover {
	background-color: #fcb66f;
}
*/

.cell-link {
	padding: 0;
	height: 0;
}
.cell-link a{
	height: 100%;
	display: block;
	align-items: center;
}

.very-small{
	font-size: 50%;
}

/* 印刷時の改ページ */
.pagebreak {
	display: block;
  page-break-before : always !important;
	height: 0px;
  margin: 0mm;
}


/* 配達確認・安否確認ダイアログのエラー欄のマージ */
.my-validation-message{
  margin-left: -2.06em !important;
  margin-right: -2.06em !important;
}

/* 個別対応のお客様名欄のセル書式（背景にロゴ） */
td.klogo{
	background-image: url("../img/logo_for_kobetsu.gif");
	background-repeat: no-repeat;
	background-position: right top;
	background-size: contain;
	height:41px;
	vertical-align:middle;
}

/* 個別対応の商品と個別対応行 */
tr.kotai{
	height:68px;
	vertical-align:middle;
}

/* 個別対応の商品カードの改ページ用テーブル */
.ktable{
	page-break-before: always;
}

.ktable td{
	width:50%;
}

.kpage{
	display:block;
}
.kpage table{
	display:block;
}


/* 印刷時調整 */
@page {
    margin: 0mm;
}
@media print {

	.kpage{
		display:table-cell;
		vertical-align:top;
		float:none;
		page-break-after:always !important;
	}
	.kpage table{
	/* Chromeのver108から個別対応カードが列ごとに改行になったので↑に移動　2022/12/1 */
	/* 		page-break-after:always !important; */
	}

	/* メニューやメニュータブは印刷しない */
  .navbar-expand-xl,.navbar-collapse,.nav-tabs {
    display: none;
  }

	/* 伝言登録用アイコンは印刷しない */
  .dengon0,.change-course {
    display: none;
  }

	/* 点滅アニメーションは無効 */
  .faa-flash, .animated {
    /* 印刷時に無効にしたいスタイルを上書き */
    animation: none !important;
    /* 他に必要なスタイルの上書きがあればここに記述 */
  }

	/* リンクをオレンジフォントではなく、黒フォントでオレンジアンダーラインに */
  table.shukei a[href^="tel:"] {
      color: black;
      text-decoration: underline;
  }


	.table-secondary,.table-active,.table,.table-info{
		color: black !important;
	}

  .non-print {
    display: none;
  }

  .name-print {
    background-color: #ede3d1 !important;
		color: black !important;
  }

  .address-print {
    background-color: transparent !important;
		color: black !important;
  }

  .customer-print {
	  border-top:5px #454545 solid !important;
	}

	body {
		background-color: transparent;
	}


	/**
	 * Bootstrap Print v1.0.0 (https://github.com/onocom/bootstrap-print)
	 * Copyright (c) 2017 Ono Takashi
	 * Licensed under MIT (https://github.com/onocom/bootstrap-print/blob/master/LICENSE)
	 */
	 
	@page {
		margin: 8mm;
		margin: 10mm 8mm 10mm 8mm;
	}
	
	* {
		-webkit-print-color-adjust: exact !important;
		background-attachment: initial !important;
		overflow-y: visible !important;
	}

	html {
		overflow: visible !important;
		zoom: 0.86 !important;
	}

	body {
		min-width: 1240px !important;
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}
	.container-fluid,
	.container {
		min-width: 1170px !important;
	}


	.row {
		margin-left: -15px !important;
		margin-right: -15px !important;
	}
	
	
	.dl-horizontal dt {
		float: left;
		width: 160px;
		overflow: hidden;
		clear: left;
		text-align: right;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.dl-horizontal dd {
		margin-left: 180px;
	}
	
	.form-inline .form-group {
		display: inline-block;
		margin-bottom: 0;
		vertical-align: middle;
	}
	.form-inline .form-control {
		display: inline-block;
		width: auto;
		vertical-align: middle;
	}
	.form-inline .form-control-static {
		display: inline-block;
	}
	.form-inline .input-group {
		display: inline-table;
		vertical-align: middle;
	}
	.form-inline .input-group .input-group-addon,
	.form-inline .input-group .input-group-btn,
	.form-inline .input-group .form-control {
		width: auto;
	}
	.form-inline .input-group > .form-control {
		width: 100%;
	}
	.form-inline .control-label {
		margin-bottom: 0;
		vertical-align: middle;
	}
	.form-inline .radio,
	.form-inline .checkbox {
		display: inline-block;
		margin-top: 0;
		margin-bottom: 0;
		vertical-align: middle;
	}
	.form-inline .radio label,
	.form-inline .checkbox label {
		padding-left: 0;
	}
	.form-inline .radio input[type="radio"],
	.form-inline .checkbox input[type="checkbox"] {
		position: relative;
		margin-left: 0;
	}
	.form-inline .has-feedback .form-control-feedback {
		top: 0;
	}
	.form-horizontal .control-label {
		padding-top: 7px;
		margin-bottom: 0;
		text-align: right;
	}
	.form-horizontal .form-group-lg .control-label {
		padding-top: 11px;
		font-size: 18px;
	}
	.form-horizontal .form-group-sm .control-label {
		padding-top: 6px;
		font-size: 12px;
	}
	
	.navbar-header {
		float: left;
	}
	.navbar-right .dropdown-menu {
		right: 0;
		left: auto;
	}
	.navbar-right .dropdown-menu-left {
		right: auto;
		left: 0;
	}
	.navbar {
		border-radius: 4px;
	}
	.navbar-collapse {
		width: auto;
		border-top: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	.navbar-collapse.collapse {
		display: block;
		height: auto;
		padding-bottom: 0;
		overflow: visible;
	}
	.navbar-collapse.in {
		overflow-y: visible;
	}
		
	.nav-justified {
		width: 100%;
	}
	.nav-justified > li {
		float: none;
	}
	.nav-justified > .dropdown .dropdown-menu {
		top: auto;
		left: auto;
	}
	.nav-justified > li {
		display: table-cell;
		width: 1%;
	}
	.nav-justified > li > a {
		margin-bottom: 0;
	}
	
	.navbar-fixed-top,
	.navbar-fixed-bottom {
		position: static;
	}
	.navbar-fixed-top .navbar-collapse,
	.navbar-static-top .navbar-collapse,
	.navbar-fixed-bottom .navbar-collapse {
		padding-right: 0;
		padding-left: 0;
	}
	.container > .navbar-header,
	.container-fluid > .navbar-header,
	.container > .navbar-collapse,
	.container-fluid > .navbar-collapse {
		margin-right: 0;
		margin-left: 0;
	}
	.navbar-static-top {
		border-radius: 0;
	}
	.navbar-fixed-top,
	.navbar-fixed-bottom {
		border-radius: 0;
	}
	.navbar > .container .navbar-brand,
	.navbar > .container-fluid .navbar-brand {
		margin-left: -15px;
	}
	.navbar-toggle {
		display: none;
	}
	.navbar-nav {
		float: left;
		margin: 0;
	}
	.navbar-nav > li {
		float: left;
	}
	.navbar-nav > li > a {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.navbar-form .form-group {
		display: inline-block;
		margin-bottom: 0;
		vertical-align: middle;
	}
	.navbar-form .form-control {
		display: inline-block;
		width: auto;
		vertical-align: middle;
	}
	.navbar-form .form-control-static {
		display: inline-block;
	}
	.navbar-form .input-group {
		display: inline-table;
		vertical-align: middle;
	}
	.navbar-form .input-group .input-group-addon,
	.navbar-form .input-group .input-group-btn,
	.navbar-form .input-group .form-control {
		width: auto;
	}
	.navbar-form .input-group > .form-control {
		width: 100%;
	}
	.navbar-form .control-label {
		margin-bottom: 0;
		vertical-align: middle;
	}
	.navbar-form .radio,
	.navbar-form .checkbox {
		display: inline-block;
		margin-top: 0;
		margin-bottom: 0;
		vertical-align: middle;
	}
	.navbar-form .radio label,
	.navbar-form .checkbox label {
		padding-left: 0;
	}
	.navbar-form .radio input[type="radio"],
	.navbar-form .checkbox input[type="checkbox"] {
		position: relative;
		margin-left: 0;
	}
	.navbar-form .has-feedback .form-control-feedback {
		top: 0;
	}
	.navbar-text {
		float: left;
		margin-right: 15px;
		margin-left: 15px;
	}
	.navbar-left {
		float: left;
	}
	.navbar-right {
		float: right;
		margin-right: -15px;
	}
	.navbar-right ~ .navbar-right {
		margin-right: 0;
	}
	.jumbotron {
		padding-top: 48px;
		padding-bottom: 48px;
	}
	.container .jumbotron,
	.container-fluid .jumbotron {
		padding-right: 60px;
		padding-left: 60px;
	}
	.jumbotron h1,
	.jumbotron .h1 {
		font-size: 63px;
	}
	.modal-dialog {
		width: 600px;
		margin: 30px auto;
	}
	.modal-content {
		-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
		box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	}
	.modal-sm {
		width: 300px;
	}
	.modal-lg {
		width: 900px;
	}
	.carousel-control .glyphicon-chevron-left,
	.carousel-control .glyphicon-chevron-right,
	.carousel-control .icon-prev,
	.carousel-control .icon-next {
		width: 30px;
		height: 30px;
		margin-top: -10px;
		font-size: 30px;
	}
	.carousel-control .glyphicon-chevron-left,
	.carousel-control .icon-prev {
		margin-left: -10px;
	}
	.carousel-control .glyphicon-chevron-right,
	.carousel-control .icon-next {
		margin-right: -10px;
	}
	.carousel-caption {
		right: 20%;
		left: 20%;
		padding-bottom: 30px;
	}
	.carousel-indicators {
		bottom: 20px;
	}
	
	
	
	
	
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
		float: left;
	}
	.col-lg-12, .col-md-12, .col-sm-12, .col-xs-12 {
		width: 100%;
	}
	.col-lg-11, .col-md-11, .col-sm-11, .col-xs-11 {
		width: 91.66666667%;
	}
	.col-lg-10, .col-md-10, .col-sm-10, .col-xs-10 {
		width: 83.33333333%;
	}
	.col-lg-9, .col-md-9, .col-sm-9, .col-xs-9 {
		width: 75%;
	}
	.col-lg-8, .col-md-8, .col-sm-8, .col-xs-8 {
		width: 66.66666667%;
	}
	.col-lg-7, .col-md-7, .col-sm-7, .col-xs-7 {
		width: 58.33333333%;
	}
	.col-lg-6, .col-md-6, .col-sm-6, .col-xs-6 {
		width: 50%;
	}
	.col-lg-5, .col-md-5, .col-sm-5, .col-xs-5 {
		width: 41.66666667%;
	}
	.col-lg-4, .col-md-4, .col-sm-4, .col-xs-4 {
		width: 33.33333333%;
	}
	.col-lg-3, .col-md-3, .col-sm-3, .col-xs-3 {
		width: 25%;
	}
	.col-lg-2, .col-md-2, .col-sm-2, .col-xs-2 {
		width: 16.66666667%;
	}
	.col-lg-1, .col-md-1, .col-sm-1, .col-xs-1 {
		width: 8.33333333%;
	}
	.col-lg-pull-12, .col-md-pull-12, .col-sm-pull-12, .col-xs-pull-12 {
		right: 100%;
	}
	.col-lg-pull-11, .col-md-pull-11, .col-sm-pull-11, .col-xs-pull-11 {
		right: 91.66666667%;
	}
	.col-lg-pull-10, .col-md-pull-10, .col-sm-pull-10, .col-xs-pull-10 {
		right: 83.33333333%;
	}
	.col-lg-pull-9, .col-md-pull-9, .col-sm-pull-9, .col-xs-pull-9 {
		right: 75%;
	}
	.col-lg-pull-8, .col-md-pull-8, .col-sm-pull-8, .col-xs-pull-8 {
		right: 66.66666667%;
	}
	.col-lg-pull-7, .col-md-pull-7, .col-sm-pull-7, .col-xs-pull-7 {
		right: 58.33333333%;
	}
	.col-lg-pull-6, .col-md-pull-6, .col-sm-pull-6, .col-xs-pull-6 {
		right: 50%;
	}
	.col-lg-pull-5, .col-md-pull-5, .col-sm-pull-5, .col-xs-pull-5 {
		right: 41.66666667%;
	}
	.col-lg-pull-4, .col-md-pull-4, .col-sm-pull-4, .col-xs-pull-4 {
		right: 33.33333333%;
	}
	.col-lg-pull-3, .col-md-pull-3, .col-sm-pull-3, .col-xs-pull-3 {
		right: 25%;
	}
	.col-lg-pull-2, .col-md-pull-2, .col-sm-pull-2, .col-xs-pull-2 {
		right: 16.66666667%;
	}
	.col-lg-pull-1, .col-md-pull-1, .col-sm-pull-1, .col-xs-pull-1 {
		right: 8.33333333%;
	}
	.col-lg-pull-0, .col-md-pull-0, .col-sm-pull-0, .col-xs-pull-0 {
		right: auto;
	}
	.col-lg-push-12, .col-md-push-12, .col-sm-push-12, .col-xs-push-12 {
		left: 100%;
	}
	.col-lg-push-11, .col-md-push-11, .col-sm-push-11, .col-xs-push-11 {
		left: 91.66666667%;
	}
	.col-lg-push-10, .col-md-push-10, .col-sm-push-10, .col-xs-push-10 {
		left: 83.33333333%;
	}
	.col-lg-push-9, .col-md-push-9, .col-sm-push-9, .col-xs-push-9 {
		left: 75%;
	}
	.col-lg-push-8, .col-md-push-8, .col-sm-push-8, .col-xs-push-8 {
		left: 66.66666667%;
	}
	.col-lg-push-7, .col-md-push-7, .col-sm-push-7, .col-xs-push-7 {
		left: 58.33333333%;
	}
	.col-lg-push-6, .col-md-push-6, .col-sm-push-6, .col-xs-push-6 {
		left: 50%;
	}
	.col-lg-push-5, .col-md-push-5, .col-sm-push-5, .col-xs-push-5 {
		left: 41.66666667%;
	}
	.col-lg-push-4, .col-md-push-4, .col-sm-push-4, .col-xs-push-4 {
		left: 33.33333333%;
	}
	.col-lg-push-3, .col-md-push-3, .col-sm-push-3, .col-xs-push-3 {
		left: 25%;
	}
	.col-lg-push-2, .col-md-push-2, .col-sm-push-2, .col-xs-push-2 {
		left: 16.66666667%;
	}
	.col-lg-push-1, .col-md-push-1, .col-sm-push-1, .col-xs-push-1 {
		left: 8.33333333%;
	}
	.col-lg-push-0, .col-md-push-0, .col-sm-push-0, .col-xs-push-0 {
		left: auto;
	}
	.col-lg-offset-12, .col-md-offset-12, .col-sm-offset-12, .col-xs-offset-12 {
		margin-left: 100%;
	}
	.col-lg-offset-11, .col-md-offset-11, .col-sm-offset-11, .col-xs-offset-11 {
		margin-left: 91.66666667%;
	}
	.col-lg-offset-10, .col-md-offset-10, .col-sm-offset-10, .col-xs-offset-10 {
		margin-left: 83.33333333%;
	}
	.col-lg-offset-9, .col-md-offset-9, .col-sm-offset-9, .col-xs-offset-9 {
		margin-left: 75%;
	}
	.col-lg-offset-8, .col-md-offset-8, .col-sm-offset-8, .col-xs-offset-8 {
		margin-left: 66.66666667%;
	}
	.col-lg-offset-7, .col-md-offset-7, .col-sm-offset-7, .col-xs-offset-7 {
		margin-left: 58.33333333%;
	}
	.col-lg-offset-6, .col-md-offset-6, .col-sm-offset-6, .col-xs-offset-6 {
		margin-left: 50%;
	}
	.col-lg-offset-5, .col-md-offset-5, .col-sm-offset-5, .col-xs-offset-5 {
		margin-left: 41.66666667%;
	}
	.col-lg-offset-4, .col-md-offset-4, .col-sm-offset-4, .col-xs-offset-4 {
		margin-left: 33.33333333%;
	}
	.col-lg-offset-3, .col-md-offset-3, .col-sm-offset-3, .col-xs-offset-3 {
		margin-left: 25%;
	}
	.col-lg-offset-2, .col-md-offset-2, .col-sm-offset-2, .col-xs-offset-2 {
		margin-left: 16.66666667%;
	}
	.col-lg-offset-1, .col-md-offset-1, .col-sm-offset-1, .col-xs-offset-1 {
		margin-left: 8.33333333%;
	}
	.col-lg-offset-0, .col-md-offset-0, .col-sm-offset-0, .col-xs-offset-0 {
		margin-left: 0%;
	}
	
	.visible-xs,
	.visible-sm,
	.visible-md {
		display: none !important;
	}
	.visible-lg {
		display: block !important;
	}
	.visible-xs-block,
	.visible-xs-inline,
	.visible-xs-inline-block,
	.visible-sm-block,
	.visible-sm-inline,
	.visible-sm-inline-block,
	.visible-md-block,
	.visible-md-inline,
	.visible-md-inline-block {
		display: none !important;
	},
	.visible-lg-block,
	.visible-lg-inline,
	.visible-lg-inline-block {
		display: block !important;
	}
	
	.hidden-xs,
	.hidden-sm,
	.hidden-md {
		display: block !important;
	}
	.hidden-lg {
		display: none !important;
	}





}



/* 横幅1024以下 */
@media (max-width: 1024px) {
	table.schedule{
	  width: 100%;
	  min-width: 1024px;
	  border-collapse: collapse;
	}
	.table-schedule{
	  overflow-x: scroll;
	}
	table.shukei{
	  width: 100%;
	  min-width: 400px;
	  border-collapse: collapse;
	}
	.table-shukei{
	  overflow-x: scroll;
	}
	/*順路表の名前欄、最低幅の設定 */
	.set-min-width{
		min-width: 250px;
	}
}


/* 横幅991以下 */
@media (max-width: 991px) {
	/* ログインユーザー名非表示 */
	.navbar-nav-icons{
		display:none;
	}

	/* 検索ボックス再表示と横幅調整 */
	.search-input{
		display:block;
		width: 60%;
	}
	/*順路表の名前欄、最低幅の設定 */
	.set-min-width{
		min-width: 200px;
	}


}

/* 横幅499以下 */
@media (max-width: 499px) {
	/* ロゴ非表示 */
	.osys-logo{
		display:none;
	}

	.search-box{
		position:	static;
		width: auto;
	}

	.search-input{
		width: 80%;
	}

	.search{
		width: 150px;
	}
	/*順路表の名前欄、最低幅の設定 */
	.set-min-width{
		min-width: 120px;
	}


}

@media (min-width: 100px){
	.col-sm-auto{
    flex: 0 0 auto;
    width: auto;
	}

}

/* ページネーション */
.nav-links{
  padding:0.1em;
  display:flex;
  justify-content:center;
}
a.page{
  width:35px;
  /*height:50px;*/
  /*margin:20px;*/
  /*line-height:50px;*/
  text-align:center;
  font-size:20px;
  font-weight:bold;
  text-decoration:none;
  transition:.3s;
	display: block;
}
ul.pagination li:hover{
  background:gold;
  border-radius:100%;
}
li.active{
  background:gold;
  border-radius:100%;
}


/* リストソート */
.sort[data-sort] {
  white-space: nowrap;
  cursor: pointer;
}

.sort[data-sort]::after {
  content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgNyA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNi41MjU1NiAzLjVDNi45NDkzNyAzLjUgNy4xNjEyOCAzLjA2MjUgNi44NTUxOSAyLjc5MTY3TDMuODQxNCAwLjEyNUMzLjY1MzA0IC0wLjA0MTY2NjcgMy4zNDY5NiAtMC4wNDE2NjY3IDMuMTU4NTkgMC4xMjVMMC4xNDQ4MDkgMi43OTE2N0MtMC4xNjEyNzkgMy4wNjI1IDAuMDUwNjI3OSAzLjUgMC40NzQ0NDEgMy41SDYuNTI1NTZaIiBmaWxsPSIjQjZDMkQyIi8+CjxwYXRoIGQ9Ik0wLjQ3NDQ0MiA1LjVDMC4wNTA2MjgyIDUuNSAtMC4xNjEyNzkgNS45Mzc1IDAuMTQ0ODA5IDYuMjA4MzNMMy4xNTg1OSA4Ljg3NUMzLjM0Njk2IDkuMDQxNjcgMy42NTMwNCA5LjA0MTY3IDMuODQxNDEgOC44NzVMNi44NTUxOSA2LjIwODMzQzcuMTYxMjggNS45Mzc1IDYuOTQ5MzcgNS41IDYuNTI1NTYgNS41TDAuNDc0NDQyIDUuNVoiIGZpbGw9IiNCNkMyRDIiLz4KPC9zdmc+Cg==");
  margin-left: .25rem;
}

.sort[data-sort].asc::after {
  content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSI0IiB2aWV3Qm94PSIwIDAgNyA0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMC40NzQ0NDIgMC41MDAwMDFDMC4wNTA2MjgyIDAuNTAwMDAxIC0wLjE2MTI3OSAwLjkzNzUgMC4xNDQ4MDkgMS4yMDgzM0wzLjE1ODU5IDMuODc1QzMuMzQ2OTYgNC4wNDE2NyAzLjY1MzA0IDQuMDQxNjcgMy44NDE0MSAzLjg3NUw2Ljg1NTE5IDEuMjA4MzNDNy4xNjEyOCAwLjkzNzUwMSA2Ljk0OTM3IDAuNTAwMDAxIDYuNTI1NTYgMC41MDAwMDFMMC40NzQ0NDIgMC41MDAwMDFaIiBmaWxsPSIjQjZDMkQyIi8+Cjwvc3ZnPgo=") !important;
  margin-top: -1px !important;
}

.sort[data-sort].desc::after {
  content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSI0IiB2aWV3Qm94PSIwIDAgNyA0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNi41MjU1NiAzLjVDNi45NDkzNyAzLjUgNy4xNjEyOCAzLjA2MjUgNi44NTUxOSAyLjc5MTY3TDMuODQxNCAwLjEyNUMzLjY1MzA0IC0wLjA0MTY2NjcgMy4zNDY5NiAtMC4wNDE2NjY3IDMuMTU4NTkgMC4xMjVMMC4xNDQ4MDkgMi43OTE2N0MtMC4xNjEyNzkgMy4wNjI1IDAuMDUwNjI3OSAzLjUgMC40NzQ0NDEgMy41SDYuNTI1NTZaIiBmaWxsPSIjQjZDMkQyIi8+Cjwvc3ZnPgo=") !important;
  margin-top: -1px !important;
}

/* マーカー風デコレーション */
.maker-yellow {
	background:linear-gradient(transparent 70%, #FFFF00 0%);
	color: black !important;
}
.maker-red {
	background:linear-gradient(transparent 70%, #FF8885 0%);
	color: black !important;
}