/**************************************************************************************/
/**************************************************************************************/
/* PC Site*/
/**************************************************************************************/
/**************************************************************************************/






.opening_superbox{
	position: fixed;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : 100% ;
	z-index: 44 ;
	background: #000000 ;
}

.opening_logobox{
	position: absolute ;
	top : 50% ;
	left : 50% ;
	transform: translate(-50%,-50%);
	width : 320px ;
	height : 320px ;
	padding-top : 60px ;
}
.opening_logo{
	width : 100% ;
	opacity: 0 ;
	top : -20px ;
}
.opening_logostory{
	text-align : center ;
	margin-top : 10px ;
}
.opening_logostory02{
	text-align : center ;
}

.opening_circle_wrap{
	position: absolute ;
	top : 50% ;
	left : 50% ;
	transform: translate(-50%,-50%);
	width : 0px ;
	height : 0px ;
	border-radius: 50% ;
	border : 1px solid #FFFFFF ;
	opacity: 0 ;
}
.opening_circle{
	position: absolute ;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : 100% ;
	border-radius: 50% ;
	border : 1px solid #FFFFFF ;
}

.opening_satelite{
	position: absolute ;
	top : 50% ;
	left : 0% ;
	width : 10px ;
	transform : translate(255px,255px);
	height : 10px ;
	border-radius: 50% ;
	background-color: #FFFFFF ;
}

.opening_progress_wrap{
	margin-top : 10px ;
	width : 300px ;
	height : 10px ;
	border : 1px solid #FFFFFF ;
	opacity : 0 ;
}

.opening_progress_bar{
	position: abslute ;
	top : 0% ;
	left : 0% ;
	width : 0% ;
	height : 100% ;
	background-color: #FFFFFF ;
}




.fv_superbox_wrap{
	width : 100% ;
	min-height : 100vh ;
	background-image : url("../images/fv_back.png") ;
	background-size: cover ;
}
.fv_superbox{
	position: absolute ;
	top : 50% ;
	left : 0% ;
	transform: translate(0%,-50%);
	width : 100% ;
}

.fv_mainimage_dummy{
	width : 100% ;
	z-index: 1 ;
	opacity: 0.0 ;
}

.fv_mainimage_wrap{
	position: absolute;
	top : -40% ;
	left : -40% ;
	width : 180% ;
	height : 180% ;
	z-index: 4 ;
	opacity: 0.0 ;
}
.fv_mainimage{
	width: 100% ;
}

.commissioner_superbox{
	width :100% ;
	max-width: 1280px ;
	margin : 140px auto 0px;
	background: #000000 ;
	padding : 80px ;
	box-shadow: 0px 0px 16px rgba(0,0,0,0.5);
	z-index: 3;
}

.commissioner_title{
	position: absolute ;
	top : -40px ;
	left : -40px ;
	width : 640px ;
	height : 80px ;
	background: #000000 ;
	border :10px solid #F70101 ;
	box-shadow: -10px 16px 0px #F70101 ;
	text-align: center ;
	font-size : 30px ;
	line-height: 60px ;
	font-weight: 900 ;
	transform: rotate(-4deg);
	z-index: 4 ;
	overflow: hidden ;
}
.commissioner_title p{
	z-index: 6 ;
}
.commissioner_titleback{
	position: absolute ;
	top : 0% ;
	left : -100px;
	width : 200px ;
	height :100% ;
	background-color: #F70101 ;
	transform: skew(-45deg);
}


.commissioner_story{
	text-align: center ;
	font-size : 16px ;
	font-weight: 900 ;
	right : -40px ;
	z-index: 2 ;
}
.commissioner_story p{
	margin-bottom : 20px;
}

.rules_superbox{
	width :100% ;
	max-width: 1280px ;
	margin : 100px auto 0px;
	background: #000000 ;
	padding : 80px ;
	box-shadow: 0px 0px 16px rgba(0,0,0,0.5);
}
.rules_title{
	position: absolute ;
	top : -40px ;
	right : -40px ;
	width : 640px ;
	height : 80px ;
	background: #000000 ;
	border :10px solid #008DFF ;
	box-shadow: -10px 16px 0px #008DFF ;
	text-align: center ;
	font-size : 30px ;
	line-height: 60px ;
	font-weight: 900 ;
	transform: rotate(4deg);
	z-index: 4 ;
	overflow: hidden ;
}
.rules_title p{
	z-index: 6 ;
}
.rules_titleback{
	position: absolute ;
	top : 0% ;
	left : -100px;
	width : 200px ;
	height :100% ;
	background-color: #008DFF ;
	transform: skew(-45deg);
}

