/* parts
---------------------------------------------------------- */


/* .local_nav
-----------------------------------------------------------------*/
#kidseye .sp {
	display: none;
}
#local_nav {
	position:relative;
	width:100%;
	min-width:995px;
	background-color:#32b8f1;
	height:82px;
	overflow:hidden;
	z-index:100;
}
#local_nav_sp {
	display:none;
}
#local_nav .menu_wrap {
	margin:0 auto;
	width:940px;
}
#local_nav a {
	-moz-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}
#local_nav a:hover {
	opacity: 0.8;
}

/* ttl */
#local_nav .ttl {
	position:absolute;
	bottom:0;
	height:62px;
	font-size:17px;
	font-weight:bold;
	color:#fff;
	background-color:#70cdf5;
	border-radius:6px 6px 0 0;
	-moz-transition: height 0.1s ease 0s;
	-o-transition: height 0.1s ease 0s;
	-webkit-transition: height 0.1s ease 0s;
	transition: height 0.1s ease 0s;
	cursor:pointer;
}
#local_nav .ttl .txt {
	padding-top:20px;
	display:block;
	text-align:center;
}
#local_nav .ttl a {
	color:#fff;
}
#local_nav .active .ttl,
#local_nav .ttl:hover,#local_nav .active .ttl a {
	height:79px;
	color:#1866b1;
	text-decoration:none;
	background-color:#c2eafb;
	border-radius:6px 6px 0 0;
}
#local_nav .active .ttl .txt,
#local_nav .ttl:hover .txt {
	padding-top:28px;
}
#local_nav .ttl:hover a {
	opacity:1 !important;
	color:#1866b1;
	text-decoration:none;
}


/* contents */
#local_nav .menu_content {
	position:absolute;
	top:82px;
	left:0;
	width:100%;
	min-width:995px;
	background-color:#c2eafb;
	display:none;
}
#local_nav .menu_box:hover > dl dd.menu_content {
	display:block;
}

/* menu_01 */
#local_nav .menu_01 {
	float:left;
	margin-right:4px;
	width:231px;
	height:82px;
	
}
#local_nav .menu_01 .ttl {
	width:231px;
}
#local_nav .menu_01 .ttl a {
	display:block;
	width:231px;
	height:79px;
}


/* menu_02 */
#local_nav .menu_02 {
	float:left;
	margin-right:4px;
	width:235px;
	height:82px;
}
#local_nav .menu_02 .ttl {
	width:235px;
}
#local_nav .menu_02 ul {
	padding:30px 0;
	margin:0 auto;
	width:940px;
}
#local_nav .menu_02 ul .bnr_kodomosoft {
	float:left;
	margin-right:11px;
}
#local_nav .menu_02 .bnr_kodomosoft a {
	width:306px;
	height:115px;
	display:block;
	text-indent:-9999px;
	background:transparent url("/~/Media/com/kidseye/top/1904/bnr_kodomosoft_01.png") 0 0 no-repeat;
}
#local_nav .menu_02 ul .bnr_vrohtojr {
	float:left;
	margin-right:11px;
}
#local_nav .menu_02 .bnr_vrohtojr a {
	width:306px;
	height:115px;
	display:block;
	text-indent:-9999px;
	background:transparent url("/~/Media/com/kidseye/top/bnr_vrohtojr_03.png") 0 0 no-repeat;
}
#local_nav .menu_02 .bnr_vrohtojr.soon span {
	width:306px;
	height:115px;
	display:block;
	text-indent:-9999px;
	background:transparent url("/~/Media/com/kidseye/top/bnr_vrohtojr_03_soon.png") 0 0 no-repeat;
}

#local_nav .menu_02 ul .bnr_eyedrop-kids {
	float:right;
}
#local_nav .menu_02 .bnr_eyedrop-kids a {
	width:306px;
	height:115px;
	display:block;
	text-indent:-9999px;
	background:transparent url("/~/Media/com/kidseye/top/bnr_eyedrop-kids_01.png") 0 0 no-repeat;
}
#local_nav .menu_02 ul .soon {
	float: left;
	margin-right: 11px;
	width:306px;
	height:115px;
	display:block;
	text-indent:-9999px;
	background:transparent url("/~/Media/com/kidseye/top/bnr_soon.png") 0 0 no-repeat;
}


