@charset "utf-8";

/* カスタム投稿タイプ case (葬儀事例) 詳細ページ専用スタイル */
#content {
    padding-top: 0 !important;
}

h1.c-postTitle__ttl {
    text-align: center;
    position: relative;
    top: 0.25rem;
    font-size: 1.6rem;
}
.post_content h2:not(.is-style-section_ttl),
h2.case-title {
    font-size: 1.25em !important;
}

h2.case-title {
    background: linear-gradient(-45deg, transparent 25%, #85743622 25%, #85743622 50%, transparent 50%, transparent 75%, #85743622 75%, #85743622) !important;
    background-clip: padding-box !important;
    background-size: 1.5rem 1.5rem !important;
    padding: 1.25em 1rem !important;
    position: relative !important;
    width: 100vw;
    margin-left: -4vw !important;
    line-height: 1.5;
}
@media ( min-width: 960px ) {
    h1.c-postTitle__ttl {
    font-size: 2rem;
    top: 0.75rem !important;
}
    h2.case-title {
    margin-left: calc( 446px - 50vw ) !important;
    font-size: 1.6em !important;
    }
}
.review-caution li {
    margin-bottom: 0 !important;
}
.case-hall-name {
    margin-bottom: -1.88889em !important;
    z-index: 10;
    position: relative;
}
.case-hall-name  > span {
    padding: 0.25em 1em !important;
}
.-bln-left .c-balloon__body {
    padding-right: 0 !important;
}
.c-balloon__text {
    font-size: 0.9em !important;
}

.c-balloon .c-balloon__iconImg {
    height: 6rem !important;
    width: 6rem !important;
}
.c-balloon__icon {
    width: 6rem !important;
    top: -0.5rem;
}
.c-balloon {
    align-items: flex-end !important;
}
@media ( max-width: 599px ) {
.c-balloon__body {
    padding: 4px !important;
}
}


.-type-card .p-postList__item { padding: 0 1em !important; }
.p-articleFoot { display: none; }
.post_content .-type-card .p-postList__title { font-size: 18px !important; text-align: center; }
.-type-card .p-postList__thumb {
  aspect-ratio: 1.618;
  border-radius: 1.5rem;
  border: 4px solid var(--color_main_thin);
  box-shadow: none !important;
}
.-type-card .c-postThumb__figure .c-postThumb__img {
  object-fit: cover !important;
}
.c-postThumb__figure {position: static !important;}
@media (max-width: 959px) {
  #breadcrumb.p-breadcrumb { top: 11.5rem; }
}
@media (max-width: 599px) {
  #breadcrumb.p-breadcrumb { top: calc(56px + 8rem); }
  #top_title_area {
    height: 100px !important;
    min-height: 8rem !important;
  }
  #top_title_area > img { max-height: 8rem !important; }
  #top_title_area .l-topTitleArea__body { top: 2em; }
  #main_content {
    padding-bottom: 4em !important;
    padding-top: 4em !important;
  }
  #top_title_area:after { height: 8rem !important; }
  .-type-card .p-postList__title { font-size: 1.35em !important; }
}

/* 評価用スター */
.p-postList__excerpt {
  margin-top: 2rem !important;
}
.p-postList__excerpt .c-reviewStars {
    position: absolute;
    top: 2.8rem;
    left: calc(50% + 4rem);
    transform: translateX(-50%);
    font-size: 1.5rem !important;
    margin: 0 !important;
}
.p-postList__excerpt .c-reviewStars:before {
  content: "お客様の総合評価";
  font-size: 0.9rem;
  position: absolute;
  top: 50%;
  left: -8rem;
  transform: translateY(-40%);
}
@media (min-width: 600px) {
.p-postList__excerpt .c-reviewStars {
    top: 2.6rem;
}
}

