@charset "utf-8";

#body h2 { background-color: #EBEBEB; color: #000; padding-top: 5px; padding-bottom: 5px; }
#body .items {
	border-bottom: 1px solid #ccc;
	margin-top: 20px;
	margin-bottom: 20px;
}
#body .items li { background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0)); background: linear-gradient(#fff, #f0f0f0); border-top: 1px solid #ccc; }
#body .items li a { display: block; background-image: url(../lib/img/i01.png); background-repeat: no-repeat; background-position: right center; padding-left: 20px; text-decoration: none; color: #605539; font-size: 12px; line-height: 1.3; }
#body .items li a span { vertical-align: middle; display: table-cell; height: 67px; padding-top: 3px; }
#body .items li a span img { margin-right: 10px; }
#body .items li strong { color: #000; display: block; font-weight: bold; font-size: 14px; padding-bottom: 2px; }

.back { position: absolute; top: 0px; }
.back a { font-size: 14px; color: #fff; padding: 6px 20px; background: -moz-linear-gradient( top, #a3a3a3 0%, #3b3b3b 50%, #242424 50%, #000000); background: -webkit-gradient( linear, left top, left bottom, from(#a3a3a3), color-stop(0.50, #3b3b3b), color-stop(0.50, #242424), to(#000000)); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #000000; -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.6); -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.6); box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.6); text-shadow: 0px -1px 0px rgba(000,000,000,1), 0px 1px 0px rgba(255,255,255,0.2); display: block; margin-top: 13px; margin-left: 10px; }

.back_top { position: absolute; top: 0px; right:125px;}
.back_top a { font-size: 14px; color: #aaa; padding: 3px 20px; background: -moz-linear-gradient( top, #a3a3a3 0%, #3b3b3b 50%, #242424 50%, #000000); background: -webkit-gradient( linear, left top, left bottom, from(#a3a3a3), color-stop(0.50, #3b3b3b), color-stop(0.50, #242424), to(#000000)); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #000000; -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.6); -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.6); box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.6); text-shadow: 0px -1px 0px rgba(000,000,000,1), 0px 1px 0px rgba(255,255,255,0.2); display: block; margin-top: 13px; margin-left: 10px; }


#body .h4_1 {
	color: #000;
	padding-bottom: 20px;
	margin-top: 70px;
}
#body .h4_2 {
	color: #000;
	padding-bottom: 20px;
	margin-top: 30px;
}
#body h4 a {
	color: #000;
}
#body .items_idx {
	margin-top: 0px;
}
#body .items img {
	width:76px;
}
.ptn1  {
	margin-top: 20px;
	margin-bottom: 20px;
}
.ptn1 img {
	width:76px;
}
.kekka_ti {
	background-color: #ECECEC;
	margin-bottom: 20px;
}
.kekka_ti p {
	font-size: 15px;
	font-weight: bold;
	padding: 10px;
}
.kekka_no {
	padding-bottom: 10px;
	border-bottom: 1px solid #EFEFEF;
	margin-bottom: 10px;
}
.kekka_no p {
	font-size: 14px;
}
.kekka_no p span {
	font-size: 16px;
	font-weight: bold;
}
.kekka_box {
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 50px;
}










/*==================================================
    ■ share start
==================================================*/


body {
}

.c_f:after {
  content: "";
  clear: both;
  display: block;
}

/*------------------------------------------------
    main start
------------------------------------------------*/

main {
	width: auto;
	margin: auto;
	clear: both;
	display: block;
}
.cnt {
	margin: 0 auto;
	position: relative;
	width: 100%;
	text-align: left;
	padding-bottom: 25px;
	font-size: 13px;
	font-weight: bold;
}

