.svg-style02-line .svg-style02-line-rect,
.headericon-rect {
width: 380px;
height: 50px;
}
.no-touchevents body:not(.show_mobile_menu) .navi-trigger-out:hover .svg-style02-line-rect {
transform: translateY(-23%);
}
.no-touchevents body:not(.show_mobile_menu) .navi-trigger-out:hover .svg-style02-line1 .svg-style02-line-rect {
transform: translateY(23%);
}
.svg-style02-line1 {
-webkit-transform: translate(190px,107px) scale(1.00033,1) translate(-189.958px,-25px);
-ms-transform: translate(190px,107px) scale(1.00033,1) translate(-189.958px,-25px);
transform: translate(190px,107px) scale(1.00033,1) translate(-189.958px,-25px);
}
.svg-style02-line2 {
-webkit-transform: translate(189.697px,273px) scale(1,1.00165) translate(-190.303px,-24.9925px);
-ms-transform: translate(189.697px,273px) scale(1,1.00165) translate(-190.303px,-24.9925px);
transform: translate(189.697px,273px) scale(1,1.00165) translate(-190.303px,-24.9925px);
}
.hide_mobile_menu .svg-style02-line1 {
animation: .2s linear both line1_tb;
}
.hide_mobile_menu .svg-style02-line2 {
animation: .2s linear both line2_tb;
}
.show_mobile_menu .svg-style02-line1 {
animation: .2s linear both line1_t;
}
.show_mobile_menu .svg-style02-line2 {
animation: .2s linear both line2_t;
}
@keyframes line1_t {
0% {
transform: translate(190px,107px) rotate(0deg) scale(1.00033,1) translate(-189.958px,-25px);
}
50% {
transform: translate(190.020686px,190px) rotate(0deg) scale(1.00033,1) translate(-189.958px,-25px);
}
66.6666% {
transform: translate(190.020686px,190px) rotate(15deg) scale(1.00033,1) translate(-189.958px,-25px);
}
100% {
transform: translate(190.020686px,190px) rotate(45deg) scale(1.28,1) translate(-189.958px,-25px);
}
}
@keyframes line2_t {
0% {
transform: translate(189.6975px,273px) rotate(0deg) scale(1,1.001648) translate(-190.3025px,-24.9925px);
}
50% {
transform: translate(189.6975px,190.03368px) rotate(0deg) scale(1,1.001648) translate(-190.3025px,-24.9925px);
}
66.6666% {
transform: translate(189.6975px,190.03368px) rotate(-15deg) scale(1,1.001648) translate(-190.3025px,-24.9925px);
}
100% {
transform: translate(189.6975px,190.03368px) rotate(-45deg) scale(1.28,1.001648) translate(-190.3025px,-24.9925px);
}
}
@keyframes line1_tb {
0% {
transform: translate(190.020686px,190px) rotate(45deg) scale(1.28,1) translate(-189.958px,-25px);
}
33% {
transform: translate(190.020686px,190px) rotate(15deg) scale(1.00033,1) translate(-189.958px,-25px);
}
50% {
transform: translate(190.020686px,190px) rotate(0deg) scale(1.00033,1) translate(-189.958px,-25px);
}
100% {
transform: translate(190px,107px) rotate(0deg) scale(1.00033,1) translate(-189.958px,-25px);
}
}
@keyframes line2_tb {
0% {
transform: translate(189.6975px,190.03368px) rotate(-45deg) scale(1.28,1.001648) translate(-190.3025px,-24.9925px);
}
33% {
transform: translate(189.6975px,190.03368px) rotate(-15deg) scale(1,1.001648) translate(-190.3025px,-24.9925px);
}
50% {
transform: translate(189.6975px,190.03368px) rotate(0deg) scale(1,1.001648) translate(-190.3025px,-24.9925px);
}
100% {
transform: translate(189.6975px,273px) rotate(0deg) scale(1,1.001648) translate(-190.3025px,-24.9925px);
}
} .IE11 .navi-trigger-svg { 
display:none; 
}
.IE11 .navi-trigger-out {
width:26px;
}
.IE11 .navi-trigger{
display:block;
}
.IE11 .navi-trigger:before,
.IE11 .navi-trigger:after{
content:''; 
display:block;  
height:13%; 
background-color:currentcolor;
}
.IE11 .navi-trigger:after {
margin-top:40%;
}