@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
*/

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

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

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

/*480px以下*/
@media screen and (max-width: 480px) {
  /*必要ならばここにコードを書く*/
}
/* --------------------------------------------------- */
/*    スマホ表示の時は左右の余白が狭くなるように変更   */
/* --------------------------------------------------- */
/* /480px以下/ */
@media screen and (max-width: 480px) {
  .article {
    wedth: 95%;
    margin: auto;
  }
}
@media screen and (max-width: 480px) {
  .post p:not(.max-img) {
    margin-left: 15px;
    margin-right: 15px;
  }
}

/************************************
****　モバイル表示　ヘッダーメニュー・検索アイコン
************************************/
.mobile-menu-buttons {
  height: 50px;
  box-shadow: none;
}
.mobile-menu-buttons > li {
  padding-top: 0;
}
.menu-button {
  margin-left: 15px;
  margin-top: 3px;
  margin-bottom: 3px;
}
.mobile-menu-buttons .menu-button:hover {
  background-color: white;
}
span.fas.fa-search::before {
  color: #12308e; /*検索マーク色変更はこちら*/
  margin-left: 1em;
}
span.fas.fa-bars::before {
  color: #12308e; /*ハンバーガーメニュー色変更はこちら*/
  margin-right: 1em;
}
.navi-menu-caption.menu-caption,
.home-menu-caption.menu-caption,
.search-menu-caption.menu-caption,
.top-menu-caption.menu-caption,
.sidebar-menu-caption.menu-caption {
  display: none;
}

.button-center-wide {
  width: 80% !important;
  background: #2c48b0 !important;
  color: white !important;
  border: 0px !important;
  border-radius: 5px !important;
}

.btn_send {
  text-align: center;
}

/* LP用動くボタン */
.btn-move {
  width: 80%;
  animation: puyoBtn 1.6s ease-in infinite;
}
@keyframes puyoBtn {
  0% {
    transform: scale(1.09);
  }
  10% {
    transform: scale(1.09);
  }
  30% {
    transform: scale(1.01);
  }
  40% {
    transform: scale(1.01);
  }
  50% {
    transform: scale(1, 1.04);
  }
  60% {
    transform: scale(1.09);
  }
  70% {
    transform: scale(1.02);
  }
  100% {
    transform: scale(1.09);
  }
}

/* form btnの右のローダーを消す */
.btn_send .wpcf7-spinner {
  display: block;
}

.mobile-header-menu-buttons .sns-menu-button {
	position: absolute;
  	right: 70px;
   top: 0;
   bottom: 0;
   margin: auto;
   width: auto;
   height: auto;
   padding: 0;
   display: flex;
   align-items: center;
}

.sns-menu-button a {
    margin-top: 10px; /* アイコン間の間隔調整 */
    display: inline-block;
}

.sns-menu-button img {
    width: 33px; /* アイコンのサイズ調整 */
    height: auto;
}