// カレンダー
.tbl_calendar {
  border: none !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}
.tbl_calendar th, .tbl_calendar td {
  padding: 4px !important;
  text-align: center !important;
  border-bottom: 1px solid #ccc !important;
}

.mainCalendar {
  display: flex;
  justify-content: space-between;
}
.mainCalendar table.tbl_calendar {
    max-width: calc(50% - 30px);
}
.mainCalendar table.tbl_calendar caption{
  font-weight: bold;
    margin: 0px auto 15px;
    font-size: 18px;
}
@media (max-width: 991px) {
  .mainCalendar {
    display: block;
  }
  .mainCalendar table.tbl_calendar {
      max-width: 100%;
  }
}

.sec02 {
background-image: url(https://img04.shop-pro.jp/PA01012/413/etc/sec02_bg.jpg) !important;
  /*  background-color: #ff9900;
  background-image: none !important;*/
}
.sec02 .h2E_c small {
  color: #fff !important;
}
.sec02 .tab--typeA .tabSwitch li {
 background: #fff !important;
}
.sec02 .tab--typeA .tabSwitch li.active {
  background: #fff !important;
  color: #FF9900 !important;
}
.sec02 .tab--typeA .tabSwitch li.active:after {
  border-color: #fff transparent transparent transparent !important;
}
.sec02 a.itemWrap:hover, a.itemWrap:active {
  color: #1b1b1b;
  opacity: .8;
}
.articleList__img {
  margin-left: auto;
  margin-right: auto;
}
.articleList__title {
      white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 750px) {
  .sec03 .bg3 {
    background-image: url(https://img04.shop-pro.jp/PA01012/413/etc/sec4_bnr_sp1.jpg) !important;
  }
}

.sec03 .button--typeB.arrow--typeB {
  font-weight: 500;
  border: 2px solid #FF9900;
  color: #FF9900;
}
.sec03 .arrow--typeB.button--typeB:after, .sec03 a.arrow--typeB.button--typeB:after {
      border-color: #FF9900;
}

.sec03 .bg .h3B {
  margin-bottom: 47px !important;
  color: #fff;
  font-size: 36px;
}
.sec03 .bg.bg1 .h3B {
  color: #C06108;
}

@media (max-width: 750px) {
  .sec03 .bg .h3B {
  margin-bottom: 16px !important;
  font-size: 24px;
 }
}
.bgSec .inSec2 {margin-bottom: 40px !important;}

.floating-banner {
  position: fixed; /* バナーを追従させる */
  z-index: 99999; /* 他の要素の下に隠れないように */
  bottom: 0; /* バナーの上下の位置 */
  left: 0; /* バナーの左右の位置 */
  width: 300px; /* バナーの横幅 */
}
.floating-banner__image {
  max-width: 80%; /* 画像の最大幅 */
}
@media screen and (max-width: 990px) { /* タブレット用のブレイクポイントを指定 */
  .floating-banner {
    display: none; /* タブレットサイズ以下でPC用のバナーを非表示に */
  }
}
@media screen and (max-width: 560px) { /* スマホ用のブレイクポイントを指定 */
  .floating-banner {
    display: block;/* 消していたバナーを表示させる */
    width: 40vw; /* スマホの画面幅いっぱいにバナーを表示 */
  }
}

/*PICKUP 背景画像*/
.bg.bg1 {
      background-image: url(https://img04.shop-pro.jp/PA01012/413/etc_base64/c2VjM19ibnJfcGMxXzI1MDUxNA.jpg?cmsp_timestamp=20250514215454) !important;
}

/*RANKING*/
  .tab--typeA .row, .itemList {
    gap: 1%;
  }
  .tab--typeA .col-pc-1_5, .itemList-pc--5 .itemList__unit {
    flex: 0 0 48% !important;
  }
  .tab--typeA .itemList--ranking.ranking--typeC .itemList__unit {
    padding: 10px;
    flex-grow: 1 !important;
    background: #fff;
  }
  .tab--typeA .itemList--ranking .itemList__unit .itemWrap:before {
    top: 0 !important;
    left: 0 !important;
    border: none !important;
  }
@media screen and (min-width: 768px) {
  .tab--typeA .row, .itemList {
    margin: 0 !important;
    gap: 1%;
  }
  .tab--typeA .col-pc-1_5, .itemList-pc--5 .itemList__unit {
    flex: 0 0 19% !important;
  }
}