@charset "utf-8";

/* ==========================================================================
   style for recoverywear-shoma
========================================================================== */

header.con-header .con-header-logo__horizontal {
   width: 10.438vw;
   height: 3.204vw;

   position: absolute;
   top: 1.838vw;
	/*top:6vw;*/
   left: 1.471vw;
   z-index: 999;
}

.is-sp {
   display: none;
}
@media screen and (min-width: 1360px) {
   header.con-header .con-header-logo__horizontal {
      width: 141.95px;
      height: 43.57px;

      /*top: 25px;*/
      left: 20px;
   }
}
@media only screen and (max-width: 767px){
   header.con-header .con-header-logo__horizontal {
      width: 88.83px;
      height: 27.26px;
	  /* top:80px;*/

      top: 15px;
      left: 14px;
   }
   .is-pc {
      display: none;
   }
   .is-sp {
      display: block;
   }
}

main {
   margin-top: 0;
   border-top: 0;
   background-color: #ffffff;

   font-weight: 500;
   letter-spacing: 0.1em;
   color: #000000;
}

.main-visual-wrap {
   position: relative;
}

.main-visual-wrap h1 {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);

   font-size: 6.029vw;
   line-height: 1;

   text-align: center;

   color: #fff;
   text-shadow: 0 3px 6px rgb(0, 0, 0, 0.16);
}

.main-visual-wrap h1 span {
   font-size: 2.059vw;
   font-weight: bold;
   line-height: 0.28;
   letter-spacing: 0.08em;
}
.main-visual-wrap h1 img {
   width: 7.644vw;
   height: 6.965vw ;
}
@media screen and (min-width: 1360px) {
   .main-visual-wrap h1 {
      font-size: 82px;

      text-shadow: 0 3px 6px rgb(0, 0, 0, 0.16);
   }

   .main-visual-wrap h1 span {
      font-size: 28px;
   }
   .main-visual-wrap h1 img {
      width: 103.96px;
      height: 94.73px ;
   }
}
@media only screen and (max-width: 767px){
   .main-visual-wrap h1 {
      font-size: 11.2vw;
      width: 100%;
      line-height: 1;
      /*top: 45%;*/
	   top:30%;
      left: 50%;
      transform: translate(-50%, -45%);
      -webkit-transform: translate(-50%, -45%);
      -ms-transform: translate(-50%, -45%);
   }

   .main-visual-wrap h1 span {
      font-size: 3.733vw;
   }

   .main-visual-wrap h1 img {
      width: 14.635vw;
      height: 13.336vw;
   }
}

/* lead-wrap ------------------------------------ */
.lead-wrap {
   padding: 6.618vw 0 7.353vw;
   text-align: center;
}

.lead-wrap .sub-lead {
   font-size: 1.176vw;
   line-height: 1.75;
}

.lead-wrap .main-lead {
   font-size: 2.059vw;
   font-weight: bold;
   line-height: 1.28;

   margin-top: 0.735vw;
}

.lead-wrap .en-lead {
   font-size: 1.029vw;
   line-height: 3.42;
}

.lead-wrap .lead-line {
   display: block;
   width: 1px;
   height: 2.941vw;
   background-color: #707070;

   margin: 0 auto;
}
@media screen and (min-width: 1360px) {
   .lead-wrap {
      padding: 90px 0 100px;
   }

   .lead-wrap .sub-lead {
      font-size: 16px;
   }

   .lead-wrap .main-lead {
      font-size: 28px;

      margin-top: 10px;
   }

   .lead-wrap .en-lead {
      font-size: 14px;
   }

   .lead-wrap .lead-line {
      height: 40px;
   }
}
@media only screen and (max-width: 767px){
   .lead-wrap {
      padding: 12.533vw 0 12.533vw;
   }

   .lead-wrap .sub-lead {
      font-size: 4.267vw;
   }

   .lead-wrap .main-lead {
      font-size: 6.4vw;

      margin-top: 3.2vw;
   }

   .lead-wrap .en-lead {
      font-size: 3.733vw;
   }

   .lead-wrap .lead-line {
      height: 10.667vw;
   }
}

/* for-title-wrap ------------------------------------ */
.for-title-wrap {
   position: relative;
   max-width: 85.294vw;
   padding: 0 5.882vw 6.838vw;
   margin: 0 auto;
}
.for-recovery-wrap,
.for-relax-time-wrap {
   max-width: 100vw;
   margin: 0 auto;
}
.for-relax-time-wrap{
	margin: 150px auto;
}

.for-title-wrap .for-title-img {
   display: flex;
}
.for-title-wrap .for-title-img img {
   width: 73.529vw;
}
.for-title-wrap .for-title-img .for-title-img-text {
   writing-mode: vertical-rl;
   font-size: 0.956vw;

   display: inline-flex;
   align-items: center;

   line-height: 1.25;

   margin-left: 1.471vw;
}
.for-title-wrap .for-title-img .for-title-img-text .text-bold {
   font-weight: bold;
}

.for-title-wrap .for-title-img .for-title-img-text p {
   border-bottom: 1px solid #000;
   padding-bottom: 0.368vw;
}
.for-title-wrap .for-title-img .for-title-img-text p + p {
   padding-top: 0.368vw;
   margin-bottom: 0.368vw;
}
.for-title-wrap .for-title-img .for-title-img-text img {
   width: 1.324vw;
   height: 1.326vw;
}
.for-relax-time-wrap .for-title-wrap .for-title-img .for-title-img-text img {
   width: 1.107vw;
   height: 1.107vw;
}

.for-title-wrap .for-title-text {
   margin-top: -1.765vw;
   margin-left: 6.103vw;
}

.for-title-wrap .for-title-text .for-en {
   position: relative;
   font-size: 3.529vw;
   font-weight: bold;
   line-height: 1.1;

   color: #102246;
}

.for-title-wrap .for-title-text .for-en img {
   position: absolute;
   width: 4.425vw;
   top: -2.132vw;
   left: -2.353vw;
}

