@charset "UTF-8";

/*==============================================
共通 ここから
================================================*/

/* デフォルトの余白リセット */
footer .footer-inner, header .header, header .information, main, main#wrapper, nav .category_nav {
    margin: 0;
    padding: 0;
    max-width: none;
}
article#contents {
    padding-bottom: 0;
}
footer {
    position: relative;
    z-index: 1000;
    border-top: 2px solid #222;
}
footer .footer-inner {
    padding: 30px 0 !important;
}

/* br用クラス */
.smp-none {
    display: block;
}
.pc-none {
    display: none;
}

/* 変数上書き */
:root {
    /* 共通フォントサイズ(ディスプレイが900px以上の場合に14pxとなる) ※.irisfes-autumn2025-innerの中の要素のみ */
    --font-size-text: 1.6cqw;

    /* 横の余白 上書き */
    --margin-space-beside: 3.5em;

    /* 縦の余白 上書き */
    --margin-space-vertical: 2em;
}

/*==============================================
.irisfes-autumn2025 共通 STR
================================================*/

.irisfes-autumn2025 * {
    box-sizing: border-box;
}

.irisfes-autumn2025 .irisfes-autumn2025-inner {
    /* border-left: 2px solid #222;
    border-right: 2px solid #222; */
    box-shadow: 0px 0px 8px 1px #cca614;
}

/* 見出し+もっと見る用 */
/* 見出しの左線 */
.irisfes-autumn2025 .irisfes-autumn2025-section .section-title.space-between .section-title__text::before {
    width: 4px;
}

/* ボタン */
.irisfes-autumn2025 .section-catebtn {
    position: relative;
    width: 34em;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100cqw;
    padding: 1em 0;
    color: #FFF;
    font-size: 1.5em;
    background-color: #1f0a07;
    gap: .3em;
    line-height: normal;
    text-align: center;
}

/* 特集 */
.irisfes-autumn2025 .irisfes-autumn2025-section.list .list-event__item,
.irisfes-autumn2025 .irisfes-autumn2025-section.feature .list-event__item,
.irisfes-autumn2025 .irisfes-autumn2025-section.sale .list-event__item {
    width: 32%;
    margin-top: .8em;
    border-radius: 5px;
    overflow: hidden;
}

.irisfes-autumn2025 {
    background-color: #f4c922;
}
/*==============================================
.irisfes-autumn2025 共通 END
================================================*/

/*==============================================
.irisfes-autumn2025 スライダー STR
================================================*/

/* ラジオボタン非表示 */
.irisfes-autumn2025 .irisfes-autumn2025-section .irisfes-item-wrap .radio-slider {
    display: none;
}

.irisfes-autumn2025 .irisfes-autumn2025-section .irisfes-item-inner {
    overflow: visible;
    gap: 2%;
    padding-bottom: 0;
}
.irisfes-autumn2025 .irisfes-autumn2025-section .irisfes-item {
    width: 32%;
    min-width: 32%;
    margin-right: 0;

    /* スライダー表示処理 */
    display: none;
    flex-direction: column;
}

/* スライダー矢印部分 */
.irisfes-autumn2025 .slider-arrow {
    position: absolute;
    top: 50%;  
    transform: translateY(-50%);
    width: 2.5em;
    height: 2.5em;
    background: #2222229c;
    display: none;
    justify-content: center;
    align-items: center;
    border-radius: 100vw;
    z-index: 1;
    border: 1px solid #ffffff;
}
.irisfes-autumn2025 .slider-arrow .arrow {
    position: relative;
    width: 9px;
    height: 9px;
}
.irisfes-autumn2025 .slider-arrow .arrow::before,
.irisfes-autumn2025 .slider-arrow .arrow::after {
    content: "";
    position: absolute;
    top: calc(50% - 2px);
    right: 0;
    width: 9px;
    height: 3px;
    border-radius: 9999px;
    background-color: #ffffff;
    transform-origin: calc(100% - 1px) 50%;
}
.irisfes-autumn2025 .slider-arrow .arrow::before {
    transform: rotate(45deg);
}
.irisfes-autumn2025 .slider-arrow .arrow::after {
    transform: rotate(-45deg);
}
.irisfes-autumn2025 .slider-arrow.prev-label {
    left: .5em;
}
/* 位置調整 */
.irisfes-autumn2025 .slider-arrow.prev-label .arrow {
    transform: rotate(-180deg);
    margin-right: -1px;
}
.irisfes-autumn2025 .slider-arrow.next-label {
    right: .5em;
}

