#main_nav {
	border-top:1px solid #9197A1;
	border-bottom:1px solid #9197A1;
}
#main_nav_select {
	width:960px;
	margin:0 auto;
}
#main_nav :focus {
    outline:  2px solid rgba(34, 95, 215, 0.3);
    -moz-outline-radius: 3px;
}

/* ～をえらぶ */
#main_nav_select > li {
    position: relative;
    display:block;
	width:50%;
    height:40px;
	height:3.07rem;
	float:left;
    background-color:#FFF;
	font-size:22px;
	font-size:1.69rem;
	line-height:3.07rem;
	text-align:center;
	cursor:pointer;
}
#main_nav_select > li .mds_s {
	padding:0 5px;
	padding:0 .1rem;
	font-size:16px;
	font-size:1.2rem;
}
#main_nav_select > li a {
    position: relative;
    display: block;
    color: #333;
    z-index: inherit;
}
#main_nav_select > li a:hover,
#main_nav_select > li a:focus,
#main_nav_select > li a.open {
	color:#FFF !important;
    background-color:#1C4FA1;
    outline-offset: -1px;
	text-decoration:none;
}
#main_nav_select > li > a:hover:after,
#main_nav_select > li a.open:after {
	display:block;
	content:"";
	width:0;
	position:absolute;
	top:100%;
	left:50%;
	border-top:14px solid #1C4FA1;
	border-right:10px solid transparent;
	border-left:10px solid transparent;
}

/* 第２階層 */
#main_nav .mainnav_panel {
    position: absolute;
    visibility: hidden;
    color:#333;
    background-color:#FFF;
    cursor: default;
    -webkit-box-shadow: 0 4px 0 0 rgba(145,151,161,0.2), 0 -4px 0 0 rgba(145,151,161,0.2);
       -moz-box-shadow: 0 4px 0 0 -moz-rgba(145,151,161,0.2), 0 -4px 0 0 -moz-rgba(145,151,161,0.2);
            box-shadow: 0 4px 0 0 rgba(145,151,161,0.2), 0 -4px 0 0 rgba(145,151,161,0.2);
    top: -9999em;
    max-height: 0px;
    opacity: 0;
/*
    -webkit-transition: opacity 250ms ease 250ms, max-height 500ms ease, visibility 0s linear 500ms, top 0s linear 500ms;
       -moz-transition: opacity 250ms ease 250ms, max-height 500ms ease, visibility 0s linear 500ms, top 0s linear 500ms;
        -ms-transition: opacity 250ms ease 250ms, max-height 500ms ease, visibility 0s linear 500ms, top 0s linear 500ms;
         -o-transition: opacity 250ms ease 250ms, max-height 500ms ease, visibility 0s linear 500ms, top 0s linear 500ms;
            transition: opacity 250ms ease 250ms, max-height 500ms ease, visibility 0s linear 500ms, top 0s linear 500ms;
*/
    border: 1px solid #9197A1;
	border-right:none;
}
#main_nav_select > li:hover .mainnav_panel,
#main_nav .mainnav_panel.open {
    visibility: visible;
	top:150%;
    max-height: 600px;
    opacity: 1;
    -webkit-transition: opacity 250ms ease, max-height 500ms ease, visibility 0s linear 0s, top 0s linear 0s;
       -moz-transition: opacity 250ms ease, max-height 500ms ease, visibility 0s linear 0s, top 0s linear 0s;
        -ms-transition: opacity 250ms ease, max-height 500ms ease, visibility 0s linear 0s, top 0s linear 0s;
         -o-transition: opacity 250ms ease, max-height 500ms ease, visibility 0s linear 0s, top 0s linear 0s;
            transition: opacity 250ms ease, max-height 500ms ease, visibility 0s linear 0s, top 0s linear 0s;
}
#main_nav .mainnav_panel a {
    color:#333;
    font-size:16px;
	font-size:1.23rem;
    text-decoration: none;
}
#main_nav .mainnav_panel a:hover,
#main_nav .mainnav_panel a:focus {
    color: #333;
    text-decoration:none;
}
#main_nav .cols-6 {
    width:960px;
}
#main_nav .cols-6b {
    width:960px;
	left:-480px;
}

