@import url("https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap");

:root {
	--vh: 0!important;
	--rem: 10px!important
}
@media screen and (max-width:1280px){
    :root{
        --rem:calc(10vw/1280*100)!important
    }
}
@media screen and (max-width:767px) {
	:root {
		--rem: calc(10vw/750*100)!important
	}
}

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

#main {
    color: #1a312d;
    font-feature-settings: "palt";
}
body img {
    height: auto;
}
#wrapper {
    min-width: inherit!important;
}

#main .section {

}
#main .section .section__inner{
	padding: 0 calc(10*var(--rem));
    margin-left:auto;
    margin-right:auto
}
@media screen and (min-width:768px) {
    #main .section .section__inner{
        max-width:calc(130*var(--rem));
    }
}
@media screen and (max-width:767px){
    #main .section .section__inner{
        padding-right:calc(5*var(--rem));
        padding-left:calc(5*var(--rem));
        box-sizing:border-box
    }
}
#wrapper #main [data-anim] {
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}
#wrapper #main [data-anim=top] {
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
  opacity: 0;
}
.section.special {
    margin-top: 0;
}

/* overlay at start */
.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-bg.mfp-removing {
  opacity: 0;
}
/* content at start */
.mfp-wrap .mfp-content,
.mfp-wrap .mfp-arrow {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-wrap.mfp-ready .mfp-content,
.mfp-wrap.mfp-ready .mfp-arrow {
  opacity: 1;
}
/* content animate out */
.mfp-wrap.mfp-removing .mfp-content,
.mfp-wrap.mfp-removing .mfp-arrow {
  opacity: 0;
}
.mfp-arrow {
    width: 70px;
    height: 90px;
}
.mfp-arrow:before,
.mfp-arrow:after {
    border-width: 0px;
}
.mfp-container .mfp-arrow {
    background-size: contain;
}
.mfp-container .mfp-arrow.mfp-arrow-left {
    background-image: url(../img/ic-mfp-arrow-left.png);
}
.mfp-container .mfp-arrow.mfp-arrow-right {
    background-image: url(../img/ic-mfp-arrow-right.png);
}

/*========================================
  KV
========================================*/

.kv {
    position: relative;
}
.kv.kv--mall {
    margin-top: calc(7*var(--rem));
}
@media screen and (max-width: 750px) {
    .kv.kv--mall {
        margin-top: calc(12.2*var(--rem));
    }
}
.kv .kv__img img {
    width: 100%;
}

/*========================================
  アンカーリスト
========================================*/
.anchor_list {
    position: relative;
    z-index: 2;
    margin-top: calc(-16 * var(--rem));
    padding-top: calc(25 * var(--rem));
    padding-bottom: calc(29 * var(--rem));
    background-image: url(../img/bg-anchorlist_pc.png);
    background-size: cover;
    background-position: top center;
    overflow: hidden;
}
@media screen and (max-width: 767px) {
    .anchor_list {
        margin-top: calc(-13.2 * var(--rem));
        padding-top: calc(53 * var(--rem));
        padding-bottom: calc(22 * var(--rem));
        background-image: url(../img/bg-anchorlist_sp.png);
    }
}
.anchor_list .newlifecp-h2 {
    padding-top: calc(5 * var(--rem));
}
@media screen and (max-width: 767px) {
    .anchor_list .newlifecp-h2 {
        padding-top: calc(4 * var(--rem));
    }
}
.anchor_list .anchor_list__lists {
    display: flex;
    flex-wrap: wrap;
    gap: calc(6 * var(--rem)) calc(5 * var(--rem));
    justify-content: center;
    width: calc(88*var(--rem));
    margin-top: calc(8*var(--rem));
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width: 767px) {
    .anchor_list .anchor_list__lists {
        gap: calc(6.6 * var(--rem));
        justify-content: start;
        width: auto;
        margin-top: calc(10*var(--rem));
    }
}
@media screen and (min-width: 768px) {
    .anchor_list .anchor_list__lists.anchor_list__lists--mall {
        width: calc(70*var(--rem));
    }
}
.anchor_list .anchor_list__lists__item {
    width: calc(18*var(--rem));
}
@media screen and (max-width: 767px) {
    .anchor_list .anchor_list__lists__item {
        width: calc(29.2*var(--rem));
    }
}
.anchor_list .anchor_list__lists__item__anchor {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: stretch;
    position: relative;
    width: calc(18*var(--rem));
    height: calc(19*var(--rem));
    padding-bottom: calc(2*var(--rem));
    border: 1px solid #0076c1;
    color: #0076c1;
    font-weight: 600;
    background-color: #ffffff;
    transition: opacity .5s;
}
@media screen and (max-width: 767px) {
    .anchor_list .anchor_list__lists__item__anchor {
        width: 100%;
        height: calc(31*var(--rem));
        padding-bottom: calc(3*var(--rem));
    }
}
.anchor_list .anchor_list__lists__item__anchor:hover {
    opacity: .7;
}
.anchor_list .anchor_list__lists__item__anchor:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: calc(2 * var(--rem));
    background: #0076c1;
}
@media screen and (max-width: 767px) {
    .anchor_list .anchor_list__lists__item__anchor:before {
        height: calc(3 * var(--rem));
    }
}
.anchor_list .anchor_list__lists__item__anchor:after {
    content: '';
    width: calc(0.6*var(--rem));
    height: calc(0.6*var(--rem));
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    position: absolute;
    left: calc(50% - 0.3*var(--rem));
    bottom: calc(0.8*var(--rem));
    transform: rotate(135deg);
}
@media screen and (max-width: 767px) {
    .anchor_list .anchor_list__lists__item__anchor:after {
        width: calc(1*var(--rem));
        height: calc(1*var(--rem));
        left: calc(50% - 0.3*var(--rem));
        bottom: calc(1.2*var(--rem));
    }
}
.anchor_list .anchor_list__lists__item__badge {
    position: absolute;
    top: calc(-4*var(--rem));
    right: calc(-4*var(--rem));
    width: calc(8*var(--rem));
}
@media screen and (max-width: 767px) {
    .anchor_list .anchor_list__lists__item__badge {
        top: calc(-4*var(--rem));
        right: calc(-3*var(--rem));
        width: calc(12*var(--rem));
    }
}
.anchor_list .anchor_list__lists__item__img {
    width: auto;
    height: calc(12.5*var(--rem));
}
@media screen and (max-width: 767px) {
    .anchor_list .anchor_list__lists__item__img {
        width: auto;
        height: calc(20*var(--rem));
    }
}
.anchor_list .anchor_list__lists__item__name {
    text-align: center;
    font-size: calc(1.4*var(--rem));
    line-height: calc(18 /15);
}
@media screen and (max-width: 767px) {
    .anchor_list .anchor_list__lists__item__name {
        font-size: calc(2.2*var(--rem));
    }
}
@media screen and (max-width: 767px) {
    .anchor_list .anchor_list__lists__item__name sup {
        font-size: calc(1.4*var(--rem));
    }
}
.anchor_list .anchor_list__att {
    margin-top: calc(2*var(--rem));
    text-align: center;
    font-size: calc(1.4 * var(--rem));
    line-height: calc(18 / 15);
}
@media screen and (max-width: 767px) {
    .anchor_list .anchor_list__att {
        margin-top: calc(3*var(--rem));
        font-size: calc(1.8 * var(--rem));
    }
}

