@charset "utf-8";
/* body は高さ固定しない */
html, body {
  height: auto;
  margin: 0;
  padding: 0;
}

.main-content, #wrap {
  overflow: visible;
}

.wrap {
  max-width: 750px;
}

html {
  scroll-behavior: smooth;
}

.rollbtn {
  text-decoration: none;
  text-align: center;
  position: absolute;
  font-size: 14px;
  color: #000;
  bottom: 20px;
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  right: 20px;
  color: #fff;
  padding: 10px;
  cursor: pointer;
  border: 0;
  background: #224db3;
  transition: .2s;
  font-weight: bold;
  border-radius: 100px;
  z-index: 88;
}

#flyer {
  max-width: 750px;
  padding-top: -1%;
  z-index: 1000;
  top: 0;
  width: 100%;
}

.main-content {
  max-width: 750px;
  width: 100%;
  margin: 0 auto;
}

#top{
    background: #2dafd3;
}

.flyer_wrap_ew {
  margin: 0 auto;
  font-size: 4vw;
}

.flyer_wrap_ew.w-img_ew {
  max-width: 750px !important;
  position: relative;
}

.upper {
  max-width: 750px;
}

.nav_tabs_ew {
  justify-content: space-around;
  top: 0;
  overflow: hidden;
  margin-top: 2%;
  transition: margin-top 0.3s;
  background: #2dafd3;
}

/* fixed時の調整 */
#flyer.fixed .nav_tabs_ew {
  margin-top: 0;
}

/* 固定化されたflyer本体 */
#flyer.fixed {
  position: fixed !important;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 750px;
  z-index: 100;
}

.nav_tabs_ew li {
  min-width: 1px;
  width: 33%;
  height: 40px !important;
  line-height: 1;
  border-collapse: unset;
  border-top: 2px solid #808080;
  border-left: 2px solid #808080;
  border-right: 2px solid #808080;
}

/* タブ */
.nav_tabs_ew li:nth-child(1).active {
  background-color: #3fa9f5 !important;
  position: relative;
}

.nav_tabs_ew li:nth-child(1).active::after {
  position: absolute;
  top: 18%;
  left: 67%;
  content: "";
  display: block;
  width: 27%;
  height: 51%;
  background-image: url('/app/image/campaign/dks/2510/251010_iidainter_open/icon1.png');
  background-size: contain;
  background-repeat: no-repeat;
}

.nav_tabs_ew li:nth-child(2).active {
  background-color: #f7931e !important;
  position: relative;
}

.nav_tabs_ew li:nth-child(2).active::after {
  position: absolute;
  top: 5%;
  left: 71%;
  content: "";
  display: block;
  width: 26%;
  height: 76%;
  background-image: url('/app/image/campaign/dks/2510/251010_iidainter_open/icon2.png');
  background-size: contain;
  background-repeat: no-repeat;
}

.nav_tabs_ew li:nth-child(3).active {
  background-color: #004179 !important;
  position: relative;
}

.nav_tabs_ew li:nth-child(3).active::after {
  position: absolute;
  top: 16%;
  left: 78%;
  content: "";
  display: block;
  width: 17%;
  height: 67%;
  background-image: url('/app/image/campaign/dks/2510/251010_iidainter_open/icon3.png');
  background-size: contain;
  background-repeat: no-repeat;
}

.text_bl {
  color: #000 !important;
}

.nav_tabs_ew li.active p {
  color: #fff !important;
}

.tab-pane_ew {
  padding: 2%;
}

.ul.itemw li {
  margin-bottom: 0 !important;
}

/* 店舗 */
.li1 {
  background: #3fa9f5;
}

.tab1_txt {
  color: #fff;
  font-size: 2vw;
  text-align: center;
}

/* セール */
.li2 {
  background-color: #1c50a1;}
.li2-or{
  background: #f7931e;
  padding-bottom: 6%;
}
.btn2_wrap {
  padding: 0 2% 3%;
  background-color: #1c50a1;
}
.--no_padding{
  padding: 0;
}
.--no_back{
  background-color: #fff;
}

/* サービス */
.li3 {
  background: #004179;
}

.swiper {
  max-width: 750px;       /* 最大幅 */
  width: 100%;            /* 親要素にフィット */
  background: #fff;
  margin: 0 auto;         /* 中央寄せ */
  padding: 2% 0;
  box-sizing: border-box; /* パディング込みで幅計算 */
  overflow: hidden;       /* 不要なスクロールバーを消す */
}

/* スライドコンテナ */
.swiper-wrapper {
  display: flex;          /* 横並びにする */
  align-items: center;    /* 高さを揃える */
  height: auto;
  text-align: center;
  transition: transform 0.3s ease; /* スライドアニメーション */
}

/* 各スライド */
.swiper-slide {
  flex-shrink: 0;         /* 横幅固定で縮小しない */
  height: auto;
  text-align: center;
}

/* アクティブスライド */
.swiper-slide-active {
  height: auto;
}

.btn3_wrap {
  max-width: 750px;
  padding: 0 2% 3%;
  background-color: #004179;
}

/* .gr6_wrap {
  background: #004179;
  width: 90%;
  margin: 0 auto;
  padding: 1%;
  padding-bottom: 3%;
} */

.ft {
  padding: 2% 0;
  background: #fff;
}

a:hover {
  opacity: 0.8;
  color: #FFF;
}

.or_btn {
  background-color: #f7931e;
  /* margin: 3% auto;
        position: relative; */
}

@media all and (min-width: 750px) {
  .nav_tabs_ew p {
    font-size: 1.2rem;
  }

  .tab1_txt {
    font-size: 20px;
  }
}


@media only screen and (orientation: landscape) {

  #container,
  #mainContainer,
  #expandContainer,
  body {
    overflow: unset;
  }
}

@media screen and (max-width: 800px) {
  #flyer.fixed {
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 650px) {
  .swiper {
    padding: 4% 0;
  }
  .swiper-slide {
    width: 80%;           /* 小画面でスライド幅調整 */
  }
}

@media (max-width: 400px) {
  .swiper-slide {
    width: 90%;           /* 超小画面でも表示調整 */
  }
}