.fs-c-breadcrumb {
  background: #fff;
  max-width: inherit;
}

.fs-c-breadcrumb__list {
  max-width: 120rem;
  margin: 0 auto;
}

.fs-c-breadcrumb__listItem {
  display: inline;
}

.fs-l-main,
.fs-l-main,
.fs-l-pageMain {
  max-width: inherit !important;
  margin: 0 auto;
}

#fs_CustomPage .fs-l-main {
  padding: 0;
}

html {
  box-sizing: border-box;
  font-size: 62.5%;
}

@media screen and (min-width: 821px) and (max-width: 1536px) {
  html {
    font-size: 0.65vw;
  }
}
@media screen and (max-width: 820px) {
  html {
    font-size: 1.3vw;
  }
}
.lp_style * {
  box-sizing: border-box;
}

.lp_style {
  overflow: hidden;
  -webkit-text-size-adjust: 100%;
  font-size: 100%;
  line-height: 1;
  letter-spacing: 0.05em;
  font-feature-settings: "palt";
  font-family: "Noto Sans JP", sans-serif;
  color: #333;
  font-weight: 400;
  font-family: "heisei-maru-gothic-std", sans-serif;
  font-weight: 400;
  font-style: normal;
  background: #fffeee;
}

.lp_style button {
  background: transparent;
  padding: 0;
  margin: 0;
}

.lp_style ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.lp_style img {
  max-width: 100%;
}

.lp_style a {
  text-decoration: none;
}

@media screen and (min-width: 821px) {
  .lp_style .container {
    padding: 0 6rem;
  }
}

.lp_style .content {
  display: block;
}

.txtBlock {
  display: inline-block;
}

._inner {
  position: relative;
  z-index: 2;
  padding: 0 3rem;
}
@media screen and (min-width: 821px) {
  ._inner {
    margin: 0 auto;
  }
}

@media screen and (min-width: 821px) {
  #MainVisual {
    margin: 0 auto 8.7rem;
  }
}

#MainVisual .PageTitle {
  line-height: 1;
}

#MainVisual .PageTitle img {
  display: block;
  max-width: 1920px;
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.content {
  padding: 8.5rem 0;
}
.content .__inner {
  padding: 0 4rem;
}

#Intro {
  margin: 0 auto 9rem;
  background: #e5f6cb;
}
@media screen and (min-width: 821px) {
  #Intro {
    max-width: 108rem;
    margin: 0 auto 17rem;
    border-radius: 1rem;
    overflow: hidden;
  }
}
#Intro .__title {
  font-size: 4rem;
  margin: 0 auto 4rem;
  text-align: center;
}
#Intro .__title .-maker {
  font-weight: bold;
  padding-inline-start: 0 0.25em;
  background: linear-gradient(transparent 60%, #fff 60%);
}
#Intro .__text {
  margin: 0 auto 5rem;
  font-size: 1.8rem;
  line-height: 2;
  text-align: center;
  white-space: nowrap;
}
@media screen and (min-width: 821px) {
  #Intro .__text {
    margin: 0 auto 7.5rem;
  }
}
#Intro .__text .txtBlock {
  display: block;
}
#Intro .__text .strong {
  font-size: 120%;
  color: #a399cf;
  font-weight: bold;
}
#Intro .__image {
  text-align: center;
}
@media screen and (min-width: 821px) {
  #Intro .__image {
    width: 92rem;
    margin: 0 auto;
  }
}

.ProductArea {
  padding: 0 4rem 4rem;
}
@media screen and (min-width: 821px) {
  .ProductArea {
    padding: 0 0 24rem;
  }
}

.Product .__box {
  border-radius: 0 1rem 1rem 1rem;
}
.Product .__Name {
  font-size: 0;
  line-height: 1;
}
.Product .__Name span {
  font-size: 4.2rem;
  letter-spacing: 0.01em;
  display: inline-block;
  font-weight: bold;
  padding: 2rem 3rem 0.5rem;
}
.Product .__paragraph {
  max-width: 31.5rem;
  font-size: 2rem;
  line-height: 2;
  height: 16em;
}
@media screen and (min-width: 821px) {
  .Product .__paragraph {
    max-width: 30.6rem;
    font-size: 1.8rem;
    height: auto;
  }
}
.Product .__paragraph .txtBlock {
  display: block;
  white-space: nowrap;
}

