@charset "utf-8";

@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 400;
	src: local("Noto Sans CJK JP Regular"),
	url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format('opentype');
	font-display: swap;
}
@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 500;
	src: local("Noto Sans CJK JP Medium"),
	url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.otf) format('opentype');
	font-display: swap;
}
@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 700;
	src: local("Noto Sans CJK JP Bold"),
	url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.otf) format('opentype');
	font-display: swap;
}
#suntory_contents  {
    font-family:'Roboto','Noto Sans JP', "Hiragino Sans", "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif;
	font-weight: normal;
    font-feature-settings : "palt";
}
#suntory_contents * {
    -webkit-appearance: none;
    border-radius: none;
}

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

    #suntory_contents  {
        font-feature-settings : "palt";
    }
    #suntory_contents p {
    -webkit-text-size-adjust: 100%;
    }
    .sp_item {
        display: block;
    }
    .pc_item {
        display: none;
    }

    /*------------------------------------------------------------
    [SP] sunbirds_header
    ------------------------------------------------------------ */
    #suntory_contents #sunbirds_header {
        background: #bb0000;
        width: 100vw;
        height: 13.3333333333333vw;
        position: relative;
        z-index: 1000;
    }
    #suntory_contents #sunbirds_header h1 a {
        margin-left: 2.4vw;
        display: block;
        width: 13.5vw;
        height: 13.5vw;
        text-indent: -9999px;
        background: url(../img/logo_color.png) no-repeat 0 0;
        background-size: 13.5vw auto;
    }
    #suntory_contents #sunbirds_header h1::after {
        content:'SUNTORY SUNBIRDS';
        color: #fff;
        font-family: 'Roboto',sans-serif;
        font-weight: 4.2666666666667vw;
        font-weight: bold;
        width: 62.666666666666667vw;
        height: 13.3333333333333vw;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 0;
        left: 18.6666666666667vw;
    }

    #suntory_contents #sunbirds_header .btn_menu {
        width: 13.3333333333333vw;
        height: 13.3333333333333vw;
        background: url(../img/icon_menu.svg) no-repeat center center;
        background-size: 6.1333333333333vw 4vw;
        text-indent: -9999px;
        position: absolute;
        top: 0;
        right: 0;
        cursor: pointer;
    }
    #suntory_contents #sunbirds_header.open .btn_menu {
        background: url(../img/icon_close_square.svg) no-repeat center center;
        background-size: auto 4vw;
    }


    #suntory_contents #sunbirds_header .nav {
        display: none;
    }
    #suntory_contents #sunbirds_header .extra_nav {
        display: none;
    }
    #suntory_contents #sunbirds_header.open .nav {
        display: block;
        background: #aa0000;
    }
    #suntory_contents #sunbirds_header .nav h2 {
        margin: 0 auto;
        width: 85.3333333333333vw;
        height: 14.6666666666667vw;
        color: #fff;
        border-bottom: 1px #cc0000 solid;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #suntory_contents #sunbirds_header .nav h2 a {
        width: 85.3333333333333vw;
        height: 14.6666666666667vw;
        color: #fff;
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #suntory_contents #sunbirds_header .nav .nav_wrap {
        margin: 0 auto;
        width: 85.3333333333333vw;
        border-bottom: 1px #cc0000 solid;
    }
    #suntory_contents #sunbirds_header .nav ul {
        margin: 0 auto;
        width: 73.3333333333333vw;
        display: flex;
        flex-wrap: wrap;
    }
    #suntory_contents #sunbirds_header .nav li {
        width: 32vw;
        font-size: 3.2vw;
        margin-right: 9.3333333333333vw;
        border-bottom: 1px #cc0000 solid;
        position: relative;
    }
    #suntory_contents #sunbirds_header .nav li::after {
        content: '';
        width: 0.1333333333333vw;
        height: 4vw;
        background: #cc0000;
        position: absolute;
        top: calc(50% - 2vw);
        right: -4.5333333333333vw;
    }

    #suntory_contents #sunbirds_header .nav li:nth-child(2n) {
        margin-right: 0;
    }
    #suntory_contents #sunbirds_header .nav li:nth-child(2n)::after {
        display: none;
    }
    #suntory_contents #sunbirds_header .nav01 li:nth-child(7),
    #suntory_contents #sunbirds_header .nav01 li:nth-child(8),
    #suntory_contents #sunbirds_header .nav02 li:nth-child(3),
    #suntory_contents #sunbirds_header .nav02 li:nth-child(4),
    #suntory_contents #sunbirds_header .nav03 li:nth-child(3),
    #suntory_contents #sunbirds_header .nav03 li:nth-child(4),
    #suntory_contents #sunbirds_header .nav04 li,
	#suntory_contents #sunbirds_header .nav05 li,
    #suntory_contents #sunbirds_header .nav07 li {
        border-bottom: none;
    }
    #suntory_contents #sunbirds_header .nav li a {
        color: #fff;
        text-decoration: none;
        width: 100%;
        height: 11.4666666666667vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #suntory_contents #sunbirds_header .nav li a.inactive {
        pointer-events: none;
        opacity: .5;
    }
    #suntory_contents #sunbirds_header .nav li a[target="_blank"] span{
        background: url(../img/icon_external_white.svg) no-repeat right center;
        background-size: 2vw auto;
        padding-right: 3.2vw;
    }

    #suntory_contents #sunbirds_header.open .extra_nav {
        display: block;
        background: #aa0000;
        padding: 13.3333333333333vw 0 9.3333333333333vw;
        position: relative;
    }
    #suntory_contents #sunbirds_header .extra_nav .btn_ticket a {
        margin: 0 auto 19.866666666666667vw;
        width: 30.6666666666667vw;
        height: 10.6666666666667vw;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #cc0000;
        color: #fff;
        font-size: 3.7333333333333vw;
        font-weight: bold;
        text-decoration: none;
        position: relative;
    }
    #suntory_contents #sunbirds_header .extra_nav .btn_ticket a::after {
        content: '';
        width: 1.3333333333333vw;
        height: 1.3333333333333vw;
        background: url(../img/icon_external.png) no-repeat 0 0;
        background-size: 1.3333333333333vw auto;
        position: absolute;
        top: 2.6666666666667vw;
        right: 2.6666666666667vw;
    }
    #suntory_contents #sunbirds_header .extra_nav .logo a {
        width: 36vw;
        height: 21.0666666666667vw;
        text-indent: -9999px;
        background: #aa0000 url(../img/logo_mono.png) no-repeat center 0;
        background-size: 21.0666666666667vw auto;
        position: absolute;
        top: 29.3333333333333vw;
        top: 4vw;
        left: 32vw;
    }
    #suntory_contents #sunbirds_header .extra_nav .link {
        margin: 0 auto 4.6666666666667vw;
        width: 88vw;
        border-top: 1px #cc0000 solid;
        padding-top: 13.2vw;
        list-style: none;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #suntory_contents #sunbirds_header .extra_nav li {
        width: 16vw;
    }
    #suntory_contents #sunbirds_header .extra_nav li.instagram {
        margin: 0 2vw 0 0;
        order: 1;
    }
    #suntory_contents #sunbirds_header .extra_nav li.twitter {
        margin: 0 2vw 0 0;
        order: 2;
    }
    #suntory_contents #sunbirds_header .extra_nav li.youtube {
        margin: 0 2vw 0 0;
        order: 3;
    }
    #suntory_contents #sunbirds_header .extra_nav li.line {
        margin: 0 2vw 0 0;
        order: 4;
    }
    #suntory_contents #sunbirds_header .extra_nav li.tiktok {
        margin: 0;
        order: 5;
    }

    #suntory_contents #sunbirds_header .extra_nav li.store {
        margin: 0 3.3333333333333vw 0 0;
        order: 4;
    }
    #suntory_contents #sunbirds_header .extra_nav li a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 16vw;
        height: 16vw;
        text-indent: -9999px;
    }
    #suntory_contents #sunbirds_header .extra_nav li.instagram a {
        background: #cc0000 url(../img/icon_instagram.svg) no-repeat center center;
        background-size: 7.4666666666667vw auto;
    }
    #suntory_contents #sunbirds_header .extra_nav li.twitter a {
        background: #cc0000 url(../img/icon_x.svg) no-repeat center center;
        background-size: 6.1333333333333vw auto;
    }
    #suntory_contents #sunbirds_header .extra_nav li.youtube a {
        background: #cc0000 url(../img/icon_youtube.svg) no-repeat center center;
        background-size: 7.4666666666667vw auto;
    }
    #suntory_contents #sunbirds_header .extra_nav li.line a {
        background: #cc0000 url(../img/icon_line.svg) no-repeat center center;
        background-size: 8.5333333333333vw auto;
    }
    #suntory_contents #sunbirds_header .extra_nav li.tiktok a {
        background: #cc0000 url(../img/icon_tiktok.svg) no-repeat center center;
        background-size: 8.5333333333333vw auto;
    }

    #suntory_contents #sunbirds_header .extra_nav li.store a {
        background: #cc0000 url(../img/logo_store.svg) no-repeat center center;
        background-size: 25.733333333333333vw auto;
    }
    #suntory_contents #sunbirds_header .extra_nav li.goods a {
        background: #cc0000 url(../img/logo_goods.png) no-repeat center center;
        background-size: 16.4vw auto;
    }
    #suntory_contents #sunbirds_header .extra_nav .note {
        text-align: center;
        margin-bottom: 9.3333333333333vw;
    }
    #suntory_contents #sunbirds_header .extra_nav .note a {
        color: #fff;
        font-size: 2.6666666666667vw;
        font-weight: bold;
        text-decoration: none;
    }
    #suntory_contents #sunbirds_header .btn_close {
        text-align: center;
        height: 5.6vw;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 3.3333333333333vw;
        font-weight: bold;
        color: #fff;
    }
    #suntory_contents #sunbirds_header .btn_close span {
        position: relative;
        margin-left:12.1333333333333vw;;
    }
    #suntory_contents #sunbirds_header .btn_close span::before,
    #suntory_contents #sunbirds_header .btn_close span::after {
      display: block;
      content: "";
      position: absolute;
      top: 50%;
      left: -12.1333333333333vw;
      width: 5.6vw;
      height: 0.1333333333333vw;
      background: #fff;
    }
    #suntory_contents #sunbirds_header .btn_close span::before {
      transform: rotate(-45deg);
    }
    #suntory_contents #sunbirds_header .btn_close span::after {
      transform: rotate(45deg);
    }


    /*------------------------------------------------------------
    [SP] btn_page_top
    ------------------------------------------------------------ */
    #suntory_contents .btn_page_top {
    }
    #suntory_contents .btn_page_top a {
        width: 13.3333333333333vw;
        height: 13.3333333333333vw;
        padding-top: 0.5333333333333vw;
        box-sizing: border-box;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #fff url(../img/arrow_top.png) no-repeat center 2.6666666666667vw;
        background-size: 2.6666666666667vw auto;
        font-size: 2.2666666666667vw;
        font-weight: bold;
        font-family: 'Roboto',sans-serif;
        color: #cc0000;
        text-decoration: none;
        filter: drop-shadow(0 0 1vw rgba(0, 0, 0, .5));
        position: fixed;
        bottom: 5.3333333333333vw;
        right: 2.6666666666667vw;
        z-index: 10000;
    }
    #suntory_contents .btn_page_top a::after {
        content: '';
        width: 12.4vw;
        height: 7.3333333333333vw;
        background: url(../img/img_page_top.png) no-repeat 0 0;
        background-size: 12.4vw auto;
        position: absolute;
        top: 8.4vw;
        left: calc(50% - 6.2vw);
    }

    /*------------------------------------------------------------
    [SP] sunbirds_footer
    ------------------------------------------------------------ */
    #suntory_contents #sunbirds_footer {
        background: #aa0000;
        padding-top: 5.3333333333333vw;
    }
    #suntory_contents #sunbirds_footer .nav .label {
        margin: 0 auto;
        width: 85.3333333333333vw;
        height: 14.6666666666667vw;
        color: #fff;
        border-bottom: 1px #cc0000 solid;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: bold;
    }
    #suntory_contents #sunbirds_footer .nav .label a  {
        width: 85.3333333333333vw;
        height: 14.6666666666667vw;
        color: #fff;
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #suntory_contents #sunbirds_footer .nav .open .label a {
        color: #ffee99;
    }


    #suntory_contents #sunbirds_footer .nav .nav_wrap {
       margin: 0 auto;
        width: 85.3333333333333vw;
        border-bottom: 1px #cc0000 solid;
    }
    #suntory_contents #sunbirds_footer .nav ul {
        margin: 0 auto;
        width: 73.3333333333333vw;
        display: flex;
        flex-wrap: wrap;
    }
    #suntory_contents #sunbirds_footer .nav li {
        width: 32vw;
        font-size: 3.2vw;
        margin-right: 9.3333333333333vw;
        border-bottom: 1px #cc0000 solid;
        position: relative;
    }
    #suntory_contents #sunbirds_footer .nav li::after {
        content: '';
        width: 0.1333333333333vw;
        height: 4vw;
        background: #cc0000;
        position: absolute;
        top: calc(50% - 2vw);
        right: -4.5333333333333vw;
    }
    #suntory_contents #sunbirds_footer .nav li:nth-child(2n) {
        margin-right: 0;
    }
    #suntory_contents #sunbirds_footer .nav li:nth-child(2n)::after {
        display: none;
    }
    #suntory_contents #sunbirds_footer .nav01 li:nth-child(7),
    #suntory_contents #sunbirds_footer .nav01 li:nth-child(8),
    #suntory_contents #sunbirds_footer .nav02 li:nth-child(3),
    #suntory_contents #sunbirds_footer .nav02 li:nth-child(4),
    #suntory_contents #sunbirds_footer .nav03 li:nth-child(3),
    #suntory_contents #sunbirds_footer .nav03 li:nth-child(4),
    #suntory_contents #sunbirds_footer .nav04 li,
	#suntory_contents #sunbirds_footer .nav05 li,
    #suntory_contents #sunbirds_footer .nav07 li {
        border-bottom: none;
    }
    #suntory_contents #sunbirds_footer .nav li a {
        color: #fff;
        text-decoration: none;
        width: 100%;
        height: 11.4666666666667vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #suntory_contents #sunbirds_footer .nav ul li a.inactive {
        pointer-events: none;
        opacity: .5;
    }


    #suntory_contents #sunbirds_footer .nav li a[target="_blank"] span {
        background: url(../img/icon_external_white.svg) no-repeat right center;
        background-size: 2vw auto;
        padding-right: 3.2vw;
    }
    #suntory_contents #sunbirds_footer .extra_nav {
        display: block;
        background: #aa0000;
        padding: 13.3333333333333vw 0 9.3333333333333vw;
        position: relative;
    }
    #suntory_contents #sunbirds_footer .extra_nav .btn_ticket a {
        margin: 0 auto 19.866666666666667vw;
        width: 30.6666666666667vw;
        height: 10.6666666666667vw;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #cc0000;
        color: #fff;
        font-size: 3.7333333333333vw;
        font-weight: bold;
        text-decoration: none;
        position: relative;
    }
    #suntory_contents #sunbirds_footer .extra_nav .btn_ticket a::after {
        content: '';
        width: 1.3333333333333vw;
        height: 1.3333333333333vw;
        background: url(../img/icon_external.png) no-repeat 0 0;
        background-size: 1.3333333333333vw auto;
        position: absolute;
        top: 2.6666666666667vw;
        right: 2.6666666666667vw;
    }
    #suntory_contents #sunbirds_footer .extra_nav .logo a {
        width: 36vw;
        height: 21.0666666666667vw;
        text-indent: -9999px;
        background: #aa0000 url(../img/logo_mono.png) no-repeat center 0;
        background-size: 21.0666666666667vw auto;
        position: absolute;
        top: 29.3333333333333vw;
        top: 4vw;
        left: 32vw;
    }
    #suntory_contents #sunbirds_footer .extra_nav .link {
        margin: 0 auto 4.6666666666667vw;
        width: 88vw;
        border-top: 1px #cc0000 solid;
        padding-top: 13.2vw;
        list-style: none;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #suntory_contents #sunbirds_footer .extra_nav li {
        width: 16vw;
    }
    #suntory_contents #sunbirds_footer .extra_nav li.instagram {
        margin: 0 2vw 0 0;
        order: 1;
    }
    #suntory_contents #sunbirds_footer .extra_nav li.twitter {
        margin: 0 2vw 0 0;
        order: 2;
    }
    #suntory_contents #sunbirds_footer .extra_nav li.youtube {
        margin: 0 2vw 0 0;
        order: 3;
    }
    #suntory_contents #sunbirds_footer .extra_nav li.line {
        margin: 0 2vw 0 0;
        order: 4;
    }
    #suntory_contents #sunbirds_footer .extra_nav li.tiktok {
        margin: 0;
        order: 5;
    }
    /* #suntory_contents #sunbirds_footer .extra_nav li.store {
        margin: 0 3.3333333333333vw 0 0;
        order: 4;
    } */
    #suntory_contents #sunbirds_footer .extra_nav li a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 16vw;
        height: 16vw;
        text-indent: -9999px;
    }
    #suntory_contents #sunbirds_footer .extra_nav li.instagram a {
        background: #cc0000 url(../img/icon_instagram.svg) no-repeat center center;
        background-size: 7.4666666666667vw auto;
    }
    #suntory_contents #sunbirds_footer .extra_nav li.twitter a {
        background: #cc0000 url(../img/icon_x.svg) no-repeat center center;
        background-size: 6.1333333333333vw auto;
    }
    #suntory_contents #sunbirds_footer .extra_nav li.youtube a {
        background: #cc0000 url(../img/icon_youtube.svg) no-repeat center center;
        background-size: 7.4666666666667vw auto;
    }
    #suntory_contents #sunbirds_footer .extra_nav li.line a {
        background: #cc0000 url(../img/icon_line.svg) no-repeat center center;
        background-size: 8.5333333333333vw auto;
    }
    #suntory_contents #sunbirds_footer .extra_nav li.tiktok a {
        background: #cc0000 url(../img/icon_tiktok.svg) no-repeat center center;
        background-size: 8.5333333333333vw auto;
    }

    #suntory_contents #sunbirds_footer .extra_nav li.store a {
        background: #cc0000 url(../img/logo_store.png) no-repeat center center;
        background-size: 25.733333333333333vw auto;
    }
    #suntory_contents #sunbirds_footer .extra_nav li.goods a {
        background: #cc0000 url(../img/logo_goods.png) no-repeat center center;
        background-size: 16.4vw auto;
    }
    #suntory_contents #sunbirds_footer .extra_nav .note {
        text-align: center;
    }
    #suntory_contents #sunbirds_footer .extra_nav .note a {
        color: #fff;
        font-size: 2.6666666666667vw;
        font-weight: bold;
        text-decoration: none;

    }

    /*------------------------------------------------------------
    [SP] sunbirds_contents
    ------------------------------------------------------------ */
    #suntory_contents #sunbirds_contents {
        margin: 0 auto;
        padding:0;
        width: 100vw;
        background: #fff url(../img/sp_bg_sunbirds_contents.webp) no-repeat 0 0;
        background-size: 100% auto;
        display: flex;
        flex-direction: column;
    }
    .no-webp #suntory_contents #sunbirds_contents  {
        background: #fff url(../img/sp_bg_sunbirds_contents.jpg) no-repeat 0 0;
        background-size: 100% auto;
    }
    #contents_schedule #suntory_contents #sunbirds_contents,
    #contents_game #suntory_contents #sunbirds_contents,
    #contents_ticket #suntory_contents #sunbirds_contents {
        background: #eaeaea url(../img/sp_bg_sunbirds_contents_type2.webp) no-repeat 0 0;
        background-size: 100% auto;
    }
    .no-webp #contents_schedule #suntory_contents #sunbirds_contents,
    .no-webp #contents_game #suntory_contents #sunbirds_contents,
    .no-webp #contents_ticket #suntory_contents #sunbirds_contents {
        background: #eaeaea url(../img/sp_bg_sunbirds_contents_type2.jpg) no-repeat 0 0;
        background-size: 100% auto;
    }
    #contents_fanclub #suntory_contents #sunbirds_contents,
    .no-webp #contents_fanclub #suntory_contents #sunbirds_contents{
        background:none;
    }
    #contents_fanclub.terms #suntory_contents #sunbirds_contents {
        background: url(../img/sp_bg_sunbirds_contents_type3.webp) no-repeat 0 0;
        background-size: 100% auto;
        padding-top: 13.3333333333333vw;
    }
    .no-webp #contents_fanclub.terms #suntory_contents #sunbirds_contents{
        background: url(../img/sp_bg_sunbirds_contents_type3.png) no-repeat 0 0;
        background-size: 100% auto;
    }


    /*------------------------------------------------------------
    [SP] bread_crumbs
    ------------------------------------------------------------ */
    #suntory_contents .bread_crumbs {
        background: #fff;
        order: 4;
    }
    #suntory_contents .bread_crumbs ol {
        margin: 0;
        padding: 5.3333333333333vw 4vw;
        box-sizing: border-box;
        list-style: none;
        box-sizing: border-box;
        text-indent: -8vw;
        margin-left: 8vw;
    }
    #suntory_contents .bread_crumbs li {
        font-size: 3.2vw;
        line-height: 4.8vw;
        color: #000;
        display: inline;
    }
    #suntory_contents .bread_crumbs li a {
        color: #000;
        text-decoration: none;
        margin: 0 20px 0 0;
        position: relative;
    }
    #suntory_contents .bread_crumbs li a::after {
        content: '>';
        width: 6.4vw;
        height: 4.8vw;
        font-size: 2.4vw;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #888;
        position: absolute;
        top: 0;
        right: -6.4vw;
    }
    #suntory_contents .bread_crumbs li:first-child a {
        width: 5.3333333333333vw;
        height: 4.8vw;
        display: inline-block;
        text-indent: -9999px;
        background: url(../img/icon_home.svg) no-repeat 0 0;
        background-size: 5.3333333333333vw auto;
        position: relative;
    }
    #suntory_contents .bread_crumbs li a::after {
        text-indent: 0;
    }

    /*------------------------------------------------------------
    [SP] title_bar
    ------------------------------------------------------------ */
    #suntory_contents .title_bar {
        padding: 5.3333333333333vw 4vw 9.3333333333333vw;
        padding: 0 4vw;
        height: 30.6666666666667vw;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        align-items: center;
        order: 1;
    }
    #suntory_contents .title_bar h1 {
        margin: 0;
        height: 5.3333333333333vw;
        font-size: 2.9333333333333vw;
        font-weight: bold;
        color: #fff;
    }
    #suntory_contents .title_bar p {
        font-size: 8vw;
        line-height: 1;
        font-weight: bold;
        font-family: 'Roboto',sans-serif;
        color: #fff;
    }
    #suntory_contents .title_bar p span {
        display: block;
        font-size: 3.7333333333333vw;
        margin: 4vw 0 0;
        font-family:'Roboto','Noto Sans JP', "Hiragino Sans", "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif;
    }

    #suntory_contents .title_bar .year_nav_select {
        margin: 0;
    }
    #suntory_contents .title_bar .year_nav_select select {
        margin: 0;
        padding: 0 0 0 6.6666666666667vw;
        padding: 0 0 0 7.619047619047658vw;
        width: 28vw;
        width: 32.000000000000004vw;
        height: 10.66666666666663vw;
        height: 9.3333333333333vw;
        cursor: pointer;
        border: none;
        outline: none;
        color: #bb0022;
        background: transparent;
        background-image: none;
        box-shadow: none;
        -webkit-appearance: none;
        appearance: none;
        border: none;
        font-size: 3.7333333333333vw;
        font-size: 4.2666666666667vw;
        font-weight: bold;
        background: #fff url(../img/arrow_select.png) no-repeat right 3.3333333333333vw center;
        background: #fff url(../img/arrow_select.png) no-repeat right 3.809523809523772vw center;
        background-size: 2.6666666666667vw auto;
        background-size: 3.047619047619086vw auto;
        border-radius: 0.4vw;
        border-radius: 0.457142857142857vw;
        transform: scale(0.875);
    }
    #suntory_contents .title_bar .year_nav_select.year_nav_select_wide select {
        width: 50.6666666666667vw;
        width: 57.90476190476195vw;
        padding: 0 0 0 4vw;
        padding: 0 0 0 4.571428571428572vw;
    }

    /*------------------------------------------------------------
    [sp] contents
    ------------------------------------------------------------ */
    #suntory_contents .contents {
        margin: 0;
        order: 2;
    }
    #contents_talk #suntory_contents .contents,
    #contents_infocus #suntory_contents .contents,
    #contents_members #suntory_contents .contents,
    #contents_game #suntory_contents .contents,
    #contents_game_detail #suntory_contents .contents{
        padding: 9.3333333333333vw 0 0;
    }
    #contents_talk.article #suntory_contents .contents,
    #contents_infocus.article #suntory_contents .contents,
    #contents_members.player #suntory_contents .contents {
        padding: 0;
    }
    #contents_history #suntory_contents .contents {
        padding: 9.3333333333333vw 4vw 5.3333333333333vw;
    }
    #contents_access #suntory_contents .contents {
        padding: 10.6666666666667vw 4vw 5.3333333333333vw;
    }
    #contents_team #suntory_contents .contents {
        padding: 10.6666666666667vw 0 5.3333333333333vw;
    }
    #contents_ticket #suntory_contents .contents {
        padding: 0;
    }

    /*------------------------------------------------------------
    [sp] extra
    ------------------------------------------------------------ */
    #suntory_contents .extra {
        order: 3;
        margin-top: 18.6666666666667vw;
        padding: 13.3333333333333vw 0 9.3333333333333vw;
        background: #f4f4f4;
    }
    #contents_members.player #suntory_contents .extra  {
        margin-top: 0;
    }
    #contents_ticket #suntory_contents .extra  {
        margin-top: 0;
    }
    #suntory_contents .extra p {
        margin-bottom: 4vw;
        font-size: 2.6666666666667vw;
        font-weight: bold;
        text-align: center;
    }
    #suntory_contents .extra h2 {
        margin-bottom: 13.3333333333333vw;
        font-size: 8vw;
        font-weight: bold;
        font-family: 'Roboto',sans-serif;
        text-align: center;
    }

    /*------------------------------------------------------------
    [sp] list
    ------------------------------------------------------------ */
    #suntory_contents #news .list,
    #suntory_contents .extra .list{
        margin: 0 auto;
        width: 92vw;
        list-style: none;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    #suntory_contents #news .list li,
    #suntory_contents .extra .list li {
        margin: 0 0 4vw;
        width: 44vw;
        background: #fff;
    }
    #suntory_contents #news .list li a,
    #suntory_contents .extra  .list li a {
        text-decoration: none;
    }
    #suntory_contents #news .list li .data,
    #suntory_contents .extra .list li .data{
        padding: 4.6666666666667vw 4vw 5.3333333333333vw;
    }
    #suntory_contents #news .list li .data .date,
    #suntory_contents .extra .list li .data .date{
        margin-bottom: 4vw;
        font-size: 3.3333333333333vw;
        color: #777;
        font-weight: normal;
        text-align: left;
    }
    #suntory_contents #news .list li .data .date .num,
    #suntory_contents .extra .list li .data .date .num{
        font-size: 3.7333333333333vw;
        font-family: 'Roboto',sans-serif;
    }
    #suntory_contents #news .list li .data .date .day,
    #suntory_contents .extra .list li .data .date .day{
        font-size: 2.6666666666667vw;
    }
    #suntory_contents #news .list li .data .category,
    #suntory_contents .extra .list li .data .category{
        margin-bottom: 4vw;
        font-size: 3.4666666666667vw;
        font-weight: bold;
        color: #000;
        text-align: left;
    }
    #suntory_contents #news .list li .data .text,
    #suntory_contents .extra .list li .data .text{
        font-size: 3.4666666666667vw;
        line-height: 1.666666666666667;
        color: #000;
        text-align: left;
        font-weight: normal;
    }
    #suntory_contents #news .list li a picture,
    #suntory_contents .extra .list li a picture,
    #suntory_contents #news .list li a figure,
    #suntory_contents .extra .list li a figure{
        width: 44vw;
        height: 30vw;
        display: block;
        overflow: hidden;
        background: #000;
        display: flex;
        align-items: center;
        overflow: hidden;
        background: #000;
    }
    #suntory_contents #news .list li a figure.default,
    #suntory_contents .extra .list li a figure.default{
        background: #e4e4e4;
    }
    #suntory_contents #news .list li a picture img,
    #suntory_contents .extra .list li a picture img,
    #suntory_contents #news .list li a figure img,
    #suntory_contents .extra .list li a figure img{
        vertical-align: bottom;
        width: 100%;
        height: auto;
    }

    #suntory_contents .extra .list li a figure {
        width: 100% !important;
        height: auto !important;
        align-items: flex-start !important;
        aspect-ratio: 16 / 9 !important;
    }


}
/*------------------------------------------------------------
[PC]
------------------------------------------------------------ */
@media print, screen and (min-width:768px) {
    .sp_item {
        display: none;
    }
    .pc_item {
        display: block;
    }


    /*------------------------------------------------------------
    [PC] sunbirds_header
    ------------------------------------------------------------ */
    #suntory_contents #sunbirds_header {
        background: #bb0000;
        height: 95px;
    }
    #suntory_contents #sunbirds_header .inner {
        margin: 0 auto;
        width: 1160px;
        position: relative;
    }
    #suntory_contents #sunbirds_header h1 a {
        display: block;
        width: 90px;
        height: 90px;
        text-indent: -9999px;
        background: url(../img/logo_color.png) no-repeat 0 0;
        background-size: 90px auto;
        position: absolute;
        top: 5px;
        left: -6px;
    }
    #suntory_contents #sunbirds_header .nav {
        width: 1045px;
        height: 55px;
        position: absolute;
        top: 40px;
        left: 115px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        z-index: 1000;
    }
    #suntory_contents #sunbirds_header .nav .toggle,
    #suntory_contents #sunbirds_header .nav h2 a {
        font-size: 15px;
        font-weight: bold;
        color: #fff;
        text-decoration: none;
        cursor: pointer;
        height: 55px;
        display: flex;
        align-items: center;
        margin: 0 2px;
    }
    #suntory_contents #sunbirds_header .nav .active h2,
    #suntory_contents #sunbirds_header .nav h2 a:hover {
         color: #ffee99;
    }
    #contents_game #suntory_contents #sunbirds_header .nav .nav02 h2 a,
    #contents_game_detail #suntory_contents #sunbirds_header .nav .nav02 h2 a{
        color: #ffee99;
    }
    #contents_ticket #suntory_contents #sunbirds_header .nav .nav03 h2 a {
        color: #ffee99;
    }
    #contents_news #suntory_contents #sunbirds_header .nav .nav04 h2 a {
        color: #ffee99;
    }
    #contents_members #suntory_contents #sunbirds_header .nav .nav01 h2 a {
        color: #ffee99;
    }
    #contents_schedule #suntory_contents #sunbirds_header .nav .nav01 h2 a{
        color: #ffee99;
    }
    #contents_team #suntory_contents #sunbirds_header .nav .nav01 h2 a {
        color: #ffee99;
    }
    #contents_infocus #suntory_contents #sunbirds_header .nav .nav01 h2 a,
    #contents_talk #suntory_contents #sunbirds_header .nav .nav01 h2 a{
        color: #ffee99;
    }
    #contents_fanclub #suntory_contents #sunbirds_header .nav .nav06 h2 a{
        color: #ffee99;
    }
    #contents_godds #suntory_contents #sunbirds_header .nav .nav07 h2 a{
        color: #ffee99;
    }
	#contents_partner #suntory_contents #sunbirds_header .nav .nav05 h2 a {
        color: #ffee99;
	}
	#contents_social #suntory_contents #sunbirds_header .nav .nav04 h2 a {
        color: #ffee99;
	}
	#contents_history #suntory_contents #sunbirds_header .nav .nav01 h2 a {
        color: #ffee99;
	}
    #suntory_contents #sunbirds_header .nav .nav01,
    #suntory_contents #sunbirds_header .nav .nav02,
    #suntory_contents #sunbirds_header .nav .nav03,
    #suntory_contents #sunbirds_header .nav .nav04,
    #suntory_contents #sunbirds_header .nav .nav05,
    #suntory_contents #sunbirds_header .nav .nav06,
    #suntory_contents #sunbirds_header .nav .nav07,
    #suntory_contents #sunbirds_header .nav .nav08,
    #suntory_contents #sunbirds_header .nav .nav09{
        position: relative;
        height: 55px;
        display: block;
    }
    #suntory_contents #sunbirds_header .nav .nav_wrap {
        opacity: 0;
        position: absolute;
        top: 52px;
        left: calc(50% - 110px);
        width: 220px;
        min-height: 10px;
        z-index: -1;
        opacity:1;
    }
    #suntory_contents #sunbirds_header .nav .active .nav_wrap {
        opacity: 1;
        height:auto;
        z-index: 10;
    }
    #suntory_contents #sunbirds_header .nav  ul {
        opacity: 0;
        position: absolute;
        top: 12px;
        left: calc(50% - 110px);
        width: 220px;
        height: 0;
        background: rgba(255,255,255,.95);
        text-align: center;
        padding: 40px 0;
        padding: 0;
        z-index: -1;
        transform: translate(0, 40px);
        transition: transform .5s;
        height: 1px;
        overflow: hidden;
        box-sizing: border-box;
    }
    #suntory_contents #sunbirds_header .nav .active ul {
