@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Goblin+One&family=Noto+Sans+JP:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
html {
  scroll-behavior: smooth;
  scroll-padding: 20px;
}
main {
  font-family: "Noto Sans JP", sans-serif;
  background: #000;
  color: #fff;
  min-height: 100vh;
  line-height: 1.75;
  letter-spacing: 0.03em;
}
main * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-repeat: no-repeat;
}
a {
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
a:hover {
  opacity: 0.8;
}
img {
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .isPc {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .isSp {
    display: none;
  }
}
.item_image input[type=checkbox] {
  display: none;
}
@media screen and (max-width: 768px) {
  .btr_mv {
    margin-top: 70px;
  }
}
.btr_mv img {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .y_border {
    border: solid 5px #fff000;
    padding: clamp(20px, 2.5vw, 35px);
  }
}
@media screen and (max-width: 768px) {
  .y_border {
    border: solid 3px #fff000;
    padding: 4.533333333333333vw;
  }
}
.inner {
  max-width: 1100px;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .section_wrap {
    padding-inline: clamp(40px, 5.714285714285714vw, 80px);
  }
}
@media screen and (max-width: 768px) {
  .section_wrap {
    padding-inline: 4vw;
  }
}
.btr_head2 {
  position: relative;
  text-align: center;
  background-repeat: repeat-x;
  letter-spacing: 0;
  color: #fff;
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .btr_head2 {
    line-height: 1.15;
    font-size: 36px;
    background-position: bottom 2px left;
    background-size: auto 48px;
    background-image: url("/files/user/content/btr/img/head_line_pc.png");
    padding-bottom: 12px;
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 768px) {
  .btr_head2 {
    line-height: 0.9;
    font-size: 8vw;
    background-position: top 6.133333333333333vw left;
    padding-block: 6.133333333333333vw 9.866666666666667vw;
    background-image: url("/files/user/content/btr/img/head_line_sp.png");
    background-size: auto 9.6vw;
  }
  .btr_head2:before,
  .btr_head2:after {
    position: absolute;
    content: "";
    top: 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top center;
    width: 10.933333333333334vw;
    aspect-ratio: 82/177;
  }
  .btr_head2:before {
    background-image: url("/files/user/content/btr/img/head_left.png");
  }
  .btr_head2:after {
    background-image: url("/files/user/content/btr/img/head_right.png");
  }
}
@media screen and (max-width: 768px) {
  .btr_head2:has(img):before {
    left: 6.666666666666667vw;
  }
  .btr_head2:has(img):after {
    right: 4vw;
  }
}
@media screen and (max-width: 768px) {
  .btr_head2:not(:has(img)):before {
    left: 0;
  }
  .btr_head2:not(:has(img)):after {
    right: 0;
  }
}
@media screen and (min-width: 769px) {
  .btr_head2 img {
    height: 60px;
  }
}
@media screen and (max-width: 768px) {
  .btr_head2 img {
    height: 7.466666666666667vw;
  }
}
.btr_head4 {
  text-align: center;
}
@media screen and (min-width: 769px) {
  .btr_head4 {
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 768px) {
  .btr_head4 {
    margin-bottom: 6.4vw;
  }
}
@media screen and (min-width: 769px) {
  .btr_head4 img {
    height: 31px;
  }
}
@media screen and (max-width: 768px) {
  .btr_head4 img {
    height: 6.133333333333333vw;
  }
}
.head2_text {
  text-align: center;
}
@media screen and (min-width: 769px) {
  .head2_text {
    margin-bottom: 34px;
  }
}
@media screen and (max-width: 768px) {
  .head2_text {
    margin-bottom: 31px;
  }
}
@media screen and (min-width: 769px) {
  .head2_text img {
    height: 24px;
  }
}
@media screen and (max-width: 768px) {
  .head2_text img {
    height: 5.6vw;
  }
}
.detail_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  font-weight: bold;
  color: #fff;
  letter-spacing: 0;
  text-align: center;
  margin-inline: auto;
  background-color: #c45aff;
  background-image: url("/files/user/content/btr/img/btn_toggle.png");
}
@media screen and (min-width: 769px) {
  .detail_btn {
    margin-top: 24px;
    max-width: 350px;
    height: 70px;
    border-radius: 50px;
    background-position: right 24px center;
    background-size: 9px auto;
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .detail_btn {
    margin-top: 6.4vw;
    max-width: 81.33333333333333vw;
    height: 18.666666666666668vw;
    border-radius: 100px;
    background-position: right 5.6vw center;
    background-size: 2.4vw auto;
    font-size: 4.8vw;
  }
}
@media screen and (min-width: 769px) {
  .btr_introduction {
    padding-top: 80px;
  }
}
@media screen and (max-width: 768px) {
  .btr_introduction {
    padding-top: 50px;
  }
}
.btr_intro_inr {
  position: relative;
  z-index: 0;
  max-width: 962px;
  margin: 0 auto;
  text-align: center;
}
.btr_intro_inr:before,
.btr_intro_inr:after {
  position: absolute;
  content: "";
  z-index: -1;
  background-size: 100% 100%;
}
@media screen and (min-width: 769px) {
  .btr_intro_inr:before,
  .btr_intro_inr:after {
    width: 123px;
    height: 98px;
  }
}
@media screen and (max-width: 768px) {
  .btr_intro_inr:before,
  .btr_intro_inr:after {
    width: 16.266666666666666vw;
    height: 13.066666666666666vw;
  }
}
.btr_intro_inr:before {
  background-image: url("/files/user/content/btr/img/comma_left.png");
  top: 0;
}
@media screen and (min-width: 769px) {
  .btr_intro_inr:before {
    left: 0;
  }
}
@media screen and (max-width: 768px) {
  .btr_intro_inr:before {
    left: 4vw;
  }
}
.btr_intro_inr:after {
  background-image: url("/files/user/content/btr/img/comma_right.png");
  bottom: 0;
}
@media screen and (min-width: 769px) {
  .btr_intro_inr:after {
    right: 0;
  }
}
@media screen and (max-width: 768px) {
  .btr_intro_inr:after {
    right: 4vw;
  }
}
@media screen and (min-width: 769px) {
  .btr_intro_inr {
    padding-block: 69px 60px;
    padding-inline: clamp(20px, 2.857142857142857vw, 40px);
  }
}
@media screen and (max-width: 768px) {
  .btr_intro_inr {
    padding-block: 8vw 13.866666666666667vw;
    padding-inline: 4vw;
  }
}
.btr_intro_inr p {
  font-weight: 500;
}
@media screen and (min-width: 769px) {
  .btr_intro_inr p {
    word-break: keep-all;
    font-size: 24px;
  }
}
@media screen and (max-width: 768px) {
  .btr_intro_inr p {
    font-size: 4vw;
  }
}
.btr_intro_inr p strong {
  font-weight: 900;
  color: #fff000;
}
@media screen and (min-width: 769px) {
  .btr_intro_inr p strong {
    line-height: 1;
    font-size: 32px;
  }
}
@media screen and (max-width: 768px) {
  .btr_intro_inr p strong {
    font-size: 4.266666666666667vw;
  }
}
.btr_order {
  position: relative;
  z-index: 0;
}
@media screen and (min-width: 769px) {
  .btr_order {
    padding: 80px 0;
  }
  .btr_order:after {
    position: absolute;
    content: "";
    bottom: -3px;
    width: 100%;
    height: 100%;
    left: 0;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100% clamp(600px, 63.714285714285715vw, 892px);
    background-image: url("/files/user/content/btr/img/order_bg.png");
  }
}
@media screen and (max-width: 768px) {
  .btr_order {
    padding-block: 13.333333333333334vw;
  }
}
.btr_order .y_border {
  color: #000;
  background: #ffffed;
}
.btr_order .section_wrap {
  position: relative;
  z-index: 1;
}
.order_head3 {
  font-weight: bold;
  letter-spacing: 0.05em;
  border-bottom: solid 2px #969696;
}
@media screen and (min-width: 769px) {
  .order_head3 {
    padding-bottom: 10px;
    margin-bottom: 15px;
    font-size: 22px;
  }
}
@media screen and (max-width: 768px) {
  .order_head3 {
    padding-bottom: 2.666666666666667vw;
    margin-bottom: 2.666666666666667vw;
    font-size: 4.266666666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .order_detail_block + .order_detail_block {
    margin-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  .order_detail_block + .order_detail_block {
    margin-top: 8vw;
  }
}
.order_period_title {
  text-align: center;
  margin-bottom: 10px;
}
@media screen and (min-width: 769px) {
  .order_period_title img {
    height: 22px;
  }
}
@media screen and (max-width: 768px) {
  .order_period_title img {
    height: 4.933333333333334vw;
  }
}
.order_period_text {
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 769px) {
  .order_period_text {
    font-size: 22px;
  }
}
@media screen and (max-width: 768px) {
  .order_period_text {
    font-size: 4.266666666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .order_detail_list {
    margin-left: 22px;
  }
}
@media screen and (max-width: 768px) {
  .order_detail_list {
    margin-left: 5.333333333333333vw;
  }
}
.order_detail_list li {
  font-weight: bold;
  letter-spacing: 0;
  list-style: disc;
}
@media screen and (min-width: 769px) {
  .order_detail_list li {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .order_detail_list li {
    line-height: 1.42;
    font-size: 3.733333333333333vw;
  }
}
.order_detail_list li.strong {
  color: #f00;
}
@media screen and (min-width: 769px) {
  .product_navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 26px;
    gap: 20px clamp(28px, 2.857142857142857vw, 40px);
  }
}
@media screen and (max-width: 768px) {
  .product_navigation {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    margin-top: 8vw;
    gap: 2.666666666666667vw 1.333333333333333vw;
  }
}
.product_navigation a {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-image: url("/files/user/content/btr/img/toggle.png");
  background-repeat: no-repeat;
  background-color: #c45aff;
}
@media screen and (min-width: 769px) {
  .product_navigation a {
    background-position: right 20px center;
    background-size: 15px auto;
    padding: 15px;
    width: clamp(300px, 24.285714285714285vw, 340px);
    font-size: 24px;
  }
}
@media screen and (max-width: 768px) {
  .product_navigation a {
    line-height: 1.2;
    padding-right: 2.666666666666667vw;
    background-position: right 5.333333333333333vw center;
    background-size: 2.4vw auto;
    max-width: 45.333333333333336vw;
    width: 100%;
    height: 19.2vw;
    font-size: 5.333333333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .product_navigation a:nth-of-type(odd):last-of-type {
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 2;
    grid-column-end: 3;
    margin-inline: auto;
  }
}
@media screen and (min-width: 769px) {
  .btr_product_section {
    margin-top: 80px;
  }
}
@media screen and (max-width: 768px) {
  .btr_product_section {
    margin-top: 13.333333333333334vw;
  }
}
.btr_product_section .y_border {
  background: #000;
}
@media screen and (max-width: 768px) {
  .btr_product_section .y_border {
    padding-block: 9.866666666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .btr_product_detail {
    margin-top: 42px;
  }
}
@media screen and (max-width: 768px) {
  .btr_product_detail {
    margin-top: 8vw;
  }
}
.btr_voice_list {
  display: -ms-grid;
  display: grid;
}
@media screen and (min-width: 769px) {
  .btr_voice_list {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    gap: clamp(16px, 1.7857142857142856vw, 25px);
    padding-left: clamp(16px, 1.3571428571428572vw, 19px);
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .btr_voice_list {
    padding-left: 2.666666666666667vw;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    gap: 2.666666666666667vw 4vw;
  }
}
.btr_voice_item {
  position: relative;
  cursor: pointer;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .btr_voice_item {
    padding-block: 17px 15px;
    row-gap: 12px;
    border-radius: 14px;
  }
}
@media screen and (max-width: 768px) {
  .btr_voice_item {
    border-radius: 8px;
    padding-block: 4.533333333333333vw 4.266666666666667vw;
  }
}
.btr_voice_item:nth-of-type(1) {
  background: #ff2291;
}
.btr_voice_item:nth-of-type(2) {
  background: #ffb400;
  color: #000;
}
.btr_voice_item:nth-of-type(3) {
  background: #02d1e0;
}
.btr_voice_item:nth-of-type(4) {
  background: #ff4637;
}
.btr_voice_item img {
  position: absolute;
}
@media screen and (min-width: 769px) {
  .btr_voice_item img {
    left: -20px;
    bottom: -30px;
    height: clamp(100px, 8.571428571428571vw, 120px);
  }
}
@media screen and (max-width: 768px) {
  .btr_voice_item img {
    left: -2.666666666666667vw;
    bottom: 0;
    height: 17.066666666666666vw;
  }
}
.btr_voice_name {
  font-family: "Barlow Condensed";
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 769px) {
  .btr_voice_name {
    font-size: clamp(20px, 1.7857142857142856vw, 25px);
  }
}
@media screen and (max-width: 768px) {
  .btr_voice_name {
    font-size: 4.266666666666667vw;
  }
}
.btr_voice_icon {
  border-radius: 50%;
  aspect-ratio: 1;
  border: solid 2px #fff;
  background-image: url("/files/user/content/btr/img/voice.png");
  background-repeat: no-repeat;
  background-color: #000;
  background-position: center;
  background-size: 50% auto;
  margin-inline: auto;
}
@media screen and (min-width: 769px) {
  .btr_voice_icon {
    margin-top: 12px;
    width: clamp(52px, 5vw, 70px);
  }
}
@media screen and (max-width: 768px) {
  .btr_voice_icon {
    margin-top: 2.666666666666667vw;
    width: 12.8vw;
  }
}
.product_name {
  font-weight: bold;
  text-align: center;
  line-height: 1.45;
}
@media screen and (min-width: 769px) {
  .product_name {
    font-size: 24px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  .product_name {
    white-space: nowrap;
    font-size: 5.333333333333333vw;
    margin-inline: -4.533333333333333vw;
    margin-bottom: 5.333333333333333vw;
  }
}
.product_price {
  text-align: center;
  font-weight: bold;
  font-family: "Roboto";
  line-height: 1.3;
}
@media screen and (min-width: 769px) {
  .product_price {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .product_price {
    font-size: 5.333333333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .product_price span {
    font-size: 3.733333333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .product_explain {
    font-size: 3.733333333333333vw;
  }
}
.item_grid {
  letter-spacing: 0;
}
@media screen and (min-width: 769px) {
  .item_grid {
    margin-top: 45px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 20px;
  }
}
.item_detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 20px;
}
@media screen and (min-width: 769px) {
  .item_detail {
    padding-left: clamp(20px, 2.857142857142857vw, 40px);
  }
}
@media screen and (min-width: 769px) {
  .item_detail .product_name,
  .item_detail .product_price {
    text-align: left;
  }
}
.item_detail .product_name {
  margin: 0;
}
.item_img_label {
  position: relative;
  background: #fff;
  border-radius: 14px;
  display: -ms-grid;
  display: grid;
  place-items: center;
}
@media screen and (min-width: 769px) {
  .item_img_label {
    aspect-ratio: 500/375;
  }
}
@media screen and (max-width: 768px) {
  .item_img_label {
    aspect-ratio: 305/280;
    padding-bottom: 8vw;
    margin-block: 8vw;
  }
}
.check_cart_wrap {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  right: clamp(12px, 1.7142857142857144vw, 24px);
  bottom: 10px;
}
.check_cart_wrap img {
  width: 29px;
}
.check_cart_wrap .check {
  border-radius: 50%;
  aspect-ratio: 1;
  border: solid 3px #000;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #edecf1;
  background-image: url("/files/user/content/btr/img/nocheck.png");
  background-size: 50% auto;
}
@media screen and (min-width: 769px) {
  .check_cart_wrap .check {
    width: clamp(30px, 2.857142857142857vw, 40px);
  }
}
@media screen and (max-width: 768px) {
  .check_cart_wrap .check {
    width: 40px;
  }
}
input[type=checkbox]:checked ~ label .check_cart_wrap .check {
  background-image: url("/files/user/content/btr/img/ischeck.png");
  background-color: #000;
}
@media screen and (min-width: 769px) {
  #composition .section_wrap {
    background-image: url("/files/user/content/btr/img/composition_bg.png");
    background-size: 100% 100%;
  }
}
@media screen and (min-width: 769px) {
  #composition .item_img_label {
    aspect-ratio: 500/459;
  }
}
@media screen and (max-width: 768px) {
  #composition .item_img_label {
    aspect-ratio: 305/300;
  }
}
@media screen and (min-width: 769px) {
  #composition .item_detail {
    row-gap: 16px;
  }
}
#composition .data_management {
  background: #fff;
  border-radius: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 769px) {
  #composition .data_management {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding: 10px clamp(10px, 1.3571428571428572vw, 19px);
    gap: clamp(10px, 1.4285714285714286vw, 20px);
  }
}
@media screen and (max-width: 768px) {
  #composition .data_management {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 1.333333333333333vw 10.133333333333333vw 2.4vw;
  }
}
#composition .data_img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 769px) {
  #composition .data_img {
    gap: 10px;
    width: calc((169 / 1400) * 100vw);
    max-width: 169px;
    -webkit-box-flex: 169;
        -ms-flex: 169;
            flex: 169;
  }
}
@media screen and (max-width: 768px) {
  #composition .data_img {
    gap: 4.266666666666667vw;
    -webkit-box-ordinal-group: 21;
        -ms-flex-order: 20;
            order: 20;
  }
}
#composition .data_img img {
  display: inline-block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (min-width: 769px) {
  #composition .data_img img {
    max-width: 79px;
    width: calc((79 / 1400) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  #composition .data_img img {
    max-width: 28.266666666666666vw;
  }
}
@media screen and (min-width: 769px) {
  #composition .data_detail {
    -webkit-box-flex: 233;
        -ms-flex: 233;
            flex: 233;
  }
}
@media screen and (max-width: 768px) {
  #composition .data_detail {
    display: contents;
  }
}
@media screen and (max-width: 768px) {
  #composition .data_detail_logo {
    margin-top: 5px;
    -webkit-box-ordinal-group: 31;
        -ms-flex-order: 30;
            order: 30;
    padding-inline: 1.066666666666667vw 2.4vw;
  }
}
@media screen and (min-width: 769px) {
  #composition .data_detail_logo img {
    margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  #composition .data_detail_logo img {
    margin-top: 5px;
  }
}
#composition .data_ttl {
  text-wrap: pretty;
  text-align: center;
  color: #000;
  font-weight: bold;
  letter-spacing: 0;
}
@media screen and (min-width: 769px) {
  #composition .data_ttl {
    font-size: clamp(13px, 1.1428571428571428vw, 16px);
  }
}
@media screen and (max-width: 768px) {
  #composition .data_ttl {
    font-size: 4.266666666666667vw;
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
    margin-bottom: 1.6vw;
  }
}
.composition_slide {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding-bottom: 20px;
}
@media screen and (min-width: 769px) {
  .composition_slide {
    width: clamp(220px, 33.357142857142854vw, 467px);
  }
}
@media screen and (max-width: 768px) {
  .composition_slide {
    width: 79.2vw;
  }
}
@media screen and (min-width: 769px) {
  .composition_slide .swiper-slide {
    padding-inline: 40px;
  }
}
@media screen and (max-width: 768px) {
  .composition_slide .swiper-slide {
    padding-inline: 30px;
  }
}
.composition_slide .swiper-pagination {
  bottom: 0;
}
.composition_slide .swiper-pagination-bullet {
  background: #fff;
  border: solid 1px #c45aff;
  margin: 0;
  opacity: 1;
}
@media screen and (min-width: 769px) {
  .composition_slide .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 0 5px;
  }
}
@media screen and (max-width: 768px) {
  .composition_slide .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 3px;
  }
}
.composition_slide .swiper-pagination-bullet-active {
  background: #c45aff;
}
.composition_slide .swiper-button-prev,
.composition_slide .swiper-button-next {
  color: #c45aff;
}
.composition_slide .swiper-button-prev:after,
.composition_slide .swiper-button-next:after {
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .composition_slide .swiper-button-prev,
  .composition_slide .swiper-button-next {
    width: 40px;
    height: 60px;
  }
  .composition_slide .swiper-button-prev:after,
  .composition_slide .swiper-button-next:after {
    font-size: 36px;
  }
}
@media screen and (max-width: 768px) {
  .composition_slide .swiper-button-prev,
  .composition_slide .swiper-button-next {
    width: 30px;
    height: 45px;
  }
  .composition_slide .swiper-button-prev:after,
  .composition_slide .swiper-button-next:after {
    font-size: 28px;
  }
}
@media screen and (min-width: 769px) {
  .composition_slide .swiper-button-prev {
    left: 0;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media screen and (max-width: 768px) {
  .composition_slide .swiper-button-prev {
    left: -3px;
  }
}
@media screen and (min-width: 769px) {
  .composition_slide .swiper-button-next {
    right: 0;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media screen and (max-width: 768px) {
  .composition_slide .swiper-button-next {
    right: -3px;
  }
}
.composition_slide .splide__arrow svg {
  width: 100%;
  height: 100%;
  fill: #c45aff;
}
#timer .section_wrap {
  position: relative;
  z-index: 0;
}
@media screen and (min-width: 769px) {
  #timer .section_wrap:before {
    position: absolute;
    content: "";
    z-index: -1;
    top: 172px;
    left: 0;
    width: 100%;
    height: calc(100% - 40px);
    background-image: url("/files/user/content/btr/img/timer_bg.png");
    background-size: 100% 100%;
  }
}
@media screen and (min-width: 769px) {
  .timer_mainimg {
    width: clamp(120px, 18vw, 252px);
  }
}
@media screen and (max-width: 768px) {
  .timer_mainimg {
    width: 42.13333333333333vw;
  }
}
.product_explain_container {
  position: relative;
  margin-inline: auto;
}
@media screen and (min-width: 769px) {
  .product_explain_container {
    margin-top: 42px;
  }
}
@media screen and (max-width: 768px) {
  .product_explain_container {
    margin-top: 8vw;
  }
}
.product_explain_container .comment_wrap {
  position: absolute;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 769px) {
  .product_explain_container .comment_wrap {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    text-wrap: balance;
  }
}
@media screen and (max-width: 768px) {
  .product_explain_container .comment_wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 40vw;
  }
}
.product_explain_container .comment_wrap:before,
.product_explain_container .comment_wrap:after {
  position: absolute;
  content: "";
  background-size: 100% 100%;
}
@media screen and (max-width: 768px) {
  .product_explain_container .comment_wrap:before,
  .product_explain_container .comment_wrap:after {
    width: 7.733333333333333vw;
    aspect-ratio: 29/14;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.product_explain_container .comment_wrap.left_top,
.product_explain_container .comment_wrap.left_bottom {
  left: 0;
}
@media screen and (min-width: 769px) {
  .product_explain_container .comment_wrap.left_top,
  .product_explain_container .comment_wrap.left_bottom {
    letter-spacing: -0.03em;
    padding-right: 32px;
  }
}
@media screen and (max-width: 768px) {
  .product_explain_container .comment_wrap.left_top,
  .product_explain_container .comment_wrap.left_bottom {
    letter-spacing: 0;
  }
}
.product_explain_container .comment_wrap.left_top:after,
.product_explain_container .comment_wrap.left_bottom:after {
  width: 32px;
  aspect-ratio: 32/25;
  right: 0;
}
.product_explain_container .comment_wrap.right_top,
.product_explain_container .comment_wrap.right_bottom {
  letter-spacing: 0;
  right: 0;
}
@media screen and (min-width: 769px) {
  .product_explain_container .comment_wrap.right_top,
  .product_explain_container .comment_wrap.right_bottom {
    padding-left: 32px;
  }
  .product_explain_container .comment_wrap.right_top:before,
  .product_explain_container .comment_wrap.right_bottom:before {
    left: 0;
  }
}
@media screen and (max-width: 768px) {
  .product_explain_container .comment_wrap.left_top:after,
  .product_explain_container .comment_wrap.right_top:after {
    bottom: -3.733333333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .product_explain_container .comment_wrap.left_bottom:before,
  .product_explain_container .comment_wrap.right_bottom:before {
    top: -3.733333333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .product_explain_container .comment_wrap.left_top:after {
    background-image: url("/files/user/content/btr/img/left_top_pc.png");
  }
}
@media screen and (max-width: 768px) {
  .product_explain_container .comment_wrap.left_top:after {
    background-image: url("/files/user/content/btr/img/left_top_sp.png");
  }
}
@media screen and (min-width: 769px) {
  .product_explain_container .comment_wrap.left_bottom:after {
    background-image: url("/files/user/content/btr/img/left_bottom_pc.png");
  }
}
@media screen and (max-width: 768px) {
  .product_explain_container .comment_wrap.left_bottom:before {
    background-image: url("/files/user/content/btr/img/left_bottom_sp.png");
  }
}
@media screen and (min-width: 769px) {
  .product_explain_container .comment_wrap.right_top:before {
    background-image: url("/files/user/content/btr/img/right_top_pc.png");
    width: 34px;
    aspect-ratio: 34/25;
  }
}
@media screen and (max-width: 768px) {
  .product_explain_container .comment_wrap.right_top:after {
    background-image: url("/files/user/content/btr/img/right_top_sp.png");
  }
}
@media screen and (min-width: 769px) {
  .product_explain_container .comment_wrap.right_bottom:before {
    background-image: url("/files/user/content/btr/img/right_bottom_pc.png");
    width: 34px;
    aspect-ratio: 34/25;
  }
}
@media screen and (max-width: 768px) {
  .product_explain_container .comment_wrap.right_bottom:before {
    background-image: url("/files/user/content/btr/img/right_bottom_sp.png");
  }
}
.product_explain_container .comment {
  background: #c45aff;
}
.product_explain_container .comment:before,
.product_explain_container .comment:after {
  display: block;
}
@media screen and (min-width: 769px) {
  .product_explain_container .comment {
    width: clamp(220px, 21.428571428571427vw, 300px);
    padding-block: clamp(16px, 2.2857142857142856vw, 32px);
    font-size: clamp(13px, 1.1428571428571428vw, 16px);
  }
}
@media screen and (max-width: 768px) {
  .product_explain_container .comment {
    font-size: 2.933333333333333vw;
    padding-block: 3.733333333333333vw;
    line-height: calc(20 / 11);
  }
}
.product_explain_container .comment b {
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .product_explain_container .comment b {
    font-size: clamp(18px, 1.6428571428571428vw, 23px);
    line-height: 1.4;
  }
}
@media screen and (max-width: 768px) {
  .product_explain_container .comment b {
    font-size: 3.733333333333333vw;
    line-height: calc(18 / 14);
  }
}
.product_explain_item {
  margin-inline: auto;
}
#pedometer .section_wrap {
  position: relative;
  z-index: 0;
}
@media screen and (min-width: 769px) {
  #pedometer .section_wrap:before {
    position: absolute;
    content: "";
    z-index: -1;
    width: 100%;
    height: clamp(600px, 62.42857142857143vw, 874px);
    left: 0;
    top: 59.5%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background-size: 100% 100%;
    background-image: url("/files/user/content/btr/img/pedometer_bg.png");
  }
}
#pedometer .product_explain_container {
  max-width: 901px;
}
@media screen and (min-width: 769px) {
  #pedometer .product_explain_container {
    padding-bottom: 45px;
  }
}
@media screen and (max-width: 768px) {
  #pedometer .product_explain_container {
    padding-block: 44vw 42.13333333333333vw;
    margin-bottom: 3.2vw;
  }
}
@media screen and (min-width: 769px) {
  #pedometer .product_explain_item {
    max-width: clamp(160px, 15.142857142857144vw, 212px);
  }
}
@media screen and (max-width: 768px) {
  #pedometer .product_explain_item {
    width: 56.53333333333333vw;
  }
}
@media screen and (min-width: 769px) {
  #pedometer .comment_wrap.left_top {
    top: clamp(25px, 3.571428571428571vw, 50px);
  }
  #pedometer .comment_wrap.left_top:after {
    bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  #pedometer .comment_wrap.left_top {
    top: 4.533333333333333vw;
  }
}
@media screen and (min-width: 769px) {
  #pedometer .comment_wrap.left_top .comment {
    padding-block: clamp(5px, 0.7142857142857143vw, 10px) clamp(16px, 1.5714285714285716vw, 22px);
    padding-right: clamp(0px, 0.35714285714285715vw, 5px);
  }
}
@media screen and (max-width: 768px) {
  #pedometer .comment_wrap.left_top .comment {
    padding-block: 1.866666666666667vw;
  }
  #pedometer .comment_wrap.left_top .comment b {
    font-size: 2.933333333333333vw;
    line-height: calc(20 / 11);
  }
}
@media screen and (min-width: 769px) {
  #pedometer .comment_wrap.left_bottom {
    bottom: clamp(36px, 5.142857142857142vw, 72px);
  }
  #pedometer .comment_wrap.left_bottom:after {
    bottom: 26px;
  }
}
@media screen and (max-width: 768px) {
  #pedometer .comment_wrap.left_bottom {
    bottom: 0;
  }
}
@media screen and (min-width: 769px) {
  #pedometer .comment_wrap.left_bottom .comment {
    padding-left: clamp(0px, 0.5vw, 7px);
  }
}
@media screen and (min-width: 769px) {
  #pedometer .comment_wrap.right_top {
    top: clamp(25px, 3.571428571428571vw, 50px);
  }
  #pedometer .comment_wrap.right_top:before {
    bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  #pedometer .comment_wrap.right_top {
    top: 0;
  }
}
@media screen and (min-width: 769px) {
  #pedometer .comment_wrap.right_top .comment {
    padding-inline: clamp(12px, 1.4285714285714286vw, 20px);
  }
}
@media screen and (max-width: 768px) {
  #pedometer .comment_wrap.right_top .comment {
    padding-block: 3.733333333333333vw 5.066666666666666vw;
  }
}
@media screen and (min-width: 769px) {
  #pedometer .comment_wrap.right_bottom {
    bottom: clamp(52px, 7.428571428571429vw, 104px);
  }
  #pedometer .comment_wrap.right_bottom:before {
    bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  #pedometer .comment_wrap.right_bottom {
    bottom: 2.4vw;
  }
}
@media screen and (min-width: 769px) {
  #pedometer .product_order_list {
    gap: 40px;
  }
}
#pedometer .product_order_item {
  padding-top: 19px;
}
#pedometer .product_order_item .check_cart_wrap {
  top: -19px;
}
@media screen and (min-width: 769px) {
  #pedometer .product_order_item {
    width: 184px;
  }
}
@media screen and (min-width: 769px) {
  #pedometer .product_order_img {
    padding-block: 29px 10px;
    padding-inline: 27px;
  }
}
@media screen and (max-width: 768px) {
  #pedometer .product_order_img {
    padding-block: 31px 12px;
    padding-inline: 5.333333333333333vw;
  }
}
@media screen and (max-width: 768px) {
  #pedometer .check_cart_wrap .check {
    width: 38px;
  }
}
.option_product_block {
  border: solid 3px #c45aff;
  background: #ffffeb;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  color: #000;
}
@media screen and (min-width: 769px) {
  .option_product_block {
    max-width: 814px;
    -ms-grid-columns: 3fr 4fr;
    grid-template-columns: 3fr 4fr;
    gap: clamp(20px, 2.142857142857143vw, 30px);
    margin-inline: auto;
    margin-top: 24px;
    padding-block: clamp(20px, 2.142857142857143vw, 30px);
    padding-inline: clamp(30px, 2.7857142857142856vw, 39px);
  }
}
@media screen and (max-width: 768px) {
  .option_product_block {
    margin-top: 3.2vw;
    padding: 4.533333333333333vw 2.666666666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .option_product_block .check_cart_wrap {
    right: 7px;
  }
}
@media screen and (max-width: 768px) {
  .option_product_block .check_cart_wrap {
    right: 0;
  }
}
@media screen and (min-width: 769px) {
  .option_product_block .item_image {
    aspect-ratio: 300/210;
  }
}
@media screen and (max-width: 768px) {
  .option_product_block .item_img_label {
    background-color: transparent;
    padding-bottom: 10.666666666666666vw;
    margin-top: 0;
    margin-bottom: 2.666666666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .option_product_block .option_img {
    width: 102px;
  }
}
@media screen and (max-width: 768px) {
  .option_product_block .option_img {
    width: 35.733333333333334vw;
  }
}
.option_product_block .product_price {
  text-align: left;
  font-family: "Noto Sans JP";
}
@media screen and (min-width: 769px) {
  .option_product_block .product_price {
    margin: 10px 0 20px;
  }
}
@media screen and (max-width: 768px) {
  .option_product_block .product_price {
    font-size: 4.8vw;
    margin: 2.666666666666667vw 0;
  }
}
@media screen and (max-width: 768px) {
  .option_product_block .product_price span {
    font-size: 3.2vw;
  }
}
.option_item_name {
  font-weight: bold;
  line-height: 1.4;
}
@media screen and (min-width: 769px) {
  .option_item_name {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .option_item_name {
    font-size: 4.266666666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .option_item_name span {
    font-size: 3.2vw;
  }
}
.option_item_text {
  font-weight: 500;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .option_item_text {
    font-size: 3.733333333333333vw;
  }
}
#hygrometer .section_wrap {
  position: relative;
  z-index: 0;
}
@media screen and (min-width: 769px) {
  #hygrometer .section_wrap:before {
    position: absolute;
    content: "";
    z-index: -1;
    width: 100%;
    height: clamp(550px, 54.64285714285714vw, 765px);
    top: 25%;
    left: 0;
    background-size: 100% 100%;
    background-image: url("/files/user/content/btr/img/hygrometer_bg.png");
  }
}
#hygrometer .product_explain_container {
  max-width: 971px;
}
@media screen and (min-width: 769px) {
  #hygrometer .product_explain_container {
    padding-block: 59px 100px;
  }
}
@media screen and (max-width: 768px) {
  #hygrometer .product_explain_container {
    padding-block: 34.13333333333333vw 33.6vw;
    margin-bottom: 3.2vw;
  }
}
@media screen and (min-width: 769px) {
  #hygrometer .product_explain_item {
    max-width: 282px;
    width: calc((282 / 1400) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  #hygrometer .product_explain_item {
    width: 75.2vw;
  }
}
@media screen and (max-width: 768px) {
  #hygrometer .comment_wrap .comment {
    padding-block: 3.2vw;
  }
}
#hygrometer .comment_wrap.left_top {
  top: 0;
}
@media screen and (min-width: 769px) {
  #hygrometer .comment_wrap.left_top:after {
    bottom: 26px;
  }
}
@media screen and (min-width: 769px) {
  #hygrometer .comment_wrap.left_bottom {
    bottom: clamp(36px, 5.142857142857142vw, 72px);
  }
  #hygrometer .comment_wrap.left_bottom:after {
    top: 56%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
