@charset "utf-8";

/* フロートクリア
	 ========================================================================== */
.ctw-clear-floats { clear: both }
.ctw-clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

/* ==========================================================================
	 CTW バナー
	 ========================================================================== */

.ctw_optin_banner {
	display: block;
	margin-bottom: 20px;
}

a.ctw_optin_banner:hover img {
	opacity: 1;
	filter: alpha(opacity=10);
	-ms-filter: "alpha(opacity=10)";
}

.ctw_optin_banner {
	max-width: 100%;
}

/* ==========================================================================
	 CTW フォーム
	 ========================================================================== */

/* 囲み */

.ctw-form__unit {
	border: 1px solid #369;
	background-color: #fff;
	margin-bottom: 20px;
	padding: 30px;
	border-radius: 4px;
}
	.sidebar .ctw-form__unit {
		padding: 20px;
		font-size: 15px;
	}

/* タイトル */

.ctw-form__title {
	position: relative;
	margin: -31px -31px 31px;
	padding: 1em 1.25em;
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
	background-color: #369;
	background-image: url("img/bg-g-light.svg");
	background-position: center bottom;
	background-origin: border-box;
	background-size: contain;
	background-repeat: repeat-x;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0,0,0,.3);
	font-size: 21px;
	font-size: 2.1rem;
	line-height: 1;
}
	.sidebar .ctw-form__title {
		margin: -21px -21px 21px;
		text-align: left;
	font-size: 17px;
	font-size: 1.7rem;
	}

/* 説明文 */

.ctw-form__description {
	margin-top: -.3em;
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid rgba(0,0,0,.1);
	text-align: left;
	font-size: 15px;
	line-height: 1.5;
}
	.sidebar .ctw-form__description {
		font-size: 13px;
	}

/* form部品 */

.ctw-form label {
	display: block;
	float: left;
	margin-bottom: .333em;
	width: 33%;
	color: #333;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.75;
}
	.sidebar .ctw-form label {
		display: block;
		float: none;
		width: 100%;
		font-size: 15px;
	}

.ctw-form input[type="text"] {
	display: block;
	float: left;
	margin-bottom: 1em;
	padding: .25em;
	width: 66%;
	color: #666;
	font-size: 18px;
	line-height: 1;
}
	.sidebar .ctw-form input[type="text"] {
		font-size: 15px;
		width: 100%;
	}

.ctw-form button,
.ctw-form input[type="submit"] {
	position: relative;
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding: .75em 1.5em;
	min-width: 75%;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 6px;
	background-color: #393;
	background-image: url("img/bg-g-glass.svg"); /* glass */
	background-position: center center;
	background-origin: border-box;
	background-repeat: repeat-x;
	box-shadow: 0 1px 2px rgba(0,0,0,.3), inset 0 -2px rgba(0,0,0,.1), inset 0 0 1px rgba(255,255,255,.2), inset 0 1px rgba(255,255,255,.1);
	color: #fff;
	text-align: center;
	text-shadow: 0 1px rgba(0,0,0,.5);
	font-weight: bold;
	font-size: 21px;
	line-height: 1;
}
	.sidebar .ctw-form button,
	.sidebar .ctw-form input[type="submit"] {
		font-size: 18px;
	}

	.ctw-form button:hover,
	.ctw-form input[type=submit]:hover {
		color: #fff;
		text-decoration: none;
		opacity: 0.9;
		-ms-filter: "alpha(opacity=90)";
		filter: alpha(opacity=90);
	}

	.ctw-form button:active ,
	.ctw-form input[type=submit]:active {
		top: 1px;
		box-shadow: inset 0 2px 2px rgba(0,0,0,.3);
	}

	.ctw-form button:before {
		margin-right: 5px;
		content: "\f138";
		font-family: FontAwesome;
		opacity: 0.8;
	}

/* 飾り */

.ctw-form--box-shadow {
	box-shadow: 0 1px 3px rgba(0,0,0,.1);
}

/* ==========================================================================
	 CTW 特典見出し
	 ========================================================================== */

