@charset "utf-8";

#beer_contents .pc_none{display:none;}


/* #container .contents #main_contents #beer_contents
======================================================================= */
#beer_contents{
padding-top: 30px;
background-color: #fff;
}


/* #beer_contents #beer_contents_hd
======================================================================= */
#beer_contents_hd{
background:url(../img/bg_pc_y.png) repeat-y 50% 0 #fff;
}

#beer_contents_hd_hd{
background:url(../img/bg_pc.png) no-repeat 50% 0;
}

#beer_contents_hd h2{
display:block;text-indent:100%;white-space:nowrap;overflow:hidden;line-height:0;
width:960px;
height:88px;
margin:0 auto;
text-align:left;
background:url(../img/pc_tit.png) no-repeat 0 0;
}

/* #beer_contents_hd .navi
==================================== */
#beer_contents_hd .navi{
width:960px;
margin:30px auto 0 auto;
height:217px;
background:url(../img/hd_navi/bg_pc.png) no-repeat 0 0;
text-align:left;
}

#beer_contents_hd .navi dl dt{
display:block;text-indent:100%;white-space:nowrap;overflow:hidden;line-height:0;
width:960px;
height:80px;
}

#beer_contents_hd .navi dl dd ul{
display:table;
margin:0 0 0 30px;
}

#beer_contents_hd .navi dl dd ul li{
display:table-cell;
vertical-align:top;
padding:0 36px 0 0;
}

#beer_contents_hd .navi dl dd ul li a{
display:block;text-indent:100%;white-space:nowrap;overflow:hidden;line-height:0;
width:120px;
height:120px;
background:url(../img/hd_navi/pc_btn.png) no-repeat 0 0;
}

#beer_contents_hd .navi dl dd ul li.navi_01 a{background-position:0px 0;}
#beer_contents_hd .navi dl dd ul li.navi_02 a{background-position:-156px 0;}
#beer_contents_hd .navi dl dd ul li.navi_03 a{background-position:-312px 0;}
#beer_contents_hd .navi dl dd ul li.navi_04 a{background-position:-468px 0;}
#beer_contents_hd .navi dl dd ul li.navi_05 a{background-position:-624px 0;}
#beer_contents_hd .navi dl dd ul li.navi_06 a{background-position:-780px 0;}

#beer_contents_hd .navi dl dd ul li.navi_01 a.hover{background-position:0px -150px;}
#beer_contents_hd .navi dl dd ul li.navi_02 a.hover{background-position:-156px -150px;}
#beer_contents_hd .navi dl dd ul li.navi_03 a.hover{background-position:-312px -150px;}
#beer_contents_hd .navi dl dd ul li.navi_04 a.hover{background-position:-468px -150px;}
#beer_contents_hd .navi dl dd ul li.navi_05 a.hover{background-position:-624px -150px;}
#beer_contents_hd .navi dl dd ul li.navi_06 a.hover{background-position:-780px -150px;}


/* #beer_contents #material
==================================== */
#material{
margin:50px 0 0 0;
background:url(../img/material/bg_pc.png) no-repeat 50% bottom;
}

#material #material_inner{
width:960px;
margin:0 auto;
text-align:left;
padding:0 0 50px 0;
}

/* #material #material_01
-------------------------------------------------- */
#material_01 dl{
display:table;
}

#material_01 dl dt,
#material_01 dl dd{
display:table-cell;
vertical-align:middle;
width:auto;
}

#material_01 dl dt{
width:200px;
line-height:0;
}

#material_01 dl dd{
font-size:16px;
line-height:160%;
color:#333;
}


/* #material #material_02
-------------------------------------------------- */
#material_02 dl:after{content:""; clear:both; display:block;}

#material_02 dl{
margin:50px 0 0 0;
}

#material_02 dl dt:after{content:""; clear:both; display:block;}

#material_02 dl dt{
margin:0 0 0 210px;
height:34px;
}

#material_02 dl dt em,
#material_02 dl dt i{
display:block;
float:left;
}

#material_02 dl dt em{
line-height:0;
}

#material_02 dl dt i{
color:#9a5e00;
font-size:18px;
line-height:100%;
font-weight:bold;
padding:8px 0 0 8px;
}

#material_02 dl dd.ph{
float:left;
margin:-40px 0 0 0;
}

#material_02 dl dd.txt{
font-size:14px;
line-height:160%;
color:#333;
margin:15px 0 0 210px;
width:430px;
}

/* #material #material_03
-------------------------------------------------- */
#material_03{
margin:20px 0 0 0;
width:630px;
height:106px;
background:url(../img/material/03_pc.png) no-repeat 0 0;
}

#material_03 dl:after{content:""; clear:both; display:block;}

#material_03 dl dd,
#material_03 dl dt{
float:left;
line-height:0;
}

#material_03 dl dd{
display:block;text-indent:100%;white-space:nowrap;overflow:hidden;line-height:0;font-size:0;
width:440px;
height:106px;
}

#material_03 dl dt a{
float:left;
margin:23px 0 0 0;
display:block;text-indent:100%;white-space:nowrap;overflow:hidden;line-height:0;
width:170px;
height:62px;
background:url(../img/material/03_pc_btn.png) no-repeat 0 0;
}

