/*
Theme Name: Lightning Child Sample
Theme URI:
Template: lightning
Description:
Author:
Tags:
Version: 0.6.1
*/

.navbar-brand img {
max-height: 200px;
}




//マウスオーバーで拡大
.expansion {
    overflow: hidden;
}
.expansion img {
    transition: all .6s ease-out 0.1s;
}
.expansion img:hover {
    transform: scale(1.1);
    transition: all .6s ease-out 0.1s;
}

//マウスオーバーで拡大ここまで


//マウスオーバーで３D回転
.img_wrap {
    overflow: hidden;
}
.img_wrap img{
  width: 100%;
  cursor: pointer;
  transition-duration: 1.0s;
}
.img_wrap:hover img{
  transform: rotateY( 360deg );
  transition-duration: 1.0s;
}
//マウスオーバーで３D回転ここまで

//ゆらゆら
.wobble-hor-bottom {
    overflow: visible;
}
.wobble-hor-bottom {
	-webkit-animation: wobble-hor-bottom 10s infinite alternate-reverse both;
	        animation: wobble-hor-bottom 10s infinite alternate-reverse both;
}
/* ----------------------------------------------
 * Generated by Animista on 2021-3-12 10:57:26
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation wobble-hor-bottom
 * ----------------------------------------
 */
@-webkit-keyframes wobble-hor-bottom {
  0%,
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-30px) rotate(-6deg);
            transform: translateX(-30px) rotate(-6deg);
  }
  30% {
    -webkit-transform: translateX(15px) rotate(6deg);
            transform: translateX(15px) rotate(6deg);
  }
  45% {
    -webkit-transform: translateX(-15px) rotate(-3.6deg);
            transform: translateX(-15px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateX(9px) rotate(2.4deg);
            transform: translateX(9px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateX(-6px) rotate(-1.2deg);
            transform: translateX(-6px) rotate(-1.2deg);
  }
}
@keyframes wobble-hor-bottom {
  0%,
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-30px) rotate(-6deg);
            transform: translateX(-30px) rotate(-6deg);
  }
  30% {
    -webkit-transform: translateX(15px) rotate(6deg);
            transform: translateX(15px) rotate(6deg);
  }
  45% {
    -webkit-transform: translateX(-15px) rotate(-3.6deg);
            transform: translateX(-15px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateX(9px) rotate(2.4deg);
            transform: translateX(9px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateX(-6px) rotate(-1.2deg);
            transform: translateX(-6px) rotate(-1.2deg);
  }
}
//ゆらゆらここまで


//ぽよぽよ

.jello-horizontal {
    overflow: visible;
}
.jello-horizontal {
	-webkit-animation: jello-horizontal 3s infinite both;
	        animation: jello-horizontal 3s infinite both;
}
/* ----------------------------------------------
 * Generated by Animista on 2021-3-17 13:49:21
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation jello-horizontal
 * ----------------------------------------
 */
@-webkit-keyframes jello-horizontal {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@keyframes jello-horizontal {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
//ぽよぽよここまで

/* 親要素でflex指定 */
.reversebox {
 display: flex;
}

/* 幅600px以下は縦向き表示にする設定 */
@media screen and (max-width: 800px) {
 .reversebox {
  flex-direction: column;
 }
}

/* 子要素に縦向きの際の並び順を指定 */
@media screen and (max-width: 800px) {
.order1 {
  order: 1;
}
.order2 {
  order: 2;
}
.order3 {
  order: 3;
}
}

/* 子要素に縦向きの際の並び順を指定 */
@media screen and (max-width: 600px) {
.order11 {
  order: 1;
}
.order12 {
  order: 2;
}
.order13 {
  order: 3;
}
}


//マウスオーバーで背景色を変更//
#table1 {
    overflow: visible;
}
#table1 tr:hover td {
  background-color: #ffdaf8;
}



//葉っぱがくるん//

.rotate-out-2-tr-ccw {
    overflow: visible;
}
.rotate-out-2-tr-ccw {
	-webkit-animation: rotate-out-2-tr-ccw 5s ease-in 1s infinite alternate ;
	        animation: rotate-out-2-tr-ccw 5s ease-in 1s infinite alternate ;
}
/* ----------------------------------------------
 * Generated by Animista on 2021-3-24 9:54:4
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation rotate-out-2-tr-ccw
 * ----------------------------------------
 */
@-webkit-keyframes rotate-out-2-tr-ccw {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 0;
  }
}
@keyframes rotate-out-2-tr-ccw {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 0;
  }
}

/*葉っぱくるん終わり*/