@charset "UTF-8";
/****************************************************
SCSSで制作しているため、このファイルは編集しないでください。

****************************************************/
/* local-path */
/* wp-path */
/* common
---------------------------------------------------*/
.section {
  margin: 0 0 50px 0;
}

h2 {
  border-bottom: solid 1px #ccc;
  padding: 0 0 3px 0;
  margin: 0 0 20px 0;
}

.btn a {
  background: #f88f08;
  color: #fff;
  border-radius: 5px;
  width: 80%;
  margin: 20px auto 0;
  display: block;
  padding: 10px 0;
  text-align: center;
}

.access-car dt {
  background: rgba(34, 88, 159, 0.2);
  color: #22589f;
  padding: 3px 8px;
  width: 150px;
  position: relative;
  margin: 0 0 3px 0;
}
.access-car dt::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: -28px;
  border: 14px solid transparent;
  border-left: 14px solid rgba(34, 88, 159, 0.2);
}
.access-car dd {
  margin: 0 0 15px 0;
}

.access-train .attention {
  color: #cc1142;
  font-size: 12px;
  font-size: 1.2rem;
  margin: 15px 0 30px 12px;
  text-indent: -12px;
}
.access-train h3 {
  margin: 0 0 5px 0;
}
.access-train .access-box {
  border: solid 1px #ccc;
  margin: 0 0 30px 0;
}
.access-train .route-box {
  padding: 10px;
}
.access-train h4 {
  margin: 0 0 5px 14px;
  text-indent: -14px;
  color: #22589f;
}
.access-train ol {
  list-style-position: inside;
  margin: 0 0 3px 0;
}
.access-train ol, .access-train ul {
  margin-left: 14px;
}
.access-train .access-box p {
  font-size: 12px;
  font-size: 1.2rem;
  margin-left: 16px;
}
.access-train .btn a {
  margin-bottom: 20px;
}

.info-box dt {
  float: left;
  width: 20%;
}

.info-box dd {
  float: left;
  width: 80%;
  margin: 0 0 5px 0;
}

.info-box dd .access a {
  background: #cc1142;
  border-radius: 100px;
  color: #fff;
  display: inline-block;
  padding: 2px 10px;
  margin: 0 0 0 5px;
  line-height: 1;
  font-size: 10px;
  font-size: 1rem;
}

/*********************************************

en

**********************************************/
.en .access-train .train-box h4 {
  min-height: initial;
  min-height: auto;
}
.en .access-train .route-box.en-train {
  width: 100%;
  float: none;
}
.en .access-train .attention {
  text-indent: 0;
  margin-top: 0;
}
.en .btn a {
  width: 80%;
}
.en .access-car dt {
  padding: 5px 8px 4px;
}

/* @media (min-width: 768px)
---------------------------------------------------*/
@media screen and (min-width: 768px) {
  .section {
    margin: 0 0 70px 0;
  }

  .btn a {
    width: 70%;
  }

  .access-car dl {
    margin: 0 0 20px 0;
  }
  .access-car dt {
    margin: 0 20px 0 0;
    font-size: 14px;
    font-size: 1.4rem;
    float: left;
    width: 150px;
  }
  .access-car dd {
    margin: 3px 0 0 0;
    font-size: 14px;
    font-size: 1.4rem;
    float: left;
    width: 76%;
  }
  .access-car .btn a {
    margin-top: 30px;
    width: 50%;
    padding: 15px;
  }

  .access-train .attention {
    margin: 25px 0 40px 12px;
  }
  .access-train .route-box {
    float: left;
    width: 50%;
  }
  .access-train h4 {
    margin: 0 0 5px 16px;
    text-indent: -16px;
  }
  .access-train ol, .access-train ul {
    margin-left: 16px;
  }
  .access-train .access-box p {
    min-height: 92px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .access-train .train-box h4 {
    min-height: 54px;
  }

  .info-box dt {
    width: 15%;
  }

  .info-box dd {
    width: 85%;
  }

  .info-box dd .access a {
    margin: 0 0 0 10px;
  }
}
/* @media (min-width: 1024px)
---------------------------------------------------*/
/* @media (min-width: 1230px)
---------------------------------------------------*/
@media screen and (min-width: 1230px) {
  .btn a {
    width: 50%;
  }

  .access-car dl {
    margin: 0 0 30px 0;
    float: left;
    width: 50%;
  }
  .access-car dt {
    float: left;
    width: 150px;
  }
  .access-car dd {
    margin: 3px 0 0 0;
    width: 60%;
  }
  .access-car .btn a {
    margin-top: 40px;
    width: 40%;
    padding: 15px;
  }

  .access-train .attention {
    margin: 25px 0 40px 12px;
  }
  .access-train .route-box {
    float: left;
    width: 50%;
  }
  .access-train h4 {
    margin: 0 0 5px 16px;
    text-indent: -16px;
  }
  .access-train ol, .access-train ul {
    margin-left: 16px;
  }
  .access-train .access-box p {
    min-height: 92px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .access-train .train-box h4 {
    min-height: 54px;
  }
}
/* print
---------------------------------------------------*/
@media print {
  .section {
    margin: 0 0 70px 0;
  }

  .btn a {
    width: 70%;
  }

  .access-car dl {
    margin: 0 0 20px 0;
  }
  .access-car dt {
    margin: 0 20px 0 0;
    font-size: 14px;
    font-size: 1.4rem;
    float: left;
    width: 150px;
  }
  .access-car dd {
    margin: 3px 0 0 0;
    font-size: 14px;
    font-size: 1.4rem;
    float: left;
    width: 76%;
  }
  .access-car .btn a {
    margin-top: 30px;
    width: 50%;
    padding: 15px;
  }

  .access-train .attention {
    margin: 25px 0 40px 12px;
  }
  .access-train .route-box {
    float: left;
    width: 50%;
  }
  .access-train h4 {
    margin: 0 0 5px 16px;
    text-indent: -16px;
  }
  .access-train ol, .access-train ul {
    margin-left: 16px;
  }
  .access-train .access-box p {
    min-height: 92px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .access-train .train-box h4 {
    min-height: 54px;
  }

  .info-box dt {
    width: 15%;
  }

  .info-box dd {
    width: 85%;
  }

  .info-box dd .access a {
    margin: 0 0 0 10px;
  }
}