@media only screen and (max-width: 500px) {
	div {
		font-size: 0.7rem;
	}
	span {
		font-size: 0.7rem;
	}
  
	.w-500 {
		width:auto;
	}
	.w-240 {
		width:auto;
	}
	.w-120 {
		width:auto;
	}
}

@media only screen and (min-width: 501px) {
	.w-500 {
		width:500px;
	}
	.w-240 {
		width:240px;
	}
	.w-120 {
		width:120px;
	}
}

/* --------------------------------------*/
/* 検証処理用
/* --------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    //background-color: #ffeeee !important;
}

label {
	color:#3c4858;
}

table.tbl_w {
	width:100%;
}
table.tbl_w tr {
    border: 5px solid white;
}
table.tbl_w td, 
table.tbl_w th {
	padding:10px 3px;
	line-height: 14px;
	vertical-align:middle;
	text-align:center;
	width:10%;
}
table.tbl_w th {
	font-size:12px;
}
table.tbl_w td:first-child, 
table.tbl_w th:first-child{
	text-align:left;
	width:60%;
}
table.tbl_w td {
	font-size:12px;
	text-align:center;
	min-width:50px;
    background-color:#eee;
}

/* ---------------------------
2択用
   ---------------------------*/
table.tbl_w2 {
	width:100%;
}
table.tbl_w2 tr {
    border: 5px solid white;
}
table.tbl_w2 td, 
table.tbl_w2 th {
	padding:10px 3px;
	line-height: 14px;
	vertical-align:middle;
	width:20%;
	text-align:center;
}
table.tbl_w2 th {
	font-size:12px;
}
table.tbl_w2 td:first-child {
	text-align:left;
	width:60%;
}
table.tbl_w2 td {
	font-size:12px;
    background-color:#eee;
}

/* ---------------------------
10択用
   ---------------------------*/
table.tbl_w3 {
	width:100%;
}
table.tbl_w3 tr {
}
table.tbl_w3 td, 
table.tbl_w3 th {
	padding:5px 2px;
	vertical-align:middle;
	width:7%;
	text-align:center;
}
table.tbl_w3 th {
	font-size:12px;
}
table.tbl_w3 td:first-child,  
table.tbl_w3 td:last-child{
	text-align:center;
	width:11%;
}
table.tbl_w3 td {
	font-size:12px;
}

.form-check {
	padding-bottom:5px;	
}

.validation-summary-errors
{
    padding: 5px 5px 3px 5px;
    border-style: solid;
    border-width: 1px;
    font-weight: bold;
    color: #ff0000;
    background-color: #ffeeee;
    margin-bottom: 7px;
}
.validation-summary-errors span
{
    margin-left:0px;
    margin-top:5px;
    margin-bottom:5px;
    font-weight: bold;
    font-size: 90%;
	display: block;
}
.validation-summary-errors ul
{
	margin-bottom:0;
}
.validation-summary-errors li
{
    margin-left:0px;
    margin-top:5px;
    margin-bottom:8px;
    list-style-type:disc;
    font-weight: normal;
    font-size: 90%;
}

.validation-summary-errors-div
{
        margin-left: 50px;
        margin-top: 5px;
        margin-bottom: 5px;
        list-style-type: disc;
        font-weight: normal;
        font-size: 90%;
}

.validation-summary-valid
{
    display: none;
}

/* ---------------------------
グラフ用
   ---------------------------*/
table.tbl_gp {
	border:none;
	width:100%;
	height: 20px;
}
table.tbl_gp tr {
	border:none;
}
table.tbl_gp td, 
table.tbl_gp th {
	color:white;
	text-align:center !important;
    font-size: 10px;
	padding:0px;
}
div.tbl_gp {
    font-size: 10px;
}
label.label_feed_v {
    color:blue !important;
}
.alert {
	padding:10px;
}
.tbl_list th,
.tbl_list td {
    font-size: 16px;
    padding: 5px;
	white-space: nowrap;
	text-align: left;
}

.table-wrapper {/*table全体のラッパー。スクロールを表示する*/
  	max-width: 100%;
	height: 500px;
  	overflow: scroll;
}
 
.tbl_list {
  position: relative;
  border-collapse: collapse;
}
 
.tbl_list th {
	position: sticky;
	top: -1px;
	z-index: 20;
	background-color: #c1e2fc;
}
 
.tbl_list th:first-of-type {
  left: 0;
  z-index: 30;
}
 
.td_first {
	left: -1px;
	text-align: center !important;
	background-color: whitesmoke !important;
}

.btn-group-sm2>.btn {
  padding: 0.3rem 1.25rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.1875rem;
}

.btn-sm2+.dropdown-toggle-split {
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
}
.btn-group-sm2>.btn{
  padding: 0.3rem 1rem;
  font-size: 0.6rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}
.btn-group-sm2 {
  min-width: 30px;
  width: 30px;
  margin: 8px 1px !important;
}

