@charset "utf-8";

/*------------------------------------------------------------
  reset
------------------------------------------------------------ */
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, #suntory_contents div, #suntory_contents span, #suntory_contents object, #suntory_contents iframe,
#suntory_contents h1, #suntory_contents h2, #suntory_contents h3, #suntory_contents h4, #suntory_contents h5, #suntory_contents h6, #suntory_contents p, #suntory_contents blockquote, #suntory_contents pre,
#suntory_contents abbr, #suntory_contents address, #suntory_contents cite, #suntory_contents code,
#suntory_contents del, #suntory_contents dfn, #suntory_contents em, #suntory_contents img, #suntory_contents ins, #suntory_contents kbd, #suntory_contents q, #suntory_contents samp,
#suntory_contents small, #suntory_contents strong, #suntory_contents sub, #suntory_contents sup, #suntory_contents var,
#suntory_contents b, #suntory_contents i,
#suntory_contents dl, #suntory_contents dt, #suntory_contents dd, #suntory_contents ol, #suntory_contents ul, #suntory_contents li,
#suntory_contents fieldset, #suntory_contents form, #suntory_contents label, #suntory_contents legend,
#suntory_contents table, #suntory_contents caption, #suntory_contents tbody, #suntory_contents tfoot, #suntory_contents thead, #suntory_contents tr, #suntory_contents th, #suntory_contents td,
#suntory_contents article, #suntory_contents aside, #suntory_contents canvas, #suntory_contents details, #suntory_contents figcaption, #suntory_contents figure, 
#suntory_contents footer, #suntory_contents header, #suntory_contents hgroup, #suntory_contents menu, #suntory_contents nav, #suntory_contents section, #suntory_contents summary,
#suntory_contents time, #suntory_contents mark, #suntory_contents audio, #suntory_contents video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    font-weight: normal;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

#suntory_contents article,#suntory_contents aside,#suntory_contents details,#suntory_contents figcaption,#suntory_contents figure,
#suntory_contents footer,#suntory_contents header,#suntory_contents hgroup,#suntory_contents menu,#suntory_contents nav,#suntory_contents section { 
    display:block;
}

#suntory_contents ul {
    list-style:none;
}

#suntory_contents blockquote, #suntory_contents q {
    quotes:none;
}

#suntory_contents blockquote:before, #suntory_contents blockquote:after,
#suntory_contents q:before, #suntory_contents q:after {
    content:'';
    content:none;
}

#suntory_contents a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    outline: none;
}

/* change colours to suit your needs */
#suntory_contents ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
#suntory_contents mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

#suntory_contents del {
    text-decoration: line-through;
}

#suntory_contents abbr[title], #suntory_contents dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

#suntory_contents table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
#suntory_contents hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

#suntory_contents input, #suntory_contents select {
    vertical-align:middle;
}



/*=============================================================
  font
============================================================ */
@import url(/sun_common/en/fonts/css/fonts.css);


/*=============================================================
  [PC] 
============================================================ */


/*------------------------------------------------------------
  [PC] main_visual
------------------------------------------------------------ */
    #suntory_contents #main_visual .img {
        width: 100%;
        min-width: 100%;
        padding-top: 37.5%;
        background: url(../img/main_visual.jpg) no-repeat center 0;
        background-size: auto 100%;
        height: 0;
    }
    #suntory_contents #main_visual .wave {
        background: url(../img/wave.png) no-repeat center 0,
                    url(../img/bg_wave.jpg) no-repeat center 120px;
        margin-top: -120px;
        padding-bottom: 100px;
    }
    #suntory_contents #main_visual .wave h1 {
            margin-bottom: 60px;
            padding-top: 70px;
            font-size: 48px;
            font-family: 'suntory sabon';
            font-style: normal;
            font-weight: 300;
            color: #333333;
            text-align: center;
    }  
    #suntory_contents #main_visual .wave p {
        margin: 0 auto;
        width: 760px;
        font-size: 20px;
        line-height: 2;
        font-family: 'suntory sabon';
        font-style: normal;
        font-weight: 300;
        color: #333333;
    }   
    
    
    
