/* 全体 */

body, .unibtn {
	color: #353535;
	background: #FFFBEE;
}

a:link {
	color: #194593;
}
a:visited {
	color: #194593;
}
a:hover {
	color: #C70026;
}


/*---------------------------
 ヘッダー
----------------------------*/
#header_content {
	background: var(--sub_color);
}
#header_content::before {
	background: var(--sub_color);
}
#header a:link,
#header a:visited,
#header a:active,
#header a:hover {
	color: var(--main_color);
}
#logoutBtn {
	background: #FFFBEE;
	color: var(--main_color);
}
.headerMenuBtn {
	background: #FFFFFF;
}

#headerMenu .active_btn {
	background: var(--midasi_bg_color);
}

#header #headerTtl .siteName {
	background: #FFFFFF;
	color: var(--main_color);
}

/* サブヘッダー（ログイン後のメニュー） */
#head_subManu {
	background: #FFFFFF;
}

	#head_subManu .kagoCnt {
		background: var(--accent_color);
		color: #FFFFFF;
	}

.subMenu_wrap .myMenu a {
	color: #333333;
}


/* 閲覧支援 */
.comm_toggle-panel {
	background: var(--midasi_bg_color);
}

.menuPanel .head_wp .acc_wp {
	background-color: #FFFFFF;
}
	.menuPanel .head_wp .acc_wp .panel_close {
		background: #FFFFFF;
	}

		.menuPanel .head_wp .acc_wp .panel_close svg {
			fill: var(--main_color);
			stroke: var(--main_color);
		}

	.menuPanel .head_wp .acc_wp .panel_title {
		background-color: var(--sub_color);
		color: var(--panel_font_color);
	}

.change_title {
	color: var(--panel_font_color);
}
#area_languages .lang-link .lunguage {
	color: #194593;
}
	#area_languages .lang-link .lunguage:hover {
		color: #C70026;
	}

/*---------------------------
トップページ
----------------------------*/
#msgCn,
#kinkyuArea .mainArea,
#searchAkiArea .mainArea,
#osiraseArea {
	background: #FFFFFF;
}
.kensu {
	background-color: #D20000;
	color: #FFFFFF;
}
#kinkyuArea {
	background-color: #FFF5F5;
}
	#kinkyuArea .title {
		color: #b91c1c;
		fill: #b91a1a;
	}
	#kinkyuArea .mainArea {
		color: #B91C1C;
	}
	#searchAkiArea {
		background: var(--main_color);
	}
	#searchAkiArea .title{
		color:#FFFFFF;
	}
		#searchAkiArea .title:before, #searchAkiArea .title:after {
			background:#FFFFFF;
		}
.search_btn {
	background: var(--main_color);
	color: #FFFFFF;
}
.btn_icon {
	background: #F6F6F6;
}
.btn01 {
	background: #FFFFFF;
	color: #4b4b4b;
}
#osiraseArea .ichiran {
	background: #f7f7f7;
}
.listInfo ul li.item:hover {
	background-color: #f6f6f6;
}
.date .sisetuName {
	background: #FFFFFF;
}
.new {
	background: #D43D25;
	color: #FFFFFF;
}
.my-mainColo {
	fill: var(--main_color);
	color: var(--main_color);
}
.my-accentColor {
	fill: var(--accent_color);
}
.my-subColor {
	fill: var(--sub_color2);
}

/*---------------------------
 フッター
----------------------------*/
#footer {
	background: var(--sub_color);
}
ul#footertextlink {
	color: #ffffff;
}
#footer .footer_main .linkArea #footerTtl .siteName {
	background: #FFFFFF;
	color: var(--main_color);
}
div#copyright {
	background: var(--main_color);
	color: #FFFFFF;
}
#topbtn svg {
	background: #FFFFFF;
}

#pageTopImg {
	fill: #FFFFFF;
}

/*---------------------------
 第二階層
----------------------------*/

/*** 見出し ****/
h2 {
	background: var(--h2_bg_color);
	color: var(--h2_text_color);
}
h3 {
	background: var(--h3_bg_color);
}
h3.sisetuGrpName {
	background: #FFFFFF;
	color: var(--main_color);
}
h4 {
	background-image: linear-gradient( 90deg, var(--h4_line_color) 0 20%, var(--midasi_bg_color) 20% );
	background-color: var(--h4_bg_color);
}
/*** 注意文 ****/
.attention {
	color: #D20000;
}

