@charset "UTF-8";
/* line 5, ../../../../../../home/ec2-user/.gem/ruby/2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../../home/ec2-user/.gem/ruby/2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../home/ec2-user/.gem/ruby/2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../home/ec2-user/.gem/ruby/2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../home/ec2-user/.gem/ruby/2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../../home/ec2-user/.gem/ruby/2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../home/ec2-user/.gem/ruby/2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../home/ec2-user/.gem/ruby/2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../home/ec2-user/.gem/ruby/2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/*
Theme Name:		SMART-MINIMUM
Theme URI:		http://rfs.jp/
Description:	デザインありきで制作する際の、最小限必要と思われる構成のテンプレートです。
Author:			rhythmfactory
Author URI:		http://rfs.jp/
Version:		1.0
License:
License URI:
*/
/*#########################################################

要素関連

#########################################################*/
/* line 32, style.scss */
p {
}

/*#########################################################

WordPress必須クラス

#########################################################*/
/* line 42, style.scss */
.wp-caption {
  /**/
}

/* line 43, style.scss */
.wp-caption-text {
  /**/
}

/* line 44, style.scss */
.sticky {
  /**/
}

/* line 45, style.scss */
.gallery-caption {
  /**/
}

/* line 46, style.scss */
.bypostauthor {
  /**/
}

/* line 47, style.scss */
.alignright {
  /**/
}

/* line 48, style.scss */
.alignleft {
  /**/
}

/* line 49, style.scss */
.aligncenter {
  /**/
}

/* line 50, style.scss */
.screen-reader-text {
  /**/
}

/*#########################################################

レイアウト

#########################################################*/

.nt{
    text-indent: 100% !important;
    white-space: nowrap;
    overflow: hidden;
    font-size:1px;
    line-height:0% !important;
    margin:0;
    padding:0;
    text-align:left !important;
    }
.nt *{
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    font-size:1px;
    line-height:0% !important;
        text-align:left !important;
    }

.cf:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
 
.cf {
  min-height: 1px;
}
 
* html .cf {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* tips*/
.taC{text-align:center;}
.taR{text-align:right;}
.taL{text-align:left;}

.flL{float:left;}
.flR{float:right;}
.flC{margin:0 auto;}

.fwB{font-weight:bold;}
.fwN{font-weight:normal}
.fsI{font-style:italic;}

.openTxt{
  font-family: 'Open Sans', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
.oswaldTxt {
    font-family: 'Oswald', sans-serif;
}

.smallTxt{font-size:80%;line-height:1em;}
.miniTxt{font-size:60%;line-height:1em;}
.bigTxt{font-size:140%;line-height:1em;}
.hugeTxt{font-size:180%;line-height:1em;}
.noticeTxt{color:#539574;}

.poA{position:absolute;}
.poR{position:relative;}
.poF{position:fixed;}

.vaM{vertical-align:middle;}
.vaT{vertical-align:top;}

.dspB{display:block;}
.dspI{display:inline;}
.dspIb{display:inline-block;}
.dspT{display:table;}
.dspTc{display:table-cell;}

.itemIndent{text-indent:-1.2rem;margin-left:1.2rem;}

.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}

.pb20{padding-bottom:20px;}

html {font-size:62.5%; font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}
body {font-size:12px;font-size: 1.2rem;line-height:140%;	background:#539574;}
#main{
	background:#eee;
}

.sectionBox{padding:120px 0;}

.sectionBox--index:before{
	display:inline;
	content:"OUHS FOOTBALL CLUB";
	font-family: 'Oswald', sans-serif;
	font-size:80px;
	color:#ddd;
	position:absolute;  
 	bottom: 0%;           /* 上下中央のベース位置 */
	left: 100%;         /* ★最重要：right:0; ではなく、左から100%の位置（右の境界線）にする */
  	transform: translateY(-50%) translateX(-80px) rotate(-90deg);
	transform-origin: left top;
	white-space: nowrap;
	z-index:0;
}
.sectionBox--green{
	color:#fff;
}
.sectionBox--green:before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	background-image: linear-gradient(90deg, #6fbb86, #539574 40%);
    transform: skewY(1.5deg);
	z-index: 0;
}
.siteFrame{width:1080px;z-index:1;}
.sectionTitle{
	line-height:0;
	padding-left:20px;
	font-size:24px;
	color:#539574;
	position:relative;
}
.sectionTitle:before{
	content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 36px;
    background: #539574;
    border-radius: 10px;
}
.sectionBox--green .sectionTitle,
.asideHalf .sectionTitle{
	color:#fff;
}
.asideHalf .sectionTitle:before,
.sectionBox--green .sectionTitle:before{
    background: #fff;
}
.asideHalf--right .sectionTitle{
	padding-left:0;
	padding-right:20px;}
.asideHalf--right .sectionTitle:before{
	right:0;
	left:auto;
}

.organicBtn{
	right:0;
	top:20px;
	font-weight:bold;
	color:#000;
	text-decoration:none;
	font-size:16px;
	line-height:34px;
	transition:0.5s all;
}
.sectionBox--green .organicBtn,
.bottomArea .organicBtn{
	color:#fff;}
.newsBox .organicBtn{
	top:40px;
	right:40px;
}
.organicBtn:hover{
	letter-spacing:0.1em;
	transition:0.5s all;
}

/*ヘッダー*/
#site-header{
	width:100%;
	padding:10px 0;
	z-index:30;
	background:#539574;
}
.home #site-header{
	background:none;
}
#siteLogo img{
	padding-right:10px;
}
#siteLogo a{
	text-decoration:none;
	color:#fff;
}
.mainNav{
	right:0;
	top:50%;
	transform: translateY(-50%);
}
.mainNav__menu__item{
	margin-left:30px;
}
.mainNav__menu__item a{
	color:#fff;
	text-shadow: 1px 1px 4px #333;
}
/*フッター*/
.asideHalf{
	width:50%;
	padding:60px 0;
}
.asideHalf:before{
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background:url(/wp-content/uploads/bg_green.png);
	z-index:0;
}
.bottomArea__content{
  display: flex !important;
  flex-wrap: wrap;
  align-items: stretch; /* ★これによって左右の高さが自動的に一番高い方に揃います */
  justify-content: space-between;
}