/*------------------------------------------------------------
  [PC] taste
------------------------------------------------------------ */
    #suntory_contents #taste {
        margin: 0 auto;
        padding: 40px 15px 85px;
        min-width: 960px;
        border-bottom: 1px #d6d6d6 solid;
        box-sizing: border-box;
    }
    #suntory_contents #taste:after { content :''; display :block; clear :both; }
    
    #suntory_contents #taste figure {
        width: 39.690721649%;
        float: left;
    }
    #suntory_contents #taste figure img {
        width: 100%;
    }
    #suntory_contents #taste h2 {
        padding-top: 60px;
        width: 56.872852233%;
        margin-bottom: 40px;
        font-size: 40px;
        line-height: 1.5;
        font-family: 'suntory sabon';
        font-style: normal;
        font-weight: 300;
        color: #333;
        float: right;
    }
    #suntory_contents #taste p {
        width: 56.872852233%;
        font-size: 20px;
        line-height: 1.8;
        font-family: 'suntory sabon';
        font-style: normal;
        font-weight: 300;
        color: #333;
        float: right;
    }
    
    
    /*------------------------------------------------------------
      [PC] health
    ------------------------------------------------------------ */
    #suntory_contents #health {
        margin: 0 auto;
        padding: 40px 15px 85px;
        min-width: 960px;
        border-bottom: 1px #d6d6d6 solid;
        box-sizing: border-box;
    }
    #suntory_contents #health:after { content :''; display :block; clear :both; }
    
    #suntory_contents #health figure {
        width: 39.690721649%;
        float: right;
    }
    #suntory_contents #health figure img {
        width: 100%;
    }
    #suntory_contents #health h2 {
        width: 56.872852233%;
        padding-top: 60px;
        margin-bottom: 40px;
        font-size: 40px;
        line-height: 1.5;
        font-family: 'suntory sabon';
        font-style: normal;
        font-weight: 300;
        color: #333;
        float: left;
    }
    #suntory_contents #health p {
        width: 56.872852233%;
        font-size: 20px;
        line-height: 1.8;
        font-family: 'suntory sabon';
        font-style: normal;
        font-weight: 300;
        color: #333;
        float: left;
    }
    #suntory_contents #health p em {
        font-style: italic;
    }
    
        /*------------------------------------------------------------
          [PC] blue_rose
        ------------------------------------------------------------ */
        #suntory_contents #blue_rose {
            margin: 0 auto;
            padding: 100px 15px 120px;
            min-width: 960px;
            border-bottom: 1px #d6d6d6 solid;
            box-sizing: border-box;
        }
        #suntory_contents #blue_rose:after { content :''; display :block; clear :both; }

        #suntory_contents #blue_rose figure {
            width: 48.281786941%;
            float: left;
        }
        #suntory_contents #blue_rose figure img {
            width: 100%;
            height: auto;
        }
        #suntory_contents #blue_rose h2 {
            margin-bottom: 40px;
            font-size: 40px;
            line-height: 1.5;
            font-family: 'suntory sabon';
            font-style: normal;
            font-weight: 300;
            color: #333;
            width: 48.281786941%;
            float: right;
        }
        #suntory_contents #blue_rose p {
            font-size: 20px;
            line-height: 1.8;
            font-family: 'suntory sabon';
            font-style: normal;
            font-weight: 300;
            color: #333;
            width: 48.281786941%;
            float: right;
        }
        #suntory_contents #blue_rose p em {
        font-style: italic;
        }        


        /*------------------------------------------------------------
          [PC] environment
        ------------------------------------------------------------ */
        #suntory_contents #environment {
            margin: 0 auto;
            padding: 100px 15px 120px;
            min-width: 960px;
            border-bottom: 1px #d6d6d6 solid;
            box-sizing: border-box;
        }
        #suntory_contents #environment:after { content :''; display :block; clear :both; }
    
        #suntory_contents #environment figure {
            width: 48.281786941%;
            float: right;
        }
        #suntory_contents #environment figure img {
            width: 100%;
            height: auto;
        }
        #suntory_contents #environment h2 {
            width: 48.281786941%;
            margin-bottom: 40px;
            font-size: 40px;
            line-height: 1.5;
            font-family: 'suntory sabon';
            font-style: normal;
            font-weight: 300;
            color: #333;
            float: left;
        }
        #suntory_contents #environment p {
            width: 48.281786941%;
            font-size: 20px;
            line-height: 1.8;
            font-family: 'suntory sabon';
            font-style: normal;
            font-weight: 300;
            color: #333;
            float:left;
        }
        #suntory_contents #environment p em {
                font-style: italic;
        }        

    
    
        /*------------------------------------------------------------
          [PC] r_and_d
        ------------------------------------------------------------ */
        #suntory_contents #r_and_d {
            margin: 0 auto;
            padding: 100px 0 120px;
            min-width: 960px;
        }
        #suntory_contents #r_and_d h2 {
        margin-bottom: 40px;
        font-size: 40px;
        line-height: 1.5;
        font-family: 'suntory sabon';
        font-style: normal;
        font-weight: 300;
        color: #333;
        text-align: center;
        }
        #suntory_contents #r_and_d p.lead {
            width:840px;
            margin: 0 auto 50px;
            font-size: 20px;
            line-height: 1.8;
            font-family: 'suntory sabon';
            font-style: normal;
            font-weight: 300;
            color: #333;
            text-align: center;
        }
        
    #suntory_contents #r_and_d .pickup {
        margin: 0 auto;
        padding: 0;
        width: 764px;
        border: 1px #d6d6d6 solid;
    }
    #suntory_contents #r_and_d .pickup:after { content :''; display :block; clear :both; }
    
    #suntory_contents #r_and_d .pickup figure {
        width: 262px;
        height: 145px;
        overflow: hidden;
        float: left;
    }
    #suntory_contents #r_and_d .pickup figure img {
        width:100%;
        height: auto;
        vertical-align: bottom;
        transition: all .2s ease-in-out;
    }
    #suntory_contents #r_and_d .pickup a:hover figure img {
        transform: scale(1.08, 1.08)
    }


    #suntory_contents #r_and_d .pickup .text_block {
        width: 478px;
        float: right;
        padding: 15px 0 0;
    }
    
    #suntory_contents #r_and_d .pickup h3 {
        margin-bottom: 10px;
            font-size: 20px;
            font-family: 'suntory sabon';
            font-style: normal;
            font-weight: 300;
            color: #333;
    }
    #suntory_contents #r_and_d .pickup .text {
        width: 100%;
        height: auto;
            font-size: 15px;
        line-height: 1.6;
            font-family: 'suntory sabon';
            font-style: normal;
            font-weight: 300;
            color: #333;
           text-align: left;
    }
    #suntory_contents #r_and_d .pickup .more {
            font-size: 18px;
            line-height: 1.8;
            font-family: 'suntory syntax';
            font-style: normal;
            font-weight: bold;
            color: #5bc2dc;
        height: auto;
        padding: 0;
        margin: 0;
}
#suntory_contents #r_and_d .pickup a:hover .more {
    text-decoration: underline;
}
    #suntory_contents #r_and_d #map {
        margin: 0 auto;
        width: 960px;
        height: 480px;
        background: url(../img/map.png) no-repeat 0 0;
        position: relative;
    }
    
    #suntory_contents #r_and_d #map .swrc {
        position: absolute;
        top: 40px;
        left: 187px;
    }
    #suntory_contents #r_and_d #map .pdc {
        position: absolute;
        top: 287px;
        left: 539px;
    }

    #suntory_contents #r_and_d #map li {
        display: inline-block;
    }
    #suntory_contents #r_and_d #map li a,
    #suntory_contents #r_and_d #map li.no_link {
        display: block;
        border: 1px #5bc2dc solid;
        border-radius: 20px;
        padding: 20px;
        background: #fff;
        display: flex;
    }
    #suntory_contents #r_and_d #map li a:hover {
        text-decoration: none;
    }
    #suntory_contents #r_and_d #map li a:hover img,
    #suntory_contents #r_and_d #map li a:hover h4,
    #suntory_contents #r_and_d #map li a:hover .location {
        opacity: .75;
    }
    
    #suntory_contents #r_and_d #map li a .text,
    #suntory_contents #r_and_d #map li.no_link .text {
        margin-left: 10px;
    }

    #suntory_contents #r_and_d #map li h4 {
        margin-bottom: 10px;
        font-size: 16px;
        line-height: 1.5;
        font-family: 'suntory syntax';
        font-style: normal;
        font-weight: bold;
        color: #5bc2dc;
    }
    #suntory_contents #r_and_d #map li .location {
        font-size: 13px;
        font-weight: bold;
        color: #666;
    }


