@charset "Shift_JIS";

/*==============================================
共通 ここから
================================================*/
/* パンくず削除 */
#bigsale_202602 img {
    width: 100%;
    height: auto;
    display: block;
}
#bigsale_202602 a {
    display: block;
}
/* 税込 */
.buy_price>ul .price.sale+.intax,.buy_price>ul .intax {
    display: none !important;
}
.spesicalprice {
    display: none !important;
}
.smp_none {
    display: none;
}

/*==============================================
共通 ここまで
================================================*/

/*==============================================
#bigsale_202602 共通 ここから
================================================*/
#bigsale_202602 * {
    box-sizing: border-box;
}
/* 価格プロ アイコン削除 */
#bigsale_202602 .ranking .item-block .item-price .price {
    color: red;
}
#bigsale_202602 .ranking .item-block .item-price .price .spesicalprice {
    display: none;
}
#bigsale_202602 .ranking .item-block .item-price .intax {
    display: none;
}

#bigsale_202602 section {
    padding: 2%;
}
/* 共通見出し */

#bigsale_202602 h3{
    color: #000000;
    font-size: 1.2rem;
    line-height: 1.2;
    padding: 2% 0 3% 0;
    font-weight: bold;
    text-align: center;
    position: relative;
}

/* 共通カラム */
#bigsale_202602 ul[class^="col_"] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 1%;
    margin-bottom: 1.5%;
}

#bigsale_202602 ul.col_3 > li {
    width: calc(calc(100% - 2%) / 2);
}

#bigsale_202602 ul.col_4 > li {
    width: calc(calc(100% - 3%) / 4);
}

/* 背景 */
#bigsale_202602 {
    background: linear-gradient(to bottom, #ff2704, #ffa04a);
}
#bigsale_202602 .contents {
    background-color: #F8F3BB;
    overflow: hidden;
    width: 100%;
    max-width: 850px;
    margin: 0 auto;
    container-type: inline-size;
}

/* 看板 */
#bigsale_202602 h1 {
    width: 100%;
    position: relative;
    background-image: url(https://www.irisplaza.co.jp/IMAGE/bigsale_202602/title_back.jpg);
    background-position: bottom;
    background-size: cover;
    display: block;
    box-sizing: border-box;
}

#bigsale_202602 .kanban img.tobidasu {
    position: absolute;
    width: 98%;
    top: 2%;
    right: 0;
    animation: zoomIn .7s ease-in;
    }
    
    @keyframes zoomIn {
        0% {
        transform: scale(4.5);  
        opacity: 0;
        }
        90% {
            transform: translateY(0);
        }
        92% {
            transform: translateY(-2vw);
        }
        100% {
            opacity: 1;
            transform: scale(1);
            transform: translateX(0);
        }
    }

/*==============================================
#bigsale_202602 共通 ここまで
================================================*/

/*==============================================
フェードイン ここから
================================================*/

#bigsale_202602 .fade-in {
    animation: fadeIn 0.7s ease-in;
}

@keyframes fadeIn {
    from {
    opacity: 0;
    transform: translateY(20px);
    }
    to {
    opacity: 1;
    transform: translateY(0);
    }
}

/*==============================================
アンカー ここから
================================================*/
#bigsale_202602 .anchor {
    margin: 0 auto;
}
#bigsale_202602 .anchor ul.col_3 li {
    width: calc(calc(100% - 2%) / 3) !important;
}
#bigsale_202602 .anchor ul.col_3 li a {
    filter: drop-shadow(0 4px 0 #918763);
}
#bigsale_202602 ul.col_1 {
    margin: 3% 0 1%;
}

/*==============================================
アンカー ここまで
================================================*/

/*==============================================
ポイントバック ここから
================================================*/
#bigsale_202602 .pointback {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: -1.5em;
    z-index: 2;
}
#bigsale_202602 .pointback h2 {
    margin: 0 auto -10%;
}
#bigsale_202602 .pointback .no_entry {
    width: 20em;
    border-radius: 50em;
    background: #353535;
    color: #FFF;
    padding: .7em 0;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1em;
}
#bigsale_202602 .pointback .entry {
    width: 20em;
    border-radius: 50em;
    background: #7e7e7e;
    color: #FFF;
    padding: .7em 0;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1em;
    margin: 1em 0;
}
#bigsale_202602 .pointback .pointcp_btn,
#bigsale_202602 .pointback .entry-btn {
    position: relative;
    width: 20em;
    border-radius: 50em;
    background: #EB0012;
    color: #FFF;
    padding: .7em 0;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    filter: drop-shadow(0 4px 0 #97000c);
    margin: 1em 0;
    text-align: center;
    border: none;
}
#bigsale_202602 .pointback p {
    color: var(--color-black);
    font-size: 1.2em;
    font-weight: 600;
    margin: .5em 0;
    letter-spacing: initial;
}
#bigsale_202602 .pointback p.note {
    font-weight: 400;
    font-size: 1em;
}

