@charset "UTF-8";
/* ==========================================================================
初期設定
========================================================================== */
html {
  font-size: 62.5%;
}

:where(#em231120yogaset) img,
:where(#em231120yogaset) video,
:where(#em231120yogaset) svg {
  width: 100%;
  height: auto;
}

#em231120yogaset .sp_only {
  display: block;
}

#em231120yogaset .pc_only {
  display: none;
}

#em231120yogaset {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", "Open Sans", "メイリオ", sans-serif;
  font-weight: 500;
  font-style: normal;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  color: #000000;
  font-weight: 500;
  text-align: center;
  overflow: hidden;
}

#footer_emmi {
  padding-top: calc(150*(100vw/750));
}

@media only screen and (min-width: 768px) {
  #footer_emmi {
    padding-top: 0;
    margin-top: 98px;
  }
}

#em231120yogaset .fade {
  opacity: 0;
  -webkit-transition: opacity 1.2s;
  transition: opacity 1.2s;
}

#em231120yogaset .fade.active {
  opacity: 1;
}

:root {
  --font-en: "minerva-modern", sans-serif;
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                                common
//////////////////////////////////////////////////////////////////////////////////////////////
*/
#em231120yogaset .sp_only {
  display: block !important;
}

#em231120yogaset .pc_only {
  display: none !important;
}

/* ------------------------------------------ PC ------------------------------------------ */
@media only screen and (min-width: 768px) {
  #em231120yogaset .sp_only {
    display: none !important;
  }
  #em231120yogaset .pc_only {
    display: block !important;
  }
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                                slider
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.slide-dots {
  margin: 0;
  padding: 0;
  text-align: center;
  position: relative;
  top: calc(-91 * (100vw / 750));
}

.slide-dots li {
  display: inline-block;
  margin: 0 calc(8 * (100vw / 750));
}

.slide-dots li button {
  position: relative;
  text-indent: -9999px;
}

.slide-dots li button::before {
  content: "";
  cursor: pointer;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: calc(20 * (100vw / 750));
  height: calc(20 * (100vw / 750));
  border-radius: 100%;
}

.slide-dots li:first-child button::before {
  border: calc(2.5 * (100vw / 750)) solid #DDF2FD;
}

.slide-dots li:nth-child(2) button::before {
  border: calc(2.5 * (100vw / 750)) solid #36446A;
}

.slide-dots li.slick-active:first-child button::before {
  background-color: #DDF2FD;
}

.slide-dots li.slick-active:nth-child(2) button::before {
  background-color: #36446A;
}

button {
  background: none;
  border: none;
  outline: none;
  padding: 0 calc(10 * (100vw / 750));
}

/* ------------------------------------------ PC ------------------------------------------ */
@media only screen and (min-width: 768px) {
  .slide-dots {
    top: -4.2rem;
  }
  .slide-dots li {
    margin: 0 0.4rem;
  }
  .slide-dots li button::before {
    width: 1rem;
    height: 1rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .slide-dots li:first-child button::before {
    border: 1px solid #DDF2FD;
  }
  .slide-dots li:nth-child(2) button::before {
    border: 1px solid #36446A;
  }
  button {
    padding: 0 0.5rem;
  }
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                                top
//////////////////////////////////////////////////////////////////////////////////////////////
*/
#em231120yogaset .top__ttl--wrapper {
  margin: calc(76 * (100vw / 750)) auto calc(217 * (100vw / 750)) calc(23 * (100vw / 750));
  padding-top: calc(329 * (100vw / 750));
  position: relative;
  z-index: 1;
}

#em231120yogaset .top__ttl--wrapper::after {
  position: absolute;
  content: "";
  width: calc(480 * (100vw / 750));
  height: calc(696 * (100vw / 750));
  z-index: -1;
  top: 0;
  right: 0;
  background-image: url(./../img/sp/mv.jpg);
  background-repeat: no-repeat;
  background-size: contain;
}