/*========================================
  PICK UP
========================================*/
.pickup {
    overflow: hidden;
    padding: calc(4 * var(--rem)) 0 calc(12 * var(--rem)) 0;
}
@media screen and (max-width: 767px) {
    .pickup {
        padding: calc(14 * var(--rem)) 0 calc(8 * var(--rem)) 0;
    }
}
.newlifecp-h2 {
    text-align: center;
    color: #f24d5f;
}
.newlifecp-h2:not(:first-child) {
    margin-top: calc(9*var(--rem));
}
.newlifecp-h2__eng {
    line-height: 1;
    font-size: calc(5.4*var(--rem));
    font-family: "helvetica-lt-pro", sans-serif;
    font-weight: 300;
    letter-spacing: -0.05em;
}
@media screen and (max-width: 767px) {
    .newlifecp-h2__eng {
        font-size: calc(7.2*var(--rem));
    }
}
.newlifecp-h2__eng small {
    font-size: calc(4*var(--rem));
}
@media screen and (max-width: 767px) {
    .newlifecp-h2__eng small {
        font-size: calc(6*var(--rem));
    }
}
.newlifecp-h2__ja {
    margin-top: calc(1*var(--rem));
    font-size: calc(2*var(--rem));
}
@media screen and (max-width: 767px) {
    .newlifecp-h2__ja {
        margin-top: calc(2*var(--rem));
        font-size: calc(3.2*var(--rem));
    }
}
.newlifecp-h2__lead {
    text-align: center;
    margin-top: calc(4*var(--rem));
    font-size: calc(2.4*var(--rem));
}
@media screen and (max-width: 767px) {
    .newlifecp-h2__lead {
        margin-top: calc(3*var(--rem));
        font-size: calc(3.6*var(--rem));
    }
}

