@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){
  /*必要ならばここにコードを書く*/
}
function add_floating_cta_button() {
    ?>
    <img src="http://www.rentracks.jp/adx/p.gifx?idx=0.38054.288920.9907.14104&dna=162536" width="1" height="1" border="0" />
    <a class="floating-cta-btn"
       href="http://www.rentracks.jp/adx/r.html?idx=0.38054.288920.9907.14104&dna=162536"
       target="_blank"
       rel="nofollow noopener">
        【無料】NewAceで高単価案件を探してみる
    </a>
    <script>
    (function() {
        const btn = document.querySelector('.floating-cta-btn');
        if (!btn) return;
        let current = 40, target = 40;
        function update() {
            target = Math.max(24, 40 - Math.min(window.scrollY * 0.04, 16));
            current += (target - current) * 0.1;
            btn.style.bottom = current.toFixed(1) + 'px';
            requestAnimationFrame(update);
        }
        update();
    })();
    </script>
    <?php
}
add_action('wp_footer', 'add_floating_cta_button');