@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;
}


/*------------------------------------------------------------
  suntory_contents
------------------------------------------------------------ */
#suntory_contents {
font-family:"HraKakuProN-W6", "HelveticaNeue", sans-serif;
color: #221814;
-webkit-text-size-adjust:none;
}

/*------------------------------------------------------------
  container
------------------------------------------------------------ */
#suntory_contents #container {
margin: 0 auto;
}

/*------------------------------------------------------------
  main
------------------------------------------------------------ */
#suntory_contents {
margin: 0px;
}

/*------------------------------------------------------------
  header
------------------------------------------------------------ */
#suntory_contents header {
margin-bottom: 20px;
}
#suntory_contents header p a {
display: block;
background: #000 url('../img/logo.png') no-repeat 0 0;
background-size: 170px auto;
height: 45px;
text-indent: -9999px;
}

#suntory_contents header h1 a img {
width: 100%;
}


/*------------------------------------------------------------
  articleList
------------------------------------------------------------ */
#suntory_contents #articleList {
margin: 0 20px 20px;
}
#suntory_contents #articleList h2 {
margin: 0 0 25px;
padding: 10px;
font-size: 1em;
font-weight: bold;
line-height: 1.5;
color: #7c4c05;
background: #fbf8ec;
border-top: 1px solid #dfd1a4;
border-bottom: 1px solid #dfd1a4;
}

#suntory_contents #articleList ul {
}
#suntory_contents #articleList li {
margin-bottom: 20px;
padding-bottom: 20px;
list-style: none;
border-bottom: 1px dotted #999999;
}

#suntory_contents #articleList li a {
display: table;
color: #221814;
text-decoration: none;
}

#suntory_contents #articleList li figure {
padding: 0 20px 0 0;
display: table-cell;
vertical-align: top;
}
#suntory_contents #articleList li figure img {
vertical-align: bottom;
}
#suntory_contents #articleList li .textBlock {
padding: 0 0 0 0;
display: table-cell;
vertical-align: top;
}
#suntory_contents #articleList li .textBlock .date {
margin-bottom: 15px;
font-size: .75em;
}
#suntory_contents #articleList li .textBlock .text {
font-size: 1em;
font-weight: bold;
line-height: 1.5;
}

#suntory_contents #articleList li a:hover .textBlock .text {
text-decoration: underline;
}

/*------------------------------------------------------------
  pageNav
------------------------------------------------------------ */
#suntory_contents #pageNavContainer {
margin: 0 20px 50px;
}

#suntory_contents #pageNav {
margin: 0 auto;
font-size: .75em;
display: table;
}
#suntory_contents #pageNav { /zoom : 1; }
#suntory_contents #pageNav:after { content : ''; display : block; clear : both; }


#suntory_contents #pageNav .btnPrev a {
margin: 0 7px 0 0;
width: 34px;
height: 18px;
display: block;
text-indent: -9999px;
background:url(../img/btn_prev.png) no-repeat 0 0;
display: table-cell;
vertical-align: top;
}
#suntory_contents #pageNav .btnNext a {
margin: 0 0 0 7px;
width: 34px;
height: 18px;
display: block;
text-indent: -9999px;
background:url(../img/btn_next.png) no-repeat 0 0;
background-size: 34px auto;
display: table-cell;
vertical-align: top;
}


#suntory_contents #pageNum {
display: table-cell;
vertical-align: top;
}
#suntory_contents #pageNum { /zoom : 1; }
#suntory_contents #pageNum:after { content : ''; display : block; clear : both; }

#suntory_contents #pageNav a.link_page {
    text-decoration: none;
    line-height: 18px;
    color: #daa63b;
    font-weight: bold;
    display: block;
    float: left;
    text-align: center;
    border-right: 1px solid #ccc;
    padding: 0 10px;
}
#suntory_contents #pageNav .current_page {
    line-height: 18px;
    text-decoration: none;
    color: #221814;
    font-weight: bold;
    display:block;
    float: left;
    text-align: center;
    border-right: 1px solid #ccc;
    padding: 0 10px;
}


