@charset "utf-8";

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





.pcnav {
display:none;
}

	header{
	width: 100%; display: flex;position: fixed;z-index: 999;
	box-sizing: border-box;
	background-color: #ffffff;
	
	}
	#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: #000;}
	
	
	nav ul li{/*font-size: 20px;*/}

/* =============================================================================
	ハンバーガーナビ
   ========================================================================== */
#nav-drawer {position: relative;}

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

/*アイコンのスペース*/
#nav-open {display: inline-block;width: 30px;height: 22px;vertical-align: middle;position: fixed;right: 10px;margin-top: -60px;box-sizing: border-box;transition: .3s ease-in-out;cursor: pointer;}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span:nth-of-type(1){position: absolute;height: 2px;/*線の太さ*/width: 30px;/*長さ*/border-radius: 3px;background: #333333;display: block;content: '';cursor: pointer;z-index: 999;transition: .5s ease-in-out;}
#nav-open span:nth-of-type(2){position: absolute;height: 2px;/*線の太さ*/width: 30px;/*長さ*/border-radius: 3px;background: #333333;display: block;content: '';cursor: pointer;z-index: 999;top: 8px;transition: .5s ease-in-out;}
#nav-open span:nth-of-type(3){position: absolute;height: 2px;/*線の太さ*/width: 30px;/*長さ*/border-radius: 3px;background: #333333;display: block;content: '';cursor: pointer;z-index: 999;top: 16px;transition: .5s ease-in-out;}
	
#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: 1000;}	
	
#nav-input:checked ~ #nav-open span:nth-of-type(1){-webkit-transform:translateY(8px) rotate(-45deg);transform:translateY(8px) rotate(-45deg);background: #ffffff;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) {-webkit-transform:translateY(-8px) rotate(45deg);transform:translateY(-8px) rotate(45deg);background: #ffffff;transition: .5s ease-in-out;}
#nav-input:checked ~ #nav-open #hamburger-txt {color: #ffffff!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 #014099;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 {
background: #014099;
color:#fff;
}

#nav-content li a span {
display: block;
color:#000;
font-size: 16px;
font-weight: bold;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"
}

#nav-content li a span:hover {
color: #ffffff; 
background: #014099;
}

/**小メニュー横線*/
#nav-content ul ul {
background: #BDBDAE;
padding-left: 10px; 
}

#nav-content ul ul li a {
background: #EDEDE7;
}


#nav-content ul ul li a span {
display: block;
color:#000;
font-size: 16px;

}
	
	
	
	
}