@charset "UTF-8";

/* ▼▼ 汎用見出し設定（トップページ各セクション大見出し）@extend用 ▼▼ */
main {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #fff;
    width: 1100px;
    margin: 20px auto 0;
}

.chapter-header {
    margin-bottom: 30px;
    text-align: center;
}

.chapter-header__en,
.footer-header__en {
    font-family: "brandon-grotesque";
    font-weight: 300;
    font-style: italic;
    display: block;
    font-size: 41px;
    margin-bottom: -12px;
}

.chapter-header__ja,
.footer-header__ja {
    font-size: 1.3rem;
}


/*
////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////

$$　ギャレリア各EC共通 下層ページ

////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////
*/
.contents-wrapper {
    display: flex;
    justify-content: space-between;
    width: 780px;
    text-align: center;
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 60px;
}

.contents-area {
    box-sizing: border-box;
    width: 780px;
    margin-top: 28px;
}

.img_01 {
    width: 100%;
    margin-bottom: 73px;
}

.img_02 {
    width: 100%;
    margin-bottom: 68px;
    display: block;
}

.img_03 {
    width: 100%;
    margin-bottom: 0px;
}

.img_04 {
    width: 100%;
    margin-bottom: 35px;
    display: block;
}

.img_05 {
    width: 100%;
    margin-bottom: 56px;
}

.dakota_ribbon_r {
    width: 100%;
    margin-bottom: 0px;
    display: block;
}

.img_06 {
    width: 100%;
    margin-bottom: 47px;
    display: block;
}

.img_07 {
    width: 100%;
    margin-bottom: 0px;
    display: block;
}

.img_08 {
    width: 100%;
    margin-bottom: 0px;
    display: block;
}

.img_09 {
    width: 100%;
    margin-bottom: 52px;
}

.img_10 {
    width: 100%;
    margin-bottom: 20px;
}

.sp_img_02 {
    display: none;
}

.sp_img_04 {
    display: none;
}

.sp_dakota_ribbon_r {
    display: none;
}

.sp_img_06 {
    display: none;
}

.sp_img_07 {
    display: none;
}

.sp_img_08 {
    display: none;
}


/* 母の日ラッピング -------*/
.mothersday2020_ribbon {
    width: 100%;
    margin-top: -30px;
    margin-bottom: -20px;
}

.sp_mothersday2020_ribbon {
    display: none;
}

.img_05_mother {
    width: 100%;
    margin-bottom: 15px;
    display: block;
}

/* ------------------- */

/* 父の日ラッピング ------ */
.fathersday2020_ribbon {
    width: 100%;
    margin-bottom: 0px;
}

.sp_fathersday2020_ribbon {
    display: none;
}

.img_05_father {
    width: 100%;
    margin-bottom: 15px;
    display: block;
}

/* ------------------- */



/* 通常リボン＋特別リボン＝8色var */
.img_04_8color {
    width: 100%;
    margin-bottom: 15px;
    display: block;
}

.sp_img_04_8color {
    display: none;
}

/* ------------------------- */






/* クリスマスラッピング -------- */
.xmas_img_01 {
    width: 100%;
    margin-bottom: 30px;
}

.xmas_img_02 {
    width: 100%;
    margin-bottom: 30px;
    display: block;
}

.xmas_img_03 {
    width: 100%;
    margin-bottom: 50px;
}

.xmas_img_04 {
    width: 100%;
    margin-bottom: 73px;
    display: block;
}

.xmas_img_05 {
    width: 100%;
    margin-bottom: 64px;
}

.xmas_img_06 {
    width: 100%;
    margin-bottom: 26px;
}

.xmas_img_07 {
    width: 100%;
    margin-bottom: 60px;
    display: block;
}

.xmas_img_08 {
    width: 100%;
    margin-bottom: 76px;
    display: block;
}

.sp_xmas_img_02 {
    display: none;
}

.sp_xmas_img_04 {
    display: none;
}