.rules_story{
	text-align: center ;
	font-size : 16px ;
	font-weight: 900 ;
	right : -40px ;
	z-index: 4 ;
}
.rules_story p{
	margin-bottom : 20px;
}



.member_section{
	width : 100% ;
	background-color : #000000 ;
	padding : 100px 0px ;
	margin-top : 100px ;
}


.contents_title{
	width : 100% ;
	max-width : 800px ;
	margin : 100px auto 80px ;
	padding : 40px ;
	color : #000000 ;
	z-index: 4 ;
	left : 100% ;
}

.contents_title_back{
	position: absolute ;
	top : 0% ;
	left : 50% ;
	transform : translate(-50%,0%) skew(-30deg);
	width : 120% ;
	height : 100% ;
	background-color : #F70101 ;
	box-shadow: -10px 16px 0px #2B2B2B ;
	z-index: 1 ;
}
.contents_title_back.black{
	box-shadow: -10px 16px 0px #000000 ;
}
.contents_title p{
	text-align: center ;
	font-size : 36px ;
	font-weight: 900 ;
	z-index: 4 ;
}

.contents_teamlink_box{
	width : 100% ;
	max-width : 1920px ;
	margin : 20px auto 0px ;
}
.contents_team_link{
	width : 25% ;
	min-width : 440px ;
	padding : 20px ;
	margin-bottom : 20px ;
	text-align: center ;
	color : #000000 ;
	font-size : 24px ;
	font-weight: 900 ;
}
.contents_team_link:nth-child(3n){
	top : 40px ;
}
.contents_team_link:nth-child(3n+1){
	top : 60px ;
}
.contents_team_link:nth-child(3n+2){
	top : 80px ;
}
.contents_team_link_dummy{
	width : 20% ;
	min-width : 440px ;
	height : 1px ;
}
.contents_team_link p{
	z-index: 4 ;
	color : #FFFFFF ;
	text-shadow:-2px 2px 0px #2B2B2B ;
}
.contents_team_link_back{
	position: absolute ;
	top : 0% ;
	left : 50% ;
	width : 90% ;
	height : 100% ;
	transform: translate(-50%,0%) skew(-30deg);
	background-color: #000000 ;
	border : 10px solid #008DFF ;
	box-shadow: -10px 16px 0px #2B2B2B ;
	z-index: 1;
}
.contents_team_link_back.odd{
	border : 10px solid #F70101 ;
}

.team_superbox{
	width : 100% ;
	height : 490px ;
	margin-top :40px ;
}

.team_inner{
	width : 100% ;
	max-width : 1920px ;
	height : 490px ;
	margin : 0px auto ;
}
.team_mates{
	width : 50% ;
	height : 490px ;
}
.team_member{
	width : 33% ;
	height : 490px ;
	overflow: hidden ;
	background-color :#2B2B2B ;
}
.team_memver_image{
	position: absolute;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : 100% ;
	object-fit: cover ;
	z-index: 2 ;
	opacity: 0;
}

.team_member_ol{
	position: absolute ;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : 100% ;
	background: #FFFFFF ;
	z-index: 4 ;
}

.team_member_back{
	position: absolute ;
	bottom : 100px ;
	left : 0% ;
	width : 100% ;
	height : 100px ;
	background-color: #F3C900 ;
	z-index: 1 ;
	transform : skewY(15deg);
}




.team_about{
	width : 50% ;
	padding-top : 160px ;
	padding-bottom : 100px ;
	background-image: url("../images/back_flash.png");
	background-size : cover ;
	background-position: center center ;
}

.team_about_name{
	position: absolute ;
	top : 40px ;
	left : 50% ;
	width : 400px ;
	height : 80px ;
	background: #000000 ;
	border :10px solid #008DFF ;
	box-shadow: -10px 16px 0px #008DFF ;
	text-align: center ;
	font-size : 24px ;
	line-height: 60px ;
	font-weight: 900 ;
	transform: translate(-50%,0%) rotate(4deg);
	z-index: 6 ;
	overflow: hidden ;
	margin-left : 40px ;
}
.team_about_name p{
	z-index: 4 ;
}
.team_about_name.odd{
	border :10px solid #F70101 ;
	box-shadow: -10px 16px 0px #F70101 ;
}


