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

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

/* fks-embed 専用スコープ */
#fks-embed{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.7;color:#111}
#fks-embed .container{max-width:800px;margin:0 auto;padding:40px 20px}
#fks-embed h1{font-size:28px;font-weight:800;margin-bottom:24px}
#fks-embed h2{font-size:22px;font-weight:700;margin:32px 0 16px}
#fks-embed h3{font-size:18px;font-weight:700;margin:24px 0 12px}
#fks-embed p{margin:0 0 16px}
#fks-embed ul{margin:0 0 16px 20px}
#fks-embed .btn-wrapper{text-align:center;margin-top:32px}
#fks-embed .btn{
  display:inline-block;
  padding:12px 24px;
  background:#2563eb;
  color:#fff;
  text-decoration:none;
  font-weight:600;
  border-radius:8px;
  transition:opacity .2s;
}
#fks-embed .btn:hover{opacity:0.9}




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

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

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