@charset "utf-8";

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

    /*------------------------------------------------------------
    [SP] main_visual
    ------------------------------------------------------------ */
    #suntory_contents .main_visual_wrap {
        width: 100vw;
        overflow: hidden;
    }
    #suntory_contents #main_visual {
        margin-bottom:  10.6666666666667vw;
        width: 100vw;
        height: 54.6666666666667vw;
        position:relative;
    }
    #suntory_contents #main_visual .slide_container {
        margin: 0 auto;
        position: absolute;
        top: 0;
        left: calc(50% - 50vw);
        width: 100vw;
        height: 54.6666666666667vw;
    }
    #suntory_contents #main_visual .slide_container .slide {
        width:100%;
        position:relative;
    }
    #suntory_contents #main_visual .slide_container .slide::before {
        content: '';
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.3);
        position: absolute;
        top: 0;
        left: 0;
    }
    #suntory_contents #main_visual picture,
    #suntory_contents #main_visual figure{
        width: 100vw;
        height: 54.6666666666667vw;
    }
    #suntory_contents #main_visual picture img,
    #suntory_contents #main_visual figure img{
        vertical-align: bottom;
        width: 100vw;
        height: 54.6666666666667vw;
    }
    #suntory_contents #main_visual .text {
        width: 100vw;
        height: 54.6666666666667vw;
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        z-index: 10;
    }
    #suntory_contents #main_visual .text h2 {
        margin-bottom: 3.3333333333333vw;
        font-size: 9.0666666666667vw;
        font-weight: bold;
        font-family:'Roboto','Noto Sans JP', "Hiragino Sans", "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif;
        line-height: 1.25;
        color: #fff;
        text-align: center;
    }
    #suntory_contents #main_visual .text .sub_title {
        font-size: 4vw;
        font-family: 'Roboto',sans-serif;
        color: #fff;
    }
    #suntory_contents #main_visual .text .note {
        width: 100vw;
        height: 10.6666666666667vw;
        font-size: 3.4666666666667vw;
        line-height: 1.5;
        color: #888888;
        position: absolute;
        bottom: -10.6666666666667vw;
        left: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    /*------------------------------------------------------------
    [SP] information
    ------------------------------------------------------------ */
    #suntory_contents #information {
        margin: 0 0 0;
        padding: 5.3333333333333vw 0 4.6666666666667vw;
        background: url(../img/top/sp_bg_line.png) no-repeat center 0, url(../img/top/sp_bg_line.png) no-repeat center bottom;
        background-size: auto 1px;
    }
/*
    #suntory_contents #information .note {
        margin: 0 auto 5.3333333333333vw;
        padding-bottom: 4vw;
        width: 100vw;
        font-size: 3.4666666666667vw;
        line-height: 1.5;
        color: #888888;
        text-align: center;
        background: url(../img/top/sp_bg_line.png) no-repeat center bottom;
        background-size: auto 1px;
    }
*/
    #suntory_contents #information table {
        margin: 0 4vw;
        text-align: center;
    }
    #suntory_contents #information table th {
        display: block;
        text-align: center;
        padding: 0 0 2.6666666666667vw;
    }
    #suntory_contents #information table th span {
        margin: 0 auto;
        width: 24vw;
        height: 6.6666666666667vw;
        background: #444;
        border-radius: 1px;
        font-size: 2.9333333333333vw;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #suntory_contents #information table td {
        font-size: 3.7333333333333vw;
        padding: 0 0 0 0;
        display: block;
    }
    #suntory_contents #information td a {
        color: #000;
        text-decoration: none;
    }
    #suntory_contents #information td dt {
        margin: 2.6666666666667vw;
    }
    #suntory_contents #information td dd {
        line-height: 1.25;
    }
    
    /*------------------------------------------------------------
    [SP] next_game
    ------------------------------------------------------------ */
    #suntory_contents #next_game {
        margin: 8vw auto 0;
        width: 100vw;
        min-height: 78.4vw;
        background: url(../img/top/sp_bg_next_game.webp) no-repeat center bottom;
        background-size: 100vw auto;
        position: relative;
    }
    .no-webp #suntory_contents #next_game  {
        background: url(../img/top/sp_bg_next_game.jpg) no-repeat center bottom;
        background-size: 100vw auto;
    }
    #suntory_contents #next_game .information_board {
         margin: 0 4vw;
        text-align: center;
    }
    #suntory_contents #next_game .information_board h2 {
        margin: 0 0 2.6666666666667vw;
        font-family: 'Roboto', sans-serif;
        font-size: 8vw;
        line-height: 1;
        font-weight: bold;
    }
    #suntory_contents #next_game .information_board .jp {
        font-size: 2.6666666666667vw;
        line-height: 1;
        margin-bottom: 2vw;
        color: #000;
    }
    #suntory_contents #next_game .information_board .date {
        font-size: 4.8vw;
        line-height: 1;
        font-weight: bold;
        margin-bottom: 2.6666666666667vw;
    }
    #suntory_contents #next_game .information_board .date .num {
        font-size: 5.3333333333333vw;
        font-family: 'Roboto',sans-serif;
    }
    #suntory_contents #next_game .information_board .date .day {
        font-size: 3.2vw;
    }
    #suntory_contents #next_game .information_board .game {
        margin-bottom:2vw;
        font-size: 3.4666666666667vw;
        line-height: 1;
    }
    #suntory_contents #next_game .information_board .site {
        font-size:3.4666666666667vw;
        line-height: 1;
    }
    #suntory_contents #next_game .sunbirds {
        width: 29.3333333333333vw;
        height: 22.6666666666667vw;
        background: #fff;
        position: absolute;
        bottom: 20vw;
        left: 13.3333333333333vw;
        box-shadow: 0 0 0.6666666666667vw rgba(0,0,0,.1);
        text-align: center;
    }
    #suntory_contents #next_game .sunbirds::after {
        content: 'VS';
        width: 14.6666666666667vw;
        height: 22.6666666666667vw;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 0;
        left: 29.3333333333333vw;
        font-size: 6.4vw;
        font-family: 'Roboto',sans-serif;
        font-weight: bold;
    }
    #suntory_contents #next_game .opposition {
        width: 29.3333333333333vw;
        height: 22.6666666666667vw;
        background: #fff;
        position: absolute;
        bottom: 20vw;
        right: 13.3333333333333vw;
        box-shadow: 0 0 0.6666666666667vw rgba(0,0,0,.1);
        text-align: center;
    }
    #suntory_contents #next_game .sunbirds figure,
    #suntory_contents #next_game .opposition figure {
        margin: 0 auto;
        width: 18.6666666666667vw;
        height: 18.6666666666667vw;
    }
    #suntory_contents #next_game .sunbirds figure img,
    #suntory_contents #next_game .opposition figure img {
        width: 18.6666666666667vw;
        height: auto;
    }
    #suntory_contents #next_game .sunbirds h3,
    #suntory_contents #next_game .opposition h3 {
        font-size: 2.1333333333333vw;
        font-weight: normal;
        text-align: center;
    }
    #suntory_contents #next_game .information_board .bnt_container {
        list-style: none;
        width: 81.3333333333333vw;
        height: 9.3333333333333vw;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        bottom: 5.3333333333333vw;
        left: 9.3333333333333vw;
    }
    #suntory_contents #next_game .information_board .bnt_container li a {
        display: flex;
        align-items: center;
        justify-content: center;
        background: #bb0000;
        width: 37.3333333333333vw;
        height: 9.3333333333333vw;
        color: #fff;
        font-size: 3.4666666666667vw;
        text-decoration: none;
    }
    #suntory_contents #next_game .information_board .bnt_container li + li {
        margin-left: 6.6666666666667vw;
    }
    #suntory_contents #next_game .information_board .bnt_container li.btn_ticket a {
        position: relative;
    }

    
    /*------------------------------------------------------------
    [SP] results
    ------------------------------------------------------------ */
    #suntory_contents #results {
        margin: 0 auto;
        width: 100vw;