.team_about_name_back{
	position: absolute ;
	top : 0% ;
	left : -100px;
	width : 200px ;
	height :100% ;
	background-color: #008DFF ;
	transform: skew(-45deg);
	z-index: 1 ;
}
.team_about_name.odd .team_about_name_back{
	background-color: #F70101 ;
}
.match_chara_title .team_about_name_back,
.final_chara_title .team_about_name_back{
	background-color: #F3C900 ;
}

.team_about_story{
	width : 90% ;
	max-width : 500px ;
	margin : 0px auto ;
	font-size :20px; 
	font-weight: 900 ;
	right : -40px ;
	z-index: 4 ;
}


.team_linkbox{
	position: absolute ;
	bottom : -40px ;
	right : 0px ;
	width : 320px ;
	height : 160px ;
	margin : 40px auto ;
	transform : rotate( -4deg ) ;
	/** background-color : rgba(255,255,255,0.5) ; **/
	background-color: #FFFFFF ;
	z-index: 3 ;
}
.team_linkbox02{
	position: absolute ;
	bottom : -50px ;
	left : 0px ;
	width : 320px ;
	height : 160px ;
	margin : 40px auto ;
	transform : rotate( -4deg ) ;
	/** background-color : rgba(255,255,255,0.5) ; **/
	background-color: #FFFFFF ;
	z-index: 3 ;
}


.team_linkbox.gmo{
	background-color: #1f7acc ;
}
.team_linkbox.ntt{
	background-color: #F5F7FA ;
}

.team_linkbox.kkb{
	background-color: #ffa500 ;
}
.team_linkbox.sixtyel{
	background-color: #FFD600 ;
}



.team_link_bar{
	width : 100% ;
}







.digest_section{
	width : 100% ;
	background-color : #000000 ;
	padding : 100px 0px ;
}



.match_superbox{
	width : 100% ;
	max-width : 1920px ;
	height : 490px ;
	margin : 40px auto 0px ;
}

.match_charabox{
	width : 60% ;
	height : 490px ;
	top : 60px ;
}


.match_chara_l{
	float : left ;
	width : 320px ;
	height : 490px ;
	background-color: #2B2B2B ;
	overflow: hidden ;
}
.match_chara_r{
	float : right ;
	width : 320px ;
	height : 490px ;
	background-color: #2B2B2B ;
	overflow: hidden ;
}
.match_chara_l img,
.match_chara_r img{
	position: absolute ;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : 100% ;
	object-fit: cover ;
	z-index: 4 ;
}
.match_chara_m{
	float : left ;
	width : calc( 100% - 640px ) ;
	padding : 40px ;
}

.match_chara_title{
	position: absolute ;
	top : 0px ;
	left : 50% ;
	width : 100% ;
	max-width : 400px ;
	height : 80px ;
	line-height: 60px ;
	font-size : 30px ;
	font-weight: 900 ;
	color : #FFFFFF ;
	background-color: #000000 ;
	border : 10px solid #F3C900 ;
	box-shadow: -10px 16px 0px #F3C900 ;
	transform: translate(-50%,0%) rotate(-4deg);
	text-align: center ;
	z-index: 6 ;
	overflow: hidden ;
}
.match_chara_title p{
	z-index: 4 ;
}

.match_chara_story{
	width : 40% ;
	font-size : 20px ;
	padding : 80px 40px ;
	background-image : url("../images/back_flash.png");
	background-size: cover;
	top : 40px ;
}

.match_digesttitle{
	font-size : 30px ;
	font-weight: 900 ;
	width : 100% ;
	border-bottom : 10px solid #F3C900 ;
	text-align: center ;
	margin-bottom : 20px ;
}
.match_digesttitle img{
	position: absolute ;
	bottom : 0px ;
	left : 0px ;
	width : 240px ;

}


.match_cahara_name{
	position: absolute ;
	bottom : 10px ;
	left : -10% ;
	width : 120% ;
	height : 40px ;
	line-height: 40px ;
	text-align: center ;
	font-size : 24px ;
	font-weight: 900 ;
	color : #2B2B2B ;
	background-color: #F3C900 ;
	z-index: 5;
	transform: rotate(4deg );
}




