@charset "UTF-8";


/* 上ナビゲーションメニュー　PC
--------------------------------------------------*/

.nabi__hon {position: fixed;top: 0;left: 0;z-index: 10;margin: 0;padding: 0 50px;width: 100%;height: 60px;border-bottom: 1px solid gray;background: #484848;background: linear-gradient(#484848, #171717);	}

.nabi__logo {margin-top: 15px;width: auto;height: 28px;position: absolute;top: 0;left: 50px;}

a.nabi__btn {position: absolute;top: 0;right: 50px;background: linear-gradient(red, darkred);	display: inline-block;margin: 10px 60px;padding: 0 18px;height: 40px;color: #fff;text-align: center;text-decoration: none;font-weight: bold;line-height: 40px;/*border-radius: 4px;*/border-radius: 20px;}

a.nabi__btn:hover {color: #fff;opacity: 0.9;-ms-filter: "alpha(opacity=90)";filter: alpha(opacity=90);}

a.nabi__btn:hover {color:yellow; }

ul.nabi__menu {margin: 0;margin-left: 128px;list-style-type: none;}

ul.nabi__menu li {float: left;}

ul.nabi__menu li a {display: block;padding: 22px 24px;color: #fff;text-decoration: none;font-size: 16px;line-height: 1;border-left: 0.5px solid gray;border-right: 0.5px solid gray;}

ul.nabi__menu li a:link {color:white; }

ul.nabi__menu li  a:visited {color:white; }

ul.nabi__menu li a:hover {background: white;color: black;}

.nabi__menu__m-btn { display: none;}

.nabi br {display: none;}





/* 上ナビゲーションメニュー　SP
--------------------------------------------------*/

@media(max-width: 1040px) {

.nabi br {display: block;}
    
.nabi__hon {padding: 0 10px;}
    
.nabi__logo {left: 10px;}
    
a.nabi__btn {right: -35px !important;font-size: 13px;}
    
.nabi__menu__m-btn {z-index: 4;display: inline-block;font-size: 13px;cursor: pointer;margin: 10px auto;margin-left: 108px;padding: 0 10px;height: 40px;border-radius: 4px;background: #fff;border: 1px solid #ccc;color: #333;text-align: center;line-height: 40px;}

ul.nabi__menu { display: none}
ul.nabi__menu {margin: 0 auto;width: 95% !important;}

ul.nabi__menu a {display: block;padding: 1em 1em;}

ul.nabi__menu > li > a,
ul.nabi__menu > li > a:visited {color: #333 !important;}
    
ul.nabi__menu > li a:before {display: inline-block;margin-right: 9px;color: #F3790D;content: "\f0da";vertical-align: middle;font-family: FontAwesome;
    
    }}