@charset "UTF-8";
/* CSS Document */

/*
<main id="primary" class="site-main">
	<article id="post-<?php the_ID(); ?>" >
		<header class="entry-header">
		<div class="entry">
		<footer class="entry-footer">
	</article>
	<nav class="navigation post-navigation">
</main>

<aside id="secondary" class="widget-area">

*/

/* Section Separator---------------------------------------------------------

　お知らせのヘッド

----------------------------------------------------------------------------*/

.news-page-header{
	background: var(--main-color);
	color: #FFF;
	padding: 10px 0;
	font-size: 1.2rem;
	font-weight: 500;
}
.l-container-single{
	padding-top: 40px;
	padding-bottom: 100px;
	display: flex;
	flex-direction: column;
	gap: 50px 0;
}


@media (min-width:450px){
	.l-container-single{
		padding-top: 60px;
		flex-direction: row;
		align-items: flex-start;
		gap: 0 10%;
	}
	.single-main{
		flex:1;
	}
	.widget-area-single{
		width: 300px;
	}
}
.entry-header{
	margin: 0 0 3.5em;
}

/*タイトル*/
.entry-title{
	font-size: clamp( 3rem , 8vw , 4rem);
	line-height: 1.3;
	font-weight: 400;
	font-feature-settings: "palt" 1;
}
/*エントリーメタ*/
.entry-meta{
	display: flex;
	font-size: 1.5rem;
	margin: 15px 0 0;
	gap: 0 1em;
	font-feature-settings: "palt" 1;
	background: #F0F4FA;
	padding: 10px;
	border-radius: 3px;
}

.entry-category a{
	display: inline-block;
	background: #fff;
	color: #757575;
	font-size: 1.0rem;
	padding: 0.25em 1em;
	border-radius: 5px;
	margin: 0 0.5em 0 0;
	vertical-align: 2px;
}

/* Section Separator---------------------------------------------------------

　スポーツ教室のヘッド

----------------------------------------------------------------------------*/

/* 親要素：箱の形を決定 */
.school-eye-catch {
	margin-bottom: 30px;
	display: flex;    /* 念のため中央寄せの保険 */
	justify-content: center;
	align-items: center;
}

/* 子要素：画像のルールを強制上書き */
.school-eye-catch img {
	max-height: 250px;
	width: auto;
}
@media (min-width:450px){
	.school-eye-catch img {	
		max-height: 500px;
	}
}





.school-entry-header{
	margin: 0 0 3em;
}

/*タイトル*/
.school-entry-title{
	font-size: clamp( 3rem , 8vw , 4rem);
	line-height: 1.3;
	font-weight: 400;
	font-feature-settings: "palt" 1;
	margin: 0 0 0.65em;
}

.school-entry-meta{
	font-size: 1.3rem;
	text-align: right;
	color: #aaa;
}

.acf-field{
	font-size: 1.5rem;
	margin: 0;
}
/*.acf-field tr{
	border: 1px solid #333;
	border-left: none;
	border-right: none;
}*/
.acf-field th,
.acf-field td{
	display: block;
}

.acf-field td{
	border-top : 1px solid #aaa;
	margin-top: 0.5em;
	padding-top: 0.4em;
}
.acf-field th{
	color: var(--main-color);
}

.acf-field td{
	margin-bottom: 2em;
}

@media (min-width:450px){
	.acf-field{
		font-size: 1.5rem;
		margin-bottom: 40px
	}
	.acf-field table{
		width: 100%;
		border-bottom : 1px solid #DFDFDF;
	}
	.acf-field th,
	.acf-field td{
		display: table-cell;
		padding: 0.75em 1em;
		border: none;
	}
	.acf-field th{
		white-space: nowrap;
	}
	.acf-field tr{
		border-top : 1px solid #DFDFDF;

	}
}






/* Section Separator---------------------------------------------------------

　記事下のナビゲーション

----------------------------------------------------------------------------*/
.post-navigation{
	border-top: 1px solid #E3E3E3;
	margin: 60px 0;
	padding-top: 20px;
	font-size: 1.3rem;
	color: #aaa;
}


.nav-previous{
	float: left;
}
.nav-next{
	float: right;
}


.widget-area-single .inner{
	background: rgba(245,247,249,1.00);
	padding: 40px 30px;
	border-radius: 10px;
}
.widget + .widget{
	margin-top: 40px;
}






.widget-title {
  font-size: 1.4rem;
  border-left: 4px solid var(--main-color); /* 企業サイトらしい装飾例 */
  padding-left: 10px;
  margin-bottom: 20px;
}

.widget ul {
  list-style: none;
  padding: 0;
	font-size: 1.4rem;
	line-height: 1.6;
}

.widget ul li {
  margin-bottom: 10px;
  border-bottom: 1px solid #DDDDDD;
  padding-bottom: 10px;
}

.widget ul li time {
  display: block;
  font-size: 1.2rem;
	margin: 0 0 0.25em;
  color: #888;
}
.widget ul li a:hover .post-title,
.widget_categories li a:hover{
	text-decoration: underline;
}


.widget select{
	width: 100%;
	padding: 0.25em 0.5em;
	font-size: 1.4rem;
	border: 1px solid #999;
	background-color: #FFF;
}

/* Section Separator---------------------------------------------------------

　ページネーション

----------------------------------------------------------------------------*/
.pagination ul {
	padding: 30px 0;
	display: flex;
	justify-content: center;
	list-style: none;
	gap: 0.5em;
}

.pagination ul li a,
.pagination ul li span {
	display: block;
	padding: 0.5em 1em;
	border: 1px solid #ccc;
	border-radius: 3px;
	text-decoration: none;
	color: #333;
	font-size: 1.2rem;
}

.pagination ul li span.current {
    background: var(--main-color);
    color: #fff;
    border-color: #333;
}

/* Section Separator---------------------------------------------------------

　ページネーションアーカイブ用

----------------------------------------------------------------------------*/
/* スクリーンリーダー用の見出しは非表示にする */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* ナビゲーション全体の整列 */
.pagination-ac {
    margin: 40px 0;
    text-align: center;
	font-size: 1.2rem;
}

.nav-links {
    display: flex;
    justify-content: center;
    gap: 8px;
    list-style: none;
}

/* 各数字・ボタンの共通スタイル */
.pagination-ac .page-numbers {
    display: inline-block;
    padding: 0.5em 1em;
    border: 1px solid #ddd;
    background: #fff;
    color: #333;
    text-decoration: none;
    transition: background 0.3s;
}

/* ホバー時と現在のページ */
.pagination-ac .page-numbers:hover,
.pagination-ac .page-numbers.current {
    background: var(--main-color);
    color: #fff;
    border-color: #333;
}

/* 前へ・次への微調整 */
.pagination-ac .page-numbers.prev,
.pagination-ac .page-numbers.next {
    font-weight: bold;
}


/* Section Separator---------------------------------------------------------

　アーカイブタイトル

----------------------------------------------------------------------------*/

.archive-title{
	font-size: 2rem;
	font-weight: 500;
	margin: 1.5em 0;
}

/* Section Separator---------------------------------------------------------

　一覧でエントリーがない場合

----------------------------------------------------------------------------*/
.no-entry{
	margin: 80px 0;
	font-weight: 600;
}