@charset "utf-8";

/*------------------------------------------------------------
  common
------------------------------------------------------------ */
@import url(/wine/common2015/css/common.css);
@import url(common.css);

/*------------------------------------------------------------
  [pc] section
------------------------------------------------------------ */
#suntory_contents section {
    margin-bottom: 10px;
}
#suntory_contents section h2 {
    border:1px #d4145a solid;
    border-radius: 1px;
}

#suntory_contents #container section h2 a {
    background: #000;
    display: block;
    padding:20px;
    font-size: 25px;
    color: #fff;
    text-decoration:none;
    cursor: pointer;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#97004c', endColorstr = '#d3145a');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#97004c', endColorstr = '#d3145a')";
    background: url(../img/arrow_open.png) no-repeat right center,-moz-linear-gradient(left, #97004c, #d3145a);
    background: url(../img/arrow_open.png) no-repeat right center,-ms-linear-gradient(left, #97004c, #d3145a);
    background: url(../img/arrow_open.png) no-repeat right center,-o-linear-gradient(left, #97004c, #d3145a);
    background: url(../img/arrow_open.png) no-repeat right center,-webkit-gradient(linear, left top, right top, from(#97004c), to(#d3145a));
    background: url(../img/arrow_open.png) no-repeat right center,-webkit-linear-gradient(left, #97004c, #d3145a);
    background: url(../img/arrow_open.png) no-repeat right center,linear-gradient(left, #97004c, #d3145a);
}
#suntory_contents #container section h2 a:hover {
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#d3145a', endColorstr = '#97004c');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#d3145a', endColorstr = '#97004c')";
    background: url(../img/arrow_open.png) no-repeat right center,-moz-linear-gradient(left, #d3145a, #97004c);
    background: url(../img/arrow_open.png) no-repeat right center,-ms-linear-gradient(left, #d3145a, #97004c);
    background: url(../img/arrow_open.png) no-repeat right center,-o-linear-gradient(left, #d3145a, #97004c);
    background: url(../img/arrow_open.png) no-repeat right center,-webkit-gradient(linear, left top, right top, from(#d3145a), to(#97004c));
    background: url(../img/arrow_open.png) no-repeat right center,-webkit-linear-gradient(left, #d3145a, #97004c);
    background: linear-gradient(left, #d3145a, #97004c);
}
#suntory_contents #container section h2.open a {
    background: url(../img/arrow_close.png) no-repeat right center,-moz-linear-gradient(left, #97004c, #d3145a);
    background: url(../img/arrow_close.png) no-repeat right center,-ms-linear-gradient(left, #97004c, #d3145a);
    background: url(../img/arrow_close.png) no-repeat right center,-o-linear-gradient(left, #97004c, #d3145a);
    background: url(../img/arrow_close.png) no-repeat right center,-webkit-gradient(linear, left top, right top, from(#97004c), to(#d3145a));
    background: url(../img/arrow_close.png) no-repeat right center,-webkit-linear-gradient(left, #97004c, #d3145a);
    background: url(../img/arrow_close.png) no-repeat right center,linear-gradient(left, #97004c, #d3145a);
}
#suntory_contents #container section h2.open a:hover {
    background: url(../img/arrow_close.png) no-repeat right center,-moz-linear-gradient(left, #d3145a, #97004c);
    background: url(../img/arrow_close.png) no-repeat right center,-ms-linear-gradient(left, #d3145a, #97004c);
    background: url(../img/arrow_close.png) no-repeat right center,-o-linear-gradient(left, #d3145a, #97004c);
    background: url(../img/arrow_close.png) no-repeat right center,-webkit-gradient(linear, left top, right top, from(#d3145a), to(#97004c));
    background: url(../img/arrow_close.png) no-repeat right center,-webkit-linear-gradient(left, #d3145a, #97004c);
    background: linear-gradient(left, #d3145a, #97004c);
}


/*------------------------------------------------------------
  [pc] section contents
------------------------------------------------------------ */
#suntory_contents section .contents {
    margin: 20px;
}
#suntory_contents section .contents h3 {
    margin-bottom: 1em;
    font-size: 25px;_
    line-height: 1.8;
}
#suntory_contents section .contents h3.section {
    margin-top:3em;
}
#suntory_contents section .contents h4 {
    margin-bottom: 1em;
    font-size: 25px;
    line-height: 1.8;
}
#suntory_contents section .contents h4.glossaryTitle {
    margin-bottom: .5em;
}

#suntory_contents section .contents p {
    margin-bottom: 1em;
    font-size: 20px;
    line-height: 1.8;
}
#suntory_contents section .contents p.lead {
    margin-bottom: 3em;
}

#suntory_contents section .contents p em {
    color: #d4145a;
    font-style: normal;
}
#suntory_contents section .contents figure {
    margin-bottom: 30px;
}
#suntory_contents section .contents figure.center {
    text-align: center;
}

#suntory_contents section .pageTop {
    background: url(../img/cate01/line_double.png) repeat-x 0 0;
    text-align: right;
    margin: 50px 0;
    padding: 24px 0 0;
}
#suntory_contents section .pageTop p {
    font-size: 14px;
    line-height: 14px;
}
#suntory_contents section .pageTop p a {
    padding-left: 18px;
    background: url(../img/cate01/tri_page_top.png) no-repeat 0 center;
    color: #d4145a;
}

/*------------------------------------------------------------
  [pc] anchor
------------------------------------------------------------ */
    #suntory_contents #section01,
    #suntory_contents #section02,
    #suntory_contents #section03,
    #suntory_contents #section04 {
        position: relative;
    }
    
    #suntory_contents #anchor01,
    #suntory_contents #anchor02,
    #suntory_contents #anchor03,
    #suntory_contents #anchor04 {
        position: absolute;
        top: 0px;
        left: 0px;
}

/*------------------------------------------------------------
  [pc] fig01
------------------------------------------------------------ */
#suntory_contents #fig01 {
    margin: 0 auto 30px;
    text-align: center;
    width: 100%;
    border: #c51c56 solid 4px;
    padding: 25px 10px;
    border-style: solid;
    border-width: 8px;
    -moz-border-image: url('../img/cate01/bg_border.png') 8 repeat;
    -webkit-border-image: url('../img/cate01/bg_border.png') 8 repeat;
    -o-border-image: url('../img/cate01/bg_border.png') 8 repeat;
    border-image: url('../img/cate01/bg_border.png') 8 fill repeat;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
#suntory_contents #fig01 figure {
    margin-bottom: 25px;
}
#suntory_contents #fig01 h4 {
    margin-bottom: 1em;
    font-size: 25px;
    line-height: 1.8;
    color: #d4145a;
}

/*------------------------------------------------------------
  [pc] table01
------------------------------------------------------------ */
#suntory_contents #table01 {
    margin: 0 auto;
    width: 100%;
}
#suntory_contents #table01 th {
    border: 1px #c51c56 solid;
    font-size: 20px;
    line-height: 1.8;
    text-align: center;
    vertical-align: middle;
    padding: 10px;
    background: #fff;
}
#suntory_contents #table01 td {
    border: 1px #c51c56 solid;
    font-size: 20px;
    line-height: 1.8;
    text-align: center;
    vertical-align: middle;
    padding: 10px;
}
#suntory_contents #table01 tr:nth-child(odd) td {
    background: #f4d4df;
}
#suntory_contents #table01 tr:nth-child(even) td {
    background: #e8a9c0;
}

/*------------------------------------------------------------
  [pc] glossary
------------------------------------------------------------ */
#suntory_contents .glossary {
    margin: 0 auto 15px;
    width: 100%;
    border: #c51c56 solid 4px;
    padding: 10px 10px;
    border-style: solid;
    border-width: 8px;
    -moz-border-image: url('../img/cate01/bg_border.png') 8 repeat;
    -webkit-border-image: url('../img/cate01/bg_border.png') 8 repeat;
    -o-border-image: url('../img/cate01/bg_border.png') 8 repeat;
    border-image: url('../img/cate01/bg_border.png') 8 fill repeat;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
#suntory_contents .glossary:after { content :''; display :block; clear :both; }

#suntory_contents section .contents .glossary h5 {
    margin-bottom: 0;
    font-size: 25px;
    line-height: 1.8;
}
#suntory_contents section .contents .glossary p {
    margin-bottom: 0;
    font-size: 20px;
    line-height: 1.8;
}
#suntory_contents section .contents .glossary figure {
    margin: 0 0 0 10px;
    float:right;
}

