/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 07 2024 | 13:06:15 */
/* ここにCSSコードを追加

例:
.example {
    color: red;
}

CSS の知識に磨きをかけるためにご覧ください。
http://www.w3schools.com/css/css_syntax.asp

コメント終わり */ 

/* ヘッダー */
.body {
	position: relative;
}
.site-header {
	position: sticky;
	top: 0;
	z-index: 2;
}
.header-type--row1 .global-nav {
	margin-left: 0;
}

.site-branding .site-title {
	font-size: 1.2rem;
	font-weight: bold;
}


/* ヘッダーメニュー */
.site-branding{
	flex-grow: 0 0 auto;
	margin-right: 50px;
}

.site-branding .custom-logo {
	width: 80px;
	height: auto;
}

.site-branding hgroup {
	display: flex;
	align-items: center;
}

.global-nav{
	flex: 1;
	justify-content: space-between;
}
.global-nav__menu{
 	flex: 1;
}
.global-nav__menu li{
	flex: 1;
}
.global-nav__menu li a{
	 display: block;
	 white-space: nowrap;
}
#global-nav__search-button{
	flex: 0 0 auto;
}
.site-header__content {
	gap: 40px;
}
.global-nav__menu {
	gap: 50px;
}
.global-nav__menu>.menu-item{
	margin-left: 0;
}





/* トップページ */
.top-page .content__main{
	max-width: 1200px;l
}
.home .wp-block-cover, .wp-block-cover-image {
	width: auto;
	min-height: 45vw;
	overflow: hidden;
}

.home .wp-block-cover p {
	font-size: 2.5rem;
	letter-spacing: 0.1em;
}

.top-page .content__main{
	max-width: 1200px;
}

	/* サブコンテンツ */
.activity_details .content__main{
	max-width: 1200px;
}
	.is-layout-flex{
		gap: 40px;
	}



	.sub-contents-block.member-block{
		gap: 10px;
	}


.main-visual + section{
	margin-top: 6rem;
}
.sub-contents-block{
	margin-top: 6rem;
}
section + section {
	margin-top: 6rem;
}

#content + #footer{
	margin-top: 6rem;
}

	/* サブ画像 */
	.main-page-sub-img img{
		width: 773px;
		height: 440px;
		object-fit: cover;
	}
	.gallery-img-block{
		height:440px;
	}
	.main-page-sub-gallery-img img{
		width: 183px;
		height: 210px;
		object-fit: cover;
	}

	.sp-only{
		display: none;
	}

/* スマホ表記 */
@media screen and (max-width: 768px){

	/* サブコンテンツ */
	.activity-details .text-is-left{
		flex-direction: column-reverse;
	}
	.sub-contents-block.member-block{
		gap: 40px;
	}
	
	.gallery-img-block.none-in-sp{
		display: none;
	}
	.sp-only{
		display:inline;
	}
}

.home section {
	margin-top: 6rem;
}

.entry-content h2 {
	margin-top: 0;
}

/* カテゴリページ */

#content.site-content:has(.container.page-category) {
	margin-top: 0;
}

.news-page {
    padding: 20px;
}

.news-item {
    margin-bottom: 20px;
}

.news-excerpt {
    margin-top: 10px;
}


.activity-details .wrapper{
	width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

/* スマホ表記 */
@media screen and (max-width: 768px){
	.top-page .main-page-sub-img img{
		height: 240px;
	}
	
	
	.activity-details .wrapper{
		max-width: 90vw;
	}
	.activity-details img{
		height: 240px;
	}

}








/* NEWS Archive */

.news_archive {
	max-width: none;
	margin-left  : 0;
	margin-right : 0;
	padding-left : 0;
	padding-right: 0;
}

.news_archive hgroup {
	display: flex;
	align-items: center;
    justify-content: center;
	height: 240px;
	overflow: hidden;
}

.news_archive hgroup h1 {
	position: absolute;
	margin: 0;
	padding:0;
}

.news_archive hgroupe img {
	object-fit: cover;
}
hgroup > h1{
	font-weight: 700;
    font-size: 2.5rem;
	letter-spacing: 0.1em;
    color: white;
}
/* 記事一覧表示 */
.list.container{
	margin-top: 6rem;
	margin-bottom: 0;
	padding: 0;
	width: 100%;
	max-width: 1200px;
}
.list ul.list_content{
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	row-gap: 3rem;
	column-gap: 1.5rem;
}
.list .list_content li{
	margin: 0;
	padding: 0;
/* 	width: 100%; */
/* 	max-width: calc(33.33% - 1.5rem * 2/3); */
/* 	width: calc(33.33% - 1.5rem * 2/3);
	max-width: 100%;
	 */
	width: calc((100% / 3) - (1.5rem * (2/3)));
/* 	max-width:calc(33.33% - 1.5rem * 2/3); */
	
	list-style: none;
}

.list .list_content a{
	text-decoration: none;
}
.list .list_content a img {
	display: block;
	width: 100%;
	height: 215px;
	object-fit: cover;
}
.list .list_content dl{
}

.list .list_content dt{
	margin-top: 0.5em;
	margin-bottom: 0;
	font-size:1em;
	color: #222222;
}
.list .list_content dd{
	margin: 0;
	font-size: 0.7em;
	color: #656565;
}
.list .pagination{
	text-align:center;
}
.list .pagination .page-numbers{
	display: inline-block;
	margin: 0 0.5em;
}
@media screen and (max-width: 768px){
/* 	section hsa:(.list) {
	margin;	0 auto;
	width: 100vw;
	} */
	.wrapper{
		width: 90vw;
		margin-left: auto;
		margin-right: auto;
	}
	.list.container{
		display:flex;
		flex-direction: column;
		align-items: center;
		
	}
	.list ul.list_content{
/* 		flex-wrap: wrap;
		column-gap: 0; */
		row-gap: 1.5rem;
	}
	.list li{
		width: 100% !important;
	}
	.list .pagination .page-numbers{
		white-space: nowrap;
	}

}


@media screen and (max-width: 768px) {
	
}

	
/* ----- ----- ----- ----- ----- */
/* トップページ NEWS ----- ----- */
/* ----- ----- ----- ----- ----- */
	
.top_news {}
	
.top_news ul {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 2em;
	width: 100%;
	margin : 0;
	padding: 0;
	list-style-type: none;
}

.top_news ul li {
	width: 100%;
}

.top_news ul li + li {
	
}

.top_news .list a {
	display: block;
	color: inherit;
	text-decoration: none;
}

.top_news .list a img {
	display: block;
	object-fit: cover;
	width : 100%;
	height: 240px;
}

.top_news .list dl {
	margin-top   : 0;
	margin-bottom: 0;
}

.top_news .list dt {
	margin-top   : 1rem;
	font-weight: nomal;
	color: #222222;
}

.top_news .list dd {
	margin-left: 0;
	font-size: 0.75em;
	color: #656565;
}

@media screen and (min-width: 768px) {
	.top_news ul {
		flex-direction: row;
		justify-content: space-between;
		gap: 2em;
	}
	.top_news ul li {
		width: calc(100% / 3);
	}
}

/* ----- ----- ----- ----- ----- */
/*  NEWS 一覧ページ  ----- ----- */
/* ----- ----- ----- ----- ----- */


hgroup + section{
	margin:	0 auto;
}
hgroup h1{
	z-index: 1;
}
main hgroup img{
	filter: brightness(75%);
	z-index: 0;
}
.news_archive > section {
	margin;	0 auto;
	width: 1200px;
}
#content:has(> #main){
	margin-top: 0;
}
.contact > section {
	margin;	0 auto;
	width: 1200px;
}
.contact-page .contact{
	margin-top: 6rem;
}
@media screen and (max-width: 768px) {
	.contact-page .contact{
		max-width: 90vw;
	}
	.contact-page .contact .wpcf7-spinner{
/* 		display: block; */
		display: none !important;
	}
	.contact-page .contact .submit {
		text-align: center;
	}

}

