@charset "utf-8";
/* stylelint-disable */
/* ---------------------------------------------------------------
シークレットセールLP for PC
--------------------------------------------------------------- */

.contents__inr {
	width: 100%;
}

a:link {
	text-decoration: none;
}

#wrapper-premium section {
	margin-bottom: 0;
}

#wrapper-premium .section-title {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.6;
	padding: 15px 0;
	text-align: center;
}

#wrapper-premium .section-body {
	padding: 0;
}

#wrapper-premium .section-body > :last-child {
	margin-bottom: 0;
}

#wrapper-premium .section-header {
	background: url(/src/static/campaign/premium/img/bg_main_2507_pc.png) no-repeat center center;
	background-size: cover;
}

#wrapper-premium .section-pointback {
	background-color: #f0f0f0;
	margin-bottom: 30px;
}

#wrapper-premium .section-pointback .section-body {
	padding: 40px 0;
}

#wrapper-premium .section-aboutsecretsale {
	margin-bottom: 30px;
}

#wrapper-premium .section-schedule {
	margin-bottom: 30px;
}

#wrapper-premium .section-saleitems {
	margin-bottom: 30px;
}

#wrapper-premium .section-announce {
	margin-bottom: 30px;
}

#wrapper-premium .section-howto .section-title {
	background-color: #7c7c7c;
	font-size: 18px;
	padding: 12px 0;
}

#wrapper-premium .section-howto .section-body {
	padding: 30px 0 40px;
}

#wrapper-premium .section-aboutmembers .section-title {
	background-color: #aa881f;
}

#wrapper-premium .section-aboutmembers .section-title .section-title-strong {
	font-size: 24px;
}

#wrapper-premium .section-aboutmembers .section-title .section-title-icon {
	fill: #fff;
	height: 28px;
	position: relative;
	top: -3px;
	vertical-align: middle;
	width: 24px;
}

#wrapper-premium .section-aboutmembers .section-body {
	padding: 30px 0 40px;
}

#wrapper-premium .section-footer {
	background-color: #f0f0f0;
}

#wrapper-premium .section-footer .section-body {
	padding: 25px 16px 30px 16px;
}

#wrapper-premium .headercontents {
	background-color: rgba(0, 0, 0, .3);
	padding: 35px 0;
}

#wrapper-premium .headercontents .headercontents-img {
	margin: 0 auto;
	width: 560px;
	height: 230px;
}

#wrapper-premium .headercontents .headercontents-img > img {
	width: 100%;
	height: 100%
}

#wrapper-premium .section-message {
	align-items: center;
	background-color: #333;
	color: #fff;
	display: flex;
	font-size: 18px;
	font-weight: bold;
	justify-content: center;
	margin: 0 auto 24px;
	padding: 20px 0;
	max-width: 563px;
	text-align: center;
}

#wrapper-premium .pointback {
	margin-bottom: 20px;
}

#wrapper-premium .pointback .pointback-title {
	font-size: 26px;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 15px;
	text-align: center;
}

#wrapper-premium .pointback .pointback-title .pointback-title-strong {
	font-size: 35px;
}

#wrapper-premium .pointback .pointback-btn {
	align-items: center;
	background-color: #333;
	border-radius: 3px;
	color: #fff;
	display: flex;
	font-size: 18px;
	font-weight: bold;
	height: 58px;
	justify-content: center;
	margin: 0 auto 20px;
	max-width: 360px;
	position: relative;
}

#wrapper-premium .pointback .pointback-btn .pointback-btn-arrow {
	display: inline-block;
	height: 13px;
	position: absolute;
	right: 15px;
	width: 9px;
}

#wrapper-premium .pointback .pointback-btn .pointback-btn-arrow:before,
#wrapper-premium .pointback .pointback-btn .pointback-btn-arrow:after {
	background-color: #fff;
	border-radius: 2px;
	content: '';
	display: block;
	height: 2px;
	margin-left: 6px;
	transform-origin: right center;
	width: 9px;
}

#wrapper-premium .pointback .pointback-btn .pointback-btn-arrow:before {
	transform: translateX(-7px) translateY(6px) rotateZ(40deg);
}

#wrapper-premium .pointback .pointback-btn .pointback-btn-arrow:after {
	transform: translateX(-7px) translateY(3px) rotateZ(-40deg);
}