/*------------------------------------------------------------
  [pc] map
------------------------------------------------------------ */
#suntory_contents #map {
    margin-bottom: 50px;
    width: 960px;
    height: 502px;
    background: url(../img/cate01/03_map.png) no-repeat 0 0;
    position: relative;
}
#suntory_contents #map li a {
    width: 120px;
    height: 30px;
    display: block;
    text-indent:-9999px;
    position: absolute;
}
#suntory_contents #map li a:hover {
    background: rgba(0,0,0,.25);
}

#suntory_contents #map .btnFrance a {
    top: 53px;
    left: 144px;
}
#suntory_contents #map .btnGermany a {
    top: 94px;
    left: 144px;
}
#suntory_contents #map .btnItaly a {
    top: 134px;
    left: 144px;
}
#suntory_contents #map .btnSpain a {
    top: 173px;
    left: 144px;
}
#suntory_contents #map .btnPortugal a {
    top: 213px;
    left: 144px;
}
#suntory_contents #map .btnAmerica a {
    top: 177px;
    left: 678px;
}
#suntory_contents #map .btnChile a {
    top: 361px;
    left: 709px;
}
#suntory_contents #map .btnArgentina a {
    top: 400px;
    left: 709px;
}
#suntory_contents #map .btnAustralia a {
    top: 304px;
    left: 379px;
}
#suntory_contents #map .btnNewZealand a {
    top: 351px;
    left: 489px;
}
#suntory_contents #map .btnSouthAfrica a {
    top: 394px;
    left: 187px;
}
#suntory_contents #map .btnChina a {
    top: 173px;
    left: 307px;
}
#suntory_contents #map .btnJapan a {
    top: 204px;
    left: 477px;
}

