@charset "UTF-8";.o-nps {
    margin-bottom: 10px;
    padding: 20px 10px;
    text-align: center
}

.o-nps * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.m-nps__inner {
    margin: auto;
    width: 100%
}

.m-nps__inner--spacer {
    margin-top: 30px
}

.m-nps__block:not(:last-child) {
    margin-bottom: 12px
}

.m-nps__finish {
    position: relative
}

.m-nps__finish .a-nps__title {
    margin-bottom: 120px
}

.m-nps__finish .a-nps__text {
    margin: 0
}

.m-nps__finish:before {
    position: absolute;
    top: 26px;
    right: 0;
    left: 0;
    margin: auto;
    width: 84px;
    height: 96px;
    
    content: ""
}

.a-nps__title {
    color: #15aaa1;
    letter-spacing: .03em;
    font-size: 15px
}

.a-nps__text,.a-nps__title {
    margin-bottom: 15px;
    font-weight: 700
}

.a-nps__text {
    font-size: 14px;
    line-height: 1.5
}

.a-nps__label {
    display: inline-block;
    margin-left: .5em;
    padding: .2em 1em;
    background: #ddd;
    vertical-align: middle;
    font-size: 13px
}

.a-nps__caution {
    display: block;
    margin-bottom: 20px;
    color: #ff3939;
    font-size: 13px
}

.a-nps__answer-sub {
    font-size: 13px
}

.a-nps__number {
    background: rgba(21,170,161,.1);
    display: block;
    margin: 5px 3px;
    width: 48px;
    border-radius: 50%;
    color: #15aaa1;
    font-weight: 700;
    font-size: 18px;
    line-height: 48px
}

@media screen and (max-width: 364px) {
    .a-nps__number {
        width:42px;
        line-height: 42px
    }
}

.a-nps__radio {
    display: none
}

.a-nps__radio:checked+.a-nps__number {
    background: #15aaa1;
    color: #fff
}

.a-nps__comment {
    margin-bottom: 20px;
    padding: 10px;
    width: 100%;
    border-color: #15aaa1;
    border-radius: 3px;
    font-size: 13px;
    resize: vertical
}

.a-nps__comment:focus {
    outline: none;
    border: 3px solid #15aaa1
}

@-webkit-keyframes icon-rotate {
    0% {
        opacity: 0;
        -webkit-transform-origin: center;
        transform-origin: center
    }

    15% {
        opacity: 0;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg)
    }

    25%,75% {
        opacity: 1;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    85% {
        opacity: 0;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg)
    }

    to {
        opacity: 0
    }
}

@keyframes icon-rotate {
    0% {
        opacity: 0;
        -webkit-transform-origin: center;
        transform-origin: center
    }

    15% {
        opacity: 0;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg)
    }

    25%,75% {
        opacity: 1;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    85% {
        opacity: 0;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg)
    }

    to {
        opacity: 0
    }
}

.a-icon--new,.a-icon--sale {
    background-color: #ff3939
}

.a-icon--hot,.a-icon--new,.a-icon--sale {
    position: absolute;
    top: -5px;
    left: -5px;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 10px;
    line-height: 1;
    -webkit-animation: icon-rotate 6s ease infinite normal;
    animation: icon-rotate 6s ease infinite normal
}

.a-icon--hot {
    background-color: #ffa900
}

.a-icon--new__wide,.a-icon--sale__wide {
    position: absolute;
    top: -7px;
    left: 50%;
    display: block;
    margin-left: -2.65em;
    padding: .8em;
    width: 4em;
    border-radius: 2em;
    background-color: #ff3939;
    color: #fff;
    text-align: center;
    font-size: 9px;
    line-height: 0
}

.o-important_news {
    margin-bottom: 10px
}

.m-important_news__box {
    margin: 10px;
    border: 2px solid #ff3939;
    border-radius: 3px;
    background: #fff;
    -webkit-box-shadow: 0 2px 0 0 #ddd;
    box-shadow: 0 2px 0 0 #ddd
}

.m-important_news__box * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.m-important_news__box--primary {
    margin: 10px;
    border: 2px solid #ff3939;
    border-radius: 3px;
    background: #fff;
    -webkit-box-shadow: 0 2px 0 0 #ddd;
    box-shadow: 0 2px 0 0 #ddd
}

.m-important_news__box--primary * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.m-important_news__box--secondary {
    margin: 10px;
    border: 2px solid #15aaa1;
    border-radius: 3px;
    background: #fff;
    -webkit-box-shadow: 0 2px 0 0 #ddd;
    box-shadow: 0 2px 0 0 #ddd
}

