@charset "UTF-8";
.headerBox {
  margin-bottom: 7rem;
}

#sitemap {
  margin-top: 0;
  background-color: #EAF6FD;
}
#sitemap .inner {
  padding: 0;
  position: relative;
}
@media screen and (min-width: 767px) {
  #sitemap .inner {
    padding-left: 7.2rem;
    padding-right: 7.2rem;
  }
}
#sitemap .secHeader {
  color: #595757;
  position: absolute;
  left: 3rem;
  top: 1.6rem;
}
@media screen and (min-width: 767px) {
  #sitemap .secHeader {
    left: 7.2rem;
    top: 6.5rem;
  }
}
#sitemap .secHeader span.en {
  font-size: 2.3rem;
}
@media screen and (min-width: 767px) {
  #sitemap .secHeader span.en {
    font-size: 3.9rem;
  }
}
#sitemap .caution {
  color: #595757;
  font-size: 1rem;
  text-align: right;
  position: absolute;
  right: 3.2rem;
  bottom: 2em;
}
@media screen and (min-width: 767px) {
  #sitemap .caution {
    font-size: 1rem;
    right: 1rem;
    bottom: 1em;
  }
}
@media screen and (min-width: 1500px) {
  #sitemap .caution {
    font-size: 1.5rem;
    right: 7.2rem;
    bottom: 3.2em;
  }
}
@media screen and (min-width: 1500px) {
  #sitemap .map {
    transform-origin: center;
    transform: scale(0.8);
  }
  #sitemap area {
    cursor: pointer;
    pointer-events: all;
  }
}

.site {
  display: none;
}

.modal_inner {
  color: #616D76;
  padding: 5.6rem;
  padding-top: 3rem;
  background-color: white;
}
.modal_inner .siteName {
  font-size: 2.3rem;
  font-weight: 700;
  margin-bottom: 0.5em;
}
.modal_inner .siteName .id {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 2em;
}
.modal_inner .modalSlider {
  margin-bottom: 0;
}
.modal_inner .copy {
  margin: 1.5em 0;
}
.modal_inner dl {
  margin-bottom: 4em;
}
.modal_inner dl dt {
  font-weight: 400;
  text-align: justify;
  text-align-last: justify;
  width: 5.5em;
  padding-right: 1em;
  clear: left;
  float: left;
  position: relative;
}
.modal_inner dl dt::after {
  content: "：";
  position: absolute;
  right: 0;
}
.modal_inner .box {
  font-size: 2.3rem;
  margin-bottom: 2em;
  padding: 1em;
  border: solid 1px #616D76;
}
.modal_inner .btnWrap {
  text-align: center;
}
.modal_inner .btnWrap .btn {
  padding: 0 2em;
  border: solid 1px #616D76;
}
@media screen and (min-width: 767px) {
  .modal_inner {
    position: relative;
    padding: 3rem;
  }
  .modal_inner > *:not(.modalSlider) {
    width: 50%;
  }
  .modal_inner .siteName {
    font-size: 2rem;
    line-height: 1.5;
    margin-bottom: 0;
  }
  .modal_inner .siteName .id {
    font-size: 2em;
  }
  .modal_inner .copy {
    margin-top: 0;
    margin-bottom: 3em;
  }
  .modal_inner .modalSlider {
    width: 40%;
    position: absolute;
    right: 3rem;
    top: 50%;
    transform: translateY(-50%);
  }
  .modal_inner .box {
    padding: 0.4em 0.6em;
  }
  .modal_inner.no_box .btnWrap {
    margin-top: 5rem;
  }
}
@media screen and (min-width: 1365px) {
  .modal_inner {
    padding: 9rem;
    position: static;
  }
  .modal_inner::after {
    content: "";
    width: 100%;
    height: 0;
    display: block;
    clear: both;
  }
  .modal_inner > *:not(.modalSlider) {
    width: 50%;
    float: left;
  }
  .modal_inner .siteName {
    margin-top: 7rem;
  }
  .modal_inner .modalSlider {
    width: 34%;
    width: 51rem;
    position: static;
    right: auto;
    top: auto;
    transform: translateY(0);
    float: right;
  }
  .modal_inner dl dd {
    padding-left: 5.5em;
  }
}