/* ページネーション サークル */
.irisfes-autumn2025 .irisfes-item-wrap .slider-pagination {
    display: flex;
    justify-content: center;
    gap: .5em;
    margin-bottom: 1em;
}
.irisfes-autumn2025 .irisfes-item-wrap .slider-pagination__cir {
    width: .8em;
    height: .8em;
    background-color: #ffffff;
    border-radius: 100vw;
    border: 1px solid #dfdfdf;
}

/* 有効なラジオボタンの色変更 */
.irisfes-autumn2025 .irisfes-item-wrap .radio-slider:nth-of-type(1):checked ~ .slider-pagination .slider-pagination__cir:nth-of-type(1) {
    background-color: var(--color-active);
}
.irisfes-autumn2025 .irisfes-item-wrap .radio-slider:nth-of-type(2):checked ~ .slider-pagination .slider-pagination__cir:nth-of-type(2) {
    background-color: var(--color-active);
}
.irisfes-autumn2025 .irisfes-item-wrap .radio-slider:nth-of-type(3):checked ~ .slider-pagination .slider-pagination__cir:nth-of-type(3) {
    background-color: var(--color-active);
}
.irisfes-autumn2025 .irisfes-item-wrap .radio-slider:nth-of-type(4):checked ~ .slider-pagination .slider-pagination__cir:nth-of-type(4) {
    background-color: var(--color-active);
}
.irisfes-autumn2025 .irisfes-item-wrap .radio-slider:nth-of-type(5):checked ~ .slider-pagination .slider-pagination__cir:nth-of-type(5) {
    background-color: var(--color-active);
}

/* 表示処理 ラジオボタン1つにつき、３商品表示 */
.irisfes-autumn2025 .irisfes-item-wrap .radio-slider:nth-of-type(1):checked ~ .irisfes-item-inner .irisfes-item:nth-of-type(1),
.irisfes-autumn2025 .irisfes-item-wrap .radio-slider:nth-of-type(1):checked ~ .irisfes-item-inner .irisfes-item:nth-of-type(2),
.irisfes-autumn2025 .irisfes-item-wrap .radio-slider:nth-of-type(1):checked ~ .irisfes-item-inner .irisfes-item:nth-of-type(3), 
.irisfes-autumn2025 .irisfes-item-wrap .radio-slider:nth-of-type(1):checked ~ .slider-arrow:nth-of-type(1),
.irisfes-autumn2025 .irisfes-item-wrap .radio-slider:nth-of-type(1):checked ~ .slider-arrow:nth-of-type(2) {
    display: flex;
}
.irisfes-autumn2025 .irisfes-item-wrap .radio-slider:nth-of-type(2):checked ~ .irisfes-item-inner .irisfes-item:nth-of-type(4),
.irisfes-autumn2025 .irisfes-item-wrap .radio-slider:nth-of-type(2):checked ~ .irisfes-item-inner .irisfes-item:nth-of-type(5),
.irisfes-autumn2025 .irisfes-item-wrap .radio-slider:nth-of-type(2):checked ~ .irisfes-item-inner .irisfes-item:nth-of-type(6), 
.irisfes-autumn2025 .irisfes-item-wrap .radio-slider:nth-of-type(2):checked ~ .slider-arrow:nth-of-type(3),
.irisfes-autumn2025 .irisfes-item-wrap .radio-slider:nth-of-type(2):checked ~ .slider-arrow:nth-of-type(4)  {
    display: flex;
}
.irisfes-autumn2025 .irisfes-item-wrap .radio-slider:nth-of-type(3):checked ~ .irisfes-item-inner .irisfes-item:nth-of-type(7),
.irisfes-autumn2025 .irisfes-item-wrap .radio-slider:nth-of-type(3):checked ~ .irisfes-item-inner .irisfes-item:nth-of-type(8),
.irisfes-autumn2025 .irisfes-item-wrap .radio-slider:nth-of-type(3):checked ~ .irisfes-item-inner .irisfes-item:nth-of-type(9), 
.irisfes-autumn2025 .irisfes-item-wrap .radio-slider:nth-of-type(3):checked ~ .slider-arrow:nth-of-type(5),
.irisfes-autumn2025 .irisfes-item-wrap .radio-slider:nth-of-type(3):checked ~ .slider-arrow:nth-of-type(6)   {
    display: flex;
}
.irisfes-autumn2025 .irisfes-item-wrap .radio-slider:nth-of-type(4):checked ~ .irisfes-item-inner .irisfes-item:nth-of-type(10),
.irisfes-autumn2025 .irisfes-item-wrap .radio-slider:nth-of-type(4):checked ~ .irisfes-item-inner .irisfes-item:nth-of-type(11),
.irisfes-autumn2025 .irisfes-item-wrap .radio-slider:nth-of-type(4):checked ~ .irisfes-item-inner .irisfes-item:nth-of-type(12), 
.irisfes-autumn2025 .irisfes-item-wrap .radio-slider:nth-of-type(4):checked ~ .slider-arrow:nth-of-type(7),
.irisfes-autumn2025 .irisfes-item-wrap .radio-slider:nth-of-type(4):checked ~ .slider-arrow:nth-of-type(8) {
    display: flex;
}
.irisfes-autumn2025 .irisfes-item-wrap .radio-slider:nth-of-type(5):checked ~ .irisfes-item-inner .irisfes-item:nth-of-type(13),
.irisfes-autumn2025 .irisfes-item-wrap .radio-slider:nth-of-type(5):checked ~ .irisfes-item-inner .irisfes-item:nth-of-type(14),
.irisfes-autumn2025 .irisfes-item-wrap .radio-slider:nth-of-type(5):checked ~ .irisfes-item-inner .irisfes-item:nth-of-type(15), 
.irisfes-autumn2025 .irisfes-item-wrap .radio-slider:nth-of-type(5):checked ~ .slider-arrow:nth-of-type(9),
.irisfes-autumn2025 .irisfes-item-wrap .radio-slider:nth-of-type(5):checked ~ .slider-arrow:nth-of-type(10) {
    display: flex;
}

