@charset "UTF-8";
@import url("//fonts.googleapis.com/css?family=Fjalla+One");
@import url("../en/base/emb.css");
/*-----------------------------------

anniversary_25th.scss

------------------------------------*/
.txtcolor_red {
  color: #c10000;
}

i {
  font-style: normal;
}

a {
  color: #c10000;
  text-decoration: none;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

a:hover {
  opacity: 0.4;
  text-decoration: none;
}

.margT10 {
  margin-top: 10px;
}

.margT20 {
  margin-top: 20px;
}

.margT30 {
  margin-top: 30px;
}

.margT40 {
  margin-top: 40px;
}

.margT50 {
  margin-top: 50px;
}

.margB10 {
  margin-bottom: 10px;
}

.margB20 {
  margin-bottom: 20px;
}

.margB30 {
  margin-bottom: 30px;
}

.margB40 {
  margin-bottom: 40px;
}

.margB50 {
  margin-bottom: 50px;
}

.paddT10 {
  padding-top: 10px;
}

.paddT20 {
  padding-top: 20px;
}

.paddT30 {
  padding-top: 30px;
}

.paddT40 {
  padding-top: 40px;
}

.paddT50 {
  padding-top: 50px;
}

.paddB10 {
  padding-bottom: 10px;
}

.paddB20 {
  padding-bottom: 20px;
}

.paddB30 {
  padding-bottom: 30px;
}

.paddB40 {
  padding-bottom: 40px;
}

.paddB50 {
  padding-bottom: 50px;
}

body {
  background: #dfdcd4 url(/img/special/finalphase/2018/jreague_champion_bg.png) repeat-x 0 0;
}

.skyscraperWrap {
  z-index: 1111;
}

.kvArea,
.second .content {
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  font-family: 'Fjalla One', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.sec__wid980 {
  width: 980px;
  margin: 0 auto;
}

.sec__wid980 > section {
  padding: 70px 0 0;
}

.bxShadow {
  -webkit-box-shadow: 0px 0px 5px 0px #c4c4c4;
  box-shadow: 0px 0px 5px 0px #c4c4c4;
  background: #fff;
}

.alert {
  display: none;
}

#breadcrumbList li {
  color: #fff;
}

.fpNavArea {
  text-align: center;
  margin: 20px 0 0;
}

.fpNavArea__league {
  color: #fff;
  font-size: 20px;
  letter-spacing: 0.25em;
  line-height: 1.3;
  margin-bottom: 1em;
}

.fpNavArea__nav__ul {
  font-size: 0;
}

.fpNavArea__nav__ul li {
  display: inline-block;
  width: 33%;
  vertical-align: top;
  margin-right: 0.5%;
}

.fpNavArea__nav__ul li:nth-child(3n) {
  margin-right: 0;
}

.fpNavArea__nav__ul li a {
  display: table-cell;
  width: 1000px;
  height: 70px;
  vertical-align: middle;
  background: rgba(223, 220, 212, 0.7);
  border-radius: 10px 10px 0 0;
}

.fpNavArea__nav__ul li a img {
  vertical-align: top;
  width: 170px;
}

.fpNavArea__nav__ul li a.noLink {
  pointer-events: none;
  opacity: 0.1;
}

body.J1 .fpNavArea__nav__ul .navJ1 a,
body.J2 .fpNavArea__nav__ul .navJ2 a,
body.J3 .fpNavArea__nav__ul .navJ3 a {
  background: #000;
}

.kvArea {
  background: #000;
  height: 170px;
}

.kvArea img {
  vertical-align: top;
}

body.J1 .kvArea {
  font-size: 0;
}

body.J1 .kvArea a {
  font-size: 16px;
  display: inline-block;
  border: 1px solid #fff;
  width: 470px;
  height: 100px;
  vertical-align: top;
  border-radius: 10px;
  position: relative;
  top: 35px;
}

body.J1 .kvArea a:nth-child(2n+1) {
  margin-right: 30px;
}

body.J1 .kvArea a img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

body.J1.finalphase .kvArea .finalphase,
body.J1.residual .kvArea .residual {
  background: rgba(225, 225, 225, 0.5);
  border-color: rgba(225, 225, 225, 0.1);
}

body.J1.finalphase .kvArea .finalphase:after,
body.J1.residual .kvArea .residual:after {
  content: "";
  position: absolute;
  bottom: -31px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid rgba(225, 225, 225, 0.5);
}

.finalphase__heading__h3 {
  font-size: 40px;
  color: #c10000;
  line-height: 1.3;
  margin-bottom: 0.5em;
}

.finalphase__heading__h3 br {
  display: none;
}

.finalphase__heading__h4 {
  background: #333;
  padding: 20px 0 20px 200px;
  color: #fff;
  font-size: 20px;
  letter-spacing: 0.3em;
  position: relative;
  text-align: left;
}

.finalphase__heading__h4 span {
  position: absolute;
  left: 10px;
  top: -10px;
  height: 50px;
  line-height: 50px;
  background: #c10000;
  width: 150px;
  display: inline-block;
  text-align: center;
  font-size: 14px;
}

.conditionsArea figure {
  position: relative;
  font-size: 0;
}

.conditionsArea figure:nth-child(n+1) {
  margin-bottom: 20px;
}

.conditionsArea figure img {
  display: inline-block;
  vertical-align: top;
}

.conditionsArea figure figcaption {
  font-size: 23px;
  color: #333;
  height: 150px;
  line-height: 150px;
}

.standingsArea__table,
.matchCardArea__table {
  border: 1px solid #dfdcd4;
  background: #fff;
  width: 100%;
}

.standingsArea__table th, .standingsArea__table td,
.matchCardArea__table th,
.matchCardArea__table td {
  border: 1px solid #dfdcd4;
  text-align: center;
  vertical-align: middle;
}

.standingsArea__table thead th,
.matchCardArea__table thead th {
  background: #333;
  color: #fff;
  padding: 10px;
  font-size: 12px;
  letter-spacing: 0.2em;
}

.standingsArea__table tbody th,
.matchCardArea__table tbody th {
  height: 120px;
}

.standingsArea__table__num,
.matchCardArea__table__num {
  background: #c10000;
  color: #fff;
  width: 3%;
}

.standingsArea__table__club,
.matchCardArea__table__club {
  font-size: 12px;
  padding-top: 8px;
  width: 10%;
  background: #e4e4e4;
}

.standingsArea__table__club span,
.matchCardArea__table__club span {
  margin: 0 auto;
}

.standingsArea__table__vs,
.matchCardArea__table__vs {
  width: 8%;
}

.standingsArea__table__vsResult,
.matchCardArea__table__vsResult {
  width: 8%;
  background: #f0f0f0;
  color: #c10000;
}

.standingsArea__table__pts, .standingsArea__table__diff,
.matchCardArea__table__pts,
.matchCardArea__table__diff {
  width: 5%;
  font-size: 23px;
}

.standingsArea__table__text,
.matchCardArea__table__text {
  font-size: 13px;
  margin: 5px 0;
}

.standingsArea__table__home, .standingsArea__table__away,
.matchCardArea__table__home,
.matchCardArea__table__away {
  border-radius: 20px;
  font-size: 11px;
  display: block;
  color: #fff;
  width: 60px;
  margin: 5px auto;
}

.standingsArea__table__home,
.matchCardArea__table__home {
  background: #c3a0a0;
}

.standingsArea__table__away,
.matchCardArea__table__away {
  background: #b5b591;
}

.standingsArea__table__hoshi,
.matchCardArea__table__hoshi {
  font-size: 30px;
  margin-bottom: 10px;
  display: block;
}

.standingsArea__table__result,
.matchCardArea__table__result {
  font-size: 16px;
}

body.J3 .matchCardArea__table__vsResult {
  width: 3%;
}

.standingsArea__table tbody th, .standingsArea__table tbody td {
  height: 70px;
}

.standingsArea__table__num {
  width: 10%;
}

.standingsArea__table__pts {
  width: 20%;
}

.standingsArea__table__club {
  width: auto;
  text-align: left !important;
  padding-left: 30px;
  font-size: 20px;
}

.standingsArea__table__club span {
  display: inline-block;
  vertical-align: middle;
}

body.J1.finalphase .standingsArea__table tbody tr:nth-child(-n+3) td,
body.J2 .standingsArea__table tbody tr:nth-child(-n+2) td,
body.J3 .standingsArea__table tbody tr:nth-child(-n+2) td {
  background: #e2f0db;
}

body.J1.finalphase .standingsArea__table tbody tr:nth-child(-n+3) td:nth-child(n+3),
body.J2 .standingsArea__table tbody tr:nth-child(-n+2) td:nth-child(n+3),
body.J3 .standingsArea__table tbody tr:nth-child(-n+2) td:nth-child(n+3) {
  background: #f5fef0;
}

body.J1.residual .standingsArea__table tbody tr:nth-last-child(3) td,
body.J2 .standingsArea__table tbody tr:nth-child(n+3):nth-child(-n+6) td {
  background: #d6efee;
}

body.J1.residual .standingsArea__table tbody tr:nth-last-child(3) td:nth-child(n+3),
body.J2 .standingsArea__table tbody tr:nth-child(n+3):nth-child(-n+6) td:nth-child(n+3) {
  background: #eff9f9;
}

body.J1.finalphase .standingsArea__table tbody tr:nth-child(1) td,
body.J1.residual .standingsArea__table tbody tr:nth-last-child(-n+2) td {
  background: #e6d3d3;
}

body.J1.finalphase .standingsArea__table tbody tr:nth-child(1) td:nth-child(n+3),
body.J1.residual .standingsArea__table tbody tr:nth-last-child(-n+2) td:nth-child(n+3) {
  background: #f9f1f1;
}

.ColorCord {
  font-size: 0;
  text-align: left;
  margin-top: 10px;
}

.ColorCord .ColorCordlist {
  display: inline-block;
  font-size: 15px;
  position: relative;
  margin-right: 15px;
}

.ColorCord .ColorCordlist:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background: #fff;
  border: 1px solid #ccc;
  position: relative;
  left: -3px;
  top: 2px;
}