.for-title-wrap .for-title-text .for-lead {
   font-size: 2.059vw;
   font-weight: bold;
   line-height: 1.5;
}

.for-title-wrap .for-title-text .for-text {
   font-size: 1.176vw;
   line-height: 2;
}
@media screen and (min-width: 1360px) {
   .for-title-wrap {
      max-width: 1160px;
      padding: 0 80px 93px;
   }
   .for-recovery-wrap,
   .for-relax-time-wrap {
/*      max-width: 1360px;*/
   }
   .for-title-wrap .for-title-img img {
      width: 1000px;
   }
   .for-title-wrap .for-title-img .for-title-img-text {
      font-size: 13px;

      margin-left: 20px;
   }

   .for-title-wrap .for-title-img .for-title-img-text p {
      padding-bottom: 5px;
   }
   .for-title-wrap .for-title-img .for-title-img-text p + p {
      padding-top: 5px;
      margin-bottom: 5px;
   }
   .for-title-wrap .for-title-img .for-title-img-text img {
      width: 18px;
      height: 18.04px;
   }
   .for-relax-time-wrap .for-title-wrap .for-title-img .for-title-img-text img {
      width: 15.05px;
      height: 15.05px;
   }

   .for-title-wrap .for-title-text {
      margin-top: -24px;
      margin-left: 83px;
   }

   .for-title-wrap .for-title-text .for-en {
      font-size: 48px;
   }

   .for-title-wrap .for-title-text .for-en img {
      width: 60.18px;
      top: -29px;
      left: -32px;
   }

   .for-title-wrap .for-title-text .for-lead {
      font-size: 28px;
   }

   .for-title-wrap .for-title-text .for-text {
      font-size: 16px;
   }
}
@media only screen and (max-width: 767px){
   .for-title-wrap {
      max-width: 100%;
      padding: 0 5.333vw 8.8vw;
   }
   .for-recovery-wrap,
   .for-relax-time-wrap {
      max-width: auto;
      margin: 0 auto;
   }
	.for-relax-time-wrap{
		margin: 100px auto;
	}
   .for-title-wrap .for-title-img {
      display: flex;
      flex-direction: column-reverse;
      margin: 0 -5.333vw;
   }
   .for-title-wrap .for-title-img img {
      width: 100%;
   }
   .for-title-wrap .for-title-img .for-title-img-text {
      writing-mode: unset;
      font-size: 3.733vw;

      margin-left: 5.333vw;
      margin-bottom: 4.267vw;
   }
   .for-title-wrap .for-title-img .for-title-img-text p {
      border-bottom: 0;
      border-right: 1px solid #000;
      padding-bottom: 0;
      padding-right: 2.133vw;
      margin-right: 2.133vw;
   }
   .for-title-wrap .for-title-img .for-title-img-text p + p {
      padding-top: 0;
      margin-bottom: 0;
      padding-right: 2.133vw;
      margin-right: 2.133vw;
   }
   .for-title-wrap .for-title-img .for-title-img-text img {
      width: 4.8vw;
      height: 4.811vw;
   }
   .for-relax-time-wrap .for-title-wrap .for-title-img .for-title-img-text img {
      width: 4.013vw;
      height: 4.013vw;
      transform: rotate(270deg);
   }

   .for-title-wrap .for-title-text {
      margin: -5.333vw 5.867vw 0;
   }

   .for-title-wrap .for-title-text .for-en {
      font-size: 10.667vw;
   }

   .for-title-wrap .for-title-text .for-en img {
      position: absolute;
      top: -5vw;
      left: -4.8vw;
      width: 11.672vw;
   }

   .for-title-wrap .for-title-text .for-lead {
      font-size: 6.4vw;
      margin-top: 4vw;
   }

   .for-title-wrap .for-title-text .for-text {
      font-size: 4.267vw;
      margin-top: 4vw;
      line-height: 1.875;
   }
}


/* point-2column-wrap ------------------------------------ */
.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.overflow-hidden {
   overflow: hidden;
}
.point-2column-wrap {
   display: flex;
}

.point-2column-wrap .img-slide-wrap {
   width: auto;
   max-width: 50vw;
   height: 100vh;
   margin-right: 9.559vw;

   object-fit: cover;
   object-position: center;
}
.point-2column-wrap .img-slide-wrap img {
   width: 50vw;
   height: 100vh;
   object-fit: cover;
   object-position: center;
}
.point-2column-wrap .img-slide-wrap .slick-dots {
   display: flex;
   justify-content: flex-end;
   position: relative;
   margin-top: -1.25vw;
   margin-right: 1.176vw;
}
.point-2column-wrap .img-slide-wrap .slick-dots button {
   margin: 0;
   padding: 0;
   background: none;
   border: none;
   border-radius: 0;
   outline: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   text-indent: -735.221vw;
}
.point-2column-wrap .img-slide-wrap .slick-dots li {
   width: 0.588vw;
   height: 0.588vw;
   border-radius: 50em;
   background: rgb(204 204 204 / .5);
   cursor: pointer;
   margin: 0 0.368vw;
}
.point-2column-wrap .img-slide-wrap .slick-dots li.slick-active {
   background: #CCCCCC;
}
.point-2column-wrap .point-wrap {
   max-width: 33.088vw;
   padding-bottom: 7.353vw;
}

.point-2column-wrap .point-wrap .point-item-wrap + .point-item-wrap {
   margin-top: 4.412vw;
}
.point-2column-wrap .point-wrap .point-item-wrap span {
   color: #007796;
   font-size: 1.029vw;
   margin-top: 1.471vw;

   display: inline-block;
}

.point-2column-wrap .point-wrap .point-item-wrap .point-title {
   font-size: 1.765vw;
   font-weight: bold;
   line-height: 1.5;

   margin-top: 1.103vw;
}

.point-2column-wrap .point-wrap .point-item-wrap .point-text {
   font-size: 1.176vw;
   line-height: 2;

   margin-top: 1.471vw;
}

