@charset "UTF-8";
@import url("//fonts.googleapis.com/css2?family=Stint+Ultra+Condensed&display=swap");
@import url("//code.ionicframework.com/ionicons/2.0.0/css/ionicons.min.css");
/*-----------------------------------

kurakkatsu2022.scss

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

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

body {
  font-size: 1.6rem;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: 400;
  background: #fff;
  font-size: 3vw;
  width: 100%;
  overflow: hidden;
}

#header *,
#main * {
  box-sizing: border-box;
}

img {
  vertical-align: bottom;
}

#main {
  width: 100%;
  overflow: hidden;
  padding: 55px 0px 0px 0px;
  background-color: #fcf4de;
  background-image: repeating-linear-gradient(-45deg,transparent,transparent 15px,rgba(255,255,255,.5) 15px,rgba(255,255,255,.5) 30px);
}

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

#pageTopBtn {
  z-index: 11111;
}

.pcDISP {
  display: none !important;
}

/* ==========================================================================
   header
========================================================================== */
#header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  padding: 10px;
  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(0, 0, 0, 1);
  z-index: 500;
}

#header .header__left {
  width: 100%;
  font-size: 0;
  height: 35px;
}

#header .header__left img {
  width: auto;
  height: 100%;
}

#header .header__left img:first-child {
  margin-right: 2px;
}

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

#header .header__logo img {
  width: 49.375vw;
  height: auto;
}

#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: 2000;
  margin-top: 10px;
  cursor: pointer;
	display: none;
}

.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: 10px;
}

.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);
}

#nav {
  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;
  display: none;
}

#nav .wrapper {
  padding: 0 20px;
  box-sizing: border-box;
}

.nav__logo {
  text-align: center;
  max-width: 70%;
  margin: 0 auto;
}

.nav__logo img {
  max-width: 100%;
  height: auto;
}

.nav__title {
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  padding-bottom: 10px;
  border-bottom: #fff 3px solid;
  margin-top: 20px;
  margin-bottom: 20px;
  color: #fff;
  letter-spacing: 0.25em;
}

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

.nav__item {
  width: 33%;
}

.nav__item a {
  padding: 10px 0;
  display: block;
  text-align: center;
  font-size: 1rem;
  color: #fff;
}

.nav__item a .embL {
  margin: 0 auto;
}

.nav__link {
  margin-top: 7vw;
  margin-bottom: 5vw;
  text-align: center;
}

.nav__link a {
  display: block;
  padding: 3vw;
  border: 1px solid #FFF;
  color: #FFF;
  font-weight: bold;
  font-size: 4.5vw;
}

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

/* ==========================================================================
   sec__catch
========================================================================== */
.sec__catch {
	position: relative;
	margin: auto;
}
.sec__catch::after {
  content: '';
  position: absolute;
  right: 0;
  left: -0%;
  bottom: 0;
  z-index: 10;
  display: block;
  height: 20px;
  background-position: 0 0;
  /*background: url(/img/leaguecup/2022/special/kurakkatsu/bg_vote_spike.png) repeat top center;*/
	background: url(/img/leaguecup/2022/special/kurakkatsu/bg_rank_spike.png) repeat top center;
}
.sec__catch .inner{
	width: 90%;
	margin: auto;
	padding: 50px 0px 50px 0px;
}
.sec__catch .inner .imgarea{
	display: block;
	width: 100%;
	margin: 0px auto 20px auto;
	text-align: center;
}
.sec__catch .inner .imgarea img{
	display: block;
	width: 100%;
	margin: auto;
}
/*
.sec__catch .inner h2{
	display: block;
	margin: 0px auto 30px auto;
	padding: 0px 0px 0px 0px;
	font-size:6vw;
	font-weight:700;
	line-height:1.5;
	color: #41210f;
	text-align: center;
}
*/
.sec__catch .inner h2{
	position: relative;
	display: block;
	width: 90%;
    margin: 0px auto 30px auto;
    font-size: 5vw;
    font-weight: 700;
    line-height: 2em;
    color: #fbecc5;
    text-align: center;
    padding: 0 1rem;
    background-color: #e60012;
}
.sec__catch .inner h2::before,
.sec__catch .inner h2::after {
    position: absolute;
    top: 0;
    width: 0px;
    height: 0px;
    border-color: #e60012 transparent;
    border-style: solid;
    content: '';
}
.sec__catch .inner h2::before {
    left: -3vw;
    border-width: 5vw 0px 5vw 3vw;
}
.sec__catch .inner h2::after {
    right: -3vw;
    border-width: 5vw 3vw 5vw 0px;
}
.sec__catch .inner p{
	display: block;
	margin: 0px auto;
	padding: 0px;
	font-size:3.2vw;
	font-weight:700;
	line-height:6vw;
	color: #41210f;
	text-align: center;
	position: relative;
	z-index: 10;
}
.sec__catch .inner .cookie01{
	position: absolute;
	bottom: 30px;
	right: 0px;
	width: 30vw;
}
.sec__catch .inner .cookie02{
	position: absolute;
	bottom: 30px;
	left: 0px;
	width: 30vw;
}

