@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*フロントページロゴ回転*/
.gear-top-logo svg{
  width: 540px;
  max-width: 80vw;
  height: auto;
  display:block;
  margin:0 auto;
}

/* 回転アニメーション */
@keyframes spin-left {
  from { transform: rotate(0deg); }
  to   { transform: rotate(-360deg); }
}

@keyframes spin-right {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

/* 左歯車 */
.home #_左歯車 {
  transform-origin: 373.68px 298.69px;
  animation: spin-left 36s linear infinite;
}

/* 右歯車 */
.home #_右歯車 {
  transform-origin: 907.89px 423.59px;
  animation: spin-right 36s linear infinite;
}

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

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

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