@charset "utf-8";

.depth4_tab {display: inline-block; width: 100%; height: 4rem; margin-bottom: 1rem;}

.depth4_tab #depth4_menu_ul {overflow: visible; float: right; position: relative; z-index: 1; width: 25rem; height: 4rem; padding: 0; border: 1px solid #ddd; background-color: #fff; transition: all 0.3s;}
.depth4_tab #depth4_menu_ul::after {position: absolute; top: 2rem; right: 2rem; font-family: 'xeicon'; font-size: 1.6rem; color: #151515; content: ''; transform: translateY(-50%); transition: all 0.3s;}

.depth4_tab #depth4_menu_ul:hover,
.depth4_tab #depth4_menu_ul:focus,
.depth4_tab #depth4_menu_ul.active {box-shadow: 2px 1px 7px #B2B2B940; border-color: #707070;}
.depth4_tab #depth4_menu_ul.active {height: auto;}
.depth4_tab #depth4_menu_ul.active::after {transform: translateY(-50%) rotate(180deg);}
.depth4_tab #depth4_menu_ul.active li {display: block;}

.depth4_tab #depth4_menu_ul li {display: none; margin: 0;}
.depth4_tab #depth4_menu_ul li.active {display: block;}
.depth4_tab #depth4_menu_ul a {display: block; float: none; min-width: 0; height: auto; margin: 0; padding: 0 0 0 1.5rem; border: 0 none; background: none !important; font-size: 1.6rem; font-weight: 400; color: #333 !important; text-align: left; line-height: 4rem;}