/* ------------------------------------------------ */
/* @media all										*/
/* ------------------------------------------------ */
@media all {

body, input, select, table, div, span, a, button { font-family: Meiryo, "メイリオ", Osaka, sans-serif; }

html {
	touch-action: pan-y;
	scroll-behavior: auto !important;
}

body {
	background-color: #FFFFFA;
}

/* 印刷向き:縦固定 を解除 */
@page {
	size: auto !important;
}

@-ms-viewport {
	width: auto;
}

::-webkit-scrollbar {
  width: 15px;
  height: 10px;
}

::-webkit-scrollbar-thumb {
  background: black;
  border-radius: 5px;
}

/* bootstrap 上書き */
.form-control {
	border-color: #6c757d !important;
	font-weight: bold;
}
.form-control:focus:not(input[readonly]) {
	background-color:#FFF6E5 !important;
	border-color: orange !important;
	box-shadow: 0 0 0 0.25rem rgba(255, 165, 0, 0.5) !important;
}

input[type=text],input[type=password], select, textarea {
	background-color: white !important;
}

input[readonly], input[disabled] {
	background-color: #D8D8D8 !important;
}

select[disabled] {
	background-color: #D8D8D8 !important;
}

/* ボタンの文字はみ出る */
.btn {
	white-space: normal;
	border: 1px #6c757d solid;
	font-weight: bold;
}

/* bootstrap 上書き */
.navbar-toggler{
	border-color: #ffffff !important;
}

/* datepicker */
.ui-datepicker { z-index: 20 !important; }

/* bootstrap4 上書き */
span.input-group-text {
	background-color: silver;
	border: 1px black solid;
	color: black;
	font-weight: bold;
}

.v-padding-10 {
	padding: 10%;
}

.v-padding-15 {
	padding: 15%;
}

.v-padding-20 {
	padding: 20%;
}

.bg-black {
	background-color: black;
}
.bg-pink {
	background-color: pink !important;
}
.bg-bisque {
	background-color: bisque !important;
}
.bg-powderblue {
	background-color: powderblue;
}
.bg-gold {
	background-color: gold !important;
}
.bg-silver {
	background-color: silver !important;
}
.bg-vostone {
	background-color: #E60012;
}

.v-bg-chat-put {
	background-color: #CCFF99;
}

.v-bg-chat-get {
	background-color: #FFCCCC;
}

.v-badge-J {
background-color:maroon;
color:white;
}

.h-20 {
	height: 20%;
}

.h-80 {
	height: 80%;
}

.w-10 {
	width: 10%;
}

.w-15 {
	width: 15%;
}

.w-20 {
	width: 20%;
}

.w-30 {
	width: 30%;
}

.w-40 {
	width: 40%;
}

.w-50 {
	width: 50%;
}

.w-60 {
	width: 60%;
}

.w-70 {
	width: 70%;
}

.w-50px {
	width: 50px !important;
}

.w-150px {
	width: 150px !important;
}

/*
input.v-ime-on {
	ime-mode: active;
}

input.v-ime-off {
	ime-mode: inactive;
}
*/
.v-dialog .ui-dialog-titlebar {
	display:none;
}
.v-dialog {
	background-color: gold;
}
.v-dialog-center {
	display: table-cell;
	vertical-align: middle;
}

.v-font-50b {
	font-size: 5em;
	font-weight: bold;
}

.v-font-40b {
	font-size: 4em;
	font-weight: bold;
}

.v-font-30b {
	font-size: 3em;
	font-weight: bold;
}

.v-font-15 {
	font-size: 1.5em;
}

.v-font-12 {
	font-size: 1.2em;
}

.v-font-08b {
	font-size: 0.8em;
	font-weight: bold;
}

.v-font-06b {
	font-size: 0.6em;
	font-weight: bold;
}

.v-font-06 {
	font-size: 0.6em;
}

.v-display-5 {
  font-size: 3.0rem;
  font-weight: 300;
  line-height: 1.2;
}

.v-display-6 {
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.v-display-7 {
  font-size: 2.0rem;
  font-weight: 300;
  line-height: 1.2;
}

.v-display-8 {
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.v-keypad {
	font-size: 2.0em;
	font-weight: bold;
}

table.v-border tr>th {
	text-align: center;
	color: blue;
	background-color: lightgray;
}
table.v-border tr>th, tr>td {
	border: 1px black solid;
	border-collapse: collapse;
	font-weight: bold;
}

table.v-border-2 tr>th {
	text-align: center;
	color: blue;
	background-color: lightgray;
}
table.v-border-2 tr>th, tr>td {
	border: 1px black solid;
	border-collapse: collapse;
	font-weight: bold;
}
table.v-border-2 tbody tr:hover {
	background-color: skyblue !important;
}

.v-border-3 {
	border: 2px black solid !important;
	border-radius: 10px !important;
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari and Chrome */
	border-spacing: 0 !important;
	border-collapse: separate !important;
	margin-bottom: 0 !important;
}
.v-border-3 tr>th {
	text-align: center;
}
.v-border-3 tr>th, .v-border-3 tr>td {
	font-weight: bold;
	border: 1px black solid;
	border-right: none;
}
.v-border-3 tr td:first-child {
  border-left: none;
}
.v-border-3 tr td:last-child {
  border-right: none;
}
.v-border-3 tr:first-child td {
  border-top: none;
}
.v-border-3 tr:last-child td {
  border-bottom: none;
}

.v-border-4 {
	border: 1px black solid !important;
}

.v-focus {
	border: 1px gold solid !important;
	background-color: gold;
}

.v-drop-hover:hover > .dropdown-menu {
	display: block !important;
}

.v-item-selected {
	border-radius: 50rem;
	background-color: orange;
}
.v-item-selected > a > span {
	color: black !important;
}

.v-item-hover:hover {
	border-radius: 50rem;
	background-color: gold;
}
.v-item-hover:hover > a > span {
	color: black !important;
}

.v-input-field {
	margin: 8px 0;
	position: relative;
	display: flex;
}
.v-input-field-stay {
	position: relative;
}
.v-label {
	position: absolute;
	top: -20px;
	left: 13px;
	font-weight:bold;
	color: black;
}

.v-label-stay {
	position: absolute;
	top: 10px;
	left: 13px;
	font-weight:bold;
	color: black;
}

.v-label-btngroup {
	position: absolute;
	top: -13px;
	left: 28px;
	font-weight:bold;
	color: blue;
}

.v-loading{
	position: fixed;
	display: block;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 1;
}

.v-spinner {
	z-index: 2;
	display: block;
}

.sort-table th {
	cursor: pointer;
}


/* scroll table */
.v-scroll-none {
	border: 3px solid black;
    width: auto;
	overflow: hidden;
}

.v-scroll {
	border: 3px solid black;
    width: auto;
	overflow-y: scroll;
}

table.v-scroll-table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
table.v-scroll-table>thead>tr>th, table.v-scroll-table>thead>tr>td {
	vertical-align: middle;
	border: 1px solid black;
}
table.v-scroll-table>thead>tr>th {
	text-align: center;
	position: sticky;
	top: 0;
	left: 0;
	border-top: none;
	border-bottom: none;
	z-index: 10;
}
table.v-scroll-table>thead>tr>th:before {
	content: "";
	font-family: 'Font Awesome 5 Free';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	background: #D8D8D8;
	z-index: -1;
}


table.v-scroll-table-nest {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
table.v-scroll-table-nest>thead>tr>th, table.v-scroll-table-nest>tbody>tr>td {
	vertical-align: middle;
	border: 1px solid black;
}
table.v-scroll-table-nest>thead>tr>th {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	background: #D8D8D8;
}

.v-noscroll-table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 3px solid black;
    width: 100%;
	overflow: hidden;
}
.v-noscroll-table th, td {
	vertical-align: middle;
	border: 1px solid black;
}
.v-noscroll-table th {
	text-align: center;
	position: sticky;
	top: 0;
	left: 0;
	border-top: none;
	border-bottom: none;
	z-index: 0;
}
.v-noscroll-table th:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	background: #D8D8D8;
	z-index: -1;
}

[id^="th_sort_"] + .sort_label::after {
	content: "\f160";
	font-family: 'Font Awesome 5 Free';
	color: blue;
}
[id^="th_sort_"]:checked + .sort_label:after {
	content:"\f161";
	font-family: 'Font Awesome 5 Free';
	color: red;
}


}