@charset "utf-8";
.container-fluid {
    width: 100%;
}

.container {
    width: 1280px;
    margin: 0 auto;
}

#small-right {
    display: none;
}

#small-subtitle {
    display: none;
}

#gift2 {
    padding: 80px;
}

.title-small {
    display: none;
}

@media (max-width:1800px) {
    .left {
        padding-left: 15%;
    }
    .banner-title {
        margin: -62% 51% 15% 2%;
    }
}

@media (max-width:1700px) {
    .left {
        padding-left: 12.5%;
    }
}

@media (max-width:1600px) {
    .left {
        padding-left: 10%;
    }
}

@media (max-width:1500px) {
    .product-block {
        width: 740px;
        margin: 0 auto;
    }
    .left {
        padding-left: 7.5%;
    }
    .banner-title {
        /*        margin: -52% 10% 10% 45%;*/
        margin: -43% auto 5% auto;
    }
}

@media (min-width:1401px) and (max-width:1700px) {
    .right .picture img {
        margin-left: -20%;
    }
}

@media (max-width:1400px) {
    .thing img {
        position: relative;
        top: 120px;
    }
    .left {
        padding-left: 5%;
    }
    .right .divide {
        width: 49%;
    }
    .right .picture {
        margin-top: 55px;
    }
    .left-text .text {
        position: relative;
        top: -25%;
    }
    .third-sec .move-text {
        width: 45%;
        /*        top: -550px;*/
        left: 5%;
    }
    .product-block {
        width: 740px;
        margin: 0 auto 30px;
    }
    .item-product-box {
        display: inline-block;
        width: 24%;
        height: 300px;
        text-align: center;
        font-size: 15px;
        line-height: 20px;
        margin: 10px 1px 0px;
    }
}

@media (max-width:1280px) {
    .container {
        width: 980px;
        margin: 0 auto;
    }
    .banner-title {
        /*        margin: -62% 10% 15% 45%;*/
        margin: -56% auto 5% auto;
    }
    .thing img {
        top: 200px;
    }
    .left {
        padding-left: 2%;
    }
    .left .picture img {
        width: 90%;
    }
    .right .picture img {
        margin-top: 10px;
        width: 130%;
    }
    .right .text {
        position: relative;
        left: -5%;
    }
    .third-sec .move-text {
        /*        width: 100%;*/
        width: 45%;
    }
    .right-text .text {
        float: none;
        margin-top: 30px;
    }
    .third-sec {
        /*        margin-bottom: -540px;*/
    }
    .brand-inner .brand {
        margin-bottom: 8px;
    }
    .second-event {
        width: 900px;
    }
    .second-event .event-content .event-sec {
        margin: 0px;
    }
    .bag-wrap {
        margin-right: -3% !important;
    }
    .bag-wrap img {
        width: 90%;
    }
    .second-event .event-content {
        width: inherit;
    }
    .cards-wrap .second-event {
        width: 100%;
        margin: 0 auto;
    }
    .cards-wrap .bag-text {
        top: 0px;
    }
    .cards-wrap.bag-wrap img {
        width: 50%;
        margin: 0px;
    }
}

@media (max-width:1024px) {
    .kv {
        margin-top: 75px;
    }
}

