@charset "UTF-8";
.clearfix:after,.clearfix:before{content:"";display:block;clear:both} 
.clearfix {display:block}
img{border-style:none;border:0;vertical-align:middle;max-width:100%;height:auto}
#koko main{position:relative;width:100%;font-size:1.5rem;font-weight:300;line-height:1.6;color:#FFF}
#koko main ul,#koko main ol{padding-left:2em;margin-top:0;margin-bottom:1em}
#koko main ul{list-style:disc}
#koko main table ul,#koko main table ol,#koko main dl ul,#koko main dl ol{margin-bottom:0}
#koko main li:last-child{margin-bottom:0}
#koko main ul ul,#koko main ul ol,#koko main ol ul,#koko main ol ol{padding-left:20px;margin-bottom:0}
#koko main ul.kome,#koko main ul.star{list-style:none;padding-left:1em}
#koko main p + ul.kome,#koko main p + ul.star{margin-top:-1em}
#koko main table + ul.kome,#koko main table + ul.star{margin-top:-.5em}
#koko main ul.kome li::before{display:inline-block;width:1.5em;content:'※';margin-left:-1.5em;text-align:center}
#koko main ul.star li::before{display:inline-block;width:1.5em;content:'★';margin-left:-1.5em;text-align:center}
#koko main table{margin:0 0 1em;border-spacing:0;border-collapse:collapse;}
#koko .btn{
  text-align:center
}
#koko .btn a{
  position:relative;
  z-index:2;
  overflow:hidden;
  display:inline-block;
  min-width:5em;
  padding:5px 1em;
  margin-top:.5rem;
  background:#FFF;
  color:#0b409c;
  transform:skew(-20deg);
  transition:all .3s;
  font-size:min(5.5vw,1.4em);
}
#koko .btn a span{
  display:block;
  transform:skew(20deg)
}
#koko .btn a::after {
  content:'';
  position:absolute;
  top:0;left:0;
  z-index:-1;
  display:block;
  width:100%;
  height:100%;
  transition:all .3s;
}
#koko .btn a:hover::after {
  -webkit-transform:scale(2) rotate(180deg);
  transform:scale(2) rotate(180deg);
  background:#fdbe34;
}
#koko .movieBox{
  position:relative;
  width:100%;
  padding-top:56.25%;}
#koko .movieBox iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}
#koko .movieTxt{
  /*background-color: rgba(0,0,0,0.50);*/
  width:100%;
  padding: 0.5em 1em;
}
#koko h4{
  font-size: 1.2em;
  border-bottom:dotted;/*下線を点線にする*/
  border-color:#fff;
  border-width:1px;
  text-align: center;
}