/*        display: block;*/
        padding: 40px 0;
        opacity: 1;
        height: auto;
        overflow: visible;
/*
        position: absolute;
        top: 12px;
        left: calc(50% - 110px);
        width: 220px;
        height: auto;
        background: rgba(255,255,255,.95);
        text-align: center;
        padding: 40px 0;
*/
        filter: drop-shadow(0 0 5px rgba(0,0,0,.1));
        transform: translate(0, 0);
    }
    #suntory_contents #sunbirds_header .nav .active ul::before {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-top: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #fff;
        border-left: 10px solid transparent;
        position: absolute;
        top: -20px;
        left: calc(50% - 10px);
    }
    #suntory_contents #sunbirds_header .nav ul li {
        margin-bottom: 25px;
        font-size: 15px;
        font-weight: bold;
    }
    #suntory_contents #sunbirds_header .nav ul li:last-child {
        margin-bottom: 0;
    }
    #suntory_contents #sunbirds_header .nav ul li a {
        color: #000;
        text-decoration: none;
    }
    #suntory_contents #sunbirds_header .nav ul li a:hover {
        color: #bb0000;
    }
    #suntory_contents #sunbirds_header .nav ul li a.inactive {
        pointer-events: none;
        opacity: .5;
    }
    #suntory_contents #sunbirds_header .nav ul li a[target="_blank"] span{
        background: url(../img/icon_external_red.svg) no-repeat right center;
        background-size: 10px auto;
        padding-right: 15px;
    }
    #suntory_contents #sunbirds_header .extra_nav .link {
        height: 30px;
        position: absolute;
        top: 10px;
        right: 0;
        list-style: none;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
    #suntory_contents #sunbirds_header .extra_nav .link .instagram a {
        margin-right: 15px;
        display: block;
        text-indent: -9999px;
        width: 30px;
        height: 30px;
        background: url(../img/icon_instagram.svg) no-repeat center center;
        background-size: 23px auto;
    }
    #suntory_contents #sunbirds_header .extra_nav .link .instagram a:hover {
        background: url(../img/icon_instagram_on.svg) no-repeat center center;
        background-size: 23px auto;
    }
    #suntory_contents #sunbirds_header .extra_nav .link .twitter a {
        margin-right: 15px;
        display: block;
        text-indent: -9999px;
        width: 20px;
        height: 30px;
        background: url(../img/icon_x.svg) no-repeat center center;
        background-size: 19px auto;
    }
    #suntory_contents #sunbirds_header .extra_nav .link .twitter a:hover {
        background: url(../img/icon_x_on.svg) no-repeat center center;
        background-size: 19px auto;
    }
    #suntory_contents #sunbirds_header .extra_nav .link .youtube a {
        margin-right: 15px;
        display: block;
        text-indent: -9999px;
        width: 30px;
        height: 30px;
        background: url(../img/icon_youtube.svg) no-repeat center center;
        background-size: 23px auto;
    }
    #suntory_contents #sunbirds_header .extra_nav .link .youtube a:hover {
        background: url(../img/icon_youtube_on.svg) no-repeat center center;
        background-size: 23px auto;
    }
    #suntory_contents #sunbirds_header .extra_nav .link .line a {
        margin-right: 15px;
        display: block;
        text-indent: -9999px;
        width: 30px;
        height: 30px;
        background: url(../img/icon_line.svg) no-repeat center center;
        background-size: 25px auto;
    }
    #suntory_contents #sunbirds_header .extra_nav .link .line a:hover {
        background: url(../img/icon_line_on.svg) no-repeat center center;
        background-size: 25px auto;
    }
    #suntory_contents #sunbirds_header .extra_nav .link .tiktok a {
        margin-right: 0;
        display: block;
        text-indent: -9999px;
        width: 30px;
        height: 30px;
        background: url(../img/icon_tiktok.svg) no-repeat center center;
        background-size: 26px auto;
    }
    #suntory_contents #sunbirds_header .extra_nav .link .tiktok a:hover {
        background: url(../img/icon_tiktok_on.svg) no-repeat center center;
        background-size: 26px auto;
    }
    #suntory_contents #sunbirds_header .extra_nav .link .store a {
        color: #fff;
        font-size: 12px;
        font-weight: bold;
        text-decoration: none;
        background: url(../img/icon_store.png) no-repeat 0 center;
        background-size: 20px auto;
        padding: 0 5px 0 28px;
    }
    #suntory_contents #sunbirds_header .extra_nav .link .store a:hover {
        background: url(../img/icon_store_on.png) no-repeat 0 center;
        background-size: 20px auto;
        color: #ffee99;
    }
    #suntory_contents #sunbirds_header .extra_nav .link .goods a {
        color: #fff;
        font-size: 12px;
        font-weight: bold;
        text-decoration: none;
        background: url(../img/icon_store.png) no-repeat 0 center;
        background-size: 20px auto;
        padding: 0 5px 0 28px;
    }
    #suntory_contents #sunbirds_header .extra_nav .link .goods a:hover {
        background: url(../img/icon_store_on.png) no-repeat 0 center;
        background-size: 20px auto;
        color: #ffee99;
    }
    #suntory_contents #overlay {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background: rgba(0,0,0,0);
        z-index: 100;
        display: none;
    }

    /*------------------------------------------------------------
    [PC] btn_page_top
    ------------------------------------------------------------ */
    #suntory_contents .btn_page_top {
    }
    #suntory_contents .btn_page_top a {
        width: 80px;
        height: 80px;
        padding-top: 6px;
        box-sizing: border-box;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #fff url(../img/arrow_top.png) no-repeat center 15px;
        background-size: 20px auto;
        font-size: 16px;
        font-weight: bold;
        font-family: 'Roboto',sans-serif;
        color: #cc0000;
        text-decoration: none;
        filter: drop-shadow(0 0 7px rgba(0, 0, 0, .5));
        position: fixed;
        bottom: 100px;
        right: 100px;
        z-index: 10000;
    }
    #suntory_contents .btn_page_top a::after {
        content: '';
        width: 74px;
        height: 44px;
        background: url(../img/img_page_top.png) no-repeat 0 0;
        background-size: 74px auto;
        position: absolute;
        top: 55px;
        left: calc(50% - 37px);
    }

    /*------------------------------------------------------------
    [PC] sunbirds_footer
    ------------------------------------------------------------ */
    #suntory_contents #sunbirds_footer {
        background: #aa0000;
    }
    #suntory_contents #sunbirds_footer .inner {
        margin: 0 auto;
        padding: 70px 0 75px;
        width: 1100px;
        position: relative;
    }
    #suntory_contents #sunbirds_footer .nav {
        display: flex;
        justify-content: space-between;
    }
    #suntory_contents #sunbirds_footer .nav .nav01 {
        width: 146px;
    }
    #suntory_contents #sunbirds_footer .nav .nav02 {
        width: 146px;
    }
    #suntory_contents #sunbirds_footer .nav .nav03 {
        width: 146px;
    }
    #suntory_contents #sunbirds_footer .nav .nav04 {
        width: 146px;
    }
    #suntory_contents #sunbirds_footer .nav .nav05 {
        width: 146px;
    }
    #suntory_contents #sunbirds_footer .nav .nav06 {
       width: 146px;
    }
    #suntory_contents #sunbirds_footer .nav .nav07 {
        width: 146px;
    }
    #suntory_contents #sunbirds_footer .nav .label {
        margin-bottom: 25px;
    }
    #suntory_contents #sunbirds_footer .nav .label,
    #suntory_contents #sunbirds_footer .nav .label a {
        font-size: 15px;
        font-weight: bold;
        color: #fff;
        text-decoration: none;
        height: 46px;
        display: flex;
        justify-content: center;
        text-align: center;
        border-bottom: 4px #990000 solid;
    }
    #suntory_contents #sunbirds_footer .nav .label a:hover {
        color: #ffee99;
    }


    #suntory_contents #sunbirds_footer .nav ul {
        list-style: none;
        margin: 0 0 0 10px;
    }
    #suntory_contents #sunbirds_footer .nav ul li {
        margin-bottom: 25px;
        font-size:14px;
        white-space: nowrap;
    }
    #suntory_contents #sunbirds_footer .nav ul li:last-child {
        margin-bottom: 0;
    }
    #suntory_contents #sunbirds_footer .nav .nav01 ul li:last-child {
        margin-bottom: 40px;
    }

    #suntory_contents #sunbirds_footer .nav ul li a {
        color: #fff;
        text-decoration: none;
    }
    #suntory_contents #sunbirds_footer .nav ul li a:hover {
        color: #ffee99;
        text-decoration: underline;
    }

    #suntory_contents #sunbirds_footer .nav ul li a.inactive {
        pointer-events: none;
        opacity: .5;
    }

    #suntory_contents #sunbirds_footer .nav ul li a[target="_blank"] span {
        background: url(../img/icon_external_white.svg) no-repeat right center;
        background-size: 10px auto;
        padding-right: 15px;
    }


    #suntory_contents #sunbirds_footer .nav .btn_ticket a {
        color: #fff;
        font-size: 14px;
        text-decoration: none;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 120px;
        height: 40px;
        background: #cc0000 url(../img/icon_external.png) no-repeat 98px 12px;
        background-size: 10px auto;
        padding-right: 10px;
    }
    #suntory_contents #sunbirds_footer .nav .btn_ticket a:hover {
        background: #ee0000 url(../img/icon_external.png) no-repeat 98px 12px;
        background-size: 10px auto;
    }
    #suntory_contents #sunbirds_footer .extra_nav {
        border-top: 1px #cc0000 solid;
        margin-top: 70px;
        padding-top: 99px;
        position: relative;
    }
    #suntory_contents #sunbirds_footer .extra_nav .logo a {
        display: block;
        width: 340px;
        height: 140px;
        position: absolute;
        top: -61px;
        left: 380px;
        background: #aa0000 url(../img/logo_mono.png)  no-repeat center 0;
        background-size: 140px auto;
        text-indent: -9999px;
    }
    #suntory_contents #sunbirds_footer .extra_nav ul {
        list-style: none;
        display: flex;
        justify-content: space-between;
        margin-bottom: 45px;
    }
    #suntory_contents #sunbirds_footer .extra_nav ul li {
        width: 200px;
    }
    #suntory_contents #sunbirds_footer .extra_nav ul li a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 200px;
        height: 70px;
        text-indent: -9999px;
    }
    #suntory_contents #sunbirds_footer .extra_nav ul li.instagram a {
        background: #cc0000 url(../img/icon_instagram.svg) no-repeat center center;
        background-size: 38px auto;
    }
    #suntory_contents #sunbirds_footer .extra_nav ul li.twitter a {
        background: #cc0000 url(../img/icon_x.svg) no-repeat center center;
        background-size: 32px auto;
    }
    #suntory_contents #sunbirds_footer .extra_nav ul li.youtube a {
        background: #cc0000 url(../img/icon_youtube.svg) no-repeat center center;
        background-size: 40px auto;
    }
    #suntory_contents #sunbirds_footer .extra_nav ul li.line a {
        background: #cc0000 url(../img/icon_line.svg) no-repeat center center;
        background-size: 44px auto;
    }
    #suntory_contents #sunbirds_footer .extra_nav ul li.tiktok a {
        background: #cc0000 url(../img/icon_tiktok.svg) no-repeat center center;
        background-size: 42px auto;
    }

    #suntory_contents #sunbirds_footer .extra_nav ul li.instagram a:hover {
        background: #ee0000 url(../img/icon_instagram.svg) no-repeat center center;
        background-size: 38px auto;
    }
    #suntory_contents #sunbirds_footer .extra_nav ul li.twitter a:hover {
        background: #ee0000 url(../img/icon_x.svg) no-repeat center center;
        background-size: 32px auto;
    }
    #suntory_contents #sunbirds_footer .extra_nav ul li.youtube a:hover {
        background: #ee0000 url(../img/icon_youtube.svg) no-repeat center center;
        background-size: 40px auto;
    }
    #suntory_contents #sunbirds_footer .extra_nav ul li.line a:hover {
        background: #ee0000 url(../img/icon_line.svg) no-repeat center center;
        background-size: 44px auto;
    }
    #suntory_contents #sunbirds_footer .extra_nav ul li.tiktok a:hover {
        background: #ee0000 url(../img/icon_tiktok.svg) no-repeat center center;
        background-size: 42px auto;
    }


    #suntory_contents #sunbirds_footer .extra_nav ul li.store a {
        background: #cc0000 url(../img/logo_store.png) no-repeat center center;
        background-size: 165px auto;
    }
    #suntory_contents #sunbirds_footer .extra_nav ul li.goods a {
        background: #cc0000 url(../img/logo_goods.png) no-repeat center center;
        background-size: 103px auto;
    }
    #suntory_contents #sunbirds_footer .extra_nav ul li.store a:hover {
        background: #ee0000 url(../img/logo_store.png) no-repeat center center;
        background-size: 165px auto;
    }
    #suntory_contents #sunbirds_footer .extra_nav ul li.goods a:hover {
        background: #ee0000 url(../img/logo_goods.png) no-repeat center center;
        background-size: 103px auto;
    }

    #suntory_contents #sunbirds_footer .note {
        font-size: 12px;
        text-align: center;
    }
    #suntory_contents #sunbirds_footer .note a {
        color: #fff;
        text-decoration: none;
    }
    #suntory_contents #sunbirds_footer .note a:hover {
        color: #ffee99;
        text-decoration: underline;
    }

    /*------------------------------------------------------------
    [PC] sunbirds_contents
    ------------------------------------------------------------ */
    #suntory_contents #sunbirds_contents {
        margin: 0 auto;
        padding: 20px 0 0;
        width: 100%;
