/*
PPCコンサル LP 用CSS
http://succeedcurve.com/lp/consul/
*/

/* ページ背景 */
#page {
	background: url(http://succeedcurve.com/lp/wp-content/themes/lp-builder/images/videos-bg.jpg) no-repeat;
	background-size: 1300px;
}
.site {
	overflow-x: hidden;
}
.navbar {
	background: rgba(255,255,255,0.85)
}
.one-column .entry-header {
	margin-bottom: 0px;
}
.hentry {
	padding-top: 0px;
}
h2 {
	font-size: 32px;
	font-weight: normal;
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	letter-spacing: -2px;
	text-align: center;
	margin:  2em 0;
}
h3 {
	font-size: 24px;
	font-weight: normal;
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	padding: 1em 0;
	margin: 1em auto;
}
h4 {
	font-size: 24px;
	font-weight: bold;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	padding-top: 1em;
}
.widget ul,.widget ol {
	margin-left: 2em;
}
li {
	list-style-type: none;
}
th {
	color: #fff;
	background: #004080;
	text-align: center;
	font-size: 18px;
	padding: 5px;
}
tr:nth-child(odd) {
	background: #eee;
}
td {
	border: 2px solid #fff;
	padding-left: 6px;
}
mark {
	background: #FFCB35;
	font-weight: bold;
}

