/*熊本歯科衛生士専門学院*/
.menu-collapser{position:relative;width:100%;height:48px;padding:0 8px;color:#333;font-size:16px;line-height:48px;background-color:#fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-radius: 0px}

/*版バーバーパート*/
.collapse-button{position:absolute;right:8px;top:50%;width:38px;padding:10px 10px;color:#333;font-size:14px;text-align:center;background-color:#00ad93;border-radius:5px;cursor:pointer;transform:translate(0, -50%);-o-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-moz-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}

.collapse-button:hover,.collapse-button:focus{color:#F00;background-color:#008470}/*ハンバーガー枠ホーバー*/
.collapse-button
.icon-bar{display:block;height:2px;width:18px;margin:3px 0;background-color:#ffffff;border-radius:1px}

ul.slimmenu{width:100%;margin:0;padding:0;list-style-type:none}
ul.slimmenu:before,ul.slimmenu:after{content:'';display:table}
ul.slimmenu:after{clear:both}
ul.slimmenu.collapsed li{display:block;width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
ul.slimmenu.collapsed li>ul{position:static;display:none}
ul.slimmenu.collapsed li a{display:block;border-bottom:0px solid rgba(0,0,0,0.150);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
ul.slimmenu.collapsed li .sub-toggle{height:48px}

/*展開時のメニュー*/
ul.slimmenu li{
position:relative;
float:left;
display:inline-block;
/*background:linear-gradient(#c9ffcf, #76E382);メインのグラデーション*/
background-color:#fff;
/*border-bottom: 1px solid rgba(0,0,0,0.15);*/
/*border-radius: 4px;*/
 }
ul.slimmenu li ul{margin:0;list-style-type:none}
ul.slimmenu li ul li{background:#a3fff1;border-bottom: 1px solid #fff}ul.slimmenu li>ul{position:absolute;left:0;top:100%;z-index:999;display:none;width:100%}/*リストメニュー展開時の背景色*/
ul.slimmenu li>ul>li ul{position:absolute;left:100%;top:0;z-index:999;display:none;width:100%}
ul.slimmenu li a{display:block;padding:12px 5px 12px 4px;color:#333;font-size:14px;font-weight:bold;text-decoration:none;/*text-shadow:1px 1px 1px #ddd;テキストの設定-影付き*/transition:background-color 0.5s ease-out;-o-transition:background-color 0.5s ease-out;-moz-transition:background-color 0.5s ease-out;-webkit-transition:background-color 0.5s ease-out;border-collapse: collapse;/*border-left: 1px solid rgba(200,200,200,1);border-right: 1px solid rgba(200,200,200,1);*/}
ul.slimmenu li a:hover{color:#fff;/*text-shadow:1px 1px 1px #000;*/text-decoration:none;background-color:#00ad93!important}/*最大幅時のホーバー mdサイズでhover背景がグレーになるので!important追加*/
ul.slimmenu li .sub-toggle{background:none repeat scroll 0 0 rgba(0,0,0,0.0);position:absolute;right:0;top:0;z-index:999;width:28px;height:100%;text-align:center;cursor:pointer;}
ul.slimmenu li .sub-toggle:before{content:'';display:inline-block;height:100%;margin-right:-0.25em;vertical-align:middle}
ul.slimmenu li .sub-toggle>i{display:inline-block;color:#333;font-size:18px;vertical-align:middle}
ul.slimmenu>li{border-left:0px solid #999}
ul.slimmenu>li:first-child,ul.slimmenu>li.has-submenu+li{border-left:0}

/*スリムメニューボタン一個あたりの幅指定はstyle.css*/