@charset "UTF-8";

/* ----　メモ：
階層移動により「/contents/about/31club.html」から「/contents/service/31club.html」にURL変更。
CSSについても「about.css」から「31club.css」が独立して使用するようになった。2024/12/27
----　*/


/* ============================================
        上書き
============================================= */
#MainTitle.withSubMenu {
    margin-top: 0px;
}


/* ============================================
        31cLub
        /contents/about/31club.html
============================================= */
.club31TopSection {
    padding-top: 30px;
}
.club31TopSection img {
    width: 100%;
}
.club31TopSectionImg {
    margin-bottom: 20px;
}
.downloadButtonList {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 10px;
}
.downloadButtonList li {
    width: 47%;
}

.pointTitle {
    font-weight: bold;
    color: #F04E98;
    text-align: center;
    margin-bottom: 15px;
}
.pointTitleNumber {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 1.5rem;
    letter-spacing: .1em;
    display: flex;
    align-items: center;
}
.pointTitleNumber:before,
.pointTitleNumber:after {
    content: "";
    flex-grow: 1;
    height: 2px;
    background: #C8C8C8;
    display: block;
    margin-bottom: 4px;
}
.pointTitleNumber:before {
    margin-right: .7em;
}
.pointTitleNumber:after {
    margin-left: .7em;
}
.pointTitleNumber span {
    font-size: 1.7rem;
    display: inline-block;
    margin-left: 5px;
}
.pointTitleText {
    display: inline-block;
    font-size: 1.8rem;
    line-height: 1.2;
    margin-top: 8px;
}

.pointBox {
    margin-top: 40px;
}
.pointBox.point1 {
    margin-top: 0px;
}
.pointBox img {
    width: 100%;
    padding-bottom: 17px;
}
.pointBox #pointImg_point1 {
    width: 73%;
    margin: 0 13.5%;
}
.pointBox #pointImg_point3 {
    width: 67%;
    margin: 0 16.5%;
}
.pointBox .point2colRight {
    margin-top: 20px;
}
.pointBox .pointNotes {
    font-size: 1.1rem;
}

.pointAttention {
    background-color: #f0f0f0;
    padding: 10px 15px;
    border-radius: 5px;
    margin-top: 20px;
}
.pointAttentionTitle {
    font-size: 1.4rem;
    font-weight: bold;
    color: #F04E98;
    padding: 5px 0 5px 35px;
    background-image: url(/media/image/about/31club_icon_attention.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 30px 30px;
}
.pointAttentionText01 {
    font-size: 1.1rem;
    color: #F04E98;
}
.pointAttentionText02 {
    font-size: 1.1rem;
}

.appDownloadTitle {
    font-size: 2.1rem;
    font-weight: bold;
    color: #F04E98;
    text-align: center;
    margin: 33px 0 20px;
}
.appDownload h3 {
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 10px;
}
.appDownloadQrcode {
    display: none;
}

.appDownloadButtonList {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.appDownloadButtonList li {
    width: 47%;
}
.appDownloadButtonList img {
    width: 100%;
}

.register {
    padding-bottom: 40px;
}

.registerStepWrap {
    display: none;
}
.registerStepCont {
    /*background-color: #f0f0f0; */
    padding: 30px 5.333%;
}
.registerStep p {
    font-feature-settings: "palt";
    letter-spacing: 0.8px;
}
.registerStep + .registerStep {
    margin-top: 40px;
}
.registerStepTitle {
    display: table;
    font-size: 1.8rem;
    font-weight: bold;
    font-feature-settings: "palt";
    letter-spacing: 0.8px;
    line-height: 1.4;
    color: #F04E98;
    margin-bottom: 15px;
}
.registerStepTitle span {
    display: table-cell;
    vertical-align: middle;
}
.registerStepTitle span + span {
    padding-left: 12px;
}
.registerStepTitle img {
    width: 12.8vw;
    height: 12.8vw;
}
.registerStepTitle_sub {
    font-size: 1.6rem;
    font-weight: bold;
    margin-top: 45px;
    margin-bottom: 20px;
}
.registerStepImg {
    margin-bottom: 20px;
}
.registerStepImg img {
    width: 100%;
}
.registerStepButton {
    margin-top: 30px;
}
.registerStepButton .buttonBlack {
    margin-top: 15px;
}
.registerStepNotes {
    font-size: 1.1rem;
    text-align: right;
}

.benefit_link{
    display: block;
    margin-top: 20px;
    text-align: center;
    font-weight: bold;
    color: #FF0000;
}
.benefit_link:link,
.benefit_link:visited{
    color: #FF0000;
}

@media print, screen and (min-width: 768px) {
    .club31TopSection {
        position: relative;
        width:905px;
        padding-top: 0;
        margin: 0 auto;
    }
    .club31TopSectionImg {
        margin-bottom: 0;
        width: 670px;
    }
    .club31TopSectionButton {
        position: absolute;
        right: 0;
        bottom: 25px;
        width: 200px;
    }
    .club31TopSectionButton p {
        font-size: 1.6rem;
    }
    .downloadButtonList {
        display: block;
        margin-top: 15px;
    }
    .downloadButtonList li {
        width: 100%;
    }
    .downloadButtonList li + li {
        margin-top: 15px;
    }

    .pointTitle {
        margin-bottom: 10px;
    }
    .pointTitleNumber {
        font-size: 2.2rem;
        letter-spacing: .15em;
    }
    .pointTitleNumber:before,
    .pointTitleNumber:after {
        background: #e4e4e4;
    }
    .pointTitleNumber span {
        font-size: 2.4rem;
        margin-bottom: 2px;
    }
    .pointTitleText {
        font-size: 2.4rem;
        line-height: 1.3;
        margin-top: 0;
    }

    .pointBoxWrap {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .pointBox {
        margin-top: 50px;
    }
    .pointBox.point1 {
        width: 100%;
        margin-top: 0px;
    }
    .pointBox.point2,
    .pointBox.point3,
    .pointBox.point4 {
        width: 315px;
    }
    .pointBox img {
        padding-bottom: 20px;
    }
    .pointBox #pointImg_point1 {
        width: 100%;
        margin: 0;
    }
    .pointBox #pointImg_point3 {
        width: 97.2%;
        margin: 20px 1.4% 0;
    }
    .pointBox #pointImg_point4 {
        margin: 40px 0;
    }
    .pointBox p {
        font-size: 1.6rem;
        font-feature-settings: "palt";
        letter-spacing: 0.8px;
    }
    .pointBox .pointNotes {
        font-size: 1.2rem !important;
    }
    .point2colWrap {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .point2colLeft {
        width: 455px;
    }
    .point2colRight {
        width: 514px;
    }
    
    .pointAttention {
        padding: 25px 30px;
        border-radius: 10px;
        margin-top: 70px;
    }
    .pointAttentionTitle {
        font-size: 1.8rem;
        padding: 5px 0 5px 45px;
        margin-bottom: 10px;
    }
    .pointAttentionText01 {
        font-size: 1.2rem;
        line-height: 1.7;
    }
    .pointAttentionText02 {
        font-size: 1.2rem;
        line-height: 1.7;
    }

    .appDownloadTitle {
        font-size: 3.0rem;
        margin: 50px 0 18px;
    }
    .appDownload {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .appDownload h3 {
        font-size: 2.2rem;
        margin-bottom: 17px;
    }
    .appDownloadStore {
        width: 490px;
    }
    .appDownloadQrcode {
        display: block;
        width: 490px;
        overflow: hidden;
    }
    .appDownloadQrcode .qrcodeImg {
        width: 80px;
        padding-right: 15px;
        /*float: left;*/
    }
    .appDownloadQrcode .qrcodeNotes {
        font-size: 1.2rem;
        line-height: 1.7;
        text-indent: -1em;
        padding-left: 1em;
    }
    
    
    .register {
        padding-bottom: 60px;
    }
    .registerStepCont {
        position: relative;
        padding: 40px;
        width: 1024px;
        box-sizing: border-box;
        margin: 0 auto;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .registerStep + .registerStep {
        margin-top: 0;
    }
    .registerStep p {
        font-size: 1.6rem;
    }
    #registerStep_01 {
        width: 206px;
    }
    #registerStep_02 {
        width: 698px;
    }
    #registerStep_03 {
        width: 206px;
        margin-top: 55px;
    }
    #registerStep_04 {
        width: 452px;
        margin-top: 55px;
    }
    #registerStep_05 {
        width: 206px;
        margin-top: 55px;
    }
    
    #registerStep_02 .registerStep_2col {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    #registerStep_02 .registerStep_2col_login {
        width: 216px;
    }
    #registerStep_02 .registerStep_2col_login .registerStepImg img {
        width: 95%;
    }
    #registerStep_02 .registerStep_2col_signup {
        width: 452px;
    }
    
    .registerStepTitle {
        font-size: 2.2rem;
        margin-bottom: 18px;
    }
    .registerStepTitle span + span {
        padding-left: 7px;
    }
    .registerStepTitle img {
        width: 65px;
        height: 65px;
    }
    .registerStepTitle_sub {
        font-size: 1.8rem;
        margin-top: 0;
        margin-bottom: 10px;
    }
    .registerStepButton {
        display: none;
    }
    .registerStepNotes {
        position: absolute;
        font-size: 1.2rem;
        bottom: 15px;
        right: 40px;
    }

    .benefit_link{
        font-size: 2.0rem;
        margin-top: 40px;
    }
}


/* ============================================
        ※icemileの際の追加（一部、既存のCSSを上書き）
============================================= */

