@charset "utf-8";

#suntory_contents #interview_contents sub {
    height: 0;
    line-height: 1;
    vertical-align: baseline;
    _vertical-align: bottom;
    position: relative;
    top: .5ex;
}


/*==================================================
sp
================================================== */

/*==================================================
 [sp]interview_article
================================================== */
#suntory_contents .interview_article a {
    color: #881133;
    text-decoration: none;
}
#suntory_contents .interview_article a.external::after {
    content: '';
    width: 2.4vw;
    height: 2.4vw;
    background: url(../img/icon_external.svg) no-repeat 0 0;
    background-size:  2.4vw auto;
    display: inline-block;
    margin-left: 1.4vw;
    margin-right: 1.4vw;
} 

/*==================================================
 [sp]interview_list
================================================== */
#suntory_contents #interview_contents {
    margin: 8vw 4vw 12vw;
}
#suntory_contents .interview_list {
    list-style: none;
}
#suntory_contents .interview_list li {
    margin-bottom: 5.2vw;
    padding-bottom: 5.2vw;
    border-bottom: 0.2666666666667vw #dedede solid;
}
#suntory_contents .interview_list li a {
    color: #881133;
    text-decoration: none;
    display: flex;
    justify-content: space-between;
}
#suntory_contents .interview_list figure {
    margin: 0;
    padding: 0;
    width: 46vw;
}
#suntory_contents .interview_list figure img {
    width: 100%;
    vertical-align: bottom;
}
#suntory_contents .interview_list li p {
    font-size: 3.7333333333333vw;
    line-height: 1.5;
    width: 42vw;
}

/*==================================================
 [sp]pager
================================================== */
#suntory_contents .pager {
    margin: 10.6666666666667vw auto 0;
}
#suntory_contents .paging_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#suntory_contents .paging_list a {
    margin: 0 1vw 4vw;
    width: 9.3333333vw;
    height: 9.3333333vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    background: #881133;
    color: #fff;
    font-size: 3.6vw;
    font-family: 'Roboto', sans-serif;
/*
    font-weight: bold;
    font-weight: 700;
*/
}
#suntory_contents .paging_list .current_page {
    margin: 0 1vw 4vw;
    width: 9.3333333vw;
    height: 9.3333333vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    background: #881133;
    color: #fff;
    font-size: 3.6vw;
    font-family: 'Roboto', sans-serif;
    border: 1px #ddd solid;
    background: #ddd;
    color: #fff;
    
}


/*==================================================
 [sp]#article_title
================================================== */
#suntory_contents #article_title {
    margin-bottom: 5.333333333333333vw;
}
#suntory_contents #article_title .copy {
    font-size:3.733333333333333vw;
    font-weight: 500;
    margin-bottom: 1.333333333333333vw;
}
#suntory_contents #article_title h1 {
    font-size: 4.8vw;
    font-weight: bold;
}
#suntory_contents #article_title .author {
    margin-top: 5.333333333333333vw;
    font-size: 3.7333333333333vw;
    font-weight: bold;
    font-weight: 700;
    text-align: right;
}
#suntory_contents #article_title figure {
    margin: 0 auto;
}
#suntory_contents #article_title figure img {
    width: 100%;
    height: auto;
}

/*==================================================
 [sp]lead
================================================== */
#suntory_contents #lead {
    margin-bottom: 8vw;
}
#suntory_contents #lead .sp_solid {
    display: block;
    width: 76vw;
    margin: 0 auto 8vw;
}
#suntory_contents #lead .sp_solid img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    margin-bottom: .8vw;
}
#suntory_contents #lead .sp_solid .copyright {
    text-align: right;
    font-size: 2.6666666666667vw;
}
#suntory_contents #lead .sp_solid .caption {
    font-size: 2.9333333333333vw;
    font-size: 3.2vw;
    line-height: 1.5;
    margin-bottom: .266666666666667vw;
}