.colGroup{
  position:relative;
	display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;
	-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;
  margin-right:-5px;
  margin-left:-5px;
}
#koko main ul.colGroup,#koko main ol.colGroup{
  padding-left:0
}
[class^="col-"]{
	position:relative;
	min-height:1px;
	overflow:hidden;
  padding-right:5px;
  padding-left:5px
}
.col-sp1{width:8.33333%}
.col-sp2{width:16.66667%}
.col-sp3{width:25%}
.col-sp4{width:33.33333%}
.col-sp5{width:41.66667%}
.col-sp6{width:50%}
.col-sp7{width:58.33333%}
.col-sp8{width:66.66667%}
.col-sp9{width:75%}
.col-sp10{width:83.33333%}
.col-sp11{width:91.66667%}
.col-sp12{width:100%}
@media screen and (max-width:540px){
  .hiddenSP,.forPC,.forPC-L,.forTB{display:none}
}
@media screen and (min-width:541px) and (max-width:1000px){
  .hiddenTB,.forPC,.forPC-L,.forSP{display:none}
}
@media screen and (min-width:541px){
  .breadcrumb{background:rgba(255,255,255,.5)}  
  .colGroup{margin-right:-8px;margin-left:-8px}
  [class^="col-"]{padding-right:8px;padding-left:8px}
  .col-tb1{width:8.33333%}
  .col-tb2{width:16.66667%}
  .col-tb3{width:25%}
  .col-tb4{width:33.33333%}
  .col-tb5{width:41.66667%}
  .col-tb6{width:50%}
  .col-tb7{width:58.33333%}
  .col-tb8{width:66.66667%}
  .col-tb9{width:75%}
  .col-tb10{width:83.33333%}
  .col-tb11{width:91.66667%}
  .col-tb12{width:100%}
}
@media screen and (max-width:768px){
  .bgWHT{background:#FFF;padding-bottom:1px}
}
@media screen and (min-width:769px){
  header.common{background:#FFF}
}
@media screen and (min-width:1001px) and (max-width:1200px){
  .hiddenPC,.forPC-L,.forTB,.forSP{display:none}
}
@media screen and (min-width:1001px){
  .colGroup{margin-right:-20px;margin-left:-20px}
  [class^="col-"]{padding-right:20px;padding-left:20px}
  .col-pc1{width:8.33333%}
  .col-pc2{width:16.66667%}
  .col-pc3{width:25%}
  .col-pc4{width:33.33333%}
  .col-pc5{width:41.66667%}
  .col-pc6{width:50%}
  .col-pc7{width:58.33333%}
  .col-pc8{width:66.66667%}
  .col-pc9{width:75%}
  .col-pc10{width:83.33333%}
  .col-pc11{width:91.66667%}
  .col-pc12{width:100%}
}
@media screen and (min-width:1201px){
  .hiddenPC-L,.forTB,.forSP{display:none}
}
/*________________________________________*/
#koko{
  padding-bottom:150px
}
#koko::before{
  content: "";
  display: block;
  position: fixed;
  top: 0;bottom: 0;left: 0;right: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: url(../img/bg_blur.jpg?r1) no-repeat 50% 50%;
  background-size:cover
}
#koko header{
  position:relative;
  width:100%;
  text-align:center;
}
#koko header::before{
  content:"";
  position:absolute;
  top:0;bottom: 0;left: 0;right: 0;
  z-index:-1;
  background:url("../img/bg.jpg?r1") no-repeat 0 50%;
  background-size:110vw auto