/*------------------------------------------------
    main end
------------------------------------------------*/
.notype label{
	cursor:default !important;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.box{
	padding-bottom:0px;
}
.box h3{
	text-align:left;
}
/*
.box ul {
	flex-wrap: wrap;
	align-items: stretch;
	align-content: stretch;
    }
*/
.box ul li {
	align-items: center;
	border: 1px solid #eaeaea;
	border-left-width: 1;/* 一旦左の線を0にする */
	border-collapse: collapse;
	box-sizing: border-box;
	padding: 0px;
	float: left;
	box-sizing: border-box;/* 追加1 */
	max-width: 100%;/* 追加2 */
    }
    
/*.box ul li:nth-child(1) {
	border-left-width: 1px;
}*/



.box input[type=checkbox] {
	display: none; /* ラジオボタンを非表示にする */
	margin: 0px;
	padding: 0px;
}

.box ul label {
	text-align: center;
	font-size: 12px; 
	cursor:pointer;
	width:1000px;
	padding: 0px 0px;
	margin: 0px;	 /*ラベル外側の余白を指定する*/
	vertical-align: middle;
	display: table-cell;
}
.box ul input[type=checkbox] {
	display: none; /* ラジオボタンを非表示にする */
}
.box ul input[type="checkbox"]:checked + label {
	background: #0085B2;/* マウス選択時の背景色を指定する */
	color: #ffffff; /* マウス選択時のフォント色を指定する */
}

.box input {
	display: none; /* ラジオボタンを非表示にする */
	margin: 0px;
	padding: 0px;
	text-align: center;
}
.box ul input[type=checkbox] {
	display: none; /* ラジオボタンを非表示にする */
}
.box ul input[type="radio"]:checked + label {
	width: 100%;
	background: #31A9EE;/* マウス選択時の背景色を指定する */
	color: #ffffff; /* マウス選択時のフォント色を指定する */
}

.box input[type=text]  {
	width: 100%;
	border: 1px solid #BFBFC1;
	display: block;
	float: left;
	color:BFBFC1;
	line-height: 26px;
}

/*-----  2019.08.01  add */
.box .left { background-color: #EBEBEB;
	text-align:left;
	font-size:14px;
	line-height:30px;
	padding-left:10px;
}

.box{ background-color: #F8F8F8;}
.box .right ul li { background-color: #FFF;}

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

 /*---------------- 光源タイプ、電源内蔵-----------------*/

.box1 ul li {
	width: 25%;
	border-left-width: px;
	border-right-width: px;
	height:90px;
}
.box1 ul .li_bg {
	background-color: #F8F8F8;
	height:90px;
}
.box1 ul li label {
	height:90px;
}
.box1 ul li:nth-child(2) {
	border-left-width: 1px;/* 一旦左の線を1にする */
}
 /*----------------器具タイプ（ベースライト）-----------------*/

.box2 ul, .box2sq ul, .box2out ul {
	flex-wrap:inherit;
	align-items:inherit;
	align-content:inherit;
	text-align: left;
}
.box2 ul li , .box2sq ul li , .box2out ul li {
	width: 25%;
	border-left-width: 1px;
	border-right-width: 1px;
	background-color: #F8F8F8;
}

/*.box2 ul .li_bg {
}*/

.box2 ul li label , .box2sq ul li label , .box2out ul li label {
	width: 100%;
	height:100%;
	background-position: center center;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	background-size: contain;
    display: block;
    height: 0;
    padding-bottom: 100%;
}
.box2 ul input[type="checkbox"]:checked + label , .box2sq ul input[type="checkbox"]:checked + label , .box2out ul input[type="checkbox"]:checked + label {
	background: none;/* マウス選択時の背景色を指定する */
	color: #ffffff; /* マウス選択時のフォント色を指定する */
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	background-color: #0085B2
}



/*  逆富士  */
.box2 ul .no2_2_FUJI {	background-image: url(../../images/sbImg/torituke01.png);}
.box ul input[type="checkbox"]:checked + .no2_2_FUJI {	background-image: url(../../images/sbImg/torituke01_o.png);}
/*  トラフ  */
.box2 ul .no2_2_TRF {	background-image: url(../../images/sbImg/torituke02.png);}
.box ul input[type="checkbox"]:checked + .no2_2_TRF {	background-image: url(../../images/sbImg/torituke02_o.png);}
/*  反射板付　*/
.box2 ul .no2_2_ITA {	background-image: url(../../images/sbImg/torituke03.png);}
.box ul input[type="checkbox"]:checked + .no2_2_ITA {	background-image: url(../../images/sbImg/torituke03_o.png);}
/*  下面開放　 */
.box2 ul .no2_2_FREE {	background-image: url(../../images/sbImg/torituke08.png);}
.box ul input[type="checkbox"]:checked + .no2_2_FREE {	background-image: url(../../images/sbImg/torituke08_o.png); }
/* 片反射板付   */
.box2 ul .no2_2_ITA_K {	background-image: url(../../images/sbImg/torituke04.png);}
.box ul input[type="checkbox"]:checked + .no2_2_ITA_K {	background-image: url(../../images/sbImg/torituke04_o.png);}
/*  ルーバ  */
.box2 ul .no2_2_LV {	background-image: url(../../images/sbImg/torituke09.png);}
.box ul input[type="checkbox"]:checked + .no2_2_LV {	background-image: url(../../images/sbImg/torituke09_o.png);}
/*  パネル  */
.box2 ul .no2_2_ACR {	background-image: url(../../images/sbImg/torituke10.png);}
.box ul input[type="checkbox"]:checked + .no2_2_ACR {	background-image: url(../../images/sbImg/torituke10_o.png);}
/*  ｳｫｰﾙｳｫｯｼｬｰ  */
.box2 ul .no2_2_WALL {	background-image: url(../../images/sbImg/torituke05.png);}
.box ul input[type="checkbox"]:checked + .no2_2_WALL {	background-image: url(../../images/sbImg/torituke05_o.png);}

/*-0713 add----  スクエアベースライトの器具タイプアイコン  (コードに変更）-----------------------*/
/*  下面開放　 */
.box2sq ul .no2_2_SQFREE {	background-image: url(../../images/sbImg/torituke08.png);}
.box ul input[type="checkbox"]:checked + .no2_2_SQFREE {	background-image: url(../../images/sbImg/torituke08_o.png);}
/*  ルーバ  */
.box2sq ul .no2_2_SQLV {	background-image: url(../../images/sbImg/torituke09.png);}
.box ul input[type="checkbox"]:checked + .no2_2_SQLV {	background-image: url(../../images/sbImg/torituke09_o.png);}
/*  パネル  */
.box2sq ul .no2_2_SQACR {	background-image: url(../../images/sbImg/torituke10.png);}
.box ul input[type="checkbox"]:checked + .no2_2_SQACR {	background-image: url(../../images/sbImg/torituke10_o.png); }

/*-0713 add----  ベースライトの器具タイプアイコン  (コードに変更）-----------------------*/
/*  逆富士  */
.box2out ul .no2_2_outFUJI {	background-image: url(../../images/sbImg/torituke01.png);}
.box ul input[type="checkbox"]:checked + .no2_2_outFUJI {	background-image: url(../../images/sbImg/torituke01_o.png);}
/*  トラフ  */
.box2out ul .no2_2_outTRF {	background-image: url(../../images/sbImg/torituke02.png);}
.box ul input[type="checkbox"]:checked + .no2_2_outTRF {	background-image: url(../../images/sbImg/torituke02_o.png);}
/*  反射板付　*/
.box2out ul .no2_2_outITA {	background-image: url(../../images/sbImg/torituke03.png);}
.box ul input[type="checkbox"]:checked + .no2_2_outITA {	background-image: url(../../images/sbImg/torituke03_o.png);}

.box2 ul .no2_2_dm {	background-image: url(../../images/sbImg/dm.png.png);}

.box2 ul notype input[type="checkbox"]:checked + label {
	background: none;/* マウス選択時の背景色を指定する */
	color: #ffffff; /* マウス選択時のフォント色を指定する */
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	background-color: #00CC00;
}


 /*--------------長さタイプ（ベースライト）-------------------*/
.box3 ul li {
  width : calc(100% / 3) ;
}
.box3 ul li label {
	height:100px;
}

 /*--------------定格光束-------------------*/
.box4{
	text-align: center;
	margin-bottom: 20px;
}
.box4 h3{
	margin-bottom: 20px;
}

.box4 .right {
	margin-top: 20px;
	
}
/*.box4 p{
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}
*/.box4 select {
	background-image: url(../../images/sbImg/select_ar.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right center;
	-webkit-appearance: none;/* ベンダープレフィックス(Google Chrome、Safari用) */
	-moz-appearance: none;	/* ベンダープレフィックス(Firefox用) */
	appearance: none;	/* 標準のスタイルを無効にする */
/*	width: 80%;*/
	width: 25%;
	cursor:pointer;
	height: 32px;
	margin-right: 5px;
	padding-left: 5px;
	background-color: #FFFFFF;
}
.box4 select ::-ms-expand {	/* select要素のデザインを無効にする（IE用） */
display: none;
}
.box4  option {
	text-align: center;
}
 /*--------------消費電力-------------------*/
.box5{
	text-align: center;
	margin-bottom: 20px;
}
.box5 h3{
	margin-bottom: 20px;
}
.box5 p{
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}
.box5 .right {
	margin-top: 20px;
	
}

.box5 select {
	background-image: url(../../images/sbImg/select_ar.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right center;
	-webkit-appearance: none;/* ベンダープレフィックス(Google Chrome、Safari用) */
	-moz-appearance: none;	/* ベンダープレフィックス(Firefox用) */
	appearance: none;	/* 標準のスタイルを無効にする */
/*	width: 80%;*/
	width: 25%;
	cursor:pointer;
	height: 32px;
	margin-right: 5px;
	padding-left: 5px;
	background-color: #FFFFFF;
}
.box5 select ::-ms-expand {	/* select要素のデザインを無効にする（IE用） */
display: none;
}
.box5  option {
	text-align: center;
}

 /*--------------従来光源 埋込深さ-------------------*/
.box6{
	text-align: center;
	margin-bottom: 20px;
	
	background-color: #FFF;
}
.box6 h3{
	margin-bottom: 20px;
	
}
.box6 .right {
	margin-top: 20px;
}

.box6 ul li {
	font-weight: normal;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
.box6 ul .li2 {
	font-weight: normal;
	padding-left: 8px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
.box6 .ul1 {
	text-align:center;
	width: 80%;
	margin: auto;
	flex-wrap: inherit;
	align-items: inherit;
	align-content: inherit;
	padding-left: 20px;
}
.box6 .ul1 .li1 {
	text-align:center;
	/*width: 80%;*/
	width: 40%; /*  2019.08.01 add */

}
.box6 .ul1 .li1 input{
	width: 100%;
	height:32px; /*  2019.08.01 add */
}
.box6 .ul1 .li2 {
	padding-top:10px;
}


.box6 select {
	background-image: url(../../images/sbImg/select_ar.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right center;
	-webkit-appearance: none;/* ベンダープレフィックス(Google Chrome、Safari用) */
	-moz-appearance: none;	/* ベンダープレフィックス(Firefox用) */
	appearance: none;	/* 標準のスタイルを無効にする */
	width: 80%;
	cursor:pointer;
	height: 26px;
	margin-right: 5px;
	padding-left: 16px;
	background-color: #FFFFFF;
}
.box6 select ::-ms-expand {	/* select要素のデザインを無効にする（IE用） */
display: none;
}
.box6  option {
	text-align: center;
}
 /*--------------器具サイズ（サークルベースライト、長さ指定）-------------------*/
.box_t6 ul li {
  width : 25% ;
}
.box_t6 ul li label {
	height:100px;
}

 /*--------------色温度-------------------*/
/*.box7 .left {
}
.box7 .left p {
	height: px;
}
.box7 .right {
	width: 595px;
}
*/

.box7 ul li {
	width: 25%;
	letter-spacing: 0em;
}
.box7 ul li {
	border-left-width: 1px;/* 一旦左の線を1にする */
	border-right-width: 1px;/* 一旦左の線を1にする */
}
/* 
.box7 ul li:nth-child(8) {
	border-right-width: 0px;一旦左の線を1にする 
}*/
.box7 ul li label {
	width: 100%;
	height:100%;
	background-position: center center;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	background-size: contain;
    display: block;
    height: 0;
    padding-bottom: 100%;
}
.box7 ul input[type="checkbox"]:checked + label {
	background: none;/* マウス選択時の背景色を指定する */
	color: #ffffff; /* マウス選択時のフォント色を指定する */
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	background-color: #0085B2
}
.box7 ul li .label1 {background-image: url(../../images/sbImg/box7_bg1.png);}
.box7 ul input[type="checkbox"]:checked + .label1 { background-image: url(../../images/sbImg/box7_bg1.png);background-repeat: no-repeat;}
/*.box7 ul input[type="checkbox"]:disabled + .label1 {  background-image: url(../../images/sbImg/box7_bg1_dis.png);background-repeat: no-repeat;}*/

.box7 ul li .label2 {background-image: url(../../images/sbImg/box7_bg2.png);}
.box7 ul input[type="checkbox"]:checked + .label2 {	background-image: url(../../images/sbImg/box7_bg2_o.png);background-repeat: no-repeat;}
.box7 ul li .label3 {background-image: url(../../images/sbImg/box7_bg3.png);}
.box7 ul input[type="checkbox"]:checked + .label3 {	background-image: url(../../images/sbImg/box7_bg3_o.png);background-repeat: no-repeat;}
.box7 ul li .label4 {background-image: url(../../images/sbImg/box7_bg4.png);}

.box7 ul input[type="checkbox"]:checked + .label4 {	background-image: url(../../images/sbImg/box7_bg4_o.png);background-repeat: no-repeat;}
.box7 ul li .label5 {background-image: url(../../images/sbImg/box7_bg5.png);}

.box7 ul input[type="checkbox"]:checked + .label5 {	background-image: url(../../images/sbImg/box7_bg5_o.png);}
.box7 ul li .label6 {background-image: url(../../images/sbImg/box7_bg6.png);}
.box7 ul input[type="checkbox"]:checked + .label6 {	background-image: url(../../images/sbImg/box7_bg6_o.png);}

/*  調色をSymca Tunable　に変更   */
.box7 ul li .labelSynca {background-image: url(../../images/sbImg/box7_Synca.png);}
.box7 ul input[type="checkbox"]:checked + .labelSynca {	background-image: url(../../images/sbImg/box7_Synca_o.png);}
.box7 ul li .labelTunable {background-image: url(../../images/sbImg/box7_Tunable.png);}
.box7 ul input[type="checkbox"]:checked + .labelTunable {	background-image: url(../../images/sbImg/box7_Tunable_o.png);}


/*--  色温度(生鮮)　------------------*/
.box7 ul li .label7 {background-image: url(../../images/sbImg/box7_freshE_2.png);}  /*フレッシュE*/
.box7 ul input[type="checkbox"]:checked + .label7 {	background-image: url(../../images/sbImg/box7_freshE_2_o.png);}
.box7 ul li .label8 {background-image: url(../../images/sbImg/box7_bg13_2.png);} /*フレッシュEE*/
.box7 ul input[type="checkbox"]:checked + .label8 {	background-image: url(../../images/sbImg/box7_bg13_2_o.png);}
.box7 ul li .label9 {background-image: url(../../images/sbImg/box7_freshN_2.png);} /*フレッシュN*/
.box7 ul input[type="checkbox"]:checked + .label9 {	background-image: url(../../images/sbImg/box7_freshN_2_o.png);}

.box7 ul li .label10 {background-image: url(../../images/sbImg/fresh_nr_2.png);} /*フレッシュNR */
.box7 ul input[type="checkbox"]:checked + .label10 {	background-image: url(../../images/sbImg/fresh_nr_2_o.png);}
.box7 ul li .label11 {background-image: url(../../images/sbImg/delicanatural_2.png);} /*デリカナチュラル */
.box7 ul input[type="checkbox"]:checked + .label11 {	background-image: url(../../images/sbImg/delicanatural_2_o.png);}
.box7 ul li .label12 {background-image: url(../../images/sbImg/box7_bg7.png);} /*3000K高演色 */
.box7 ul input[type="checkbox"]:checked + .label12 {	background-image: url(../../images/sbImg/box7_bg7_o.png);}
.box7 ul li .label13 {background-image: url(../../images/sbImg/box7_bg8.png);} /*生鮮タイプ */
.box7 ul input[type="checkbox"]:checked + .label13 {	background-image: url(../../images/sbImg/box7_bg8_o.png);}
.box7 ul li .label14 {background-image: url(../../images/sbImg/box7_bg9.png);} /* 生鮮ナチュラルタイプ*/
.box7 ul input[type="checkbox"]:checked + .label14 {	background-image: url(../../images/sbImg/box7_bg9_o.png);}


.box7 ul li .label15 {background-image: url(../../images/sbImg/box7_freshD_2.png);} /*フレッシュD */
.box7 ul input[type="checkbox"]:checked + .label15 {	background-image: url(../../images/sbImg/box7_freshD_2o.png);}
.box7 ul li .label16 {background-image: url(../../images/sbImg/box7_freshF_2.png);} /*フレッシュF */
.box7 ul input[type="checkbox"]:checked + .label16 {	background-image: url(../../images/sbImg/box7_freshF_2o.png);}

/*  Symca Bright 2025.06.13   */
.box7 ul li .labelSyncaB {background-image: url(../../images/sbImg/box7_SyncaB.png);}
.box7 ul input[type="checkbox"]:checked + .labelSyncaB {	background-image: url(../../images/sbImg/box7_SyncaB_o.png);}

/*--  色温度(色ランプ)　------------------*/
.box7 ul li .labelCO {background-image: url(../../images/sbImg/box7_bg10.png)}
.box7 ul input[type="checkbox"]:checked + .labelCO {	background-image: url(../../images/sbImg/box7_bg10_o.png);}

.box7 ul li .no2_7_dm {background-image: url(../../images/sbImg/dm.png);}

/*--  色温度(調色)　------------------*/
.box7t ul li {
	width: 25%;
	letter-spacing: 0em;
}
.box7t ul li {
	border-left-width: 1px;/* 一旦左の線を1にする */
	border-right-width: 1px;/* 一旦左の線を1にする */
}
/* 
.box7 ul li:nth-child(8) {
	border-right-width: 0px;一旦左の線を1にする 
}*/
.box7t ul li label {
	width: 100%;
	height:100%;
	background-position: center center;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	background-size: contain;
    display: block;
    height: 0;
    padding-bottom: 100%;
}
.box7t ul input[type="checkbox"]:checked + label {
	background: none;/* マウス選択時の背景色を指定する */
	color: #ffffff; /* マウス選択時のフォント色を指定する */
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	background-color: #0085B2
}
.box7t ul li .label1 {background-image: url(../../images/sbImg/box7_bg1.png);}
.box7t ul input[type="checkbox"]:checked + .label1 { background-image: url(../../images/sbImg/box7_bg1.png);background-repeat: no-repeat;}
.box7t ul li .label20 {background-image: url(../../images/sbImg/box7_ondo20.png);}
.box7t ul input[type="checkbox"]:checked + .label20 {	background-image: url(../../images/sbImg/box7_ondo20_o.png);}
.box7t ul li .label21 {background-image: url(../../images/sbImg/box7_ondo21.png);}
.box7t ul input[type="checkbox"]:checked + .label21 {	background-image: url(../../images/sbImg/box7_ondo21_o.png);}
.box7t ul li .label22 {background-image: url(../../images/sbImg/box7_ondo22.png);}
.box7t ul input[type="checkbox"]:checked + .label22 {	background-image: url(../../images/sbImg/box7_ondo22_o.png);}
.box7t ul li .label23 {background-image: url(../../images/sbImg/box7_ondo23.png);}
.box7t ul input[type="checkbox"]:checked + .label23 {	background-image: url(../../images/sbImg/box7_ondo23_o.png);}




/*--------------------------------------------------------------
	調光タイプ
	器具タイプ（屋内ダウンライト、屋外器具)
	用途
	IP
	取り付け
	器具色
	コーン色
	器具サイズ（スクエアベース）
	配光の向き
-----------------------------------------------------------*/
.box8 , .box_t8{
}
.box8 ul li , .box_t8 ul li {
	width: 25%;
	letter-spacing: 0em;
}
.box8 ul li label , .box_t8 ul li label {
	letter-spacing: 0em;
	height:90px;
}
/*--------------演色評価　　←　未使用-------------------*/
.box9 ul .li2 {
	font-weight: normal;
	padding-left: 8px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
 /*------------詳細検索、Gマーク---------------------*/
.box10{
}
.box10 h3{
	margin-bottom: 20px;
	background-color:#FFF;
}
.box10 .checkbox01{
	padding-left: 20px;
	padding-top:20px;
	background-color:#FFF;
}
.box10 .checkbox01-input{
	display: none;
}
.box10 .checkbox01-parts{
	padding-left: 20px;
	position:relative;
	margin-right: 20px;
	cursor:pointer;
}
.box10 .checkbox01-parts::before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 15px;
	height: 15px;
	border: 1px solid #999;
	border-radius: 4px;
}
.box10 .checkbox01-input:checked + .checkbox01-parts{
	color: #0085B2;
}
.box10 .checkbox01-input:checked + .checkbox01-parts::after{
	content: "";
	display: block;
	position: absolute;
	top: -5px;
	left: 5px;
	width: 7px;
	height: 14px;
	transform: rotate(40deg);
	border-bottom: 3px solid #0085B2;
	border-right: 3px solid #0085B2;
}

.box_link {
	text-align: center;
	font-size:13px;
}
.box_link a{ text-decoration:underline; color:#03F;}
.box_link .pc_link { font-size:15px; font-weight:bold; padding-bottom:20px;}
	

 /*----------------器具色（枠）→　Raタイプ-----------------*/
/*.box11 .right {
	width: 200px;
}
*/
.box11 ul li {
	width: 25%;
	letter-spacing: 0em;
}
.box11 ul li label {
	letter-spacing: 0em;
	height:90px;
}
 /*----------------器具色（枠）、器具サイズ（ダウンライト）-----------------*/
.box12 ul li {
	width: 25%;
	border-left-width: px;
	border-right-width: px;
	height:90px;
}
.box12 ul .li_bg {
	background-color: #F8F8F8;
	height:90px;
}
.box12 ul li label {
	height:90px;
}
.box12 ul li:nth-child(2) {
	border-left-width: 1px;/* 一旦左の線を1にする */
}
.box12 .nonesize, .box_t6 .nonesize{
	color: #B1B1B1;
	text-align: center;
	display: block;
	padding-top: 5px;
}

 /*----------------配光角-----------------*/
.box13 ul li {
	width: 25%;
	letter-spacing: 0em;
}
.box13 ul li {
	border-left-width: 1px;/* 一旦左の線を1にする */
	border-right-width: 1px;/* 一旦左の線を1にする */
}
/* 
.box7 ul li:nth-child(8) {
	border-right-width: 0px;一旦左の線を1にする 
}*/
.box13 ul li label {
	width: 100%;
	height:100%;
	background-position: center center;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	background-size: contain;
    display: block;
    height: 0;
    padding-bottom: 100%;
}
.box13 ul input[type="checkbox"]:checked + label {
	background: none;/* マウス選択時の背景色を指定する */
	color: #ffffff; /* マウス選択時のフォント色を指定する */
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	background-color: #0085B2
}

/*  ベースダウン  */
.box13 ul li .labelDBN {background-image: url(../../images/sbImg/box13_bg1.png);}
.box13 ul input[type="checkbox"]:checked + .labelDBN {	background-image: url(../../images/sbImg/box13_bg1_o.png);}
.box13 ul li .labelDBMtoW {background-image: url(../../images/sbImg/haikou01.png);}
.box13 ul input[type="checkbox"]:checked + .labelDBMtoW {	background-image: url(../../images/sbImg/haikou01_o2.png);}
.box13 ul li .labelDBWWtoK {background-image: url(../../images/sbImg/haikou02.png);}
.box13 ul input[type="checkbox"]:checked + .labelDBWWtoK {	background-image: url(../../images/sbImg/haikou02_o.png);}
.box13 ul li .labelDBWALL {background-image: url(../../images/sbImg/haikou03.png);}
.box13 ul input[type="checkbox"]:checked + .labelDBWALL {	background-image: url(../../images/sbImg/haikou03_o.png);}

/*ユニバーサル　スポット,、什器ミニダウン  */
.box13 ul li .labelN {background-image: url(../../images/sbImg/haikou04.png);}
.box13 ul input[type="checkbox"]:checked + .labelN {	background-image: url(../../images/sbImg/haikou04_o.png);}
.box13 ul li .labelM {background-image: url(../../images/sbImg/haikou05.png);}
.box13 ul input[type="checkbox"]:checked + .labelM {	background-image: url(../../images/sbImg/haikou05_o.png);}
.box13 ul li .labelW {background-image: url(../../images/sbImg/haikou06.png);}
.box13 ul input[type="checkbox"]:checked + .labelW {	background-image: url(../../images/sbImg/haikou06_o.png);}
.box13 ul li .labelWW {background-image: url(../../images/sbImg/haikou07.png);}
.box13 ul input[type="checkbox"]:checked + .labelWW {	background-image: url(../../images/sbImg/haikou07_o.png);}

.box13 ul li .labelUpMtoW {background-image: url(../../images/sbImg/haikou01.png);}
.box13 ul input[type="checkbox"]:checked + .labelUpMtoW {	background-image: url(../../images/sbImg/haikou01_o.png);}
.box13 ul li .labelUpWWtoK {background-image: url(../../images/sbImg/haikou08.png);}
.box13 ul input[type="checkbox"]:checked + .labelUpWWtoK {	background-image: url(../../images/sbImg/haikou08_o.png);}
.box13 ul li .labelUpRECT {background-image: url(../../images/sbImg/haikou09.png);}
.box13 ul input[type="checkbox"]:checked + .labelUpRECT {	background-image: url(../../images/sbImg/haikou09_o.png);}

.box13 ul li .labelK_FLOOD {background-image: url(../../images/sbImg/haikou17.png);}
.box13 ul input[type="checkbox"]:checked + .labelK_FLOOD {	background-image: url(../../images/sbImg/haikou17.png);}
.box13 ul li .labelK_TATE {background-image: url(../../images/sbImg/haikou16.png);}
.box13 ul input[type="checkbox"]:checked + .labelK_TATE {	background-image: url(../../images/sbImg/haikou16_o.png);}
.box13 ul li .labelSPO {background-image: url(../../images/sbImg/haikou10.png);}
.box13 ul input[type="checkbox"]:checked + .labelSPO {	background-image: url(../../images/sbImg/haikou10_o.png);}

.box13 ul li .labelKAKUSAN {background-image: url(../../images/sbImg/haikou02.png);}
.box13 ul input[type="checkbox"]:checked + .labelKAKUSAN {	background-image: url(../../images/sbImg/haikou02_o.png);}
.box13 ul li .labelWALL {background-image: url(../../images/sbImg/haikou03.png);}
.box13 ul input[type="checkbox"]:checked + .labelWALL {	background-image: url(../../images/sbImg/haikou03_o.png);}

/*--------------ボタン 2019.08.07 add-------------------*/
.bt_search{
	text-align: center;
	margin: auto;
	width: 90%;
	padding-top: 5px;
	padding-bottom: 5px;
}
.bt_search input[type=button]{
	text-align: center;
	margin: auto;
	color: #000;
	width: 30%;
	height:36px;
	border-style: none;
	cursor:pointer;
	
	background-color:#999;
	margin: 0 2px;
}


/*--------------ボタン-------------------*/
.bt{
	text-align: center;
	margin: auto;
	width: 80%;
	padding-top: 50px;
	padding-bottom: 50px;
}
.bt input[type=button]{
	-webkit-appearance: none;
	text-align: center;
	margin: auto;
	color: #FFFFFF;
	width: 80%;
	height:80px;
	border-style: none;
	cursor:pointer;
	background-image: url(../../images/sbImg/bt_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	background-color: #ffffff;
}
.bt input[type=submit]{
	text-align: center;
	margin: auto;
	color: #FFFFFF;
	width: 80%;
	border-style: none;
	cursor:pointer;
}

/*--------------結果-------------------*/
.kekka{
	width:100%;

}
.kekka p{
	font-size: 16px;
	padding-left: 20px;
}
.kekka p span{
	font-size: 16px;
	font-weight: bold;
}
.kekka #pagetop {
	background-color: #ECECFB;
	padding-top: 10px;
	position: fixed;
	right: inherit;
	bottom: 0;
	z-index: 10;
	width:100%;
	height: 40px;
}



/*----------------------------------------------------*/
.div_tb {
	display:table;
	width:850px;
}
.div_tb > div {
    display:table-cell;
}
.div_tb .div_tb1 {
	text-align: center;
	vertical-align: middle;
	width: 185px;
	background-color: #EEEEEE;
}
.div_tb .div_tb2 {
	text-align: center;
	vertical-align: middle;
	width: 620px;
	padding-left: 45px;
}
/*----------------------------------------------------*/












.square-frame {
	border: 1px dotted #999;
	width: 25%;
	float: left;
}

.square-content {
    display: block;
    height: 0;
    width: 100%;
    padding-bottom: 100%;
}
.square-frame .square-content .label1 {
	background-image: url(../../images/sbImg/box7_bg1.png);
	background-color: #000000; 
    width: 100%;
}

.box input[type=checkbox] {
	display: none; /* ラジオボタンを非表示にする */
	margin: 0px;
	padding: 0px;
    width: 100%;
}

.square-content label {
	text-align: center;
	font-size: 12px;
	cursor:pointer;
	width:1000px;
	padding: 0px 0px;
	margin: 0px;	 /*ラベル外側の余白を指定する*/
	vertical-align: middle;
	display: table-cell;
	background-color: #ffffff;
    width: 100%;
}
.square-content input[type=checkbox] {
	display: none; /* ラジオボタンを非表示にする */
    width: 100%;
}
.square-content input[type="checkbox"]:checked + label {
	background: #0085B2;/* マウス選択時の背景色を指定する */
	color: #ffffff; /* マウス選択時のフォント色を指定する */
    width: 100%;
}
.square-content input[type=text]  {
	width: 100%;
	border: 1px solid #BFBFC1;
	display: block;
	float: inherit;
	color:BFBFC1;
	line-height: 26px;
}

.square-frame .label1 {background-image: url(../../images/sbImg/box7_bg1.png);
    width: 100%;}
.square-frame input[type="checkbox"]:checked + .label1 {	background-image: url(../../images/sbImg/box7_bg1_o.png);background-size: contain;
    width: 100%;}


/*----------------田内追加分-------------------*/
 input[type=checkbox]:disabled + label {
	color: #B1B1B1;
	cursor:default; /* 矢印カーソル */
/*opacity: 0.2 ;
*/
}

.box10 .checkbox01-input:disabled + .checkbox01-parts{
	color: #B1B1B1;
	cursor:default; /* 矢印カーソル */
}