@charset "UTF-8";

/*
 * d払いシェル用アダプタ
 *
 * 納品物本体（#cp）はシェル非依存なので、シェル側の都合はすべてここに集約する。
 * dポイントシェルへ差し込む場合はこのファイルを外すだけでよい。
 * 内容は実運用中のd払いテンプレート
 * （campaign/daiouseishi_goon_2609_MI0177/css/style.css）の
 * シェル調整部分と揃えてある。
 */

body {
	/* d払い共通CSSがbodyに最小幅を敷いており、960px以下で横スクロールが出る */
	min-width: auto;
	margin: 0;

	/* dポイントでは .main-vis が担っていたページ背景。コンテンツ本体の外側なので
	   #cp には含めず、シェル側で受ける。 */
	background-color: #E8E8E8;
}

.dh-mainContents {
	width: 100%;
}

/* 削除不可の見出しブロックとパンくずは、キャンペーンページでは非表示にする運用 */
.dh-Grid {
	display: none;
}

.dh-bread-nav {
	display: none;
}

/*
 * キャンペーン終了告知
 *
 * dポイントでは #common_campaign_end が common_wide.css / common_small.css で
 * 装飾されるが、これらは cp-components.css の生成チェーンに含めていない。
 * コンテンツ本体の外側に置かれる要素なので、d払いでは既存LPの .cpClose を
 * シェル側で持つ。
 *
 * 原本（daiouseishi_goon_2609_MI0177/css/style.css）では 960px の .l-wrapper に
 * 内包される前提で width:100% だったが、ここでは main 直下に置くため
 * #cp と同じ max-width:960px + 中央寄せで同じ見え方にしている。
 */
.cpClose_wrap {
	max-width: 960px;
	margin: 0 auto;
	background: #fff;
}

.cpClose {
	color: #c70014;
	font-size: min(1.628vw, 14px);
	font-weight: bold;
	margin: min(2.907vw, 25px) min(2.326vw, 20px) min(3.488vw, 20px);
	padding: min(1.744vw, 15px);
	border: solid 1px #df6177;
	border-radius: min(0.581vw, 5px);
	background-color: #fcf0f2;
	text-align: center;
}