#suntory_contents #lead .portrait {
    margin: 0 auto 8vw;
    width: 76vw;
}
#suntory_contents #lead.centered_img .portrait {
    width: 100%;
}
#suntory_contents #lead .portrait figure {
    display: block;
}
#suntory_contents #lead .portrait figure.pc_item {
    display: none;
}
#suntory_contents #lead .portrait figure + figure {
    margin-top: 8vw;
}
#suntory_contents #lead .portrait img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    margin-bottom: .8vw;
}
#suntory_contents #lead .portrait .copyright {
    text-align: right;
    font-size: 2.6666666666667vw;
}
#suntory_contents #lead .portrait .caption {
    font-size: 2.9333333333333vw;
    font-size: 3.2vw;
    line-height: 1.5;
    margin-bottom: .266666666666667vw;
}
#suntory_contents #lead .lead .text {
    margin-bottom: 8vw;
    font-size: 4vw;
    line-height: 1.5;
}  
#suntory_contents #lead .lead .text a {
    color: #881133;
    text-decoration: none;
}
#suntory_contents #lead .lead .text .external::after {
    content: '';
    width: 2.4vw;
    height: 2.4vw;
    background: url(../img/icon_external.svg) no-repeat 0 0;
    background-size:  2.4vw auto;
    display: inline-block;
    margin-left: 1.4vw;
}
#suntory_contents #lead .link_list {
    list-style: none;
}
#suntory_contents #lead .link_list li {
    margin-bottom: 6vw;
    font-size: 3.46666667vw;
    line-height: 1.5;
    padding-left: 10.6666666666667vw;
    position: relative;
}
#suntory_contents #lead .link_list li:last-child {
    margin-bottom: 0;
}
#suntory_contents #lead .link_list li a {
    color: #881133;
    text-decoration: none;
}
#suntory_contents #lead .link_list li.external a::after {
    content: '';
    width: 2.4vw;
    height: 2.4vw;
    background: url(../img/icon_external.svg) no-repeat 0 0;
    background-size:  2.4vw auto;
    display: inline-block;
    margin-left: 1.4vw;
}
#suntory_contents #lead .link_list li:before {
    content: '';
    width: 6.6666666666667vw;
    height: 6.6666666666667vw;
    background: url(/culture-sports/suntoryhall/common2019/img/arrow_right.png) no-repeat 0 0;
    background-size: 6.6666666666667vw auto;
    position: absolute;
    top: calc(50% - 3.3333333333333vw);
    left: 0;
}

/*==================================================
 [sp]interview_text
================================================== */
#suntory_contents #interview_text {
    border-bottom: 1px #dedede solid;
    margin-bottom: 8vw;
}
#suntory_contents #interview_text.divided {
    border-top: 1px #dedede solid;
    padding: 8vw 0 0;
}
#suntory_contents #interview_text.hide .interview_text{
    display:none;
}
#suntory_contents #interview_text h2 {
    background: #f9f5ec;
    padding: 4vw;
    margin-bottom: 5.3333333333333vw;
    font-size: 4vw;
    line-height: 1.6;
    font-weight: normal;
    color: #aa7722;
}
#suntory_contents #interview_text .text {
    width: 84vw;
    margin: 0 auto 5.3333333333333vw;
    font-size: 4vw;
    line-height: 1.5;
}
#suntory_contents #interview_text .text a {
    color: #881133;
    text-decoration: none;
}
#suntory_contents #interview_text .text a.external::after {
    content: '';
    width: 2.4vw;
    height: 2.4vw;
    background: url(../img/icon_external.svg) no-repeat 0 0;
    background-size:  2.4vw auto;
    display: inline-block;
    margin-left: 1.4vw;
}
#suntory_contents #interview_text .img_block {
    width: 84vw;
    margin: 0 auto 8vw;
}
#suntory_contents #interview_text .img_block figure {
    width: 100%;
    margin: 0 auto;
}
#suntory_contents #interview_text .img_block figure + figure {
    margin-top: 10.666666666666667vw;
}
#suntory_contents #interview_text .img_block figure img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    margin-bottom: .8vw;
}
#suntory_contents #interview_text .img_block figure .copy {
    margin-bottom: .266666666666667vw;
    font-size: 2.666666666666667vw;
    text-align: right;
}
#suntory_contents #interview_text .img_block figure .caption {
    font-size: 3.2vw;
    line-height: 1.5;
}

