@charset "Shift_JIS";



#body { width:100%; }


.campaign-body,
.campaign-body:before,
.campaign-body:after,
.campaign-body *,
.campaign-body *:before,
.campaign-body *:after {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.campaign-body { padding:40px 0 55px; background:#202020; color:#ffffff; }
.campaign-body a,
.campaign-body a:link,
.campaign-body a:visited,
.campaign-body a:hover,
.campaign-body a:active,
.campaign-body .btn-link,
.campaign-body .btn-link:link,
.campaign-body .btn-link:visited,
.campaign-body .btn-link:hover,
.campaign-body .btn-link:active,
.campaign-body .btn-link.disabled,
.campaign-body .btn-link.disabled:hover,
.campaign-body .btn-link.disabled:focus,
.campaign-body .btn-link.disabled:active,
.campaign-body .btn-link.disabled.active { color:#ffffff; }


.hero {}
.hero-h { margin:0 auto; width:407px; }
.hero-h-img { width:100%; }
.hero-figure { margin:40px auto 0; width:280px; }
.hero-figure-img { width:100%; }


.overview {}
.overview-section { margin:55px auto 0; width:407px; }
.overview-h {}
.overview-h-img { width:100%; }
.overview-notes { margin-top:25px; font-size:12px; line-height:1.583333333; text-align:center; }
.overview-condition-about { margin-top:15px; text-align:center; }
.overview-condition-about-link { font-weight:bold; font-size:16px; line-height:1.3125; text-decoration:underline; cursor:pointer; }
.overview-winner-counter { margin-top:25px; margin-left:30px; font-size:0; line-height:1; text-align:center; }
.overview-winner-counter-number { display:inline-block; width:48px; background:#363636; color:#f0be5a; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold; font-size:43px; line-height:58px; }
.overview-winner-counter-unit { margin-left:5px; font-weight:bold; font-size:23px; line-height:58px; }

.overview-winner-counter-number + .overview-winner-counter-number { margin-left:2px; }


.application { margin-top:55px; }
.application-catch { font-size:0; line-height:1; text-align:center; }
.application-catch-img { width:247px; }
.application-action { margin-top:10px; text-align:center; }
.application-action-btn { width:100%; font-weight:bold; font-size:16px; line-height:1.3125; }


.bonus { margin:55px auto 0; border-radius:8px; padding:40px 15px; width:560px; background:#2b2b2b; }
.bonus-h { text-align:center; }
.bonus-h-img { width:407px; }
.bonus-lead { margin-top:25px; font-size:14px; line-height:1.785714286; text-align:center; }
.bonus-tweet { margin-top:25px; text-align:center; }
.bonus-tweet-img { width:460px; }
.bonus-action { margin-top:25px; text-align:center; }
.bonus-action-btn { width:100%; font-weight:bold; font-size:15px; line-height:1.333333333; }
.bonus-notes { margin-top:10px; font-size:10px; line-height:1.5; text-align:center; }



/**
 * ------------------------------------------------------------
 * attention
 * ------------------------------------------------------------
 */
.attention {
	text-align:left;
	width:875px;
	margin:0 auto;
	color:#808080;
}
.attention-h {
	margin-top:40px;
	margin-bottom:15px;
	font-weight:bold;
	font-size:14px;
	line-height:1.357142857;
}
.attention .subsectionH {
	color:#ff0033;
	font-size:24px;
	margin-top:55px;
}
.attention ul,
.attention ol {
	line-height:2.2;
	font-size:12px;
}


/**
 * ------------------------------------------------------------
 * シェアーボタン
 * ------------------------------------------------------------
 */
.action-share {
	padding-bottom: 60px;
	border-bottom: 1px solid #e9e9e9;
}


/* ----------------------------------------
 * 訴求モーダル
 * ---------------------------------------- */

.zozocard-application-modal .modal-bg {
	background-color:#ffffff;
}
.zozocard-application-modal .modal-content {
	background:#202020;
	padding-bottom:30px;
}
.zozocard-application-modal .zozocard-container {
	width:650px;
	margin:0 auto;
	text-align:center;
}
.zozocard-application-modal .zozocard-container-lg {
	width:820px;
}
.zozocard-application-modal .feature-block,
.zozocard-application-modal .other-service-block,
.zozocard-application-modal .q-and-a-block {
	border-top:10px solid #1a1a1a;
}
.zozocard-application-modal .other-service-block {
	margin-top:50px;
}

.zozocard-application-modal .other-service-h {
	text-align:center; color:#ffffff; margin-top:50px; font-size:22px; line-height:1.2272727273; font-weight:bold;
}
.zozocard-application-modal .other-service-body {
	width:510px;
	margin:50px auto 60px;
}
.zozocard-application-modal .other-service-lists {
	margin-top:-15px;
	margin-left:-15px;
}
.zozocard-application-modal .other-service-lists:after {
	content:"";
	display:block;
	clear:both;
}
.zozocard-application-modal .other-service-item {
	float:left;
	width:160px;
	margin-top:15px;
	margin-left:15px;
}
.zozocard-application-modal .other-service-item > a {}
.zozocard-application-modal .other-service-item > a > img {
	width:160px;
	height:248px;
}

.zozocard-application-modal .q-and-a-block {
	margin-bottom:30px;
}
.zozocard-application-modal .q-and-a-h {
	text-align:center;
	color:#ffffff; margin-top:50px; font-size:22px; line-height:1.2272727273; font-weight:bold;
}
.zozocard-application-modal #secPopularQa {
	width:auto;
	margin:50px auto 0;
	color:#646464;
}
.zozocard-application-modal #secPopularQa > ul {
	border:1px solid #0a0a0a;
	margin:20px 0 0 0;
	padding:0!important;
}
.zozocard-application-modal #secPopularQa > ul > li {
	border-top:1px solid #0a0a0a;
	padding:0!important;
}
.zozocard-application-modal #secPopularQa > ul > li:first-child {
	border-top:none;
}
.zozocard-application-modal #secPopularQa > ul > li.hide {
	display:none
}

