/*▼全体共通設定*/
/*▼NEWアイコン*/
.new_icon {
	position: absolute;
	top: 4px;
	left: 4px;
	padding: 4px 6px;
	border-radius: 100px;
	background: rgb(191,210,85);
	background: -moz-linear-gradient(top, rgba(191,210,85,1) 0%, rgba(142,185,42,1) 50%, rgba(114,170,0,1) 51%, rgba(158,203,45,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(191,210,85,1)), color-stop(50%, rgba(142,185,42,1)), color-stop(51%, rgba(114,170,0,1)), color-stop(100%, rgba(158,203,45,1)));
	background: -webkit-linear-gradient(top, rgba(191,210,85,1) 0%, rgba(142,185,42,1) 50%, rgba(114,170,0,1) 51%, rgba(158,203,45,1) 100%);
	background: -o-linear-gradient(top, rgba(191,210,85,1) 0%, rgba(142,185,42,1) 50%, rgba(114,170,0,1) 51%, rgba(158,203,45,1) 100%);
	background: -ms-linear-gradient(top, rgba(191,210,85,1) 0%, rgba(142,185,42,1) 50%, rgba(114,170,0,1) 51%, rgba(158,203,45,1) 100%);
	background: linear-gradient(to bottom, rgba(191,210,85,1) 0%, rgba(142,185,42,1) 50%, rgba(114,170,0,1) 51%, rgba(158,203,45,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d', GradientType=0 );
	box-shadow: 1px 1px 2px #696969;
	font-weight: bold;
	text-align: center;
	color: #fff;
}
/*▲NEWアイコン*/
.item_box {
	margin-bottom: 16px;
	border: 1px solid #eee;
	box-shadow: 2px 2px 2px #a9a9a9;
	background: #fafafa;
	overflow: hidden;
}
.img_box {
	position: relative;
	display: flex;
	flex: 1;
	background: #f2f2f2;
}
	.item_list_box {
		padding: 8px 0;
	}
.product_img,
.package_img{
	padding: 1rem;
}
.spec_box{
	overflow: hidden;
	margin-bottom: 8px;
	font-size: 1.3rem;
}
.spec_table li.list,
.spec_table dt{
	background: #d0d0d0;
	color: #333;
}
.spec_table dt {
	float: left;
	padding: 4px;
 border-bottom: 1px solid #fff;
}
.spec_table dd {
	float: left;
	padding: 4px 8px;
	border-bottom: 1px solid #c0c0c0;
}
.spec_table dd.wide {
	padding: 4px 0;
	letter-spacing: -0.4em;
	width: 100%;
}
.spec_table dd .func {
	display: inline-block;
	padding: 2px 6px;
	margin: 0 4px 2px 0;
	border-radius: 20px;
	text-align: center;
	letter-spacing: normal;
}
.ceiling .spec_table dd .func {
	border: 1px solid #556b2f;
	color: #556b2f;
}
.pendant .spec_table dd .func {
	border: 1px solid #288EA4;
	color: #288EA4;
}
.bulb .spec_table dd .func {
	border: 1px solid #2850A8;
	color: #2850A8;
}
.home .spec_table dd .func {
	border: 1px solid #C69021;
	color: #C69021;
}

.link_btn_box {
	float: right;
}
.link_btn_box li {
	float: right;
	padding-left: 4px;
	font-size: 13px;
}
.kind_title{
	background-color: #042687;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	padding: 0.5rem;
	margin-bottom: 1rem;
	border-bottom: 1px solid #ffffff;
	box-shadow: 2px 2px 2px #a9a9a9;
}

	.main {
		padding: 1rem;
	}
	.item_box {
		padding: 8px 6px;
	}
	.spec_table dd {
		width: 78%;
	}
	.spec_table dd .func {
		font-size: 1.3rem;
	}
	.spec_table dt {
/*		clear: both;*/
		width: 22%;
	}
	.link_btn_box {
		clear: both;
		width: 100%;
	}
	.link_btn_box li {
		float: right;
		display: inline-block;
	}
/*▲全体共通設定*/


/*--------------------------------------------------
画面サイズ768px以上
--------------------------------------------------*/
@media screen and (min-width: 768px) {

  .img_box {
    display: block;
  }
  .product_img {
    width: 100%;
  }
  .package_img {
			position: static;
   width: 100%
		}
		.img_box{
			float: left;
			width: 20%;
		}
		.spec_box{
			float: left;
			width: 80%;
			padding-left: 16px;
		}

}

/*--------------------------------------------------
画面サイズ980px以上
--------------------------------------------------*/
@media screen and (min-width: 980px) {

  .item_list_box {
    padding: 8px 16px;
  }
		.spec_table dt {
			width: 10%;
		}
		.spec_table dd {
			width: 39%;
			margin-right: 1%;
		}
		.product_img {
			width: 75%;
			padding: 8px;
		}
		.package_img {
			position: absolute;
			bottom: 0;
			right: 0;
			width: 45%;
			padding: 8px;
		}
  
}