.ismileTopWrap {
    margin-top:37px;
    margin: 0 auto;
    text-align: center;
}
.ismileTopTitle img {
    width:72vw;
}
.ismileTopImage img {
    margin-top: 10px;
    width:76vw;
}
.ismileTopWord {
    text-align: left;
    margin-top: 21px;
}
.ismileTopWord h2{
    font-size:2.1rem;
    line-height: 1.25;
    color:#F04E98;
    text-align: center;
    letter-spacing: -2.5px;
}
.ismileTopWord p {
    margin-top: 10px;
    font-size:1.4rem;
    line-height: 1.2;
    font-weight: bold;
    text-align: justify;
}
.downloadBox .storeInner {
    display: flex;
    justify-content: center;
}
.downloadBox .storeInner a {
    width: 50%;
}
.downloadBox .storeInner a:first-child {
    margin-right: 5%;
}
.downloadBoxWrap h2 {
    font-size:2.1rem;
    color:#F04E98;
    margin-top: 28px;
    margin-bottom: 20px;
}
.storeInner{
    margin-top: 15px;
}
.ismileGetWrap{
    margin-top: 50px;
    text-align: center;
    padding: 0 5%;
}
.ismileGetWrap p {
    margin-top: 18px;
    text-align: left;
    font-size: 1.6rem;
    text-align: justify;
}
.ismileGet01 img.sub_title,
.ismileGet02 img.sub_title,
.ismileGet03 img.sub_title{
    width: 89vw;
}
.ismileGet01 img.image{
    width: 68vw;
    margin: 14px 0 40px 0;
}
.ismileGet02 img.image{
    width: 89vw;
    margin: 14px 0 40px 0;
}
.ismileGet03 img.image{
    width: 81vw;
    margin: 14px 0 40px 0;
}
.ismileGetCaution {
    background-color: #FFFFFF;
    padding: 20px 16px 16px 16px;
    text-align: left;
    border-radius: 10px;
    margin: 43px 5.3333vw 0;
    border: 1px solid #F04E98;
}
.ismileGetCaution h3 {
    text-align: center;
    font-size: 1.4rem;
    color:#F04E98;
    display: flex;
    align-items: center;
}
.ismileGetCaution h3:before,
.ismileGetCaution h3:after {
    content: "";
    flex-grow: 1;
    height: 1px;
    background: #F04E98;
    display: block;
}
.ismileGetCaution h3:before {
    margin-right: 0.7rem;
}
.ismileGetCaution h3:after {
    margin-left: 0.7rem;
}
.ismileGetCaution span {
    display: inline-block;
}
.ismileGetCaution h3 span {
    display: flax;
    align-items: center;
}
.ismileGetCaution ul {
    margin-top: 15px;
}
.ismileGetCaution ul li {
    font-size: 1.1rem;
}
.ismileGetCaution ul li {
    font-size: 1.1rem;
}
.ismileGetCaution ul li span {
    color:#F04E98;
}
.useStepBoxWrap {
    margin-top: 74px;
    padding: 0 5%;
}
.useStepBoxWrap h2 {
    font-size:2.1rem;
    color:#F04E98;
    /*margin-top: 28px;*/
    text-align: center;
}
.useStepBox p {
    font-size:1.6rem;
    font-weight: normal;
    margin-top: 10px;
    text-align: justify;
}
.useStepBox .stepNumber{
    display: inline-block;
}
.useStepBoxWrap .right {
    text-align: right;
    font-size: 1.1rem;
    margin-top: 35px;
}
.useStepBox .stepNumber img{
    display: inline-block;
}
.useStepBox .stepNumber span{
    display: inline-block;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.3;
    color:#F04E98;
    letter-spacing: -0.5px;
}
.useStepBox .useStep01 .stepNumberImage,
.useStepBox .useStep02 .stepNumberImage,
.useStepBox .useStep03 .stepNumberImage{
    width: 55px;
    vertical-align: bottom;
}
.useStepBox .useStep01 .subtitle{
    margin-left: 7px;
    vertical-align: 5px;
}
.useStepBox .useStep02,
.useStepBox .useStep03{
    margin-top: 24px;
}
.useStepBox .useStep02 .subtitle,
.useStepBox .useStep03 .subtitle{
    margin-left: 5px;
    vertical-align: 13px;
}
.useStepBox .useStep01 .logoImage{
    width: 45px;
    margin-left: 5px;
    vertical-align: 4px;
}
.useStepBox .useStepImage{
    display: block;
    text-align: center;
    margin-top:20px;
}
.useStepBox .useStep01 .image01{
    width: 40.5333vw;
}
.useStepBox .useStep02 .image02{
    width: 40vw;
}
.useStepBox .useStep03 .image03{
    width: 89.3333vw;
}
.pointBox .other {
    display: inline-block;
    text-align: center;
}
.pointBoxWrap .other .otherTitleText{
    font-size: 2.1rem;
    line-height: 1.2;
    color:#F04E98;
    display: inline-block;
    margin: 0 18px;
}
.pointBoxWrap .other img{
    width:28px;
}
.appHelp{
    margin-top: 50px;
    margin-bottom: 55px;
}
.appHelpTitle img {
    width:35px;
    margin-right: 8px;
}
.appHelpTitle span {
    font-size: 2.1rem;
    font-weight: bold;
    color:#F04E98;
}
.appHelpButton div {
    margin-top: 30px;
}
.appDownloadTitle {
    text-align: left;
}
.appHelpButton .buttonBlack p::after {
    content: '';
    display: inline-block;
    width: 13px;
    height: 12px;
    background-image: url(/media/image/common/common_icon_window_white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: -1px;
    margin-left: 5px;
}
.ismileCautionTitle {
    font-size: 1.9rem;
    font-weight: bold;
    line-height: 1;
    color: #F04E98;
    text-align: center;
    margin-bottom: 10px;
}
.ismileCautionText {
    font-size: 1.1rem;
    line-height: 1.5;
    margin-bottom: 16px;
}
.ismileCautionLink {
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 60px;
}
.ismileCaution {
    margin-top: 30px;
}
.ismileCaution a {
    color: #000000;
    text-decoration: underline;
}
.ismileCaution a:hover {
    color: #F04E98;
}

/*以下は一部上書き*/
.registerStepImg {
    text-align: center;
}
.registerStep p{
    font-size: 1.6rem;
    text-align: justify;
}
.registerStep p .small{
    font-size: 1.1rem;
}
.register {
    margin-top: 40px;
    padding-bottom: 60px;
}
.registerStepCont {
    background-color: none;
}

/*----- 20211008改修時 -----*/
.registerAnchor{
    width: 89.3%;
    margin: 42px auto 0;
}
.registerAnchor a{
    display: block;
    background-color: #FFF;
    border-radius: 10px;
    padding: 8px 21px 8px 8px;
    box-sizing: border-box;
    text-decoration: none;
    border: 1px solid #CC0099;
}
.registerAnchor a:last-child{
    margin-top: 15px;
}
.registerAnchor a:hover{
    opacity: 0.6;
}
.registerAnchor_inner{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.registerAnchor_inner .text_01{
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.6666;
    text-align: center;
    color: #F04E98;
    width: 45vw;
}
a:link .registerAnchor_inner .text_01,
a:visited .registerAnchor_inner .text_01{
    color: #F04E98;
}
.registerAnchor_inner .text_02{
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1;
    color: #000000;
    width: 22.6vw;
}
a:link .registerAnchor_inner .text_02,
a:visited .registerAnchor_inner .text_02{
    color: #000000;
}
.registerAnchor_inner img{
    width: 1.55vw;
}
.registerAnchor_inner .fa-chevron-down{
    font-size: 1.1rem;
}
a:link .registerAnchor_inner .fa-chevron-down,
a:visited .registerAnchor_inner .fa-chevron-down{
    color: #000000;
}
#provisional{
    width: 89.3vw;
    margin: 40px auto 0;
}
#provisional h2{
    font-size: 2.1rem;
    line-height: 1;
    color: #F04E98;
    font-weight: bold;
    text-align: center;
}
.stepContainer{
    margin-top: 25px;
}
.step_01{
    margin-top: 20px;
}
.step_01 .appDownload h4{
    font-size: 1.6rem;
    line-height: 1;
}
.step_01 .appDownload .appDownloadButtonList{
    margin-top: 14px;   
}
.step_01 .appDownload .appDownloadButtonList li{
    width: 41.86vw; 
}
.step_02{
    margin-top: 50px;
}
.step_02_inner{
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}
.step_02_inner img{
    width: 42.27vw; 
    height: auto;
}
.step_02_inner p{
    width: 42vw;
    text-align: justify;
}

.step_03{
    margin-top: 50px;
}
.step_03_inner{
    width: 89.3vw;
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}
.step_03_inner h4{
    font-size: 1.6rem;
    line-height: 1.25;
    text-indent: -1.6rem;
    margin-left: 1.6rem;
    height: 40px;
    box-sizing: border-box;
}
.step_03_inner div:first-child h4{
    padding-top: 10px;
}
.step_03_inner img{
    width: 42.27vw;
    height: auto;
    margin-top: 20px;
}
.step_03_inner p{
    width: 42.27vw;
    font-size: 1.3rem;
    line-height: 1.538;
    margin-top: 15px;
}
.step_04{
    margin-top: 66px;
}
.step_04_inner{
    margin-top: 16px;
}
.step_04_inner .step_04-01-img{
    width: 100%;
    height: auto;
}
.step_04_inner p{
    font-size: 1.1rem;
    line-height: 1.5;
    margin-top: 10px;
}
.step_04_inner .step_04-01-fukidashi{
    display: block;
    width: 75.6vw;
    margin: -14px auto 0;
}
.step_04_caution{
    background-color: #FFF;
    border-radius: 6px;
    margin-top: 35px;
    padding: 16px;
    box-sizing: border-box;
    border: 1px solid #CC0099;
}
.step_04_caution h4 img{
    width: 35vw;
    display: block;
    margin: 0 auto;
}
.step_04_caution_inner{
    display: flex;
    justify-content: space-between;
    margin-top: 14px;
}
.step_04_caution_inner div{
    width: 51.2vw;
}
.step_04_caution_inner div p{
    font-size: 1.3rem;
    line-height: 1.5;
    margin-top: 0;
}
.step_04_caution_inner div p > span{
    color: #F04E98;
}
.step_04_caution_inner div .step_04_caution_text{
    font-size: 1.1rem;
    line-height: 1.66666;
    margin: 6px 0 0 1.1rem;
    text-indent: -1.1rem;
}
.step_04_caution_inner img{
    width: 25.7vw;
    height: 40vw;
}
.continue_text{
    width: 89.3vw;
    height: 6.6667vw;
    margin: 50px auto 0;
    font-size: 2.933vw;
    line-height: 1;
    font-weight: bold;
    background-color: #004097;
    color: #FFF;
    text-align: center;
    border-radius: 2px;
    padding: 1.867vw 0;
    box-sizing: border-box;
}
#register{
    width: 89.3vw;
    margin: 60px auto 0;
}
#register h2{
    font-size: 2.1rem;
    line-height: 1;
    color: #F04E98;
    font-weight: bold;
    text-align: center;
}
.stepContainer_register01{
    margin-top: 21px;
}
.step_01_register_inner{
    display: flex;
    justify-content: space-between;
}
.step_01_register .registerStepTitle span br{
    display: none;
}
.step_01_register_inner img{
    width: 42.27vw;
    height: 66.133vw;
}
.step_01_register_inner p{
    width: 42.27vw;
    font-size: 1.3rem;
    line-height: 1.5384;
}
.step_02_register{
    margin-top: 48px;
}
.step_02_register .register_step_02_img{
    width: 100%;
    height: auto;
}
.step_02_register p{
    font-size: 1.3rem;
    line-height: 1.5384;
    margin-top: 15px;
}
.step_03_register{
    margin-top: 48px;
}
.step_03_register_inner{
    display: flex;
    justify-content: space-between;
}
.step_03_register .registerStepTitle span br{
    display: none;
}
.step_03_register_inner img{
    width: 42.27vw;
    height: 66.133vw;
}
.step_03_register_inner p{
    width: 42.27vw;
    font-size: 1.3rem;
    line-height: 1.5384;
}

.step_04_register{
    margin-top: 48px;
}
.step_04_register_inner{
    display: flex;
    justify-content: space-between;
}
.step_04_register .registerStepTitle span br{
    display: none;
}
.step_04_register_inner img{
    width: 42.27vw;
    height: 85.733vw;
}
.step_04_register_inner p{
    width: 42.27vw;
    font-size: 1.3rem;
    line-height: 1.5384;
}
.step_04_register_inner p span{
    font-size: 1.1rem;
    line-height: 1.5;
    display: block;
    margin-top: 10px;
    text-indent: -1em;
    margin-left: 1em;
}
.step_05_register{
    margin-top: 48px;
}
.step_05_register .registerStepTitle span br {
    display: none;
}
.step_05_register_inner{
    display: flex;
    justify-content: space-between;
}
.step_05_register_inner img{
    width: 42.27vw;
    height: 85.733vw;
}
.step_05_register_inner p{
    width: 42.27vw;
    font-size: 1.3rem;
    line-height: 1.5384;
}
.caution_text_image{
    width: 89.3vw;
    margin: 10px auto 0;
    text-align: right;
    font-size: 1.1rem;
    line-height: 1;
}

@media screen and (max-width: 767px) {
    .downloadBox .qr{
        display: none;
    }

    /*以下は一部上書き*/
    .registerStepImg img{
        width: 77vw;
    }

    .club31TopSection {
        padding: 0 5%;
        padding-top: 30px;
    }
}

