@charset "UTF-8";

:root{
	--body : #333;
	--link : #333;
	--primary : #100454;
}

/*--------------------------------------------
MAIN VISUAL
---------------------------------------------*/

#mv{
	font-size : 0;
}

#mv picture{
	overflow : hidden;
}

#mv picture > img{
	width : 100%;
	height : 100%;
	object-fit : cover;
	font-family : "object-fit: cover;";
}

@media screen and (max-width: 768px){
	#mv{
		height : calc( 1000 * 100vw / 768 );
	}
	#mv picture{
		width : 100vw;
		height : calc( 1000 * 100vw / 768 );
	}
}

@media print,screen and (min-width: 769px){
	#mv{
		height : 744px;
	}
	#mv picture{
		width : 100%;
		height : 744px;
	}
}

/*--------------------------------------------
GAMES
---------------------------------------------*/

@media screen and (max-width: 768px){
	#games{
		background : url("../images/home/games/bg_sp.jpg") center 0 / 100% auto repeat;
		padding-top : calc( 59 * 100vw / 768 );
		padding-bottom : calc( 75 * 100vw / 768 );
	}
	#games ol{
		margin-top : calc( 42 * 100vw / 768 );
	}
	#games ol li + li{
		margin-top : calc( 30 * 100vw / 768 );
	}
}

@media print,screen and (min-width: 769px){
	#games{
		background : url("../images/home/games/bg_pc.jpg") center 0 / auto 320px repeat;
		display : flex;
		align-items : center;
		padding-top : 19px;
		padding-bottom : 20px;
	}
	#games ol{
		width : 880px;
		margin-left : 30px;
	}
	#games ol li + li{
		margin-top : 10px;
	}
}

#ranking{
	color : #fff;
}

#ranking h2{
	font-weight : 700;
	letter-spacing : .1em;
	font-family : "Teko", sans-serif;
}

#ranking dt{
	font-weight : 700;
	letter-spacing : .1em;
}

#ranking dd:nth-of-type(1){
	display : flex;
	align-items : baseline;
	justify-content : flex-end;
}

#ranking dd:nth-of-type(1) span:nth-of-type(1){
	font-weight : 600;
	font-family : "Teko", sans-serif;
}

#ranking dd:nth-of-type(1) span:nth-of-type(2){
	font-weight : 700;
}

#ranking dd:nth-of-type(2){
	width : 100%;
	border-top-style : solid;
	border-top-color : #b78c1f;
}

#ranking dd + dd{
	font-weight : 500;
	letter-spacing : .1em;
}

