/* Custom page CSS
-------------------------------------------------- */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://use.fontawesome.com/releases/v5.3.1/css/all.css);

:root { 
	/* -------------------------------------------------- */
	/*  color                                             */
	/* -------------------------------------------------- */
	
	/* Control - Text */
	--color-text-dark : #2b2b2b;			/* 文字 */
	--color-text-light : #f7f6f5;			/* 文字 */
	--color-text-light-dark : #594e52;		/* 文字 */
	--color-text-stress : #ff4500;			/* 文字 */
	--color-text-section : #888888;			/* セクションタイトル文字 */	
	--color-text-footer : #f7f6f5;			/* フッター文字 */
	--color-text-hover : #dc143c;			/* 文字 */

	/* Control - Area */
	--color-header-area : #0d0015;			/* ヘッダーエリア */
	--color-interface-area : #f7f6f5;		/* インターフェースエリア */
	--color-input-area : #fdfdff;			/* インプットエリア */
	--color-footer-area : #0d0015;			/* フッターエリア */
	--color-modal-header : #0d0015;			/* モーダルヘッダー */
	--color-blank : #fdfdff;				/* ブランクエリア  #f3f3f3*/
	--color-property-status : #666666;		/* プロパティエリア */
	--color-nameplate-area : #c0c0c0;		/* 表札エリア */
	--color-warning-area : #d70035;			/* 警告エリア */

	/* Control - TextBox */
	--color-login-textbox : #0d0015;		/* フッターエリア */

	/* Control - Button */
	--color-button-primary : #778899;		/* Primaryボタン */
	--color-button-secondary : #be8f68;		/* Secondaryボタン */
	--color-button-success : #be8f68;		/* Successボタン */
	--color-button-danger : #d70035;		/* Dangerボタン */
	--color-button-warning : #ff8c00;		/* Warningボタン */
	--color-button-info : #696969;			/* Infoボタン */
	--color-button-light : #be8f68;			/* Lightボタン */
	--color-button-dark : #be8f68;			/* Darkボタン */
	--color-button-clear : #b0c4de;			/* Clearボタン */
	
	--color-button-delete : #e60033;		/* 削除ボタンエリア */

	--color-button-working-start : #68a4d9;	/* 出勤ボタン */
	--color-button-working-end : #ea618e;	/* 退勤ボタン */
	--color-button-break-start : #89c997;	/* 休憩開始ボタン */
	--color-button-break-end : #fad09e;		/* 休憩終了ボタン */
	--color-button-date : #f7f6f5;			/* カレンダー前日翌日ボタン */
	--color-button-time-bg : #ffffff;		/* カレンダー前次時間ボタン背景 */
	--color-button-time-border : #ced4da;	/* カレンダー前次時間ボタンボーダー */
	--color-button-print : #8f6552;			/* 帳票ボタン */

	/* Menu Item */
	--color-menu-item : #666666;			/* めにゅー */
	
	/* Control - Grid */
	--color-grid-header : #666666;			/* グリッドヘッダー */
	--color-grid-header-border : #f8fbf8;	/* グリッドヘッダー ボーダー */
	--color-grid-body : #fffffc;			/* グリッドボディ*/
	--color-grid-calendar-date :#ee7800;	/* グリッドカレンダー日付 */
	--color-grid-status-prime-new :#0000ff;		/* ステータス 元請け 新規 #00008b */
	--color-grid-status-prime-change :#2b2b2b;	/* ステータス 元請け 変更 #696969 */
	--color-grid-status-sub-new :#ff0000;		/* ステータス 下請け 新規 #8b0000 */
	--color-grid-status-sub-change :#2b2b2b;	/* ステータス 下請け 変更 #696969 */
	--color-grid-status-new :#ffffe0;		/* ステータス 新規 */
	--color-grid-button-new : #d3d3d3;			/* グリッド 新規ボタン */

	--color-grid-status-completion :#cce5ff;		/* ステータス 完了 */
	--color-grid-status-mismatch :#ffcccc;		/* ステータス 不一致 */
	--color-grid-status-active-on :#00ac97;		/* ステータス 有効 */
	--color-grid-status-active-off :#b0b0b0;	/* ステータス 無効 */
	
	--color-grid-separate : #dcdcdc;		/* グリッドセパレート */
	--color-grid-total : #c0c0c0;			/* グリッド合計 */

	/* Control - Control */
	--color-control-border : #ced4da;			/* Control ボーダー */

	/* Control - List */
	--color-list-border : #bc611e;			/* リスト ボーダー */

	/* Control - Disabled */
	--color-table-disabled : #d4d9dc;		/* テーブル Disabled */

	/* Control - Color Palette */
	--color-palette-black : #000000;		/* black */
	--color-palette-white : #ffffff;		/* white */
	--color-palette-gray : #808080;			/* gray */
	--color-palette-lightGray : #eeeeee;	/* lightGray */
	--color-palette-red : #ff0000;			/* red */
	--color-palette-blue : #0000ff;			/* blue */
	--color-palette-green : #008000;		/* green */

	--color-property-type-new :#007fff;			/* ステータス 新築外構 */
	--color-property-type-renovation :#009944;	/* ステータス リフォーム外構 */
	--color-property-type-advance :#ff7f00;		/* ステータス 先行工事 */

	/* Control - Text */
		
	/* Control - Area */
	
	--color-header-border : #d9d9d9;		/* ヘッダー境界ボーダー*/
	--color-separate-border-dark : #696969;	/* 区切りボーダー*/
	--color-separate-border-light : #ff6347;/* 区切りボーダー*/
	--color-band-class-name : #fff3b8;		/* クラス名*/
	--color-communication-area : #dbebc4;	/* コミュニケーションエリア*/
	
	--color-grid-body-light : #fffffc;		/* グリッドボディ*/
	--color-grid-body-header : #c0c6c9;		/* グリッドボディヘッダー*/
	--color-grid-body-odd : #fffffc;		/* グリッド明細奇数番目 */
	--color-grid-body-even : #f5f5f5;		/* グリッド明細偶数番目 */
	--color-grid-body-border : #dcdcdc;		/* グリッド明細ボーダー */
	--color-grid-body-childcare : #f8b862;	/* グリッド保育従事者 */
	--color-grid-body-child : #a0d8ef;		/* グリッド園児合計 */
	--color-grid-body-error : #e60033;		/* グリッドエラー */
	--color-grid-body-warning : #ffdc00;	/* グリッド警告 */
	--color-grid-body-band : #4c6473;		/* グリッド帯 */
	--color-grid-icon-error : #ffea00;		/* グリッドアイコンエラー */
	--color-grid-icon-warning : #ffffff;	/* グリッドアイコン警告 */

	/* ------------------------- END -------------------------------- */

	
	/* Control - Button */
	--color-button-event : #3e98db;			/* ボタンエリア */
	--color-button-panel : #455765;			/* ボタンエリア */
	--color-button-sleep : #89c997;			/* 睡眠ボタン */
	--color-button-meal : #d1de4c;			/* 食事ボタン */
	--color-button-mood : #a0d8ef;			/* 機嫌ボタン */
	--color-button-temperature : #f7f6f5;	/* 検温ボタン */
	--color-button-shift-ask : #00afcc;		/* シフト提出ボタン */
	--color-button-shift-closed : #fff799;	/* シフト締切ボタン */
	--color-button-shift-cancel : #ef857d;	/* シフト締切解除ボタン */
	--color-button-shift-settled : #2cb4ad;	/* シフト確定ボタン */
	--color-button-shift-clear : #e83929;	/* シフトクリアボタン */
	--color-button-absent : #ef857d;		/* 欠席連絡ボタン */
	--color-button-late : #fff799;			/* 遅刻連絡ボタン */
	--color-button-monthly-report : #38b48b;/* 月次報告ボタン */
	--color-button-sick-child : #88b5d3;	/* 病児保育 園児 */
	--color-button-sick-nurse : #f5b199;	/* 病児保育 看護師 */
	--color-button-sick-teacher : #a5c9c1;	/* 病児保育 保育士 */
	--color-button-sleep-action : #1e50a2;	/* 午睡アクションボタン */
	--color-button-transition : #316745;	/* 別画面 */

	--color-required : #eebbcb;				/* 必須 */
	--color-request : #e60033;				/* 新規 */
	--color-change : #3f312b;				/* 変更 */
	--color-contract : #1e50a2;				/* 成約 */
	
	/* Menu Item */
	--color-daily-board : #a688bd;			/* デイリーボード */
	--color-child-book : #bbe2f1;			/* 園児台帳*/
	--color-information : #fdd35c;			/* お知らせ*/
	--color-bulletin-board : #edde7b;		/* 掲示板*/
	--color-schedule : #f5b2b2;				/* 園内スケジュール*/
	--color-shift-calendar : #ff7f50;		/* シフト希望提出*/
	--color-staff-shift : #00947a;			/* スタッフシフト*/
	--color-child-attend-plan : #4753a2;	/* 園児出席予定表*/
	--color-staff-clock-on : #3cb37a;		/* スタッフ通勤打刻*/
	--color-child-clock-on : #006eb0;		/* 園児通園打刻*/
	--color-staff-attend : #a5c9c1;			/* スタッフ出勤簿*/
	--color-child-attend : #88b5d3;			/* 園児出席簿*/
	--color-child-communication : #fad09e;	/* コミュニケーション*/
	--color-new-status : #da536e;			/* 新着件数 */
	--color-facility : #9d8e87;				/* 園管理*/
	--color-distribute-documents : #f6ae54;	/* 配布資料*/
	--color-settings : #7d7d7d;				/* 設定*/
	--color-sick : #f6bfbc;					/* 病児保育*/
	--color-download-documents : #c89932;	/* 様式ダウンロード*/
	--color-food-inspection : #c7dc68;		/* 検食*/
	--color-codmon-migration : #2ca9e1;		/* CODMON移行*/
	--color-notification : #f0e68c;			/* 運営からのお知らせ */
	
	--color-weekday : #f8fbf8;				/* 平日 */
	--color-sunday : #ff3366;				/* 日曜日 */
	--color-saturday : #0000ff;				/* 土曜日 */
	--color-child-mood-good : #fdd35c;		/* 機嫌_良 */
	--color-child-mood-normal : #594e52;	/* 機嫌_普 */
	--color-child-mood-bad : #82cddd;		/* 機嫌_悪 */
	--color-attendance-none : #3cb37a;		/* 登園_未着 */
	--color-attendance-arrival : #82cddd;	/* 登園_登園 */
	--color-attendance-home : #fdd35c;		/* 登園_退園 */
	--color-save-none : #ef857d;			/* 日誌_未作成 */
	--color-save-temporarily : #fdd35c;		/* 日誌_編集中 */
	--color-save-make : #82cddd;			/* 日誌_作成済み */
	--color-new-status-new : #fff462;		/* 新着_新着 */
	--color-new-status-read : #d83473;		/* 新着_既読 */

	--color-faq-base : #11beae;				/* icon_地球 */
	
	/* Control - Icon */
	--color-icon-globe : #f3981d;			/* icon_地球 */
	--color-icon-user : #626063;			/* icon_ユーザー */
	--color-icon-thermometer : #79c06e;		/* icon_体温計 */
	--color-icon-information : #fac559;		/* icon_情報 */
	
	/* Control - Scrollbar */
	--color-scrollbar-track : #f5f5f5;		/* スクロールバーの軌道 */
	--color-scrollbar-thumb : #808080;		/* スクロールバーの動く部分 */
	
	/* Control - Tab */
	--color-tab-control-base : #ffffff;		/* Tabコントロール */
	--color-tab-control-active : #4169e1;	/* Tabコントロール Active */


	
	--color-datepicker-calendar : #ffffff;	/* DatePickerカレンダーエリア */
	--color-datepicker-icon : #808080;		/* DatePickerアイコンエリア */
	--color-line-dark : #465258;			/* ライン */
	--color-line-light : #6f7e8d;			/* ライン */
	--color-line-smoke : #dcdcdc;			/* ライン */
	--color-panel-select : #0d0015;			/* パネル選択 */
	--color-panel-select-border : #a22041;	/* パネル選択 ボーダー*/
	--color-checkbox-border : #999999;		/* チェックボックスボーダー*/
	--color-checkbox-select : #009a9a;		/* チェックボックス選択*/
	--color-breadcrumb-panel : #dcdcdc;		/* パンくずリスト*/
	--color-breadcrumb-select : #ff7f50;	/* パンくずリスト選択*/
	--color-breadcrumb-hover : #999999;		/* パンくずリストhover*/

}

