@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Agency+FB:400,500,600,700');
@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900italic,900);

/************************************
*	ページリセット
************************************/
* {padding: 0; margin: 0;}

/************************************
*	body設定
************************************/
body {
	margin: 76px auto 0;
	font-size:16px;
	line-height:28px;
	background-color:#111;
	color:#fff;
	
	font-family: 
		Meiryo,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    "BIZ UDPGothic",
    "Helvetica Neue",
    sans-serif;
}
@media screen and (max-width:1200px){body {margin: 0 auto;}}
@media screen and (max-width:480px){body {margin: 0 auto;}}

/************************************
*	PC/スマートフォンのみ改行
************************************/
.pc_br{display: none;}
@media screen and (min-width:481px){.pc_br{display:block;}}

.tb_br{display: none;}
@media screen and (max-width: 980px) {.tb_br{display:block;}}

.sp_br{display: none;}
@media screen and (max-width:480px){.sp_br{display:block;}}


/************************************
*	hタグ
************************************/
h1{
	text-indent:-9999px;
	font-size:1px;
	line-height:1px;
	height:0;
}

/************************************
*	ヘッダー
************************************/
header {
	top: 0; left: 0;
	z-index:10000;
	text-align: center;
	overflow: hidden;
}
#header_logo {width:180px; margin:10px 15px; position: absolute}
@media only screen and (max-width: 959px){#header_logo {display:  none;}}
#header_logo_image {width:50%; vertical-align: bottom;}
@media only screen and (max-width: 959px){#header_logo {margin:6px 15px;}}
.mobile_logo{display: none;}
@media only screen and (max-width: 959px){.mobile_logo{display:block;}}
.header_mobile_logo_image{height:44px; vertical-align: bottom;}

/************************************
*	メニュー
************************************/
.menu_container {width: 100%; margin: 0 auto; background: #000;top: 0; left: 0; position: fixed; z-index: 9999; height:76px;}
@media only screen and (max-width: 959px){.menu_container {width: 100%; margin: 0 auto; background: #000;top: 0; left: 0; position:static; z-index: 9999; height:auto;}}
.menu {margin-left:180px;}
@media only screen and (max-width: 1200px){
.menu {margin-left:50px;}
}


.ad_container {width: 100%; margin: 0 auto; background:rgba(0,0,0,0.8); bottom: 0; left: 0; position: fixed; z-index: 99; padding:15px 0 10px 0; text-align: center;}
.ad_container-sp {display: none;}
@media only screen and (max-width: 959px){
.ad_container {display: none;}
.ad_container-sp {display: block; width: 100%; margin: 0 auto; background:rgba(0,0,0,0.8);; bottom: 0; left: 0; position: fixed; z-index: 99; padding:15px 0 0 0; text-align: center;}
}
.batsu{
    display: block;
    width: 24px;/*枠の大きさ*/
    height: 24px;/*枠の大きさ*/
    background: #CCC; position:absolute; right: 20px;z-index:900;
}

.batsu::before, .batsu::after{
    content: ""; display: block;
    width: 66%;/*バツ線の長さ*/
    height: 2px;/*バツ線の太さ*/
    background: #000; transform: rotate(45deg); transform-origin:0% 100%; position: absolute; top: calc(14% + 2px); left: 20%;
}

.batsu::after{transform: rotate(-45deg); transform-origin:66% 100%; left: auto; top:40%; right: 20%;}
input[type="checkbox"]{display:none;}
label[for="ad-menu"]{display:block;}label[for="ad-menu-sp"]{display:block;}
#ad-menu:checked + .ad_container{display:none;}
#ad-menu-sp:checked + .ad_container-sp{display:none;}


.drbtn{display: none;}

.menu_mobile {display: none; padding: 0px 20px 0;}
.menu_mobile:after {font-size: 2.5rem; padding: 0; float: right; position: relative; top: 20%; -webkit-transform: translateY(-25%); -ms-transform: translateY(-25%);transform: translateY(-25%);}

.menu_dropdown_icon:before {content: "▼"; display: none; cursor: pointer; float: right; padding: 1.5em 1em; background: #f8b62b; color: #333;}

.menu > ul { margin: 0 auto; width: 100%; list-style: none; padding: 0; position: relative;
/* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
box-sizing: border-box;}

.menu > ul:before,
.menu > ul:after { content: ""; display: table;}

.menu > ul:after {clear: both;}
.menu > ul > li {float: left; background: #000; padding: 0; margin: 0;}
.menu > ul > li a {text-decoration: none;}
.menu > ul > li > a {/*font-size: 1.1em;*/ padding: 1.5em 4.7em; display: block;}
.menu > ul > li:hover {background: #f8b62b;}
.menu > ul > li.mobile_logo:hover {background: #000;}
.menu > ul > li a:hover {color:#000;}

.menu > ul > li > ul {display: none; width: calc( 100% + 180px ); background: #f0f0f0; padding: 10px 20px; position: absolute; z-index: 99; left: -180px; margin: 0; list-style: none; box-sizing: border-box;}

.menu > ul > li > ul:before,
.menu > ul > li > ul:after {content: ""; display: table;}
.menu > ul > li > ul:after {clear: both;}

.menu > ul > li > ul > li {margin: 0; padding-bottom: 0; list-style: none; width: 20%; background: none; float: left;}
.menu > ul > li > ul > li:nth-of-type(n+6) {margin-top: 20px;}


.menu > ul > li > ul > li > a {padding: 5px 0; width: 95%; display: block; font-weight: bold; font-size: 1.2em; border-radius: 5px; text-align: center;}
.menu > ul > li > ul > li > a:hover{color: #fff;}
.menu-league-of-legends{color: #fff; background:linear-gradient(90deg, #00a199 15%, #2ca6e0 85%);}
.menu-apex-legends{color: #fff; background:linear-gradient(90deg, #aa498e 15%, #8676b3 85%);}
.menu-pubg-mobile{color: #fff; background:linear-gradient(90deg, #ec7131 47%, #f7b52c 85%);}
.menu-efootball{color: #ff0; background:linear-gradient(90deg, #000096 47%, #3331ff 85%);}
.menu-valorant{color: #fff; background:linear-gradient(90deg, #ab0a10 47%, #ff4654 85%);}
.menu-pokemon-unite{color: #8346e5; background:linear-gradient(90deg, #dec800 47%, #d4cc3d 85%);}
.menu-tekken{color: #fff; background:linear-gradient(90deg, #b22222 47%, #FF0000 85%);}
.menu-obc{color: #fff; background:linear-gradient(90deg, #AE1F7E 15%, #DEA5CB 70%);}
.menu-season-archive{color: #fff; background:linear-gradient(90deg, #666666 47%, #333333 85%);}
.menu-season-archive-image{height: 24px; vertical-align: middle;}


.menu > ul > li > ul > li > ul {display: block; padding: 0; margin: 5px 0 0; list-style: none; box-sizing: border-box;}
.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {content: ""; display: table;}
.menu > ul > li > ul > li > ul:after {clear: both;}

.menu > ul > li > ul > li > ul > li {float: left; width: 100%; padding: 0; margin: 0; font-size: 0.7em;}

.menu > ul > li > ul > li > ul > li a {color: #777; border: 0; width: 95%; padding:2px 10px; display: block; font-weight:normal; font-size: 1.4em; box-sizing: border-box;}

.menu > ul > li > ul.normal_sub {width: 300px; left: auto; padding: 10px 20px;}
.menu > ul > li > ul.normal_sub > li {width: 100%;}
.menu > ul > li > ul.normal_sub > li a {border: 0; padding: 1em 0;}

@media only screen and (min-width: 959px){
	.menu-archive{ min-height: 320px;}
}


.menu .challengers{width:140px; position: relative;}
.menu .masters{width:140px; position: relative;}
.challengers-image{width:90px; position: absolute; top:11px; left: 25px;}
.masters-image{width:90px; position: absolute; top:11px; left: 25px;}

@media only screen and (max-width: 959px){
.menu .challengers{width:100%; position: relative;}
.menu .masters{width:100%; position: relative;}
.challengers-image{width:90px; position: absolute; top:11px; left: 25px;}
.masters-image{width:90px; position: absolute; top:11px; left: 25px;}
}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media only screen and (max-width: 959px) {
.menu_container {width: 100%;}
.menu {margin-left:0;}
.menu_mobile {display: block;}
.menu_dropdown_icon:before {display: block;}
.menu > ul {}
.menu > ul > li {width: 100%; float: none; display: block; overflow: hidden;}
.menu > ul > li a {padding: 1.5em; width: 100%; display: block;}
.menu > ul  .mobile_logo a {padding: 3px 1em; width: 100%; display: block;}
.menu > ul > li > ul {position: fixed; left: 0; width:100%; padding: 10px 0;}
.menu > ul > li > ul.normal_sub {width: 100%;}
.menu > ul > li > ul > li {float: none; width: 100%; margin-top: 20px;}
.menu > ul > li > ul > li:first-child {margin: 0;}
.menu > ul > li > ul > li:nth-of-type(n+5) {margin-top: 20px;}
.menu > ul > li > ul > li > a {padding: 10px 10px; margin: 0 10px; width: calc( 100% - 20px ); display: block; font-weight: bold; font-size: 1.3em; box-sizing: border-box;}
.menu > ul > li > ul > li > ul {position: relative;}
.menu > ul > li > ul > li > ul > li {float: none;}
.menu > ul > li > ul > li > ul > li a {padding:5px 10px; display: block; font-weight:normal; font-size: 1.3em; box-sizing: border-box;}
.menu .show_on_mobile {display: block;}

	
	
	
.drawer {
  position:fixed;
  top:0;
  left:0;
  width: 70%;
  height: 100%;
  background: #000;
  padding: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition:ease .5s;
  transition:ease .5s;
  z-index:9999;
	box-sizing: border-box;
}
.drbtn {
  background:rgba(0,0,0,0.5);
  position: fixed;
  top:0;
  width: 50px;
  right: -50px;
  height: 30px;
  -webkit-transition:ease .5s;
  transition:ease .5s;
  cursor:pointer;
  align-items: flex-end;
  display: flex;
  justify-content: center;
  font-size: 10px;
	line-height:18px;
	padding-top:20px;
  z-index: 10000;
}

.hambarg {
  position: absolute;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  height: 2px;
  width: 30px;
  background: #fff;
  -webkit-transition: ease .5s;
  transition: ease .5s;
}
.hambarg:nth-child(1) {top: 20%; left: 50%;}
.hambarg:nth-child(2) {top: 35%; left: 50%;}
.hambarg:nth-child(3) {top: 50%; left: 50%;}
.drawer.action {
  -webkit-transform:translateX(0);
  transform:translateX(0);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
 

.drbtn.action {right: 0;}
.drbtn.action {right: 0;}
.drbtn.action .hambarg:nth-child(1) {-webkit-transform: translate(-15px ,7px) rotate(315deg); transform: translate(-15px ,7px) rotate(315deg);}
.drbtn.action .hambarg:nth-child(2) {opacity: 0;}
.drbtn.action .hambarg:nth-child(3){-webkit-transform: translate(-15px ,-7px) rotate(-315deg); transform: translate(-15px ,-7px) rotate(-315deg);}

}
@media only screen and (max-width: 480px) {
	.menu > ul > li > ul > li > a {padding: 5px 10px; margin: 0 10px; width: calc( 100% - 20px ); display: block; font-weight: bold; font-size: 1.2em; box-sizing: border-box;}
	.menu-season-archive-image{height: 20px; vertical-align: middle; margin: 0; padding:0;}
}
/*
.btn-trigger {left: 100%; position: relative; transform: translateX(-100%); width: 38px; height: 33px;}
.btn-trigger span {position: absolute; left: 0; width: 100%; height: 4px; background-color: #fff; border-radius: 4px;}
.btn-trigger, .btn-trigger span { display: inline-block; transition: all .5s; box-sizing: border-box;}
.btn-trigger span:nth-of-type(1) {top: 0;}
.btn-trigger span:nth-of-type(2) {top: 15px;}
.btn-trigger span:nth-of-type(3) {bottom: 0;}
#btn09.active span:nth-of-type(1) {-webkit-transform: translateY(15px) rotate(315deg); transform: translateY(15px) rotate(315deg);}
#btn09.active span:nth-of-type(2) {opacity: 0;}
#btn09.active span:nth-of-type(3) {-webkit-transform: translateY(-15px) rotate(-315deg); transform: translateY(-15px) rotate(-315deg);}
*/

.scroll_area {opacity: 0; transition: all 1s ease; }
.scroll_area.show {opacity: 1; transform: none;}

.scroll_left {transform: translate(-100%, 0);}
.scroll_right {transform: translate(100%, 0);}



#logo{left: 0; position: relative; width: 100%; height: 50vw; margin-bottom:200px;}
@media screen and (max-width:480px){#logo{left: -10%; position: relative; width: 120%; height: 65vw; margin-bottom:5em;}}

.season-title{font-size:94px; padding-top: 43vw; margin-left:-15px; font-weight: bold; text-shadow:0 0 9px #f8b62b,0 0 9px #f8b62b,0 0 9px #f8b62b,0 0 9px #f8b62b,0 0 9px #f8b62b;}
@media screen and (max-width:480px){.season-title{font-size:34px; padding-top: 53vw; height: 65vw;}}

h2 .Agency{font-size: 72px; line-height:94px; font-family: 'Agency FB';}
@media screen and (max-width:480px){h2 .Agency{font-size: 3em; line-height:94px; font-family: 'Agency FB';}}

h3 .mission{background:#111; margin-top:10px;}
h3 .mission .mission_text{color:#fff; font-size: 32px; line-height:42px; transform:skewX(15deg); padding:5px 3vw 0;}
@media screen and (max-width:480px){h3 .mission .mission_text{font-size: 1.2em; line-height:1.2em; transform:skewX(15deg); padding:0.2em 3vw 0.1em;}}

h3 {display:inline-block; width:auto; margin:0 auto; text-align:center; transform:skewX(-15deg);}
h3 .about{background:#000; margin-top:10px;}
h3 .about .about_text{font-size: 32px; line-height:42px; transform:skewX(15deg); padding:5px 3vw 0;}
@media screen and (max-width:480px){h3 .about .about_text{font-size: 1.2em; line-height:1.2em; transform:skewX(15deg); padding:0.2em 3vw 0.1em;}}

h3 .OurValue{background:#01a4b8; margin-top:10px;}
h3 .OurValue .OurValue_text{font-size: 32px; line-height:42px; transform:skewX(15deg); padding:5px 3vw 0;}
@media screen and (max-width:480px){h3 .OurValue .OurValue_text{font-size: 1.1em; line-height:1.2em; transform:skewX(15deg); margin-top:10px; padding:0.2em 3vw 0.1em;}}

h3 .a6l_titles{background:#7030a0; margin-top:10px;}
h3 .a6l_titles .a6l_titles_text{font-size: 32px; line-height:42px; transform:skewX(15deg); padding:5px 3vw 0;}
@media screen and (max-width:480px){h3 .a6l_titles .a6l_titles_text{font-size: 1.2em; line-height:1.2em; transform:skewX(15deg); margin-top:10px; padding:0.2em 3vw 0.1em;}}

h3 .a6l{background:#fff;}
h3 .a6l .a6l_text{color:#7030a0; font-size: 32px; line-height:42px; transform:skewX(15deg); padding:5px 3vw 0;}
@media screen and (max-width:480px){h3 .a6l .a6l_text{font-size: 1em; line-height:1.2em; transform:skewX(15deg); margin-top:10px; padding:0.2em 3vw 0.1em;}}

h3 .Ceremony_Tournament{background:#01a4b8; margin-top:10px;}
h3 .Ceremony_Tournament .Ceremony_Tournament_text{color:#fff; font-size: 32px; line-height:42px; transform:skewX(15deg); padding:5px 3vw 0;}
@media screen and (max-width:480px){h3 .Ceremony_Tournament .Ceremony_Tournament_text{font-size: 0.8em; line-height:1.2em; transform:skewX(15deg); margin-top:10px; padding:0.2em 3vw 0.1em;}}

h2 .twitter:before{content:" "; position:relative; top:-4px; padding-right:36px; margin-right:20px; background:url("../img/twitter.png"); background-repeat: no-repeat; background-size:contain;}
@media screen and (max-width:480px){h2 .twitter:before{content:" "; position:relative; top:0; padding-right:28px; margin-right:14px; background:url("../img/twitter.png"); background-repeat: no-repeat; background-size:28px;}}

h2 .twitter-x:before{content:" "; position:relative; top:-4px; padding-right:36px; margin-right:20px; background:url("../img/x-logo.png"); background-repeat: no-repeat; background-size:contain;}
@media screen and (max-width:480px){h2 .twitter-x:before{content:" "; position:relative; top:0; padding-right:28px; margin-right:14px; background:url("../img/x-logo.png"); background-repeat: no-repeat; background-size:28px;}}

h3 .PRODUCE{background:#000; margin-top:10px;}
h3 .PRODUCE .PRODUCE_text{color:#fff; font-size: 38px; line-height:48px; transform:skewX(15deg); padding:25px 3vw 20px;}
@media screen and (max-width:480px){h3 .PRODUCE .PRODUCE_text{font-size: 1.05em; line-height:1.2em; transform:skewX(15deg); padding:0.2em 3vw 0.1em;}}

h3 .Sponsor{background:#f8b62b; margin-top:10px;}
h3 .Sponsor .Sponsor_text{color:#000; font-size: 38px; line-height:48px; transform:skewX(15deg); padding:25px 3vw 20px;}
@media screen and (max-width:480px){h3 .Sponsor .Sponsor_text{font-size: 1.05em; line-height:1.2em; transform:skewX(15deg); padding:0.2em 3vw 0.1em;}}

h3 .gold-sponsor{background-color: #DBB400; margin-top:80px;}
h3 .gold-sponsor .gold-sponsor_text{color:#000; font-size: 38px; line-height:48px; transform:skewX(15deg); padding:25px 3vw 20px;}
@media screen and (max-width:480px){h3 .gold-sponsor .gold-sponsor_text{font-size: 1.05em; line-height:1.2em; transform:skewX(15deg); padding:0.2em 3vw 0.1em;}}

h3 .silver-sponsor{background-color: #9EACB4; margin-top:180px;}
h3 .silver-sponsor .silver-sponsor_text{color:#000; font-size: 38px; line-height:48px; transform:skewX(15deg); padding:25px 3vw 20px;}
@media screen and (max-width:480px){h3 .silver-sponsor .silver-sponsor_text{font-size: 1.05em; line-height:1.2em; transform:skewX(15deg); padding:0.2em 3vw 0.1em;}}

h3 .bronze-sponsor{background-color: #815a2b; margin-top:180px;}
h3 .bronze-sponsor .bronze-sponsor_text{color:#000; font-size: 38px; line-height:48px; transform:skewX(15deg); padding:25px 3vw 20px;}
@media screen and (max-width:480px){h3 .bronze-sponsor .bronze-sponsor_text{font-size: 1.05em; line-height:1.2em; transform:skewX(15deg); padding:0.2em 3vw 0.1em;}}

h3 .Support{background:#000; margin-top:10px;}
h3 .Support .Support_text{color:#fff; font-size: 38px; line-height:48px; transform:skewX(15deg); padding:25px 3vw 20px;}
@media screen and (max-width:480px){h3 .Support .Support_text{font-size: 1.05em; line-height:1.2em; transform:skewX(15deg); padding:0.2em 3vw 0.1em;}}

h3 .special_thanks{background:#7030a0; margin-top:10px;}
h3 .special_thanks .special_thanks_text{color:#fff; font-size: 38px; line-height:48px; transform:skewX(15deg); padding:25px 3vw 20px;}
@media screen and (max-width:480px){h3 .special_thanks .special_thanks_text{font-size: 1.05em; line-height:1.2em; transform:skewX(15deg); padding:0.2em 3vw 0.1em;}}




h3 .brand_movie{background:#000; margin-top:10px;}
h3 .brand_movie .brand_movie_text{font-size: 32px; line-height:42px; transform:skewX(15deg); padding:5px 3vw 0;}
@media screen and (max-width:480px){h3 .brand_movie .brand_movie_text{font-size: 1.2em; line-height:1.2em; transform:skewX(15deg); padding:0.2em 3vw 0.1em;}}

h3 .ambassadors{background:#01a4b8; margin-top:10px;}
h3 .ambassadors .ambassadors_text{font-size: 32px; line-height:42px; transform:skewX(15deg); padding:5px 3vw 0;}
@media screen and (max-width:480px){h3 .ambassadors .ambassadors_text{font-size: 1.1em; line-height:1.2em; transform:skewX(15deg); margin-top:10px; padding:0.2em 3vw 0.1em;}}

h3 .Contact{background:#111; margin-top:10px;}
h3 .Contact .Contact_text{color:#fff; font-size: 32px; line-height:48px; transform:skewX(15deg); padding:5px 3vw 0;}
@media screen and (max-width:480px){h3 .Contact .Contact_text{font-size: 0.7em; line-height:1.2em; transform:skewX(15deg); padding:0.2em 3vw 0.1em;}}

h3 .league_of_legends{background:#111; margin-top:10px;}
h3 .league_of_legends .league_of_legends_text{color:#fff; font-size: 32px; line-height:48px; transform:skewX(15deg); padding:5px 3vw 0;}
@media screen and (max-width:480px){h3 .league_of_legends .league_of_legends_text{font-size: 1.2em; line-height:1.2em; transform:skewX(15deg); padding:0.2em 3vw 0.1em;}}

/************************************
*	トップページ動画
************************************/
.jp_font{width:610px;}
@media screen and (max-width:480px){.jp_font{width:300px;}}

.esports_text{margin-top: 80px; font-size: 48px; line-height:72px; font-weight: bold; color: #01a4b8;}
.esports_contents_text{margin-top: 40px; font-size: 18px; font-weight:bold; line-height:48px;}
@media screen and (max-width:480px){.esports_text{margin-top: 1em; font-size: 1.2em; line-height:1.8em; font-weight: bold; color: #01a4b8; padding:0 3%;}}
@media screen and (max-width:480px){.esports_contents_text{margin-top: 1em; font-size: 0.75em; line-height:2em; padding: 0 3%;}}

.esports_text_link{margin-top:30px; text-align: center; color:#fff; text-decoration: underline; font-size: 24px; font-weight: bold;}
@media screen and (max-width:480px){.esports_text_link{margin-top:1em; font-size: 1.2em;}}
.esports_text_link a{color:#fff;}
.esports_text_link:hover{cursor: pointer}
.esports_text_link:before{content:" "; position:relative; top:10px; padding-right:12px; margin-right:6px; background:url(../img/arrow05.png); background-repeat: no-repeat; background-size:contain;}
@media screen and (max-width:480px){.esports_text_link:before{top:7px;}}


.Mission_title{width:231px;}
@media screen and (max-width:480px){.Mission_title{width:115px;}}

.mission_area{position: relative; overflow: hidden;}
.mission_contents{background-color: #fff; color:#111; padding: 150px 0 280px; position: relative;  z-index: -3;}
.mission_contents_text{margin-top: 60px; font-size: 32px; line-height:86px; font-weight: bold;}
@media screen and (max-width:480px){.mission_area{position: relative; overflow: hidden; margin-top:0;}}
@media screen and (max-width:480px){.mission_contents{background-color: #fff; color:#111; padding: 80px 0 130px; position: relative;  z-index: -3;}}
@media screen and (max-width:480px){.mission_contents_text{margin-top: 2em; font-size: 1.2em; line-height:2em;}}

.accordion01 {display:inline-block; width:auto;  margin:10px 0 0; list-style: none;}
.accordion01 ul {display:none; list-style: none; box-sizing:border-box;}


.About_title{width:180px;}
@media screen and (max-width:480px){.About_title{width:90px;}}

.about_area {position: relative; overflow: hidden; margin-top: -300px; padding: 120px 0 0;}
@media screen and (max-width:480px){.about_area {position: relative; overflow: hidden; margin-top: -120px; padding: 40px 0 0;}}
.about_area:before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 120%;
  height: 100%;
  margin: 3% -10% 0;
  background: #f8b62b;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(7deg);
  -ms-transform: rotate(7deg);
  transform: rotate(7deg);
  z-index: -1;
}
@media screen and (max-width:480px){
.about_area:before {
  width: 150%;
  height: 80%;
  margin: 5% -25% 0;
}
}
.about_area_inner {
  box-sizing: boder-box;
  width: 100%; height: 100%;
  margin: 0 auto;
  padding: 100px 10px 20px;
  color: #fff;
  text-align: center;
}
@media screen and (max-width:480px){
.about_area_inner {
  padding: 15% 0 0;
  color: #fff;
  text-align: center;
}
}

.about_area_back {margin-top:-15em; position: relative; overflow: hidden; height:24em;}
.about_area_back:before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 120%;
  height: 80%;
  margin: 3% -10% 0;
  background: #f8b62b;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  transform: rotate(-4deg);
  z-index: -2;
}
@media screen and (max-width:480px){
.about_area_back:before {
  width: 150%;
  height: 80%;
  margin: 3% -25% 0;
}
}

.about_area_back_season2 {margin-top:-15em; position: relative; overflow: hidden; height:32em;}
.about_area_back_season2:before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 120%;
  height: 70%;
  margin: 10% -10% 0;
  background: #f8b62b;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  transform: rotate(-4deg);
  z-index: -1;
}
@media screen and (max-width:480px){
.about_area_back_season2:before {
  width: 150%;
  height: 80%;
  margin: 3% -25% 0;
}
}

.about_text_contents{margin-top: 60px; font-size:32px; line-height:86px; font-style:oblique; font-weight: bold;}
.about_text_contents02{margin-top: 10px; font-size:20px; line-height:36px; font-weight: bold;}
.about_text_contents03{margin-top: 3px; font-size:14px; line-height:24px;}
.about_text_impact{font-size: 64px; font-family:impact; padding-right:16px;}
@media screen and (max-width:480px){.about_text_contents{margin-top: 3em; font-size:1.2em; line-height:2em; padding: 0 2%;}}
@media screen and (max-width:480px){.about_text_contents02{margin-top: 1em; font-size:0.75em; line-height:2.4em; font-weight: bold; padding: 0 2%;}}
@media screen and (max-width:480px){.about_text_contents03{margin-top: 0.5em; font-size:0.7em; line-height:1em; padding: 0 2%;}}
@media screen and (max-width:480px){.about_text_impact{font-size: 2.4em; font-family:impact, "Arial Black", "Roboto Condensed", "sans-serif"; padding-right:0.1em;}}


.OurValue_title{width:168px;}
@media screen and (max-width:480px){.OurValue_title{width:84px;}}


.OurValue_area01{
	background-image: url("../img/Value01.jpg");
	background-color:rgba(17,17,17,0.4);
	background-blend-mode:darken;
	background-repeat: no-repeat;
	background-position: right center;
	margin:80px 3% 0;
	padding:20px 0;
	background-size: 55%;
	text-align: left;
}
.OurValue_area02{
	background-image: url("../img/Value02.jpg");
	background-color:rgba(17,17,17,0.4);
	background-blend-mode:darken;
	background-repeat: no-repeat;
	background-position: left center;
	margin:120px 3% 0;
	padding:20px 0;
	background-size: 55%;
	text-align: right;
}
.OurValue_area01_mb{display: none;}
.OurValue_area02_mb{display: none;}
@media screen and (max-width:480px){.OurValue_area01{display: none;}}
@media screen and (max-width:480px){.OurValue_area02{display: none;}}
@media screen and (max-width:480px){.OurValue_area01_mb{
	background-image: url("../img/Value01.jpg");
	background-color:rgba(17,17,17,0.6);
	background-blend-mode:darken;
	background-repeat: no-repeat;
	background-position: center center;
	margin:1.8em 0 0;
	padding:20px 5%;
	background-size: 100%;
	text-align: left; display: block;
}}
@media screen and (max-width:480px){.OurValue_area02_mb{
	background-image: url("../img/Value02.jpg");
	background-color:rgba(17,17,17,0.6);
	background-blend-mode:darken;
	background-repeat: no-repeat;
	background-position: center center;
	margin: 3em 0 0;
	padding:20px 5%;
	background-size: 100%;
	text-align: left; display: block;
}}


.OurValue_text_contents01{font-size:44px; line-height:56px; font-weight: bold;}
.OurValue_text_contents01 a{color:#000; text-decoration: none;}
.OurValue_text_contents01 a:hover{color:#000;}
.OurValue_text_contents02{margin-top: 10px; font-size:20px; line-height:36px;}
.OurValue_text_contents03{margin: 10px 0 20px; font-size:14px; line-height:24px;}
.OurValue_text_contents04{}
.OurValue_text_contents05{margin: 10px 0 30px; font-size:12px; line-height:24px;}
.OurValue_text_contents06{margin-top:30px;}
.OurValue_text_contents07{margin-top:10px;}
@media screen and (max-width:480px){.OurValue_text_contents01{font-size:1.6em; line-height:1.4em; font-weight: bold;}}
@media screen and (max-width:480px){.OurValue_text_contents02{margin-top: 10px; font-size:1em; line-height:1.6em;}}
@media screen and (max-width:480px){.OurValue_text_contents03{margin: 10px 0 20px; font-size:1em; line-height:1em;}}
@media screen and (max-width:480px){.OurValue_text_contents04{margin: 2em 0 20px; font-size:0.8em; line-height:2em;}}
@media screen and (max-width:480px){.OurValue_text_contents05{margin: 0.5em 0 1em; font-size:0.8em; line-height:2em;}}
@media screen and (max-width:480px){.OurValue_text_contents06{}}
@media screen and (max-width:480px){.OurValue_text_contents07{margin-top:10px;}}

.OurValue_text_contents_more:before{content:" "; position:relative; top:3px; padding-right:14px; margin-right:10px; background:url(../img/arrow01.png); background-repeat: no-repeat; background-size:contain;}
.OurValue_text_contents_more{text-decoration: underline; color: #01a4b8;}
.OurValue_text_contents_more:hover {cursor:pointer; color: #f8b62b;}

.OurValue_logo{vertical-align:bottom; max-width: 240px; width:48%; height: auto;}
.OurValue_logo:not(:first-child){padding-left:4%;}
@media screen and (max-width:480px){.OurValue_logo{margin-top:15px;}}
@media screen and (max-width:480px){.OurValue_logo:not(:first-child){padding-left:0;}}
@media screen and (max-width:480px){.OurValue_logo:nth-child(even){padding-left:4%;}}


.OurValue_logo_area{display:flex; justify-content:center; flex-wrap:wrap;}


.a6l_titles_title{width:308px;}
@media screen and (max-width:480px){.a6l_titles_title{width:154px;}}




.a6l_titles_area{margin-top:220px;}
.a6l_titles_area01{margin:80px 3% 0; padding:40px 0; background-color: #fff;}
.a6l_titles_area02{margin:40px 3% 0;}
.a6l_titles_area03{margin:40px 3% 0; padding-top:40px; border-top:solid 2px #000;}
.a6l_titles_area03-1{margin:0 3% 0;}
.a6l_titles_area04{position: relative;}
.a6l_titles_area04-button {background-image: linear-gradient(#f6b429 0%, #b37100 100%); border: solid 1px #744f00; padding: 10px 5px 5px; box-sizing: border-box; font-weight: bold; font-size: 24px; line-height: 32px; text-align: center; color: #fff;}
.a6l_titles_area04-button:hover {background-image: linear-gradient(#ffcf2f 0%, #ce8200 100%); border: solid 1px #855b00;}
.a6l_titles_area05{position: relative;}
.a6l_titles_area06{position: relative; top:-40px;}
.a6l_titles_area05_button {margin-top:40px;display: inline-block;width: 480px;text-decoration: none; border: solid 2px #f8b62b; box-sizing: border-box;}
.a6l_sub_titles_area{margin-top:120px;}

@media screen and (max-width:980px){
	.a6l_titles_area04{position:static;}
	.a6l_titles_area05_button {margin:1.5em 0 10px;}
	.a6l_titles_area06{position: static; top:0;}
	.a6l_sub_titles_area{margin-top:80px;}
}
@media screen and (max-width:480px){
	.a6l_titles_area{margin-top:4em;}
	.a6l_titles_area01{margin:2em 0 0; padding:1em 5%; background-color: #fff;}
	.a6l_titles_area02{margin:1.2em 5% 0;}
	.a6l_titles_area03{margin:1.2em 2% 0; padding:1.2em 0 1.5em; border-top:solid 1px #000;}
	.a6l_titles_area03-1{padding:0 0 1.5em;}
	.a6l_titles_area04{position:static;}
	.a6l_titles_area04-button {padding: 0.6em 0 0.4em; font-size: 1em; line-height: 1.4em; text-align: center; color: #fff;}
	.a6l_titles_area05_button {margin:1.5em 0 0.4em; width: 100%;}
	.a6l_titles_area06{position: static; top:0;}
	.a6l_sub_titles_area{margin-top:2em;}
}


.a6l_titles_text_contents01{font-size:20px; line-height:48px; margin-top:60px;}
.a6l_titles_text_contents02{font-size:32px; line-height:42px; margin-top:40px; color: #7030a0; text-decoration: underline; font-style:oblique; font-weight: bold;}
.a6l_titles_text_contents03{max-width: 400px; width:100%;}
.a6l_titles_text_contents03:nth-child(even){margin-left:30px;}
h3 .a6l_titles_text_contents04{font-size: 32px; line-height:1.2em; transform:skewX(15deg); padding:40px 0 0;}
.a6l_titles_text_contents05{margin-top:10px; font-size: 24px; line-height: 36px; color: #f00;}
@media screen and (max-width:480px){
	.a6l_titles_text_contents01{font-size:0.9em; line-height:2.2em; margin-top:2em;}
	.a6l_titles_text_contents02{font-size:1em; line-height:1.8em; margin-top:1em; color: #7030a0; text-decoration: underline; font-style:oblique; font-weight: bold;}
	.a6l_titles_text_contents03{width: 50%; box-sizing: border-box;}
	.a6l_titles_text_contents03:nth-child(even){margin-left:3%;}
	h3 .a6l_titles_text_contents04{font-size: 1.3em; line-height:1.4em; padding:1em 0 0;}
	.a6l_titles_text_contents05{margin-top:10px; font-size: 18px; line-height: 24px; color: #f00;}
}

.titles_link{position:absolute; right:3%; color:#000; text-decoration: underline; font-size: 24px; font-weight: bold;}
@media screen and (max-width:480px){.titles_link{margin-top:0.5em; margin-bottom:2em; font-size: 1.2em;}}
.titles_link a{color:#000;}
.titles_link:hover{cursor: pointer}
.titles_link:before{content:" "; position:relative; top:5px; padding-right:12px; margin-right:6px; background:url(../img/arrow04.png); background-repeat: no-repeat; background-size:contain;}
@media screen and (max-width:480px){.titles_link:before{top:7px;}}

.titles_link2{position:absolute; right:0; color:#000; text-decoration: underline; font-size: 24px; font-weight: bold;}
@media screen and (max-width:480px){.titles_link2{margin-top:0.5em; margin-bottom:2em; font-size: 1.2em;}}
.titles_link2:hover{cursor: pointer}
.titles_link2:before{content:" "; position:relative; top:10px; padding-right:12px; margin-right:6px; background:url(../img/arrow04.png); background-repeat: no-repeat; background-size:contain;}
@media screen and (max-width:480px){.titles_link2:before{top:7px;}}


.prize_title{width:158px; margin-top:150px;}
@media screen and (max-width:480px){.prize_title{width:79px; margin-top:3em;}}

.prize_area {position: relative; overflow: hidden; margin-top: 50px; padding: 50px 0 500px; color:#000;}
@media screen and (max-width:480px){.prize_area {position: relative; overflow: hidden; margin-top: 20px; padding: 20px 0 450px;}}
.prize_area:before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 120%;
  height: 100%;
  margin: 3% -10% 0;
  background: #fff;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  z-index: -1;
}
@media screen and (max-width:480px){
.prize_area:before {
  width: 150%;
  height: 100%;
  margin: 5% -25% 0;
}
}

.prize_area_season02 {position: relative; overflow: hidden; margin-top: -20%; padding: 12vw 0 400px; color:#000;}
@media screen and (max-width:480px){.prize_area_season02 {position: relative; overflow: hidden; margin-top: -50%; padding: 50px 0 350px;}}
.prize_area_season02:before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 150%;
  height: 140%;
  margin: -10% -25% 0;
  background: #fff;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  z-index: -2;
}
@media screen and (max-width:480px){
.prize_area_season02:before {
  width: 200%;
  height: 100%;
  margin: 5% -50% 0;
}
}
.prize-coming-soon{margin-top:200px; font-size: 58px; font-weight: bold;}

.prize_area01{margin:80px 3% 0; display:flex; flex:1; align-items:center;}
.prize_area02{margin:80px 3% 0; display:flex; flex:1;}
.prize_text_contents01{width:45%;}
.prize_text_contents02{width:55%;}
.prize_text_contents03{font-size:20px; line-height:36px; font-weight: bold;}
.prize_text_contents03 a{color: #000; text-decoration: none;}
.prize_text_contents03 a:hover{color: #000; text-decoration: underline;}
.prize_text_contents04{margin-top: 15px; font-size:16px; line-height:28px;}
.prize_text_contents05{width:27.5%;}
.prize_text_contents06{display: flex;}
.prize_text_contents07{width:50%;}
.prize_text_contents08{text-align: left; margin:20px 0 15px 7.5%; font-size:14px; line-height: 22px;}
.prize_text_contents09{text-align: left; margin:20px 0 37px 7.5%; font-size:14px; line-height: 22px;}
.prize-logo-image{width:100%; max-width: 240px;}
@media screen and (max-width:480px){
	.prize-coming-soon{margin-top:100px; font-size: 36px; font-weight: bold;}

	.prize_area01{margin:40px 3% 0; display:block; flex:auto; align-items:stretch;}
	.prize_area02{margin:40px 3% 0; display:block; flex:auto;}
	.prize_text_contents01{width:auto;}
	.prize_text_contents02{width:auto;}
	.prize_text_contents05{width:auto;}
	.prize_text_contents06{display: block;}
	.prize_text_contents07{width:100%;}
	.prize_text_contents08{text-align: left; margin:20px 0 15px 3%; font-size:14px; line-height: 22px;}
	.prize_text_contents09{text-align: left; margin:40px 0 15px 3%; font-size:14px; line-height: 22px;}
}



.LEAGUEGAMES_lol01{margin-top:20px;}
.LEAGUEGAMES_lol02{margin:60px 5% 0; font-size:20px; line-height:48px; font-weight:bold; text-align: left;}
.LEAGUEGAMES_lol_image01{max-width: 1200px; width:70%; height: auto;}
.LEAGUEGAMES_lol_link{margin:60px 5% 0; text-align: left;}
.LEAGUEGAMES_lol_link a{color: #01a4b8; text-decoration: underline;}
@media screen and (max-width:480px){.LEAGUEGAMES_lol01{margin-top:1em;}}
@media screen and (max-width:480px){.LEAGUEGAMES_lol02{margin:3em 5% 0; font-size:0.9em; line-height:1.8em; font-weight:bold;}}
@media screen and (max-width:480px){.LEAGUEGAMES_lol_image01{width:100%; height: auto;}}
@media screen and (max-width:480px){.LEAGUEGAMES_lol_link{margin:1.6em 5% 0; }}

.LEAGUEGAMES_bs01{margin-top:80px;}
.LEAGUEGAMES_bs02{margin:60px 5% 0; font-size:20px; line-height:48px; font-weight:bold;}
.LEAGUEGAMES_bs_image01{max-width: 1400px; width:80%; height: auto;}
.LEAGUEGAMES_bs_link{margin:60px 5% 0; }
.LEAGUEGAMES_bs_link a{color: #01a4b8; text-decoration: underline;}
@media screen and (max-width:480px){.LEAGUEGAMES_bs01{margin-top:2em;}}
@media screen and (max-width:480px){.LEAGUEGAMES_bs02{margin:3em 5% 0; font-size:0.9em; line-height:1.8em; font-weight:bold;}}
@media screen and (max-width:480px){.LEAGUEGAMES_bs_image01{width:100%; height: auto;}}
@media screen and (max-width:480px){.LEAGUEGAMES_bs_link{margin:1.6em 5% 0; }}



.a6l_area {position: relative; overflow: hidden; margin-top: 80px; padding: 80px 0 0;}
@media screen and (max-width:480px){.a6l_area {margin-top: 4em; padding: 2em 0 0;}}
.a6l_area:before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 120%;
  height: 100%;
  margin: 3% -10% 0;
  background: #7030a0;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(5deg);
  -ms-transform: rotate(5deg);
  transform: rotate(5deg);
  z-index: -1;
}
@media screen and (max-width:480px){
.a6l_area:before {
  width: 150%;
  height: 80%;
  margin: 3% -25% 0;
}
}
.a6l_area_inner {
  box-sizing: boder-box;
  width: 100%; height: 100%;
  margin: 0 auto;
  padding: 180px 10px 20px;
  color: #fff;
  text-align: center;
}
@media screen and (max-width:480px){
.a6l_area_inner {
  padding: 15% 0 0;
  color: #fff;
  text-align: center;
}
}
.a6l_coming_soon_line {margin:120px 0; background-image: url("../img/dotted.png"); background-repeat: repeat-x; background-position: center center;}
.a6l_coming_soon {display:inline-block; width:auto; padding: 0 20px; font-size: 44px; line-height: 56px; font-style:oblique; font-weight: bold; background: #7030a0;}
.a6l_text_contents{font-size:32px; line-height:42px; font-weight: bold;letter-spacing:5px;}
.a6l_text_contents02{font-size:56px; line-height:72px; font-weight: bold;letter-spacing:5px; margin-top:10px;}
@media screen and (max-width:480px){.a6l_coming_soon_line {margin:2em 0; background-image: url("../img/dotted.png"); background-repeat: repeat-x; background-position: center center;}}
@media screen and (max-width:480px){.a6l_coming_soon {padding: 0 0.6em; font-size: 2em; line-height: 2em; font-style:oblique; font-weight: bold; background: #7030a0;}}
@media screen and (max-width:480px){.a6l_text_contents{font-size:1.8em; line-height:1.2em; font-weight: bold; letter-spacing:3px;}}
@media screen and (max-width:480px){.a6l_text_contents02{font-size:2.4em; line-height:1.6em; font-weight: bold;letter-spacing:3px; margin-top:0;}}

.a6l_area_back {margin-top:-120px; position: relative; overflow: hidden; height:350px;}
@media screen and (max-width:480px){.a6l_area_back {margin-top:-120px; position: relative; overflow: hidden; height:260px;}}
.a6l_area_back:before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 120%;
  height: 80%;
  margin: 3% -10% 0;
  background: #7030a0;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(-6deg);
  -ms-transform: rotate(-6deg);
  transform: rotate(-6deg);
  z-index: -2;
}
@media screen and (max-width:480px){
.a6l_area_back:before {
  width: 150%;
  height: 80%;
  margin: 3% -25% 0;
}
}

.Ceremony_Tournament_title{width:555px;}
@media screen and (max-width:480px){.Ceremony_Tournament_title{width:277px;}}
.pre_opening_tournament_title{width:790px; margin-top:120px;}
@media screen and (max-width:480px){.pre_opening_tournament_title{width:300px; margin-top:2em;}}

.Ceremony_Tournament_contents01{font-size:20px; line-height:48px; margin-top:60px;}
@media screen and (max-width:480px){.Ceremony_Tournament_contents01{font-size:0.9em; line-height:2.2em; margin-top:2em;}}

.Ceremony_Tournament_area{margin:40px 3% 0; background: #01a4b8; padding: 30px 5px;}
.Ceremony_Tournament_area2{margin:100px 3% 0; background: #01a4b8; padding: 30px 5px;}
.Ceremony_Tournament_text_contents{font-size: 44px; line-height: 56px; font-style:oblique; font-weight: bold; border-bottom: solid 8px #fff;}
.Ceremony_Tournament_text_contents02{font-size: 24px; line-height: 28px; font-weight: bold; padding-top:25px;}
.Ceremony_Tournament_text_contents02-2{}
.Ceremony_Tournament_text_contents02-3{padding:0 0 0 20px;}
.Ceremony_Tournament_text_contents03{padding-top:25px;}
.Ceremony_Tournament_text_contents04{font-size: 44px; line-height: 56px; font-style:oblique; font-weight: bold; color:#01a4b8; text-decoration: underline; margin-top:120px;}
.Ceremony_Tournament_text_contents05{font-size: 20px; line-height: 32px; font-weight: bold; padding-top:45px;}
@media screen and (max-width:480px){.Ceremony_Tournament_area{margin:3em 0 0; background: #01a4b8; padding:1.2em 2%;}}
@media screen and (max-width:480px){.Ceremony_Tournament_area2{margin:3em 0 0; background: #01a4b8; padding:1.2em 2%;}}
@media screen and (max-width:480px){.Ceremony_Tournament_text_contents{font-size: 2em; line-height: 1.2em; font-style:oblique; font-weight: bold; padding-bottom:0.2em; border-bottom: solid 5px #fff;}}
@media screen and (max-width:480px){.Ceremony_Tournament_text_contents02{font-size: 1.2em; line-height: 1.8em; font-weight: bold; padding-top:1.2em;}}
@media screen and (max-width:480px){.Ceremony_Tournament_text_contents02-2{font-size: 1.4em;}}
@media screen and (max-width:480px){.Ceremony_Tournament_text_contents02-3{padding:0;}}
@media screen and (max-width:480px){.Ceremony_Tournament_text_contents03{padding-top:1.4em; font-size: 0.75em; line-height: 1.6em;}}
@media screen and (max-width:480px){.Ceremony_Tournament_text_contents04{font-size: 1.5em; line-height: 1.2em; font-style:oblique; font-weight: bold; color:#01a4b8; text-decoration: underline; margin-top:2em;}}
@media screen and (max-width:480px){.Ceremony_Tournament_text_contents05{font-size: 1em; line-height: 1.8em; font-weight:normal; padding-top:2em;}}

.Ceremony_Tournament_text_contents06_area{border: solid 3px #01a4b8; border-radius: 4px; padding: 20px; margin: 40px 3% 0; text-align: left;}
.Ceremony_Tournament_text_contents06_area div:not(:first-child){margin-top:15px;}
.Ceremony_Tournament_text_contents06:before{content:" "; position:relative; top:4px; padding-right:14px; margin-right:10px; background:url(../img/arrow02.png); background-repeat: no-repeat; background-size:contain;}
.Ceremony_Tournament_text_contents06{font-weight: bold;}
.Ceremony_Tournament_text_contents07{margin-top:60px;}
.Ceremony_Tournament_text_contents11{margin-top:80px;}
.Ceremony_Tournament_text_contents12{margin-top:15px; font-size: 14px;}
.Ceremony_Tournament_text_contents13{padding:45px 0 20px; font-size: 28px; font-weight: bold;}
.Ceremony_Tournament_text_contents14{padding-left:12px; font-size: 20px;}
.Ceremony_Tournament_text_contents15{font-size: 32px; line-height: 52px; font-weight: bold; padding-top:25px;}
.Ceremony_Tournament_text_contents16{padding-bottom:10px;}
.Ceremony_Tournament_text_contents17{padding-left:24px; font-size:14px; font-weight: normal;}
@media screen and (max-width:480px){.Ceremony_Tournament_text_contents07{margin-top:3em; font-size: 0.75em; line-height: 1.7em;}}
@media screen and (max-width:480px){.Ceremony_Tournament_text_contents11{margin-top:3em; font-size: 0.75em; line-height: 1.7em;}}
@media screen and (max-width:480px){.Ceremony_Tournament_text_contents12{margin-top:1em; font-size: 0.8em; line-height: 1.5em;}}
@media screen and (max-width:480px){.Ceremony_Tournament_text_contents13{padding:1em 0 0.6em; font-size: 1.5em; font-weight: bold;}}
@media screen and (max-width:480px){.Ceremony_Tournament_text_contents14{padding-left:12px; font-size: 0.7em; }}
@media screen and (max-width:480px){.Ceremony_Tournament_text_contents15{font-size: 1.2em; line-height: 1.8em; font-weight: bold; padding-top:1.2em;}}
@media screen and (max-width:480px){.Ceremony_Tournament_text_contents16{padding-bottom:0.7em;}}
@media screen and (max-width:480px){.Ceremony_Tournament_text_contents17{padding-left:0; font-size:0.8em; line-height: 1.5em;}}

.Ceremony_Tournament_button_area {margin:80px 10% 0; display:flex;}
.Ceremony_Tournament_button_area > div {border:solid 2px #484848;}
.Ceremony_Tournament_button_area_2 {margin:80px 35% 0; display:flex;}
.Ceremony_Tournament_button_area_2 > div {border:solid 2px #484848;}
.Ceremony_Tournament_button_area_3 {margin-top:80px; display: inline-block; width: 480px;text-decoration: none; box-sizing: border-box;}
.Ceremony_Tournament_button_area_4 {margin:80px 0 0; display:flex;}
.Ceremony_Tournament_button_area_4 > div {}
@media screen and (max-width:1200px){
	.Ceremony_Tournament_button_area {margin:4em 0 0; display:block;}
	.Ceremony_Tournament_button_area_2 {margin:4em 0 0; display:block;}
	.Ceremony_Tournament_button_area_3 {margin-top:2em; width: 65%;}
	.Ceremony_Tournament_button_area_4 {margin:4em 0 0; display:block;}
}
@media screen and (max-width:480px){
	.Ceremony_Tournament_button_area {margin:4em 0 0; display:block;}
	.Ceremony_Tournament_button_area_2 {margin:4em 0 0; display:block;}
	.Ceremony_Tournament_button_area_3 {margin-top:2em; width: 65%;}
	.Ceremony_Tournament_button_area_4 {margin:4em 0 0; display:block;}
}
.Ceremony_Tournament_text_contents08{flex:1;}
.Ceremony_Tournament_text_contents09{flex:1; margin-left:10%;}
.Ceremony_Tournament_text_contents10{font-weight: normal; font-size:20px;}
@media screen and (max-width:1200px){
	.Ceremony_Tournament_text_contents08{flex:none; width: 65%; margin: 0;}
	.Ceremony_Tournament_text_contents09{flex:none; width: 65%; margin-left:0; margin-top:2em;}
	.Ceremony_Tournament_text_contents10{font-size:0.8em;}
}
@media screen and (max-width:480px){
	.Ceremony_Tournament_text_contents08{flex:none; width: 65%;}
	.Ceremony_Tournament_text_contents09{flex:none; width: 65%; margin-left:0; margin-top:2em;}
	.Ceremony_Tournament_text_contents10{font-size:0.8em;}
}

.Ceremony_Tournament_button01 {display: inline-block; width: 100%; padding: 20px 5px 15px; text-decoration: none; color: #000; background-image: linear-gradient(#e1e4e5 0%, #c4cbcc 100%); border-bottom: solid 4px #878989; box-sizing: border-box; font-weight: bold; font-size: 24px; line-height: 36px; text-align: center;}
.Ceremony_Tournament_button01:hover {background-image: linear-gradient(#e2e5e6 0%, #f0f2f2 100%); border-bottom: solid 4px #c3c4c4;}
.Ceremony_Tournament_button02 {margin-top:80px;display: inline-block;width: 480px;text-decoration: none; border: solid 2px #f8b62b; box-sizing: border-box;}
.Ceremony_Tournament_button02_2 {margin-top:80px;display: inline-block;width: 480px;text-decoration: none; border: solid 2px #f8b62b; box-sizing: border-box;}
.Ceremony_Tournament_button03 {background-image: linear-gradient(#f6b429 0%, #b37100 100%); border: solid 1px #744f00; padding: 20px 5px 15px; box-sizing: border-box; font-weight: bold; font-size: 24px; line-height: 36px; text-align: center; color: #000;}
.Ceremony_Tournament_button03:hover {background-image: linear-gradient(#ffcf2f 0%, #ce8200 100%); border: solid 1px #855b00;}
.Ceremony_Tournament_button03 {background-image: linear-gradient(#f6b429 0%, #b37100 100%); border: solid 1px #744f00; padding: 20px 5px 15px; box-sizing: border-box; font-weight: bold; font-size: 24px; line-height: 36px; text-align: center; color: #000;}
.Ceremony_Tournament_button03:hover {background-image: linear-gradient(#ffcf2f 0%, #ce8200 100%); border: solid 1px #855b00;}
@media screen and (max-width:480px){.Ceremony_Tournament_button01 {padding: 0.7em 5px 0.5em; font-size: 1.2em; line-height: 1.2em;}}
@media screen and (max-width:480px){.Ceremony_Tournament_button02 {margin-top:2em; width: 65%;}}
@media screen and (max-width:480px){.Ceremony_Tournament_button02_2 {margin-top:4em; width: 65%;}}
@media screen and (max-width:480px){.Ceremony_Tournament_button03 {padding: 0.6em 0 0.4em; font-size: 1.2em; line-height: 1.8em; text-align: center; color: #000;}}

.Ceremony_Tournament_button04 {display: inline-block;width: 480px; padding: 20px 5px 15px; text-decoration: none; color: #000; background-image: linear-gradient(#e1e4e5 0%, #c4cbcc 100%); border-bottom: solid 4px #878989; box-sizing: border-box; font-weight: bold; font-size: 24px; line-height: 36px; text-align: center;}
.Ceremony_Tournament_button04:hover {background-image: linear-gradient(#e2e5e6 0%, #f0f2f2 100%); border-bottom: solid 4px #c3c4c4;}
.Ceremony_Tournament_button04_2 {display: inline-block;width: 480px; margin-top:80px; padding: 20px 5px 15px; text-decoration: none; color: #000; background-image: linear-gradient(#e1e4e5 0%, #c4cbcc 100%); border-bottom: solid 4px #878989; box-sizing: border-box; font-weight: bold; font-size: 24px; line-height: 36px; text-align: center;}
.Ceremony_Tournament_button04_2:hover {background-image: linear-gradient(#e2e5e6 0%, #f0f2f2 100%); border-bottom: solid 4px #c3c4c4;}
.Ceremony_Tournament_button05 {font-weight: normal; font-size:20px;}
@media screen and (max-width:480px){.Ceremony_Tournament_button04 {width: 100%; font-size:1.2em; line-height: 1.4em; padding: 0.6em 0 0.4em;}}
@media screen and (max-width:480px){.Ceremony_Tournament_button04_2 {width: 65%; font-size:1.2em; padding: 0.6em 0 0.4em;}}
@media screen and (max-width:480px){.Ceremony_Tournament_button05 {font-size:0.8em;}}


.Ceremony_Tournament_cast_area{margin:60px 5% 30px; display:flex; justify-content:center;}
.Ceremony_Tournament_cast_image01{width:80%; max-width: 280px;}
.Ceremony_Tournament_cast_image01:not(:first-child){margin-left:10%;}
.Ceremony_Tournament_cast_image02{vertical-align: bottom; width:100%; max-width: 300px;}
.Ceremony_Tournament_cast_name01{margin-top:20px; font-size: 32px; line-height: 48px; font-weight: bold;}
.Ceremony_Tournament_cast_name02{margin-top:5px; font-size: 28px; line-height: 36px; font-weight: bold;}
@media screen and (max-width:480px){.Ceremony_Tournament_cast_area{margin:1.2em 3% 0; padding-top:1.2em; padding-bottom:1.5em; display: block; justify-content: flex-start;}}
@media screen and (max-width:480px){.Ceremony_Tournament_cast_image01{width: 100%; max-width:none; padding-top:2em; box-sizing: border-box; border-top:solid 1px #fff;}}
@media screen and (max-width:480px){.Ceremony_Tournament_cast_image01:not(:first-child){margin-left:0; margin-top:40px;}}
@media screen and (max-width:480px){.Ceremony_Tournament_cast_image02{vertical-align: bottom; width:80%; max-width: 260px;}}
.Ceremony_Tournament_cast_name01{margin-top:1em; font-size:2em; line-height:1em; font-weight: bold;}
.Ceremony_Tournament_cast_name02{margin-top:0.5em; font-size:1.8em; line-height:1em; font-weight: bold;}



.twitter_title{width:256px;}
@media screen and (max-width:480px){.twitter_title{width:128px;}}

.twitter-x_title{width:40px;}
@media screen and (max-width:480px){.twitter-x_title{width:20px;}}

.twitter_text_contents01{font-size:20px; line-height:48px; margin-top:40px;}
.twitter_text_contents02{background:url("../img/target.png"); background-repeat: no-repeat; background-size:354px 114px; background-position: center center;}
.twitter_text_contents03 {display:inline-block; width:300px;  margin:60px 0; list-style: none; background-color: #01a4b8; padding: 10px 0;}
@media screen and (max-width:480px){.twitter_text_contents01{font-size:0.9em; line-height:2.2em; margin-top:2.4em;}}
@media screen and (max-width:480px){.twitter_text_contents02{background:url("../img/target.png"); background-repeat: no-repeat; background-size:280px 90px; background-position: center center;}}
@media screen and (max-width:480px){.twitter_text_contents03{display:inline-block; width:240px;  margin:2.4em 0; list-style: none; background-color: #01a4b8; padding:0.6em 0;}}

.twitter_text_contents04 {margin-top:60px;}
.twitter_text_contents04_mb{display: none;}
@media screen and (max-width:480px){
	.twitter_text_contents04{display: none;}
	.twitter_text_contents04_mb{margin-top:2em; display:block;}
}
.twitter-area {margin-top:40px; width:75%; border-radius: 5px; background:#de0d85; padding: 10px 10px 1px 10px; box-sizing: border-box;}
.top-campaign-area{margin-top:40px; display:flex; justify-content:center; align-items:stretch; padding:10px; box-sizing: border-box;}
@media screen and (max-width:480px){
	.twitter-area {margin:30px 10% 0; width:80%; padding: 10px 10px 1px 10px; border-radius: 5px; text-align: center;}
	.top-campaign-area{margin:30px 0 0; padding:0; border-top:solid 1px #a6a600; display: block; justify-content:flex-start;}
}


.PRODUCE_title{width:260px;}
@media screen and (max-width:480px){.PRODUCE_title{width:130px;}}

.PRODUCE_sub_title{width: 80%}
.PRODUCE_area {position: relative; overflow: hidden; margin-top: -450px; padding: 80px 0 15%;}
@media screen and (max-width:480px){.PRODUCE_area {margin-top: -370px; margin-bottom:-4em; padding: 1em 0 0;}}
.PRODUCE_area:before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 120%;
  height: 70%;
  margin: 15% -10% 0;
  background: #01a4b8;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(-7deg);
  -ms-transform: rotate(-7deg);
  transform: rotate(-7deg);
  z-index: -1;
}
@media screen and (max-width:480px){
.PRODUCE_area:before {
  width: 150%;
  height: 75%;
  margin: 16% -25% 0;
}
}
.PRODUCE_area_inner {
  box-sizing: boder-box;
  width: 100%; height: 100%;
  margin: 100px auto 0;
  padding: 30px 10px 180px;
  color: #fff;
  text-align: center;
}
@media screen and (max-width:480px){
.PRODUCE_area_inner {
  margin: 2em auto 0;
  padding: 10% 0 18em;
  color: #fff;
  text-align: center;
}
}
.PRODUCE_area02{margin:80px 9% 0; background: #fff; padding:30px 5%; box-sizing: border-box;}
.PRODUCE_text_contents01{flex:1;}
.PRODUCE_text_contents01:not(:first-child){margin-left:3%;}
@media screen and (max-width:480px){.PRODUCE_area02{margin:2em 9% 0; background: #fff; padding:0 3% 2em; box-sizing: border-box; flex-wrap: wrap; justify-content: center;}}
@media screen and (max-width:480px){.PRODUCE_text_contents01{flex:none; width: 47.5%; padding-top:2em; box-sizing: border-box;}}
@media screen and (max-width:480px){.PRODUCE_text_contents01:not(:first-child){margin-left:0}}
@media screen and (max-width:480px){.PRODUCE_text_contents01:nth-child(even){margin-left:5%;}}

.PRODUCE_area_season2 {position: relative; overflow: hidden; margin-top: -300px; padding: 80px 0 15%;}
@media screen and (max-width:480px){.PRODUCE_area_season2 {margin-top: -240px; margin-bottom:-4em; padding: 1em 0 0;}}
.PRODUCE_area_season2:before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 120%;
  height: 70%;
  margin: 15% -10% 0;
  background: #01a4b8;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(-7deg);
  -ms-transform: rotate(-7deg);
  transform: rotate(-7deg);
  z-index: -1;
}
@media screen and (max-width:480px){
.PRODUCE_area_season2:before {
  width: 150%;
  height: 75%;
  margin: 16% -25% 0;
}
}



.Sponsor_title{width:290px;}
@media screen and (max-width:480px){.Sponsor_title{width:145px;}}

.Sponsor_sub_title{width: 80%}


.Sponsor_text_contents01{margin: 0 10% 0; text-align: center; display:flex; flex-wrap: wrap; justify-content:flex-start;}
.Sponsor_text_contents01_1{width:24%; margin-top:80px;}
.Sponsor_text_contents01_1:not(:nth-child(3n+1)){margin-left:14%;}
.Sponsor_text_contents02{margin: 80px 0 0; text-align: center; font-size: 32px; font-weight: bold;}
.Sponsor_text_contents03{margin: 50px 0 0; text-align: center; font-size: 18px; font-weight: bold;}
@media screen and (max-width:480px){.Sponsor_text_contents01{margin: 0 5% 0; text-align: center; justify-content:center;}}
@media screen and (max-width:480px){.Sponsor_text_contents01_1{width:45%; margin-top:40px;}}
@media screen and (max-width:480px){.Sponsor_text_contents01_1:not(:nth-child(3n+1)){margin-left:0}}
@media screen and (max-width:480px){.Sponsor_text_contents01_1:not(:nth-child(2n+1)){margin-left:5%;}}
@media screen and (max-width:480px){.Sponsor_text_contents02{margin: 3em 0 0; text-align: center; font-size: 1.6em; font-weight: bold;}}
@media screen and (max-width:480px){.Sponsor_text_contents03{margin: 3em 0 0; text-align: center; font-size: 1.1em; font-weight: bold;}}

.Sponsor_image01{vertical-align:bottom; max-width: 100%;}
@media screen and (max-width:480px){.Sponsor_image01{vertical-align:bottom; width: 100%;}}


.Support_title{width:260px;}
@media screen and (max-width:480px){.Support_title{width:130px;}}

.Support_sub_title{width: 80%}
.Support_area {position: relative; overflow: hidden; margin-top: 10%; padding: 80px 0 15%;}
@media screen and (max-width:480px){.Support_area {margin-top: 4em; padding: 1em 0 0;}}
.Support_area:before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 120%;
  height: 100%;
  margin: 3% -10% 0;
  background: #01a4b8;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(5deg);
  -ms-transform: rotate(5deg);
  transform: rotate(5deg);
  z-index: -1;
}
@media screen and (max-width:480px){
.Support_area:before {
  width: 120%;
  height: 80%;
  margin: 3% -10% 0;
}
}
.Support_area_inner {
  box-sizing: boder-box;
  width: 100%; height: 100%;
  margin: 0 auto;
  padding: 150px 10px 20px;
  color: #fff;
  text-align: center;
}
@media screen and (max-width:480px){
.Support_area_inner {
  padding: 15% 0 0;
  color: #fff;
  text-align: center;
}
}
.Support_area02{margin:80px 9% 0; background: #fff; padding:0 5% 30px; box-sizing: border-box; flex-wrap: wrap; justify-content: center;}
.Support_text_contents01{width: 22%; margin-top:30px;}
.Support_text_contents01:not(:nth-child(4n+1)){margin-left:4%;}
.Support_image_contents01{width: 80%; vertical-align:bottom;}
@media screen and (max-width:480px){.Support_area02{margin:2em 9% 0; background: #fff; padding:0 3% 2em; box-sizing: border-box; flex-wrap: wrap; justify-content: center;}}
@media screen and (max-width:480px){.Support_text_contents01{flex:none; width: 47.5%; margin-top:40px; box-sizing: border-box;}}
@media screen and (max-width:480px){.Support_text_contents01:not(:first-child){margin-left:0}}
@media screen and (max-width:480px){.Support_text_contents01:nth-child(even){margin-left:5%;}}
@media screen and (max-width:480px){.Support_image_contents01{width: 100%; vertical-align:bottom;}}

.Support_area_back {margin-top:-80px; position: relative; overflow: hidden; height:300px;}
@media screen and (max-width:480px){.Support_area_back {margin-top:-120px; position: relative; overflow: hidden; height:260px;}}
.Support_area_back:before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 120%;
  height: 80%;
  margin: 3% -10% 0;
  background: #01a4b8;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(-6deg);
  -ms-transform: rotate(-6deg);
  transform: rotate(-6deg);
  z-index: -2;
}
@media screen and (max-width:480px){
.Support_area_back:before {
  width: 150%;
  height: 80%;
  margin: 3% -25% 0;
}
}




.special_thanks_area{margin-bottom: 220px;}
.special_thanks_area02{margin:80px 9% 0; background: #fff; padding:0 5% 30px; box-sizing: border-box; flex-wrap: wrap; justify-content: center;}
@media screen and (max-width:480px){.special_thanks_area{margin-bottom: 6em;}}
@media screen and (max-width:480px){.special_thanks_area02{margin:2em 9% 0; background: #fff; padding:0 3% 2em; box-sizing: border-box; flex-wrap: wrap; justify-content: center;}}
.special_thanks_title{width:465px;}
@media screen and (max-width:480px){.special_thanks_title{width:232px;}}
.special_thanks_image_contents01{width: 80%; vertical-align:bottom;}
@media screen and (max-width:480px){.special_thanks_image_contents01{width: 100%; vertical-align:bottom;}}




/* Contact Us(実装版はContact)
.Contact_title{width:382px;}
@media screen and (max-width:480px){.Contact_title{width:191px;}}
*/

.Contact_title{width:241px;}
@media screen and (max-width:480px){.Contact_title{width:120px;}}

.Contact_area{}
.Contact_contents{background-color: #fff; color:#111; padding: 150px 0 280px;}
.Contact_text_contents01{margin-top:80px;}
.Contact_text_contents02{margin-top:15px; font-size: 14px;}
@media screen and (max-width:480px){.Contact_area{}}
.Contact_contents{background-color: #fff; color:#111; padding: 80px 0 130px;}
@media screen and (max-width:480px){.Contact_text_contents01{margin-top:5em; font-size: 0.75em; line-height: 1.7em;}}
@media screen and (max-width:480px){.Contact_text_contents02{margin-top:1em; font-size: 0.8em; line-height: 1.5em;}}


/************************************
   フッター
************************************/
#footer{text-align: center; margin:80px 5% 50px; box-sizing: border-box;}
@media screen and (max-width:1040px){#footer{align-items:stretch; margin:0 0 2em; text-align: center;}}

#footer-02{text-align: center; margin:180px 5% 50px; box-sizing: border-box;}
@media screen and (max-width:1040px){#footer-02{align-items:stretch; margin:60px 0 2em; text-align: center;}}

#footer_logo{width:420px;}
#footer_logo_image{width:420px;}
#footer_link{flex: 1;}
.footer_link_menu{display:flex; align-items:flex-start; flex-wrap:wrap; justify-content:center;}
.footer_link_text{flex: 1;}
.footer_link_text:before{content:"→"; position:relative; margin-right:10px;}
@media screen and (max-width:1040px){#footer_logo{width:100%; text-align: center; box-sizing: border-box;}}
@media screen and (max-width:1040px){#footer_logo_image{width:33%;}}
@media screen and (max-width:1040px){#footer_link{flex:none;}}
@media screen and (max-width:1040px){.footer_link_menu{display:block; align-items:stretch; flex-wrap:wrap; justify-content:flex-start; margin-top:2em; padding-bottom:20px; border-top:solid 1px #fff; border-bottom:solid 1px #fff; text-align: center; overflow: hidden;}}
@media screen and (max-width:1040px){.footer_link_text{flex:none; display: inline-block; width:auto; font-size:0.8em; padding:20px 5px 0; box-sizing: border-box; text-align: left;}}
@media screen and (max-width:480px){.footer_link_text{flex:none; display: inline-block; width:auto; font-size:0.6em; padding:20px 5px 0; box-sizing: border-box; text-align: left;}}
@media screen and (max-width:1040px){.footer_link_text:before{content:" "; position:relative; margin-right:10px;}}
@media screen and (max-width:1040px){.footer_link_text:not(:first-child):before{content:"/"; position:relative; margin-right:10px;}}

#copyright{font-size:14px; line-height:18px; text-align:center; margin: 0 10% 20px;}
@media screen and (max-width:1040px){#copyright{font-size:0.8em; line-height:1.4em; text-align:center; margin: 0 3% 1em;}}


.copyright-roboto{font-family: 'Roboto', sans-serif;}

/************************************
   link
************************************/
a{color:#fff; text-decoration:underline;}
a:hover{color:#ff0;}


/************************************
   空白
************************************/

/************************************
   画像
************************************/
.image01{vertical-align:bottom;}
.image02{vertical-align:bottom; max-width: 320px; width:100%; height: auto;}
.image02:hover{cursor: pointer;}
.image03{vertical-align:bottom; max-width: 320px; width:100%; height: auto;}
.image04{vertical-align:bottom; width: 50%;}
.image05{vertical-align:bottom; width: 85%;}
.image06{vertical-align:middle; max-width: 800px; width:100%; height: auto;}

.news-image-size{vertical-align:middle; max-width: 80%;}
.news-image-center{}

.ranking-image-large{vertical-align: middle; max-width:80%; height: auto; text-align: center;}
.cast-image-large{vertical-align: top; max-width:800px; width:90%; text-align: center;}

@media screen and (max-width:980px){
	.image06{vertical-align:middle; max-width: 90%; width:100%; height: auto;}
}
@media screen and (max-width:480px){
	.image02{vertical-align:bottom; max-width: 180px; width:100%; height: auto;}
	.image03{vertical-align:bottom; max-width: 180px; width:100%; height: auto;}
	.image05{vertical-align:bottom; width: 50%;}
	.image06{vertical-align:middle; max-width: 95%; width:100%; height: auto;}
	
	.news-image-size{max-width: 98%;}
	.news-image-center{text-align: center;}

	.ranking-image-large{vertical-align: top; max-width:none; width:100%; text-align: center;}
	.cast-image-large{vertical-align: top; max-width:800px; width:100%; text-align: center;}
}


/************************************
   フォント
************************************/
.fb{font-weight:bold;}
.fn{font-weight:normal;}

.fc_black{color:#000;}

.text_center{justify-content:center;} /* wrapper用 */
.text_right{justify-content:right;} /* wrapper用 */

.word_br{word-break:break-all;}

/************************************
   幅
************************************/
.wrapper{display:flex;}
.wrapper_wrap{display:flex; flex-wrap:wrap;}
.wrapper_start{display:flex; align-items:flex-start; flex-wrap:wrap;}


.wrapper_left{flex:1;}
.wrapper_middle_items{display:flex; flex:1; align-items:center;}
.wrapper_middle_number{display:flex; align-items:center;}

.wrapper_top_center{display:flex; justify-content:center;}
.wrapper_top_center_wrap{display:flex; justify-content:center; flex-wrap:wrap;}
.wrapper_middle_center{display:flex; align-items:center; justify-content:center;}
.wrapper_bottom{display:flex; justify-content:flex-end;}

.wrapper_middle{align-items:center;}

.wrapper_items_right {flex-direction: row-reverse;}/*右揃え*/

.box_s{box-sizing:border-box;}

.width_auto{display:inline-block; width:auto;}

.width50p{width:50%;}


.wrapper-pc{display:flex;}
@media screen and (max-width:480px){.wrapper-pc{display:block;}}



/**/

.brand_movie_title{width:387px;}
@media screen and (max-width:480px){.brand_movie_title{width:193px;}}
.a6l_movie_title{width:354px;}
@media screen and (max-width:480px){.a6l_movie_title{width:177px;}}

.a6l_movie_text_contents01{font-size:20px; line-height:48px; margin-top:60px; color: #000;}
@media screen and (max-width:480px){.a6l_movie_text_contents01{font-size:0.9em; line-height:2.2em; margin-top:2em;}}
.a6l_movie_link{font-size: 25px; line-height:48px; margin-top:60px; font-weight: bold;}
.a6l_movie_link a{color: #000;}
.a6l_movie_link a:hover{color: #000;}
.a6l_movie_link02{height:70px;}
.a6l_movie_link03{padding-top:9px;padding-left:3px;}

@media screen and (max-width:480px){.a6l_movie_link{font-size:1em; line-height:2.2em; margin-top:2em;}}

@media screen and (max-width:480px) {
.a6l_movie_link02{height:30px;}
.a6l_movie_link03{ padding-top:0px;padding-left:2px;}
}

.top_movie_area{margin:-220px 5% 0; display:flex; justify-content:center;}
@media screen and (max-width:480px){.top_movie_area{margin:1.2em 0 0; border-top:solid 1px #fff; display: block; justify-content: flex-start;}}

.brand_movie_area {position: relative; overflow: hidden; margin-top: 0px; padding: 120px 0 0;}
@media screen and (max-width:480px){.brand_movie_area {position: relative; overflow: hidden; margin-top: 10px; padding: 40px 0 0;}}
.brand_movie_area:before {content: ''; position: absolute; top: 0; left: 0; width: 120%; height: 100%; margin: 3% -10% 0; background: #f8b62b; -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; -webkit-transform: rotate(7deg); -ms-transform: rotate(7deg); transform: rotate(7deg); z-index: -1;}
@media screen and (max-width:480px){.brand_movie_area:before {width: 150%; height: 90%; margin: 5% -25% 0;}}
.brand_movie_area_inner {box-sizing: boder-box; width: 100%; height: 100%; margin: 0 auto; padding: 100px 10px 20px; color: #fff; text-align: center; box-sizing: border-box;}
@media screen and (max-width:480px){.brand_movie_area_inner {padding: 15% 0 0; color: #fff; text-align: center;}}

.brand_movie_area_back {margin-top:-10em; position: relative; overflow: hidden; height:24em; z-index: -1}
.brand_movie_area_back:before {content: ''; position: absolute; top: 0; left: 0; width: 120%; height: 80%; margin: 3% -10% 0; background: #f8b62b; -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; -webkit-transform: rotate(-4deg); -ms-transform: rotate(-4deg); transform: rotate(-4deg); z-index: -1}
@media screen and (max-width:480px){.brand_movie_area_back:before {width: 150%; height: 80%; margin: -3% -25% 0;}}

.brand_movie_youtube_area{width: 60%;margin:80px 20% 0;}
.brand_movie_youtube{position: relative;width: 100%; padding-top: 56.25%;border:solid 5px #fff;}
.brand_movie_youtube iframe {position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}
@media screen and (max-width:480px){.brand_movie_youtube_area{width: 90%;margin:20px 5% 0;}}
@media screen and (max-width:480px){.brand_movie_youtube{border:solid 2px #fff;}}


.ambassadors_title{width:430px; margin-top:120px;}
@media screen and (max-width:480px){.ambassadors_title{width:215px; margin-top:2em;}}

.ambassadors_area{margin:120px 10% 0; display:flex; justify-content:center;}
@media screen and (max-width:480px){.ambassadors_area{margin:1.2em 2% 0; padding-top:1.2em; border-top:solid 1px #000; display: block; justify-content: flex-start;}}
@media screen and (max-width:480px){.ambassadors_area:not(:first-child){margin-top:40px;}}

.ambassadors_text_contents{width:100%; max-width: 300px;}
@media screen and (max-width:480px){.ambassadors_text_contents{width: 80%; box-sizing: border-box;}}

.ambassadors_image_contents{width:100%; padding-left:4%; text-align: left;}
.ambassadors_image_contents h3{width:100%; }
.ambassadors_image{vertical-align: bottom; width:100%; max-width: 300px;}
@media screen and (max-width:480px){.ambassadors_image_contents{text-align:center; padding-left:0; }}
@media screen and (max-width:480px){.ambassadors_image_contents h3{width:100%; max-width: 260px;}}
@media screen and (max-width:480px){.ambassadors_image{vertical-align: bottom; width:100%; max-width: 260px;}}

h3 .ambassadors_member{width: 100%;}
h3 .ambassadors_member .ambassadors_member_text{font-size: 26px; line-height:34px; transform:skewX(15deg); padding:5px 3vw 0;}
@media screen and (max-width:480px){h3 .ambassadors_member{margin-top:20px; width: 100%; max-width: 260px;}}
@media screen and (max-width:480px){h3 .ambassadors_member .ambassadors_member_text{font-size: 1.3em; line-height:1.2em; transform:skewX(15deg); margin-top:10px; padding:0.2em 3vw 0.1em;}}

.ambassadors_text_introduction{width:100%; text-align: left; margin-top:20px; font-size:24px; font-weight: bold;}
.ambassadors_text_introduction-sns-area{width:100%; text-align: left; margin-top:3px;}
.ambassadors_text_introduction-sns-area a{color:#01a4b8;}
.ambassadors_text_introduction-sns{display:inline-block; text-align: left; font-size:20px; font-weight: bold; margin-right:20px;}
.ambassadors_text_introduction-twitter{display:inline-block; text-align: left; font-size:16px;}
/*.ambassadors_text_introduction-twitter:before{content:" "; position:relative; top:4px; padding-right:16px; margin-right:5px; background:url("../img/twitter.png"); background-repeat: no-repeat; background-size:contain;}*/
.ambassadors_text_introduction-twitter:before{content:" "; position:relative; top:4px; padding-right:16px; margin-right:5px; background:url("../img/x.png"); background-repeat: no-repeat; background-size:contain;}
.ambassadors_text_introduction-instagram{display:inline-block; text-align: left; font-size:16px;}
.ambassadors_text_introduction-instagram:before{content:" "; position:relative; top:4px; padding-right:16px; margin-right:5px; background:url("../img/instagram.png"); background-repeat: no-repeat; background-size:contain;}
.ambassadors_text_profile{display:inline-block; background-color:#01a4b8; width:auto; color:#000; font-size:16px; line-height:18px; font-weight: bold; margin-top:20px; padding:4px 10px 3px;}
.ambassadors_text_profile_comment{width:100%; text-align: left; margin-top:3px; font-size:16px; line-height:28px;}
.ambassadors_text_gametitle{display:inline-block; background-color:#f8b62b; width:auto; color:#000; font-size:16px; line-height:18px; font-weight: bold; margin-top:20px; padding:4px 10px 3px;}
.ambassadors_text_gametitle_comment{width:100%; text-align: left; margin-top:3px; font-size:16px; line-height:28px;}
.ambassadors_text_comment{display:inline-block; background-color:#7030a0; width:auto; color:#000; font-size:16px; line-height:18px; font-weight: bold; margin-top:20px; padding:4px 10px 3px;}
.ambassadors_text_comment_comment{width:100%; text-align: left; margin-top:3px; font-size:16px; line-height:28px;}
@media screen and (max-width:480px){.ambassadors_text_area{text-align: left;}}
@media screen and (max-width:480px){.ambassadors_text_introduction-sns{display:block; text-align: left; font-size:16px; font-weight: bold; margin-right:0;}}
@media screen and (max-width:480px){.ambassadors_text_introduction-twitter{display:block; text-align: left; font-size:14px;}}
@media screen and (max-width:480px){.ambassadors_text_introduction-instagram{display:block; text-align: left; font-size:14px;}}

h3 .ambassadors_member{background:#fff;}
/*
h3 .ambassadors_member{background:#01a4b8;}
.ambassadors_text_contents:nth-child(2) h3 .ambassadors_member{background:#f8b62b;}
.ambassadors_text_contents:nth-child(3) h3 .ambassadors_member{background:#7030a0;}
*/

.news_area{margin:80px 3% 0; display:flex; justify-content:center;}
@media screen and (max-width:480px){.news_area{margin:1.2em 0 0; border-top:solid 1px #fff; display: block; justify-content: flex-start;}}


.news_list_area{margin:0 3%; display:flex; flex-wrap: wrap;}
@media screen and (max-width:480px){.news_list_area{margin:0 0; border-top:solid 1px #fff; display: block; justify-content: flex-start; flex-wrap:nowrap;}}

.news_list_contents{width:31.333%; margin-top:80px;}
.news_list_contents:not(:nth-child(3n+1)){margin-left:3%;}
.news_list_title{width:163px; margin-top:80px;}
@media screen and (max-width:480px){.news_list_contents {width:100%; margin-top:1.2em;}}
@media screen and (max-width:480px){.news_list_contents:not(:nth-child(3n+1)){margin-left:0;}}
@media screen and (max-width:480px){.news_list_title{width:81px; margin-top:4em;}}
.news_list_area a{text-decoration: none;}

.news_main_area{display:flex; margin:70px 3% 0; text-align:left;}
.news_main_contents_left{flex: 1; padding:0 3% 0 0; border-right:solid 1px #fff;}
.news_main_contents_right{width:320px; padding:0 0 0 3%; box-sizing: border-box;}
@media screen and (max-width:480px){.news_main_area{display:block; margin:1.8em 3% 0; text-align:left;}}
@media screen and (max-width:480px){.news_main_contents_left{flex:auto; padding:0; border-right:none;}}
@media screen and (max-width:480px){.news_main_contents_right{width:100%; padding:4em 0 0 0; box-sizing: border-box;}}

.news_main_contents_title{font-size:36px; font-weight: bold; line-height: 48px;}
.news_main_contents_date{margin-top:10px; font-size:16px; line-height: 18px; font-weight: bold; text-align: right; color:#ccc; padding-bottom:10px; border-bottom:solid 2px #fff;}
.news_main_contents_tag{margin-top:2px; text-align: right;}
.news_main_contents_text{margin-top:30px; font-size:18px; line-height: 36px;}
.news_image_size{vertical-align:bottom; max-width: 800px; margin:50px 0;}
@media screen and (max-width:480px){.news_main_contents_title{font-size:1.4em; line-height: 1.5em;}}
@media screen and (max-width:480px){.news_main_contents_date{margin-top:10px; font-size:1em; line-height: 1em; padding-bottom:5px; border-bottom:solid 2px #fff;}}
@media screen and (max-width:480px){.news_main_contents_text{margin-top:30px; font-size:0.9em; line-height: 1.8em; word-wrap: break-word;}}
@media screen and (max-width:480px){.news_image_size{vertical-align:bottom; max-width: 100%; text-align: center; margin:2em 0;}}

.news_main_contents_text a{color:#01a4b8;}
.news_main_contents_text a:hover{color:#ff0;}

.news_main_list_area{}
.news_main_list_contents {width:100%;}

.news_main_list{padding:10px 5px; display: flex; margin:0;}
.news_main_list_area > div:not(:last-child){border-bottom:solid 1px #fff;}
.news_main_list_image{width:100px;}
.news_main_list_text-area{flex:1;}
.news_main_date{text-align: left;font-size: 0.7em; line-height:1em; margin:0 0 0 10px;}
.news_main_text_comment{text-align: left; margin:5px 0 0 10px; font-size:0.9em; line-height: 1.4em; font-weight: bold;}
.news_main_area a{text-decoration: none;}
@media screen and (max-width:480px){.news_main_list_area > div:last-child{border-bottom:solid 1px #fff;}}

 .news_sub_title_area{width:98%; margin-left:5px;}
h3 .news_sub_title{background:#7030a0;}
h3 .news_sub_title .news_sub_title_text{font-size: 32px; line-height:42px; transform:skewX(15deg); padding:5px 3vw 0;}
@media screen and (max-width:480px){h3 .news_sub_title .news_sub_title_text{font-size: 1.2em; line-height:1.2em; transform:skewX(15deg); margin-top:10px; padding:0.2em 3vw 0.1em;}}


nav.cp_navi *, nav.cp_navi *:after, nav.cp_navi *:before {-webkit-box-sizing: border-box; box-sizing: border-box;}
nav.cp_navi a {text-decoration: none;}
nav.cp_navi {margin: 4em 0; text-align: center;}
.cp_navi .cp_pagination {display: inline-block; margin-top: 2em; padding: 0 0.5em;}
.cp_navi .cp_pagenum {font-size: 1em; line-height: 2.5em; display: block; float: left; padding: 0 25px; transition: 400ms ease; letter-spacing: 0.1em; color: #ffffff; background-color: #000; border:solid 1px #fff;}
.cp_navi .cp_pagenum:hover,.cp_navi .cp_pagenum.current {color: #f8b62b; background-color: #222;}
.cp_navi .cp_pagenum.prev:hover,.cp_navi .cp_pagenum.next:hover {color: #01a4b8; background-color: #222;}
.cp_navi .cp_pagenum:not(:last-child){margin-right:3px;}
@media screen and (max-width:480px) {
.cp_navi .cp_pagination {margin-top: 0.5em; padding: 0 10px;}
.cp_navi .cp_pagenum {display: none; font-size: 0.8em; line-height: 2.5em; padding: 0 14px;}
.cp_navi .cp_pagenum.prev,.cp_navi .cp_pagenum.next {padding: 0 10px;}
.cp_navi .cp_pagenum:nth-child(-n+4),.cp_navi .cp_pagenum:nth-last-child(-n+4) {display: block;}
.cp_navi .cp_pagenum:nth-last-child(-n+4) {padding-right: 14px;}
.cp_navi .cp_pagenum:nth-last-child(-n+4)::after {content: none;}
.cp_navi .cp_pagenum.prev,.cp_navi .cp_pagenum.next {padding: 0 5px;}
}




.news_contents{width:100%;}
.news_contents:not(:first-child){margin-left:3%;}
.news_contents02{width:100%;}
.news_contents02:not(:first-child){margin-left:10%;}
.news_title{width:163px; margin-top:180px;}
@media screen and (max-width:480px){.news_contents {width:100%;}}
@media screen and (max-width:480px){.news_contents:not(:first-child){margin-left:0;}}
@media screen and (max-width:480px){.news_contents02 {width:100%;}}
@media screen and (max-width:480px){.news_contents02:not(:first-child){margin-left:0;}}
@media screen and (max-width:480px){.news_title{width:81px; margin-top:4em;}}
@media screen and (max-width:480px){.news_space {display: none;}}

.j-stream-contents{width:100%; max-width: 600px; margin-top:80px;}
.j-stream-contents:not(:first-child){margin-left:3%;}
@media screen and (max-width:480px){.j-stream-contents {width:100%;}}
@media screen and (max-width:480px){.j-stream-contents:not(:first-child){margin-left:0;}}

.news_tag_category{display:inline-block; border:solid 1px #005185; background-color:#01a4b8; width:auto; color:#000; font-size:14px; line-height:16px; margin-right:2px; padding:3px 5px 2px;}

.news_image{vertical-align:bottom; width:100%;}
.news_date{font-size: 14px; line-height:18px; color:#aaa; text-align: left; margin-top:10px;}
.news_text_comment{text-align: left; margin-top:10px; font-weight: bold;}
@media screen and (max-width:480px){.news_date{font-size: 0.7em; line-height:1em; margin:0 0 0 10px;}}
@media screen and (max-width:480px){.news_text_comment{text-align: left; margin:5px 0 0 10px; font-size:0.9em; line-height: 1.4em; font-weight: bold;}}
.news_area a{text-decoration: none;}

@media screen and (max-width:480px){.news_list{border-bottom:solid 1px #fff; padding:10px 5px; display: flex; margin:0;}}
@media screen and (max-width:480px){.news_list_image{width:100px;}}
@media screen and (max-width:480px){.news_list_text_area{flex:1;}}

.news_text_view_more{text-align: right; font-size: 1.4em; margin:50px 3% 0 0; }
.news_text_view_more:before{content:" "; position:relative; top:10px; padding-right:28px; margin-right:10px; background:url(../img/arrow03.png); background-repeat: no-repeat; background-size:contain;}
@media screen and (max-width:480px){.news_text_view_more{font-size: 1.0em; margin:1.8em 3% 0 0; }}
@media screen and (max-width:480px){.news_text_view_more:before{top:7px; padding-right:16px; margin-right:5px;}}

.news_twitter_area {margin-top:20px;}
 .news_twitter{margin-top:60px;}
h2 .news_twitter:before{content:" "; position:relative; top:0; padding-right:28px; margin-right:14px; background:url("../img/twitter.png"); background-repeat: no-repeat; background-size:28px;}
.news_twitter_title{width:128px;}
@media screen and (max-width:480px){.news_twitter_contents {display: none;}}



.game_title{margin-bottom:180px;}
@media screen and (max-width:480px){.game_title{margin-bottom:80px;}}


.game_main_area{position: relative; overflow: hidden;}
.game_main_contents{padding: 50px 0 0;}
.game_main_text{margin-top: 60px; font-size: 32px; line-height:86px; font-weight: bold;}
@media screen and (max-width:480px){.game_main_area{position: relative; overflow: hidden; margin-top:0;}}
@media screen and (max-width:480px){.game_main_contents{padding: 80px 0 0;}}
@media screen and (max-width:480px){.game_main_contents_text{margin-top: 2em; font-size: 1.2em; line-height:2em;}}

.game_main01{margin-top:20px;}
.game_main02{margin:60px 5% 0; font-size:20px; line-height:48px; font-weight:bold; text-align: left;}
.game_main_image01{max-width: 1200px; width:70%; height: auto;}
.game_main_image02{max-width: 500px; width:70%; height: auto;}
.game_main_link{margin:60px 5% 0; text-align: left;}
.game_main_link a{color: #01a4b8; text-decoration: underline;}
.game_main_area{margin:40px 3% 0;}
.game_main_-area02{margin:40px 3% 0;}
.game_main_text01{margin-top:10px; font-size:14px; line-height: 1em; color:#fff;}
@media screen and (max-width:480px){
	.game_main01{margin-top:1em;}
	.game_main02{margin:3em 5% 0; font-size:0.9em; line-height:1.8em; font-weight:bold;}
	.game_main_image01{width:100%; height: auto;}
	.game_main_image02{width:100%; height: auto;}
	.game_main_link{margin:1.6em 5% 0; }
	.game_main_area{margin:1.2em 5% 0;}
	.game_main_-area02{margin:1.2em 5% 0;}
	.game_main_text01{margin-top:10px; font-size:12px; line-height: 1em;}
}


.league_of_legends_title{width:289px;}
.brawlstars_title{width:137px;}
.apex-legends_title{width:231px;}
.winning_eleven_title{width:234px;}
.pubg-mobile_title{width:209px;}

@media screen and (max-width:480px){
	.league_of_legends_title{width:289px;}
	.brawlstars_title{width:137px;}
	.apex-legends_title{width:231px;}
	.winning_eleven_title{width:234px;}
	.pubg-mobile_title{width:209px;}
}

.title_league_of_legends{width:497px;}
.title_brawlstars{width:211px;}
.title_apex-legends{width:294px;}
.title_winning_eleven{width:877px;}
.title_pubg-mobile{width:284px;}
.title_valorant{height: 36px;}
.title_efootball{width:431px;}
.title_pokemon-unite{width:298px;}

@media screen and (max-width:480px){
	.title_league_of_legends{width:290px;}
	.title_brawlstars{width:211px;}
	.title_apex-legends{width:290px;}
	.title_winning_eleven{width:290px;}
	.title_valorant{height: 28px;}
	.title_efootball{width:300px; max-width:90%;}
	.title_pokemon-unite{width:290px;}
}

.league_of_legends_area{position: relative; overflow: hidden;}
.league_of_legends_contents{padding: 50px 0 0;}
.league_of_legends_text{margin-top: 60px; font-size: 32px; line-height:86px; font-weight: bold;}
@media screen and (max-width:480px){.league_of_legends_area{position: relative; overflow: hidden; margin-top:0;}}
@media screen and (max-width:480px){.league_of_legends_contents{padding: 80px 0 0;}}
@media screen and (max-width:480px){.league_of_legends_contents_text{margin-top: 2em; font-size: 1.2em; line-height:2em;}}


.sub_title_width80{width: 80%}

h3 .orange{background:#f8b62b; margin-top:80px;}
h3 .orange .orange_text{color:#000; font-size: 32px; line-height:42px; transform:skewX(15deg); padding:5px 3vw 0;}
@media screen and (max-width:480px){h3 .orange .orange_text{font-size: 1.2em; line-height:1.2em; transform:skewX(15deg); padding:0.2em 3vw 0.1em;}}

h3 .blue{background:#01a4b8; margin-top:80px;}
h3 .blue .blue_text{color:#000; font-size: 32px; line-height:42px; transform:skewX(15deg); padding:5px 3vw 0;}
@media screen and (max-width:480px){h3 .blue .blue_text{font-size: 1.2em; line-height:1.2em; transform:skewX(15deg); padding:0.2em 3vw 0.1em;}}

h3 .blue02{background:#01a4b8; margin:20px 0;}
h3 .blue02 .blue_text{color:#000; font-size: 24px; line-height:1.4em; transform:skewX(15deg); padding:5px 3vw 0;}
@media screen and (max-width:480px){
	h3 .blue02{background:#01a4b8; margin:10px 0 15px;}
	h3 .blue02 .blue_text{font-size: 1em; line-height:1em; transform:skewX(15deg); padding:0.4em 3vw 0.2em;}
}

h3 .purple{background:#7030a0; margin-top:80px;}
h3 .purple .purple_text{color:#000; font-size: 32px; line-height:42px; transform:skewX(15deg); padding:5px 3vw 0;}
@media screen and (max-width:480px){h3 .purple .purple_text{font-size: 1.2em; line-height:1.2em; transform:skewX(15deg); padding:0.2em 3vw 0.1em;}}

h3 .white{background:#fff; margin-top:80px;}
h3 .white .white_text{color:#000; font-size: 32px; line-height:42px; transform:skewX(15deg); padding:5px 3vw 0;}
@media screen and (max-width:480px){h3 .white .white_text{font-size: 1.2em; line-height:1.2em; transform:skewX(15deg); padding:0.2em 3vw 0.1em;}}


.competition_list {margin: 80px auto 0;}
.competition_list table {border-collapse: collapse; margin: 20px auto 0; padding: 0; width: 90%; table-layout: fixed; color: #fff;}
.competition_list table tr {padding: .35em; border-bottom: 1px dotted #fff;}
.competition_list table tr:last-child{border-bottom: 2px solid #fff;}
.competition_list table th {padding: 1em 10px 0.3em 1em;}
.competition_list table td {padding: 1em 10px 1em 1em;}
.competition_list_name {text-align:left;}
.competition_list_date {text-align: center; width:280px;}
.competition_list tbody th {color: #fff;}
@media screen and (max-width:480px) {
.competition_list {margin: 1.2em auto 0;}
.competition_list table {border: 0; width:100%; padding:0;}
.competition_list table tr {padding:0; border-bottom:none;}
.competition_list table th{display: block; border:none; background:#fff; color:#000; padding: 0; line-height:1.5em; margin: 0;}
.competition_list table thead {border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.competition_list table tr {display: block; margin-bottom: 2em; border-bottom: 2px solid #fff;}
.competition_list table td {border-bottom: 1px dotted #bbb; display: block; font-size: .8em; text-align: right; position: relative; padding: .625em .625em .625em 4em; border-right: none;}
.competition_list_name {text-align:center;}
.competition_list_date {text-align: right; width:auto;}
.competition_list table td::before {content: attr(data-label); font-weight: bold; position: absolute; left: 10px;}
.competition_list table td:last-child {border-bottom: 0;}
}

.competition_movie_youtube_area{width: 60%; margin:160px 20% 0;}
.competition_movie_youtube{position: relative;width: 100%; padding-top: 56.25%;border:solid 5px #fff;}
.competition_movie_youtube iframe {position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}
@media screen and (max-width:480px){.competition_movie_youtube_area{width: 90%; margin:3.2em 5% 0;}}
@media screen and (max-width:480px){.competition_movie_youtube{border:solid 2px #fff;}}



.competition_participation{margin:80px 10% 0;}
.competition_participation_area{box-sizing: border-box; flex-wrap: wrap;}
.competition_participation_area a{text-decoration: none;}
.competition_participation_logo{width:22%; padding-top:50px;}
.competition_participation_logo:not(:nth-child(4n+1)){margin-left:4%;}
.competition_participation_name{padding-top:10px;}
@media screen and (max-width:480px){.competition_participation{margin:1.2em 9% 0;}}
@media screen and (max-width:480px){.competition_participation_area{box-sizing: border-box; flex-wrap: wrap; justify-content: center;}}
@media screen and (max-width:480px){.competition_participation_logo{flex:none; width: 47.5%; padding-top:1.2em; box-sizing: border-box;}}
@media screen and (max-width:480px){.competition_participation_logo:not(:nth-child(4n+1)){margin-left:0}}
@media screen and (max-width:480px){.competition_participation_logo:nth-child(even){margin-left:5%;}}
@media screen and (max-width:480px){.competition_participation_name{flex:none; width: 47.5%; padding-top:1.8em; font-size:0.8em; line-height: 1.8em; box-sizing: border-box;}}
@media screen and (max-width:480px){.competition_participation_name:not(:nth-child(4n+1)){margin-left:0}}
@media screen and (max-width:480px){.competition_participation_name:nth-child(even){margin-left:5%;}}


.ranking-tab {display: inline-block; width:90%; position: relative; height: auto; border-bottom:solid 2px #333; padding:8px 0 5px; font-size: 22px; line-height:1.2em; font-weight: bold; background-color: #fff; color: #111; cursor: pointer;}
.ranking-tab:first-child {margin-top:40px;}
.ranking-tab:hover {background-color: #fff; color: #111;}

.ranking-tab:before {content: ""; position: absolute; top: 50%; right: 8px; width: 12px; height: 2px; background: #111; transform: translateY(-50%); transition: .3s;}
.ranking-tab:after {content: ""; position: absolute; top: 50%; right: 13px; width: 2px; height: 12px; background: #111; transform: translateY(-50%); transition: .3s;}
.ranking-tab.ranking-tab-open:before {transform: rotate(180deg);}
.ranking-tab.ranking-tab-open:after {top: 25%; opacity: 0; transform: rotate(270deg);}


.company-member-title-inner02:before {content: "▲"; position: absolute; transform: rotate(0);
  top: 50%;
  right: 8px;
  margin-top: -6px; transition: .3s;}
.ranking-tab-open .company-member-title-inner02:before {transform: rotate(180deg);}

.ranking-contents {display: none; padding:20px 0 60px;}
.ranking-contents02 {display: none;padding:20px 0 0;}
.ranking-contents:nth-child(2) {display: block;}
.ranking-contents02:nth-child(2) {display: block;}
@media screen and (max-width:480px){
	.ranking-tab {display: block; width:auto; position: relative; height: auto; margin:0 5px; padding:5px 0; font-size: 20px; line-height:1em; font-weight: bold; background-color: #fff; color: #111; cursor: pointer;}
	.ranking-contents {display: none; padding:0 0 60px;}
}


.schedule-tab-area {transition: .3s;}
.schedule-tab01 {cursor: pointer;}
.schedule01:hover .schedule-tab01 {background: #ff0;}
/*.schedule01:hover .schedule_contents_03 {background: #fff;}*/
.schedule-tab01b {cursor: pointer;}
.schedule01b:hover .schedule-tab01 {background: #ff0;}
.schedule-tab01-open {cursor: pointer; background:#fff; color:#000; padding:3px 15px; border-right:#000 solid 1px; border-bottom:#000 solid 1px;}
.schedule-tab01-area{display: none;}
.schedule-tab02 {cursor: pointer;}
.schedule02:hover .schedule-tab02 {background: #ff0;}
.schedule-tab02-open {cursor: pointer; background:#fff; color:#000; padding:3px 15px; border-right:#000 solid 1px; border-bottom:#000 solid 1px;}
.schedule-tab02-area{display: none;}
.schedule-tab03 {cursor: pointer;}
.schedule03:hover .schedule-tab03 {background: #ff0;}
.schedule-tab03-open {cursor: pointer; background:#fff; color:#000; padding:3px 15px; border-right:#000 solid 1px; border-bottom:#000 solid 1px;}
.schedule-tab03-area{display: none;}
.schedule-tab04 {cursor: pointer;}
.schedule04:hover .schedule-tab04 {background: #ff0;}
.schedule-tab04-open {cursor: pointer; background:#fff; color:#000; padding:3px 15px; border-right:#000 solid 1px; border-bottom:#000 solid 1px;}
.schedule-tab04-area{display: none;}
.schedule-tab05 {cursor: pointer;}
.schedule05:hover .schedule-tab05 {background: #ff0;}
.schedule-tab05-open {cursor: pointer; background:#fff; color:#000; padding:3px 15px; border-right:#000 solid 1px; border-bottom:#000 solid 1px;}
.schedule-tab05-area{display: none;}
.schedule-tab06 {cursor: pointer;}
.schedule06:hover .schedule-tab06 {background: #ff0;}
.schedule-tab06-open {cursor: pointer; background:#fff; color:#000; padding:3px 15px; border-right:#000 solid 1px; border-bottom:#000 solid 1px;}
.schedule-tab06-area{display: none;}
.schedule07:hover .schedule-tab07 {background: #ff0;}
.schedule-tab07-open {cursor: pointer; background:#fff; color:#000; padding:3px 15px; border-right:#000 solid 1px; border-bottom:#000 solid 1px;}
.schedule-tab07-area{display: none;}
.schedule08:hover .schedule-tab08 {background: #ff0;}
.schedule-tab08-open {cursor: pointer; background:#fff; color:#000; padding:3px 15px; border-right:#000 solid 1px; border-bottom:#000 solid 1px;}
.schedule-tab08-area{display: none;}
.schedule09:hover .schedule-tab09 {background: #ff0;}
.schedule-tab09-open {cursor: pointer; background:#fff; color:#000; padding:3px 15px; border-right:#000 solid 1px; border-bottom:#000 solid 1px;}
.schedule-tab09-area{display: none;}
.schedule10:hover .schedule-tab10 {background: #ff0;}
.schedule-tab10-open {cursor: pointer; background:#fff; color:#000; padding:3px 15px; border-right:#000 solid 1px; border-bottom:#000 solid 1px;}
.schedule-tab10-area{display: none;}
.schedule11:hover .schedule-tab11 {background: #ff0;}
.schedule-tab11-open {cursor: pointer; background:#fff; color:#000; padding:3px 15px; border-right:#000 solid 1px; border-bottom:#000 solid 1px;}
.schedule-tab11-area{display: none;}
.schedule12:hover .schedule-tab12 {background: #ff0;}
.schedule-tab12-open {cursor: pointer; background:#fff; color:#000; padding:3px 15px; border-right:#000 solid 1px; border-bottom:#000 solid 1px;}
.schedule-tab12-area{display: none;}

@media screen and (max-width:480px){
}






.competition_ranking{margin:50px 5% 0;}
.competition_ranking_comment01{margin:0px 5% 0; font-size: 12px; line-height: 1em;}
@media screen and (max-width:480px){
	.competition_ranking{margin:1.2em 0 0;}
}
.competition_ranking2{width:100%;font:12px/18px Arial,Sans-serif;background-color:#000;border-spacing:0;margin:10px 0 15px;text-align:center;}
.competition_ranking3{font-weight:700;color:#000;background-color:#fff;border-collapse:collapse;border:0;border-bottom:#01a4b8 4px solid;padding:0;padding:4px;}
.competition_ranking4{background-color:#000; font-size: 14px; color:#fff;border-bottom:#ccc 1px solid;padding:15px 4px;vertical-align:middle;}

.list_scroll {width:100%;  overflow-x: scroll;  -webkit-overflow-scrolling: touch;  padding: 0;  display: -ms-flexbox; display:block; }

/* 画面幅が1200px以上の場合、横スクロールを解除 */
@media screen and (min-width: 1200px) {.list_scroll {overflow-x: inherit; padding:0; display: block;}}
@media screen and (min-width: 1200px) {.list_scroll th .listl_scroll td {min-width: inherit;}}

.list_scroll th:not(:last-child) {margin-right: 5px;}
.list_scroll td:not(:last-child) {margin-right: 5px;}
.list_scroll th:last-child {padding-right: 5px;}
.list_scroll td:last-child {padding-right: 5px;}
@media screen and (min-width: 1200px) {.list_scroll th:last-child {padding-right: 0;} .list_scroll td:last-child {padding-right: 0;}}

.sorter_false {background-image: none;}

.ranking_width80{min-width:80px;}
.ranking_width100{min-width:100px;}
.ranking_width120{min-width:120px;}
.ranking_width_max{width: 100%;min-width:220px;}
.ranking_width145{min-width:145px;}

.ranking_name{text-align: left; padding:0 5px;}
.ranking_logo_emblem{width:50px; text-align: center;}
.ranking_logo_emblem_image{vertical-align:middle; max-width: 36px; max-height: 36px;}
.ranking_team_name{flex:1; padding-left:5px;}

.ranking_wdl{display:flex; flex:1; align-items:center; text-align: center; margin:0 5px;}
.ranking_wdl div:not(:first-child){margin-left:5px;}
.ranking_win{border-radius: 5px; background:#090; font-size:12px; line-height:14px; font-weight:bold; color:#fff; width:21px; height:21px; padding-top:4px; text-align:center; text-align:center; box-sizing:border-box;}
.ranking_draw{border-radius: 5px; background:#444; font-size:12px; line-height:14px; font-weight:bold; color:#fff; width:21px; height:21px; padding-top:4px; text-align:center; text-align:center; box-sizing:border-box;}
.ranking_lose{border-radius: 5px; background:#c00; font-size:12px; line-height:14px; font-weight:bold; color:#fff; width:21px; height:21px; padding-top:4px; text-align:center; text-align:center; box-sizing:border-box;}


.competition_entry{margin:0 10% 0;}
.competition_entry-ranking{margin:0 10% 0;}
@media screen and (max-width:480px){.competition_entry{margin:1.2em 9% 0;}}
.competition_entry02{margin:40px 10% 0;}
@media screen and (max-width:1200px){.competition_entry02{margin:1.2em 0 0;}}
@media screen and (max-width:480px){.competition_entry02{margin:1.2em 9% 0;}}
.competition_entry03{margin:40px 5% 0;}
@media screen and (max-width:480px){.competition_entry03{margin:1.2em 3% 0;}}

.competition_rule_book{margin:80px 10% 0;}
@media screen and (max-width:480px){.competition_rule_book{margin:1.2em 9% 0;}}

.competition_rule_book_button_area {margin:80px 18% 0; display:flex;}
.competition_rule_book_button_area > div {border:solid 2px #484848;}
@media screen and (max-width:480px){.competition_rule_book_button_area {margin:4em 0 0; display:block;}}


.sitepolicy_title{width:498px; margin-top:80px;}
@media screen and (max-width:480px){.sitepolicy_title{width:249px; margin-top:4em;}}

.sitepolicy_area{margin:0 5%;}
.sitepolicy_main_text{font-size: 18px; line-height: 36px; padding:40px 10px 0; text-align: left;}
.sitepolicy_category{font-size: 36px; font-weight: bold; padding:120px 10px 15px; border-bottom:solid 3px #fff;}
.sitepolicy_text{font-size: 18px; line-height: 36px; padding:15px 10px 0; text-align: left;}
.sitepolicy_text02{font-weight: bold; margin:30px 0 0 18px;}
.sitepolicy_text03{font-weight: normal; font-size: 16px; line-height:28px; margin:5px 0 0 18px; padding: 10px; background:#333; border:solid 1px #000;}
@media screen and (max-width:480px){.sitepolicy_area{margin:0 3%;}}
@media screen and (max-width:480px){.sitepolicy_main_text{font-size: 0.8em; line-height: 1.8em; padding:2em 10px 0; text-align: left;}}
@media screen and (max-width:480px){.sitepolicy_category{font-size: 1.3em; font-weight: bold; padding:2em 2% 5px; border-bottom:solid 3px #fff;}}
@media screen and (max-width:480px){.sitepolicy_text{font-size: 0.8em; line-height: 1.8em; padding:1em 10px 0; text-align: left;}}
@media screen and (max-width:480px){.sitepolicy_text02{font-weight: bold; margin:24px 0 0 10px;}}
@media screen and (max-width:480px){.sitepolicy_text03{font-weight: normal; font-size: 0.9em; line-height:1.8em; margin:2px 0 0 0; padding: 10px; background:#333; border:solid 1px #000;}}


.privacy_title{width:573px; margin-top:80px;}
@media screen and (max-width:480px){.privacy_title{width:286px; margin-top:4em;}}

.privacyhandling_title{max-width:934px; width:80%; margin-top:80px;}
@media screen and (max-width:480px){.privacyhandling_title{max-width:462px; width:80%; margin-top:4em;}}


.entry_text_area01{margin:40px 3%;}
.entry_text_area02{margin:40px 12%;}
@media screen and (max-width:480px){.entry_text_area01{margin:1em 3%;}}
@media screen and (max-width:480px){.entry_text_area02{margin:1em 3%;}}

.entry_text_contents01{font-size: 24px; line-height: 28px; font-weight: bold; padding-top:60px;}
.entry_text_contents02{padding:20px 10px 5px; border-bottom: dotted 2px #f8b62b; text-align: left;}
.entry_text_contents03{font-weight: bold; width:100px;}
.entry_text_contents04{padding-left:10px;}
.entry_text_contents05{display:flex; flex-wrap: wrap; padding:5px 10px 0; text-align: left;}
.entry_text_contents06{width:50%; margin-top:15px;}
.entry_text_contents06-team div:first-child{font-size: 28px; font-weight: bold;}
.entry_text_contents06-team div:not(:first-child){margin-top:15px;}
.entry_text_contents07{padding-right:40px;}
.entry_text_contents08{padding:20px 10px 5px; border-bottom: dotted 2px #01a4b8; text-align: left;}
@media screen and (max-width:480px){
	.entry_text_contents01{font-size: 1.2em; line-height: 1.8em; font-weight: bold; padding-top:1.2em;}
	.entry_text_contents02{font-size: 0.75em; line-height: 1.7em; padding:2em 3% 0.5em; border-bottom: dotted 1px #f8b62b;}
	.entry_text_contents03{font-weight: bold; width:80px;}
	.entry_text_contents05{display: block; font-size: 0.75em; line-height: 1.7em; padding:0.8em 3% 0;}
	.entry_text_contents06{width:auto;}
	.entry_text_contents06-team:not(:first-child){margin-top:30px;}
	.entry_text_contents06-team div:first-child{font-size:20px; font-weight: bold;}
	.entry_text_contents06-team div:not(:first-child){margin-top:15px;}
	.entry_text_contents07{padding-right:3%;}
	.entry_text_contents08{font-size: 0.75em; line-height: 1.7em; padding:2em 3% 0.5em; border-bottom: dotted 1px #01a4b8;}
}

.schedule-image{width:100%; max-width: 1280px; height: auto;}
.schedule-image02{width:100%; max-width: 360px; height: auto;}

.youtube_video_area{width: 100%;}
.youtube_video{position: relative;width: 100%; padding-top: 56.25%;}
.youtube_video iframe {position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}
@media screen and (max-width:480px){.youtube_video_area{width: 100%;margin:20px 5% 0;}}

.j-stream_video{position: relative;width: 100%; padding-top: 56.25%;}
.j-stream_video iframe {position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}
@media screen and (max-width:480px){.j-stream_video{padding-top: 0;}}


.j-stream_video-sponsor{position: relative;width: 100%; padding-top: 0;}
.j-stream_video-sponsor iframe {position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}
@media screen and (max-width:480px){.j-stream_video-sponsor{padding-top: 0;}}

.top_video_youtube-jstream iframe{top:auto;}
@media screen and (max-width:480px){.top_video_youtube-jstream iframe{top:0;}}

.schedule{margin-bottom:40px;}

.schedule table.table01 {
	width:100%;
	border-collapse: collapse;
	text-align: center;
}
.schedule table.table02 {
	width:60%;
	border-collapse: collapse;
	text-align: center;
}
.schedule table.table03 {
	width:100%;
	border-collapse: collapse;
	text-align: center;
	border:solid 1px #fff;
}
@media screen and (max-width:480px){.schedule table.table02 {width:100%;}}
.schedule_title_01 {
	background:#fff;
	color:#000;
	padding:3px 15px;
	border-right:#000 solid 1px;
	border-bottom:#000 solid 1px;
}
.schedule_title_03 {
	background: #1b1464;
	color:#fff;
	padding:3px 15px;
	border-right:#fff solid 1px;
	border-bottom:#fff solid 1px;
}
.schedule_title_match {
	background:#fff;
	color:#000;
	padding:3px 15px;
	border-right:#000 solid 1px;
	border-bottom:#000 solid 1px;
}
.schedule_title_blue {
	background:#fff;
	color:#000;
	padding:3px 15px;
	border-right:#000 solid 1px;
	border-bottom:#000 solid 1px;
}
.schedule_contents_01 {
	background:#fff;
	color:#000;
	padding:3px 15px;
	border-right:#000 solid 1px;
	border-bottom:#000 solid 1px;
}
.schedule_contents_02 {
	background:#fff;
	color:#000;
	padding:3px 15px;
	border-right:#000 solid 1px;
	border-bottom:#000 solid 1px;
}
.schedule_contents_03 {
	background:#fff;
	color:#f00;
	font-weight: bold;
	padding:3px 15px;
	border-right:#000 solid 1px;
	border-bottom:#000 solid 1px;
}
.schedule_contents_04 {
	background:#fff;
	color:#000;
	padding:3px 15px;
	border-right:#000 solid 1px;
	border-bottom:#000 solid 1px;
}
.schedule_contents_05 {
	background:#fff;
	color:#000;
	font-weight: bold;
	padding:3px 15px;
	border-right:#000 solid 1px;
	border-bottom:#000 solid 1px;
}
.schedule table.table01 tbody th {
	padding:6px 5px;
	border-bottom:#000 solid 1px;
	vertical-align:middle;
	font-size: 14px;
	box-sizing: border-box;
}
.schedule table.table02 tbody th {
	padding:6px 5px;
	border-bottom:#000 solid 1px;
	vertical-align:middle;
	font-size: 14px;
	box-sizing: border-box;
}
.schedule table.table01 tbody tr:last-child th {
	border-bottom:#000 solid 1px;
}
.schedule table.table02 tbody tr:last-child th {
	border-bottom:#000 solid 1px;
}
.schedule table.table01 tbody td {
	padding:6px 5px;
	border-left:#000 solid 1px;
	border-bottom:#000 solid 1px;
	font-size: 14px;
	box-sizing: border-box;
}
.schedule table.table02 tbody td {
	padding:6px 5px;
	border-left:#000 solid 1px;
	border-bottom:#000 solid 1px;
	font-size: 14px;
	box-sizing: border-box;
}
.schedule_day {background:#fff;color:#000; width:16%; }
.schedule_match {background:#fff;color:#000; width:14%;}
.schedule_match_text{display: none;}
.schedule_blue {background:#d9e1f2;color:#000; width:35%;}
.schedule_red {background:#ffcccc;color:#000; width:35%;}

@media screen and (max-width: 640px) {.schedule_contents_04 {text-align: right}}
 
@media screen and (max-width: 640px) {
.schedule table.table01 thead {display:none;}
.schedule table.table01 tbody th {display:block;}
.schedule table.table01 tbody td {display:block; border-left:none;}
.schedule table.table01 tbody td.schedule-tab01-area{display:none;}
.schedule table.table01 tbody td.schedule-tab02-area{display:none;}
.schedule table.table01 tbody td.schedule-tab03-area{display:none;}
.schedule table.table01 tbody td.schedule-tab04-area{display:none;}
.schedule table.table01 tbody td.schedule-tab05-area{display:none;}
.schedule table.table01 tbody td.schedule-tab06-area{display:none;}
.schedule table.table01 tbody td.schedule-tab07-area{display:none;}
.schedule table.table01 tbody td.schedule-tab08-area{display:none;}
.schedule table.table01 tbody td.schedule-tab09-area{display:none;}
.schedule table.table01 tbody td.schedule-tab10-area{display:none;}
.schedule table.table01 tbody td.schedule-tab11-area{display:none;}
.schedule table.table01 tbody td.schedule-tab12-area{display:none;}
.schedule table.table01 tbody td.schedule_match {padding-top:15px; font-weight: bold;}
.schedule table.table01 tbody td::before {
	content: attr(label);
	float: left;
	clear:both;
	font-weight:bold;
}
.schedule table.table02 thead {display:none;}
.schedule table.table02 tbody th {display:block;}
.schedule table.table02 tbody td {display:block; border-left:none;}
.schedule table.table02 tbody td.schedule_match {padding-top:15px; font-weight: bold;}
.schedule table.table02 tbody td::before {
	content: attr(label);
	float: left;
	clear:both;
	font-weight:bold;
}
.schedule_contents_02 :not(:first-child) {margin-top:10px;}
.schedule_contents_02 {background:#fff; width:auto;margin-top:15px;}
.schedule_match {background:#222; color:#fff; width:auto;}
.schedule_match_text{display:inline-block; padding-right:5px;}
.schedule_blue {background:#d9e1f2; width:auto;}
.schedule_red {background:#ffcccc; width:auto;}
.schedule table.table01 tbody td.schedule_blue::before {color:#4472c4;}
.schedule table.table01 tbody td.schedule_red::before {color:#f00;}
.schedule table.table01 tbody td p {
	padding-left:6em;
}
.schedule table.table02 tbody td.schedule_blue::before {color:#4472c4;}
.schedule table.table02 tbody td.schedule_red::before {color:#f00;}
.schedule table.table02 tbody td p {
	padding-left:6em;
}
}



.game_cast_area{margin:60px 5% 30px; display:flex; justify-content:center; align-items:center;}
@media screen and (max-width:480px){.game_cast_area{margin:1.2em 3% 0; padding-top:1.2em; padding-bottom:1.5em; display: block; justify-content: flex-start; align-items:stretch;}}

.game_cast_area2{margin:0px 5% 30px; display:flex; justify-content:center; align-items:center;}
@media screen and (max-width:480px){.game_cast_area2{margin:0em 3% 0; padding-top:0em; padding-bottom:1.5em; display: block; justify-content: flex-start; align-items:stretch;}}


.game_cast_image-area{height: 240px; vertical-align: middle;}
@media screen and (max-width:480px){.game_cast_image-area{height:auto; vertical-align: middle;}}

.game_cast_image01{width:100%; max-width: 240px;}
.game_cast_image01:not(:first-child){margin-left:3%;}
.game_cast_image01-2{width:100%; max-width: 520px;}
.game_cast_image01-2:not(:first-child){margin-left:3%;}
@media screen and (max-width:480px){.game_cast_image01{width: 100%; max-width:none; padding-top:2em; box-sizing: border-box; border-top:solid 1px #fff;}}
@media screen and (max-width:480px){.game_cast_image01:not(:first-child){margin-left:0; margin-top:40px;}}
@media screen and (max-width:480px){.game_cast_image01-2{width: 100%; max-width:none; padding-top:2em; box-sizing: border-box; border-top:solid 1px #fff;}}
@media screen and (max-width:480px){.game_cast_image01-2:not(:first-child){margin-left:0; margin-top:40px;}}

.game_cast_image02{vertical-align: bottom; width:100%; max-width: 220px;}
@media screen and (max-width:480px){.game_cast_image02{vertical-align: bottom; width:80%; max-width: 260px;}}
.game_cast_image02-2{vertical-align:middle; width:100%; max-width: 520px; margin-top:20px;}
@media screen and (max-width:480px){.game_cast_image02-2{vertical-align: bottom; width:90%; height: auto; margin-top:auto;}}
.game_cast_name01{margin-top:30px; font-size: 22px; line-height: 32px; font-weight: bold;}
.game_cast_name02{margin-top:5px; font-size: 28px; line-height: 36px; font-weight: bold;}
.game_cast_name03{margin-top:5px; font-size: 16px; line-height: 24px;}
@media screen and (max-width:480px){.game_cast_name01{margin-top:1em; font-size:1.6em; line-height:1em; font-weight: bold;}}
@media screen and (max-width:480px){.game_cast_name02{margin-top:0.5em; font-size:2em; line-height:1em; font-weight: bold;}}
@media screen and (max-width:480px){.game_cast_name03{margin-top:0.5em; font-size:1.2em; line-height:1em;}}


.apex-legends-winner{width:40%;margin:50px 2% 0 5%; box-sizing: border-box;}
.apex-legends-winner-name{font-size: 64px; line-height:72px; margin-top:80px; font-weight: bold;}
.apex-legends-winner-name02{font-size: 48px; line-height:72px; margin-top:80px; font-weight: bold;}
.apex-legends-ranking{width:60%; box-sizing: border-box;}
.apex-legends-monthly-winner{vertical-align:bottom; max-width: 800px; width:100%; height: auto;}
.apex-legends-monthly-logo60{vertical-align:bottom; max-width: 800px; width:60%; height: auto; margin-top:30px;}

.winner-corporate-logo{vertical-align:bottom; max-width: 100%; width:320px; height: auto; margin-top:30px;}
@media screen and (max-width:480px){
	.apex-legends-winner{width:auto; margin:1.2em 0 0;}
	.apex-legends-winner-name{font-size: 2em; line-height:1.5em; margin-top:0.9em; font-weight: bold;}
	.apex-legends-winner-name02{font-size: 2em; line-height:1.5em; margin-top:0.9em; font-weight: bold;}
	.apex-legends-ranking{width:auto;}
	.apex-legends-monthly-winner{vertical-align:bottom; max-width:none; width:90%; height: auto;}
	.winner-corporate-logo{vertical-align:bottom; max-width: none; width:50%; height: auto; margin-top:1em;}
}







/* 20210518追加　クラス名は後に調整 */


#logo0001{left: 0; position: relative; width: 100%; height: 50vw; margin-bottom:120px;}
@media screen and (max-width:480px){#logo0001{left: -10%; position: relative; width: 120%; height: 65vw; margin-bottom:3em;}}

.competition_entry0001{margin:0 10% 0;}
@media screen and (max-width:480px){.competition_entry0001{margin:0 9% 0;}}

.entry_text_contents030001{font-weight: bold; width:150px;}
@media screen and (max-width:480px){.entry_text_contents030001{font-weight: bold; font-size:1.2em; width:auto;}}

.sample0001{font-size:14px; margin-top:10px;}
.sample0002{display: inline-block; width: auto; padding: 2px 30px 0; margin-top:20px; background-color:#fff; color:#111; font-weight: bold;}
.sample0003{margin-top:30px; display: flex;}
.sample0004{flex:1; padding:20px; box-sizing: border-box; font-size:26px; font-weight: bold;}
.sample0005{width:460px;}
.sample0006 {
	width:240px;
	background:#fff;
	color:#000;
	padding:3px 15px;
	border-right:#000 solid 1px;
	border-bottom:#000 solid 1px;
}
.sample0007 {
	background:#fff;
	color:#000;
	padding:3px 15px;
	border-right:#000 solid 1px;
	border-bottom:#000 solid 1px;
}
@media screen and (max-width:480px){.sample0006{width:45%;}}
@media screen and (max-width:480px){.sample0007{width:55%;}}
.schedule_day {background:#fff;color:#000; }
.schedule_match {background:#fff;color:#000; padding:0 10px; text-align: left;}
.schedule_match_text{display: none;}


.schedule table.sample0008 {
	width:100%;
	border-collapse: collapse;
	text-align: center;
}
.schedule table.sample0008 thead th:last-child {
	border-right:none;
}
.schedule table.sample0008 tbody th {
	padding:6px 10px;
	border-bottom:#000 solid 1px;
	vertical-align:middle;
	font-size: 14px;
	box-sizing: border-box;
}
.schedule table.sample0008 tbody tr:last-child th {
	border-bottom:#000 solid 1px;
}
.schedule table.sample0008 tbody td {
	padding:6px 10px;
	border-left:#000 solid 1px;
	border-bottom:#000 solid 1px;
	font-size: 14px;
	box-sizing: border-box;
}
.sample0009{font-size:14px; margin-top:-10px; text-align: right;}

.sikaku_box {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100px;
	height: 100px;
	background: #fff689;
	font-size: 16px;
	font-weight: bold;
	bottom: 70px;
	transition-duration: .6s;
	display: none;
}
.sikaku_box.fixed {
	position: fixed;
	bottom: 50px;
	left: auto;
	z-index: +1;
	display: block;
}
.sikaku_box.fixed.none {
	opacity: 0;
	z-index: -1;
}
.oneArea {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 1000px;
	background: #f2f2f2;
}
.oneArea .one_title {
	font-size: 30px;
	font-weight: bold;
}
.end_box {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 300px;
	padding: 20px;
	background: #000000;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
}
@media screen and (max-width: 1024px) {
	.oneArea .one_title {
		font-size: 18px;
	}
	.end_box {
		font-size: 18px;
	}
}



#back-top a{
    position: fixed;
    right:0;
    bottom:30px;
	padding: 8px 30px 6px;
	background: #f8b62b;
	box-sizing: border-box;
    transition: 0.3s;
	z-index: 99999;
	text-decoration: none;
	color: #fff;
	font-size: 24px;
	line-height: 28px;
	font-weight:bold;
}
 #back-top a:hover{ 
    opacity: 0.75;
}
@media screen and (max-width:480px){#back-top a{
    position: fixed;
    right:0;
    bottom:30px;
	padding: 8px 30px 6px;
	background: #f8b62b;
	box-sizing: border-box;
    transition: 0.3s;
	z-index: 99999;
	text-decoration: none;
	color: #fff;
	font-size: 0.8em;
	line-height: 1em;
	font-weight:bold;
}}
.a6l-challengers {position: relative;}
.a6l-challengers-text {
  bottom: calc( 5% + 120px );
	width: 100%;
  position: absolute;
  margin: auto; /*余計な隙間を除く*/
  color: white;/*文字を白に*/
	text-align: center;
	text-shadow:0 0 10px #01a4b8;
	font-size: 38px;
	line-height: 58px;
	font-weight: bold;
  }
@media screen and (max-width:480px){.a6l-challengers-text{font-size: 0.9em; line-height:1.5em; font-weight: bold; color: #fff; padding:0 3%; box-sizing: border-box;  bottom: calc( 5% + 40px );}}
.a6l-challengers img {
  width: 100%;
  }
.scroll-container {scroll-behavior: smooth;}

.challengers_esports_text{font-size: 48px; line-height:72px; font-weight: bold; color: #fff;}
.challengers_esports_contents_text{margin-top: 40px; font-size: 28px; line-height:48px; font-weight: bold;}
@media screen and (max-width:480px){.challengers_esports_text{font-size: 1.6em; line-height:1.8em; font-weight: bold; padding:0 3%;}}
@media screen and (max-width:480px){.challengers_esports_contents_text{margin-top: 0.9em; font-size: 1.1em; line-height:2em; padding: 0 3%;}}

.challengers-competition-wrapper{display:flex; align-items:center; justify-content:center;}
.challengers-competition-image01{width:160px; margin-right:10px;}
.challengers-competition-image02{margin-top:40px; max-width: 800px;}
.challengers-competition-text01{flex: 1;}
.challengers-competition-text02{margin-top:20px; font-size:18px; font-weight: bold;}
.challengers-competition-text02:first-child{margin-top:0;}
@media screen and (max-width:480px){.challengers-competition-image02{margin-top:10px; max-width: 300px;}}
@media screen and (max-width:480px){.challengers-competition-text02{margin-top:20px; font-size:1.1em; font-weight: bold;}}
@media screen and (max-width:480px){.challengers-competition-text02:first-child{margin-top:10px;}}

.challengers-competition-contents02{display: flex; padding:20px 10px 5px; border-bottom: dotted 2px #01a4b8; text-align: left;}
@media screen and (max-width:480px){.challengers-competition-contents02{display:block; font-size: 0.75em; line-height: 1.7em; padding:2em 3% 0.5em; border-bottom: dotted 1px #01a4b8;}}

.challengers-rule-text01{margin-top:40px;}
.challengers-rule-image01{margin-top:40px; max-width: 800px;}
.challengers-rule-contents02{display: flex; padding:20px 10px 5px; border-bottom: dotted 2px #f8b62b; text-align: left;}
@media screen and (max-width:480px){.challengers-rule-image01{margin-top:40px; max-width: 300px;}}
@media screen and (max-width:480px){.challengers-rule-contents02{display:block; font-size: 0.75em; line-height: 1.7em; padding:2em 3% 0.5em; border-bottom: dotted 1px #f8b62b;}}


.challengers-entry-contents02{display: flex; padding:20px 10px 5px; border-bottom: dotted 2px #7030a0; text-align: left;}
@media screen and (max-width:480px){.challengers-entry-contents02{display:block; font-size: 0.75em; line-height: 1.7em; padding:2em 3% 0.5em; border-bottom: dotted 1px #7030a0;}}


.season1archive_title{width:525px; margin-top:180px;}
.archive_title{width:241px; margin-top:180px;}
.archive-icon{font-size: 1.2em; margin-right:10px; vertical-align:middle;}
.archive_area{margin:40px 3% 0; font-size: 24px; font-weight: bold; display: flex; justify-content: center; flex-wrap: wrap;}
.archive-contents{width:33%; margin-top:80px;}
@media screen and (max-width:980px){
	.archive_area{margin:40px 15px 0; font-size: 24px; font-weight: bold; display: flex; justify-content: center; flex-wrap: wrap;}
	.archive-contents{width:48%; margin-top:80px;}
}
@media screen and (max-width:480px){
	.season1archive_title{width:262px; margin-top:4em;}
	.archive_title{width:120px; margin-top:4em;}
	.archive-icon{font-size: 1em; margin-right:5px; vertical-align:top;}
	.archive_area{margin:20px 0 0; border-top:solid 1px #fff; display: block; justify-content: flex-start;}
	.archive-contents{width:100%; margin-top:0;}
}


.archive_button{flex:1;}
.archive_button_design {display: inline-block; width: 80%; padding: 20px 5px 15px; text-decoration: none; color: #000; background-image: linear-gradient(#e1e4e5 0%, #c4cbcc 100%); border-bottom: solid 4px #878989; box-sizing: border-box; font-weight: bold; font-size: 24px; line-height: 36px; text-align: center;}
.archive_button_design:hover {background-image: linear-gradient(#e2e5e6 0%, #f0f2f2 100%); border-bottom: solid 4px #c3c4c4;}
@media screen and (max-width:480px){
	.archive_button{flex:none; width: 65%;}
	.archive_button_design {margin-top:3em; width: 100%; font-size:0.6em; line-height: 1em; padding: 1.3em 0 1.1em;}
}


#top-entry-lol a,#top-entry-apex a,#top-entry-pubg a{
position: fixed; right:0; bottom:190px; width:420px; padding: 8px 0 6px 24px; background: #f8b62b; border-top:solid 1px #8f5f00; border-left:solid 1px #8f5f00; border-bottom:solid 1px #8f5f00; transition: 0.3s; z-index: 99999; text-decoration: none; color: #fff; font-size: 24px; line-height: 28px; font-weight:bold; box-sizing:border-box;}
@media screen and (max-width:480px){#top-entry-lol a,#top-entry-apex a,#top-entry-pubg a{
position: fixed; right:0; bottom:130px; width:200px; padding: 6px 0 4px 10px; background: #f8b62b; transition: 0.3s; z-index: 99999; text-decoration: none; color: #fff; font-size: 12px; line-height: 18px; font-weight:bold; box-sizing:border-box;}}

#top-entry-apex a{bottom:110px;}
@media screen and (max-width:480px){#top-entry-apex a{bottom:80px;}}

#top-entry-pubg a{bottom:30px;}
@media screen and (max-width:480px){#top-entry-pubg a{bottom:30px;}}

#top-entry-lol a:hover,#top-entry-apex a:hover,#top-entry-pubg a:hover{opacity: 0.75;}


.top-entry-lol_container {width: 100%; margin: 0 auto; background:rgba(0,0,0,0.8); bottom:214px; right: 400px; position: fixed; z-index: 99;}
@media only screen and (max-width: 959px){.top-entry-lol_batsu {display: none;}}
.top-entry-lol_batsu{display: block; background: #CCC; position:absolute; right: 20px;z-index:900; width: 24px;/*枠の大きさ*/ height: 24px;/*枠の大きさ*/}
.top-entry-lol_batsu::before, .top-entry-lol_batsu::after{content: ""; display: block;background: #000; transform: rotate(45deg); transform-origin:0% 100%; position: absolute; top: calc(14% + 2px); left: 20%; width: 66%;/*バツ線の長さ*/ height: 2px;/*バツ線の太さ*/}
.top-entry-lol_batsu::after{transform: rotate(-45deg); transform-origin:66% 100%; left: auto; top:40%; right: 20%;}
input[type="checkbox"]{display:none;}
label[for="top-entry-lol-menu"]{display:block;}
#top-entry-lol-menu:checked + .top-entry-lol_container{display:none;}


.top-entry-apex_container {width: 100%; margin: 0 auto; background:rgba(0,0,0,0.8); bottom:134px; right: 400px; position: fixed; z-index: 99;}
@media only screen and (max-width: 959px){.top-entry-apex_batsu {display: none;}}
.top-entry-apex_batsu{display: block; background: #CCC; position:absolute; right: 20px;z-index:900; width: 24px;/*枠の大きさ*/ height: 24px;/*枠の大きさ*/}
.top-entry-apex_batsu::before, .top-entry-apex_batsu::after{content: ""; display: block;background: #000; transform: rotate(45deg); transform-origin:0% 100%; position: absolute; top: calc(14% + 2px); left: 20%; width: 66%;/*バツ線の長さ*/ height: 2px;/*バツ線の太さ*/}
.top-entry-apex_batsu::after{transform: rotate(-45deg); transform-origin:66% 100%; left: auto; top:40%; right: 20%;}
input[type="checkbox"]{display:none;}
label[for="top-entry-apex-menu"]{display:block;}
#top-entry-apex-menu:checked + .top-entry-apex_container{display:none;}


.top-entry-pubg_container {width: 100%; margin: 0 auto; background:rgba(0,0,0,0.8); bottom:54px; right: 400px; position: fixed; z-index: 99;}
@media only screen and (max-width: 959px){.top-entry-pubg_batsu {display: none;}}
.top-entry-pubg_batsu{display: block; background: #CCC; position:absolute; right: 20px;z-index:900; width: 24px;/*枠の大きさ*/ height: 24px;/*枠の大きさ*/}
.top-entry-pubg_batsu::before, .top-entry-pubg_batsu::after{content: ""; display: block;background: #000; transform: rotate(45deg); transform-origin:0% 100%; position: absolute; top: calc(14% + 2px); left: 20%; width: 66%;/*バツ線の長さ*/ height: 2px;/*バツ線の太さ*/}
.top-entry-pubg_batsu::after{transform: rotate(-45deg); transform-origin:66% 100%; left: auto; top:40%; right: 20%;}
input[type="checkbox"]{display:none;}
label[for="top-entry-pubg-menu"]{display:block;}
#top-entry-pubg-menu:checked + .top-entry-pubg_container{display:none;}


.login-button {display: inline-block; padding: 5px 60px; color: #000; background-image: linear-gradient(#fff 0%, #c4cbcc 100%); box-sizing: border-box; font-weight: bold; font-size: 14px; line-height: 18px; text-align: center; border-radius: 5px;}
.login-button:hover {background-image: linear-gradient(#fff 0%, #e1e4e5 100%); cursor: pointer;}
.preview-button{margin-top:50px; text-align: center;}
.preview-text{margin-top:20px; text-align: center; color: #ff0;}
@media screen and (max-width:980px){
	.preview-button{margin-top:40px; text-align: center;}
	.preview-text{margin-top:20px; font-size: 12px; line-height: 18px; text-align: center; color: #ff0;}
}


.news-tag {position: relative; display: inline-block; margin-right: 10px; padding:5px 20px 4px 22px; font-size:12px; line-height: 14px; font-weight: normal; border-radius: 15px 0 0 15px;}
.news-tag:first-child {margin-left:0;}
.news-tag:after {position: absolute; top: calc(50% - 5px); left: 10px; width: 10px; height: 10px; content: ''; border-radius: 50%; background: #111;}

.check-preview01{display: flex;}
.check-preview02{width: 50%; text-align: center;}
@media screen and (max-width:980px){
	.check-preview01{display: block;}
	.check-preview02{width: auto; padding-top:20px; text-align: center;}
}

.ranking-back-area{position: relative; max-width: 800px; text-align: center;}
.ranking-back-text{position: absolute; z-index: 2; font-size: 2.1vw; line-height:2.1vw; color: #000; margin-top:1.2vw; font-weight: bold; width: 100%;}
.ranking-back-text-regular{position: absolute; z-index: 2; font-size: 1.85vw; line-height:2.1vw; color: #000; margin-top:1.2vw; font-weight: bold; width: 100%;}
.ranking-back-text-regular2{position: absolute; z-index: 2; font-size: 1.85vw; line-height:2.1vw; color: #000; margin-top:1.7vw; font-weight: bold; width: 100%;}
.ranking-back-text-regular3{display: block;}
.ranking-back-text-regular4{display: none;}
.ranking-back-image{position: absolute; width: 100%; z-index: 1;}
.ranking-winner-area{padding-top:6vw;}
.ranking-winner-area2{padding-top:6vw;}
@media screen and (max-width:980px){
	.ranking-back-text-regular{position: absolute; z-index: 2; font-size: 1.65vw; line-height:2.1vw; color: #000; margin-top:1.2vw; font-weight: bold; width: 100%;}
	.ranking-back-text-regular2{position: absolute; z-index: 2; font-size: 1.65vw; line-height:2.1vw; color: #000; margin-top:1.7vw; font-weight: bold; width: 100%;}
}
@media screen and (max-width:480px){
	.ranking-back-area{position: relative; max-width: 800px; text-align: center;}
	.ranking-back-text{position: absolute; z-index: 2; font-size: 5vw; line-height:5vw; color: #000; margin-top:2.6vw; font-weight: bold; width: 100%;}
	.ranking-back-text-regular{position: absolute; z-index: 2; font-size: 4.5vw; line-height:5vw; color: #000; margin-top:2.6vw; font-weight: bold; width: 100%;}
	.ranking-back-text-regular2{position: absolute; z-index: 2; font-size: 2vw; line-height:2vw; color: #000; margin-top:1.4vw; font-weight: bold; width: 100%;}
    .ranking-back-text-regular3{display: none;}
    .ranking-back-text-regular4{display: block;}
	.ranking-back-image{position: absolute; width: 100%; z-index: 1;}
	.ranking-winner-area{padding-top:20vw;}
	.ranking-winner-area2{padding-top:12vw;}
}




.sponsor-main-back {max-width: 1200px; box-sizing: border-box;}
/* ----- 背景用の動画ファイル ----- */
#bg-video{ position: fixed; right: 0; top: 76px; z-index: -100; min-width: 100%; min-height: 100%; width: auto; height: calc( 100% - 176px );}
#bg-video video{ min-width: 100%; min-height: 100%; width: auto; height: calc( 100% - 76px );}
/* ----- 背景の上に表示させたいコンテンツ ----- */
.header-title{ position: relative; /*必ず必要*/ z-index: 1; /*必ず必要*/ display: flex; width: 90%;margin:0 5%; justify-content: center; align-items: center; text-align:center;}
.sponsor-main{ height: 100%; background-color: rgba(17,17,17,0.7);}
@media screen and (max-width: 1200px) {
	/*
#bg-video{margin-top:0; position: fixed; right: 0; top: 0; min-width: 100%; min-height: 100%; width: 100%; height: auto; z-index: -100;}
#bg-video video{ right: 0; top: 0; min-width: 100%; min-height: 100%; width: 100%; height: auto; z-index: -100;}
.sponsor-main{ height: auto;}
	*/
.sponsor-main-back { max-width: 94%; box-sizing: border-box;}
#bg-video{display: none;}
#bg-video video{display: none;}
.sponsor-main{ height: auto;}
}
@media screen and (max-width: 480px) {
.sponsor-main-back { max-width: 100%; box-sizing: border-box;}
#bg-video{display: none;}
#bg-video video{display: none;}
.sponsor-main{ height: auto;}
}

.sponsor-main-area{margin:120px 0 0; display:flex; flex:1; align-items: center;}
.sponsor-area-back{background-color: rgba(247,247,247,0.8); color:#000; border-radius: 20px; padding: 40px; box-sizing: border-box;}
.sponsor-main-logo{width:240px;}
.sponsor-main-logo img{width:100%; max-width: 240px; max-height: 240px; vertical-align: top;}
.sponsor-main-text{flex:1; margin-left:80px;}
.sponsor-main-name{font-size:32px; line-height:1em; font-weight: bold;}
.sponsor-main-name a{color: #fff; text-decoration: none;}
.sponsor-main-name a:hover{color: #ff0; text-decoration: underline;}
.sponsor-main-weblink{font-size:16px; line-height:1.4em; margin-top:3px;}
.sponsor-main-weblink a{color: #ff0; text-decoration: underline;}
.sponsor-main-weblink a:hover{color: #ff0;}
.sponsor-main-explanation{font-size: 16px; line-height: 1.6em; margin-top:15px;}
.sponsor-main-enthusiasm{margin-top: 120px; border:solid 1px #fff; padding: 20px; box-sizing: border-box;text-align: left; background-color: rgba(17,17,17,0.7);}
.sponsor-main-enthusiasm-title{font-size: 20px; line-height: 1em; font-weight: bold;}
.sponsor-main-enthusiasm-text{font-size: 16px; line-height: 1.6em; margin-top:15px;}
.sponsor-main-movie-area{margin:100px 3% 0; display:flex; justify-content:center;}
.sponsor-main-movie-area a{text-decoration: none;}
@media screen and (max-width: 1024px) {
	.sponsor-main-area{margin:40px 3% 0;display:flex; flex:1; align-items: center;}
	.sponsor-movie{margin-bottom:60px;}
}
@media screen and (max-width:480px){
	.header-title{ position: relative; /*必ず必要*/ z-index: 1; /*必ず必要*/ display: block; width: 100%;margin:0; justify-content: center; align-items: center; text-align:center;}
	.sponsor-main-area{margin:50px 3% 0; display:block; flex:auto;}
	.sponsor-area-back{background-color: rgba(247,247,247,0.8); color:#000; border-radius: 10px; padding: 30px 10px; box-sizing: border-box;}
	.sponsor-main-logo{width:auto;}
	.sponsor-main-text{margin:40px 0 0; width:auto;}
	.sponsor-main-name{font-size:24px; line-height:1em; font-weight: bold;}
	.sponsor-main-explanation{font-size: 12px; line-height: 1.6em; margin-top:10px;}
	.sponsor-main-enthusiasm{margin:40px 3% 0; border:solid 1px #fff; padding: 10px; box-sizing: border-box;text-align: left; background-color:#000;}
	.sponsor-main-enthusiasm-text{font-size: 12px; line-height: 1.6em; margin-top:10px;}
	.sponsor-main-movie-area{margin:1.2em 0 0; border-top:solid 1px #fff; display: block; justify-content: flex-start;}
}


.company-area{padding-top:60px; width: 1200px; align-items: center;}
.company-area-back{background: #f7f7f7; color:#000; border-radius: 20px; padding: 40px; box-sizing: border-box;}
.company-contents01{display: flex; width: 100%; align-items: center;}
.company-contents02{margin-top: 40px; display: flex; flex-direction: row-reverse; width: 100%; align-items: center;}
.company-logo{width:240px; text-align: center;}
.company-logo img{width:100%; max-width: 240px; max-height: 240px; vertical-align: middle;}
.company-text{flex: 1; margin-right:40px; text-align: left;}
.company-name-area{display: inline-block; width: auto; text-align:left;}
.company-kana{font-size:14px; line-height:1.2em; color: #111; font-weight: bold;}
.company-name{font-size:38px; line-height:1.4em; font-weight: bold;}
.company-name a{color: #111; text-decoration: none;}
.company-name a:hover{color: #111; text-decoration: underline;}
.company-weblink{font-size:14px; line-height:1em; margin:-5px 0 10px;}
.company-weblink a{color: #111; text-decoration: underline;}
.company-data-area{border:solid 1px #000;}
.company-data{display: flex; align-items: center; border-bottom:solid 1px #000;}
.company-data:last-child{border:none;}
.company-data-title{width:180px; font-weight: bold; font-size: 14px; line-height: 1.4em; padding:10px; text-align: center; box-sizing: border-box;}
.company-data-text{flex:1; font-size: 14px; line-height: 1.4em; border-left:solid 1px #000; padding:10px; box-sizing: border-box;}
.company-data-text a{color: #111; text-decoration: none;}
.company-data-text a:hover{color: #111; text-decoration: underline;}

.entry-logo{width:120px; text-align: center;}
.entry-logo img{width:100%; max-width:120px; max-height: 120px; vertical-align: middle;}
.entry-image{flex: 1; text-align: center;}
.entry-image img{max-height: 90px; vertical-align: middle;}

.company-comment-area{position:relative; margin-top:60px; background: #fff; color:#000; border-radius: 10px; padding: 20px; box-sizing: border-box;}
.company-comment-title{font-size: 24px; line-height: 1.4em; font-weight: bold; border-bottom:solid 2px #fff; color:#056ac4;}
.company-comment-text{font-size: 16px; line-height: 1.4em; padding:10px 5px 0; text-align: left; font-weight: bold;}
.company-comment-text a{color:#00f;}
.company-comment-team-member{font-size: 14px; line-height: 1.2em; padding:0; text-align: left; color:#056ac4;}
.company-comment-team-member-area{display: flex; flex-wrap: wrap;}
.company-comment-team-member-name{padding: 20px 10px 0; width:20%; box-sizing: border-box;}
.company-comment-team-member-name a{color:#056ac4; text-decoration: none;}
.company-comment-team-member-name a:hover{color:#056ac4; text-decoration:underline;}
.company-comment-team-member-title{display: flex; margin-top: 60px;}
.company-comment-team-member-title-left{width:300px;}
.company-comment-team-member-title-right{flex: 1; font-size: 18px; line-height: 1.4em; font-weight: bold; color:#056ac4;}
.company-comment-team-member-list{display: flex; margin-top: 20px; align-items: center;}
.company-comment-team-member-list-left{width:300px;}
.company-comment-team-member-list-kana{font-size:12px; line-height:1.2em; color: #111; font-weight: bold;}
.company-comment-team-member-list-name{font-size:24px; line-height:1.4em; font-weight: bold;}
.company-comment-team-member-list-right{flex: 1; font-size: 14px; line-height: 1.6em; padding: 15px; background: #fff; border-radius: 5px;}
.sponsor-comment-title{font-size: 24px; line-height: 1.4em; font-weight: bold; border-bottom:solid 2px #fff; color:#a8589f;}

.company-link-promotion{margin-top:20px; display: flex; justify-content: center;}
.company-link-area{display: flex; justify-content: center; width: 50%;}
.company-link-area a{color:#fff; text-decoration: none; width: auto;}
.company-link-area a:hover{text-decoration: underline;}
.company-link{width:360px; background:linear-gradient(90deg, #00a199 10%, #2ca6e0 85%); font-weight: bold; border-radius: 5px; padding: 15px 0 9px; font-size: 24px; line-height: 1em; color:#fff; box-sizing: border-box;}
.company-promotion-area{display: flex; justify-content: center; width: 50%;}
.company-promotion-area a{color:#fff; text-decoration: none; width: auto;}
.company-promotion-area a:hover{text-decoration: underline;}
.company-promotion{width:360px; background:linear-gradient(90deg, #aa498e 10%, #8378b5 85%); font-weight: bold; border-radius: 5px; padding: 15px 0 9px; font-size: 24px; line-height: 1em; color:#fff; box-sizing: border-box;}

@media screen and (max-width: 1200px) {
.company-area{padding-top:40px; width: 94%; margin: 0 3%;}
.company-area-back{display: block; flex-direction: row-reverse; width: 100%; align-items: center; background: #f7f7f7;}
	
.company-link-promotion{margin-top:40px; display: flex; justify-content: center;}
.company-link-area{display: flex; justify-content: center; width: 50%;}
.company-link-area a{color:#fff; text-decoration: none; width: 90%;}
.company-link-area a:hover{text-decoration: underline;}
.company-link{width:100%; background:linear-gradient(90deg, #00a199 10%, #2ca6e0 85%); font-weight: bold; border-radius: 5px; padding: 15px 0 9px; font-size: 24px; line-height: 1em; color:#fff; box-sizing: border-box;}
.company-promotion-area{display: flex; justify-content: center; width: 50%;}
.company-promotion-area a{color:#fff; text-decoration: none; width: 90%;}
.company-promotion-area a:hover{text-decoration: underline;}
.company-promotion{width:100%; background:linear-gradient(90deg, #aa498e 10%, #8378b5 85%); font-weight: bold; border-radius: 5px; padding: 15px 0 9px; font-size: 24px; line-height: 1em; color:#fff; box-sizing: border-box;}
}

@media screen and (max-width:480px){
	.company-area{padding-top:60px; width: 96%; align-items: center; margin: 0;}
	.company-area-back{display: block; background: #f7f7f7; color:#000; border-radius: 10px; padding: 30px 10px; box-sizing: border-box;}
	.company-contents01{display: flex; width: 100%; align-items: center;}
	.company-contents02{margin-top: 40px; display: block; flex-direction: row-reverse; width: 100%; align-items: center;}
	.company-logo{width:240px; text-align: center;}
	.company-logo img{width:100%; max-width: 240px; max-height: 240px; vertical-align: middle;}
	.company-text{flex: 1; margin-right:0; text-align: left;}
	.company-name-area{display: block; width: auto; text-align:left; margin-top:30px;}
	.company-kana{font-size:12px; line-height:1.2em; color: #111; font-weight: bold;}
	.company-name{font-size:24px; line-height:1.4em; font-weight: bold;}
	.company-name a{color: #111; text-decoration: none;}
	.company-name a:hover{color: #111; text-decoration: underline;}
	.company-weblink{font-size:12px; line-height:1em; margin:-5px 0 10px;}
	.company-weblink a{color: #111; text-decoration: underline;}
	.company-data-area{border:none;}
	.company-data{display: block; align-items: center; border-bottom:solid 1px #000;}
	.company-data:last-child{border-bottom:solid 1px #000;}
	.company-data-title{width:auto; display: inline-block; background: #000; font-weight: bold; font-size: 14px; line-height: 1.4em; color: #fff; padding:3px 12px 1px; border-radius: 20px; margin-top:10px; text-align: center; box-sizing: border-box;}
	.company-data-text{flex:1; font-size: 12px; line-height: 1.4em; border-left:none; padding:5px 5px 3px; box-sizing: border-box;}
	.company-data-text a{color: #111; text-decoration: none;}
	.company-data-text a:hover{color: #111; text-decoration: underline;}

	.entry-logo{width:20%; padding:0 15px; text-align: center; box-sizing: border-box;}
	.entry-logo img{width:100%; max-width:240px; max-height: 240px; vertical-align: middle;}
	.entry-image{flex: 1; text-align: center;}
	.entry-image img{max-height: 52px; vertical-align: middle;}

	.company-comment-area{position:relative; margin-top:40px; background: #fff; color:#000; border-radius: 5px; padding: 15px; box-sizing: border-box;}
	.company-comment-title{font-size: 20px; line-height: 1.4em; font-weight: bold; border-bottom:solid 2px #fff; color:#056ac4;}
	.company-comment-text{font-size: 12px; line-height: 1.4em; padding:10px 5px 0; text-align: left;}
	.company-comment-team-member{font-size: 14px; line-height: 1.2em; padding:0; text-align: left; color:#056ac4;}
	.company-comment-team-member-area{display: block; flex-wrap: wrap;}
	.company-comment-team-member-name{padding: 20px 0 0; width:100%; box-sizing: border-box;}
	.company-comment-team-member-name a{color:#056ac4; text-decoration: none;}
	.company-comment-team-member-name a:hover{color:#056ac4; text-decoration:underline;}
	.company-comment-team-member-title{display: block; margin-top: 60px;}
	.company-comment-team-member-title-left{width:300px; display: none;}
	.company-comment-team-member-title-right{flex: 1; font-size: 18px; line-height: 1.4em; font-weight: bold; color:#056ac4;}
	.company-comment-team-member-list{display: block; margin-top: 20px; align-items: center;}
	.company-comment-team-member-list-left{width:auto;}
	.company-comment-team-member-list-kana{font-size:12px; line-height:1.2em; color: #111; font-weight: bold;}
	.company-comment-team-member-list-name{font-size:20px; line-height:1.4em; font-weight: bold;}
	.company-comment-team-member-list-right{flex: 1; font-size: 12px; line-height: 1.4em; padding: 2px 0 0; background: #fff; border-radius: 5px;}
	.sponsor-comment-title{ font-size: 20px; line-height: 1.4em; font-weight: bold; border-bottom:solid 2px #fff; color:#a8589f;}


	.company-link-promotion{margin-top:30px; display: block; justify-content: center;}
	.company-link-promotion > div:not(:first-child){margin-top:30px;}
	.company-link-area{display: flex; justify-content: center; width: 100%;}
	.company-link-area a{color:#fff; text-decoration: none; width: 90%;}
	.company-link-area a:hover{text-decoration: underline;}
	.company-link{width:100%; background:linear-gradient(90deg, #00a199 10%, #2ca6e0 85%); font-weight: bold; border-radius: 5px; padding: 15px 0 9px; font-size: 20px; line-height: 1em; color:#fff; box-sizing: border-box;}
	.company-promotion-area{display: flex; justify-content: center; width: 100%;}
	.company-promotion-area a{color:#fff; text-decoration: none; width: 90%;}
	.company-promotion-area a:hover{text-decoration: underline;}
	.company-promotion{width:100%; background:linear-gradient(90deg, #aa498e 10%, #8378b5 85%); font-weight: bold; border-radius: 5px; padding: 15px 0 9px; font-size: 20px; line-height: 1em; color:#fff; box-sizing: border-box;}
}


.company-member-area{width: 1200px;}
.company-member-area02{width: 1200px; margin:100px 0 80px;}
.company-member-title{display:inline-block; width:auto; margin:120px 0 40px; text-align:center; transform:skewX(-15deg); background:#fff;}
.company-member-title-open{display:inline-block; width:90%; position: relative; height: auto; margin:10px 0 40px; text-align:center; transform:skewX(-15deg); background:#fff;font-size: 22px; line-height:1.2em; font-weight: bold; color: #111; cursor: pointer;}
.company-member-title-inner{color:#000; font-size: 24px; font-weight: bold; line-height:1em; transform:skewX(15deg); padding:10px 40px 5px;}
.company-member-title-open02{display:inline-block; width:90%; position: relative; height: auto; margin:40px 0 0; text-align:center; background:#fff;font-size: 16px; line-height:1.2em; font-weight: bold; color: #111; cursor: pointer;}
.company-member-title-inner02{color:#000; font-size: 16px; font-weight: bold; line-height:1em; padding:10px 40px 5px;}

.company-member-table{border:solid 2px #999; width:100%; box-sizing: border-box; border-collapse:  collapse; text-align: left;}
.company-member-table tr{border-bottom:solid 1px #999;}
.company-member-table tr:hover{background:#ff9; color:#000; font-weight: bold;}
.company-member-table tr a{text-decoration: none;}
.company-member-table tr:hover a{color:#000;}
.company-member-table tr:hover a:hover{text-decoration:underline;}
.company-member-th-01{width:100%; min-width:240px; flex: 1; box-sizing: border-box; background: #fff; color: #333; padding: 5px; font-size:14px; font-weight: bold; line-height: 1em;}
.company-member-th-02{border-left:solid 1px #999; width:80px; min-width:80px; box-sizing: border-box; background: #fff; color: #333; padding: 5px; font-size:14px; font-weight: bold; line-height: 1em; text-align: center;}
.company-member-th-03{border-left:solid 1px #999; width:140px; min-width:140px; box-sizing: border-box; background: #fff; color: #333; padding: 5px; font-size:14px; font-weight: bold; line-height: 1em;}
.company-member-th-04{border-left:solid 1px #999; width:auto; min-width:240px; box-sizing: border-box; background: #fff; color: #333; padding: 5px; font-size:14px; font-weight: bold; line-height: 1em;}
.company-member-th-apex{border-left:solid 1px #999; width:110px; min-width:110px; box-sizing: border-box; background: #fff; color: #333; padding: 5px; font-size:14px; font-weight: bold; line-height: 1em; text-align: center;}
.company-member-th-pubg{border-left:solid 1px #999; width:110px; min-width:110px; box-sizing: border-box; background: #fff; color: #333; padding: 5px; font-size:14px; font-weight: bold; line-height: 1em; text-align: center;}
.company-member-data-area{box-sizing: border-box; height: 48px;}
.company-member-data-01{box-sizing: border-box; padding:0 5px; line-height: 1.2em; text-align: left; flex: 1; width: auto;}
.company-member-data-02{border-left:solid 1px #999; box-sizing: border-box; padding:0 5px; line-height: 1.4em; text-align: center;}
.company-member-data-percentage{font-size:12px; padding-left:5px;}
.company-member-name-area{display:flex; align-items: center; widh:100%;}
.company-member-image{width:32px; text-align: center;}
.company-member-image img{max-width: 32px; max-height: 32px; vertical-align: middle;}
.company-member-name{flex: 1; margin:2px 0 0 10px;}
.company-member-list-comment{display: none;}


.member-area{padding-top:60px; width: 1200px;}
.member-area-back{background: #f7f7f7; color:#000; border-radius: 20px; padding: 40px; box-sizing: border-box;}
.member-contents01{margin-top: 40px; display: flex; width: 100%; align-items: center;}
.member-image{width:240px; text-align: center;}
.member-image img{width:100%; max-width: 240px; max-height: 240px; vertical-align: middle;}
.member-text{flex: 1; margin-left:40px; text-align: left;}
.member-name{font-size:32px; line-height:1.4em; font-weight: bold; color: #ff0;}
.member-play-game{}
.member-play-game:not(:first-child){margin-top:10px;}
.member-mychannel-area{display: flex;}
.member-mychannel{display: inline-block; width:auto;}
.member-mychannel img{width:18px; vertical-align: middle;}
.member-mychannel:not(:first-child){margin-left:20px;}

.member-data-area{border:solid 1px #000; margin-top:20px;}
.sponsor-data-area{margin-top:10px; font-weight: bold;}

@media screen and (max-width: 1200px) {
.company-member-area{width: 94%;}
.company-member-area02{width: 94%; margin:40px 0 60px;}
.company-member-title{display:inline-block; width:80%; margin:80px 0 40px; text-align:center; transform:skewX(-15deg); background:#fff;}
.company-member-title-inner{color:#000; font-size: 24px; font-weight: bold; line-height:1em; transform:skewX(15deg); padding:10px 40px 5px;}
	
	.company-member-table{border:solid 2px #999; width:100%; box-sizing: border-box; border-collapse:  collapse; text-align: left;}
	.company-member-table tr{border-bottom:solid 1px #999;}
	.company-member-table tr:last-child{border-bottom:none;}
	.company-member-table tr:hover{background:#ff9; color:#000; font-weight: bold;}
	.company-member-table tr a{text-decoration: none;}
	.company-member-table tr:hover a{color:#000;}
	.company-member-table tr:hover a:hover{text-decoration:underline;}
	.company-member-th-01{width:360px; min-width: 360px; box-sizing: border-box; background: #fff; color: #333; padding: 5px; font-size:14px; font-weight: bold; line-height: 1em;}
	.company-member-th-apex{border-left:solid 1px #999; width:110px; min-width:110px; box-sizing: border-box; background: #fff; color: #333; padding: 5px; font-size:14px; font-weight: bold; line-height: 1em; text-align: center;}
	.company-member-th-pubg{border-left:solid 1px #999; width:110px; min-width:110px; box-sizing: border-box; background: #fff; color: #333; padding: 5px; font-size:14px; font-weight: bold; line-height: 1em; text-align: center;}
	.company-member-data-area{box-sizing: border-box; height: 48px;}
	.company-member-data-01{box-sizing: border-box; padding:0 5px; line-height: 1.2em; text-align: left;}
	.company-member-data-02{border-left:solid 1px #999; box-sizing: border-box; padding:0 5px; line-height: 1.4em; text-align: center;}
	.company-member-data-percentage{font-size:12px; padding-left:5px;}
	.company-member-name-area{display:flex; align-items: center;}
	.company-member-image{width:32px; text-align: center;}
	.company-member-image img{max-width: 32px; max-height: 32px; vertical-align: middle;}
	.company-member-name{flex: 1; margin:2px 0 0 10px;}
	.company-member-list-comment{display: block; font-size:14px; font-weight: bold;text-align: center; color:#ff0; margin-top:20px;}
	
	
.member-area{padding-top:60px; width: 100%;}
.member-area-back{background: #f7f7f7; color:#000; border-radius: 20px; padding: 40px; box-sizing: border-box;}
.member-contents01{margin-top: 40px; display: flex; width: 100%; align-items: center;}
.member-image{width:240px; text-align: center;}
.member-image img{width:100%; max-width: 240px; max-height: 240px; vertical-align: middle;}
.member-text{flex: 1; margin-left:40px; text-align: left;}
.member-name{font-size:32px; line-height:1.4em; font-weight: bold; color: #ff0;}
.member-play-game{}
.member-play-game:not(:first-child){margin-top:10px;}
.member-mychannel-area{display: flex;}
.member-mychannel{display: inline-block; width:auto;}
.member-mychannel img{width:18px; vertical-align: middle;}
.member-mychannel:not(:first-child){margin-left:20px;}

.member-data-area{border:solid 1px #000; margin-top:20px;}
.sponsor-data-area{margin-top:10px;}
}

@media screen and (max-width: 480px) {
	.company-member-area{width: 94%;}
	.company-member-area02{width: 94%;}
	.company-member-title{display:inline-block; width:auto; margin:80px 0 30px; text-align:center; transform:skewX(-15deg); background:#fff;}
	.company-member-title-inner{color:#000; font-size: 16px; font-weight: bold; line-height:1em; transform:skewX(15deg); padding:10px 15px 5px;}
	.company-member-data-01{box-sizing: border-box; padding:0 5px; font-size: 14px; line-height: 1.2em; text-align: left;}
	
	.company-member-table{border:solid 2px #999; width:100%; box-sizing: border-box; border-collapse:  collapse; text-align: left;}
	.company-member-th-01{width:240px; min-width: 240px; box-sizing: border-box; background: #fff; color: #333; padding: 5px; font-size:12px; font-weight: bold; line-height: 1em;}
	.company-member-th-02{border-left:solid 1px #999; width:80px; min-width:80px; box-sizing: border-box; background: #fff; color: #333; padding: 5px; font-size:12px; font-weight: bold; line-height: 1em; text-align: center;}
	.company-member-th-03{border-left:solid 1px #999; width:140px; min-width:140px; box-sizing: border-box; background: #fff; color: #333; padding: 5px; font-size:12px; font-weight: bold; line-height: 1em;}
	.company-member-th-04{border-left:solid 1px #999; width:auto; min-width:240px; box-sizing: border-box; background: #fff; color: #333; padding: 5px; font-size:12px; font-weight: bold; line-height: 1em;}
	.company-member-th-apex{border-left:solid 1px #999; width:100px; min-width:100px; box-sizing: border-box; background: #fff; color: #333; padding: 5px; font-size:12px; font-weight: bold; line-height: 1em; text-align: center;}
	.company-member-th-pubg{border-left:solid 1px #999; width:100px; min-width:100px; box-sizing: border-box; background: #fff; color: #333; padding: 5px; font-size:12px; font-weight: bold; line-height: 1em; text-align: center;}
	.company-member-data-01{box-sizing: border-box; padding:0 5px; font-size: 12px; line-height: 1.2em; text-align: left;}
	.company-member-data-02{border-left:solid 1px #999; box-sizing: border-box; padding:0 5px; font-size: 12px; line-height: 1.4em; text-align: center;}
	.company-member-list-comment{display: block; font-size:12px; font-weight: bold;text-align: center; color:#ff0;}
	
	.member-area{padding-top:60px; width: 96%;}
	.member-area-back{background: #f7f7f7; color:#000; border-radius: 10px; padding: 10px; box-sizing: border-box;}
	.member-contents01{margin-top: 40px; display: block; width: 100%; align-items: center;}
	.member-image{width:100%; text-align: center;}
	.member-image img{width:100%; max-width: 320px; max-height: 320px; vertical-align: top;}
	.member-text{flex: 1; margin:0 15px; text-align: left;}
	.member-name{font-size:32px; line-height:1.4em; font-weight: bold; color: #ff0;}
	.member-play-game{}
	.member-play-game:not(:first-child){margin-top:10px;}
	.member-mychannel-area{display: flex;}
	.member-mychannel{display: inline-block; width:auto;}
	.member-mychannel img{width:18px; vertical-align: middle;}
	.member-mychannel:not(:first-child){margin-left:20px;}

	.member-data-area{border:none; margin-top:20px;}
	.sponsor-data-area{margin-top:5px; font-size: 12px; line-height: 1.6em;}
}




.company-tournament-contents {display: flex; margin-bottom:20px;}
.company-tournament-contents-title {position: relative; overflow: hidden; width:220px; padding:10px 10px 8px; font-size:18px; line-height: 1em; font-weight: bold; color: #000; z-index: 1;  box-sizing: border-box;}
.company-tournament-contents-title:before {position: absolute; top: -80px; left: -120px; width: 400px; height:170px; content: ''; z-index: -1; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); background: #ff0;}
.company-tournament-contents-text {display: block; flex: 1; padding:10px 10px 8px; font-size:18px; line-height: 1em; color: #fff; z-index: 1;  box-sizing: border-box;}


.season3-apex-league{width:100%; max-width: 1200px; padding:0 10px; box-sizing: border-box;}

.season3-lol-entry{margin:40px 3%;}
.season3-lol-list{margin:40px 5% 0; max-width: 1000px;}
.season3-lol-list-title{margin:120px 0 20px; display: flex; align-items: center; border-bottom:solid 1px #fff; padding-bottom:10px;}
.season3-lol-list-logo{width:150px;}
.season3-lol-list-logo-image{width:100%; vertical-align: middle;}
.season3-lol-list-text{flex: 1; font-weight: bold; font-size: 26px; line-height: 1.5em; margin-left:40px; text-align: center; padding-right:150px;}

.season3-lol-list-title-area {background: #1b1464; color:#fff; padding:3px 15px; border-right:#fff solid 1px; border-bottom:#fff solid 1px;}
.season3-lol-list-text-area  {color:#fff; padding:3px 15px; border-right:#fff solid 1px; border-bottom:#fff solid 1px;}

.season3-lol-text-title{text-align: left; font-size: 18px; line-height: 1.4em; font-weight: bold;}
.season3-lol-text-area{display: flex; text-align: left; margin-top:15px;}
.season3-lol-text-point{display: inline-block; width:auto; margin-right:10px; font-size: 14px; line-height: 1.4em;}
.season3-lol-text{flex: 1; font-size: 14px; line-height: 1.4em;}
.season3-lol-text-bold{font-size: 22px; font-weight: bold;}

@media screen and (max-width:480px){
	.company-tournament-contents {display: block; margin-bottom:20px;}
	.company-tournament-contents-title {position: relative; overflow: hidden; width:220px; padding:8px 10px 6px; font-size:16px; line-height: 1em; font-weight: bold; color: #000; z-index: 1;  box-sizing: border-box;}
	.company-tournament-contents-title:before {position: absolute; top: -80px; left: -120px; width: 320px; height:170px; content: ''; z-index: -1; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); background: #ff0;}
	.company-tournament-contents-text {display: block; flex: 1; padding:15px 10px 8px 0; font-size:18px; font-weight: bold; line-height: 1em; color: #fff; z-index: 1;  box-sizing: border-box;}
	
	.season3-lol-text-title{text-align: left; font-size: 18px; line-height: 1.4em; font-weight: bold;}
	.season3-lol-entry{margin:1em 3%; font-size: 12px; line-height: 1.8em;}
	.season3-lol-list{margin:20px 5px 0; max-width: 100%;}
	.season3-lol-list-title{margin:40px 0 20px; display: flex; align-items: center; border-bottom:solid 1px #fff; padding-bottom:10px;}
	.season3-lol-list-logo{width:80px;}
	.season3-lol-list-text{flex: 1; font-weight: bold; font-size: 16px; line-height: 1.4em; margin-left:20px; text-align: center; padding-right:0;}
	.season3-lol-list-title-area {background: #1b1464; color:#fff; padding:5px 3px 3px; border-right:#fff solid 1px; border-bottom:#fff solid 1px; font-size: 14px; line-height: 1.2em; font-weight: bold;}
	.season3-lol-list-text-area  {color:#fff; padding:7px 3px; border-right:#fff solid 1px; border-bottom:#fff solid 1px; font-size: 12px; line-height: 1.2em;}
	.season3-lol-text-bold{font-size: 18px; font-weight: bold;}
		
}

.season3-pubg-text{display: flex; margin:5px 0 0 20px;}
.season3-pubg-text{display: flex; margin:5px 0 0 20px;}
.season3-pubg-tier-image01{max-width: 1000px; width:70%; height: auto; margin-top:40px; vertical-align: middle;}
@media screen and (max-width:480px){
	.season3-pubg-text{display: flex; margin:5px 0 0 12px;}
	.season3-pubg-nodisplay-sp{padding: 0; margin-top:-10px; opacity: 0; }
	.season3-pubg-tier-image01{width:96%; height: auto; margin-top:20px;}
}

.data-tab-area{display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; margin-top:15px; font-size: 12px; line-height: 1em;}
.data-tab-area div:not(:first-child){margin-left:20px;}
.data-tab-active{width:180px; background:#ff0; color: #111; border:solid 1px #ff0; border-radius: 50px; padding: 4px 0 2px; font-weight: bold;}
.data-tab-none-active{width:180px; background:#111; color:#eee; border:solid 1px #eee; border-radius: 50px; padding: 4px 0 2px;}
.data-tab-none-active:hover{width:180px; background:#ff0; color: #111; border:solid 1px #ff0; border-radius: 50px; padding: 4px 0 2px; font-weight: bold;}
.data-tab-comment{flex: 1; font-size: 12px; text-align: left;}
@media screen and (max-width: 980px) {
	.data-tab-comment{flex: auto; width: 100%; line-height: 1.1em; text-align: left; margin-bottom:10px;}
}
@media screen and (max-width: 480px) {
	.data-tab-area{display: flex; align-items: center; justify-content: center; margin-top:15px; font-size: 12px; line-height: 1em;}
	.data-tab-area div:not(:first-child){margin-left:40px;}
	.data-tab-active{width:120px; background:#ff0; color: #111; border:solid 1px #ff0; border-radius: 50px; padding: 4px 0 2px; font-weight: bold;}
	.data-tab-none-active{width:120px; background:#111; color:#eee; border:solid 1px #eee; border-radius: 50px; padding: 4px 0 2px;}
	.data-tab-none-active:hover{width:120px; background:#ff0; color: #111; border:solid 1px #ff0; border-radius: 50px; padding: 4px 0 2px; font-weight: bold;}
}

.pokemon-pre-event01{margin:50px 0; font-size: 24px; font-weight: bold;}
.pokemon-pre-event02{margin-top:80px; font-size: 26px; font-weight: bold; line-height: 1.6em;}
.pokemon-pre-event03{margin:30px 0 0; display:block;}
@media screen and (max-width: 980px) {
	.pokemon-pre-event01{margin:50px 0; font-size: 22px; font-weight: bold;}
	.pokemon-pre-event02{margin-top:80px; font-size: 26px; font-weight: bold; line-height: 1.6em;}
	.pokemon-pre-event03{margin:30px 0 0; display:block;}
}
@media screen and (max-width: 480px) {
	.pokemon-pre-event01{margin:20px 0; font-size: 18px; font-weight: bold;}
	.pokemon-pre-event02{margin-top:40px; font-size: 18px; font-weight: bold; line-height: 1.6em;}
	.pokemon-pre-event03{margin:10px 0 0; display:block;}
}

.apex-team-death-match01{margin:50px 0; font-size: 24px; font-weight: bold;}
@media screen and (max-width: 980px) {
	.apex-team-death-match01{margin:50px 0; font-size: 22px; font-weight: bold;}
}
@media screen and (max-width: 480px) {
	.apex-team-death-match01{margin:20px 0; font-size: 18px; font-weight: bold;}
}