@charset "UTF-8";

html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	overflow-y: scroll;
	font-size: 62.5%;
}

body {
	font-family: "M PLUS Rounded 1c", serif !important;
	font-weight: 400;
	width: 100%;
	word-wrap: break-word;
	overflow-wrap: break-word;
	color: rgba(70, 29, 135, 1);
	margin: 0;
	-webkit-font-smoothing: antialiased;
	position: relative;
}

a {
	text-decoration: none;
	transition: all .2s ease-out;
	text-decoration: none;
}

a:hover {
	transition: all .2s ease-out;
	cursor: pointer;
}

a img {
	transition: all .2s ease-out;
}

a:focus-visible {
	outline: 1px dashed rgba(0, 0, 0, 1) !important;
}

div:focus-visible {
	outline: 1px dashed rgba(0, 0, 0, 1) !important;
}

ol,
ul,
li {
	list-style: none;
	padding: 0;
}

img {
	display: block;
	width: 100%;
	height: auto;
}

.l ._pc {
	display: block;
}

._pc {
	display: none;
}

.l ._sp {
	display: none;
}

._sp {
	display: block;
}

.HiddenText {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* ================================
        Layout
================================ */
.Center {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0;
	padding-right: 0;
	max-width: 1240px;
	position: relative;
}

.l .Center {
	padding-left: 20px;
	padding-right: 20px;
}


/* ================================
        Header
================================ */
#header {
	display: none;
}


.header {
	background-color: white;
	padding: 20px 0px 20px 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.s .header {
	padding: 3% 0 3% 3%;
}

.logo_box {
	max-width: 300px;
}

.s .logo_box {
	max-width: 150px;
}


.logo_box a:hover {
	opacity: 0.7;
}

.s .logo_box a:hover {
	opacity: 1;
}

.logo {
	width: 100%;
}

/* ================================
        Mv
================================ */
.l .Mv h1 {
	max-width: 926.5px;
	margin: 0 auto;
	transform: translateX(-134px);
}

.l .Mv {
	position: relative;
	background: url(../img/mv-bg-pc.jpg) repeat-x top center;
	background-size: auto 100%;
	width: 100%;
	height: calc(843vw / 9.265);
	max-height: 843px;
	padding-top: 24px;
}

.l .MvArea {
	position: relative;
	background: url(../img/mv-star-pc.png) no-repeat top 50px center;
	background-size: 100%;
	width: 100%;
	aspect-ratio: 2796 /988;
}



/* ================================
        Lead
================================ */
.Lead {
	padding: 8vw 0 9.3vw;
	background: url(../img/lead-bg.jpg);
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	position: relative;
	margin-top: -3.5vw;
}

.l .Lead {
	padding: 0;
	background: url(../img/lead-bg-pc.jpg);
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	margin-top: clamp(-230px, -24.6vw, -180px);
}

.l .Lead::before {
	content: "";
	position: absolute;
	top: -22px;
	left: 0;
	background: url(../img/lead-bg-head-pc.png);
	width: 100%;
	height: 22px;
	background-repeat: repeat-x;
	background-size: 50px 22px;
	background-position: top center;
}

.LeadCredit {
	display: none;
}

.l .LeadCredit {
	display: block;
	position: absolute;
	top: -60px;
	right: 40px;
	max-width: 69px;
}

.l .LeadArea {
	padding: 40px 20px 60px
}

.LeadTitle {
	max-width: 100%;
}

.l .LeadTitle {
	max-width: 805px;
	margin: 0 auto;
}

.LeadInner {
	padding: 0 4vw;
}

.l .LeadInner {
	padding: 0;
}

.LeadShopBox {
	background: rgba(255, 255, 255, 1);
	border-radius: 15px;
	padding: 9.7vw 6vw 4.5vw 6vw;
	border: 0.53vw solid rgba(105, 75, 161, 1);
	position: relative;
	color: rgba(70, 29, 135, 1);
	font-size: 4.26vw;
	line-height: 1.4;
	margin-top: 2.67vw;
}

.l .LeadShopBox {
	max-width: 800px;
	margin: 0 auto;
	padding: 60px 50px 40px 50px;
	border: 8px solid rgba(105, 75, 161, 1);
	font-size: 1.6rem;
	margin-top: 88px;
}

.LeadShopBox h3 {
	text-align: center;
	background-color: rgba(70, 29, 135, 1);
	border: 0.4vw solid rgba(255, 255, 255, 1);
	border-radius: 50vw;
	padding: 2.67vw;
	font-weight: 500;
	color: rgba(255, 255, 255, 1);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 56vw;
	transform: translateY(-5vw);
}

.l .LeadShopBox h3 {
	border: 6px solid rgba(255, 255, 255, 1);
	padding: 15px;
	max-width: 390px;
	font-size: 2.8rem;
	line-height: 1;
	transform: translateY(-56%);
}

.LeadShopBox p {
	padding-bottom: 6.67vw;
	letter-spacing: -0.35vw;
}

.l .LeadShopBox p {
	padding-bottom: 20px;
	letter-spacing: -1.5px;
	line-height: 1.6;
}

.LeadShopBox ul {
	font-size: 3.73vw;
	line-height: 1.6;
}

.l .LeadShopBox ul {
	font-size: 1.4rem;
}

/* ================================
       Goods
================================ */

.GoodsAnchorListWrapper {
	position: relative;
}

.GoodsAnchorListWrapper .GoodsAnchorList.fixed {
	position: fixed;
	width: 100%;
}

.GoodsAnchorList {
	display: flex;
	justify-content: center;
	align-items: center;
}

.l .GoodsAnchorList {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 10;
}

.GoodsAnchorList.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
}

