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

/*　ハンバーガーボタン　*/
/*ボタンのスタイル*/
.Toggle {
position: fixed;
right:18px;
top: 12px;
width: 45px;
height: 45px;
cursor: pointer;
z-index: 113;
display: block;
}

.Toggle::after {
  position: absolute;
  top: 150%;
  left: 70%;
  display: block;
  width: 45px;
  height: 45px;
  margin: -30px 0px 0px -24px;
  color: #333;
  content: "menu";
  font-size: 80%;
  font-weight: bold;
}

.Toggle span {
display: block;
position: absolute;
width: 35px;
border-bottom: solid 4px #333;
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
transition: .35s ease-in-out;
left: 6px;
}

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

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

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

.Toggle.active span:nth-child(1) {
top: 18px;
left: 6px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
border-bottom: solid 3px #333;
}
.Toggle.active span:nth-child(2),
.Toggle.active span:nth-child(3) {
top: 18px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
border-bottom: solid 3px #333;
}




/*トグル（ハンバーガー）メニュー内*/

nav.NavMenu{
position: fixed;
z-index: 110;
top: 0;
left: 0;
    background: url(../img/bg/bg.jpg) center top repeat;
    background-position: right 100% bottom 0%;
    background-color:rgba(255,255,255,0.5);
    background-blend-mode:lighten;
    background-size: 20% auto;

text-align: center;
width: 100%;
display: none;
        
    height:100%;   /* スクロール用高さの追加     */
    overflow-y: scroll;   /* スクロールを追加     */
    -webkit-overflow-scrolling: touch;   /* 慣性スクロールを追加滑らかに     */
}

nav.NavMenu ul{
width: 100%;
margin: 0 auto;
padding: 0;
position: absolute;
top: 250px;
left: 50%;
transform: translateY(-50%) translateX(-50%);
}

nav.NavMenu ul li{
font-size: 24px;
list-style-type: none;
width: 100%;
padding: 0px;
border-top: 1px solid #fff;
}

nav.NavMenu ul li:first-child {
margin: 150px auto 0;
}


nav.NavMenu ul li:last-child{
padding-bottom: 0;
border-bottom: 1px solid #fff;
}

nav.NavMenu ul li a{
display: block;
color: #fff;
padding: 16px 0;
font-weight: bold;
font-size: 18px;
text-decoration: none;
}


nav.NavMenu ul li span {
    display: block;
    text-align: center;
    font-weight: bold;
}

nav.NavMenu ul li span.jp {
    font-size: 18px;
    color: #422b26;
}


nav.NavMenu ul li span.en {
    font-size: 12px;
    color: #333;
}