/*==================================================
 [sp]movie
================================================== */
#suntory_contents #movie {
    margin-bottom: 8vw;
}
#suntory_contents #movie ul {
    list-style: none;
    margin: 0 auto;
    width: 84vw;
}
#suntory_contents #movie li {
    width: 84vw;
    margin-bottom: 8vw;
}
#suntory_contents #movie li:last-child {
    margin-bottom: 0;
}
#suntory_contents #movie iframe {
    width: 84vw!important;
    height: 47.3333333333333vw!important;
    vertical-align: bottom;
}
#suntory_contents #movie .caption {
    margin-top: .8vw;
    font-size: 2.9333333333333vw;
    font-size: 3.2vw;
    line-height: 1.5;
}

/*==================================================
 [sp]photo
================================================== */
#suntory_contents #photo {

}
#suntory_contents .photo_container,
#suntory_contents .photo_container_single {
    list-style: none;
    margin: 0 auto;
    width: 84vw;
}
#suntory_contents #photo li {
    width: 84vw;
    margin: 0 auto 8vw;
}
#suntory_contents #photo .portrait li {
    width: 60vw;
}
#suntory_contents #photo figure {
    width: 100%;
}
#suntory_contents #photo figure img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    margin-bottom: .8vw;
}
#suntory_contents #photo .copy {
    font-size: 2.666666666666667vw;
    text-align: right;
    margin-bottom: .266666666666667vw;
}
#suntory_contents #photo .caption {
    font-size: 3.2vw;
    line-height: 1.5;
}

/*==================================================
 [sp]btn_pdf_container
================================================== */
#suntory_contents .btn_pdf_container {
    margin: 0 auto 8vw;
    list-style: none;
}
#suntory_contents .btn_pdf_container li {
    margin-bottom: 4vw;
}
#suntory_contents .btn_pdf_container li:last-child {
    margin-bottom: 0;
}
#suntory_contents .btn_pdf_container li a {
    min-height: 7.2vw;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    font-size: 4vw;
    line-height: 1.5;
    color: #881133;
    text-decoration: none;
    background: url(/culture-sports/suntoryhall/common2019/img/icon_pdf.png) no-repeat 0 center;
    background-size: 6.4vw auto;
    padding: 0 0 0 9.066666666666667vw;
}


/*==================================================
 [sp]relative_info
================================================== */
#suntory_contents #relative_info {
    margin-bottom: 8vw;
    background: #f9f5ec;
    padding: 2.6666666666667vw;
    box-sizing: border-box;
}
#suntory_contents #relative_info .inner {
    background: #fff;
    padding: 8vw 5.3333333333333vw;
    box-sizing: border-box;
}
#suntory_contents #relative_info h2 {
    margin-bottom: 8vw;
    font-size: 4.2666666666667vw;
    line-height: 1.5;
}

#suntory_contents #relative_info figure {
    margin-top: 8vw;
    width: 100%;
}
#suntory_contents #relative_info figure.sp_solid {
    margin-bottom: 8vw;
}
#suntory_contents #relative_info figure img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    margin-bottom: .8vw;
}
#suntory_contents #relative_info figure .copy {
    font-size: 2.6666666666667vw;
    text-align: right;
    margin-bottom: .266666666666667vw;
}
#suntory_contents #relative_info figure .caption {
    font-size: 2.9333333333333vw;
    font-size: 3.2vw;
    line-height: 1.5;
}
#suntory_contents #relative_info .text {
    font-size: 4vw;
    line-height: 1.5;
}
#suntory_contents #relative_info .text a {
    color: #881133;
    text-decoration: none;
}
#suntory_contents #relative_info .text a.external::after {
    content: '';
    width: 2.4vw;
    height: 2.4vw;
    background: url(../img/icon_external.svg) no-repeat 0 0;
    background-size:  2.4vw auto;
    display: inline-block;
    margin-left: 1.4vw;
}


/*==================================================
 [sp]relative_link
================================================== */
#suntory_contents #relative_link {
    margin-bottom: 8vw;
}
#suntory_contents #relative_link h2 {
    margin-bottom: 4vw;
    font-size: 3.733333333333333vw;
    line-height: 1.5;
}
#suntory_contents #relative_link ul {
    list-style: none;
}
#suntory_contents #relative_link li {
    margin-bottom: 4vw;
    background: #f5eee0;
}
#suntory_contents #relative_link li:last-child {
    margin-bottom: 0;
}
#suntory_contents #relative_link li a {
    color: #881133;
    text-decoration: none;
    font-size: 3.46666667vw;
    line-height: 1.5;
    display: block;
    padding: 4vw 5.33333333vw 4vw 10.66666667vw;
    position: relative;
}

