#ps-61x {
  width: 100%;
  max-width: 780px;
}

#ps-61x p {
  line-height: 2em;
  padding: 0 10px 10px 10px;
}

#ps-61x img {
  border: 0;
}

#ps-61x .red {
  color: #e00;
}

#ps-61x .clb {
  border: none;
  clear: both;
  margin: 0;
}

#ps-61x .mb10 {
  border: none;
  clear: both;
  margin: 0 0 10px 0;
}

#ps-61x .mb20 {
  border: none;
  clear: both;
  margin: 0 0 20px 0;
}

#ps-61x .mb40 {
  border: none;
  clear: both;
  margin: 0 0 40px 0;
}

#ps-61x .mb60 {
  border: none;
  clear: both;
  margin: 0 0 60px 0;
}

#ps-61x .img {
  text-align: center;
}

#ps-61x .ttl-1 {
  width: 100%;
  max-width: 780px;
  box-sizing: border-box;
  background-color: #004885;
  color: #fff;
  font-size: 1.3em;
  font-weight: 600;
  padding: 7px 7px 4px 7px;
  margin-bottom: 15px;
}

#ps-61x .ttl-2 {
  border-bottom: double 5px #0089bc;
  border-left: solid 8px #0089bc;
  color: #0089bc;
  font-size: 1.2em;
  font-weight: 600;
  text-align: left;
  padding: 5px 5px 0 5px;
  margin-bottom: 7px;
}

#ps-61x .ttl-3 {
  width: 95%;
  max-width: 380px;
  box-sizing: border-box;
  border-bottom: double 5px #0089bc;
  border-left: solid 8px #0089bc;
  color: #0089bc;
  font-size: 1.25em;
  font-weight: 600;
  text-align: left;
  padding: 5px 5px 0 5px;
  margin-bottom: 7px;
}

@media screen and (min-width: 800px) {
  .smp {
    display: none;
  }
  #recording {
    max-width: 760px;
    overflow: scroll;
    overflow-x: auto;
    border: 1px solid #666;
    margin: 0 auto;
  }
  #recording .ovf {
    height: 280px;
  }
  #recording-data .prefecture {
    width: 100px;
  }
}

@media screen and (max-width: 800px) {
  .pc {
    display: none;
  }
  #recording {
    width: 96%;
    overflow: scroll;
    overflow-x: auto;
    border: 1px solid #666;
    margin: 0 auto;
  }
  #recording .ovf {
    height: 280px;
    margin: 0 auto 0 auto;
  }
  #recording-data .prefecture {
    width: 70px;
  }
}

#recording-data {
  width: 100%;
  background-color: #666;
}

#recording-data .base {
  background-color: #fff;
}

#recording-data .item {
  background-color: #eee;
  color: #666666;
  font-weight: 600;
  text-align: center;
}

#recording-data .detail {
  color: #e00;
}

#ps-61x .info {
  color: #e00;
}

#ps-61x .button {
  text-align: center;
  margin: 15px 0;
}

#ps-61x .button a {
  background: #00a0dd;
  border: 5px solid #00a0dd;
  color: #fff;
  position: relative;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 0 auto;
  width: 160px;
  transition: 0.3s ease-in-out;
  font-size: 1.2em;
  font-weight: 600;
  z-index: 0;
  border-radius: 7px;
  text-decoration: none;
}

#ps-61x .button a:before {
  background: #0063a4;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 0;
  display: block;
  transition: 0.3s;
  left: 0;
}

#ps-61x .button a:hover {
  color: #fff;
}

#ps-61x .button a:hover:before {
  width: 100%;
  z-index: -1;
}

#ps-61x .model-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  box-sizing: border-box;
  width: 100%;
  max-width: 780px;
  margin: 0 auto;
}

#ps-61x .model-box {
  display: flex;
  box-sizing: border-box;

  margin: 5px;
}

#ps-61x .model-btn {
  width: 100%;
  max-width: 220px;
}

#ps-61x .f-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  max-width: 780px;
  margin: 0 auto;
}

#ps-61x .f-item {
  display: flex;
  box-sizing: border-box;
  width: 380px;
  margin: 0 5px;
}