/* ----- ----- ----- ----- ----- */
/*  NEWS 詳細ページ  ----- ----- */
/* ----- ----- ----- ----- ----- */

.news_detail{
	width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
} 
.news_detail > hgroup{
	display: block;
	height: auto;
}
.news_detail > hgroup h1{
	position:static;
	margin-top: 2rem;
	color: #000;
	font-size: 2rem;
}
.news_detail .post_date{
	margin: 0;
	font-size: 0.75em;
	color: #656565;	
}
.news_detail hgroup img {
	margin-top: 2rem;
	margin-bottom: 2rem;
}
@media screen and (max-width: 768px) {
	.news_detail {
		width: 90vw;
	}
}
/* ----- ----- ----- ----- ----- */
/*  私たちについて -----  ----- */
/* ----- ----- ----- ----- ----- */
.aboutus-page .content {
	max-width: 1200px;
	width : 100%;
	margin-top: 6rem;
}
@media screen and (max-width: 768px) {
	.aboutus-page .content {
		width : 90vw;
	}
}

/* ----- ----- ----- ----- ----- */
/*  個人情報について -----  ----- */
/* ----- ----- ----- ----- ----- */
.personal_information-page .content {
	max-width: 1200px;
	width : 100%;
	margin-top: 6rem;
}
@media screen and (max-width: 768px) {
	.personal_information-page .content {
		width : 90vw;
	}
}





/* ----- ----- ----- ----- ----- */
/*  フッター ----- ----- ----- */
/* ----- ----- ----- ----- ----- */

footer #menu-footer_menu {
	margin-top: 0;
}
footer #menu-footer_menu .menu-item{

}
footer .footer-nav .menu-item {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 0.75em;
}
footer .site-info {
	margin-top: 2em;
}


/* ----- ----- ----- ----- ----- */
/*  フォントファミリー設定  ----- */
/* ----- ----- ----- ----- ----- */

/*  ゴシック体  ----- */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
.fontF-gothic01-light {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 100;
}
.fontF-gothic01-normal {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
}
.fontF-gothic01-bold {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
@import url('https://fonts.googleapis.com/css2?family=BIZ+UDGothic&display=swap');
.fontF-gothic02-normal {
  font-family: "BIZ UDGothic", sans-serif;
  font-weight: 400;
}
.fontF-gothic02-bold {
  font-family: "BIZ UDGothic", sans-serif;
  font-weight: 700;
}
@import url('https://fonts.googleapis.com/css2?family=Sawarabi+Gothic&display=swap');
.fontF-gothic03-normal {
  font-family: "Sawarabi Gothic", sans-serif;
  font-weight: 400;
}

/*  明朝体  ----- */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap');
.fontF-mincho01-light {
  font-family: "Noto Serif JP", serif;
  font-weight: 200;
}
.fontF-mincho01-normal {
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
}
.fontF-mincho01-bold {
  font-family: "Noto Serif JP", serif;
  font-weight: 700;
}
@import url('https://fonts.googleapis.com/css2?family=BIZ+UDMincho&display=swap');
.fontF-mincho02-normal {
  font-family: "BIZ UDMincho", serif;
  font-weight: 400;
}
.fontF-mincho02-bold {
  font-family: "BIZ UDMincho", serif;
  font-weight: 700;
}
@import url('https://fonts.googleapis.com/css2?family=Sawarabi+Mincho&display=swap');
.fontF-mincho03-normal {
  font-family: "Sawarabi Mincho", serif;
  font-weight: 400;
}