@charset "Shift_JIS";
/**-------------------------------------------------*
 * mc1704.css
 * キャンペーン別固有スタイル
* --------------------------------------------------*/

/* 文字色 */
.u-fc-red {
	color: #f00 !important;
}
.u-fc-theme {
	color: #c00 !important;
}

/* .box-info-campaign のカスタマイズ
----------------------------------------------------*/
/* .box-info-campaign 基本色 … �@ */
.category-campaign .box-info-campaign > dt,
.category-campaign .box-info-campaign > dd {
	background-color: #ffe5f2;
}

/* .box-bg のカスタマイズ
----------------------------------------------------*/
/* .box-bg にページ固有の背景色を持たせる */
.category-campaign .box-bg.color {
	background-color: #fff3c3;
}
/* .box-bg の背景色をこのページのテーマカラーにする
 * ※※※※指定する色を�@と同じにする※※※※
 *-------------------------------------------------*/
.headline.box-bg {
	background-color: #ffe5f2;
}

/* .box-bg 内コンテンツ
 *-------------------------------------------------*/
.category-campaign .box-bg em {
	font-size: 16px;
	font-weight: bold;
}
@media screen and ( min-width: 768px ) { /* PC */
	.category-campaign .box-bg em {
		font-size: 1.4em;
	}
}

/* .step-flow-vertical のカスタマイズ
----------------------------------------------------*/
.category-campaign .step-flow-vertical > li,
.category-campaign .step-flow-vertical > li:after { /* ボックス */
	border-color: #ff7fbf;
}
.category-campaign .step-flow-vertical > li .lbl-step { /* ラベル */
	background-color: #ffbe3c;
}

/* 各種ボタン のカスタマイズ
----------------------------------------------------*/

/* 01. .btn-proceed
-----------------------------------------*/

/* 通常時のボタンの色 */
.category-campaign a.btn-proceed {
	background-color: #ff5400;
	border-color: #ff5400;
	color: #fff;
}
/* 通常時の矢印アイコンの色 */
.category-campaign a.btn-proceed:after {
	border-color: #fff !important;
}
/* ホバー時のボタンの色 */
.category-campaign a.btn-proceed:hover {
	background-color: #fff;
	border-color: #ff5400;
	color: #333;
}
/* ホバー時の矢印アイコンの色 */
.category-campaign a.btn-proceed:hover:after {
	border-color: #333 !important;
}

/* 各種アイコンのカスタマイズ
 *-------------------------------------------------*/
.category-campaign .box-info-campaign .icn-calender:before,
.category-campaign .box-info-campaign .icn-large-calender:before {
	background-image: url(/campaign/img/mc1704/icn_calender.png);
}
.category-campaign .box-info-campaign .icn-gift:before,
.category-campaign .box-info-campaign .icn-large-gift:before {
	background-image: url(/campaign/img/mc1704/icn_gift.png);
}
.category-campaign .box-info-campaign .icn-memo:before,
.category-campaign .box-info-campaign .icn-large-memo:before {
	background-image: url(/campaign/img/mc1704/icn_memo.png);
}
.category-campaign .box-info-campaign .icn-point:before,
.category-campaign .box-info-campaign .icn-large-point:before {
	background-image: url(/campaign/img/mc1704/icn_point.png);
}
.category-campaign .box-info-campaign .icn-mail-or:before,
.category-campaign .box-info-campaign .icn-large-mail-or:before {
	background-image: url(/campaign/img/mc1704/icn_mai_or.png);
}
.category-campaign .box-info-campaign .icn-mail-blue:before,
.category-campaign .box-info-campaign .icn-large-mail-blue:before {
	background-image: url(/campaign/img/mc1704/icn_mail_blue.png);
}
.category-campaign .box-info-campaign .icn-person:before,
.category-campaign .box-info-campaign .icn-large-person:before {
	background-image: url(/campaign/img/mc1704/icn_person.png);
}

/* ラベルのカスタマイズ
----------------------------------------------------*/
.lbl-terms { /* 「条件」ラベル */
	background-color: #54a551;
}

/* 当ページ固有
----------------------------------------------------*/
.cpend {
	padding:10px;
	margin-bottom:10px;
	background:#FFDEDE;
	}
.bg-w {
	background-color: #fff !important;
}
.bg-yellow {
	background-color: #ffe371 !important;
}
.bg-blue {
	background-color:#93cfec  !important;
}
.u-bdc-red {
	border-color: #f00;
}
.lbl-get {
	background-color: #ff6072;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
	padding: 2px 8px;
	position: absolute;
	top: 4px;
}
.box-bg-img img {
	vertical-align: bottom;
}
#cp-reg .regist {
	border-collapse: collapse;
	display: table;
	font-weight: bold;
	table-layout: fixed;
}
#cp-reg .regist dt,
#cp-reg .regist dd {
	border: solid 1px #468c00;
	display: table-cell;
	line-height: 1.0;
	padding: 25px;
	vertical-align: middle;
}
#cp-reg .regist dd {
	background-color: #468c00;
	color: #fff;
}
.list-merit > li {
	background: url(/campaign/img/mc1604/marker_mail.png) no-repeat left center;
	background-size: 43px 38px;
	min-height: 38px;
	padding: 10px 0 0 50px;
}
.list-dia li {
	margin-left: 1em;
	text-indent: -1em;
}
.list-dia li em {
	font-weight: bold;
}

@media screen and (min-width: 767px) { /* PC */
	.btn-proceed {
		vertical-align: top;
	}
	#cp-reg .box-bordered-thin .container {
		width: 840px;
		margin: 20px auto 0;
	}
	a.btn-proceed > b {
		height: 2.85em;
	}
	#cp-reg .col:first-child {
		width: 390px;
	}
	#merit .container-txt-img .col:first-child {
		width: 780px;
	}
	#merit .container-txt-img .col:last-child {
		padding-top: 20px;
	}
	.list-merit > li {
		background-size: 43px 38px;
	}
	.list-merit .list-annotation {
		margin-top: 0;
	}
	.u-pt-pc {
		padding-top: 30px;
	}
}

@media screen and (max-width: 767px) { /* SP */
	.topbanner {
		margin-top: 20px;
	}
	.headline {
		margin-left: -10px;
		margin-right: -10px;
	}
	.list-merit > li {
		background-position: left 15px;
		min-height:53px;
	}
	#cp-reg .regist,
	#cp-reg .regist dt,
	#cp-reg .regist dd {
		display: block;
		text-align: center;
	}
	#cp-reg .regist dt,
	#cp-reg .regist dd {
		padding: 10px;
	}
	#merit .container-txt-img .col:last-child {
		padding-top: 20px;
	}
}
/* IE11 */
@media all and (-ms-high-contrast: none) and (max-width: 767px) {
	/* wbr要素の擬似サポート */
	wbr {
		display: block;
		height: 0;
		width: 0;
	}
}