@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Prata&display=swap");
@import url("//code.ionicframework.com/ionicons/2.0.0/css/ionicons.min.css");
/*-----------------------------------

leaguecup_final.scss

------------------------------------*/
a {
  color: #e60012;
  text-decoration: none;
  transition: 0.3s ease-in-out;
}

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

html, body {
  height: 100%;
  width: 100%;
}

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

body {
  min-width: 980px;
  background: #FFF;
  font-size: 1.6rem;
  font-family: "Prata", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: 500;
  color: #000;
  line-height: 1.75;
  -moz-text-size-adjust: none;
  -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 *,
#main * {
  box-sizing: border-box;
}

#main {
  width: 100%;
  overflow: hidden;
  padding: 79px 0px 0px 0px;
  background-color: #FF9E00;
  background-image: radial-gradient(circle, rgba(255, 255, 255, 0.5019607843) 5px, transparent 5px), radial-gradient(circle, rgba(255, 255, 255, 0.5019607843) 5px, transparent 5px), radial-gradient(circle, rgba(255, 255, 255, 0.5019607843) 5px, transparent 5px), radial-gradient(circle, rgba(255, 255, 255, 0.5019607843) 5px, transparent 5px);
  background-position: 0 0, 30px 0, 15px 30px, 45px 30px;
  background-size: 60px 60px;
}

img {
  vertical-align: bottom;
}

#pagetop {
  width: 100%;
}

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

.fade-here,
.fade-scale,
.fade-up,
.fade-down,
.fade-from-left,
.fade-from-right {
  transition: 0.5s all;
}

footer {
  z-index: 11;
  position: relative;
}

.spDISP {
  display: none !important;
}

/*-- チーム別 --*/
.sec__vote ul li.cosaka {
  border-top: 10px solid #da005b;
}

.sec__vote ul li.tokyo {
  border-top: 10px solid #0b318f;
}

.sec__vote ul li.gosaka {
  border-top: 10px solid #00458d;
}

.sec__vote ul li.urawa {
  border-top: 10px solid #e6002d;
}

.sec__vote ul li.yokohamafm {
  border-top: 10px solid #014099;
}

.sec__vote ul li.yokohamafc {
  border-top: 10px solid #003586;
}

.sec__vote ul li.kyoto {
  border-top: 10px solid #750069;
}

.sec__vote ul li.hiroshima {
  border-top: 10px solid #51318f;
}

.sec__vote ul li.sapporo {
  border-top: 10px solid #d6000f;
}

.sec__vote ul li.kashima {
  border-top: 10px solid #b7183f;
}

.sec__vote ul li.shonan {
  border-top: 10px solid #6eb92b;
}

.sec__vote ul li.niigata {
  border-top: 10px solid #ea5404;
}

.sec__vote ul li.kobe {
  border-top: 10px solid #000000;
}

.sec__vote ul li.shimizu {
  border-top: 10px solid #f18900;
}

.sec__vote ul li.kawasaki {
  border-top: 10px solid #33a1db;
}

.sec__vote ul li.oita {
  border-top: 10px solid #073190;
}

.sec__vote ul li.tosu {
  border-top: 10px solid #e95499;
}

.sec__vote ul li.tokushima {
  border-top: 10px solid #073190;
}

.sec__vote ul li.kashiwa {
  border-top: 10px solid #fff100;
}

.sec__vote ul li.iwata {
  border-top: 10px solid #6c9bd2;
}

.sec__vote ul li.fukuoka {
  border-top: 10px solid #001b5b;
}

.sec__vote ul li.nagoya {
  border-top: 10px solid #d70c19;
}

.sec__vote ul li.sendai {
  border-top: 10px solid #FCC800;
}

.sec__vote ul li.yamagata {
  border-top: 10px solid #1A1A7C;
}

.sec__vote ul li.fukushima {
  border-top: 10px solid #E60012;
}

.sec__vote ul li.iwaki {
  border-top: 10px solid #C01830;
}

.sec__vote ul li.tochigi {
  border-top: 10px solid #005BAC;
}

.sec__vote ul li.kusatsu {
  border-top: 10px solid #002C5B;
}

.sec__vote ul li.chiba {
  border-top: 10px solid #009360;
}

.sec__vote ul li.tokyov {
  border-top: 10px solid #006D30;
}

.sec__vote ul li.machida {
  border-top: 10px solid #00226D;
}

.sec__vote ul li.kawasakif {
  border-top: 10px solid #38A1DB;
}

