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

/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
body {font-size: 100%;}
#wrap {}
.pcHidden{ display:none;}
.spHidden{ display:block;}
.dispFlex{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.j-cont-sb{-webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; }
#box_policy {display: block;}
/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
header .nova_logo{text-align: center;
    margin: 1em auto 0;
    width: 950px;}
header .nova_logo img{/* margin-left: -2em; */}
header{ background-color:#FFFFFF; padding:0; position:sticky; top: -19px; width: 100%; z-index: 99; height: 76px;border-top: 22px 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:43%;
		height:100%;
		margin:0 auto;
		padding:20px 0 0 0;
		position:fixed;
		top:0;
		right:0;
		background:rgba(255,255,255,0.95);
		text-align:center;
		transform:translateX(100%);
		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 0; 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:bold; text-align:center; color:#FFFFFF;}
header .headerInner nav.naviBox li .subList{ padding:0; margin:0.3em 0;}
header .headerInner nav.naviBox li .subList p{ font-size:0.75rem; text-align:center; -webkit-justify-content:center; justify-content:center; margin:1em auto;background-color: #FFFFFF;width: 100%;border-radius: 50vw;}
header .headerInner nav.naviBox li .subList p a{line-height: 1.8em;}
header .headerInner nav.naviBox li .store{display: flex;justify-content: space-between;}
header .headerInner nav.naviBox li .store li{width: 48%;margin: 0 auto;}
header .headerInner nav.naviBox li .store li img{width: 100%;height: auto;}
/*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: 0;
    bottom: 0;
	width:3em;
	height: 28px;
	cursor:pointer;
	margin:auto;
	z-index:10000;
	position:absolute;
}
header .headerInner #menuBtn span{
	display:block;
	position:absolute;
	width:3em;
	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: 0;}
header .headerInner #menuBtn span:nth-of-type(2){ top: 0;bottom: 0;margin: auto;}
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: 0;
    bottom: 0;
    margin: auto;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
/* 2番目と3番目のspanを45度に */
header .headerInner #menuBtn.active span:nth-child(2){opacity:0;}
header .headerInner #menuBtn.active span:nth-child(3){
	bottom: 0;
    top: 0;
    margin: auto;
	-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(0%);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.5em;border-radius: 10px;margin: 0.5em auto;}

/*アプリ*/
header .headerInner nav.naviBox .apuri_back{background: #de5194;padding: 0.5em 0.5em;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){
    .headerInner .ttlTxt{padding-top: 5px;}
    .headerInner .ttlSub{top:-1.4rem; }
	header .nova_logo{text-align:left;margin: 0em 0em;width: 60%;}
	header .nova_logo a{display: inline-block;padding-top: 13px;}
	header .nova_logo img{margin-left: 0em;}
	header{ padding:0em 0 0.5em; height:6rem;top: -40px;border-top: 40px solid #00a1c9;}
	header .headerInner #menuBtn{top: 0px;}
	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 li .store{display: flex;justify-content: space-between;margin: 0 auto;}
	header .headerInner nav.naviBox li .store li{width: 45%;}
	
	
	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%;padding: 40px 0 0 0;}
}

#breadcrumbArea{width: 100%; max-width: 930px;margin: 0 auto; box-sizing: border-box;}
#breadcrumbArea a{color:#333; text-decoration:underline;}
#breadcrumbArea li{display: inline-block; font-size: 75%;}
#breadcrumbArea li:not(:last-child):after{content:"";display:inline-block;border: 0.3em solid transparent;border-left: 6px solid #ec1e79;border-right: 0em solid transparent;width: 0;height: 0;margin: 0 0.6em;}

/*----------------------------------------------------------------------------
 ***                                                                  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 {}




/*----------------------------------------------------------------------------
 ***                                                        　ヘッダーフッター修正
----------------------------------------------------------------------------*/


header {}
header .headerInner {width: 90%;margin: 0 auto;position: relative;z-index: 100;/* max-width: 950px; */height: auto;}
header .nova_logo {}
header .headerInner nav.naviBox ul {margin: 0 auto;padding: 0px 0 0;}

#footerLink{font-size:74%;}