@media print, screen and (min-width: 768px) {
    .club31TopSection {
        width: 1024px;
    }

    .ismileTopWrap {
        width:100%;
        margin: 0 auto;
        text-align: left;
        position: relative;
        height:300px;
    }

    .ismileTopTitle img {
        width:508px;
    }

    .ismileTopImage {
        position: absolute;
        /* right: 50px; */
        top: 0px;

    }

    .ismileTopImage img {
        width:480px;
        margin-top: -90px;
        margin-left: 50px;

    }

    .ismileTopWord {
        text-align: left;
        margin-top: 21px;
        width:508px;
    }

    .ismileTopWord h2 br{
        display: none;
    }

    .ismileTopWord h2{
        font-size:2.4rem;
        line-height: 1.3;
        color:#F04E98;
        text-align: left;
        letter-spacing: -2.9px;
    }

    .ismileTopWord p {
        margin-top: 10px;
        font-size:1.7rem;
        line-height: 1.2;
        font-weight: bold;
    }

    .downloadBoxWrap h2{
        text-align:center;
        font-size:3.0rem;
    }

    .downloadBox{
        display:flex;
    }

    .downloadBox .store {
        width: 489px;
        margin-right: 50px;
    }

    .downloadBox .qr .downloadInner {
        margin-top: 10px;
        display:flex;
    }

    .downloadBox .qr .downloadInner img {
        width: 80px;
        height: 80px;
        margin-right: 13px;
    }

    .downloadBox .qr .downloadInner p {
        font-size: 12px;
        font-weight: normal;
    }

    .ismileGetWrap {
        display: flex;
        width:1024px;
        margin: 0 auto;
        margin-top: 75px;
    }

    .ismileGetWrap > div{
        width: 315px;
        margin-right:43px;
    }

    .ismileGetWrap > div:last-child{
        margin-right:0px;
    }

    .ismileGet01 img.image{
        width: 289px;
        margin-top: 80px;
    }

    .ismileGet02 img.image{
        width: 298px;
        margin-top: 14px;
    }

    .ismileGet03 img.image{
        width: 315px;
        margin-top: 55px;
    }

    .ismileGetCaution {
        width: 1024px;
        margin: 75px auto 0;
        padding: 30px 20px 20px 30px;
    }

    .ismileGetCaution h3 {
        font-size: 1.8rem;
    }

    .ismileGetCaution ul{
        display: flex;
        flex-wrap: wrap;
    }

    .ismileGetCaution ul li{
        width: 47%;
        font-size: 1.2rem;
        white-space:nowrap;
    }

    .ismileGetCaution h3:before {
        margin-right: 12px;
    }

    .ismileGetCaution h3:after {
        margin-left: 12px;
    }

    .useStepBoxWrap {
        width: 1024px;
        margin: 130px auto 0;
    }

    .useStepBoxWrap h2 {
        font-size:3.0rem;
        /*margin-top: 70px;*/
    }

    .useStepBox{
        display: flex;
    }

    .useStepBox p{
        height: 100px;
    }

    .useStepBox .useStep01 .stepNumberImage,
    .useStepBox .useStep02 .stepNumberImage,
    .useStepBox .useStep03 .stepNumberImage{
        width: 56px;
    }

    .useStepBox .useStep01,
    .useStepBox .useStep02,
    .useStepBox .useStep03{
        width: 315px;
    }

    .useStepBox .useStep02,
    .useStepBox .useStep03{
        margin-left: 44px;
        margin-top: 0px;
    }

    .useStepBox .subtitle{
        margin-left: 22px;
    }

    .useStepBox .useStep01 .subtitle{
        vertical-align: -5px;
        font-size: 2.2rem;
        margin-left: 10px;
        letter-spacing: 1.0px;
        line-height: 1.2;
    }

    .useStepBox .useStep02 .subtitle,
    .useStepBox .useStep03 .subtitle{
        vertical-align: 8px;
        font-size: 2.2rem;
        margin-left: 10px;
    }

    .useStepBox .useStep01 .logoImage{
        width: 46px;
        margin-left: 17px;
        vertical-align: -6px;
    }

    .useStepBox .useStep01 .image01{
        width: 144px;
    }

    .useStepBox .useStep02 .image02{
        width: 141px;
    }

    .useStepBox .useStep03 .image03{
        height: 285px;
        width: 315px;
    }

    .useStepImage {
        vertical-align: bottom;
        display: block;
    }

    .appHelp{
        text-align: center;
    }

    .appHelpTitle span{
        margin-bottom: 20px;
        font-size: 3.0rem;
    }

    .appHelpTitle .logoImage{
        width: 60px;
    }

    .appHelpButton .buttonBlack {
        width: 420px;
        display: inline-block;
    }

    .appHelpButton .buttonBlack .IconWindow {
        width: 20px;
        margin-left: 9px;
    }

    .appHelpButton .buttonBlack:nth-child(odd) {
        margin-right: 40px;
    } 

    .appHelpButton .buttonBlack {
        margin-top: 40px;
    }

    .appHelpButton .buttonBlack p::after {
        width: 20px;
        height: 18px;
        vertical-align: -3px;
        margin-left: 7px;
    }

    .appHelpButton .buttonBlack a:hover p::after {
        background-image: url(/media/image/common/common_icon_window_black.svg);
    }
    
    .registerStepImg img {
        width: 95%;
    }

    #registerStep_02 .registerStep_2col_login {
        width: 230px;
    }

    .registerStepTitle_sub {
        margin-left: 20px;
    }

    .pointBoxWrap .other .otherTitleText {
        font-size: 3.0rem;
    }

    .pointBoxWrap .other .otherTitleText br{
        display: none;
    }

    .pointBoxWrap .other img {
        width: 45px;
    }

    .pointBoxWrap .other span {
        vertical-align: -7px;
    }

    .point2colLeft {
        width: 514px;
        margin-top: 20px;
    }

    .point2colRight {
        width: 455px;
    }

    .pointBox .point2colRight {
        margin-top: 0px;
    }

    .appDownloadTitle {
        text-align: center;
    }

    .ismileCautionTitle {
        font-size: 2.6rem;
        margin-bottom: 16px;
    }

    .ismileCautionText {
        font-size: 1.2rem;
        line-height: 1.667;
        margin-bottom: 10px;
        text-align: center;
    }

    .ismileCautionLink {
        font-size: 1.8rem;
        margin-bottom: 75px;
        text-align: center;
    }

    .registerStep .mt54{
        margin-top: 54px;
    }

    #registerStep_01 .registerStepImg img{
        width:206px;
    }

    .registerStep_2col img{
        width:239px;
    }

    .registerStep_2col_signup p{
        width: 505px;
    }

    .registerStep_2col_signup img{
        width:505px;
    }

    #registerStep_02 .registerStep_2col_login .registerStepImg img {
        width: 100%;
    }

    #registerStep_03 .registerStepImg img,
    #registerStep_05 .registerStepImg img{
        width:206px;
    }

    #registerStep_04 .registerStepImg img{
        width:473px;
    }

    #registerStep_04 {
        margin-right: 20px;
    }

    .ismileGet01 img.sub_title, .ismileGet02 img.sub_title, .ismileGet03 img.sub_title {
        width: 315px;
    }

    .pointBox .other {
        margin-top: 40px;
        margin-bottom: 35px;
    }

    .downloadBoxWrap h2 {
        margin-top: 65px;
    }
    

    /*----- 20211008改修時 -----*/
    .registerAnchor{
        width: 794px;
        margin: 80px auto 0;
        display: flex;
        justify-content: space-between;
    }
    .registerAnchor a{
        width: 367px;
        border-radius: 10px;
        padding: 8px 20px 8px 15px;
    }
    .registerAnchor a:last-child{
        margin-top: 0px;
    }
    .registerAnchor_inner{
    }
    .registerAnchor_inner .text_01{
        font-size: 1.3rem;
        line-height: 1.615;
        width: 190px;
    }
    .registerAnchor_inner .text_02{
        font-size: 1.8rem;
        width: 95px;
    }
    .registerAnchor_inner img{
        width: 6px;
    }
    .registerAnchor_inner .fa-chevron-down{
        font-size: 1.5rem;
    }

    #provisional{
        width: 1024px;
        margin: 75px auto 0;
    }
    #provisional h2{
        font-size: 3.0rem;
    }
    .stepContainer{
        margin-top: 40px;
        display: flex;
        justify-content: space-between;
    }
    .step_01{
        margin-top: 0px;
    }
    .step_01 .appDownload{
        display: block;
    }
    .step_01 .appDownload h4{
        font-size: 1.8rem;
    }
    .step_01 .appDownload .appDownloadButtonList{
        margin-top: 15px;   
        width: 482px;
    }
    .step_01 .appDownload .appDownloadButtonList li{
        width: 226px;   
    }

    .step_01 .appDownload .appDownloadQrcode{
        margin-top: 30px;
    }
    .step_01 .appDownload .appDownloadQrcode .appDownloadQrcode_inner{
        display: flex;
        justify-content: space-between;
        align-items: bottom;
        margin-top: 15px;
        width: 330px;
    }
    .step_01 .appDownload .appDownloadQrcode .appDownloadQrcode_inner img{
        width: 146px;
    }
    .step_01 .appDownload .appDownloadQrcode .appDownloadQrcode_inner p{
        width: 178px;
        margin-top: 100px;
        font-size: 1.2rem;
        line-height: 1.6666;
    }
    .step_01 .appDownload .appDownloadQrcode .appDownloadQrcode_inner .qrcodeNotes{
        text-indent: -1.2rem;
        margin-left: 1.2rem;
    }
    .step_02{
        margin-top: 0px;
    }
    .step_02_inner{
        margin-top: 29px;
        width: 483px;
    }
    .step_02_inner img{
        width: 211px;   
    }
    .step_02_inner p{
        width: 242px;   
    }
    .step_03{
        margin-top: 60px;
    }
    .step_03_inner{
        width: 1024px;
        margin-top: 30px;
    }
    .step_03 .registerStepTitle span br {
        display: none;
    }
    .step_03_inner h4{
        font-size: 1.8rem;
        line-height: 1;
        text-indent: 0rem;
        margin-left: 0rem;
        height: 18px;
    }
    .step_03_inner h4 br{
        display: none;
    }
    .step_03_inner div:first-child h4{
        padding-top: 0px;
    }
    .step_03_inner img{
        width: 482px;
        margin-top: 23px;
    }
    .step_03_inner p{
        width: 482px;
        font-size: 1.6rem;
        line-height: 1.25;
        margin-top: 28px;
    }
    .step_04{
        margin-top: 48px;
    }
    .step_04_inner{
        display: flex;
        justify-content: space-between;
        margin-top: 30px;
    }
    .step_04_inner div:first-child{
        position: relative;
        width: 482px;
    }
    .step_04_inner .step_04-01-img{
        width: 482px;
    }
    .step_04_inner p{
        font-size: 1.6rem;
        line-height: 1;
        margin-top: 30px;
    }
    .step_04_inner .step_04-01-fukidashi{
        position: absolute;
        display: block;
        width: 198px;
        margin: 0;
        top: -70px;
        right: -132px;
    }
    .step_04_caution{
        width: 377px;
        height: 357px;
        border-radius: 16px;
        margin-top: 0px;
        padding: 28px 19px;
    }
    .step_04_caution h4 img{
        width: 182px;
    }
    .step_04_caution_inner{
        margin-top: 22px;
    }
    .step_04_caution_inner div{
        width: 169px;
    }
    .step_04_caution_inner div p{
        font-size: 1.6rem;
        margin-top: 0;
    }
    .step_04_caution_inner div .step_04_caution_text{
        font-size: 1.2rem;
        line-height: 1.66666;
        margin: 16px 0 0 1.2rem;
        text-indent: -1.2rem;
    }
    .step_04_caution_inner img{
        width: 153px;
        height: 238px;
    }
    .continue_text{
        width: 1024px;
        height: 40px;
        margin: 62px auto 0;
        font-size: 1.6rem;
        border-radius: 4px;
        padding: 12px 0;
    }

    #register{
        width: 1024px;
        margin: 77px auto 0;
    }
    #register h2{
        font-size: 3.0rem;
    }
    .stepContainer_register01{
        margin-top: 40px;
        display: flex;
        justify-content: space-between;
    }
    .step_01_register_inner{
        display: block;
    }
    .step_01_register .registerStepTitle span br {
        display: block;
    }
    .step_01_register_inner img{
        width: 211px;
        height: 330px;
    }
    .step_01_register_inner p{
        width: 211px;
        font-size: 1.6rem;
        line-height: 1.25;
        margin-top: 28px;
    }

    .step_02_register{
        margin-top: 0px;
    }
    .step_02_register .register_step_02_img{
        width: 482px;
        /*  margin-top: 20px;*/
    }
    .step_02_register p{
        font-size: 1.6rem;
        line-height: 1.25;
        margin-top: 28px;
        width: 482px;
    }
    .step_03_register{
        margin-top: 0px;
    }
    .step_03_register_inner{
        display: block;
    }
    .step_03_register .registerStepTitle span br {
        display: block;
    }
    .step_03_register_inner img{
        width: 211px;
        height: 330px;
    }
    .step_03_register_inner p{
        width: 211px;
        font-size: 1.6rem;
        line-height: 1.25;
        margin-top: 28px;
    }
    .stepContainer_register02{
        margin-top: 58px;
        display: flex;
        justify-content: space-between;
        width: 480px;
    }
    .step_04_register{
        margin-top: 0px;
    }
    .step_04_register_inner{
        display: block;
    }
    .step_04_register .registerStepTitle span br {
        display: block;
    }
    .step_04_register_inner img{
        width: 211px;
        height: 428px;
    }
    .step_04_register_inner p{
        width: 211px;
        font-size: 1.6rem;
        line-height: 1.25;
        margin-top: 28px;
    }
    .step_04_register_inner p span {
        font-size: 1.2rem;
        margin-top: 10px;
    }
    .caution_text_image{
        width: 1024px;
        margin: 38px auto 0;
        text-align: left;
        font-size: 1.2rem;
    }
    .step_05_register{
        margin-top: 0px;
    }
    .step_05_register_inner{
        display: block;
    }
    .step_05_register .registerStepTitle span br {
        display: block;
    }
    .step_05_register_inner img{
        width: 211px;
        height: 428px;
    }
    .step_05_register_inner p{
        width: 211px;
        font-size: 1.6rem;
        line-height: 1.25;
        margin-top: 28px;
    }
    .caution_text_image{
        width: 1024px;
        margin: -10px auto 0;
        text-align: right;
        font-size: 1.2rem;
    }

}

