@charset "UTF-8";
/*-----------------------------*/
/*すこやか CSS*/
/*-----------------------------*/
@media only screen and (min-width: 830px) {
  body.sukoyaka article {
    max-width: 500px; } }
body.sukoyaka main {
  position: relative;
  background: url(../images/bg.png) no-repeat center bottom/cover;
  background-attachment: fixed; }
body.sukoyaka article {
  width: 100%;
  background: #F2F2E9; }
body.sukoyaka a:hover {
  opacity: 0.6; }
body.sukoyaka .anker_navi {
  display: none;
  position: fixed;
  z-index: 1;
  top: 230px;
  left: 50px;
  width: 18%; }
  @media only screen and (min-width: 830px) {
    body.sukoyaka .anker_navi {
      display: block; } }
  body.sukoyaka .anker_navi li {
    margin-bottom: 15px;
    padding: 0 0 0 30px;
    background: url(../images/navi_dot.png) no-repeat left top/20px auto; }
  body.sukoyaka .anker_navi a {
    color: #595757;
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 2.4rem; }
body.sukoyaka .kv {
  position: relative;
  background: url(../images/bg_top.png) repeat-x top center/50px auto; }
  body.sukoyaka .kv .age {
    position: absolute;
    top: 0;
    right: 0;
    width: 33%; }
    body.sukoyaka .kv .age img {
      width: 100%; }
body.sukoyaka .sec {
  margin-bottom: 0px; }
body.sukoyaka .sec_sub {
  margin-bottom: 40px; }
  body.sukoyaka .sec_sub:last-of-type {
    margin: 0; }
body.sukoyaka .sec_1 {
  padding: 50px 30px;
  background: url(../images/bg_1.png) no-repeat top center/cover; }
  body.sukoyaka .sec_1 .ttl {
    margin: 0 auto 20px;
    width: 90%; }
    body.sukoyaka .sec_1 .ttl img {
      width: 100%; }
  body.sukoyaka .sec_1 .fig_1 {
    position: relative; }
    body.sukoyaka .sec_1 .fig_1::after {
      content: "";
      position: absolute;
      bottom: -2%;
      left: -2%;
      display: block;
      aspect-ratio: 1 / 1;
      width: 15%;
      background: url(../images/sec_1_fig_1_1.png) no-repeat center/cover; }
body.sukoyaka .sec_2 {
  padding: 50px 30px;
  background: url(../images/bg_top.png) repeat-x top center/50px auto; }
  body.sukoyaka .sec_2 .ttl {
    margin: 0 auto 40px;
    height: 10vw;
    text-align: center; }
    @media only screen and (min-width: 830px) {
      body.sukoyaka .sec_2 .ttl {
        height: 50px; } }
    body.sukoyaka .sec_2 .ttl img {
      width: auto;
      height: 100%; }
  body.sukoyaka .sec_2 .movie {
    width: 100%;
    aspect-ratio: 16 / 9;
    margin: 0 auto 30px; }
  body.sukoyaka .sec_2 .btn_buy {
    display: block;
    margin: auto;
    width: 50%; }
    body.sukoyaka .sec_2 .btn_buy img {
      width: 100%; }
  body.sukoyaka .sec_2 .btn_shop {
    display: block;
    width: 50%;
    margin: auto;
    padding: 1vw 3vw;
    border: 2px solid #009a53;
    background: #fff;
    border-radius: 50px;
    text-align: center;
    color: #009a53;
    -webkit-transition: 0.2s;
    transition: 0.2s; }
    @media only screen and (min-width: 830px) {
      body.sukoyaka .sec_2 .btn_shop {
        padding: 4px 15px; } }
    body.sukoyaka .sec_2 .btn_shop:hover {
      color: #fff;
      background: #009a53; }
      body.sukoyaka .sec_2 .btn_shop:hover span::before {
        background: url(../images/icon_cart_w.svg) no-repeat center/contain; }
    body.sukoyaka .sec_2 .btn_shop span {
      display: inline-block;
      font-size: 4vw;
      line-height: 4vw; }
      @media only screen and (min-width: 830px) {
        body.sukoyaka .sec_2 .btn_shop span {
          font-size: 2rem;
          line-height: 2rem; } }
      body.sukoyaka .sec_2 .btn_shop span::before {
        content: "";
        position: relative;
        top: 3px;
        display: inline-block;
        margin-right: 5px;
        width: 4vw;
        height: 4vw;
        background: url(../images/icon_cart.svg) no-repeat center/contain;
        -webkit-transition: 0.2s;
        transition: 0.2s; }
        @media only screen and (min-width: 830px) {
          body.sukoyaka .sec_2 .btn_shop span::before {
            width: 20px;
            height: 20px; } }
body.sukoyaka .sec_3 {
  padding: 50px 30px 200px;
  background: url(../images/bg_2.png) no-repeat top center/cover; }
  body.sukoyaka .sec_3 .ttl {
    margin: 0 auto 40px;
    height: 10vw;
    text-align: center; }
    @media only screen and (min-width: 830px) {
      body.sukoyaka .sec_3 .ttl {
        height: 50px; } }
    body.sukoyaka .sec_3 .ttl img {
      width: auto;
      height: 100%; }
  body.sukoyaka .sec_3 .item_list {
    text-align: center; }
    body.sukoyaka .sec_3 .item_list li {
      margin-bottom: 40px; }
      body.sukoyaka .sec_3 .item_list li:last-of-type {
        margin: 0; }
    body.sukoyaka .sec_3 .item_list img {
      display: block;
      margin: auto;
      width: 80%; }
    body.sukoyaka .sec_3 .item_list .name {
      display: inline-block;
      margin: 20px auto 0;
      padding: 10px;
      border: 1px solid #333;
      font-size: 1.6rem; }

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