/* 全体レイアウト */
main {
	width: 100% ;
	position: static;
}

::placeholder {
	color:#dcdcdc !important;
}

.uk-table input {
	color: #333!important;
}

.main-space {
	min-height: 100vh;
	position: relative;
	padding-bottom: 100px;
	box-sizing: border-box;
}

.main-aside {
	z-index: 900;
	position: -webkit-sticky;
	position: fixed;
	top: 40px;
	width: 300px;
	border-right: 1px solid #DCE1EA;
	margin-top: 20px;
}

.main-aside > .__inner {
	padding-top: 10px;
	padding-bottom: 80px;
	height: calc(100vh - 60px);
	overflow-y: auto;
}

.side-block {
	padding: 0 20px !important;
}

.side-list {
	padding-bottom: 10px;
	border-bottom: 1px solid #DCE1EA;
}

.side-memo {
	font-size: .5rem;
	padding-left: 5px !important;
}

.side-memo-link {
	display: initial !important;
	text-decoration: underline !important;
}

.main-content {
	position: absolute;
	top: 60px;
	left: 300px;
	width: calc(100% - 300px);
	overflow-y: auto;
}

.main-content.no-sidebar {
	left: 0;
	top: 160px;
	width: 100%;
}

.inner-content {
	padding: 20px 20px;
	min-height: calc(100vh - 100px) !important;
}

.inner-content h2 {
	margin-bottom: 5px !important;
}

.exp-text {
	margin-top: 0px !important;
	margin-bottom: 10px !important;
}

.font12 {
	font-size: 12px !important;
}

/*一時こちらに変更*/
.new_inner-content {
	padding: 80px 50px;
}

.small-content {
	height: calc(100vh - 100px);
}

@media print, screen and (max-width: 1023px) {
	.main-aside {
		display: none;
	}
	.main-content {
		left: initial;
		width: 100%;
	}
}

/* //全体レイアウト */

/* header */
header {
	position: fixed;
	width: 100%;
	z-index: 900;
	background: #001B5C;
}

header h1 {
	font-size: 16px;
	margin: 5px 0 ;
}

header a {
	color: #fff;
}

header p {
	margin: initial !important;
}

.header-content {
	height: 25px;
}
/* //header */
/* navbar */
.navbar-content {
	z-index: 900;
	height: 30px;
	width: 100%;
}

.nav-element {
	margin: auto 0;
	margin-left: 20px;
}

.nav-icon {
	margin-left: 5px;
}

.nav-logout {
	position: absolute;
	top: -25px;
	right: 20px;
}

@media print, screen and (max-width: 1023px) {
	.nav-logout {
		top: -25px;
		right: 60px;
	}
}

/* ハンバーガーメニュー */
.menu-btn {
	position: fixed;
	top: 5px;
	right: 10px;
	display: flex;
	height: 50px;
	width: 50px;
	border-radius: 3px;
	justify-content: center;
	align-items: center;
	z-index: 90;
	background-color: #f8f8f8;
	border: 2px solid #adadad;
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
	content: '';
	display: block;
	height: 3px;
	width: 25px;
	border-radius: 3px;
	background-color: #000;
	position: absolute;
}
.menu-btn span:before {
	bottom: 8px;
}
.menu-btn span:after {
	top: 8px;
}

#menu-btn-check:checked ~ .menu-btn span {
	background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
}
#menu-btn-check:checked ~ .menu-btn span::before {
	bottom: 0;
	transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
	top: 0;
	transform: rotate(-45deg);
}

#menu-btn-check:checked ~ .menu-content {
	left: 0;/*メニューを画面内へ*/
}

#menu-btn-check {
	display: none;
}

.menu-content {
	width: 100%;
	height: calc(100% - 60px);
	position: fixed;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	top: 60px;
	left: 100%;/*leftの値を変更してメニューを画面外へ*/
	z-index: 80;
	background-color: #fff;
	transition: all 0.5s;/*アニメーション設定*/
}