/*** テーブル ****/
table.sisetuInfoTable th {
	background: var(--table_th_color);
}
table.sisetuInfoTable td {
	background: #FFFFFF;
}
table.myPage_table th {
	background: var(--table_th_color);
}
table.myPage_table td {
	background: #FFFFFF;
}

table.yoyakuDetailTble th {
	background: var(--table_th_color);
}
table.yoyakuDetailTble td {
	background: #FFFFFF;
}

table.sinseiTable th {
	background: #F6F6F6;
}
table.sinseiTable td {
	background: #FFFFFF;
}

/*** カレンダー ****/
.cal_sisetu tr.weekDay {
	background: var(--midasi_bg_color);
}
.cal_sisetu td:not(.cal_space) {
	background: #F8F9FA;
}
.cal_holiday {
	color: #C50000;
}
.cal_saturday {
	color: #0039D6;
}
.cal_sisetu td.cal_kyukan {
	background-color: #FFEEEE;
}
.cal_sisetu td.cal_kyushi {
	background-color: #e0ffff;
}
.cal_day_info {
	color: #C50000;
}

/*** 改ページ ****/
.pagination .page-items {
	color: var(--main_color);
	background:#FFFFFF;
}
.pagination .current {
	color: #FFFFFF;
	background-color: var(--main_color);
}
.pagination a:hover,
.pagination span:hover {
	color: #FFFFFF;
	background-color: var(--main_color);
}

/***  戻る・ホーム　リンク ****/
.backLink {
	fill: var(--main_color);
}
.homeLink {
	fill: var(--main_color);
}

/*** ボタン ****/
.menuBtn {
	background: #FFFFFF;
}
.btnArea .normalBtn {
	background: var(--main_color);
	color: #FFFFFF;
}
.btnArea .normalBtn:disabled {
	opacity: 0.4;
}

/*** 施設一覧 ****/
.sisetuBox .sisetuItem .sisetuName {
	background: var(--main_color);
	color: #FFFFFF;
}
.favorite {
	background: #FFFFFF;
	color: #333333;
	fill: #A9A9A9;
}
.favorite_checked {
	fill: var(--accent_color);
}
.sisetuBox .sisetuItem .sisetuDetail {
	background: #FFFFFF;
}
	.sisetuBox .sisetuItem .sisetuDetail .ditailItem .subTtl {
		background: var(--midasi_bg_color);
		color: var(--main_color);
	}
.sisetuLink {
	background: var(--sub_color);
	color: var(--main_color);
}
.isNews {
	background: #ffefed;
	color: #D43D25
}
.noNews {
	background: #FFFFFF;
	color: #D5D5D5
}
.linkMap{
	background:#FFFFFF;
}
.tag_noUketuke {
	color: #D43D25;
	background: #FFEEEE;
}

/*** 施設詳細 ***/
.sisetuInfoArea{
	background:#FFFFFF;
}
	.sisetuInfoArea .midasi {
		background: var(--midasi_bg_color);
		color: var(--main_color);
	}
.YoyakuBtn {
	background: #FFFFFF;
}
#sisetuInfo .selectMonth {
	background: none;
	color: var(--main_color);
}

/*** 空き状況検索（施設種別選択） ***/
.menuListArea {
	background: var(--midasi_bg_color);
}
.fukugoukensaku .menuBtn > svg{
	stroke: var(--main_color);
}
.menuLinkBox .menuLink {
	fill: var(--main_color);
}
/* 空き状況検索（施設選択） */
#sentaku-area .sentakuItem {
	background: #FFFFFF;
}

/*** マイページ ****/
.myIcon {
	fill: var(--main_color);
	background:#FFFFFF;
}
	.myIcon .stroke {
		stroke: var(--main_color);
	}

	.myIcon .midokuMsg {
		color: #D20000;
	}

/*** 空き状況検索（利用日選択）****/
#selectSisetu {
	background: var(--midasi_bg_color);
}
.yoyakuCalTbl{
	background:#FFFFFF;
}
	.yoyakuCalTbl td.calDaycell {
		background: #F8F9FA;
	}

	.yoyakuCalTbl td.calPast {
		color: #A5A5A5;
	}

	/* 土日背景色*/
	.yoyakuCalTbl tr.week td.weekDay1,
	.reserveConditionTable td.weekDay1 {
		background: #FFF1F1;
	}

	.yoyakuCalTbl tr.week td.weekDay7,
	.reserveConditionTable td.weekDay7 {
		background: #E5F4FC;
	}
.selectMonth {
	background: var(--main_color);
	color:#FFFFFF;
}
.yoyakuCalTbl tr.weekDay {
	background: var(--midasi_bg_color);
}
.selectWeek {
	background: #F6F6F6;
}
/* 土日文字色*/
.weekDay1 {
	color: #D20000;
}