#material_03 dl dt a.hover{
opacity:0.9;
filter:alpha(opacity=90);
-ms-filter:"alpha(opacity=90)";
}

/* #beer_contents #charge
==================================== */
#charge{
background:url(../img/charge/bg_pc.png) no-repeat 50% bottom #fff;
padding:60px 0 650px 0;
}

#charge #charge_inner{
width:960px;
margin:0 auto;
text-align:left;
}

/* #charge #charge_01
-------------------------------------------------- */
#charge_01 dl{
display:table;
}

#charge_01 dl dt,
#charge_01 dl dd{
display:table-cell;
vertical-align:middle;
width:auto;
}

#charge_01 dl dt{
width:200px;
line-height:0;
}

#charge_01 dl dd{
font-size:16px;
line-height:160%;
color:#333;
}

/* #charge #charge_03
-------------------------------------------------- */
#charge_03{
margin:30px 0 0 0;
}

#charge_03 ul{
display:table;
}

#charge_03 ul li{
display:table-cell;
vertical-align:top;
background-color:#fffad2;
padding:0 0 25px 0;

}

#charge_03 ul li#charge_03_01{
border-right:30px solid #fff;
}

#charge_03 ul li dl{
width:465px;
background:url(../img/charge/03_bg.png) repeat-x 0 0;
}

#charge_03 ul li dl dt,
#charge_03 ul li dl dd.ph{
line-height:0;
}

#charge_03 ul li dl dt img,
#charge_03 ul li dl dd.ph img{
width:465px;
height:auto;
}

#charge_03 ul li dl dt img{
margin:5px 0 0 0;
}

#charge_03 dl dd.txt{
font-size:14px;
line-height:150%;
color:#7a3300;
padding:0 25px 20px 25px;
}


/* #beer_contents #ferment
==================================== */
#ferment{
background:url(../img/ferment/bg_pc.png) no-repeat 50% 0 #000;
min-height:640px;
}

#ferment #ferment_inner{
width:960px;
margin:0 auto;
text-align:left;
padding:50px 0 330px 0;
}

/* #ferment #ferment_01
-------------------------------------------------- */
#ferment_01 dl{
display:table;
}

#ferment_01 dl dt,
#ferment_01 dl dd{
display:table-cell;
vertical-align:middle;
width:auto;
}

#ferment_01 dl dt{
width:250px;
line-height:0;
}

#ferment_01 dl dd{
font-size:16px;
line-height:160%;
color:#fff;
}


/* #beer_contents #storage
==================================== */
#storage{
background:url(../img/storage/bg_pc.png) no-repeat 50% 0 #2a1804;
min-height:616px;
}

#storage #storage_inner{
width:960px;
margin:0 auto;
text-align:left;
}

/* #storage #storage_01
-------------------------------------------------- */
#storage_01 dl{
position:relative;
width:960px;
height:616px;
}

#storage_01 dl dt,
#storage_01 dl dd{
position:absolute;
}

#storage_01 dl dt{
top:40px;
right:5px;
}

#storage_01 dl dd{
top:160px;
left:370px;
width:440px;
font-size:16px;
line-height:160%;
color:#fff;
}

/* #beer_contents #filtration
==================================== */
#filtration{
background:#ececec;
height:445px;
}

#filtration_inner{
width:960px;
margin:0 auto;
position:relative;
text-align:left;
}

/* #filtration #filtration_01
-------------------------------------------------- */
#filtration_01 dl{
padding:40px 0 0 0;
}

#filtration_01 dl dt{
width:164px;
height:110px;
line-height:0;
}

#filtration_01 dl dd{
color:#333;
font-size:16px;
line-height:160%;
width:338px;
margin:30px 0 0 0;
}

/* #filtration #filtration_02
-------------------------------------------------- */
#filtration_02 dl dt{
display:block;text-indent:100%;white-space:nowrap;overflow:hidden;line-height:0;
width:508px;
height:508px;
background:url(../img/filtration/bg.png) no-repeat 0 0;
position:absolute;
top:-32px;
left:555px;
z-index:2;
}

#filtration_02 dl dd{
display:block;text-indent:100%;white-space:nowrap;overflow:hidden;line-height:0;
width:298px;
height:298px;
position:absolute;
top:125px;
left:355px;
background:url(../img//filtration/02_pc.png) no-repeat 0 0;
z-index:3;
}


/* #beer_contents #packaging
==================================== */
#packaging{
background:url(../img/packaging/bg_pc_x.png) repeat-x 0 0;
height:835px;
}

#packaging #packaging_inner{
background:url(../img/packaging/bg_pc.png) no-repeat 50% 0;
height:835px;
text-align:left;
}


/* #packaging #packaging_01
-------------------------------------------------- */
#packaging_01{
width:960px;
margin:0 auto;
}

#packaging_01 dl dt{
padding:50px 0 0 0;
line-height:0;
}

#packaging_01 dl dd{
color:#333;
font-size:16px;
line-height:160%;
width:500px;
margin:25px 0 0 0;
}