@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:"Hiragino Sans", "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif;
color: #221814;
}

p.iframe-wrap {
  position: relative;
  width: 100%;
  padding: calc(450 / 600 * 100%) 0 0 !important;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
}

p.iframe-wrap iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:none;
    display:block;
}

@media screen and (max-width:767px){

/*------------------------------------------------------------
[sp] 
------------------------------------------------------------ */

.pc_item {
display: none;
}

/*------------------------------------------------------------
structure (/wine/css/common.cssの設定を一部変更)
------------------------------------------------------------ */
#column #suntory_contents #container {
width:auto;
margin:0 auto;
padding-bottom: 60px;
text-align:left;
}

/* main */
#column #suntory_contents #container #main {
width:auto;
margin:0;
float:none;
}

/*------------------------------------------------------------
category_nav
------------------------------------------------------------ */
#suntory_contents .category_nav {
display: none;
}

/*------------------------------------------------------------
title (backgroundは/wine/css/common.cssで設定)
------------------------------------------------------------ */
#column #suntory_contents #container #title {
width: 100vw;
margin:0 0 4vw;
padding: 0;
background: #fff;
position: sticky;
top: 0;
box-shadow: 0 1.6vw 1.6vw rgba(0,0,0,.25);
z-index: 100;
}
#column #suntory_contents #container #title .btn_title {
display: flex;
flex-direction: column;
justify-content: center;
width: 80vw;
height: 12vw;
color: #000;
text-decoration: none;
padding: 0 0 0 5.333333333333333vw;
}
#column #suntory_contents #container #title a:hover {
text-decoration: none;
}
#column #suntory_contents #container #title p {
text-indent:0;
height: auto;
margin-bottom: 1.333333333333333vw;
font-size: 2.666666666666667vw;
line-height: 1;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#column #suntory_contents #container #title h1 {
width: auto;
height: auto;
background: none;
text-indent: 0;
font-size: 4vw;
line-height: 1;
font-weight: bold;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#column #suntory_contents #container #title .btn {
width: 14.4vw;
height: 12vw;
background: url(../img/menu.svg) no-repeat center center;
background-size: 6.4vw 5.2vw;
position: absolute;
top: 0;
right: 0;
}
#column #suntory_contents #container #title.menu_open .btn {
background: url(../img/close.svg) no-repeat center center;
background-size: 6.4vw 5.2vw;
text-indent: -9999px;
}
#suntory_contents #container #title .menu {
    display: none;
}    
#suntory_contents #container #title.menu_open .menu {
    display: block;
    background: #fdfdfd;
    padding: 4vw 0;
    box-shadow: 0 1.6vw 1.6vw rgba(0,0,0,.25) inset;
}
    #suntory_contents #container #title.menu_open .menu li {
        font-size: 4vw;
        margin-bottom: 2vw;
    }
    #suntory_contents #container #title.menu_open .menu li:last-child {
        margin-bottom: 0;
    }
    #suntory_contents #container #title.menu_open .menu li a {
        display: flex;
        align-items: center;
        color: #000;
        height: 12vw;
        padding-left: 6.6666666666667vw;
        position: relative;
    }
    #suntory_contents #container #title.menu_open .menu li a span {
        height: 12vw;
        display: flex;
        align-items: center;
        position: absolute;
        top: 0;
        right: 6.6666666666667vw;
    }
#suntory_contents #container #title.menu_open .menu li.country a {
background: rgba(147,39,143,.5);
}
#suntory_contents #container #title.menu_open .menu li.trend a {
background: rgba(0,146,69,.5);
}
#suntory_contents #container #title.menu_open .menu li.trivia a {
background: rgba(252,238,33,.5);
}
#suntory_contents #container #title.menu_open .menu li.red a {
background: rgba(237,28,36,.5);
}
#suntory_contents #container #title.menu_open .menu li.white a {
background: rgba(140,198,63,.5);
}
    
/*------------------------------------------------------------
lead
------------------------------------------------------------ */
#suntory_contents .lead {
margin: 0 4vw 4vw;
position: relative;
}
#suntory_contents .lead p.text {
font-size: 14px;
line-height: 1.8;
}
/*
#suntory_contents .lead.category_country p.text,
#suntory_contents .lead.category_trend p.text,
#suntory_contents .lead.category_trivia p.text,
#suntory_contents .lead.category_red p.text,
#suntory_contents .lead.category_white p.text{
    padding-bottom: 10vw;
}
*/
#suntory_contents .btn_back_number_bottom {
margin: 0;
width: 48vw;
height: 8vw;
position: absolute;
    bottom: 0;
    right: 0;
}
#suntory_contents .lead .btn_back_number_bottom a {
width: 48vw;
height: 8vw;
font-size: 3.2vw;
box-sizing: border-box;
padding: 0 0 0 2.666666666666667vw;
display: flex;
align-items: center;
text-decoration: none;
color: #000;
position: relative;
}
#suntory_contents .lead .btn_back_number_bottom a:visited,
#suntory_contents .lead .btn_back_number_bottom a:link {
color: #000;
text-decoration: none;
}
#suntory_contents .lead .btn_back_number_bottom a span {
height: 8vw;
display: flex;
align-items: center;
position: absolute;
top: 0;
right: 2.666666666666667vw;
}

#suntory_contents .category_country .btn_back_number_bottom a {
background: rgba(147,39,143,.5);
}
#suntory_contents .category_trend .btn_back_number_bottom a {
background: rgba(0,146,69,.5);
}  
#suntory_contents .category_trivia .btn_back_number_bottom a {
background: rgba(252,238,33,.5);
}  
#suntory_contents .category_red .btn_back_number_bottom a {
background: rgba(237,28,36,.5);
}  
#suntory_contents .category_white .btn_back_number_bottom a {
background: rgba(140,198,63,.5);
}  

    


/*------------------------------------------------------------
board
------------------------------------------------------------ */
#suntory_contents .board {
margin-bottom: 13.333333333333333vw;
width: auto;
background: url('../img/bg_note.png') repeat 0 0;
background-size: auto auto;
box-shadow: 2px 4px 4px 2px rgba(0,0,0,.2);
box-sizing: border-box;
padding: 8vw 2.666666666666667vw;
}
#suntory_contents .board h2 {
margin-bottom: 8vw;
font-size: 5.333333333333333vw;
text-align: center;
}    

