@charset "utf-8";
/* CSS Document */

.megamenu_mobilebtn {
  display: none ;
}
.test_menu {
    display: inline-block ;
    position: relative ;
    margin: 0 ;
    padding: 0 ;
    width: 120px ;
	vertical-align:top;
}
.test_menu ul {
  list-style: none ;
}

.test_menu li {
  list-style: none ;
}
.test_menu > li {
  position: absolute ;
  width: 100% ;
  height: 47px;
  border-right: 1px solid #d8cfcf;
}

.test_menu > li a img{
width: 120px;
height: auto;
}

.menu-dropdown-icon:first-child > a
{
  text-align:center;
  border-left:1px solid #d8cfcf;
}

.test_menu > li > ul {
  display: none ;
  background-color: #ffffff ;
  min-width: 400px ;
  text-align: left ;
  position:fixed;
  width:480px;
  padding: 0;
}

.test_menu > li > ul > li {
  display: block ;
}

.test_menu:nth-last-child(5)> li > ul > li > ul  a {
  background-color:#666;
  color:#fff ;
  padding-left:0px;
}


.test_menu:nth-last-child(5) > li > ul > li > ul  a:hover {
  color:#666  !important;
  background-color:#ffffff !important;
}

.test_menu:nth-last-child(3) > li > ul > li > ul  a:hover {
  color: #ffffff !important;
  background-color:#195caa !important;
}

.test_menu > li > ul > li > ul > a:link {
  color: #666666;
  text-decoration: none;
  font-size:16px;
  font-weight: bold;
  padding-left:0px;
}
.test_menu > li > ul > a > p {
  font-size: 22px;
  margin: 10px 0 ;
  padding: 0px 0px 0px 30px ;
}
.test_menu > li > ul > li > ul > a > p {
  font-size: 18px;
}
.test_menu:nth-last-child(5) > li {
  background-color: #666 ;
}
.test_menu:nth-last-child(4) > li {
  background-color: #cc0430 ;
}

.test_menu:nth-last-child(4) > li > ul > a{
  color: #ffffff;
  text-decoration: none;
  background-color: #cc0430 ;
  padding:20px 0px 20px 30px;

}

.test_menu:nth-last-child(5) > li > ul{
  border-top:1.5px solid #666;
}

.test_menu:nth-last-child(4) > li > ul{
  border-top:1.5px solid #cc0430;
  box-sizing:border-box;
}

.test_menu:nth-last-child(4) > li > ul > li >ul
{
text-indent:2em;
}

.test_menu:nth-last-child(4) > li > ul > li ul a::before{
	content: "－";
}

.test_menu:nth-last-child(5) > li > a {
  color: rgb(255,255,255) ;
  text-align: center;
}
.test_menu:nth-last-child(5) > li > a:link {
  color: rgb(255,255,255) ;
}
.test_menu:nth-last-child(4) > li > a {
  color: rgb(255,255,255) ;
}
.test_menu:nth-last-child(4) > li > a:link {
  color: rgb(255,255,255) ;
}

.test_menu li a {
  display: block;
  padding: 11px 0px;
}

.test_menu:nth-last-child(4)  > li > ul > a:link{
	background-color:#cc0430;
}
.test_menu:nth-last-child(4) > li > ul > li >a{
	background-color:#cc0430;
}

.test_menu:nth-last-child(4)  > li > ul > li >a:hover{
	background-color:#ffffff;
	color:#cc0430;
}

.test_menu:nth-last-child(4)  > li > ul > li >ul >li >a:hover{
	background-color:#cc0430;
	color:#ffffff;
}

.test_menu:nth-last-child(4) >li ul a{
	text-align:left;
	color:#ffffff;
	padding-left:30px;
	border-left:none;
}	

.menu_flex a{
	border:none !important;
}

.test_menu:nth-last-child(5) >li ul a{
	background-color: #666;
	color:#ffffff;
	padding-left:30px;
}

.test_menu:nth-last-child(5) >li ul a:hover{
	background-color: #fff;
	color:#666;
	padding-left:30px;
}

.test_menu:nth-last-child(3) >li ul a{
	background-color: #195caa;
	color:#ffffff;
	padding-left:30px;
}

.test_menu:nth-last-child(3) > li > ul > li >a:hover{
  color:#666 !important;
  text-decoration:none;
  background-color:#ffffff; 
}



.test_menu:nth-last-child(3)  > li > ul > li >a:hover{
  color:#195caa !important;
  text-decoration:none;
  background-color:#ffffff; 
}

.test_menu:nth-last-child(3) > li:hover{
	background-color: #195caa;
	color:#ffffff;
	text-decoration: none;

}

.test_menu:nth-last-child(5) > li:hover{
	background-color: #666;
	color:#ffffff;
	text-decoration: none;

}

.test_menu:nth-last-child(3) >li a{
        height: 47px;
	color:#ffffff;
	background:#195caa;
        box-sizing: border-box;
	text-decoration: none;
}

.test_menu:nth-last-child(3) >li a:hover{
	color:#ffffff;
	text-decoration: none;

}

.test_menu:last-child(3) > li > ul{
  border-top:1.5px solid #195caa;
  box-sizing:border-box;
}


.test_menu:nth-last-child(4) > li > ul > li > ul  a{
  background-color:#cc0430 !important;
  color:#ffffff;
  padding-left:30px;
  text-indent:3em;
}

.test_menu:nth-last-child(4) > li > ul > li > ul  a:hover {
  color: #cc0430 !important;
  background-color:#ffffff !important;
}