/*----- 20220524改修時 -----*/
/* トップ */
.main_31club{
    background-image: url("../../service/image/31club_ismile_pattern_sp.svg");
}
@media print, screen and (min-width: 768px) {
    .main_31club{
        width: 100%;
        min-width: 1350px;
    }
    
}

.topArea_sp .topArea_sp_inner{
    position: relative;
    background:
    url(../../service/image/topArea_bg_sp01.png) no-repeat left 2.4667% top 6vw,
    url(../../service/image/topArea_bg_sp02.png) no-repeat right 2.4667% top 6vw;
    background-size: 9.786667vw, 9.3333vw;
    background-color: #FFE4ED;
    border-radius: 0 0 15px 15px;
    height: 109.86vw;
    box-shadow: 0px 7px 5px 0px rgba(0,0,0,0.2);
}
.topArea_sp .topArea_logo{
    position: absolute;
    width: 41.9467vw;
    top: 8vw;
    left: 50%;
    transform: translateX(-50%);
}
.topArea_sp .topArea_phone{
    position: absolute;
    width: 54.6667vw;
    top: 37.333vw;
    left: 25.06vw;
}
.topArea_sp_dl{
    width: 89.3333vw;
    margin: 33.3333vw auto 0;
    display: flex;
    justify-content: space-between;
}
.topArea_sp_dl a{
    display: block;
    width: 41.4667vw;
}
.topArea_sp_text{
    width: 89.3333vw;
    margin: 38px auto 0;
    border: solid 1px #F04E98;
    border-radius: 10px;
    padding: 10px;
    box-sizing: border-box;
}
.topArea_sp_text p{
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.34375;
    color: #F04E98;
    text-align: center;
}
.topArea_sp_text ul li{
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.34375;
    color: #F04E98;
    text-align: left;
    text-indent:-1em;
    margin-left: 1em;
}
.topArea_otoku_sp{
    width: 93.8667vw;
    margin-top: 45px;
    margin-left: 4.66667vw;
}

@media print, screen and (min-width: 768px) {
    /* 上書き */
    .ismileWrap #breadCrumbs {
        background-color: #FFE4ED;
        padding-top: 10px;
        padding-bottom: 0;
    }

    /* トップ（ほぼ新規） */
    .main_31club{
        background-image: url("../../service/image/31club_ismile_pattern_pc.svg");
    }
    .topArea_pc_inner{
        position: relative;
        background-color: #FFE4ED;
        width: 100%;
        height: 505px;
        border-radius: 0 0 15px 15px;
        box-shadow: 0px 7px 5px 0px rgba(0,0,0,0.2);
        margin-bottom: 278px;
    }
    .topArea_pc_inner .topArea_phone{
        position: absolute;
        width: 410px;
        top: 8px;
        right: calc(50% - 223px);
    }
    .topArea_pc_inner .topArea_logo{
        position: absolute;
        width: 286px;
        top: 165px;
        right: calc(50% + 232px);
    }
    .topArea_pc_inner02{
        display: flex;
        justify-content: space-between;
    }
    .topArea_pc_inner02_left{
        width: 39.63%;
        height: 505px;
        background:
        url(../../service/image/topArea_bg_pc01.png) repeat-x right 0 top 43px,
        url(../../service/image/topArea_bg_pc02.png) repeat-x right 0 bottom 58px;
        background-size: 586px, 586px;
    }
    .topArea_pc_inner02_right{
        width: 39.63%;
        height: 505px;
        background:
        url(../../service/image/topArea_bg_pc03.png) repeat-x left 0 top 43px,
        url(../../service/image/topArea_bg_pc04.png) repeat-x left 0 bottom 58px;
        background-size: 586px, 586px;
    }
    .topArea_pc_dl{
        position: absolute;
        width: 213px;
        top: 187px;
        right: calc(50% - 465px);
    }
    .topArea_pc_dl a{
        display: block;
    }
    .topArea_pc_dl a:hover{
        opacity: 0.7;
    }
    .topArea_pc_dl a:nth-of-type(2){
        margin-top: 15px;
    }
    .topArea_pc_qr{
        position: absolute;
        width: 301px;
        bottom: -165px;
        display: flex;
        justify-content: space-between;
        right: calc(50% - 515px);  
    }
    .topArea_pc_qr .topArea_pc_qr_img{
        width: 94px;
        height: 94px;
    }
    .topArea_pc_qr .topArea_pc_qr_text{
        width: 196px;
    }
    .topArea_pc_qr .topArea_pc_qr_text span{
        font-size: 2.0rem;
        font-weight: bold;
        line-height: 1;
        margin-top: 4px;
        display: block;
    }
    .topArea_pc_qr .topArea_pc_qr_text span img{
        width: 10px;
        height: 11px;
        vertical-align: middle;
        display: inline-block;
        margin-right: 5px;
    }
    .topArea_pc_qr .topArea_pc_qr_text ul{
        margin-top: 14px;
    }
    .topArea_pc_qr .topArea_pc_qr_text ul li{
        font-size: 1.2rem;
        line-height: 1.5;
        text-indent: -1em;
        margin-left: 1em;
        letter-spacing: -0.03em;
    }
    .topArea_pc_text{
        width: 1024px;
        margin: 0 auto;
        border: solid 1px #F04E98;
        border-radius: 10px;
        padding: 20px 10px;
        box-sizing: border-box;
    }
    .topArea_pc_text p{
        font-size: 2.0rem;
        font-weight: bold;
        line-height: 1;
        color: #F04E98;
        text-align: center;
    }
    .topArea_pc_text ul li{
        font-size: 1.9rem;
        font-weight: bold;
        line-height: 1.5;
        color: #F04E98;
        text-align: left;
        text-indent: -1em;
        margin-left: 1em;
    }
    .topArea_otoku_pc_container{
        width: 1030px;
        margin: 34px auto 0;
    }
    .topArea_otoku_pc{
        width: 1027px;
        margin-left: 3px;
        display: block;
    }
}

/* getArea（ほぼ新規） */
.getArea{
    margin: 50px auto 0;
}
.getArea_flex_item01{
    margin: 0 auto;
    width: 89.3333vw;
}
.getArea_flex_item01 .getArea_title_img01{
    width: 100%;
}
.getArea_flex_item01 p{
    margin-top: 18px;
}
.getArea_flex_item01 .getArea_img01{
    display: block;
    width: 73.3333vw;
    margin-top: 15px;
    margin-left: 10.2666vw;
}
.getArea_flex_item02{
    margin: 50px auto 0;
    width: 89.3333vw;
}
.getArea_flex_item02 .getArea_title_img02{
    width: 100%;
}
.getArea_flex_item02 p{
    margin-top: 18px;
}
.getArea_flex_item02 .getArea_img02{
    display: block;
    width: 84.8vw;
    margin: 20px auto 0;
}
.getArea_flex_item02 .getArea_img02-02{
    display: block;
    width: 96.13333vw;
    margin-top: 15px;
    margin-bottom: 23px;
    overflow-x: hidden;
}
.getArea_flex_item03{
    margin: 60px auto 0;
    width: 89.3333vw;
}
.getArea_flex_item03 .getArea_title_img03{
    width: 100%;
}
.getArea_flex_item03 p{
    margin-top: 23px;
}
.getArea_flex_item03 .getArea_img03{
    display: block;
    width: 100%;
    margin-top: 15px;
}

@media print, screen and (min-width: 768px) {
    .getArea{
        width: 1024px;
        margin: 77px auto 0;
    }
    .getArea_flex{
        width: 1024px;
        display: flex;
        flex-wrap: wrap;
        /*flex-direction: column;*/
    }
    .getArea_flex_item01{
        order: 1;
        margin: 0;
        margin-right: 42px;
        width: 491px;
    }
    .getArea_flex_item01 .getArea_title_img01{
        width: 100%;
    }
    .getArea_flex_item01 p{
        font-size: 1.6rem;
        line-height: 1.375;
        margin-top: 16px;
    }
    .getArea_flex_item01 .getArea_img01{
        display: block;
        width: 365px;
        margin: 18px auto 0;
    }

    .getArea_flex_item02{
        order: 3;
        margin: 0;
        margin-top: 48px;
        width: 1024px;
    }
    .getArea_flex_item02 .getArea_title_img02{
        width: 100%;
    }
    .getArea_flex_item02 p{
        font-size: 1.6rem;
        line-height: 1.375;
        margin-top: 10px;
        text-align: center;
    }
    .getArea_flex02_pc{
        display: flex;
        justify-content: space-between;
        margin-top: -15px;
    }


    .getArea_flex_item02 .getArea_img02{
        width: 423px;
        margin-top: 60px;
        margin-left: 44px;
    }
    .getArea_flex_item02 .getArea_img02-02{
        display: block;
        width: 546px;
        height: 373px;
        margin-top: 0px;
        margin-bottom: 0px;
        overflow-x: hidden;
    }
    .getArea_flex_item02 .buttonBlack{
        width: 420px;
        margin: 40px auto 0;
    }

    .getArea_flex_item03{
        order: 2;
        margin: 0;
        width: 491px;
    }
    .getArea_flex_item03 .getArea_title_img03{
        width: 100%;
    }
    .getArea_flex_item03 p{
        font-size: 1.6rem;
        line-height: 1.375;
        margin-top: 16px;
    }
    .getArea_flex_item03 .getArea_img03{
        width: 310px;
        margin: 4px auto 0;
    }
}

/* 既存の内容を修正 */
.pointTitle_line {
    font-size: 1.7rem;
    letter-spacing: -0.05em;
    display: flex;
    align-items: center;
}
.pointTitle_line:before {
    margin-right: 0.7em;
}
.pointTitle_line:after {
    margin-left: 0.7em;
}
.pointTitle_line:before,
.pointTitle_line:after {
    content: "";
    flex-grow: 1;
    height: 2px;
    background: #C8C8C8;
    display: block;
    margin-bottom: 4px;
}
.pointBox.point2 img{
    display: block;
    margin: 0 auto;
    width: 60.9vw;
}

@media print, screen and (min-width: 768px) {
    .pointTitle{
        margin-bottom: 20px;
    }
    .pointTitle_line {
        font-size: 2.2rem;
        line-height: 1.27;
        letter-spacing: -0.05em;
        display: flex;
        align-items: center;
    }
    .pointTitle_line:before {
        margin-right: 0.7em;
    }
    .pointTitle_line:after {
        margin-left: 0.7em;
    }
    .pointTitle_line:before,
    .pointTitle_line:after {
        content: "";
        flex-grow: 1;
        height: 2px;
        background: #C8C8C8;
        display: block;
        margin-bottom: 4px;
    }
    .pointBox.point2 img{
        display: block;
        margin: 0 auto;
        width: 228px;
    }
    .pointBox #pointImg_point3 {
        margin: 32px 1.4% 0;
    }

    .appDownloadQrcode_flexBox{
        display: flex;
        
    }
}

