@charset "utf-8";

/*------------------------------------------------------------
[SP]
------------------------------------------------------------ */
@media screen and (max-width:767px){

    #suntory_contents .sp_item.inline {
        display: inline-block;
    }
    #suntory_contents {
        overflow: hidden;
    }

    /*------------------------------------------------------------
    [SP] article_fanclub
    ------------------------------------------------------------ */

    /*------------------------------------------------------------
    [SP] fanclub_title
    ------------------------------------------------------------ */
    #suntory_contents .fanclub_title {
        margin-bottom: 9.6vw;
        width: 100vw;
        height: 49.333333333333336vw;
        background: url(../../fanclub/img/sp_bg_fanclub.webp) no-repeat 0 0;
        background-size: 100vw 49.333333333333336vw;
        text-align: center;
        color: #fff;
        box-sizing: border-box;
        padding: 6.6666666666667vw 0 0;
    }
    .no-webp #suntory_contents .fanclub_title {
        background: url(../../fanclub/img/sp_bg_fanclub.jpg) no-repeat 0 0;
        background-size: 100vw 42.8vw;
    }
    #suntory_contents .fanclub_title .label {
        margin-bottom: 4vw;
        font-size: 3.0666666666667vw;
        font-weight: bold;
    }
    #suntory_contents .fanclub_title .titile_en {
        margin-bottom: 3.4666666666667vw;
        font-size: 7.6vw;
        font-weight: bold;
    }
    #suntory_contents .fanclub_title h1 {
        margin-bottom: 3.2vw;
        font-size: 2.4vw;
        font-weight: bold;
    }
    #suntory_contents .fanclub_title .message {
        font-size: 7.2vw;
        font-weight: bold;
    }
    #suntory_contents .fanclub_title p span{
        display: block;
        margin: -12px;
    }

    /*------------------------------------------------------------
    [SP] section_fanclub
    ------------------------------------------------------------ */
    #suntory_contents .section_fanclub .title_en {
        font-size: 4.5333333333333vw;
        font-weight: bold;
        font-family: 'Roboto',sans-serif;
        color: #bb0000;
        text-align: center;
        margin-bottom: 4vw;
    }
    #suntory_contents .section_fanclub h2 {
        font-size: 7.7333333333333vw;
        font-weight: bold;
        text-align: center;
        margin-bottom: 9.0666666666667vw;
    }

    /*------------------------------------------------------------
    [SP] primary_category
    ------------------------------------------------------------ */
    #suntory_contents .category_wrap {
        margin: 0 auto;
        width: 92vw;
    }
    #suntory_contents .category_wrap.secondary {
        margin: 0 auto;
    }
    #suntory_contents .primary_category {
        margin-bottom: 4vw;
        width: 92vw;
        padding: 0 0 5.3333333333333vw;
        background: #fff;
        position: relative;
    }

    #suntory_contents #diamond {
        border: 2.6666666666667vw #a08ee4 solid;
        box-sizing: border-box;
        border-top: 0;
    }
    #suntory_contents #gold {
        border: 2.6666666666667vw #fbd07e solid;
        box-sizing: border-box;
        border-top: 0;
    }
    #suntory_contents #family {
        border: 2.6666666666667vw #ffbbd4 solid;
        box-sizing: border-box;
        border-top: 0;
    }
    #suntory_contents #red {
        border: 2.6666666666667vw #fec1c0 solid;
        box-sizing: border-box;
        border-top: 0;
    }
    #suntory_contents #kids {
        border: 2.6666666666667vw #bbe4a0 solid;
        box-sizing: border-box;
        border-top: 0;
    }
    #suntory_contents #free {
        border: 2.6666666666667vw #afdfdf solid;
        box-sizing: border-box;
        border-top: 0;
    }
    #suntory_contents #diamond .category_head {
        width: 92vw;
        height: 36.37971vw;
        margin-bottom: 4vw;
        background: url(../../fanclub/img/sp_bg_diamond.webp) no-repeat 0 0;
        background-size: 92vw auto;
        position: relative;
        right: 2.6666666666667vw;
    }
    .no-webp #suntory_contents #diamond .category_head {
        background: url(../../fanclub/img/sp_bg_diamond.jpg) no-repeat 0 0;
        background-size: 92vw auto;
    }
    #suntory_contents #diamond .category_head h3 {
        width: 52.2vw;
        height: 12.1333333333333vw;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 11.866667vw;
        left: 20.166667vw;
        font-size: 6.566667vw;
        font-weight: bold;
        color: #fff;
        text-shadow: 5px 4px 2px #6d5fac;
    }
    #suntory_contents #diamond .category_head .fee {
        width: 38.666666666666667vw;
        height: 8vw;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 24.2vw;
        left: 26.6666666666667vw;
        font-weight: bold;
        color: #fff;
    }
    #suntory_contents #diamond .category_head .fee .unit {
        font-size: 3.2vw;
    }
    #suntory_contents #diamond .category_head .fee .number {
        margin-left: 2.6666666666667vw;
        font-size: 4.8vw;
        font-family: 'Roboto',sans-serif;
    }
    #suntory_contents #diamond .category_head .limited {
        width: 18.233333vw;
        height: 5.3333333333333vw;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        position: absolute;
        top: 3.866667vw;
        left: 40.433333vw;
        color: #433485;
        font-weight: bold;
    }
    #suntory_contents #diamond .category_head .limited .unit {
        font-size: 3.233333vw;
        font-family: 'Roboto',sans-serif;
        margin-bottom: 0.6666666666667vw;
    }
    #suntory_contents #diamond .category_head .limited .number {
        font-size: 6.766667vw;
        font-family: 'Roboto',sans-serif;
    }
    #suntory_contents #diamond .category_head .limited .note {
        width: 13.3333333333333vw;
        height: 3.3333333333333vw;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        position: absolute;
        top: 0.766667vw;
        left: -11.366667vw;
        color: #433485;
        font-size: 3.533333vw;
    }
    #suntory_contents #gold .category_head {
        width: 92vw;
        height: 36.37971vw;
        margin-bottom: 4vw;
        background: url(../../fanclub/img/sp_bg_gold.webp) no-repeat 0 0;
        background-size: 92vw auto;
        position: relative;
        right: 2.6666666666667vw;
    }
    .no-webp #suntory_contents #gold .category_head {
        background: url(../../fanclub/img/sp_bg_gold.jpg) no-repeat 0 0;
        background-size: 92vw auto;
    }
    #suntory_contents #gold .category_head h3 {
        width: 49.2vw;
        height: 12.1333333333333vw;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 11.766667vw;
        left: 21.46666666666667vw;
        font-size: 6.566667vw;
        font-weight: bold;
        color: #fff;
        text-shadow: 5px 4px 2px #e48e04;
    }
    #suntory_contents #gold .category_head .fee {
        width: 38.666666666666664vw;
        height: 8vw;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 24.3vw;
        left: 26.566667vw;
        font-weight: bold;
        color: #fff;
    }
    #suntory_contents #gold .category_head .fee .unit {
        font-size: 3.2vw;
    }
    #suntory_contents #gold .category_head .fee .number {
        margin-left: 2.6666666666667vw;
        font-size: 4.8vw;
        font-family: 'Roboto',sans-serif;
    }
    #suntory_contents #gold .category_head .limited {
        width: 23.733333vw;
        height: 5.3333333333333vw;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        position: absolute;
        top: 4.366667vw;
        left: 37.633333vw;
        color: #773400;
        font-weight: bold;
    }
    #suntory_contents #gold .category_head .limited .unit {
        font-size: 3.233333vw;
        font-family: 'Roboto',sans-serif;
        margin-bottom: 1.866667vw;
    }
    #suntory_contents #gold .category_head .limited .number {
        font-size: 6.666667vw;
        font-family: 'Roboto',sans-serif;
    }
    #suntory_contents #gold .category_head .limited .note {
        width: 13.3333333333333vw;
        height: 3.3333333333333vw;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        position: absolute;
        top: 0.266667vw;
        left: -8.666667vw;
        color: #773400;
        font-size: 3.533333vw;
    }

    #suntory_contents #family .category_head {
        width: 92vw;
        height: 36.37971vw;
        margin-bottom: 4vw;
        background: url(../../fanclub/img/sp_bg_family.webp) no-repeat 0 0;
        background-size: 92vw auto;
        position: relative;
        right: 2.6666666666667vw;
    }
    .no-webp #suntory_contents #family .category_head {
        background: url(../../fanclub/img/sp_bg_family.jpg) no-repeat 0 0;
        background-size: 92vw auto;
    }
    #suntory_contents #family .category_head h3 {
        width: 49.2vw;
        height: 12.1333333333333vw;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 5.266667vw;
        left: 21.466667vw;
        font-size: 6.666667vw;
        font-weight: bold;
        color: #fff;
        line-height: 1.7;
        flex-wrap: wrap;
        text-shadow: 5px 4px 2px #f06090;
    }
    #suntory_contents #family .category_head h3 span {
        font-size: 3.366667vw;
        margin-left: 9.2vw;
    }
    #suntory_contents #family .category_head .fee {
        width: 38.666666666666664vw;
        height: 8vw;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 24.3vw;
        left: 26.166667vw;
        font-weight: bold;
        color: #fff;
    }
    #suntory_contents #family .category_head .fee .unit {
        font-size: 3.2vw;
    }
    #suntory_contents #family .category_head .fee .number {
        margin-left: 2.6666666666667vw;
        font-size: 4.8vw;
        font-family: 'Roboto',sans-serif;
    }
    #suntory_contents #family .category_head .limited {
        width: 13.3333333333333vw;
        height: 5.3333333333333vw;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        position: absolute;
        top: 4.2666666666667vw;
        left: 73.3333333333333vw;
        color: #fff;
    }
    #suntory_contents #family .category_head .limited .unit {
        font-size: 2.9333333333333vw;
        font-family: 'Roboto',sans-serif;
        margin-bottom: 0.6666666666667vw;
    }
    #suntory_contents #family .category_head .limited .number {
        font-size: 5.8666666666667vw;
        font-family: 'Roboto',sans-serif;
    }
    #suntory_contents #family .category_head .limited .note {
        width: 13.3333333333333vw;
        height: 5.3333333333333vw;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        position: absolute;
        top: 1.366667vw;
        left: 5.3px;
        color: #ed0067;
        font-size: 4.9vw;
        font-weight: bold;
    }
    #suntory_contents #family ul.other_note {
        font-size: 3vw;
        list-style: none;
        text-align: left;
        line-height: 1.2;
        margin: 10vw 3.2vw 0;
        font-weight: bold;
        text-indent: -1em;
        padding-left: 1em;
    }

    #suntory_contents .primary_category .privilege_img {
        margin: 0 auto 5.3333333333333vw;
        width: 82.666666666666667vw;
        display: flex;
        justify-content: center;
    }
    #suntory_contents .primary_category#gold .privilege_img {
        justify-content:center;
    }
    #suntory_contents .primary_category .privilege_img figure {
        width: 0 auto;
        margin: 0 0.6666666666667vw;
    }
    #suntory_contents .primary_category#gold .privilege_img figure {
        margin: 0 1.8666666666667vw;
    }
    #suntory_contents .primary_category .privilege_img figure img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    #suntory_contents .primary_category .privilege {
        margin-bottom: 6.6666666666667vw;
    }
    #suntory_contents .primary_category .privilege p {
        font-size: 4.2666666666667vw;
        line-height: 1.25;
        font-weight: bold;
        text-align: center;
    }
    #suntory_contents .primary_category .privilege p + p {
        margin-top: 4.6666666666667vw;
    }
    #suntory_contents .primary_category .privilege_list {
        margin: 0 2vw 5.3333333333333vw 4.533333vw;
        list-style: none;
    }
    #suntory_contents .primary_category .privilege_list li span{
        font-size: 3.3vw;
    }
    /* #suntory_contents .primary_category#gold .privilege_list {
        margin: 0 2vw 5.3333333333333vw 14vw;
    } */
    #suntory_contents .primary_category#red .privilege_list {
        margin: 0 2vw 5.3333333333333vw 20vw;
    }
    #suntory_contents .primary_category#kids .privilege_list {
        margin: 0 2vw 5.3333333333333vw 17.0666666666667vw;
    }
    #suntory_contents .primary_category#free .privilege_list {
        margin: 0 2vw 5.3333333333333vw 30.4vw;
    }
    #suntory_contents .primary_category .privilege_list li {
        margin-bottom: 2.9333333333333vw;
        position: relative;
        padding-left: 5.3333333333333vw;
        box-sizing: border-box;
        font-size: 4vw;
        display: table;
        font-weight: bold;
    }
    #suntory_contents .primary_category .privilege_list li:last-child {
        margin-bottom: 0;
    }
    #suntory_contents .primary_category .privilege_list li::before {
        content: '';
        width: 2.6666666666667vw;
        height: 2.6666666666667vw;
        background: #000;
        border-radius: 1.3333333333333vw;
        position:absolute;
        top: .125em;
        left: 0;
    }
    #suntory_contents .primary_category .other {
        font-size: 4vw;
        text-align: right;
        margin-right: 35px;
    }
    #suntory_contents .category_note {
        margin: 0 4vw 4vw;
        font-size: 3.2vw;
        line-height: 1.5;
    }

     #suntory_contents .category_wrap2 {
        margin: -6vw auto 9.06666666666667vw;
    }

     #suntory_contents .category_note2 {
        margin: 0 4vw 4vw;
        font-size: 3.2vw;
        line-height: 1.5;
    }

    /*------------------------------------------------------------
    [SP] secondary_category
    ------------------------------------------------------------ */
    #suntory_contents .secondary_category {
        margin-bottom: 4vw;
        width: 92vw;
        padding: 0 0 5.3333333333333vw;
        background: #fff;
        position: relative;
    }
    #suntory_contents .secondary_category#free {
        margin-bottom: 10.4vw;
    }

    #suntory_contents #red .category_head {
        width: 92vw;
        height: 31.87971vw;
        margin-bottom: 4vw;
        background: url(../../fanclub/img/sp_bg_red.webp) no-repeat 0 0;
        background-size: 92vw auto;
        position: relative;
        right: 2.6666666666667vw;
    }
    .no-webp #suntory_contents #red .category_head {
        background: url(../../fanclub/img/sp_bg_red.jpg) no-repeat 0 0;
        background-size: 92vw auto;
    }

    #suntory_contents #kids .category_head {
        width: 92vw;
        height: 31.37971vw;
        margin-bottom: 4vw;
        background: url(../../fanclub/img/sp_bg_junior.webp) no-repeat 0 0;
        background-size: 92vw auto;
        position: relative;
        right: 2.6666666666667vw;
    }
    .no-webp #suntory_contents #kids .category_head {
        background: url(../../fanclub/img/sp_bg_junior.jpg) no-repeat 0 0;
        background-size: 92vw auto;
    }

    #suntory_contents #free .category_head {
        width: 92vw;
        height: 31.37971vw;
        margin-bottom: 4vw;
        background: url(../../fanclub/img/sp_bg_free.webp) no-repeat 0 0;
        background-size: 92vw auto;
        position: relative;
        right: 2.6666666666667vw;
    }
    .no-webp #suntory_contents #free .category_head {
        background: url(../../fanclub/img/sp_bg_free.jpg) no-repeat 0 0;
        background-size: 92vw auto;
    }
    #suntory_contents .secondary_category .category_head h3 {
        width: 49.2vw;
        height: 12.1333333333333vw;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 4.766667vw;
        left: 21.46666666666667vw;
        font-size: 6.666667vw;
        font-weight: bold;
        color: #fff;
    }
    #suntory_contents .secondary_category#red .category_head h3 {
        text-shadow: 5px 4px 2px #fe4d4d;
    }
    #suntory_contents .secondary_category#kids .category_head h3 {
        text-shadow: 5px 4px 2px #61aa0e;
    }
    #suntory_contents .secondary_category#free .category_head h3 {
        text-shadow: 5px 4px 2px #00acab;
    }
    #suntory_contents .secondary_category .category_head .fee {
        width: 38.666666666666664vw;
        height: 8vw;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 18.8vw;
        left: 26.6666666666667vw;
        font-weight: bold;
        color: #fff;
    }
    #suntory_contents .secondary_category .category_head .fee .unit {
        font-size: 3.2vw;
    }
    #suntory_contents .secondary_category .category_head .fee .number {
        margin-left: 2.6666666666667vw;
        font-size: 4.8vw;
        font-family: 'Roboto',sans-serif;
    }
    #suntory_contents .secondary_category .category_head .target {
        width: 18.6666666666667vw;
        height: 18.6666666666667vw;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: -2.7px;
        left: 72.166667vw;
        font-size: 3.1vw;
        line-height: 1.6;
        font-weight: normal;
        color: #fff;
        text-align: center;
    }

    #suntory_contents .secondary_category .privilege_img {
        margin: 0 auto 5.3333333333333vw;
        width: 82.666666666666667vw;
        display: flex;
        justify-content: center;
    }
    #suntory_contents .secondary_category .privilege_img figure {
        width: 0 auto;
        margin: 0 1.8666666666667vw;
    }
    #suntory_contents .secondary_category .privilege_img figure img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    #suntory_contents .secondary_category .privilege {
        margin-bottom: 6.6666666666667vw;
    }
    #suntory_contents .secondary_category .privilege p {
        font-size: 4.2666666666667vw;
        line-height: 1.25;
        font-weight: bold;
        text-align: center;
    }
    #suntory_contents .secondary_category .privilege p + p {
        margin-top: 4.6666666666667vw;
    }
    #suntory_contents .secondary_category .privilege_list {
        margin: 0 2vw 5.3333333333333vw 10.533333vw;
        list-style: none;
    }
    /* #suntory_contents .secondary_category#free .privilege_list {
        margin: 0 2vw 0 18.533333333333333vw;
    } */
    #suntory_contents .secondary_category .privilege_list li {
        margin-bottom: 2.9333333333333vw;
        position: relative;
        padding-left: 5.3333333333333vw;
        box-sizing: border-box;
        font-size: 4vw;
        display: table;
        text-align: center;
        font-weight: bold;
    }
    #suntory_contents .secondary_category .privilege_list li:last-child {
        margin-bottom: 0;
    }
    #suntory_contents .secondary_category .privilege_list li::before {
        content: '';
        width: 2.6666666666667vw;
        height: 2.6666666666667vw;
        background: #000;
        border-radius: 1.3333333333333vw;
        position:absolute;
        top: .125em;
        left: 0;
    }
    #suntory_contents .secondary_category .other {
        font-size: 4vw;
        text-align: right;
        margin-right: 35px;
    }

    /*------------------------------------------------------------
    [SP] comparison_container
    ------------------------------------------------------------ */
    #suntory_contents .comparison_container {
        margin: 0 auto 2.3vw;
        width: 92vw;
        border: 1px #aaaaaa solid;
        display: flex;
        box-sizing: border-box;
        overflow: hidden;
    }
    #suntory_contents .comparison_container .benefits_table_label {
        width: 40vw;
        box-shadow: 1.3333333333333vw 0 1.3333333333333vw rgba(0,0,0,0.1);
        z-index: 10;
    }
    #suntory_contents .comparison_container .benefits_table_label .blank {
        height: 22.6666666666667vw;
        background: #d4d4d4;
        font-size: 3.4666666666667vw;
        font-weight: bold;
        text-align: center;
        vertical-align: middle;
        padding: 0;
    }
    #suntory_contents .comparison_container .benefits_table_label th {
        border-bottom: 1px #f4f4f4 solid;
        height: 12vw;
        text-align: left;
        vertical-align: middle;
        font-size: 3.4666666666667vw;
        line-height: 1.230769230769231;
        font-weight: bold;
        padding: 0 0 0 2vw;
        box-sizing: border-box;
        background: #f4f4f4;
        letter-spacing: -.05em;
    }
    #suntory_contents .comparison_container .benefits_table_label th.connect {
        height: 8vw;
        border-bottom: none;
        vertical-align: bottom;
    }
    #suntory_contents .comparison_container .benefits_table_label th.bottom {
        border-bottom: 1px #d8d8d8 solid;
    }
    #suntory_contents .comparison_container .benefits_table_label th.double {
        height: 16vw;
    }
    #suntory_contents .comparison_container .benefits_table_label td {
        border-bottom: 1px #f4f4f4 solid;
        height: 12vw;
        text-align: left;
        vertical-align: middle;
        font-size: 3.3333333333333vw;
        line-height: 1.28;
        padding: 0 0 0 2vw;
        box-sizing: border-box;
        background: #f4f4f4;
        letter-spacing: -.045em;
    }
    #suntory_contents .comparison_container .benefits_table_label td.bottom {
        border-bottom: 1px #d8d8d8 solid;
    }
    #suntory_contents .comparison_container .benefits_table_label td.double {
        height: 16vw;
    }
    #suntory_contents .comparison_container .benefits_table_label td.triple {
        height: 20vw;
    }
    #suntory_contents .comparison_container .benefits_table_label td span {
        font-size: 2.666667vw;
        vertical-align: super;
    }
    #suntory_contents .comparison_container .benefits_table_wrap {
        width: 52vw;
        overflow: auto;
    }
    #suntory_contents .comparison_container .benefits_table_value {
        width: 107.5vw;
    }
    #suntory_contents .comparison_container .benefits_table_value th {
        border-right: 1px #d8d8d8 solid;
        border-bottom: 1px #f4f4f4 solid;
        height: 22.6666666666667vw;
        text-align: center;
        vertical-align: middle;
        width: 20%;
        font-size: 3.4666666666667vw;
        line-height: 1.230769230769231;
        box-sizing: border-box;
    }
    #suntory_contents .comparison_container .benefits_table_value th p {
        padding-top: 8vw;
    }
    #suntory_contents .comparison_container .benefits_table_value th.diamond {
        background: #e4e4f5;
    }
    #suntory_contents .comparison_container .benefits_table_value th.gold {
        background: #fceed6;
    }
    #suntory_contents .comparison_container .benefits_table_value th.red {
        background: #fdeaea;
    }
    #suntory_contents .comparison_container .benefits_table_value th.family {
    background: #fce1f2;
}
    #suntory_contents .comparison_container .benefits_table_value th.kids {
        background: #e4f1da;
    }
    #suntory_contents .comparison_container .benefits_table_value th.diamond p {
        background: url(../../fanclub/img/icon_diamond.png) no-repeat center 0;
        background-size: 6.9333333333333vw auto;
    }
    #suntory_contents .comparison_container .benefits_table_value th.gold p {
        background: url(../../fanclub/img/icon_gold.png) no-repeat center 0;
        background-size: 6.9333333333333vw auto;
    }
    #suntory_contents .comparison_container .benefits_table_value th.family p {
        background: url(../../fanclub/img/icon_family.png) no-repeat center 0;
        background-size: 6.9333333333333vw auto;
    }
    #suntory_contents .comparison_container .benefits_table_value th.red p {
        background: url(../../fanclub/img/icon_red.png) no-repeat center 0;
        background-size: 6.9333333333333vw auto;
    }
    #suntory_contents .comparison_container .benefits_table_value th.kids p {
        background: url(../../fanclub/img/icon_kids.png) no-repeat center 0;
        background-size: 6.9333333333333vw auto;
    }
    #suntory_contents .comparison_container .benefits_table_value td {
        height: 12vw;
        border-top: 1px #f4f4f4 solid;
        border-left: 1px #d8d8d8 solid;
        border-right: 1px #d8d8d8 solid;
        text-align: center;
        vertical-align: middle;
        font-size: 3.3333333333333vw;
        box-sizing: border-box;
    }
    #suntory_contents .comparison_container .benefits_table_value td.triple {
        height: 20vw;
    }
    #suntory_contents .comparison_container .benefits_table_value td.double {
        height: 16vw;
    }
    #suntory_contents .comparison_container .benefits_table_value td.blank {
        height: 8vw;
        border-top: 1px #d8d8d8 solid;
        border-bottom: none;
        border-left: 1px #d8d8d8 solid;
        border-right: 1px #d8d8d8 solid;
    }
    #suntory_contents .comparison_container .benefits_table_value td.connect {
        border-top: none;
    }
    #suntory_contents .comparison_container .benefits_table_value td.proviso {
        position: relative;
    }
    #suntory_contents .comparison_container .benefits_table_value td span.proviso {
        top: 9px;
        right: 1.7vw;
        position: absolute;
        font-size: 2.666667vw;
    }
    #suntory_contents .comparison_container .benefits_table_value .extra td {
        height: 12vw;
        background: #fff;
        border-top: 1px #f4f4f4 solid;
        border-bottom: 1px #d8d8d8 solid;
        border-left: 1px #d8d8d8 solid;
        border-right: 1px #d8d8d8 solid;
    }
    #suntory_contents .comparison_container .benefits_table_value .extra td.double {
        height: 16vw;
    }
    #suntory_contents .comparison_container .benefits_table_value .check {
        width: 10.1333333333333vw;
        height: 6.9333333333333vw;
        background: url(../../fanclub/img/icon_check.svg) no-repeat 0 0;
        background-size: 10.1333333333333vw 6.9333333333333vw;
        text-indent: -9999px;
        display: inline-block;
    }
    #suntory_contents .benefits_table_note {
        font-size: 3.2vw;
        line-height: 1.5;
        margin: 0 auto 8vw;
        margin: 0 auto 18.6666666666667vw;
        width: 92vw;
    }
    #suntory_contents .benefits_table_note ul{
        list-style: none;
    }


    /*------------------------------------------------------------
    [SP] flow
    ------------------------------------------------------------ */
    #suntory_contents #flow {
        margin: 0 auto 0;
        padding: 0;
        width: 92vw;
        position: relative;
    }
    #suntory_contents #flow::before {
        content: '';
        width: 13.066666666666667vw;
        height: 18.4vw;
        background: url(../../fanclub/img/img_sunbirds01.png) no-repeat 0 0;
        background-size: 13.066666666666667vw 18.4vw;
        position: absolute;
        top: -8.933333333333333vw;
        left: 1.8666666666667vw;
    }
    #suntory_contents #flow::after {
        content: '';
        width: 14.933333333333333vw;
        height: 17.8666666666667vw;
        background: url(../../fanclub/img/img_moonbirds01.webp) no-repeat 0 0;
        background-size: 14.933333333333333vw 17.8666666666667vw;
        position: absolute;
        top: -8.5333333333333vw;
        right: 1.6vw;
    }
    .no-webp #suntory_contents #flow::after {
        background: url(../../fanclub/img/img_moonbirds01.png) no-repeat 0 0;
        background-size: 14.933333333333333vw 17.8666666666667vw;
    }
    #suntory_contents .section_fanclub#flow h2.flow_title {
        text-align: center;
        font-size: 7.7333333333333vw;
        line-height: 1;
        font-weight: bold;
        background: url(../../fanclub/img/sp_bg_flow_title.webp) no-repeat center bottom;
        background-size: auto 2.6666666666667vw;
        padding-bottom: 12.2666666666667vw;
        margin-bottom: 7.2vw;
    }
    .no-webp #suntory_contents .section_fanclub#flow h2.flow_title {
        background: url(../../fanclub/img/sp_bg_flow_title.png) no-repeat center bottom;
        background-size: auto 2.6666666666667vw;
    }
    /* #suntory_contents .section_fanclub#flow h2.flow_title span{
        font-size: 3.133333vw;
    } */
    #suntory_contents #flow .term {
        font-size: 4.8vw;
        font-weight: bold;
        margin-bottom: 8vw;
        text-align: center;
    }
    #suntory_contents #flow .term_note {
        font-size: 3.6vw;
        line-height: 1.851851851851852;
        margin-bottom: 8vw;
        text-align: center;
    }
    #suntory_contents #flow .term_note a {
        color: #bb0000;
        text-decoration: underline;
    }

    #suntory_contents .btn_suntory_account a {
        margin: 0 auto 8vw;
        width: 76vw;
        height: 16vw;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #bb0000;
        font-size: 4.2666666666667vw;
        font-weight: bold;
        text-decoration: none;
        border: 0.2666666666667vw #bb0000 solid;
        border-radius: 8vw;
        background: url(../../fanclub/img/arrow_down_rd.svg) no-repeat 6.6666666666667vw center,url(../../fanclub/img/arrow_down_rd.svg) no-repeat right 6.6666666666667vw center;
        background-size: 2.6666666666667vw auto,2.6666666666667vw auto;
    }

    #suntory_contents .link_box {
        margin: 0 auto 8vw;
    }
    #suntory_contents .link_box li {
        margin: 0 auto;
        padding: 8vw 0;
        width: 76vw;
        background: #ffeeee;
        list-style: none;
    }
    #suntory_contents .link_box li + li {
        margin: 8vw auto 0;
    }
    #suntory_contents .link_box li p + p {
        margin-top: 5.3333333333333vw;
    }
    #suntory_contents .link_box li h3 {
        margin-bottom: 8vw;
        font-size: 5.0666666666667vw;
        font-weight: bold;
        text-align: center;
    }

    #suntory_contents .btn_login a {
        margin: 0 auto;
        width: 65.333333333333333vw;
        height: 13.3333333333333vw;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-size: 4.2666666666667vw;
        font-weight: bold;
        text-decoration: none;
        border-radius: 6.6666666666667vw;
        background: url(../../fanclub/img/icon_login_wh.svg) no-repeat 6vw center,
                    url(../../fanclub/img/arrow_right_wh.svg) no-repeat right 5.3333333333333vw center #bb0000;
        background-size: 5.0666666666667vw auto,1.6vw auto;
    }

    #suntory_contents .btn_step a {
        margin: 0 auto;
        width: 54.6666666666667vw;
        height: 13.3333333333333vw;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #bb0000;
        font-size: 4.2666666666667vw;
        font-weight: bold;
        text-decoration: none;
        border-radius: 6.6666666666667vw;
        background: url(../../fanclub/img/arrow_down_rd.svg) no-repeat 6.6666666666667vw center,url(../../fanclub/img/arrow_down_rd.svg) no-repeat right 6.6666666666667vw center #fff;
        background-size: 2.6666666666667vw auto,2.6666666666667vw auto;
    }

    #suntory_contents .btn_application a {
        margin: 0 auto;
        width: 65.333333333333333vw;
        height: 13.3333333333333vw;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-size: 4.2666666666667vw;
        font-weight: bold;
        text-decoration: none;
        border-radius: 6.6666666666667vw;
        background: url(../../fanclub/img/icon_entry_wh.svg) no-repeat 8.4vw center,
                    url(../../fanclub/img/arrow_down_wh.svg) no-repeat right 5.3333333333333vw center #bb0000;
        background-size: 6.6666666666667vw auto, auto 1.6vw;
    }
    #suntory_contents .btn_application.bottom a {
        background: url(../../fanclub/img/icon_entry_wh.svg) no-repeat 8.4vw center,
                    url(../../fanclub/img/arrow_up_wh.svg) no-repeat right 5.3333333333333vw center #bb0000;
        background-size: 6.6666666666667vw auto, auto 1.6vw;
    }
    #suntory_contents .btn_container {
        margin:0 auto 16vw;
        margin:0 auto 8vw;
    }
    #suntory_contents .step .btn_container {
        margin:0 auto;
    }
    #suntory_contents .btn_container p + p {
        margin-top: 8vw;
    }

    #suntory_contents .btn_terms a {
        margin: 0 auto;
        width: 65.333333333333333vw;
        height: 13.3333333333333vw;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-size: 4.2666666666667vw;
        font-weight: bold;
        text-decoration: none;
        border-radius: 6.6666666666667vw;
        background: url(../../fanclub/img/icon_terms_wh.svg) no-repeat 6.4vw center,
                    url(../../fanclub/img/arrow_right_wh.svg) no-repeat right 5.3333333333333vw center #bb0000;
        background-size: 5.0666666666667vw auto,1.6vw auto;
    }
    #suntory_contents .btn_faq a {
        margin: 0 auto;
        width: 65.333333333333333vw;
        height: 13.3333333333333vw;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-size: 4.2666666666667vw;
        font-weight: bold;
        text-decoration: none;
        border-radius: 6.6666666666667vw;
        background: url(../../fanclub/img/icon_faq_wh.svg) no-repeat 6vw center,
                    url(../../fanclub/img/arrow_down_wh.svg) no-repeat right 5.3333333333333vw center #bb0000;
        background-size: 5.8666666666667vw auto,auto 1.6vw;
    }


    /* #suntory_contents #flow dt {
        margin: 0 auto 5.3333333333333vw;
        width: 28vw;
        height: 10.6666666666667vw;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #ffeeee;
        border-radius: 5.3333333333333vw;
        font-size: 4vw;
        font-weight: bold;
        font-family: 'Roboto',sans-serif;
    }
    #suntory_contents #flow dt span {
        font-size: 5.0666666666667vw;
        margin-left:2.8vw;
    }
    #suntory_contents #flow dd .text {
        margin-bottom: 9.3333333333333vw;
        font-size: 4vw;
        line-height: 1.666666666666667;
        text-align: center;
    }
    #suntory_contents #flow dd .note {
        margin-top: -6vw;
        margin-bottom: 9.3333333333333vw;
        font-size: 3.2vw;
        text-align: center;
        line-height: 1.666666666666667;
    }
    #suntory_contents #flow dd .text a {
        color: #bb0000;
        text-decoration: underline;
    }
    #suntory_contents #flow dd .text a.external {
        margin-right: 2.6666666666667vw;
        background: url(../img/icon_external_red.png) no-repeat right 0;
        background-size: 1.3333333333333vw 1.3333333333333vw;
        padding-right: 2.6666666666667vw;
    }
     #suntory_contents .btn_terms a {
        margin: 0 auto 5.3333333333333vw;
        width: 46.6666666666667vw;
        height: 12vw;
        padding-right: 2.9333333333333vw;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #bb0000 url(../img/arrow_next.png) no-repeat right 5.3333333333333vw center;
        background-size: 1.6vw auto;
        color: #fff;
        font-size: 4vw;
        text-decoration: none;
        box-sizing: border-box;
    } */


    /*------------------------------------------------------------
    [SP] campaign_banner
    ------------------------------------------------------------ */
    #suntory_contents .campaign_banner {
        margin: 0 auto 8vw;
        width: 92vw;
        height: 45.3333333333333vw;
        border: 0.1333333333333vw #bb0000 solid;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 6.4vw;
        line-height: 1.458333333333333;
        text-align: center;
        position: relative;
        box-sizing: border-box;
    }
    #suntory_contents .campaign_banner::before {
        content: '';
        width: 26.533333333333333vw;
        height: 37.866666666666667vw;
        background: url(../../fanclub/img/sp_img_sunbirds02.webp) no-repeat 0 0;
        background-size: 26.533333333333333vw 37.866666666666667vw;
        position: absolute;
        top: -12.4vw;
        right: 4.8vw;
    }
    .no-webp #suntory_contents .campaign_banner::before {
        background: url(../../fanclub/img/sp_img_sunbirds02.png) no-repeat 0 0;
        background-size: 26.533333333333333vw 37.866666666666667vw;
    }

    /*------------------------------------------------------------
    [SP] step
    ------------------------------------------------------------ */
    #suntory_contents .step {
        margin: 0 auto 8vw;
        padding: 8vw 0;
        width: 92vw;
        background: #ffeeee;
    }
    #suntory_contents .step h3 {
        margin-bottom: 8vw;
        font-size: 6.6666666666667vw;
        font-weight: bold;
        text-align: center;
    }
    #suntory_contents .step h4 {
        margin: 8vw auto 4vw;
        width: 38.666666666666667vw;
        height: 13.3333333333333vw;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 0.5333333333333vw #ff3344 solid;
        border-radius: 6.6666666666667vw;
        font-size: 4.2666666666667vw;
        font-weight: bold;
        color: #ff3344;
        background: #fff;
        position: relative;
    }
    #suntory_contents .step h4::before {
        content: '';
        width: 17.3333333333333vw;
        height: 1.3333333333333vw;
        background: url(../../fanclub/img/dot_red.svg) no-repeat 0 0;
        background-size: 17.3333333333333vw 1.3333333333333vw;
        position: absolute;
        top: 6.1333333333333vw;
        left: -18.6666666666667vw;
    }
    #suntory_contents .step h4::after {
        content: '';
        width: 17.3333333333333vw;
        height: 1.3333333333333vw;
        background: url(../../fanclub/img/dot_red.svg) no-repeat 0 0;
        background-size: 17.3333333333333vw 1.3333333333333vw;
        position: absolute;
        top: 6.1333333333333vw;
        right: -18.6666666666667vw;
    }

    #suntory_contents .step h5 {
        margin: 0 auto 8vw;
        text-align: center;
    }
    #suntory_contents .step h5 span.number {
        margin: 0 auto 8vw;
        width: 28vw;
        height: 10.6666666666667vw;
        background: #ff3344;
        border-radius: 5.3333333333333vw;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 4.5333333333333vw;
        font-weight: bold;
        color: #fff;
        text-align: center;
        position: relative;
    }
    #suntory_contents .step h5 span.number::after {
        content: '';
        width: 6.6666666666667vw;
        height: 2.6666666666667vw;
        background: url(../../fanclub/img/step_hook.svg) no-repeat 0 0;
        background-size: 6.6666666666667vw 2.6666666666667vw;
        position: absolute;
        bottom: -2.6666666666667vw;
        left: calc(50% - 3.3333333333333vw);
    }
    #suntory_contents .step h5 span.text {
        font-size: 4.8vw;
        line-height: 1.5;
        font-weight: bold;
        color: #ee0022;
    }
    #suntory_contents .step .step_text {
        margin-bottom: 4vw;
        font-size: 4vw;
        font-weight: bold;
        line-height: 1.5;
        text-align: center;
    }
    #suntory_contents .step .step_text .small {
        font-size: 3.2vw;
        font-weight: normal;
    }
    #suntory_contents .step .step_text a {
        color: #bb0000;
        text-decoration: underline;
    }
    #suntory_contents .step .step_img {
        margin: 0 auto 8vw;
        padding-bottom: 10.6666666666667vw;
        width: 76vw;
        display: block;
        background: url(../../fanclub/img/step_arrow.svg) no-repeat center bottom;
        background-size: 13.3333333333333vw auto;
    }
    #suntory_contents .step .step_img.bottom {
        margin: 0 auto 9.3333333333333vw;
        padding: 0;
        background: none;
    }
    #suntory_contents .step picture img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    #suntory_contents .step .fig_container {
        margin-bottom: 9.3333333333333vw;
    }
    #suntory_contents .step .fig_container .step_img.bottom {
        margin: 0 auto;
    }

    #suntory_contents .mamber_btn_container {
        margin-bottom: 8vw;
    }
    #suntory_contents .mamber_btn_container p + p {
        margin-top: 5.3333333333333vw;
    }


    #suntory_contents .btn_family {
        margin: 0 auto 5.3333333333333vw;
        padding-bottom: 4.8vw;
        width: 81.3333333333333vw;
        box-sizing: border-box;
        background: #ff6699;
    }
    #suntory_contents .btn_family .btn_label {
        margin-bottom: 2.8vw;
        height: 18.6666666666667vw;
        background:
        url(../../fanclub/img/entory_icon_family.webp) no-repeat 1.3333333333333vw center;
        background-size: 13.3333333333333vw auto;
        padding-left: 0.8vw;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        text-decoration: none;
    }
    #suntory_contents .btn_family .btn_label .title {
        font-size: 4.5333333333333vw;
        font-weight: bold;
        color: #fff;
    }
    #suntory_contents .btn_family .btn_label .small {
        margin: 2vw 0 0;
        font-size: 2.6666666666667vw;
        font-weight: normal;
        color: #fff;
    }
    #suntory_contents .btn_family ul {
        list-style: none;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 72.266666666666667vw;
        margin: 0 auto;
    }
    #suntory_contents .btn_family ul li.family01,
    #suntory_contents .btn_family ul li.family03 {
        width: 32.266666666666667vw;
    }
    #suntory_contents .btn_family ul li.family02,
    #suntory_contents .btn_family ul li.family04 {
        width: 33.066666666666667vw;
    }
    #suntory_contents .btn_family ul li.family01,
    #suntory_contents .btn_family ul li.family02 {
        margin-bottom: 4vw;
    }
    #suntory_contents .btn_family ul li {
        font-size: 2.6666666666667vw;
    }
    #suntory_contents .btn_family ul li a {
        color: #fff;
        padding: 0 4vw 0 8.266666666666667vw;
        display: flex;
        align-items: center;
        height: 4vw;
    }
    #suntory_contents .btn_family ul li.family01 a {
        background:
        url(../../fanclub/img/icon_family01_wh.svg) no-repeat 0 center,
        url(../../fanclub/img/arrow_right_wh.svg) no-repeat right center;
        background-size: auto 4vw, 1.3333333333333vw auto;
    }
    #suntory_contents .btn_family ul li.family02 a {
        background:
        url(../../fanclub/img/icon_family02_wh.svg) no-repeat 0 center,
        url(../../fanclub/img/arrow_right_wh.svg) no-repeat right center;
        background-size: auto 4vw, 1.3333333333333vw auto;
    }
    #suntory_contents .btn_family ul li.family03 a {
        background:
        url(../../fanclub/img/icon_family03_wh.svg) no-repeat 0 center,
        url(../../fanclub/img/arrow_right_wh.svg) no-repeat right center;
        background-size: auto 4vw, 1.3333333333333vw auto;
    }
    #suntory_contents .btn_family ul li.family04 a {
        background:
        url(../../fanclub/img/icon_family04_wh.svg) no-repeat 0 center,
        url(../../fanclub/img/arrow_right_wh.svg) no-repeat right center;
        background-size: auto 4vw, 1.3333333333333vw auto;
    }

    #suntory_contents .btn_red a {
        margin: 0 auto 0;
        width: 81.3333333333333vw;
        height: 18.6666666666667vw;
        box-sizing: border-box;
        padding-left: 0.8vw;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        background:
        url(../../fanclub/img/entory_icon_red.webp) no-repeat 1.3333333333333vw center,
        url(../../fanclub/img/arrow_right_wh.svg) no-repeat right 5.3333333333333vw center, #ff4444;
        background-size: 13.3333333333333vw auto, 2.4vw auto;
        color: #fff;
        text-decoration: none;
        font-size: 4.5333333333333vw;
        font-weight: bold;
    }
    #suntory_contents .btn_junior a {
        margin: 0 auto 0;
        width: 81.3333333333333vw;
        height: 18.6666666666667vw;
        box-sizing: border-box;
        padding-left: 0.8vw;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        background:
        url(../../fanclub/img/entory_icon_junior.webp) no-repeat 1.3333333333333vw center,
        url(../../fanclub/img/arrow_right_wh.svg) no-repeat right 5.3333333333333vw center, #77cc44;
        background-size: 13.3333333333333vw auto, 2.4vw auto;
        color: #fff;
        text-decoration: none;
        font-size: 4.5333333333333vw;
        font-weight: bold;
    }
    #suntory_contents .btn_free a {
        margin: 0 auto 0;
        width: 81.3333333333333vw;
        height: 18.6666666666667vw;
        box-sizing: border-box;
        padding-left: 0.8vw;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        background:
        url(../../fanclub/img/entory_icon_free.webp) no-repeat 1.3333333333333vw center,
        url(../../fanclub/img/arrow_right_wh.svg) no-repeat right 5.3333333333333vw center, #00bbbb;
        background-size: 13.3333333333333vw auto, 2.4vw auto;
        color: #fff;
        text-decoration: none;
        font-size: 4.5333333333333vw;
        font-weight: bold;
    }
    .no-webp #suntory_contents .btn_family a {
        background:
        url(../../fanclub/img/entory_icon_family.png) no-repeat 1.3333333333333vw center,
        url(../../fanclub/img/arrow_right_wh.svg) no-repeat right 5.3333333333333vw center, #ff6699;
        background-size: 13.3333333333333vw auto, 2.4vw auto;
    }
    .no-webp #suntory_contents .btn_red a {
        background:
        url(../../fanclub/img/entory_icon_red.png) no-repeat 1.3333333333333vw center,
        url(../../fanclub/img/arrow_right_wh.svg) no-repeat right 5.3333333333333vw center, #ff4444;
        background-size: 13.3333333333333vw auto, 2.4vw auto;
    }
    .no-webp #suntory_contents .btn_junior a {
        background:
        url(../../fanclub/img/entory_icon_junior.png) no-repeat 1.3333333333333vw center,
        url(../../fanclub/img/arrow_right_wh.svg) no-repeat right 5.3333333333333vw center, #77cc44;
        background-size: 13.3333333333333vw auto, 2.4vw auto;
    }
    .no-webp #suntory_contents .btn_free a {
        background:
        url(../../fanclub/img/entory_icon_free.png) no-repeat 1.3333333333333vw center,
        url(../../fanclub/img/arrow_right_wh.svg) no-repeat right 5.3333333333333vw center, #00bbbb;
        background-size: 13.3333333333333vw auto, 2.4vw auto;
    }
    #suntory_contents .btn_red a .small,
    #suntory_contents .btn_junior a .small,
    #suntory_contents .btn_free a .small {
        margin-top: 1.6vw;
        font-size: 2.6666666666667vw;
        font-weight: normal;
    }

    /*------------------------------------------------------------
    [SP] suntory_account
    ------------------------------------------------------------ */
    #suntory_contents .suntory_account {
        margin: 0 auto 8vw;
        padding: 12vw 0 8vw;
        width: 92vw;
        border: 0.1333333333333vw #d8d8d8 solid;
    }
    #suntory_contents .suntory_account h3 {
        margin-bottom: 8vw;
        font-size: 6.6666666666667vw;
        font-weight: bold;
        text-align: center;
    }
    #suntory_contents .suntory_account .text {
        margin-bottom: 8vw;
        font-size: 4.2666666666667vw;
        line-height: 1.71875;
        text-align: center;
    }
    #suntory_contents .suntory_account .fig {
        margin: 0 auto 8vw;
        width: 67.466666666666667vw;
        display: block;
    }
    #suntory_contents .suntory_account .fig img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }

    #suntory_contents .btn_detail a {
        margin: 0 auto;
        width: 65.333333333333333vw;
        height: 13.3333333333333vw;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-size: 4.2666666666667vw;
        font-weight: bold;
        text-decoration: none;
        border-radius: 6.6666666666667vw;
        background: #bb0000 url(../../fanclub/img/arrow_right_wh.svg) no-repeat right 5.3333333333333vw center ;
        background-size: 1.6vw auto;
    }

    /*------------------------------------------------------------
    [SP] faq
    ------------------------------------------------------------ */
    #suntory_contents .faq {
        margin: 0 auto 8vw;
        padding: 5.8666666666667vw 0 8vw;
        width: 92vw;
        border: 0.1333333333333vw #d8d8d8 solid;
    }
    #suntory_contents .faq h3 {
        margin: 0 0 10.6666666666667vw;
        padding-top: 28.8vw;
        font-size: 6.6666666666667vw;
        background: url(../../fanclub/img/sp_tl_img_fqa.webp) no-repeat center 0;
        background-size: 40.4vw auto;
        font-weight: bold;
        text-align: center;
    }
    .no-webp #suntory_contents .faq h3 {
        background: url(../../fanclub/img/sp_tl_img_fqa.png) no-repeat center 0;
        background-size: 40.4vw auto;
    }
    #suntory_contents .faq_group {
        margin: 0 auto;
        width: 81.3333333333333vw;
    }
    #suntory_contents .faq .faq_group + .faq_group {
        margin: 6vw auto 0;
    }
    #suntory_contents .faq dl + dl {
        margin: 6.6666666666667vw auto 0;
    }
    #suntory_contents .faq_group h4 {
        margin-bottom: 6.6666666666667vw;
        font-size: 4.2666666666667vw;
        font-weight: bold;
        color: #fff;
        background: #ff3344;
        height: 8vw;
        display: inline-flex;
        align-items: center;
        padding: 0 4.6666666666667vw;
        border-radius: 4vw;
    }
    #suntory_contents .faq dl {
        margin: 0 auto;
        width: 81.3333333333333vw;
    }
    #suntory_contents .faq dl dt {
        font-size: 4vw;
        line-height: 1.5625;
        background: url(../../fanclub/img/icon_faq_q.svg) no-repeat 0 0;
        background-size: 8vw auto;
        margin-bottom: 2.6666666666667vw;
        padding:calc(2vw - .125em) 0 0 10.6666666666667vw;
        min-height: 8vw;
    }
    #suntory_contents .faq dl dd {
        background: url(../../fanclub/img/icon_faq_a.svg) no-repeat 0 0;
        background-size: 8vw auto;
        padding:calc(2vw - .125em) 0 0 10.6666666666667vw;
    }
    #suntory_contents .faq dl dd .text {
        font-size: 4vw;
        line-height: 1.5625;
    }
    #suntory_contents .faq dl dd .note {
        font-size: 3.7333333333333vw;
        line-height: 1.5625;
    }
    #suntory_contents .faq dl dd p + p {
        margin-top: 4vw;
    }
    #suntory_contents .faq dl dd .link {
        font-size: 4vw;
        line-height: 1.5625;
    }
    #suntory_contents .faq dl dd .link a {
        color: #bb0000;
        background: url(../../fanclub/img/arrow_right_rd.svg) no-repeat right center;
        background-size: 1.6vw auto;
        display: inline-block;
        padding-right: 5.3333333333333vw;
    }

    #suntory_contents .faq .faq_note {
        margin: 4vw auto 0;
        padding-left: 10.6666666666667vw;
        box-sizing: border-box;
        width: 81.3333333333333vw;
        font-size: 3.7333333333333vw;
        line-height: 1.5625;
    }

    /*------------------------------------------------------------
    [SP] article_terms
    ------------------------------------------------------------ */
    #suntory_contents .article_terms {
        margin: 0 6.6666666666667vw 13.3333333333333vw;
        padding: 0;
    }
    #suntory_contents .article_terms  h1 {
        margin-bottom: 12vw;
        text-align: center;
        font-size: 6.6666666666667vw;
        font-weight: bold;
    }

    #suntory_contents .article_terms .section_terms {
        margin-bottom: 4vw;
    }
    #suntory_contents .article_terms .section_terms a {
        color: #bb0000;
        text-decoration: underline;
    }

    #suntory_contents .article_terms .section_terms h2 {
        margin-bottom: 2vw;
        font-size: 4vw;
        font-weight: normal;
    }
    #suntory_contents .article_terms .section_terms h3 {
        font-size: 4vw;
        font-weight: normal;
    }
    #suntory_contents .article_terms .section_terms ol {
        font-size: 4vw;
        list-style: none;
    }
    #suntory_contents .article_terms .section_terms ol li {
        line-height: 2;
    }
    #suntory_contents .article_terms .section_terms p {
        line-height: 2;
    }
    #suntory_contents .article_terms .section_terms ol ul {
        list-style: none;
    }

    #suntory_contents .article_terms .section_terms h2 {
        margin-bottom: 2vw;
        font-size: 4vw;
        font-weight: normal;
    }
    #suntory_contents .article_terms .title_headline {
       text-align: left;
       background-color: #e8e8f1;
       margin-bottom: 12vw;
       font-size: 6.6666666666667vw;
       font-weight: bold;
       padding: 5px;
    }
    #suntory_contents .article_terms .section_terms .-bold {
        margin-bottom: 2vw;
        font-size: 4vw;
        font-weight: bold;
    }
    #suntory_contents .article_terms .section_terms .indent {
        line-height: 2;
        padding-left: 0.75em;
        text-indent: -0.8em;
    }
    #suntory_contents .article_terms .section_terms table,.border-style_dashed td {
        border: #000 1px dashed;
        border-collapse: collapse;
        margin: 0 1em;
        vertical-align: top;
        padding: 5px;
    }
    #suntory_contents .article_terms .section_terms .into_contact{
        text-align: center;
    }
    #suntory_contents .article_terms .section_terms .into_contact a{
        color: #000;
    }
    #suntory_contents .article_terms .section_terms .closing{
        text-align: right;
    }

    /*------------------------------------------------------------
    [SP] btn_agree
    ------------------------------------------------------------ */
    #suntory_contents .btn_agree {
        text-align: center;
    }

    #suntory_contents .btn_agree > p{
        background: #ffcccc;
        font-size: 3.6vw;
        font-weight: bold;
        padding: 10px;
        margin: 1em auto;
        appearance: auto;
        -moz-appearance: auto;
        -ms-appearance: auto;
        -webkit-appearance: auto;
    }

    #suntory_contents .btn_agree label{
        appearance: auto;
        -moz-appearance: auto;
        -ms-appearance: auto;
        -webkit-appearance: auto;
        border-radius: 0;
    }

    #suntory_contents .btn_agree input[type="checkbox"] {
        appearance: auto;
        -moz-appearance: auto;
        -ms-appearance: auto;
        -webkit-appearance: auto;
        border-radius: 0;
    }

    #suntory_contents .btn_agree input[type="button"] {
        background: #ddd;
        border: #aaa solid 1px;
        color: #aaa;
        padding: 10px 0;
        pointer-events: none;
        transition: background-color .3s, color .5s;
        font-size: 4vw;
        width: 46.6666666666667vw;
    }
    
    #suntory_contents .btn_agree input[type="button"]:focus {
        visibility: hidden;
    }
    
    #suntory_contents .btn_agree:has(input:checked) input[type="button"] {
        background: #bb0000;
        border: #bb0000 solid 1px;
        color: #fff;
        cursor: pointer;
        pointer-events: auto;
    }

    #suntory_contents .btn_agree:has(input:checked) input[type="button"]:focus {
        visibility: visible;
    }
    


    /*------------------------------------------------------------
    [SP] btn_back
    ------------------------------------------------------------ */
    #suntory_contents .btn_back a {
        margin: 0 auto 5.3333333333333vw;
        width: 46.6666666666667vw;
        height: 12vw;
        padding-left: 2.9333333333333vw;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #bb0000 url(../img/arrow_prev.png) no-repeat 5.3333333333333vw center;
        background-size: 1.6vw auto;
        color: #fff;
        font-size: 4vw;
        text-decoration: none;
        box-sizing: border-box;
    }
    /*------------------------------------------------------------
    [SP] btn_signup
    ------------------------------------------------------------ */
    #suntory_contents .btn_signup {
    }
     #suntory_contents .btn_signup a.diamond {
        margin: 0 auto 13.6vw;
        width: 81.3333333333333vw;
        height: 18.6666666666667vw;
        padding-left: 3.0666666666667vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background: url(../../fanclub/img/entory_icon_diamond.png) no-repeat 0.033333vw center,url(../../fanclub/img/arrow_next.png) no-repeat right 5.433333vw center,linear-gradient(to right, #9977dd 0%,#9977dd 100%);
        background-size: 16.133333vw auto,2.2vw auto,auto;
        text-decoration: none;
        box-sizing: border-box;
        color: #fff;
    }
     #suntory_contents .btn_signup a.gold {
        margin: 0 auto 13.6vw;
        width: 81.3333333333333vw;
        height: 18.6666666666667vw;
        padding-left: 3.0666666666667vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background: url(../../fanclub/img/entory_icon_gold.png) no-repeat 0.033333vw center,url(../../fanclub/img/arrow_next.png) no-repeat right 5.433333vw center,linear-gradient(to right, #ee9933 0%,#ee9933 100%);
        background-size: 16.133333vw auto,2.2vw auto,auto;
        text-decoration: none;
        box-sizing: border-box;
        color: #fff;
    }
    #suntory_contents .btn_signup a.family {
        margin: 0 auto 13.6vw;
        width: 81.3333333333333vw;
        height: 18.6666666666667vw;
        padding-left: 3.0666666666667vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background: url(../../fanclub/img/entory_icon_family.png) no-repeat 0.033333vw center,url(../../fanclub/img/arrow_next.png) no-repeat right 5.433333vw center,linear-gradient(to right, #ff6699 0%,#ff6699 100%);
        background-size: 16.133333vw auto,2.2vw auto,auto;
        text-decoration: none;
        box-sizing: border-box;
        color: #fff;
    }


     #suntory_contents .btn_signup a.red {
        margin: 0 auto 13.6vw;
        width: 81.3333333333333vw;
        height: 18.6666666666667vw;
        padding-left: 3.0666666666667vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background: url(../../fanclub/img/entory_icon_red.png) no-repeat 0.033333vw center,url(../../fanclub/img/arrow_next.png) no-repeat right 5.433333vw center,linear-gradient(to right, #ff4444 0%,#ff4444 100%);
        background-size: 16.133333vw auto,2.2vw auto,auto;
        text-decoration: none;
        box-sizing: border-box;
        color: #fff;
    }
     #suntory_contents .btn_signup a.kids {
        margin: 0 auto 13.6vw;
        width: 81.3333333333333vw;
        height: 18.6666666666667vw;
        padding-left: 3.0666666666667vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background: url(../../fanclub/img/entory_icon_junior.png) no-repeat 0.033333vw center,url(../../fanclub/img/arrow_next.png) no-repeat right 5.433333vw center,linear-gradient(to right, #77cc44 0%,#77cc44 100%);
        background-size: 16.133333vw auto,2.2vw auto,auto;

        text-decoration: none;
        box-sizing: border-box;
        color: #fff;
    }
     #suntory_contents .btn_signup a.free {
        margin: 0 auto 13.6vw;
        width: 81.3333333333333vw;
        height: 18.6666666666667vw;
        padding-left: 3.0666666666667vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background: url(../../fanclub/img/entory_icon_free.png) no-repeat 0.033333vw center,url(../../fanclub/img/arrow_next.png) no-repeat right 5.433333vw center,linear-gradient(to right,  #00bbbb 0%,#00bbbb 100%);
        background-size: 16.133333vw auto,2.2vw auto,auto;
        text-decoration: none;
        box-sizing: border-box;
        color: #fff;
    }
    #suntory_contents .btn_signup a .btn_title {
        margin-bottom: 2vw;
        font-size: 4vw;
        font-weight: bold;
        color: #fff;
    }
    #suntory_contents .btn_signup a .btn_note {
        font-size: 2.6666666666667vw;
        font-weight: normal;
        color: #fff;
    }

    /*------------------------------------------------------------
    [SP] contact
    ------------------------------------------------------------ */
    #suntory_contents .contact {
        margin: 0 auto;
        padding-bottom: 6.6666666666667vw;
        width: 81.3333333333333vw;
        background: #f4f4f4;
        text-align: center;
    }
    #suntory_contents .contact h2 {
        margin-bottom: 4vw;
        height: 16.133333333333333vw;
        text-align: center;
        background: url(../../fanclub/img/sp_bg_contact.webp) no-repeat 0 0;
        background-size: 81.3333333333333vw auto;
        font-size: 5.8666666666667vw;
        font-weight: bold;
        box-sizing: border-box;
        padding-top: 1.3333333333333vw;
    }
    .no-webp #suntory_contents .contact h2 {
        background: url(../../fanclub/img/sp_bg_contact.png) no-repeat 0 0;
        background-size: 81.3333333333333vw auto;
    }
    #suntory_contents .contact h3 {
        margin: 0 auto 5.6vw;
        padding-bottom: 6.6666666666667vw;
        width: 68vw;
        font-size: 4vw;
        font-weight: bold;
        border-bottom: 1px #d8d8d8 solid;
        text-align: center;
    }
    #suntory_contents .contact h3 span {
        margin-bottom: 4vw;
        font-size: 4.9333333333333vw;
        font-weight: bold;
        font-family: 'Roboto',sans-serif;
        display: block;
        text-align: center;
    }
    #suntory_contents .contact .address {
        margin-bottom: 7.3333333333333vw;
        font-size: 4vw;
        line-height: 1.666666666666667;
        text-align: center;
    }
    #suntory_contents .contact .tel {
        margin: 0 auto 4vw;
        font-size: 6.9333333333333vw;
        font-weight: bold;
        font-family: 'Roboto',sans-serif;
        text-align: center;
        background: url(../../fanclub/img/icon_tel.svg) no-repeat 0 center;
        background-size: 6.9333333333333vw 6.9333333333333vw;
        display: inline-flex;
        align-items: center;
        padding-left: 9.6vw;
        height: 6.9333333333333vw;
    }
    #suntory_contents .contact .tel a {
        text-decoration: none;
        color: #000;
    }
    #suntory_contents .contact .time {
        margin-bottom: 5.7333333333333vw;
        font-size: 3.2vw;
        text-align: center;
    }
    #suntory_contents .contact .mail a {
        margin: 0 auto 4vw;
        font-size: 3.7333333333333vw;
        font-weight: bold;
        font-family: 'Roboto',sans-serif;
        text-align: center;
        background: url(../../fanclub/img/icon_mail.svg) no-repeat center 0;
        background-size: 8.266666666666667vw 6.1333333333333vw;
        display: inline-flex;
        align-items: center;
        padding-top: 9.866666666666667vw;
        color: #000;
        text-decoration: none;
    }
     #suntory_contents .contact .message {
        font-size: 3.2vw;
        text-align: center;
        line-height: 1.666666666666667;
    }
    #suntory_contents .contact .message a{
        color: #bb0000;
    }


}
/*------------------------------------------------------------
[PC]
------------------------------------------------------------ */
@media print, screen and (min-width:768px) {

    #suntory_contents .pc_item.inline {
        display: inline-block;
    }

    /*------------------------------------------------------------
    [PC] article_fanclub
    ------------------------------------------------------------ */
    #suntory_contents .article_fanclub {
    }

    /*------------------------------------------------------------
    [PC] fanclub_title
    ------------------------------------------------------------ */
    #suntory_contents .fanclub_title {
        margin-bottom: 50px;
        width: 1160px;
        height: 300px;
        background: url(../../fanclub/img/bg_fanclub.webp) no-repeat 0 0;
        background-size: 1160px 300px;
        text-align: center;
        color: #fff;
        box-sizing: border-box;
        padding: 40px 0 0;
    }
    .no-webp #suntory_contents .fanclub_title {
        background: url(../../fanclub/img/bg_fanclub.jpg) no-repeat 0 0;
        background-size: 1160px 300px;
    }
    #suntory_contents .fanclub_title .label {
        margin-bottom: 25px;
        font-size: 18px;
        font-weight: bold;
    }
    #suntory_contents .fanclub_title .titile_en {
        margin-bottom: 25px;
        font-size: 44px;
        font-weight: bold;
    }
    #suntory_contents .fanclub_title h1 {
        margin-bottom: 35px;
        font-size: 13px;
        font-weight: bold;
    }
    #suntory_contents .fanclub_title .message {
        font-size: 49px;
        font-weight: bold;
    }

    /*------------------------------------------------------------
    [PC] section_fanclub
    ------------------------------------------------------------ */
    #suntory_contents .section_fanclub {

    }
    #suntory_contents .section_fanclub .title_en {
        font-size: 18px;
        font-weight: bold;
        font-family: 'Roboto',sans-serif;
        color: #bb0000;
        text-align: center;
        margin-bottom: 18px;
    }
    #suntory_contents .section_fanclub h2 {
        font-size: 38px;
        font-weight: bold;
        text-align: center;
        margin-bottom: 46px;
    }

    /*------------------------------------------------------------
    [PC] primary_category
    ------------------------------------------------------------ */
    #suntory_contents .category_wrap {
        margin: 0 auto 25px;
        width: 1080px;
        display: flex;
        justify-content: space-between;

    }
    #suntory_contents .category_wrap.secondary {
        margin: 0 auto 65px;
    }

    #suntory_contents .primary_category {
        width: 340px;
        padding: 0 0 58px;
        box-shadow: 0 0 8px rgba(216,216,216, 1);
        background: #fff;
        position: relative;
    }

    /* #diamond */
    #suntory_contents #diamond .category_head {
        margin-bottom: 20px;
        width: 340px;
        height: 150px;
        background: url(../../fanclub/img/pc_bg_diamond.webp) no-repeat 0 0;
        background-size: 340px auto;
        position: relative;
    }
    .no-webp #suntory_contents #diamond .category_head {
        background: url(../../fanclub/img/pc_bg_diamond.jpg) no-repeat 0 0;
        background-size: 340px auto;
    }
    #suntory_contents #diamond .category_head h3 {
        width: 0 auto;
        height: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 23px;
        left: 65px;
        font-size: 28px;
        font-weight: bold;
        color: #fff;
        text-shadow: 5px 4px 2px #6d5fac;
    }
    #suntory_contents #diamond .category_head .fee {
        width: 150px;
        height: 102px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 70px;
        left: 90px;
        font-weight: bold;
        color: #fff;
    }
    #suntory_contents #diamond .category_head .fee .unit {
        font-size: 15px;
    }
    #suntory_contents #diamond .category_head .fee .number {
        margin-left: 12px;
        font-size: 23px;
        font-family: 'Roboto',sans-serif;
    }
    #suntory_contents #diamond .category_head .limited {
        width: 75px;
        height: 35px;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        position: absolute;
        top: 3px;
        left: 146px;
        color: #473673;
        font-weight: bold;
    }
    #suntory_contents #diamond .category_head .limited .unit {
        font-size: 12px;
        font-family: 'Roboto',sans-serif;
        margin-bottom: 5px;
    }
    #suntory_contents #diamond .category_head .limited .number {
        font-size: 27px;
        font-family: 'Roboto',sans-serif;
    }
    #suntory_contents #diamond .category_head .limited .note {
        width: 30px;
        height: 15px;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        position: absolute;
        top: 17px;
        right: 75px;
        color: #473673;
        font-size: 14px;
    }

    /* #gold */
    #suntory_contents #gold .category_head {
        margin-bottom: 20px;
        width: 340px;
        height: 150px;
        background: url(../../fanclub/img/pc_bg_gold.webp) no-repeat 0 0;
        background-size: 340px auto;
        position: relative;
    }
    .no-webp #suntory_contents #gold .category_head {
        background: url(../../fanclub/img/pc_bg_gold.jpg) no-repeat 0 0;
        background-size: 340px auto;
    }
    #suntory_contents #gold .category_head h3 {
        height: 47px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 50px;
        left: 90px;
        font-size: 28px;
        font-weight: bold;
        color: #fff;
        text-shadow: 5px 4px 2px #e48e04;
    }
    #suntory_contents #gold .category_head .fee {
        width: 160px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 100px;
        left: 92px;
        font-weight: bold;
        color: #fff;
    }
    #suntory_contents #gold .category_head .fee .unit {
        font-size: 15px;
    }
    #suntory_contents #gold .category_head .fee .number {
        margin-left: 12px;
        font-size: 23px;
        font-family: 'Roboto',sans-serif;
    }
    #suntory_contents #gold .category_head .limited {
        width: 75px;
        height: 35px;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        position: absolute;
        top: 5px;
        right: 118px;
        color: #763000;
        font-weight: bold;

    }
    #suntory_contents #gold .category_head .limited .unit {
        font-size: 12px;
        font-family: 'Roboto',sans-serif;
        margin-bottom: 7px;
    }
    #suntory_contents #gold .category_head .limited .number {
        font-size: 27px;
        font-family: 'Roboto',sans-serif;
    }
    #suntory_contents #gold .category_head .limited .note {
        width: 30px;
        height: 15px;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        position: absolute;
        top: 14.2px;
        right: 75.6px;
        color: #763000;
        font-size: 14px;
    }