@media (max-width:991px) {
    .container {
        width: 760px;
        margin: 0 auto;
    }
    .banner-wrap {
        overflow: hidden;
    }
    .banner-title {
        margin: -72% auto 10% auto;
    }
    .banner-title .maintitle img {
        width: 70%;
    }
    .thing img {
        top: 250px;
        width: 150%;
        margin: 0 28% 0 -28%;
    }
    .third-sec .picture img {
        width: 150%;
    }
    .second-event {
        width: 85%;
    }
    .second-event .event-content .event-sec {
        display: inherit;
        margin: 0 auto;
    }
    .bag-wrap img {
        width: 80%;
        margin: 0px;
    }
    .bag-wrap {
        margin-right: none !important;
    }
    .bag-text {
        top: 0px;
        text-align: center;
    }
    .bag-text .more-btn {
        text-align: center;
        margin: 0 auto;
        margin-bottom: 35px;
    }
    .product-block {
        width: 90%;
        margin: 0 auto;
    }
    .item-product-box {
        display: inline-block;
        width: 24%;
        height: 300px;
        text-align: center;
        font-size: 15px;
        line-height: 20px;
        margin: 20px 1px;
    }
    #big-right {
        display: none;
    }
    #small-right {
        display: block;
    }
    .right .picture img {
        margin-top: -120px;
        margin-left: 70px;
        width: 70%;
    }
    .third-sec .move-text {
        width: 100%;
    }
    .cards-wrap .bag-wrap img {
        width: 50%;
        margin: 0px;
    }
    .cards-wrap .second-event .event-content {
        width: 90%;
    }
    .cards-wrap .second-event .event-content .event-sec {
        display: block;
        margin: 0 auto;
        text-align: center;
    }
    .end-cards-wrap .btn-wrap {
        margin: 15px 0 130px;
    }
    .cards-wrap .bag-text .more-btn {
        text-align: center;
        margin: 0 auto;
        margin: 25px 0 100px;
    }
}

@media (max-width:768px) {
    .container {
        width: 470px;
        margin: 0 auto;
    }
    .kv {
        background: url(../images/kv_0214.jpg) no-repeat 50% -20%;
        background-size: cover;
        width: 100%;
        height: 880px;
        max-height: 880px;
    }
    .banner-title {
        /*        margin: -100% auto 10% auto;*/
        margin: -92% auto 10% auto;
    }
    .banner-title .maintitle img {
        max-width: 520px;
        width: 100%;
    }
    .banner-title .format img {
        max-width: 272px;
        /*        width: 100%;*/
    }
    .format img {
        width: 50%;
    }
    .thing img {
        top: 300px;
        width: 150%;
        margin: 0 28% 0 -28%;
    }
    .left .content {
        white-space: normal;
    }
    .left .picture img {
        width: 100%;
        margin-top: 25px;
    }
    .right {
        width: 48%;
    }
    .right .picture img {
        margin-top: -40px;
        margin-left: 0px;
        width: 80%;
    }
    .straight {
        margin-left: 0.4%;
        height: 580px;
    }
    .third-sec .move-text {
        /*        top: -280px;*/
    }
    .third-sec {
        /*        margin-bottom: -340px;*/
    }
    .sec-title img {
        height: 120px;
    }
    .event-inner {
        width: 90%;
        margin: 0 auto 25px;
    }
    .bag-text .more-btn {
        margin-top: 25px;
    }
    #big-subtitle {
        display: none;
    }
    #small-subtitle {
        display: block;
        width: 294px;
        margin: 0 auto;
    }
    .brand img {
        width: 90%;
    }
    .brand-inner .brand {
        margin-bottom: 0px;
    }
    #brand-img2 {
        margin-top: -10px;
    }
    .item-product-box {
        width: 23%;
        height: 250px;
        margin: 0px 1px;
    }
    .item-btn-wrap .item-box a {
        font-size: 15px;
        padding: 10px 15px;
        margin: 0px 1px;
    }
    .item-product-box img {
        width: 100%;
    }
    .end-cards-wrap .brand img {
        max-width: 315px;
    }
    .end-cards-wrap #brand-img2 {
        margin-top: 10px;
    }
    .cards-wrap .second-event {
        width: 90%;
        margin: 0 auto;
    }
    .end-cards-wrap .step {
        margin: 10px auto;
        width: 90%;
    }
}

@media (max-width:600px) {
    .kv {
        background: url(../images/kv_0214.jpg) no-repeat 52% -20%;
        background-size: cover;
        width: 100%;
        height: 880px;
        max-height: 880px;
    }
    .banner-title {
        /*        margin: -100% auto 10% auto;*/
        margin: -98% auto 12% auto;
    }
    .banner-title .maintitle img {
        max-width: 480px;
        width: 98%;
    }
    .banner-title .format img {
        max-width: 272px;
        width: 100%;
    }
}