.newlifecp-h2__lead + .product-wrap {
    margin-top: calc(10*var(--rem));
}
.product-wrap + .product-wrap {
    margin-top: calc(9.5*var(--rem));
}

@media screen and (min-width: 768px) {
    .main-columns {
        margin-top: calc(8*var(--rem));
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
    }
}
@media screen and (max-width: 767px) {
    .main-columns {
        margin-top: calc(7*var(--rem));
    }
}
@media screen and (min-width: 768px) {
    .main-columns .main-columns__column:nth-child(1) {
        width: calc(53*var(--rem));
    }
    .main-columns .main-columns__column:nth-child(2) {
        width: calc(49*var(--rem));
        margin-left: calc(8*var(--rem));
    }
}

@media screen and (min-width: 768px) {
    .main-columns.main-columns--typeB .main-columns__column:nth-child(1) {
        order: 2;
    }
    .main-columns.main-columns--typeB .main-columns__column:nth-child(2) {
        order: 1;
    }
}
@media screen and (max-width: 767px) {
    .main-columns .main-columns__column:nth-child(2) {
        text-align: center;
    }
}

.product {
    position: relative;
}
.product .product__img {
    position: relative;
}
@media screen and (max-width: 767px) {
    .product .product__img {
        margin-left: calc(-5*var(--rem));
        margin-right: calc(-5*var(--rem));
    }
}
.product .product__off {
    position: absolute;
    top: calc(-3 * var(--rem));
    right: calc(-3 * var(--rem));
    width: calc(12 * var(--rem));
    z-index: 99;
}
@media screen and (max-width: 767px) {
    .product .product__off {
        top: calc(44 * var(--rem));
        right: calc(3 * var(--rem));
        width: calc(16*var(--rem));
    }
}
.product .product__img__slick__item {
    padding: calc(6.5*var(--rem)) calc(6*var(--rem));
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
@media screen and (max-width: 767px) {
    .product .product__img__slick__item {
        padding: calc(49.5*var(--rem)) calc(9.5*var(--rem)) calc(7*var(--rem)) calc(9.5*var(--rem));
    }
}

.product .product__img__slick__item .product__img__slick__item__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.product .product__img__slick__item .product__img__slick__item__anchor {
    display: block;
    box-shadow: 0px 0px 40px rgba(0,0,0,0.1);
    position: relative;
    z-index: 1;
}
.product .product__img__slick__item .product__img__slick__item__anchor:hover {
    cursor: pointer;
}

.product .slick-slide img {
    width: 100%;
}
.product__img__slick .slick-dots {
  position: absolute;
  bottom: 0;
  right: calc(-2.4 * var(--rem));
}
@media screen and (max-width: 767px) {
    .product__img__slick .slick-dots {
        bottom: calc(7*var(--rem));
        right: calc(5.5*var(--rem));
    }
}
.product__img__slick .slick-dots li {
  flex: 1;
  font-size: 0;
  line-height: 0;
  cursor: pointer;
}
.product__img__slick .slick-dots li button {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  transition: ease 0.5s;
  border: 1px solid #b3b3b3;
  width: calc(0.8*var(--rem));
  height: calc(0.8*var(--rem));
  background-color: transparent;
  border-radius: 100px;
}
@media screen and (max-width: 767px) {
    .product__img__slick .slick-dots li button {
        width: calc(1.4*var(--rem));
        height: calc(1.4*var(--rem));
    }
}
.product__img__slick .slick-dots li.slick-active button {
  background-color: #0076c1;
  border-color: #0076c1;
}
.product__img__slick .slick-dots li:not(:first-child) {
    margin-top: calc(1*var(--rem));
}
@media screen and (max-width: 767px) {
  .product__img__slick .slick-dots li:not(:first-child) {
    margin-top: calc(1.5*var(--rem));
  }
}
.product__img__slick .slick-arrow {
    position: absolute;
    top: 45%;
    width: calc(5.2*var(--rem));
    height: calc(6.9*var(--rem));
    border: 0;
    background: url(../img/ic-slick-arrow.png) no-repeat center center;
    background-size: contain;
    cursor: pointer;
    font-size: 0;
    z-index: 10;
    transition: ease 0.5s;
}
@media screen and (max-width: 767px) {
  .product__img__slick .slick-arrow {
    top: calc(80*var(--rem));
    width: calc(7.28*var(--rem));
    height: calc(9.66*var(--rem));
  }
}
.product__img__slick .slick-arrow.slick-prev {
  left: calc(0*var(--rem));
}
@media screen and (max-width: 767px) {
    .product__img__slick .slick-arrow.slick-prev {
        left: calc(1*var(--rem));
    }
}
.product__img__slick .slick-arrow.slick-next {
  right: calc(0*var(--rem));
  transform: scaleX(-1);
}
@media screen and (max-width: 767px) {
    .product__img__slick .slick-arrow.slick-next {
        right: calc(1*var(--rem));
    }
}
.product__line-txt {
  position: absolute;
  left: calc(-1.5*var(--rem));
  top: calc(4*var(--rem));
  writing-mode: vertical-rl;
  color: #ffffff;
  font-size: calc(5.2*var(--rem));
  line-height: 1.5;
  letter-spacing: 0.05em;
  font-weight: bold;
  text-shadow: 0 0 calc(1*var(--rem)) rgba(0,0,0,0.3);
  z-index: 95;
}

.product__medical {
    display: inline-block;
    margin-top: calc(2*var(--rem));
    padding: calc(0.8*var(--rem)) calc(2*var(--rem));
    border: 1px solid #ffffff;
    font-size: calc(1.4*var(--rem));
}
@media screen and (max-width: 767px) {
    .product__medical {
        margin-top: calc(2*var(--rem));
        padding: calc(0.9*var(--rem)) calc(2.1*var(--rem));
        font-size: calc(2*var(--rem));
    }
}
.product__logo {
    margin-left: auto;
    margin-right: auto;
}
.product__logo.product__logo--recwear {
    width: calc(50*var(--rem));
}
.product__logo.product__logo--recsleep {
    width: calc(50*var(--rem));
}
.product__logo.product__logo--hipfit {
    width: calc(25.8*var(--rem));
}
.product__logo.product__logo--bikesmart {
    width: calc(52.1*var(--rem));
}
.product__logo.product__logo--roller {
    width: calc(64.9*var(--rem));
}
.product__logo.product__logo--medicalcore_leg2 {
    width: calc(41.5*var(--rem));
}
.product__logo.product__logo--corebelt2_leg2 {
    width: calc(37.5*var(--rem));
}

.product__name {
    font-size: calc(3*var(--rem));
    line-height: calc(45 / 30);
    color: #0076c1;
    letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
    .product__name {
        margin-top: calc(3.8*var(--rem));
        font-size: calc(4.2*var(--rem));
    }
}
.product__name sup {
    font-size: calc(1.3 * var(--rem));
    top: -1.5em;
}
@media screen and (max-width: 767px) {
    .product__name sup {
        font-size: calc(2 * var(--rem));
        top: -1.2em;
    }
}
.product__appeal {
    max-width: calc(39*var(--rem));
    text-align: center;
    color: #ffffff;
    background: linear-gradient(180deg,rgba(8, 122, 195, 1) 0%, rgba(48, 143, 205, 1) 100%);
    margin-top: calc(1.5*var(--rem));
    padding: calc(0.8*var(--rem));
    font-size: calc(1.8*var(--rem));
    letter-spacing: .12em;
}
@media screen and (max-width: 767px) {
    .product__appeal {
        margin-top: calc(1.5*var(--rem));
        max-width: none;
        display: inline-block;
        padding: calc(0.8*var(--rem)) calc(4*var(--rem));
        font-size: calc(2.2*var(--rem));
    }
}
.product__appeal .product__appeal__small {
    font-size: calc(1.4*var(--rem));
}
@media screen and (max-width: 767px) {
    .product__appeal .product__appeal__small {
        font-size: calc(1.8*var(--rem));
    }
}
.product__sub-appeal {
    display: inline-block;
    margin-top: calc(3*var(--rem));
    font-size: calc(1.8*var(--rem));
    border-bottom: 1px solid #ffffff;
}
@media screen and (max-width: 767px) {
    .product__sub-appeal {
        margin-top: calc(4.5*var(--rem));
        font-size: calc(2.8*var(--rem));
    }
}
.product__size {
    margin-top: calc(3*var(--rem));
    font-size: calc(1.8*var(--rem));
}
@media screen and (max-width: 767px) {
    .product__size {
        margin-top: calc(2*var(--rem));
        font-size: calc(2.2*var(--rem));
    }
}
@media screen and (max-width: 767px) {
    .product__size sup {
        font-size: calc(1.4*var(--rem));
    }
}
.product__size small {
    font-size: calc(1.4*var(--rem));
}
@media screen and (max-width: 767px) {
    .product__size small {
        font-size: calc(1.8*var(--rem));
    }
}
.product__appeal + .product__price {
    margin-top: calc(4.5*var(--rem));
}
.product__size + .product__price {
    margin-top: calc(2*var(--rem));
}
@media screen and (max-width: 767px) {
    .product__size + .product__price {
        margin-top: calc(4*var(--rem));
    }
}
.product__price__normal {
    display: flex;
    width: max-content;
    align-items: baseline;
    flex-wrap: nowrap;
    font-size: calc(2.6*var(--rem));
}
@media screen and (max-width: 767px) {
    .product__price__normal {
        margin-left: auto;
        margin-right: auto;
        font-size: calc(3.8*var(--rem));
        justify-content: center;
    }
}
.product__price__normal .product__price__normal__title {
    font-size: calc(1.8*var(--rem));
}
@media screen and (max-width: 767px) {
    .product__price__normal .product__price__normal__title {
        font-size: calc(2*var(--rem));
    }
}
.product__price__normal .product__price__normal__num {
    margin-left: calc(1.4*var(--rem));
    line-height: 1;
}
@media screen and (max-width: 767px) {
    .product__price__normal .product__price__normal__num {
        margin-left: calc(2*var(--rem));
    }
}
.product__price__normal .product__price__normal__num__main {
    font-family: "Work Sans", sans-serif;
    font-size: calc(5*var(--rem));
    letter-spacing: -0.05em;
}
@media screen and (max-width: 767px) {
    .product__price__normal .product__price__normal__num__main {
        font-size: calc(7*var(--rem));
    }
}
.product__price__normal .product__price__normal__num__tax {
    font-size: calc(2.2*var(--rem));
    position: relative;
}
.product__price__normal .product__price__normal__num__tax sup {
    position: absolute;
    top: calc(-1*var(--rem));
    right: calc(0.5*var(--rem));
}
@media screen and (max-width: 767px) {
    .product__price__normal .product__price__normal__num__tax sup {
        font-size: calc(1.4*var(--rem));
        top: calc(-2*var(--rem));
        right: calc(0*var(--rem));
    }
}

.product__price__normal.product__price__normal--down {
    position: relative;
    font-size: calc(2.2*var(--rem));
}
@media screen and (max-width: 767px) {
    .product__price__normal.product__price__normal--down {
        font-size: calc(3*var(--rem));
    }
}
.product__price__normal.product__price__normal--down .product__price__normal__num:before,
.product__price__normal.product__price__normal--down .product__price__normal__num:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #000000;
  position: absolute;
  left: 0;
}
.product__price__normal.product__price__normal--down .product__price__normal__num:before {
  top: 45%;
}
.product__price__normal.product__price__normal--down .product__price__normal__num:after {
  bottom: 32%;
}
.product__price__normal.product__price__normal--down .product__price__normal__num {
    margin-left: calc(1.4*var(--rem));
    line-height: 1;
}
@media screen and (max-width: 767px) {
    .product__price__normal.product__price__normal--down .product__price__normal__num {
        margin-left: calc(2*var(--rem));
    }
}
.product__price__normal.product__price__normal--down .product__price__normal__num__main {
    font-size: calc(3.6*var(--rem));
}
@media screen and (max-width: 767px) {
    .product__price__normal.product__price__normal--down .product__price__normal__num__main {
        font-size: calc(5*var(--rem));
    }
}
.product__price__normal.product__price__normal--down .product__price__normal__num__tax {
    font-size: calc(1.8*var(--rem));
}
@media screen and (max-width: 767px) {
    .product__price__normal.product__price__normal--down .product__price__normal__num__tax {
        font-size: calc(2.4*var(--rem));
    }
}

