@charset "UTF-8";

/*---------------------------------------------
  Reset
-----------------------------------------------*/
/* --------  768〜　PC調整   --------*/
@media screen and ( min-width:768px) {
}
/* --------  〜767　スマホ調整   --------*/
@media screen and ( max-width:767px) {
}



/*
【クラス設定】
.sub-content = 全体の枠
.sub-content-sec = コンテンツの枠
*/

/*---------------------------------------------
  ボックス
-----------------------------------------------*/
.wp-content-box {
	margin-bottom: 3.5em;
	padding-bottom: 4.5em;
	border-bottom: solid 1px #7c5d2c;
}
.sub-content-sec {
	margin-bottom: 5em;
}
.sub-content-sec:last-child {
	margin-bottom: 0;
}

/* --------  768〜　PC調整   --------*/
@media screen and ( min-width:768px) {
/* 幅小さめ */
.sub-content-sec p,
.sub-content-sec h4,
.sub-content-sec h5,
.sub-content-sec h6,
.sub-content-sec ul,
.sub-content-sec ol,
.sub-content-sec .wp-block-media-text,
.sub-content-sec .wp-block-columns,
.sub-content-sec .wp-block-table {
	width: 93%;
	max-width: 930px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}
.single-sec p:last-child {
	margin-bottom: 0;
}
}
/* --------  〜767　スマホ調整   --------*/
@media screen and ( max-width:767px) {
.sub-content-sec p,
.sub-content-sec ul,
.sub-content-sec ol,
.sub-content-sec h4,
.sub-content-sec h5,
.sub-content-sec h6 {
	width: 92%;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	margin-bottom: 1.5em;
	line-height: 2;
}
.single-sec p:last-child {
	margin-bottom: 0;
}
.sub-content-sec .wp-block-media-text,
.sub-content-sec .wp-block-columns,
.sub-content-sec .wp-block-table,
.sub-content-sec .wp-block-image {
	width: 92%;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}
.category-important .wp-content-box {
	margin-bottom: 2.5em;
	padding-bottom: 3em;
}
}


/*---------------------------------------------
  見出し
-----------------------------------------------*/
/* 見出し */
.sub-content .midashi {
	background-color: #fff0b5;
	color: #000;
	padding: .7em 2em .7em 2.5em;
	margin: 3em 0 2em;
	position: relative;
	line-height: 1.6;
	border-radius: 5px;
}
.sub-content .midashi:before {
	content: "●";
	color: #ff9873;
	font-size: 20px;
	position: absolute;
	left: 1.2em;
	top: .7em;
}
/* h4 */
.sub-content-sec h4 {
	border-bottom: solid 1px #b6a58a;
	color: #7c5d2c;
}
/* --------  768〜　PC調整   --------*/
@media screen and ( min-width:768px) {
/* 見出し */
.sub-content .midashi {
	font-size: 24px;
}
.sub-content .midashi:before {
	font-size: 20px;
	left: 1.5em;
	top: 1.05em;
}
/* h4 */
.sub-content-sec h4 {
	font-size: 20px;
	font-weight: 600;
	padding-bottom: .7em;
	margin: 3em auto 2em auto;
}
/* h5 */
.sub-content-sec h5 {
	font-size: 18px;
	font-weight: 600;
	margin-top: 1.5em;
}
}
/* --------  〜767　スマホ調整   --------*/
@media screen and ( max-width:767px) {
/* 見出し */
.sub-content .midashi {
	font-size: 18px;
	padding: .7em 1em .7em 2em;
}
.sub-content .midashi:before {
	font-size: 18px;
	left: .7em;
	top: .72em;
}
/* h4 */
.sub-content-sec h4 {
	font-size: 18px;
	font-weight: 600;
	padding-bottom: .5em;
	margin: 2em auto 1.7em auto;
}
/* h5 */
.sub-content-sec h5 {
	font-size: 17px;
	font-weight: 600;
	margin-top: 1.5em;
}
}



