@charset "utf-8";

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

    /* ========================================================================
    history_contents[sp]
    ========================================================================= */

    #suntory_contents #history_contents {
        width: 100vw;
        height: auto;
        margin: 0 auto 13.333333333333vw auto;
    }
    #suntory_contents #history_contents h2 {
        display: inline-block;
        padding: 8vw 4vw 8vw 4vw;
        font-size: 5.333333333333vw;
    }
    #suntory_contents #history_saji_container {
        width: 100vw;
        display: flex;
        flex-wrap: wrap;
        padding: 0;
    }
    #suntory_contents .history_saji_photo,
    #suntory_contents .history_photo_photo {
        width: 100vw;
        display: flex;
        flex-wrap: wrap;
        padding: 0 0 2.666666666666vw 0;
    }
    #suntory_contents .history_saji_photo div,
    #suntory_contents .history_photo_photo div {
        width: 100vw;
        padding: 0 4vw 6.666666666666vw 4vw;
    }
    #suntory_contents .history_saji_photo div img,
    #suntory_contents .history_photo_photo div img,
    #suntory_contents .history_hall_photo div img {
        width: 100%;
    }
    #suntory_contents .history_saji_contents {
        width: 100vw;
        padding: 0;
    }
    #suntory_contents .history_saji_info {
        display: inline-block;
        width: 100vw;
        text-align: left;
        padding: 0 0 2.666666666666vw 0;
    }
    #suntory_contents .history_hall_info {
        display: inline-block;
        width: 100vw;
        text-align: left;
    }
    #suntory_contents .history_hall_photo {
        display: inline-block;
        width: 100vw;
    }
    #suntory_contents .history_saji_info p,
    #suntory_contents .history_hall_info p,
    #suntory_contents .history_hall_photo div {
        padding: 0 4vw 6.666666666666vw 4vw;
    }
    #suntory_contents .history_saji_info p,
    #suntory_contents .history_hall_info p {
        font-size: 3.777777777777vw;
        line-height: 1.8;
    }
    #suntory_contents .history_saji_photo div p,
    #suntory_contents .history_hall_photo div p,
    #suntory_contents .history_photo_photo div p {
        font-size: 3.466666666666vw;
        line-height: 1.5;
        padding: 2.666666666666vw 0 0 0;
    }
    #suntory_contents .history_hall_info p a,
    #suntory_contents .history_hall_info p a:link,
    #suntory_contents .history_hall_info p a:visited {
        display: inline-block;
        color: #881133;
        padding: 0 0.8vw;
    }
    #suntory_contents .history_hall_info p a:hover {
        opacity: 0.7;
    }
    #suntory_contents #history_hall_container {
        width: 100vw;
        display: flex;
        flex-wrap: wrap;
        padding: 0 0 8vw 0;
    }
    #suntory_contents #history_photo_container {
        width: 100vw;
        display: flex;
        flex-wrap: wrap;
        padding: 0 0 8w 0;
    }
    #suntory_contents #history_hibiki_container {
        width: 100vw;
        margin: 0 auto;
        padding: 0 4vw;
    }
    #suntory_contents .history_hibiki_contents {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        padding: 9.333333333333vw 6vw 6.666666666666vw 6vw;
        text-align: left;
        border: 1px solid #ebddc2;
        background: #f7f2e8;
    }
    #suntory_contents .hibiki_info h3 {
        padding-bottom: 9.333333333333vw;
        text-align: center;
    }
    #suntory_contents .hibiki_info h3 img {
        width: 73.333333333333vw;
    }
    #suntory_contents .hibiki_info p {
        font-size: 3.777777777777vw;
        line-height: 1.7;
        padding-bottom: 6vw;
    }
    #suntory_contents .hibiki_info p span {
        font-size: 3.466666666666vw;
    }
    #suntory_contents .hibiki_logo {
        display: inline-block;
        width: 65.333333333333vw;
        padding: 10.666666666666vw;
        margin: 0 auto;
        background: #fff;
        box-shadow: 0 0 1.066666666666vw #f0e7d5;
        text-align: center;
        vertical-align: middle;
    }
    #suntory_contents .hibiki_logo img {
        display: block;
        width: 42.8vw;
        height: auto;
        margin: 0 auto;
    }
    #suntory_contents .link_container {
        width: 100vw;
        margin: 8vw auto 0 auto;
        text-align: center;
    }
    #suntory_contents #pdf_link_container {
        width: 100vw;
        text-align: center;
    }
    #suntory_contents #pdf_link_container p.file_pdf a {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        width: 58.666666666666vw;
        margin: 0 auto 20px auto;
        padding: 2.6666666666666vw 13.3333333333vw 2.6666666666666vw 4vw;
        color: #fff;
        font-size: 4vw;
        text-align: center;
        line-height: 1.15;
        background: #881133;
    }
    #suntory_contents .link_container .link_btn a{
        display: block;
        width: 60.666666666666vw;
        margin: 0 auto 20px auto;
        padding: 4.91vw 7.666666666666vw 4.96vw 7.66666666666vw;
        color: #fff;
        font-size: 4vw;
        text-align: center;
        line-height: 1.15;
        background: #881133;
        text-decoration: none;
    }
    #suntory_contents .link_container .link_btn .f-s19{
        font-size: 5.0666667vw;
    }
    #suntory_contents .link_container .link_btn a:hover,
    #suntory_contents #pdf_link_container p.file_pdf a:hover {
        color: #fff;
        background: #aa1144;
    }
    #suntory_contents #pdf_link_container p.file_pdf a:before {
        display: inline-block;
        content: "";
        width: 8.533333333333vw;
        height: 10.4vw;
        background: url("/suntoryhall/seat/img/icon_pdf_l_w_sp.png") no-repeat left center;
        background-size: 8.533333333333vw auto;
    }
    #suntory_contents #pdf_link_container p.file_pdf a span {
        display: inline-block;
        margin: auto;
    }
    #suntory_contents #pdf_link_container p.file_pdf a span.f_small {
        font-size: 3.2vw;
        font-weight: normal;
    }
    #suntory_contents #pdf_link_container p.file_pdf a span.era {
        font-size: 3.2vw;
    }
    #suntory_contents #pdf_link_container p.file_pdf a,
    #suntory_contents #pdf_link_container p.file_pdf a:link,
    #suntory_contents #pdf_link_container p.file_pdf a:visited {
        color: #fff;
        text-decoration: none;
        text-align: center;
    }
    #suntory_contents #pdf_link_container p.file_pdf a:hover {
        color: #fff;
        background: #aa1144;
        text-decoration: none;
    }


}


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


    /* ========================================================================
    history_contents[pc]
    ========================================================================= */

    #suntory_contents #history_contents {
        width: 100%;
        max-width: 1164px;
        min-width: 1000px;
        margin: 0 auto 160px auto;
        padding: 0;
        height: auto;
    }
    #suntory_contents #history_contents h2 {
        display: inline-block;
        padding: 35px 20px 35px 20px;
        font-size: 26px;
    }
    #suntory_contents #history_saji_container {
        width: 100%;
        min-width: 1000px;
        padding: 0;
    }
    #suntory_contents .history_saji_photo,
    #suntory_contents .history_photo_photo {
        width: 100%;
        min-width: 1000px;
        display: flex;
        flex-wrap: no-wrap;
        align-items: stretch;
        justify-content: space-between;
        padding: 0 0 35px 0;
    }
    #suntory_contents .history_saji_photo div,
    #suntory_contents .history_photo_photo div {
        width: 33.333333333333%;
        padding: 0 20px 0 20px;
    }
    #suntory_contents .history_saji_photo div img,
    #suntory_contents .history_photo_photo div img,
    #suntory_contents .history_hall_photo div img {
        width: 100%;
    }
    #suntory_contents .history_saji_contents {
        width: 100%;
        min-width: 1000px;
        padding: 0;
    }
    #suntory_contents .history_saji_contents:before,
    #suntory_contents .history_saji_contents:after {
        content: "";
        display: table;
    }
    #suntory_contents .history_saji_contents:after{
        clear: both;
    }
    #suntory_contents .history_saji_contents {
        zoom: 1;
    }
    #suntory_contents .history_saji_info {
        display: inline-block;
        width: 66.6666666666%;
        text-align: left;
        float: left;
    }
    #suntory_contents .history_hall_info {
        display: inline-block;
        width: 66.6666666666%;
        text-align: left;
        float: left;
    }
    #suntory_contents .history_hall_photo {
        display: inline-block;
        width: 33.333333333333%;
        float: right;
    }
    #suntory_contents .history_saji_info p,
    #suntory_contents .history_hall_info p,
    #suntory_contents .history_hall_photo div {
        padding: 0 20px 35px 20px;
    }
    #suntory_contents .history_saji_info p,
    #suntory_contents .history_hall_info p {
        font-size: 15px;
        line-height: 1.8;
    }
    #suntory_contents .history_saji_photo div p,
    #suntory_contents .history_hall_photo div p,
    #suntory_contents .history_photo_photo div p {
        font-size: 13px;
        line-height: 1.5;
        padding: 9px 0 0 0;
    }
    #suntory_contents .history_hall_info p a,
    #suntory_contents .history_hall_info p a:link,
    #suntory_contents .history_hall_info p a:visited {
        display: inline-block;
        color: #881133;
        padding: 0 5px;
    }
    #suntory_contents .history_hall_info p a:hover {
        opacity: 0.7;
    }
    #suntory_contents #history_hall_container {
        width: 100%;
        min-width: 960px;
        display: flex;
        flex-wrap: no-wrap;
        align-items: flex-start;
        justify-content: space-between;
        padding: 0 0 40px 0;
    }
    #suntory_contents #history_photo_container {
        width: 100%;
        min-width: 960px;
        display: flex;
        flex-wrap: no-wrap;
        align-items: stretch;
        justify-content: space-between;
        padding: 0 0 40px 0;
    }

    #suntory_contents #history_hibiki_container {
        width: 100%;
        min-width: 960px;
        margin: 0 auto;
        padding: 0 20px;
    }
    #suntory_contents .history_hibiki_contents {
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        align-items: flex-start;
        justify-content: space-between;
        padding: 45px 45px 25px 45px;
        text-align: left;
        border: 1px solid #ebddc2;
        background: #f7f2e8;
    }
    #suntory_contents .hibiki_info {
        width: calc(100% - (260px + 3.8%));
    }
    #suntory_contents .hibiki_info h3 {
        padding-bottom: 20px;
    }
    #suntory_contents .hibiki_info h3 img {
        width: 359px;
    }
    #suntory_contents .hibiki_info p {
        font-size: 15px;
        line-height: 1.7;
        padding-bottom: 12px;
    }
    #suntory_contents .hibiki_info p span {
        font-size: 13px;
    }
    #suntory_contents .hibiki_logo {
        display: inline-block;
        width: 260px;
        padding: 45px;
        background: #fff;
        box-shadow: 0 0 5px #f0e7d5;
        text-align: center;
        vertical-align: middle:
    }
    #suntory_contents .hibiki_logo img {
        width: 170px;
        height: auto;
    }
    #suntory_contents .link_container{
        margin-top: 40px;
    }
    #suntory_contents #pdf_link_container {
        margin: 15px auto 0 auto;
        text-align: center;
    }
    
    #suntory_contents #pdf_link_container p.file_pdf a {
        display: flex;
        flex-wrap: no-wrap;
        align-items: center;
        justify-content: space-between;
        width: 300px;
        margin: 0 auto 20px auto;
        padding: 13px 60px 12px 20px;
        color: #fff;
        font-size: 15px;
        text-align: center;
        line-height: 1.15;
        background: #881133;
    }
    #suntory_contents .link_container .link_btn a{
        display: block;
        width: 300px;
        margin: 0 auto 20px auto;
        padding: 13px 40px 12px 40px;
        color: #fff;
        font-size: 15px;
        text-align: center;
        line-height: 1.4;
        background: #881133;
        text-decoration: none;
    }
    #suntory_contents .link_container .link_btn .f-s19{
        font-size: 19px;
    }
    #suntory_contents .link_container .link_btn a:hover,
    #suntory_contents #pdf_link_container p.file_pdf a:hover {
        color: #fff;
        background: #aa1144;
    }
    #suntory_contents #pdf_link_container p.file_pdf a:before {
        display: inline-block;
        content: "";
        width: 22px;
        height: 28px;
        background: url("/suntoryhall/seat/img/icon_pdf_w.png") no-repeat left center;
        background-size: 22px auto;
    }
    #suntory_contents #pdf_link_container p.file_pdf a span {
        display: inline-block;
    }
    #suntory_contents #pdf_link_container p.file_pdf a span.f_small {
        padding-top: 10px;
        font-size: 13px;
        font-weight: normal;
    }
    #suntory_contents #pdf_link_container p.file_pdf a,
    #suntory_contents #pdf_link_container p.file_pdf a:link,
    #suntory_contents #pdf_link_container p.file_pdf a:visited {
        color: #fff;
        text-decoration: none;
        text-align: center;
    }
    #suntory_contents #pdf_link_container p.file_pdf a:hover {
        color: #fff;
        background: #aa1144;
        text-decoration: none;
    }
    #suntory_contents br.spuse {
        display: none;
    }


}