html {
	height: 100%;
	font-size: 100%;
}

@media screen and (max-width: 1024px) {
	/* 1024pxまでの幅の場合に適応される */
	html {
		font-size: 1rem;
	}
}

@media screen and (max-width: 768px) {
	/* 768pxまでの幅の場合に適応される */
	html {
		font-size: 0.75rem;
	}
}

@media screen and (max-width: 480px) {
	/* 480pxまでの幅の場合に適応される */
	html {
		font-size: 0.5rem;
	}
}

@media screen and (max-width: 320px) {
	/* 320pxまでの幅の場合に適応される */
	html {
		font-size: 0.5rem;
	}
}
/* Common styles
-------------------------------------------------- */
body {
	display: flex;
	flex-direction: column;
	height: 100%;
	min-height: 100vh;
	font-size : 1.0rem;
	color: var(--color-text-dark);
 	font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Sans", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
table {
	font-size : 1.0rem;
	color: var(--color-text-dark);
 	font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Sans", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.wrapper {
	flex: 1 0 auto;
	margin-bottom: auto;
	background-color: var(--color-blank);
}
.form {
    margin-bottom: 0;
}
.form-control {
	font-size : 1.0rem;
    margin-bottom: 0.25rem;
    padding-top: 0.25rem;
    padding-right: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.25rem;
}
.form-group {
    margin-bottom: 0.25rem;
}
.contents_title {
	margin-top:0;
	margin-right:0;
	margin-bottom: 1rem;
	margin-left: 0.5rem;
	padding-top:0.5rem;
	font-size:1.5rem;
	font-weight: bold;
	color: var(--color-text-section);
}
input[type="date"]
{
	padding-left: 0.75rem;
	width: 10rem;
}
input[type="month"]
{
	padding-left: 0.75rem;
	width: 10rem;
}
input[type="time"]
{
	width: 5.5rem;
}
.modal-body input[type="text"]
{
	height: 36px;
    font-size: 1.0rem;
} 
.modal-body input[type="time"]
{
	width: 5.5rem;
    font-size: 1.0rem;
} 
input[type="color"]
{
	height: 30px;
	width:5rem;
}
.LGsrGu {
    font-size: 2.0rem;
}
.zrVTMh {
    font-size: 1.25rem;
}
.Xy6iai {
    font-size: 0.75rem;
}
/* select.form-control, */
/* select.form-control:not([size]):not([multiple])  */
/* { */
/* 	height:26.8px ; */
/* } */
textarea
{
	width: 20rem;
	height:5rem ;
}
textarea:disabled,
textarea[readonly]
{
	background-color: var(--color-blank);
	width: 100%;
	height:100%;
}
menu, ul, ol {
    list-style: none;
}
/* Icon styles
-------------------------------------------------- */
.loginlogo {
    padding: 0.3rem;
}
.loginlogo img {
	width: 250px;
	object-fit: cover;
}
.zrraRt {
    position: relative;
    width: 100%;
    display: block;
    float: left;
    overflow: hidden;
}
.W6Hbcb {
    position: relative;
    display: block;
    overflow: hidden;
    padding-right:0.5rem;
    padding-left:0.5rem;
    background-color: var(--color-interface-area);
}
.sMQRWe {
    position: relative;
    display: block;
    overflow: hidden;
    padding-right:0.5rem;
    padding-left:0.5rem;
/*     background-color: var(--color-interface-area); */
}
.sMQRWe img {
	height: 35px;
	object-fit: cover;
}
.zrraRt img {
	height: 60px;
	object-fit: cover;
}
.W6Hbcb img {
	height: 50px;
	width: 180px;
	object-fit: contain;
}
.glyphicon {
    padding: 0.3rem;
}
.headericon {
    margin-bottom: 0;
    padding-top: 0.25rem;
    font-size: 1.0rem;
}
.headericon-text {
/*     font-size: 0.875rem; */
    font-size: 1.0rem;
    padding-left: 0.25rem;
}
.headernavbar-text {
    font-size: 2.5rem;
	display: flex;
	align-items: center;
	text-align:center;
}
.KWtsuw {
	width:4.0rem;
/*     padding-right: 0.25rem; */
	display: flex;
	justify-content: center;
	color: var(--color-text-light);
}
.FFHCTm {
	display: flex;
}
.BVTfCh {
	width:4.5rem;
/*     padding-right: 0.25rem; */
	display: flex;
	justify-content: center;
	color: var(--color-text-light);
}
.UzfeC9 {
	width:6.0rem;
    padding-right: 0.25rem;
	display: flex;
	justify-content: center;
	color: var(--color-text-light);
}
/* d-flex justify-content-center */
.tUA43M {
	display: flex;
	justify-content: center;
}
/* d-flex justify-content-left */
.Y7SYYz {
	display: flex;
	justify-content: flex-start;
}
/* 縦並び 右揃え */
.BzLQBk {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.simpleicon {
    margin-bottom: 0;
    padding-top: 0.375rem;
    font-size: 1rem;
}
.accounticon {
    margin-bottom: 0;
    padding-top: 0.375rem;
    font-size: 1.5rem;
}
.faqicon {
    margin-right: 0.5rem;
	margin-bottom: 0;
/*     padding-top: 0.375rem; */
    font-size: 1.5rem;
}


/* Ime Mode styles
-------------------------------------------------- */
.ime-active  {
	ime-mode: active;
}
.ime-inactive {
	ime-mode: inactive;
}
.inline {
	display : inline-block;
	_display : inline;
}
.nowrap {
	white-space: nowrap;
}
.none {
	display:none!important;
}
.hidden {
	visibility:hidden!important;
}
.hide {
	display:none!important;
	visibility:hidden!important;
}
.bold {
	font-weight: bold;
}

/* Button Control Styles
-------------------------------------------------- */
.btn {
	font-size: 1.0rem;
}
.btn .glyphicon {
	top:0;
	line-height: 1.5;
}
.btn-date {
	width: 2.0rem;
	height:30px;
	color: var(--color-text-dark);
	background-color: var(--color-button-date);
	border-color: var(--color-button-date);
	margin-left: 0.125rem;
	margin-right: 0.125rem;
}
.btn-time {
	width: 1.5rem;
 	height:30px;
	color: var(--color-text-dark);
	background-color: var(--color-button-time-bg);
	border-color: var(--color-button-time-border);
	border-radius: 0.25rem;
	margin-left: 0.125rem;
	margin-right: 0.125rem;
}
.btn-normal {
	width: 18.0rem;
 	height:3.0rem;
}
.btn-twin {
	width: 18.0rem;
 	height:3.0rem;
}
.btn-side {
	width: 10.0rem;
 	height:3.0rem;
}
.btn-top {
	width: 8.0rem;
 	height:3.0rem;
}
.btn-tab {
	width: 6.0rem;
 	height:3.0rem;
}
.btn-text-clear {
	width: 2.0rem;
 	height:2.0rem;
	color: var(--color-button-primary);
	border-color: var(--color-control-border);
}
.btn-primary {
	color: var(--color-text-light);
	background-color: var(--color-button-primary);
	border-color: var(--color-button-primary);
}
.btn-info {
	color: var(--color-text-light) !important;
	background-color: var(--color-button-info) !important;
	border-color: var(--color-button-info) !important;
}
.btn-outline-info {
	color: var(--color-button-info) !important;
	background-color: var(--color-text-light) !important;
	border-color: var(--color-button-info) !important;
}
.btn-danger {
	color: var(--color-text-light) !important;
	background-color: var(--color-button-danger) !important;
	border-color: var(--color-button-danger) !important;
}
.btn-warning {
	color: var(--color-text-light) !important;
	background-color: var(--color-button-warning) !important;
	border-color: var(--color-button-warning) !important;
}
.btn-clear {
	color: var(--color-text-light) !important;
	background-color: var(--color-button-clear) !important;
	border-color: var(--color-button-clear) !important;
}
.btn-color-palette {
	width: 2.0rem;
	height:30px;
	color: var(--color-text-dark);
	background-color: var(--color-button-date);
	border-color: var(--color-button-clear) !important;
	margin-left: 0.125rem;
	margin-right: 0.125rem;
}
.btn-updown {
	width: 1.25rem;
	height:1.25rem;
	color: var(--color-text-dark);
	background-color: var(--color-button-date);
	border-color: var(--color-button-date);
	margin-left: 0.125rem;
	margin-right: 0.125rem;
	align-items: center;
    padding: 0rem;
}

/* Text Control Styles
-------------------------------------------------- */
.ik3Agb {
	display: flex;
	align-items: center;
	margin-left: 0.25rem;
    padding-right: 0.5rem;
	color: var(--color-text-light);
}
.bQVg6P {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}
/* Table Control Styles
-------------------------------------------------- */
.bGTQw5 {
	margin-bottom: 0rem;
}
.bGTQw5 th {
	background-color: var(--color-grid-header);
	color: var(--color-text-light);
	text-align:center;
}
.bGTQw5 tr {
	background-color: var(--color-grid-body);
}
/* .bGTQw5 td { */
/* 	background-color: var(--color-grid-body); */
/* } */
.yisDVA {
	width: 3rem;
	color: var(--color-text-light);
	background-color: var(--color-grid-calendar-date);
	text-align:center;
	padding-left: 0.25rem;
	padding-right: 0.25rem;
	font-weight: bold;
}
.wUi8nW {
	background-color: var(--color-table-disabled) !important;
}

.table-scroll {
	overflow-x : auto;
}
.table-fixed {
	table-layout: fixed;
}
.right {
  text-align: right;
}
.left {
  text-align: left;
}
.center {
  text-align: center;
}
.relative {
	position: relative;
}
.stress {
	font-size: 2.0rem;
	color: var(--color-text-stress);	/* 文字 */
	font-weight: bold;
}
.isselect {
	color: var(--color-checkbox-select);	/* 文字 */
}
.word-wrap-break {
	word-wrap: break-word;
	word-break:normal;
	display: inline-flex;
	width:20rem;
	line-height: 36px;
}
.word-wrap-block {
	display: inline-block;
}
.link_title {
	display:inline-block;
	vertical-align: middle;
	line-height: 40px;
/* 	font-size: 14px; */
	font-size: 1.0rem;
/* 	font-weight: bold; */
	margin: 0;
	cursor: pointer;
	text-decoration: underline #1e50a2;
}
.underline {
	text-decoration: underline #1e50a2;
}

.disp-sp {
	display: none;
}
.gxMh96 {
    display: block;
}

.ugCsBj {
  display: flex;
  justify-content: space-between;
}

/* list styles
-------------------------------------------------- */
.panel-heading div, .panel-body div{
	overflow: hidden;
}
.panel-heading .form-control, .panel-body .form-control {
	margin-bottom: 0;
}
.panel-heading input[type="date"], 
.panel-body input[type="date"] {
	height:26.8px ;
	width: 6.5rem;
}
.panel-heading input[type="date"]::-webkit-inner-spin-button ,
.panel-body input[type="date"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.panel-heading input[type="date"]::-webkit-clear-button ,
.panel-body input[type="date"]::-webkit-clear-button {
	-webkit-appearance: none;
}

/* Font Size
-------------------------------------------------- */
.nEVzFE {
	font-size: 0.875rem;	
}
.gGg8Am {
	font-size: 0.75rem;	
}
.f-12 {
	font-size: 4.0rem;	
}
.f-11 {
	font-size: 3.5rem;	
}
.f-10 {
	font-size: 3.0rem;	
}
.f-9 {
	font-size: 2.5rem;	
}
.f-8 {
	font-size: 2.0rem;	
}
.f-7 {
	font-size: 1.5rem;	
}
.f-6 {
	font-size: 1.0rem;	
}
.f-5 {
	font-size: 0.75rem;	
}
.f-4 {
	font-size: 0.625rem;	
}
.f-3 {
	font-size: 0.5rem;	
}
.f-2 {
	font-size: 0.375rem;	
}
.f-1 {
	font-size: 0.25rem;	
}

/* Width
-------------------------------------------------- */
.w-60 {
    width: 60rem;
}
.w-58 {
    width: 58rem;
}
.w-56 {
    width: 56rem;
}
.w-55 {
    width: 55rem;
}
.w-50 {
    width: 50rem;
}
.w-49 {
    width: 49rem;
}
.w-40 {
    width: 40rem;
}
.w-30 {
    width: 30rem;
}
.w-26 {
    width: 26rem;
}
.w-25 {
    width: 25rem;
}
.w-23 {
    width: 23rem;
}
.w-20 {
    width: 20rem;
}
.w-18 {
    width: 18rem;
}
.w-17 {
    width: 17rem;
}
.w-16 {
    width: 16rem;
}
.w-15 {
    width: 15rem;
}
.w-14 {
    width: 14rem;
}
.w-13 {
    width: 13rem;
}
.w-12 {
    width: 12rem;
}
.w-11 {
    width: 11rem;
}
.w-10 {
    width: 10rem;
}
.w-9 {
    width: 9rem;
}
.w-8h {
    width: 8.5rem;
}
.w-8 {
    width: 8rem;
}
.w-7h {
    width: 7.5rem;
}
.w-7 {
    width: 7rem;
}
.w-6h {
    width: 6.5rem;
}
.w-6 {
    width: 6rem;
}
.w-5 {
    width: 5rem;
}
.w-4h {
    width: 4.5rem;
}
.w-4 {
    width: 4rem;
}
.w-3 {
    width: 3rem !important;
}
.w-2h {
    width: 2.5rem;
}
.w-2Q {
    width: 2.25rem;
}
.w-2 {
    width: 2rem;
}
.w-1h {
    width: 1.5rem;
}
.w-1 {
    width: 1rem;
}
.w-0 {
    width: 0;
    min-width: 0;
    max-width: 0;
}
.wp-20 {
    width: 20%;
}
.wp-10 {
    width: 10%;
}
.wp-9 {
    width: 9%;
}
.wp-8 {
    width: 8%;
}
.wp-7 {
    width: 7%;
}
.wp-6 {
    width: 6%;
}
.wp-5 {
    width: 5%;
}
.wp-4 {
    width: 4%;
}
.wp-3 {
    width: 3%;
}
.wp-2 {
    width: 2%;
}
.w-min-5 {
	min-width: 5rem;
}
.w-min-4 {
	min-width: 4rem;
}
.w-min-3 {
	min-width: 3rem;
}
.w-min-2 {
	min-width: 2rem;
}
.w-min-1 {
	min-width: 1rem;
}

.AVFKaa {
	width: 2.0em;
    min-width: 2.0em;
}
.TcyywW {
	width: 3.5em;
    min-width: 3.5em;
}
.r6ZB63 {
	width: 3.2em;
    min-width: 3.2em;
}
.Uu64aL {
	width: 4.5em;
    min-width: 4.5em;
}
.cWKBFG {
	width: 6.0em;
    min-width: 6.0em;
}
.gXQZzF {
	width: 7.0em;
    min-width: 7.0em;
}
.Cm52gX {
	width: 7.5em;
    min-width: 7.5em;
}
.Vk2S7f {
	width: 9.0em;
    min-width: 9.0em;
}
.HbcQdT {
	width: 10.5em;
    min-width: 10.5em;
}
.t2etG8 {
	width: 15.0em;
    min-width: 15.0em;
}
.DjcS4S {
	width: 18.0em;
    min-width: 18.0em;
}
.sBdQLh {
	width: 20.0em;
    min-width: 20.0em;
}
.Sg9Q27 {
	width: 25.0em;
    min-width: 25.0em;
}
.GVbbuT {
	width: 0.75em;
    min-width: 0.75em;
}

/* custom height */
.h-9 {
    height: 5.0rem;
}
.h-8 {
    height: 4.5rem;
}
.h-7 {
    height: 4.0rem;
}
.h-6 {
    height: 3.5rem;
}
.h-5 {
    height: 3.0rem;
}
.h-4 {
    height: 2.5rem;
}
.h-3 {
    height: 2.0rem;
}
.h-2 {
    height: 1.5rem;
}
.h-1 {
    height: 1rem;
}

/* Margin
-------------------------------------------------- */
.cml-7 {
	margin-left: 7.0rem;	
}
.cml-7h {
	margin-left: 7.5rem;	
}
.cml-8h {
	margin-left: 8.5rem;	
}
.cml-9h {
	margin-left: 9.5rem;	
}
.cml-12h {
	margin-left: 12.75rem;	
}
.cmt-m1 {
	margin-top: -0.5rem;	
}

/* Padding
-------------------------------------------------- */
.cp-1 {
	padding: 0.125rem;	
}
.cpt-1 {
	padding-top: 0.125rem;	
}
.cpr-1 {
	padding-right: 0.125rem;	
}
.cpb-1 {
	padding-bottom: 0.125rem;	
}
.cpl-1 {
	padding-left: 0.125rem;	
}
.cp-2 {
	padding: 0.375rem;	
}
.cpt-2 {
	padding-top: 0.375rem;	
}
.cpr-2 {
	padding-right: 0.375rem;	
}
.cpb-2 {
	padding-bottom: 0.375rem;	
}
.cpl-2 {
	padding-left: 0.375rem;	
}
/* custom border */
.bt-0 {
	border-top: 0;
}
.bl-0 {
	border-left: 0;
}
.br-0 {
	border-right: 0;
}
.bb-0 {
	border-bottom: 0;
}
.bo-1 {
	border: 1px solid var(--color-grid-body-border);
}
.bb-1 {
	border-bottom: 1px solid var(--color-grid-body-border);
}
.bt-1 {
	border-top: 1px solid var(--color-grid-body-border);
}
.bt-2 {
	border-top: 2px solid var(--color-grid-body-border);
}
.bo-dark {
	border-color: var(--color-separate-border-dark);
}
.bo-light {
	border-color: var(--color-separate-border-light);
}

/* --------------------------------------------------
  color
-------------------------------------------------- */
.color-text-dark {
	color: var(--color-text-dark);	/* 文字 */
}
.color-text-light {
	color: var(--color-text-light);	/* 文字 */
}
.color-text-footer {
	color: var(--color-text-footer);	/* フッター文字 */
}
.color-interface-area {
	color: var(--color-interface-area);	/* インターフェースエリア */
}
.color-blank {
	color: var(--color-blank);	/* ブランクエリア */
}
.color-grid-icon-error {
	color: var(--color-grid-icon-error);	/* グリッドアイコンエラー */
}
.color-grid-icon-warning {
	color: var(--color-grid-icon-warning);	/* グリッドアイコン警告 */
}
.color-button-event {
	color: var(--color-button-event);	/* ボタンエリア */
}
.color-button-panel {
	color: var(--color-button-panel);	/* ボタンエリア */
}
.color-button-delete {
	color: var(--color-button-delete);	/* 削除ボタンエリア */
}
.color-datepicker-calendar {
	color: var(--color-datepicker-calendar);	/* DatePickerカレンダーエリア */
}
.color-datepicker-icon {
	color: var(--color-datepicker-icon);	/* DatePickerアイコンエリア */
}
.color-line-dark {
	color: var(--color-line-dark);	/* ラインカラー */
}
.color-line-light {
	color: var(--color-line-light);	/* ラインカラー */
}
.color-line-smoke {
	color: var(--color-line-smoke);	/* ラインカラー */
}
.color-weekday {
	color: var(--color-weekday)!important;	/* 平日 */
}
.color-sunday {
	color: var(--color-sunday)!important;	/* 日曜日 */
}
.color-saturday {
	color: var(--color-saturday)!important;	/* 土曜日 */
}
.color-child-mood-good {
	color: var(--color-child-mood-good);	/* 機嫌_良 */
}
.color-child-mood-normal {
	color: var(--color-child-mood-normal);	/* 機嫌_普 */
}
.color-child-mood-bad {
	color: var(--color-child-mood-bad);	/* 機嫌_悪 */
}
.color-button-sleep {
	color: var(--color-button-sleep);		/* 睡眠ボタン */
}
.color-button-bowels {
	color: var(--color-button-bowels);		/* 排便ボタン */
}
.color-button-meal {
	color: var(--color-button-meal);		/* 食事ボタン */
}
.color-button-mood {
	color: var(--color-button-mood);		/* 機嫌ボタン */
}
.color-button-temperature {
	color: var(--color-button-temperature);	/* 検温ボタン */
}
.color-icon-globe {
	color: var(--color-icon-globe);	/* icon 地球 */
}
.color-icon-user {
	color: var(--color-icon-user);	/* icon ユーザー */
}
.color-icon-thermometer {
	color: var(--color-icon-thermometer);	/* icon 体温計 */
}
.color-icon-information {
	color: var(--color-icon-information);	/* icon 注意 */
}


/* --------------------------------------------------
  bg-color
-------------------------------------------------- */
.bg-color-header-area {
	background-color: var(--color-header-area);			/* ヘッダーエリア */
}
.bg-color-interface-area {
	background-color: var(--color-interface-area);		/* インターフェースエリア */
}
.bg-color-input-area {
	background-color: var(--color-input-area);			/* インプットエリア */
}
.bg-color-footer-area {
	background-color: var(--color-footer-area);			/* フッターエリア */
}
.bg-color-blank {
	background-color: var(--color-blank);				/* ブランクエリア */
}
.bg-color-communication-area {
	background-color: var(--color-communication-area);	/* コミュニケーションエリア */
}
.bg-color-daily-board {
	background-color: var(--color-daily-board);			/* デイリーボード */
}
.bg-color-child-book {
	background-color: var(--color-child-book);			/* 園児台帳 */
}
.bg-color-information {
	background-color: var(--color-information);			/* お知らせ  */
}
.bg-color-bulletin-board {
	background-color: var(--color-bulletin-board);		/* 掲示板  */
}
.bg-color-schedule {
	background-color: var(--color-schedule);			/* 園内スケジュール */
}
.bg-color-shift-calendar {
	background-color: var(--color-shift-calendar);		/* シフト希望提出 */
}
.bg-color-staff-clock-on {
	background-color: var(--color-staff-clock-on);		/* スタッフ通勤打刻 */
}
.bg-color-child-clock-on {
	background-color: var(--color-child-clock-on);		/* 園児通園打刻 */
}
.bg-color-staff-shift {
	background-color: var(--color-staff-shift);			/* スタッフシフト */
}
.bg-color-child-attend-plan {
	background-color: var(--color-child-attend-plan);	/* 園児出席予定表 */
}
.bg-color-staff-attend {
	background-color: var(--color-staff-attend);		/* スタッフ通勤簿 */
}
.bg-color-child-attend {
	background-color: var(--color-child-attend);		/* 園児出席簿 */
}
.bg-color-child-communication {
	background-color: var(--color-child-communication);	/* コミュニケーション */
}
.bg-color-facility {
	background-color: var(--color-facility);			/* 園管理 */
}
.bg-color-distribute-documents {
	background-color: var(--color-distribute-documents);	/* 配布資料 */
}
.bg-color-settings {
	background-color: var(--color-settings);				/* 設定 */
}
.bg-color-sick {
	background-color: var(--color-sick);					/* 病児保育 */
}
.bg-color-download-documents {
	background-color: var(--color-download-documents);		/* 様式ダウンロード */
}
.bg-color-food-inspection {
	background-color: var(--color-food-inspection);			/* 検食 */
}
.bg-color-codmon-migration {
	background-color: var(--color-codmon-migration);		/* CODMON移行 */
}
.bg-color-notification {
	background-color: var(--color-notification);			/* 運営からのお知らせ */
}
.bg-color-required {
	background-color: var(--color-required);			/* 必須 */
}
.bg-color-grid-body-error {
	background-color: var(--color-grid-body-error);		/* グリッドエラー */
}
.bg-color-grid-body-warning {
	background-color: var(--color-grid-body-warning);		/* グリッド警告 */
}
.bg-color-grid-icon-error {
	background-color: var(--color-grid-icon-error);		/* グリッドアイコンエラー */
}
.bg-color-grid-icon-warning {
	background-color: var(--color-grid-icon-warning);	/* グリッドアイコン警告 */
}
.bg-color-grid-calendar-date {
	background-color: var(--color-grid-calendar-date);	/* グリッドカレンダー日付 */
}
.bg-color-button-event {
	background-color: var(--color-button-event);		/* ボタンエリア */
}
.bg-color-button-panel {
	background-color: var(--color-button-panel);		/* ボタンエリア */
}
.bg-color-button-delete {
	background-color: var(--color-button-delete);		/* 削除ボタンエリア */
}
.bg-color-palette-black {
	background-color: var(--color-palette-black);		/* Color Palette Black */
}
.bg-color-palette-white {
	background-color: var(--color-palette-white);		/* Color Palette White */
}
.bg-color-palette-gray {
	background-color: var(--color-palette-gray);		/* Color Palette Gray */
}
.bg-color-palette-lightGray {
	background-color: var(--color-palette-lightGray);	/* Color Palette LightGray */
}
.bg-color-palette-red {
	background-color: var(--color-palette-red);			/* Color Palette Red */
}
.bg-color-palette-blue {
	background-color: var(--color-palette-blue);		/* Color Palette Blue */
}
.bg-color-palette-green {
	background-color: var(--color-palette-green);		/* Color Palette Green */
}

.bg-color-grid-status-new {
	background-color: var(--color-grid-status-new);		/* ステータス 新規 */
}



.bg-color-button-shift-ask {
	color: var(--color-text-light);						/* 文字 */
	background-color: var(--color-button-shift-ask);	/* シフト提出ボタン */
}
.bg-color-button-shift-closed {
	background-color: var(--color-button-shift-closed);	/* シフト締切ボタン */
}
.bg-color-button-shift-cancel {
	color: var(--color-text-light);						/* 文字 */
	background-color: var(--color-button-shift-cancel);	/* シフト締切解除ボタン */
}
.bg-color-button-shift-settled {
	color: var(--color-text-light);						/* 文字 */
	background-color: var(--color-button-shift-settled);/* シフト確定ボタン */
}
.bg-color-button-absent {
	color: var(--color-text-light);						/* 文字 */
	background-color: var(--color-button-absent);		/* 欠席連絡ボタン */
}
.bg-color-button-late {
	background-color: var(--color-button-late);			/* 遅刻連絡ボタン */
}
.bg-color-button-print {
	color: var(--color-text-light);						/* 文字 */
	background-color: var(--color-button-print);		/* 帳票ボタン */
}
.bg-color-button-monthly-report {
	color: var(--color-text-light);							/* 文字 */
	background-color: var(--color-button-monthly-report);	/* 月次報告ボタン */
}
.bg-color-button-sick-child {
	color: var(--color-text-light);							/* 文字 */
	background-color: var(--color-button-sick-child);		/* 病児保育 園児 */
}
.bg-color-button-sick-nurse {
	color: var(--color-text-light);							/* 文字 */
	background-color: var(--color-button-sick-nurse);		/* 病児保育 看護師 */
}
.bg-color-button-sick-teacher {
	color: var(--color-text-light);							/* 文字 */
	background-color: var(--color-button-sick-teacher);		/* 病児保育 保育士 */
}
.bg-color-button-transition {
	color: var(--color-text-light);							/* 文字 */
	background-color: var(--color-button-transition);		/* 別画面 */
}

.bg-color-datepicker-calendar {
	background-color: var(--color-datepicker-calendar);	/* DatePickerカレンダーエリア */
}
.bg-color-datepicker-icon {
	background-color: var(--color-datepicker-icon);		/* DatePickerアイコンエリア */
}
.bg-color-line-dark {
	background-color: var(--color-line-dark);			/* ラインカラー */
}
.bg-color-line-light {
	background-color: var(--color-line-light);			/* ラインカラー */
}
.bg-color-grid-header {
	background-color: var(--color-grid-header);			/* グリッドヘッダー */
}
.bg-color-grid-body-odd {
	background-color: var(--color-grid-body-odd);		/* グリッド明細奇数番目 */
}
.bg-color-grid-body-even {
	background-color: var(--color-grid-body-even);		/* グリッド明細偶数番目 */
}
.bg-color-weekday {
	background-color: var(--color-weekday);				/* 平日 */
}
.bg-color-sunday {
	background-color: var(--color-sunday);				/* 日曜日 */
}
.bg-color-saturday {
	background-color: var(--color-saturday);			/* 土曜日 */
}
.bg-color-attendance-none {
	color: var(--color-text-light);						/* 文字 */
	background-color: var(--color-attendance-none);		/* 登園_未着 */
}
.bg-color-attendance-arrival {
	color: var(--color-text-light-dark);				/* 文字 */
	background-color: var(--color-attendance-arrival);	/* 登園_登園 */
}
.bg-color-attendance-home {
	color: var(--color-text-light-dark);				/* 文字 */
	background-color: var(--color-attendance-home);		/* 登園_退園 */
}
.bg-color-save-none {
	color: var(--color-text-light);						/* 文字 */
	background-color: var(--color-save-none);			/* 日誌_未作成 */
}
.bg-color-save-temporarily {
	color: var(--color-text-light-dark);				/* 文字 */
	background-color: var(--color-save-temporarily);	/* 日誌_編集中 */
}
.bg-color-save-make {
	color: var(--color-text-light-dark);				/* 文字 */
	background-color: var(--color-save-make);			/* 日誌_作成済み */
}
.bg-color-new-status-new {
	color: var(--color-text-light-dark);				/* 文字 */
	background-color: var(--color-new-status-new);		/* 新着_新着 */
}
.bg-color-new-status-read {
	color: var(--color-text-light);						/* 文字 */
	background-color: var(--color-new-status-read);		/* 新着_既読 */
}

.bg-color-button-sleep {
	background-color: var(--color-button-sleep);		/* 睡眠ボタン */
}
.bg-color-button-bowels {
	background-color: var(--color-button-bowels);		/* 排便ボタン */
}
.bg-color-button-meal {
	background-color: var(--color-button-meal);			/* 食事ボタン */
}
.bg-color-button-mood {
	background-color: var(--color-button-mood);			/* 機嫌ボタン */
}
.bg-color-button-temperature {
	background-color: var(--color-button-temperature);	/* 検温ボタン */
}



/* header styles
-------------------------------------------------- */
#header {
  	border-bottom : 1px solid;
	border-color : var(--color-header-border);
}

/* Navbar styles
-------------------------------------------------- */
#headNavbar {
	width: 100%;
	margin-right: 1.0rem;
}
.navbar {
	padding-top: 0rem;
	padding-bottom: 0rem;
}
#headNavbar .navbar-toggler {
	border-color: var(--color-header-border);
	color: var(--color-text-light);
}
#headNavbar .nav-item {
	border-radius: 5px;
	-webkit-border-radius: 5px; /* Safari,Google Chrome用 */
	-moz-border-radius: 5px; /* Firefox用 */