#wrapper-premium .pointback .pointback-notice > li {
	color: #555;
	font-size: 11px;
	margin: 0 0 2px 1em;
	text-align: center;
	text-indent: -1em;
}

#wrapper-premium .pointback .pointback-notice > li:last-child {
	margin-bottom: 0;
}

#wrapper-premium .registration .registration-title {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
	text-align: center;
}

#wrapper-premium .registration .registration-btn {
	align-items: center;
	background-color: #aa881f;
	border-radius: 3px;
	color: #fff;
	display: flex;
	flex-direction: column;
	font-size: 16px;
	font-weight: bold;
	height: 58px;
	justify-content: center;
	margin: 0 auto;
	max-width: 280px;
}

#wrapper-premium .registration .registration-btn .registration-btn-sub {
	font-size: 12px;
}

#wrapper-premium .registration .registration-btn-lg {
	align-items: center;
	background-color: #aa881f;
	border-radius: 3px;
	color: #fff;
	display: flex;
	flex-direction: column;
	font-size: 18px;
	font-weight: bold;
	height: 64px;
	justify-content: center;
	margin: 0 auto;
	max-width: 360px;
}

#wrapper-premium .registration .registration-btn-lg .registration-btn-sub {
	font-size: 14px;
}

#wrapper-premium .aboutsecretsale .aboutsecretsale-title {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: center;
}

#wrapper-premium .aboutsecretsale .aboutsecretsale-list {
	margin: 0 auto;
	width: 680px;
}

#wrapper-premium .aboutsecretsale .aboutsecretsale-list > li {
	background-color: #f0f0f0;
	margin-bottom: 15px;
	padding: 20px;
}

#wrapper-premium .aboutsecretsale .aboutsecretsale-list > li:last-child {
	margin-bottom: 0;
}

#wrapper-premium .aboutsecretsale .aboutsecretsale-list > li :last-child {
	margin-bottom: 0;
}

#wrapper-premium .aboutsecretsale .aboutsecretsale-list .aboutsecretsale-list-title {
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 10px;
}

#wrapper-premium .aboutsecretsale .aboutsecretsale-list .aboutsecretsale-list-text {
	font-size: 14px;
	margin-bottom: 15px;
}

#wrapper-premium .aboutsecretsale .aboutsecretsale-list .aboutsecretsale-list-notice > li {
	color: #888;
	font-size: 11px;
	line-height: 1.5;
	margin-left: 1em;
	text-indent: -1em;
}

#wrapper-premium .schedule .schedule-title {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
}

#wrapper-premium .schedule .schedule-list {
	margin: 0 auto;
	width: 680px;
}

#wrapper-premium .schedule .schedule-list > li {
	background-color: #f0f0f0;
	display: flex;
	justify-content: flex-start;
	margin-bottom: 15px;
	padding: 20px;
}

#wrapper-premium .schedule .schedule-list > li:last-child {
	margin-bottom: 0;
}

#wrapper-premium .schedule .schedule-list > li :last-child {
	margin-bottom: 0;
}

#wrapper-premium .schedule .schedule-list .schedule-list-text {
	font-size: 18px;
	margin-bottom: 15px;
	text-align: right;
}

#wrapper-premium .schedule .schedule-list .schedule-list-text > br {
	display: none;
}

#wrapper-premium .saleitems .saleitems-title {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 3px;
	text-align: center;
}

#wrapper-premium .saleitems .saleitems-title > br {
	display: none;
}

#wrapper-premium .saleitems .saleitems-notice {
	color: #555;
	font-size: 11px;
	margin-bottom: 15px;
	text-align: center;
}

#wrapper-premium .saleitems .saleitems-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto;
	width: 740px;
}

#wrapper-premium .saleitems .saleitems-list > li {
	margin: 0 10px 0 0;
	width: 115px;
	height: 115px;
}

#wrapper-premium .saleitems .saleitems-list > li:last-child {
	margin-right: 0;
	height: 100%;
}

#wrapper-premium .saleitems .saleitems-item {
	border: 1px solid #f5f5f5;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
}

#wrapper-premium .announce .announce-title {
	color: #aa881f;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.8;
	margin-bottom: 15px;
	text-align: center;
}

#wrapper-premium .announce .announce-title .announce-title-strong {
	font-size: 18px;
}

