#header { position: relative; background: rgba(25, 33, 38, 1) }
#content { overflow:hidden; }

/*---------------------------------------------------------------------------
  TITLE
---------------------------------------------------------------------------*/

#page_title { position:relative; padding-block:125px 335px; background:#192126; }
#page_title h2 {
	color: #FFF;
	width: 100%;
	margin: auto;
	max-width: 1200px;
	font-size: 262.5%;
	font-weight: 700;
	line-height: 100%;
}
#page_title h2 small { font-size:47.6%; }
#page_title::after {
	content: "";
	position: absolute;
	left: 0;
	top: 260px;
	width: 1758px;
	height: 400px;
	background: url(/hirohata/baseball/image/sub/ayumi_title.jpg) no-repeat center;
	background-size: cover;
	--cut: 88.75%;
	clip-path: polygon(0 0,100% 0,var(--cut) 100%, 0 100%);
}
#page_title.yote_title::after {
	background: url(/hirohata/baseball/image/sub/yote_title.jpg) no-repeat center;
	background-size: cover;
}
#page_title.taikai_title::after {
	background: url(/hirohata/baseball/image/sub/result_title_2024.jpg) no-repeat center;
	background-size: cover;
} 
#page_title.hot_title::after {
	background: url(/hirohata/baseball/image/sub/hot_title.jpg) no-repeat center;
	background-size: cover;
}
#page_title.kakudo_title::after {
	background: url(/hirohata/baseball/image/sub/kakudo_title_2024.jpg) no-repeat center;
	background-size: cover;
}
#page_title.link_title::after {
	background: url(/hirohata/baseball/image/sub/link_title.jpg) no-repeat center;
	background-size: cover;
}
#page_title.member_title::after {
	background: url(/hirohata/baseball/image/sub/member_title_2024.jpg) no-repeat center;
	background-size: cover;
}
#page_title.city_title::after {
	background: url(/hirohata/baseball/image/sub/city_title.jpg) no-repeat center;
	background-size: cover;
}
#page_title.tournament_title::after {
	background: url(/hirohata/baseball/image/sub/tournament_title.jpg) no-repeat center;
	background-size: cover;
}
#page_title.fanclub_title::after {
	background: url(/hirohata/baseball/image/sub/fanclub_title_2024.jpg) no-repeat center;
	background-size: cover;
}
/* MEMBER DETAIL PAGE */
#page_title.member_detail { padding-block:100px 50px; }
#page_title.member_detail h2 { font-size:150%; }
#page_title.member_detail .member_bio { color:#FFF; margin: 60px auto 0; }
#page_title.member_detail .member_bio b {
	display: block;
	font-size: 300%;
	font-weight: 700;
	line-height: 150%;
	width: fit-content;
	border-bottom: 2px solid #FFF;
}
#page_title.member_detail .member_bio .player_num {
	color:#838383;
	font-size:145.8%;
	font-weight: 700;
	margin-right:30px;
	display: inline-block;
	vertical-align: text-bottom;
}
#page_title.member_detail .member_bio small {
	display:block;
	font-size:125%;
	font-weight:700;
	margin-block:10px 40px;
}
#page_title.member_detail .member_bio span { display: block; font-size: 150%; font-weight: 500; }



#page_title.page_detail { padding-bottom:80px; }
#page_title.page_detail::after { display:none; }

/*---------------------------------------------------------------------------
  PAN
---------------------------------------------------------------------------*/




/*====================================================================================================

  SUBPAGE

====================================================================================================*/

#subpage {}
#subpage h4 { text-align:center; }
#subpage h4 b { display:block; font-size:212.5%; font-weight:700; line-height:100%; }
#subpage h4 small {
	display:block;
	font-size:112.5%;
	font-weight: 400;
	line-height:100%;
	margin-top: 20px;
}