/* 	background-color: var(--color-button-panel); */
	padding: 0.25rem;
	margin: 0.25rem;
}
#headNavbar .nav-item .nav-title {
	font-size: 1.5rem;
}
#headNavbar .nav-link {
    display: block;
    padding: 0.5rem 0.5rem;
}
#headNavbar .navbar-text {
	color: var(--color-text-light);
	margin-left: 0.5rem;
	padding-top: 0.5rem;
	padding-bottom: 0;
}
#headNavbar ul {
/*   margin-bottom:0.25rem; */
/*   border:1px solid; */
/*   border-radius: 5px; */
/*   border-color: var(--color-header-border); */
}
#headNavbar .nav-item img {
	width: 30px;
	height: 30px;
}
.maru {
	height:20px;
	width:20px;
	border-radius:50%;
	line-height:20px;
	text-align:center;
	color: var(--color-text-light);
	background-color: var(--color-new-status);
}
.maru-small {
	height:15px;
	width:15px;
	border-radius:50%;
	line-height:15px;
	text-align:center;
	color: var(--color-text-light);
	background-color: var(--color-new-status);
}
/* menu-item */
.ZuMeMi , .ZuMeMi a {
/* 	background-color: var(--color-menu-item); */
	color: var(--color-text-light);
}

/* Color Palette styles
-------------------------------------------------- */
.modal-body .colorPalette .nav-item 
{
	width:10em;
}
.colorPalette .nav-item 
{
	width:15em;
	border-radius: 5px;
	-webkit-border-radius: 5px; /* Safari,Google Chrome用 */
	-moz-border-radius: 5px; /* Firefox用 */
	padding: 0.25rem;
	margin: 0.25rem;
}
.colorPalette .nav-item
{
	font-size: 0.75rem;
}
.colorPalette .nav-link
{
    display: block;
	padding-top: 0.25rem;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	padding-bottom: 0.25rem;
}
.colorPalette .navbar-text
{
	color: var(--color-text-dark);
	margin-left: 0.5rem;
	padding-top: 0.5rem;
	padding-bottom: 0;
}

