@charset "UTF-8";
/********************************
*
* ベースのCSSは「style_sp.css」でSP/PC共通
* 当ファイルはPCで上書きしたいCSSのみ
*
*********************************/
*::-webkit-scrollbar {
  display: none;
}
/* layout
------------------------------*/
.bgWrapper {
  display: flex;
  justify-content: center;
  background: #eb5606
}
.pc_wrapper {
  position: relative;
  box-sizing: content-box;
  width: 100%;
  max-width: 480px;
  height: 100%;
  margin: 0 auto;
  background: #fe8d1d;
}
.pc_bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #eb5606 url("/auto/images/fix/bakutokusale/pcc/pc_bg.png?20260302") repeat-x bottom center;
}
.pc_left {
  display: flex;
  position: fixed;
  left: 0;
  align-items: center;
  justify-content: center;
  width: calc((100vw - 480px) / 2);
  height: 100%;
}
.pc_left .cmoa_top img {
  width: calc((100vw - 480px) / 3.6);
  max-width: 230px;
}
.pc_right {
  display: flex;
  position: fixed;
  right: 0;
  align-items: center;
  justify-content: center;
  width: calc((100vw - 480px) / 2);
  height: 100%;
}
.pc_right .cmoa_top {
  display: none;
}
.pc_right .bktk_top img {
  width: calc((100vw - 480px) / 3);
  max-width: 320px;
}
.pc_scroll {
  position: absolute;
  bottom: 40px;
  left: 16px;
  transition: all .5s;
  opacity: 1;
}
.pc_scroll.is-hidden {
  visibility: hidden;
  opacity: 0;
}
/* ヘッダー・サービスメニュー
------------------------------*/
#header_common,
.sideMenu2402,
.sideLeftMenuBg {
  width: 100%;
  max-width: 480px;
}
.sideMenu2402 {
  left: unset;
}
.menu_block .sideLeftMenu.open {
  width: 88%;
  max-width: 480px;
}
/* 横スクロール区切り線
------------------------------*/
.slash_line {
  max-width: 480px;
  margin: 0 auto;
}
.slash_line .is-animate-slash img {
  width: auto;
  height: 32px;
}
/* kv
--------------------------------*/
.animate_kv {
  height: 90vh!important;
  aspect-ratio: unset!important;
  max-height: 800px!important;
  clip-path: polygon(
    0 0,
    100% 0,
    100% calc(100% - 90px),
    50% 100%,
    0 calc(100% - 90px)
  );
}
.animate_kv .kv_parts-text img {
  width: calc(680 / 770 * 480px);
  max-width: 680px;
}
/* bktk1_area
--------------------------------*/
.bktk_area.bktk1 {
  margin-top: -110px;
  overflow: hidden;
}
.bktk1_wrapper {
  margin: 0 auto;
}
.carousel_title .is-animate-carousel li img {
  max-width: 87px;
}
/* 追従ボタン
------------------------------*/
.btn_more_cp {
  top: 86%;
  right: calc((100vw - 480px) / 2 + 16px);
  max-width: 150px;
}
/* 非会員追従バナー
------------------------------*/
.floatingRegistBnr {
  left: calc((100vw - 480px) / 2);
  width: 100%;
  max-width: 480px;
}
/* footer
--------------------------------*/
.footer_area {
  width: 480px;
  margin: min(calc(88 / 770 * 100%), 88px) auto 0;
}
/* メディアクエリ
--------------------------------*/
@media all and (max-width: 979px) {
  .bgWrapper {
    box-sizing: border-box;
    justify-content: flex-end;
    padding-right: 40px;
  }
  .pc_wrapper {
    margin: 0;
  }
  .pc_right {
    display: none;
  }
  .pc_left {
    width: calc(100vw - 520px);
    padding: 16px;
  }
  .pc_left .cmoa_top img {
    width: 100%;
    max-width: 230px;
  }
  .btn_more_cp {
    right: 44px;
  }
}
@media all and (max-width: 767px) {
  .bgWrapper {
    justify-content: center;
    padding: 0;
  }
  .pc_left {
    display: none;
  }
  .btn_more_cp {
    right: calc((100vw - 480px) / 2 + 4px);
  }
}