.btn-group-sm2 .btn.btn-fab,
.btn-group-sm2>.btn.btn-fab,
.btn-group-sm2 .btn.btn-just-icon,
.btn-group-sm2>.btn.btn-just-icon{
  height: 25px;
  min-width: 30px;
  width: 30px;
}

.btn-group-sm2 .btn.btn-fab .material-icons,
.btn-group-sm2 .btn.btn-fab .fa,
.btn-group-sm2>.btn.btn-fab .material-icons,
.btn-group-sm2>.btn.btn-fab .fa,
.btn-group-sm2 .btn.btn-just-icon .material-icons,
.btn-group-sm2 .btn.btn-just-icon .fa,
.btn-group-sm2>.btn.btn-just-icon .material-icons,
.btn-group-sm2>.btn.btn-just-icon .fa {
  font-size: 17px;
  line-height: 25px;
}

.tbl_check td {
  height: 25px;
}

.prev:before {
        content: "<<";
}
.next:before {
        content: ">>";
}
.fc-title {
	color:white;
	cursor:pointer;
}

.menu .app-brand.demo {
  height: 64px;
  margin-top: 12px;
}

.app-brand-logo.demo svg {
  width: 22px;
  height: 38px;
}

.app-brand-text.demo {
  font-size: 1.75rem;
  letter-spacing: -0.5px;
  text-transform: lowercase;
}

/* ! For .layout-navbar-fixed added fix padding top tpo .layout-page */
/* Detached navbar */
.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page {
  padding-top: 76px !important;
}
/* Default navbar */
.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {
  padding-top: 64px !important;
}

/* Navbar page z-index issue solution */
.content-wrapper .navbar {
  z-index: auto;
}

.demo-blocks > * {
  display: block !important;
}

.demo-inline-spacing > * {
  margin: 1rem 0.375rem 0 0 !important;
}

.demo-vertical-spacing > * {
  margin-top: 1rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-lg > * {
  margin-top: 1.875rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing-lg.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-xl > * {
  margin-top: 5rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing-xl.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.rtl-only {
  display: none !important;
  text-align: left !important;
  direction: ltr !important;
}

[dir='rtl'] .rtl-only {
  display: block !important;
}

.layout-demo-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 1rem;
}
.layout-demo-placeholder img {
  width: 900px;
}
.layout-demo-info {
  text-align: center;
  margin-top: 1rem;
}
.fc-day-grid-container{
   overflow:visible!important;height:auto!important
}
.fc-center h2 {
	padding-top:5px;
  	font-size: 1rem;
}
.event-full {
  padding-top:10px !important;
  color: #fff;
  vertical-align: middle !important;
  text-align: center;
}
.alert-fixed {
	margin-left:5px;
	margin-right:5px;
}
/* カレンダー日曜日 */
.fc-sun {
    color: red;
    background-color: #fff0f0;
}
 
/* カレンダー土曜日 */
.fc-sat {
    color: blue;
    background-color: #f0f0ff;
}
.fc-event, .fc-event-dot {
	height:18px;
	padding-top:3px !important;
	padding-left:3px !important;
}
.fc-event-container {
    cursor: pointer !important;
}

table.tbl_w {
	text-align:center;
	width:90%;
}
table.tbl_w tr {
    border: 5px solid white;
}
table.tbl_w td {
	padding:10px 3px;
	line-height: inherit;
	vertical-align:middle;
	text-align:center;
}
table.tbl_w th {
}
table.tbl_w td:first-child,
table.tbl_w td:nth-child(3) {
	text-align:left;
	width:5%;
    background-color:#eee;
    border-left: 5px solid white;
}
table.tbl_w td {
	font-size:inherit;
	text-align:left;
    background-color:whitesmoke;
    padding:10px;
}

table.tbl_i {
	text-align:center;
	width:90%;
}
table.tbl_i tr {
    border: 5px solid white;
}
table.tbl_i td {
	padding:10px 3px;
	line-height: inherit;
	vertical-align:middle;
	text-align:center;
}
table.tbl_i th {
}
table.tbl_i td:first-child,
table.tbl_i td:nth-child(3) {
	text-align:left;
	width:20%;
    background-color:#eee;
    border-left: 5px solid white;
}
table.tbl_i td {
	font-size:inherit;
	text-align:left;
    background-color:whitesmoke;
    padding:10px;
}

table.tbl_b {
	text-align:center;
	width:90%;
}
table.tbl_b tr {
    border: 5px solid white;
}
table.tbl_b td {
	padding:10px 3px;
	line-height: inherit;
	vertical-align:middle;
	text-align:center;
}
table.tbl_b th {
	text-align:left;
    background-color:#eee;
    border-left: 5px solid white;
    padding:10px;
    font-size: 100%;
}
table.tbl_b td {
	font-size:inherit;
	text-align:left;
    background-color:whitesmoke;
    padding:10px;
}