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

/* 更新日: 2026-03-12 / 作者: mako */

/* 記事共通レイアウト */
.review-article{
  max-width: 860px;
  margin: 0 auto;
  line-height: 1.9;
  font-size: 16px;
}

/* リード文 */
.review-lead{
  font-size: 1.05em;
}

/* ボックス */
.review-box{
  background: #f7f8fb;
  border: 1px solid #e3e7ef;
  border-radius: 12px;
  padding: 20px;
  margin: 24px 0;
}

.review-box-title{
  font-weight: 700;
  margin-bottom: 10px;
}

/* CTAボタンエリア */
.review-cta{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:16px;
  flex-wrap:nowrap;
  margin:24px 0;
}

/* ボタン */
.review-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  width:360px;
  max-width:100%;
  min-height:56px;
  padding:0 20px;
  box-sizing:border-box;
  border-radius:4px;
  text-decoration:none;
  text-align:center;
  font-weight:700;
  font-size:16px;
  line-height:1.2;
  white-space:nowrap;
  margin:0;
  transition:.2s;
}

/* 1個ボタンのとき */
.review-cta .review-btn:only-child{
  width:520px;
  max-width:100%;
}

/* hover */
.review-btn:hover{
  opacity:0.9;
}

/* 色 */
.review-btn-primary{
  background:#ff7a00;
  color:#fff;
}

.review-btn-secondary{
  background:#1f4fbf;
  color:#fff;
}

/* ボタン内の不要改行・計測画像対策 */
.review-btn br{
  display:none;
}

.review-btn img{
  position:absolute;
  width:0;
  height:0;
  overflow:hidden;
  visibility:hidden;
}

/* タブレット以下 */
@media screen and (max-width: 834px){
  .review-cta{
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
  }

  .review-btn{
    width: 100%;
    max-width: 520px;
    min-height: 54px;
    white-space: normal;
  }

  .review-cta .review-btn:only-child{
    width: 100%;
    max-width: 520px;
  }
}

/* テーブル */
.review-table-wrap{
  overflow-x: auto;
  margin: 24px 0;
}

.review-table{
  width: 100%;
  border-collapse: collapse;
  min-width: 680px;
}

.review-table th,
.review-table td{
  border: 1px solid #d9dee8;
  padding: 12px 14px;
  vertical-align: top;
}

.review-table thead th{
  background: #243b7a;
  color: #fff;
}

.review-table tbody th{
  background: #f5f7fb;
}

/* スマホ */
@media screen and (max-width: 480px){
  .review-cta{
    align-items: center;
    gap: 10px;
    margin: 20px 0;
  }

  .review-btn{
    min-height: 52px;
    font-size: 15px;
    padding: 0 16px;
  }
}

/* 更新日:2026-03-12 作者:mako */
.home .site-name{
  display:none;
}

/* =================================
レビュー記事画像設定
更新日:2026-03-13
作者:mako
================================= */

.review-box img{
display:block;
margin:20px auto;
max-width:100%;
height:auto;
max-height:420px;
border-radius:6px;
}