@charset "utf-8";
/* ＣＳＳ Document */

body {
	color:#333333;
}


div.none {clear: both;}
div.none hr {display: none;}


.btn {
	word-break: keep-all;
}

.multiBtn .btn {
	margin:2px;
	padding: .2rem .5rem;
}

.multiBtn .bikodsp {
	font-size:0.75rem;
}

.searchBtn .btn {
	margin:8px;
}

img {
	max-width:100%;
}

.mb20{
	margin-bottom: 20px;
}

.mt20{
	margin-top: 20px;
}

.mb0{
	margin-bottom: 0px;
}

.hissu {
	color:#ee0000;
	margin-left:2px;
}
.red {
	color:#ee0000;
}

.font80 {
	font-size: 0.8rem;
}

caption.f80 {
	font-size: 80%;
	padding-top:1.0rem;
	padding-bottom:0.8rem;
}

.yuko {
	background-color:#C5F694;
}

.muko {
	background-color:#FECEBD;
}

.yoyajuDelHide {
	display:none;
}

.peopleDsp {
	text-align:right;
	margin-top:-2.5em;
/*	margin-bottom:0;*/
	padding-right:24px;
}


.kiyakuDsp {
/*	width:100%;*/
	max-width:960px;
/*	margin:0 auto;*/
}

div.cyushaJun {
	float:left;
	margin-top:9px;
	margin-right:5px;
}

ul.scrollGuide {
	padding-left:0;
	float:left;
	display:inline-block;
}
ul.scrollGuide li {
	float:left;
	margin-right:5px;
	list-style-type:none;
/*	border-bottom:1px solid #ccc;*/
	margin-bottom:12px;
/*	border:1px solid transparent;*/
	border:1px solid #ccc;
	border-radius:0.3rem;
}
/*
ul.scrollGuide li.active {
	border:1px solid #ccc;
	border-radius:0.3rem;
}
*/
ul.scrollGuide li:hover {
	background-color:#ddd;
	border-radius:0.3rem;
}
ul.scrollGuide li a.btn {
	color:#333333;
}

ul.scrollGuide li.currentGuide {
	background-color:#eee;
}

.dashboardMenu a.btn {
	width:100%;
}
.dashboardMenu a.btn span.text {
	width:100%;
}

#scrollBox {
	position:relative;
}

.tablecell{
	display: table-cell;
/*	padding-left: 5px;
	padding-right: 5px;
	margin-left: 3px;*/
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
/*	scroll-snap-align: start;*/
}

#timeTableArea div.labelLine ,
.tablecell div.labelLine {
	position:fixed;
	margin-top:-250px;
	width:150px;
	text-align:center;
	caption-side:top;
	color:#333333;
	background-color:#E0E7FA;
	border:1px solid #e0e0e0;
    padding-top: .75rem;
    padding-bottom: .75rem;
	display:none;
	z-index:2;
}
#timeTableArea div.labelLine {
	width:50px;
}


#scrollBox div.row {
	display:block;
}

.table-scroll {
	display: block;
	overflow-x: scroll;
	overflow-y: hidden;
/*	overflow-y: scroll;
	height:50vh;*/
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
/*	scroll-snap-type: x mandatory;*/
}
/*
.table-scroll table.yoyakuTable caption {
	position: sticky;
	top: 0;
	z-index: 10;
}
*/
#allTable {
/*
	overflow-y: scroll;
	height:50vh;
*/
}
/*
#allTableCaption {
	display:none;
}
#allTableCaption {
	background-color:#ddd;
	position: sticky;
	top: 0;
	z-index: 10;
}
#allTableCaption div.hed {
    background-color: #E0E7FA;
	height:50px;
	width:50px;
	float:left;
}
#allTableCaption div.caps {
	height:50px;
	width:150px;
	text-align: center;
    color: #333333;
    background-color: #E0E7FA;
	vertical-align:middle;
	float:left;
}
*/

table ,
table tr th,
table tr td {
	border-color:#999999;
}


