@charset "UTF-8";
.join_header .join_header_inner {
    max-width: 100%;
    margin-top: 0;
}
.user-content-wrap.no-login.bg_gray {
    background: #F8EDE9;
}
.user-content-wrap.no-login.bg_gray .user-content-wrap-inner {
    width: 100%;
    max-width: calc(100% - 4%);
    margin: 0 auto;
    text-align: right;
}
.user-content-wrap.no-login.bg_gray .user-content-wrap-inner p.attention {
    font-size: 1.2rem;
    font-weight: 500;
    color: #686868;
    padding: 10px 0;
}
.user-content-wrap.no-login.bg_gray .user_content__offer {
    max-width: calc(100% - 10%);
}
.user-content-wrap.no-login.bg_gray .user_content__offer.top {
    background: #ffffff url("../img/kunseiya/top_bg.png") no-repeat;
    background-size: 100%;
    background-position: center top;
    position: relative;
}
.user-content-wrap.no-login.bg_gray .user_content__offer.top .title {
    position: absolute;
    left: 50%;
    top: 30px;
    transform: translateX(-50%);
}
.user-content-wrap.no-login.bg_gray .user_content__offer.bottom {
    padding-bottom: 40px;
}
.for-shop {
    width: 100%;
    max-width: calc(100% - 30%);
    margin: 0 auto;
}
.event.top {
    margin-top: 120px;
}
.for-shop .event.contact h4 {
    color: #F1001A;
    font-size: 2.6rem;
    font-weight:600;
}
.for-shop .event.contact p {
    font-size: 2.4rem;
    line-height: 1.6;
}
.infomation-x {
    width: 100%;
    margin: 50px 0;
    padding: 50px 0;
    border: 1px solid #F1001A;
    border-radius: 1.0rem;
}
p.cp_text {
    width: 100%;
    font-size: 2.2rem;
    font-weight: 500;
    position: relative;
}
p.cp_text::before {
    font-size: 2.0rem;
    position: absolute;
    left: -28px;
}
p.cp_text.no01::before {
    content: "①";
}
p.cp_text.no02::before {
    content: "②";
}
p.cp_text.dot::before {
    content: "●";
}
.event.top img.oubo {
    width: 465px;
}
.event-footer {
    width: 100%;
    border-bottom: 1px solid #E0E0E0;
}
.event-footer .event-footer-inner {
    width: 100%;
    max-width: calc(100% - 10%);
    margin: 30px auto;
    text-align: center;
}
.event-footer .event-footer-inner.compnay-footer {
    max-width: 100%;
    border-top: 1px solid #E0E0E0;
    padding-top: 30px;
}
.event-footer .event-footer-inner.compnay-footer p {
    font-size: 1.4rem;
}
.event-footer .event-footer-inner h4 img {
    width: 258px;
}
ul {
    width: 100%;
    list-style: disc;
    padding-bottom: 80px;
}
ul.ml30 {
    margin-left: 30px;
    width: 100%;
    max-width: calc(100% - 30px);
}
ul.no-mark {
    list-style: none;
}
ul li {
    font-size: 2.2rem;
    font-weight: 500;
    text-align: left;
}
ul.no-mark li {
    margin-bottom: 20px;
}
ul.no-mark li:last-child {
    margin-bottom: 0;
}
.term-area a {
    line-height: 2.5;
}
/*stickey*/
.user_content__offer .user_content__offer_join_inner .sticky_menu {
    max-width: calc(100% - 10%);
    background: transparent;
    /* position: relative; */
}
/*floating*/
.user_content__offer .user_content__offer_join_inner .login_btn_area {
    background: transparent;
}
.user_content__offer .user_content__offer_join_inner .login_btn_area.floating {
    width: 100%;
    max-width: calc(100% - 18%);
    margin: 0 auto;
    display: inline-block;
    /* justify-content: flex-end; */
    cursor: pointer;
    /* max-width: 132px; */
    position: relative;
    bottom: initial;
    right: 0;
}
.scroll-top {
    width:100%;
    max-width: calc(100% - 17%);
    margin: 0 auto;
    position: relative;
    bottom: 20px;
    right: 0;
    outline: none;
    opacity: 0;
    transition-duration: 0.5s;
    z-index: 11;
    -webkit-transform: translate3d(0,0,0);
}
.scroll-top img {
    width: 64px;
    object-fit: contain;
    margin-right: 0;
    position: absolute;
    right: -15px;
    bottom: 50px;
}
.user_content__offer .user_content__offer_join_inner .login_btn_area.floating.kunseiya img {
    width: 132px;
    position: absolute;
    right: -100px;
    bottom: -70px;
}

@media screen and (min-width: 1280px) {
    .user_content__offer .user_content__offer_join_inner .login_btn_area.floating,
    .user-content-wrap.no-login.bg_gray .user_content__offer {
        max-width: 1100px;
    }
    .scroll-top {
        max-width: 1000px;
    }
    .user_content__offer .user_content__offer_join_inner .login_btn_area.floating.kunseiya img {
        right: -70px;
    }
    .scroll-top {
        right: 0;
    }
}
@media screen and (max-width: 767px) {
    .user-content-wrap.no-login.bg_gray .user-content-wrap-inner p.attention {
        font-size: 1.0rem;
    }
    .event.top {
        margin-top: 80px;
    }
    p.cp_text::before {
        font-size: 1.4rem;
        left: -15px;
    }
    p.cp_text,
    ul li {
        font-size: 1.4rem;
    }
    ul.ml30 {
        margin-left: 20px;
        width: 100%;
        max-width: calc(100% - 20px);
    }
    .user_content__offer .user_content__offer_join_inner .login_btn_area.floating.kunseiya img {
        width: 117px;
        right: -130px;
    }
    .scroll-top img {
        width: 42px;
        right: -115px;
    }
    .event.top img.oubo {
        width: 300px;
    }
    .for-shop .event.contact h4 {
        font-size: 1.8rem;
    }
    .for-shop .event.contact p {
        font-size: 1.4rem;
    }
    .event-footer .event-footer-inner.compnay-footer p {
        font-size: 1.2rem;
    }
    p.cp_text.no-top, p.cp_text.no01, p.cp_text.no02, p.cp_text.dot {
        margin-left: 11px;
    }
}
@media screen and (max-width: 560px) {
    .event.top {
        margin-top: 45px;
    }
    .for-shop {
        max-width: calc(100% - 32px);
    }
    .user-content-wrap.no-login.bg_gray .user_content__offer.bottom,
    .for-shop.footer {
        max-width: 100%;
    }
    .infomation-x {
        padding: 20px 0;
    }
    p.cp_text.no-top,
    p.cp_text.no01,
    p.cp_text.no02,
    p.cp_text.dot {
        width: 100%;
        max-width: calc(100% - 16px);
        margin: 0 auto;
        margin-left: 15px;
    }
    .user_content__offer .user_content__offer_join_inner .sticky_menu {
        max-width: 100%;
    }
    .user_content__offer .user_content__offer_join_inner .login_btn_area.floating {
        max-width: calc(100% - 32px);
    }
    .user_content__offer .user_content__offer_join_inner .login_btn_area.floating.kunseiya img {
        right: -12px;
    }
    .scroll-top img {
        right: -25px;
    }
}