@media screen and (max-width: 768px){
	#ranking{
		border-top : calc( 2 * 100vw / 768 ) solid #b78c1f;
		position : relative;
	}
	#ranking h2{
		position : absolute;
		font-size : 8rem;
		left : calc( 14 * 100% / 720 );
		top : calc( ( 49 - ( ( 89 - 52 ) * 1 / 3 ) ) * 100vw / 768 );
	}
	#ranking dl{
		display : -ms-grid;
		display :     grid;
		-ms-grid-columns : auto 1fr auto auto auto;
		grid-template-columns : auto 1fr auto auto auto;
		-ms-grid-rows : calc( ( 89 + ( ( 200 - 128 ) * 1 / 3 ) ) * 100vw / 768 ) calc( 30 * 100vw / 768 ) auto calc( ( 34 - ( ( 200 - 128 ) * 2 / 3 ) ) * 100vw / 768 ) auto;
		grid-template-rows : calc( ( 89 + ( ( 200 - 128 ) * 1 / 3 ) ) * 100vw / 768 ) calc( 30 * 100vw / 768 ) auto calc( ( 34 - ( ( 200 - 128 ) * 2 / 3 ) ) * 100vw / 768 ) auto;
		padding-top : calc( ( 25 - ( ( 200 - 128 ) * 1 / 3 ) ) * 100vw / 768 );
		position : relative;
	}
	#ranking dl:before{
		content : "";
		display : block;
		width : 100%;
		position : absolute;
		left : 0;
		top : calc( 174 * 100vw / 768 );
		background-color : #b78c1f;
		height : calc( 2 * 100vw / 768 );
	}
	#ranking dt{
		-ms-grid-row : 2;
		-ms-grid-row-span : 1;
		    grid-row : 2/3;
		-ms-grid-column : 1;
		-ms-grid-column-span : 1;
		    grid-column : 1/2;
		font-size : 3rem;
		padding-left : calc( 18 * 100vw / 768 );
		font-size : 3rem;
	}
	#ranking dd:nth-of-type(1){
		-ms-grid-row : 1;
		-ms-grid-row-span : 3;
		    grid-row : 1/4;
		-ms-grid-column : 3;
		-ms-grid-column-span : 2;
		    grid-column : 3/5;
	}
	#ranking dd:nth-of-type(1) span:nth-of-type(1){
		font-size : 20rem;
	}
	#ranking dd:nth-of-type(1) span:nth-of-type(2){
		font-size : 4rem;
		position : relative;
		top : -.125em;
		margin-left : calc( ( 17 - 6.5 ) * 100vw / 768 );
	}
	#ranking dd:nth-of-type(2){
		-ms-grid-column : 3;
		-ms-grid-column-span : 1;
		    grid-column : 3/4;
		-ms-grid-row : 5;
		-ms-grid-row-span : 1;
		    grid-row : 5/6;
	}
	#ranking dd:nth-of-type(3){
		-ms-grid-column : 4;
		-ms-grid-column-span : 1;
		    grid-column : 4/5;
		-ms-grid-row : 5;
		-ms-grid-row-span : 1;
		    grid-row : 5/6;
		padding-left : .5em;
	}
	#ranking dd + dd{
		font-size : 2.2rem;
	}
}

@media print,screen and (min-width: 769px){
	#ranking{
		padding-left : 10px;
		width : 260px;
		flex-shrink : 0;
		padding-top : calc( 26px - ( ( 50px - 33px ) * 1 / 3 ) );
	}
	#ranking h2{
		font-size : 5rem;
	}
	#ranking dl{
		margin-top : calc( 12px - ( ( 50px - 33px ) * 2 / 3 ) );
	}
	#ranking dt{
		font-size : 3rem;
	}
	#ranking dd:nth-of-type(1){
		margin-top : calc( 12px - ( ( 150px - 96px ) * 1 / 3 ) );
	}
	#ranking dd:nth-of-type(1) span:nth-of-type(1){
		font-size : 15rem;
	}
	#ranking dd:nth-of-type(1) span:nth-of-type(2){
		font-size : 3rem;
		margin-left : 4px;
		position : relative;
		top : -.125em;
	}
	#ranking dd:nth-of-type(2){
		margin-top : calc( 12px - ( ( 150px - 96px ) * 2 / 3 ) );
		border-top-width : 1px;
		padding-top : 12px;
	}
	#ranking dd + dd{
		text-align : center;
		font-size : 1.8rem;
	}
	#ranking dd:nth-of-type(3){
		margin-top : 6px;
	}
}

#result , #next{
	background-color : #e8e4e4;
}

#result h3 , #next h3{
	font-family : "Teko", sans-serif;
	font-weight : 600;
	letter-spacing : .05em;
	color : #fff;
	background-repeat : no-repeat;
	background-position : 0 0;
	display : flex;
	align-items : center;
	flex-shrink : 0;
}

#result time span , #next time span{
	font-family : "Teko", sans-serif;
	font-weight : 600;
	letter-spacing : .1em;
}

#result time span:nth-of-type(4) , #next time span:nth-of-type(4){
	margin-left : .25em;
}

@media screen and (max-width: 768px){
	#result h3 , #next h3{
		font-size : 8rem;
		padding-top : calc( ( ( 80 - 52 ) * 1 / 3 ) * 100vw / 768 );
	}
	#result timd , #next timd{
		display : flex;
		align-items : baseline;
	}
}

