.home .sidebar {
    padding: 0 19px 19px 19px;
}

.ranking-sidebar ol li{
	margin-bottom:8px;
	border-left: 6px solid #F0D9DE;
}

.ranking-sidebar ol li:first-child{
	border-left: 6px solid #e44848;
}

.ranking-sidebar ol li a{
	display:flex;
	gap:8px;
	justify-content: flex-start;
	align-items: center;
	background-color:#fff;
	padding: 9px 9px 9px 8px;
}

.ranking-sidebar h3.ranking-title{
	color:#C1AB73;
	font-size:1rem;
	font-weight:normal;
	margin:0;
}

.rank-titleBox{
	display:block;
	line-height: 1.5;
}

.rank-titleColor{
	font-size:0.875rem;
	color:#B24343;
	font-weight:bold;
}

.rank-title{
	font-size:1.3rem;
	font-weight:bold;
	color:#333;
}

.rank-number-txt{
	font-size:1.5rem;
	color:#A4D6D9;
	font-weight:bold;
	padding: 8px 9px 8px 10px;
}

/*  */
/* ハンバーガーメニュー */

.hamburger-menu {
	width: 41px;
	height: 42px;
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 1001;
  cursor: pointer;
	background-color: #b2b2b2a1;
	padding: 6px;
}

.hamburger-menu.active{
	display:none;
}

.hamburger-menu span {
  display: block;
  width: 100%;
  height: 2px;
  background: #fff;
  margin: 6px 0;
  transition: all 0.3s ease;
  transform-origin: center;
}

.close-button {
  position: absolute;
	top: 13px;
	right: 27px;
  background: none;
  border: none;
  font-size: 28px;
  color: #7d7d7d;
  cursor: pointer;
  z-index: 1002;
	padding-left:24px;
}

.slide-sidebar {
  position: fixed;
  top: 0;
  right: -300px;
  width: 300px;
  height: 100vh;
  background: #fff;
  box-shadow: -2px 0 10px rgba(0,0,0,0.2);
  transition: right 0.3s ease;
  z-index: 1000;
  overflow-y: auto;
  padding: 1em;
}
.slide-sidebar.active {
  right: 0;
}

#slide-sidebar.active .ranking-sidebar ol li a span.rank-number{
	width: 43px;
    height: 33px;
}

#slide-sidebar.active .ranking-sidebar ol li a span.rank-titleColor {
    font-size: 0.7rem;
}

#slide-sidebar.active .ranking-sidebar ol li:nth-child(3) a span.rank-titleColor {
    font-size: 0.66rem
}

#slide-sidebar.active .ranking-sidebar ol li a span.rank-title{
	font-size:1.1rem;
}

/* こだわり条件 */

#sidebar label,
#slide-sidebar.active label{
    cursor: pointer;
    font-size: 1.2rem;
}

#sidebar .search-title,
#slide-sidebar.active .search-title{
	color:#C1AB73;
	margin: 0;
	font-weight:normal;
	font-size:1rem;
}

#sidebar .searchBox,
#slide-sidebar.active .searchBox{
	background-color:#fff;
	padding:16px;
	margin-bottom:24px;
}
#slide-sidebar.active .searchBox{
	border: 1px solid #bbb;
	margin-top:8px;
}


#sidebar .search-title-sub,
#slide-sidebar.active .search-title-sub{
	text-align:center;
	font-size:1.25rem;
	padding-bottom:8px;
	border-bottom: 3px solid #BBBBBB;
	margin-bottom:16px;
}

#sidebar input[type=submit] ,
#slide-sidebar.active input[type=submit]{
    -webkit-appearance: none;
    border: none;
    background-color: #C1AB73;
    color: #fff;
	border-radius:5px;
	margin-top:16px;
}

/* PR banner */
#sidebar .prBanner{
	position:relative;
	margin-bottom:24px;
	display:block;
}

#sidebar .prBanner .prBar{
	position:absolute;
    right: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.3);
    color: #fff;
    text-align: center;
    font-size: 12px;
    padding: 0;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16%;
    height: 32px;
    font-weight: bold;
}

@media screen and (max-width:800px){
	#sidebar .prBanner{
	display:none;
}
}