.point-2column-wrap .point-wrap .pick-up-wrap {
    margin-top: 4.779vw;

    position: relative;
    border: 1px solid #707070;
    background-color: #fff;
}

.point-2column-wrap .point-wrap .pick-up-title {
    position: absolute;
    display: inline-block;
    top: -1.618vw;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 2.426vw;
    background-color: #fff;
}
.point-2column-wrap .point-wrap .pick-up-title img {
   width: 7.574vw;
}

.point-2column-wrap .point-wrap .pick-up-box {
    padding: 1rem;
    line-height: 1.5;
}

.point-2column-wrap .point-wrap .pick-up-box .pick-up-text {
   font-size: 1.324vw;
   font-weight: bold;
   line-height: 1.7;

   text-align: center;
}

.point-2column-wrap .point-wrap .products-wrap .products-item-wrap {
   margin-top: 5.147vw;

   display: flex;
   flex-direction: column;
   align-items: center;
}
.point-2column-wrap .point-wrap .products-wrap .products-item-wrap .products-item {
   display: flex;
   align-items: center;
}
.point-2column-wrap .point-wrap .products-wrap .products-item-wrap .products-item .products-item-img {
   width: 11.029vw;
}
.point-2column-wrap .point-wrap .products-wrap .products-item-wrap .products-item .products-item-detail {
   margin-left: 1.471vw;
}
.point-2column-wrap .point-wrap .products-wrap .products-item-wrap .products-item .products-item-detail .products-name {
   font-size: 1.176vw;
   font-weight: bold;
   line-height: 1.75;
}