@media print,screen and (min-width: 769px){
	#result , #next{
		display : flex;
		height : 140px;
	}
	#result h3 , #next h3{
		font-size : 4.6rem;
		background-size : auto 100%;
		height : 100%;
		font-size : 4.6rem;
		line-height : .7391;
		padding-left : 14px;
		width : 190px;
		padding-top : calc( ( 46px - 30px ) * 1 / 3 );
	}
	#result time span:nth-of-type(odd) , #next time span:nth-of-type(odd){
		font-size : 4.4rem;
	}
	#result time span:nth-of-type(even) , #next time span:nth-of-type(even){
		font-size : 3.6rem;
	}
}

@media screen and (max-width: 768px){
	#result .icon img , #next .icon img{
		height : calc( 111 * 100vw / 768 );
	}
	#result .zeek-star img , #next .zeek-star img{
		height : calc( 111 * 100vw / 768 );
	}
}

@media print,screen and (min-width: 769px){
	#result .icon img , #next .icon img{
		height : 86px;
	}
	#result .red-tornado img , #next .red-tornado img{
		height : 89px;
	}
	#result .zeek-star img , #next .zeek-star img{
		height : 86px;
	}
}

@media screen and (max-width: 768px){
	#result > a{
		display : block;
	}
	#result .red-tornado img{
		height : calc( 114 * 100vw / 768 );
	}
}

@media screen and (max-width: 768px){
	#next .red-tornado img{
		height : calc( 124 * 100vw / 768 );
	}
}

#result > a{
	display : flex;
	width : 100%;
	height : 100%;
}

#result p{
	font-weight : 500;
	letter-spacing : .1em;
}

#result h2{
	display : flex;
}

#result .team{
	display : flex;
}

#result .score , #result .hyphen{
	font-family : "Teko", sans-serif;
	font-weight : 600;
}

#result .score.win , #result .hyphen.win{
	color : #c60415;
}

#result .hyphen{
	flex-shrink : 0;
	margin-left : .125em;
	margin-right : .125em;
}

#result h2 > span:nth-of-type(3){
	display : flex;
	flex-direction : row-reverse;
}

@media screen and (max-width: 768px){
	#result > a{
		flex-wrap : wrap;
	}
	#result h3{
		width : calc( 299 * 100% / 720 );
		height : calc( 114 * 100vw / 768 );
		background-image : url("../images/home/games/bg_result_sp.png");
		padding-left : calc( 21 * 100% / 720 );
	}
	#result .info{
		width : calc( 421 * 100% / 720 );
		padding-left : calc( 10 * 100% / 720 );
		padding-top : calc( ( 23 - ( ( 60 - 48 ) * 1 / 3 ) ) * 100vw / 768 );
	}
	#result time span:not(:nth-of-type(4)){
		font-size : 6rem;
	}
	#result time span:nth-of-type(4){
		font-size : 4rem;
		margin-right : .125em;
		margin-left : .125em;
	}
	#result p{
		margin-top : calc( ( 12 - ( ( 60 - 48 ) * 2 / 3 ) ) * 100vw / 768 );
		font-size : 2.2rem;
	}
	#result h2{
		width : 100%;
		display : flex;
		justify-content : center;
		align-items : flex-start;
		margin-top : calc( 21 * 100vw / 768 );
	}
	#result .team{
		flex-grow : 1;
	}
	#result .score , #result .hyphen{
		font-size : 14rem;
	}
	#result .score{
		width : calc( 124 * 100vw / 768 );
		flex-shrink : 0;
		text-align : center;
	}
	#result h2 > span:nth-of-type(1){
		justify-content : flex-end;
	}
	#result h2 > span:nth-of-type(1) .score{
		margin-left : calc( 28 * 100vw / 768 );
	}
	#result h2 > span:nth-of-type(3){
		justify-content : flex-end;
	}
	#result h2 > span:nth-of-type(3) .score{
		margin-right : calc( 28 * 100vw / 768 );
	}
}