.sp_xmas_img_05 {
    display: none;
}

.sp_xmas_img_07 {
    display: none;
}

.sp_xmas_img_08 {
    display: none;
}



/* ▼▼ 手順説明 ▼▼ */

.gift-footing {
    padding: 20px 28px 25px;
    margin: 10px auto 50px;
    width: 950px;
    background: #efeee9;
}

.gift-footing_02 {
    padding: 5px 28px 25px;
    margin: 10px auto 80px;
    width: 950px;
    background: #ffffff;
}

.oth-page-sub-title {
    width: 100%;
    color: #232323;
    line-height: 1.2rem;
    display: inline-block;
    border-bottom: solid 1px #c7c7c7;
    margin: 20px 0 0 0;
    padding: 0 0 10px 0;
    font-size: 20px;
}

.txt {
    width: 100%;
    padding: 10px 10px 17px;
    color: #232323;
    font-size: 17px;
}

.txt-red {
    color: #e53634;
}

.wrap_img_pc {
    display: block;
    width: 780px;
    margin: 10px auto 0px;
}

.wrap_img_sp {
    display: none;
}


.wrap_more {
    text-align: center;
}

.view-more-btn {
    font-size: 15px;
    color: #232323;
    border-radius: 0;
    border: solid 2px #969696;
    width: 80%;
    padding: 15px 10px;
    max-width: 300px;
    margin: 44px auto 60px;
    line-height: 1;
}