.point-2column-wrap .point-wrap .products-wrap .products-item-wrap .products-item .products-item-detail .products-value {
   font-size: 1.618vw;
}
.point-2column-wrap .point-wrap .products-wrap .products-item-wrap .products-item .products-item-detail .products-value span {
   font-size: 1.029vw;
}
.point-2column-wrap .point-wrap .products-wrap .products-item-wrap .products-cart {
   margin-top: 2.574vw;
}
.point-2column-wrap .point-wrap .products-wrap .products-item-wrap .products-cart a {
   line-height: 0;
   width: 25.735vw;
   height: 3.676vw;
   font-size: 1.176vw;
   color: #4B4B4B;
   border: 1px solid #000000;
   border-radius: 50rem;

   display: flex;
   align-items: center;
   justify-content: center;

   position: relative;
}
.point-2column-wrap .point-wrap .products-wrap .products-item-wrap .products-cart a::after {
   content: "";
   width: 0.441vw;
   height: 0.882vw;
   background: url(/img/recoverywear-shoma/icon-link-arrow.svg);
   background-repeat: no-repeat;
   background-size: contain;
   position: absolute;
   right: 2.206vw;
   top: 35%;
}
.point-2column-wrap .point-wrap .products-wrap .products-item-wrap .products-cart a::before {
   content: "";
   width: 1.324vw;
   height: 1.288vw;
   background: url(/img/recoverywear-shoma/icon-link-cart.svg);
   background-repeat: no-repeat;
   background-size: contain;
   margin-right: 1.912vw;
}
@media screen and (min-width: 1360px) {
   .point-2column-wrap .img-slide-wrap {
      max-width: 50%;
      height: 100vh;
      margin-right: 130px;
   }
   .point-2column-wrap .img-slide-wrap img {
      width: 50vw;
      height: 100vh;
   }
   .point-2column-wrap .img-slide-wrap .slick-dots {
      margin-top: -17px;
      margin-right: 16px;
   }
   .point-2column-wrap .img-slide-wrap .slick-dots li {
      width: 8px;
      height: 8px;
      margin: 0 5px;
   }
   .point-2column-wrap .point-wrap {
      max-width: 450px;
      padding-bottom: 100px;
   }

   .point-2column-wrap .point-wrap .point-item-wrap + .point-item-wrap {
      margin-top: 60px;
   }
   .point-2column-wrap .point-wrap .point-item-wrap span {
      font-size: 14px;
      margin-top: 20px;
   }

   .point-2column-wrap .point-wrap .point-item-wrap .point-title {
      font-size: 24px;

      margin-top: 15px;
   }

   .point-2column-wrap .point-wrap .point-item-wrap .point-text {
      font-size: 16px;

      margin-top: 20px;
   }

   .point-2column-wrap .point-wrap .pick-up-wrap {
       margin-top: 65px;
   }

   .point-2column-wrap .point-wrap .pick-up-title {
       top: -22px;
       padding: 0 33px;
   }
   .point-2column-wrap .point-wrap .pick-up-title img {
      width: 103px;
   }

   .point-2column-wrap .point-wrap .pick-up-box .pick-up-text {
      font-size: 18px;
   }

   .point-2column-wrap .point-wrap .products-wrap .products-item-wrap {
      margin-top: 70px;
   }
   .point-2column-wrap .point-wrap .products-wrap .products-item-wrap .products-item .products-item-img {
      width: 150px;
   }
   .point-2column-wrap .point-wrap .products-wrap .products-item-wrap .products-item .products-item-detail {
      margin-left: 20px;
   }
   .point-2column-wrap .point-wrap .products-wrap .products-item-wrap .products-item .products-item-detail .products-name {
      font-size: 16px;
   }

   .point-2column-wrap .point-wrap .products-wrap .products-item-wrap .products-item .products-item-detail .products-value {
      font-size: 22px;
   }
   .point-2column-wrap .point-wrap .products-wrap .products-item-wrap .products-item .products-item-detail .products-value span {
      font-size: 14px;
   }
   .point-2column-wrap .point-wrap .products-wrap .products-item-wrap .products-cart {
      margin-top: 35px;
   }
   .point-2column-wrap .point-wrap .products-wrap .products-item-wrap .products-cart a {
      width: 350px;
      height: 50px;
      font-size: 16px;
   }
   .point-2column-wrap .point-wrap .products-wrap .products-item-wrap .products-cart a::after {
      width: 6px;
      height: 12px;
      right: 30px;
      top: 35%;
   }
   .point-2column-wrap .point-wrap .products-wrap .products-item-wrap .products-cart a::before {
      width: 18px;
      height: 17.51px;
      margin-right: 26px;
   }
}
@media only screen and (max-width: 767px){
   .sticky {
      position: static;
   }
   .point-2column-wrap {
      display: block;
   }
   .point-2column-wrap .img-slide-wrap {
      width: 89.333vw;
      max-width: 100%;
      height: 96vw;
      margin-right: 0;
   }
   .point-2column-wrap .img-slide-wrap img {
      width: auto;
      height: 96vw;
   }
   .point-2column-wrap .img-slide-wrap .slick-dots {
      margin-top: -4.533vw;
      margin-right: 4.267vw;
   }
   .point-2column-wrap .img-slide-wrap .slick-dots li {
      width: 1.6vw;
      height: 1.6vw;
   }
   .point-2column-wrap .point-wrap {
      max-width: 100%;
      width: 100%;
      margin-top: 12.8vw;
      padding-bottom: 0;
   }
   .point-2column-wrap .point-wrap .point-item-wrap + .point-item-wrap {
      margin-top: 13.333vw;
   }
   .point-2column-wrap .point-wrap .point-item-wrap {
      width: 100%;
      padding: 0 11.2vw;
   }
   .point-2column-wrap .point-wrap .point-item-wrap .point-item-imgtop {
      width: 88.533vw;
      margin-right: -11.2vw;
      margin-left: auto;
      display: block;
   }
   .point-2column-wrap .point-wrap .point-item-wrap span {
      font-size: 3.733vw;
      margin-top: 4.8vw;
   }
   .point-2column-wrap .point-wrap .point-item-wrap .point-title {
      font-size: 5.333vw;

      margin-top: 2.4vw;
   }
   .point-2column-wrap .point-wrap .point-item-wrap .point-text {
      font-size: 4.267vw;
      line-height: 1.785;  
      margin-top: 2.667vw;
   }
   .point-2column-wrap .point-wrap .point-item-wrap .point-item-imgbtm {
      width: 89.333vw;
      margin-top: 12vw;
      margin-left: -11.2vw;
   }
   .point-2column-wrap .point-wrap .pick-up-wrap {
      margin: 16vw auto 0;
      width: 89.333vw;
   }

   .point-2column-wrap .point-wrap .pick-up-title {
      position: absolute;
      top: -4.8vw;
      padding: 0 8vw;
   }
   .point-2column-wrap .point-wrap .pick-up-title img {
      width: 23.613vw;
   }
   .point-2column-wrap .point-wrap .pick-up-box .pick-up-text {
      font-size: 4.267vw;
   }
   .point-2column-wrap .point-wrap .products-wrap .products-item-wrap {
      margin-top: 13.333vw;
   }
   .point-2column-wrap .point-wrap .products-wrap .products-item-wrap .products-item {
      display: flex;
      align-items: center;
      flex-direction: column;
   }
   .point-2column-wrap .point-wrap .products-wrap .products-item-wrap .products-item .products-item-img {
      width: 53.333vw;
   }
   .for-relax-time-wrap .point-2column-wrap .point-wrap .products-wrap .products-item-wrap:last-child .products-item-img {
       margin-left: 5.333vw;
       margin-right: auto;
   }
   .point-2column-wrap .point-wrap .products-wrap .products-item-wrap .products-item .products-item-detail {
      margin-left: 0;
      margin-top: 6.4vw;
   }
   .point-2column-wrap .point-wrap .products-wrap .products-item-wrap .products-item .products-item-detail .products-name {
      font-size: 4.267vw;
      font-weight: bold;
      line-height: 1.625;
      text-align: center;
   }
   .point-2column-wrap .point-wrap .products-wrap .products-item-wrap .products-item .products-item-detail .products-value {
      font-size: 6.4vw;
      text-align: center;

      margin-top: 2.667vw;
   }
   .point-2column-wrap .point-wrap .products-wrap .products-item-wrap .products-item .products-item-detail .products-value span {
      font-size: 3.733vw;
   }
   .point-2column-wrap .point-wrap .products-wrap .products-item-wrap .products-cart {
      margin-top: 5.6vw;
   }
   .point-2column-wrap .point-wrap .products-wrap .products-item-wrap .products-cart a {
      width: 89.067vw;
      height: 13.333vw;
      font-size: 4.267vw;
   }
   .point-2column-wrap .point-wrap .products-wrap .products-item-wrap .products-cart a::after {
      content: "";
      width: 1.6vw;
      height: 3.2vw;
      right: 5.333vw;
      top: 35%;
   }
   .point-2column-wrap .point-wrap .products-wrap .products-item-wrap .products-cart a::before {
      content: "";
      width: 4.8vw;
      height: 4.669vw;
      margin-right: 6.133vw;
   }
}


/* new-color-wrap ------------------------------------ */
.new-color-wrap {
   background: url(/img/recoverywear-shoma/new_bg.png);
   background-repeat: no-repeat;
   background-size: cover;

   margin: 8.824vw 0;
}

.new-color-wrap .new-color-inner {
   max-width: 85.294vw;
   padding: 1.838vw 5.882vw 4.338vw;
   margin: 0 auto;
   position: relative;
}

.new-color-wrap .new-color-inner .new-color-2column-wrap {
   display: flex;
}

.new-color-wrap .new-color-inner .new-color-2column-wrap .new-color-detail {
   text-align: center;
}

.new-color-wrap .new-color-inner .new-color-2column-wrap .new-color-detail h2 {
   color: #D8D4C2;
   font-size: 4.559vw;
   font-weight: bold;
   line-height: 0.9;
}

.new-color-wrap .new-color-inner .new-color-2column-wrap .new-color-detail h2 span {
   font-size: 1.765vw;
}

.new-color-wrap .new-color-inner .new-color-2column-wrap .new-color-detail h2 img {
   width: 12.291vw;
}

