body {
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 400;
	font-style: normal;
}

header{
	.logo-blk{
		align-items: center;
		h1{
			margin-bottom: 0;
		}
	}
	.contact-btn{
		a{
			background-color: #C9E7F9;
			padding: 1.2em 1.5em;
			font-size: 1.5em;
			border-radius: 0.5em;
			color: #1A386E;
			text-decoration: none;
			font-weight: bold;
			img{
				display: inline-block;
				height: 2em;
				padding-right: 0.5em;
			}
		}
	}
	ul{
		list-style-type: none;
		justify-content: space-evenly;
		li{
			padding:0 0.5em;
			border-right: solid 2px #1A7DB4;
			width: calc(100% / 7);
			text-align: center;
		}
		li:last-child{
			border-right: none;
		}
		a{
			color: #1A7DB4;
			text-decoration: none;
			font-weight: bold;
		}
		a:hover{
			text-decoration: underline;
		}
	}
}
main{
	background-image: url('../img/bg.png');
	background-size: cover;
	.mainvisual-blk{
		background-color: #C9E7F9;
		position: relative;
		margin-bottom: 100px;
		z-index: 2;
	}
	.mainvisual-blk:after{
		content: "";
		position: absolute;
		bottom: -300px;
		left: 0;
		width: 100%;
		background-repeat: no-repeat;
		background-size: cover;
		background-image: url('../img/bg2.png');
		aspect-ratio: 2200/480;
		z-index: -1;
	}
	.news-and-category-blk{
		position: relative;
		z-index: 2;
		.news-blk-wrap{
			h2{
				padding-bottom: 1em;
				color: #ffffff;
				font-weight: bold;
				font-size: 1.8em;
			}
			h2:before{
				content: "";
				display: inline-block;
				width: 3em;
				height: 3em;
				background-image: url('../img/title_icon01.png');
				background-size: contain;
				background-repeat: no-repeat;
				margin-right: 0.5em;
				vertical-align: middle;
			}
			background-color: #75B5E4;
			padding: 2em 4em;
			border-radius: 1em;
			a{
				color: #ffffff;
				text-decoration: none;
				border-bottom: dotted 1px #ffffff;
				margin-bottom: 1em;
				margin-top: 1em;
				font-weight: bold;
			}
			.bousai-blk{
				width: 95%;
				margin: 0 auto;
				border-radius: 0.5em;
				border: dashed 3px #17598D;
				background-color: #fff;
				a{
					color: #17598D;
					border-bottom: dashed 2px #17598D;
				}
			}
			.oshirase-blk{
				width: 95%;
				margin: 0 auto;
				border-radius: 0.5em;
				border: solid 1px #17598D;
				background-color: #fff;
				a{
					color: #17598D;
					border-bottom: dotted 1px #17598D;
				}
			}
		}
		.category-blk{
			img{
				width: 80%;
			}
		}
	}
	.event-blk-wrap{
		background-color: #C9E7F9;
		.event-search-blk{
			a{
				display: block;
				padding: 1em 3em;
				background-color: #ffffff;
				text-decoration: none;
				color: #17598D;
				border-radius: 1em;
				font-weight: bold;
				font-size: 1.4em;
			}
		}
		h2{
			color: #17598D;
			font-weight: bold;
		}
		h2:before{
			content: "";
			display: inline-block;
			width: 3em;
			height: 3em;
			background-image: url('../img/title_icon02.png');
			background-size: contain;
			background-repeat: no-repeat;
			margin-right: 0.5em;
			vertical-align: middle;
		}
		h3{
			color: #17598D;
			font-weight: bold;
		}
		h3:before{
			content: "";
			display: inline-block;
			width: 1.5em;
			height: 1.5em;
			background-image: url('../img/mushimegane.png');
			background-size: contain;
			background-repeat: no-repeat;
			margin-right: 0.5em;
			vertical-align: middle;
		}
		a.cal-link:before{
			content: "";
			display: inline-block;
			width: 2em;
			height: 2em;
			background-image: url('../img/icon01.png');
			background-size: contain;
			background-repeat: no-repeat;
			margin-right: 0.5em;
			vertical-align: middle;
		}
		a.event-list:before{
			content: "";
			display: inline-block;
			width: 2em;
			height: 2em;
			background-image: url('../img/icon02.png');
			background-size: contain;
			background-repeat: no-repeat;
			margin-right: 0.5em;
			vertical-align: middle;
		}
		input#s{
			width: 80%;
			font-size: 1.5em;
		}
		.event-carousel-blk{
			a{
				text-decoration: none;
				color: #17598D;
				font-weight: bold;
				font-size: 1.2em;
				img{
					width: 98%;
					padding-bottom: 1em;
				}
			}
			
			.swiper-container{
				position: relative;
			}
			/* 前へ次への矢印カスタマイズ */
			.swiper-button-prev::after,
			.swiper-button-next::after {
				bottom: 0;
				content: "";
				height: 0;
				margin: auto;
				position: absolute;
				top: 0;
				width: 0;
			}
			/* 前への矢印カスタマイズ */
			.swiper-button-prev::after {
				border-bottom: 20px solid transparent;
				border-right: 30px solid #ffffff;
				border-top: 20px solid transparent;
			}
			/* 次への矢印カスタマイズ */
			.swiper-button-next::after {
				border-bottom: 20px solid transparent;
				border-left: 30px solid #ffffff;
				border-top: 20px solid transparent;
			}
			/* 画像サイズ調整 */
			.swiper-slide img {
				height: auto;
				width: 100%;
			}
		}
		.old-event{
			text-decoration: none;
			color: #17598D;
			font-weight: bold;
			font-size: 1.2em;
		}
	}
	.info-blk-wrap{
		.e-machi-blk{
			h2{
				color: #17598D;
				font-weight: bold;
			}
			h2:before{
				content: "";
				display: inline-block;
				width: 3em;
				height: 3em;
				background-image: url('../img/title_icon03.png');
				background-size: contain;
				background-repeat: no-repeat;
				margin-right: 0.5em;
				vertical-align: middle;
			}
			.img-wrap{
				background-image: url('../img/keijiban2.png');
				background-repeat: no-repeat;
				background-size: cover;
				aspect-ratio: 291/380;
				img{
					padding-top: 22% !important;
					width: 45% !important;
					padding-bottom: 0.2em;
				}
				a.thislink{
					color: #ffffff;
					text-decoration: none;
					padding-bottom: 4em;
				}
				a.alllink{
					text-decoration: none;
					color: #17598D;
					font-weight: bold;
				}
			}
		}
		.katsudou-blk{
			background-color: #75B5E4;
			padding: 2em 4em;
			border-radius: 1em;
			color: #ffffff;
			h2{
				font-weight: bold;
			}
			h2:before{
				content: "";
				display: inline-block;
				width: 3em;
				height: 3em;
				background-image: url('../img/title_icon04.png');
				background-size: contain;
				background-repeat: no-repeat;
				margin-right: 0.5em;
				vertical-align: middle;
			}
			a{
				display: block;
				color: #ffffff;
				text-decoration: none;
				margin-bottom: 2em;
				font-weight: bold;
				.row{
					align-items: flex-end;
					.col-md-10{
						border-bottom: dotted 2px #ffffff;
						p{
							span{
								padding-right: 2em;
							}
						}
					}
				}
			}
			a:hover{
				text-decoration: underline;
			}
		}
	}
}
footer{
	font-weight: bold;
	background-color: #C9E7F9;
	ul{
		list-style-type: none;
		li{
			padding:0 0.5em;
		}
		a{
			color: #1A7DB4;
			text-decoration: none;
			
		}
		a:hover{
			text-decoration: underline;
		}
	}
}