/* ============================================
        TOP Sticky
============================================= */
#topSticky {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-left: 47px;
    background-color: #F04E98;
    border-top: #fff 1px solid;
    z-index: 10;
}
#topSticky .fa-times {
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    font-size: 2.2rem;
    line-height: 1;
    color: #fff;
}
#topSticky p {
    display: -webkit-box; /*Android4.3*/
    display: -ms-flexbox; /*IE10*/
    display: -webkit-flex; /*PC-Safari,iOS8.4*/
    display: flex;
    -ms-flex-align: center; /*IE10*/
    -webkit-box-align: center; /* Android4.3以下、Safari3.1〜6.0 */
    -webkit-align-items: center; /* Safari6.1以降 */
    align-items: center;
    min-height: 45px;
}
#topSticky p a {
    display: block;
    font-size: 1.3rem;
    font-weight: bold;
    line-height: 1.23;
    color: #fff;
    box-sizing: border-box;
    width: calc(100% - 47px);
    padding: 8px 45px 8px 0;
    background-image: url(/media/image/common/common_icon_arrow01_right_white.png);
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 20px 20px;
}
#topSticky.center p a {
    text-align: center;
}

@media print, screen and (min-width: 768px) {
    #topSticky {
        padding-left: 0;
        text-align: center;
        display: -webkit-box; /*Android4.3*/
        display: -ms-flexbox; /*IE10*/
        display: -webkit-flex; /*PC-Safari,iOS8.4*/
        display: flex;
        -ms-flex-align: center; /*IE10*/
        -webkit-box-align: center; /* Android4.3以下、Safari3.1〜6.0 */
        -webkit-align-items: center; /* Safari6.1以降 */
        align-items: center;
        -ms-flex-pack: center; /*IE10*/
        -webkit-box-pack: center; /* Android4.3以下、Safari3.1〜6.0 */
        -webkit-justify-content: center; /* Safari6.1以降 */
        justify-content: center;
    }
    #topSticky #stickyClose {
        height: 50px;
    }
    #topSticky .fa-times {
        position: static;
        top: 0;
        left: 0;
        transform: none;
        padding: 14px 0;
        font-size: 2.2rem;
        line-height: 1;
        cursor: pointer;
    }
    #topSticky p {
        display: block;
        min-height: auto;
    }
    #topSticky p a {
        font-size: 1.8rem;
        line-height: 1;
        box-sizing: border-box;
        width: 100%;
        padding: 16px 40px 16px 20px;
        background-image: url(/media/image/common/common_icon_arrow01_right_white.png);
        background-repeat: no-repeat;
        background-position: right center;
        background-size: 24px 24px;
    }
    _:-ms-lang(x)::-ms-backdrop, #topSticky p a { /*  IE11用のハック */
        padding: 19px 40px 13px 20px;
    }
}

#toTopForIndex {
    display: block;
    width: 45px;
    position: fixed;
    right: 10px;
    bottom: -135px;
    z-index: 1000;
}
@media print, screen and (min-width: 768px) {
    #toTopForIndex {
        width: 72px;
    }
}


/*----- 202206　改修時 -----*/
.repair * {
    box-sizing: border-box;
}
.repair {
    background: url(../../service/image/main_31club_sp.png), #FFF;
    background-size: 100%;
    background-position: center top calc(100vw / 375 * 410);
}
.repair img {
    width: 100%;
}
@media print, screen and (min-width: 768px) {
    .repair {
        background: url(../../service/image/main_31club_pc.png), #FFF;
        background-size: 1350px;
        background-position: center 526px
    }
}

/* 改行 */
.pc_none {
    display: block;
}
.spnone {
    display: none;
}
@media print, screen and (min-width: 768px) {
    .pc_none {
        display: none;
    }
    .spnone {
        display: block;
    }
}

.mainvisual {
    height: calc(100vw / 375 * 580);
}
.mainvisual_bg {
    background-color: #FFE4ED;
    border-radius: 0 0 15px 15px;
    height: 109.86vw;
    box-shadow: 0px 7px 5px 0px rgba(0, 0, 0, 0.2);
    padding: 20px 18.5px 23px;
    margin-bottom: 31.2%;
    position: relative;
    box-sizing: border-box;
}
.mainvisual_box {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}
.mainvisual_inner {
    display: flex;
    flex-direction: column;
    width: 10.355%;
}
.mainvisual_inner_separate + .mainvisual_inner_separate {
    margin-top: 38.2352%;
}
/* @media (min-width: 1351px) {
    .mainvisual_inner {
        display: none !important;
    }
} */

@media print, screen and (min-width: 768px) {
    .mainvisual {
        height: auto;
    }
    .mainvisual_bg {
        height: 505px;
        padding: 20px 0 54px;
        margin-bottom: 230px;
    }
    .mainvisual_box {
        flex-direction: column;
        width: 1350px;
    }
    .mainvisual_inner {
        width: 100%;
        justify-content: space-between;
        flex-direction: row;
    }
    .mainvisual_inner + .mainvisual_inner {
        margin-top: 260px;
    }
    .mainvisual_inner_separate {
        display: flex;
        width: 540px;
        justify-content: space-between;
    }
    .mainvisual_inner_separate + .mainvisual_inner_separate {
        padding-left: 15px;
        margin-top: 0;
    }
}
@media (min-width: 1351px) {
    .mainvisual_box {
        width: 100%;
    }
    .mainvisual_inner {
        height: 84px;
    }
    .icon {
        display: none !important;
    }
    .mainvisual_inner_separate + .mainvisual_inner_separate {
        padding-left: 0;
    }
    .mainvisual_summary {
        padding-right: 24px;
    }
    .ice_turn_01 {
        background: url(../../service/image/ice_turn_01.png) repeat-x;
        background-size: 612px;
        background-position: left top 20px;
        width: 50%;
    }
    .ice_turn_02 {
        background: url(../../service/image/ice_turn_02.png) repeat-x;
        background-size: 612px;
        background-position: right top 20px;
        width: 50%;
    }
    .ice_turn_03 {
        background: url(../../service/image/ice_turn_03.png) repeat-x;
        background-size: 612px;
        background-position: left 20px;
        width: 50%;
    }
    .ice_turn_04 {
        background: url(../../service/image/ice_turn_04.png) repeat-x;
        background-size: 612px;
        background-position: right top 20px;
        width: 50%;
    }

}

.icon {
    position: relative;
    display: inline-block;
    margin-top: 38.2352%;
}
.icon:first-of-type {
    margin-top: 0;
}
.icon img {
    width: 100%;
}
.icon_hide_sp {
    display: none;
}
@media print, screen and (min-width: 768px) {
    .icon_hide_sp {
        display: flex;
    }
}
/* アイスの全アニメーション共通 */
.ice img {
    transform-origin:center;
    animation-name: ice,ice_end;
    animation-duration: 0.5s;
    animation-timing-function: ease;
    animation-iteration-count: 1;
    animation-direction: alternate;
    animation-fill-mode: forwards;
}
@media print, screen and (min-width: 768px) {
    .icon {
        width: 64px;
        height: 64px;
        margin-top: 20px;
        /* margin-right: 24px; */
    }
    .icon:first-of-type {
        margin-top: 20px;
        margin-left: 2px;
    }
    /* .icon:nth-of-type(7) {
        margin-right: 130px;
    } */
    .icon img {
        width: 64px;
    }
    /* アイスの全アニメーション共通 */
    .ice img {
        transform-origin:center;
        animation-name: ice,ice_end;
        animation-duration: 0.5s;
        animation-timing-function: ease;
        animation-iteration-count: 1;
        animation-direction: alternate;
        animation-fill-mode: forwards;
    }
}
@keyframes ice {
    0% {
        transform: scale(1,1);
        /* opacity: 0; */
    }
    100% {
        transform: scale(0,0);
        /* opacity: 1; */
    }
}
@keyframes ice_end {
    0% {
        transform: scale(0.1,0.1);
        /* opacity: 0; */
    }
    90% {
        transform: scale(1.2,1.2);
    }
    100% {
        transform: scale(1,1);
        /* opacity: 1; */
    }
}
/* 各アイスのアニメーション　アイスが大きくなる, アイスが小さくなる */
.ice_01 img {
    animation-delay: 3s, 15.5s;
}
.ice_02 img {
    animation-delay: 7s, 15.5s;
}
.ice_03 img {
    animation-delay: 11s, 15.5s;
}


/* コインの全アニメーション共通 */
.coin img {
    position: absolute;
    top: 0;
    left: 0;
    animation-name: coin, coin_end;
    animation-duration: 0.5s;
    animation-timing-function: ease-out, ease;
    animation-iteration-count: 1;
    /* animation-direction: reverse; */
    animation-fill-mode: forwards;
    transform-origin:center;
    opacity: 0;
}
@keyframes coin {
	0% {
		/* opacity: 0; */
        transform: scale(0.1,0.1);
	}
    90% {
        transform: scale(1.4,1.4);
    }
	100% {
		opacity: 1;
        transform: scale(1,1);
    }
}
@keyframes coin_end {
	0% {
		/* opacity: 0; */
        transform: scale(1,1);
	}
	100% {
		opacity: 1;
        transform: scale(0,0);
    }
}
/* 各コインのアニメーション iceより0.5s遅く設定＆コインが大きくなる, コインが小さくなる */
.coin_01 img {
    animation-delay: 3.5s, 15s;
}
.coin_02 img {
    animation-delay: 7.5s, 15s;
}
.coin_03 img {
    animation-delay: 11.5s, 15s;
}



/*----- 31Club スマホ -----*/
.mainvisual_summary {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    /* display: none; */
}
.mainvisual_summary .topArea_logo {
    position: absolute;
    width: 41.9467vw;
    top: 7.5vw;
    left: 50%;
    transform: translateX(-50%);
}
.mainvisual_summary .topArea_phone {
    position: absolute;
    width: 54.6667vw;
    top: 38vw;
    left: 50%;
    transform: translateX(-45%);
}
/*----- ダウンロードボタン　ダミーテキスト -----*/
.download_item {
    margin: calc(100vw / 375 * 534) auto 0;
    display: flex;
    justify-content: space-between;
    width: calc(100vw / 375 * 335 );
}
.download_item a {
    display: block;
    width: calc(100vw / 375 * 154);
}
.mainvisual_bg .topArea_pc_qr {
    display: none;
}
@media print, screen and (min-width: 768px) {
    .mainvisual_summary {
        width: 100%;
        max-width: 1350px;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        align-items: start;

    }
    .mainvisual_summary .topArea_logo {
        position: static;
        width: 286px;
        height: 178px;
        top: 0;
        left: 0;
        transform: translateX(0);
        margin: 165px 0 0 11.9259%;
    }
    .mainvisual_summary .topArea_phone {
        position: static;
        width: 411px;
        top: 5px;
        left: 0;
        transform: translateX(0);
        margin: 5px 0 0 3.7037%;
    }
    /*----- ダウンロードボタン　ダミーテキスト -----*/
    .download_item {
        margin: 182px auto 0 38px;
        display: flex;
        flex-direction: column;
        width: 213px;
        height: 142px;
    }
    .download_item a {
        display: block;
        width: 100%;
    }
    .download_item a img{
        width: 212px;
        height: 63px;
    }
    .download_item a + a {
        margin-top: 18px;
    }
    .mainvisual_bg .topArea_pc_qr {
        position: absolute;
        width: 23%;
        max-width: 301px;
        bottom: -30%;
        display: flex;
        justify-content: space-between;
        right: calc(50% - 535px);
    }
}
.various {
    padding: 30px 0 60px;
}
.various_text {
    width: 90.4vw;
    margin: 0 auto;
    border: solid 1px #F04E98;
    border-radius: 10px;
    padding: 11px 10px;
    box-sizing: border-box; 
    background: #FFF;
}
.various_text p {
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.34375;
    color: #F04E98;
    text-align: center;
}
@media print, screen and (min-width: 768px) {
    .various {
        padding: 26px 0 95px;
    }
    .various_text {
        width: 1024px;
        padding: 17px 10px 18px;
        box-sizing: border-box; 
    }
    .various_text p {
        font-size: 2.0rem;
    }
}
.various_text ul li {
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.34375;
    color: #F04E98;
    text-align: left;
    text-indent: -1em;
    margin-left: 1em;
}
@media print, screen and (min-width: 768px) {
    .various_text ul li {
        font-size: 1.9rem;
        font-weight: bold;
        line-height: 1.5;
        color: #F04E98;
        text-align: left;
        text-indent: -1em;
        margin-left: 1em;
    }
}

