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


/* OYA: restrained offer block. A8 creative text and 1px asset stay intact. */
.oya-offer{box-sizing:border-box;max-width:100%;border:1px solid #d0d8da;border-radius:6px;padding:18px;margin:28px 0;background:#fafaf8;overflow-wrap:anywhere;color:#252b2d}
.oya-offer p{line-height:1.8;margin:0 0 12px}
.oya-offer .oya-offer__label{display:inline-block;font-size:12px;color:#56636a;border:1px solid #b5bfc2;border-radius:3px;padding:1px 7px;margin:0 0 10px}
.oya-offer .oya-offer__title{font-weight:700;font-size:18px;margin:0 0 8px}
.oya-offer .oya-offer__cta{margin:14px 0}
.oya-offer .oya-offer__cta a{display:inline-block;box-sizing:border-box;max-width:100%;padding:10px 14px;border:1px solid #16645c;border-radius:4px;font-weight:700;color:#16645c;text-decoration:underline;text-underline-offset:3px}
.oya-offer .oya-offer__cta a:hover{background:#edf4f1}
.oya-offer .oya-offer__cta a:focus-visible{outline:3px solid #803c45;outline-offset:3px}
.oya-offer .oya-offer__note{font-size:13px;color:#56636a;margin:10px 0 0}
.oya-offer img.oya-offer__pixel{display:inline;width:1px;height:1px;max-width:none;margin:0;border:0;padding:0}
@media(max-width:600px){.oya-offer{padding:14px}.oya-offer .oya-offer__title{font-size:17px}}

/* P0-2: preserve the A8 1px creative in legacy article blocks. */
.entry-content img.ogn-a8-pixel{display:inline;width:1px;height:1px;max-width:none;margin:0;border:0;padding:0}

/* P0-4: explicit checklist buttons; existing href fallback stays in article CSS. */
.single .entry-content a.ogn-cta-btn{display:inline-block;box-sizing:border-box;max-width:100%;min-height:44px;padding:12px 14px;border-radius:4px;background:#16645c;color:#fff;font-weight:700;line-height:1.7;text-align:center;text-decoration:none}
.single .entry-content a.ogn-cta-btn:hover{opacity:.85}
.single .entry-content a.ogn-cta-btn:focus-visible{outline:3px solid #803c45;outline-offset:4px}