.menu-content ul {
	padding: 0;
}

.menu-content ul li {
	border-bottom: solid 1px #999;
}
.menu-content ul li a {
	display: block;
	width: 100%;
	font-size: 15px;
	box-sizing: border-box;
	color:#999;
	margin-left: 2rem;
	text-decoration: none;
	padding: 9px 15px 10px 0;
	position: relative;
}
.menu-content ul li a::before {
	content: "";
	width: 7px;
	height: 7px;
	transform: rotate(45deg);
	position: absolute;
	right: 11px;
	top: 16px;
}

@media print, screen and (min-width: 1023px) {
	.sp-hamburger {
		display: none;
	}
}

/* //navbar */
/* footer */
.main-footer,
.public-footer
 {
	height: 100px;
	background: #001B5C;
	color: #fff;
	bottom: 0;
	width: 100%;
}

.main-footer ul,
.public-footer ul
 {
	padding-top: 20px !important;
}

.main-footer ul li,
.public-footer ul li
 {
	margin: 0 10px;
	display: inline-block;
}

.copy {
	text-align: right;
	margin-right: 2rem;
	font-size: .5rem;
}
/* //footer */

ul {
	list-style: none;
}

.li-point {
	list-style: initial;
}

.ul-padding-match {
	padding-left: 30px !important;
}

.default-margin {
	margin:initial !important;
}

.align-center {
	text-align: center;
}

.large-height {
	height: 600px;
}

.text-white {
	color: #fff !important;
}

.text-danger {
	color: #f0506e !important
}

.default-list {
	list-style: initial;
}

.info-discription {
	font-size: 12px;
}

.table-continue {
	vertical-align: bottom !important;
}

.u-form input, textarea {
	margin: 5px 10px !important;
}

.u-form th {
	padding-top: 24px !important;
	vertical-align: top !important;
}

.team-request-tb th,
.team-request-tb td
 {
	vertical-align: top !important;
}

/*
.push {
	height: 100px;
}
*/

.admin-overflow {
	overflow-x: auto;
	overflow-y: auto;
	max-height: 800px;
	padding-bottom: 5px;
}

.admin-side-overflow {
	overflow-x: auto;
}

.admin-table,.search-table, .history_table, .recept-table, .large-search {
	position: relative;
	overflow-x: auto;
	border-collapse:  collapse;
	margin-right: .5rem;
}

.uk-table th, td, p {
	color: #333!important;
}

.uk-card-default {
	color: #333!important;
}

.uk-table td {
	word-wrap: break-word;
	max-width: 800px;
}


@media print, screen and (max-width: 1080px) {
	.uk-table td {
		max-width: 600px;
	}
}

@media print, screen and (max-width: 768px) {
	.uk-table td {
		max-width: 350px;
	}
}

.admin-table ::after,
.search-table ::after,
.history_table ::after,
.recept-table ::after,
.large-search ::after
 {
	position: absolute;
	content: '';
	top: 0;
	left: 100%;
	height: 1px;
	width: 2rem;
	background-color: transparent;
}

.admin-table th,
.search-table th,
.history_table th,
.recept-table th,
.large-search th
{
	background: #f5f5f5;
}

.admin-table th,
.admin-table td,
.search-table th,
.search-table td,
.recept-table th,
.large-search th,
.large-search td
{
	border: 1px solid #DCE1EA;
	white-space: nowrap;
}

.recept-table td {
	border: 1px solid #DCE1EA;
}

.history_table th,
.history_table td {
	border: 1px solid #DCE1EA;
}

.history_table th {
	white-space: nowrap;
}

.history_table td {
	width: 400px;
}

.admin-table th {
	padding: 5px 15px;
}

.search-table th,
.history_table th,
.recept-table th
{
	padding: 5px 15px;
}

.large-search th {
	padding: 3px 5px;
}

