@charset "utf-8";

/* --------------------------------------------

fonts

---------------------------------------------- */
main h4,
main li,
main small {
  font-size: 1.4rem;
  font-weight: bold;
  color: #08368b;
  line-height: 2;
}

/* --------------------------------------------

会場周辺MAP

---------------------------------------------- */
#contents .contentsWrap.mapWrap {
  max-width: 1000px;
}

#contents .contents_inner.map_inner {
  max-width: 680px;
}

.map_inner img {}


@media only screen and (max-width:640px) {
  #contents .contents_inner.map_inner {
    width: 100%;
  }
}


/* --------------------------------------------


アクセス


---------------------------------------------- */
#contents .contentsWrap.accessWrap {
  max-width: 1000px;
}

#contents .contents_inner.access_inner {
  width: 98%;
  margin-bottom: 60px;
}

.access_inner-top.flex {
  justify-content: space-between;
  margin-bottom: 60px;
}

.access_inner-bottom.flex {
  justify-content: space-between;
  align-items: start;
}

.access_item {}

.access_item-public {
  width: 50%;
}

.access_item-map {
  width: 48%;
}

.access_item-car {
  width: 50%;
}

.access_item-parking {
  width: 45%;
}

.access_item h3 {
  display: inline-block;
  padding: 0.8em 1.5em;
  margin-bottom: 15px;
  font-size: 1.2rem;
  /* font-weight: bold; */
  color: #ffffff;
  letter-spacing: 0.12em;
  background-color: #5a93ac;
}

.access_item:not(.access_item-car) h4 {
  display: inline-block;
  margin-bottom: 5px;
  border-bottom: 3px solid #5a93ac;
}

.access_item div:not(:last-of-type) {
  margin-bottom: 20px;
}

@media only screen and (max-width:1120px) {
  .access_item-map {
    width: 44%;
  }

  .access_item-car {
    width: 55%;
  }

  .access_item-parking {
    width: 41%;
  }
}

@media only screen and (max-width:640px) {
  #contents .contents_inner.access_inner {
    width: 100%;
  }

  .access_inner-top.flex>* {
    width: 100%;
  }

  .access_inner-bottom.flex>* {
    width: 100%;
  }

  .access_item {
    margin-bottom: 60px;
  }

  .access_item div:not(:last-of-type) {
    margin-bottom: 40px;
  }

  .access_item h3 {
    width: 100%;
    margin-bottom: 30px;
    font-size: 1.5rem;
  }

  .access_item:not(.access_item-car) h4 {
    display: block;
    width: 94%;
    margin: 0 auto 30px;
  }

  .access_item.access_item-car h4 {
    width: 94%;
    margin: 0 auto;
  }

  .access_item ul {
    width: 94%;
    margin: 0 auto;
  }
}

/* --------------------------------------------


公共交通機関


---------------------------------------------- */
.access_item-public ul {
  padding-left: 0.5em;
}

.access_item-public li {
  position: relative;
  padding-left: 1em;
}

.access_item-public li::before {
  content: "●";
  position: absolute;
  left: 0;
  top: 9px;
  font-size: 0.8em;
  line-height: 1;
}


@media only screen and (max-width:640px) {}


/* --------------------------------------------


公共交通機関　MAP


---------------------------------------------- */
.access_item-map img {
  max-width: 450px;
}


@media only screen and (max-width:640px) {
  .access_item-map img {
    display: block;
    max-width: 90%;
    margin: 40px auto;
  }
}


/* --------------------------------------------

parking

---------------------------------------------- */
.access_item-parking ul li:not(.siei li) {
  position: relative;
  padding-left: 1em;
}

.access_item-parking ul li:not(.siei li)::before {
  content: "■";
  position: absolute;
  left: 0;
  top: 9px;
  font-size: 0.8em;
  line-height: 1;
}

.access_item-parking ul.siei li {
  position: relative;
  padding-left: 0.7em;
}

.access_item-parking ul.siei li::before {
  content: "・";
  position: absolute;
  left: 0;
}


/* --------------------------------------------

small

---------------------------------------------- */
.access_item-parking small {
  padding-left: 1em;
  text-indent: -1em;
}


@media only screen and (max-width:640px) {
  .access_item-parking small {
    margin-top: 20px;
  }
}


/* --------------------------------------------

p

---------------------------------------------- */
.accessWrap p:last-of-type {
  text-align: center;
}

@media only screen and (max-width:640px) {}



/* --------------------------------------------

ボタン

---------------------------------------------- */

.btn.btn-access {
  width: 20em;
  margin: 10px auto;
}


@media only screen and (max-width:640px) {
  .btn.btn-access {
    margin: 20px auto;
  }
}