/*ハンバーガーメニューが開いているとき、コンテンツはスクロールしない*/
.noscroll {
	overflow:hidden;
}

/*ハンバーガーメニュー*/
/*オープンボタン*/
.burger-btn{
width: 35px;
height: 20px;
transition: .3s;
z-index: 999999;
position: relative;
}
.bar{
width: 16px;
height: 1px;
display: block;
position: absolute;
background: #050505;
}
.bar_top{ 
top: 20%;
transition: transform .3s;
width: 22px;
}
.bar_middle{
top: 55%;
transition: transform .3s;
}
.bar_bottom{
top: 90%;
transition: transform .3s;
width: 22px;
}
/*クローズボタン*/
.burger-btn.close{
}
.burger-btn.close .bar {
background: #d5d5d5;
}
.burger-btn.close .bar_top{
transition: transform .3s;
transform: translate(10%,7px) rotate(45deg);
}
.burger-btn.close .bar_middle{
transition: transform .3s;
opacity: 0;
}
.burger-btn.close .bar_bottom{
transition: transform .3s;
transform: translate(10%,-7px) rotate(-45deg);
}

/*100スクロールで表示*/
.isActive {
transition: .3s;
left: 50px;
opacity: 1;
}

/*ハンバーガーメニューデザイン*/
.open_menu {
position: fixed;
z-index: 99999;
top: 0;
right: 100%;
height: 100vh;
width: 100%;
background: rgba(0,0,0,0.2);
transition: all .3s ease;
}
.menu_open {
position: fixed;
z-index: 99999;
top: 0;
right: 0;
height: 100vh;
width: 100%;
background: rgba(0,0,0,0.2);
transition: all .3s ease;
overflow-y: scroll;
  /*IE(Internet Explorer)・Microsoft Edgeへの対応*/
  -ms-overflow-style: none;
  /*Firefoxへの対応*/
  scrollbar-width: none;
}
/*Google Chrome、Safariへの対応*/
.menu_open::-webkit-scrollbar{
  display: none;
}

.menu_wrap {
	justify-content:center;
	align-items: center;
	height:100vh;
}
.menu_inner {
	background:#fff;
	padding: 10% 0 0 10%;
	width: 90%;
	box-sizing: border-box;
	position: relative;
	z-index: 9999;
}
.menu_wrap .cover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100vh
}

.menu_inner .search {}
.menu_inner .search form {
display: block;
}
.menu_inner .search form input {
display: block;
border:  1px solid #ccc;
height: 40px;
line-height: 40px;
padding-left: 10px;
width: 90%;
}

.menu_inner .inmenu {
padding: 10% 0;
}
.menu_inner .inmenu li {}
.menu_inner .inmenu li a {
display: block;
line-height: 60px;
height: 60px;
}

/*ここからレスポンシブ指定*/
/*アイパッド*/
@media screen and (max-width: 1024px) {

}

/*アイホン678＋*/
@media screen and (max-width: 820px) {

}