@charset "UTF-8";
@import url("//fonts.googleapis.com/css2?family=Barlow+Condensed:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("//fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap");
@import url("//code.ionicframework.com/ionicons/2.0.0/css/ionicons.min.css");
/*-----------------------------------
.btn
leaguecup2020_final.scss

------------------------------------*/
a {
  color: #e60012;
  text-decoration: none;
}

html {
  width: 100%;
  font-size: 62.5%;
  overflow-y: auto;
}

body {
  min-width: 100%;
  overflow: hidden;
  background: #FFF;
  color: #000;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body.is-nav {
  height: 100%;
  overflow: hidden;
}

#header,
.kvArea,
.CNT {
  box-sizing: border-box;
  font-family: "Noto Sans JP", "メイリオ", sans-serif;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.75;
}

img {
  vertical-align: bottom;
}

strong {
  font-weight: bold;
}

#pagetop {
  width: 100%;
}

.wrapper {
  width: 100%;
  margin: 0 auto;
}

.wide_base {
  width: 90%;
}

.wide_baseL {
  width: 100%;
}

body.mfp-zoom-out-cur {
  position: fixed;
}

/* ==========================================================================
   COMMON
========================================================================== */
.CLM__half {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: -ms- left;
  justify-content: -webkit- left;
  justify-content: left;
  align-items: -ms- top;
  align-items: -webkit- top;
  align-items: top;
}

.CLM__half img {
  width: 100%;
}

.CLM__half .wide100 {
  width: 100% !important;
}

.CLM__half > li,
.CLM__half > article,
.CLM__half > figure {
  width: 48%;
  margin-right: 4%;
}

.CLM__half > li:nth-child(2n),
.CLM__half > article:nth-child(2n),
.CLM__half > figure:nth-child(2n) {
  margin-right: 0;
}

.nowrapCLM {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap;
  justify-content: -ms- space-between;
  justify-content: -webkit- space-between;
  justify-content: space-between;
  align-items: -ms- top;
  align-items: -webkit- top;
  align-items: top;
}

.nowrapCLM > li {
  flex: 1;
  margin-right: 3%;
}

.nowrapCLM > li:last-child {
  margin-right: 0;
}

.nowrapCLM > li img {
  width: 100%;
}

.nowrapCLM > li a {
  display: block;
}

.heading__main {
  position: relative;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 55px;
  font-size: 5.5rem;
  line-height: 0.7;
  font-weight: 700;
  color: #000;
}

.heading__main .eng_S {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1;
  display: block;
  font-weight: 700;
}

.heading__main .eng_L {
  font-size: 50px;
  font-size: 5rem;
  line-height: 1;
  display: block;
  font-weight: 700;
}

.heading__main .jpn_S {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.1;
  font-family: "Noto Sans JP", "メイリオ", sans-serif;
  display: block;
  font-weight: 800;
  letter-spacing: 0.1em;
  position: relative;
  top: 3px;
}

.heading__main .jpn_M {
  font-size: 23px;
  font-size: 2.3rem;
  line-height: 1.1;
  font-family: "Noto Sans JP", "メイリオ", sans-serif;
  display: block;
  font-weight: 800;
  position: relative;
  top: 3px;
}

.heading__main .jpn_L {
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.1;
  font-family: "Noto Sans JP", "メイリオ", sans-serif;
  display: block;
  font-weight: 800;
  letter-spacing: -0.05em;
  position: relative;
  top: 3px;
}

.heading__white {
  color: #FFF;
}

.heading__left {
  text-align: left;
}

.heading__center {
  text-align: center;
}

.heading__right {
  text-align: right;
  margin-right: 7%;
}

.heading__sub {
  width: 55%;
  height: 40px;
  border: 2px solid #000;
  text-align: center;
  line-height: 45px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  position: relative;
  background: #FFF;
  font-family: "Barlow Condensed", sans-serif;
}

.heading__sub::after {
  display: inline-block;
  content: "";
  width: 100%;
  height: 40px;
  border: 2px solid #000;
  position: absolute;
  left: 3px;
  top: 3px;
}

.heading__bgbrown {
  background: #bcbaad;
  text-align: center;
  line-height: 1.3;
  font-weight: 800;
  color: #333;
  padding: 10px;
  font-size: 15px;
  font-size: 1.5rem;
}

.heading__bgblack span {
  background: #000;
  text-align: center;
  line-height: 1.3;
  font-weight: 800;
  color: #FFF;
  font-size: 20px;
  font-size: 2rem;
  padding: 10px;
  display: inline-block;
  white-space: nowrap;
}

.heading__btmborder {
  display: inline-block;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 900;
  position: relative;
  margin-bottom: 40px;
}

.heading__btmborder::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 3px;
  background: #000;
}

.heading__btmborder span {
  font-weight: 900;
}

.txt__honbun {
  font-family: "Noto Sans JP", "メイリオ", sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.65;
  margin-bottom: 1em;
  text-align: left;
}

.txt__size16 {
  font-family: "Noto Sans JP", "メイリオ", sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.65;
  margin-bottom: 1em;
  text-align: left;
}

.txt__size20 {
  font-family: "Noto Sans JP", "メイリオ", sans-serif;
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 1.65;
  margin-bottom: 1em;
  font-weight: bold;
  text-align: left;
}

.txt__red {
  color: #ce0010;
}

.txt__bold {
  font-weight: bold;
}

.txt__left {
  text-align: left;
}

.txt__center {
  text-align: center;
}

.list__style {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.65;
  padding-left: 1em;
}

.list__style__disc {
  list-style: disc;
  text-align: left;
}

.list__style__disc li {
  margin-left: 1em;
}

.list__style__decimal {
  list-style: decimal;
  text-align: left;
}

.list__style__decimal li {
  margin-left: 1em;
}

.btn {
  display: inline-block;
  position: relative;
  background: #000;
  color: #FFF;
  height: 60px;
  line-height: 60px;
  font-size: 15px;
  font-size: 1.5rem;
  letter-spacing: -0.05em;
  text-align: center;
  font-weight: 800;
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.3);
  padding-right: 8%;
  box-sizing: border-box;
}

.btn::after {
  display: inline-block;
  font-family: "ionicons";
  content: "\f30f";
  position: absolute;
  right: 5%;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  font-size: 1.6rem;
}

.btn__S {
  width: 45%;
  height: 40px;
  line-height: 40px;
  font-size: 13px;
  font-size: 1.3rem;
  padding-right: 10px;
}

.btn__S::after {
  font-size: 13px;
  font-size: 1.3rem;
}

.btn__L {
  width: 90%;
}

.btn__M {
  min-width: 70%;
  padding: 0 30px 0 10px;
  box-sizing: border-box;
}

.btn__brown {
  background: url(/img/leaguecup/2020/final/BG_btn_brown.png) no-repeat top left;
}

.btn__red {
  background: url(/img/leaguecup/2020/final/BG_btn_red.png) no-repeat top left;
}

.btn__border {
  border: 1px solid #000;
  background: none;
  color: #333;
  display: block;
}

.btn__onlinestore {
  width: 90%;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.3;
  height: 70px;
  text-align: center;
  padding-left: 130px;
  padding-top: 20px;
  text-align: left;
}

.btn__onlinestore i {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 120px;
  height: 70px;
  background: #FFF;
}