.finalmatch_superbox{
	width : 100% ;
	max-width: 1920px ;
	height : 980px ;
	margin : 100px auto 0px ;
	top : 60px ;
}



.final_chara01{
	position: absolute;
	top : 0px ;
	left : 0px ;
	width : 320px ;
	height : 490px ;
	background-color: #2B2B2B ;
	overflow: hidden ;
}
.final_chara02{
	position: absolute;
	bottom : 0px ;
	left : 0px ;
	width : 320px ;
	height : 490px ;
	background-color: #2B2B2B ;
	overflow: hidden ;
}
.final_chara03{
	position: absolute;
	top : 0px ;
	right : 0px ;
	width : 320px ;
	height : 490px ;
	background-color: #2B2B2B ;
	overflow: hidden ;
}
.final_chara04{
	position: absolute;
	bottom : 0px ;
	right : 0px ;
	width : 320px ;
	height : 490px ;
	background-color: #2B2B2B ;
	overflow: hidden ;
}



.final_chara01 img,
.final_chara02 img,
.final_chara03 img,
.final_chara04 img{
	position: absolute ;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : 100% ;
	object-fit: cover ;
	z-index: 4 ;
}



.final_chara_title{
	position: absolute ;
	top : 80px ;
	left : 50% ;
	width : 100% ;
	max-width : 400px ;
	height : 140px ;
	line-height: 60px ;
	font-size : 40px ;
	font-weight: 900 ;
	color : #FFFFFF ;
	background-color: #000000 ;
	border : 10px solid #F3C900 ;
	box-shadow: -10px 16px 0px #F3C900 ;
	transform: translate(-50%,0%) rotate(-4deg);
	text-align: center ;
	z-index: 6 ;
	overflow: 	hidden ;
}
.final_chara_title p{
	z-index: 4 ;
}

.final_story{
	position: absolute ;
	bottom : 0px ;
	left : 50% ;
	transform: translate(-50%,0%);
	z-index: 4 ;
	width : calc( 100% - 640px ) ;
	font-size : 20px ;
	padding : 80px 80px 20px ;
}






.afterwords_superbox{
	width :100% ;
	max-width: 1280px ;
	margin : 100px auto 0px;
	background: #000000 ;
	padding : 80px ;
	box-shadow: 0px 0px 16px rgba(0,0,0,0.5);
	z-index: 3;
}





.company_superbox{
	width : 100% ;
	max-width : 1280px ;
	margin : 100px auto 0px ;
}

.company_title{
	width : 100% ;
	font-size : 32px ;
	font-weight: 900 ;
	text-align: center ;
	border-bottom : 10px solid #FFFFFF ;
	color : #FFFFFF ;
	margin-bottom : 40px ;
	padding-bottom : 20px ;
}

.company_itembox{
	width : 49% ;
	max-width : 620px ;
	padding : 40px 40px 200px ;
	background-color: #FFFFFF ;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.5);
	margin-bottom : 40px ;
	color : #2B2B2B ;
	top : 40px ;
}



.company_itembox_l{
	width : 100% ;
	max-width : 1280px ;
	padding : 40px 40px 200px ;
	background-color: #FFFFFF ;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.5);
	margin-bottom : 40px ;
	color : #2B2B2B ;
	top : 40px ;
}




.company_item_name{
	text-align :center ;
	font-size : 20px ;
	font-weight: 900 ;
	color : #2B2B2B ;
	border-bottom : 2px solid #2B2B2B ;
	padding-bottom : 10px ;
}

.company_item_story{
	font-size : 14px ;
	margin-top : 10px ;
}
.company_itembox_meta{
	width : 49% ;
	max-width : 620px ;
	padding : 40px 0px 0px ;
	background-color: #FFFFFF ;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.5);
	margin-bottom : 40px ;
	color : #2B2B2B ;
	top : 40px ;
}
.company_itembox_meta .company_item_name,
.company_itembox_meta .company_item_story{
	padding-left : 40px ;
	padding-right : 40px ;
}
.company_item_link_meta{
	width : 100% ;
	margin : 40px auto 0px ;
}
.company_item_link_meta img{
	width : 100% ;
}


.company_item_link{
	position: absolute ;
	bottom : 0px ;
	left : 0px ;
	width : 100% ;
	height : 160px ;
}

.company_item_link img{
	width : 100% ;
	height : 100% ;
	object-fit: contain ;
}

