@charset "UTF-8";.event-box .info[data-v-b5c39a71] {
    width: 95vw
}

[data-v-916385f1] .topNoPage {
    margin-top: -13vw
}

[data-v-916385f1] .content-event {
    padding: 3.4vw;
    line-height: 1.8;
    text-align: justify
}

[data-v-916385f1] .content-event .content p img {
    height: auto!important
}

[data-v-916385f1] .content-event .content p img[src*="/plugins/smiley"] {
    display: unset;
    width: auto!important
}

[data-v-916385f1] .content-event .tab-content-box {
    overflow: initial
}

[data-v-916385f1] ul.tab-event-type li,[data-v-916385f1] ul.tab-event-type li a {
    min-width: 22vw
}

[data-v-916385f1] ul.tab-event-type li a .tab-name {
    width: auto;
    font-size: .81rem;
    margin-top: .5vw;
    height: 4.5vw
}

[data-v-916385f1] ul.tab-event-type li a span {
    height: 6vw;
    font-size: 1.4rem;
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-grid
}

[data-v-916385f1] ul.tab-event-type li.active a span {
    -moz-animation: parent-tab-image .5s linear;
    -o-animation: parent-tab-image .5s linear;
    animation: parent-tab-image .5s linear;
    -webkit-animation: parent-tab-image .5s linear
}

[data-v-916385f1] .content-event ul.event-box li {
    position: relative;
    margin-bottom: 3vw;
    border: 1px solid #605e55;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px
}

[data-v-916385f1] .content-event ul.event-box li:last-child {
    margin-bottom: 0
}

[data-v-916385f1] .content-event ul.event-box li .pic {
    max-height: 53vw;
    overflow: hidden;
}

[data-v-916385f1] .content-event ul.event-box li .pic img {
    border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    -ms-border-radius: 6px 6px 0 0;
    -o-border-radius: 6px 6px 0 0
}

[data-v-916385f1] .content-event ul.event-box li .tag {
    position: absolute;
    width: 25vw;
    height: 30vw;
    left: -1.6vw;
    top: .6vw;
    background-repeat: no-repeat;
    -o-background-size: 100%;
    background-size: 100%;
    background-position: center;
    z-index: 100
}

