@charset "UTF-8";
#header {
background-color: #fff;
height: auto;
overflow: hidden;
position: relative;
width: 2000px;
left:top;
}

 

@media screen and (min-width: 768px) {

 

#header {
background-color: #fff;
height: auto;
overflow: hidden;
position: relative;
width: 100%;
left:top;
}

 

}

 

 

@media screen and (max-width: 768px) {

 

#header {
background-color: #fff;
height: auto;
overflow: hidden;
position: relative;
width: 100%;
left:top;
}

 

}

/*===========================
メニューの開閉ここから
===========================*/
label {
background: #ffffff;
color: #000000;
padding: 5px;
display: block;
margin: 0;
border: 1px solid #fff;
}
input[type="checkbox"].on-off{
display: none;
}
.toggle ul {
-webkit-transition: all 0.5s;

-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
margin: 0;
padding: 0;
list-style: none;
}
.toggle li {
padding: 5px;
}
input[type="checkbox"].on-off + ul{
height: 0;
overflow: hidden;
}
input[type="checkbox"].on-off:checked + ul{

height: 340px;
}
/*===========================
メニューの開閉ここまで
===========================*/