/* menu_03 */
#local_nav .menu_03 {
	float:left;
	margin-right:4px;
	width:231px;
	height:82px;
}
#local_nav .menu_03 .ttl {
	width:231px;
}
#local_nav .menu_03 ul {
	padding:30px 0;
	margin:0 auto;
	width:940px;
}
#local_nav .menu_03 ul li {
	width:465px;
	font-size:18px;
	font-weight:bold;
	line-height:20px;
}
#local_nav .menu_03 ul li a {
	display:table;
	padding:10px;
	width:100%;
	height:72px;
	box-sizing:border-box;
	border:1px solid #ccc;
	background-color:#fff;
	border-radius:6px;
}
#local_nav .menu_03 ul li a:hover {
	text-decoration:none;
}
#local_nav .menu_03 ul li a .ico {
	display:table-cell;
	padding-left:66px;
	width:100%;
	height:100%;
	vertical-align:middle;
	box-sizing:border-box;
}

#local_nav .menu_03 ul .btn_spring {
	float:left;
	margin-bottom:10px;
}
#local_nav .menu_03 ul .btn_spring .ico {
	color:#ff9999;
	background:transparent url("/~/Media/com/kidseye/top/ico_spring.png") 0 50% no-repeat;
	-webkit-background-size:50px 50px;
	-moz-background-size:50px 50px;
	background-size:50px 50px;
}
#local_nav .menu_03 ul .btn_summer {
	float:right;
	margin-bottom:10px;
}
#local_nav .menu_03 ul .btn_summer .ico {
	color:#0099cc;
	background:transparent url("/~/Media/com/kidseye/top/ico_summer.png") 0 50% no-repeat;
	-webkit-background-size:50px 50px;
	-moz-background-size:50px 50px;
	background-size:50px 50px;
}
#local_nav .menu_03 ul .btn_autumn {
	float:left;
	margin-bottom:10px;
}
#local_nav .menu_03 ul .btn_autumn .ico {
	color:#ff9900;
	background:transparent url("/~/Media/com/kidseye/top/ico_autumn.png") 0 50% no-repeat;
	-webkit-background-size:50px 50px;
	-moz-background-size:50px 50px;
	background-size:50px 50px;
}
#local_nav .menu_03 ul .btn_winter {
	float:right;
	margin-bottom:10px;
}
#local_nav .menu_03 ul .btn_winter .ico {
	color:#5eb2c4;
	background:transparent url("/~/Media/com/kidseye/top/ico_winter.png") 0 50% no-repeat;
	-webkit-background-size:50px 50px;
	-moz-background-size:50px 50px;
	background-size:50px 50px;
}
#local_nav .menu_03 ul .btn_school {
	float:left;
	margin-bottom:10px;
}
#local_nav .menu_03 ul .btn_school .ico {
	color:#4ec061;
	background:transparent url("/~/Media/com/kidseye/top/ico_school.png") 0 50% no-repeat;
	-webkit-background-size:50px 50px;
	-moz-background-size:50px 50px;
	background-size:50px 50px;
}
#local_nav .menu_03 ul .btn_house {
	float:right;
	margin-bottom:10px;
}
#local_nav .menu_03 ul .btn_house .ico {
	color:#9999cc;
	background:transparent url("/~/Media/com/kidseye/top/ico_house.png") 0 50% no-repeat;
	-webkit-background-size:50px 50px;
	-moz-background-size:50px 50px;
	background-size:50px 50px;
}
#local_nav .menu_03 ul .btn_research {
	float:left;
}
#local_nav .menu_03 ul .btn_research .ico {
	color:#06c;
	background:transparent url("/~/Media/com/kidseye/top/ico_research.png") 0 50% no-repeat;
	-webkit-background-size:50px 50px;
	-moz-background-size:50px 50px;
	background-size:50px 50px;
}
#local_nav .menu_03 ul .btn_pollinosis {
	float:right;
}
#local_nav .menu_03 ul .btn_pollinosis .ico {
	color:#06c;
	background:transparent url("/~/Media/com/kidseye/top/ico_pollinosis.png") 0 50% no-repeat;
	-webkit-background-size:50px 50px;
	-moz-background-size:50px 50px;
	background-size:50px 50px;
}