.facility-name {
	font-size: 1.5rem;
}

/* select box time styles
-------------------------------------------------- */
select.select-time, select.select-time:not([size]):not([multiple]) 
{
	width: 6rem;
	height: 30px;
}

/* Header styles
-------------------------------------------------- */
.sticky-header {
	
	-webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
    
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    
	background-color: var(--color-header-area);
	padding: 0.25rem;
}
/* Daily Only */
.LLrud9 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
/* Mypage Only */
.cKQpB5 {
    position: relative;
    display: flex;
    justify-content: space-between;
}
.VMFTYm {
    margin-bottom: 0;
	display: flex;
	justify-content: flex-end;
}

/* Sign Out 
-------------------------------------------------- */
.PT4u6B {
	text-align: left;
	margin-right: auto;
	padding-right: 0.5rem;
	color: var(--color-text-light);
	background-color: transparent;
	cursor: pointer;
}

/* Sticky footer styles
-------------------------------------------------- */
.sticky-footer {
	flex-shrink: 0;
	background-color: var(--color-footer-area);
	padding: 0.25rem;
	font-size: 0.5rem;
}
.sticky-footer .copy {
	font-size: 0.8rem;
	color: var(--color-text-footer);
	margin: 0;
}

/* Alert Message
-------------------------------------------------- */
#alert-message {
	display: none;
}

