@charset "UTF-8";
/* 元テンプレ調整用［ヘッダーフッターのみ版］ */
#mid {
  max-width: 100%;
  width: unset;
  padding: 0;
}
#site_aside2 {
  display: none;
}
#header {
  display: block !important;
}
#header.hide {
  opacity: 1;
}
#mid {
  margin-top: 0;
}
#outer {
  margin-top: 0;
  margin-bottom: 0;
}
#footer {
  position: relative;
  z-index: 99999999;
}
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
共通
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
.flex {
  display: flex;
}
.inner {
  width: 90%;
  margin: 0 auto;
}
img {
  width: 100%;
}
figure {
  line-height: 1;
}
a.btn {
  display: block;
  width: 85%;
  margin: 0 auto;
}
a,
button {
  display: block;
  transition: .3s;
}
a:hover,
button:hover {
  opacity: .6 !important;
}
.sp {
  display: none;
}
.fade-in {
  opacity: 0;
  transform: translateY(20px);
  transition: 0.5s;
}
.fade-in.show {
  opacity: 1;
  transform: translateY(0);
}
/* view_timer */
.view_timer {
  display: none;
}
.view_timer.view_timer-forcedDisplay {
  display: block !important;
}
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
#mainLayout {
  position: relative;
}
#contents_Wrap {
  display: flex;
  position: relative;
  width: 100%;
  /* height: 100vh; */
  z-index: 1;
}
#left_Wrap,
#right_Wrap {
  position: fixed;
  top: 0;
  width: calc((100% - 460px) / 2);
  height: 100vh;
  z-index: 1;
  background-color: #000;
}
#left_Wrap {
  left: 0;
  /* background: url(.svg) no-repeat center top; */
  background-size: cover;
}
#right_Wrap {
  right: 0;
  /* background: url(.svg) no-repeat center top; */
  background-size: cover;
}
#contents_Wrap>main {
  display: block;
  max-width: 460px;
  width: 90%;
  margin: 0 auto;
  z-index: 2;
}
#left_Wrap>section,
#right_Wrap>section {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
/* 左側のコンテンツ */
#left_Wrap>section {
  max-width: 550px;
  width: 90%;
}
/* 右側のコンテンツ */
#right_Wrap>section {
  max-width: 450px;
  width: 80%;
  container-type: inline-size;
}
/* #right_Wrap>section .pc_menu {
  display: flex;
  flex-wrap: wrap;
}
#right_Wrap>section .pc_menu .menu_map {
  position: relative;
  width: 68.4%;
} */
#right_Wrap>section .menu_List {
}
#right_Wrap>section .menu_List li {
  margin: 2.5% 0 0 0;
}
#right_Wrap>section .menu_List li:last-of-type {
  margin: 5% 0 0 0;
}
#right_Wrap>section .pc_menu .menu_map figure[class*=flag_] {
  position: absolute;
  width: 12.85%;
}
#right_Wrap>section .pc_menu .menu_map figure:nth-of-type(2) {
  top: 5%;
  left: 38.4%;
}
#right_Wrap>section .pc_menu .menu_map figure:nth-of-type(3) {
  top: 22.4%;
  left: 57%;
}
#right_Wrap>section .pc_menu .menu_map figure:nth-of-type(4) {
  top: 43.6%;
  left: 46.5%;
}
#right_Wrap>section .pc_menu .menu_map figure:nth-of-type(5) {
  top: 46.9%;
  left: 26.5%;
}
/* 中央のコンテンツ */
#contents_Wrap>main>article {
  box-shadow: 5px 5px 5px rgba(0, 0, 0, .3);
  position: relative;
}
.sha_Btn {
  border-radius: 10px;
  box-shadow: 5px 5px 0 rgba(0, 0, 0, .5);
}
@media only screen and (max-width: 800px) {
  #left_Wrap,
  #right_Wrap {
    display: none;
  }
  #contents_Wrap>main {
    max-width: 100%;
    width: 100%;
  }
}
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
main {
  background-color: #000;
}
main .inner_90 {
  width: 90%;
  margin: 0 auto;
}
main .contents_title {
}
main .contents_title video {
  aspect-ratio: 750/1334;
  /* position: sticky; */
  top: 0;
  width: 100%;
  display: block;
  /* z-index: 1; */
  display: none;
}
main .contents_title h2 {
  display: none;
}
main .contents_title .title_tempo {
  padding: 6% 0 0 0;
}
main .menu_Wrap {
  padding: 25% 0 0 0;
  background-color: #000;
}
main .menu_Wrap .menu_ttl {
}
main .menu_Wrap ul {
}
main .menu_Wrap ul li {
  margin: 6% 0 0 0;
}
@media only screen and (max-width: 800px) {
  main .menu_Wrap ul {
  }
}
#yoyakukai {
  background-color: #000;
  padding: 0 0 15%;
}
#yoyakukai .sec01_ttl_png {
  padding: 1%0 0;
}
#yoyakukai .sec01_period {
  padding: 7% 0 0;
}
#yoyakukai .sec01_period_note {
  padding: 7% 0 0;
}
#yoyakukai .carousel-01_ttl {
  padding: 12% 0 0;
}
#yoyakukai .carousel-02_ttl {
  padding: 0 0 0;
}
#yoyakukai .carousel-03_ttl {
  padding: 0 0 0;
}
#yoyakukai .carousel-04_ttl {
  padding: 0 0 0;
}
#yoyakukai .carousel-05_ttl {
  padding: 0 0 0;
}
#yoyakukai .carousel-06_ttl {
  padding: 0 0 0;
}
#yoyakukai .carousel-07_ttl {
  padding: 0 0 0;
}
#yoyakukai .carousel-08_ttl {
  padding: 0 0 0;
}
#yoyakukai .carousel-09_ttl {
  padding: 0 0 0;
}
#yoyakukai .sec01_yoyaku_ttl {
  padding: 5% 0 0;
}
#yoyakukai .sec01_yoyaku_btn {
  padding: 3% 0 0;
}
#yoyakukai .sec01_webflyer_ttl {
  padding: 10% 0 0;
}
#yoyakukai .sec01_webflyer_btn {
  padding: 3% 0 0;
}
#yoyakukai .sec01_webflyer_note {
  padding: 8% 0 0;
}
#tento_sale {
  padding: 0 0 18%;
  background-color: #fff;
}
#tento_sale .bg {
  background: url(/img/blackfriday/26/vol1/sec02_ttl_bg.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
}
#tento_sale .sec02_ttl {
  padding: 10% 0 0;
}
#tento_sale .sec02_period {
  padding: 3% 0 0;
}
#tento_sale .sec02_yokoku {
  padding: 5% 0 0;
}
#aeon_domdom {
  background-color: #ffe0a6;
}
#aeon_domdom .bg {
  background: url(/img/blackfriday/26/vol1/sec03_ttl_bg.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
}
#aeon_domdom .bg .sec03_ttl {
  padding: 10% 0 0;
}
#aeon_domdom .sec03_ttl_collabo {
  padding: 5% 0 0;
}
#aeon_domdom .sec03_ttl_campaign {
  padding: 3% 0 0;
}
#aeon_domdom .sec03_cnt-01 {
  padding: 12% 0 0;
}
#aeon_domdom .sec03_cnt-02 {
  padding: 12% 0 0;
}
#aeon_domdom .sec03_cnt-03 {
  padding: 12% 0 0;
}
#aeon_domdom .sec03_cnt-01 {
  position: relative;
}
#aeon_domdom .sec03_cnt-01 .sec03_cnt-btn {
  position: absolute;
  bottom: 2.5%;
}
#aeon_domdom .sec03_cnt-02 {
  position: relative;
}
#aeon_domdom .sec03_cnt-02 .sec03_cnt-btn {
  position: absolute;
  bottom: 2.6%;
}
#aeon_domdom .sec03_cnt-04 {
  position: relative;
}
#aeon_domdom .sec03_cnt-04 .sec03_cnt-btn {
  position: absolute;
  bottom: 9.4%;
}
#aeon_domdom .sec03_cnt-04 {
  background-color: #ffcc02;
  padding: 7% 0 8%;
}
#kaiin {
  background-color: #000;
}
#kaiin .sec04_ttl {
}
#kaiin .sec04_cnt-01 {
  position: relative;
  padding: 8% 0 0;
}
#kaiin .sec04_cnt-01 a {
  position: absolute;
  bottom: 6%;
}
#kaiin .sec04_cnt-02 {
  position: relative;
  padding: 8% 0 0;
}
#kaiin .sec04_cnt-02 a {
  position: absolute;
  bottom: 5.4%;
}
#kaiin .sec04_cnt-03 {
  position: relative;
  padding: 8% 0 0;
}
#kaiin .sec04_cnt-03 a {
  position: absolute;
  bottom: 6%;
}
#kaiin .sec04_cnt-04 {
  padding: 8% 0 0;
}
#kaiin .sec04_cnt-05 {
  position: relative;
  padding: 8% 0 0;
}
#kaiin .sec04_cnt-05 a {
  position: absolute;
  bottom: 5.4%;
}
#kaiin .sec04_cnt-06 {
  position: relative;
  padding: 8% 0 0;
}
#kaiin .sec04_cnt-06 a:nth-of-type(1) {
  position: absolute;
  width: 36%;
  top: 78%;
  left: 11.5%;
}
#kaiin .sec04_cnt-06 a:nth-of-type(2) {
  position: absolute;
  width: 40%;
  top: 88.5%;
  left: 10.1%;
}
#kaiin .sec04_cnt-06 a:nth-of-type(3) {
  position: absolute;
  width: 37%;
  top: 75.5%;
  left: 53.5%;
}
#sale_kikaku {
  background-color: #000;
  padding: 18% 0 0;
}
#sale_kikaku .sec05_cnt-01 {
  padding: 8% 0 0;
}
#sale_kikaku .sec05_cnt-02 {
  padding: 8% 0 0;
}
#sale_kikaku .sec05_cnt-03 {
  padding: 8% 0 0;
}
#sale_kikaku .sec05_cnt-04 {
  padding: 8% 0 0;
}
#osusume {
  background-color: #000;
  padding: 14% 0 15%;
}
#osusume .sec06_cnt-01 {
  padding: 8% 0 0;
}
/* ゆらゆら */
.sec01_character,
.sec02_character,
.sec03_character,
.sec04_character {
  transform-origin: center bottom;
  animation:
    yurayura 2.5s ease-in-out 5,
    stop-angle 0.6s ease-out 12.5s forwards;
  --stop-angle: 0deg;
}
@keyframes yurayura {
  0%, 100% {
    transform: rotate(-5deg);
  }
  50% {
    transform: rotate(5deg);
  }
}
@keyframes stop-angle {
  from {
    transform: rotate(-5deg);
  }
  to {
    transform: rotate(var(--stop-angle));
  }
}
/* 弾性ポップアップループ（インパクト→キープ→フェードアウト→リセット） */
.bounce-js {
  opacity: 0;
}
.elastic-pop-loop {
  animation: elastic-pop-loop-move 3s linear infinite;
}
@keyframes elastic-pop-loop-move {
  /* --- インパクトフェーズ（0〜0.6秒 = 0〜20%） --- */
  0%   { opacity: 0; transform: scale(0.5) translateY(100px); }
  8%   { opacity: 1; transform: scale(1.15) translateY(-10px); } /* オーバーシュート */
  12%  { opacity: 1; transform: scale(0.95) translateY(4px); }   /* 戻り */
  16%  { opacity: 1; transform: scale(1.03) translateY(-2px); }  /* 微バウンド */
  20%  { opacity: 1; transform: scale(1) translateY(0); }        /* 完全着地 */
  /* --- 表示キープ（20〜70%） --- */
  70%  { opacity: 1; transform: scale(1) translateY(0); }
  /* --- フェードアウト（70〜80%） --- */
  80%  { opacity: 0; transform: scale(1) translateY(0); }
  /* --- リセット（80〜100%） --- */
  100% { opacity: 0; transform: scale(0.5) translateY(100px); }
}
/* Youtube */
main .movie_Box {
  width: 85%;
  margin: 0 auto 0;
  aspect-ratio: 16 / 9;
  background: #000;
}
main .movie_Box iframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}
/* AEON Logo */
main .aeon_Logo {
  background-color: #fff;
  /* border-top: 2px solid #e6e6e6; */
  margin: 0 auto 0;
  padding: 0 0 0;
}
main .aeon_Logo figure{
  width: 35%;
  margin: 0 auto;
  padding: 8% 0 9%;
}
@media only screen and (max-width: 800px) {
  /* main .aeon_Logo {
    padding: 0 0 75px;
  } */
}
/* Footer Btn */
.footer_fixed_Btn {
  display: none;
  background-color: #fff;
}
@media only screen and (max-width: 800px) {
  .footer_fixed_Btn {
    display: block;
    position: fixed;
    bottom: 0;
    /* left: 50%; */
    width: 100%;
    /* transform: translateX(-50%); */
    z-index: 100;
  }
}
#footer_Area {
  position: relative;
  z-index: 99999999;
  background-color: #fff;
}
#footer_Wrap {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  max-width: 460px;
  display: none;
  /* padding: 0 0.05%; */
}
#footer_Wrap > div {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
#footer_Wrap a {
  display: block;
}
#footer_Wrap a:nth-of-type(1){
  width: 41.33%;
}
#footer_Wrap a:nth-of-type(2){
  width: 41.33%;
}
#footer_Wrap a:nth-of-type(3){
  width: calc(100% - 41.33% - 41.33%);
}
@media only screen and (max-width: 768px) {
  #all_Wrap main {
    max-width: 100%;
    width: 100%;
    box-shadow: none;
    /* overflow: hidden; */
    border-left: none;
  }
  #footer_Wrap {
    padding-left: 0px;
    max-width: 768px;
    /* width: 100%; */
  }
}
/* Carousel */
.slick-slide {
  height: auto;
}
.carousel {
  width: 93%;
  margin: 2% auto 7%;
  position: relative;
}
.carousel .icon {
  position: absolute;
  width: 90px;
  height: 90px;
  top: -30px;
  left: -10px;
  z-index: 5;
}
.carousel.blue2 {
  margin:  60px auto 0 auto;
}
.carousel .slick-prev::before {
    background-image: url(/img/blackfriday/26/vol1/carousel_btn-l.svg);
}
.carousel .slick-next::before {
    background-image: url(/img/blackfriday/26/vol1/carousel_btn-r.svg);
}
/* Modal */
#left_Wrap .modal__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(50, 50, 50, .85);
  cursor: pointer;
  z-index: 100;
  display: none;
}
#right_Wrap .modal__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(50, 50, 50, .85);
  cursor: pointer;
  z-index: 100;
  display: none;
}
.modal {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  z-index: 20;
  width: 100%;
  height: 100%;
  display: none;
}
.modal .modal__bg {
  height: 100%;
  background: rgba(50, 50, 50, .85);
  cursor: pointer;
}
.modal .modal__container {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  max-width: 480px;
  width: 100%;
  margin: 0 auto;
}
.modal .modal__container .modal__close {
}
.modal .modal__container .modal__close-1 {
  /* background-color: #eee9bd; */
}
.modal .modal__container .modal__close-1 p {
  width: 14%;
  margin: 0 0 0 auto;
  transition: .3s;
  /* position: absolute;
  top: 0;
  right: 0; */
}
.modal .modal__container .modal__close-2 {
  background-color: #fff;
  padding: 8% 0 8%;
}
.modal .modal__container .modal__close-2 p {
  width: 75%;
  margin: 0 auto;
}
.modal .modal__container .modal__close-1 p,
.modal .modal__container .modal__close-2 p {
  transition: .3s;
}
.modal .modal__container .modal__close-1 p:hover,
.modal .modal__container .modal__close-2 p:hover {
  opacity: .6;
  cursor: pointer;
}
.modal .modal__content {
  background-color: #fff;
  padding: 0;
}
.modal .modal__container .modal__content p {
  margin: 0 auto;
  padding: 20px 0;
}
.call-modal {
  transition: .3s;
}
.call-modal:hover {
  opacity: .6;
  cursor: pointer;
}
#modal-flag-01.modal .modal__container a {
  position: absolute;
  top: 88%;
}
#modal-flag-02.modal .modal__container a {
  position: absolute;
  top: 91%;
}
#modal-flag-03.modal .modal__container a {
  position: absolute;
  top: 91%;
}
#modal-flag-04.modal .modal__container a {
  position: absolute;
  top: 88%;
}
.modal.flag .modal__container .modal__close-1 {
  background-color: #eee9bd;
}
.modal.flag .modal__container .modal__close-2 p {
  width: 75%;
  margin: 0 auto;
}
.modal.flag .modal__container .modal__close-2 {
  background-color: #fff;
  padding: 45px 0 50px;
}