#wrapper-premium .announce .announce-title .announce-title-icon {
	fill: #aa881f;
	height: 21px;
	position: relative;
	top: -3px;
	vertical-align: middle;
	width: 18px;
}

#wrapper-premium .howto .howto-title {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: center;
}

#wrapper-premium .howto .howto-list {
	margin: 0 auto;
	width: 680px;
}

#wrapper-premium .howto .howto-list > li {
	background-color: #f0f0f0;
	margin-bottom: 20px;
	padding: 20px;
}

#wrapper-premium .howto .howto-list > li:last-child {
	margin-bottom: 0;
}

#wrapper-premium .howto .howto-list .howto-list-title {
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 10px;
}

#wrapper-premium .howto .howto-list .howto-list-text {
	font-size: 14px;
}

#wrapper-premium .list-aboutmembers {
	margin: 0 auto;
	width: 680px;
}

#wrapper-premium .list-aboutmembers > li {
	margin-bottom: 20px;
}

#wrapper-premium .list-aboutmembers > li:last-child {
	margin-bottom: 0;
}

#wrapper-premium .aboutmembers {
	background-color: #f8f6ef;
	padding: 20px;
}

#wrapper-premium .aboutmembers .aboutmembers-title {
	color: #aa881f;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}

#wrapper-premium .aboutmembers .aboutmembers-title::before {
	background-position: 0 0;
	background-repeat: no-repeat;
	content: '';
	display: inline-block;
	height: 24px;
	margin-right: 5px;
	position: relative;
	top: -2px;
	vertical-align: middle;
	width: 24px;
}

#wrapper-premium .aboutmembers .aboutmembers-title.aboutmembers-title-point::before {
	background-image: url(/src/static/campaign/premium/img/icon_point.svg);
}

#wrapper-premium .aboutmembers .aboutmembers-title.aboutmembers-title-coupon::before {
	background-image: url(/src/static/campaign/premium/img/icon_coupon.svg);
}

#wrapper-premium .aboutmembers .aboutmembers-title.aboutmembers-title-present::before {
	background-image: url(/src/static/campaign/premium/img/icon_present.svg);
}

#wrapper-premium .aboutmembers .aboutmembers-title.aboutmembers-title-search::before {
	background-image: url(/src/static/campaign/premium/img/icon_search.svg);
}

#wrapper-premium .aboutmembers .aboutmembers-text {
	font-size: 14px;
	margin-bottom: 10px;
}

#wrapper-premium .aboutmembers .aboutmembers-textlist {
	margin-bottom: 10px;
}

#wrapper-premium .aboutmembers .aboutmembers-textlist > li {
	font-size: 14px;
	margin-bottom: 2px;
}

#wrapper-premium .aboutmembers .aboutmembers-textlist > li:last-child {
	margin-bottom: 0;
}

#wrapper-premium .aboutmembers .aboutmembers-notice > li {
	color: #888;
	font-size: 11px;
	line-height: 1.5;
	margin-left: 1em;
	text-indent: -1em;
}

#wrapper-premium .aboutmembers .list-course {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 0 auto 15px auto;
	width: 286px;
}

#wrapper-premium .aboutmembers .list-course > li {
	width: calc(50% - 10px);
}

#wrapper-premium .aboutmembers .course {
	align-items: center;
	background-color: #fff;
	display: flex;
	flex-direction: column;
	height: 55px;
	justify-content: center;
}

#wrapper-premium .aboutmembers .course .course-text {
	font-size: 12px;
	font-weight: bold;
}

#wrapper-premium .aboutmembers .course .course-number {
	font-size: 16px;
}

#wrapper-premium .aboutmembers .course.course-black {
	background-color: #333;
	color: #fff;
}

#wrapper-premium .footercontents .footercontents-header {
	margin-bottom: 15px;
}

#wrapper-premium .footercontents .footercontents-body {
	margin-bottom: 20px;
}

#wrapper-premium .footercontents .footercontents-title {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
}

#wrapper-premium .footercontents .footercontents-title .footercontents-title-sub {
	display: inline-block;
	font-size: 16px;
	vertical-align: middle;
}

#wrapper-premium .footercontents .footercontents-title > br {
	display: none;
}

#wrapper-premium .footercontents .footercontents-price {
	font-size: 22px;
	font-weight: bold;
	text-align: center;
}

#wrapper-premium .footercontents .footercontents-text {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
/* stylelint-enable */