@charset "UTF-8";
.easy_step_area select#input_external_id {
    width: 320px;
}
/*半透明*/
.op-half {
    opacity: 0.4;
}
/*テキスト切替用*/
.text-for-campaign {
    display: none;
}
/*角丸背景白*/
.white-border-radius08 {
    width: 100%;
    background: #ffffff;
    border-radius: 0.8rem;
    box-shadow: 0px 3px 10px 3px rgba(0, 0, 0, 0.1);
}
/*影*/
.content-box-shadow {
    box-shadow: 0px 3px 10px 3px rgba(0, 0, 0, 0.1);
}
/*リボン パーツ*/
.ribon {
    font-size: 1.6rem;
    font-weight: 600;
    color: #ffffff;
    --s: 1.0em; /* the ribbon size */
    --d: .55em;  /* the depth */
    --c: .5em;  /* the cutout part */
    padding: 0 calc(var(--s) + .5em) var(--d);
    line-height: 2.7;
    background: conic-gradient(at left  var(--s) bottom var(--d),
        var(--accent-color01),var(--accent-color01),var(--accent-color01)) 0   /50% 100% no-repeat,
        conic-gradient(at right var(--s) bottom var(--d),
        var(--accent-color01),var(--accent-color01),var(--accent-color01)) 100%/50% 100% no-repeat;
    clip-path: polygon(0 var(--d), var(--s) var(--d),var(--s) 0,calc(100% - var(--s)) 0,calc(100% - var(--s)) var(--d),100% var(--d),calc(100% - var(--c)) calc(50% + var(--d)/2),100% 100%,calc(96% - var(--s) - var(--d)) 100%,calc(96% - var(--s) - var(--d)) calc(100% - var(--d)),calc(17% - var(--s) + var(--d)) calc(100% - var(--d)),calc(17% - var(--s) + var(--d)) 100%,0 100%,var(--c) calc(50% + var(--d)/2));
    background-color: var(--accent-color01); /* the main color */
    width: fit-content;
    margin: 0 auto;
    z-index: 1;
}
/*終了時*/
.c-custom {
    background: #C12A21;
}
.patent {
    color: #FF5A5C;
    font-size: 1.1rem;
}
.point_present_text {
    position: relative;
}
.point_present_text p {
    width: 360px;
    text-align: center;
    margin: 0 auto 5px;
    position: relative;
    background: #F7F7F7;
    border-radius: 2.0rem;
    padding: 5px;
    font-size: 1.3rem;
    font-weight: 500;
}
i.cracker {
    content: "";
    display: inline-block;
    width: 46px;
    height: 48px;
    background: url('../../img/u/cracker.svg') no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    top: -25px;
}
.point_mark_bg {
    width: fit-content;
    padding: 5px 10px;
    background: #d30100;
    border-radius: 50px;
    font-size: 1.0rem;
    color: #ffffff;
}
/* attention */
.icon_mark {
    position: relative;
    width: 16px;
    height: 20px;
    display: inline-block;
}
.icon_mark::before {
    position: absolute;
    top: -1px;
    left: -1px;
    vertical-align: middle;
    content: "";
    display: inline-block;
    background: url('../../img/icon/need-icon.svg') no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    filter: invert(51%) sepia(60%) saturate(4823%) hue-rotate(312deg) brightness(98%) contrast(99%);
}
.accent-bg {
    width: 100%;
    padding: 10px 20px 20px;
    border-radius: 0.8rem;
    background: var(--alert-bg-color);
    border: 1px solid var(--alert-color);
}
.accent-bg:not(:has(*)) {
    display: none;
}
.accent-bg p {
    line-height: normal;
}
.accent-bg .icon_mark::before {
    position: absolute;
    top: 3px;
    left: -5px;
}
/*新規登録X連携*/
button:where(.button-x-login, .button-line-login) {
    position: relative;
    padding: 10px;
    background: #000000;
    color: #ffffff;
    text-align: center;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    width: 100%;
}
.button-line-login {
    background: #00b600;
}
:where(.button-x-login, .button-line-login).disabled,
button:hover {
    opacity: 0.3;
}

:where(.button-x-login, .button-line-login) i,
.button-x-login .ex-twitter_join {
    display: block;
    position: relative;
    margin-right: 6px;
    width: 20px;
    height: 20px;
    
}
:where(.button-x-login, .button-line-login) i::before {
    width: 20px;
    height: 20px;
    top: 0;
}
/*Instagram投稿時 button*/
.ig-post-alert-modal .btn_b-box-btn {
    position: relative;
    background: var(--f-accent-blue);
    height: 48px;
    border-radius: 5px;
    color: #ffffff;
    border: none;
}
/*SNS連携floating*/
.user_menu .pc_menu .pc_menu_inner .icon-area .icon-menu-img.mark,
.footer .sp_menu_inner .icon-area .icon-menu-img.mark {
    position: relative;
}
.user_menu .pc_menu .pc_menu_inner .icon-area .icon-menu-img.mark::after,
.footer .sp_menu_inner .icon-area .icon-menu-img.mark::after {
    position: absolute;
    right: 8px;
    content: "";
    display: inline-block;
    background: url("../../img/u/sns-need-icon.svg") no-repeat;
    background-size: contain;
    width: 13px;
    height: 13px;
    filter: var(--alert-color-filter);
}
.user_menu .pc_menu .pc_menu_inner .icon-area .icon-menu-img.mark::after {
    right: -5px;
    top: -10px;
}
.i-sns-icon {
    content: "";
    display: inline-block;
    background: url("../../img/u/sns-need-icon.svg") no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    position: relative;
    filter: var(--alert-color-filter);
}
.sns-join-need {
    position: relative;
    left: 0;
    margin-left: 5px;
    /* top: 0; */
    padding: 0 5px;
    content: "";
    display: inline-block;
    border: 1px solid var(--alert-color01);
    border-radius: 0.5rem;
    background: #FCF5F0;
    width: 125px;
}
.sns-join-need .sns-join-need-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    width: 125px;
}
.sns-join-need .sns-join-need-inner p {
    font-size: 1.2rem;
    width: 100%;
    color: var(--alert-color01);
}
.join_btn_sns_check {
    position: relative;
    display: flex;
    align-items: center;
}
.join_btn_sns_check p {
    width: 40%;
}
/*ユーザー*/
.header {
    height: 60px;
}

.user-content-wrap {
    margin-top: 0px;
}

.user_content__tab {
    margin-top: 60px;
}
/*ログイン前*/
.content_wrap {
    background: var(--bg-gray);
    padding-top: 60px;
    min-height: 100vh;
}
/*ログイン時*/
.user_content__offer_join_inner .present_item_area,
.user_content__offer_inner .present_item_area {
    width: 100%;
    max-width: 550px;
    margin: 20px auto 45px;
    background: #F8F8F8;
    padding: 10px 20px;
    display: flex;
    flex-direction: column;
}
.user_content__offer_inner .present_item_area {
    margin-bottom: 20px;
}
.user_content__offer_join_inner .present_item_area h3,
.user_content__offer_inner .present_item_area h3 {
    width: 100%;
    max-width: calc(100% - 16px);
    margin: 0 auto 15px;
    margin-bottom: 5px;
    font-size: 1.8rem;
    text-align: center;
}
.user_content__offer_join_inner .flex_item,
.user_content__offer_inner .flex_item {
    display: flex;
    align-items: center;
    justify-content: center;
}
.user_content__offer_join_inner .flex_item .text,
.user_content__offer_inner .flex_item .text {
    width: 100%;
    max-width: 210px;
    margin-right: 15px;
}
.user_content__offer_join_inner .flex_item .text .present_frame,
.user_content__offer_inner .flex_item .text .present_frame {
    content: "";
    display: inline-block;
    background: url('../../img/presentframe.svg') no-repeat;
    background-size: contain;
    width: 210px;
    height: 48px;
    position: relative;
}
.user_content__offer_join_inner .flex_item .text .present_frame img,
.user_content__offer_inner .flex_item .text .present_frame img {
    position: relative;
    top: 0px;
    left: 10px;
    width: 210px;
    object-fit: contain;
}
.user_content__offer_join_inner .flex_item .text p.other,
.user_content__offer_inner .flex_item .text p.other {
    font-size: 1.2rem;
}
.user_content__offer_join_inner .flex_item .item_img,
.user_content__offer_inner .flex_item .item_img {
    width: 120px;
}
.user_content__offer_join_inner .flex_item .item_img img,
.user_content__offer_inner .flex_item .item_img img {
    width: 110px;
    object-fit: contain;
    border-radius: 0.5rem;
}
.point_infomation_area {
    width: 100%;
    max-width: 550px;
    margin: 0 auto;
}
table.entry-table {
    width: 100%;
}

table.entry-table tr {
    display: flex;
    flex-direction: column;
    border: none;

}

table.entry-table th {
    text-align: left;
    padding: 5px;
    font-weight: 400;
}

table.entry-table td {
    padding: 5px;
}

/*利用規約*/
.terms_area h2 {
    font-size: 2.0rem;
    margin-top: 50px;
    margin-bottom: 15px;
    font-weight: 700;
    border-width: 0 0 3px;
    padding-bottom: 15px;
    line-height: 1.6;
    border-bottom: solid 3px #f2f5f7;
}

.terms_area h3 {
    font-size: 2.4rem;
    padding-bottom: 20px;
}

.terms_area p {
    font-size: 1.4rem;
    width: 100%;
}

.terms_area ul {
    list-style: disc;
    list-style-position: outside;
    margin-left: 1.5rem;
    width: 100%;
}

.terms_area ul li {
    margin-bottom: 5px;
}

.terms_area ol {
    list-style: decimal;
    list-style-position: outside;
    margin-left: 1.5rem;
    width: 100%;
    margin: 0 auto;
    padding-left: 20px;
}
.terms_area ol li{
    margin-bottom: 5px;
}
/*カッコ付き数字リスト*/
.terms_area ol.sub-number{
    list-style-position: inside;
    margin-left: 1.5rem;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}