.ColorCord .ColorCordlist__winner:before {
  background: #e6d3d3;
}

.ColorCord .ColorCordlist__acl:before {
  background: #e2f0db;
}

.ColorCord .ColorCordlist__up:before {
  background: #e2f0db;
}

.ColorCord .ColorCordlist__playoff:before {
  background: #d6efee;
}

.ColorCord .ColorCordlist__down:before {
  background: #e6d3d3;
}

.finalphase__btn {
  margin: 20px auto 0;
  width: 300px;
}

.finalphase__btn a {
  background: #000;
  padding: 15px;
  border-radius: 30px;
  color: #fff;
  display: block;
}

.pointArea__article {
  background: #fff;
  padding-bottom: 1px;
  margin-bottom: 30px;
}

.pointArea__article__text {
  margin: 30px;
}

.pointArea__article__text p {
  font-size: 14px;
  line-height: 1.65;
  margin-bottom: 1em;
  text-align: left;
}

.pointArea__article__match {
  background: #ececec;
  margin: 30px;
  border-radius: 10px;
}

.pointArea__article__match table {
  width: 60%;
  margin: 0 auto;
}

.pointArea__article__match table th, .pointArea__article__match table td {
  height: 200px;
  vertical-align: middle;
  text-align: center;
}

.pointArea__article__match table th {
  width: 40%;
  position: relative;
}