#suntory_contents .contoryDataContainer {
    margin: 0 0 0 20px;
}

#suntory_contents .contoryDataContainer:after { content :''; display :block; clear :both; }

#suntory_contents .countryData {
    margin-bottom: 20px;
    width: 430px;
}
#suntory_contents #contents .countryData h3 {
    margin: 0;
    padding-left: 80px;
    font-size: 14px;
    line-height: 1.8;
}
#suntory_contents .countryData .text {
    margin: 0;
    padding-left: 80px;
    font-size: 14px;
    line-height: 1.8;
}
#suntory_contents .countryData .link {
    margin: 0;
    padding-left: 80px;
    font-size: 14px;
    line-height: 1.8;
}

#suntory_contents #dataFrance {
    background: url(../img/cate01/flag_france.png) no-repeat 0 0;
    float:left;
}
#suntory_contents #dataGermany {
    background: url(../img/cate01/flag_germany.png) no-repeat 0 0;
    float:right;
}
#suntory_contents #dataItaly {
    clear: both;
    background: url(../img/cate01/flag_italy.png) no-repeat 0 0;
    float:left;
}
#suntory_contents #dataSpain {
    background: url(../img/cate01/flag_spain.png) no-repeat 0 0;
    float:right;
}
#suntory_contents #dataPortugal {
    clear: both;
    background: url(../img/cate01/flag_portugal.png) no-repeat 0 0;
    float:left;
}
#suntory_contents #dataAmerica {
    background: url(../img/cate01/flag_america.png) no-repeat 0 0;
    float:right;
}
#suntory_contents #dataChile {
    clear: both;
    background: url(../img/cate01/flag_chile.png) no-repeat 0 0;
    float:left;
}
#suntory_contents #dataArgentina {
    background: url(../img/cate01/flag_argentina.png) no-repeat 0 0;
    float:right;
}
#suntory_contents #dataAustralia {
    clear: both;
    background: url(../img/cate01/flag_australia.png) no-repeat 0 0;
    float:left;
}
#suntory_contents #dataNewZealand {
    background: url(../img/cate01/flag_new_zealand.png) no-repeat 0 0;
    float:right;
}
#suntory_contents #dataSouthAfrica {
    clear: both;
    background: url(../img/cate01/flag_south_africa.png) no-repeat 0 0;
    float:left;
}
#suntory_contents #dataChina {
    background: url(../img/cate01/flag_china.png) no-repeat 0 0;
    float:right;
}
#suntory_contents #dataJapan {
    clear: both;
    background: url(../img/cate01/flag_japan.png) no-repeat 0 0;
    float:left;
}