.company_item_link.gmo{
	background-color: #1f7acc ;
}
.company_item_link.ntt{
	background-color: #F5F7FA ;
}

.company_item_link.kkb{
	background-color: #ffa500 ;
}
.company_item_link.sixtyel{
	background-color: #FFD600 ;
}

.contact_section{
	width: 100% ;
	margin-top : 100px ;
	padding-bottom : 200px ;
	background: linear-gradient( to bottom , #2B2B2B,#000000);
}

.contact_superbox{
	width : 100% ;
	max-width : 600px ;
	margin :0px auto 0px ;
	
}

.contact_title{
	width : 640px ;
	background: #000000 ;
	border :10px solid #F70101 ;
	box-shadow: -10px 16px 0px #F70101 ;
	font-size : 20px ;
	font-weight: 900 ;
	transform: rotate(-4deg);
	z-index: 4 ;
	overflow: hidden ;
	padding : 20px ;
	margin : 40px auto 80px ;
}

.mailform_item_title{
	font-size : 20px ;
	font-weight: 900 ;
	border-bottom :2px solid #FFFFFF ;
	margin : 40px auto 20px ;
	z-index: 4 ;
}

.mailform_input{
	display: block ;
	position: relative;
	box-sizing: border-box ;
	width : 100% ;
	height : 60px ;
	background-color: #FFFFFF ;
	color : #2B2B2B ;
	padding : 10px ;
	border : 10px solid #008DFF ;
	box-shadow: -10px 16px 0px #008DFF ;
	z-index: 4 ;
}

#mailform_name_notice,
#mailform_mail_notice,
#mailform_q_notice{
	font-size : 20px ;
	color : #F70101 ;
	margin-top : 4px ;
	display: none ;
	z-index: 4 ;
}


.mailform_textarea{
	display: block ;
	position: relative;
	box-sizing: border-box ;
	width : 100% ;
	height : 400px ;
	background-color: #FFFFFF ;
	color : #2B2B2B ;
	padding : 10px ;
	border : 10px solid #008DFF ;
	box-shadow: -10px 16px 0px #008DFF ;
	z-index: 4 ;
}

.mailform_submit{
	position: relative;
	display: block ;
	box-sizing: border-box ;
	width : 100% ;
	height : 80px;
	text-align: center ;
	font-size : 30px ;
	font-weight: 900 ;
	background-color: #008DFF ;
	border : 10px solid #008DFF ;
	box-shadow: -10px 16px 0px #008DFF ;
	margin : 80px auto 0px ;
	color : #FFFFFF ;
	cursor: pointer;
	z-index: 4 ;
}


#footer{
	width : 100% ;
	padding :100px 0px 40px ;
	
	text-align: center ;
	background-color: #FFFFFF ;
	color : #000000 ;
	font-size: 12px ;
	font-weight: 400 ;
}









.mailform_result_superbox{
	position: fixed;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : 100% ;
	z-index : 51 ;
	display : none ;
}

.mailform_result_background{
	position: absolute;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : 100% ;
	background-color: rgba(0,0,0,0.8);
	z-index : 52 ;
	cursor: pointer ;
}

.mailform_result_contents{
	position: absolute ;
	top : 50% ;
	left : 50% ;
	transform : translate( -50% , -50% );
	width : 600px ;
	height : auto ;
	padding : 40px ;
	background-color: #E0E0E0 ;
	border-radius: 16px ;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.25) ;
	z-index : 54 ;
	color : #2B2B2B ;
}
.mailform_result_title{
	text-align : center ;
	font-size : 24px ;
	font-weight : 700 ;
	letter-spacing: 10px 
}
.mailform_result_story{
	margin-top : 40px ;
	font-size : 15px ;
}
.mailform_result_story p{
	margin-bottom : 20px ;
}
.mailform_result_story a,
.mailform_result_story a:link,
.mailform_result_story a:visited{
	color : #2B2B2B ;
	font-weight : 700 ;
}

.mailform_result_done{
	width : 100% ;
	height : 60px ;
	line-height : 60px ;
	text-align : center ;
	font-size : 20px ;
	font-weight : 700 ;
	color : #FFC600 ;
	background-color: #2B2B2B ;
	margin : 80px auto 0px;
	cursor: pointer ;
}


