@charset "UTF-8";
/* **************************************************
 * 日程・結果
************************************************** */
/* ------------------------------
	共通
------------------------------ */
.ttlNoLink h3 {
  margin-bottom: 16px;
}

.pageArea .matchTitGray {
  font-size: 12px;
  font-weight: bold;
  padding: 4px;
  color: #fff;
  background-color: #4f4f4f;
  border-left: none;
  line-height: 150%;
}
.pageArea .matchTitGray .matchTitGrayLink {
  float: right;
  margin-right: 10px;
  color: #fff;
  font-weight: bold;
}

.gameInfo02 .leagCenterTime span {
  border-bottom: none;
}
.gameInfo02 .gameInfoLogo {
  line-height: 1.2;
}

.gameInfo02 .gameInfoMain > li.gameInfoScoreList {
  font-size: 12px;
  vertical-align: bottom;
}

.tabList02 li a {
  padding: 14px 0;
}

.tabList02 li a.multiLine {
  padding: 5px 0;
}

.tabListTxt li a {
  padding: 18px 0;
}

.tabListTxt li.active:after {
  display: block;
  position: absolute;
  bottom: -4px;
  left: 50%;
  width: 8px;
  margin-left: -4px;
  height: 8px;
  background: #bbb;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}

.listM.noLink {
  padding: 5px 0;
}

.listM.noLink span {
  background-color: inherit; 
}

.listM.noLink span.multiLine {
  padding: 0;
}






/* ------------------------------
	見どころ
------------------------------ */
.matchBoxTitleArea {
  height: 100%;
  overflow: hidden;
  padding: 0 5px 10px;
}

.columnArea h4 {
  font-weight: bold;
  font-size: 20px;
  border-bottom: 1px solid #ccc;
  border-left: none;
  margin-bottom: 20px;
  padding-bottom: 10px;
  line-height: 1.2;
  border-left: none;
  padding-left: 0;
}
.columnArea .columnPhoto {
  margin-bottom: 10px;
}
.columnArea .columnPhoto img {
  width: 100%;
}
.columnArea .columnTxt p {
  line-height: 1.8;
  font-size: 14px;
  margin-bottom: 20px;
}

/* ------------------------------
	観戦情報
------------------------------ */
.matchTicketArea .matchPlaceTit {
  padding: 10px 0;
}
.matchTicketArea .matchPlaceTit h4 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
  border-left: none;
  padding: 0;
}
.matchTicketArea .matchPlaceImg {
  margin-bottom: 20px;
}
.matchTicketArea .matchPlaceImg img {
  width: 100%;
  vertical-align: bottom;
}

.homeAwayArea ul li {
  margin-bottom: 20px;
}
.homeAwayArea ul li img {
  width: 100%;
  vertical-align: bottom;
}

.eventList li {
  border-bottom: 1px solid #ccc;
  padding: 8px 5px;
}
.eventList a {
  color: #333;
}
.eventList .eventDate {
  font-size: 10px;
  font-weight: bold;
}
.eventList .eventPlace {
  font-size: 10px;
  background-color: #eaeaea;
  margin-left: 12px;
  padding: 2px 20px;
}
.eventList .eventIco {
  margin-left: 15px;
}
.eventList .eventIco img {
  width: 19px;
  height: 19px;
  vertical-align: bottom;
}
.eventList .eventTxt {
  display: block;
  padding-top: 8px;
}

/* ------------------------------
	アクセス
------------------------------ */
.ticketInfoArea {
  margin-top: 25px;
}
.ticketInfoArea iframe {
  width: 100%;
}
.ticketInfoArea .listGray {
  color: #aaa;
  font-size: 14px;
  line-height: 19px;
  list-style: outside square;
  padding: 15px 0 0 20px;
}
.ticketInfoArea .listGray li {
  margin-bottom: 15px;
}
.ticketInfoArea .listGray li span {
  color: #333;
}