.terms_area ol.sub-number li{
    list-style-type: none;
    counter-increment: cnt;
    padding-left: 10px;
    margin-bottom: 5px;
}
.terms_area ol.sub-number li::before{
    content: "(" counter(cnt) ")";
    display:inline-block;
    margin-left:-3.0rem; /* サイトに合せて調整 */
    width: 3.0rem; /* サイトに合せて調整 */
}
/*/カッコ付き数字リスト*/
/*タブメニュー*/
.user_content__tab .pro_menu_list {
    width: 100%;
    max-width: 336px;
    margin: 0 auto;
    border-radius: 8px;
    border: 1px solid var(--default-color01);
    background: #ffffff;
    -webkit-box-shadow: 0px 4px 5px -2px rgba(175, 175, 175, 0.15);
    box-shadow: 0px 4px 5px -2px rgba(175, 175, 175, 0.15);

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.user_content__tab .pro_menu_list li {
    width: 50%;
    position: relative;
}

.user_content__tab .pro_menu_list li p {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    width: 100%;
}

.user_content__tab .pro_menu_list .tab-list {
    display: block;
    width: 100%;
    padding: 20px 10px 5px;
    text-align: center;
    color: var(--default-color01);
    font-weight: 600;
}

.user_content__tab .pro_menu_list .tab-list a {
    color: var(--default-color01);
    font-weight: 600;
}

.user_content__tab .pro_menu_list .tab-list:hover {
    font-weight: 600;
}

.user_content__tab .pro_menu_list .tab-list.l_now {
    background: var(--default-color01);
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    color: #ffffff;
    font-weight: 600;
}

.user_content__tab .pro_menu_list .tab-list.l_now a {
    color: #ffffff;
    width: 100%;
    height: 100%;
    display: block;
}

.user_content__tab .pro_menu_list .tab-list.r_now {
    background: var(--default-color01);
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    color: #ffffff;
    font-weight: 600;
}

.user_content__tab .pro_menu_list .tab-list.r_now a {
    color: #ffffff;
}

.user_content__tab .tab_area {
    width: 100%;
}
.user_content__tab,
.user_content__pro_all,
.user_content__outcome,
.user_content__term {
    padding: 30px 20px 0;
    background-color: #FFF;
    box-shadow: 0px 3px 10px 3px rgba(0, 0, 0, 0.1);
    max-width: 750px;
    margin: 0 auto;
    border-radius: 0.8rem;
    margin-top: 60px;
    margin-bottom: 0;
    width: 100vw;
}
.user_content__pro_all,
.user_content__outcome,
.user_content__term {
    max-width: 800px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.point_area_info {
    width: 550px;
    max-width: 100%;
    padding-bottom: 20px;
    margin: 0 auto;
}
.user_content__pro_all.complete-small,
.user_content__pro_all.small {
    width: 400px;
}
.user_content__pro_all.complete-small img.thanks {
    width: 93px;
}
.user_content__tab h3,
.user_content__pro_all h3,
.user_content__outcome h3,
.user_content__term  h3{
    font-size: 2.2rem;
    font-weight: 500;
    color: var(--accent-color01);
}
.user_content__tab h3 i,
.user_content__pro_all h3 i,
.user_content__outcome h3 i,
.user_content__term  h3 i{
    font-size: 4.0rem;
}
.user_content__tab .tab_area .tab-btn {
    display: none;
}

.user_content__tab .tab_area .tab-content {
    width: 100%;
    margin: 20px auto;
}

.user_content__tab .tab_area .tab-content-wrap {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

.user_content__tab .tab_area .tab-content-wrap .tab-content .gray_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #f8f8f8;
    border-radius: 8px;
}

.user_content__tab .tab_area .tab-content-wrap .tab-content .gray_area .center_area {
    text-align: center;
    padding: 15px 0;
    margin: 0 auto;
}

.user_content__tab .tab_area .tab-content-wrap .tab-content .gray_area .left_area,
.user_content__tab .tab_area .tab-content-wrap .tab-content .gray_area .right_area {
    width: 50%;
    text-align: center;
    position: relative;
    padding: 15px 0;
}

.user_content__tab .tab_area .tab-content-wrap .tab-content .gray_area .right_area {
    display: flex;
    justify-content: center;
    align-items: center;
}
.user_content__tab .tab_area .tab-content-wrap .tab-content .gray_area .left_area::after {
    position: absolute;
    top: 0;
    left: 100%;
    margin: 0 1rem;
    content: "";
    width: 1px;
    height: 100%;
    background-color: #EFEFEF;
}

.user_content__tab .tab_area .tab-content-wrap .b-item-area {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}
.user_content__tab .tab_area .tab-content-wrap .b-item-area_point {
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
}

.user_content__tab .tab_area .tab-content-wrap .b-item-area_point .point_area {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
}

.user_content__tab .tab_area .tab-content-wrap .b-item-area_point .point_area .point {
    width: calc(100% - 30px);
    margin-right: 60px;
    padding: 10px 0;
    border-bottom: 1px solid #EFEFEF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* -ms-flex-pack: distribute;
    justify-content: space-around; */
}

.user_content__tab .tab_area .tab-content-wrap .b-item-area_point .point_area .point div {
    width: 100%;
    max-width: calc(100% / 4);
    margin: 0 auto;
}

.user_content__tab .tab_area .tab-content-wrap .b-item-area_point .point_area .point .p_right {
    max-width: calc(100% / 10);
}

.user_content__tab .tab_area .tab-content-wrap .b-item-area_point .btn_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 30px;
}

.user_content__tab .tab_area .tab-content-wrap .b-item-area_point .btn_area .link-area {
    position: relative;
}

.user_content__tab .tab_area .tab-content-wrap .business_user {
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
}

.user_content__tab .tab_area .tab-content-wrap .edit {
    position: relative;
    right: 65px;
    top: 2px;
}

.user_content__tab .tab_area .tab-content-wrap .link-area a:link {
    color: #4B4B4B;
}

.user_content__offer {
    width: 100%;
    padding-top: 60px;
}
.user_content__offer.white-border-radius08 {
    width: 100%;
    max-width: 550px;
    margin: 0 auto;
    padding: 10px;
}
.user_content__offer.pt_20 {
    padding-top: 20px !important;
}

.user_content__offer.offer_top {
    margin-top: 0px;
}

.user_content__offer.height_full {
    height: 100vh;
}

.user_content__offer.nologin_user_content__offer {
    padding-top: 25px !important;
}
/*LINEお友達紹介*/
.user_content__offer.line-friend {
    width: 100%;
    padding-top: 60px;
}
.user_content__offer.line-friend.line-friend-introduce {
    background: #fffef4;
    padding-top: 0 !important;
}
.user_content__offer.line-friend .user_content__offer_info_inner.mod-mt30 {
    margin-top: 0 !important;
}
.user_content__offer.line-friend .user_content__offer_info_inner.white-border-radius08 .offer_area_info {
    padding-top: 20px;
    margin-bottom: 20px;
}
.user_content__offer.line-friend .user_content__offer_info_inner.white-border-radius08 {
    margin-bottom: 20px;
}
.user_content__offer.line-friend .user_content__offer_info_inner.white-border-radius08 .offer_area_info form {
    width: 100%;
    max-width: calc(100% - 16px);
    margin: 0 auto 20px;
}
.btn_g-box-btn.custom02,
.btn_g-box-btn-line.custom02 {
    border: none;
    background: var(--accent-color01);
    color: #ffffff;
}
/*LINEお友達紹介_トップsticly menu*/
.user_content__offer.line-friend .user_content__offer_info_inner .sticky_menu {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding-top: 5px;
    position: fixed;
    bottom: 0px;
    z-index: 10;
    display: flex;
    flex-direction: column;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(224, 224, 224, 0.8);
}
.user_content__offer.line-friend .user_content__offer_info_inner .login_btn_area {
    width: 100%;
    max-width: 550px;
    margin: 20px auto 30px;
    display: flex;
    justify-content: space-between;
}
.user_content__offer.line-friend .user_content__offer_info_inner .login_btn_area button {
    max-width: calc(100% - 10px);
    margin: 0 5px;
}
.user_content__offer.line-friend .user_content__offer_info_inner .login_btn_area a {
    width: 100%;
}
.user_content__offer .user_content__offer_info_inner .offer_area_info .line-friend-img {
    width: 100%;
    max-width: 375px;
    margin: 0 auto;
    position: relative;
}
.user_content__offer .user_content__offer_info_inner .offer_area_info .line-friend-img.top {
    width: 100%;
    max-width: 100%;
}
.user_content__offer .user_content__offer_info_inner .offer_area_info .line-friend-img.top .sp-link {
    display: none;
}
.user_content__offer .user_content__offer_info_inner .offer_area_info .line-friend-img .none-active {
    font-weight: 500;
    font-size: 1.6rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    max-width: 280px;
    padding: 15px 0;
    margin: 0 auto;
    text-align: center;
    /*background: #E0E0E0;*/
    border-radius: 0.4rem;
    z-index: 1;
    text-shadow: #fff 2px 0 8px;
}
.user_content__offer .user_content__offer_info_inner .offer_area_info .line-friend-img img {
    width: 100%;
    object-fit: contain;
}
.user_content__offer .user_content__offer_info_inner .offer_area_info .line-friend-img img.white-filter {
    opacity: 0.3;
}
.user_content__offer .user_content__offer_info_inner .offer_area_info .line-friend-img.pc_hidden {
    display: none;
}
.user_content__offer .user_content__offer_info_inner .offer_area_info .offer_area_info_inner.line-info-inner {
    padding: 0 0 15px;
}

.user_content__offer .user_content__offer_info_inner .offer_area_info .offer_area_info_inner.line-info-inner p {
    width: 100%;
    max-width: calc(100% - 32px);
    margin: 0 auto;
}
.user_content__offer .user_content__offer_info_inner .offer_area_info .offer_area_info_inner.line-info-inner .offer-label-mark {
    width: 100%;
    max-width: calc(100% - 32px);
    margin: 0 auto;
    margin-top: 5px;
}
.user_content__offer .user_content__offer_info_inner .offer_area_info .offer_area_info_inner.line-info-inner .offer-label-mark.line {
    width: 100%;
    max-width: 100%;
}
.user_content__offer .user_content__offer_info_inner .offer_area_info .offer_area_info_inner.line-info-inner .offer-label-mark .label-mark {
    width: fit-content;
    padding: 5px;
    background: #E01111;
    color: #ffffff;
    border-radius: 0.3rem;
    font-size: 1.2rem;
    font-weight: 500;
    text-align: center;
    display: inline;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}
.user_content__offer .user_content__offer_info_inner .offer_area_info .offer_area_info_inner.line-info-inner .offer-point-name {
    margin: 5px 0 1px;
}
.user_content__offer.line-friend .user_content__offer_info_inner .offer_area_info_inner.line-info-inner p.patent {
    text-align: left;
    font-weight: 400;
    width: 100%;
    max-width: calc(100% - 32px);
    margin: 0 auto;
}
.user_content__offer.line-friend .user_content__offer_info_inner .offer_area_info_inner.line-info-inner .gray_area {
    width: 100%;
    max-width: 375px;
    padding: 10px 0;
    margin: 15px auto 10px;
    background: #F7F7F7;
}
.user_content__offer.line-friend .user_content__offer_info_inner .offer_area_info_inner.line-info-inner .gray_area p {
    font-size: 1.1rem;
    font-weight: 400;
    width: 100%;
    max-width: calc(100% - 32px);
    margin: 0 auto;
}
.user_content__offer.line-friend .user_content__offer_info_inner .offer_area_info_inner.line-info-inner .gray_area p.offer-reaction span {
    display: inline-block;
    margin-right: 7px;
}
.user_content__offer.line-friend .user_content__offer_info_inner .offer_area_info_inner.line-info-inner .sns-point-area {
    width: 100%;
    max-width: calc(100% - 32px);
    margin: 10px auto 5px;
    display: flex;
    justify-content: space-between;
}
.user_content__offer.line-friend .user_content__offer_info_inner .offer_area_info_inner.line-info-inner .sns-point-area .sns-point-box {
    width: 100%;
    max-width: calc(100% / 2 + 75px);
    margin: 0;
    display: flex;
    align-items: center;
}
.user_content__offer.line-friend .user_content__offer_info_inner .offer_area_info_inner.line-info-inner .sns-point-area .sns-point-box.fb {
    width: 100%;
    max-width: calc(100% / 2 - 75px);
}
.user_content__offer.line-friend .user_content__offer_info_inner .offer_area_info_inner.line-info-inner .sns-point-area .sns-point-box .ex-twitter::before,
.user_content__offer.line-friend .user_content__offer_info_inner .offer_area_info_inner.line-info-inner .sns-point-area .sns-point-box .i_facebook::before,
.user_content__offer.line-friend .user_content__offer_info_inner .offer_area_info_inner.line-info-inner .sns-point-area .sns-point-box .i_instagram::before,
.user_content__offer.line-friend .user_content__offer_info_inner .offer_area_info_inner.line-info-inner .sns-point-area .sns-point-box .i_line::before {
    position: relative;
    left: 0;
    top: initial;
    width: 24px;
    height: 24px;
    background-size: contain;
}
.user_content__offer.line-friend .user_content__offer_info_inner .offer_area_info_inner.line-info-inner .sns-point-area .sns-point-box .post,
.user_content__offer.line-friend .user_content__offer_info_inner .offer_area_info_inner.line-info-inner .sns-point-area .sns-point-box .reaction {
    margin: 0 2px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.user_content__offer.line-friend .user_content__offer_info_inner .offer_area_info_inner.line-info-inner .sns-point-area .sns-point-box .post {
    width: 100%;
    max-width: 200px;
}
.user_content__offer.line-friend .user_content__offer_info_inner .offer_area_info_inner.line-info-inner .sns-point-area .sns-point-box .reaction {
    width: 100%;
    max-width: 150px;
}
.user_content__offer.line-friend .user_content__offer_info_inner .offer_area_info_inner.line-info-inner .sns-point-area .sns-point-box .post p,
.user_content__offer.line-friend .user_content__offer_info_inner .offer_area_info_inner.line-info-inner .sns-point-area .sns-point-box .reaction p {
    font-size: 1.0rem;
    margin: 0;
    display: contents;
    width: fit-content;
}
.user_content__offer.line-friend .user_content__offer_info_inner .offer_area_info_inner.line-info-inner .sns-point-area .sns-point-box .post span,
.user_content__offer.line-friend .user_content__offer_info_inner .offer_area_info_inner.line-info-inner .sns-point-area .sns-point-box .reaction span {
    width: fit-content;
    font-size: 2.2rem;
    font-weight: 600;
    padding-left: 3px;
}
.user_content__offer.line-friend .user_content__offer_info_inner .offer_area_info_inner.line-info-inner .sns-point-area .sns-point-box .post span.first_post {
    width: 54px;
    font-size: 1.0rem;
    font-weight: 400;
    font-feature-settings: "palt";
}
/*オファー詳細ページ h3画像上版*/
.user_content__offer .user_content__offer_info_inner .offer_area_info h3.offer-label-mark {
    width: 100%;
    max-width: calc(375px - 16px);
    margin: 0 auto 10px;
    font-size: 1.8rem;
    line-height: initial;
    font-weight: 500;
    position: relative;
}
.user_content__offer.line-friend .user_content__offer_info_inner .offer_area_info_inner.line-info-inner h3 {
    width: 100%;
    max-width: calc(100% - 32px);
    margin: 35px auto 15px;
    font-size: 1.8rem;
    line-height: initial;
    font-weight: 500;
    position: relative;
}
.user_content__offer .user_content__offer_info_inner .offer_area_info h3.offer-label-mark .label,
.user_content__offer .user_content__offer_info_inner .offer_area_info h3.offer-label-mark .label-mark,
.user_content__offer.line-friend .user_content__offer_info_inner .offer_area_info_inner.line-info-inner h3 .label {
    position: absolute;
    top: -21px;
    left: 0;
    width: fit-content;
    padding: 1px 4px 2px;
    background: #E01111;
    color: #ffffff;
    border-radius: 0.3rem;
    font-size: 1.1rem;
    font-weight: 500;
    text-align: center;
    display: inline;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}
.user_content__offer .user_content__offer_info_inner .offer_area_info h3.offer-label-mark .label.in-label,
.user_content__offer .user_content__offer_info_inner .offer_area_info h3.offer-label-mark .label-mark {
    position: inherit;
    font-size: 1.6rem;
    top: inherit;
    left: initial;
}
.user_content__offer.line-friend .user_content__offer_info_inner .offer_area_info_inner.line-info-inner .line-detail-inner {
    width: 100%;
    padding: 15px 0;
    border-bottom: 1px solid #E0E0E0;
}
.user_content__offer.line-friend .user_content__offer_info_inner .offer_area_info_inner.line-info-inner .line-detail-inner.first {
    padding-top: 0;
}
.user_content__offer.line-friend .user_content__offer_info_inner .offer_area_info_inner.line-info-inner .line-detail-inner.last {
    border: none;
}
.user_content__offer.line-friend .user_content__offer_info_inner .offer_area_info_inner.line-info-inner .line-detail-inner.edit {
    padding-bottom: 0;
}
.user_content__offer.line-friend .user_content__offer_info_inner .offer_area_info_inner.line-info-inner .line-detail-inner h3 {
    width: 100%;
    max-width: calc(100% - 32px);
    margin: 0 auto;
    color: var(--accent-color01);
    font-size: 1.6rem;
    font-weight: 500;
}
.user_content__offer.line-friend .user_content__offer_info_inner .offer_area_info_inner.line-info-inner.top .line-detail-inner h3 {
    font-size: 2.6rem;
    color: var(--custom01_text);
}
.user_content__offer.line-friend .user_content__offer_info_inner .offer_area_info_inner.line-info-inner.top .line-detail-inner p {
    margin: 25px auto;
    font-size: 1.8rem;
}
.user_content__offer.line-friend .user_content__offer_info_inner .offer_area_info_inner.line-info-inner .line-detail-inner h3.offer-label-mark.line {
    width: 100%;
    max-width: calc(100% - 32px);
    margin: 0 auto;
    color: #333333;
    padding-top: 25px;
}
.user_content__offer.line-friend .user_content__offer_info_inner .offer_area_info_inner.line-info-inner .line-detail-inner p {
    width: 100%;
    max-width: calc(100% - 32px);
    margin: 0 auto;
    font-size: 1.4rem;
}
/*高さを打消し*/
.no-height {
    height: initial;
}
.no-max-height {
    min-height: calc(100vh - 90px);
}
.user_content__offer .user_content__offer_inner {
    width: fit-content;
    max-width: 1100px;
    margin: 0 auto 20px;
}
.user_content__offer .user_content__offer_inner.white-border-radius08 {
    padding: 40px 20px
}
.user_content__offer.white-border-radius08 .user_content__offer_inner {
    max-width: calc(100% - 32px);
}
.user_content__offer .user_content__offer_inner h3.point_change,
.user_content__offer .user_content__offer_inner h3.tieup_all {
    content: "";
    display: inline-block;
    background: url('../../img/tieup_ribbon.svg') no-repeat;
    background-size: contain;
    width: 192px;
    height: 41px;
    position: relative;

}
.user_content__offer .user_content__offer_inner h3.point_change::before,
.user_content__offer .user_content__offer_inner h3.tieup_all::before {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 192px;
    height: 41px;
    background: inherit;
    filter: invert(32%) sepia(66%) saturate(2697%) hue-rotate(351deg) brightness(92%) contrast(83%);
}
/*必要SNS*/
.user_content__offer .user_content__offer_join_inner p.need_sns {
    position: relative;
    font-weight: 500;
    margin: 10px auto;
    font-size: 2.0rem;
    width: 550px;
}
.user_content__offer .user_content__offer_join_inner p.need_sns::before {
    content: "";
    display: inline-block;
    background: url('/img/fan_premium/free.svg') no-repeat;
    background-size: contain;
    width: 51px;
    height: 51px;
    vertical-align: middle;
    margin-right: 10px;
}
.user_content__offer .user_content__offer_inner h3.ribon p {
    width: fit-content;
    padding: 0 6px;
    word-break: keep-all;
    color: #ffffff;
    font-size: 1.8rem;
    font-weight: 500;
}
/*バナー表示エリア追加*/
.user_content__offer .user_content__offer_inner .offer_list_inner {
    display: flex;
    justify-content: space-between;
}
.user_content__offer .user_content__offer_inner .offer_list_inner .offer_info_inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.user_content__offer .user_content__offer_inner .offer_list_inner.justify-content-center .offer_info_inner {
    padding-top: 40px;
}
.user_content__offer .user_content__offer_inner .offer_list_inner.justify-content-center .offer_info_inner h3 {
    margin-bottom: 15px;
}
.user_content__offer .user_content__offer_inner .offer_list_inner .offer_info_inner .title_area {
    display: flex;
    align-items: center;
}
.user_content__offer .user_content__offer_inner .offer_list_inner .offer_info_inner .title_area .tiup_all_h3,
.user_content__offer .user_content__offer_inner .offer_list_inner .offer_info_inner .title_area h3.point_change {
    margin-right: 15px;
    line-height: initial;
}
.user_content__offer .user_content__offer_inner .offer_list_inner .offer_info_inner .title_area h3.point_change {
    text-align: center;
}
.user_content__offer .user_content__offer_inner .offer_area_list .offer_area_list_inner ul.tieup_new_list li a:hover,
.user_content__offer .user_content__offer_inner .offer_area_list .offer_area_list_inner ul.tieup_new_list li a:active {
    color :#333333;
    opacity: 0.8;
}
.user_content__offer .user_content__offer_inner .offer_list_inner .offer_info_inner .title_area .f_cp_btn {
    margin-left: 10px;
}
.user_content__offer .user_content__offer_inner .offer_list_inner .banner_area {
    width: 300px;
}
.user_content__offer .user_content__offer_inner .offer_list_inner img.banner {
    width: 100%;
    object-fit: contain;
}
.reflection{
    display:inline-block;
    position:relative;
    overflow:hidden;
}
    
.reflection:after {
    content:"";
    height:100%;
    width:30px;
    position:absolute;
    top:-180px;
    left:0;
    background-color: #fff;
    opacity:0;
    -webkit-transform: rotate(45deg);
    -webkit-animation: reflection 5s ease-in-out infinite;
}
    
@keyframes reflection {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
.user_content__offer .user_content__offer_inner .top_text_area {
    width: 100%;
    max-width: 100%;
    margin: 20px auto 10px;
    padding-bottom: 10vh;
}

/*安心*/
.user_content__offer .user_content__offer_inner .safe_info_area {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
}
.user_content__offer .user_content__offer_inner .safe_info_area .safe_text_area p::before {
    content: "安心";
    font-size: 1.4rem;
    border-radius: 6px;
    border: 1px solid #C12A21;
    padding: 3px 5px;
    margin-right: 5px;
}
.user_content__offer .user_content__offer_inner .safe_info_area .safe_text_area p {
    color: #C12A21;
    font-size: 1.4rem;
    margin: 5px 0; 
}
.user_content__offer .user_content__offer_inner .safe_info_area .safe_text_area_info p {
    font-size: 1.2rem;
}

.user_content__offer .user_content__offer_inner .safe_info_area .safe_text_area_info p {
    font-size: 1.2rem;
}
.user_content__offer .user_content__offer_inner ul.tieup_new_list_2:has(> :nth-child(-n+3):last-child),
.user_content__offer .user_content__offer_inner ul.tieup_new_list_2:has(> :nth-child(-n+3):last-child) li {
    width: 100%;
    max-width: 443px;
}
.user_content__offer .user_content__offer_inner ul.tieup_new_list_2:has(> :nth-child(-n+3):last-child) li h3 {
    font-size: 1.6rem;
}
.user_content__offer .user_content__offer_inner ul.tieup_new_list_2:has(> :nth-child(-n+3):last-child) li h3 .label {
    top: -2px;
    font-size: 1.2rem;
}
.user_content__offer .user_content__offer_inner ul.tieup_new_list_2:has(> :nth-child(-n+3):last-child) li .tieup_new_list_title_text {
    height: 50px;
}
ul.tieup_new_list,
ul.tieup_new_list_2 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
ul.tieup_new_list_2 {
    margin-top: 15px;
}
ul.tieup_new_list li,
ul.tieup_new_list_2 li {
    width: 100%;
    max-width: calc(100% / 5 - 20px);
    margin: 10px;
    display: flex;
    flex-direction: column;
}
ul.tieup_new_list_2 li {
    max-width: calc(100% / 5 - 14px);
    margin: 7px;
    margin-bottom: 15px;
}
.user_content__offer .user_content__offer_inner .offer_area_list .offer_area_list_inner ul.tieup_new_list li a {
    width: 100%;
    max-width: 100%;
    border: none;
    margin: initial;
    padding: initial;
}
.tieup_new_list_img {
    width: 100%;
    position: relative;
}
.tieup_new_list_img img {
    width: 100%;
    min-height: inherit;
    border-radius: 5px;
    object-fit: cover;
    aspect-ratio: 4/3;
    height: inherit;
    background: transparent;
}
ul.tieup_new_list_2 li .tieup_new_list_img {
    position: relative;
}
ul.tieup_new_list_2 li .tieup_new_list_img img {
    border-radius: 0;
}
.tieup_new_list_img .offer_label_img {
    object-fit: contain;
    width: 60px;
    height: 60px;
    position: absolute;
    left: 0px;
}
/* ラベル部分 左上に表示 */
ul.tieup_new_list_2 li .tieup_new_list_img.offer-label-post::before {
    content: "";
    top: 0;
    left: 0;
    border-bottom: 4em solid transparent;
    border-left: 4em solid #000000;
    position: absolute;
    z-index: 1;
}
ul.tieup_new_list_2 li .tieup_new_list_img.offer-label-post::after {
    content: "投稿";
    display: block;
    font-size: 1.2rem;
    top: 9px;
    transform: rotate(-45deg);
    color: #fff;
    left: 6px;
    position: absolute;
    z-index: 1;
}
/*シェア*/
ul.tieup_new_list_2 li .tieup_new_list_img.offer-label-share::before {
    content: "";
    top: 0;
    left: 0;
    border-bottom: 4em solid transparent;
    border-left: 4em solid #000000;
    position: absolute;
    z-index: 1;
}
ul.tieup_new_list_2 li .tieup_new_list_img.offer-label-share::after {
    content: "シェア";
    font-size: 1.2rem;
    display: block;
    top: 10px;
    transform: rotate(-45deg);
    color: #fff;
    left: 3px;
    position: absolute;
    z-index: 1;
}
.tieup_sp_flex {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}
.tieup_new_list_text {
    width: 100%;
}
.tieup_new_list_title_text {
    width: 100%;
    height: 40px;
    margin: 5px 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.tieup_new_list_text h3 {
    font-size: 1.4rem;
    font-weight: 400;
    height: 48px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: inherit;
    margin-bottom: 0;
}
.tieup_new_list_title_text h3 {
    width: 100%;
    max-width:calc(100% - 8px);
    margin:0 auto;
    font-size: 1.4rem;
    font-weight: 400;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: inherit;
}
.tieup_new_list_title_text h3 .label {
    position: relative;
    top: -1px;
    left: 0;
    margin-right: 5px;
    width: fit-content;
    padding: 1px 4px 2px;
    background: #E01111;
    color: #ffffff;
    border-radius: 0.3rem;
    font-size: 1.0rem;
    font-weight: 500;
    text-align: center;
    display: inline;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}
.tieup_new_list_text p.post_brand {
    font-size: 1.2rem;
    color: #999999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 2px 0;
}
.tieup_new_list_text p.post_brand_empty {
    height: 23px;
}
.tieup_new_list_text .tieup_label {
    font-size: 1.0rem;
    font-weight: 500;
    color: #ffffff;
    background: #e01111;
    border-radius: 3px;
    width: fit-content;
    padding: 2px 4px;
    display: inline-block;
    vertical-align: text-bottom;
}
.tieup_new_list_point {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #EAF2F4;
    border-radius: 5px;
    padding: 7px 0;
    margin: 5px 0;
    line-height: initial;
}
.tieup_new_list_point .coin {
    position: relative;
    width: 100%;
    max-width: calc(100% - 30px);
    margin-left: 30px;
}
.tieup_new_list_point .coin::before {
    position: absolute;
    left: -25px;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    display: inline-block;
    width: 21px;
    height: 21px;
    background: url('../../img/icon/coin.svg') no-repeat;
    background-size: contain;
}
.tieup_new_list_point .coin .point_title {
    display: flex;
    font-size: 10px;
}
.tieup_new_list_point .coin .point_area {
    display: flex;
    align-items: center;
    font-size:10px;
    white-space: nowrap;
}
.tieup_new_list_point .coin .point_area p {
    padding-right: 5px;
    display: flex;
    align-items: center;
}
.tieup_new_list_point span.point {
    color: #3bd1b8;
    font-size: 1.8rem;
    font-weight: 600;
    margin-left: 4px;
}
/*高ポイント*/
.tieup_new_list_point span.point.high {
    color: #FF5A67;
}
.tieup_new_list_post {  
    width: 100%;
    height: 38px;
    margin-top: 5px;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #FF5A67;
    background: #ffffff;
    box-shadow: 0px 4px 8px -2px rgba(10,10,10,0.3);
    text-align: center;
}
.tieup_new_list_post p::before {
    content: "";
    display: inline-block;
    background: url('../../img/icon/a_mobile.svg') no-repeat;
    background-size: contain;
    width: 16px;
    height: 23px;
    position: absolute;
    left: -25px;
    top: 2px;
}
.tieup_new_list_post p {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FF5A67;
    padding-top: 2px;
    font-weight: 600;
    position: relative;
    width: fit-content;
    margin: 0 auto;
}
.tieup_new_snsicon_list {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.tieup_new_snsicon_list p {
    font-size: 1.2rem;
    margin-right: 5px;
    margin-top: 3px;
}
.tieup_new_snsicon_list .ex-twitter::before,
.tieup_new_snsicon_list .i_facebook::before,
.tieup_new_snsicon_list .i_instagram::before,
.tieup_new_snsicon_list .i_line::before {
    position: relative;
    left:0;
    top: initial;
    width: 19px;
    height: 19px;
    background-size: contain;
    margin-right: 0;
}
.tieup_new_list_post a {
    font-size: 1.4rem;
}

a:hover .tieup_new_list_post {
    opacity: 0.8;
}
@media screen and (max-width: 767px) {
    .content_wrap {
        padding-top: 60px;
    }
    i.cracker {
        top: -30px;
    }
    ul.tieup_new_list li,
    ul.tieup_new_list_2 li {
        width: 100%;
        max-width: 100%;
        margin: 2px 0;
        margin-bottom: 20px;
    }
    .sp_flex_area {
        display: flex;
        align-items: center;
    }
    ul.tieup_new_list_2 .tieup_new_list_img {
        width: 100%;
        max-width: 100%;
    }
    .tieup_new_list_img {
        width: 130px;
        max-width: 130px;
        margin-right: 10px;
    }
    ul.tieup_new_list_2 .tieup_new_list_img  img {
        width: 100%;
        min-height: inherit;
        border-radius: 5px;
        object-fit: contain;
        aspect-ratio: initial;
        height: inherit;
        background: transparent;
    }
    .tieup_new_list_text .tieup_label {
        font-size: 1.0rem;
        right: 2px;
    }
    .sp_flex_area {
        display: flex;
        align-items: center;
    }
    .tieup_sp_flex {
        width: 100%;
        max-width: calc(100% - 140px);
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
    }
    .tieup_new_list_text {
        width: 100%;
        margin-top: 0;
    }
    .tieup_new_list_text h3 {
        height: initial;
        min-height: 46px;
        font-size: 1.4rem;
        font-weight: 400;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        white-space: initial;
        margin-bottom: 0;
    }
    .tieup_new_list_text p.post_brand {
        font-size: 1.2rem;
        color: #999999;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin: 0px;
    }
    .tieup_new_list_point {
        width: 100%;
        display: flex;
        justify-content: center;
        background: #EAF2F4;
        border-radius: 5px;
        padding: 5px;
        margin-top: 5px;
    }
    .tieup_new_list_point p.coin {
        font-size: 1.0rem;
        display: flex;
        align-items: center;
    }
    .tieup_new_list_point p.coin::before {
        width: 20px;
        height: 20px;
    }
    .tieup_new_list_point span.point {
        font-size: 1.6rem;
    }
    .tieup_new_list_post {
        margin: 5px 0;
        padding: 0;
    }
    .tieup_new_list_post p {
        padding: 5px;
        font-size: 1.6rem;
    }
    .tieup_new_list_post p::before {
        top: 6px;
    }
    ul.tieup_new_list_2 li .tieup_new_list_post {
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    ul.tieup_new_list_2 li .tieup_new_list_post p {
        padding-top: 5px;
    }
    ul.tieup_new_list_2 li .tieup_new_list_post::before {
        width: 20px;
        height: 32px;
    }
}

/*タイアップ依頼一覧*/
.user_content__offer .user_content__offer_inner h3.tieup_all img,
.user_content__offer .user_content__offer_inner h3.point_change img {
    width: 140px;
    height: 30px;
    object-fit: contain;
    position: relative;
    top: 2px;
}
.user_content__offer .user_content__offer_inner h3.point_change img  {
    width: 140px;
}
.user_content__offer .user_content__offer_inner .i_point_coin {
    position: relative;
}

.user_content__offer .user_content__offer_inner .point_area_list .point_area_list_inner {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
}
.user_content__offer .user_content__offer_inner .point_area_list .point_area_list_inner a {
    list-style: none;
    width: 100%;
    max-width: calc(100% / 3 - 20px);
    margin-right: 20px;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    /* filter: drop-shadow(0px 2px 5px rgba(204, 204, 204, 0.6)); */
}
.user_content__offer .user_content__offer_inner .point_area_list .point_area_list_inner:has(> :nth-child(-n+3):last-child),
.user_content__offer .user_content__offer_inner .point_area_list .point_area_list_inner:has(> :nth-child(-n+3):last-child) a {
    width: 100%;
    max-width: 443px;
    margin: 30px auto 0;
}
.user_content__offer .user_content__offer_inner.white-border-radius08 .point_area_list .point_area_list_inner a {
    max-width: calc(100% - 32px);
    margin: 0 auto 30px;
}
.user_content__offer .user_content__offer_inner.white-border-radius08 .point_area_list .point_area_list_inner a .point_area .point_text h3 {
    font-size: 1.6rem;
    font-weight: 500;
}
.user_content__offer .user_content__offer_inner .point_area_list .point_area_list_inner a
.user_content__offer .user_content__offer_inner .point_area_list .point_area_list_inner a .point_area {
    position: relative;
}

.user_content__offer .user_content__offer_inner .point_area_list .point_area_list_inner a .point_area .img_area {
    width: 100%;
}
.user_content__offer .user_content__offer_inner .point_area_list .point_area_list_inner a .point_area.post_campaign_area .img_area {
    max-height: max-content;
}

.user_content__offer .user_content__offer_inner .point_area_list .point_area_list_inner a .point_area .point_text {
    padding: 5px 15px;
}

.user_content__offer .user_content__offer_inner .point_area_list .point_area_list_inner a .point_area .point_text p {
    width: 100%;
    margin: 5px 0;
    height: 40px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.user_content__offer .user_content__offer_inner .point_area_list .point_area_list_inner a .post_campaign_area .point_text p {
    -webkit-line-clamp: 3;
    height: 70px;
}

.user_content__offer .user_content__offer_inner .point_area_list .point_area_list_inner a .point_area .point_area {
    margin: 0 15px;
}

.user_content__offer .user_content__offer_inner .point_area_list .point_area_list_inner a .point_area .btn_area {
    margin: 10px 15px;
    display: flex;
    justify-content: flex-start;
}

.user_content__offer .user_content__offer_inner .point_area_list .point_area_list_inner a .post_campaign_area .btn_area {
    margin: 10px 15px;
    display: flex;
    justify-content: flex-start;
}
.user_content__offer .user_content__offer_inner .point_area_list .point_area_list_inner a .point_area .btn_area .btn_g-btn {
    width: 95px;
    line-height: 1;
}
/*comming soon*/
.user_content__offer .user_content__offer_inner .point_area_list .point_area_list_inner .commingsoon {
    width: 100%;
    max-width: 560px;
    margin: 0 auto;
}
.user_content__offer .user_content__offer_inner .point_area_list .point_area_list_inner .commingsoon .img-area {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    text-align: center;
}
.user_content__offer .user_content__offer_inner .point_area_list .point_area_list_inner .commingsoon .content {
    margin-top: 15px;
}
.user_content__offer .user_content__offer_inner .point_area_list .point_area_list_inner .commingsoon .content h4 {
    font-size: 3.2rem;
    text-align: center;
}
.user_content__offer .user_content__offer_inner .offer_area_list .offer_area_list_inner a .offer_area .offer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.user_content__offer .user_content__offer_inner .offer_area_list .offer_area_list_inner a .offer_area .offer .left_area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.user_content__offer .user_content__offer_inner .offer_area_list .offer_area_list_inner a .offer_area .offer .left_area .gray_area {
    background: #f8f8f8;
    border-radius: 5px;
    padding: 5px;
}

.user_content__offer .user_content__offer_inner .offer_area_list .offer_area_list_inner a .offer_area .offer .right_area {
    margin-top: 12px;
    position: absolute;
    left: calc(100% - 100px);
    bottom: 0;
}

.user_content__offer .user_content__offer_inner .offer_area_list .offer_area_list_inner a .offer_area .offer .right_area img.offer_img {
    width: 96px;
    height: 96px;
    -o-object-fit: cover;
    object-fit: cover;
}

.user_content__offer .user_content__offer_join_inner {
    width: 100%;
    max-width: calc(100% - 32px);
    margin: 0 auto;
}

.user_content__offer .user_content__offer_join_inner p.attention_text {
    width: 100%;
    max-width: 550px;
    margin: 0 auto;
    text-align: left;
    font-size: 1.5rem;
}

.user_content__offer .user_content__offer_join_inner .login_area {
    width: 100%;
    max-width: 550px;
    margin: 0 auto;
}

.user_content__offer .user_content__offer_join_inner .login_btn_area {
    width: 100%;
    max-width: 550px;
    margin: 20px auto 30px;
    display: flex;
    justify-content: space-between;
}

.user_content__offer .user_content__offer_join_inner .login_btn_area button {
    max-width: calc(100% - 10px);
    margin: 0 5px;
}

.user_content__offer .user_content__offer_join_inner .pc_center {
    text-align: center;
}

.user_content__offer_join_inner .join_btn .s-width-half {
    width: calc(50% - 25px) !important;
}
/*ログイン前、ポイント告知エリア*/
.adjust_text{
    letter-spacing: -0.1rem;
}
.user_content__offer .user_content__offer_join_inner .point_infomation{
    font-size: 2.7rem;
    font-weight: 600;
}
.user_content__offer .user_content__offer_join_inner .point_infomation p {
    width: 100%;
    position: relative;
    margin: 0 auto;
    padding-bottom: 5px;
}
.user_content__offer .user_content__offer_join_inner .point_infomation .point_text {
    color: #FF5A67;
}
/*未ログイン時のプレゼント一覧*/
.user_content__offer .user_content__offer_join_inner .present_info_area {
    width: 100%;
    max-width: 480px;
    background-position: top center;
    background-size: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

.user_content__offer .user_content__offer_join_inner .present_info_area .default_img_area,
.user_content__offer .user_content__offer_join_inner .present_info_area .gift_img_area {
    display: flex;
    align-items: center;
    justify-content: center;
}

.user_content__offer .user_content__offer_join_inner .present_info_area .default_img_area img {
    width: 60px;
    object-fit: contain;
}


/*STEP A*/
.user-content-wrap .step_area {
    width: 100%;
    max-width: 520px;
    margin: 0 auto;
    background: #F7F7F7;
    text-align: center;
    padding: 20px 0;
    margin-top: 20px;
    margin-bottom: 5vh;
}
.user-content-wrap .step_area .step_list .step.middle {
    width: 100%;
    max-width: calc(100% / 3 - 50px);
}
.user-content-wrap .step_area .step_list .step.middle img {
    width: 50px;
    position: relative;
}
.user-content-wrap .step_area .ribbon_area {
    content: "";
    display: inline-block;
    background: url('../../img/ribbon.svg') no-repeat;
    background-size: contain;
    width: 230px;
    height: 70px;
}
.user-content-wrap .step_area img.ribbon {
    position: relative;
    top: 11px;
    width: 90px;
    object-fit: contain;
}

.user-content-wrap .step_area .step_list {
    width: 100%;
    max-width: 512px;
    margin: 15px auto 0;
    display: flex;
}

.user-content-wrap .step_area .step_list .step {
    width: 100%;
    max-width: calc(100% / 3);
    margin: 0 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.user-content-wrap .step_area .step_list .step img {
    width: 50px;
    aspect-ratio: 3/2;
    object-fit: contain;
    margin-bottom: 5px;
}
.user-content-wrap .step_area .step_list .step .step_icon {
    position: relative;
}
.user-content-wrap .step_area .step_list .step .step_icon.step01::before {
    content: "";
    display: inline-block;
    background: url('../../img/step1.svg') #000000 no-repeat;
    background-size: 53%;
    background-position: center center;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    position: relative;
    left: 5px;
}
.user-content-wrap .step_area .step_list .step .step_icon.step02::before {
    content: "";
    display: inline-block;
    background: url('../../img/step2.svg') #000000 no-repeat;
    background-size: 53%;
    background-position: center center;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    position: relative;
    left: 10px;
}
.user-content-wrap .step_area .step_list .step .step_icon.step03::before {
    content: "";
    display: inline-block;
    background: url('../../img/step3.svg') #000000 no-repeat;
    background-size: 53%;
    background-position: center center;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    position: relative;
    left: 5px;
}
.user-content-wrap .step_area .step_list .step p {
    font-size: 1.6rem;
    color: #333333;
    font-weight: 600;
}

.user-content-wrap .step_area .step_list .step .content-color {
    color: var(--accent-color01);
}

/*STEP B*/
.user-content-wrap .step_area_b{
    width: 100%;
    max-width: 520px;
    margin: 0 auto;
    background: #ffffff;
    text-align: center;
    padding: 20px 0;
    margin-top: 20px;
}
.user-content-wrap .step_area_b .step_list .step.middle img {
    width: 44px;
    position: relative;
    top: 10px;
}
.user-content-wrap .step_area_b .ribbon_area {
    content: "";
    display: inline-block;
    background: url('../../img/step_b/fukidasi.svg') no-repeat;
    background-size: contain;
    width: 305px;
    height: 70px;
}
.user-content-wrap .step_area_b img.ribbon {
    position: relative;
    top: 16px;
    width: 230px;
    object-fit: contain;
    filter: invert(13%) sepia(70%) saturate(2825%) hue-rotate(198deg) brightness(91%) contrast(107%);
}

.user-content-wrap .step_area_b .step_list {
    width: 100%;
    max-width: 512px;
    margin: 15px auto 0;
    display: flex;
}

.user-content-wrap .step_area_b .step_list .step {
    width: 100%;
    max-width: calc(100% / 3);
    margin: 0 5px;
    padding-bottom: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #FDF9F2;
    border-radius: 0.3rem;
}
.user-content-wrap .step_area_b .step_list .step h4.step_h4 {
    position: relative;
    width: 73px;
    height: 30px;
}
.user-content-wrap .step_area_b .step_list .step h4.step_h4::before {
    content: "";
    display: inline-block;
    background: url('../../img/step_b/ribbon.svg') no-repeat;
    background-size: contain;
    filter: invert(36%) sepia(65%) saturate(1724%) hue-rotate(344deg) brightness(87%) contrast(93%);
    width: 122px;
    height: 39px;
    position: absolute;
    top: -17px;
    left: -21px;
}
.user-content-wrap .step_area_b .step_list .step h4.step_h4 img {
    width: 100%;
    object-fit: contain;
    filter: invert(93%) sepia(100%) saturate(1%) hue-rotate(218deg) brightness(107%) contrast(101%);
    position: relative;
    top: -7px;
}
.user-content-wrap .step_area_b .step_list .step01 img {
    width: 70px;
    object-fit: contain;
    margin-left: 15px;
    margin-top: 15px;
    filter: invert(10%) sepia(89%) saturate(6176%) hue-rotate(351deg) brightness(100%) contrast(97%);
}
.user-content-wrap .step_area_b .step_list .step02 img {
    width: 44px;
    object-fit: contain;
    filter: invert(10%) sepia(89%) saturate(6176%) hue-rotate(351deg) brightness(100%) contrast(97%);
    position: relative;
    top: 10px;
}
.user-content-wrap .step_area_b .step_list .step03 img {
    width: 70px;
    object-fit: contain;
    margin-top: 15px;
    filter: invert(10%) sepia(89%) saturate(6176%) hue-rotate(351deg) brightness(100%) contrast(97%);
}
.user-content-wrap .step_area_b .step_list .step p {
    font-size: 1.6rem;
    color: #333333;
    font-weight: 500;
    line-height: 2.0rem;
}

.user-content-wrap .step_area.step_b .step_list .step .content-color {
    color: var(--accent-color01);
}
/* /プレゼント一覧 */
.user_content__offer .user_content__offer_join_inner .present_info_area .text_area {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.user_content__offer .user_content__offer_join_inner .present_info_area .text_area h3 {
    text-align: center;
    font-size: 1.8rem;
}

.user_content__offer .user_content__offer_join_inner .present_info_area .text_area h3 p {
    text-align: center;
    color: #FF5A67;
    padding: 5px;
}

.user_content__offer .user_content__offer_join_inner .present_info_area .text_area h4 {
    position: relative;
    display: inline-block;
    width: fit-content;
    padding: 2px 5px;
    color: #000;
    font-size: 1.2rem;
    background: #c8f2ea;
}

.user_content__offer .user_content__offer_join_inner .present_info_area .text_area h4::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -6px;
    border: 6px solid transparent;
    border-left: 10px solid #c8f2ea;
}

.user_content__offer .user_content__offer_join_inner .present_info_area .text_area p {
    padding: 5px 0;
}

.user_content__offer .user_content__offer_join_inner .present_info_area .gift_img_area img {
    width: 100%;
    height: 120px;
    border-radius: 5px;
    object-fit: contain;
}

.user_content__offer .user_content__offer_join_inner .present_info_area h4 p {
    color: #333333;
    font-size: 1.2rem;
    text-align: center;
    margin: 0;
    padding: 0;
    font-weight: 400;
}

.user_content__offer .user_content__offer_join_inner .present_info_areabox .present_info_text{
    text-align: center;
    padding-bottom: 10px;
}
.user_content__offer .user_content__offer_join_inner .join_logo_area {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.user_content__offer .user_content__offer_join_inner .join_logo_area .logo_area_img {
    text-align: center;
    padding-top: 10px;
}

.user_content__offer .user_content__offer_join_inner .join_logo_area .logo_area_img img {
    width: 54px;
    height: 40px;
    -o-object-fit: scale-down;
    object-fit: scale-down;
}

.user_content__offer .user_content__offer_join_inner .gray_area {
    border-radius: 8px;
    background: #f8f8f8;
    padding: 20px 25px;
}

.user_content__offer .user_content__offer_join_inner .mail_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.user_content__offer .user_content__offer_join_inner .mail_area .mail_label {
    width: 20%;
}

.user_content__offer .user_content__offer_join_inner .mail_area .mail_input {
    width: 80%;
}

.user_content__offer .user_content__offer_edit_inner {
    width: 100%;
    max-width: 540px;
    margin: 0 auto;
    padding-bottom: 20px;
}
.user_content__offer .user_content__offer_edit_inner.white-border-radius08 {
    width: 100%;
    max-width: 540px;
    padding-bottom: initial;
    padding: 40px 20px;
    margin-bottom: 20px;
}
.user_content__offer .user_content__offer_edit_inner .user_edit.r_bg_white {
    border-radius: 8px;
    background: #ffffff;
    max-width: 560px;
}

.user_content__offer .user_content__offer_edit_inner .tie_up_inner {
    width: 100%;
    max-width: 350px;
    margin: 0 auto;
    padding: 20px 0;
}

.user_content__offer .user_content__offer_edit_inner .tie_up_inner h4.fukidashi {
    width: 180px;
    margin: 0 auto;
    margin-bottom: 10px;
    color: #ffffff;
    padding: 5px 0;
    text-align: center;
    font-size: 1.4rem;
    border-radius: 20px;
    line-height: 1;
    background: var(--default-color01);
    font-weight: 600;
    position: relative;
}

.user_content__offer .user_content__offer_edit_inner .tie_up_inner h4.fukidashi::after {
    content: "";
    position: absolute;
    border: 6px solid transparent;
    border-top: 6px solid var(--default-color01);
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
}

.user_content__offer .user_content__offer_edit_inner .tie_up_inner h3.under_line {
    width: 100%;
    text-align: center;
    padding-bottom: 5px;
    border-bottom: 1px solid var(--default-color01);
}
/*認証コード*/
.user_content__offer .user_content__offer_edit_inner i.title-icon {
    font-size: 3.6rem;
    padding-bottom: 10px;
    color: var(--accent-color01);
}
.user_content__offer .user_content__offer_edit_inner i {
    color: var(--accent-color01);
}
.user_content__offer .user_content__offer_edit_inner h3 {
    font-size: 2.2rem;
    font-weight: 500;
}
/*投稿完了*/
.user_content__offer .user_content__offer_edit_inner .tie_up_inner .thanks_img {
    position: relative;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    background: url("../../img/u/thanks_no_point.png") no-repeat;
    background-size: contain;
}
.user_content__offer .user_content__offer_edit_inner .tie_up_inner .thanks_img.point {
    width: 93px;
    height: 104px;
    background: url("../../img/u/thanks.png") no-repeat;
    background-size: contain;
}
/*お友達紹介完了*/
.user_content__offer .user_content__offer_edit_inner .tie_up_inner .thanks_img.line-introduce {
    background: none;
    height: auto;
    padding-bottom: 15px;
}
/*お知らせエリア*/
.present {
    display: inline-flex;
    background: #DA5F39;
    width: 100px;
    padding: 5px 8px;
    color: #ffffff;
    text-align: center;
    font-size: 1.0rem;
    font-weight: 600;
    border-radius: 20px;
    margin-right: 5px;
}

.i-gift {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url('../../img/icon/i-gift.svg') no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-right: 5px;
}

.campaign {
    display: inline-flex;
    background: #2983D1;
    width: 100px;
    padding: 5px 8px;
    color: #ffffff;
    text-align: center;
    font-size: 1.0rem;
    font-weight: 600;
    border-radius: 20px;
    margin-right: 5px;
}

.i-campaign {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url('../../img/icon/i-campaign.svg') no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-right: 5px;
}

.user_content__offer .user_content__offer_join_inner .present_info_area ul.info_list {
    display: flex;
    flex-direction: column;
    padding: 10px;
}

.user_content__offer .user_content__offer_join_inner .present_info_area ul.info_list li {
    display: flex;
    padding: 5px 0;
    align-items: center;
}

.user_content__offer .user_content__offer_join_inner .present_info_area ul.info_list li:last-child {
    border: none;
}

.user_content__offer .user_content__offer_join_inner .present_info_area li p {
    font-size: 1.3rem;
    width: 100%;
    max-width: calc(100% - 110px);
    margin-left: 5px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

/*写真投稿*/
.user_content__offer .user_content__offer_edit_inner .tie_up_inner .howto_phot {
    width: 100%;
    margin-top: 20px;
    border-radius: 5px;
    border: 1px solid #d30100;
    text-align: center;
}
.user_content__offer .user_content__offer_edit_inner .tie_up_inner .howto_phot h4 {
    font-size: 1.4rem;
    font-weight: 600;
    padding: 10px 0 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
}
.user_content__offer .user_content__offer_edit_inner .tie_up_inner .howto_phot img {
    width: 75px;
    margin-bottom: 20px;
}

.user_content__offer .user_content__offer_edit_inner .tie_up_inner .select_search-date {
    margin: 0 auto;
}

.user_content__offer .user_content__offer_edit_inner .tie_up_inner .read_only {
    width: 68%;
}

.user_content__offer .user_content__offer_edit_inner .tie_up_inner .ig_btn_area,
.user_content__offer .user_content__offer_edit_inner .tie_up_inner .ig_text_area {
    width: calc(100% - 20px);
    margin: 0 auto;
    text-align: center;
}

.user_content__offer .user_content__offer_edit_inner .tie_up_inner .ig_text_area p {
    position: relative;
    height: 45px;
}

.user_content__offer .user_content__offer_edit_inner .tie_up_inner .ig_text_area p span {
    position: absolute;
    left: 55px;
}

.user_content__offer .user_content__offer_edit_inner .slash::before {
    position: relative;
    display: inline-block;
    content: "";
    background: #000000;
    width: 1px;
    height: 1em;
    margin: 0 1em;
    margin-top: -0.2em;
    vertical-align: middle;
}

.user_content__offer .user_content__offer_edit_inner .slash::after {
    position: relative;
    display: inline-block;
    content: "";
    background: #000000;
    width: 1px;
    height: 1em;
    margin: 0 1em;
    margin-top: -0.2em;
    vertical-align: middle;
}

.user_content__offer .user_content__offer_edit_inner .agree_area {
    width: 100%;
    border: 1px solid #EFEFEF;
    border-radius: 8px;
    padding: 10px;
}

.user_content__offer .user_content__offer_edit_inner .gray_area {
    background: #f8f8f8;
    padding: 20px 10px;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.user_content__offer .user_content__offer_edit_inner .gray_area.inactive {
    background: transparent;
    padding: 0;
}
.user_content__offer .user_content__offer_edit_inner .gray_area .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.user_content__offer .user_content__offer_edit_inner .gray_area .ig_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.user_content__offer .user_content__offer_edit_inner .user_edit {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
}

.user_content__offer .user_content__offer_edit_inner .user_edit img {
    width: 88px;
    -o-object-fit: cover;
    object-fit: cover;
}
.user_content__offer .user_content__offer_edit_inner .user_edit img.line-join {
    width: 200px;
    margin: 15px auto;
}
/*インスタグラム*/
.user_content__offer .user_content__offer_edit_inner .user_edit .select_ig {
    width: 144px;
    height: 256px;
    margin-right: 5px;
    margin-bottom: 20px;
}

.user_content__offer .user_content__offer_edit_inner .user_edit .select_ig:last-child {
    margin-right: 0;
}

.user_content__offer .user_content__offer_edit_inner .user_edit .select_ig label {
    width: 100%;
}

.user_content__offer .user_content__offer_edit_inner .user_edit .select_ig img.ig_img_bold01,
.user_content__offer .user_content__offer_edit_inner .user_edit .select_ig img.ig_img_bold02,
.user_content__offer .user_content__offer_edit_inner .user_edit .select_ig img.ig_img_bold03 {
    width: 144px;
    height: 256px;
    object-fit: cover;
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.user_content__offer .user_content__offer_edit_inner .user_edit .select_ig img.ig_img_bold01.active,
.user_content__offer .user_content__offer_edit_inner .user_edit .select_ig img.ig_img_bold02.active,
.user_content__offer .user_content__offer_edit_inner .user_edit .select_ig img.ig_img_bold03.active {
    border: 2px solid var(--default-color01);
}

.user_content__offer .user_content__offer_edit_inner .tie_up_inner .thanks_img img {
    width: 93px;
    object-fit: scale-down;
}
.user_content__offer .user_content__offer_edit_inner .tie_up_inner .thanks_img.line img {
    width: 119px;
    object-fit: contain;
}
.user_content__offer .user_content__offer_edit_inner .user_edit .tie_up_inner .url_info_img img {
    width: 300px;
    object-fit: scale-down;
}

.user_content__offer .user_content__offer_edit_inner .user_edit h3 {
    position: relative;
}

.user_content__offer .user_content__offer_edit_inner .user_edit .step::after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 15px;
    background-color: var(--default-color01);
    position: absolute;
    top: 3px;
    margin: 0 5px;
}

.user_content__offer .user_content__offer_edit_inner .user_edit .agree_area,
.user_content__offer .user_content__offer_info_inner .easy_step_area .agree_area {
    border: 1px solid #cccccc;
    border-radius: 8px;
    padding: 10px;
}
.user_content__offer .user_content__offer_info_inner .easy_step_area .agree_area {
    width: 100%;
    max-width: 100%;
    padding: 25px 10px;
    margin: 0 auto;
    background: #ffffff;
    text-align: left;
}
.user_content__offer .user_content__offer_edit_inner .user_edit .agree_area ul.agree_list,
.user_content__offer .user_content__offer_info_inner .easy_step_area .agree_area ul.agree_list {
    list-style-position: inside;
    padding-left: 18px;
}

.user_content__offer .user_content__offer_edit_inner .user_edit .agree_area ul.agree_list li,
.user_content__offer .user_content__offer_info_inner .easy_step_area .agree_area ul.agree_list li {
    list-style: disc;
    padding-bottom: 20px;
}

.user_content__offer .user_content__offer_edit_inner .user_edit .agree_area ul.tag_list,
.user_content__offer .user_content__offer_info_inner .easy_step_area .agree_area ul.tag_list {
    list-style: none;
}
.user_content__offer .user_content__offer_edit_inner .user_edit .agree_area ul.tag_list li,
.user_content__offer .user_content__offer_info_inner .easy_step_area .agree_area ul.tag_list li {
    width: auto;
    display: table;
    font-size: 1.4rem;
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding: 1px 5px;
    margin: 2px;
}
.user_content__offer .user_content__offer_edit_inner .user_edit .joint_table {
    width: 100%;
    max-width: 400px;
}
.user_content__offer .user_content__offer_edit_inner .user_edit .joint_table tr:nth-child(2n) {
    border-bottom: 1px solid var(--bg-gray);
    padding-bottom: 5px;
    display: inline-block;
}
.user_content__offer .user_content__offer_edit_inner .user_edit .joint_table th {
    width: 70px;
    font-weight: 400;
    padding: 5px;
    font-size: 1.4rem;
    vertical-align: middle;
}
.user_content__offer .user_content__offer_edit_inner .user_edit .joint_table th i {
    font-size: 1.6rem;
}
.user_content__offer .user_content__offer_edit_inner .user_edit .joint_table td {
    padding: 5px 0 10px;
    width: 300px;
}

.user_content__offer .user_content__offer_edit_inner .user_edit .joint_table td .w_250 {
    width: 300px;
}

.user_content__offer .user_content__offer_info_inner {
    width: 100%;
    max-width: 400px;
    margin: 0 auto 20px;
}
.user_content__offer .user_content__offer_info_inner.line-top {
    width: 100%;
    max-width: 100%;
}
.user_content__offer .user_content__offer_info_inner .campaign_inner,
.user_content__pro_all .user_content__pro_all_inner .campaign_inner {
    width:100%;
    max-width: 400px;
    margin: 0 auto;
    padding: 20px 0;
}
.user_content__pro_all .user_content__pro_all_inner .campaign_inner .flex {
    justify-content: space-between;
}
.user_content__offer .user_content__offer_info_inner .campaign_inner .img_area,
.user_content__pro_all .user_content__pro_all_inner .campaign_inner .img_area {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 15px;
}
.user_content__pro_all .user_content__pro_all_inner .campaign_inner .img_area {
    width: 100%;
}
.user_content__offer .user_content__offer_info_inner .campaign_inner .img_area img,
.user_content__pro_all .user_content__pro_all_inner .campaign_inner .img_area img {
    width: 100%;
    aspect-ratio: 2/1;
    object-fit: cover;
}
.user_content__offer .user_content__offer_info_inner .point_area_info,
.user_content__offer .user_content__offer_info_inner .offer_area_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    /* -ms-flex-wrap: wrap;
    flex-wrap: wrap; */
    margin-bottom: 0;
    /* padding-bottom: 10vh; */
}

.user_content__offer .user_content__offer_info_inner .offer_area_info .offer_area_info_inner {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
}
.user_content__offer .user_content__offer_info_inner .offer_area_info .offer_area_info_inner.top {
    width: 100%;
    max-width: calc(860px - 60px);
    margin: 0 auto;
    padding: 60px;
    padding-bottom: 100px;
    background: #ffffff;
}
/*追加オファー詳細タイトル*/
.user_content__offer .user_content__offer_info_inner .offer_area_info .offer-midashi-area {
    width: 100%;
    max-width: calc(375px - 16px);
    margin: 10px auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.user_content__offer .user_content__offer_info_inner .offer_area_info .offer-midashi-area img {
    display: flex;
    align-items: center;
    width: 270px;
    object-fit: contain;
    filter: invert(42%) sepia(60%) saturate(2250%) hue-rotate(341deg) brightness(85%) contrast(100%);
}
.user_content__offer .user_content__offer_info_inner .offer_area_info .offer-midashi-area p {
    width: 100%;
    max-width: 220px;
    text-align: center;
    font-size: 1.8rem;
    font-weight: 500;
    color: #ffffff;
    position: absolute;
    left: 52%;
    transform: translateX(-50%);
    top: 7px;
}
.user_content__offer .user_content__offer_info_inner .point_area_info .point_area_info_inner {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
}

.user_content__offer .user_content__offer_info_inner .point_area_info .point_area_info_inner .img_area {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    margin-top: 15px;
}

.user_content__offer .user_content__offer_info_inner .point_area_info .point_area_info_inner .img_area img {
    width: 100%;
    max-width: 400px;
    max-height: 138px;
    object-fit: contain;
    object-position: top;
}

.user_content__offer .user_content__offer_info_inner .point_area_info .point_area_info_inner .info_area {
    width: 100%;
    margin: 0 auto 20px;
    display: flex;
    flex-direction: column;
}

.user_content__offer .user_content__offer_info_inner .point_area_info .point_area_info_inner .info_area .info_text {
    margin: 10px auto;
}

.user_content__offer .user_content__offer_info_inner .point_area_info .point_input_area {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    background: #f8f8f8;
    padding: 10px 20px;
}

.user_content__offer .user_content__offer_info_inner .point_area_info .point_input_area .name_area {
    padding: 10px;
}

.user_content__offer .user_content__offer_info_inner .point_area_info .present_coupon {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

.user_content__offer .user_content__offer_info_inner .point_area_info .present_coupon .present_coupon_inner {
    background: url('../../img/u/coupon_bg.png') no-repeat;
    background-size: cover;
    width: 400px;
    height: 184px;
    position: relative;
}

.user_content__offer .user_content__offer_info_inner .point_area_info .present_coupon .present_coupon_inner .coupon_code {
    margin: 20px auto;
    font-weight: 500;
    font-size: 2.4rem;
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
    letter-spacing: 0.3rem;
}

.user_content__offer .user_content__offer_info_inner .point_area_info .present_coupon .present_coupon_inner .coupon_info {
    position: absolute;
    top: 55%;
    left: 8%;
    width: 340px;
    color: #999999;
}

.user_content__offer .user_content__offer_info_inner .point_area_info .point_area_info_inner .btn_area {
    flex-direction: column;
}

/*ファンレベル ラジオボタン*/
.user_content__offer .user_content__offer_info_inner .easy_step_area.line #fan-level-area {
    margin-top: 0;
}
.user_content__offer .user_content__offer_info_inner .easy_step_area .fanlevel.disabled {
    color: #999999;
}
.user_content__offer .user_content__offer_info_inner .easy_step_area .fanlevel {
    width: 100%;
    max-width: 100%;
    margin: 15px auto 5px;
    display: flex;
    flex-wrap: wrap;
}

.user_content__offer .user_content__offer_info_inner .easy_step_area .fanlevel label {
    display: flex;
    align-items: center;
    gap: 0 .5em;
    position: relative;
    width: 100%;
    max-width: 100%;
    margin-bottom: .4em;
    padding: .5em .7em;
    border: 1px solid var(--default-color01);
    border-radius: 3px;
    background-color: #FCF5F0;
    cursor: pointer;
}
.user_content__offer .user_content__offer_info_inner .easy_step_area .fanlevel label p {
    width: 75px;
}
.user_content__offer .user_content__offer_info_inner .easy_step_area .fanlevel label.dai-fan i {
    filter: invert(68%) sepia(42%) saturate(456%) hue-rotate(319deg) brightness(88%) contrast(107%);
}
.user_content__offer .user_content__offer_info_inner .easy_step_area .fanlevel label.fan i {
    filter: invert(92%) sepia(11%) saturate(3762%) hue-rotate(315deg) brightness(109%) contrast(91%);
}
.user_content__offer .user_content__offer_info_inner .easy_step_area .fanlevel label.petit-fan i {
    filter: invert(76%) sepia(30%) saturate(512%) hue-rotate(119deg) brightness(91%) contrast(90%);
}
.user_content__offer .user_content__offer_info_inner .easy_step_area .fanlevel label.dai-fan:has(:checked) i,
.user_content__offer .user_content__offer_info_inner .easy_step_area .fanlevel label.fan:has(:checked) i,
.user_content__offer .user_content__offer_info_inner .easy_step_area .fanlevel label.petit-fan:has(:checked) i {
    filter: invert(100%) sepia(7%) saturate(7500%) hue-rotate(307deg) brightness(116%) contrast(119%);
}
.user_content__offer .user_content__offer_info_inner .easy_step_area .fanlevel label:has(:checked) {
    background-color: var(--default-color01);
    color: #fff;
}

.user_content__offer .user_content__offer_info_inner .easy_step_area .fanlevel label::before,
.user_content__offer .user_content__offer_info_inner .easy_step_area .fanlevel label:has(:checked)::after {
    border-radius: 50%;
    content: '';
}

.user_content__offer .user_content__offer_info_inner .easy_step_area .fanlevel label::before {
    width: 14px;
    height: 14px;
    background-color: #fff;
    border: 1px solid #BDBDBD;
}

.user_content__offer .user_content__offer_info_inner .easy_step_area .fanlevel label:has(:checked)::after {
    position: absolute;
    top: 50%;
    left: calc(8px + .7em);
    transform: translate(-50%, -50%);
    width: 7px;
    height: 7px;
    background-color: var(--default-color01);
}

.user_content__offer .user_content__offer_info_inner .easy_step_area .fanlevel input {
    display: none;
}
/* /プレゼント応募 */
.user_content__offer .user_content__offer_info_inner .offer_area_info .offer_area_info_inner .pc_hide {
    display: none;
}

.user_content__offer .user_content__offer_info_inner .offer_area_info .offer_area_info_inner .offer_area {
    width: 100%;
    margin-bottom: 30px;
    border: 1px solid #cccccc;
    padding: 15px;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.user_content__offer .user_content__offer_info_inner .offer_area_info .offer_area_info_inner .offer_area p.tieup_label {
    font-size: 1.3rem;
    text-align: center;
    font-weight: 600;
    color: #ffffff;
    border: 2px solid #ffffff;
    background: #e01111;
    border-radius: 5px;
    width: 100%;
    padding: 2px 5px;
    margin-top: 10px;
}
.user_content__offer .user_content__offer_info_inner .offer_area_info .offer_area_info_inner .offer_area.mb-5 {
    margin-bottom: 5px;
    min-height: 140px;
}

.user_content__offer .user_content__offer_info_inner .offer_area_info .offer_area_info_inner .offer_area .offer {
    min-height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: center;
}

.user_content__offer .user_content__offer_info_inner .offer_area_info .offer_area_info_inner .offer_area .offer .left_area {
    width: 100%;
    max-width: calc(100% - 120px);
    margin-right: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.user_content__offer .user_content__offer_info_inner .offer_area_info .offer_area_info_inner .offer_area .offer .left_area .gray_area {
    background: #f8f8f8;
    border-radius: 5px;
    padding: 5px;
    display: flex;
    align-items: center;
    position: relative;
}

.user_content__offer .user_content__offer_info_inner .offer_area_info .offer_area_info_inner .offer_area .offer .left_area .gray_area .i-gold {
    width: 100%;
    max-width: calc(100% - 30px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: 1.2rem;
    margin-left: 30px;
}

.user_content__offer .user_content__offer_info_inner .offer_area_info .offer_area_info_inner .offer_area .offer .left_area .gray_area .i-gold .point_area {
    display: flex;
    align-items: center;
    font-size: 1.0rem;
}

.user_content__offer .user_content__offer_info_inner .offer_area_info .offer_area_info_inner .offer_area .offer .left_area .gray_area .i-gold .point_area p {
    display: flex;
    align-items: center;
}
.user_content__offer .user_content__offer_info_inner .offer_area_info .offer_area_info_inner .offer_area .offer .left_area .gray_area .i-gold .point_area span.point {
    color: #3bd1b8;
}
.user_content__offer .user_content__offer_info_inner .offer_area_info .offer_area_info_inner .offer_area .offer .left_area .gray_area .i-gold .point_area span.point.high {
    color: #FF5A67;
}
.user_content__offer .user_content__offer_info_inner .offer_area_info .offer_area_info_inner .offer_area .offer .left_area .gray_area .i-gold::before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 8px;
}

.user_content__offer .user_content__offer_info_inner .offer_area_info .offer_area_info_inner .offer_area .offer .right_area {
    width: 110px;
    display: flex;
    position: relative;
}

.user_content__offer .user_content__offer_info_inner .offer_area_info .offer_area_info_inner .offer_area .offer .right_area .offer_label_img {
    object-fit: contain;
    width: 45px;
    height: 45px;
    position: relative;
    top: 0;
    /* right: 15px;*/
}

.user_content__offer .user_content__offer_info_inner .offer_area_info .offer_area_info_inner .offer_area .offer .right_area img.offer_img {
    position: absolute;
    top: 0;
    width: 100%;
    height: initial;
    object-fit: cover;
    aspect-ratio: 4/3;
    border-radius: 5px;
}

.offer_area_info_inner .tieup_offer {
    width: 100%;
    max-width: calc(100% - 24px);
    margin: 20px auto;
    padding: 15px 20px;
    border: 1px solid #E0E0E0;
    border-radius: 0.8rem;
}

.user_content__offer .user_content__offer_info_inner .offer_area_info .offer_area_info_inner p.patent {
    font-size: 1.2rem;
    margin-bottom: 10px;
    color: #FF5A67;
    font-weight: 600;
}
/*紹介対象ページ*/
.user_content__offer .user_content__offer_info_inner .introduce_page_area h3 {
    font-weight: 500;
}
.user_content__offer .user_content__offer_info_inner .info_url_area {
    width: 100%;
    height: 70px;
    display: flex;
}

.user_content__offer .user_content__offer_info_inner .info_url_area .logo_area {
    width: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
	padding-right: 10px;
}

.user_content__offer .user_content__offer_info_inner .info_url_area .logo_area img {
    width: 49px;
    height: 49px;
    object-fit: contain;
}

.user_content__offer .user_content__offer_info_inner .info_url_area .url_info_area {
    width: 320px;
    display: flex;
    flex-direction: column;
    position: relative;
}
.user_content__offer .user_content__offer_info_inner .info_url_area.line .logo_area {
    width: 72px;
    padding-right: 0;
    position: relative;
}
.user_content__offer .user_content__offer_info_inner .info_url_area.line .logo_area img {
    width: 100%;
    height: initial;
    aspect-ratio: 1/1;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}
.user_content__offer .user_content__offer_info_inner .info_url_area.line .url_info_area {
    width: 100%;
    max-width: calc(100% - 80px);
    text-align: left;
    line-height: initial;
}
.user_content__offer .user_content__offer_info_inner .info_url_area .url_info_area a {
    text-decoration: underline;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.user_content__offer .user_content__offer_info_inner .info_url_area .url_info_area p #link_site_title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
p.i-fan {
    margin: 0 20px;
}
.i-fan::before {
    content: "";
    display: inline-block;
    position: relative;
    width: 19px;
    height: 17px;
    background: url('../../img/icon/i_red_heart.svg') no-repeat;
    background-size: contain;
    margin-right: 5px;
    vertical-align: middle;
}
.i-fan-b {
    content: "";
    display: inline-block;
    position: relative;
    width: 19px;
    height: 17px;
    background: url('../../img/icon/i_black_heart.svg') no-repeat;
    background-size: contain;
    margin-right: 0;
    vertical-align: middle;
}
.i-attention2 {
    content: "";
    display: inline-block;
    position: relative;
    width: 18px;
    height: 16px;
    background: url('../../img/icon/i_attention.svg') no-repeat;
    background-size: contain;
    margin-right: 5px;
    vertical-align: middle;
    position: relative;
    bottom: 1px;
    filter: invert(28%) sepia(100%) saturate(1676%) hue-rotate(352deg) brightness(93%) contrast(81%);
}


/*かんたん2ステップでタイアップできます！*/
.user_content__offer .user_content__offer_info_inner .easy_step_area {
    width: 100%;
    max-width: calc(100% - 32px);
    margin: 0 auto;
    background: #F7F7F7;
    border-radius: 8px;
    text-align: center;
}
.user_content__offer .user_content__offer_info_inner .easy_step_area.line {
    text-align: left;
}
.user_content__offer .user_content__offer_info_inner .easy_step_area.line .inner_box {
    width: 100%;
    max-width: calc(100% - 32px);
    margin: 0 auto;
}
.user_content__offer .user_content__offer_info_inner .easy_step_area.line .border-line {
    width: 100%;
    margin: 15px 0;
    height: 1px;
    display: inline-block;
    background: #e0e0e0;
}
.user_content__offer .user_content__offer_info_inner .easy_step_area.line .inner_box .next-text {
    color: var(--accent-color01);
}
.user_content__offer .user_content__offer_info_inner .easy_step_area.line .inner_box h4 {
    font-size: 1.8rem;
    font-weight: 500;
    margin: 30px 0;
}
.user_content__offer .user_content__offer_info_inner .easy_step_area.line .inner_box #fan-level-area p.i-fan {
    margin: initial;
    margin-left: 0;
    text-align: left;
    font-weight: 500;
}
.user_content__offer .user_content__offer_info_inner .easy_step_area.line .inner_box #fan-level-area .select_search-date {
    width: 100% !important;
}
.user_content__offer .user_content__offer_info_inner .easy_step_area.line .inner_box #fan-level-area .select_search-date .select_box {
    padding-left: 15px;
}
.user_content__offer .user_content__offer_info_inner .easy_step_area .easy_step_h {
    background: var(--default-color01);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.user_content__offer .user_content__offer_info_inner .easy_step_area.line .easy_step_area_inner {
    width: 100%;
    max-width: calc(100% - 32px);
    margin:0 auto;
}
.user_content__offer .user_content__offer_info_inner .easy_step_area .easy_step_h h3 {
    color: #ffffff;
    font-weight: 600;
    font-size: 14px;
}
.user_content__offer .user_content__offer_info_inner .easy_step_area .easy_step_h h3 {
    font-weight: 500;
}
.user_content__offer .user_content__offer_info_inner .easy_step_area .s-width-full {
    width: 95% !important;
    margin: 0 auto;
}
.introduce_page_area {
    padding: 15px;
    background-color: #FFF;
    margin: 5px 0 15px;
    border-radius: 8px;
    -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
}
.user_content__offer .btn_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.user_content__offer .btn_area a:hover {
    opacity: 0.8;
    color: #ffffff;
}

.user_content__offer .btn_area .link-area {
    position: relative;
}
.user_content__offer .btn_area .link-area .l_arrow::before {
    top: 5px;
}
.user_content__offer .btn_area .link-area a:hover {
    color: var(--default-color01);
}

.user_content__offer .btn_area .link-area .under_line {
    border-bottom: 1px solid #000000;
}
.user_content__offer .btn_area .link-area .i-close::after {
    vertical-align: middle;
    left: 0;
    margin-right: 10px;
}
.user_content__offer .btn_area .btn_g-box-btn p,
.user_content__offer .btn_area a .btn_g-box-btn p {
    position: absolute;
    text-align: center;
    width: 80%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.user_content__offer .btn_area .btn_g-box-btn.s-width-half p {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.user_content__outcome {
    width: 100%;
}

.user_content__outcome .user_content__outcome_inner {
    width: 100%;
    max-width: calc(100% - 4%);
    margin: 0 auto;
}

.user_content__outcome .user_content__outcome_inner .gray_area {
    width: 100%;
    padding: 10px 20px;
    border-radius: 8px;
    background: #f8f8f8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.user_content__outcome .user_content__outcome_inner .gray_area .full_area {
    width: 100%;
    max-width: 100%;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.user_content__outcome .user_content__outcome_inner .gray_area .left_area {
    width: 100%;
    max-width: calc(100% / 2 - 20px);
    margin-left: 10px;
    margin-right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.user_content__outcome .user_content__outcome_inner .gray_area .right_area {
    width: 50%;
    max-width: calc(100% / 2 - 44px);
    margin-left: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.user_content__outcome .user_content__outcome_inner .b-item-area_outcome {
    width: 100%;
    max-width: 100%;
}

.user_content__outcome .user_content__outcome_inner .b-item-area_outcome .point_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.user_content__outcome .user_content__outcome_inner .b-item-area_outcome.width-all {
    width: 100%;
    border-bottom: 1px solid #EFEFEF;
}

.user_content__outcome .user_content__outcome_inner .b-item-area_outcome.width-all .point_area {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.user_content__outcome .user_content__outcome_inner .b-item-area_outcome.width-all .point_area .point {
    display: flex;
    width: 100%;
    max-width: 100%;
    margin: 0;
}

.user_content__outcome .user_content__outcome_inner .b-item-area_outcome .point_area .point {
    width: 100%;
    max-width: calc(100% / 2 - 40px);
    line-height: 25px;
    margin-left: 20px;
    margin-right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    border-bottom: 1px solid #EFEFEF;
}

.user_content__outcome .user_content__outcome_inner .b-item-area_outcome .point_area .point:nth-last-child(-n+2) {
    border: none;
}

.user_content__outcome .user_content__outcome_inner .b-item-area_outcome .point_area .point .date {
    position: relative;
    left: -16px;
    padding: 10px 0;
}

.user_content__outcome .user_content__outcome_inner .b-item-area_outcome .point_area .point .id {
    position: relative;
    left: -28px;
    padding: 10px 0;
}

.user_content__outcome .user_content__outcome_inner .b-item-area_outcome .point_area .point .event {
    position: relative;
    left: -23px;
    padding: 10px 0;
}

.user_content__outcome .user_content__outcome_inner .b-item-area_outcome .point_area .point .g-point {
    position: relative;
    left: 0;
    padding: 10px 0;
}

.user_content__outcome .user_content__outcome_inner .b-item-area_outcome .point_area .point .g-point .center {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding-top: 3px;
}

.user_content__outcome .user_content__outcome_inner .b-item-area_outcome .btn_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.user_content__outcome .user_content__outcome_inner .b-item-area_outcome .btn_area .link-area {
    position: relative;
}
/*タイアップ一覧検索*/
.user_content__outcome .user_content__outcome_inner .select_search-date {
    margin-top: 0;
}
.user_content__outcome .user_content__outcome_inner .submit-btn {
    width: 94px;
    height: 38px;
    border-radius: 0.5rem;
    margin-left: 10px;
    cursor: pointer;
}
.user_content__outcome .user_content__outcome_inner .submit-btn p {
    align-items: center;
    justify-content: center;
    line-height: 3;
    font-size: 1.3rem;
}
/*イベント管理*/
.user_content__outcome h3 {
    font-size: 2.4rem;
}
.user_content__outcome h3 i {
    margin-right: 15px;
    color: var(--accent-color01);
    font-size: 2.8rem;
}
/*table*/
table.user_conversion {
    width: 100%;
    max-width: 100%;
}

table.user_conversion th {
    padding: 10px 5px;
    font-weight: 400;
    background: #f8f8f8;
}

table.user_conversion th:first-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

table.user_conversion th:last-child {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

table.user_conversion td {
    border-bottom: 1px solid #EFEFEF;
    text-align: center;
    padding: 10px;
    position: relative;
}
table.user_conversion td.btn_area {
    position: relative;
    width: auto;
}

table.user_conversion td .btn_g-btn {
    line-height: 1.6rem;
    height: 28px;
    width: fit-content;
    padding: 5px 10px;
}

table.user_conversion td.btn_area p.center {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding-top: 5px;
}

table.user_conversion td.offer_title {
    text-align: left;
    width: 250px;
}
table.user_conversion td.offer_title p {
    width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
}
table.user_conversion td.firend_url p {
    width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
}
table.user_conversion td p.link-text {
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    font-size: 1.4rem;
}
table.user_conversion.line-friend td {
    width: 100%;
    max-width: calc(100% / 6);
}
table.user_conversion.line-friend td.first-td,
table.user_conversion.line-friend td.last-td {
    width: 100%;
    max-width: calc(100% / 3);
}
table.user_conversion.line-friend td.first-td p,
table.user_conversion.line-friend td.last-td p {
    text-align: left;
}
table.user_conversion td.friend_list p {
    padding: 0 5px;
}
/*タイアップ一覧 titleあり*/
.user_content__outcome h3.i-post {
    font-size: 2.4rem;
    font-weight: 500;
}
.user_content__outcome h3.i-post::before {
    width: 28px;
    height: 30px;
    margin-right: 10px;
    filter: var(--accent-color01-filter);
}
.include-title-wrap {
    justify-content: center;
}
.include-title-wrap:has(> :nth-child(4)) {
    justify-content: start;
}
.user_conversion.include-title {
    width: 100%;
    max-width: calc(100% / 3 - 20px);
    margin: 10px 0 50px;
    margin-right: 20px;
    border-radius: 0.8rem;
    background: #ffffff;
    box-shadow: 0px 0px 6px 3px rgb(175 175 175 / 20%);
}
.user_conversion.include-title:nth-child(3n) {
    margin-right: 0;
}
.user_conversion.include-title .title,
.user_conversion.include-title .label {
    width: 38%;
    text-align: left;
    border-radius: initial;
    background: transparent;
    border-bottom: 1px solid #EFEFEF;
    vertical-align: middle;
    background: #f8f8f8;
    position: relative;
}
.user_conversion.include-title .flex.title {
    width: 100%;
    background: transparent;
}
.user_conversion.include-title .title:nth-child,
.user_conversion.include-title .label:nth-child {
    border-bottom: none;
}
.user_conversion.include-title .title p,
.user_conversion.include-title .label p {
    width: 100%;
    max-width: calc(100% - 15%);
    margin-left: 15%;
    display: block;
    font-size: 1.5rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.user_conversion.include-title .title h3 {
    font-size: 1.8rem;
    padding: 10px;
}
.user_conversion.include-title .content,
.user_conversion.include-title .detail {
    width: 100%;
    max-width: calc(100% - 100px);
    text-align: left;
    vertical-align: middle;
    padding: 10px 15px;
    border-bottom: 1px solid #EFEFEF;
}
.user_conversion.include-title .content.url,
.user_conversion.include-title .detail.url {
    padding: 10px 0 10px 25px;
}
.user_conversion.include-title .content.tieup-title,
.user_conversion.include-title .detail.tieup-title {
    min-height: 70px;
    display: flex;
    align-items: center;
}
.user_conversion.include-title .content p,
.user_conversion.include-title .detail p {
    font-size: 1.5rem;
}
.user_conversion.include-title .content.tieup-title p,
.user_conversion.include-title .detail.tieup-title p {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.user_conversion.include-title .content p.link-text,
.user_conversion.include-title .detail p.link-text {
    width: 100%;
    max-width: calc(100% - 60px);
    white-space: normal;
    word-break: break-all;
    overflow: initial;
}
.user_conversion.include-title .content .btn_g-btn {
    background: #478CD0;
    line-height: 2;
}
.user_conversion.include-title .detail .button {
    display: inline-block;
    border-radius: 2.0rem;
    background: #478CD0;;
    width: 83px;
    height: 25px;
    margin-bottom: 4px;
}
.user_conversion.include-title .detail .button p {
    color: #ffffff;
    text-align: center;
}
table.user_conversion td .i_tiktok {
    width: 18px;
}
.user_content__pro_all {
    width: 100%;
}

.user_content__pro_all .user_content__pro_all_inner {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    margin-bottom: 10vh;
}
.user_content__pro_all .user_content__pro_all_inner h3 {
    font-size: 1.8rem;
    margin-top: 15px;
}
.user_content__pro_all .user_content__pro_all_inner.w_650 {
    max-width: 650px;
}

.user_content__pro_all .user_content__pro_all_inner.w_1100 {
    max-width: 1100px;
}

.user_content__pro_all .user_content__pro_all_inner .gray_area {
    width: 100%;
    padding: 10px 20px;
    border-radius: 8px;
    background: #f8f8f8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.user_content__pro_all .user_content__pro_all_inner .gray_area .left_area {
    width: 100%;
    max-width: calc(100% / 2 - 20px);
    margin-left: 10px;
    margin-right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.user_content__pro_all .user_content__pro_all_inner .gray_area .right_area {
    width: 50%;
    max-width: calc(100% / 2 - 44px);
    margin-left: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.user_content__pro_all .user_content__pro_all_inner .b-item-area_pro_all {
    width: 100%;
    max-width: 800px;
}

.user_content__pro_all .user_content__pro_all_inner .b-item-area_pro_all.w_1100 {
    max-width: 1100px;
}

.user_content__pro_all .user_content__pro_all_inner .b-item-area_pro_all .point_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.user_content__pro_all .user_content__pro_all_inner .b-item-area_pro_all .point_area .point {
    width: 100%;
    max-width: calc(100% / 2 - 40px);
    line-height: 25px;
    margin-left: 20px;
    margin-right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    border-bottom: 1px solid #EFEFEF;
}

.user_content__pro_all .user_content__pro_all_inner .b-item-area_pro_all .point_area .point:nth-last-child(-n+2) {
    border: none;
}

.user_content__pro_all .user_content__pro_all_inner .b-item-area_pro_all .point_area .point .date {
    position: relative;
    left: 15px;
    padding: 10px 0;
}

.user_content__pro_all .user_content__pro_all_inner .b-item-area_pro_all .point_area .point .offer_title {
    position: relative;
    left: 15px;
    padding: 10px 0;
    width: 70px;
    overflow: hidden;
}

.user_content__pro_all .user_content__pro_all_inner .b-item-area_pro_all .point_area .point .offer_title p.offer_title_text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user_content__pro_all .user_content__pro_all_inner .b-item-area_pro_all .point_area .point .id {
    position: relative;
    left: 0;
    padding: 10px 0;
}

.user_content__pro_all .user_content__pro_all_inner .b-item-area_pro_all .point_area .point .event {
    position: relative;
    left: -16px;
    padding: 10px 0;
}

.user_content__pro_all .user_content__pro_all_inner .b-item-area_pro_all .point_area .point .g-point {
    position: relative;
    left: 0;
    padding: 10px 0;
}

.user_content__pro_all .user_content__pro_all_inner .b-item-area_pro_all .point_area .point .g-point .center {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding-top: 3px;
}

.user_content__pro_all .user_content__pro_all_inner .b-item-area_pro_all .btn_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.user_content__pro_all .user_content__pro_all_inner .b-item-area_pro_all .btn_area .link-area {
    position: relative;
}

.business_user .business_user-table {
    width: 100%;
}

.business_user .business_user-table th {
    text-align: right;
    font-weight: 400;
    padding: 10px;
    /*width: 200px;*/
    width: 40%;
}

.business_user .business_user-table th.w_35 {
    width: 35%;
}

.business_user .business_user-table th.v_top {
    vertical-align: top;
}

.business_user .business_user-table td {
    padding: 10px;
}
.business_user .business_user-table td .sns_join_area {
    display: flex;
    justify-content: space-between;
}
.business_user .business_user-table td .sns_join_area .info_text {
    display: flex;
    align-items: center;
}
.business_user .business_user-table td .sns_join_area .info_text.tieup {
    display: flex;
    align-items: center;
}
.business_user .business_user-table td .join_sns {
    padding-top: 15px;
}
.business_user .business_user-table td .sp_sns_area {
    padding-top: 15px;
}
.business_user .business_user-table td .ig .join_sns {
    padding-top: 0;
    display: flex;
    flex-direction: column;
}
.business_user .business_user-table td p.sns_join_text {
    width: 100%;
    max-width: 300px;
    white-space: normal;
    position: relative;
    display: flex;
}
.business_user .business_user-table td p.sns_join_text.flex-text {
    width: 145px;
    margin-right: 5px;
}
.business_user .business_user-table td p.sns_join_text_all {
    width: 100%;
    max-width: 100%;
}
.business_user .business_user-table td p.sns_join_text_all span {
    margin-left: 25px;
}
.business_user .business_user-table td p.sns_join_text_ig {
    width: 100%;
    max-width: 350px;
    white-space: normal;
    position: relative;
}

.business_user .business_user-table td p.sns_join_text .sns_account {
    width: 100%;
    max-width: 300px;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
}

.business_user .business_user-table td p.follow {
    position: relative;
    margin-left: 20px;
}

.business_user .business_user-table td p.sns_join_text span {
    position: relative;
    display: inline-block;
    width: 350px;
    margin-left: 0;
}

.business_user .business_user-table td p.sns_join_text_ig span {
    position: relative;
    display: inline-block;
    width: 380px;
}

.business_user .business_user-table td p.sns_join_text a:link {
    text-decoration: underline;
}

.business_user .business_user-table td.pass_change {
    position: relative;
}
/*申請方法を動画で見る*/
.user_content__tab .b-item-area .movie-btn {
    width: 290px;
    background: transparent;
    border: none;
    box-shadow: initial;
}
.user_content__tab .b-item-area a .movie-btn {
    width: 100%;
    display: block;
    height: initial;
    letter-spacing: 0;
    margin-top: 15px;
}
.user_content__tab .b-item-area a .movie-btn p {
    width: fit-content;
    display: inline-block;    
    color: var(--accent-color01);
    font-weight: 500;
}
.user_content__tab .b-item-area .movie-btn p span {
    border-bottom: 1px solid var(--accent-color01);
}
.user_content__tab .b-item-area .movie-btn-text {
    color: var(--accent-color01);
    width: 100%;
    margin: 0 auto;
}
.line-table {
    width: 100%;
    max-width: calc(100% - 32px);
    margin: 0 auto;
    font-size: 1.2rem;
}
.line-table th {
    width: 30%;
    padding: 2px 5px;
    vertical-align: middle;
    font-weight: 400;
    font-size: 1.2rem;
    text-align: left;
}
.line-table td {
    width: 70%;
    margin-left: 10px;
    padding: 5px 0;
}
.business_user .btn_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.business_user .sns_btn_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: flex-start;
}
.business_user .link-area {
    position: relative;
}

/*お問い合わせ*/
table.inquiries {
    width: 100%;
}

table.inquiries th {
    text-align: left;
    width: 35%;
    padding: 10px;
}

table.inquiries th.v-top {
    vertical-align: top;
}

table.inquiries td {
    width: 65%;
    padding: 10px;
}

/*share*/
.sns-action {
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
}

.sns-action li a {
    width: 100%;
    border: solid 2px #fff;
    line-height: 1.0;
    padding: 15px 15px;
    display: inline-block;
    border-radius: 8px;
    text-align: center;
    font-weight: 700;
}

.sns-action li a.tw {
    /* border-color: #1D9BF0; */
    /* background: #1D9BF0; */
    background: #000000;
    color: #ffffff;
}

.sns-action li a.tw:hover {
    /* background: #fff; */
    /*color: #1D9BF0;*/
    /*border-color: #1D9BF0; */
    opacity: 0.8;
    color: #ffffff;
    border-color: #000000;
}
.sns-action li a.line {
    background: #06c152;
    color: #FFF;
}

.sns-action li a.line:hover {
    background: #06c152;
    color: #FFF;
    opacity: 0.8;
}
.sns-action li a.fb {
    background: #1877f2;
    color: #fff;
}
.sns-action li a.fb:hover {
    background: #1877f2;
    color: #fff;
    opacity: 0.8;
}
.login_fotter {
    width: 100%;
    border-top: 1px solid #EFEEED;
}

.login_fotter_inner {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 20px 0;
    text-align: center;
}

.login_fotter_inner nav {
    width: 100%;
}

.login_fotter_inner nav li {
    border-width: 0 1px;
    margin-left: -1px;
    margin-bottom: 20px;
    border-right: solid 1px #f2f5f7;
}

.login_fotter_inner nav li:last-child {
    border: none;
}

.login_fotter_inner nav ul.related-site-links {
    margin-top: 30px;
}

.login_fotter_inner .flex-center {
    display: flex;
    justify-content: space-around;
}

.login_fotter_inner nav li a {
    padding: 5px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.login_fotter_inner small {
    font-size: 1rem;
}
a.btn-jump-url {
    padding: 10px 15px;
    width: 185px;
    height: auto;
    border-radius: 30px;
    margin: 15px auto 0px;
    display: block;
}
a.btn-jump-url p {
    font-size: 1.3rem;
}
/*20250526*/
.user_content__offer .user_content__offer_info_inner.white-border-radius08,
.point_bg .user_content__offer .user_content__offer_inner.white-border-radius08,
.user_content__offer.gift_top .user_content__offer_info_inner.white-border-radius08 {
    width: 100%;
    max-width: 440px;
    /* margin-bottom: 0; */
}
.user_content__offer.gift_top .user_content__offer_info_inner.white-border-radius08 h3 {
    color: var(--accent-color01);
    font-weight: 500;
    font-size: 1.8rem;
}
.user_content__offer.gift_top .user_content__offer_info_inner.white-border-radius08 .info_area h3 {
    font-size: 1.6rem;
}
.user_content__offer.gift_top .user_content__offer_info_inner.white-border-radius08 .img_area {
    width: 100%;
    margin: 0 auto;
}
.user_content__offer.gift_top .user_content__offer_info_inner.white-border-radius08 .img_area img {
    aspect-ratio: 4/3;
}
/*20250529 追加*/
.user_content__offer .user_content__offer_info_inner.white-border-radius08 .point_area_info {
    width: 100%;
}
.user_content__offer .user_content__offer_info_inner.white-border-radius08 .point_area_info .point_area_info_inner {
    width: 100%;
    max-width: calc(100% - 32px);
    margin: 0 auto;
}
.user_content__offer .user_content__offer_info_inner.white-border-radius08 .point_area_info .point_area_info_inner .img_area_inner {
    margin-top: 15px;
}
.user_content__offer .user_content__offer_info_inner.white-border-radius08 .point_area_info .point_area_info_inner .point-label {
    margin-top: 15px;
}
.user_content__offer .user_content__offer_info_inner.white-border-radius08 .point_area_info .point_area_info_inner .img_area img {
    max-height: initial;
    max-width: 100%;
}
.user_content__offer .user_content__offer_info_inner .point_area_info .point_area_info_inner .img_area .img_area_inner {
    width: 100%;
    max-width: calc(100% - 60px);
    height: calc(100% - 100px);
    background: rgba(255,255,255,0.6);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
}
.user_content__offer .user_content__offer_info_inner .point_area_info .point_area_info_inner .img_area .img_area_inner h4 {
    width: 100%;
    max-width: calc(100% - 4%);
    word-break: break-all;
    text-align: center;
}
.user_content__offer .user_content__offer_info_inner .point_area_info .point_area_info_inner .img_area .img_area_inner h4 p {
    display: inline-block;
    font-weight: 900;
    color: var(--accent-color01);
    font-size: 2.8rem;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
/*20250530 プレゼント*/
.user_content__offer .user_content__offer_inner.white-border-radius08 .point_area_list .point_area_list_inner a {
    background: transparent;
    filter: initial;
}
.user_content__offer .user_content__offer_inner.white-border-radius08 .point_area_list .point_area_list_inner a .point_area .img_area_inner,
.user_content__offer .user_content__offer_inner.white-border-radius08 .point_area_list .point_area_list_inner a .point_area .point-label {
    margin-top: 5px;
}
.user_content__offer .user_content__offer_inner.white-border-radius08 .point_area_list .point_area_list_inner a .point_area .limit-area {
    margin-top: 15px;
}
.user_content__offer .user_content__offer_edit_inner.white-border-radius08 .present-input-complete .btn_area {
    width: 320px;
    margin: 0 auto;
}
.user_content__offer .user_content__offer_inner .i_point_coin {
    position: relative;
}
.user_content__offer .user_content__offer_inner .point_area_list .point_area_list_inner {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
}
.user_content__offer .user_content__offer_inner .point_area_list .point_area_list_inner a {
    list-style: none;
    width: 100%;
    max-width: calc(100% - 100px);
    margin: auto;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    position: relative;
}

.user_content__offer .user_content__offer_inner .point_area_list .point_area_list_inner a .point-label {
    display: inline-block;
    position: absolute;
    padding: 14px 0;
    left: -47px;
    top: 13px;
    width: 152px;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 7px;
    background: var(--accent-color01);
    color: #ffffff;
    letter-spacing: 0.05em;
    -webkit-transform: rotate(45deg);
    transform: rotate(-42deg);
}
.user_content__offer .user_content__offer_inner .point_area_list .point_area_list_inner a .point-label.used {
    background: #666666;
}
.user_content__offer .user_content__offer_inner .point_area_list .point_area_list_inner a .point_area-inner {
    width: 100%;
}
.user_content__offer .user_content__offer_inner .point_area_list .point_area_list_inner a .point_area .img_area {
    width: 100%;
    overflow: hidden;
    position: relative;
    box-shadow: 1px 2px 10px 0px rgba(0, 0, 0, 0.3);
}
.user_content__offer .user_content__offer_inner .point_area_list .point_area_list_inner a .point_area .img_area.used {
    box-shadow: none;
}
.user_content__offer .user_content__offer_inner .point_area_list .point_area_list_inner a .point_area .img_area img {
    width: 100%;
    object-fit: contain;
}
.user_content__offer .user_content__offer_inner .point_area_list .point_area_list_inner a .point_area .img_area .img_area_inner {
    width: 100%;
    max-width: calc(100% - 90px);
    height: calc(100% - 90px);
    background: rgba(255,255,255,0.6);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    align-items: center;
    justify-content: center;
}
.user_content__offer .user_content__offer_inner .point_area_list .point_area_list_inner a .point_area .img_area .img_area_inner h4 {
    width: 100%;
    max-width: 100%;
    word-break: break-all;
    text-align: center;
}
.user_content__offer .user_content__offer_inner .point_area_list .point_area_list_inner a .point_area .img_area .img_area_inner h4 p {
    display: inline-block;
    font-weight: 900;
    color: var(--accent-color01);
    font-size: 2.8rem;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
/*3行の場合*/
.user_content__offer .user_content__offer_inner .point_area_list .point_area_list_inner a .point_area .img_area .img_area_inner h4 p.three {
    line-height: normal;
}
.user_content__offer .user_content__offer_inner .point_area_list .point_area_list_inner a .point_area .point_text {
    padding: 5px 15px;
    margin-top: 15px;
}

.user_content__offer .user_content__offer_inner .point_area_list .point_area_list_inner a .point_area .point_text p {
    margin: 5px 0;
    height: 40px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.user_content__offer .user_content__offer_inner .point_area_list .point_area_list_inner a .point_area .point_area {
    margin: 0;
    background: var(--point-bg);
    border-radius: 0.5rem;
    padding: 5px;
    margin-bottom: 15px;
}

.user_content__offer .user_content__offer_inner .point_area_list .point_area_list_inner a .point_area .btn_area {
    margin: 10px 15px;
    display: flex;
    justify-content: flex-start;
}
.user_content__offer .user_content__offer_inner.white-border-radius08 .point_area_list .point_area_list_inner a .point_area .limit-area {
    display: flex;
    align-items: baseline;
}
.user_content__offer .user_content__offer_inner .point_area_list .point_area_list_inner a .point_area .limit-area i {
    color: var(--accent-color01);
    font-size: 2.0rem;
}
.user_content__offer .user_content__offer_inner .point_area_list .point_area_list_inner a .point_area .limit-area p {
    font-size: 1.4rem;
    margin-left: 10px;
}
/*20250530 追加*/
.user_content__offer.gift_top .user_content__offer_info_inner.white-border-radius08 i {
    color: var(--accent-color01);
}
.user_content__offer.gift_top .user_content__offer_info_inner.white-border-radius08 .point_area_info .point_area_info_inner .info_area {
    width: 100%;
    max-width: 400px;
}
.user_content__offer .user_content__offer_inner.white-border-radius08 .offer_list_inner.justify-content-center .offer_info_inner {
    padding-top: 0px;
}
/*抽選特典*/
.lottery-area {
    width: 100%;
    background: var(--point-bg);
    margin-top: 40px;
}
.lottery-area h3 {
    position: relative;
    /* width: 200px; */
    margin: 0 auto;
    top: -20px;
}
.lottery-area h3 p {
    font-size: 1.8rem;
    padding: 0 40px;
}
.lottery-area .lottery-area-inner {
    width: 100%;
    max-width: calc(100% - 32px);
    margin: 0 auto;
    padding-bottom: 20px;
}
.lottery-area .lottery-area-inner .lottery-area-img {
    width: 100%;
    margin-bottom: 15px;
}
.lottery-area .lottery-area-inner .lottery-area-img img {
    width: 100%;
    object-fit: contain;
}
.lottery-area .lottery-area-inner .lottery-area-content {
    width: 100%;
}
.lottery-area .lottery-area-inner .lottery-area-content.all {
    width: 100%;
}
.lottery-area .lottery-area-inner .lottery-area-content h4 {
    font-size: 1.8rem;
    line-height: 1.5;
    margin-bottom: 20px;
    white-space: pre-wrap;
    color: var(--default-color01);
    text-align: center;
}
.lottery-area .lottery-area-inner .lottery-area-content p {
    width: 100%;
    font-size: 1.4rem;
    white-space: pre-wrap;
    margin-top: 5px;
    text-align: left;
}
/*プロフィール*/
.user_content__tab h3.i-prof {
    font-size: 2.4rem;
}
.user_content__tab h3.i-prof::before {
    width: 28px;
    height: 39px;
    filter: var(--accent-color01-filter);
    margin-right: 15px;
}
/*プレゼント詳細ページ 3行以上*/
.user_content__offer .user_content__offer_info_inner .point_area_info .point_area_info_inner .img_area .img_area_inner h4 p.three {
    line-height: normal;
}
.user_content__offer .user_content__offer_info_inner .point_area_info .point_area_info_inner .img_area .point-label {
    display: inline-block;
    position: absolute;
    padding: 10px 0;
    left: -34px;
    top: -1px;
    width: 125px;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 7px;
    background: var(--accent-color01);
    color: #ffffff;
    letter-spacing: 0.05em;
    -webkit-transform: rotate(45deg);
    transform: rotate(-42deg);
}
.user_content__offer .user_content__offer_info_inner .point_area_info .point_area_info_inner .img_area .point-label.used {
    background: #666666;
}
.user_content__offer .user_content__offer_info_inner .point_area_info .point_area_info_inner .img_area img.winner {
    width: 64px;
    filter: invert(100%) sepia(0%) saturate(112%) hue-rotate(169deg) brightness(79%) contrast(96%);
}
.user_content__offer .user_content__offer_info_inner .point_area_info .point_area_info_inner .img_area img {
    width: 100%;
    object-fit: contain;
}
.user_content__offer .user_content__offer_info_inner .point_area_info .point_area_info_inner .info_area {
    width: 100%;
    margin: 0 auto 20px;
    display: flex;
    flex-direction: column;
}
.user_content__offer .user_content__offer_info_inner .point_area_info .point_area_info_inner .info_area h3 {
    font-size: 1.8rem;
    font-weight: 500;
}
.user_content__offer .user_content__offer_info_inner .point_area_info .point_area_info_inner .info_area .limit-area {
    display: flex;
    align-items: baseline;
    margin-top: 10px;
    margin-bottom: 10px;
}
.user_content__offer .user_content__offer_info_inner .point_area_info .point_area_info_inner .info_area .limit-area i {
    color: var(--accent-color01);
    font-size: 1.8rem;
    margin-right: 10px;
}
.user_content__offer .user_content__offer_info_inner .point_area_info .point_area_info_inner .info_area .info_text {
    margin: 15px 0 20px;
}
.user_content__offer .user_content__offer_info_inner .point_area_info .point_area_info_inner .info_area.coupon-code {
    width: 100%;
    padding: 25px 0;
    border-radius: 0.5rem;
}
.user_content__offer .user_content__offer_info_inner .point_area_info .point_area_info_inner .info_area.coupon-code .center {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.user_content__offer .user_content__offer_info_inner .point_area_info .point_input_area {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    background: #f8f8f8;
    padding: 10px 20px;
}
.user_content__offer .user_content__offer_info_inner .point_area_info .point_input_area .name_area {
    padding: 10px;
}
.user_content__offer .user_content__offer_info_inner .point_area_info .present_coupon {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}
.user_content__offer .user_content__offer_info_inner .point_area_info .present_coupon .present_coupon_inner {
    background: url('../../img/u/coupon_bg.png') no-repeat;
    background-size: cover;
    width: 400px;
    height: 184px;
    position: relative;
}
.user_content__offer .user_content__offer_info_inner .point_area_info .present_coupon .present_coupon_inner .coupon_code {
    margin: 20px auto;
    font-weight: 500;
    font-size: 2.4rem;
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
    letter-spacing: 0.3rem;
}
.user_content__offer .user_content__offer_info_inner .point_area_info .present_coupon .present_coupon_inner .coupon_info {
    position: absolute;
    top: 55%;
    left: 8%;
    width: 340px;
    color: #999999;
}
.user_content__offer .user_content__offer_info_inner .point_area_info .point_area_info_inner .btn_area {
    flex-direction: column;
}
/*プレゼント詳細ページ 3行以上*/
.user_content__offer .user_content__offer_info_inner .point_area_info .point_area_info_inner .img_area .img_area_inner h4 p.three {
    line-height: normal;
}
.user_content__offer .user_content__offer_info_inner .point_area_info .point_area_info_inner .img_area .point-label {
    display: inline-block;
    position: absolute;
    padding: 10px 0;
    left: -34px;
    top: -1px;
    width: 125px;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 7px;
    background: var(--accent-color01);
    color: #ffffff;
    letter-spacing: 0.05em;
    -webkit-transform: rotate(45deg);
    transform: rotate(-42deg);
}
.user_content__offer .user_content__offer_info_inner .point_area_info .point_area_info_inner .img_area .point-label.used {
    background: #666666;
}
.user_content__offer .user_content__offer_info_inner .point_area_info .point_area_info_inner .img_area img.winner {
    width: 64px;
    filter: invert(100%) sepia(0%) saturate(112%) hue-rotate(169deg) brightness(79%) contrast(96%);
}
.user_content__offer .user_content__offer_info_inner .point_area_info .point_area_info_inner .img_area img {
    width: 100%;
    object-fit: contain;
}
.user_content__offer .user_content__offer_info_inner .point_area_info .point_area_info_inner .info_area {
    width: 100%;
    margin: 0 auto 20px;
    display: flex;
    flex-direction: column;
}
.user_content__offer .user_content__offer_info_inner .point_area_info .point_area_info_inner .info_area h3 {
    font-size: 1.8rem;
    font-weight: 500;
}
.user_content__offer .user_content__offer_info_inner .point_area_info .point_area_info_inner .info_area .limit-area {
    display: flex;
    align-items: baseline;
    margin-top: 10px;
    margin-bottom: 10px;
}
.user_content__offer .user_content__offer_info_inner .point_area_info .point_area_info_inner .info_area.coupon-code {
    width: 100%;
    padding: 25px 0;
    border-radius: 0.5rem;
}
.user_content__offer .user_content__offer_info_inner .point_area_info .point_area_info_inner .info_area.coupon-code .center {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.user_content__offer .user_content__offer_info_inner .point_area_info .point_input_area {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    background: #f8f8f8;
    padding: 10px 20px;
}
.user_content__offer .user_content__offer_info_inner .point_area_info .point_input_area .name_area {
    padding: 10px;
}
.user_content__offer .user_content__offer_info_inner .point_area_info .present_coupon {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}
.user_content__offer .user_content__offer_info_inner .point_area_info .present_coupon .present_coupon_inner {
    background: url('../../img/u/coupon_bg.png') no-repeat;
    background-size: cover;
    width: 400px;
    height: 184px;
    position: relative;
}
.user_content__offer .user_content__offer_info_inner .point_area_info .present_coupon .present_coupon_inner .coupon_code {
    margin: 20px auto;
    font-weight: 500;
    font-size: 2.4rem;
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
    letter-spacing: 0.3rem;
}
.user_content__offer .user_content__offer_info_inner .point_area_info .present_coupon .present_coupon_inner .coupon_info {
    position: absolute;
    top: 55%;
    left: 8%;
    width: 340px;
    color: #999999;
}
.user_content__offer .user_content__offer_info_inner .point_area_info .point_area_info_inner .btn_area {
    flex-direction: column;
}

@media screen and (min-width: 1280px) {
    .user_content__outcome .user_content__outcome_inner {
        width: 100%;
        max-width: 1200px;
    }
}
@media screen and (max-width: 1024px) {
    .user_conversion.include-title {
    width: 100%;
    max-width: calc(100% / 2 - 20px);
    }
    .user_conversion.include-title:nth-child(3n) {
        margin-right: 20px;
    }
    .user_conversion.include-title:nth-child(2n) {
        margin-right: 0;
    }
}
@media screen and (max-width: 767px) {
    .easy_step_area select#input_external_id {
        width: 100%;
    }
    /* ラベル部分 左上に表示 */
    ul.tieup_new_list_2 li .tieup_new_list_img.offer-label-post::before {
        border-bottom: 5em solid transparent;
        border-left: 5em solid #000000;
    }
    ul.tieup_new_list_2 li .tieup_new_list_img.offer-label-post::after {
        top: 13px;
        left: 10px;
        font-size: 1.4rem;
    }
    /*シェア*/
    ul.tieup_new_list_2 li .tieup_new_list_img.offer-label-share::before {
        border-bottom: 5em solid transparent;
        border-left: 5em solid #000000;
    }
    ul.tieup_new_list_2 li .tieup_new_list_img.offer-label-share::after {
        top: 13px;
        left: 3px;
        font-size: 1.4rem;
    }
    .point_present_text p {
        width: 100%;
    }
    /*拡散・投稿icon*/
    .tieup_new_list_post::after {
        width: 35px;
        height: 35px;
        top: 5px;
    }
    .present_text::after {
        top: -40px;
        left: 40px;
        width: 90px;
        height: 67px;
    }
    .present_text p {
        width: 85px;
        font-size: 1.0rem;
        line-height: normal;
        top: -30px;
        left: -3px;
    }
    .present_text p::after {
        width: 44px;
        height: 46px;
        left: 60%;
    }
    .present_check::after {
        width: 98px;
        height: 95px;
        right: 0px;
        top: -60px;
    }
    .header {
        height: 60px;
    }

    .user-content-wrap {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .user_content__offer {
        padding-top: 30px;
    }
    .user_content__offer.gift_top {
        /* padding-top: 60px !important; */
    }

    /*ログイン前*/
    .user_content__offer .user_content__offer_join_inner p.need_sns {
        width: 100%;
        max-width: calc(100% - 32px);
        font-size: 1.6rem;
    }
    .user_content__offer_join_inner .present_item_area {
        margin: 20px auto;
    }
    .user_content__offer .user_content__offer_join_inner .point_infomation p {
        margin: 0;
    }
    .user_content__offer .user_content__offer_join_inner .step_img {
        margin: 20px auto;
    }
    .user_content__offer .user_content__offer_inner .offer_list_inner .banner_area {
        margin-left: 0;
    }
    .user_content__offer .user_content__offer_join_inner .point_infomation p{
        width: 100%;
        padding: 6px 10px 5px;
        line-height: 2.3rem;
    }
    .user-content-wrap .step_area {
        width: 100%;
        max-width: 100%;
        margin-bottom: 15px;
    }
    .user-content-wrap .step_area .step_list {
        width: 100%;
        max-width: 100%;
    }
    .user-content-wrap .step_area .step_list .step {
        margin: 0 5px;
    }
    .user-content-wrap .step_area .step_list .step.middle {
        width: 100%;
        max-width: calc(100% / 3 - 35px);
    }
    .user-content-wrap .step_area .step_list .step .step_icon.step01::before,
    .user-content-wrap .step_area .step_list .step .step_icon.step02::before,
    .user-content-wrap .step_area .step_list .step .step_icon.step03::before {
        width: 35px;
        height: 35px;
        top: -3px;
    }
    .user-content-wrap .step_area .step_list .step .step_icon.step02::before {
        top: -2px;
    }
    .user-content-wrap .step_area .step_list .step.middle img {
        top: 2px;
    }
    .user-content-wrap .step_area .step_list .step p {
        font-size: 1.2rem;
    }
    .point_infomation_area {
        width: 100%;
        max-width: 100%;
    }
    .user_content__offer .user_content__offer_join_inner .point_infomation {
        font-size: 1.8rem;
        margin-top: 7px;
    }
    .user_content__offer .user_content__offer_join_inner p.attention_text {
        width: 100%;
        max-width: calc(100% - 16px);
        font-size: 1.0rem;
    }
    .user-content-wrap .step_area_b {
        width: 100%;
        max-width: 100%;
    }
    .user-content-wrap .step_area_b .ribbon_area {
        width: 200px;
        height: 65px;
    }
    .user-content-wrap .step_area_b img.ribbon {
        top: 14px;
    }
    /*ログイン時*/
    /*SP版テーブル*/
    table.entry-table.sp-entry-table tr {
        display: flex;
        flex-direction: column;
        border: none;
    }

    table.entry-table.sp-entry-table th {
        color: #333333;
    }

    .user_content__offer.offer_top {
        margin-top: 0;
    }

    /*プロフィール入力画面*/
    .user_content__tab {
        margin-top: 30px;
    }
    .user_content__offer .user_content__offer_edit_inner .user_edit .joint_table td {
        width: 250px;
    }

    .user_content__offer .user_content__offer_edit_inner .user_edit .joint_table td .w_250 {
        width: 250px;
    }
    .user_content__tab, .user_content__pro_all, .user_content__outcome, .user_content__term {
        margin-top: 30px;
    }
    .user_content__tab, .user_content__pro_all,
    .user_content__outcome, .user_content__term, .point_area_info {
        max-width: calc(100% - 32px);
        padding: 30px 16px 0;
        margin-bottom: 80px;
    }
    .user_content__tab h3,
    .user_content__pro_all h3,
    .user_content__outcome h3,
    .user_content__term h3 {
        font-size: 2.0rem;
    }
    .user_content__tab h3 i,
    .user_content__pro_all h3 i,
    .user_content__outcome h3 i,
    .user_content__term h3 i {
        font-size: 3.0rem;
    }
    .user_content__term .pass-ok {
        padding-bottom: 30px;
    }
    /*タブメニュー*/
    .user_content__tab .pro_menu_list {
        width: 100%;
        max-width: 336px;
        margin: 0 auto;
        border-radius: 8px;
        border: 1px solid var(--default-color01);
        background: #ffffff;
        -webkit-box-shadow: 0px 4px 5px -2px rgba(175, 175, 175, 0.15);
        box-shadow: 0px 4px 5px -2px rgba(175, 175, 175, 0.15);
    }

    .user_content__tab .pro_menu_list .pro_menu_list_inner {
        width: 100%;
        max-width: 800px;
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .user_content__tab .pro_menu_list .pro_menu_list_inner li {
        width: 50%;
        position: relative;
    }

    .user_content__tab .pro_menu_list .pro_menu_list_inner li p {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .user_content__tab .pro_menu_list .pro_menu_list_inner .tab-list {
        display: block;
        width: 100%;
        padding: 20px 10px 5px;
        text-align: center;
        cursor: pointer;
        /*オンマウス時にカーソルを指の形に*/
        color: var(--default-color01);
        font-weight: 600;
    }

    .user_content__tab .pro_menu_list .pro_menu_list_inner .tab-list:hover,
    .user_content__tab .pro_menu_list .pro_menu_list_inner .tab-list.now {
        color: var(--default-color01);
        font-weight: 600;
    }

    .user_content__tab .pro_menu_list .pro_menu_list_inner .tab-list:hover a,
    .user_content__tab .pro_menu_list .pro_menu_list_inner .tab-list.now a {
        color: var(--default-color01);
        font-weight: 600;
    }

    .user_content__tab .tab_area {
        width: 100%;
    }

    .user_content__tab .tab_area .tab-btn {
        display: none;
    }

    .user_content__tab .tab_area .tab-list1.now {
        background: var(--default-color01);
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
        color: #ffffff;
        font-weight: 600;
    }

    .user_content__tab .tab_area .tab-list2.now {
        background: var(--default-color01);
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
        color: #ffffff;
        font-weight: 600;
    }

    .user_content__tab .tab_area .tab-content {
        width: 100%;
        margin: 20px auto;
    }

    .user_content__tab .tab_area .tab-content-wrap {
        width: 100%;
        max-width: 800px;
        margin: 0 auto;
    }

    .user_content__tab .tab_area .tab-content-wrap .tab-content .gray_area {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background: #f8f8f8;
        border-radius: 8px;
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }

    .user_content__tab .tab_area .tab-content-wrap .tab-content .gray_area .center_area {
        text-align: center;
        padding: 15px 0;
        margin: 0 auto;
    }

    .user_content__tab .tab_area .tab-content-wrap .tab-content .gray_area .left_area,
    .user_content__tab .tab_area .tab-content-wrap .tab-content .gray_area .right_area {
        width: 100%;
        text-align: center;
        position: relative;
        padding: 15px 0;
        border-bottom: 1px solid #EFEFEF;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    .user_content__offer_join_inner .present_item_area,
    .user_content__offer_inner .present_item_area {
        width: 100%;
        max-width: 100%;
    }
    .user_content__offer_inner .present_item_area {
        margin-bottom: 15px;
    }
    .user_content__offer .user_content__offer_info_inner .point_area_info,
    .user_content__offer .user_content__offer_info_inner .offer_area_info {
        margin-bottom: 0;
    }
    /*プレゼント応募*/
    .user_content__offer .user_content__offer_inner .point_area_list {
        padding-bottom: 5vh;
        margin-top: 15px;
        max-width: 380px;
        margin: 0 auto;
    }

    .user_content__offer .user_content__offer_inner .point_area_list .point_area_list_inner a {
        max-width: 100%;
        margin-right: initial;
        margin-bottom: 30px;
    }
    .user_content__offer .user_content__offer_inner .point_area_list .point_area_list_inner:has(> :nth-child(-n+3):last-child),
    .user_content__offer .user_content__offer_inner .point_area_list .point_area_list_inner:has(> :nth-child(-n+3):last-child) a {
        width: 100%;
        max-width: 100%;
    }
    .user_content__offer .user_content__offer_info_inner .point_area_info .point_area_info_inner {
        flex-direction: column;
    }

    .user_content__offer .user_content__offer_info_inner .point_area_info .point_area_info_inner .img_area {
        margin-left: initial;
        margin: 0 auto;
    }
    .user_content__offer .user_content__offer_info_inner .point_area_info .point_area_info_inner .img_area .img_area_inner {
        max-width: calc(100% - 30px);
    }
    .user_content__offer .user_content__offer_info_inner .point_area_info .point_area_info_inner .img_area .img_area_inner h4 p {
        font-size: 2.6rem;
    }
    .user_content__offer .user_content__offer_info_inner .point_area_info .point_area_info_inner .img_area img {
        /*height: initial;*/
    }
    .user_content__offer .user_content__offer_inner.white-border-radius08 .point_area_list .point_area_list_inner a .point_area .point_text h3 {
        font-size: 1.5rem;
    }
    /* /プレゼント応募 */
    .user_content__tab .tab_area .tab-content-wrap .tab-content .gray_area .left_area label,
    .user_content__tab .tab_area .tab-content-wrap .tab-content .gray_area .right_area label {
        width: 50%;
        text-align: left;
        margin-left: 20px;
    }

    .user_content__tab .tab_area .tab-content-wrap .tab-content .gray_area .left_area label:last-child,
    .user_content__tab .tab_area .tab-content-wrap .tab-content .gray_area .right_area label:last-child {
        text-align: right;
        margin-right: 20px;
    }

    .user_content__tab .tab_area .tab-content-wrap .tab-content .gray_area .right_area {
        border-bottom: none;
    }

    .user_content__tab .tab_area .tab-content-wrap .tab-content .gray_area .left_area::after {
        display: none;
    }

    .user_content__tab .tab_area .tab-content-wrap .b-item-area,
    .user_content__tab .tab_area .tab-content-wrap .b-item-area_point {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }

    .user_content__tab .tab_area .tab-content-wrap .b-item-area_point .point_area {
        width: 100%;
        max-width: calc(100% - 32px);
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .user_content__tab .tab_area .tab-content-wrap .b-item-area_point .point_area .point {
        width: 100%;
        padding: 10px 0;
        border-bottom: 1px solid #EFEFEF;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-right: 0;
    }

    .user_content__tab .tab_area .tab-content-wrap .b-item-area_point .point_area .point div {
        width: 100%;
        max-width: calc(100% / 2);
        margin: 0 auto;
    }

    .user_content__tab .tab_area .tab-content-wrap .b-item-area_point .point_area .point .p_right {
        text-align: initial;
        max-width: calc(100% / 5);
    }

    .user_content__tab .tab_area .tab-content-wrap .b-item-area_point .point_area .point:last-child {
        border: none;
    }

    .user_content__tab .tab_area .tab-content-wrap .b-item-area_point .btn_area {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .user_content__tab .tab_area .tab-content-wrap .b-item-area_point .btn_area .link-area {
        position: relative;
    }

    .user_content__tab .tab_area .tab-content-wrap .business_user {
        width: 100%;
        max-width: 100%;
    }

    .user_content__outcome {
        width: 100%;
        padding-top: 30px;
        padding-bottom: 15px;
    }

    .user_content__outcome .user_content__outcome_inner {
        width: 100%;
        max-width: calc(100% - 32px);
        margin: 0 auto;
    }

    .user_content__outcome .user_content__outcome_inner .gray_area {
        padding: 10px;
    }

    .user_content__outcome .user_content__outcome_inner .gray_area .left_area {
        width: 100%;
        max-width: calc(100%);
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .user_content__outcome .user_content__outcome_inner .gray_area .right_area {
        display: none;
    }

    .user_content__outcome .user_content__outcome_inner .b-item-area_outcome {
        width: 100%;
        max-width: calc(100%);
    }

    .user_content__outcome .user_content__outcome_inner .b-item-area_outcome .point_area {
        width: 100%;
        max-width: calc(100% - 32px);
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .user_content__outcome .user_content__outcome_inner .b-item-area_outcome .point_area .point {
        width: 100%;
        max-width: calc(100%);
        line-height: 25px;
        margin-left: 0;
        margin-right: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        border-bottom: 1px solid #EFEFEF;
    }

    .user_content__outcome .user_content__outcome_inner .b-item-area_outcome .point_area .point .date {
        left: -10px;
    }

    .user_content__outcome .user_content__outcome_inner .b-item-area_outcome .point_area .point .id {
        left: -37px;
    }

    .user_content__outcome .user_content__outcome_inner .b-item-area_outcome .point_area .point .event {
        left: -37px;
    }

    .user_content__outcome .user_content__outcome_inner .b-item-area_outcome .point_area .point .g-point {
        left: 0;
    }

    .user_content__outcome .user_content__outcome_inner .b-item-area_outcome .btn_area {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .user_content__pro_all .user_content__pro_all_inner .campaign_inner,
    .user_content__offer .user_content__offer_info_inner .campaign_inner {
        width: 100%;
        max-width: calc(100% - 40px);
    }

    .user_content__outcome .user_content__outcome_inner .b-item-area_outcome .btn_area .link-area {
        position: relative;
    }

    .user_content__pro_all {
        width: 100%;
        max-width: calc(100% - 32px);
        margin-bottom: 70px;
    }
    .user_content__pro_all.complete-small,
        .user_content__pro_all.small {
        width: 100%;
        max-width: calc(100% - 32px);
        padding-bottom: 20px;
    }
    .user_content__pro_all .user_content__pro_all_inner.w_1100 {
        width: 100%;
        max-width: calc(100% - 32px);
        margin: 0 auto;
    }
    .user_content__pro_all .user_content__pro_all_inner {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }
    .user_content__pro_all .user_content__pro_all_inner .gray_area {
        padding: 10px;
    }

    .user_content__pro_all .user_content__pro_all_inner .gray_area .left_area {
        width: 100%;
        max-width: calc(100%);
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .user_content__pro_all .user_content__pro_all_inner .gray_area .right_area {
        display: none;
    }

    .user_content__pro_all .user_content__pro_all_inner .b-item-area_pro_all {
        width: 100%;
        max-width: calc(100%);
    }

    .user_content__pro_all .user_content__pro_all_inner .b-item-area_pro_all .point_area {
        width: 100%;
        max-width: calc(100% - 32px);
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .user_content__pro_all .user_content__pro_all_inner .b-item-area_pro_all .point_area .point {
        width: 100%;
        max-width: calc(100%);
        line-height: 25px;
        margin-left: 0;
        margin-right: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
        border-bottom: 1px solid #EFEFEF;
    }

    .user_content__pro_all .user_content__pro_all_inner .b-item-area_pro_all .point_area .point .date {
        left: -22px;
    }

    .user_content__pro_all .user_content__pro_all_inner .b-item-area_pro_all .point_area .point .id {
        left: -11px;
    }

    .user_content__pro_all .user_content__pro_all_inner .b-item-area_pro_all .point_area .point .event {
        left: -22px;
    }

    .user_content__pro_all .user_content__pro_all_inner .b-item-area_pro_all .point_area .point .g-point {
        left: 0;
    }

    .user_content__pro_all .user_content__pro_all_inner .b-item-area_pro_all .btn_area {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-bottom: 15px;
    }

    .user_content__pro_all .user_content__pro_all_inner .b-item-area_pro_all .btn_area .link-area {
        position: relative;
    }

    .user_content__offer {
        width: 100%;
        /*height: 100vh;*/
        padding-bottom: 70px;
    }
    .user_content__offer.white-border-radius08 {
        width: 100%;
        max-width: calc(100% - 32px);
        margin-bottom: 20px;
    }
    .user_content__offer.pt_20 {
        padding-top: 2px !important;
    }
    .user_content__offer.line-friend {
        width: 100%;
        /* max-width: calc(100% - 32px); */
        margin: 0 auto;
        /* padding-bottom: 30px; */
        padding-top: 30px;
    }
    .user_content__offer.line-friend.sp-full {
        width: 100%;
        max-width: 100%;
        padding-bottom: 0;
    }
    /*line sticky menu*/
    .user_content__offer.line-friend .user_content__offer_info_inner .login_btn_area {
        width: 100%;
        max-width: 100%;
    }
    .user_content__offer .user_content__offer_inner {
        width: 100%;
        max-width: calc(100% - 32px);
        margin-bottom: 20px;
        padding: 30px 16px;
    }
    .user_content__offer.white-border-radius08 .user_content__offer_inner {
        max-width: calc(100% - 16px);
        padding: 0;
    }
    .user_content__offer .user_content__offer_inner .top_text_area .btn {
        width: 100%;
        margin: 0;
    }
    .user_content__offer .user_content__offer_inner h3.ribon p {
        font-size: 1.8rem;
    }
    /*comming soon*/
    .user_content__offer .user_content__offer_inner .point_area_list .point_area_list_inner .commingsoon {
        width: 100%;
        max-width: 100%;
    }
    .user_content__offer .user_content__offer_inner .point_area_list .point_area_list_inner .commingsoon .img-area {
        max-width: 180px;
    }
    .user_content__offer .user_content__offer_inner .point_area_list .point_area_list_inner .commingsoon .content h4 {
        font-size: 2.6rem;
    }
    .user_content__offer .user_content__offer_inner .offer_area_list {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 0;
        margin-top: 10px;
    }

    .user_content__offer .user_content__offer_inner .offer_area_list .offer_area_list_inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .user_content__offer .user_content__offer_inner .offer_area_list .offer_area_list_inner a {
        width: 100%;
        max-width: 100%;
        margin-bottom: 10px;
    }

    .user_content__offer .user_content__offer_join_inner {
        width: 100%;
        max-width: calc(100% - 16px);
        margin: 0 auto 30px;
    }

    .user_content__offer .user_content__offer_join_inner .pc_center {
        text-align: left;
    }

    .user_content__offer_join_inner .join_btn .s-width-half {
        width: calc(100% - 40px) !important;
    }
    .user_content__offer .user_content__offer_join_inner .login_btn_area {
        width: 100%;
        max-width: calc(100% + 32px);
        margin-left: -8px;
        margin-bottom: 0;
        position: fixed;
        bottom: 0;
        z-index: 1;
        background: rgba(0,0,0,0.15);
        display: flex;
        padding: 15px 0;
        margin-bottom: 0;
    }
    .user-content-wrap .step_area_b .step_list .step {
        position: relative;
        padding-bottom: 0;
    }
    .user-content-wrap .step_area_b .step_list .step.middle {
        width: 100%;
        max-width: calc(100% / 3);
    }
    .user-content-wrap .step_area_b .step_list .step.first h4.step_h4::before {
        top: -10px;
    }
    .user-content-wrap .step_area_b .step_list .step h4.step_h4::before {
        width: 80px;
        height: 30px;
        top: -15px;
        left: 50%;
        transform: translateX(-50%);
    }
    .user-content-wrap .step_area_b .step_list .step.middle h4.step_h4::before {
        top: -17px;
    }
    .user-content-wrap .step_area_b .step_list .step.end h4.step_h4::before {
        top: -11px;
    }
    .user-content-wrap .step_area_b .step_list .step h4.step_h4 {
        width: 60px;
        height: 15px;
    }
    .user-content-wrap .step_area_b .step_list .step.first h4.step_h4 img,
    .user-content-wrap .step_area_b .step_list .step.middle h4.step_h4 img,
    .user-content-wrap .step_area_b .step_list .step.end h4.step_h4 img {
        top: -6px;
    }
    .user-content-wrap .step_area_b .step_list .step.middle h4.step_h4 img {
        top: -13px;
    }
    .user-content-wrap .step_area_b .step_list .step.end h4.step_h4 img {
        top: -7px;
    }
    .user-content-wrap .step_area_b .step_list .step p {
        font-size: 1.2rem;
    }
    .user-content-wrap .step_area_b .step_list .step01 img {
        width: 55px;
        margin-top: 5px;
    }
    .user-content-wrap .step_area_b .step_list .step02 img {
        width: 30px;
    }
    .user-content-wrap .step_area_b .step_list .step03 img {
        width: 45px;
        margin-top: 10px;
    }
    .user-content-wrap .step_area_b .step_list .step.middle img {
        width: 27px;
        top: 8px;
    }
    .user_content__offer .user_content__offer_join_inner .join_logo_area {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .user_content__offer .user_content__offer_join_inner .join_logo_area .logo_area_img {
        text-align: center;
    }

    .user_content__offer .user_content__offer_join_inner .join_logo_area .logo_area_img img {
        width: 54px;
        height: 40px;
        -o-object-fit: scale-down;
        object-fit: scale-down;
    }

    .user_content__offer .user_content__offer_join_inner .gray_area {
        border-radius: 8px;
        background: #f8f8f8;
        padding: 20px 25px;
    }

    .user_content__offer .user_content__offer_join_inner .gray_area .btn_area .s-width-half {
        width: 100% !important;
    }

    .user_content__offer .user_content__offer_join_inner .mail_area {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .user_content__offer .user_content__offer_inner .offer_list_inner {
        justify-content: center;
    }
    .user_content__offer .user_content__offer_inner .offer_list_inner.post_campaign_area {
        display: flex;
        justify-content: center !important;
    }
    .user_content__offer .user_content__offer_inner .offer_list_inner.post_campaign .offer_info_inner .title_area {
        display: flex;
        flex-direction: column;
    }
    .user_content__offer .user_content__offer_inner .offer_list_inner .offer_info_inner .title_area h3.point_change {
        text-align: center;
        margin-bottom: 10px;
    }
    .user_content__offer .user_content__offer_join_inner .mail_area .mail_label {
        width: 100%;
    }

    .user_content__offer .user_content__offer_join_inner .mail_area .mail_input {
        width: 100%;
    }

    .user_content__offer .user_content__offer_edit_inner {
        width: 100%;
        max-width: calc(100% - 32px);
        margin: 0 auto;
    }
    .user_content__offer .user_content__offer_edit_inner.white-border-radius08 {
        max-width: calc(100% - 32px);
    }
    .user_content__offer .user_content__offer_edit_inner.white-border-radius08 .b-w164 {
        width: 140px !important;
    }
    .user_content__offer .user_content__offer_edit_inner.white-border-radius08 .b-w336 {
        width: 280px !important;
    }
    .user_content__offer .user_content__offer_edit_inner i.title-icon {
        font-size: 2.8rem;
    }
    .user_content__offer .user_content__offer_edit_inner h3 {
        font-size: 1.8rem;
    }
    /*tieup*/
    .user_content__offer .user_content__offer_inner .offer_list_inner.post_campaign h3.point_change img {
        width: 140px;
    }
    /*プレゼント*/
    .user_content__offer .user_content__offer_inner h3.point_change img  {
        width: 120px;
    }
    .user_content__offer .user_content__offer_edit_inner .slash::before {
        position: relative;
        display: inline-block;
        content: "";
        background: #000000;
        width: 1px;
        height: 1em;
        margin: 0 1em;
        margin-top: -0.2em;
        vertical-align: middle;
    }

    .user_content__offer .user_content__offer_edit_inner .slash::after {
        position: relative;
        display: inline-block;
        content: "";
        background: #000000;
        width: 1px;
        height: 1em;
        margin: 0 1em;
        margin-top: -0.2em;
        vertical-align: middle;
    }

    .user_content__offer .user_content__offer_edit_inner .gray_area {
        background: #f8f8f8;
        padding: 20px 10px;
        border-radius: 5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        font-size: 1.2rem;
    }

    .user_content__offer .user_content__offer_edit_inner .gray_area .flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .user_content__offer .user_content__offer_edit_inner .user_edit {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        padding-bottom: 20px;
    }

    .user_content__offer .user_content__offer_edit_inner .user_edit.sp_only {
        padding-bottom: 0vh;
        /* margin-bottom: 20px; */
    }

    .user_content__offer .user_content__offer_edit_inner .user_edit .sp_center {
        text-align: center;
    }

    .user_content__offer .user_content__offer_edit_inner .user_edit.join {
        padding-bottom: initial !important;
    }

    .user_content__offer .user_content__offer_info_inner {
        width: 100%;
        max-width: calc(100% - 16px);
        padding-bottom: 40px;
    }
    .user_content__offer.line-friend .user_content__offer_info_inner.mod-mt30 {
        width: 100%;
        max-width: 100%;
    }
    .user_content__offer .user_content__offer_info_inner .offer_area_info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .user_content__offer .user_content__offer_info_inner .offer_area_info .offer-midashi-area {
        max-width: calc(100% - 32px);
    }
    .user_content__offer .user_content__offer_info_inner .offer_area_info h3.offer-label-mark {
        max-width: calc(100% - 32px);
    }
    .user_content__offer .user_content__offer_info_inner .offer_area_info h3.offer-label-mark .label.in-label,
    .user_content__offer .user_content__offer_info_inner .offer_area_info h3.offer-label-mark .label-mark {
        font-size: 1.2rem;
        line-height: 1rem;
        padding: 4px 4px;
        position: relative;
        top: -2px;
    }
    .user_content__offer .user_content__offer_info_inner .offer_area_info .line-friend-img {
        width: 100%;
        max-width: calc(100% - 32px);
        position: relative;
    }
    .user_content__offer .user_content__offer_info_inner .offer_area_info .line-friend-img.top .sp-link {
        display: block;
        position: absolute;
        bottom: 95px;
        left: 50%;
        transform: translateX(-50%);
    }
    .user_content__offer .user_content__offer_info_inner .offer_area_info .line-friend-img.top .sp-link::after {
        position: absolute;
        right: -20px;
        top: 3px;
        content: "";
        display: inline-block;
        width: 8px;
        height: 8px;
        border: 1px solid;
        border-color: transparent transparent #565656 #565656;
        transform: rotate(-45deg);
    }
    .user_content__offer .user_content__offer_info_inner .offer_area_info .line-friend-img.top .sp-link a {
        color: #333333;
        text-decoration: underline;
    }
    .user_content__offer .user_content__offer_info_inner .offer_area_info .line-friend-img img.sp_hidden {
        display: none;
    }
    .user_content__offer .user_content__offer_info_inner .offer_area_info .line-friend-img img.pc_hidden {
        display: block;
    }
    .user_content__offer .user_content__offer_info_inner .offer_area_info .line-friend-img img {
        width: 100%;
        aspect-ratio: 3/4;
        object-fit: contain;
    }
    .user_content__offer .user_content__offer_info_inner .offer_area_info .line-friend-img.top img {
        width: 100%;
        aspect-ratio: initial;
    }
    .user_content__offer .user_content__offer_info_inner .offer_area_info .line-friend-img.other img {
        width: 100%;
        aspect-ratio: initial;
        object-fit: contain;
    }
    .user_content__offer .user_content__offer_info_inner .offer_area_info .line-friend-img img.edit {
        width: 100%;
        aspect-ratio: initial;
    }
    .user_content__offer.line-friend .user_content__offer_info_inner .offer_area_info_inner.line-info-inner .gray_area {
        width: 100%;
        max-width: calc(100% - 32px);
    }
    .user_content__offer .user_content__offer_info_inner .offer_area_info .offer_area_info_inner {
        width: 100%;
        max-width: 100%;
    }
    .user_content__offer .user_content__offer_info_inner .offer_area_info .offer_area_info_inner.edit {
        width: 100%;
        max-width: calc(100% - 32px);
        margin: 0 auto;
    }
    .user_content__offer .user_content__offer_info_inner .offer_area_info .offer_area_info_inner.line-info-inner {
        padding: 10px 0;
    }
    .user_content__offer .user_content__offer_info_inner .offer_area_info .offer_area_info_inner.line-info-inner.top {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }
    .user_content__offer.line-friend .user_content__offer_info_inner .offer_area_info_inner.line-info-inner.top .line-detail-inner h3 {
        font-size: 1.6rem;
    }
    .user_content__offer.line-friend .user_content__offer_info_inner .offer_area_info_inner.line-info-inner.top .line-detail-inner p {
        margin: 15px auto 0;
        font-size: 1.4rem;
    }
    .user_content__offer .user_content__offer_info_inner .offer_area_info .offer_area_info_inner:last-child {
        margin-bottom: 0;
    }
    .user_content__offer .user_content__offer_info_inner .easy_step_area.line {
        width: 100%;
        max-width: calc(100% - 32px);
        margin: 0 auto;
    }
    /* .user_content__offer .user_content__offer_info_inner .offer_area_info .offer_area_info_inner:nth-child(3) {
        margin-top: 35px;
    } */
    .user_content__offer .user_content__offer_info_inner .offer_area_info .offer_area_info_inner .pc_hide {
        display: block;
    }

    .user_content__offer .user_content__offer_info_inner .offer_area_info .offer_area_info_inner .offer_area {
        margin-bottom: 10px;
    }

    .user_content__offer .user_content__offer_info_inner .offer_area_info .offer_area_info_inner .offer_area .offer_top {
        padding: 5px;
    }

    .user_content__error .user_content__error_inner {
        max-width: calc(100% - 32px);
    }

    .user_content__offer .btn_area .btn_g-box-btn p,
    .user_content__offer .btn_area a .btn_g-box-btn p {
        width: 90%;
        text-align: center;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    table.business_user-table.sp_table {
        width: 100%;
        display: flex;
        flex-direction: column;
        overflow: initial;
        white-space: initial;
    }

    table.user_conversion.sp_table .thead {
        display: none;
    }

    /*タイアップ一覧スマホ用*/
    table.user_conversion.sp_table td:before {
        width: 30%;
        content: attr(th-name);
        float: left;
        text-align: left;
        font-weight: normal;
        margin-right: 5px;
        font-size: 1.2rem;
    }

    table.user_conversion.sp_table td.btn_area:before {
        position: relative;
        top: -4px;
    }

    table.business_user-table.sp_table {
        width: 100%;
        display: flex;
        flex-direction: column;
        overflow: initial;
        white-space: initial;
    }

    table.user_conversion.sp_table .thead {
        display: none;
    }

    table.user_conversion.sp_table tr {
        width: 100%;
        max-width: 100%;
        display: flex;
        flex-direction: column;
        margin: 10px auto 30px;
        padding: 0;
        /* border-radius: 8px; */
        /* background: #ffffff; */
        /* box-shadow: 0px 0px 6px 3px rgb(175 175 175 / 20%); */
    }
    table.user_conversion.sp_table td {
        font-size: 1.4rem;
        padding: 10px 2px;
        background: #ffffff;
        text-align: left;
        vertical-align: middle;
        border-bottom: 1px solid #EFEFEF;
    }

    table.user_conversion.sp_table td p {
        font-size: 1.2rem;
    }

    table.user_conversion.sp_table td.offer_title {
        width: 100%;
    }
    table.user_conversion.sp_table td.offer_title p {
        width: 180px;
    }

    table.user_conversion.sp_table td p.btn_g-box-c-btn.center {
        top: 10px;
        left: 45%;
    }

    table.user_conversion.sp_table td:last-child {
        border-bottom: none;
    }

    table.user_conversion.sp_table td.btn_area {
        width: 100%;
        position: relative;
        padding: 5px 0;
        margin: 10px 0;
    }
    table.user_conversion.line-friend td,
    table.user_conversion.line-friend td.first-td,
    table.user_conversion.line-friend td.last-td {
        width: 100%;
        max-width: 100%;
    }
    table.user_conversion.line-friend td.last-td::before {
        width: 100%;
        margin-right: 0;
        margin-bottom: 5px;
    }
    /*タイアップ一覧 titleあり*/
    .user_content__outcome h3.i-post {
        font-size: 1.8rem;
    }
    .user_conversion.include-title {
        width: 100%;
        max-width: 100%;
        margin-right: initial;
        margin-bottom: 25px;
    }
    .user_conversion.include-title .title p,
    .user_conversion.include-title .label p {
        font-size: 1.3rem;
    }
    .user_conversion.include-title .content .btn_g-btn {
        line-height: 2.3;
    }
    .user_conversion.include-title .content p.link-text {
        width:100%;
        max-width: 100%;
        font-size: 1.4rem;
        word-break: break-all;
        margin-bottom: 10px;
    }
    .user_conversion.include-title .title p {
        margin-left: 0px;
        padding-left: 10px;
        white-space: nowrap;
    }
    .user_conversion.include-title:nth-child(3n) {
        margin-right: initial;
    }
    .user_conversion.include-title .flex.title h3 {
        font-size: 1.6rem;
    }
    .user_conversion.include-title .content {
        padding: 10px 15px;
    }
    /* table */
    .business_user .business_user-table.sp_profile tr {
        display: flex;
        flex-direction: column;
    }

    .business_user .business_user-table {
        width: 100%;
    }

    .business_user .business_user-table th {
        width: 36%;
        padding: 5px;
        white-space: normal;
    }

    .business_user .business_user-table th.w_35 {
        width: auto;
    }

    .business_user .business_user-table th.v_top {
        width: auto;
    }

    .business_user .business_user-table td {
        width: 100% !important;
        padding: 5px;
    }
    .business_user .business_user-table td p.follow {
        position: relative;
        margin-left: 20px;
    }
    .business_user .business_user-table td .flex-row.sp_sns_area {
        width: 100%;
    }

    .business_user .business_user-table td p.sns_join_text {
        width: 100%;
		max-width: 200px;
    }
    .business_user .business_user-table td p.sns_join_text.flex-text {
        width: 110px;
    }
    .business_user .business_user-table td p.sns_join_text_ig {
        width: 70%;
    }

    .business_user .business_user-table td p.sns_join_text span {
        margin-left: 0;
        width: 100%;
    }

    .business_user .business_user-table td p.sns_join_text_ig span {
        /* margin-left: 20px; */
        width: 65%;
    }

    .business_user .business_user-table td p.sns_join_text .sns_account {
        max-width: 100%;
        white-space: normal;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }

    .business_user .business_user-table td #sns-ig-tieup-status {
        max-width: 80%;
    }

    .business_user .business_user-table td .join_btn_twitter,
    .business_user .business_user-table td .join_btn_ig,
    .business_user .business_user-table td .join_btn_line {
        position: initial;
        left: calc(100% - 100px);
    }
    /*タイアップ*/
    .user_content__offer .user_content__offer_edit_inner .tie_up_inner {
        width: calc(100% - 32px);
    }
    .user_content__offer .user_content__offer_edit_inner.white-border-radius08 .tie_up_inner {
        width: 100%;
    }
    .user_content__offer .user_content__offer_edit_inner .user_edit.r_bg_white {
        max-width: calc(100% - 8px);
    }

    /*クーポン*/
    .user_content__offer .user_content__offer_info_inner .point_area_info .point_area_info_inner .info_area h3 {
        font-size: 1.8rem;
        text-align: left;
    }

    .user_content__offer .user_content__offer_info_inner .point_area_info .present_coupon .present_coupon_inner {
        width: 336px;
        margin: 0 auto;
        background-size: contain;
    }

    .user_content__offer .user_content__offer_info_inner .point_area_info .present_coupon .present_coupon_inner .coupon_info {
        top: 48%;
        left: 7%;
        width: 290px;
    }

    .user_content__offer .user_content__offer_info_inner .point_area_info .present_coupon .present_coupon_inner .coupon_info p {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
    /*プロフィール*/
    .user_content__tab h3.i-prof {
        font-size: 1.8rem;
    }
    .user_content__outcome h3 {
    font-size: 1.8rem;
    }
    .user_content__outcome h3 i {
        margin-right: 10px;
        font-size: 2.0rem;
    }
    .join_btn_sns_check {
        display: flex;
    }
    .join_btn_sns_check p {
        width: 36%;
    }
    .sns-join-need {
        left: 0;
        position: relative;
        padding: 0 5px;
    }
    .business_user .btn_area .b-w336 {
        width: 100% !important;
    }
    /*お問い合わせ*/
    table.inquiries tr {
        display: flex;
        flex-direction: column;
    }

    table.inquiries th {
        text-align: left;
        width: 100%;
        padding: 5px;
    }

    table.inquiries td {
        width: 100%;
        padding: 5px;
    }
    /*利用規約*/
    .terms_area h2{
        font-size: 1.6rem;
        margin-top: 20px;
        padding-left: 5px;
    }
    .terms_area p{
        padding: 0 5px;
    }
    .user_content__term .terms_area{
        width: 100%;
        max-width: calc(100% - 16px);
    }
    .terms_area ul{
        width: 100%;
        width: calc(100% - 20px);
    }
    .terms_area ol{
        width: 100%;
        max-width: calc(100% - 30px);
        padding-left: 5px;
    }
    .terms_area ol.sub-number li::before{
        padding-left: 18px;
    }
    .footer .join_fotter_inner {
        padding-bottom: 100px;
    }
    /*問い合わせ*/
    .user_content__pro_all .user_content__pro_all_inner.w_650 {
        width: 100%;
        max-width: 100%;
        padding-bottom: 10px;
    }
    /*20250526*/
    .point_bg .user_content__offer .user_content__offer_inner.white-border-radius08,
    .user_content__offer.gift_top .user_content__offer_info_inner.white-border-radius08,
    .user_content__offer.gift_top .user_content__offer_info_inner.white-border-radius08 .point_area_info {
        width: 100%;
        max-width: calc(100% - 32px);
        margin: 0 auto;
    }
    .point_bg .user_content__offer .user_content__offer_inner.white-border-radius08 {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .user_content__offer.gift_top .user_content__offer_info_inner.white-border-radius08 {
        margin-bottom: 50px;
    }
    .user_content__offer.gift_top .user_content__offer_info_inner.white-border-radius08 .point_area_info .b-w336 {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }
    .user_content__offer.line-friend .user_content__offer_info_inner.white-border-radius08 {
        max-width: calc(100% - 32px);
        margin-bottom: 0px;
        padding-bottom: 0;
    }
    .user_content__offer.line-friend.sp-full .user_content__offer_info_inner.white-border-radius08 {
        box-shadow: none;
        padding-bottom: 0;
    }
    .user_content__offer.line-friend .user_content__offer_info_inner.white-border-radius08 .offer_area_info form {
        margin-bottom: 0;
    }
    .user_content__offer .user_content__offer_inner.white-border-radius08 .b-w336 {
        width: calc(300px - 16px) !important;
    }
    .user_content__offer .user_content__offer_info_inner .point_area_info .point_input_area textarea {
        font-size: 1.2rem;
    }
    /*20250529*/
    .user_content__offer .user_content__offer_info_inner.white-border-radius08 {
        width: 100%;
        max-width: calc(100% - 32px);
    }
    .user_content__offer .user_content__offer_info_inner.white-border-radius08 .point_area_info {
        padding: 0;
    }
    .user_content__offer .user_content__offer_info_inner.white-border-radius08 .point_area_info .point_area_info_inner {
        width: 100%;
        max-width: 100%;
    }
    .user_content__offer .user_content__offer_info_inner.white-border-radius08 .point_area_info .point_area_info_inner .b-w336 {
        width: 100%;
        max-width: 100%;
    }
    /*20250530 プレゼント*/
    .user_content__offer .user_content__offer_inner.white-border-radius08 .point_area_list .point_area_list_inner a {
        max-width: 100%;
    }
    .user_content__offer .user_content__offer_edit_inner.white-border-radius08 .present-input-complete .btn_area {
        width: 100%;
        max-width: calc(100% - 32px);
    }
    /*20250530*/
    .user_content__offer .user_content__offer_info_inner .point_area_info .point_area_info_inner .info_area {
        max-width: 100%;
    }
    .user_content__offer .user_content__offer_info_inner .point_area_info .point_input_area .name_area {
        padding: 10px 0;
    }
    /*20250603*/
    .line-table {
        width: 100%;
        max-width: 100%;
        margin-bottom: 30px;
    }
    /*当選者通知*/
    .user_content__offer .user_content__offer_inner .point_area_list .point_area_list_inner a .point_area .img_area .img_area_inner {
        width: 100%;
        max-width: calc(100% - 30px);
    }
    .user_content__offer .user_content__offer_inner .point_area_list .point_area_list_inner a .point_area .img_area .img_area_inner h4 p {
        font-size: 2.6rem;
    }
    /*写真投稿*/
    .user_content__offer .user_content__offer_edit_inner .tie_up_inner .howto_phot h4 {
        font-size: 1.2rem;
    }
    .user_content__offer .user_content__offer_edit_inner .tie_up_inner .ig_btn_area {
        width: 100%;
    }
}
@media screen and (max-width: 390px) {
    .present_text::after {
        top: -30px;
        left: 50px;
        width: 90px;
        height: 67px;
    }
    .present_text p {
        width: 85px;
        line-height: normal;
        top: -18px;
        left: 8px;
    }
    .present_text p::after {
        width: 44px;
        height: 46px;
        left: 60%;
    }
    .present_check::after {
        width: 98px;
        height: 95px;
        right: 0px;
        top: -60px;
    }
}