/* ============================================
	レシピ投票
============================================ */
.sec__vote{
	position:relative;
	width: 100%;
	margin: auto;
	background:url("/img/leaguecup/2022/special/kurakkatsu/bg_vote.png") repeat top center;
}
.sec__vote::after {
  content: '';
  position: absolute;
  right: 0;
  left: -0%;
  bottom: 0;
  z-index: 10;
  display: block;
  height: 20px;
  background-position: 0 0;
  background: url(/img/leaguecup/2022/special/kurakkatsu/bg_outline_spike.png) repeat top center;
}
.sec__vote .inner{
	width: 90%;
	margin: auto;
	padding: 50px 0px 60px 0px;
}
.sec__vote .inner h2{
    position: relative;
    display: block;
	width: 120px;
	margin: 0px auto 10px auto;
	font-size:12px;
	font-size:1.2rem;
	font-weight:700;
	text-align: center;
    height: 20px;
    line-height: 20px;
    padding: 0 1rem;
    background-color: #41210f;
    color: #fbecc5;
}
.sec__vote .inner h2::before,
.sec__vote .inner h2::after {
    position: absolute;
    top: 0;
    width: 0px;
    height: 0px;
    border-color: #41210f transparent;
    border-style: solid;
    content: '';
}
.sec__vote .inner h2::before {
    left: -5px;
    border-width: 10px 0px 10px 5px;
}
.sec__vote .inner h2::after {
    right: -5px;
    border-width: 10px 5px 10px 0px;
}
.sec__vote .inner h3{
	display: block;
	margin: 0px auto 20px auto;
	padding: 0px 0px 0px 0px;
	font-size:10vw;
	line-height:1.5;
	color: #41210f;
	text-align: center;
	font-family: 'Sacramento', cursive;
}
.sec__vote .inner .ttl{
	display: block;
    margin: 0px auto 10px auto;
    padding: 0px 0px 0px 0px;
    font-size: 6vw;
    font-weight: 700;
    line-height: 1.5;
    color: #41210f;
    text-align: center;
}
.sec__vote .inner p{
	display: block;
	margin: 0px auto 30px auto;
	padding: 0px;
	font-size:3.2vw;
	font-weight:700;
	line-height:6vw;
	color: #41210f;
	text-align: center;
}
.sec__vote .inner ul{
	width: 100%;
	margin:0px auto;
	padding:0px;
	list-style:none;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;		
}
.sec__vote .inner ul:after{
	content: ".";
	display:block;
	visibility:hidden;
	height:0px;
	font-size:0em;
	line-height:0;
	clear:both;
}
.sec__vote .inner ul li{
	display:block;
	width:50%;
	float:left;
	padding: 0px;
	margin: 0px;
}
.sec__vote .inner ul li:nth-child(odd){
	background-color: #ffffff;
}
.sec__vote .inner ul li:nth-child(even){
	background-color: #ffefc7;
}
/*-- チーム別 --*/
.sec__vote .inner ul li.cosaka{
	border-top: 10px solid #da005b;
}
.sec__vote .inner ul li.tokyo{
	border-top: 10px solid #0b318f;
}
.sec__vote .inner ul li.gosaka{
	border-top: 10px solid #00458d;
}
.sec__vote .inner ul li.urawa{
	border-top: 10px solid #e6002d;
}
.sec__vote .inner ul li.yokohamafm{
	border-top: 10px solid #014099;
}
.sec__vote .inner ul li.kyoto{
	border-top: 10px solid #750069;
}
.sec__vote .inner ul li.hiroshima{
	border-top: 10px solid #51318f;
}
.sec__vote .inner ul li.sapporo{
	border-top: 10px solid #d6000f;
}
.sec__vote .inner ul li.kashima{
	border-top: 10px solid #b7183f;
}
.sec__vote .inner ul li.shonan{
	border-top: 10px solid #6eb92b;
}
.sec__vote .inner ul li.kobe{
	border-top: 10px solid #000000;
}
.sec__vote .inner ul li.shimizu{
	border-top: 10px solid #f18900;
}
.sec__vote .inner ul li.kawasaki{
	border-top: 10px solid #33a1db;
}
.sec__vote .inner ul li.oita{
	border-top: 10px solid #073190;
}
.sec__vote .inner ul li.tosu{
	border-top: 10px solid #e95499;
}
.sec__vote .inner ul li.tokushima{
	border-top: 10px solid #073190;
}
.sec__vote .inner ul li.kashiwa{
	border-top: 10px solid #fff100;
}
.sec__vote .inner ul li.iwata{
	border-top: 10px solid #6c9bd2;
}
.sec__vote .inner ul li.fukuoka{
	border-top: 10px solid #001b5b;
}
.sec__vote .inner ul li.nagoya{
	border-top: 10px solid #d70c19;
}

