@charset "utf-8";
#living {
	position: relative;
	background: url(/base/pc/store/special/newlife/2026/img/living/bg.jpg) left top no-repeat;
	background-size: cover;
	margin: 0 auto;
	max-width: 1500rem;
	overflow: hidden;
}
#living .page-header {
	padding-bottom: 80rem;
}
#living .page-header .in {
	padding-bottom: 80rem;
}
#living .page-header .lead {
	font-size: 30rem;
}
#living .box {
	display: flex;
	justify-content: space-between;
}
.common-price-box .tag {
	width: 120rem;
	font-weight: bold;
}
#living section {
	position: relative;
	overflow: hidden;
}
#living .header {
	position: absolute;
	top: 0;
	color: #000;
}
#living .header.no-float {
	position: relative;
}
#living .section-title {
	font-size: 34rem;
	line-height: 1.5;
	font-style: italic;
	position: relative;
	padding-bottom: 7rem;
	margin-bottom: 7rem;
	letter-spacing: .3em;
}
#living .section-title span {
	color: #a36a61;
}
#living .section-title::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 10000rem;
	height: 1px;
	background-color: #000;
}
#living .header .lead {
	font-size: 25rem;
	line-height: 1.8;
	letter-spacing: .3em;
}
@media (max-width: 1100px) {
#living .header .lead {
	line-height: 1.4;
}
}
#living .section01 {
	padding-bottom: 265rem;
}
#living .section01 .header {
	right: 0;
	padding-right: 120rem;
}
#living .section01 .box01 {
	align-items: flex-end;
	padding-bottom: 56rem;
}
#living .section01 .flavor {
	color: #a36a61;
}
#living .section01 .box01 .images {
	width: 58%;
}
#living .section01 .box01 .texts {
	position: relative;
	width: 38%;
	padding-right: 4%;
}
#living .section01 .box01 .texts .img {
	position: absolute;
	bottom: 112rem;
	right: 2%;
	width: 170rem;
}
#living .section01 .box01 .texts .name {
	padding-right: 145rem;
}
#living .section01 .box02 {
	margin: 0 auto;
	width: 84%;
	max-width: 1183rem;
	padding-bottom: 84rem;
}
#living .section01 .box02 .images {
	width: 44%;
	order: 1;
}
#living .section01 .box02 .texts {
	padding-top: 30rem;
	width: 55%;
	order: 0;
}
#living .slides {
	margin: 0 auto;
	width: 84%;
	max-width: 900rem;
	background-color: rgba(252,237,212,.5);
}
#living .slides .slides-target {
	box-sizing: border-box;
	padding: 60rem 150rem 90rem;
}
#living .slides .slides-target .slick-prev {
	background-image: url(/base/pc/store/special/newlife/2026/img/living/prev01.svg);
}
#living .slides .slides-target .slick-next {
	background-image: url(/base/pc/store/special/newlife/2026/img/living/next01.svg);
}
#living .slides .slides-target .slick-dots {
	left: 50%;
	transform: translateX(-50%);
}
#living .slides .slides-target .slick-dots li {
	border-color: #a36a61;
}
#living .slides .slides-target .slick-dots .slick-active {
	background-color: #a36a61;
}
#living .slides .images {
	margin-bottom: 35rem;
}

#living .section02 {
	padding-bottom: 265rem;
	overflow: visible;
}

#living .section02 .header {
	left: 0;
	padding-left: 120rem;
	width: 520rem;
}

@media (max-width: 1100px) {
	#living .section02 .header {
		top: -30rem;
		left: 0;
	}
}
#living .section02 .section-title::after {
	left: auto;
	right: 0;
}
#living .section02 .box01 {
	align-items: flex-end;
	padding-bottom: 141rem;
	margin: 0 auto;
	width: 84%;
	max-width: 1182rem;
}
#living .section02 .flavor {
	color: #a36a61;
}
#living .section02 .box01 .images {
	order: 1;
	width: 58%;
}
#living .section02 .box01 .texts {
	order: 0;
	position: relative;
	width: 39%;
}
#living .section02 .box02 {
	align-items: flex-end;
	padding-bottom: 141rem;
	margin-right: 8%;
}
#living .section02 .box02 .images {
	width: 64%;
}
#living .section02 .box02 .texts {
	position: relative;
	width: 30%;
}

#living .section03 {
	padding-bottom: 265rem;
}
#living .section03 .flavor {
	color: #4b8585;
}
#living .section03 .section-title span {
	color: #4b8585;
}