.GoodsAnchorList.fixed-temp {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9999;
}

.GoodsAnchorList.stop {
	position: absolute;
	bottom: 0;
	top: auto;
}

.GoodsAnchorList li a:hover img {
	opacity: 1 !important;
}


.GoodsAnchorList li:nth-of-type(1) {
	display: none;
}

.l .GoodsAnchorList li:nth-of-type(1) {
	display: block;
	width: 9.722vw
}

.GoodsAnchorList li:nth-of-type(2) {
	width: 25.86vw;
}

.l .GoodsAnchorList li:nth-of-type(2) {
	width: 19.54vw
}

.GoodsAnchorList li:nth-of-type(3) {
	width: 24.93vw;
}

.l .GoodsAnchorList li:nth-of-type(3) {
	width: 20.38vw;
}

.GoodsAnchorList li:nth-of-type(4) {
	width: 25.06vw;
}

.l .GoodsAnchorList li:nth-of-type(4) {
	width: 20.27vw;
}

.GoodsAnchorList li:nth-of-type(5) {
	width: 24.26vw;
}

.l .GoodsAnchorList li:nth-of-type(5) {
	width: 19.61vw;
}

.GoodsAnchorList li:nth-of-type(6) {
	display: none;
}

.l .GoodsAnchorList li:nth-of-type(6) {
	display: block;
	width: 10.45vw;
}

.GoodsAnchorList a img:hover {
	transform: scale(1);
}

.GoodsArea {
	position: relative;
	padding-bottom: 15.73vw;
	background: url(../img/goods-bg.jpg);
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}

.l .GoodsArea {
	position: relative;
	background: url(../img/goods-bg-pc.jpg);
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	padding-bottom: 100px;
}

.GoodsLeadBg {
	padding: 12.2vw 0 8vw;
	background: url(../img/goods-lead-bg.png);
	width: 100%;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: top 3vw center;
	position: relative;
	text-align: center;
	font-weight: 500;
}

.l .GoodsLeadBg {
	padding: 36px 0 66px;
	background: none;
}

.Goods h2 {
	max-width: 100%;
	margin: 0 auto;
}

.l .Goods h2 {
	max-width: 991px;
}

.GoodsLead {
	font-size: 4.27vw;
	line-height: 1;
}

.l .GoodsLead {
	font-size: 1.6rem;
	line-height: 1.4;
	margin-top: -20px;
}

.GoodsLeadTerm1 {
	max-width: 35.06vw;
	display: inline-block;
	vertical-align: middle;
	transform: translate(2vw, -0.7vw);
}

.l .GoodsLeadTerm1 {
	max-width: 169px;
	transform: translate(5px, -3px);
	margin-right: -5px
}

.GoodsLeadTerm2 {
	max-width: 31.46vw;
	display: inline-block;
	vertical-align: middle;
	transform: translate(0.5vw, -0.8vw);
}

.l .GoodsLeadTerm2 {
	max-width: 154px;
	transform: translate(-2px, -3px);
	margin: 0 -5px
}

.GoodsLeadLine {
	transform: translateY(-2vw);
	display: inline-block;
}

.l .GoodsLeadLine {
	transform: translateY(0);
}

@media screen and (min-width:769px) and (max-width:813px) {
	.l .GoodsLeadLinePc {
		transform: translateY(-16px);
	}
}




.GoodsLeadNote {
	font-size: 3.73vw;
	margin-top: -2vw;
}

.l .GoodsLeadNote {
	font-size: 1.4rem;
	margin-top: -10px;
}

.GoodsLeadNote li {
	display: block;
}

.l .GoodsLeadNote li {
	display: inline;
}

.GoodsInner {
	padding: 0 4vw;
}

.l .GoodsInner {
	padding: 0;
}

.l .GoodsBoxArea {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: clamp(20px, 2.6vw, 40px);
}

.GoodsBoxArea li {
	position: relative;
	margin-bottom: 9.33vw;
	box-shadow: 1.66vw 2.2vw 0 0 rgba(79, 142, 193, 0.15);
	border-radius: 25px;

}

.l .GoodsBoxArea li {
	width: 31%;
	margin-bottom: 50px;
	box-shadow: 5px 9px 0 0 rgba(79, 142, 193, 0.3);
	transition: .4s;
}

@media screen and (min-width:769px) and (max-width:1160px) {
	.l .GoodsBoxArea li {
		width: 47%;
	}
}

.GoodsBoxArea li:last-child {
	margin-bottom: 12vw;
}

.l .GoodsBoxArea li:last-child {
	margin-bottom: 50px;
}


.GoodsBoxIcon {
	max-width: 29.59vw;
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(-1vw, -4vw);
}

.l .GoodsBoxIcon {
	max-width: 135px;
	width: 11.55vw;
	transform: translate(-11px, -40px)
}

.GoodsBoxArea li .GoodsBoxImg {
	margin: 0 auto;
	padding-bottom: 3.2vw;
	position: relative;
	z-index: 2;
}

