@charset "utf-8";

/* 出発地から探す（目的地） */
.comparison-box {
  margin: 0 -10px;
  padding: 20px 10px;
  background: #fff;
}
.comparison-box .bus-ttl {
  background-image: url(/module/img/index/ico-map_navy.png);
  background-size: 2rem;
  line-height: 1.2;
  margin-bottom: 1rem;
  padding: 0 0 0.5rem 3rem;
  border-bottom: 4px solid #214280;
  background-repeat: no-repeat;
  background-position: 0.2rem 0.5rem;
  font-weight: bold;
  font-size: 2rem;
}
.comparison-box .bus-ttl .small {
  display: block;
  font-size: 1.2rem;
}
/*
.comparison-box .bus-ttl .small .color {
  color: #214280;
  font-weight: inherit;
}
*/
.comparison-box .area {
  display:-webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 1rem 1rem;
  list-style: none;
  background: #eff6ff;
  /* height: auto !important; */
}
.comparison-box .area li {
  width: 32%;
  margin: 0 1% 2% 0;
  background: #fff;
  box-shadow: 0 2px 0 #d9d9d9;
  border-radius: 3px;
  text-align: center;
  /* font-weight: 500; */
  /* font-size: 14px; */
  /* list-style: none; */
}
.comparison-box .area li a {
  display: block;
  padding: 0.7rem 0;
  /* border-radius: inherit; */
  /* color: #333; */
  /* text-decoration: none; */
}
@media screen and (min-width:600px) {
  .comparison-box .area li {
    width: 19%;
    margin: 0 1% 1.5% 0;
  }
}