.animation_fadein1,
.animation_fadein2,
.animation_fadein3,
.animation_fadein4,
.animation_fadein5,
.animation_fadein6,
.animation_fadein7,
.animation_fadein8,
.animation_fadein2-2,
.animation_fadein3-2,
.animation_itemimg,
.animation_wrap,
.animation_right_fa,
.animation_text,
.animation_text_matri,
.animation_fadein3-1,
.animation_fadein3-2,
.animation_fadein3-3,
.animation_fadein3-4,
.animation_fadeup-sp,
.animation_fadeup2-no-sp,
.animation_imgver,
.animation_fadein3-3-4,
.animation_zoom,
.animation_left2,
.animation_right2{
	visibility:hidden;
}

.inview-blur{
    opacity: 0;
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.blur{
    -webkit-animation-name: imageBlur;
    animation-name: imageBlur;
    opacity: 1;
    transition: .8s;
}
@-webkit-keyframes imageBlur {
    from {
        opacity: 0;
        -webkit-filter: blur(15px);
        -moz-filter: blur(15px);
        -ms-filter: blur(15px);
        -o-filter: blur(15px);
        filter: blur(15px);
    }
    to {
        opacity: 1;
        -webkit-filter: blur(0px);
        -moz-filter: blur(0px);
        -ms-filter: blur(0px);
        -o-filter: blur(0px);
        filter: blur(0px);
    }
}
@keyframes imageBlur 
    from {
        opacity: 0;
        -webkit-filter: blur(15px);
        -moz-filter: blur(15px);
        -ms-filter: blur(15px);
        -o-filter: blur(15px);
        filter: blur(15px);
    }
    to {
        opacity: 1;
        -webkit-filter: blur(0px);
        -moz-filter: blur(0px);
        -ms-filter: blur(0px);
        -o-filter: blur(0px);
        filter: blur(0px);
    }







.img-wrap-v{
  overflow: hidden;
  position: relative;
  visibility: visible !important;
}

.img-wrap-v:before,
.img-wrap-v:after {
  animation: 1.5s cubic-bezier(.4, 0, .2, 1) forwards;
  background: #fff;
  bottom: 0;
  content: '';
  pointer-events: none;
  position: absolute;
  top: 0;
  z-index: 1;
}

.img-wrap-v:before {
  animation-name: img-wrap-before;
  left: 0;
  right: 50%;
}

.img-wrap-v:after {
  animation-name: img-wrap-after;
  left: 50%;
  right: 0;
}

@keyframes img-wrap-before {
  100% {
    transform: translateY(100%);
  }
}

@keyframes img-wrap-after {
  100% {
    transform: translateY(-100%);
  }
}


.popout{
visibility: visible !important;
  overflow: hidden;              /* はみ出た分を非表示 */
}

.popout span {
  position: relative; /* bottomを指定するために必要 */
  animation: popanime 0.5s ease-out forwards; /* 最後ゆっくりになるアニメを1秒かけて1回だけやったあと固定 */
}

@keyframes popanime {
  from {
    bottom: -20px; /* 親要素外に配置させて見えなくしておく */
  }
  to {
    bottom: 0px;　 /* 下から0pxに指定 */
  }
}

.mask-bg{
color: transparent!important;
  overflow: hidden;
  position: relative;
  transition: color 0ms 450ms;
}
.mask-bg::after {
  /*background: linear-gradient(to right, #362ae0 0%,#3b79cc 50%,#42d3ed 100%);*/
  background: #c89f62;
  bottom: 0;
  content: '';
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(0, 100%);
  width: 100%;
}

@media (min-width: 992px){
.mask-bg::after {
  width: 92%;
}
}
 
.mask-bg.is-animated{
  color: #c89f62!important;
}
.mask-bg.is-animated::after {
  animation: mask-bg 1.2s cubic-bezier(0.8, 0, 0.170, 1);
}
 
@keyframes mask-bg {
  0% {
    transform: translate(0, 101%)
  }
  40%, 60% {
    transform: translate(0, 0%)
  }
  100% {
    transform: translate(0, -100%)
  }
}

.o-text-mv{
    display: flex;
    overflow: hidden;
    justify-content: flex-start;
	visibility: visible !important;
}
.o-text-mv span.otan {
    display: inline-block;
    transform: translateY(105%);
}
.o-text-mv span.otan:nth-child(1) {
    animation: fadeInText 1s ease 0.1s forwards;
}
.o-text-mv span.otan:nth-child(2) {
    animation: fadeInText 1s ease 0.2s forwards;
}
.o-text-mv span.otan:nth-child(3) {
    animation: fadeInText 1s ease 0.3s forwards;
}
.o-text-mv span.otan:nth-child(4) {
    animation: fadeInText 1s ease 0.4s forwards;
}
.o-text-mv span.otan:nth-child(5) {
    animation: fadeInText 1s ease 0.5s forwards;
}
.o-text-mv span.otan:nth-child(6) {
    animation: fadeInText 1s ease 0.6s forwards;
}
.o-text-mv span.otan:nth-child(7) {
    animation: fadeInText 1s ease 0.7s forwards;
}
.o-text-mv span.otan:nth-child(8) {
    animation: fadeInText 1s ease 0.8s forwards;
}
.o-text-mv span.otan:nth-child(9) {
    animation: fadeInText 1s ease 0.9s forwards;
}
.o-text-mv span.otan:nth-child(10) {
    animation: fadeInText 1s ease 1s forwards;
}
.o-text-mv span.otan:nth-child(11) {
    animation: fadeInText 1s ease 1.1s forwards;
}
.o-text-mv span.otan:nth-child(12) {
    animation: fadeInText 1s ease 1.2s forwards;
}
.o-text-mv span.otan:nth-child(13) {
    animation: fadeInText 1s ease 1.3s forwards;
}
.o-text-mv span.otan:nth-child(14) {
    animation: fadeInText 1s ease 1.4s forwards;
}
.o-text-mv span.otan:nth-child(15) {
    animation: fadeInText 1s ease 1.5s forwards;
}
.o-text-mv span.otan:nth-child(16) {
    animation: fadeInText 1s ease 1.6s forwards;
}
@keyframes fadeInText {
    100% {
        transform: translateY(0);
    }
}

.img-wrap{
  animation: img-wrap 2s cubic-bezier(.4, 0, .2, 1);
   visibility: visible !important;
}

@keyframes img-wrap {
  0% {
    clip-path: circle(0 at 50% 50%);
    -webkit-clip-path: circle(0 at 50% 50%);
  }

  100% {
    clip-path: circle(100% at 50% 50%);
    -webkit-clip-path: circle(100% at 50% 50%);
  }
}



.fac-img-leftUp{
-webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fac-img-leftUp;
   visibility: visible !important;
}
@keyframes fac-img-leftUp{
  0% {
    transform: translate3d(0, 0, 0);
  }

  100% {
    transform: translate3d(5%, -5%, 0);
	}
}


.fadeIn-1 {
-webkit-animation-duration: 2.5s;
  animation-duration: 2.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeIn-l;
  visibility: visible !important;
}
@keyframes fadeIn-l {
  0% {
	opacity: 0;
  }

  100% {
	opacity: 1;
  }
}

.fadeIn-2 {
-webkit-animation-duration: 3s;
  animation-duration: 3s;
  animation-delay: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeIn-2;
  visibility: visible !important;
}
@keyframes fadeIn-2 {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn-3 {
-webkit-animation-duration: 4s;
  animation-duration: 4s;
  animation-delay: .8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeIn-3;
  visibility: visible !important;
}
@keyframes fadeIn-3 {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn-4 {
-webkit-animation-duration: 1.8s;
  animation-duration: 1.8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeIn-4;
  visibility: visible !important;
}
@keyframes fadeIn-4 {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn-5 {
-webkit-animation-duration: 1s;
  animation-duration: 1s;
  animation-delay: 1.4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeIn-5;
  visibility: visible !important;
}
@keyframes fadeIn-5 {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn-6 {
-webkit-animation-duration: 1s;
  animation-duration: 1s;
   animation-delay: .8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeIn-6;
  visibility: visible !important;
}
@keyframes fadeIn-6 {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn-7 {
-webkit-animation-duration: 1s;
  animation-duration: 1s;
   animation-delay: 1.1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeIn-7;
  visibility: visible !important;
}
@keyframes fadeIn-7 {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn-8 {
-webkit-animation-duration: 1s;
  animation-duration: 1s;
   animation-delay: 1.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeIn-8;
  visibility: visible !important;
}
@keyframes fadeIn-8 {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}


/*.fadeIn-6 {
-webkit-animation-duration: 1s;
  animation-duration: 1s;
   animation-delay: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeIn-6;
  visibility: visible !important;
}
@keyframes fadeIn-6 {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn-7 {
-webkit-animation-duration: 1s;
  animation-duration: 1s;
   animation-delay: 2.1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeIn-7;
  visibility: visible !important;
}
@keyframes fadeIn-7 {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn-8 {
-webkit-animation-duration: 1s;
  animation-duration: 1s;
   animation-delay: 2.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeIn-8;
  visibility: visible !important;
}
@keyframes fadeIn-8 {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}*/

.fadeIn-1-2{
-webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeIn-1-2;
  visibility: visible !important;
}
@keyframes fadeIn-1-2{
  0% {
	opacity: 0;
  }

  100% {
	opacity: 1;
  }
}

.fadeIn-2-2{
-webkit-animation-duration: 1s;
  animation-duration: 1s;
  animation-delay: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeIn-2-2;
  visibility: visible !important;
}
@keyframes fadeIn-2-2{
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn-3-2{
-webkit-animation-duration: 1s;
  animation-duration: 1s;
  animation-delay: .7s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeIn-3-2;
  visibility: visible !important;
}
@keyframes fadeIn-3-2{
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}


.fadeIn-3-3{
-webkit-animation-duration: 1s;
  animation-duration: 1s;
  animation-delay: .9s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeIn-3-3;
  visibility: visible !important;
}
@keyframes fadeIn-3-3{
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}


.animation_fadeup,
.animation_fadeup2,
.animation_fadeup-t{
visibility:hidden;
}

.fadeInUp{
-webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInUp;
   visibility: visible !important;
}
@keyframes fadeInUp{
  0% {
    opacity: 0;
    transform: translate3d(0, 50%, 0);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp-2 {
-webkit-animation-duration: 1s;
  animation-duration: 1s;
   animation-delay: .25s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInUp-2;
   visibility: visible !important;
}
@keyframes fadeInUp-2 {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
	}
}

.fadeup-T {
-webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeup-T;
   visibility: visible !important;
}
@keyframes fadeup-T {
  0% {
    transform: translate3d(0, 150%, 0);
  }

  100% {
    transform: translate3d(0, 0, 0);
	}
}


.animation_poyoyon{
visibility:hidden;
}

.poyoyon{
 -webkit-animation-duration: 1s;
 animation-duration: 1s;
 animation-delay: .8s;
 -webkit-animation-fill-mode: forwards;
 animation-fill-mode: forwards;
 animation-name: poyoyon;
  visibility: visible !important;
  /*animation: poyoyon 1s ease-in-out 1 forwards;*/
}
@keyframes poyoyon {
  0%  {
	opacity: 0;
    transform: scale(1.0, 1.0) translate(0, 0);
  }
  15% {
    transform: scale(0.98, 0.9) translate(0, 5px);
  }
  30% {
    transform: scale(1.02, 1.0) translate(0, 8px);
  }
  50% {transform: scale(0.98, 1.05) translate(0, -8px);
  }
  70% {
    transform: scale(1.0, 0.9) translate(0, 5px);
  }
  100% {
    transform: scale(1.0, 1.0) translate(0, 0);
  }
  0%, 100% {
    opacity: 1;
  }
}


.animation_ss,
.animation_se,
.animation_sa{
visibility:hidden;
}

.sea-S{
-webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: sea-S;
   visibility: visible !important;
}
@keyframes sea-S{
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.sea-E {
-webkit-animation-duration: 1s;
  animation-duration: 1s;
   animation-delay: 0.12s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: sea-E;
   visibility: visible !important;
}
@keyframes sea-E{
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
	}
}

.sea-A {
-webkit-animation-duration: 1s;
  animation-duration: 1s;
   animation-delay: 0.24s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: sea-A;
   visibility: visible !important;
}
@keyframes sea-A{
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
	}
}


.zoomIn {
-webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: zoomIn;
  visibility: visible !important;
}
@keyframes zoomIn {
  0% {
    opacity: 1;
    /*transform: scale3d(2.2, 2.2, 2.2);*/
	transform: scale(2);
  }

  100% {
    opacity: 1;
	/*transform: scale3d(1.1, 1.1, 1.1);*/
	transform: scale(1);
  }
}








.animation_left,
.animation_right,
.animation_left2,
.animation_right2{
visibility:hidden;
}

.fadeLeft{
-webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeLeft;
  visibility: visible !important;
}
@keyframes fadeLeft {
  0% {
    opacity: 0;
    transform: translate3d(-10%, 0, 0);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeLeft2{
-webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  animation-delay: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeLeft2;
  visibility: visible !important;
}
@keyframes fadeLeft2 {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeRight{
-webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeRight;
  visibility: visible !important;
}
@keyframes fadeRight {
  0% {
    opacity: 0;
    transform: translate3d(10%, 0, 0);
  }

  100%{
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeRight2{
-webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  animation-delay: 2.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeRight2;
  visibility: visible !important;
}
@keyframes fadeRight2 {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }

  100%{
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}


.animation_fadedown{
visibility:hidden;
}

.fadeInDown{
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:3s;
 -ms-animation-duration:3s;
 animation-duration:3s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-40px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px); transform: translateY(-40px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}




@media print{
.animation_fadeup,
.animation_fadeup2,
.animation_fadeup3,
.animation_left,
.animation_right,
.animation_ss,
.animation_se,
.animation_sa,
.animation_poyoyon,
.animation_fadeup-t,
.animation_fadeup2-sp,
.animation_fadein1-sp,
.animation_fadein2-sp,
.animation_fadein3-sp,
.animation_fadein4-sp,
.animation_fadein5-sp,
.animation_itemimg{
visibility:visible;
}

.animation_fadein1,
.animation_fadein2,
.animation_fadein3,
.animation_fadein4,
.animation_fadein5,
.animation_fadein6,
.animation_fadein7,
.animation_fadein8,
.animation_fadedown{
visibility:visible;
}

.animation_vert{
	visibility:visible;
	height: 155px;
}
}