.btn__onlinestore i img {
  width: 100px;
  vertical-align: middle;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.btn__ticket {
  height: auto;
  padding: 20px 0;
  line-height: 1.3;
  font-size: 18px;
  font-size: 1.8rem;
}

.btn__ticket img {
  vertical-align: middle;
  position: relative;
  width: 120px;
  margin: 0 auto 5px;
  display: block;
}

.btn__2line {
  line-height: 1.4;
  padding: 10px 0;
  height: auto;
}

.btnArea {
  text-align: center;
}

.btnArea .btn {
  margin: auto;
}

span.btn {
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2) !important;
}

span.btn::after {
  display: none !important;
}

span.btn::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.bnrwrap {
  width: 90%;
  margin: 30px auto;
  text-align: center;
}

.bnrwrap a {
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.3);
  display: inline-block;
}

.bnrwrap a img {
  width: 100%;
}

/* ==========================================================================
   section
========================================================================== */
.CNT {
  margin-top: 40px;
}

.sec {
  text-align: center;
}

.sec__inner {
  margin: 0 auto;
  padding: 40px 0;
}

.sec__white {
  background: #fff;
}

.sec__stadiumBG1 {
  background: url(/img/leaguecup/2020/final/BG_stadium1.jpg) no-repeat 50% 50%;
  background-size: 200% auto;
}

.sec__stadiumBG2 {
  background: url(/img/leaguecup/2020/final/BG_stadium2.jpg) no-repeat 50% 50%;
}

.sec__stadiumBG3 {
  background: url(/img/leaguecup/2020/final/BG_stadium3.jpg) no-repeat 50% 50%;
}

.sec__stadiumBG4 {
  background: url(/img/leaguecup/2020/final/BG_stadium4.jpg) no-repeat 50% 50%;
  background-size: 120% auto;
}

.sec__stadiumBG5 {
  background: url(/img/leaguecup/2020/final/BG_stadium5.jpg) no-repeat 50% 50%;
  background-size: 180% auto;
}

.sec__nanameline {
  background: url(/img/leaguecup/2020/final/BG_nanameline_gray.jpg) no-repeat top center;
  background-size: 150% 100%;
}

.sec__nanameline .sec__inner__whiteborder {
  width: 90%;
  background: #FFF;
  padding: 10%;
  box-sizing: border-box;
  position: relative;
  top: -50px;
  left: -5px;
}

.sec__nanameline .sec__inner__whiteborder::after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  border: 2px solid #000;
  position: absolute;
  top: 5px;
  left: 5px;
}

.sec__darkgrayBG {
  background: url(/img/leaguecup/2020/final/BG_kemuri_darkgray.jpg) repeat 50% 50%;
  background-size: 100% auto;
}

.sec__grayBG {
  background: url(/img/leaguecup/2020/final/BG_kemuri_gray.jpg) repeat 50% 50%;
  background-size: 100% auto;
}

.sec__brownBG {
  background: url(/img/leaguecup/2020/final/BG_kemuri_brown.jpg) repeat 50% 50%;
  background-size: 100% 100% !important;
}

.sec__blackBG {
  background: url(/img/leaguecup/2020/final/BG_kemuri_black.jpg) repeat 50% 50%;
  background-size: 100% 100% !important;
}

.sec__sideCENTER {
  position: relative;
}

.sec__sideCENTER .sec__inner {
  padding-top: 60px;
}

.sec__sideCENTER .sec__inner__white {
  background: rgba(255, 255, 255, 0.7);
  border-top: 8px solid rgba(153, 142, 88, 0.7);
  border-bottom: 8px solid rgba(153, 142, 88, 0.7);
  position: relative;
  padding: 40px 0;
}

.sec__sideCENTER .sec__inner__white .heading__main {
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.sec__sideCENTER .sec__inner__white .sec__inner__white__inner {
  width: 90%;
  margin: auto;
  background: #FFF;
  padding: 5%;
  box-sizing: border-box;
}

.sec__sideCENTER .sec__inner__white figure {
  width: 90%;
  margin: auto;
}

.sec__sideCENTER .sec__inner__white figure img {
  width: 100%;
}

.sec__sideCENTER .btn__L {
  position: absolute;
  bottom: -35px;
  left: 50%;
  transform: translateX(-50%);
}

.sec__verticalSHORT, .sec__verticalLONG {
  border-left: 20px solid #FFF;
  border-right: 20px solid #FFF;
}

.sec__verticalSHORT .sec__inner, .sec__verticalLONG .sec__inner {
  min-width: 100%;
}

.sec__verticalSHORT article, .sec__verticalLONG article {
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.sec__verticalSHORT article .heading__sub, .sec__verticalLONG article .heading__sub {
  position: absolute;
  bottom: 75px;
  z-index: 1;
}

.sec__verticalSHORT article .btn, .sec__verticalLONG article .btn {
  position: absolute;
  bottom: 0;
}

.sec__verticalSHORT article .btn.btn__onlinestore, .sec__verticalLONG article .btn.btn__onlinestore {
  bottom: -10px;
}

.sec__verticalSHORT article .sec__verticalSHORT__CNT, .sec__verticalLONG article .sec__verticalSHORT__CNT {
  width: 100%;
  display: inline-block;
  position: relative;
  background: #333;
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);
  text-align: left;
  padding-bottom: 85px;
}

.sec__verticalSHORT article .sec__verticalSHORT__CNT img, .sec__verticalLONG article .sec__verticalSHORT__CNT img {
  width: 100%;
}

.sec__verticalSHORT article .sec__verticalSHORT__CNT > figcaption, .sec__verticalLONG article .sec__verticalSHORT__CNT > figcaption {
  background: #333;
  color: #FFF;
  padding: 15px;
  box-sizing: border-box;
  font-size: 12px;
  font-size: 1.2rem;
  width: 100%;
}

.sec__verticalSHORT article .sec__verticalSHORT__CNT > figcaption strong, .sec__verticalLONG article .sec__verticalSHORT__CNT > figcaption strong {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 5px;
}

.sec__verticalSHORT article .sec__verticalSHORT__CNT .heading__bgbrown, .sec__verticalLONG article .sec__verticalSHORT__CNT .heading__bgbrown {
  margin: 5%;
}

.sec__verticalSHORT article .sec__verticalSHORT__CNT .flexImg, .sec__verticalLONG article .sec__verticalSHORT__CNT .flexImg {
  margin: 30px;
  text-align: center;
}

.sec__verticalSHORT article .sec__verticalSHORT__CNT .flexImg img, .sec__verticalLONG article .sec__verticalSHORT__CNT .flexImg img {
  width: 100%;
  margin-bottom: 10px;
}

.sec__verticalSHORT article .sec__verticalSHORT__CNT .flexImg figcaption, .sec__verticalLONG article .sec__verticalSHORT__CNT .flexImg figcaption {
  text-align: left;
  font-weight: 500;
  font-size: 14px;
  font-size: 1.4rem;
}

.sec__verticalSHORT article div.sec__verticalSHORT__CNT, .sec__verticalLONG article div.sec__verticalSHORT__CNT {
  background: #FFF;
}

.sec__verticalSHORT__left, .sec__verticalLONG__left {
  text-align: left;
  left: -20px;
}

.sec__verticalSHORT__left .heading__sub, .sec__verticalLONG__left .heading__sub {
  right: -3%;
}

.sec__verticalSHORT__left .btn, .sec__verticalLONG__left .btn {
  right: 5%;
}

.sec__verticalSHORT__right, .sec__verticalLONG__right {
  text-align: right;
  right: -20px;
}

.sec__verticalSHORT__right .heading__sub, .sec__verticalLONG__right .heading__sub {
  left: -3%;
}

.sec__verticalSHORT__right .btn, .sec__verticalLONG__right .btn {
  left: 5%;
}

.sec__verticalSHORT {
  background-size: auto 70%;
}

.sec__verticalSHORT .sec__inner {
  padding: 0;
}

.borderwrap {
  border: 1px solid #000;
  padding: 5%;
}

/* ==========================================================================
   header
========================================================================== */
#header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  padding: 10px 0;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap;
  justify-content: -ms- space-between;
  justify-content: -webkit- space-between;
  justify-content: space-between;
  align-items: -ms- center;
  align-items: -webkit- center;
  align-items: center;
  background: rgba(230, 0, 18, 0.85);
  z-index: 500;
}