/* 2. 左右の要素のfloat設定を綺麗に打ち消し、横幅を維持する */
.asideHalf--left,
.asideHalf--right {
  float: none !important; /* floatを無効化 */
  width: 50%;            /* 左右の幅（既存の数値があればそれに合わせて調整してください） */
  display: flex;
  flex-direction: column;
}

/* 3. 内側のインナー要素も高さを100%にして、背景色や枠線がズレないようにする */
.asideHalf__inner {
  height: 100%;
  width: 100%;
  box-sizing: border-box;
}
.asideHalf--left{
	background:url(/wp-content/uploads/aside_left.jpg) no-repeat right bottom;
	background-size:cover;
	background-repeat:no-repeat;
}
.asideHalf--right{
	background:url(/wp-content/uploads/aside_right.jpg) no-repeat right bottom;
	background-size:cover;
	background-repeat:no-repeat;
}
.asideHalf--left .asideHalf__inner{
	right:0;
}
.asideHalf__inner{
	width:540px;
	z-index:3;
	color:#fff;
	font-size:15px;
	line-height:1.5em;
}
#site-footer{
	background:#000;
	color:#fff;
	padding:80px 0;
}
/*パンくず*/
.breadcrumbArea{
	padding:10px 0;
	font-size:13px;
}
.breadcrumbArea a{
	color:#539574;
}
/*ページラベル*/
#pageLabel{
	padding:150px 0 80px;
	color:#fff;
	font-size:20px;
    background-size: cover !important;
    background-position: center !important;
}
#pageLabel:before{
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	background:url(/wp-content/uploads/bg_green.png);
	left:0;
	top:0;
}
.post-type-archive-season #pageLabel,
.single-match #pageLabel,
.post-type-archive-supporter #pageLabel,
.single-supporter #pageLabel{
	background:url(/wp-content/uploads/bg_pagelabel_match.png);
}

.post-type-archive-team #pageLabel,
.single-team #pageLabel{
	background:url(/wp-content/uploads/bg_pagelabel_team.png);
}
.post-type-archive-team #pageLabel,
.single-team #pageLabel{
	background:url(/wp-content/uploads/bg_pagelabel_team.png);
}
.post-type-archive-ob #pageLabel,
.single-ob #pageLabel{
	background:url(/wp-content/uploads/bg_pagelabel_ob.png);
}
.page #pageLabel{
	background:url(/wp-content/uploads/bg_pagelabel_page.png);
}
.page-id-2 #pageLabel{
	background:url(/wp-content/uploads/bg_pagelabel_donate.png);
}