/*==============================================
bigsale_202602-campaign 詳細 ポップアップ STR
================================================*/
/* ポップアップ */
#bigsale_202602 .detail-popup {
    border: none;
    margin-bottom: 1em;
}
#bigsale_202602 .present-inner .detail-popup {
    border: none;
    margin-top: -1.5em;
    margin-bottom: 1em;
}
#bigsale_202602 .detail-popup summary{
    background: transparent;
    color: var(--color-active);
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    font-size: .9em;
}

#bigsale_202602 .pointback .detail-popup summary{
    color: #0882d3;
}

#bigsale_202602 .detail-popup[open] summary {
    border: none;
}
#bigsale_202602 .detail-popup[open] summary::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #00000069;
    z-index: 11;

    /* iOSバグ回避のための追加 */
    /* will-change: transform;
    transform: translateZ(0); */
}
#bigsale_202602 .detail-popup summary::before,
#bigsale_202602 .detail-popup[open] summary::before {
    font-family: 'fontPlazaIcon' !important;
    content: "\e909";
    font-size: 1.4em;
    margin-right: .1em;
}

/* ポップアップ内部 */
#bigsale_202602 .popup-contents {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, calc(-50% + 30px));
    z-index: 12;
    background: #FFF;
    width: 80%;
    max-width: 650px;
    padding: 1.5em;
    border-radius: 5px;
}
#bigsale_202602 .popup-contents .popup-inner {
    width: 100%;
    overflow-y: scroll;
    max-height: 50vh;
}

#bigsale_202602 .popup-contents .popup-block {
    margin-bottom: 1em;
}
#bigsale_202602 .popup-contents .popup-block:last-of-type(1) {
    margin-bottom: 0;
}
#bigsale_202602 .popup-contents .popup-box {
    margin-bottom: .8em;
}

/* バツボタン */
#bigsale_202602 .popup-contents::after {
    position: absolute;
    right: 0;
    top: -1.3em;
    color: #FFF;
    font-size: 1.5em;
    font-weight: bold;
    pointer-events: none;
    z-index: 1;

    /* バツのエスケープ */
    content: '\2715';
}

/* ポップアップ解除 */
#bigsale_202602 .popup-contents.popup-none {
    position: static;
    transform: none;
    width: 100%;
    padding: 0;
    z-index: 1;
}
#bigsale_202602 .popup-contents.popup-none .popup-inner {
    max-height: none;
    overflow: auto;
}

/* 中身 */
#bigsale_202602 .popup-contents .popup-inner .popup_title {
    font-size: .9em;
    color: #222;
    margin-bottom: .5rem;
    background: #eee;
    padding: .2rem .5rem;
}
#bigsale_202602 .popup-contents .popup-inner .popup_subtitle {
    color: #222;
    display: inline-block;
    border-bottom: 1px solid #222;
    padding-right: 0.5em;
    margin-bottom: .5em;
}
#bigsale_202602 .popup-contents .popup-inner .popup_textbox p{
    font-size: .8rem;
    margin-bottom: .5em;
}
#bigsale_202602 .popup-contents .popup-inner .popup_textbox a{
    color: #e50012;
    display: inline-block;
    text-decoration: underline;
    font-size: .8rem;
}
/*==============================================
grandfinale2025-campaign 詳細 アコーディオン END
================================================*/

/*==============================================
bigsale_202602 商品 STR
================================================*/
#bigsale_202602 .wrap {
    overflow: hidden;
}
#bigsale_202602 .wrap .marumi {
    background: #FF4F28;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    height: 200px;
    margin-left: -100px;
    margin-right: -100px;
    padding-left: 100px;
    padding-right: 100px;
} 

/* 背景 */
#bigsale_202602 .contents > .bigsale_item {
  background-color: #FF4F28;
  overflow: hidden;
  z-index: 3;
  padding-top: 4%;
  margin-top: -42%;
}

/* カテゴリブロック */
#bigsale_202602 .bigsale_item .category_block {
    margin-bottom: 10%;
}
#bigsale_202602 .bigsale_item .category_block:nth-of-type(8) {
    margin-bottom: 3%;
}

