@charset "utf-8";

/*==================================================
sp
================================================== */
@media screen and (max-width:767px){
    
    /* ========================================================================
    contents_menu[sp]
    ========================================================================= */
    #suntory_contents .contents_menu {
        background: #f0e5d1;
        padding: 4vw;
    }
    #suntory_contents .contents_menu ul {
        margin: 0 auto;
        padding: 0;
        box-sizing: border-box;
        list-style: none;
    }    
    #suntory_contents .contents_menu li {
        margin: 0 0 2.6666666666667vw;
        width:auto;
    }
    #suntory_contents .contents_menu li a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: #fff url(../img/arrow_menu_sp.png) no-repeat right 2.6666666666667vw center;
        background-size: 5.3333333333333vw auto;
        padding: 0 8vw 0 4vw;
        text-decoration: none;
        border-radius: 0.5333333333333vw;
        box-shadow: 0 0 0.8vw rgba(204,170,102,.5);
        height: 24vw;
    }
    #suntory_contents .contents_menu li.cr a {
        background: #f1ffe4 url(../img/arrow_menu_sp.png) no-repeat right 2.6666666666667vw center;
        background-size: 5.3333333333333vw auto;
    }
    #suntory_contents .contents_menu li figure {
        width: 25.3333333333333vw;
    }
    #suntory_contents .contents_menu li figure img {
        width: 100%;
        height: auto;
    }
    #suntory_contents .contents_menu li .text {
        width: 56vw;
        text-align: center;
    }
    #suntory_contents .contents_menu li h2 {
        font-size: 4.5333333333333vw;
        line-height: 1.4;
        font-weight: bold;
        color: #222;
    }
    #suntory_contents .contents_menu li p {
        font-size: 3.2vw;
        font-weight: bold;
        color: #66aa00;
    }
    #suntory_contents .contents_menu .text_r_links{
        margin-bottom:3px;
        text-align:right;
    }
    #suntory_contents .contents_menu .text_r_links a{
        color: #881133;
        font-size: 75%;
    }
    /* ========================================================================
    contents_header[sp]
    ========================================================================= */
    #suntory_contents .contents_header {
        margin: 0 auto;
        padding: 6.6666666666667vw 4vw 8vw;
    }    
    #suntory_contents .contents_header .head_img {
        display: flex;
        list-style: none;
        justify-content: space-between;
    }
    #suntory_contents .contents_header .head_img.img_single {
        justify-content: center;
    }
    #suntory_contents .contents_header .head_img li {
        width: 44.6666666666667vw;
    }
    #suntory_contents .contents_header .head_img li img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    
    #suntory_contents .contents_header .contents_title {
        background: url(../img/icon_enjoy_music.png) no-repeat right 0;
        background-size: auto 16vw;
        padding: 1.3333333333333vw 0 8vw 0;
    }
    
    #suntory_contents .contents_header .contents_title h1 {
        margin-bottom: 4vw;
        font-size: 5.3333333333333vw;
        font-weight: bold;
    }
    #suntory_contents .contents_header .contents_title p {
        font-size:3.7333333333333vw;
        font-weight: bold;
        color: #66aa00;
    }
    
    /* ========================================================================
    article_list[sp]
    ========================================================================= */
    #suntory_contents .article_list {
        margin: 0 auto 6.6666666666667vw;
        list-style: none;
    }
    #suntory_contents .article_list li {
        margin: 0 auto 8vw;
    }
    #suntory_contents .article_header {
        background: #e5f6ec;
        margin-bottom: 4vw;
    }
    #suntory_contents .article_header.nolink {
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-decoration: none;
        color: #222222;
        padding: 0 4vw 0 0;
        height: 21.3333333333333vw;
        position: relative;
    }
    #suntory_contents .article_header.nolink.tall {
        height: 25.3333333333333vw;
    }
    #suntory_contents .article_header.no_height_limit{
        height: auto;
        padding:2vw 0;
    }
    #suntory_contents .article_header.nolink::before {
        content: '';
        width: 2.6666666666667vw;
        height: 16vw;
        background: #72d098;
        border-radius: 0.2666666666667vw;
        position: absolute;
        top: 4.6666666666667vw;
        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(../img/arrow_article_header_sp.png) no-repeat 0 center;
        background-size: 6.6666666666667vw auto;
        padding: 0 4vw 0 0;
        height: 21.3333333333333vw;
        position: relative;
    }
    #suntory_contents .article_header.link.tall a {
        height: 29.3333333333333vw;
    }
    #suntory_contents .article_header.no_height_limit a{
        height: auto;
    }
    #suntory_contents .article_title {
        padding-left: 10.6666666666667vw;
    }
    #suntory_contents .nolink .article_title {
        padding-left: 6.6666666666667vw;
    }
    #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_title .addition_text {
        font-size: 14px;
    }
    #suntory_contents .article_header h2 {
        font-size: 4.2666666666667vw;
        line-height: 1.4;
        font-weight: bold;
    }
    #suntory_contents .article_header h3 {
        font-size: 3.4666666666667vw;
        font-weight: normal;
    }
    #suntory_contents .article_header .category {
        width: 26.6666666666667vw;
        height: 8vw;
        letter-spacing: -0.05em;
        background: #00aa44;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 3.4666666666667vw;
        font-weight: bold;
        border-radius: 4vw;
        position: absolute;
        /* top: 5.3333333333333vw; */
        right: 4vw;
    }
    #suntory_contents .article_header .category.wide {
        width: 29.3333333333333vw;
    }
    #suntory_contents .article_header .category.wide.wide2 {
        width: 34.6666666666667vw;
    }
    #suntory_contents .article_header .category.wide3 {
        width: 41vw;
    }
    #suntory_contents .article_header .category.wide.sp_short {
        width: 24vw;
    }
    #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: 3.7333333333333vw;
        line-height: 1.75;
    }
    #suntory_contents .article_body .text_block .btn_column_title {
        font-size: 4.5333333333333vw;
        font-weight: bold;
        margin: 6vw 0 4vw 0;
    }
    #suntory_contents .article_body .text_block .text + .btn_link,
    #suntory_contents .article_body .text_block .text + .btn_container,
    #suntory_contents .article_body .text_block .text + .btn_column_container {
        margin-top: 5.3333333333333vw;
    }
    
    #suntory_contents .article_body .btn_link a {
        margin: 0 3vw;
        display: flex;
        align-items: center;
        width: auto;
        min-height: 13.3333333333333vw;
        font-size: 3.4666666666667vw;
        line-height: 1.307692307692308;
        font-weight: bold;
        text-decoration: none;
        color: #881133;
        border: 1px #dfdfdf solid;
        position: relative;
        padding: 0 3vw 0 8.3333333333333vw;
        box-shadow: 0 0 0.8vw rgba(0,0,0,.15);
        box-sizing: border-box;
    }
    #suntory_contents .article_body .btn_link a .multiLine{
        padding: 2vw 0;
    }
    #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(../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 a.icon_blank::after{
        content: '';
        width: 4vw;
        height: 4vw;
        background: url(../img/icon_external_sp.png) no-repeat 0 center;
        background-size: 4vw auto;
        position: absolute;
        top: calc(50% - 2vw);
        right: 10px;
    }
    #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: 4.2666666666667vw;
        font-weight: bold;
        text-decoration: none;
        color: #fff;
        background: #881133 url(../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 .btn_column_container .btn_link {
        margin-bottom: 3vw;
    }
    #suntory_contents .article_body .btn_column_container .btn_link .font_small{
        font-size: 2.93vw;
    }    
    #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;
    }

    /* ========================================================================
    conents_wrap[sp]
    ========================================================================= */
    #suntory_contents .conents_wrap {
        margin: 0 4vw;
    }
    
    /* ========================================================================
    contents_block[sp]
    ========================================================================= */
    #suntory_contents .contents_block {
        margin: 0 auto 4vw;
        padding-bottom: 5.3333333333333vw;
        background: #f0faf4;
        border: 1px #cceeda solid;
        box-sizing: border-box;
    }
    #suntory_contents .contents_block_title {
        margin-bottom: 5.3333333333333vw;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: #d9f2e3;
        height: 14.6666666666667vw;
    }
    #suntory_contents .contents_block h2 {
        line-height: 1;
        font-size: 4.5333333333333vw;
        font-weight: bold;
        color: #222222;
        padding-left: 5.3333333333333vw;
    }
    #suntory_contents .contents_block .lead {
        margin: 0 5.3333333333333vw 0;
        font-size: 3.7333333333333vw;
        line-height: 1.733333333333333;
    }
    #suntory_contents .contents_block .lead .lead_indent {
        text-indent: -3em;
        padding-left: 3em;
        display: inline-block;
    }
    #suntory_contents .contents_block .lead .lead_indent.sp {
        text-indent: 0;
        padding-left: 0;
    }

    #suntory_contents .contents_block .sp_none {
        display: none;
    }

    /* ========================================================================
    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: 8vw 5.3333333333333vw;
        width: auto;
        box-sizing: border-box;
    }
    #suntory_contents .contents_index.chamber {
        margin-bottom: 0;
        border: 1px #c3e5a1 solid;
        background: #f8fff1;
        padding: 8vw 5.3333333333333vw;
    }
    #suntory_contents .contents_index h3 {
        font-size: 4.5333333333333vw;
        font-weight: bold;
        margin-bottom: 8vw;
    }
    #suntory_contents .contents_index .lead {
        margin-bottom: 8vw;
        font-size: 3.7333333333333vw;
        line-height: 1.733333333333333;
    }
    #suntory_contents .contents_index .contens_index_menu {
        list-style: none;
        margin: 0 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(../img/arrow_link_opera_sp.png) no-repeat right 5.3333333333333vw center;
        background-size: 5.3333333333333vw auto;
        font-size: 4vw;
        font-weight: bold;
        color: #fff;
        padding: 0 5.3333333333333vw;
    }
    #suntory_contents .contents_index.chamber .contens_index_menu li a {
        display: flex;
        align-items: center;
        height: 13.3333333333333vw;
        text-decoration: none;
        background: #88cc44 url(../img/arrow_link_chamber_sp.png) no-repeat right 5.3333333333333vw center;
        background-size: 5.3333333333333vw auto;
        font-size: 4vw;
        font-weight: bold;
        color: #fff;
        padding: 0 5.3333333333333vw;
    }
    #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;
    }
    #suntory_contents .contents_index .contents_index_data h4 a {
        background: #ffddee url(../img/arrow_contents_index_sp.png) no-repeat right 4vw center;
        background-size: 5.3333333333333vw auto;
        height: 17.3333333333333vw;
        display: flex;
        align-items: center;
        text-decoration: none;
        color: #222;
        font-size: 4vw;
        font-weight: bold;
        padding: 0 4vw;
    }
    #suntory_contents .contents_index .contents_index_data h4.nolink {
        background: #ffddee;
        height: 17.3333333333333vw;
        display: flex;
        align-items: center;
        text-decoration: none;
        color: #222;
        font-size: 4vw;
        font-weight: bold;
        padding: 0 4vw;
    }
    #suntory_contents .contents_index.chamber .contents_index_data h4.nolink {
        background: #ddffbb;
        height: 17.3333333333333vw;
        display: flex;
        align-items: center;
        text-decoration: none;
        color: #222;
        font-size: 4vw;
        font-weight: bold;
        padding: 0 4vw;
    }
    #suntory_contents .contents_index .contents_index_data .text {
        margin: 0 4vw;
        font-size: 3.7333333333333vw;
        line-height: 1.571428571428571;
    }
    #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);
    }

    

}


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

    
    /* ========================================================================
    contents_menu[pc]
    ========================================================================= */
    #suntory_contents .contents_menu {
        width: 100%;
        background: #f0e5d1;
        height: 180px;
        padding: 30px 0;
    }
    #suntory_contents .contents_menu ul {
        width: 100%;
        min-width: 960px;
        max-width: 1164px;
        margin: 0 auto;
        padding: 0;
        box-sizing: border-box;
        list-style: none;
        display: flex;
        justify-content: center;
    }    
    #suntory_contents .contents_menu li {
        margin: 0 1.2931034482759%;
        width: 29.3103448275862%;
    }
    #suntory_contents .contents_menu li a {
        display: flex;
        align-items: center;
        background: #fff;
        padding: 0 5.8823529411765%;
        text-decoration: none;
        border-radius: 4px;
        box-shadow: 0 0 6px rgba(204,170,102,.5);
        height: 120px;
    }
    #suntory_contents .contents_menu li.cr a,
    #suntory_contents .contents_menu li a:hover {
        background: #f1ffe4;
    }
    #suntory_contents .contents_menu li figure {
        width: 35.2941176470588%;
    }
    #suntory_contents .contents_menu li figure img {
        width: 100%;
        height: auto;
    }
    #suntory_contents .contents_menu li .text {
        margin-left: 5.8823529411765%;
    }
    #suntory_contents .contents_menu li h2 {
        font-size: 16px;
        line-height: 1.4;
        font-weight: bold;
        color: #222;
    }
    #suntory_contents .contents_menu li p {
        margin-top: 5px;
        font-size: 12px;
        font-weight: bold;
        color: #66aa00;
    }
    
    /* ========================================================================
    contents_header[pc]
    ========================================================================= */
    #suntory_contents .contents_header {
        width: 100%;
        min-width: 960px;
        max-width: 1164px;
        margin: 0 auto;
        padding: 40px 0;
    }    
    #suntory_contents .contents_header .inner {
        margin: 0 auto;
        width: 93.1034482758621%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    #suntory_contents .contents_header .head_img {
        width: 57.4074074074074%;
        display: flex;
        list-style: none;
        justify-content: space-between;
        position: relative;
    }
    #suntory_contents .contents_header .head_img.img_single {
        justify-content: end;
    }
    #suntory_contents .contents_header .head_img::before {
        content: '';
        width: 18.2258064516129%;
        height: 110px;
        background: url(../img/icon_enjoy_music.png) no-repeat right 0;
        background-size: 100% auto;
        position: absolute;
        top: -9px;
        left: -22.4193548387097%;
    }
    #suntory_contents .contents_header .head_img li {
        width: 48.3870967741935%;
    }
    #suntory_contents .contents_header .head_img li img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    
    #suntory_contents .contents_header .contents_title {
        width: 40.1851851851852%;
    }
    
    #suntory_contents .contents_header .contents_title h1 {
        margin-bottom: 20px;
        font-size: 26px;
        font-weight: bold;
    }
    #suntory_contents .contents_header .contents_title p {
        font-size:16px;
        font-weight: bold;
        color: #66aa00;
    }
    
    
    /* ========================================================================
    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: 60px;
        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: 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(../img/arrow_article_header.png) no-repeat 0 center;
        background-size: 20px auto;
        padding: 0 40px;
        height: 70px;
    }
    #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 {
        width: 130px;
        height: 36px;
        background: #00aa44;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        font-weight: bold;
        border-radius: 18px;
    }
    #suntory_contents .article_header .category.wide {
        width: 150px;
    }
    #suntory_contents .article_header .category.wide3 {
        width: 190px;
    }
    #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 .text_block .text {
        font-size: 15px;
        line-height: 1.75;
    }
    #suntory_contents .article_body .text_block .btn_column_title {
        font-size: 18px;
        font-weight: bold;
        margin:25px 0 15px 0;
    }
    #suntory_contents .article_body .text_block .text + .btn_link,
    #suntory_contents .article_body .text_block .text + .btn_container,
    #suntory_contents .article_body .text_block .text + .btn_column_container {
        margin-top: 20px;
    }
    #suntory_contents .article_body .btn_link a {
        margin: 0 0 0;
        display: inline-flex;
        align-items: center;
        height: 50px;
        font-size: 14px;
        text-decoration: none;
        color: #881133;
        border: 1px #dfdfdf solid;
        position: relative;
        padding: 0 35px;
        box-shadow: 0 0 6px rgba(0,0,0,.15);
    }
    #suntory_contents .article_body .btn_link a .multiLine{
        padding: 5px 0;
    }
    #suntory_contents .article_body .btn_link a::before {
        content: '';
        width: 20px;
        height: 20px;
        background: url(../img/arrow_category_label.png) no-repeat 0 center;
        background-size: 20px auto;
        position: absolute;
        top: calc(50% - 10px);
        left: 0;
    }
    #suntory_contents .article_body .btn_link a.icon_blank::after{
        content: '';
        width: 11px;
        height: 11px;
        background: url(../img/icon_external.png) no-repeat 0 center;
        background-size: 11px auto;
        position: absolute;
        top: calc(50% - 5px);
        right: 10px;
    }
    #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(../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(../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 .btn_column_container {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        width: 110%;
    }
    #suntory_contents .article_body .btn_column_container .btn_link {
        width: 42%;
        margin-bottom: 10px;
    }
    #suntory_contents .article_body .btn_column_container .btn_link:nth-child(odd){
        width: 55%;
        margin-right: 3%;
    }
    #suntory_contents .article_body .btn_column_container .btn_link .font_small{
        font-size: 12px;
    }
    #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: 21.5686274509804%;
    }
    #suntory_contents .article_body figure img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    
    
    /* ========================================================================
    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;
        padding-bottom: 40px;
        width: 93.1034482758621%;
        background: #f0faf4;
        border: 1px #cceeda solid;
        box-sizing: border-box;
    }
    #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: 18px;
        font-weight: bold;
        color: #222222;
        padding-left: 30px;
    }
    #suntory_contents .contents_block .lead {
        margin: 0 30px 30px;
        font-size: 15px;
        line-height: 1.733333333333333;
    }
    #suntory_contents .contents_block .lead .lead_indent {
        text-indent: -3em;
        padding-left: 3em;
        display: inline-block;
    }

    #suntory_contents .article_title .addition_text {
        font-size: 14px;
    }
    /* ========================================================================
    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: 18px;
        font-weight: bold;
        margin-bottom: 30px;
    }
    #suntory_contents .contents_index .lead {
        margin-bottom: 30px;
        font-size: 15px;
        line-height: 1.733333333333333;
    }
    #suntory_contents .contents_index .contens_index_menu {
        list-style: none;
        margin: 0 40px 25px;
    }
    #suntory_contents .contents_index .contens_index_menu li {
        margin-bottom: 5px;
    }
    #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(../img/arrow_link_opera.png) no-repeat right 30px center;
        background-size: 20px auto;
        font-size: 16px;
        font-weight: bold;
        color: #fff;
        padding: 0 30px;
    }
    #suntory_contents .contents_index .contens_index_menu li a:hover {
        background: #e34b82 url(../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(../img/arrow_link_chamber.png) no-repeat right 30px center;
        background-size: 20px auto;
        font-size: 16px;
        font-weight: bold;
        color: #fff;
        padding: 0 30px;
    }
    #suntory_contents .contents_index.chamber .contens_index_menu li a:hover {
        background: #5fb223 url(../img/arrow_link_chamber_on.png) no-repeat right 30px center;
        background-size: 20px auto;
    }
    
    #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: 20px;
    }
    #suntory_contents .contents_index .contents_index_data h4 a {
        background: #ffddee url(../img/arrow_contents_index.png) no-repeat right 15px center;
        background-size: 20px auto;
        height: 50px;
        display: flex;
        align-items: center;
        text-decoration: none;
        color: #222;
        font-size: 16px;
        font-weight: bold;
        padding: 0 20px;
    }
    #suntory_contents .contents_index .contents_index_data h4.nolink {
        background: #ffddee;
        height: 50px;
        display: flex;
        align-items: center;
        text-decoration: none;
        color: #222;
        font-size: 16px;
        font-weight: bold;
        padding: 0 20px;
    }
    #suntory_contents .contents_index.chamber .contents_index_data h4.nolink {
        background: #ddffbb;
        height: 50px;
        display: flex;
        align-items: center;
        text-decoration: none;
        color: #222;
        font-size: 16px;
        font-weight: bold;
        padding: 0 20px;
    }
    #suntory_contents .contents_index .contents_index_data .text {
        margin: 0 20px;
        font-size: 14px;
        line-height: 1.571428571428571;
    }
    #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;
    }
    

    
    
    
    
    
    
}