main.main_ext {
    max-width: var(--max_width_m);
    width: var(--width_default);
}

main#ext_guide .ttl_01,main#ext_point .ttl_01 {
    margin-top: 80px;
    background-color: #77c9a5;
    color: #fff;
    padding: 8px;
}
/*============================================================
ガイド
============================================================*/




main#ext_guide #wrap_how_to_pay .tbl_01 img{
    width:260px;
    display: block;
    margin:20px auto;
    text-align: center;
}
/*============================================================
キャラクター紹介
============================================================*/
#wrap_mascot_main {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#wrap_mascot_main>div {
    width: calc(100% / 2 - 20px);
}

#wrap_mascot_main>section {
    width: calc(100% / 2 - 20px);
}

#wrap_mascot_main table {
    border-collapse: collapse;
    margin-bottom: 20px;
    width: 100%;
}

#wrap_mascot_main table tr+tr {
    border-top: dashed 1px var(--color_default)
}

#wrap_mascot_main th {
    color: #f90;
    font-weight: normal;
    text-align: left;
}

#wrap_mascot_main th,
#wrap_mascot_main td {
    padding: 10px 10px;
}



/*============================================================
よくある質問
============================================================*/
main#ext_faq table {
    border-collapse: collapse;
    margin: 20px 0px;
}

/*============================================================
地図
============================================================*/
.wrap_map {
    margin: 0px auto;
}

.wrap_map iframe {
    width: 100%;
}

/*============================================================
ポイント
============================================================*/
main#ext_point {
    margin-top: 0px;
}

#wrap_point_main {
    padding: 40px 0px;
    width: 100%;
    margin: 0px auto 0px auto;
    text-align: center;
    background-image: url(../images/c-point/bg_point_02.png), url(../images/c-point/bg_point_03.png), url(../images/c-point/bg_point_01.jpg);
    background-repeat: no-repeat, no-repeat, repeat;
    background-position: left top, right bottom, center center;
    background-size: 100% auto, 100% auto, auto auto;
}

#wrap_point_main>div {
    width: var(--width_default);
    text-align: center;
    margin: 0px auto;
}

#wrap_point_content {
    width: 100%;
    padding: 40px 0px;
    /*
    background-color: #faf1ea;
    */
    
}



#wrap_point_content h3 {
    font-size: 20px 0px;
    margin: 20px 0px 10px 0px;
}

#wrap_point_content h3+p {
    margin-top: 10px;
}

/*ポイント残高のご確認*/
#wrap_point_content #wrap_point_confirm {
    width: var(--width_default);
    max-width: var(--max_width_m);
    margin: 0px auto;
}

#wrap_point_confirm>section {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#wrap_point_confirm>section>div {
    width: calc(100% / 2 - 20px);
}

#wrap_point_confirm>section>section {
    width: calc(100% / 2 - 20px);
}

#wrap_point_details,#wrap_point_rules,#wrap_point_privacy {
width: var(--width_default);
    max-width: var(--max_width_m);
    margin: 0px auto;
}





/*よくある質問*/
#wrap_point_faq h3 {
    position: relative;
    padding-left: 40px;
}

#wrap_point_faq h3::before {
    content: "Q";
    font-size: 32px;
    position: absolute;
    left: 0px;
    top: -12px;
    font-family: Arial, Helvetica, sans-serif;
}

#wrap_point_faq h3+p {
    padding-left: 40px;

}
/*
#wrap_point_rules>section {
    width: var(--width_default);
    max-width: 720px;
    margin: 0px auto;
}
*/
#wrap_point_rules h3 {
    font-size: 20px;
    margin: 20px 0px 10px 0px;
}

#wrap_point_rules h3+p {
    margin-top: 10px;
}

#wrap_point_privacy>section {
    width: calc(var(--width_default) - 82px);
    max-width: var(--max_width_m);
    margin: 0px auto;
    padding: 20px 40px;
    background-color: #faf1ea;
    border: solid 2px #dfd5cd;
}

/*========================================================================================================================
SPSPSPSPSPSPSPSPSPSP
========================================================================================================================*/
@media screen and (max-width: 540px) {

    /*============================================================
キャラクター紹介
============================================================*/
    #wrap_mascot_main {
        display: block;
    }

    #wrap_mascot_main>div {
        width: calc(250px);
        margin: 0px auto;
        text-align: center;
    }

    #wrap_mascot_main>section {
        width: calc(100% - 20px);
        margin: 0px auto;
    }

    /*============================================================
ポイント
============================================================*/
    main#ext_point {
        margin-top: 80px;
    }

    #wrap_point_confirm>section {
        display: block;
    }

    #wrap_point_confirm>section>div {
        width: 100%;
    }

    #wrap_point_confirm>section>section {
        margin-top: 20px;
        width: 100%;
    }
#wrap_point_details>section{
    width: 100%;
}
    /*============================================================
閉じ括弧
============================================================*/
}