/*------------------------------------------------------------
category_label
------------------------------------------------------------ */    
#suntory_contents .category_label {
margin: 0 auto 70px;
width: 92vw;
}
#suntory_contents .category_label h2 {
margin-bottom: 30px;
font-size: 5.333333333333333vw;
text-align: center;
}
#suntory_contents .category_label ul {
margin: 0 auto;
width: 92vw;
}
#suntory_contents .category_label li {
width: 92vw;
margin: 0 0 2vw;
}
#suntory_contents .category_label li a {
width: 92vw;
height: 12vw;
display: flex;
justify-content: flex-start;
align-items: center;
color: #000;
text-decoration: none;
font-size: 4vw;
box-sizing: border-box;
padding: 0 0 0 8vw;
position: relative;
}
#suntory_contents .category_label li a span {
height: 12vw;
display: flex;
align-items: center;
position: absolute;
top: 0;
right: 8vw;
}
#suntory_contents .category_label li.country a {
background: rgba(147,39,143,.5);
}
#suntory_contents .category_label li.trend a {
background: rgba(0,146,69,.5);
}
#suntory_contents .category_label li.trivia a {
background: rgba(252,238,33,.5);
}
#suntory_contents .category_label li.red a {
background: rgba(237,28,36,.5);
}
#suntory_contents .category_label li.white a {
background: rgba(140,198,63,.5);
}    

/*------------------------------------------------------------
category_list
------------------------------------------------------------ */
#suntory_contents .category_list {
margin-bottom: 24vw;
margin-top: -12vw;
padding-top: 12vw;
}
    
#suntory_contents .category_list h2 {
margin: 0 auto 5.333333333333333vw;
width: 100%;
height: 12vw;
display: flex;
justify-content: center;
align-items: center;
font-size: 4.8vw;
}

#suntory_contents .category_list#country h2 {
background: rgba(147,39,143,.5);
}
#suntory_contents .category_list#trend h2 {
background: rgba(0,146,69,.5);
}  
#suntory_contents .category_list#trivia h2 {
background: rgba(252,238,33,.5);
}  
#suntory_contents .category_list#red h2 {
background: rgba(237,28,36,.5);
}  
#suntory_contents .category_list#white h2 {
background: rgba(140,198,63,.5);
}  

/*------------------------------------------------------------
latest
------------------------------------------------------------ */
#suntory_contents #latest {
margin-bottom: 13.333333333333333vw;
}
    
#suntory_contents #back_number_bottom {
margin-top: -20vw;
padding-top: 20vw;
}

/*------------------------------------------------------------
latest_article
------------------------------------------------------------ */
#suntory_contents .latest_article {
width: 93.333333333333333vw;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
}
#suntory_contents .latest_article li {
margin: 0 2.666666666666667vw 2.666666666666667vw 0;
width: 45.333333333333333vw;
background: url('../img/bg_article_list.png') repeat-y 0 0;
box-shadow: 2px 2px 1px 0px rgba(0,0,0,.2);
border-bottom: 1px solid #ccc;
display: flex; 
}
#suntory_contents .latest_article li:nth-child(2n) {
margin: 0 0 2.666666666666667vw;
}   
#suntory_contents .latest_article li a {
width: 45.333333333333333vw;
display: flex;
flex-direction: column;
}
#suntory_contents .latest_article li a:hover {
text-decoration: none;
}
#suntory_contents .latest_article figure {
position: relative;
}
#suntory_contents .latest_article figure img {
width:45.333333333333333vw;
height:auto;
vertical-align: bottom;
}
#suntory_contents .latest_article .textBlock {
padding: 10px;
}
#suntory_contents .latest_article a .textBlock {
text-decoration: none;
color:#000;
}
#suntory_contents .latest_article h3 {
margin: 0 0 2vw;
font-size: 3.2vw;
font-weight: bold;
line-height: 1.5;
}
#suntory_contents .latest_article .text {
margin: 0 0 2vw;
font-size: 3.2vw;
line-height: 1.5;
}
#suntory_contents .latest_article a .btnReadEntry {
font-size: 2.4vw;
line-height: 3.733333333333333vw;
font-weight: bold;
white-space: nowrap;
}
#suntory_contents .latest_article a .btnReadEntry span.arrow {
margin: 0;
padding: 0;
display: inline-block;
font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif;
}
#suntory_contents .latest_article a .btnReadEntry span.tag {
font-size: 2.4vw;
display: inline-flex;
height: 3.733333333333333vw;
align-items: center;
margin-left: 1.066666666666667vw;
padding: 0 1.066666666666667vw;
}
#suntory_contents .latest_article a .btnReadEntry span.country {
background: rgba(147,39,143,.5);
}
#suntory_contents .latest_article a .btnReadEntry span.trend {
background: rgba(0,146,69,.5);
}
#suntory_contents .latest_article a .btnReadEntry span.trivia {
background: rgba(252,238,33,.5);
}
#suntory_contents .latest_article a .btnReadEntry span.red {
background: rgba(237,28,36,.5);
}
#suntory_contents .latest_article a .btnReadEntry span.white {
background: rgba(140,198,63,.5);
}

/*------------------------------------------------------------
latest_article_secondary
------------------------------------------------------------ */
#suntory_contents .latest_article_secondary {
display: flex;
flex-direction: column;
}    
#suntory_contents .latest_article_secondary ul {
margin: 15px auto;
width: 93.333333333333333vw;
order: 1;
}
#suntory_contents .latest_article_secondary li {
margin: 0 0 2vw 0;
width: 93.333333333333333vw;
}
#suntory_contents .latest_article_secondary li.extra_list {
display: none;
}    
#suntory_contents .latest_article_secondary li a {
color: #8c8c8c;
display: flex;
justify-content: space-between;
}  
#suntory_contents .latest_article_secondary li figure {
width: 21.333333333333333vw;
display: block;
margin: 0;
}
#suntory_contents .latest_article_secondary li figure img {
width: 21.333333333333333vw;
height: auto;
vertical-align: bottom;
}
#suntory_contents .latest_article_secondary li .text {
width: 61.333333333333333vw;
}
#suntory_contents .latest_article_secondary li .text h3 {
font-size: 3.2vw;
font-weight: bold;
line-height: 1.5;
}
#suntory_contents .latest_article_secondary li a:hover {
text-decoration: none;
}

