@charset "UTF-8";

* {
	padding: 0;
	margin: 0;
}
img {
	max-width: 100%;
	vertical-align:top;
/*
	pointer-events: none;
*/
}
ul {
	list-style: none;
}

a,
a:link,
a:hover,
a:visited{
color:#333;
text-decoration:none;
}
a:hover{
 opacity: 0.8; 
}

.nav-open {
	position: fixed;
	z-index: 999;
	width: 50px;
	top: 10px;
	right: 10px;
-webkit-filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.8)); /* SafariなどのWebkitブラウザ用 */
filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.5)); 
}

.nav-open:hover {
 opacity: 1; 
}

.global-nav {
	position: fixed;
	z-index: 9999;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,1);
	display: none;
		font-family: "Noto Sans JP", serif;
}
.global-nav ul {
	width: 52%;
	margin: 100px auto 0 auto;
}
.global-nav ul li {
	margin-bottom: 1.2em;
}
.global-nav ul li.current:before {
	content: '';
	display: inline-block;
	width: 1em;
	aspect-ratio: 1 / 1;
	background-image: url(../img/icon_ball.svg);
	background-position: bottom left;
	background-repeat: no-repeat;
	background-size: cover;
	margin-left: -1em;
}
.global-nav ul li a {
	color: #fff;
	font-weight: bold;
}
.nav-close {
	position: fixed;
	width: 50px;
	top: 10px;
	right: 10px;
}
.global-nav .extra-link a {
	border-bottom: solid 2px #fff;
	color: #fff;
}

html.open-nav {
	height: 100vh;
	overflow: hidden;
}
html.open-nav .nav-open {
	visibility: hidden;
}

