@charset "UTF-8";

.dib {
	display: inline-block;
}
.c-hero .splide__list {
	display: flex;
	justify-content: center;
	gap: 1rem;
}
.c-hero .splide__list li {
	width: calc(33.3333% - 0.666667rem);
	max-width: 170px;
}
@media print, screen and (min-width: 769px) {
	.c-hero .splide__list li {
		width: calc(33.3333% - 0.666667rem);
		max-width: 220px;
	}
	.c-hero-slides {
		max-width: calc(45rem + var(--Side-Space)*2);
	}
}
@media print, screen and (max-width: 768px) {
	.c-hero .splide__list {
		gap: 0.5rem;
	}
	.c-hero .splide__list li {
		width: calc(50% - 0.5rem);
	}
	.c-hero .c-hero-slides__item {
		width: auto;
	}
}
.c-news-item__text {
	-webkit-line-clamp: none;
	line-clamp: none;
}
.c-shop-list-modal__image {
	text-align: center;
}
.c-bottom-sheet--earnedpoint .c-bottom-sheet__content-inner {
	background-color: #f2f2f2;
}
.modal-earnedpoint__point {
	margin: 0 auto 25px;
	max-width: 280px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 15px;
	background-color: #fff;
	border-radius: 8px;
	padding: 6px 0;
	color: #e60012;
	font-family: var(--Font-EN);
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	line-height: 1;
}
.modal-earnedpoint__point span + span {
	font-size: 20px;
}
.modal-earnedpoint__point strong {
	font-size: 360%;
}
.modal-earnedpoint__text01 {
	font-size: 14px;
	font-weight: bold;
}
.modal-earnedpoint__text02 {
	margin-top: 15px;
	color: #6d6d6d;
	font-size: 14px;
}
@media print, screen and (max-width: 768px) {
	.c-bottom-sheet--earnedpoint .c-bottom-sheet__content {
		background-color: #f2f2f2;
	}
	.modal-earnedpoint__text02 {
		font-size: 13px;
	}
}
@media (min-width: 769px) {
	.c-hero-challenge__info-button {
		max-inline-size: 31.4rem;
	}
	.c-hero-challenge__info-logos {
		inline-size: 3.4rem;
	}
	.c-hero-challenge__info-logos-mark {
		inset-inline-start: 80%;
	}
	.c-hero-challenge__note {
		font-size: 0.6875rem;
		font-weight: 300;
	}
}
@media (max-width: 768px) {
	.c-hero-challenge__info {
		background-color: transparent;
		border: none;
		padding: .875rem .875rem .625rem
	}
	.c-hero-challenge__info-button {
		position: relative;
		background-color:hsla(0,0%,100%,.1);
		border: 1px solid hsla(0,0%,100%,.16);
		border-radius: var(--Radius-Radius-12);
		gap: .5rem;
		max-inline-size: var(--Layout-10grid);
		min-block-size: 4.75rem;
		padding-block: .5625rem;
		padding-inline: 1rem 1.5rem
	}
	.c-hero-challenge__info-arrow {
		inset-inline-end: 0.2rem;
	}
	.c-hero-challenge__info-logos {
		block-size: 3.75rem;
		inline-size: 4rem;
		overflow: hidden;
	}
	.c-hero-challenge__info-logos img {
		width: 100%;
	}
	.c-hero-challenge__note {
		max-inline-size: none;
		font-weight: 300;
	}
}

.c-new-campaign {
	padding: 20px 16px 16px;
}
.c-new-campaign h2 {
	margin-bottom: 30px;
	text-align: center;
	color: #E60012;
	font-size: 18px;
	font-weight: bold;
}
.c-new-campaign p {
	margin-bottom: 1.2rem;
}
.c-new-campaign__img {
	margin-top: 30px;
}
@media (max-width: 500px) {
	.c-new-campaign {
		padding: 10px 0 0;
	}
	.c-new-campaign h2 {
		margin-bottom: 20px;
		font-size: 17px;
	}
	.c-new-campaign p {
		font-size: 15px;
	}
	.c-new-campaign__img {
		margin-top: 20px;
	}
}
@media (max-width: 350px) {
	.c-new-campaign {
		padding: 20px 0 0;
	}
}

.c-header:not(.is-scrolled) {
	pointer-events: none;
}
@media (min-width: 769px) {
	.c-hero__actions {
		padding-block-start: 1.5rem;
	}
	.c-hero__actions-num {
		margin-block-start: 0.5rem;
	}
	.c-hero__actions-num-main {
		font-size: 12.5rem;
	}
}
@media (max-width: 768px) {
	.c-hero__actions {
		padding-block-start: 2.5rem;
	}
	.c-hero__actions-num {
		gap: 0.9375rem;
	}
	.c-hero__actions-button {
		margin-block-start: 1.5625rem;
	}
}