#header .header__left {
  height: 35px;
  position: absolute;
  left: 10px;
}

#header .header__left a {
  display: block;
}

#header .header__left img {
  height: 35px;
}

#header .header__logo {
  width: 100%;
  text-align: center;
  z-index: 111111;
  width: 71px;
  margin: auto;
}

#header .header__logo a {
  display: block;
}

#header .header__logo img {
  height: 35px;
}

#header .header__logo__leaguecup {
  height: 40px;
  margin: 20px auto 0;
}

#header .header__logo__leaguecup img {
  height: 100%;
}

#header .header__right {
  width: 100%;
  text-align: right;
}

.menu-trigger {
  display: inline-block;
  width: 25px;
  height: 20px;
  position: fixed;
  top: 8px;
  right: 15px;
  z-index: 222222;
  margin-top: 10px;
  cursor: pointer;
}

.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #000;
  margin: 0 auto;
  background-color: #fff;
}

.menu-trigger span:nth-of-type(1) {
  top: 0;
}

.menu-trigger span:nth-of-type(2) {
  top: 9px;
}

.menu-trigger span:nth-of-type(3) {
  bottom: 0;
}

.menu-trigger.active {
  right: 15px;
}

.menu-trigger.active span:nth-of-type(1) {
  transform: translateY(9px) rotate(-45deg);
}

.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}

.menu-trigger.active span:nth-of-type(3) {
  transform: translateY(-9px) rotate(45deg);
}

#navigation {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.9);
  z-index: 1000;
  height: 100%;
  overflow-y: auto;
  padding: 60px 0 40px;
  box-sizing: border-box;
  text-align: center;
  display: none;
}

#navigation .navigation_inner {
  padding: 0 20px;
  box-sizing: border-box;
}

#navigation .navList {
  text-align: center;
  margin-top: 30px;
}

#navigation .navList li {
  letter-spacing: 0.1em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  text-align: left;
}

#navigation .navList li h1 a {
  color: #c7ba66;
}

#navigation .navList li a, #navigation .navList li span {
  padding: 0.5em;
  color: #FFF;
  display: block;
  font-weight: 700;
  font-family: "Barlow Condensed", "Noto Sans JP", "メイリオ", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
}

#navigation .navList li a i, #navigation .navList li span i {
  display: inline-block;
  padding-left: 10px;
  font-size: 12px;
  font-size: 1.2rem;
  font-style: normal;
}

#navigation .navList li a {
  position: relative;
}

#navigation .navList li a::after {
  display: inline-block;
  font-family: "ionicons";
  content: "\f30f";
  position: absolute;
  right: 5%;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  font-size: 1.6rem;
}

#navigation .navList li span {
  opacity: 0.3;
}

#navigation .navList li.nav_ticket {
  border: none;
}

#navigation .navList li.nav_ticket a {
  background: #e60012;
  color: #FFF;
  font-weight: 800;
  letter-spacing: 0;
}

/* ==========================================================================
   kvArea
========================================================================== */
.kvArea {
  width: 100%;
  text-align: center;
  position: relative;
}

.kvArea figure {
  padding-bottom: 90px;
}

.kvArea figure img {
  width: 100%;
}

.kvArea__text {
  position: absolute;
  bottom: 160px;
  left: 5%;
  background: #000;
  width: 90%;
  color: #FFF;
  padding: 20px 0 40px;
  box-sizing: border-box;
}

.kvArea__text__title {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
  font-weight: 600;
  position: relative;
  font-family: "Barlow Condensed", sans-serif;
}

.kvArea__text__title i {
  display: block;
  font-size: 42px;
  font-size: 4.2rem;
  font-weight: 700;
  font-style: normal;
}

.kvArea__text__title img {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: -86px;
  width: 150px;
}

.kvArea__text__day {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1;
  padding-top: 10px;
  font-family: "Noto Sans JP", "メイリオ", sans-serif;
}

.kvArea__text__day .day {
  display: block;
  width: 70%;
  margin: 0 auto 7px;
  font-size: 16px;
  font-size: 1.6rem;
}

.kvArea__text__day .day img {
  width: 100%;
}

.kvArea__text__club {
  position: absolute;
  bottom: 30px;
  line-height: 1;
}

.kvArea__text__club i {
  font-style: normal;
  font-weight: 700;
  font-size: 10px;
  font-size: 1rem;
}

.kvArea__text__club.left {
  left: 50%;
  margin-left: -145px;
}

.kvArea__text__club.right {
  left: 50%;
  margin-left: 90px;
}

.kvArea__btnarea {
  position: relative;
}

.kvArea__btnarea article {
  width: 90%;
  text-align: left;
}

.kvArea__btnarea article h3 {
  font-size: 20px;
  font-weight: 800;
  letter-spacing: -0.05em;
}

.kvArea__btnarea article p {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.3;
}

.kvArea__btnarea article a, .kvArea__btnarea article span {
  display: table-cell;
  width: 1000px;
  height: 90px;
  vertical-align: middle;
  padding: 0 15px;
  box-sizing: border-box;
  color: #FFF;
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.3);
}

.kvArea__btnarea article a {
  position: relative;
}

.kvArea__btnarea article a::after {
  display: inline-block;
  font-family: "ionicons";
  content: "\f30f";
  position: absolute;
  right: 5%;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
  font-size: 2rem;
}

.kvArea__btnarea__tv a,
.kvArea__btnarea__tv span {
  background: url(/img/leaguecup/2020/final/BG_btn_brown.png) no-repeat top left;
}

.kvArea__btnarea__ticket {
  margin-left: 10%;
}

.kvArea__btnarea__ticket a,
.kvArea__btnarea__ticket span {
  background: url(/img/leaguecup/2020/final/BG_btn_red.png) no-repeat top left;
}

.kvArea .enkiinfo a {
  width: 85%;
  height: 40px;
  line-height: 40px;
  font-size: 13px;
  font-size: 1.3rem;
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(150, 0, 0, 0.9);
  color: #FFF;
  font-weight: bold;
  box-shadow: 0 0 2px 3px rgba(0, 0, 0, 0.2);
  text-align: center;
  white-space: nowrap;
}

.kvArea .enkiinfo a::after {
  display: inline-block;
  font-family: "ionicons";
  content: "\f30f";
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 13px;
  font-size: 1.3rem;
}

/* ==========================================================================
   newsArea / moviesArea
========================================================================== */
#newsArea .sec__inner,
#moviesArea .sec__inner {
  width: 95%;
  margin-left: 5%;
  padding: 50px 0 140px;
}

#newsArea .slickbox,
#moviesArea .slickbox {
  position: relative;
}

#newsArea .slickbox::after,
#moviesArea .slickbox::after {
  background: #FFF;
  content: "";
  display: block;
  width: 100%;
  height: 260px;
  position: absolute;
  left: 15px;
  top: 15px;
}