.l .GoodsBoxArea li .GoodsBoxImg {
	padding-bottom: 20px;
}

.GoodsBoxArea li:nth-of-type(1) .GoodsBoxImg {
	max-width: 127px;
	width: 30.66vw;
}

.GoodsBoxArea li:nth-of-type(2) .GoodsBoxImg {
	max-width: 101px;
	width: 23.06vw;
}

.GoodsBoxArea li:nth-of-type(3) .GoodsBoxImg {
	max-width: 282px;
	width: 66.06vw;
}

.GoodsBoxArea li:nth-of-type(4) .GoodsBoxImg {
	max-width: 289px;
	width: 67.73vw;
}

.GoodsBoxArea li:nth-of-type(5) .GoodsBoxImg {
	max-width: 133px;
	width: 30.26vw;
}

.GoodsBoxArea li:nth-of-type(6) .GoodsBoxImg {
	max-width: 226px;
	width: 54.8vw;
	transform: translateX(8vw);
}

.l .GoodsBoxArea li:nth-of-type(6) .GoodsBoxImg {
	transform: translateX(14%);
}

.GoodsBoxArea li:nth-of-type(7) .GoodsBoxImg {
	max-width: 121px;
	width: 28.26vw;

}

.GoodsBoxArea li:nth-of-type(8) .GoodsBoxImg {
	max-width: 119px;
	width: 27.73vw;
}

.GoodsBoxArea li:nth-of-type(9) .GoodsBoxImg {
	max-width: 122px;
	width: 30.66vw;
}

.GoodsBoxArea li:nth-of-type(10) .GoodsBoxImg {
	max-width: 269px;
	width: 64.93vw;
}

.GoodsBoxArea li:nth-of-type(11) .GoodsBoxImg {
	max-width: 235px;
	width: 59.19vw;
}

.GoodsBoxArea li:nth-of-type(12) .GoodsBoxImg {
	max-width: 172px;
	width: 44.53vw;
}

.GoodsBoxArea li:nth-of-type(13) .GoodsBoxImg {
	max-width: 202px;
	width: 50vw;
	transform: translateX(12vw);
}

.l .GoodsBoxArea li:nth-of-type(13) .GoodsBoxImg {
	transform: translateX(23%);
}

.GoodsBoxArea li:nth-of-type(14) .GoodsBoxImg {
	max-width: 166px;
	width: 36.53vw;
}

.l .GoodsBoxArea li:nth-of-type(14) .GoodsBoxImg {
	transform: translateX(2px);
}

.GoodsBoxArea li ._price {
	font-family: "M PLUS Rounded 1c", serif !important;
	font-weight: 800;
	font-size: 6.13vw;
	text-align: right;
	padding: 2.5vw 0;
	line-height: 1;
	align-items: center;
	display: flex;
	justify-content: flex-end;
}

.l .GoodsBoxArea li ._price {
	font-size: 2.8rem;
	padding: 15px 0 12px;
}

.GoodsBoxArea li ._price span {
	font-size: 5.06vw;
}

.l .GoodsBoxArea li ._price span {
	font-size: 1.6rem;
}

.GoodsBoxArea li ._size {
	font-weight: 400;
	font-size: 3.73vw;
	text-align: left;
	padding-bottom: 1.33vw;
}

.GoodsBoxArea li ._size span {
	font-size: 3vw;
	letter-spacing: -0.3vw;
}

.l .GoodsBoxArea li ._size span {
	font-size: 1.6rem;
	letter-spacing: 0;
}

.l .GoodsBoxArea li ._size {
	font-size: 1.6rem;
	padding-bottom: 18px;
	line-height: 1.4;
}

.GoodsBoxArea li ._note {
	font-weight: 400 !important;
	font-size: 3.2vw !important;
	text-align: left;
}

.l .GoodsBoxArea li ._note {
	font-size: 1.4rem !important;
	letter-spacing: -1px;
	line-height: 1.4;
}

.GoodsBoxUpper {
	background: rgba(255, 255, 255, 1);
	padding: 8.8vw 2.6vw 4vw 2.6vw;
	border-radius: 25px 25px 0 0;
}

.l .GoodsBoxUpper {
	height: 320px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	text-align: center;
	padding: 20px;
}

.GoodsBoxUpper h3 {
	font-size: 5.33vw;
	line-height: 1.4;
	font-weight: 900 !important;
	text-align: center;
}

.l .GoodsBoxUpper h3 {
	font-size: 2rem;
	letter-spacing: -1px;
}

.GoodsBoxUpper h3 ._small {
	font-size: 4vw;
}

.l .GoodsBoxUpper h3 ._small {
	font-size: 1.6rem;
}

.GoodsBoxUpper h3 ._medium {
	font-size: 4vw;
}

.l .GoodsBoxUpper h3 ._medium {
	font-size: 2rem;
}

.GoodsBoxUpper h3 ._note {
	text-align: center;
	padding-top: 1.3vw;
	display: block;
}

.l .GoodsBoxUpper h3 ._note {
	padding-top: 10px;
}

