@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Zen+Maru+Gothic:wght@700&display=swap");
.product__content .item-list__wear .wear-item h4, .product__content .item-list__goods .goods-item .txt-block h4 {
  line-height: 1.2;
  font-family: YakuHanJP, "Zen Maru Gothic", sans-serif;
  font-weight: 700;
  font-size: 1.8rem;
  color: #516fbc;
}
@media screen and (min-width: 768px) {
  .product__content .item-list__wear .wear-item h4, .product__content .item-list__goods .goods-item .txt-block h4 {
    font-size: 2.1rem;
  }
}

.product__content .item-list__wear .wear-item .txt, .product__content .item-list__goods .goods-item .txt-block .txt {
  line-height: 1.6;
  letter-spacing: 0.2px;
  text-align: justify;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
  .product__content .item-list__wear .wear-item .txt, .product__content .item-list__goods .goods-item .txt-block .txt {
    letter-spacing: 0;
  }
}

#newlife {
  font-family: "Noto Sans JP", sans-serif;
  color: #000000;
}
#newlife a {
  text-decoration: none;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.sp {
  display: block !important;
}
@media screen and (min-width: 768px) {
  .sp {
    display: none !important;
  }
}

.pc {
  display: none !important;
}
@media screen and (min-width: 768px) {
  .pc {
    display: block !important;
  }
}