/* COMMON CSS: ARCHIVE PAGE */
.title_box {
	display: flex;
	max-width: 1000px;
	margin: 250px auto 90px;
	align-items: center;
	justify-content: space-between;
}
.title_box .mid { display:flex; align-items:flex-end; }
.title_box .mid .year { color:#A3A3A3; }
.title_box .mid b { display: inline-block; font-size:625%; font-weight:700; line-height:100%; }
.title_box .mid small { font-size:212.5%; font-weight:500; }
.title_box .mid .label { font-weight: 700; line-height:120%; margin-left:20px; }
.title_box ul.archive_list li { width: 270px; position:relative; z-index:999; }
.title_box ul.archive_list li p {
	color: #FFF;
	border: none;
	cursor: pointer;
	font-size: 112.5%;
	font-weight: 500;
	text-align: center;
	padding-block: 10px;
	background: #151515 url(/hirohata/baseball/common/image/arrow_down2.svg) no-repeat 95%;
}
.title_box ul.archive_list li ul {
	display:none;
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	width: 100%;
	margin: auto;
}
.title_box ul.archive_list li ul li {
	padding: 10px;
	cursor: pointer;
	font-size: 112.5%;
	font-weight: 500;
	background: #FFF;
	text-align: center;
	border: 1px solid #151515;
	border-top: none;
}


/* COMMON CSS: DETAIL PAGE */
.back_btn { width:270px; margin: 100px auto; background:#151515; }
.back_btn a { color: #FFF; font-weight:500; }
.back_btn a::before { right:auto; left:12px; background: #FFF; }
.back_btn a::after {
	left: 17px;
	right: auto;
	border-width: 3.5px 5px 3.5px 0;
	border-color: transparent #151515 transparent transparent;
}


/* COMMON CSS: TABLE */
.lists {}
.lists { max-width: 1000px; margin:70px auto 0; }
.lists table { width:100%; }
.lists table tr {}
.lists table tr th {
	color: #151515;
	font-size: 112.5%;
	padding-block: 20px;
	background: #FFEE00;
}
.lists table tr:nth-child(even) th { background:#C4B80D; }
.lists table tr td {
	color: #FFF;
	font-size: 112.5%;
	padding: 20px 30px;
	background: rgba(255, 238, 0, 0.3);
}
.lists table tr:nth-child(even) td { background:rgba(196, 184, 13, 0.3); }
.lists table tr td a {
	color: #FFF;
	position: relative;
	padding-right: 30px;
	text-underline-offset: 3px;

	display:inline-block;
	margin-right:10px;
}
.lists table tr td a::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 24px;
	height: 27px;
	transform: translateY(-50%);
	background: url(/hirohata/baseball/common/image/icon_pdf.svg) no-repeat;
	background-size: contain;
}
.lists table tr td a:hover { opacity:0.7; }


/*====================================================================================================

  柔道部紹介・あゆみ

====================================================================================================*/
#ayumi {}

#ayumi .greetings {
	width: 100%;
	max-width: 1000px;
	margin:250px auto 100px;
}
#ayumi .greetings h3 {}
#ayumi .greetings h3 b { color:#151515; }
#ayumi .greetings h3 small { color:#A5A5A5; }
#ayumi .greetings h4 { margin-block:65px 75px; }
#ayumi .greetings .come { font-size: 112.5%; font-weight: 400; line-height: 220%; }
#ayumi .greetings .photo { margin:70px auto; max-width:800px;}
#ayumi .greetings .photo img { width:100%;}
#ayumi .greetings .photo span {
	display: block;
	font-size: 100%;
	line-height:100%;
	margin-top: 25px;
	text-align: center;
}
#ayumi .greetings .author { text-align:right; font-size:112.5%; margin-top:65px; }

#ayumi .history { padding-block:105px 100px; background:#192126; }
#ayumi .history h3.players { margin-block:100px 90px; }
#ayumi .history .photo { max-width:1200px; width:100%; height:296.25px; margin:60px auto 70px; position:relative;}
#ayumi .history .photo img {
	--cut:143.59px;
	width:100%;
	max-width:655px;
	position:absolute;
}
#ayumi .history .photo img:nth-child(1) { left:0; clip-path:polygon(0 0,100% 0,calc(100% - var(--cut)) 100%, 0 100%);}
#ayumi .history .photo img:nth-child(2) { right:0; clip-path:polygon(var(--cut) 0,100% 0,100% 100%, 0 100%);}
#ayumi .history .list { max-width:1000px; width:100%; margin:auto; color:#FFF; }
#ayumi .history table { width:100%; }
#ayumi .history table tr th {
	width: 116px;
	padding: 16px;
	color: #151515;
	font-size: 112.5%;
	font-weight: 700;
	background: #FFEE00;
	vertical-align: text-top;
}
#ayumi .history table tr td { font-size:112.5%; font-weight:400; padding:0; }
#ayumi .history table tr td ul li {
	display:flex;
	padding: 10px 0;
	background:rgba(255, 238, 0, 0.3);
}
#ayumi .history table tr td ul li:nth-child(even) { background:rgba(196, 184, 13, 0.3); }
#ayumi .history table tr td ul li { line-height:230%; }
#ayumi .history table tr td ul li b { font-weight: 400; padding:0 80px 0 40px; }
#ayumi .history table tr:nth-child(even) th { background:#C4B80D; }
#ayumi .history table tr:nth-child(2) ul li { background:rgba(196, 184, 13, 0.3);  }
#ayumi .history table tr:nth-child(2) ul li:nth-child(even) { background:rgba(255, 238, 0, 0.3); }
#ayumi .history table tr:nth-child(3) ul li { background:rgba(196, 184, 13, 0.3); }
#ayumi .history table tr:nth-child(3) ul li:nth-child(even) { background:rgba(255, 238, 0, 0.3);  }