.commissioner_illst{
	position: absolute ;
	bottom : 0px ;
	right : -160px ;
	width : 640px ;
	margin-right : -40px ;
	z-index: 1 ;
}

.rules_illst{
	position: absolute;
	bottom : 0px ;
	left : -120px ;
	width : 480px ;
	margin-left : -40px ;
	z-index: 3 ;
}


.finalmatch_illst01{
	position: absolute ;
	top : 0px ;
	left : 240px ;
	width : 640px ;
	z-index: 2 ;
}
.finalmatch_illst02{
	position: absolute ;
	top : 0px ;
	right : 240px ;
	width : 640px ;
	z-index: 2 ;
}


.contaqct_illst{
	position: absolute ;
	top : 120px ;
	left : -388px ;
	width : 480px ;
	z-index: 1 ;
	margin-left : 40px ;
}


.contact_illustname{
	position: absolute ;
	top : 500px ;
	left : -300px ;
	width : 200px ;
	height : 60px ;
	background: #000000 ;
	border :10px solid #F70101 ;
	box-shadow: -10px 16px 0px #F70101 ;
	font-size : 20px ;
	font-weight: 900 ;
	transform: rotate(-4deg);
	z-index: 2 ;
	overflow: hidden ;
	text-align: center ;
	margin : 40px auto 80px ;
}


.digest_ss_wrap{
	position: absolute ;
	top : 50% ;
	left : 50% ;
	width : 50% ;
	height : 80% ;
	z-index: 1 ;
	transform: translate(-50%,-50%);
}
.digest_ss{
	position: absolute ;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : 100% ;
	object-fit: contain ;
	z-index: 1 ;
	opacity : 0.5 ;
}





.float_btn{
	position: fixed ;
	top : 20px ;
	right : 20px ;
	width : 64px ;
	height : 64px ;
	z-index: 36 ;
	cursor: pointer;
}
.float_btn_bar01{
	position: absolute ;
	top : 24px ;
	left : 0px ;
	width : 100% ;
	height : 4px ;
	background-color: #F70101 ;
}
.float_btn_bar02{
	position: absolute ;
	bottom : 24px ;
	left : 0px ;
	width : 100% ;
	height : 4px ;
	background-color: #F70101 ;
}

.float_supebox{
	position: fixed ;
	top : 100px ;
	right : -300px  ;
	width : 200px ;
	z-index:  36 ;
}

.float_itembox{
	width : 100% ;
	height : 40px ;
	line-height: 40px ;
	padding : 0px 10px ;
	color : #000000 ;
	font-size : 16px ;
	font-weight: 900 ;
	margin-bottom: 10px ;
	transform: rotate(-4deg);

}
.float_itembox p{
	z-index: 38 ;
}

.float_itembox_back{
	position: absolute ;
	top : 0% ;
	left : 0% ;
	width : 140% ;
	height : 100% ;
	background-color: #F70101 ;
	transform: skew(-15deg);
	z-index: 36 ;
	box-shadow: -4px 8px 0px #000000 ;
}


.gallery_superbox{
	width : 100% ;
	margin : 100px auto 200px ;
	top : 40px ;
}

.gallery_tnbox{
	width : 12.5% ;
	height : 200px ;
	cursor: pointer;
}
.gallery_tnbox img{
	width : 100% ;
	height : 100% ;
	object-fit: cover ;
}


.galler_stage{
	position: fixed ;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : 100% ;
	z-index: 39 ;
	background-color: rgba(0,0,0,0.8);
	cursor: pointer;
	display: none ;
}
.galler_stage_wrap{
	position: absolute ;
	top : 50% ;
	left : 50% ;
	width : 80% ;
	height : 80% ;
	transform: translate(-50%,-50%);
}
.gallery_img{
	position: absolute;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : 100% ;
	object-fit: contain ;
	display: none ;
}


.footer_link{
	width : 100%;
	max-width : 640px ;
	padding : 20px ;
	margin : 0px auto 20px ;
	background-color: #FFFFFF ;
}
.footer_link img{
	width :100% ;
	height : 100% ;
	object-fit: contain;
}


.fv_end{
	position: absolute;
	bottom : 0px ;
	left : 50% ;
	transform: translate(-50%,0%);
	width : 800px ;
	height : 80px ;
	line-height : 80px ;
	background-color: #008DFF ;
	z-index: 8 ;
	text-align: center ;
	font-size : 40px ;
	color : #FFFFFF ;
	box-shadow: -10px 16px 0px rgba(0,0,0,1);
}