/*トップページ*/
.indexIntro{
	width: 100%;
	height: 100vh; /* 画面の高さ100% */
	background:#fff;
	position: relative;
	overflow: hidden; /* 斜めにはみ出た部分をカット */
  
	/* 左寄せにするためのレイアウト設定 */
	display: flex;
	align-items: center; 
	justify-content: flex-start;
}
.indexIntro:before{
	content:"";
	width: 60%; /* 横幅半分 */
	height: 300%; /* 高さ100% */
	background:#539574; 
	padding: 60px;
	box-sizing: border-box;
	display: block;
	position:absolute;
	left:20%;
	bottom:0;
	z-index:1;
	/* ★要素自体をX軸方向に10度傾ける */
	transform: skewX(-10deg);
	/* 傾けたことで左側に隙間ができるのを防ぐため、少し左にずらす */
	margin-left: -23%; 
}
.indexIntro__slide{
	width:65%;
	height:100vh;
	right:0;
	bottom:0;
	z-index:0;
}
.indexIntro__slide img{
	object-fit:cover;
	height:100%;
	object-position: center;
}

.indexIntro__main{
	z-index:3;
	top:50%;
	transform: translateY(-50%);
}
.catchCopy{
	text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4);
	color:#fff;
	font-size:24px;
	line-height:1em;
}
.indexIntro__match{
	width:500px;
}
.indexIntro__match__title{
	width:100%;
	box-sizing:border-box;
	background:#333;
	color:#fff;
	padding:5px 20px 5px;
	border-radius: 20px 20px 0 0;
}
.indexIntro__match__title span{
	padding:5px 10px;
}
.indexIntro__match__content{
	background:#fff;
	padding:5px 20px 10px;
	border-radius:0 0 25px 25px;
}
.indexIntro__match__content__table{
	width:100%;
	padding:10px 0 5px;
	box-sizing:border-box;
}
.indexIntro__match--next .indexIntro__match__content__table{
	width:auto;
}
.indexIntro__match__content__table__team{
	width:40%;
}
.indexIntro__match__content__table__num{
	width:20%;
}
.indexIntro__match__content__link{
	color:#fff;
	margin:0 auto;
	background:#333;
	padding:4px 10px;
	text-decoration:none;
	box-sizing:border-box;
	border:2px solid #333;
}
.indexIntro__match__content__link:hover{
	color:#333;
	background:#fff;
}
.newsBox{
	width:40%;
	padding:40px;
	background:#fff;
	border-radius:20px;	
	z-index:1;
}
.jufa-rank-table{
	font-size:11px;
	border-top:1px solid #000;
	border-left:1px solid #000;	
}
.jufa-rank-table tr:first-child{
	background:#333;
	color:#fff;
}
.jufa-rank-table td{
	text-align:center;
	border-bottom:1px solid #000;
	border-right:1px solid #000;
}
.jufa-rank-table tr:first-child td:nth-child(2){text-align:center;}
.jufa-rank-table td:nth-child(2){text-align:left;}
.jufa-rank-table td:nth-child(5),
.jufa-rank-table td:nth-child(6),
.jufa-rank-table td:nth-child(7){display:none;}

.clubConcept{
	font-size:16px;
}

.clubConcept__catch{
	line-height:1.5;
	text-align:center;
	letter-spacing:.05em;
}

.clubConcept__lead{
}

.clubConcept p{
	line-height:1.6;
}

.clubConcept__heading{
	position:relative;
	font-size:22px;
	font-weight:700;
	line-height:1.5;
}
.clubConcept__inner__half{
	width:48%;
}

.pillarList{
	border-top:1px solid #ddd;
}

.pillar{
	position:relative;
	padding:25px 0 25px 45px;
	border-bottom:1px solid #ddd;
}

.pillar:before{
	content:"";
	position:absolute;
	left:8px;
	top:42px;
	width:14px;
	height:14px;
	background:#539574;
	border-radius:50%;
}

.pillar:after{
	content:"";
	position:absolute;
	left:14px;
	top:56px;
	bottom:-1px;
	width:2px;
	background:#d9e9e1;
}

.pillar:last-child:after{
	display:none;
}

.pillar h4{
	font-size:26px;
	color:#539574;
	font-weight:700;
	line-height:1.4;
}

.pillar p{
	line-height:1.6;
	margin:0;
}

.clubConcept__message{
	padding:50px 40px;
	background:#f7fbf9;
	border-left:6px solid #539574;
	text-align:center;
	border-radius:6px;
}

.clubConcept__message p{
	font-size:30px;
	font-weight:700;
	line-height:1.7;
	margin:0;
}

.clubConcept__message p:last-child{
	font-size:17px;
	font-weight:500;
	margin-top:15px;
	color:#666;
}


