@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 #8cc63f 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 = '#016937', endColorstr = '#8bc53f');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#016937', endColorstr = '#8bc53f')";
    background: url(../img/arrow_open.png) no-repeat right center,-moz-linear-gradient(left, #016937, #8bc53f);
    background: url(../img/arrow_open.png) no-repeat right center,-ms-linear-gradient(left, #016937, #8bc53f);
    background: url(../img/arrow_open.png) no-repeat right center,-o-linear-gradient(left, #016937, #8bc53f);
    background: url(../img/arrow_open.png) no-repeat right center,-webkit-gradient(linear, left top, right top, from(#016937), to(#8bc53f));
    background: url(../img/arrow_open.png) no-repeat right center,-webkit-linear-gradient(left, #016937, #8bc53f);
    background: url(../img/arrow_open.png) no-repeat right center,linear-gradient(left, #016937, #8bc53f);   
}

#suntory_contents #container section h2 a:hover {
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#8bc53f', endColorstr = '#016937');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#8bc53f', endColorstr = '#016937')";
    background: url(../img/arrow_open.png) no-repeat right center,-moz-linear-gradient(left, #8bc53f, #016937);
    background: url(../img/arrow_open.png) no-repeat right center,-ms-linear-gradient(left, #8bc53f, #016937);
    background: url(../img/arrow_open.png) no-repeat right center,-o-linear-gradient(left, #8bc53f, #016937);
    background: url(../img/arrow_open.png) no-repeat right center,-webkit-gradient(linear, left top, right top, from(#8bc53f), to(#016937));
    background: url(../img/arrow_open.png) no-repeat right center,-webkit-linear-gradient(left, #8bc53f, #016937);
    background: url(../img/arrow_open.png) no-repeat right center,linear-gradient(left, #8bc53f, #016937);
}

#suntory_contents #container section h2.open a {
    background: url(../img/arrow_close.png) no-repeat right center,-moz-linear-gradient(left, #016937, #8bc53f);
    background: url(../img/arrow_close.png) no-repeat right center,-ms-linear-gradient(left, #016937, #8bc53f);
    background: url(../img/arrow_close.png) no-repeat right center,-o-linear-gradient(left, #016937, #8bc53f);
    background: url(../img/arrow_close.png) no-repeat right center,-webkit-gradient(linear, left top, right top, from(#016937), to(#8bc53f));
    background: url(../img/arrow_close.png) no-repeat right center,-webkit-linear-gradient(left, #016937, #8bc53f);
    background: url(../img/arrow_close.png) no-repeat right center,linear-gradient(left, #016937, #8bc53f);   
}

#suntory_contents #container section h2.open a:hover {
    background: url(../img/arrow_close.png) no-repeat right center,-moz-linear-gradient(left, #8bc53f, #016937);
    background: url(../img/arrow_close.png) no-repeat right center,-ms-linear-gradient(left, #8bc53f, #016937);
    background: url(../img/arrow_close.png) no-repeat right center,-o-linear-gradient(left, #8bc53f, #016937);
    background: url(../img/arrow_close.png) no-repeat right center,-webkit-gradient(linear, left top, right top, from(#8bc53f), to(#016937));
    background: url(../img/arrow_close.png) no-repeat right center,-webkit-linear-gradient(left, #8bc53f, #016937);
    background: url(../img/arrow_close.png) no-repeat right center,linear-gradient(left, #8bc53f, #016937);
}

/*------------------------------------------------------------
  [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 h4 {
    margin-bottom: 1em;
    font-size: 25px;
    line-height: 1.8;
}
#suntory_contents section .contents p {
    margin-bottom: 1em;
    font-size: 20px;
    line-height: 1.8;
}
#suntory_contents section .contents p em {
    color: #8cc63f;
    font-style:normal;
}
#suntory_contents section .contents figure {
    margin-bottom: 30px;
}
#suntory_contents section .contents figure.center {
    margin: 0 auto 30px;
    text-align: center;
}

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

#suntory_contents #variety01_01,
    #suntory_contents #variety01_02,
    #suntory_contents #variety01_03,
    #suntory_contents #variety01_04,
    #suntory_contents #variety01_05,
    #suntory_contents #variety01_06,
    #suntory_contents #variety01_07,
    #suntory_contents #variety01_08,
    #suntory_contents #variety01_09,
    #suntory_contents #variety01_10,
    #suntory_contents #variety01_11,
    #suntory_contents #variety01_12,
    #suntory_contents #variety02_01,
    #suntory_contents #variety02_02,
    #suntory_contents #variety02_03,
    #suntory_contents #variety02_04,
    #suntory_contents #variety02_05,
    #suntory_contents #variety02_06,
    #suntory_contents #variety02_07,
    #suntory_contents #variety02_08,
    #suntory_contents #variety02_09,
    #suntory_contents #variety02_10 {
        position: relative;
    }
    #suntory_contents #anchor_variety01_01,
    #suntory_contents #anchor_variety01_02,
    #suntory_contents #anchor_variety01_03,
    #suntory_contents #anchor_variety01_04,
    #suntory_contents #anchor_variety01_05,
    #suntory_contents #anchor_variety01_06,
    #suntory_contents #anchor_variety01_07,
    #suntory_contents #anchor_variety01_08,
    #suntory_contents #anchor_variety01_09,
    #suntory_contents #anchor_variety01_10,
    #suntory_contents #anchor_variety01_11,
    #suntory_contents #anchor_variety01_12,
    
    #suntory_contents #anchor_variety02_01,
    #suntory_contents #anchor_variety02_02,
    #suntory_contents #anchor_variety02_03,
    #suntory_contents #anchor_variety02_04,
    #suntory_contents #anchor_variety02_05,
    #suntory_contents #anchor_variety02_06,
    #suntory_contents #anchor_variety02_07,
    #suntory_contents #anchor_variety02_08,
    #suntory_contents #anchor_variety02_09,
    #suntory_contents #anchor_variety01_10 {
        position: absolute;
        top: -8px;
        left: 0px;
    }


/*------------------------------------------------------------
  [pc] pageTop
------------------------------------------------------------ */
#suntory_contents section .pageTop {
    background: url(../img/cate02/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/cate02/tri_page_top.png) no-repeat 0 center;
    color: #8cc63f;
}

/*------------------------------------------------------------
  [pc] figContainer
------------------------------------------------------------ */
#suntory_contents .figContainer {
    margin: 0 auto 30px;
    width: 760px;
}
#suntory_contents .figContainer:after { content :''; display :block; clear :both; }

#suntory_contents .figContainer .fig01 {
    width: 370px;
    float: left;
}
#suntory_contents .figContainer .fig02 {
    width: 370px;
    float: right;
}
#suntory_contents .figContainer figure img {
    width: 370px;
}

/*------------------------------------------------------------
  [pc] dataTable01
------------------------------------------------------------ */
#suntory_contents .dataTable01 {
    margin: 0 auto 30px;
    width: 100%;
}
#suntory_contents .dataTable01 th {
    border:1px #91c948 solid;
    background: #fff;
    padding:30px;
    font-size: 20px;
    line-height: 1.8;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
#suntory_contents .dataTable01 td {
    border:1px #91c948 solid;
    background: #bcde90;
    padding:30px;
    font-size: 20px;
    line-height: 1.8;
}

/*------------------------------------------------------------
  [pc] variety
------------------------------------------------------------ */
#suntory_contents .variety {
    margin: 30px 0 0;
    width: 300px;
    padding: 0;
    border-style: solid;
    border-color: transparent;
    border-width: 8px;
    -moz-border-image: url('../img/cate02/bg_border.png') 8 repeat;
    -webkit-border-image: url('../img/cate02/bg_border.png') 8 repeat;
    -o-border-image: url('../img/cate02/bg_border.png') 8 repeat;
    border-image: url('../img/cate02/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;
    float: left;
}
#suntory_contents .variety .blank {
    display: none;
}

#suntory_contents .variety:hover {
    border-style: solid;
    border-width: 8px;
    -moz-border-image: url('../img/cate02/bg_border_solid_hover.png') 8 repeat;
    -webkit-border-image: url('../img/cate02/bg_border_solid_hover.png') 8 repeat;
    -o-border-image: url('../img/cate02/bg_border_solid_hover.png') 8 repeat;
    border-image: url('../img/cate02/bg_border_solid_hover.png') 8 fill repeat;
}

#suntory_contents .variety.selected {
    padding: 0;
    border-style: solid;
    border-width: 8px;
    -moz-border-image: url('../img/cate02/bg_border_solid.png') 8 repeat;
    -webkit-border-image: url('../img/cate02/bg_border_solid.png') 8 repeat;
    -o-border-image: url('../img/cate02/bg_border_solid.png') 8 repeat;
    border-image: url('../img/cate02/bg_border_solid.png') 8 fill repeat;
}

#suntory_contents .variety.blur {
    -ms-filter: "alpha( opacity=50 )";
    filter: alpha( opacity=50 );
    opacity: 0.5;
}


#suntory_contents #variety01_01,
#suntory_contents #variety01_03 {
    margin: 0 0 0;
}
#suntory_contents #variety01_02 {
    margin: 0 30px 0;
}
#suntory_contents #variety01_05,
#suntory_contents #variety01_08,
#suntory_contents #variety01_11 {
    margin: 30px 30px 0;
}

#suntory_contents #variety02_01,
#suntory_contents #variety02_03 {
    margin: 0 0 0;
}
#suntory_contents #variety02_02 {
    margin: 0 30px 0;
}
#suntory_contents #variety02_05,
#suntory_contents #variety02_08 {
    margin: 30px 30px 0;
}

#suntory_contents #contents .variety h3 {
    margin: 0 auto;
    width: 280px;
    height: 113px;
    text-indent:-9999px;
}
#suntory_contents #contents .variety h4,
#suntory_contents #contents .variety p {
    margin: 0;
    text-indent:-9999px;
    height: 0px;
}
#suntory_contents #contents .variety .figContainer {
    margin: 0 auto;
    width: 280px;
    height: 140px;
    position: relative;
}
#suntory_contents #contents .variety .figContainer figure {
    margin: 0;
}
#suntory_contents #contents .variety .figContainer figure img {
    margin: 0px;
    vertical-align: bottom;
    width: 140px;
    height: auto;
}
#suntory_contents #contents .variety .figContainer .img {
    position: absolute;
    top: 0px;
    left: 0px;
}
#suntory_contents #contents .variety .figContainer .fig {
    position: absolute;
    top: 0px;
    left: 140px;
}