#suntory_contents .check_back_number {
display: none;
}   
#suntory_contents .btn_back_number {
margin: 0 auto;
width: 70.666666666666667vw;
height: 12vw;
display: flex;
justify-content: center;
align-items: center;
background: rgba(147,39,143,.5);
font-size: 4vw;
color: #000;
box-sizing: border-box;
padding-right: 10.666666666666667vw;
cursor: pointer;
position: relative;
order: 2;
}
#suntory_contents #country .btn_back_number {
background: rgba(147,39,143,.5);
}
#suntory_contents #trend .btn_back_number {
background: rgba(0,146,69,.5);
}  
#suntory_contents #trivia .btn_back_number {
background: rgba(252,238,33,.5);
}  
#suntory_contents #red .btn_back_number {
background: rgba(237,28,36,.5);
}  
#suntory_contents #white .btn_back_number {
background: rgba(140,198,63,.5);
}  
#suntory_contents .btn_back_number::after {
content: '';
width: 2.6666666666667vw;
height: 2.6666666666667vw;
margin: auto;
border-top: 1px solid #000;
border-right: 1px solid #000;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
position: absolute;
top: calc(50% - 1.8666666666667vw);
right: 8.533333333333333vw;
}
#suntory_contents .check_back_number:checked + .btn_back_number::after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
top: calc(50% - 1.333333333333333vw);
}

#suntory_contents .check_back_number:checked ~ ul .extra_list {
display: block;
}


/*------------------------------------------------------------
label
------------------------------------------------------------ */
#suntory_contents .label {
margin: 0 auto 5.333333333333333vw;
width: 94.666666666666667vw;
display: flex;
justify-content: space-between;
}
#suntory_contents .category {
display: flex;
flex-wrap: wrap;
width: 42.666666666666667vw;
}
#suntory_contents .category li {
margin: 0;
width: 32vw;
height: 8vw;
display: flex;
align-items: center;
justify-content: center;
font-size: 3.2vw;
}
#suntory_contents .category li:nth-child(2),
#suntory_contents .category li:nth-child(3),
#suntory_contents .category li:nth-child(4),
#suntory_contents .category li:nth-child(5) {
margin: 2.666666666666667vw 0 0 0;
} 
#suntory_contents .category .country {
background: rgba(147,39,143,.5);
}
#suntory_contents .category .trend {
background: rgba(0,146,69,.5);
}  
#suntory_contents .category .trivia {
background: rgba(252,238,33,.5);
}  
#suntory_contents .category .red {
background: rgba(237,28,36,.5);
}  
#suntory_contents .category .white {
background: rgba(140,198,63,.5);
}    


#suntory_contents .btn_back_number_list {
margin: 0;
width: 48vw;
}
#suntory_contents .btn_back_number_list a {
width: 48vw;
height: 8vw;
font-size: 3.2vw;
box-sizing: border-box;
padding: 0 0 0 2.666666666666667vw;
display: flex;
align-items: center;
text-decoration: none;
color: #000;
position: relative;
}
#suntory_contents .btn_back_number_list a:visited,
#suntory_contents .btn_back_number_list a:link {
color: #000;
text-decoration: none;
}
#suntory_contents .btn_back_number_list a span {
height: 8vw;
display: flex;
align-items: center;
position: absolute;
top: 0;
right: 2.666666666666667vw;
}

#suntory_contents .category_country .btn_back_number_list a {
background: rgba(147,39,143,.5);
}
#suntory_contents .category_trend .btn_back_number_list a {
background: rgba(0,146,69,.5);
}  
#suntory_contents .category_trivia .btn_back_number_list a {
background: rgba(252,238,33,.5);
}  
#suntory_contents .category_red .btn_back_number_list a {
background: rgba(237,28,36,.5);
}  
#suntory_contents .category_white .btn_back_number_list a {
background: rgba(140,198,63,.5);
}      

/*------------------------------------------------------------
article_title
------------------------------------------------------------ */
#suntory_contents .article_title {
margin: 0 auto 5.333333333333333vw;
padding: 2.666666666666667vw 2.666666666666667vw 2.666666666666667vw;
width: 94.666666666666667vw;
box-sizing: border-box;
text-align: center;
background: #666;
}
#suntory_contents .category_country .article_title {
background: rgba(147,39,143,.5);
}
#suntory_contents .category_trend .article_title {
background: rgba(0,146,69,.5);
}  
#suntory_contents .category_trivia .article_title {
background: rgba(252,238,33,.5);
}   
#suntory_contents .category_red .article_title {
background: rgba(237,28,36,.5);
}   
#suntory_contents .category_white .article_title {
background: rgba(140,198,63,.5);
} 
#suntory_contents .article_title h1 {
margin: 0 0 2.666666666666667vw;
font-size: 4.266666666666667vw;
line-height: 1.5;
font-weight: bold;
}
#suntory_contents .article_title h1 .sp_none {
display: none;
}
#suntory_contents .article_title .date {
margin: 0;
text-align: right;
font-size: 3.2vw;
}

/*------------------------------------------------------------
article_lead
------------------------------------------------------------ */
#suntory_contents .article_lead {
margin: 0 auto;
width: auto;
}
#suntory_contents .article_lead figure {
margin: 0 0 35px;
}
#suntory_contents .article_lead figure img {
width: 100%;
vertical-align: bottom;
box-shadow: 3px 3px 3px rgba(0,0,0,.2);
}
#suntory_contents .article_lead p {
margin-bottom: 1.5em;
font-size: 14px;
line-height: 1.8;
}


/*------------------------------------------------------------
table_of_contents
------------------------------------------------------------ */
#suntory_contents .table_of_contents {
margin: 0 auto 18.666666666666667vw;
width: 100%;
box-sizing: border-box;
padding: 10.666666666666667vw;
background: #e8e8e8;
}
#suntory_contents .table_of_contents dt {
font-size: 4.266666666666667vw;
margin-bottom: 8vw;
}
#suntory_contents .table_of_contents  ol {
margin: 0 0 0 1em;
}
#suntory_contents .table_of_contents  ol li {
margin: 0 0 1em;
padding: 0;
font-size: 4.266666666666667vw;
}
#suntory_contents .table_of_contents  ol li:last-child {
margin: 0;
}
#suntory_contents .table_of_contents  ol li a {
color: #000;
text-decoration: underline;
}


/*------------------------------------------------------------
contents
------------------------------------------------------------ */

#suntory_contents .contents {
margin: 0 auto 60px;
width: auto;
line-height: 1.8;
}
#suntory_contents .contents h3 {
margin-bottom: 30px;
font-size: 16px;
font-weight: bold;
text-align: center;
padding: 15px;
}

#suntory_contents .contents .inner {
margin: 0 auto;
width: auto;
font-size: 14px;
}
#suntory_contents .contents .inner div {
font-size: 14px;
}

#suntory_contents .contents img {
box-shadow: 3px 3px 3px rgba(0,0,0,.2);
width: 100%;
height: auto;
}

#suntory_contents .contents .results li {
margin-bottom: 12px;
padding: 15px;
font-size: 14px;
line-height: 1.8;
}

