@charset "utf-8";

/* default PC */
#contents .map-box {
  height:299px;
}

#contents .map-box iframe {
  border:none;
  height:100%;
  width:100%;
}

#contents .spot-box {
  display:grid;
  gap:65px 0;
}

.okayama-city {
  margin-top:-80px;
  margin-bottom:20px;
  position: relative;
  z-index: 1;
}

#spot #contents .map-rabel {
  margin-bottom:65px;
  gap: 35px;
}

#spot #contents .map-rabel p{
  margin-bottom:0;
}

#spot #contents h2 {
  z-index: 2;
}

.okayama-city iframe {
  border:none;
  height:450px;
  width:100%;
}

#spot #contents p.rabel-txt{
  position: relative;
  padding-left: 28px;
}

#spot #contents p.rabel-txt.manned::before {
    content: "";
    background-image: url(../image/contents/spot/ico_manned.svg);
    background-size: 100%;
    position: absolute;
    width: 21px;
    height: 26px;
    left: 0;
    top: 4px;
}

#spot #contents p.rabel-txt.unmanned::before {
    content: "";
    background-image: url(../image/contents/spot/ico_unmanned.svg);
    background-size: 100%;
    position: absolute;
    width: 21px;
    height: 26px;
    left: 0;
    top: 4px;
}

#contents h4 .store {
  background-color:#6BACE3;
  border-radius:5px;
  color:#FFF;
  font-size:18px;
  font-weight:400;
  margin-left:20px;
  padding:4px 20px 6px 20px;
}

.spot-group .table-02 th {
  min-width:120px;
  width:25%;
}

ul.items-list {
  padding:0;
}

ul.items-list li {
  background-color:#D96A11;
  border-radius:5px;
  color:#FFF;
  display:inline-flex;
  font-size:16px;
  margin:3px 0;
  padding:3px 15px;
}

.spot-area iframe {
    width: 100%;
    height: 290px;
    border: none;
    margin-bottom: 20px;
}

.google-map-none {
    position: absolute;
    content: "";
    background-color: #fdfcf8;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 67px;
}

/* view-1140 notePC,Tablet */
@media screen and (max-width: 1140px) {
}

/* view-959 Mobile,Tablet */
@media screen and (max-width: 959px) {
  #contents .map-box {
    margin-bottom:30px;
  }
}

/* view-559 Mobile */
@media screen and (max-width: 559px) {
  #contents table th {
    width:80px;
  }
}