#suntory_contents #contents #variety01_01 h3 {
    background: url(../img/cate02/01_title01.png) no-repeat 0 0;
}
#suntory_contents #contents #variety01_02 h3 {
    background: url(../img/cate02/01_title02.png) no-repeat 0 0;
}
#suntory_contents #contents #variety01_03 h3 {
    background: url(../img/cate02/01_title03.png) no-repeat 0 0;
}
#suntory_contents #contents #variety01_04 h3 {
    background: url(../img/cate02/01_title04.png) no-repeat 0 0;
}
#suntory_contents #contents #variety01_05 h3 {
    background: url(../img/cate02/01_title05.png) no-repeat 0 0;
}
#suntory_contents #contents #variety01_06 h3 {
    background: url(../img/cate02/01_title06.png) no-repeat 0 0;
}
#suntory_contents #contents #variety01_07 h3 {
    background: url(../img/cate02/01_title07.png) no-repeat 0 0;
}
#suntory_contents #contents #variety01_08 h3 {
    background: url(../img/cate02/01_title08.png) no-repeat 0 0;
}
#suntory_contents #contents #variety01_09 h3 {
    background: url(../img/cate02/01_title09.png) no-repeat 0 0;
}
#suntory_contents #contents #variety01_10 h3 {
    background: url(../img/cate02/01_title10.png) no-repeat 0 0;
}
#suntory_contents #contents #variety01_11 h3 {
    background: url(../img/cate02/01_title11.png) no-repeat 0 0;
}
#suntory_contents #contents #variety01_12 h3 {
    background: url(../img/cate02/01_title12.png) no-repeat 0 0;
}

