@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){
  /*必要ならばここにコードを書く*/
}


/* シーネット CTAボタン 3パターン */
body a.cta-btn-main,.entry-content a.cta-btn-main{display:block!important;width:100%!important;max-width:520px!important;margin:24px auto!important;background-color:#e91e8c!important;color:#fff!important;font-size:18px!important;font-weight:700!important;text-align:center!important;text-decoration:none!important;padding:20px 32px!important;border-radius:50px!important;border:none!important;cursor:pointer!important;letter-spacing:.04em!important;line-height:1.5!important;box-sizing:border-box!important;transition:background-color 0.2s ease,transform 0.15s ease!important}
body a.cta-btn-main:hover,.entry-content a.cta-btn-main:hover{background-color:#c2185b!important;color:#fff!important;text-decoration:none!important;transform:translateY(-2px)!important}
.cta-badge-free{display:inline-block!important;background:#fff!important;color:#e91e8c!important;font-size:11px!important;font-weight:700!important;padding:3px 10px!important;border-radius:20px!important;margin-bottom:6px!important}
.cta-sub-text{display:block!important;font-size:12px!important;font-weight:400!important;margin-top:4px!important}
body a.cta-btn-outline,.entry-content a.cta-btn-outline{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;max-width:420px!important;margin:20px auto!important;background-color:#fff!important;color:#e91e8c!important;font-size:16px!important;font-weight:700!important;text-decoration:none!important;padding:16px 36px!important;border-radius:50px!important;border:2px solid #e91e8c!important;cursor:pointer!important;box-sizing:border-box!important;transition:background-color 0.2s ease,color 0.2s ease,transform 0.15s ease!important}
body a.cta-btn-outline:hover,.entry-content a.cta-btn-outline:hover{background-color:#e91e8c!important;color:#fff!important;text-decoration:none!important;transform:translateY(-2px)!important}
body a.cta-banner-wrap,.entry-content a.cta-banner-wrap{display:block!important;width:100%!important;max-width:560px!important;margin:28px auto!important;background-color:#fff!important;border:2px solid #f4a7c4!important;border-radius:16px!important;text-decoration:none!important;overflow:hidden!important;box-sizing:border-box!important;transition:transform 0.2s ease,border-color 0.2s ease,box-shadow 0.2s ease!important}
body a.cta-banner-wrap:hover,.entry-content a.cta-banner-wrap:hover{border-color:#e91e8c!important;text-decoration:none!important;transform:translateY(-3px)!important;box-shadow:0 6px 20px rgba(233,30,140,0.2)!important}
.cta-banner-inner{display:flex!important;align-items:stretch!important}
.cta-banner-left{background-color:#e91e8c!important;color:#fff!important;padding:20px 18px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-width:88px!important;gap:5px!important}
.cta-banner-left .cta-heart{font-size:22px!important;line-height:1!important;color:#fff!important}
.cta-banner-left .cta-tag{font-size:10px!important;font-weight:700!important;letter-spacing:.08em!important;white-space:nowrap!important;color:#fff!important}
.cta-banner-right{padding:16px 20px!important;flex:1!important}
.cta-banner-right .cta-title{font-size:16px!important;font-weight:700!important;color:#333!important;margin:0 0 4px!important;line-height:1.4!important}
.cta-banner-right .cta-desc{font-size:12px!important;color:#888!important;line-height:1.7!important;margin:0 0 8px!important}
.cta-banner-right .cta-arrow{display:inline-flex!important;align-items:center!important;color:#e91e8c!important;font-size:13px!important;font-weight:700!important;text-decoration:none!important}