/* ++++++++++++++メインコンテンツ上部++++++++++++++ */

.container{
	margin:0 auto;
}

section{
	width:960px;
	margin:0 auto;
	margin-bottom:120px;
	overflow: hidden
}

	section p{
		letter-spacing: 1px;
		text-align: center
	}

	section img{
		margin:0 auto;
		display:block
	}


/* ++++++++++++++共通見出し++++++++++++++ */

.maintitle{
	padding: 15px 0;
	border-top:solid 1px #888;
	border-bottom:solid 1px #888;
	width:960px;
	margin:0 auto;
}

	.maintitle img{
		display: block;
		margin:0 auto;
	}


/* ++++++++++++++共通小見出し++++++++++++++ */

.subtitle{
	display: block;
	margin-bottom: 60px;
}

	.subtitle img{
		display: block;
		margin: 0 auto;
	}




/* ++++++++++++++取り扱い商品++++++++++++++ */

#items{
	margin-top:-27px;
	padding-top:27px
}

#maker{
	padding-top:127px;
	margin-top:-127px;
}

section .maincontent{
	width:774px;
	margin:0 auto;
	overflow: hidden;
	display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: flexbox;
    box-align: stretch;
    margin-top:30px;
}

section .maincontent:first-child{
	margin-top:0;
}

.businessbox{
	width:238px;
	float:left;
	overflow: hidden;
	display: block;
	margin-left:30px;
	height:100%;
	padding-bottom:32767px;
	margin-bottom:-32767px;
}

.businessbox.first{
	margin-left:0;
}

	.businessbox b{
		text-align: center;
		display: block;
		margin-top:22px;
		line-height:1.6
	}

	.businessbox p{
		font-size:86%;
		padding:16px 24px 0 24px;
		text-align:left
	}

	.boxcon{
		background:#fff;
		float:left;
	    height:100%;
	    width:238px;
	    padding-bottom:32767px;
	    margin-bottom:-32748px;
	}

	.boxcon img{
		width:238px;
		height:auto;
    height: 125px;
    object-fit: cover;
	}

	.etc{
		text-align: center;
		font-size:86%;
		margin-top:27px;
	}


/* ++++++++++++++取り扱いメーカー++++++++++++++ */

.buildmaker{
		width:774px;
		margin:0 auto;
		overflow:hidden
	}

.buildbox{
	width:238px;
	background:#eac7a9;
	overflow:hidden;
	float:left;
	margin:0 0 -32768px 0;
    padding:0 0 32768px 0;
	position:relative
	}

		.buildbox p{
			position:absolute;
			top:140px;
			left:50%;
			margin-left:-37px;
			font-size:138%;
			color:#fff;
			line-height:1;
			font-weight:bold
			}

.housemaker{
		width:774px;
		margin:0 auto;
		overflow:hidden;
		margin-top:60px;
	}

.housebox{
	width:238px;
	background:#accfa9;
	overflow:hidden;
	float:left;
	margin:0 0 -32768px 0;
    padding:0 0 32768px 0;
	position:relative
	}

		.housebox p{
			position:absolute;
			top:400px;
			left:50%;
			margin-left:-66px;
			font-size:138%;
			color:#fff;
			line-height:1;
			font-weight:bold
			}


.engmaker{
		width:774px;
		margin:0 auto;
		overflow:hidden;
		margin-top:60px;
	}

.engbox{
	width:238px;
	background:#adafd7;
	overflow:hidden;
	float:left;
	margin:0 0 -32768px 0;
    padding:0 0 32768px 0;
	position:relative
	}

		.engbox p{
			position:absolute;
			top:104px;
			left:50%;
			margin-left:-37px;
			font-size:138%;
			color:#fff;
			line-height:1;
			font-weight:bold
			}

.pubmaker{
		width:774px;
		margin:0 auto;
		overflow:hidden;
		margin-top:60px;
	}

.pubbox{
	width:238px;
	background:#abd4d8;
	overflow:hidden;
	float:left;
	margin:0 0 -32768px 0;
    padding:0 0 32768px 0;
	position:relative
	}

		.pubbox p{
			position:absolute;
			top:251px;
			left:50%;
			margin-left:-61px;
			font-size:138%;
			color:#fff;
			line-height:1;
			font-weight:bold
			}


.makerlist{
	width:506px;
	margin:0 auto;
	overflow:hidden;
	float:right;
}

	.makerlist li{
		width:238px;
    height: 74px;
		float:left;
		overflow: hidden;
		text-align: center;
		margin-left:30px;
		letter-spacing:1.5px;
		border-bottom: dotted 1px #bcbebf
	}

	.makerlist .first{
	margin-left:0;
	}

	.makerlist .toplist{
		border-top: dotted 1px #bcbebf;
	}

	.makerlist a{
    box-sizing: border-box;
    height: 100%;
		display: grid;
    place-items: center;
		padding-top:0;
		padding-bottom: 0;
		text-decoration: underline
	}

		.buildmaker .makerlist a:hover{
			background:#f0ebe7
		}

		.housemaker .makerlist a:hover{
			background:#e4eee8
		}

		.engmaker .makerlist a:hover{
			background:#e5e8f2
		}

		.pubmaker .makerlist a:hover{
			background:#e2eef1
		}

		.makerlist span{
			padding-top:10px;
			display: block
		}
		.makerlist br{
			display: block
		}