.view-more-btn i {
    display: inline-block;
    width: 8px;
    height: 16px;
    line-height: 1;
    margin-left: 10px;
    float: right;
    background-image: url(https://www.galleria-mall.jp/assets/images/arrow_g-r.svg);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 8px 16px;
}

/*
////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////

$$ Media Queries for smartphone

////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////
*/
@media screen and (max-width: 736px) {

    /* ▼▼ 汎用見出し設定（トップページ各セクション大見出し）@extend用 ▼▼ */
    main {
    width: 100vw;
        padding-top: 20px;
        padding-bottom: 20px;
        background-color: #fff;
    }

    .chapter-header {
        margin-bottom: 5vw;
    }

    .chapter-header__en,
    .footer-header__en {
        width: 100vw;
        font-size: 8vw;
        margin-bottom: -3vw;
    }

    .chapter-header__ja,
    .footer-header__ja {
        font-size: 3vw;
    }

    .contents-wrapper {
        display: block;
        width: 100vw;
        margin-top: 10vw;
        margin-bottom: 10vw;
    }

    .contents-side-navi {
        display: none;
    }

    .contents-area {
        width: 100vw;
        margin-top: 0;
        padding-top: 2vw;
        border: none;
    }

    .img_01 {
        width: 100vw;
        margin-bottom: 8vw;
    }

    .img_02 {
        display: none;
    }

    .img_03 {
        width: 100%;
        margin-bottom: 0vw;
    }

    .img_04 {
        display: none;
    }

    .img_05 {
        width: 100%;
        margin-bottom: 10vw;
    }

    .dakota_ribbon_r {
        display: none;
    }

    .img_06 {
        display: none;
    }

    .img_07 {
        display: none;
    }

    .img_08 {
        display: none;
    }

    .img_09 {
        display: none;
    }

    .img_10 {
        width: 100%;
        margin-bottom: 4vw;
    }

    .sp_img_02 {
        width: 100%;
        margin-bottom: 8vw;
        display: block;
    }

    .sp_img_04 {
        width: 100%;
        margin-bottom: 8vw;
        display: block;
    }

    .sp_dakota_ribbon_r {
        width: 100%;
        margin-bottom: 0vw;
        display: block;
    }

    .sp_img_06 {
        width: 100%;
        margin-bottom: 8vw;
        display: block;
    }

    .sp_img_07 {
        width: 100%;
        margin-bottom: 0vw;
        display: block;
    }

    .sp_img_08 {
        width: 100%;
        margin-bottom: 8vw;
        display: block;
    }


    /* 母の日ラッピング ------------- */
    .sp_mothersday2020_ribbon {
        width: 100%;
        margin-bottom: 0vw;
        display: block;
    }

    .mothersday2020_ribbon {
        display: none;
    }


    .img_05_mother {
        width: 100%;
        margin-bottom: 8vw;
        display: block;
    }

    /* ------------------------- */


    /* 父の日ラッピング */
    .sp_fathersday2020_ribbon {
        width: 100%;
        margin-bottom: 0vw;
        display: block;
    }


    .fathersday2020_ribbon {
        display: none;
    }


    .img_05_father {
        width: 100%;
        margin-bottom: 8vw;
        display: block;
    }

    /* ------------------------- */


    /* 通常リボン＋特別リボン＝8色var */
    .sp_img_04_8color {
        width: 100%;
        margin-bottom: 0vw;
        display: block;
    }

    .img_04_8color {
        display: none;
    }

    /* ------------------------- */



    /* クリスマスラッピング ------------ */
    .xmas_img_01 {
        width: 100%;
        margin-bottom: 7vw;
        display: none;
    }

    .xmas_img_02 {
        display: none;
    }

    .xmas_img_03 {
        width: 100%;
        margin-bottom: 6vw;
        display: none;
    }

    .xmas_img_04 {
        display: none;
    }

    .xmas_img_05 {
        display: none;
    }

    .xmas_img_06 {
        width: 100%;
        margin-bottom: 11vw;
    }

    .xmas_img_07 {
        display: none;
    }

    .xmas_img_08 {
        display: none;
    }

    .sp_xmas_img_02 {
        width: 100%;
        margin-bottom: 11vw;
        display: block;
    }

    .sp_xmas_img_04 {
        width: 100%;
        margin-bottom: 11vw;
        display: block;
    }

    .sp_xmas_img_05 {
        width: 100%;
        margin-bottom: 11vw;
        display: block;
    }

    .sp_xmas_img_07 {
        width: 100%;
        margin-bottom: 15vw;
        display: block;
    }

    .sp_xmas_img_08 {
        width: 100%;
        margin-bottom: 8vw;
        display: block;
    }


    /* ▼▼ 手順説明 ▼▼ */


    .gift-footing {
        padding: 4vw 2vw 4vw;
        margin: 5vw auto 5vw;
        width: 100vw;
        background: #efeee9;
    }

    .gift-footing_02 {
        padding: 2vw 2vw 2vw;
        margin: 5vw auto 12vw;
        width: 100%;
        background: #ffffff;
    }

    .oth-page-sub-title {
        width: 100%;
        color: #232323;
        line-height: 1.2rem;
        display: inline-block;
        border-bottom: solid 1px #c7c7c7;
        margin: 3vw 0 0 0;
        padding: 0 0 2vw 0;
        font-size: 1.7rem;
    }

    .txt {
        width: 100%;
        padding: 5vw 2vw 4vw;
        color: #232323;
        font-size: 1.5rem;
    }

    .txt-red {
        color: #e53634;
    }

    .wrap_img_pc {
        display: none;
    }

    .wrap_img_sp {
        display: block;
        width: 96vw;
        margin: 3vw auto 4vw;
    }

    .wrap_more {
        text-align: center;
    }

    .view-more-btn {
        font-size: 4.2vw;
        color: #232323;
        border-radius: 0;
        border: solid 1px #969696;
        width: 61vw;
        padding: 4vw 3vw;
        max-width: 61vw;
        margin: 5vw auto 6vw;
        line-height: 1.9rem;
    }

    .view-more-btn i {
        display: inline-block;
        width: 3vw;
        height: 4vw;
        line-height: 1.2rem;
        margin-left: 4vw;
        float: right;
        background-image: url(https://www.galleria-mall.jp/assets/images/arrow_g-r.svg);
        background-position: center right;
        background-repeat: no-repeat;
        background-size: 2vw 3vw;
    }
}