/*選手紹介*/
.teamLabel{
	color:#fff;
	background:#539574;
	padding:10px 20px;
}
.playerList__detail{
	border:1px solid #96cda6;
	box-sizing: border-box;
	width:18%;
	margin-right:2.5%;
	margin-bottom:2.5%;
	overflow:hidden;
}
.playerList__detail:nth-child(5n){
	margin-right:0;
}
.playerList__detail__content__img,
.playerList__detail__content{
	line-height:0;
}
.playerList__detail__content__img{
	object-fit:cover;
	transition:all 0.3s;
}
.playerList__detail__content__img:hover{
    /* ホバーしたら1.2倍サイズに拡大 */
   transform: scale(1.1) rotate(2deg);
}
.playerList__detail__box{
	padding:15px 20px;
	background:#539574;
	z-index:20;
}
.playerList__detail__box:after {
    content: "";
    display: block;
    width: 120%;
    height: 90px;
    background: #539574;
    position: absolute;
    bottom: 10px;
    left: 0px;
    transform: rotate(-10deg);
    z-index: -1;
}
.playerList__detail__spel{
	color:#96cda6;
	text-transform: uppercase;
}
.playerList__detail__name{
	color:#fff;
}
.playerList__detail__no{
	right:10px;
	top:15px;
	color:#fff;
	font-size:20px;
}

/*OB*/
/* リスト全体のコンテナ */
.obList {
    display: flex;
    flex-direction: column;
    gap: 30px; /* 記事と記事の間の余白 */
}

/* 個々の記事カード（基本はスマホ用の縦並び） */
.obCard{
	font-size:14px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px;
    border-radius: 20px;
    background-color: #ffffff;
}
.obCard:before {
    content: '';
    position: absolute;
    top: 20px;
    right: 20px; 
    border-bottom: 5vw solid #539574;  /* 好みで高さ色を変えてください */ 
    border-right: 12vw solid transparent;
	transform: rotate(180deg);
	z-index:0;
}

