@charset "utf-8";

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

    /*------------------------------------------------------------
    [SP] members_nav
    ------------------------------------------------------------ */
    #suntory_contents .members_nav {
        margin: 0 auto 8.6666666666667vw;
        padding: 0;
        width: 86.6666666666667vw;
    }
    #suntory_contents .members_nav ul {
        width: 86.6666666666667vw;
        list-style: none;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #suntory_contents .members_nav li {
        width: 26.6666666666667vw;
    }
    #suntory_contents .members_nav li:nth-child(1),
    #suntory_contents .members_nav li:nth-child(2),
    #suntory_contents .members_nav li:nth-child(3) {
        margin-bottom: 3.3333333333333vw;
    }
    #suntory_contents .members_nav li a {
        width: 26.6666666666667vw;
        height: 13.3333333333333vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        color: #fff;
        border-radius: 0.4vw;
        background: #bb0000 url(../img/arrow_down.png) no-repeat center bottom 1.3333333333333vw;
        background-size: 2.5333333333333vw auto;
        padding-bottom: 2.4vw;
        box-sizing: border-box;
    }
    #suntory_contents .members_nav li a .jp {
        font-size: 2.1333333333333vw;
        margin-bottom: 1.466666666666667vw;
    }
    #suntory_contents .members_nav li a .en {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 3.3333333333333vw;
    }

    /*------------------------------------------------------------
    [SP] member_list
    ------------------------------------------------------------ */
    #suntory_contents .member_list {
        margin: 0 auto 8vw;
        width: 94.666666666666667vw;
    }
    #suntory_contents .member_list .member_list_title {
        margin-bottom: 4vw;
        border-left: 2.6666666666667vw #bb0000 solid;
        padding-left: 5.3333333333333vw;
    }
    #suntory_contents .member_list .member_list_title h2 {
        margin-bottom: 2.6666666666667vw;
        font-size: 2.6666666666667vw;
        font-weight: bold;
    }
    #suntory_contents .member_list .member_list_title p {
        font-family: 'Roboto',sans-serif;
        font-weight: bold;
        font-size: 7.2vw;
    }


    #suntory_contents .member_list ul {
        list-style: none;
        display: flex;
        flex-wrap: wrap;
    }
    #suntory_contents .member_list > ul > li {
        width: 46.6666666666667vw;
        margin: 0 1.3333333333333vw 1.3333333333333vw 0;
        background: #010000;
    }
    #suntory_contents .member_list > ul > li:nth-child(2n) {
        margin: 0 0 1.3333333333333vw 0;
    }
    #suntory_contents .member_list > ul > li > a {
        text-decoration: none;
        color: #fff;
    }
    #suntory_contents .member_list > ul > li > .no_detail {
        text-decoration: none;
        color: #fff;
    }
    #suntory_contents .member_list > ul > li picture {
        width: 46.6666666666667vw;
        height: 46.6666666666667vw;
        overflow: hidden;
    }
    #suntory_contents .member_list > ul > li picture img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    #suntory_contents .member_list > ul > li .label {
        width: 46.6666666666667vw;
        height: 20vw;
        background: url(../img/bg_label.webp) no-repeat 0 0;
        background-size: 46.6666666666667vw 20vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        box-sizing: border-box;
    }
    #suntory_contents .member_list > ul > li .label_staff {
        width: 46.6666666666667vw;
        min-height: 26.6666666666667vw;
        background: url(../img/bg_label.webp) no-repeat 0 0;
        background-size: 46.6666666666667vw 26.6666666666667vw;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        box-sizing: border-box;
        padding: 3.4666666666667vw 0;
    }
    .no-webp #suntory_contents .member_list > ul > li .label {
        background: url(../img/bg_label.jpg) no-repeat 0 0;
        background-size: 46.6666666666667vw 20vw;
    }
    .no-webp #suntory_contents .member_list > ul > li .label_staff {
        background: url(../img/bg_label.jpg) no-repeat 0 0;
        background-size: 46.6666666666667vw 26.6666666666667vw;
    }
    #suntory_contents .member_list > ul > li .label .name {
        margin:0 4vw 2.6666666666667vw;
        display: flex;
        align-items: center;
    }
    #suntory_contents .member_list > ul > li .label .number {
        margin-right: 3.3333333333333vw;
        font-size: 8vw;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: bold;
        font-weight: 700;
        display: block;

    }
    #suntory_contents .member_list > ul > li.long_name_more .label .number {
        margin-right: 2.4vw;
        letter-spacing: -0.025em;
    }
    #suntory_contents .member_list > ul > li .label h3 {
        font-size: 3.6vw;
        font-weight: normal;
        font-weight: 400;
        display: block;
    }
    #suntory_contents .member_list > ul > li.long_name .label h3 {
        font-size: 3.4666666666667vw;
    }
    #suntory_contents .member_list > ul > li.long_name_more .label h3 {
        font-size: 2.9333333333333vw;
        white-space: nowrap;
    }

    #suntory_contents .member_list > ul > li .label .name_en {
        margin: 0 4vw;
        font-size:4.1333333333333vw;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: normal;
        font-weight: 400;
        color: #bb0000;
    }
    #suntory_contents .member_list > ul > li .label_staff .title {
        margin: 0 4vw 1.6vw;
        font-size: 2.6666666666667vw;
    }
    #suntory_contents .member_list > ul > li .label_staff .title.long_title {
        font-size: 2.4vw;
    }
    #suntory_contents .member_list > ul > li .label_staff .title_en {
        margin: 0 4vw 2.8vw;
        font-size: 3.7vw;
        line-height: 1;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: normal;
        font-weight: 400;
    }
    #suntory_contents .member_list > ul > li .label_staff .title_en.long_title {
        font-size: 3.2vw;
    }
    #suntory_contents .member_list > ul > li.long_name .label_staff .title_en {
        margin: 0 4vw 1.2vw;
    }
    #suntory_contents .member_list > ul > li .label_staff h3 {
        margin: 0 4vw 2vw;
        font-size: 3.7333333333333vw;
        font-weight: normal;
        font-weight: 400;
    }
    #suntory_contents .member_list > ul > li.long_name_more .label_staff h3 {
        margin: 0 4vw 2vw;
        font-size: 3.5vw;
        font-weight: normal;
        font-weight: 400;
    }
    #suntory_contents .member_list > ul > li.long_name .label_staff h3 {
        margin: 0 4vw 1.2vw;
    }
    #suntory_contents .member_list > ul > li .label_staff .name_en {
        margin: 0 2vw 0 4vw;
        font-size:4.1333333333333vw;
        line-height: 0.869565217391304;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: normal;
        font-weight: 400;
        color: #bb0000;
    }
    #suntory_contents .member_list > ul > li > a > .sns {
        padding: 0 4vw 4vw;
    }
    #suntory_contents .member_list > ul > li > a > .sns > li {
        margin-right: 3vw;
    }
    #suntory_contents .member_list > ul > li > a > .sns > li:last-of-type {
        margin-right: 0;
    }
    #suntory_contents .member_list > ul > li > a > .sns > li > object > a > img {
        width: 4.5vw;
        vertical-align: bottom;
    }
    #suntory_contents .member_list > ul > li > a > .sns > li > object > a > img.twitter {
        width: 4.9vw;
    }
    #suntory_contents .member_list > ul > li > a > .sp_sns_spacer {
        height: 8.5vw;
    }
    #suntory_contents .member_list > ul > li > .no_detail > .sns {
        padding: 0 4vw 4vw;
    }
    #suntory_contents .member_list > ul > li > .no_detail > .sns > li {
        margin-right: 3vw;
    }
    #suntory_contents .member_list > ul > li > .no_detail > .sns > li:last-of-type {
        margin-right: 0;
    }
    #suntory_contents .member_list > ul > li > .no_detail > .sns > li > object > a > img {
        width: 4.5vw;
        vertical-align: bottom;
    }
    #suntory_contents .member_list > ul > li > .no_detail > .sns > li > object > a > img.twitter {
        width: 4.9vw;
    }
    #suntory_contents .member_list > ul > li > .no_detail > .sp_sns_spacer {
        height: 8.5vw;
    }
    #suntory_contents .member_list > .note {
        margin-top: 10px;
        font-size: 3.6vw;
    }

    /*------------------------------------------------------------
    [SP] staff_list
    ------------------------------------------------------------ */
    #suntory_contents .staff_list {
        margin: 0 4vw 0 0;
        list-style: none;
    }
    #suntory_contents .staff_list li {
        margin-bottom: 8vw;
        /* staffプロフィール更新時にコメントアウト解除 */
        /* min-height: 90.6666666666667vw; */
        min-height: 0;
        position: relative;
    }
    #suntory_contents .staff_list li:last-child {
        margin-bottom: 0;
    }
    #suntory_contents .staff_list picture {
        width: 26.6666666666667vw;
        height: 26.6666666666667vw;
        overflow: hidden;
        position: absolute;
        top: 0;
        right: 0;
    }
    #suntory_contents .staff_list picture img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    #suntory_contents .staff_list .title_block {
        width: 90.6666666666667vw;
        padding: 0 0 0 6.6666666666667vw;
        box-sizing: border-box;
    }
    #suntory_contents .staff_list .title_group {
        min-height: 18.6666666666667vw;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    #suntory_contents .staff_list .title_group::before {
        content: '';
        width: 2.6666666666667vw;
        height: 18.6666666666667vw;
        background: #650000;
        background: -moz-linear-gradient(top,  #650000 0%, #ba0000 100%);
        background: -webkit-linear-gradient(top,  #650000 0%,#ba0000 100%);
        background: linear-gradient(to bottom,  #650000 0%,#ba0000 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#650000', endColorstr='#ba0000',GradientType=0 );
        position: absolute;
        top: 0;
        left: 0;
    }
    #suntory_contents .staff_list .title {
        font-size: 3.2vw;
        font-weight: bold;
        color: #bb0000;
    }
    #suntory_contents .staff_list h2 {
        font-size: 7.2vw;
        font-weight: bold;
    }
    #suntory_contents .staff_list .long_text {
        font-size: 5vw;
        font-weight: bold;
    }
    #suntory_contents .staff_list .name_en {
        font-family: 'Roboto',sans-serif;
        font-size: 3.4666666666667vw;
        color: #aaaaaa;
    }
    #suntory_contents .staff_list .title_en {
        font-family: 'Roboto',sans-serif;
        font-weight: bold;
        font-size: 6.4vw;
        color: #eeeeee;
        height: 12vw;
        display: flex;
        align-items: center;
    }
    #suntory_contents .staff_list .title_en.long_title {
        font-size: 4vw;
    }
    #suntory_contents .staff_list .staff_data_table {
        margin-left: 4vw;
        width: 86.6666666666667vw;
    }
    #suntory_contents .staff_list .staff_data_table th {
        width: 25.3333333333333vw;
        background: #f4f4f4;
        font-size: 3.4666666666667vw;
        font-weight: normal;
        border-top: 1px #eeeeee solid;
        border-bottom: 1px #eeeeee solid;
        padding: 4vw 2.6666666666667vw;
    }
    #suntory_contents .staff_list .staff_data_table td {
        width: 61.333333333333333vw;
        font-size: 3.4666666666667vw;
        line-height: 1.5;
        border-top: 1px #eeeeee solid;
        border-bottom: 1px #eeeeee solid;
        padding: 4vw 2.6666666666667vw;
    }

    /*------------------------------------------------------------
    [SP] article_player
    ------------------------------------------------------------ */
    #suntory_contents .article_player {
        margin: 0 auto;
        padding: 9.2vw 0 0;
        background: #fff url(../img/sp_bg_title.webp) no-repeat 0 0;
        background-size: 100vw auto;
    }
    .no-webp #suntory_contents .article_player {
        background: #fff url(../img/sp_bg_title.jpg) no-repeat 0 0;
        background-size: 100vw auto;
    }
    #suntory_contents .article_player .article_inner {
        margin: 0 auto;
        min-height: 173.333333333333333vw;
        position: relative;
    }
    .article_player_title {
        margin: 0 0 0 4vw;
    }
    .article_player_title .number {
        margin-bottom: 4vw;
        font-size: 21.3333333333333vw;
        font-family: 'Roboto Condensed', sans-serif;
        color:#bb0000;
        font-weight: bold;
        line-height: 1;
    }
    .player_no01 .article_player_title .number,
    .player_no02 .article_player_title .number,
    .player_no03 .article_player_title .number,
    .player_no04 .article_player_title .number,
    .player_no05 .article_player_title .number,
    .player_no06 .article_player_title .number,
    .player_no07 .article_player_title .number,
    .player_no08 .article_player_title .number,
    .player_no09 .article_player_title .number {
        text-indent: normal;
    }
    .player_no10 .article_player_title .number,
    .player_no11 .article_player_title .number,
    .player_no12 .article_player_title .number,
    .player_no13 .article_player_title .number,
    .player_no14 .article_player_title .number,
    .player_no15 .article_player_title .number,
    .player_no16 .article_player_title .number,
    .player_no17 .article_player_title .number,
    .player_no18 .article_player_title .number,
    .player_no19 .article_player_title .number,
    .player_no21 .article_player_title .number {
        letter-spacing: -0.075em;
    }
    .player_no20 .article_player_title .number,
    .player_no22 .article_player_title .number,
    .player_no23 .article_player_title .number {
        letter-spacing: -0.075em;
    }


    .article_player_title .position {
        margin-bottom: 1.3333333333333vw;
        font-size: 2.9333333333333vw;
        font-weight: bold;
        line-height: 1;
    }
    .article_player_title .name {
        margin-bottom: 2vw;
        font-size: 6.6666666666667vw;
        font-weight: bold;
        line-height: 1;
    }
    .article_player_title .name.long_name {
        letter-spacing: -.05em;
    }
    .article_player_title .name_en {
        font-size: 2.9333333333333vw;
        font-weight: bold;
        font-family: 'Roboto', sans-serif;
        line-height: 1;
    }
    .number_bg {
        margin: 0;
        padding: 0;
        width: 100%;
        text-align: center;
        font-size: 112vw;
        line-height: 1;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: bold;
        background: linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(0,0,0,0.05));
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        letter-spacing:normal;
        text-align: center;
        position: sticky;
        top: 56vw;
    }
    .player_no01 .number_bg,
    .player_no02 .number_bg,
    .player_no04 .number_bg,
    .player_no05 .number_bg,
    .player_no07 .number_bg,
    .player_no08 .number_bg,
    .player_no09 .number_bg {
        text-indent: .125em;
    }
    .player_no10 .number_bg,
    .player_no11 .number_bg,
    .player_no12 .number_bg,
    .player_no13 .number_bg,
    .player_no14 .number_bg,
    .player_no15 .number_bg,
    .player_no17 .number_bg,
    .player_no18 .number_bg,
    .player_no19 .number_bg,
    .player_no21 .number_bg {
        text-indent: -.25em;
        letter-spacing: -.125em;
        font-size: 90vw;
    }
    .player_no20 .number_bg,
    .player_no22 .number_bg,
    .player_no23 .number_bg {
        letter-spacing: normal;
        font-size: 80vw;
    }
    .player_portrait_img {
        height: 168vw;
        position: absolute;
        top: 5.3333333333333vw;
        right: 0;
    }
    .player_portrait_img img {
        width: auto;
        height: 100%;
        vertical-align: bottom;
    }

    .table_wrap {
        padding-top: 6vw;
        position: absolute;
        top: 41.3333333333333vw;
        overflow: hidden;
    }

    /*------------------------------------------------------------
    [SP] player_data_table
    ------------------------------------------------------------ */
    .player_data_table {
        margin: 0 0 8vw 4vw;
        width: 46vw;
        border-collapse: collapse;
    }
    .player_data_table tr{
        opacity: 0;
        transform: translateX(26vw);
        transition: opacity 1s ease-in-out, transform 1s;
      }
    .player_data_table tr.show-on-scroll {
        opacity: 1 !important;
        transform: translateX(0px) !important;
    }
    .player_data_table th {
        margin: 0 0 0.6666666666667vw;
        padding: 2vw 5.3333333333333vw;
        font-size: 3.6vw;
        line-height: 1.5;
        font-weight: normal;
        color: #bb0000;
        display: block;
        box-sizing: border-box;
        text-align: left;
        position: relative;
    }
    .player_data_table th::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: -moz-linear-gradient( -70deg, rgba(187,0,0,0.1) 0%, rgba(187,0,0,0.01) 100%);
        background-image: -webkit-linear-gradient( -70deg, rgba(187,0,0,0.1) 0%, rgba(187,0,0,0.01) 100%);
        background-image: -ms-linear-gradient( -70deg, rgba(187,0,0,0.1) 0%, rgba(187,0,0,0.01) 100%);
        transform: skewX(15deg);
    }
    .player_data_table td {
        margin: 0 0 3.3333333333333vw;
        padding: 2vw 5.3333333333333vw;
        min-height: calc(1.5em + 4vw);
        font-size: 3.6vw;
        line-height: 1.5;
        font-weight: bold;
        color: #000;
        display: block;
        box-sizing: border-box;
        text-align: left;
        position: relative;
    }
    .player_data_table td::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: -moz-linear-gradient( -70deg, rgba(0,0,0,0.09) 0%, rgba(0,0,0,0.01) 100%);
        background-image: -webkit-linear-gradient( -70deg, rgba(0,0,0,0.09) 0%, rgba(0,0,0,0.01) 100%);
        background-image: -ms-linear-gradient( -70deg, rgba(0,0,0,0.09) 0%, rgba(0,0,0,0.01) 100%);
        transform: skewX(15deg);
    }

    /*------------------------------------------------------------
    [SP] player_extra_data_table
    ------------------------------------------------------------ */
    .player_extra_data_table {
        margin: 0 0 0 4vw;
        width: 92vw;
        border-collapse: collapse;
    }
    .player_extra_data_table tr{
        margin: 0 0 3.3333333333333vw;
        display: flex;
        justify-content: space-between;
        opacity: 0;
        transform: translateY(8vw);
        transition: opacity 1s ease-in-out, transform 1s;
      }
    .player_extra_data_table tr.show-on-scroll {
        opacity: 1 !important;
        transform: translateY(0px) !important;
    }
    .player_extra_data_table th {
        width: 46.6666666666667vw;
        margin: 0;
        padding: 2vw 5.3333333333333vw;
        font-size: 3.6vw;
        font-weight: normal;
        line-height: 1.4;
        color: #bb0000;
        text-align: left;
        font-size: 3.6vw;
        font-weight: normal;
        display: block;
        box-sizing: border-box;
        position: relative;
    }
    .player_extra_data_table th::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: -moz-linear-gradient( -70deg, rgba(187,0,0,0.08) 0%, rgba(187,0,0,0.01) 100%);
        background-image: -webkit-linear-gradient( -70deg, rgba(187,0,0,0.08) 0%, rgba(187,0,0,0.01) 100%);
        background-image: -ms-linear-gradient( -70deg, rgba(187,0,0,0.08) 0%, rgba(187,0,0,0.01) 100%);
        transform: skewX(15deg);
    }
    .player_extra_data_table td {
        width: 44vw;
        margin: 0;
        padding: 2vw 5.3333333333333vw;
        font-size: 3.6vw;
        font-weight: bold;
        line-height: 1.4;
        color: #000;
        text-align: left;
        font-size: 3.6vw;
        font-weight: bold;
        display: block;
        box-sizing: border-box;
        position: relative;
    }
    .player_extra_data_table td::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: -moz-linear-gradient( -70deg, rgba(0,0,0,0.07) 0%, rgba(0,0,0,0.01) 100%);
        background-image: -webkit-linear-gradient( -70deg, rgba(0,0,0,0.07) 0%, rgba(0,0,0,0.01) 100%);
        background-image: -ms-linear-gradient( -70deg, rgba(0,0,0,0.07) 0%, rgba(0,0,0,0.01) 100%);
        transform: skewX(15deg);
    }

    /*------------------------------------------------------------
    [SP] player_img
    ------------------------------------------------------------ */
    #suntory_contents .player_img {
        padding-top: 14vw;
        width: 100vw;
        display: block;
    }
    #suntory_contents .player_img img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }

    /*------------------------------------------------------------
    [SP] interview_index
    ------------------------------------------------------------ */
    #suntory_contents .interview_index {
        background: #171717;
        padding: 13.3333333333333vw 0;
    }
    #suntory_contents .interview_index .interview_index_title {
        margin: 0 auto 13.3333333333333vw;
    }
    #suntory_contents .interview_index .interview_index_title h2 {
        margin-bottom: 4vw;
        font-size: 3.4666666666667vw;
        color: #fff;
        text-align: center;
    }
    #suntory_contents .interview_index .interview_index_title p {
        font-size: 6.9333333333333vw;
        font-weight: bold;
        font-family: 'Roboto',sans-serif;
        color: #fff;
        text-align: center;
    }
    #suntory_contents .interview_index ul {
        margin: 0 auto;
        width: 76vw;
        list-style: none;
    }
    #suntory_contents .interview_index li {
        width: 76vw;
        padding-bottom: 13.3333333333333vw;
        margin-bottom: 13.3333333333333vw;
        border-bottom: 1px #444444 solid;
    }
    #suntory_contents .interview_index li:last-child {
        margin: 0;
        padding: 0;
        border: 0;
    }
    #suntory_contents .interview_index li a {
        text-decoration: none;
        color: #fff;
    }
    #suntory_contents .interview_index li picture {
        margin-bottom: 5.3333333333333vw;
        width: 76vw;
        height: 43.066666666666667vw;
        overflow: hidden;
        display: block;
        text-align: center;
    }
    #suntory_contents .interview_index li picture img {
        width: auto;
        height: 100%;
        vertical-align: bottom;
    }
    #suntory_contents .interview_index li .movie {
      margin-bottom: 5.3333333333333vw;
      width: 100%;
      padding-top: 56.25%;
      height: 0;
      overflow: hidden;
        position: relative;
    }
    #suntory_contents .interview_index li .movie iframe {
      position: absolute;
      top: 0;
      right: 0;
      width: 100% !important;
      height: 100% !important;
    }
    #suntory_contents .interview_index li .category {
        margin-bottom: 15px;
        font-size: 13px;
        font-weight: bold;
    }
    #suntory_contents .interview_index li h3 {
        margin-bottom: 20px;
        font-size: 28px;
        font-weight: bold;
        font-family: 'Roboto',sans-serif;
    }
    #suntory_contents .interview_index li .date {
        margin-bottom: 10px;
        font-size: 15px;
        color: #bbbbbb;
    }
    #suntory_contents .interview_index li .text {
        font-size: 15px;
        line-height: 1.666666666666667;
        color: #bbbbbb;
    }

    /*------------------------------------------------------------
    [SP] player_index
    ------------------------------------------------------------ */
    #suntory_contents .player_index {
        background: #000 url(../img/sp_bg_player_list.webp) no-repeat 0 0;
        background-size: 100% auto;
        padding: 13.3333333333333vw 0;
    }
    .no-webp #suntory_contents .player_index {
        background: #000 url(../img/sp_bg_player_list.jpg) no-repeat 0 0;
        background-size: 100% auto;
    }
    #suntory_contents .player_index h2 {
        margin-bottom: 4vw;
        font-size: 3.4666666666667vw;
        color: #fff;
        text-align: center;
    }
    #suntory_contents .player_index .titile_en {
        font-size: 6.9333333333333vw;
        font-weight: bold;
        font-family: 'Roboto',sans-serif;
        color: #fff;
        text-align: center;
        margin-bottom: 13.3333333333333vw;
    }

    #suntory_contents .player_index ul {
        list-style: none;
        margin: 0 auto 13.3333333333333vw;
        width: 92vw;
        display: flex;
        flex-wrap: wrap;
    }
    #suntory_contents .player_index li {
        width: 28vw;
        margin: 0 4vw 4vw 0;
    }
    #suntory_contents .player_index li:nth-child(3n) {
        margin: 0 0 4vw 0;
    }
    #suntory_contents .player_index li a {
        text-decoration: none;
    }
    #suntory_contents .player_index li .no_detail {
        text-decoration: none;
    }
    #suntory_contents .player_index li picture {
        width: 28vw;
        height: 28vw;
        overflow: hidden;
        display: block;
    }
    #suntory_contents .player_index li picture img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    #suntory_contents .player_index li .label {
        width: 28vw;
        min-height: 12vw;
        background: url(../img/bg_label.webp) no-repeat 0 0;
        background-size: 28vw 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        box-sizing: border-box;
        padding: 2vw 0;
    }
    .no-webp #suntory_contents .player_index li .label {
        background: url(../img/bg_label.jpg) no-repeat 0 0;
        background-size: 28vw 12vw;
    }
    #suntory_contents .player_index li .label .name {
        margin:0 1vw 1.3333333333333vw;
        display: flex;
        align-items: center;
    }
    #suntory_contents .player_index li .label .number {
        margin-right: 2vw;
        font-size: 4.8vw;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: bold;
        font-weight: 700;
        display: block;
        color: #fff;
        letter-spacing: -.05em;
    }
    #suntory_contents .player_index li .label h3 {
        font-size: 2.6666666666667vw;
        font-weight: normal;
        font-weight: 400;
        display: block;
        color: #fff;
    }
    #suntory_contents .player_index li .label .name_en {
        margin: 0 1vw 0 2vw;
        font-size:2.5333333333333vw;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: normal;
        font-weight: 400;
        color: #bb0000;
    }

    #suntory_contents .btn_list a {
        margin: 0 auto;
        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;
    }

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

    /*------------------------------------------------------------
    [PC] members_nav
    ------------------------------------------------------------ */
    #suntory_contents .members_nav {
        margin: 0 auto 60px;
        padding: 0;
        width: 1080px;
    }
    #suntory_contents .members_nav ul {
        width: 1080px;
        list-style: none;
        display: flex;
        justify-content: space-between;
    }
    #suntory_contents .members_nav li {
        width: 160px;
    }
    #suntory_contents .members_nav li a {
        width: 160px;
        height: 70px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        color: #fff;
        border-radius: 3px;
        background: #bb0000 url(../img/arrow_down.png) no-repeat center bottom 9px;
        background-size: 12px auto;
        padding-bottom: 15px;
        box-sizing: border-box;
    }
    #suntory_contents .members_nav li a:hover {
        background: #ee0000 url(../img/arrow_down.png) no-repeat center bottom 9px;
        background-size: 12px auto;
    }
    #suntory_contents .members_nav li a .jp {
        font-size: 11px;
        margin-bottom: 7px;
    }
    #suntory_contents .members_nav li a .en {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 17px;
    }

    /*------------------------------------------------------------
    [PC] member_list
    ------------------------------------------------------------ */
    #suntory_contents .member_list {
        margin: 0 auto 60px;
        width: 1080px;
    }
    #suntory_contents .member_list .member_list_title {
        margin-bottom: 30px;
        border-left: 10px #bb0000 solid;
        padding-left: 40px;
    }
    #suntory_contents .member_list .member_list_title h2 {
        margin-bottom: 15px;
        font-size: 13px;
        font-weight: bold;
    }
    #suntory_contents .member_list .member_list_title p {
        font-family: 'Roboto',sans-serif;
        font-weight: bold;
        font-size: 40px;
    }
    #suntory_contents .member_list ul {
        list-style: none;
        display: flex;
        flex-wrap: wrap;
    }
    #suntory_contents .member_list > ul > li {
        display: flex;
        width: 255px;
        position: relative;
        margin: 0 20px 20px 0;
        overflow: hidden;
        background: #010000;
    }
    #suntory_contents .member_list .staff li {
        display: flex;
        overflow: hidden;
        background: #010000;
    }
    #suntory_contents .member_list > ul > li > a {
        text-decoration: none;
        color: #fff;
        position: relative;
    }
    #suntory_contents .member_list > ul > li > .no_detail {
        text-decoration: none;
        color: #fff;
        position: relative;
    }
    #suntory_contents .member_list > ul > li:nth-child(4n) {
        margin: 0 0 20px 0;
    }

    #suntory_contents .member_list > ul > li picture {
        width: 255px;
        height: 255px;
        overflow: hidden;
    }
    #suntory_contents .member_list > ul > li picture img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
        transition: all .5s ease;