#suntory_contents #relative_link li a:before {
    content: '';
    width: 6.6666666666667vw;
    height: 6.6666666666667vw;
    background: #881133;
    background: url(/culture-sports/suntoryhall/common2019/img/arrow_right.png) no-repeat 0 0;
    background-size: 6.6666666666667vw auto;
    position: absolute;
    top: calc(50% - 3.3333333333333vw);
    left: 0;
}
#suntory_contents #relative_link li.external a span {
    content: '';
    width: 2.4vw;
    height: 2.4vw;
    background: url(../img/icon_external.svg) no-repeat 0 0;
    background-size: 2.4vw auto;
    display: inline-block;
    margin-left: 1.4vw;
}

/*==================================================
 [sp]btn_feature_alone
================================================== */
#suntory_contents .btn_feature_alone a {
    margin: 0 auto;
    width: 60vw;
    height: 16vw;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding-left: 2.6666666666667vw;
    color: #fff;
    font-size: 3.2vw;
    line-height: 1.583333333333333;
    text-align: center;
    text-decoration: none;
}
#suntory_contents .btn_feature_alone.other a {
    width: 43.2vw;
}
#suntory_contents .btn_feature_alone.chamber a {
    background: #339900;
}
#suntory_contents .btn_feature_alone.summer a {
    background: #05aadd;
}
#suntory_contents .btn_feature_alone.wph a {
    background: #593C0F;
}
#suntory_contents .btn_feature_alone.other a {
    background: #881134;
}
#suntory_contents .btn_feature_alone a::before {
    content: '';
    width: 4vw;
    height: 6.6666666666667vw;
    position: absolute;
    top: calc(50% - 3.3333333333333vw);
    left: 0;
}
#suntory_contents .btn_feature_alone.chamber a::before {
    background: #117700;
}
#suntory_contents .btn_feature_alone.summer a::before {
    background: #006195;
}
#suntory_contents .btn_feature_alone.wph a::before {
    background: #805722;
}
#suntory_contents .btn_feature_alone.other a::before {
    background: #AA3455;
}
#suntory_contents .btn_feature_alone a::after {
    content: "";
    vertical-align: middle;
    position: absolute;
    top: calc(50% - 0.5333333333333vw);
    left: 0.8vw;
    width: 1.0666666666667vw;
    height: 1.0666666666667vw;
    margin: auto;
    border-top: 0.2666666666667vw solid #fff;
    border-right: 0.2666666666667vw solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


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

/*==================================================
 [pc]interview_article
================================================== */
#suntory_contents .interview_article a.external::after {
    content: '';
    width: 9px;
    height: 9px;
    background: url(../img/icon_external.svg) no-repeat 0 0;
    background-size: 9px auto;
    display: inline-block;
    margin-left: 6px;
    margin-right: 6px;
} 
#suntory_contents .interview_article a:hover {
    text-decoration: underline;
}

/*==================================================
 [pc]interview_list
================================================== */ 
#suntory_contents #interview_contents {
    margin: 50px auto 110px;
}
#suntory_contents .interview_list {
    width: 100%;
    max-width: 1150px;
    min-width: 950px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}
#suntory_contents .interview_list li {
    margin: 0 2.608695652173913% 60px 0;
    padding: 0;
    width: 23.043478260869565%;
    border-bottom: none;
}
#suntory_contents .interview_list li:nth-child(4n) {
    margin: 0 0 60px 0;
}
#suntory_contents .interview_list li a {
    display: block;
}
#suntory_contents .interview_list figure {
    margin: 0 0 20px;
    padding: 0;
    width: 100%;
}
#suntory_contents .interview_list li p {
    font-size: 14px;
    line-height:1.5;
    width: 100%;
}
#suntory_contents .interview_list li a:hover p {
    text-decoration: underline;
}
    
/*==================================================
 [pc]pager
================================================== */
#suntory_contents .pager {
margin: 40px auto 0;
}
#suntory_contents .paging_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#suntory_contents .paging_list a {
    margin: 0 5px 5px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    background: #881133;
    color: #fff;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
}
#suntory_contents .paging_list .current_page {
    margin: 0 5px 5px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    background: #881133;
    color: #fff;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    border: 1px #ddd solid;
    background: #ddd;
    color: #fff;
}
    
