.sp-hidden {display:none;}

body{font-size:11px;background-size: cover;}
header h1 {font-family:'Abel';font-size: 17px;margin-top:-5px;}
a:active {opacity: 0.5;filter: alpha(opacity=50);}
.item:active,.item.is-active {color:rgba(225,225,225,0.5);}

#wrap {width:97%;margin:3% auto;}
  html:before,html:after{height:6px;}
  body:before,body:after{width:6px;}
  footer{width:58px; height:58px;}


main {margin-top:-1%}

#accordion{display: none;width:100%;}
#accordion ul {text-align:center;margin-bottom:2%;background-color:rgba(11,18,24,0.55);border-top: solid #2f352e 2px;border-bottom: solid #2f352e 2px;}
#accordion li {font-weight:700;font-size:110%;line-height:3.5;}
#accordion li+ li {border-top:dashed #2f352e 1px;} #accordion a {display: block;}
#accordion ol a {display:inline-block;} #accordion ol li svg{margin:0 5px -5px;width:16px;height:16px;fill:#fff;}

.disco {width: auto;margin:1%;} .disco span {width: 90%;padding-top:3%;display:block;}
hr {margin:0 auto 2%;} 

.news dt {font-size:100%;padding:3% 3% 5%;}
.List dt {padding:3%;}

#icon{width:12px; height:12px;}
#icon img{width:16px;}

#visible_navi {
   position: absolute;
   top: 24px;
   right: 12px;
   cursor: pointer;
   border-radius: 2px;
   padding: 7px 30px 6px 10px;
   border: 1px solid #ccc;
   font-weight:700;
}

#visible_navi span {
  position: absolute;
  top: 49%;
  left: 75%;
}

#visible_navi:active {
  opacity:0.5;
�@filter:alpha(opacity=50);
  text-decoration:none;
}

#visible_navi-icon{
  display: block;
  position: absolute;
  top: 49%;
  left: 50%;
  width: 15px;
  height: 2px;
  margin: -1.5px 0 0 -5px;
  background-color: #fff;
  transition: .2s;
}

#visible_top {
  width: 100%;
  height:100px;
  margin-top:4.5%;
}


#visible_navi-icon:before, #visible_navi-icon:after{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 15px;
  height: 2px;
  background-color: #fff;
  transition: .3s;
}
#visible_navi-icon:before{
  margin-top: -5px;
}
#visible_navi-icon:after{
  margin-top: 3px;
}

#visible_navi .close {
 background: transparent;
}

#visible_navi .close:before, #visible_navi .close:after {
  margin-top: -1px;
}
#visible_navi .close:before {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
#visible_navi .close:after {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}