/*------§ì?ƒ?------

 #CDE3F8Ë?ƒCƒ“•”•ª‚Ì”wŒiA‚±‚¾‚í‚èðŒƒ{ƒ^ƒ“˜g‚Ì”wŒi
 #0D316DËƒ^ƒCƒgƒ‹ƒo[‚Æƒ{ƒ^ƒ“‚Ì’uŠ·
 #5E8ABFËyƒGƒŠƒA–¼i?[ƒ}Žšjz
 #009CD1ËƒEƒFƒuƒAƒCƒRƒ“‚ÌF
 #AD3333Ë’l‰º‚°EV’…ˆê——ƒŠƒ“ƒNƒ{ƒ^ƒ“ƒzƒo[
 #ebf3f8Ë•¨Œƒzƒo[”wŒiF

---------------------*/
/* lpo_common
---------------------------------------- */
.lpo_tl {
	background: #0d316d;
	color: #fff;
	font-weight: bold;
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", ?ƒCƒŠƒI,
		Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
	font-size: 20px;
	letter-spacing: 1.5px;
	padding: 15px 0 15px 20px;
	margin: 0 auto 20px;
}
.lpo_container {
	display: flex;
	justify-content: space-between;
	width: 1100px;
	margin: 0 auto;
}
.lpo_maincontents {
	width: 780px;
}
/* lpo_main
.lpo_main_wrap {
	margin: 0 0 30px 0;
	padding: 20px 0;
	background: #cde3f8;
}
.lpo_main_wrap a {
	color: #333;
	text-decoration: none;
	display: block;
	font-weight: bold;
}
.lpo_main_wrap a i {
	color: #009cd1;
}
.lpo_main {
	width: 1100px;
	margin: 0 auto;
	overflow: hidden;
}
.lpo_m_search {
	float: left;
	width: 780px;
	box-sizing: border-box;
	padding: 10px;
	background: #fff;
}
.lpo_m_s_tl {
	display: flex;
	align-items: flex-end;
	background: #0d316d;
	overflow: hidden;
	margin-bottom: 10px;
	padding: 10px;
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", ?ƒCƒŠƒI,
		Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
}
.lpo_m_s_tl p,
.lpo_m_s_tl span {
	float: left;
	font-weight: bold;
	line-height: 26px;
}
.lpo_m_s_tl p {
	color: #fff;
	font-size: 24px;
	line-height: 30px;
	margin: 0;
}
.lpo_m_s_tl span {
	display: block;
	font-size: 18px;
	color: #fff;
}
.lpo_m_s_inner {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	overflow: hidden;
}
.lpo_m_s_img,
.lpo_m_s_btn {
	margin-right: 10px;
}
.lpo_m_s_img {
	width: 170px;
}
.lpo_m_s_btn {
	width: 450px;
}
.lpo_m_s_btn ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.lpo_m_s_btn li {
	float: left;
}
.lpo_m_s_btn a {
	font-size: 14px;
}
.lpo_m_s_btn_area {}
.lpo_m_s_btn_area li {
	width: 143px;
	margin-right: 10px;
}
.lpo_m_s_btn_area li:last-child {
	margin-right: 0;
}
.lpo_m_s_btn_area a {
	text-align: center;
	padding: 20px 0;
	background: #fff;
	border: 1px solid #cccccc;
	border-radius: 3px;
	box-shadow: 0px 1px 0px 0px rgb(204 204 204 / 40%);
}
.lpo_m_s_btn_area a:hover {
	background: #f9f9f9;
}
.lpo_m_s_btn_area li a i {
	font-size: 25px;
	margin-bottom: 15px;
}
.lpo_m_s_btn_kind {}
.lpo_m_s_btn_kind li {
	width: 220px;
	margin-top: 8px;
}
.lpo_m_s_btn_kind li:nth-of-type(2n-1) {
	margin-right: 8px;
}
.lpo_m_s_btn_kind li a {
	display: flex;
	justify-content: space-between;
	padding: 15px;
	border: 1px solid #ccc;
	border-radius: 3px;
	box-shadow: 0px 1px 0px 0px rgb(204 204 204 / 40%);
	overflow: hidden;
}
.lpo_m_s_btn_kind li a i,
.lpo_m_s_btn_kind li a p {
	line-height: 20px;
}
.lpo_m_s_btn_kind li a i.fa-chevron-right {
	width: auto;
	margin: 0;
	font-size: 10px;
}
.lpo_m_s_btn_kind li a:hover {
	background: #f9f9f9;
}
.lpo_m_s_btn_kind li a i {
	font-size: 20px;
	width: 25px;
	text-align: center;
}
.lpo_m_s_btn_kind li a p {
	padding: 0 15px 0 0;
}
.lpo_m_s_link {
	width: 120px;
	padding: 5px 0 0 0;
}
.lpo_m_s_link p {
	display: flex;
	align-items: center;
	gap: 0 5px;
	margin: 0 0 5px 0;
	font-size: 13px;
	line-height: 20px;
	font-weight: bold;
	color: #0062a0;
	letter-spacing: 0.6px;
}
.lpo_m_s_link ul {
	padding: 0 0 0 2px;
}
.lpo_m_s_link a:hover {
	text-decoration: underline;
}
.lpo_m_s_link a {
	padding: 3px 0;
	font-size: 13px;
}
.lpo_m_s_link a i {
	margin-right: 10px;
}
.lpo_m_regist {
	float: right;
	width: 300px;
}
---------------------------------------- */
/* lpo_free
.lpo_free {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}
.lpo_free_tl {
	border-left: 5px solid #333333;
	box-sizing: border-box;
	font-weight: bold;
	width: 150px;
	margin-right: 10px;
	padding: 3px 0 1px 17px;
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", ?ƒCƒŠƒI,
		Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
}
.lpo_free_tl p {
	font-size: 18px;
	margin: 0 0 5px 0;
}
.lpo_free_tl span {
	font-size: 14px;
}
.lpo_free form {
	display: flex;
	justify-content: space-between;
	width: 720px;
}
.lpo_free input {
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", ?ƒCƒŠƒI,
		Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
}
.lpo_free input[type="text"] {
	width: 530px;
	height: 45px;
	box-sizing: border-box;
	padding: 5px 15px;
	border: 1px solid #cccccc;
	font-size: 15px;
	line-height: 20px;
}
.lpo_free ::placeholder {
	color: #cccccc;
}
.lpo_free input[type="submit"] {
	font-weight: bold;
	background: #333;
	color: #fff;
	cursor: pointer;
	width: 100px;
	height: 45px;
	border: none;
	border-radius: 3px;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0;
}
.lpo_free input[type="submit"]:hover {
	background: #ad3333;
}
---------------------------------------- */
/* lpo_article
.lpo_article {}
.lpo_article ul {
	margin: 0 0 30px 0;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.lpo_article li {
	width: 246px;
	box-sizing: border-box;
	border-radius: 3px;
	box-shadow: 0px 0px 10px 1px rgb(137 137 137 / 20%);
	padding: 0 0 10px 0;
	overflow: hidden;
	position: relative;
}
.lpo_article li:empty {
	display: none;
}
.lpo_article li .bukken_icon_only {
	position: absolute;
	font-size: 12px;
	padding: 0 5px;
	border-radius: 3px;
	line-height: 20px;
	margin: 1px 0;
	top: 5px;
	right: 5px;
	font-weight: bold;
}
.lpo_article li:hover {
	background: #ebf3f8;
}
.lpo_article li>a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	filter: alpha(opacity=0);
}
.lpo_article li>a p {
	width: 226px;
	height: 48px;
	padding: 0 0 13px 0;
	position: absolute;
	top: 192px;
	left: 10px;
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
	color: #333;
}
.lpo_article li>a p span {
	height: 48px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.lpo_article li>a p:after {
	content: "";
	width: 45px;
	height: 3px;
	background: #0062a0;
	position: absolute;
	bottom: 0;
	left: 0;
}
.lpo_art_photo {}
.lpo_art_photo p {
	text-align: center;
	height: 180px;
}
.lpo_art_photo span {
	padding: 4px 12px;
	background: #fff;
	border-radius: 3px;
	color: #333;
	font-size: 13px;
	line-height: 18px;
	font-weight: bold;
	text-align: center;
	display: block;
	position: absolute;
	top: 5px;
	left: 5px;
}
.lpo_art_photo p a img {
	width: 270px;
	height: 170px !important;
	object-fit: cover;
}
.lpo_art_detail {
	padding: 85px 10px 0 10px;
	height: 105px;
}
.lpo_art_detail p {
	line-height: 24px;
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.lpo_art_detail p:last-of-type {
	font-size: 12px;
}
.lpo_art_detail p.lpo_art_price {
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
	margin-bottom: 5px;
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;
	letter-spacing: 0.7px;
	overflow: hidden;
}
.lpo_art_price span {
	display: flex;
	align-items: center;
	margin: 0 0 0 5px;
	font-size: 18px;
	color: #f30000;
	letter-spacing: 0.9px;
}
.lpo_art_price .bukken_icon_down {
	font-size: 12px;
	margin: 0 0 0 5px;
	padding: 0 7px;
	border-radius: 3px;
	line-height: 20px;
	color: #fff;
}
.lpo_art_comment {
	width: 226px;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 10px 15px;
	background: #f5f5f5;
	border-radius: 3px;
}
.lpo_art_comment p {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	height: 70px;
	overflow: hidden;
}
.lpo_art_comment_regist p {
	color: #fe9901;
	font-weight: bold;
}
.lpo_more {
	margin-bottom: 40px;
}
.lpo_more a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 auto;
	width: 600px;
	border-radius: 3px;
	border: 2px solid #0d316d;
	font-weight: bold;
	padding: 22px;
	color: #333;
	text-align: center;
	overflow: hidden;
	text-decoration: none;
}
.lpo_more a:hover {
	background: #0d316d;
	color: #fff;
}
.lpo_more a p,
.lpo_more a i {
	display: table-cell;
	vertical-align: middle;
}
.lpo_more a p {
	width: 575px;
	box-sizing: border-box;
	padding: 0 0 0 25px;
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", ?ƒCƒŠƒI,
		Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
	font-size: 18px;
	line-height: 22px;
	letter-spacing: 1.8px;
}
.lpo_more a i {
	padding-left: 15px;
	font-size: 15px;
	color: #0d316d;
}
.lpo_more a:hover i {
	color: #fff;
}
---------------------------------------- */
/* lpo_btn
.lpo_btn {
	background: #ebf3f8;
	padding: 14px;
	margin-bottom: 40px;
}
.lpo_btn h3 {
	display: flex;
	align-items: center;
	font-size: 18px;
	line-height: 22px;
	color: #fff;
	letter-spacing: 1.2px;
}
.lpo_btn h3:after {
	content: "";
	height: 1px;
	flex-grow: 1;
	background: #fff;
	margin-left: 1rem;
}
.lpo_btn ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 10px 0;
}
.lpo_btn li {
	width: 180px;
}
.lpo_btn li a {
	display: flex;
	justify-content: space-between;
	padding: 20px 14px;
	background: #fff;
	border-radius: 3px;
	color: #333;
	font-weight: bold;
	font-size: 13px;
	letter-spacing: 0.7px;
	box-shadow: 0px 1px 0px 0px rgba(204, 204, 204, 0.4);
}
.lpo_btn li a:hover {
	background: #f9f9f9;
}
.lpo_btn li a i,
.lpo_btn li a p {
	float: left;
	line-height: 20px;
}
.lpo_btn li a p {
	padding: 0 10px 0 0;
}
.lpo_btn li a:hover {}
.lpo_btn li a i {
	font-size: 20px;
	width: 25px;
	text-align: center;
	color: #0062a0;
}
.lpo_btn li a i.fa-chevron-right {
	width: auto;
	margin: 0;
	font-size: 10px;
}
---------------------------------------- */
/* lpo_regist_comment
.lpo_regist_comment {
	border: 5px solid #eee;
	padding: 20px;
	margin-bottom: 20px;
}
.lpo_regist_comment p {
	text-align: center;
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", ?ƒCƒŠƒI,
		Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
	font-size: 18px;
	line-height: 32px;
	letter-spacing: 1.8px;
	font-weight: bold;
}
.lpo_regist_comment span {
	color: #ff0000;
	font-size: 24px;
	padding: 0 5px;
}
---------------------------------------- */
/* lpo_regist
.lpo_regist {
	margin-bottom: 40px;
}
.lpo_regist_flow {
	margin-bottom: 20px;
}
.lpo_regist_form {
	margin-bottom: 0px;
}
.lpo_regist_form form {
	border: 2px solid #ccc;
	margin-bottom: 20px;
}
.lpo_regist table {
	border-collapse: collapse;
	border-spacing: 0px;
	width: 100%;
}
.lpo_regist table tr {
	display: flex;
	margin: 0 0 3px 0;
}
.lpo_regist th,
.lpo_regist td {
	box-sizing: border-box;
	font-size: 14px;
}
.lpo_regist th {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 18px;
	width: 240px;
	background: #fafaf9;
	overflow: hidden;
}
.lpo_regist th span {
	width: 48px;
	box-sizing: border-box;
	padding: 5px 0;
	background: #ffe8e5;
	border-radius: 3px;
	color: #ff4a32;
	border: 1px solid #ff4a32;
	font-weight: bold;
	font-size: 13px;
	line-height: 16px;
	text-align: center;
	letter-spacing: 1.3px;
}
.lpo_regist td {
	width: 100%;
	padding: 18px 0 18px 18px;
	box-sizing: border-box;
}
.lpo_regist td p {
	padding-bottom: 5px;
}
.lpo_regist td input,
.lpo_regist td textarea {
	width: 100%;
	box-sizing: border-box;
	padding: 15px 15px;
	background: #f5f9fc;
	border: 1px solid #ccdae4;
	border-radius: 3px;
	font-size: 14px;
	line-height: 18px;
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", ?ƒCƒŠƒI,
		Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
}
.lpo_regist td input {}
.lpo_regist td input.lpo_regist_s {
	width: 150px;
}
.lpo_regist td textarea {
	height: 100px;
}
.lpo_regist_btm {
	padding: 30px;
	background: #f5f9fc;
}
.lpo_regist_kiyaku {
	margin-bottom: 10px;
	text-align: center;
}
.lpo_regist_kiyaku a {
	color: #0062a0;
	font-weight: bold;
}
.lpo_regist_kiyaku a:hover {
	color: #999;
}
.lpo_regist_agree {
	margin-bottom: 10px;
	text-align: center;
	overflow: hidden;
}
.lpo_regist_agree p {
	padding-bottom: 5px;
}
.lpo_regist_agree label {
	border: 1px solid #ccdae4;
	padding: 8px 13px;
	cursor: pointer;
	display: inline-block;
	margin: 0 5px;
	border-radius: 3px;
	background: #fff;
}
.lpo_regist_agree label:hover {
	background: #eee;
}
.lpo_regist_agree label input {
	vertical-align: sub;
	margin: 0 5px 0 0;
}
.lpo_regist_submit {
	text-align: center;
}
.lpo_regist_submit p {
	padding-bottom: 8px;
}
.lpo_regist_submit input {
	cursor: pointer;
	background: #de3838;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", ?ƒCƒŠƒI,
		Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
	border: none;
	border-radius: 3px;
	box-shadow: 0 3px 0 #c43333;
	padding: 10px 80px;
}
.lpo_regist_submit input:hover {
	background: #c43333;
}
---------------------------------------- */
.buy_lpo {
	& h2, h3, ul, li, p {
		margin: 0;
		padding: 0;
	}
	& ul {
		list-style: none;
	}
	& a {
		text-decoration: none;
		color: #333333;
	}
	.font_blue {
		color: #5075bb;
	}
	.font_gold {
		color: #bdac6f;
	}
	.font_gray {
		color: #878787;
	}
	.lpo_conts_wide {
		width: 1200px;
		margin-right: auto;
		margin-left: auto;
	}
	.lpo_btn {
		display: flex;
		align-items: center;
		justify-content: space-between;
		box-sizing: border-box;
		background: #333333;
		line-height: 20px;
		color: #FFF;
		letter-spacing: 0.1em;
		transition: all 0.2s;
		&:after {
			content: "";
			width: 16px;
			height: auto;
			aspect-ratio: 1 / 1;
			background-image: url(/img/top/more_ar.webp);
			background-repeat: no-repeat;
			background-size: cover;
		}
	}
	& a.lpo_btn:hover {
		background-color: #bdac6f;
	}
	.lpo_btn_t {
		width: 300px;
		padding: 25px 20px 25px 28px;
		border-radius: 35px;
		font-size: 16px;
	}
	.lpo_btn_m {
		width: 360px;
		padding: 30px 20px 30px 28px;
		border-radius: 40px;
		font-size: 18px;
	}
	.lpo_btn_w {
		width: 500px;
		padding: 30px 20px 30px 28px;
		border-radius: 40px;
		font-size: 18px;
	}
	.lpo_title {
		>p {
			margin: 0 0 25px 0;
			font-size: 55px;
			line-height: 1;
			letter-spacing: 0.1em;
		}
		>h2 {
			font-size: 20px;
			line-height: 1;
			color: #767676;
			letter-spacing: 0.1em;
		}
	}
	.lpo_main {
		margin: 0 0 100px 0;
		background: #efecdf;
		>div {
			display: flex;
			align-items: center;
			gap: 0 20px;
			.lpo_main_sr {
				width: 450px;
				box-sizing: border-box;
				padding: 40px 30px 20px 30px;
				background: #d8cfaf;
				.lpo_main_sr_tl {
					margin: 0 0 20px 0;
					>div {
						display: flex;
						align-items: baseline;
						gap: 0 15px;
						margin: 0 0 12px 0;
						letter-spacing: 0.1em;
						>h2 {
							font-size: 30px;
							font-weight: bold;
							line-height: 1;
						}
						>p {
							font-size: 18px;
							font-weight: 300;
							color: #FFF;
						}
					}
					>p {
						font-size: 14px;
						line-height: 1.2;
					}
				}
				.lpo_main_sr_box {
					margin: 0 0 20px 0;
					padding: 25px 25px 25px 25px;
					background: #FFF;
					border-radius: 20px;
					>div {
						&:not(:last-of-type) {
							margin: 0 0 25px 0;
						}
						.buy_main_sr_item {
							display: flex;
							align-items: center;
							gap: 0 8px;
							margin: 0 0 12px 0;
							font-size: 14px;
							color: #c8ba8d;
							font-weight: bold;
							line-height: 1;
							letter-spacing: 0.1em;
							&:before {
								content: "";
								width: 15px;
								height: 12px;
								background-image: url(/chintai/img/top/main_check.webp);
								background-repeat: no-repeat;
								background-size: cover;
								background-position: center;
							}
						}
						>ul {
							display: flex;
							flex-wrap: wrap;
							gap: 7px 5px;
							>li {
								>a {
									display: block;
									padding: 10px 0;
									background-color: #efecdf;
									border-radius: 5px;
									font-size: 13px;
									line-height: 15px;
									text-align: center;
									box-shadow: 0px 2px 0px 0px #ddd9c6;
									transition: all 0.2s;
									position: relative;
									&:hover {
										background-color: #ddd9c6;
										box-shadow: 0px 0px 0px 0px #ddd9c6;
										transform: translateY(2px);
									}
								}
							}
						}
						.buy_main_sr_type {
							>li {
								width: calc((100% - 5px)/2);
								>a {
									&:after {
										content: "";
										width: 6px;
										height: 9px;
										margin: auto;
										clip-path: polygon(0 0, 0% 100%, 100% 50%);
										background: #c8ba8d;
										position: absolute;
										top: 0;
										bottom: 0;
										right: 6px;
									}
								}
							}
						}
						.buy_main_sr_price {
							>li {
								width: calc((100% - 10px)/3);
								>a {
									&:after {
										content: "";
										width: 6px;
										height: 9px;
										margin: auto;
										clip-path: polygon(0 0, 0% 100%, 100% 50%);
										background: #c8ba8d;
										position: absolute;
										top: 0;
										bottom: 0;
										right: 6px;
									}
								}
							}
						}
						.buy_main_sr_detail {
							>li {
								width: calc((100% - 10px)/3);
								>a {
									>img {
										display: block;
										width: 39px;
										margin: 0 auto 5px auto;
									}
								}
							}
						}
					}
				}
				.lpo_main_sr_btn {
					display: flex;
					align-items: center;
					justify-content: space-between;
					width: 300px;
					box-sizing: border-box;
					margin: 0 auto;
					padding: 20px 20px 20px 30px;
					background: #333333;
					border-radius: 35px;
					font-size: 15px;
					line-height: 20px;
					color: #FFF;
					letter-spacing: 0.1em;
					transition: all 0.2s;
					&:after {
						content: "";
						width: 14px;
						height: auto;
						aspect-ratio: 1 / 1;
						background-image: url(/img/top/more_ar.webp);
						background-repeat: no-repeat;
						background-size: cover;
					}
					&:hover {
						background-color: #bdac6f;
					}
				}
			}
			>img {
				width: 690px;
			}
		}
	}
	.lpo_catch {
		display: inline-block;
		margin-bottom: 40px;
		font-size: 36px;
		line-height: 1.5;
		font-weight: 700;
		color: #bdac6f;
		letter-spacing: 0.1em;
		position: relative;
		&:before {
			content: "g";
			font-size: 40px;
			position: absolute;
			left: -25px;
			top: -15px;
		}
		&:after {
			content: "h";
			font-size: 40px;
			position: absolute;
			right: -35px;
			bottom: -30px;
		}
	}
	.lpo_txt {
		font-size: 16px;
		line-height: 1.75;
		letter-spacing: 0.1em;
	}
	.lpo_tl_para {
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
		margin: 0 0 35px 0;
	}
	>main {
		#lpo_reco {
			margin-bottom: 125px;
			.lpo_title {
				margin: 0 0 35px 0;
			}
		}
		.lpo_bukken {
			display: flex;
			gap: 0 26.6px;
			>li {
				width: calc((100% - 80px)/4);
				>a {
					display: block;
					box-sizing: border-box;
					padding: 15px 15px 20px 15px;
					background: #FFF;
					border-radius: 20px;
					box-shadow: 0px 0px 6px 0px RGBA(179, 179, 179, 0.2);
					.lpo_bukken_img {
						width: 100%;
						aspect-ratio: 25 / 18;
						margin: 0 0 15px 0;
						border-radius: 16px 16px 16px 0;
						overflow: hidden;
						position: relative;
						>img {
							width: 100%;
							height: 100%;
							object-fit: cover;
							transition: all 0.2s;
						}
						>p {
							display: inline-block;
							border-radius: 0 16px 0 0;
							padding: 10px 15px 0 0;
							background: #FFF;
							font-size: 16px;
							line-height: 1.2;
							color: #bdac6f;
							position: absolute;
							bottom: 0;
							left: 0;
						}
					}
					.lpo_bukken_name {
						margin: 0 0 12px 0;
						font-size: 22px;
						line-height: 1;
						letter-spacing: 0.1em;
						transition: all 0.2s;
						>span {
							overflow: hidden;
							display: -webkit-box;
							-webkit-box-orient: vertical;
							-webkit-line-clamp: 1;
						}
					}
					.lpo_bukken_price {
						display: flex;
						align-items: baseline;
						gap: 0 10px;
						margin: 0 0 12px 0;
						>p {
							display: flex;
							align-items: baseline;
							font-size: 13px;
							line-height: 1;
							>span {
								font-size: 20px;
							}
						}
						.lpo_bukken_yachin:after {
							content: "";
							width: 2px;
							height: 14px;
							margin-left: 12px;
							background: #333333;
							border-radius: 1px;
							transform: rotate(20deg);
						}
						.lpo_bukken_yachin span {
							color: #bdac6f;
							margin-left: 8px;
						}
						.lpo_bukken_kanri span {
							margin-left: 5px;
						}
						.lpo_bukken_kakaku:after {
							content: "";
							width: 2px;
							height: 14px;
							margin-left: 10px;
							background: #333333;
							border-radius: 1px;
							transform: rotate(20deg);
						}
						.lpo_bukken_kakaku span {
							color: #bdac6f;
							margin-left: 8px;
						}
					}
					>ul {
						>li {
							font-size: 14px;
							line-height: 1;
							color: #878787;
							&:not(:last-child) {
								margin: 0 0 5px 0;
							}
							>span {
								overflow: hidden;
								display: -webkit-box;
								-webkit-box-orient: vertical;
								-webkit-line-clamp: 1;
							}
						}
					}
					&:hover {
						.lpo_bukken_img {
							>img {
								transform: scale(1.1);
							}
						}
						.lpo_bukken_name {
							color: #bdac6f;
						}
					}
				}
			}
		}
		.lpo_bukken_w {
			display: flex;
			flex-wrap: wrap;
			gap: 40px 45px;
			>li {
				width: calc((100% - 90px)/3);
				>a {
					display: block;
					box-sizing: border-box;
					padding: 25px 25px 25px 25px;
					background: #FFF;
					border-radius: 20px;
					box-shadow: 0px 0px 6px 0px RGBA(179, 179, 179, 0.2);
					.lpo_bukken_w_img {
						width: 100%;
						aspect-ratio: 25 / 18;
						margin: 0 0 25px 0;
						border-radius: 16px 16px 16px 0;
						overflow: hidden;
						position: relative;
						>img {
							width: 100%;
							height: 100%;
							object-fit: cover;
							transition: all 0.2s;
						}
						>p {
							display: inline-block;
							border-radius: 0 16px 0 0;
							padding: 12px 20px 0 0;
							background: #FFF;
							font-size: 20px;
							line-height: 1.2;
							color: #bdac6f;
							position: absolute;
							bottom: 0;
							left: 0;
						}
					}
					.lpo_bukken_w_name {
						margin: 0 0 15px 0;
						font-size: 26px;
						line-height: 1;
						letter-spacing: 0.1em;
						transition: all 0.2s;
						>span {
							overflow: hidden;
							display: -webkit-box;
							-webkit-box-orient: vertical;
							-webkit-line-clamp: 1;
						}
					}
					.lpo_bukken_w_price {
						display: flex;
						align-items: baseline;
						gap: 0 15px;
						margin: 0 0 18px 0;
						>p {
							display: flex;
							align-items: baseline;
							font-size: 18px;
							line-height: 1;
							>span {
								font-size: 26px;
							}
						}
						.lpo_bukken_w_yachin:after {
							content: "";
							width: 2px;
							height: 18px;
							margin-left: 12px;
							background: #333333;
							border-radius: 1px;
							transform: rotate(20deg);
						}
						.lpo_bukken_w_yachin span {
							color: #bdac6f;
							margin-left: 8px;
						}
						.lpo_bukken_w_kanri span {
							margin-left: 8px;
						}
						.lpo_bukken_w_kakaku:after {
							content: "";
							width: 2px;
							height: 18px;
							margin-left: 12px;
							background: #333333;
							border-radius: 1px;
							transform: rotate(20deg);
						}
						.lpo_bukken_w_kakaku span {
							color: #bdac6f;
							margin-left: 8px;
						}
					}
					>ul {
						>li {
							font-size: 18px;
							line-height: 1;
							color: #878787;
							&:not(:last-child) {
								margin: 0 0 5px 0;
							}
							>span {
								overflow: hidden;
								display: -webkit-box;
								-webkit-box-orient: vertical;
								-webkit-line-clamp: 1;
							}
						}
					}
					&:hover {
						.lpo_bukken_w_img {
							>img {
								transform: scale(1.1);
							}
						}
						.lpo_bukken_w_name {
							color: #bdac6f;
						}
					}
				}
			}
		}
		#lpo_member {
			margin: 0 0 160px 0;
			position: relative;
			z-index: 2;
			&:before {
				content: "";
				width: 100%;
				height: calc(100% - 125px);
				background: #efecdf;
				position: absolute;
				top: 85px;
				left: 0;
				z-index: -1;
			}
			.lpo_conts_wide {
				padding: 155px 0 0 0;
				>div {
					width: 540px;
					margin: 0 0 60px 0;
					.lpo_title {
						margin: 0 0 45px 0;
					}
					>img {
						width: calc(50% - 20px);
						height: 400px;
						border-radius: 20px;
						object-fit: cover;
						position: absolute;
						top: 0;
						right: 20px;
					}
				}
				>ul {
					display: flex;
					justify-content: space-between;
					margin: 0 0 70px 0;
					>li {
						width: 340px;
						box-sizing: border-box;
						padding: 0 20px 20px 20px;
						position: relative;
						&:before {
							content: "";
							width: 100%;
							height: calc(100% - 9px);
							background: #FFF;
							border-radius: 20px;
							position: absolute;
							bottom: 0;
							left: 0;
							z-index: -1;
						}
						>div {
							display: flex;
							align-items: center;
							justify-content: space-between;
							>p {
								margin: 0 0 20px 0;
								font-size: 18px;
								line-height: 1;
								color: #bdac6f;
								font-weight: bold;
								letter-spacing: 0.1em;
							}
						}
						>img {
							display: block;
							width: 120px;
							margin: 0 auto 10px auto;
						}
						>h3 {
							margin: 0 0 15px 0;
							padding: 0 0 20px 0;
							font-size: 21px;
							line-height: 1;
							color: #bdac6f;
							font-weight: bold;
							text-align: center;
							letter-spacing: 0.05em;
							position: relative;
							&:after {
								content: "";
								display: block;
								width: 55px;
								height: 0;
								margin: auto;
								border-bottom: 3px dashed #bdac6f;
								position: absolute;
								bottom: 0;
								left: 0;
								right: 0;
							}
						}
						>p {
							padding: 0 10px;
							font-size: 14px;
							line-height: 1.5;
							letter-spacing: 0.1em;
						}
						&:not(:last-child):after {
							content: "";
							display: block;
							width: 1px;
							height: calc(100% - 9px);
							background: #bdac6f;
							position: absolute;
							bottom: 0;
							right: -45px;
						}
					}
				}
				.lpo_btn {
					margin: 0 auto;
				}
			}
		}
		#lpo_latest {
			margin-bottom: 125px;
		}
		#lpo_pricedown {
			margin-bottom: 70px;
		}
		#lpo_catalog {
			display: block;
			width: 1200px;
			margin: 0 auto 160px auto;
			transition: all 0.2s;
			position: relative;
			&:hover {
				transform: translateY(-5px);
				box-shadow: 0px 0px 12px 0px RGBA(179, 179, 179, 0.4);
			}
		}
		#lpo_voice {
			margin: 0 0 130px 0;
			padding: 0 0 50px 0;
			position: relative;
			z-index: 2;
			&:after {
				content: "";
				width: 100%;
				height: calc(100% - 30px);
				background: #efecdf;
				position: absolute;
				bottom: 0;
				left: 0;
				z-index: -1;
			}
			.lpo_title {
				margin: 0 0 60px 0;
				text-align: center;
			}
			>iframe {
				margin: 0 0 40px 0;
				width: 100%;
				height: clamp(360px, 49vh, 430px);
			}
			.lpo_btn {
				margin: 0 auto;
			}
		}
		#lpo_company {
			>div {
				position: relative;
				padding: 100px 0 75px 0;
				margin: 0 0 60px 0;
				&:before {
					content: "";
					width: calc(50% + 365px);
					height: 100%;
					border-radius: 50px;
					background: #FFF;
					position: absolute;
					top: 0;
					right: 25px;
					z-index: -1;
				}
				>div {
					display: flex;
					justify-content: space-between;
					.lpo_company_l {
						width: 600px;
						position: relative;
						>img {
							width: 145px;
							height: auto;
							position: absolute;
							top: 30px;
							right: 90px;
						}
						.lpo_title {
							margin: 0 0 45px 0;
						}
						.lpo_txt {
							width: 585px;
							margin: 0 0 60px 0;
						}
						>ul {
							>li {
								display: flex;
								align-items: center;
								gap: 0 30px;
								>p {
									font-size: 16px;
									line-height: 1.5;
								}
								.lpo_company_item {
									display: flex;
									align-items: center;
									justify-content: space-between;
									width: 110px;
									&:after {
										content: ":";
										font-size: 20px;
									}
								}
								&:not(:first-child) {
									padding-top: 25px;
								}
								&:not(:last-child) {
									padding-bottom: 25px;
									border-bottom: 1px solid #464646;
								}
							}
						}
					}
					.lpo_company_r {
						display: flex;
						flex-direction: column;
						justify-content: space-between;
						width: 560px;
						>img {
							width: 560px;
							height: 400px;
							object-fit: cover;
						}
					}
				}
			}
			>ul {
				display: flex;
				gap: 0 40px;
				>li {
					width: calc((100% - 120px)/4);
					>a {
						>div {
							width: 100%;
							aspect-ratio: 17 / 20;
							margin: 0 0 15px 0;
							border-radius: 15px;
							overflow: hidden;
							>img {
								width: 100%;
								height: 100%;
								object-fit: cover;
								transition: all 0.2s;
							}
						}
						.lpo_company_nav_name {
							margin: 0 0 12px 0;
							font-size: 21px;
							line-height: 1;
							letter-spacing: 0.05em;
							transition: all 0.2s;
							>span {
								display: inline-block;
								padding-bottom: 8px;
								border-bottom: 1px solid #333333;
								transition: all 0.2s;
							}
						}
						.lpo_company_nav_txt {
							font-size: 12px;
							line-height: 1.5;
							letter-spacing: 0.1em;
							color: #878787;
						}
						&:hover {
							>div {
								>img {
									transform: scale(1.1);
								}
							}
							.lpo_company_nav_name {
								color: #bdac6f;
								>span {
									border-bottom: 1px solid #bdac6f;
								}
							}
						}
					}
				}
			}
		}
	}
}