@charset "UTF-8";
/* ==========================================================
 title: 営業カレンダーページ CSS
 date: 2018/02/27
========================================================== */
.sec-calendar-01 {
  margin: 30px auto 0;
  width: 980px;
}
.sec-calendar-01 .ttl-CalenderGW {
  background-color: #1b0063;
  color: #ffffff;
  text-align: center;
  font-size: 36px;
  font-weight: bold;
}
.sec-calendar-01 .box-calender {
  margin-top: 30px;
  margin-bottom: 30px;
  width: 100%;
  font-size: 22px;
  color: #494949;
}
.sec-calendar-01 .box-calender .shopList {
  width: 100%;
}
.sec-calendar-01 .box-calender .shopList li {
  display: block;
  width: 196px;
  height: 2em;
  float: left;
  text-align: center;
}
.sec-calendar-01 .box-calender .carSpotList {
  width: 784px;
  margin-top: 20px;
  margin:0 auto;
}
.sec-calendar-01 .box-calender .carSpotList li {
  display: block;
  width: 392px;
  height: 2em;
  float: left;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .sec-calendar-01 {
    width: 100%;
  }
  .sec-calendar-01 .ttl-CalenderGW {
    font-size: 20px;
    padding: 0.4em 0;
  }
  .sec-calendar-01 .box-calender .shopList li {
    width: 50%;
    padding: 0 1em;
  }
  .sec-calendar-01 .box-calender .carSpotList {
    width: 100%;
  }
  .sec-calendar-01 .box-calender .carSpotList li {
    width: 100%;
    padding: 0 1em;
    font-size: 20px;
  }
}