@charset "UTF-8";
/* ティッカー非表示 20241025 */
.bb_support_none {
  display: none;
}

/* /ティッカー非表示20241025 */
/* 料金プラン バナー非表示 */
.plan-tsuikalp-none {
  display: none;
}

/* 料金プラン バナー非表示 */
/* 適用条件 追加新規用表示 */
.jouken-tsuikashinki.disnone {
  display: block;
}

/* /適用条件 追加新規用表示 */
/* 製品ページへ戻るボタン用 */
#footbtn {
  position: sticky;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

/* /製品ページへ戻るボタン用 */
.bg-color {
  background-color: #fef8d8;
}
.bg-pink {
  background-color: #FFF5F7;
}
.bg-straw {
  background-color: #FEF8D8;
}
.bg-blue {
  background-color: #F4FCFC;
}
.bg-cp {
  background-color: #FFE600;
}

.d-flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.flex-stretch {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.justify-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.align-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mlr-auto {
  margin-left: auto;
  margin-right: auto;
}

.wid-max-760 {
  width: 100%;
  max-width: 760px;
}
.wid-max-780 {
  width: 100%;
  max-width: 780px;
}

.ttl-yellow {
  color: #fff000;
}

.ttl-big {
  font-weight: bold;
  font-size: 42px;
}
@media (max-width: 768px) {
  .ttl-big {
    font-size: 30px;
  }
}

.ttl-bg-new, .ttl-bg-mnp {
  padding: 5px;
  text-align: center;
  color: #fff;
}
.ttl-bg-new {
  background-color: #FF9E3E;
}
.ttl-bg-mnp {
  background-color: #2BB5FF;
}
.ttl-bg-gray {
  background-color: #EFEFEF;
}
.ttl-bg-color {
  background-color: #f900ca;
}
.ttl-bg-red {
  background-color: #ff0033;
}

.ttl-bar {
  padding: 0.25em 1em;
  display: inline-block;
  border: solid 3px #FF820C;
  border-radius: 999rem;
  background-color: #fff;
}

.ttl-line {
  border-bottom: solid 3px #fff000;
}

.ttl-balloon {
  position: relative;
  padding: 0.5em 1em;
  display: inline-block;
  border-radius: 0.5em;
  background-color: #ccc;
}
.ttl-balloon::after {
  content: "";
  position: absolute;
  left: 20%;
  bottom: 0;
  display: inline-block;
  border: solid 0.5em transparent;
  border-top-color: #ccc;
  border-right-color: #ccc;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.ttl-balloon-yellow {
  background-color: #fff000;
}
.ttl-balloon-yellow::after {
  border-top-color: #fff000;
  border-right-color: #fff000;
}

.text-larger {
  font-size: 1.5em;
}

.text-smaller {
  font-size: 0.5em;
}

.border-red {
  border: solid 3px #ff0033;
}

.corner-r {
  border-radius: 8px;
}
@media (max-width: 768px) {
  .corner-r {
    background-repeat: 7px;
  }
}

.corner-c {
  border-radius: 999px;
}

.icon-wrap {
  position: relative;
}
.icon-wrap .icon-circle {
  position: absolute;
  top: 0;
  right: 0;
  width: 135px;
  aspect-ratio: 1/1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  border-radius: 50%;
  background-color: #fff000;
}
@media (max-width: 768px) {
  .icon-wrap .icon-circle {
    width: 80px;
    -webkit-transform: translate(20%, -55%);
            transform: translate(20%, -55%);
  }
}

.over-none {
  overflow: hidden;
}

.anc-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.anc-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}
.anc-item-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.anc-btn {
  padding: 10px 10px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.2;
  border-radius: 10px;
}
.anc-btn:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transform: translateY(7px);
          transform: translateY(7px);
}
.anc-btn-orange {
  background-color: #ffbb33;
  -webkit-box-shadow: 0 7px #ff7733;
          box-shadow: 0 7px #ff7733;
}
.anc-btn-blue {
  background-color: #55ddff;
  -webkit-box-shadow: 0 7px #5599ff;
          box-shadow: 0 7px #5599ff;
}

.box-cp {
  border-radius: 10px;
  border: solid 1px #ff0033;
  background-color: #fff;
}
.box-cp-ttl {
  padding: 10px;
  color: #fff;
  font-weight: bold;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
  background-color: #ff0033;
}

/* 適用条件用 */
.box-title-black {
  border: solid 1px #000;
  background-color: #000;
  color: #fff;
}

.box-black {
  border: solid 1px #000;
}

.under-line {
  font-weight: bold;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), color-stop(0%, #ffdd00));
  background: linear-gradient(transparent 65%, #ffdd00 0%);
}

/* /適用条件用 */
/* 製品スライダー用 */
.slider-model.swiper {
  position: relative;
}
.slider-model .swiper-slide {
  height: auto;
}
.slider-model .swiper-button-next,
.slider-model .swiper-button-prev {
  position: relative;
  width: 60px;
  height: 60px;
  background-image: none;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2;
  overflow: hidden;
  cursor: pointer;
}
.slider-model .swiper-button-next::before,
.slider-model .swiper-button-prev::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 20px;
  height: 20px;
  border: solid 4px transparent;
}
.slider-model .swiper-button-next::before {
  border-top-color: #000;
  border-right-color: #000;
  -webkit-transform: rotate(45deg) translate(-80%, 20%);
          transform: rotate(45deg) translate(-80%, 20%);
}
.slider-model .swiper-button-prev::before {
  border-top-color: #000;
  border-left-color: #000;
  -webkit-transform: rotate(-45deg) translate(20%, -50%);
          transform: rotate(-45deg) translate(20%, -50%);
}
@media (max-width: 500px) {
  .slider-model .swiper-button-next,
  .slider-model .swiper-button-prev {
    width: 8vw;
    height: 8vw;
  }
  .slider-model .swiper-button-next::before,
  .slider-model .swiper-button-prev::before {
    width: 10px;
    height: 10px;
    border-width: 2px;
  }
  .slider-model .slider-model .swiper-button-next,
  .slider-model .slider-model .swiper-button-prev {
    width: 50px;
    height: 50px;
  }
  .slider-model .slider-model .swiper-button-next::before,
  .slider-model .slider-model .swiper-button-prev::before {
    width: 15px;
    height: 15px;
  }
}

