@charset "utf-8";

/* ================================

sp_bmenu.css   ver.1.0

================================ */

.gNav2 .tokenMenu > ul > li.Tab999, .gNav2 .tokenMenu > ul > li.Tab9999 {
  display: block;
}


.gNav2{margin-bottom:12px;background-color:transparent;}
.gNav2 .tokenMenu{width:100%;margin:0;}
.gNav2 .tokenMenu ul{display:block;width:100%;margin:0;padding:0;border:none;background-color:transparent;}
.gNav2 .tokenMenu ul li{display:block;width:100%;margin:0;padding:0;border:none;background-color:transparent;}
.gNav2 .tokenMenu ul li a{display:block;position:relative;width:100%;margin:0;padding:0;border:none;background-color:transparent;text-align:left;}
.gNav2 .tokenMenu ul li a:hover{text-decoration:none;}
.gNav2 .tokenMenu > ul > li > a:hover:before,
.gNav2 .tokenMenu > ul > li > a:hover:after{position:static;top:inherit;bottom:inherit;left:inherit;right:inherit;width:auto;height:auto;border:none;border-radius:inherit;box-shadow:none;}
/* 2st Phase common */

.gNav2 .tokenMenu > ul ul{display:none;}
.gNav2 .tokenMenu > ul ul li{border-top:1px dotted #3375d0;}
.gNav2 .tokenMenu > ul ul a{padding:0.7em 3em 0.7em 0;color:#bfd6f6;font-size:12px;}

.gNav2 .tokenMenu > ul ul ul li:first-child a{border-top:none;}
.gNav2 .tokenMenu > ul ul a:not(.toggleSwitch):after{content:"";display:block;position:absolute;top:0;bottom:0;right:10px;width:7px;height:7px;margin:auto;border:1px solid #3375d0;border-right-color:transparent;border-bottom-color:transparent;transform:rotate(135deg);}
.gNav2 .tokenMenu > ul ul a.toggleSwitch:before,
.gNav2 .tokenMenu > ul ul a.toggleSwitch:after{content:"";display:block;position:absolute;top:0;bottom:0;right:6px;width:10px;height:2px;margin:auto;background-color:#fff;transition:all 0.3s;}
.gNav2 .tokenMenu > ul ul a.toggleSwitch:after{transform:rotate(90deg);}
.gNav2 .tokenMenu > ul ul a.toggleSwitch.open:before,
.gNav2 .tokenMenu > ul ul a.toggleSwitch.open:after{background-color:#5f99e9;transform:rotate(0deg);}
/* 3st Phase common */
.gNav2 .tokenMenu > ul ul ul{border:none;}
.gNav2 .tokenMenu > ul ul ul{padding-left:1em;}
/* 4st Phase common */
.gNav2 .tokenMenu > ul ul ul ul{text-indent:0.5em;}
/* 1st Phase */
.gNav2 .tokenMenu > ul{padding:0 20px;}
.gNav2 .tokenMenu > ul > li{display:none;border-top:1px solid #5f99e9;}
/* .gNav2 .tokenMenu > ul > li.Tab101,
.gNav2 .tokenMenu > ul > li.Tab225{display:block;} */
.gNav2 .tokenMenu > ul > li:first-child{border-top:none;}
.gNav2 .tokenMenu > ul > li > a{padding:0.95em 20px 0.95em 0;font-size:13px;}
.gNav2 .tokenMenu > ul > li > a.toggleSwitch:before,
.gNav2 .tokenMenu > ul > li > a.toggleSwitch:after{content:"";display:block;position:absolute;top:0;bottom:0;right:2px;width:15px;height:2px;margin:auto;background-color:#fff;transition:all 0.3s;}
.gNav2 .tokenMenu > ul > li > a.toggleSwitch:after{transform:rotate(90deg);}
.gNav2 .tokenMenu > ul > li > a.toggleSwitch.open:before,
.gNav2 .tokenMenu > ul > li > a.toggleSwitch.open:after{background-color:#5f99e9;transform:rotate(0deg);}