#main_nav .mainnav_panel > ul {
	display:block;
	width:960px;
	height:50px;
}
#main_nav .mainnav_panel > ul > li {
    width:160px;
	height:50px;
    display:block;
    float:left;
    border-right:1px solid #9197A1;
    position: relative;
}
#main_nav .mainnav_panel > ul > li > a {
	display:block;
	width:100% !important;
	height:100%;
	position:relative;
}
#main_nav .mainnav_panel > ul > li > a:hover,
#main_nav .mainnav_panel > ul > li > a:focus {
	color:#000 !important;
	background:#DEE8F8;
}
#main_nav .mainnav_panel > ul > li > a:after {
	display:block;
	content:"";
	width:0;
	position:absolute;
	top:80%;
	left:0;
	right:0;
	margin:0 auto;
	border-top:6px solid #1C4FA1;
	border-right:5px solid transparent;
	border-left:5px solid transparent;
}

/* 第３階層 */
.cols-1 {
    width:100% !important;
	position:absolute;
	top:0;
	left:0;
	background:#FFF;
	margin-top:50px;
}
.cols-1 li a {
	display:block;
	padding:11px 10px;
	color:#FFF !important;
	background:#9197A1;
	font-size:14px !important;
	font-size:1.07rem !important;
	line-height:1.2;
	text-align:left;
	border-bottom:1px solid #FFF;
}
.cols-1 li a:hover,
.cols-1 li a:focus {
	text-decoration:none;
	background:#1C4FA1;
}
.cols-1 li a:after {
	border:none !important;
}
#main_nav .mainnav_panel li .cols-1 li {
	overflow:hidden;
	height:0;
	opacity:0;
	    -moz-transition: .5s;
	 -webkit-transition: .5s;
	      -o-transition: .5s;
	     -ms-transition: .5s;
             transition: .5s;
}
#main_nav .mainnav_panel li:hover .cols-1 li,
#main_nav .mainnav_panel li .cols-1.show li {
	overflow: visible;
	opacity:1;
	min-height:39px;
	height:auto;
	max-height:500px;
	position:relative;
    z-index: 999;
}


/* For SmartPhone
--------------------------------------------- */
@media screen and (max-width:640px){

	#main_nav {
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}
	#main_nav_select {
		width:100%;
		height:2.6rem;
		margin:0;
	}
	#main_nav_select > li {
		height:2.6rem;
		float:left;
		font-size:1.3rem;
		line-height:2.6rem;
		text-align:center;
	}
	#main_nav_select > li .mds_s {
		padding:0 .1rem;
		font-size:1rem;
	}
	#main_nav_select > li a[aria-haspopup].open:after {
		top:100%;
		right:50%;
		left:50%;
		margin:0 auto;
		border-top:6px solid #1C4FA1;
		border-right:4px solid transparent;
		border-left:4px solid transparent;
	}

	/* 第２階層 */
	#main_nav .cols-6 {
	    width:200%;
	}
	#main_nav .cols-6b {
	    width:200%;
		left:-100%;
	}
	#main_nav .mainnav_panel > ul {
	    width:100%;
		height:auto;
	    position: relative;
	}
	#main_nav .mainnav_panel > ul > li {
		width:16.5%;
		width:-webkit-calc(100% / 6);
		width:calc(100% / 6);
		height:2.5rem;
	    position: static;
	}
	#main_nav .mainnav_panel > ul > li > a {
		height:2.5rem;
		padding:.3rem 0 0 0;
		font-size:.8rem !important;
		line-height:1.0 !important;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}
	#main_nav .mainnav_panel > ul > li > a:after {
		top:69%;
		left:0;
		right:0;
		margin:0 auto;
		border-top:4px solid #1C4FA1;
		border-right:3px solid transparent;
		border-left:3px solid transparent;
	}

	/* 第３階層 */
	#main_nav .cols-1 {
	    width:600% !important;
		position:absolute;
		top:2.6rem;
		left:0;
		margin-top:0;
	}
	#main_nav .cols-1 li {
		height:2.4rem;
		margin-top:1px;
	}
	#main_nav .cols-1 li a {
		height:100%;
		padding:0 1rem;
		font-size:.8rem !important;
		line-height:2.4rem !important;
	}
	#main_nav .mainnav_panel li:hover .cols-1 li,
	#main_nav .mainnav_panel li .cols-1.show li {
		min-height:2.4rem;
		height:auto;
		max-height:500px;
	}



}