@charset "UTF-8";

/*読み込み時のメッセージ　ここから*/
#xmlSending {
	display: grid;
	place-items: center;
	height: 100vh;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
}
#xmlSendingFrane {
	width: 200px;
	height: 100px;
	border: double #1e6099;
	color: #f4f4f4;
	background-color: #1BB8CE;
	/*	position: absolute; */
}
#xmlSendingInner {
	text-align: center;
	margin-top: 35px;
	font-size: 16pt;
}
/*読み込み時のメッセージ　ここまで*/

/* 
 他のページと共通であれば common.css,
 このページのみであれば ページ名のCSSに入れてください。
 外部CSSを読み込む必要がある場合は tpl に入れてください。
*/

/*共通設定　written by Seino*/
/*フォント・色・罫線等の基本ルールです。*/
/*共通から変更する場合はclass内の対象の要素を変更してください*/

/*共通設定 ここから*/
* {
	margin: 0;
	padding: 0;
	border: none;
	list-style: none;
	box-sizing: border-box;
}
body {
	padding: 5px;
	font: 20px/1.25;
	color: #0F188D;
	font-size: 100%;
	line-height: 1.7;
	-webkit-text-size-adjust: 100%;
	background-image: none;
}
.wrapper {
	padding: 1vh 5vw;
}
table {
	border-collapse:collapse;
	margin: 0;
	padding: 0;
	width: 100%;
    border: 1px solid #0F188D80;
}
th {
	background: #1BB8CE;
	color: #fff;
    border: 1px solid #0F188D80;
}
td {
	background: #fff;
	color: #0F188D;
    border: 1px solid #0F188D80;
}
input[type=text] {
	background: #fff;
	color: #0F188D;
	padding: 5px 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-radius: 6px;
	transition: all .1s ease-in-out;
	outline: none;
	border: solid 2px #1BB8CE;
	/*WEBは画面小さいので。*/
	width: 100%;
}
input[type=date] {
	background: #fff;
	color: #0F188D;
	padding: 5px 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-radius: 6px;
	transition: all .1s ease-in-out;
	outline: none;
	border: solid 2px #1BB8CE;
}
input[type=time] {
	background: #fff;
	color: #0F188D;
	padding: 5px 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-radius: 6px;
	transition: all .1s ease-in-out;
	outline: none;
	border: solid 2px #1BB8CE;
}
input[type=checkbox] {
	accent-color: #1BB8CE;
	position: absolute;
}
button {
	position: relative;
	padding: 5px 30px;
	cursor: pointer;
	transition: all .1s ease-in-out;
	border-radius: 15px;
	color: #f4f4f4;
	background: #0F188D;
	/*WEBは画面小さいので。*/
	width: 100%;
}
button:active {
	top: 1px;
	box-shadow: none;
}
select{
	color: #0F188D;
	background-color: #fff;
	padding: 5px 30px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-radius: 6px;
	transition: all .1s ease-in-out;
	border: solid 1px #1BB8CE;
	outline: none;
}
select:focus {
	border-color: #0F188D;
}
/*共通設定 ここまで*/

/*ボタンの配色セット ここから*/
/*指定がない場合は紺背景白文字です*/
/*button01 背景色-白文字 基本１*/
.button01 {
	color: #fff;
	background: #1BB8CE;
}
/*button02 背景白-色文字 基本２*/
.button02 {
	color: #0F188D;
	background: #fff;
	border: solid 1px #1BB8CE;
}
/*button03 赤背景-白文字 詳細ボタン等*/
.button03 {
	color: #fff;
	background: orangered;
	border: solid 1px #1BB8CE;
}
/*button04 紺背景-白文字 確定ボタン等*/
.buttonback {
	color: #fff;
	background: #0F188D;
	border: solid 1px #fff;
}
/*ボタンの配色セット ここまで*/
/*ファイル読み込み用class ここから*/
.filestyle::file-selector-button {
	position: relative;
	padding: 5px 30px;
	cursor: pointer;
	transition: all .1s ease-in-out;
	border-radius: 15px;
	border: none;;
	color: #fff;
	background: #1BB8CE;
	/*全体のボタンの修正時にこちらも修正すること*/
}
.fileblock::file-selector-button {
	display: block;
	/*テキストの改行*/
/*ファイル読み込み用class ここまで*/
}
/*ヘッダー用の装飾 ここから*/
.topbutton{
	display: flex;
	justify-content: space-between;
	margin-top: 3px;
}
.buttonarea{
	width:50%;
}
.buttonarea100{
	width:100%;
}
.button20 {
	color: #fff;
	background: #1BB8CE;
}
.areaserch{
	display: flex;
	justify-content:space-around;
	margin-top: 3px;
}
.areaserch input[type=text]{
	width:75%;
}
.areaserch button{
	width: 22%;
	padding: 5px 0;
}
/*ヘッダー用の装飾 ここまで*/

/*カーソルの変更 ここから*/
.tablecursor td{
	cursor:pointer;
}
.cursorclr{
	cursor:default;
}
/*カーソルの変更 ここまで*/


/*通常ページ　共通*/
/*メインコンテンツ*/
#mainframe {
	padding: 15px 0px;
}
.main_top{
	width:100%;
	height:100%;
	text-align: center;
	margin: auto;
}
.main_topbut{
	width:100%;
	height:60vh;
	text-align: center;
	margin: auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
/*メインコンテンツ*/

.areatitle{
    border: none;	
}
.hareat table,.hareat td{
    border: none;
}

/*カレンダー用の仮設定 ここから*/
#calendar {
	/*max-width: 1100px;*/
	margin: 0px auto;
}
/*:root JS用に定義できるっぽい*/
:root{
    --fc-event-text-color: #0F188D;
	--fc-event-bg-color: #1BB8CE;
	--fc-event-border-color: #1BB8CE;
	--fc-event-selected-overlay-color: rgba(0,0,0,.25);
	--fc-button-text-color: #fff;
	--fc-button-bg-color: #0F188DFF;
	--fc-button-border-color: #0F188DFF;
	--fc-button-hover-bg-color: #0F188DBF;
	--fc-button-hover-border-color: #0F188DBF;
	--fc-button-active-bg-color: #0F188D80;
	--fc-button-active-border-color: #0F188D80;
	--fc-now-indicator-color: #0F188D;    
}

.table-wrap {
/*  overflow-x: scroll;*/
  overflow-y: scroll;
/*  width:400px;*/
  height:200px;
}

.button_top {
/*	padding: 10px 0px;*/
	display: flex;
	justify-content: space-between;
}
/*カレンダー用の仮設定 ここまで*/

/*登録情報table ここから*/
.registtable input[type=text]{
	width:100%;
}
.registtable td{
	padding:1px 5px 1px 5px;
}
.registtable td,.registtable table{
	border: none;
}
/*登録情報table ここから*/
/*setting.css ここから*/
.setlefttop{
	width:100%;
	height: 50%;
	padding-bottom: 5%;
}
.setleftbottom{
	height: 25vh;
	overflow-y: scroll;
}
.settitle{
	width: 30%;
}
.setdata{
	width: 60%;
}
.setbutton{
	width: 10%;
}
/*setting.css ここまで*/
.pagetitle{
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
}
.subtitle{
	margin-top: 10px;
	margin-bottom: 5px;
}
/*iphone用(WEB)の高さ調整*/
.theader{
	height:10vh;
}
.theader_top {
	padding: 10px 0px;
	display: flex;
	justify-content: space-between;
}
.topbutton{
	height:10vh;
}