/* Reset code to remove theme inherent styling */
#navi ul.menu ul, #navi ul.menu li {list-style: none; padding: 0; margin: 0;}
#navi ul.menu ul {display: none; /* Hides non-mega links */}
#navi ul.menu .sub ul {display: block; /* overrides above hide */}

/* Main menu styles */
#navi ul.menu { /* Important - required for positioning of mega menu */}
#navi ul.menu li a { text-decoration:none;}
#navi ul.menu li.mega-hover a, #navi ul.menu li a:hover {background-position: 100%; color: #000; text-shadow: none;}

/* Mega Menu Styling */
/* Mega Drop Down Container */
#navi ul.menu li .sub-container {position: absolute; margin-top:35px;}

/* Mega Menu Sub Navi -----------------------*/
#navi ul.menu li .sub {padding: 15px;box-sizing:border-box; background:#ffffff;}
#navi ul.menu li .sub .row {width: 100%; overflow: hidden;clear: both;}
#navi ul.menu li .sub li {list-style: none; float: none;}

#navi ul.menu li .sub-container.mega .sub {background: rgba(0,0,0,0.6); padding: 20px 20px 5px; width:1080px;}

/* Sub-menu Headers */

#navi ul.menu li .sub li.mega-hdr {float: left;  width: 165px; font-size: 1em; font-weight: bold; /*margin-right:10px;*/margin-right: 8px; line-height:20px;}
#navi ul.menu li .sub li.mega-hdr a.mega-hdr-a { display:block; color:#474747; font-weight:bold; background:#ffffff;}
#navi ul.menu li .sub li.mega-hdr a.mega-hdr-a:hover { text-decoration:underline;}



/* Style the 3rd level links */
#navi ul.menu .sub li.mega-hdr li {float:none; margin:0; padding:0; margin-bottom:15px;border:1px solid #666666; height:auto;}
#navi ul.menu .sub li.mega-hdr li .mega_title {background:url(../../images/common/title_mark.jpg) no-repeat left 10px top 14px #ffffff; margin:0; text-align:left; padding: 10px 10px 5px 23px; height:60px;}
#navi ul.menu .sub li.mega-hdr li a { display:block; color:#474747; font-weight:bold; width:165px; font-size:13px; font-size:1.3rem; height:auto;}
#navi ul.menu .sub li.mega-hdr li a img {height:117px;}
#navi ul.menu .sub li.mega-hdr li a:hover {color: #db0000;}

/* Styling for items with only 2 levels */
#navi ul.menu li .sub-container.non-mega .sub {padding: 0;}
#navi ul.menu li .sub-container.non-mega li {width: 180px; background:#ffffff; float:none !important; text-align:left;}
#navi ul.menu li .sub-container.non-mega li a { display:block; padding:10px; color:#474747; font-weight:bold; margin-top:-1px; font-size: 14px; font-size: 1.4rem;
	background:url(../../images/skin/navi/menu_arrow.jpg) no-repeat left 10px top 17px; text-decoration:none; border:1px solid #e0e0e0; padding: 10px 10px 10px 20px;}
#navi ul.menu li .sub-container.non-mega li a:hover {color: #db0000;}


/*CAD 2021.11.17追記
-------------------------------------------------------*/
#navi ul.menu ul.mega-cad .row {
  display: flex;
  flex-wrap: wrap!important;
  width: 100%!important;
  margin-right: -5px;
}
#navi ul.menu ul.mega-cad li.mega-hdr {
  float: none;
  height: 175px!important;
  margin-bottom: 10px;
}

#navi .mega-cad .sub-container {position: absolute; margin-top:35px; width: 100%!important; max-width: 1080px!important; overflow-x: hidden;}
#navi ul.menu ul.mega-cad li .sub-container.mega .sub {background: rgba(0,0,0,0.6); padding: 20px 20px 5px; /*width:1080px;*/
/*width: calc(100% - 30px);*/ width: 100%!important; max-width: 1080px!important;}

/*base.dwt 20行目 rowItems: '12',も'6'から変更済み*/
/*-------------------------------------------------------*/