.movie_superbox{
	width : 100% ;
	max-width: 1920px ;
	justify-content: center !important ;
	left : 80%;
	margin : 0px auto 
}


.movie_itembox{
	width : 50% ;
	max-width : 640px ;
}
.movie_itembox img{
	width : 100% ;
	z-index: 1 ;
}











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


.gallery_tnbox{
	width : 20% ;
}
.gallery_tnbox img{
}


.galler_stage{
}
.galler_stage_wrap{
	width : 90% ;
	height : 90% ;
}
.gallery_img{
}

}


/**************************************************************************************/
/**************************************************************************************/
/* TB Site*/
/**************************************************************************************/
/**************************************************************************************/
@media screen and (max-width: 1280px) {




.opening_superbox{
}

.opening_logobox{
	width : 320px ;
	height : 320px ;
}
.opening_logo{
}
.opening_logostory{
}
.opening_logostory02{
}

.opening_circle_wrap{
}
.opening_circle{
}

.opening_satelite{
}

.opening_progress_wrap{
}

.opening_progress_bar{
}




.fv_superbox_wrap{
	min-height : 640px ;
}
.fv_superbox{
}

.fv_mainimage_dummy{
}

.fv_mainimage_wrap{
}
.fv_mainimage{
}

.commissioner_superbox{
	padding : 80px 40px ;
}

.commissioner_title{
}
.commissioner_title p{
}
.commissioner_titleback{
}


.commissioner_story{
	font-size : 20px ;
	text-align: left ;
}
.commissioner_story p{
}

.rules_superbox{
	padding : 80px 40px ;
}
.rules_title{
}
.rules_title p{
}
.rules_titleback{
}

.rules_story{
	font-size : 20px ;
	text-align: left ;
	padding : 0px 0px 0px 200px ;
}
.rules_story p{
}



.member_section{
}


.contents_title{
	max-width : 400px ;
}
.contents_teamlink_box{
	margin : 20px auto 0px ;
}
.contents_team_link{
	width : 49% ;
	min-width : 200px ;
}
.contents_team_link:nth-child(3n){
}
.contents_team_link:nth-child(3n+1){
}
.contents_team_link:nth-child(3n+2){
}
.contents_team_link_dummy{
}
.contents_team_link p{
}
.contents_team_link_back{
}
.contents_title_back{
}
.contents_title_back.black{
}
.contents_title p{
}

.team_superbox{
	width : 100% ;
	height : auto ;
}

.team_inner{
	height : auto ;
}
.team_mates{
	width : 100% ;
	height : 490px ;
	order : 2 ;
}
.team_member{
	width : 33% ;
	height : 490px ;
}
.team_memver_image{
}

.team_member_ol{
}

.team_member_back{
}




.team_about{
	padding-bottom : 160px ;
	width : 100% ;
	order : 1 ;
}

.team_about_name{
}
.team_about_name p{
}
.team_about_name.odd{
}


.team_about_name_back{
}
.team_about_name.odd .team_about_name_back{
}
.match_chara_title .team_about_name_back,
.final_chara_title .team_about_name_back{
}

.team_about_story{
}


.team_linkbox{
}
.team_linkbox02{
}


.team_link_bar{
}







.digest_section{
}



.match_superbox{
	max-width: 640px ;
	height : auto ;
}

.match_charabox{
	max-width : 640px ;
	
	width : 100% ;
	height : 490px ;
	order : 1 ;
}


.match_chara_l{
	width : 50% ;
}
.match_chara_r{
	width : 50% ;
}
.match_chara_l img,
.match_chara_r img{
}
.match_chara_m{
	float : none ;
	width : 100% ;
}

.match_chara_title{
	top : -40px ;
}
.match_chara_title p{
}

.match_chara_story{
	order : 2 ;
	width : 100% ;
	padding : 160px 40px 80px ;
}

.match_digesttitle{
}
.match_digesttitle img{
}


.match_cahara_name{
}




.finalmatch_superbox{
	max-width: 640px ;
	height : auto ;
}



.final_chara01{
	float : left ;
	position: relative;
	top : auto ;
	left : auto ;
	width : 25% ;
	height : 490px ;
}
.final_chara02{
	float : left ;
	position: relative;
	top : auto ;
	left : auto ;
	width : 25% ;
	height : 490px ;
}
.final_chara03{
	float : left ;
	position: relative;
	top : auto ;
	left : auto ;
	width : 25% ;
	height : 490px ;
}
.final_chara04{
	float : left ;
	position: relative;
	top : auto ;
	left : auto ;
	width : 25% ;
	height : 490px ;
}



.final_chara01 img,
.final_chara02 img,
.final_chara03 img,
.final_chara04 img{
}



.final_chara_title{
	position: relative  ;
	top : auto ;
	left : auto ;
	width : 100% ;
	max-width : 400px ;
	height : 140px ;
	line-height: 60px ;
	font-size : 40px ;
	font-weight: 900 ;
	margin : 0px auto ;
	transform: translate(0%,0%) rotate(-4deg);
}
.final_chara_title p{
}

.final_story{
	position: relative  ;
	bottom : auto ;
	left : auto ;
	transform: translate(0%,0%);
	width : 100%  ;
	font-size : 20px ;
	padding : 80px 80px 20px ;
}






.afterwords_superbox{
}





.company_superbox{
	display: block !important ;
}

.company_title{
}

.company_itembox{
	width : 100% ;
	max-width : 620px ;
	padding : 40px 40px 300px ;
	margin : 0px auto 40px ;
}


.company_item_name{
	font-size : 24px ;
}

.company_item_story{
	font-size : 20px ;
	margin-top : 20px ;
}

.company_itembox_meta{
	width : 100% ;
	max-width : 620px ;
	padding : 40px 0px 300px ;
	margin : 0px auto 40px ;
}
.company_itembox_meta .company_item_name,
.company_itembox_meta .company_item_story{
}
.company_item_link_meta{
}
.company_item_link_meta img{
}



.company_item_link{
	height : 240px ;
}
.company_item_link img{
}

.company_item_link.gmo{
}
.company_item_link.ntt{
}

.company_item_link.kkb{
}
.company_item_link.sixtyel{
}

.contact_section{
}

.contact_superbox{
	max-width : 600px ;
}

.contact_title{
	float : right ;
	width : 400px ;
}

.mailform_item_title{
	max-width : 400px ;
	font-size : 24px ;
	margin : 80px auto 20px ;
}

.mailform_input{
	max-width : 400px ;
	margin : 0px auto ;
}

#mailform_name_notice,
#mailform_mail_notice,
#mailform_q_notice{
	max-width : 400px ;
	margin : 0px auto ;
}