@media print,screen and (min-width: 769px){
	#result > a{
		align-items : flex-start;
		height : 140px;
	}
	#result h3{
		background-image : url("../images/home/games/bg_result_pc.png");
	}
	#result .info{
		margin-left : 10px;
		width : 208px;
		flex-shrink : 0;
		height : 100%;
		display : flex;
		flex-direction : column;
		justify-content : center;
		align-items : flex-start;
	}
	#result time{
		display : flex;
		flex-wrap : wrap;
		align-items : baseline;
		width : 100%;
	}
	#result p{
		font-size : 1.4rem;
	}
	#result h2{
		height : 100%;
	}
	#result .team{
		height : 100%;
		flex-shrink : 0;
	}
	#result .icon{
		height : 100%;
		display : flex;
		align-items : center;
	}
	#result .score , #result .hyphen{
		font-size : 10rem;
		height : 100%;
		display : flex;
		align-items : center;
		margin-top : calc(  ( 100px - 64px  ) * 1 / 3 );
	}
	#result .score{
		text-align : center;
		justify-content : center;
		width : 88px;
	}
	#result .icon{
	}
	#result h2 > span:nth-of-type(1) .score{
		margin-left : 16px;
	}
	#result h2 > span:nth-of-type(3) .score{
		margin-right : 16px;
	}
}

#next h4{
	font-weight : 500;
	letter-spacing : .1em;
}

#next p{
	display : flex;
	align-items : center;
	font-weight : 500;
	letter-spacing : .1em;
}

#next p:before{
	content : "";
	background : url("../images/ui/icon/mappin.svg") 0 0 / contain no-repeat;
	font-size : 0;
}

#next h2{
	display : flex;
}

#next h2 > span:nth-of-type(2){
	font-family : "Teko", sans-serif;
	font-weight : 600;
}

#next .name{
	font-weight : 700;
	text-align : center;
	letter-spacing : .1em;
	text-indent : .1em;
}

@media screen and (max-width: 768px){
	#next{
		padding-bottom : calc( 31 * 100vw / 768 );
	}
	#next h3{
		width : calc( 507 * 100% / 720 );
		height : calc( 115 * 100vw / 768 );
		background-image : url("../images/home/games/bg_next_sp.png");
		padding-left : calc( 21 * 100% / 720 );
	}
	#next time{
		display : flex;
		align-items : baseline;
		justify-content : center;
		margin-top : calc( ( 18 - ( 90 - 72 ) * 1 / 3 ) * 100vw / 768 );
	}
	#next time span:not(:nth-of-type(4)){
		font-size : 9rem;
	}
	#next time span:nth-of-type(4){
		font-size : 7rem;
		margin-right : .25em;
	}
	#next p{
		margin-top : calc( ( 17 - ( 90 - 72 ) * 2 / 3 ) * 100vw / 768 );
		background-color : rgba(30,30,30,.1);
		display : flex;
		justify-content : center;
		align-items : center;
		width : calc( 669 * 100% / 720 );
		margin-left : auto;
		margin-right : auto;
		padding-top : calc( 13 * 100vw / 768 );
		padding-bottom : calc( 13 * 100vw / 768 );
		font-size : 2.6rem;
	}
	#next p:before{
		width : calc( 19 * 100% / 669 );
		height : calc( 26 * 100vw / 768 );
		margin-right : calc( 6 * 100% / 669 );
	}
	#next h2{
		margin-top : calc( 24 * 100vw / 768 );
		width : calc( 669 * 100% / 720 );
		margin-left : auto;
		margin-right : auto;
		display : flex;
		justify-content : center;
		align-items : flex-start;
	}
	#next h2 .team{
		width : calc( ( ( 669 - 104 ) / 2  ) * 100% / 669 );
		display : flex;
		align-items : flex-start;
	}
	#next h2 .name{
		width : calc( 166 * 100vw / 768 );
		font-size : 2.2rem;
		line-height : 1.3636;
		margin-top : calc( ( 37 - 4 ) * 100vw / 768 );
		height : calc( 60 * 100vw / 768 );
	}
	#next h2 .vs{
		flex-shrink : 0;
		text-align : center;
		font-size : 8rem;
		margin-top : calc( ( 34 - ( 80 - 40 ) * 1 / 3 ) * 100vw / 768 );
		width : calc( 104 * 100% / 669 );
	}
	#next h2 > span:nth-of-type(1){
		padding-right : calc( 4 * 100% / 669 );
	}
	#next h2 > span:nth-of-type(1) .name{
		white-space : nowrap;
	}
	#next h2 > span:nth-of-type(3){
		flex-direction : row-reverse;
		padding-left : calc( 22 * 100% / 669 );
	}
}

