@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600&family=Zen+Old+Mincho:wght@400;500;600&display=swap');

/* ==================================================
   PC共通 右サイドCTA
   墓所一覧・個別墓所 共通
================================================== */


/* --------------------------------------------------
   PC表示
-------------------------------------------------- */

@media (min-width: 901px) {

.mihashi-side-cta {
	position: fixed;

	z-index: 850;

	top: 50%;
	right: 0;

	width: 260px;

	margin: 0;
	padding: 0;

	/*
	 * 初期状態
	 * 右側へ隠しておく
	 */
	transform:
		translateY(-50%)
		translateX(110%);

	opacity: 0;
	visibility: hidden;

	box-sizing: border-box;

	background: #fff;

	border:
		1px solid #ddd6c8;
	border-right: 0;

	box-shadow:
		-8px 10px 30px rgba(45, 52, 45, 0.10);

	overflow: hidden;

	font-family:
		"Noto Sans JP",
		"Yu Gothic",
		sans-serif;

	transition:
		transform 0.45s ease,
		opacity 0.35s ease,
		visibility 0.35s ease;
}


/* スクロール後に表示 */
.mihashi-side-cta.is-visible {
	transform:
		translateY(-50%)
		translateX(0);

	opacity: 1;
	visibility: visible;
}


	/* ==================================================
	   上部ラベル
	================================================== */

	.mihashi-side-cta__label {
		display: flex;
		align-items: center;
		justify-content: center;

		min-height: 52px;

		margin: 0;
		padding: 12px 15px;

		box-sizing: border-box;

		background: #f3efe6;

		color: #756b58;

		font-family:
			"Noto Sans JP",
			"Yu Gothic",
			sans-serif;

		font-size: 12px;
		font-weight: 500;
		line-height: 1.5;

		letter-spacing: 0.05em;

		text-align: center;
	}


	/* ==================================================
	   本文エリア
	================================================== */

	.mihashi-side-cta__body {
		width: 100%;

		padding: 27px 17px 18px;

		box-sizing: border-box;

		background: #fff;
	}


	/* ==================================================
	   見出し
	================================================== */

	.mihashi-side-cta__title {
		margin: 0 0 23px;

		color: #304d3e;

		font-family:
			"Zen Old Mincho",
			"Yu Mincho",
			serif;

		font-size: 19px;
		font-weight: 500;
		line-height: 1.8;

		letter-spacing: 0.04em;

		text-align: center;
	}


	/* ==================================================
	   ボタン共通
	================================================== */

	.mihashi-side-cta__button {
		display: flex;

		flex-direction: column;
		align-items: center;
		justify-content: center;

		width: 100%;
		min-height: 78px;

		margin: 0 0 12px;
		padding: 10px 12px;

		box-sizing: border-box;

		text-align: center;
		text-decoration: none;

		transition:
			background-color 0.2s ease,
			border-color 0.2s ease,
			color 0.2s ease;
	}


	/* 見学予約 */

	.mihashi-side-cta__button.is-visit {
		border: 1px solid #315f49;

		background: #315f49;

		color: #fff;
	}


	/* 資料請求 */

	.mihashi-side-cta__button.is-request {
		border: 1px solid #b58b45;

		background: #fff;

		color: #896729;
	}


	/* 最後のボタン */

	.mihashi-side-cta__button:last-child {
		margin-bottom: 0;
	}


	/* ==================================================
	   ボタン内 小さい説明文
	================================================== */

	.mihashi-side-cta__sub {
		display: block;

		margin: 0 0 4px;

		font-family:
			"Noto Sans JP",
			"Yu Gothic",
			sans-serif;

		font-size: 10px;
		font-weight: 600;
		line-height: 1.4;

		letter-spacing: 0.02em;
	}


	/* ==================================================
	   ボタン内 メイン文字
	================================================== */

	.mihashi-side-cta__main {
		display: block;

		margin: 0;

		font-family:
			"Zen Old Mincho",
			"Yu Mincho",
			serif;

		font-size: 20px;
		font-weight: 600;
		line-height: 1.4;

		letter-spacing: 0.04em;
	}


	/* ==================================================
	   hover
	================================================== */

	.mihashi-side-cta__button.is-visit:hover {
		background: #294f3e;
		border-color: #294f3e;

		color: #fff;
	}


	.mihashi-side-cta__button.is-request:hover {
		background: #faf7ef;

		border-color: #a8803e;

		color: #76561f;
	}

}


/* ==================================================
   タブレット・スマホ
   PC右CTAは非表示
================================================== */

@media (max-width: 900px) {

	.mihashi-side-cta {
		display: none !important;
	}

}