@charset "utf-8";

#liqueur_header{
font-size:0;
line-height:0;
}

#liqueur_footer{}

#liqueur_footer:after{display:block; margin-top:0px; height:0px; content:""; clear:both;}
*+html #liqueur_footer{min-height:0%;}
*html #liqueur_footer{height:0%; overflow:visible;}



/* #top_wrapper
==================================== */
#top_wrapper{
margin:0;
padding:0;
}

#top_wrapper h1,#top_wrapper h2,#top_wrapper h3,#top_wrapper h4,#top_wrapper h5,#top_wrapper h6,#top_wrapper p,
#top_wrapper ol,#top_wrapper ul,#top_wrapper li,#top_wrapper dl,#top_wrapper dt,#top_wrapper dd,
#top_wrapper table,#top_wrapper th,#top_wrapper td,#top_wrapper form,#top_wrapper br{
margin:0;
padding:0;
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline;
outline:none;
}


#top_wrapper table{
border-collapse:collapse;
text-align:left;
}

#top_wrapper input{
vertical-align:middle;
}

#top_wrapper ol,
#top_wrapper ul,
#top_wrapper li{
list-style:none;
}

#top_wrapper iframe{
margin:0;
padding:0;
}

#top_wrapper a{cursor:pointer;}




/* #top_wrapper
====================================*/
/* #top_wrapper{
background:url(../img/top_wrapper_bg.png) repeat-x 0 0;
}*/


#top_wrapper{
	background-color:#000;
}

#top_wrapper #container{
width:960px;
margin:0 auto;
text-align:left;
background:#ffffff;
}





/* #header
==================================== */
#header h2{
font-size:0;
line-height:0;
}

#header:after{display:block; margin-top:0px; height:0px; content:""; clear:both;}
*+html #header{min-height:0%;}
*html #header{height:0%; overflow:visible;}

#header #news_area{
float:left;
width:180px;
height:300px;
overflow:hidden;
}

#header #main_visual{
float:right;
width:772px;
}



/* #header #news_area
-------------------------------------------------- */
#header #news_area .list{
padding:0 13px 15px 10px;
}

#header #news_area .list ul li:after{display:block; margin-top:0px; height:0px; content:""; clear:both;}
*+html #header #news_area .list ul li{min-height:0%;}
*html #header #news_area .list ul li{height:0%; overflow:visible;}


#header #news_area .list ul li{
padding:10px 0 10px 0;
font-size:104%;
line-height:130%;
border-bottom:1px dotted #cdcdcd;
}

#header #news_area .list ul li dl dt{
margin:0 0 2px 0;
}

#header #news_area .list ul li dl dt span.new{
color:#dd0000;
font-weight:bold;
margin:0 0 0 5px;
}

#header #news_area .list ul li dl dd a{text-decoration:underline;}
#header #news_area .list ul li dl dd a:hover{text-decoration:none;}





/* #lineup_cp_area
==================================== */
#lineup_cp_area{
background:url(../img/lineup_cp_bg.png) repeat-x 0 0 #000000;
padding:30px 8px 15px 5px;
}

#lineup_cp_area:after{display:block; margin-top:0px; height:0px; content:""; clear:both;}
*+html #lineup_cp_area{min-height:0%;}
*html #lineup_cp_area{height:0%; overflow:visible;}


#lineup_cp_area #carousel_wrapper{float:left;}
#lineup_cp_area .link_btn{float:right;}





/* #lineup_cp_area .link_btn
-------------------------------------------------- */
#lineup_cp_area .link_btn ul li{
margin:0 0 15px 0;
}

#lineup_cp_area .link_btn ul li a{
display:block;
width:96px;
height:66px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}

#lineup_cp_area .link_btn ul li.btn_01 a{background:url(../img/lineup_cp_btn.png) no-repeat 0 0;}
#lineup_cp_area .link_btn ul li.btn_02 a{background:url(../img/lineup_cp_btn.png) no-repeat 0 -66px;}

#lineup_cp_area .link_btn ul li a:link,
#lineup_cp_area .link_btn ul li a:visited{
opacity:1;
filter:alpha(opacity=100);
-ms-filter:"alpha(opacity=100)";
}

#lineup_cp_area .link_btn ul li a:hover{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter:"alpha(opacity=80)";
}



/* #main
==================================== */
#main{
padding:10px 10px 20px 0;
}

