@charset "utf-8";

#nav-open {
  z-index: 99999 !important; /* ← 他要素を確実に上回る */
}

#nav-input:checked ~ #nav-open {
  z-index: 100000 !important; /* ← 開いたときも最上位 */
}



@media screen and (max-width: 1023px) {




	header{
	width: 100%; display: flex;
	z-index: 999;
	box-sizing: border-box;
	
	}
	#head-bg{font-size: 16px;background-color: #ffffff;}

	.head-nav li span {font-family:"arial unicode ms", "Arial Black", Gadget, "sans-serif"; font-weight: lighter;letter-spacing: 0.1em;color: #83b98f;}
	
	
	nav ul li{/*font-size: 20px;*/}

/* =============================================================================
	ハンバーガーナビ
   ========================================================================== */
#nav-drawer {
position: relative;
 z-index: 99999 !important; /* ← 他要素を確実に上回る */

}

/*チェックボックス等は非表示に*/
.nav-unshown {display:none;}

/*アイコンのスペース*/
  #nav-open {
    display: inline-block;
    width: 45px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    position: fixed;
    right: 10px;
    box-sizing: border-box;
    transition: 0.3s ease-in-out;
    cursor: pointer;
    top: 10px;
    margin-top: 0px;
    padding: 3px;
    z-index: 9998;
    background-color: #fff;
    border-radius: 8px; /* ← 角丸を追加 */
  }

  /* ハンバーガーアイコン */
  #nav-open span:nth-of-type(1),
  #nav-open span:nth-of-type(2),
  #nav-open span:nth-of-type(3) {
    position: absolute;
    height: 3px;
    width: 30px;
    border-radius: 3px;
    background: #000;
    display: block;
    content: '';
    cursor: pointer;
    z-index: 9999;
    left: 8px;
    transition: 0.5s ease-in-out;
  }

  #nav-open span:nth-of-type(1) { top: 10px; }
  #nav-open span:nth-of-type(2) { top: 18px; }
  #nav-open span:nth-of-type(3) { top: 26px; }


#hamburger-txt{color:#000;left:-1px;position:relative;top:13px;font-family:'lato', sans-serif;font-weight:bold;font-size: 10px;}

#nav-input:checked ~ #nav-open{position: fixed;margin-right: 270px;/*right: 70%;*/transition: .3s ease-in-out;cursor: pointer;cursor: hand;z-index: 10000;}	
	
#nav-input:checked ~ #nav-open span:nth-of-type(1){
	width: 28px;
	-webkit-transform:translateY(8px) rotate(-45deg);transform:translate(0px,8px) rotate(-45deg);background: #333333;transition: .5s ease-in-out;}
#nav-input:checked ~ #nav-open span:nth-of-type(2) {
	
	opacity: 0;transition: .5s ease-in-out;}
#nav-input:checked ~ #nav-open span:nth-of-type(3) {
	width: 28px;
	-webkit-transform:translateY(-8px) rotate(45deg);transform:translate(0px,-8px) rotate(45deg);background: #333333;transition: .5s ease-in-out;}
#nav-input:checked ~ #nav-open #hamburger-txt {color: #333333!important;z-index: 998;}

/*閉じる用の薄黒カバー*/
#nav-close {display: none;/*はじめは隠しておく*/position: fixed;z-index: 99;top: 0;/*全体に広がるように*/left: 0;width: 100%;height: 100%;background: black;opacity: 0;transition: .3s ease-in-out;}

/*中身*/
#nav-content {overflow: auto;position: fixed;top: 0;right: 0;z-index: 2000;/*最前面に*/width: 250px;/*左側に隙間を作る（閉じるカバーを表示）*/max-width: 300px;/*　最大幅（調整してください）*/height: 100%;
transition: .3s ease-in-out;/*滑らかに表示*/-webkit-transform: translateX(105%);transform: translateX(105%);/*左に隠しておく*/}

#nav-input:checked ~ #nav-content {-webkit-transform: translateX(0%);transform: translateX(0%);/*中身を表示（左へスライド）*/box-shadow: 6px 0 25px rgba(0,0,0,.15);}	
	
/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {display: block;/*カバーを表示*/opacity: .5;z-index: 999;}

#nav-content li {background: #ffffff; display: block;border-bottom: 1px solid #BDBDAE;line-height: 1.2em;font-weight: bold;}
#nav-content li span{font-size: 14px;font-weight: lighter;}

#nav-content a {
	text-decoration: none;
	display: block;
	-webkit-transform: skew(0);
	-ms-transform: skew(0);
	transform: skew(0);
	padding: 20px 10px;
	}


#nav-content a:hover {
	}
#nav-content .hiraku a {
	background-image: url("../img/icon08.jpg");
	background-repeat: no-repeat;
	background-position: right 10px center;
	}


#nav-content .hiraku a:hover {
	color: #000;
	background-image: url("../img/icon09.jpg");
	background-repeat: no-repeat;
	background-position: right 10px center;
	}


	
	
#nav-content a:visited  {color: #000; }

/***サブメニュー用 +js**/

.navbutton {
  position: relative;
}

.child {
    display: none;
}

.sub-menu-item_sp {
    border:none!important;
	
}

.sub-menu-item_sp a{
	height: 59px;
    background-color: #EFECEC;
    color: #000!important;
    padding-left: 30px;
    display:block;
    width:100%;
	background-image:none!important;

 
}	
.sub-menu-item_sp a:visited  {
    color: #000!important;
}

.sub-menu-item_sp a::before {
  content: " - ";
		color: #000;
}





}