.admin-table td {
	padding: 10px;
}

.large-search td {
	padding: 3px;
}

.large-search label {
	margin:5px 0 !important;
}

.admin-table {
	font-size: 12px;
}

.search-table td,
.history_table td,
.recept-table td
{
	padding: 10px;
}

.search-table {
	font-size: 14px;
	line-height: 1.5;
}

.transfer-colomn {
	width: 90px;
}

.large-search {
	font-size: 12px;
	line-height: 1.2;
}

.large-search p {
	font-size: 12px;
}

.search-table th,
.large-search th
{
	width: 15%;
}
.search-table td,
.large-search td
{
	width: 35%;
}

.search-table .checkbox-cell {
  text-align: center;
  width: 50px;
}

.small-lines td, .small-lines th {
	padding: 5px 10px !important;
	font-size: 12px !important;
}

.form_bloc th {
	padding: 10px 12px 5px 12px !important;
}

.form_bloc td {
	padding: 5px 12px !important;
}

.form_bloc th,
.form_bloc td,
.form_bloc p {
	font-size: 12px !important;
}

.form_bloc input[type=text] {
	height: 25px !important;
}

.form_er th {
	padding: 5px 0px 5px !important;

}

.form_er td {
	padding: 5px 5px !important;
}

.form_er th,
.form_er td,
.form_er p {
	font-size: 12px !important;
}

.form_er input[type=text] {
	height: 25px !important;
}

.news_list th,
.news_list td
{
	vertical-align: middle !important;
}

.news_list .table-continue {
	width: 80px;
}

.news_detail_tag {
	margin-left: initial !important;
	margin-top: initial !important;
}

.news-status-input {
	padding-left: initial !important;
}

