img {
  max-width: 100%; }

.mb-5 {
  margin-bottom: 5px; }

.mb-10 {
  margin-bottom: 10px; }

.mb-20 {
  margin-bottom: 20px; }

.mb-40 {
  margin-bottom: 40px; }

.mb-60 {
  margin-bottom: 60px; }

body {
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  margin: 0; }

.wrapper {
  width: 900px;
  margin: 0 auto;
  max-width: 100%; }
  .wrapper .container-fluid {
    width: 100%; }
  .wrapper .container {
    padding: 0 10px; }
  .wrapper .bg-1 {
    background: url(img/bg_1.png) repeat-y;
    background-size: 100%;
    padding: 20px 0 0; }
  .wrapper .bg-2 {
    background: url(img/bg_1.png) repeat-y;
    background-size: 100%;
    padding: 0 0 20px; }
  .wrapper .bg-text {
    position: relative;
    font-size: 2.8vw;
    letter-spacing: -.5px;
    line-height: 1.3; }
    .wrapper .bg-text.fuki-1 {
      width: 80%;
      margin: 0 auto -20px;
      z-index: 5; }
    .wrapper .bg-text .bg-text-1 {
      position: absolute;
      top: 10vw;
      left: 6vw; }
      .wrapper .bg-text .bg-text-1 span {
        font-weight: bold;
        font-size: 1.1em;
        background: linear-gradient(transparent 65%, #ceb096 65%); }
    .wrapper .bg-text .bg-text-2 {
      position: absolute;
      right: 7.5vw;
      top: 8.5vw; }
    .wrapper .bg-text .bg-text-3 {
      position: absolute;
      left: 7.5vw;
      top: 8.5vw; }
    .wrapper .bg-text .bg-text-4 {
      position: absolute;
      top: 11.5vw;
      right: 25vw; }
      .wrapper .bg-text .bg-text-4 span {
        font-weight: bold;
        font-size: 1.1em;
        background: linear-gradient(transparent 65%, #d4bdd7 65%); }
    .wrapper .bg-text .bg-text-5 {
      position: absolute;
      top: 12vw;
      left: 31vw; }
      .wrapper .bg-text .bg-text-5 span {
        font-weight: bold;
        font-size: 1.1em;
        background: linear-gradient(transparent 65%, #9fecc7 65%); }
    .wrapper .bg-text .bg-text-6 {
      position: absolute;
      left: 8vw;
      top: 17vw;
      font-size: 3.5vw; }
    .wrapper .bg-text .bg-text-7 {
      position: absolute;
      left: 7.5vw;
      top: 4vw;
      font-size: 3.8vw; }
    .wrapper .bg-text .bg-text-8 {
      position: absolute;
      right: 7.3vw;
      bottom: 33vw;
      font-size: 3.5vw; }
    .wrapper .bg-text .bg-text-9 {
      position: absolute;
      left: 28vw;
      top: 5.5vw;
      font-size: 3vw; }
    .wrapper .bg-text .bg-text-10 {
      position: absolute;
      right: 6vw;
      top: 16.9vw;
      text-align: center;
      font-size: 3.2vw; }
    .wrapper .bg-text .bg-text-11 {
      position: absolute;
      left: 22vw;
      top: 26.3vw;
      text-align: center;
      font-size: 3.2vw; }
    .wrapper .bg-text .bg-text-12 {
      position: absolute;
      right: 10vw;
      top: 44vw;
      text-align: center;
      font-size: 3.2vw; }
    .wrapper .bg-text .bg-text-13 {
      position: absolute;
      left: 11.5vw;
      bottom: 35.9vw;
      text-align: center;
      font-size: 3.2vw; }
    .wrapper .bg-text .bg-text-14 {
      position: absolute;
      right: 12vw;
      bottom: 16vw;
      text-align: center;
      font-size: 3.2vw; }
    .wrapper .bg-text .bg-text-15 {
      position: absolute;
      left: 11.5vw;
      bottom: 9.8vw;
      text-align: center;
      font-size: 3.2vw; }
    .wrapper .bg-text .bg-text-16 {
      position: absolute;
      left: 4vw;
      bottom: 23vw; }
    .wrapper .bg-text .bg-text-17 {
      position: absolute;
      left: 9vw;
      bottom: 12.5vw; }
    .wrapper .bg-text .bg-text-18 {
      position: absolute;
      right: 9.2vw;
      top: 8.5vw; }
      .wrapper .bg-text .bg-text-18 span {
        font-weight: bold;
        font-size: 1.1em;
        color: #ef6a3b; }
    .wrapper .bg-text .bg-text-19 {
      position: absolute;
      right: 9.8vw;
      top: 8.5vw;
      font-size: 3vw; }
      .wrapper .bg-text .bg-text-19 span {
        font-weight: bold;
        font-size: 1.1em;
        background: linear-gradient(transparent 65%, #9fecc7 65%); }
    .wrapper .bg-text .bg-text-20 {
      position: absolute;
      right: 17.8vw;
      top: 9.2vw;
      font-size: 3vw; }
      .wrapper .bg-text .bg-text-20 span {
        font-weight: bold;
        font-size: 1.5em;
        color: #ff821e;
        position: relative;
        top: 3px; }
    .wrapper .bg-text .bg-text-21 {
      position: absolute;
      right: 34vw;
      top: 9.2vw;
      font-size: 3.2vw; }
    .wrapper .bg-text .bg-text-22 {
      position: absolute;
      right: 40vw;
      bottom: 8.5vw;
      font-size: 3.4vw; }
    .wrapper .bg-text .bg-text-23 {
      position: absolute;
      right: 7vw;
      top: 12.5vw;
      font-size: 3.4vw; }
      .wrapper .bg-text .bg-text-23 span {
        font-weight: bold;
        font-size: 1.1em;
        color: #ef6a3b; }
    .wrapper .bg-text .bg-text-24 {
      position: absolute;
      left: 6.5vw;
      top: 10.5vw; }
    .wrapper .bg-text .bg-text-25 {
      position: absolute;
      top: 9.5vw;
      right: 7vw; }
      .wrapper .bg-text .bg-text-25 span {
        font-weight: bold;
        font-size: 1.1em;
        background: linear-gradient(transparent 65%, #ffc18e 65%); }
    .wrapper .bg-text .bg-text-26 {
      position: absolute;
      top: 9.5vw;
      left: 7vw; }
      .wrapper .bg-text .bg-text-26 span {
        font-weight: bold;
        font-size: 1.1em;
        background: linear-gradient(transparent 65%, #ffc18e 65%); }
    .wrapper .bg-text .bg-text-27 {
      position: absolute;
      right: 9vw;
      top: 7.5vw; }
    .wrapper .bg-text .bg-text-28 {
      position: absolute;
      top: 8.8vw;
      left: 12vw;
      font-size: 2.4vw; }
      .wrapper .bg-text .bg-text-28 span {
        font-weight: bold;
        font-size: 1.1em;
        background: linear-gradient(transparent 65%, #9fecc7 65%); }
    .wrapper .bg-text .bg-text-29 {
      position: absolute;
      left: 8vw;
      top: 8.8vw; }
    .wrapper .bg-text .bg-text-30 {
      position: absolute;
      right: 4vw;
      top: 10.2vw;
      font-size: 2.7vw; }
    .wrapper .bg-text .bg-text-31 {
      position: absolute;
      left: 11vw;
      top: 6vw; }
    .wrapper .bg-text .bg-text-32 {
      position: absolute;
      top: 20.2vw;
      right: 32vw;
      font-size: 2.7vw; }
      .wrapper .bg-text .bg-text-32 span {
        font-weight: bold;
        font-size: 1.1em;
        background: linear-gradient(transparent 65%, #f5b2cb 65%); }
    .wrapper .bg-text .fuki-2 span {
      color: #fff;
      font-weight: bold;
      font-size: 1.1em;
      display: inline-block;
      margin: 0 0 3.2vw; }
  .wrapper .tokuten-block {
    border: solid 2px #00bf6b;
    border-radius: 10px;
    margin: 0 0 10px; }
    .wrapper .tokuten-block .head {
      background: #00bf6b;
      border-radius: 8px 8px 0 0;
      padding: 10px; }
    .wrapper .tokuten-block .inner {
      padding: 15px; }
  .wrapper .voice-block {
    display: flex;
    font-size: 1.2em; }
    .wrapper .voice-block .color {
      font-size: 1.2em;
      font-weight: bold;
      color: #ff821e; }
    .wrapper .voice-block .name {
      font-size: .8em; }
    .wrapper .voice-block.voice-1 .img {
      width: 50%; }
    .wrapper .voice-block.voice-1 .text {
      width: 50%;
      padding: 8vw 0 0 0; }
    .wrapper .voice-block.voice-2 .img {
      width: 40%;
      padding: 0 5px 0 0; }
    .wrapper .voice-block.voice-2 .text {
      width: 60%;
      padding: 5vw 0 0 20px; }
    .wrapper .voice-block.voice-3 .img {
      width: 30%; }
    .wrapper .voice-block.voice-3 .text {
      width: 70%;
      padding: 8vw 0 0 20px; }
    .wrapper .voice-block.voice-4 {
      margin-top: -40px; }
      .wrapper .voice-block.voice-4 .img {
        width: 55%; }
      .wrapper .voice-block.voice-4 .text {
        width: 45%;
        padding: 20vw 0 0 20px; }
  .wrapper .bg-3 {
    background: #e5f9f0;
    padding: 20px 0; }
  .wrapper .bg-4 {
    background: #f2fcf7;
    padding: 25px 0; }
  .wrapper #review {
    background: #FAF8F2; }
    .wrapper #review .review_more {
      padding-bottom: 20px; }
      .wrapper #review .review_more a {
        display: block;
        width: 80%;
        text-align: center;
        border: 1px solid #000;
        padding: 10px 0;
        margin: 0 auto;
        font-size: 13px; }
    .wrapper #review .scroll-nav {
      height: auto;
      overflow-y: hidden;
      padding: 20px 10px 10px; }
      .wrapper #review .scroll-nav .scroll-nav__view {
        -webkit-overflow-scrolling: touch;
        overflow-x: scroll; }
      .wrapper #review .scroll-nav .scroll-nav__list {
        display: flex;
        list-style: none;
        margin: 0 auto;
        font-size: 13px; }
      .wrapper #review .scroll-nav .scroll-nav__item {
        position: relative;
        min-width: 260px;
        padding: 12px 15px 0;
        line-height: 1.2em; }
        .wrapper #review .scroll-nav .scroll-nav__item:before {
          position: absolute;
          content: "";
          display: inline-block;
          width: 9px;
          height: 11px;
          top: 195px;
          right: -4px;
          background: url(https://www.amoma.jp/product/milk_through/201807/img/btn_onetime_img02.png) no-repeat;
          background-size: 100% auto; }
        .wrapper #review .scroll-nav .scroll-nav__item .review_ttl {
          font-size: 15px;
          font-weight: bold;
          line-height: 1.4em;
          margin-bottom: 5px; }
        .wrapper #review .scroll-nav .scroll-nav__item .review_star span {
          color: #ff7400; }
        .wrapper #review .scroll-nav .scroll-nav__item .review_name {
          margin: 5px 0;
          font-size: 12px; }
        .wrapper #review .scroll-nav .scroll-nav__item .review {
          font-size: 13px;
          line-height: 1.5em; }
  .wrapper .bg-5 {
    background: url(img/bg_2.png) no-repeat;
    background-size: 100%;
    background-position: bottom;
    padding: 0 0 118vw; }
  .wrapper .bg-6 {
    background: #fdf7ea;
    padding: 15px 0; }
  .wrapper .faq-block {
    background: #fff; }
    .wrapper .faq-block .question {
      background: url(img/ico_question.png) no-repeat, url(img/ico_plus.png) no-repeat;
      background-size: 30px, 15px;
      background-position: left 5px center, right 10px center;
      font-weight: bold;
      padding: 10px 20px 10px 40px; }
    .wrapper .faq-block .answer {
      display: none;
      background: url(img/ico_answer.png) no-repeat;
      background-size: 20px;
      background-position: left 12px top 10px;
      padding: 10px 15px 15px 40px; }
  .wrapper .contact {
    padding: 30px 0;
    text-align: center; }
    .wrapper .contact .tel {
      font-size: 1.6em;
      font-weight: bold;
      color: #0000ff;
      text-decoration: underline;
      display: inline-block;
      margin: 0 0 20px; }
    .wrapper .contact .time {
      font-weight: bold;
      font-size: .85em; }
  .wrapper .slick-slide {
    padding: 0 5px; }
  .wrapper .slide-arrow {
    width: 7px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto; }
    .wrapper .slide-arrow.prev-arrow {
      left: -10px; }
    .wrapper .slide-arrow.next-arrow {
      right: -10px; }

footer {
  width: 900px;
  max-width: 100%;
  margin: 0 auto; }
  footer .copyright {
    text-align: center;
    font-size: .8em;
    padding: 10px 0 90px; }

.fixed-bnr {
  position: fixed;
  bottom: 0;
  width: calc(100% - 10px);
  z-index: 10;
  padding: 5px;
  transition-duration: 1s;
  opacity: 0;
  text-align: center; }

.is-fixed .fixed-bnr {
  opacity: 1; }

@media (min-width: 900px) {
  .wrapper .bg-text {
    font-size: 24px; }
    .wrapper .bg-text .fuki-2 span {
      margin: 0 0 30px; }
    .wrapper .bg-text .bg-text-1 {
      top: 90px;
      left: 60px; }
    .wrapper .bg-text .bg-text-2 {
      right: 90px;
      top: 80px; }
    .wrapper .bg-text .bg-text-3 {
      left: 70px;
      top: 80px; }
    .wrapper .bg-text .bg-text-4 {
      top: 100px;
      right: 260px; }
    .wrapper .bg-text .bg-text-5 {
      top: 110px;
      left: 280px; }
    .wrapper .bg-text .bg-text-6 {
      left: 70px;
      top: 160px;
      font-size: 1.3em; }
    .wrapper .bg-text .bg-text-7 {
      left: 80px;
      top: 45px;
      font-size: 1.3em; }
    .wrapper .bg-text .bg-text-8 {
      right: 100px;
      bottom: 300px;
      font-size: 1.3em; }
    .wrapper .bg-text .bg-text-9 {
      left: 250px;
      top: 42px;
      font-size: 1.2em; }
    .wrapper .bg-text .bg-text-10 {
      right: 65px;
      top: 156px;
      font-size: 1.2em; }
    .wrapper .bg-text .bg-text-11 {
      left: 200px;
      top: 242px;
      font-size: 1.2em; }
    .wrapper .bg-text .bg-text-12 {
      right: 100px;
      top: 405px;
      font-size: 1.2em; }
    .wrapper .bg-text .bg-text-13 {
      left: 105px;
      bottom: 320px;
      font-size: 1.2em; }
    .wrapper .bg-text .bg-text-14 {
      right: 115px;
      bottom: 140px;
      font-size: 1.2em; }
    .wrapper .bg-text .bg-text-15 {
      left: 105px;
      bottom: 80px;
      font-size: 1.2em; }
    .wrapper .bg-text .bg-text-16 {
      left: 35px;
      bottom: 210px; }
    .wrapper .bg-text .bg-text-17 {
      left: 90px;
      bottom: 115px; }
    .wrapper .bg-text .bg-text-18 {
      right: 100px;
      top: 80px; }
    .wrapper .bg-text .bg-text-19 {
      right: 90px;
      top: 80px;
      font-size: 1.2em; }
    .wrapper .bg-text .bg-text-20 {
      right: 150px;
      top: 90px;
      font-size: 1.2em; }
    .wrapper .bg-text .bg-text-21 {
      right: 320px;
      top: 80px;
      font-size: 1.3em; }
    .wrapper .bg-text .bg-text-22 {
      right: 380px;
      bottom: 80px;
      font-size: 1.3em; }
    .wrapper .bg-text .bg-text-23 {
      right: 60px;
      top: 120px;
      font-size: 1.25em; }
    .wrapper .bg-text .bg-text-24 {
      left: 60px;
      top: 100px; }
    .wrapper .bg-text .bg-text-25 {
      top: 85px;
      right: 90px; }
    .wrapper .bg-text .bg-text-26 {
      top: 80px;
      left: 70px; }
    .wrapper .bg-text .bg-text-27 {
      right: 100px;
      top: 70px; }
    .wrapper .bg-text .bg-text-28 {
      top: 80px;
      left: 100px;
      font-size: 1em; }
    .wrapper .bg-text .bg-text-29 {
      left: 70px;
      top: 90px; }
    .wrapper .bg-text .bg-text-30 {
      right: 45px;
      top: 100px;
      font-size: 1em; }
    .wrapper .bg-text .bg-text-31 {
      left: 100px;
      top: 60px; }
    .wrapper .bg-text .bg-text-32 {
      top: 190px;
      right: 300px;
      font-size: 1em; }
  .wrapper .voice-block {
    font-size: 32px; }
    .wrapper .voice-block.voice-1 .text {
      padding: 65px 0 0; }
    .wrapper .voice-block.voice-2 .text {
      padding: 65px 0 0 40px; }
    .wrapper .voice-block.voice-3 .text {
      padding: 60px 0 40px 40px; }
    .wrapper .voice-block.voice-4 .text {
      padding: 180px 0 0 40px; }
  .wrapper .bg-5 {
    padding: 0 0 1060px; }

  footer .copyright {
    padding: 10px 0 200px; } }

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