#main:after{display:block; margin-top:0px; height:0px; content:""; clear:both;}
*+html #main{min-height:0%;}
*html #main{height:0%; overflow:visible;}

#main #main_l{
float:left;
width:730px;
}

#main #main_r{
float:right;
}


/* #main #main_l
==================================== */
#main #main_l h2{
font-size:0;
line-height:0;
}

#main #main_l a,
#main #main_l a:link,
#main #main_l a:hover,
#main #main_l a:active,
#main #main_l a:visited{
text-decoration:none;
color:#000000;
overflow:hidden;
outline:none;
}

#main #main_l p{
line-height:130%;
}


/* #main_l #reading_enjoy
==================================== */
#reading_enjoy{
margin:0 0 15px 0;
}

#reading_enjoy:after{display:block; margin-top:0px; height:0px; content:""; clear:both;}
*+html #reading_enjoy{min-height:0%;}
*html #reading_enjoy{height:0%; overflow:visible;}

#reading_enjoy #reading_area,
#reading_enjoy #enjoy_area{
float:left;
width:355px;
margin:0 0 0 10px;
background:url(../img/reading_enjoy_bg.png) repeat-y 0 0;
border-bottom:1px solid #cdcdcd;
}

/* #reading_enjoy .list */
#reading_enjoy .list{
padding:0 10px 0 10px;
}

#reading_enjoy .list ul li{
margin:12px 0 10px 0;
border-top:1px dotted #cdcdcd;
}

#reading_enjoy .list ul li:first-child{
margin-top:0px;
border-top:none;
}

#reading_enjoy .list ul li{
padding:10px 0 0 0;
}

#reading_enjoy .list ul li a:link,
#reading_enjoy .list ul li a:visited{
display:block;
width:340px;
opacity:1;
filter:alpha(opacity=100);
-ms-filter:"alpha(opacity=100)";
}

#reading_enjoy .list ul li a:hover{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter:"alpha(opacity=70)";
}


/* #reading_enjoy .list ul li.btn */
#reading_enjoy .list ul li.btn dl:after{display:block; margin-top:0px; height:0px; content:""; clear:both;}
*+html #reading_enjoy .list ul li.btn dl{min-height:0%;}
*html #reading_enjoy .list ul li.btn dl{height:0%; overflow:visible;}

#reading_enjoy .list ul li.btn dl:after{display:block; margin-top:0px; height:0px; content:""; clear:both;}
*+html #reading_enjoy .list ul li.btn dl{min-height:0%;}
*html #reading_enjoy .list ul li.btn dl{height:0%; overflow:visible;}

#reading_enjoy .list ul li.btn dl dt{
float:left;
width:82px;
}

#reading_enjoy .list ul li.btn dl dd{
float:right;
width:250px;
}


/* #reading_area
-------------------------------------------------- */
#reading_area .list ul li.btn dl dd p span.lead{
display:block;
margin:0 0 1.5px 0;
}

#reading_area .list ul li.btn_liqueur dl dd p span.lead{color:#a64d85;}
#reading_area .list ul li.btn_cocktail dl dd p span.lead{color:#ef8da0;}
#reading_area .list ul li.btn_spirits dl dd p span.lead{color:#69b4a4;}

#reading_area .list ul li.btn_essay p.lead{
margin:0 0 8px 0;
}

#reading_area .list ul li.btn_essay p.lead span{
color:#dd0000;
margin:0 8px 0 0;
}


/* #enjoy_area
-------------------------------------------------- */
#enjoy_area .list ul li p.lead{
margin:0 0 7px 0;
}

#enjoy_area .list ul li dl dd p.tit{
margin:0 0 1.5px 0;
}



/* #appli_area
==================================== */
#appli_area{
padding:0 0 0 10px;
}

#appli_area .list{
padding:15px 0 20px 0;
}

#appli_area .list ul:after{display:block; margin-top:0px; height:0px; content:""; clear:both;}
*+html #appli_area .list ul{min-height:0%;}
*html #appli_area .list ul{height:0%; overflow:visible;}

#appli_area .list ul li{
float:left;
width:238px;
}

#appli_area .list ul li h3{
color:#000000;
margin:0 0 8px 5px;
}

#appli_area .list ul li dl{}

#appli_area .list ul li dl:after{display:block; margin-top:0px; height:0px; content:""; clear:both;}
*+html #appli_area .list ul li dl{min-height:0%;}
*html #appli_area .list ul li dl{height:0%; overflow:visible;}

