@charset "UTF-8";
/* CSS Document */


 
/* 全体調整CSS */
.hamburger-demo-menubox *{
	font-size: 16px;
}
.hamburger-demo-menubox li{
    font-size: 18px;
    line-height: 1.4;
    margin-top: 40px;
	text-align: left;
	font-family: Shuei NijimiMGo B;
}
/* hamburgerここから */
	/* input非表示 */
.input-hidden{
	display: none;
	
}
	/* label */
.hamburger-demo-switch{
	cursor: pointer;
position: fixed;
	right: 0.5%;
	top: 0;
	z-index: 9999;
	width: 4em;
	height: 4em;
	
	
}
/* メニュー展開時のアイコンを固定 */
#hamburger-demo7:checked ~ .hamburger-demo-switch{
	position: fixed;
}
/* メニューエリア */
.hamburger-demo-menuwrap{
	position: fixed;
	height: 100%;
	background: none; /* メニューエリア背景色 */

	z-index: 9998;
	transition: .3s;
	overflow-y: scroll; /* メニュー項目が多い場合に縦スクロール */
	top: 10px;
	left: 100%;
	width: 70%;
	font-family: "Shuei NijimiMin L";
	
}
/* メニューリスト */
.hamburger-demo-menulist{
	margin-right: 0%;
	margin-top: 0%;
	padding-left: 0% !important; /* !importantは不要な場合あり */
	list-style: none;
}
.hamburger-demo-menulist li a{
	text-decoration: none;
	color: #fff; /* メニューリスト項目の文字色 */
	display: block;
	line-height: 0.2em;
}
/* メニューエリアchecked */
	/* 右から */
#hamburger-demo7:checked ~ .hamburger-demo-menuwrap{
	left: 10%;
}
	/* コンテンツカバー */
#hamburger-demo7:checked ~ .hamburger-demo-cover{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 9997;
	background: #859226;
	display: block;
	opacity:0.8;
}
/* セパレート･デザイン */
	/* ハンバーガーアイコン */
.hamburger-switch-separate{
			box-shadow: 0 10px 25px 0 #000;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: .3s;
	content: "";
}
.hamburger-switch-separate{
	width: 25px;
	height: 3px;
	background: #fff;
}
.hamburger-switch-separate:before, .hamburger-switch-separate:after, .hamburger-demo-switch7:before, .hamburger-demo-switch7:after{
	content: "";
	position: absolute;
	width: 12.5px;
	height: 3px;
	background: #fff; /* ハンバーガーアイコンの色 */
	top: 50%;
	left: 50%;
	transition: .3s;
	
}
.hamburger-switch-separate:before{
	transform: translate(-100%, -300%);
}
.hamburger-switch-separate:after{
	transform: translate(0, 200%)
		
}
.hamburger-demo-switch7:before{
	transform: translate(0, -300%);
	transition-delay: .2s;
}
.hamburger-demo-switch7:after{
	transform: translate(-100%, 200%);
	transition-delay: .2s;
}
	/* アイコンアニメーション */
#hamburger-demo7:checked ~ .hamburger-demo-switch .hamburger-switch-separate{
	width: 0;
}
#hamburger-demo7:checked ~ .hamburger-demo-switch .hamburger-switch-separate:before{
	transform: translate(-85%, -200%) rotate(45deg);
}
#hamburger-demo7:checked ~ .hamburger-demo-switch .hamburger-switch-separate:after{
	transform: translate(-15%, 100%) rotate(45deg);
}
#hamburger-demo7:checked ~ .hamburger-demo-switch7:before{
	transform: translate(-15%, -200%) rotate(-45deg);
}
#hamburger-demo7:checked ~ .hamburger-demo-switch7:after{
	transform: translate(-85%, 100%) rotate(-45deg);
}