/* Modal styles
-------------------------------------------------- */
.modal .modal-header,
.modal .modal-footer {
	background-color: var(--color-modal-header);
}
.modal .modal-title {
	color: var(--color-text-light);
}
.modal .modal-body .table {
	color: var(--color-text-dark);
}
.modal .modal-header .close  
{
	color: var(--color-text-light);
	padding:1rem;
	margin-top: -1rem;
	margin-right: -1rem;
	margin-bottom: -1rem;
	margin-left: 0.5rem;
}
.modal .modal-dialog 
{
	width:750px;
	min-width: 750px;
	max-width: 750px;
}
.modal #action-container
{
	background-color: var(--color-interface-area);
	padding-top:0rem;
	padding-bottom:0.5rem;
	padding-left:0rem;
	padding-right:0.5rem;
}
.modal .list-container
{
	width: 480px;
	min-width: 480px;
}
.modal .color-list-container
{
	width: 700px;
	min-width: 700px;
}
.modal .list-container
{
    height: 480px;
    min-height: 480px;
    overflow: hidden;
}
.modal .color-list-container
{
    height: 480px;
    min-height: 480px;
    overflow: hidden;
}
.modal .table 
{
    margin-bottom: 0;
}
.modal .table tbody th,
.modal .table tbody td
{
	border: 0;
    padding: 0;
    padding-bottom: 0.3125rem;
    vertical-align:middle;
}
.modal .form-control 
{
	margin: 0;
}
.modal .form-group 
{
	margin: 0;
}
.modal .col-form-label 
{
	padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
}
.modal select.form-control 
{
	height:26.8px ;
}
.modal .table tbody th
{
/* 	width: 100px; */
/* 	text-align: right; */
    vertical-align:top;
    padding-top: 0.25rem;
}
.modal .table thead th,
.modal .table thead td,
.modal .table tbody th,
.modal .table tbody td
{
    padding-top: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 0.5rem;
    padding-right: 0rem;
}