.GoodsBoxBottom {
	font-family: 'Noto Sans CJK JP', 'Noto Sans JP', sans-serif;
	background: url(../img/goods-box-bottom.jpg);
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom center;
	position: relative;
	text-align: center;
	font-size: 4.27vw;
	font-weight: 500;
	padding: 4.27vw 5.8vw 6.33vw 5.8vw;
	border-radius: 0 0 25px 25px;
}

.l .GoodsBoxBottom {
	background: url(../img/goods-box-bottom-pc.jpg);
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom center;
	position: relative;
	text-align: center;
	font-size: 1.6rem;
	letter-spacing: -1px;
	height: 244px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	padding: 20px 20px 25px 20px;
}


.GoodsBoxBottom h4 {
	font-weight: 500;
	line-height: 1.4;
}

.l .GoodsBoxBottom h4 {
	height: 45px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}



.GoodsBoxBtn {
	max-width: 82.5vw;
	margin: 0 auto;
}

.l .GoodsBoxBtn {
	max-width: 450px;
	padding-top: 10px;
}

.l .GoodsBoxBtn a img {
	transition: .4s;

}

.l .GoodsBoxBtn a img:hover {
	transform: scale(0.9);
	opacity: 1;
}

/* ================================
	Sale
================================ */


.SaleTopInner {
	padding: 21.33vw 0 19vw;
	background: url(../img/sale-bg.jpg);
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	position: relative;
}

.l .SaleTopInner {
	padding: 110px 0 11vw;
	background: url(../img/sale-bg-pc.jpg);
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	position: relative;
}

.SaleTopInner::before {
	content: "";
	position: absolute;
	top: -5vw;
	left: 0;
	background: url(../img/sale-bg-head.png);
	width: 100%;
	aspect-ratio: 750 / 110;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: top center;
}

.l .SaleTopInner::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/sale-bg-head-pc.png);
	width: 100%;
	height: 110px;
	aspect-ratio: unset;
	background-repeat: repeat-x;
	background-size: auto 110px;
	background-position: top center;
	transform: translateY(-50%);
}

.SaleTopInner::after {
	content: "";
	position: absolute;
	bottom: -2.66vw;
	left: 0;
	background: url(../img/sale-bg-tail.png);
	width: 100%;
	aspect-ratio: 750 / 121;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: bottom center;
	z-index: 10;
}

.l .SaleTopInner::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(../img/sale-bg-tail-pc.png);
	width: 100%;
	aspect-ratio: 2880 / 384;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: bottom center;
	z-index: 10;
}

.Sale h2 {
	max-width: 91.46vw;
	margin: 0 auto;
	padding-bottom: 4vw;
}

.l .Sale h2 {
	max-width: 725px;
	padding-bottom: 30px;
}

.SaleItemList {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 2.66vw;
	padding-bottom: 5.33vw;
}

.l .SaleItemList {
	gap: clamp(20px, 2.6vw, 68px);
	flex-wrap: nowrap;
	padding-bottom: 30px;
}

.SaleItemList li {
	max-width: 345px;
	width: 46.13vw;
	transition: .4s;
}


.SaleNote {
	font-family: 'Noto Sans CJK JP', 'Noto Sans JP', sans-serif;
	font-size: 3.2vw;
	text-align: left;
	font-weight: 400;
	line-height: 1.6;
	padding: 0 4vw;
}

.l .SaleNote {
	font-size: 1.4rem;
	text-align: center;
	padding: 0;
}

.SaleNote li {
	text-indent: -1em;
	padding-left: 1em;
}

/* ================================
	Sticker
================================ */
.Sticker {
	background: rgba(186, 202, 232, 1);
	padding-top: 3vw
}

.l .Sticker {
	padding-top: 0;
	margin-top: -2px;
}

.StickerTop {
	background: rgba(186, 202, 232, 1) url(../img/novelty-top-bg.jpg);
	width: 100%;
	aspect-ratio: 750 / 960;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: top center;
	position: relative;
	padding-top: 9vw
}

.l .StickerTop {
	background: rgba(186, 202, 232, 1) url(../img/novelty-top-bg-pc.jpg);
	width: 100%;
	aspect-ratio: unset;
	background-repeat: repeat-x;
	background-size: auto 100%;
	background-position: top center;
	height: calc(511vw / 7.69);
	max-height: 511px;
	position: relative;
	padding-top: 60px;
}

.l .StickerTop::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/sticker-top-star.png) no-repeat top center;
	aspect-ratio: 2880 /584;
	background-size: 100%;
	width: 100%;
}

.StickerInner {
	padding: 0 4vw;
}

.l .StickerInner {
	padding: 0;
}


.StickerSubTitle {
	max-width: 97.33vw;
	margin: 0 auto;
	padding-bottom: 1.46vw;
}

.l .StickerSubTitle {
	max-width: 981px;
	padding-bottom: 10px;
}

.Sticker h2 {
	max-width: 93.2vw;
	margin: 0 auto;
	padding-bottom: 2.27vw;
}

.l .Sticker h2 {
	max-width: 982px;
	padding-bottom: 5px;
}

.StickerLeadNote {
	font-size: 3.73vw;
	text-align: left;
	font-weight: 500;
	letter-spacing: -0.13vw;
	line-height: 1.6
}

.l .StickerLeadNote {
	font-size: 1.4rem;
	/* max-width: 990px;
	margin: 0 auto; */
	display: flex;
	justify-content: center;
	letter-spacing: 0;
}



