@charset "UTF-8";

/* ====================
reset
==================== */
.sc-container {
	background:#ffffff;
}
@media screen and (max-width: 767px) {
	.sc-container {
		background:#ffffff;
	}
}
@media screen and (min-width: 768px) {
	.sc-container, .sc-container * {
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}
}

@media screen and (max-width: 767px) {
	.sc-container, .sc-container * {
		margin: 0;
		padding: 0;
		box-sizing: border-box;
		text-align: left;
	}
}


.sc-container img {
	border: 0;
	height: auto;
}

.sc-container li {
	list-style: none;
}
@media screen and (max-width: 767px) {
	.sc-container th {
		text-align: left;
	}
}
/* .sc-container h1, .sc-container h2,
.sc-container h3, .sc-container h4 {
	font-size: 100%;
	font-weight: normal;
} */
@media screen and (min-width: 768px) {
	button{
		background-color: transparent;
		border: none;
		cursor: pointer;
		outline: none;
		padding: 0;
		appearance: none;
	}
}
@media screen and (max-width: 767px) {
	.shoplogo-wrap {
		margin-bottom: 0;
	}
}


/* ====================
PFEC追加
==================== */
@media screen and (min-width: 768px) {
	#main .container-fluid {
		max-width: 100%;
	}
}
@media screen and (max-width: 767px) {
	#main .container-fluid {
		padding-left: 0px;
		padding-right: 0px;
	}
}

.sc-container a,
.sc-container a:link,
.sc-container a:visited,
.sc-container a:active {
    color: #231815;
}
@media screen and (min-width: 768px) {
	.sc-container a[href] img,
	.sc-container a[href] {
		-webkit-transition: .4s;
		transition: .4s;
	}
}

/* ====================
***
==================== */
img {
	height: auto;
}
.view-pc {
	display: block;
}
@media screen and (max-width: 767px) {
	.view-pc {
		display: none;
	}
}
.view-sp {
	display: none;
}
@media screen and (max-width: 767px) {
	.view-sp {
		display: block;
	}
}
@media screen and (min-width: 768px) {
	.sc-container {
		width: 100%;
		margin: 68px auto 0;
		padding-top: 0;
		padding-bottom: 170px;
		font-size: 16px;
		font-family: "Noto Sans JP", sans-serif;
		font-weight: 400;
		line-height: normal;
		overflow: hidden;
		font-feature-settings: normal;
		background-color: #ffffff;
		color: #221815;
	}
}
@media screen and (max-width: 767px) {
	.sc-container {
		font-family: "Noto Sans JP", sans-serif;
		font-size: calc(32 / 780 * 100vw);
		font-weight: 400;
		margin: calc(48 / 780 * 100vw) auto calc(124 / 780 * 100vw);
		padding-top: 0;
		padding-bottom: calc(200 / 780 * 100vw);
		width: 100%;
		min-height: 100%;
		height: auto;
		line-height: normal;
		background-color: #ffffff;
		color: #221815;
	}
}

@media screen and (min-width: 768px) {
	.sc-container strong {
		font-weight: bold;
	}
}
@media screen and (max-width: 767px) {
	.sc-container img {
		width: 100%;
		height: 100%;
	}
	
	.sc-container strong,
	.sc-container em {
		font-weight: bold;
	}
}

.sc-container a,
.sc-container a:link,
.sc-container a:visited,
.sc-container a:active {
	text-decoration: none;
}
@media screen and (max-width: 767px) {
	.sc-container a,
	.sc-container a:link,
	.sc-container a:visited,
	.sc-container a:active {
		opacity: 1;
	}
}
@media screen and (min-width: 768px) {
	.sc-container a:hover {
		opacity: 0.8;
	}
	
	.sc-container a:hover img {
		opacity: 0.8;
	}
	
	.sc-container a.btn:hover {
		opacity: 0.68;
		transition: 0.4s ease;
	}
	
	.sc-container a:focus {
		outline: none;
	}
}