/* /製品スライダー用 */
/* 表示調整 */
p {
  margin-bottom: 20px;
}

img {
  display: inline-block;
}

.box-product-image img,
.slider-cp .swiper-slide img {
  width: auto;
}

.bnr-slider-store img {
  display: block;
}

.slider-cp .swiper-pagination {
  padding: 0;
  background: none;
}

#select-color-and-capacity-drawer p {
  margin-bottom: 0;
}

.box-product-title {
  font-size: 15px;
  padding: 10px 3px;
}

.refinemodal {
  width: 100%;
  left: 0;
}

/* /表示調整 */
/* 製品一覧用　20250314 */
.box-product-title-red {
  color: #fff;
  background-color: #ff0033;
}

.box-product-title-black {
  color: #fff;
  background-color: #000;
}

.col-box .between {
  margin-left: auto;
  margin-right: auto;
  max-width: 350px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.col-box .between p {
  margin-bottom: 0;
}
.col-box .between p:nth-child(2) {
  font-size: 18px;
}
.col-box .between.total {
  font-weight: bold;
}
.col-box .between.total p:nth-child(1) {
  font-size: 18px;
}
.col-box .between.total p:nth-child(2) {
  font-size: 20px;
}
.col-box .between.sankaku {
  position: relative;
  padding-top: 1.25em;
}
.col-box .between.sankaku::before {
  content: "";
  position: absolute;
  top: 0.5em;
  left: 50%;
  display: block;
  border: solid 2em transparent;
  border-top: solid 1.25em #999;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.col-box .between.border-b {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: dotted 2px #333;
}

.col-box-gray {
  margin-top: 10px;
  padding: 10px;
  border-radius: 10px;
  background-color: #efefef;
}
.col-box-gray .bg-black {
  margin: -10px -10px 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.col-box-flex {
  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;
}
.col-box-flex div:nth-child(2) {
  margin-left: 15px;
  color: #ff0033;
  line-height: 1;
  font-size: 18px;
}
.col-box-flex div:nth-child(2) strong {
  font-size: 24px;
}

@media (max-width: 768px) {
  .col-box .between p:nth-child(2) {
    font-size: 17px;
  }
  .col-box .between.total p:nth-child(1) {
    font-size: 17px;
  }
  .col-box .between.total p:nth-child(2) {
    font-size: 19px;
  }
}
.toku-fuki {
  display: inline-block;
  background: rgb(255, 45, 45);
  background: -webkit-gradient(linear, left top, right top, from(rgb(255, 45, 45)), to(rgb(255, 111, 40)));
  background: linear-gradient(90deg, rgb(255, 45, 45) 0%, rgb(255, 111, 40) 100%);
  color: #fff;
  padding: 5px 10px;
  text-align: center;
  font-weight: bold;
  position: relative;
  font-size: 12px;
  margin: 10px 0;
}
.toku-fuki::before {
  content: "";
  position: absolute;
  bottom: -18px;
  left: 80%;
  border: 10px solid transparent;
  border-top: 12px solid #f36c33;
}

.price-l {
  font-size: 1.5em;
}

.price-xl {
  font-size: 1.75em;
}

.js-open-drawer {
  cursor: pointer;
}

/* /製品一覧用 20250314 */
/* 製品モーダル用 20240314 */
.c-drawer--open {
  z-index: 99999;
}

.ul-payment-list.list4 li {
  width: 48% !important;
}

.c-radio-input:disabled + .c-radio {
  background-color: #A2A2A2;
}

/* /製品モーダル用 20240314 */
/* カウントダウン用 20250319 */
.position-sticky {
  position: sticky;
  top: 0;
  z-index: 5;
}

.cd_time_date_ts, .cd_time_hour_ts, .cd_time_min_ts, .cd_time_s_ts {
  margin-left: 5px;
  margin-right: 5px;
  padding: 2px 5px;
  display: inline-block;
  line-height: 1;
  font-size: 2em;
  border-radius: 3px;
  background-color: #fff;
}

/* /カウントダウン用 20250319 */
/* チャット追加 */
@media (max-width: 768px) {
  .header-submenu.header-submenu--temporarily211020 {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    z-index: 10000;
  }
  .header-submenu.header-submenu--temporarily211020 .header-submenu-chat span {
    display: inline-block;
    width: 60px;
    height: 56px;
    background: url(/common_c/images/common/icon/icon_chat.png) center 1px no-repeat;
    background-size: 35px 37px;
    background-position: center center;
  }
  .js-chatbtn.chatbtn-wrapper {
    display: none !important;
  }
}
/* /チャット追加 */