/*        max-width: 1400px;*/
        min-width: 1160px;
        min-height: 500px;
        background: url(../img/bg_sunbirds_contents.webp) no-repeat center 0,url(../img/bg_sunbirds_contents_repeat.webp) repeat-x 0 0,url(../img/bg_gray.png) repeat 0 0;
        background-size: 2000px auto,10px auto,10px auto;
    }
    .no-webp #suntory_contents #sunbirds_contents  {
        background: url(../img/bg_sunbirds_contents.jpg) no-repeat center 0,url(../img/bg_sunbirds_contents_repeat.jpg) repeat-x 0 0,url(../img/bg_gray.png) repeat 0 0;
        background-size: 2000px auto,10px auto,10px auto;
    }
    #contents_ticket #suntory_contents #sunbirds_contents,
    #contents_members #suntory_contents #sunbirds_contents,
    #contents_game #suntory_contents #sunbirds_contents,
    #contents_game_detail #suntory_contents #sunbirds_contents {
        margin: 0 auto;
        padding: 20px 0 100px;
    }
    #contents_members.player #suntory_contents #sunbirds_contents {
        padding: 20px 0 0;
    }

    /*------------------------------------------------------------
    [PC] bread_crumbs
    ------------------------------------------------------------ */
    #suntory_contents .bread_crumbs {
        margin: 0 auto 30px;
        width: 1080px;
        list-style: none;
    }
    #contents_members.player #suntory_contents .bread_crumbs {
        margin: 0 auto 18px;
    }

    #suntory_contents .bread_crumbs li {
        font-size: 13px;
        color: #eeaaaa;
        display: inline;
    }
    #suntory_contents .bread_crumbs li a {
        color: #fff;
        text-decoration: none;
        margin: 0 20px 0 0;
        position: relative;
    }
    #suntory_contents .bread_crumbs li a:hover {
        text-decoration: underline;
    }
    #suntory_contents .bread_crumbs li a::after {
        content: '>';
        font-size: 13px;
        color: #996666;
        position: absolute;
        top: 0;
        right: -1em;
    }

    /*------------------------------------------------------------
    [PC] title_bar
    ------------------------------------------------------------ */
    #suntory_contents .title_bar {
        margin: 0 auto 40px;
        width: 1080px;
        display: flex;
        justify-content: space-between;
    }
    #suntory_contents .title_bar h1 {
        margin: 0 0 25px;
        font-size: 14px;
        font-weight: bold;
        color: #fff;
    }
    #suntory_contents .title_bar p {
        font-size: 44px;
        font-weight: bold;
        font-family: 'Roboto',sans-serif;
        color: #fff;
    }
    #suntory_contents .title_bar p span {
        font-size: 28px;
        margin-left: 35px;
        display: inline-block;
        font-family:'Roboto','Noto Sans JP', "Hiragino Sans", "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif;
    }

    #suntory_contents .title_bar .year_nav_select {
        margin: 10px 0 0;
    }
    #suntory_contents .title_bar .year_nav_select select {
        margin: 0;
        padding: 0 0 0 29px;
        width: 150px;
        height: 50px;
        cursor: pointer;
        border: none;
        outline: none;
        color: #bb0022;
        background: #fff;
        background-image: none;
        box-shadow: none;
        -webkit-appearance: none;
        appearance: none;
        border: none;
        font-size: 18px;
        font-weight: bold;
        background: #fff url(../img/arrow_select.png) no-repeat right 20px center;
        background-size: 12px auto;
        border-radius: 3px;
    }
    #suntory_contents .title_bar .year_nav_select.year_nav_select_wide select {
        width: 260px;
    }
    #suntory_contents .title_bar .year_nav_select select:hover {
        background: #ee0000 url(../img/arrow_select_on.png) no-repeat right 20px center;
        background-size: 12px auto;
        color: #fff;
    }

    #suntory_contents .title_bar .year_nav_select select option {
        background-color: #fff;
        color: #000;
    }
    #suntory_contents .title_bar .year_nav_select select option:checked { color: #bb0022; }

    #suntory_contents .title_bar .year_nav_select select::-ms-expand {
        display: none;
    }
    #suntory_contents .title_bar .year_nav_select select:-moz-focusring {
        color: transparent;
        text-shadow: none;
    }

    /*------------------------------------------------------------
    [PC] contents
    ------------------------------------------------------------ */
    #suntory_contents .contents {
        margin: 0 auto;
        padding: 0 0 100px;
        width: 1160px;
        background: url(../img/bg_contents_repeat.png) no-repeat 0 70px, url(../img/bg_contents.png) repeat-x 0 0;
        background-size: 100% 100%, 10px auto;
        box-sizing: border-box;
    }
    #contents_schedule #suntory_contents .contents,
    #contents_ticket #suntory_contents .contents {
        background: rgba(255,255,255,.4);
    }
    #contents_game #suntory_contents .contents {
        background: rgba(255,255,255,.4);
        padding: 50px 0 40px;
    }
    #contents_members #suntory_contents .contents,
    #contents_game_detail #suntory_contents .contents{
        padding: 50px 0 40px;
    }
    #contents_members.player #suntory_contents .contents {
        padding: 50px 0 0;
    }
    #contents_infocus #suntory_contents .contents {
        padding: 60px 0 40px;
    }
    #contents_talk #suntory_contents .contents {
        padding: 60px 0 70px;
    }
    #contents_talk.article #suntory_contents .contents {
        padding: 0;
    }
    #contents_infocus.article #suntory_contents .contents {
        margin: 0 auto 100px;
        padding: 0;
    }
    #contents_history #suntory_contents .contents {
        padding: 50px 50px 100px;
    }
    #contents_access #suntory_contents .contents {
        padding: 60px 40px 100px;
    }
    #contents_team #suntory_contents .contents {
        padding: 80px 0 100px;
    }
    #contents_ticket #suntory_contents .contents {
        padding: 0;
    }

    /*------------------------------------------------------------
    [PC] extra
    ------------------------------------------------------------ */
    #suntory_contents .extra {
        background: #f8f8f8;
        margin: 100px 0 0;
        padding: 55px 0 60px;
        position: relative;
    }
    #suntory_contents .extra p {
        margin-bottom: 20px;
        font-size: 13px;
        font-weight: bold;
        text-align: center;
    }
    #suntory_contents .extra h2 {
        margin-bottom: 60px;
        font-size: 44px;
        font-weight: bold;
        font-family: 'Roboto',sans-serif;
        text-align: center;
    }

    /*------------------------------------------------------------
    [PC] list
    ------------------------------------------------------------ */
    #suntory_contents #news .list,
    #suntory_contents .extra .list{
        margin: 0 auto;
        width: 1150px;
        list-style: none;
        display: flex;
        justify-content: space-between;
    }
    #suntory_contents #news .list li,
    #suntory_contents .extra .list li{
        width: 265px;
        background: #fff;
    }
    #suntory_contents #news .list li a,
    #suntory_contents .extra .list li a{
        text-decoration: none;
    }
    #suntory_contents #news .list li .data,
    #suntory_contents .extra .list li .data{
        padding: 28px 30px 30px;
    }
    #suntory_contents #news .list li .data .date,
    #suntory_contents .extra .list li .data .date{
        margin-bottom: 15px;
        font-size: 17px;
        color: #777;
        font-weight: normal;
        text-align: left;
    }
    #suntory_contents #news .list li .data .date .num,
    #suntory_contents .extra .list li .data .date .num{
        font-size: 18px;
        font-family: 'Roboto',sans-serif;
    }
    #suntory_contents #news .list li .data .date .day,
    #suntory_contents .extra .list li .data .date .day{
        font-size: 12px;
    }
    #suntory_contents #news .list li .data .category,
    #suntory_contents .extra .list li .data .category{
        margin-bottom: 20px;
        font-size: 17px;
        font-weight: bold;
        color: #000;
        text-align: left;
    }
    #suntory_contents #news .list li .data .text,
    #suntory_contents .extra .list li .data .text{
        font-size: 15px;
        line-height: 1.666666666666667;
        color: #000;
        text-align: left;
        font-weight: normal;
    }

    #suntory_contents #news .list li a picture,
    #suntory_contents .extra .list li a picture,
    #suntory_contents #news .list li a figure,
    #suntory_contents .extra .list li a figure{
        width: 265px;
        height: 180px;
        display: flex;
        align-items: center;
        overflow: hidden;
        background: #000;
    }
    #suntory_contents #news .list li a figure.default,
    #suntory_contents .extra .list li a figure.default{
        background: #e4e4e4;
    }
    #suntory_contents #news .list li a picture img,
    #suntory_contents .extra .list li a picture img,
    #suntory_contents #news .list li a figure img,
    #suntory_contents .extra .list li a figure img{
        vertical-align: bottom;
        transition: all .5s ease;
        width: 100%;
        height: auto;
    }
    #suntory_contents #news .list li a:hover picture img,
    #suntory_contents .extra .list li a:hover picture img,
    #suntory_contents #news .list li a:hover figure img,
    #suntory_contents .extra .list li a:hover figure img{
        opacity: .75;
        transform: scale(1.05);
    }
    #suntory_contents #news .list li a:hover .text,
    #suntory_contents .extra .list li a:hover .text{
        text-decoration: underline;
    }

    #suntory_contents .extra .list li a figure {
        width: 100% !important;
        height: auto !important;
        align-items: flex-start !important;
        aspect-ratio: 16 / 9 !important;
    }


}