#sidecolumn {
	float: left;
	width: 21%;}

#sidecolumn .sp{display:none;}
#sidecolumn .pc{display:block;}


.spbtm{display:none;}
.flex{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

#rank {
	list-style-type: none;
	font-size: 11px;
	line-height: 13px;
	margin-bottom: 25px;
}
#rank li {
	float: left;
	width: 110px;
	margin-top: 10px;
	padding-right: 14px;
	padding-left: 14px;
}
#rank li.line {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #D9D0B1;
}
.rank_text1 {
	height: 60px;
	padding-top: 5px;
}
.rank_text2 {
	font-weight: bold;
	color: #776559;
}

/* 卸し希望ブロック */
.oroshi{border:solid 1px #B17E46;  font-family:'Noto Serif JP',serif; padding:20px 0px 10px;margin: 10px;}

.oroshi h3 {
  position: relative;
  display: inline-block;
	color:#B17E46;
  padding: 0 55px;
	margin-bottom:10px;
}

.oroshi h3:before, h3:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: #B17E46;
}

.oroshi h3:before {
  left:0;
}
.oroshi h3:after {
  right: 0;
}

.oroshi ul{width: fit-content;margin: 0 auto;}

.oroshi li{
	font-size:2em;
	font-weight: bold;
  list-style: none;
  margin: 15px;
}
.oroshi li i{color:#B17E46;}

.oroshi li a,
.oroshi li a:hover{text-decoration:none;color:#B17E46;}

/* スマホ */
 @media screen and (max-width: 428px) {
 /*ここにスマホ用のCSSを記述する*/
 }

/* タブレット */
 @media only screen and (min-width: 600px) and (max-width: 1024px) {
 /*ここにタブレット用のCSSを記述する*/
#main {
  float: none;
  width: 100%;
  padding-bottom: 10px;
}
#sidecolumn {
    float: none;
		width:100%;
}
#sidecolumn .sp{display:block;}
#sidecolumn .pc{display:none;}

#sidecolumn img{width:100%;}

.spbtm{display:block;}
.allbrandlist_pc{display:none;}
.allbrandlist_sp img {width: 100%;}


 }
/* パソコン */
 @media screen and (min-width: 1024px) {
 /*ここにPC用のCSSを記述する*/
 }