@charset "utf-8";

#home .header {
}


@media screen and (max-width: 640px) {
#program-nav-box {
	display: none;
}
#program-nav-sp-box {
}

.program-nav-sp {
	background: #fff;
	width: 240px;
	max-height: 100%;
	min-height: 100%;
	position: fixed;
	top: 0px;
	right: -240px;
	z-index: 99999;
	overflow: auto;
	padding: 3.6% 0;
}
.program-nav-sp ul {
	width: 100%;
	padding: 0 0 9.6%;
	margin: 6.4% auto;
}
.program-nav-sp li {
	margin: 0 0 5.4%;
}
/* .program-nav-sp li:nth-child(9) {
	margin: 0 0 9.6%;
} */
.program-nav-sp li img {
	width: auto;
	height: 24px;
	vertical-align: bottom;
}
.program-nav-sp li.none {
	padding: 4.2% 0 4.2% 12.8%;
}
.program-nav-sp li.none img {
	opacity: 0.3;
}
.program-nav-sp li a {
	display: block;
	padding: 4.2% 0 4.2% 12.8%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.program-nav-sp li#top a {
	display: block;
	background: #00b0f8;
	padding: 4.2% 0 4.2% 12.8%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#program-nav-sp-box #menu-btn {
	width: 17.1875%;
	position: fixed;
	/* top: 0px; */
	top: 50px;
	right: 12px;
	z-index: 9999;
	cursor: pointer;
}
#program-nav-sp-box #menu-btn img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
}

@media print, screen and (min-width: 641px) {
#home #program-nav-box {
	width: 756px;
	height: 42px;
	margin: 0 auto;
	position: absolute;
	top: 14px;
	left: 116px;
}

#home #program-nav-box .program-nav {
	width: 756px;
	height: 42px;
	position: relative;
}
#home .program-nav ul {
	list-style-type: none;
}
#home .program-nav li a {
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	list-style-type: none;
}
#home .program-nav .menu01 a {
	display: block;
	background: url(../images/pc/program-nav.png) no-repeat 0 0;
	width: 58px;
	height: 42px;
	position: absolute;
	top: 0;
	left: 0;
}
#home .program-nav .menu01 a:hover {
	background: url(../images/pc/program-nav.png) no-repeat 0 -42px;
}
#home .program-nav .menu02 a {
	display: block;
	background: url(../images/pc/program-nav.png) no-repeat -76px 0;
	width: 51px;
	height: 42px;
	position: absolute;
	top: 0;
	left: 76px;
}
#home .program-nav .menu02 a:hover {
	background: url(../images/pc/program-nav.png) no-repeat -76px -42px;
}
/*#home .program-nav .menu03 a {
	display: block;
	background: url(../images/pc/program-nav.png) no-repeat -143px 0;
	width: 52px;
	height: 42px;
	position: absolute;
	top: 0;
	left: 143px;
}
#home .program-nav .menu03 a:hover {
	background: url(../images/pc/program-nav.png) no-repeat -143px -42px;
}*/
#home .program-nav .menu03-none {
	display: block;
	background: url(../images/pc/program-nav.png) no-repeat -143px -84px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	list-style-type: none;
	width: 51px;
	height: 42px;
	position: absolute;
	top: 0;
	/*left: 209px;*/
	left: 143px;
}
#home .program-nav .menu03 a {
	display: block;
	background: url(../images/pc/program-nav.png) no-repeat -143px 0;
	width: 51px;
	height: 42px;
	position: absolute;
	top: 0;
	/*left: 209px;*/
	left: 143px;
}
#home .program-nav .menu03 a:hover {
	background: url(../images/pc/program-nav.png) no-repeat -143px -42px;
}
#home .program-nav .menu04-none {
	display: block;
	background: url(../images/pc/program-nav.png) no-repeat -210px -84px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	list-style-type: none;
	width: 84px;
	height: 42px;
	position: absolute;
	top: 0;
	left: 210px;
	/*left: 276px;*/
}
#home .program-nav .menu04 a {
	display: block;
	background: url(../images/pc/program-nav.png) no-repeat -210px 0;
	width: 84px;
	height: 42px;
	position: absolute;
	top: 0;
	left: 210px;
	/*left: 276px;*/
}
#home .program-nav .menu04 a:hover {
	background: url(../images/pc/program-nav.png) no-repeat -210px -42px;
}
#home .program-nav .menu05-none {
	display: block;
	background: url(../images/pc/program-nav.png) no-repeat -310px -84px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	list-style-type: none;
	width: 75px;
	height: 42px;
	position: absolute;
	top: 0;
	left: 310px;
	/*left: 376px;*/
}
#home .program-nav .menu05 a {
	display: block;
	background: url(../images/pc/program-nav.png) no-repeat -310px 0;
	width: 75px;
	height: 42px;
	position: absolute;
	top: 0;
	left: 310px;
	/*left: 376px;*/
}
#home .program-nav .menu05 a:hover {
	background: url(../images/pc/program-nav.png) no-repeat -310px -42px;
}
#home .program-nav .menu06 a {
	display: block;
	background: url(../images/pc/program-nav.png) no-repeat -403px 0;
	width: 72px;
	height: 42px;
	position: absolute;
	top: 0;
	left: 403px;
	/*left: 469px;*/
}
#home .program-nav .menu06 a:hover {
	background: url(../images/pc/program-nav.png) no-repeat -403px -42px;
}
#home .program-nav .menu07 a {
	display: block;
	background: url(../images/pc/program-nav.png) no-repeat -492px 0;
	width: 75px;
	height: 42px;
	position: absolute;
	top: 0;
	left: 492px;
	/*left: 558px;*/
}
#home .program-nav .menu07 a:hover {
	background: url(../images/pc/program-nav.png) no-repeat -492px -42px;
}
#home .program-nav .menu08-none {
	display: block;
	background: url(../images/pc/program-nav.png) no-repeat -583px -84px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	list-style-type: none;
	width: 84px;
	height: 42px;
	position: absolute;
	top: 0;
	left: 583px;
	/*left: 649px;*/
}
#home .program-nav .menu08 a {
	display: block;
	background: url(../images/pc/program-nav.png) no-repeat -583px 0;
	width: 84px;
	height: 42px;
	position: absolute;
	top: 0;
	left: 583px;
	/*left: 649px;*/
}
#home .program-nav .menu08 a:hover {
	background: url(../images/pc/program-nav.png) no-repeat -583px -42px;
}
#home .program-nav .menu09 a {
	display: block;
	background: url(../images/pc/program-nav.png) no-repeat -678px 0;
	width: 78px;
	height: 42px;
	position: absolute;
	top: 0;
	left: 678px;
	/*left: 744px;*/
}
#home .program-nav .menu09 a:hover {
	background: url(../images/pc/program-nav.png) no-repeat -678px -42px;
}
}