@charset "UTF-8";

.item-box-title h4{
	font-size:1.7rem;
	padding-top:15px;
}
.item-box-title h5{
	font-size:1.5rem;
	padding:15px 0 5px;
}
.item-box-title p{
	text-align:left;
	font-size:1.3rem;
}
@media (min-width: 568px) {
	.item-box-title h4{
		font-size:2.0rem;
	}
	.item-box-title p{
		text-align:center;
	}
}

.space568{
	display:none;
}
@media (min-width: 568px) {
	.space568{
		display:inline;
	}
}

.item.iot{
	border:1px solid #666;
	padding:15px;
	box-sizing:border-box;
	margin-top:15px;
}
.item.iot img{
	line-height:0;
	vertical-align:bottom;
}
@media (min-width: 568px) {
	.item.iot{
		width:calc(50% - 8px);
	}
	.item.one.iot,
	.item.three.iot{
		margin-right:16px;
	}
}
@media (min-width: 768px) {
	.item.iot{
		width:calc(25% - 12px);
	}
	.item.one.iot,
	.item.two.iot,
	.item.three.iot{
		margin-right:16px;
	}
	.item.four.iot{
		margin-right:0;
	}
}

@media (min-width: 568px) {
	.item.five.iot-device{
		margin-right:0;
		margin-left:calc((50% + 36px)/2);
	}
}
@media (min-width: 768px) {
	.item.iot-device{
		width:calc(25% - 12px);
	}
	.item.one.iot-device,
	.item.two.iot-device,
	.item.three.iot-device{
		margin-right:16px;
	}
	.item.four.iot-device{
		margin-right:0;
	}
	.item.five.iot-device{
		margin-left:calc(((25% - 12px)*3 + 48px)/2);
	}
}
@media (min-width: 1024px) {
	.item.iot-device{
		width:calc(20% - 12px);
	}
	.item.one.iot-device,
	.item.two.iot-device,
	.item.three.iot-device,
	.item.four.iot-device{
		margin-right:15px;
	}
	.item.five.iot-device{
		margin-left:0;
		margin-right:0;
	}
}

.item.two-thirds.kitchen,
.item.six.kitchen,
.item.two-thirds.bath,
.item.three.bath{
	padding-top:0;
	margin-top:0;
}

.item.one-thirds.toilet p{
	padding-top:0;
}
.item.one.toilet{
	margin-right:0;
}
@media (min-width: 568px) {
	.item.one-thirds.toilet{
		margin-right:36px;
		margin-top:30px;
		background-position:center;
		background-size:cover;
	}
	.item.two.toilet{
		display:none;
	}
	.item.one.toilet{
		padding-top:30px;
	}
	.item.toilet568{
		padding-top:0;
	}
}
@media (min-width: 768px) {
	.item.toilet568{
		display:none;
	}
	.item.four.toilet768,
	.item.five.toilet768,
	.item.six.toilet768{
		padding-top:0;
	}
}

@media (min-width: 568px) {
	.single{
		margin:0 auto;
		width:80%;
	}
}
@media (min-width: 768px) {
	.single{
		width:70%;
	}
}
@media (min-width: 1024px) {
	.single{
		width:60%;
	}
}