@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 #fbb03b solid;
    border-radius: 1px;
}
#suntory_contents #container section h2 a {
    background: #ed8600;
    display: block;
    padding:20px;
    font-size: 25px;
    color: #fff;
    text-decoration:none;
    cursor: pointer;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#ed8600', endColorstr = '#fbb03a');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#ed8600', endColorstr = '#fbb03a')";
    background:  url(../img/arrow_open.png) no-repeat right center,-moz-linear-gradient(left, #ed8600, #fbb03a);
    background:  url(../img/arrow_open.png) no-repeat right center,-ms-linear-gradient(left, #ed8600, #fbb03a);
    background:  url(../img/arrow_open.png) no-repeat right center,-o-linear-gradient(left, #ed8600, #fbb03a);
    background:  url(../img/arrow_open.png) no-repeat right center,-webkit-gradient(linear, left top, right top, from(#ed8600), to(#fbb03a));
    background:  url(../img/arrow_open.png) no-repeat right center,-webkit-linear-gradient(left, #ed8600, #fbb03a);
    background: linear-gradient(left, #ed8600, #fbb03a);   
}

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

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

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

/*------------------------------------------------------------
  [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 #section04_01 h3 {
    margin: 60px 0 30px;
}

#suntory_contents section .contents h4 {
    margin-bottom: 1em;
    font-size: 25px;
    line-height: 1.8;
}
#suntory_contents section .contents h4.bold {
    font-weight: bold;
}
#suntory_contents section .contents h4.center {
    text-align: center;
}

#suntory_contents section .contents #section04_02 h4 {
    margin: 80px 0 25px;
}
#suntory_contents section .contents #section04_03 h4 {
    margin: 80px 0 25px;
}

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

#suntory_contents section .contents p .link {
    color: #c33d3a;
}
#suntory_contents section .contents p .link a {
    color: #c33d3a;
}
#suntory_contents section .contents p.center {
    text-align:center;
}

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

#suntory_contents section .pageTop {
    background: url(../img/cate03/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/cate03/tri_page_top.png) no-repeat 0 center;
    color: #f1902a;
}

/*------------------------------------------------------------
 [pc] anchor
------------------------------------------------------------ */
    #suntory_contents #section01,
    #suntory_contents #section02,
    #suntory_contents #section03,
    #suntory_contents #section04,
    #suntory_contents #mariage01,
    #suntory_contents #mariage02,
    #suntory_contents #mariage03,
    #suntory_contents #mariage04 {
        position: relative;
}
    
    #suntory_contents #anchor01,
    #suntory_contents #anchor02,
    #suntory_contents #anchor03,
    #suntory_contents #anchor04 {
        position: absolute;
        top: 0px;
        left: 0px;
}
    #suntory_contents #anchor_m01,
    #suntory_contents #anchor_m02,
    #suntory_contents #anchor_m03,
    #suntory_contents #anchor_m04 {
        position: absolute;
        top: 0px;
        left: 0px;
}


/*------------------------------------------------------------
  [pc] btnMore
------------------------------------------------------------ */
#suntory_contents .btnMore {
    margin: 20px 0;
    text-align: center;
}
#suntory_contents .btnMore a {
    border: 1px #fbb03b solid;
    background:#ed8600;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fbb03a', endColorstr = '#ed8600');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fbb03a', endColorstr = '#ed8600')";
    background-image: -moz-linear-gradient(top, #fbb03a, #ed8600);
    background-image: -ms-linear-gradient(top, #fbb03a, #ed8600);
    background-image: -o-linear-gradient(top, #fbb03a, #ed8600);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#fbb03a), to(#ed8600));
    background-image: -webkit-linear-gradient(top, #fbb03a, #ed8600);
    background-image: linear-gradient(top, #fbb03a, #ed8600);
    display: inline-block;
    color: #fff;
    font-size: 20px;
    padding: 10px 50px;
}
#suntory_contents .btnMore a span {
    background: url(../img/cate03/arrow.png) no-repeat 0 center;
    padding-left: 25px;
}
#suntory_contents .btnMore a:hover {
    border: 1px #fbb03b solid;
    background:#ed8600;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ed8600', endColorstr = '#fbb03a');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ed8600', endColorstr = '#fbb03a')";
    background-image: -moz-linear-gradient(top, #ed8600, #fbb03a);
    background-image: -ms-linear-gradient(top, #ed8600, #fbb03a);
    background-image: -o-linear-gradient(top, #ed8600, #fbb03a);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#ed8600), to(#fbb03a));
    background-image: -webkit-linear-gradient(top, #ed8600ed8600, #fbb03a);
    background-image: linear-gradient(top, #ed8600, #fbed8600b03a);
    text-decoration: none;
}


/*------------------------------------------------------------
  [pc] pageNav
------------------------------------------------------------ */
#suntory_contents .pageNav {
    margin: 20px auto;
    text-align: center;
}
#suntory_contents .pageNav ul {
    margin: 0 auto;
    width: 620px;
}
#suntory_contents .pageNav ul:after { content :''; display :block; clear :both; }

#suntory_contents .pageNav li:nth-child(odd) {
    float: left;
}
#suntory_contents .pageNav li:nth-child(even) {
    float: right;
}

#suntory_contents .pageNav a {
    margin-bottom: 20px;
    width: 300px;
    display: block;
    border: 1px #fbb03b solid;
    background:#ed8600;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fbb03a', endColorstr = '#ed8600');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fbb03a', endColorstr = '#ed8600')";
    background-image: -moz-linear-gradient(top, #fbb03a, #ed8600);
    background-image: -ms-linear-gradient(top, #fbb03a, #ed8600);
    background-image: -o-linear-gradient(top, #fbb03a, #ed8600);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#fbb03a), to(#ed8600));
    background-image: -webkit-linear-gradient(top, #fbb03a, #ed8600);
    background-image: linear-gradient(top, #fbb03a, #ed8600);
    display: inline-block;
    color: #fff;
    font-size: 20px;
    padding: 10px 0;
}
#suntory_contents .pageNav a span {
    background: url(../img/cate03/arrow_down.png) no-repeat 0 center;
    padding-left: 25px;
}
#suntory_contents .pageNav a:hover {
    border: 1px #fbb03b solid;
    background:#ed8600;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ed8600', endColorstr = '#fbb03a');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ed8600', endColorstr = '#fbb03a')";
    background-image: -moz-linear-gradient(top, #ed8600, #fbb03a);
    background-image: -ms-linear-gradient(top, #ed8600, #fbb03a);
    background-image: -o-linear-gradient(top, #ed8600, #fbb03a);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#ed8600), to(#fbb03a));
    background-image: -webkit-linear-gradient(top, #ed8600ed8600, #fbb03a);
    background-image: linear-gradient(top, #ed8600, #fbed8600b03a);
    text-decoration: none;
}

/*------------------------------------------------------------
  [pc] mariage
------------------------------------------------------------ */
#suntory_contents .mariage {
    margin: 20px auto;
    padding: 30px 30px 0;
    border-style: solid;
    border-width: 8px;
    -moz-border-image: url('../img/cate03/bg_border.png') 8 repeat;
    -webkit-border-image: url('../img/cate03/bg_border.png') 8 repeat;
    -o-border-image: url('../img/cate03/bg_border.png') 8 repeat;
    border-image: url('../img/cate03/bg_border.png') 8 fill repeat;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
#suntory_contents .mariage h5 {
    margin-bottom: 50px;
    font-size: 25px;
    text-align: center;
}
#suntory_contents .mariage .fig dt,
#suntory_contents .mariage .fig dd {
    text-indent:-9999px;
}
#suntory_contents .mariage #fig01 {
    margin-bottom: 20px;
    width: 861px;
    height: 443px;
    background: url('../img/cate03/01_fig01.jpg?202507') no-repeat 0 0;
}
#suntory_contents .mariage #fig02 {
    margin-bottom: 20px;
    width: 861px;
    height: 411px;
    background: url('../img/cate03/01_fig02.jpg?202507') no-repeat 0 0;
}
#suntory_contents .mariage #fig03 {
    margin-bottom: 40px;
    width: 861px;
    height: 411px;
    background: url('../img/cate03/01_fig03.jpg?202507') no-repeat 0 0;
}

#suntory_contents .mariage #fig04 {
    margin: 50px auto 50px;
    text-align: center;
}

#suntory_contents .mariage #colorFig {
    margin-bottom: 40px;
    width: 583px;
    height: 300px;
    position: relative;
}
#suntory_contents .mariage #colorFig h6,
#suntory_contents .mariage #colorFig p {
    text-indent:-9999px;
    margin: 0;
}
#suntory_contents .mariage #colorFig figure {
    margin: 0;
}
#suntory_contents .mariage #colorFig figure img {
    vertical-align: bottom;
}

#suntory_contents .mariage #colorFig01 {
    width: 200px;
    height: 300px;
    position: absolute;
    top: 0px;
    left: 0px;
}
#suntory_contents .mariage #colorFig02 {
    width: 201px;
    height: 300px;
    position: absolute;
    top: 0px;
    left: 217px;
}
#suntory_contents .mariage #colorFig03 {
    width: 201px;
    height: 300px;
    position: absolute;
    top: 0px;
    left: 435px;
}
#suntory_contents .mariage #colorFig04 {
    width: 201px;
    height: 300px;
    position: absolute;
    top: 0px;
    left: 652px;
}
#suntory_contents .mariage #colorFig01 h6 {
    width: 200px;
   height: 170px;
   background: url('../img/cate03/01_color_text01.png') no-repeat 0 0;
}
#suntory_contents .mariage #colorFig02 h6 {
    width: 200px;
    height: 170px;
   background: url('../img/cate03/01_color_text02.png') no-repeat 0 0;
}
#suntory_contents .mariage #colorFig03 h6 {
    width: 200px;
    height: 170px;
   background: url('../img/cate03/01_color_text03.png') no-repeat 0 0;
}
#suntory_contents .mariage #colorFig04 h6 {
    width: 200px;
    height: 170px;
   background: url('../img/cate03/01_color_text04.png') no-repeat 0 0;
}

