@charset "utf-8";

/*==================================================
sp
================================================== */
@media screen and (max-width:767px){
    
    /* ========================================================================
    lead[sp]
    ========================================================================= */
    #suntory_contents #lead {
        margin: 4vw 4vw 4vw;
        display: flex;
        flex-direction: column;
    }
    #suntory_contents #lead .text {
        margin: 8vw 0 0;
        order: 2;
        
    }
    #suntory_contents #lead .text p {
        font-size: 4vw;
        font-size: 4.1333333333333vw;/*font変更対応*/
        line-height: 1.5625;
    }
    #suntory_contents #lead .movie iframe {
        order: 1;
        width: 92vw;
        height: 52vw;
        margin: 0 0 4vw;
    }
    #suntory_contents #lead .movie h2 {
        font-size: 3.7333333333333vw;
        font-weight: normal;
        margin-bottom: 4vw;
        text-align: right;
    }
    #suntory_contents #lead .movie p {
        text-align: right;
        font-weight: normal;
    }
    #suntory_contents #lead .movie p a {
        color: #881133;
        text-decoration: none;
        background: url(https://www.suntory.com/culture-sports/suntoryhall/map/assets2019/img/icon_external.svg) no-repeat right center;
        background-size: 2.666666666666667vw auto;
        padding-right: 4vw;
    }

   
    /* ========================================================================
    enjoy_music_menu[sp]
    ========================================================================= */
    #suntory_contents #enjoy_music_menu {
        background: #f0e5d1;
        margin: 0 4vw 8vw;
        padding: 8vw 5.3333333333333vw 5.3333333333333vw;
    }
    #suntory_contents #enjoy_music_menu h2 {
        margin-bottom: 5.3333333333333vw;
        font-size: 7.7333333333333vw;
        font-family: 'Sabon Next W04', serif;
	    font-weight: bold;
    }
    #suntory_contents #enjoy_music_menu .lead {
        
    }
    #suntory_contents #enjoy_music_menu .lead figure {
        float: right;
        margin: 0 0 5.3333333333333vw 5.3333333333333vw;
        width: 20vw;
    }
    #suntory_contents #enjoy_music_menu .lead figure img {
        width: 100%;
        height: auto;
    }
    #suntory_contents #enjoy_music_menu .message {
        margin-bottom: 8vw;
        font-size: 3.7333333333333vw;
        font-size: 3.8666666666667vw;/*font変更対応*/
        line-height: 1.357142857142857;
        font-weight: normal;
    }
    #suntory_contents #enjoy_music_menu ul {

    }
    #suntory_contents #enjoy_music_menu ul li {
        margin: 0 0 5.3333333333333vw;
        width: auto;
        box-shadow: 0 0 0.5333333333333vw rgba(204,170,102,.4);
        list-style: none;
    }
    #suntory_contents #enjoy_music_menu ul li:last-child {
        margin: 0;
    }
    #suntory_contents #enjoy_music_menu ul li a {
        text-decoration: none;
        display: block;
        background: #fff;
        border-radius: 0.5333333333333vw;
        width: 100%;
        padding: 5.3333333333333vw 0;
        box-sizing: border-box;
        position: relative;
    }
    #suntory_contents #enjoy_music_menu ul li:nth-child(3) {
    }
    #suntory_contents #enjoy_music_menu ul li figure {
        width: 26.6666666666667vw;
        height: 16vw;
        position: absolute;
        top: 5.3333333333333vw;
        right: 5.3333333333333vw;
    }
    #suntory_contents #enjoy_music_menu ul li figure img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    #suntory_contents #enjoy_music_menu .contents_title {
        /*margin-bottom: 5.3333333333333vw;*/
        height: 16vw;
        background: url(https://www.suntory.com/culture-sports/suntoryhall/givingback/assets2019/img/arrow_menu_sp.png) no-repeat 0 0;
        background-size: auto 16vw;
        padding-left: 9.3333333333333vw;
    }
    #suntory_contents #enjoy_music_menu .contents_title h3 {
        font-size: 4.8vw;
        font-weight: bold;
        color: #222;
        height: 16vw;
        display: flex;
        align-items: center;
    }
    #suntory_contents #enjoy_music_menu .contents_menu p {
        font-size: 3.7333333333333vw;
        line-height: 1.3;
        font-weight: bold;
        color: #00aa44;
        padding: 0 5.3333333333333vw 0 9.3333333333333vw;
    }
    

    /* ========================================================================
    fund[sp]
    ========================================================================= */
     #suntory_contents #fund {
        margin: 0 4vw 13.3333333333333vw;
        padding: 8vw 5.3333333333333vw 5.3333333333333vw;
        background: #f0e5d1;
        
    }    
    #suntory_contents #fund h2 {
        margin-bottom: 1.3333333333333vw;
        font-size: 7.7333333333333vw;
        line-height: 1.03448275862069;
        font-family: 'Sabon Next W04', serif;
	    font-weight: bold;
    }
    #suntory_contents #fund h3{
        margin-bottom: 6vw;
        font-size: 5.3333333333333vw;
        letter-spacing: -.025em;
        font-family: 'Sabon Next W04', serif;
	    font-weight: bold;
    }
    #suntory_contents #fund .fund_contents {
    }
    #suntory_contents #fund .text {
    }
    
    #suntory_contents #fund .text p {
        margin-bottom: 35px;
        font-size: 3.7333333333333vw;
        font-size: 3.8666666666667vw;/*font変更対応*/
        line-height: 1.5625;
    }
    #suntory_contents #fund figure {
        width: 33.3333333333333vw;
        float: right;
        margin: 0 0 4vw 4vw;
    }
    #suntory_contents #fund figure img {
        width: 33.3333333333333vw;
        height: auto;
    }
    #suntory_contents #fund .btn_fund_contents a {
        background: #fff;
        height: 28vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-decoration: none;
        background:#fff url(https://www.suntory.com/culture-sports/suntoryhall/givingback/assets2019/img/arrow_contents_btn.png) no-repeat 0 5.3333333333333vw;
        background-size: auto 10.6666666666667vw;
        padding-left: 9.3333333333333vw;
        box-shadow: 0 0 0.5333333333333vw rgba(204,170,102,.4);
    }
    #suntory_contents #fund .btn_fund_contents  h3 {
        margin: 0 0 4vw;
        font-size: 4.8vw;
        line-height: 1;
        font-family: 'Syntax Next W04';
        font-weight: bold;
        color: #222222;
    }
    #suntory_contents #fund .btn_fund_contents p {
        margin: 0;
        font-size: 3.7333333333333vw;
        line-height: 1;
        font-weight: normal;
        color: #00aa44;
    }

}


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

    
    /* ========================================================================
    lead[pc]
    ========================================================================= */
    #suntory_contents #lead {
        margin: 50px auto 40px;
        width: 100%;
        max-width: 1160px;
        min-width: 960px;
        display: flex;
    }
    #suntory_contents #lead .text {
        margin: 0 60px 0 40px;
    }
    #suntory_contents #lead .text p {
        font-size: 16px;
        font-size: 17px;/*font変更対応*/
        line-height: 1.5625;
    }
    #suntory_contents #lead .movie {
        margin-right: 40px;
    }
    #suntory_contents #lead .movie iframe {
        margin-bottom: 10px;
    }
    #suntory_contents #lead .movie h2 {
        font-size: 15px;
        font-weight: normal;
        margin-bottom: 10px;
        text-align: right;
    }
    #suntory_contents #lead .movie p {
        text-align: right;
        font-weight: normal;
    }
    #suntory_contents #lead .movie p a {
        color: #881133;
        background: url(https://www.suntory.com/culture-sports/suntoryhall/map/assets2019/img/icon_external.svg) no-repeat right center;
        background-size: 10px auto;
        padding-right: 18px;
        text-decoration: none;
    }
    #suntory_contents #lead .movie p a:hover {
        text-decoration: underline;
    } 
    
    /* ========================================================================
    enjoy_music_menu[pc]
    ========================================================================= */
    #suntory_contents #enjoy_music_menu {
        background: #f0e5d1;
        width: 100%;
        max-width: 1164px;
        min-width: 960px;
        margin: 0 auto 40px;
        padding: 40px 0;
    }
    #suntory_contents #enjoy_music_menu h2 {
        font-size: 31px;
        font-family: 'Sabon Next W04', serif;
	    font-weight: bold;
        margin: 0 3.448275862069% 20px;
    }
    #suntory_contents #enjoy_music_menu .lead {
        margin: 0 3.448275862069% 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    #suntory_contents #enjoy_music_menu .lead figure {
        margin: 0 3.240740740740741% 0 2.777777777777778%;
        width: 9.814814814814815%;
    }
    #suntory_contents #enjoy_music_menu .lead figure img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    #suntory_contents #enjoy_music_menu .message {
        width: 84.259259259259259%;
        font-size: 16px;
        font-size: 17px;/*font変更対応*/
        line-height: 1.6;
        font-weight: normal;
    }
    #suntory_contents #enjoy_music_menu ul {
        margin: 0 3.448275862069% 20px; 
        display: flex;
        list-style: none;
        justify-content: center;
    }
    #suntory_contents #enjoy_music_menu ul li {
        width: 31.4814814814815%;
        margin: 0 2.7777777777778% 0 0;
        box-shadow: 0 0 4px rgba(204,170,102,.4);
    }
    #suntory_contents #enjoy_music_menu ul li a {
        text-decoration: none;
        display: block;
        background: #fff;
        border-radius: 4px;
        width: 100%;
        padding: 20px 30px;
        box-sizing: border-box;
    }
    #suntory_contents #enjoy_music_menu ul li a:hover {
        background: #f1ffe4;
    }
    #suntory_contents #enjoy_music_menu ul li:nth-child(3) {
        margin-right: 0;
    }
    #suntory_contents #enjoy_music_menu ul li figure {
        margin-bottom: 15px;
        width: 100%;
    }
    #suntory_contents #enjoy_music_menu ul li figure img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    #suntory_contents #enjoy_music_menu .contents_title {
        margin: 0;
        height: 60px;
        background: url(https://www.suntory.com/culture-sports/suntoryhall/givingback/assets2019/img/arrow_menu.png) no-repeat 0 0;
        background-size: 22px auto;
        padding-left: 40px;
    }
    #suntory_contents #enjoy_music_menu .contents_title h3 {
        font-size: 20px;
        font-weight: bold;
        line-height: 36px;
        white-space: nowrap;
        color: #222;
    }
    #suntory_contents #enjoy_music_menu .contents_menu p {
        font-size: 15px;
        font-weight: bold;
        line-height: 1.3;
        color: #00aa44;
    }

    /* ========================================================================
    fund[pc]
    ========================================================================= */
     #suntory_contents #fund {
        background: #f0e5d1;
        width: 100%;
        max-width: 1164px;
        min-width: 960px;
        margin: 0 auto 160px;
        padding: 40px 3.448275862069%;
    }
    #suntory_contents #fund h2 {
        font-size: 31px;
        font-family: 'Sabon Next W04', serif;
	    font-weight: bold;
    }
    #suntory_contents #fund h3{
        margin-bottom: 30px;
        font-size: 26px;
        font-family: 'Sabon Next W04', serif;
	    font-weight: bold;
    }
    #suntory_contents #fund .fund_contents {
        display: flex;
        justify-content: space-between;
    }
    #suntory_contents #fund .text {
        width: 65.740740740740741%;
        position: relative;
    }
    
    #suntory_contents #fund .text p {
        margin-bottom: 35px;
        font-size: 16px;
        font-size: 17px;/*font変更対応*/
        line-height: 1.5625;
    }
    #suntory_contents #fund figure {
        width: 43.661971830985915%;
        position: absolute;
        bottom: 0;
        right: -52.112676056338028%;
    }
    #suntory_contents #fund figure img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    #suntory_contents #fund .btn_fund_contents a {
        background: #fff;
        height: 90px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-decoration: none;
        background:#fff url(https://www.suntory.com/culture-sports/suntoryhall/givingback/assets2019/img/arrow_contents_btn.png) no-repeat 30px center;
        background-size: auto 50px;
        padding-left: 70px;
        box-shadow: 0 0 4px rgba(204,170,102,.4);
    }
    #suntory_contents #fund .btn_fund_contents a:hover {
        background:#f1ffe4 url(https://www.suntory.com/culture-sports/suntoryhall/givingback/assets2019/img/arrow_contents_btn.png) no-repeat 30px center;
        background-size: auto 50px;
    }
    #suntory_contents #fund .btn_fund_contents h3 {
        margin: 0 0 10px;
        font-size: 20px;
        line-height: 1;
        color: #222222;
        font-family: 'Syntax Next W04';
        font-weight: bold;
    }
    #suntory_contents #fund .btn_fund_contents p {
        margin: 0;
        font-size: 15px;
        line-height: 1;
        font-weight: normal;
        color: #00aa44;
    }


}



/* ========================================================================
enjoy_music_menu[pc]
========================================================================= */
@media print, screen and (min-width:768px) and (max-width:1150px){
        #suntory_contents #enjoy_music_menu .contents_title h3 {
        font-size: 18px;
        }
        #suntory_contents #enjoy_music_menu .contents_menu p {
        font-size: 15px;
        }
}
@media print, screen and (min-width:768px) and (max-width:1100px){
        #suntory_contents #enjoy_music_menu .contents_title h3 {
        font-size: 17px;
        }
        #suntory_contents #enjoy_music_menu .contents_menu p {
        font-size: 13px;
        }
}
@media print, screen and (min-width:768px) and (max-width:1000px){
        #suntory_contents #enjoy_music_menu .contents_title h3 {
        font-size: 15px;
        }
        #suntory_contents #enjoy_music_menu .contents_menu p {
        font-size: 12px;
        }
}