.is-hidden {
  -webkit-transition: all 1s ease-in-out 0s;
  transition: all 1s ease-in-out 0s;
  opacity: 0;
}

a img {
  opacity: 1;
  -webkit-transition: opacity ease-in-out 0.3s;
  transition: opacity ease-in-out 0.3s;
}

a img:hover {
  opacity: 0.6;
}

a.no-ef:hover img {
  opacity: 1;
}

.color-ef a {
  opacity: 1;
  -webkit-transition: color ease-in-out 0.3s;
  transition: color ease-in-out 0.3s;
}

.bg-ef a,
.bg-ef li {
  opacity: 1;
  -webkit-transition: background ease-in-out 0.3s;
  transition: background ease-in-out 0.3s;
}

.box-ef a {
  opacity: 1;
  -webkit-transition: opacity ease-in-out 0.3s;
  transition: opacity ease-in-out 0.3s;
}

.box-ef a:hover {
  opacity: 0.6;
}

.box-ef a:hover img {
  opacity: 1;
}

.border-ef a {
  opacity: 1;
  -webkit-transition: border ease-in-out 0.3s;
  transition: border ease-in-out 0.3s;
}

.border-ef a:hover img {
  opacity: 1;
}

.all-ef {
  opacity: 1;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}

.fade-out {
  opacity: 0;
  -webkit-transition: opacity .6s ease-in-out;
  transition: opacity .6s ease-in-out;
}

.fade-in {
  opacity: 1.0;
}

.slide-up-out {
  opacity: 0;
  -webkit-transform: translate(0, 60px);
          transform: translate(0, 60px);
  -webkit-transition: opacity .6s ease-in-out, -webkit-transform .6s ease-in-out;
  transition: opacity .6s ease-in-out, -webkit-transform .6s ease-in-out;
  transition: opacity .6s ease-in-out, transform .6s ease-in-out;
  transition: opacity .6s ease-in-out, transform .6s ease-in-out, -webkit-transform .6s ease-in-out;
}