.ctw-bonus__head {
	position: relative;
	margin: 20px 0 0;
	padding: 23px 0 55px;
	color: #fff;
	text-align: left;
	font-weight: bold;
	font-size: 21px;
	font-size: 2.1rem;
	line-height: 1;
}

/* 背景 */

.ctw-bonus__head.ctw-bbh-blu { background: url("img/bonus-head-bg-blu.png") no-repeat right top }
.ctw-bonus__head.ctw-bbh-red { background: url("img/bonus-head-bg-red.png") no-repeat right top }

/* バッジ */

.ctw-bonus__head {
	padding-left: 60px;
}
.ctw-bonus__head:before {
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
	content: "";
}

	/* A */

	.ctw-bonus__head.ctw-bbh-a:before {
		top: -15px;
		left: -24px;
		width: 110px;
		height: 110px;
	}

	.ctw-bonus__head.ctw-bbh-a.ctw-bbh-blu.ctw-bbh-n:before  { background-image: url("img/bonus-badge-a--blu-n.png") }
	.ctw-bonus__head.ctw-bbh-a.ctw-bbh-blu.ctw-bbh-1:before  { background-image: url("img/bonus-badge-a--blu-1.png") }
	.ctw-bonus__head.ctw-bbh-a.ctw-bbh-blu.ctw-bbh-2:before  { background-image: url("img/bonus-badge-a--blu-2.png") }
	.ctw-bonus__head.ctw-bbh-a.ctw-bbh-blu.ctw-bbh-3:before  { background-image: url("img/bonus-badge-a--blu-3.png") }
	.ctw-bonus__head.ctw-bbh-a.ctw-bbh-blu.ctw-bbh-4:before  { background-image: url("img/bonus-badge-a--blu-4.png") }
	.ctw-bonus__head.ctw-bbh-a.ctw-bbh-blu.ctw-bbh-5:before  { background-image: url("img/bonus-badge-a--blu-5.png") }
	.ctw-bonus__head.ctw-bbh-a.ctw-bbh-blu.ctw-bbh-6:before  { background-image: url("img/bonus-badge-a--blu-6.png") }
	.ctw-bonus__head.ctw-bbh-a.ctw-bbh-blu.ctw-bbh-7:before  { background-image: url("img/bonus-badge-a--blu-7.png") }
	.ctw-bonus__head.ctw-bbh-a.ctw-bbh-blu.ctw-bbh-8:before  { background-image: url("img/bonus-badge-a--blu-8.png") }
	.ctw-bonus__head.ctw-bbh-a.ctw-bbh-blu.ctw-bbh-9:before  { background-image: url("img/bonus-badge-a--blu-9.png") }
	.ctw-bonus__head.ctw-bbh-a.ctw-bbh-blu.ctw-bbh-10:before { background-image: url("img/bonus-badge-a--blu-10.png") }

	.ctw-bonus__head.ctw-bbh-a.ctw-bbh-red.ctw-bbh-n:before  { background-image: url("img/bonus-badge-a--red-n.png");}
	.ctw-bonus__head.ctw-bbh-a.ctw-bbh-red.ctw-bbh-1:before  { background-image: url("img/bonus-badge-a--red-1.png");}
	.ctw-bonus__head.ctw-bbh-a.ctw-bbh-red.ctw-bbh-2:before  { background-image: url("img/bonus-badge-a--red-2.png");}
	.ctw-bonus__head.ctw-bbh-a.ctw-bbh-red.ctw-bbh-3:before  { background-image: url("img/bonus-badge-a--red-3.png");}
	.ctw-bonus__head.ctw-bbh-a.ctw-bbh-red.ctw-bbh-4:before  { background-image: url("img/bonus-badge-a--red-4.png");}
	.ctw-bonus__head.ctw-bbh-a.ctw-bbh-red.ctw-bbh-5:before  { background-image: url("img/bonus-badge-a--red-5.png");}
	.ctw-bonus__head.ctw-bbh-a.ctw-bbh-red.ctw-bbh-6:before  { background-image: url("img/bonus-badge-a--red-6.png");}
	.ctw-bonus__head.ctw-bbh-a.ctw-bbh-red.ctw-bbh-7:before  { background-image: url("img/bonus-badge-a--red-7.png");}
	.ctw-bonus__head.ctw-bbh-a.ctw-bbh-red.ctw-bbh-8:before  { background-image: url("img/bonus-badge-a--red-8.png");}
	.ctw-bonus__head.ctw-bbh-a.ctw-bbh-red.ctw-bbh-9:before  { background-image: url("img/bonus-badge-a--red-9.png");}
	.ctw-bonus__head.ctw-bbh-a.ctw-bbh-red.ctw-bbh-10:before { background-image: url("img/bonus-badge-a--red-10.png");}

	/* B */

	.ctw-bonus__head.ctw-bbh-b:before {
		top: -12px;
		left: -36px;
		width: 99px;
		height: 99px;
	}

	.ctw-bonus__head.ctw-bbh-b.ctw-bbh-blu.ctw-bbh-n:before  { background-image: url("img/bonus-badge-b--blu-n.png");}
	.ctw-bonus__head.ctw-bbh-b.ctw-bbh-blu.ctw-bbh-1:before  { background-image: url("img/bonus-badge-b--blu-1.png");}
	.ctw-bonus__head.ctw-bbh-b.ctw-bbh-blu.ctw-bbh-2:before  { background-image: url("img/bonus-badge-b--blu-2.png");}
	.ctw-bonus__head.ctw-bbh-b.ctw-bbh-blu.ctw-bbh-3:before  { background-image: url("img/bonus-badge-b--blu-3.png");}
	.ctw-bonus__head.ctw-bbh-b.ctw-bbh-blu.ctw-bbh-4:before  { background-image: url("img/bonus-badge-b--blu-4.png");}
	.ctw-bonus__head.ctw-bbh-b.ctw-bbh-blu.ctw-bbh-5:before  { background-image: url("img/bonus-badge-b--blu-5.png");}
	.ctw-bonus__head.ctw-bbh-b.ctw-bbh-blu.ctw-bbh-6:before  { background-image: url("img/bonus-badge-b--blu-6.png");}
	.ctw-bonus__head.ctw-bbh-b.ctw-bbh-blu.ctw-bbh-7:before  { background-image: url("img/bonus-badge-b--blu-7.png");}
	.ctw-bonus__head.ctw-bbh-b.ctw-bbh-blu.ctw-bbh-8:before  { background-image: url("img/bonus-badge-b--blu-8.png");}
	.ctw-bonus__head.ctw-bbh-b.ctw-bbh-blu.ctw-bbh-9:before  { background-image: url("img/bonus-badge-b--blu-9.png");}
	.ctw-bonus__head.ctw-bbh-b.ctw-bbh-blu.ctw-bbh-10:before { background-image: url("img/bonus-badge-b--blu-10.png");}

	.ctw-bonus__head.ctw-bbh-b.ctw-bbh-red.ctw-bbh-n:before  { background-image: url("img/bonus-badge-b--red-n.png");}
	.ctw-bonus__head.ctw-bbh-b.ctw-bbh-red.ctw-bbh-1:before  { background-image: url("img/bonus-badge-b--red-1.png");}
	.ctw-bonus__head.ctw-bbh-b.ctw-bbh-red.ctw-bbh-2:before  { background-image: url("img/bonus-badge-b--red-2.png");}
	.ctw-bonus__head.ctw-bbh-b.ctw-bbh-red.ctw-bbh-3:before  { background-image: url("img/bonus-badge-b--red-3.png");}
	.ctw-bonus__head.ctw-bbh-b.ctw-bbh-red.ctw-bbh-4:before  { background-image: url("img/bonus-badge-b--red-4.png");}
	.ctw-bonus__head.ctw-bbh-b.ctw-bbh-red.ctw-bbh-5:before  { background-image: url("img/bonus-badge-b--red-5.png");}
	.ctw-bonus__head.ctw-bbh-b.ctw-bbh-red.ctw-bbh-6:before  { background-image: url("img/bonus-badge-b--red-6.png");}
	.ctw-bonus__head.ctw-bbh-b.ctw-bbh-red.ctw-bbh-7:before  { background-image: url("img/bonus-badge-b--red-7.png");}
	.ctw-bonus__head.ctw-bbh-b.ctw-bbh-red.ctw-bbh-8:before  { background-image: url("img/bonus-badge-b--red-8.png");}
	.ctw-bonus__head.ctw-bbh-b.ctw-bbh-red.ctw-bbh-9:before  { background-image: url("img/bonus-badge-b--red-9.png");}
	.ctw-bonus__head.ctw-bbh-b.ctw-bbh-red.ctw-bbh-10:before { background-image: url("img/bonus-badge-b--red-10.png");}