table.yoyakuTable	{
/*	margin:8px;*/
	margin:0;
}
/*
#p01 table.yoyakuTable	{
	margin-left:0.75rem;
}
*/
#scrollBox > div.row > div.tablecell:first-child > table.yoyakuTable	{
	margin-left:0.75rem;
}

table.yoyakuTable tr	{
}
table.yoyakuTable tr th	,
table.yoyakuTable tr td	{
	border-width:1px;
	border-style:solid;
	text-align:center;
}
table.yoyakuTable tr th	{
	background-color:#f5f5f5;
}

table.yoyakuTable caption	{
	border-top:1px solid #e0e0e0;
	border-left:1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
	text-align:center;
	caption-side:top;
	color:#333333;
	background-color:#E0E7FA;
}
table.yoyakuTable tr th	{
	padding:8px;
	border-color:#e0e0e0;
}
.yoyakuTable2 table.yoyakuTable tr:nth-child(4n) td  {
	border-bottom-color:#bbb;
/*	background-color:#ff0000;*/
}
table.yoyakuTable tr td	{
	border-color:#e0e0e0;
}
table.yoyakuTable tr td div	{
	display: inline;
}
table.yoyakuTable tr td div a	{
	display:block;
	padding:5px;
}
table.yoyakuTable tr td div span	{
}
table.yoyakuTable tr td input[type="button"] {
	margin-top:0;
	margin-bottom:0;
}
table.yoyakuTable tr.allYasumi td {
	background-color:#aaa;
}
table.yoyakuTable tr.use td {
	background-color:#aaddff;
}
.yoyakuTable tr td .btn {
	border:1px solid #666;
	padding:1px 3px 0 3px;
	margin:0 3px;
	font-size:13px;
}

.yoyakuTable tr td div span.move {
	background-color:#fdd;
	cursor:move !important;
}

.yoyakuTable tr td > .yoyakuTable tr td.entry.addMode {
	background-color:#ffff99;
}
.yoyakuTable tr td > .yoyakuTable tr td.entry3.addMode {
	background:linear-gradient(to bottom, #ffff99 33%, transparent 33%);
}
.yoyakuTable tr td > .yoyakuTable3 tr td.addMode {
	background-color:#ffff99;
}

table.yoyakuTable tr.coupon_form th	{
	background-color:#f0f9f0;
}
table.yoyakuTable tr.coupon_to th	{
	background-color:#f9f0f9;
}


.currentParking {
	background-color:#ffeeff;
}


table.none tr th	,
table.none tr td	{
	border:none;
}
table.none tr th	{
	background-color:#fff;
}

p.notFound {
	width:100%;
	padding:1em;
}

#searchUser {
	position: relative;
	background: #FFF;
	padding: 20px;
	width: auto;
	max-width: 500px;
	margin: 20px auto;
}

#yadd2	{
	position:fixed;
	bottom:20px;
	right:80px;
	display:none;
	z-index:2;
}

#scrollBox .yoyakuTable2 tbody tr td > table.yoyakuTable ,
#scrollBox .yoyakuTable2 tbody tr th > table.yoyakuTable {
	position:relative;
	border:none;
	margin:0;
}
/*
#scrollBox .yoyakuTable2 tbody tr td > table.yoyakuTable tr td,
#scrollBox .yoyakuTable2 tbody tr th > table.yoyakuTable tr td {
	border-left:none;
	border-right:none;
}
*/
/*
#scrollBox .yoyakuTable2 tbody tr td > table.yoyakuTable tr td {
	position:relative;
}
*/
#scrollBox .yoyakuTable2 tbody tr td {
	position:relative;
}

#scrollBox .yoyakuTable2 tr td,
#scrollBox .yoyakuTable2 tr th {
	padding:0;
}

