.bd-placeholder-img {
	font-size: 1.125rem;
	text-anchor: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

@media (min-width: 768px) {
	.bd-placeholder-img-lg {
		font-size: 3.5rem;
	}
}

body{
	background-color:#eaeaea;
}
main{
}
footer{
	padding:20px;
	margin-top:20px;
}
#mainmenu{
	background-color:#eaeaea;
	transition:0.5s;
	padding-top:60px;
}
/* ヘッダーは太字。文字間をとる */
.card-header,.card-img-overlay,.btn{
	font-weight:bold;
	letter-spacing:0.05rem;
}
.card-header{
	font-size:1.25rem;
}
#sidemenu{/* サイドメニュー CSS */
	width:0px;
	height:100%;
	position:fixed;
	padding-top:70px;
	z-index:1;
	top:0;
	right:0px;
	overflow-x:hidden;
	background-color:#d8cbb9;
	transition:0.5s;
}
/* ヘッダーメニュー active用 CSS */
.dropdown-item.active, .dropdown-item:active{
	background-color: #e8e5dC;
	color:rgba(0,0,0,0.9);
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link{
	background-color: #e8e5dC;
}
.bg-cream{
	background-color:#F8F5EC
	}
	.bg-lightblue{
		background-color:#96ffff
		}
		.bg-lightyellow{
			background-color:#ffff7b
			}
	a {
		color: #333;
		text-decoration:none;
	}
	
	/* ヘッダーボタン色関連 */
	
	.fc .fc-button-primary{ /* */
		background-image:linear-gradient(rgba(83,176,131,1), rgba(93,184,91,1));
		border-color:#5EB95C;
	}
	.fc .fc-button-primary:hover{/* */
		background-image:linear-gradient(rgba(63,156,111,1), rgba(73,164,71,1));
		border-color:#4EA94C;
	}
	.fc .fc-button-primary:disabled{ /* */
		border-color:#5EB95C;
	}
	.fc .fc-button-active{/* */
		background-image:linear-gradient(rgba(43,136,91,1), rgba(53,144,51,1));
		border-color:#4EA94C !important;
	}
	.text-chacole{
		color:#AD7D45;
	}
	
	/* ヘッダー選択ボタン関連 */
	.openbtn{
		width:100px;
		font-size:12px;
		height:100%;
	}
	.openbtn button{
		background-color:#eee;
		border:1px solid #444;
		border-radius:5px;
		font-size:16px;
		width:40px;
		height:40px;
	}
	/* サイドメニューカードCSS */
	.card-header,.input-group-text{
		color:#fafafa;
	}
	
	/* 表関連CSS */
	th{
		background-color:#D5E800 !important;
	}
	th,td{
		vertical-align: baseline;
	}
	/* ボタン等 背景色CSS */
	.col-green{/* */
           color:#fff;
		border-color:#5EB95C;
		background-image:linear-gradient(rgba(83,176,131,1), rgba(93,184,91,1));
	}
      .col-border-green{/* */
           color:#5EB95C;
		border-color:#5EB95C;
	}
        .col-border-green:hover{/* */
           color:#fff;
        border-color:#5EB95C;
        background-image:linear-gradient(rgba(83,176,131,1), rgba(93,184,91,1));
	}
      
      .col-list-green.active {
        color: #fff;
        border-color:#5EB95C;
		background-image:linear-gradient(rgba(83,176,131,1), rgba(93,184,91,1));
      }
      
         .col-border-blue{/* */
           color:#5C5FB9;
        border-color:#5C5FB9;
	}
      
         .col-border-blue:hover{/* */
           color:#fff;
        border-color:#5C5FB9;
        background-image:linear-gradient(rgba(14,0,181,1), rgba(91,95,184,1));
	}
      
      .col-list-blue.active {
        color: #fff;
        border-color:#5C5FB9;
		background-image:linear-gradient(rgba(14,0,181,1), rgba(91,95,184,1));
      }
      
	.col-blue{/* */
		border-color:#5C5FB9;
		background-image:linear-gradient(rgba(14,0,181,1), rgba(91,95,184,1));
	}
	.col-orange{/* */
		border-color:#FFA114;
		background-image:linear-gradient(rgba(255,161,20,1), rgba(251,195,84,1));
	}
	.col-pink{/* */
		border-color:#E375AA;
		background-image:linear-gradient(rgba(227,116,169,1), rgba(255,106,222,1));
	}
	
	.col-lightgreen{/* 0125追加*/
		border-color:#A4E174;
		background-image:linear-gradient(rgba(164,225,116,1), rgba(213,232,0,1));
		color:#333;
	}
	
	.w_50px{
		width:50px;
	}
	.w_50p{
		width:50%;
	}
      
    .175em{
      font-size:1.75em !important;
    }
      
      .carousel-caption {
        bottom: 40%;
        left:10%;
      }
      
      /*-- d-flex使用時にタン縦幅が伸びてしまう際の対処クラス(4/15追加)--*/
      .flex-start{
        align-self: flex-start;
      }
      
	.form-select{/*セレクトボックス >　記号色→白 整形処理*/
		padding-right:25px;
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
			background-repeat: no-repeat;
			background-position: right .50rem center;
			background-size: 12px 12px;
		}
		.form-select-bk{/*セレクトボックス >　記号色→黒*/
			background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23222' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
			}
			
			.formtext_blue{/*フォームCSS:ブルー*/
				background:rgba(250,250,250,1);
				border:1px solid #5C5FB9;
				color:#5C5FB9;
			}
			.formtext_green{/*フォームCSS:グリーン*/
				background:rgba(250,250,250,1);
				border:1px solid #5EB95C;
				color:#5EB95C;
			}
			.formtext_orange{/*フォームCSS:オレンジ*/
				background:rgba(250,250,250,1);
				border:1px solid #FFA114;
				color:#FFA114;
			}
			.formtext_pink{/*フォームCSS:ピンク*/
				background:rgba(250,250,250,1);
				border:1px solid #E375AA;
				color:#E375AA;
			}
			.input-group-text{/*inputgroup 角丸0*/
				border-radius: 0rem;
			}
			.padding-20px-top{/*パディング上20px*/
				padding-top:20px;
			}
			.padding-5px-top{/*パディング上5px*/
				padding-top:5px;
			}
			.padding-20px-left{/*パディング左20px*/
				padding-left:20px;
			}
			.padding-5px-left{/*パディング左20px*/
				padding-left:5px;
			}
			.margin-20px-left{/*マージン左20px*/
				margin-left:20px;
			}
			/* サイドメニューカード関連CSS*/
			.sidemenu{color:#8D4D15;
			}
			
			/* スケジュール関連CSS*/
			.fc-h-event-green{ /*デフォルト:グリーン*/
				background-image:linear-gradient(rgba(132,227,116,1), rgba(213,231,0,1));
				border:0px;
				display:flex;
				align-items:center;
				padding:2px;
			}
			.fc-h-event-green:before{ /*デフォルト:利用予約の場合、「予」と表示*/
				content:'予';
				border:2px rgba(75,185,75,0.75) solid;
				background-color : rgba(255,255,255,0.75);
				padding:0 3px 0 3px;
				font-size:0.75rem;
				text-decoration:none;
				pointer-events:no;
				color:#141;
				font-weight:400;
				border-radius:0.25em;
				margin:0 2px 0 2px;
			}
			.fc-h-event-pink{ /*プログラム：ピンク*/
				background-image:linear-gradient(rgba(255,176,237,1), rgba(255,215,215,1));
				border:0px;
				display:flex;
				align-items:center;
				padding:2px;
			}
			.fc-h-event-pink:before{ /*デフォルト:利用予約の場合、「予」と表示*/
				content:'P';
				border:2px rgba(255,125,125,0.75) solid;
				background-color : rgba(255,250,250,0.75);
				padding:1px;
				font-size:0.75rem;
				text-decoration:none;
				padding:0 3px 0 3px;
				pointer-events:no;
				color:#411;
				font-weight:400;
				border-radius:0.25em;
				margin:0 2px 0 2px;
			}
			.fc-h-event-blue{ /*閉所：ブルー*/
				background-image:linear-gradient(rgba(175,197,252,1), rgba(191,227,247,1));
				border:0px;
				display:flex;
				align-items:center;
				justify-content:space-around;
				padding:2px;
			}
			
			.fc-bk-holiday{/*学校休業日背景色*/
				background-color:#F1F7FF;
				border:0px;
				display:flex;
				align-items:center;
				justify-content:space-around;
				padding:2px;
			}
			.fc-h-event-darkblue{ /*管理者のみ：学校休業日：緑ー*/
				background-image:linear-gradient(rgba(155,177,232,1), rgba(171,207,227,1));
				border:0px;
				display:flex;
				align-items:center;
			}
			.fc-h-event-darkblue:before{ /*デフォルト:利用予約の場合、「予」と表示*/
				content:'変更可能';
				border:2px rgba(125,125,255,0.75) solid;
				background-color : rgba(255,255,250,0.75);
				padding:1px;
				font-size:0.75rem;
				text-decoration:none;
				padding:0 3px 0 3px;
				pointer-events:no;
				color:#411;
				font-weight:400;
				border-radius:0.25em;
				margin:0 2px 0 2px;
			}
			.fc-bk-selected{/*カレンダー内日付選択時*/
				background-color:#F4FE84;
			}
			.fc-h-event .fc-event-main{/*予定内文字色*/
				color:#000;
			}
			
			.text-primary{/*bootstrapデフォルト上書き*/
				color:#6182D8 !important;
			}
			
			.bg-white{
				background-color:#fff;
			}
			
			
			
			input[type='checkbox'] {/*チェックボックスデザイン変更*/
				appearance: none;
				outline: none;
				position: relative;
				text-align: center;
				cursor: pointer;
				width: 1.2rem;
				height: 1.2rem;
				margin: 0 auto;
			}
			/*プログラムページ */
			.text-brown{
				color:#AD7D45;
			}
			.bk-brown{
				background-color:#D8CBB9;
			}
			.co-a90{
				background:rgba(255,255,255,0.9);
			}
			/*2/16追加 disabled 色調整  */
			select:disabled {
				opacity: 1.0;
				border-color: rgba(118, 118, 118, 0.3);
			}
			/*フロント：トップページ */
			
			.news-card{
				background-color:rgba(250,250,250,0.8);
				width:100%;
				height:auto;
				border-radius:10px;
				color:#AD7D45;
			}
			.padding-10px{
				padding:10px;
			}
			.card-img, .card-img-bottom, .card-img-top {
				height: 250px;
				object-fit: cover;
			}
			
			.bk-salmonpink{
				background-color:#FDDEB9;
			}
			.bk-lightgray{
				background-color:#DBDBDB;
			}
			.bk-a50{
				padding:0.1rem;
				background-color:rgba(50,50,50,0.5);
			}
			
			/*-- モーダル記事内 img 幅調整 --*/
			.article_body img{
				width:100%;
			}
			#article_body img{
				max-width	: 100%;
			}
			.btn-close{
				min-height	: 1em;
			}
			.moredetail{
				max-height:280px;
				overflow:scroll;
				background-color:#fafaea;
			}
			/*-- カードオーバーレイ使用時にボタンが押せなくなる不具合解消 --*/
			.card-img-overlay{
				height:50px;
			}
			/*--選択ボタンのPC、スマホ調整 --*/
			.togglesmap {
				font-size: 14px;
			}
			
			/*-- モーダル内が半角英数字で改行されない不具合解消(4/15追加)--*/
			.modal-header{
				word-break: break-all;
			}
			.modal-content{
				word-break: break-all;
			}
			/*-- d-flex使用時にタン縦幅が伸びてしまう際の対処クラス(4/15追加)--*/
			.flex-start{
			align-self: flex-start;
			}
			@media (min-width: 768px) {
				.togglesmap {
					display: none;
				}
			}
			
			@media (max-width: 767px) {
				.togglepc {
					display: none !important;
				}
			}

			
			/*-- iPhone Vertical View--*/
			@media screen and (max-width: 480px) {
				/*-- 全体フォントサイズ調整--*/
				html,body,button,.form-control,.form-select{
					font-size:0.96rem;
				}
				
				.accordion-body {
					padding: 1.0rem 0rem;
				}
				.navbar-nav,.dropdown-ite {
					padding: 1.00rem;
				}
				nav,.dropdown-item {
					font-size:1.1rem;
				}
				.btn{
					font-size:0.95rem;
					padding: .475rem .45rem;
				}
				.row>*{
					padding-right: calc(var(--bs-gutter-x)/ 2);
					padding-left: calc(var(--bs-gutter-x)/ 2);
				}
				.row {
					--bs-gutter-x: 1.25rem;
					margin-top: calc(var(--bs-gutter-y)) * -1);
					margin-right: calc(var(--bs-gutter-x))/ -8);
					margin-left: calc(var(--bs-gutter-x))/ -8); 
				}
				
				.margin-20px-left{
					margin-left:10px;
				}
				.card-img-overlay{
					padding:0.75rem;
				}
				.padding-20px-top{
					padding-top:10px;
				}
				
				.fc-daygrid-event-dot {
					margin: 0 0.5px;
					box-sizing: content-box;
					width: 0;
					height: 0;
					border: 2px solid #3788d8;
					border: calc(var(--fc-daygrid-event-dot-width, 4px)) / 4) solid var(--fc-event-border-color, #3788d8));
					border-radius: 8px;
					border-radius: calc(var(--fc-daygrid-event-dot-width, 4px)) / 4);
					
				}
				
				.fc-h-event-pink:before{ /*デフォルト:利用予約の場合、「予」と表示*/
					font-size:0.50rem;
					padding:0 1px 0 1px;
					margin:0 1px 0 1px;
					
				}
				.fc-h-event-green:before{ /*デフォルト:利用予約の場合、「予」と表示*/
					padding:0 1px 0 1px;
					font-size:0.50rem;
					margin:0 1px 0 1px;
				}
				.fc .fc-toolbar-title {
					font-size: 1.15em;
				}
				.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
					padding-right: var(--bs-gutter-x,.25rem);
					padding-left: var(--bs-gutter-x,.25rem);
				}
				
				.card-header,.card-img-overlay{
					font-size:1.05rem;
					font-weight:bold;
				}
				.card-body {
					padding: 1.25rem 0.5rem  1.25rem 0.5rem;
				}
				.fc table{
					font-size:0.8em;
				}
				.fc-event {
					margin-bottom: 8px;/*--　帯の隙間 event clearance--*/
				}
				.fc-event-title {
					font-weight:100;
					font-size:.45rem;/*--event title font size--*/
					letter-spacing:-0.03rem;
					font-weight: 400;
					display:overflow;
				}
				.fc-daygrid-dot-event .fc-event-title {
					font-weight: 400;
				}
				/*-- ヘッダ　ツールバー --*/
				.fc-header-toolbar{
					position: -webkit-sticky;
					position: sticky;
					top: 0px;
					z-index:9;
					background-color:white;
				}
				.fc-center h2{ /*-- 年月表示 --*/
					margin-top:10px;
				}
				/*-- カレンダーヘッダ Sun to Sat --*/
				.fc-head{
					position: -webkit-sticky;
					position: sticky;
					top: 86px;
					z-index:10;
					background-color:#e9e9e9;/*--背景色--*/
				}
			}