@media print,screen and (min-width: 769px){
	#next{
		height : 130px;
	}
	#next h3{
		background-image : url("../images/home/games/bg_next_pc.png");
	}
	#next .info{
		margin-left : 8px;
		width : 350px;
		padding-top : 21px;
	}
	#next h4{
		font-size : 1.7rem;
	}
	#next time{
		display : flex;
		align-items : baseline;
		margin-top : calc( 13px - ( ( 44px - 30px ) * 1 / 3 ) );
	}
	#next p{
		width : 100%;
		font-size : 1.5rem;
		border-top : 1px solid #b78c1f;
		padding-top : 7px;
		padding-left : 2px;
		margin-top : calc( 11px - ( ( 44px - 30px ) * 2 / 3 ) );
	}
	#next p:before{
		width : 15px;
		height : 21px;
		margin-right : 5px;
	}
	#next h2{
		margin-left : 25px;
		align-items : flex-start;
	}
	#next h2 > span:nth-of-type(2){
		font-size : 5rem;
		margin-top : calc( 60px - ( ( 50px - 32px ) * 1 / 3 ) );
		margin-right : 20px;
	}
	#next h2 > span:nth-of-type(3){
		display : flex;
		flex-direction : row-reverse;
		display : flex;
		align-items : center;
		height : 100%;
	}
	#next h2 .name{
		font-size : 1.8rem;
		line-height : 1.3333;
		width : 152px;
		margin-left : 9px;
	}
}
#games .link {
        display: flex;
}
    #games .link a {
        background: #000;
        color: #fff;
        font-family: "Teko", sans-serif;
        font-weight: 600;
    }
        #games .link a:hover {
            background: #333;
        }
@media screen and (max-width: 768px){
    #games .link {
    }        

        #games .link a {
            padding-top: calc( 20 * 100vw / 768 );
            padding-top: calc( 10 * 100vw / 768 );
            font-size: 6rem;
            line-height: 1em;
            display: block;
            width: 100%;
            text-align: center;
            display: block;
        }
}
@media print,screen and (min-width: 769px){
    #games li:nth-child(3) .link {
        position: relative;
        justify-content: flex-end;
    }
    #games .link {
    }
        #games .link a {
            position: absolute;
            padding: 10px 2em 5px 2em;
            font-size: 4rem;
            line-height: 1em;
        }
}


/*--------------------------------------------
TOPICS
---------------------------------------------*/

#topics > a{
	font-family : "Teko", sans-serif;
	letter-spacing : .1em;
	color : #151515;
}

#topics > a:after{
	content : "";
	display : block;
	background-color : currentColor;
}

@media screen and (max-width: 768px){
	#topics{
		padding-top : calc( 91 * 100vw / 768 );
		padding-bottom : calc( ( 69 - ( 50 - 26 ) * 2 / 3 ) * 100vw / 768 );
	}
	#topics .archive-topics{
		margin-top : calc( 69 * 100vw / 768 );
	}
	#topics > a{
		font-size : 6rem;
		display : table;
		margin-left : auto;
		margin-right : auto;
		margin-top : calc( ( 61 - ( 60 - 38 ) * 1 / 3 ) * 100vw / 768 );
	}
	#topics > a:after{
		height : calc( 2 * 100vw / 768 );
		margin-top : calc( ( 15 - ( 60 - 38 ) * 2 / 3 ) * 100vw / 768 );
	}
}

@media print,screen and (min-width: 769px){
	#topics{
		padding-top : 62px;
		padding-bottom : calc( 50px - ( 40px - 26px ) * 2 / 3 );
	}
	#topics .archive-topics{
		margin-top : 45px;
	}
	#topics > a{
		font-size : 4rem;
		display : inline-block;
		margin-left : 550px;
		margin-top : calc( 43px - ( 40px - 26px ) * 1 / 3 );
	}
	#topics > a:after{
		height : 2px;
		margin-top : calc( 11px - ( 40px - 26px ) * 2 / 3 );
	}
}