[data-v-916385f1] .content-event ul.event-box li .info {
    padding: 2vw 3vw;
    line-height: 1.6;
    background: #222222;
    border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    -ms-border-radius: 0 0 6px 6px;
    -o-border-radius: 0 0 6px 6px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

[data-v-916385f1] .content-event ul.event-box li .info .title {
    width: 65vw;
    color: #eee9ce;
    font-size: .875rem;
    line-height: 1.2
}

[data-v-916385f1] .content-event ul.event-box li .info .time {
    width: 20vw;
    color: var(--txtColor19);
    margin: 0;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: .75rem
}

[data-v-916385f1] .content-event ul.event-box li .info .time .countdown {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

[data-v-916385f1] .content-event ul.event-box li .info .time .countdown span {
    color: var(--txtColor05);
    background: var(--bgColor20);
    padding: .2vw 1vw;
    margin: 0vw 1vw;
    border-radius: .5vw;
    -webkit-border-radius: .5vw;
    -moz-border-radius: .5vw;
    -ms-border-radius: .5vw;
    -o-border-radius: .5vw;
    font-weight: 600
}

[data-v-916385f1] .content-event ul.event-box li .info .time .countdown span.keep {
    color: #d6ad00;
    background: unset;
    border: 1px solid #d6ad00;
    padding: 1vw 2vw;
    border-radius: 10vw;
    text-align: right;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .875rem;
    margin: 0
}

[data-v-916385f1] .content-event ul.event-box li .info .time .countdown span.keep.icon-event:before {
    margin-right: 1vw;
    font-size: 1.2rem;
    font-weight: 400
}

[data-v-916385f1] button.apply-button {
    width: 100vw;
    border-radius: 5vw;
    -webkit-border-radius: 5vw;
    -moz-border-radius: 5vw;
    -ms-border-radius: 5vw;
    -o-border-radius: 5vw;
    padding: 3vw;
    font-size: .875rem;
    background: var(--btnColor01);
    color: var(--txtColor05)
}

[data-v-916385f1] button.coupon-button {
    position: absolute;
    right: 3.4vw;
    bottom: 2.6vw;
    border-radius: .5vw;
    padding: 1.2vw 2.4vw;
    font-size: .86rem;
    font-weight: 600;
    color: var(--txtColor01);
    background: var(--btnColor06);
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: .5vw;
    -moz-border-radius: .5vw;
    -ms-border-radius: .5vw;
    -o-border-radius: .5vw
}

[data-v-916385f1] button.coupon-button span {
    color: var(--txtColor01);
    margin-left: 0vw;
    margin-right: 1vw;
    font-size: 1rem;
    font-weight: 400
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    [data-v-916385f1] button.coupon-button span,[data-v-916385f1] .content-event ul.event-box li .info .title {
        font-size:1.6rem
    }

    [data-v-916385f1] button.coupon-button,[data-v-916385f1] .content-event ul.event-box li .info .time .countdown span.keep,[data-v-916385f1] .content-event ul.event-box li .info .time,[data-v-916385f1] button.apply-button {
        font-size: 1.4rem
    }
}

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    [data-v-916385f1] button.coupon-button span,[data-v-916385f1] .content-event ul.event-box li .info .title {
        font-size:2rem
    }

    [data-v-916385f1] button.coupon-button,[data-v-916385f1] .content-event ul.event-box li .info .time .countdown span.keep,[data-v-916385f1] .content-event ul.event-box li .info .time,[data-v-916385f1] button.apply-button {
        font-size: 1.8rem
    }
}

.topNoPage[data-v-93f7d45a] {
    margin-top: -13vw
}

.content-event[data-v-93f7d45a] {
    padding: 3.4vw;
    line-height: 1.8;
    text-align: justify
}

.content-event .content p img[data-v-93f7d45a] {
    height: auto!important
}

.content-event .content p img[src*="/plugins/smiley"][data-v-93f7d45a] {
    display: unset;
    width: auto!important
}

.content-event .tab-content-box[data-v-93f7d45a] {
    overflow: initial
}

ul.tab-event-type li[data-v-93f7d45a],ul.tab-event-type li a[data-v-93f7d45a] {
    min-width: 22vw
}

ul.tab-event-type li a .tab-name[data-v-93f7d45a] {
    width: auto;
    font-size: .81rem;
    margin-top: .5vw;
    height: 4.5vw
}

ul.tab-event-type li a span[data-v-93f7d45a] {
    height: 6vw;
    font-size: 1.4rem;
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-grid
}

ul.tab-event-type li.active a span[data-v-93f7d45a] {
    -moz-animation: parent-tab-image .5s linear;
    -o-animation: parent-tab-image .5s linear;
    animation: parent-tab-image .5s linear;
    -webkit-animation: parent-tab-image .5s linear
}

.content-event ul.event-box li[data-v-93f7d45a] {
    position: relative;
    margin-bottom: 3vw;
    border: 1px solid var(--borderColor02);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px
}

.content-event ul.event-box li[data-v-93f7d45a]:last-child {
    margin-bottom: 0
}

.content-event ul.event-box li .pic img[data-v-93f7d45a] {
    border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    -ms-border-radius: 6px 6px 0 0;
    -o-border-radius: 6px 6px 0 0
}

.content-event ul.event-box li .tag[data-v-93f7d45a] {
    position: absolute;
    width: 25vw;
    height: 30vw;
    left: -1.6vw;
    top: .6vw;
    background-repeat: no-repeat;
    -o-background-size: 100%;
    background-size: 100%;
    background-position: center;
    z-index: 100
}

.content-event ul.event-box li .info[data-v-93f7d45a] {
    padding: 2vw 3vw;
    line-height: 1.6;
    background: var(--bgColor16);
    border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    -ms-border-radius: 0 0 6px 6px;
    -o-border-radius: 0 0 6px 6px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.content-event ul.event-box li .info .title[data-v-93f7d45a] {
    width: 65vw;
    color: var(--txtColor01);
    font-size: .875rem;
    line-height: 1.2
}

.content-event ul.event-box li .info .time[data-v-93f7d45a] {
    width: 20vw;
    color: var(--txtColor19);
    margin: 0;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: .75rem
}

.content-event ul.event-box li .info .time .countdown[data-v-93f7d45a] {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.content-event ul.event-box li .info .time .countdown span[data-v-93f7d45a] {
    color: var(--txtColor05);
    background: var(--bgColor20);
    padding: .2vw 1vw;
    margin: 0vw 1vw;
    border-radius: .5vw;
    -webkit-border-radius: .5vw;
    -moz-border-radius: .5vw;
    -ms-border-radius: .5vw;
    -o-border-radius: .5vw;
    font-weight: 600
}

.content-event ul.event-box li .info .time .countdown span.keep[data-v-93f7d45a] {
    color: var(--txtColor05);
    background: var(--bgColor20);
    text-align: right;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .875rem;
    margin: 0
}

.content-event ul.event-box li .info .time .countdown span.keep.icon-event[data-v-93f7d45a]:before {
    margin-right: 1vw;
    font-size: 1.2rem;
    font-weight: 400
}

button.apply-button[data-v-93f7d45a] {
    width: 100vw;
    border-radius: 5vw;
    -webkit-border-radius: 5vw;
    -moz-border-radius: 5vw;
    -ms-border-radius: 5vw;
    -o-border-radius: 5vw;
    padding: 3vw;
    font-size: .875rem;
    background: var(--btnColor01);
    color: var(--txtColor05)
}

button.coupon-button[data-v-93f7d45a] {
    position: absolute;
    right: 3.4vw;
    bottom: 2.6vw;
    border-radius: .5vw;
    padding: 1.2vw 2.4vw;
    font-size: .86rem;
    font-weight: 600;
    color: var(--txtColor01);
    background: var(--btnColor06);
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: .5vw;
    -moz-border-radius: .5vw;
    -ms-border-radius: .5vw;
    -o-border-radius: .5vw
}

button.coupon-button span[data-v-93f7d45a] {
    color: var(--txtColor01);
    margin-left: 0vw;
    margin-right: 1vw;
    font-size: 1rem;
    font-weight: 400
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    button.coupon-button span[data-v-93f7d45a],.content-event ul.event-box li .info .title[data-v-93f7d45a] {
        font-size:1.6rem
    }

    button.coupon-button[data-v-93f7d45a],.content-event ul.event-box li .info .time .countdown span.keep[data-v-93f7d45a],.content-event ul.event-box li .info .time[data-v-93f7d45a],button.apply-button[data-v-93f7d45a] {
        font-size: 1.4rem
    }
}

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    button.coupon-button span[data-v-93f7d45a],.content-event ul.event-box li .info .title[data-v-93f7d45a] {
        font-size:2rem
    }

    button.coupon-button[data-v-93f7d45a],.content-event ul.event-box li .info .time .countdown span.keep[data-v-93f7d45a],.content-event ul.event-box li .info .time[data-v-93f7d45a],button.apply-button[data-v-93f7d45a] {
        font-size: 1.8rem
    }
}

section.content[data-v-93f7d45a] {
    position: absolute;
    overflow-y: auto;
    top: 13vw;
    z-index: 1;
    padding-bottom: 30vw
}
 
header.PageDetail[data-v-93f7d45a] {
    margin-top: -13vw
}

.p-0[data-v-93f7d45a] {
    padding: 0
}

.content-event .content p img {
    height: auto!important
}

.content-event .content p img[src*="/plugins/smiley"] {
    display: unset;
    width: auto!important
}