.sec__vote ul li.ysyokohama {
  border-top: 10px solid #005BAC;
}

.sec__vote ul li.toyama {
  border-top: 10px solid #003894;
}

.sec__vote ul li.gifu {
  border-top: 10px solid #00633D;
}

.sec__vote ul li.fosaka {
  border-top: 10px solid #7FCAF1;
}

.sec__vote ul li.nara {
  border-top: 10px solid #011D64;
}

.sec__vote ul li.tottori {
  border-top: 10px solid #6EBA3D;
}

.sec__vote ul li.kumamoto {
  border-top: 10px solid #B62013;
}

.sec__vote ul li.miyazaki {
  border-top: 10px solid #E62E8B;
}

.sec__vote ul li.hachinohe {
  border-top: 10px solid #00A63C;
}

.sec__vote ul li.morioka {
  border-top: 10px solid #000;
}

.sec__vote ul li.akita {
  border-top: 10px solid #005BAC;
}

.sec__vote ul li.omiya {
  border-top: 10px solid #ED6C00;
}

.sec__vote ul li.matsumoto {
  border-top: 10px solid #008136;
}

.sec__vote ul li.nagano {
  border-top: 10px solid #EB6100;
}

.sec__vote ul li.kanazawa {
  border-top: 10px solid #D80C1E;
}

.sec__vote ul li.numazu {
  border-top: 10px solid #00A0E9;
}

.sec__vote ul li.okayama {
  border-top: 10px solid #B6003D;
}

.sec__vote ul li.yamaguchi {
  border-top: 10px solid #ED6F1F;
}

.sec__vote ul li.sanuki {
  border-top: 10px solid #65AADD;
}

.sec__vote ul li.ehime {
  border-top: 10px solid #F39800;
}

.sec__vote ul li.imabari {
  border-top: 10px solid #171C61;
}

.sec__vote ul li.kitakyushu {
  border-top: 10px solid #FFF100;
}

.sec__vote ul li.nagasaki {
  border-top: 10px solid #005BAC;
}

.sec__vote ul li.kagoshima {
  border-top: 10px solid #182F60;
}

.sec__vote ul li.ryukyu {
  border-top: 10px solid #CA0915;
}

.sec__vote ul li.fujieda {
  border-top: 10px solid #89357C;
}

.sec__vote ul li.sagamihara {
  border-top: 10px solid #228E41;
}

.sec__vote ul li.kofu {
  border-top: 10px solid #005BAC;
}

.sec__vote ul li.ftokyo {
  border-top: 10px solid #11216C;
}

/*-- チーム名 --*/
.teamname_cosaka {
  color: #da005b;
}

.teamname_tokyo {
  color: #0b318f;
}

.teamname_gosaka {
  color: #00458d;
}

.teamname_urawa {
  color: #e6002d;
}

.teamname_yokohamafm {
  color: #014099;
}

.teamname_yokohamafc {
  color: #003586;
}

.teamname_kyoto {
  color: #750069;
}

.teamname_hiroshima {
  color: #51318f;
}

.teamname_sapporo {
  color: #d6000f;
}

.teamname_kashima {
  color: #b7183f;
}

.teamname_shonan {
  color: #6eb92b;
}

.teamname_niigata {
  color: #ea5404;
}

.teamname_kobe {
  color: #000000;
}

.teamname_shimizu {
  color: #f18900;
}

.teamname_kawasaki {
  color: #33a1db;
}

.teamname_oita {
  color: #073190;
}

.teamname_tosu {
  color: #e95499;
}

.teamname_tokushima {
  color: #073190;
}

.teamname_kashiwa {
  color: #f2c600;
}

.teamname_iwata {
  color: #6c9bd2;
}

.teamname_fukuoka {
  color: #001b5b;
}

.teamname_nagoya {
  color: #d70c19;
}

.teamname_sendai {
  color: #FCC800;
}

.teamname_yamagata {
  color: #1A1A7C;
}

.teamname_fukushima {
  color: #E60012;
}

.teamname_iwaki {
  color: #C01830;
}

.teamname_tochigi {
  color: #005BAC;
}

.teamname_kusatsu {
  color: #002C5B;
}

.teamname_chiba {
  color: #009360;
}

.teamname_tokyov {
  color: #006D30;
}

.teamname_machida {
  color: #00226D;
}

.teamname_kawasakif {
  color: #38A1DB;
}

.teamname_ysyokohama {
  color: #005BAC;
}