/* menu_04 */
#local_nav .menu_04 {
	float:left;
	width:231px;
}
#local_nav .menu_04 .ttl {
	width:231px;
}
#local_nav .menu_04 ul {
	padding:30px 0;
	margin:0 auto;
	width:940px;
}
#local_nav .menu_04 ul .bnr_eyelotion {
	float:left;
}
#local_nav .menu_04 .bnr_eyelotion a {
	width:465px;
	height:92px;
	display:block;
	text-indent:-9999px;
	background:transparent url("/~/Media/com/kidseye/top/bnr_eyelotion_02.png") 0 0 no-repeat;
}
#local_nav .menu_04 ul .bnr_stretch {
	float:right;
	margin-top:10px;
}
#local_nav .menu_04 .bnr_stretch a {
	width:465px;
	height:92px;
	display:block;
	text-indent:-9999px;
	background:transparent url("/~/Media/com/kidseye/top/1905/bnr_stretch_02.png") 0 0 no-repeat;
}
#local_nav .menu_04 ul .bnr_check {
	float:right;
}
#local_nav .menu_04 .bnr_check a {
	width:465px;
	height:92px;
	display:block;
	text-indent:-9999px;
	background:transparent url("/~/Media/com/kidseye/top/bnr_check_02.png") 0 0 no-repeat;
}
#local_nav .menu_04 ul .bnr_training {
	float:left;
	margin-top:10px;
}
#local_nav .menu_04 .bnr_training a {
	width:465px;
	height:92px;
	display:block;
	text-indent:-9999px;
	background:transparent url("/~/Media/com/kidseye/top/bnr_training_03.png") 0 0 no-repeat;
}








@media screen and (max-width: 768px){
/* .local_nav
-----------------------------------------------------------------*/
#kidseye .sp {
	display:block;
}

#local_nav {
	display:none;
}
#local_nav_sp {
	position:relative;
	width:100%;
	display:block;
}
#local_nav_sp .btn_menu .btn {
	padding:15px 10px;
	font-size:14px;
	font-weight:bold;
	line-height:20px;
	color:#fff;
	display:block;
	text-align:center;
	background-color:#32b8f1;
	cursor:pointer;
}
#local_nav_sp .btn_menu .btn .ico{
	display:block;
	background:transparent url("/~/Media/com/kidseye/top/ico_open_sp.png") 100% 50% no-repeat;
	-webkit-background-size:15px 15px;
	-moz-background-size:15px 15px;
	background-size:15px 15px;
}
#local_nav_sp.active_sp .btn_menu .btn .ico{
	background:transparent url("/~/Media/com/kidseye/top/ico_close_sp.png") 100% 50% no-repeat;
	-webkit-background-size:15px 15px;
	-moz-background-size:15px 15px;
	background-size:15px 15px;
}
#local_nav_sp .btn_menu .btn:hover {
	text-decoration:none;
}
#local_nav_sp .btn_close .btn {
	padding:15px 10px;
	font-size:14px;
	font-weight:bold;
	line-height:20px;
	color:#fff;
	display:block;
	text-align:center;
	background-color:#32b8f1;
	cursor:pointer;
}
#local_nav_sp .btn_close .btn .ico{
	padding-left:23px;
	background:transparent url("/~/Media/com/kidseye/top/ico_close_sp.png") 0 50% no-repeat;
	-webkit-background-size:15px 15px;
	-moz-background-size:15px 15px;
	background-size:15px 15px;
}
#local_nav_sp .btn_close .btn:hover {
	text-decoration:none;
}
#local_nav_sp .menu_wrap {
	margin:0;
	width:100%;
	display:none;
}


/* ttl */
#local_nav_sp .ttl {
	font-size:14px;
	font-weight:bold;
	line-height:20px;
	color:#fff;
	background-color:#70cdf5;
	border-top:1px solid #21ace7;
	cursor:default;
}
#local_nav_sp .ttl .txt {
	padding:15px 10px;
	display:block;
	text-align:center;
}
#local_nav_sp .ttl a {
	color:#fff;
}
#local_nav_sp .ttl .txt .ico {
	display:block;
	background:transparent url("/~/Media/com/kidseye/top/ico_02_sp.png") 100% 50% no-repeat;
	-webkit-background-size:9px 14px;
	-moz-background-size:9px 14px;
	background-size:9px 14px;
}
#local_nav_sp .active .ttl,
#local_nav_sp .ttl:hover {
	color:#fff;
	text-decoration:none;
	background-color:#70cdf5;
}
#local_nav_sp .active .ttl .txt,
#local_nav_sp .ttl:hover .txt {
	padding:15px 10px;
}
#local_nav_sp .ttl:hover a {
	opacity:1 !important;
	color:#fff;
	text-decoration:none;
}