/*------------------------------------------------------------
resultTitle
------------------------------------------------------------ */
#suntory_contents #resultTitle {
margin: 0 auto 60px;
width: auto;
text-align: center;
}
#suntory_contents #resultTitle a {
background: #53bbeb;
background: rgba(40,170,230,.8);
display: inline-block;
padding: 20px 15px;
box-shadow: 3px 3px 5px rgba(0,0,0,.2);
}
#suntory_contents #resultTitle a:hover {
text-decoration: none;
-ms-filter: "alpha( opacity=50 )";
filter: alpha( opacity=50 );
opacity: 0.5;
}

#suntory_contents #resultTitle h3 {
margin-bottom: 10px;
font-size: 16px;
line-height:1.5;
font-weight: bold;
}
#suntory_contents #resultTitle p {
font-size: 12px;
line-height:1.5;
font-weight: bold;
}

@media screen and (max-width:374px){
#suntory_contents #resultTitle p {
font-size: 11px;
}
}


/*------------------------------------------------------------
contents_section
------------------------------------------------------------ */
#suntory_contents .contents_section {
margin: 0 auto 16vw;
width: auto;
line-height: 1.8;
font-size: 3.733333333333333vw;
}
#suntory_contents .contents_section h2 {
margin-bottom: 4vw;
font-size: 4.266666666666667vw;
line-height: 1.5;
font-weight: bold;
color: #000;
background: #e8e8e8;
text-align: left;
padding: 2vw 4vw;
}

#suntory_contents .contents_section figure {
margin-bottom: 8vw;
}
#suntory_contents .contents_section figure img {
vertical-align: bottom;
width: 100%;
}
#suntory_contents .contents_section img {
box-shadow: 3px 3px 3px rgba(0,0,0,.2);
}


#suntory_contents .contents_section .results li {
margin-bottom: 3.2vw;
padding: 2vw;
font-size: 3.733333333333333vw;
line-height: 1.8;
background: #a9ddf5;
background: rgba(40,170,230,.4);
}


/*------------------------------------------------------------
editors_note
------------------------------------------------------------ */
#suntory_contents .editors_note {
margin: 0 auto 16vw;
width: auto;
font-size: 3.733333333333333vw;
}
#suntory_contents .editors_note h3 {
margin-bottom: 8vw;
padding: 2.666666666666667vw;
font-size: 3.733333333333333vw;
font-weight: bold;
background: #53bbeb;
background: rgba(40,170,230,.8);
text-align: center;
}
#suntory_contents .editors_note .inner {
margin: 0 auto;
width: auto;
line-height: 1.8;
}

#suntory_contents .editors_note img {
box-shadow: 3px 3px 3px rgba(0,0,0,.2);
}

#suntory_contents .editors_note .results li {
margin-bottom: 3.2vw;
padding: 2vw;
font-size: 1em;
line-height: 1.8;
background: #a9ddf5;
background: rgba(40,170,230,.4);
}


/*------------------------------------------------------------
btn_back
------------------------------------------------------------ */
#suntory_contents .btn_back {
margin: 0 0 37.333333333333333vw;
}
#suntory_contents .btn_back a {
margin: 0 auto;
width: 58.666666666666667vw;
height: 12vw;
display: flex;
align-items: center;
justify-content: center;
font-size: 4vw;
color: #000;
text-decoration: none;
}
#suntory_contents .btn_back a:visited,
#suntory_contents .btn_back a:link {
color: #000;
text-decoration: none;
}
#suntory_contents .btn_back a:hover {
text-decoration: none;
}
#suntory_contents .btn_back a span {
margin-left: 2.666666666666667vw;
}
#suntory_contents .category_country .btn_back a {
background: rgba(147,39,143,.5);
}
#suntory_contents .category_trend .btn_back a {
background: rgba(0,146,69,.5);
}  
#suntory_contents .category_trivia .btn_back a {
background: rgba(252,238,33,.5);
}   
#suntory_contents .category_red .btn_back a {
background: rgba(237,28,36,.5);
}   
#suntory_contents .category_white .btn_back a {
background: rgba(140,198,63,.5);
} 

/*------------------------------------------------------------
recentEntries
------------------------------------------------------------ */
#suntory_contents #recentEntries {
margin: 0 auto;
width: auto;
}
#suntory_contents #recentEntries li {
margin-bottom: 10px;
}
#suntory_contents #recentEntries li a {
color: #000;
}
#suntory_contents #recentEntries li a:hover {
color: #000;
}
#suntory_contents #recentEntries li .date {
margin-bottom: .5em;
font-size: 12px;
}
#suntory_contents #recentEntries li h3 {
font-size: 14px;
font-weight: bold;
line-height: 1.5;
}


/*------------------------------------------------------------
sns
------------------------------------------------------------ */
#suntory_contents .sns {
margin: 0 auto 20px;
width: auto;

}
#suntory_contents .sns div {
margin-right: 5px;
}

#suntory_contents .pageTop {
margin: 0 auto;
width: auto;
text-align: right;
}
#suntory_contents .pageTop a {
font-size: .75em;
color: #c1272d;
display: inline-block;
width: auto;
} 


/*------------------------------------------------------------
information
------------------------------------------------------------ */
#suntory_contents #information {
width: auto;
background: url('../img/bg_note.png') repeat 0 0;
box-shadow: none;
box-sizing: border-box;
padding: 20px 0px;
}


/*------------------------------------------------------------
backnumber
------------------------------------------------------------ */
#suntory_contents #backnumber {
width: auto;
margin: 0 auto;
}
#suntory_contents #backnumber h2 {
width: auto;
font-size: 1em;
line-height: 30px;
background: #d6d6d6;
float: none;
text-align: center;
box-shadow: 2px 0px 1px 1px rgba(0,0,0,.2);
}
#suntory_contents #backnumber .inner {
clear: both;
border: 1px #ccc solid;
padding: 10px 20px;
box-shadow: 2px 2px 1px 0px rgba(0,0,0,.2);
background: #fff;
}

#suntory_contents #backnumber ul {
margin: 15px auto;
width: auto;
}
#suntory_contents #backnumber ul { /zoom :1; }
#suntory_contents #backnumber ul:after { content :''; display :block; clear :both; }

#suntory_contents #backnumber li {
margin: 0 10px 10px 0;
width: auto;
float: none;
}
#suntory_contents #backnumber li { /zoom :1; }
#suntory_contents #backnumber li:after { content :''; display :block; clear :both; }

#suntory_contents #backnumber li figure {
float: left;
width: 23.880597014%;
}

#suntory_contents #backnumber li figure img {
width: 100%;
}