#modalStaffTemperature select ,
#modalChildTemperature select , 
#modalTemperature select 
{
	height:45px;
	font-size: 2.0rem;
}
.modal .kanji-name-item {
	margin:0;
	margin-top:0.5rem;
	margin-bottom:0.5rem;
	font-size: 1.5rem;
	font-weight: bold;
}
.modal .EQ3xxC {
	padding-top: 0.5rem;
	margin-bottom: 0rem;
	margin-left: 0.5rem;
	margin-right: 0.5rem;
	font-size: 1.5rem;
}
.modal .cNCk8j{
	width: 10rem;
    min-width: 10rem;	
}
.modal .igNYxL {
	font-size: 0.75rem;
}

/* Trumbowyg styles
-------------------------------------------------- */
.trumbowyg-box {
	margin: 0;
}
.trumbowyg-button-pane {
	white-space: normal;
}
.trumbowyg-editor {
	padding: 0.5rem;
}
.trumbowyg-editor p {
	margin: 0;
}
.trumbowyg-editor *,
.trumbowyg-editor span,
.trumbowyg-editor font {
	font-size: inherit !important;
	font-family: inherit !important;
}

/* Check Box
-------------------------------------------------- */
.checkbox-input {
	display: none;
}
.checkbox-parts {
	padding-left: 23px;
	position: relative;
	margin-right: 23px;
	margin-bottom: 0;
}
.checkbox-parts::before {
  content: "";
  display: block;
  position: absolute;
  top: 9;
  left: 0;
  width: 18px;
  height: 18px;
  padding-top: 0.5rem;
  border: 1px solid var(--color-checkbox-border);
  border-radius: 4px;
}
.checkbox-input:checked + .checkbox-parts {
  color: var(--color-checkbox-select);
}
.checkbox-input:checked + .checkbox-parts::after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 6px;
  width: 7px;
  height: 15px;
  transform: rotate(40deg);
  border-bottom: 3px solid var(--color-checkbox-select);
  border-right: 3px solid var(--color-checkbox-select);
}
.checkbox-group {
	padding-left: 0.5rem;
	height: 21px; /* top:6 + height:15px; */
}
.checkbox-none {
	display: none;
}
.is-select {
	color: var(--color-text-light) !important;
	background-color: var(--color-panel-select) !important;
	border: 1.5px solid var(--color-panel-select-border) !important;
}