.m-important_news__box--secondary * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.m-important_news__title {
    position: relative;
    padding: 10px 25px 10px 10px;
    color: #ff3939;
    font-weight: 700;
    font-size: 13px;
    line-height: 1.6;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.m-important_news__title:after {
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    speak: none;
    content: "\e10f";
    right: 10px;
    margin-top: -.8em;
    color: #ff3939;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.m-important_news__title .a-important_news__lavel {
    background: #ff3939
}

.m-important_news__title.is-on:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.m-important_news__title--secondary {
    position: relative;
    padding: 10px 25px 10px 10px;
    color: #15aaa1;
    font-weight: 700;
    font-size: 13px;
    line-height: 1.6;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.m-important_news__title--secondary:after {
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    speak: none;
    content: "\e10f";
    right: 10px;
    margin-top: -.8em;
    color: #15aaa1;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.m-important_news__title--secondary .a-important_news__lavel {
    background: #15aaa1
}

.m-important_news__title--secondary.is-on:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.m-important_news__title--link-primary {
    position: relative;
    padding: 10px 25px 10px 10px;
    color: #ff3939;
    font-weight: 700;
    font-size: 13px;
    line-height: 1.6;
    cursor: pointer
}

.m-important_news__title--link-primary:after {
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    speak: none;
    content: "\e10e";
    right: 10px;
    margin-top: -.8em;
    color: #ff3939;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.m-important_news__title--link-primary .a-important_news__lavel {
    background: #ff3939
}

.m-important_news__title--link-primary a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.m-important_news__title--link-primary .a-important_news__text {
    color: #ff3939;
    font-weight: 700
}

.m-important_news__title--link-secondary {
    position: relative;
    padding: 10px 25px 10px 10px;
    color: #15aaa1;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.6;
    cursor: pointer
}

.m-important_news__title--link-secondary:after {
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    speak: none;
    content: "\e10e";
    right: 10px;
    margin-top: -.8em;
    color: #15aaa1;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.m-important_news__title--link-secondary .a-important_news__lavel {
    background: #15aaa1
}

.m-important_news__title--link-secondary a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.a-important_news__lavel {
    display: inline-block;
    margin-right: 10px;
    padding: 3px 5px;
    border-radius: 3px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    font-size: 12px
}

.m-important_news__inner {
    display: none;
    margin: 0 10px;
    padding: 15px 5px;
    border-top: 2px solid #eee;
    line-height: 1.6
}

.m-important_news__inner.is-block {
    display: block
}

.a-important_news__contact {
    margin-top: 10px
}

.a-important_news__contact a {
    width: 65%
}

.loading-area {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: relative;
    margin: 0 auto 20px;
    padding: 20px 0;
    text-align: center;
    height: 6.5em
}

.loading-area .spin {
    border-radius: 6.5em;
    position: relative;
    display: block;
    height: 6.5em;
    width: 6.5em;
    margin: 0 auto;
    border: 3px dotted transparent;
    border-color: transparent #c1dddb;
    -webkit-animation-name: rotate-loading;
    animation-name: rotate-loading;
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-transform: origin(50% 50%);
    transform: origin(50% 50%)
}

.loading-area .label {
    position: relative;
    display: block;
    margin-top: -4em;
    color: #15aaa1;
    font-weight: 700;
    -webkit-animation-name: loading-label-opacity;
    animation-name: loading-label-opacity;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes rotate-loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate-loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes loading-label-opacity {
    0% {
        opacity: .2
    }

    20% {
        opacity: .2
    }

    50% {
        opacity: 1
    }

    to {
        opacity: .2
    }
}

@keyframes loading-label-opacity {
    0% {
        opacity: .2
    }

    20% {
        opacity: .2
    }

    50% {
        opacity: 1
    }

    to {
        opacity: .2
    }
}

.modal__wrap {
    position: absolute;
    z-index: 50110;
    text-align: left
}

.modal__overlay,.modal__wrap {
    top: 0;
    left: 0;
    display: none;
    width: 100%
}

.modal__overlay {
    position: fixed;
    z-index: 50100;
    height: 100%;
    background-color: rgba(0,0,0,.6);
    -webkit-backface-visibility: hidden
}

.modal__closebtn {
    position: absolute;
    top: -10px;
    right: -10px;
    border-radius: 2em;
    background-color: #333
}

.modal__closebtn i {
    display: block;
    padding: .5em;
    font-size: 20px
}

.modal__closebtn i:before {
    color: #fff
}

.modal__content {
    position: relative;
    display: none;
    margin: 15px;
    padding: 10px 15px;
    border-radius: 3px;
    background: #fff
}

.modal__heading {
    margin: 5px 0 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #ccc
}

.modal__heading h2 {
    font-weight: 700;
    font-size: 140%
}

.modal__about_full {
    display: table;
    margin-top: 30px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    width: 100%;
    border-bottom: 1px solid #ccc
}

.modal__about__condition_full {
    display: table-cell;
    width: 100%;
    vertical-align: top
}

.modal__about__img img {
    width: 120px;
    height: auto
}

.modal__about__point {
    margin: -60px 0 30px
}

.modal__about__point dt {
    margin-bottom: 5px;
    margin-left: auto;
    padding: 5px 0;
    width: 120px;
    background-color: #666;
    color: #fff;
    text-align: center
}

.modal__about__point dd {
    position: relative;
    margin-top: 10px;
    color: #3f3e3e;
    text-align: right;
    font-weight: 700;
    font-size: 100%
}

.modal__about__point dd .point {
    color: #ff3939;
    font-weight: 700;
    font-size: 24px
}

.modal__about__table {
    margin: 10px 0;
    padding: 10px;
    width: 100%
}

.modal__about__table,.modal__about__table tr {
    border: 1px solid #ccc;
    border-collapse: collapse;
    text-align: center
}

.modal__about__table tr {
    margin: 0;
    padding: 0
}

.modal__about__table td {
    display: block;
    padding: 5px;
    vertical-align: middle;
    text-align: left;
    line-height: 1.4
}

.modal__about__table th {
    padding: 5px;
    width: 30%;
    background: #eee;
    vertical-align: middle
}

.modal__detail {
    margin-bottom: 20px
}

.modal__detail__heading {
    margin: 10px 0 15px
}

.modal__detail__heading h3 {
    font-weight: 700;
    font-size: 120%
}

.modal__detail__text {
    padding: 10px;
    line-height: 1.4
}

.modal__detail__text .condition {
    color: #ff3939
}

.modal__detail__well {
    padding: 15px;
    border-radius: 3px;
    background-color: #eee;
    font-size: 90%;
    line-height: 1.4;
    margin-bottom: 10px
}

.modal__detail__well ul li {
    padding-left: 1em;
    text-indent: -1em;
    margin-bottom: .5em
}

.modal__detail__well ul li:last-child {
    margin-bottom: 0
}

.modal__detail__well p {
    padding-top: 5px
}

.a-segment-enquete__title {
    font-size: 18px;
    line-height: 1.2
}

.a-segment-enquete__title .break {
    display: inline
}

@media screen and (min-width: 510px) {
    .a-segment-enquete__title .break {
        display:none
    }
}



.a-segment-enquete__point {
    margin-top: .2em;
    width: 100%;
    color: #ff3939;
    text-align: center;
    font-size: 24px
}

.m-segment-enquete {
    position: relative;
    z-index: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 700;
    font-size: 12px
}

.m-segment-enquete img {
    width: 100%;
    height: auto
}

.m-segment-enquete__point {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 29.84375%;
    height: 100%;
    color: #15aaa1
}

.m-segment-enquete__entry__link .m-segment-enquete__point {
    color: #ff7676
}

.m-campaign-regist {
    border: 1px solid #ef0611;
    background: #fff5f1
}

.m-campaign-regist--entry .a-banner {
    margin-bottom: 5px
}

.m-campaign-regist--newuser {
    margin-top: -5px
}

.a-campaign-regist__time {
    margin-bottom: 5px;
    padding: 5px;
    border-radius: 2em;
    background: #ff6632;
    color: #fff;
    text-align: center;
    font-weight: 700
}

.a-campaign-regist__time.couponget {
    background: #1d71f2
}

.a-campaign-regist__time em {
    color: #fffd66
}

.a-campaign-regist__text {
    margin: 5px auto 0;
    color: #ff3939;
    text-align: center;
    font-weight: 700
}

.m-friend-special {
    border: 1px solid #d7cfa3;
    background: #fffefc
}

.a-friend-special__time {
    margin-bottom: 5px;
    padding: 5px;
    border-radius: 2em;
    background: #e60036;
    color: #fffd66;
    text-align: center;
    font-weight: 700
}

.a-friend-special__time em {
    color: #fffd66
}

.a-friend-special__text {
    margin: 5px auto 0;
    color: #e60036;
    text-align: center;
    font-weight: 700
}

.m-table {
    position: relative;
    margin-bottom: 30px;
    width: 100%;
    font-size: 12px
}

.m-table__line {
    position: relative;
    border-bottom: 1px solid #bbb
}

thead>.m-table__line {
    border-color: #999
}

thead>.m-table__line .a-table__cell {
    padding: 17px 0 7px 5px
}

thead>.m-table__line .a-table__cell:last-child {
    padding-right: 5px
}

tbody>.m-table__line:last-child {
    border: none
}

.a-table__cell {
    padding: 12px 0 12px 5px;
    vertical-align: middle;
    text-align: left
}

.a-table__cell:last-child {
    padding-right: 5px
}

.a-table__cell--center {
    text-align: center
}

.a-table__cell--right {
    text-align: right
}

.a-table__cell--narrow {
    width: 45px
}

.a-table__cell--middle {
    width: 50px
}

.a-table__cell__text {
    line-height: 1.4
}

.a-table__cell__text--bold {
    font-weight: 700
}

.a-table__cell__point {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
    color: #ff3939;
    font-weight: 700;
    font-size: 13px
}

.a-table__cell__btn {
    display: inline-block;
    margin-right: 5px;
    padding: 3px;
    min-width: 70px;
    border: 1px solid #15aaa1;
    border-radius: 3px;
    background: transparent;
    color: #15aaa1;
    text-align: center;
    font-size: 12px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.a-table__cell__btn--pink {
    z-index: 1;
    border-color: #ff7676;
    color: #ff7676
}

.a-table__cell__btn--orange {
    border-color: #ffa900;
    color: #ffa900
}

.a-table__cell__applying,.a-table__cell__error {
    display: inline-block;
    margin-top: .5em;
    padding: 3px;
    min-width: 40px;
    width: 120px;
    border-radius: 3px;
    background: #eee;
    text-align: center;
    font-size: 12px
}

.a-table__cell__img {
    position: relative;
    margin: auto;
    width: 60px;
    height: 60px
}

.a-table__cell__img img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: auto
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: .5
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: .5
    }

    to {
        opacity: 1
    }
}

.m-slick .slick-next,.m-slick .slick-prev {
    position: absolute;
    top: 93%;
    display: block;
    width: 20px;
    height: 20px;
    outline: none;
    border: none;
    background: transparent;
    color: transparent;
    font-size: 0;
    line-height: 0;
    cursor: pointer
}

.m-slick .slick-next:before,.m-slick .slick-prev:before {
    position: absolute;
    top: 50%;
    display: block;
    margin-top: -7px;
    width: 10px;
    height: 10px;
    border-top: 4px solid #ccc;
    border-right: 4px solid #ccc;
    content: "";
    font-size: 10px
}

.m-slick .slick-next.slick-disabled:before,.m-slick .slick-prev.slick-disabled:before {
    opacity: .25
}

.m-slick .slick-prev:before {
    left: 5px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.m-slick .slick-next:before {
    right: 5px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.m-slick .slick-prev {
    left: 0
}

[dir=rtl] .m-slick .slick-prev {
    right: 0;
    left: auto
}

.m-slick .slick-prev:before,[dir=rtl] .m-slick .slick-prev:before {
    content: ""
}

.m-slick .slick-next {
    right: 0
}

[dir=rtl] .m-slick .slick-next {
    right: auto;
    left: 0
}

.m-slick .slick-next:before,[dir=rtl] .m-slick .slick-next:before {
    content: ""
}

.m-slick--button .slick-prev {
    left: -8px;
    border-radius: 3px
}

.m-slick--button .slick-next {
    right: -8px;
    border-radius: 3px
}

.m-slick--button .slick-next,.m-slick--button .slick-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    margin: auto;
    width: 32px;
    height: 60px;
    outline: none;
    border: none;
    background: hsla(0,0%,73%,.5);
    cursor: pointer;
    font-size: 0;
    line-height: 0
}

.m-slick--button .slick-prev:before {
    content: "\e110"
}

.m-slick--button .slick-next:before,.m-slick--button .slick-prev:before {
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    speak: none
}

.m-slick--button .slick-next:before {
    content: "\e10e"
}

.m-slick--button .slick-next:before,.m-slick--button .slick-prev:before {
    position: relative;
    top: 5px;
    left: 0;
    color: #fff;
    font-size: 20px
}

.slick-dots {
    padding: 5px;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 3px;
    padding: 0
}

.slick-dots li,.slick-dots li button {
    width: 20px;
    height: 20px;
    cursor: pointer
}

.slick-dots li button {
    display: block;
    padding: 5px;
    outline: none;
    border: 0;
    background: transparent;
    color: transparent;
    font-size: 0;
    line-height: 0
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    color: #15aaa1;
    content: "●";
    text-align: center;
    font-size: 10px;
    font-family: slick;
    line-height: 20px;
    opacity: .25
}

.slick-dots li.slick-active button:before {
    color: #15aaa1;
    opacity: .75
}

.slick-slider {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list,.slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0 -7px;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

.slick-track:after,.slick-track:before {
    display: table;
    content: ""
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    min-height: 1px;
    height: 100%
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.m-mypage__section .m-item {
    position: relative;
    margin: 0 auto;
    border-bottom: none!important
}

.o-mypage__banner *,.o-mypage__banner .a-mypage__banner__list {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.o-mypage__banner .a-mypage__banner__list {
    position: relative;
    display: block;
    margin: 0 auto 10px;
    padding: 5px;
    width: calc(100% - 6px);
    border-radius: 8px;
    background: #ff3939;
    color: #fff;
    text-align: center;
    font-weight: 700
}

.o-mypage__banner .a-mypage__banner__list:before {
    position: absolute;
    top: 85%;
    left: 50%;
    margin-left: -8px;
    border: 10px solid transparent;
    border-top: 10px solid #ff3939;
    border-radius: .1px;
    content: ""
}

.o-mypage__banner .js-mypage__scroll_text .a-mypage__banner__list {
    margin: 0 10px 10px
}

.o-mypage__banner .js-mypage__banner .m-item {
    margin: 0 8px
}

.o-mypage__entertainment * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.o-mypage__entertainment .a-mypage__entertainment__list {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto 10px;
    padding: 5px;
    width: calc(100% - 6px);
    border-radius: 8px;
    background: #ffa900;
    color: #fff;
    text-align: center;
    font-weight: 700
}

.o-mypage__entertainment .a-mypage__entertainment__list:before {
    position: absolute;
    top: 85%;
    left: 50%;
    margin-left: -8px;
    border: 10px solid transparent;
    border-top: 10px solid #ffa900;
    border-radius: .1px;
    content: ""
}

.o-mypage__entertainment .a-icon--new {
    top: 0
}

.o-mypage__entertainment .js-mypage__scroll_text .a-mypage__entertainment__list {
    margin: 0 10px 10px
}

.o-mypage__entertainment .js-mypage__entertainment .m-item {
    margin: 0 8px
}

.o-entry-regist .a-entry-regist__list {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto 10px;
    padding: 5px;
    width: calc(100% - 6px);
    border-radius: 8px;
    background: #ff3939;
    color: #fff;
    text-align: center;
    font-weight: 700
}

.o-entry-regist .a-entry-regist__list:before {
    position: absolute;
    top: 85%;
    left: 50%;
    margin-left: -8px;
    border: 10px solid transparent;
    border-top: 10px solid #ff3939;
    border-radius: .1px;
    content: ""
}

.o-entry-regist .a-entry-regist__list em {
    color: #fffd66
}

.o-entry-regist .js-scroll_text .a-entry-regist__list {
    margin: 0 10px 10px
}

.m-entry-regist__section {
    margin-bottom: 20px
}

.m-entry-regist__section .m-item {
    position: relative;
    margin: 0 auto;
    border-bottom: none!important
}

.m-entry-regist__section .js-entry_regist .m-item {
    margin: 0 8px
}

.m-entry-regist__section .js-entry_regist .slick-dots {
    padding-top: 8px
}

.o-userrank {
    position: relative
}

.o-userrank .m-userrank__box {
    text-align: center;
    line-height: 1.5
}

.o-userrank .m-userrank__box .a-userrank__title {
    font-weight: 700;
    font-size: 14px
}

.o-userrank .m-userrank__box .a-userrank__subtitle {
    margin-bottom: 10px;
    padding: 5px;
    background: #eafcfb;
    font-weight: 700;
    font-size: 13px
}

.o-userrank .m-userrank__box .a-userrank__text--normal {
    color: #15aaa1;
    font-weight: 700
}

.o-userrank .m-userrank__box .a-userrank__text--gold {
    color: #cea500;
    font-weight: 700
}

.o-userrank .m-userrank__box .a-userrank__text--red {
    color: #ff3939;
    font-weight: 700
}

.o-userrank .m-userrank__box__current {
    margin: 10px auto 15px;
    padding-bottom: 15px;
    border-bottom: 2px solid #ddd
}

.o-userrank .m-userrank__box__current__inner,.o-userrank .m-userrank__box__current figure {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.o-userrank .m-userrank__box__current figure {
    margin-left: 10px
}

.o-userrank .m-userrank__box__current figure img {
    margin-right: 10px;
    width: 30px
}

.o-userrank .m-userrank__box__current figcaption {
    font-size: 18px
}

.o-userrank .m-userrank__box__status .m-userrank__status__gold {
    margin-bottom: 10px;
    padding: 10px;
    background: #fdfcca;
    line-height: 1.8em
}

.o-userrank .m-userrank__box__status .m-userrank__status__gold img {
    display: inline-block;
    margin-right: 5px;
    width: 25px
}

.o-userrank .m-userrank__box__status .m-userrank__status__gold .a-userrank__text--gold {
    display: block;
    margin-bottom: 5px;
    font-size: 18px
}

.o-userrank .m-userrank__box__status .m-userrank__status__gold .a-userrank__text--red {
    font-size: 13px
}

.o-userrank .m-userrank__box__status .m-userrank__status__ad {
    margin-bottom: 20px
}

.o-userrank .m-userrank__box__status .m-userrank__status__ad li {
    width: 48%
}

.o-userrank .m-userrank__box__status .m-userrank__status__ad__count {
    margin: auto;
    padding: 10px;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: #eee;
    font-size: 16px
}

.o-userrank .m-userrank__box__status .m-userrank__status__ad__count.is-clear {
    background: -webkit-gradient(linear,left top,left bottom,from(#1bd7cc),to(#15aaa1));
    background: -webkit-linear-gradient(top,#1bd7cc,#15aaa1);
    background: linear-gradient(180deg,#1bd7cc,#15aaa1)
}

.o-userrank .m-userrank__box__status .m-userrank__status__ad__count.is-clear .m-userrank__text {
    color: #15aaa1;
    font-weight: 700;
    font-size: 16px
}

.o-userrank .m-userrank__box__status .m-userrank__status__ad__count .m-userrank__text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #fff
}

.o-userrank .m-userrank__box__status .m-userrank__status__point {
    margin-bottom: 10px
}

.o-userrank .m-userrank__box__status .m-userrank__status__point .m-userrank__progress {
    position: relative;
    margin: 20px auto 10px;
    width: 94%;
    border-radius: 20px;
    background: #eee
}

.o-userrank .m-userrank__box__status .m-userrank__status__point .m-userrank__progress .a-userrank__progress__value {
    position: absolute;
    top: 50%;
    right: 15px;
    z-index: 1;
    font-weight: 700;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.o-userrank .m-userrank__box__status .m-userrank__status__point .m-userrank__progress .a-userrank__progress__bar {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 15px;
    height: 31px;
    border-radius: 20px;
    background: -webkit-gradient(linear,left top,right top,from(#1bd7cc),to(#15aaa1));
    background: -webkit-linear-gradient(left,#1bd7cc,#15aaa1);
    background: linear-gradient(90deg,#1bd7cc,#15aaa1);
    color: #fff;
    font-weight: 700;
    font-size: 14px
}

.o-userrank .m-userrank__box__status .m-userrank__status__point .m-userrank__progress .a-userrank__progress__bar:after {
    position: absolute;
    right: -7px;
    bottom: 0;
    width: 42px;
    height: 40px;
    
    content: ""
}

.o-userrank .m-userrank__box .modal__wrap {
    top: 0!important
}

.o-userrank .m-userrank__box .modal__content {
    margin: 5px;
    padding: 20px;
    text-align: center
}

.o-userrank .m-userrank__box .modal__content .a-title__h3 {
    margin-bottom: 20px;
    font-size: 16px
}

.o-userrank .m-userrank__box .modal__content .a-text {
    padding-bottom: 20px;
    border-bottom: 2px solid #ddd
}

.o-userrank .m-userrank__box .modal__content .m-userrank__box__current {
    margin: 15px auto
}

@-webkit-keyframes flash {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes flash {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes slideDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes slideUp {
    0% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideUp {
    0% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.o-mypage * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.o-mypage .m-mypage__section {
    margin-bottom: 20px
}

.o-mypage .o-mypage__point {
    padding: 37px 15px 15px;
    border-radius: 0;
    position: relative;
    margin-bottom: 0;
    color: #221815;
    text-align: center;
    letter-spacing: .1em;
    font-weight: 700;
    background: #fff;
    border-bottom: #d80c24 solid 1px;
    margin: 0px 0 0;
}


.o-mypage .m-mypage__point__inner {
    margin-bottom: 20px
}

.o-mypage .m-mypage__point__inner:last-child {
    margin-bottom: 0
}

.o-mypage .a-point__number {
    position: absolute;
    top: 8px;
    right: 8px;
    padding: 0.3em 1em 0.24em;
    border-radius: 2em;
    background: #fff;
    color: #d80c24;
    letter-spacing: .05em;
    font-weight: 400;
    font-size: 11px;
}

.o-mypage .a-point__name {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 12px;
    margin-bottom: 25px;
}

.o-mypage .a-point__name img {
    margin-right: 5px
}

.o-mypage .a-point__point {
    display: inline-block;
    width: 100%;
    font-size: 40px;
    /* background: #221815; */
    /* border-radius: 10px; */
    padding: 15px 0;
    color: #d70c25;
    border: solid 1px #000;
}


.o-mypage .a-point__point--unit {
    margin-left: .1em;
    font-size: 80%
}

.o-mypage .a-point__other {
    width: calc(100% / 2 - 5px)
}

.o-mypage .a-point__other dt {
    padding: 0 0 5px 5px;
    text-align: center
}

.o-mypage .a-point__other dd {
    padding: 10px;
    border-radius: 2em;
    background: hsla(0,0%,100%,.2);
    color: #fff;
    font-size: 18px
}

.o-mypage .a-point__other .tooltip__block {
    position: absolute;
    top: -17%!important;
    right: 0;
    left: 0;
    z-index: 10004;
    display: none;
    margin: 0 10px;
    padding: 10px;
    border: 2px solid #15aaa1;
    border-radius: 3px;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 5px 5px rgba(0,0,0,.15);
    box-shadow: 0 3px 5px 5px rgba(0,0,0,.15);
    text-align: left;
    font-size: 12px
}

.o-mypage .a-point__other .tooltip__block .a-title {
    margin-bottom: 5px;
    color: #15aaa1
}

.o-mypage .a-point__other .tooltip__block .a-text {
    margin-bottom: 5px;
    color: #333;
    font-weight: 400;
    font-size: 11px;
    line-height: 1.5
}

.o-mypage .a-point__other .tooltip__block .a-text em {
    color: #ff3939;
    font-weight: 700
}

.o-mypage .a-point__other .tooltip__block .a-text--note {
    padding-left: 1.5em;
    color: #888;
    text-indent: -1.6em;
    font-weight: 400;
    font-size: 11px;
    line-height: 1.3
}

.o-mypage .a-point__other .tooltip__ico {
    position: relative;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    border-radius: 2em;
    color: #fff;
    vertical-align: -2px;
    text-align: center;
    font-size: 16px;
    line-height: 16px
}

.o-mypage .a-point__other .tooltip__ico .question:after {
    position: inherit;
    display: inline;
    content: "\e10a";
}

.o-mypage .a-point__other .tooltip-on {
    display: block
}

.o-mypage .a-point__other .tooltip__close {
    position: absolute;
    top: -10px;
    right: -10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .3em;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #15aaa1;
    font-size: 18px;
    line-height: 1;
    cursor: pointer
}

.o-mypage .a-point__link-btn {
    position: relative;
    display: block;
    margin: 0 auto 10px;
    padding: 12px;
    width: 50%;
    border: 1px solid #fff;
    border-radius: 2em;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
}


.o-mypage .a-point__link-btn:after {
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    speak: none;
    content: "\e10e";
    right: 5px;
    color: #fff
}

.o-mypage .a-point__time {
    text-align: center;
    font-weight: 400;
    font-size: 11px;
    line-height: 1.5
}

.o-mypage .flash {
    -webkit-animation: flash .4s ease-in-out 9 alternate;
    animation: flash .4s ease-in-out 9 alternate
}

.o-mypage .a-point__balloon {
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
    padding: 5px;
    padding: 8px 15px;
    border-radius: 3px;
    background: #86d6d0;
    -webkit-box-shadow: rgba(0,0,0,.05) 0 4px 10px 0;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,.05);
    font-size: 14px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.o-mypage .a-point__balloon:after,.o-mypage .a-point__balloon:before {
    position: absolute;
    top: calc(100% - 5px);
    left: 50%;
    width: 10px;
    height: 10px;
    background: #86d6d0;
    content: ""
}

.o-mypage .a-point__balloon:before {
    -webkit-box-shadow: rgba(0,0,0,.05) 0 4px 10px 0;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,.05);
    -webkit-transform: translateX(-50%) rotate(45deg) translateZ(-1px);
    transform: translateX(-50%) rotate(45deg) translateZ(-1px)
}

.o-mypage .a-point__balloon:after {
    -webkit-transform: translateX(-50%) rotate(45deg) translateZ(1px);
    transform: translateX(-50%) rotate(45deg) translateZ(1px)
}

.o-mypage .o-mypage__mymenu {
    position: relative;
    overflow: hidden;
    padding: 5px 0 0;
    height: 100px;
    background: #fff
}

.o-mypage .o-mypage__mymenu.slide-down {
    -webkit-animation: slideDown;
    animation: slideDown
}

.o-mypage .o-mypage__mymenu.slide-up {
    -webkit-animation: slideUp ease-out;
    animation: slideUp ease-out
}

.o-mypage .m-mypage__mymenu__list-item {
    width: 20%;
    text-align: center;
    font-weight: 700;
    font-size: 10px;
    line-height: 1.3em
}

.o-mypage .m-mypage__mymenu__list-item a {
    display: block;
    padding: 10px 0
}

.o-mypage .m-mypage__mymenu__list-item a span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 25px
}

.o-mypage .m-mypage__mymenu__list-item a span mark {
    display: contents;
    color: #333;
    letter-spacing: -.1em
}

.o-mypage .m-mypage__mymenu__list-item a i {
    position: relative;
    display: inherit;
    margin-bottom: 8px;
    color: #15aaa1;
    font-size: 25px
}

.o-mypage .m-mypage__mymenu__list-item .a-mymenu__badge {
    position: absolute;
    top: 0;
    right: 20px;
    width: 10px;
    height: 10px;
    border-radius: 2em;
    background-color: #ff3939;
    -webkit-animation: badge-blink .8s 3 both;
    animation: badge-blink .8s 3 both
}

.o-mypage .close-btn,.o-mypage .more-btn {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    padding: 10px 0;
    width: 100%;
    background: #fff;
    text-align: center
}

.o-mypage .close-btn p,.o-mypage .more-btn p {
    position: relative;
    display: inline-block;
    color: #bbb;
    font-weight: 700
}

.o-mypage .slide-up {
    overflow: hidden;
    padding-bottom: 0;
    height: 100px
}

.o-mypage .slide-down {
    overflow: visible;
    padding: 5px 0 24px;
    height: auto;
    -webkit-animation: slideDown 2s;
    animation: slideDown 2s
}

.o-mypage .more-btn p:after {
    content: "\e10f"
}

.o-mypage .close-btn p:after,.o-mypage .more-btn p:after {
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    speak: none;
    right: -15px;
    color: #bbb
}

.o-mypage .close-btn p:after {
    content: "\e10d"
}

.o-mypage #mypage_userrank .a-title__h2 {
    position: relative
}

.o-mypage #mypage_userrank .a-title__h2 .a-btn__about {
    position: absolute;
    top: 0;
    right: 0;
    padding: 2px 10px
}

.o-mypage .m-mypage__friend__box {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 3px;
    background: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.5
}

.o-mypage .a-friend__member {
    font-size: 20px
}

.o-mypage .a-friend__member--month {
    color: #15aaa1
}

.o-mypage .a-friend__member--total {
    color: #ff3939
}

.o-mypage .m-mypage__slide-banner {
    margin: auto;
    padding: 0 7px;
    width: 100%
}

.o-mypage .m-mypage__slide-banner .slick-list {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.o-mypage .m-mypage__slide-banner .slick-track {
    padding-left: 0!important
}

.o-mypage .o-mypage__bankbook .m-tab__menu {
    margin: 0 0 15px
}

.o-mypage .o-mypage__bankbook .m-tab__menu .a-tab {
    border-left: 1px solid #ddd!important;
    color: #333;
    font-weight: 700;
    font-size: 13px
}

.o-mypage .o-mypage__bankbook .m-tab__menu button {
    outline: none;
    border: none
}

.o-mypage .o-mypage__bankbook .m-btn__menu {
    margin: 10px 0
}

.o-mypage .o-mypage__bankbook .m-btn__menu .a-btn__outline {
    padding: 0;
    width: calc(100% / 4 - 10px);
    height: 40px;
    -webkit-box-shadow: none;
    box-shadow: none;
    line-height: normal
}

.o-mypage .o-mypage__bankbook .m-btn__menu .a-btn__outline--current {
    background: #15aaa1;
    color: #fff!important
}

.o-mypage .o-mypage__bankbook .a-text--s {
    margin-bottom: 5px;
    color: #666
}

.o-mypage .o-mypage__bankbook .m-form__option {
    margin-bottom: 10px
}

.o-mypage .o-mypage__bankbook .m-form__option .a-form__option--pulldown {
    margin: 0 0 5px auto;
    width: 40%
}

.o-mypage .o-mypage__bankbook .m-form__option .a-text {
    color: #666;
    font-size: 11px
}

.o-mypage .o-mypage__bankbook .a-bankbook__monthly-amount {
    position: relative;
    margin-bottom: 15px;
    padding: 10px;
    border: 1px solid #ffa900;
    border-radius: 3px;
    color: #ffa900;
    text-align: center;
    font-weight: 700
}

.o-mypage .o-mypage__bankbook .a-bankbook__table__notice {
    margin: 0 auto 30px
}

.o-mypage .o-mypage__bankbook .a-bankbook__table__notice--red {
    background: #fff6f6
}

.o-mypage .o-mypage__bankbook .modal__content__secret {
    margin-top: 20%
}

@media screen and (min-width: 768px) {
    .o-mypage .o-mypage__bankbook .modal__content__secret {
        margin:20% auto;
        max-width: 550px
    }
}

.o-mypage .o-mypage__bankbook .modal__content__secret .question_conts {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    background-color: #f3f3f3;
    line-height: 40px
}

.o-mypage .o-mypage__bankbook .modal__content__secret .m-section {
    text-align: center
}

.o-mypage .o-mypage__bankbook .modal__content__secret .m-form__item {
    margin-bottom: 15px;
    text-align: left
}

.o-mypage .o-mypage__bankbook .modal__content__secret .m-form__check {
    padding: 0
}

.o-mypage .o-mypage__bankbook .modal__content__secret .a-btn__send {
    margin-bottom: 20px
}

.o-mypage .o-mypage__bankbook .rowlink:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: ""
}

.o-mypage .o-mypage__bankbook .modal__content__review {
    margin-top: 30%!important;
    padding: 20px 15px
}

.o-mypage .m-pagination {
    margin: 30px 0 10px
}

.o-mypage .m-campaign-regist,.o-mypage .m-friend-special {
    margin: 0 0 20px
}

.o-mypage .m-campaign-regist--entry,.o-mypage .m-campaign-regist--newuser {
    margin: 0 0 5px
}

.o-mypage .modal__detail__heading {
    border-bottom: 2px solid #ccc
}

.o-mypage .modal__detail__heading h3 {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.25
}

.o-mypage .modal__detail__label {
    display: inline-block;
    margin-bottom: 10px;
    padding: 4px 6px;
    border-radius: 3px;
    color: #fff;
    list-style-type: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 1em
}

.o-mypage .modal__detail__label.label--action {
    background: #15aaa1
}

.o-mypage .modal__detail__label.label--rankup {
    background: #cea500
}

.o-mypage .modal__detail__text {
    word-break: break-all
}

.o-mypage .modal__detail__text .condition {
    margin-bottom: 15px;
    color: #333;
    font-size: 13px
}

.o-mypage .modal__detail__text .attention {
    margin-bottom: 15px;
    color: #ff3939;
    font-weight: 700;
    font-size: 13px
}

.o-mypage .modal__detail__text .a-anchor {
    text-decoration: underline;
    font-size: 13px
}

.o-mypage .modal__closebtn {
    background-color: #15aaa1
}

.o-mypage .modal__detail__well {
    margin-bottom: 20px
}

.o-mypage .modal__detail__well ul li {
    padding-left: 1em;
    text-indent: -1.3em
}

.o-mypage thead>.m-table__line {
    border: none
}

.o-mypage thead>.m-table__line .a-table__cell:first-child {
    padding-left: 0
}

.o-mypage thead>.m-table__line .a-table__cell:last-child {
    padding-right: 0
}

.o-mypage thead>.m-table__line .a-table__title {
    padding: 6px!important;
    border-radius: 2em;
    background: #eee;
    text-align: center;
    font-size: 11px
}

.o-mypage tbody>.m-table__line .a-table__cell {
    position: relative
}

.o-mypage tbody>.m-table__line .a-table__cell:last-child {
    padding-left: 10px
}

.o-mypage tbody>.m-table__line .a-table__cell--detail {
    z-index: 1;
    padding: 8px 0 0
}

.o-mypage tbody>.m-table__line .a-table__cell__date {
    font-size: 11px
}

.o-mypage tbody>.m-table__line .a-table__cell__point {
    font-size: 13px
}

.o-mypage tbody>.m-table__line .a-table__cell__point--none {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 7px;
    max-width: 100%;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    background: #eee;
    color: #fb1717
}

.o-mypage tbody>.m-table__line .a-table__item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.o-mypage .m-bankbook__table__exchange .a-table__cell__img {
    width: 90px;
    height: 72px
}

.o-mypage .m-bankbook__table__exchange .a-table__cell__text--note {
    margin-top: .2em;
    color: #666
}

.o-mypage .m-bankbook__table__exchange .a-table__cell__btn {
    margin-top: .5em;
    width: 120px
}

.o-mypage .m-bankbook__table__exchange .rowlink:before {
    height: 96px
}