.new-color-wrap .new-color-inner .new-color-2column-wrap .new-color-detail .new-color-text {
   font-size: 1.324vw;
   font-weight: bold;
   line-height: 1.7;
   color: #333333;

   margin-top: 0.735vw;
}
.new-color-wrap .new-color-inner .new-color-2column-wrap .new-color-detail .new-color-cart a {
   line-height: 0;
   width: 25.735vw;
   height: 3.676vw;
   font-size: 1.176vw;
   color: #BAAB79;
   border: 1px solid #BAAB79;
   background-color: #ffffff;
   border-radius: 50rem;

   display: flex;
   align-items: center;
   justify-content: center;

   margin: 17px auto 0;
   position: relative;
}
.new-color-wrap .new-color-inner .new-color-2column-wrap .new-color-detail .new-color-cart a::after {
   content: "";
   width: 0.551vw;
   height: 1.103vw;
   background: url(/img/recoverywear-shoma/icon-link-arrow_be.svg);
   background-repeat: no-repeat;
   background-size: contain;
   position: absolute;
   top: 35%;
   right: 2.206vw;
}
.new-color-wrap .new-color-inner .new-color-2column-wrap .new-color-detail .new-color-cart a::before {
   content: "";
   width: 1.594vw;
   height: 1.55vw;
   background: url(/img/recoverywear-shoma/icon-link-cart_be.svg);
   background-repeat: no-repeat;
   background-size: contain;
   position: absolute;
   left: 3.897vw;
}
.new-color-wrap .new-color-inner .new-color-2column-wrap .new-color-img {
   position: absolute;
   top: 1.838vw;
   right: 7.353vw;
   width: 34.68vw;
}
@media screen and (min-width: 1360px) {
   .new-color-wrap {
      margin: 120px 0;
   }

   .new-color-wrap .new-color-inner {
      max-width: 1160px;
      padding: 25px 80px 59px;
   }

   .new-color-wrap .new-color-inner .new-color-2column-wrap .new-color-detail h2 {
      font-size: 62px;
   }

   .new-color-wrap .new-color-inner .new-color-2column-wrap .new-color-detail h2 span {
      font-size: 24px;
   }

   .new-color-wrap .new-color-inner .new-color-2column-wrap .new-color-detail h2 img {
      width: 167.16px;
   }

   .new-color-wrap .new-color-inner .new-color-2column-wrap .new-color-detail .new-color-text {
      font-size: 18px;

      margin-top: 10px;
   }
   .new-color-wrap .new-color-inner .new-color-2column-wrap .new-color-detail .new-color-cart a {
      width: 350px;
      height: 50px;
      font-size: 16px;

      margin: 17px auto 0;
   }
   .new-color-wrap .new-color-inner .new-color-2column-wrap .new-color-detail .new-color-cart a::after {
      width: 7.5px;
      height: 15px;
      top: 35%;
      right: 30px;
   }
   .new-color-wrap .new-color-inner .new-color-2column-wrap .new-color-detail .new-color-cart a::before {
      width: 21.68px;
      height: 21.08px;
      left: 53px;
   }
   .new-color-wrap .new-color-inner .new-color-2column-wrap .new-color-img {
      top: 25px;
      right: 100px;
      width: 471.65px;
   }
}
@media only screen and (max-width: 767px){
   .new-color-wrap {
      background: url(/img/recoverywear-shoma/new_bg-sp.png);
      background-repeat: no-repeat;
      background-size: cover;
      margin: 26.667vw 0;
   }
   .new-color-wrap .new-color-inner {
      max-width: 100%;
      padding: 12.533vw 5.333vw 13.067vw;
   }
   .new-color-wrap .new-color-inner .new-color-2column-wrap {
      display: block;
   }
   .new-color-wrap .new-color-inner .new-color-2column-wrap .new-color-detail h2 {
      font-size: 10.667vw;
   }

   .new-color-wrap .new-color-inner .new-color-2column-wrap .new-color-detail h2 span {
      font-size: 4.267vw;
   }

   .new-color-wrap .new-color-inner .new-color-2column-wrap .new-color-detail h2 img {
      width: 27.147vw;
   }
   .new-color-wrap .new-color-inner .new-color-2column-wrap .new-color-detail .new-color-text {
      font-size: 4.267vw;
      line-height: 1.625;
      margin-top: 1.867vw;
   }
   .new-color-wrap .new-color-inner .new-color-2column-wrap .new-color-detail .new-color-cart a {
      width: 89.333vw;
      height: 13.333vw;
      font-size: 4.267vw;

      margin: 7.467vw auto 0;
   }
   .new-color-wrap .new-color-inner .new-color-2column-wrap .new-color-detail .new-color-cart a::after {
      content: "";
      width: 2vw;
      height: 4vw;
      right: 5.333vw;
   }
   .new-color-wrap .new-color-inner .new-color-2column-wrap .new-color-detail .new-color-cart a::before {
      content: "";
      width: 5.781vw;
      height: 5.621vw;
      left: 12.533vw;
   }
   .new-color-wrap .new-color-inner .new-color-2column-wrap .new-color-img {
      position: static;
      width: 79.325vw;
   }
}


/* profile-wrap ------------------------------------ */
.profile-wrap {
   margin-top: 9.853vw;
}
.profile-wrap .profile-inner {
   max-width: 85.294vw;
   margin: 23.088vw auto 0;
   border: 1px solid #D8D4C2;
   padding: 24.632vw 5.882vw 4.779vw;
   position: relative;
}

.profile-wrap .profile-top {
   position: absolute;
   display: flex;
   top: -15.735vw;
}

.profile-wrap .profile-top .profile-img {
   width: 29.412vw;
}

.profile-wrap .profile-top .profile-item {
   margin-top: 13.971vw;
   margin-left: 2.647vw;
   padding: 0 2.941vw;
   background: #ffffff;
}

.profile-wrap .profile-top .profile-item h2.name {
   font-size: 4.559vw;
   font-weight: bold;
   line-height: 0.9;
   color: #D8D4C2;
}