/* 1カラム */

body[class*="c1"] .ctw-bonus__head {
	font-size: 28px;
	font-size: 2.8rem;
	padding-top: 19px;
}
body[class*="c1"] .ctw-bonus__head {
	padding-left: 60px;
}
	body[class*="c1"] .ctw-bonus__head.ctw-bbh-a:before {
		top: -15px;
		left: -34px;
		width: 120px;
		height: 120px;
	}
	body[class*="c1"] .ctw-bonus__head.ctw-bbh-b:before {
		top: -12px;
		left: -44px;
		width: 109px;
		height: 109px;
	}

/* ==========================================================================
	 CTW 特典囲み
	 ========================================================================== */

.ctw-bonus__box {
	margin-top: 30px;
	margin-bottom: 20px;
	padding: 30px;
	border: 1px solid #ccc;
	border-radius: 4px;
	background-color: #fff;
}
	.ctw-bonus__box > *:last-child {
		margin-bottom: 0;
	}

.ctw-bonus__box__head {
	position: relative;
	margin: -31px -31px 31px;
	padding: 1em 1.25em;
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
	background-color: #fff;
	background-image: url("img/bg-g-dark.svg");
	background-position: center bottom;
	background-origin: border-box;
	background-size: contain;
	background-repeat: repeat-x;
	color: #333;
	text-align: left;
	font-size: 21px;
	font-size: 2.1rem;
	line-height: 1;
}

