@charset "UTF-8";
:root {
  --rem: 1.10378118641;
  --ratio: 1.5;
  --s-3: calc(var(--s-2)/var(--ratio));
  --s-2: calc(var(--s-1)/var(--ratio));
  --s-1: calc(var(--s0)/var(--ratio));
  --s0: calc(1rem*var(--rem));
  --s1: calc(var(--s0)*var(--ratio));
  --s2: calc(var(--s1)*var(--ratio));
  --s3: calc(var(--s2)*var(--ratio));
  --s4: calc(var(--s3)*var(--ratio));
  --s5: calc(var(--s4)*var(--ratio));
  --s6: calc(var(--s5)*var(--ratio));
  --s7: calc(var(--s6)*var(--ratio));
  --s8: calc(var(--s7)*var(--ratio));
  --s9: calc(var(--s8)*var(--ratio));
  --s10: calc(var(--s9)*var(--ratio))
}
:root {
  --rem: .714285714;
  --ratio: 1.5;
  --s-2: calc(var(--s-1)/var(--ratio));
  --s-1: calc(var(--s0)/var(--ratio));
  --s0: calc(1rem*var(--rem));
  --s1: calc(var(--s0)*var(--ratio));
  --s2: calc(var(--s1)*var(--ratio));
  --s3: calc(var(--s2)*var(--ratio));
  --s4: calc(var(--s3)*var(--ratio));
  --s5: calc(var(--s4)*var(--ratio));
  --s6: calc(var(--s5)*var(--ratio));
  --s7: calc(var(--s6)*var(--ratio));
  --s8: calc(var(--s7)*var(--ratio));
  --s9: calc(var(--s8)*var(--ratio));
  --s10: calc(var(--s9)*var(--ratio))
}
.page-entry {
  overflow: hidden;
  min-width: 1200px;
  margin-bottom: 126px
}
.page-entry .hidden {
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px)
}
.page-entry .text-indent {
  display: inline-block;
  text-indent: -1em;
  padding-left: 1em
}
.page-entry .zen-old {
  font-family: Zen Old Mincho, serif;
  font-weight: 500;
  font-style: normal
}
.page-entry {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", Yu Gothic Medium, Yu Gothic, "游ゴシック", Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
  font-size: 1.071428571rem;
  line-height: 1.6;
  color: #333;
  font-weight: 500;
  -webkit-text-size-adjust: none
}
.page-entry .c-sec {
  margin-top: var(--s6)
}
.page-entry .c-sec__header {
  text-align: center
}
.page-entry .c-sec__header + * {
  margin-top: var(--s3)
}
.page-entry .c-sec__header-lead {
  font-size: 1.2857142852rem;
  letter-spacing: .4em
}
.page-entry .c-sec__ttl {
  font-size: 3.57142857rem;
  letter-spacing: .1em;
  text-align: center;
  margin-top: var(--s0)
}
.page-entry .c-link {
  width: 424px;
  margin-inline: auto;
  background-color: #424242;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 78px;
  padding-block: 1em;
  border-radius: 9999px;
  font-size: 1.2857142852rem;
  font-weight: 700;
  letter-spacing: .1em
}
.page-entry .mv {
  position: relative
}
.page-entry .mv img {
  position: relative;
  z-index: 1;
  display: block;
  height: 596px;
  margin-inline: auto;
  object-fit: cover;
  object-position: 50% 50%
}
.page-entry .mv span {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background: url(/lp/kireilabo-brafande/images/2024ss/bg-mv-l.png) 0 0/60px 596px repeat-x
}
.page-entry .mv span + span {
  right: 0;
  left: initial;
  background-image: url(/lp/kireilabo-brafande/images/2024ss/bg-mv-r.png)
}
.page-entry .intro {
  padding: var(--s4) 0;
  text-align: center;
  background-color: #faf8f2
}
.page-entry .intro__ttl {
  width: 202px;
  margin-inline: auto
}
.page-entry .intro > * + * {
  margin-block-start: var(--s2)
}
.page-entry .intro > p {
  line-height: 2
}
.page-entry .feature__container {
  background-image: linear-gradient(to right, #e6edf6 50%, #fff 50%, #fff calc(50% + 1px), #f2e6ea calc(50% + 1px));
  padding-block: var(--s4)
}
.page-entry .feature__container > * + * {
  margin-block-start: var(--s4)
}
.page-entry .feature__head-img {
  width: 1120px;
  margin-inline: auto
}
.page-entry .feature__subsec-ttl {
  font-size: 1.428571428rem;
  font-weight: 700;
  width: 237px;
  height: 52px;
  text-align: center;
  letter-spacing: .2em;
  color: #fff;
  background: url(/lp/kireilabo-brafande/images/2024ss/sp/img-feature-fukidashi.svg) 0 0/237px 52px no-repeat;
  margin-inline: auto;
  padding-block-start: .3em
}
.page-entry .feature__subsec-ttl + * {
  margin-block-start: var(--s1)
}
.page-entry .feature-item {
  width: 445px
}
.page-entry .feature-item > * + * {
  margin-block-start: var(--s0)
}
.page-entry .feature-item__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 1000px;
  gap: 0 110px;
  margin-inline: auto
}
.page-entry .feature-item__label {
  font-size: 1.5714285708rem;
  font-weight: 700;
  margin-top: var(--s1);
  text-align: center
}
.page-entry .feature-item__label + p {
  font-size: 1.2857142852rem;
  margin-top: var(--s-1)
}
.page-entry .feature-item:nth-child(2n+1) .feature-item__label {
  color: #789cd1
}
.page-entry .feature-item:nth-child(2n) .feature-item__label {
  color: #d793a9
}
.page-entry .feature__bnr-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  background-image: linear-gradient(to right, #789cd1 50%, #fff 50%, #fff calc(50% + 1px), #d793a9 calc(50% + 1px));
  gap: 0 100px;
  padding-block: var(--s2)
}
.page-entry .feature__bnr-list-item {
  width: 364px
}
.page-entry .lineup > .c-sec__header .c-sec__header-lead {
  font-size: .8571428568rem
}
.page-entry .lineup > .c-sec__header .c-sec__ttl {
  width: 211px;
  margin-inline: auto
}
.page-entry .lineup-item__recommend {
  margin-block-start: var(--s5)
}
.page-entry .lineup-item__recommend .c-sec__ttl {
  font-size: 2.857142856rem
}
.page-entry .lineup-item__recommend-header-lead {
  width: 207px;
  margin-inline: auto
}
.page-entry .lineup-item__recommend-header-lead + * {
  margin-block-start: var(--s2)
}
.page-entry .lineup-item__recommend-list {
  font-size: 1.5714285708rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-block-start: var(--s3);
  margin-inline: auto
}
.page-entry .lineup-item__recommend-list > * + * {
  margin-block-start: var(--s3)
}
.page-entry .lineup-item__recommend-list-item {
  display: flex;
  align-items: center;
  flex-wrap: wrap
}
.page-entry .lineup-item__recommend-list-item-number {
  display: flex;
  align-items: center;
  width: 46px;
  height: 23px
}
.page-entry .lineup-item__recommend-list-item-text {
  display: flex;
  align-items: center;
  flex: 1 0 0
}
.page-entry .lineup-item__recommend-list-item-text:before {
  display: block;
  width: 1px;
  height: 38px;
  content: "";
  border-left: 1px solid var(--border-color);
  margin-inline: 35px
}
.page-entry .lineup-item__main-img {
  width: 614px;
  margin: 0 0 0 auto
}
.page-entry .lineup-item__main-img-wrapper {
  position: relative;
  padding-bottom: 80px
}
.page-entry .lineup-item__main-img-wrapper:before {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 570px;
  content: "";
  background: linear-gradient(to right, #a4bbde 50%, #80a2d5 50%)
}
.page-entry .lineup-item__main-img-wrapper:after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 570px;
  content: "";
  background: url(/lp/kireilabo-brafande/images/2024ss/bg-lineup-KB1655.png) 50% 100%/1400px 570px no-repeat
}
.page-entry .lineup-item__main-img-wrapper--2:before {
  background: linear-gradient(to right, #dfacbc 50%, #dba0b2 50%)
}
.page-entry .lineup-item__main-img-wrapper--2:after {
  background-image: url(/lp/kireilabo-brafande/images/2025ss/bg-lineup-KB1792.png)
}
.page-entry .lineup-item__main-img-inner {
  position: relative;
  z-index: 1;
  width: 1000px;
  margin-inline: auto
}
.page-entry .lineup-item__main-img-copy {
  font-size: 2.857142856rem;
  line-height: 1.4;
  position: absolute;
  bottom: -60px;
  left: 190px;
  display: flex;
  flex-wrap: wrap;
  height: 12em;
  letter-spacing: .1em;
  -ms-writing-mode: tb-rl;
  color: #fff;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl
}
.page-entry .lineup-item__main-img-copy > span:nth-child(2) {
  margin-top: auto;
  margin-bottom: 0
}
.page-entry .lineup-item__wrapper {
  margin-top: 0
}
.page-entry .lineup-item__wrapper > * + * {
  margin-block-start: 215px
}
.page-entry .lineup-item__product {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  margin-block-start: var(--s3)
}
.page-entry .lineup-item__img {
  width: 550px
}
.page-entry .lineup-item__link > * + * {
  margin-block-start: var(--s2)
}
.page-entry .lineup-item__spec {
  text-align: center
}
.page-entry .lineup-item__spec-label {
  font-size: .9999999996rem;
  font-weight: 700;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: .5em 1em;
  border: 1px solid;
  margin-inline: auto
}
.page-entry .lineup-item__spec-label + * {
  margin-top: var(--s1)
}
.page-entry .lineup-item__spec-name {
  font-size: 1.2857142852rem;
  font-weight: 700
}
.page-entry .lineup-item__spec-size {
  font-size: 1.2857142852rem
}
.page-entry .lineup-item__spec-caution {
  font-size: .9999999996rem;
}
.page-entry .lineup-item__spec .cms-Ctrl_ItemPrice_Normal {
  font-size: 1.2857142852rem
}
.page-entry .lineup-item__pair-link {
  position: relative;
  color: #333;
  border: 1px solid;
  background-color: #fff;
  margin-block-start: var(--s2)
}
.page-entry .lineup-item__pair-link-wrapper {
  margin-block-start: var(--s2)
}
.page-entry .lineup-item__pair-link-copy {
  font-size: 1.1428571424rem;
  font-weight: 700;
  text-align: center
}
.page-entry .lineup-item__pair-link-copy + * {
  margin-block-start: var(--s-1)
}
.page-entry .lineup-item__pair-link img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 43px;
  margin-left: 57px
}
.page-entry .lineup-item .cms-Ctrl_ItemPrice_Normal {
  font-weight: 700
}
.page-entry .lineup-item__review {
    margin-block-start: var(--s3);
    margin-inline: auto;
    text-align: center; 
    width: 760px;
    padding-block-end: var(--s3);
    border-bottom: 2px solid #789cd1;
}
.page-entry .lineup-item__review.pink {
  border-bottom: 2px solid #d793a9; 
}

