@charset "utf-8";

/* =============================================================================

	ここが違う！ 大塚商会のLED照明!!ページ　専用のCSS

	最終更新日：2019年9月24日

============================================================================= */

/* **********************************************************************************

	01. コンテンツ定義

********************************************************************************** */

/* -------------------------------------------------------------------
	コンテンツヘッダー
	.lp-campaign #main ～
------------------------------------------------------------------- */
/* === camph0002_1: h1見出し ＋ お問い合わせ（ボタン2つ）
			 camph0003_1: h1見出し ＋ お問い合わせ（ボタン2つ・色違い） === */
/* ボタン2つ */
/* ボタン緑 */
.lp-campaign #main .contacts-fundamental-h1 ul li a{
	border:1px solid #8a2008;
	background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 36px center #c22d0b;
	background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 36px center, -webkit-linear-gradient(top, #c22d0b 0%, #9d2105 100%);
	background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 36px center, linear-gradient(to bottom, #c22d0b 0%, #9d2105 100%);}
.lp-campaign #main .contacts-fundamental-h1 ul li a.icons-blank{
	background:url(/common-s/img/products/lp-campaign/icons-blank-white.png) no-repeat 36px center #c22d0b;
	background:url(/common-s/img/products/lp-campaign/icons-blank-white.png) no-repeat 36px center, -webkit-linear-gradient(top, #c22d0b 0%, #9d2105 100%);
	background:url(/common-s/img/products/lp-campaign/icons-blank-white.png) no-repeat 36px center, linear-gradient(to bottom, #c22d0b 0%, #9d2105 100%);}
	.lp-campaign #main .contacts-fundamental-h1 ul li a:hover{
		background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 36px center #d5320d;
		background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 36px center, -webkit-linear-gradient(to bottom, #d5320d 0%, #c82e0c 100%);
		background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 36px center, linear-gradient(to bottom, #d5320d 0%, #c82e0c 100%);}
	.lp-campaign #main .contacts-fundamental-h1 ul li a.icons-blank:hover{
		background:url(/common-s/img/products/lp-campaign/icons-blank-white.png) no-repeat 36px center #d5320d;
		background:url(/common-s/img/products/lp-campaign/icons-blank-white.png) no-repeat 36px center, -webkit-linear-gradient(to bottom, #d5320d 0%, #c82e0c 100%);
		background:url(/common-s/img/products/lp-campaign/icons-blank-white.png) no-repeat 36px center, linear-gradient(to bottom, #d5320d 0%, #c82e0c 100%);}
/* ボタン灰 */
.lp-campaign #main .contacts-fundamental-h1 ul li.different-color a{
	border:1px solid #ccc;
	background:url(/products/lp/led/lighting-control/img/icons-arrow-right-orange.png) no-repeat 36px center #f8f8f8;
	background:url(/products/lp/led/lighting-control/img/icons-arrow-right-orange.png) no-repeat 36px center, -webkit-linear-gradient(top, #fefefe 0%, #ddd 100%);
	background:url(/products/lp/led/lighting-control/img/icons-arrow-right-orange.png) no-repeat 36px center, linear-gradient(to bottom, #fefefe 0%, #ddd 100%);
	color:#333; font-weight:normal; text-shadow:none;}
.lp-campaign #main .contacts-fundamental-h1 ul li.different-color a.icons-blank{
	background:url(/common-s/img/products/lp-campaign/icons-blank-large.png) no-repeat 36px center #f8f8f8;
	background:url(/common-s/img/products/lp-campaign/icons-blank-large.png) no-repeat 36px center, -webkit-linear-gradient(top, #fefefe 0%, #ddd 100%);
	background:url(/common-s/img/products/lp-campaign/icons-blank-large.png) no-repeat 36px center, linear-gradient(to bottom, #fefefe 0%, #ddd 100%);}
	.lp-campaign #main .contacts-fundamental-h1 ul li.different-color a:hover{
		background:url(/products/lp/led/lighting-control/img/icons-arrow-right-orange.png) no-repeat 36px center #fff;
		background:url(/products/lp/led/lighting-control/img/icons-arrow-right-orange.png) no-repeat 36px center, -webkit-linear-gradient(top, #fff 0%, #f4f4f4 100%);
		background:url(/products/lp/led/lighting-control/img/icons-arrow-right-orange.png) no-repeat 36px center, linear-gradient(to bottom, #fff 0%, #f4f4f4 100%);}
	.lp-campaign #main .contacts-fundamental-h1 ul li.different-color a.icons-blank:hover{
		background:url(/common-s/img/products/lp-campaign/icons-blank-large.png) no-repeat 36px center #fff;
		background:url(/common-s/img/products/lp-campaign/icons-blank-large.png) no-repeat 36px center, -webkit-linear-gradient(top, #fff 0%, #f4f4f4 100%);
		background:url(/common-s/img/products/lp-campaign/icons-blank-large.png) no-repeat 36px center, linear-gradient(to bottom, #fff 0%, #f4f4f4 100%);}



/* -------------------------------------------------------------------
	コンテンツボディ
	.lp-campaign #main ～
------------------------------------------------------------------- */
/* === campb0012_1: リスト（チェック・灰）
			 campb0013_1: リスト（チェック・緑） === */
/* 緑色 */
.lp-campaign #main .lists-check-green ul li{
	background:url(/products/lp/led/lighting-control/img/icons-check-orange.png) no-repeat left 0.1em;}

/* === campb0051_1: リスト（チェック・灰）／フォントサイズ大
			 campb0052_1: リスト（チェック・緑）／フォントサイズ大 === */
/* 緑色 */
.lp-campaign #main .lists-check-green-large ul li{
	list-style:none; padding-left:33px;
	background:url(/products/lp/led/lighting-control/img/icons-check-orange.png) no-repeat left 0.1em;}

/* === campb0019_1: H2見出し === */
.lp-campaign #main h2{
	border-bottom:3px solid #d5320d; color:#333;}

/* === campb0022_1: H3見出し === */
.lp-campaign #main h3{
	color:#d5320d;}

/* === campb0025_1: H4見出し === */
.lp-campaign #main h4{
	color:#d5320d;}

/* === campb0027_1: 矢印付きテキスト === */
.lp-campaign #main .texts-arrow-bottom{
	font-weight:bold;}

/* === campb0031_1: 3カラムボックス === */
.lp-campaign #main .parts-column-three{}
	.lp-campaign #main .parts-column-three .title{
		font-weight:bold;}

/* === campb0035_1: 画像 中（左） === */
.lp-campaign #main .parts-img-middle-left{}
	.lp-campaign #main .parts-img-middle-left .texts-emphasis{
		font-size:1.8rem;}

/* === campb0055_1: 背景追加エレメント === */
.lp-campaign #main .element-background-color{
	background:#fff5f3;}


/* -------------------------------------------------------------------

	コンテンツフッター
	.lp-campaign #main ～

------------------------------------------------------------------- */
/* === campf0003_1: フッターお問い合わせエリア　ボタン2つ ＋ 電話番号
			 campf0004_1: フッターお問い合わせエリア　ボタン2つ ＋ 電話番号（背景あり）
			 campf0005_1: フッターお問い合わせエリア　ボタン2つ ＋ フリーダイヤル
			 campf0006_1: フッターお問い合わせエリア　ボタン2つ ＋ フリーダイヤル（背景あり）
			 campf0007_1: フッターお問い合わせエリア　ボタン2つ（色違い） ＋ フリーダイヤル
			 campf0008_1: フッターお問い合わせエリア　ボタン2つ（色違い） ＋ フリーダイヤル（背景あり） === */
.lp-campaign #main .contacts-fundamental.contacts-bg-color{ background:#fff5f3;}
.lp-campaign #main footer .contacts-fundamental.contacts-bg-color{ margin-top:0; padding-top:0;}
	.lp-campaign #main .contacts-fundamental .message{
		color:#d5320d;}
		/* ボタン1つ、ボタン2つ（縦並び） */
		/* ボタン2つ */
		/* ボタン緑 */
		.lp-campaign #main .contacts-fundamental .conversion ul li a{
			border:1px solid #8a2008;
			background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 36px center #c22d0b;
			background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 36px center, -webkit-linear-gradient(top, #c22d0b 0%, #9d2105 100%);
			background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 36px center, linear-gradient(to bottom, #c22d0b 0%, #9d2105 100%);}
		.lp-campaign #main .contacts-fundamental .conversion ul li a.icons-blank{
			background:url(/common-s/img/products/lp-campaign/icons-blank-white.png) no-repeat 36px center #c22d0b;
			background:url(/common-s/img/products/lp-campaign/icons-blank-white.png) no-repeat 36px center, -webkit-linear-gradient(top, #c22d0b 0%, #9d2105 100%);
			background:url(/common-s/img/products/lp-campaign/icons-blank-white.png) no-repeat 36px center, linear-gradient(to bottom, #c22d0b 0%, #9d2105 100%);}
			.lp-campaign #main .contacts-fundamental .conversion ul li a:hover{
				background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 36px center #d5320d;
				background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 36px center, -webkit-linear-gradient(to bottom, #d5320d 0%, #c82e0c 100%);
				background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 36px center, linear-gradient(to bottom, #d5320d 0%, #c82e0c 100%);
				text-decoration:none;}
			.lp-campaign #main .contacts-fundamental .conversion ul li a.icons-blank:hover{
				background:url(/common-s/img/products/lp-campaign/icons-blank-white.png) no-repeat 36px center #d5320d;
				background:url(/common-s/img/products/lp-campaign/icons-blank-white.png) no-repeat 36px center, -webkit-linear-gradient(to bottom, #d5320d 0%, #c82e0c 100%);
				background:url(/common-s/img/products/lp-campaign/icons-blank-white.png) no-repeat 36px center, linear-gradient(to bottom, #d5320d 0%, #c82e0c 100%);}
		/* ボタン灰 */
		.lp-campaign #main .contacts-fundamental .conversion ul li.different-color a{
			border:1px solid #ccc;
			background:url(/products/lp/led/lighting-control/img/icons-arrow-right-orange.png) no-repeat 36px center #f8f8f8;
			background:url(/products/lp/led/lighting-control/img/icons-arrow-right-orange.png) no-repeat 36px center, -webkit-linear-gradient(top, #fefefe 0%, #ddd 100%);
			background:url(/products/lp/led/lighting-control/img/icons-arrow-right-orange.png) no-repeat 36px center, linear-gradient(to bottom, #fefefe 0%, #ddd 100%);
			color:#333; font-weight:normal; text-shadow:none;}
		.lp-campaign #main .contacts-fundamental .conversion ul li.different-color a.icons-blank{
			background:url(/common-s/img/products/lp-campaign/icons-blank-large.png) no-repeat 36px center #f8f8f8;
			background:url(/common-s/img/products/lp-campaign/icons-blank-large.png) no-repeat 36px center, -webkit-linear-gradient(top, #fefefe 0%, #ddd 100%);
			background:url(/common-s/img/products/lp-campaign/icons-blank-large.png) no-repeat 36px center, linear-gradient(to bottom, #fefefe 0%, #ddd 100%);}
			.lp-campaign #main .contacts-fundamental .conversion ul li.different-color a:hover{
				background:url(/products/lp/led/lighting-control/img/icons-arrow-right-orange.png) no-repeat 36px center #fff;
				background:url(/products/lp/led/lighting-control/img/icons-arrow-right-orange.png) no-repeat 36px center, -webkit-linear-gradient(top, #fff 0%, #f4f4f4 100%);
				background:url(/products/lp/led/lighting-control/img/icons-arrow-right-orange.png) no-repeat 36px center, linear-gradient(to bottom, #fff 0%, #f4f4f4 100%);}
			.lp-campaign #main .contacts-fundamental .conversion ul li.different-color a.icons-blank:hover{
				background:url(/common-s/img/products/lp-campaign/icons-blank-large.png) no-repeat 36px center #fff;
				background:url(/common-s/img/products/lp-campaign/icons-blank-large.png) no-repeat 36px center, -webkit-linear-gradient(top, #fff 0%, #f4f4f4 100%);
				background:url(/common-s/img/products/lp-campaign/icons-blank-large.png) no-repeat 36px center, linear-gradient(to bottom, #fff 0%, #f4f4f4 100%);}

		/* ボタン1つ（テキスト横並び） */
		.lp-campaign #main .contacts-fundamental .conversion-web p.button a{
			border:1px solid #8a2008;
			background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 36px center #c22d0b;
			background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 36px center, -webkit-linear-gradient(top, #c22d0b 0%, #9d2105 100%);
			background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 36px center, linear-gradient(to bottom, #c22d0b 0%, #9d2105 100%);}
		.lp-campaign #main .contacts-fundamental .conversion-web p.button a.icons-blank{
			background:url(/common-s/img/products/lp-campaign/icons-blank-white.png) no-repeat 36px center #c22d0b;
			background:url(/common-s/img/products/lp-campaign/icons-blank-white.png) no-repeat 36px center, -webkit-linear-gradient(top, #c22d0b 0%, #9d2105 100%);
			background:url(/common-s/img/products/lp-campaign/icons-blank-white.png) no-repeat 36px center, linear-gradient(to bottom, #c22d0b 0%, #9d2105 100%);}
			.lp-campaign #main .contacts-fundamental .conversion-web p.button a:hover{
				background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 36px center #d5320d;
				background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 36px center, -webkit-linear-gradient(to bottom, #d5320d 0%, #c82e0c 100%);
				background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 36px center, linear-gradient(to bottom, #d5320d 0%, #c82e0c 100%);
				text-decoration:none;}
			.lp-campaign #main .contacts-fundamental .conversion-web p.button a.icons-blank:hover{
				background:url(/common-s/img/products/lp-campaign/icons-blank-white.png) no-repeat 36px center #d5320d;
				background:url(/common-s/img/products/lp-campaign/icons-blank-white.png) no-repeat 36px center, -webkit-linear-gradient(to bottom, #d5320d 0%, #c82e0c 100%);
				background:url(/common-s/img/products/lp-campaign/icons-blank-white.png) no-repeat 36px center, linear-gradient(to bottom, #d5320d 0%, #c82e0c 100%);}