#appli_area .list ul li dl dt{
float:left;
}

#appli_area .list ul li dl dd{
float:left;
width:120px;
}

#main #main_l #appli_area .list ul li dl dd p{
margin:10px 0 3px 0;
line-height:110%;
}

#appli_area .list ul li dl dd p strong.tit{
display:block;
font-weight:normal;
}

#main #main_l #appli_area .list ul li dl dd p a,
#main #main_l #appli_area .list ul li dl dd p a:link{
color:#741414;
text-decoration:underline;
}

#main #main_l #appli_area .list ul li dl dd p a:visited{
color:#8b4513;
}

#main #main_l #appli_area .list ul li dl dd p a:hover,
#main #main_l #appli_area .list ul li dl dd p a:active{
color:#cc0000;
text-decoration:none;
}




/* #link_01_area
==================================== */
#link_01_area{
padding:0 0 0 10px;
}

#link_01_area .list{
padding:15px 0 20px 0;
}

#link_01_area .list ul:after{display:block; margin-top:0px; height:0px; content:""; clear:both;}
*+html #link_01_area .list ul{min-height:0%;}
*html #link_01_area .list ul{height:0%; overflow:visible;}

#link_01_area .list ul li{
float:left;
width:340px;
margin:0 0 0 10px;
}

#link_01_area .list ul li dl{}

#link_01_area .list ul li dl:after{display:block; margin-top:0px; height:0px; content:""; clear:both;}
*+html #link_01_area .list ul li dl{min-height:0%;}
*html #link_01_area .list ul li dl{height:0%; overflow:visible;}

#link_01_area .list ul li dl dt{
float:left;
width:80px;
}

#link_01_area .list ul li dl dd{
float:left;
width:250px;
}

#link_01_area .list ul li a{
display:block;
width:340px;
}

#link_01_area .list ul li a:link,
#link_01_area .list ul li a:visited{
opacity:1;
filter:alpha(opacity=100);
-ms-filter:"alpha(opacity=100)";
}

#link_01_area .list ul li a:hover{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter:"alpha(opacity=70)";
}



/* #link_02_area
==================================== */
#link_02_area{
padding:0 0 0 10px;
}

#link_02_area .list{
padding:15px 0 20px 10px;
}

#link_02_area .list ul:after{display:block; margin-top:0px; height:0px; content:""; clear:both;}
*+html #link_02_area .list ul{min-height:0%;}
*html #link_02_area .list ul{height:0%; overflow:visible;}

#link_02_area .list ul li{
float:left;
width:345px;
}








/* #main #main_r
==================================== */
#main_r{}

#main_r h2{
font-size:0;
line-height:0;
}

#main_r #sp_area h2 a,
#main_r .list ul li a{
display:block;
width:210px;
}

#main_r #sp_area h2 a:hover,
#main_r .list ul li a:hover{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter:"alpha(opacity=80)";
}



/* #main_r #sp_area */
#main_r .list ul li{
padding:7px 0 0 0;
}


/*notes*/

#suntory_contents .bold{
font-weight: bold;
}

#suntory_contents .notes_block{
    background: #000
}

#suntory_contents .notes {
width: 960px;
padding: 25px 25px;
margin: 0 auto;
}

#suntory_contents .notes-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
padding: 8px 22px;
background: #fff;
border: 1px solid #D30000;
border-radius: 3px;
}

#suntory_contents .notes-box__ttl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
-webkit-box-sizing: border-box;
        box-sizing: border-box;
width: 25%;
min-height: 34px;
color: #000;
font-size: 16px;
font-weight: bold;
line-height: 1.2;
padding-right: 17px;
margin-right: 2%;
border-right: 1px solid #D30000;
}

#suntory_contents .notes-box__cont {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
width: 65%;
}

#suntory_contents .notes-list {
padding: 7px 0;
}

#suntory_contents .notes-list__item {
font-size: 14px;
line-height: 1.5;
padding-bottom: 6px;
margin-bottom: 8px;
}

#suntory_contents .notes-list__item:last-of-type {
padding-bottom: 0;
border: none;
margin-bottom: 0;
}

#suntory_contents .notes-list__item a{
    color: #000;
    text-decoration: none;
}

#suntory_contents .notes-list__item a:hover {
text-decoration: underline;
}