#ayumi .history .list2 {}
#ayumi .history .list2 table tr th { width:170px; }
#ayumi .history .list2 table tr td ul li b { width:305px; padding-right:0; }
#ayumi .history .list2 table tr:nth-child(odd) td ul li { background:rgba(255, 238, 0, 0.3); }
#ayumi .history .list2 table tr:nth-child(even) td ul li { background:rgba(196, 184, 13, 0.3); }

#ayumi .history .list3 {}
#ayumi .history .list3 table tr th { width:170px; vertical-align:middle; }
#ayumi .history .list3 table tr td ul li b { padding-right:0; }
#ayumi .history .list3 table tr:nth-child(odd) td ul li { background:rgba(255, 238, 0, 0.3); }
#ayumi .history .list3 table tr:nth-child(even) td ul li { background:rgba(196, 184, 13, 0.3); }

#ayumi .history .note { color:#FFF; text-align:center; margin-top:20px; }



/*====================================================================================================

  大会予定・組合せ

====================================================================================================*/
#taikai { background:#192126; padding-block:250px 150px; }

#taikai .lists { max-width:1000px; margin:70px auto 0; color:#FFF; }

#taikai .lists table { width:100%; }
#taikai .lists table thead tr th {
	color: #FFF;
	width: 375px;
	padding: 20px 0;
	text-align: left;
	font-size: 112.5%;
	letter-spacing: 0.3em;
	background: rgba(163, 163, 163, 0.3);
	background: #43484c;
}
#taikai .lists table thead tr th:nth-child(1) { width:349px; padding-left:30px; }
#taikai .lists table thead tr th:nth-child(2) { width:275px; }

#taikai .lists table.taikai_info tr {}
#taikai .lists table.taikai_info tr th {
	width: 89px;
	text-align: center;
	vertical-align: text-top;
	padding-block:20px;
}

#taikai .lists table.taikai_info tr td { padding:20px 0; background: #5e5e1b; }
#taikai .lists table.taikai_info tr:nth-child(even) td { background:rgba(196, 184, 13, 0.3); background:#4c4e1e; }
#taikai .lists table.taikai_info tr td:nth-last-child(3) { width:260px; padding:20px 28px; }
#taikai .lists table.taikai_info tr td:nth-last-child(2) { width:275px; }
#taikai .lists table.taikai_info tr td:nth-last-child(1) { width:375px; }