@media screen and (max-width:768px){
    
	/*------------------------------------------------------------
	  [sp] container
	------------------------------------------------------------ */
	#suntory_contents #container {
	    width:100%;
	    overflow: hidden;
	}
	
	#suntory_contents #breadCrumbs {
	    display: none;        
	}
 
    
    
    /*------------------------------------------------------------
      [SP] section
    ------------------------------------------------------------ */
    #suntory_contents section {
        margin-bottom: 10px;
    }

    
    #suntory_contents section h2 {
        border:1px #d4145a solid;
    }

    #suntory_contents #container section h2 a {
        display: block;
        padding:20px;
        font-size: 18px;
        color: #fff;
        text-decoration:none;
        background: url(../img/arrow_open.png) no-repeat right center,-webkit-gradient(linear, left top, right top, from(#97004c), to(#d3145a));
        background: url(../img/arrow_open.png) no-repeat right center,-webkit-linear-gradient(left, #97004c, #d3145a);
        background: url(../img/arrow_open.png) no-repeat right center,linear-gradient(left, #97004c, #d3145a);
        background-size:30px auto,auto;
    }
    #suntory_contents #container section h2 a:hover {
        background: url(../img/arrow_open.png) no-repeat right center,-webkit-gradient(linear, left top, right top, from(#d3145a), to(#97004c));
        background: url(../img/arrow_open.png) no-repeat right center,-webkit-linear-gradient(left, #d3145a, #97004c);
        background: linear-gradient(left, #d3145a, #97004c);
        background-size:30px auto,auto;
    }
    #suntory_contents #container section h2.open a {
        background: url(../img/arrow_close.png) no-repeat right center,-webkit-gradient(linear, left top, right top, from(#97004c), to(#d3145a));
        background: url(../img/arrow_close.png) no-repeat right center,-webkit-linear-gradient(left, #97004c, #d3145a);
        background: url(../img/arrow_close.png) no-repeat right center,linear-gradient(left, #97004c, #d3145a);
        background-size:30px auto,auto;
    }
    #suntory_contents #container section h2.open a:hover {
        background: url(../img/arrow_close.png) no-repeat right center,-webkit-gradient(linear, left top, right top, from(#d3145a), to(#97004c));
        background: url(../img/arrow_close.png) no-repeat right center,-webkit-linear-gradient(left, #d3145a, #97004c);
        background: linear-gradient(left, #d3145a, #97004c);
        background-size:30px auto,auto;
    }

    /*------------------------------------------------------------
      [sp] section contents
    ------------------------------------------------------------ */    
    #suntory_contents section .contents {
        margin: 20px;
    }
    #suntory_contents section .contents h3 {
        margin-bottom: 1em;
        font-size: 18px;
        line-height: 1.8;
    }
    #suntory_contents section .contents h4 {
        margin-bottom: 1em;
        font-size: 16px;
        line-height: 1.8;
    }
    #suntory_contents section .contents h4.glossaryTitle {
        margin-bottom: .5em;
    }
    
    #suntory_contents section .contents p {
        margin-bottom: 1em;
        font-size: 14px;
        line-height: 1.8;
    }
    #suntory_contents section .contents p em {
        color: #d4145a;
        font-style: normal;
    }
    #suntory_contents section .contents figure {
        margin-bottom: 30px;
    }
    #suntory_contents section .contents figure img {
        width: 100%;
    }

    #suntory_contents section .pageTop {
        background: url(../img/cate01/line_double.png) repeat-x 0 0;
        background-size: auto 4px;
        text-align: right;
        margin: 20px 0;
        padding: 24px 0 0;
    }
    #suntory_contents section .pageTop p {
        font-size: 12px;
        line-height: 14px;
    }
    #suntory_contents section .pageTop p a {
        padding-left: 18px;
        background: url(../img/cate01/tri_page_top.png) no-repeat 0 center;
        background-size:10px auto;
        color: #d4145a;
    }
    
    /*------------------------------------------------------------
      [sp] anchor
    ------------------------------------------------------------ */
    #suntory_contents #section01,
    #suntory_contents #section02,
    #suntory_contents #section03,
    #suntory_contents #section04 {
        position: relative;
    }
    
    #suntory_contents #anchor01,
    #suntory_contents #anchor02,
    #suntory_contents #anchor03,
    #suntory_contents #anchor04 {
        position: absolute;
        top: -70px;
        left: 0px;
    }
    
    
    /*------------------------------------------------------------
      [sp] fig01
    ------------------------------------------------------------ */
    #suntory_contents #fig01 {
        margin: 0 auto 15px;
        text-align: center;
        width: 100%;
        border: #c51c56 solid 4px;
        padding: 25px 10px;
        border-style: solid;
        border-width: 8px;
        -webkit-border-image: url('../img/cate01/bg_border.png') 8 repeat;
        border-image: url('../img/cate01/bg_border.png') 8 fill repeat;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    #suntory_contents #fig01 figure {
        margin-bottom: 25px;
    }
    #suntory_contents #fig01 h4 {
        margin-bottom: 1em;
        font-size: 14px;
        line-height: 1.8;
        color: #d4145a;
    }
    #suntory_contents #fig01 p {
        font-size: 12px;
    }
    
    /*------------------------------------------------------------
      [sp] table01
    ------------------------------------------------------------ */
    #suntory_contents #table01 {
        margin: 0 auto;
        width: 100%;
    }
    #suntory_contents #table01 th {
        border: 1px #c51c56 solid;
        font-size: 14px;
        line-height: 1.8;
        text-align: center;
        vertical-align: middle;
        padding:  10px 5px;
        background: #fff;
        width: 5em;
    }
    #suntory_contents #table01 td {
        border: 1px #c51c56 solid;
        font-size: 14px;
        line-height: 1.8;
        text-align: center;
        vertical-align: middle;
        padding: 10px;
    }
    #suntory_contents #table01 td br {
        display: none;
    }
    #suntory_contents #table01 tr:nth-child(odd) td {
        background: #f4d4df;
    }
    #suntory_contents #table01 tr:nth-child(even) td {
        background: #e8a9c0;
    }
    
    /*------------------------------------------------------------
      [sp] glossary
    ------------------------------------------------------------ */
    #suntory_contents section .contents .glossary h5 {
        margin-bottom: 0;
        font-size: 18px;
        line-height: 1.8;
    }
    #suntory_contents section .contents .glossary p {
        margin-bottom: 0;
        font-size: 14px;
        line-height: 1.8;
    }
    #suntory_contents section .contents .glossary figure {
        margin: 0 0 0 10px;
        float:right;
    }
    
    /*------------------------------------------------------------
      [sp] map
    ------------------------------------------------------------ */
    #suntory_contents #map {
        display: none;
    }
    #suntory_contents .contoryDataContainer {
    margin: 2em 0 0;
    }
    #suntory_contents .countryData {
        margin-bottom: 20px;
        width: auto;
    }
    #suntory_contents #contents .countryData h3 {
        margin: 0;
        padding-left: 80px;
        font-size: 18px;
        line-height: 1.8;
    }
    #suntory_contents .countryData .text {
        margin: 0;
        padding-left: 80px;
        font-size: 14px;
        line-height: 1.8;
    }
    #suntory_contents .countryData .link {
        margin: 0;
        padding-left: 80px;
        font-size: 14px;
        line-height: 1.8;
    }

    #suntory_contents #dataFrance {
        background: url(../img/cate01/flag_france.png) no-repeat 0 0;
        background-size:60px auto;
        float:none;
    }
    #suntory_contents #dataGermany {
        background: url(../img/cate01/flag_germany.png) no-repeat 0 0;
        float:none;
    }
    #suntory_contents #dataItaly {
        clear: both;
        background: url(../img/cate01/flag_italy.png) no-repeat 0 0;
        background-size:60px auto;
        float:none;
    }
    #suntory_contents #dataSpain {
        background: url(../img/cate01/flag_spain.png) no-repeat 0 0;
        background-size:60px auto;
        float:none;
    }
    #suntory_contents #dataPortugal {
        clear: none;
        background: url(../img/cate01/flag_portugal.png) no-repeat 0 0;
        background-size:60px auto;
        float:none;
    }
    #suntory_contents #dataAmerica {
        background: url(../img/cate01/flag_america.png) no-repeat 0 0;
        background-size:60px auto;
        float:none;
    }
    #suntory_contents #dataChile {
        clear: both;
        background: url(../img/cate01/flag_chile.png) no-repeat 0 0;
        background-size:60px auto;
        float:none;
    }
    #suntory_contents #dataArgentina {
        background: url(../img/cate01/flag_argentina.png) no-repeat 0 0;
        background-size:60px auto;
        float:none;
    }
    #suntory_contents #dataAustralia {
        clear: both;
        background: url(../img/cate01/flag_australia.png) no-repeat 0 0;
        background-size:60px auto;
        float:none;
    }
    #suntory_contents #dataNewZealand {
        background: url(../img/cate01/flag_new_zealand.png) no-repeat 0 0;
        background-size:60px auto;
        float:none;
    }
    #suntory_contents #dataSouthAfrica {
        clear: both;
        background: url(../img/cate01/flag_south_africa.png) no-repeat 0 0;
        background-size:60px auto;
        float:none;
    }
    #suntory_contents #dataChina {
        background: url(../img/cate01/flag_china.png) no-repeat 0 0;
        background-size:60px auto;
        float:none;
    }
    #suntory_contents #dataJapan {
        clear: both;
        background: url(../img/cate01/flag_japan.png) no-repeat 0 0;
        background-size:60px auto;
        float:none;
    }
    
    
}