.profile-wrap .profile-top .profile-item .profile-name {
   margin-top: 2.5vw;
   font-size: 1.765vw;
   font-weight: bold;
}

.profile-wrap .profile-top .profile-item .profile-name span {
   font-size: 1.029vw;
   font-weight: 500;
}

.profile-wrap .profile-top .profile-item .profile-competition,
.profile-wrap .profile-top .profile-item .profile-site {
   font-size: 1.176vw;
   line-height: 1.875;
   letter-spacing: 0.06em;

}
.profile-wrap .profile-top .profile-item .profile-site a::after {
    content: "";
    display: inline-block;
    width: 0.882vw;
    height: 0.882vw;
    margin-left: 0.735vw;
    background: url(/images/icon-target.svg) no-repeat;
    background-size: contain;
    background-position: left center;
}

.profile-wrap .career-wrap {
   margin: 0 3.676vw;
}
.profile-wrap .career-wrap dl {
   display: flex;
   padding: 1.103vw 0;
}
.profile-wrap .career-wrap dl + dl {
   border-top: 1px dashed #D8D4C2;
}

.profile-wrap .career-wrap dl dt {
   font-size: 1.176vw;
   font-weight: bold;
   line-height: 1.625;
   letter-spacing: 0.06em;
   color: #AFA576;

   width: 9.485vw;
}

.profile-wrap .career-wrap dl::before {
   content:url(/img/recoverywear-shoma/icon-list.svg);
   display:inline-block;
   width:0.588vw;
   height:auto;
   margin-right:0.735vw;
   position:relative;
   top:0.221vw;
   left:0;
}

.profile-wrap .career-wrap dl dd {
   font-size: 1.176vw;
   line-height: 1.625;
   letter-spacing: 0.06em;
   margin-left: 0.588vw;
}
@media screen and (min-width: 1360px) {
   .profile-wrap {
      margin-top: 134px;
   }
   .profile-wrap .profile-inner {
      max-width: 1160px;
      margin: 314px auto 0;
      padding: 335px 80px 65px;
   }

   .profile-wrap .profile-top {
      top: -214px;
   }

   .profile-wrap .profile-top .profile-img {
      width: 400px;
   }

   .profile-wrap .profile-top .profile-item {
      margin-top: 190px;
      margin-left: 36px;
      padding: 0 40px;
   }

   .profile-wrap .profile-top .profile-item h2.name {
      font-size: 62px;
   }

   .profile-wrap .profile-top .profile-item .profile-name {
      margin-top: 34px;
      font-size: 24px;
   }

   .profile-wrap .profile-top .profile-item .profile-name span {
      font-size: 14px;
   }

   .profile-wrap .profile-top .profile-item .profile-competition,
   .profile-wrap .profile-top .profile-item .profile-site {
      font-size: 16px;
      line-height: 1.875;

   }
   .profile-wrap .profile-top .profile-item .profile-site a::after {
       width: 12px;
       height: 12px;
       margin-left: 10px;
   }

   .profile-wrap .career-wrap {
      margin: 0 50px;
   }
   .profile-wrap .career-wrap dl {
      padding: 15px 0;
   }
   .profile-wrap .career-wrap dl dt {
      font-size: 16px;
      width: 129px;
   }

   .profile-wrap .career-wrap dl::before {
      width:8px;
      margin-right:10px;
      top:3px;
   }

   .profile-wrap .career-wrap dl dd {
      font-size: 16px;
      margin-left: 8px;
   }
}
@media only screen and (max-width: 767px){
   .profile-wrap {
      margin-top: 26.667vw;
   }
   .profile-wrap .profile-inner {
      max-width: 100%;
      width: 88.8vw;
      margin: 53.333vw auto 0;
      padding: 100vw 5.867vw 14.667vw;
   }
   .profile-wrap .profile-top {
      position: absolute;
      display: block;
      top: -26.667vw;
   }
   .profile-wrap .profile-top .profile-img {
      width: 68.533vw;
      margin: 0 auto;
   }
   .profile-wrap .profile-top .profile-item {
      width: 78.133vw;
      margin: -4.8vw auto 0;
      padding: 0 0;
   }

   .profile-wrap .profile-top .profile-item h2.name {
      font-size: 10.667vw;
   }
   .profile-wrap .profile-top .profile-item .profile-name {
      margin-top: 5.333vw;
      font-size: 6.4vw;
   }

   .profile-wrap .profile-top .profile-item .profile-name span {
      font-size: 3.733vw;
   }
   .profile-wrap .profile-top .profile-item .profile-competition,
   .profile-wrap .profile-top .profile-item .profile-site {
      font-size: 4.267vw;
   }
   .profile-wrap .profile-top .profile-item .profile-site a::after {
       width: 2.933vw;
       height: 2.933vw;
       margin-left: 2.667vw;
   }
   .profile-wrap .career-wrap {
      margin: 0;
   }
   .profile-wrap .career-wrap dl {
      display: block;
      padding: 5.067vw 0;
   }
   .profile-wrap .career-wrap dl:first-child {
      padding-top: 0;
   }
   .profile-wrap .career-wrap dl:last-child {
      padding-bottom: 0;
   }
   .profile-wrap .career-wrap dl dt {
      font-size: 4.267vw;

      width: auto;
   }

   .profile-wrap .career-wrap dl::before {
      content: none;
   }

   .profile-wrap .career-wrap dl dd {
      font-size: 4.267vw;
      margin-left: 0;
   }
}
/* lineup-wrap ------------------------------------ */
.lineup-wrap {
   margin-top: 11.029vw;
   padding: 5.882vw 0 11.029vw;
   background: #EFECE7;
}
.lineup-wrap .lineup-inner {
   max-width: 85.294vw;
   padding: 0 5.882vw;
   margin: 0 auto;

   position: relative;
}