/* .StickerLeadNote li {
	padding-left: 1em;
	text-indent: -1em;
} */

.l .StickerLeadNote li {
	padding-left: 0;
	text-indent: 0;
	/* white-space: normal;
	flex-shrink: 0; */
}

/* .StickerLeadNote li:nth-of-type(4) {
	display: inline;
}

.StickerLeadNote li:nth-of-type(5) {
	display: inline;
}

.l .StickerLeadNote li:nth-of-type(4) {
	width: auto;
	flex-basis: auto;
	display: block;
} */

.Sticker h3 {
	max-width: 56.39vw;
	margin: 0 auto;
}

.l .Sticker h3 {
	max-width: 380px;
}

.StickerBottom {
	padding: 23.46vw 0 14.26vw;
	background: url(../img/novelty-bottom-bg.png);
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	position: relative;
	margin-top: -14vw;
}

.l .StickerBottomArea {
	overflow: hidden;
	margin-top: -155px;
}

.l .StickerBottom {
	padding: 0;
	background: url(../img/novelty-bottom-bg-pc.png);
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	position: relative;
	margin-top: 0;
	padding-bottom: 10.75vw;
}


.StickerList {
	display: block
}

.l .StickerList {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: auto auto auto;
	column-gap: 0;
	row-gap: 15px;
	justify-items: center;
	padding-top: clamp(200px,
			calc(200px + 100 * ((100vw - 1440px) / 1120)),
			300px);
}

@media (min-width:769px) and (max-width: 1439px) {
	.l .StickerList {
		padding-top: clamp(140px,
				calc(140px + 60 * ((100vw - 769px) / 671)),
				200px);
	}
}

.StickerList li {
	margin: 0 auto;
	padding-bottom: 3.46vw;
	position: relative;
}

.l .StickerList li {
	margin: 0;
	padding-bottom: 0;
}

.StickerList li:nth-of-type(1) {
	max-width: 91.73vw;
}

.l .StickerList li:nth-of-type(1) {
	grid-column: 1;
	grid-row: 1;
	max-width: 380.5px;

}

.StickerList li:nth-of-type(2) {
	max-width: 94.93vw;
}

.l .StickerList li:nth-of-type(2) {

	grid-column: 2;
	grid-row: 1;
	max-width: 387px;

}

.StickerList li:nth-of-type(3) {
	max-width: 91.86vw;
	padding-bottom: 9.8vw;
}

.l .StickerList li:nth-of-type(3) {

	grid-column: 3;
	grid-row: 1;
	max-width: 377.5px;
	padding-bottom: 0;

}

.StickerList li:nth-of-type(4) {
	max-width: 87.2vw;
	padding-bottom: 28.8vw;
}

.l .StickerList li:nth-of-type(4) {
	grid-column: 1;
	grid-row: 2;
	max-width: 415px;
	padding-bottom: 0;
	margin-right: -14px;
	padding-top: 80px;
	position: relative;
}

.StickerList li:nth-of-type(4)::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	margin: auto;
	width: 48.53vw;
	height: 24vw;
	background: url(../img/novelty-text1.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: top right;
	transform: translate(1vw, -12vw);
}

.l .StickerList li:nth-of-type(4)::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	margin: auto;
	width: 59%;
	max-width: 248.5px;
	aspect-ratio: 497 / 210;
	background: url(../img/novelty-text2-pc.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top left;
	transform: translate(0, -8%);
}

.StickerList li:nth-of-type(4)::after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	width: 73.6vw;
	height: 25.2vw;
	background: url(../img/novelty-text2.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	transform: translateY(-1vw);
}

.l .StickerList li:nth-of-type(4)::after {
	content: none;
	width: unset;
	height: unset;
	background: none;
	transform: translateY(0);
}

.StickerList li:nth-of-type(5) {
	max-width: 89.2vw;
}

.l .StickerList li:nth-of-type(5) {
	grid-column: 2;
	grid-row: 2;
	max-width: 392.5px;
	margin-left: -1vw;
}

.StickerList li:nth-of-type(6) {
	max-width: 94.93vw;
	padding-bottom: 28.53vw;
	margin-top: -3vw;
}

.l .StickerList li:nth-of-type(6) {
	grid-column: 3;
	grid-row: 2;
	max-width: 395px;
	padding-bottom: 0;
	position: relative;

}

.l .StickerList li:nth-of-type(6)::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	margin: auto;
	width: 45%;
	max-width: 163px;
	aspect-ratio: 326 / 162;
	background: url(../img/novelty-text1.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top right;
	transform: translate(0, -50%);
}

.l .StickerList li:nth-of-type(6)::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	width: 95.39%;
	max-width: 385px;
	aspect-ratio: 770 / 466;
	background: url(../img/novelty6-pc-icon.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top right;
	transform: translate(75px, -10px);
}

.StickerList li:nth-of-type(7) {
	max-width: 93.46vw;
}

.l .StickerList li:nth-of-type(7) {
	grid-column: 1;
	grid-row: 3;
	max-width: 453.5px;
	margin-right: -53.5px;
	transform: translateX(clamp(90px, calc(16.39vw - 35.77px), 200px));

}

.StickerList li:nth-of-type(7)::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	margin: auto;
	width: 65.73vw;
	height: 21.46vw;
	background: url(../img/novelty-text3.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: top left;
	transform: translate(3vw, -23vw);
}