/*#cboxClose {
  width: 32px;
  height: 25px;
  top: auto;
  right: 0;
  bottom: 10px;
  @include pc {
    right: 20px;
  }
}*/
#cboxLoadedContent {
  border: none;
}

#cboxOverlay {
  background: rgba(0, 0, 0, 0.7);
}

#cboxContent {
  margin-top: 0;
}

#outline .textBox dt {
  font-weight: 500;
}
@media screen and (min-width: 767px) {
  #outline .textBox dt {
    width: 18em;
    clear: left;
    float: left;
  }
}
@media screen and (min-width: 767px) {
  #outline .textBox dd {
    text-indent: -1em;
    width: 100%;
    padding-left: 18em;
  }
  #outline .textBox dd::before {
    content: "：";
  }
}
#outline .textBox .sep {
  font-size: 2.3rem;
  line-height: 1.9;
  height: 2em;
}
#outline .textBox .caution {
  padding-left: 1em;
}
#outline .textBox .caution span {
  text-indent: -1em;
  display: block;
}

@media screen and (min-width: 767px) {
  #outline .headerBox,
  #equipment .headerBox,
  #activity .headerBox {
    margin: 0;
    padding: 0;
    padding-right: 4rem;
  }
}
#outline .headerBox .caution,
#equipment .headerBox .caution,
#activity .headerBox .caution {
  margin-top: 4rem;
}
#outline .headerBox .caution span,
#equipment .headerBox .caution span,
#activity .headerBox .caution span {
  opacity: 0;
}
@media screen and (min-width: 767px) {
  #outline .headerBox .caution,
  #equipment .headerBox .caution,
  #activity .headerBox .caution {
    margin-top: 4.5rem;
  }
  #outline .headerBox .caution span,
  #equipment .headerBox .caution span,
  #activity .headerBox .caution span {
    opacity: 1;
  }
}
#outline .textBox a,
#equipment .textBox a,
#activity .textBox a {
  text-decoration: underline;
  transition: opacity 0.2s;
}
#outline .textBox a:hover,
#equipment .textBox a:hover,
#activity .textBox a:hover {
  opacity: 0.7;
}
@media screen and (min-width: 767px) {
  #outline .textBox,
  #equipment .textBox,
  #activity .textBox {
    padding-left: 0;
  }
  #outline .textBox .stdList,
  #equipment .textBox .stdList,
  #activity .textBox .stdList {
    padding-left: 0;
  }
  #outline .textBox .stdList li,
  #equipment .textBox .stdList li,
  #activity .textBox .stdList li {
    display: flex;
  }
  #outline .textBox .stdList .imgBox,
  #equipment .textBox .stdList .imgBox,
  #activity .textBox .stdList .imgBox {
    width: 50%;
    padding-top: 0.6rem;
  }
  #outline .textBox .stdList .contBox,
  #equipment .textBox .stdList .contBox,
  #activity .textBox .stdList .contBox {
    width: 50%;
    padding-left: calc(4800% / 452);
  }
}
#outline .read,
#equipment .read,
#activity .read {
  margin-top: 11rem;
}
#outline .read .small,
#equipment .read .small,
#activity .read .small {
  font-size: 2.3rem;
  font-weight: 500;
  line-height: 1.8;
  text-align: center;
  margin-bottom: 1.5em;
}
@media screen and (min-width: 1500px) {
  #outline .read .small,
  #equipment .read .small,
  #activity .read .small {
    font-size: 1.8rem;
  }
}
#outline .read .btnWrap,
#equipment .read .btnWrap,
#activity .read .btnWrap {
  text-align: center;
}
#outline .read .btnWrap .btn,
#equipment .read .btnWrap .btn,
#activity .read .btnWrap .btn {
  padding: 0 1.5em;
}
@media screen and (min-width: 1500px) {
  #outline .read .btnWrap .btn,
  #equipment .read .btnWrap .btn,
  #activity .read .btnWrap .btn {
    font-size: 2.1rem;
  }
}
@media screen and (min-width: 1500px) {
  #outline .read,
  #equipment .read,
  #activity .read {
    margin-top: 15rem;
  }
}

#footer {
  background-image: url("../img/auto_camp/img-footer.jpg");
}

/*# sourceMappingURL=auto_camp.css.map */