/*        z-index: -1;*/
    }
    #suntory_contents .member_list > ul > li > a:hover picture img {
        opacity: .75;
        transform: scale(1.05);
    }
    #suntory_contents .member_list > ul > li .label {
        width: 255px;
        height: 110px;
        background: url(../img/bg_label.webp) no-repeat 0 0;
        background-size: 255px 110px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        box-sizing: border-box;
        position: relative;
        bottom: 0;
        left: 0;
    }
    #suntory_contents .member_list > ul > li .label_staff {
        width: 255px;
        min-height: 145px;
        background: url(../img/bg_label.webp) no-repeat 0 0;
        background-size: 255px 145px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        box-sizing: border-box;
        position: relative;
        bottom: 0;
        left: 0;
        box-sizing: border-box;
        padding: 20px 0;
    }
    .no-webp #suntory_contents .member_list > ul > li .label {
        background: url(../img/bg_label.jpg) no-repeat 0 0;
        background-size: 255px 110px;
    }
    .no-webp #suntory_contents .member_list > ul > li .label_staff {
        background: url(../img/bg_label.jpg) no-repeat 0 0;
        background-size: 255px 145px;
    }
    #suntory_contents .member_list > ul > li .label .name {
        margin:0 5px 15px 20px;
        display: flex;
        align-items: center;
    }
    #suntory_contents .member_list > ul > li .label .number {
        margin-right: 20px;
        font-size: 44px;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: bold;
        font-weight: 700;
        display: block;
    }
    #suntory_contents .member_list > ul > li.long_name_more .label .number {
        margin-right: 15px;
    }
    #suntory_contents .member_list > ul > li .label h3 {
        font-size: 20px;
        line-height: 1.1;
        font-weight: normal;
        font-weight: 400;
        display: block;
    }
    #suntory_contents .member_list > ul > li.long_name_more .label h3 {
        font-size: 16px;
    }
    #suntory_contents .member_list > ul > li .label .name_en {
        margin: 0 20px;
        font-size:23px;
        line-height: 1;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: normal;
        font-weight: 400;
        color: #bb0000;
    }

    #suntory_contents .member_list > ul > li .label_staff .title {
        margin: 0 20px 5px;
        font-size: 15px;
        line-height: 1;
        font-weight: normal;
    }
    #suntory_contents .member_list > ul > li .label_staff .title.long_title {
        font-size: 12px;
    }
    #suntory_contents .member_list > ul > li .label_staff .title_en {
        margin: 0 20px 15px;
        font-size: 21px;
        line-height: 1;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: normal;
        font-weight: 400;
    }
    #suntory_contents .member_list > ul > li .label_staff .title_en.long_title {
        font-size: 16px;
    }
    #suntory_contents .member_list > ul > li.long_name .label_staff .title_en {
        margin: 0 20px 5px;
    }
    #suntory_contents .member_list > ul > li .label_staff h3 {
        margin: 0 20px 12px;
        font-size: 20px;
        line-height: 1;
        font-weight: normal;
        font-weight: 400;
    }
    #suntory_contents .member_list > ul > li.long_name_more .label_staff h3 {
        margin: 0 20px 12px;
        font-size: 18px;
        line-height: 1;
        font-weight: normal;
        font-weight: 400;
    }
    #suntory_contents .member_list > ul > li.long_name .label_staff h3 {
        margin: 0 20px 5px;
    }
    #suntory_contents .member_list > ul > li .label_staff .name_en {
        margin: 0 20px;
        font-size:23px;
        line-height: 0.869565217391304;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: normal;
        font-weight: 400;
        color: #bb0000;
    }
    #suntory_contents .member_list > ul > li > a > .sns {
        display: flex;
        background: #010000;
        padding: 0 20px 20px;
    }
    #suntory_contents .member_list > ul > li > a > .sns > li {
        margin-right: 15px;
    }
    #suntory_contents .member_list > ul > li > a > .sns > li:last-of-type {
        margin-right: 0;
    }
    #suntory_contents .member_list > ul > li > a > .sns > li > object > a > img {
        width: 25px;
        vertical-align: bottom;
    }
    #suntory_contents .member_list > ul > li > a > .sns > li > object > a > img.twitter {
        width: 29px;
    }
    #suntory_contents .member_list > ul > li > a > .sns_none {
        height: 45px;
    }
    #suntory_contents .member_list > ul > li > .no_detail > .sns {
        display: flex;
        background: #010000;
        padding: 0 20px 20px;
    }
    #suntory_contents .member_list > ul > li > .no_detail > .sns > li {
        margin-right: 15px;
    }
    #suntory_contents .member_list > ul > li > .no_detail > .sns > li:last-of-type {
        margin-right: 0;
    }
    #suntory_contents .member_list > ul > li > .no_detail > .sns > li > object > a > img {
        width: 25px;
        vertical-align: bottom;
    }
    #suntory_contents .member_list > ul > li > .no_detail > .sns > li > object > a > img.twitter {
        width: 29px;
    }
    #suntory_contents .member_list > ul > li > .no_detail > .sns_none {
        height: 45px;
    }

    /*------------------------------------------------------------
    [PC] staff_list
    ------------------------------------------------------------ */
    #suntory_contents .staff_list {
        margin: 0 auto;
        width: 1080px;
        list-style: none;
    }
    #suntory_contents .staff_list li {
        margin-bottom: 60px;
        min-height: 290px;
        position: relative;
    }
    #suntory_contents .staff_list li:last-child {
        margin-bottom: 0;
    }
    #suntory_contents .staff_list picture {
        width: 290px;
        height: 290px;
        overflow: hidden;
        position: absolute;
        top: 0;
        right: 0;
    }
    #suntory_contents .staff_list picture img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    #suntory_contents .staff_list .title_block {
        width: 750px;
        min-height: 80px;
        position: relative;
        margin-bottom: 30px;
        padding: 0 0 0 50px;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
    }
    #suntory_contents .staff_list .title_block::before {
        content: '';
        width: 10px;
        height: 80px;
        background: #650000;
        background: -moz-linear-gradient(top,  #650000 0%, #ba0000 100%);
        background: -webkit-linear-gradient(top,  #650000 0%,#ba0000 100%);
        background: linear-gradient(to bottom,  #650000 0%,#ba0000 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#650000', endColorstr='#ba0000',GradientType=0 );
        position: absolute;
        top: 0;
        left: 0;
    }
    #suntory_contents .staff_list .title_group {
        min-height: 80px;
    }
    #suntory_contents .staff_list .title {
        margin-bottom: 8px;
        font-size: 15px;
        font-weight: bold;
        color: #bb0000;
    }
    #suntory_contents .staff_list h2 {
        margin-bottom: 8px;
        font-size: 34px;
        font-weight: bold;
    }

    #suntory_contents .staff_list .title_en {
        font-family: 'Roboto',sans-serif;
        font-weight: bold;
        font-size: 50px;
        color: #eeeeee;
        text-align: right;
    }
    #suntory_contents .staff_list .title_en.long_title {
        font-size: 30px;
    }
    #suntory_contents .staff_list .name_en {
        font-family: 'Roboto',sans-serif;
        font-size: 17px;
        line-height: 1;
        color: #aaaaaa;
    }

    #suntory_contents .staff_list .staff_data_table {
        margin-left: 50px;
        width: 700px;
    }
    #suntory_contents .staff_list .staff_data_table th {
        width: 150px;
        background: #f4f4f4;
        font-size: 15px;
        font-weight: normal;
        vertical-align: middle;
        border-top: 1px #eeeeee solid;
        border-bottom: 1px #eeeeee solid;
        padding: 15px 20px;
        padding: 5px 20px;
        height: 44px;
        box-sizing: border-box;
    }
    #suntory_contents .staff_list .staff_data_table td {
        width: 550px;
        font-size: 15px;
        line-height: 1.5;
        vertical-align: middle;
        border-top: 1px #eeeeee solid;
        border-bottom: 1px #eeeeee solid;
        padding: 15px 20px;
        padding: 5px 20px;
        height: 44px;
        box-sizing: border-box;
    }


    /*------------------------------------------------------------
    [PC] article_player
    ------------------------------------------------------------ */
    #suntory_contents .article_player {
        margin: 0 auto 100px;
        padding:0;
        width: 1080px;
    }
    #suntory_contents .article_player .article_inner {
        margin: 0 auto;
        min-height: 1400px;
        position: relative;
    }
    .article_player_title {
        display: grid;
        grid-template-columns: 155px auto;
        grid-template-rows: auto auto auto;
    }
    .player_no01 .article_player_title,
    .player_no02 .article_player_title,
    .player_no03 .article_player_title,
    .player_no04 .article_player_title,
    .player_no05 .article_player_title,
    .player_no06 .article_player_title,
    .player_no07 .article_player_title,
    .player_no08 .article_player_title,
    .player_no09 .article_player_title {
        grid-template-columns: 105px auto;
    }
    .player_no10 .article_player_title,
    .player_no11 .article_player_title,
    .player_no12 .article_player_title,
    .player_no13 .article_player_title,
    .player_no14 .article_player_title,
    .player_no15 .article_player_title,
    .player_no16 .article_player_title,
    .player_no17 .article_player_title,
    .player_no18 .article_player_title,
    .player_no19 .article_player_title,
    .player_no21 .article_player_title {
        grid-template-columns: 155px auto;
    }
    .player_no20 .article_player_title,
    .player_no22 .article_player_title,
    .player_no23 .article_player_title {
        grid-template-columns: 155px auto;
    }

    .article_player_title .number {
        font-size: 138px;
        font-family: 'Roboto Condensed', sans-serif;
        color:#bb0000;
        font-weight: bold;
        line-height: 0.75;
        grid-column: 1 / 2;
        grid-row: 1 / 4;
    }
    .player_no01 .article_player_title .number,
    .player_no02 .article_player_title .number,
    .player_no03 .article_player_title .number,
    .player_no04 .article_player_title .number,
    .player_no05 .article_player_title .number,
    .player_no06 .article_player_title .number,
    .player_no07 .article_player_title .number,
    .player_no08 .article_player_title .number,
    .player_no09 .article_player_title .number {
        text-indent: normal;
    }
    .player_no10 .article_player_title .number,
    .player_no11 .article_player_title .number,
    .player_no12 .article_player_title .number,
    .player_no13 .article_player_title .number,
    .player_no14 .article_player_title .number,
    .player_no15 .article_player_title .number,
    .player_no16 .article_player_title .number,
    .player_no17 .article_player_title .number,
    .player_no18 .article_player_title .number,
    .player_no19 .article_player_title .number,
    .player_no21 .article_player_title .number {
        letter-spacing: -0.075em;
    }
    .player_no20 .article_player_title .number,
    .player_no22 .article_player_title .number,
    .player_no23 .article_player_title .number {
        letter-spacing: -0.0175em;
    }


    .article_player_title .position {
        margin-bottom: 15px;
        font-size: 16px;
        font-weight: bold;
        line-height: 1;
        grid-column: 2 / 3;
        grid-row: 1 / 2;
    }
    .article_player_title .name {
        margin-bottom: 15px;
        font-size: 40px;
        font-weight: bold;
        line-height: 1;
        grid-column: 2 / 3;
        grid-row: 2 / 3;
    }
    .article_player_title .name_en {
        font-size: 18px;
        font-weight: bold;
        font-family: 'Roboto', sans-serif;
        line-height: 1;
        grid-column: 2 / 3;
        grid-row: 3 / 4;
    }

    .number_bg {
        margin: 0;
        padding: 0;
        font-size: 980px;
        line-height: 1;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: bold;
        background: linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(0,0,0,0.05));
        -webkit-background-clip: text;
        color: transparent;
        letter-spacing: normal;
        text-align: center;
        position: sticky;
        top: 256px;
    }
    .player_no01 .number_bg,
    .player_no02 .number_bg,
    .player_no03 .number_bg,
    .player_no04 .number_bg,
    .player_no05 .number_bg,
    .player_no06 .number_bg,
    .player_no07 .number_bg,
    .player_no08 .number_bg,
    .player_no09 .number_bg {
        text-indent: normal;
    }
    .player_no10 .number_bg,
    .player_no11 .number_bg,
    .player_no12 .number_bg,
    .player_no13 .number_bg,
    .player_no14 .number_bg,
    .player_no15 .number_bg,
    .player_no16 .number_bg,
    .player_no17 .number_bg,
    .player_no18 .number_bg,
    .player_no19 .number_bg,
    .player_no21 .number_bg {
        letter-spacing: -0.075em;
    }
    .player_no20 .number_bg,
    .player_no22 .number_bg,
    .player_no23 .number_bg {
        letter-spacing: -0.0175em;
    }

    .player_portrait_img {
        width: 540px;
        position: absolute;
        top: 0;
        right: 0;
    }
    .player_portrait_img img {
        width: auto;
        height: 100%;
        vertical-align: bottom;
    }

    .table_wrap {
        position: absolute;
        top: 160px;
    }


    /*------------------------------------------------------------
    [PC] player_data_table
    ------------------------------------------------------------ */
    .player_data_table {
        margin: 0 0 35px 0;
        width: 620px;
        border-collapse: collapse;
    }
    .player_data_table tr{
        display: flex;
        opacity: 0;
        transform: translateX(200px);
        transition: opacity 1s ease-in-out, transform 1s;
      }
    .player_data_table tr.show-on-scroll {
        opacity: 1 !important;
        transform: translateX(0px) !important;
    }
    .player_data_table th {
        width: 35%;
        margin: 0 0 5px;
        padding: 12px 30px;
        font-size: 16px;
        line-height: 1.5;
        font-weight: normal;
        color: #bb0000;
        display: block;
        box-sizing: border-box;
        text-align: left;
        position: relative;
    }
    .player_data_table th::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: -moz-linear-gradient( -70deg, rgba(187,0,0,0.05098) 0%, rgba(187,0,0,0.01176) 100%);
        background-image: -webkit-linear-gradient( -70deg, rgba(187,0,0,0.05098) 0%, rgba(187,0,0,0.01176) 100%);
        background-image: -ms-linear-gradient( -70deg, rgba(187,0,0,0.05098) 0%, rgba(187,0,0,0.01176) 100%);
        transform: skewX(15deg);
    }
    .player_data_table td {
        width: 65%;
        margin: 0 0 5px;
        padding: 12px 30px;
        font-size: 16px;
        line-height: 1.5;
        font-weight: bold;
        color: #000;
        display: block;
        box-sizing: border-box;
        text-align: left;
        position: relative;
    }
    .player_data_table td::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: -moz-linear-gradient( -70deg, rgba(0,0,0,0.03922) 0%, rgba(0,0,0,0.01176) 100%);
        background-image: -webkit-linear-gradient( -70deg, rgba(0,0,0,0.03922) 0%, rgba(0,0,0,0.01176) 100%);
        background-image: -ms-linear-gradient( -70deg, rgba(0,0,0,0.03922) 0%, rgba(0,0,0,0.01176) 100%);
        transform: skewX(15deg);
    }

    /*------------------------------------------------------------
    [PC] player_extra_data_table
    ------------------------------------------------------------ */
    .player_extra_data_table {
        margin: 0 0 35px 0;
        width: 620px;
        border-collapse: collapse;
    }
    .player_extra_data_table tr{
        display: flex;
        opacity: 0;
        transform: translateX(200px);
        transition: opacity 1s ease-in-out, transform 1s;
      }
    .player_extra_data_table tr.show-on-scroll {
        opacity: 1 !important;
        transform: translateX(0px) !important;
    }
    .player_extra_data_table th {
        width: 35%;
        margin: 0 0 5px;
        padding: 12px 30px;
        font-size: 16px;
        line-height: 1.5;
        font-weight: normal;
        color: #bb0000;
        display: block;
        box-sizing: border-box;
        text-align: left;
        position: relative;
    }
    .player_extra_data_table th::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: -moz-linear-gradient( -70deg, rgba(187,0,0,0.05098) 0%, rgba(187,0,0,0.01176) 100%);
        background-image: -webkit-linear-gradient( -70deg, rgba(187,0,0,0.05098) 0%, rgba(187,0,0,0.01176) 100%);
        background-image: -ms-linear-gradient( -70deg, rgba(187,0,0,0.05098) 0%, rgba(187,0,0,0.01176) 100%);
        transform: skewX(15deg);
    }
    .player_extra_data_table td {
        width: 65%;
        margin: 0 0 5px;
        padding: 12px 30px;
        font-size: 16px;
        line-height: 1.5;
        font-weight: bold;
        color: #000;
        display: block;
        box-sizing: border-box;
        text-align: left;
        position: relative;
    }
    .player_extra_data_table td::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: -moz-linear-gradient( -70deg, rgba(0,0,0,0.03922) 0%, rgba(0,0,0,0.01176) 100%);
        background-image: -webkit-linear-gradient( -70deg, rgba(0,0,0,0.03922) 0%, rgba(0,0,0,0.01176) 100%);
        background-image: -ms-linear-gradient( -70deg, rgba(0,0,0,0.03922) 0%, rgba(0,0,0,0.01176) 100%);
        transform: skewX(15deg);
    }

    /*------------------------------------------------------------
    [PC] player_img
    ------------------------------------------------------------ */
    #suntory_contents .player_img {
        padding-top: 30px;
        width: 100%;
        display: block;
    }
    #suntory_contents .player_img img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }

    /*------------------------------------------------------------
    [PC] interview_index
    ------------------------------------------------------------ */
    #suntory_contents .interview_index {
        background: #171717;
        padding: 50px 0 25px;
    }
    #suntory_contents .interview_index .interview_index_title {
        margin: 0 auto 50px;
        width: 980px;
        border-left: 10px #bb0000 solid;
        box-sizing: border-box;
        padding-left: 30px;
    }
    #suntory_contents .interview_index .interview_index_title h2 {
        margin-bottom: 15px;
        font-size: 13px;
        color: #fff;
    }
    #suntory_contents .interview_index .interview_index_title p {
        font-size: 40px;
        font-weight: bold;
        font-family: 'Roboto',sans-serif;
        color: #fff;
    }
    #suntory_contents .interview_index ul {
        margin: 0 auto;
        width: 980px;
        list-style: none;
        display: flex;
        flex-wrap: wrap;
    }
    #suntory_contents .interview_index li {
        width: 310px;
        margin: 0 25px 25px 0;
    }
    #suntory_contents .interview_index li:nth-child(3n) {
        margin: 0 0 25px 0;
    }
    #suntory_contents .interview_index li a {
        text-decoration: none;
        color: #fff;
    }
    #suntory_contents .interview_index li .no_detail {
        text-decoration: none;
        color: #fff;
    }
    #suntory_contents .interview_index li picture {
        margin-bottom: 25px;
        width: 310px;
        height: 175px;
        overflow: hidden;
        display: block;
        text-align: center;
    }
    #suntory_contents .interview_index li picture img {
        width: auto;
        height: 100%;
        vertical-align: bottom;
        transition: all .5s ease;
    }
    #suntory_contents .interview_index li a:hover picture img{
        opacity: .75;
        transform: scale(1.05);
    }
    #suntory_contents .interview_index li .movie {
      margin-bottom: 25px;
      width: 100%;
      padding-top: 56.25%;
      height: 0;
      overflow: hidden;
        position: relative;
    }
    #suntory_contents .interview_index li .movie iframe {
      position: absolute;
      top: 0;
      right: 0;
      width: 100% !important;
      height: 100% !important;
    }
    #suntory_contents .interview_index li .category {
        margin-bottom: 15px;
        font-size: 13px;
        font-weight: bold;
    }
    #suntory_contents .interview_index li h3 {
        margin-bottom: 20px;
        font-size: 28px;
        font-weight: bold;
        font-family: 'Roboto',sans-serif;
    }
    #suntory_contents .interview_index li .date {
        margin-bottom: 10px;
        font-size: 15px;
        color: #bbbbbb;
    }
    #suntory_contents .interview_index li .text {
        font-size: 15px;
        line-height: 1.666666666666667;
        color: #bbbbbb;
    }
    #suntory_contents .interview_index li a:hover .text {
         text-decoration: underline;
    }

    /*------------------------------------------------------------
    [PC] player_index
    ------------------------------------------------------------ */
    #suntory_contents .player_index {
        background: #000 url(../img/bg_player_list.webp) no-repeat 0 0;
        background-size: 100% auto;
        padding: 60px 0 100px;
    }
    .no-webp #suntory_contents .player_index {
        background: #000 url(../img/bg_player_list.jpg) no-repeat 0 0;
        background-size: 100% auto;
    }
    #suntory_contents .player_index h2 {
        font-size: 13px;
        font-weight: bold;
        margin-bottom: 20px;
        color: #fff;
        text-align: center;
    }
    #suntory_contents .player_index .titile_en {
        font-size: 38px;
        font-family: 'Roboto',sans-serif;
        font-weight: bold;
        margin-bottom: 60px;
        color: #fff;
        text-align: center;
    }
    #suntory_contents .player_index ul {
        list-style: none;
        margin: 0 auto 90px;
        width: 980px;
        display: flex;
        flex-wrap: wrap;
    }
    #suntory_contents .player_index li {
        width: 155px;
        height: 220px;
        position: relative;
        margin: 0 10px 10px 0;
    }
    #suntory_contents .player_index li:nth-child(6n) {
        margin: 0 0 10px 0;
    }
    #suntory_contents .player_index li picture {
        width: 155px;
        height: 155px;
        overflow: hidden;
        display: block;
    }
    #suntory_contents .player_index li picture img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
        transition: all .5s ease;
    }
    #suntory_contents .player_index li a:hover picture img{
        opacity: .75;
        transform: scale(1.05);
    }

    #suntory_contents .player_index li .label {
        width: 155px;
        height: 65px;
        background: url(../img/bg_label.webp) no-repeat 0 0;
        background-size: 155px 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        box-sizing: border-box;
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .no-webp #suntory_contents .player_index li .label {
        background: url(../img/bg_label.jpg) no-repeat 0 0;
        background-size: 155px 65px;
    }
    #suntory_contents .player_index li .label .name {
        margin:0 5px 8px 10px;
        display: flex;
        align-items: center;
    }
    #suntory_contents .player_index li .label .number {
        margin-right: 10px;
        font-size: 26.5px;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: bold;
        font-weight: 700;
        display: block;
        color: #fff;
    }
    #suntory_contents .player_index li .label h3 {
        font-size: 12px;
        font-weight: normal;
        font-weight: 400;
        display: block;
        color: #fff;
        letter-spacing: -.05em;
    }
    #suntory_contents .player_index li .label h3.long_name {
        font-size: 11px;
        letter-spacing: -.075em;
    }
    #suntory_contents .player_index li .label .name_en {
        margin: 0 5px 0 10px;
        font-size:12px;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: normal;
        font-weight: 400;
        color: #bb0000;
    }

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



}