.slide-up-in {
  opacity: 1.0;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.slide-left-out {
  opacity: 0;
  -webkit-transform: translate(-60px, 0);
          transform: translate(-60px, 0);
  -webkit-transition: opacity .6s ease-in-out, -webkit-transform .6s ease-in-out;
  transition: opacity .6s ease-in-out, -webkit-transform .6s ease-in-out;
  transition: opacity .6s ease-in-out, transform .6s ease-in-out;
  transition: opacity .6s ease-in-out, transform .6s ease-in-out, -webkit-transform .6s ease-in-out;
}

.slide-left-in {
  opacity: 1.0;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.slide-right-out {
  opacity: 0;
  -webkit-transform: translate(60px, 0);
          transform: translate(60px, 0);
  -webkit-transition: opacity .6s ease-in-out, -webkit-transform .6s ease-in-out;
  transition: opacity .6s ease-in-out, -webkit-transform .6s ease-in-out;
  transition: opacity .6s ease-in-out, transform .6s ease-in-out;
  transition: opacity .6s ease-in-out, transform .6s ease-in-out, -webkit-transform .6s ease-in-out;
}

.slide-right-in {
  opacity: 1.0;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.page-title-out {
  opacity: 0;
  -webkit-transform: translate(0, 60px);
          transform: translate(0, 60px);
  -webkit-transition: opacity .6s ease-in-out .6s, -webkit-transform .6s ease-in-out .6s;
  transition: opacity .6s ease-in-out .6s, -webkit-transform .6s ease-in-out .6s;
  transition: opacity .6s ease-in-out .6s, transform .6s ease-in-out .6s;
  transition: opacity .6s ease-in-out .6s, transform .6s ease-in-out .6s, -webkit-transform .6s ease-in-out .6s;
}

.page-title-in {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.article-list-out {
  opacity: 0;
}

.article-list-out article {
  opacity: 0;
  -webkit-transform: translate(0, 60px);
          transform: translate(0, 60px);
  -webkit-transition: opacity .6s ease-in-out, -webkit-transform .6s ease-in-out;
  transition: opacity .6s ease-in-out, -webkit-transform .6s ease-in-out;
  transition: opacity .6s ease-in-out, transform .6s ease-in-out;
  transition: opacity .6s ease-in-out, transform .6s ease-in-out, -webkit-transform .6s ease-in-out;
}

.article-list-in {
  opacity: 1;
}

.article-list-in article {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.more-btn-block-out {
  opacity: 0;
}

.more-btn-block-out:before {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transition: -webkit-transform .6s ease-in-out 0s;
  transition: -webkit-transform .6s ease-in-out 0s;
  transition: transform .6s ease-in-out 0s;
  transition: transform .6s ease-in-out 0s, -webkit-transform .6s ease-in-out 0s;
}

.more-btn-block-out .more-btn {
  opacity: 0;
  -webkit-transition: opacity .6s ease-in-out .6s;
  transition: opacity .6s ease-in-out .6s;
}

.more-btn-block-in {
  opacity: 1;
}

.more-btn-block-in:before {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}

.more-btn-block-in .more-btn {
  opacity: 1;
}

.insta-img-list-block-out {
  opacity: 0;
}

.insta-img-list-block-out .insta-img-block {
  opacity: 0;
  -webkit-transition: opacity .6s ease-in-out, -webkit-transform .6s ease-in-out;
  transition: opacity .6s ease-in-out, -webkit-transform .6s ease-in-out;
  transition: opacity .6s ease-in-out, transform .6s ease-in-out;
  transition: opacity .6s ease-in-out, transform .6s ease-in-out, -webkit-transform .6s ease-in-out;
  -webkit-transform: translateY(60px);
          transform: translateY(60px);
}

.insta-img-list-block-in {
  opacity: 1;
}

.insta-img-list-block-in .insta-img-block {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.index-odd-block-out {
  opacity: 0;
}

.index-odd-block-out:before {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0;
  -webkit-transition: -webkit-transform .6s ease-in-out 0s;
  transition: -webkit-transform .6s ease-in-out 0s;
  transition: transform .6s ease-in-out 0s;
  transition: transform .6s ease-in-out 0s, -webkit-transform .6s ease-in-out 0s;
}

.index-odd-block-out .img-block {
  opacity: 0;
  -webkit-transform: translateY(60px);
          transform: translateY(60px);
  -webkit-transition: opacity .6s ease-in-out .6s, -webkit-transform .6s ease-in-out .6s;
  transition: opacity .6s ease-in-out .6s, -webkit-transform .6s ease-in-out .6s;
  transition: opacity .6s ease-in-out .6s, transform .6s ease-in-out .6s;
  transition: opacity .6s ease-in-out .6s, transform .6s ease-in-out .6s, -webkit-transform .6s ease-in-out .6s;
}

.index-odd-block-out .text-block {
  opacity: 0;
  -webkit-transform: translateY(60px);
          transform: translateY(60px);
  -webkit-transition: opacity .6s ease-in-out 1.2s, -webkit-transform .6s ease-in-out 1.2s;
  transition: opacity .6s ease-in-out 1.2s, -webkit-transform .6s ease-in-out 1.2s;
  transition: opacity .6s ease-in-out 1.2s, transform .6s ease-in-out 1.2s;
  transition: opacity .6s ease-in-out 1.2s, transform .6s ease-in-out 1.2s, -webkit-transform .6s ease-in-out 1.2s;
}

.index-odd-block-in {
  opacity: 1;
}

.index-odd-block-in:before {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}

.index-odd-block-in .img-block {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.index-odd-block-in .text-block {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.index-even-block-out {
  opacity: 0;
}

.index-even-block-out:before {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transition: -webkit-transform .6s ease-in-out 0s;
  transition: -webkit-transform .6s ease-in-out 0s;
  transition: transform .6s ease-in-out 0s;
  transition: transform .6s ease-in-out 0s, -webkit-transform .6s ease-in-out 0s;
}

.index-even-block-out .img-block {
  opacity: 0;
  -webkit-transform: translateY(60px);
          transform: translateY(60px);
  -webkit-transition: opacity .6s ease-in-out .6s, -webkit-transform .6s ease-in-out .6s;
  transition: opacity .6s ease-in-out .6s, -webkit-transform .6s ease-in-out .6s;
  transition: opacity .6s ease-in-out .6s, transform .6s ease-in-out .6s;
  transition: opacity .6s ease-in-out .6s, transform .6s ease-in-out .6s, -webkit-transform .6s ease-in-out .6s;
}

.index-even-block-out .text-block {
  opacity: 0;
  -webkit-transform: translateY(60px);
          transform: translateY(60px);
  -webkit-transition: opacity .6s ease-in-out 1.2s, -webkit-transform .6s ease-in-out 1.2s;
  transition: opacity .6s ease-in-out 1.2s, -webkit-transform .6s ease-in-out 1.2s;
  transition: opacity .6s ease-in-out 1.2s, transform .6s ease-in-out 1.2s;
  transition: opacity .6s ease-in-out 1.2s, transform .6s ease-in-out 1.2s, -webkit-transform .6s ease-in-out 1.2s;
}

.index-even-block-in {
  opacity: 1;
}

.index-even-block-in:before {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}

.index-even-block-in .img-block {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.index-even-block-in .text-block {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.anime-delay-1 {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.anime-delay-2 {
  -webkit-transition-delay: .2s;
          transition-delay: .2s;
}

.anime-delay-3 {
  -webkit-transition-delay: .4s;
          transition-delay: .4s;
}

.anime-delay-4 {
  -webkit-transition-delay: .6s;
          transition-delay: .6s;
}

.anime-delay-5 {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}

.anime-delay-6 {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}

.anime-delay-7 {
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}

.anime-delay-8 {
  -webkit-transition-delay: 1.4s;
          transition-delay: 1.4s;
}

/*mag-ef*/
.mfp-zoom-in {
  /* start state */
  /* animate in */
  /* animate out */
}

.mfp-zoom-in .mfp-with-anim {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}

.mfp-zoom-in.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mfp-zoom-in.mfp-ready .mfp-with-anim {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 1;
}

.mfp-zoom-in.mfp-removing .mfp-with-anim {
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  opacity: 0;
}

.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}

.mfp-newspaper {
  /* start state */
  /* animate in */
  /* animate out */
}

.mfp-newspaper .mfp-with-anim {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: scale(0) rotate(500deg);
          transform: scale(0) rotate(500deg);
}

.mfp-newspaper.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.mfp-newspaper.mfp-ready .mfp-with-anim {
  opacity: 1;
  -webkit-transform: scale(1) rotate(0deg);
          transform: scale(1) rotate(0deg);
}

.mfp-newspaper.mfp-ready.mfp-bg {
  opacity: 1;
}

.mfp-newspaper.mfp-removing .mfp-with-anim {
  -webkit-transform: scale(0) rotate(500deg);
          transform: scale(0) rotate(500deg);
  opacity: 0;
}

.mfp-newspaper.mfp-removing.mfp-bg {
  opacity: 0;
}

.mfp-move-horizontal {
  /* start state */
  /* animate in */
  /* animate out */
}

.mfp-move-horizontal .mfp-with-anim {
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: translateX(-50px);
          transform: translateX(-50px);
}

.mfp-move-horizontal.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.mfp-move-horizontal.mfp-ready .mfp-with-anim {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.mfp-move-horizontal.mfp-ready.mfp-bg {
  opacity: 0.8;
}

.mfp-move-horizontal.mfp-removing .mfp-with-anim {
  -webkit-transform: translateX(50px);
          transform: translateX(50px);
  opacity: 0;
}

.mfp-move-horizontal.mfp-removing.mfp-bg {
  opacity: 0;
}

.mfp-move-from-top {
  /* start state */
  /* animate in */
  /* animate out */
}

.mfp-move-from-top .mfp-content {
  vertical-align: top;
}

.mfp-move-from-top .mfp-with-anim {
  opacity: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transform: translateY(-100px);
          transform: translateY(-100px);
}

.mfp-move-from-top.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.mfp-move-from-top.mfp-ready .mfp-with-anim {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.mfp-move-from-top.mfp-ready.mfp-bg {
  opacity: 1;
}

.mfp-move-from-top.mfp-removing .mfp-with-anim {
  -webkit-transform: translateY(-50px);
          transform: translateY(-50px);
  opacity: 0;
}

.mfp-move-from-top.mfp-removing.mfp-bg {
  opacity: 0;
}

.mfp-3d-unfold {
  /* start state */
  /* animate in */
  /* animate out */
}

.mfp-3d-unfold .mfp-content {
  -webkit-perspective: 2000px;
          perspective: 2000px;
}

.mfp-3d-unfold .mfp-with-anim {
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transform: rotateY(-60deg);
          transform: rotateY(-60deg);
}

.mfp-3d-unfold.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.mfp-3d-unfold.mfp-ready .mfp-with-anim {
  opacity: 1;
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
}

.mfp-3d-unfold.mfp-ready.mfp-bg {
  opacity: 1;
}

.mfp-3d-unfold.mfp-removing .mfp-with-anim {
  -webkit-transform: rotateY(60deg);
          transform: rotateY(60deg);
  opacity: 0;
}

.mfp-3d-unfold.mfp-removing.mfp-bg {
  opacity: 0;
}

/* 

====== Zoom-out effect ======

*/
.mfp-zoom-out {
  /* start state */
  /* animate in */
  /* animate out */
}

.mfp-zoom-out .mfp-with-anim {
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: scale(1.3);
          transform: scale(1.3);
}

.mfp-zoom-out.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mfp-zoom-out.mfp-ready .mfp-with-anim {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.mfp-zoom-out.mfp-ready.mfp-bg {
  opacity: 1;
}

.mfp-zoom-out.mfp-removing .mfp-with-anim {
  -webkit-transform: scale(1.3);
          transform: scale(1.3);
  opacity: 0;
}

.mfp-zoom-out.mfp-removing.mfp-bg {
  opacity: 0;
}

/* 

====== "Hinge" close effect ======

*/
@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate(80deg);
            transform: rotate(80deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
            transform: rotate(60deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
            transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
            transform: translateY(700px);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate(80deg);
            transform: rotate(80deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
            transform: rotate(60deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
            transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
            transform: translateY(700px);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-name: hinge;
          animation-name: hinge;
}

.mfp-with-fade .mfp-content, .mfp-with-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: opacity .5s ease-out;
  transition: opacity .5s ease-out;
}

.mfp-with-fade.mfp-ready .mfp-content {
  opacity: 1;
}

.mfp-with-fade.mfp-ready.mfp-bg {
  opacity: 0.8;
}

.mfp-with-fade.mfp-removing.mfp-bg {
  opacity: 0;
}

@media screen and (max-width: 1280px) {
  .tb-anime-delay-1 {
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
  .tb-anime-delay-2 {
    -webkit-transition-delay: .2s;
            transition-delay: .2s;
  }
  .tb-anime-delay-3 {
    -webkit-transition-delay: .4s;
            transition-delay: .4s;
  }
  .tb-anime-delay-4 {
    -webkit-transition-delay: .6s;
            transition-delay: .6s;
  }
  .tb-anime-delay-5 {
    -webkit-transition-delay: 0.8s;
            transition-delay: 0.8s;
  }
  .tb-anime-delay-6 {
    -webkit-transition-delay: 1s;
            transition-delay: 1s;
  }
  .tb-anime-delay-7 {
    -webkit-transition-delay: 1.2s;
            transition-delay: 1.2s;
  }
  .tb-anime-delay-8 {
    -webkit-transition-delay: 1.4s;
            transition-delay: 1.4s;
  }
}

@media screen and (max-width: 1024px) {
  a img:hover {
    opacity: 1;
  }
  .box-ef a:hover {
    opacity: 1;
  }
  .sp-slide-up-out {
    opacity: 0;
    -webkit-transform: translate(0, 60px);
            transform: translate(0, 60px);
    -webkit-transition: opacity .6s ease-in-out, -webkit-transform .6s ease-in-out;
    transition: opacity .6s ease-in-out, -webkit-transform .6s ease-in-out;
    transition: opacity .6s ease-in-out, transform .6s ease-in-out;
    transition: opacity .6s ease-in-out, transform .6s ease-in-out, -webkit-transform .6s ease-in-out;
  }
  .sp-slide-up-in {
    opacity: 1.0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  .sp-anime-delay-1 {
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
  .sp-anime-delay-2 {
    -webkit-transition-delay: .2s;
            transition-delay: .2s;
  }
  .sp-anime-delay-3 {
    -webkit-transition-delay: .4s;
            transition-delay: .4s;
  }
  .sp-anime-delay-4 {
    -webkit-transition-delay: .6s;
            transition-delay: .6s;
  }
  .sp-anime-delay-5 {
    -webkit-transition-delay: 0.8s;
            transition-delay: 0.8s;
  }
  .sp-anime-delay-6 {
    -webkit-transition-delay: 1s;
            transition-delay: 1s;
  }
  .sp-anime-delay-7 {
    -webkit-transition-delay: 1.2s;
            transition-delay: 1.2s;
  }
  .sp-anime-delay-8 {
    -webkit-transition-delay: 1.4s;
            transition-delay: 1.4s;
  }
}

@media screen and (max-width: 480px) {
  .ssp-anime-delay-1 {
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
  .ssp-anime-delay-2 {
    -webkit-transition-delay: .2s;
            transition-delay: .2s;
  }
  .ssp-anime-delay-3 {
    -webkit-transition-delay: .4s;
            transition-delay: .4s;
  }
  .ssp-anime-delay-4 {
    -webkit-transition-delay: .6s;
            transition-delay: .6s;
  }
  .ssp-anime-delay-5 {
    -webkit-transition-delay: 0.8s;
            transition-delay: 0.8s;
  }
  .ssp-anime-delay-6 {
    -webkit-transition-delay: 1s;
            transition-delay: 1s;
  }
  .ssp-anime-delay-7 {
    -webkit-transition-delay: 1.2s;
            transition-delay: 1.2s;
  }
  .ssp-anime-delay-8 {
    -webkit-transition-delay: 1.4s;
            transition-delay: 1.4s;
  }
}