.sec__vote .inner ul li figure{
	position: relative;
	display:block;
	width:100%;
	padding: 0px;
	margin: 0px auto;
}
.sec__vote .inner ul li figure::after {
  content: '';
  position: absolute;
  right: 0;
  left: 0;
  top: 30%;
  margin: auto;
  z-index: 10;
  display: block;
  height: 15vw;
  background-position: 0 0;
  background: url(/img/leaguecup/2022/special/kurakkatsu/icon_play.png) no-repeat top center;
  background-size: contain;
}
.sec__vote .inner ul li figure img{
	width:100%;
}

.sec__vote .inner ul li .team{
	display:block;
	width:100%;
	padding: 3% 5% 3% 5%;
	margin: 0px auto;
}
.sec__vote .inner ul li .team img{
	display:inline-block;
	max-width:30px;
	width: 7vw;
	padding: 0px;
	margin: 0px;
	vertical-align: middle;
}
.sec__vote .inner ul li .team p{
	display:inline-block;
	font-size:2vw;
	font-weight:700;
	line-height:14px;
	padding: 0px;
	margin: 0px;
	vertical-align: middle;
}
/*-- チーム別 --*/
.sec__vote .inner ul li.cosaka .team p{
	color: #da005b;
}
.sec__vote .inner ul li.tokyo .team p{
	color: #0b318f;
}
.sec__vote .inner ul li.gosaka .team p{
	color: #00458d;
}
.sec__vote .inner ul li.urawa .team p{
	color: #e6002d;
}
.sec__vote .inner ul li.yokohamafm .team p{
	color: #014099;
}
.sec__vote .inner ul li.kyoto .team p{
	color: #750069;
}
.sec__vote .inner ul li.hiroshima .team p{
	color: #51318f;
}
.sec__vote .inner ul li.sapporo .team p{
	color: #d6000f;
}
.sec__vote .inner ul li.kashima .team p{
	color: #b7183f;
}
.sec__vote .inner ul li.shonan .team p{
	color: #6eb92b;
}
.sec__vote .inner ul li.kobe .team p{
	color: #000000;
}
.sec__vote .inner ul li.shimizu .team p{
	color: #f18900;
}
.sec__vote .inner ul li.kawasaki .team p{
	color: #33a1db;
}
.sec__vote .inner ul li.oita .team p{
	color: #073190;
}
.sec__vote .inner ul li.tosu .team p{
	color: #e95499;
}
.sec__vote .inner ul li.tokushima .team p{
	color: #073190;
}
.sec__vote .inner ul li.kashiwa .team p{
	color: #000000;
}
.sec__vote .inner ul li.iwata .team p{
	color: #6c9bd2;
}
.sec__vote .inner ul li.fukuoka .team p{
	color: #001b5b;
}
.sec__vote .inner ul li.nagoya .team p{
	color: #d70c19;
}