.internal_link {
    width: 93.8666%;
    margin: 10px auto 0;
    display: flex;
    justify-content: space-between;
    padding: 0;
}
a.internal_link_item {
    width: 30.6%;
}
.link_none {
    pointer-events: none
}
@media print, screen and (min-width: 768px) {
    .internal_link {
        width: 1024px;
        margin: 20px auto 0;
    }
    a.internal_link_item {
        width: 315px;
    }
    a.internal_link_item:hover {
        opacity: 0.7;
    }
}

.pink_shadow {
    background-color: #FFE4ED;
    border-radius: 15px 15px 0 0;
    box-shadow: 0px -7px 5px 0px rgba(0, 0, 0,  0.15);
    padding: 0 0;
    margin: -20px 0 0;
}
.white_shadow {
    background: url(../../service/image/main_31club_sp.png), #FFF;
    background-size: 100%;
    background-position: center top;    border-radius: 15px 15px 0 0;
    box-shadow: 0px -7px 5px 0px rgba(0,0,0, 0.15);
    padding: 0 0;
    margin: -20px 0 0;
}
_:-ms-lang(x)::-ms-backdrop, .white_shadow {
    /*  IE11用のハック */
    margin: 0 0 0;
}
.inner {
    width: 89.3333%;
    margin: 0 auto;
}
@media print, screen and (min-width: 768px) {
    .white_shadow {
        background: url(../../service/image/main_31club_pc.png), #FFF;
        background-size: 1350px;
        background-position: center top -10px;
    }
        .inner {
        width: 1024px;
        margin: 0 auto;
    }
}
@media print, screen and (min-width: 768px) {
    .getbox_up .buttonBlack,
    .birthday_box .buttonBlack {
        width: 420px;
        margin: 40px auto 0;
    }
}


/* おトク1　アイスマイル */
.icesmile {
    padding: 55px 0 88px;
}
.icesmile_img_02 {
    display: block;
    margin-top: -22px;
}
.icesmile_img_03 {
    display: block;
    margin-top: 17px;
}
.icesmile_text {
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.6;
    text-align: center;
    margin-top: 21px;
}
@media print, screen and (min-width: 768px) {
    .icesmile {
        padding: 42px 0 147px;
    }
    .icesmile_img_01,
    .icesmile_img_03 {
        display: none;
    }    
    .icesmile_box {
        position: relative;
    }
    .icesmile_text {
        font-size: 2.0rem;
        margin-top: 0;
        position: absolute;
        bottom: 82px;
        left: 90px;
    }
}


/* クラスアップで特典をゲット！ */
.getbox_up {
    width: 100%;
    margin: 0 auto;
    padding: 39px 0 0;
}
.getbox_up img {
    width: 92vw;
}
.getbox_up .getbox_up_img_01,
.getbox_up .getbox_up_img_02 {
    margin-top: 14px;
}
.getbox_up .getbox_title + .getbox_text {
    margin-top: 22px;
}
.getbox_up picture + .getbox_text {
    margin-top: 25px;
    text-align: center;
}
.getbox_up .buttonBlack {
    margin-top: 20px;
}
/* お店に行って来店ポイントをゲット！ */
.getbox_point {
    width: 100%;
    margin: 0 auto;
    padding: 52px 0 0;
}
.getbox_point_inner {
    display: flex;
    position: relative;
    align-items: center;
}
.getbox_point img {
    width: 41.0667vw;
    align-self: flex-start;
    margin-top: 15px;
}
.getbox_point .getbox_text {
    width: 58.3832%;
}
/* クラスアップと来店ポイントの共通部分 */
.getbox_title {
    color: #F04E98;
    text-align: center;
}
.getbox_title span {
    display: inline-block;
    position: relative;
    background: #FFF;
    border: 2px solid #F04E98;
    border-radius: 50px;
    width: 74.8502%;
    line-height: 1.3;
    font-size: 1.8rem;
    padding: 5px 0;
}
.getbox_title span:before,
.getbox_title span:after {
    content: "";
    border-bottom: 2px solid #F04E98;
    width: 18%;
    position: absolute;
    top: 50%;
}
.getbox_title span:before {
    right: 100%;
}
.getbox_title span:after {
    left: 100%;
}
.getbox_text {
    font-size: 1.3rem;
    line-height: 1.5;
}
.getbox_text_center {
    margin-top: 25px;
    text-align: center;
}
.getbox_text span {
    color: #F04E98;
    font-weight: bold;
}
@media print, screen and (min-width: 768px) {
    /* クラスアップで特典をゲット！ */
    .getbox_up {
        width: 100%;
        padding: 40px 0 0;
    }
    .getbox_up img {
        margin: 10px auto 0;
        width: 999px;
        display: block;
    }
    .getbox_up .getbox_up_img_02 {
        display: none;
    }
    
    .getbox_up .getbox_title + .getbox_text {
        margin-top: 22px;
    }
    .getbox_up picture + .getbox_text {
        margin-top: 42px;
    }
    /* お店に行って来店ポイントをゲット！ */
    .getbox_point {
        width: 999px;
        margin: 0 auto;
        padding: 132px 0 0;
    }
    .getbox_point_inner {
        display: flex;
        position: relative;
        flex-direction: row;
        height: 120px;
    }
    .getbox_point img {
        margin: 0;
        width: 176px;
        position: absolute;
        top: -150px;
        left: 25px;
    }
    .getbox_point .getbox_text {
        width: 540px;
        margin-left: 240px;
        margin-top: 30px;
    }
    /* クラスアップと来店ポイントの共通部分 */
    .getbox_title {
        color: #F04E98;
        text-align: center;
    }
    .getbox_title span {
        width: 600px;
        line-height: 1.3;
        font-size: 2.4rem;
        padding: 5px 0;
    }
    .getbox_title span:before,
    .getbox_title span:after {
        content: "";
        border-bottom: 2px solid #F04E98;
        width: 214px;
        position: absolute;
        top: 50%;
    }
    .getbox_title span:before {
        right: 100%;
    }
    .getbox_title span:after {
        left: 100%;
    }
    .getbox_text {
        font-size: 1.6rem;
        text-align: center;
    }
}


/* 注意事項 */
.getbox_caution {
    background-color: #FFFFFF;
    padding: 20px 12px 16px;
    text-align: left;
    border-radius: 10px;
    margin: 23px auto 0;
    width: 100%;
}
.getbox_caution h3 {
    text-align: center;
    font-size: 1.4rem;
    color:#F04E98;
    display: flex;
    align-items: center;
}
.getbox_caution h3:before,
.getbox_caution h3:after {
    content: "";
    flex-grow: 1;
    height: 1px;
    background: #F04E98;
    display: block;
}
.getbox_caution h3:before {
    margin-right: 0.7rem;
}
.getbox_caution h3:after {
    margin-left: 0.7rem;
}
.getbox_caution span {
    display: inline-block;
}
.getbox_caution ul {
    margin-top: 15px;
}
.getbox_caution ul li {
    font-size: 1.1rem;
    text-indent: -0.5em;
    padding-left: 1em;
    line-height: 1.5;
}
.getbox_caution ul li span {
    color:#F04E98;
}
@media print, screen and (min-width: 768px) {
    .getbox_caution {
        background-color: #FFFFFF;
        padding: 24px 22px 30px;
        text-align: left;
        border-radius: 10px;
        margin: 53px auto 0;
        width: 100%;
    }
    .getbox_caution h3 {
        font-size: 1.8rem;
    }
    .getbox_caution h3:before,
    .getbox_caution h3:after {
        content: "";
        flex-grow: 1;
        height: 1px;
        background: #F04E98;
        display: block;
    }
    .getbox_caution h3:before {
        margin-right: 2rem;
    }
    .getbox_caution h3:after {
        margin-left: 2rem;
    }
    .getbox_caution span {
        display: inline-block;
    }
    .getbox_caution ul {
        margin-top: 15px;
        display: flex;
        flex-wrap: wrap;
    }
    .getbox_caution ul li {
        font-size: 1.2rem;
        min-width: 450px;
        max-width: 530px;
    }
}


/* お誕生日クーポン */
.birthday {
    padding: 70px 0 103px;
}
.birthday_box {
    position: relative;
}
.birthday_img_02 {
    display: block;
    margin-top: -22px;
}
.birthday_img_03 {
    display: block;
    margin-top: 17px;
}
ul.birthday_note {
    margin-top: 20px;
}
ul.birthday_note li {
    font-size: 1.1rem;
    line-height: 1.5;
}
ul.birthday_note + .getbox_text {
    margin-top: 30px;
}
.birthday .getbox_text + .buttonBlack {
    margin-top: 20px;
}
@media print, screen and (min-width: 768px) {
    .birthday {
        padding: 60px 0 149px;
    }
    .birthday_img_01,
    .birthday_img_03 {
        display: none;
    }
    
    ul.birthday_note {
        margin-top: 0;
        position: absolute;
        left: 0;
        bottom: 20px;
    }
    ul.birthday_note li {
        font-size: 1.4rem;
        line-height: 1.6;
    }
}


/* アニバーサリー特典 */
.anniversary {
    padding: 64px 0 94px;
}
.anniversary_img_02 {
    display: block;
    margin-top: -12px;
}
.anniversary_img_03 {
    display: block;
    margin: 16px auto 0;
}

@media print, screen and (min-width: 768px) {
    .anniversary {
        padding: 44px 0 180px;
    }
    .anniversary_img_01,
    .anniversary_img_03 {
        display: none;
    }
    .anniversary_img_02 {
        margin-left: -28px;
    }
}


/* その他にも便利なサービス */
.service {
    padding: 60px 0;
}
.service_title {
    font-size: 1.7rem;
    text-align: center;
    letter-spacing: -0.05em;
    color: #3F2021;
    font-weight: bold;
}
h3.service_title::before,
h3.service_title::after {
    content: "";
    display: inline-block;
    width: 14px;
    height: 20px;
    vertical-align: top;
}
h3.service_title::before {
    background: url(../../service/image/service_title_left.png) no-repeat;
    background-size: contain;
    margin: 0 8px 0 0;
}
h3.service_title::after {
    background: url(../../service/image/service_title_right.png) no-repeat;
    background-size: contain;
    margin: 0 0 0 8px;
}
.service_item {
    margin-top: 19px;
}
.service_text {
    margin-top: 6px;
    font-size: 1.3rem;
    letter-spacing: -0.01em;
}
@media print, screen and (min-width: 768px) {
    .service {
        padding: 100px 0 80px;
    }
    .service_title {
        font-size: 2.6rem;
    }
    h3.service_title::before,
    h3.service_title::after {
        width: 20px;
        height: 27px;
        vertical-align: middle;
    }
    h3.service_title::before {
        margin: 0 10px 0 0;
    }
    h3.service_title::after {
        margin: 0 0 0 10px;
    }
    .service_box {
        display: flex;
        justify-content: space-between;
    }
    .service_item {
        width: 315px;
        margin-top: 32px;
    }
    .service_text {
        margin-top: 16px;
        font-size: 1.6rem;
        letter-spacing: -0.055em;
    }
}


/* 会員登録方法 */
.touroku {
    padding: 62px 0 63px;
}
.touroku_text {
    font-size: 1.3rem;
    font-weight: bold;
    text-align: center;
    margin-top: 26px;
}
.touroku_text a {
    color: #F04E98;
}
.touroku_right {
    font-size: 1.1rem;
    text-align: right;
    margin-top: 22px;
}