.test_menu:nth-last-child(4) > li > ul > li > ul{
	padding-left:0px;
}

.test_menu a:hover{
	color:#ffffff;
	text-decoration: none;
}

.test_menu > li > ul > li > ul > a:hover{
	color:#000000 !important;
}
a.hover_white {
	color: rgb(255,255,255) !important;
}
a.hover_white:link {
	color: rgb(255,255,255) !important;
}

li.menu-dropdown-icon li.menu-dropdown-icon{
	background-color: rgb(51, 51, 51);
	color:#ffffff;
}

.test_menu:nth-last-child(5)>li>ul a:last-child{
	border-bottom: 1px solid #ffffff;
}

.test_menu:nth-last-child(5)>li ul a{
	border-bottom: 1px solid #ffffff;
}

.test_menu:nth-last-child(4) ul>li:last-child a{
	border-top:1px solid #ffffff !important;
}

.menu-dropdown-icon ul li:last-child a{
	border:none !important;
}

.test_menu:last-child >li a,
.test_menu:nth-last-child(2) >li a {
  padding: 0;
	color: #fff;
}
.test_menu:last-child >li,
.test_menu:nth-last-child(2) >li {
	border-left:1px solid #d8cfcf;
}
@media only screen and (max-width: 768px) {
.megamenu_mobilebtn {
  display: block ;
}


.test_menu {
    display: none ;
    width: 100% ;
    margin: 0 ;
    padding: 0 ;
}
.test_menu ul {
    margin: 0 ;
    padding: 0 ;
    width: 100% ;
}
.test_menu li {
    margin: 0 ;
    padding: 0 ;
    width: 100% ;
	border-top:1px solid #666666;
}
.test_menu > li {
    position: relative ;
    min-width: 0px ;
	text-align: center;
}
.test_menu > li > ul {
  min-width: 0px ;
  position: static;
  width: 100%;
  top: 0;
  left: 0;
}
.test_menu > li > ul > li {
    display: block ;
}
.test_menu > li > ul > li > ul {
  float: none ;
  max-height: 150px ;
  margin-left:0px;
  background-color:#ffffff;
  text-indent:6em;
}
	
.test_menu > li > ul > a > p {
	padding: 0;
	}

.menu-dropdown-icon:before {
    content: "¥f489";
    font-family: "Ionicons";
    display: none; 
    cursor: pointer;
    float: right;
    padding: 1.5em 2em;
    background: #fff;
    color: #333;
}
.menu-dropdown-icon >ul {
	text-indent: 2em;
}


.test_menu > li > ul > a:link{
	padding-left:0px;
	}

.test_menu:nth-last-child(5) > li > ul{
	border: none !important;
	}

.test_menu:nth-last-child(5) > li > ul{
	border: none !important;
	}


.test_menu:nth-last-child(5) > li > a:link
	{
		background-color: #666;
	}

.test_menu:nth-last-child(5) > li > a:link:hover
	{
		background-color: #666;
	}

.test_menu:nth-last-child(5) > li > a:link
	{
		background-color:#666;
	}

.test_menu:nth-last-child(5) > li > a:link:hover
	{
		background-color:#666;
	}	
	
.test_menu:nth-last-child(4) > li > ul > a:link
	{
	background-color: #ffffff;
	border-top:1px solid #000000;
	padding:15px;
	}
	
.test_menu:nth-last-child(5) > li > ul > a:link
	{
	background-color: #ffffff;
	border-top:1px solid #000000;
	padding:15px;
	}
	
.test_menu:nth-last-child(5) > li > ul > a:link
	{
	background-color: #ffffff;
	border-top:1px solid #000000;
	padding:15px;
	}
	
.test_menu:nth-last-child(5) > li > ul > a{
	font-size:16px;
	color:#666666;
	background-color: #ffffff;
	}
		
.test_menu:nth-last-child(4) > li > ul > a{
	font-size:16px;
	color:#666666;
	background-color: #ffffff;
	padding-left:30px;
	}
		
.test_menu:nth-last-child(5) > li > ul > a{
	font-size:16px;
	color:#666666;
	background-color: #ffffff;
	}

.test_menu:nth-last-child(5)  > li > ul > li >a:hover{
	color:#4584cb !important;
		}

.test_menu:nth-last-child(5)  > li > ul > li >a:hover{
	color:#4584cb  !important;
		}
.test_menu:nth-last-child(4)  > li > ul > li >a:hover{
	color:#cc0430 !important;
		}

.test_menu:nth-last-child(5) .sponly_menu:hover{
color:#4584cb !important;
}

.test_menu:nth-last-child(5) .sponly_menu:hover{
color:#4584cb !important;
}

.test_menu:nth-last-child(4) .sponly_menu:hover{
color:#cc0430 !important;
}


.menu-dropdown-icon:first-child > a{
	border:none;
}
.sp_megamenu {
	height: 100vh;
	overflow-y: scroll;
}

.test_menu >li ul a{
	background-color: #ffffff !important;
	color:#666666 !important;
	padding-left:0px !important;
}
.test_menu li ul a{
	border:none;	
	}

.test_menu >li > ul > li > ul a{
	text-align:left !important;

	
}
.test_menu:nth-last-child(4) > li > ul > li > ul a {
	background-color:#ffffff !important;
}
}

@media only screen and (min-width: 769px) {
.test_menu:nth-last-child(5) >li>ul {
	position:absolute;
	left:0%;
}

.test_menu:nth-last-child(4) >li>ul {
	position:absolute;
	left:-100%;
}

.test_menu:last-child >li>ul {
	position:absolute;
	left:-200%;
}

}
