@charset "utf-8";

ul.header-menu  h2 {
    padding: 0;
  font: 16px arial,helvetica,clean,sans-serif;
      line-height:0.4;
  /*font: x-small;*/
  /*background: #fff;*/
  /*color: #ffffff;*/
  font-family: "游明朝",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝E","MS P明朝","MS 明朝",serif;
  -webkit-text-size-adjust: 100%;

}
ul.header-menu h3 {
    padding: 0;
  font: 12px arial,helvetica,clean,sans-serif;
      line-height:0;
      /*font: x-small;*/
  /*background: #fff;*/
  /*color: #ffffff;*/
  font-family: "游明朝",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝E","MS P明朝","MS 明朝",serif;
  -webkit-text-size-adjust: 100%;

}

/*ヘッダの色変え*/
.l-header-row {
    background-color: #ffffff;

}


/* ヘッダのアニメーション
上からフェードイン*/
.l-content {
  /*font-size: 20px;*/
  /*font-weight: bold;*/

  opacity: 0;
  animation-name: fadein;
  animation-delay: 2s;
  animation-duration: 2s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;

}
@keyframes fadein {
  from {
    /*opacity: 0;*/
    transform: translateY(-50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


.draggable {
  animation-name: moveframe;
  animation-duration: 4s;
  animation-iteration-count: 1;
}
@keyframes moveframe {
  0% {
    transform: scale(110%,110%);
  }

  100% {
    transform: scale(100%,100%);
  }
}