/* ====================
hero
==================== */
@media screen and (max-width: 767px) {
	.hero {
		background-color: #de574a;
		padding-top: calc(176 / 780 * 100vw);
		padding-bottom: calc(168 / 780 * 100vw);
		width: 100%;
		margin: 0 auto;
	}
	.hero-image {
		width: calc(493 / 780 * 100vw);
		margin: 0 auto;
	}
	.hero-text {
		font-family: "Inter", sans-serif;
		font-variation-settings: "wght" 700, "opsz" 32;
		font-size: calc(36 / 780 * 100vw);
		line-height: calc(50 / 36);
		color: #f7dacf;
		text-align: center;
		margin-top: calc(42 / 780 * 100vw);
	}
}

@media screen and (min-width: 768px) {
	.hero {
		background-color: #de574a;
		width: 100%;
		margin: 0 auto;
		padding-top: 118px;
		padding-bottom: 92px;
	}
	.hero-image {
		width: 519px;
		margin: 0 auto;
	}
	.hero-text {
		font-family: "Inter", sans-serif;
		font-variation-settings: "wght" 700, "opsz" 32;
		font-size: 28px;
		line-height: normal;
		color: #f7dacf;
		text-align: center;
		margin-top: 52px;
	}
}
/* ====================
menu
==================== */
@media screen and (max-width: 767px) {
	.menu {
		display: block;
		background-color: #d1deca;
		padding-top: calc(75 / 780 * 100vw);
		padding-bottom: calc(116 / 780 * 100vw);
		width: 100%;
		margin: 0 auto;
	}
	.menu-title {
		width: 100%;
		font-family: "Inter", sans-serif;
		font-variation-settings: "wght" 600, "opsz" 32;
		font-size: calc(30 / 780 * 100vw);
		line-height: normal;
		color: #231815;
		text-align: center;
		position: relative;
	}
	.menu-title::after {
		content: "";
		display: block;
		width: calc(420 / 780 * 100vw);
		height: calc(3 / 780 * 100vw);
		background-color: #231815;
		position: absolute;
		left: calc(50% - (420 / 2 / 780 * 100vw));
		bottom: calc(-25 / 780 * 100vw);
	}
	.memu-list {
		width: calc(500 / 780 * 100vw);
		margin: 0 auto;
		margin-top: calc(25 / 780 * 100vw);
		padding-top: calc(60 / 780 * 100vw);
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		row-gap: calc(80 / 780 * 100vw);
	}
	.menu-list-item {
		width: 100%;
	}
	.menu-list-item a {
		display: block;
	}
	.menu-list-image {
		width: calc(129 / 780 * 100vw);
		height: calc(129 / 780 * 100vw);
		margin: 0 auto;
	}
	.menu-list-title {
		font-family: "Inter", sans-serif;
		font-variation-settings: "wght" 600, "opsz" 32;
		font-size: calc(30 / 780 * 100vw);
		line-height: normal;
		color: #231815;
		text-align: center;
		margin-top: calc(12 / 780 * 100vw);
	}
	.menu-list-date {
		width: 100%;
		margin-top: calc(8 / 780 * 100vw);
		position: relative;
	}
	.date-end {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: calc(90 / 780 * 100vw);
		position: absolute;
		top: calc(-6 / 780 * 100vw);
		left: 0;
		background-color: rgba(0, 0, 0, 0.5);
		border-radius: calc(6 / 780 * 100vw);
	}
	.date-end-text {
		font-size: calc(28 / 780 * 100vw);
		font-weight: 500;
		letter-spacing: 0.04em;
		color: #ffffff;
	}
	.date-list {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		row-gap: calc(5 / 780 * 100vw);
	}
	.date-list-item {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		row-gap: calc(10 / 780 * 100vw);
		width: calc(372 / 780 * 100vw);
		margin: 0 auto;
	}
	.date-list-item dt,
	.date-list-item dd {
		font-size: calc(24 / 780 * 100vw);
		line-height: normal;
	}
}