/*  background-size:auto 130vh;*/
}
#koko header h1{
  padding:6vw;
}
#koko.home header{
  min-height:50vh;
  min-height:-webkit-calc(98vh - 266px);
  min-height:calc(98vh - 266px);
}
#koko header .headCopyright{
  position:absolute;
  bottom:1vw;
  right:1vw;
  color:#FFF;
  text-shadow:0 2px 8px rgba(0,0,0,.6), 2px 0 8px rgba(0,0,0,.6), 0 -2px 8px rgba(0,0,0,.6), -2px 0 8px rgba(0,0,0,.6), -2px -2px 8px rgba(0,0,0,.6), 2px -2px 8px rgba(0,0,0,.6), -2px 2px 8px rgba(0,0,0,.6), 2px 2px 8px rgba(0,0,0,.6)
}
/*
#koko.subpage header h1 a{
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -webkit-box-align:center;-ms-flex-align:center;align-items:center;
}
*/
#koko.subpage header h1{
  width:66vw;
  margin:0 auto;
  padding:4vw 0 9vw;
}
#koko nav{
  padding:2vw 6vw;
  font-size:1.5rem;
  font-weight:300;
  line-height:1.2;
  position:sticky;
  top:0;
  z-index:20
}
#koko nav ul{
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -ms-flex-wrap:wrap;flex-wrap:wrap;
  padding:0;margin:0;list-style:none;
}
#koko nav ul li{
  width:33.333333%;
  padding:2px;
}
#koko nav ul li a{
  position:relative;
  z-index:2;
  overflow:hidden;
  display:block;
  width:100%;
  height:100%;
  background:#0b409c;
  text-align:center;
  color:#FFF;
  transform:skew(-20deg);
  transition:all .3s;
}
#koko nav ul li a span{
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -ms-flex-wrap:wrap;flex-wrap:wrap;
  -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;
  -webkit-box-align:center;-ms-flex-align:center;align-items:center;
  width:100%;
  height:100%;
  min-height:2.4em;
  padding:.5em 1px;
  transform:skew(20deg);
}
#koko nav ul li a::after {
  content:'';
  position:absolute;
  top:0;left:0;
  z-index:-1;
  display:block;
  width:100%;
  height:100%;
  transition:all .3s;
}
#koko nav ul li a:hover{
  color:#0b409c;
}
#koko nav ul li a:hover::after {
  -webkit-transform:scale(2) rotate(180deg);
  transform:scale(2) rotate(180deg);
  background:#fdbe34;
}
.kokoBox{
  padding:10vw 6vw;
}
.kokoBox h2{
  margin-bottom:6vw;
  font-size:7.2vw;
  line-height:1.2;
  font-feature-settings:"palt";
}
.kokoBox h3{
  position:relative;
  overflow:hidden;
  margin-bottom:10px;
  padding:4px 8px 4px 54px;
  font-size:2rem;
  line-height:1.2;
  font-feature-settings:"palt";
}
.kokoBox h3::before{
  content:'';
  position:absolute;
  top:0;;bottom:0;left:-20px;
  width:60px;
  height:100%;
  transform:skew(-20deg);
}
.kokoBox h3::after{
  content:"";
  position:absolute;
  top:0;;bottom:0;left:0;
  width:36px;
  height:100%;
  background-repeat:no-repeat;
  background-position:50% 50%;
  background-size:24px auto;
}
.kokoBox h3 .fontS{
  font-size:.7em
}
#live{
  background-color:rgba(255,255,255,.7);
  color:#10316b
}
#live h3{
  border:2px solid #10316b
}
#live h3::before{
  background:#10316b
}
#live h3::after{
  background-image:url("../img/icon02.svg");
}
#live .koLiveDate{
  width:100%;
  margin-bottom:.5em;
  font-weight:bold;
}
#live .koLiveCont{
  margin-bottom:10px
}
#live .koLiveCont th{
  padding:1px .5em;
  background:#10316b;
  color:#FFF;
  text-align:center
}
#live .koLiveCont td.school{
  padding:.5em;
  text-align:center
}
#live .koLiveCont td.score{
  width:2em;
  padding:.5em 0;
  text-align:center
}
#live ul{
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -ms-flex-wrap:wrap;flex-wrap:wrap;
  list-style:none!important;
  margin:0!important;padding:0!important
}
#live ul li{
  padding:2px;
}
#live ul li a{
  position:relative;
  z-index:2;
  overflow:hidden;
  display:block;
  min-width:5em;
  padding:5px .5em;
  background:#0b409c;
  color:#FFF;
  text-align:center;
  transition:all .3s;
}
#live ul li a::after {
  content:'';
  position:absolute;
  top:0;left:0;
  z-index:-1;
  display:block;
  width:100%;
  height:100%;
  transition:all .3s;
}
#live ul li a:hover{
  color:#0b409c;
}
#live ul li a:hover::after {
  -webkit-transform:scale(2) rotate(180deg);
  transform:scale(2) rotate(180deg);
  background:#fdbe34;
}
#news h3{
  border:2px solid #FFF
}
#news h3::before{
  background:#FFF
}
#news h3::after{
  background-image:url("../img/icon03.svg");
}
#news .koNewsTxt{
  margin-bottom:1em;
  text-align:center;
}
#theme{
  background-color:rgba(25,40,70,.6);
}
#theme .koThemeSong{
  text-align:center;
  margin-bottom:16px
}
#theme .koThemeSong .koTS-txt{
  margin:5px 0 0;
}
#theme .koThemeSong .koTS-txt h3{
  padding:0;
  margin:0;
  font-size:1.5rem;
  line-height:1.6;
  font-weight:normal;
}
#theme .koThemeSong .koTS-txt p{
  font-size:1.8rem
}
#message h3{
  margin-top:.5rem;
  padding-left:60px;
  border:2px solid #FFF
}
#message h3::before{
  background:#FFF
}
#message h3::after{
  background-image:url("../img/icon04.svg");
}
#message .koMF-fax{
  font-size:2em;
  text-align:center;
}
#message .koMF-fax rt{
  font-size:1rem
}
.kokoBnr{
  border-top:1px solid rgba(255,255,255,.7)
}
#koko main .kokoBnr ul{
  display:flex;
  flex-wrap:wrap;
  list-style:none;
  padding:0;
  margin:0 -5px;
  justify-content: center;
}
#koko main .kokoBnr ul li{
  width:50%;
  padding:0 5px 10px
}
@media screen and (max-width:540px){
  #live .koLiveCont tr{
    display:-webkit-box;display:-ms-flexbox;display:flex;
    -ms-flex-wrap:wrap;flex-wrap:wrap;
    -webkit-box-align:center;-ms-flex-align:center;align-items:center;
  }
  #live .koLiveCont th{
    display:block;
    width:100%;
  }
  #live .koLiveCont td.school{
    width:40%;
    width:-webkit-calc(50% - 1em);
    width:calc(50% - 1em);
  }
}
@media screen and (min-width:541px){
  .breadcrumb{
    margin-top:20px
  }
  #koko.home header{
    min-height:calc(100vh - 240px);    
  }
  #koko header::before{
    top:-68px;
    background-size:cover;
  }
  #koko header h1 img{
    width:70%;
  }
  #koko nav{
    padding:16px 24px;
  }
  #koko nav ul li{
    width:16.666666%;
  }
  .kokoBox{
    padding:64px 40px;
  }
  .kokoBox h2{
    font-size:3rem;
    margin-bottom:24px;
  }
  .kokoBox h3{
    margin-bottom:16px;
  }
  #first p{
    line-height:1.8;
  }
  #live h2{
    font-size:5rem;
  }
  #live .koLiveCont{
    table-layout:fixed;
    margin-bottom:0;
    vertical-align:middle
  }
  #live .koLiveCont th{
    width:36%;
    padding:.5em;
    border-bottom:1px solid #FFF;
    vertical-align:middle
  }
  #live .koLiveCont td{
    border-bottom:1px solid #10316b;
    vertical-align:middle
  }
 /* #live .koLiveCont td.school{
    width:20%;
    width:-webkit-calc(38% - 1em);
    width:calc(38% - 1em);
  }*/
  #news .koNewsTxt{
    display:-webkit-box;display:-ms-flexbox;display:flex;
    -ms-flex-wrap:wrap;flex-wrap:wrap;
    margin-bottom:40px
  }
  #news .koNewsTxt dd{
    width:60%;
    width:-webkit-calc(100% - 200px);
    width:calc(100% - 200px);
    padding-left:40px;
    text-align:left
  }
  #theme .koThemeSong{
    display:-webkit-box;display:-ms-flexbox;display:flex;
    -ms-flex-wrap:wrap;flex-wrap:wrap;
  }
  #theme .koThemeSong .koTS-img{
    width:50%;
    padding-right:24px;
  }
  #theme .koThemeSong .koTS-txt{
    width:50%;
    text-align:left
  }
  #message .koMessageSns p{
    text-align:center
  }
  #message .kokoSns{
    max-width:400px;
    margin:0 auto
  }
  #koko.subpage .koNewsMovieWrap{
    display:-webkit-box;display:-ms-flexbox;display:flex;
    -ms-flex-wrap:wrap;flex-wrap:wrap;
    margin-left:-20px;
    margin-right:-20px;
  }
  #koko.subpage .koNewsMovie{
    width:50%;
    padding-left:20px;
    padding-right:20px;
  }
  #koko main .kokoBnr ul li{
    width:33.333333%;
  }
}
@media screen and (min-width:1001px){
  header.common{
    position:relative;
    z-index:999;
    background:#FFF
  }
  #koko header .headCopyright{
    bottom:0;
    right:20px
  }
  .cntNav{
    position:relative;
    z-index:999
  }
  header.common nav.mainNav{
    z-index:999;
  }
  #koko header{
    display:-webkit-box;display:-ms-flexbox;display:flex;
    -ms-flex-wrap:wrap;flex-wrap:wrap;
    -webkit-box-align:center;-ms-flex-align:center;align-items:center;
    position:relative;
    min-height:inherit;
    padding:40px;
  }
  #koko header::before{
    display:none
  }
  #koko header h1{
    width:55%;
    padding:6vh 40px 0 0;/*10vh 40px 10vh 0*/
  }
  #koko.subpage header h1{
    width:48%;
    padding:8px 40px 8px 0;
    margin:0
  }
  #koko header h1 img{
    width:auto;
  }
  #koko header .headPride{
    max-width:510px;
    margin:10px auto
  }
  #koko header .forPC{
    position:absolute;
    right:-20px;
    width:45%;
    transform:rotate(5deg);
  }
  #koko.subpage header .forPC{
    right:20px
  }
  #koko main{
    background:none
  }
  #koko nav{
    width:100%;
    padding:16px 40px;
    font-size:1.8rem
  }
  #koko .kokoMain{
    width:calc(100% - 340px);
    padding-right:40px;
    float:left
  }
  #live .koLiveWrap{
    display:-webkit-box;display:-ms-flexbox;display:flex;
    -ms-flex-wrap:wrap;flex-wrap:wrap;
    -webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;
  }
  #live .koLiveWrap table{
    width:48%
  }
  #live ul{
    -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;
  }
  .kokoCont{
    padding:64px 40px
  }
  .home #news .kokoBox{
    padding:0
  }
  #theme{
    background:none
  }
  #theme .kokoBox{
    padding:64px 0 0 0
  }
  #theme .koThemeSong .koTS-img{
    width:60%;
  }
  #theme .koThemeSong .koTS-txt{
    width:40%;
  }
  #message{
    width:340px;
    float:right;
  }
  #message .kokoBox{
    padding:0
  }
  #koko main .kokoBnr ul li{
    width:20%;
  }
}
@media screen and (min-width:1201px){
  #koko nav{
    width:1200px;
    margin:0 auto;
    padding:16px 0;
  }
  #koko header{
    width:1200px;
    margin:0 auto;
    padding:0;
  }
  #first .kokoBox,#live .kokoBox,#koko .kokoCont,#koko.subpage .kokoBox{
    width:1200px;
    margin:0 auto;
    padding:64px 0;
  }
  .kokoBnr .kokoBox{
    width:1190px;
    margin:0 auto;
    padding:64px 0;

  }
}

