ul{
display: table;
margin: 0 auto;
padding: 0;
width: 80%;
text-align: center;
}
ul li{
display: table-cell;
min-width: 50px;
}
ul li a{
display: block;
width: 100%;
padding: 10px 0;
text-decoration: none;
color: #555;
font-weight: bold;
}
ul li.current{
background-color: #DEEBF7;
}
ul li.current a{
color: #555;
}
ul li:hover{
background-color: #FFF2CC;
}


.x-scroll {
    width: 100%;
    overflow: hidden;
}
.x-scroll_inner {
    display: flex;
    animation: 65s linear infinite xScroll;
}
@keyframes xScroll {
    0%     { transform: translateX(0);}
    100% { transform: translateX(-9900px);} /* .x-scroll_block 1つ分の幅だけ動かす */
}
.x-scroll_block {
    display: flex;
    width: 9900px; /* (320px + 20px) + 5 */
}
.x-scroll_item {
    width: 113px;
    height: 170px;
    margin: 20px;
}


.hr1 {
  border-top: 1px solid #000;
  width: 70%;
 }
 
 .hr2 {
  border-top: 1px solid rgb(117, 117, 117);
  width: 70%;
 }