@charset "utf-8";
#diminished-contents {
	display: none;
}

#default-contents {
	display: none;
}

#diminished {
	height: 60vh;
	background-color: #ececec;
	padding: 40px 0;
	text-align: center;
}

@media only screen and (max-width: 600px) {
	#diminished {
		height: 70vh;
	}
}

.diminished-title {
	font-size: 13px;
	line-height: 13px;
	padding: 0.5em 3em;
	display: inline-block;
	background-color: #e50112;
	color: #fff;
	font-weight: bold;
}

.diminished-str-wrap {
	margin-top: 40px;
}

.diminished-str-wrap p+p {
	margin-top: 20px;
}

#mainVisual {
	padding: 0 0 80px;
}

#mainSlider {
	width: 530px;
	margin: 0 auto;
	position: relative;
}

#mainSlider .pager {
	position: absolute;
	bottom: 8px;
	right: 10px;
	height: 8px;
	cursor: pointer;
}

#mainSlider .pager li {
	background-color: #ffffff;
	display: inline-block;
	text-indent: -99999px;
	width: 8px;
	height: 8px;
	margin-left: 10px;
}

#mainSlider .pager li:first-child {
	margin-left: 0;
}

#mainSlider .pager li.slick-active {
	background-color: #e50112;
}

#reward {
	padding: 0 0 80px;
}

.listTopReward {
	text-align: center;
	margin: 30px auto 30px;
}
.fw .flex.listTopReward {
	justify-content: center;
}

.listTopReward .itemReward {
	background-color: #ffffff;
	margin-top: 10px;
}

.listTopReward .itemReward a {
	padding: 20px 10px 30px;
	display: block;
}

.listTopReward .itemReward a:after {
	background: url('/mobile/set/data/vitality/products/lib/img/p/icon_blank.png') no-repeat;
	content: '';
	top: 12px;
	right: 12px;
	width: 16px;
	height: 16px;
	position: absolute;
}

.listTopReward .itemReward a::before {
	display: none;
}

.listTopReward.itemRewardCol1 .itemReward {
	width: 50%;
	margin-right: auto;
	margin-left: auto;
}

.listTopReward .nameReward {
	font-weight: bold;
	font-size: 24px;
	margin-top: 15px;
}

.listTopReward .nameReward-height {
	line-height: 60px;
}

.listTopReward .nameReward_fss {
	font-size: 18px;
}

.txtGray {
	color: #666666;
}

#lineup {
	padding-top: 0;
}

#lineup .ttlGray {
	background-color: #ececec;
	padding: 78px 0 60px;
}

#lineup .searchContain {
	padding: 80px 0;
	margin-top: 0;
}

#lineup .resultContain {
	padding: 80px 0;
}

.resultReward .lead {
	font-size: 20px;
	font-weight: bold;
}

.resultReward .infoReward {
	font-size: 16px;
	font-weight: bold;
	margin-top: 19px;
}

.resultReward .infoReward .dataCapacity {
	margin-bottom: 9px;
}

.resultReward .infoReward .dataCapacity li {
	display: inline-block;
	font-size: 12px;
	background-color: #eeeeee;
	color: #bcbcbc;
	padding: 3px 6px;
	border-radius: 13px;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	-ms-border-radius: 13px;
	-o-border-radius: 13px;
	line-height: 13px;
}

.resultReward .infoReward .dataCapacity li+li {
	margin-left: 5px;
}

.resultReward .infoReward .dataCapacity li.active {
	color: #fff;
	background-color: #1767c7;
}

.resultReward .infoReward *+.dataCapacity {
	margin-top: 19px;
}

.resultReward .infoReward .wearable {
	position: relative;
	margin-left: 32px;
	border-left: solid 1px #222222;
	padding-left: 10px;
}

.resultReward .infoReward .wearable:before {
	content: '';
	position: absolute;
	width: 22px;
	height: 28px;
	top: 50%;
	margin-top: -14px;
	left: -33px;
	background: url('/mobile/set/data/vitality/products/img/p/ico_wearable.png');
}

.resultReward .infoReward .bloodtest {
	position: relative;
	padding-left: 38px;
	margin-top: 5px;
}

.resultReward .infoReward .bloodtest:before {
	content: '';
	position: absolute;
	left: 2px;
	width: 20px;
	top: 2px;
	height: 28px;
	background: url('/mobile/set/data/vitality/products/img/p/ico_bloodtest.png');
}

.fw .listProduct.resultReward .img {
	width: 185px;
}

.fw .listProduct.resultReward .detail {
	padding: 33px 28px 39px;
	width: calc( 100% - 185px);
}

.fw .listProduct.resultReward .img .img-set img:first-child {
	margin-bottom: 0;
}

.fw .iphoneReward .listProduct .img .img-set img:first-child {
	height: auto;
	width: 88px;
}

.fw .SmartphoneReward .listProduct .img .img-set img:first-child {
	height: auto;
	width: 70px;
}

.fw .iphoneReward .listProduct a[href*='iphone-x/'] .img .img-set {
	margin-bottom: 40px;
}

.fw .iphoneReward .listProduct a[href*='iphone-se/'] .img .img-set {
	margin-bottom: 70px;
}

.fw .iphoneReward .listProduct a[href*='iphone-8/'] .img .img-set {
	margin-bottom: 50px;
}

.fw .listProduct .detail .color {
	margin-top: 15px;
}
.fw .listProduct .detail .release {
	color: #747486;
}
.btnCancel {
	position: relative;
}