.l .StickerList li:nth-of-type(7)::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	margin: auto;
	width: 57.85%;
	max-width: 234px;
	aspect-ratio: 468 / 153;
	background: url(../img/novelty-text3.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top right;
	transform: translate(85%, -65px);
	transition: .2s;
}

@media screen and (min-width:769px) and (max-width:1500px) {
	.l .StickerList li:nth-of-type(7)::before {
		transform: translate(85%, -64px);
	}
}

.l .StickerList li:nth-of-type(7)::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 7.66%;
	max-width: 31px;
	aspect-ratio: 62 / 62;
	background: url(../img/novelty7-pc-icon.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom left;
	transform: translate(-195%, -210%);
}

.StickerList li:nth-of-type(8) {
	max-width: 94vw;
	padding-bottom: 0;
}

.l .StickerList li:nth-of-type(8) {
	grid-column: 3;
	grid-row: 3;
	max-width: 490.5px;
	margin-left: -91px;
}

/* ================================
	Event
================================ */
.Event {
	padding: 24.79vw 0 22.6vw;
	position: relative;
	background: url(../img/event-bg.png);
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	margin-top: -14vw;
}

.l .Event {
	padding: 14.19vw 0;
	position: relative;
	background: url(../img/event-bg-pc.png);
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	margin-top: -17vw;
	overflow: hidden;
	transition: .2s;
}

@media screen and (min-width:769px) and (max-width:1024px) {
	.l .Event {
		padding: 18.19vw 0;
	}
}


.EventMainList {
	padding-bottom: 2vw;
}

.l .EventMainList {
	padding-bottom: 0;
}

.EventMainList li {
	margin: 0 auto;
}

.EventMainList li:nth-of-type(1) {
	max-width: 94.66vw;
}

.l .EventMainList li:nth-of-type(1) {
	max-width: 798px;
	margin: 0 auto;
	padding-bottom: 15px;
	position: relative;
}

.l .EventMainList li:nth-of-type(1)::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	margin: auto;
	width: 130px;
	aspect-ratio: 260 / 216;
	background: url(../img/event-bg-star-pc.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top right;
	transform: translate(165%, 5%);
}

.EventMainList li:nth-of-type(2) {
	max-width: 86.8vw;
	margin-top: -13vw;
	transform: translateX(3vw);
	padding-bottom: 3vw;
}

.l .EventMainList li:nth-of-type(2) {
	font-size: clamp(1.8rem, 2.34vw, 2rem);
	text-align: center;
	font-weight: 900;
	margin-top: -10px;
	padding-bottom: 10px;
	transform: translateX(0);
}

.EventMainList li:nth-of-type(3) {
	max-width: 86.8vw;
	padding-bottom: 3vw;
}

.l .EventMainList li:nth-of-type(3) {
	max-width: 938px;
	padding-bottom: 0;
}

.EventMainList li:nth-of-type(4) {
	max-width: 91.86vw;
	position: relative;
	z-index: 2;
}

.l .EventMainList li:nth-of-type(4) {
	display: none;
}

.EventVisual {
	padding-bottom: 2vw;
	margin-top: -8vw;
}

.l .EventVisual {
	max-width: 827px;
	margin: 0 auto;
	margin-top: -2%;
	padding-bottom: 40px;
}

.EventInner {
	padding: 0 8vw;
	margin-top: -5vw;
}

.l .EventInner {
	padding: 0;
	max-width: 800px;
	margin: 0 auto;
}

.EventItem {
	margin-bottom: 5.33vw;
	position: relative;
	padding-bottom: 5.33vw;
}

.l .EventItem {
	margin-bottom: 35px;
	padding: 0 20px 35px 20px
}

.Event .EventItem:last-child {
	margin-bottom: 9.86vw;
	padding-bottom: 0;
}

.l .Event .EventItem:last-child {
	margin-bottom: 70px;
}

.EventItem::after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	width: 76.66vw;
	height: 0.53vw;
	background: url(../img/event-list-line.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center center;
}

