/*------------------------------------
アクセス用CSS
------------------------------------*/
#access_sec1 .inner {
  width: 60%;
}
#access_sec1 .store-info {
  margin-top: 40px;
}
#access_sec1 .store-info table {
  width: 100%;
}
#access_sec1 .store-info table thead tr th {
  background-color: var(--color-main);
  font-size: 1.6rem;
  color: var(--color-white);
  padding: 10px;
}
#access_sec1 .store-info table tr th,
#access_sec1 .store-info table tr td {
  padding: 20px;
  border-bottom: 1px solid #ddd;
}
#access_sec1 .access-map {
  margin-top: 40px;
}
#access_sec1 .access-map iframe {
  width: 100%;
  height: 300px;
}

@media only screen and (max-width: 1080px) {
  #access_sec1 .inner {
    width: 80%;
  }
}

@media only screen and (max-width: 767px) {
  #access_sec1 .inner {
    width: 90%;
  }
  #access_sec1 .store-info table thead tr th {
    font-size: 1.3rem;
    padding: 8px;
  }
  #access_sec1 .store-info {
    margin-top: 30px;
  }
  #access_sec1 .store-info table tr th, 
  #access_sec1 .store-info table tr td {
    padding: 15px 10px;
    font-size: 0.9rem;
  }
  #access_sec1 .access-map {
    margin-top: 30px;
  }
  #access_sec1 .access-map iframe {
    height: 200px;
  }
}