.zozocard-application-modal #secPopularQa .accordion {
	padding:0;
	font-size:19px;
	line-height:1.2631578947;
}
.zozocard-application-modal #secPopularQa .accordion dl {}
.zozocard-application-modal #secPopularQa .accordion dl dt.trigger {
	color:#ffffff;
	padding:20px 25px 20px 25px;
}
.zozocard-application-modal #secPopularQa .accordion dl dt.trigger:hover {
	cursor:pointer;
}
.zozocard-application-modal #secPopularQa .accordion dl dt.trigger {
	background:url(//o.imgz.jp/pc/_card/zozocard/icon/qa-angle-down.png) no-repeat 770px center #1a1a1a;
	background-size: 21px 10px;
}
.zozocard-application-modal #secPopularQa .accordion dl dt.trigger.current {
	background:url(//o.imgz.jp/pc/_card/zozocard/icon/qa-angle-up.png) no-repeat 770px center #1a1a1a;
	background-size: 21px 10px;
}
.zozocard-application-modal #secPopularQa .accordion dl dd {
	height:auto;
	display:none;
	padding:20px 25px 25px 25px;
}
.zozocard-application-modal #secPopularQa .accordion dl dd .container {
	color:#ffffff;
}
.zozocard-application-modal #secPopularQa .accordion dl dd > p {
	margin:15px 0;
}
.zozocard-application-modal #secPopularQa .accordion dl dd > :first-child {
	margin-top:0;
}
.zozocard-application-modal #secPopularQa .accordion dl dd > p:last-child {
	margin-bottom:0;
}

.zozocard-application-modal .dl-table.dl-table-qa {
	font-size:16px;
	line-height:1.3125;
}
.zozocard-application-modal .dl-table.dl-table-qa > dl {}
.zozocard-application-modal .dl-table.dl-table-qa > dl > dt {
	width:24px;
}
.zozocard-application-modal .dl-table.dl-table-qa > dl > dt > .icon {
	font-size:15px;
	line-height:24px;
	background:#ffffff;
	width:24px;
	height:24px;
	display:block;
	text-align:center;
	border-radius:12px;
	margin-top:-2px;
}
.zozocard-application-modal .dl-table.dl-table-qa > dl > dt > .icon.dt-question {
	color:#36b7f4;
}
.zozocard-application-modal .dl-table.dl-table-qa > dl > dt > .icon.dt-answer {
	color:#ff0033;
}
.zozocard-application-modal .dl-table.dl-table-qa > dl > dd {
	display:block !important;
	color:#ffffff;
	padding:0 0 0 15px !important;
}
.zozocard-application-modal .dl-table.dl-table-qa + .dl-table.dl-table-qa {
	margin-top:25px;
}

.zozocard-application-modal .dl-steps-bg {
	background:#2d2d2d;
	margin-top:35px;
	margin-left:-25px;
	margin-right:-25px;
	padding-left:25px;
	padding-right:25px;
}
.zozocard-application-modal .dl-steps-bg > .dl-table.dl-table-qa {
	margin-top:0;
	padding-top:25px;
	margin-bottom:0;
	padding-bottom:15px;
}
.zozocard-application-modal .dl-steps-bg > .dl-table.dl-table-qa > dl + dl {
	margin-top:25px;
}