#suntory_contents #backnumber li .text {
width: 70.149253731%;
float: right;
}
#suntory_contents #backnumber li .text .date {
margin-bottom: .5em;
font-size: 12px;
color: #999;
}

#suntory_contents #backnumber li .text h3 {
font-size: 14px;
font-weight: bold;
line-height: 1.5;
}

#suntory_contents #backnumber li a:hover {
text-decoration: none;
}
#suntory_contents #backnumber li a:hover h3 {
text-decoration: underline;
}



}



@media print, screen and (min-width:768px) {

/*------------------------------------------------------------
[pc] 
------------------------------------------------------------ */

.sp_item {
display: none;
}

/*------------------------------------------------------------
structure (/wine/css/common.cssの設定を一部変更)
------------------------------------------------------------ */
#column #suntory_contents #container {
width:960px;
margin:0 auto;
padding-bottom: 60px;
text-align:left;
display: block;
}

/* main */
#column  #suntory_contents #container #main {
width:700px;
margin:0;
}

/*------------------------------------------------------------
category_nav
------------------------------------------------------------ */
#suntory_contents .category_nav {
margin-bottom: 60px;
width: 226px;
background: #FFFFF2;
padding: 20px 5px;
box-sizing: border-box;
position: sticky;
top: 0;
float: right;
}
#suntory_contents .category_nav dt {
margin: 0 0 20px;
font-size: 12px;
line-height: 1.5;
}
#suntory_contents .category_nav li {
margin-bottom: 5px;
font-size: 12px;
}    
#suntory_contents .category_nav li a {
display: flex;
align-items: center;
padding: 0 20px;
height: 30px;
color: #000;
text-decoration: none;
position: relative;
}
#suntory_contents .category_nav li a:hover {
opacity: .75;
}
#suntory_contents .category_nav li a span {
height: 30px;
display: flex;
align-items: center;
position: absolute;
top: 0;
right: 20px;
}    

#suntory_contents .category_nav li.country a {
background: rgba(147,39,143,.5);
}
#suntory_contents .category_nav li.trend a {
background: rgba(0,146,69,.5);
}
#suntory_contents .category_nav li.trivia a {
background: rgba(252,238,33,.5);
}
#suntory_contents .category_nav li.red a {
background: rgba(237,28,36,.5);
}
#suntory_contents .category_nav li.white a {
background: rgba(140,198,63,.5);
}


/*------------------------------------------------------------
title (backgroundは/wine/css/common.cssで設定)
------------------------------------------------------------ */
#suntory_contents #container #title {
margin-bottom:20px;
padding: 0 0 15px;
}
#suntory_contents #container #title .btn_title {
display: block;
}
#suntory_contents #container #title p {
text-indent: -9999px;
height: 0px;
}
#suntory_contents #container #title h1 {
width: 492px;
height: 54px;
background: url('../img/title.png') no-repeat 0 0;
text-indent: -9999px;
}
#suntory_contents #container #title .menu {
display: none;
}

/*------------------------------------------------------------
lead
------------------------------------------------------------ */
#suntory_contents .lead {
margin-bottom: 15px;
position: relative;
}
#suntory_contents .lead .text {
margin-right: 220px;
font-size: .875em;
line-height: 1.8;
}  
#suntory_contents .btn_back_number_bottom {
margin: 0;
width: 190px;
height: 30px;
position: absolute;
    top: 0;
    right: 0;
}
#suntory_contents .lead .btn_back_number_bottom a {
width: 190px;
height: 30px;
font-size: 12px;
box-sizing: border-box;
padding: 0 0 0 10px;
display: flex;
align-items: center;
text-decoration: none;
color: #000;
position: relative;
}
#suntory_contents .lead .btn_back_number_bottom a:visited,
#suntory_contents .lead .btn_back_number_bottom a:link {
color: #000;
text-decoration: none;
}
#suntory_contents .lead .btn_back_number_bottom a span {
height: 30px;
display: flex;
align-items: center;
position: absolute;
top: 0;
right: 10px;
}
#suntory_contents .lead .btn_back_number_bottom a:hover {
opacity: .75;
text-decoration: none;
}

#suntory_contents .category_country .btn_back_number_bottom a {
background: rgba(147,39,143,.5);
}
#suntory_contents .category_trend .btn_back_number_bottom a {
background: rgba(0,146,69,.5);
}  
#suntory_contents .category_trivia .btn_back_number_bottom a {
background: rgba(252,238,33,.5);
}  
#suntory_contents .category_red .btn_back_number_bottom a {
background: rgba(237,28,36,.5);
}  
#suntory_contents .category_white .btn_back_number_bottom a {
background: rgba(140,198,63,.5);
}    

/*------------------------------------------------------------
board
------------------------------------------------------------ */
#suntory_contents .board {
margin-bottom: 40px;
width: 700px;
background: url('../img/bg_note.png') repeat 0 0;
box-shadow: 2px 4px 4px 2px rgba(0,0,0,.2);
box-sizing: border-box;
padding: 25px 0px;
}
#suntory_contents .board h2 {
margin-bottom: 30px;
font-size: 16px;
text-align: center;
}

/*------------------------------------------------------------
category_label
------------------------------------------------------------ */    
#suntory_contents .category_label {
margin: 0 auto 70px;
width: 689px;
}
#suntory_contents .category_label h2 {
margin-bottom: 30px;
font-size: 16px;
text-align: center;
}
#suntory_contents .category_label ul {
margin: 0 auto;
width: 680px;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
#suntory_contents .category_label li {
width: 220px;
margin: 0 5px 10px;
}
#suntory_contents .category_label li:nth-child(1) {
margin: 0 5px 10px 0;
}
#suntory_contents .category_label li:nth-child(2) {
margin: 0 5px 10px 5px;
}
#suntory_contents .category_label li:nth-child(3) {
margin: 0 0 10px 5px;
}
#suntory_contents .category_label li:nth-child(4) {
margin: 0 5px;
}
#suntory_contents .category_label li:nth-child(5) {
margin: 0 5px;
}
#suntory_contents .category_label li a {
width: 220px;
height: 45px;
display: flex;
justify-content: center;
align-items: center;
color: #000;
text-decoration: none;
font-size: 15px;
}
#suntory_contents .category_label li a:hover {
opacity: .75;
}
#suntory_contents .category_label li.country a {
background: rgba(147,39,143,.5);
}
#suntory_contents .category_label li.trend a {
background: rgba(0,146,69,.5);
}
#suntory_contents .category_label li.trivia a {
background: rgba(252,238,33,.5);
}
#suntory_contents .category_label li.red a {
background: rgba(237,28,36,.5);
}
#suntory_contents .category_label li.white a {
background: rgba(140,198,63,.5);
}    

