@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
body {}
#wrap {}
.pcHidden{ display:none;}
.spHidden{ display:block;}

/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
header .nova_logo{text-align: center;margin: 1em auto;}
header .nova_logo img{margin-left: -2em;}
header{ background-color:#FFFFFF; padding:0; position:sticky; top:0; width:100%; z-index:100; height:75px;border-top: 3px solid #00a1c9;}
header .headerInner{ width:90%; margin:0 auto; position:relative;}

header .headerInner ul{
	width:100%;
	margin:0 2em 0 0;
}
header .headerInner li{
	margin:0 0.5em 0 0;
	text-align:center;
    display:-webkit-flex;
    display:flex;
    -webkit-align-items:center;
    align-items:center;
    -webkit-justify-content:center;
    justify-content:center;
}
header .headerInner li a{ width:100%; color:#000000; font-size:1.5rem; position:relative; padding:0 0 0 15px; display:block; transition:opacity .3s;}
header .headerInner li a:hover{ text-decoration:none; opacity:0.6;}
header .headerInner li a:before{
	content:"";
	display:inline-block;
	background-repeat:no-repeat;
	background-position:left center;
	background-size:cover;
	position:absolute;
}
header .headerInner nav.naviBox{
		width:35%;
		height:100%;
		margin:0 auto;
		padding:0vw;
		position:fixed;
		top:0;
		left:0;
		background:rgba(255,255,255,0.95);
		text-align:center;
		transform:translateX(309%);
		z-index:9999;
		transition:all .6s;
}
header .headerInner nav.naviBox ul{ margin:0 auto;}
header .headerInner nav.naviBox ul.mainList{}
header .headerInner nav.naviBox li{ font-size:1.5rem; width:100%; margin:1em auto; padding:0; color:#000; display:block;}
header .headerInner nav.naviBox li a{ font-size:1.2rem; font-weight:500; text-align:center; line-height:1.2em; margin:0; padding:0;}
header .headerInner nav.naviBox li dl{ max-width:320px; width:100%; margin:0 auto;}
header .headerInner nav.naviBox li dt{ font-size:1.7rem; font-weight:normal; text-align:center; color:#FFFFFF;}
header .headerInner nav.naviBox li .subList{ padding:0; margin:0.3em 0;}
header .headerInner nav.naviBox li .subList li{ font-size:0.75rem; text-align:center; -webkit-justify-content:center; justify-content:center; margin:1em auto;background-color: #FFFFFF;width: 85%;border-radius: 50vw;}
header .headerInner nav.naviBox li .subList li a{line-height: 1.8em;}
header .headerInner nav.naviBox li #jmkList li,
header .headerInner nav.naviBox li #childrenList li{ width:48%;}
header .headerInner nav.naviBox li #sportsList li,
header .headerInner nav.naviBox li #noavaList li{ text-align:center; -webkit-justify-content:center; justify-content:center;}
header .headerInner #menuBtn{
	display:block;
	right:0;
	top:-10px;
	width:2em;
	height:40px;
	cursor:pointer;
	margin:0;
	z-index:10000;
	position:absolute;
}
header .headerInner #menuBtn span{
	display:block;
	position:absolute;
	width:2em;
	height:3px;
	border-radius:2px;
	background-color:#0080ab;
	-webkit-transition:.35s ease-in-out;
	-moz-transition:.35s ease-in-out;
	transition:.35s ease-in-out;
}
header .headerInner #menuBtn span:nth-of-type(1){ top:12px;}
header .headerInner #menuBtn span:nth-of-type(2){ top:24px;}
header .headerInner #menuBtn span:nth-of-type(3){ bottom:0;}
header .headerInner #headerInner nav.naviBox.active{ transform:translateX(0%); height:100%; overflow-y:scroll;}
/* 最初のspanをマイナス45度に */
header #menuBtn.active span:nth-child(1) {
	top:24px;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
/* 2番目と3番目のspanを45度に */
header .headerInner #menuBtn.active span:nth-child(2),
header .headerInner #menuBtn.active span:nth-child(3){
	top:24px;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg);
}
header .headerInner #menuBtn.active span{ background-color:#de5194;}
header .headerInner #headerInner nav.naviBox li{ width:100%; text-align:center; padding:1em 0; border-bottom:1px dashed #999;}
header .headerInner #headerInner nav.naviBox li a{ color:#fff; font-size:112.5%;}
header .headerInner #headerInner nav.naviBox li a span{ color:#ccc; font-size:50%;}
header .headerInner nav.naviBox.active{ transform:translateX(186%); overflow-y:scroll; -ms-overflow-style:none;/* IE, Edge 対応 */ scrollbar-width:none;}
header .headerInner nav.naviBox.active::-webkit-scrollbar{ display:none;}

/*サプリ*/
header .headerInner nav.naviBox .sapuri_back{background: #00a1c9;padding: 0.5em 0;border-radius: 10px;margin: 0.5em auto;}

/*アプリ*/
header .headerInner nav.naviBox .apuri_back{background: #de5194;padding: 0.5em 0;border-radius: 10px;margin: 0.5em auto;}

header .headerInner nav.naviBox .bordertop{border-top: solid 1px #000; width: 80%; padding-top: 1em;}







/* 640px以下*/
@media screen and (max-width:640px){
	header .nova_logo{text-align:left;margin: 0.5em 0em;width: 60%;}
	header .nova_logo img{margin-left: 0em;}
	header{ padding:0.5em 0; height:3rem;}
	header .headerInner #menuBtn{ position:absolute;}
	header .headerInner #menuBtn span:nth-of-type(3){ bottom:0;}
	header .headerInner li{ display:none;}
	header .headerInner li.schoolBtn{ display:none;}
	
	header .headerInner nav.naviBox.active{ transform:translateX(0%); overflow-y:scroll; -ms-overflow-style:none;/* IE, Edge 対応 */ scrollbar-width:none;}
	header .headerInner nav.naviBox{width:100%;height:100%;}
}


/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/
#footerAreaInner {}
#footerAreaLink{ position:relative; border-bottom:#CCC dotted 1px; padding-bottom:20px;}
#footerAreaLink ul{ position:relative; float:left; left:50%;}
#footerAreaLink li{ position:relative; float:left; left:-50%; border-right:#CCC solid 1px; padding:0 10px;}
#footerAreaLink li a{ color:#FFF; font-size:90%;}
#footerAreaLink li.lastChild{ border:none;}
#footerAreaTxt{ width:950px; margin:0 auto; padding:20px 0 30px 0;}

#footerAreaLogo {}
#footerCopyright{ background:#00A1BF; padding:10px 0;}
#footerCopyright p{ color:#FFF; text-align:center; margin:0; font-size:90%;}




/*----------------------------------------------------------------------------
 ***                                                              ページトップ
----------------------------------------------------------------------------*/
.pagetop {
	text-align: right;
	margin-top: 5px;
	margin-bottom: 10px;
	clear: both;
}


/*----------------------------------------------------------------------------
 ***                                                                   section
----------------------------------------------------------------------------*/
.section { margin-bottom:60px;}
.sectionInner {}










/**/