/*==============================================
.irisfes-autumn2025 スライダー END
================================================*/

/*==============================================
.irisfes-autumn2025 カテゴリ STR
================================================*/

.irisfes-autumn2025 .irisfes-autumn2025-section.list .list-event__item {
    width: 32%;
}
.irisfes-autumn2025 .irisfes-autumn2025-section.list .list-event__item:nth-of-type(3) {
    margin-top: 0;
}

.irisfes-autumn2025 .irisfes-autumn2025-section .list-category__item {
    width: 32%;
}
.irisfes-autumn2025 .irisfes-autumn2025-section .list-category__item:nth-of-type(3) {
    margin-top: 0;
}

/*==============================================
.irisfes-autumn2025 カテゴリ END
================================================*/

/*==============================================
.irisfes-autumn2025 ホバー時の処理 STR
================================================*/

/* ホバー系 */
.irisfes-autumn2025 .irisfes-autumn2025-section.list .list-event__item:hover {
    opacity: .8;
}
.irisfes-autumn2025 .irisfes-autumn2025-section .list-category__item:hover {
    color: #222 !important;
    opacity: .6;
}
.irisfes-autumn2025 .irisfes-autumn2025-section .section-cateBtn:hover .plazaicon-yajirusi {
    right: .6em;
}
/* 商品：ホバー時 */
.irisfes-autumn2025 .irisfes-autumn2025-section .irisfes-item:hover .irisfes-item__thum img {
    transform: scale(1.03);
}

/*==============================================
.irisfes-autumn2025 アンカー STR
================================================*/
.irisfes-autumn2025-section.anchor .top-anchor {
    padding: 0 5.5em;
}
/*==============================================
.irisfes-autumn2025 アンカー END
================================================*/

/*==============================================
.irisfes-autumn2025 背景 STR
================================================*/
.irisfes-autumn2025-section.foodfes {
    padding: var(--margin-space-vertical) 0 3em;
    /* background-image: linear-gradient(0deg, #e54d23, #fbf1d6 3%); */
}