#em231120yogaset .top__ttl {
  width: calc(669 * (100vw / 750));
  margin: 0 auto 0 0;
}

#em231120yogaset .top__sub-ttl {
  font-family: "fot-cezanne-pron", sans-serif;
  font-weight: 500;
  font-size: calc(28 * (100vw / 750));
  letter-spacing: 0.075em;
  color: #3876BF;
  text-align: left;
  margin-left: calc(26 * (100vw / 750));
  margin-top: calc(-1 * (100vw / 750));
}

#em231120yogaset .top__sub-ttl .new-atten {
  font-family: "new-atten", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(40 * (100vw / 750));
  letter-spacing: 0.03em;
}

#em231120yogaset .top__lead {
  font-size: calc(24 * (100vw / 750));
  letter-spacing: 0.05em;
  line-height: 2;
  font-weight: 500;
  margin-bottom: calc(140 * (100vw / 750));
}

/* ------------------------------------------ PC ------------------------------------------ */
@media only screen and (min-width: 768px) {
  #em231120yogaset .top__ttl--wrapper {
    margin: 6rem auto 14.1rem;
    padding-top: 29rem;
    width: 65rem;
  }
  #em231120yogaset .top__ttl--wrapper::after {
    width: 40rem;
    height: 58rem;
    background-image: url(./../img/mv.jpg);
  }
  #em231120yogaset .top__ttl {
    width: 57.8rem;
    margin: 0 auto 0 -2.1rem;
  }
  #em231120yogaset .top__sub-ttl {
    font-size: 2rem;
    margin-left: 0;
    margin-top: -0.2rem;
  }
  #em231120yogaset .top__sub-ttl .new-atten {
    font-size: 2.8rem;
    margin-right: 0.4rem;
  }
  #em231120yogaset .top__lead {
    font-size: 1.4rem;
    margin-bottom: 7.8rem;
  }
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                                common
//////////////////////////////////////////////////////////////////////////////////////////////
*/
#em231120yogaset .container,
#em231120yogaset .block,
#em231120yogaset .unit,
#em231120yogaset .unit__img,
#em231120yogaset .img {
  position: relative;
}

#em231120yogaset .credit {
  font-family: "pragmatica", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: calc(22 * (100vw / 750));
  line-height: 1.8181818182;
  letter-spacing: 0.05em;
  text-align: left;
}

#em231120yogaset .credit span {
  font-weight: inherit;
  letter-spacing: inherit;
}

#em231120yogaset .desc {
  font-size: calc(24 * (100vw / 750));
  line-height: 2;
  letter-spacing: 0.025em;
  text-align: left;
}

#em231120yogaset .icon__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-top: calc(34 * (100vw / 750));
}

#em231120yogaset .icon {
  width: calc(120 * (100vw / 750));
  margin-right: calc(30 * (100vw / 750));
}

#em231120yogaset .icon__name {
  font-family: "pragmatica", sans-serif;
  font-size: calc(18 * (100vw / 750));
  letter-spacing: 0.02em;
}

/* ------------------------------------------ PC ------------------------------------------ */
@media only screen and (min-width: 768px) {
  #em231120yogaset .credit {
    font-size: 1.4rem;
    line-height: 1.8571428571;
  }
  #em231120yogaset .desc {
    font-size: 1.4rem;
    letter-spacing: 0.05em;
  }
  #em231120yogaset .icon__wrapper {
    margin-top: 2.4rem;
  }
  #em231120yogaset .icon {
    width: 6.5rem;
    margin-right: 1.8rem;
  }
  #em231120yogaset .icon__name {
    font-size: 1rem;
  }
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                HAPPY WELLNESS YOGA SET
//////////////////////////////////////////////////////////////////////////////////////////////
*/
#em231120yogaset .container__1 {
  position: relative;
  padding: 0 calc(50 * (100vw / 750)) calc(80 * (100vw / 750));
  margin-bottom: calc(142 * (100vw / 750));
}

