@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.8
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

/*1030px以下*/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
}

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}




/* 
 * 拡大縮小するボタン＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
 */

/* 拡大・縮小 */
.is-zoom {
  -webkit-animation: is-zoom 1.5s infinite;
  -moz-animation: is-zoom 1.5s infinite;
  animation: is-zoom 1.5s infinite;
}
@-webkit-keyframes is-zoom {
   0% { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
  25% { -webkit-transform: scale(1.1, 1.1) translate(0%, 0%); }
  50% { -webkit-transform: scale(1.0, 1.0)  translate(0%, 0%); }
  75% { -webkit-transform: scale(1.1, 1.1)  translate(0%, 0%); }
}
@keyframes is-zoom {
   0% { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
   25% { -webkit-transform: scale(1.1, 1.1) translate(0%, 0%); }
   50% { -webkit-transform: scale(1.0, 1.0)  translate(0%, 0%); }
  75% { -webkit-transform: scale(1.1, 1.1)  translate(0%, 0%); }
}
 /* アニメーションを遅延させる */
.is-zoom + .is-zoom {
  -webkit-animation-delay: .1s;
  animation-delay: .1s;
}