@charset "UTF-8";
:root {
    --accent-color01: #c8102e;
    --default-color01: #c8102e;
    --custom02: #478CD0;
    --custom02_text: #ffffff;
    --accent-color01-filter: invert(18%) sepia(47%) saturate(4307%) hue-rotate(334deg) brightness(97%) contrast(112%);
    --bg-gray: #F7F7F7;
    --box-shadow-accent-color: rgba(192,42,33,1);
    --corporation-color: #c8102e;
}
/*logo*/
.user_menu .logo_area img {
    width: 155px;
    height: 40px;
    object-fit: contain;
}
.hirometer_color_bg,
.hirometer_bg {
    background: url("../../hiro_meter/img/hirometer_bg_paper.jpg") repeat;
    background-size: 32%;
    position: relative;
}
.hirometer_color_bg::before,
.hirometer_bg::before {
    width: 100%;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: inline-block;
    background: url("../../hiro_meter/img/hirometer-bg-ribon.svg") repeat-x !important;
    mix-blend-mode: color-burn;
}
.hirometer_color_bg::after,
.hirometer_bg::after {
    width: 100%;
    height: 100%;
    content: "";
    display: inline-block;
    background: radial-gradient(transparent 0%,transparent 59%, #b37059 90%);
    mix-blend-mode: color-burn;
    position: absolute;
    top: 0;
    left: 0;
}
.gray-stripe-bg {
    min-height: 100vh;
    background-image: repeating-linear-gradient(135deg, #fbfdfe, #fbfdfe 10px, #ffff 10px, #fff 20px);
    padding-top: 60px;
}
.gray-stripe-bg .user_content__tab {
    width: 100%;
    max-width: 550px;
    margin: 0 auto;
    margin-top: 60px !important;
}
.gray-stripe-bg .user_content__tab .user_content__tab_inner {
    background: #ffffff;
    border-radius: 0.8rem;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
    padding: 40px 0;
}
a:hover {
    color: var(--accent-color01);
}
a:hover li.drawer-item p:after {
    border-color: var(--accent-color01);
}
a:hover li.logout-icon p::after {
    filter: var(--accent-color01-filter);
}
.btn_g-btn,
.btn_g-box-btn {
    background: var(--accent-color01);
}
.user_menu .logo_area img {
    width: auto;
    height: 45px;
    max-width: initial;
}
.border-white-radius-50 {
    border-radius: 5.0rem;
    background: #ffffff;
}
/*ヒロメーターPlus ログイン*/
.user_content__offer .user_content__offer_edit_inner .text_area .user-login-logo {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.user-login-logo::before {
    content: "";
    display: inline-block;
    width: 168px;
    height: 42px;
    padding-right: 10px;
    background: url(/img/common/repohappy_corporate_logo.svg) no-repeat;
}
.user_content__offer .user_content__offer_edit_inner .text_area .user-login-logo img.service-logo {
    width: 265px;
    margin-top: 3px;
    margin-bottom: 14px;
}
/*ヘッダーメニュー*/
.user_menu .pc_menu .pc_menu_inner .icon-area .icon-menu-img {
    width: 15px;
    position: relative;
    margin-right: 8px;
}
.user_menu .pc_menu .pc_menu_inner .icon-area .icon-menu-img i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    color: var(--corporation-color);
}
.user_menu .pc_menu .pc_menu_inner .icon-area .icon-menu-text p {
    font-size: 1.4rem;
    font-weight: 600;
    color: #333333;
}
/*プロフィール画面*/
.business_user .business_user-table td p.sns_join_text {
    align-items: center;
}
.footer .join_fotter_inner {
    display: none;
}
.user_menu .logo_area {
    margin-top: 0;
}
.user_menu .pc_menu {
    padding-top: 5px;
}
.user_menu .pc_menu .pc_menu_inner a {
    height: 54px;
}
.user_menu .pc_menu .pc_menu_inner a.now-area,
.user_menu .pc_menu .pc_menu_inner a:hover,
.user_menu .pc_menu .pc_menu_inner a:active {
    height: 54px;
    border-color: var(--corporation-color);
}
@media screen and (min-width: 1240px ) {
    .user_menu .pc_menu .pc_menu_inner {
        width: 590px;
    }
}
/*プロフィール*/
.content_wrap .hirometer_bg {
    padding-top: 60px;
    padding-bottom: 50px;
    min-height: calc(100vh - 60px);
}
.hirometer_bg .user_content__tab {
    z-index: 1;
    margin-top: 0;
    border-radius: 5.0rem;
    box-shadow: 0px 0px 22px 8px rgba(179, 112, 89, 0.1);
    position: relative;
    padding-bottom: 15px;
}
.hirometer_bg .user_content__tab.profile::before {
    position: absolute;
    right: 50px;
    top: 30px;
    content: "";
    display: inline-block;
    width: 135px;
    height: 135px;
    background: url("../../hiro_meter/img/profile-shadow.png") no-repeat;
    background-size: contain;
    opacity: 0.7;
}
.content_wrap .hirometer_bg h3.i-prof {
    content: "";
    display: inline-block;
    width: 257px;
    height: 107px;
    background: url("../../hiro_meter/img/profile.svg") no-repeat;
    background-size: contain;
    color: transparent;
}
.content_wrap .hirometer_bg h3.i-prof::before {
    background: none;
}
.user_content__tab.hirometer_color_bg .user_content__tab_inner h3.i-prof {
    content: "";
    display: inline-block;
    width: 257px;
    height: 107px;
    background: url("../../hiro_meter/img/profile.svg") no-repeat;
    background-size: contain;
    color: transparent;
    position: relative;
    top: -30px;
}
.user_content__tab.hirometer_color_bg .user_content__tab_inner h3.i-prof::before {
    display:none;
}
/*タイアップ一覧*/
.user_content__pro_all,
.user_content__outcome {
    background-color: transparent;
    box-shadow: none;
}

.user_content__tab.hirometer_color_bg,
.user_content__outcome.hirometer_bg {
    width: 100%;
    max-width: 100%;
    min-height: calc(100vh - 60px);
    margin-top: 60px;
    padding-top: 50px;
    padding-bottom: 50px;
    border-radius: 0;
    margin-bottom: 0;
}
.user_content__outcome h3.i-post {
    content: "";
    display: inline-block;
    width: 257px;
    height: 107px;
    background: url("../../hiro_meter/img/tieup.svg") no-repeat;
    background-size: contain;
    color: transparent;
}
.user_content__outcome h3.i-post::before {
    background: none;
}
.user_content__outcome.hirometer_bg .user_conversion.include-title {
    width: 100%;
    max-width: 327px;
    min-height: 439px;
    background: url("../../hiro_meter/img/tieup_bg.png") no-repeat;
    background-size: contain;
    box-shadow: none;
    border-radius: 0;
    position: relative;
    margin-bottom: 100px;
    padding: 28px 40px;
    margin: 0 auto 100px;
}
.user_content__outcome.hirometer_bg .user_conversion.include-title::before {
    content: "";
    display: inline-block;
    background: url("../../hiro_meter/img/tieup_bg_label.svg") no-repeat;
    background-size: contain;
    width: 136px;
    height: 67px;
    position: absolute;
    top: -44px;
    left: 50%;
    transform: translateX(-50%);
}
.include-title-wrap {
    margin-top: 95px;
    justify-content: start;
}
.hirometer_bg .include-title-wrap:has(> :nth-child(-n+2):last-child) {
    width: 800px;
    margin: 80px auto 0;
}
.hirometer_bg .include-title-wrap:has(> :nth-child(-n + 4)) {
    justify-content: center;
}
.user_content__outcome.hirometer_bg .user_conversion.include-title .user_conversion_inner {
    width: 100%;
    margin: 0;
}
.user_content__outcome.hirometer_bg .user_conversion.include-title .user_conversion_inner p {
    color: #4E2208;
    font-weight: 600;
}
.user_content__outcome.hirometer_bg .user_conversion.include-title .user_conversion_inner .flex {
    display: flex;
    margin-top: 8px;
    padding-bottom: 5px;
    align-items: center;
}
.user_content__outcome.hirometer_bg .user_conversion.include-title .user_conversion_inner .flex.border-bottom {
    border-bottom: 1px solid #D6C4B9;
}
.user_content__outcome.hirometer_bg .user_conversion.include-title .user_conversion_inner .label {
    width: 150px;
    height: 15px;
    background: transparent;
    border-bottom: none;
}
.user_content__outcome.hirometer_bg .user_conversion.include-title .user_conversion_inner .label p {
    font-size: 1.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin: 0 auto 0 7px;
    font-weight: 700;
}
.user_content__outcome.hirometer_bg .user_conversion.include-title .user_conversion_inner .detail {
    width: 100%;
    max-width: calc(100% - 58px);
    padding: 0;
    border-bottom: none;
}
.user_content__outcome.hirometer_bg .user_conversion.include-title .user_conversion_inner .detail.width-full {
    max-width: 100%;
}
.user_content__outcome.hirometer_bg .user_conversion.include-title .user_conversion_inner .detail.width-full p {
    font-size: 1.3rem;
    word-break: break-all;
    margin-left: 7px;
}
.user_content__outcome.hirometer_bg .user_conversion.include-title .user_conversion_inner .detail.text-line-1 p {
    font-size: 1.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.user_content__outcome.hirometer_bg .user_conversion.include-title .user_conversion_inner .detail.text-line-2 p {
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2;
}
.user_content__outcome.hirometer_bg .user_conversion.include-title .user_conversion_inner .detail.sns .bg_white-circle {
    background: #ffffff;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
}
.user_content__outcome.hirometer_bg .user_conversion.include-title .user_conversion_inner .detail.sns .bg_white-circle i {
    width: 24px;
    height: 24px;
    text-align: center;
}
.user_content__outcome.hirometer_bg .user_conversion.include-title .user_conversion_inner .detail.sns .ex-twitter_join {
    filter: invert(1);
}
.user_content__outcome.hirometer_bg .user_conversion.include-title .user_conversion_inner .detail a.button {
    display: inline-block;
    border-radius: 2.0rem;
    background: #F3EBE5;
    width: 104px;
    height: 25px;
    box-shadow: 3px 3px 0px 0px rgb(198 178 164 / 100%);
    margin-bottom: 4px;
}
.modal-wrap-alert-user .modal-inner .text-center .button:hover {
    opacity: 0.8;
}
.user_content__outcome.hirometer_bg .user_conversion.include-title .user_conversion_inner .detail a.button:hover {
    opacity: 0.7;
}
.user_content__outcome.hirometer_bg .user_conversion.include-title .user_conversion_inner .detail a.button p {
    font-size: 1.4rem;
    line-height: 1;
    width: fit-content;
    margin: 0 auto;
    height: 26px;
    padding-left: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.user_content__outcome.hirometer_bg .user_conversion.include-title .title {
    background: transparent;
}
.user_content__outcome.hirometer_bg .user_conversion.include-title .user_conversion_inner .flex.title {
    width: 100%;
    display: flex;
    align-items: center;
    border-bottom: none;
    position: relative;
    min-height: 90px;
}
.user_content__outcome.hirometer_bg .user_conversion.include-title .user_conversion_inner .flex.title h3 {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 70px;
    color: #4E2208;
    line-height: 1.5;
    padding: 0px 10px;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 1.2;
}
.user_content__outcome.hirometer_bg .user_conversion.include-title .user_conversion_inner .flex.title::before {
    content: "";
    display: inline-block;
    background: url("../../hiro_meter/img/tieup_line.png") no-repeat;
    background-size: cover;
    width: 100%;
    height: 8px;
    position: absolute;
    top: -5px;
    left: 0;
}
.user_content__outcome.hirometer_bg .user_conversion.include-title .user_conversion_inner .flex.title::after {
    content: "";
    display: inline-block;
    background: url("../../hiro_meter/img/tieup_line.png") no-repeat;
    background-size: cover;
    width: 100%;
    height: 8px;
    position: absolute;
    bottom: 0px;
    left: 0;
}
.business_user .business_user-table td .sns_join_area .info_text {
    width: 100%;
}
.business_user .business_user-table td .sns_join_area .info_text p.sns_join_text {
    width: 50%;
    font-size: 1.8rem;
    margin-right: 0;
}
.business_user .business_user-table td p.sns_join_text .sns_account {
    width: 100%;
    max-width: 100%;
    white-space: normal;
    word-break: break-all;
}
.business_user .business_user-table td p.sns_join_text span {
    width: 100%;
    max-width: 100%;
}
.business_user .business_user-table td .sns_join_area .info_text p.follow {
    width: 50%;
    font-size: 1.6rem;
    padding-top: 5px;
    margin-left: 0;
}
/*イベント管理*/
.user_content__outcome.hirometer_bg h3.event {
    content: "";
    display: inline-block;
    width: 257px;
    height: 107px;
    background: url("../../hiro_meter/img/event.svg") no-repeat;
    background-size: contain;
    color: transparent;
    position: relative;
    top: -30px;
}
.user_content__outcome.hirometer_bg h3.event i {
    display:none;
}
.user_content__tab.hirometer_color_bg .user_content__tab_inner {
    background: #ffffff;
    border-radius: 5.0rem;
}
.user_content__tab.hirometer_color_bg .user_content__tab_inner,
.user_content__outcome.hirometer_bg .border-white-radius-50 {
    width: 100%;
    max-width: 750px;
    padding: 40px 20px;
    box-shadow: 0px 0px 22px 8px rgba(179, 112, 89, 0.1);
    margin: 0 auto;
    margin-top: 30px;
    position: relative;
    z-index: 1;
}
.user_content__outcome .user_content__outcome_inner {
    position: relative;
    z-index: 1;
}
.user_content__outcome .user_content__outcome_inner .include-title-wrap {
    margin-top: 80px;
}
/*モーダル*/
.modal-wrap-alert-user .modal-inner .top-area i {
    filter: invert(10%) sepia(73%) saturate(2238%) hue-rotate(14deg) brightness(95%) contrast(94%);
}
.modal-wrap-alert-user .modal-inner {
    background: url("../../hiro_meter/img/hirometer_bg_paper.jpg") repeat;
    background-size: 32%;
    position: relative;
    padding: 30px 20px 10px;
}
.modal-wrap-alert-user .modal-inner::after {
    width: 100%;
    height: 100%;
    content: "";
    display: inline-block;
    background: radial-gradient(transparent 0%,transparent 59%, #b37059 90%);
    mix-blend-mode: color-burn;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    border-radius: 1.0rem;
}
.modal-wrap-alert-user .modal-inner .top-area p {
    font-size: 1.6rem;
    font-weight: 500;
}
.modal-wrap-alert-user .modal-inner .top-area,
.modal-wrap-alert-user .modal-inner .text-center {
    position: relative;
    z-index: 1;
}
.modal-wrap-alert-user .modal-inner .text-center .button {
    display: inline-block;
    border-radius: 2.0rem;
    background: #F3EBE5;
    width: 240px;
    height: 35px;
    margin: 0 auto;
    box-shadow: 4px 5px 0px 0px rgb(198 178 164 / 100%);
    margin-bottom: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 1.6rem;
    color: #4E2208;
}
/*nav*/
.drawer-content .menu_logo_area .logo img {
    width: 170px;
}
/*タイアップ一覧*/
@media screen and (min-width: 1280px) {
    .user_content__outcome .user_content__outcome_inner {
        width: 100%;
        max-width: 1200px;
    }
}
.user_content__outcome.hirometer_bg .user_conversion.include-title.dammy-item {
    display:none;
    background: none;
    & * {
        display: none;
    }
}
.user_content__outcome.hirometer_bg .user_conversion.include-title.dammy-item::before {
    display: none;
}
@media screen and (min-width: 1080px) {
    .user_content__outcome.hirometer_bg .user_conversion.include-title.dammy-item {
        display: block;
        width: 100%;
        max-width: 327px;
    }
}
@media screen and (max-width: 767px) {
    .user_content__tab.hirometer_color_bg, .user_content__outcome.hirometer_bg {
        padding-bottom: 80px;
    }
    .user_content__outcome.hirometer_bg .user_conversion.include-title {
        max-width: calc(100vw - 20px);
        min-height: 540px;
        padding: 33px 45px;
        margin-bottom: 0;
    }
    .user_content__offer .user_content__offer_edit_inner {
        max-width: 440px;
    }
    .user_menu .pc_menu {
        padding-top: 0;
    }
    .user_menu .logo_area {
        margin-top: 0;
    }
    .user_content__outcome .user_content__outcome_inner .include-title-wrap {
        margin-top: 20px;
    }
    .hirometer_bg .include-title-wrap:has(> :nth-child(-n+2):last-child) {
        width: 100%;
        max-width: calc(100% - 32px);
        margin: 40px auto 0;
    }
    .user_content__outcome.hirometer_bg .user_conversion.include-title .user_conversion_inner .label {
        margin-top: 1px;
        border-bottom: none;
    }
    .hirometer_bg .user_content__tab {
        border-radius:3.0rem;
        margin-bottom: 70px;
        padding-top: 0;
        background: transparent;
        box-shadow: none;
    }
    .content_wrap .hirometer_bg {
        padding-top: 50px;
    }
    /*プロフィール*/
    .business_user .business_user-table tr {
        display: flex;
        flex-direction: column;
    }
    .content_wrap .hirometer_bg h3.i-prof {
        width: 220px;
        height: 90px;
        top: 0;
    }
    .user_content__outcome h3.i-post {
        width: 220px;
        height: 95px;
    }
    .user_content__tab.hirometer_color_bg .user_content__tab_inner h3.i-prof {
        width: 220px;
        height: 90px;
        top: 0;
    }
    .user_content__outcome.hirometer_bg h3.event {
        width: 220px;
        height: 90px;
        top: 0;
        margin-bottom: 40px;
    }
    .user_content__tab.hirometer_color_bg .user_content__tab_inner {
        width: 100%;
        max-width: 100%;
        background: transparent;
        box-shadow: none;
        padding-top: 0;
        margin-top: 0;
    }
    .user_content__tab .tab_area .tab-content-wrap .business_user {
        padding: 10px 7px;
        border-radius: 0.5rem;
        background: #Ffffff;
        box-shadow: 0px 0px 12px 2px rgba(179, 112, 89, 0.1);
    }
    .gray-stripe-bg .user_content__tab {
        width: 100%;
        max-width: calc(100% - 32px);
    }
    .hirometer_bg .user_content__tab.profile::before {
        display: none;
    }
    .gray-stripe-bg .user_content__tab .user_content__tab_inner {
        padding-bottom: 0;
    }
    .gray-stripe-bg .user_content__tab .b-w336 {
        width: 100% !important;
        max-width: calc(100% - 16px);
        margin: 0 auto;
    }
    .user_content__outcome.hirometer_bg .user_content__outcome_inner {
        max-width: 380px;
    }
    .user_content__outcome.hirometer_bg .user_conversion.include-title {
        margin-top: 50px;
    }
    .user_content__outcome.hirometer_bg .user_conversion.include-title .user_conversion_inner {
        max-width: calc(380px - 80px);
    }
    .user_content__outcome.hirometer_bg .user_conversion.include-title .user_conversion_inner .flex.title {
        min-height: 75px;
    }
    .user_content__outcome.hirometer_bg .user_conversion.include-title:nth-child(3n) {
        margin-right: 0;
    }
    /*イベント管理*/
    .user_content__outcome.hirometer_bg .border-white-radius-50 {
        border-radius: 0;
        max-width: 100%;
        background: transparent;
        box-shadow: none;
        padding: 0;
        margin-top: 0;
    }
    .user_content__outcome.hirometer_bg table.user_conversion.sp_table .thead {
        display: none;
    }
    .user_content__outcome.hirometer_bg table.user_conversion.sp_table tr {
        width: 100%;
        max-width: 100%;
        display: flex;
        flex-direction: column;
        margin: 10px auto 30px;
        padding: 0;
        border-radius: 0.8rem;
        background: #ffffff;
        box-shadow: 0px 0px 6px 3px rgb(175 175 175 / 20%);
    }
    .user_content__outcome.hirometer_bg table.user_conversion.sp_table td {
        padding: 10px 20px;
    }
    .user_content__outcome.hirometer_bg table.user_conversion.sp_table td.offer_title {
        width: 100%;
    }
    .user_content__pro_all {
        margin-top: 60px;
        max-width: 100%;
    }
    .business_user .business_user-table td .sns_join_area .info_text {
        display: flex;
        flex-direction: column;
    }
    .business_user .business_user-table td .sns_join_area .info_text p.sns_join_text {
        width: 100%;
        max-width: 100%;
        font-size: 1.4rem;
    }
    .business_user .business_user-table td .sns_join_area .info_text p.follow {
        width: 100%;
        font-size: 1.4rem;
        margin-left: 40px;
    }
    /*footer menu*/
    .footer .sp_menu_inner {
        padding: 7px 5px;
    }
    .footer .sp_menu_inner a:hover {
        color: var(--corporation-color);
    }
    .footer .sp_menu_inner .icon-area .icon-menu-img {
        width: 29px;
        height: 28px;
        position: relative;
        margin: 0 auto;
        margin-bottom: 0;   
    }
    .footer .sp_menu_inner .icon-area .icon-menu-img i {
        font-size: 2.0rem;
        color: var(--corporation-color);
        position: absolute;
        left: 48%;
        top: 47%;
        transform: translate(-50%, -50%);
    }
    .footer .sp_menu_inner .icon-area .icon-menu-text p {
        color: #333333;
        font-weight: 600;
        padding: 5px;
    }
    /*modal*/
    .modal-wrap-alert-user .modal-inner .top-area p {
        font-size: 1.4rem;
    }
    /*nav*/
    .drawer-content .menu_logo_area .logo img {
        width: 140px;
    }
}
@media screen and (max-width: 440px) {
    .user_content__offer .user_content__offer_edit_inner {
        max-width: calc(100% - 32px);
    }
}
@media screen and (max-width: 390px) {
    .user_content__outcome.hirometer_bg .user_conversion.include-title {
        min-height: 510px;
        padding: 24px 40px;
    }
}