.teamname_toyama {
  color: #003894;
}

.teamname_gifu {
  color: #00633D;
}

.teamname_fosaka {
  color: #7FCAF1;
}

.teamname_nara {
  color: #011D64;
}

.teamname_tottori {
  color: #6EBA3D;
}

.teamname_kumamoto {
  color: #B62013;
}

.teamname_miyazaki {
  color: #E62E8B;
}

.teamname_hachinohe {
  color: #00A63C;
}

.teamname_morioka {
  color: #000;
}

.teamname_akita {
  color: #005BAC;
}

.teamname_omiya {
  color: #ED6C00;
}

.teamname_matsumoto {
  color: #008136;
}

.teamname_nagano {
  color: #EB6100;
}

.teamname_kanazawa {
  color: #D80C1E;
}

.teamname_numazu {
  color: #00A0E9;
}

.teamname_okayama {
  color: #B6003D;
}

.teamname_yamaguchi {
  color: #ED6F1F;
}

.teamname_sanuki {
  color: #65AADD;
}

.teamname_ehime {
  color: #F39800;
}

.teamname_imabari {
  color: #171C61;
}

.teamname_kitakyushu {
  color: #FFF100;
}

.teamname_nagasaki {
  color: #005BAC;
}

.teamname_kagoshima {
  color: #182F60;
}

.teamname_ryukyu {
  color: #CA0915;
}

.teamname_fujieda {
  color: #89357C;
}

.teamname_sagamihara {
  color: #228E41;
}

.teamname_kofu {
  color: #005BAC;
}

.teamname_ftokyo {
  color: #11216C;
}

/* ==========================================================================
   header
========================================================================== */
#header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  padding: 19px 0 20px;
  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: rgb(0, 0, 0);
  z-index: 9999999;
  min-width: 980px;
  height: 40px;
}

#header a:hover {
  opacity: 0.7;
}

#header .header__left {
  position: absolute;
  top: 20px;
  left: 20px;
}

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

#header .header__logo {
  width: 100%;
  text-align: center;
  display: none;
}

#header .header__right {
  position: absolute;
  top: 20px;
  right: 70px;
}

.movie_link {
  display: block;
  width: 80%;
  text-decoration: none;
  color: #e60012;
  text-align: center;
  font-size: 1.4rem;
  line-height: 1;
  padding: 15px 0px 15px 0px;
  font-weight: 700;
  transition: all 0.2s ease;
  margin: 0px auto 20px auto;
  border: 2px solid #e60012;
  border-radius: 100px;
}
.movie_link:hover {
  color: #ffffff;
  background-color: #e60012;
  opacity: 1;
}

.no_link {
  display: block;
  width: 80%;
  text-decoration: none;
  color: #b1b1b1;
  text-align: center;
  font-size: 1.4rem;
  line-height: 1;
  padding: 15px 0px 15px 0px;
  font-weight: 700;
  transition: all 0.2s ease;
  margin: 0px auto 20px auto;
  border-radius: 100px;
  background-color: #dedede;
}

/* ==========================================================================
   kvArea
========================================================================== */
.kvArea {
  position: relative;
  width: 100%;
  overflow: hidden;
  text-align: center;
  background-size: 75% auto;
}
.kvArea__img {
  width: 100%;
  text-align: center;
}
.kvArea__img img {
  width: 100%;
}

.title_ribbon {
  position: relative;
  display: block;
  width: 600px;
  margin: auto;
  font-size: 3rem;
  font-weight: 700;
  line-height: 2em;
  color: #fbecc5;
  text-align: center;
  padding: 0 1rem;
  background-color: #e60012;
  z-index: 999;
}
.title_ribbon::before, .title_ribbon::after {
  position: absolute;
  top: 0;
  width: 0px;
  height: 0px;
  border-color: #e60012 transparent;
  border-style: solid;
  content: "";
}
.title_ribbon::before {
  left: -15px;
  border-width: 30px 0px 30px 15px;
}
.title_ribbon::after {
  right: -15px;
  border-width: 30px 15px 30px 0px;
}

.readbox {
  position: relative;
}
.readbox .leadtext {
  background-color: #fff;
  border: 6px solid #FFD100;
  border-radius: 20px;
  text-align: center;
  color: #41210F;
  font-weight: bold;
  position: absolute;
  top: 30px;
  display: block;
  width: 80%;
  right: 0;
  left: 0;
  margin: auto;
  padding: 70px 0;
  font-size: 1.8rem;
}