.l .EventItem::after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	max-width: 795px;
	width: 100%;
	aspect-ratio: 1590 / 8;
	text-align: center;
	background: url(../img/event-list-line-pc.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.Event .EventItem:last-child:after {
	position: unset;
	background: none;
	background-size: unset;
}

.EventItemTitle {
	max-width: 56.26vw;
	margin: 0 auto;
	padding-bottom: 4vw;
}

.l .EventItemTitle {
	max-width: 390px;
	padding-bottom: 20px;
}

.EventItemTerm {
	max-width: 63.6vw;
	margin: 0 auto;
}

.l .EventItemTerm {
	max-width: 741px;
	margin: 0 auto;
}

.EventItemLead {
	font-size: 4.26vw;
	font-weight: 900;
	text-align: center;
	line-height: 1.4;
	padding-bottom: 2.26vw;
	letter-spacing: -0.027vw;
	text-align: left;
}

.l .EventItemLead {
	font-size: clamp(2rem, 2.6vw, 2.4rem);
	padding-bottom: 14px;
	letter-spacing: -1px;
	text-align: center;
}

.EventItemLead._apply {
	font-size: 4vw;
	padding-bottom: 0;
}

.l .EventItemLead._apply {
	font-size: clamp(1.4rem, 1.82vw, 1.6rem);
}

.l .EventItemLead ._small {
	font-size: clamp(1.4rem, 1.82vw, 1.8rem);
}

.EventItemLead ._palt {
	letter-spacing: -0.3vw;
}

.l .EventItemLead ._palt {
	letter-spacing: 0;
}

.EventItemLead ._pink {
	color: rgba(232, 67, 131, 1);
}

.EventItemList {
	color: rgba(70, 29, 135, 1);
	font-size: 3.73vw;
	font-weight: 500;
	line-height: 1.6;
	display: flex;
	text-align: left;
	flex-direction: column;
	margin: 0 auto;
}

.l .EventItemList {
	font-size: clamp(1.4rem, 1.82vw, 1.6rem);
	letter-spacing: -0.8px;
	display: inline-block;
	margin: 0 auto;
	padding-bottom: 14px;
}

.l .EventItemList li {
	display: inline;
}

.EventItemNote {
	font-size: 3.2vw;
	text-align: left;
	font-weight: 500;
	color: rgba(34, 24, 21, 1);
	line-height: 1.6;
	letter-spacing: -0.25vw;
	padding-top: 3.33vw;
}

.l .EventItemNote {
	font-size: 1.4rem;
	letter-spacing: -1.3px;
	padding-top: 0;
}

.EventApplyBox {
	background: rgba(255, 255, 255, 1);
	border-radius: 15px;
	border: 0.53vw solid rgba(70, 29, 135, 1);
	color: rgba(70, 29, 135, 1);
	font-size: 3.46vw;
	font-weight: 500;
	line-height: 1.4;
	margin-top: 4vw;
}

.l .EventApplyBox {
	border: 04px solid rgba(70, 29, 135, 1);

	font-size: 1.6rem;
	margin-top: 30px;
	text-align: center;
}

.EventApplyBoxTitle {
	text-align: center;
	border-radius: 13px 13px 0 0;
	padding: 2.66vw 0 3.2vw;
	font-size: 3.73vw;
	font-weight: 800;
	color: rgba(255, 255, 255, 1);
}

.l .EventApplyBoxTitle {
	border-radius: 9px 9px 0 0;
	padding: 18px 0;
	font-size: 2.4rem;
	line-height: 1;
}

.EventApplyBoxTitle._pink {
	background-color: rgba(232, 67, 131, 1);
}

.EventApplyBoxTitle._blue {
	background-color: rgba(0, 185, 239, 1);
}

.EventApplyBoxItem {
	padding: 3.46vw;
	letter-spacing: 0.2vw;
}

.l .EventApplyBoxItem {
	padding: 19px 10px 22px;
	letter-spacing: 0;
}

.EventApplyBoxNote {
	font-size: 3.2vw;
	color: rgba(0, 0, 0, 1);
	padding-top: 1.6vw;
}

.l .EventApplyBoxNote {
	font-size: 1.4rem;
	padding-top: 5px;
}

.EventApplyBtn {
	max-width: 81.86vw;
	margin: 0 auto;
}

.l .EventApplyBtn {
	max-width: 445px;
}

.l .EventApplyBtn a img {
	transition: .4s;
}

.l .EventApplyBtn a img:hover {
	transform: scale(0.9);
}

/* ================================
	Collab
================================ */
.Collab {
	margin-top: -16.1vw;
}

.CollabBg {
	position: relative;
	background: url(../img/collab-bg.jpg);
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}

.l .CollabBg {
	background: url(../img/collab-bg-pc.jpg);
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}

.CollabTopInner {
	margin-top: -16.1vw;
	position: relative;
	z-index: 1;
}


.CollabMainList li {
	margin: 0 auto;
}

.CollabMainList li:nth-of-type(1) {
	max-width: 98vw;
	margin: 0 auto;
	padding-top: 4.8vw;
}

.l .CollabMainList li:nth-of-type(1) {
	max-width: 1106px;
	padding-top: 60px;
}

.CollabMainList li:nth-of-type(2) {
	text-align: center;
	font-size: 4.26vw;
	font-weight: 900;
	padding-bottom: 3.26vw;
	letter-spacing: -0.13vw;
}

.l .CollabMainList li:nth-of-type(2) {
	font-size: clamp(2rem, 2.6vw, 2.4rem);
	padding-bottom: 15px;
	letter-spacing: 0;
}

.CollabMainList li:nth-of-type(2) span {
	font-weight: 500;
}

.CollabMainList li:nth-of-type(3) {
	max-width: 74.53vw;
	padding-bottom: 2vw;
}

.l .CollabMainList li:nth-of-type(3) {
	max-width: 991px;
	padding-bottom: 10px;
}


.CollabMainList li:nth-of-type(4) {
	max-width: 94.66vw;
	padding-bottom: 4.53vw;
}

.l .CollabMainList li:nth-of-type(4) {
	max-width: 927.5px;
	padding-bottom: 0;
}

.CollabInner {
	padding: 0 4vw;
}

.CollabLeadNote {
	font-size: 3.73vw;
	text-align: left;
	font-weight: 400;
	padding-bottom: 4.33vw;
}

.l .CollabLeadNote {
	font-size: 1.4rem;
	text-align: center;
	padding-bottom: 40px;
	margin-top: -20px;
}

.CollabTerm li:nth-of-type(1) {
	max-width: 56vw;
	margin: 0 auto;
	padding-bottom: 2.4vw;
}

.l .CollabTerm li:nth-of-type(1) {
	max-width: 390px;
	padding-bottom: 15px;
}

.CollabTerm li:nth-of-type(2) {
	max-width: 100vw;
	margin: 0 auto;
	padding-bottom: 5.33vw
}

.l .CollabTerm li:nth-of-type(2) {
	max-width: 479px;
	padding-bottom: 24px;
}




.CollabArea {
	padding-bottom: 10.66vw;
	position: relative;
}

.l .CollabArea {
	padding-bottom: 80px;
}

.CollabBanner {
	max-width: 93.86vw;
	margin: 0 auto;
}

.l .CollabBanner {
	max-width: 703px;
}

.CollabInner {
	padding: 0 4vw;
}

.l .CollabInner {
	padding: 0;
}

.CollabBox {
	border-radius: 15px;
	padding: 8vw;
	position: relative;
	color: rgba(70, 29, 135, 1);
	font-size: 3.73vw;
	font-weight: 500;
	line-height: 1.6;
	text-align: left;
	letter-spacing: -0.1vw;
}

.l .CollabBox {
	display: flex;
	flex-wrap: wrap;
	border-radius: 20px;
	padding: 35px 40px;
	font-size: 1.6rem;
	letter-spacing: 0;
}

.l .CollabBox._bottom {
	display: block;
	max-width: 800px;
	margin: 0 auto;
}


.l .CollabBox._upper .CollabItem:nth-of-type(1) {
	padding: 0 30px 0 20px
}

.l .CollabBox._upper .CollabItem:nth-of-type(2) {
	padding: 0 0 0 30px
}




.CollabBox._upper {
	background: url(../img/collab-box-bg1.jpg);
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}

.CollabBox._bottom {
	background: url(../img/collab-box-bg2.jpg);
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	position: relative;
}




.CollabBox._bottom p {
	position: absolute;
	bottom: 0;
	right: 0;
	max-width: 22vw;
}

.l .CollabBox._bottom p {
	bottom: 5px;
	right: 5px;
	max-width: 67px;
}




.CollabBox h4 {
	text-align: center;
	max-width: 56vw;
	margin: 0 auto;
	margin-bottom: 2.66vw;
	background-color: rgba(70, 29, 135, 1);
	border-radius: 50vw;
	padding: 2.67vw;
	font-size: 4.26vw;
	color: rgba(255, 255, 255, 1);
}

.l .CollabBox h4 {
	max-width: 380px;
	margin-bottom: 20px;
	padding: 17px 10px;
	font-size: 2.4rem;
	line-height: 1;
}


.CollabItem {
	margin-bottom: 5.33vw;
	position: relative;
	padding-bottom: 5.33vw;
}


.l .CollabItem {
	width: 50%;
	margin-bottom: 0;
	padding-bottom: 0;
}

.CollabBox .CollabItem::after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	width: 76.66vw;
	height: 0.53vw;
	background: url(../img/event-list-line.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center center;
}

.l .CollabBox .CollabItem::after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	left: unset;
	margin: unset;
	max-height: 515px;
	width: 100%;
	height: 100%;
	background: url(../img/collab-list-line-pc.png);
	background-repeat: repeat-y;
	background-size: 4px 261px;
	background-position: top right;
	/* background-position: center right; */
}