#scrollBox > div > div > .yoyakuTable {
	width:150px;
}
#scrollBox .yoyakuTable2 tr th {
/*	height:50px;*/
	height:40px;
	width:50px;
	font-weight:normal;
	border-right:none;
}
#scrollBox .yoyakuTable2 tr td {
/*	height:50px;*/
	height:40px;
	width:150px;
}
#scrollBox .yoyakuTable2 tbody tr td > table.yoyakuTable tr td {
	border-left:none;
	color:#c0c0c0;
}

#scrollBox .yoyakuTable3 tr td ,
#scrollBox .yoyakuTable3 tr th {
	height:150px;
}

div.ylist ,
div.ynNolist ,
div.ynlist {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
div.list {
	position:absolute;
	top:0;
	left:0;
	border:none;
/*	background-color: rgba(50, 220, 255, 0.9);*/
	background-color: #03a9f4;
	color:#fff;
	border-radius:3px;
/*	font-size:80%;*/
	font-size:75%;
	padding:4px 6px;
	cursor:move;
	width:146px;
	text-align:left;
	overflow:hidden;
	text-wrap:wrap;
}
div.listOther {
	position:absolute;
	top:0;
	left:0;
	border:none;
/*	background-color: #03a9f4;*/
	background-color: #e0e0e0;
	color:#333;
	border-radius:3px;
/*	font-size:80%;*/
	font-size:75%;
	padding:4px 6px;
	cursor:auto;
	width:146px;
	text-align:left;
	overflow:hidden;
	text-wrap:wrap;
}
div.over {
	background-color: #03a4a9;
}
div.ynNolist {
	background-color: #f0f0ff;
}
div.ynNolist div.list ,
div.ynNolist div.listOther {
	height:150px;
}

table.yoyakuTable tr td div.listOther > div > div ,
table.yoyakuTable tr td div.list > div > div {
	position:absolute;
	bottom:2px;
	right:2px;
	display:block;
	width:100%;
	text-align:right;
/*	background:red;*/
}

table.yoyakuTable tr td div.list > div.ui-draggable-handle {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:100%;
/*	background:red;*/
}
table.yoyakuTable tr td div.listOther > div {
	font-size:90%;
}
table.yoyakuTable tr td div.listOther > div > div {
	font-size:110%;
}

table.yoyakuTable tr td div a.raijyoBtn {
  display        : inline-block;               /* ボックス要素に変更 */
  box-sizing     : border-box;          /* 枠線を含んだサイズ */
  text-align     : center;              /* 文字位置は中央     */
  border         : 1px solid #666;      /* 枠線(一旦四方向)   */
  border-radius  : 2px;                 /* 角丸               */
  height         : 25px;                /* ボタンの高さ       */
/*  font-size      : 16px;                /* 文字サイズ         */
  line-height    : 25px;                /* 太字               */
/*  font-weight    : bold;                /* 太字               */
  background     : #eee;                /* 背景色             */
/*  box-shadow     : 3px 3px 6px #888;    /* 影付け             */
  transition     : .3s;                 /* ゆっくり変化       */
  width:30px;
  cursor:pointer;
  vertical-align: bottom;
	position:relative;
}

/*未*/
table.yoyakuTable tr td div a.raijyoBtn:after {
	position:absolute;
	top:0;
	left:2px;
	width:25px;
	height:25px;
	z-index:100;
	text-align:center;
/*	background:red;*/
  content        : "未";               /* 表示する文字       */
  color          : #999;
}
/*済*/
table.yoyakuTable tr td div a.rover {
	position:relative;
/*	background     : #78bd78;*/
	background     : #cc9966;
}
table.yoyakuTable tr td div a.rover:after {
  content        : "済";                /* 表示する文字       */
  color          : #fff;                /* 文字色             */
}

table.yoyakuTable tr td a.newBtn {
	position:absolute;
	top:2px;
	right:2px;
	display        : inline-block;               /* ボックス要素に変更 */
	box-sizing     : border-box;          /* 枠線を含んだサイズ */
	text-align     : center;              /* 文字位置は中央     */
	border         : 1px solid #666;      /* 枠線(一旦四方向)   */
	border-radius  : 2px;                 /* 角丸               */
	height         : 25px;                /* ボタンの高さ       */
	line-height    : 25px;                /* 太字               */
	background     : #eee;                /* 背景色             */
	transition     : .3s;                 /* ゆっくり変化       */
	width:30px;
	cursor:pointer;
	vertical-align: bottom;
}
table.yoyakuTable tr td a.newBtn:after {
	position:absolute;
	top:0;
	left:2px;
	width:25px;
	height:25px;
	z-index:100;
	text-align:center;
/*	background:red;*/
  content        : "新";               /* 表示する文字       */
  color          : #666;
}
table.yoyakuTable tr td a.notNew {
	display:none;
}
div.newYoyaku {
	background-color: #fec008;
}
div.kari {
	background-color: #fe4008;
}
div.newYoyaku.kari {
	background-color: #fe8008;
}
div.autoYoyaku {
	background-color: #66C617;
}
div.newYoyaku.autoYoyaku {
	background-color: #98ca00;
}


#nowMove {
	position:absolute;
	top:0;
	left:0;
	background-color:#0e235b;
	color:#fff;
	padding:3px 5px;
	font-size:120%;
}