.kv {
	position: fixed;
	width: 50%;
	height: 100vh;
	background-image: url(https://www.nijiholo-koryusen.jp/assets/img/heroPC.png);
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;
}

.kvpc{
	position: fixed;
	width: 50%;
	height: 100vh;
	background-image: url(../img/heroPC.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;
	}
	
		.kvpc{
	display:none;	
	}
	
.logo {
	position: absolute;
	width: 50%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.content {
	width: 50%;
	background-color: #fff;
	margin-left: 50%;
	min-height: 100vh;
	font-family: "Noto Sans JP", serif;
}

.inner {
	padding: 60px 50px;
}

.left-image {
	width: 100%;
	position: relative;
	min-height: 100px;
}
.left-image img {
	display: block;
	width: 80%;
	margin-left: 20%;
}
.right-image {
	width: 100%;
	position: relative;
	min-height: 100px;
}
.right-image img {
	display: block;
	width: 80%;
	margin-right: 20%;
}
.heads-title {
	font-family: "Bree Serif", serif;
	font-weight: bold;
	font-style: normal;
	font-size: 100px;
	color: #fff;
	left: -5px;
	position: absolute;
	bottom: -70px;
	z-index:100;
}
.items-coms {
	font-weight: bold;
	font-size: 1.5vw;
	text-align:center;
	margin-top:10px;
}
.items-coms-min {
	font-weight: bold;
	font-size: 16px;
}
.phrase-coms {
	font-weight: normal;
	margin-top: 20px;
	margin-left:15%;
	line-height: 2;
	font-size:1.2vw;
}
.about .phrase-coms:first-child {
margin-top: 0px;
}

.rulebox {
	font-weight: normal;
	margin-top: 20px;
	margin-left:5%;
	line-height: 2;
	font-size:1.2vw;
}

.news .inner{
	padding-top: 30px;
}

h2.newsTitle{
margin:3em 45px 0;
}
h2.newsTitle img{
	display: block;
	width: 65%;
}

.news-list li {
	padding: 30px 0;
	border-bottom: solid 1px #000;
}
.news-list li:first-child {
	padding-top: 0px;
}
.news-list li .date {
	font-weight: ;
	font-size:90%;
}
.news-list li a,
.news-list li a:link,
.news-list li a:visited{
text-decoration: underline;
}

div.news_imp{
background:#fff;
padding:1.5em;
font-size:0.9em;
}
div.news_imp h5{

}

.news-list li a.news-txt01Inner {
display:block;
margin-top: 10px;
background:#fff;
color:#f04;
}

h4.news-head {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
.gaiyo-list{
font-size:1.5vw;
}


.gaiyo-list li {
	margin-top: 30px;
	padding: 20px 0;
	text-align:center;
}
.gaiyo-list li p{
	margin-top: 10px;

}
.gaiyo-list li p a,
	.gaiyo-list li p a:link,
	.gaiyo-list li p a:visited{
	text-decoration:underline;
	font-size:90%;
	font-weight:bold;
	}
.gaiyo-title {
	display: inline-block;
}
.gaiyo-head {
	font-size: 150%;
}

.extra-link {
	margin-top: 60px;
	font-size: 2vw;
	text-align: center;
}
.extra-link a {
	text-decoration: none;
	display: inline-block;
	padding-bottom: 4px;
	border-bottom: solid 2px #000;
	color: #000;
}

.fbtn {
	display: block;
	width: 70%;
	margin: auto;
	line-height: 4;
	background-color: #00abf0;
	text-decoration: none;
	text-align: center;
	border-radius:9999px;
	color: #fff;
	margin-bottom: 40px;
}
.link-outside {
	display: inline-block;
	width: 1em;
	vertical-align: middle;
	padding-left: 0.2em;
}


.footer{

}

.footerlink1 li {
	width: 70%;
	margin: auto;
	padding-top: 2em;
}
.footer-t1 {
	width: 70%;
	margin: auto;
	font-size: 16px;
	font-weight: bold;
	padding-top: 5em;
	position: relative;
	z-index:100;
}
.footerlink2 {
	width: 70%;
	margin: auto;
	display: flex;
	justify-content: space-between;
	font-size:14px;
	position: relative;
	z-index:100;
}
.footerlink2 li {
	width: 70%;
	margin: auto;
	padding-top: 0.5em;
}
.footerlink2 li a {
	text-decoration: none;
	display: inline-block;
	color: #000;
}

.linkP{
text-align:center;
padding-top:4em;
	width:60%;
margin: auto;
}
	.linkP img{
		width: 90%;
	}
.linkP dt{
margin-bottom:1em;
font-size:0.8em;
}

.copy {
	width: 70%;
	margin: auto;
	font-size: 1em;
	padding-top: 8em;
	padding-bottom:160px;
	position: relative;
	z-index:100;
}

/*
.lead {
	font-family: "Noto Sans JP", serif;
	background: #fff;
	background-repeat:no-repeat;
	background-size:cover;     
	width:100%; 
	text-align: center;
	box-sizing: border-box;
	padding:20px 0;

}

.lead p{
font-weight:bold;
text-align:center;
line-height:4;
font-size:150%;
width:48%;
}
.lead p.bnr01 {
float:left;

background: linear-gradient(0deg, #00a8e8 0%, #6ae0fd 100%);
	border: solid 2px #fff; 
	outline: solid 2px #0e2667;
	outline-offset: 1px;
	margin: 5px;
	border-radius: 10px;
}
.lead p.bnr02 {
float:right;
background: linear-gradient(0deg, #ff45b5 0%, #fd6ad1 100%);
border: solid 2px #fff; 
	outline: solid 2px #0e2667;
	outline-offset: 1px;
	margin: 5px;
	border-radius: 10px;
}

.lead:after {
  content: "";
  display: block;
  clear: both;
}
	.lead a,
	.lead a:link,
	.lead a:visited{
		color:#fff;
	}

*/

.about {
	background-color: #89e278;
}
.news {
	background-color: #ffe26c;
}
.gaiyo {
	background-color: #89edef;
}
.sponser {
	background-color: #fff;
}
.footer {
	background-color: #fff;
	color: #000;
}

section.about{
position: relative;
}
section.gaiyo{
position: relative;
}

.inner{
position: relative;
z-index:100;
}
.undertop {
	background-color: #00adf5;
}
.undertop-coms {
	font-weight: bold;
	font-size: 48px;
	padding-top: 40px;
}
.undertop-coms span {
	background-color: #fff;
}
.undertop-image {
	width: 80%;
	margin-left: 20%;
	padding-bottom: 40px;
}

.about .inner{
padding-bottom:100px;
}


.bg01{
position: absolute;
top: 0px; left: 0px;
width:80%;
z-index:0;
}
.bg02{
position: absolute;
bottom: 0px; left: 0px;
width:90%;
z-index:0;
}
.bg03{
position: absolute;
top: -120px; right: 0px;
width:70%;
z-index:0;
}
.bg04{
position: absolute;
bottom: -160px; right: 0px;
width:100%;
z-index:0;
}
.bg05{
position: absolute;
bottom: 0px; right: 0px;
width:100%;
z-index:0;
}
#kvpc{
	display:none;	
	}
.sp-only {
	display: block;
}
.pc-only {
	display: block;
}

.page {
	padding-top: 80px;
	padding-bottom: 60px;
}


/* page BG color */

.about-page {
	background-color: #89e278;
}
.teams-page {
	background-color: #ffa700;
}
.team-item-page01 {
	background-color: #ffc000;
}
.team-item-page02 {
	background-color: #00b7f3;
}
.team-item-page03 {
	background-color: #80b8e5;
}
.team-item-page04 {
	background-color: #0f0463;
}
.ticket-page {
	background-color: #00adf5;
}
.contact-page {
	background-color: #6b8bff;
}
.attention-page {
	background-color: #ff668c;
}

/* END page BG color */

.inner-page {
	background-color: #fff;
	border-radius: 20px;
	border: solid 1px #000;
	margin: 0 20px;
	padding: 30px 20px;
}
.logoteamtop {
	padding-left: 20px;
	padding-bottom: 20px;
	width: 60%;
}
.teams-page .inner-page {
	margin-bottom: 30px;
}
.page .logox {
	border-bottom: solid 2px #000;
	padding-bottom: 20px;
	text-align: center;
}
.page .team-item {
	margin-top: 50px;
}
.page .logox img {
	width: 70%;
	max-width: 240px;
}
.page .logot {
	text-align: center;
}
.page .logot img {
	width: 70%;
	max-width:260px;
}
.page .teamname {
	text-align: center;
}
.teamHC{
text-align:center;
}
.teamHC img{
height:240px;
}


.team-image {
	text-align:center;
	margin-top: 30px;
	
}
.team-image img {

max-height:600px;
}

.team-boxHC {
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	width: 60%;
}

.team-box {
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}
.team-box-image {
	margin-bottom: 20px;
}
.team-plate {
	background-color: #000;
	text-align: center;
	border-radius:9999px;
	color: #fff;
	font-size: 80%;
	padding: 4px 20px;
	display: inline-block;
}
.team-text {
	margin-top: 10px;
	/*display: flex;*/
}
.team-text-name {
	font-size: calc(16px + ((1.6vw - 6.4px)*3.571));
	}
	.team-text-name-en {
	font-size: calc(16px + ((1.2vw - 6.4px)*3.571));
	color:#333;
	}
.team-text-no {
	font-size: 200%;
	font-weight: bold;
	color: #ff4da2;
	padding-left: 20px;
}

.HC_TXT{
margin-top:0.5em;
font-size:0.95vw;
color:#333;
--x-gradient: linear-gradient(90deg, #666 0 10px, transparent 0 calc(100% - 10px), #666 calc(100% - 10px));
    --y-gradient: linear-gradient(#666 0 10px, transparent 0 calc(100% - 10px), #666 calc(100% - 10px));
    position: relative;
    padding: 1rem;
    margin-bottom: 0.2rem;
    background-image:
        var(--x-gradient),
        var(--y-gradient),
        var(--x-gradient),
        var(--y-gradient);
    background-repeat: no-repeat;
    background-size: 100% 3px, 3px 100%, 100% 3px, 3px 100%;
    background-position: top, right, bottom, left;
    font-weight: bold;
}



.team-data-2c {
	display: flex;
	justify-content: space-between;
}
.team-data-2c .team-box {
	width: 46%;
}
.team-data-2c .team-text-no {
	font-size: 120%;
}
.team-data-2c .team-text-name {
	font-size: 100%;
}



.team-data-3c .team-text-no {
	font-size: 100%;
}

.team-data{
margin-bottom:40px;
}


.team-data-3c h2{
text-align:center;
font-size: calc(16px + ((1.4vw - 6.4px)*3.571));
border-top:1px solid #999;
padding-top:5px;
border-bottom:1px solid #999;
padding-bottom:5px;
}


.team-chairman {
	margin-top: 30px;
	display: flex;
	justify-content: space-between;
}
.team-chairman .chairman-left {
	display: flex;
	justify-content: center;
	flex-flow:column;
	white-space: nowrap;
}
.team-chairman .chairman-image {
	flex-grow: 1;
}
.team-chairman .chairman-left .ch03 {
	font-size: 80%;
}
.chairman-syoukai{
font-size:1vw;
padding:0 20%;
}

.linetitle {
	margin-top: 60px;
	border-bottom:1px solid #999;
	padding-bottom:10px;
}
.in-coms {
	margin-top: 20px;
	text-align: left;
	line-height: 1.5;
	font-size:1.2vw;
}


.gameDate h4{
	text-align: center;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	
}
.gameDate h4 img{
width:20%;
}
.gameDate table{
	text-align: center;
}
.gameTeamName{
width:42%;
}
.gameVS{
width:16%;
}
.gameDateGTable{
    border-radius: 10px;
    border-spacing: 0;
    border: 1px solid #85d3ee;
    margin-bottom:20px;
}


.gamelist .date {
	font-weight: bold;
	text-align: center;
	margin-top: 20px;
}
.gamelist .gameno {
	font-weight: bold;
	text-align: center;
	margin-top: 20px;
}
.gamelist .games {
	display: flex;
	justify-content: space-between;
	text-align: center;
	width:80%;
	margin-left:10%;
}
.gamelist .team {
	width: 30%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.gamelist .middle {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-flow:column;
}
.gamelist .time {
	background-color: #000;
	text-align: center;
	border-radius:9999px;
	color: yellow;
	font-size: 80%;
	padding: 4px 20px;
}
.back-link {
	margin: 60px 10px;
	text-align: center;
}
.back-link a {
	color: black;
	text-decoration: underline;
}


/*.3.10ついか */

.logod{
width:40%;
margin-left:30%;
}

.jikyo{
text-align:center;
margin-top:3em;
}
.pagelink{
margin-top:2em;
text-align:center;
}
.pagelink a,
.pagelink a:link,
.pagelink a:visited{
font-weight:bolder;
text-decoration:underline;
}

li.nestNav{
padding-left:1em;
font-size:0.9;
}


a.linknext::after{
	content: '';
    display: inline-block;
    width: 0.5em;
    height: 1em;
    background-image: url('../img/linknextIcon.svg');
    background-repeat: no-repeat;
    background-size: contain;
   background-position: center right;
}
a.linkback::before{
	content: '';
    display: inline-block;
    width: 0.5em;
    height: 1em;
    background-image: url('../img/linkbackIcon.svg');
    background-repeat: no-repeat;
    background-size: contain;
   background-position: bottom right;
}

.team-item-page04 a.linkback{
color:#fff;
}
.team-item-page04 a.linkback::before{
	content: '';
    display: inline-block;
    width: 0.5em;
    height: 1em;
    background-image: url('../img/linkbackIconW.svg');
    background-repeat: no-repeat;
    background-size: contain;
   background-position: bottom right;
}
.gamelist li{
margin-bottom:3em;
}

.chairman-left{
width:40%;
text-align:right;
}

.chairman-left .ch01{
font-size:80%;
}
.chairman-left .ch02{
font-size:110%;
font-weight:bold;
}
.chairman-left .ch03{
font-size:90%;
}

.team-chairman .chairman-image img {
height:400px;
}


.textB1{
font-weight:bolder;
background: linear-gradient(#fff 60%, #FFFF00 40%);
}
.textB2{
font-weight:bolder;
background: linear-gradient(#fff 60%, #4E9FEF 40%);
}
.textB3{
font-weight:bolder;
background: linear-gradient(#fff 60%, #01FFC9 40%);
}

.memberLinkBtn{
margin-top:1em;
text-align:center;
text-decoration:underline;
color:#ffa700;
font-weight:bolder;
}

a .memberLinkBtn::after{
	content: '';
    display: inline-block;
    width: 0.5em;
    height: 1em;
    background-image: url('../img/linknextIconOR.svg');
    background-repeat: no-repeat;
    background-size: contain;
   background-position: center right;
}



/* 3.10ついかEND */



/* 3.23追加*/
#topInfo{
padding:2em 20%;
font-size:2vw;
}

#topInfoArea{
margin-bottom:1em;
}
#topInfoArea dl{
text-align:center;
}
#topInfoArea dl dt{
font-size:80%;
font-weight:bold;

}
#topInfoArea dl dd{
font-weight:bold;

}
#topInfoArea dl dd a,
#topInfoArea dl dd a:link,
#topInfoArea dl dd a:visited{
text-decoration:underline;
}

#topInfoArea dl dd.infoAtt{
text-align:center;
text-align-last:center;
}

#topInfoDate {
margin-bottom:1em;
font-size:2.6vw;
font-family: "Noto Sans JP", serif;
}
#topInfoDate dl{
margin-bottom:1em;
}

	#topInfoDate dl:after {
  		content: "";
  		display: block;
  		clear: both;
  	}

