/*共通*/
.l-main .l-contents {
    margin-top: 0;
}

.l-main .p-entry__body p {
	margin-bottom: 0;
	line-height: 1.8;
}

/*パンくず部分　共通化検討*/
.l-main .p-breadcrumb {
    margin-bottom: 20px;
}

/*ファーストビュー部分画像*/
.main-title-area::before {
	background-image: url("http://2026040612024765x34c.conohawing.com/wp-content/uploads/2026/05/mv_dog-park.jpg");
    background-position: bottom;
}

/*斜線つきタイトル　共通化検討*/
.slash-heading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5em;
	margin-bottom: 40px;
	font-weight: bold;
	font-size: 20px;
	line-height: 1.75;
}

@media (max-width: 768px) {
	.slash-heading {
		font-size: 18px;
	}
}

.slash-heading::before,
.slash-heading::after {
  content: ""; 
  display: block;
  width: 1px;
  height: 60px;
  background: #b89a7a;
  flex-shrink: 0;
}

/* ＼ */
.slash-heading::before {
  transform: rotate(-30deg);
}

/* ／ */
.slash-heading::after {
    transform: rotate(30deg);
}

.l-primary .title-box--white .title-ja::after {
	border-width: 11px 8px 0 8px;
}

/*セクション説明部分　共通化検討*/
.description {
    margin-top: 60px;
}

/*セクション間余白　共通化検討*/
.article {
    padding: 80px 0;
}

/*ドッグランイメージエリア*/
.dog-run-images {
    display: flex;
    gap: 40px;
	margin: 60px 0 260px;
}

@media (max-width: 768px) {
    .dog-run-images {
        gap: 15px;
        margin: 40px 0 0;
    }
}

.dog-run-images img {
	overflow: auto;
}

/*施設紹介エリア*/
.facilities-area {
    margin-bottom: 120px;
}

.facilities-contents {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px 40px;
	margin: 60px 0;
}

@media (max-width: 768px) {
    .facilities-contents {
        gap: 0;
    }
}

.facilities-image {
	grid-column: 1 / 2;
    margin-bottom: 24px;
}

@media (max-width: 768px) {
	.facilities-image {
		grid-column: 1 / 3;
	}
}

.facilities-text {
	grid-column: 2 / 3;
}

@media (max-width: 768px) {
	.facilities-text {
		grid-column: 1 / 3;
        margin-bottom: 30px;
	}
}

.paragraph + .paragraph {
	margin-top: 24px;
}

.facilities-contents .note {
	margin-top: 30px;
	color: #36220BB3;
}

.facilities-please {
	grid-column: 1 / 3;
	padding: 30px;
	background: #E2DFCC;
	border-radius: 4px;
}

.l-main .facilities-please__heading {
	margin-bottom: 24px;
	font-size: 18px;
	font-weight: bold;
	color: #36220B;
}

@media (max-width: 768px) {
    .l-main .facilities-please__heading {
        font-size: 16px;
    }
}

.facilities-please p + p {
	margin-top: 20px;
}

@media (max-width: 768px) {
    .facilities-please p + p {
        margin-top: 16px;
    }
}

/*施設エリア 設備*/
.equipment-items {
    display: flex;
    gap: 40px;
}

@media (max-width: 768px) {
    .equipment-items {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }
}

.equipment-item {
    padding: 30px;
    background: #FFFFFF;
    border-radius: 4px;
}

.l-main .equipment-item__heading {
    margin-bottom: 20px;
    font-weight: bold;
		color: #36220B;
}

.equipment-item__heading .number {
    color: #AC9969;
    font-size: 20px;
}

.equipment-item__image {
    margin-bottom: 24px;
}

.equipment-item__text {
    line-height: 1.8;
    color: #36220B;
}

/*利用料金エリア*/
.price-area {
    margin-bottom: 80px;
}

@media (max-width: 768px) {
    .price-area {
        margin-bottom: 0;
    }
}

.l-primary .p-entry__body .price-list {
    margin: 60px 0 30px;
}

.dog-icon img {
    width: 30px;
    vertical-align: sub;
}

.dog-icon-label {
    display: flex;
    align-items: center;
    gap: 12px;
}

.dog-icon-text {
    font-size: 20px;
}

@media (max-width: 768px) {
    .dog-icon-text {
        font-size: 18px;
    }
}

@media (max-width: 768px) {
    .price-area .outline-value {
        font-size: 18px;
    }
}

/*貸切利用について*/

.description{
	line-height: 1.8 !important;
}

.private-booking {
	margin: 30px 0 120px;
}

.private-booking-price {
	display: flex;
	gap: 60px;
}

@media (max-width: 768px) {
	.private-booking-price {
		flex-direction: column;
		gap: 40px;		
	}
}

.private-booking__box {
    width: 100%;
}

.private-booking-area .private-booking__box .private-booking__list {
	margin: 24px 0 30px;
}

.private-booking__item {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	padding: 20px 0;
	border-top: solid 1px #DBD9CC;
	font-size: 20px;
}

@media (max-width: 768px) {
	.private-booking__item {
		font-size: 18px;
	}
}

.private-booking__item:last-child {
	border-bottom: solid 1px #DBD9CC;
}

.private-booking__item.extension {
	padding: 16px 0;
	font-size: 16px;
}

@media (max-width: 768px) {
	.private-booking__item.extension {
		font-size: 14px;
	}
}

.private-booking__price {
    font-weight: bold;
}

.note {
	padding-left: 8px;
	font-size: 16px;
	color: #36220B99;
}

@media (max-width: 768px) {
	.note {
		font-size: 14px;
	}
}

@media (max-width: 768px) {
	.private-booking__item:not(.extension) .note {
		display: block;
		padding-left: 0;
	}
}

.supplement {
	color: #36220B99;
}

.supplement p:not(:last-child) {
	margin-bottom: 16px;
}

/*ご予約方法*/
.reservation {
	margin-top: 80px;
}

@media (max-width: 768px) {
	.reservation {
		margin-top: 120px;
	}
}

/*インスタグラムボタン*/
.instagram-button {
	margin: 120px 0 40px 0;
	text-align: center;
}

.instagram-button .link-button {
	margin: auto;
}

.slash-heading__text{
	color: #36220B;
}

/*ご利用時のお願い*/
.l-primary .p-entry__body .request-box {
	margin: 20px 0 30px;
	padding: 30px;
	border: solid 1px #DBD9CC;
}

@media (max-width: 768px) {
	.request-box {
	margin: 20px 0 30px;
	padding: 20px;
}
}

.l-primary .p-entry__body .request-box li {
	line-height: 1.9;
	color: #36220B;
}