#newsArea .slickbox .btn,
#moviesArea .slickbox .btn {
  position: absolute;
  top: -50px;
  right: 5%;
}

.newslist {
  position: relative;
  z-index: 111;
}

.newslist .slick-list {
  overflow: visible;
}

.newslist article {
  width: 200px;
  height: 200px;
  background: #FFF;
  margin-right: 20px;
}

.newslist article a {
  display: block;
  background: #FFF;
  width: 100%;
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.3);
  overflow: hidden;
}

.newslist article figure {
  position: relative;
}

.newslist article figure img {
  width: 100%;
}

.newslist article figure figcaption {
  color: #333;
  padding: 15px 20px 0;
  box-sizing: border-box;
  background: #FFF;
  border-top: 1px solid #ededed;
  line-height: 1.4;
  height: 90px;
  overflow: hidden;
  position: relative;
  z-index: 11;
  font-size: 13px;
  font-size: 1.3rem;
  margin-bottom: 30px;
}

.newslist article figure::after {
  display: inline-block;
  font-family: "ionicons";
  content: "\f30f";
  position: absolute;
  left: 50%;
  bottom: -30px;
  transform: translateX(-50%);
  font-size: 20px;
  font-size: 2rem;
  z-index: 11;
}

.slick-prev,
.slick-next {
  top: auto;
  bottom: -125px;
  width: 90px;
  height: 40px;
}

.slick-prev::before, .slick-prev::before,
.slick-next::before,
.slick-next::before {
  display: block;
  width: 90px;
  height: 40px;
  line-height: 40px;
  background: #000;
  font-family: 'ionicons';
  opacity: 1;
}

.slick-prev {
  left: 0;
}

.slick-prev::before {
  content: '\f2ca';
}

.slick-next {
  right: 5%;
}

.slick-next::before {
  content: '\f30f';
}

#moviesArea .newslist article a {
  position: relative;
}

#moviesArea .newslist article a::after {
  background: url(/img/leaguecup/2020/final/icon_movie_play.png) no-repeat 50% 50%;
  background-size: 40px 40px;
  display: inline-block;
  content: "";
  width: 40px;
  height: 40px;
  position: absolute;
  top: 17%;
  left: 50%;
  transform: translateX(-50%);
}

#moviesArea .newslist article figure figcaption {
  height: 90px;
}

#moviesArea .newslist article figure::after {
  content: "\f39c";
}

#moviesArea .slick-prev, #moviesArea .slick-next {
  bottom: -140px;
}

#moviesArea .slickbox::after {
  height: 280px;
}

/* ==========================================================================
   newheroArea
========================================================================== */
#newheroArea {
  margin-top: 60px;
}

#newheroArea .heading__main {
  font-size: 40px;
  font-size: 4rem;
  top: -35px;
}

#newheroArea .sec__inner__white {
  padding: 40px 5%;
}

#newheroArea .sec__inner__white figure {
  width: 100%;
}

/* ==========================================================================
   accessArea
========================================================================== */
#accessArea {
  margin-top: 60px;
  background-position: top center;
  background-repeat: repeat-y;
  border: none;
}

#accessArea .sec__inner > article {
  background: rgba(255, 255, 255, 0.8);
  padding: 20px 0 0;
  width: 90%;
  margin: auto;
}

.accesslist {
  margin: 10px 0;
}

.accessmap {
  width: 290px;
  margin: 0 auto 30px;
}

/* ==========================================================================
   floatingbnr
========================================================================== */
.floatingbnr {
  display: block;
  position: fixed;
  z-index: 9999999;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 140px;
  background: url(/img/leaguecup/2020/final/floatingbnr_SP.png) no-repeat bottom center;
  background-size: 100% auto;
  box-sizing: border-box;
  padding: 90px 2% 0;
}

.floatingbnr h5, .floatingbnr p {
  display: none;
}

.floatingbnr .btn {
  width: 47%;
  height: 34px;
  line-height: 34px;
  margin: 1%;
  font-size: 11px;
  font-size: 1.1rem;
}

.floatingbnr .btn::after {
  font-size: 12px;
  font-size: 1.2rem;
}

.floatingbnr .btn__close {
  display: inline-block;
  content: "\f2d7";
  font-family: "ionicons";
  font-size: 26px;
  font-size: 2.6rem;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border: 1px solid #FFF;
  background: #646464;
  color: #FFF;
  position: absolute;
  left: 3%;
  top: -5px;
}

/* ==========================================================================
   others
========================================================================== */
body.finalOthers .CNT {
  margin-top: 2px;
}

.kvArea.kvArea__others {
  height: 290px;
  background: url(/img/leaguecup/2020/final/KV_other_BG_SP.jpg) no-repeat top center;
  background-size: cover;
  padding: 0;
}

.kvArea.kvArea__others .kvArea__text {
  width: 90%;
  top: 45%;
  bottom: auto;
  left: 50%;
  transform: translateX(-50%);
  padding: 15px 0 25px;
}

.kvArea.kvArea__others .kvArea__text__title {
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 700;
  font-family: "Barlow Condensed", sans-serif;
}

.kvArea.kvArea__others .kvArea__text__title i {
  display: inline-block;
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 700;
}

.kvArea.kvArea__others .kvArea__text__title img {
  top: -68px;
  left: 83%;
  width: 120px;
}

.kvArea.kvArea__others .kvArea__text__club {
  bottom: 15px;
}

.kvArea.kvArea__others .kvArea__text__club.left {
  margin-left: -150px;
}

.kvArea.kvArea__others .kvArea__text__club.right {
  margin-left: 100px;
}

.kvArea.kvArea__others .kvArea__text .enkiinfo a {
  width: 90%;
  line-height: 1.3;
  padding: 5px 0;
  top: 107%;
  height: 22px;
}

.kvArea.kvArea__others .kvArea__catchcopy {
  width: 60%;
  position: absolute;
  top: 25%;
  left: 5%;
}

.sec__pagetitle h2 {
  height: 70px;
  padding-top: 35px;
  box-sizing: border-box;
  letter-spacing: -0.03em;
  font-size: 50px;
  font-size: 5rem;
}

.otherpageanker {
  border-top: 4px solid #FFF;
}

.otherpageanker ul {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap;
  justify-content: -ms- center;
  justify-content: -webkit- center;
  justify-content: center;
  align-items: -ms- stretch;
  align-items: -webkit- stretch;
  align-items: stretch;
}

.otherpageanker ul li a, .otherpageanker ul li span {
  color: #FFF;
  line-height: 50px;
  padding: 0 15px;
  font-weight: 800;
  font-size: 14px;
  font-size: 1.4rem;
}

.otherpageanker ul li a {
  position: relative;
}

.otherpageanker ul li a::after {
  display: inline-block;
  font-family: "ionicons";
  content: "\f35d";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  font-size: 1.4rem;
}

/* ==========================================================================
   ticketpage
========================================================================== */
#ticketAreaPrice {
  width: 100%;
  margin: auto;
  position: relative;
  top: -30px;
}

#ticketAreaPrice .scrolltxt {
  position: absolute;
  background: #FFF;
  display: inline-block;
  font-size: 13px;
  font-size: 1.3rem;
  padding: 7px 10px;
  line-height: 1;
  top: -25px;
  right: 5%;
}

#ticketAreaPrice .seat-category {
  border: 10px solid #000;
  background: #FFF;
  box-sizing: border-box;
  width: 100%;
}

#ticketAreaPrice .accordionList .accordionIndex {
  border: none;
  position: relative;
  cursor: pointer;
}