.CollabBox .CollabItem:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}

.CollabBox .CollabItem:last-child::after {
	content: none;
	background: none;
	height: 0;
}

.CollabSticker {
	max-width: 100vw;
	margin: -10vw 0 -58vw 0;
}

.l .CollabSticker {
	max-width: 598px;
	margin: 0 auto;
	padding-top: 64px;
	margin: -3% auto 0 auto;
}

.CollabStickerNote {
	text-align: center;
	font-size: 3.73vw;
	font-weight: 500;
	padding-bottom: 3.73vw;
	margin-top: -35vw;
}

.l .CollabStickerNote {
	font-size: 1.6rem;
	padding-bottom: 15px;
	margin-top: 0;
}

.CollabList ._marker {
	font-weight: 900;
	background: linear-gradient(transparent 70%, rgba(255, 255, 255, 1) 70%);
	background-repeat: no-repeat;
	background-size: calc(100% - 0.5em) 100%;
}

.l .CollabList ._marker {
	font-size: 1.8rem;
	background: linear-gradient(transparent 55%, rgba(255, 255, 255, 1) 55%);
	background-size: 99% 100%;
	background-repeat: no-repeat;
}

.CollabList ._bold {
	font-weight: 900;
}

.l .CollabList li {
	text-align: left;
}

.l .CollabList._shop li {
	display: flex;
}

.l .CollabList._shop li span:nth-of-type(1) {
	flex: 0 0 80px;
}

.l .CollabBox._bottom .CollabList li:nth-of-type(2),
.l .CollabBox._bottom .CollabList li:nth-of-type(3) {
	display: inline;
}

.CollabList ._palt {
	letter-spacing: -0.3vw;
}

.l .CollabList ._palt {
	letter-spacing: 0;
}

.l .CollabList._first {
	letter-spacing: 0.3px;
}


/* ================================
        Footer
================================ */
#footer {
	margin-top: 0;
	display: none !important;
}