@media screen and (min-width:1164px){
/*=============================================================
  [PC] width 1164px - 
============================================================ */
    /*r_and_d*/
    #suntory_contents #r_and_d {
            max-width: 1164px;
    }
    
    /*environment*/
    #suntory_contents #environment {
            padding: 100px 0 120px;
            max-width: 1164px;
    }
    
    /*blue_rose*/
    #suntory_contents #blue_rose {
            padding: 100px 0 120px;
            max-width: 1164px;
    }
    
    /*health*/
    #suntory_contents #health {
        padding: 40px 0 85px;
        max-width: 1164px;
    }
    
    /*taste*/
    #suntory_contents #taste {
        padding: 40px 0 85px;
        max-width: 1164px;
    }
    
}




@media only screen and (max-width: 767px){
    /*=============================================================
      [SP] 
    ============================================================ */
    
    body {
    min-width: 100%;
    }
    
    /*------------------------------------------------------------
      [SP] main_visual
    ------------------------------------------------------------ */
    #suntory_contents #main_visual .img {
        width: auto;
        padding-top: 74%;
        background: url(../img/sp_main_visual.jpg) no-repeat center 0;
        background-size: auto 100%;
        height: 0;
    }
    #suntory_contents #main_visual .wave {
        background: url(../img/sp_wave.svg) no-repeat 0 0;
        background-size: 100% auto;
        margin-top: -8.4vw;
        padding-bottom: 60px;
        position: relative;
    }
    #suntory_contents #main_visual .wave h1 {
            margin-bottom: 30px;
            padding-top: 35px;
            font-size: 32px;
            color: #333333;
            text-align: center;
    }  
    #suntory_contents #main_visual .wave p {
        margin: 0 16px;
        width: auto;
        font-size: 18px;
        line-height: 2;
        font-family: 'suntory sabon';
        font-style: normal;
        font-weight: 300;
        color: #333333;
        white-space: normal;
    }   

    
    /*------------------------------------------------------------
      [SP] taste
    ------------------------------------------------------------ */
    #suntory_contents #taste {
        margin: 0 auto;
        padding: 80px 0 75px;
        width: auto;
        max-width: auto;
        min-width: auto;
        border-bottom: none;
    }
    #suntory_contents #taste figure {
        width: auto;
        float: none;
        text-align: center;
         margin: 0 16px;
    }
    #suntory_contents #taste figure img {
        width: 100%;
        max-width: 350px;
    }
    #suntory_contents #taste h2 {
        margin: 0 16% 40px;
        padding-top: 0;
        width: auto;
        font-size: 32px;
        line-height: 1.5;
        color: #333;
        float: none;
        text-align: center;
    }
    #suntory_contents #taste p {
        margin: 0 16px;
        width: auto;
        font-size: 20px;
        line-height: 1.8;
        color: #333;
        float: none;
    }
    
        /*------------------------------------------------------------
          [SP] health
        ------------------------------------------------------------ */
        #suntory_contents #health {
            margin: 0 auto;
            padding: 0 0 75px;
            width: auto;
            max-width: auto;
            min-width: auto;
            border: none;
        }

        #suntory_contents #health figure {
            width: auto;
            float: none;
            text-align: center;
            margin: 0 16px;
        }
         #suntory_contents #health figure img {
            width: 100%;
            max-width: 350px;
        }
        #suntory_contents #health h2 {
            margin: 0 16% 40px;
            padding-top: 0;
            width: auto;
            font-size: 32px;
            line-height: 1.5;
            color: #333;
            float: none;
            text-align: center;
        }
        #suntory_contents #health p {
            margin: 0 16px;
            width: auto;
            font-size: 20px;
            line-height: 1.8;
            color: #333;
            float: none;
        }
    
         /*------------------------------------------------------------
          [SP] blue_rose
        ------------------------------------------------------------ */
        #suntory_contents #blue_rose {
            margin: 0 auto;
            padding: 0 0 75px;
            width: auto;
            max-width: auto;
            min-width: auto;
            border: none;
        }
 
        #suntory_contents #blue_rose figure {
            width: auto;
            float: none;
            text-align: center;
             margin: 0 16px 35px;
        }
        #suntory_contents #blue_rose figure img {
            width: 100%;
            max-width: 350px;
        }
        #suntory_contents #blue_rose h2 {
            margin: 0 16% 40px;
            padding-top: 0;
            width: auto;
            font-size: 32px;
            line-height: 1.5;
            color: #333;
            float: none;
            text-align: center;
        }
        #suntory_contents #blue_rose p {
            margin: 0 16px;
            width: auto;
            font-size: 20px;
            line-height: 1.8;
            color: #333;
            float: none;
        }
    
        /*------------------------------------------------------------
          [SP] environment
        ------------------------------------------------------------ */
        #suntory_contents #environment {
            margin: 0 auto;
            padding: 0 0 75px;
            width: auto;
            max-width: auto;
            min-width: auto;
            border: none;
            margin: 0;
        }
        #suntory_contents #environment figure {
            width: auto;
            float: none;
            margin: 0 16px 35px;
            text-align: center;
        }
        #suntory_contents #environment figure img {
            width: 100%;
            max-width: 350px;
        }
        #suntory_contents #environment h2 {
            margin: 0 16% 40px;
            padding-top: 0;
            width: auto;
            font-size: 32px;
            line-height: 1.5;
            color: #333;
            float: none;
            text-align: center;
        }
        #suntory_contents #environment p {
            margin: 0 16px;
            width: auto;
            font-size: 20px;
            line-height: 1.8;
            color: #333;
            float: none;
        }
    
        /*------------------------------------------------------------
          [SP] r_and_d
        ------------------------------------------------------------ */
        #suntory_contents #r_and_d {
            margin: 0 auto;
            padding: 0 0 120px;
            width: auto;
            max-width: auto;
            min-width: auto;
        }
        #suntory_contents #r_and_d h2 {
        margin: 0 16px 40px;
        font-size: 32px;
        line-height: 1.5;
        color: #333;
        text-align: center;
        }
        #suntory_contents #r_and_d p.lead {
            width:auto;
            margin: 0 16px 50px;
            font-size: 20px;
            line-height: 1.8;
            color: #333;
            text-align: center;
        }
        #suntory_contents #r_and_d .pickup {
        margin: 0 16px;
        padding: 0 0 15px;
        width: auto;
        border: 1px #d6d6d6 solid;
        }
        #suntory_contents #r_and_d .pickup:after { content :''; display :block; clear :both; }

        #suntory_contents #r_and_d .pickup figure {
            width: auto;
            float:none;
        }
        #suntory_contents #r_and_d .pickup figure img {
            width:100%;
            height: auto;
            vertical-align: bottom;
        }
        #suntory_contents #r_and_d .pickup .text_block {
            width: auto;
            float: none;
            padding: 15px 0 0;
        }
        #suntory_contents #r_and_d .pickup h3 {
            margin: 0 15px 10px;
                font-size: 24px;
            line-height: 1.5;
                font-family: 'suntory sabon';
            font-style: normal;
            font-weight: 300;
                color: #333;
        }
        #suntory_contents #r_and_d .pickup .text {
            width: 100%;
            height: auto;
            font-size: 18px;
            line-height: 1.6;
            font-family: 'suntory sabon';
            font-style: normal;
            font-weight: 300;
            color: #333;
            text-align: left;
            margin: 0 15px;
            box-sizing: border-box;
            white-space: normal;

        }
        #suntory_contents #r_and_d .pickup .more {
                font-size: 18px;
                line-height: 1.8;
            font-family: 'suntory syntax';
            font-style: normal;
            font-weight: 300;
            color: #5bc2dc;
        height: auto;
        padding: 0;
        margin: 0 15px;
        text-align: left;
    }
    #suntory_contents #r_and_d .pickup a:hover {
    text-decoration: none;
}
    #suntory_contents #r_and_d .pickup a:hover .more {
    text-decoration: none;
}
    
    #suntory_contents #r_and_d #map {
        margin: 0 auto;
        width: auto;
        height: 0;
        padding-top:75%;
        background: url(../img/sp_map.png) no-repeat 0 0;
        background-size: 100% auto;
        position: relative;
    }
    
    #suntory_contents #r_and_d #map .swrc {
        position: absolute;
        top: 4.642857142%;
        left: 12.1875%;
    }
    #suntory_contents #r_and_d #map .pdc {
        position: absolute;
        top: 81.19047619%;
        left: auto;
        right: 10px;
    }
    #suntory_contents #r_and_d #map li {
        display: inline-block;
    }
    #suntory_contents #r_and_d #map li a {
        display: block;
        border: 1px #5bc2dc solid;
        border-radius: 2.083333333vw;
        padding: 2.083333333vw;
        background: #fff;
        display: flex;
        width: auto;
    }
    #suntory_contents #r_and_d #map li.no_link {
        display: block;
        border: 1px #5bc2dc solid;
        border-radius: 2.083333333vw;
        padding: 2.083333333vw;
        background: #fff;
        display: flex;
        width: auto;
    }
    #suntory_contents #r_and_d #map li a figure,
    #suntory_contents #r_and_d #map li.no_link figure {
        display: none;
    }
    #suntory_contents #r_and_d #map li a figure img,
    #suntory_contents #r_and_d #map li.no_link figure img{
        display: none;
    }
    #suntory_contents #r_and_d .pickup a:hover figure img {
        transform: scale(1, 1)
    }
    #suntory_contents #r_and_d #map li a:hover {
        text-decoration: none;
    }
    #suntory_contents #r_and_d #map li a:hover img,
    #suntory_contents #r_and_d #map li a:hover h4,
    #suntory_contents #r_and_d #map li a:hover .location {
        opacity: 1;
    }
    
    #suntory_contents #r_and_d #map li a .text,
    #suntory_contents #r_and_d #map li.no_link .text{
        margin-left: 1.5625vw;
        width: auto!important;
    }

    #suntory_contents #r_and_d #map li h4 {
        margin-bottom: 1.5625vw;
        font-size: 2.5vw;
        line-height: 1.5;
        font-family: 'suntory syntax';
            font-style: normal;
            font-weight: 300;
        color: #5bc2dc;
    }
    #suntory_contents #r_and_d #map li .location {
        font-size: 2.03125vw;
        color: #666;
    }
    
    
    
        
}