#yoyakuList {
	display:none;
}

div.ynlist div.list,
div.ynlist div.bgHiruyasumi {
	height:100%;
}
/*
.sidebar .sidebar-card {
    color: rgba(0, 0, 0, .8);
    background-color: rgba(255, 255, 255, .1);
}
*/
table.calTable {
	width: 100%;
	text-align:right;
}
table.calTable caption	{
	text-align:center;
	caption-side:top;
	color:rgba(255, 255, 255, 0.8);
/*	color:#333333;*/
}
table.calTable tr td.calender_today	{
	background-color:rgba(255, 255, 255, 0.2);
}
table.calTable tr th	{
	color:rgba(255, 255, 255, 0.8);
}
.sidebar .sidebar-card a {
	color:rgba(255, 255, 255, 0.8);
}
.sidebar .sidebar-card a:hover {
	color:rgba(255, 255, 255, 1.0);
}

ul.toggled .sidebar-card {
	display:none !important;
}

.sidebar-brand br {
	display:none;
}
ul.toggled .sidebar-brand {
	font-size:75%;
}
ul.toggled .sidebar-brand br {
	display:inline;
}

input.long	{
	width:34em;
}

input.short	{
	width:4em;
}

input.mail	{
	width:21em;
}

textarea.long	{
	width:34em;
}

table textarea	{
	resize:both;
}

.w100 {
	width:100%;
}

textarea.w100	{
	width:100%;
	resize:both;
	min-height:10em;
}
.system_shoplist textarea {
	min-height:4em;
}

input[readonly] {
	background-color:#efefef;
	border-width:1px;
}
textarea[readonly] {
	background-color:#efefef;
}

.btnDirection {
	text-align:right;
}

.sidebar .nav-item .nav-link span br {
	display:none;
}
.sidebar.toggled .nav-item .nav-link span br {
	display:inline;
}

.sidebar .nav-item .nav-link i {
    font-size: 1.2rem;
}
.sidebar .nav-item .nav-link span {
    font-size: 1.0rem;
}
.sidebar.toggled .nav-item .nav-link span {
    font-size: 0.8rem;
}



.searchTable	{
/*	width:calc(100% - 40px);
	margin:0 20px 10px 20px;
	max-width:1024px;*/
	margin-bottom: 1rem;
}
.searchTable tr th ,
.searchTable tr td	{
	border:1px solid #ddd;
/*	padding:2px 10px;*/
	padding:0.5rem;
	text-align:left;
	line-height:1.4;
}
.searchTable tr th	{
	background-color:#f5f5f5;
	min-width:120px;
}
.searchTable tr td input	{
	margin-left:2px;
	margin-right:2px;
}
.searchTable tr td input.marginAll {
	margin:2px;
}
.searchTable hr	{
	margin-top: 10px;
	margin-bottom: 10px;
}
table.searchTable caption	{
	caption-side:top;
}

