@charset "utf-8";

.row {
    max-width: 100%!important;
}
.breadcrumb {
    display: none;
}
#primary {
    padding: 0;
}
#main {
    min-height:0;
}
#holiday-gift-guide {
    position: relative;
    width: 100%;
    background-image: url(main-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    color: #000;
}
@media screen and (min-width: 768px) {
    #holiday-gift-guide {
        grid-template-columns: 1fr 400px 1fr;
        gap: 60px;
        display: grid;
    }
}
#holiday-gift-guide .scroll-area {
    flex-shrink: 0;
    width: 400px;
    background-color: #fff;
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .scroll-area {
        max-width: none;
        width: 100%;
        border: none;
    }
}
#holiday-gift-guide * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family:"HelveticaNeueW01-45Ligh", "Helvetica Neue LT W05 45 Light", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, "Noto Sans JP", sans-serif !important;
    line-height: 1;
    letter-spacing: 0;
}
#holiday-gift-guide section {
    background-color: #fff;
}
#holiday-gift-guide img {
    width: 100%;
    height: auto;
    border: none;
    vertical-align: bottom;
}
#holiday-gift-guide a {
    text-decoration: none;
    transition: background 0.3s;
}
#holiday-gift-guide ul,
#holiday-gift-guide ol {
    margin: 0;
    padding: 0;
}
#holiday-gift-guide li {
    list-style: none;
}
#holiday-gift-guide sup {
    top: -1em;
    font-size: 0.5em;
}
#holiday-gift-guide h2 {
    color: #4D8BA3;
    font-size: calc(80px * (400 / 750));
    line-height: calc(70 / 80);
    font-family:"Helvetica Neue LT W01_35 Thin", "Helvetica Neue LT W05 35 Thin", sans-serif !important;
    text-align: center;
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide h2 {
        font-size: calc((80 / 750) * 100vw);
    }
}
#holiday-gift-guide h2 sup {
    top: -0.3em;
    font-size: 0.7em;
    font-family: "HelveticaNeueW01-UltLt", "Helvetica Neue LT W05 25 Ult Lt", sans-serif !important;
}
#holiday-gift-guide .txt-en {
    font-size: 110%;
    font-family: "HelveticaNeueW01-45Ligh", "Helvetica Neue LT W05 45 Light", sans-serif !important;
}
#holiday-gift-guide .yugo {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
}
#holiday-gift-guide .txt-note li {
    position: relative;
    padding-left: 1em;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
    font-feature-settings: 'palt';
}
#holiday-gift-guide .txt-note li::before {
    position: absolute;
    top: 0.1em;
    left: 0.3em;
    content: "*";
}
#holiday-gift-guide .txt-new {
    display: block;
    font-size: calc(26px * (400 / 750));
    font-family:"Helvetica Neue LT W01_65 Md", "Helvetica Neue LT W05 65 Medium", sans-serif !important;
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .txt-new {
        font-size: calc((26 / 750) * 100vw);
    }
}
#holiday-gift-guide .link-txt {
    transition: opacity .3s;
}
#holiday-gift-guide .link-txt:hover {
    opacity: .7;
}
#holiday-gift-guide .common-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    width: calc(360px * (400 / 750));
    margin-inline: auto;
    padding-block: calc(20.5px * (400 / 750));
    border: 1px #4D8BA3 solid;
    background: #fff;
    color: #4D8BA3;
    font-size: calc(24px * (400 / 750));
    font-weight: 700;
    text-align: center;
    line-height: 1.2;
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .common-btn {
        width: calc((360 / 750) * 100vw);
        padding-block: calc((20.5 / 750) * 100vw);
        font-size: calc((24 / 750) * 100vw);
    }
}
#holiday-gift-guide .common-btn.arrow::after {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: calc(25px * (400 / 750));
    transform: translateY(-50%) rotate(-90deg);
    font-size: calc(28px * (400 / 750));
    font-family: 'icomoon' !important;
    content:"\e904";
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .common-btn.arrow::after {
        right: calc((25 / 750) * 100vw);
        font-size: calc((28 / 750) * 100vw);
    }
}
#holiday-gift-guide .common-btn.arrow.down::after {
    transform: translateY(-50%) rotate(0deg);
}
#holiday-gift-guide .common-btn:last-of-type {
    margin-bottom: 0;
}
#holiday-gift-guide .common-btn:hover {
    background:#4D8BA3;
    color:#fff;
}
#holiday-gift-guide .cart-wrap {
    width: calc(360px * (400 / 750));
    margin-inline: auto;
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .cart-wrap {
        width: calc((360 / 750) * 100vw);
    }
}
#holiday-gift-guide [data-checkInstock="true"] {
    background-color: #fff;
}
#holiday-gift-guide [data-checkInstock="true"] a {
    display: block;
    background:#fff;
    color:#4D8BA3;
}
#holiday-gift-guide .out-of-stock-btn {
    display: block;
    opacity:0.5;
    padding-block: calc(20.5px * (400 / 750));
    border:1px solid #FFF;
    box-sizing:border-box;
    background:#808080;
    color:#000;
    text-align:center;
}


