@charset "euc-jp";

.section h2::after {
    content: '';
    display: block;
    text-align: center;
    font-size: 10px;
    color: #69c;
    letter-spacing: 2px;
}
.section--info h2::after {
    content: 'Information';
}
.section--ranking h2::after {
    content: 'Ranking';
}
.section--recommend h2::after {
    content: 'Recommend item';
}
.section--newitem h2::after {
    content: 'New item';
}

div.information,
ul.information{
	height:100px;
	overflow-y:scroll;
	list-style-type:none;
	font-size:0.8em;
	padding:0;
}
ul.information li{
	border-bottom:dashed 1px #CCC;
}
ul.information li > span{
	padding-left:10px;
	padding-right:10px;
	display:table-cell;
	
}
ul.information li > a{
  display:table-cell;
  padding-left:10px;
}
ul.information li span.new{
	color:#f5697c;
}
ul.information li span.inf{
	color:#813a87;
}
ul.information li span.ups{
	color:#1e90ff;
}

ul.information li span::after{
	content:"";
}
.bx-wrapper .bx-viewport{
  border:none;
  left:0;
}
ul.categorys {
  list-style: none;
  padding: 0;
  width: 96%;
  margin: 0 auto;
}
ul.categorys li{
  width: 32%;
  float: left;
  text-align: center;
  margin-right:2%;
}
ul.categorys li:nth-child(3n+3){
  margin-right:0;
}

.top-bannerlist-1col {
  padding: 10px 10px 0;
}
.top-bannerlist {
  display: flex;
  flex-wrap: wrap;
  padding: 0 10px;
}
.top-bannerlist > div {
  width: 49%;
}
.top-bannerlist > div:nth-child(2n) {
  margin-left: 2%;
}
.top-bannerlist-1col > div,
.top-bannerlist > div {
  margin-bottom: 10px;
}
.top-bannerlist-1col img,
.top-bannerlist img {
  vertical-align: bottom;
}

.home-sqbanlist {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 15px;
}
.home-sqbanlist li {
  list-style: none;
  width: calc((100% - 30px) / 3);
  margin-bottom: 15px;
}
.home-sqbanlist li img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}