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

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

/* カテゴリーページの記事一覧を非表示 */
.archive.category .main .entry-card-wrap {
    display: none;
}
/*カテゴリーページの記事一覧を非表示にしたことで表示される404メッセージを非表示*/
.posts-not-found {
	display: none !important;
}
/* カテゴリーページのタイトルを非表示にする */
.archive-title {
    display: none;
}
/* カテゴリーページの記事型の投稿ページだけアイキャッチ非表示 */
.category .article .eye-catch,
.category .entry-card-thumb,
.category .eye-catch-wrap {
  display: none !important;
}
/*ページ内リンクのスクロール化*/
html {
	scroll-behavior: smooth;
}
/*テーブルのthの最低横幅*/
table th {
	min-width:200px;
}

/* ===========================
   口コミウィジェット
=========================== */

.review-wrapper {
  padding: 1rem 0 1.5rem;
}

/* タブバー */
.review-tab-bar {
  display: flex;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 1.25rem;
}

.review-tab-button {
  flex: 1;
  padding: 10px 0;
  font-size: 14px;
  font-weight: 500;
  background: none;
  border: none;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  cursor: pointer;
  color: #888;
  transition: color .15s, border-color .15s;
}

.review-tab-button.is-active-good {
  color: #3B6D11;
  border-bottom-color: #639922;
}

.review-tab-button.is-active-bad {
  color: #A32D2D;
  border-bottom-color: #E24B4A;
}

/* 件数バッジ */
.review-tab-count {
  display: inline-block;
  font-size: 11px;
  padding: 1px 7px;
  border-radius: 10px;
  font-weight: 500;
  margin-left: 6px;
}

.review-tab-count--good {
  background: #EAF3DE;
  color: #3B6D11;
}

.review-tab-count--bad {
  background: #FCEBEB;
  color: #A32D2D;
}

/* パネル */
.review-panel {
  display: none;
}

.review-panel.is-active {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

@media (max-width: 600px) {
  .review-panel.is-active {
    grid-template-columns: 1fr;
  }
}

/* カード */
.review-card {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  padding: 16px;
}

.review-card--good {
  border-left: 3px solid #639922;
  border-radius: 0 12px 12px 0;
}

.review-card--bad {
  border-left: 3px solid #E24B4A;
  border-radius: 0 12px 12px 0;
}

/* 属性・利用歴 */
.review-meta {
  margin-bottom: 8px;
}

.review-meta-name {
  font-size: 13px;
  font-weight: 500;
  color: #111;
  margin: 0 0 2px;
}

.review-meta-detail {
  font-size: 11px;
  color: #888;
  margin: 0;
}

/* 星評価 */
.review-stars {
  display: flex;
  gap: 2px;
  margin-bottom: 10px;
}

.review-star {
  font-size: 14px;
  color: #ddd;
}

.review-star--good {
  color: #639922;
}

.review-star--bad {
  color: #E24B4A;
}

/* 口コミ本文 */
.review-text {
  font-size: 13px;
  color: #222;
  line-height: 1.7;
  margin: 0;
}

/*トップページ用CSS*/
.leadbox {
	background: linear-gradient(140deg, #1a0f6e 0%, #2f208e 55%, #4834c4 100%);
	text-align:center;
	padding:2em;
}
.leadbox p {
	color: rgba(255,255,255,.75);
	font-size:14px;
}
.leadbox h1 {
	margin:20px 0;
	color:#fff;
	font-size:50px;
}
.leadbox-cta {
	width:50%;
	margin:10px auto;
	padding:10px;
	background:#dc143c;
	box-shadow: 0 4px 20px rgba(217,48,37,.45);
	border-radius:5px;
}
.leadbox-cta a {
	display:block;
	width:100%;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}
.noticebox {
	background:#e6e6fa;
	font-size:14px;
	border-top:3px solid #00008b;
	border-bottom:1px solid #b0c4de;
	padding:10px;
	text-align:center;
}
.evaluationbox {
	width:100%;
	margin:0 auto;
	margin-bottom:15px;
	padding:0px;
	text-align:center;
	border:1px solid #d3d3d3;
	background:#e6e6fa;
	box-shadow:2px 2px #dcdcdc;
	font-weight:bold;
}
.evaluationbox-img {
	width:100%;
}
.evaluationbox-img img {
	width:100%;
}
.evaluationbox-text p {
	margin:0;
}
.starbox {
	color:#ffa500;
}
.columbtn {
	width:100%;
	padding:10px 5px;
	border-radius:5px;
	text-align:center;
	box-shadow: 0 3px 12px rgba(224,112,32,.35);
	box-sizing: border-box;
}
.columbtn:hover {
	opacity: .88; transform: translateY(-1px);
}
.columbtn a {
	display:block;
	width:100%;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
.columbtnleft {
	background: linear-gradient(135deg, #e07020 0%, #f59332 100%);
	
}
.columbtnright {
	background: linear-gradient(135deg, #dc143c 0%, #ff0000 100%);
}

/*免責部分*/
.bo-disclaimer {
  background: #f8f8fb;
  border-top: 1px solid var(--border);
  padding: 28px 20px;
  font-size: 11px; color: #9098b0; line-height: 1.8;
}
/*トップページ用CSS END*/

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.leadbox h1 {
		font-size:18px;
	}
	.leadbox-cta {
		width:100%;
		
	}
	table th {
		min-width:100px;
	}
}