.sec__vote .inner ul li h4{
	display:block;
	height: 90px;
	font-size:3.8vw;
	font-weight:700;
	line-height:4.5vw;
	padding: 0 5%;
	margin: 0px;
	color: #41210f;
}
.sec__vote .inner ul li h4 span{
	display:block;
	font-size:3vw;
	font-weight:700;
}
.sec__vote .inner ul li a{
	display:block;
	width: 80%;
	text-decoration:none;
	color:#e60012;
	text-align:center;
	font-size:14px;
	font-size:1.4rem;
	line-height:1;
	padding: 10px 0px 10px 0px;
	font-weight: 700;
	transition:all .2s ease;
	margin: 0px auto 20px auto;
	border: 2px solid #e60012;
	-webkit-border-radius:100px 100px 100px 100px;
	-moz-border-radius:100px 100px 100px 100px;
	border-radius:100px 100px 100px 100px;
}
.sec__vote .inner ul li a:hover{
	color:#ffffff;
	background-color: #e60012;
	opacity: 1;
}
.sec__vote .inner ul li a.nolink{
	color:#666666;
	border: 2px solid #666666;
	pointer-events: none;
}

/* ============================================
	投票概要
============================================ */
.sec__outline{
	position:relative;
	width: 100%;
	margin: auto;
	background:url("/img/leaguecup/2022/special/kurakkatsu/bg_outline.png") repeat top center;
}
.sec__outline::before {
  content: '';
  position: absolute;
  right: 0px;
  top: 20vw;
  z-index: 10;
  display: block;
  width: 100%;
  height: 80%;
  background-position: 0 0;
  background: url(/img/leaguecup/2022/special/kurakkatsu/bg_prime.png) no-repeat top right;
  background-size: 75%;
}
.sec__outline::after {
  content: '';
  position: absolute;
  right: 0;
  left: -0%;
  bottom: -2px;
  z-index: 10;
  display: block;
  height: 20px;
  background-position: 0 0;
  background: url(/img/leaguecup/2022/special/kurakkatsu/bg_rank_spike.png) repeat top center;
}
.sec__outline .inner{
	width: 90%;
	margin: auto;
	padding: 50px 0px 60px 0px;
	position: relative;
	z-index: 11;
}
.sec__outline .inner h2{
    position: relative;
    display: block;
	width: 120px;
	margin: 0px auto 10px auto;
	font-size:12px;
	font-size:1.2rem;
	font-weight:700;
	text-align: center;
    height: 20px;
    line-height: 20px;
    padding: 0 1rem;
    background-color: #fbecc5;
    color: #41210f;
}
.sec__outline .inner h2::before,
.sec__outline .inner h2::after {
    position: absolute;
    top: 0;
    width: 0px;
    height: 0px;
    border-color: #fbecc5 transparent;
    border-style: solid;
    content: '';
}
.sec__outline .inner h2::before {
    left: -5px;
    border-width: 10px 0px 10px 5px;
}
.sec__outline .inner h2::after {
    right: -5px;
    border-width: 10px 5px 10px 0px;
}
.sec__outline .inner h3{
	display: block;
	margin: 0px auto 20px auto;
	padding: 0px 0px 0px 0px;
	font-size:48px;
	font-size:4.8rem;
	/*font-weight:bold;*/
	line-height:1.5;
	color: #fbecc5;
	text-align: center;
	font-family: 'Sacramento', cursive;
}
.sec__outline .inner .date{
	position: relative;
	width: 100%;
	margin: 0px auto 1px auto;
	padding: 30px 0px 30px 0px;
	background: rgba(255, 255, 255, 0.8);
	
}
.sec__outline .inner .date p{
	display: block;
	margin: 0px auto 30px auto;
	padding: 0px 5%;
	font-size:3.2vw;
	font-weight:700;
	line-height:6vw;
	color: #41210f;
	text-align: center;
}
.sec__outline .inner .date p span{
	color: #e60012;
	font-weight: bold;
	margin: 0px 5px 0px 5px;
}
.sec__outline .inner .date .txt{
	display: block;
	width: 100%;
	margin: 0px auto 1px auto;
	padding: 10px 0px 10px 0px;
	font-size:3.5vw;
	font-weight:700;
	line-height:6vw;
	color: #ffffff;
	text-align: center;
	background-color: #e60012;
}
.sec__outline .inner ul{
	width: 100%;
	margin:0px auto;
	padding:0px;
	list-style:none;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;		
}
.sec__outline .inner ul:after{
	content: ".";
	display:block;
	visibility:hidden;
	height:0px;
	font-size:0em;
	line-height:0;
	clear:both;
}
.sec__outline .inner ul li{
	display:block;
	width:100%;
	background: rgba(255, 255, 255, 0.8);
	padding: 5%;
	margin: 0px auto 1px auto;
}