/*====================================================================================================

  カレンダー（活動計画）

====================================================================================================*/
#kakudo {}
#kakudo ul.tab_control { display: flex; max-width: 1000px; margin:245px auto 100px; }
#kakudo ul.tab_control li {
	width:50%;
	color: #151515;
	display: flex;
	cursor: pointer;
	font-size: 112.5%;
	font-weight: 500;
	position: relative;
	background:#C4B80D;
	align-items: center;
	justify-content: center;
}
#kakudo ul.tab_control li.active { background:#FFEE00; }
#kakudo ul.tab_control li::before {
	content: "";
	top: 50%;
	right:12px;
	width: 16px;
	height: 16px;
	background: #151515;
	border-radius: 50%;
	position: absolute;
	transform: translateY(-50%);
}
#kakudo ul.tab_control li::after {
	content: "";
	top: 50%;
	right:17px;
	position: absolute;
	display: inline-block;
	width: 0;
	height: 0;
	transform: translateY(-50%);
	border-style: solid;
	border-width: 5px 3.5px 0 3.5px;
	border-color: #C4B80D transparent transparent transparent;
}
#kakudo ul.tab_control li.active::after {
	border-color: #FFEE00 transparent transparent transparent;
}

#kakudo .kakudo_wrap { max-width:1000px; margin: 100px auto 150px; }
#kakudo .kakudo_wrap.disnon { display:none; } 
#kakudo .kakudo_wrap h3 b { color:#151515; }
#kakudo .kakudo_wrap h3 small { color:#A5A5A5; }
#kakudo .calendar { margin-block:70px 30px; }
#kakudo .calendar table {
	--child-1-2-width:100px;		/* 1，2列目のth（td）のwidth */

	width:100%;
	border-collapse:separate;
	border-spacing:0;
}
#kakudo .calendar table th {
	color: #FFF;
	width: 267px;
	padding: 20px 0;
	font-size: 112.5%;
	line-height: 100%;
	background: #192126;
	border-bottom: 1px solid #151515;
}
#kakudo .calendar table th+th { border-left:1px solid #151515; }
#kakudo .calendar table th:nth-child(1),
#kakudo .calendar table th:nth-child(2) { width:var(--child-1-2-width); }
#kakudo .calendar table td {
	padding: 20px 0;
	font-size: 112.5%;
	font-weight: 700;
	line-height: 100%;
	text-align: center;
	background: #FFF;
	border-right: 1px solid #151515;
	border-bottom: 1px solid #151515;
}
#kakudo .calendar table td:last-child { border-right:none; font-size:100%;}
#kakudo .calendar table tr.weekend td { background:#EFEFEF; }
#kakudo .calendar table tr.spare_day td { background:#FFEE00; }
#kakudo .calendar table tr.op_match td { background:#C4B80D; }
#kakudo .calendar table tr.sat td:nth-child(2) { color:#0066A7; }
#kakudo .calendar table tr.sun td:nth-child(2) { color:#D35151; }



/*====================================================================================================

  部員紹介

====================================================================================================*/
#member {}

#member .member_wrap { background:#192126; padding-block:250px 50px; }
#member .member_list {
	display: flex;
	row-gap: 70px;
	flex-wrap: wrap;
	column-gap: 40px;
	margin-top: 70px;
}
#member .member_list a { display:block; text-decoration:none; color:#FFF; }
#member .member_list .box { width:270px; }
#member .member_list .box .photo { position:relative; overflow:hidden; }
#member .member_list .box .photo span {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100px;
	height: 40px;
	display: flex;
	color: #151515;
	font-weight: 700;
	line-height: 100%;
	align-items: center;
	justify-content: center;
}
#member .member_list .box .photo span.blk_bnr {
	right: 0;
	bottom: 0;
	top: auto;
	left: auto;
	color: #FFF;
}
#member .member_list .box .photo span::before {
	content: "";
	z-index: -1;
	position: absolute;
	width: 120%;
	height: 100%;
	transform: skewX(-22deg);
}
#member .member_list .box .photo span.ylw_bnr::before { left: -20%; background: #FFEE00; }
#member .member_list .box .photo span.blk_bnr::before { right:-20%; background: #192126; }
#member .member_list .box .photo img { width:100%; transition:transform 0.5s ease; }
#member .member_list .box .name {
	margin-top: 20px;
	font-size: 112.5%;
	font-weight: 500;
	line-height: 150%;
	text-align:center;
}
#member .member_list .box a:hover .photo img { transform:scale(1.15); }