#topInfoDate dl dt{
float:left;
width:24%;
text-align:center;
background:#000;
color:#fff;
padding:0.5em;
line-height:1;
font-size:65%;
}
	#topInfoDate dl dt span{
		font-size:220%;
		display:block;
		font-weight:bold;
	}
#topInfoDate dl dd{
float:right;
width:65%;
text-align:justify;
text-align-last:justify;
font-size:72%;
font-weight:bold;
line-height:1;
}
	#topInfoDate dl dd span{
		font-size:220%;
	}

#topInfoBnr ul{
padding:0.5em 0;
}
#topInfoBnr ul a{
border-radius:999px;

}
	#topInfoBnr ul a:link,
	#topInfoBnr ul a:visited{
	color:#fff;	
	text-align:center;
	}
#topInfoBnr a#topInfoBnrA{
display:block;
background-color:#B8A65E;
padding:1em 0; 
margin-bottom:1em;
}
#topInfoBnr  a#topInfoBnrB{
display:block;
background-color:#296199;
padding:1em 0; 
}
	#topInfoBnr a#topInfoBnrA span{
		background-image: url('../img/ticketsIcon.svg');
		background-repeat: no-repeat;
		padding-left:3.5vw;
	}
	#topInfoBnr a#topInfoBnrB span{
		background-image: url('../img/goodsIcon.svg');
		background-repeat: no-repeat;
		padding-left:4.3vw;
	}
	