section.fix-page{
	h1{
		font-size: 1.9rem;
		color: #1A7DB4;
		background: #C9E7F9;
		padding: 20px 24px;
		border-left: 6px solid #1A7DB4;
		border-radius: 6px;
		margin-bottom: 32px;
	}
	h2 {
		font-size: 1.4rem;
		color: #1A7DB4;
		padding-bottom: 6px;
		border-bottom: 2px solid #C9E7F9;
		margin: 32px 0 16px;
		font-weight: 700;
	}
	h3 {
		font-size: 1.2rem;
		color: #1A7DB4;
		padding-left: 8px;
		border-left: 3px solid #1A7DB4;
		margin: 28px 0 12px;
		font-weight: 700;
	}

	.contents-blk{
		background-color: rgb(255 255 255 / 70%) !important;
		padding: 2em;
	}
	
	.news-blk{
		img{
			display: block;
			margin: 10px 0;
		}
	}
	
}

#contactbox{
	dl{
		margin: 10px 0;
	}
	dt{
		span{
			color: #b41a30;
		}
	}
}
/* -------------------------------------
WordPress CSS
-------------------------------------- */
.aligncenter {display: block;margin: 0 auto;clear: both;margin-bottom: 20px;}
.alignright { float: right;clear: both;margin-left: 20px;margin-bottom: 20px; }
.alignnone { clear: both;margin-right: 20px;margin-bottom: 20px; }
 
img[class*="wp-image-"],img[class*="attachment-"] {height: auto;max-width: 100%;padding: 0.5em;}