/* contents */
#local_nav_sp .menu_content {
	width:100%;
	background-color:transparent;
	display:block !important;
}


/* menu_01 */
#local_nav_sp .menu_01 {
	width:100%;
}
#local_nav_sp .menu_01 .ttl {
	width:100%;
}
#local_nav_sp .menu_01 .ttl a {
	display:block;
	width:100%;
	-moz-transition: opacity 0.2s ease 0s;
	-o-transition: opacity 0.2s ease 0s;
	-webkit-transition: opacity 0.2s ease 0s;
	transition: opacity 0.2s ease 0s;
}
#local_nav_sp .menu_01 .ttl a:hover {
	opacity:0.8 !important;
}


/* menu_02 */
#local_nav_sp .menu_02 {
	padding-bottom:10px;
	width:100%;
	background-color:#70cdf5;
}
#local_nav_sp .menu_02 .ttl {
	width:100%;
}
#local_nav_sp .menu_02 ul {
	display:table;
	width:100%;
	border-bottom:1px solid #c5c5c5;
	background-color: #fff;
}
#local_nav_sp .menu_02 ul.clearfix:after {
	content: "";
}
#local_nav_sp .menu_02 ul li {
	display:table-cell;
	background-color:#fff;
	box-sizing:border-box;
}
#local_nav_sp .menu_02 ul .bnr_kodomosoft {
	width:33.3%;
	border-right:1px solid #c5c5c5;
}
#local_nav_sp .menu_02 .bnr_kodomosoft a {
	padding-top:140%;
	width:100%;
	display:block;
	text-indent:-9999px;
	line-height:0;
	background:transparent url("/~/Media/com/kidseye/top/1904/bnr_kodomosoft_01_sp.jpg") 0 0 no-repeat;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
#local_nav_sp .menu_02 ul .bnr_vrohtojr {
	width:33.4%;
	border-right:1px solid #c5c5c5;
}
#local_nav_sp .menu_02 .bnr_vrohtojr a {
	padding-top:140%;
	width:100%;
	display:block;
	text-indent:-9999px;
	line-height:0;
	background:transparent url("/~/Media/com/kidseye/top/bnr_vrohtojr_03_sp.png") 0 0 no-repeat;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
#local_nav_sp .menu_02 .bnr_vrohtojr.soon span {
	padding-top:140%;
	width:100%;
	display:block;
	text-indent:-9999px;
	line-height:0;
	background:transparent url("/~/Media/com/kidseye/top/bnr_vrohtojr_03_soon_sp.png") 0 0 no-repeat;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
#local_nav_sp .menu_02 ul .bnr_eyedrop-kids {
	width:33.3%;
}
#local_nav_sp .menu_02 .bnr_eyedrop-kids a {
	padding-top:140%;
	width:100%;
	display:block;
	text-indent:-9999px;
	line-height:0;
	background:transparent url("/~/Media/com/kidseye/top/bnr_eyedrop-kids_01_sp.png") 0 0 no-repeat;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
#local_nav_sp .menu_02 ul .soon {
	width:33.4%;
	border-right:1px solid #c5c5c5;
}
#local_nav_sp .menu_02 .soon span {
	padding-top:140%;
	width:100%;
	display:block;
	text-indent:-9999px;
	line-height:0;
	background:transparent url("/~/Media/com/kidseye/top/bnr_soon_sp.png") 0 0 no-repeat;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
}


