#homepage {
	width:auto;
	max-width: 1200px;
	min-width: 800px;
	margin: 0px;
}
#homepage a:link    {color: #666; text-decoration: none;}

#homepage a:hover  {color: #B7410E; text-decoration: underline;}




/* ------------------------------------- 
 *  HP曉朿
 * ------------------------------------- */
#hp__top {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
#hp__top .top__unit {
	width: 28%;
	height: auto;
	margin: 0 1% 1.5vw;
}
#hp__top .top__unit a img {
	width: 100%;
	height: auto;
}
#hp__top .top__unit a img:hover {
	opacity: 0.7;
}

/* ------------------------------------- 
 *  仿件平件弘
 * ------------------------------------- */
h2.ranking__head {
	width: 100%;
	height: auto;
	margin: 3vw 0 1vw;
	padding-bottom: 1vw;
	padding: 0;
	text-align: left;
	font-size: 1.5vw;
	line-height: 3.0vw;
	color: #67320F;
	border-bottom: 2px solid #67320F;
	font-family: 'Meiryo UI','Hiragino Kaku Gothic ProN','甲仿幼用剩打 ProN W3',sans-serif;
	font-weight: bold;
}
.ranking__wrap {
	width: 90%;
	height: auto;
	margin: 0 5%;
	display: flex;
	justify-content: center;
}
.ranking__wrap .hp__ranking {
	width: 22%;
	height: auto;
	margin: 0 1%;
}
.ranking__wrap .hp__ranking .rankimg {
	width: 100%;
	height: auto;
	margin: 0 0 3px;
	text-align: center;
	color: #67320F;
	font-size: 0.9rem;
	font-weight: bold;
}
.ranking__wrap .hp__ranking .hpitemarea {
	width: 100%;
	height: auto;
	text-align: center;
}
.ranking__wrap .hp__ranking .hpitemarea div {
	width: 100%;
	height: auto;
}
.ranking__wrap .hp__ranking .hpitemarea div img {
	width: 100%;
	height: auto;
}
h3.other-hp-head {
	width: 100%;
	height: auto;
	margin: 3vw 0 1vw;
	padding-bottom: 1vw;
	padding: 0;
	text-align: left;
	font-size: 1.5vw;
	line-height: 3.0vw;
	color: #67320F;
	border-bottom: 2px solid #67320F;
	font-family: 'Meiryo UI','Hiragino Kaku Gothic ProN','甲仿幼用剩打 ProN W3',sans-serif;
	font-weight: bold;
}
.new-items {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.new-items .top__unit {
	width: 20%;
	height: auto;
	margin: 0 1% 1vw;
	text-align: center;
}
.new-items .top__unit img {
	width: 100%;
	height: auto;
}
.hp_banners {
	width: 100%;
	height: auto;
	text-align: center;
	margin: 5vw 0 0;
}
.hp_banners .news-banner {
	display: inline-block;
	width: 745px;
	height: auto;
	margin: 10px 0;
}
.hp_banners .news-banner img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
.hp_banners .news-banner img:hover {
	opacity: 0.7;
}