/*
 Theme Name: twentyseventeen-child
 Template: twentyseventeen
*/

/* TwentySeventtenの最大幅を1000pxに変更 */
@media screen and (min-width: 48em) {
/* ホームページ */
	.page-one-column .panel-content .wrap {
		max-width: 1000px;/*記事幅（初期740px）*/
		padding-top: 0;
	}
/* 他の固定ページ */
	.single-post:not(.has-sidebar) #primary, .page.page-one-column:not(.twentyseventeen-front-page) #primary, .archive.page-one-column:not(.has-sidebar) .page-header, .archive.page-one-column:not(.has-sidebar) #primary {
		max-width: 1000px;
	}
	.has-sidebar:not(.error404) #primary {
		float: left;
		width: 100%;/*記事幅*/
	}
	.has-sidebar #secondary {
		float: right;
		padding-top: 0;
		width: 0%;/*サイドバー幅*/
	}
	.navigation-top .wrap {
		max-width: 1100px;/*メニューバー幅*/
		padding: 0.75em 3.4166666666667em;
	}
	.site-content {
		padding: 0;
	}
}

/* 固定ページのタイトル非表示・余白削除 */
.page .entry-title {
	display: none;
}
.page .entry-content {
	margin-top: 0px;
	margin-bottom: 0px; 
	padding-top: 0px;             /* 余白指定 */
	padding-bottom: 0px; 
}

/* フッターの幅・背景色調整 */
.site-info {
	width: 100%;               /*フッター幅*/
	padding: 20px;             /* 余白指定 */
	text-align:  center;        /* 中央寄せ */
}

footer#colophon{
	background-color: #f1f1ed;
/* 	background-color: #002244;*/
}


ul{
	list-style-position: inside;
}
ol{
	list-style-position: inside;
}

.site-description{
font-size: 24px;
}

/* H3見出しの飾りつけ */
h3 {
	margin-top: 20px; 
	margin-bottom: 50px; 
	position: relative;
	border-bottom: 2px solid #d1dcea;
}
h3:before {
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 30%;
	height: 2px;
	content: '';
	background: #175297;
}

/* 005 */
.button005 a {
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 400px;
min-width: 400px;
    padding: 10px 25px;
    color: #FFF;
    transition: 0.3s ease-in-out;
    font-weight: 600;
    background: rgb(149,202,252);
    background: linear-gradient(270deg, rgba(149,202,252,1) 0%, rgba(107,182,255,1) 100%);
}
.button005 a:hover {
border:none; 
    background: rgb(117,188,255);
    background: linear-gradient(270deg, rgba(117,188,255,1) 0%, rgba(62,159,252,1) 100%);
}


/* クラブ概要テーブル専用 */
.club-table {
    background-color: #f0f8ff; /* 全体背景色 */
    color: #333;               /* 文字色 */
}

/* ヘッダー行 */
.club-table th {
    background-color: #4682b4; /* 濃い青 */
    color: #fff;               /* 文字色 */
}

/* 1列目を固定幅・折り返しなし */
.club-table th:first-child,
.club-table td:first-child {
    width: 15%;                /* 必要に応じて調整 */
    white-space: nowrap;       /* 折り返さない */
    overflow: hidden;          /* はみ出た文字を隠す */
    text-overflow: ellipsis;   /* はみ出た文字は…で表示 */
    padding-left: 0.4em;       /* 左余白 */
}

/* 2列目は自動幅 */
.club-table td:last-child {
    width: auto;
}

/* セルの枠線と余白 */
.club-table th,
.club-table td {
    border: 1px solid #d1d1d1;
    padding: 10px;
    border-collapse: collapse;
}

/* レスポンシブ対応：スマホで縦並び */
@media screen and (max-width: 768px) {
  .club-table th:first-child,
  .club-table td:first-child,
  .club-table td:last-child {
    display: block;
    width: 100%;
    white-space: normal; /* スマホでは折り返しを許可 */
  }
}