@charset "utf-8";

body{ margin: 0 auto; padding: 0; font-family:‘ヒラギノ明朝 ProN W3′ , ‘HiraMinProN-W3′ , ‘游明朝’, YuMincho, serif; font-size:11px; line-height:22px; color: #4F5150; background-color:#C83E34; /* footerの背景色と同一に */

background-image: url("../img/202512/back2.png");
background-repeat: no-repeat;

background-position: center top;
}

/* float clearFix */
.fL {float: left; display: inline;}
.fR {float: right; display: inline;}
.taC {text-align: center;}
.taL {text-align: left;}
.taR {text-align: right;}
.clear {clear: both;}
.clear hr { display: none; }
.clearFix {zoom: 100%;}
.clearFix:after {content: "."; clear: both; height: 0; display: block; visibility: hidden;font-size: 0;}


/* clear
----------------------------------------------------*/
/* ---IE7.IE8 clearfix--- */
.clearfix:after { content: ".";display: block;clear: both;height: 0;visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */



/* margin */
.mt05 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mt30 {margin-top: 30px;}
.mt35 {margin-top: 35px;}
.mt40 {margin-top: 40px;}
.mt45 {margin-top: 45px;}
.mt50 {margin-top: 50px;}
.mt60 {margin-top: 60px;}
.mt70 {margin-top: 70px;}
.mt90 {margin-top: 90px;}

.mr05 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.mr25 {margin-right: 25px;}
.mr30 {margin-right: 30px;}
.mr35 {margin-right: 35px;}
.mr40 {margin-right: 40px;}
.mr45 {margin-right: 45px;}
.mr50 {margin-right: 50px;}

.mb05 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}
.mb35 {margin-bottom: 35px;}
.mb40 {margin-bottom: 40px;}
.mb45 {margin-bottom: 45px;}
.mb50 {margin-bottom: 50px;}
.mb60 {margin-bottom: 60px;}

.ml05 {margin-left: 05px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}
.ml25 {margin-left: 25px;}
.ml30 {margin-left: 30px;}
.ml35 {margin-left: 35px;}
.ml40 {margin-left: 40px;}
.ml45 {margin-left: 45px;}
.ml50 {margin-left: 50px;}

/* text */
.f10 {font-size: 10px; line-height: 14px;}
.f11 {font-size: 11px; line-height: 15px;}
.f12 {font-size: 12px; line-height: 16px;}
.f13 {font-size: 13px; line-height: 17px;}
.f14 {font-size: 14px; line-height: 18px;}
.f15 {font-size: 15px; line-height: 19px;}
.f16 {font-size: 16px; line-height: 20px;}
.f17 {font-size: 17px; line-height: 21px;}
.f18 {font-size: 18px; line-height: 22px;}
.f19 {font-size: 19px; line-height: 23px;}
.f20 {font-size: 20px; line-height: 24px;}
.f30 {font-size: 30px; line-height: 34px;}