.Product:nth-of-type(even) .__box {
  border-radius: 1rem 0 1rem 1rem;
}

@media screen and (min-width: 821px) {
  .Product {
    max-width: 108rem;
    margin: 0 auto;
  }
}
.Product .__box {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 5rem;
}
@media screen and (min-width: 821px) {
  .Product .__box {
    justify-content: space-between;
    flex-wrap: nowrap;
    padding: 0 5rem 0;
    height: 45rem;
  }
}
.Product .__box .__textbox {
  padding: 0 2.8rem;
}
@media screen and (min-width: 821px) {
  .Product .__box .__textbox {
    padding: 0;
  }
}
.Product .__box .__illustration {
  position: relative;
  width: calc(100% - 37.1rem);
}
@media screen and (min-width: 821px) {
  .Product .__box .__illustration {
    width: 34rem;
  }
}
.Product .__box .__illustration .__image {
  text-align: center;
}
.Product .__box .__illustration picture {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  font-size: 0;
}
@media screen and (min-width: 821px) {
  .Product .__box .__illustration picture {
    position: absolute;
  }
}
.Product .__box .__buttons {
  margin: 3.6rem auto 0;
}
@media screen and (min-width: 821px) {
  .Product .__box .__buttons {
    width: 29.6rem;
    padding: 10rem 0 0;
    margin: 0;
  }
}
.Product .__box .__buttons a {
  display: block;
  margin: 0 auto;
  width: 57rem;
  height: 11rem;
  border-radius: 5.4rem;
  background: #333333;
}
@media screen and (min-width: 821px) {
  .Product .__box .__buttons a {
    width: 29.5rem;
    height: 10.9rem;
  }
}
.Product .__box .__buttons a .txtBox {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  height: 100%;
  color: #fff;
  font-size: 2.4rem;
}
@media screen and (min-width: 821px) {
  .Product .__box .__buttons a .txtBox {
    font-size: 2.2rem;
    line-height: 1.6;
  }
}
.Product .__box .__buttons a .--sex {
  font-size: 120%;
  line-height: 1.5;
}
.Product .__box .__buttons a .--category {
  line-height: 1.5;
}
.Product .__box .__buttons a:nth-of-type(n+2) {
  margin: 2.5rem auto 0;
}

.Product:nth-of-type(even) .__box {
  flex-direction: row-reverse;
}
.Product:nth-of-type(even) .__gage {
  text-align: right;
}

.Product:nth-of-type(n+2) {
  margin: 8.5rem auto 0;
}