#em231120yogaset .container__1::after {
  position: absolute;
  content: "";
  width: calc(650 * (100vw / 750));
  height: calc(1396 * (100vw / 750));
  z-index: -1;
  top: calc(46 * (100vw / 750));
  left: 0;
  right: 0;
  margin: 0 auto;
  border: #164863 1px solid;
  opacity: 0.6;
}

#em231120yogaset .container__1 .ttl {
  font-family: var(--font-en);
  font-size: calc(54 * (100vw / 750));
  line-height: 1.25;
  font-weight: 400;
  color: #164863;
  position: relative;
  z-index: 1;
  display: inline-block;
  letter-spacing: 0.05em;
}

#em231120yogaset .container__1 .ttl::after {
  position: absolute;
  content: "";
  width: calc(490 * (100vw / 750));
  height: calc(130 * (100vw / 750));
  z-index: -1;
  top: 0;
  left: calc(-10 * (100vw / 750));
  background-color: #fff;
}

#em231120yogaset .container__1 .unit__set-item {
  width: calc(492 * (100vw / 750));
  margin: 0 auto;
  padding-top: calc(89 * (100vw / 750));
}

#em231120yogaset .container__1 .unit__color {
  font-family: var(--font-en);
  color: #164863;
  font-size: calc(42 * (100vw / 750));
  letter-spacing: 0.075em;
  padding-top: calc(18 * (100vw / 750));
}

#em231120yogaset .container__1 .pluss {
  display: block;
  width: calc(80 * (100vw / 750));
  height: calc(80 * (100vw / 750));
  margin: calc(8 * (100vw / 750)) auto 0;
  position: relative;
}

#em231120yogaset .container__1 .pluss::before, #em231120yogaset .container__1 .pluss::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-color: #A0A0A0;
}

#em231120yogaset .container__1 .pluss::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

#em231120yogaset .container__1 .block__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-top: calc(5 * (100vw / 750));
  margin-right: calc(32 * (100vw / 750));
}

#em231120yogaset .container__1 .unit__t-shirt {
  width: calc(330 * (100vw / 750));
  margin-top: calc(30 * (100vw / 750));
}

#em231120yogaset .container__1 .unit__bag {
  width: calc(195 * (100vw / 750));
  margin-left: calc(10 * (100vw / 750));
}

/* ------------------------------------------ PC ------------------------------------------ */
@media only screen and (min-width: 768px) {
  #em231120yogaset .container__1 {
    padding: 0 0 0.6rem 0;
    margin-bottom: 14rem;
  }
  #em231120yogaset .container__1::after {
    width: 89rem;
    height: 37.8rem;
    top: 1.5rem;
    opacity: 0.8;
    left: 2rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  #em231120yogaset .container__1 .ttl {
    font-family: var(--font-en);
    line-height: 1;
    font-size: 2.8rem;
    letter-spacing: 0.065em;
    padding-left: 0.9rem;
  }
  #em231120yogaset .container__1 .ttl::after {
    width: 41rem;
    height: 3rem;
    top: 0;
    left: 0.3rem;
  }
  #em231120yogaset .container__1 .item__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  #em231120yogaset .container__1 .unit__set-item {
    width: 26rem;
    margin: 0 0 0 5rem;
    padding-top: 3.8rem;
  }
  #em231120yogaset .container__1 .unit__color {
    font-size: 2rem;
    letter-spacing: 0.05em;
    padding-top: 0.5rem;
  }
  #em231120yogaset .container__1 .pluss {
    width: 4rem;
    height: 4rem;
    margin: 12.7rem 2rem 0 3rem;
  }
  #em231120yogaset .container__1 .block__item {
    margin-top: 1.8rem;
    margin-right: 0;
  }
  #em231120yogaset .container__1 .unit__t-shirt {
    width: 20rem;
    margin-top: 2rem;
  }
  #em231120yogaset .container__1 .unit__bag {
    width: 12rem;
    margin-left: 2rem;
  }
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                      Bratop & leggings
//////////////////////////////////////////////////////////////////////////////////////////////
*/
#em231120yogaset .container__2 {
  margin-bottom: calc(159 * (100vw / 750));
}