.btnCancel:before {
	content: '×';
	position: absolute;
	left: 20px;
}

.notice-box {
	background-color: #fff;
	padding: 80px 0 0;
}

.notice-box-inner {
	width: 960px;
	margin: 0 auto;
	padding: 30px 0;
	border: 1px solid #d8dadc;
}

.notice-box .notice-txt {
	text-align: center;
	font-size: 20px;
	margin-bottom: 30px;
}

.notice-box .notice-txt strong {
	font-weight: bold;
}

.notice-box .notice-link {
	text-align: center;
}

.fw .flex.flexMg10>.flex4 {
    width: calc( 33% - 10px);
}

@media (max-width: 600px) {
	#mainVisual {
		padding: 0 15px 40px;
	}
	.mainVisualImg {
		margin: 0 -15px;
	}
	#mainVisual .inner {
		padding: 0;
	}
	#mainSlider {
		width: 100%;
		margin: 0;
	}
	#mainSlider .pager {
		bottom: 5px;
		right: 5px;
		height: 6px;
	}
	#mainSlider .pager li {
		width: 6px;
		height: 6px;
		margin-left: 5px;
	}
	.slick-slide {
		display: none;
	}
	#reward {
		padding: 0 0 40px;
	}
	#reward .notice-list.txtGray {
		text-align: left !important;
	}
	.listTopReward {
		text-align: center;
	}
	.listTopReward .itemReward a {
		padding: 8px 17px 26px;
	}
	.listTopReward .itemReward a:after {
		background: url('/mobile/set/data/vitality/products/lib/img/s/icon_blank.png') no-repeat;
		content: '';
		top: 15px;
		right: 15px;
		width: 12px;
		height: 12px;
		position: absolute;
		background-size: contain;
	}
	.fw .flex.listTopReward>.spFlex6.itemReward:last-child {
		margin: 0 auto;
	}
	.listTopReward .nameReward {
		font-size: 15px;
	}
	.listTopReward .nameReward-height {
		line-height: 40px;
	}
	.listTopReward .nameReward_fss {
		font-size: 12px;
	}
	#lineup .ttlGray {
		padding: 45px 0 30px;
	}
	#lineup .searchContain {
		padding: 40px 0;
	}
	#lineup .searchContain .ttlXSmall {
		font-size: 14px;
	}
	#lineup .resultContain {
		padding: 28px 0 50px;
	}
	#lineup .resultContain .ttlSmall {
		font-size: 18px;
	}
	.resultReward .lead {
		font-size: 14px;
	}
	.resultReward .infoReward {
		font-size: 12px;
		margin-top: 15px;
	}
	.resultReward .infoReward .dataCapacity {
		margin-bottom: 5px;
	}
	.resultReward .infoReward *+.dataCapacity {
		margin-top: 15px;
	}
	.resultReward .infoReward .wearable {
		position: relative;
		margin-left: 23px;
		border-left: solid 1px #222222;
		padding-left: 10px;
	}
	.resultReward .infoReward .wearable:before {
		width: 13px;
		height: 17px;
		top: 50%;
		margin-top: -8.5px;
		left: -23px;
		background: url('/mobile/set/data/vitality/products/img/s/ico_wearable.png');
		background-size: contain;
	}
	.resultReward .infoReward .bloodtest {
		padding-left: 23px;
		margin-top: 5px;
	}
	.resultReward .infoReward .bloodtest:before {
		left: 2px;
		width: 12px;
		height: 17px;
		top: 3px;
		background: url('/mobile/set/data/vitality/products/img/s/ico_bloodtest.png');
		background-size: contain;
	}
	.fw .listProduct.resultReward .img {
		width: 130px;
	}
	.fw .listProduct.resultReward .detail {
		padding: 25px 20px 25px 10px;
		width: calc(100% - 130px);
	}
	.fw .iphoneReward .listProduct .img .img-set img:first-child {
		width: 64px;
	}
	.fw .SmartphoneReward .listProduct .img .img-set img:first-child {
		width: 52px;
	}
	.fw .iphoneReward .listProduct a[href*='iphone-x/'] .img .img-set {
		margin-bottom: 40px;
	}
	.fw .iphoneReward .listProduct a[href*='iphone-se/'] .img .img-set {
		margin-bottom: 60px;
	}
	.fw .iphoneReward .listProduct a[href*='iphone-8/'] .img .img-set {
		margin-bottom: 45px;
	}
	.fw #lineup .formReset .btnSelect.checkBox:before, .fw #lineup .formReset .btnSelect.checkBox:after {
		right: 9px;
		top: 9px;
	}
	.notice-box {
		padding: 40px 15px 0;
	}
	.notice-box-inner {
		width: 100%;
		padding: 20px 0 10px;
	}
	.notice-box .notice-txt {
		font-size: 16px;
		margin-bottom: 15px;
	}
	.fw .listProduct .detail .release {
		font-size: 12px;
	}
	.fw .flex.flexMg10>.spFlex12 {
    	width: calc( 100% - 10px);
	}
	#attention {
		padding: 40px 0;
	}
	.thunmbReward {
		padding: 25px 80px 0;
	}
	.listTopReward .itemReward+.itemReward {
		margin: 20px 0 0;
	}

	#anchor-lineup.ttlGray>span {
    font-size: 14px !important;
}
}

.fw .productSeries:first-child .ttlSmall {
	margin-top: 0;
}

#anchor-lineup.ttlGray>span {
	font-size: 18px;
	font-weight: 400;
}