.table100 {
	width:100%;
	font-size:90%;
}
.table100 td, .table100 th {
    padding: 0.25rem;
}
.table-responsive .table100 {
	margin:0;
}

table tr.double {
	border-top-style:double;
	border-top-width:3px;
}

table.yokonarabi {
	display:inline-block;
	margin:8px;
}
table.yokonarabi tr th,
table.yokonarabi tr td {
	padding:4px;
}

table.yohaku {
	width:calc(100% - 16px);
	box-sizing:border-box;
}
table.yohaku tr th,
table.yohaku tr td {
	padding:4px;
}
table.yohaku tr td {
	text-align:left;
}

table.yohaku2 {
	width:100%;
	margin-top:20px;
}

body#register table.yohaku {
	width:100%;
}

#register table.yohaku {
	border:none;
}
#register table.yohaku tr th,
#register table.yohaku tr td {
	border:none;
}

#register table.yohaku tr td {
	position:relative;
}
#register table.yohaku tr td #buttonEye {
	position:absolute;
	right:1rem;
/*	top:1.4rem;*/
	top:0.9rem;
}

table.honbuCouponTable {
	min-width:150px;
	margin-bottom:20px;
}
table.honbuCouponTable tr th,
table.honbuCouponTable tr td {
	padding:4px;
	border:1px solid #ddd;
}
table.honbuCouponTable tr th {
	background-color:#f0f9f0;
}
table.honbuCouponTable tr td {
	text-align:center;
}


#login form.user .form-control-user ,
#passwordReset form.user .form-control-user ,
#password form.user .form-control-user {
    font-size: .8rem;
    border-radius: 10px;
    padding: 1.5rem 1rem;
}
#register form.user .form-control-user {
    font-size: .8rem;
    border-radius: 10px;
/*    padding: 1.5rem 1rem;*/
    padding: 1rem;
}

#register form.user table.yoyakuTable th {
	font-size: .9rem;
}

.bg-login-image ,
.bg-password-image ,
.bg-register-image {
  background: url("../img/bus-reserve.jpg");
  background-position: center;
  background-size: cover;
  min-height:540px;
}


#passwordReset .form-group {
	position:relative;
}
#passwordReset .form-group #buttonEye {
	position:absolute;
	right:1rem;
	top:1.1rem;
}


.mfp-iframe-scaler {
	padding-top:90vh;
}

td.radioOneLine label {
	margin-bottom:0;
}

/*
.modaal-container {
	height:90vh !important;
}
*/
#mcGuide {
	position:absolute;
	background-color:#fff;
	border:1px solid #ccc;
	padding:4px 6px;
}


table.resultTable	{
	margin:8px;
}
table.resultTable tr	{
}
table.resultTable tr th	,
table.resultTable tr td	{
	border-width:1px;
	border-style:solid;
	text-align:center;
}
table.resultTable tr th	{
	background-color:#f5f5f5;
}
table.resultTable tr:nth-of-type(2n) {
	background-color:#f5f5f5;
}

.tables {
}
.tables table {
	vertical-align: top;
}

#timeTableArea {
	position:relative;
	float:left;
}
#timeTableArea table.yoyakuTable tr th {
/*	height:50px;*/
	height:40px;
	width:50px;
	font-weight:normal;
}
#timeTableArea table.yoyakuTable3 tr th {
	height:150px;
}

#timeTableArea table.yoyakuTable3 tr th	{
/*	border-width:1px;
	border-style:solid;
	border-color:#e0e0e0;*/
	text-align:center;
	background-color:#f5f5f5;
	padding:8px;
}

#timeTableArea .yoyakuTable2 tr th {
	padding:0;
}
#timeTableArea .yoyakuTable2 tbody tr th > table.yoyakuTable {
	position:relative;
	border:none;
	margin:0;
}

