@charset "Shift_JIS";

/*==============================================
共通 ここから
================================================*/

/* デフォルトの余白リセット */
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-live-innerの中の要素のみ */
    --font-size-text: 1.1cqw;

    /* 横の余白 上書き */
    --margin-space-beside: 3.5em;

    /* 縦の余白 上書き */
    --margin-space-vertical: 2em;
}

#irisfes-live .pc_none {
    display: none;
}
/*==============================================
共通 ここまで
================================================*/

/*==============================================
#irisfes-live 共通 ここから
================================================*/
#irisfes-live .irisfes-live-inner {
    margin: 0 auto;
    text-align: center;
}
#irisfes-live .irisfes-item.section,
#irisfes-live .irisfes-live.section,
#irisfes-live .irisfes-next-live.section{
    max-width: 1080px;
    margin: 0 auto;
    text-align: center;
}
/*==============================================
#irisfes-live 共通 ここまで
================================================*/

/*==============================================
動画 ここから
================================================*/
#irisfes-live .irisfes-live-container{
    display: flex;
    justify-content: center;
    gap: .5em;
}
#irisfes-live .irisfes-live-screen {
    box-sizing: border-box;
    font-size: var(--font-size-text);
    width: 80%;
    margin: 0 auto;
}
#irisfes-live .irisfes-live-screen {
    box-sizing: border-box;
    font-size: var(--font-size-text);
    width: 52%;
    margin:0;
}
#irisfes-live .irisfes-next-live.section .irisfes-live-screen {
    width: 100%;
}
/* チャット画面 */
#irisfes-live .live-chat iframe{
    border: .05em solid #adadad;
    border-radius: 1em;
}
/*==============================================
動画 ここまで
================================================*/

/*==============================================
商品 ここから
================================================*/
/* 商品共通CSS */
#irisfes-live .irisfes-item.section .irisfes-live-item-inner {
    padding: 0 8em;
}
#irisfes-live .irisfes-item.section .irisfes-live-item {
    width: calc(calc(100% - 1em) / 3);
}
#irisfes-live .irisfes-item.section .irisfes-live-item-inner {
    justify-content: center;
}

/* 商品：商品名 */
#irisfes-live .irisfes-item.section .irisfes-live-item__name {
    height: 3em;
}
#irisfes-live .irisfes-item.section .irisfes-live-item__name__h4 {
    font-size: .8em;
}

/* 商品：価格 */
#irisfes-live .irisfes-item.section .irisfes-live-item__price {
    font-size: 1.3em;
}

/* 詳細はこちら */
#irisfes-live .irisfes-item.section .irisfes-live-item__link {
    font-size: .7em;
}

/* カートインボタン */
#irisfes-live .irisfes-item.section .auto-cart-in.ga_cart_in p{
    font-size: .8em;
}

/* 販促アイコン */
#irisfes-live .irisfes-item.section .irisfes-live-item__promo .promo-icon {
    font-size: .8em;
}

/* 注釈 */
#irisfes-live .item-attention{
    font-size: .8em;
    width: 900px;
    margin: 0 auto;
}
/*==============================================
商品 ここまで
================================================*/

/*==============================================
irisfes-item ライブ配信スケジュール STR
================================================*/
#irisfes-live .irisfes-live.section .live-schedule {
    margin: 1em auto;
}
/*==============================================
irisfes-item ライブ配信スケジュール END
================================================*/