.pointArea__article__match table th span {
  margin: 0 auto;
  z-index: 2;
  position: relative;
}

.pointArea__article__match table th i {
  position: absolute;
  width: 60px;
  height: 60px;
  display: inline-block;
  text-align: center;
  border: 3px solid #c10000;
  border-radius: 50px;
  top: -10px;
  left: 25px;
  color: #c10000;
  line-height: 60px;
  background: #fff;
  z-index: 1;
}

.pointArea__article__match table td {
  font-size: 25px;
}

.pointArea__article__match table td a {
  display: block;
  background: #c10000;
  padding: 10px;
  font-size: 14px;
  margin-top: 10px;
  border-radius: 20px;
  width: 150px;
  color: #fff;
}

.pointArea__article__match dd {
  background: #333;
  display: table;
  padding: 30px 0;
  border-radius: 0 0 10px 10px;
  position: relative;
  width: 100%;
}

.pointArea__article__match dd:before {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #333;
}

.pointArea__article__match dd > div {
  display: table-cell;
  font-size: 18px;
  vertical-align: top;
  color: #fff;
  padding: 0 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.pointArea__article__match dd > div h5 {
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 0.5em;
}

.pointArea__article__match dd > div h5 span {
  color: #ffda78;
  display: block;
  padding-right: 5px;
  font-size: 16px;
  margin-bottom: 0.3em;
}

.pointArea__article__match dd > div.pointArea__article__match__point h5 {
  text-align: left;
}

.pointArea__article__match__player {
  width: 30%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 1px solid rgba(0, 0, 0, 0.3);
}

.pointArea__article__match__player figure a {
  color: #fff;
}

.pointArea__article__match__player figure i {
  width: 100px;
  height: 100px;
  display: inline-block;
  border-radius: 100px;
  overflow: hidden;
  position: relative;
  margin-bottom: 10px;
}

.pointArea__article__match__player figure img {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 100%;
}

.pointArea__article__match__player figure figcaption {
  margin-bottom: 0.7em;
}

.pointArea__article__match__player p {
  text-align: left;
  line-height: 1.8;
  font-size: 12px;
  text-align: justify;
}

.pointArea__article__match__point {
  width: 70%;
}

.pointArea__article__match__point ul {
  font-size: 0;
  margin-bottom: 10px;
}

.pointArea__article__match__point ul li {
  font-size: 14px;
  background: #fff;
  border-radius: 10px;
  width: 49.5%;
  display: inline-block;
  color: #333;
  padding: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 1%;
  height: 90px;
  vertical-align: top;
}

.pointArea__article__match__point ul li:nth-child(2n) {
  margin-right: 0;
}

.pointArea__article__match__point ul li span {
  display: block;
  line-height: 1.4;
}

.pointArea__article__match__point ul li span.match_day {
  font-size: 16px;
}

.pointArea__article__match__point ul li span.match_num, .pointArea__article__match__point ul li span.match_numL {
  font-size: 26px;
  letter-spacing: 0.1em;
}

.pointArea__article__match__point ul li span.match_num i, .pointArea__article__match__point ul li span.match_numL i {
  font-size: 14px;
}

.pointArea__article__match__point iframe {
  width: 100%;
}

.pointArea__article__match.matchHalf .pointArea__article__match__player > div {
  background: #040404;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 5px;
}

.matchKawasakif.pointArea__article__match dd {
  background: #33a1db;
}

.matchKawasakif.pointArea__article__match dd:before {
  border-bottom: 15px solid #2aa0dc;
}

.pointArea__article__match.matchHalf .pointArea__article__match__player > div.matchHiroshima {
  background: #735e9d;
}

.matchHiroshima.pointArea__article__match dd {
  background: #735e9d;
}

.matchHiroshima.pointArea__article__match dd:before {
  border-bottom: 15px solid #735e9d;
}

.matchMatsumoto.pointArea__article__match dd {
  background: #005e27;
}

.matchMatsumoto.pointArea__article__match dd:before {
  border-bottom: 15px solid #005e27;
}

.matchOita.pointArea__article__match dd {
  background: #022c92;
}

.matchOita.pointArea__article__match dd:before {
  border-bottom: 15px solid #022c92;
}

.pointArea__article__match.matchHalf .pointArea__article__match__player > div.matchMachida {
  background: #16357c;
}

.matchMachida.pointArea__article__match dd {
  background: #16357c;
}

.matchMachida.pointArea__article__match dd:before {
  border-bottom: 15px solid #16357c;
}

.matchYokohamafc.pointArea__article__match dd {
  background: #43a3e1;
}

.matchYokohamafc.pointArea__article__match dd:before {
  border-bottom: 15px solid #43a3e1;
}

.pointArea__article__match.matchHalf .pointArea__article__match__player > div.matchTokyov {
  background: #006943;
}

.matchTokyov.pointArea__article__match dd {
  background: #006943;
}

.matchTokyov.pointArea__article__match dd:before {
  border-bottom: 15px solid #006943;
}

.matchFukuoka.pointArea__article__match dd {
  background: #003d9b;
}

.matchFukuoka.pointArea__article__match dd:before {
  border-bottom: 15px solid #003d9b;
}

.matchOmiya.pointArea__article__match dd {
  background: #ef6d00;
}

.matchOmiya.pointArea__article__match dd:before {
  border-bottom: 15px solid #ef6d00;
}

.matchKashima.pointArea__article__match dd {
  background: #a93759;
}

.matchKashima.pointArea__article__match dd:before {
  border-bottom: 15px solid #a93759;
}

.pointArea__article__match.matchHalf .pointArea__article__match__player > div.matchSapporo {
  background: #d23030;
}

.matchSapporo.pointArea__article__match dd {
  background: #d23030;
}

.matchSapporo.pointArea__article__match dd:before {
  border-bottom: 15px solid #d23030;
}

.matchFtokyo.pointArea__article__match dd {
  background: #193777;
}

.matchFtokyo.pointArea__article__match dd:before {
  border-bottom: 15px solid #193777;
}

.matchUrawa.pointArea__article__match dd {
  background: #af2323;
}

.matchUrawa.pointArea__article__match dd:before {
  border-bottom: 15px solid #af2323;
}

.matchShimizu.pointArea__article__match dd {
  background: #ea9520;
}

.matchShimizu.pointArea__article__match dd:before {
  border-bottom: 15px solid #ea9520;
}

.matchCosaka.pointArea__article__match dd {
  background: #d03f76;
}

.matchCosaka.pointArea__article__match dd:before {
  border-bottom: 15px solid #d03f76;
}

.matchKobe.pointArea__article__match dd {
  background: #b53146;
}

.matchKobe.pointArea__article__match dd:before {
  border-bottom: 15px solid #b53146;
}

.matchIwata.pointArea__article__match dd {
  background: #609cd6;
}

.matchIwata.pointArea__article__match dd:before {
  border-bottom: 15px solid #609cd6;
}

.pointArea__article__match.matchHalf .pointArea__article__match__player > div.matchShonan {
  background: #67ab39;
}

.matchShonan.pointArea__article__match dd {
  background: #67ab39;
}

.matchShonan.pointArea__article__match dd:before {
  border-bottom: 15px solid #67ab39;
}

.pointArea__article__match.matchHalf .pointArea__article__match__player > div.matchNagoya {
  background: #ca3e34;
}

.matchNagoya.pointArea__article__match dd {
  background: #ca3e34;
}

.matchNagoya.pointArea__article__match dd:before {
  border-bottom: 15px solid #ca3e34;
}

.matchKashiwa.pointArea__article__match dd {
  background: #b7b13a;
}

.matchKashiwa.pointArea__article__match dd:before {
  border-bottom: 15px solid #b7b13a;
}

.matchNagasaki.pointArea__article__match dd {
  background: #1f5f9c;
}

.matchNagasaki.pointArea__article__match dd:before {
  border-bottom: 15px solid #1f5f9c;
}

.pointArea__article__match.matchHalf .pointArea__article__match__player > div.matchYokohamafm {
  background: #194a94;
}

.matchYokohamafm.pointArea__article__match dd {
  background: #194a94;
}

.matchYokohamafm.pointArea__article__match dd:before {
  border-bottom: 15px solid #194a94;
}

.pointArea__article__match.matchHalf .pointArea__article__match__player > div.matchTosu {
  background: #00a2d7;
}

.matchTosu.pointArea__article__match dd {
  background: #00a2d7;
}

.matchTosu.pointArea__article__match dd:before {
  border-bottom: 15px solid #00a2d7;
}

.kome {
  text-align: left;
}

.snsBtn {
  width: 980px;
  margin-bottom: 30px;
}

.disp_pc {
  display: block !important;
}

.disp_pc.pointArea__article__match__vs {
  display: table !important;
}

#breadcrumbList li:after {
  content: ">";
  font-size: 12px;
  position: absolute;
  right: 0px;
  top: 0px;
}

.newsArticle h2 {
  line-height: 1.3;
  border-bottom: 4px solid #c10000;
  padding: 20px 0;
  font-size: 40px;
  color: #c10000;
}

.newsArticle figure {
  margin-bottom: 30px;
  background: #fff;
  margin-top: 30px;
}

.newsArticle p {
  font-size: 14px;
  line-height: 1.65;
  margin-bottom: 1em;
  text-align: left;
}

.mrgB0 {
  margin-bottom: 0 !important;
}

.mrgT0 {
  margin-top: 0 !important;
}