@media screen and (min-width: 768px) {
	.menu {
		display: block;
		background-color: #d1deca;
		padding-top: 92px;
		padding-bottom: 135px;
		width: 100%;
		margin: 0 auto;
	}
	.menu-title {
		width: 100%;
		font-family: "Inter", sans-serif;
		font-variation-settings: "wght" 600, "opsz" 32;
		font-size: 34px;
		line-height: normal;
		color: #231815;
		text-align: center;
		position: relative;
	}
	.menu-title::after {
		content: "";
		display: block;
		width: 400px;
		height: 2px;
		background-color: #231815;
		position: absolute;
		left: calc(50% - (400px / 2));
		bottom: -13px;
	}
	.memu-list {
		width: 760px;
		margin: 0 auto;
		margin-top: 13px;
		padding-top: 40px;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		column-gap: 80px;
		justify-content: space-between;
	}
	.menu-list-item {
		width: 320px;
	}
	.menu-list-item a {
		display: block;
	}
	.menu-list-image {
		width: 97px;
		height: 97px;
		margin: 0 auto;
	}
	.menu-list-image img {
		width: 100%;
	}
	.menu-list-title {
		font-family: "Inter", sans-serif;
		font-variation-settings: "wght" 600, "opsz" 32;
		font-size: 26px;
		line-height: normal;
		color: #231815;
		text-align: center;
		margin-top: 25px;
	}
	.menu-list-date {
		width: 100%;
		margin-top: 8px;
		position: relative;
	}
	.date-end {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 68px;
		position: absolute;
		top: -6px;
		left: 0;
		background-color: rgba(0, 0, 0, 0.5);
		border-radius: 6px;
	}
	.date-end-text {
		font-size: 24px;
		font-weight: 500;
		letter-spacing: 0.04em;
		color: #ffffff;
	}
	.date-list {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		row-gap: 5px;
	}
	.date-list-item {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		row-gap: 10px;
		width: 272px;
		margin: 0 auto;
	}
	.date-list-item dt,
	.date-list-item dd {
		font-size: 18px;
		line-height: normal;
	}
}
/* ====================
sections
==================== */
@media screen and (max-width: 767px) {
	.sections {
		width: 100%;
		margin: 0 auto;
	}
	.sections#lens {
		background-color: #b8cae1;
		padding-top: calc(169 / 780 * 100vw);
		padding-bottom: calc(120 / 780 * 100vw);
		position: relative;
	}
	.sections#frame {
		background-color: #a3c9a1;
		padding-top: calc(169 / 780 * 100vw);
		padding-bottom: calc(111 / 780 * 100vw);
		position: relative;
	}
	.sections#lens::before {
		content: "ONLINE STORE";
		font-family: "Inter", sans-serif;
		font-variation-settings: "wght" 600, "opsz" 32;
		font-size: calc(16 / 780 * 100vw);
		color: #2b5894;
		position: absolute;
		top: calc(57 / 780 * 100vw);
		left: calc(45 / 780 * 100vw);
	}
	.sections#lens::after {
		content: "SUMMER SALE";
		font-family: "Inter", sans-serif;
		font-variation-settings: "wght" 600, "opsz" 32;
		font-size: calc(16 / 780 * 100vw);
		color: #2b5894;
		position: absolute;
		top: calc(57 / 780 * 100vw);
		right: calc(43 / 780 * 100vw);
	}
	.sections#frame::before {
		content: "ONLINE STORE";
		font-family: "Inter", sans-serif;
		font-variation-settings: "wght" 600, "opsz" 32;
		font-size: calc(16 / 780 * 100vw);
		color: #c20c17;
		position: absolute;
		top: calc(57 / 780 * 100vw);
		left: calc(45 / 780 * 100vw);
	}
	.sections#frame::after {
		content: "SUMMER SALE";
		font-family: "Inter", sans-serif;
		font-variation-settings: "wght" 600, "opsz" 32;
		font-size: calc(16 / 780 * 100vw);
		color: #c20c17;
		position: absolute;
		top: calc(57 / 780 * 100vw);
		right: calc(43 / 780 * 100vw);
	}
	.sections-title {
		width: 100%;
		font-family: "Inter", sans-serif;
		font-variation-settings: "wght" 600, "opsz" 32;
		font-size: calc(34 / 780 * 100vw);
		line-height: normal;
		color: #2b5894;
		text-align: center;
		position: relative;
	}
	#lens .sections-title {
		color: #2b5894;
	}
	#frame .sections-title {
		color: #c20c17;
	}
	.sections-title::after {
		content: "";
		display: block;
		width: calc(420 / 780 * 100vw);
		height: calc(3 / 780 * 100vw);
		background-color: #2b5894;
		position: absolute;
		left: calc(50% - (420 / 2 / 780 * 100vw));
		bottom: calc(-25 / 780 * 100vw);
	}
	#lens .sections-title::after {
		background-color: #2b5894;
	}
	#frame .sections-title::after {
		background-color: #c20c17;
	}
	.sections-title::before {
		content: "";
		display: block;
		background-image: url(../img/image_lens.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		width: calc(103 / 780 * 100vw);
		height: calc(38 / 780 * 100vw);
		position: absolute;
		left: calc(50% - (103 / 2 / 780 * 100vw));
		top: calc(-50 / 780 * 100vw);
	}
	#lens .sections-title::before {
		background-image: url(../img/image_lens.png);
	}
	#frame .sections-title::before {
		background-image: url(../img/image_frame.png);
	}
	.sections-catch {
		font-family: "Inter", sans-serif;
		font-variation-settings: "wght" 600, "opsz" 32;
		font-size: calc(31 / 780 * 100vw);
		line-height: normal;
		color: #2b5894;
		text-align: center;
		margin-top: calc(50 / 780 * 100vw);
	}
	.sale-detail {
		width: calc(254 / 780 * 100vw);
		height: calc(134 / 780 * 100vw);
		position: relative;
		margin: 0 auto;
	}
	#frame .sale-detail {
		margin-top: calc(42 / 780 * 100vw);
	}
	.sale-number.lens {
		font-family: "Oswald", sans-serif;
		font-weight: 700;
		font-size: calc(160 / 780 * 100vw);
		line-height: 1;
		letter-spacing: -0.03em;
		color: #f4b9ca;
		position: absolute;
		top: calc(-8 / 780 * 100vw);
		left: calc(-6 / 780 * 100vw);
		width: 100%;
		z-index: 2;
	}
	.sale-number.frame {
		font-family: "Oswald", sans-serif;
		font-weight: 700;
		font-size: calc(160 / 780 * 100vw);
		line-height: 1;
		letter-spacing: -0.03em;
		color: #f1931c;
		position: absolute;
		top: calc(-8 / 780 * 100vw);
		left: calc(-6 / 780 * 100vw);
		width: 100%;
		z-index: 2;
	}
	.sale-number.lens::after {
		content: "30";
		font-family: "Oswald", sans-serif;
		font-weight: 700;
		font-size: calc(160 / 780 * 100vw);
		line-height: 1;
		letter-spacing: -0.03em;
		color: #2b5894;
		position: absolute;
		top: calc(6 / 780 * 100vw);
		left: calc(6 / 780 * 100vw);
		width: 100%;
		z-index: -1;
	}
	.sale-number.frame::after {
		content: "30";
		font-family: "Oswald", sans-serif;
		font-weight: 700;
		font-size: calc(160 / 780 * 100vw);
		line-height: 1;
		letter-spacing: -0.03em;
		color: #c20c17;
		position: absolute;
		top: calc(6 / 780 * 100vw);
		left: calc(6 / 780 * 100vw);
		width: 100%;
		z-index: -1;
	}
	.sale-percent.lens {
		font-family: "Oswald", sans-serif;
		font-weight: 700;
		font-size: calc(80 / 780 * 100vw);
		line-height: 1;
		letter-spacing: -0.025em;
		color: #f4b9ca;
		position: absolute;
		top: calc(8 / 780 * 100vw);
		left: calc(165 / 780 * 100vw);
		width: 100%;
		z-index: 2;
	}
	.sale-percent.frame {
		font-family: "Oswald", sans-serif;
		font-weight: 700;
		font-size: calc(80 / 780 * 100vw);
		line-height: 1;
		letter-spacing: -0.025em;
		color: #f1931c;
		position: absolute;
		top: calc(8 / 780 * 100vw);
		left: calc(165 / 780 * 100vw);
		width: 100%;
		z-index: 2;
	}
	.sale-percent.lens::after {
		content: "%";
		font-family: "Oswald", sans-serif;
		font-weight: 700;
		font-size: calc(80 / 780 * 100vw);
		line-height: 1;
		letter-spacing: -0.025em;
		color: #2b5894;
		position: absolute;
		top: calc(6 / 780 * 100vw);
		left: calc(6 / 780 * 100vw);
		width: 100%;
		z-index: -1;
	}
	.sale-percent.frame::after {
		content: "%";
		font-family: "Oswald", sans-serif;
		font-weight: 700;
		font-size: calc(80 / 780 * 100vw);
		line-height: 1;
		letter-spacing: -0.025em;
		color: #c20c17;
		position: absolute;
		top: calc(6 / 780 * 100vw);
		left: calc(6 / 780 * 100vw);
		width: 100%;
		z-index: -1;
	}
	.sale-off.lens {
		font-family: "Oswald", sans-serif;
		font-weight: 700;
		font-size: calc(64 / 780 * 100vw);
		line-height: 1;
		letter-spacing: -0.025em;
		color: #f4b9ca;
		position: absolute;
		top: calc(85 / 780 * 100vw);
		left: calc(165 / 780 * 100vw);
		width: 100%;
		z-index: 2;
	}
	.sale-off.frame {
		font-family: "Oswald", sans-serif;
		font-weight: 700;
		font-size: calc(64 / 780 * 100vw);
		line-height: 1;
		letter-spacing: -0.025em;
		color: #f1931c;
		position: absolute;
		top: calc(85 / 780 * 100vw);
		left: calc(165 / 780 * 100vw);
		width: 100%;
		z-index: 2;
	}
	.sale-off.lens::after {
		content: "OFF";
		font-family: "Oswald", sans-serif;
		font-weight: 700;
		font-size: calc(64 / 780 * 100vw);
		line-height: 1;
		letter-spacing: -0.025em;
		color: #2b5894;
		position: absolute;
		top: calc(6 / 780 * 100vw);
		left: calc(6 / 780 * 100vw);
		width: 100%;
		z-index: -1;
	}
	.sale-off.frame::after {
		content: "OFF";
		font-family: "Oswald", sans-serif;
		font-weight: 700;
		font-size: calc(64 / 780 * 100vw);
		line-height: 1;
		letter-spacing: -0.025em;
		color: #c20c17;
		position: absolute;
		top: calc(6 / 780 * 100vw);
		left: calc(6 / 780 * 100vw);
		width: 100%;
		z-index: -1;
	}
	.sections-lead {
		width: calc(580 / 780 * 100vw);
		margin: 0 auto;
		margin-top: calc(36 / 780 * 100vw);
		position: relative;
	}
	.lead-end {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: calc(145 / 780 * 100vw);
		position: absolute;
		top: calc(-6 / 780 * 100vw);
		left: 0;
		background-color: rgba(0, 0, 0, 0.5);
		border-radius: calc(6 / 780 * 100vw);
	}
	.lead-end-text {
		font-size: calc(28 / 780 * 100vw);
		font-weight: 500;
		letter-spacing: 0.05em;
		color: #ffffff;
	}
	.sections-lead-text {
		font-size: calc(28 / 780 * 100vw);
		font-weight: 700;
		line-height: calc(44 / 28);
		letter-spacing: 0.05em;
		text-align: center;
	}
	#lens .sections-lead-text {
		color: #2b5894;
	}
	#frame .sections-lead-text {
		color: #c20c17;
	}
	.sections-note {
		width: calc(650 / 780 * 100vw);
		margin: 0 auto;
		padding: calc(30 / 780 * 100vw) calc(40 / 780 * 100vw) calc(32 / 780 * 100vw) calc(40 / 780 * 100vw);
		margin-top: calc(32 / 780 * 100vw);
	}
	#lens .sections-note { 
		border: solid 1px #2b5894;
	}
	#frame .sections-note {
		border: solid 1px #c20c17;
	}
	.note-list {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		row-gap: calc(11 / 780 * 100vw);
	}
	.note-list-item {
		font-size: calc(24 / 780 * 100vw);
		line-height: calc(40 / 24);
		text-indent: -1.1em;
		padding-left: 1.1em;
	}
	#lens .note-list-item {
		color: #2b5894;
	}
	#frame .note-list-item {
		color: #c20c17;
	}
	.coupon {
		margin-top: calc(28 / 780 * 100vw);
	}
	.coupon-text {
		font-size: calc(24 / 780 * 100vw);
		font-weight: 500;
		line-height: calc(44 / 24);
		letter-spacing: 0.05em;
		color: #2b5894;
		text-align: center;
	}
	.coupon-title {
		font-size: calc(24 / 780 * 100vw);
		font-weight: 500;
		line-height: calc(44 / 24);
		letter-spacing: 0.05em;
		color: #2b5894;
		text-align: center;
		padding-top: calc(16 / 780 * 100vw);
	}
	.coupon-code {
		width: calc(480 / 780 * 100vw);
		height: calc(60 / 780 * 100vw);
		background-color: #2b5894;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0 auto;
		margin-top: calc(14 / 780 * 100vw);
		position: relative;
	}
	.coupon-code-text {
		font-family: "Inter", sans-serif;
		font-variation-settings: "wght" 700, "opsz" 32;
		font-size: calc(28 / 780 * 100vw);
		letter-spacing: 1em;
		padding-left: 1em;
		line-height: calc(52 / 28);
		text-align: center;
		color: #ffffff;
	}
	.coupon-end {
		width: calc(480 / 780 * 100vw);
		height: 100%;
		margin: 0 auto;
		position: absolute;
		top: 0;
		left: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: #7689a1;
	}
	.coupon-end-text {
		font-size: calc(24 / 780 * 100vw);
		font-weight: 500;
		line-height: calc(52 / 24);
		letter-spacing: 0.1em;
		color: #313131;
		margin-top: calc(-4 / 780 * 100vw);
	}
	.sale-button {
		width: calc(480 / 780 * 100vw);
		margin: 0 auto;
		margin-top: calc(39 / 780 * 100vw);
	}
	.btn-sale {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: calc(60 / 780 * 100vw);
		background-color: #c20c17;
		font-size: calc(28 / 780 * 100vw);
		font-weight: 500;
		line-height: calc(52 / 28);
		letter-spacing: 0.1em;
		color: #ffffff!important;
		text-align: center;
		text-decoration: none;
	}
}