.weekDay7 {
	color: #032AC2;
}
/* 検索ボタン */
#btn_search {
	background: var(--main_color);
	color:#FFFFFF;
}

#btn_clear {
	background:#F6F6F6;
	color: var(--main_color);
}

/*** 時間帯別空き状況 ***/
.reservationApplication-header {
	background: var(--table_th_color);
}
.headblankx {
	background: var(--table_th_color);
}
/* 申請可能枠 */
.applyEnable {
	background: white;
}
/* 申請選択中枠 */
.applying {
	background: rgba(141, 135, 222, 1);
	box-shadow: -1px -1px rgba(0,0,0,0.4) inset;
}
#dsptbl {
	background:#FFFFFF;
}
/* 申請可能枠 */
.color-reserved {
	background: #F4A460;
}
/* 予約不可枠 */
.color-reserveImpossible {
	background: #DDDDDD;
}
/* 抽選受付枠 */
.color-lotteryPeriod {
	background: #ccff99;
}
/* 抽選要枠 */
.color-lottery {
	background: #88bb55;
}
/* 選択済枠 */
.color-applicantList {
	background: #FFFF66;
}
/* 申請不可枠 */
.color-applicantImpossible {
	background: #e6e68a;
}
.scheduleinfo .errMsg {
	background: #FFFFFF;
}
.actBtn {
	background: var(--main_color);
	color:#FFFFFF;
	fill:#FFFFFF;
}
	.actBtn svg.confBtn {
		stroke: #FFFFFF;
		fill: none;
	}

	.actBtn .stroke {
		stroke: #FFFFFF;
	}

.kyukanbi {
	background: #C50000;
	color: #FFFFFF;
}

/*** メッセージ一覧 ****/
.myPage_table .midoku {
	background: #D43D25;
	color: #FFFFFF;
}

/***  予約申請（カゴ） ****/
#sinseiList {
	background:#FFFFFF;
}
	#sinseiList .setYoyakuBtn {
		background :#FFD3A6;
	}

.delImg {
	fill: #d20000;
}
.error_area {
	color: #D20000;
}
.bkgray {
	background-color: rgb(192, 190, 190);
}
/***  画面進捗(ステップ)表示用 ****/
.step_content {
	background: #FFFFFF;
}
	.step_content .step li::before {
		background-color: #EAEAEA;
		color: var(--main_color);
	}
		.step_content .step li.is-current::before {
			background: #198754;
			color: #FFFFFF;
		}

/*** 利用者登録申請 ****/
#message_area {
	color: #D20000;
}
table.formTable th {
	background: #F6F6F6;
}
table.formTable td {
	background: #FFFFFF;
}
table.formTable input[type=text], table.formTable textarea,
table.formTable input[type=tel], table.formTable input[type=password] {
	border: solid 1px #CECECE;
}
table.formTable select {
	border: solid 1px #CECECE;
}
	table.formTable input[type=file]::file-selector-button {
		border: solid 1px #CECECE;
		background: #F1F1F1;
	}
.btn-zip {
	border: solid 1px #EE7800;
	background: #FFFFFF;
	stroke: var(--accent_color);
}
.btn-address {
	border: solid 1px #387D39;
	background: #FFFFFF;
	fill: var(--main_color);
}
.btn-other {
	background: #FFFFFF;
	fill: var(--accent_color);
}
.btn-digitalAuth {
	background-color: #FFFFFF;
}
/* 必須項目 */
.required {
	color: #D20000;
}

/*** 支払済一覧 ****/
.text-warning {
	color: #D20000;
}
.font-red {
	color: #D20000;
}
.font-blue {
	color: blue;
}
a.disp-bt {
	border: solid 1px var(--main_color);
	background-color: var(--sub_color);
	color: var(--main_color);
}
	a.disp-bt :visited {
		color: var(--main_color);
	}

/*** 複合検索画面 ****/
#selectCalYM {
	background: var(--midasi_bg_color);
}

/*** 複合検索結果画面 ****/
.statusExample {
	background: #FFFFFF;
}
.reservationFull {
	background: rgba(220, 220, 220, 1);
}
.selectedCell {
	background: rgba(250,150,50,1);
}
/* クリックできる枠のリンク色 */
.linkOK {
	color: #0571b0;
	border-bottom: 1px solid #0571b0;
}
	.linkOK:hover {
		color: #CC0000;
		border-bottom: 1px solid #CC0000;
	}