ul.timelist {
	padding-left:0;
	position:absolute;
/*	top:26px;*/
	top:32px;
	left:0;
	width:100%;
	height:100%;
}
ul.timelist li {
	padding-left:0;
/*	line-height:50px;*/
	line-height:40px;
	list-style-type:none;
}

div.bgHiruyasumi {
	position:absolute;
	top:0;
	left:0;
	border:none;
	color:#fff;
	border-radius:3px;
	font-size:80%;
	padding:4px 6px;
	width:146px;
	text-align:left;
	background-color:#e0eee0;
}

table.noline {
}
table.noline tr th {
	border:none;
}
table.noline caption{
	border-bottom:1px solid #e0e0e0;
}
table.yoyakuTable2.noline {
	border:1px solid #e0e0e0;
}

div.nowDrag {
	background-color:#2e73ab;
}

#overlist {
	width:100%;
	height:8em;
	overflow:scroll;
	border:1px solid #999;
	padding:2px;
}

.card {
	border-radius:0;
}


.vh100 {
	height:100vh;
}

.sp {
	display:none;
}
.p-5pc {
  padding: 3rem 3rem 2rem 3rem !important;
}

ul.pdfList {
}
ul.pdfList li {
	list-style-type:none;
	margin-bottom:8px;
}

.keep {
	word-break:keep-all;
	text-wrap:nowrap;
}
.nokeep {
	word-break:break-all;
	text-wrap:auto;
	min-width:3em;
}

table.yoyakuListTable {
	line-height:1.2;
}
table.yoyakuListTable tr th {
	padding:8px 4px;
}
table.yoyakuListTable tr td label ,
table.yoyakuListTable tr th label {
	margin:0;
}

.btn-orange {
	color: #fff;
	background-color: #D96D00;
	border-color: #D96D00;
}
.btn-orange:hover {
	color: #fff;
	background-color: #D05D00;
	border-color: #D05D00;
}


@media (min-width: 768px) {
}
@media (max-width: 1024px) {
	.spScroll {
		overflow-x:auto;
	}
}

@media (max-width: 767px) {
	.sp {
		display:inline;
	}
	.btnDirection {
		text-align:center;
	}
	.searchTable {
		width:100%;
	}
	.searchTable tr th ,
	.searchTable tr td	{
		display:block;
	}
	table.resultTable	{
		width:100%;
	}
	input.long	{
		width:100%;
		box-sizing:border-box;
	}
	textarea	{
		width:100%;
	}
	.table100 {
		min-width:960px;
	}
	select {
		margin-bottom:4px;
	}
	.tabletScroll {
		overflow-x:auto;
	}
	table.resultTable	{
		min-width:960px;
	}
}

@media (max-width: 480px) {
	.container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
	    padding-left: 0.5rem;
	    padding-right: 0.5rem;
	}
	.card {
	    padding-left: 0.5rem;
	    padding-right: 0.5rem;
	}
	.card-body {
		padding:0.5rem;
	}
	.p-5pc {
	  padding: 0.5rem !important;
	}

	table.none tr th	,
	table.none tr td	{
		display:block;
		text-align:left;
	}

	.btnspc {
		display:none;
	}
}


table.printTable caption {
	display:none;
}
.printText {
	display:none;
}

@media print {
	h1 , footer ,
	ul.sidebar, .card-header , 
	.noPrint {
		display:none !important;
	}
	body #wrapper #content-wrapper {
		background-color:transparent;
	}
	.shadow {
		box-shadow:none !important;
	}
	.card {
		border:none;
	}
	table.printTable {
		overflow-x:hidden;
	}
	table.printTable caption {
		display:table-caption;
		caption-side:top;
		background-color:transparent;
		text-align:left;
		border:none;
	}
	table.printNoEdit tr th:first-child ,
	table.printNoEdit tr td:first-child {
		display:none;
	}
	.printText {
		display:block;
	}
	.tabletScroll ,
	.spScroll {
		overflow-x:hidden;
	}
	.table-responsive {
	    overflow-x: hidden;
	}
	.noPrint {
		display:none;
	}
}