.sec__outline .inner ul li img.logo{
	display: block;
	width:35px;
	margin: 0px auto 10px auto;
}
.sec__outline .inner ul li h4{
	display:block;
	font-size:30px;
	font-size:3.0rem;
	line-height:1em;
	padding: 0;
	margin: 0px auto 20px auto;
	text-align: center;
	font-family: 'Sacramento', cursive;
}
.sec__outline .inner ul li.twitter h4{
	color: #38aae2;
}
.sec__outline .inner ul li.line h4{
	color: #31ad37;
}
.sec__outline .inner ul li p.txt{
	display:block;
	font-size:12px;
	font-size:1.2rem;
	font-weight:700;
	line-height:24px;
	padding: 0px;
	margin: 0px auto 20px auto;
	color: #41210f;
}
.sec__outline .inner ul li p.caution{
	display:block;
	font-size:10px;
	font-size:1.0rem;
	font-weight:700;
	line-height:18px;
	padding: 0px;
	margin: 0px auto 20px auto;
	color: #41210f;
}
.sec__outline .inner ul li a{
	display:block;
	width: 70%;
	text-decoration:none;
	text-align:center;
	font-size:14px;
	font-size:1.4rem;
	line-height:1;
	padding: 15px 0px 15px 0px;
	font-weight: 700;
	transition:all .2s ease;
	margin: 0px auto 0px auto;
}
.sec__outline .inner ul li.twitter a{
	color:#38aae2;
	border: 3px solid #38aae2;
}
.sec__outline .inner ul li.line a{
	color:#31ad37;
	border: 3px solid #31ad37;
}

.sec__outline .inner ul li a:hover{
	color:#ffffff;
	opacity: 1;
}
.sec__outline .inner ul li.twitter a:hover{
	background-color: #38aae2;
}
.sec__outline .inner ul li.line a:hover{
	background-color: #31ad37;
}

.sec__outline .inner .txtarea{
	display:block;
	padding: 0px;
	margin: 0px;
}
.sec__outline .inner .txtarea p{
	display:block;
	font-size:3.2vw;
	font-weight:700;
	line-height:6vw;
	padding: 0px;
	margin: 20px 0px 0px 0px;
	color: #fbecc5;
}
.sec__outline .inner .txtarea p.indent-1{
	text-indent: -1em;
	padding-left: 1em;
}

