html {
    transition: opacity 2s cubic-bezier(0, 0.71, 0.41, 1);
}
html *{
    transition:none;
}
/*--------------------------------------------

readmore btn

--------------------------------------------*/
.anim--block {
    position: relative;
    display: block;
    overflow: hidden;
}
a,
a img,
.anim,
.bnr_official,
.banners a,
.anim img,
.anim--btn,
.class_item .anim--img_larger,
.anim--img_larger,
.slide-item,
.slide-item a,
.slide-item img,
.btn_flag,
.btn_flag .inner,
.btn_flag .inner:before,
.btn_flag .inner:after,
.news-item .body-post p:after,
.slideshow-indicator a:after{
    transition: all .5s cubic-bezier(.08,.68,0,1.01);
}
.anim{
  overflow: hidden;
  display: block;
}
.anim.hover img,
a.hover img{
  transform:scale(1.1);
}
.btn_more,
.btn_more:before,
.btn_more:after,
.btn_circle:after,
.anim--img_larger:after,
.anim--img_larger .btn_circle,
.anim--img_larger.hover .btn_circle:before,
.anim--img_larger.hover .btn_circle:after{
    transition: all 0.9s cubic-bezier(0, 0.71, 0.41, 1);
}
.btn_main,
.btn_txt {
    transition: all 0.5s cubic-bezier(0, 0.71, 0.41, 1);
}
/*--------------------------------------------

nav

--------------------------------------------*/
.nav-toggle span,
.nav-toggle span:before,
.nav-toggle span:after{
    transition: all 0.3s ease-in-out;
}
/*--------------------------------------------

Overlay

--------------------------------------------*/
.overlay ul li a{
    transition: all 0.3s ease-in-out;
}
.overlay-navigation{
    transition: opacity 0.5s, visibility 0s 0.5s;
}
.overlay-navigation.open {
    transition: opacity 0.5s;
}
.overlay-navigation nav ul li {
    transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: transform 0.5s, opacity 0.5s;
    transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s;
}
.overlay-navigation.open nav ul:first-child li:first-child {
    transition-delay: 0.05s;
}
.overlay-navigation.open nav ul:first-child li:nth-child(2) {
    transition-delay: 0.1s;
}
.overlay-navigation.open nav ul:nth-child(2) li:first-child {
    transition-delay: 0.15s;
}
.overlay-navigation.open nav ul:nth-child(2) li:nth-child(2) {
    transition-delay: 0.2s;
}
/*--------------------------------------------

gnav animation

--------------------------------------------*/
.gnav_wrap.is--front{
    transition: all 3s cubic-bezier(.08,.68,0,1.01);
}
.gnav_wrap.is--front .gnav li{
    transition: all 1.2s cubic-bezier(.17,.67,0,1.02);
}
.gnav li:after{
    transition: all 0.3s cubic-bezier(.08,.68,0,1.01);
}
.gnav_wrap.is--front .gnav li:nth-child(8){
    transition-delay:0.2s;
}
.gnav_wrap.is--front .gnav li:nth-child(7){
    transition-delay:0.4s;
}
.gnav_wrap.is--front .gnav li:nth-child(6){
    transition-delay:0.6s;
}
.gnav_wrap.is--front .gnav li:nth-child(5){
    transition-delay:0.8s;
}
.gnav_wrap.is--front .gnav li:nth-child(4){
    transition-delay:1.0s;
}
.gnav_wrap.is--front .gnav li:nth-child(3){
    transition-delay:1.2s;
}
.gnav_wrap.is--front .gnav li:nth-child(2){
    transition-delay:1.4s;
}
.gnav_wrap.is--front .gnav li:first-child{
    transition-delay:1.6s;
}

/*--------------------------------------------

sns tree animation

--------------------------------------------*/
.ico_fb,
.ico_twi,
.anim--swing{
    -moz-animation: swing cubic-bezier(.55, .26, .57, .98) 5s infinite;
    -moz-transform-origin: center -20px 0;
    -webkit-animation: swing cubic-bezier(.55, .26, .57, .98) 5s infinite;
    -webkit-transform-origin: center -20px 0;
    -ms-animation: swing cubic-bezier(.55, .26, .57, .98) 5s infinite;
    -ms-transform-origin: center -20px 0;
    -o-animation: swing cubic-bezier(.55, .26, .57, .98) 5s infinite;
    -o-transform-origin: center -20px 0;
    animation: swing cubic-bezier(.55, .26, .57, .98) 5s infinite;
    transform-origin: center -20px 0;
    display: block;
    float: left;
}
#box6{
  transition:all 2s cubic-bezier(.55, .26, .57, .98);
}
.ico_twi {
    -webkit-animation-delay: 1s;
            animation-delay: 1s;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
      transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}