#member .staff_wrap { background:#192126; padding-block:50px 160px; }
#member .staff_list {
	display: flex;
	row-gap: 70px;
	flex-wrap: wrap;
	column-gap: 40px;
	margin-top: 70px;
}
#member .staff_list ul { width:270px; color:#FFF; }
#member .staff_list ul li { font-weight:500; line-height:200%; }
#member .staff_list ul li.name { font-size:112.5%; margin-block:10px 5px; }
#member .staff_list ul li.profile .alma_mater { letter-spacing:-0.01em; }
#member .staff_list ul li img { width:100%; }

/* DETAIL PAGE */
#member .profile_wrap { padding-block:50px 100px; position:relative; }
#member .profile_wrap .profile_pic { position:absolute; right:0; top:-350px; width: 700px; }
#member .profile_wrap .profile_pic img {
	width: 100%;
	clip-path: polygon(15% 0, 100% 0%, 85% 100%, 0% 100%);
}
#member .profile_wrap .catch { max-width:240px; }
#member .profile_wrap .catch small {
	width: 100%;
	display: block;
	color: #151515;
	font-size: 100%;
	font-weight: 700;
	text-align: center;
	background: #FFEE00;
}
#member .profile_wrap .catch b {
	display: block;
	font-size: 437.5%;
	font-weight: 700;
	line-height: 210%;
	text-align: center;
	margin-block: 20px;
	background: url(/hirohata/baseball/image/sub/kanji_frame_border.svg) no-repeat center;
	background-size: 100% 100%;
}
#member .profile_wrap .catch span { font-weight:500; }
#member .profile_wrap .profile_info { margin-top:105px; }
/* #member .profile_wrap dl { height: 65px; display: flex; border-top: 1px solid #151515; }
#member .profile_wrap dl:last-child { border-bottom: 1px solid #151515; }
#member .profile_wrap dl dt {
	width: 256px;
	display: flex;
	padding: 0 20px;
	font-size: 106.3%;
	font-weight: 700;
	line-height: 160%;
	background: #EFEFEF;
	align-items: center;
}
#member .profile_wrap dl dd {
	width: 344px;
	display: flex;
	padding: 0 20px;
	font-weight: 500;
	line-height: 160%;
	align-items: center;
} */
#member .profile_wrap dl { display: flex; flex-wrap:wrap; }
#member .profile_wrap dl :is(dd:nth-of-type(-n+2),dt:nth-of-type(-n+2)) { border-top:solid 1px #151515;}
#member .profile_wrap dl :is(dd,dt) { border-bottom:solid 1px #151515; min-height:65px;}
#member .profile_wrap dl dt {
	width: 256px;
	display: flex;
	padding: 0 20px;
	font-size: 106.3%;
	font-weight: 700;
	line-height: 160%;
	background: #EFEFEF;
	align-items: center;
}
#member .profile_wrap dl dd {
	width: 344px;
	display: flex;
	padding:10px 20px;
	font-weight: 500;
	line-height: 160%;
	align-items: center;
}
#member .records { background:#192126; padding-block:100px; }
#member .records .record_list { max-width: 1000px; margin:70px auto 0; }
#member .records .record_list table { width:100%; color:#FFF; }
#member .records .record_list table tr {}
#member .records .record_list table tr th {
	width: 240px;
	font-size: 112.5%;
	padding-block: 20px;
	background: #D35151;
}
#member .records .record_list table tr:nth-child(even) th { background:#A70000; }
#member .records .record_list table tr td {
	font-size: 112.5%;
	padding: 20px 30px;
	background: rgba(211, 81, 81, 0.3);
}
#member .records .record_list table tr:nth-child(even) td { background:rgba(167, 0, 0, 0.3); }