#living .tag {
	margin-top: 0;
}
#living .section03 .header {
	left: 0;
	padding-left: 120rem;
	width: 640rem;
	padding-bottom: 90rem;
}
#living .section03 .section-title::after {
	left: auto;
	right: 220rem;
}
#living .section03 .item01 {
	margin: 0 auto;
	width: 84%;
	max-width: 950rem;
	padding-bottom: 195rem;
}
#living .section03 .item01 .flavor {
	/*margin-right: 29%;*/
}
#living .section03 .item01 .slide-wrap {
	background-color: #fff;
	padding: 15rem;
	margin-bottom: 20rem;
}
#living .section03 .item01 .slick-dots {
	bottom: 20rem;
	right: 20rem;
	left: auto;
}
#living .section03 .item01 .slick-prev,
#living .section03 .item01 .slick-next {
	width: 28rem;
	transform: translateY(-50%);
	background-image: url(/base/pc/store/special/newlife/2026/img/common/next04.svg);
}
#living .section03 .item01 .slick-next {
	right: 20rem;
}
#living .section03 .item01 .slick-prev {
	left: 20rem;
	background-image: url(/base/pc/store/special/newlife/2026/img/common/prev04.svg);
}
#living .section02 .item01 .slick-prev,
#living .section01 .item01 .slick-prev {
	background-image: url(/base/pc/store/special/newlife/2026/img/living/prev01.svg);
}
#living .section02 .item01 .slick-next,
#living .section01 .item01 .slick-next {
	background-image: url(/base/pc/store/special/newlife/2026/img/living/next01.svg);

}
#living .section03 .item01 .slick-dots li {
	border-color: #fff;
}
#living .section03 .item01 .slick-dots .slick-active {
	background-color: #fff;
}

#living .section04 .slides .slides-target .slick-prev,
#living .section03 .slides .slides-target .slick-prev {
	background-image: url(/base/pc/store/special/newlife/2026/img/living/prev02.svg);
}
#living .section04 .slides .slides-target .slick-next,
#living .section03 .slides .slides-target .slick-next {
	background-image: url(/base/pc/store/special/newlife/2026/img/living/next02.svg);
}
#living .section04 .slides .slides-target .slick-dots li,
#living .section03 .slides .slides-target .slick-dots li {
	border-color: #4b8585;
}
#living .section04 .slides .slides-target .slick-dots .slick-active,
#living .section03 .slides .slides-target .slick-dots .slick-active {
	background-color: #4b8585;
}
#living .section04 .slides,
#living .section03 .slides {
	background-color: rgba(224,234,234,.5);
}
#living .section03 .slides .slides-target {
	padding-left: 110rem;
	padding-right: 110rem;
}
#living .section04 {
	padding-bottom: 235rem;
	overflow: visible;
}
#living .section04 .flavor {
	color: #4b8585;
}
#living .section04 .section-title span {
	color: #4b8585;
}
#living .section04 .header {
	top: 95rem;
	right: 0;
	padding-right: 120rem;
}
@media (max-width: 1190px) {
#living .section04 .header {
	top: -25rem;
	padding-right: 30rem;
}
}

#living .section04 .box01 {
	align-items: flex-end;
	padding-bottom: 116rem;
}
#living .section04 .box01 .images {
	width: 58%;
}
#living .section04 .box01 .texts {
	position: relative;
	width: 40%;
	padding-right: 4%;
}
#living .section04 .box01 .texts .img {
	width: 310rem;
}
#living .section04 .box02 {
	margin:  0 auto;
	width: 84%;
	max-width: 1100rem;
	align-items: center;
	padding-bottom: 196rem;
}
#living .section04 .box02 .images {
	order: 1;
	width: 62%;
}
#living .section04 .box02 .texts {
	order: 0;
	position: relative;
	width: 35%;
}
sup {
	font-size: 10px;
	vertical-align: super;
}

@media (max-width: 768px) {
	#living {
		background: url(/base/pc/store/special/newlife/2026/img/living/bg-sp02.jpg) left top repeat-y;
		background-size: 100% auto;
	}
	#living .page-header {
		padding-bottom: 95rem;
	}
	#living .page-header .in {
		padding-bottom: 77rem;
	}
	.common-price-box .tag {
		width: 150rem;
	}
	#living .page-header .lead {
		text-align: center;
	}
	#living .header {
		position: relative;
	}
	#living .header.no-float {
		position: relative;
	}
	#living .header .lead {
		font-size: 25rem;
		line-height: 1.8;
	}
	#living .section01 {
		padding-bottom: 158rem;
	}
	#living .section01 .header {
    margin-left: 250rem;
    padding-right: 50rem;
    padding-bottom: 50rem;
	}
	#living .section01 .box01 {
		display: block;
		padding-bottom: 99rem;
	}
	#living .section01 .box01 .images {
		width: 85%;
		padding-bottom: 20rem;
	}
	#living .section01 .box01 .texts {
		position: relative;
		margin-left: 13%;
		width: auto;
		padding-right: 13%;
	}
	#living .section01 .box01 .texts .img {
		bottom: 0rem;
		right: 0%;
		width: 190rem;
	}
	#living .section01 .box01 .texts .name {
		padding-right: 0rem;
	}
	#living .section01 .box01 .texts .sell-at {
		letter-spacing: -.1em;
	}
	#living .section01 .box01 .texts .sell-at .tag {
		letter-spacing: 0em;
	}
	#living .section01 .box02 {
		display: block;
		margin: 0 auto;
		width: 84%;
		padding-bottom: 84rem;
	}
	#living .section01 .box02 .images {
		width: 80%;
		margin: 0 auto 30rem;
	}
	#living .section01 .box02 .texts {
		padding-top: 30rem;
		width: auto;
	}
	#living .section01 .box02 .texts br {
		display: none;
	}
	#living .slides .slides-target {
		padding: 60rem 60rem 70rem;
	}