.page-entry .lineup-item__review_ttl{
    position: relative
}
.page-entry .lineup-item__review_ttl:before {
  position: absolute;
  width: 30%;
  height: 2px;
background-color:#789cd1;
  content: "";
    top: 50%;
    right: 0%;
    transform: translateY(-50%);
}
.page-entry .lineup-item__review_ttl.pink:before {
  background-color:#d793a9;
}
.page-entry .lineup-item__review_ttl:after {
  position: absolute;
  width: 30%;
  height: 2px;
    background-color:#789cd1;
  content: "";
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
}
.page-entry .lineup-item__review_ttl.pink:after {
  background-color:#d793a9;
}
.page-entry .lineup-item__review_ttl img {
 width: 160px;
}
.page-entry .lineup-item__review_contents {
 margin: 0 auto;
    width: 90%;
}
.page-entry .lineup-item__review_ttl_jp {
 font-size: 1.428571428rem;
 margin-top: var(--s1);
 letter-spacing: .1em;
}
.page-entry .lineup-item__review_star {
 width: 240px;
 margin-block-start: var(--s2);
}
.page-entry .lineup-item__review_txt {
    margin-block-start: var(--s2);
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: var(--s2);
}
.page-entry .lineup-item__review_txt_Item {
 text-align: left;
    font-size: .9999999996rem; 
    line-height: 1.5em;
    background-color:#eef4fd;
    padding: var(--s2);
    border-radius: 5px;
    width: 48%;
}
.page-entry .lineup-item__review_txt_Item.pink {
    background-color:#fcf3f6;
}
.page-entry img {
 margin-inline: auto;
}