.irisfes-autumn2025-section.outlet {
    padding: 3em 0 4em;
    /* background-image: linear-gradient(0deg, #dfe5d2, #e54d23 1%); */
}

/*==============================================
.irisfes-autumn2025 背景 END
================================================*/

/*==============================================
.irisfes-autumn2025 タイトル STR
================================================*/
.irisfes-autumn2025-section.foodfes h2{
    width: 25em;
}
/* タイトル装飾 */
.irisfes-autumn2025-section.foodfes .section-title .decoration-right{
    position: absolute;
    width: 45%;
    left: 59%;
    z-index: 3;
    top: 0;
}
.irisfes-autumn2025-section.foodfes .section-title .decoration-left{
    position: absolute;
    width: 30%;
    right: 78%;
    z-index: 3;
    top: .2em;
}

.irisfes-autumn2025-section.outlet h2{
    width: 20em;
}
/* タイトル装飾 */
.irisfes-autumn2025-section.outlet .section-title .decoration-right {
    position: absolute;
    width: 18%;
    left: 73%;
    z-index: 3;
    top: 1.3em;
}
.irisfes-autumn2025-section.outlet .section-title .decoration-left {
    position: absolute;
    width: 26%;
    right: 66%;
    z-index: 3;
    top: 3em;
}

.irisfes-autumn2025-section.feature h2,
.irisfes-autumn2025-section.sale-feature h2{
    width: 13em;
}

.irisfes-autumn2025-section.app h2{
    width: 20em;
}
/* サブタイトル */
.irisfes-autumn2025-section.app h3{
    width: 7em;
}
.irisfes-autumn2025-section .camp01 p,
.irisfes-autumn2025-section .app-block p {
    font-size: 2em;
    letter-spacing: normal;
    display: flex;
    justify-content: center;
    font-weight: 600;
    color: #1f0a07;
    margin-bottom: .2em;
}

/*==============================================
.irisfes-autumn2025 タイトル END
================================================*/

/*==============================================
.irisfes-autumn2025 アプリ STR
================================================*/

.irisfes-autumn2025-section.app .app-inner {
    display: flex;
    align-items: center;
    justify-content: center;
}

.irisfes-autumn2025-section.app .app-inner .qr{
    margin-right: 1.2em;
    width: 9em;
}

.irisfes-autumn2025-section .campaign-btn {
    display: flex;
    justify-content: space-between;
    padding: 1em 0 .5em;
    gap: 1em;
}
/*==============================================
.irisfes-autumn2025 アプリ END
================================================*/

/*==============================================
.irisfes-autumn2025 特集 STR
================================================*/
.irisfes-autumn2025 .irisfes-autumn2025-section.feature .section-title__text {
    position: relative;
    font-size: 2.4em;
    position: relative;
    z-index: 100;
}
/*==============================================
.irisfes-autumn2025 特集 END
================================================*/

/*==============================================
.irisfes-autumn2025 TOPに戻る STR
================================================*/
.irisfes-autumn2025 .top-scroll {
    right: 3.6rem;
    z-index: 100;
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #222222d6;
    color: #ffffff;
    width: 75px;
    height: 75px;
    border-radius: 100vw;
}
.irisfes-autumn2025 .top-scroll:hover {
    color: #FFF !important;
}
.irisfes-autumn2025 .top-scroll i{
    transform: rotate(-90deg);
    font-size: 1.3em;
}

.irisfes-autumn2025 .popup-quiz {
    position: fixed;
    right: 0.7em;
    width: 5em;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 1001;
}

.irisfes-autumn2025 .balloon1 {
    position: relative;
    display: inline-block;
    margin: 1.5em 0 0 0;
    padding: .2em .3em;
    min-width: 2.8em;
    max-width: 100%;
    color: #f36100;
    font-size: 1.4em;
    background: #fff;
    border-radius: 5px;
}

.irisfes-autumn2025 .balloon1:before {
    content: "";
    position: absolute;
    top: 95%;
    left: 50%;
    margin-left: -10px;
    border: 10px solid transparent;
    border-top: 10px solid #fff;
}
/*==============================================
.irisfes-autumn2025 TOPに戻る END
================================================*/