@charset "UTF-8";
/**************************************************************/
/* ライバー募集 */
/**************************************************************/
/**************************************************************/
/* メインイメージ */
/**************************************************************/
.liverentry-mainimg {
    position: relative;
    width:100%;
    padding-top:56.25%;
    height: auto;
    /*background:url("../img/mainvisual/mainvisual_liver_pc.jpg") no-repeat center center / cover;*/
    z-index: 1;
}

.liverentry-main-text1,
.liverentry-main-text2 {
    position:absolute;
    font-size:3vw;
    color: #fff;
    left:0px;
    line-height: 1.1em;
    font-weight:bold;
    padding: 1.5vw 1vw 1.2vw 2vw;
    /*background: linear-gradient(90deg, rgba(0,0,0,.9), rgba(0,0,0,.5) 90%, rgba(0,0,0,0));*/
    border-radius: 0px 1vw 0px 0px;
    transform-origin: bottom left;
    transform: rotate(-3deg);
}

.liverentry-main-text1 {
    top:24.5%;
}
.liverentry-main-text2 {
    top:33.5%;
}

.liverentry-main-text1 span,
.liverentry-main-text2 span {
    font-size:1.2em;
}

.liverentry-main-text1 span {
    /*background: linear-gradient(to right,#34d8f6,#20e790 70%,#b4e72b);*/
    background: linear-gradient(to right,#00ffa2,#eaff00);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.liverentry-main-text2 span {
    background: linear-gradient(to right,#ffea00,#fffeeb);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.liverentry-main-text-bg,
.liverentry-main-text-bg2 {
    position:absolute;
    top:24%;
    left:-1px;
    width:100%;
    opacity: .8;
    transform-origin: bottom left;
    transform: rotate(-3deg);
}

.liverentry-main-text-bg img,
.liverentry-main-text-bg2 img {
    width:43%;
}

.liverentry-main-text-bg {
    display: block;
}

.liverentry-main-text-bg2 {
    display: none;
}

.liverentry-main-text3 {
    position:absolute;
    font-size:1.8vw;
    width:auto;
    bottom:11%;
    right:0;
    padding: 0.6vw 1vw 0.4vw 4vw;
    line-height: 1.2em;
    color:#ff6ab4;
    background:#fff/*#34d8f6*/;
    text-align: right;
    background: linear-gradient(-90deg, rgba(255,255,255,1), rgba(255,255,255,.8) 90%, rgba(255,255,255,0));

    /*
    background: linear-gradient(-90deg, rgba(255,255,255,.9), rgba(255,255,255,.5) 90%, rgba(255,255,255,0));
      text-shadow: 4px 0px 4px #000,
                    -4px 0px 4px #000,
                    0px 4px 4px #000,
                    0px -4px 4px #000;*/
}

.liverentry-main-text3-spnone {
    display:none;
}

@media screen and (max-width: 999px) {
    .liverentry-main-text3 {
        font-size:16px;
        width:auto;
    }
}

@media screen and (max-width: 599px) {
    .liverentry-mainimg {
        height: 599px;
        padding-top: 0;
        width: 100%;
        /*background:url("../img/mainvisual/mainvisual_liver_sp.jpg") no-repeat center center / cover;*/
    }

    .liverentry-main-text1,
    .liverentry-main-text2 {
        font-size:20px;
        padding: 10px 10px 5px 20px;
    }

    .liverentry-main-text1 {
        top:157px;
    }

    .liverentry-main-text2 {
        top:188px;
        line-height: 1.3em;
    }

    .liverentry-main-text3 {
        font-size:14px;
        padding: 10px 3px 5px 20px;
        bottom:13%;
    }

    .liverentry-main-text-bg,
    .liverentry-main-text-bg2 {
        position:absolute;
        top:155px;
    }

    .liverentry-main-text-bg img {
        width:280px;
    }

    .liverentry-main-text-bg2 img{
        width:220px;
    }
}

@media screen and (max-width: 339px) {
    .liverentry-main-text-bg {
        display: none;
    }

    .liverentry-main-text-bg2 {
        display: block;
    }

    .liverentry-main-text3-spnone {
        display:block;
    }
}

/**************************************************************/
/* LINEで相談 */
/**************************************************************/
.liverentry-line-box {
    position:absolute;
    top: 90%;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 2;
}

.liverentry-line-box,
.liverentry-line-box-bottom {
    max-width:1160px;
    width:calc(100% - 20px);
}

.liverentry-line-bg1 {
    width: 100%;
    padding-top:5.2%;
    height: auto;
    background:url("../img/liverentry_line_bg1.png") no-repeat center bottom;
    background-size: 100% auto; 
}

.liverentry-line-bg2 {
    width: 100%;
    text-align: center;
    background:url("../img/liverentry_line_bg2.png") repeat-y;
    background-size: 100% auto; 
    margin:-1px auto;
    padding:20px 0;
}

.liverentry-line-bg {
    text-align: center;
    line-height: 1.4em;
    width: 100%;
    font-size: 22px;
    background:url("../img/liverentry_line_bg.png") no-repeat center center;
    background-size: contain;
}

.liverentry-line-bg span {
    display: inline-block;
    font-size: 16px;
    color:#666;
    line-height: 1.1em;
}

.liverentry-line-bg2 a ,
.liverentry-line-bg5 a {
    display: block;
    width:600px;
    background:#0dc97c;
    padding:20px 0;
    font-size: 30px;
    font-weight: bold;
    color:#fff;
    border-radius: 100px;
    display: flex;
    justify-content: center; 
    align-items: center;
    letter-spacing: 0.05em;
}

.liverentry-line-bg2 a {
    margin:40px auto;
}

.liverentry-line-bg5 a {
    margin:40px auto 0;
}

.liverentry-line-bg2 a:hover ,
.liverentry-line-bg5 a:hover {
    background:#109b61;
}

.liverentry-line-bg2 a img ,
.liverentry-line-bg5 a img {
    width:34px;
    margin:0 0 0 20px;
    transform: scaleX(-1);
}


.liverentry-line-bg3 {
    width: 100%;
    padding-top:2%;
    background:url("../img/liverentry_line_bg3.png") no-repeat center top;
    background-size: 100% auto; 
}

.liverentry-line-bg4 {
    width: 100%;
    padding-top:2%;
    background:url("../img/liverentry_line_bg4.png") no-repeat center bottom;
    background-size: 100% auto; 
}

.liverentry-line-bg5 {
    line-height: 1.4em;
    font-size: 22px;
    width: 100%;
    text-align: center;
    background-size: 100% auto; 
    margin:-1px auto;
    padding:20px 0 0;
}

.liverentry-line-title,
.liverentry-line-title-bottom {
    max-width:90%;
    display: inline-block;
    line-height: 1.1em;
    font-size:56px;
    font-weight:bold;
    background: linear-gradient(90deg, #34d8f6, #20e790 70%, #b4e72b);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255,255,255,0.0);
    border-bottom: solid 2px #aae731;;
}

.liverentry-line-title {
    margin:5px 0 40px;
}

.liverentry-line-title-bottom {
    margin:20px 0 20px;
}

.liverentry-line-text {
    position: relative;
    padding:14px 20px 10px 20px;
    display: inline-block;
    border-radius: 30px;
    border: solid 1px #67cea3;
    background: #fff;
    font-weight: bold;
}

.liverentry-line-text::before,
.liverentry-line-text::after {
    position: absolute;
    top: 0;
    content:'';
    width: 100%;
    height: 100%;
    border-radius: 30px;
}

.liverentry-line-text:before{
    left:0;
    border: solid 1px #adebd1;
    transform: rotate(-0.4deg);/*ボックスの角度*/
}
.liverentry-line-text:after{
    left:0;
    border: solid 1px #adebd1;
    transform: rotate(0.4deg);/*ボックスの角度*/
}

.liverentry-pcnone {
    display: none;
}

@media screen and (max-width: 859px) {
    .liverentry-pcnone {
        display:block
    }
}

@media screen and (max-width: 999px) {
    .liverentry-line-bg {
        font-size: 18px;
    }

    .liverentry-line-bg span {
        font-size: 14px;
    }

    .liverentry-line-bg2 a,
    .liverentry-line-bg5 a {
        width:500px;
        padding:20px 0;
        font-size: 30px;
    }

    .liverentry-line-bg2 a {
        margin:30px auto;
    }

    .liverentry-line-bg5 a {
        margin:30px auto 0;
    }

    .liverentry-line-bg2 a img,
    .liverentry-line-bg5 a img {
        width:30px;
        margin:0 0 0 18px;
    }

    .liverentry-line-title {
        font-size:48px;
        margin:5px 0 30px;
    }

    .liverentry-line-title-bottom {
        font-size:48px;
        margin:15px 0 15px;
    }
}

@media screen and (max-width: 599px) {
    .liverentry-line-bg {
        font-size: 14px;
    }

    .liverentry-line-bg span {
        font-size: 12px;
    }

    .liverentry-line-bg2 a,
    .liverentry-line-bg5 a {
        max-width:400px;
        width:calc(100% - 30px);
        padding:15px 0;
        font-size: 16px;
    }

    .liverentry-line-bg2 a {
        margin:15px auto;
    }

    .liverentry-line-bg5 a {
        margin:15px auto 0;
    }

    .liverentry-line-bg2 a img,
    .liverentry-line-bg5 a img{
        width:20px;
        margin:0 0 0 10px;
    }

    .liverentry-line-title {
        font-size:32px;
        margin:5px 0 20px;
    }

    .liverentry-line-text {
        max-width:360px;
        width:90%;
        position: relative;
        padding:5px 10px;
        display: inline-block;
        border-radius: 30px;
        border: solid 1px #67cea3;
        background: #fff;
    }

    .liverentry-line-title-bottom {
        font-size:32px;
        margin:10px 0 10px;
    }
}

/* サポート */
.liverentry-support {
    display: flex;
    flex-wrap: wrap;
}

.liverentry-support-box,
.liverentry-support-box-el {
    border:solid 1px #333;/*#34D8F6;#69d61c;*/
    border-radius: 4px;
    width:358px;
    margin-left:14px;
    margin-bottom:0;
    height:185px;
}

.liverentry-support-box {
    height:185px;
}

.liverentry-support-box-el {
    height:155px;
}

.liverentry-support-box:first-child,
.liverentry-support-box-el:first-child {
    margin-bottom:14px;
}

.liverentry-support-title {
    display: flex;
    justify-content: flex-start; 
    align-items: center; 
    background:#333;/*#34D8F6;#69d61c;*/
}

.liverentry-support-title img {
    width:100%;
}

.liverentry-support-title div:first-child {
    background:rgba(0,0,0,0.2);
    border-radius: 100%;
    width:40px;
    margin:6px;
}

.liverentry-support-title div:last-child {
    color: #fff;
    font-size: 24px;
    font-weight: bold;
}

.liverentry-support-text {
    font-size: 20px;
    line-height: 1.4em;
    padding: 10px;
}

@media screen and (max-width: 1179px) {
    .liverentry-support-box,
    .liverentry-support-box-el {
        width:32%;
        margin-left:1vw;
    }
}

@media screen and (max-width: 999px) {
    .liverentry-support-box,
    .liverentry-support-box-el {
        width:48%;
        margin-left:1vw;
    }

    .liverentry-support-box {
        height:170px;
    }

    .liverentry-support-box-el {
        height:120px;
    }
    
    .liverentry-support-box:first-child,
    .liverentry-support-box-el:first-child {
        margin-bottom:1vw;
    }

    .liverentry-support-box:nth-child(3),
    .liverentry-support-box-el:nth-child(3) {
        margin-bottom:1vw;
    }

    .liverentry-support-title div:first-child {
        width:38px;
        margin:6px;
    }

    .liverentry-support-title div:last-child {
        font-size:20px;
    }

    .liverentry-support-text {
        font-size: 18px;
        padding: 8px;
    }
}

@media screen and (max-width: 873px) {
    .liverentry-support-box-el {
        height:142px;
    }
}

@media screen and (max-width: 609px) {
    .liverentry-support-box-el {
        height:165px;
    }
}

@media screen and (max-width: 599px) {
    .liverentry-support-box,
    .liverentry-support-box-el {
        width:48%;
        margin-left:1vw;
    }

    .liverentry-support-box {
        height:130px;
    }

    .liverentry-support-box-el {
        height:110px;
    }

    .liverentry-support-title div:last-child {
        font-size:16px;
    }

    .liverentry-support-title div:first-child {
        width:32px;
        margin:4px;
    }

    .liverentry-support-text {
        font-size: 14px;
        padding: 5px;
    }
}

@media screen and (max-width: 479px) {
    .liverentry-support-box,
    .liverentry-support-box-el {
        width:100%;
        height:auto;
        margin-bottom:10px;
        margin-left:0;
    }

    .liverentry-support-box:first-child,
    .liverentry-support-box-el:first-child {
        margin-bottom:10px;
    }

    .liverentry-support-box:nth-child(3),
    .liverentry-support-box-el:nth-child(3) {
        margin-bottom:10px;
    }

    .liverentry-support-box:last-child,
    .liverentry-support-box-el:last-child {
        margin-bottom:0;
    }
}


/*パパママ*/
.liverentry-papamama {
    display: flex;
    justify-content: flex-start; 
    align-items: center; 
}

.liverentry-papamama div:first-child {
    font-size: 32px;
    font-weight: bold;
    width:380px;
    height:280px;
    display: flex;
    justify-content: center; 
    align-items: center; 
    background:url("../../assets/img/icon_papamamasupport.svg")  no-repeat center center;
    background-size: contain;
    text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
}

.liverentry-papamama div:last-child {
    font-size: 20px;
    width:calc(100% - 380px);
}

@media screen and (max-width: 999px) {
    .liverentry-papamama div:first-child {
        font-size: 28px;
        height:200px;
        width:300px;
    }

    .liverentry-papamama div:last-child {
        font-size: 18px;
        width:calc(100% - 300px);
    }
}

@media screen and (max-width: 599px) {
    .liverentry-papamama div:first-child {
        font-size: 18px;
        height:140px;
        width:200px;
    }

    .liverentry-papamama div:last-child {
        font-size: 14px;
        width:calc(100% - 200px);
    }
}

@media screen and (max-width: 439px) {
    .liverentry-papamama div:first-child {
        font-size: 16px;
        height:90px;
        width:140px;
    }

    .liverentry-papamama div:last-child {
        font-size: 14px;
        width:calc(100% - 140px);
    }
}

/**************************************************************/
/* エブリマガジン */
/**************************************************************/
.liverentry-magazine-list {
    display: flex;
    flex-wrap: wrap;
}

.liverentry-magazine-box {
    width:358px;
    background:#fff;
    transition: .2s;
    margin-left:14px;
    transition: 0.2s;
}

.liverentry-magazine-box:first-child {
    margin-bottom:0;
}

.liverentry-magazine-box a {
    display: inline-block;
}

.liverentry-magazine-box:hover {
    filter: brightness(120%);
}

.liverentry-magazine-thumb {
    width:100%;
    aspect-ratio:128 / 67;
    overflow: hidden;
    border-radius: 5px;
}

.liverentry-magazine-thumb img {
    border-radius: 5px;
    width:100%;
}

.liverentry-magazine-title {
    font-size:20px;
    font-weight: bold;
    line-height:1.2em;
    padding:15px 3px 0 3px;
    width:100%;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
    overflow: hidden;
}

@media screen and (max-width: 1179px) {
    .liverentry-magazine-box {
        width:32%;
        margin-left:1vw;
    }
}

@media screen and (max-width: 999px) {
    .liverentry-magazine-title {
        font-size:18px;
        padding:12px 3px 0 3px;
    }
}


@media screen and (max-width: 799px) {
    .liverentry-magazine-box {
        width:48%;
        margin-left:1vw;
    }

    .liverentry-magazine-box:first-child {
        margin-bottom:40px;
    }
}

@media screen and (max-width: 599px) {
    .liverentry-magazine-title {
        font-size:14px;
        padding:8px 3px 0 3px;
    }

    .liverentry-magazine-box:first-child {
        margin-bottom:20px;
    }
}


/**************************************************************/
/* QA一覧*/
/**************************************************************/
.liverentry-faq-box {
    margin-bottom:50px;
    border-bottom:solid 1px #aaa;
}

.liverentry-faq-box:last-child {
    margin: bottom 0;
}

.liverentry-faq-box-flex {
    display: flex;
}

.liverentry-faq-box-title {
    font-size: 22px;
    font-weight: bold;
    margin-bottom:20px;
}

.liverentry-faq-box-text {
    font-size: 20px;
    line-height: 1.6em;
}

.liverentry-faq-box-text p {
    margin:1em 0;
}

.liverentry-faq-box-title,
.liverentry-faq-box-text {
    width:calc(100% - 50px);
}

.liverentry-faq-box-title {
    padding-top: 3px;
}

.liverentry-faq-box-text {
    padding-top: 6px;
}


.liverentry-faq-box-Q,
.liverentry-faq-box-A {
    font-size: 16px;
    font-weight: bold;
    height: 35px;
    width: 35px;
    margin-right: 10px;
    color: #fff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.liverentry-faq-box-Q {
    background:linear-gradient(to right,#ff64de, #ff5328);
    padding-bottom:3px;
}

.liverentry-faq-box-A {
    margin-top:1.4em;
    background:linear-gradient(to right,#31f6ca, #31d8f6);
    padding-bottom:1px;
}

@media screen and (max-width: 999px) {
    .liverentry-faq-box {
        margin-bottom:40px;
    }

    .liverentry-faq-box-title {
        font-size: 20px;
        margin-bottom:15px;
        width:calc(100% - 40px);
        padding-top: 2px;
    }

    .liverentry-faq-box-text {
        font-size: 18px;
        line-height: 1.6em;
        width:calc(100% - 40px);
    }

    .liverentry-faq-box-Q,
    .liverentry-faq-box-A {
        font-size: 16px;
        font-weight: bold;
        height: 28px;
        width: 28px;
        margin-right: 10px;
    }
}

@media screen and (max-width: 599px) {
    .liverentry-faq-box {
        margin-bottom:30px;
    }

    .liverentry-faq-box-title {
        font-size: 16px;
        margin-bottom:0px;
        width:calc(100% - 32px);
        padding-top: 0px;
    }

    .liverentry-faq-box-text {
        font-size: 14px;
        line-height: 1.6em;
        width:calc(100% - 32px);
        padding-top: 3px;
    }

    .liverentry-faq-box-Q,
    .liverentry-faq-box-A {
        font-size: 12px;
        font-weight: bold;
        height: 22px;
        width: 22px;
        margin-right: 5px;
    }
}