@charset "utf-8";

@import url(/campaign/css/campaign-detail.css);

@media only screen and (min-width: 641px) {
.c-hide-pc {
	display: none;
}
}
@media only screen and (max-width: 640px) {
.c-hide-sp {
	display: none;
}
}

/* ========== switch-area ========== */
.switch-area-bg {
	padding: 20px;
	background-color: #c7ecd7;
}
.switch-area {
	border-radius: 8px;
	background-color: #fff;
}
.switch-area-title {
	padding: 0.5em 0;
	border-radius: 8px 8px 0 0;
	background-color: #2aa962;
}
.switch-area-title h4 {
	color: #fff;
}
.switch-area-content {
	padding: 20px;
}

/* ========== premium-area ========== */
.premium-area-bg {
	padding: 20px;
	background-color: #ffeb8c;
}
.premium-area {
	border-radius: 8px;
	background-color: #fff;
}
.premium-area-title {
	padding: 0.5em 0;
	border-radius: 8px 8px 0 0;
	background-color: #ff852c;
}
.premium-area-title h4 {
	color: #fff;
}
.premium-area-content {
	padding: 20px;
}

/* ========== color ========== */
.color-switch {
	font-weight: bold;
	color: #2aa962;
}
.color-premium {
	font-weight: bold;
	color: #ff852c;
}

/* ========== c-list-04 ========== */
.switch-area-content .c-list-04 li::before {
	background-image: url(/campaign/2021/20210209_switch_premium_1st/img/img_04.png);
}
.premium-area-content .c-list-04 li::before {
	background-image: url(/campaign/2021/20210209_switch_premium_1st/img/img_05.png);
}

/* ========== img ========== */
.switch-img img {
	width: 553px;
}
.premium-img img {
	width: 260px;
}
@media only screen and (max-width: 640px) {
.switch-img img {
	width: 100%;
}
.premium-img img {
	width: 46.987952%;
}
}