@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となる) ※.bikkuri-gyoten-innerの中の要素のみ */
    --font-size-text: 2cqw;

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

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

.bikkuri-gyoten .pc_none {
    display: none;
}
/*==============================================
共通 ここまで
================================================*/
/*==============================================
.bikkuri-gyoten 共通 STR
================================================*/

.bikkuri-gyoten .contents {
    box-shadow:0px 0px 100px #edb7ff;
}
/*==============================================
.bikkuri-gyoten 共通 END
================================================*/

/*==============================================
bikkuri-gyoten-top 看板 STR
================================================*/
.bikkuri-gyoten .bikkuri-gyoten-section.top {
    width: 100%;
    height: calc(100vh - 115px);
    padding: 0;
}
.bikkuri-gyoten .bikkuri-gyoten-section.top .top-title{
    top: 9em;
}
/*==============================================
bikkuri-gyoten 看板 END
================================================*/

.bikkuri-gyoten .bikkuri-gyoten-section .col_2 .bikkuri-gyoten-item__thum {
    height: 19.7em;
}

/*==============================================
bikkuri-gyoten-event イベント STR
================================================*/
.bikkuri-gyoten .bikkuri-gyoten-section.event h2 {
    font-size: 2.5em;
}
.bikkuri-gyoten .event-wrapper {
    padding: 2em;
}
.bikkuri-gyoten .event-wrapper a {
    width: calc(calc(100% - 1em) / 3);
}
/*==============================================
bikkuri-gyoten-event イベント END
================================================*/

/*==============================================
bikkuri-gyoten 調節 STR
================================================*/
.bikkuri-gyoten .campaign-btn{
    font-size: 1.3em;
}
.bikkuri-gyoten .bikkuri-gyoten-item-wrap__title{
    font-size: 1.7em;
}
.bikkuri-gyoten .bikkuri-gyoten-sale__accordion summary.sale-summary{
    font-size: 1.1em;
}
.bikkuri-gyoten .bikkuri-gyoten-section .scroll .bikkuri-gyoten-item-inner{
    height: 52em;
}
/*==============================================
bikkuri-gyoten 調節 END
================================================*/


/*==============================================
bikkuri-gyoten ホバー STR
================================================*/
.bikkuri-gyoten a:hover{
    opacity: .9;
}
.bikkuri-gyoten .app-inner__list li a:hover,
.bikkuri-gyoten .campaign-btn:hover{
    transform: translateY(2px);
    box-shadow: none;
    color: #fff !important;
}
.bikkuri-gyoten .app-inner__list li a:hover{
    color: #fff !important;
}
.bikkuri-gyoten .bikkuri-gyoten-sale__accordion summary.sale-summary:hover{
    background: #efdaf9;
}
/*==============================================
bikkuri-gyoten ホバー END
================================================*/


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

#bikkuri-gyoten .cate_nav_fixed {
    display: none;
}

#bikkuri-gyoten .nav_wrap {
    position:fixed;
    z-index: 11;
	bottom: 0;
	right:0;
    width: 10em;
    height: 100vh;
    background: 0;
}
#bikkuri-gyoten .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;
}
/*内容*/
#bikkuri-gyoten .nav_wrap ul {
    padding: 9.5em 1em;
}
#bikkuri-gyoten .nav_wrap ul li .navi-name {
    font-size: .6em;
}
#bikkuri-gyoten .nav_wrap ul li a {
    font-size: .5em;
}
#bikkuri-gyoten .nav_wrap ul li a:hover {
    color: #f7c5ff !important;
}