@charset "utf-8";
@media (max-width: 750px) {

  .pc {
    display: none;
  }

  .sp {
    display: block;
  }

  .wanpak-ivent-info {
    background-image: url(../images/night-sky.jpeg);
    background-repeat: round;
  }

  .raijo-houhou-top {
    font-size:20px;
    text-align: center;
    color: white;
    /* line-height: 80px;
    height: 80px; */
    /* background-color: #eb6100; */
    background-color: #dbb96e;
  }

  .wanpaku-index {
    display: flex;
    width: 98%;
    margin: 0 auto;
  }

  .raijo-houhou {
    width: 50%;
    text-align: center;
  }

    .ivent-info {
    background-color: rgb(236, 8, 217);
    color: white;
    text-align: center;
    font-size: 4.5vw;
    padding: 10px;
  }

  .raijo-houhou-top {
    font-size: 20px;
    text-align: center;
    color: white;
    /* line-height: 80px;
    height: 80px; */
    /* background-color: #eb6100; */
    background-color: rgb(236, 8, 217);
    width: 97%;
    margin: 0 auto;
    padding: 10px;
  }

  .wanpaku-index {
    display: flex;
    width: 95%;
    margin: 0 auto;
    min-width: 950px;
    max-width: 1200px;
  }

  .raijo-houhou {
    width: 33%;
    text-align: center;
  }

  /* 来場方法ボタン start */

  a.btn--blue {
    text-align: center;
    color: white;
    /* background-color: #fff100; */
    background-color: #325A8C;
  }

  a.btn--blue:hover {
    color: white;
    /* background: #fff20a; */
    background-color: #325A8C;
  }

  a.btn--blue.btn--cubic {
    /* border-bottom: 5px solid #ccc100; */
    border-bottom: 5px solid #0a376f;
    color: white;
  }

  a.btn--blue.btn--cubic:hover {
    margin-top: 3px;
    /* border-bottom: 2px solid #ccc100; */
    border-bottom: 5px solid #0a376f;
  }

  a.btn-c {
    font-size: 1.8rem;
    position: relative;
    padding: 10px 25px;
    border-radius: 100vh;
  }

  a.btn-c i.fa {
    /* margin-right: 1rem; */
  }

  a.btn-c:before {
    font-family: 'Font Awesome 5 Free';
    font-size: 1.6rem;
    line-height: 1;
    position: absolute;
    top: calc(50% - .8rem);
    right: 1rem;
    margin: 0;
    padding: 0;
    /* content: '\f054'; */
  }

  .raijo-houhou-balloon {
    position: relative;
    /* display: inline-block; */
    background: red;
    /* border-radius: 50px; */
    padding: 5px;
    text-align: left;
    font-weight: bold;
    color: #fff;
    line-height: 1.5;
    font-size: 1.5em;
    width: 99%;
    margin: 0 auto;
  }

  .img-raijo-houhou {
    text-align: center;
  }

  .raijo-houhou-balloon::before {
    content: "";
    /* borderで三角形を作る */
    border-width: 10px;
    border-style: solid;
    border-color: red transparent transparent transparent;
    /* 配置する */
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
  }

  /* 来場方法ボタン end */

  .car-top {
    font-size: 25px;
    text-align: center;
    color: white;
    background-color: black;
    padding: 10px
  }

  .car-attension {
    font-size: 18px;
    /* width: 50%; */
    margin: 0 auto;
    background-color: red;
    color: white;
    padding: 10px;
    text-align: center;
    /* min-width: 500px; */
  }

  .parking-top {
    font-size: 2.2em;
    text-align: center;
  }

  .parking-car-top {
    font-size: 1.8em;
    line-height: 1.5;
    text-align: center;
  }

  .parking-sub {
    width: 98%;
    margin: 0 auto;
    font-size: 20px;
    /* min-width: 800px; */
    line-height: 1.4;
    /* text-align: center; */
  }

  .bicycle-sub {
    margin: 0 auto;
    font-size: 18px;
    text-align: left;
    line-height: 1.2;
  }

  .bicycle-img {
    text-align: center;
  }

  .bicycle-img img {
    /* width: 40%; */
    margin: 0 auto;
  }

  .bike-big {
    /* font-size: 18px; */
    background: linear-gradient(transparent 60%, rgb(255, 255, 0) 60%);
  }

  .parking-table {
    /* width: 80%; */
    margin: 0 auto;
    font-size: 20px;
    /* min-width: 800px;
      max-width: 1200px; */
  }

  .parking-table td {
    padding: 5px;
    border-width: 2px;
    border-color: white;
    line-height: 1.2;
    vertical-align: middle;
  }

  .parking-table-lbl {
    text-align: center;
    background-color: rgb(209, 244, 237);
    width: 25%;
  }

  .car-scale-limit {
    /* width: 70%; */
    margin: 0 auto;
    color: red;
    font-size: 20px;
    text-align: left;
    line-height: 1.5;
    max-width: 1200px;
    padding: 5px;
  }

  .free {
    color: red;
    font-size: 22px;
    text-decoration: underline;
  }

  .car-limit {
    color: black;
    font-size: 18px;
  }

  .staff {
    border: #0f0fb4 solid 5px;
    padding: 5px 5px 0px 5px;
    color: #0f0fb4;
    font-size: 20px;
    display: flex;
    margin: 0 auto;
    line-height: 1.5;
  }

  .staff-left {
    /* width: 80%; */
    display: flex;
    align-items: center;
    justify-content: center;
    /* text-align: center; */
  }

  .staff-right {
    /* width: 20%; */
    display: flex;
    align-items: end;
    text-align: center;
  }

  .staff-right img {
    width: 30%;
    margin: 0 auto;
  }

  /* 来場方法のボタン start */

  .raijo-houhou-index {
    display: flex;
    margin: 0 auto;
  }

  a.btn--raijo-i {
    text-align: center;
    color: black;
    background-color: rgb(245, 245, 197);
    font-size: 1.4rem;
    padding: 8px;
  }

  a.btn--raijo-i:hover {
    color: black;
    background: rgb(243, 243, 120);
  }

  a.btn--raijo-i.btn--cubic {
    border-bottom: 5px solid black;
    margin: 1px;
    width: 100%;
  }

  a.btn--raijo-i.btn--cubic:hover {
    margin-top: 3px;
    border-bottom: 2px solid black;
    margin: 10px;
  }

  .btn--cubic {
    font-size: 22px !important;
    padding: 10px !important;
    width: 95% !important;
    margin: 0 auto;
  }

  .others-bottom {
    width: 80%;
    margin: 0 auto;
  }

  /* 来場方法のボタン end */

  .map-flex {
    /* display: flex; */
    width: 95%;
    margin: 0 auto;
  }

  .map-left {
    /* width: 50%; */
    text-align: center;
    font-size: 18px;
  }

  .map-left img {
    /* width: 80%; */
    margin: 0 auto;
    margin-bottom: 10px;
  }

  .map-right {
    width: 50%;
  }

  .raijo-btn {
    font-size: 18px !important;
    line-height: 1.1;
  }

  .raijo-onegai {
    background-color: #ff9;
  }

  .ivent-office {
    font-size: 20px;
    text-align: center;
  }

  /* 徒歩のルート start */

  .walk-root-top {
    font-size: 18px;
    text-align: center;
  }

  .walk-root {
    /* display: flex;
      width: 80%; */
    margin: 0 auto;
  }

  /* .walk-root-flex{
      display: flex;
    } */

  .walk-content {
    width: 90%;
    font-size: 16px;
    /* font-family: 'Font Awesome 5 Free'; */
    margin: 5px;
    margin: 0 auto;
    margin-top: 20px;
  }

  .walk-content-width {
    /* width: 50%; */
    font-size: 16px;
    /* font-family: 'Font Awesome 5 Free'; */
    margin: 5px;
    margin: 0 auto;
    width: 90%;
    margin-top: 20px;
  }

  .walk-end {
    /* display: flex; */
    width: 90%;
    font-size: 16px;
    /* font-family: 'Font Awesome 5 Free'; */
    margin: 5px;
    margin: 0 auto;
    margin-top: 20px;
  }

  .walk-end-left {
    /* width: 50%; */
  }

  .walk-end-right {
    /* width: 50%; */
    font-size: 16px;
    /* font-family: 'Font Awesome 5 Free'; */
    /* display: flex;
      align-items: center;
      justify-content: center;
      text-align: center; */
  }

  /* 徒歩のルート end */

  /* アコーディオンstart */

  /* リセットCSS */
  * {
    list-style: none;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }

  /* アコーディオンメニュー全体のサイズ・位置 */
  .ac {
    width: 97%;
    /* max-width: 600px; */
    margin: 0 auto;
    background-color: #fff;
  }

  /* クリック領域 */
  .ac-parent {
    position: relative;
    /* 追加 */
    /* height: 50px;
  border-bottom: 1px solid #fff; */
    background-color: white;
    border-top: solid 1px #d9d9d9;
    border-bottom: 0;
    color: #535252;
    /* text-align: center; */
    line-height: 50px;
    cursor: pointer;
    font-size: 20px;
  }

  .ac-parent-inner {
    width: 90%;
    margin: 0 auto;
  }

  .raijo-map-title {
    background-color: rgb(236, 8, 217);
    color: white;
    font-size: 20px;
    text-align: center;
    width: 97%;
    margin: 0 auto;
    padding: 10px;
  }

  .raijo-map-back {
    width: 97%;
    margin: 0 auto;
    background-color: #fff;
    padding: 5px;
    line-height: 1.5;
  }

  .raijo-map-back span {
    font-size: 20px;
  }

  .raijo-map-back p {
    color: black;
    font-size: 18px;
  }

  .wanpak-ivent-top {
    /* width: 50%; */
    margin: 0 auto;
  }

  .inner-width {
    /* width: 90%; */
    margin: 0 auto;
  }

  /* クリックしたら表示される領域 */
  .ac-child {
    display: none;
    padding: 5px;
    /* background-color: #ffccbc; */
    /* text-align: center; */
  }

  /* ①プラスの横線 */
  .ac-parent:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 8px;
    width: 24px;
    height: 2px;
    background: #dbb96e;
    transform: translateY(-50%);
  }

  /* ②プラスの縦線 */
  .ac-parent:after {
    content: "";
    position: absolute;
    top: 50%;
    /* 8px+12px-1px(幅2pxの半分) */
    right: 19px;
    width: 2px;
    height: 24px;
    background: #dbb96e;
    transform: translateY(-50%);
    transition: .3s;
  }

  /* ③オープン時にopenクラスを付与（縦線を回転させて非表示に） */
  .ac-parent.open:after {
    top: 25%;
    opacity: 0;
    transform: rotate(90deg);
  }

  .ac-parent-last:before,
  .ac-parent-last:after {
    display: none;
  }

  .ac-parent i {
    color: #dbb96e;
  }

  /* アコーディオンend */

}