@charset "utf-8";
/* CSS Document */
@media (min-width: 769px) {
  .sp {
    display: none !important;
  }
  img {
    height: auto;
  }
}

@media (max-width: 768px) {
  .pc {
    display: none !important;
  }
}
img {
  max-width: 100%;
  vertical-align: middle;
}
#mv {
  background-image: linear-gradient(0deg, rgba(147, 165, 207, 0.87), rgba(180, 236, 233, 1));
}

@media (max-width: 768px) {
  #mv {
    background: #fff;
  }
}

#mv .inner {
  max-width: 1366px;
  margin: auto;

  background-size: auto 100%;
}

@media (max-width: 768px) {
#mv .inner {
    background: #fff;
  }
}

#nayami {
  max-width: 1366px;
  margin: auto;
  background: #FFF;
  background-size: auto 100%;
}
@media (max-width: 768px) {
  #nayami {
    background: #fff;
  }
}
#water {
  background: url("images/water_bg.jpg");
}

@media (max-width: 768px) {
  #water {
    background: #fff;
  }
}

#tokucho {
  max-width: 1366px;
  margin: auto;

  background-size: auto 100%;
}
#water2 {
  background: url("images/water2_bg.jpg");

}

#desk {
  background: url("images/desk_bg.jpg");

}
#photo {
  max-width: 1366px;
  margin: auto;

  background-size: auto 100%;
}
#end {
  background: #FFF;
}
#photo {
  max-width: 1366px;
  margin: auto;

  background-size: auto 100%;
}
#buy {
  background: #accbee;
  padding-bottom: 50px;
}
@media (max-width: 768px) {
  #buy {
  background: #accbee;
  padding-bottom: 20px;
  }
}
#content {
  max-width: 1366px;
  margin: auto;

  background-size: auto 100%;
}

@media (max-width: 768px) {
  #content {
    background: #fff;
  }
}
#cart {
  max-width: 1366px;
  margin: auto;

  background-size: auto 100%;
}

@media (max-width: 768px) {
  #cart {
  background: #accbee;
  }
}
footer {
  background: #7699ca;
  padding: 50px 20px 45px;
  font-family: 'Noto Sans JP', "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
}

@media (max-width: 768px) {
  footer {
    padding-bottom: 10px;
  }
}

footer .inner {
  max-width: 1080px;
  margin: auto;
  display: flex;
  justify-content: center;
}

@media (max-width: 768px) {
  footer .inner {
    display: block;
  }
}

footer h2 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 220px;
  width: 250px;
  border-right: 2px solid #fff;
  padding-right: 130px;
  box-sizing: content-box;
}

@media (max-width: 768px) {
  footer h2 {
    width: auto;
    text-align: center;
    height: auto;
    border: none;
    padding: 0;
    margin-bottom: 30px;
  }
}

footer table {
  width: 480px;
  font-size: 13px;
  line-height: 23px;
  color: #fff;
  margin-left: 75px;
}

@media (max-width: 768px) {
  footer table {
    width: 100%;
    margin-left: 0;
  }
}

footer table th {
  font-weight: normal;
  padding-right: 20px;
  text-align: left;
}

@media (max-width: 768px) {
  footer table th {
    white-space: nowrap;
  }
}

footer .button {
  text-align: center;
  margin: 50px 0;
}

@media (max-width: 768px) {
  footer .button {
    margin: 30px 0;
  }
}

footer .copyright {
  padding-top: 30px;
  font-size: 10px;
  color: #fff;
  text-align: center;
}