@charset "utf-8";

/*------------------------------------------------------------
  common
------------------------------------------------------------ */

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


#suntory_contents {
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3",メイリオ,Meiryo,"ＭＳ Ｐゴシック",sans-serif ;
}


/*------------------------------------------------------------
  [pc] container
------------------------------------------------------------ */
#suntory_contents #container {
    width:960px;
}
/*------------------------------------------------------------
  [pc] lead
------------------------------------------------------------ */
#suntory_contents #lead {
    margin: 0 0 50px;
	margin-bottom: 50px;
}
#suntory_contents #lead h1 {
	margin-bottom: 20px;
	width: 650px;
	height: 61px;
	background: url('../img/tl_brand.png') no-repeat 0 0;
	text-indent: -99999px;
}
#suntory_contents #lead p {
	font-size: 12px;
	line-height: 1.8;
}


/*------------------------------------------------------------
  [pc] section
------------------------------------------------------------ */
#suntory_contents .titleBar {
    margin: 0 auto 10px;
    width: 960px;
    background: url('../img/bg_title_bar.jpg') no-repeat 0 0;
    background-size:cover;
    padding: 10px;
    text-align: center;
        -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 #global .titleBar {
	background: url('../img/bg_title_bar_large.jpg') no-repeat 0 0;
	background-size:cover;
}

#suntory_contents .titleBar h2 {
    font-size: 24px;
    line-height: 1.5;
    font-weight: bold;
    color: #fff;
}
#suntory_contents .titleBar p {
    font-size: 14px;
    line-height: 1.5;
    color: #fff;
}

#suntory_contents .titleBar .countryList {
    margin: 20px auto 20px;
    display: table;
}
#suntory_contents .titleBar .countryList li {
    margin: 0;
    padding:0 10px;
    display: table-cell;
}
#suntory_contents .titleBar .countryList a {
    padding: 54px 0 0;
    font-size: 12px;
    color: #fff;
    display: inline-block;
	min-width: 70px;
}

@media screen and (min-width:768px){
	#suntory_contents .titleBar .countryList a {
    padding: 40px 0 0;
	}
}


#suntory_contents .titleBar .france a {
    background: url('../img/flag_france_framed.png') no-repeat center 0;
    background-size:auto 30px;
}
#suntory_contents .titleBar .deutschland a {
    background: url('../img/flag_deutschland_framed.png') no-repeat center 0;
    background-size:auto 30px;
}
#suntory_contents .titleBar .italy a {
    background: url('../img/flag_italy_framed.png') no-repeat center 0;
    background-size:auto 30px;
}
#suntory_contents .titleBar .spain a {
    background: url('../img/flag_spain_framed.png') no-repeat center 0;
    background-size:auto 30px;
}
#suntory_contents .titleBar .portugal a {
    background: url('../img/flag_portugal_framed.png') no-repeat center 0;
    background-size:auto 30px;
}
#suntory_contents .titleBar .america a {
    background: url('../img/flag_america_framed.png') no-repeat center 0;
    background-size:auto 30px;
}
#suntory_contents .titleBar .chile a {
    background: url('../img/flag_chile_framed.png') no-repeat center 0;
    background-size:auto 30px;
}
#suntory_contents .titleBar .argentina a {
    background: url('../img/flag_argentina_framed.png') no-repeat center 0;
    background-size:auto 30px;
}
#suntory_contents .titleBar .australia a {
    background: url('../img/flag_australia_framed.png') no-repeat center 0;
    background-size:auto 30px;
}

#suntory_contents .countryTitle {
    margin: 40px 0 15px;
    display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
    width: 960px;
     -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 .countryTitle h3 {
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
    padding: 0 0 0 70px;
    white-space: nowrap;
}

@media screen and (min-width:768px){
	#suntory_contents .countryTitle h3 {
    padding: 0 0 0 50px;
	}
}