.__gage {
  padding: 2rem 0 4rem;
}
.__gage i:nth-of-type(n+2) {
  margin-left: 1rem;
}
.__gage .on,
.__gage .off {
  display: inline-block;
  width: 2.5rem;
  height: 4.6rem;
}
.__gage .on {
  background: url(./../images/sp/on.png);
  background-repeat: no-repeat;
  background-size: contain;
}
.__gage .off {
  background: url(./../images/sp/off.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.Product:nth-of-type(1) .__box {
  background: #d7e6fa;
}
.Product:nth-of-type(1) .__Name {
  text-align: left;
}
.Product:nth-of-type(1) .__Name span {
  background: #d7e6fa;
  border-radius: 1rem 1rem 0 0;
  overflow: hidden;
}

.Product:nth-of-type(2) .__box {
  background: #c8d5f1;
}
.Product:nth-of-type(2) .__Name {
  text-align: right;
}
.Product:nth-of-type(2) .__Name span {
  background: #c8d5f1;
  border-radius: 1rem 1rem 0 0;
  overflow: hidden;
}

.Product:nth-of-type(3) .__box {
  background: #bec7e9;
}
.Product:nth-of-type(3) .__Name {
  text-align: left;
}
.Product:nth-of-type(3) .__Name span {
  background: #bec7e9;
  border-radius: 1rem 1rem 0 0;
  overflow: hidden;
}

.Product:nth-of-type(4) .__box {
  background: #b5b7df;
}
.Product:nth-of-type(4) .__Name {
  text-align: right;
}
.Product:nth-of-type(4) .__Name span {
  background: #b5b7df;
  border-radius: 1rem 1rem 0 0;
  overflow: hidden;
}

.Product:nth-of-type(5) .__box {
  background: #a9a1d2;
}
.Product:nth-of-type(5) .__Name {
  text-align: left;
}
.Product:nth-of-type(5) .__Name span {
  background: #a9a1d2;
  border-radius: 1rem 1rem 0 0;
  overflow: hidden;
}

.Product:nth-of-type(1) .__image picture {
  right: -2.5rem;
}
@media screen and (min-width: 821px) {
  .Product:nth-of-type(1) .__image picture {
    right: 0;
    left: 0;
  }
}
.Product:nth-of-type(1) .__image picture img {
  width: 38.2rem;
}
@media screen and (min-width: 821px) {
  .Product:nth-of-type(1) .__image picture img {
    width: 33.8rem;
    margin: 0 auto;
  }
}

.Product:nth-of-type(2) .__image picture {
  left: -2.5rem;
}
@media screen and (min-width: 821px) {
  .Product:nth-of-type(2) .__image picture {
    left: 0;
  }
}
.Product:nth-of-type(2) .__image picture img {
  width: 36rem;
}
@media screen and (min-width: 821px) {
  .Product:nth-of-type(2) .__image picture img {
    width: 34.1rem;
  }
}

.Product:nth-of-type(3) .__image picture {
  right: -0.6rem;
}
@media screen and (min-width: 821px) {
  .Product:nth-of-type(3) .__image picture {
    right: 0;
  }
}
.Product:nth-of-type(3) .__image picture img {
  width: 36rem;
}
@media screen and (min-width: 821px) {
  .Product:nth-of-type(3) .__image picture img {
    width: 31.4rem;
  }
}

.Product:nth-of-type(4) .__image picture {
  left: -2.6rem;
}
@media screen and (min-width: 821px) {
  .Product:nth-of-type(4) .__image picture {
    left: 0;
  }
}
.Product:nth-of-type(4) .__image picture img {
  width: 35.4rem;
}
@media screen and (min-width: 821px) {
  .Product:nth-of-type(4) .__image picture img {
    width: 30.1rem;
  }
}

.Product:nth-of-type(5) .__image picture {
  top: -2.6rem;
  left: 0;
}
@media screen and (min-width: 821px) {
  .Product:nth-of-type(5) .__image picture {
    top: auto;
    bottom: 0;
  }
}
.Product:nth-of-type(5) .__image picture img {
  width: 36rem;
}
@media screen and (min-width: 821px) {
  .Product:nth-of-type(5) .__image picture img {
    width: 29.9rem;
  }
}

.fs-c-breadcrumb {
  background: #fff;
  max-width: inherit;
}

.fs-c-breadcrumb__list {
  max-width: 120rem;
  margin: 0 auto;
}

.fs-c-breadcrumb__listItem {
  display: inline;
}

.fs-l-main,
.fs-l-main,
.fs-l-pageMain {
  max-width: inherit !important;
  margin: 0 auto;
}

#fs_CustomPage .fs-l-main {
  padding: 0;
}

.fadein {
  opacity: 0.1;
  transform: translate(0, 50px);
  transition: all 800ms cubic-bezier(0.17, 0.67, 0.67, 0.91);
}

.fadein.scrollin {
  opacity: 1;
  transform: translate(0, 0);
}

#sp-float {
  display: none;
}

#sp-float.float {
  display: block;
  position: fixed;
  bottom: 7.5rem;
  left: calc(50% + 54rem);
  z-index: 2;
}
#sp-float.float a {
  width: 7.6rem;
  height: 7.6rem;
}
#sp-float.float a img {
  width: 100%;
}/*# sourceMappingURL=style.css.map */