/*------------------------------------------------------------
category_list
------------------------------------------------------------ */
#suntory_contents .category_list {
margin-bottom: 90px;
}
#suntory_contents .category_list h2 {
margin: 0 auto 25px;
width: 680px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
font-size: 15px;
}

#suntory_contents .category_list#country h2 {
background: rgba(147,39,143,.5);
}
#suntory_contents .category_list#trend h2 {
background: rgba(0,146,69,.5);
}  
#suntory_contents .category_list#trivia h2 {
background: rgba(252,238,33,.5);
}  
#suntory_contents .category_list#red h2 {
background: rgba(237,28,36,.5);
}  
#suntory_contents .category_list#white h2 {
background: rgba(140,198,63,.5);
}  

/*------------------------------------------------------------
latest_entry
------------------------------------------------------------ */
#suntory_contents .latest_entry {
width: 690px;
margin: 0;
}
    
#suntory_contents #back_number_bottom {
margin-top: -30px;
padding-top: 30px;
}

/*------------------------------------------------------------
latest_article
------------------------------------------------------------ */
#suntory_contents .latest_article {
width: 690px;
margin: 0 0 40px;
display: flex;
flex-wrap: wrap;

}
#suntory_contents .latest_article li {
margin: 0 0 10px 10px;
width: 220px;
background: url('../img/bg_article_list.png') repeat-y 0 0;
box-shadow: 2px 2px 1px 0px rgba(0,0,0,.2);
border-bottom: 1px solid #ccc;
}
#suntory_contents .latest_article figure {
position: relative;
}
#suntory_contents .latest_article figure img {
width:220px;
height:auto;
vertical-align: bottom;
}
#suntory_contents .latest_article a {
text-decoration: none;
}
#suntory_contents .latest_article a:hover {
text-decoration: none;
}
#suntory_contents .latest_article a:hover img {
opacity: 0.5;
}
#suntory_contents .latest_article .textBlock {
padding: 10px;
}
#suntory_contents .latest_article a .textBlock {
text-decoration: none;
color:#000;
}
#suntory_contents .latest_article h3 {
margin: 0 0 1em;
font-size: 15px;
font-weight: bold;
line-height: 1.8;
}
#suntory_contents .latest_article .text {
margin: 0 0 1em;
font-size: 14px;
line-height: 1.8;
}
#suntory_contents .latest_article a .btnReadEntry {
font-size: 13px;
line-height: 14px;
font-weight: bold;
white-space: nowrap;
}
#suntory_contents .latest_article a .btnReadEntry span.arrow {
display: inline-block;
}
#suntory_contents .latest_article a .btnReadEntry span.tag {
font-size: 10px;
display: inline-flex;
height: 14px;
align-items: center;
margin-left: 5px;
padding: 0 5px;
}
#suntory_contents .latest_article a .btnReadEntry span.country {
background: rgba(147,39,143,.5);
}
#suntory_contents .latest_article a .btnReadEntry span.trend {
background: rgba(0,146,69,.5);
}
#suntory_contents .latest_article a .btnReadEntry span.trivia {
background: rgba(252,238,33,.5);
}
#suntory_contents .latest_article a .btnReadEntry span.red {
background: rgba(237,28,36,.5);
}
#suntory_contents .latest_article a .btnReadEntry span.white {
background: rgba(140,198,63,.5);
}

    
/*------------------------------------------------------------
latest_article_secondary
------------------------------------------------------------ */
#suntory_contents .latest_article_secondary {
display: flex;
flex-direction: column;
}    
#suntory_contents .latest_article_secondary ul {
margin: 15px auto;
width: 640px;
display: flex;
flex-wrap: wrap;
order: 1;
}
#suntory_contents .latest_article_secondary li {
margin: 0 10px 10px 0;
width: 310px;
}
#suntory_contents .latest_article_secondary li.extra_list {
display: none;
}    
#suntory_contents .latest_article_secondary li a {
color: #8c8c8c;
display: flex;
justify-content: space-between;
}  
#suntory_contents .latest_article_secondary li figure {
width: 52px;
display: block;
margin: 0;
}
#suntory_contents .latest_article_secondary li figure img {
width: 52px;
height: auto;
vertical-align: bottom;
}
#suntory_contents .latest_article_secondary li .text {
width: 245px;
}
#suntory_contents .latest_article_secondary li .text h3 {
font-size: .75em;
font-weight: bold;
line-height: 1.5;
}
#suntory_contents .latest_article_secondary li a:hover {
text-decoration: none;
}
#suntory_contents .latest_article_secondary li a:hover h3 {
text-decoration: underline;
}
#suntory_contents .check_back_number {
display: none;
}   
#suntory_contents .btn_back_number {
margin: 0 auto;
width: 220px;
height: 45px;
display: flex;
justify-content: center;
align-items: center;
background: rgba(147,39,143,.5);
font-size: 15px;
color: #000;
box-sizing: border-box;
padding-right: 30px;
cursor: pointer;
position: relative;
order: 2;
}
#suntory_contents .btn_back_number:hover {
opacity: .75;
}
#suntory_contents #country .btn_back_number {
background: rgba(147,39,143,.5);
}
#suntory_contents #trend .btn_back_number {
background: rgba(0,146,69,.5);
}  
#suntory_contents #trivia .btn_back_number {
background: rgba(252,238,33,.5);
}  
#suntory_contents #red .btn_back_number {
background: rgba(237,28,36,.5);
}  
#suntory_contents #white .btn_back_number {
background: rgba(140,198,63,.5);
}  
#suntory_contents .btn_back_number::after {
content: '';
width: 10px;
height: 10px;
margin: auto;
border-top: 1px solid #000;
border-right: 1px solid #000;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
position: absolute;
top: calc(50% - 10px);
right: 42px;
}
#suntory_contents .check_back_number:checked + .btn_back_number::after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
top: calc(50% - 5px);
}

#suntory_contents .check_back_number:checked ~ ul .extra_list {
display: block;
}


/*------------------------------------------------------------
label
------------------------------------------------------------ */
#suntory_contents .label {
margin: 0 auto 20px;
width: 640px;
display: flex;
justify-content: space-between;
}
#suntory_contents .category {
display: flex;
flex-wrap: wrap;
width: 430px;
}
#suntory_contents .category li {
margin: 0 10px 0 0;
width: 130px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
}
#suntory_contents .category li:nth-child(4),
#suntory_contents .category li:nth-child(5) {
margin: 10px 10px 0 0;
}

