@charset "utf-8";

/*setting*/

html {
	font-size: 1px;
}

@media (max-width: 1000px) {
	html {
		font-size: .133vw;
		font-size: .103vw;
	}
}
@media (max-width: 768px) {
	html {
		font-size: .17vw;
		
	}
}
body {
  font-family: "Kiwi Maru", serif;
	font-feature-settings: "palt";
  font-weight: 500;
	line-height: 1;
	color: #261815;
	word-break: break-all;
	word-wrap: anywhere;
}
.zen,
.en {
  font-family: "Zen Kaku Gothic Antique", sans-serif;
	font-weight: 900;
}
.gothic {
	font-family: sans-serif;
	letter-spacing: .1em;
}
.tks-theme-com-simple-page__footer {
	border-top: none;
}
a {
	color: #261815;
	text-decoration: none;
}
a:hover {
	opacity: 0.7;
}
a img {
	transition: opacity 0.3s ease-out;
}
a img:hover {
	opacity: 0.7;
}
img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
footer {
	background-color: #fff;
	position: relative;
	z-index: 1
}
.sp {
	display: none !important;
}
.serif {
	font-family: 'Noto Serif JP', serif;
}
.wrap {
	position: relative;
	margin: 0 auto;
	width: 88%;
	max-width: 1000rem;
}
.wrapper {
	position: relative;
	overflow: hidden;
}
.clearfix::after {
	content: "";
	display: table;
	height: 1px;
	clear: both;
}
.baskerville {
  font-family: "Libre Baskerville", serif;
}
.link-button {
	display: block;
	position: relative;
	border: 1px solid #ea63a0;
	border-radius: 40rem;
	padding: 15rem 40rem;
	text-align: center;
	font-size: 20rem;
	background-color: #fff;
}
.link-button:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 22rem;
	width: 0;
	height: 0;
	transform: translateY(-45%);
	border-style: solid;
	border-top: 9rem solid transparent;
	border-bottom: 9rem solid transparent;
	border-left: 11rem solid #ea63a0;
	border-right: 0;
}

@media (max-width: 768px) {
	.sp {
		display: block !important;
	}
	.pc {
		display: none !important;

	}
}
.wrapper > header {
	background-color: #fff;
}
.main {
	position: relative;
}
.ac-box {
	display: none;
}
.ac-banner {
	cursor: pointer;
}
.click-change .on-img {
	display: none;
}
.click-change.on .off-img {
	display: none;
}
.click-change.on .on-img {
	display: block;
}
.main img {
	width: 100%;
	height: auto;
}
.page-top {
	display: none !important;
	position: fixed;
	bottom: 20rem;
	right: 20rem;
	width: 45rem;
	z-index: 12;
}
.to-toppage {
	margin: 0 auto;
	max-width: 600rem;
	padding: 95rem 0 110rem;
	text-align: center;
}
.to-toppage .text {
	font-size: 18rem;
	line-height: 1.9;
	padding-bottom: 28rem;
}
.slick-dots {
	position: absolute;
	bottom: -29rem;
	left: 0rem;
	z-index: 12;
	display: flex;
	gap: 10rem;
}
.slick-dots li {
	width: 12rem;
	height: 12rem;
	border: 2px solid #b0b0b0;
	background-color: transparent;
	font-size: 0;
	border-radius: 50%;
}
.slick-dots button {
	opacity: 0;
}
.slick-dots .slick-active {
	background-color: #b0b0b0;
}
.slick-next,
.slick-prev {
	border: none;
	font-size: 0;
	width: 119rem;
	height: 70rem;
	z-index: 2;
}
.slick-prev {
	position: absolute;
	top: 50%;
	left: 0rem;
	transform: translate(-50%,-50%);
	background: url(/base/pc/store/special/newlife/2026/img/common/prev01.svg) no-repeat;
}
.slick-next {
	position: absolute;
	top: 50%;
	right: 0rem;
	transform: translate(50%,-50%);
	background: url(/base/pc/store/special/newlife/2026/img/common/next01.svg) no-repeat;
}
.slide02 .slick-prev {
	left: 20rem;
}

.slide02 .slick-next {
	right: 20rem;

}
@media (max-width: 768px) {

	.swipe-img {
		position: relative;
		overflow: auto;
		width: 100vw;
	}

	.swipe-img:before,
	.swipe-img:after {
		content: "";
		position: absolute;
		display: block;
		top: 50%;
		width: 20rem;
		height: 20rem;
	}

	.swipe-img:before {
		right: 35rem;
		transform: translateY(-50%) rotate(-45deg);
		border-right: 1px solid #261815;
		border-bottom: 1px solid #261815;
	}

	.swipe-img:after {
		left: 35rem;
		transform: translateY(-50%) rotate(45deg);
		border-left: 1px solid #261815;
		border-bottom: 1px solid #261815;
	}

	.swipe-img .in-box {
		width: 200vw;
		display: flex;
		justify-content: space-between;
		align-items: start;
	}

	.swipe-img .in-box img {
		width: 100vw;
	}

	.page-top {
		width: 90rem;
	}
	.slick-next,
	.slick-prev {
		width: 80rem;
		height: 50rem;
	}
}
.page-annotation {
	padding: 100rem 0;
	font-size: 14rem;
	line-height: 1.8;
}

.common-price-box .mini {
	font-size: 75%;
}
.common-price-box .tag {
	display: block;
	width: 70rem;
	text-align: center;
	padding: 0rem 2rem;
	border: 1px solid #261815;
  line-height: 1.38;
	box-sizing: border-box;
	font-size: 13rem;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
	font-weight: 900;
	margin-top: 10rem;
}
.common-price-box .tag.inline {
	display: inline-block;
	margin-left: 15rem;
}
.common-price-box .flavor {
	font-size: 18rem;
	line-height: 1.8;
	padding-bottom: 11rem;
	font-weight: 500;
	margin-top: 0;
}
.common-price-box .sell-at,
.common-price-box .price,
.common-price-box .detail,
.common-price-box .name {
  font-family: "Zen Kaku Gothic New", sans-serif;
	font-size: 15rem;
	line-height: 1.8;
}
@media (max-width: 768px) {
	.common-price-box .mini {
		font-size: 80%;
	}
	.common-price-box .tag {
		width: 110rem;
		padding: 0rem 2rem;
		font-size: 18rem;
	}
	.common-price-box .tag.inline {
		margin-left: 15rem;
	}
	.common-price-box .flavor {
		font-size: 19rem;
		padding-bottom: 11rem;
		line-height: 1.35;
	}
	.common-price-box .sell-at,
	.common-price-box .price,
	.common-price-box .detail,
	.common-price-box .name {
		font-size: 18rem;
		line-height: 1.35;
	}
}