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

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




.blue-button {
  display:block;
  text-align:center;
  background:#2196f3;
  color:#fff !important;
  font-weight:700;
  padding:14px 0;
  border-radius:10px;
  text-decoration:none;
  margin:12px 0 40px;
  /* ▼ 立体感 */
  box-shadow:0 6px 0 #1976d2, 0 4px 6px rgba(0,0,0,0.2);
  transition:all .2s ease;
}
.blue-button:hover {
  transform:translateY(-3px);
  box-shadow:0 8px 0 #1565c0, 0 6px 12px rgba(0,0,0,0.25);
  /* ▼ ホバー時の文字色を淡い黄色に変更 */
  color:#ffeb3b !important;
}
.cta-text {
  text-align: center;
}




/* ファーストビュー：3点サマリ（ul版） */
.fv-summary{
  margin: 12px 0 14px;
  padding: 10px 12px;
  list-style: none;              /* ・を消す */
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  background: #fff;
}

.fv-summary li{
  margin: 0;
  padding: 8px 0;
  font-size: 14px;
  line-height: 1.6;
  border-top: 1px dashed #e9e9e9; /* 区切り */
}

/* 先頭だけ区切り線なし */
.fv-summary li:first-child{
  border-top: none;
  padding-top: 0;
}

/* 最後の余白を少し詰める */
.fv-summary li:last-child{
  padding-bottom: 0;
}

/* ラベルを目立たせたい場合（太字NGなら不要） */
.fv-summary .fv-label{
  display: inline-block;
  margin-right: 6px;
  font-size: 13px;
  opacity: 0.85;
}

/* PCで少しだけ見やすく */
@media (min-width: 768px){
  .fv-summary{
    padding: 12px 14px;
  }
  .fv-summary li{
    font-size: 14px;
  }
}






/* 見出し風FAQ（details） */
.faq-head{
  margin: 10px 0 14px;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
}

/* 見出し（summary） */
.faq-head__summary{
  list-style: none;
  cursor: pointer;

  padding: 12px 14px;
  font-size: 15px;
  line-height: 1.4;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;

  background: #f7f7f7;           /* 帯 */
  border-bottom: 1px solid #efefef;
}

.faq-head__summary::-webkit-details-marker{
  display: none;
}

/* 矢印 */
.faq-head__arrow{
  display: inline-block;
  transition: transform .18s ease;
  opacity: 0.75;
}

/* 開いたら矢印回転 */
.faq-head[open] .faq-head__arrow{
  transform: rotate(90deg);
}

/* 回答 */
.faq-head__body{
  padding: 12px 14px;
  font-size: 14px;
  line-height: 1.7;
}

/* 開いた時だけ帯を少し変える（任意） */
.faq-head[open] .faq-head__summary{
  background: #f2f2f2;
}



/* 基本データテーブル（コンパクト＋少し色付き） */
.tb-data{
  width: 100%;
  border-collapse: collapse;
  margin: 12px 0 18px;
  font-size: 14px;
  line-height: 1.5;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  overflow: hidden;
}

.tb-data td{
  padding: 8px 10px;
  border-top: 1px solid #f0f0f0;
  vertical-align: top;
  word-break: break-word;
}

/* 右列にうっすらストライプ */
.tb-data tr:nth-child(even) td:nth-child(2){
  background: #fcfcff;
}

.tb-data tr:first-child td{
  border-top: none;
}

/* 左列（項目名）：幅を狭く＋色 */
.tb-data td:first-child{
  width: 26%;
  background: #f1f6ff;          /* うっすら青 */
  border-right: 1px solid #e9eef9;
  white-space: nowrap;
  font-size: 13px;
}

/* スマホ */
@media (max-width: 767px){
  .tb-data{
    font-size: 13px;
  }
  .tb-data td{
    padding: 7px 9px;
  }
  .tb-data td:first-child{
    width: 28%;
    font-size: 12.5px;
  }
}














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

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

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