/* #family */
    #suntory_contents #family .category_head {
        margin-bottom: 20px;
        width: 340px;
        height: 150px;
        background: url(../../fanclub/img/pc_bg_family.webp) no-repeat 0 0;
        background-size: 340px auto;
        position: relative;
    }
    .no-webp #suntory_contents #family .category_head {
        background: url(../../fanclub/img/pc_bg_family.jpg) no-repeat 0 0;
        background-size: 340px auto;
    }
    #suntory_contents #family .category_head h3 {
        width: 0 auto;
        height: 47px;
        /* display: flex; */
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 32px;
        left: 81px;
        font-size: 28px;
        font-weight: bold;
        color: #fff;
        text-align: center;
        text-shadow: 5px 4px 2px #f06090;
    }
    #suntory_contents #family .category_head h3 span{
        font-size: 10px;
    }
    #suntory_contents #family .category_head .fee {
        width: 160px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 101px;
        left: 89px;
        font-weight: bold;
        color: #fff;
    }
    #suntory_contents #family .category_head .fee .unit {
        font-size: 15px;
    }
    #suntory_contents #family .category_head .fee .number {
        margin-left: 12px;
        font-size: 23px;
        font-family: 'Roboto',sans-serif;
    }
    #suntory_contents #family .category_head .limited {
        width: 60px;
        height: 35px;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        position: absolute;
        top: 20px;
        left: 415px;
        color: #fff;
    }
    #suntory_contents #family .category_head .limited .unit {
        font-size: 14px;
        font-family: 'Roboto',sans-serif;
        margin-bottom: 5px;
    }
    #suntory_contents #family .category_head .limited .number {
        font-size: 30px;
        font-family: 'Roboto',sans-serif;
    }
    #suntory_contents #family .category_head .limited .note {
        width: 30px;
        height: 15px;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        position: absolute;
        top: 6px;
        right: 160px;
        color: #cc155b;
        font-size: 18px;
        font-weight: bold;
    }
        #suntory_contents #family ul.other_note {
        font-size: 12px;
        list-style: none;
        text-align: left;
        line-height: 1.2;
        margin: 40px 20px 0;
        font-weight: bold;
        text-indent: -1em;
        padding-left: 1em;
    }
    #suntory_contents .primary_category .privilege_img {
        margin: 0 auto 20px;
        width: 340px;
        display: flex;
        justify-content: center;
    }
    #suntory_contents .primary_category#gold .privilege_img {
        justify-content:center;
    }
    #suntory_contents .primary_category .privilege_img figure {
        width: 340px;
        margin: 0 10px;
    }
    #suntory_contents .primary_category .privilege_img figure img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    #suntory_contents .primary_category .privilege {
        margin-bottom: 30px;
    }
    #suntory_contents .primary_category .privilege p {
        font-size: 17px;
        line-height: 1.764705882352941;
        font-weight: bold;
        text-align: center;
    }
    #suntory_contents .primary_category .privilege_list {
        margin: 0 auto;
        width: 300px;
        list-style: none;
    }
    #suntory_contents .primary_category#gold .privilege_list {
        margin: 82px auto;
        width: 300px;
    }
    #suntory_contents .primary_category#family .privilege_list {
    margin: 82px auto 0;
    width: 300px;
    }
    #suntory_contents .primary_category .privilege_list li {
        margin-bottom: 15px;
        position: relative;
        padding-left: 20px;
        box-sizing: border-box;
        font-size: 16px;
        font-weight: bold;
    }
    #suntory_contents .primary_category#gold .privilege_list li {
        width: 270px;
    }
    /* #suntory_contents .primary_category#gold .privilege_list li:nth-child(2n) {
        width: 170px;
    } */
    #suntory_contents .primary_category .privilege_list li::before {
        content: '';
        width: 10px;
        height: 10px;
        background: #000;
        border-radius: 5px;
        position:absolute;
        top: .125em;
        left: 0;
    }
    #suntory_contents .primary_category .privilege_list li span{
        font-size: 10px;
    }


    #suntory_contents .primary_category .other {
        font-size: 16px;
        text-align: right;
        width: 60px;
        height: 40px;
        position: absolute;
        bottom: 0;
        right: 30px;
    }

    #suntory_contents .category_note {
        margin: 0 auto 40px;
        font-size: 14px;
        text-align: center;
    }

     #suntory_contents .category_wrap2 {
        width: 1082px;
        margin: -35px auto 65px;
    }

     #suntory_contents .category_note2 {
        font-size: 14px;
        text-align :center;
    }

    /*------------------------------------------------------------
    [PC] secondary_category
    ------------------------------------------------------------ */
    #suntory_contents .secondary_category {
        width: 340px;
        padding: 0 0 58px;
        box-shadow: 0 0 8px rgba(216,216,216, 1);
        background: #fff;
        position: relative;
    }
    #suntory_contents #red .category_head {
        margin-bottom: 20px;
        width: 340px;
        height: 130px;
        background: url(../../fanclub/img/pc_bg_red.webp) no-repeat 0 0;
        background-size: 340px auto;
        position: relative;
    }
    .no-webp #suntory_contents #red .category_head {
        background: url(../../fanclub/img/pc_bg_red.jpg) no-repeat 0 0;
        background-size: 340px auto;
    }
    #suntory_contents #red .category_head::before {
        content: '';
        /* background: url(../../fanclub/img/card_red.webp) no-repeat 0 0; */
        background-size: 70px 60px;
        width: 70px;
        height: 60px;
        position: absolute;
        top: 40px;
        left: 15px;
    }
    .no-webp #suntory_contents #red .category_head::before {
        /* background: url(../../fanclub/img/card_red.png) no-repeat 0 0; */
        background-size: 70px 60px;
    }
    #suntory_contents #kids .category_head {
        margin-bottom: 20px;
        width: 340px;
        height: 130px;
        background: url(../../fanclub/img/pc_bg_junior.webp) no-repeat 0 0;
        background-size: 340px auto;
        position: relative;
    }
    .no-webp #suntory_contents #kids .category_head {
        background: url(../../fanclub/img/pc_bg_junior.jpg) no-repeat 0 0;
        background-size: 340px auto;
    }
    #suntory_contents #kids .category_head::before {
        content: '';
        /* background: url(../../fanclub/img/card_kids.webp) no-repeat 0 0; */
        background-size: 70px 60px;
        width: 70px;
        height: 60px;
        position: absolute;
        top: 40px;
        left: 15px;
    }
    .no-webp #suntory_contents #kids .category_head::before {
        background: url(../../fanclub/img/card_kids.png) no-repeat 0 0;
        background-size: 70px 60px;
    }
    #suntory_contents #free .category_head {
        margin-bottom: 20px;
        width: 340px;
        height: 130px;
        background: url(../../fanclub/img/pc_bg_free.webp) no-repeat 0 0;
        background-size: 340px auto;
        position: relative;
    }
    .no-webp #suntory_contents #free .category_head {
        background: url(../../fanclub/img/pc_bg_free.jpg) no-repeat 0 0;
        background-size: 340px auto;
    }
    #suntory_contents #free .category_head::before {
        content: '';
        /* background: url(../../fanclub/img/card_free.webp) no-repeat 0 0; */
        background-size: 70px 60px;
        width: 70px;
        height: 60px;
        position: absolute;
        top: 40px;
        left: 15px;
    }
    .no-webp #suntory_contents #free .category_head::before {
        /* background: url(../../fanclub/img/card_free.png) no-repeat 0 0; */
        background-size: 70px 60px;
    }

    #suntory_contents .secondary_category .category_head h3 {
        width: 165px;
        height: 47px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 14px;
        left: 90px;
        font-size: 28px;
        font-weight: bold;
        color: #fff;
    }
    #suntory_contents .secondary_category#red .category_head  h3 {
        text-shadow: 5px 4px 2px #fe4d4d;
    }
    #suntory_contents .secondary_category#kids .category_head  h3 {
        text-shadow: 5px 4px 2px #61aa0e;
    }
    #suntory_contents .secondary_category#free .category_head  h3 {
        text-shadow: 5px 4px 2px #00acab;
    }

    #suntory_contents .secondary_category .category_head .fee {
        width: 160px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 72px;
        left: 91px;
        font-weight: bold;
        color: #fff;
    }
    #suntory_contents .secondary_category .category_head .fee .unit {
        font-size: 14px;
    }
    #suntory_contents .secondary_category .category_head .fee .number {
        margin-left: 12px;
        font-size: 23px;
        font-family: 'Roboto',sans-serif;
    }
    #suntory_contents .secondary_category .category_head .target {
        width: 60px;
        height: 72px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: -4px;
        left: 271px;
        font-size: 12px;
        line-height: 1.285714285714286;
        font-weight: normal;
        color: #fff;
        text-align: center;
        font-weight: bold;
    }

    #suntory_contents .secondary_category .privilege_img {
        margin: 0 auto 20px;
        width: 340px;
        display: flex;
        justify-content: center;
    }
    #suntory_contents .secondary_category#kids .privilege_img,
    #suntory_contents .secondary_category#free .privilege_img {
        margin: 0 auto 30px;
    }

    #suntory_contents .secondary_category .privilege_img figure {
        width: 340px;
        margin: 0 10px;
    }
    #suntory_contents .secondary_category .privilege_img figure img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    #suntory_contents .secondary_category .privilege {
        margin-bottom: 25px;
        font-size: 17px;
        line-height: 1.764705882352941;
        font-weight: bold;
        text-align: center;
    }
    #suntory_contents .secondary_category .privilege_list {
        margin: 0 auto;
        width: 300px;
        list-style: none;
    }
    #suntory_contents .secondary_category .privilege_list li {
        margin-bottom: 15px;
        width: 300px;
        position: relative;
        padding-left: 20px;
        box-sizing: border-box;
        font-size: 16px;
        font-weight: bold;

    }
    #suntory_contents .secondary_category .privilege_list li::before {
        content: '';
        width: 10px;
        height: 10px;
        background: #000;
        border-radius: 5px;
        position:absolute;
        top: .125em;
        left: 0;
    }
    #suntory_contents .secondary_category .privilege_list li.bold{
        font-weight: bold;
    }
    #suntory_contents .secondary_category .other {
        font-size: 16px;
        text-align: right;
        width: 60px;
        height: 40px;
        position: absolute;
        bottom: 0;
        right: 30px;
    }

    /*------------------------------------------------------------
    [PC] comparison_container
    ------------------------------------------------------------ */
    #suntory_contents .comparison_container {
        margin: 0 auto 10px;
        width: 980px;
        display: flex;
    }
    #suntory_contents .comparison_container .benefits_table_label {
        width: 420px;
    }
    #suntory_contents .comparison_container .benefits_table_label .blank {
        height: 110px;
        background: #f4f4f4;
        border-top: 1px #d8d8d8 solid;
        border-left: 1px #d8d8d8 solid;
    }
    #suntory_contents .comparison_container .benefits_table_label th {
        border-left: 1px #d8d8d8 solid;
        border-bottom: 1px #f4f4f4 solid;
        height: 60px;
        text-align: left;
        vertical-align: middle;
        font-size: 16px;
        font-weight: bold;
        padding: 0 0 0 20px;
        box-sizing: border-box;
    }
    #suntory_contents .comparison_container .benefits_table_label th.connect {
        height: 50px;
        padding-bottom: 10px;
        border-bottom: none;
        vertical-align: bottom;
        background-color: #f8f8f8;
    }

    #suntory_contents .comparison_container .benefits_table_label th.bottom {
        border-bottom: 1px #d8d8d8 solid;
    }
    #suntory_contents .comparison_container .benefits_table_label td {
        border-left: 1px #d8d8d8 solid;
        border-bottom: 1px #f4f4f4 solid;
        height: 50px;
        text-align: left;
        vertical-align: middle;
        font-size: 15px;
        padding: 0 20px;
        box-sizing: border-box;
    }
    #suntory_contents .comparison_container .benefits_table_label td span,
    #suntory_contents .comparison_container .benefits_table_value span{
        font-size: 12px;
        vertical-align: super;
    }
    #suntory_contents .comparison_container .benefits_table_label td.bottom {
        border-bottom: 1px #d8d8d8 solid;
    }

    #suntory_contents .comparison_container .benefits_table_wrap {
        width: 560px;
    }
    #suntory_contents .comparison_container .benefits_table_value {
        width: 560px;
    }
    #suntory_contents .comparison_container .benefits_table_value th {
        border-top: 1px #d8d8d8 solid;
        border-right: 1px #d8d8d8 solid;
        border-bottom: 1px #f4f4f4 solid;
        border-left: 1px #d8d8d8 solid;
        height: 110px;
        text-align: center;
        vertical-align: middle;
        width: 20%;
        font-size: 15px;
        box-sizing: border-box;
    }
    #suntory_contents .comparison_container .benefits_table_value th p {
        padding-top: 57px;
    }
    #suntory_contents .comparison_container .benefits_table_value th.diamond {
        background: #e4e4f5;
    }
    #suntory_contents .comparison_container .benefits_table_value th.gold {
        background: #fceed6;
    }
    #suntory_contents .comparison_container .benefits_table_value th.family {
        background: #fce1f2;
    }
    #suntory_contents .comparison_container .benefits_table_value th.red {
        background: #fdeaea;
    }
    #suntory_contents .comparison_container .benefits_table_value th.kids {
        background: #e4f1da;
    }
    #suntory_contents .comparison_container .benefits_table_value th.diamond p {
        background: url(../../fanclub/img/icon_diamond.png) no-repeat center 0;
        background-size: 52px 42px;
    }
    #suntory_contents .comparison_container .benefits_table_value th.gold p {
        background: url(../../fanclub/img/icon_gold.png) no-repeat center 0;
        background-size: 52px 42px;
    }
    #suntory_contents .comparison_container .benefits_table_value th.family p {
    background: url(../../fanclub/img/icon_family.png) no-repeat center 0;
    background-size: 52px 42px;
    }
    #suntory_contents .comparison_container .benefits_table_value th.red p {
        background: url(../../fanclub/img/icon_red.png) no-repeat center 0;
        background-size: 52px 42px;
    }
    #suntory_contents .comparison_container .benefits_table_value th.kids p {
        background: url(../../fanclub/img/icon_kids.png) no-repeat center 0;
        background-size: 52px 42px;
    }
    #suntory_contents .comparison_container .benefits_table_value td {
        height: 50px;
        border-top: 1px #f4f4f4 solid;
        border-left: 1px #d8d8d8 solid;
        border-right: 1px #d8d8d8 solid;
        text-align: center;
        vertical-align: middle;
        font-size: 15px;
        box-sizing: border-box;
    }
    #suntory_contents .comparison_container .benefits_table_value td.blank {
        height: 50px;
        border-top: 1px #d8d8d8 solid;
        border-bottom: none;
        border-left: 1px #d8d8d8 solid;
        border-right: 1px #d8d8d8 solid;
        background-color: #f8f8f8;
    }
    #suntory_contents .comparison_container .benefits_table_value td.connect {
        border-top: none;
    }
    #suntory_contents .comparison_container .benefits_table_value tr.bottom {
        border: 1px #d8d8d8 solid;;
    }
    #suntory_contents .comparison_container .benefits_table_value .extra td {
        height: 50px;
        background: #fff;
        border-top: 1px #f4f4f4 solid;
        border-bottom: 1px #d8d8d8 solid;
        border-left: 1px #d8d8d8 solid;
        border-right: 1px #d8d8d8 solid;
    }
    #suntory_contents .comparison_container .benefits_table_value td.proviso{
        position: relative;
    }
    #suntory_contents .comparison_container .benefits_table_value td span.proviso{
        top: 9px;
        right: 18px;
        position: absolute;
    }
    #suntory_contents .comparison_container .benefits_table_value .check {
        width: 38px;
        height: 27px;
        background: url(../../fanclub/img/icon_check.svg) no-repeat 0 0;
        background-size: 38px 27px;
        text-indent: -9999px;
        display: inline-block;
    }
    #suntory_contents .benefits_table_note {
        font-size: 14px;
        margin: 0 auto 50px;
        width: 980px;
    }
    #suntory_contents .benefits_table_note ul{
        list-style: none;
        line-height: 1.4;

    }
    /*------------------------------------------------------------
    [PC] flow
    ------------------------------------------------------------ */
    #suntory_contents #flow {
        margin: 0 auto 0;
        padding: 90px 0 40px;
        width: 980px;
        border: 1px #d8d8d8 solid;
        position: relative;
    }
    #suntory_contents #flow::before {
        content: '';
        width: 98px;
        height: 138px;
        background: url(../../fanclub/img/img_sunbirds01.webp) no-repeat 0 0;
        background-size: 98px 138px;
        position: absolute;
        top: 44px;
        left: 89px;
    }
    .no-webp #suntory_contents #flow::before {
        background: url(../../fanclub/img/img_sunbirds01.png) no-repeat 0 0;
        background-size: 98px 138px;
    }
    #suntory_contents #flow::after {
        content: '';
        width: 112px;
        height: 134px;
        background: url(../../fanclub/img/img_moonbirds01.webp) no-repeat 0 0;
        background-size: 112px 134px;
        position: absolute;
        top: 47px;
        right: 97px;
    }
    .no-webp #suntory_contents #flow::after {
        background: url(../../fanclub/img/img_moonbirds01.png) no-repeat 0 0;
        background-size: 112px 134px;
    }
    #suntory_contents .section_fanclub#flow h2.flow_title {
        margin: 0 auto;
        width: 680px;
        text-align: center;
        font-size: 38px;
        line-height: 1;
        font-weight: bold;
        background: url(../../fanclub/img/bg_flow_title.webp) no-repeat center bottom;
        background-size: auto 10px;
        padding-bottom: 60px;
        margin-bottom: 40px;
    }
    .no-webp #suntory_contents .section_fanclub#flow h2.flow_title {
        background: url(../../fanclub/img/bg_flow_title.png) no-repeat center bottom;
        background-size: auto 10px;
    }
    /* #suntory_contents .section_fanclub#flow h2.flow_title span{
        font-size: 3.133333vw;
    } */
    #suntory_contents #flow .term {
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 40px;
        text-align: center;
    }
    #suntory_contents #flow .term_note {
        font-size: 18px;
        line-height: 1.851851851851852;
        margin-bottom: 45px;
        text-align: center;
    }
    #suntory_contents #flow .term_note a {
        color: #bb0000;
        text-decoration: underline;
    }

    #suntory_contents .btn_suntory_account a {
        margin: 0 auto 50px;
        width: 300px;
        height: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #bb0000;
        font-size: 18px;
        font-weight: bold;
        text-decoration: none;
        border: 1px #bb0000 solid;
        border-radius: 30px;
        background: url(../../fanclub/img/arrow_down_rd.svg) no-repeat 24px center,url(../../fanclub/img/arrow_down_rd.svg) no-repeat right 24px center;
        background-size: 12px auto,12px auto;
    }
    #suntory_contents .btn_suntory_account a:hover {
        background: url(../../fanclub/img/arrow_down_wh.svg) no-repeat 24px center,url(../../fanclub/img/arrow_down_wh.svg) no-repeat right 24px center #ff3344;
        background-size: 12px auto,12px auto;
        border: 1px #ff3344 solid;
        color: #fff;
    }

    #suntory_contents .link_box {
        margin: 0 auto 40px;
        width: 900px;
        display: flex;
        justify-content: space-between;
    }
    #suntory_contents .link_box li {
        margin: 0;
        padding: 50px 0;
        width: 430px;
        background: #ffeeee;
        list-style: none;
    }
    #suntory_contents .link_box li + li {
        margin: 0;
    }
    #suntory_contents .link_box li p + p {
        margin-top: 30px;
    }
    #suntory_contents .link_box li h3 {
        margin-bottom: 46px;
        font-size: 26px;
        font-weight: bold;
        text-align: center;
    }
    #suntory_contents .btn_login a {
        margin: 0 auto;
        width: 280px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-size: 18px;
        font-weight: bold;
        text-decoration: none;
        border-radius: 25px;
        background: url(../../fanclub/img/icon_login_wh.svg) no-repeat 40px center,
                    url(../../fanclub/img/arrow_right_wh.svg) no-repeat right 30px center #bb0000;
        background-size: 19px auto,7px auto;
    }
    #suntory_contents .btn_login a:hover {
        background: url(../../fanclub/img/icon_login_wh.svg) no-repeat 40px center,
                    url(../../fanclub/img/arrow_right_wh.svg) no-repeat right 30px center #ee0000;
        background-size: 19px auto,7px auto;
    }
    #suntory_contents .btn_step a {
        margin: 0 auto;
        width: 210px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #bb0000;
        font-size: 18px;
        font-weight: bold;
        text-decoration: none;
        border-radius: 25px;
        background: url(../../fanclub/img/arrow_down_rd.svg) no-repeat 24px center,url(../../fanclub/img/arrow_down_rd.svg) no-repeat right 24px center #fff;
        background-size: 12px auto, 12px auto;
    }
    #suntory_contents .btn_step a:hover {
        background: url(../../fanclub/img/arrow_down_wh.svg) no-repeat 24px center,url(../../fanclub/img/arrow_down_wh.svg) no-repeat right 24px center #ff3344;
        background-size: 12px auto, 12px auto;
        color: #fff;
    }
    #suntory_contents .btn_application a {
        margin: 0 auto;
        width: 280px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-size: 18px;
        font-weight: bold;
        text-decoration: none;
        border-radius: 25px;
        background: url(../../fanclub/img/icon_entry_wh.svg) no-repeat 39px center,
                    url(../../fanclub/img/arrow_down_wh.svg) no-repeat right 30px center #bb0000;
        background-size: 25px auto, auto 7px;
    }
    #suntory_contents .btn_application a:hover {
        background: url(../../fanclub/img/icon_entry_wh.svg) no-repeat 39px center,
                    url(../../fanclub/img/arrow_down_wh.svg) no-repeat right 30px center #ff3344;
        background-size: 25px auto, auto 7px;
    }
    #suntory_contents .btn_application.bottom a {
        background: url(../../fanclub/img/icon_entry_wh.svg) no-repeat 39px center,
                    url(../../fanclub/img/arrow_up_wh.svg) no-repeat right 30px center #bb0000;
        background-size: 25px auto, auto 7px;
    }
    #suntory_contents .btn_application.bottom a:hover {
        background: url(../../fanclub/img/icon_entry_wh.svg) no-repeat 39px center,
                    url(../../fanclub/img/arrow_up_wh.svg) no-repeat right 30px center #ff3344;
        background-size: 25px auto, auto 7px;
    }
    #suntory_contents .btn_container {
        margin:0 auto 70px;
        margin:0 auto 40px;
    }
    #suntory_contents .step .btn_container {
        margin:0 auto;
    }
    #suntory_contents .btn_container p + p {
        margin-top: 20px;
    }

    #suntory_contents .btn_terms a {
        margin: 0 auto;
        width: 260px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-size: 18px;
        font-weight: bold;
        text-decoration: none;
        border-radius: 25px;
        background: url(../../fanclub/img/icon_terms_wh.svg) no-repeat 20px center,
                    url(../../fanclub/img/arrow_right_wh.svg) no-repeat right 20px center #bb0000;
        background-size: 19px auto,7px auto;
    }
    #suntory_contents .btn_terms a:hover {
        background: url(../../fanclub/img/icon_terms_wh.svg) no-repeat 20px center,
                    url(../../fanclub/img/arrow_right_wh.svg) no-repeat right 20px center #ff3344;
        background-size: 19px auto,7px auto;
    }
    #suntory_contents .btn_faq a {
        margin: 0 auto;
        width: 260px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-size: 18px;
        font-weight: bold;
        text-decoration: none;
        border-radius: 25px;
        background: url(../../fanclub/img/icon_faq_wh.svg) no-repeat 20px center,
                    url(../../fanclub/img/arrow_down_wh.svg) no-repeat right 20px center #bb0000;
        background-size: 22px auto,auto 7px;
    }
    #suntory_contents .btn_faq a:hover {
        background: url(../../fanclub/img/icon_faq_wh.svg) no-repeat 20px center,
                    url(../../fanclub/img/arrow_down_wh.svg) no-repeat right 20px center #ff3344;
        background-size: 22px auto,auto 7px;
    }

    /* #suntory_contents .section_fanclub#flow h2.flow_title {
        font-size: 38px;
        font-weight: bold;
        text-align: center;
        background: url(../../fanclub/img/bg_flow_title.png) no-repeat center bottom;
        background-size: auto 10px;
        padding-bottom: 60px;
        margin-bottom: 40px;
    }
    #suntory_contents .section_fanclub#flow h2.flow_title span{
        font-size: 16px;
    }
    #suntory_contents #flow .term {
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 25px;
        text-align: center;
    }
    #suntory_contents #flow .term_note {
        font-size: 14px;
        margin-bottom: 40px;
        text-align: center;
    }

    #suntory_contents #flow dt {
        margin: 0 auto 40px;
        width: 140px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #ffeeee;
        border-radius: 20px;
        font-size: 18px;
        font-weight: bold;
        font-family: 'Roboto',sans-serif;
    }
    #suntory_contents #flow dt span {
        font-size: 24px;
        margin-left:13px;
    }

    #suntory_contents #flow dd .text {
        margin-bottom: 40px;
        font-size: 18px;
        line-height: 1.944444444444444;
        text-align: center;
    }
    #suntory_contents #flow dd .note {
        margin-top: -20px;
        margin-bottom: 55px;
        font-size: 14px;
        text-align: center;
    }
    #suntory_contents #flow dd .text a {
        color: #bb0000;
        text-decoration: underline;
    }
    #suntory_contents #flow dd .text a.external {
        background: url(../img/icon_external_red.png) no-repeat right 0;
        background-size: 10px 10px;
        padding-right: 16px;
        margin-right: 10px;
    }
     #suntory_contents .btn_terms a {
        margin: 0 auto 62px;
        width: 220px;
        height: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #bb0000 url(../img/arrow_next.png) no-repeat right 25px center;
        background-size: 7px auto;
        color: #fff;
        font-size: 20px;
        text-decoration: none;
        box-sizing: border-box;
    }
    #suntory_contents .btn_terms a:hover {
        background: #ee0000 url(../img/arrow_next.png) no-repeat right 25px center;
        background-size: 7px auto;
    } */


    /*------------------------------------------------------------
    [PC] campaign_banner
    ------------------------------------------------------------ */
    #suntory_contents .campaign_banner {
        margin: 0 auto 70px;
        width: 900px;
        height: 170px;
        border: 1px #bb0000 solid;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 26px;
        line-height: 1.458333333333333;
        text-align: center;
        position: relative;
        box-sizing: border-box;
    }
    #suntory_contents .campaign_banner::before {
        content: '';
        width: 177px;
        height: 253px;
        background: url(../../fanclub/img/sp_img_sunbirds02.webp) no-repeat 0 0;
        background-size: 177px 253px;
        position: absolute;
        top: -103px;
        right: 49px;
    }
    .no-webp #suntory_contents .campaign_banner::before {
        background: url(../../fanclub/img/sp_img_sunbirds02.png) no-repeat 0 0;
        background-size: 177px 253px;
    }

    /*------------------------------------------------------------
    [PC] step
    ------------------------------------------------------------ */
    #suntory_contents .step {
        margin: 0 auto 60px;
        padding: 50px 0;
        width: 900px;
        background: #ffeeee;
    }
    #suntory_contents .step h3 {
        margin-bottom: 50px;
        font-size: 34px;
        font-weight: bold;
        text-align: center;
    }
    #suntory_contents .step h4 {
        margin: 37px auto 27px;
        width: 206px;
        height: 56px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 3px #ff3344 solid;
        border-radius: 28px;
        font-size: 18px;
        font-weight: bold;
        color: #ff3344;
        background: #fff;
        position: relative;
    }
    #suntory_contents .step h4::before {
        content: '';
        width: 295px;
        height: 5px;
        background: url(../../fanclub/img/dot_red_long.svg) no-repeat 0 0;
        background-size: auto 5px;
        position: absolute;
        top: 26px;
        left: -307px;
    }
    #suntory_contents .step h4::after {
        content: '';
        width: 295px;
        height: 5px;
        background: url(../../fanclub/img/dot_red_long.svg) no-repeat 0 0;
        background-size: auto 5px;
        position: absolute;
        top: 26px;
        right: -307px;
    }

    #suntory_contents .step h5 {
        margin: 0 auto 35px;
        text-align: center;
    }
    #suntory_contents .step h5 span.number {
        margin: 0 auto 34px;
        width: 130px;
        height: 40px;
        background: #ff3344;
        border-radius: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
        font-weight: bold;
        color: #fff;
        text-align: center;
        position: relative;
    }
    #suntory_contents .step h5 span.number::after {
        content: '';
        width: 30px;
        height: 10px;
        background: url(../../fanclub/img/step_hook.svg) no-repeat 0 0;
        background-size: 30px 10px;
        position: absolute;
        bottom: -10px;
        left: calc(50% - 15px);
    }
    #suntory_contents .step h5 span.text {
        font-size: 28px;
        line-height: 1.5;
        font-weight: bold;
        color: #ee0022;
    }
    #suntory_contents .step .step_text {
        margin-bottom: 20px;
        font-size: 18px;
        font-weight: bold;
        line-height: 1.5;
        text-align: center;
    }
    #suntory_contents .step .step_text .small {
        font-size: 14px;
        font-weight: normal;
    }
    #suntory_contents .step .step_text a {
        color: #bb0000;
        text-decoration: underline;
    }
    #suntory_contents .step .step_img {
        margin: 0 auto 30px;
        padding-bottom: 45px;
        width: 540px;
        display: block;
        background: url(../../fanclub/img/step_arrow.svg) no-repeat center bottom;
        background-size: 50px auto;
    }
    #suntory_contents .step .step_img.bottom {
        margin: 0 auto 60px;
        padding: 0;
        background: none;
    }
    #suntory_contents .step picture img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    #suntory_contents .step .fig_container {
        margin-bottom: 60px;
    }
    #suntory_contents .step .fig_container .step_img.bottom {
        margin: 0 auto;
    }

    #suntory_contents .mamber_btn_container {
        margin-bottom: 60px;
    }
    #suntory_contents .mamber_btn_container p + p {
        margin-top: 30px;
    }
    #suntory_contents .btn_family {
        margin: 0 auto 40px;
        width: 500px;
        padding-bottom: 20px;
        box-sizing: border-box;
        background: #ff6699;
    }
    #suntory_contents .btn_family .btn_label {
        margin-bottom: 4px;
        height: 103px;
        background:
        url(../../fanclub/img/entory_icon_family.webp) no-repeat 22px center;
        background-size: 75px auto;
        padding-left: 3px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        text-decoration: none;
    }
    .no-webp #suntory_contents .btn_family .btn_label {
        background:
        url(../../fanclub/img/entory_icon_family.png) no-repeat 22px center;
        background-size: 75px auto;
    }
    #suntory_contents .btn_family .btn_label .title {
        font-size: 22px;
        font-weight: bold;
        color: #fff;
    }
    #suntory_contents .btn_family .btn_label .small {
        margin: 15px 0 0;
        font-size: 13px;
        font-weight: normal;
        color: #fff;
    }
    #suntory_contents .btn_family ul {
        list-style: none;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 435px;
        margin: 0 auto;
    }
    #suntory_contents .btn_family ul li.family01,
    #suntory_contents .btn_family ul li.family03 {
        width: 190px;
    }
    #suntory_contents .btn_family ul li.family02,
    #suntory_contents .btn_family ul li.family04 {
        width: 195px;
    }
    #suntory_contents .btn_family ul li.family01,
    #suntory_contents .btn_family ul li.family02 {
        margin-bottom: 25px;
    }
    #suntory_contents .btn_family ul li {
        font-size: 16px;
    }
    #suntory_contents .btn_family ul li a {
        color: #fff;
        padding: 0 21px 0 54px;
        display: flex;
        align-items: center;
        height: 23px;
    }
    #suntory_contents .btn_family ul li a:hover {
        color: #ffffbb;
    }

    #suntory_contents .btn_family ul li.family01 a {
        background:
        url(../../fanclub/img/icon_family01_wh.svg) no-repeat 0 center,
        url(../../fanclub/img/arrow_right_wh.svg) no-repeat right center;
        background-size: auto 23px, 7px auto;
    }
    #suntory_contents .btn_family ul li.family02 a {
        background:
        url(../../fanclub/img/icon_family02_wh.svg) no-repeat 0 center,
        url(../../fanclub/img/arrow_right_wh.svg) no-repeat right center;
        background-size: auto 23px, 7px auto;
    }
    #suntory_contents .btn_family ul li.family03 a {
        background:
        url(../../fanclub/img/icon_family03_wh.svg) no-repeat 0 center,
        url(../../fanclub/img/arrow_right_wh.svg) no-repeat right center;
        background-size: auto 23px, 7px auto;
    }
    #suntory_contents .btn_family ul li.family04 a {
        background:
        url(../../fanclub/img/icon_family04_wh.svg) no-repeat 0 center,
        url(../../fanclub/img/arrow_right_wh.svg) no-repeat right center;
        background-size: auto 23px, 7px auto;
    }

    #suntory_contents .btn_family ul li.family01 a:hover {
        background:
        url(../../fanclub/img/icon_family01_ye.svg) no-repeat 0 center,
        url(../../fanclub/img/arrow_right_ye.svg) no-repeat right center;
        background-size: auto 23px, 7px auto;
    }
    #suntory_contents .btn_family ul li.family02 a:hover {
        background:
        url(../../fanclub/img/icon_family02_ye.svg) no-repeat 0 center,
        url(../../fanclub/img/arrow_right_ye.svg) no-repeat right center;
        background-size: auto 23px, 7px auto;
    }
    #suntory_contents .btn_family ul li.family03 a:hover {
        background:
        url(../../fanclub/img/icon_family03_ye.svg) no-repeat 0 center,
        url(../../fanclub/img/arrow_right_ye.svg) no-repeat right center;
        background-size: auto 23px, 7px auto;
    }
    #suntory_contents .btn_family ul li.family04 a:hover {
        background:
        url(../../fanclub/img/icon_family04_ye.svg) no-repeat 0 center,
        url(../../fanclub/img/arrow_right_ye.svg) no-repeat right center;
        background-size: auto 23px, 7px auto;
    }

    #suntory_contents .btn_red a {
        margin: 0 auto;
        width: 500px;
        height: 100px;
        box-sizing: border-box;
        padding-left: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        background:
        url(../../fanclub/img/entory_icon_red.webp) no-repeat 22px center,
        url(../../fanclub/img/arrow_right_wh.svg) no-repeat right 30px center, #ff4444;
        background-size: 75px auto, 14px auto;
        color: #fff;
        text-decoration: none;
        font-size: 22px;
        font-weight: bold;
    }
    #suntory_contents .btn_junior a {
        margin: 0 auto;
        width: 500px;
        height: 100px;
        box-sizing: border-box;
        padding-left: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        background:
        url(../../fanclub/img/entory_icon_junior.webp) no-repeat 22px center,
        url(../../fanclub/img/arrow_right_wh.svg) no-repeat right 30px center, #77cc44;
        background-size: 75px auto, 14px auto;
        color: #fff;
        text-decoration: none;
        font-size: 22px;
        font-weight: bold;
    }
    #suntory_contents .btn_free a {
        margin: 0 auto;
        width: 500px;
        height: 100px;
        box-sizing: border-box;
        padding-left: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        background:
        url(../../fanclub/img/entory_icon_free.webp) no-repeat 22px center,
        url(../../fanclub/img/arrow_right_wh.svg) no-repeat right 30px center, #00bbbb;
        background-size: 75px auto, 14px auto;
        color: #fff;
        text-decoration: none;
        font-size: 22px;
        font-weight: bold;
    }
    .no-webp #suntory_contents .btn_red a {
        background:
        url(../../fanclub/img/entory_icon_red.png) no-repeat 22px center,
        url(../../fanclub/img/arrow_right_wh.svg) no-repeat right 30px center, #ff4444;
        background-size: 75px auto, 14px auto;
    }
    .no-webp #suntory_contents .btn_junior a {
        background:
        url(../../fanclub/img/entory_icon_junior.png) no-repeat 22px center,
        url(../../fanclub/img/arrow_right_wh.svg) no-repeat right 30px center, #77cc44;
        background-size: 75px auto, 14px auto;
    }
    .no-webp #suntory_contents .btn_free a {
        background:
        url(../../fanclub/img/entory_icon_free.png) no-repeat 22px center,
        url(../../fanclub/img/arrow_right_wh.svg) no-repeat right 30px center, #00bbbb;
        background-size: 75px auto, 14px auto;
    }
    #suntory_contents .btn_red a:hover {
        background:
        url(../../fanclub/img/entory_icon_red.webp) no-repeat 22px center,
        url(../../fanclub/img/arrow_right_wh.svg) no-repeat right 30px center, #ff5b5b;
        background-size: 75px auto, 14px auto;
    }
    #suntory_contents .btn_junior a:hover {
        background:
        url(../../fanclub/img/entory_icon_junior.webp) no-repeat 22px center,
        url(../../fanclub/img/arrow_right_wh.svg) no-repeat right 30px center, #99dd44;
        background-size: 75px auto, 14px auto;
    }
    #suntory_contents .btn_free a:hover {
        background:
        url(../../fanclub/img/entory_icon_free.webp) no-repeat 22px center,
        url(../../fanclub/img/arrow_right_wh.svg) no-repeat right 30px center, #00cfcf;
        background-size: 75px auto, 14px auto;
    }
    .no-webp #suntory_contents .btn_red a:hover {
        background:
        url(../../fanclub/img/entory_icon_red.png) no-repeat 22px center,
        url(../../fanclub/img/arrow_right_wh.svg) no-repeat right 30px center, #ff5b5b;
        background-size: 75px auto, 14px auto;
    }
    .no-webp #suntory_contents .btn_junior a:hover {
        background:
        url(../../fanclub/img/entory_icon_junior.png) no-repeat 22px center,
        url(../../fanclub/img/arrow_right_wh.svg) no-repeat right 30px center, #99dd44;
        background-size: 75px auto, 14px auto;
    }
    .no-webp #suntory_contents .btn_free a:hover {
        background:
        url(../../fanclub/img/entory_icon_free.png) no-repeat 22px center,
        url(../../fanclub/img/arrow_right_wh.svg) no-repeat right 30px center, #00cfcf;
        background-size: 75px auto, 14px auto;
    }
    #suntory_contents .btn_red a .small,
    #suntory_contents .btn_junior a .small,
    #suntory_contents .btn_free a .small {
        margin-top: 10px;
        font-size: 13px;
        font-weight: normal;
    }

    /*------------------------------------------------------------
    [PC] suntory_account
    ------------------------------------------------------------ */
    #suntory_contents .suntory_account {
        margin: 0 auto 60px;
        padding: 50px 0 60px;
        width: 900px;
        border: 1px #d8d8d8 solid;
    }
    #suntory_contents .suntory_account h3 {
        margin-bottom: 50px;
        font-size: 34px;
        font-weight: bold;
        text-align: center;
    }
    #suntory_contents .suntory_account .text {
        margin-bottom: 55px;
        font-size: 18px;
        line-height: 1.71875;
        text-align: center;
    }
    #suntory_contents .suntory_account .fig {
        margin: 0 auto 50px;
        width: 337px;
        display: block;
    }
    #suntory_contents .suntory_account .fig img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    #suntory_contents .btn_detail a {
        margin: 0 auto;
        width: 280px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-size: 18px;
        font-weight: bold;
        text-decoration: none;
        border-radius: 25px;
        background: #bb0000 url(../../fanclub/img/arrow_right_wh.svg) no-repeat right 30px center ;
        background-size: 7px auto;
    }
    #suntory_contents .btn_detail a:hover {
        background: #ee0000 url(../../fanclub/img/arrow_right_wh.svg) no-repeat right 30px center ;
        background-size: 7px auto;
    }

    /*------------------------------------------------------------
    [PC] faq
    ------------------------------------------------------------ */
    #suntory_contents .faq {
        margin: 0 auto 60px;
        padding: 15px 0 60px;
        width: 900px;
        border: 1px #d8d8d8 solid;
    }
    #suntory_contents .faq h3 {
        margin: 0 auto 47px;
        width: 688px;
        height: 128px;
        font-size: 34px;
        display: flex;
        align-items: center;
        justify-content: center;
        background:
        url(../../fanclub/img/pc_faq_img_left.webp) no-repeat 0 0,
        url(../../fanclub/img/pc_faq_img_right.webp) no-repeat right 0;
        background-size: auto 128px, auto 128px;
        font-weight: bold;
        text-align: center;
    }
    .no-webp #suntory_contents .faq h3 {
        background:
        url(../../fanclub/img/pc_faq_img_left.png) no-repeat 0 0,
        url(../../fanclub/img/pc_faq_img_right.png) no-repeat right 0;
        background-size: auto 128px, auto 128px;
    }
    #suntory_contents .faq_group {
        margin: 0 auto;
        width: 790px;
    }
    #suntory_contents .faq .faq_group + .faq_group {
        margin: 50px auto 0;
    }
    #suntory_contents .faq dl + dl {
        margin: 30px auto 0;
    }
    #suntory_contents .faq_group h4 {
        margin-bottom: 30px;
        font-size: 18px;
        font-weight: bold;
        color: #fff;
        background: #ff3344;
        height: 40px;
        display: inline-flex;
        align-items: center;
        padding: 0 24px;
        border-radius: 20px;
    }
    #suntory_contents .faq dl {
        margin: 0 auto;
        width: 750px;
    }
    #suntory_contents .faq dl dt {
        font-size: 18px;
        line-height: 1.5625;
        background: url(../../fanclub/img/icon_faq_q.svg) no-repeat 0 0;
        background-size: 45px auto;
        margin-bottom: 15px;
        padding:0.5em 0 0 64px;
        min-height: 45px;
    }
    #suntory_contents .faq dl dd {
        background: url(../../fanclub/img/icon_faq_a.svg) no-repeat 0 0;
        background-size: 45px auto;
        padding:0.5em 0 0 64px;
        min-height: 45px;
    }
    #suntory_contents .faq dl dd .text {
        font-size: 18px;
        line-height: 1.5625;
    }
    #suntory_contents .faq dl dd .note {
        font-size: 15px;
        line-height: 1.5625;
    }
    #suntory_contents .faq dl dd p + p {
        margin-top: 15px;
    }
    #suntory_contents .faq dl dd .link {
        font-size: 18px;
        line-height: 1.5625;
    }
    #suntory_contents .faq dl dd .link a {
        color: #bb0000;
        background: url(../../fanclub/img/arrow_right_rd.svg) no-repeat right center;
        background-size: 7px auto;
        display: inline-block;
        padding-right: 20px;
    }

    #suntory_contents .faq .faq_note {
        margin: 15px auto 0;
        padding-left: 64px;
        box-sizing: border-box;
        width: 750px;
        font-size: 15px;
        line-height: 1.5625;
    }

    /*------------------------------------------------------------
    [PC] article_terms
    ------------------------------------------------------------ */
    #suntory_contents .article_terms {
        margin: 0 90px 100px;
        padding: 70px 0 0;
    }
    #suntory_contents .article_terms  h1 {
        margin-bottom: 70px;
        text-align: center;
        font-size: 38px;
        font-weight: bold;
    }

    #suntory_contents .article_terms .section_terms {
        margin-bottom: 30px;
    }
    #suntory_contents .article_terms .section_terms a {
        color: #bb0000;
        text-decoration: underline;
    }
    #suntory_contents .article_terms .section_terms h2 {
        margin-bottom: 15px;
        font-size: 16px;
        font-weight: normal;
    }
    #suntory_contents .article_terms .section_terms h3 {
        font-size: 16px;
        font-weight: normal;
    }
    #suntory_contents .article_terms .section_terms ol {
        font-size: 16px;
        list-style: none;
    }
    #suntory_contents .article_terms .section_terms ol li {
        line-height: 2;
    }
    #suntory_contents .article_terms .section_terms p {
        line-height: 2;
    }
    #suntory_contents .article_terms .section_terms ol ul {
        list-style: none;
    }

    #suntory_contents .article_terms .section_terms h2 {
        margin-bottom: 15px;
        font-size: 16px;
        font-weight: normal;
    }
    #suntory_contents .article_terms .title_headline {
        text-align: left;
        background-color: #e8e8f1;
        margin-bottom: 70px;
        font-size: 38px;
        font-weight: bold;
        padding: 5px;
    }
    #suntory_contents .article_terms .section_terms h2.-bold {
        font-weight: bold;
    }
    #suntory_contents .article_terms .section_terms table,.border-style_dashed td {
        border: #000 1px dashed;
        border-collapse: collapse;
        margin-left: 15px;
        margin-right: 160px;
        vertical-align: top;
        padding: 5px;
    }
    #suntory_contents .article_terms .section_terms .indent {
        padding-left:0.75em;
        text-indent:-0.8em;
    }
    #suntory_contents .article_terms .section_terms .indent_2 {
        padding-left: 2em;
        text-indent: -2em;
        margin-bottom: 0;
    }
    #suntory_contents .article_terms .section_terms .into_contact {
        text-align: center;
    }
    #suntory_contents .article_terms .section_terms .into_contact a{
        color: #000;
    }
    #suntory_contents .article_terms .section_terms .closing {
        text-align: right;
    }

    /*------------------------------------------------------------
    [PC] btn_agree
    ------------------------------------------------------------ */
    #suntory_contents .btn_agree {
        margin: 50px;
        text-align: center;
    }

    #suntory_contents .btn_agree > p{
        background: #ffcccc;
        font-size: 18px;
        font-weight: bold;
        padding: 10px;
        max-width: 500px;
        margin: 1em auto;
    }

    #suntory_contents .btn_agree label{
        appearance: auto;
        -moz-appearance: auto;
        -ms-appearance: auto;
        -webkit-appearance: auto;
        border-radius: 0;
    }

    #suntory_contents .btn_agree input[type="checkbox"] {
        appearance: auto;
        -moz-appearance: auto;
        -ms-appearance: auto;
        -webkit-appearance: auto;
        border-radius: 0;
    }
    #suntory_contents .btn_agree input[type="button"] {
        background: #ddd;
        border: #aaa solid 1px;
        color: #aaa;
        pointer-events: none;
        transition: background-color .3s, color .5s;
        font-size: 20px;
        width: 220px;
        height: 60px;
    }
    
    #suntory_contents .btn_agree input[type="button"]:focus {
        visibility: hidden;
    }
    
    #suntory_contents .btn_agree:has(input:checked) input[type="button"] {
        background: #bb0000;
        border: #bb0000 solid 1px;
        color: #fff;
        cursor: pointer;
        pointer-events: auto;
    }

    #suntory_contents .btn_agree:has(input:checked) input[type="button"]:hover{
        background: #ee0000;
    }

    #suntory_contents .btn_agree:has(input:checked) input[type="button"]:focus {
        visibility: visible;
    }
    


    /*------------------------------------------------------------
    [PC] btn_back
    ------------------------------------------------------------ */
     #suntory_contents .btn_back a {
        margin: 0 auto 62px;
        width: 220px;
        height: 60px;
        padding-left: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #bb0000 url(../img/arrow_prev.png) no-repeat 25px center;
        background-size: 7px auto;
        color: #fff;
        font-size: 20px;
        text-decoration: none;
        box-sizing: border-box;
    }
    #suntory_contents .btn_back a:hover {
        background: #ee0000 url(../img/arrow_prev.png) no-repeat 25px center;
        background-size: 7px auto;
    }

    /*------------------------------------------------------------
    [PC] btn_signup
    ------------------------------------------------------------ */
     #suntory_contents .btn_signup a.diamond {
        margin: 0 auto 40px;
        width: 500px;
        height: 100px;
        padding-left: 20px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background: url(../../fanclub/img/entory_icon_diamond.png) no-repeat 25px center,url(../../fanclub/img/arrow_next.png) no-repeat right 25px center,linear-gradient(to right, #9977dd 0%,#9977dd 100%);
        background-size: 77px auto,14px auto,auto;
        text-decoration: none;
        box-sizing: border-box;
        color: #fff;
    }
     #suntory_contents .btn_signup a.gold {
        margin: 0 auto 40px;
        width: 500px;
        height: 100px;
        padding-left: 20px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background: url(../../fanclub/img/entory_icon_gold.png) no-repeat 25px center,url(../../fanclub/img/arrow_next.png) no-repeat right 25px center,linear-gradient(to right, #ee9933 0%,#ee9933 100%);
        background-size: 77px auto,14px auto,auto;
        text-decoration: none;
        box-sizing: border-box;
        color: #fff;
    }
     #suntory_contents .btn_signup a.family {
        margin: 0 auto 40px;
        width: 500px;
        height: 100px;
        padding-left: 20px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background: url(../../fanclub/img/entory_icon_family.png) no-repeat 25px center,url(../../fanclub/img/arrow_next.png) no-repeat right 25px center,linear-gradient(to right, #ff6699 0%,#ff6699 100%);
        background-size: 77px auto,14px auto,auto;
        text-decoration: none;
        box-sizing: border-box;
        color: #fff;
    }
    #suntory_contents .btn_signup a.red {
        margin: 0 auto 40px;
        width: 500px;
        height: 100px;
        padding-left: 20px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background: url(../../fanclub/img/entory_icon_red.png) no-repeat 25px center,url(../../fanclub/img/arrow_next.png) no-repeat right 25px center,linear-gradient(to right, #ff4444 0%,#ff4444 100%);
        background-size: 77px auto,14px auto,auto;
        text-decoration: none;
        box-sizing: border-box;
        color: #fff;
    }
    #suntory_contents .btn_signup a.kids {
        margin: 0 auto 40px;
        width: 500px;
        height: 100px;
        padding-left: 20px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background: url(../../fanclub/img/entory_icon_junior.png) no-repeat 25px center,url(../../fanclub/img/arrow_next.png) no-repeat right 25px center,linear-gradient(to right, #77cc44 0%,#77cc44 100%);
        background-size: 77px auto,14px auto,auto;
        text-decoration: none;
        box-sizing: border-box;
        color: #fff;
    }
    #suntory_contents .btn_signup a.free {
        margin: 0 auto 40px;
        width: 500px;
        height: 100px;
        padding-left: 20px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background: url(../../fanclub/img/entory_icon_free.png) no-repeat 25px center,url(../../fanclub/img/arrow_next.png) no-repeat right 25px center,linear-gradient(to right, #00bbbb 0%,#00bbbb 100%);
        background-size: 77px auto,14px auto,auto;
        text-decoration: none;
        box-sizing: border-box;
        color: #fff;
    }

    #suntory_contents #flow .btn_signup a {
        margin: 0 auto 75px;
    }
    #suntory_contents .btn_signup a .btn_title {
        margin-bottom: 12px;
        font-size: 20px;
        font-weight: bold;
        color: #fff;
    }
    #suntory_contents .btn_signup a .btn_note {
        font-size: 14px;
        font-weight: normal;
        color: #fff;
    }
    #suntory_contents .btn_signup a.diamond:hover {
        background: url(../../fanclub/img/entory_icon_diamond.png) no-repeat 25px center,url(../../fanclub/img/arrow_next.png) no-repeat right 25px center,linear-gradient(to right, #aa88ff 0%,#aa88ff 100%);
        background-size: 77px auto,14px auto,auto;
    }
    #suntory_contents .btn_signup a.gold:hover {
        background: url(../../fanclub/img/entory_icon_gold.png) no-repeat 25px center,url(../../fanclub/img/arrow_next.png) no-repeat right 25px center,linear-gradient(to right, #ffbb44 0%,#ffbb44 100%);
        background-size: 77px auto,14px auto,auto;
    }
    #suntory_contents .btn_signup a.family:hover {
        background: url(../../fanclub/img/entory_icon_family.png) no-repeat 25px center,url(../../fanclub/img/arrow_next.png) no-repeat right 25px center,linear-gradient(to right, #ff77aa 0%,#ff77aa 100%);
        background-size: 77px auto,14px auto,auto;
    }
    #suntory_contents .btn_signup a.red:hover {
        background: url(../../fanclub/img/entory_icon_red.png) no-repeat 25px center,url(../../fanclub/img/arrow_next.png) no-repeat right 25px center,linear-gradient(to right, #ff5b5b 0%,#ff5b5b 100%);
        background-size: 77px auto,14px auto,auto;
    }
    #suntory_contents .btn_signup a.kids:hover {
    background: url(../../fanclub/img/entory_icon_junior.png) no-repeat 25px center,url(../../fanclub/img/arrow_next.png) no-repeat right 25px center,linear-gradient(to right, #99dd44 0%,#99dd44 100%);
    background-size: 77px auto,14px auto,auto;
    }
    #suntory_contents .btn_signup a.free:hover {
    background: url(../../fanclub/img/entory_icon_free.png) no-repeat 25px center,url(../../fanclub/img/arrow_next.png) no-repeat right 25px center,linear-gradient(to right, #00cfcf 0%,#00cfcf 100%);
    background-size: 77px auto,14px auto,auto;
    }

    /*------------------------------------------------------------
    [PC] contact
    ------------------------------------------------------------ */
    #suntory_contents .contact {
        margin: 0 auto;
        padding-bottom: 35px;
        width: 980px;
        background: #f4f4f4;
        text-align: center;
    }
    #suntory_contents #flow .contact {
        width: 900px;
    }
    #suntory_contents .contact h2 {
        margin-bottom: 20px;
        height: 120px;
        text-align: center;
        background: url(../../fanclub/img/bg_contact.webp) no-repeat center 0;
        background-size: 980px auto;
        font-size: 38px;
        font-weight: bold;
        box-sizing: border-box;
        padding-top: 24px;
    }
    .no-webp #suntory_contents .contact h2 {
        background: url(../../fanclub/img/bg_contact.png) no-repeat center 0;
        background-size: 980px auto;
    }

    #suntory_contents .contact h3 {
        margin: 0 auto 40px;
        padding-bottom: 40px;
        width: 500px;
        font-size: 18px;
        font-weight: bold;
        border-bottom: 1px #d8d8d8 solid;
        text-align: center;
    }
    #suntory_contents .contact h3 span {
        margin-right: 18px;
        font-size: 20px;
        font-weight: bold;
        font-family: 'Roboto',sans-serif;
    }
    #suntory_contents .contact .address {
        margin-bottom: 30px;
        font-size: 18px;
        text-align: center;
    }
    #suntory_contents .contact .tel {
        margin: 0 auto 30px;
        font-size: 26px;
        font-weight: bold;
        font-family: 'Roboto',sans-serif;
        text-align: center;
        background: url(../../fanclub/img/icon_tel.svg) no-repeat 0 center;
        background-size: 26px 26px;
        display: inline-flex;
        align-items: center;
        padding-left: 43px;
        height: 26px;
    }
    #suntory_contents .contact .tel a {
        text-decoration: none;
        color: #000;
        pointer-events: none;
    }
    #suntory_contents .contact .time {
        margin-bottom: 25px;
        font-size: 14px;
        text-align: center;
    }
    #suntory_contents .contact .mail a {
        margin: 0 auto 30px;
        font-size: 20px;
        font-weight: bold;
        font-family: 'Roboto',sans-serif;
        text-align: center;
        background: url(../../fanclub/img/icon_mail.svg) no-repeat 0 center;
        background-size: 32px 23px;
        display: inline-flex;
        align-items: center;
        padding-left: 50px;
        height: 23px;
        color: #000;
        text-decoration: none;
    }
    #suntory_contents .contact .message{
        margin: 0 auto;
        font-size: 14px;
        text-align: center;
        line-height: 1.8;
    }
    #suntory_contents .contact .message a{
        color: #bb0000;
    }

}