/*****************************************
 ** @area-inner
 *****************************************/
#area-container {
 background:#fff;
 background-blend-mode: multiply;
 height: 100%;
 right: -100%;
 overflow: hidden;
 position: fixed;
 transition: all .5s;
 top: 0;
 width: 100%;
 z-index: 10;
 display:none;
 overflow: scroll;
}

#area-container.is-opened {
  right: 0;
  width: 100%;
}

.area-close {
  color:#0C4995;
  font-size: 20px;
  margin: 3.33333vw auto 2.66667vw;
  width:88%;
}

.area-title {
  font-family:"Arial Black";
  display: block;
  margin: 3.33333vw auto 2.66667vw;
  area: #0C4995;
  margin: 20px auto 0;
  text-align: center;
  font-size:24px;
  font-weight:600;
}

.area-title img {
  width:70%;
}

.area-list {
  margin: auto;
  width: 90%;
}

.area-item {
  width: 46%;
  padding: 2% 1%;
  display:inline-block;
  text-align: center;
}

.area-item a {
   text-decoration: none;
}

.area-item a.form {
   color:#4787c7;
   /*color:#ff7777;*/
}

/*
@media screen and (max-width: 768px) {
*/
    #hamburger-area {display:inline-block;}
    #area-container {display:block;}
/*
}
*/