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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.entry-content img {
  box-shadow: 0 6px 18px rgba(0,0,0,0.15);
  border-radius: 8px;margin-bottom:30px;
}
.logo-image {padding:10px 0 0 0}

.ebook-wrap{max-width:900px;margin:0 auto;line-height:1.85;font-size:16px;color:#222}
.ebook-lead{background:#f6f7fb;border:1px solid #e7e9f3;border-radius:14px;padding:18px 18px;margin:0 0 18px}
.ebook-lead p{margin:0 0 10px}
.ebook-lead p:last-child{margin:0}

.ebook-nav{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 22px;padding:0;list-style:none}
.ebook-nav a{display:inline-block;background:#fff;border:1px solid #e7e9f3;border-radius:999px;padding:8px 12px;text-decoration:none;color:#222;font-size:14px}
.ebook-nav a:hover{background:#f6f7fb}

.ebook-sec{margin:26px 0}
.ebook-sec p{margin:10px 0}

.ebook-card{border:1px solid #e7e9f3;border-radius:16px;background:#fff;padding:16px 16px;margin:12px 0;box-shadow:0 6px 18px rgba(0,0,0,.04)}
.ebook-rank{display:flex;align-items:center;gap:10px;margin:0 0 8px}
.ebook-badge{display:inline-flex;align-items:center;justify-content:center;min-width:58px;height:28px;border-radius:999px;background:#ff9511;color:#fff;font-weight:700;font-size:13px;padding:0 10px}
.ebook-title{font-size:18px;font-weight:800;margin:0}

.ebook-points{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:8px}
.ebook-points li{background:#fafbff;border:1px solid #eef0ff;border-radius:12px;padding:10px 12px}
.ebook-points li:before{content:"✓";font-weight:900;margin-right:8px}

.ebook-grid{display:grid;grid-template-columns:1fr;gap:12px}

/* 比較テーブル装飾 */
.ebook-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 15px;
}

.ebook-table th,
.ebook-table td {
  padding: 12px 10px;
  border-bottom: 1px solid #eef0ff;
  vertical-align: middle;
}

.ebook-table thead th {
  background: #f6f7fb;
  font-weight: 700;
  text-align: center;
}

.ebook-table tbody td:first-child {
  background: #fafbff;
  font-weight: 700;
  white-space: nowrap;
}

.ebook-table tbody tr:nth-child(even) td {
  background: #fcfcff;
}

/* サービス名を目立たせる */
.ebook-table .col-renta {
  color: #ff7a00;
  font-weight: 700;
}

.ebook-table .col-cmoa {
  color: #0a9f5a;
  font-weight: 700;
}

.ebook-table .col-ebookj {
  color: #2b6cb0;
  font-weight: 700;
}


@media screen and (max-width: 1023px){.ebook-grid{grid-template-columns:1fr 1fr}}

.ebook-note{background:#fff7e8;border:1px solid #ffe0a8;border-radius:14px;padding:14px 16px;margin:18px 0}
.ebook-note h3{margin:0 0 6px;font-size:16px}
.ebook-note ul{margin:8px 0 0;padding-left:18px}
.ebook-note li{margin:6px 0}

.ebook-hr{border:0;border-top:1px dashed #d9ddef;margin:22px 0}
  .ebook-table {
    font-size: 14px;
  }
  .ebook-table th,
  .ebook-table td {
    padding: 10px 6px;
  }


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

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

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