@charset "UTF-8";
/*---------------------------------------*/
/*リセット
/*---------------------------------------*/
* { margin: 0; padding: 0; }
a { text-decoration: none; }
ul, ol { list-style: none; }
/*ul li::before, ol li::before { content: "\200B"; }*/
iframe { border: none;}
img { vertical-align: middle; max-width: 100%; }
.cf::before, .cf::after { content: ""; display: table; }
.cf::after { clear: both; }

/*---------------------------------------*/
/*HTML
/*---------------------------------------*/
html {
font-family: 'Kosugi Maru', sans-serif;
/*font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;*/
font-size: 75%; /* 16px/12px */
line-height: 1.5;
/*letter-spacing: 0.1em;*/
color: #4d4d4d;
}
.wf-sawarabimincho { font-family: "Sawarabi Mincho"; }

/*---------------------------------------*/
/*見出し
/*---------------------------------------*/
h1 {
font-size: 1.5em;
line-height: 1;
margin-bottom: 0.5em;
}
h2, h3, h4, h5, h6 {
font-size: 1em;
line-height: 1.5;
margin-bottom: 1em;
}
.single-info-category {
	margin-bottom: 0.75em;
	padding-bottom: 0.75em;
	border-bottom: 2px solid #da5272;
	color: #da5272;
}
h2.single-info-title {
	font-size: 1.333em;
	color: #da5272;
}
h2.content-title {
	padding: 0 2%;
	line-height: 2em;
	border-radius: 6px;
	background-color: #f8dce3;
}
h2.content-title span::before {
	content: url(../images/ico_pink.svg);
	display: inline-block;
	height: 1.5em;
	width: 1.5em;
	vertical-align: top;
}
h2.content-title.facility span::before { content: url(../images/ico_green.svg); }
h2.content-title.course span::before { content: url(../images/ico_lightblue.svg); }
h3 {
	border-bottom: 2px solid #da5272;
	color: #da5272;
}
h4 { margin-bottom: 0; }