/*        min-height: 113.333333333333333vw;*/
        background: url(../img/top/sp_bg_results.webp) no-repeat center 0;
        background-size: 100vw 100%;
    }
    .no-webp #suntory_contents #results  {
        background: url(../img/top/sp_bg_results.jpg) no-repeat center 0;
        background-size: 100vw 100%;
    }
    #suntory_contents #results h2 {
        margin-bottom: 2.6666666666667vw;
        padding: 8vw 0 0;
        font-family: 'Roboto', sans-serif;
        font-size: 8vw;
        line-height: 1;
        font-weight: bold;
        color: #fff;
        text-align: center;
    }
    #suntory_contents #results .jp {
        margin-bottom: 5.3333333333333vw;
        font-size: 2.6666666666667vw;
        color: #bb0000;
        text-align: center;
    }
    #suntory_contents #results .match_container {
        margin: 0 auto;
    }
    #suntory_contents #results .match_container .match {
        margin: 0 auto;
        width: 86.6666666666667vw;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        position: relative;
    }
    #suntory_contents #results .match_container .match:nth-child(2)::before {
        content: '';
        width: 86.6666666666667vw;
        height: 0.1333333333333vw;
        background: #666;
        position: absolute;
        top: -5.3333333333333vw;
        left: 0;
    }
    #suntory_contents #results .match_container .match:nth-child(2) {
        margin: 5.3333333333333vw auto 0;
    }
    #suntory_contents #results .match_container .match .team {
        width: 26.6666666666667vw;
        height: 21.3333333333333vw;
        background: #fff;
        text-align: center;
    }
    #suntory_contents #results .match_container .match .team figure {
        
    }
    #suntory_contents #results .match_container .match .team figure img {
        width: 16vw;
        height: auto;
        vertical-align: bottom;
    }
    #suntory_contents #results .match_container .match .team h3 {
        font-size: 2vw;
        font-weight: normal;
        color: #000000;
    }
    #suntory_contents #results .match_container .match .score_container {
        width: 22.6666666666667vw;
    }
    #suntory_contents #results .match_container .match .score {
        width: 22.6666666666667vw;
        height: 13.3333333333333vw;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 8vw;
        color: #fff;
        font-weight: bold;
        font-family: 'Roboto', sans-serif;
    }
    #suntory_contents #results .match_container .match .score_container .btn_game_detail a {
        display: block;
        width: 22.6666666666667vw;
        height: 8vw;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 2.6666666666667vw;
        color: #fff;
        background: #bb0000;
        text-decoration: none;
    }
    #suntory_contents #results .match_container .match .title {
        width: 86.6666666666667vw;
        height: 18.6666666666667vw;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        font-size: 3.4666666666667vw;
        color: #fff;
    }
    #suntory_contents #results .match_container .match .title .date {
        margin-bottom: 2vw;
        font-size: 3.2vw;
        font-weight: bold;
    }
    #suntory_contents #results .match_container .match .title .date .num {
        font-family: 'Roboto', sans-serif;
        font-size: 3.7333333333333vw
    }
    /*------------------------------------------------------------
    [SP] player
    ------------------------------------------------------------ */
    #suntory_contents #player {
        margin: 0 auto;
        width: 100vw;
        min-height: 130.666666666666667vw;
        background: url(../img/top/sp_bg_player.webp) no-repeat center 0;
        background-size: 100vw 100%;
        overflow: hidden;
    }
    .no-webp #suntory_contents #player  {
        background: url(../img/top/sp_bg_player.jpg) no-repeat center 0;
        background-size: 100vw 100%;
    }
    #suntory_contents #player h2 {
        margin-bottom: 2.6666666666667vw;
        padding: 13.3333333333333vw 0 0;
        font-family: 'Roboto', sans-serif;
        font-size: 8vw;
        line-height: 1;
        font-weight: bold;
        color: #fff;
        text-align: center;
    }
    #suntory_contents #player .jp {
        margin-bottom: 5.3333333333333vw;
        font-size: 2.6666666666667vw;
        color: #bb0000;
        text-align: center;
    }
    #suntory_contents #player .btn_list {
        margin: 0 auto 5.3333333333333vw;
         width: 28vw;
    }
    #suntory_contents #player .btn_list a {
        display: block;
        width: 28vw;
        height: 9.3333333333333vw;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 3.4666666666667vw;
        color: #fff;
        background: #bb0000;
        text-decoration: none;
    }
    #suntory_contents #player .player_wrap {
        margin: 0;
        width: 92vw;
        position: relative;
    }
    #suntory_contents #player .pickup_player {
        position: absolute;
        top: 0;
        left: 4vw;
        width: 98.666666666666667vw;
        list-style: none;
        overflow: hidden;
    }
    #suntory_contents #player .pickup_player .player {
        width: 42.6666666666667vw;
    }
    #suntory_contents #player .pickup_player .player a {
        text-decoration: none;
    }
    #suntory_contents #player .pickup_player .player .no_detail {
        text-decoration: none;
    }
    #suntory_contents #player .pickup_player .player picture {
        margin-bottom: 4vw;
    }
    #suntory_contents #player .pickup_player .player picture img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }    
    #suntory_contents #player .pickup_player .player a picture {
        width: 42.6666666666667vw;
        height: 42.6666666666667vw;
        overflow: hidden;
        display: block;
    }
    #suntory_contents #player .pickup_player .player a picture img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }

    #suntory_contents #player .pickup_player .player .no_detail picture {
        width: 42.6666666666667vw;
        height: 42.6666666666667vw;
        overflow: hidden;
        display: block;
    }
    #suntory_contents #player .pickup_player .player .no_detail picture img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }

    #suntory_contents #player .pickup_player .player .num {
        margin-bottom: 6vw;
        font-size: 8vw;
        font-weight: bold;
        font-family: 'Roboto',sans-serif;
        color: #cc0000;
        text-align: center;
        width: 42.6666666666667vw;
    }
    #suntory_contents #player .pickup_player .player .name {
        margin-bottom: 2.4vw;
        font-size: 3.4666666666667vw;
        color: #fff;
        text-align: center;
        width: 42.6666666666667vw;
    }
    #suntory_contents #player .pickup_player .player .position {
        font-size: 3.2vw;
        font-weight: bold;
        font-family: 'Roboto',sans-serif;
        color: #fff;
        text-align: center;
        width: 42.6666666666667vw;
    }
    
    /*------------------------------------------------------------
    [SP] schedule
    ------------------------------------------------------------ */
    #suntory_contents #schedule {
        margin: 0 auto;
        width: 100vw;
        height: 66.6666666666667vw;
        background: url(../img/top/sp_bg_schedule.webp) no-repeat center 0;
        background-size: 100vw auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .no-webp #suntory_contents #schedule  {
        background: url(../img/top/sp_bg_schedule.jpg) no-repeat center 0;
        background-size: 100vw auto;
    }
    #suntory_contents #schedule h2 {
        margin-bottom: 3.3333333333333vw;
        padding: 0;
        font-family: 'Roboto', sans-serif;
        font-size: 8vw;
        line-height: 1;
        font-weight: bold;
        text-align: center;
    }
    #suntory_contents #schedule .jp {
        margin-bottom: 7.3333333333333vw;
        font-size: 2.6666666666667vw;
        text-align: center;
    }
    #suntory_contents #schedule .text {
        margin-bottom: 7.3333333333333vw;
        font-size: 4vw;
        line-height: 1.666666666666667;
        text-align: center;
    }
    #suntory_contents #schedule .btn_detail {
        margin: 0 auto;
        width: 28vw;
    }
    #suntory_contents #schedule .btn_detail a {
        display: block;
        width: 28vw;
        height: 9.3333333333333vw;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 3.4666666666667vw;
        color: #fff;
        background: #bb0000;
        text-decoration: none;
    }
    
    /*------------------------------------------------------------
    [SP] access
    ------------------------------------------------------------ */
    #suntory_contents #access {
        margin: 0 auto;
        width: 100vw;
        height: 66.6666666666667vw;
        background: url(../img/top/sp_bg_access.webp) no-repeat center 0;
        background-size: 100vw auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .no-webp #suntory_contents #access  {
        background: url(../img/top/sp_bg_access.jpg) no-repeat center 0;
        background-size: 100vw auto;
    }
    #suntory_contents #access h2 {
        margin-bottom: 3.3333333333333vw;
        padding: 0;
        font-family: 'Roboto', sans-serif;
        font-size: 8vw;
        line-height: 1;
        font-weight: bold;
        text-align: center;
        color: #fff;
    }
    #suntory_contents #access .jp {
        margin-bottom: 7.3333333333333vw;
        font-size: 2.6666666666667vw;
        text-align: center;
        color: #fff;
    }
    #suntory_contents #access .text {
        margin-bottom: 7.3333333333333vw;
        font-size: 4vw;
        line-height: 1.333333333333333;
        text-align: center;
        color: #fff;
    }
    #suntory_contents #access .btn_detail {
        margin: 0 auto;
        width: 28vw;
    }
    #suntory_contents #access .btn_detail a {
        display: block;
        width: 28vw;
        height: 9.3333333333333vw;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 3.4666666666667vw;
        color: #fff;
        background: #ff6600;
        text-decoration: none;
    }
    /*------------------------------------------------------------
    [SP] friends
    ------------------------------------------------------------ */
    #suntory_contents #friends {
        margin: 0 auto;
        width: 100vw;
        height: 66.6666666666667vw;
        background: url(../img/top/sp_bg_friends.webp) no-repeat center 0;
        background-size: 100vw auto;
        overflow: hidden;
    }
    .no-webp #suntory_contents #friends  {
        background: url(../img/top/sp_bg_friends.jpg) no-repeat center 0;
        background-size: 100vw auto;
    }
    #suntory_contents #friends .inner {
        width: 100vw;
        height: 66.6666666666667vw;
        position: relative;
        
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    #suntory_contents #friends h2 {
        margin-bottom: 3.3333333333333vw;
        padding: 0;
        font-family: 'Roboto', sans-serif;
        font-size: 8vw;
        line-height: 1;
        font-weight: bold;
        text-align: center;
        color: #fff;
    }
    #suntory_contents #friends .jp {
        margin-bottom: 7.3333333333333vw;
        font-size: 2.6666666666667vw;
        text-align: center;
        color: #fff;
    }
    #suntory_contents #friends .text {
        margin-bottom: 7.3333333333333vw;
        font-size: 4vw;
        line-height: 1.333333333333333;
        text-align: center;
        color: #fff;
    }
    #suntory_contents #friends .btn_detail {
        margin: 0 auto;
        width: 28vw;
    }
    #suntory_contents #friends .btn_detail a {
        display: block;
        width: 28vw;
        height: 9.3333333333333vw;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 3.4666666666667vw;
        color: #fff;
        background: #ff0000;
        text-decoration: none;
    }
    #suntory_contents #friends .mascot {
        width: 26.6666666666667vw;
        height: 29.066666666666667vw;
        position: absolute;
        bottom: 0;
        left: 1.7333333333333vw; 
        transform: translate(-50vw, 0);
        opacity: 0;
        transition: all 1.5s;
    }
    #suntory_contents #friends .mascot img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    #suntory_contents #friends .mascot.active {
        transform: translate(0, 0);
        opacity: 1;
    }
    #suntory_contents #friends .logo {
        width: 18.8vw;
        height: 23.6vw;
        position: absolute;
        bottom: 3.4666666666667vw;
        right: 6.6666666666667vw;
        transform: translate(100vw, 0);
        opacity: 0;
        transition: all 1s ease;
    }
    #suntory_contents #friends .logo img{
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    #suntory_contents #friends .logo.active {
        transform: translate(0, 0);
        opacity: 1;
    }

    
    /*------------------------------------------------------------
    [SP] ticket
    ------------------------------------------------------------ */
    #suntory_contents #ticket {
        margin: 0 auto;
        width: 100vw;
        height: 67.066666666666667vw;
        background: url(../img/top/bg_ticket_new.webp) no-repeat center 0;
        background-size: 100vw 67.066666666666667vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        position: relative;
    }
    .no-webp #suntory_contents #ticket  {
        background: url(../img/top/bg_ticket_new.jpg) no-repeat center 0;
        background-size: 100vw 67.066666666666667vw;
    }
    #suntory_contents #ticket h2 {
        margin-bottom: 3.3333333333333vw;
        padding: 0;
        font-family: 'Roboto', sans-serif;
        font-size: 8vw;
        line-height: 1;
        font-weight: bold;
        text-align: center;
        color: #000;
    }
    #suntory_contents #ticket .jp {
        margin-bottom: 7.3333333333333vw;
        font-size: 2.6666666666667vw;
        text-align: center;
        color: #000;
    }
    #suntory_contents #ticket .text {
        margin-bottom: 7.3333333333333vw;
        font-size: 4vw;
        letter-spacing: -0.05em;
        text-align: center;
        color: #000;
    }
    #suntory_contents #ticket .btn_detail {
        margin: 0 auto;
        width: 28vw;
    }
    #suntory_contents #ticket .btn_detail a {
        display: block;
        width: 28vw;
        height: 9.3333333333333vw;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 3.4666666666667vw;
        color: #fff;
        background: #cc0000;
        text-decoration: none;
        position: relative;
    }
    #suntory_contents #ticket .note {
        font-size: 1.8666666666667vw;
        color: #cc8888;
        position: absolute;
        bottom: 2.2666666666667vw;
        left: 7.7333333333333vw;
    }

    /*------------------------------------------------------------
    [SP] guide
    ------------------------------------------------------------ */
    #suntory_contents #guide {
        margin: 0 auto;
        width: 100vw;
        height: 66.266666666666667vw;
        background: url(../img/top/bg_guide.webp) no-repeat center 0;
        background-size: 100vw 66.266666666666667vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        position: relative;
    }
    .no-webp #suntory_contents #guide  {
        background: url(../img/top/bg_guide.jpg) no-repeat center 0;
        background-size: 100vw 66.266666666666667vw;
    }
    #suntory_contents #guide h2 {
        margin-bottom: 3.3333333333333vw;
        padding: 0;
        font-family: 'Roboto', sans-serif;
        font-size: 8vw;
        line-height: 1;
        font-weight: bold;
        text-align: center;
        color: #000;
    }
    #suntory_contents #guide .jp {
        margin-bottom: 7.3333333333333vw;
        font-size: 2.6666666666667vw;
        text-align: center;
        color: #000;
    }
    #suntory_contents #guide .text {
        margin-bottom: 7.3333333333333vw;
        font-size: 4vw;
        text-align: center;
        color: #000;
    }
    #suntory_contents #guide .btn_detail {
        margin: 0 auto;
        width: 28vw;
    }
    #suntory_contents #guide .btn_detail a {
        display: block;
        width: 28vw;
        height: 9.3333333333333vw;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 3.4666666666667vw;
        color: #fff;
        background: #cc0000;
        text-decoration: none;
        position: relative;
    }
    
    /*------------------------------------------------------------
    [SP] goods
    ------------------------------------------------------------ */
    #suntory_contents #goods {
        margin: 0 auto;
        width: 100vw;
        height: 66.6666666666667vw;
        background: url(../img/top/bg_goods.webp?202506) no-repeat center 0;
        background-size: 100vw 66.6666666666667vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        position: relative;
    }
    .no-webp #suntory_contents #goods  {
        background: url(../img/top/bg_goods.jpg?202506)) no-repeat center 0;
        background-size: 100vw 66.6666666666667vw;
    }
    #suntory_contents #goods h2 {
        margin-bottom: 3.3333333333333vw;
        padding: 0;
        font-family: 'Roboto', sans-serif;
        font-size: 8vw;
        line-height: 1;
        font-weight: bold;
        text-align: center;
        color: #fff;
    }
    #suntory_contents #goods .jp {
        margin-bottom: 7.3333333333333vw;
        font-size: 2.6666666666667vw;
        text-align: center;
        color: #fff;
    }
    #suntory_contents #goods .text {
        margin-bottom: 7.3333333333333vw;
        font-size: 4vw;
        text-align: center;
        color: #fff;
    }
    #suntory_contents #goods .btn_detail {
        margin: 0 auto;
        width: 28vw;
    }
    #suntory_contents #goods .btn_detail a {
        display: block;
        width: 28vw;
        height: 9.3333333333333vw;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 3.4666666666667vw;
        color: #fff;
        background: #cc0000;
        text-decoration: none;
        position: relative;
    }
    
    /*------------------------------------------------------------
    [SP] news
    ------------------------------------------------------------ */
    #suntory_contents #news {
        margin: 0 auto;
        padding-bottom: 9.3333333333333vw;
        width: 100vw;
        background: #f4f4f4;
    }
    #suntory_contents #news h2 {
        margin-bottom: 2.6666666666667vw;
        padding: 13.3333333333333vw 0 0;
        font-family: 'Roboto', sans-serif;
        font-size: 8vw;
        line-height: 1;
        font-weight: bold;
        text-align: center;
    }
    #suntory_contents #news .jp {
        margin-bottom: 5.3333333333333vw;
        font-size: 2.6666666666667vw;
        text-align: center;
        color: #bb0000;
    }
    #suntory_contents #news .btn_list {
        margin: 0 auto 5.3333333333333vw;
        width: 28vw;
    }
    #suntory_contents #news .btn_list a {
        display: block;
        width: 28vw;
        height: 9.3333333333333vw;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 3.4666666666667vw;
        color: #fff;
        background: #bb0000;
        text-decoration: none;
    }

    #suntory_contents #news .list li a figure{
        width: 100%;
        height: auto;
        align-items: flex-start;
        aspect-ratio: 16 / 9;
    }
    
    /*------------------------------------------------------------
    [SP] #twitter
    ------------------------------------------------------------ */
    #suntory_contents #twitter {
        margin: 14vw auto 0;
        width:92vw;
        padding: 0;
    }
    #suntory_contents #twitter h2 a {
        margin: 0 auto 12.666666666666667vw;
        width: 35.733333333333333vw;
        height: 6.5333333333333vw;
        text-indent: -9999px;
        background: url(../img/top/tl_twitter.png) no-repeat 0 0;
        background-size: 35.733333333333333vw auto;
        display: block;
    }
    #suntory_contents .twitter_widget {
        width: 92vw!important;
    }
    
    /*------------------------------------------------------------
    [SP] sns
    ------------------------------------------------------------ */
    #suntory_contents #sns {
        margin: 0 auto 9.3333333333333vw;
        padding: 13.3333333333333vw 0 0;
        width: 100vw;
    }
    
    #suntory_contents #instagram {
        margin: 0 auto 13.3333333333333vw;
        width: 92vw;
        height:42.6666666666667vw;
    }
    
    #suntory_contents #instagram h2 a {
        margin: 0 auto 12.666666666666667vw;
        width: 44.8vw;
        height: 10.1333333333333vw;
        text-indent: -9999px;
        background: url(../img/top/sp_tl_instagram.png) no-repeat 0 0;
        background-size: 44.8vw auto;
        display: block;
    }
    
    #suntory_contents #instagram .banner a {
        margin: 0;
        width: 92vw;
        height: 20vw;
        text-indent: -9999px;
        background: url(../img/top/img_instagram.webp) no-repeat 0 0;
        background-size:92vw 20vw;
        display: block;
        text-indent:-99999px;
    }
    .no-webp #suntory_contents #instagram .banner a {
        background: url(../img/top/img_instagram.jpg) no-repeat 0 0;
        background-size:92vw 20vw;
    }
    
    
    
    /*------------------------------------------------------------
    [SP] youtube
    ------------------------------------------------------------ */
    #suntory_contents #youtube {
        margin: 0 auto 13.3333333333333vw;
        width: 92vw;
    }
    #suntory_contents #youtube h2 a {
        margin: 0 auto 13.3333333333333vw;
        width: 30.4vw;
        height: 6.6666666666667vw;
        text-indent: -9999px;
        background: url(../img/top/tl_youtube.png) no-repeat 0 0;
        background-size: 30.4vw auto;
        display: block;
    }
    #suntory_contents #youtube .movie {
      width: 100%;
      padding-top: 56.25%;
      height: 0;
      overflow: hidden;
      position: relative;
    }
    #suntory_contents #youtube .movie iframe {
      position: absolute;
      top: 0;
      right: 0;
      width: 100% !important;
      height: 100% !important;
    }
    
    /*------------------------------------------------------------
    [SP] banner
    ------------------------------------------------------------ */
    #suntory_contents #banner {
        margin: 0 auto;
        padding:4vw 0 1.3333333333333vw;
        width: 100vw;
        background: #f4f4f4;
    }
    #suntory_contents #banner ul {
        margin: 0 auto;
        width: 92vw;
        list-style: none;
        display: flex;
        flex-wrap: wrap;
    }
    #suntory_contents #banner li {
        margin: 0 4vw 4vw 0;
    }
    #suntory_contents #banner li:nth-child(3n) {
        margin: 0 0 4vw 0;
    }
    #suntory_contents #banner li figure img {
        vertical-align: bottom;
    }    
    #suntory_contents #banner li {
        width: 28vw;
        height: auto;
        overflow: hidden;
    }
    #suntory_contents #banner li a figure img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }

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

    /*------------------------------------------------------------
    [PC] main_visual
    ------------------------------------------------------------ */
    #suntory_contents #main_visual {
        margin: 0 auto;
        width: 100%;
        min-width: 1160px;
        height: 660px;
        position:relative;
        overflow: hidden;
    }
    #suntory_contents #main_visual .slide_container {
        position: absolute;
        top: 0;
        left: calc(50% - 1590px);
        margin: 0 auto;
        width: 3180px;
        height:580px;
    }
    #suntory_contents #main_visual .slide_container .slide {
        width:100%;
        position:relative;
    }
    #suntory_contents #main_visual .slide_container .slide::before {
        content: '';
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.3);
        position: absolute;
        top: 0;
        left: 0;
    }
    #suntory_contents #main_visual picture,
    #suntory_contents #main_visual figure{
        width:1060px;
        height: 580px;
    }
    #suntory_contents #main_visual picture img,
    #suntory_contents #main_visual figure img{
        vertical-align: bottom;
        width: 1060px;
        height:580px;
    }
    #suntory_contents #main_visual .text {
        width: 1060px;
        min-height: 580px;
        position: absolute;
        top: 0;
        left: calc(50% - 530px);
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        z-index: 10;
        opacity: 0;
    }
    #suntory_contents #main_visual .slick-active .text {
        opacity: 1;
    }
    #suntory_contents #main_visual .text h2 {
        margin-bottom: 25px;
        font-size: 70px;
        font-weight: bold;
        font-family:'Roboto','Noto Sans JP', "Hiragino Sans", "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif;
        color: #fff;
        text-align: center;
    }
    #suntory_contents #main_visual .text .sub_title {
        font-size: 32px;
        font-family: 'Roboto',sans-serif;
        color: #fff;
    }
    #suntory_contents #main_visual .text .note {
        width: 1060px;
        height: 80px;
        font-size: 15px;
        line-height: 1.5;
        color: #888888;
        position: absolute;
        bottom: -80px;
        left: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /*------------------------------------------------------------
    [PC] information
    ------------------------------------------------------------ */
    #suntory_contents #information {
        margin: 0 0 50px;
        padding: 45px 0 0;
        background: url(../img/top/bg_line_information.png) no-repeat center 0;
        background-size: auto 1px;
    }
