/* media query */
.pconly {
  display: block;
}
@media screen and (max-width: 668px) {
  .pconly {
    display: none;
  }
}

.sponly {
  display: none;
}
@media screen and (max-width: 668px) {
  .sponly {
    display: block;
  }
}

.infoArea .fadeSlick p {
  padding-bottom: 35px;
}
.infoArea .fadeSlick p span {
  position: absolute;
  bottom: 0;
  display: block;
}
.infoArea .fadeSlick .slick-dots {
  bottom: 50px !important;
}

.nocontent::before {
  content: none !important;
}

.col3 .wide dl dd table {
  font-size: 0.8em !important;
  line-height: 1.5em !important;
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
}
@media screen and (max-width: 668px) {
  .col3 .wide dl dd table {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
  }
}
.col3 .wide dl dd table th {
  padding: 5px;
  text-align: center;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
@media screen and (max-width: 668px) {
  .col3 .wide dl dd table th {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }
}
.col3 .wide dl dd table td {
  padding: 5px;
  text-align: center;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
@media screen and (max-width: 668px) {
  .col3 .wide dl dd table td {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }
}

.mapBox {
  margin-top: 50px;
}
.mapBox .inner {
  padding: 20px;
  text-align: center;
  border: 1px solid #eee;
}
.mapBox .inner p {
  font-size: 1.8em;
  margin-bottom: 5px;
}
@media screen and (max-width: 668px) {
  .mapBox .inner p {
    font-size: 1.2em;
  }
}
.mapBox .inner img {
  max-width: 600px;
}

.pickupArea2 .event {
  padding: 20px;
  text-align: center;
  background: #fff;
}
.pickupArea2 .event h2 {
  padding: 5px 0;
  margin: 0 0 10px;
  font-size: 1.5em;
  text-align: center;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.pickupArea2 .event .ttl {
  font-size: 1.3em;
  text-align: center;
}
@media screen and (max-width: 668px) {
  .pickupArea2 .event .ttl {
    text-align: left;
  }
}
.pickupArea2 .event .txt {
  font-size: 0.9em;
  text-align: center;
}
@media screen and (max-width: 668px) {
  .pickupArea2 .event .txt {
    text-align: left;
  }
}