/*------------------------------------------------------------
  article
------------------------------------------------------------ */
#suntory_contents article {
margin: 0 auto;
}
#top #suntory_contents article {
margin: 12px auto 45px;
}
#suntory_contents article #title {
margin: 0 10px 30px;
border-bottom: 1px solid #c3ab5d;
}
#suntory_contents article #title .date {
margin-bottom: 15px;
font-size: .875em;
line-height: 16px;
}
#suntory_contents article #title .date .icon {
margin: 0;
}
#suntory_contents article #title .date .icon img {
height: 25px;
vertical-align: middle;
}

#suntory_contents article #title h2 {
margin-bottom: 5px;
font-size: 1.2em;
font-weight: bold;
line-height: 1.5;
}

#suntory_contents article .sns {
margin:0 10px;
}
#suntory_contents article .sns div {
margin-right:10px;
}

/*------------------------------------------------------------
  articleBody
------------------------------------------------------------ */
#suntory_contents article #articleBody {
margin: 0 10px 20px;
line-height: 1.5;
}

#suntory_contents article #articleBody img {
width: 100%;
}

#suntory_contents #articleBody table th,
#suntory_contents #articleBody table td {
vertical-align: top;
}

#suntory_contents article #articleBody small {
display: block;
line-height:1.2;
}


#suntory_contents article #articleBody .table2 td {
width: 50%;
padding: 5px;
}
#suntory_contents article #articleBody .table3 td {
width: 33.3333333%;
padding: 5px;
}
#suntory_contents article #articleBody .table4 td {
width: 25%;
padding: 5px;
}
#suntory_contents article #articleBody .table5 td {
width: 20%;
padding: 5px;
}

#suntory_contents article #articleBody .table2wine td {
padding: 20px 10px;
}



/*------------------------------------------------------------
  item
------------------------------------------------------------ */
#suntory_contents #item {
margin: 0 10px 20px;
}

#suntory_contents #item h3 {
margin: 0 0 30px;
padding: 10px 20px;
background: url('../img/bg_title_bar.png') repeat-y 0 0;
font-size: .875em;
font-weight: bold;
line-height: 1.5;
}


#suntory_contents #item ul {
margin: 0 auto 20px;
}
#suntory_contents #item ul:after { content :''; display :block; clear :both; }

#suntory_contents #item li {
margin: 0 1.666666666667% 20px;
width: 30%;
float: left;
text-align: center;
}

#suntory_contents #item li:nth-child(4) {
clear: both;
}
#suntory_contents #item li:nth-child(7) {
clear: both;
}
#suntory_contents #item li:nth-child(10) {
clear: both;
}

#suntory_contents #item li a {
text-decoration: none;
color: #221814;
}
#suntory_contents #item li a:hover {
text-decoration: underline;
}

#suntory_contents #item li figure {
margin: 0;
}
#suntory_contents #item li figure img {
vertical-align: bottom;
}
#suntory_contents #item li figure figcaption {
padding: 5px 5px 0;
font-size: .75em;
line-height: 1.5;
text-align: left;
}


#suntory_contents #item .banner {
clear: both;
}

#suntory_contents #item .banner img {
width: 100%;
}



/*------------------------------------------------------------
  extra
------------------------------------------------------------ */
#suntory_contents #extra {
margin: 0 10px;
}
#suntory_contents #extra:after { content :''; display :block; clear :both; }

#suntory_contents #extra h3 {
margin: 0 0 25px;
padding: 10px 20px;
background: url('../img/bg_title_bar.png') repeat-y 0 0;
font-size: .875em;
font-weight: bold;
line-height: 1.5;
}
#suntory_contents #extra figure {
margin: 0 0 25px;
width: 33.333333333333%;
float: left;
text-align: center;
}
#suntory_contents #extra figure img {
width: 100%;
}
#suntory_contents #extra .textBlock {
margin: 0 0 25px;
/*width: 418px;*/
/*float: right;*/
line-height: 1.5;
}
#suntory_contents #extra .text {
margin-bottom: 30px;
font-size: .75em;
line-height: 1.5;
width: 63.333333333333%;
float: right;
}

#suntory_contents #extra .banner {
clear: both;
}