.reserveConditionTable{
	background:#FFFFFF;
}
	.reserveConditionTable tr th {
		background: rgba(246, 246, 242, 1);
	}
	.reserveConditionTable tr .subInstitutionName {
		background: rgba(254, 254, 201, 1);
	}
	.reserveConditionTable td:empty {
		background-image: linear-gradient(to top right, rgba(254, 254, 201, 1) 0%, rgba(254, 254, 201, 1) 50%, rgba(0, 0, 0, 0.31) 50.1%, transparent 50.2%, transparent); /* 右下がりの斜線 */
	}
	.reserveConditionTable td.sticky::before {
		background: rgba(254, 254, 201, 1);
	}

/*** 予約詳細 ****/
.bikou {
	background: #EAEAEA
}
/*** 予約申請 ****/
.sinseiMake #kiyaku-body {
	background:#FFFFFF;
}

/*** 予約申請受付票 ****/
.uketukeInfo{
	background:#FFFFFF;
}

/*** 振替・取消・減免申請 ****/
table#appTable th {
	background: var(--table_th_color);
}

/*** 振替履歴一覧 ****/
.furikaeTab-wrap .tab-label {
	background: #d9d9d9;
}
.furikaeTab-wrap .tab-switch:checked + .tab-label {
	background: var(--main_color);
	color: #FFFFFF;
}

@media screen and (max-width:767px) {
	table .sisetuInfoTable td.sisetuName {
		background: var(--sub_color);
	}

	/* 
	支払詳細、支払い済み一覧、未収納一覧、
	メッセージ一覧、減免申請（一覧・詳細）、振替履歴一覧
	申込内容一覧、利用履歴一覧、施設検索結果、予約申請受付票、
	様式ダウンロード
	*/
	table.myPage_table tr {
		background:#FFFFFF;
	}
	table.myPage_table td:before {
		color:#333333;
	}
	table.myPage_table td.sp_midasi {
		background: var(--table_th_color);
	}

	/*
	メッセージ詳細、申込内容詳細、予約申請受付票
	*/
	#sinseiList{
		background:none;
	}
	table.sinseiTable tr:not(.redundant) {
		background: #FFFFFF;
	}
	table.sinseiTable td.sp_midasi {
		background: #F6F6F6;
	}

	.kensakuJyoken {
		background: var(--sub_color);
	}

	#jyokenNaiyo td.sp_dispText .arrow::before {
		border-top: solid 2px var(--main_color);
		border-right: solid 2px var(--main_color);
	}

	#jyokenNaiyoArea {
		background: var(--sub_color);
	}
}

	/* ************************* 日付選択カレンダー ************************* */
	.calToday {
		background: #FFFFCA;
		border: 3px solid lime;
	}
	.calPast {
		background: #DDDDDD;
	}
	/* loading */
	.loading {
		background: rgba(254, 254, 201,0.8);
	}

	#loading {
		box-shadow: 0 -30px 0 0 rgba(5,5,5,1), 15px -26px 0 0 rgba(5,5,5,1), 26px -15px 0 0 rgba(5,5,5,0.9), 30px 0 0 0 rgba(5,5,5,0.8), 26px 15px 0 0 rgba(5,5,5,0.7), 15px 26px 0 0 rgba(5,5,5,0.6), 0 30px 0 0 rgba(5,5,5,0.5), -15px 26px 0 0 rgba(5,5,5,0.4), -26px 15px 0 0 rgba(5,5,5,0.3), -30px 0 0 0 rgba(5,5,5,0.2), -26px -15px 0 0 rgba(5,5,5,0.1), -15px -26px 0 0 rgba(5,5,5,0);
	}

	/* ************************* 申請かご ScheduleKago.asp ************************* */
	/* 重複した予約 */
	.redundant {
		background: rgba(220, 220, 220, 1) ;
	}


	/*グレーのボタン */
	.gray_btn {
		background-color: #F5F5F5;
	}
		.gray_btn:hover {
			background-color: #DCDCDC;
		}

/* ************************* 利用手引き riyoutebiki.html ************************* */

.tebiki dt,
.tebiki-btm dt {
	background-image: linear-gradient( 90deg, var(--h4_line_color) 0 20%, var(--midasi_bg_color) 20% );
	background-color: var(--h4_bg_color);
}

.tebiki dt::before,
.tebiki-btm dt::before {
	background-image: linear-gradient( 90deg, var(--h4_line_color) 0 20%, var(--midasi_bg_color) 20% );
	background-color: var(--h4_bg_color);
}