@charset "utf-8";

/*==================================================
sp
================================================== */
@media screen and (max-width:767px){
    
    /* ========================================================================
    givinback_header[sp]
    ========================================================================= */
    #suntory_contents #givinback_header {
        background: #f0e5d1;
        margin: 0 0 8vw;
        padding: 4vw;
    }
    #suntory_contents #givinback_header .inner {
        margin: 0;
    }
    #suntory_contents #givinback_header .nav_wrap {
        margin: 0;
        display: flex;
        flex-direction: column;
    }
    #suntory_contents #givinback_header .nav_enjoy_music {
        margin-bottom: 2.6666666666667vw;
        padding: 4vw 0 0;
        display: flex;
        flex-direction: column;
        background: #fff;
        border-radius: 0.5333333333333vw;
        box-shadow: 0 0 0.5333333333333vw rgba(204,170,102,.4);
    }
    #suntory_contents #givinback_header .nav_enjoy_music dt {
        margin-bottom: 2.6666666666667vw;
        font-size: 4.5333333333333vw;
        font-weight: bold;
        color: #00aa44;
        text-align: center;
        background: url(https://www.suntory.com/culture-sports/suntoryhall/givingback/assets2019/img/icon_enjoy_music.png) no-repeat 4.2666666666667vw 0;
        background-size: 9.2vw auto;
        padding-left: 24.2666666666667vw;
        height: 9.0666666666667vw;
        display: flex;
        align-items: center;
    }
    #suntory_contents #givinback_header .nav_enjoy_music dd {
        padding: 0;
    }
    #suntory_contents #givinback_header .nav_enjoy_music ul {
        display: flex;
        justify-content: space-between;
    }
    #suntory_contents #givinback_header .nav_enjoy_music li {
        list-style: none;
        width: 30.6666666666667vw;
    }
    #suntory_contents #givinback_header .nav_enjoy_music li a {
        text-decoration: none;
        color: #222;
        font-size: 4vw;
        line-height: 1.1;
        font-weight: bold;
        height: 37.3333333333333vw;
        height: 34.6666666666667vw;
        display: block;
        background: #fff;
        padding: 1.3333333333333vw 3.3333333333333vw 0;
    }
    #suntory_contents #givinback_header .nav_enjoy_music li.cr a {
        background: #ddffdd;
    }
    #suntory_contents #givinback_header .nav_enjoy_music li a figure {
        width: 24vw;
    }
    #suntory_contents #givinback_header .nav_enjoy_music li a p {
        width: 24vw;
    }
    #suntory_contents #givinback_header .nav_enjoy_music li a figure img {
        margin-bottom: 4vw;
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    #suntory_contents #givinback_header .nav_fund {
    }
    #suntory_contents #givinback_header .nav_fund a {
        display: block;
        background: #fff;
        padding: 2.6666666666667vw 3.3333333333333vw;
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-decoration: none;
        border-radius: 0.5333333333333vw;
        box-shadow: 0 0 0.5333333333333vw rgba(204,170,102,.4);
    }
    #suntory_contents #givinback_header .nav_fund.cr a {
        background: #ddffdd;
    }
    #suntory_contents #givinback_header .nav_fund a figure {
        width: 24vw;
    }
    #suntory_contents #givinback_header .nav_fund a figure img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    #suntory_contents #givinback_header .nav_fund a p {
        width: 57.333333333333333vw;
        color: #222;
        font-size: 4vw;
        font-weight: bold;
    }
    
    
}