.zozocard-application-modal .dl-table.dl-table-qa .dl-table > dl > dt,
.zozocard-application-modal .dl-table.dl-table-qa .dl-inline > dl > dt {
	color:#ffffff;
}

.zozocard-application-modal #secPopularQa .dl-table > dl > dd {
	padding-left:15px;
	display:block;
	padding-top: 0;
	padding-bottom: 0;
}
.zozocard-application-modal #secPopularQa .dl-inline > dl > dd {
	padding-left:15px;
	display:inline-block;
	padding-top: 0;
	padding-bottom: 0;
}


/* ----------------------------------------
 * q-and-a
 * ---------------------------------------- */
.q-and-a-block {
	margin-bottom:60px;
}
.q-and-a-h {
	text-align:center;
	color:#ffffff;
	margin-top:50px;
	font-size:22px;
	line-height:1.2272727273;
	font-weight:bold;
}
#secPopularQa {
	width:890px;
	margin:75px auto 0;
	color:#646464;
}
#secPopularQa > ul {
	border:1px solid #0a0a0a;
	margin:20px 0 0 0;
	padding:0!important;
}
#secPopularQa > ul > li {
	border-top:1px solid #0a0a0a;
	padding:0!important;
}
#secPopularQa > ul > li:first-child {
	border-top:none;
}
#secPopularQa > ul > li.hide {
	display:none
}

#secPopularQa .accordion {
	padding:0;
	font-size:19px;
	line-height:1.2631578947;
}
#secPopularQa .accordion dl {}
#secPopularQa .accordion dl dt.trigger {
	color:#ffffff;
	padding:20px 25px 20px 25px;
}
#secPopularQa .accordion dl dt.trigger:hover {
	cursor:pointer;
}
#secPopularQa .accordion dl dt.trigger {
	background:url(//o.imgz.jp/pc/_card/zozocard/icon/qa-angle-down.png) no-repeat 840px center #1a1a1a;
	background-size: 21px 10px;
}
#secPopularQa .accordion dl dt.trigger.current {
	background:url(//o.imgz.jp/pc/_card/zozocard/icon/qa-angle-up.png) no-repeat 840px center #1a1a1a;
	background-size: 21px 10px;
}
#secPopularQa .accordion dl dd {
	height:auto;
	display:none;
	padding:20px 25px 25px 25px;
}
#secPopularQa .accordion dl dd .container {
	color:#ffffff;
}
#secPopularQa .accordion dl dd > p {
	margin:15px 0;
}
#secPopularQa .accordion dl dd > :first-child {
	margin-top:0;
}
#secPopularQa .accordion dl dd > p:last-child {
	margin-bottom:0;
}

.dl-table.dl-table-qa {
	font-size:16px;
	line-height:1.3125;
}
.dl-table.dl-table-qa > dl {}
.dl-table.dl-table-qa > dl > dt {
	width:24px;
}
.dl-table.dl-table-qa > dl > dt > .icon {
	font-size:15px;
	line-height:24px;
	background:#ffffff;
	width:24px;
	height:24px;
	display:block;
	text-align:center;
	border-radius:12px;
	margin-top:-2px;
}
.dl-table.dl-table-qa > dl > dt > .icon.dt-question {
	color:#36b7f4;
}
.dl-table.dl-table-qa > dl > dt > .icon.dt-answer {
	color:#ff0033;
}
.dl-table.dl-table-qa > dl > dd {
	display:block !important;
	color:#ffffff;
	padding:0 0 0 15px !important;
}
.dl-table.dl-table-qa + .dl-table.dl-table-qa {
	margin-top:25px;
}


.dl-steps-bg {
	background:#2d2d2d;
	margin-top:35px;
	margin-left:-25px;
	margin-right:-25px;
	padding-left:25px;
	padding-right:25px;
}
.dl-steps-bg > .dl-table.dl-table-qa {
	margin-top:0;
	padding-top:25px;
	margin-bottom:0;
	padding-bottom:25px;
}
.dl-steps-bg > .dl-table.dl-table-qa > dl + dl {
	margin-top:25px;
}

.dl-table.dl-table-qa .dl-table > dl > dt,
.dl-table.dl-table-qa .dl-inline > dl > dt {
	color:#ffffff;
}

#secPopularQa .dl-table > dl > dd {
	padding-left:15px;
	display:block;
	padding-top: 0;
	padding-bottom: 0;
}
#secPopularQa .dl-inline > dl > dd {
	padding-left:15px;
	display:inline-block;
	padding-top: 0;
	padding-bottom: 0;
}