@media (max-width:480px) {
    .container {
        width: 300px;
        margin: 0 auto;
    }
    .kv {
        height: 950px;
        max-height: 950px;
        /*background: url(../images/kv_0214.jpg) no-repeat 44% 0%;*/
    }
    .kv img {
        width: 50%;
        margin: 0 30% 0 -30%;
    }
    .title-big {
        display: none;
    }
    .title-small {
        display: block;
    }
    .banner-title {
        margin: -130% auto 12% auto;
    }
    .banner-title .maintitle img {
        /*        max-width: 450px;*/
        width: 80%;
        margin: 0 auto;
    }
    .banner-title .format img {
        max-width: 272px;
        width: 50%;
    }
    .small-word {
        width: 90%;
        margin: 0 auto;
        font-size: 12px;
    }
    .thing img {
        top: 80px;
        width: 250%;
        margin: 0 78% 0 -78%;
    }
    .sec-title img {
        height: 80px;
    }
    .event-title img {
        width: 80%;
    }
    .subject {
        font-size: 1rem !important;
    }
    .content {
        font-size: 0.9rem !important;
        line-height: 20px;
    }
    .date {
        margin-top: 10px;
        font-size: 0.3rem;
        letter-spacing: -0.5px;
    }
    .tag {
        display: block;
        width: 72px;
        margin-top: 10px;
    }
    .section .more-btn a {
        letter-spacing: 1px;
        padding: 5px 12px 5px 16px;
        top: 0px;
        font-size: 12px;
    }
    .straight {
        margin-left: 0.2%;
        height: 480px;
    }
    .right {
        width: 47%;
    }
    .left .picture img {
        width: 95%;
    }
    .right-text .text {
        margin-top: 20px;
    }
    .third-sec .picture img {
        position: relative;
        top: 220px;
    }
    .event-wrap {
        margin-top: 100px;
    }
    .event-inner {
        font-size: 1rem;
        line-height: 25px;
    }
    #small-subtitle {
        width: 80%;
    }
    .second-event {
        border: 3px solid black;
    }
    .item-btn-wrap {
        margin: 25px auto;
    }
    .item-btn-wrap .item-box a {
        font-size: 12px;
        padding: 10px 6px;
        margin: 0px 0.5px;
        letter-spacing: 0px;
    }
    .item-product-box {
        margin-top: 10px;
        width: 48.2%;
    }
    .end-wrap {
        margin-bottom: 20px;
    }
    #gift2 {
        padding: 15% 5%;
    }
    #cards .event-wrap {
        margin-top: 0px;
    }
    .cards-wrap .bag-text .more-btn {
        margin: 25px 0 50px;
    }
}

@media (max-width:400px) {
    .kv {
        height: 900px;
        max-height: 900px;
        /*background: url(../images/kv_0214.jpg) no-repeat 40% 0%;*/
    }
    .kv img {
        width: 220%;
        margin: 0 60% 0 -60%;
    }
    .banner-title {
        margin: -140% auto 14% auto;
    }
    .banner-title .maintitle img {
        /*        max-width: 500px;*/
        width: 90%;
        margin: 0 auto;
    }
    .banner-title .format img {
        max-width: 300px;
        width: 70%;
    }
    .thing img {
        top: 30px;
        width: 250%;
        margin: 0 78% 0 -78%;
    }
    .straight {
        height: 440px;
    }
}

@media (max-width:357px) {
    .thing img {
        top: 20px;
        width: 250%;
        margin: 0 78% 0 -78%;
    }
    .straight {
        height: 420px;
    }
    .small-word {
        width: 90%;
        margin: 0 auto;
        font-size: 12px;
        letter-spacing: -0.5px;
    }
    .third-sec .move-text {
        /*        top: -240px;*/
    }
    .right .picture img {
        margin-top: -75px;
    }
    .banner-title {
        margin: -160% auto 14% auto;
    }
    .banner-title .maintitle img {
        /*        max-width: 500px;*/
        width: 90%;
        margin: 0 auto;
    }
}

@media (max-width:330px) {
    .banner-title {
        margin: -150% auto 14% auto;
    }
}

@media (max-width:300px) {
    .banner-title {
        margin: -170% auto 14% auto;
    }
}


/*********************
RWD Directive Setting
**********************/

.no-padding-top {
    padding-top: 0;
}