.cta {
	margin: 50px auto;
}
.cta > a {
	display: block;
	margin: 0 auto;
	padding: 14px;
	max-width: 540px;
	color: #fff;
	background: #FF9103;
	border-radius: 2px;
	border: 1px solid #ccc;
	font-size: 24px;
	text-align: center;
}
.cta > a:hover {
	color: #FF9103;
	background: #fff;
	border-color: #FF9103;
	text-decoration: none;
}
/* ヘッドライン */
.prehead {/* プリヘッド */
	font-size: 24px;
	text-align: center;
	color: #fff;
}
.sec1 h2 {
	text-align: left;
	margin: 20px 0 50px;
	padding: 0;
	background: none;
	font-size: 40px;
	color: #111;
} 
.sec1 h3 {
	text-align: center;
	background: #1e73be;
	margin: 0;
	padding: 10px;
	color: #fff;
	border: 3px solid #fff;
	outline: 1px solid #1e73be;
}
/* ボディーコピー */
.bodycopy p,.bodycopy li {
	font-size: 16px;
}
.sec4 h2,.sec6 h2 {
	color: #a95648;
}
.consul {
	color: #333;
	background: #fff;
	outline: 7px solid #A23748;
	border: 10px solid #CA6676;
	margin: 2em auto;
	padding: 3em;
}
.consul h2 {
	margin-top: 0;
}
.consul h3 {
	margin-top: 10px;
	padding: 10px;
	background: #A23748;
	color: #fff;
}
.vol,.warranty {
	color: #333;
	background: #fff;
	outline: 7px solid #2B4D7B;
	border: 10px solid #4D688D;
	margin: 2em auto;
	padding: 3em;
}
.vol h2 {
	margin-top: 0;
}
.vol h3,.warranty h3 {
	margin-top: 10px;
	padding: 10px;
	background: #2B4D7B;
	color: #fff;
}
.step {
	padding: 20px;
	background: #f7f7f7;
	border: 1px solid #AC813A;
	font-size: 24px;
	font-weight: bold;
	margin: 20px 80px;
}
.sec5 {
	background: rgba(255,255,255,0.7);
	padding: 2em;
	margin-bottom: 24px;
}
.sec5 h2,.sec5 h3 {
	text-align: center;
	margin-top: 0;
}
.testi {
	color: #333;
	background: #fff;
	border: 2px solid #ccc;
	border-radius: 2px;
	margin: 2em auto;
	padding: 3em;
}
.testi h3 {
	text-align: center;
	margin-top: 0px;
	font-weight: bold;
}
.sec6 ul li {
	font-size: 16px;
}
.sec6 ul li:before {/* ボーナス */
	content:"\2714\fe0e";
	color: #C86464;
	font-size: 24px;
	padding-right: 5px;
	margin-left: -1em;
}
div.discount:after {/* まとめ */
	content:"\27a1\fe0e";
	color: #C86464;
	font-size: 36px;
	padding-left: 517px;
	position: relative;
	top: -68px;
}
.bonus {
	outline: 7px solid #87672E;
	border: 10px solid #E6C753;
	padding: 2em 3em;
	margin: 2em auto;
}
.bonus h3 {
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 1px solid #333;
}
.bonus h4 {
	color: #a95648;
	text-align: center;
	border-top: 2px solid #a95648;
	border-bottom: 2px solid #a95648;
	padding: 14px 0;
	margin-top: 3em;
}
.temp {
	outline: 7px solid #87672E;
	border: 10px solid #E6C753;
	padding: 2em 3em;
	margin: 2em auto;
}
.temp h3 {
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 1px solid #333;
}
.temp h4 {
	color: #a95648;
	text-align: center;
	border-top: 2px solid #a95648;
	border-bottom: 2px solid #a95648;
	padding: 14px 0;
	margin-top: 3em;
}
.sec10 {/* よくある質問 */

}
.sec10 h2 {
	margin-top: 0;
}
.sec10 th {
	background: none;
	text-align: center;
	font-size: 18px;
	padding: 10px;
	width: 70px;
}
.sec10 tr:nth-child(odd) {
	background: #eee;
}
.sec10 tr:nth-child(odd) > th {
	color: #1e73be;
	border-left: 1px solid #1e73be;
}
.sec10 tr:nth-child(even) {
	background: none;
	margin-bottom: 50px;
}
.sec10 tr:nth-child(even) > th {
	color: #FF9103;
}
.sec10 td {
	border: 0;
	border-left: 1px solid #fff;
	padding-left: 6px;
}
#cta h2 {
	background: none;
	color: #0E7AC4;
	margin-bottom: 30px;
	padding-bottom: 0;
}
#cta h3 {
	text-align: center;
	color: #f00;
}
#cta ul,.warranty ul {
	color: #40AAEF;
	border: 2px solid #40AAEF;
	border-radius: 2px;
	margin: 0 auto;
	padding: 14px 36px 14px 48px;
	max-width: 680px;
}
#cta ul li:before,.warranty ul li:before {/* 申し込み確認 */
	content:"\2714\fe0e";
	color: #40AAEF;
	font-size: 24px;
	padding-right: 5px;
	margin-left: -1.1em;
}
/* 申し込みフィーム */
fieldset {
	border: 0px;
	background: #ECEEF1;
	margin-top: 20px;
	padding-top: 10px;
	padding-bottom: 30px;
}
label,input {
	display: block;
	float: left;
}
#cta table {
	border: 0px;
}
#cta th {
	color: #252525;
	background: #ECEEF1;
	text-align: left;
	padding: 10px 1em 10px 0;
	border-bottom: 1px solid #fff;
	font-weight: normal;
}
#cta td {
	border:0;
	border-bottom: 1px solid #fff;
}
#cta input,
#cta textarea {
	font-size: 18px;
	border-color: #0E7AC4;
	width: 100%;
	background: #fff;
}
#cta input:focus,
#cta textarea:focus {
	background: #fffbd0;
}
#cta input#touroku_name1,
#cta input#touroku_name2 {
	width: 43%;
}
#cta textarea#touroku_free2 {
	height: 100px;
}
/* Buttons */
.smt {
	margin-top: 60px;
	text-align: center;
}
.smt a,
#cta button,
#cta input[type="submit"],
#cta input[type="button"],
#cta input[type="reset"],
#cta input[type="hidden"] {
	display: block;
	background: #64c93b;
	border-bottom: 3px solid #0b8106;
	border-radius: 2px;
	font-size: 32px;
	margin: 0 auto;
	padding: 10px 50px;
	color: #fff;
}
.smt a:hover,
.smt a:focus,
#cta button:hover,
#cta button:focus,
#cta input[type="submit"]:hover,
#cta input[type="button"]:hover,
#cta input[type="reset"]:hover,
#cta input[type="submit"]:focus,
#cta input[type="button"]:focus,
#cta input[type="reset"]:focus {
	background: #89e386;
	text-decoration: none;
	color: #fff;
	border-bottom: 0;
	padding-top: 13px;
}
.smt a:active,
#cta button:active,
#cta input[type="submit"]:active,
#cta input[type="button"]:active,
#cta input[type="reset"]:active {
	background: #89e386;
}
/* 無料相談 */
.skype {
	padding: 0;
	margin: 50px auto 0;
	max-width: 680px;
	border: 3px solid #40AAEF;
}
#cta .skype > h2 {
	text-align: left;
	margin: 0 0 18px;
	padding: 6px 18px;
	background: #40AAEF;
	color: #fff;
}
.skype p {
	padding-left: 18px;
	padding-right: 18px; 
}
/* コンテンツ */
.entry-content {
	padding-left: 0;
	padding-right: 0;
}
/* フッター */
.site-footer {
	background: #252525;
}
.site-footer a {
	color: #fff;
}
@media (min-width:769px) {
	.one-column .entry-header,
	.one-column .entry-content,
	.one-column .entry-summary,
	.one-column .entry-meta {
		padding-left: 120px;
		padding-right: 120px;
	}
	.sec9 div.discount:after {/* まとめ */
		left: 395px;
	}
}
@media (max-width:768px) {
	br {
		display: none;
	}
	.navbar {
		display: none;
	}
	.prehead {
		padding-top: 0px;
	}
	h2 {
		font-size: 32px;
		text-align: left;
	}
	.sec1 h2 {
		font-size: 32px;
	}
	.sec1 h3 {
		margin-left: 4%;
		margin-right: 4%;
	}
	.sec1 ul {
		padding-left: 0;
	}
	.sec9 div.discount:after {/* まとめ */
		left: 285px;
	}
	.testi {
		padding: 4%;
	}
	#cta td,#cta th,#cta label {
		display: block;
		clear: both;
		border-bottom: 0px;
	}
}
@media (max-width:359px) {
	#cta button,
	#cta input[type="submit"],
	#cta input[type="hidden"] {
		width: 259px;
	}
}