@charset "utf-8";
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////


URAWA RED DIAMONDS OFFICIAL WEBSITE
(c) URAWA REDS


-------------------------------------------------------------------------------------------------------------------------------------------
	game
		0. UniqueStyle
-------------------------------------------------------------------------------------------------------------------------------------------

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* ================================================================================ */
/*      0.UniqueStyle     */
/* ================================================================================ */


.game .mainContTblA {
}

.game .mainContTblA td,
.game .mainContTblA th  {
	padding:0.5em;
}
.game .mainContTblA .tbTtleTd {

}
.game table.mainContTblA.date{
	font-size:85%;
}

.game table.mainContTblA.date{
	font-size:85%;
}


.game .mainContTblA.date td.time,
.game .mainContTblA.date td.team,
.game .mainContTblA.date td.result{
	white-space: nowrap;
}


.game .mainContTblA.gameReport th.tbTtleTh{
	width:150px;
}

.game .homeJ  {
	background-color:#EA132E;
	color:#FFF;
}
.game .awayJ  {
	background-color:#666;
	color:#FFF;
}
.game .homeN  {
	background-color:#EC5366;
	color:#FFF;
}
.game .awayN  {
	background-color:#888888;
	color:#FFF;
}

.game .gameFontA {
	color:#FFF;
	font-size:100%
}

.game .gameFontB {
	color:#FFF;
	font-size:93%
}

.game .gameFontC {
	color:#FFF;
	font-size:116%;
	font-weight:bold;
}
.game .gameFontD {
	color:#ffff66;
	font-size:116%;
	font-weight:bold;
}

.game .gameFontE {
	font-size:85%;
	color:#fff;
	line-height:1.1;
}

.game .vCenter {
	vertical-align:center;
}

.game .schedule th.date{width:70px;}
.game .schedule td.topTeam{width:245px;}
.game .schedule td.satelite{width:245px;}

.game .schedule th.date{width:70px;}
.game .schedule td.topTeam{width:245px;}
.game .schedule td.satelite{width:245px;}

.game ul.tabContentsA.pastGameList li{
	width:84px;
}


/* ================================================================================ */
/*       2019 fix
/* ================================================================================ */
.page[data-pagename="game"] .scoreboard-wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.page[data-pagename="game"] .scoreboard-inner {
	width: 600px;
	background-color: #e10012;
	color: #fff;
}
.page[data-pagename="game"] .scoreboard-inner table {
	margin: 0;
}
.page[data-pagename="game"] .scoreboard-inner table img {
	vertical-align: middle;
}
.page[data-pagename="game"] .scoreboard-inner table.gameFontA td {
	padding: 0.5em;
}
.page[data-pagename="game"] .scoreboard-inner table.gameFontE td {
	padding: 0.5em;
}
.page[data-pagename="game"] h3 {
	margin: 3em auto 1em;
}
.page[data-pagename="game"] .noteBlock2 {
	padding: 1em;
	width: 600px;
	box-sizing: border-box;
	margin-top: 2em;
	margin-left: auto;
	margin-right: auto;
}
.page[data-pagename="game"] .noteBlock2 h3 {
	margin: 0.5em auto 1em;
}
.page[data-pagename="game"] .mainContTblA .home1 {
	cursor: pointer;
	background-color: #e6002d;
	color: #fff;
	transition: all 0.2s linear;
}
.page[data-pagename="game"] .mainContTblA .home1:hover {
	background-color: #b10023;
}
.page[data-pagename="game"] .mainContTblA a {
	text-decoration: underline;
}
.page[data-pagename="game"] .mainContTitleUnvD {
	background: inherit;
	color: #343434;
}
@media (max-width: 1023px) {
	.page[data-pagename="game"] .scoreboard-inner {
		width: 100%;
	}
	.page[data-pagename="game"] .scoreboard-inner table {
		width: 100%;
	}
	.page[data-pagename="game"] .noteBlock2 {
		width: 100%;
	}
}

.game_img_box, .game_img_box:before, .game_img_box:after {
	box-sizing: border-box;
}
.game_img_box {
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.game_img_box > div{
	width: 50%;
	padding: 10px;
}
@media screen and (max-width: 480px) {
	.game_img_box > div{
		width: 100%;
	}
}

/* ================================================================================ */
/*       2022 fix
/* ================================================================================ */
.past-result {
  height: 46px;
  overflow: hidden;
}

.past-result__title {
  position: relative;
  z-index: 1;
  padding: 10px;
  font-family: din-condensed,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
  font-size: 2rem;
  color: #fff;
  cursor: pointer;
  background-color: #e6002d;
}

.past-result__subtitle {
  position: relative;
  z-index: 1;
  padding: 10px 20px;
  color: #fff;
  background-color: #1d1d1d;
  font-size: 1.2rem;
}

.past-result__state {
  width: 15px;
  height: 15px;
  position: absolute;
  top: calc(50% - 8px);
  right: 15px;
  z-index: 1;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.past-result__state:after {
  content: "";
  position: absolute;
  z-index: 1;
  background-color: #fff;
  width: 2px;
  height: 15px;
  top: 0;
  left: calc(50% - 1px);
  -webkit-transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.past-result__state:before {
  content: "";
  position: absolute;
  z-index: 1;
  background-color: #fff;
  width: 15px;
  height: 2px;
  top: calc(50% - 1px);
  left: 0;
}

.past-result.is-accordion-open .past-result__state {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

.past-result.is-accordion-open .past-result__state:after {
  opacity: 0;
  pointer-events: none;
}

@media (min-width: 737px) {
  .past-result {
    height: 70px;
  }

  .past-result__title {
    font-size: 3rem;
  }
  
  .past-result__subtitle {
    font-size: 1.6rem;
  }
  
  .past-result__state {
    top: calc(50% - 10px);
    right: 30px;
    width: 20px;
    height: 20px;
  }

  .past-result__state:before {
    width: 20px;
    height: 4px;
    top: calc(50% - 2px);
  }

  .past-result__state:after {
    width: 4px;
    height: 20px;
    left: calc(50% - 2px);
  }
  
}