#living .section03 .slides .slides-target {
	padding-left: 50rem;
	padding-right: 50rem;
}
	#living .slides .images {
		margin-bottom: 25rem;
	}

	#living .section02 {
		padding-bottom: 150rem;
	}

	#living .section02 .header {
		left: 0;
		padding-left: 40rem;
		width: 460rem;
	}

	#living .section02 .box01 {
		display: block;
		padding-bottom: 51rem;
		margin: 0 auto;
		width: 84%;
		max-width: 1182rem;
	}
	#living .section02 .box01 .images {
		width: auto;
		padding-bottom: 20rem;
	}
	#living .section02 .box01 .texts {
		width: auto;
	}
	#living .section02 .box02 {
		display: block;
		padding-bottom: 30rem;
		margin-right: 0%;
	}
	#living .section02 .box02 .images {
		width: 85%;
	}
	#living .section02 .box02 .texts {
		padding-top: 20rem;
		position: relative;
		margin-left: 13%;
		width: auto;
		padding-right: 13%;
	}
	#living .section02 .box02 .texts .img {
		margin-left: auto;
		margin-right: -90rem;
		margin-top: -110rem;
		width: 320rem;

	}

	#living .section03 .item01 .flavor {
		margin-right: 0;
	}
	#living .section03 {
		padding-bottom: 165rem;
	}

	#living .section03 .header {
		left: 0;
		padding-left: 40rem;
		width: 560rem;
		padding-bottom: 70rem;
	}
	#living .section03 .section-title::after {
		left: auto;
		right: 220rem;
	}
	#living .section03 .item01 {
		width: auto;
		padding-bottom: 70rem;
	}
	#living .section03 .item01 .slide-wrap {
		padding: 0rem;
		margin-bottom: 20rem;
	}
	#living .section03 .item01 .texts {
		margin: 0 auto;
		width: 84%;
	}
	#living .section03 .item01 .texts .tag {
		display: block;
		margin: 0;
	}
	#living .section03 .slide02 .img {
		width: 50%;
	}
	#living .section03 .slide03 .texts .box {
		display: block;
	}
	#living .section03 .slide03 .texts .img {
    margin-top: -5%;
    margin-left: 42%;
	}


	#living .section03 .header .lead {
		letter-spacing: 0em;
	}

	#living .section04 {
		padding-bottom: 120rem;
	}
	#living .section04 .header {
		top: 0rem;
		right: 0;
		margin-left: 180rem;
		padding-right: 20rem;
		padding-bottom: 50rem;
		letter-spacing: 0;
	}
	#living .section04 .header .section-title,
	#living .section04 .header .lead {
		letter-spacing: 0.1em;
	}
	#living .section04 .header br {
		display: none;
	}

	#living .section04 .box01 {
		display: block;
		padding-bottom: 106rem;
	}
	#living .section04 .box01 .images {
		width: 78%;
		margin-bottom: 25rem;
	}
	#living .section04 .box01 .texts {
		position: relative;
		margin-left: 8%;
		width: auto;
		padding-right: 17%;
	}
	#living .section04 .box01 .texts .sp-wrap {
		display: flex;
		justify-content: space-between;
	}
	#living .section04 .box01 .texts .in {
		width: 49%;
	}
	#living .section04 .box01 .texts .img {
    width: 59%;
    margin-right: -15%;
    margin-top: -7%;
	}
	#living .section04 .box02 {
		display: block;
		padding-bottom: 96rem;
	}
	#living .section04 .box02 .images {
		width: 86%;
		margin: 0 auto;
		padding-bottom: 20rem;
	}
	#living .section04 .box02 .texts {
		width: auto;

	}
	#living .section04 .slides .slides-target {
    padding: 60rem 30rem 70rem;
  }
}