/*---------------------------------------*/
/*リンク設定
/*---------------------------------------*/
a img { border: none; }
a:link { color: #4d4d4d; }
a:hover { color: #da5272; }

/*---------------------------------------*/
/*汎用クラス
/*---------------------------------------*/
.fl { float: left; }
.fr { float: right; }
.fClear { clear: both !important; }
.tal-c { text-align: center !important; }
.tal-r { text-align: right !important; }
.tal-l { text-align: left !important; }
.mt0 { margin-top: 0px !important; }
.mt6 { margin-top: 6px !important; }
.mt12 { margin-top: 12px !important; }
.mt24 { margin-top: 24px !important; }
.mt36 { margin-top: 36px !important; }
.mt48 { margin-top: 48px !important; }
.mb0 { margin-bottom: 0px !important; }
.mb6 { margin-bottom: 6px !important; }
.mb12 { margin-bottom: 12px !important; }
.mb24 { margin-bottom: 24px !important; }
.mb36 { margin-bottom: 36px !important; }
.mb48 { margin-bottom: 48px !important; }
.pl0 { padding-left: 0px !important; }
.pl8 { padding-left: 8px !important; }
.pl16 { padding-left: 16px !important; }
.pl24 { padding-left: 24px !important; }
.pl32 { padding-left: 32px !important; }
.pr0 { padding-right: 0px !important; }
.pr8 { padding-right: 8px !important; }
.pr16 { padding-right: 16px !important; }
.pr24 { padding-right: 24px !important; }
.pr32 { padding-right: 32px !important; }
.pt0 { padding-top: 0px !important; }
.pt6 { padding-top: 6px !important; }
.pt12 { padding-top: 12px !important; }
.pt24 { padding-top: 24px !important; }
.pt36 { padding-top: 36px !important; }
.pb0 { padding-bottom: 0px !important; }
.pb6 { padding-bottom: 6px !important; }
.pb12 { padding-bottom: 12px !important; }
.pb24 { padding-bottom: 24px !important; }
.pb36 { padding-bottom: 36px !important; }
/*--強調文字色・インデント・フォントサイズ-------*/
.empRed { color: red; }
.indent { padding-left: 1em; }
.fss { font-size: smaller; }
/*--基本テーブル--------------------------*/
table {
	display: inline-table;
	border-collapse: collapse;
	width: 100%;
}
table th,
table td {
	padding: 0.375em 0.75em;
	border: 1px solid #da5272;
}
table th {
	width: 20%;
	text-align: left;
	background-color: #fbeef1;
}
/*--スタイル有りリスト-----------*/
.ul-disc {
	list-style: disc inside;
	margin-bottom: 1.5em;
	padding-left: 1.5em;
	text-indent: -1.5em;
}
/*--パンくず--------------*/
.breadcrumbs {
	margin-bottom: 2em;
	font-size: 0.75em;
}
/*--ボタン----------------*/
.btn {
	width: 240px;
	height: 48px;
	line-height: 48px;
	background-color: #da5272;
	color: #fff;
	text-align: center;
}
.btn a {
	display: block;
	width: 100%;
	height: auto;
	color: #fff;
}
.btn a:hover {
	border: 1px solid #da5272;
	background-color: #fff;
	color: #da5272;
}

/*-----------------------------------------*/
/*コンテンツ共通部分：：モバイルファースト
/*-----------------------------------------*/
body { background-image: url('../images/bg.jpg'); }
/*--ヘッダー--------------------*/
header {
	margin: 0 auto;
	background-color: #fff;
	box-shadow: 0px 2px 5px #999;
}
#header-content {
	width: 90%;
	margin: 0 auto;
	padding: 1em 5%;
}
.logo {
	width: 100%;
	height: 4em;
	margin-bottom: 1em;
	text-align: center;
}
.logo img { height: 48px; }
.info { text-align: right; }
.headoffice {
	font-size: 1.333em;
	font-weight: bold;
	color: #da5272;
}
/*--メインメニュー--------------------*/
nav {
	width: 254px;
	position: absolute;
	z-index: 9999;
}
#nav-toggle {
	width: 32px;
	height: 36px;
	padding: 12px 8px;
	position: absolute;
	top: -72px;
	left: 5%;
	background-color: #da5272;
}
.toggleswitch,
.closeswitch {
	width: 100%;
	position: relative;
	background-color: #da5272;
}
.toggleswitch span,
.closeswitch span {
display: inline-block;
width: 100%;
height: 4px;
position: absolute;
left: 0;
background-color: #fff;
}
.toggleswitch span:nth-child(1) { top: 0; }
.toggleswitch span:nth-child(2) { top: 16px; }
.toggleswitch span:nth-child(3) { top: 32px; }
.closeswitch span:nth-child(1) { display: none; }
.closeswitch span:nth-child(2) { top: 16px; transform: rotate(45deg); }
.closeswitch span:nth-child(3) { top: 16px; transform: rotate(-45deg); }
.closeswitch,
.mainmenu-sp,
.mainmenu-pc { display: none; }
nav ul {
	width: 256px;
	background-color: #fff;
}
nav li {
	display: block;
	width: 100%;
	border-top: 1px solid #da5272;
	font-size: 1.333em;
	line-height: 48px;
}
nav li:last-child { border-bottom: 1px solid #da5272; }
nav li img { width: 24px; }
nav li a {
	display: block;
	width: 244px;
	height: 48px;
	padding-left: 12px;
}
nav li a:hover {
	padding-left: 0;
	border-left: 12px solid #f4cbd5;	
}
.submenu-wapper { display: none; }
.submenu-inner {	
	width: 100%;
	background-color: #f4cbd5;
}
.dropdown:hover .submenu-wapper { display: block; }
.submenu {
	width: 100%;
	margin: 0 auto;
}
.submenu ul {
	width: 240px;
	padding: 11px 7px 5px;
	border-left: 1px dotted #fff;
	border-right:  1px dotted #fff;
	border-bottom:  1px dotted #fff;
	font-size: 12px;
	text-align: center;
	line-height: 24px;
	background-color: transparent;
}
.submenu li {
	width: 100%;
	height: 24px;
	margin-bottom: 6px;
	border-radius: 6px;
	border-top: 0;
	font-size: 13px;
	line-height: 24px;
	letter-spacing: -1px;
	background-color: #f8dce3;
}
.submenu li:last-child { border-bottom: 0; }
.submenu li a {
	display: block;
	width: 100%;
	height: 24px;
	padding-left: 0;
	border-radius: 6px;
}
.submenu li a:hover {
	background-color: #fff;
	border-left: 0;
}
/*--メインコンテンツ--------------------*/
#content-wapper {
	width: 100%;
	margin: 0 auto;
}
#content-top {
	width: 90%;
	margin: 0 auto;
	padding: 1.5em;
}
#content {
	width: 80%;
	margin: 1em 5%;
	padding: 1em 5%;
	background-color: #fff;
}
section { margin-bottom: 2em; }
section:last-child { margin-bottom: 0; }
section p { margin-bottom: 1.5em; }
section div {
	position: relative;
	margin-bottom: 2em;
	text-align: justify;
}
/*--トップページ：トピックス--------------*/
#topics {
	width: 96%;
	padding: 0.75em 2%;
	background-color: #fff;
	box-shadow: 0px 2px 5px #999;
	border-radius: 24px;
}
#topics { text-align: center; }
#topics h1 {
	display: inline-block;
	margin-bottom: 0;
	font-size: 1.333em;
	line-height: 1.5em;
	color: #da5272;
}
.post-date { margin-right: 24px; }
/*--トップページ：キャッチコピー--------------*/
.catchcopy { line-height: 2em; }
.imgpc { display: none; }
/*--トップページ：施設からのお知らせ--------------*/
#news {
	width: 90%;
	padding: 1.333em 5%;
	background-color: #fff;
	box-shadow: 0px 2px 5px #999;
	border-radius: 24px;
}
.newsheadline {
	width: 200px;
	margin: 0 auto;
	margin-bottom: 1em;
	border: 1px solid #fff;
	outline: 6px solid #da5272;
	background-color: #da5272;
	font-size: 1.5em;
	line-height: 34px;
	text-align: center;
	color: #fff;
}
.more {
	margin-bottom: 1.333em;
	font-weight: bold;
	text-align: center;
}
/*--施設からのお知らせ：施設毎の色分け指定--------------*/
#news ul li { margin-bottom: 0.75em; }
.news ul li { margin-bottom: 0.75em; }
.post-category {
	display: inline-block;
	width: 100%;
	margin-right: 0.75em;
	text-align: center;
	background-color: #da5272;
	color: #fff;
}
.post-date {
	margin-right: 0.75em;
	color: #4d4d4d;
}
.post-category.gh_ishioka, .post-category.gh_tsukuba { background-color: #62b0e3; }
.post-category.ss_ishioka, .post-category.ss_tsukuba { background-color: #7ecef4; }
.post-category.ch_ishioka, .post-category.ch_tsukuba { background-color: #8aa3d4; }
.post-category.ns_ishioka, .post-category.ns_tsukuba { background-color: #61c1be; }
.post-category.hgh_ishioka, .post-category.hgh_tsukuba { background-color: #69bd83; }
.post-category.hss_ishioka, .post-category.hss_tsukuba { background-color: #22b573; }
.post-category.cs_ishioka, .post-category.cs_tsukuba { background-color: #8dc556; }
.post-category.hwsb_ishioka, .post-category.hwsb_tsukuba { background-color: #f8b62d; }
/*--記事一覧のページネーション指定--------------*/
.pagenavi { text-align: center; }
.pagenavi span {
	display: inline-block;
}
.pagenavi span a {
	display: block;
	padding: 10px 12px;
	border: 1px solid #da5272;
}
.pagenavi span a:hover {
	background-color: #da5272;
	color: #fff;
}
/*--プラグイン：Pagenaviの指定--------------*/
.wp-pagenavi { text-align: center; }
.wp-pagenavi span.pages { display: none; }
.wp-pagenavi a.page,
.wp-pagenavi span.current,
.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.first,
.wp-pagenavi a.nextpostslink,
.wp-pagenavi a.last {
	display: inline-block;
	margin-right: 0.5em;
	padding: 0.625em 0.75em;
	border: 1px solid #da5272;
}
.wp-pagenavi a:hover,
.wp-pagenavi span.current,
.wp-pagenavi a:hover.previouspostslink,
.wp-pagenavi a:hover.first,
.wp-pagenavi a:hover.nextpostslink,
.wp-pagenavi a:hover.last {
	background-color: #da5272;
	color: #fff;
}
  /*その他、必要があれば以下のクラスにcssを指定する*/
  .smaller{}
  .larger{}
/*--フッター--------------------------*/
footer {background-color: #fff;}
#footer-wapper {
	width: 90%;
	margin: 0 auto;
	padding: 5%;
}
.declaration {
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto 1em;
	border: 2px solid #da5272;
	text-align: center;
}
.footer-nav {
	display: block;
	margin-bottom: 1em;
	text-align: center;
}
.footer-nav li { display: inline-block; }
.footer-nav li::after {content: '｜';}
.footer-nav li:last-child::after { content: ''; }
.copyright {
	width: 100%;
	margin: 0 auto;
	font-size: 0.75em;
	text-align: center;
	color: #da5272;
}

/*-----------------------------------------*/
/*メディアクエリ
/*-----------------------------------------*/
@media screen and (min-width: 768px){
	.catchcopy {
		position: absolute;
		top: -2.25em;
		line-height: 2.25em;
		}
	.catchcopy span::before {
		white-space: pre;
		content: '\A';
		}
		.imgsp { display: none; }
		.imgpc { display: block; }
}

@media screen and (min-width: 1024px){
	html { font-size: 100%; }
	/*--ヘッダー--------------------------*/
	#header-wapper {
		width: 1024px;	
		margin: 0 auto;	
	}
	#header-content {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 976px;
		margin: 0 auto;
		padding: 24px 24px 12px;
	}
	.logo {
		width: 296px;
		height: 72px;
		margin-bottom: 0;
	}
	.logo img { height: 72px; }
	.headoffice { font-size: 1em; }
	.headadd,
	.headtel { font-size: 0.75em; }
	/*--メインメニュー----------------------*/
	nav {
		width: 976px;
		margin: 0 auto;
		padding: 0 24px;
		position: static;
	}
	#nav-toggle { display: none; }
	.mainmenu-pc {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		width: 100%;
		white-space: nowrap;
	}
	nav li {
		display: inline-block;
		width: auto;
		height: 30px;
		border-top: 0;
		font-size: 1em;
		line-height: 1em;
		margin-left: 24px;
		padding: 0 0 6px;
	}
	nav li:last-child { border-bottom: 0; }
	nav li a {
		display: inline-block;
		width: auto;
		height: 30px;
		padding: 0 0 6px;
	}
	nav li a:hover {
		height: 24px;
		border-left: 0;	
		border-bottom: 6px solid #f4cbd5;	
	}
	.submenu-wapper {
		display: none;
		width: 100%;
		position: absolute;
		left: 0;
		z-index: 9999;
	}
	.submenu-inner { margin: 12px auto 0; }
	.submenu {
		display: flex;
		flex-wrap: wrap;
		width: 1024px;
		margin: 0 auto;
		position: relative;
		white-space: normal;
	}
	.submenu::before {
		content: '';
		border-right: 12px solid transparent;
		border-bottom: 12px solid #f4cbd5;
		border-left: 12px solid transparent;
		position: absolute;
		top: -12px;
		left: 40%;
	}
	.submenu li {
		margin-left: 0;
		padding-bottom: 0;
	}
	.submenu li a { padding: 0; }
	.submenu li a:hover { border-bottom: 0; }
	/*--メインコンテンツ--------------------------*/
	#content-top { width: 976px; }
	#content {
		width: 976px;
		margin: 12px auto;
		padding: 24px;
	}
	section { margin-bottom: 2.25em; }
	section div { margin-bottom: 2.25em; }
	#topics,
	#news {
		width: 96%;
		padding: 0.75em 2%;
	}
	#topics {
		display: flex;	
		flex-wrap: wrap;
		text-align: left;
		white-space: nowrap;
	}
	#topics h1 {
		display: inline-block;
		margin-right: 36px;
		margin-bottom: 0;
		font-size: 1em;
		line-height: 1.5em;
		color: #da5272;
	}
	.newsheadline {
		margin-left: 7px;
		font-size: 1.125em;
	}
	.more {
		margin-bottom: 1em;
		text-align: right;
	}
	.post-category { width: 312px; }
	/*--フッター--------------------------*/
	#footer-wapper {
		width: 976px;
		padding: 24px;
	}
}

/*追加CSS（コロナ）*/
.attention{
	margin: auto;
	width:80%;
	text-align: center;
	padding: 5px;
	border: solid 2px red;
}


/*追加CSS（取り組み）*/
@media screen and (min-width: 1024px){
.farm::before {
		content: '';
		border-right: 12px solid transparent;
		border-bottom: 12px solid #f4cbd5;
		border-left: 12px solid transparent;
		position: absolute;
		top: -12px;
		left: 300px;
	}}