/* -------------------------------------
Event Manager calendar CSS
-------------------------------------- */
.em-event-add-to-calendar {
    display: none !important;
}
/* イベント詳細ページの時間を非表示 */
.em-event-time,
.em-time-range,
.em-event-meta .em-event-time {
    display: none !important;
}

/* 管理画面の時間入力欄を非表示 */
.em-timeranges {
    display: none !important;
}

.em.em-calendar .em-cal-body.event-style-pill .em-cal-event{
	--event-background-color: #C9E7F9 !important;
	--event-border-color: #C9E7F9 !important;
	--event-color: #1A7DB4 !important;
	font-weight: bold !important;
}

.em.em-calendar .em-cal-body>div {
	border-color: #1A7DB4 !important;*/
}
.em.em-calendar .em-cal-head {
	border-color: #1A7DB4 !important;*/
}
.em.em-calendar .em-cal-head>div {
	border-color: #1A7DB4 !important;*/
}
.em.em-calendar .em-cal-body {
	border-color: #1A7DB4 !important;*/
}
.em.em-list .em-item .em-item-info {
	border-color: #1A7DB4 !important;*/
}
.em.em-item.em-item-single .em-item-image img {
	border-color: #1A7DB4 !important;*/
}

/* 検索フォーム内の不要なラベルや要素を消す例 */
.em-search-main {
    display: flex;
    gap: 10px;
}

/* 「詳細設定」ボタンなどが邪魔な場合 */
.em-search-advanced-trigger, 
.em-search-options,
.em-search-geo,
/*.em-date-input,*/
.screen-reader-text,
.em-search-sort,
.em-search-views-trigger,
.em-search-scope,
.em-search-views {
    display: none !important;
}
.em-search-field{
	border: none !important;
}
/* -------------------------------------
MEDIA QUERY
-------------------------------------- */
@media (max-width: 1399.98px) {
	header{
		.logo-blk{
			padding: 0.5em 0 1em !important;
		}
		.contact-btn{
			a{
				font-size: 1em;
				padding: 0.2em 0.5em;
				display: block;
				margin: 0 auto;
				width: 12em;
				img{
					height: 1em;
				}
			}
		}
		ul{
			li{
				width: 100%;
				border: none;
				border-bottom: dashed 1px #1A7DB4;
				padding: 0.5em;
				a{
					width: 100%;
					display: block;
				}
			}
		}
	}
	main{
		.mainvisual-blk:after {
			bottom: auto;
		}
		.news-blk-wrap{
			padding: 0.5em !important;
			h2{
				font-size: 1.5em !important;
			}
			a{
				margin-bottom: 1em !important;
			}
		}
		.news-and-category-blk{
			.category-blk{
				margin-top: 2em;
				div.p-5{
					padding: 0.5em !important;
					.col-md-4{
						width: 33.33% !important;
					}
				}
				img{
					width: 100%;
				}
			}
		}
		.event-search-blk{
			div.text-center{
				width: 50% !important;
				font-size: 0.5em;
				a{
					padding: 0.8em 0.5em;
				}
			}
			div.col-md-4{
				margin-bottom: 2em;
			}
		}
		.info-blk-wrap{
			.p-5{
				padding: 0.5em !important;
			}
			div.katsudou-blk{
				padding: 0.7em !important;
				a{
					.row{
						.col-md-10{
							width: 70% !important;
						}
						.col-md-2{
							width: 30% !important;
						}
					}
				}
			}
			.e-machi-blk{
				.img-wrap{
					a.thislink{
						font-size: 0.8em;
					}
				}
			}
		}
	}
	
	footer{
		font-size: 12px;
		text-align: center;
		.foot-navi{
			ul{
				padding-left: 0;
				/*flex-direction: column;*/
				display: grid !important;
				grid-template-columns: repeat(3, 1fr);
				gap: 0.8em 4px;
				
				li{
					font-size: 1em;
					border: solid 1px #17598D;
					padding-top: 0.5em;
					padding-bottom: 0.5em;
					border-radius: 0.3em;
				}
			}
		}
		.navi-blk{
			div.pt-5{
				padding-top: 1em !important;
			}
		}
	}
	footer.p-5{
		padding: 0.5em !important;
	}
	section.fix-page{
		h1{
			font-size: 1.4rem;
			padding: 0.5em;
		}
		.contents-blk{
			background-color: rgb(255 255 255 / 70%) !important;
			padding: 0;
		}
	}
}

@media (min-width: 576px) and (max-width: 767.98px) { /* col-sm */
	
}

@media (min-width: 768px) and (max-width: 991.98px) { /* col-md */
	
}

@media (min-width: 992px) and (max-width: 1199.98px) { /* col-lg */
	
}

@media (min-width: 1200px) and (max-width: 1399.98px) { /* col-xl */
	
}

@media (min-width: 1400px) { /* col-xxl */
	
}