#em231120yogaset .container__2 .unit__1 {
  padding-top: calc(67 * (100vw / 750));
  width: calc(675 * (100vw / 750));
  margin: 0 auto 0 0;
}

#em231120yogaset .container__2 .unit__ttl {
  position: absolute;
  z-index: 1;
  pointer-events: none;
}

#em231120yogaset .container__2 .unit__ttl--1 {
  width: calc(346 * (100vw / 750));
  top: 0;
  left: calc(20 * (100vw / 750));
}

#em231120yogaset .container__2 .unit__ttl--2 {
  width: calc(464 * (100vw / 750));
  top: calc(883 * (100vw / 750));
  left: calc(328 * (100vw / 750));
}

#em231120yogaset .container__2 .unit__credit {
  margin-top: calc(33 * (100vw / 750));
  margin-left: calc(40 * (100vw / 750));
}

#em231120yogaset .container__2 .unit__2 {
  width: calc(473 * (100vw / 750));
  margin: calc(73 * (100vw / 750)) 0 0 auto;
}

#em231120yogaset .container__2 .unit__desc {
  margin: calc(48 * (100vw / 750)) auto 0 calc(80 * (100vw / 750));
  width: calc(610 * (100vw / 750));
}

/* ------------------------------------------ PC ------------------------------------------ */
@media only screen and (min-width: 768px) {
  #em231120yogaset .container__2 {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto 15.3rem;
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 8rem 42.8rem 26.7rem auto;
        grid-template-rows: 8rem 42.8rem 26.7rem auto;
    -ms-grid-columns: 21.5rem 50rem 9.9rem 24.6rem auto;
        grid-template-columns: 21.5rem 50rem 9.9rem 24.6rem auto;
  }
  #em231120yogaset .container__2 .unit__1 {
    padding-top: 0;
    width: 50rem;
    margin: 0;
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-area: 2/2/4/3;
  }
  #em231120yogaset .container__2 .unit__ttl--1 {
    width: 23.1rem;
    top: -4rem;
    left: -8.8rem;
  }
  #em231120yogaset .container__2 .unit__ttl--2 {
    width: 34.1rem;
    top: 60.3rem;
    left: 29.8rem;
  }
  #em231120yogaset .container__2 .unit__credit {
    margin: 0;
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-area: 4/2/5/3;
  }
  #em231120yogaset .container__2 .unit__2 {
    width: 34rem;
    margin: 0;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 5;
    -ms-grid-column-span: 1;
    grid-area: 1/5/3/6;
  }
  #em231120yogaset .container__2 .unit__desc {
    margin: 0;
    width: 42.7rem;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 4;
    -ms-grid-column-span: 2;
    grid-area: 3/4/4/6;
  }
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                      T shirt
//////////////////////////////////////////////////////////////////////////////////////////////
*/
#em231120yogaset .container__3 {
  margin-bottom: calc(146 * (100vw / 750));
}

#em231120yogaset .container__3 .unit__1 {
  width: calc(622 * (100vw / 750));
  margin: 0 auto 0 0;
}

#em231120yogaset .container__3 .unit__ttl {
  position: absolute;
  z-index: 1;
  pointer-events: none;
}

#em231120yogaset .container__3 .unit__ttl--1 {
  width: calc(85 * (100vw / 750));
  top: calc(4 * (100vw / 750));
  left: calc(642 * (100vw / 750));
}

#em231120yogaset .container__3 .unit__2 {
  width: calc(420 * (100vw / 750));
  margin: calc(30 * (100vw / 750)) calc(15 * (100vw / 750)) 0 auto;
}