#ticketAreaPrice .accordionList .accordionIndex::after {
  display: inline-block;
  font-family: "ionicons";
  content: '\f35d';
  position: relative;
  left: 5px;
  top: 7px;
  transform: translateY(-50%);
  font-size: 13px;
  font-size: 1.3rem;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  border: 1px solid #000;
  transition: .5s all;
}

#ticketAreaPrice .accordionList .accordionIndex.active::after {
  transform: translateY(-50%) rotate(-180deg);
}

#ticketAreaPrice .borderwrap {
  font-family: "Noto Sans JP", "メイリオ", sans-serif;
  margin: 20px auto 0;
  width: 90%;
  box-sizing: border-box;
}

.seat-category table {
  width: 100%;
  border-collapse: collapse;
  border: solid 1px #000;
  font-size: 13px;
  font-size: 1.3rem;
}

.seat-category table th, .seat-category table td {
  border: solid 1px #000;
  min-height: 40px;
  vertical-align: middle;
  letter-spacing: -0.05em;
  padding: 7px 0;
}

.seat-category table th span, .seat-category table td span {
  font-size: 10px;
  font-size: 1rem;
}

.seat-category table th:nth-child(1), .seat-category table td:nth-child(1) {
  width: 25%;
  padding-left: 5px;
}

.seat-category table th:nth-child(2), .seat-category table td:nth-child(2) {
  width: 30%;
  padding-left: 5px;
}

.seat-category table th:nth-child(3), .seat-category table td:nth-child(3) {
  width: 20%;
  text-align: center;
  font-family: "Barlow Condensed", sans-serif;
  letter-spacing: 0;
}

.seat-category table th:nth-child(4), .seat-category table td:nth-child(4) {
  width: 20%;
  text-align: center;
}

.seat-category table th {
  background: #DADADA;
  font-weight: 600;
  text-align: center;
  line-height: 1;
  font-size: 10px;
  font-size: 1rem;
}

.seat-category table td {
  background: #fff;
  text-align: left;
  font-weight: 500;
  line-height: 1.3;
  font-size: 12px;
  font-size: 1.2rem;
}

.seat-category table td:nth-child(3), .seat-category table td.price {
  font-weight: 700;
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "Barlow Condensed", sans-serif;
}

.seat-category table td:nth-child(4) {
  font-weight: 700;
}

.seat-category table td p {
  writing-mode: vertical-rl;
  margin: auto;
  font-weight: 700;
}

.seat-category table .cate-1 td {
  background: #a1cea9;
}

.seat-category table .cate-2 td {
  background: #da9898;
}

.seat-category table .cate-3 td {
  background: #f1cc81;
}

.seat-category table .cate-4 td {
  background: #fff5a1;
}

.seat-category table .cate-5 td {
  background: #acc8e7;
}

.seat-category table .cate-1 td:nth-child(4) {
  background: #FFF;
}

.seat-category table .cond-1 td {
  background: #0c4a1b;
  color: #FFF;
}

.seat-category table .cond-2 td {
  background: #801b1b;
  color: #FFF;
}

.seat-category table .cond-5 td {
  background: #1a314c;
  color: #FFF;
}

.seat-category table .white {
  background: #FFF !important;
}

#dynamicpricingArea {
  position: relative;
  padding-top: 100px;
  box-sizing: border-box;
}

#dynamicpricingArea figure img {
  width: 70%;
  margin: auto;
  max-width: 300px;
}

body.finalTicket #ticketArea .heading__main {
  top: -57px;
}

body.finalTicket #scheduleArea .sec__verticalSHORT__CNT {
  padding-bottom: 50px;
}

body.finalTicket #scheduleArea .sec__verticalSHORT__CNT .heading__bgbrown {
  text-align: left;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
}

body.finalTicket #scheduleArea .sec__verticalSHORT__CNT .heading__bgbrown img {
  height: 35px;
  width: auto;
  vertical-align: middle;
  position: relative;
  display: block;
  margin: 0 auto 5px;
}

body.finalTicket #scheduleArea .sec__verticalSHORT__CNT .heading__btmborder {
  font-size: 15px;
  font-size: 1.5rem;
  margin-left: 5%;
}

body.finalTicket #scheduleArea .sec__verticalSHORT__CNT p {
  padding: 0 5%;
  font-weight: 500;
  font-size: 15px;
  font-size: 1.5rem;
}

body.finalTicket #scheduleArea .sec__verticalSHORT__CNT.black {
  position: relative;
}

body.finalTicket #scheduleArea .sec__verticalSHORT__CNT.black::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}

body.finalTicket .btn__onlinestore {
  padding-top: 10px;
}

/* ==========================================================================
   teams
========================================================================== */
#teamtab.margT80 {
  margin-top: 40px;
}

#teamtab .tabSelecter {
  width: 100%;
}

#teamtab ul.tab {
  width: 100%;
}

#teamtab ul.tab li {
  margin: 0;
  text-align: center;
}

#teamtab ul.tab li > a, #teamtab ul.tab li > span {
  width: auto;
  margin: 0 auto;
  height: 50px;
  padding: 10px 0;
}

#teamtab ul.tab li .embL {
  margin: 0 auto;
}

#teamtab ul.tab li i {
  font-style: normal;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 800;
}

#teamtab ul.tab li.current.kashiwa a {
  background: #fff100;
  color: #333;
}

#teamtab ul.tab li.current.fctokyo a {
  background: #073190;
  color: #FFF;
}

#teamtab .tabContentsBox .tabBox {
  text-align: center;
}

#teamtab .tabContentsBox .tabBox h4 {
  height: 50px;
  line-height: 50px;
  margin-bottom: 30px;
  font-weight: 800;
  font-size: 18px;
  font-size: 1.8rem;
}

#teamtab .tabContentsBox .tabBox h4.kashiwa {
  background: #fff100;
  color: #333;
}

#teamtab .tabContentsBox .tabBox h4.fctokyo {
  background: #073190;
  color: #FFF;
}

.teaminfo {
  width: 90%;
  margin: 0 auto 30px;
}

.teaminfo figure {
  position: relative;
  margin-bottom: 20px;
}

.teaminfo figure a {
  display: block;
}

.teaminfo figure.video a {
  position: relative;
}

.teaminfo figure.video a::after {
  background: url(/img/leaguecup/2020/final/icon_movie_play.png) no-repeat 50% 50%;
  display: inline-block;
  content: "";
  width: 60px;
  height: 60px;
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translateX(-50%);
}

.teaminfo figure img {
  width: 100%;
}

.playersArea {
  padding: 0 5%;
}

.playersArea .heading__main {
  position: relative;
  top: 5px;
}

.playersArea .player_cont {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: -ms- space-between;
  justify-content: -webkit- space-between;
  justify-content: space-between;
  align-items: -ms- stretch;
  align-items: -webkit- stretch;
  align-items: stretch;
}

.playersArea .player_cont .player_box {
  text-align: left;
  margin-bottom: 10px;
  width: 48%;
}

.playersArea .player_cont .player_box a {
  display: block;
  box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1);
  color: #333;
}

.playersArea .player_cont .player_box figure img {
  width: 100%;
}

.playersArea .player_cont .player_box .data {
  padding: 20px 10px 10px;
  position: relative;
  min-height: 75px;
}

.playersArea .player_cont .player_box .data .pos {
  position: absolute;
  top: -20px;
  left: 0;
  width: 60px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #000;
  color: #FFF;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 700;
}

.playersArea .player_cont .player_box .data .name {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4;
  font-weight: 500;
  margin-bottom: 5px;
}