@media screen and (max-width: 768px) {
  #hygrometer .comment_wrap.left_bottom {
    bottom: 0;
  }
}
#hygrometer .comment_wrap.right_top {
  top: 0;
}
@media screen and (min-width: 769px) {
  #hygrometer .comment_wrap.right_top:before {
    bottom: 26px;
  }
}
@media screen and (min-width: 769px) {
  #hygrometer .comment_wrap.right_top .comment {
    padding-left: clamp(6px, 0.8571428571428572vw, 12px);
  }
}
@media screen and (min-width: 769px) {
  #hygrometer .comment_wrap.right_bottom {
    bottom: clamp(30px, 4.357142857142858vw, 61px);
  }
  #hygrometer .comment_wrap.right_bottom:before {
    bottom: 46px;
  }
}
@media screen and (max-width: 768px) {
  #hygrometer .comment_wrap.right_bottom {
    bottom: 0;
  }
}
@media screen and (min-width: 769px) {
  #hygrometer .product_order_list {
    gap: 24px;
  }
}
@media screen and (min-width: 769px) {
  #hygrometer .product_order_item {
    padding-top: 26px;
    width: 230px;
  }
}
@media screen and (max-width: 768px) {
  #hygrometer .product_order_item {
    padding-top: 17px;
  }
}
@media screen and (min-width: 769px) {
  #hygrometer .product_order_item .check_cart_wrap {
    top: -26px;
  }
}
@media screen and (max-width: 768px) {
  #hygrometer .product_order_item .check_cart_wrap {
    top: -19px;
  }
}
@media screen and (min-width: 769px) {
  #hygrometer .product_order_img {
    padding-block: 16px 9px;
    padding-inline: 12px;
  }
}
@media screen and (max-width: 768px) {
  #hygrometer .product_order_img {
    padding-block: 17px;
    padding-inline: 4.533333333333333vw;
  }
}
@media screen and (max-width: 768px) {
  #hygrometer .check_cart_wrap .check {
    width: 29px;
  }
}
@media screen and (min-width: 769px) {
  .product_order_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .product_order_list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    gap: 24px 3.733333333333333vw;
  }
}
.product_order_item {
  position: relative;
}
.product_order_item input[type=checkbox]:checked ~ label .check_cart_wrap .check {
  border: solid 2px #fff;
}
.product_order_item label {
  position: relative;
  display: block;
  cursor: pointer;
}
.product_order_item .check_cart_wrap {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  bottom: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.product_order_img {
  background: #fff;
  border-radius: 14px 14px 0 0;
}
.product_order_name {
  font-weight: bold;
  text-align: center;
  border: solid 2px #fff;
  border-radius: 0 0 14px 14px;
  height: 84px;
  padding-top: 13px;
}
#acrylicstand .section_wrap {
  position: relative;
  z-index: 0;
}
@media screen and (min-width: 769px) {
  #acrylicstand .section_wrap:before {
    position: absolute;
    content: "";
    z-index: -1;
    width: 100%;
    height: clamp(600px, 60.357142857142854vw, 845px);
    bottom: 5.25%;
    left: 0;
    background-size: 100% 100%;
    background-image: url("/files/user/content/btr/img/acrylicstand_bg.png");
  }
}
@media screen and (min-width: 769px) {
  #acrylicstand .product_order_list {
    gap: 40px;
  }
}
#acrylicstand .product_order_item {
  padding-top: 19px;
}
@media screen and (min-width: 769px) {
  #acrylicstand .product_order_item {
    width: 184px;
  }
}
#acrylicstand .product_order_item .check_cart_wrap {
  top: -19px;
}
@media screen and (max-width: 768px) {
  #acrylicstand .item_img_label {
    padding-top: 8vw;
  }
}
@media screen and (min-width: 769px) {
  #acrylicstand .acrylicstand_mainimg {
    width: clamp(150px, 12.5vw, 175px);
  }
}
@media screen and (max-width: 768px) {
  #acrylicstand .acrylicstand_mainimg {
    width: 40vw;
  }
}
#acrylicstand .product_order_img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (min-width: 769px) {
  #acrylicstand .product_order_img {
    aspect-ratio: 184/364;
    padding-block: 29px 10px;
    padding-inline: 15px;
  }
}
@media screen and (max-width: 768px) {
  #acrylicstand .product_order_img {
    aspect-ratio: 146/288;
    padding-block: 31px 12px;
    padding-inline: 4vw;
  }
}
.btr_cart-wrapper {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 100000;
  background: rgba(0,0,0,0.8);
}
@media screen and (min-width: 769px) {
  .btr_cart-wrapper {
    padding: 17px 0;
  }
}
@media screen and (max-width: 768px) {
  .btr_cart-wrapper {
    padding: 10px 4vw;
  }
}
.btr_cart__btn {
  position: relative;
  background: #fff000;
  margin: auto;
  color: #000;
}
@media screen and (min-width: 769px) {
  .btr_cart__btn {
    width: clamp(360px, 32.142857142857146vw, 450px);
  }
}
.btr_cart input[type=submit] {
  display: block;
  position: relative;
  width: 100%;
  color: transparent;
  background: transparent;
  z-index: 9999999;
  cursor: pointer;
  -webkit-box-shadow: 0px 3px 10px rgba(0,0,0,0.149);
          box-shadow: 0px 3px 10px rgba(0,0,0,0.149);
}
@media screen and (min-width: 769px) {
  .btr_cart input[type=submit] {
    height: 62px;
  }
}
@media screen and (max-width: 768px) {
  .btr_cart input[type=submit] {
    height: 60px;
  }
}
.btr_cart__text {
  position: absolute;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #000;
  overflow: hidden;
  z-index: 2;
}
@media screen and (min-width: 769px) {
  .btr_cart__text {
    font-size: min(1.76991150442478vw, 20px);
  }
}
@media screen and (max-width: 768px) {
  .btr_cart__text {
    letter-spacing: 0.02em;
    font-size: 18px;
  }
}
.btr_cart__text p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
  gap: 10px;
}
.btr_cart__text p:before {
  content: "";
  display: inline-block;
  background: url("/files/user/content/btr/img/icon_cart.png") no-repeat 0 0;
  background-size: 100% 100%;
}
@media screen and (min-width: 769px) {
  .btr_cart__text p:before {
    aspect-ratio: 34/32;
    width: clamp(24px, 2.4285714285714284vw, 34px);
  }
}
@media screen and (max-width: 768px) {
  .btr_cart__text p:before {
    aspect-ratio: 30/28;
    width: 30px;
  }
}
.btr_cart__number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 50%;
  line-height: 1;
  aspect-ratio: 1;
  border-radius: 100%;
  color: #fff;
  font-weight: 500;
  background-color: #d8232a;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (min-width: 769px) {
  .btr_cart__number {
    width: clamp(24px, 2.142857142857143vw, 30px);
    font-size: clamp(14px, 1.2142857142857142vw, 17px);
    right: clamp(12px, 1.4285714285714286vw, 20px);
  }
}
@media screen and (max-width: 768px) {
  .btr_cart__number {
    width: 28px;
    font-size: 12px;
    right: 20px;
  }
}
.btr_copyright {
  text-align: center;
  font-family: "Roboto";
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .btr_copyright {
    font-size: 14px;
    margin-top: 80px;
    padding-bottom: 25px;
  }
}
@media screen and (max-width: 768px) {
  .btr_copyright {
    font-size: 12px;
    padding: 20px 0;
  }
}

/*# sourceMappingURL=btr.css.map */