@media screen and (min-width: 768px) {
	.sections {
		width: 100%;
		margin: 0 auto;
	}
	.sections#lens {
		background-color: #b8cae1;
		padding-top: 155px;
		padding-bottom: 100px;
		position: relative;
	}
	.sections#frame {
		background-color: #a3c9a1;
		padding-top: 155px;
		padding-bottom: 100px;
		position: relative;
	}
	.sections#lens::before {
		content: "ONLINE STORE";
		font-family: "Inter", sans-serif;
		font-variation-settings: "wght" 600, "opsz" 32;
		font-size: 14px;
		color: #2b5894;
		position: absolute;
		top: 46px;
		left: calc(50% - 440px);
	}
	.sections#lens::after {
		content: "SUMMER SALE";
		font-family: "Inter", sans-serif;
		font-variation-settings: "wght" 600, "opsz" 32;
		font-size: 14px;
		color: #2b5894;
		position: absolute;
		top: 46px;
		right: calc(50% - 440px);
	}
	.sections#frame::before {
		content: "ONLINE STORE";
		font-family: "Inter", sans-serif;
		font-variation-settings: "wght" 600, "opsz" 32;
		font-size: 14px;
		color: #c20c17;
		position: absolute;
		top: 46px;
		left: calc(50% - 440px);
	}
	.sections#frame::after {
		content: "SUMMER SALE";
		font-family: "Inter", sans-serif;
		font-variation-settings: "wght" 600, "opsz" 32;
		font-size: 14px;
		color: #c20c17;
		position: absolute;
		top: 46px;
		right: calc(50% - 440px);
	}
	.sections-title {
		width: 100%;
		font-family: "Inter", sans-serif;
		font-variation-settings: "wght" 600, "opsz" 32;
		font-size: 34px;
		line-height: normal;
		text-align: center;
		position: relative;
	}
	#lens .sections-title {
		color: #2b5894;
	}
	#frame .sections-title {
		color: #c20c17;
	}
	.sections-title::after {
		content: "";
		display: block;
		width: 400px;
		height: 2px;
		position: absolute;
		left: calc(50% - 200px);
		bottom: -14px;
	}
	#lens .sections-title::after {
		background-color: #2b5894;
	}
	#frame .sections-title::after {
		background-color: #c20c17;
	}
	.sections-title::before {
		content: "";
		display: block;
		background-image: url(../img/image_lens.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		width: 94px;
		height: 35px;
		position: absolute;
		left: calc(50% - 47px);
		top: -57px;
	}
	#lens .sections-title::before {
		background-image: url(../img/image_lens.png);
	}
	#frame .sections-title::before {
		background-image: url(../img/image_frame.png);
	}
	.sections-catch {
		font-family: "Inter", sans-serif;
		font-variation-settings: "wght" 600, "opsz" 32;
		font-size: 32px;
		line-height: normal;
		color: #2b5894;
		text-align: center;
		margin-top: 37px;
	}
	.sale-detail {
		width: 254px;
		height: 134px;
		position: relative;
		margin: 0 auto;
	}
	#frame .sale-detail {
		margin-top: 31px;
	}
	.sale-number.lens {
		font-family: "Oswald", sans-serif;
		font-weight: 700;
		font-size: 160px;
		line-height: 1;
		letter-spacing: -0.03em;
		color: #f4b9ca;
		position: absolute;
		top: -6px;
		left: -6px;
		width: 100%;
		z-index: 2;
	}
	.sale-number.frame {
		font-family: "Oswald", sans-serif;
		font-weight: 700;
		font-size: 160px;
		line-height: 1;
		letter-spacing: -0.03em;
		color: #f1931c;
		position: absolute;
		top: -6px;
		left: -6px;
		width: 100%;
		z-index: 2;
	}
	.sale-number.lens::after {
		content: "30";
		font-family: "Oswald", sans-serif;
		font-weight: 700;
		font-size: 160px;
		line-height: 1;
		letter-spacing: -0.03em;
		color: #2b5894;
		position: absolute;
		top: 6px;
		left: 6px;
		width: 100%;
		z-index: -1;
	}
	.sale-number.frame::after {
		content: "30";
		font-family: "Oswald", sans-serif;
		font-weight: 700;
		font-size: 160px;
		line-height: 1;
		letter-spacing: -0.03em;
		color: #c20c17;
		position: absolute;
		top: 6px;
		left: 6px;
		width: 100%;
		z-index: -1;
	}
	.sale-percent.lens {
		font-family: "Oswald", sans-serif;
		font-weight: 700;
		font-size: 80px;
		line-height: 1;
		letter-spacing: -0.025em;
		color: #f4b9ca;
		position: absolute;
		top: 10px;
		left: 165px;
		width: 100%;
		z-index: 2;
	}
	.sale-percent.frame {
		font-family: "Oswald", sans-serif;
		font-weight: 700;
		font-size: 80px;
		line-height: 1;
		letter-spacing: -0.025em;
		color: #f1931c;
		position: absolute;
		top: 10px;
		left: 165px;
		width: 100%;
		z-index: 2;
	}
	.sale-percent.lens::after {
		content: "%";
		font-family: "Oswald", sans-serif;
		font-weight: 700;
		font-size: 80px;
		line-height: 1;
		letter-spacing: -0.025em;
		color: #2b5894;
		position: absolute;
		top: 6px;
		left: 6px;
		width: 100%;
		z-index: -1;
	}
	.sale-percent.frame::after {
		content: "%";
		font-family: "Oswald", sans-serif;
		font-weight: 700;
		font-size: 80px;
		line-height: 1;
		letter-spacing: -0.025em;
		color: #c20c17;
		position: absolute;
		top: 6px;
		left: 6px;
		width: 100%;
		z-index: -1;
	}
	.sale-off.lens {
		font-family: "Oswald", sans-serif;
		font-weight: 700;
		font-size: 64px;
		line-height: 1;
		letter-spacing: -0.025em;
		color: #f4b9ca;
		position: absolute;
		top: 86px;
		left: 165px;
		width: 100%;
		z-index: 2;
	}
	.sale-off.frame {
		font-family: "Oswald", sans-serif;
		font-weight: 700;
		font-size: 64px;
		line-height: 1;
		letter-spacing: -0.025em;
		color: #f1931c;
		position: absolute;
		top: 86px;
		left: 165px;
		width: 100%;
		z-index: 2;
	}
	.sale-off.lens::after {
		content: "OFF";
		font-family: "Oswald", sans-serif;
		font-weight: 700;
		font-size: 64px;
		line-height: 1;
		letter-spacing: -0.025em;
		color: #2b5894;
		position: absolute;
		top: 6px;
		left: 6px;
		width: 100%;
		z-index: -1;
	}
	.sale-off.frame::after {
		content: "OFF";
		font-family: "Oswald", sans-serif;
		font-weight: 700;
		font-size: 64px;
		line-height: 1;
		letter-spacing: -0.025em;
		color: #c20c17;
		position: absolute;
		top: 6px;
		left: 6px;
		width: 100%;
		z-index: -1;
	}
	.sections-lead {
		width: 520px;
		margin: 0 auto;
		margin-top: 40px;
		position: relative;
	}
	#frame .sections-lead {
		margin-top: 51px;
	}
	.lead-end {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 126px;
		position: absolute;
		top: -5px;
		left: 0;
		background-color: rgba(0, 0, 0, 0.5);
		border-radius: 6px;
	}
	.lead-end-text {
		font-size: 24px;
		font-weight: 500;
		letter-spacing: 0.05em;
		color: #ffffff;
	}
	.sections-lead-text {
		font-size: 26px;
		font-weight: 700;
		line-height: calc(38 / 26);
		letter-spacing: 0.05em;
		text-align: center;
	}
	#lens .sections-lead-text {
		color: #2b5894;
	}
	#frame .sections-lead-text {
		color: #c20c17;
	}
	.sections-note {
		width: 600px;
		margin: 0 auto;
		padding: 25px 30px 25px 30px;
		margin-top: 25px;
	}
	#lens .sections-note {
		border: solid 1px #2b5894;
	}
	#frame .sections-note {
		border: solid 1px #c20c17;
	}
	.note-list {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		row-gap: 8px;
	}
	.note-list-item {
		font-size: 14px;
		line-height: calc(24 / 14);
		text-indent: -1.1em;
		padding-left: 1.1em;
	}
	#lens .note-list-item {
		color: #2b5894;
	}
	#frame .note-list-item {
		color: #c20c17;
	}
	.coupon {
		margin-top: 23px;
	}
	.coupon-text {
		font-size: 16px;
		font-weight: 500;
		line-height: calc(28 / 16);
		letter-spacing: normal;
		color: #2b5894;
		text-align: center;
	}
	.coupon-title {
		font-size: 19px;
		font-weight: 500;
		line-height: normal;
		letter-spacing: normal;
		color: #2b5894;
		text-align: center;
		padding-top: 12px;
	}
	.coupon-code {
		width: 360px;
		height: 50px;
		background-color: #2b5894;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0 auto;
		margin-top: 14px;
		position: relative;
	}
	.coupon-code-text {
		font-family: "Inter", sans-serif;
		font-variation-settings: "wght" 700, "opsz" 32;
		font-size: 20px;
		letter-spacing: 1em;
		padding-left: 1em;
		line-height: normal;
		text-align: center;
		color: #ffffff;
	}
	.coupon-end {
		width: 360px;
		height: 100%;
		margin: 0 auto;
		position: absolute;
		top: 0;
		left: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: #7689a1;
	}
	.coupon-end-text {
		font-size: 20px;
		font-weight: 500;
		line-height: calc(30 / 20);
		letter-spacing: 0.1em;
		color: #313131;
	}
	.sale-button {
		width: 360px;
		margin: 0 auto;
		margin-top: 32px;
	}
	.btn-sale {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 50px;
		background-color: #c20c17;
		font-size: 20px;
		font-weight: 500;
		line-height: calc(30 / 20);
		letter-spacing: 0.1em;
		color: #ffffff!important;
		text-align: center;
		text-decoration: none;
	}
}