@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){
  /*必要ならばここにコードを書く*/
}
<style>
.cta-orange {
  display:inline-block; padding:14px 18px; border-radius:14px;
  background:#e66a00; color:#fff !important; text-decoration:none; font-weight:800;
  box-shadow:0 10px 24px rgba(0,0,0,.35);
  transform: translateY(0);
  transition: transform .2s ease, filter .2s ease;
  will-change: transform;
}
.cta-orange:hover { filter: brightness(1.05); transform: translateY(-2px); }
.cta-bounce { animation: ctaBounce 1.6s ease infinite; }
@keyframes ctaBounce {
  0%,20%,50%,80%,100%{ transform: translateY(0); }
  40%{ transform: translateY(-6px); }
  60%{ transform: translateY(-3px); }
}
.note-buy { font-weight:700; margin:16px 0 8px; }
.section { margin: 18px 0; }
h2 { font-size:1.2em; margin: 1.2em 0 .6em; }
</style>