/* 会員登録方法のタブ */
.tabmenu_box {
    width: 100%;
    margin: 0 auto;
    padding: 20px 0 0;
}
.tabmenu {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    list-style: none;
}
.tabmenu li {
    position: relative;
    width: 49.5%;
    border-radius: 14px 14px 0 0;
    font-size: 1.3rem;
    font-weight: bold;
    text-align: center;
    padding: 12px 0;
    line-height: 1;
}
.tabmenu li.active {
    border-radius: 14px 14px 0 0;
}
.tabmenu_01 {
    color: #FFF;
    background-color: #753BBD;
}
.tabmenu_02 {
    color: #FFF;
    background-color: #F04E98;
}
.tabmenu li:hover {
    cursor: pointer;
}
@media print, screen and (min-width: 768px) {
    .touroku {
        padding: 110px 0 100px;
        width: 1024px;
    }
    .touroku_text {
        font-size: 1.6rem;
        margin-top: 52px;
    }
    .touroku_right {
        font-size: 1.2rem;
        margin-top: 25px;
    }
    .tabmenu_box {
        width: 100%;
        margin: 0 auto;
        padding: 30px 0 0;
    }
        .tabmenu {
        width: 1024px;
        margin: 0 auto;
    }
    .tabmenu li {
        width: 510px;
        font-size: 2.0rem;
        padding: 16px 0 15px;
        border-radius: 20px 20px 0 0;

    }
    .tabmenu li.active {
        border-radius: 20px 20px 0 0;
    }
}
/* 会員登録方法　タブの中身 */
.tabmenu_content {
    padding-top: 28px;
    display: none;
}
.tabmenu_content.active {
    display: block;
}
.tabmenu_content_01 {
    background: #753BBD;
}
.tabmenu_content_02 {
    background: #F04E98
}
.tabmenu_content_inner {
    margin: 0 16px;
}
h3.tabmenu_content_title {
    text-align: center;
    letter-spacing: -0.05em;
    color: #FFF;
}
h3.tabmenu_content_title span {
    font-size: 1.3rem;
    font-weight: bold;
    display: inline-block;
    line-height: 1.7;
}
h3.tabmenu_content_title::before,
h3.tabmenu_content_title::after {
    content: "";
    display: inline-block;
    width: 11px;
    height: 15px;
    vertical-align: middle;
}
h3.tabmenu_content_title::before {
    background: url(../../service/image/tabmenu_content_title_left.png) no-repeat;
    background-size: contain;
    margin: 0 8px 0 0;
}
h3.tabmenu_content_title::after {
    background: url(../../service/image/tabmenu_content_title_right.png) no-repeat;
    background-size: contain;
    margin: 0 0 0 8px;
}
@media print, screen and (min-width: 768px) {
    .tabmenu_content {
        padding-top: 37px;
    }
    .tabmenu_content.active {
        display: block;
    }
    .tabmenu_content_01 {
        background: #753BBD;
    }
    .tabmenu_content_02 {
        background: #F04E98
    }
    .tabmenu_content_inner {
        width: 940px;
        margin: 0 auto;
    }
    h3.tabmenu_content_title span {
        font-size: 1.6rem;
    }
    h3.tabmenu_content_title::before,
    h3.tabmenu_content_title::after {
        width: 14px;
        height: 19px;
    }
    h3.tabmenu_content_title::before {
        margin: 0 10px 0 0;
    }
    h3.tabmenu_content_title::after {
        margin: 0 0 0 10px;
    }
}
/* 仮登録 */
.tabmenu_content_touroku {
    text-align: center;
    color:#FFF;
    display: flex;
    align-items: center;
    font-size: 1.9rem;
    font-weight: bold;
    margin-top: 28px;
}
.tabmenu_content_touroku:before,
.tabmenu_content_touroku:after {
    content: "";
    flex-grow: 1;
    height: 2px;
    background: #FFF;
    display: block;
}
.tabmenu_content_touroku:before {
    margin-right: 2.9333%;
}
.tabmenu_content_touroku:after {
    margin-left: 2.9333%;
}
.tabmenu_content_touroku_text {
    font-size: 1.3rem !important;
    font-weight: bold;
    text-align: center;
    color: #FFF000 !important;
    letter-spacing: -0.03em;
    margin-top: 12px;
}
@media print, screen and (min-width: 768px) {
    .tabmenu_content_touroku {
        font-size: 3.0rem;
        margin-top: 23px;
    }
    .tabmenu_content_touroku:before {
        margin-right: 17px;
    }
    .tabmenu_content_touroku:after {
        margin-left: 17px;
    }
    .tabmenu_content_touroku_text {
        font-size: 1.6rem !important;
    }
        .tabmenu_content_flex {
        display: flex;
        padding: 14px 0 32px;
        border-bottom: 2px #FFF dotted;
    }
}
/* tabmenu_content_01のステップ　共通 */
.tabmenu_content_step1,
.tabmenu_content_step2,
.tabmenu_content_step3,
.tabmenu_content_step4 {
    padding: 19px 0 33px;
    border-bottom: 2px #FFF dotted;
}
.tabmenu_content_01 h3.tabmenu_content_steptitle {
    background: #F04E98;
    color: #FFF000;
    font-size: 1.4rem;
    position: relative;
    padding: 1.9867% 0 2.3178% 11.9205%;
    margin: 6.6037% 0 0 5.6291%;
    border-radius: 5px;
}
.tabmenu_content_02 h3.tabmenu_content_steptitle {
    background: #753BBD;
    color: #FFF000;
    font-size: 1.4rem;
    position: relative;
    padding: 1.9867% 0 2.3178% 11.9205%;
    margin: 6.6037% 0 0 5.6291%;
    border-radius: 5px;
}
h3.tabmenu_content_steptitle.ls_10 {
    letter-spacing: -0.1em;
}
h3.tabmenu_content_steptitle img {
    position: absolute;
    top: -52%;
    left: -5.6291%;
    width: 17.1641%;
}
.tabmenu_content_text {
    font-size: 1.3rem;
    color: #FFF;
    line-height: 1.5384;
}
.tabmenu_content_subtitle {
    font-size: 1.3rem;
    font-weight: bold;
    color: #FFF000 !important;
    margin: 5% 0 2.5%;
    line-height: 1;
}
.tabmenu_content_steptitle + .tabmenu_content_text {
    margin: 4.9668% 0;
}

@media print, screen and (min-width: 768px) {
    /* tabmenu_content_01のステップ　共通 */
    .tabmenu_content_01 h3.tabmenu_content_steptitle,
    .tabmenu_content_02 h3.tabmenu_content_steptitle {
        font-size: 1.6rem;
        position: relative;
        padding: 6px 0 7px 40px;
        margin: 0 0 0 19px;
        letter-spacing: -0.03em;
    }
    .tabmenu_content_01 h3.tabmenu_content_steptitle img,
    .tabmenu_content_02 h3.tabmenu_content_steptitle img {
        position: absolute;
        top: -52%;
        left: -18px;
        width: 55px;
    }
    h3.tabmenu_content_steptitle.ls06 {
        letter-spacing: 0;
    }
    
    .tabmenu_content_text {
        font-size: 1.6rem;
        line-height: 1.5;
    }
    .tabmenu_content_subtitle {
        font-size: 1.6rem !important;
        margin: 20px 0 10px;
        line-height: 1;
    }
    
}
/* tabmenu_content_01のステップ1に使用 */
.tabmenu_content_step1_flex {
    display: flex;
    justify-content: space-between;
}
.tabmenu_content_step1_flex_app {
    width: 46.9%;
}
.tabmenu_content_step1_qr_text {
    font-size: 1.1rem !important;
    text-indent: -1em;
    padding-left: 1em;
    margin: 4.9668% 0;
    color: #FFF;
}
@media print, screen and (min-width: 768px) {
    .tabmenu_content_01 .tabmenu_content_step1 {
        padding: 14px 23px 33px 0;
        border-bottom: none;
        border-right: 2px #FFF dotted;
        width: 246px;
    }
    .tabmenu_content_02 .tabmenu_content_step1 {
        padding: 14px 23px 33px 0;
        border-bottom: none;
        border-right: 2px #FFF dotted;
        width: 470px;
    }
    .tabmenu_content_step1_flex {
        display: flex;
        margin-top: 0;
        flex-direction: column;
    }
    .tabmenu_content_step1_flex_app {
        width: 220px;
        margin: 0 auto;
    }
    .tabmenu_content_step1_flex_app + .tabmenu_content_step1_flex_app {
        margin-top: 20px;
    }
    .tabmenu_content_step1_qr {
        width: 86px !important;
        display: block;
        margin-top: 10px;
    }
    .tabmenu_content_step1_qr_text {
        color: #FFF;
        font-size: 1.2rem !important;
        text-indent: -1em;
        padding-left: 1em;
        margin: 10px 0 0;
    }
}
/* tabmenu_content_01のステップ2に使用 */
.tabmenu_content_flex_r {
    margin: 19px 0 0 0;
    display: flex;
    align-self: flex-start;
}
.tabmenu_content_flex_r img {
    margin: 0 4.96% 0 0;
    width: 51.3%;
}
.tabmenu_content_flex_r img.tabmenu_content01_step02 {
    height: 68.4vw;
}
.tabmenu_content_flex_r img.tabmenu_content02_step01 {
    height: 66.2vw;
}
.tabmenu_content_flex_r img.tabmenu_content02_step02 {
    height: 84.6667vw;
}

@media print, screen and (min-width: 768px) {
    .tabmenu_content_01 .tabmenu_content_step2 {
        padding: 14px 23px 33px 23px;
        border-bottom: none;
        border-right: 2px #FFF dotted;
        width: 244px;
    }
    .tabmenu_content_02 .tabmenu_content_step2 {
        padding: 14px 0 33px 23px;
        border-bottom: none;
        border-right: none;
        width: 470px;
    }
    .tabmenu_content_flex_r {
        flex-direction: column-reverse;
    }
    .tabmenu_content_flex_r img {
        margin: 15px 0 0;
        width: 194px;
    }
    .tabmenu_content_flex_r img.tabmenu_content01_step02 {
        height: auto;
    }
    .tabmenu_content_flex_r img.tabmenu_content02_step01 {
        height: auto;
    }
    .tabmenu_content_flex_r img.tabmenu_content02_step02 {
        height: auto;
    }
    .tabmenu_content_02 .tabmenu_content_flex_r img {
        margin: 15px auto 0;
        width: 194px;
    }
}
/* tabmenu_content_01のステップ3に使用 */
.tabmenu_content_step3_img {
    display: block;
    margin: 4.9688% 0;
}
@media print, screen and (min-width: 768px) {
    .tabmenu_content_01 .tabmenu_content_step3 {
        padding: 14px 0 33px 23px;
        border-bottom: none;
        width: 450px;
    }
    .tabmenu_content_02 .tabmenu_content_step3 {
        padding: 14px 23px 33px 0;
        border-bottom: none;
        border-right: 2px #FFF dotted;
        width: 470px;
    }
}
/* tabmenu_content_01のステップ4に使用 */
.tabmenu_content_01 .tabmenu_content_step4,
.tabmenu_content_02 .tabmenu_content_step4 {
    border-bottom: none;
}
.tabmenu_content_02 .tabmenu_content_step4 img + p {
    margin: 4.9668% 0 0;
}
@media print, screen and (min-width: 768px) {
    .tabmenu_content_01 .tabmenu_content_step4 {
        padding: 14px 23px 33px 0;
        border-bottom: none;
        border-right: 2px #FFF dotted;
        width: 489px;
    }
    .tabmenu_content_02 .tabmenu_content_step4 {
        padding: 14px 0 33px 23px;
        border-bottom: none;
        border-right: none;
        width: 470px;
    }
    .tabmenu_content_02 .tabmenu_content_step1_qr_text + img {
        margin-top: 20px;
    }
    .tabmenu_content_flex:last-child {
        padding: 42px 0 32px;
        border-bottom: none;
    }
}
/* tabmenu_content_01のステップ5に使用（PCのみ） */
.tabmenu_content_01 .tabmenu_content_step5 {
    display: none;
}
@media print, screen and (min-width: 768px) {
    .tabmenu_content_01 .tabmenu_content_step5 {
        display: block;
        padding: 12px 0 33px 23px;
        width: 451px;
    }
}