/*--------------------------------------------
LINKS
---------------------------------------------*/

#links{
	background-position : center;
}

#links ul{
	position : relative;
}

#links li a{
	color : #fff;
	display : block;
	width : 100%;
	height : 100%;
}

#links li:not(.youtube){
	background-repeat : no-repeat;
	background-size : cover;
	background-position : 0 0;
}

#links li:not(.youtube) a{
	font-weight : 700;
	font-family : "Teko", sans-serif;
}

#links .youtube .iframe-container{
	position : relative;
}

#links .youtube .iframe-container > #map , #links .youtube .iframe-container > iframe{
	width : 100%;
	height : 100%;
	position : absolute;
	top : 0;
	left : 0;
	right : 0;
	bottom : 0;
	margin : auto;
}

#links .youtube .iframe-container{
	width : 100%;
}

#links .youtube span{
	font-family : "Teko", sans-serif;
	font-weight : 700;
	display : flex;
	align-items : flex-start;
}

#links .youtube span:before{
	content : "";
	flex-shrink : 0;
	display : block;
	background : url("../images/ui/icon/sns/youtube.svg") 0 0 / contain no-repeat;
	font-size : 0;
}

#links .instagram a:before{
	content : "";
	flex-shrink : 0;
	display : block;
	background : url("../images/ui/icon/sns/instagram.svg") 0 0 / contain no-repeat;
	font-size : 0;
}


@media screen and (max-width: 768px){
	#links{
		background-image : url("../images/home/links/bg_sp.jpg");
		background-repeat : repeat;
		padding-top : calc( 76 * 100vw / 768 );
		padding-bottom : calc( 46 * 100vw / 768 );
	}
	#links .players{
		background-image : url("../images/home/links/players_sp.png");
		width : 100%;
		height : calc( 336 * 100vw / 768 );
	}
	#links .players a{
		font-size : 8rem;
		padding-left : calc( 28 * 100% / 720 );
		padding-top : calc( ( 30 - ( 80 - 52 ) * 1 / 3 ) * 100vw / 768 );
	}
	#links .fan{
		background-image : url("../images/home/links/fan_sp.png");
		width : 100%;
		height : calc( 318 * 100vw / 768 );
		margin-top : calc( -5 * 100vw / 768 );
	}
	#links .fan a{
		font-size : 8rem;
		padding-left : calc( 170 * 100% / 720 );
		padding-top : calc( ( 235 - ( 80 - 54 ) * 1 / 3 ) * 100vw / 768 );
	}
	#links .youtube{
		margin-top : calc( 42 * 100vw / 768 );
	}
	#links .youtube .iframe-container{
		height : calc( 399 * 100vw / 768 );
	}
	#links .youtube span{
		font-size : 7.5rem;
		padding-left : calc( 14 * 100% / 720 );
		margin-top : calc( ( 33 - ( 75 - 51 ) * 1 / 3 ) * 100vw / 768 );
	}
	#links .youtube span:before{
		width : calc( 70 * 100% / 706 );
		height : calc( 83 * 100vw / 768 );
		margin-top : calc( ( -19 + ( 75 - 51 ) * 1 / 3 ) * 100vw / 768 );
		margin-right : calc( 16 * 100% / 706 );
	}
	#links .instagram{
		background-image : url("../images/home/links/instagram_sp.png");
		margin-top : calc( 68 * 100vw / 768 );
		top : calc( 1331 * 100vw / 768 );
		left : 0;
		width : calc( 359 * 100% / 720 );
		height : calc( 387 * 100vw / 768 );
	}
	#links .instagram a{
		padding-top : calc( 155 * 100vw / 768 );
		font-size : 6rem;
		padding-left : calc( 53 * 100% / 339 );
	}
	#links .instagram a:before{
		margin-left : calc( 94 * 100% / 307 );
		width : calc( 48 * 100% / 307 );
		height : calc( 48 * 100vw / 768 );
		margin-bottom : calc( ( 12 - ( 60 - 47 ) * 1 / 2 ) * 100vw / 768 );
	}
	#links .twitter{
		background-image : url("../images/home/links/twitter_sp.png");
		width : calc( 389 * 100% / 720 );
		height : calc( 387 * 100vw / 768 );
		position : absolute;
		bottom : 0;
		right : 0;
	}
	#links .twitter a{
		padding-top : calc( 163 * 100vw / 768 );
		font-size : 6rem;
		padding-left : calc( 160 * 100% / 389 );
	}
		#links .twitter a img{
			width : calc( 100 * 100% / 261 );
			height : auto;
		}
	#links .link-list {
		position: relative;
	}
	#links .link-list {
		position: relative;
		height: calc( 330 * 100vw / 768 );
		width: 100%;
	}
		#links .link-list .link-l {
			position: absolute;
			left: 0px;
		}
		#links .link-list .link-r {
			position: absolute;
			right: 0px;
		}
		#links .link-list img {
			width: auto;
			height: calc( 310 * 100vw / 768 );
		}
}