/* ============================================
	選手のお気に入りルヴァンは
============================================ */
.sec__rank{
	position:relative;
	width: 100%;
	margin: 0px auto 0px auto;
	background:url("/img/leaguecup/2022/special/kurakkatsu/bg_rank.png") repeat top center;
}
.sec__rank .inner{
	width: 90%;
	margin: auto;
	padding: 50px 0px 60px 0px;
}
.sec__rank .inner h2{
	position: relative;
	display: block;
	width: 90%;
    margin: 0px auto 50px auto;
    font-size: 5vw;
    font-weight: 700;
    line-height: 2em;
    color: #fbecc5;
    text-align: center;
    padding: 0 1rem;
    background-color: #e60012;
}
.sec__rank .inner h2::before,
.sec__rank .inner h2::after {
    position: absolute;
    top: 0;
    width: 0px;
    height: 0px;
    border-color: #e60012 transparent;
    border-style: solid;
    content: '';
}
.sec__rank .inner h2::before {
    left: -3vw;
    border-width: 5vw 0px 5vw 3vw;
}
.sec__rank .inner h2::after {
    right: -3vw;
    border-width: 5vw 3vw 5vw 0px;
}
.sec__rank .inner ul{
	width: 100%;
	margin:0px auto;
	padding:0px 0px 0px 0px;
	list-style:none;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;		
}
.sec__rank .inner ul:after{
	content: ".";
	display:block;
	visibility:hidden;
	height:0px;
	font-size:0em;
	line-height:0;
	clear:both;
}
.sec__rank .inner ul li{
	display:block;
	width:100%;
	padding: 0px;
	margin: 0px 0px 80px 0px;
}
.sec__rank .inner ul li:after{
	content: ".";
	display:block;
	visibility:hidden;
	height:0px;
	font-size:0em;
	line-height:0;
	clear:both;
}
.sec__rank .inner ul li figure{
	position: relative;
	display:block;
	width:80%;
	padding: 0px;
	margin: 0px auto;
}
.sec__rank .inner ul li figure img.package{
	width:100%;
}
.sec__rank .inner ul li figure img.ranking_no{
	position: absolute;
	top: -10%;
	left:-10%;
	width: 30vw
}
.sec__rank .inner ul li figure img.cracker{
	position: absolute;
	bottom: -10%;
	right: -10%;
	width: 30vw;
}
.sec__rank .inner ul li .txtarea{
	display:block;
	width:100%;
	padding: 0px;
	margin: 10% auto 0px auto;
}
.sec__rank .inner ul li .txtarea h3{
	display:block;
	font-size:30px;
	font-size:3.0rem;
	font-weight:700;
	line-height:2em;
	padding: 0;
	margin: 0px 0px 10px 0px;
	color: #41210f;
}
.sec__rank .inner ul li .txtarea p{
	display:block;
	font-size:14px;
	font-size:1.4rem;
	font-weight:700;
	line-height:28px;
	padding: 0px;
	margin: 0px 0px 20px 0px;
	color: #41210f;
}
.sec__rank .inner ul li .txtarea .number{
	display:block;
	font-size:36px;
	font-size:3.6rem;
	font-weight:700;
	line-height:1em;
	padding: 0;
	margin: 0px 0px 20px 0px;
	color: #41210f;
}
.sec__rank .inner ul li .txtarea .picarea{
	display:block;
	width: 100%;
	padding: 0;
	margin: 0;
}
.sec__rank .inner ul li .txtarea .picarea:after{
	content: ".";
	display:block;
	visibility:hidden;
	height:0px;
	font-size:0em;
	line-height:0;
	clear:both;
}
.sec__rank .inner ul li .txtarea .picarea .pic{
	position: relative;
	display:block;
	width: 17vw;
	height: 17vw;
	padding: 0;
	margin: 0px 1vw 1vw 0px;
	float: left;
	overflow: hidden;
	background-color: #cccccc;
}
.sec__rank .inner ul li .txtarea .picarea .pic:nth-child(5n){
	margin: 0px 0px 1vw 0px;
}
.sec__rank .inner ul li .txtarea .picarea .pic img{
	position: absolute;
	left: -16%;
	display:block;
	height: 17vw;
	padding: 0;
	margin: auto;
}

/* ============================================
	投票結果
============================================ */
.sec__result{
	position:relative;
	width: 100%;
	margin: 0px auto 0px auto;
	background:url("/img/leaguecup/2022/special/kurakkatsu/bg_rank.png") repeat top center;
}
.sec__result::after {
  content: '';
  position: absolute;
  right: 0;
  left: -0%;
  bottom: 0;
  z-index: 10;
  display: block;
  height: 20px;
  background-position: 0 0;
  /*background: url(/img/leaguecup/2022/special/kurakkatsu/bg_vote_spike.png) repeat top center;*/
  background: url(/img/leaguecup/2022/special/kurakkatsu/bg_outline_spike.png) repeat top center;
}
.sec__result .inner{
	width: 90%;
	margin: auto;
	padding: 50px 0px 60px 0px;
}
.sec__result .inner h2{
	position: relative;
	display: block;
	width: 90%;
    margin: 0px auto 30px auto;
    font-size: 5vw;
    font-weight: 700;
    line-height: 2em;
    color: #fbecc5;
    text-align: center;
    padding: 0 1rem;
    background-color: #e60012;
}
.sec__result .inner h2::before,
.sec__result .inner h2::after {
    position: absolute;
    top: 0;
    width: 0px;
    height: 0px;
    border-color: #e60012 transparent;
    border-style: solid;
    content: '';
}
.sec__result .inner h2::before {
    left: -3vw;
    border-width: 5vw 0px 5vw 3vw;
}
.sec__result .inner h2::after {
    right: -3vw;
    border-width: 5vw 3vw 5vw 0px;
}
.sec__result .inner p{
	display: block;
	margin: 0px auto 30px auto;
	padding: 0px;
	font-size:3.2vw;
	font-weight:700;
	line-height:6vw;
	color: #41210f;
	text-align: center;
	position: relative;
	z-index: 10;
}
.sec__result .inner p.mgn01{
	margin: -10px auto 50px auto !important;
}
.sec__result .inner .contents{
	position: relative;
	width: 100%;
	margin: 0px auto 50px auto;
	padding:0px 0px 0px 0px;
	display:block;
	background-color: #ffffff;
	-webkit-border-radius:10px 10px 10px 10px;
	-moz-border-radius:10px 10px 10px 10px;
	border-radius:10px 10px 10px 10px;
}
.sec__result .inner .contents:after{
	content: ".";
	display:block;
	visibility:hidden;
	height:0px;
	font-size:0em;
	line-height:0;
	clear:both;
}
.sec__result .inner .tosu{
	border: 5px solid #e95499;
}
.sec__result .inner .hiroshima{
	border: 5px solid #51318f;
}
.sec__result .inner .yokohama{
	border: 5px solid #014099;
}

