@charset "UTF-8";
/* scss */
/* =========================================================
 * fade Animation　　   /*フェード アニメーション
========================================================= */
.fade,
.fadein,
.fadein-top,
.fadein-left,
.fadein-right,
.opening {
  position: relative;
  opacity: 0;
  transition: opacity 0.875s ease-in-out , transform 0.875s ease-in-out; }

.fade {
  transform: translate(0, 0); }

.fadein {
  transform: translate(0, 50px); }

.fadein-top {
  transform: translate(0, -50px); }

.fadein-left {
  transform: translate(-50px, 0); }

.fadein-right {
  transform: translate(50px, 0); }

.fade.scrollin,
.fadein.scrollin,
.fadein-top.scrollin,
.fadein-left.scrollin,
.fadein-right.scrollin,
.opening.active {
  opacity: 1;
  transform: translate(0, 0); }

.pc {
  display: block; }

.sp {
  display: none; }

.o-nav__item.__internal ul li.small {
  padding: 0.5vw 0; }
  .o-nav__item.__internal ul li.small a {
    margin: 0 0 0 1.5em;
    font-size: 0.9em; }
.o-nav__item.__internal ul li.storyfont a {
  font-family: 'Oswald', sans-serif;
  font-weight: 400; }

main .content {
  font-family: 'Noto Sans JP', sans-serif; }
  main .content img {
    width: 100%; }
  main .content .cmn-title .en {
    margin: 0 auto; }
  main .content .cmn-title h2 {
    text-align: center;
    line-height: 1.0;
    font-weight: bold;
    margin-top: 0.923vw;
    font-size: 0.7692vw; }
  main .content .main {
    width: 100%;
    height: 41.538vw;
    position: relative;
    background: url("../images/cocochy/bg-main-mainimg_pc.png") no-repeat center/cover; }
    main .content .main--title {
      position: absolute;
      width: 30.615vw;
      top: 16.076vw;
      right: 13.846vw; }
      main .content .main--title p {
        width: 21.92vw;
        margin: 2.4615vw auto 0; }
    main .content .main--scroll {
      position: absolute;
      width: 2.3846vw;
      bottom: 0;
      right: 28.076vw; }
  main .content .about {
    margin-top: 5.769vw; }
    main .content .about .cmn-title .en {
      width: 16.615vw; }
    main .content .about--mainimg {
      margin: 2.692vw auto 0;
      width: 51.769vw; }
    main .content .about--copy {
      margin-top: 2.153vw;
      text-align: center; }
      main .content .about--copy p {
        line-height: 2.2;
        font-size: 1.1538vw; }
        main .content .about--copy p:nth-of-type(2) {
          margin-top: 0.7692vw; }
  main .content .feature {
    margin-top: 5.76923vw;
    background-color: rgba(110, 128, 79, 0.05);
    padding: 5.384vw 0 0; }
    main .content .feature .cmn-title .en {
      width: 18.384vw; }
    main .content .feature--mainimg {
      margin-top: 4.923vw; }
      main .content .feature--mainimg--title .icon {
        width: 3.923vw;
        margin: 0 auto; }
      main .content .feature--mainimg--title h2 {
        text-align: center;
        margin-top: 1.076vw;
        line-height: 1.0;
        font-weight: bold;
        letter-spacing: .12em;
        font-size: 1.923vw; }
      main .content .feature--mainimg--image {
        width: 51.769vw;
        margin: 2.3vw auto 0; }
    main .content .feature--efforts {
      margin-top: 4.769vw; }
      main .content .feature--efforts h3 {
        margin: 0 auto;
        width: 32.23vw; }
      main .content .feature--efforts--wrap {
        margin: 3.153vw auto 0;
        display: flex;
        justify-content: center; }
        main .content .feature--efforts--wrap .box dl {
          margin-top: 0.769vw;
          display: flex; }
          main .content .feature--efforts--wrap .box dl dt {
            line-height: 0.8;
            color: #6ea94f;
            margin-right: 0.615vw;
            font-size: 3.538vw; }
          main .content .feature--efforts--wrap .box dl dd {
            line-height: 1.6;
            font-size: 1.076vw; }
        main .content .feature--efforts--wrap .box.b01 .icon {
          margin-left: 4.769vw;
          width: 4.615vw; }
        main .content .feature--efforts--wrap .box.b02 {
          margin-left: 7.384vw; }
          main .content .feature--efforts--wrap .box.b02 .icon {
            margin-left: 2.769vw;
            width: 4.384vw; }
        main .content .feature--efforts--wrap .box.b03 {
          margin-left: 4.846vw; }
          main .content .feature--efforts--wrap .box.b03 .icon {
            margin-left: 3.846vw;
            width: 4.384vw; }
    main .content .feature--contents {
      margin-top: 5.384vw; }
      main .content .feature--contents--inner {
        width: 78.69vw;
        margin: 0 auto;
        background-color: #fff;
        padding: 4vw 3.23vw; }
        main .content .feature--contents--inner--block--box {
          display: flex;
          align-items: center;
          justify-content: space-between; }
          main .content .feature--contents--inner--block--box .image {
            width: 37.846vw; }
            main .content .feature--contents--inner--block--box .image .slides {
              position: relative; }
          main .content .feature--contents--inner--block--box .texts {
            width: 30.384vw; }
            main .content .feature--contents--inner--block--box .texts .ttl {
              display: flex; }
              main .content .feature--contents--inner--block--box .texts .ttl .num {
                margin-right: 1.538vw;
                line-height: 0.8;
                font-weight: bold;
                color: #6ea94f;
                font-size: 4vw; }
              main .content .feature--contents--inner--block--box .texts .ttl dl {
                display: flex;
                align-items: center; }
                main .content .feature--contents--inner--block--box .texts .ttl dl dt {
                  margin-right: 0.7692vw; }
                main .content .feature--contents--inner--block--box .texts .ttl dl dd {
                  line-height: 1.4;
                  font-size: 1.15vw;
                  font-weight: bold; }
            main .content .feature--contents--inner--block--box .texts h3 {
              margin-top: 2vw;
              font-weight: bold;
              line-height: 1.6;
              letter-spacing: .12em;
              font-size: 1.538vw; }
              main .content .feature--contents--inner--block--box .texts h3 strong {
                color: #6ea94f;
                border-bottom: 2px solid #6ea94f; }
            main .content .feature--contents--inner--block--box .texts p {
              line-height: 1.6;
              margin-top: 1.538vw;
              font-size: 1.23vw; }
        main .content .feature--contents--inner--block--list {
          margin-top: 2.615vw;
          display: flex;
          justify-content: space-between; }
          main .content .feature--contents--inner--block--list li {
            width: 17vw; }
        main .content .feature--contents--inner--block--about {
          margin-top: 2.153vw;
          display: flex;
          justify-content: flex-end;
          align-items: flex-end;
          padding-right: 9.615vw; }
          main .content .feature--contents--inner--block--about .about-texts {
            text-align: right;
            margin-right: 1.384vw; }
            main .content .feature--contents--inner--block--about .about-texts h4 {
              line-height: 1.2;
              font-size: 1.384vw; }
              main .content .feature--contents--inner--block--about .about-texts h4 strong {
                color: #6ea94f; }
            main .content .feature--contents--inner--block--about .about-texts p {
              margin-top: 1.076vw;
              line-height: 1.7;
              font-size: 1.153vw; }
          main .content .feature--contents--inner--block--about .about-logo {
            width: 6.769vw; }
        main .content .feature--contents--inner--block.b01 .feature--contents--inner--block--box .texts .ttl dl dt {
          width: 3.6923vw; }
        main .content .feature--contents--inner--block.b02 {
          margin-top: 7.846vw; }
          main .content .feature--contents--inner--block.b02 .feature--contents--inner--block--box {
            flex-direction: row-reverse; }
            main .content .feature--contents--inner--block.b02 .feature--contents--inner--block--box .texts {
              text-align: right; }
              main .content .feature--contents--inner--block.b02 .feature--contents--inner--block--box .texts .ttl {
                justify-content: flex-end; }
                main .content .feature--contents--inner--block.b02 .feature--contents--inner--block--box .texts .ttl dl dt {
                  width: 3.6923vw; }
        main .content .feature--contents--inner--block.b03 {
          margin-top: 6.769vw; }
          main .content .feature--contents--inner--block.b03 .feature--contents--inner--block--box .texts .ttl dl dt {
            width: 3.6923vw; }
        main .content .feature--contents--inner--howto {
          margin-top: 5.38vw; }
          main .content .feature--contents--inner--howto .cmn-title .en {
            width: 22.15vw; }
          main .content .feature--contents--inner--howto--mainimg {
            margin: 1.384vw auto 0;
            width: 37.23vw;
            height: 20.9vw;
            position: relative; }
            main .content .feature--contents--inner--howto--mainimg iframe {
              width: 100%;
              height: 100%; }
  main .content .kind {
    background-color: rgba(110, 128, 79, 0.05);
    padding: 7.38vw 0 6.538vw; }
    main .content .kind--mainimg--title .icon {
      width: 4.153vw;
      margin: 0 auto; }
    main .content .kind--mainimg--title h2 {
      margin-top: 0.769vw;
      text-align: center;
      font-weight: bold;
      letter-spacing: .12em;
      font-size: 1.923vw; }
    main .content .kind--mainimg--image {
      width: 51.76vw;
      margin: 2.076vw auto 0; }
    main .content .kind--contents {
      margin-top: 4.307vw; }
      main .content .kind--contents--inner {
        width: 78.69vw;
        margin: 0 auto;
        background-color: #fff;
        padding: 4vw 3.23vw; }
        main .content .kind--contents--inner--block--box {
          display: flex;
          align-items: center;
          justify-content: space-between; }
          main .content .kind--contents--inner--block--box .image {
            width: 37.846vw; }
            main .content .kind--contents--inner--block--box .image .slides {
              position: relative; }
          main .content .kind--contents--inner--block--box .texts {
            width: 32vw; }
            main .content .kind--contents--inner--block--box .texts .ttl {
              display: flex;
              align-items: center; }
              main .content .kind--contents--inner--block--box .texts .ttl .num {
                margin-right: 1.538vw;
                line-height: 0.8;
                font-weight: bold;
                color: #d88082;
                font-size: 4vw; }
              main .content .kind--contents--inner--block--box .texts .ttl h3 {
                font-weight: bold;
                font-size: 1.461vw; }
                main .content .kind--contents--inner--block--box .texts .ttl h3 strong {
                  color: #d88082; }
            main .content .kind--contents--inner--block--box .texts p {
              margin-top: 1.538vw;
              line-height: 1.6;
              font-size: 1.23vw; }
            main .content .kind--contents--inner--block--box .texts .texts--flex--images {
              margin-top: 1.076vw; }
        main .content .kind--contents--inner--block:nth-of-type(even) .kind--contents--inner--block--box {
          flex-direction: row-reverse; }
          main .content .kind--contents--inner--block:nth-of-type(even) .kind--contents--inner--block--box .texts {
            text-align: right; }
            main .content .kind--contents--inner--block:nth-of-type(even) .kind--contents--inner--block--box .texts .ttl {
              justify-content: flex-end; }
        main .content .kind--contents--inner--block:nth-of-type(n+2) {
          margin-top: 3.076vw; }
  main .content .lineup {
    margin-top: 7.384vw; }
    main .content .lineup--head .cmn-title .en {
      width: 18.923vw; }
    main .content .lineup--head h3 {
      margin-top: 2.769vw;
      text-align: center;
      font-weight: bold;
      font-size: 1.307vw; }
    main .content .lineup--head--products {
      margin: 2.153vw auto 0;
      width: 35.384vw; }
    main .content .lineup--head ul {
      text-align: center;
      margin-top: 2.153vw; }
      main .content .lineup--head ul li {
        font-weight: bold;
        font-size: 1.1538vw; }
        main .content .lineup--head ul li:nth-of-type(n+2) {
          margin-top: 0.923vw; }
    main .content .lineup--information {
      background-color: rgba(110, 128, 79, 0.05);
      margin-top: 2.692vw;
      padding: 2.461vw 0 3.076vw; }
      main .content .lineup--information h3 {
        text-align: center;
        font-size: 1.1538vw;
        line-height: 1.0; }
      main .content .lineup--information ul {
        margin-top: 2vw;
        display: flex;
        justify-content: center; }
        main .content .lineup--information ul li {
          width: 11.0769vw; }
          main .content .lineup--information ul li a {
            border: 2px solid #6ea94f;
            border-radius: 40px;
            display: block;
            width: 100%;
            height: 100%;
            background-color: #fff;
            line-height: 1.0;
            color: #6ea94f;
            position: relative;
            text-align: center;
            padding: 1.1538vw 0;
            font-weight: bold;
            font-size: 1.2307vw;
            transition: all .3s ease-out; }
            main .content .lineup--information ul li a:after {
              content: '';
              display: block;
              position: absolute;
              top: 50%;
              transform: translateY(-50%) rotate(45deg);
              right: 1.538vw;
              width: 0.76vw;
              height: 0.76vw;
              border-top: 2px solid #6ea94f;
              border-right: 2px solid #6ea94f;
              transition: all .3s ease-out; }
            main .content .lineup--information ul li a:hover {
              background-color: #6ea94f;
              color: #fff; }
              main .content .lineup--information ul li a:hover:after {
                border-color: #fff;
                margin-right: -0.769vw; }
          main .content .lineup--information ul li:nth-of-type(1) {
            margin-right: 3.0769vw; }
    main .content .lineup--onlinestore {
      margin-top: 5.23vw; }
      main .content .lineup--onlinestore ul li {
        width: 24.153vw;
        margin: 0 auto; }
        main .content .lineup--onlinestore ul li a {
          border-radius: 40px;
          display: block;
          width: 100%;
          height: 100%;
          background-color: #6ea94f;
          color: #fff;
          line-height: 1.0;
          text-align: center;
          position: relative;
          padding: 1.1538vw 0;
          font-size: 0.923vw; }
          main .content .lineup--onlinestore ul li a:after {
            content: '';
            display: block;
            position: absolute;
            top: 50%;
            transform: translateY(-50%) rotate(45deg);
            right: 1.538vw;
            width: 0.76vw;
            height: 0.76vw;
            border-top: 1px solid #fff;
            border-right: 1px solid #fff;
            transition: all .3s ease-out; }
          main .content .lineup--onlinestore ul li a:hover:after {
            margin-right: -0.769vw; }
        main .content .lineup--onlinestore ul li:nth-of-type(n+2) {
          margin-top: 1.538vw; }
    main .content .lineup--banner {
      margin: 4.923vw auto 0;
      width: 37.46vw; }

.footer {
  margin-top: 7.307vw; }

@media screen and (max-width: 767px) {
  .pc {
    display: none; }

  .sp {
    display: block; }

  main .content .cmn-title h2 {
    margin-top: 2vw;
    font-size: 2.933vw; }
  main .content .main {
    width: 100%;
    height: auto;
    position: relative;
    background: none; }
    main .content .main:before {
      content: '';
      display: block;
      width: 100%;
      height: 79.466vw;
      background: url("../images/cocochy/bg-main-mainimg_sp.png") no-repeat center/cover; }
    main .content .main--title {
      position: static;
      width: 69.466vw;
      margin: 8.933vw auto 0; }
      main .content .main--title p {
        width: 49.733vw;
        margin: 5.466vw auto 0; }
    main .content .main--scroll {
      position: static;
      width: 9.33vw;
      margin: 8.533vw auto 0; }
  main .content .about {
    margin-top: 6.533vw; }
    main .content .about .cmn-title .en {
      width: 47.866vw; }
    main .content .about--mainimg {
      margin: 5.066vw auto 0;
      width: 83.733vw; }
    main .content .about--copy {
      margin-top: 5.866vw; }
      main .content .about--copy p {
        font-size: 3.466vw; }
        main .content .about--copy p:nth-of-type(2) {
          margin-top: 1.866vw; }
  main .content .feature {
    margin-top: 14.76vw;
    padding: 10.66vw 0 0; }
    main .content .feature .cmn-title .en {
      width: 42.4vw; }
    main .content .feature--mainimg {
      margin-top: 10.933vw; }
      main .content .feature--mainimg--title .icon {
        width: 9.333vw; }
      main .content .feature--mainimg--title h2 {
        margin-top: 1.6vw;
        font-size: 4.533vw; }
      main .content .feature--mainimg--image {
        width: 83.733vw;
        margin: 4.133vw auto 0; }
    main .content .feature--efforts {
      margin-top: 10.4vw; }
      main .content .feature--efforts h3 {
        width: 61.733vw; }
      main .content .feature--efforts--wrap {
        width: 83.733vw;
        margin: 5.73vw auto 0;
        flex-wrap: wrap; }
        main .content .feature--efforts--wrap .box dl {
          margin-top: 1.6vw;
          display: block; }
          main .content .feature--efforts--wrap .box dl dt {
            display: none; }
          main .content .feature--efforts--wrap .box dl dd {
            text-align: center;
            font-size: 3.2vw; }
        main .content .feature--efforts--wrap .box.b01 {
          width: 100%; }
          main .content .feature--efforts--wrap .box.b01 .icon {
            margin: 0 auto;
            width: 12.533vw; }
        main .content .feature--efforts--wrap .box.b02 {
          width: 50%;
          margin-left: 0;
          margin-top: 7.466vw; }
          main .content .feature--efforts--wrap .box.b02 .icon {
            margin: 0 auto;
            width: 11.866vw; }
        main .content .feature--efforts--wrap .box.b03 {
          width: 50%;
          margin-left: 0;
          margin-top: 7.466vw; }
          main .content .feature--efforts--wrap .box.b03 .icon {
            margin: 0 auto;
            width: 11.866vw; }
    main .content .feature--contents {
      margin-top: 12.533vw; }
      main .content .feature--contents--inner {
        width: 91.733vw;
        padding: 10.4vw 4vw; }
        main .content .feature--contents--inner--block--box {
          display: block;
          position: relative; }
          main .content .feature--contents--inner--block--box .image {
            width: 100%;
            position: absolute;
            top: 21.5vw; }
          main .content .feature--contents--inner--block--box .texts {
            width: 100%; }
            main .content .feature--contents--inner--block--box .texts .ttl {
              display: flex;
              justify-content: center; }
              main .content .feature--contents--inner--block--box .texts .ttl .num {
                margin-right: 2.66vw;
                line-height: 0.9;
                font-size: 9.33vw; }
              main .content .feature--contents--inner--block--box .texts .ttl dl {
                display: flex;
                align-items: center; }
                main .content .feature--contents--inner--block--box .texts .ttl dl dt {
                  margin-right: 2.133vw; }
                main .content .feature--contents--inner--block--box .texts .ttl dl dd {
                  font-size: 3.4666vw; }
            main .content .feature--contents--inner--block--box .texts h3 {
              text-align: center;
              margin-top: 2.66vw;
              font-size: 3.733vw; }
            main .content .feature--contents--inner--block--box .texts p {
              margin-top: 53.33vw;
              font-size: 3.46vw; }
        main .content .feature--contents--inner--block--list {
          margin-top: 3.466vw;
          flex-wrap: wrap; }
          main .content .feature--contents--inner--block--list li {
            width: 40.4vw; }
            main .content .feature--contents--inner--block--list li:nth-of-type(n+3) {
              margin-top: 2.933vw; }
        main .content .feature--contents--inner--block--about {
          position: relative;
          margin-top: 4vw;
          display: block;
          padding-right: 0;
          padding-top: 25.866vw; }
          main .content .feature--contents--inner--block--about .about-texts {
            text-align: left;
            margin-right: 0; }
            main .content .feature--contents--inner--block--about .about-texts h4 {
              text-align: center;
              font-size: 3.466vw; }
            main .content .feature--contents--inner--block--about .about-texts p {
              margin-top: 2.266vw;
              line-height: 1.6;
              font-size: 3.33vw; }
              main .content .feature--contents--inner--block--about .about-texts p br {
                display: none; }
          main .content .feature--contents--inner--block--about .about-logo {
            width: 20.933vw;
            position: absolute;
            top: 0;
            left: 50%;
            margin-left: -10.4665vw; }
        main .content .feature--contents--inner--block.b01 .feature--contents--inner--block--box .texts .ttl dl dt {
          width: 8.8vw; }
        main .content .feature--contents--inner--block.b02 {
          margin-top: 14.266vw; }
          main .content .feature--contents--inner--block.b02 .feature--contents--inner--block--box {
            flex-direction: center; }
            main .content .feature--contents--inner--block.b02 .feature--contents--inner--block--box .texts {
              text-align: left; }
              main .content .feature--contents--inner--block.b02 .feature--contents--inner--block--box .texts .ttl {
                justify-content: center; }
                main .content .feature--contents--inner--block.b02 .feature--contents--inner--block--box .texts .ttl dl dt {
                  width: 8.266vw; }
        main .content .feature--contents--inner--block.b03 {
          margin-top: 12.533vw; }
          main .content .feature--contents--inner--block.b03 .feature--contents--inner--block--box .texts .ttl dl dt {
            width: 8.266vw; }
        main .content .feature--contents--inner--block.b02 .feature--contents--inner--block--box .image, main .content .feature--contents--inner--block.b03 .feature--contents--inner--block--box .image {
          top: 26.5vw; }
        main .content .feature--contents--inner--howto {
          margin-top: 7.733vw; }
          main .content .feature--contents--inner--howto .cmn-title .en {
            width: 43.33vw; }
          main .content .feature--contents--inner--howto--mainimg {
            margin: 4.4vw auto 0;
            width: 83.733vw;
            height: 47.2vw; }
  main .content .kind {
    padding: 12.26vw 0 12.8vw; }
    main .content .kind--mainimg--title .icon {
      width: 10.933vw; }
    main .content .kind--mainimg--title h2 {
      margin-top: 1.6vw;
      font-size: 4.533vw; }
    main .content .kind--mainimg--image {
      width: 83.733vw;
      margin: 4.133vw auto 0; }
    main .content .kind--contents {
      margin-top: 12.533vw; }
      main .content .kind--contents--inner {
        width: 91.733vw;
        padding: 10.4vw 4vw; }
        main .content .kind--contents--inner--block--box {
          display: block;
          position: relative; }
          main .content .kind--contents--inner--block--box .image {
            width: 100%;
            position: absolute;
            top: 19vw; }
          main .content .kind--contents--inner--block--box .texts {
            width: 100%; }
            main .content .kind--contents--inner--block--box .texts .ttl {
              display: block;
              text-align: center; }
              main .content .kind--contents--inner--block--box .texts .ttl .num {
                margin-right: 2.66vw;
                line-height: 0.9;
                font-size: 9.33vw; }
              main .content .kind--contents--inner--block--box .texts .ttl h3 {
                margin-top: 2.66vw;
                font-size: 3.733vw; }
            main .content .kind--contents--inner--block--box .texts p {
              margin-top: 67.4vw;
              font-size: 3.46vw; }
            main .content .kind--contents--inner--block--box .texts .texts--flex--images {
              margin-top: 2.33vw; }
        main .content .kind--contents--inner--block:nth-of-type(even) .kind--contents--inner--block--box .texts {
          text-align: left; }
        main .content .kind--contents--inner--block:nth-of-type(n+2) {
          margin-top: 11.86vw; }
  main .content .lineup {
    margin-top: 8.4vw; }
    main .content .lineup--head .cmn-title .en {
      width: 47.73vw; }
    main .content .lineup--head h3 {
      margin-top: 9.6vw;
      font-size: 3.6vw; }
    main .content .lineup--head--products {
      margin: 8.533vw auto 0;
      width: 80.266vw; }
    main .content .lineup--head ul {
      margin-top: 6.4vw; }
      main .content .lineup--head ul li {
        font-size: 3.46vw; }
        main .content .lineup--head ul li:nth-of-type(n+2) {
          margin-top: 3.2vw; }
    main .content .lineup--information {
      margin-top: 7.6vw;
      padding: 8.533vw 0 9.066vw; }
      main .content .lineup--information h3 {
        font-size: 3.6vw; }
      main .content .lineup--information ul {
        margin-top: 7.06vw; }
        main .content .lineup--information ul li {
          width: 35.46vw; }
          main .content .lineup--information ul li a {
            padding: 3.73vw 0;
            font-size: 4vw; }
            main .content .lineup--information ul li a:after {
              right: 5.066vw;
              width: 2.133vw;
              height: 2.133vw; }
            main .content .lineup--information ul li a:hover:after {
              margin-right: -1.33vw; }
          main .content .lineup--information ul li:nth-of-type(1) {
            margin-right: 9.6vw; }
    main .content .lineup--onlinestore {
      margin-top: 17.3vw; }
      main .content .lineup--onlinestore ul li {
        width: 83.733vw; }
        main .content .lineup--onlinestore ul li a {
          padding: 4vw 0;
          font-size: 3.46vw; }
          main .content .lineup--onlinestore ul li a:after {
            right: 5.066vw;
            width: 2.133vw;
            height: 2.133vw; }
          main .content .lineup--onlinestore ul li a:hover:after {
            margin-right: -1.33vw; }
        main .content .lineup--onlinestore ul li:nth-of-type(n+2) {
          margin-top: 8vw; }
    main .content .lineup--banner {
      margin: 16.66vw auto 0;
      width: 83.733vw; }

  .footer {
    margin-top: 16.66vw; } }