#suntory_contents #france .countryTitle h3 {
    background: url('../img/flag_france.png') no-repeat 0 center;
    background-size:40px auto;
}
#suntory_contents #deutschland .countryTitle h3 {
    background: url('../img/flag_deutschland.png') no-repeat 0 center;
    background-size:40px auto;
}
#suntory_contents #italy .countryTitle h3 {
    background: url('../img/flag_italy.png') no-repeat 0 center;
    background-size:40px auto;
}
#suntory_contents #spain .countryTitle h3 {
    background: url('../img/flag_spain.png') no-repeat 0 center;
    background-size:40px auto;
}
#suntory_contents #portugal .countryTitle h3 {
    background: url('../img/flag_portugal.png') no-repeat 0 center;
    background-size:40px auto;
}
#suntory_contents #america .countryTitle h3 {
    background: url('../img/flag_america.png') no-repeat 0 center;
    background-size:40px auto;
}
#suntory_contents #chile .countryTitle h3 {
    background: url('../img/flag_chile.png') no-repeat 0 center;
    background-size:40px auto;
}
#suntory_contents #argentina .countryTitle h3 {
    background: url('../img/flag_argentina.png') no-repeat 0 center;
    background-size:40px auto;
}
#suntory_contents #australia .countryTitle h3 {
    background: url('../img/flag_australia.png') no-repeat 0 center;
    background-size:40px auto;
}


#suntory_contents .btnPageTop {
    margin: 10px auto;
    padding: 0;
    width:960px;
    text-align: right;
    font-size: 12px;
}
#suntory_contents .btnPageTop a {
  color: #9c1e31;
}

#suntory_contents .btnPageTop2 {
    margin: 10px auto;
    padding: 0;
    width:960px;
    text-align: right;
    font-size: 12px;
}
#suntory_contents .btnPageTop2 a {
  color: #9c1e31;
}

#suntory_contents .btnToggle {
    display: none;
}

#suntory_contents #global {
    margin-bottom: 80px;
}


/*------------------------------------------------------------
  [pc] productContainer
------------------------------------------------------------ */
#suntory_contents .productContainer {
    width: 960px;
}
#suntory_contents .productContainer { /zoom :1; }
#suntory_contents .productContainer:after { content :''; display :block; clear :both; }


#suntory_contents .productContainer li {
    margin: 0 5px 5px 0;
    width: 315px;
    background: #fcfcf8;
    border: 1px #f3e5e7 solid;
    padding: 10px;
    float: left;
    display: table;
        -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 .productContainer li figure {
    width: 70px;
    margin: 0 10px 0 0;
    text-align: center;
    display:table-cell;
    vertical-align: top;
}
#suntory_contents .productContainer li figure　img {
    width: 46px;
}

#suntory_contents .productContainer li .data {
    width: 213px;
    display:table-cell;
    vertical-align: top;
}

#suntory_contents .productContainer li h3 {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5;
}
#suntory_contents .productContainer li h3 a {
    color: #880f25;
}
#suntory_contents .productContainer li .text {
    margin-bottom: 10px;
	padding-bottom: 10px;
    font-size: 11px;
    line-height: 1.5;
}

#suntory_contents .btnBrand a {
  width: 160px;
  height: 30px;
  background: url('../img/btn_brand.png') no-repeat 0 0;
display: block;
    text-indent: -9999px;
}
#suntory_contents .btnBrand a:hover {
    -ms-filter: "alpha( opacity=80 )";
    filter: alpha( opacity=80 );
    opacity: 0.8;
}

#suntory_contents .btnWinery a {
  width: 160px;
  height: 30px;
  background: url('../img/btn_winery.png') no-repeat 0 0;
display: block;
    text-indent: -9999px;
}
#suntory_contents .btnWinery a:hover {
    -ms-filter: "alpha( opacity=80 )";
    filter: alpha( opacity=80 );
    opacity: 0.8;
}


@media screen and (max-width:768px){
    
/*------------------------------------------------------------
  [sp] container
------------------------------------------------------------ */
#suntory_contents #container {
    width:100%;
}

#suntory_contents #breadCrumbs {
    display: none;        
}

/*------------------------------------------------------------
  [sp] lead
------------------------------------------------------------ */
#suntory_contents #lead {
    margin: 20px 0 10px;
}
#suntory_contents #lead h1 {
	margin: 0 0 10px 5px;
	width: auto;
    height: 40px;
	background: url('../img/tl_brand.png') no-repeat 0 0;
    background-size:contain;
	text-indent: -99999px;
}
#suntory_contents #lead p {
	font-size: 12px;
	line-height: 1.8;
}

/*------------------------------------------------------------
  [sp] section
------------------------------------------------------------ */
#suntory_contents .titleBar {
    margin: 0 5px 10px;
    width: auto;
    background: url('../img/bg_title_bar.jpg') no-repeat 0 0;
    background-size:cover;
    padding: 10px;
    text-align: center;
    -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 .titleBar h2 {
    font-size: 24px;
    line-height: 1.5;
    font-weight: bold;
    color: #fff;
}
#suntory_contents .titleBar p {
    font-size: 14px;
    line-height: 1.5;
    color: #fff;
}