/* ------------------------------
  大会概要
------------------------------ */
.matchAboutArea {
  margin-top: 20px;
}
.matchAboutArea .aboutTable {
  width: 100%;
  border-top: 1px solid #ccc;
  margin-bottom: 5px;
}
.matchAboutArea .aboutTable th {
  background-color: #f6f6f6;
  text-align: center;
  padding-right: 0;
  padding-left: 0;
  font-size: 14px;
  vertical-align: middle;
  padding: 8px 10px;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.matchAboutArea .aboutTable th:first-child {
  border-left: none;
}
.matchAboutArea .aboutTable td {
  padding: 8px 10px;
  font-size: 14px;
  vertical-align: middle;
  padding: 8px 10px;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  line-height: 1.5;
  text-align: left;
}
.matchAboutArea .aboutTable td:first-child {
  border-left: none;
}
.matchAboutArea .aboutTable td span {
  display: block;
  margin-bottom: 10px;
}
.matchAboutArea .aboutTable td span:last-child {
  margin-bottom: 0;
}

/* ------------------------------
  U-18Jリーグ選抜、高校サッカー選抜
------------------------------ */
.matchTeamArea {
  margin-top: 20px;
}
.matchTeamArea h5 {
  padding: 6px;
  color: #2c2c2c;
  font-size: 14px;
  font-weight: bold;
  /*border-top: 1px solid #ccc;*/
  background: #ddd;
  margin: 0;
  text-align: center;
}
.matchTeamArea .teamTable {
  width: 100%;
  /*border-top: 1px solid #ccc;*/
  border-bottom: 1px solid #ccc;
  /*margin-bottom: 5px;*/
}
.matchTeamArea .lastTable {
  margin-bottom: 10px;
}
.matchTeamArea .teamTable th {
  background-color: #f6f6f6;
  text-align: center;
  vertical-align: middle;
  padding: 3px 10px;
  /*border-bottom: 1px solid #ccc;*/
  border-left: 1px solid #ccc;
}
.matchTeamArea .teamTable th:first-child {
  border-left: none;
  width: 26%;
}
.matchTeamArea .teamTable td {
  font-size: 14px;
  vertical-align: middle;
  padding: 3px 0px 3px 10px;
  /*border-bottom: 1px solid #ccc;*/
  border-left: 1px solid #ccc;
  line-height: 1.5;
  text-align: left;
}
.matchTeamArea .teamTable td:first-child {
  border-left: none;
}
.matchTeamArea .teamTable td span {
  display: block;
  margin-bottom: 10px;
}
.matchTeamArea .teamTable td span:last-child {
  margin-bottom: 0;
}
.matchTeamArea .notes {
  font-size: 13px;
  margin-bottom: 30px;  
}

/* ------------------------------
  U-18Jリーグ選抜・高校サッカー選抜アンケート
------------------------------ */
.matchMemberArea .memberProfile {
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
}
.matchMemberArea .memberProfile .memberName {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
.matchMemberArea .memberProfile .memberName .position {
  color: #FFF;
  background-color: #333333;
  font-size: 16px;
  font-weight: bold;
  padding: 6px 10px;
  margin-right: 10px;
}
.matchMemberArea .memberProfile .memberName .teamName {
  font-size: 14px;
  font-weight: normal;
  margin-left: 56px;
  display: block;
  margin-top: 5px;
}
.matchMemberArea .memberProfile .memberPhoto {
  width: 200px;
  margin: 0 auto 20px;
}
.matchMemberArea .memberProfile .memberQuestionnaire {
  line-height: 1.5;
  font-size: 14px;
}
.matchMemberArea .memberProfile .memberQuestionnaire dt {
  font-weight: bold;
}
.matchMemberArea .memberProfile .memberQuestionnaire dd {
  margin-bottom: 20px;
}
.matchMemberArea .memberProfile .lastQuestionnaire {
  clear: both;
}




/* ------------------------------
  メンバー
------------------------------ */

.MemberList {
  margin-top: 30px;
  vertical-align: top;
}
.MemberList.ListTop{
  margin-top: 0;
  margin-bottom:30px;
}
.MemberList p{
  font-size: 18px;
  padding: 15px 0 15px 0;
  font-weight: bold;
}
.MemberList p span{
  margin: -13px 10px 0 0;
  float: left;
}
ul.dataList{
  border-top: 1px solid #ccc;
  width: 100%;
  font-size: 14px;
  margin-bottom: 10px;
}
ul.dataList li{
  border-bottom: 1px solid #ccc;
  display: block;
  padding: 10px 5px;
  position: relative;
}
.dataList .MeberListTitle{
  font-weight: bold;
  background-color: #f6f6f6;
}
ul.dataList li .ListNumber{
  margin-left: 12px;
}

ul.dataList li .changeNumber{
  position: absolute;
  right: 25px;
}

ul.dataList li .ListName{
  margin-left: 12px;
}
ul.dataList .MeberListArrow:after {
  color: #bbb;
  content: "\f0dd";
  font-family: "FontAwesome";
  font-size: 18px;
  right: 9px;
  top: 12px;
  position: absolute;
}
ul.dataList .MeberListArrowUp:after {
  color: #333;
  content: "\f0dd";
  font-family: "FontAwesome";
  font-size: 18px;
  right: 9px;
  top: 21px;
  position: absolute;
  transform: rotate(-180deg);
}
.matchMemberArea{
  margin-bottom: 40px;
}
.SpotNameLeft,.SpotNameRight{
  width: auto;
}
.embM{
  display: inline-block;
}
.spotLogoTxt{
  position: relative;
  top: -10px;
}
.matchSpotListArea ul li .spotLeftTxt,
.matchSpotListArea ul li .spotRightTxt{
  font-size: 12px;
}
.tweetBox p{
  height: 400px;
}
.matchTxtArea{
  background: none;
  border: none;
  padding: 0;
}
.matchTxtArea .warDatasubTit{
  margin-top: 20px;
}
.gameInfo02 .gameInfoMain{
  padding-top: 10px;
}
.gameInfo02 .gameInfoTit{
  margin-bottom: 0;
  font-size: 13px;
}

.warDataArea{

}
.warDataArea img{
  width: 100%;
  height: auto;
}

.warDataAreaInner {

  margin-bottom: 20px;
}
.warDataAreaInner .leftRedTit{
  margin-top: 30px;
}
.warDataAreaInner p.Data {
  font-size: 12px;
  color: #666;
  text-align: right;
  position: relative;
  top: -10px;
}
p.warDataTxt{
  line-height: 1.8;
  font-size: 14px;
  margin-bottom: 20px;

}