@charset "UTF-8";

html {
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}


img {
    width: 100%;
    height: auto;
}

.LM-body {
    position: relative;
    margin: 0 auto;
    padding: 0;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    line-height: 1.4em;
    font-family: "ヒラギノ丸ゴ ProN", ' Noto Sans JP', sans-serif, " Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: #FFFFFF;
    font-size: 1.2rem;
    /* font-feature-settings: "palt"; */
   /* max-width: 728px;*/
}

.header_rev2 {
    padding: 0;
    display: block;
}

.live-bgimg-1 {
    background-image: url(/assets/images/maillady/top_live_item_03.webp);
}

.live-bgimg-2 {
    background-image: url(/assets/images/maillady/top_live_item_05.webp);
}

.front-bg-img-earning {
    background-image: linear-gradient(25deg, rgba(255, 17, 188, 0.1), rgba(235, 235, 235, 0.6)), url(/assets/images/maillady/front-item14.webp);
}

.front-bg-img-earning2 {
    background-image: linear-gradient(25deg, rgba(255, 17, 188, 0.1), rgba(235, 235, 235, 0.6)), url(/assets/images/maillady/front-item12.webp);
}

.front-bg-img-earning3 {
    background-image: linear-gradient(25deg, rgba(255, 17, 188, 0.1), rgba(235, 235, 235, 0.6)), url(/assets/images/maillady/front-item10.webp);
}

.top_h1_box_rev2 {
    position: relative;
    background: url(/assets/images/maillady/live-main-01.webp);
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 114%;
    background-position: top;
    margin: 0;
}

.front-bg-img-earning {
    background-image: linear-gradient(25deg, rgba(255, 17, 188, 0.1), rgba(235, 235, 235, 0.6)), url(/assets/images/maillady/front-item14.webp);
}

.front-bg-img-earning-item1-2::before {
    background-image: url(/assets/images/maillady/front-item9.svg);
}

.front-bg-img-earning3-item1-2::before {
    content: '';
    display: inline-block;
    position: absolute;
    vertical-align: middle;
    background-size: contain;
    width: 250px;
    height: 35%;
    background-repeat: no-repeat;
    right: 0;
    top: -10rem;
}

.front-bg-img-earning3-item1-2::before {
    background-image: url(/assets/images/maillady/front-item13.svg);
}

.front-bg-img-earning2-item1-2::before {
    content: '';
    display: inline-block;
    position: absolute;
    vertical-align: middle;
    background-size: contain;
    width: 250px;
    height: 40%;
    background-repeat: no-repeat;
    right: 0;
    top: -10rem;
}

.front-bg-img-earning2-item1-2::before {
    background-image: url(/assets/images/maillady/front-item11.svg);
}

.front-bg-img-earning-item1-2::before {
    content: '';
    display: inline-block;
    position: absolute;
    vertical-align: middle;
    background-size: contain;
    width: 300px;
    height: 50%;
    background-repeat: no-repeat;
    right: 0;
    top: -10rem;
}

.front-bg-img-earning-item1-2::before {
    background-image: url(/assets/images/maillady/front-item9.svg);
}

.re_header_text {
    background-color: #EFEFEF;
    padding: 3px;
    color: #1f1f1f;
    font-size: 1.3rem;
    text-align: center;
    margin: 0;
}