.fwb {font-weight:bold;}
.fcf36 {color:#FF3366;}
.fcf36 {color:#4F5150;}
.tdu {text-decoration: underline;}


/* a link */
a:focus   {outline:none;}
a:link    {color: #666666; text-decoration: none;}
a:visited {color: #666666; text-decoration: none;}
a:hover   {color: #999999; text-decoration: underline;}


/* wrapper
----------------------------------------------------------- */
#wrapper {}


/* header
----------------------------------------------------------- */
#header { width: 893px; margin: 0 auto; padding-top: 30px; border-bottom: solid 1px #4E4E4E; }
#header_noborder { width: 893px; margin: 0 auto; padding-top: 30px; }
.header_left { width: 128px; float: left;}
.header_right { width: 724px; height: 240px; float: right; padding: 10px 0 0 40px; border-left: solid 1px #4E4E4E;}
.header_btn { float: right; width: 32px;}

#sub .header_btn { float: right; width: 80px;}
#sub .header_btn p { float: right; width: 24px;}
#sub .path { float: left; width: 600px; font-size: 10px; }
#sub .path li { float: left; margin-right: 8px; }
#sub .path li a { padding-right: 15px; color: #999999; background: url(../img/listmark_patharrow.png) no-repeat right; }
#sub .path li a:hover { color: #8C8E8D; }


/* #gnav
----------------------------------------------------------- */
#gnav { margin: 0 auto; background: #fff; }
.level1 { margin-bottom: 5px; }


/* #gnav ドロップダウン
----------------------------------------------------------- */
ul.dropdown ul { display: none; /* 通常は表示しない */}
ul.dropdown li:hover > ul { display: block; /* マウスが乗ったら表示する */}
ul.dropdown li { position: relative; /* 2段目の位置を指定するため */
			margin-bottom:7px;
			width: 128px; /* リスト項目の幅 */
			z-index: 20;
			}

.menu_around_li {display: block; width: 128px; height: 22px; }
.menu_around_li:hover {height: 22px; background-image: url('../img/gnavi03_on.png');}			
.menu_around { position: absolute; /* 2段目の位置を絶対位置で指定 */
			left: 128px; /* 1段目の幅の分を右へ */
			top: -23px; /* 1段目の上下方向は同じ位置 */
			list-style: none; /* 2段目の先頭記号を消す */
			padding-left: 0px; /* 2段目の左位置を1段目に揃える */
			}
.menu_around li {margin-bottom:0 !important;}
			
.menu_company_li {display: block; width: 128px; height: 24px; }
.menu_company_li:hover {height: 24px; background-image: url('../img/gnavi04_on.png');}			
.menu_company { position: absolute; /* 2段目の位置を絶対位置で指定 */
			left: 128px; /* 1段目の幅の分を右へ */
			top: -21px; /* 1段目の上下方向は同じ位置 */
			list-style: none; /* 2段目の先頭記号を消す */
			padding-left: 0px; /* 2段目の左位置を1段目に揃える */
			}
.menu_company li {margin-bottom:0 !important;}		

ul.dropdown a { color: white; /* 文字色 */
			display: block; /* ブロックレベルに */
			outline: none; /* 選択時の点線枠線を消す */
			}







/* #container
----------------------------------------------------------- */
#top #container { margin: 0 auto; text-align: center;}
#sub #container { width: 100%; margin: 0 auto;}
#sub #container_02 { width: 100%; margin: 0 auto 20px; text-align: center; background: url(../img/footer_bg.png) repeat-x left top;}

#top #content { width: 893px; margin: 0 auto; text-align: center;}
#sub #content { width: 893px; margin: 0 auto;}

.box_left { float: left; width: 459px; margin: 0 auto; text-align: center;}
.box_right { float: right; width: 434px; text-align: left;}
.box_right p { padding: 15px 0; border-bottom: solid 1px #767777; }
.box_right li { float: right; }

#content_bottom { width: 893px; height: 100%; margin: 0 auto; padding-top: 75px; background: url(../img/bg_item_no6s.jpg) no-repeat left bottom;}
.box_right_bottom { width: 434px; padding-left: 459px; text-align: left;}
.box_right_bottom p { padding: 15px 0; border-bottom: solid 1px #767777; }
.box_right_bottom li { float: right; }

.box_left_bottom { float: left; position:relative; width: 459px; margin: 0 auto; text-align: center;}
.img_bottom { position: absolute; bottom: 0;}



/* #footer
----------------------------------------------------------- */
#footer { clear: both; width: 100%; height: 110px; }
#footer_02 { clear: both; width: 100%; height: 110px; background: url(../img/footer_bg02.jpg) repeat-x left top; }
#footer_03 { clear: both; width: 100%; height: 110px; background: url(../img/footer_bg03.jpg) repeat-x left top; }
#footer_04 { clear: both; width: 100%; height: 110px; background: url(../img/footer_bg04.jpg) repeat-x left top; }
.footer_inner { width: 893px; height: 150px; margin: 0 auto; position: relative; border-top: solid 1px #4E4E4E; }
.footer_inner .logo { font-size: 10px; position: absolute; top: 42px; left: 2px; }
.footer_inner .footer_txt { font-size: 10px; position: absolute; top: 70px; left: 2px; }
.footer_inner .copy { font-size: 10px; position: absolute; top: 60px; left: 2px; }





/* numa add 140829 */
#box_dbn {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto; position: relative;}
.box_left_dbn { float: left; width: 446px; margin: 0 auto 50px; padding-top: 50px; text-align: center;}
.box_right_dbn {width:446px; min-height: 618px; height:auto; padding-bottom: 117px; text-align:left; float:right; border-left: solid 1px #4E4E4E;}
.box_right_dbn p .first_box {padding: 0 0 30px 30px;}
.box_right_dbn p {padding: 30px 0 30px 30px;}
.bb_dbn {border-bottom: solid 1px #767777; }
.box_right_dbn li { float: right; }
.bottom_dbn {width:446px; height:117px; margin-bottom: 50px; position:absolute; bottom:0;}



/* #maximage
----------------------------------------------------------- */
img.bgmaximage{
  position:fixed !important;
}
 
#maincontent {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
  width: 100%;
}

/* #TOPページ
----------------------------------------------------------- */
.index_btn { width: 644px; margin: 50px auto 0;}
.index_btn li { float: left; margin-right: 20px;}
.index_btn li.last { float: left; margin-right: 0;}
.index_logo{ margin-top: 30px; text-align: center;}
.index_bgimg{ margin-top: 50px; text-align: center;}

.index_topbox{ width: 893px; margin: 0 auto; position:relative;}
.index_topbox .index_blog{ position:absolute; top:0px; right:0px;}
.index_topbox .index_blog .blog{ border:1px solid #ccc; font-weight:bold; padding:0 8px;}
.index_topbox .index_blog .blog:hover{ color:#fff; background-color:#000;}


/* #Companyページ
----------------------------------------------------------- */
.company_headerimage { margin-top: 50px;}
.company_box_left { width: 446px; height: auto; text-align: left; float: left;}
.company_box_left p { font-size: 14px; line-height: 24px; padding: 50px 0 50px 30px;}
.company_box_left p .first_box { padding: 20px 0 50px 30px;}


/* #Aroundページ
----------------------------------------------------------- */
#around_box { width: 893px; margin: 0 auto;}
.around_box_inner_f { margin-top: 90px; padding-bottom: 30px; border-bottom: solid 1px #CCC;}
.around_box_inner { margin-top: 30px; padding-bottom: 30px; border-bottom: solid 1px #CCC;}
.around_box_inner_l { margin: 30px 0;}
.around_box_left { float: left; width: 378px; margin: 0 56px 0 41px; text-align: left; color: #000;}
.around_box_right { float: right; width: 418px; text-align: left;}
.around_subtittle { font-size: 14px; font-weight: bold; color: #000; margin: 0 0 20px 41px;}
.around_btn { width: 301px; margin: 0 auto 50px;}
hr .around_hr { height: 1px; border-top: 1px solid #CCC; }


/* #6号酵母ページ
----------------------------------------------------------- */
#content_6go { width: 491px; margin: 0 auto;}
.6go_box_txt { width: 491px; text-align: left;}
.around_subtittle { font-size: 14px;}
.around_btn { width: 301px; margin: 0 auto 50px;}


/* #Policyページ
----------------------------------------------------------- */
#policy_box { width: 480px; margin: 50px auto;}
.policy_title { font-size: 140%; line-height: 1.6; margin-bottom: 30px; border-left-color: #000; padding: 3px 0px 0px 12px; border-style: solid; border-width: 0px 0px 0px 6px;}


/* kk add 160113
----------------------------------------------------------- */
.archives_frame:hover{ background-color:#000;}
.archives_underconstruction { padding-top: 100px;}





/* end */

/* plusb add 160110 */
/**
 * collection/colors
 **/
.header_right{
position:relative;
}
.header_right .utility-box{
position:absolute;
top:10px;
right:45px;
}
.header_right .utility-box .blog{
border:1px solid #ccc;
font-weight:bold;
padding:0 8px;
}
.header_right .utility-box .blog:hover{
color:#fff;
background-color:#000;
}
.header_right .utility-box .blog:hover a{
color:#fff;
text-decoration:none;
display:block;
}
#content.list{
	/*color:#000;*/
	padding-bottom:30px;
}
#content.list .explain{
	padding:35px 40px 15px;
 	/*border-bottom: solid 1px #CCC;*/
}
#content.list .explain .title{
	font-size:200%;
	padding-bottom:1.4em;

}
#content.list .explain p{
	line-height:1.8;
	padding-bottom:1.6em;
}
#content.list .bottles{
}
#content.list .bottles .bottle{
padding:35px 0 40px;
	border-top: solid 1px #CCC;
}
#content.list .bottles .bottle_noline{
padding:35px 0 40px;
}
#content.list .bottles .leftPane{
float:left;
width:445px;
padding-right:20px;
}
#content.list .bottles .leftPane .spec{
border-bottom:1px solid #dedede;
padding:0 0 30px 40px;
}
#content.list .bottles .leftPane .spec .series{
font-size:120%;
line-height:1.7;
padding-bottom:15px;
}
#content.list .bottles .leftPane .spec .name{
font-size:120%;
line-height:1.7;
padding-bottom:10px;
}
#content.list .bottles .leftPane .spec .name span{
font-size:160%;
color:black;
}
#content.list .bottles .leftPane .spec li{
line-height:1.7;
}
#content.list .bottles .leftPane .description{
padding:35px 20px 0 40px;
line-height:1.7;
}
#content.list .bottles .rightPane{
float:left;
text-align:center;
width:400px;
}
/* slider */
.head_logo{
float:left;
width:160px;
}
.head_logo.colors{
padding-top:80px;
}
.head_slide{
float:right;
width:560px;
}
.head_slide.colors{
/*width:560px;*/
width:410px;
}
.flexslider{
padding:50px 0 0 0;
margin-bottom:0;
}
.flexslider.colors{
/*width:480px;*/
width:360px;

}
.head_slide .flexslider .slides .frame:hover{
background-color:#000;
}
.head_slide .flexslider .slides li{
padding-right:20px;
}
.head_slide .flexslider .slides .frame{
border:1px solid #ccc;
}
.head_slide .flexslider .slides .name{
padding:5px 0;
text-align:center;
}
.head_slide .flexslider .slides a{
text-decoration:none;
}
.head_slide .flexslider .slides img{
width:100%;
}
.head_slide .flexslider .flex-control-nav{
display:none;
}
.head_slide .flexslider .flex-direction-nav a,
.head_slide .flexslider .flex-direction-nav .flex-disabled{
opacity:1 !important;
}
.head_slide .flexslider .flex-direction-nav a::before,
.head_slide .flexslider .flex-direction-nav a.flex-next::before{
content:"";
}
.head_slide .flexslider .flex-direction-nav a{
top:60%;
}
.head_slide .flexslider .flex-prev{
background:url(../img/ico_prev.png) left top no-repeat;
left:-35px;
}
.head_slide .flexslider .flex-next{
background:url(../img/ico_next.png) left top no-repeat;
right:-35px;
}
.head_slide .flexslider:hover .flex-prev{
left:-35px;
}
.head_slide .flexslider:hover .flex-next{
right:-35px;
}
/**
 * Archives/TOP
 **/
#content.archive-list{
width:720px;
}
#content.archive-list .flexslider{
padding:0 0 0 0;
margin-bottom:0;
}
#content.archive-list .flexslider .slides img{
width:100%;
}
#content.archive-list .flexslider{
width:640px;

}
#content.archive-list .entries dt{
	font-size:200%;
	line-height:1.6;
	text-align:center;
	padding-top:65px;
	width:110px;
	float:left;
	border-top:1px solid #ccc;
	height:113px;
}
#content.archive-list .entries dd{
border-top:1px solid #ccc;
margin-left:95px;
margin-left:110px;
padding-top:65px;
height:233px;
}
#content.archive-list .entries dt.first{
border-top:0px;
	padding-top:65px;
}
#content.archive-list .entries dd.first{
border-top:0px;
}
/**
 * Archives/2008 20BY
 **/