.sec__result .inner .contents .rank{
	position: absolute;
	top: -5%;
	left: -5%;
	width: 25vw;
}
.sec__result .inner .contents .txtarea{
	display:block;
	width:100%;
	padding: 5vw 0px 5vw 0px;
	margin: 0px;
	float: none;
}
.sec__result .inner .contents .txtarea img{
	display:block;
	width: 100px;
	padding: 0;
	margin: 0px auto 5px auto;
}
.sec__result .inner .contents .txtarea h3{
	display:block;
	font-size:30px;
	font-size:3.0rem;
	font-weight:700;
	line-height:1em;
	padding: 0;
	color: #41210f;
	text-align: center;
	margin: 0px 0px 30px 0px;
}
.sec__result .inner .contents .txtarea p.team{
	display:block;
	font-size:20px;
	font-size:2rem;
	font-weight:700;
	line-height:1em;
	padding: 0px;
	margin: 0px 0px 20px 0px;
	text-align: center;
}
.sec__result .inner .contents .txtarea p.cracker_name{
	display:block;
	font-size:14px;
	font-size:1.4rem;
	font-weight:700;
	line-height:1em;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	color: #41210f;
	text-align: center;
}

.sec__result .inner .tosu .txtarea p.team{
	color: #e95499;
}
.sec__result .inner .hiroshima .txtarea p.team{
	color: #51318f;
}
.sec__result .inner .yokohama .txtarea p.team{
	color: #014099;
}
.sec__result .inner .contents .txtarea a{
	display:block;
	width: 60%;
	text-decoration:none;
	color:#e60012;
	text-align:center;
	font-size:3vw;
	line-height:1;
	padding: 3vw 0px 3vw 0px;
	font-weight: 700;
	transition:all .2s ease;
	margin: 0px auto 0px auto;
	border: 2px solid #e60012;
	-webkit-border-radius:100px 100px 100px 100px;
	-moz-border-radius:100px 100px 100px 100px;
	border-radius:100px 100px 100px 100px;
}
.sec__result .inner .contents .txtarea a:hover{
	color:#ffffff;
	background-color: #e60012;
	opacity: 1;
}
.sec__result .inner .contents .picarea{
	position: relative;
	display:block;
	width:100%;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	float: none;
}
.sec__result .inner .contents .picarea img{
	width:100%;
}
.sec__result .inner .contents .picarea::after {
  content: '';
  position: absolute;
  right: 0;
  left: 0;
  top: 40%;
  margin: auto;
  z-index: 10;
  display: block;
  height: 80px;
  background-position: 0 0;
  background: url(/img/leaguecup/2022/special/kurakkatsu/icon_play.png) no-repeat top center;
}

/* ==========================================================================
   なかよしルヴァン
========================================================================== */
.sec__spec {
	position: relative;
	margin: auto;
	background:url("/img/leaguecup/2022/special/kurakkatsu/bg_outline.png") repeat top center;
}
.sec__spec::after {
  content: '';
  position: absolute;
  right: 0;
  left: -0%;
  bottom: 0;
  z-index: 10;
  display: block;
  height: 20px;
  background-position: 0 0;
  background: url(/img/leaguecup/2022/special/kurakkatsu/bg_vote_spike.png) repeat top center;
/*background: url(/img/leaguecup/2022/special/kurakkatsu/bg_rank_spike.png) repeat top center;*/
}
.sec__spec .inner{
	width: 90%;
	margin: auto;
	padding: 50px 0px 50px 0px;
}
.sec__spec .inner .imgarea{
	display: block;
	width: 100%;
	margin: 0px auto 20px auto;
	text-align: center;
}
.sec__spec .inner .imgarea img{
	display: block;
	width: 100%;
	margin: auto;
}
.sec__spec .inner h2{
	position: relative;
	display: block;
	width: 90%;
    margin: 0px auto 30px auto;
    font-size: 4.5vw;
    font-weight: 700;
    line-height: 2em;
    color: #fbecc5;
    text-align: center;
    padding: 0 1rem;
    background-color: #e60012;
}
.sec__spec .inner h2::before,
.sec__spec .inner h2::after {
    position: absolute;
    top: 0;
    width: 0px;
    height: 0px;
    border-color: #e60012 transparent;
    border-style: solid;
    content: '';
}
.sec__spec .inner h2::before {
    left: -3vw;
    border-width: 4.5vw 0px 4.5vw 3vw;
}
.sec__spec .inner h2::after {
    right: -3vw;
    border-width: 4.5vw 3vw 4.5vw 0px;
}
.sec__spec .inner p{
	display: block;
	margin: 0px auto;
	padding: 0px;
	font-size:3.2vw;
	font-weight:700;
	line-height:6vw;
	color: #41210f;
	text-align: center;
	position: relative;
	z-index: 10;
}
.sec__spec .inner .cookie01{
	position: absolute;
	bottom: 30px;
	right: 0px;
	width: 30vw;
	display: none;
}
.sec__spec .inner .cookie02{
	position: absolute;
	bottom: 30px;
	left: 0px;
	width: 30vw;
	display: none;
}

