@charset "utf-8";
@media screen and (min-width: 751px) {
  .pc {
    display: block;
  }

  .sp {
    display: none;
  }

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

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

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

  .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: 20px 40px;
    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: 10px;
    font-weight: bold;
    color: #fff;
    line-height: 1.5;
    font-size: 1.5em;
    width: 80%;
    margin: 0 auto;
  }

  .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 */

  /* 来場方法start */

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

  .car-attension {
    font-size: 2.5vw;
    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: 2.2em;
    text-align: center;
    line-height: 1.2;
  }

  .parking-sub {
    width: 60%;
    margin: 0 auto;
    font-size: 1.8em;
    min-width: 800px;
    line-height: 1.4;
    text-align: center;
  }

  .bicycle-sub {
    width: 60%;
    margin: 0 auto;
    font-size: 1.5vw;
    min-width: 800px;
    text-align: center;
    line-height: 1.2;
  }

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

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

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

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

  .parking-table td {
    padding: 10px;
    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);
  }

  .car-scale-limit {
    width: 70%;
    margin: 0 auto;
    color: red;
    font-size: 1.5em;
    text-align: left;
    line-height: 1.5;
    max-width: 1200px;
    min-width: 800px;
  }

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

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

  .staff {
    border: #0f0fb4 solid 5px;
    padding: 0px 10px;
    color: #0f0fb4;
    font-size: 2vw;
    display: flex;
    width: 65%;
    margin: 0 auto;
    line-height: 1.5;
    min-width: 700px;
    max-width: 1200px;
  }

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

  .staff-right {
    width: 20%;
    display:flex;
  }


  /* 来場方法end */

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

  .raijo-houhou-index {
    display: flex;
    width: 80%;
    margin: 0 auto;
    max-width: 1000px;
  }

  /* .raijo-i
  {
    width: 33%;
    margin: 0px 10px;
    padding: 20px;
    font-size: 1.5em;
    text-align: center;
  } */

  .icon {
    font-size: 2.5em;
  }

  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;
  }

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

  /* 徒歩のルート start */

  .walk-root-top {
    font-size: 1.8vw;
    text-align: center;
  }

  .walk-root {
    display: flex;
    width: 80%;
    margin: 0 auto;
    min-width: 700px;
    justify-content: center;
  }

  .walk-root2 {
    display: flex;
    width: 80%;
    margin: 0 auto;
    min-width: 700px;
    justify-content: center;
  }

  .walk-content {
    width: 20%;
    font-size: 18px;
    /* font-family: 'Font Awesome 5 Free'; */
    margin: 10px;
  }

  .walk-content-width {
    width: 40%;
    font-size: 18px;
    /* font-family: 'Font Awesome 5 Free'; */
    margin: 10px;
  }

  .walk-end {
    display: flex;
    width: 60%;
    margin: 0 auto;
    min-width: 700px;
  }

  .walk-end-left {
    width: 40%;
  }

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

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

  /* 徒歩のルート end */

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

  .map-left {
    width: 60%;
    text-align: center;
    font-size: 1.5vw;
  }

  .walk-map-left {
    width: 60%;
  }

  .map-left img {
    width: 80%;
    margin: 0 auto;
  }

  .map-right {
    width: 40%;
    text-align: center;
  }

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

  .ivent-office {
    font-size: 1.3em;
  }

  /* 地図関連start */

  .map {
    text-align: center;
  }

  .map-title {
    /* display: flex; */
    width: 60%;
    margin: 0 auto;
    font-size: 1.8em;
    line-height: 1.5;
    background-color: rgb(245, 90, 43);
    padding: 20px;
    color: white;
    border-radius: 20px;

    position: relative;
    /* display: inline-block; */
    margin: 0 auto;
    /* padding: 7px 10px; */
    text-align: center;
    max-width: 800px;
    min-width: 700px;
  }

  .map-title:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid rgb(245, 90, 43);
  }

  .wanpaku-map-title {
    font-size: 2ssem;
    font-weight: bold;
  }

  .map-inner-flex {
    /* display: flex; */
  }

  .map-title-left {
    /* width: 55%; */
    color: white;
    padding: 20px;
    border-radius: 20px 0px 0px 20px;
  }

  .map-left-inner {
    padding: 10px;
    background-color: white;
    color: rgb(245, 90, 43);
    line-height: 1.5;
  }

  .map-title-right {
    width: 45%;
    background-color: rgb(255, 255, 214);
    border-radius: 20px;
    border: 5px rgb(245, 90, 43) solid;
    font-size: 20px;
    padding: 10px;
    color: rgb(245, 90, 43);
    justify-content: center;
    align-items: center;
  }

  /* 地図関連end */

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

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

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

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

  /* .ac-parent-last:before {
    border-bottom: solid 1px #d9d9d9; 
} */


  .ac-parent-inner {
    /* width:90%; */
    margin: 0 auto;
    padding: 20px;
    background-color: #fff;
  }

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

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

  .raijo-map-back span {
    font-size: 3vw;
  }

  .raijo-map-back p {
    color: black;
    font-size: 2.5vw;
  }

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

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

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

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


  /* ②プラスの縦線 */
  .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;
    background-color: #535252;
  }


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

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

  /* .ac-parent-last.open:after {
    border-bottom: 0;
} */

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

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