#content.archives .explain{
padding:30px 40px 15px;
}
#content.archives .explain .title{
	line-height:1.6;
	padding-bottom:1em;
}

#content.archives .explain p{
	padding-bottom:1.4em;
}
#content.archives .bottles .leftPane .spec .name{
font-size:110%;
padding-bottom:15px;
}
#content.archives .bottles .leftPane .description{
line-height:1.75;
}
.head_logo.ar2008{
padding-top:100px;
}
.head_slide.ar2008{
width:525px;
}
.head_slide.ar2008 .flexslider .flex-direction-nav a{
top:70%;
}
.flexslider.ar2008{
width:480px;

}
/* /plusb add 160110 */

/* plusb add 160513 */
#content.archive-list .entries dd .flex-control-nav{
display:none;
}
#content.archive-list .entries dd .flex-direction-nav a,
#content.archive-list .entries dd .flex-direction-nav a .flex-disabled{
opacity:1 !important;
}
#content.archive-list .entries dd .flex-direction-nav a::before,
#content.archive-list .entries dd .flex-direction-nav a.flex-next::before{
content:"";
}
#content.archive-list .entries dd .flex-direction-nav a{
top:60%;
}
#content.archive-list .entries dd .flexslider .flex-prev{
background:url(../img/ico_prev.png) left top no-repeat;
left:-35px;
}
#content.archive-list .entries dd .flexslider .flex-next{
background:url(../img/ico_next.png) left top no-repeat;
right:-60px;
}
#content.archive-list .entries dd .flexslider:hover .flex-prev{
left:-35px;
}
#content.archive-list .entries dd .flexslider:hover .flex-next{
right:-60px;
}
/* /plusb add 160513 */




/* kk add 170428
----------------------------------------------------------- */
#content.list .bottles .leftPane .spec1704{
padding:0 0 0 40px;
}
#content.list .bottles .leftPane .spec1704 .series{
font-size:120%;
line-height:1.7;
padding-bottom:15px;
}
#content.list .bottles .leftPane .spec1704 .name{
font-size:120%;
line-height:1.7;
padding-bottom:10px;
}
#content.list .bottles .leftPane .spec1704 .name span{
font-size:160%;
color:black;
}
#content.list .bottles .leftPane .spec1704 li{
line-height:1.7;
}




/* kk add 170516　もっと読む
----------------------------------------------------------- */
.showmore { padding:15px; margin:0 0 20px 0; }
.showmore p {margin: 0 0 10px0 ; color:#000000;}
.showmore_content { position:relative; overflow:hidden; }
.showmore_trigger { width:100%; height:45px; line-height:45px; cursor:pointer; }
.showmore_trigger span { display:block; }
span.showmore_trigger{font-weight:bold;}
span.less{font-weight:bold;}



.googlemaps iframe,
.googlemaps object,
.googlemaps embed {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}