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

.subnav2{
	width: 100%;
}

.subnav2 ul{
	text-align:center;
	
}


.subnav2 ul li{
	padding-left:16px;
	background-image:url("../images/arrows02.png");
	background-size: 12px auto;
	background-repeat:no-repeat;
	background-position:2px 22px;
	display:inline-block;
	/display:inline;
	padding:15px 10px;
	/zoom:1;
}

.subnav2 ul li a{
	padding:15px 10px;
	color: #595656;
	text-decoration: none;
}

.subnav2 .sb_menu{
    position: relative;
    -webkit-transition: 0.10s ease-out;
    -moz-transition: 0.10s ease-out;
    -ms-transition: 0.10s ease-out;
    -o-transition: 0.10s ease-out;
    transition: 0.10s ease-out;
}

#Lyew .sb_menu-link:after{
    border-top: 4px solid #fff004!important;
	
}

.subnav2 .sb_menu:after{
    z-index: 1;
    border-top: 4px solid #fff004;/*#fff004 #CCCCCC #4D4D4D*/
    position: absolute;
    width: 100%;

    content:  "";
    bottom: 0px;
    left: 0;

    -webkit-transform: scaleX(0.0);
    -moz-transform: scaleX(0.0);
    -ms-transform: scaleX(0.0);
    -o-transform: scaleX(0.0);
    transform: scaleX(0.0);

    -webkit-transition: 0.10s ease-out;
    -moz-transition: 0.10s ease-out;
    -ms-transition: 0.10s ease-out;
    -o-transition: 0.10s ease-out;
    transition: 0.10s ease-out;

    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.subnav2 .sb_menu.active:after ,
.subnav2 .sb_menu:hover:after {
    display: block !important;
    -webkit-transform: scaleX(1.0);
    -moz-transform: scaleX(1.0);
    -ms-transform: scaleX(1.0);
    -o-transform: scaleX(1.0);
    transform: scaleX(1.0);
}




.subnav3{
	width: 100%;
}

.subnav3 ul{
	text-align:center;
	
}


.subnav3 ul li{
	padding-left:16px;
	background-image:url("../images/arrows02.png");
	background-size: 12px auto;
	background-repeat:no-repeat;
	background-position:13px 22px;
	display:inline-block;
	/display:inline;
	padding:15px 10px;
	/zoom:1;
}

.subnav3 ul li a{
	padding:15px 22px;
	color: #595656;
	text-decoration: none;
}

.subnav3 .sb_menu{
    position: relative;
    -webkit-transition: 0.10s ease-out;
    -moz-transition: 0.10s ease-out;
    -ms-transition: 0.10s ease-out;
    -o-transition: 0.10s ease-out;
    transition: 0.10s ease-out;
}

#Lyew .sb_menu-link:after{
    border-top: 4px solid #fff004!important;
	
}

.subnav3 .sb_menu:after{
    z-index: 1;
    border-top: 4px solid #fff004;/*#fff004 #CCCCCC #4D4D4D*/
    position: absolute;
    width: 100%;

    content:  "";
    bottom: 0px;
    left: 0;

    -webkit-transform: scaleX(0.0);
    -moz-transform: scaleX(0.0);
    -ms-transform: scaleX(0.0);
    -o-transform: scaleX(0.0);
    transform: scaleX(0.0);

    -webkit-transition: 0.10s ease-out;
    -moz-transition: 0.10s ease-out;
    -ms-transition: 0.10s ease-out;
    -o-transition: 0.10s ease-out;
    transition: 0.10s ease-out;

    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.subnav3 .sb_menu.active:after ,
.subnav3 .sb_menu:hover:after {
    display: block !important;
    -webkit-transform: scaleX(1.0);
    -moz-transform: scaleX(1.0);
    -ms-transform: scaleX(1.0);
    -o-transform: scaleX(1.0);
    transform: scaleX(1.0);
}



/*

//CSSアイコンの場合




.subnav2 ul li{
	position: relative;
	display:inline-block;
	/display:inline;
	padding:15px 10px;
	/zoom:1;
}

.subnav2 ul li a{
	padding:15px 10px;
	color: #595656;
	text-decoration: none;
}

.subnav2 .sb_menu-link{
    position: relative;
    -webkit-transition: 0.10s ease-out;
    -moz-transition: 0.10s ease-out;
    -ms-transition: 0.10s ease-out;
    -o-transition: 0.10s ease-out;
    transition: 0.10s ease-out;
}

.subnav2 ul li::after,
ul li::before {
	display: block;
	content: '';
	position: absolute;
}
.subnav2 ul li::after {
	top: 21px;
	left: 1px;
	width: 13px;
	height: 13px;
	background-color: #4D4D4D;
	border-radius: 100%;
}
.subnav2 ul li::before {
	z-index: 2;
	top: 25px;
	left: 4px;
	width: 4px;
	height: 4px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

*/