.product__price__cp {
    margin-top: calc(1.5*var(--rem));
    color: #f24d5f;
    font-size: calc(2.6*var(--rem));
}
@media screen and (max-width: 767px) {
    .product__price__cp {
        margin-top: calc(2*var(--rem));
        font-size: calc(3*var(--rem));
        margin-left: auto;
        margin-right: auto;
        display: flex;
        width: max-content;
        align-items: baseline;
        flex-wrap: nowrap;
    }
}
.product__price__cp .product__price__cp__title {
    font-size: calc(1.8*var(--rem));
}
@media screen and (max-width: 767px) {
    .product__price__cp .product__price__cp__title {
        font-size: calc(2.4*var(--rem));
    }
}
.product__price__cp .product__price__cp__num {
    background-repeat: no-repeat;
    background-position: left bottom calc(1.5*var(--rem));
    background-image: url("../img/ic-price-arrow.png");
    background-size: calc(2.9*var(--rem));
    padding-left: calc(4.5*var(--rem));
    line-height: 1;
}
@media screen and (max-width: 767px) {
    .product__price__cp .product__price__cp__num {
        background-position: left calc(1.8*var(--rem)) bottom calc(1.5*var(--rem));
        padding-left: calc(6.5*var(--rem));
    }
}
.product__price__cp .product__price__cp__num__main {
    font-family: "Work Sans", sans-serif;
    font-size: calc(5*var(--rem));
    letter-spacing: -0.05em;
}
@media screen and (max-width: 767px) {
    .product__price__cp .product__price__cp__num__main {
        font-size: calc(7*var(--rem));
    }
}
.product__price__cp .product__price__cp__num__tax {
    position: relative;
    font-size: calc(2.2*var(--rem));
}
@media screen and (max-width: 767px) {
    .product__price__cp .product__price__cp__num__tax {
        font-size: calc(2.4*var(--rem));
    }
}
.product__price__cp .product__price__cp__num__tax sup {
    position: absolute;
    top: calc(-1*var(--rem));
    right: calc(1*var(--rem));
}
@media screen and (max-width: 767px) {
    .product__price__cp .product__price__cp__num__tax sup {
        font-size: calc(1.4*var(--rem));
        top: calc(-1*var(--rem));
        right: calc(0*var(--rem));
    }
}
.product__att {
    margin-top: calc(1.5*var(--rem));
    font-size: calc(1.4*var(--rem));
}
@media screen and (max-width: 767px) {
    .product__att {
        margin-top: calc(2*var(--rem));
        font-size: calc(1.8*var(--rem));
    }
}
.product__rw-att {
    margin-top: calc(1.5*var(--rem));
    font-size: calc(1.4*var(--rem));
}
@media screen and (max-width: 767px) {
    .product__rw-att {
        margin-top: calc(2*var(--rem));
        font-size: calc(1.8*var(--rem));
    }
}
.product__rwsleep-att {
    display: inline-block;
    margin-top: calc(2*var(--rem));
    text-align: center;
    font-size: calc(1.4*var(--rem));
    border-bottom: 1px solid #ffffff;
}
@media screen and (min-width: 768px) {
    .display-pc.product__rwsleep-att {
        display: inline-block!important;
    }
}
@media screen and (max-width: 767px) {
    .product__rwsleep-att {
        margin-top: calc(2*var(--rem));
        font-size: calc(1.8*var(--rem));
    }
    .display-sp.product__rwsleep-att {
        display: inline-block!important;
    }
}
.product__under-button-att {
    margin-top: calc(2 * var(--rem));
    font-size: calc(1.4 * var(--rem));
}
@media screen and (max-width: 767px) {
    .product__under-button-att {
        margin-top: calc(2*var(--rem));
        font-size: calc(1.8*var(--rem));
    }
}

