@charset "UTF-8";
/************************************************************************************************************************
サブページ共通設定
*************************************************************************************************************************/
body { background-color: #fcfbf9; }

/* メニューをfixedさせた分だけ、下にずらすため */
#contents { padding-top: 180px; padding-bottom: 50px; }

/*パンくずリスト*/
/*Bootstrapのデフォルトbreadcrumb設定を上書き*/
.breadcrumb { position: relative; width: 100%; padding: 0.5rem 1rem; margin-top: 15px; margin-bottom: 15px; font-size: 0.8rem; font-weight: 500; background-color: transparent; }

.breadcrumb-item i { margin-right: 5px; }

/* サブコンテンツのカード全般 */
.card { margin-bottom: 20px; overflow: hidden; }

/* > lg(992)の場合*/
/* md(768) < の場合*/
/* > md(768)の場合*/
@media screen and (max-width: 767px) { /* メニューをfixedさせた分だけ、下にずらすため */
		#contents { padding-top: 150px; padding-bottom: 30px; } }

/* レスポンシブルテーブル */
table.resptable { width: 100%; border-collapse: collapse; }

.resptable th { padding: 15px 5px; background: #344465; color: #fff; font-weight: bold; text-align: center; }

.resptable tr { background: #eee; }

.resptable tr:nth-of-type(odd) { background: #ddd; }

.resptable td { padding: 15px 5px !important; border: 3px solid #fff; text-align: center; }

.resptable td a { color: #0F7FFE; }

.resptable td a i { margin-right: 3px; }

.resptable td a:hover { color: #66CCFE; }

/* > md(768)の場合*/
@media screen and (max-width: 767px) { .resptable tr { background: #eee; }
		.resptable tr:nth-of-type(odd) { background: #eee; }
		.resptable tr { display: block; }
		.resptable th { display: list-item !important; list-style: none !important; border: 2px solid #fff; text-align: left !important; padding: 15px 20px !important; }
		.resptable td { display: list-item !important; list-style: none !important; border: 2px solid #fff; text-align: left !important; padding: 10px 25px !important; } }

/* END レスポンシブルテーブル */
/* レスポンシブルテーブル 部活動背景用*/
table.resptable2 { width: 100%; border-collapse: collapse; }

.resptable2 th { padding: 15px 5px; background: #344465; color: #fff; font-weight: bold; text-align: center; }

.resptable2 tr { background: #eee; }

.resptable2 tr:nth-of-type(odd) { background: #ddd; }

.resptable2 td { position: relative; padding: 0 !important; width: 25%; border: 3px solid #fff; text-align: center; }

/*widthが変わっても縦横比を維持するための策*/
.resptable2 td:before { padding-top: 75%; display: block; content: ""; }

.resptable2 td a { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

/*width標準サイズ時のみaタグ文字を消すため medeaクエリで元に戻す*/
.resptable2 td a { text-indent: 100%; white-space: nowrap; overflow: hidden; }

/* > md(768)の場合*/
@media screen and (max-width: 767px) { .resptable2 tr { background: #eee; }
		.resptable2 tr:nth-of-type(odd) { background: #eee; }
		.resptable2 tr { display: block; }
		.resptable2 th { display: list-item !important; list-style: none !important; border: 2px solid #fff; text-align: left !important; padding: 15px 20px !important; }
		.resptable2 td { display: list-item !important; list-style: none !important; width: 100%; height: 100%; background-image: none !important; border: 2px solid #fff; text-align: left !important; padding: 10px 25px !important; }
		.resptable2 td:before { padding-top: 0; display: block; content: ""; }
		.resptable2 td a { display: block; width: 100%; height: 100%; position: relative; top: 0; left: 0; }
		/*width標準サイズ時のみaタグ文字を消すため medeaクエリで元に戻す*/
		.resptable2 td a { text-indent: 0%; white-space: normal; overflow-wrap: normal; } }

/* END レスポンシブルテーブル */
/************************************************************************************************************************
固定ページ共通設定
*************************************************************************************************************************/
/*===============　ページタイトル　===============*/
.pagetitle { position: relative; width: auto; display: block; border-left: solid 8px #065b20; color: #065b20; font-size: 16px; font-size: 1.6rem; font-weight: 500; letter-spacing: 2px; text-align: left; padding-left: 15px; margin-left: 10px; margin-top: 10px; margin-bottom: 20px; }

/*===============　ページ内容　===============*/
.pageentry { position: relative; width: auto; border-top: #954c29 dotted 1px; padding: 20px 20px; line-height: 2.0; }

/*進路実績で使用*/
.pageentry .w100 { width: 100px; }

.pageentry .w150 { width: 150px; }

/*歴史沿革で使用*/
.pageentry .w200 { width: 200px; }

.pageentry .w250 { width: 250px; }

/*　ページ内容　＞　.card内部　＞　本文　＞　サブタイトル（固定ページ用）　*/
.pageentry .subtitle { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; margin: 10px 0px 10px 5px; padding: 2px 0 2px 15px; font-weight: 500; letter-spacing: 2px; border-left: solid 3px; }

/*　ページ内容　＞　.card内部　＞　本文　＞　テーブルスタイル（固定ページ用）　*/
/*テーブル基本設定の場合*/
.pageentry table td { padding: 5px; }

.pageentry table span { display: inline-block; }

/*テーブルpattern0の場合*/
.pageentry table.pattern0 { margin: 20px 0; border-collapse: separate; border-spacing: 2px 2px; border: 1px solid #ddd; }

.pageentry table.pattern0 th { padding: 10px; vertical-align: middle; text-align: left; line-height: 1.5; background: #ddd; }

.pageentry table.pattern0 td { padding: 10px; vertical-align: middle; text-align: left; background: #eee; }

/*テーブルpattern1の場合*/
.pageentry table.pattern1 { margin: 20px 0; border-collapse: separate; border-spacing: 2px 2px; border: 1px solid #ddd; }

.pageentry table.pattern1 th { padding: 10px; vertical-align: middle; text-align: left; line-height: 1.5; color: #fff; }

.pageentry table.pattern1 td { padding: 10px; vertical-align: middle; text-align: left; background: #eee; }

/*テーブルpattern2の場合*/
.pageentry table.pattern2 { margin: 20px 0; border-collapse: separate; border-spacing: 2px 2px; border: 1px solid #ddd; }

.pageentry table.pattern2 th { padding: 10px; vertical-align: middle; text-align: left; line-height: 1.5; color: #fff; }

.pageentry table.pattern2 td { padding: 10px; vertical-align: middle; text-align: left; background: #eee; }

/*テーブルpattern3の場合*/
.pageentry table.pattern2 { margin: 20px 0; border-collapse: separate; border-spacing: 2px 2px; border: 1px solid #ddd; }

.pageentry table.pattern3 th { padding: 10px; vertical-align: middle; text-align: left; line-height: 1.5; color: #fff; }

.pageentry table.pattern3 td { padding: 10px; vertical-align: middle; text-align: left; background: #eee; }

/*文字の配置をクラス指定する場合に使用　校歌　普通科国際科のimg中央に使用*/
.pageentry .textcenter { text-align: center; padding-top: 5px; padding-bottom: 5px; }

.pageentry .textright { text-align: right; padding-top: 5px; padding-bottom: 5px; }

.pageentry .textleft { text-align: left; padding-top: 5px; padding-bottom: 5px; }

.pageentry ul { list-style: initial; }

.pageentry ul ul { list-style: circle; }

.pageentry table { margin: 0 0 15px; }

.pageentry table tr th { border: solid 1px #333; padding: 5px; }

.pageentry table tr td { border: solid 1px #333; padding: 5px; }

.pageentry .wp-block-media-text__content .has-large-font-size { font-size: 1em; }

.pageentry .wp-block-media-text__media img { max-width: unset; max-height: unset; }

/*注意書きの部分*/
.annotate { margin-top: 10px; color: #F33; line-height: 2.0; }

.wakutuki { display: inline-block; text-align: center; vertical-align: middle; line-height: 1.0; padding: 10px; letter-spacing: 2px; border: solid 2px; }

/*リンク用クラス（クリック時のリンクデータとして活用）*/
/* エラーページ用*/
#errorImage { position: relative; margin: 200px 50px 0px 50px; }

/************************************************************************************************************************
固定ページ　個別設定
*************************************************************************************************************************/
/*ボタン*/
/* サブコンテンツのボタン内　fontawesome全般 */
#other .btn i { margin-right: 10px; }

#other .pageentry .link { padding: 20px; }

/************************************************************************************************************************
投稿ページ共通設定
*************************************************************************************************************************/
/*===============　ページタイトル　===============*/
.topicstitle { position: relative; width: auto; display: block; border-left: solid 8px #065b20; color: #065b20; font-size: 1.6rem; font-weight: 500; letter-spacing: 2px; text-align: left; padding-left: 15px; margin-left: 10px; margin-top: 10px; margin-bottom: 20px; }

/*===============　投稿ページ内容　===============*/
.topicsentry { position: relative; width: auto; border-top: #954c29 dotted 1px; padding: 20px 20px; line-height: 2.0; }

.topicsentry .w100 { width: 100px; }

.topicsentry .w150 { width: 150px; }

.topicsentry .w200 { width: 200px; }

.topicsentry .w250 { width: 250px; }

/*　投稿ページ内容　＞　.card内部　＞　本文　＞　サブタイトル（固定ページ用）　*/
.topicsentry .subtitle { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; margin: 10px 0px 10px 5px; padding: 2px 0 2px 15px; font-weight: 500; letter-spacing: 2px; border-left: solid 3px; }

/*テーブル基本設定の場合*/
.topicsentry table td { padding: 5px; }

.topicsentry table span { display: inline-block; }

/*テーブルpattern0の場合*/
.topicsentry table.pattern0 { margin: 20px 0; border-collapse: separate; border-spacing: 2px 2px; border: 1px solid #ddd; }

.topicsentry table.pattern0 th { padding: 10px; vertical-align: middle; text-align: left; line-height: 1.5; background: #ddd; }

.topicsentry table.pattern0 td { padding: 10px; vertical-align: middle; text-align: left; background: #eee; }

/*テーブルpattern1の場合*/
.topicsentry table.pattern1 { margin: 20px 0; border-collapse: separate; border-spacing: 2px 2px; border: 1px solid #ddd; }

.topicsentry table.pattern1 th { padding: 10px; vertical-align: middle; text-align: left; line-height: 1.5; color: #fff; }

.topicsentry table.pattern1 td { padding: 10px; vertical-align: middle; text-align: left; background: #eee; }

/*テーブルpattern2の場合*/
.topicsentry table.pattern2 { margin: 20px 0; border-collapse: separate; border-spacing: 2px 2px; border: 1px solid #ddd; }

.topicsentry table.pattern2 th { padding: 10px; vertical-align: middle; text-align: left; line-height: 1.5; color: #fff; }

.topicsentry table.pattern2 td { padding: 10px; vertical-align: middle; text-align: left; background: #eee; }

/*テーブルpattern3の場合*/
.topicsentry table.pattern2 { margin: 20px 0; border-collapse: separate; border-spacing: 2px 2px; border: 1px solid #ddd; }

.topicsentry table.pattern3 th { padding: 10px; vertical-align: middle; text-align: left; line-height: 1.5; color: #fff; }

.topicsentry table.pattern3 td { padding: 10px; vertical-align: middle; text-align: left; background: #eee; }

/*文字の配置を直接指定する場合に使用*/
.topicsentry .textcenter { text-align: center; padding-top: 5px; padding-bottom: 5px; }

.topicsentry .textright { text-align: right; padding-top: 5px; padding-bottom: 5px; }

.topicsentry .textleft { text-align: left; padding-top: 5px; padding-bottom: 5px; }

/*記事の中の小さい文字用*/
.topicsentry .small { margin-top: 30px; margin-bottom: 30px; font-size: 8px; font-size: 0.8rem; color: #888; line-height: 2.0; }

/* 投稿情報バッジ */
.singleInfo { position: relative; margin: 20px 30px 20px 0px; color: #fff; font-size: 10px; font-size: 1.0rem; word-wrap: break-word; word-break: break-all; clear: both; }

.singleInfo .badge { padding: 5px 8px; }

.singleInfo span { margin-right: 10px; }

.singleInfo span i { margin-right: 5px; }

/* ページャー */
.pager { font-size: 10px; font-size: 1.0rem; margin: 10px; padding: 0; }

.pager .previous { text-align: left; }

.pager .next { text-align: right; }

.pager a { text-decoration: none; }

.pager .badge { padding: 10px 15px; margin: 10px 10px; text-align: center; background: #065b20; color: #FFF; }

.pager .badge:hover { background: #878e9b; color: #ccc; }

/* ページネーション */
.pagination .numall { background: #065b20 !important; color: #FFF !important; }

.pagination .current { cursor: default; background: #065b20; color: #FFF; }

.pagination .current:hover { cursor: default; background: #065b20; color: #FFF; }

/************************************************************************************************************************
投稿ページ　【DATE】　設定
*************************************************************************************************************************/
#date .datecard .card-body { padding: 0; }

#date .datecard .card-body a { display: block; padding: 20px; text-decoration: none; }

#date .datecard .card-body a:hover { background: #f3f3f3; }

#date .datecard .card-body .topicsentry { padding-bottom: 0; }

/************************************************************************************************************************
投稿ページ　【CATEGORY】　設定
*************************************************************************************************************************/
#category .categorycard .card-body { padding: 0; }

#category .categorycard .card-body a { display: block; padding: 20px; text-decoration: none; }

#category .categorycard .card-body a:hover { background: #f3f3f3; }

#category .categorycard .card-body .topicsentry { padding-bottom: 0; }

/************************************************************************************************************************
ビジュアル投稿パネル用　設定
*************************************************************************************************************************/
/*投稿イメージの設定部分*/
/*デフォルト設定部分*/
img.centered { display: block; margin-left: auto; margin-right: auto; }

img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

img.alignright { margin: 5px 0 5px 20px; display: inline; }

img.alignleft { margin: 5px 20px 5px 0; display: inline; }

.alignright { float: right; }

.alignleft { float: left; }

/* > lg(992)の場合*/
/* md(768) < の場合*/
/* > md(768)の場合*/
@media screen and (max-width: 767px) { .pageentry .w100 { width: 75px; }
		.pageentry .w150 { width: 113px; }
		.pageentry .w200 { width: 150px; }
		.pageentry .w250 { width: 188px; }
		.topicsentry .w100 { width: 75px; }
		.topicsentry .w150 { width: 113px; }
		.topicsentry .w200 { width: 150px; }
		.topicsentry .w250 { width: 188px; } }

/* > sm(576)の場合*/
@media screen and (max-width: 575px) { .pager .previous { text-align: center; }
		.pager .next { text-align: center; }
		.pageentry { padding: 20px 10px; line-height: 2.0; }
		.topicsentry { padding: 20px 10px; line-height: 2.0; }
		.pageentry .w100 { width: 50px; }
		.pageentry .w150 { width: 75px; }
		.pageentry .w200 { width: 100px; }
		.pageentry .w250 { width: 125px; }
		.topicsentry .w100 { width: 50px; }
		.topicsentry .w150 { width: 75px; }
		.topicsentry .w200 { width: 100px; }
		.topicsentry .w250 { width: 125px; } }

/************************************************************************************************************************
サブページ【 共通 】サイドメニュー設定
*************************************************************************************************************************/
/*サブコンテンツのサブメニューカード設定*/
.card.submenu .card-header { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; -webkit-align-content: center; align-content: center; padding-top: 20px; padding-bottom: 20px; background-color: #065b20; font-size: 14px; font-size: 1.4rem !important; font-weight: 400; color: #FFF; }

.card.submenu .card-header .en { color: #ddd; font-size: 5px; font-size: 0.5rem !important; font-weight: 200; letter-spacing: 0.1em; margin-bottom: 0; }

.card.submenu .card-body { padding-top: 5px; padding-bottom: 5px; }

/*サブコンテンツのピックアップメニューカード設定*/
.card.pickupmenu .card-header { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; -webkit-align-content: center; align-content: center; padding-top: 15px; padding-bottom: 15px; background-color: #fff; font-size: 9px; font-size: 0.9rem !important; font-weight: 400; }

.card.pickupmenu .card-header .en { color: #888; font-size: 5px; font-size: 0.5rem !important; font-weight: 200; letter-spacing: 0.1em; margin-bottom: 0; }

.card.pickupmenu .card-body { padding-top: 5px; padding-bottom: 5px; }

/*サブコンテンツのサブナビゲーションの中身（submenu&pickupの中身）*/
#subnav ul { margin: 0; padding: 0; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

#subnav ul li { padding: 0; width: 100%; }

#subnav ul li:not(:last-child) { border-bottom: solid 1px #eee; }

#subnav ul li a { font-size: 9px; font-size: 0.9rem; letter-spacing: 0.1em; color: #666; display: block; width: 100%; height: 100%; line-height: 1.5; text-align: left; padding: 20px 5px; text-decoration: none; }

#subnav ul li a:hover { background: #f3f3f3; }

#subnav ul li a i { margin-right: 10px; }

.submenu #subnav ul li a i { color: #065b20; }

.pickupmenu #subnav ul li a i { color: #843333; }

/************************************************************************************************************************
個別ページ【 page-〇〇.php 】サイドメニュー設定
*************************************************************************************************************************/
/*無し*/
/************************************************************************************************************************
シングルページ【 single.php/category.php/date.php 】サイドメニュー設定
*************************************************************************************************************************/
/*===============　ウィジェットナビ部分の共通設定　===============*/
/*サブコンテンツのサブナビゲーションの中身（submenu&pickupの中身）*/
#widgetnav ul.menu { margin: 0; padding: 0; }

#widgetnav .widget:not(:last-child) { padding-bottom: 15px; margin-bottom: 20px; }

#widgetnav .widget .widgettitle { position: relative; width: 100%; text-align: center; font-size: 12px; font-size: 1.2rem; font-weight: 500; letter-spacing: 2px; margin-top: 10px; margin-bottom: 10px; padding-top: 5px; padding-bottom: 5px; border: solid 1px #999; }

#widgetnav .widget ul { margin: 0; padding: 0; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

#widgetnav .widget ul li { padding: 0; width: 100%; }

#widgetnav .widget ul li:not(:last-child) { border-bottom: solid 1px #eee; }

#widgetnav .widget ul li a { font-size: 9px; font-size: 0.9rem; letter-spacing: 0.1em; color: #666; display: block; width: 100%; height: 100%; line-height: 1.5; text-align: left; padding: 20px 5px; text-decoration: none; }

#widgetnav .widget ul li a:hover { background: #f3f3f3; }

#widgetnav .widget ul li a i { margin-right: 10px; }

.submenu #widgetnav .widget ul li a i { color: #065b20; }

/*===============　リセントエントリー（最近の投稿）設定部分　===============*/
/*===============　カテゴリー設定部分　===============*/
/*===============　カレンダー設定部分　===============*/
.widget_calendar { display: block; }

#calendar_wrap { display: block; overflow: auto; }

#wp-calendar { position: relative; width: 100%; text-align: center; font-size: 9px; font-size: 0.9rem; line-height: 2; }

#wp-calendar th { text-align: center; }

#wp-calendar a { font-weight: 700; }

#wp-calendar a:hover { font-weight: 700; color: #9C0; }

#wp-calendar #prev { text-align: left; }

#wp-calendar #next { text-align: right; }