.lineup-wrap .lineup-title h3 {
   font-size: 2.941vw;
   letter-spacing: 0.12em;
   text-align: center;
   line-height: 1;
   font-weight: 500;
   color: #102246;
}
.lineup-wrap .lineup-title h3 span {
   display: block;
   font-size: 1.176vw;
   font-weight: bold;
   letter-spacing: 0.2em;
   margin-top: 0.735vw;
}
.lineup-wrap .lineup-items {
   margin-top: 2.941vw;
}
.lineup-wrap .lineup-items .lineup-item {
   width: 18.382vw;
   margin: 0 4.265vw;

   display: flex;
   flex-direction: column;
   align-items: center;
	position: relative;
}

.lineup-wrap .lineup-items .lineup-item.new::before{
	content: "NEW";
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 46px;
    height: 46px;
    position: absolute;
    left: 0;
    top: -10px;
    background-color: #0088a6;
    border-radius: 50%;
    font-family: var(--unnamed-font-family-montserrat);
    color: var(--unnamed-color-f0ede7);
    text-align: center;
    font-size: 11px;
    letter-spacing: var(--unnamed-character-spacing-1-1);	
}

.lineup-wrap .lineup-items .lineup-item .lineup-img {
   width: 18.382vw;
}
.lineup-wrap .slick-track {
  display: flex;
  align-items: flex-end;
}
.lineup-wrap .slick-slide {
  height: auto !important;
}
.lineup-wrap .slick-dots {
   display: flex;
   justify-content: center;
   position: static;
   margin-top: 5.147vw;
}
.lineup-wrap .slick-dots button {
   margin: 0;
   padding: 0;
   background: none;
   border: none;
   border-radius: 0;
   outline: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   text-indent: -735.221vw;
}
.lineup-wrap .slick-dots li {
   width: 0.735vw;
   height: 0.735vw;
   border-radius: 50em;
   background: #ffffff;
   cursor: pointer;
   margin: 0 0.368vw;
}
.lineup-wrap .slick-dots li.slick-active {
   background: #0088A6;
}

.lineup-wrap .lineup-inner .slide-arrow {
   position: absolute;
   top: 50%;

   cursor: pointer;
}
.lineup-wrap .lineup-inner .slide-arrow img {
   width: 1.25vw;
   height: 2.5vw;
}

.lineup-wrap .lineup-inner .slide-arrow.slide-next {
   transform: rotate(180deg);
   right: -1.25vw;
}

.lineup-wrap .lineup-inner .slide-arrow.slide-prev {
   left: -1.25vw;
}
.lineup-wrap .lineup-name {
   font-size: 1.029vw;
   font-weight: bold;
   line-height: 1.4;
   letter-spacing: 0;
   color: #102246;

   margin-top: 4.044vw;

   text-align: center;
   white-space: nowrap;
}
.lineup-wrap .lineup-value {
   font-size: 1.471vw;
   text-align: center;
   margin-top: 1.029vw;
   color: #102246;
}
.lineup-wrap .lineup-value span {
   font-size: 0.956vw;
}
.lineup-wrap .lineup-btn-wrap {
   margin-top: 1.765vw;
}
.lineup-wrap .lineup-btn-wrap div a {
   line-height: 0;
   width: 18.382vw;
   height: 3.676vw;
   font-size: 1.029vw;
   letter-spacing: 0.06em;
   border-radius: 50rem;
   display: flex;
   align-items: center;
   justify-content: center;
}

.lineup-wrap .lineup-btn-wrap .lineup-more a {
   border: 1px solid #0188A6;
   color: #0188A6;
}

.lineup-wrap .lineup-btn-wrap .lineup-cart a {
   border: 1px solid #102246;
   color: #102246;
}

.lineup-wrap .lineup-btn-wrap .lineup-cart {
   margin-top: 0.735vw;
}

