@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],input[type=number],
input[type=date] ,input[type=time],
input[type=password] ,input[type=email]
 {
	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;
	transform: scale(2);
	margin-top: 3px;
}
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;
}
/*CMSと共通の登録・削除ボタン配色 ここから*/
.delbutton{
	color: #fff;
	background-color: #ff2020CC ;
}
.regbutton{
	color: #fff;
	background-color: #0F188D99;
}
.changebutton{
	color: #0F188D;
	background: #fff;
	border: solid 1px #1BB8CE;

}
/*ボタンの配色セット ここまで*/
/*ファイル読み込み用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 ここまで*/

/* ****以下個別ページ対象**** */
/*ヘッダー用の装飾 ここから*/
.buttonarea{
	width:50%;
}
.buttonarea100{
	width:100%;
}
.headbuttons {
	color: #fff;
	background: #1BB8CE;
    border-radius: 5px;
	font-size: 5px;
	padding: 5px;
	height: 40px;
}
.iconimg{
	width:25px;
}
.theader_areatitle{
	display: flex;
	align-items: center;
}
.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: 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;
}
/*登録情報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: 25%;
}
.setdata{
	width: 75%;
}
.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_manual{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 5px;
}
.butback button{
	height: 35px;
	width: 80px;
	font-size: 10px;
	padding: 5px;
	border-radius: 5px;
}
.butback{
	padding-top: 15px;
}
.sel-rsrc{
	height: 30px;
	font-size: 12px;
}
/*arealistの設定 ここから*/
.main_center{
	padding-top: 15px;
}
.main_center table,.main_center td{
	border: 1px solid #0F188D33;
	padding:1px;
}
/*arealistの設定 ここまで*/

/*更新登録用ページ詳細 ここから*/
.uppertable,.undertable{
	padding-top: 10px;
	padding-bottom: 20px;
	padding:10px 10px 20px 10px;
	width:100%;
}
.uppertable table,.uppertable td{
	border: 0;
}
.undertable table,.undertable td{
	border: 0;
	padding:1px;
}
.undertable input[type=text]{
	width:100%;
}
.delbutton button{
	font-size: 16px;
	font-weight: bold;
	background-color: #ff2020CC ;
}
.regbutton button{
	font-size: 16px;
	font-weight: bold;
	background-color: #0F188DBF;
}
.credata input[type=checkbox] {
	accent-color: #1BB8CE;
	position: absolute;
	transform: scale(1.5);
	margin-top: 5px;
	margin-left: 10px;
}
/*更新登録用ページ詳細 ここまで*/
/*common内ファイル ここから*/
.theader_top {
	padding-top: 10px;
	display: flex;
	justify-content: space-between;
}
/*common内ファイル ここまで*/

.cal_all{
	/*theader:10vh*/
	height: 85vh;
}
.cal_main{
	/*theader:10vh*/
	height: 90vh - 10vh;
}
/*カレンダー用設定 ここから*/
#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;    
}
/*toolbarカスタマイズ*/
.fc .fc-button-group button{
	font-size: 15px;
	padding: 3px;
}
.fc .fc-toolbar-title{
	font-size: 15px;
}
/*カレンダー用設定 ここまで*/

.top_flort_button{
	background-color: #f4f4f440;
	width:100%;
	height: 30px;
	top:0;
	left:0;
	position: fixed;
	z-index: 1;
	display: flex;
	justify-content:center;
}
.top_regbutton, .top_delbutton{
	margin: 10px;
}
.areaname{
	width:90%;
}
/* モーダル用サンプル用 CSS start ================== */
/* モーダルウィンドウの表示非表示や表示される位置を制御する */
.modal_menu {
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	z-index: 100;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	/* モーダルウィンドウ以外の外側部分、どの程度透過するか */
	background-color: rgba(0,0,0,0.5) !important;
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
	/* モーダルウィンドウを表示するまでの時間 0.3秒に指定 */
	transition: all .3s ease;
	transition-property: opacity, pointer-events, visibility;

	/* クリックされた際にウィンドウ表示、非表示の切り替えを行う部分 */
	&.is-show {
		opacity: 1;
		pointer-events: auto;
		visibility: visible;
	}
}
/* ウィンドウ全体のCSS */
.menu__content {
	width: 400px;
	padding: 8px 8px 16px;
	background: #f4f4f4;
	text-align: center;
	border-radius: 10px;
}
/* Yes No 2つのボタンを横並べする */
.inButtonSetting {
	display: flex;
	justify-content: center;
}
/* Yes No ボタン自体の装飾 */
.modal_inButton {
	width: 120px;
	padding: 5px 10px !important;
	margin-right: 10px;
	margin-left: 10px;
	border-radius: 6px;
}
/* モーダル用サンプル用 CSS end  ================== */

.sel_comp select{
	width:90%;
}