.playersArea .player_cont .player_box .data ul {
  font-size: 12px;
  font-size: 1.2rem;
}

.playersArea .player_cont .player_box .data ul li {
  line-height: 1.3;
}

/* ==========================================================================
   match info 
========================================================================== */
body.finalMatch .tabBox {
  padding: 0;
}

body.finalMatch .tabBox .heading__main {
  position: relative;
}

body.finalMatch .tabBox .heading__main .jpn_S {
  line-height: 2;
}

body.finalMatch .tabBox .heading__main .eng_L {
  line-height: 0.8;
}

.featuredArea {
  background-size: auto 100%;
}

.featuredArea .sec__inner {
  min-width: auto;
  padding: 20px 0;
}

.featuredArea .sec__inner article {
  padding: 0;
  margin-bottom: 20px;
}

.featuredArea .sec__inner article figure {
  background: #FFF;
  width: 100%;
  display: inline-block;
  text-align: left;
}

.featuredArea .sec__inner article figure img {
  width: 100%;
}

.featuredArea .sec__inner article figure figcaption {
  padding: 20px 5% 30px;
  font-size: 14px;
  font-size: 1.4rem;
}

.featuredArea .sec__inner article figure figcaption strong {
  display: block;
}

.featuredArea .sec__inner article figure a.video {
  border: 10px solid #FFF;
  box-sizing: border-box;
  width: 100%;
  display: block;
  position: relative;
}

.featuredArea .sec__inner article figure a.video::after {
  background: url(/img/leaguecup/2020/final/icon_movie_play.png) no-repeat 50% 50%;
  display: inline-block;
  content: "";
  width: 60px;
  height: 60px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.featuredArea .sec__inner article.sec__whiteCNT__left {
  text-align: left;
}

.featuredArea .sec__inner article.sec__whiteCNT__left figure {
  margin-left: -5%;
}

.featuredArea .sec__inner article.sec__whiteCNT__right {
  text-align: right;
}

.featuredArea .sec__inner article.sec__whiteCNT__right figure {
  margin-right: -5%;
}

#previewArea {
  border: none;
}

#previewArea .heading__main {
  position: relative;
  top: 5px;
}

#previewArea article {
  margin: 0 5%;
}

#previewArea article .sec__white img {
  width: 100%;
}

#previewArea article .sec__white .txtbox {
  padding: 5%;
}

/* ==========================================================================
   prevision
========================================================================== */
#previsionArea {
  background-size: 100% 50%;
  background-position: 50% 20%;
}

#previsionArea .CLM__three {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: -ms- start;
  justify-content: -webkit- start;
  justify-content: start;
  align-items: -ms- stretch;
  align-items: -webkit- stretch;
  align-items: stretch;
}

.prevision__article {
  width: 48% !important;
  margin-right: 4% !important;
  margin-bottom: 30px;
}

.prevision__article:nth-child(2n) {
  margin-right: 0 !important;
}

.prevision__article img {
  width: 100%;
}

.prevision__article a {
  display: block;
  background: #FFF;
  min-height: 190px;
  padding-bottom: 30px;
  position: relative;
  left: 5px;
  top: 5px;
}

.prevision__article a::before {
  border: 2px solid #000;
  position: absolute;
  left: -5px;
  top: -5px;
  content: "";
  width: 100%;
  height: 100%;
}

.prevision__article a::after {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -10px;
  content: "詳細はこちら";
  display: inline-block;
  width: 80%;
  height: 35px;
  text-align: center;
  line-height: 35px;
  background: #e60012;
  color: #FFF;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 600;
}

.prevision__article__thum figcaption {
  display: table-cell;
  width: 1000px;
  height: 70px;
  text-align: center;
  vertical-align: middle;
  color: #333;
  font-weight: 700;
  line-height: 1.3;
  font-size: 14px;
  font-size: 1.4rem;
}

.prevision__article__popup {
  background: #FFF;
  width: 90%;
  margin: auto;
  text-align: center;
  padding: 7% 5%;
  box-sizing: border-box;
}

.prevision__article__popup dl {
  text-align: left;
  margin-top: 10px;
}

.prevision__article__popup dl dt {
  margin-bottom: 10px;
}

.prevision__article__popup dl .CLM__half figure {
  margin-bottom: 20px;
  text-align: center;
}

.prevision__article__popup dl .CLM__half figure figcaption {
  font-size: 11px;
  font-size: 1.1rem;
}

.prevision__article__imgL {
  margin-bottom: 20px;
}

.prevision__article__imgL img {
  width: 100%;
}

.popup-modal-dismiss a {
  border: 2px solid #ff0000;
  padding: 10px;
  display: inline-block;
  width: 200px;
  margin-top: 20px;
  font-weight: 700;
}

.mfp-wrap {
  top: 0 !important;
}

.mfp-close-btn-in .mfp-close {
  right: 0;
  top: -40px;
  color: #FFF;
  opacity: 1;
}

/* ==========================================================================
   Movies 
========================================================================== */
body.finalMovies .sec__inner {
  padding: 40px 5%;
  min-width: auto;
}

body.finalMovies .heading__main {
  position: relative;
  top: 7px;
}

body.finalMovies .sec__pagetitle .heading__main {
  top: 0;
}

body.finalMovies .heading__right {
  margin-right: 0;
}

body.finalMovies .sec__verticalLONG {
  border: none;
}

body.finalMovies .sec__verticalSHORT__center,
body.finalMovies .sec__verticalSHORT__left,
body.finalMovies .sec__verticalSHORT__right {
  margin-bottom: 10px;
  padding-bottom: 0;
}

body.finalMovies .sec__verticalSHORT__center:last-of-type,
body.finalMovies .sec__verticalSHORT__left:last-of-type,
body.finalMovies .sec__verticalSHORT__right:last-of-type {
  margin-bottom: 0;
}

body.finalMovies .sec__verticalSHORT__center figure,
body.finalMovies .sec__verticalSHORT__left figure,
body.finalMovies .sec__verticalSHORT__right figure {
  display: inline-block;
  background: #FFF;
  box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.1);
}

body.finalMovies .sec__verticalSHORT__center figure iframe,
body.finalMovies .sec__verticalSHORT__left figure iframe,
body.finalMovies .sec__verticalSHORT__right figure iframe {
  vertical-align: top;
}

body.finalMovies .sec__verticalSHORT__center figure figcaption,
body.finalMovies .sec__verticalSHORT__left figure figcaption,
body.finalMovies .sec__verticalSHORT__right figure figcaption {
  padding: 5%;
  text-align: left;
  font-weight: 600;
  color: #333;
  background: #FFF;
  height: 100px;
  width: 100%;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
  box-sizing: border-box;
  box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.1);
}

.videoOneArea {
  background: #000;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin: 0 0 100px;
}

.videoOneArea iframe {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.videoOneArea figcaption {
  position: absolute;
  bottom: -100px;
}

/* ==========================================================================
   digitalphotos 
========================================================================== */
body.finalDigitalphotos .sec__pagetitle .heading__main {
  height: 100px;
  padding-top: 35px;
  letter-spacing: 0;
}

body.finalDigitalphotos .sec__pagetitle .heading__main span {
  font-weight: 600;
  display: block;
  font-size: 24px;
  font-size: 2.4rem;
  margin-top: 10px;
}

body.finalDigitalphotos .sec__pagetitle .heading__main .color__docomo {
  color: #cc0333;
  font-weight: 600;
  font-style: normal;
}

#digitalphotosArea {
  margin-top: 30px;
  background-size: 200% 200%;
}