#suntory_contents .titleBar .countryList {
    display: none;
    height: 0px;
}
  
#suntory_contents .countryTitle {
    margin: 20px 5px 20px;
    display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
    width: auto;
     -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	cursor: pointer;
}
#suntory_contents .countryTitle h3 {
    font-size: 24px;
    font-weight: normal;
    line-height: 30px;
    padding: 0 0 0 50px;
    white-space: nowrap;
}

#suntory_contents #france .countryTitle h3 {
    background: url('../img/flag_france.png') no-repeat 0 center;
    background-size:40px auto;
}
#suntory_contents #deutschland .countryTitle h3 {
    background: url('../img/flag_deutschland.png') no-repeat 0 center;
    background-size:40px auto;
}
#suntory_contents #italy .countryTitle h3 {
    background: url('../img/flag_italy.png') no-repeat 0 center;
    background-size:40px auto;
}
#suntory_contents #spain .countryTitle h3 {
    background: url('../img/flag_spain.png') no-repeat 0 center;
    background-size:40px auto;
}
#suntory_contents #portugal .countryTitle h3 {
    background: url('../img/flag_portugal.png') no-repeat 0 center;
    background-size:40px auto;
}
#suntory_contents #america .countryTitle h3 {
    background: url('../img/flag_america.png') no-repeat 0 center;
    background-size:40px auto;
}
#suntory_contents #chile .countryTitle h3 {
    background: url('../img/flag_chile.png') no-repeat 0 center;
    background-size:40px auto;
}
#suntory_contents #argentina .countryTitle h3 {
    background: url('../img/flag_argentina.png') no-repeat 0 center;
    background-size:40px auto;
}
#suntory_contents #australia .countryTitle h3 {
    background: url('../img/flag_australia.png') no-repeat 0 center;
    background-size:40px auto;
}


#suntory_contents .countryTitle .btnPageTop {
    display: none;
}
#suntory_contents .btnPageTop2 {
    margin: 10px 5px 40px;
    padding: 0;
    width:auto;
    text-align: right;
    font-size: 12px;
}
#suntory_contents .btnPageTop2 a {
  color: #9c1e31;
}
    
#suntory_contents .btnToggle {
    display: block;
    margin: 0 0 0 auto;
}

#suntory_contents .btnToggle a {
    width: 30px;
    height: 30px;
    background: #fff url('../img/arrow_open.png') no-repeat center center;
    background-size:16px auto;
    text-indent: -9999px;
    display: block;
    border: 2px #7d7d7c solid;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

#suntory_contents #global {
    margin-bottom: 80px;
}

    
/*------------------------------------------------------------
  [sp] productContainer
------------------------------------------------------------ */
#suntory_contents .productContainer {
    margin: 0 5px;
    width: auto;
    display: block;
}

#suntory_contents .productContainer li {
    margin: 0;
    width: 100%;
    background: #fcfcf8;
    border: 1px #f3e5e7 solid;
    padding: 10px;
        -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
#suntory_contents .productContainer li figure {
    width: 70px;
    margin: 0 10px 0 0;
    text-align: center;
    -webkit-flex-shrink:1;
    flex-shrink:1;
}
#suntory_contents .productContainer li figure　img {
    width: 46px;
}
    
#suntory_contents .productContainer li .data {
    -webkit-flex-shrink:3;
    flex-shrink:3;
} 
#suntory_contents .productContainer li h3 {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5;
}
#suntory_contents .productContainer li h3 a {
    color: #880f25;
}
#suntory_contents .productContainer li .text {
    margin-bottom: 10px;
    font-size: 11px;
    line-height: 1.5;
}

#suntory_contents .btnBrand a {
  width: 160px;
  height: 30px;
  background: url('../img/btn_brand.png') no-repeat 0 0;
	background-size: 160px auto;
display: block;
    text-indent: -9999px;
}
#suntory_contents .btnBrand a:hover {
    -ms-filter: "alpha( opacity=80 )";
    filter: alpha( opacity=80 );
    opacity: 0.8;
}
#suntory_contents .btnWinery a {
  width: 160px;
  height: 30px;
  background: url('../img/btn_winery.png') no-repeat 0 0;
		background-size: 160px auto;
display: block;
    text-indent: -9999px;
}
#suntory_contents .btnWinery a:hover {
    -ms-filter: "alpha( opacity=80 )";
    filter: alpha( opacity=80 );
    opacity: 0.8;
}
   
    
    
}