#modalChildTemperature .checkbox-parts {
	padding-left: 40px;
}
#modalChildTemperature .checkbox-parts::before 
{
  width: 30px;
  height: 30px;
}
#modalChildTemperature .checkbox-input:checked + .checkbox-parts::after{
  top: 7px;
  left: 9px;
  width: 14px;
  height: 21px;
}

/* Accordion
-------------------------------------------------- */
#accordion_menu h3 {
	margin-top:0;
	margin-right:0;
	margin-bottom: 0;
	margin-left: 0.5rem;
	padding: 0.5rem;
	font-size:1.0rem;
	font-weight: bold;
	color: var(--color-text-section);
	cursor : pointer;
	display: flex;
	align-items: center;
}
#accordion_menu h3:after {
    content: "";
    flex-grow: 1;
    height: 2px;
    background: var(--color-text-section);
    display: block;
    margin-left: 16px;
}
#accordion_menu h3:hover{
    background: #e7e7e7;
}
#accordion_menu a {
	margin-top:1rem;
	margin-right:0;
	margin-left: 0.5rem;
}
#accordion_menu a[data-toggle="collapse"]{
	display: block;
	text-decoration: none;
	position: relative;
}
#accordion_menu a[data-toggle="collapse"]:hover{
    background: #e7e7e7;
}
#accordion_menu a[data-toggle="collapse"]::after{
    content:"";
	font-weight: bold;
    display: block;
    width: 8px;
    height: 8px;
    border-top: var(--color-text-section) 2px solid;
    border-right: var(--color-text-section) 2px solid;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