/*==================================================
 [pc]#article_title
================================================== */
#suntory_contents #article_title {
    margin: 0 auto 30px;
    padding: 0;
    width: 100%;
    max-width: 1080px;
    min-width: 880px;
    position: relative;
}
#suntory_contents #article_title .copy {
    font-size:18px;
    margin: 0 0 5px 0;
}
#suntory_contents #article_title h1 {
    font-size: 24px;
    margin: 0 0 0 0;
}
#suntory_contents #article_title .author {
    margin-top: 30px;
    font-size: 18px;
}
#suntory_contents #article_title figure {
    margin: 0 auto;
    text-align: center;
}
#suntory_contents #article_title figure img {
    max-width: 100%;
    height: auto;
}


/*==================================================
 [pc]lead
================================================== */
#suntory_contents #lead {
    margin: 0 auto 10px;
    padding: 0;
    width: 100%;
    max-width: 1080px;
    min-width: 880px;
    display: flex;
    justify-content: space-between;
}
#suntory_contents #lead.centered_img {
    display: block;
}
#suntory_contents #lead .sp_solid {
    display: none;
}
#suntory_contents #lead .portrait {
    margin: 0;
    padding: 0;
    width: 340px;
    order: 2;
}
#suntory_contents #lead .portrait figure {
    display: block;
}
#suntory_contents #lead .portrait figure.pc_item {
    display: block;
}
#suntory_contents #lead .portrait figure + figure {
    margin-top: 30px;
}
#suntory_contents #lead.centered_img .portrait {
    width: auto;
    margin: 0 auto 30px;
    text-align: center;
    display: table;
}  
#suntory_contents #lead .portrait img {
    width: auto;
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
    margin-bottom: 3px;
}
#suntory_contents #lead .portrait .copyright {
    text-align: right;
    font-size: 10px;
    margin-bottom: 1px;
}
#suntory_contents #lead .portrait .caption {
    font-size: 13px;
    line-height: 1.5;
}   
#suntory_contents #lead .lead {
    width: calc(100% - 400px);
    order: 1;
}
#suntory_contents #lead.centered_img .lead {
    width: 100%;
}
#suntory_contents #lead.no_img .lead {
    width: 100%;
}    
#suntory_contents #lead .lead .text {
margin-bottom: 30px;
font-size: 16px;
line-height: 1.5;
}
#suntory_contents #lead .lead .text a.external::after {
    content: '';
    width: 9px;
    height: 9px;
    background: url(../img/icon_external.svg) no-repeat 0 0;
    background-size: 9px auto;
    display: inline-block;
    margin-left: 6px;
}
#suntory_contents #lead .lead .text a:hover {
    text-decoration: underline;
}
#suntory_contents #lead .link_list li:first-child {
    margin-top: 40px;
}
#suntory_contents #lead .link_list li {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 1.5;
    padding-left: 40px;
    position: relative;
}
#suntory_contents #lead .link_list li:before {
    width: 20px;
    height: 20px;
    background: url(/culture-sports/suntoryhall/common2019/img/arrow_right.png) no-repeat 0 0;
    background-size: 20px auto;
    top: calc(50% - 10px);
}
#suntory_contents #lead .link_list li a:hover {
    text-decoration: underline;
} 
#suntory_contents #lead .link_list li.external a::after {
    content: '';
    width: 9px;
    height: 9px;
    background: url(../img/icon_external.svg) no-repeat 0 0;
    background-size: 9px auto;
    display: inline-block;
    margin-left: 6px;
}    
    
/*==================================================
 [pc]interview_text
================================================== */
#suntory_contents #interview_text {
    margin: 0 auto 60px;
    padding: 20px 0 60px;
    width: 100%;
    max-width: 1080px;
    min-width: 880px;
    border-bottom: 1px #dedede solid;
}
#suntory_contents #interview_text.divided {
    border-top: 1px #dedede solid;
    margin: 60px auto 60px;
    padding: 60px 0 60px;
}
#suntory_contents #interview_text.hide {
    margin: 0 auto 60px;
    padding: 60px 0 0;
}
#suntory_contents #interview_text.hide .interview_text{
    display:none;
}
    
