@charset "utf-8";

/*==================================================
sp
================================================== */
@media screen and (max-width:767px){

    
    /* ========================================================================
    emp_header[sp]
    ========================================================================= */
    #suntory_contents .emp_header {
        margin-bottom: 8vw;
    }    
    #suntory_contents .emp_header .inner {
        margin: 0 4vw;
    }
    #suntory_contents .emp_header .head_img {
        display: flex;
        list-style: none;
        justify-content: space-between;
    }
    #suntory_contents .emp_header .head_img li {
        width: 44.6666666666667vw;
    }
    #suntory_contents .emp_header .head_img li img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    #suntory_contents .emp_header .contents_title {
        margin-bottom: 8vw;
    }
    #suntory_contents .emp_header .contents_title h1 {
        margin-bottom: 2.6666666666667vw;
        font-size: 7.2vw;
        font-family: 'Sabon Next W04', serif;
	    font-weight: bold;
        white-space: nowrap;
        letter-spacing: -.025em;
    }
    #suntory_contents .emp_header .contents_title p {
        font-size:5.3333333333333vw;
        line-height: 14.6666666666667vw;
        font-weight: bold;
        color: #00aa44;
        position: relative;
        padding-left: 17.333333333333333vw;
    }
    #suntory_contents .emp_header .contents_title p::before {
        content: '';
        width: 15.066666666666667vw;
        height: 14.6666666666667vw;
        background: url(https://www.suntory.com/culture-sports/suntoryhall/givingback/assets2019/img/icon_enjoy_music.png) no-repeat 0 0;
        background-size: 100% auto;
        position: absolute;
        top: 0;
        left: 0;
    }
    
    /* ========================================================================
    article_list[sp]
    ========================================================================= */
    #suntory_contents .article_list {
        margin: 0 auto 13.3333333333333vw;
        list-style: none;
    }
    #suntory_contents .article_list li {
        margin: 0 auto 8vw;
    }
    #suntory_contents .article_header {
        background: #e5f6ec;
        margin-bottom: 6.6666666666667vw;
    }
    #suntory_contents .article_header.nolink {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        text-decoration: none;
        color: #222222;
        padding: 2vw 4vw 2vw 0;
        position: relative;
        min-height: 18.6666666666667vw;
    }
    #suntory_contents .article_header.nolink.tall {