#bigsale_202602 .bigsale_item .category_title {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 3%;
}
/* カテゴリ名 */
#bigsale_202602 .bigsale_item .category_name {
    font-size: 1.4em;
    text-align: left;
    color: #fff;
    position: relative;
    padding-left: 10px;
    border-left: solid 5px #fff;
}
#bigsale_202602 .bigsale_item .category_name span {
    font-size: .5em;
    line-height: 1.5em;
    display: inline-block;
}
/* もっと見る */
#bigsale_202602 .bigsale_item .category_more a {
    font-size: .85em;
    line-height: 1;
    background: #FFFD5D;
    padding: .7em .9em .7em 1.5em;
    border-radius: 5px;
    color: #FF4F28;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: .8em;
}
/* プラザブロウ */
#bigsale_202602 .bigsale_item .plazaburo_image {
    content: "";
    position: absolute;
    bottom: -17%;
    left: 3%;
    width: 22%;
}

/* 商品共通CSS */
#bigsale_202602 .bigsale_item .bigsale-item-wrap {
    position: relative;
}

#bigsale_202602 .bigsale_item .bigsale-item-inner {
    width: 100%;
    display: flex;
    margin-bottom: .8em;

    /* スクロールバーの余白調節 */
    overflow-x: scroll;
    padding-left: var(--margin-space-beside);
    padding-right: var(--margin-space-beside);
    padding-bottom: .9em;
}

#bigsale_202602 .bigsale_item .bigsale-item {
    position: relative;
    border: 1px solid #222;
    width: 15em;
    min-width: 15em;
    background-color: #FFF;
    border-radius: 5px;
    overflow: hidden;
    margin-right: 1em;
    transition: .3s;
    flex-direction: column;
}
#bigsale_202602 .bigsale_item .bigsale-item:nth-last-of-type(1) {
    margin-right: 0;
}


/* 商品：キャッチコピー */
#bigsale_202602 .bigsale_item .bigsale-item__copy {
    font-size: .9em;
    padding: .9em 0 .8em .8em;
    white-space: nowrap;
}
#bigsale_202602 .bigsale_item .bigsale-item__copy span {
    font-size: 1.2em;
    padding-right: .1em;
}
/* 商品：サムネ */
#bigsale_202602 .bigsale_item .bigsale-item__thum {
    width: 100%;
    overflow: hidden;
}
#bigsale_202602 .bigsale_item .bigsale-item__thum img {
    transition: .3s;
}

/* 商品：サムネより下のインナー */
#bigsale_202602 .bigsale_item .bigsale-item__inner {
    padding: 0 .5em .5em;
    display: flex;
    flex-direction: column;
    gap: .4em;
}

/* 商品：在庫数 */
#bigsale_202602 .bigsale_item .bigsale-item__zaiko {
    line-height: 1;
    font-size: 1em;
    padding-bottom: .1em;
}
#bigsale_202602 .bigsale_item .bigsale-item__zaiko .num {
    font-size: 1.3em;
    font-weight: 600;
    padding: 1em 0;
}

/* 商品：商品名 */
#bigsale_202602 .bigsale_item .bigsale-item__name {
    color: #222;
    height: 3.7em;
    display: flex;
    padding: .3em .5em;
    background-color: #fbf8f8;
}
#bigsale_202602 .bigsale_item .bigsale-item__name__h3 {
    color: #222;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    align-content: center;
    font-size: 3.6cqw;
    line-height: 1.5em;
    padding: 0;
    text-align: left;
}

/* 商品：価格 */
#bigsale_202602 .bigsale_item .bigsale-item__price {
    font-size: 1.5em;
    display: flex;
    align-items: baseline;
    gap: .3em;
    margin-bottom: 0;
}
#bigsale_202602 .bigsale_item .bigsale-item__price .main-price,
#bigsale_202602 .bigsale_item .bigsale-item__price .sub-price {
    position: relative;
    line-height: 1;
    font-family: 'Lato', 'Noto Sans JP', 'Yu Gothic black', sans-serif, 'メイリオ';
    font-weight: 700;
}
#bigsale_202602 .bigsale_item .bigsale-item__price .main-price {
    font-size: 1.1em;
    color: #eb0012;
}
/* #bigsale_202602 .bigsale_item .bigsale-item__price .main-price::first-letter,
#bigsale_202602 .bigsale_item .bigsale-item__price .sub-price::first-letter {
    font-size: .8em;
} */
#bigsale_202602 .bigsale_item .bigsale-item__price .sub-price {
    font-size: .7em;
    color: #a1a1a1;
}
#bigsale_202602 .bigsale_item .bigsale-item__price .sub-price::after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #a1a1a1;
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
}
/* 販促アイコン */
#bigsale_202602 .bigsale_item .bigsale-item__zaiko {
    display: flex;
    gap: .3em;
}
#bigsale_202602 .bigsale_item .bigsale-item__promo .promo-icon {
    background: #DC1D50;
    color: #FFF;
    display: inline-block;
    line-height: 1.2em;
    padding: 0 .6em;
    display: flex;
    justify-content: center;
    align-items: center;
    /* 販促が空の場合でも高さが合うように */
    height: 2.8em;
    font-size: 1em;
}

