/* =====================================
  navbar dropdown
======================================*/
/*初期化*/
.gnav ul{
  margin: 0;
  padding: 0; 
  list-style: none;
}
.gnav ul li { 
  position: relative;
  background: inherit;  
  color:#000000;
}
.gnav ul a { 
  color:inherit;
  display: block;
}
/*リンクホバー*/
.gnav a:hover { 
  text-decoration: none;
  background-color: none; 
  background: rgba(255,255,255,0.1);
}
 /* Flex Horizontal */
.gnav > ul {
  display: -ms-flexbox!important;
  display: -webkit-flex!important;
  display: flex!important;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}
/* root  項目*/
.gnav > ul > li {
  position: relative;
  float: none;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  min-width: 0;
  flex-basis: 1px;
}
/* root　a */
.gnav > ul > li >  a {
  display:block;
  text-align:center;
  padding-left:10px;
  padding-right:10px;
  line-height:40px;;
  white-space: nowrap;
}
/* キャプション */
.gnav > ul  > li >  a > small{
  border-top:1px solid currentColor;
  display:inline;
  line-height:10px;
  width:100%;
}
/* サブメニュー level 2 */
.gnav ul ul {
  display: none; 
  position: absolute;
  top:98%;
  left: 0; 
  margin: 0; 
  padding: 0;
  width: 15em;
  box-shadow: 1px 0px 5px rgba(0,0,0,0.2);
}
.gnav ul ul li:first-child{
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.gnav ul ul li:last-child{
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}
/* サブメニューボタン*/
.gnav ul ul a { 
  border: none;
}
/* サブメニュー level 3 */
.gnav ul ul ul {
  top: 0;
  left: 99%; 
}
/* sub menu level 3 */
.gnav ul > li:last-child li ul {
  left: -99%; 
}


/* ラストのみ左右表示位置調整 */
.gnav ul li:last-child > ul {
  left: 100%; 
  transform:translate(-100%); 
}
.gnav ul li:last-child > ul  ul {
  left: 1%; 
  transform:translate(-100%); 
}


/* キャレット
==============================*/
.gnav .submenu-caret{
  display: inline;
  margin-left: .5em;
  line-height:1;
}
.gnav .submenu-caret::before{
  content: "\f0da"; /* fa-caret-right*/
  content: "\f0d7"; /* fa-caret-down*/
  font-family:  fontawesome;
}


/* ========================================================
　　デザイン　default ここは編集せずコピーしてオーバーライドすること
========================================================== */

/* 　ルートメニュー
==============================*/
.gnav > ul {
/*  padding-top:10px;*/
  border-left:1px solid;
  border-right:1px solid;
  border-color: rgba(255,255,255,0.3);
  background:inherit;
}
/* ルートボタン */
.gnav > ul >li{
/*  border-radius:6px 6px 0 0;*/
/*  margin:0 4px;*/
  background:inherit;
}
.gnav > ul >li+li{
  border-left:inherit;
}
/* 高さ */
.gnav > ul >li >a{
  border-radius:inherit;
  padding-top:2px;
  line-height:36px;
  background: transparent;
}
/*  First
=====================*/
.gnav > ul >li:first-child{
/*  border-radius:6px 6px 0 0;*/
  border-left:none;
}
.gnav > ul >li:first-child >a{
  border-radius:inherit;
}
/*  Last 
=====================*/
.gnav > ul >li:last-child{
/*  border-radius:6px 6px 0 0;*/
  border-right:none;
}
.gnav > ul >li:last-child >a{
  border-radius:inherit;
}
/* サブメニュー
=======================================*/
.gnav ul ul {
  border-radius:8px;
  background: #AAAAAA;  
}
/* ボタン高さ・文字サイズ */
.gnav ul ul li a { 
  font-size:85%;
  line-height: 1.35;
  border: none;
  padding: 12px 15px;
  text-align: left;
  border-radius:inherit;
}
.gnav ul ul li+li a { 
  border-top: 1px dotted rgba(255, 255, 255, 0.2);
}
/* 3階層目非表示 */
.gnav ul  ul  ul,
.gnav ul  ul .submenu-caret::before{
  _display:none!important;
}

/* ==========================================
*     sticky
固定させたい要素に下記の属性を追加
data-uk-sticky="{top:100}"
=========================================== */
/* 固定時のClass */
.uk-sticky-fixed{

}

@media only print { 
  #globalNavi.uk-sticky{
    position: static!important;
    height: auto!important;
  }
}