dl.chart {
  display: flex;
  /* Safari */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* Safari */
  flex-wrap: wrap;
  border-top: 1px solid #F4F4F4;
  width: 500px;
}

dl.chart:before {
  content: '';
  height: 0;
  clear: both;
}

@media screen and (max-width: 768px) {
  dl.chart {
    border-top: 1px solid #F4F4F4;
	width: 100%;
  }
}

dl.chart > dt {
  width: 30%;
  padding: 5px 10px;
  border-bottom: 1px solid #F4F4F4;
}

@media screen and (max-width: 768px) {
  dl.chart > dt {
    width: 100%;
    /*background: #F4F4F4cc;*/
    border-bottom: none;
	/*color: #0b132b;*/
  }
}

dl.chart.col-2 > dt {
  width: calc(50% - 2px);
}

@media screen and (max-width: 768px) {
  dl.chart.col-2 > dt {
    width: 100%;
    background: #F4F4F4c;
    border-bottom: none;
  }
}

dl.chart.col-3 > dt {
  width: calc(34% - 4px);
}

@media screen and (max-width: 768px) {
  dl.chart.col-3 > dt {
    width: 100%;
    background: #F4F4F4;
    border-bottom: none;
  }
}

dl.chart > dd {
  width: calc(70% - 2px);
  padding: 5px 10px;
  border-bottom: 1px solid #F4F4F4;
  /*margin: 0 0 0 2px;*/
}

