@media screen and (max-width: 975px) {
	/*===============================
	MARK: TOP content
	=================================*/
	#otoshidama01 .row-01 {
		gap: 20px;
		padding-inline: 30px;
	}

	.section-heading h2 {
		font-size: 36px;
	}

	.price-main {
		font-size: 60px;
	}

	.product .badge {
		width: 80px;
		height: 80px;
		font-size: 18px;
		bottom: 90%;
	}

	.product .notice {
		font-size: 1rem;
	}

	#otoshidama01 .row-02 {
		gap: 20px;
		padding-inline: 30px;
	}

	.point-item h4 {
		font-size: var(--fz22);
	}

	.bnr-wrap .badge {
		bottom: 55%;
		right: 93%;
		width: 90px;
		height: 90px;
		font-size: var(--fz18);
	}

	.section-inner {
		margin-top: 60px;
	}

	.fukidashi {
		font-size: var(--fz24);
		padding: 20px 14px 18px 57px;
	}

	#otoshidama02 .product {
		width: 33%;
	}

	.fukidashi .badge img {
		width: 2.6em;
	}

	#otoshidama03 .row-01 {
		padding-inline: 20px;
	}

	.subitem-list {
		gap: 15px;
	}
}

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

	/*===============================
	MARK: TOP content
	=================================*/
	.site-header {
		top: 20px;
		left: 20px;
	}

	.section-inner {
		border: 7px solid #f15e35;
		border-radius: 40px;
	}

	.section-heading h2 {
		font-size: 27px;
	}

	.section-heading .number {
		right: 50%;
		bottom: 81%;
		width: 45%;
		transform: translateX(50%);
	}

	.row-01 {
		flex-direction: column;
	}

	#otoshidama01 .row-01 {
		gap: 50px;
		padding-inline: 20px;
	}

	.price .attention {
		font-size: var(--fz22);
	}

	.price-main {
		font-size: 44px;
		margin-bottom: 25px;
	}

	.price {
		width: 100%;
	}

	.price-discount img {
		max-width: 198px;
	}

	#otoshidama01 .row-02 {
		padding-inline: 20px;
	}

	#link .btn-wrap {
		flex-direction: column;
		gap: 30px;
	}

	.point {
		flex-direction: column;
		gap: 30px;
	}

	.icon-list {
		flex-wrap: wrap;
	}

	.icon-list li {
		width: 40%;
	}

	.icon-list li img {
		height: 43px;
	}

	.promotion {
		font-size: 15px;
	}

	.promotion .notice {
		font-size: 12px;
	}

	.bnr-wrap {
		margin-inline: 15% 0%;
	}

	.bnr-wrap .badge {
		bottom: 55%;
		right: 93%;
		width: 75px;
		height: 75px;
		font-size: 1rem;
	}

	.campaign .notice {
		font-size: 12px;
		margin-top: 20px;
	}

	#otoshidama01 .section-inner {
		padding-bottom: 30px;
	}

	#otoshidama02 .row-01 {
		padding-inline: 20px;
		margin-bottom: 30px;
	}

	#otoshidama02 .price-discount {
		flex-direction: column;
	}

	.fukidashi {
		padding: 20px 30px 18px 57px;
	}

	.fukidashi .badge {
		bottom: unset;
		top: 50%;
		right: 75%;
		transform: translateY(-50%);
		width: 88px;
		height: 88px;
		font-size: 22px;
	}

	.fukidashi .badge img {
		width: 2.5em;
	}

	.fukidashi::after {
		content: '';
		display: block;
		width: 15px;
		height: 15px;
		clip-path: polygon(0 0, 100% 0%, 50% 100%);
		top: calc(100% - 2px);
		left: 50%;
		transform: translateX(-50%);
	}

	#otoshidama02 .product {
		width: 100%;
	}

	#otoshidama02 .section-inner,
	#otoshidama03 .section-inner {
		padding-bottom: 20px;
	}

	#otoshidama03 .section-heading .number {
		bottom: 75%;
	}

	.subitem-list .item-inner {
		min-height: unset;
	}

	.subitem-list h4 {
		font-size: var(--fz24);
	}

	.subitem-list {
		gap: 45px;
		margin-top: 0;
		flex-direction: column;
	}

	.item-name {
		font-size: var(--fz18);
	}
}