#suntory_contents #contents #variety02_01 h3 {
    background: url(../img/cate02/02_title01.png) no-repeat 0 0;
}
#suntory_contents #contents #variety02_02 h3 {
    background: url(../img/cate02/02_title02.png) no-repeat 0 0;
}
#suntory_contents #contents #variety02_03 h3 {
    background: url(../img/cate02/02_title03.png) no-repeat 0 0;
}
#suntory_contents #contents #variety02_04 h3 {
    background: url(../img/cate02/02_title04.png) no-repeat 0 0;
}
#suntory_contents #contents #variety02_05 h3 {
    background: url(../img/cate02/02_title05.png) no-repeat 0 0;
}
#suntory_contents #contents #variety02_06 h3 {
    background: url(../img/cate02/02_title06.png) no-repeat 0 0;
}
#suntory_contents #contents #variety02_07 h3 {
    background: url(../img/cate02/02_title07.png) no-repeat 0 0;
}
#suntory_contents #contents #variety02_08 h3 {
    background: url(../img/cate02/02_title08.png) no-repeat 0 0;
}
#suntory_contents #contents #variety02_09 h3 {
    background: url(../img/cate02/02_title09.png) no-repeat 0 0;
}
#suntory_contents #contents #variety02_10 h3 {
    background: url(../img/cate02/02_title10.png) no-repeat 0 0;
}