@media screen and (max-width: 768px) {
  dl.chart > dd {
    width: 100%;
    margin: 0;
    border-bottom: 1px solid #F4F4F4;
  }
}

dl.chart.col-2 > dd {
  width: 50%;
}

@media screen and (max-width: 768px) {
  dl.chart.col-2 > dd {
    width: 100%;
    margin: 0;
    border-bottom: 1px solid #F4F4F4;
  }
}

dl.chart.col-3 > dd {
  width: 33%;
}

@media screen and (max-width: 768px) {
  dl.chart.col-3 > dd {
    width: 100%;
    margin: 0;
    border-bottom: 1px solid #F4F4F4;
  }
}

/*　2024.07.02 追記　*/
.kokoBnrArea{
	width: 800px;
	margin: 0 auto;
}
#koko main .kokoBnrArea ul li{
	width:33.3%;/*30*/
}
@media screen and (max-width: 768px) {
	.kokoBnrArea {
		width: 100%;
	}
	#koko main .kokoBnrArea ul li{
		width: 33.3%;
    	padding: 0 2px 4px;
	}
}

.CStext{
	margin: 1em 2.4em;
	font-size: 1.6em;
}

.headerSNS{
	width: 55%;
	max-width: 600px;
	margin: 0 50px 1vh 10px;
	background-color: #000d3188;
	border: #fff solid 2px;
	padding: 18px;
	font-size: 2em;
	color: #ffffff;
	display: flex;
	line-height: 1.5em;
}
.headerSNS img{
	width: 20%;
}
.headerSNS_text{
	width: 80%;
	margin: auto;
}
.headerSNS .btn{
	display: inline-flex;
	font-size: 0.8em;
	padding: 6px;
}
@media screen and (max-width: 768px) {
	.headerSNS{
		width:90%;
		margin: 14vh auto 0;;
		padding:4px;
		font-size: 1.4em;
		line-height: 1em;
	}
	.headerSNS img{
		display: none;
	}
	.headerSNS .btn{
		display: inline-flex;
		padding: 2px 6px;
	}
}

