a{
text-decoration: none;
color: #333333;
}
#hamburgermenu{max-width: 750px;}
/*ナビのスタイル*/
nav.NavMenu{
max-width: 750px;
max-height: 400px;
position: fixed;
z-index: 12;
text-align: center;
width: 100%;
height: 120vw;
display: none;

}

nav.NavMenu ul{
max-width: 750px;
width: 100%;
margin: 0 auto;
padding-top: 5vw;
padding-bottom: 5vw;
position: absolute;
top: 0%;
left: 0%;
transform: translateY(-0%) translateX(-0%);
text-align: center;
background-color: #cfb292;

}

nav.NavMenu ul li{
max-width: 80%;
letter-spacing: 0.1em;
line-height: 0.3vw;
list-style-type: none;
padding-bottom: 3.6vw;
padding-left: 4vw;
background-color: #cfb292;
display: inline-block;
}

nav.NavMenu ul li:last-child{

}

nav.NavMenu ul li a{
display: block;
color: #fff;
padding: 2vw 0;
font-weight: bold;
font-size: 2.6vw;
}

/*ボタンのスタイル*/
.Toggle {
background-color: #fff;
position: absolute;
right: 6vw;
top:3.8vw;
width: 3vw;
height: 3vw;
cursor: pointer;
z-index: 13;
display: block;
max-width: 25px;
max-height: 25px;

}

.Toggle span {
max-width: 750px;
display: block;
position: absolute;
width: 7vw;
border-bottom: solid 0.6vw #000;
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
transition: .35s ease-in-out;
}

.Toggle span:nth-child(1) {
top: 0vw;
text-align: center;
}

.Toggle span:nth-child(2) {
top: 1.5vw;
text-align: center;
}

.Toggle span:nth-child(3) {
top: 3vw;
text-align: center;
}

.Toggle.active span:nth-child(1) {
top: 2vw;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
border-bottom: solid 0.4vw #000;
}
.Toggle.active span:nth-child(2),
.Toggle.active span:nth-child(3) {
top: 2vw;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
border-bottom: solid 0.4vw #000;
}

/*//////////////////////携帯用 ul li ↓//////////////////////*/

@media (max-width: 550px) {
nav.NavMenu ul{
max-width: 500px;
width: 100%;
margin: 0 auto;
padding-top: 5vw;
padding-bottom: 5vw;
position: absolute;
top: 0%;
left: 0%;
transform: translateY(-0%) translateX(-0%);
text-align: center;
background-color: #c7d9f0;
}

nav.NavMenu ul li{
max-width: 80%;
letter-spacing: 0.1em;
line-height: 0.3vw;
list-style-type: none;
padding-bottom: 3.6vw;
padding-left: 3vw;
background-color: #c7d9f0;
display: inline-block;
}

}
/*//////////////////////ここから750以上↓//////////////////////*/
@media (min-width: 750px) {
.Toggle {
    right: 38px;
    top: 18px;
    width: 20px;
    height: 20px;
}

.Toggle span {
width: 45px;
border-bottom: solid 4px #000;
}

.Toggle span:nth-child(1) {
top: 0px;
}

.Toggle span:nth-child(2) {
top: 16px;
}

.Toggle span:nth-child(3) {
top: 32px;
}

.Toggle.active span:nth-child(1) {
top: 20px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
border-bottom: solid 5px #000;
}
.Toggle.active span:nth-child(2),
.Toggle.active span:nth-child(3) {
top: 20px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
border-bottom: solid 4px #000;
}
	
nav.NavMenu ul{
padding-top: 40px;
padding-bottom: 40px;

}
nav.NavMenu ul li{
line-height: 5px;
padding-bottom: 0px;
padding-left: 22.5px;
}
	
nav.NavMenu ul li a{
padding: 0 0 10px;
font-size: 27px;
}
/*ここまで750以上↑*/
    }


   /* 当たり判定の拡張） */
.Toggle {
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

.Toggle::after {
  content: "";
  position: absolute;
  top: -14px;
  bottom: -20px;
  left: -14px;
  right: -30px; /* 箱からはみ出している線の分まで含める */
}