#accordion_menu a[aria-expanded=false]::after{
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transition-duration: 0.3s;
}
#accordion_menu a[aria-expanded=true]::after{
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    transition-duration: 0.3s;
}

/* Card CSS
-------------------------------------------------- */
.card-header {
    cursor: pointer;
    background: var(--color-interface-area);
}
.card-header h6 {
	margin-left: 0.5rem;
}
.card .card-header a {
    color: #428bca;
}
.card-header .row {
	margin-left: 0;
	margin-right: 0;
}
.card .card-header a[data-toggle="collapse"] {
  display: block;
  padding: .75rem 1.25rem;
  margin: -.75rem -1.25rem;
}
.card-header p {
	margin-bottom: 0.25rem;
}
.card-body p {
	margin-bottom: 0.25rem;
}

/* link
-------------------------------------------------- */
.link {
	text-decoration: underline;
	color: var(--color-text-dark);
}
.link a:hover,
.link:focus {
	text-decoration: underline;
	color: #666;
}
a {
	color: var(--color-text-dark);
	cursor: pointer;
}
a label{
	cursor: pointer;
}

/* icon
-------------------------------------------------- */
.simple-icon {
	margin : 0;
	padding-left : 0.3rem;
	padding-top : 0.5rem;
	padding-bottom : 0.5rem;
	position: relative;
	display: inline-block;
}
.simple-icon-box {
	margin : 0;
	padding-left : 0.125rem;
	padding-top : 0.125rem;
	padding-bottom : 0.125rem;
	position: relative;
	display: inline-block;
}
.simple-icon-list {
	margin : 0;
	padding-left : 0.3rem;
	padding-top : 0.25rem;
	padding-bottom : 0.25rem;
	position: relative;
	display: inline-block;
}

/* balloon
-------------------------------------------------- */
.balloon {
  display: none;
  position: absolute;
  padding: 16px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;  
  border-radius: 8px;
  background: #111;
  color: #fff;
  z-index: 1;
}
.balloon:after {
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -10px;
  border-bottom-color: #333;
  pointer-events: none;
  content: " ";
  z-index: 1;
}
/* non-responsive
-------------------------------------------------- */
.container {
	width: 970px;
	max-width: none !important;
}

/* required
-------------------------------------------------- */
.must {
	background-color: var(--color-required);
}
.must, .free {
	color: var(--color-text-light);	
	border-radius: 3px;
	font-size: 0.5rem;
	margin-left:0.25rem;
	padding: 5px 5px;
	letter-spacing: 0.2em;
}
/* Section
-------------------------------------------------- */
.section_text {
	margin-top:1rem;
	margin-right:0;
	margin-bottom: 1rem;
	margin-left: 0.5rem;
	font-size: 14px;
	font-weight: bold;
	color: var(--color-text-section);
}

/* Bread
-------------------------------------------------- */
.bread {
  list-style : none;
  overflow : hidden;
}
.bread li {
  float : left;
  line-height : 90px;
/*   line-height : 60px; */
}
.bread li a {
  display : block;
  float : left;
  padding : 0 15px 0 30px;
  color : var(--color-text-dark);
  text-decoration : none;
  background-color : var(--color-breadcrumb-panel);
}
.bread li a::before {
  display : block;
  width : 15px;
  height : 30px;
/*   height : 20px; */
  border-right : 5px solid #FFFFFF;
  margin : 0 -25px -45px auto;
/*   margin : 0 -25px -30px auto; */
  background-color : var(--color-breadcrumb-panel);
  content : " ";
  -webkit-transform : skew(20deg);
  -moz-transform : skew(20deg);
  transform : skew(20deg);
}
.bread li a::after {
  display : block;
  width : 15px;
  height : 30px;
/*   height : 20px; */
  border-right : 5px solid #FFFFFF;
  margin : -45px -25px 0 auto;
/*   margin : -30px -25px 0 auto; */
  background-color : var(--color-breadcrumb-panel);
  content : " ";
  -webkit-transform : skew(-20deg);
  -moz-transform : skew(-20deg);
  transform : skew(-20deg);           
}
.bread li.current a {
  color : var(--color-text-light);
  background-color : var(--color-checkbox-select);
}
.bread li.current a::after, .bread li.current a::before {
  background-color : var(--color-checkbox-select);
}
.bread .nav-link.active, .bread .nav-item.show .nav-link {
  color : var(--color-text-light);
  background-color : var(--color-checkbox-select);
}
.bread .nav-link.active::after, .bread .nav-item.show .nav-link::after ,
.bread .nav-link.active::before, .bread .nav-item.show .nav-link::before {
  background-color : var(--color-checkbox-select);
}
.bread li a:hover {
  color : var(--color-text-light);
  background-color : var(--color-breadcrumb-hover);
}
.bread li a:hover::before, .bread li a:hover::after {
  background-color : var(--color-breadcrumb-hover);
}
.bread .nav-item {
	margin-top: 0.5rem;
	
}


/* language
-------------------------------------------------- */
 /* === ラジオボタンは非表示 ================== */
#langChenge input[type="radio"]{
  display    : none;
}
 
 /* === 各ラジオボタンのラベルをボタンに変更 == */
#langChenge label{
  display    : inline-block;
  border     : 1px solid #ccc;
  box-shadow : 2px 2px #999;
  padding    : 2px 6px;
}
 
 /* === 選択されている言語のラベル色を変更 ==== */
#langChenge input[type="radio"]:checked + label {
  background : #ffa64d;
}

/* scrollbar
-------------------------------------------------- */
::-webkit-scrollbar {
    background: transparent;
    height: 8px;
    width: 8px;
}
::-webkit-scrollbar-thumb {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: var(--color-scrollbar-thumb);
    -webkit-border-radius: 8px;
    border-radius: 8px;
    min-height: 40px;
}
/* Tab Control
-------------------------------------------------- */
.hZUigU .nav-link {
	background-color : var(--color-tab-control-base);
	border-color: #dee2e6 #dee2e6 #fff;
}
.hZUigU .nav-link.active {
	color : var(--color-text-light);
	background-color : var(--color-tab-control-active);
}
	
	
	
	
	
}