/* ===========================
*     モバイルナビ
============================== */
.mobile-nav{
  position:relative;
  background:inherit;
}
 .btn-mobile-toggle {
  padding:5px 8px;
  font-size:2rem;
  line-height:1;
  border:none;
  outline:none;
  cursor:pointer;
  background:transparent;
}

@media only screen and (max-width:768px){
/*  #globalNavi-sticky-wrapper:not(.hey) {
    position:fixed!important;
    top:0!important;
    left:0!important;
    width:100%;
    height:40px;
    z-index:100;
  }*/
}
/* =============================
*     ナビ切り替えのブレイクポイント
============================== */
.mobile-nav{
		display:none;
}
@media only screen and (max-width:640px){
	.mobile-nav	{display:block;}
	.gnav{display:none;}
}

@media print{
	.mobile-nav{
		display:none!important; 
	}
	#globalNavi.uk-sticky{
		width:auto!important;
		position:static;
	}

}
/* =============================
*     オフセットナビ
============================== */
/*  close */
.uk-offcanvas-bar .uk-close {
    transform: scale(1.5);
    color: #FFFFFF!important;
}
.uk-offcanvas-bar {
  padding: 50px 12px 12px;
}
.slidenav li {
  border-top:1px dotted  rgba(255, 255, 255, 0.1);
  display: block;
}
/* 共通 */
.slidenav li a{
  position: relative;
  color: #FFFFFF;
  display: block;
  padding: 8px 8px;
  line-height:1.4;
}

/* has-submenu
====================*/
.slidenav .has-submenu > a{
  padding-right: 2.5em ;
}
.slidenav .submenu-caret{
  padding-top: 7px;
  display: block;
  position: absolute;
  right: 2px;
  top: 3px;
  bottom: 2px;
  margin :auto;
  width: 2.2em;
  line-height: 1;
  border-radius: 2px;
  background:   rgba(255, 255, 255, 0.05);
  text-align: center;
  vertical-align: middle;
  cursor:pointer;
  z-index:1;
}
.slidenav .submenu-caret:hover{
  background:   rgba(255, 255, 255, 0.1);
}
.slidenav .submenu-caret::before{
  content: "\f0da"; /* fa-caret-right*/
  content: "\f0d7"; /* fa-caret-down*/
  display: inline;
  font-family:  fontawesome;
}
.caret-expand{
  transform: rotate(180deg);
}
/*  オーバーレイ */
.uk-offcanvas-overlay{
  background: repeating-linear-gradient(-45deg, rgba(0,0,0,0.05), rgba(0,0,0,0.05) 24px, rgba(0,0,0,0.03) 0, rgba(0,0,0,0.03) 48px);
  background: rgba(255,255,255,0.25);
  background: rgba(0,0,0,0.05);
}
/* submenu
====================*/
.slidenav li ul {
  display:none;
  background: rgba(255,255,255,0.2);
  background: rgba(0,0,0,0.05);
}
.slidenav li a{
  padding-left: 8px!important ;
}

/* ===========================
*     breadcrumbs
============================ */
.breadcrumbs{
  padding-top:10px;
  padding-bottom:10px;
  font-size:1.4rem;
  overflow:hidden;
}
#Home .breadcrumbs{
  display:none;
}
.breadcrumbs ul li{
  line-height:1.35;
}
.breadcrumbs ul li+li::before{
  content: "＞";
  margin-left: .5em;
  margin-right: .5em;
}




/* ===========================
*     サイドバー
============================ */

#sidebarNavi ul li li li{
  border-bottom:1px dotted rgba(111,158,208,0.3);
}
#sidebarNavi nav > ul > li > div> a{
  font-weight: bold!important;
  color: #FFFFFF;
}
#sidebarNavi ul li li li:nth-child(odd){
  background-color: #E8F7FF;
}
#sidebarNavi ul{
  display: block;
}

#sidebarNavi nav > ul > li{
  padding-right:0;
  padding-left:0;
}

#sidebarNavi li li{
}