@media screen and (max-width: 975px) {
	/*===============================
	MARK: common
	=================================*/
	.btn {
		padding: 1em 3em;
	}

	.btn.btn02 {
		padding: 1.5em 3em;
	}

	/*===============================
	MARK: MV
	=================================*/

	.store-info {
		margin-top: -50px;
	}

	.store-info .date {
		max-width: 365px;
	}

	.date .year {
		font-size: 38px;
	}

	.date .day {
		font-size: 51px;
	}

	/*===============================
	MARK: TOP content
	=================================*/
	.about-heading h3 {
		font-size: 36px;
	}

	.about-heading .lead {
		font-size: 22px;
	}

	.about-detail {
		column-gap: 20px;
	}

	.check-list > h4 {
		font-size: 26px;
	}

	.check-list .inner {
		margin-block: 40px 30px;
		padding-inline: 20px;
	}

	.check-list dl dt {
		font-size: 20px;
	}
	.check-list dl dt img {
		width: 52px;
	}
}

@media screen and (max-width: 470px) {
	/*===============================
	MARK: common
	=================================*/
	.pc-content {
		display: none !important;
	}
	.sp-content {
		display: block;
	}

	.btn {
		padding: 1em 1.5em;
	}

	.btn01 {
		padding: 1.5em 3.8em 1.5em 1.5em;
	}

	/*===============================
	MARK: MV
	=================================*/
	.mv-image {
		aspect-ratio: 1;
	}

	.page-ttl {
		position: relative;
		padding-top: 0;
		margin-top: -25px;
		z-index: 1;
	}

	.page-ttl img {
		width: min(90%, 665px);
	}

	.store-info {
		margin-top: 15px;
	}

	.store-name h2 {
		margin-top: 0px;
	}

	.date .year {
		font-size: 35px;
	}
	.date .day {
		font-size: 48px;
	}

	.mv-ribbon .ribbon01 {
		top: 24%;
		left: 1.5%;
		width: 13%;
	}
	.mv-ribbon .ribbon02 {
		top: 0%;
		left: 86%;
		width: 16%;
	}
	.mv-ribbon .ribbon03 {
		top: 57%;
		left: -10.5%;
		width: 56%;
	}
	.mv-ribbon .ribbon04 {
		top: 50%;
		left: 77%;
		width: 25%;
	}

	/*===============================
	MARK: TOP content
	=================================*/
	.page-content {
		margin-top: 45px;
	}

	.coupon-ribbon .ribbon01 {
		top: -3%;
		left: -7%;
		width: 27%;
	}

	#coupon .lead {
		font-size: 22px;
	}

	.coupon-item {
		flex-wrap: wrap;
		gap: 30px;
	}

	.event-ribbon .ribbon01 {
		top: -3%;
		right: -4%;
		width: 21%;
	}

	.event-ribbon .ribbon02 {
		top: 62%;
		left: -14%;
		width: 39%;
	}

	#event .inner {
		padding-inline: 15px;
	}

	#event .lead {
		font-size: 22px;
	}

	.event-item.event01 {
		margin-top: 50px;
	}

	.event-item {
		border-radius: 10px;
		padding: 0 20px 20px 20px;
	}

	.item-ttl h4 {
		font-size: 20px;
		margin-top: -1.7em;
	}

	.item-ttl span {
		padding: 20px 1em;
	}

	#event .event01 .txt p:nth-child(1) {
		margin-top: 30px;
		margin-right: 0;
		padding-left: 0;
	}

	#event .event01 .txt p:nth-child(2) {
		padding-inline: 0;
		margin-top: 25px;
	}

	.event-item.event02 {
		margin-top: 70px;
	}

	#event .event02 .txt p {
		padding-inline: 0;
		margin-block: 30px 20px;
	}

	.about-ribbon .ribbon01 {
		top: -10%;
		left: 88%;
		width: 32%;
	}

	.about-heading .illust01 {
		position: absolute;
		width: min(23%, 244px);
		top: 20px;
		left: -19px;
	}

	.about-heading .illust02 {
		position: absolute;
		width: min(23%, 208px);
		top: 0;
		right: -10px;
	}

	.about-detail {
		flex-direction: column;
		row-gap: 30px;
	}

	.about-heading .text {
		width: 100%;
	}

	.about-heading h3 {
		font-size: 30px;
	}
	.about-heading .lead {
		font-size: 16px;
	}

	.check-list > h4 {
		font-size: 20px;
	}

	.check-list dl dt {
		font-size: 18px;
	}

	.check-list dl dt img {
		width: 45px;
	}

	.product-wrap {
		flex-direction: column;
		row-gap: 20px;
	}

	.product-item a {
		font-size: 18px;
	}

	.product-name {
		margin-block: 10px 5px;
	}
}