@charset "UTF-8";
/* CSSコード */


/* ここから下がハンバーガーメニューに関するCSS */

@media screen and (max-width:665px){
header {
  display: flex;
  justify-content: space-between;
  padding: 10px 0 0 0;
  padding-right:10px;
  background: #fff;
}

nav.gNavi1 {
    position: absolute;
    width: 100%;
    z-index: 99;
    margin-top:50px;
}
ul.gnav_list {
    /*最初はナビゲーションボタンは非表示*/
    display: none;
    list-style:none;
}

.gNavi1 ul li{
	border:#a0a0a0 solid 1px;
	background:#F8B551;
	color:#FFF;
	font-size:120%;
	padding:8px 10px;
}

.gNavi1 ul li a{
  display:block;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}

.gNavi1 ul li a:hover{
	color:#0000ff;

}

.gnavi {
    position: absolute;
    right:10px;
    cursor: pointer;
    width: 30px;
    height: 24px;
    z-index: 100;
    margin-top:10px;
}
.gnavi span {
    /*3本の線を作る*/
    transition: all .3s;
    position: absolute;
    height: 3px;
    background-color: #333;
    width:100%;
    z-index: 100;
}
.gnavi span:nth-of-type(1) {
    /*上の線の位置*/
    top: 4px;
}
.gnavi span:nth-of-type(2) {
    /*真ん中の線の位置*/
    top: 12px;
}
.gnavi span:nth-of-type(3) {
    /*下の線の位置*/
    top: 20px;
}
.gnavi.open span:nth-of-type(1) {
    /*openのとき、上の線を右斜めにする*/
    top: 8px;
    transform: translateY(3px) rotate(-45deg);
}
.gnavi.open span:nth-of-type(2) {
    /*真ん中の線を消す*/
    opacity: 0;
}
.gnavi.open span:nth-of-type(3) {
    /*下の線を左斜めにする*/
    top: 20px;
    transform: translateY(-9px) rotate(45deg);
}

.overflow__hidden{
  overflow: hidden;
}

.menu_btn{
  width:40px;
  height:16px;
  position: absolute;
  right: -5px;
  margin-top:22px;
  font-size: 60%;
  z-index: 100;
}

.gnavi .menu_btn::before{
  content: 'メニュー';
  position:absolute;
  color:#000;
  pointer-events: none;
}

.open .menu_btn::before{
  content: '閉じる';
  padding-left: 5px;;
  position:absolute;
  color:#000;
  pointer-events: none;
}

.gnavi.open ~ .cover {
width: 100vw;
height: 100vh;
background: #0006;
position: absolute;
top: 0;
left: 0;
z-index: 97;
}
}