@charset "utf-8";

/*------------------------------------------------------------
[SP]
------------------------------------------------------------ */
@media screen and (max-width:767px){

    /*------------------------------------------------------------
    [SP] article_list
    ------------------------------------------------------------ */
    #suntory_contents .article_list {
        margin: 0 auto;
        list-style: none;
    }
    #suntory_contents .article_list li {
        width: 100vw;
        margin: 0 0 9.3333333333333vw;
        padding-bottom: 9.3333333333333vw;
        border-bottom: 1px #777777 solid;
    }
    #suntory_contents .article_list li:last-child {
        border: none;
        margin: 0;
        padding: 0;
    }
    #suntory_contents .article_list li a {
        text-decoration: none;
    }
    #suntory_contents .article_list li picture {
        margin: 0 auto 4.6666666666667vw;
        width: 84vw;
        height: 40vw;
        overflow: hidden;
        display: block;
    }
    #suntory_contents .article_list li picture img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    #suntory_contents .article_list .name {
        margin: 0 auto 4.6666666666667vw;
        width: 84vw;
        display: flex;
        color: #000;
    }
    #suntory_contents .article_list .name .number {
        margin-right: 5.3333333333333vw;
        font-size: 5.8666666666667vw;
        font-weight: bold;
        font-family: 'Roboto',sans-serif;
    }
    #suntory_contents .article_list .name h2 {
        font-size: 4.8vw;
        font-weight: bold;
    }
    #suntory_contents .article_list .date {
        margin: 0 auto 4vw;
        width: 84vw;
        font-size: 4.5333333333333vw;
        font-weight: bold;
        color: #777;
    }
    #suntory_contents .article_list .date span {
        font-family: 'Roboto',sans-serif;
        font-size: 4.8vw;
    }
    #suntory_contents .article_list .text {
        margin: 0 auto;
        width: 84vw;
        font-size: 4.2666666666667vw;
        line-height: 1.625;
        color: #777;
    }
    
    /*------------------------------------------------------------
    [SP] article_infocus
    ------------------------------------------------------------ */
    #suntory_contents .article_infocus {   
    }
    #suntory_contents .article_infocus .main_visual {
        margin-bottom: 8vw;
        position: relative;
    }
    #suntory_contents .article_infocus .main_visual picture {
        width: 100%;
        display: block;
    }
    #suntory_contents .article_infocus .main_visual picture img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    #suntory_contents .article_infocus .main_visual h1 {
        width: 100%;
        height: 18.6666666666667vw;
        position: absolute;
        bottom:0;
        left: 0;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        padding: 0 4vw;
        color: #fff;
        font-size: 4.857333333333333vw;
        line-height: 1.176502882239912;
        font-weight: normal;
        font-weight: 400;
        font-family: "Hiragino Mincho ProN", "YuMincho", "Yu Mincho", serif;
        text-shadow: 0 0 2.6666666666667vw rgba(0,0,0,1);
        opacity: .75;
    }
    #suntory_contents .article_infocus .main_visual h1.type02{
        font-size: 4vw;
    }
    #suntory_contents .article_infocus .section {
        margin: 0 4vw;
    }
    #suntory_contents .article_infocus .section h2 {
        border-left: 2.6666666666667vw #bb0000 solid;
        padding:4vw 0 4vw 5.3333333333333vw;
        font-size: 5.3333333333333vw;
        line-height: 1.375;
        font-weight: bold;
        margin-bottom: 8vw;
    }
    
    #suntory_contents .article_infocus .section .img_text_block {
        display: flex;
        flex-direction: column;
    }
    
    #suntory_contents .article_infocus .section .img_text_block picture {
       order: 2;
    }
    #suntory_contents .article_infocus .section .img_text_block dl {
        order: 1;
    }
    
    #suntory_contents .article_infocus .section dt {
        margin-bottom: 8vw;
        font-size: 4.2666666666667vw;
        line-height: 1.5625;
        font-weight: bold;
        color: #bb0000;
    }
    #suntory_contents .article_infocus .section dt .sub {
        font-size: 4vw;
        color: #000;
        font-weight: bold;
    }
    #suntory_contents .article_infocus .section dd p {
        font-size: 4vw;
        line-height: 1.666666666666667;
        margin-bottom: 2em;
    }
    #suntory_contents .article_infocus .section dd .no_float {
        font-size: 4vw;
        line-height: 1.666666666666667;
    }
    
    #suntory_contents .article_infocus .section picture {
        margin: 0 auto 13.3333333333333vw;
        width: 84vw;
        display: block;
    }
    #suntory_contents .article_infocus .section picture img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    
    /*------------------------------------------------------------
    [SP] btn_profile
    ------------------------------------------------------------ */
    #suntory_contents .btn_profile {
        margin: 0 auto 13.3333333333333vw;
        text-align: center;
    }
    #suntory_contents .btn_profile a {
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: #bb0000 url(../img/arrow_next.png) no-repeat right 5.3333333333333vw center;
        background-size: 1.6vw auto;
        text-decoration: none;
        color: #fff;
        width: 78.666666666666667vw;
        height: 17.3333333333333vw; 
        position: relative;
    }
    #suntory_contents .btn_profile a .number {
        font-size: 10.6666666666667vw;
        font-weight: bold;
        font-family: 'Roboto',sans-serif;
        position: absolute;
        top: 0;
        left: 0;
        width: 16vw;
        height: 17.3333333333333vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #suntory_contents .btn_profile a .position {
        margin-bottom: 2vw;
        font-size: 4.1333333333333vw;
        font-weight: bold;
        font-family: 'Roboto',sans-serif;
    }
    #suntory_contents .btn_profile a .name {
        font-size: 4vw;
    }
    
    /*------------------------------------------------------------
    [SP] extra_img
    ------------------------------------------------------------ */
    #suntory_contents .extra_img {
        height: 57.333333333333333vw;
        background: #171717;
        background: -moz-linear-gradient(top,  #ffffff 0%, #171717 100%);
        background: -webkit-linear-gradient(top,  #ffffff 0%,#171717 100%);
        background: linear-gradient(to bottom,  #ffffff 0%,#171717 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#171717',GradientType=0 );
    }
    #suntory_contents .extra_img picture {
        margin: 0 auto;
        width: 84vw;
        display: block;
    }
    #suntory_contents .extra_img picture img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    
    /*------------------------------------------------------------
    [SP] more_infocus
    ------------------------------------------------------------ */
    #suntory_contents .more_infocus {
        background: #171717;
        padding: 13.3333333333333vw 0;
        padding-bottom: 100px;
    }
    #suntory_contents .more_infocus h2 {
        margin-bottom: 3.3333333333333vw;
        font-size: 2.6666666666667vw;
        color: #fff;
        text-align: center;
    }
    #suntory_contents .more_infocus .title_en {
        margin-bottom: 8vw;
        font-size: 8vw;
        font-weight: bold;
        font-family: 'Roboto',sans-serif;
        color: #fff;
        text-align: center;
    }
    

    #suntory_contents .more_infocus ul {
        margin: 0 auto 9.3333333333333vw;
        width: 100vw;
        list-style: none;
    }
    #suntory_contents .more_infocus ul li {
        width: 100vw;
        margin: 0 0 9.3333333333333vw;
        padding-bottom: 8.6666666666667vw;
        border-bottom: 1px #333333 solid;
    }
    #suntory_contents .more_infocus ul li:last-child {
        margin: 0;
    }
    #suntory_contents .more_infocus ul li a {
        text-decoration: none;
        color: #fff;
    }
    #suntory_contents .more_infocus ul li picture {
        margin: 0 auto 5.3333333333333vw;
        width: 84vw;
        display: block;
    }
    #suntory_contents .more_infocus ul li picture img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    #suntory_contents .more_infocus .name {
        width: 84vw;
        margin: 0 auto 4.6666666666667vw;
        display: flex;
        align-items: center;
    }
    #suntory_contents .more_infocus .name .number {
        margin-right: 5.3333333333333vw;
        font-size: 5.8666666666667vw;
        font-weight: bold;
        font-family: 'Roboto',sans-serif;
    }
    #suntory_contents .more_infocus .name h3 {
        font-size: 4.8vw;
        font-weight: bold;
    }
    #suntory_contents .more_infocus .date {
        margin: 0 auto 4vw;
        width: 84vw;
        font-size: 4.5333333333333vw;
        font-weight: bold;
        color: #888888;
    }
    #suntory_contents .more_infocus .date span {
        font-size: 4.8vw;
        font-weight: bold;
        font-family: 'Roboto',sans-serif;
    }
    #suntory_contents .more_infocus .text {
        margin: 0 auto;
        width: 84vw;
        font-size: 4.2666666666667vw;
        line-height: 1.625;
        color: #888888;
    }
    
    #suntory_contents .more_infocus .btn_list_infocus a {
        margin: 0 auto;
        width: 62.666666666666667vw;
        height: 12vw;
        padding-left: 2.9333333333333vw;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #bb0000 url(../img/arrow_prev.png) no-repeat 5.3333333333333vw center;
        background-size: 1.6vw auto;
        color: #fff;
        font-size: 4vw;
        text-decoration: none;
        box-sizing: border-box;
    }
    
}
/*------------------------------------------------------------
[PC]
------------------------------------------------------------ */
@media print, screen and (min-width:768px) {
    

    
    /*------------------------------------------------------------
    [PC] article_list
    ------------------------------------------------------------ */
    #suntory_contents .article_list {
        margin: 0 auto;
        width: 1080px;
        display: flex;
        flex-wrap: wrap;
        list-style: none;
    }
    #suntory_contents .article_list li {
        width: 340px;
        margin: 0 30px 60px 0;
    }
    #suntory_contents .article_list li:nth-child(3n) {
        margin: 0 0 60px;
    }
    #suntory_contents .article_list li picture {
        margin-bottom: 25px;
        width: 340px;
        height: 160px;
        overflow: hidden;
        display: block;
    }
    #suntory_contents .article_list li picture img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
     transition: all .5s ease;
    }
    #suntory_contents .article_list li a:hover picture img {
        opacity: .75;
        transform: scale(1.05);
    }
    
    #suntory_contents .article_list li a {
        text-decoration: none;
    }

    #suntory_contents .article_list .name {
        display: flex;
        color: #000;
        border-bottom: 1px #dddddd solid;
        padding-bottom: 25px;
        margin-bottom: 25px;
    }
    #suntory_contents .article_list .name .number {
        margin-right: 20px;
        font-size: 22px;
        font-weight: bold;
        font-family: 'Roboto',sans-serif;
    }
    #suntory_contents .article_list .name h2 {
        font-size: 18px;
        font-weight: bold;
    }
    #suntory_contents .article_list .date {
        margin-bottom: 15px;
        font-size: 17px;
        font-weight: bold;
        color: #777;
    }
    #suntory_contents .article_list .date span {
        font-family: 'Roboto',sans-serif;
        font-size: 18px;
    }
    #suntory_contents .article_list .text {
        font-size: 16px;
        line-height: 1.625;
        color: #777;
    }
    #suntory_contents .article_list li a:hover .text {
        text-decoration: underline;
    }
    
    
    /*------------------------------------------------------------
    [PC] article_infocus
    ------------------------------------------------------------ */
    #suntory_contents .article_infocus {
        
    }
    #suntory_contents .article_infocus .main_visual {
        margin-bottom: 40px;
        position: relative;
    }
    #suntory_contents .article_infocus .main_visual picture {
        width: 100%;
        display: block;
    }
    #suntory_contents .article_infocus .main_visual picture img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    #suntory_contents .article_infocus .main_visual h1{
        width: 1160px;
        height: 220px;
        position: absolute;
        bottom:0;
        left: 0;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        padding: 0 50px;
        color: #fff;
        font-size: 56.34px;
        line-height: 1.176428824991125;
        font-weight: normal;
        font-weight: 400;
        font-family: "Hiragino Mincho ProN", "YuMincho", "Yu Mincho", serif;
        text-shadow: 0 0 20px rgba(0,0,0,1);
        opacity: .75;
    }
    #suntory_contents .article_infocus .main_visual h1.type02{
        font-size: 43.34px
    }
    #suntory_contents .article_infocus .section {
        margin: 0 90px 60px 40px;
        position: relative;
    }
    #suntory_contents .article_infocus .section .inner {
        position: relative;
    }
    
    #suntory_contents .article_infocus .section picture {
        width: 300px;
    }
    #suntory_contents .article_infocus .section picture img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    
    /*[018]300x420*/
    #suntory_contents .article_infocus .section .float_img01 {
        position: absolute;
        top: 0;
        right: 0;
    }
    #suntory_contents .article_infocus .section .float_img02 {
        position: absolute;
        top: 460px;
        right: 0;
    }
    #suntory_contents .article_infocus .section .float_img03 {
        position: absolute;
        top: 920px;
        right: 0;
    }

    /*[001]*/
    #suntory_contents .article_infocus#vol001 .section01 .float_img02 {
        position: absolute;
        top: 420px;
        right: 0;
    }
    #suntory_contents .article_infocus#vol001 .section01 .float_img03 {
        position: absolute;
        top: 720px;
        right: 0;
    }
    #suntory_contents .article_infocus#vol001 .section01 .float_img04 {
        position: absolute;
        top: 1020px;
        right: 0;
    }
    #suntory_contents .article_infocus#vol001 .section02 .float_img01 {
        position: absolute;
        top: 0;
        right: 0;
        width: 300px;
    }
    #suntory_contents .article_infocus#vol001 .section02 .float_img02 {
        position: absolute;
        top: 370px;
        right: 0;
        width: 300px;
    }
    
    /*[002]*/
    #suntory_contents .article_infocus#vol002 .section01 .float_img02 {
        position: absolute;
        top: 460px;
        right: 0;
    }
    #suntory_contents .article_infocus#vol002 .section01 .float_img03 {
        position: absolute;
        top: 860px;
        right: 0;
    }
    #suntory_contents .article_infocus#vol002 .section02 .float_img02 {
        position: absolute;
        top: 259px;
        right: 0;
    }
    
    /*[003]*/
    #suntory_contents .article_infocus#vol003 .section01 .float_img02 {
        position: absolute;
        top: 420px;
        right: 0;
    }
    #suntory_contents .article_infocus#vol003 .section01 .float_img03 {
        position: absolute;
        top: 720px;
        right: 0;
    }
    #suntory_contents .article_infocus#vol003 .section02 .float_img02 {
        position: absolute;
        top: 440px;
        right: 0;
    }
    /*[004]*/
    #suntory_contents .article_infocus#vol004 .section01 .float_img02 {
        position: absolute;
        top: 420px;
        right: 0;
    }
    #suntory_contents .article_infocus#vol004 .section01 .float_img03 {
        position: absolute;
        top: 900px;
        right: 0;
    }
    #suntory_contents .article_infocus#vol004 .section01 .float_img04 {
        position: absolute;
        top: 1380px;
        right: 0;
        width: 300px;
    }
    #suntory_contents .article_infocus#vol004 .section02 .float_img02 {
        position: absolute;
        top: 263px;
        right: 0;
    }
    /*[005]*/
    #suntory_contents .article_infocus#vol005 .section01 .float_img02 {
        position: absolute;
        top: 420px;
        right: 0;
    }
    #suntory_contents .article_infocus#vol005 .section01 .float_img03 {
        position: absolute;
        top: 750px;
        right: 0;
    }
    #suntory_contents .article_infocus#vol005 .section01 .float_img04 {
        position: absolute;
        top: 1170px;
        right: 0;
        width: 300px;
    }
    #suntory_contents .article_infocus#vol005 .section02 .float_img02 {
        position: absolute;
        top: 380px;
        right: 0;
    }
    /*[006]*/
    #suntory_contents .article_infocus#vol006 .section01 .float_img02 {
        position: absolute;
        top: 357px;
        right: 0;
    }
    #suntory_contents .article_infocus#vol006 .section01 .float_img03 {
        position: absolute;
        top: 757px;
        right: 0;
    }
    #suntory_contents .article_infocus#vol006 .section02 .float_img02 {
        position: absolute;
        top: 431px;
        right: 0;
    }
    
    /*[007]*/
    #suntory_contents .article_infocus#vol007 .section01 .float_img02 {
        position: absolute;
        top: 450px;
        right: 0;
        width: 300px;
    }
    #suntory_contents .article_infocus#vol007 .section02 .float_img02 {
        position: absolute;
        top: 340px;
        right: 0;
        width: 300px;
    }
    #suntory_contents .article_infocus#vol007 .section03 .float_img02 {
        position: absolute;
        top: 360px;
        right: 0;
        width: 300px;
    }
    /*[008]*/
    #suntory_contents .article_infocus#vol008 .section01 .float_img02 {
        position: absolute;
        top: 267px;
        right: 0;
        width: 300px;
    }
    #suntory_contents .article_infocus#vol008 .section01 .float_img03 {
        position: absolute;
        top: 534px;
        right: 0;
        width: 300px;
    }
    /*[009]*/
    #suntory_contents .article_infocus#vol009 .section01 .float_img02 {
        position: absolute;
        top: 340px;
        right: 0;
        width: 300px;
    }
    #suntory_contents .article_infocus#vol009 .section01 .float_img03 {
        position: absolute;
        top: 680px;
        right: 0;
        width: 300px;
    }
    #suntory_contents .article_infocus#vol009 .section01 .float_img04 {
        position: absolute;
        top: 1020px;
        right: 0;
        width: 300px;
    }
    /*[010]*/
    #suntory_contents .article_infocus#vol010 .section01 .float_img02 {
        position: absolute;
        top: 460px;
        right: 0;
        width: 300px;
    }
    #suntory_contents .article_infocus#vol010 .section01 .float_img03 {
        position: absolute;
        top: 860px;
        right: 0;
        width: 300px;
    }
    #suntory_contents .article_infocus#vol010 .section01 .float_img04 {
        position: absolute;
        top: 1260px;
        right: 0;
        width: 300px;
    }
    #suntory_contents .article_infocus#vol010 .section02 .float_img02 {
        position: absolute;
        top: 400px;
        right: 0;
        width: 300px;
    }
    /*[011]*/
    #suntory_contents .article_infocus#vol011 .section01 .float_img02 {
        position: absolute;
        top: 460px;
        right: 0;
        width: 300px;
    }
    #suntory_contents .article_infocus#vol011 .section01 .float_img03 {
        position: absolute;
        top: 900px;
        right: 0;
        width: 300px;
    }
    #suntory_contents .article_infocus#vol011 .section02 .float_img02 {
        position: absolute;
        top: 440px;
        right: 0;
        width: 300px;
    }
    /*[012]*/
    #suntory_contents .article_infocus#vol012 .section01 .float_img02 {
        position: absolute;
        top: 460px;
        right: 0;
        width: 300px;
    }
    #suntory_contents .article_infocus#vol012 .section01 .float_img03 {
        position: absolute;
        top: 900px;
        right: 0;
        width: 300px;
    }
    #suntory_contents .article_infocus#vol012 .section02 .float_img02 {
        position: absolute;
        top: 460px;
        right: 0;
        width: 300px;
    }
    /*[013]*/
    #suntory_contents .article_infocus#vol013 .section01 .float_img02 {
        position: absolute;
        top: 460px;
        right: 0;
        width: 300px;
    }
    #suntory_contents .article_infocus#vol013 .section02 .float_img02 {
        position: absolute;
        top: 460px;
        right: 0;
        width: 300px;
    }
    /*[014]*/
    #suntory_contents .article_infocus#vol014 .section01 .float_img02 {
        position: absolute;
        top: 460px;
        right: 0;
        width: 300px;
    }
    #suntory_contents .article_infocus#vol014 .section01 .float_img03 {
        position: absolute;
        top: 900px;
        right: 0;
        width: 300px;
    }
    #suntory_contents .article_infocus#vol014 .section01 .float_img04 {
        position: absolute;
        top: 1340px;
        right: 0;
        width: 300px;
    }
    #suntory_contents .article_infocus#vol014 .section02 .float_img02 {
        position: absolute;
        top: 440px;
        right: 0;
        width: 300px;
    }
    /*[016]*/
    #suntory_contents .article_infocus#vol016 .section01 .float_img04 {
        position: absolute;
        top: 1380px;
        right: 0;
        width: 300px;
    }
    /*[025]*/
    #suntory_contents .article_infocus#vol025 .section01 .float_img04 {
        position: absolute;
        top: 1380px;
        right: 0;
        width: 300px;
    }
    #suntory_contents .article_infocus#vol025 .section02 .float_img04 {
        position: absolute;
        top: 1380px;
        right: 0;
        width: 300px;
    }
    /*[026]*/
    #suntory_contents .article_infocus#vol026 .section01 .float_img04 {
        position: absolute;
        top: 1380px;
        right: 0;
        width: 300px;
    }
    #suntory_contents .article_infocus#vol026 .section02 .float_img04 {
        position: absolute;
        top: 1380px;
        right: 0;
        width: 300px;
    }

        /*[029]*/
    #suntory_contents .article_infocus#vol029 .section02 .float_img04 {
        position: absolute;
        top: 1380px;
        right: 0;
        width: 300px;
    }
    #suntory_contents .article_infocus#vol029 .section02 .float_img05 {
        position: absolute;
        top: 1840px;
        right: 0;
        width: 300px;
    }
    /*[030]*/
    #suntory_contents .article_infocus#vol030 .section02 .float_img04 {
        position: absolute;
        top: 1380px;
        right: 0;
        width: 300px;
    }
    #suntory_contents .article_infocus#vol030 .section02 .float_img05 {
        position: absolute;
        top: 1840px;
        right: 0;
        width: 300px;
    }

    #suntory_contents .article_infocus#vol030 p.img_space {
        margin-bottom: 300px !important;
    }

    #suntory_contents .article_infocus .section h2 {
        border-left: 10px #bb0000 solid;
        padding:15px 0 15px 40px;
        font-size: 28px;
        line-height: 1.428571428571429;
        font-weight: bold;
        margin-bottom: 40px;
    }
    #suntory_contents .article_infocus .section dl {
        margin: 0 0 0 50px;
    }
    #suntory_contents .article_infocus .section .inner dl {
        margin: 0 0 0 50px;
        width: 640px;
    }
    #suntory_contents .article_infocus .section .img_text_block {
        margin: 0 0 0 50px;
        display: flex;
        justify-content: space-between;
    }
    #suntory_contents .article_infocus .section .img_text_block dl {
        margin: 0;
        width: 640px;
    }
    #suntory_contents .article_infocus .section .img_text_block picture {
        width: 300px;
    }
    #suntory_contents .article_infocus .section .img_text_block picture img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    
    #suntory_contents .article_infocus .section .solid_float_img {
        margin: 0 50px 50px 50px;
        float: left;
    }
    
    
    #suntory_contents .article_infocus .section dt {
        margin-bottom: 30px;
        font-size: 18px;
        line-height: 1.777777777777778;
        font-weight: bold;
        color: #bb0000;
    }
    #suntory_contents .article_infocus .section dt .sub {
        font-size: 16px;
        color: #000;
        font-weight: bold;
    }
    #suntory_contents .article_infocus .section dd p {
        font-size: 16px;
        line-height: 2;
        margin-bottom: 2em;
    }
    #suntory_contents .article_infocus .section dd .no_float {
        width: 980px;
        line-height: 2;
    }
    
    
    
    /*------------------------------------------------------------
    [PC] btn_profile
    ------------------------------------------------------------ */
    #suntory_contents .btn_profile {
        margin: 0 auto 100px;
        text-align: center;
    }
    #suntory_contents .btn_profile a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: #bb0000 url(../img/arrow_next.png) no-repeat right 30px center;
        background-size: 7px 12px;
        text-decoration: none;
        color: #fff;
        height: 80px;
        padding: 0 70px 0 30px;
    }
    #suntory_contents .btn_profile a:hover {
        background: #ee0000 url(../img/arrow_next.png) no-repeat right 30px center;
        background-size: 7px 12px;
    }
    #suntory_contents .btn_profile a .number {
        margin-right: 20px;
        font-size: 40px;
        font-weight: bold;
        font-family: 'Roboto',sans-serif;
    }
    #suntory_contents .btn_profile a .position {
        margin-right: 20px;
        font-size: 21px;
        font-weight: bold;
        font-family: 'Roboto',sans-serif;
    }
    #suntory_contents .btn_profile a .name {
        font-size: 20px;
    }
    
    #suntory_contents .btn_profile .br-sp {
        display: none;
    }
    
    /*------------------------------------------------------------
    [PC] extra_img
    ------------------------------------------------------------ */
    #suntory_contents .extra_img {
        height: 675px;
        background: #171717;
        background: -moz-linear-gradient(top,  #ffffff 0%, #171717 100%);
        background: -webkit-linear-gradient(top,  #ffffff 0%,#171717 100%);
        background: linear-gradient(to bottom,  #ffffff 0%,#171717 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#171717',GradientType=0 );
    }
    #suntory_contents .extra_img picture {
        margin: 0 auto;
        width: 980px;
        display: block;
    }
    #suntory_contents .extra_img picture img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    
    /*------------------------------------------------------------
    [PC] more_infocus
    ------------------------------------------------------------ */
    #suntory_contents .more_infocus {
        background: #171717;
        padding-bottom: 100px;
    }
    #suntory_contents .more_infocus h2 {
        margin-bottom: 20px;
        font-size: 13px;
        color: #fff;
        text-align: center;
    }
    #suntory_contents .more_infocus .title_en {
        margin-bottom: 60px;
        font-size: 44px;
        font-weight: bold;
        font-family: 'Roboto',sans-serif;
        color: #fff;
        text-align: center;
    }
    
    #suntory_contents .more_infocus ul {
        margin: 0 auto 105px;
        width: 1080px;
        list-style: none;
        display: flex;
    }
    #suntory_contents .more_infocus ul li {
        width: 340px;
        margin: 0 30px 0 0;
    }
    #suntory_contents .more_infocus ul li:last-child {
        margin: 0;
    }
    #suntory_contents .more_infocus ul li a {
        text-decoration: none;
        color: #fff;
    }
    #suntory_contents .more_infocus ul li picture {
        margin-bottom: 25px;
        width: 340px;
        height: 162px;
        overflow: hidden;
        display: block;
    }
    #suntory_contents .more_infocus ul li picture img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
        transition: all .5s ease;
    }
    #suntory_contents .more_infocus ul li a:hover picture img {
        opacity: .75;
        transform: scale(1.05);
    }
    #suntory_contents .more_infocus .name {
        margin-bottom: 20px;
        padding-bottom: 25px;
        border-bottom: 1px #333 solid;
        display: flex;
        align-items: center;
    }
    #suntory_contents .more_infocus .name .number {
        margin-right: 20px;
        font-size: 22px;
        font-weight: bold;
        font-family: 'Roboto',sans-serif;
    }
    #suntory_contents .more_infocus .name h3 {
        font-size: 18px;
        font-weight: bold;
    }
    #suntory_contents .more_infocus .date {
        margin-bottom: 15px;
        font-size: 17px;
        font-weight: bold;
        color: #888888;
    }
    #suntory_contents .more_infocus .date span {
        font-size: 18px;
        font-weight: bold;
        font-family: 'Roboto',sans-serif;
    }
    #suntory_contents .more_infocus .text {
        font-size: 16px;
        line-height: 1.625;
        color: #888888;
    }
    #suntory_contents .more_infocus ul li a:hover .text {
        text-decoration: underline;
    }
    
    #suntory_contents .more_infocus .btn_list_infocus a {
        margin: 0 auto;
        width: 360px;
        height: 60px;
        padding-left: 23px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #bb0000 url(../img/arrow_prev.png) no-repeat 30px center;
        background-size: 7px auto;
        color: #fff;
        font-size: 20px;
        text-decoration: none;
        box-sizing: border-box;
    }
    #suntory_contents .more_infocus .btn_list_infocus a:hover {
        background: #ee0000 url(../img/arrow_prev.png) no-repeat 30px center;
        background-size: 7px auto;
    }
    
    
    
    
    
    
}