/*------------------------------------------------------------
  [pc] btnContainer
------------------------------------------------------------ */
#suntory_contents .btnContainer {
    clear: both;
    margin: 20px 0 0;
    padding-top: 20px;
    text-align: center;
}
#suntory_contents .btnWineList a {
    margin: 20px auto 0;
    border: 1px #8cc63f solid;
    background:#016937;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#8bc53f', endColorstr = '#016937');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#8bc53f', endColorstr = '#016937')";
    background: url(../img/cate02/arrow_link.png) no-repeat 30px center, -moz-linear-gradient(top, #8bc53f, #016937);
    background: url(../img/cate02/arrow_link.png) no-repeat 30px center, -ms-linear-gradient(top, #8bc53f, #016937);
    background: url(../img/cate02/arrow_link.png) no-repeat 30px center, -o-linear-gradient(top, #8bc53f, #016937);
    background: url(../img/cate02/arrow_link.png) no-repeat 30px center, -webkit-gradient(linear, center top, center bottom, from(#8bc53f), to(#016937));
    background: url(../img/cate02/arrow_link.png) no-repeat 30px center, -webkit-linear-gradient(top, #8bc53f, #016937);
    background: url(../img/cate02/arrow_link.png) no-repeat 30px center, linear-gradient(top, #8bc53f, #016937);
    display: inline-block;
    font-size: 20px;
    line-height: 1.5;
    color: #fff;
    padding:15px 30px 15px 60px;
}
#suntory_contents .btnWineList a:hover {
    background:#016937;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#8bc53f', endColorstr = '#016937');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#8bc53f', endColorstr = '#016937')";
    background: url(../img/cate02/arrow_link.png) no-repeat 30px center, -moz-linear-gradient(top, #016937, #8bc53f);
    background: url(../img/cate02/arrow_link.png) no-repeat 30px center, -ms-linear-gradient(top, #016937, #8bc53f);
    background: url(../img/cate02/arrow_link.png) no-repeat 30px center, -o-linear-gradient(top, #016937, #8bc53f);
    background: url(../img/cate02/arrow_link.png) no-repeat 30px center, -webkit-gradient(linear, center top, center bottom, from(#016937), to(#8bc53f));
    background: url(../img/cate02/arrow_link.png) no-repeat 30px center, -webkit-linear-gradient(top, #016937, #8bc53f);
    background: url(../img/cate02/arrow_link.png) no-repeat 30px center, linear-gradient(top, #016937, #8bc53f);
    text-decoration: none;
}



/*------------------------------------------------------------
  [pc] extraInfo
------------------------------------------------------------ */
#suntory_contents .extraInfo {
    clear: both;
    margin: -1px 0 0;
    border:4px #87bd42 solid;
    background: #fff;
    padding: 15px;
        -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 .extraInfo:after { content :''; display :block; clear :both; }

#suntory_contents .extraInfo .info01 {
    width: 280px;
    float:left;
}
#suntory_contents .extraInfo h4 {
    font-size: 22px;
    line-height: 1.8;
}
#suntory_contents .extraInfo p {
    font-size: 14px;
    line-height: 1.8;
}

#suntory_contents .extraInfo .info02_03 {
    width: 600px;
    float:right;
}
#suntory_contents .info02-03:after { content :''; display :block; clear :both; }

#suntory_contents .extraInfo .info02 {
    margin-bottom: 25px;
    width: 270px;
    float:left;
}
#suntory_contents .extraInfo .info02 .keywords {
}
#suntory_contents .keywords:after { content :''; display :block; clear :both; }
#suntory_contents .extraInfo .info02 .keywords li {
    float: left;
}


#suntory_contents .extraInfo .info03 {
    margin-bottom: 25px;
    width: 270px;
    float:right;
}
#suntory_contents .btnInfo {
    clear: both;
    border-top: 1px #87bd42 solid;
    padding: 40px 0 0;
}
#suntory_contents .btnInfo:after { content :''; display :block; clear :both; }

#suntory_contents .btnInfo .btnDetail {
    float:left;
    width: 270px;
}
#suntory_contents .btnInfo .btnRecommend {
    float:right;
    width: 270px;
}
#suntory_contents .btnInfo a {
    margin: 0;
    border: 1px #8cc63f solid;
    border-radius: 1px;
    background:#016937;
    text-align: center;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#8bc53f', endColorstr = '#016937');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#8bc53f', endColorstr = '#016937')";
    background: -moz-linear-gradient(top, #8bc53f, #016937);
    background: -ms-linear-gradient(top, #8bc53f, #016937);
    background: -o-linear-gradient(top, #8bc53f, #016937);
    background: -webkit-gradient(linear, center top, center bottom, from(#8bc53f), to(#016937));
    background: -webkit-linear-gradient(top, #8bc53f, #016937);
    background: linear-gradient(top, #8bc53f, #016937);
    display: block;
    font-size: 18px;
    line-height: 1.5;
    color: #fff;
    padding:15px;
}

#suntory_contents .btnInfo a:hover {
    background:#016937;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#8bc53f', endColorstr = '#016937');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#8bc53f', endColorstr = '#016937')";
    background: -moz-linear-gradient(top, #016937, #8bc53f);
    background: -ms-linear-gradient(top, #016937, #8bc53f);
    background: -o-linear-gradient(top, #016937, #8bc53f);
    background: -webkit-gradient(linear, center top, center bottom, from(#016937), to(#8bc53f));
    background: -webkit-linear-gradient(top, #016937, #8bc53f);
    background: linear-gradient(top, #016937, #8bc53f);
    text-decoration: none;
}
#suntory_contents .btnInfo a span {
    background: url(../img/cate02/arrow_link.png) no-repeat 0 center;
    padding:0 0 0 25px;
    display: inline-block;
}
#suntory_contents section .contents .link{
	color: #cd3c3b;
}
#suntory_contents section .contents .link a{
	color: #cd3c3b;
}


/*------------------------------------------------------------
  [pc] pageTop2
------------------------------------------------------------ */
#suntory_contents section .pageTop2 {
    text-align: right;
    margin: -1em 0 30px;
    padding: 0 0 0;
}
#suntory_contents section .pageTop2 p {
    font-size: 14px;
    line-height: 14px;
}
#suntory_contents section .pageTop2 p a {
    padding-left: 18px;
    background: url(../img/cate02/tri_page_top.png) no-repeat 0 center;
    color: #8cc63f;
}

/*------------------------------------------------------------
  [pc] temp
------------------------------------------------------------ */
#suntory_contents #tempFig01 {
    margin: 0 auto 20px;
    width: 920px;
    height: 518px;
    position: relative;
}
#suntory_contents #tempFig01_00 {
    position: absolute;
    top: 0px;
    left: 189px;
}
#suntory_contents #tempFig01_01 {
    position: absolute;
    top: 2px;
    left: 0px;
}
#suntory_contents #tempFig01_02 {
    position: absolute;
    top: 2px;
    left: 740px;
}
#suntory_contents #tempFig01_03 {
    position: absolute;
    top: 318px;
    left: 0px;
}
#suntory_contents #tempFig01_04 {
    position: absolute;
    top: 318px;
    left: 740px;
}


#suntory_contents #tempFig02 {
    margin: 0 auto 20px;
    width: 823px;
    height: 182px;
    position: relative;
}
#suntory_contents #tempFig02_01 {
    position: absolute;
    top: 0px;
    left: 0px;
}
#suntory_contents #tempFig02_02 {
    position: absolute;
    top: 0px;
    left: 422px;
}
#suntory_contents #tempFig02_03 {
    position: absolute;
    top: 101px;
    left: 0px;
}
#suntory_contents #tempFig02_04 {
    position: absolute;
    top: 101px;
    left: 422px;
}
#suntory_contents #tempFig02Note {
    margin: 0 auto;
    width: 823px;
    font-size: 14px;
    line-height: 1.8;
}


