@charset "UTF-8";
/* ========================================
    common
        サイト全体の設定、定義など
======================================== */
.header_top {
  padding-top: 15px;
}

.site_title_top {
  margin-top: 0;
}

.background-hack {
  background-color:#333333;
  background-image: url("/images/base.png");
}

@media screen and (min-width: 768px) {
  .background-hack {
    height: 720px;
    background-size: 900px;
    background-position: center bottom;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) and (orientation: portrait) {
  .background-hack {
    height: 800px;
    background-size: 1000px;
    background-position: bottom center;
  }
}

@media screen and (max-width: 767px) {
  .background-hack {
    top: 0;
    height: 480px;
    z-index: -1;
    background-size: 600px;
    background-position: bottom center;
  }
}

.heart1 {
  height: 850px;
  background-image: url("/images/heart.png");
}

@media screen and (min-width: 768px) {
  .heart1 {
    margin-top: -64px;
    background-size: 900px;
  }
}

@media screen and (max-width: 767px) {
  .heart1 {
    position: absolute;
    top: 80px;
    height: 402px;
    background-size: 600px;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) and (orientation: portrait) {
  .heart1 {
    margin-top: -15px;
    background-size: 1000px;
  }
}

.heart2 {
  background-image: url("/images/heart.png");
}

@media screen and (min-width: 768px) {
  .heart2 {
    background-size: 900px;
  }
}

@media screen and (max-width: 767px) {
  .heart2 {
    background-size: 600px;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) and (orientation: portrait) {
  .heart2 {
    background-size: 1000px;
  }
}

.heart3 {
  background-image: url("/images/heart.png");
}

@media screen and (min-width: 768px) {
  .heart3 {
    background-size: 900px;
  }
}

@media screen and (max-width: 767px) {
  .heart3 {
    background-size: 600px;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) and (orientation: portrait) {
  .heart3 {
    background-size: 1000px;
  }
}

.heart4 {
  background-image: url("/images/heart.png");
}

@media screen and (min-width: 768px) {
  .heart4 {
    background-size: 900px;
  }
}

@media screen and (max-width: 767px) {
  .heart4 {
    background-size: 600px;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) and (orientation: portrait) {
  .heart4 {
    background-size: 1000px;
  }
}

.heart5 {
  background-image: url("/images/heart.png");
}

@media screen and (min-width: 768px) {
  .heart5 {
    background-size: 900px;
  }
}

@media screen and (max-width: 767px) {
  .heart5 {
    background-size: 600px;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) and (orientation: portrait) {
  .heart5 {
    background-size: 1000px;
    margin-top: 250px;
  }
}

@media screen and (min-width: 768px) {
  #slide1 {
    height: 610px;
  }
}

@media screen and (max-width: 767px) {
  #slide1 {
    box-sizing: border-box;
    height: 480px;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) and (orientation: portrait) {
  #slide1 {
    height: 800px;
  }
}

#slide7 {
  background-image: none;
}

@media screen and (min-width: 768px) {
  #slide7 {
    height: 600px;
    background-image: url("/images/fin.png");
    background-size: 846px;
    background-position: bottom center;
  }
}

@media screen and (max-width: 767px) {
  #slide7 {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: -1;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    background-size: 500px;
    background-position: bottom center;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) and (orientation: portrait) {
  #slide7 {
    overflow: hidden;
    height: 700px;
    background: #f3f1ed;
  }
}

@media screen and (max-width: 767px) {
  #slide7.active {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

#slide7 img {
  display: none;
}

@media screen and (max-width: 767px) {
  #slide7 img {
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 450px;
    max-width: none;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) and (orientation: portrait) {
  #slide7 img {
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 1000px;
    max-width: none;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

@media screen and (max-width: 767px) {
  #footer {
    height: auto;
    margin-bottom: 70vh;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) and (orientation: portrait) {
  #footer {
    height: auto;
  }
}

/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9wX3NraW4uY3NzIiwic291cmNlcyI6WyJ0b3Bfc2tpbi5zY3NzIiwiY29tbW9uL192YXJpYWJsZXMuc2NzcyIsImNvbW1vbi9fbWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQU9BOzs7MkNBRzJDO0FBc0IzQyxBQUFBLFdBQVcsQ0FBQztFQUNYLFdBQVcsRUFBRSxJQUFJO0NBQ2pCOztBQUVELEFBQUEsZUFBZSxDQUFDO0VBQ2YsVUFBVSxFQUFFLENBQUM7Q0FDYjs7QUFHRCxBQUFBLGdCQUFnQixDQUFDO0VBQ2hCLGdCQUFnQixFQWZMLE9BQU87RUFnQmxCLGdCQUFnQixFQUFFLHVDQUF1QztDQXFCekQ7O0FFa0pPLE1BQU0sQ0FBQyxNQUFNLE1BQU0sU0FBUyxFQUFFLEtBQUs7RUZ6SzNDLEFBQUEsZ0JBQWdCLENBQUM7SUFLZixNQUFNLEVBQUUsS0FBSztJQUNiLGVBQWUsRUFuQkMsS0FBSztJQW9CckIsbUJBQW1CLEVBQUUsYUFBYTtHQWdCbkM7OztBQTNDQSxNQUFNLENBQUMsTUFBTSxNQUFNLFNBQVMsRUFBRSxNQUFNLE9BQU8sU0FBUyxFQUFFLEtBQUssT0FBTyxXQUFXLEVBQUUsUUFBUTtFQW9CeEYsQUFBQSxnQkFBZ0IsQ0FBQztJQVdmLE1BQU0sRUFBRSxLQUFLO0lBQ2IsZUFBZSxFQXZCRSxNQUFNO0lBd0J2QixtQkFBbUIsRUFBRSxhQUFhO0dBVW5DOzs7QUFqREEsTUFBTSxDQUFDLE1BQU0sTUFBTSxTQUFTLEVBQUUsS0FBSztFQTBCcEMsQUFBQSxnQkFBZ0IsQ0FBQztJQWlCZixHQUFHLEVBQUUsQ0FBQztJQUNOLE1BQU0sRUE5QlcsS0FBSztJQStCdEIsT0FBTyxFQUFFLEVBQUU7SUFDWCxlQUFlLEVBQUUsS0FBSztJQUN0QixtQkFBbUIsRUFBRSxhQUFhO0dBRW5DOzs7QUFFRCxBQUFBLE9BQU8sQ0FBQztFQUNQLE1BQU0sRUFBRSxLQUFLO0VBQ2IsZ0JBQWdCLEVBQUUsOENBQThDO0NBbUJoRTs7QUUySE8sTUFB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 */

/*# sourceMappingURL=top_skin.css.map */