/*---------------------------------------------
  リンク
-----------------------------------------------*/
.sub-content-sec p a {
	background: linear-gradient(transparent 96%, #000 0%);
	display: inline;
	padding: 0 0 3px;
}
/* --------  768〜　PC調整   --------*/
@media screen and ( min-width:768px) {
.sub-content-sec p a:hover {
	background: linear-gradient(transparent 96%, #fe7758 0%);
	color: #fe7758;
}
}
/* --------  〜767　スマホ調整   --------*/
@media screen and ( max-width:767px) {
}



/*---------------------------------------------
  リスト
-----------------------------------------------*/
.sub-content-sec ul,
.sub-content-sec ol {
	padding-left: 2.5em;
	box-sizing: border-box;
}
.sub-content-sec ul li,
.sub-content-sec ol li {
	margin-bottom: .5em;
}
/*　丸 */
.sub-content-sec ul li {
	list-style:disc;
}
/*　数字 */
.sub-content-sec ol li {
	list-style:decimal;
}
.sub-content-sec ul.li-style-none li,
.sub-content-sec ol.li-style-none li {
	list-style:none;
}
.sub-content-sec ul li:last-child,
.sub-content-sec ol li:last-child {
	margin-bottom: 0;
}
/* --------  768〜　PC調整   --------*/
@media screen and ( min-width:768px) {
}
/* --------  〜767　スマホ調整   --------*/
@media screen and ( max-width:767px) {
}



/*---------------------------------------------
  画像（投稿用）
-----------------------------------------------*/
.single .sub-content .wp-block-media-text__media img,
.single .sub-content .wp-block-media-text__media video {
	height: auto;
}
.single .sub-content .wp-block-image {
	margin: 3em auto;
}


/*---------------------------------------------
  画像キャプション
-----------------------------------------------*/
.sub-content .wp-block-image figcaption {
	font-size: 14px;
}


/*---------------------------------------------
  画像+テキスト
-----------------------------------------------*/
.single .sub-content .wp-block-media-text {
	margin-bottom: 4em;
}
.single .sub-content .wp-block-media-text .wp-block-media-text__content p {
	line-height: 2;
	font-weight: 400;
}
.single .sub-content .wp-block-media-text .wp-block-media-text__content p:last-child {
	margin-bottom: 0;
}
/* --------  〜767　スマホ調整   --------*/
@media screen and ( max-width:767px) {
.single .sub-content .wp-block-media-text {
	margin-bottom: 3em;
}
.single .sub-content .wp-block-media-text .wp-block-media-text__content {
	padding: 0;
	margin-top: 2em;
}
.single .sub-content .wp-block-media-text .wp-block-media-text__content p {
	width: 100%;
}
}


/*---------------------------------------------
  PDF埋め込み
-----------------------------------------------*/
div.pdfemb-viewer {
	margin: 60px 0!important;
}
/* --------  〜767　スマホ調整   --------*/
@media screen and ( max-width:767px) {
div.pdfemb-viewer {
	margin: 40px 0!important;
}
}



/*---------------------------------------------
  youtube埋め込み
-----------------------------------------------*/
/* --------  768〜　PC調整   --------*/
@media screen and ( min-width:768px) {
.single .sub-content .wp-block-embed,
.single .sub-content .wp-block-embed-youtube {
	text-align: center;
	margin: 3.5em 0;
}
.single .sub-content .wp-block-embed-youtube iframe {
	width: 100%;
	max-width: 600px!important;
	height: 375px;
}
}
/* --------  〜767　スマホ調整   --------*/
@media screen and ( max-width:767px) {
.single .sub-content .wp-block-embed,
.single .sub-content .wp-block-embed-youtube {
	text-align: center;
	margin: 3.5em 0;
}
.single .sub-content .wp-block-embed-youtube iframe {
	width: 92%;
	height: 350px;
}
}




/*---------------------------------------------
  カラム
-----------------------------------------------*/
/* --------  768〜　PC調整   --------*/
@media screen and ( min-width:768px) {
.sub-content-sec .wp-block-columns {
	margin: 2.5em auto;
}
}
/* --------  〜767　スマホ調整   --------*/
@media screen and ( max-width:767px) {
}



/*---------------------------------------------
  テーブル
-----------------------------------------------*/
/* --------  768〜　PC調整   --------*/
@media screen and ( min-width:768px) {
.sub-content-sec .wp-block-table tbody tr td {
	padding: 1em .8em;
	line-height: 1.8;
}
/*枠あり*/
.sub-content-sec .wp-block-table.is-style-border {
	border: solid 1px #000;
}
.sub-content-sec .wp-block-table.is-style-border tbody tr td {
	border-right: solid 1px #000;
	border-bottom: solid 1px #000;
}
.sub-content-sec .wp-block-table.is-style-border tbody tr td:last-child {
	border-right: none;
}
.sub-content-sec .wp-block-table.is-style-border tbody tr:last-child td {
	border-bottom: none;
}
}
/* --------  〜767　スマホ調整   --------*/
@media screen and ( max-width:767px) {
.sub-content-sec .wp-block-table,
.sub-content-sec .wp-block-table tbody,
.sub-content-sec .wp-block-table tbody tr,
.sub-content-sec .wp-block-table tbody tr td {
	display: block;
}
.sub-content-sec .wp-block-table tbody tr td {
	padding: 1em .8em;
	line-height: 1.8;
}
.sub-content-sec .wp-block-table tbody tr td {
	border-bottom: dashed 1px #000;
}
.sub-content-sec .wp-block-table tbody tr:first-child td:first-child {
	border-top: solid 1px #000;
}
.sub-content-sec .wp-block-table tbody tr td:last-child {
	border-bottom: solid 1px #000;
}
/*枠あり*/
.sub-content-sec .wp-block-table.is-style-border {
	border: solid 1px #000;
}
.sub-content-sec .wp-block-table.is-style-border tbody tr:first-child td:first-child {
	border-top: none;
}
.sub-content-sec .wp-block-table.is-style-border tbody tr:last-child td:last-child {
	border-bottom: none;
}
}



/*---------------------------------------------
  アップ日部分
-----------------------------------------------*/
/* --------  768〜　PC調整   --------*/
@media screen and ( min-width:768px) {
.news-time {
	margin-top: 1.5em;
}
}
/* --------  〜767　スマホ調整   --------*/
@media screen and ( max-width:767px) {
.news-time {
	margin-top: 1em;
}
}



/*---------------------------------------------
  ボタン（投稿から追加）
-----------------------------------------------*/
.sub-content-sec .wp-block-buttons>.wp-block-button {
	margin: 1.8em 0;
}

/* 基本設定 */
.sub-content-sec .wp-block-button__link {
	background-color: #FFF;
	padding-left: 3.5em;
	padding-right: 2em;
	color: #000!important;
	position: relative;
}
/* 基本設定（矢印） */
.sub-content-sec .wp-block-button__link:before {
	content: "";
	width: 6px;
	height: 6px;
	border-top: solid 3px #000;
	border-right: solid 3px #000;
	position: absolute;
	left: 1.5em;
	top: 50%;
	-webkit-transform: translate(0,-50%) rotate(45deg);
	-ms-transform: translate(0,-50%) rotate(45deg);
	transform: translate(0,-50%) rotate(45deg);
}
/* 通常ボタン（茶色） */
.sub-content-sec .wp-block-button__link {
	border: solid 2px #b6a58a;
}
/* 茶色ボタン */
/*.btn-brown .wp-block-button__link {
	border: solid 2px #000;
}*/
/* --------  768〜　PC調整   --------*/
@media screen and ( min-width:768px) {
/* 基本設定 */
.sub-content-sec .wp-block-button__link {
	font-size: 17px;
}
/* 基本設定（ホバー） */
.sub-content-sec .wp-block-button__link:hover {
	color: #FFF!important;
}
/* 基本設定（ホバー・矢印） */
.sub-content-sec .wp-block-button__link:hover:before {
	border-top: solid 3px #FFF;
	border-right: solid 3px #FFF;
}

/* 通常ボタンホバー（茶色） */
.sub-content-sec .wp-block-button__link:hover {
	background-color: #b6a58a;
}
}
/* --------  〜767　スマホ調整   --------*/
@media screen and ( max-width:767px) {
/* 基本設定 */
.sub-content-sec .wp-block-buttons {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.sub-content-sec .wp-block-button {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}
.sub-content-sec .wp-block-button__link {
	font-size: 15px;
	text-align: left;
}

}





/*---------------------------------------------
  再利用ブロック　情報入力
-----------------------------------------------*/
.sub-content-sec .gakku-information-box {
	box-sizing: border-box;
	background-color: #ededed;
	padding: 10px;
	margin-top: 5em;
	margin-bottom: 1.5em;
}
.sub-content-sec .gakku-information-box .wp-block-group__inner-container {
	box-sizing: border-box;
	background-color: #FFF;
}
.sub-content-sec .gakku-information-box h4 {
	margin-top: 0;
}
/* --------  768〜　PC調整   --------*/
@media screen and ( min-width:768px) {
.sub-content-sec .gakku-information-box p {
	margin-bottom: .5em;
}
.sub-content-sec .gakku-information-box .wp-block-group__inner-container {
	padding: 50px 0;
}
.sub-content-sec .gakku-information-box .wp-block-buttons {
	width: 93%;
	max-width: 930px;
	margin-left: auto;
	margin-right: auto;
}
}
/* --------  〜767　スマホ調整   --------*/
@media screen and ( max-width:767px) {
.sub-content-sec .gakku-information-box .wp-block-group__inner-container {
	padding: 40px 10px;
}
.sub-content-sec .gakku-information-box p {
	margin-bottom: 1em;
}
.sub-content-sec .gakku-information-box p a {
	padding: 0;
	background: none;
	line-height: 1.8;
}
.sub-content-sec .gakku-access-box ,
.sub-content-sec .gakku-access-box .wp-block-buttons {
	width: 94%;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}
}





/*---------------------------------------------
  再利用ブロック　学区社協のアクセス
-----------------------------------------------*/
.sub-content-sec .gakku-access-box {
	box-sizing: border-box;
	background-color: #fff0b5;
	padding: 10px;
	margin-top: 5em;
	margin-bottom: 1.5em;
}
.sub-content-sec .gakku-access-box .wp-block-group__inner-container {
	box-sizing: border-box;
	background-color: #FFF;
}
.sub-content-sec .gakku-access-box h4 {
	margin-top: 0;
}
/* --------  768〜　PC調整   --------*/
@media screen and ( min-width:768px) {
.sub-content-sec .gakku-access-box p {
	margin-bottom: .5em;
}
.sub-content-sec .gakku-access-box .wp-block-group__inner-container {
	padding: 50px 0;
}
.sub-content-sec .gakku-access-box .wp-block-buttons {
	width: 93%;
	max-width: 930px;
	margin-left: auto;
	margin-right: auto;
}
}
/* --------  〜767　スマホ調整   --------*/
@media screen and ( max-width:767px) {
.sub-content-sec .gakku-access-box .wp-block-group__inner-container {
	padding: 40px 10px;
}
.sub-content-sec .gakku-access-box p {
	margin-bottom: 1em;
}
.sub-content-sec .gakku-access-box p a {
	padding: 0;
	background: none;
	line-height: 1.8;
}
.sub-content-sec .gakku-access-box ,
.sub-content-sec .gakku-access-box .wp-block-buttons {
	width: 94%;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}
}





/*---------------------------------------------
  再利用ブロック　黄色ボックス
-----------------------------------------------*/
.sub-content-sec .yellowwaku-box {
	box-sizing: border-box;
	background-color: #fff0b5;
	padding: 10px;
	margin-top: 5em;
	margin-bottom: 1.5em;
}
.sub-content-sec .yellowwaku-box .wp-block-group__inner-container {
	box-sizing: border-box;
	background-color: #FFF;
}
.sub-content-sec .yellowwaku-box h4 {
	margin-top: 0;
}
/* --------  768〜　PC調整   --------*/
@media screen and ( min-width:768px) {
.sub-content-sec .yellowwaku-box p {
	margin-bottom: .5em;
}
.sub-content-sec .yellowwaku-box .wp-block-group__inner-container {
	padding: 50px 0;
}
.sub-content-sec .yellowwaku-box .wp-block-buttons {
	width: 93%;
	max-width: 930px;
	margin-left: auto;
	margin-right: auto;
}
}
/* --------  〜767　スマホ調整   --------*/
@media screen and ( max-width:767px) {
.sub-content-sec .yellowwaku-box .wp-block-group__inner-container {
	padding: 40px 10px;
}
.sub-content-sec .yellowwaku-box p {
	margin-bottom: 1em;
}
.sub-content-sec .yellowwaku-box p a {
	padding: 0;
	background: none;
	line-height: 1.8;
}
.sub-content-sec .yellowwaku-box ,
.sub-content-sec .yellowwaku-box .wp-block-buttons {
	width: 94%;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}
}