/*--- .section-head ------------------------------------*/
#holiday-gift-guide .section-head .head-fv {
    position: relative;
}
#holiday-gift-guide .section-head .head-ttl {
    width: 100%;
    position: absolute;
    top: calc(384px * (400 / 750));
    left: 0;
    text-align: center;
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-head .head-ttl {
        top: calc((384 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-head h1 {
    margin-bottom: calc(25px * (400 / 750));
    color: #4D8BA3;
    font-size: calc(104px * (400 / 750));
    font-family:"Helvetica Neue LT W01_35 Thin", "Helvetica Neue LT W05 35 Thin", sans-serif !important;
    line-height: calc(90 / 104);
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-head h1 {
        margin-bottom: calc((25 / 750) * 100vw);
        font-size: calc((104 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-head h1 span {
    display: block;
    margin-bottom: calc(21px * (400 / 750));
    font-size: calc(30px * (400 / 750));
    font-family:"Helvetica Neue LT W01_65 Md", "Helvetica Neue LT W05 65 Medium", sans-serif !important;
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-head span {
        margin-bottom: calc((21 / 750) * 100vw);
        font-size: calc((30 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-head p {
    margin-bottom: calc(30px * (400 / 750));
    font-size: calc(28px * (400 / 750));
    line-height: 1.4;
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-head p {
        margin-bottom: calc((30 / 750) * 100vw);
        font-size: calc((28 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-head .common-btn {
    padding-inline: calc(18px * (400 / 750)) calc(46px * (400 / 750));
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-head p {
        padding-inline: calc((18 / 750) * 100vw) calc((46 / 750) * 100vw);
    }
}
@media screen and (min-width: 768px) {
    #holiday-gift-guide .head-banner {
        display: none;
    }
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .head-banner a {
        display: flex;
        align-items: center;
        gap: calc((37 / 750) * 100vw);
        position: relative;
        background: linear-gradient(254deg, #FFF 0%, #E7F6FF 53.85%);
        padding-block: calc((10 / 750) * 100vw);
        padding-left: calc((53 / 750) * 100vw);
    }
    #holiday-gift-guide .head-banner a::after {
        display: inline-block;
        position: absolute;
        top: 50%;
        right: calc((50 / 750) * 100vw);
        transform: translateY(-50%);
        font-size: calc((28 / 750) * 100vw);
        font-family: 'icomoon' !important;
        content:"\e904";
    }
    #holiday-gift-guide .head-banner a img {
        width: calc((197 / 750) * 100vw);
        height: 100%;
    }
    #holiday-gift-guide .head-banner .header-banner_ttl {
        font-size: calc((24 / 750) * 100vw);
        line-height: calc(40 / 24);
    }
    #holiday-gift-guide .head-banner .header-banner_desc {
        font-size: calc((28 / 750) * 100vw);
        line-height: calc(40 / 28);
    }
}


/*--- .section-nav -----------------------------------*/
#holiday-gift-guide .section-nav {
    padding-block: calc(100px * (400 / 750));
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-nav {
        padding-block: calc((100 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-nav .btn-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: calc(20px * (400 / 750));
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-nav .btn-wrap {
        gap: calc((20 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-nav .btn-wrap .common-btn {
    width: calc(326px * (400 / 750));
    min-height: calc(90px * (400 / 750));
    margin-inline: inherit;
    padding-block: calc(14px * (400 / 750));
    padding-inline: calc(24px * (400 / 750)) calc(52px * (400 / 750));
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-nav .btn-wrap .common-btn {
        width: calc((326 / 750) * 100vw);
        min-height: calc((90 / 750) * 100vw);
        padding-block: calc((14 / 750) * 100vw);
        padding-inline: calc((24 / 750) * 100vw) calc((52 / 750) * 100vw);;
    }
}
#holiday-gift-guide .section-nav .btn-wrap .common-btn.wide {
    width: calc(672px * (400 / 750));
    min-height: calc(90px * (400 / 750));
    margin-inline: inherit;
    padding-block: calc(14px * (400 / 750));
    padding-inline: calc(24px * (400 / 750));
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-nav .btn-wrap .common-btn.wide {
        width: calc((672 / 750) * 100vw);
        min-height: calc((90 / 750) * 90vw);
        padding-inline: calc((24 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-nav .btn-wrap .txt-en {
    line-height: 1.2;
}

/*--- .section-lineup ----------------------------------*/
#holiday-gift-guide .section-story .story-wrap * {
    color: #fff;
    line-height: 1.4
}
#holiday-gift-guide .section-story .story-wrap {
    position: relative;
    height: calc(2173px * (400 / 750));
    background-color: #1C1C1E;
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-story .story-wrap {
        height: calc((2173 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-story .story-txt {
    position: absolute;
    bottom: calc(100px * (400 / 750));
    left: 0;
    width: 100%;
    text-align: center;
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-story .story-txt {
        bottom: calc((100 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-story .story-txt h2 {
    margin-bottom: calc(48px * (400 / 750));
    font-size: calc(70px * (400 / 750));
    line-height: calc(60 / 70);
    text-shadow: 1px 0 10px #000 ;
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-story .story-txt h2 {
        margin-bottom: calc((48 / 750) * 100vw);
        font-size: calc((70 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-story .story-desc {
    margin-bottom: calc(50px * (400 / 750));
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-story .story-desc {
        margin-bottom: calc((50 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-story .story-desc_txt {
    margin-bottom: calc(20px * (400 / 750));
    font-size: calc(28px * (400 / 750));
    letter-spacing: calc(-0.84px * (400 / 750));
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-story .story-desc_txt {
        margin-bottom: calc((20 / 750) * 100vw);
        font-size: calc((28 / 750) * 100vw);
        letter-spacing: calc((-0.84 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-story .story-desc_txt:last-of-type {
    margin-bottom: 0;
}
#holiday-gift-guide .section-story .story-desc_txt {
    margin-bottom: calc(20px * (400 / 750));
    font-size: calc(28px * (400 / 750));
    letter-spacing: calc(-0.84px * (400 / 750));
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-story .story-desc_txt {
        margin-bottom: calc((20 / 750) * 100vw);
        font-size: calc((28 / 750) * 100vw);
        letter-spacing: calc((-0.84 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-story .story-period {
    font-size: calc(28px * (400 / 750));
    letter-spacing: calc(-0.84px * (400 / 750));
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-story .story-period {
        font-size: calc((28 / 750) * 100vw);
        letter-spacing: calc((-0.84 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-story .story-edition {
    margin-block: calc(30px * (400 / 750));
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-story .story-edition {
        margin-block: calc((30 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-story .story-edition_num {
    width: calc(124px * (400 / 750));
    margin-inline: auto;
    margin-bottom: calc(20px * (400 / 750));
    padding-block: calc(9px * (400 / 750));
    border: 1px solid #fff;
    font-size: calc(24px * (400 / 750));
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-story .story-edition_num {
        width: calc((124 / 750) * 100vw);
        margin-bottom: calc((20 / 750) * 100vw);
        padding-block: calc((9 / 750) * 100vw);
        font-size: calc((24 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-story .story-edition_period {
    font-size: calc(28px * (400 / 750));
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-story .story-edition_period {
        font-size: calc((28 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-story .story-message {
    padding-block: calc(100px * (400 / 750));
    background: url("story-message-bg.jpg")no-repeat 50% / cover;
    text-align: center;
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-story .story-message {
        padding-block: calc((100 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-story .story-message_comment {
    margin-bottom: calc(16px * (400 / 750));
    font-size: calc(30px * (400 / 750));
    line-height: 1.4;
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-story .story-message_comment {
        margin-bottom: calc((16 / 750) * 100vw);
        font-size: calc((30 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-story .story-message_comment span {
    display: block;
    margin-bottom: calc(16px * (400 / 750));
    font-size: calc(74px * (400 / 750));
    font-family:"HelveticaNeueW01-UltLt", "Helvetica Neue LT W05 25 Ult Lt", sans-serif !important;
    line-height: calc(72 / 74);
    text-transform: uppercase;
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-story .story-message_comment span {
        margin-bottom: calc((16 / 750) * 100vw);
        font-size: calc((74 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-story .story-message_from {
    font-size: calc(24px * (400 / 750));
    line-height: calc(32 / 24);
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-story .story-message_from {
        font-size: calc((24 / 750) * 100vw);
    }
}

/*--- .section-lineup ----------------------------------*/
#holiday-gift-guide .section-lineup {
    padding-top: calc(80px * (400 / 750));
    padding-bottom: calc(100px * (400 / 750));
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-lineup {
        padding-top: calc((80 / 750) * 100vw);
        padding-bottom: calc((100 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-lineup h2 {
    margin-bottom: calc(40px * (400 / 750));
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-lineup h2 {
        margin-bottom: calc((40 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-lineup .lineup-pick {
    text-align: center;
}
#holiday-gift-guide .section-lineup .lineup-pick img {
    margin-bottom: calc(50px * (400 / 750));
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-lineup .lineup-pick img {
        margin-bottom: calc((50 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-lineup .lineup-pick_lead {
    margin-bottom: calc(50px * (400 / 750));
    font-size: calc(36px * (400 / 750));
    line-height: 1.4;
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-lineup .lineup-pick_lead {
        margin-bottom: calc((50 / 750) * 100vw);
        font-size: calc((36 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-lineup .lineup-pick-desc_name {
    margin-bottom: calc(7px * (400 / 750));
    font-size: calc(26px * (400 / 750));
    line-height: 1.4;
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-lineup .lineup-pick-desc_name {
        margin-bottom: calc((7 / 750) * 100vw);
        font-size: calc((26 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-lineup .lineup-pick-desc_name .new {
    display: block;
    margin-bottom: calc(7px * (400 / 750));
    font-size: calc(24px * (400 / 750));
    font-family:"Helvetica Neue LT W01_65 Md", "Helvetica Neue LT W05 65 Medium", sans-serif !important;
    font-weight: 700;
    line-height: 1;
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-lineup .lineup-pick-desc_name .new {
        margin-bottom: calc((7 / 750) * 100vw);
        font-size: calc((24 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-lineup .lineup-pick-desc_name .txt-en {
    font-family:"Helvetica Neue LT W01_65 Md", "Helvetica Neue LT W05 65 Medium", sans-serif !important;
    line-height: 1;
    font-weight: normal;
}
#holiday-gift-guide .section-lineup .lineup-pick-desc_shade {
    margin-bottom: calc(7px * (400 / 750));
    font-size: calc(26px * (400 / 750));
    line-height: 1.4;
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-lineup .lineup-pick-desc_shade {
        margin-bottom: calc((7 / 750) * 100vw);
        font-size: calc((26 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-lineup .lineup-pick-desc_price {
    margin-bottom: calc(7px * (400 / 750));
    font-size: calc(24px * (400 / 750));
    line-height: 1.4;
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-lineup .lineup-pick-desc_price {
        margin-bottom: calc((7 / 750) * 100vw);
        font-size: calc((24 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-lineup .lineup-pick-desc_color {
    margin-bottom: calc(7px * (400 / 750));
    font-size: calc(26px * (400 / 750));
    line-height: 1.4;
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-lineup .lineup-pick-desc_color {
        margin-bottom: calc((7 / 750) * 100vw);
        font-size: calc((24 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-lineup .lineup-pick-desc_day {
    margin-bottom: calc(30px * (400 / 750));
    color: #4D8BA3;
    font-size: calc(24px * (400 / 750));
    font-weight: 700;
    line-height: 1.4;
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-lineup .lineup-pick-desc_day {
        margin-bottom: calc((30 / 750) * 100vw);
        font-size: calc((26 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-lineup .lineup-pick-desc_day .txt-en {
    font-weight: normal;
    font-family:"Helvetica Neue LT W01_65 Md", "Helvetica Neue LT W05 65 Medium", sans-serif !important;
}
#holiday-gift-guide .section-lineup .lineup-pick-desc_txt {
    margin-bottom: calc(30px * (400 / 750));
    font-size: calc(28px * (400 / 750));
    line-height: 1.4;
    letter-spacing: calc(-0.84px * (400 / 750));
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-lineup .lineup-pick-desc_txt {
        margin-bottom: calc((30 / 750) * 100vw);
        font-size: calc((28 / 750) * 100vw);
        letter-spacing: calc((-0.84 / 750) * 100vw);
    }
}

#holiday-gift-guide .section-lineup .lineup-main {
    padding-top: calc(100px * (400 / 750));
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-lineup .lineup-main {
        padding-top: calc((100 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-lineup .lineup-tab {
    width: 100%;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    margin-bottom: calc(50px * (400 / 750));
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-lineup .lineup-tab {
        margin-bottom: calc((50 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-lineup .lineup-tab::-webkit-scrollbar {
    display: none;
}
#holiday-gift-guide .section-lineup .lineup-tab ul {
    display: flex;
    gap: calc(25px * (400 / 750));
    width: max-content;
    margin-inline: calc(25px * (400 / 750));
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-lineup .lineup-tab ul {
        gap: calc((25 / 750) * 100vw);
        margin-inline: calc((25 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-lineup .lineup-tab-item {
    width: calc(256px * (400 / 750));
    text-align: center;
}
@media screen and (min-width: 768px) {
    #holiday-gift-guide .section-lineup .lineup-tab-item {
        cursor: pointer;
    }
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-lineup .lineup-tab-item {
        width: calc((256 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-lineup .lineup-tab-item p {
    margin-top: calc(10.5px * (400 / 750));
    font-size: calc(20px * (400 / 750));
    line-height: 1.5;
    font-family:"Helvetica Neue LT W01_65 Md", "Helvetica Neue LT W05 65 Medium", sans-serif !important;
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-lineup .lineup-tab-item p {
        margin-top: calc((10.5 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-lineup .lineup-cont-lead {
    width: calc(600px * (400 / 750));
    margin-inline: auto;
    margin-block: calc(70px * (400 / 750)) calc(39px * (400 / 750));
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-lineup .lineup-cont-lead {
        width: calc((600 / 750) * 100vw);
        margin-block: calc((70 / 750) * 100vw) calc((39 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-lineup .lineup-cont-lead h3 {
    margin-bottom: calc(20px * (400 / 750));
    color: #4D8BA3;
    font-size: calc(60px * (400 / 750));
    font-family:"Helvetica Neue LT W01_35 Thin", "Helvetica Neue LT W05 35 Thin",  sans-serif !important;
    text-align: center;
    line-height: .9;
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-lineup .lineup-cont-lead h3 {
        margin-bottom: calc((20 / 750) * 100vw);
        font-size: calc((60 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-lineup .lineup-cont-lead p {
    font-size: calc(28px * (400 / 750));
    line-height: 1.6;
    letter-spacing: calc(-0.84px * (400 / 750));
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-lineup .lineup-cont-lead p {
        font-size: calc((28 / 750) * 100vw);
        letter-spacing: calc((-0.84 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-lineup .lineup-cont-item_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: calc(40px * (400 / 750));
    padding-inline: calc(35px * (400 / 750));
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-lineup .lineup-cont-item_wrap {
        row-gap:calc((40 / 750) * 100vw);
        padding-inline: calc((35 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-lineup .lineup-cont-item {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: calc(30px * (400 / 750));
    width: calc(330px * (400 / 750));
    text-align: center;
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-lineup .lineup-cont-item {
        gap: calc((30 / 750) * 100vw);
        width: calc((330 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-lineup .lineup-cont-item_tag {
    display: block;
    width: calc(138px * (400 / 750));
    margin-bottom: calc(20px * (400 / 750));
    padding-block: calc(4px * (400 / 750));
    color: #fff;
    font-size: calc(24px * (400 / 750));
    line-height: 1.2;
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-lineup .lineup-cont-item_tag {
        width: calc((138 / 750) * 100vw);
        margin-bottom: calc((20 / 750) * 100vw);
        padding-block: calc((6 / 750) * 100vw);
        font-size: calc((24 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-lineup .lineup-cont-item_tag.blue {
    background: linear-gradient(135deg, #97CFE4 14.42%, #4D8BA3 83.65%), #D9D9D9;
}
#holiday-gift-guide .section-lineup .lineup-cont-item_tag.silver {
    background: linear-gradient(135deg, #C4C4C4 14.42%, #58666B 83.65%);
}
#holiday-gift-guide .section-lineup .lineup-cont-item img {
    margin-bottom: calc(40px * (400 / 750));
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-lineup .lineup-cont-item img {
        margin-bottom: calc((40 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-lineup .lineup-cont-item_name {
    margin-bottom: calc(8px * (400 / 750));
    font-size: calc(26px * (400 / 750));
    line-height: 1.4;
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-lineup .lineup-cont-item_name {
        margin-bottom: calc((8 / 750) * 100vw);
        font-size: calc((26 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-lineup .lineup-cont-item_shade {
    margin-bottom: calc(8px * (400 / 750));
    font-size: calc(27.1px * (400 / 750));
    line-height: 1.4;
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-lineup .lineup-cont-item_shade {
        margin-bottom: calc((8 / 750) * 100vw);
        font-size: calc((27.1 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-lineup .lineup-cont-item_price {
    font-size: calc(24px * (400 / 750));
    line-height: 1.4;
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-lineup .lineup-cont-item_price {
        font-size: calc((24 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-lineup .cart-wrap {
    width: calc(330px * (400 / 750));
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-lineup .cart-wrap {
        width: calc((330 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-lineup .cart-wrap .common-btn {
    width: calc(330px * (400 / 750));
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-lineup .cart-wrap .common-btn {
        width: calc((330 / 750) * 100vw);
    }
}

/*タブ関連レイアウト以外の設定*/
#holiday-gift-guide .section-lineup .lineup-cont {
    display: none;
}
#holiday-gift-guide .section-lineup .lineup-cont.is-active {
    display: block;
    -webkit-mask-image: linear-gradient(135deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,1) 60%, rgba(0,0,0,1) 100%);
    mask-image: linear-gradient(135deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,1) 60%, rgba(0,0,0,1) 100%);
    -webkit-mask-size: 300% 300%;
    mask-size: 300% 300%;
    animation: tabMaskWipe 1.5s ease-out forwards;
}
@keyframes tabMaskWipe {
    0% {
        -webkit-mask-position: 0% 0%;
        mask-position: 0% 0%;
    }
    100% {
        -webkit-mask-position: 100% 100%;
        mask-position: 100% 100%;
    }
}

/*--- .section-guide -------------------------------------*/
#holiday-gift-guide .section-guide {
    padding-top: calc(80px * (400 / 750));
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-guide {
        padding-top: calc((80 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-guide .guide-head h2 {
    margin-bottom: calc(80px * (400 / 750));
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-guide .guide-head h2 {
        margin-bottom: calc((80 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-guide .guide-head_img {
    position: relative;
}
#holiday-gift-guide .section-guide .guide-head_txt {
    position: absolute;
    bottom: calc(80px * (400 / 750));
    left: 0;
    width: 100%;
    text-align: center;
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-guide .guide-head_txt {
        bottom: calc((80 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-guide .guide-head_txt p {
    margin-bottom: calc(30px * (400 / 750));
    font-size: calc(28px * (400 / 750));
    line-height: 1.6;
    letter-spacing: calc((-0.84 / 750) * 100vw);
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-guide .guide-head_txt {
        margin-bottom: calc((30 / 750) * 100vw);
        font-size: calc((28 / 750) * 100vw);
        letter-spacing: calc((-0.84 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-guide .guide-head_txt .btn-wrap {
    display: flex;
    justify-content: center;
    gap: calc(20px * (400 / 750));
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-guide .guide-head_txt .btn-wrap {
        gap: calc((20 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-guide .guide-head_txt .common-btn {
    width: calc(326px * (400 / 750));
    padding-inlne: calc(24px * (400 / 750)) calc(52px * (400 / 750));
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-guide .guide-head_txt .common-btn {
        width: calc((326 / 750) * 100vw);
        padding-inline: calc((24 / 750) * 100vw) calc((52 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-guide .guide-cont {
    padding-block: calc(50px * (400 / 750)) calc(40px * (400 / 750));
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-guide .guide-cont {
        padding-block: calc((50 / 750) * 100vw) calc((40 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-guide .guide-cont-head h3 {
    display: block;
    width: calc(670px * (400 / 750));
    margin-inline: auto;
    margin-bottom: calc(50px * (400 / 750));
    padding-block: calc(20px * (400 / 750));
    background-color: #E7F7FF;
    color: #4D8BA3;
    font-size: calc(40px * (400 / 750));
    font-weight: 700;
    line-height: 1.6;
    text-align: center;
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-guide .guide-cont-head h3 {
        width: calc((670 / 750) * 100vw);
        margin-bottom: calc((50 / 750) * 100vw);
        padding-block: calc((20 / 750) * 100vw);
        font-size: calc((40 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-guide .guide-cont-head p {
    margin-bottom: calc(30px * (400 / 750));
    font-size: calc(30px * (400 / 750));
    line-height: 1.6;
    text-align: center;
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-guide .guide-cont-head p {
        margin-bottom: calc((30 / 750) * 100vw);
        font-size: calc((30 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-guide .guide-cont-head ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: calc(30px * (400 / 750));
    margin-inline: auto;
    margin-bottom: calc(50px * (400 / 750));
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-guide .guide-cont-head ul {
        gap: calc((30 / 750) * 100vw);
        margin-bottom: calc((50 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-guide .guide-cont.img .guide-cont-head ul {
    width: calc(467px * (400 / 750));
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-guide .guide-cont.img .guide-cont-head ul {
        width: calc((467 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-guide .guide-cont.price .guide-cont-head ul {
    width: calc(619px * (400 / 750));
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-guide .guide-cont.price .guide-cont-head ul {
        width: calc((619 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-guide .guide-cont-head button {
    border: none;
    font-size: calc(28px * (400 / 750));
    letter-spacing: calc(-0.84px * (400 / 750));
    line-height: 1;
    opacity: .5;
    transition: .3s;
    outline: none;
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-guide .guide-cont-head button {
        font-size: calc((28 / 750) * 100vw);
        letter-spacing: calc((-0.84 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-guide .guide-cont-head button:hover {
    background-color: unset;
    color: inherit;
}
#holiday-gift-guide .section-guide .guide-cont-head button.is-active {
    opacity: 1;
    color: #4D8BA3;
    font-weight: 700;
}
#holiday-gift-guide .section-guide .item-scroll-wrapper {
    width: 100%;
    overflow: hidden;
}
#holiday-gift-guide .section-guide .item-scroll-container {
    display: flex;
    column-gap: calc(68px * (400 / 750));
    overflow-x: auto;
    cursor: grab;
    padding-inline: calc(36px * (400 / 750));
    padding-bottom: calc(42px * (400 / 750));
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-guide .item-scroll-container {
        gap: calc((68 / 750) * 100vw);
        padding-inline: calc((36 / 750) * 100vw);
        padding-bottom: calc((42 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-guide .item-scroll-container::-webkit-scrollbar {
    height: 2px;
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-guide .item-scroll-container::-webkit-scrollbar {
        height: calc((2 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-guide .item-scroll-container::-webkit-scrollbar-thumb {
    background: #000;
}
#holiday-gift-guide .section-guide .item-scroll-container::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.20);
    margin-inline: calc(33px * (400 / 750));
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-guide .item-scroll-container::-webkit-scrollbar-track {
        margin-inline: calc((33 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-guide .guide-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: calc(30px * (400 / 750));
    width: calc(506px * (400 / 750));
    min-height: calc(952px * (400 / 750));
    user-select: none;
    -webkit-user-drag: none;
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-guide .guide-item {
        gap: calc((30 / 750) * 100vw);
        width: calc((506 / 750) * 100vw);
        min-height: calc((952 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-guide .guide-item.is-hidden {
    display: none!important;
}
#holiday-gift-guide .section-guide .guide-item-tag {
    height: calc(60px * (400 / 750));
    margin-bottom: calc(10px * (400 / 750));
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-guide .guide-item-tag {
        height: calc((60 / 750) * 100vw);
        margin-bottom: calc((10 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-guide .guide-item-tag p {
    font-size: calc(24px * (400 / 750));
    line-height: calc(30 / 24);
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-guide .guide-item-tag p {
        font-size: calc((24 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-guide .guide-item-tag .tag_red {
    color: #E6001E;
}
#holiday-gift-guide .section-guide .guide-item-img {
    position: relative;
    margin-bottom: calc(12px * (400 / 750));
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-guide .guide-item-img {
        margin-bottom: calc((12 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-guide .guide-item-img a {
    display: block;
    line-height: 0;
}
#holiday-gift-guide .section-guide .guide-item-img_hover {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity .3s;
    width: 100%;
    background-color: #fff;
}
#holiday-gift-guide .section-guide .guide-item-img_hover:hover {
    opacity: 1;
}
#holiday-gift-guide .section-guide .guide-item-name a {
    display: block;
    margin-bottom: calc(18px * (400 / 750));
    font-size: calc(38px * (400 / 750));
    line-height: calc(46 / 38);
    transition: .3s;
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-guide .guide-item-name a {
        margin-bottom: calc((18 / 750) * 100vw);
        font-size: calc((38 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-guide .guide-item-color {
    font-size: calc(28px * (400 / 750));
    line-height: calc(40 / 28);
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-guide .guide-item-color {
        font-size: calc((28 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-guide .guide-item-price {
    margin-top: calc(12px * (400 / 750));
    font-size: calc(28px * (400 / 750));
    line-height: calc(40 / 28);
    text-align: right;
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-guide .guide-item-price {
        margin-top: calc((12 / 750) * 100vw);
        font-size: calc((28 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-guide .guide-item .cart-wrap {
    width: calc(506px * (400 / 750));
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-guide .guide-item .cart-wrap {
        width: calc((506 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-guide .guide-item .cart-wrap a {
    width: calc(506px * (400 / 750));
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-guide .guide-item .cart-wrap a {
        width: calc((506 / 750) * 100vw);
    }
}
.guide-item.is-animated {
    -webkit-mask-image: linear-gradient(135deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,1) 60%, rgba(0,0,0,1) 100%);
    mask-image: linear-gradient(135deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,1) 60%, rgba(0,0,0,1) 100%);
    -webkit-mask-size: 300% 300%;
    mask-size: 300% 300%;
    animation: tabMaskWipe 0.8s ease-out forwards;
}
#holiday-gift-guide .section-guide .guide-link {
    margin-top: calc(50px * (400 / 750));
    padding-block: calc(100px * (400 / 750));
    background: url("guide-link-bg.jpg")no-repeat 50% / cover;
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-guide .guide-link {
        margin-top: calc((50 / 750) * 100vw);
        padding-block: calc((100 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-guide .guide-link .common-btn {
    width: calc(670px * (400 / 750));
    padding-block: calc(44px * (400 / 750));
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-guide .guide-link .common-btn {
        width: calc((670 / 750) * 100vw);
        padding-block: calc((44 / 750) * 100vw);
    }
}

/*--- .section-campaign -------------------------------------*/
#holiday-gift-guide .section-campaign .campaign-cont {
    padding: calc(80px * (400 / 750)) calc(39px * (400 / 750)) calc(100px * (400 / 750));
    background-color: #E7F7FF;
    text-align: center;
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-campaign .campaign-cont {
        padding: calc((80 / 750) * 100vw) calc((39 / 750) * 100vw) calc((100 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-campaign .campaign-cont h2 {
    margin-bottom: calc(80px * (400 / 750));
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-campaign .campaign-cont h2 {
        margin-bottom: calc((80 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-campaign .campaign-gift_wrap {
    margin-bottom: calc(100px * (400 / 750));
    padding: calc(80px * (400 / 750)) calc(40px * (400 / 750));
    background-color: #fff;
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-campaign .campaign-gift_wrap {
        margin-bottom: calc((100 / 750) * 100vw);
        padding: calc((80 / 750) * 100vw) calc((40 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-campaign .campaign-gift_wrap:last-of-type {
    margin-bottom: 0;
}
#holiday-gift-guide .section-campaign .campaign-gift_wrap h3 {
    margin-bottom: calc(60px * (400 / 750));
    font-size: calc(60px * (400 / 750));
    color: #4D8BA3;
    font-family:"Helvetica Neue LT W01_35 Thin", "Helvetica Neue LT W05 35 Thin", sans-serif !important;
    line-height: 1.4;
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-campaign .campaign-gift_wrap h3 {
        margin-bottom: calc((60 / 750) * 100vw);
        font-size: calc((60 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-campaign .campaign-gift_img {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: baseline;
    gap: calc(16px * (400 / 750));
    margin-bottom: calc(50px * (400 / 750));
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-campaign .campaign-gift_img {
        gap: calc((16 / 750) * 100vw);
        margin-bottom: calc((50 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-campaign .campaign-gift_img img:nth-of-type(1) {
    width: calc(282px * (400 / 750));
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-campaign .campaign-gift_img img:nth-of-type(1) {
        width: calc((282 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-campaign .campaign-gift_img div {
    width: calc(288px * (400 / 750));
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-campaign .campaign-gift_img div {
        width: calc((288 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-campaign .campaign-gift_img div:nth-of-type(2) img {
    width: calc(85px * (400 / 750));
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-campaign .campaign-gift_img div:nth-of-type(2) img {
        width: calc((85 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-campaign .campaign-gift_img div p {
    margin-top: calc(24px * (400 / 750));
    font-size: calc(26px * (400 / 750));
    line-height: 1.4;
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-campaign .campaign-gift_img div p {
        margin-top: calc((24 / 750) * 100vw);
        font-size: calc((26 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-campaign .campaign-gift_img div p .capa {
    display: block;
    margin-top: calc(20px * (400 / 750));
    font-size: calc(20px * (400 / 750));
    line-height: 1.4;
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-campaign .campaign-gift_img div p .capa {
        margin-top: calc((20 / 750) * 100vw);
        font-size: calc((20 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-campaign .campaign-gift_lead {
    margin-bottom: calc(40px * (400 / 750));
    font-size: calc(28px * (400 / 750));
    line-height: 1.4
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-campaign .campaign-gift_lead {
        margin-bottom: calc((40 / 750) * 100vw);
        font-size: calc((28 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-campaign .campaign-gift_desc {
    margin-bottom: calc(44px * (400 / 750));
    text-align: left;
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-campaign .campaign-gift_desc {
        margin-bottom: calc((44 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-campaign .campaign-gift_desc h4 {
    margin-bottom: calc(11px * (400 / 750));
    font-size: calc(26px * (400 / 750));
    line-height: 1.53;
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-campaign .campaign-gift_desc h4 {
        margin-bottom: calc((11 / 750) * 100vw);
        font-size: calc((26 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-campaign .campaign-gift_desc li {
    margin-bottom: calc(11px * (400 / 750));
    padding-left: 1em;
    font-size: calc(26px * (400 / 750));
    text-indent: -1em;
    line-height: 1.53;
    line-break: strict;
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-campaign .campaign-gift_desc li {
        margin-bottom: calc((11 / 750) * 100vw);
        font-size: calc((26 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-campaign .campaign-gift_desc li:last-of-type {
    margin-bottom: 0;
}
#holiday-gift-guide .section-campaign .campaign-gift_desc p {
    font-size: calc(26px * (400 / 750));
    line-height: 1.53;
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-campaign .campaign-gift_desc p {
        font-size: calc((26 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-campaign .campaign-gift_desc.present p {
    margin-block: calc(11px * (400 / 750));
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-campaign .campaign-gift_desc.present p {
        margin-block: calc((11 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-campaign .campaign-gift_ttl {
    padding-bottom: calc(36px * (400 / 750));
    font-size: calc(30px * (400 / 750));
    line-height: 1;
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-campaign .campaign-gift_ttl {
        padding-bottom: calc((36 / 750) * 100vw);
        font-size: calc((30 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-campaign .campaign-gift_num {
    width: calc(592px * (400 / 750));
    padding-block: calc(48px * (400 / 750));
    background-color: #000;
    color: #fff;
    font-size: calc(44px * (400 / 750));
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-campaign .campaign-gift_num {
        width: calc((592 / 750) * 100vw);
        padding-block: calc((48 / 750) * 100vw);
        font-size: calc((44 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-campaign .campaign-gift_wrap .cpnBtnCode {
    display:flex;
    flex-wrap:nowrap;
    justify-content: center;
    align-items: center;
    gap:0 calc(10px * (400 / 750));
    border: unset;
    margin-inline: auto;
    margin-block: calc(40px * (400 / 750));
    text-align: center;
    text-decoration: underline;
    transition: .3s;
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-campaign .campaign-gift_wrap .cpnBtnCode {
        gap: 0 calc((10 / 750) * 100vw);
        margin-block: calc((40 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-campaign .campaign-gift_wrap .cpnBtnCode:hover {
    background: unset;
    color:#595959;
}
#holiday-gift-guide .section-campaign .campaign-gift_wrap .cpnBtnCode span {
    display:block;
    font-size: calc(26px * (400 / 750));
    line-height: 1.2;
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-campaign .campaign-gift_wrap .cpnBtnCode span {
        font-size: calc((26 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-campaign .campaign-gift_wrap .cpnBtnCode span img {
    display:block;
    width: calc(25px * (400 / 750));
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-campaign .campaign-gift_wrap .cpnBtnCode span img {
        width: calc((25 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-campaign .campaign-gift_wrap .txt-note {
    margin-top: calc(44px * (400 / 750));
    text-align: left;
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-campaign .campaign-gift_wrap .txt-note {
        margin-top: calc((44 / 750) * 100vw);
        
    }
}
#holiday-gift-guide .section-campaign .campaign-gift_wrap .txt-note li {
    margin-bottom: calc(10px * (400 / 750));
    font-size: calc(24px * (400 / 750));
    line-height: 1.5;
    letter-spacing: calc(-0.24px * (400 / 750));
    font-feature-settings: normal;
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .section-campaign .campaign-gift_wrap .txt-note li {
        margin-top: calc((10 / 750) * 100vw);
        font-size: calc((24 / 750) * 100vw);
        letter-spacing: calc((-0.24 / 750) * 100vw);
    }
}
#holiday-gift-guide .section-campaign .campaign-gift_wrap .txt-note li:last-of-type {
    margin-bottom: 0;
}

/*-----------
  追従メニュー
--------------*/
#holiday-gift-guide .js-fixed-area {
  position: relative;
}
#holiday-gift-guide .js-fixed-target.is-fixed {
  position: fixed;
}
#holiday-gift-guide .l-area,
#holiday-gift-guide .r-area {
    position: sticky;
    top: 180px;
    align-self: flex-start;
    max-width: 470px;
    min-width: 0;
    width: 100%;
    max-height: 580px;
    height: 67vh;
    margin-bottom: 50px;
    container-type: inline-size;
    container-name: side-container;
}
#holiday-gift-guide .w-middle {
    display: flex;
    flex-direction: column;
    gap: min(calc(34 / 430 * 100cqw), 34px) 0;
    height: 100%;
}
@media screen and (max-width: 1000px) {
    #holiday-gift-guide .w-middle {
        display: none;
    }
}
@media screen and (max-width: 767px) {
    #holiday-gift-guide .l-area ,
    #holiday-gift-guide .r-area  {
        display: none;
    }
}
/* .l-area */
#holiday-gift-guide .l-area {
    justify-self: end;
    top: 220px;
    padding-left: min(calc(40 / 430 * 100cqw), 40px);
}
#holiday-gift-guide .l-area .w-middle {
    gap: min(calc(34 / 430 * 100cqw), 34px);
}
#holiday-gift-guide .l-area_ttl {
    color: #4D8BA3;
    font-size: min(calc(100 / 430 * 100cqw), 100px);
    font-family: "HelveticaNeueW01-UltLt", "Helvetica Neue LT W05 25 Ult Lt", sans-serif !important;
    line-height: 0.89;
}
#holiday-gift-guide .l-area_ttl span {
    display: block;
    font-size: min(calc(20 / 430 * 100cqw), 20px);
    font-family:"Helvetica Neue LT W01_65 Md", "Helvetica Neue LT W05 65 Medium", sans-serif !important;
    line-height: 1.5;
}
#holiday-gift-guide .l-area .cp-banner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: min(calc(430 / 430 * 100cqw), 430px);
    border: 1px solid #4D8BA3;
    transition: .3s;
    background: linear-gradient(254deg, #FFF 0%, #E7F6FF 53.85%);
    padding: min(calc(20 / 430 * 100cqw), 20px);

}
#holiday-gift-guide .l-area .cp-banner:hover {
    color: #000;
    opacity: .8;
}
#holiday-gift-guide .l-area .cp-banner img {
    width: min(calc(162 / 430 * 100cqw), 162px);
    height: min(calc(83 / 430 * 100cqw), 83px);
}
#holiday-gift-guide .l-area .cp-banner_ttl {
    margin-bottom: min(calc(5 / 430 * 100cqw), 5px);
    font-size: min(calc(17 / 430 * 100cqw), 17px);
    font-family:"Helvetica Neue LT W01_35 Thin", "Helvetica Neue LT W05 35 Thin", sans-serif !important;
    line-height: 1;
}
#holiday-gift-guide .l-area .cp-banner_desc {
    font-size: min(calc(18 / 430 * 100cqw), 18px);
    line-height: 1.3;
}
#holiday-gift-guide .l-area .cp-banner_btn {
    width: min(calc(115 / 430 * 100cqw), 115px);
    margin-inline: 0;
    margin-top: min(calc(10 / 430 * 100cqw), 10px);
    padding-block: min(calc(7 / 430 * 100cqw), 7px);
    background-color: #fff;
    font-size: min(calc(13 / 430 * 100cqw), 13px);
    line-height: calc(19 / 13);
    transition: .3s;
}
#holiday-gift-guide .l-area .cp-banner:hover .cp-banner_btn {
    color: #4D8BA3;
}
#holiday-gift-guide .l-area .guide-nav {
    text-align: center;
}
#holiday-gift-guide .l-area .guide-nav p {
    margin-bottom: min(calc(19 / 430 * 100cqw), 19px);
    font-size: min(calc(30 / 430 * 100cqw), 30px);
    color: #4D8BA3;
}
#holiday-gift-guide .l-area .guide-nav ul {
    display: flex;
    justify-content: center;
    column-gap: min(calc(20 / 430 * 100cqw), 20px);
    
}
#holiday-gift-guide .l-area .guide-nav .common-btn {
    width: min(calc(205 / 430 * 100cqw), 205px);
    padding-block: min(calc(15 / 430 * 100cqw), 15px);
    font-size: min(calc(16 / 430 * 100cqw), 16px);
    line-height: 1;
}

/* .r-area */
#holiday-gift-guide .r-area {
    justify-self: start;
    padding-right: min(calc(40 / 430 * 100cqw), 40px);
    text-align: center;
}
#holiday-gift-guide .r-area * {
    color: #4D8BA3;
}
#holiday-gift-guide .r-area p {
    margin-bottom: min(calc(30 / 430 * 100cqw), 30px);
    font-size: min(calc(30 / 430 * 100cqw), 30px);
    font-family: "Helvetica Neue LT W01_35 Thin", "Helvetica Neue LT W05 35 Thin", sans-serif !important;
    line-height: 1.2;
}
#holiday-gift-guide .r-area_cont {
    margin-block: auto;
}
#holiday-gift-guide .r-area_cont li {
    margin-bottom: min(calc(24 / 430 * 100cqw), 24px);
}
#holiday-gift-guide .r-area_cont li:last-of-type {
    margin-bottom: 0;
}
#holiday-gift-guide .r-area_cont li a {
    font-size: min(calc(16 / 430 * 100cqw), 16px);
    line-height: 1.2;
    transition: .3s;
}
#holiday-gift-guide .r-area_sns p {
    margin-bottom: min(calc(20 / 430 * 100cqw), 20px);
    font-size: min(calc(24/ 430 * 100cqw), 24px);
    line-height: 1.2;
}
#holiday-gift-guide .r-area_sns ul {
    display: flex;
    justify-content: center;
    gap: min(calc(20 / 430 * 100cqw), 20px);
    margin: 0;
}
#holiday-gift-guide .r-area_sns a {
    transition: .3s;
}
#holiday-gift-guide .r-area a:hover {
    opacity: .7;
    transition: .3s;
}


/*雪の操作*/
#holiday-gift-guide canvas {
    position: fixed!important;
    top: 0;
    left: 0;
    z-index: 0;
    pointer-events: none!important;
    /*filter: blur(1px);*/
}

/*フェードイン*/
.js-fade-mask {
    overflow: hidden;
    position: relative;
    -webkit-mask-image: linear-gradient(135deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,1) 60%, rgba(0,0,0,1) 100%);
    mask-image: linear-gradient(135deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,1) 60%, rgba(0,0,0,1) 100%);
    -webkit-mask-size: 300% 300%;
    mask-size: 300% 300%;
    -webkit-mask-position: 0% 0%;
    mask-position: 0% 0%;
    transition: mask-position 1.5s ease-out, -webkit-mask-position 1.5s ease-out;
}
.js-fade-mask.is-active {
    -webkit-mask-position: 100% 100%;
    mask-position: 100% 100%;
}