#suntory_contents #interview_text .interview_text {
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between;
}
#suntory_contents #interview_text .interview_text:last-child {
margin-bottom: 0;
}
#suntory_contents #interview_text .text_block {
width: calc(100% - 400px);
order: 1;
} 
#suntory_contents #interview_text .interview_text.no_img .text_block {
width: 100%;
}  
#suntory_contents #interview_text .text {
    width: 100%;
    margin-bottom: 0;
    font-size: 16px;
}
#suntory_contents #interview_text .text a.external::after {
    content: '';
    width: 9px;
    height: 9px;
    background: url(../img/icon_external.svg) no-repeat 0 0;
    background-size: 9px auto;
    display: inline-block;
    margin-left: 6px;
}
#suntory_contents #interview_text .text a:hover {
    text-decoration: underline;
}
#suntory_contents #interview_text .text_block h2 {
    padding: 20px 30px;
    margin-bottom: 30px;
    font-size: 16px;
}
#suntory_contents #interview_text .img_block {
    width: 340px;
    margin: 0;
    order: 2;
}
#suntory_contents #interview_text .img_block figure img {
    margin-bottom: 3px;
}
#suntory_contents #interview_text .img_block figure + figure {
    margin-top: 45px;
}
#suntory_contents #interview_text .img_block figure .copy {
    margin-bottom: 1px;
    font-size: 10px;
    text-align: right;
}
#suntory_contents #interview_text .img_block figure .caption {
    font-size: 13px;
}
    
/*==================================================
 [pc]movie
================================================== */
#suntory_contents #movie {
    margin: 0 auto 60px;
    width: 640px;
}
#suntory_contents #movie ul {
    list-style: none;
    margin: 0 auto;
    width: 640px;
}
#suntory_contents #movie li {
    width: 640px;
    margin-bottom: 60px;
}
#suntory_contents #movie iframe {
    margin-bottom:0;
    width: 640px!important;
    height: 360px!important;
    vertical-align: bottom;
}
#suntory_contents #movie .caption {
    margin-top: 3px;
    padding: 0;
    font-size: 13px;
}
/*==================================================
 [pc]photo
================================================== */
#suntory_contents #photo {
    margin: 0 auto 60px;
    width: 920px;
}
#suntory_contents .photo_container {
    list-style: none;
    margin: 0 auto 60px;
    width: 920px;
    display: flex;
    justify-content: space-between;
}
#suntory_contents .photo_container.portrait {
     width: 920px;   
}
#suntory_contents .photo_container_single {
    list-style: none;
    margin: 0 auto 60px;
    width: 840px;
    display: flex;
    justify-content: center;
}
#suntory_contents #photo li {
    width: 420px;
    margin: 0;
}
#suntory_contents #photo .portrait li{
    width: 420px;
}
#suntory_contents #photo figure img {
    margin-bottom: 3px;
}
#suntory_contents #photo .copy {
    margin-bottom: 1px;
    font-size: 10px;
    text-align: right;
}
#suntory_contents #photo .caption {
    font-size: 13px;
}
    
/*==================================================
 [pc]btn_pdf_container
================================================== */
#suntory_contents .btn_pdf_container {
    margin: 0 auto 60px;
    width: 640px;
}    
#suntory_contents .btn_pdf_container li {
    margin-bottom: 40px;
}
#suntory_contents .btn_pdf_container li a {
    min-height: 26px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    font-size: 14px;
    background: url(/culture-sports/suntoryhall/common2019/img/icon_pdf.png) no-repeat 0 center;
    background-size: 20px auto;
    padding: 0 0 0 30px;
}
#suntory_contents .btn_pdf_container li a:hover {
    text-decoration: underline;
}


