/*
CTC Separate Stylesheet
Updated: 2023-12-24 14:31:14
Theme Name: REHUB Child
Theme URI: https://tcd-theme.com/tcd099/
Template: rehub_tcd099
Author: TCD
Author URI: https://tcd-theme.com/
Description: WordPress theme REHUB is a template for creating a review site. You can average multiple rating items and utilize the star review feature. Also, ranking pages that can be sorted by category are ideal for review sites.
Version: 1.3.1703395874
*/

/* ============================================================
 * [No.28] 葬儀社レビュー表スマホ表示修正（初版）
 * 追加日 : 2024/06/12
 * 担当   : クラウドワークス / Yusuke901（Yusuke）
 * 内容   : レビューテーブルのセル幅を左右各 50% に設定。
 *          スマホでの折り返し対応（white-space: wrap）。
 * ============================================================
 * [No.31] 口コミテーブルモバイル表示CSS修正（追加修正）
 * 追加日 : 2024/06/13
 * 担当   : クラウドワークス / Yusuke901（Yusuke）
 * 契約   : WEBサイトのテーブルのCSS修正002（990円・税込）
 * 内容   : お葬式の概要・詳細テーブルのモバイル表示崩れを修正。
 *          横並び2列を常に 50%：50% に固定し、
 *          長い文字列（例：浄土真宗本願寺派（西本願寺））でも
 *          全文表示されるよう改修。
 * 備考   : 参考ページ: https://minlog.org/sougi/review/bellco/
 *          テスト環境確認後、クライアント側で本番環境に反映。
 * ============================================================ */
.p-single--review-table__cell-left {
	width: 50%;
}

.p-single--review-table__cell-right {
	width: 50%;
	vertical-align: middle;
}

@media (max-width: 767px) {
	.p-single--review-table {
		white-space: wrap;
	}
}

/* ============================================================
 * [No.33] 子カテゴリーリンク表示CSS
 * 追加日 : 2024/06/20
 * 担当   : クラウドワークス
 * 内容   : 親カテゴリーページで子カテゴリーへのリンクを表示するための
 *          フレックスレイアウト設定。
 *          .child_categories・.innerLink を横並びで折り返し表示。
 *          各リンクは幅80px・高さ30pxで中央揃え。
 * 備考   : SEO対応として追加。
 * ============================================================ */
.child_categories,
.innerLink {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.child_categories li,
.innerLink li {
	width: 80px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #000;
	background: #fff;
	padding: 5px;
}

/*20240523*/
/*パンくずリスト非表示*/
/*.c-breadcrumb {display:none;}*/

/*20240911*/
/*投稿者非表示*/
.p-single--review-comments__item-meta__author {
	display: none;
}


/**
 * 20250215
 * フッターサブメニューのスタイル調整
 */
.l-footer__nav__custom {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	max-width: 1160px;
	width: calc(100% - 60px);
	margin: 0 auto;
}

.l-footer__nav__custom__list {
	width: calc((100% - (20px * 3)) / 4);
}

.l-footer__nav__custom__list>ul {
	display: flex;
	flex-direction: column;
	row-gap: 20px;
}

.l-footer__nav__custom__list li {
	font-size: 14px;
	line-height: 1.6;
}

.l-footer__nav__custom__list>ul>li>a {
	display: block;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}

.l-footer__nav__custom__list li>ul.sub-menu {
	display: flex;
	flex-direction: column;
	row-gap: 8px;
	margin-top: 10px;
	padding-left: 0.5em;
}

@media (max-width: 1024px) {
	.l-footer__nav__custom {
		width: calc(100% - 40px);
	}

	.l-footer__nav__custom__list {
		width: 100%;
	}

	.l-footer__nav__custom__list>ul {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		column-gap: 10px;
	}
}

/* ============================================================
[11-2] 北海道エリア子カテゴリー表示維持
追加日 : 2026/04/03
担当   : Cowork
内容   : 親テーマVer3.17の仕様変更により、日本地図の
         北海道エリアの子カテゴリー（道央・道南・道北・道東）が
         CSSで非表示になった。
         当サイトでは子カテゴリーを表示したいため、
         TCDサポート案内のCSSで表示を復元。
備考   : TCD問い合わせ TEC-202601-176 の回答より。
         ctc-style.css はトップページで読み込まれないため
         style.css に記述。
============================================================ */

.p-jmap-a-list__item.p-jmap--hokkaido > .p-jmap-a-list {
	display: flex;
}


/* ============================================================
[11-3a] 北海道エリア子・孫カテゴリー表示維持（3.17.1構造変更対応）
追加日 : 2026/04/03
担当   : Cowork
内容   : 親テーマVer3.17.1でHTMLクラス構造が変更され、
         [11-2] のCSSが効かなくなった。
         旧: .p-jmap-a-list（3.17）
         新: .p-jmap-a-list__terms / .p-jmap-b-list__terms（3.17.1）
         子カテゴリー（道央・道南・道北・道東）と
         孫カテゴリー（市区町村）を再度表示するよう修正。
============================================================ */

.p-jmap-a-list__item.p-jmap--hokkaido .p-jmap-a-list__terms {
	display: flex !important;
	flex-wrap: wrap;
}

.p-jmap--hokkaido .p-jmap-b-list__terms {
	display: flex !important;
	flex-wrap: wrap;
}


/* ============================================================
[11-3b] 返信コメント用スタイル追加
追加日 : 2026/04/03
担当   : Cowork
内容   : 親テーマVer3.17.1の変更に対応。
         返信コメントの表示スタイルを追加。
============================================================ */

.p-single--review-comments__list ul.children .p-single--review-comments__item {
	padding: 25px;
	margin-top: 30px;
}

.p-single--review-comments__list ul.children .p-single--review-comments__item-desc {
	margin-block: -0.6em;
}


/* ============================================================
[Phase 24] ランキングページSP（スマホ）孫カテゴリー表示
追加日 : 2026/04/04
担当   : Cowork
内容   : 親テーマstyle.css @media(max-width:767px) 内の
         .cate-depth-2, .cate-depth-3 { display:none !important; }
         を子テーマ側でオーバーライドし、SPでも孫カテゴリーを表示する。
         IDセレクタ(#js-ranking-categories-sp)で詳細度を上げることで
         親テーマの !important を上書きする。
備考   : 親テーマstyle.css 6952行目 @media(max-width:767px) ブロック内
         7016行目のルールが原因。
         page__ranking.php のSP用ループはcate-depth-2/3を出力済み。
============================================================ */
@media (max-width: 767px) {
	#js-ranking-categories-sp .cate-depth-2,
	#js-ranking-categories-sp .cate-depth-3 {
		display: flex !important;
	}
}