.fLeft{float:left}
.fRight{float:right}
.pt0{padding-top:0 !important}
.pt5{padding-top:5px !important}
.pt10{padding-top:10px !important}
.pt1em{padding-top:1em !important}
.pb0{padding-bottom:0 !important}
.pb5{padding-bottom:5px !important}
.pb10{padding-bottom:10px !important}
.pb1em{padding-bottom:1em !important}
.pr0{padding-right:0 !important}
.pr5{padding-right:5px !important}
.pr10{padding-right:10px !important}
.pr1em{padding-right:1em !important}
.pl0{padding-left:0 !important}
.pl5{padding-left:5px !important}
.pl10{padding-left:10px !important}
.pl1em{padding-left:1em !important}
.mb0{margin-bottom:0 !important}
.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb1em{margin-bottom:1em !important}
.mb2em{margin-bottom:2em !important}
.mt0{margin-top:0 !important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt1em{margin-top:1em !important}
.mt2em{margin-top:2em !important}
.ml0{margin-left:0 !important}
.ml5{margin-left:5px !important}
.ml10{margin-left:10px !important}
.ml1em{margin-left:1em !important}
.ml2em{margin-left:2em !important}
.ml-0_5em{margin-left:-.5em !important}
.ml-1em{margin-left:-1em !important}
.ml-2em{margin-left:-2em !important}
.mr0{margin-right:0 !important}
.mr5{margin-right:5px !important}
.mr10{margin-right:10px !important}
.mr1em{margin-right:1em !important}
.mr2em{margin-right:2em !important}
.mr-1em{margin-right:-1em !important}
.mr-2em{margin-right:-2em !important}
.width1em{display:inline-block;width:1em}
.width2em{display:inline-block;width:2em}
.width3em{display:inline-block;width:3em}
.width4em{display:inline-block;width:4em}
.width5em{display:inline-block;width:5em}
.width6em{display:inline-block;width:6em}
.width7em{display:inline-block;width:7em}
.width8em{display:inline-block;width:8em}
.width9em{display:inline-block;width:9em}
.width10em{display:inline-block;width:10em}
.fontS{font-size:0.87em}
.fontM{font-size:1.25em}
.fontL{font-size:1.5em;line-height:1.8}
.fontLL{font-size:2em}
.txtL{text-align:left}
.txtR{text-align:right}
.txtC{text-align:center}
.txt-muted{color:#b5b5b5}
.txt-success{color:#4F8A10}
.txt-error,.txt-imp{color:#D8000C}
.txt-point{color:#028425}