.hot_conlist_container {
  position: relative;
}
/*
@media screen and (min-width: 641px) {
.hot_conlist_container {
margin-bottom:15px;
}
}
@media screen and (max-width: 640px) {
.hot_conlist_container {
margin:0;
}
}
*/
/*左右のぼかし*/
.hot_conlist_container:before, .hot_conlist_container:after {
  content: "";
  height:calc(100% - 1em);
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 12px;
  z-index: 2;
}
.hot_conlist_container:before {
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
  right: 0;
}
.hot_conlist_container:after {
  background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, white 100%);
  left: 0;
}

.hot_conlist_container ul {
  display: flex;
  flex-wrap: nowrap;
padding: 1em 0 1.5em;
  -webkit-overflow-scrolling: touch;
  list-style: none;
  overflow: auto;
margin:0;
}
/*--------ボタン（テキストの色はa指定で変更）---------*/	
.hot_conlist_container li {
  font-size:14px;
  padding: 5px 10px;
  /*border: 1px solid lightgrey;*/
  border-radius: 14px;
  white-space: nowrap;
  background:#419dc3;
}

.hot_conlist_container li:hover {
  background: /*#E5F0F9*/ #3992b7;
}
.hot_conlist_container li:not(:last-child){
  margin:0 10px 0 0;
}
.hot_conlist_container li a:link,
.hot_conlist_container li a:hover,
.hot_conlist_container li a:visited,
.hot_conlist_container li a:active {
color:/*#565656*/ #fff;
text-decoration: none ;
}
/*スクロールバーデザイン*/
.hot_conlist::-webkit-scrollbar {
height: 10px; 
}
.hot_conlist::-webkit-scrollbar-thumb {
background: #dcdcdc;
border-radius: 5px;
}
.hot_conlist::-webkit-scrollbar-track {
background: #f5f5f5;
border-radius: 5px;
}
.hot_conlist::-webkit-scrollbar-corner {
display: none;
}
/*for-firefox*/
.hot_conlist {
scrollbar-width: thin;/*細さ*/
scrollbar-color: #dcdcdc #f5f5f5;/*つまみの色 軌道の色*/
}

@media screen and (max-width: 640px) {

/*Chrome、Safariでスクロールバーを消す*/
.hot_conlist::-webkit-scrollbar{
display:none;
}

/*firefoxでスクロールバーを消す*/
.hot_conlist{
scrollbar-width: none;
}
}