/* menu_03 */
#local_nav_sp .menu_03 {
	padding-bottom:10px;
	width:100%;
	background-color:#70cdf5;
}
#local_nav_sp .menu_03 .ttl {
	width:100%;
}
#local_nav_sp .menu_03 ul {
	width:100%;
	border-top:1px solid #c5c5c5;
	background-color:#fff;
}
#local_nav_sp .menu_03 ul li {
	width:100%;
	font-size:12px;
	font-weight:bold;
	line-height:16px;
	border-bottom:1px solid #c5c5c5;
}
#local_nav_sp .menu_03 ul li a {
	display:table;
	padding:0 15px;
	width:100%;
	height:41px;
	box-sizing:border-box;
}
#local_nav_sp .menu_03 ul li a:hover {
	text-decoration:none;
}
#local_nav_sp .menu_03 ul li a .ico {
	display:table-cell;
	padding-left:42px;
	width:100%;
	height:100%;
	vertical-align:middle;
	box-sizing:border-box;
}
#local_nav_sp .menu_03 ul .btn_spring .ico {
	color:#ff9999;
	background:transparent url("/~/Media/com/kidseye/top/ico_spring.png") 0 50% no-repeat;
	-webkit-background-size:31px 31px;
	-moz-background-size:31px 31px;
	background-size:31px 31px;
}
#local_nav_sp .menu_03 ul .btn_summer .ico {
	color:#0099cc;
	background:transparent url("/~/Media/com/kidseye/top/ico_summer.png") 0 50% no-repeat;
	-webkit-background-size:31px 31px;
	-moz-background-size:31px 31px;
	background-size:31px 31px;
}
#local_nav_sp .menu_03 ul .btn_autumn .ico {
	color:#ff9900;
	background:transparent url("/~/Media/com/kidseye/top/ico_autumn.png") 0 50% no-repeat;
	-webkit-background-size:31px 31px;
	-moz-background-size:31px 31px;
	background-size:31px 31px;

}
#local_nav_sp .menu_03 ul .btn_winter .ico {
	color:#5eb2c4;
	background:transparent url("/~/Media/com/kidseye/top/ico_winter.png") 0 50% no-repeat;
	-webkit-background-size:31px 31px;
	-moz-background-size:31px 31px;
	background-size:31px 31px;
}
#local_nav_sp .menu_03 ul .btn_school .ico {
	color:#4ec061;
	background:transparent url("/~/Media/com/kidseye/top/ico_school.png") 0 50% no-repeat;
	-webkit-background-size:31px 31px;
	-moz-background-size:31px 31px;
	background-size:31px 31px;
}
#local_nav_sp .menu_03 ul .btn_house .ico {
	color:#9999cc;
	background:transparent url("/~/Media/com/kidseye/top/ico_house.png") 0 50% no-repeat;
	-webkit-background-size:31px 31px;
	-moz-background-size:31px 31px;
	background-size:31px 31px;
}
#local_nav_sp .menu_03 ul .btn_research .ico {
	color:#06c;
	background:transparent url("/~/Media/com/kidseye/top/ico_research.png") 0 50% no-repeat;
	-webkit-background-size:31px 31px;
	-moz-background-size:31px 31px;
	background-size:31px 31px;
}
#local_nav_sp .menu_03 ul .btn_pollinosis .ico {
	color:#06c;
	background:transparent url("/~/Media/com/kidseye/top/ico_pollinosis.png") 0 50% no-repeat;
	-webkit-background-size:31px 31px;
	-moz-background-size:31px 31px;
	background-size:31px 31px;
}


/* menu_04 */
#local_nav_sp .menu_04 {
	width:100%;
	padding-bottom:20px;
	background-color:#70cdf5;
}
#local_nav_sp .menu_04 .ttl {
	width:100%;
}
#local_nav_sp .menu_04 ul {
	padding:0 15px;
	width:100%;
	box-sizing:border-box;
}
#local_nav_sp .menu_04 ul .bnr_eyelotion {
	margin-bottom:10px;
}
#local_nav_sp .menu_04 .bnr_eyelotion a {
	padding-top:20%;
	width:100%;
	display:block;
	text-indent:-9999px;
	line-height:0;
	background:transparent url("/~/Media/com/kidseye/top/bnr_eyelotion_02_sp.png") 0 0 no-repeat;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
#local_nav_sp .menu_04 ul .bnr_stretch {
	margin-top:10px;
}
#local_nav_sp .menu_04 .bnr_stretch a {
	padding-top:20%;
	width:100%;
	display:block;
	text-indent:-9999px;
	line-height:0;
	background:transparent url("/~/Media/com/kidseye/top/1905/bnr_stretch_02_sp.png") 0 0 no-repeat;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
#local_nav_sp .menu_04 ul .bnr_check {
	margin-bottom:10px;
}
#local_nav_sp .menu_04 .bnr_check a {
	padding-top:20%;
	width:100%;
	display:block;
	text-indent:-9999px;
	line-height:0;
	background:transparent url("/~/Media/com/kidseye/top/bnr_check_02_sp.png") 0 0 no-repeat;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
#local_nav_sp .menu_04 .bnr_training a {
	padding-top:20%;
	width:100%;
	display:block;
	text-indent:-9999px;
	line-height:0;
	background:transparent url("/~/Media/com/kidseye/top/bnr_training_03_sp.png") 0 0 no-repeat;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
}

}