@charset "Shift_JIS";
/* CSS Document */
/*==============================================
共通 ここから
================================================*/

/* デフォルトの余白リセット */
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となる) ※.vpoint_campaign-innerの中の要素のみ */
    --font-size-text: 2.1cqw;

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

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

.vpoint_campaign .pc_none {
    display: none;
}
/*==============================================
共通 ここまで
================================================*/

#sleep-fair h2 {
    font-size: 1.5em;
}

/*==============================================
sleep-fair 商品 STR
================================================*/
#sleep-fair .sleep-fair_section .sleep-fair-item-inner {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    overflow-x: visible;
    padding: 0;
}

/* 商品：サムネ */
#sleep-fair .sleep-fair_section .sleep-fair-item__thum img {
    width: 100%;
}

/*==============================================
sleep-fair イベント STR
================================================*/
#sleep-fair .sleep-fair_section .sleep-fair-event-inner {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    overflow-x: visible;
    padding: 0;
}
#sleep-fair .sleep-fair_section .sleep-fair__thum img {
    width: 100%;
}

/*-----------------------------------------------*/
/*ライトナビ*/
/*-----------------------------------------------*/
@media screen and (max-width: 1300px){
    #vpoint_campaign .nav_wrap {
        display: none !important; 
}
}

#vpoint_campaign .cate_nav_fixed {
    display: none;
}

#vpoint_campaign .nav_wrap {
    position:fixed;
    z-index: 11;
	bottom: 0;
	right:0;
    width: 10em;
    height: 100vh;
    background: 0;
}
#vpoint_campaign .nav_wrap.panelactive .nav_inner {
    position: fixed;
    z-index: 11;
    width: 2030px;
    height: 100vh;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
	display: flex;
	justify-content: center;
	align-items: center;
}
/*内容*/
#vpoint_campaign .nav_wrap ul {
    padding: 9.5em 1em;
}
#vpoint_campaign .nav_wrap ul li .navi-name {
    font-size: .6em;
}
#vpoint_campaign .nav_wrap ul li a {
    font-size: .5em;
}
#vpoint_campaign .nav_wrap ul li a:hover {
    color: #fadfac !important;
}

/*==============================================
sleep-fair-coupon クーポン STR
================================================*/
#sleep-fair .sleep-fair_section.coupon .sleep-fair-coupon-inner{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1em;
}
#sleep-fair .sleep-fair_section.coupon .sleep-fair-coupon-inner a{
    margin-bottom: 0;
}