#suntory_contents #tempFig03 {
    margin: 0 auto 20px;
    width: 822px;
    height: 319px;
    position: relative;
}
#suntory_contents #tempFig03_01 {
    position: absolute;
    top: 0px;
    left: 0px;
}
#suntory_contents #tempFig03_02 {
    position: absolute;
    top: 0px;
    left: 422px;
}
#suntory_contents #tempFig03_03 {
    position: absolute;
    top: 172px;
    left: 0px;
}
#suntory_contents #tempFig03_04 {
    position: absolute;
    top: 172px;
    left: 422px;
}
/*------------------------------------------------------------
	[pc].pageTopBtn
------------------------------------------------------------ */
#suntory_contents .pageTopBtn{
	position: fixed;
	right: 20px;
	bottom:0;
	padding-bottom: 19px;
	z-index: 100;
}
#suntory_contents .pageTopBtn a{
	display: block;
	background: #8cc63f;
	border: 1px solid #016937;
	border-radius: 32px;
	text-align: center;
	text-decoration: none;
	padding: 23px 7px 23px 21px;
	box-shadow:0px 3px 6px 0px #888888;
	-moz-box-shadow:0px 3px 6px 0px #888888;
	-webkit-box-shadow:0px 3px 6px 0px #888888;
	opacity: 0.5;
}
#suntory_contents .pageTopBtn a img{
	width: 36px;
}
#suntory_contents .pageTopBtn a:hover{
	opacity: 1;
}