.mailform_textarea{
	max-width : 400px ;
	margin : 0px auto ;
}

.mailform_submit{
	max-width : 400px ;
	margin-left : auto ;
	margin-right : auto ;
}


#footer{
	font-size: 16px ;
}









.mailform_result_superbox{
}

.mailform_result_background{
}

.mailform_result_contents{
}
.mailform_result_title{
}
.mailform_result_story{
	font-size : 20px ;
}
.mailform_result_story p{
}
.mailform_result_story a,
.mailform_result_story a:link,
.mailform_result_story a:visited{
}

.mailform_result_done{
	font-size : 24px ;
}


.commissioner_illst{
	right : -160px ;
	width : 560px ;
}

.rules_illst{
	left : -40px ;
	width : 320px ;
}


.finalmatch_illst01{
	left : -160px ;
	z-index: 2;
	opacity: 0.5 ;
}
.finalmatch_illst02{
	right : -160px ;
	z-index: 1 ;
	opacity: 0.5 ;
}


.contaqct_illst{
	top : 120px ;
	left : -40px ;
	width : 320px ;
}


.contact_illustname{
	left : 0px ;
}


.digest_ss_wrap{
	width : 100% ;
	height : 100% ;
}
.digest_ss{
	position: absolute ;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : 100% ;
	object-fit: contain ;
	z-index: 1 ;
	opacity : 0.5 ;
}

.gallery_tnbox{
	width : 33.3% ;
}
.gallery_tnbox img{
}


.galler_stage{
}
.galler_stage_wrap{
	width : 100% ;
	height : 100% ;
}
.gallery_img{
}



.fv_end{
	width : 600px ;
	font-size : 24px ;
}




.movie_superbox{
	max-width : 640px ;
}


.movie_itembox{
	width : 100% ;
	max-width : 640px ;
	margin-bottom : 60px ;
}
.movie_itembox img{
}









}