/*------------------------------------------------------------
  [pc] basic
------------------------------------------------------------ */
#suntory_contents #basic {
    margin: 0 auto 40px;
    width: 820px;
    height: 355px;
    position: relative;
}
#suntory_contents #basic01 {
    width:400px;
    height: 355px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: url('../img/cate03/02_basic01.png') no-repeat 0 0;
}
#suntory_contents #basic02 {
    width:400px;
    height: 355px;
    position: absolute;
    top: 0px;
    left: 420px;
    background: url('../img/cate03/02_basic02.png') no-repeat 0 0;
}
#suntory_contents #basic h4,
#suntory_contents #basic p {
    text-indent: -9999px;
}

/*------------------------------------------------------------
  [pc] points
------------------------------------------------------------ */
#suntory_contents #points {
    margin: 20px auto;
    padding: 30px 30px 0;
    border-style: solid;
    border-width: 8px;
    -moz-border-image: url('../img/cate03/bg_border.png') 8 repeat;
    -webkit-border-image: url('../img/cate03/bg_border.png') 8 repeat;
    -o-border-image: url('../img/cate03/bg_border.png') 8 repeat;
    border-image: url('../img/cate03/bg_border.png') 8 fill repeat;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
#suntory_contents #points h4 {
    text-align: center;
}
#suntory_contents #points #pointContainer {
    margin: 0 auto 40px;
    width: 820px;
    height: 659px;
    position: relative;
}
#suntory_contents #points li {
    width: 400px;
    height: 319px;
    position: absolute;
}
#suntory_contents #points li h5,
#suntory_contents #points li p {
    text-indent: -9999px;
}
#suntory_contents #points #point01 {
    background: url('../img/cate03/02_point01.png') no-repeat 0 0;
    top: 0px;
    left: 0px;
}
#suntory_contents #points #point02 {
    background: url('../img/cate03/02_point02.png') no-repeat 0 0;
    top: 0px;
    left: 420px;
}
#suntory_contents #points #point03 {
    background: url('../img/cate03/02_point03.png') no-repeat 0 0;
    top: 340px;
    left: 0px;
}
#suntory_contents #points #point04 {
    background: url('../img/cate03/02_point04.png') no-repeat 0 0;
    top: 340px;
    left: 420px;
}