@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 #8cc63f 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(#016937), to(#8bc53f));
        background: url(../img/arrow_open.png) no-repeat right center,-webkit-linear-gradient(left, #016937, #8bc53f);
        background: url(../img/arrow_open.png) no-repeat right center,linear-gradient(left, #016937, #8bc53f);
        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(#8bc53f), to(#016937));
        background: url(../img/arrow_open.png) no-repeat right center,-webkit-linear-gradient(left, #8bc53f, #016937);
        background: url(../img/arrow_open.png) no-repeat right center,linear-gradient(left, #8bc53f, #016937);
        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(#016937), to(#8bc53f));
        background: url(../img/arrow_close.png) no-repeat right center,-webkit-linear-gradient(left, #016937, #8bc53f);
        background: url(../img/arrow_close.png) no-repeat right center,linear-gradient(left, #016937, #8bc53f);
        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(#8bc53f), to(#016937));
        background: url(../img/arrow_close.png) no-repeat right center,-webkit-linear-gradient(left, #8bc53f, #016937);
        background: url(../img/arrow_close.png) no-repeat right center,linear-gradient(left, #8bc53f, #016937);
        background-size:30px auto,auto;
    }
    
    #suntory_contents .contentsWrapper {
        margin: 0 15px;
    }
    
    /*------------------------------------------------------------
      [sp] anchor
    ------------------------------------------------------------ */
    #suntory_contents #section01,
    #suntory_contents #section02,
    #suntory_contents #section03,
    #suntory_contents #section04,
    #suntory_contents #section05,
		#suntory_contents #section06 {
        position: relative;
    }
    
    #suntory_contents #anchor01,
    #suntory_contents #anchor02,
    #suntory_contents #anchor03,
    #suntory_contents #anchor04,
    #suntory_contents #anchor05,
		#suntory_contents #anchor06 {
        position: absolute;
        top: -70px;
        left: 0px;
    }
    
    #suntory_contents #variety01_01,
    #suntory_contents #variety01_02,
    #suntory_contents #variety01_03,
    #suntory_contents #variety01_04,
    #suntory_contents #variety01_05,
    #suntory_contents #variety01_06,
    #suntory_contents #variety01_07,
    #suntory_contents #variety01_08,
    #suntory_contents #variety01_09,
    #suntory_contents #variety01_10,
    #suntory_contents #variety01_11,
    #suntory_contents #variety01_12,
    #suntory_contents #variety02_01,
    #suntory_contents #variety02_02,
    #suntory_contents #variety02_03,
    #suntory_contents #variety02_04,
    #suntory_contents #variety02_05,
    #suntory_contents #variety02_06,
    #suntory_contents #variety02_07,
    #suntory_contents #variety02_08,
    #suntory_contents #variety02_09,
    #suntory_contents #variety02_10 {
        position: relative;
    }
    #suntory_contents #anchor_variety01_01,
    #suntory_contents #anchor_variety01_02,
    #suntory_contents #anchor_variety01_03,
    #suntory_contents #anchor_variety01_04,
    #suntory_contents #anchor_variety01_05,
    #suntory_contents #anchor_variety01_06,
    #suntory_contents #anchor_variety01_07,
    #suntory_contents #anchor_variety01_08,
    #suntory_contents #anchor_variety01_09,
    #suntory_contents #anchor_variety01_10,
    #suntory_contents #anchor_variety01_11,
    #suntory_contents #anchor_variety01_12,
    
    #suntory_contents #anchor_variety02_01,
    #suntory_contents #anchor_variety02_02,
    #suntory_contents #anchor_variety02_03,
    #suntory_contents #anchor_variety02_04,
    #suntory_contents #anchor_variety02_05,
    #suntory_contents #anchor_variety02_06,
    #suntory_contents #anchor_variety02_07,
    #suntory_contents #anchor_variety02_08,
    #suntory_contents #anchor_variety02_09,
    #suntory_contents #anchor_variety01_10 {
        position: absolute;
        top: -78px;
        left: 0px;
    }
    
    /*------------------------------------------------------------
      [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 p {
        margin-bottom: 1em;
        font-size: 14px;
        line-height: 1.8;
    }
    #suntory_contents section .contents p em {
        color: #8cc63f;
        font-style:normal;
    }
    #suntory_contents section .contents figure {
        margin: 0 0 10px;
    }
    #suntory_contents section .contents figure img {
        width: 100%;
    }
    #suntory_contents section .contents figure.center {
        margin: 0 auto 30px;
        text-align: center;
    }
    
    
    /*------------------------------------------------------------
      [SP] pageTop
    ------------------------------------------------------------ */
    #suntory_contents section .pageTop {
        background: url(../img/cate02/line_double.png) repeat-x 0 0;
        text-align: right;
        margin: 20px 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/cate02/tri_page_top.png) no-repeat 0 center;
        color: #8cc63f;
    }
    
    /*------------------------------------------------------------
      [sp] figContainer
    ------------------------------------------------------------ */
    #suntory_contents .figContainer {
        margin: 0 auto 10px;
        width: auto;
    }
    #suntory_contents .figContainer:after { content :''; display :block; clear :both; }

    #suntory_contents .figContainer .fig01 {
        width: 48%;
        float: left;
    }
    #suntory_contents .figContainer .fig02 {
        width: 48%;
        float: right;
    }
    #suntory_contents .figContainer figure img {
        width: 100%;
    }

    
    /*------------------------------------------------------------
      [sp] dataTable01
    ------------------------------------------------------------ */
    #suntory_contents .dataTable01 {
        margin: 0 auto 30px;
        width: 100%;
    }
    #suntory_contents .dataTable01 th {
        border:1px #91c948 solid;
        background: #fff;
        padding:10px;
        font-size: 14px;
        line-height: 1.8;
        text-align: center;
        vertical-align: middle;
        white-space: nowrap;
    }
    #suntory_contents .dataTable01 td {
        border:1px #91c948 solid;
        background: #bcde90;
        padding:10px;
        font-size: 14px;
        line-height: 1.8;
    }
    
    
    /*------------------------------------------------------------
      [sp] variety
    ------------------------------------------------------------ */
    #suntory_contents .variety {
        margin: 0;
        width: 47.619047619%;
        padding: 0;
        border-style: solid;
        border-width: 8px;
        -webkit-border-image: url('../img/cate02/bg_border.png') 8 repeat;
        border-image: url('../img/cate02/bg_border.png') 8 fill repeat;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    #suntory_contents .variety .blank {
        display: block;
        width: 100%;
        height: auto;
    }
    #suntory_contents .variety.selected {
        padding: 0;
        border-style: solid;
        border-width: 8px;
        -o-border-image: url('../img/cate02/bg_border_solid.png') 8 repeat;
        border-image: url('../img/cate02/bg_border_solid.png') 8 fill repeat;
    }
    
    #suntory_contents #variety01_01,
    #suntory_contents #variety02_01{
        margin: 0;
        float:left;
    }
    #suntory_contents #variety01_03,
    #suntory_contents #variety01_05,
    #suntory_contents #variety01_07,
    #suntory_contents #variety01_09,
    #suntory_contents #variety01_11,
    #suntory_contents #variety02_03,
    #suntory_contents #variety02_05,
    #suntory_contents #variety02_07,
    #suntory_contents #variety02_09 {
        margin: 20px 0 0;
        float:left;
    }
    #suntory_contents #variety01_02,
    #suntory_contents #variety02_02{
        margin: 0;
        float:right;
    }
    #suntory_contents #variety01_04,
    #suntory_contents #variety01_06,
    #suntory_contents #variety01_08,
    #suntory_contents #variety01_10,
    #suntory_contents #variety01_12,
    #suntory_contents #variety02_04,
    #suntory_contents #variety02_06,
    #suntory_contents #variety02_08,
    #suntory_contents #variety02_10{
        margin: 20px 0 0;
        float:right;
    }
    
    #suntory_contents #contents .variety h3 {
        margin: 0;
        width: 100%;
        height: 0;
    }
    
    #suntory_contents #contents .variety h4 {
         width: 100%;
        height: auto;
        text-indent:0;
    }
    #suntory_contents #contents .variety h4 img {
        width: 100%;
        height: auto;
    }
    #suntory_contents #contents .variety p {
        margin: 0;
        text-indent:-9999px;
        height: 0px;
    }
    #suntory_contents #contents .variety .figContainer {
        margin: 0 auto;
        width: auto;
        height: auto;
        position: static;
        display: table;
    }
    #suntory_contents #contents .variety .figContainer figure {
        margin: 0;
    }
    #suntory_contents #contents .variety .figContainer figure img {
        margin: 0px;
        vertical-align: bottom;
        width: 100%;
        height: auto;
    }
    #suntory_contents #contents .variety .figContainer .img {
        position: static;
        top: 0px;
        left: 0;
        display: table-cell
    }
    #suntory_contents #contents .variety .figContainer .fig {
        position: static;
        top: 0px;
        left: 0;
        display: table-cell
    }


    /*------------------------------------------------------------
      [sp] btnContainer
    ------------------------------------------------------------ */
    #suntory_contents .btnContainer {
        margin: 28px 20px 0;
        text-align: center;
    }
    #suntory_contents .btnWineList a {
        margin: 0 auto;
        border: 1px #8cc63f solid;
        background: url(../img/cate02/arrow_link.png) no-repeat 30px center, -webkit-gradient(linear, center top, center bottom, from(#8bc53f), to(#016937));
        background: url(../img/cate02/arrow_link.png) no-repeat 30px center, -webkit-linear-gradient(top, #8bc53f, #016937);
        background: url(../img/cate02/arrow_link.png) no-repeat 30px center, linear-gradient(top, #8bc53f, #016937);
        background-size:10px auto,auto;
        display: inline-block;
        font-size: 14px;
        line-height: 1.5;
        color: #fff;
        padding:15px 30px 15px 60px;
    }
    #suntory_contents .btnWineList a:hover {
        background: url(../img/cate02/arrow_link.png) no-repeat 30px center, -webkit-gradient(linear, center top, center bottom, from(#016937), to(#8bc53f));
        background: url(../img/cate02/arrow_link.png) no-repeat 30px center, -webkit-linear-gradient(top, #016937, #8bc53f);
        background: url(../img/cate02/arrow_link.png) no-repeat 30px center, linear-gradient(top, #016937, #8bc53f);
        background-size:10px auto,auto;
        text-decoration: none;
    }

    /*------------------------------------------------------------
      [sp] extraInfo
    ------------------------------------------------------------ */
    #suntory_contents .extraInfo {
        margin: -1px 0 0;
        border:4px #87bd42 solid;
        background: #fff;
        padding: 15px;
    }
    #suntory_contents .extraInfo:after { content :''; display :block; clear :both; }

    #suntory_contents .extraInfo .info01 {
        margin-bottom: 15px;
        width: auto;
        float:none;
    }
    #suntory_contents .extraInfo h4 {
        font-size: 18px;
        line-height: 1.8;
    }
    #suntory_contents .extraInfo p {
        font-size: 14px;
        line-height: 1.8;
    }

    #suntory_contents .extraInfo .info02_03 {
        width: auto;
        float:none;
    }
    #suntory_contents .info02-03:after { content :''; display :block; clear :both; }

    #suntory_contents .extraInfo .info02 {
        margin-bottom: 0;
        width: auto;
        float:none;
    }
    #suntory_contents .extraInfo .info02 .keywords {
    }
    #suntory_contents .keywords:after { content :''; display :block; clear :both; }
    #suntory_contents .extraInfo .info02 .keywords li {
        float: left;
    }

    #suntory_contents .extraInfo .info03 {
        margin-bottom: 15px;
        width: auto;
        float:none;
    }
    #suntory_contents .btnInfo {
        clear: both;
        border-top: 1px #87bd42 solid;
        padding: 15px 0 0;
    }
    #suntory_contents .btnInfo:after { content :''; display :block; clear :both; }

    #suntory_contents .btnInfo .btnDetail {
        float:left;
        width: 43%;
    }
    #suntory_contents .btnInfo .btnRecommend {
        float:right;
        width: 52%;
    }
    #suntory_contents .btnInfo a {
        margin: 0;
        border: 1px #8cc63f solid;
        text-align: center;
        background: -webkit-gradient(linear, center top, center bottom, from(#8bc53f), to(#016937));
        background: -webkit-linear-gradient(top, #8bc53f, #016937);
        background: linear-gradient(top, #8bc53f, #016937);
        display: block;
        font-size: 10px;
        line-height: 1.5;
        color: #fff;
        padding:10px;
    }

    #suntory_contents .btnInfo a:hover {
        background: -webkit-gradient(linear, center top, center bottom, from(#016937), to(#8bc53f));
        background: -webkit-linear-gradient(top, #016937, #8bc53f);
        background: linear-gradient(top, #016937, #8bc53f);
        text-decoration: none;
    }
    #suntory_contents .btnInfo a span {
        background: url(../img/cate02/arrow_link.png) no-repeat 0 center;
        background-size:5px auto;
        padding:0 0 0 8px;
        display: inline-block;
    }

    
    @media screen and (max-width:350px){
        #suntory_contents .btnInfo a {
            font-size: 9px;
            padding:10px 0;
        }
    }

    /*------------------------------------------------------------
      [sp] pageTop2
    ------------------------------------------------------------ */
    #suntory_contents section .pageTop2 {
        text-align: none;
        margin: 10px 0 30px;
        padding: 0 0 0;
    }
    #suntory_contents section .pageTop2 p {
        font-size: 14px;
        line-height: 14px;
        text-align: center;
    }
    #suntory_contents section .pageTop2 p a {
        padding-left: 18px;
        background: url(../img/cate02/tri_page_top.png) no-repeat 0 center;
        color: #8cc63f;
    }

    
    
    /*------------------------------------------------------------
      [sp] temp
    ------------------------------------------------------------ */
    #suntory_contents #tempFig01 {
        margin: 0 auto 20px;
        width: auto;
        height: auto;
        position: static;
    }
    #suntory_contents #tempFig01:after { content :''; display :block; clear :both; }
    
    #suntory_contents #tempFig01_00 {
        position: static;
        top: 0px;
        left: 0px;
    }
    #suntory_contents #tempFig01_00 img,
    #suntory_contents #tempFig01 li img {
        width: 100%;
        vertical-align: bottom;
    }
     
    
    #suntory_contents #tempFig01_01 {
        margin-bottom: 10px;
        position: static;
        top: 0px;
        left: 0px;
        width: 49%;
        float:left;
    }
    #suntory_contents #tempFig01_02 {
        margin-bottom: 10px;
        position: static;
        top: 0px;
        left: 0px;
        width: 49%;
        float:right;
    }
    #suntory_contents #tempFig01_03 {
        clear: both;
        position: static;
        top: 0px;
        left: 0px;
        width: 49%;
        float:left;
    }
    #suntory_contents #tempFig01_04 {
        position: static;
        top: 0px;
        left: 0px;
        width: 49%;
        float:right;
    }

    #suntory_contents #tempFig02 {
        margin: 0 auto;
        width: auto;
        height: auto;
        position: static;
    }
    #suntory_contents #tempFig02 li img {
        width: 100%;
        vertical-align: bottom;
    }
    #suntory_contents #tempFig02_01,
    #suntory_contents #tempFig02_02,
    #suntory_contents #tempFig02_03,
    #suntory_contents #tempFig02_04 {
        margin-bottom: 10px;
        position: static;
        top: 0px;
        left: 0px;
    }
    #suntory_contents #tempFig02Note {
        margin: 0 auto;
        width: auto;
        font-size: 14px;
        line-height: 1.8;
    }


    #suntory_contents #tempFig03 {
        margin: 0 auto;
        width: auto;
        height: auto;
        position: static;
    }
    #suntory_contents #tempFig03 li img {
        width: 100%;
        vertical-align: bottom;
    }
    
    #suntory_contents #tempFig03_01,
    #suntory_contents #tempFig03_02,
    #suntory_contents #tempFig03_03,
    #suntory_contents #tempFig03_04 {
        margin-bottom: 10px;
        position: static;
        top: 0px;
        left: 0px;
    }
	/*------------------------------------------------------------
		[sp].pageTopBtn
	------------------------------------------------------------ */
	#suntory_contents .pageTopBtn{
		position: fixed;
		right: 20px;
		bottom: 0;
		padding-bottom: 10;
		z-index: 100;
	}
	#suntory_contents .pageTopBtn a{
		border-radius: 30px;
		padding: 16px 4px 19px 17px;
		box-shadow: 0px 2px 6px 0px #888888;
		-moz-box-shadow: 0px 2px 6px 0px #888888;
		-webkit-box-shadow: 0px 2px 6px 0px #888888;
	}
	#suntory_contents .pageTopBtn a:hover{
		opacity: 0.5;
	}
	#suntory_contents .pageTopBtn a img{
		width: 32px;
	}

}