/* 葬儀プラン - プランによって異なる部分 */
.plan-lists4 .plan-family-twoday .official-limited-text {
  	background-color: var(--color_deep03);
}
.plan-lists4 .plan-family-twoday .official-limited-text:before {
	border-top: 6px solid var(--color_deep03);
}
.plan-lists4 .plan-family-oneday .official-limited-text {
  	background-color: var(--color_deep01);
}
.plan-lists4 .plan-family-oneday .official-limited-text:before {
	border-top: 6px solid var(--color_deep01);
}
.plan-lists4 .plan-family-cremation .official-limited-text {
  	background-color: var(--color_main);
}
.plan-lists4 .plan-family-cremation .official-limited-text:before {
	border-top: 6px solid var(--color_main);
}
.plan-lists4 .plan-family-general .official-limited-text {
  	background-color: var(--color_deep02);
}
.plan-lists4 .plan-family-general .official-limited-text:before {
	border-top: 6px solid var(--color_deep02);
}
																												   
/* プラン共通部分 */
.plan-lists4 .swell-block-column {
	position: relative !important;
	transition: 0.2s;
}
.plan-lists4 > .swell-block-columns__inner > .swell-block-column {
	box-shadow: 0 5px 0 var(--color_pale04) !important;
	border: 4px solid var(--color_main_thin);
	border-radius: 1rem !important;
}
.plan-lists4 .swell-block-column:hover {
  opacity: 0.8;
  transform: translateY(4px);
  transition: 0.2s;
  box-shadow: none !important;
}
.plan-lists4 .plan-list-img > img {
	border-radius: 0.75rem 0 0.75rem 0 !important;
}
.plan-limitedprice .swl-bg-color {
  padding: 0.15rem 1.5rem 0.25rem;
  border-radius: 1rem;
}
.plan-lists4 .plan-column {
  margin-bottom: -1.25rem !important;
}
.plan-lists4 .plan-price {
	justify-content: center !important;
	white-space: nowrap !important;
	gap: 0.5rem !important;
	padding: 0 1rem 0.1rem;
	margin-top: -0.2rem !important;
}
.plan-lists4 .plan-price-text {
	position: relative !important;
}
.plan-lists4 .plan-yen {
  top: 0 !important;
}
.plan-lists4 .plan-price .swl-marker {
  display: inline-block !important;
  width: calc(100% + 1.5rem) !important;
}
.plan-lists4 .plan-flow {
	gap: 0.25rem !important;
	align-items: center !important;
	justify-content: center !important;
	white-space: nowrap !important;
	font-size: 1rem !important;
}
.plan-lists4 .plan-flow p .swl-bg-color {
	padding: 0.2em 0.4em 0.2em 0.5em !important;
	border-radius: 0.5rem !important;
}
.plan-price-caution {
  position: absolute;
  top: 50%;
  right: calc(50% - 8.5rem);
  transform: translate(-50%, -50%);
}
@media (min-width: 960px) {
.plan-lists4 .plan-column {
  margin-bottom: -1.5rem !important;
}
}
@media (min-width: 600px) {
.plan-lists4 .plan-column .swell-block-columns__inner {
  align-items: center;
}
}
																												   
/* 葬儀プラン - タブレット対応 */
@media screen and (min-width: 600px) and (max-width: 959px) {
  .plan-lists4 .plan-recommend {
    text-align: center !important;
  }
  .plan-lists4 .plan-price {
    justify-content: center !important;
  }
  .plan-lists4 .plan-flow {
    justify-content: center !important;
    gap: 0.5rem !important;
  }
}

/* 葬儀プラン - スマホ対応 */
@media (max-width: 599px) {
	.plan-lists4 .swell-block-column {
		padding-left: 0 !important;
	}
	.plan-lists4 h3.plan-name {
		width: calc(100% + 0.75rem) !important;
		margin-left: 0 !important;
		margin-bottom: 0 !important;
	}
	.plan-lists4 .plan-flow {
		font-size: 0.85em !important;
	}
}

/* 葬儀プラン - プラン上の帯 */
.plan-explain-title {
    border-top: 3px solid var(--color_deep04) !important;
    border-bottom: 3px solid var(--color_deep04) !important;
    background-color: var(--color_pale04) !important;
    padding: 0.25rem 0 !important;
    margin: 0 auto 1rem !important;
    max-width: 35rem;
}