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

.dl-menu {
	float:right;
	position:absolute;
	right:160px;
	clear:both;
	margin:38px 0 0;
	z-index:200;
}
.dl-menuwrapper li {
	z-index:200;
	float: left;
}
.dl-menuwrapper li.Navi02 , .dl-menuwrapper li.Navi03 {
	padding-right:11px;
	background:url(../img/global/menu_line.png) no-repeat right top;
}
.dl-menuwrapper li a {
	display: block;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	padding:0 10px;
}
.dl-menuwrapper li a:after {
	display: block;
	content: "";
	width: 0%;
	border-bottom: #ff477c solid 2px;
	margin: 5px auto 0;
	transition: .25s ease-out;
	-webkit-transition: .25s ease-out;
	-moz-transition: .25s ease-out;
	-o-transition: .25s ease-out;
	-ms-transition: .25s ease-out;
}
.dl-menuwrapper li a:hover:after {
	width: 100%;
}
.dl-menuwrapper li a.on {
	border-bottom: #ff477c solid 2px;
	height:29px;
}
#dl-menu button , .dl-menuwrapper li.Navi01 , .dl-menuwrapper li.Navi05 , .dl-menuwrapper li.Navi06 {
	display:none;
}
.dl-menuwrapper li a.on:after {
	display: block;
	content: "";
	width: 0%;
	border-bottom: #ff477c solid 2px;
	margin: 5px auto 0;
	transition: 0 ease-out;
	-webkit-transition: 0 ease-out;
	-moz-transition: 0 ease-out;
	-o-transition: 0 ease-out;
	-ms-transition: 0 ease-out;
}

@media screen and (min-width: 0px) and (max-width: 1240px) {
.dl-menuwrapper li a {
	font-size:85.7%;/*12px*/
}
.dl-menuwrapper li.Navi02 , .dl-menuwrapper li.Navi03 {
	background:url(../img/global/menu_line.png) no-repeat right top;
	background-size:9px;
}
}
@media screen and (min-width: 0px) and (max-width: 1110px) {
.dl-menu {
	float:right;
	position:absolute;
	right:0;
}
#dl-menu button , .dl-menuwrapper li.Navi01 , .dl-menuwrapper li.Navi05 , .dl-menuwrapper li.Navi06 {
	display:block;
}
.dl-menuwrapper li.Navi02 , .dl-menuwrapper li.Navi03 {
	padding-right:0;
}
.dl-menuwrapper li.Navi01 a , .dl-menuwrapper li.Navi02 a , .dl-menuwrapper li.Navi03 a , .dl-menuwrapper li.Navi04 a , .dl-menuwrapper li.Navi05 a ,
.dl-menuwrapper li.Navi06 a , .dl-menuwrapper li.Navi07 a , .dl-menuwrapper li.Navi08 a {
	width:100%;
	padding: 18px 3% 13px;
	background-position:95% center;
}
.dl-menuwrapper li a:after {
	height:0;
	transition:none;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	border-bottom:none;
}
.dl-menuwrapper li a.on , .dl-menuwrapper li a:hover {
	background-image: url(../img/global/arrow3.png);
	background-color: #333;
	border-bottom: #FFF 1px solid;
	height:100%;
}
}