/*
    #suntory_contents #information .note {
        margin: 0 auto 45px;
        padding-bottom: 30px;
        width: 1060px;
        font-size: 15px;
        line-height: 1.5;
        color: #888888;
        text-align: center;
        background: url(../img/top/bg_line_information.png) no-repeat center bottom;
        background-size: auto 1px;
    }
*/
    #suntory_contents #information table {
        margin: 0 auto;
        text-align: center;
    }
    #suntory_contents #information table th {
    }
    #suntory_contents #information table th span {
        width: 130px;
        height: 35px;
        background: #444;
        border-radius: 1px;
        font-size: 15px;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #suntory_contents #information table td {
        font-size: 15px;
        padding: 0 0 0 30px;
    }
    #suntory_contents #information td a {
        color: #000;
        text-decoration: none;
    }
    #suntory_contents #information td a:hover dd {
        text-decoration: underline;
    }
    #suntory_contents #information td a dl {
        display: flex;
    }
    #suntory_contents #information td a dl dt {
        margin-right: 1em;
    }
    
    /*------------------------------------------------------------
    [PC] next_game
    ------------------------------------------------------------ */
    #suntory_contents .next_game_wrap {
        background: #f4f4f4;
    }
    #suntory_contents #next_game {
        margin: 0 auto;
        box-sizing: border-box;
        width: 100%;
        height: 310px;
        background: url(../img/top/pc_bg_next_game.webp) no-repeat center bottom,url(../img/top/pc_bg_next_game_repeat.webp) repeat-x 0 bottom;
        background-size: 2000px 250px,5px 250px;
        box-sizing: border-box;
    }
    .no-webp #suntory_contents #next_game {
        background: url(../img/top/pc_bg_next_game.jpg) no-repeat center bottom,url(../img/top/pc_bg_next_game_repeat.jpg) repeat-x 0 bottom;
        background-size: 2000px 250px,5px 250px;
    }
    #suntory_contents #next_game .inner {
        margin: 0 auto;
        padding: 60px 0 0;
        width: 1160px;
        height: 310px;
        background: rgba(255,255,255,.9);
        box-shadow: 0 5px 5px rgba(0,0,0,.1);
        position: relative;
        box-sizing: border-box;
    }
    #suntory_contents #next_game .sunbirds {
        width: 280px;
        height: 220px;
        background: #fff;
        position: absolute;
        top: 60px;
        left: 50px;
        box-shadow: 0 0 5px rgba(0,0,0,.1);
        text-align: center;
    }
    #suntory_contents #next_game .opposition {
        width: 280px;
        height: 220px;
        background: #fff;
        position: absolute;
        top: 60px;
        right: 50px;
        box-shadow: 0 0 5px rgba(0,0,0,.1);
        text-align: center;
    }
    #suntory_contents #next_game .sunbirds figure,
    #suntory_contents #next_game .opposition figure {
        margin: 0 auto 4px;
        width: 180px;
        height: 180px;
    }
    #suntory_contents #next_game .sunbirds figure img,
    #suntory_contents #next_game .opposition figure img {
        width: 180px;
        height: auto;
    }
    #suntory_contents #next_game .sunbirds h3,
    #suntory_contents #next_game .opposition h3 {
        font-size: 15px;
        font-weight: normal;
        text-align: center;
    }
    #suntory_contents #next_game .information_board {
        margin: 0 auto;
        width: 360px;
        height: 218px;
        text-align: center;
        position: relative;
    }
    #suntory_contents #next_game .information_board h2 {
        margin: 5px 0 12px;
        font-family: 'Roboto', sans-serif;
        font-size: 38px;
        line-height: 1;
        font-weight: bold;
    }
    #suntory_contents #next_game .information_board .jp {
        font-size: 13px;
        line-height: 1;
        margin-bottom: 18px;
    }
    #suntory_contents #next_game .information_board .date {
        font-size: 22px;
        line-height: 1;
        font-weight: bold;
        margin-bottom: 20px;
    }
    #suntory_contents #next_game .information_board .date .num {
        font-size: 24px;
        font-family: 'Roboto',sans-serif;
    }
    #suntory_contents #next_game .information_board .date .day {
        font-size: 16px;
    }
    #suntory_contents #next_game .information_board .game {
        margin-bottom: 10px;
        font-size: 15px;
        line-height: 1;
    }
    #suntory_contents #next_game .information_board .site {
        font-size: 15px;
        line-height: 1;
    }
    #suntory_contents #next_game .information_board .bnt_container {
        width: 360px;
        height: 40px;
        list-style: none;
        display: flex;
        justify-content: center;
        position: absolute;
        bottom: 0;
        left: 0;
    }
    #suntory_contents #next_game .information_board .bnt_container li {
        width: 160px;
    }
    #suntory_contents #next_game .information_board .bnt_container li + li {
        margin-left: 40px;
    }
    #suntory_contents #next_game .information_board .bnt_container li a {
        display: flex;
        align-items: center;
        justify-content: center;
        background: #bb0000;
        width: 160px;
        height: 40px;
        color: #fff;
        font-size: 16px;
        text-decoration: none;
        position: relative;
    }
    #suntory_contents #next_game .information_board .bnt_container li a:hover {
        background: #ee0000;
    }
    
    /*------------------------------------------------------------
    [PC] results
    ------------------------------------------------------------ */
    #suntory_contents #results {
        margin: 0 auto;
        width: 100%;
        height: 390px;
        background: #000 url(../img/top/pc_bg_results.webp) no-repeat center 0;
        background-size: 2000px 390px;
    }
    .no-webp #suntory_contents #results  {
        background: #000 url(../img/top/pc_bg_results.jpg) no-repeat center 0;
        background-size: 2000px 390px;
    }
    #suntory_contents #results h2 {
        margin-bottom: 12px;
        padding: 60px 0 0;
        font-family: 'Roboto', sans-serif;
        font-size: 38px;
        line-height: 1;
        font-weight: bold;
        color: #fff;
        text-align: center;
    }
    #suntory_contents #results .jp {
        margin-bottom: 40px;
        font-size: 13px;
        color: #bb0000;
        text-align: center;
    }
    
    #suntory_contents #results .match_container {
        margin: 0 auto;
        width: 1080px;
        height: 200px;
        display: flex;
        justify-content: space-between;
        justify-content: center;
    }
    #suntory_contents #results .match_container .match {
        width: 500px;
        height: 200px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        position: relative;
    }
    #suntory_contents #results .match_container .match:nth-child(2) {
        margin-left: 80px;
    }
    #suntory_contents #results .match_container .match:nth-child(2)::before {
        content: '';
        width: 1px;
        height: 130px;
        background: #333333;
        position: absolute;
        top: 0;
        left: -41px;
    }
    #suntory_contents #results .match_container .match .team {
         width: 150px;
        height: 130px;
        background: #fff;
        text-align: center;
    }
    #suntory_contents #results .match_container .match .team figure {
        
    }
    #suntory_contents #results .match_container .match .team figure img {
        width: 100px;
        height: auto;
        vertical-align: bottom;
    }
    #suntory_contents #results .match_container .match .team h3 {
        font-size: 12px;
        font-weight: normal;
        color: #000000;
    }
    #suntory_contents #results .match_container .match .score_container {
        width: 120px;
    }
    #suntory_contents #results .match_container .match .score {
        width: 120px;
        height: 90px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 40px;
        color: #fff;
        font-weight: bold;
        font-family: 'Roboto', sans-serif;
    }
    #suntory_contents #results .match_container .match .score_container .btn_game_detail a {
        display: block;
        width: 120px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        color: #fff;
        background: #bb0000;
        text-decoration: none;
    }
    #suntory_contents #results .match_container .match .score_container .btn_game_detail a:hover {
        background: #ee0000;
    }
    #suntory_contents #results .match_container .match .title {
        width: 500px;
        height: 70px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 15px;
        color: #fff;
    }
    #suntory_contents #results .match_container .match .title .date {
        margin-right: 15px;
        font-size: 18px;
        font-weight: bold;
    }
    #suntory_contents #results .match_container .match .title .date .num {
        font-family: 'Roboto', sans-serif;
        font-size: 20px
    }
    
    /*------------------------------------------------------------
    [PC] player
    ------------------------------------------------------------ */
    #suntory_contents #player {
        margin: 0 auto;
        width: 100%;
        height: 740px;
        background: #000 url(../img/top/bg_player.webp) no-repeat center 0;
        background-size: 2000px auto;
        overflow: hidden;
    }
    .no-webp #suntory_contents #player  {
        background: #000 url(../img/top/bg_player.jpg) no-repeat center 0;
        background-size: 2000px auto;
    }
    #suntory_contents #player h2 {
        margin-bottom: 12px;
        padding: 70px 0 0;
        font-family: 'Roboto', sans-serif;
        font-size: 38px;
        line-height: 1;
        font-weight: bold;
        color: #fff;
        text-align: center;
    }
    #suntory_contents #player .jp {
        margin-bottom: 40px;
        font-size: 13px;
        color: #bb0000;
        text-align: center;
    }
    #suntory_contents #player .btn_list {
        margin: 0 auto 40px;
         width: 180px;
    }
    #suntory_contents #player .btn_list a {
        display: block;
        width: 180px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        color: #fff;
        background: #bb0000;
        text-decoration: none;
    }
    #suntory_contents #player .btn_list a:hover {
        background: #ee0000;
    }
    #suntory_contents #player .player_wrap {
        margin: 0 auto;
        width: 1240px;
    }
    #suntory_contents #player .pickup_player {
        margin: 0 0 0 40px;
        width: 1200px;
        overflow: hidden;
    }
    #suntory_contents #player .pickup_player .player  {
        width: 260px;
    }
    #suntory_contents #player .pickup_player .player a {
        text-decoration: none;
    }
    #suntory_contents #player .pickup_player .player .no_detail {
        text-decoration: none;
    }
    #suntory_contents #player .pickup_player .player picture {
        margin-bottom: 20px;
    }
    #suntory_contents #player .pickup_player .player picture img {
        vertical-align: bottom;
    }    
    #suntory_contents #player .pickup_player .player a picture {
        width: 260px;
        height: 260px;
        overflow: hidden;
        display: block;
    }
    #suntory_contents #player .pickup_player .player a picture img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
        transition: all .5s ease;
    }
    #suntory_contents #player .pickup_player .player .no_detail picture {
        width: 260px;
        height: 260px;
        overflow: hidden;
        display: block;
    }
    #suntory_contents #player .pickup_player .player .no_detail picture img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
        transition: all .5s ease;
    }
    #suntory_contents #player .pickup_player .player a:hover picture img {
        opacity: .75;
        transform: scale(1.05);
    }
    #suntory_contents #player .pickup_player .player .num {
        margin-bottom: 18px;
        font-size: 50px;
        font-weight: bold;
        font-family: 'Roboto',sans-serif;
        color: #cc0000;
        text-align: center;
        width: 260px;
    }
    #suntory_contents #player .pickup_player .player .name {
        margin-bottom: 12px;
        font-size: 18px;
        color: #fff;
        text-align: center;
        width: 260px;
    }
    #suntory_contents #player .pickup_player .player .position {
        font-size: 14px;
        font-weight: bold;
        font-family: 'Roboto',sans-serif;
        color: #fff;
        text-align: center;
        width: 260px;
    }
    
    /*------------------------------------------------------------
    [PC] schedule
    ------------------------------------------------------------ */
    #suntory_contents #schedule {
        margin: 0 auto;
        width: 100%;
        height: 400px;
        background: url(../img/top/bg_schedule.webp) no-repeat center 0;
        background-size: 1320px auto;
    }
    .no-webp #suntory_contents #schedule  {
        background: url(../img/top/bg_schedule.jpg) no-repeat center 0;
        background-size: 1320px auto;
    }
    #suntory_contents #schedule h2 {
        margin-bottom: 12px;
        padding: 70px 0 0;
        font-family: 'Roboto', sans-serif;
        font-size: 38px;
        line-height: 1;
        font-weight: bold;
        text-align: center;
    }
    #suntory_contents #schedule .jp {
        margin-bottom: 28px;
        font-size: 13px;
        text-align: center;
    }
    #suntory_contents #schedule .text {
        margin-bottom: 58px;
        font-size: 18px;
        line-height: 1.666666666666667;
        text-align: center;
    }
    #suntory_contents #schedule .btn_detail {
        margin: 0 auto;
         width: 180px;
    }
    #suntory_contents #schedule .btn_detail a {
        display: block;
        width: 180px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        color: #fff;
        background: #bb0000;
        text-decoration: none;
    }
    #suntory_contents #schedule .btn_detail a:hover {
        background: #ee0000;
    }
    /*------------------------------------------------------------
    [PC] access
    ------------------------------------------------------------ */
    #suntory_contents #access {
        margin: 0 auto;
        width: 100%;
        height: 400px;
        background: #ce1700 url(../img/top/bg_access.webp) no-repeat center 0;
        background-size: 2000px auto;
    }
    .no-webp #suntory_contents #access  {
        background: #ce1700 url(../img/top/bg_access.jpg) no-repeat center 0;
        background-size: 2000px auto;
    }
    #suntory_contents #access h2 {
        margin-bottom: 12px;
        padding: 70px 0 0;
        font-family: 'Roboto', sans-serif;
        font-size: 38px;
        line-height: 1;
        font-weight: bold;
        text-align: center;
        color: #fff;
    }
    #suntory_contents #access .jp {
        margin-bottom: 28px;
        font-size: 13px;
        text-align: center;
        color: #fff;
    }
    #suntory_contents #access .text {
        margin-bottom: 58px;
        font-size: 18px;
        line-height: 1.666666666666667;
        text-align: center;
        color: #fff;
    }
    #suntory_contents #access .btn_detail {
        margin: 0 auto;
         width: 180px;
    }
    #suntory_contents #access .btn_detail a {
        display: block;
        width: 180px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        color: #fff;
        background: #ff0000;
        text-decoration: none;
    }
    #suntory_contents #access .btn_detail a:hover {
        background: #ff6600;
    }
    
    /*------------------------------------------------------------
    [PC] friends
    ------------------------------------------------------------ */
    #suntory_contents #friends {
        margin: 0 auto;
        width: 100%;
        height: 400px;
        background: #a00000 url(../img/top/bg_friends.webp) no-repeat center 0;
        background-size: 2000px auto;
        overflow: hidden;
    }
    .no-webp #suntory_contents #friends  {
        background: #a00000 url(../img/top/bg_friends.jpg) no-repeat center 0;
        background-size: 2000px auto;
    }
    #suntory_contents #friends .inner {
        margin: 0 auto;
        width: 1160px;
        height: 400px;
        position: relative;
    }
    #suntory_contents #friends h2 {
        margin-bottom: 12px;
        padding: 70px 0 0;
        font-family: 'Roboto', sans-serif;
        font-size: 38px;
        line-height: 1;
        font-weight: bold;
        text-align: center;
        color: #fff;
    }
    #suntory_contents #friends .jp {
        margin-bottom: 28px;
        font-size: 13px;
        text-align: center;
        color: #fff;
    }
    #suntory_contents #friends .text {
        margin-bottom: 28px;
        font-size: 18px;
        line-height: 1.666666666666667;
        text-align: center;
        color: #fff;
    }
    #suntory_contents #friends .btn_detail {
        margin: 0 auto;
         width: 180px;
    }
    #suntory_contents #friends .btn_detail a {
        display: block;
        width: 180px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        color: #fff;
        background: #ff0000;
        text-decoration: none;
    }
    #suntory_contents #friends .btn_detail a:hover {
        background: #ff6600;
    }
    #suntory_contents #friends .mascot {
        width: 387px;
        height: 336px;
        position: absolute;
        bottom: 0;
        left: 0; 
        transform: translate(-400px, 0);
        opacity: 0;
        transition: all 1.5s;
    }
    #suntory_contents #friends .mascot.active {
        transform: translate(0, 0);
        opacity: 1;
    }
    #suntory_contents #friends .logo {
        width: 181px;
        height: 229px;
        position: absolute;
        top: 86px;
        left: 852px;
        
        transform: translate(400px, 0);
        opacity: 0;
        transition: all 1s ease;
    }
    #suntory_contents #friends .logo.active {
        transform: translate(0, 0);
        opacity: 1;
    }
    
    /*------------------------------------------------------------
    [PC] ticket
    ------------------------------------------------------------ */
    #suntory_contents #ticket {
        margin: 0 auto;
        width: 100%;
        height: 403px;
        background: url(../img/top/pc_bg_ticket_repeat.webp) repeat-x 0 0;
        background-size: 40px auto;
    }
    .no-webp #suntory_contents #ticket  {
        background: url(../img/top/pc_bg_ticket_repeat.png) repeat-x 0 0;
        background-size: 40px auto;
    }
    
    #suntory_contents #ticket .inner {
        margin: 0 auto;
        width: 1160px;
        height: 403px;
        background: url(../img/top/pc_bg_ticket.webp) no-repeat center 0;
        background-size:1160px 403px;
        text-align: center;
        position: relative;
    }
    .no-webp #suntory_contents #ticket .inner {
        background: url(../img/top/pc_bg_ticket.png) no-repeat center 0;
        background-size:1160px 403px;
    }
    
    #suntory_contents #ticket h2 {
        margin-bottom: 12px;
        padding: 80px 0 0;
        font-family: 'Roboto', sans-serif;
        font-size: 38px;
        line-height: 1;
        font-weight: bold;
        text-align: center;
        color: #000;
    }
    #suntory_contents #ticket .jp {
        margin-bottom: 40px;
        font-size: 13px;
        text-align: center;
        color: #000;
    }
    #suntory_contents #ticket .text {
        margin-bottom: 45px;
        font-size: 18px;
        text-align: center;
        color: #000;
    }
    #suntory_contents #ticket .btn_detail {
        margin: 0 auto;
         width: 180px;
    }
    #suntory_contents #ticket .btn_detail a {
        display: block;
        width: 180px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        color: #fff;
        background: #cc0000;
        text-decoration: none;
        position: relative;
    }
    #suntory_contents #ticket .btn_detail a:hover {
        background: #ee0000;
    }
    
    #suntory_contents #ticket .note {
        font-size: 10px;
        color: #cc8888;
        position: absolute;
        bottom: 55px;
        left: 85px;
    }

    /*------------------------------------------------------------
    [PC] guide
    ------------------------------------------------------------ */
    #suntory_contents #guide {
        margin: 0 auto;
        width: 1160px;
        height: 397px;
        background: url(../img/top/pc_bg_guide.webp) no-repeat center 0;
        background-size: 1160px 397px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        position: relative;
    }
    .no-webp #suntory_contents #guide  {
        background: url(../img/top/pc_bg_guide.jpg) no-repeat center 0;
        background-size: 1160px 397px;
    }
    #suntory_contents #guide h2 {
        margin-bottom: 15px;
        padding: 0;
        font-family: 'Roboto', sans-serif;
        font-size: 48px;
        line-height: 1;
        font-weight: bold;
        text-align: center;
        color: #000;
    }
    #suntory_contents #guide .jp {
        margin-bottom: 40px;
        font-size: 13px;
        text-align: center;
        color: #000;
    }
    #suntory_contents #guide .text {
        margin-bottom: 45px;
        font-size: 18px;
        text-align: center;
        color: #000;
    }
    #suntory_contents #guide .btn_detail {
        margin: 0 auto;
        width: 28vw;
    }
    #suntory_contents #guide .btn_detail a {
        display: block;
        margin: 0 auto;
        width: 180px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        color: #fff;
        background: #cc0000;
        text-decoration: none;
        position: relative;
    }
    #suntory_contents #guide .btn_detail a:hover {
        background: #ee0000;
    }
    
    /*------------------------------------------------------------
    [PC] goods
    ------------------------------------------------------------ */
    #suntory_contents #goods {
        margin: 0 auto;
        width: 100%;
        height: 400px;
        background: 
        url(../img/top/pc_bg_goods.webp?202506) no-repeat center center,
        url(../img/top/pc_bg_goods_repeat.webp) repeat-x 0 0;
        background-size: auto 201px,40px 400px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        position: relative;
    }
    .no-webp #suntory_contents #goods  {
        background: url(../img/top/pc_bg_goods.png?202506) no-repeat center center,
        url(../img/top/pc_bg_goods_repeat.png) repeat-x 0 0;
        background-size: auto 201px,40px 400px;
    }
    #suntory_contents #goods h2 {
        margin-bottom: 15px;
        padding: 0;
        font-family: 'Roboto', sans-serif;
        font-size: 48px;
        line-height: 1;
        font-weight: bold;
        text-align: center;
        color: #fff;
    }
    #suntory_contents #goods .jp {
        margin-bottom: 40px;
        font-size: 13px;
        text-align: center;
        color: #fff;
    }
    #suntory_contents #goods .text {
        margin-bottom: 45px;
        font-size: 18px;
        text-align: center;
        color: #fff;
    }
    #suntory_contents #goods .btn_detail {
        margin: 0 auto;
        width: 28vw;
    }
    #suntory_contents #goods .btn_detail a {
        display: block;
        margin: 0 auto;
        width: 180px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        color: #fff;
        background: #cc0000;
        text-decoration: none;
        position: relative;
    }
    #suntory_contents #goods .btn_detail a:hover {
        background: #ee0000;
    }
    
    
    /*------------------------------------------------------------
    [PC] news
    ------------------------------------------------------------ */
    #suntory_contents #news {
        margin: 0 auto;
        width: 100%;
        min-height: 800px;
        background: #f4f4f4;
    }
    #suntory_contents #news h2 {
        margin-bottom: 12px;
        padding: 73px 0 0;
        font-family: 'Roboto', sans-serif;
        font-size: 38px;
        line-height: 1;
        font-weight: bold;
        text-align: center;
    }
    #suntory_contents #news .jp {
        margin-bottom: 30px;
        font-size: 13px;
        text-align: center;
        color: #bb0000;
    }
    #suntory_contents #news .btn_list {
        margin: 0 auto 70px;
         width: 180px;
    }
    #suntory_contents #news .btn_list a {
        display: block;
        width: 180px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        color: #fff;
        background: #bb0000;
        text-decoration: none;
    }
    #suntory_contents #news .btn_list a:hover {
        background: #ee0000;
    }

    #suntory_contents #news .list li a figure{
        width: 100%;
        height: auto;
        align-items: flex-start;
        aspect-ratio: 16 / 9;
    }
    
    /*------------------------------------------------------------
    [PC] sns_wrap
    ------------------------------------------------------------ */
    #suntory_contents .sns_wrap {
        margin: 60px auto 200px;
        width: 1160px;
        display:flex;
        justify-content: space-between;
    }
    
    /*------------------------------------------------------------
    [PC] #twitter
    ------------------------------------------------------------ */
    #suntory_contents #twitter {
        width:340px;
        padding: 0;
        order: 2;
    }
    #suntory_contents #twitter h2 a {
        margin: 0 auto;
        width: 173px;
        height: 90px;
        text-indent: -9999px;
        background: url(../img/top/tl_twitter.png) no-repeat 0 0;
        background-size: 173px auto;
        display: block;
    }
    #suntory_contents .twitter_widget {
        width: 340px;
        height: 780px;
    }
    
    /*------------------------------------------------------------
    [PC] sns
    ------------------------------------------------------------ */
    #suntory_contents #sns {
        margin: 0 auto;
        padding: 0;
        width: 780px;
        order: 1;
    }
    #suntory_contents #instagram {
        width: 780px;
        height: 345px;
        box-sizing: border-box;
        padding: 71px 0 0;
    }
    
    #suntory_contents #instagram h2 a {
        margin: 0 auto 40px;
        width: 221px;
        height: 49px;
        text-indent: -9999px;
        background: url(../img/top/tl_instagram.png) no-repeat 0 0;
        background-size: 221px auto;
        display: block;
    }

    #suntory_contents #instagram .banner a {
        margin: 0;
        width: 780px;
        height: 180px;
        text-indent: -9999px;
        background: url(../img/top/pc_img_instagram.webp) no-repeat 0 0;
        background-size:780px 180px;
        display: block;
        text-indent:-99999px;
    }
    .no-webp #suntory_contents #instagram .banner a {
        background: url(../img/top/pc_img_instagram.jpg) no-repeat 0 0;
        background-size:780px 180px;
    }

    /*------------------------------------------------------------
    [PC] youtube
    ------------------------------------------------------------ */
    #suntory_contents #youtube {
        margin: 0 auto;
        padding: 0;
        width: 780px;
    }
    #suntory_contents #youtube h2 a {
        margin: 0 auto;
        width: 153px;
        height: 90px;
        text-indent: -9999px;
        background: url(../img/top/tl_youtube.png) no-repeat 0 0;
        background-size: 153px auto;
        display: block;
    }
    #suntory_contents #youtube .movie {
      width: 100%;
      padding-top: 56.25%;
      height: 0;
      overflow: hidden;
        position: relative;
    }
    #suntory_contents #youtube .movie iframe {
      position: absolute;
      top: 0;
      right: 0;
      width: 100% !important;
      height: 100% !important;
    }

    /*------------------------------------------------------------
    [PC] banner
    ------------------------------------------------------------ */
    #suntory_contents #banner {
        margin: 0 auto;
        padding:70px 0 65px;
        width: 100%;
        /*min-height: 260px;*/
        background: #f4f4f4;
    }
    #suntory_contents #banner ul {
        margin: 0 auto;
        width: 1120px;
        list-style: none;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    #suntory_contents #banner li {
        margin: 0 30px 30px 0;
        width: 200px;
        height: 120px;
        overflow: hidden;
    }
    #suntory_contents #banner li:nth-child(5) {
        margin: 0 0 30px 0;
    }
    #suntory_contents #banner li:nth-child(6),
    #suntory_contents #banner li:nth-child(7),
    #suntory_contents #banner li:nth-child(8),
    #suntory_contents #banner li:nth-child(9){
        margin: 0 30px 0 0;
    } 
    #suntory_contents #banner li:nth-child(10) {
        margin: 0;
    }
    #suntory_contents #banner li a figure img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
        transition: all .5s ease;
    }
    #suntory_contents #banner li a:hover figure img {
        opacity: .75;
        transform: scale(1.05);
    }
    
}