/*------------------------------------------------------------
  [pc] food
------------------------------------------------------------ */
#suntory_contents #food {
    margin: 0 auto 60px;
    width: 919px;
    height: 204px;
    position: relative;
}
#suntory_contents #food01 {
    position: absolute;
    top: 0;
    left: 0;
}
#suntory_contents #food02 {
    position: absolute;
    top: 0;
    left: 324px;
}
#suntory_contents #food03 {
    position: absolute;
    top: 0;
    left: 611px;
}

/*------------------------------------------------------------
  [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] movieContainer
------------------------------------------------------------ */
#suntory_contents #movieContainer {
    width: 100%;
    
}
#suntory_contents #movieContainer:after { content :''; display :block; clear :both; }

#suntory_contents #movieContainer li {
    width: 300px;
    float:left;
}
#suntory_contents #movieContainer li .caption {
    font-size: 20px;
    line-height: 1.5;
    min-height: 60px;
}
#suntory_contents #movieContainer li#movie01 .caption,
#suntory_contents #movieContainer li#movie02 .caption{
    font-size: 20px;
    line-height: 1.5;
    min-height: 30px;
}

#suntory_contents #movieContainer li .movie {
}
#suntory_contents #movieContainer li#movie01 {
    margin: 0 0 10px;
}
#suntory_contents #movieContainer li#movie02 {
    margin: 0 10px 10px;
}
#suntory_contents #movieContainer li#movie03 {
    clear: both;
    margin: 0 0 10px;
}
#suntory_contents #movieContainer li#movie04 {
    margin: 0 10px 0;
}
#suntory_contents #movieContainer li#movie05 {
    margin: 0 0 0;
}