/*====================================================================================================

  ファンクラブ

====================================================================================================*/
#fanclub {}
#fanclub img { width: 100%; }
#fanclub .greetings {
	max-width: 1000px;
	margin: 245px auto 100px;
}
#fanclub .greetings h3 b { color:#151515; }
#fanclub .greetings h3 small { color:#A5A5A5; }
#fanclub .greetings .catch {
	font-size: 162.5%;
	font-weight: 700;
	line-height: 140%;
	text-align: center;
	margin-block: 60px;
}
#fanclub .greetings .photo { max-width: 800px; margin:auto; }
#fanclub .greetings .come { font-size: 112.5%; margin-block:70px; }
#fanclub .greetings .author { font-size: 112.5%; text-align:right; }

#fanclub .lists table tr th { width: 170px; }
#fanclub .about_wrap { background: #192126; padding-block:100px 145px; }
#fanclub .overview .lists { margin-top: 85px; }
#fanclub .entry { margin-block: 100px; }
#fanclub .entry .photo { max-width:244px; margin:85px auto 70px; }
#fanclub .contact_num { color:#FFF; text-align: center; }
#fanclub .contact_num .catch { font-size: 162.5%; font-weight: 700; margin-block: 85px 40px; }
#fanclub .contact_num .numbers { font-size: 112.5%; line-height:220%; }




/*====================================================================================================

  リンク

====================================================================================================*/
#link { background:#192126; padding-block:250px 160px; }
#link .link_wrap {
	display: flex;
	row-gap: 100px;
	flex-wrap: wrap;
}
#link .link_wrap .box { width:640px; color:#FFF; }
#link .link_wrap .box .photo {
	position: relative;
		--cut: 143.59px;
	clip-path:polygon(0 0,100% 0,calc(100% - var(--cut)) 100%, 0 100%);
}
#link .link_wrap .box .photo::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.42);
}
#link .link_wrap .box .photo img { width:100%; aspect-ratio:640/282; object-fit:cover;}
#link .link_wrap .box .mid {
	font-size:212.5%;
	font-weight: 700;
	line-height: 140%;
	padding-left: 15px;
	margin-block: 30px 20px;
	border-left: 2px solid #FFEE00;
}
#link .link_wrap .box .come { font-size:112.5%; line-height:220%; max-width:500px; margin-bottom:35px; }
#link .link_wrap .box ul li { margin-block:10px; }
#link .link_wrap .box ul li a {
	color: #FFEE00;
	display: block;
	position: relative;
	width: fit-content;
	padding-right: 25px;
	text-decoration: none;
	border-bottom: 1px solid #FFEE00;
}
#link .link_wrap .box ul li a::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 18px;
	height: 18px;
	transform: translateY(-50%);
	background: url(/hirohata/baseball/common/image/icon_link.svg) no-repeat;
	background-size: contain;
}
#link .link_wrap .box ul li a:hover { opacity:0.7; }
#link .link_wrap .box:nth-child(even) { margin-left:-80px; }
#link .link_wrap .box:nth-child(even) .photo {
	clip-path:polygon(var(--cut) 0,100% 0,100% 100%, 0 100%);
}
#link .link_wrap .box:nth-child(even) .mid,
#link .link_wrap .box:nth-child(even) .come,
#link .link_wrap .box:nth-child(even) ul { margin-left:140px; }




/*====================================================================================================

  都市対抗野球大会

====================================================================================================*/
#tournament { background:#192126; padding-block:250px 160px; }
#tournament .city_info th { width: 321px; }
#tournament .city_info td { padding: 20px 60px; }
#tournament .city_info td a { display: inline-block; line-height: 200%; }