/*==================================================
pc
================================================== */
@media print, screen and (min-width:768px){

    
    /* ========================================================================
    givinback_header[pc]
    ========================================================================= */
    #suntory_contents #givinback_header {
        background: #f0e5d1;
        margin: 0 0 50px;
        padding: 30px 0;
    }
    #suntory_contents #givinback_header .inner {
        margin: 0 auto;
        width: 100%;
        max-width: 1160px;
        min-width: 960px;
    }
    #suntory_contents #givinback_header .nav_wrap {
        margin: 0 3.448275862068966%;
        display: flex;
        justify-content: space-between;
    }
    #suntory_contents #givinback_header .nav_enjoy_music {
        width: 73.148148148148148%;
        display: flex;
        align-items: center;
        background: #fff;
        border-radius: 4px;
        box-shadow: 0 0 4px rgba(204,170,102,.4);
    }
    #suntory_contents #givinback_header .nav_enjoy_music dt {
        width: 13.924050632911392%;
        font-size: 13px;
        font-weight: bold;
        color: #00aa44;
        text-align: center;
        background: url(https://www.suntory.com/culture-sports/suntoryhall/givingback/assets2019/img/icon_enjoy_music.png) no-repeat center 0;
        background-size: auto 52px;
        padding-top: 57px;
    }
    #suntory_contents #givinback_header .nav_enjoy_music dd {
        width: 86.075949367088608%;
    }
    #suntory_contents #givinback_header .nav_enjoy_music ul {
        display: flex;
        align-items: center;
    }
    #suntory_contents #givinback_header .nav_enjoy_music li {
        list-style: none;
    }
    #suntory_contents #givinback_header .nav_enjoy_music li:nth-child(1) {
        width: 30.882352941176471%;
    }
    #suntory_contents #givinback_header .nav_enjoy_music li:nth-child(2) {
        width: 36.764705882352941%;
    }
    #suntory_contents #givinback_header .nav_enjoy_music li:nth-child(3) {
        width: 32.352941176470588%;
    }
    #suntory_contents #givinback_header .nav_enjoy_music li a {
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-decoration: none;
        color: #222;
        font-size: 15px;
        font-weight: bold;
        height: 110px;
        background: #fff;
    }
    #suntory_contents #givinback_header .nav_enjoy_music li.cr a {
        background: #ddffdd;
    }
    #suntory_contents #givinback_header .nav_enjoy_music li a:hover {
        background: #ddffdd;
    }
    #suntory_contents #givinback_header .nav_enjoy_music li:nth-child(1) a figure {
        margin-left: 7.142857142857143%;
        width: 50%;
    }
    #suntory_contents #givinback_header .nav_enjoy_music li:nth-child(1) a p {
        width: 35.714285714285714%;
    }
    #suntory_contents #givinback_header .nav_enjoy_music li:nth-child(2) a figure {
        margin-left: 6%;
        width: 42%;
    }
    #suntory_contents #givinback_header .nav_enjoy_music li:nth-child(2) a p {
        width: 46%;
    }
    #suntory_contents #givinback_header .nav_enjoy_music li:nth-child(3) a figure {
        margin-left: 6.818181818181818%;
        width: 47.727272727272727%;
    }
    #suntory_contents #givinback_header .nav_enjoy_music li:nth-child(3) a p {
        width: 38.636363636363636%;
    }
    #suntory_contents #givinback_header .nav_enjoy_music li a figure img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    #suntory_contents #givinback_header .nav_fund {
        width: 25.462962962962963%;
    }
    #suntory_contents #givinback_header .nav_fund a {
        display: block;
        background: #fff;
        padding: 0 5.454545454545455%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-decoration: none;
        border-radius: 4px;
        box-shadow: 0 0 4px rgba(204,170,102,.4);
        height: 110px;
    }
    #suntory_contents #givinback_header .nav_fund a:hover {
        background: #ddffdd;
    }
    #suntory_contents #givinback_header .nav_fund.cr a {
        background: #ddffdd;
    }
    #suntory_contents #givinback_header .nav_fund a figure {
        width: 42.857142857142857%;
    }
    #suntory_contents #givinback_header .nav_fund a figure img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    #suntory_contents #givinback_header .nav_fund a p {
        width: 51.020408163265306%;
        color: #222;
        font-size: 15.5px;
        line-height: 1.1;
        font-weight: bold;
        margin: 0;
        padding: 0;
    }
    
   
}