#suntory_contents .category .country {
background: rgba(147,39,143,.5);
}
#suntory_contents .category .trend {
background: rgba(0,146,69,.5);
}  
#suntory_contents .category .trivia {
background: rgba(252,238,33,.5);
}  
#suntory_contents .category .red {
background: rgba(237,28,36,.5);
}  
#suntory_contents .category .white {
background: rgba(140,198,63,.5);
}    


#suntory_contents .btn_back_number_list {
margin: 0;
width: 190px;
}
#suntory_contents .btn_back_number_list a {
width: 190px;
height: 30px;
font-size: 12px;
box-sizing: border-box;
padding: 0 0 0 10px;
display: flex;
align-items: center;
text-decoration: none;
color: #000;
position: relative;
}
#suntory_contents .btn_back_number_list a:visited,
#suntory_contents .btn_back_number_list a:link {
color: #000;
text-decoration: none;
}
#suntory_contents .btn_back_number_list a span {
height: 30px;
display: flex;
align-items: center;
position: absolute;
top: 0;
right: 10px;
}
#suntory_contents .btn_back_number_list a:hover {
opacity: .75;
text-decoration: none;
}

#suntory_contents .category_country .btn_back_number_list a {
background: rgba(147,39,143,.5);
}
#suntory_contents .category_trend .btn_back_number_list a {
background: rgba(0,146,69,.5);
}  
#suntory_contents .category_trivia .btn_back_number_list a {
background: rgba(252,238,33,.5);
}  
#suntory_contents .category_red .btn_back_number_list a {
background: rgba(237,28,36,.5);
}  
#suntory_contents .category_white .btn_back_number_list a {
background: rgba(140,198,63,.5);
}    

/*------------------------------------------------------------
article_title
------------------------------------------------------------ */
#suntory_contents .article_title {
margin: 0 auto 20px;
padding:10px 10px 10px;
width: 640px;
box-sizing: border-box;
}
#suntory_contents .category_country .article_title {
background: rgba(147,39,143,.5);
}
#suntory_contents .category_trend .article_title {
background: rgba(0,146,69,.5);
}  
#suntory_contents .category_trivia .article_title {
background: rgba(252,238,33,.5);
}   
#suntory_contents .category_red .article_title {
background: rgba(237,28,36,.5);
}   
#suntory_contents .category_white .article_title {
background: rgba(140,198,63,.5);
} 
#suntory_contents .article_title h1 {
margin: 0 0 10px;
font-size: 22px;
line-height: 1.5;
font-weight: bold;
text-align: center;
}
#suntory_contents .article_title h1 .sp_none {
display: block;
}
#suntory_contents .article_title .date {
margin: 0;
text-align: right;
font-size: 12px;
}

/*------------------------------------------------------------
article_lead
------------------------------------------------------------ */
#suntory_contents .article_lead{
margin: 0 auto;
width: 640px;
}
#suntory_contents .article_lead figure {
margin: 0 0 35px;
}
#suntory_contents .article_lead figure img {
width: 640px;
vertical-align: bottom;
box-shadow: 3px 3px 3px rgba(0,0,0,.2);
}
#suntory_contents .article_lead p {
margin-bottom: 1.5em;
font-size: 1.125em;
line-height: 1.8;
}


/*------------------------------------------------------------
table_of_contents
------------------------------------------------------------ */
#suntory_contents .table_of_contents {
margin: 0 auto 40px;
width: 460px;
box-sizing: border-box;
padding: 20px 40px;
background: #e8e8e8;
}
#suntory_contents .table_of_contents dt {
font-size: 12px;
margin-bottom: 15px;
}
#suntory_contents .table_of_contents  ol {
margin: 0 0 0 1em;
}
#suntory_contents .table_of_contents  ol li {
margin: 0 0 1em;
padding: 0;
font-size: 12px;
}
#suntory_contents .table_of_contents  ol li:last-child {
margin: 0;
}
#suntory_contents .table_of_contents  ol li a {
color: #000;
text-decoration: none;
}
#suntory_contents .table_of_contents  ol li a:hover {
text-decoration: underline;
}

/*------------------------------------------------------------
contents
------------------------------------------------------------ */
#suntory_contents .contents {
margin: 0 auto 60px;
width: 680px;
line-height: 1.8;
}
#suntory_contents .contents h3 {
margin-bottom: 30px;
font-size: 1.5625em;
font-weight: bold;
text-align: center;
padding: 15px;
}
#suntory_contents .red .contents h3 {
background: #f34c54;
background: rgba(240,30,40,.8);
}
#suntory_contents .lime .contents h3 {
background: #a3d363;
background: rgba(140,200,60.8);
}
#suntory_contents .orange .contents h3 {
background: #fbab4b;
background: rgba(250,150,30,.8);
}
#suntory_contents .purple .contents h3 {
background: #8357a7;
background: rgba(100,45,145,.8);
}
#suntory_contents .pink .contents h3 {
background: #f34b93;
background: rgba(240,30,120,.8);
}
#suntory_contents .green .contents h3 {
background: #33ab6b;
background: rgba(0,150,70,.8);
}

#suntory_contents .contents .inner {
margin: 0 auto;
width: 640px;
}

#suntory_contents .contents img {
box-shadow: 3px 3px 3px rgba(0,0,0,.2);
}
#suntory_contents .contents .results li {
margin-bottom: 12px;
padding: 15px;
font-size: 1em;
line-height: 1.8;
}
#suntory_contents .red .contents li {
background: #f9a5a9;
background: rgba(240,30,40,.4);
}
#suntory_contents .lime .contents li {
background: #d1e9b1;
background: rgba(140,200,60.4);
}
#suntory_contents .orange .contents li {
background: #fdd5a5;
background: rgba(250,150,30,.4);
}
#suntory_contents .purple .contents li {
background: #c1abd3;
background: rgba(100,45,145,.4);
}
#suntory_contents .pink .contents li {
background: #f9a5c9;
background: rgba(240,30,120,.4);
}
#suntory_contents .green .contents li {
background: #99d5b5;
background: rgba(0,150,70,.4);
}


/*------------------------------------------------------------
resultTitle
------------------------------------------------------------ */
#suntory_contents #resultTitle {
margin: 0 auto 60px;
width: 680px;
text-align: center;
}
#suntory_contents #resultTitle a {
background: #53bbeb;
background: rgba(40,170,230,.8);
display: inline-block;
padding: 20px;
box-shadow: 3px 3px 5px rgba(0,0,0,.2);
color:#000;
}
#suntory_contents #resultTitle a:visited,
#suntory_contents #resultTitle a:link {
color:#000;
}

