.main_area {margin: 50px auto 300px;}

#maker_list {margin:0 auto 30px;}
#maker_list li{
	margin: 30px 25px 0px 0;
	float:left;
	cursor: pointer;
}

#maker_list li p{
    width: 225px;
	text-align:center;
	border: 1px solid #000;
	padding:16px 0;
	border-radius:5px;
	cursor: pointer;
	display: inline-block;
}
#maker_list li p:hover{
	color:#fff!important;
	background-color:#000;
}

#maker_panel {
	margin:0 auto 30px;
	background-color: #000;
}
#maker_panel p{
	color:#fff;
	padding: 30px 8% 0;
	text-align: center;
}

#maker_panel li{
	margin: 30px 25px 0px 0;
	float:left;
	cursor: pointer;
}

#maker_panel li p{
    width: 225px;
	text-align:center;
	border: 1px solid #000;
	padding:16px 0;
	border-radius:5px;
	cursor: pointer;
	display: inline-block;
}
#maker_panel li p:hover{
	color:#fff!important;
	background-color:#000;
}


/* */
#top_link{
	background:#000;
	padding: 0px 3% 35px 11%; 
	position: relative;
	margin-bottom:90px;
	/*display: inline-block;*/
}
#top_link:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 25px solid transparent;
	border-top: 25px solid #000;
  }

#top_link p{
	color:#fff;
	text-align:center;
}

.panel{
	width: 180px;
    display: inline-block;
    background: #fff;
    text-align: center;
    padding: 10px 0;
    border-radius: 5px;
}
.panel:hover{background:#cacaca;}

.panel:hover{color:#000;}

h4{margin-top:55px;}


/**************************************
    スマホレスポンシブ
***************************************/
@media (max-width:480px) {

	#maker_panel li {
		margin: 30px 4% 0px 0;
		width: 16%;
	}
	#maker_panel p{padding: 30px 8% 0;}
	.panel {width: 100%;}
	#top_link {padding: 0px 5% 35px 9%;}

	#maker_list {margin: 0 5% 30px;}
	#maker_list li p {width: 100%;}
	#maker_list li {
		width:46%;
		margin: 30px 0px 0px 0;
	}
	#maker_list li:nth-child(odd){margin-right:8%!important;}

	.main_area {margin: 50px auto 100px;}

	h4 {
		font-size: 24px;
		margin: 35px 0 0px;
	}
}