#bigsale_202602 .bigsale_item .bigsale-item__zaiko .outlet-icon {
    color: #d96702;
}

/* 詳細はこちら */
#bigsale_202602 .bigsale_item .bigsale-item__link {
    color: var(--color-active);
    font-size: .9em;
    display: flex;
    align-items: center;
    line-height: 1;
    transition: .3s;
    line-height: 1;
    color: #0882d3;
}

/* バナー */
#bigsale_202602 .bigsale_item .section-block.banner {
    margin: 0 0 1em;
    padding: 0 var(--margin-space-beside);
}
#bigsale_202602 .bigsale_item .section-block.banner .section-title.space-between {
    padding-left: 0;
}
#bigsale_202602 .bigsale_item .section-block.banner .banner-item{
    border: .2em solid #fff;
}


/*==============================================
bigsale_202602 商品 END
================================================*/

/*==============================================
bigsale_202602 特集 STR
================================================*/
#bigsale_202602 .event{
    background: var(--color-black)
}

#bigsale_202602 .event h3{
    font-size: 1.5em;
    font-weight: 600;
    color: #222222;
    display: flex;
    justify-content: center;
    margin-bottom: .5em;
}

/* 特集共通CSS */
#bigsale_202602 .event .bigsale-event-wrap {
    position: relative;
}

#bigsale_202602 .event .bigsale-event-inner {
    width: 100%;
    display: flex;
    margin-bottom: .8em;

    /* スクロールバーの余白調節 */
    overflow-x: scroll;
    padding-left: var(--margin-space-beside);
    padding-right: var(--margin-space-beside);
    padding-bottom: .9em;
}

#bigsale_202602 .event .bigsale-event {
    position: relative;
    width: 15em;
    min-width: 15em;
    background-color: #FFF;
    overflow: hidden;
    margin-right: 1em;
    transition: .3s;
    flex-direction: column;
}
#bigsale_202602 .event .bigsale-event:nth-last-of-type(1) {
    margin-right: 0;
}


/* 商品：キャッチコピー */
.grandfinale2025 .grandfinale2025-section .grandfinale-event__copy {
    font-size: .9em;
    padding: .9em 0 .8em .8em;
    white-space: nowrap;
}
.grandfinale2025 .grandfinale2025-section .grandfinale-event__copy span {
    font-size: 1.2em;
    padding-right: .1em;
}
/* 商品：サムネ */
.grandfinale2025 .grandfinale2025-section .grandfinale-event__thum {
    width: 100%;
    overflow: hidden;
}
.grandfinale2025 .grandfinale2025-section .grandfinale-event__thum img {
    transition: .3s;
}

/* 商品：サムネより下のインナー */
.grandfinale2025 .grandfinale2025-section .grandfinale-event__inner {
    padding: 0 .5em .5em;
    display: flex;
    flex-direction: column;
    gap: .4em;
}

/*==============================================
新生活
================================================*/
#bigsale_202602 .newlife {
    background-color: #94E6CF;
    padding: 5% 3%;
}

/* プラザブロウが移動 */
#bigsale_202602 .newlife .newlife_title {
  position: relative;
}

#bigsale_202602 .newlife .newlife_title .plazaburou_anime {
  position: absolute;
  bottom: 0;
  width: 6em;
  height: 6em;

  /* 初期位置 */
  left: 10%;

  /* ★重要：アニメ宣言（duration入れる） */
  animation-name: slide;
  animation-duration: 1s;          /* ← まずこれを入れる */
  animation-timing-function: linear;
  animation-fill-mode: both;

  /* スクロール駆動 */
  animation-timeline: view();
  animation-range: entry 0% entry 60%;
}

@keyframes slide {
  from { left: 10%; }
  to   { left: 77%; }
}