.page-mv {
  background: #e5e5e5;
  overflow-y: hidden;
}
@media screen and (min-width: 768px) {
  .page-mv {
    background: #ffdae1;
  }
}
.page-mv__container {
  position: relative;
}
@media screen and (min-width: 768px) {
  .page-mv__container {
    max-width: 958px;
    width: 958px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    background: -webkit-gradient(linear, left top, right top, from(rgb(255, 218, 225)), color-stop(10%, rgb(254, 218, 225)), color-stop(25%, rgb(229, 229, 229)), color-stop(75%, rgb(229, 229, 229)), color-stop(90%, rgb(254, 218, 225)), to(rgb(255, 218, 225)));
    background: linear-gradient(90deg, rgb(255, 218, 225), rgb(254, 218, 225) 10%, rgb(229, 229, 229) 25% 50%, rgb(229, 229, 229) 75%, rgb(254, 218, 225) 90%, rgb(255, 218, 225));
  }
}
.page-mv__content {
  padding: 13% 0 164px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .page-mv__content {
    width: 100%;
    max-width: 560px;
    margin: 0 auto 0px;
    padding: 126px 0 190px;
  }
}
.page-mv__content h2 {
  width: 82.1%;
  top: -5.4%;
  left: -8%;
  position: absolute;
  z-index: 1;
  opacity: 0;
  -webkit-animation: fdin 0.4s 0.4s ease-in forwards;
          animation: fdin 0.4s 0.4s ease-in forwards;
}
@media screen and (min-width: 768px) {
  .page-mv__content h2 {
    width: 319px;
    top: -5.6%;
    left: 0;
  }
}
.page-mv__content .pm-img {
  width: 90%;
  max-width: 460px;
  margin: 0 auto 0px;
  position: relative;
  opacity: 0;
  -webkit-animation: fdin 0.4s 0.1s ease-in forwards;
          animation: fdin 0.4s 0.1s ease-in forwards;
}
@media screen and (min-width: 768px) {
  .page-mv__content .pm-img {
    max-width: 400px;
  }
}
.page-mv__content .pm-img .catch {
  width: 76.2%;
  position: absolute;
  right: -2%;
  bottom: -2%;
}
@media screen and (min-width: 768px) {
  .page-mv__content .pm-img .catch {
    width: 275px;
    right: -1%;
    bottom: -8.5%;
  }
}
.page-mv__content .pm-petal {
  width: 100%;
  aspect-ratio: 750/1224;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-animation: fdin 0.4s 0.4s ease-in forwards;
          animation: fdin 0.4s 0.4s ease-in forwards;
}
@media screen and (min-width: 768px) {
  .page-mv__content .pm-petal {
    width: 674px;
    top: 56px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.page-mv .parts {
  opacity: 0;
  -webkit-animation: fdin 0.4s 0.3s ease-in forwards;
          animation: fdin 0.4s 0.3s ease-in forwards;
}

.product {
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .product {
    margin-bottom: 64px;
  }
}
.product__content.formal {
  padding-bottom: 160px;
  background: url(/user-src/special/sp/img/page/newlife/pat-a.jpg) repeat center/33px;
}
@media screen and (min-width: 768px) {
  .product__content.formal {
    padding-bottom: 210px;
    background-size: 40px;
  }
}
.product__content.formal .sec-ttl {
  margin-bottom: 64px;
}
@media screen and (min-width: 768px) {
  .product__content.formal .sec-ttl {
    margin-bottom: 110px;
  }
}
.product__content.commute {
  padding-bottom: 110px;
  background: url(/user-src/special/sp/img/page/newlife/pat-b.jpg) repeat center/16px;
}
@media screen and (min-width: 768px) {
  .product__content.commute {
    padding-bottom: 210px;
    background-size: 13px;
  }
}
.product__content.commute .sec-ttl {
  margin-bottom: 70px;
}
@media screen and (min-width: 768px) {
  .product__content.commute .sec-ttl {
    margin-bottom: 110px;
  }
}
.product__content.goods {
  padding-bottom: 100px;
  background: url(/user-src/special/sp/img/page/newlife/pat-c.jpg) repeat center/33px;
}
@media screen and (min-width: 768px) {
  .product__content.goods {
    padding-bottom: 134px;
    background-size: 40px;
  }
}
.product__content.goods .sec-ttl {
  margin-bottom: 50px;
}
@media screen and (min-width: 768px) {
  .product__content.goods .sec-ttl {
    margin-bottom: 90px;
  }
}
.product__content .sec-ttl {
  background: #ffffff;
}
.product__content .sec-ttl__container {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
@media screen and (min-width: 768px) {
  .product__content .sec-ttl__container {
    max-width: 1000px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    background-size: 1000px;
  }
}
.product__content .sec-ttl__container::before, .product__content .sec-ttl__container::after {
  content: "";
  width: 100%;
  aspect-ratio: 750/56;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media screen and (min-width: 768px) {
  .product__content .sec-ttl__container::before, .product__content .sec-ttl__container::after {
    width: 1000px;
    aspect-ratio: 1000/50;
  }
}
.product__content .sec-ttl__container::before {
  top: -12%;
  left: 0;
}
@media screen and (min-width: 768px) {
  .product__content .sec-ttl__container::before {
    top: -50px;
  }
}
.product__content .sec-ttl__container::after {
  right: 0;
  bottom: -12%;
}
@media screen and (min-width: 768px) {
  .product__content .sec-ttl__container::after {
    bottom: -50px;
  }
}
.product__content .sec-ttl__container__01 {
  background-image: url(/user-src/special/sp/img/page/newlife/sec-ttl01-bg_sp.png);
}
@media screen and (min-width: 768px) {
  .product__content .sec-ttl__container__01 {
    background-image: url(/user-src/special/pc/img/page/newlife/sec-ttl01-bg_pc.png);
  }
}
.product__content .sec-ttl__container__01::before {
  background-image: url(/user-src/special/sp/img/page/newlife/sec-ttl01-stamp-a_sp.png);
}
@media screen and (min-width: 768px) {
  .product__content .sec-ttl__container__01::before {
    background-image: url(/user-src/special/pc/img/page/newlife/sec-ttl01-stamp-a_pc.png);
  }
}
.product__content .sec-ttl__container__01::after {
  background-image: url(/user-src/special/sp/img/page/newlife/sec-ttl01-stamp-b_sp.png);
}
@media screen and (min-width: 768px) {
  .product__content .sec-ttl__container__01::after {
    background-image: url(/user-src/special/pc/img/page/newlife/sec-ttl01-stamp-b_pc.png);
  }
}
.product__content .sec-ttl__container__02 {
  background-image: url(/user-src/special/sp/img/page/newlife/sec-ttl02-bg_sp.png);
}
@media screen and (min-width: 768px) {
  .product__content .sec-ttl__container__02 {
    background-image: url(/user-src/special/pc/img/page/newlife/sec-ttl02-bg_pc.png);
  }
}
.product__content .sec-ttl__container__02::before {
  background-image: url(/user-src/special/sp/img/page/newlife/sec-ttl02-stamp-a_sp.png);
}
@media screen and (min-width: 768px) {
  .product__content .sec-ttl__container__02::before {
    background-image: url(/user-src/special/pc/img/page/newlife/sec-ttl02-stamp-a_pc.png);
  }
}
.product__content .sec-ttl__container__02::after {
  background-image: url(/user-src/special/sp/img/page/newlife/sec-ttl02-stamp-b_sp.png);
}
@media screen and (min-width: 768px) {
  .product__content .sec-ttl__container__02::after {
    background-image: url(/user-src/special/pc/img/page/newlife/sec-ttl02-stamp-b_pc.png);
  }
}
.product__content .sec-ttl__container__03 {
  background-image: url(/user-src/special/sp/img/page/newlife/sec-ttl03-bg_sp.png);
}
@media screen and (min-width: 768px) {
  .product__content .sec-ttl__container__03 {
    background-image: url(/user-src/special/pc/img/page/newlife/sec-ttl03-bg_pc.png);
  }
}
.product__content .sec-ttl__container__03::before {
  top: -25%;
  background-image: url(/user-src/special/sp/img/page/newlife/sec-ttl03-stamp-a_sp.png);
}
@media screen and (min-width: 768px) {
  .product__content .sec-ttl__container__03::before {
    top: -50px;
    background-image: url(/user-src/special/pc/img/page/newlife/sec-ttl03-stamp-a_pc.png);
  }
}
.product__content .sec-ttl__container__03::after {
  bottom: -25%;
  background-image: url(/user-src/special/sp/img/page/newlife/sec-ttl03-stamp-b_sp.png);
}
@media screen and (min-width: 768px) {
  .product__content .sec-ttl__container__03::after {
    bottom: -50px;
    background-image: url(/user-src/special/pc/img/page/newlife/sec-ttl03-stamp-b_pc.png);
  }
}
.product__content .sec-ttl__content {
  position: relative;
}
@media screen and (min-width: 768px) {
  .product__content .sec-ttl__content {
    width: 100%;
    max-width: 450px;
    margin: 0 auto 0px;
  }
}
.product__content .sec-ttl__content h3 {
  position: absolute;
  z-index: 1;
}
.product__content .sec-ttl__content .st-cut {
  position: absolute;
  z-index: 1;
}
.product__content .sec-ttl__content .st-petal {
  width: 100%;
  position: absolute;
  left: 0;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .product__content .sec-ttl__content .st-petal {
    width: 460px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.product__content .sec-ttl__content .catch {
  position: absolute;
}
.product__content .sec-ttl__content__01 h3 {
  width: 81.3%;
  top: -43.5%;
  right: -14%;
}
@media screen and (min-width: 768px) {
  .product__content .sec-ttl__content__01 h3 {
    width: 367px;
    right: -14.2%;
  }
}
.product__content .sec-ttl__content__01 .st-cut {
  width: 38.5%;
  right: 0;
  bottom: -3.8%;
}
@media screen and (min-width: 768px) {
  .product__content .sec-ttl__content__01 .st-cut {
    width: 183px;
    right: 0;
    bottom: 0;
  }
}
.product__content .sec-ttl__content__01 .st-petal {
  top: -4%;
}
@media screen and (min-width: 768px) {
  .product__content .sec-ttl__content__01 .st-petal {
    top: -15%;
  }
}
.product__content .sec-ttl__content__01 .catch {
  width: 28%;
  right: 18%;
  bottom: 2%;
}
@media screen and (min-width: 768px) {
  .product__content .sec-ttl__content__01 .catch {
    width: 124px;
    right: 21%;
  }
}
.product__content .sec-ttl__content__02 h3 {
  width: 85.2%;
  top: -43%;
  left: -10%;
}
@media screen and (min-width: 768px) {
  .product__content .sec-ttl__content__02 h3 {
    width: 380px;
    top: -36.5%;
    left: -12.5%;
  }
}
.product__content .sec-ttl__content__02 .st-cut {
  width: 38.5%;
  left: 2%;
  bottom: -6.5%;
}
@media screen and (min-width: 768px) {
  .product__content .sec-ttl__content__02 .st-cut {
    width: 183px;
    left: 0;
    bottom: -3%;
  }
}
.product__content .sec-ttl__content__02 .st-petal {
  top: -10%;
}
@media screen and (min-width: 768px) {
  .product__content .sec-ttl__content__02 .st-petal {
    top: -7%;
  }
}
.product__content .sec-ttl__content__02 .catch {
  width: 35.7%;
  left: 19.5%;
  bottom: 1%;
}
@media screen and (min-width: 768px) {
  .product__content .sec-ttl__content__02 .catch {
    width: 162px;
    left: 19%;
  }
}
.product__content .sec-ttl__content__03 h3 {
  width: 82.6%;
  top: -41%;
  right: -10%;
}
@media screen and (min-width: 768px) {
  .product__content .sec-ttl__content__03 h3 {
    width: 376px;
    top: -41.8%;
    right: -8.8%;
  }
}
.product__content .sec-ttl__content__03 .st-img {
  width: 100%;
  aspect-ratio: 750/226;
}
@media screen and (min-width: 768px) {
  .product__content .sec-ttl__content__03 .st-img {
    aspect-ratio: 460/150;
  }
}
.product__content .sec-ttl__content__03 .st-petal {
  top: -8%;
}
.product__content .sec-ttl__content__03 .catch {
  width: 37%;
  left: 3.2%;
  bottom: 4%;
}
@media screen and (min-width: 768px) {
  .product__content .sec-ttl__content__03 .catch {
    width: 168px;
    left: 1%;
    bottom: 3%;
  }
}
.product__content .item-list {
  position: relative;
}
.product__content .item-list__wear {
  width: 88%;
  max-width: 460px;
  margin: 0 auto 60px;
}
@media screen and (min-width: 768px) {
  .product__content .item-list__wear {
    max-width: 400px;
    margin-bottom: 90px;
  }
}
.product__content .item-list__wear .wear-item {
  width: 100%;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.product__content .item-list__wear .wear-item:not(:last-child) {
  margin-bottom: 64px;
}
@media screen and (min-width: 768px) {
  .product__content .item-list__wear .wear-item:not(:last-child) {
    margin-bottom: 74px;
  }
}
.product__content .item-list__wear .wear-item h4 {
  position: absolute;
  right: 0;
  top: -6px;
  left: 0;
  margin: auto;
  letter-spacing: -0.5px;
  text-align: center;
}
.product__content .item-list__wear .wear-item h4 span {
  position: relative;
  z-index: 1;
}
.product__content .item-list__wear .wear-item h4::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.product__content .item-list__wear .wear-item .txt {
  font-size: 1.2rem;
}
@media screen and (min-width: 768px) {
  .product__content .item-list__wear .wear-item .txt {
    font-size: 1.4rem;
  }
}
.product__content .item-list__wear .wear-item.cl-1 {
  padding: 13% 7% 7%;
}
@media screen and (min-width: 768px) {
  .product__content .item-list__wear .wear-item.cl-1 {
    padding: 48px 23px 34px;
  }
}
.product__content .item-list__wear .wear-item.cl-1 .item-img {
  width: 104%;
  margin-bottom: 4.8%;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.product__content .item-list__wear .wear-item.cl-2 .txt-block {
  width: 61%;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
@media screen and (min-width: 768px) {
  .product__content .item-list__wear .wear-item.cl-2 .txt-block {
    width: 59%;
  }
}
.product__content .item-list__wear .wear-item.cl-2 .img-block {
  position: absolute;
  width: 41%;
  right: 0;
}
.product__content .item-list__wear .wear-item.cl-2:nth-of-type(odd) .txt-block {
  margin-left: auto;
}
.product__content .item-list__wear .wear-item.cl-2:nth-of-type(odd) .img-block {
  right: auto;
  left: 0;
}
.product__content .item-list__wear .wear-item.formal-1 {
  background-image: url(/user-src/special/sp/img/page/newlife/formal-bg-a_sp.png);
}
@media screen and (min-width: 768px) {
  .product__content .item-list__wear .wear-item.formal-1 {
    background-image: url(/user-src/special/pc/img/page/newlife/formal-bg-a_pc.png);
  }
}
.product__content .item-list__wear .wear-item.formal-1 h4::before {
  width: 192px;
  aspect-ratio: 385/98;
  background-image: url(/user-src/special/sp/img/page/newlife/noto-a.png);
}
@media screen and (min-width: 768px) {
  .product__content .item-list__wear .wear-item.formal-1 h4::before {
    width: 231px;
  }
}
.product__content .item-list__wear .wear-item.formal-2 .txt-block, .product__content .item-list__wear .wear-item.formal-3 .txt-block {
  padding: 11% 6% 7%;
}
@media screen and (min-width: 768px) {
  .product__content .item-list__wear .wear-item.formal-2 .txt-block, .product__content .item-list__wear .wear-item.formal-3 .txt-block {
    padding: 48px 23px 34px;
  }
}
.product__content .item-list__wear .wear-item.formal-2 .txt-block h4, .product__content .item-list__wear .wear-item.formal-3 .txt-block h4 {
  font-size: 1.5rem;
}
@media screen and (min-width: 768px) {
  .product__content .item-list__wear .wear-item.formal-2 .txt-block h4, .product__content .item-list__wear .wear-item.formal-3 .txt-block h4 {
    font-size: 1.8rem;
  }
}
.product__content .item-list__wear .wear-item.formal-2 .txt-block {
  background-image: url(/user-src/special/sp/img/page/newlife/formal-bg-b_sp.png);
}
@media screen and (min-width: 768px) {
  .product__content .item-list__wear .wear-item.formal-2 .txt-block {
    background-image: url(/user-src/special/pc/img/page/newlife/formal-bg-b_pc.png);
  }
}
.product__content .item-list__wear .wear-item.formal-2 .txt-block h4::before {
  width: 158px;
  aspect-ratio: 317/96;
  background-image: url(/user-src/special/sp/img/page/newlife/noto-b.png);
}
@media screen and (min-width: 768px) {
  .product__content .item-list__wear .wear-item.formal-2 .txt-block h4::before {
    width: 190px;
  }
}
.product__content .item-list__wear .wear-item.formal-2 .img-block {
  top: -10%;
}
.product__content .item-list__wear .wear-item.formal-3 .txt-block {
  background-image: url(/user-src/special/sp/img/page/newlife/formal-bg-c_sp.png);
}
@media screen and (min-width: 768px) {
  .product__content .item-list__wear .wear-item.formal-3 .txt-block {
    background-image: url(/user-src/special/pc/img/page/newlife/formal-bg-c_pc.png);
  }
}
.product__content .item-list__wear .wear-item.formal-3 .txt-block h4::before {
  width: 150px;
  aspect-ratio: 300/96;
  background-image: url(/user-src/special/sp/img/page/newlife/noto-c.png);
}
@media screen and (min-width: 768px) {
  .product__content .item-list__wear .wear-item.formal-3 .txt-block h4::before {
    width: 180px;
  }
}
.product__content .item-list__wear .wear-item.formal-3 .img-block {
  top: -5%;
}
@media screen and (min-width: 768px) {
  .product__content .item-list__wear .wear-item.formal-3 .img-block {
    top: -11%;
  }
}
.product__content .item-list__wear .wear-item.commute-1 {
  background-image: url(/user-src/special/sp/img/page/newlife/commute-bg-a_sp.png);
}
@media screen and (min-width: 768px) {
  .product__content .item-list__wear .wear-item.commute-1 {
    background-image: url(/user-src/special/pc/img/page/newlife/commute-bg-a_pc.png);
  }
}
.product__content .item-list__wear .wear-item.commute-1 h4::before {
  width: 192px;
  aspect-ratio: 385/98;
  background-image: url(/user-src/special/sp/img/page/newlife/noto-d.png);
}
@media screen and (min-width: 768px) {
  .product__content .item-list__wear .wear-item.commute-1 h4::before {
    width: 232px;
  }
}
.product__content .item-list__wear .wear-item.commute-2 .txt-block, .product__content .item-list__wear .wear-item.commute-3 .txt-block {
  padding: 11% 6% 7%;
  background-image: url(/user-src/special/sp/img/page/newlife/commute-bg-b_sp.png);
}
@media screen and (min-width: 768px) {
  .product__content .item-list__wear .wear-item.commute-2 .txt-block, .product__content .item-list__wear .wear-item.commute-3 .txt-block {
    padding: 48px 23px 34px;
    background-image: url(/user-src/special/pc/img/page/newlife/commute-bg-b_pc.png);
  }
}
.product__content .item-list__wear .wear-item.commute-2 .txt-block h4::before {
  width: 158px;
  aspect-ratio: 300/96;
  background-image: url(/user-src/special/sp/img/page/newlife/noto-e.png);
}
@media screen and (min-width: 768px) {
  .product__content .item-list__wear .wear-item.commute-2 .txt-block h4::before {
    width: 180px;
  }
}
.product__content .item-list__wear .wear-item.commute-2 .img-block {
  bottom: -20%;
}
@media screen and (min-width: 768px) {
  .product__content .item-list__wear .wear-item.commute-2 .img-block {
    bottom: -1%;
  }
}
.product__content .item-list__wear .wear-item.commute-3 .txt-block h4::before {
  width: 158px;
  aspect-ratio: 297/96;
  background-image: url(/user-src/special/sp/img/page/newlife/noto-f.png);
}
@media screen and (min-width: 768px) {
  .product__content .item-list__wear .wear-item.commute-3 .txt-block h4::before {
    width: 178px;
  }
}
.product__content .item-list__wear .wear-item.commute-3 .img-block {
  bottom: -20%;
  left: -0.5%;
}
@media screen and (min-width: 768px) {
  .product__content .item-list__wear .wear-item.commute-3 .img-block {
    bottom: 5%;
  }
}
.product__content .item-list__goods {
  margin-bottom: 50px;
}
@media screen and (min-width: 768px) {
  .product__content .item-list__goods {
    width: 88%;
    max-width: 460px;
    margin: 0 auto 90px;
  }
}
.product__content .item-list__goods .goods-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  width: 94%;
  padding: 5.2%;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
@media screen and (min-width: 768px) {
  .product__content .item-list__goods .goods-item {
    width: 427px;
    padding: 24px;
  }
}
.product__content .item-list__goods .goods-item:not(:last-child) {
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .product__content .item-list__goods .goods-item:not(:last-child) {
    margin-bottom: 36px;
  }
}
.product__content .item-list__goods .goods-item .txt-block {
  width: 44%;
}
@media screen and (min-width: 768px) {
  .product__content .item-list__goods .goods-item .txt-block {
    width: 44.6%;
  }
}
.product__content .item-list__goods .goods-item .txt-block h4 {
  margin-bottom: 8px;
}
.product__content .item-list__goods .goods-item .txt-block h4 span {
  display: block;
  padding-bottom: 10px;
  background: url(/user-src/special/sp/img/page/newlife/maker_sp.png) no-repeat left bottom/100%;
}
@media screen and (min-width: 768px) {
  .product__content .item-list__goods .goods-item .txt-block h4 span {
    background-image: url(/user-src/special/pc/img/page/newlife/maker_pc.png);
  }
}
.product__content .item-list__goods .goods-item .txt-block .txt {
  font-size: 1.1rem;
}
@media screen and (min-width: 768px) {
  .product__content .item-list__goods .goods-item .txt-block .txt {
    font-size: 1.4rem;
  }
}
.product__content .item-list__goods .goods-item .img-block {
  width: 50%;
}
@media screen and (min-width: 768px) {
  .product__content .item-list__goods .goods-item .img-block {
    width: 48.15%;
  }
}
.product__content .item-list__goods .goods-item:nth-of-type(odd) {
  margin-left: auto;
  background-image: url(/user-src/special/sp/img/page/newlife/goods-bg-a_sp.png);
}
@media screen and (min-width: 768px) {
  .product__content .item-list__goods .goods-item:nth-of-type(odd) {
    background-image: url(/user-src/special/pc/img/page/newlife/goods-bg-a_pc.png);
  }
}
.product__content .item-list__goods .goods-item:nth-of-type(2n) {
  background-image: url(/user-src/special/sp/img/page/newlife/goods-bg-b_sp.png);
}
@media screen and (min-width: 768px) {
  .product__content .item-list__goods .goods-item:nth-of-type(2n) {
    background-image: url(/user-src/special/pc/img/page/newlife/goods-bg-b_pc.png);
  }
}
.product__content .item-list__goods .goods-item:nth-of-type(2n) .txt-block {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.product__content .item-list__goods .goods-item:nth-of-type(2n) .img-block {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.product__content .item-list__goods .goods-item.goods-1 {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 768px) {
  .product__content .item-list__goods .goods-item.goods-1 {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
.product__content .item-list__goods .goods-item.goods-3 h4 {
  letter-spacing: -1.5px;
}
.product__content .item-list__goods .goods-item.goods-4 h4 {
  letter-spacing: -0.5px;
}
.product__content .item-list__goods .goods-item.goods-7 {
  background-image: url(/user-src/special/sp/img/page/newlife/goods-bg-c_sp.png);
}
@media screen and (min-width: 768px) {
  .product__content .item-list__goods .goods-item.goods-7 {
    background-image: url(/user-src/special/pc/img/page/newlife/goods-bg-c_pc.png);
  }
}
@media screen and (min-width: 768px) {
  .product__content .item-list__goods .goods-item.goods-7 .txt-block .txt {
    letter-spacing: -0.25px;
  }
}
.product__content .item-list__goods .goods-item.goods-7 .rain-bnr {
  margin-top: 18px;
}
@media screen and (min-width: 768px) {
  .product__content .item-list__goods .goods-item.goods-7 .rain-bnr {
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px) {
  .product__content .item-list__goods .goods-item.goods-7 .rain-bnr a:hover {
    opacity: 0.8;
  }
}
.product__content .contents-link {
  width: 88%;
  max-width: 300px;
  margin: 0 auto 0px;
}
@media screen and (min-width: 768px) {
  .product__content .contents-link {
    max-width: 330px;
  }
}
.product__content .contents-link a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 12px 0;
  border-radius: 40px;
  border: 4px solid #ffffff;
  position: relative;
}
@media screen and (min-width: 768px) {
  .product__content .contents-link a {
    border-radius: 45px;
    border-width: 5px;
  }
}
.product__content .contents-link a p {
  line-height: 1.4;
  text-align: center;
  font-family: YakuHanJP, "Zen Maru Gothic", sans-serif;
  font-weight: 700;
  font-size: 1.6rem;
  color: #516fbc;
}
@media screen and (min-width: 768px) {
  .product__content .contents-link a p {
    font-size: 1.92rem;
  }
}
.product__content .contents-link a .arrow {
  display: block;
  width: 9px;
  position: absolute;
  top: 50%;
  right: 26px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  line-height: 0;
}
@media screen and (min-width: 768px) {
  .product__content .contents-link a .arrow {
    width: 11px;
    right: 30px;
  }
}
@media screen and (min-width: 768px) {
  .product__content .contents-link a:hover {
    opacity: 0.8;
  }
}
.product__content .contents-link__01 a {
  background: -webkit-gradient(linear, left top, right top, from(rgb(255, 224, 151)), color-stop(60%, rgb(255, 211, 107)));
  background: linear-gradient(90deg, rgb(255, 224, 151), rgb(255, 211, 107) 60%);
}
.product__content .contents-link__02 a {
  background: -webkit-gradient(linear, left top, right top, from(rgb(207, 240, 238)), color-stop(60%, rgb(170, 229, 225)));
  background: linear-gradient(90deg, rgb(207, 240, 238), rgb(170, 229, 225) 60%);
}
.product__content .contents-link__03 a {
  background: -webkit-gradient(linear, left top, right top, from(rgb(255, 233, 233)), color-stop(60%, rgb(255, 204, 204)));
  background: linear-gradient(90deg, rgb(255, 233, 233), rgb(255, 204, 204) 60%);
}

.parts {
  display: block;
  position: absolute;
  line-height: 1;
  /*commute*/
  /* goods*/
}
.parts__pm01 {
  width: 16.7%;
  top: 9.1%;
  right: 0;
}
@media screen and (min-width: 768px) {
  .parts__pm01 {
    width: 312px;
    top: 18%;
    right: 3%;
  }
}
.parts__pm02 {
  width: 26.2%;
  top: 58%;
  left: 0;
}
@media screen and (min-width: 768px) {
  .parts__pm02 {
    width: 323px;
    top: 47%;
  }
}
.parts__link01 {
  width: 7.6%;
  top: -11%;
  left: 10%;
}
@media screen and (min-width: 768px) {
  .parts__link01 {
    width: 26px;
  }
}
.parts__link02 {
  width: 7.9%;
  top: 10%;
  right: 13%;
}
@media screen and (min-width: 768px) {
  .parts__link02 {
    width: 27px;
    top: 6%;
  }
}
.parts__link03 {
  width: 6.5%;
  left: 26%;
  bottom: -5%;
}
@media screen and (min-width: 768px) {
  .parts__link03 {
    width: 22px;
    bottom: -9%;
  }
}
.parts__01 {
  width: 7%;
  top: -4.6%;
  left: 9%;
}
@media screen and (min-width: 768px) {
  .parts__01 {
    width: 29px;
    top: -6%;
    left: 18%;
  }
}
.parts__02 {
  width: 5.6%;
  top: 11%;
  right: -3.5%;
}
@media screen and (min-width: 768px) {
  .parts__02 {
    width: 23px;
    top: 10.5%;
    right: -1.5%;
  }
}
.parts__03 {
  width: 6.5%;
  top: 25%;
  left: -2.4%;
}
@media screen and (min-width: 768px) {
  .parts__03 {
    width: 26px;
    left: -5%;
  }
}
.parts__04 {
  width: 5.9%;
  top: 42.5%;
  left: 28%;
}
@media screen and (min-width: 768px) {
  .parts__04 {
    width: 23px;
    top: 43%;
    left: 26%;
  }
}
.parts__05 {
  width: 5.6%;
  top: 44.5%;
  right: 14%;
}
@media screen and (min-width: 768px) {
  .parts__05 {
    width: 23px;
    top: 45.5%;
  }
}
.parts__06 {
  width: 5.3%;
  left: -1%;
  bottom: 26.8%;
}
@media screen and (min-width: 768px) {
  .parts__06 {
    width: 21px;
    bottom: 26%;
  }
}
.parts__07 {
  width: 6.7%;
  left: 36%;
  bottom: 24%;
}
@media screen and (min-width: 768px) {
  .parts__07 {
    width: 28px;
    left: 35%;
    bottom: 22.5%;
  }
}
.parts__08 {
  width: 6.7%;
  right: 1%;
  bottom: 30%;
}
@media screen and (min-width: 768px) {
  .parts__08 {
    width: 28px;
    bottom: 30.5%;
  }
}
.parts__09 {
  width: 5.3%;
  right: 35%;
  bottom: -6%;
}
@media screen and (min-width: 768px) {
  .parts__09 {
    width: 22px;
    right: 39%;
    bottom: -6.5%;
  }
}
.parts__10 {
  width: 6.5%;
  top: -6.5%;
  right: 45%;
}
@media screen and (min-width: 768px) {
  .parts__10 {
    width: 26px;
    top: -7%;
    right: auto;
    left: 23%;
  }
}
.parts__11 {
  width: 5.3%;
  top: 24%;
  right: -2%;
}
@media screen and (min-width: 768px) {
  .parts__11 {
    width: 21px;
    top: 24%;
    right: -2.6%;
  }
}
.parts__12 {
  width: 6.7%;
  top: 40%;
  left: 19%;
}
@media screen and (min-width: 768px) {
  .parts__12 {
    width: 27px;
    top: 41%;
    left: 15%;
  }
}
.parts__13 {
  width: 6.7%;
  bottom: 46%;
  right: -2%;
}
@media screen and (min-width: 768px) {
  .parts__13 {
    width: 27px;
    bottom: 45%;
    right: 0;
  }
}
.parts__14 {
  width: 6.5%;
  bottom: 28%;
  right: 39%;
}
@media screen and (min-width: 768px) {
  .parts__14 {
    width: 26px;
    bottom: 29.7%;
    right: 32%;
  }
}
.parts__15 {
  width: 6.7%;
  left: 0;
  bottom: 22%;
}
@media screen and (min-width: 768px) {
  .parts__15 {
    width: 28px;
    left: 17%;
    bottom: 25.5%;
  }
}
.parts__16 {
  width: 7.3%;
  right: 40%;
  bottom: -3%;
}
@media screen and (min-width: 768px) {
  .parts__16 {
    width: 30px;
    right: 40%;
    bottom: -4.2%;
  }
}
.parts__17 {
  width: 6.5%;
  top: -1.2%;
  right: 40%;
}
@media screen and (min-width: 768px) {
  .parts__17 {
    width: 30px;
    top: -3.5%;
    right: 38%;
  }
}
.parts__18 {
  width: 5.9%;
  top: 11.5%;
  left: 26%;
}
@media screen and (min-width: 768px) {
  .parts__18 {
    width: 27px;
    left: 22%;
  }
}
.parts__19 {
  width: 5.9%;
  top: 12.4%;
  right: 16%;
}
@media screen and (min-width: 768px) {
  .parts__19 {
    width: 28px;
    top: 12.3%;
    right: 18%;
  }
}
.parts__20 {
  width: 5.9%;
  top: 25.4%;
  right: 39%;
}
@media screen and (min-width: 768px) {
  .parts__20 {
    width: 28px;
    top: 25.3%;
    right: 42%;
  }
}
.parts__21 {
  width: 5.9%;
  top: 27%;
  left: 8%;
}
@media screen and (min-width: 768px) {
  .parts__21 {
    width: 28px;
    top: 27%;
    left: 7%;
  }
}
.parts__22 {
  width: 5.9%;
  top: 39%;
  left: 35%;
}
@media screen and (min-width: 768px) {
  .parts__22 {
    width: 27px;
  }
}
.parts__23 {
  width: 4.9%;
  top: 39.8%;
  right: 17%;
}
@media screen and (min-width: 768px) {
  .parts__23 {
    width: 22px;
    top: 39.7%;
    right: 18%;
  }
}
.parts__24 {
  width: 6.2%;
  right: 28%;
  bottom: 46.2%;
}
@media screen and (min-width: 768px) {
  .parts__24 {
    width: 28px;
    right: 32%;
  }
}
.parts__25 {
  width: 5.9%;
  left: 25%;
  bottom: 44.5%;
}
@media screen and (min-width: 768px) {
  .parts__25 {
    width: 27px;
    left: 22%;
    bottom: 44.4%;
  }
}
.parts__26 {
  width: 5.9%;
  left: 13%;
  bottom: 31.5%;
}
@media screen and (min-width: 768px) {
  .parts__26 {
    width: 28px;
    left: 12%;
    bottom: 31.4%;
  }
}
.parts__27 {
  width: 4.9%;
  right: 44%;
  bottom: 30.6%;
}
@media screen and (min-width: 768px) {
  .parts__27 {
    width: 25px;
    right: 44.5%;
    bottom: 30.5%;
  }
}
.parts__28 {
  width: 4.1%;
  right: 13%;
  bottom: 32%;
}
@media screen and (min-width: 768px) {
  .parts__28 {
    width: 20px;
    right: 13.5%;
  }
}
.parts__29 {
  width: 4.9%;
  right: 28%;
  bottom: 18.5%;
}
@media screen and (min-width: 768px) {
  .parts__29 {
    width: 22px;
    right: 29%;
  }
}
.parts__30 {
  width: 5.9%;
  left: 25%;
  bottom: 17%;
}
@media screen and (min-width: 768px) {
  .parts__30 {
    width: 27px;
  }
}
.parts__31 {
  width: 5.9%;
  left: 48%;
  bottom: -1.8%;
}
@media screen and (min-width: 768px) {
  .parts__31 {
    width: 28px;
    left: 39%;
    bottom: -2.2%;
  }
}
.parts__32 {
  width: 6.2%;
  right: 33%;
  bottom: -11%;
}
@media screen and (min-width: 768px) {
  .parts__32 {
    width: 28px;
    right: 36%;
    bottom: -13%;
  }
}

.fdin {
  opacity: 0;
  -webkit-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}
.fdin.scroll {
  opacity: 1;
}

@-webkit-keyframes fdin {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fdin {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.bnr-list {
  width: 92%;
  max-width: 548px;
  margin: 0 auto 30px;
}
@media screen and (min-width: 768px) {
  .bnr-list {
    max-width: 408px;
    margin-bottom: 64px;
  }
}
.bnr-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.bnr-list ul li {
  width: 47%;
}
@media screen and (min-width: 768px) {
  .bnr-list ul li a:hover {
    opacity: 0.8;
  }
}

.onlinestore {
  width: 92%;
  max-width: 548px;
  margin: 0 auto 50px;
}
@media screen and (min-width: 768px) {
  .onlinestore {
    margin-bottom: 100px;
  }
}
@media screen and (min-width: 768px) {
  .onlinestore a:hover {
    opacity: 0.8;
  }
}

/*-- ファイル読み込み --*/