/* 左側：画像の設定 */
.ob-media {
    width: 100%;
}
.ob-media img, 
.ob-media .no-image {
    width: 100%;
    height: 200px; /* 必要に応じて高さを調整してください */
    object-fit: cover; /* 画像の比率を保ったまま枠に収める */
    border-radius: 6px;
}
.ob-media .no-image {
    background-color: #f3f4f6;
    color: #9ca3af;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 右側：コンテンツの設定 */
.obContent {
    flex: 1;
}
.obTitle{
    margin: 0 0 12px 0;
}
.ob-profile {
    margin: 0 0 16px 0;
    color: #4b5563;
    line-height: 1.6;
}
.ob-details {
    color: #374151;
    line-height: 1.6;
    background-color: #f9fafb;
    padding: 15px;
    border-radius: 6px;
}
.ob-details p {
    margin: 0;
}




/*選手詳細*/
.playerLeft{
	width:400px;
}
.playerRight{
	width:630px;
}
.playerTitle{
	font-size:40px;
	line-height:1em;
}
.playerRight__stats{
	width:100%;
}
.playerRight__stats th,
.playerRight__stats td{
	padding:10px;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
}
.playerRight__stats tbody th{
	background:#ddd;
}
.playerRight__stats thead{
	background:#96cda6;
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
}
.playerRight__stats tbody{
	border-right:1px solid #ddd;
}
.playerRight__stats__alltime{
	border-top:3px solid #999;
}
/*試合結果*/
.siteFrame--match__half__left{
	width:50%;
}
.siteFrame--match__half__right{
	width:45%;
}
.resultList.resultList--title{
	background:#539574;
	color:#fff;
}
.matchLink{
	text-decoration:none;
	color:#000;
}
a .resultList.resultList--title:hover{
	background:#96cda6;
}
.resultList{
	width:100%;
	padding:14px 0;
	font-size:14px;
	line-height:17px;
	background:#fff;
	vertical-align:middle;
	transition: 1.0s ;
	box-sizing:border-box;
}
a .resultList:hover{
	background:#96cda6;
	transition: 0.6s ;
}
.resultList__item{
	box-sizing:border-box;
	height:34px;
	border-right:1px solid #000;
}
.resultList__item:first-child{
	padding-left:0;
}
.resultList__item:last-child{
	padding-right:0;
	border:none;
}

.resultList__item--num{width:10%;}
.resultList__item--match,
.resultList__item--kickoff{width:35%;padding:0 14px;box-sizing:border-box;line-height:1.5em;}
.resultList__item--result{width:20%;font-family: 'Oswald', sans-serif;}
a .resultList__item--result{font-size:20px;line-height:1.2em;}
a .resultList__item--result p{margin:0 auto;}

.placeicon{color:#fff;border-radius:3px;background:#666;padding:3px 5px;}
.placeicon--HOME{background:#ed6d1d;}
.shrkPoint{color:#ed6d1d;}

.resultList__item--match .taC{margin:0 auto;}
.resultList__item--result__mark{padding-right:10px;}

/*試合詳細*/
.resultDetail{
	width:100%;
	border-top:1px solid #000;
	color:#000;
}
.resultDetail thead tr th{
	padding:30px 0;
}
.resultDetail--logo{width:18%;}
.resultDetail--team{width:24%;font-size:22px;white-space:nowrap;}
.resultDetail__score--total{font-size:40px;font-family: 'Oswald', sans-serif;line-height:1.8em;width:100%;}
.resultDetail__score--half{font-size:18px;width:100%;}
.resultDetail__score--half--pk{margin-top:10px;border-top:1px solid #000;}
.resultDetail__score--half--pk span{padding-top:10px;}
.resultDetail__score--half--left,.resultDetail__score--half--right,.resultDetail__score--total--left,.resultDetail__score--total--right{width:28%;}
.resultDetail__score--box{width:100%;}
.resultDetail__score--box__left,
.resultDetail__score--box__right{width:40%;line-height:1em;}
.resultDetail__score--box__center{width:20%;}

.resultDetail tbody{
	border-top:1px solid #000;
}
.resultDetail tbody th{
	padding:20px 0 10px;
	font-size:18px;
}
.resultDetail tbody td{
	font-size:14px;
	padding:0 0 20px;
}
.resultDetail tbody .resultDetail__point td{
	padding-bottom:0;
}

.resultTitle{
	font-size:20px;
	color:#000;
}

.resultmember{
	margin:0 auto;
	border:1px solid #999;
	font-size:16px;
	border-right:none;
}
.resultmember thead{
	background:#666;
	color:#efefef;
}
.resultmember__first:last-child{
	border-bottom:2px solid #666;
}
.resultData__underline{
	border-bottom:1px solid #efefef;
}
.resultmember th,
.resultmember td{
	padding:10px 20px;
	border-right:1px solid #999;
}
.resultmember a{
	color:#000;
}

.resultData__title{
	color:#000;
}
.resultData th,
.resultData td{
	padding:5px 20px;
}
.resultData th{
	color:#efefef;
	background:#666;
}
.resultData__detail tr:first-child th{
	border-bottom:1px solid #efefef;
}

.resultData__content__num{
	width:5%;
}
.resultDetail__point__num{
	width:20%;
}
.resultDetail__point__txt{
	width:60%;
}

.resultData__content__bar{
	width:50%;
	position:relative;
}
.resultData__content__bar:before{
	content:"";
	display:block;
	height:1em;
	width:100%;
	background:#ed6d1d;
}
.resultData__content__bar__in{
	position:absolute;
	top:0;
}
.resultData--home .resultData__content__bar__in{
	right:0;
}

.resultDetail__bar td{
	padding-bottom:40px;
}
.resultData__content__bar__in:before{
	content:"";
	display:block;
	height:1em;
	width:100%;
	background:#efefef;
}

.table-header{
	color:#fff;
	background:#000;
	border-radius: 5px 5px 0 0;
}
.player-row:last-child{
	border-bottom:none;
	border-radius: 0 0 5px 5px;
}
.player-row,.table-header{width:100%;}
.player-row .dspTc,.table-header .dspTc{padding:15px 0px;white-space:nowrap;box-sizing:border-box;}
.player-row{
	text-decoration:none;
	color:#000;
	border-bottom:1px solid #000;
	background:#fff;
	transition: 1.0s ;
}
.player-row:hover{
	background:#96cda6;
	transition: 0.6s ;
}
.first-bench-item{border-top: 3px solid #555555;}
.cell-pos,.cell-no{width:8%;}
.cell-sub{width:8%;}
.cell-shoot,.cell-goal,.cell-yellow,.cell-red{width:11%;}
.cell-name{width:22%;}

/*寄付*/
.donateIntro{
	font-size:16px;
	line-height:1.5em;
}
.donateList__item{
	width:23.5%;
	margin-right:2%;
	color:#fff;
}
.donateList__item:nth-child(4n){
	margin-right:0;
}
.donateList__item__icon{
	font-size:55px;
}
.donateList__item__content{
	font-size:16px;
	line-height:1.5em;
}
.dnateContact__half{
	width:48%;
	box-sizing:border-box;
	font-size:14px;
}
.dnateContact__half__title{
	color:#fff;
	background:#000;
	padding:15px 0;
}
.dnateContact__half__content{
	border:2px solid #000;
	padding:20px 30px;
}

/*OB会名簿*/
.supporterTable{
	border-left:1px solid #000;
	border-top:1px solid #000;
	margin-bottom:40px;	
    width: 100%;
    table-layout: fixed; /* 💡中身の文字数に関わらず、列幅を厳格に固定する指定 */
    border-collapse: collapse;
}
.supporterTable td{
	width:20% !important;
	box-sizing:border-box;
	padding:10px;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	white-space:nowrap;
}
.supporterName__hurigana{
	color:#666;
}
/* ==========================================================================
   🔍 後援会名簿：モダン検索フォームスタイル
   ========================================================================== */

/* 検索ボックス全体（固定追従・グラスモフィズム仕様） */
.supporter-search-box {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 2;
    margin-bottom: 40px;
    padding: 16px 20px;
    background-color: rgba(255, 255, 255, 0.95);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    box-shadow: 0 4px 20px -2px rgba(148, 163, 184, 0.12), 0 2px 8px -1px rgba(148, 163, 184, 0.08);
}

/* レイアウトコンテナ */
.supporter-search-container {
    display: flex;
    gap: 12px;
    align-items: center;
    width: 100%;
}

/* 虫眼鏡アイコン付き入力枠 */
.supporter-input-wrapper {
    position: relative;
    flex-grow: 1;
    display: flex;
    align-items: center;
}

.supporter-search-icon {
    position: absolute;
    left: 14px;
    color: #94a3b8;
    font-size: 1rem;
    pointer-events: none;
}

/* 入力欄本体 */
.supporter-search-box input[type="text"] {
    width: 100%;
    padding: 11px 16px 11px 40px;
    font-size: 0.95rem;
    color: #1e293b;
    background-color: #f8fafc;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    outline: none;
    box-sizing: border-box;
    transition: all 0.25s ease;
}

.supporter-search-box input[type="text"]:focus {
    background-color: #fff;
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.12);
}

/* ボタングループ */
.supporter-btn-group {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}

.supporter-search-box button {
    padding: 11px 24px;
    font-size: 0.95rem;
    font-weight: 600;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    box-sizing: border-box;
    transition: all 0.2s ease;
}

/* 検索ボタン（ダーク） */
.supporter-search-box button.btn-search {
    background-color: #1e293b;
    color: #ffffff;
}
.supporter-search-box button.btn-search:hover {
    background-color: #0f172a;
    transform: translateY(-1px);
}

/* 次へボタン（ブルー） */
.supporter-search-box button.btn-next {
    background-color: #2563eb !important;
    color: #ffffff;
}
.supporter-search-box button.btn-next:hover {
    background-color: #1d4ed8 !important;
    transform: translateY(-1px);
}

/* エラーメッセージ */
.search-error-text {
    color: #ef4444;
    font-size: 0.85rem;
    font-weight: 500;
    margin: 8px 0 0 4px;
}

/* ヒットしたマスのハイライト */
.supporter-cell.is-highlight {
    background-color: #fef08a !important;
    font-weight: bold;
    outline: 2px solid #eab308;
    outline-offset: -2px;
}

/*お知らせ*/
.newsList__item__link{
	text-decoration:none;
	color:#000;
	border-bottom:1px solid #539574;
}
.newsList__item__link:before {
    content: "";
    position: absolute;
    right: 10px;           /* 右端にぴったりくっつける（お好みで 5px などに調整可） */
    top: 50%;           /* 上から50%の位置へ */
    transform: translateY(-50%); /* 💡自身の高さの半分だけ上に引き戻す（これで完全中央） */
    border-style: solid;
    border-width: 6px 0 6px 8px; /* 上・右・下・左 の太さ（8pxが三角形の「横幅」、6px×2が「高さ」になります） */
    border-color: transparent transparent transparent #96cda6; /* 左のボーダーだけに色をつける */
	transition:0.3s;
}
.newsList__item__category{
	padding:3px 4px;
	background:#539574;
	color:#fff;
	border-radius:100px;
}
.newsList__item__link:hover:before{
	right:0;
	transition:0.3s;
}

/*お問い合わせ*/
/*お問合せ*/
.contactForm{
	clear:both;
	width:100%;
	margin:0 auto;
	border-bottom:1px solid #ddd;
}
.contactForm:first-child{
	border-top:2px solid #ddd;
}
.contactForm:last-child{
	border-bottom:2px solid #ddd;
}
.contactForm__title{
	line-height:45px;
	color:#000;
	width:180px;
	font-size:14px;
	padding-left:20px;
	background:#efefef;
	width:30%;
	box-sizing:border-box;
}
.contactForm__content{
	line-height:0px;
	padding:7px 20px;
	width:70%;
	box-sizing:border-box;
}

.mw_wp_form .contactForm .error{
	margin-top:2px;
	padding:2px;
	background:#f00;
	line-height:1em;
	color:#fff;}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea {
    background: #fff;
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    border: 1px solid #999;
    color: #151515;
    border-radius: 0;
    padding: 0.625em 0.4375em;
    width: 70%;
	box-sizing:border-box;
}
textarea{width:100%;}
.contactForm dd select{
    margin: 0.62em 0;}

.contactBtn__item{
	display:inline-block;
	margin-right:20px;}
.contactBtn__item:last-child{
	margin-right:0;}

.contactArea input[type="submit"],
.send input[type="submit"]{
	-webkit-appearance: none;
	border: 0;
	color:#539574 ;
	width:250px;
	padding:15px 0;
	border:1px solid #539574;
	font-weight: 700;
	letter-spacing: 0.046875em;
	line-height: 1;
	text-transform: uppercase;
	border-radius: 0px;        /* CSS3草案 */  
	-webkit-border-radius: 0px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 0px;   /* Firefox用 */
	background:#fff;
	cursor:pointer;}
.contactArea input[name="submitBack"],
.send input[name="previous"],
.send input[name="backCart"],
.send input[name="backCustomer"],
.send input[name="backDelivery"]{
	-webkit-appearance: none;
	border: 0;
	color:#666;
        width:230px;
	margin-top:10px;
	padding:10px 0;
	border:1px solid #666;
	font-weight: 700;
	letter-spacing: 0.046875em;
	line-height: 1;
	text-transform: uppercase;
	border-radius: 0px;        /* CSS3草案 */  
	-webkit-border-radius: 0px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 0px;   /* Firefox用 */
	background:#fff;
	cursor:pointer;}
.contactArea input[type="submit"]:hover,
.send input[type="submit"]:hover{
	color:#fff;
	background:#539574;}
.contactArea input[name="submitBack"]:hover,
.send input[name="previous"]:hover,
.send input[name="backCart"]:hover,
.send input[name="backCustomer"]:hover
.send input[name="backDelivery"]:hover{
	background:#666;
	color:#fff;
}

#customer-info .send{
	margin-bottom:20px;
}


/* スマホ対応レスポンシブ（縦並び） */
@media (max-width: 767px) {
    .supporter-search-container {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }
    .supporter-btn-group {
        width: 100%;
    }
    .supporter-search-box button {
        flex-grow: 1;
        padding: 12px 16px;
    }
}

/* タブレット・PC用の横並び切り替え（768px以上） */
@media (min-width: 768px) {
    .obCard {
        flex-direction: row; /* 横並びに変更 */
        align-items: flex-start;
    }
    
    .ob-media {
        width: 240px; /* 左側の画像幅を固定 */
        flex-shrink: 0; /* 画像エリアが縮まないように固定 */
    }
    
    .ob-media img, 
    .ob-media .no-image {
        height: 180px; /* PC環境での画像の高さ */
    }
}

@media screen and ( min-width:769px ){
	.pcNone{display:none;}
}
@media screen and ( max-width:768px ){
	.spNone{display:none;}
	.indexIntro__slide,
	.indexIntro__match,
	.newsBox,
	.asideHalf--left,
	.asideHalf--right,
	#site-header .siteFrame,
	.mainNav__menu__item,
	.siteFrame--match__half__left,
	.siteFrame--match__half__right,
	.clubConcept__inner__half,
	.playerLeft,
	.playerRight,
	.donateList__item,
	.dnateContact__half{
		margin:0;
		width:100%;
		box-sizing:border-box;
	}
	.siteFrame,
	.asideHalf--left .asideHalf__inner,
	.asideHalf--right .asideHalf__inner,
	.mainNav__menu{
		width:95%;
		margin:0 auto;
	}
	.sectionBox{
		padding:60px 0;
	}
	/*ヘッダー*/
	#site-header {
		background:#539574 !important;
	}
	#siteLogo a{
		margin-left:1%;
	}
	.telBtn a{
		position:absolute;
		top:9px;
		left:10px;
		display:inline-block;
		border:1px solid #205bc6;
		padding:5px;
		z-index:10;
		text-decoration:none;
		color:#205bc6;}
	.toggleBtn{
		height:24px;
		top:0px;
		right:0px;
		position:absolute;
		z-index:10000;
		padding:15px 10px 17px;
	}
	.menu-trigger,
	.menu-trigger span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;}
	.menu-trigger {
		display: inline-block;
		float: left;
		width: 28px;
		height: 24px;
		 position: relative;}
	.menu-trigger span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 3px;
		background-color: #fff;}
	.menu-trigger span:nth-of-type(1) {
		top: 0;}
	.menu-trigger span:nth-of-type(2) {
		top: 50%;
		margin-top:-1px;}
	.menu-trigger span:nth-of-type(3) {
		bottom: 0;}
	.checked .menu-trigger span:nth-of-type(1) {
		-webkit-transform: translateY(10px) rotate(-45deg);
		transform: translateY(10px) rotate(-45deg);}
	.checked .menu-trigger span:nth-of-type(2) {
		opacity: 0;}
	.checked .menu-trigger span:nth-of-type(3) {
		-webkit-transform: translateY(-10px) rotate(45deg);
		transform: translateY(-10px) rotate(45deg);}
	.menu-trigger__Txt{
		color:#fff;
		bottom:0;
		margin:0 auto -18px;
	}
	.menu-trigger__Txt--close,
	.checked .menu-trigger__Txt{
		display:none;
	}
	.checked .menu-trigger__Txt--close{
		display:block;
	}
	.mainNav{
		position:absolute;
		transform:translatex(0px);
		top:70px;
		width:100%;
		z-index:2;
	}
	.mainNav:before{
		content:"";
		background: url(/wp-content/uploads/bg_black_spnav.png);
        position: fixed;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        overflow: hidden;
        z-index: -1;
		left: 0;}
	.mainNav .siteFrame{
		position:absolute;
		width:100%;
		left:0;
		top:50%;
		padding-top:50px;
	}
	.mainNav__menu{margin-top:2%;}
	.mainNav__menu__item{
		font-size:13px;
		padding:15px 0;
		border-bottom:1px solid #fff;
	}
	.mainNav__menu__item a span.noticeTxt{margin-left:1em;}
	
	/*ページラベル*/
	#pageLabel{
		padding:140px 0 70px;
	}
	
	/*トップページ*/
	.indexIntro{
		height:120vh;
		display:block;
	}
	.indexIntro:before{
		z-index:2;
	    width: 575%;
		left:616%;
		transform: skewX(-67deg);
	}
	.indexIntro__slide{
		width:100%;
        height:100vh;
	}
	.indexIntro__slide img{
		left: 50%;
    	transform: translateX(-50%);
	}
	.indexIntro__main{
		z-index:0;
		top:0 !important;
		transform: translateY(-80%);
	}
	.catchCopy{
		font-size:20px;
	}
	.indexIntro__match__title span{
		padding:5px 10px 5px 0;
	}
	.indexIntro__match__title span.hugeTxt{
		font-size:100%;
		padding:5px 10px 5px 0;
	}
	.newsBox{
		padding:30px 20px;
	}
	
	.playerList__detail{width:49%;box-sizing:border-box;margin-right:0;}
	.playerList__detail:nth-child(even){float:right;}
	.home .playerList__detail:nth-child(5){display:none;}
	
	.asideHalf--left, .asideHalf--right{
		display:block;
		float:none !important;
	}
	.asideHalf--left .asideHalf__inner,
	.asideHalf--right .asideHalf__inner{
		position:relative !important;
		float:none;
		margin:0 auto;
	}
	.clubConcept{
		padding:70px 0;
	}

	.clubConcept__catch{
		text-align:left;
		line-height:1.6;
	}

	.clubConcept__lead{
		font-size:18px;
		line-height:1.9;
	}

	.clubConcept p{
		font-size:16px;
		line-height:1.9;
	}

	.clubConcept__heading{
		font-size:26px;
		padding-left:18px;
	}

	.clubConcept__heading::before{
		height:30px;
		width:5px;
	}

	.pillarWrap{
		grid-template-columns:1fr;
		gap:20px;
	}

	.pillarItem{
		padding:25px 20px;
	}

	.pillarItem h4{
		font-size:21px;
	}

	.clubConcept__message{
		padding:35px 20px;
	}

	.clubConcept__message p{
		font-size:22px;
	}

	.clubConcept__message p:last-child{
		font-size:17px;
	}
	/*選手紹介*/
	.playerLeft{
		margin-bottom:30px;
	}
	.playerTitle .dspTc{
		display:block;
	}
	
	/*応援寄付*/
	.donateList__item,
	.dnateContact__half:first-child{
		margin-bottom:30px;
	}

	/*お問合せ*/
	.contactForm,
	.contactForm dt,
	.contactForm dd{
		box-sizing:border-box;
		width:100%;
		display:block;
		border:none;
	}
	.contactForm__title{
		line-height:2em;
		text-align:left;
		padding:7px 0 7px;
	}
	.contactForm__content{
		margin-bottom:15px;
		padding:7px 0 7px;
		line-height:1em;
	}

	input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea{
		width:95%;
		padding:0.625em 2.5%;}
	.contactBtn__item{
		margin:0 auto 10px;}
	
	/*後援会名簿*/
	.supporterTable td.supporter-cell {
        width: 33.333% !important; /* 💡1件しかなくても、必ず3列分の幅に固定 */
        box-sizing: border-box;
    }
	.supporter-search-box {
        top: 80px !important; 
        padding: 12px 14px; /* スマホ用に少しコンパクトに */
        margin-bottom: 25px;
    }
}