.page-entry .outro {
  background-color: #faf8f2;
  margin-block-start: 157px;
  padding-block: 101px
}
.page-entry .outro__link {
  font-size: 1.2857142852rem;
  font-weight: 700;
  width: 424px;
  height: 78px;
  letter-spacing: .1em;
  background-image: linear-gradient(90deg, #6592d6 0, #de8aa6 100%)
}
.page-entry h1, .page-entry h2, .page-entry h3, .page-entry h4, .page-entry h5, .page-entry h6 {
  line-height: 1.4;
  color: #333
}
.page-entry h1 {
  font-weight: 400;
  max-width: none;
  margin: 0;
  padding: 0;
  text-align: left;
  border: 0
}
.page-entry h2 {
  font-weight: 400;
  margin: 0;
  padding: 0;
  color: #333;
  border-bottom: 0
}
.page-entry h3 {
  font-weight: 400;
  margin: 0;
  padding: 0;
  background: transparent
}
.page-entry sup {
  font-size: .5em
}
.page-entry a {
  color: #333
}
.page-entry em {
  font-style: normal
}
.page-entry strong, .page-entry em {
  font-weight: 700
}
.page-entry ol {
  list-style: none
}
.page-entry img {
  width: auto;
  max-width: 100%;
  height: auto
}
.page-entry button {
  border: 0;
  outline: 0;
  background: transparent
}
@media print, screen and (min-width:768px) {
  .page-entry .sp {
    display: none
  }
}
@media screen and (max-width:767px) {
  .page-entry .pc {
    display: none
  }
}