.product__button {
    margin-top: calc(3*var(--rem));
}
.product__button__anchor {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(30*var(--rem));
    height: calc(7*var(--rem));
    background: linear-gradient(180deg,rgba(255, 180, 196, 1) 0%, rgba(244, 95, 110, 1) 100%);
    color: #ffffff;
    border-radius: calc(0.6*var(--rem));
    font-size: calc(1.8*var(--rem));
    transition: .5s opacity;
}
@media screen and (max-width: 767px) {
    .product__button__anchor {
        margin-left: auto;
        margin-right: auto;
        width: calc(56*var(--rem));
        height: calc(11*var(--rem));
        font-size: calc(4*var(--rem));
    }
}
.product__button__anchor:hover {
    opacity: .7;
}

/*============================
  summary
============================*/
.summary {
    padding-top: calc(38 * var(--rem));
    padding-bottom: calc(26 * var(--rem));
    background-image: url("../img/bg-Newlife_pc.png");
    background-size: cover;
    background-position: top center;
}
@media screen and (max-width: 767px) {
    .summary {
        padding-top: calc(27 * var(--rem));
        padding-bottom: calc(18 * var(--rem));
        background-image: url("../img/bg-Newlife_sp.png");
    }
}
.summary__inner {
    position: relative;
}
.summary__logo {
    width: calc(25 * var(--rem));
    height: calc(31.4 * var(--rem));
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width: 767px) {
    .summary__logo {
        width: calc(31.2 * var(--rem));
        height: calc(39.3 * var(--rem));
    }
}
@media screen and (max-width: 767px) {
    .summary__figure {
        position: relative;
        margin-top: calc(5 * var(--rem));
        height: calc(65 * var(--rem));
    }
}
.summary__figure__item {
    position: absolute;
}
.summary__figure__item.summary__figure__item--women {
    width: calc(36.8 * var(--rem));
    height: calc(28 * var(--rem));
    top: calc(3 * var(--rem));
    left: calc(-8 * var(--rem));
}
@media screen and (max-width: 767px) {
    .summary__figure__item.summary__figure__item--women {
        width: calc(46 * var(--rem));
        height: calc(35 * var(--rem));
        top: calc(0 * var(--rem));
        left: calc(0 * var(--rem));
    }
}
.summary__figure__item.summary__figure__item--men {
    width: calc(21.6 * var(--rem));
    height: calc(22.4 * var(--rem));
    bottom: calc(6 * var(--rem));
    right: calc(3 * var(--rem));
}
@media screen and (max-width: 767px) {
    .summary__figure__item.summary__figure__item--men {
        width: calc(27 * var(--rem));
        height: calc(28 * var(--rem));
        bottom: calc(5.5 * var(--rem));
        right: calc(0 * var(--rem));
    }
}
.summary__figure__item.summary__figure__item--cherry-blossoms {
    width: calc(22.4 * var(--rem));
    height: calc(17.6 * var(--rem));
    bottom: calc(3 * var(--rem));
    left: calc(10 * var(--rem));
}
@media screen and (max-width: 767px) {
    .summary__figure__item.summary__figure__item--cherry-blossoms {
        width: calc(28 * var(--rem));
        height: calc(22 * var(--rem));
        bottom: calc(0 * var(--rem));
        left: calc(15 * var(--rem));
    }
}
.summary__h3 {
    margin-top: calc(6 * var(--rem));
    text-align: center;
    color: #0076c1;
    font-size: calc(3.2 * var(--rem));
    line-height: calc(58/32);
    letter-spacing: 0.15em;
}
@media screen and (max-width: 767px) {
    .summary__h3 {
        margin-top: calc(7 * var(--rem));
        font-size: calc(5.2 * var(--rem));
        line-height: calc(84/52);
    }
}
.summary__lead {
    margin-top: calc(3 * var(--rem));
    text-align: center;
    color: #0076c1;
    font-size: calc(1.8 * var(--rem));
    line-height: calc(47/18);
}
@media screen and (max-width: 767px) {
    .summary__lead {
        margin-top: calc(4 * var(--rem));
        font-size: calc(2.6 * var(--rem));
        line-height: calc(59/26);
    }
}