.sec__spec .inner .contents{
	position: relative;
	width: 100%;
	margin: 0px auto 50px auto;
	padding:0px 0px 0px 0px;
	display:block;
	background-color: #ffffff;
	-webkit-border-radius:10px 10px 10px 10px;
	-moz-border-radius:10px 10px 10px 10px;
	border-radius:10px 10px 10px 10px;
}
.sec__spec .inner .contents:after{
	content: ".";
	display:block;
	visibility:hidden;
	height:0px;
	font-size:0em;
	line-height:0;
	clear:both;
}
.sec__spec .inner .nakayoshi{
	border: 5px solid #e60012;
}
.sec__spec .inner .contents .rank{
	position: absolute;
	top: -5%;
	left: -5%;
	width: 25vw;
}
.sec__spec .inner .contents .txtarea{
	display:block;
	width:100%;
	padding: 5vw 0px 5vw 0px;
	margin: 0px;
	float: none;
}
.sec__spec .inner .contents .txtarea img{
	display:block;
	width: 100px;
	padding: 0;
	margin: 0px auto 5px auto;
}
.sec__spec .inner .contents .txtarea h3{
	display:block;
	font-size:30px;
	font-size:3.0rem;
	font-weight:700;
	line-height:1em;
	padding: 0;
	color: #41210f;
	text-align: center;
	margin: 0px 0px 30px 0px;
}
.sec__spec .inner .contents .txtarea p.team{
	display:block;
	font-size:20px;
	font-size:2rem;
	font-weight:700;
	line-height:1.5em;
	padding: 0px;
	margin: 20px 0px 20px 0px;
	text-align: center;
}
.sec__spec .inner .contents .txtarea p.cracker_name{
	display:block;
	font-size:14px;
	font-size:1.4rem;
	font-weight:700;
	line-height:1em;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	color: #41210f;
	text-align: center;
}
.sec__spec .inner .nakayoshi .txtarea p.team{
	color: #e60012;
}
.sec__spec .inner .contents .txtarea a{
	display:block;
	width: 60%;
	text-decoration:none;
	color:#e60012;
	text-align:center;
	font-size:3vw;
	line-height:1;
	padding: 3vw 0px 3vw 0px;
	font-weight: 700;
	transition:all .2s ease;
	margin: 0px auto 0px auto;
	border: 2px solid #e60012;
	-webkit-border-radius:100px 100px 100px 100px;
	-moz-border-radius:100px 100px 100px 100px;
	border-radius:100px 100px 100px 100px;
}
.sec__spec .inner .contents .txtarea a:hover{
	color:#ffffff;
	background-color: #e60012;
	opacity: 1;
}
.sec__spec .inner .contents .picarea{
	position: relative;
	display:block;
	width:100%;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	float: none;
}
.sec__spec .inner .contents .picarea img{
	width:100%;
}
.sec__spec .inner .contents .picarea::after {
  content: '';
  position: absolute;
  right: 0;
  left: 0;
  top: 40%;
  margin: auto;
  z-index: 10;
  display: block;
  height: 80px;
  background-position: 0 0;
  background: url(/img/leaguecup/2022/special/kurakkatsu/icon_play.png) no-repeat top center;
}