#em231120yogaset .container__3 .unit__2 .unit__img::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
  border: solid calc(3 * (100vw / 750)) #164863;
  opacity: 0.6;
}

#em231120yogaset .container__3 .unit__desc {
  margin: calc(70 * (100vw / 750)) auto 0 calc(50 * (100vw / 750));
  width: calc(655 * (100vw / 750));
}

#em231120yogaset .container__3 .unit__credit {
  margin-top: calc(72 * (100vw / 750));
  margin-left: calc(50 * (100vw / 750));
}

/* ------------------------------------------ PC ------------------------------------------ */
@media only screen and (min-width: 768px) {
  #em231120yogaset .container__3 {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto 20rem;
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 12.2rem 8.8rem 14.8rem auto;
        grid-template-rows: 12.2rem 8.8rem 14.8rem auto;
    -ms-grid-columns: 14rem 33rem 43rem 34rem auto;
        grid-template-columns: 14rem 33rem 43rem 34rem auto;
  }
  #em231120yogaset .container__3 .unit__1 {
    width: 46rem;
    margin: 0;
    -ms-grid-row: 1;
    -ms-grid-row-span: 5;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-area: 1/3/6/4;
  }
  #em231120yogaset .container__3 .unit__ttl--1 {
    width: 5.68rem;
    top: 48rem;
    left: -7.6rem;
  }
  #em231120yogaset .container__3 .unit__2 {
    width: 34rem;
    margin: 0;
    -ms-grid-row: 3;
    -ms-grid-row-span: 2;
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
    grid-area: 3/4/5/5;
  }
  #em231120yogaset .container__3 .unit__2 .unit__img::after {
    border: solid 2px #164863;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  #em231120yogaset .container__3 .unit__desc {
    margin: 0;
    width: 39rem;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-area: 2/2/3/3;
    pointer-events: none;
  }
  #em231120yogaset .container__3 .unit__credit {
    margin: 0;
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-area: 4/2/5/3;
  }
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                      Bag
//////////////////////////////////////////////////////////////////////////////////////////////
*/
#em231120yogaset .container__4 {
  margin-bottom: calc(167 * (100vw / 750));
}

#em231120yogaset .container__4 .unit__1 {
  padding-top: calc(96 * (100vw / 750));
  width: calc(560 * (100vw / 750));
  margin: 0 0 0 auto;
}

#em231120yogaset .container__4 .unit__ttl {
  position: absolute;
  z-index: 1;
  pointer-events: none;
}

#em231120yogaset .container__4 .unit__ttl--1 {
  width: calc(174 * (100vw / 750));
  top: 0;
  left: calc(-149 * (100vw / 750));
}

#em231120yogaset .container__4 .unit__2 {
  width: calc(560 * (100vw / 750));
  margin: 0 auto 0 0;
}

#em231120yogaset .container__4 .unit__credit {
  margin: calc(-82 * (100vw / 750)) auto 0 calc(339 * (100vw / 750));
}

#em231120yogaset .container__4 .unit__desc {
  margin: calc(81 * (100vw / 750)) auto 0 calc(80 * (100vw / 750));
  width: calc(564 * (100vw / 750));
}

/* ------------------------------------------ PC ------------------------------------------ */
@media only screen and (min-width: 768px) {
  #em231120yogaset .container__4 {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto 17.3rem;
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 12rem 48.8rem 4.5rem auto;
        grid-template-rows: 12rem 48.8rem 4.5rem auto;
    -ms-grid-columns: 24rem 4rem 42rem 38.9rem auto;
        grid-template-columns: 24rem 4rem 42rem 38.9rem auto;
  }
  #em231120yogaset .container__4 .unit__1 {
    padding-top: 0;
    width: 46rem;
    margin: 0;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-area: 1/2/3/3;
  }
  #em231120yogaset .container__4 .unit__ttl--1 {
    width: 11.6rem;
    top: 5.4rem;
    left: 86.2rem;
  }
  #em231120yogaset .container__4 .unit__2 {
    width: 46rem;
    margin: 0;
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
    grid-area: 2/4/4/5;
  }
  #em231120yogaset .container__4 .unit__credit {
    margin: 0;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 1;
    grid-area: 3/5/4/6;
  }
  #em231120yogaset .container__4 .unit__desc {
    margin: 0;
    width: 42.7rem;
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-area: 4/3/5/4;
  }
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                HAPPY WELLNESS YOGA SET
//////////////////////////////////////////////////////////////////////////////////////////////
*/
#em231120yogaset .container__5 {
  position: relative;
  margin-bottom: calc(195 * (100vw / 750));
}