.uk-card-body {
	padding-top: 15px !important;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.text-initial {
	text-align: initial !important;
}

.admin-table input {
	text-align: right;
}

.mail-form {
	width: initial !important;
	margin: 20px;
}

.mail-form input {
	text-align: initial !important;
}

.info-icon-padding {
	padding-right: 25px !important;
}

.column-position-top {
	vertical-align: top !important;
}

.status-input {
	display: flex;
	flex-wrap: wrap;
}

.status-input li {
	width: 20%;
}

.label-start tr td {
	width: 100px;
}

.vertical-top {
	vertical-align: top !important;
	padding-top: 20px !important;
}

.center-item {
	vertical-align: middle !important;
	text-align: center !important;
}

.input_width_exsmall {
	width: 80px !important;
}

.list_pageno {
	margin-top: 5px !important;
}

.list_pageno a {
	color: #1e87f0 !important;
}

.detail_remark_overflow {
	overflow-y: auto;
	max-height: 100px;
}

.admin_space {
	min-height: 60vh;
}

.rule-body {
	overflow-y: auto;
	height: 200px;
}

.background-pink {
	background-color: lightpink
}

.table-column-large {
	width: 250px;
}

.not-available-marker {
	background-color: #8b008b;
	color: #fff;
}

.not-available-marker:hover {
	background-color: #800080;
	color: #fff;
}

.none {
	display: none;
}
.flex-center {
	display: flex;
	justify-content: center;
}

.regi_list_pd td {
	padding: 2px 10px 2px 10px !important;
}

.transfer-pd td {
	padding: 2px 5px 2px 5px !important;
}

.event_select {
	color: #000;
	pointer-events: none;
}

.pd-top10 {
	padding-top: 10px !important;
}

.pd-left10 {
	padding-left: 10px !important;
}

.pd-bottom10 {
	padding-bottom: 10px !important;
}

.pd-left0 {
	padding-left: initial !important;
}

.mg-top12 {
	margin-top: 12px !important;
}

.mg-top20 {
	margin-top: 20px !important;
}

.pd-top12 {
	padding-top: 12px !important;
}

.tab-content {
	display: none;
}

.tab-content.show {
	display: block;
}

.edit_history_text {
	font-size: 12px;
}

.edit_history_content {
	font-weight: bolder;
	color: #1e87f0;
	background: #fff0f5;
}

/*お知らせタグ*/
.is_information {
	display: inline-block;
	margin: 0.5rem;
	padding: 0.2rem 0.5rem !important;
	color: #fff !important;
	background-color: #00f;
	border-radius: 0.5rem;
}

.is_caution {
	display: inline-block;
	margin: 0.5rem;
	padding: 0.2rem 0.5rem !important;
	color: #fff !important;
	background-color: #f00;
	border-radius: 0.5rem;
}

.is_attention {
	display: inline-block;
	margin: 0.5rem;
	padding: 0.2rem 0.5rem !important;
	color: #000 !important;
	background-color: #ff0;
	border-radius: 0.5rem;
}

.is_note {
	display: inline-block;
	margin: 0.5rem;
	padding: 0.2rem 0.5rem !important;
	color: #00f !important;
	background-color: #fff;
	border: solid 1px #00f;
	border-radius: 0.5rem;
}

.is_normal {
	display: inline-block;
	margin: 0.5rem;
	padding: 0.2rem 0.5rem !important;
	color: #000 !important;
	background-color: #fff;
	border: solid 1px #000;
	border-radius: 0.5rem;
}

.tour_table_fix tr th
{
	width: 30%;
}

.text-xsmall {
	font-size: 0.5rem;
}

.tb-pd-small {
	padding: 10px 5px !important;
}

.uk-width-1-8 {
	width: calc(100% * 1 / 8) !important;
}

.uk-width-1-10 {
	width: calc(100% * 1 / 10) !important;
}

.uk-width-1-12 {
	width: calc(100% * 1 / 12) !important;
}

.uk-width-1-16 {
	width: calc(100% * 1 / 16) !important;
}

.td-xlarge-width {
	width: 850px;
	min-width: 850px;
}

.td-large-width {
	width: 400px;
	min-width: 400px;
}

.td-middle-width {
	width: 200px;
	min-width: 200px;
}

.td-small-width {
	width: 150px;
	min-width: 150px;
}

.parentheses li {
	list-style-type: none;
	counter-increment: cnt;
}

.parentheses li::before {
	content: "(" counter(cnt) ") ";
}

.term-in-marge {
	padding-top: 5rem;
}

.term-out-marge {
	padding-top: 10rem;
}

/* input[type="number"]のスピンボタンを非表示 */
input[type="number"].no-spin::-webkit-outer-spin-button,
input[type="number"].no-spin::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"].no-spin {
  -moz-appearance:textfield;
}

.pagenation_link {
	color:#1e87f0 !important;
}

.scroll-pane {
  height: 300px;
  overflow-y: scroll;
  border: 1px solid #ccc;
}

.cursor-pointer {
  cursor: pointer;
}

.white-space-preline {
  white-space: pre-line;
}

/* ログインブロック */
.login-margin-top {
	margin-top:200px !important;
}

.not-login-content {
	margin-top: 80px;
}

.login-container {
	max-width: 350px;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}

/* datepickerのデザイン変更 */
/* 日付にカーソルが合ってない時 */
.ui-widget-content .ui-state-default{
    color:white;
    background:blue;
}
/* 日付にカーソルが合ってる時 */
.ui-widget-content .ui-state-hover{
    color:black;
    background:white;
}
/*　◯月の部分 */
.ui-widget-header {
	color:black;
	background:yellow;
}

.draw-result th:nth-of-type(2n) {
  border-left : 2px groove;
}

.draw-result td:nth-of-type(2n) {
  border-left : 2px groove;
}

.dr-block {
	width: 3rem;
	text-align: right;
}
/* メンテナンス用ボタン追加 */
.uk-button-jtta4 {
	background-color: #b3b3b3;
	color: #333;
}