.cookie01 {
  position: absolute;
  top: 30px;
  right: 30px;
}

.cookie02 {
  position: absolute;
  top: 60px;
  left: 30px;
}

/* ==========================================================================
   sec__catch
========================================================================== */
.sec__catch {
  padding: 50px 0;
}
.sec__catch .readbox {
  height: 300px;
}

/* ==========================================================================
   sec__spec
========================================================================== */
.sec__spec {
  background-color: #FFEFC7;
  padding: 50px 0;
}
.sec__spec .special_movie {
  display: flex;
  width: 80%;
  margin: auto;
}
.sec__spec .special_movie .contents {
  margin: auto;
  background-color: #ffffff;
  border-radius: 36px;
}
.sec__spec .count {
  text-align: center;
}
.sec__spec .count .timer {
  line-height: 4.5rem;
  margin: 30px auto;
  font-size: 2.8rem;
  color: #41210F;
  font-weight: bold;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
.sec__spec .count .timer span {
  font-weight: bold;
  font-size: 4rem;
}
.sec__spec .count_nagoya {
  border: 6px solid #d70c19;
}
.sec__spec .count_niigata {
  border: 6px solid #ea5404;
}
.sec__spec .count_image img {
  width: 100%;
  border-radius: 30px 30px 0 0;
}
.sec__spec .count_image::after {
  content: "";
  position: absolute;
  right: 0;
  margin: auto;
  z-index: 10;
  background-position: 0 0;
  background: url(/img/leaguecup/2024/special/kurakkatsu/icon_play.png) no-repeat top center;
  top: 220px;
  left: 0;
  display: block;
  width: 20%;
  height: 100px;
  background-size: contain;
  background-repeat: no-repeat;
}

.color_nagoya {
  color: #d70c19;
}

.color_niigata {
  color: #ea5404;
}

/* ==========================================================================
   sec__vote
========================================================================== */
.sec__vote {
  padding: 50px 0;
}
.sec__vote .readbox {
  height: 330px;
}
.sec__vote .club_list ul {
  display: flex;
  flex-wrap: wrap;
}
.sec__vote .club_list ul li {
  width: 25%;
}
.sec__vote .club_list ul li img {
  width: 100%;
}
.sec__vote .club_list ul li:nth-child(odd) {
  background-color: #ffffff;
}
.sec__vote .club_list ul li:nth-child(even) {
  background-color: #ffefc7;
}
.sec__vote .club_list ul li .team {
  display: block;
  width: 100%;
  padding: 3% 5% 3% 5%;
  margin: 0px auto;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
.sec__vote .club_list ul li .team img {
  display: inline-block;
  width: 30px;
  padding: 0px;
  margin: 0px;
  vertical-align: middle;
}
.sec__vote .club_list ul li .team p {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 14px;
  padding: 0px;
  margin: 0px;
}
.sec__vote .club_list ul li h4 {
  display: block;
  height: 70px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 20px;
  padding: 0 5%;
  margin: 0px;
  color: #41210f;
}
.sec__vote .club_list ul li h4 span {
  display: block;
  font-size: 1.2rem;
  font-weight: 700;
}
.sec__vote .club_list_image img {
  width: 100%;
}
.sec__vote .club_list_image::after {
  content: "";
  position: absolute;
  right: 0;
  margin: auto;
  z-index: 10;
  background-position: 0 0;
  background: url(/img/leaguecup/2024/special/kurakkatsu/icon_play.png) no-repeat top center;
  top: 150px;
  left: 0;
  display: block;
  width: 20%;
  height: 50px;
  background-size: contain;
  background-repeat: no-repeat;
}

/* ==========================================================================
   contents
========================================================================== */
.contents {
  position: relative;
  padding: 0;
  display: block;
  width: 47%;
}
.contents .team {
  display: block;
  width: 100%;
  padding: 3% 5% 3% 5%;
  margin: 0px auto;
}
.contents .team img {
  display: inline-block;
  width: 30px;
  padding: 0px;
  margin: 0px;
  vertical-align: middle;
}
.contents .team .teamname {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 14px;
  padding: 0px;
  margin: 0px;
  vertical-align: middle;
}
.contents h4 {
  display: block;
  height: 60px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 20px;
  padding: 0 5%;
  margin: 0px;
  color: #41210f;
}
.contents h4 span {
  display: block;
  font-size: 1.2rem;
  font-weight: 700;
}