/*        height: 25.3333333333333vw;*/
    }
    #suntory_contents .article_header.nolink::before {
        content: '';
        width: 2.6666666666667vw;
        height: 16vw;
        background: #72d098;
        border-radius: 0.2666666666667vw;
        position: absolute;
        top: calc(50% - 8vw);
        left: 0;
    }
    #suntory_contents .type2 .article_header.nolink::before {
        content: '';
        width: 0;
        height: 0;
        background: none;
        border-radius: 0;
        position: absolute;
        top: 0;
        left: 0;
    }
    #suntory_contents .article_header.link a {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
        text-decoration: none;
        color: #222222;
        background: url(https://www.suntory.com/culture-sports/suntoryhall/givingback/assets2019/img/arrow_article_header_sp.png) no-repeat 0 center;
        background-size: 6.6666666666667vw 10.6666666666667vw;
        padding: 2vw 4vw 2vw 10.6666666666667vw;
        position: relative;
        min-height: 14.6666666666667vw;
    }
    #suntory_contents .article_title {
        padding-left: 0;
        padding-right: 0;
    }
    #suntory_contents .nolink .article_title {
        padding-left: 6.6666666666667vw;
        padding-right: 2vw;
    }
    #suntory_contents .type2 .nolink .article_title {
        padding-left: 4vw;
    }
    
    #suntory_contents .article_title.reverse {
        display: flex;
        flex-direction: column;
    }
    #suntory_contents .article_title.reverse h3 {
        order: 2;
    }
    #suntory_contents .article_title.reverse h2 {
        order: 1;
    }
    #suntory_contents .article_header h2 {
        margin-bottom: 2vw;
        width: 85.3333333333333vw;
        font-size: 4.2666666666667vw;
        line-height: 1.2;
        font-weight: bold;
    }
    #suntory_contents .article_header .non_category h2 {
        margin-bottom: 0;
    }
    #suntory_contents .article_header h3 {
        font-size: 3.4666666666667vw;
        font-weight: normal;
    }
    #suntory_contents .article_header .category_wrap {
        display: flex;
    }
    
    #suntory_contents .article_header .category {
        width: auto;
        height: auto;
        margin: 0;
        padding: 2vw 2.6666666666667vw;
        letter-spacing: -0.05em;
        background: #00aa44;
        color: #fff;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        text-align: left;
        font-size: 3.4666666666667vw;
        font-size: 3.2vw;
        line-height: 1;
        font-weight: bold;
        border-radius: 4vw;
    }
    #suntory_contents .article_header.nolink .category {
        margin: 0 0 0 6.6666666666667vw;
    }
    #suntory_contents .article_header.nolink .category_wrap {
        margin: 0 0 0 6.6666666666667vw;
    }
    #suntory_contents .article_header.nolink .category_wrap .category {
        margin: 0 1.3333333333333vw 0 0;
    }
    #suntory_contents .article_header .category_wrap .category {
        margin-right: 1.3333333333333vw;
    }
    #suntory_contents .article_body {
        display: flex;
        flex-direction: column;
        margin: 0 4vw;
    }
    #suntory_contents .article_body .text_block {
        order: 2;
    }
    #suntory_contents .article_body .text_block .text {
        font-size: 4vw;
        font-size: 4.1333333333333vw;/*font変更対応*/
        font-weight: normal;
        line-height: 1.5;
    }
    #suntory_contents .article_body .text_block .text + .btn_link,
    #suntory_contents .article_body .text_block .text + .btn_container {
        margin-top: 5.3333333333333vw;
    }
    #suntory_contents .article_body .text_block .block_btn_with_pdf {
      display: block;
      margin-top: 5.3333333333333vw;
    }
    #suntory_contents .article_body .text_block .block_btn_with_pdf .btn_link2 {
      margin-top: 15px;
    }
    #suntory_contents .article_body .btn_link a {
        margin: 0 5.3333333333333vw;
        display: inline-flex;
        align-items: center;
        width: auto;
        height: 13.3333333333333vw;
        font-size: 4.2666666666667vw;
        font-weight: normal;
        text-decoration: none;
        color: #881133;
        border: 1px #dfdfdf solid;
        position: relative;
        padding: 0 4vw 0 9.3333333333333vw;
        box-shadow: 0 0 0.8vw rgba(0,0,0,.15);
        box-sizing: border-box;
    }
    #suntory_contents .article_body .btn_link.tall a {
        height: 16vw;
    }
    #suntory_contents .article_body .btn_link a::before {
        content: '';
        width: 5.3333333333333vw;
        height: 5.3333333333333vw;
        background: url(https://www.suntory.com/culture-sports/suntoryhall/givingback/assets2019/img/arrow_category_label_sp.png) no-repeat 0 center;
        background-size: 5.3333333333333vw auto;
        position: absolute;
        top: calc(50% - 2.6666666666667vw);
        left: 0;
    }
    #suntory_contents .article_body .btn_link.type2 a {
        margin: 0 4vw;
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        height: 14.6666666666667vw;
        font-size: 5.3333333333333vw;
        font-weight: bold;
        text-decoration: none;
        color: #fff;
        background: #881133 url(https://www.suntory.com/culture-sports/suntoryhall/givingback/assets2019/img/arrow_link_sp.png) no-repeat right 3.3333333333333vw center;
        background-size: 6.6666666666667vw auto;
        border: none;
        position: relative;
        padding: 0 13.3333333333333vw 0 9.3333333333333vw;
        box-shadow: none;
        box-sizing: border-box;
    }
    #suntory_contents .article_body .btn_link.type2 a::before {
        content: '';
        width: 0;
        height: 0;
        background: none;
        position: absolute;
        top: 0;
        left: 0;
    }
    
    #suntory_contents .article_body .btn_container {
        display: flex;
        flex-direction: column;
    }
    #suntory_contents .article_body .btn_container .btn_link a {
        margin-bottom: 4vw;
        width: 84vw;
    }
    #suntory_contents .article_body .btn_container + .btn_container {
        margin-top: 6.6666666666667vw;
    }
    #suntory_contents .article_body .btn_container .note {
        font-size: 3.2vw;
        color: #881133;
        margin: 0 4vw;
    }
    #suntory_contents .article_body figure {
        order: 1;
        margin: 0 auto 5.3333333333333vw;
        width: 44.6666666666667vw;
    }
    #suntory_contents .article_body figure img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    
    
    #suntory_contents .article_body .img_container {
        display: flex;
        justify-content:center;
        flex-wrap: wrap;
        width: 92vw;
        margin: 0 auto;
        padding: 0;
    }
    #suntory_contents .article_body .img_container li {
        width: 44vw;
        list-style: none;
        margin: 0 0 4vw;
        padding: 0;
    }
    #suntory_contents .article_body .img_container li:first-child {
        margin-right: 4vw;
    }
    #suntory_contents .article_body .img_container li figure {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    #suntory_contents .article_body .img_container li figure img {
        width: 100%;
    }
    
    /* ========================================================================
    conents_wrap[sp]
    ========================================================================= */
    #suntory_contents .conents_wrap {
        margin: 0 4vw;
    }
    
    /* ========================================================================
    contents_block[sp]
    ========================================================================= */
    #suntory_contents .contents_block {
        margin: 0 auto 4vw;
        padding-bottom: 4vw;
        box-sizing: border-box;
        background: #f0faf4;
        border: 1px #cceeda solid;
    }
    #suntory_contents .contents_block_title {
        margin-bottom: 4vw;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: #d9f2e3;
        height: 14.6666666666667vw;
    }
    #suntory_contents .contents_block h2 {
        line-height: 1;
        font-size: 5.3333333333333vw;
        font-weight: bold;
        color: #222222;
        padding-left: 5.3333333333333vw;
    }
    #suntory_contents .contents_block .lead {
        margin: 0 5.3333333333333vw 0;
        font-size: 4vw;
        font-size: 4.1333333333333vw;/*font変更対応*/
        font-weight: normal;
        line-height: 1.5625;
    }

    /* ========================================================================
    topics[sp]
    ========================================================================= */
    #suntory_contents .topics {
        margin: 5.3333333333333vw 5.3333333333333vw 0;
        padding: 5.3333333333333vw 5.3333333333333vw 0;
        background: #fff;
        box-shadow: 0 0 0.8vw rgba(0,170,68,.4);
    }
    #suntory_contents .topics .title_bar {
        margin-bottom: 5.3333333333333vw;
        position: relative;
    }
    #suntory_contents .topics .topics_title {
    }
    #suntory_contents .topics .topics_title h3 {
        margin-bottom: 5.3333333333333vw;
        font-size: 4vw;
        line-height: 1;
        font-weight: bold;
        letter-spacing: -0.05em;
    }
    #suntory_contents .topics .topics_title .text {
        margin-right: 21.3333333333333vw;
        font-size: 3.4666666666667vw;
    }
    #suntory_contents .topics .btn_list {
        position: absolute;
        top: 9.3333333333333vw;
        right: 0;
    }
    #suntory_contents .topics .btn_list a {
        display: block;
        width: 17.3333333333333vw;
        height: 8vw;
        display: flex;
        align-items: center;
        background: #881133;
        text-decoration: none;
        color: #fff;
        font-size: 3.2vw;
        padding-left: 3.4666666666667vw;
        box-sizing: border-box;
        position: relative;
    }
    #suntory_contents .topics .btn_list a::after {
        content: '';
        width: 1.3333333333333vw;
        height: 1.3333333333333vw;
        margin: auto;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        top: calc(50% - 0.6666666666667vw);
        right: 3.3333333333333vw;
    }

    #suntory_contents .topics .topics_list {
        list-style: none;
    }
    #suntory_contents .topics .topics_list li {
        border-top: 1px #dedede solid;
        box-sizing: border-box;
    }
    #suntory_contents .topics .topics_list li a {
        display: block;
        padding: 5.3333333333333vw 0;
        display: flex;
        justify-content: space-between;
        text-decoration: none;
        color: #222;
    }
    #suntory_contents .topics .topics_list li a figure {
        width: 26.6666666666667vw;
    }
    #suntory_contents .topics .topics_list li a figure img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    #suntory_contents .topics .topics_list .text_block {
        width: 40vw;
    }
    #suntory_contents .topics .topics_list .article_label {
        margin-bottom: 2.6666666666667vw;
    }
    #suntory_contents .topics .topics_list .article_label .date {
        margin-bottom: 2.6666666666667vw;
        font-size: 3.4666666666667vw;
    }
    #suntory_contents .topics .topics_list li .category_label {
        display: flex;
        width: auto;
    }
    #suntory_contents .topics .topics_list li .category_label li {
        border: none;
        width: 11.3333333333333vw;
        height: 5.3333333333333vw;
        margin: 0 1.3333333333333vw 0 0;
        padding: 0;
        font-size: 2.4vw;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 2.6666666666667vw;
    }
    #suntory_contents .topics .topics_list li .category_label li.category_label_opera {
        background: #ffddee;
    }
    #suntory_contents .topics .topics_list li .category_label li.category_label_chamber {
        background: #ddffbb;
    }
    #suntory_contents .topics .topics_list li h4 {
        font-size: 3.4666666666667vw;
        font-weight: normal;
        color: #881133;
    }

    /* ========================================================================
    contents_index_wrap[sp]
    ========================================================================= */
    #suntory_contents .contents_index_wrap {
        margin-bottom: 8vw;
    }
    
    /* ========================================================================
    contents_index[sp]
    ========================================================================= */
    #suntory_contents .contents_index {
        margin-bottom: 4vw;
        border: 1px #f8c9dd solid;
        background: #fff8fc;
        padding: 5.3333333333333vw 5.3333333333333vw;
        width: auto;
        box-sizing: border-box;
    }
    #suntory_contents .contents_index.chamber {
        margin-bottom: 0;
        border: 1px #c3e5a1 solid;
        background: #f8fff1;
        padding: 5.3333333333333vw 5.3333333333333vw;
    }
    #suntory_contents .contents_index h3 {
        font-size: 6.4vw;
        line-height: 1;
        font-family: 'Sabon Next W04', serif;
	    font-weight: bold;
        margin-bottom: 6.6666666666667vw;
        white-space: nowrap;
        letter-spacing: -0.6px;
    }
    #suntory_contents .contents_index h3 a {
        text-decoration: none;
        color: #000;
        position: relative;
        padding-left: 10.6666666666667vw;
        display: flex;
        align-items: center;
        height: 10.6666666666667vw;
    }
    #suntory_contents .contents_index h3 a::before {
        content: '';
        width: 6.6666666666667vw;
        height: 10.6666666666667vw;
        background: #881133 url(https://www.suntory.com/culture-sports/suntoryhall/givingback/assets2019/img/arrow_article_header_sp.png) no-repeat 0 center;
        background-size: 6.6666666666667vw auto;
        position: absolute;
        top: 0;
        left: 0;
    }
    #suntory_contents .contents_index .lead {
        margin-bottom: 8vw;
        font-size: 3.7333333333333vw;
        font-size: 3.8666666666667vw;/*font変更対応*/
        font-size: 4vw;
        line-height: 1.357142857142857;
        font-weight: normal;
    }

    #suntory_contents .contents_index .contents_index_data {
        margin-bottom: 8vw;
    }
    #suntory_contents .contents_index .contents_index_data:last-child {
        margin-bottom: 0;
    }
    #suntory_contents .contents_index .contents_index_data h4 {
        margin-bottom: 5.3333333333333vw;
        height: 13.3333333333333vw;
        display: flex;
        align-items: center;
        color: #222;
        background: #ffddee;
        font-size: 5.3333333333333vw;
        font-weight: bold;
        padding: 0 4vw;
    }
    #suntory_contents .contents_index.chamber .contents_index_data h4 {
        background: #ddffbb;
    }
    #suntory_contents .contents_index .contents_index_data .text {
        margin: 0;
        font-size: 3.7333333333333vw;
        font-size: 3.8666666666667vw;/*font変更対応*/
        font-size: 4vw;
        line-height: 1.357142857142857;
    }
    #suntory_contents .contents_index.chamber .contents_index_data .link {
        text-align: right;
        margin: 5.3333333333333vw 4vw 0;
    }
    #suntory_contents .contents_index.chamber .contents_index_data .link a {
        font-size: 3.4666666666667vw;
        font-weight: bold;
        color: #00aa44;
        text-decoration: none;
        position: relative;
        padding-right: 4vw;
        display: inline-block;
    }
    #suntory_contents .contents_index.chamber .contents_index_data .link a::after {
        content: '';
        vertical-align:middle;
        position:absolute;
        top: calc(50% - 0.8vw);
        right: 0;
        width:1.6vw;
        height:1.6vw;
        margin:auto;
        border-top:0.2666666666667vw solid #00aa44;
        border-right:0.2666666666667vw solid #00aa44;
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg);
    }
    
    /* ========================================================================
    contens_index_menu[sp]
    ========================================================================= */
    #suntory_contents .contents_index .contens_index_menu {
        list-style: none;
        margin: 6.6666666666667vw 4vw 8vw;
    }
    #suntory_contents .contents_index .contens_index_menu li {
        margin-bottom: 1.3333333333333vw;
    }
    #suntory_contents .contents_index .contens_index_menu li a {
        display: flex;
        align-items: center;
        height: 13.3333333333333vw;
        text-decoration: none;
        background: #ee77aa url(https://www.suntory.com/culture-sports/suntoryhall/givingback/assets2019/img/arrow_link_opera_sp.png) no-repeat right 5.3333333333333vw center;
        background-size: 5.3333333333333vw auto;
        font-size: 5.3333333333333vw;
        font-weight: bold;
        color: #fff;
        padding: 0 5.3333333333333vw;
        white-space: nowrap;
    }
    #suntory_contents .contents_index.chamber .contens_index_menu li a {
        display: flex;
        align-items: center;
        height: 13.3333333333333vw;
        text-decoration: none;
        background: #88cc44 url(https://www.suntory.com/culture-sports/suntoryhall/givingback/assets2019/img/arrow_link_chamber_sp.png) no-repeat right 5.3333333333333vw center;
        background-size: 5.3333333333333vw auto;
        font-size: 5.3333333333333vw;
        font-weight: bold;
        color: #fff;
        padding: 0 5.3333333333333vw;
    }

    
    /* ========================================================================
    link_btn[sp]
    ========================================================================= */
    #suntory_contents .link_btn {
        margin: 0 4vw;
    }
    #suntory_contents .link_btn + .link_btn {
        margin: 2.6666666666667vw 4vw 0;
    }
    #suntory_contents .link_btn + .no_link_btn {
        margin: 2.6666666666667vw 4vw 0;
    }
    #suntory_contents .text + .link_btn {
        margin: 6.6666666666667vw 4vw 0;
    }
    #suntory_contents .text + .link_btn.wide {
        margin: 6.6666666666667vw 4vw 0;
    }
    #suntory_contents .link_btn.wide {
        margin: 0 4vw;
    }
    #suntory_contents .link_btn a {
        border: 1px #ffddee solid;
        background:#fff;
        height: 13.3333333333333vw;
        display: flex;
        align-items: center;
        text-decoration: none;
        color: #881133;
        font-size: 4.2666666666667vw;
        font-weight: normal;
        padding: 0 0 0 8vw;
        position: relative;
        box-shadow: 0px 0px 0.4vw 0.4vw rgba(255, 215, 235, 0.4);
    }
    #suntory_contents .no_link_btn {
        border: 1px #ffddee solid;
        background:#fff;
        height: 13.3333333333333vw;
        display: flex;
        align-items: center;
        text-decoration: none;
        color: #881133;
        font-size: 4.2666666666667vw;
        font-weight: normal;
        padding: 0 0 0 3.3333333333333vw;
        position: relative;
        box-shadow: 0px 0px 0.4vw 0.4vw rgba(255, 215, 235, 0.4);
    }
    #suntory_contents .link_btn.tall a,
    #suntory_contents .link_btn.sp_tall a{
        height: 16vw;
    }
    #suntory_contents .contents_index.chamber .link_btn a {
        border: 1px #cbebac solid;
        box-shadow: 0px 0px 0.4vw 0.4vw rgba(202, 235, 130, 0.4);
    }
    #suntory_contents .contents_index .link_btn.external a span.link_text {
        display: inline-block;
    }
    #suntory_contents .contents_index .link_btn.external a span.icon {
        margin-left: 5.3333333333333vw;
        width: 2.9333333333333vw;
        height: 2.9333333333333vw;
        background: url(https://www.suntory.com/culture-sports/suntoryhall/givingback/assets2019/img/icon_external.png) no-repeat right 0;
        background-size: 2.9333333333333vw auto;
        display: inline-block;
    }
    #suntory_contents .link_btn a::after {
        content: '';
        width: 5.3333333333333vw;
        height: 5.3333333333333vw;
        background:url(https://www.suntory.com/culture-sports/suntoryhall/givingback/assets2019/img/arrow_btn_right.png) no-repeat 0 center;
        background-size: 5.3333333333333vw auto;
        position: absolute;
        top: calc(50% - 2.6666666666667vw);
        left: 0;
    }


}


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

    /* ========================================================================
    emp_header[pc]
    ========================================================================= */
    #suntory_contents .emp_header {
        width: 100%;
        min-width: 960px;
        max-width: 1164px;
        margin: -10px auto 40px;
        padding: 0;
    }    
    #suntory_contents .emp_header .inner {
        margin: 0 auto;
        width: 93.1034482758621%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
    }
    #suntory_contents .emp_header .head_img {
        width: 57.4074074074074%;
        display: flex;
        list-style: none;
        justify-content: space-between;
    }
    #suntory_contents .emp_header .head_img li {
        width: 48.3870967741935%;
    }
    #suntory_contents .emp_header .head_img li img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    #suntory_contents .emp_header .contents_title p {
        font-size:22px;
        line-height: 100px;
        font-weight: bold;
        color: #00aa44;
        background: url(https://www.suntory.com/culture-sports/suntoryhall/givingback/assets2019/img/icon_enjoy_music.png) no-repeat 0 0;
        background-size: 100px auto;
        padding-left: 110px;
    }
    #suntory_contents .emp_header .contents_title {
        width: 42.592592592592593%;
    }
    
    #suntory_contents .emp_header .contents_title h1 {
        margin-bottom: 20px;
        font-size: 40px;
        font-family: 'Sabon Next W04', serif;
	    font-weight: bold;
        white-space: nowrap;
    }
    @media print, screen and (max-width:1100px){
        #suntory_contents .emp_header .contents_title h1 {
        font-size: 36px;
        }
        #suntory_contents .emp_header .contents_title p {
            font-size:19px;
            background: url(https://www.suntory.com/culture-sports/suntoryhall/givingback/assets2019/img/icon_enjoy_music.png) no-repeat 0 0;
            background-size: 90px auto;
            padding-left: 99px;
            line-height: 90px;
        }
    }

    @media print, screen and (max-width:1000px){
        #suntory_contents .emp_header .contents_title h1 {
        font-size: 30px;
        }
        #suntory_contents .emp_header .contents_title p {
            font-size:16px;
            background: url(https://www.suntory.com/culture-sports/suntoryhall/givingback/assets2019/img/icon_enjoy_music.png) no-repeat 0 0;
            background-size: 72px auto;
            padding-left: 79px;
            line-height: 72px;
        }
    }
    
    
    /* ========================================================================
    article_list[pc]
    ========================================================================= */
    #suntory_contents .article_list {
        width: 100%;
        min-width: 960px;
        max-width: 1164px;
        margin: 0 auto 120px;
        list-style: none;
    }
    #suntory_contents .article_list li {
        margin: 0 auto 40px;
        width: 93.1034482758621%;
    }
    #suntory_contents .article_header {
        background: #e5f6ec;
        margin-bottom: 30px;
    }
    #suntory_contents .article_header.nolink {
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-decoration: none;
        color: #222222;
        padding: 0 40px;
        height: 70px;
        position: relative;
    }
    #suntory_contents .type2 .article_header.nolink {
        padding: 0 30px;
    }
    #suntory_contents .article_header.nolink::before {
        content: '';
        width: 10px;
        height: 30px;
        background: #72d098;
        border-radius: 2px;
        position: absolute;
        top: calc(50% - 15px);
        left: 0;
    }
    #suntory_contents .type2 .article_header.nolink::before {
        content: '';
        width: 0;
        height: 0;
        background: none;
        border-radius: 0;
        position: absolute;
        top: 0;
        left: 0;
    }
    #suntory_contents .article_header.link a {
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-decoration: none;
        color: #222222;
        background: url(https://www.suntory.com/culture-sports/suntoryhall/givingback/assets2019/img/arrow_article_header.png) no-repeat 0 center;
        background-size: 20px auto;
        padding: 0 40px;
        height: 70px;
    }
    #suntory_contents .article_header.link.tall a {
        height: 94px;
    }
    #suntory_contents .article_header .article_title {
        text-align: left;
        margin: 0 auto 0 0;
    }
    #suntory_contents .article_header h2 {
        font-size: 18px;
        font-weight: bold;
        text-align: left;
    }
    #suntory_contents .article_header h3 {
        font-size: 14px;
        font-weight: normal;
        text-align: left;
    }
    #suntory_contents .article_header .category_wrap {
        display: flex;
    }
    #suntory_contents .article_header .category {
        width: auto;
        height: 36px;
        background: #00aa44;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        font-size: 15px;
        font-weight: bold;
        border-radius: 18px;
        padding: 0 25px;
    }
    #suntory_contents .article_header .category + .category {
        margin-left: 1.3333333333333vw;
    }
    #suntory_contents .article_body {
        display: flex;
        justify-content: space-between;
        margin: 0 3.7037037037037%;
    }
    #suntory_contents .type2 .article_body {
        margin: 0 2.7777777777778%;
    }
    #suntory_contents .article_body .text_block {
        width: 74%;
    }
    #suntory_contents .type2 .article_body .text_block {
        width: 75.4901960784314%;
    }
    #suntory_contents .type2 .article_body.wide_img .text_block {
        width: 52.9411764705882%;
    }

    #suntory_contents .article_body.multi_img .text_block {
        width: 30.392156862745098%;
    }
    #suntory_contents .article_body .text_block .text {
        font-size: 15px;
        font-size: 16px;/*font変更対応*/
        line-height: 1.75;
    }
    #suntory_contents .article_body .text_block .text + .btn_link,
    #suntory_contents .article_body .text_block .text + .btn_container {
        margin-top: 20px;
    }
    #suntory_contents .article_body .text_block .block_btn_with_pdf {
      display: flex;
      margin-top: 20px;
    }
    #suntory_contents .article_body .text_block .block_btn_with_pdf .btn_link2 {
      margin-left: 15px;
    }
    #suntory_contents .article_body .btn_link a {
        margin: 0 0 0;
        display: inline-flex;
        align-items: center;
        height: 50px;
        font-size: 16px;
        font-weight: normal;
        text-decoration: none;
        color: #881133;
        border: 1px #dfdfdf solid;
        position: relative;
        padding: 0 40px;
        box-shadow: 0 0 6px rgba(0,0,0,.15);
    }
    #suntory_contents .article_body .btn_link a:hover {
        background: #881133;
        color: #fff;
    }
    #suntory_contents .article_body .btn_link a::before {
        content: '';
        width: 20px;
        height: 20px;
        background: url(https://www.suntory.com/culture-sports/suntoryhall/givingback/assets2019/img/arrow_btn_right.png) no-repeat 0 center;
        background-size: 20px auto;
        position: absolute;
        top: calc(50% - 10px);
        left: 0;
    }
    #suntory_contents .article_body .btn_link a:hover::before {
        background: url(https://www.suntory.com/culture-sports/suntoryhall/givingback/assets2019/img/arrow_btn_right_on.png) no-repeat 0 center;
        background-size: 20px auto;
    }
    
    #suntory_contents .article_body .btn_link.type2 a {
        margin: 0 0 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: 50px;
        font-size: 14px;
        text-decoration: none;
        color: #fff;
        background: #881133 url(https://www.suntory.com/culture-sports/suntoryhall/givingback/assets2019/img/arrow_link.png) no-repeat right 15px center;
        background-size: 22px auto;
        border: none;
        position: relative;
        padding: 0 60px 0 25px;
        box-shadow: none;
    }#suntory_contents .article_body .btn_link.type2 a:hover {
        background: #aa1144 url(https://www.suntory.com/culture-sports/suntoryhall/givingback/assets2019/img/arrow_link_on.png) no-repeat right 15px center;
        background-size: 22px auto;
    }
    #suntory_contents .article_body .btn_link.type2 a::before {
        content: '';
        width: 0;
        height: 0;
        background: none;
        position: absolute;
        top: 0;
        left: 0;
    }
    #suntory_contents .article_body .btn_container {
        display: flex;
        align-items: center;
    }
    #suntory_contents .article_body .btn_container + .btn_container {
        margin-top: 10px;
    }
    #suntory_contents .article_body .btn_container .note {
        font-size: 12px;
        color: #881133;
        margin-left: 20px;
    }
    #suntory_contents .article_body figure {
        width: 22%;
    }
    #suntory_contents .type2 .article_body figure{
        width: 21.5686274509804%;
    }
    #suntory_contents .type2 .article_body.wide_img figure{
        width: 44.1176470588235%;
    }
    #suntory_contents .article_body figure img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    #suntory_contents .article_body .img_container {
        display: flex;
        justify-content: space-between;
        width: 66.666666666666667%;
        margin: 0;
        padding: 0;
    }
    #suntory_contents .article_body .img_container li {
        width: 32.352941176470588%;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    #suntory_contents .article_body .img_container li figure {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    #suntory_contents .article_body .img_container li figure img {
        width: 100%;
    }
    
    /* ========================================================================
    conents_wrap[pc]
    ========================================================================= */
    #suntory_contents .conents_wrap {
        width: 100%;
        max-width: 1164px;
        min-width: 960px;
        margin: 0 auto 40px;
    }
    
    /* ========================================================================
    contents_block[pc]
    ========================================================================= */
    #suntory_contents .contents_block {
        margin: 0 auto 40px;
        width: 93.1034482758621%;
        box-sizing: border-box;
        background: #f0faf4;
        border: 1px #cceeda solid;
    }
    #suntory_contents .contents_block_title {
        margin-bottom: 30px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: #d9f2e3;
        height: 60px;
    }
    #suntory_contents .contents_block h2 {
        line-height: 1;
        font-size: 20px;
        font-weight: bold;
        color: #222222;
        padding-left: 30px;
    }
    #suntory_contents .contents_block .lead {
        margin: 0 30px 30px;
        font-size: 16px;
        font-size: 17px;/*font変更対応*/
        font-weight: normal;
        line-height: 1.733333333333333;
    }

    /* ========================================================================
    topics[pc]
    ========================================================================= */
    #suntory_contents .topics {
        margin: 0 50px 0;
        padding: 0 0 40px;
        background: #fff;
        box-shadow: 0 0 6px rgba(0,170,68,.4);
    }
    #suntory_contents .topics .title_bar {
        margin-bottom: 30px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        padding: 25px 40px 0;
    }
    #suntory_contents .topics .topics_title {
        display: flex;
        align-items: center;
    }
    #suntory_contents .topics .topics_title h3 {
        margin-right:30px;
        font-size: 16px;
        font-weight: bold;
        white-space: nowrap;
    }
    #suntory_contents .topics .topics_title .text {
        font-size: 14px;
    }
    #suntory_contents .topics .btn_list a {
        display: block;
        width: 80px;
        height: 30px;
        display: flex;
        align-items: center;
        background: #881133;
        text-decoration: none;
        color: #fff;
        font-size: 12.5px;
        padding-left: 20px;
        box-sizing: border-box;
        position: relative;
    }
    #suntory_contents .topics .btn_list a::after {
        content: '';
        width: 5px;
        height: 5px;
        margin: auto;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        top: calc(50% - 2.5px);
        right: 10px;
    }
    #suntory_contents .topics .btn_list a:hover {
        background: #aa1144;
    }

    #suntory_contents .topics .topics_list {
        margin: 0 40px;
        padding: 0;
        display: flex;
        justify-content: space-between;
        list-style: none;
    }
    #suntory_contents .topics .topics_list li {
        border: 1px #dedede solid;
        width: 47.7777777777778%;
        box-sizing: border-box;
    }
    #suntory_contents .topics .topics_list li a {
        display: block;
        padding: 20px;
        display: flex;
        text-decoration: none;
        color: #222;
    }
    #suntory_contents .topics .topics_list li a figure {
        width: 100%;
        max-width: 140px;
    }
    #suntory_contents .topics .topics_list li a figure img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    #suntory_contents .topics .topics_list .text_block {
        padding-left: 20px;
    }
    #suntory_contents .topics .topics_list .article_label {
        margin-bottom: 15px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    #suntory_contents .topics .topics_list .article_label .date {
        font-size: 13px;
    }
    #suntory_contents .topics .topics_list li .category_label {
        display: flex;
        justify-content: flex-end;
        width: auto;
    }
    #suntory_contents .topics .topics_list li .category_label li {
        border: none;
        width: 55px;
        height: 26px;
        margin: 0 0 0 5px;
        padding: 0;
        font-size: 12px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 13px;
    }
    #suntory_contents .topics .topics_list li .category_label li.category_label_opera {
        background: #ffddee;
    }
    #suntory_contents .topics .topics_list li .category_label li.category_label_chamber {
        background: #ddffbb;
    }
    #suntory_contents .topics .topics_list li h4 {
        font-size: 13px;
        font-weight: normal;
        color: #881133;
    }
    #suntory_contents .topics .topics_list li a:hover h4 {
        text-decoration: underline;
    }

    /* ========================================================================
    contents_index_wrap[pc]
    ========================================================================= */
    #suntory_contents .contents_index_wrap {
        width: 100%;
        max-width: 1164px;
        min-width: 960px;
        margin: 0 auto 40px;
    }
    #suntory_contents .contents_index_wrap .inner {
        margin: 0 40px;
        display: flex;
        justify-content: space-between;
    }
    
    /* ========================================================================
    contents_index[pc]
    ========================================================================= */
    #suntory_contents .contents_index {
        border: 1px #f8c9dd solid;
        background: #fff8fc;
        padding: 30px;
        width: 48.1481481481481%;
        box-sizing: border-box;
    }
    #suntory_contents .contents_index.chamber {
        border: 1px #c3e5a1 solid;
        background: #f8fff1;
        padding: 30px;
    }
    #suntory_contents .contents_index h3 {
        font-size: 31px;
        line-height: 1.17;
        font-weight: bold;
        font-family: 'Sabon Next W04', serif;
	    font-weight: bold;
        margin-bottom: 30px;
    }
    #suntory_contents .contents_index h3 a {
        text-decoration: none;
        color: #000;
        position: relative;
        padding-left: 40px;
        display: block;
        height: 40px;
    }
    #suntory_contents .contents_index h3 a::before {
        content: '';
        width: 20px;
        height: 40px;
        background: #881133 url(https://www.suntory.com/culture-sports/suntoryhall/givingback/assets2019/img/arrow_article_header.png) no-repeat 0 center;
        background-size: 20px auto;
        position: absolute;
        top: 0;
        left: 0;
    }
    #suntory_contents .contents_index .lead {
        margin-bottom: 30px;
        font-size: 16px;
        font-size: 17px;/*font変更対応*/
        font-size: 18px;
        font-weight: normal;
        line-height: 1.5625;
    }

    #suntory_contents .contents_index .contents_index_data {
        margin-bottom: 30px;
    }
    #suntory_contents .contents_index .contents_index_data:last-child {
        margin-bottom: 0;
    }

    #suntory_contents .contents_index .contents_index_data h4 {
        margin-bottom: 30px;
        height: 50px;
        display: flex;
        align-items: center;
        color: #222;
        background: #ffddee;
        font-size: 20px;
        font-weight: bold;
        padding: 0 20px;
    }
    #suntory_contents .contents_index.chamber .contents_index_data h4 {
        background: #ddffbb;
    }
    #suntory_contents .contents_index .contents_index_data .text {
        margin: 0;
        font-size: 16px;
        font-size: 17px;/*font変更対応*/
        font-size: 18px;
        line-height: 1.5625;
    }
    #suntory_contents .contents_index.chamber .contents_index_data .link {
        text-align: right;
        margin: 30px 20px 0;
    }
    #suntory_contents .contents_index.chamber .contents_index_data .link a {
        font-size: 14px;
        font-weight: bold;
        color: #00aa44;
        text-decoration: none;
        position: relative;
        padding-right: 22px;
    }
    #suntory_contents .contents_index.chamber .contents_index_data .link a::after {
        content: '';
        vertical-align:middle;
        position:absolute;
        top:calc(50% - 3.5px);
        right: 0;
        width:7px;
        height:7px;
        margin:auto;
        border-top:2px solid #00aa44;
        border-right:2px solid #00aa44;
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg);
    }
    #suntory_contents .contents_index.chamber .contents_index_data .link a:hover {
        text-decoration: underline;
    }


    /* ========================================================================
    contens_index_menu[pc]
    ========================================================================= */
    #suntory_contents .contents_index .contens_index_menu {
        list-style: none;
        margin: 30px 40px 20px;
    }
    #suntory_contents .contents_index .contens_index_menu li {
        margin-bottom: 5px;
    }
    #suntory_contents .contents_index .contens_index_menu li:last-child {
        margin-bottom: 0;
    }
    #suntory_contents .contents_index .contens_index_menu li.report {
        padding-top: 15px;
    }
    #suntory_contents .contents_index .contens_index_menu li a {
        display: flex;
        align-items: center;
        height: 50px;
        text-decoration: none;
        background: #ee77aa url(https://www.suntory.com/culture-sports/suntoryhall/givingback/assets2019/img/arrow_link_opera.png) no-repeat right 30px center;
        background-size: 20px auto;
        font-size: 20px;
        font-weight: bold;
        color: #fff;
        padding: 0 25px;
        white-space: nowrap;
    }
    #suntory_contents .contents_index .contens_index_menu li a:hover {
        background: #e34b82 url(https://www.suntory.com/culture-sports/suntoryhall/givingback/assets2019/img/arrow_link_opera_on.png) no-repeat right 30px center;
        background-size: 20px auto;
    }
    #suntory_contents .contents_index.chamber .contens_index_menu li a {
        display: flex;
        align-items: center;
        height: 50px;
        text-decoration: none;
        background: #88cc44 url(https://www.suntory.com/culture-sports/suntoryhall/givingback/assets2019/img/arrow_link_chamber.png) no-repeat right 30px center;
        background-size: 20px auto;
        font-size: 20px;
        font-weight: bold;
        color: #fff;
        padding: 0 25px;
    }
    #suntory_contents .contents_index.chamber .contens_index_menu li a:hover {
        background: #5fb223 url(https://www.suntory.com/culture-sports/suntoryhall/givingback/assets2019/img/arrow_link_chamber_on.png) no-repeat right 30px center;
        background-size: 20px auto;
    }

    
    /* ========================================================================
    link_btn[pc]
    ========================================================================= */
    #suntory_contents .link_btn {
        margin: 0 40px 10px;
    }
    #suntory_contents .text + .link_btn {
        margin: 30px 40px 10px;
    }
    #suntory_contents .text + .link_btn.wide {
        margin: 30px 0 10px;
    }
    #suntory_contents .link_btn.wide {
        margin: 0 0 10px;
    }
    #suntory_contents .link_btn a {
        border: 1px #ffddee solid;
        background:#fff;
        height: 50px;
        display: inline-flex;
        align-items: center;
        text-decoration: none;
        color: #881133;
        font-size: 16px;
        font-weight: normal;
        padding: 0 35px;
        position: relative;
        box-shadow: 0px 0px 3px 3px rgba(255, 215, 235, 0.4);
    }
    #suntory_contents .no_link_btn {
        margin: 0 40px 10px;
        padding: 0 20px;
        border: 1px #ffddee solid;
        background:#fff;
        height: 50px;
        display: inline-flex;
        align-items: center;
        text-decoration: none;
        color: #881133;
        font-size: 16px;
        font-weight: normal;
        position: relative;
        box-shadow: 0px 0px 3px 3px rgba(255, 215, 235, 0.4);
    }
    #suntory_contents .link_btn.tall a {
        height: 70px;
    }
    #suntory_contents .contents_index.chamber .link_btn a {
        border: 1px #cbebac solid;
        box-shadow: 0px 0px 3px 3px rgba(202, 235, 130, 0.4);
    }
    #suntory_contents .contents_index .link_btn.external a span.link_text {
        display: inline-block;
    }
    #suntory_contents .contents_index .link_btn.external a span.icon {
        margin-left: 10px;
        width: 10px;
        height: 11px;
        background: url(https://www.suntory.com/culture-sports/suntoryhall/givingback/assets2019/img/icon_external.png) no-repeat right 0;
        background-size: 10px auto;
        display: inline-block;
    }
    #suntory_contents .contents_index .link_btn.external a:hover span.icon {
        background: url(https://www.suntory.com/culture-sports/suntoryhall/givingback/assets2019/img/icon_external_on.png) no-repeat right 0;
        background-size: 10px auto;
    }
    #suntory_contents .link_btn a:hover {
        background: #881133;
        color: #fff;
    }
    #suntory_contents .link_btn a::after {
        content: '';
        width: 20px;
        height: 20px;
        background:url(https://www.suntory.com/culture-sports/suntoryhall/givingback/assets2019/img/arrow_btn_right.png) no-repeat 0 center;
        background-size: 20px auto;
        position: absolute;
        top: calc(50% - 10px);
        left: 0;
    }
    #suntory_contents .link_btn a:hover::after {
        content: '';
        width: 20px;
        height: 20px;
        background:url(https://www.suntory.com/culture-sports/suntoryhall/givingback/assets2019/img/arrow_btn_right_on.png) no-repeat 0 center;
        background-size: 20px auto;
        position: absolute;
        top: calc(50% - 10px);
        left: 0;
    }
    
    
    
    
}