#suntory_contents #resultTitle a:hover {
text-decoration: none;
-ms-filter: "alpha( opacity=50 )";
filter: alpha( opacity=50 );
opacity: 0.5;
}

#suntory_contents #resultTitle h3 {
margin-bottom: 10px;
font-size: 1.5625em;
font-weight: bold;
}
#suntory_contents #resultTitle p {
font-size: .9375em;
font-weight: bold;
}


/*------------------------------------------------------------
contents_section
------------------------------------------------------------ */
#suntory_contents .contents_section {
margin: 0 auto 60px;
width: 640px;
line-height: 1.8;
}
#suntory_contents .contents_section h2 {
margin-bottom: 40px;
font-size: 22px;
line-height: 1.5;
color: #000;
background: #e8e8e8;
text-align: left;
padding: 15px 30px;
}

#suntory_contents .contents_section figure {
margin-bottom: 30px;
}
#suntory_contents .contents_section figure img {
vertical-align: bottom;
}
#suntory_contents .contents_section img {
box-shadow: 3px 3px 3px rgba(0,0,0,.2);
}


#suntory_contents .contents_section .results li {
margin-bottom: 12px;
padding: 15px;
font-size: 1em;
line-height: 1.8;
background: #a9ddf5;
background: rgba(40,170,230,.4);
}


/*------------------------------------------------------------
editors_note
------------------------------------------------------------ */
#suntory_contents .editors_note {
margin: 0 auto 60px;
width: 680px;
}
#suntory_contents .editors_note h3 {
margin-bottom: 30px;
padding: 10px;
font-size: 1.5625em;
font-weight: bold;
background: #53bbeb;
background: rgba(40,170,230,.8);
text-align: center;
}
#suntory_contents .editors_note .inner {
margin: 0 auto;
width: 640px;
line-height: 1.8;
}

#suntory_contents .editors_note img {
box-shadow: 3px 3px 3px rgba(0,0,0,.2);
}


#suntory_contents .editors_note .results li {
margin-bottom: 12px;
padding: 15px;
font-size: 1em;
line-height: 1.8;
background: #a9ddf5;
background: rgba(40,170,230,.4);
}

/*------------------------------------------------------------
btn_back
------------------------------------------------------------ */
#suntory_contents .btn_back {
margin: 0 0 140px;
}
#suntory_contents .btn_back a {
margin: 0 auto;
width: 220px;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
font-size: 15px;
color: #000;
text-decoration: none;
}
#suntory_contents .btn_back a:visited,
#suntory_contents .btn_back a:link {
color: #000;
text-decoration: none;
}
#suntory_contents .btn_back a span {
margin-left: 10px;
}
#suntory_contents .btn_back a:hover {
opacity: .75;
}
#suntory_contents .category_country .btn_back a {
background: rgba(147,39,143,.5);
}
#suntory_contents .category_trend .btn_back a {
background: rgba(0,146,69,.5);
}  
#suntory_contents .category_trivia .btn_back a {
background: rgba(252,238,33,.5);
}   
#suntory_contents .category_red .btn_back a {
background: rgba(237,28,36,.5);
}   
#suntory_contents .category_white .btn_back a {
background: rgba(140,198,63,.5);
} 

/*------------------------------------------------------------
recentEntries
------------------------------------------------------------ */
#suntory_contents #recentEntries {
margin: 0 auto;
width: 640px;
}
#suntory_contents #recentEntries li {
margin-bottom: 10px;
}
#suntory_contents #recentEntries li a {
color: #000;
}
#suntory_contents #recentEntries li a:hover {
color: #000;
}
#suntory_contents #recentEntries li .date {
margin-bottom: .5em;
font-size: .75em;
}
#suntory_contents #recentEntries li h3 {
font-size: .9375em;
font-weight: bold;
line-height: 1.5;
}


/*------------------------------------------------------------
sns
------------------------------------------------------------ */
#suntory_contents .sns {
margin: 0 auto;
width: 640px;
}
#suntory_contents .sns div {
margin-right: 5px;
}

#suntory_contents .pageTop {
margin: 0 auto;
width: 640px;
text-align: right;
}
#suntory_contents .pageTop a {
font-size: .75em;
color: #c1272d;
} 


/*------------------------------------------------------------
information
------------------------------------------------------------ */
#suntory_contents #information {
width: 700px;
background: url('../img/bg_note.png') repeat 0 0;
box-shadow: 2px 4px 4px 2px rgba(0,0,0,.2);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding: 20px 0px;
}



/*------------------------------------------------------------
backnumber
------------------------------------------------------------ */
#suntory_contents #backnumber {
width: 680px;
margin: 0 auto;
}
#suntory_contents #backnumber h2 {
width: 220px;
font-size: 1em;
line-height: 30px;
background: #d6d6d6;
float: left;
text-align: center;
box-shadow: 2px 0px 1px 1px rgba(0,0,0,.2);
}
#suntory_contents #backnumber .inner {
clear: both;
border: 1px #ccc solid;
padding: 10px 20px;
box-shadow: 2px 2px 1px 0px rgba(0,0,0,.2);
background: #fff;
}

#suntory_contents #backnumber ul {
margin: 15px auto;
width: 640px;
}
#suntory_contents #backnumber ul { /zoom :1; }
#suntory_contents #backnumber ul:after { content :''; display :block; clear :both; }

#suntory_contents #backnumber li {
margin: 0 10px 10px 0;
width: 310px;
float: left;
}
#suntory_contents #backnumber li { /zoom :1; }
#suntory_contents #backnumber li:after { content :''; display :block; clear :both; }

#suntory_contents #backnumber li figure {
float: left;
}

#suntory_contents #backnumber li figure img {
width: 52px;
}

#suntory_contents #backnumber li .text {
width: 244px;
float: right;
}
#suntory_contents #backnumber li .text .date {
margin-bottom: .5em;
font-size: .5625em;
color: #999;
}

#suntory_contents #backnumber li .text h3 {
font-size: .75em;
font-weight: bold;
line-height: 1.5;
}

#suntory_contents #backnumber li a:hover {
text-decoration: none;
}
#suntory_contents #backnumber li a:hover h3 {
text-decoration: underline;
}

#suntory_contents #backnumber .red h3 {
color: #f01e28;
}
#suntory_contents #backnumber .lime h3 {
color: #8cc83c;
}
#suntory_contents #backnumber .orange h3 {
color: #fa961e;
}
#suntory_contents #backnumber .purple h3 {
color: #642d91;
}
#suntory_contents #backnumber .pink h3 {
color: #f01e78;
}
#suntory_contents #backnumber .green h3 {
color: #009646;
}


}