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


/* ========================================
   SAKIDORI風 ミニマルデザイン
   ======================================== */
body{font-family:"Noto Sans JP","Hiragino Sans",sans-serif;background:#fafafa;color:#1a1a1a;line-height:1.9}
.header{background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:none}
.header .site-name-text{font-weight:700;font-size:1.3em;color:#1a1a1a}
.main{max-width:780px;margin:0 auto;padding:40px 20px;width:100%}
.article{background:#fff;border-radius:12px;box-shadow:0 1px 4px rgba(0,0,0,.06);padding:40px 36px;margin-bottom:32px}
.entry-title{font-size:1.6em;font-weight:800;line-height:1.5;color:#1a1a1a;margin-bottom:24px}
.article h2{font-size:1.35em;font-weight:700;color:#1a1a1a;border-left:4px solid #1a1a1a;border-bottom:none;padding:8px 0 8px 16px;margin:48px 0 24px;background:none}
.article h3{font-size:1.15em;font-weight:600;color:#333;margin:32px 0 16px;border-bottom:1px solid #eee}
.article p{font-size:16px;line-height:2.0;margin-bottom:24px;color:#333}
.rakuten-card,.product-card{display:flex!important;align-items:center!important;gap:16px;padding:16px!important;margin:12px 0!important;border:1px solid #e8e8e8;border-radius:10px;background:#fff;transition:box-shadow .2s}
.rakuten-card:hover,.product-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.08)}
.rakuten-card img,.product-card img{width:90px!important;height:90px!important;object-fit:contain;flex-shrink:0}
.rakuten-card a.cta-btn,.product-card a.cta-btn{display:inline-block;background:#1a1a1a;color:#fff!important;padding:8px 20px!important;border-radius:6px;text-decoration:none;font-weight:600;font-size:12px!important}
.rakuten-card a.cta-btn:hover{background:#333}
.article table{width:100%;border-collapse:separate;border-spacing:0;border-radius:8px;overflow:hidden;margin:24px 0;font-size:14px}
.article table th{background:#1a1a1a;color:#fff;padding:10px 14px;font-weight:600}
.article table td{padding:12px 14px;border-bottom:1px solid #f0f0f0}
.article table tr:hover td{background:#f8f8f8}
.author-box{background:#f8f8f8;border:none;border-radius:12px;padding:24px;margin-top:40px}
.cat-label{background:#1a1a1a;color:#fff;font-size:11px;padding:4px 10px;border-radius:4px}
.sidebar{display:none}
.content-in{display:block}
.entry-card{border:none;border-radius:12px;box-shadow:0 1px 4px rgba(0,0,0,.06);margin-bottom:24px;transition:box-shadow .2s}
.entry-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.1)}
.footer{background:#1a1a1a;color:#aaa}
.footer a{color:#ddd}
@media(max-width:768px){.article{padding:24px 16px;border-radius:0}.entry-title{font-size:1.3em}.rakuten-card,.product-card{flex-direction:column;align-items:flex-start!important}.rakuten-card img,.product-card img{width:80px!important;height:80px!important}}