#digitalphotosArea .jpn_L {
  position: relative;
  top: -5px;
  letter-spacing: -0.05em;
  font-size: 28px;
  font-size: 2.8rem;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

#digitalphotosArea .wide_base {
  margin: auto;
  background: #FFF;
  padding: 5%;
  box-sizing: border-box;
}

#digitalphotosArea .wide_base .heading__btmborder {
  font-size: 15px;
  font-size: 1.5rem;
  letter-spacing: -0.05em;
  margin-bottom: 30px;
}

#digitalphotosArea .wide_base figure {
  margin-bottom: 10px;
}

#digitalphotosArea .wide_base p {
  font-size: 14px;
  font-size: 1.4rem;
  text-align: left;
}

#digitalphotosArea .wide_base dl {
  text-align: left;
  margin-top: 10px;
}

#digitalphotosArea .wide_base dl dt {
  font-size: 13px;
  font-size: 1.3rem;
}

#digitalphotosArea .wide_base dl dd {
  font-size: 11px;
  font-size: 1.1rem;
}

.borderwrap.accordionList {
  padding: 0;
}

.borderwrap.accordionList .accordionIndex {
  padding: 5% !important;
  margin: 0;
}

.borderwrap.accordionList .accordionArticle {
  padding: 5% !important;
  margin: 0 !important;
}

#digitalphotosCampaignArea .wide_base {
  box-sizing: border-box;
}

#digitalphotosCampaignArea h5 {
  margin-bottom: 0.5em;
}

#photolistArea {
  background-position: 50% 80px;
  background-size: 100% 500px;
}

#photolistArea .sec__inner {
  padding: 20px 0;
}

#photolistArea .heading__main {
  position: relative;
  top: 25px;
}

.digitalphotoslist {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: -ms- space-between;
  justify-content: -webkit- space-between;
  justify-content: space-between;
  align-items: -ms- stretch;
  align-items: -webkit- stretch;
  align-items: stretch;
}

.digitalphotoslist img {
  pointer-events: none;
}

.digitalphotoslist__li {
  width: 48%;
  background: #FFF;
  margin-bottom: 15px;
  box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.1);
}

.digitalphotoslist__li p {
  margin: 10px 0;
  font-size: 12px;
  font-size: 1.2rem;
}

.digitalphotoslist__li__thum a {
  display: block;
  position: relative;
  overflow: hidden;
}

.digitalphotoslist__li__thum a img {
  width: 100%;
}

.digitalphotoslist__li__thum a::after {
  content: "写真を拡大";
  display: inline-block;
  position: absolute;
  bottom: 5px;
  right: 5px;
  background: #000;
  padding: 5px 10px;
  color: #fff;
  font-size: 10px;
  font-size: 1rem;
  font-weight: 800;
}

.digitalphotoslist__li .btn {
  width: 50px;
  height: 50px;
  line-height: 50px;
  margin: 0 5px 20px;
  font-size: 26px;
  font-size: 2.6rem;
  padding: 0;
}

.digitalphotoslist__li .btn::after {
  display: none;
}

.digitalphotoslist__li .btn__FB {
  background: #2e4da0;
}

.digitalphotoslist__li .btn__TW {
  background: #2aa9e1;
}

body.finalshareTW {
  min-width: auto;
  position: relative;
  padding-bottom: 100px;
}

body.finalshareTW footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px;
  line-height: 60px;
  background: #000;
  text-align: center;
}

body.finalshareTW footer img {
  height: 30px;
  margin: 15px 5px;
}

.shareCNT {
  width: 100%;
  height: 100%;
  max-width: 980px;
  margin: 40px auto 0;
  padding: 0 5%;
  text-align: center;
  box-sizing: border-box;
}

.shareCNT__text {
  margin-bottom: 10px;
}

.shareCNT__text textarea {
  min-height: 50px;
  box-sizing: border-box;
  width: 100%;
  padding: 3%;
}

.shareCNT__image img {
  width: 100%;
}

.shareCNT__btn a {
  width: 80%;
  height: 50px;
  line-height: 50px;
  display: inline-block;
  background: #2aa9e1;
  color: #FFF;
  font-weight: 800;
  margin-top: 20px;
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.2);
}

.shareCNT__btn a:hover {
  transform: scale(1.02);
  opacity: 1;
  box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.3);
}

.shareCNT .counter {
  font-size: 14px;
  font-size: 1.4rem;
  text-align: right;
  font-family: "Barlow Condensed", sans-serif;
  letter-spacing: 0.05em;
  color: #666;
}

.mfp-img {
  pointer-events: none;
}

/* ==========================================================================
   campaignArea
========================================================================== */
#digitalphotosCampaignArea .accordionList,
#digitalphotosArea .accordionList,
#accessArea .accordionList,
#campaignArea .accordionList {
  background: #FFF;
}

#digitalphotosCampaignArea .accordionList .accordionIndex,
#digitalphotosArea .accordionList .accordionIndex,
#accessArea .accordionList .accordionIndex,
#campaignArea .accordionList .accordionIndex {
  border: none;
  position: relative;
  padding: 20px 0;
  font-weight: 800;
  cursor: pointer;
}

#digitalphotosCampaignArea .accordionList .accordionIndex::after,
#digitalphotosArea .accordionList .accordionIndex::after,
#accessArea .accordionList .accordionIndex::after,
#campaignArea .accordionList .accordionIndex::after {
  display: inline-block;
  font-family: "ionicons";
  content: '\f35d';
  position: absolute;
  right: 5%;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  font-size: 1.6rem;
  transition: .5s all;
}

#digitalphotosCampaignArea .accordionList .accordionIndex.active::after,
#digitalphotosArea .accordionList .accordionIndex.active::after,
#accessArea .accordionList .accordionIndex.active::after,
#campaignArea .accordionList .accordionIndex.active::after {
  transform: translateY(-50%) rotate(-180deg);
}

#digitalphotosCampaignArea .accordionList .accordionArticle,
#digitalphotosArea .accordionList .accordionArticle,
#accessArea .accordionList .accordionArticle,
#campaignArea .accordionList .accordionArticle {
  text-align: left;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 5%;
  margin-bottom: 50px;
  border-top: 2px solid #ccc;
}

#campaignArea {
  border: none;
}

#campaignArea .sec__white {
  margin: 0 auto 20px;
  padding: 0;
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);
}

#campaignArea .heading__main {
  position: relative;
  top: 7px;
}

#campaignArea .accordionIndex {
  background: #000;
  color: #FFF;
}

#campaignArea figure img {
  width: 100%;
}

#campaignArea .accordionArticle img {
  border: 1px solid #ddd;
}

#campaignArea .btnwrap {
  text-align: center;
  padding: 20px 0;
}

#campaignArea .btnwrap .btn {
  position: relative;
  margin: auto;
}

#campaignArea .aplydlwrap {
  padding: 5%;
  box-sizing: border-box;
}

#campaignArea .aplydlwrap h4 {
  text-align: center;
}

#campaignArea .aplydlwrap h4 img {
  vertical-align: middle;
  border: 1px solid #CCC;
  border-radius: 5px;
  height: 35px;
}

#campaignArea .aplydlwrap img {
  margin-bottom: 5px;
}

/* ==========================================================================
   tvprogramArea
========================================================================== */
body.finalTv #campaignArea {
  background: none;
}

.sec__tvtxt {
  background: url(/img/leaguecup/2020/final/BG_btn_brown.png) repeat top left;
  border-bottom: 1px solid #FFF;
  padding: 10px 0;
}