#em231120yogaset .container__5 .ttl {
  font-family: var(--font-en);
  font-size: calc(52 * (100vw / 750));
  font-weight: 400;
  color: #164863;
  position: relative;
  z-index: 1;
  letter-spacing: 0.036em;
  right: calc(4 * (100vw / 750));
}

#em231120yogaset .container__5 .unit__set-item {
  width: calc(650 * (100vw / 750));
  margin: 0 auto;
  margin-top: calc(33 * (100vw / 750));
}

#em231120yogaset .container__5 .unit__set-item::after {
  position: absolute;
  content: "";
  width: calc(750 * (100vw / 750));
  height: calc(968 * (100vw / 750));
  z-index: -1;
  top: calc(180 * (100vw / 750));
  left: calc(-50 * (100vw / 750));
  right: 0;
  margin: 0 auto;
  background-color: #FFEED9;
  opacity: 0.28;
}

#em231120yogaset .container__5 .sub-ttl {
  font-family: var(--font-en);
  color: #164863;
  font-size: calc(52 * (100vw / 750));
  letter-spacing: 0.03em;
  padding-top: calc(34 * (100vw / 750));
}

#em231120yogaset .container__5 .date {
  padding-top: calc(42 * (100vw / 750));
  font-family: "pragmatica", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: calc(24 * (100vw / 750));
  letter-spacing: 0.05em;
  line-height: 2;
}

/* ------------------------------------------ PC ------------------------------------------ */
@media only screen and (min-width: 768px) {
  #em231120yogaset .container__5 {
    margin-bottom: 11.7rem;
  }
  #em231120yogaset .container__5 .ttl {
    font-size: 4rem;
    right: 0.4rem;
    letter-spacing: 0.038em;
  }
  #em231120yogaset .container__5 .unit__set-item {
    width: 50rem;
    margin-top: 2.5rem;
  }
  #em231120yogaset .container__5 .unit__set-item::after {
    width: 61rem;
    height: 60.3rem;
    top: 24rem;
    left: -5.5rem;
  }
  #em231120yogaset .container__5 .sub-ttl {
    font-size: 4rem;
    padding-top: 2.4rem;
  }
  #em231120yogaset .container__5 .date {
    padding-top: 2.9rem;
    font-size: 1.4rem;
    line-height: 1.8571428571;
  }
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                            all_item_btn
//////////////////////////////////////////////////////////////////////////////////////////////
*/
#em231120yogaset .all_item_btn {
  margin: 0 auto;
  font-family: "pragmatica", sans-serif;
  font-weight: 500;
  font-size: calc(24 * (100vw / 750));
  letter-spacing: 0.05em;
  line-height: 1;
  border: 1px solid #000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: calc(15 * (100vw / 750)) calc(63 * (100vw / 750)) calc(14 * (100vw / 750));
  display: inline-block;
  line-height: 1;
}

/* ------------------------------------------ PC ------------------------------------------ */
@media only screen and (min-width: 768px) {
  #em231120yogaset .all_item_btn {
    font-size: 1.5rem;
    padding: 1rem 3.9rem 0.9rem;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1400px) {
  html {
    font-size: calc(10 * (100vw / 1400));
  }
}
/*# sourceMappingURL=style.css.map */