#suntory_contents #extra .banner img {
width: 100%;
}


/*------------------------------------------------------------
  recentArticles
------------------------------------------------------------ */
#suntory_contents #recentArticles {
margin: 0 10px 50px;
}
#suntory_contents #recentArticles h3 {
margin: 0 0 25px;
text-indent: -9999px;
height: 46px;
background: url('../img/tl_recent_entry.png') no-repeat 0 0, url('../img/bg_recent_entry.png') repeat-x 0 0;
background-size: auto 46px, auto 46px;
}

#suntory_contents #recentArticles ul {

}
#suntory_contents #recentArticles li {
margin-bottom: 30px;
}

#suntory_contents #recentArticles li a {
display: block;
color: #221814;
text-decoration: none;
}

#suntory_contents #recentArticles li a { /zoom :1; }
#suntory_contents #recentArticles li a:after { content :''; display :block; clear :both; }


#suntory_contents #recentArticles li figure {
margin: 0 3.92156863% 0 0;
width: 28.2913165%;
float: left;
}
#suntory_contents #recentArticles li figure img {
width: 100%;
vertical-align: bottom;
}
#suntory_contents #recentArticles li .textBlock {
width: 67.7871148%;
float: right;
}
#suntory_contents #recentArticles li .textBlock .date {
margin-bottom: 15px;
font-size: .875em;
}
#suntory_contents #recentArticles li .textBlock .text {
font-size: 1em;
font-weight: bold;
line-height: 1.5;
}

#suntory_contents #recentArticles li a:hover .textBlock .text {
text-decoration: underline;
}



/*------------------------------------------------------------
  footer
------------------------------------------------------------ */
#suntory_contents footer {
margin: 0;
padding: 0 0 20px;
background: #000;
}

/*------------------------------------------------------------
  btnPageTop
------------------------------------------------------------ */
#suntory_contents .btnPageTop {
margin: 0 20px 20px;
text-align: right;
}

#suntory_contents .btnPageTop a {
color: #d5bc5e;
background: url('../img/arrow_up.png') no-repeat right center;
background-size: 10px auto;
padding: 0 15px 0 0;
text-decoration: none;
}

/*------------------------------------------------------------
  btnBlogTop
------------------------------------------------------------ */
#suntory_contents .btnBlogTop {
margin: 0 20px 20px;
}
#suntory_contents .btnBlogTop a img {
width: 100%;
}

/*------------------------------------------------------------
  bnrOnlineShop
------------------------------------------------------------ */
#suntory_contents .bnrOnlineShop {
margin: 0 20px 20px;
}
#suntory_contents .bnrOnlineShop a img {
width: 100%;
}


/*------------------------------------------------------------
  logo
------------------------------------------------------------ */

#suntory_contents footer .logo a {
margin: 0 20px;
display: block;
background: #000 url('../img/logo.png') no-repeat 0 0;
background-size: 170px auto;
height: 45px;
text-indent: -9999px;
}


/*------------------------------------------------------------
  nav
------------------------------------------------------------ */
#suntory_contents nav {
margin: 0 0 20px;
}

#suntory_contents nav dl {
margin: 0px;
padding: 0px;
background: #262626;
}

#suntory_contents nav dl dt {
font-size: 1em;
font-weight: bold;
color: #d5bc5e;
text-decoration: none;
padding: 18px 30px 18px 10px;
background: #000 url('../img/icon_plus.png') no-repeat right center;
background-size: 25px auto;
}
#suntory_contents nav dl dt.active {
background: #000 url('../img/icon_minus.png') no-repeat right center;
background-size: 25px auto;
}


#suntory_contents nav dl ul li {
color: #d6bd5e;
font-size: 1em;
line-height: 1.5;

}
#suntory_contents nav dl ul li a {
background: url('../img/arrow_right.png') no-repeat right center;
background-size: 21px auto;
color: #d6bd5e;
padding: 15px 30px 15px 20px;
text-decoration: none;
display: block;
border-bottom: 1px solid #686868;
}
#suntory_contents nav dl ul li:last-child a {
border-bottom: none;
}