.sec__tvtxt p {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 800;
  color: #FFF;
  line-height: 1.3;
  text-align: justify;
  letter-spacing: -0.05em;
  padding: 3% 5%;
}

#tvprogramArea,
.tvprogramArea {
  border: none;
}

#tvprogramArea .sec__inner,
.tvprogramArea .sec__inner {
  margin: 0 5%;
  min-width: auto;
}

#tvprogramArea article,
.tvprogramArea article {
  margin: 0 auto 5%;
  padding: 0;
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);
}

#tvprogramArea .tvinfoArea figure img,
.tvprogramArea .tvinfoArea figure img {
  height: auto;
  width: 100%;
}

#tvprogramArea .tvinfoArea > div,
.tvprogramArea .tvinfoArea > div {
  padding: 5%;
  box-sizing: border-box;
  position: relative;
}

#tvprogramArea .tvinfoArea > div .heading__bgblack,
.tvprogramArea .tvinfoArea > div .heading__bgblack {
  text-align: right;
  margin-bottom: 10px;
}

#tvprogramArea .tvinfoArea > div .heading__bgblack .txt__size16,
.tvprogramArea .tvinfoArea > div .heading__bgblack .txt__size16 {
  font-size: 13px;
  font-size: 1.3rem;
  margin-bottom: 0;
}

#tvprogramArea .tvinfoArea > div table span.txt__size16,
.tvprogramArea .tvinfoArea > div table span.txt__size16 {
  display: block;
  margin: 0;
}

#tvprogramArea .tvinfoArea > div .borderwrap,
.tvprogramArea .tvinfoArea > div .borderwrap {
  text-align: left;
}

#tvprogramArea .recipeArea .accordionList .accordionIndex,
.tvprogramArea .recipeArea .accordionList .accordionIndex {
  padding: 0;
}

#tvprogramArea .recipeArea .accordionList .accordionIndex img,
.tvprogramArea .recipeArea .accordionList .accordionIndex img {
  width: 100%;
}

#tvprogramArea .recipeArea .accordionList .accordionArticle,
.tvprogramArea .recipeArea .accordionList .accordionArticle {
  text-align: left;
  padding: 5%;
}

#tvprogramArea .recipeArea .accordionList .accordionArticle figure,
.tvprogramArea .recipeArea .accordionList .accordionArticle figure {
  margin-bottom: 10px;
}

#tvprogramArea .recipeArea .accordionList .accordionArticle figure img,
.tvprogramArea .recipeArea .accordionList .accordionArticle figure img {
  width: 100%;
}

#tvprogramArea .recipeArea .accordionList .accordionArticle h4,
.tvprogramArea .recipeArea .accordionList .accordionArticle h4 {
  margin: 20px 0 10px;
}

#tvprogramArea .recipeArea .accordionList .accordionArticle .nowrapCLM,
.tvprogramArea .recipeArea .accordionList .accordionArticle .nowrapCLM {
  display: block;
}

#tvprogramArea .recipeArea .accordionList .accordionArticle .nowrapCLM dl,
.tvprogramArea .recipeArea .accordionList .accordionArticle .nowrapCLM dl {
  margin-bottom: 10px;
}

#tvprogramArea .recipeArea .accordionList .accordionArticle .nowrapCLM dl dt,
.tvprogramArea .recipeArea .accordionList .accordionArticle .nowrapCLM dl dt {
  margin-bottom: 5px;
}

table.commonTable {
  border: 1px solid #d8d8d8;
}

table.commonTable caption {
  margin-bottom: 5px;
}

table.commonTable tbody th {
  text-align: center;
}

table.commonTable tbody td {
  text-align: left;
  padding-left: 10px;
}

/* ==========================================================================
   congestionArea
========================================================================== */
#congestionArea .heading__main {
  top: -35px;
}

#congestionArea .heading__btmborder {
  font-size: 16px;
  font-size: 1.6rem;
  width: 100%;
}

#congestionArea .sec__inner__white__inner {
  width: 100%;
}

#mobakumap {
  background-position: 50% 50%;
}

#mobakumap .sec__verticalSHORT__center {
  display: block;
  width: 90%;
  margin: auto;
  background: #FFF;
  box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.1);
}

.stadiummap {
  position: relative;
  width: 100% !important;
}

.stadiummap__videoicon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.stadiummap__videoicon .popup-iframe {
  position: absolute;
  font-size: 30px;
  font-size: 3rem;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  color: #d20000;
}

.stadiummap__videoicon__point1 {
  top: 40%;
  left: 15%;
  transform: rotate(190deg);
}

.stadiummap__videoicon__point2 {
  top: 5%;
  left: 45%;
  transform: rotate(200deg);
}

.stadiummap__videoicon__point3 {
  top: 18%;
  left: 85%;
  transform: rotate(230deg);
}

.stadiummap__videoicon__point4 {
  top: 75%;
  left: 40%;
  transform: rotate(200deg);
}

.stadiummap__videoicon__point5 {
  top: 48%;
  left: 95%;
  transform: rotate(190deg);
}

/* ==========================================================================
   延期関係
========================================================================== */
#enkiArea {
  margin-top: 40px;
}

#enkiArea .sec__inner {
  border: 2px solid #000;
  padding: 5%;
  box-sizing: border-box;
}

/* ==========================================================================
   ETC
========================================================================== */
.pcDISP {
  display: none !important;
}

.mfp-bg {
  opacity: .95;
}

.snsBtnWrap {
  height: 50px;
}

.bottomArea .snsNav li a:before {
  line-height: 1;
}

#pageTopBtn {
  bottom: 130px;
}

#floatingBnr {
  display: none !important;
}

.margT0 {
  margin-top: 0px;
}

.margT10 {
  margin-top: 5px;
}

.margT20 {
  margin-top: 10px;
}

.margT30 {
  margin-top: 15px;
}

.margT40 {
  margin-top: 20px;
}

.margT50 {
  margin-top: 25px;
}

.margT60 {
  margin-top: 30px;
}

.margT70 {
  margin-top: 35px;
}

.margT80 {
  margin-top: 40px;
}

.margB0 {
  margin-bottom: 0px;
}

.margB10 {
  margin-bottom: 5px;
}

.margB20 {
  margin-bottom: 10px;
}

.margB30 {
  margin-bottom: 15px;
}

.margB40 {
  margin-bottom: 20px;
}

.margB50 {
  margin-bottom: 25px;
}

.margB60 {
  margin-bottom: 30px;
}

.margB70 {
  margin-bottom: 35px;
}

.margB80 {
  margin-bottom: 40px;
}

.paddT0 {
  padding-top: 0px;
}

.paddT10 {
  padding-top: 5px;
}

.paddT20 {
  padding-top: 10px;
}

.paddT30 {
  padding-top: 15px;
}

.paddT40 {
  padding-top: 20px;
}

.paddT50 {
  padding-top: 25px;
}

.paddT60 {
  padding-top: 30px;
}

.paddT70 {
  padding-top: 35px;
}

.paddT80 {
  padding-top: 40px;
}

.paddB0 {
  padding-bottom: 0px;
}

.paddB10 {
  padding-bottom: 5px;
}

.paddB20 {
  padding-bottom: 10px;
}

.paddB30 {
  padding-bottom: 15px;
}

.paddB40 {
  padding-bottom: 20px;
}

.paddB50 {
  padding-bottom: 25px;
}

.paddB60 {
  padding-bottom: 30px;
}

.paddB70 {
  padding-bottom: 35px;
}

.paddB80 {
  padding-bottom: 40px;
}