/* 背景 */

.ctw-bonus__box__head.ctw-bbh-blu {
	background-color: #404284;
	color: #fff;
}

.ctw-bonus__box__head.ctw-bbh-red {
	background-color: #AC060F;
	color: #fff;
}

/* バッジ */

.ctw-bonus__box__head {
	padding-left: 70px;
}
.ctw-bonus__box__head:before {
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
	content: "";
}

	/* A */

	.ctw-bonus__box__head.ctw-bbh-a:before {
		top: -15px;
		left: -20px;
		width: 110px;
		height: 110px;
	}

	.ctw-bonus__box__head.ctw-bbh-a.ctw-bbh-blu.ctw-bbh-n:before  { background-image: url("img/bonus-badge-a--blu-n.png");}
	.ctw-bonus__box__head.ctw-bbh-a.ctw-bbh-blu.ctw-bbh-1:before  { background-image: url("img/bonus-badge-a--blu-1.png");}
	.ctw-bonus__box__head.ctw-bbh-a.ctw-bbh-blu.ctw-bbh-2:before  { background-image: url("img/bonus-badge-a--blu-2.png");}
	.ctw-bonus__box__head.ctw-bbh-a.ctw-bbh-blu.ctw-bbh-3:before  { background-image: url("img/bonus-badge-a--blu-3.png");}
	.ctw-bonus__box__head.ctw-bbh-a.ctw-bbh-blu.ctw-bbh-4:before  { background-image: url("img/bonus-badge-a--blu-4.png");}
	.ctw-bonus__box__head.ctw-bbh-a.ctw-bbh-blu.ctw-bbh-5:before  { background-image: url("img/bonus-badge-a--blu-5.png");}
	.ctw-bonus__box__head.ctw-bbh-a.ctw-bbh-blu.ctw-bbh-6:before  { background-image: url("img/bonus-badge-a--blu-6.png");}
	.ctw-bonus__box__head.ctw-bbh-a.ctw-bbh-blu.ctw-bbh-7:before  { background-image: url("img/bonus-badge-a--blu-7.png");}
	.ctw-bonus__box__head.ctw-bbh-a.ctw-bbh-blu.ctw-bbh-8:before  { background-image: url("img/bonus-badge-a--blu-8.png");}
	.ctw-bonus__box__head.ctw-bbh-a.ctw-bbh-blu.ctw-bbh-9:before  { background-image: url("img/bonus-badge-a--blu-9.png");}
	.ctw-bonus__box__head.ctw-bbh-a.ctw-bbh-blu.ctw-bbh-10:before { background-image: url("img/bonus-badge-a--blu-10.png");}

	.ctw-bonus__box__head.ctw-bbh-a.ctw-bbh-red.ctw-bbh-n:before  { background-image: url("img/bonus-badge-a--red-n.png");}
	.ctw-bonus__box__head.ctw-bbh-a.ctw-bbh-red.ctw-bbh-1:before  { background-image: url("img/bonus-badge-a--red-1.png");}
	.ctw-bonus__box__head.ctw-bbh-a.ctw-bbh-red.ctw-bbh-2:before  { background-image: url("img/bonus-badge-a--red-2.png");}
	.ctw-bonus__box__head.ctw-bbh-a.ctw-bbh-red.ctw-bbh-3:before  { background-image: url("img/bonus-badge-a--red-3.png");}
	.ctw-bonus__box__head.ctw-bbh-a.ctw-bbh-red.ctw-bbh-4:before  { background-image: url("img/bonus-badge-a--red-4.png");}
	.ctw-bonus__box__head.ctw-bbh-a.ctw-bbh-red.ctw-bbh-5:before  { background-image: url("img/bonus-badge-a--red-5.png");}
	.ctw-bonus__box__head.ctw-bbh-a.ctw-bbh-red.ctw-bbh-6:before  { background-image: url("img/bonus-badge-a--red-6.png");}
	.ctw-bonus__box__head.ctw-bbh-a.ctw-bbh-red.ctw-bbh-7:before  { background-image: url("img/bonus-badge-a--red-7.png");}
	.ctw-bonus__box__head.ctw-bbh-a.ctw-bbh-red.ctw-bbh-8:before  { background-image: url("img/bonus-badge-a--red-8.png");}
	.ctw-bonus__box__head.ctw-bbh-a.ctw-bbh-red.ctw-bbh-9:before  { background-image: url("img/bonus-badge-a--red-9.png");}
	.ctw-bonus__box__head.ctw-bbh-a.ctw-bbh-red.ctw-bbh-10:before { background-image: url("img/bonus-badge-a--red-10.png");}

	/* B */

	.ctw-bonus__box__head.ctw-bbh-b:before {
		top: -15px;
		left: -20px;
		width: 99px;
		height: 99px;
	}

	.ctw-bonus__box__head.ctw-bbh-b.ctw-bbh-blu.ctw-bbh-n:before  { background-image: url("img/bonus-badge-b--blu-n.png");}
	.ctw-bonus__box__head.ctw-bbh-b.ctw-bbh-blu.ctw-bbh-1:before  { background-image: url("img/bonus-badge-b--blu-1.png");}
	.ctw-bonus__box__head.ctw-bbh-b.ctw-bbh-blu.ctw-bbh-2:before  { background-image: url("img/bonus-badge-b--blu-2.png");}
	.ctw-bonus__box__head.ctw-bbh-b.ctw-bbh-blu.ctw-bbh-3:before  { background-image: url("img/bonus-badge-b--blu-3.png");}
	.ctw-bonus__box__head.ctw-bbh-b.ctw-bbh-blu.ctw-bbh-4:before  { background-image: url("img/bonus-badge-b--blu-4.png");}
	.ctw-bonus__box__head.ctw-bbh-b.ctw-bbh-blu.ctw-bbh-5:before  { background-image: url("img/bonus-badge-b--blu-5.png");}
	.ctw-bonus__box__head.ctw-bbh-b.ctw-bbh-blu.ctw-bbh-6:before  { background-image: url("img/bonus-badge-b--blu-6.png");}
	.ctw-bonus__box__head.ctw-bbh-b.ctw-bbh-blu.ctw-bbh-7:before  { background-image: url("img/bonus-badge-b--blu-7.png");}
	.ctw-bonus__box__head.ctw-bbh-b.ctw-bbh-blu.ctw-bbh-8:before  { background-image: url("img/bonus-badge-b--blu-8.png");}
	.ctw-bonus__box__head.ctw-bbh-b.ctw-bbh-blu.ctw-bbh-9:before  { background-image: url("img/bonus-badge-b--blu-9.png");}
	.ctw-bonus__box__head.ctw-bbh-b.ctw-bbh-blu.ctw-bbh-10:before { background-image: url("img/bonus-badge-b--blu-10.png");}

	.ctw-bonus__box__head.ctw-bbh-b.ctw-bbh-red.ctw-bbh-n:before  { background-image: url("img/bonus-badge-b--red-n.png");}
	.ctw-bonus__box__head.ctw-bbh-b.ctw-bbh-red.ctw-bbh-1:before  { background-image: url("img/bonus-badge-b--red-1.png");}
	.ctw-bonus__box__head.ctw-bbh-b.ctw-bbh-red.ctw-bbh-2:before  { background-image: url("img/bonus-badge-b--red-2.png");}
	.ctw-bonus__box__head.ctw-bbh-b.ctw-bbh-red.ctw-bbh-3:before  { background-image: url("img/bonus-badge-b--red-3.png");}
	.ctw-bonus__box__head.ctw-bbh-b.ctw-bbh-red.ctw-bbh-4:before  { background-image: url("img/bonus-badge-b--red-4.png");}
	.ctw-bonus__box__head.ctw-bbh-b.ctw-bbh-red.ctw-bbh-5:before  { background-image: url("img/bonus-badge-b--red-5.png");}
	.ctw-bonus__box__head.ctw-bbh-b.ctw-bbh-red.ctw-bbh-6:before  { background-image: url("img/bonus-badge-b--red-6.png");}
	.ctw-bonus__box__head.ctw-bbh-b.ctw-bbh-red.ctw-bbh-7:before  { background-image: url("img/bonus-badge-b--red-7.png");}
	.ctw-bonus__box__head.ctw-bbh-b.ctw-bbh-red.ctw-bbh-8:before  { background-image: url("img/bonus-badge-b--red-8.png");}
	.ctw-bonus__box__head.ctw-bbh-b.ctw-bbh-red.ctw-bbh-9:before  { background-image: url("img/bonus-badge-b--red-9.png");}
	.ctw-bonus__box__head.ctw-bbh-b.ctw-bbh-red.ctw-bbh-10:before { background-image: url("img/bonus-badge-b--red-10.png");}