/* 会員登録方法　下部のタブボタン */
.tabmenu_link {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;
}
.tabmenu_box a.tabmenu_link_btn {
    display: block;
    width: 49%;
    font-size: 1.3rem;
    font-weight: bold;
    text-align: center;
    border-radius: 0 0 20px 20px;
    padding: 12px 0;
    text-decoration: none;
}
.tabmenu_box a.tabmenu_link_btn_01 {
    color: #FFF;
    background: #753BBD;
}
.tabmenu_box a.tabmenu_link_btn_02 {
    color: #FFF;
    background-color: #F04E98;
}
@media print, screen and (min-width: 768px) {
    .tabmenu_link {
        width: 1024px;
        margin: 0;
    }
    .tabmenu_box a.tabmenu_link_btn {
        width: 510px;
        font-size: 2.0rem;
        padding: 16px 0 15px;
        line-height: 1;
    }
}


/* アプリでお困りの方・ダウンロード等 */
.other {
    padding: 75px 0 40px;
}
a.other_taishougai {
    border: 1px solid #F04E98;
    display: block;
    position: relative;
    padding: 13px;
    border-radius: 10px;
    background: url(../../service/image/other_taishougai_icon02.png) no-repeat center right 2.3952%, #FFF;
    background-size: 20px;

}
a.other_taishougai p {
    font-size: 1.5rem;
    font-weight: bold;
    color: #F04E98;
    letter-spacing: -0.01em;
}
a.other_taishougai p::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 13%;
    transform: translateY(-50%) translateX(-50%);
    width: 21px;
    height: 25px;
    background-image: url(../../service/image/other_taishougai_icon01.png);
    background-repeat: no-repeat;
    background-size: contain;
}
@media print, screen and (min-width: 768px) {
    .other {
        padding: 112px 0 103px;
    }
    a.other_taishougai {
        padding: 20px 0;
        border-radius: 13px;
        background: url(../../service/image/other_taishougai_icon02.png) no-repeat center right 20px, #FFF;
        background-size: 24px;
        text-decoration: none;
    }
    a.other_taishougai p {
        font-size: 2.0rem;
        letter-spacing: -0.05em;
        text-align: center;
    }
    a.other_taishougai p::after {
        top: 50%;
        right: 190px;
        transform: translateY(-50%) translateX(-50%);
        width: 34px;
        height: 40px;
        background-image: url(../../service/image/other_taishougai_icon01.png);
        background-repeat: no-repeat;
    }
    a.other_taishougai:hover {
        opacity: 0.7;
    }
}

/* 元のページのものをコピペして上書き */
.repair .appHelp {
    margin-top: 50px;
}
.repair .appHelp.appDownload {
    margin-top: 76px;
}
.repair .appHelpTitle,
.repair .appDownloadTitle {
    background: #F04E98;
    text-align: center;
    border-radius: 50px;
    padding: 8px 0 10px;
    line-height: 1;
    font-size: 1.6rem;
    font-weight: bold;
    color:#FFF;
}
.repair .appDownloadTitle {
    margin-top: 76px;
}
.repair .buttonBlack {
    margin-top: 19px;
}
.repair .buttonBlack:first-of-type {
    margin-top: 26px;
}
@media print, screen and (min-width: 768px) {
    .repair .appHelp {
        margin-top: 87px;
    }
    .repair .appHelpTitle,
    .repair .appDownloadTitle {
        font-size: 2.4rem;
        padding: 13px 0 12px;
    }

    .repair .appHelpTitle .logoImage {
        width: 60px;
    }

    .repair .appHelpButton .buttonBlack {
        width: 420px;
        display: inline-block;
    }

    .repair .appHelpButton .buttonBlack .IconWindow {
        width: 20px;
        margin-left: 9px;
    }

    .repair .appHelpButton .buttonBlack:nth-child(odd) {
        margin-right: 40px;
    } 

    .repair .appHelpButton .buttonBlack {
        margin-top: 40px;
    }

    .repair .appHelpButton .buttonBlack p::after {
        width: 20px;
        height: 18px;
        vertical-align: -3px;
        margin-left: 7px;
    }

    .repair .appHelpButton .buttonBlack a:hover p::after {
        background-image: url(/media/image/common/common_icon_window_black.svg);
    }    
}


/* IE用 */
@media all and (-ms-high-contrast: none) {
    .getbox_title span {
        padding: 8px 0 0;
    }
    .tabmenu_content_01 h3.tabmenu_content_steptitle,
    .tabmenu_content_02 h3.tabmenu_content_steptitle {
        padding: 10px 0 2px 40px;
    }
}


/* 31cLubページ改修（セカンドローンチ） */
.birthday_box_inner {
    position: relative;
}


/* 誕生日の20日前までに〜の箇所 */
.birthday_box_coupon {
    text-align: center;
    letter-spacing: -0.05em;
    color: #3F2021;
    margin-top: 28px;
}
.birthday_box_coupon span {
    font-size: 1.3rem;
    font-weight: bold;
    display: inline-block;
    line-height: 1.7;
}
.birthday_box_coupon::before,
.birthday_box_coupon::after {
    content: "";
    display: inline-block;
    width: 11px;
    height: 15px;
    vertical-align: middle;
}
.birthday_box_coupon::before {
    background: url(../../service/image/birthday_box_coupon_left.png) no-repeat;
    background-size: contain;
    margin: 0 8px 0 0;
}
.birthday_box_coupon::after {
    background: url(../../service/image/birthday_box_coupon_right.png) no-repeat;
    background-size: contain;
    margin: 0 0 0 8px;
}

@media print, screen and (min-width: 768px) {
    .birthday_box_coupon {
        margin-top: 70px;
    }
    .birthday_box_coupon span {
        font-size: 1.6rem;
    }
    .birthday_box_coupon::before,
    .birthday_box_coupon::after {
        width: 14px;
        height: 19px;
    }
    .birthday_box_coupon::before {
        margin: 0 10px 0 0;
    }
    .birthday_box_coupon::after {
        margin: 0 0 0 10px;
    }
}


.birthday_box_present {
    margin: 10px auto 0 -8px;
    display: block;
}
@media print, screen and (min-width: 768px) {
    .birthday_box_present {
        margin: 5px auto 0;
        width: 777px !important;
    }    
}

/* おトク2　バースデークーポン注意事項 */
.birthday_box_caution {
    background-color: #FFE4ED;
    padding: 20px 12px 16px;
    text-align: left;
    border-radius: 10px;
    margin: 36px auto 0;
    width: 100%;
}
.birthday_box_caution h3 {
    text-align: center;
    font-size: 1.4rem;
    color:#F04E98;
    display: flex;
    align-items: center;
}
.birthday_box_caution h3:before,
.birthday_box_caution h3:after {
    content: "";
    flex-grow: 1;
    height: 1px;
    background: #F04E98;
    display: block;
}
.birthday_box_caution h3:before {
    margin-right: 0.7rem;
}
.birthday_box_caution h3:after {
    margin-left: 0.7rem;
}
.birthday_box_caution span {
    display: inline-block;
}
.birthday_box_caution ul {
    margin-top: 15px;
}
.birthday_box_caution ul li {
    font-size: 1.1rem;
    text-indent: -0.5em;
    padding-left: 1em;
    line-height: 1.5;
    letter-spacing: -0.01em;
}
.birthday_box_caution ul li span {
    color:#F04E98;
}
@media print, screen and (min-width: 768px) {
    .birthday_box_caution {
        padding: 24px 22px 30px;
        text-align: left;
        border-radius: 10px;
        margin: 50px auto 0;
        width: 100%;
    }
    .birthday_box_caution h3 {
        font-size: 1.8rem;
    }
    .birthday_box_caution h3:before,
    .birthday_box_caution h3:after {
        content: "";
        flex-grow: 1;
        height: 1px;
        background: #F04E98;
        display: block;
    }
    .birthday_box_caution h3:before {
        margin-right: 2rem;
    }
    .birthday_box_caution h3:after {
        margin-left: 2rem;
    }
    .birthday_box_caution span {
        display: inline-block;
    }
    .birthday_box_caution ul {
        margin-top: 15px;
        display: flex;
        flex-wrap: wrap;
    }
    .birthday_box_caution ul li {
        font-size: 1.2rem;
    }
}


/* アニバーサリー特典　ポイント */
.anniversary_point {
    padding: 35px 0 58px;
}
.anniversary_point_02 {
    margin-top: 15px;
}
.anniversary_point_03 {
    margin-top: 15px;
}
@media print, screen and (min-width: 768px) {
    .anniversary_point {
        padding: 56px 0 125px;
        display: flex;
        justify-content: space-between;
    }
    .anniversary_point_01 {
        margin-top: 0;
        width: 335px;
    }
    .anniversary_point_02 {
        margin-top: 0;
        width: 275px;
    }
    .anniversary_point_03 {
        margin-top: 0;
        width: 335px;
    }
}

/* アニバーサリー　設定方法 */
.anniversary_setting {
    display: flex;
    flex-direction: column;
    padding: 30px 0 0;
}
.anniversary_setting_item {
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
}
.anniversary_setting_item:first-of-type {
    margin-top: 0;
}
.anniversary_setting_step div {
    background: #F04E98;
    height: 28px;
    padding: 6px 0 7px;
    border-radius: 5px;
}
.anniversary_setting_step div img {
    width: 35.2%;
    display: block;
    margin: 0 auto;
}
.anniversary_setting_step {
    width: 47%;
}
.anniversary_setting_img {
    width: 47%;
}
.anniversary_setting_step p {
    margin-top: 17px;
    font-size: 1.3rem;
}
@media print, screen and (min-width: 768px) {
    .anniversary_setting {
        display: flex;
        flex-direction: row;
        padding: 66px 0;
        justify-content: space-between;
        width: 670px;
        margin: 0 auto;
    }
    .anniversary_setting_item {
        display: flex;
        flex-direction: column;
        margin-top: 0;
    }
    .anniversary_setting_step div {
        background: #F04E98;
        height: 32px;
        padding: 7px 0 5px;
        border-radius: 8px;
    }
    .anniversary_setting_step div img {
        width: auto;
        height: 18px;
        display: block;
        margin: 0 auto;
    }
    .anniversary_setting_step {
        width: 315px;
    }
    .anniversary_setting_img {
        width: 315px;
        margin-top: 16px;
    }
    .anniversary_setting_step p {
        font-size: 1.6rem;
        letter-spacing: -0.02em;
    }
}


/* アニバーサリー　注意事項 */
.anniversary_caution {
    background-color: #FFFFFF;
    padding: 20px 12px 16px;
    text-align: left;
    border-radius: 10px;
    margin: 40px auto 0;
    width: 100%;
}
.anniversary_caution h3 {
    text-align: center;
    font-size: 1.4rem;
    color:#F04E98;
    display: flex;
    align-items: center;
}
.anniversary_caution h3:before,
.anniversary_caution h3:after {
    content: "";
    flex-grow: 1;
    height: 1px;
    background: #F04E98;
    display: block;
}
.anniversary_caution h3:before {
    margin-right: 0.7rem;
}
.anniversary_caution h3:after {
    margin-left: 0.7rem;
}
.anniversary_caution span {
    display: inline-block;
}
.anniversary_caution ul {
    margin-top: 15px;
}
.anniversary_caution ul li {
    font-size: 1.1rem;
    text-indent: -0.5em;
    padding-left: 1em;
    line-height: 1.5;
}
.anniversary_caution ul li span {
    color:#F04E98;
}
@media print, screen and (min-width: 768px) {
    .anniversary_caution {
        background-color: #FFFFFF;
        padding: 24px 22px 30px;
        text-align: left;
        border-radius: 10px;
        margin: 0 auto;
        width: 100%;
    }
    .anniversary_caution h3 {
        font-size: 1.8rem;
    }
    .anniversary_caution h3:before,
    .anniversary_caution h3:after {
        content: "";
        flex-grow: 1;
        height: 1px;
        background: #F04E98;
        display: block;
    }
    .anniversary_caution h3:before {
        margin-right: 2rem;
    }
    .anniversary_caution h3:after {
        margin-left: 2rem;
    }
    .anniversary_caution span {
        display: inline-block;
    }
    .anniversary_caution ul {
        margin-top: 15px;
        display: flex;
        flex-wrap: wrap;
    }
    .anniversary_caution ul li {
        font-size: 1.2rem;
        width: 490px;
    }
}