#bigsale_202602 .newlife .newlife_shosai {
    background-color: #fff;
    border-radius: 10px;
    width: 94%;
    margin: 0 auto 5%;
    padding: 5% 3% 4%;
}
/* 特典 */
#bigsale_202602 .newlife .newlife_shosai .tokuten_txt {
    color: #FF3C6D;
    font-size: 1.1em;
}
#bigsale_202602 .newlife .newlife_shosai .tokuten_txt span {
    font-size: 1.5em;
}
#bigsale_202602 .newlife .newlife_shosai .newlife_tokuten {
    background-color: #FCF8D5;
    padding: 3% 3% 5%;
    border-radius: 5px;
    margin-top: 2%;
}
#bigsale_202602 .newlife .newlife_shosai .newlife_tokuten .col_3 {
    margin-bottom: 1%;
}
#bigsale_202602 .newlife .newlife_shosai .newlife_tokuten .col_3 li {
    width: calc(calc(100% - 2%) / 3) !important;
}
#bigsale_202602 .newlife .newlife_shosai .newlife_tokuten h4 {
    margin: 3% 0;
}
#bigsale_202602 .newlife .newlife_shosai .newlife_tokuten .shosai_btn {
    width: 70%;
    background-color: #F51E59;
    border: solid 3px #F51E59;
    border-radius: 50em;
    margin: 3% auto;
    filter: drop-shadow(0 4px 0 #C42953);
}
#bigsale_202602 .newlife .newlife_shosai .newlife_tokuten .shosai_btn a {
    font-size: 1em;
    color: #fff;
    text-align: center;
    font-weight: 600;
    padding: .5em 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* 新生活商品 */
#bigsale_202602 .newlife .bigsale_item {
    background-color: #94E6CF;    
    text-align: center;
}
#bigsale_202602 .newlife .bigsale_item h3.set_title {
    padding: 0;
    background-color: #0746B0;
    color: #fff;
    display: inline-block;
    padding: .2em 1em;
    border-radius: 10em;
}
#bigsale_202602 .newlife .bigsale_item h3.set_title:nth-of-type(2) {
    background-color: #F9570F;
}
#bigsale_202602 .newlife .bigsale_item > p {
    text-align: center;
    margin-bottom: 1em;
}
#bigsale_202602 .newlife .bigsale_item .more_btn {
    background-color: #333;
    border-radius: 5px;
    margin-bottom: 2em;
    border: solid 2px #333;
}
#bigsale_202602 .newlife .bigsale_item .more_btn a {
    font-size: 1em;
    color: #fff;
    text-align: center;
    padding: .6em;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*==============================================
たまごっち
================================================*/
#bigsale_202602 .tamagotchi {
    background-color: rgb(228, 64, 91);
    padding: 4% 3%;
}
#bigsale_202602 .tamagotchi h3 {
    color: #fff;
    padding: 0 0 1%;
}

/*==============================================
無人島生活・アプリ
================================================*/
#bigsale_202602 .mujintou {
    padding: 5% 3%;
}
#bigsale_202602 .mujintou_title {
    position: relative;
}
#bigsale_202602 .mujintou_title .plazaburou {
    position: absolute;
    top: -3em;
    right: -2%;
    width: 4em;
    height: 5em;
}
#bigsale_202602 .mujintou_title .kani {
    position: absolute;
    top: 54%;
    left: 0.5%;
    width: 3em;
    height: 5em;
}
#bigsale_202602 .mujintou h3 {
    background-color: #DF090B;
    color: #fff;
    font-size: 1.4em;
    padding: 0;
}
#bigsale_202602 .mujintou h3 span {
    color: #f7f318;
    font-size: 1.1em;
}
#bigsale_202602 .mujintou .bn {
    margin-bottom: .5em;
}

/*==============================================
ページトップ　ここから
================================================*/
#bigsale_202602 .top-back {
    right: 2em;
    z-index: 10;
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #181818a1;
    color: #ffffff;
    width: 5rem;
    height: 5rem;
    border-radius: 100vw;
    bottom: 54px;
    font-size: 1.2em;
}

#bigsale_202602 .top-back a:hover {
    color: #fff !important;
}

#bigsale_202602 .top-back i {
    font-size: 1rem;
    line-height: 0;
}

/*==============================================
ページトップ　ここまで
================================================*/

/* 画面下余白削除 */
article#contents {
    padding-bottom: 0 !important;
}
footer .bottom {
    margin-top: 0 !important;
}
footer  {
    margin-top: 0 !important;
}

/* ヘッダー画像削除 */
.header-info img {
    display: none;
}