.about-bc-img-type1 {
    background-image: url(/assets/images/maillady/about-item-02.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

/****/

img {
    width: 100%;
    height: auto;
}

.toUp-26 {
    margin-top: 26rem;
    display: block;
}

.lady-top-h1 {
    margin-top: 0;
}



.lady_btn_rev-lm {
    position: relative;
    background: transparent linear-gradient(90deg, #FFFF52 0%, #58FFD1 20%, #58FFD1 80%, #FFFF52 100%);
    margin: 2rem auto;
    width: 80%;
    border-radius: 40px;
    height: 90%;
    text-align: center;
    font-size: 1.2rem;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    color: #fff;
    line-height: 1.2;
    padding: 20px 10px;
    box-sizing: border-box;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
}

.top_undertext_matome_rev2 {
    border: 1px solid #FA4B60;
    padding: 1rem 0;
    margin-top: 1rem;
}

.live-table2 th {
    background: #FA4B60;
    text-align: center;
    color: #ffffff;
    padding: 1.3rem;
    font-size: 20px;
    font-weight: 700;
    border: solid 1px #FA4B60;
}



/**  左右に線 **/
.lady-header-p {
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: -.5rem;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding: 0 35px;
}


.lady-header-p:before,
.lady-header-p:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 30px;
    height: 2px;
    background-color: #1f1f1f;
}

.lady-header-p:before {
    left: 0;
}

.lady-header-p:after {
    right: 0;
}

.spchat-img01 {
    margin-right: -3rem;
    width: 30vw;
    margin-left: 1rem;
}

/*.spchat-img02 {
    width: 60vw;
    margin-left: 1rem;
    max-width: 500px;
}*/



.wid25 {
    width: 25%;
}

p {
    margin: 0;
    padding: 0;
    line-height: 2.2;
    text-align: justify;
    font-size: 1.2rem;
}


.vivo-btn-box {
    width: 100%;
    position: absolute;
    z-index: 10;
}

.lady-top-h2-span01 {
    font-size: 1.4rem;
    color: #fff;
    background-color: #1f1f1f;
    padding: .5rem 1.5rem;
    position: relative;
    top: 1rem;
    display: block;
}

.lady-top-h2-span02 {
    font-size: 2.2rem;
    color: #FA8D52;
    background-color: #1f1f1f;
    padding: .5rem 1.5rem;
    position: relative;
    display: block;
}

.lady-top-h2-mailbox {
    width: 14rem;
    height: 8rem;
    position: relative;
    display: block;
}

.lady-top-h2-chatbox {
    width: 14rem;
    height: 8rem;
    position: relative;
    display: block;
}

.lady-top-h2-p {
    margin-top: 1rem;
    border: 1px solid #1f1f1f;
    background-color: #fff;
    padding: .5rem;
    font-size: 1.2rem;
    position: relative;
    line-height: 1.2;
}

.lady-top-box {
    position: relative;

}

.lady-top-box-div {
    position: absolute;
    top: 20%;
    right: 5%;
}

.lady-top-box-div-flex {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}


/*****/


.bg-ore {
    background-color: #FDA1A2;
    position: relative;
    z-index: -1;
}

/*.bg-ore::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #FDA1A2;
    transform: skewY(-7deg) translateY(-90px);
    z-index: -1;
}*/

.lm-h2-01 {
    position: relative;
    top: -18rem;
    margin-bottom: -20rem;
}

.lm-bg-01 {
    width: 100%;
    margin-top: -6rem;
}

.lm-bg-01-2 {
    width: 100%;
    margin-top: -6rem;
    position: relative;
    z-index: -2;
    margin-bottom: -9rem;
}

td::before {
    content: attr(data-label);
    white-space: pre;
    font-size: 14px;
}

.pd-2_0 {
    padding: 2rem 0;
}

.border-E8834C {
    background-color: #E8834C;
}

.c-FA4B60 {
    color: #FA4B60;
}

.p-bg-01 {
    margin-top: 0.2rem;
    padding: 2rem;
    background: #ffffff;
    border-radius: 2rem;
    box-shadow: .6rem .6rem 1px 1px rgba(105, 65, 100, .2);
}

.live-table2 {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
}

.live-table2 tr {
    width: 100%;
    background-color: #fff;
}


.table-vivo01 {
    position: relative;
    top: -2rem;
    border: 1px solid #fff;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.posi-re {
    position: relative;
}

.col-fff {
    color: #fff;
}

.spchat-img02 {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.LM-h2-02-box {
    position: relative;
}


/******/



.pd-lr2 {
    padding-left: 2rem;
    padding-right: 2rem;
}

.lady-flow {
    background-size: cover;
    padding-top: 100%;
    position: relative;
    opacity: 0.8;
}

.bg-flow {
    background-image: url(/assets/images/lady-m/LM-h2-04-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-top: -10rem;
    z-index: -3;
}

.LM-flow-p01 {
    position: relative;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.LM-flow-p02 {
    position: relative;
}

.LM-h2-04-3i {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
}

.LM-h2-04-3i2 {
    position: relative;
    top: 4.5rem;
    left: 0;
}

.chap2 {
    margin: 1rem auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
}



.LM-h2-04-3i-2 {
    position: relative;
    top: 24rem;
    left: 0;
    width: 100%;
}

.LM-h2-04-i {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}

.LM-h2-04-10bg-a {
    position: relative;
    top: -30rem;
    left: 0;
    width: 100%;
    z-index: -1;
}

.LM-h2-04-10bg-b {
    position: relative;
    top: -98rem;
    left: 0;
    width: 100%;
    z-index: -2;
}

.LM-h2-02 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    animation: fuwa 2s infinite ease-in-out;
}


.a-adjust01 {
    top: 29rem;
    position: relative;
}

.pad-b30 {
    padding-bottom: 30rem;
}

.bg-gray-LM {
    background-color: #fcfcec;
    padding-top: 5rem;
    margin-top: -4rem;
    padding-bottom: 8rem;
    margin-bottom: -11rem;
}

.ear-bg01,
.ear-bg02,
.ear-bg03 {
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 0 2rem;
}

.ear-bg01 {
    background-image: url(/assets/images/lady-m/LM-ear-h2-01-bg.webp);
}

.ear-bg02 {
    background-image: url(/assets/images/lady-m/LM-ear-h2-02-bg.webp);
}

.ear-bg03 {
    background-image: url(/assets/images/lady-m/LM-ear-h2-03-bg.webp);
}

.ear-bg03-img {
    top: 2.5rem;
    position: relative;
}

.LM-q-bg {
    background-size: auto auto;
    background-color: rgba(255, 255, 255, 1);
    background-image: repeating-linear-gradient(50deg, transparent, transparent 11px, rgba(0, 123, 115, 0.11) 11px, rgba(0, 123, 115, 0.11) 21px);
    padding-top: 5rem;
    margin-top: -4rem;
    padding-bottom: 9em;
    margin-bottom: -11rem;
}

.LM-last-p {
    font-size: 2rem;
    line-height: 1.3;
    padding-bottom: 1rem;
    text-align: center;
}

.pd-0_3_3 {
    padding: 0 3rem 3rem;
}

.LM-last-p small {
    font-size: 1rem;
    line-height: 1.5;
    display: block;
    padding-top: 1rem;
}

.kari-h1-img {
    top: 5rem;
}

.kari-mg {
    margin-top: 95rem;
}


.mail-h3-03-flex {
    display: flex;
}


.LM-btn-span {
    font-size: 2rem;
    color: #fff;
}

.LM-btn01 {
    color: #FBFF8B;
    font-weight: bold;
    text-shadow: #FC0 1px 0 10px;
}





.vivo-h3-p {
    line-height: 2;
    border: 1px solid #FF7CB4;
    border-radius: 2rem;
    padding: 2rem;
    margin-top: 2rem;
}


.inner-fot {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 4rem;
    padding-left: 2rem;
    padding-right: 2rem;
}
.inner-fot p{
    padding: 1rem;
    line-height: 1.7;
    font-size: 1.2rem;
}

.fot-h3 {
    padding-left: 1.5rem;
    position: relative;
    font-size: 1.4rem;
    line-height: 1.2;
    border-left: 4px solid #FA4B60;
    margin-left: .5rem;
    letter-spacing: .3rem;
    margin-top: 3rem;
}

/*.fot-h3::before {
    content: "";
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    width: 5rem;
    height: 5rem;
    left: -3rem;
    top: 50%;
    transform: translate(-50%, -50%);
    background-image: url(/assets/images/area-cp/pokeko-icon01.svg);
}
*/
.live-table2 th {
    background: #ff7cb4;
    text-align: center;
    color: #ffffff;
    padding: 1.3rem;
    font-size: 20px;
    font-weight: 700;
    border: solid 1px #ff7cb4;
}

.reco-img-01-p {
    margin-top: -1rem;
    padding: 0 2rem 4rem;
}

.mg-b20 {
    margin-bottom: 20rem;
}
.mg-b20_24 {
    margin-bottom: 20rem;
}

.mg-b14 {
    margin-bottom: 14rem;
}



.mg-t15 {
    margin-top: 15rem;
}





.pd0_2 {
    padding: 0 2rem;
}

.mg0_2 {
    margin: 0 2rem;
}

.mg-t2 {
    margin-top: 2rem;
}

.what-mail-h3box {
    /* border: 1px solid #eee;*/
    width: 100%;
    padding: 2rem 0;
    margin-top: 1rem;
    border-radius: 2rem;
    /*background-color: #fefef0;*/
}

.what-mail-h3 {
    margin: 0;
}

.mg-t14 {
    margin-top: 14rem;
}

.mg-t20 {
    margin-top: 20rem;
}

.mg-t12 {
    margin-top: 12rem;
}

.mg-b4 {
    margin-bottom: 4rem;
}

.mg-b2 {
    margin-bottom: 2rem;
}

.top-14 {
    top: -14rem;
}

.mail-lady-img-under-p {
    margin-top: 32rem;
    padding: 0 2rem 2rem;
}

.mg-b2 {
    margin-bottom: 2rem;
}

.col-FF6E6E {
    color: #FF6E6E;
}

p {
    font-size: 1.3rem;
}

.bg-flow {
    background-image: url(/assets/images/lady-m2/LM-h2-04-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
    padding-top: 51rem;
    margin-top: -8rem;
}

.LM-h2-02-box {
    position: relative;
}

.LM-h2-02-box2 {
    position: relative;
    top: -47rem;
}

.mg-t-7 {
    margin-top: -7rem;
}

.z-i5 {
    z-index: 5;
}

.top-8 {
    top: -8rem;
}

.page_top_lm {
    width: 5rem;
    height: 5rem;
    position: fixed;
    bottom: -5rem;
    border-radius: 50%;
    right: 1rem;
    z-index: 10;
}

.page_top_lm a {
    position: relative;
    display: block;
    width: 5rem;
    height: 5rem;
    text-decoration: none;
    line-height: 4;
}

.page_top_lm a::before {
    content: "";
    position: absolute;
    background-size: contain;
    background-image: url(/assets/images/area-cp/top-back-btn.svg);
    background-repeat: no-repeat;
    width: 5rem;
    height: 5rem;
}

.fot-p_lm {
    font-size: 1rem;
    padding: 0;
    text-align: left;
    background-color: #1f1f1f;
    margin: 0 0 2rem 3rem;
    color: #fff;
}

.fot-bg_lm {
    background-color: #1f1f1f;
    padding: 1rem 0;
    margin-top: -.8rem;
}

/***top*****************************************************/
.top-1 {
    top: -1rem;
}

.top2 {
    top: 2rem;
}

.top3 {
    top: 3rem;
}

.top-3 {
    top: -3rem;
}

.top-6 {
    top: -6rem;
}

.top-14 {
    top: -14rem;
}

/***mg-left*****************************************************/
.mg-l2 {
    margin-left: 2rem;
}

/***mg-top*****************************************************/
.mg-t3 {
    margin-top: 3rem;
}

.mg-t6 {
    margin-top: 6rem;
}

.mg-t8 {
    margin-top: 8rem;
}

.mg-t12 {
    margin-top: 12rem;
}

.mg-t15 {
    margin-top: 15rem;
}

.mg-t18 {
    margin-top: 18rem;
}

.mg-t19 {
    margin-top: 19rem;
}

.mg-t0 {
    margin-top: 0;
}

/***mg-topマイナス*****************************************************/
.mg-t-1 {
    margin-top: -1rem;
}

.mg-t-2 {
    margin-top: -2rem;
}

.mg-t-4 {
    margin-top: -4rem;
}

.mg-t-6 {
    margin-top: -6rem;
}

.mg-t-7 {
    margin-top: -7rem;
}

.mg-t-26 {
    margin-top: -26rem;
}

/***mg-bottomマイナス*****************************************************/
.mg-b-92 {
    margin-bottom: -84rem;
}


.mg-t0_5 {
    margin-top: 0;
}

.mg-0 {
    margin: 0;
}


.mg-b50_57{
    margin-bottom: 50rem;
}

/*****fade**************************************************************/
.fadein, .fadein2 {
    transition: all 600ms ease-out;
}

.fadein.toUp, .fadein2.toUp {
    transform: translateY(20px);
    opacity: 0;
}

.fadein.Down, .fadein2.Down {
    transform: translateY(-20px);
    opacity: 0;
}

.fadein.right-lm, .fadein2.right-lm {
    transform: translateX(40px);
    opacity: 0;
}

.fadein.left-lm, .fadein2.left-lm {
    transform: translateX(-40px);
    opacity: 0;
}



.fadein.fuwa, .fadein2.fuwa {
    transform: translate(0);
    opacity: 1;
    animation: fuwafuwa 2s infinite ease-in-out;
}

.fadein.fuwa2, .fadein2.fuwa2 {
    transform: translate(0);
    opacity: 1;
    animation: fuwafuwa 1.2s infinite ease-in-out;
}

.fadein.pyoko.show, .fadein2.pyoko.show {
    transform: translate(0);
    opacity: 1;
    animation: pyokopyoko 1s infinite ease-in-out;
}

.denden, .denden2, .pyoko {
    transform: translate(0);
    opacity: 0;
    /* 初期状態では見えないようにする */
}

.fadein.denden.show {
    transform: translate(0);
    opacity: 1;
    animation: denden 1s both ease-in-out;
}

.fadein.denden2, .fadein2.denden2 {
    transform: translate(0);
    opacity: 1;
    animation: denden2 2s infinite ease-in-out;
}

.fadein.kurukuru.show, .fadein2.kurukuru.show {
    transform: translate(0);
    opacity: 1;
    animation: kurukuru 5s infinite ease-in-out;
}

.boyoyon {
    opacity: 0;
}

.fadein.boyoyon, .fadein2.boyoyon {
    transform: translate3d(0, 0, 100px);
    opacity: 1;
    animation: boyoyon 700ms backwards;
}

.fadein.boyoyon .fadein2.boyoyon {
    transform: translate3d(0, 0, 100px);
    opacity: 1;
    animation: boyoyon 700ms backwards;
}

.fadein.boyoyon2, .fadein2.boyoyon2 {
    transform: translate3d(0, 0, 100px);
    opacity: 1;
    animation: boyoyon 700ms backwards;
}

.fadein.wobble-vertical-left.show, .fadein2.wobble-vertical-left.show {
    transform: translate(0);
    opacity: 1;
    animation: wobble-vertical-left 1s linear infinite;
    animation-delay: 1s;
}

.fadein.wobble-vertical-right.show, .fadein2.wobble-vertical-right.show {
    transform: translate(0);
    opacity: 1;
    animation: wobble-vertical-right 1s linear infinite;
    animation-delay: 1s;
}

.fadein.jello.show, .fadein2.jello.show {
    animation: jello .9s linear both
}

.fadein.bounce-in-bck.show, .fadein2.bounce-in-bck.show {
    transform: translate(0);
    opacity: 1;
    animation: bounce-in-bck 1.1s both;
}
.fadein.bounce-in-fwd.show {
    opacity: 1;
	animation: bounce-in-fwd 1.1s both;
}
.fadein.rotate-in-center.show, .fadein2.rotate-in-center.show {
    transform: translate(0);
    opacity: 1;
    animation: rotate-in-center 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.flip-in-ver-right, .rotate-in-center, .bounce-in-bck, .bounce-in-fwd ,.wobble-vertical-right, .wobble-vertical-left {
    opacity: 0;
}

.fadein.flip-in-ver-right.show, .fadein2.flip-in-ver-right.show {
    transform: translate(0);
    opacity: 1;
    animation: flip-in-ver-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.fadein.shake2.show,
.fadein2.shake2.show {
    opacity: 1;
    animation: shake2 0.8s linear both
}

.shake, .shake2 {
    opacity: 0;
}

.fadein.shake.show,
.fadein2.shake.show {
    opacity: 1;
    animation: shake 0.8s linear both
}

.fadein.show, .fadein2.show2 {
    transform: translate(0);
    opacity: 1;
}

.rotate-in-ver {
    opacity: 0;
}

.fadein.rotate-in-ver.show {
    animation: rotate-in-ver 0.5s;
    opacity: 1;
}
.bounce-in-right ,.bounce-in-left{
    opacity: 0;
}
.fadein.bounce-in-right.show {
    opacity: 1;
    animation: bounce-in-right 1.1s both;
}
.fadein.bounce-in-left.show {
    opacity: 1;
	animation: bounce-in-left 1.1s both;
}
@keyframes bounce-in-fwd {
    0% {
      -webkit-transform: scale(0);
              transform: scale(0);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
      opacity: 0;
    }
    38% {
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
      opacity: 1;
    }
    55% {
      -webkit-transform: scale(0.7);
              transform: scale(0.7);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    72% {
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
    81% {
      -webkit-transform: scale(0.84);
              transform: scale(0.84);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    89% {
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
    95% {
      -webkit-transform: scale(0.95);
              transform: scale(0.95);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
  }
  
@keyframes bounce-in-left {
    0% {
      -webkit-transform: translateX(-600px);
              transform: translateX(-600px);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
      opacity: 0;
    }
    38% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
      opacity: 1;
    }
    55% {
      -webkit-transform: translateX(-68px);
              transform: translateX(-68px);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    72% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
    81% {
      -webkit-transform: translateX(-28px);
              transform: translateX(-28px);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    90% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
    95% {
      -webkit-transform: translateX(-8px);
              transform: translateX(-8px);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    100% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
  }
  
  @keyframes bounce-in-right {
    0% {
      -webkit-transform: translateX(600px);
              transform: translateX(600px);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
      opacity: 0;
    }
    38% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
      opacity: 1;
    }
    55% {
      -webkit-transform: translateX(68px);
              transform: translateX(68px);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    72% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
    81% {
      -webkit-transform: translateX(32px);
              transform: translateX(32px);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    90% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
    95% {
      -webkit-transform: translateX(8px);
              transform: translateX(8px);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    100% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
  }
@keyframes rotate-in-ver {
    0% {
        transform: rotateY(-360deg);
        opacity: 0;
    }

    100% {
        transform: rotateY(0deg);
        opacity: 1;
    }
}

@keyframes fuwafuwa {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-5px);
    }
}

@keyframes pyokopyoko {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }
}

@keyframes denden {

    0% {
        transform: scale(7);
    }

    38% {
        transform: scale(1);
        animation-timing-function: ease-out;
    }

    55% {
        transform: scale(1.5);
        animation-timing-function: ease-in;
    }

    72% {
        transform: scale(1);
        animation-timing-function: ease-out;
    }

    81% {
        transform: scale(1.24);
        animation-timing-function: ease-in;
    }

    89% {
        transform: scale(1);
        animation-timing-function: ease-out;
    }

    95% {
        transform: scale(1.04);
        animation-timing-function: ease-in;
    }

    100% {
        transform: scale(1);
        animation-timing-function: ease-out;
    }
}

@keyframes denden2 {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
    }
}

@keyframes kurukuru {

    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(180deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.lm-h2-01-boyo {
    position: relative;
    top: -7.5rem;
    margin-bottom: -20rem;
}



@keyframes boyoyon {
    0%, 20%, 40%, 60%, 80%, 100% {
        animation-timing-function: cubic-bezier(0.1, 0.1, 0.1, 1);
    }

    0% {
        opacity: 0;
        transform: translate3d(0, 0, 100px) scale3d(5, 5, 5);
        /* 初めの位置（手前）で小さく */
    }

    20% {
        transform: translate3d(0, 0, 0) scale3d(1.5, 1.5, 1.5);
        /* バウンスのピーク（手前から奥に） */
    }

    40% {
        transform: translate3d(0, 0, 70px) scale3d(0.8, 0.8, 0.8);
        /* 中間の位置（手前に戻る） */
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale3d(1.1, 1.1, 1.1);
        /* バウンスのピーク（手前から奥に） */
    }

    80% {
        transform: translate3d(0, 0, 30px) scale3d(0.97, 0.97, 0.97);
        /* 中間の位置（手前に戻る） */
    }

    100% {
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
        /* 最終位置（手前から奥に） */
    }
}



@keyframes wobble-vertical-left {
    0%, 40%, 100% {
        transform: translateY(0) rotate(0);
        transform-origin: 50% 50%;
    }

    15% {
        transform: translateY(-30px) rotate(-6deg);
    }

    30% {
        transform: translateY(15px) rotate(6deg);
    }

    45% {
        transform: translateY(-15px) rotate(-3.6deg);
    }

    60% {
        transform: translateY(9px) rotate(2.4deg);
    }

    75% {
        transform: translateY(-6px) rotate(-1.2deg);
    }
}

@keyframes wobble-vertical-right {
    0%, 40%, 100% {
        transform: translateY(0) rotate(0);
        transform-origin: 50% 50%;
    }

    15% {
        transform: translateY(-30px) rotate(6deg);
    }

    30% {
        transform: translateY(15px) rotate(-6deg);
    }

    45% {
        transform: translateY(-15px) rotate(3.6deg);
    }

    60% {
        transform: translateY(9px) rotate(-2.4deg);
    }

    75% {
        transform: translateY(-6px) rotate(1.2deg);
    }
}


@keyframes jello {
    0% {
        transform: scale3d(1, 1, 1)
    }

    30% {
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        transform: scale3d(1.05, .95, 1)
    }

    100% {
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes bounce-in-bck {
    0% {
        transform: scale(7);
        animation-timing-function: ease-in;
        opacity: 0;
    }

    38% {
        transform: scale(1);
        animation-timing-function: ease-out;
        opacity: 1;
    }

    55% {
        transform: scale(1.5);
        animation-timing-function: ease-in;
    }

    72% {
        transform: scale(1);
        animation-timing-function: ease-out;
    }

    81% {
        transform: scale(1.24);
        animation-timing-function: ease-in;
    }

    89% {
        transform: scale(1);
        animation-timing-function: ease-out;
    }

    95% {
        transform: scale(1.04);
        animation-timing-function: ease-in;
    }

    100% {
        transform: scale(1);
        animation-timing-function: ease-out;
    }
}

@keyframes bounce-in-bck {
    0% {
        transform: scale(7);
        animation-timing-function: ease-in;
        opacity: 0;
    }

    38% {
        transform: scale(1);
        animation-timing-function: ease-out;
        opacity: 1;
    }

    55% {
        transform: scale(1.5);
        animation-timing-function: ease-in;
    }

    72% {
        transform: scale(1);
        animation-timing-function: ease-out;
    }

    81% {
        transform: scale(1.24);
        animation-timing-function: ease-in;
    }

    89% {
        transform: scale(1);
        animation-timing-function: ease-out;
    }

    95% {
        transform: scale(1.04);
        animation-timing-function: ease-in;
    }

    100% {
        transform: scale(1);
        animation-timing-function: ease-out;
    }
}



@-webkit-keyframes rotate-in-center {
    0% {
        transform: rotate(-360deg);
        opacity: 0;
    }

    100% {
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotate-in-center {
    0% {
        transform: rotate(-360deg);
        opacity: 0;
    }

    100% {
        transform: rotate(0);
        opacity: 1;
    }
}

@-webkit-keyframes flip-in-ver-right {
    0% {
        transform: rotateY(-80deg);
        opacity: 0;
    }

    100% {
        transform: rotateY(0);
        opacity: 1;
    }
}

@keyframes flip-in-ver-right {
    0% {
        transform: rotateY(-80deg);
        opacity: 0;
    }

    100% {
        transform: rotateY(0);
        opacity: 1;
    }
}

@keyframes shake2 {

    0%,
    100% {
        transform: translateY(0)
    }

    10%,
    30%,
    50%,
    70% {
        transform: translateY(-10px)
    }

    20%,
    40%,
    60% {
        transform: translateY(10px)
    }

    80% {
        transform: translateY(8px)
    }

    90% {
        transform: translateY(-8px)
    }
}

@keyframes shake {

    0%,
    100% {
        transform: translateX(0)
    }

    10%,
    30%,
    50%,
    70% {
        transform: translateX(-10px)
    }

    20%,
    40%,
    60% {
        transform: translateX(10px)
    }

    80% {
        transform: translateX(8px)
    }

    90% {
        transform: translateX(-8px)
    }
}

/**************************************************************************
@media (min-width: 728px) {
    .mg-b-92 {
        margin-bottom: -107rem;
    }

    .bg-flow {
        padding-top: 60rem;
        margin-top: -10rem;
    }

    .LM-h2-04-10bg-b {
        top: -112rem;
    }

    .LM-h2-04-10bg-a {
        top: -38rem;
    }

    .LM-h2-04-3i-2 {
        top: 30rem;
    }

    .top-14 {
        top: -22rem;
    }
.pc-mg-t7{
    margin-top: 7rem;
}
    .LM-h2-02-box2 {
        top: -58rem;
    }

    .lm-h2-01-boyo {
        top: -2.5rem;
    }

    .lm-h2-01 {


        margin-bottom: -26.5rem;
    }

    .bg-ore {

        padding-top: 6rem;
    }

    .mg-t0_5 {
        margin-top: 5rem;
    }
    .mg-b20_24 {
        margin-bottom: 24rem;
    }
    .page_top_lm {
        right: calc(50% - 340px);
    }
    .mg-b50_57{
        margin-bottom: 57rem;
    }

}*/