/*2024.3 作成*/

@media screen and (max-width: 639px), print {
  #header .anchors li a {
    font-size: 3.6vw;
  }
}

#access .inner {
  padding:0vw 5.625vw 18.75vw 5.625vw
}
#access .info {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  vertical-align: top
}
#access dl {
  text-align: left;
  font-size: 4.375vw;
  margin-bottom: 1em
}
#access dl.place dd .access span {
  display: block;
  margin: 3.125vw 0vw 0vw 0vw;
  padding: 0vw 0vw 0vw 3.125vw;
  border-left: 1px solid #000;
  font-size: 3.75vw
}
#access dl dt {
  font-weight: 700
}

@media screen and (min-width: 640px), print {
  #access .inner {
    text-align: left;
    padding: 0 0 60px;
  }
	#access dl {
    display: flex;
    font-size: 1.6rem
  }
  #access dl.date {
    width: 480px;
    padding-left: 50px
  }
  #access dl.sponsor {
    padding-left: 50px
  }
  #access dl.place {
    padding-left: 50px
  }
  #access dl.place .access {
    display: inline-block;
    padding-left: 1em
  }
  #access dl.place dd {
    display: flex;
    align-items: flex-start
  }
  #access dl.place dd .access span {
    margin: .5em 0 0 4px;
    padding-left: 12px;
    font-size: 1.2rem;
    vertical-align: top
  }
  #access dl dt {
    vertical-align: top;
    padding-right: 2em
  }
  #access dl dd {
    vertical-align: top
  }
}

#map #map_canvas iframe {
  width: 100%;
  max-width: 100%;
}