@media print,screen and (min-width: 769px){
	#links{
		background-image : url("../images/home/links/bg_pc.jpg");
		background-size : cover;
		background-repeat : no-repeat;
		height : 703px;
		padding-top : 50px;
		padding-bottom : 50px;
	}
	#links li{
		position : absolute;
	}
	#links .players{
		background-image : url("../images/home/links/players_pc.png");
		width : 680px;
		height : 317px;
		top : 0;
		left : 0;
	}
	#links .players a{
		font-size : 8rem;
		padding-top : calc( 11px - ( 80px - 68px ) * 1 / 3 );
		padding-left : 10px;
	}
	#links .fan{
		background-image : url("../images/home/links/fan_pc.png");
		width : 680px;
		height : 301px;
		left : 0;
		top : 303px;
	}
	#links .fan a{
		padding-top : calc( 235px - ( 80px - 70px ) * 1 / 3 );
		padding-left : 10px;
		font-size : 8rem;
		padding-left : 133px;
	}
	#links .youtube{
		top : 0;
		left : 700px;
		width : 480px;
	}
	#links .youtube .iframe-container{
		height : 266px;
	}
	#links .youtube span{
		padding-left : 2px;
		font-size : 5rem;
		margin-top : calc( 22px - ( 50px - 34px ) * 1 / 3 );
	}
	#links .youtube span:before{
		width : 46px;
		height : 54px;
		margin-right : 11px;
		margin-top : calc( -16px + ( 50px - 34px ) * 1 / 3 );
	}
	#links .instagram{
		background-image : url("../images/home/links/instagram_pc.png");
		top : 344px;
		left : 700px;
		width : 240px;
		height : 259px;
	}
	#links .instagram a{
		padding-left : 14px;
		font-size : 4rem;
		display : flex;
		align-items : flex-start;
		padding-top : 112px;
	}
	#links .instagram a:before{
		width : 30px;
		height : 31px;
		margin-right : 7px;
	}
	#links .twitter{
		background-image : url("../images/home/links/twitter_pc.png");
		top : 344px;
		left : 921px;
		width : 260px;
		height : 259px;
	}
	#links .twitter a{
		display : flex;
		align-items : baseline;
		font-size : 4rem;
		padding-left : 110px;
		padding-top : 110px;
	}
		#links .twitter a img{
			width: 50px ;
			height: auto;
		}
	#links .link-list {
		position: relative;
	}
	#links .link-list {
		position: relative;
		height: 304px;
		width: 680px;
	}
		#links .link-list .link-l {
			position: absolute;
			left: 0px;
		}
		#links .link-list .link-r {
			position: absolute;
			right: 0px;
		}
		#links .link-list img {
			width: auto;
			height: 297px;
		}
}

/*--------------------------------------------
BANNERS
---------------------------------------------*/

#banners{
	background-color : #080808;
}

#banners a{
	display : block;
}