/*==================================================
 [pc]relative_info
================================================== */
#suntory_contents #relative_info {
    margin: 0 auto 60px;
    width: 100%;
    max-width: 1080px;
    min-width: 880px;
    background: #f9f5ec;
    padding: 10px;
    box-sizing: border-box;
}
#suntory_contents #relative_info .inner {
    width:100%;
    background: #fff;
    padding: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: calc(100% - 380px) 340px;
    grid-template-columns: calc(100% - 380px) 340px;
    -ms-grid-rows: auto 1fr;
    grid-template-rows: auto 1fr;
    box-sizing:border-box;
}
#suntory_contents #relative_info h2 {
    margin-bottom: 40px;
    font-size: 20px;
    line-height: 1.5;
    width: 100%;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / 2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1 / 2;
}
#suntory_contents #relative_info .fig_container {
    margin: 0 0 0 40px;
    width: 340px;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2 / 3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1 / 3;
}
#suntory_contents #relative_info figure {
    margin: 0;
    width: 340px;
}
#suntory_contents #relative_info figure + figure {
    margin: 30px 0 0;
}
#suntory_contents #relative_info figure img {
    margin-bottom: 3px;
}
#suntory_contents #relative_info figure .copy {
    font-size: 10px;
    text-align: right;
    margin-bottom: 1px;
}
#suntory_contents #relative_info figure .caption {
    font-size: 13px;
}
#suntory_contents #relative_info .text {
    font-size: 16px;
    width: 100%;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / 2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2 / 3;
}
#suntory_contents #relative_info .text a:hover {
    text-decoration: underline;
}
#suntory_contents #relative_info .text a.external::after {
    content: '';
    width: 9px;
    height: 9px;
    background: url(../img/icon_external.svg) no-repeat 0 0;
    background-size: 9px auto;
    display: inline-block;
    margin-left: 6px;
}

/*==================================================
 [pc]relative_link
================================================== */
#suntory_contents #relative_link {
    margin: 0 auto 60px;
    width: 100%;
    max-width: 1080px;
    min-width: 880px;
}
#suntory_contents #relative_link h2 {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.5;
}
#suntory_contents #relative_link li {
    margin-bottom: 20px;
}
#suntory_contents #relative_link li a {
    color: #881133;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.5;
    padding: 18px 30px 18px 40px;
    position: relative;
}
#suntory_contents #relative_link li a:hover {
    background: #ece4cd;
}
#suntory_contents #relative_link li a:before {
    content: '';
    width: 20px;
    height: 20px;
    background: #f5eee0 url(/culture-sports/suntoryhall/common2019/img/arrow_right.png) no-repeat 0 0;
    background-size: 20px auto;
    position: absolute;
    top: calc(50% - 10px);
    left: 0;
}
#suntory_contents #relative_link li.external a span {
    content: '';
    width: 9px;
    height: 9px;
    background: url(../img/icon_external.svg) no-repeat 0 0;
    background-size: 9px auto;
    display: inline-block;
    margin-left: 6px;
} 
 
/*==================================================
 [pc]btn_feature_alone
================================================== */
#suntory_contents .btn_feature_alone a {
    margin: 0 auto;
    width: 260px;
    height: 60px;
    padding-left: 23px;
    font-size: 14px;
}
#suntory_contents .btn_feature_alone.other a{
    width: 180px;
}
#suntory_contents .btn_feature_alone.chamber a:hover {
    background: #33BB00;
}
#suntory_contents .btn_feature_alone.summer a:hover {
    background: #56B4E6;
}
#suntory_contents .btn_feature_alone.wph a:hover {
    background: #74511C;
}
#suntory_contents .btn_feature_alone.other a:hover {
    background: #9D1F44;
}
#suntory_contents .btn_feature_alone a::before {
    content: '';
    width: 23px;
    height: 30px;
    background: #aa3355;
    position: absolute;
    top: calc(50% - 15px);
    left: 0;
}
#suntory_contents .btn_feature_alone.chamber a::before {
    background: #117700;
}
#suntory_contents .btn_feature_alone.summer a::before {
    background: #006195;
}
#suntory_contents .btn_feature_alone.wph a::before {
    background: #805722;
}
#suntory_contents .btn_feature_alone.other a::before {
    background: #AA3455;
}
#suntory_contents .btn_feature_alone.chamber a:hover::before {
    background: #119900;
}
#suntory_contents .btn_feature_alone.summer a:hover::before {
    background: #0488D0;
}
#suntory_contents .btn_feature_alone.wph a:hover::before {
    background: #A0753D;
}
#suntory_contents .btn_feature_alone.other a:hover::before {
    background: #BF4769;
}
#suntory_contents .btn_feature_alone a::after {
    top: calc(50% - 4px);
    left: 4px;
    width: 8px;
    height: 8px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}
    

}