/*展開時2列になっているのhtml内でtableに入れている*/

/*展開前-タイトルはjquery.slimmenu1199.min.js*/
/*上のブロックはハンバーガーメニューなので出現しない*/
.menu-collapser1199{position:relative;width:100%;height:40px;padding:0 0px;color:#004097;/*ボタンの文字色*/;font-size:12px;line-height:140%;background-color:#ff5;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-radius: 0px}

/*ハンバーガー*/
.collapse-button1199{position:absolute;right:8px;top:50%;width:38px;padding:11px 10px;color:#000;font-size:12px;text-align:center;background-color:#0000aa/*ハンバーガー背景*/;
border-radius:2px;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-button1199:hover,.collapse-button1199:focus{color:#fff;background-color:#fa0}
.collapse-button1199
.icon-bar1199{display:block;height:2px;width:18px;margin:2px 0;background-color:#fff;border-radius:1px}

ul.slimmenu1199{width:100%;margin:0;padding:0;list-style-type:none}
ul.slimmenu1199:before,ul.slimmenu1199:after{content:'';display:table}
ul.slimmenu1199:after{clear:both}
ul.slimmenu1199.collapsed li{display:block;width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
ul.slimmenu1199.collapsed li>ul{position:static;display:none}
ul.slimmenu1199.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.slimmenu1199.collapsed li .sub-toggle1199{height:40px}/*展開状態のサブメニュー下向き三角枠 heightを%にすると矢印がずれる*/


@media screen and ( max-width:1199px) {
/*展開時*/
ul.slimmenu1199 li{
position:relative;
float:left;
display:inline-block;
/*background-color:rgba(255,255,255,0);メインの背景*/
border-bottom: 1px solid rgba(255,255,255,0.5);
 border-radius: 0px;
 }
ul.slimmenu1199 li ul{margin:0;list-style-type:none}
ul.slimmenu1199 li ul li{background:#dfedff}/*プルダウンの背景*/
ul.slimmenu1199 li>ul{position:absolute;left:0;top:100%;z-index:999;display:none;width:100%}
ul.slimmenu1199 li>ul>li ul{position:absolute;left:100%;top:0;z-index:999;display:none;width:100%}
ul.slimmenu1199 li a{display:block;padding:8px 5px 8px 48px;/* [上][右][下][左] ボタンの高さはこれで設定*/color:#004097;/*ボタンテキストの文字色*/font-size:12px;font-weight:nomal;text-decoration:none;text-align:left;/*ボタン内テキスト左右テキストの設定-影付き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-outborder-collapse: collapse;/*ボタン左ボーダー中央揃えだとずれる*/border-left: 0px solid rgba(200,200,200,1);border-right: 0px solid rgba(200,200,200,1);}
ul.slimmenu1199 li a:hover{color:#00f;/*ボタン文字の設定ホーバー*//*text-shadow:2px 2px 2px #007;ボタン文字影*/text-decoration:none;background-color:#ffdada} /*プルダウンのホーバー*/
ul.slimmenu1199 li .sub-toggle1199{background:none repeat scroll 0 0 rgba(0,0,170,0.2);/*＋×ボタン背景色*/
position:absolute;left:0;top:0;z-index:999;width:40px;height:100%;text-align:center;cursor:pointer;color:#fff;font-size:18px/*＋×ボタン文字サイズ設定*/}
ul.slimmenu1199 li .sub-toggle1199:before{content:'';display:inline-block;height:100%;margin-right:2px;vertical-align:middle}/*＋×ボタン*/
ul.slimmenu1199 li .sub-toggle1199>i{display:inline-block/*;color:#333;font-size:18px;*/vertical-align:middle}/*＋×ボタン*/
ul.slimmenu1199>li{border-left:0px solid #461000}
ul.slimmenu1199>li:first-child,ul.slimmenu1199>li.has-submenu1199+li{border-left:0}

}

@media screen and (min-width:768px) and ( max-width:991px) {
/*展開時*/
ul.slimmenu1199 li{
position:relative;
float:left;
display:inline-block;
/*background-color:rgba(255,255,255,0);メインの背景*/
border-bottom: 1px solid rgba(255,255,255,0.5);
 border-radius: 0px;
 }
ul.slimmenu1199 li ul{margin:0;list-style-type:none}
ul.slimmenu1199 li ul li{background:#dfedff}/*プルダウンの背景*/
ul.slimmenu1199 li>ul{position:absolute;left:0;top:100%;z-index:999;display:none;width:100%}
ul.slimmenu1199 li>ul>li ul{position:absolute;left:100%;top:0;z-index:999;display:none;width:100%}
ul.slimmenu1199 li a{display:block;padding:9px 5px 9px 48px;/* [上][右][下][左] ボタンの高さはこれで設定*/color:#004097;/*ボタンテキストの文字色*/font-size:12px;font-weight:nomal;text-decoration:none;text-align:left;/*ボタン内テキスト左右テキストの設定-影付き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-outborder-collapse: collapse;/*ボタン左ボーダー中央揃えだとずれる*/border-left: 0px solid rgba(200,200,200,1);border-right: 0px solid rgba(200,200,200,1);}
ul.slimmenu1199 li a:hover{color:#00f;/*ボタン文字の設定ホーバー*//*text-shadow:2px 2px 2px #007;ボタン文字影*/text-decoration:none;background-color:#ffdada} /*プルダウンのホーバー*/
ul.slimmenu1199 li .sub-toggle1199{background:none repeat scroll 0 0 rgba(0,0,170,0.2);/*＋×ボタン背景色*/
position:absolute;left:0;top:0;z-index:999;width:40px;height:100%;text-align:center;cursor:pointer;color:#fff;font-size:18px/*＋×ボタン文字サイズ設定*/}
ul.slimmenu1199 li .sub-toggle1199:before{content:'';display:inline-block;height:100%;margin-right:2px;vertical-align:middle}/*＋×ボタン*/
ul.slimmenu1199 li .sub-toggle1199>i{display:inline-block/*;color:#333;font-size:18px;*/vertical-align:middle}/*＋×ボタン*/
ul.slimmenu1199>li{border-left:0px solid #461000}
ul.slimmenu1199>li:first-child,ul.slimmenu1199>li.has-submenu1199+li{border-left:0}

}

@media screen and ( max-width:767px) {
/*展開時*/
ul.slimmenu1199 li{
position:relative;
float:left;
display:inline-block;
/*background-color:rgba(255,255,255,0);メインの背景*/
border-bottom: 1px solid rgba(255,255,255,0.5);
 border-radius: 0px;
 }
ul.slimmenu1199 li ul{margin:0;list-style-type:none}
ul.slimmenu1199 li ul li{background:#dfedff}/*プルダウンの背景*/
ul.slimmenu1199 li>ul{position:absolute;left:0;top:100%;z-index:999;display:none;width:100%}
ul.slimmenu1199 li>ul>li ul{position:absolute;left:100%;top:0;z-index:999;display:none;width:100%}
ul.slimmenu1199 li a{display:block;padding:10px 5px 9px 48px;/* [上][右][下][左] ボタンの高さはこれで設定*/color:#004097;/*ボタンテキストの文字色*/font-size:12px;font-weight:nomal;text-decoration:none;text-align:left;/*ボタン内テキスト左右テキストの設定-影付き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-outborder-collapse: collapse;/*ボタン左ボーダー中央揃えだとずれる*/border-left: 0px solid rgba(200,200,200,1);border-right: 0px solid rgba(200,200,200,1);}
ul.slimmenu1199 li a:hover{color:#00f;/*ボタン文字の設定ホーバー*//*text-shadow:2px 2px 2px #007;ボタン文字影*/text-decoration:none;background-color:#ffdada} /*プルダウンのホーバー*/
ul.slimmenu1199 li .sub-toggle1199{background:none repeat scroll 0 0 rgba(0,0,170,0.2);/*＋×ボタン背景色*/
position:absolute;left:0;top:0;z-index:999;width:40px;height:100%;text-align:center;cursor:pointer;color:#fff;font-size:18px/*＋×ボタン文字サイズ設定*/}
ul.slimmenu1199 li .sub-toggle1199:before{content:'';display:inline-block;height:100%;margin-right:2px;vertical-align:middle}/*＋×ボタン*/
ul.slimmenu1199 li .sub-toggle1199>i{display:inline-block/*;color:#333;font-size:18px;*/vertical-align:middle}/*＋×ボタン*/
ul.slimmenu1199>li{border-left:0px solid #461000}
ul.slimmenu1199>li:first-child,ul.slimmenu1199>li.has-submenu1199+li{border-left:0}

}

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