/* 1カラム */

body[class*="c1"] .ctw-bonus__box__head {
	font-size: 28px;
	font-size: 2.8rem;
	padding-top: 19px;
	padding-bottom: 19px;
}
body[class*="c1"] .ctw-bonus__box__head {
	padding-left: 60px;
}
	body[class*="c1"] .ctw-bonus__box__head.ctw-bbh-a:before {
		top: -15px;
		left: -34px;
		width: 120px;
		height: 120px;
	}
	body[class*="c1"] .ctw-bonus__box__head.ctw-bbh-b:before {
		top: -12px;
		left: -44px;
		width: 109px;
		height: 109px;
	}

/* ==========================================================================
	 1カラム用ヘッダーバナー
	 ========================================================================== */

body[class*="c1"] .ctw-header-image--c1 {
	margin: -70px -70px 70px;
}

@media(max-width: 800px) {
	body[class*="c1"] .ctw-header-image--c1 {
		margin: -16px -16px 16px;
	}
}

/* ==========================================================================
	 ワイド小見出し
	 ========================================================================== */

.ctw-wide-header {
	margin: 70px -70px;
	background-color: #999;
	font-size: 33px;
	color: #fff;
	text-align: center;
	padding: 1em;
	line-height: 1.333;
	text-shadow: 0 1px 2px rgba(0,0,0,.3);
}

@media(max-width: 800px) {
	.ctw-wide-header  {
		margin: 16px -70px;
	}
}