.lineup-wrap .lineup-btn-wrap .lineup-more a::after {
   content: "";
   width: 0.441vw;
   height: 0.882vw;
   background: url(/img/recoverywear-shoma/icon-link-arrow_br.svg);
   background-repeat: no-repeat;
   background-size: contain;
   margin-left: 3.676vw;
}
.lineup-wrap .lineup-btn-wrap .lineup-more a::before {
   content: "";
   width: 1.544vw;
   height: 1.544vw;
   background: url(/img/recoverywear-shoma/icon-link-search.svg);
   background-repeat: no-repeat;
   background-size: contain;
   margin-right: 2.279vw;
}
.lineup-wrap .lineup-btn-wrap .lineup-cart a::after {
   content: "";
   width: 0.441vw;
   height: 0.882vw;
   background: url(/img/recoverywear-shoma/icon-link-arrow.svg);
   background-repeat: no-repeat;
   background-size: contain;
   margin-left: 3.015vw;
}
.lineup-wrap .lineup-btn-wrap .lineup-cart a::before {
   content: "";
   width: 1.443vw;
   height: 1.403vw;
   background: url(/img/recoverywear-shoma/icon-link-cart.svg);
   background-repeat: no-repeat;
   background-size: contain;
   margin-right: 1.765vw;
}
@media screen and (min-width: 1360px) {
   .lineup-wrap {
      margin-top: 150px;
      padding: 80px 0 150px;
   }
   .lineup-wrap .lineup-inner {
      max-width: 1160px;
      padding: 0 80px;
   }

   .lineup-wrap .lineup-title h3 {
      font-size: 40px;
   }
   .lineup-wrap .lineup-title h3 span {
      font-size: 16px;
      margin-top: 10px;
   }
   .lineup-wrap .lineup-items {
      margin-top: 40px;
   }
   .lineup-wrap .lineup-items .lineup-item {
      width: 250px;
      margin: 0 58px;
   }
   .lineup-wrap .lineup-items .lineup-item .lineup-img {
      width: 250px;
   }
   .lineup-wrap .slick-dots {
      margin-top: 70px;
   }
   .lineup-wrap .slick-dots li {
      width: 10px;
      height: 10px;
      margin: 0 5px;
   }

   .lineup-wrap .lineup-inner .slide-arrow {
      top: 50%;
   }
   .lineup-wrap .lineup-inner .slide-arrow img {
      width: 17px;
      height: 34px;
   }

   .lineup-wrap .lineup-inner .slide-arrow.slide-next {
      right: -17px;
   }

   .lineup-wrap .lineup-inner .slide-arrow.slide-prev {
      left: -17px;
   }
   .lineup-wrap .lineup-name {
      font-size: 14px;

      margin-top: 55px;
   }
   .lineup-wrap .lineup-value {
      font-size: 20px;
      margin-top: 14px;
   }
   .lineup-wrap .lineup-value span {
      font-size: 13px;
   }
   .lineup-wrap .lineup-btn-wrap {
      margin-top: 24px;
   }
   .lineup-wrap .lineup-btn-wrap div a {
      width: 250px;
      height: 50px;
      font-size: 14px;
   }

   .lineup-wrap .lineup-btn-wrap .lineup-cart {
      margin-top: 10px;
   }

   .lineup-wrap .lineup-btn-wrap .lineup-more a::after {
      width: 6px;
      height: 12px;
      margin-left: 50px;
   }
   .lineup-wrap .lineup-btn-wrap .lineup-more a::before {
      width: 21px;
      height: 21px;
      margin-right: 31px;
   }
   .lineup-wrap .lineup-btn-wrap .lineup-cart a::after {
      width: 6px;
      height: 12px;
      margin-left: 41px;
   }
   .lineup-wrap .lineup-btn-wrap .lineup-cart a::before {
      width: 19.62px;
      height: 19.08px;
      margin-right: 24px;
   }
}
@media only screen and (max-width: 767px){
   .lineup-wrap {
      margin-top: 26.667vw;
      padding: 13.333vw 0;
   }
   .lineup-wrap .lineup-inner {
      max-width: 100%;
      padding: 0 11.2vw;
      position: relative;
   }
   .lineup-wrap .lineup-title h3 {
      font-size: 7.467vw;
   }
   .lineup-wrap .lineup-title h3 span {
      font-size: 3.467vw;
      margin-top: 2.667vw;
   }
   .lineup-wrap .lineup-items {
      margin-top: 9.6vw;
   }
   .lineup-wrap .lineup-items .lineup-item {
      width: 57.6vw;
      margin: 0 8vw;
   }
	.lineup-wrap .lineup-items .lineup-item.new::before{
		top: 0;
	}
   .lineup-wrap .lineup-items .lineup-item .lineup-img {
      width: 57.6vw;
   }
   .lineup-wrap .slick-track {
      align-items: flex-start;
   }
   .lineup-wrap .slick-dots {
      margin-top: 8vw;
   }
   .lineup-wrap .slick-dots li {
      width: 1.6vw;
      height: 1.6vw;
      margin: 0 0.533vw;
   }

   .lineup-wrap .lineup-inner .slide-arrow {
      top: 46.133vw;
   }
   .lineup-wrap .lineup-inner .slide-arrow img {
      width: 5.867vw;
      height: 6.336vw;
   }

   .lineup-wrap .lineup-inner .slide-arrow.slide-next {
      transform: rotate(180deg);
      right: 5.867vw;
   }

   .lineup-wrap .lineup-inner .slide-arrow.slide-prev {
      left: 5.867vw;
   }
   .lineup-wrap .lineup-name {
      font-size: 3.733vw;

      margin-top: 7.2vw;
   }
   .lineup-wrap .lineup-value {
      font-size: 6.4vw;
      
      margin-top: 2.4vw;
   }
   .lineup-wrap .lineup-value span {
      font-size: 4.267vw;
   }
   .lineup-wrap .lineup-btn-wrap {
      margin-top: 6.667vw;
   }
   .lineup-wrap .lineup-btn-wrap div a {
      width: 66.667vw;
      height: 13.333vw;
      font-size: 3.733vw;
   }
   .lineup-wrap .lineup-btn-wrap .lineup-cart {
      margin-top: 2.667vw;
   }
   .lineup-wrap .lineup-btn-wrap .lineup-more a::after {
      width: 1.6vw;
      height: 3.2vw;
      margin-left: 13.333vw;
   }
   .lineup-wrap .lineup-btn-wrap .lineup-more a::before {
      width: 5.605vw;
      height: 5.6vw;
      margin-right: 8.267vw;
   }
   .lineup-wrap .lineup-btn-wrap .lineup-cart a::after {
      width: 1.6vw;
      height: 3.2vw;
      margin-left: 10.933vw;
   }
   .lineup-wrap .lineup-btn-wrap .lineup-cart a::before {
      width: 5.232vw;
      height: 5.088vw;
      margin-right: 6.4vw;
   }
}

/* RESNOロゴ ------------------------------------ */
.brand-block{
  background-color: #102246;
  padding: 50px 0;
}
.brand-block .brand-logo{
  text-align: center;
}
.brand-block .brand-logo img{
  max-width: 120px;
  margin-bottom: 15px;
}
.brand-block .brand-logo span{
  font-size: 13px;
  font-weight: bold;
  color: #007796;
  letter-spacing: 0.06em;
}

.mark-blank::after{
  content: "";
  display: inline-block;
  width: 11px;
  height: 11px;
  background: url(/img/the_rampage/icon_external_link.svg) no-repeat 0 0/contain;
  margin-left: 10px;
  vertical-align: middle;
  transition: all 0.2s;
}
.mark-blank.color-blue::after{
  background: url(/img/the_rampage/icon_external_link_blue.svg) no-repeat 0 0/contain;
}
.mark-blank.color-dark_blue::after{
  background: url(/img/the_rampage/icon_external_link_dark_blue.svg) no-repeat 0 0/contain;
}
@media only screen and (max-width: 767px){
  .brand-block .brand-logo img{
    max-width: 80px;
  }
  .brand-block .brand-logo span{
    font-size: 3.46667vw;
  }
}

/* footer ------------------------------------ */
.footer{
  margin-top: 0;
}