/*============================
  ページトップへ戻るボタン
============================*/
.content {
    position: relative;
}
.pagetop {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  z-index: 99;
  transition: opacity .5s;
}
@media screen and (min-width: 768px) {
  .pagetop {
    bottom: calc(3 * var(--rem));
    right: calc(5 * var(--rem));
    width: calc(6.6 * var(--rem));
    height: calc(6.6 * var(--rem));
  }
}

@media screen and (max-width: 767px) {
  .pagetop {
    bottom: calc(5 * var(--rem));
    right: calc(3 * var(--rem));
    width: calc(10.4 * var(--rem));
    height: calc(10.4 * var(--rem));
  }
}
.pagetop.is-fixed {
  position: fixed;
}
.pagetop.is-show {
    pointer-events: all;
    opacity: 1;
    animation: arrowbound .5s .5s ease-in-out;
}
@keyframes arrowbound {
  0%   { transform: translateY(0); }
  50% { transform: translateY(calc(-3 * var(--rem))); }
  100% { transform: translateY(0); }
}
.pagetop__anchor {
  display: block;
  position: relative;
  transition: .3s ease-in-out;
}
@media screen and (min-width: 768px) {
  .pagetop__anchor:hover {
    transform: translateY(calc(-2 * var(--rem)));
  }
}
.pagetop__anchor__arrow {
  position: absolute;
  left: 48%;
  transition: ease-in-out 0.3s;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .pagetop__anchor__arrow {
    top: 35px;
    width: 5px;
    height: 30px;
  }
}
@media screen and (max-width: 767px) {
  .pagetop__anchor__arrow {
    top: 5.3333333333vmin;
    width: 0.5333333333vmin;
    height: 3.8666666667vmin;
  }
}