/*------------------------------------------------------------
  [pc] mordal
------------------------------------------------------------ */
#suntory_contents .btnModalClose {
	margin: 0 auto;
	width: 560px;
	background:  #9c1e31;
	text-align: center;
}
#suntory_contents .btnModalClose a {
	display: block;
	padding: 10px;
	text-align: center;
}
#suntory_contents .btnModalClose a span {
    background:url(/wine/common2015/img/icon_close.png) no-repeat 10px center;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	display: inline-block;
	padding-left: 34px;
}

#lean_overlay {
    background: none repeat scroll 0 0 #000000;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}




/*------------------------------------------------------------
  [pc] country
------------------------------------------------------------ */
#suntory_contents section .contents p.noteCountry {
    font-size: 14px;
    line-height: 1.8;
}


@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 #fbb03a 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(#ed8600), to(#fbb03a));
        background: url(../img/arrow_open.png) no-repeat right center,-webkit-linear-gradient(left, #ed8600, #fbb03a);
        background: url(../img/arrow_open.png) no-repeat right center,linear-gradient(left, #ed8600, #fbb03a);
        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(#fbb03a), to(#ed8600));
        background: url(../img/arrow_open.png) no-repeat right center,-webkit-linear-gradient(left, #fbb03a, #ed8600);
        background: url(../img/arrow_open.png) no-repeat right center,linear-gradient(left, #fbb03a, #ed8600);
        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(#ed8600), to(#fbb03a));
        background: url(../img/arrow_close.png) no-repeat right center,-webkit-linear-gradient(left, #ed8600, #fbb03a);
        background: url(../img/arrow_close.png) no-repeat right center,linear-gradient(left, #ed8600, #fbb03a);
        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(#fbb03a), to(#ed8600));
        background: url(../img/arrow_close.png) no-repeat right center,-webkit-linear-gradient(left, #fbb03a, #ed8600);
        background: url(../img/arrow_close.png) no-repeat right center,linear-gradient(left, #fbb03a, #ed8600);
        background-size:30px auto,auto;
    }
    
    #suntory_contents .contentsWrapper {
        margin: 0 15px;
    }
    
    #suntory_contents section .pageTop {
    background: url(../img/cate03/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/cate03/tri_page_top.png) no-repeat 0 center;
        color: #f1902a;
    }

    /*------------------------------------------------------------
      [sp] anchor
    ------------------------------------------------------------ */
    #suntory_contents #section01,
    #suntory_contents #section02,
    #suntory_contents #section03,
    #suntory_contents #section04,
    #suntory_contents #mariage01,
    #suntory_contents #mariage02,
    #suntory_contents #mariage03,
    #suntory_contents #mariage04 {
        position: relative;
    }
    
    #suntory_contents #anchor01,
    #suntory_contents #anchor02,
    #suntory_contents #anchor03,
    #suntory_contents #anchor04 {
        position: absolute;
        top: -70px;
        left: 0px;
    }
    #suntory_contents #anchor_m01,
    #suntory_contents #anchor_m02,
    #suntory_contents #anchor_m03,
    #suntory_contents #anchor_m04 {
        position: absolute;
        top: -71px;
        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: #f1902a;
        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;
    }
    
    #suntory_contents section .contents #section04_02 h4 {
        margin: 30px 0 25px;
    }
    #suntory_contents section .contents #section04_03 h4 {
        margin: 30px 0 25px;
    }
    
    /*------------------------------------------------------------
      [sp] btnMore
    ------------------------------------------------------------ */
    #suntory_contents .btnMore {
        margin: 20px 0;
        text-align: center;
    }
    #suntory_contents .btnMore a {
        font-size: 16px;
        padding: 10px 30px;
    }
    #suntory_contents .btnMore a span {
        background: url(../img/cate03/arrow.png) no-repeat 0 center;
        background-size:10px auto;
        padding-left: 15px;
    }
    #suntory_contents .btnMore a:hover {
        text-decoration: none;
    }
    
    /*------------------------------------------------------------
      [sp] pageNav
    ------------------------------------------------------------ */
    #suntory_contents .pageNav {
        margin: 20px auto;
        text-align: center;
    }
    #suntory_contents .pageNav ul {
        margin: 0 auto;
        width: auto;
    }
    #suntory_contents .pageNav ul:after { content :''; display :block; clear :both; }

    #suntory_contents .pageNav li:nth-child(odd) {
        float: left;
        width: 49%;
    }
    #suntory_contents .pageNav li:nth-child(even) {
        float: right;
        width: 49%;
    }

    #suntory_contents .pageNav a {
        margin-bottom: 10px;
        width: 100%;
        display: block;
        border: 1px #fbb03b solid;
        background-image: -webkit-gradient(linear, center top, center bottom, from(#fbb03a), to(#ed8600));
        background-image: -webkit-linear-gradient(top, #fbb03a, #ed8600);
        background-image: linear-gradient(top, #fbb03a, #ed8600);
        display: inline-block;
        color: #fff;
        font-size: 10px;
        padding: 10px 0;
    }
    #suntory_contents .pageNav a span {
        background: url(../img/cate03/arrow_down.png) no-repeat 0 center;
        background-size: 8px auto;
        padding-left: 14px;
    }
    #suntory_contents .pageNav a:hover {
        border: 1px #fbb03b solid;
        background-image: -webkit-gradient(linear, center top, center bottom, from(#ed8600), to(#fbb03a));
        background-image: -webkit-linear-gradient(top, #ed8600ed8600, #fbb03a);
        background-image: linear-gradient(top, #ed8600, #fbed8600b03a);
        text-decoration: none;
    }
    
    /*------------------------------------------------------------
      [sp] mariage
    ------------------------------------------------------------ */
    #suntory_contents .mariage {
        margin: 20px auto;
        padding: 15px 10px 0;
        border-style: solid;
        border-width: 8px;
        -webkit-border-image: url('../img/cate03/bg_border.png') 8 repeat;
        border-image: url('../img/cate03/bg_border.png') 8 fill repeat;
    }
    #suntory_contents .mariage h5 {
        margin-bottom: 20px;
        font-size: 18px;
        text-align: center;
    }
    #suntory_contents .mariage .fig dt,
    #suntory_contents .mariage .fig dd {
        text-indent:-9999px;
        height: 0px;
    }
    #suntory_contents .mariage #fig01 {
        margin-bottom: 20px;
        width: auto;
        height: auto;
        background: none;
    }
    #suntory_contents .mariage #fig02 {
        margin-bottom: 20px;
        width: auto;
        height: auto;
        background: none;
    }
    #suntory_contents .mariage #fig03 {
        margin-bottom: 20px;
        width: auto;
        height: auto;
        background: none;
    }

    #suntory_contents .mariage #fig04 {
        margin: 0 auto;
        text-align: center;
    }

    
    #suntory_contents .mariage #colorFig {
        margin-bottom: 20px;
        width: auto;
        height: auto;
        position: static;
        width: 100%;
    }
    #suntory_contents .mariage #colorFig:after { content :''; display :block; clear :both; }
    
    #suntory_contents .mariage #colorFig h6,
    #suntory_contents .mariage #colorFig p.text {
        text-indent:-9999px;
        margin: 0;
        height: 0;
    }
    #suntory_contents .mariage #colorFig p.spItem {
        text-indent:0px;
    }
    #suntory_contents .mariage #colorFig p.spItem img {
        width: 100%;
    }
    
    #suntory_contents .mariage #colorFig figure {
        margin: 0;
        width: 100%;
    }
    #suntory_contents .mariage #colorFig figure img {
        vertical-align: bottom;
        width: 100%;
    }
    
    #suntory_contents .mariage #colorFig01 {
        width: 49%;
        height: auto;
        position: static;
        top: 0px;
        left: 0px;
        float: left;
    }
    #suntory_contents .mariage #colorFig02 {
        width: 49%;
        height: auto;
        position: static;
        top: 0px;
        left: 0px;
        float: right;
    }
    #suntory_contents .mariage #colorFig03 {
        clear: both;
        width: 49%;
        height: auto;
        position: static;
        top: 0px;
        left: 0px;
        float: left;
    }
    #suntory_contents .mariage #colorFig04 {
        width: 49%;
        height: auto;
        position: static;
        top: 0px;
        left: 0px;
        float: right;
    }
    #suntory_contents .mariage #colorFig01 h6,
    #suntory_contents .mariage #colorFig02 h6,
    #suntory_contents .mariage #colorFig03 h6,
    #suntory_contents .mariage #colorFig04 h6 {
       width: 0;
       height: 0;
       background: none;
    }
    
    /*------------------------------------------------------------
      [sp] basic
    ------------------------------------------------------------ */
    #suntory_contents #basic {
        margin: 0 auto 20px;
        width: auto;
        height: auto;
        position: static;
    }
    #suntory_contents #basic01 {
        width:auto;
        height: auto;
        position: static;
        top: 0px;
        left: 0px;
        background: url('../img/cate03/02_basic01.png') no-repeat 0 0;
        background-size: 100% auto;
    }
    #suntory_contents #basic02 {
        width:auto;
        height: auto;
        position: static;
        top: 0px;
        left: 0px;
        background: url('../img/cate03/02_basic02.png') no-repeat 0 0;
        background-size: 100% auto;
    }
    #suntory_contents #basic h4,
    #suntory_contents #basic p {
        text-indent: -9999px;
        height: 0;
    }

    /*------------------------------------------------------------
      [sp] points
    ------------------------------------------------------------ */
    #suntory_contents #points {
        margin: 20px auto;
        padding: 30px 30px 0;
    }
    #suntory_contents #points h4 {
        text-align: center;
    }
    #suntory_contents #points #pointContainer {
        margin: 0 auto 10px;
        width: auto;
        height: auto;
        position: static;
    }
    #suntory_contents #points li {
        width: auto;
        height: auto;
        position: static;
    }
    #suntory_contents #points li h5,
    #suntory_contents #points li p {
        text-indent: -9999px;
        height: 0px;
    }
    #suntory_contents #points #point01 {
        background: url('../img/cate03/02_point01.png') no-repeat 0 0;
        background-size: 100% auto;
        top: 0px;
        left: 0px;
    }
    #suntory_contents #points #point02 {
        background: url('../img/cate03/02_point02.png') no-repeat 0 0;
        background-size: 100% auto;
        top: 0px;
        left: 0px;
    }
    #suntory_contents #points #point03 {
        background: url('../img/cate03/02_point03.png') no-repeat 0 0;
        background-size: 100% auto;
        top: 0px;
        left: 0px;
    }
    #suntory_contents #points #point04 {
        background: url('../img/cate03/02_point04.png') no-repeat 0 0;
        background-size: 100% auto;
        top: 0px;
        left: 0px;
    }

    /*------------------------------------------------------------
      [sp] food
    ------------------------------------------------------------ */
    #suntory_contents #food {
        margin: 0 auto 20px;
        width: auto;
        height: auto;
        position: static;
    }
    #food:after { content :''; display :block; clear :both; }
    
    #suntory_contents #food01 {
        margin: 0;
        width: 33.51468988%;
        position: static;
        top: 0;
        left: 0;
        float: left;
    }
    #suntory_contents #food02 {
        margin: 0 1.632208922% 0 1.74102285%;
        width: 29.597388465%;
        position: static;
        top: 0;
        left: 0;
        float: left;
    }
    #suntory_contents #food03 {
        margin: 0;
        width: 33.51468988%;
        position: static;
        top: 0;
        left: 0;
        float: left;
    }

    /*------------------------------------------------------------
      [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] movieContainer
    ------------------------------------------------------------ */
    #suntory_contents #movieContainer {
        width: 100%;

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

    #suntory_contents #movieContainer li {
        width: 48%;
    }
    #suntory_contents #movieContainer li .caption {
        font-size: 14px;
        line-height: 1.5;
        min-height: 14px;
    }    
    #suntory_contents #movieContainer li#movie01 .caption,
    #suntory_contents #movieContainer li#movie02 .caption,
    #suntory_contents #movieContainer li#movie03 .caption,
    #suntory_contents #movieContainer li#movie04 .caption {
        font-size: 14px;
        line-height: 1.5;
        min-height: 14px;
    }
    #suntory_contents #movieContainer li .movie {
    }
    #suntory_contents #movieContainer li .movie iframe {
        width: 100%;
    }
    
    #suntory_contents #movieContainer li#movie01 {
        margin: 0 0 10px;
        float:left;
    }
    #suntory_contents #movieContainer li#movie02 {
        margin: 0 0 10px;
        float:right;
    }
    #suntory_contents #movieContainer li#movie03 {
        clear: both;
        margin: 0 0 10px;
        float:left;
    }
    #suntory_contents #movieContainer li#movie04 {
        margin: 0 0 10px;
        float:right;
    }
    #suntory_contents #movieContainer li#movie05 {
        clear: both;
        margin: 0 0 0;
        float:left;
    }

    /*------------------------------------------------------------
      [sp] country
    ------------------------------------------------------------ */
    #suntory_contents section .contents p.noteCountry {
        font-size: 14px;
        line-height: 1.8;
    }
    
    
   
    
    
}