@media screen and (max-width: 768px){
	#banners{
		padding-top : calc( 44 * 100vw / 768 );
		padding-bottom : calc( 48 * 100vw / 768 );
	}
	#banners li + li{
		margin-top : calc( 23 * 100vw / 768 );
	}
	#banners img{
		width : 100%;
		height : auto;
	}
}

@media print,screen and (min-width: 769px){
	#banners{
		padding-top : 30px;
		padding-bottom : calc( 30px - 20px );
		display : flex;
		flex-wrap : wrap;
		justify-content : center;
	}
	#banners > li{
		width : 580px;
		margin-bottom : 20px;
	}
	#banners > li:nth-child(even){
		margin-left : auto;
	}
	#banners picture{
		overflow : hidden;
	}
	#banners img{
		width : 100%;
		height : auto;
		object-fit : cover;
		font-family : "object-fit: cover;";
	}
	#banners picture{
		width : 100%;
		height : 120px;
	}
}

/*--------------------------------------------
SPONSOR
---------------------------------------------*/

#sponsor ul{
	display : flex;
	flex-wrap : wrap;
}

#sponsor a{
	display : block;
	width : 100%;
	height : 100%;
}

#sponsor li , #sponsor a{
	overflow : hidden;
}

#sponsor li > img , #sponsor a > img{
	width : 100%;
	height : 100%;
	object-fit : cover;
	font-family : "object-fit: cover;";
}

@media screen and (max-width: 768px){
	#sponsor{
		position : relative;
		padding-top : calc( 74 * 100vw / 768 );
		padding-bottom : calc( 67 * 100vw / 768 );
		padding-left : calc( 24 * 100% / 768 );
		padding-right : calc( 24 * 100% / 768 );
	}
	#sponsor ul{
		margin-top : calc( 66 * 100vw / 768 );
		overflow : hidden;
		width : 100%;
		max-height : calc( 553 * 100vw / 768 );
		transition : max-height .5s ease-in;
		-webkit-backface-visibility : hidden;
		        backface-visibility : hidden;
		will-change : max-height;
	}
	#sponsor li{
		width : calc( 238 * 100% / 720 );
	}
	#sponsor li:not(:nth-child(3n+1)){
		margin-left : calc( 3 * 100% / 720 );
	}
	#sponsor li:nth-child(n+4){
		margin-top : calc( 3 * 100vw / 768 );
	}
	#sponsor button{
		position : absolute;
		left : calc( 24 * 100% / 768 );
		bottom : calc( 67 * 100vw / 768 );
		background-color : #666;
		color : #fff;
		font-size : 6rem;
		display : flex;
		align-items : center;
		justify-content : center;
		text-align : center;
		text-align : center;
		letter-spacing : .1em;
		text-indent : .1em;
		font-family : "Teko", sans-serif;
		font-weight : 500;
		width : calc( 720 * 100% / 768 );
		height : calc( 69 * 100vw / 768 );
		z-index : 1;
		padding-top : calc( ( ( 69 - 38 ) * 1 / 3 ) * 100vw / 768 );
	}
	#sponsor button:before{
		content : "CLOSE";
		width : 100%;
		height : 100%;
		position : absolute;
		top : 0;
		left : 0;
		padding-top : calc( ( ( 69 - 38 ) * 1 / 3 ) * 100vw / 768 );
		display : flex;
		align-items : center;
		justify-content : center;
		text-align : center;
		text-align : center;
		letter-spacing : .1em;
		text-indent : .1em;
		opacity : 0;
		color : #fff;
	}
	#sponsor.is-open ul{
		max-height : inherit;
		padding-bottom : calc( 67 * 100vw / 768 );
	}
	#sponsor.is-open button{
		color : transparent;
	}
	#sponsor.is-open button:before{
		opacity : 1;
	}
}

@media print,screen and (min-width: 769px){
	#sponsor{
		padding-top : 58px;
		padding-bottom : 77px;
	}
	#sponsor ul{
		margin-top : calc( 41px - 2px );
		padding-left : 8px;
		padding-right : 10px;
	}
	#sponsor li{
		width : 180px;
		height : 64px;
		margin-top : 2px;
		margin-left : 2px;
	}
}