@charset "utf-8";
/* ===================================================
	Anniversary CSS
====================================================== */

#breadcrumb { padding-bottom: 100px; }
#container { padding-bottom: 160px;}

@media screen and (max-width: 600px) {
	#breadcrumb { padding-bottom: 20px; }
	#container { padding-bottom: 75px;}
}


/* ---------------------------------------------------
title_col
------------------------------------------------------ */
#title_col {  background: url(../../anniversary/img/title.jpg) center 0 no-repeat; padding:121px 0;}

@media screen and (max-width: 768px) {
	#title_col {background-size: 220%; padding: 30px 0;}
}


/* ---------------------------------------------------
共通
------------------------------------------------------ */
.inner { width: 92%; max-width: 1100px; margin: 0 auto; }
.ofi { width: 100%; height: 100%; object-fit: cover; }
.mincho { font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;}
.sp { display: none; }

@media screen and (max-width: 600px) {
	.pc { display: none; }
	.sp { display: block;}
}

/* ---------------------------------------------------
lead
------------------------------------------------------ */
#lead { text-align: center; padding-bottom: 105px; }
#lead h3 { color: #fb6f08; font-size: 36px; line-height: 1; margin-bottom: 40px; }
#lead h3 + p { font-size: 16px; line-height: 2; }

@media screen and (max-width: 768px) {
	#lead h3 { font-size: 28px; line-height: 1.3; }
}

@media screen and (max-width: 600px) {
	#lead { padding-bottom: 50px; }
	#lead h3 { font-size: 22px; line-height: 1.3; margin-bottom: 20px; }
	#lead h3 + p { text-align: left; font-size: 14px; line-height: 1.8; }
}

/* ---------------------------------------------------
sec01
------------------------------------------------------ */
#sec01 { font-size: 16px; padding-bottom: 100px; }
#sec01 .detail_col { display: flex; flex-wrap: wrap; justify-content: space-between; }
#sec01 .detail_col + .detail_col { margin-top: 100px; }
#sec01 .detail_col .photo { max-width: 700px; width: 63.6%; height: 450px; }
#sec01 .detail_col .txt { flex-shrink: 0; width: 36.4%; padding-top: 40px; }
#sec01 .detail_col .txt > dt { font-size: 35px; padding: 0 18% 40px 0; margin-bottom: 35px; border-bottom: 1px solid #492703; line-height: 1.3; }
#sec01 .detail_col .txt > dt span { font-size: 14px; color: #fb6f08; display: block; margin-bottom: 15px; letter-spacing: 0.1em; }
#sec01 .detail_col .txt > dd p { padding: 0 18% 0 0; line-height: 2; letter-spacing: 0.07em; }
#sec01 .detail_col .txt > dd p + dl,
#sec01 .detail_col .txt > dd p + p { margin-top: 20px; }

#sec01 .detail_col:nth-of-type(2n) { flex-direction: row-reverse;}
#sec01 .detail_col:nth-of-type(2n) .txt dt { padding: 0 0 40px 20%; }
#sec01 .detail_col:nth-of-type(2n) .txt dd p { padding: 0 0 0 20%; }

#sec01 .detail_col .txt dd .price { font-feature-settings: "palt"; letter-spacing: 0.02em; line-height: 1.3; }
#sec01 .detail_col .txt dd .price div { display: flex; align-items: center; flex-wrap: wrap; }
#sec01 .detail_col .txt dd .price div + div { margin-top: 6px; }
#sec01 .detail_col .txt dd .price dt span { display: inline-block;}
#sec01 .detail_col .txt dd .price dd { flex-shrink: 0; }
#sec01 .detail_col .txt dd .price span { font-size: 20px; }
#sec01 .detail_col .caution { margin-top: 40px; border: 1px solid #492703; padding: 35px 50px; line-height: 2;}

#sec01 .detail_col:first-of-type .txt { padding-top: 0;}
#sec01 .detail_col:first-of-type .txt dd .price { padding: 0 5% 0 0; }

@media screen and (max-width: 768px) {
	#sec01 .detail_col { flex-direction: column; }
	#sec01 .detail_col .photo { max-width: none; width: 100%; height: auto; }
	#sec01 .detail_col .txt { max-width: none; width: 100%; padding-top: 0; margin-bottom: 35px; }
	#sec01 .detail_col:nth-of-type(2n) .txt dt { padding: 0 0 40px 0; }
	#sec01 .detail_col:nth-of-type(2n) .txt dd p { padding: 0; }
}

@media screen and (max-width: 600px) {
	#sec01 { font-size: 14px; padding-bottom: 50px; }
	#sec01 .detail_col + .detail_col { margin-top: 50px; }
	#sec01 .detail_col .txt { margin-bottom: 20px;}
	#sec01 .detail_col .txt > dt { font-size: 20px; padding: 0 0 15px 0; margin-bottom: 15px; }
	#sec01 .detail_col .txt > dt span { font-size: 12px; margin-bottom: 5px; }
	#sec01 .detail_col .txt > dd p { padding: 0; line-height: 1.8; letter-spacing: 0.03em; }
	#sec01 .detail_col .txt > dd p + dl,
	#sec01 .detail_col .txt > dd p + p { margin-top: 10px; }

	#sec01 .detail_col:nth-of-type(2n) .txt dt { padding: 0 0 15px 0;}

	#sec01 .detail_col .txt dd .price span { font-size: 18px; }
	#sec01 .detail_col .caution { margin-top: 20px; padding: 20px 4%; line-height: 1.6;}

	#sec01 .detail_col:first-of-type .txt dd .price { padding: 0; }
}

/* ---------------------------------------------------
reserve
------------------------------------------------------ */
#reserve { box-sizing: border-box; text-align: center; background: #fbf6e6; padding: 45px 20px 50px; font-size: 16px; }
#reserve .mincho { font-size: 22px; font-weight: bold; line-height: 1.8; margin-bottom: 10px;}

@media screen and (max-width: 600px) {
	#reserve { text-align: left; padding: 25px 6%; font-size: 14px; }
	#reserve .mincho { font-size: 16px; line-height: 1.8; margin-bottom: 5px; }
}