@media only screen and (min-width: 981px) {
	.kvsp{
	display:none;	
	}
	.kvpc{
	display:block;	
	}

	.in-coms {
	
	}
	.kvpc {
		position: absolute;
		width: 50%;
	}
	.locker .kvpc {
		position: fixed;
		top: 0;
		left: 0;
	}

	.sp-only {
		display: none;
	}
	.kv {
		position: absolute;
		width: 50%;
	}
	.locker .kv {
		position: fixed;
		top: 0;
		left: 0;
	}
/*
*/
	.global-nav ul {
		width: 200px;
	}
	.global-nav ul li {
		
	}
	.logo {
		width: 40%;
	}
	.about {
		padding-top: 60px;
	}
	.gaiyo {
		padding-top: 60px;
		position: relative;
	}
	.gaiyo .inner {
		padding-top: 0;
	}
	.gaiyo .heads-title {
		bottom: auto;
		left: auto;
		top: -20px;
		right: 0;
		width: 30%;
		z-index:100;
	}
	.news-list {
		font-size: 20px;
	}
	.footerlink1 li {
		width:50%;
		text-align:center;
	}
	
	.footerlink1 li img {
		max-width:300px;
	}
	
	
	
	.linkP{
		width:45%;
	}
	
	.linkP  img {
		max-width:280px;
	}
	
	
	.footer-t1 {
		width: 50%;
	}
	.footerlink2 {
		
		width: 50%;
	}
	.copy {
		width: 50%;
}
	.bg01{
		top: 450px; left: 0px;
	}
	.bg02{
	width:70%;
	}
	.bg04{
		bottom: -160px; right: 0px;
		width:70%;
		}
	.bg05{
		bottom: 0px; right: 0px;
		width:90%;
		}
	.logoteamtop {
		padding-left: 10%;
		width: 30%;
	}
	.inner-page {
		/*margin: 0 100px;*/
		margin: 0 10%;
		padding: 5%;
	}
	.phrase-coms{
		/*margin-left:12%;*/	
	}
	
	
	.br-pc{
	display: none;
	}
	.about .phrase-coms {
		font-size: 10px;
	}
	.aboutInner{
	/*font-size:1.3em;*/
	}

.team-text-no {
	font-size: 200%;
}
	.gamelist .games {
	width:50%;
	margin-left:25%;
	}
	.team-data-3c h2{
	font-size: calc(16px + ((0.5vw - 6.4px)*3.571));
	}
	.team-text-name {
	font-size: calc(16px + ((0.7vw - 6.4px)*3.571));
	}
	.team-text-name-en {
	font-size: calc(16px + ((0.5vw - 6.4px)*3.571));
	}
	.lead {
	padding:30px 8%;
  
	}
	.nav-open,
	.nav-close {
	width: 5%;
	}



}
@media only screen and (max-width: 980px) {
	html,
	body,
	.main {
		width: 100%;
		overflow-x: hidden;
	}
	.kvsp{
	display:none;	
	}
	.kvpc{
	display:none;	
	}
	.lead .leadInner{
	font-size:3vw;
	}
	.pc-only {
		display: none;
	}
	.logo {
		width: 80%;
	}
	.content {
		width: 100%;
		margin-left: 0;
	}
	.inner {
		/*padding: 60px 30px;*/
	}
	.heads-title {
		font-size: 80px;
		bottom: -50px;
	}
	.left-image img {
		margin-left: 30px;
	}
	.about {
		padding-top: 60px;
	}
	.about .left-image img {
		display: block;
		width: 80%;
		margin-left: 20%;
	}
	.about .phrase-coms {
		/*font-size: 15px;*/
	}
	.copy {
		font-size: 0.8em;
		padding-bottom:80px;
}
	.gaiyo {
		padding-top: 60px;
		position: relative;
	}
	.gaiyo .inner {
		padding-top: 0;
	}
	.gaiyo .heads-title {
		bottom: auto;
		left: auto;
		top: -20px;
		right: 0;
		width: 30%;
	}
	.gaiyo .items-coms-min {
		position: absolute;
		writing-mode: vertical-rl;
		top: 20px;
		right: 20px;
	}
	.gaiyo .right-image img {
		display: block;
		width: 80%;
		margin-right: 20%;
	}
	.gaiyo-list li {
		padding: 20px 0px;
	}
	
	.fbtn {
		width: 100%;
	}
	.footer-t1 {
		font-size: 14px;
	}
	.undertop-image {
		padding-bottom: 60px;
	}
	.undertop-coms {
		font-size: 48px;
		padding-top: 80px;
		padding-bottom: 60px;
	}
	.phrase-coms {
		font-size: 3vw;
		font-weight:normal;
	}
	.in-title,
	.items-coms,
	.in-coms {
	font-size:3vw;
	}
	.chairman-syoukai,
	.HC_TXT {
	font-size:2.8vw;
	}
	.lead p.bnr01 {
	width:90%;
	margin-left:5%;
	float:none;
	
	}
	.lead p.bnr02 {
	width:90%;
	margin-left:5%;
	float:none;
	margin-top:1em;
	}
	#topInfo{
	font-size:4vw;
	}
	#topInfoDate {
	font-size:4.6vw;
	}
	#topInfoBnr a#topInfoBnrA span{
		padding-left:6vw;
	}
	#topInfoBnr a#topInfoBnrB span{
		padding-left:6vw;
	}
	.gaiyo-list,.extra-link,.footer{
	font-size:3vw;
	}


}