@charset "UTF-8";
/* CSS Document */



body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,pre,form,dl,dt,dd,blockquote,fieldset,input,address{margin:0; padding:0;}
a{color:#000; text-decoration:underline;}
a:hover{color:#999; text-decoration:none;}
/*a:hover img.over{opacity:0.5; -ms-filter: "alpha(opacity=50)";}*/
li{list-style:none;}
body{ font-size:12px; color: #3b270f; line-height:20px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif}
.mt10{margin-top:10px;}
.img-responsive-overwrite{margin: 0 auto;}
/*.container{padding-left:0; padding-right:0;}*/
@media only screen and (min-width: 992px) {
	.container{width: 980px;}
}
@media only screen and (min-width: 1200px) {
	.container{width: 980px;}
}


/*common*/
.footer{margin-top: 40px; padding-bottom: 15px;}
.footer .row{border-top: 2px solid #3b270f; margin-left: 0; margin-right: 0; padding-top: 20px;}
.footer h2{margin-top: 0; font-size: 12px; margin-bottom: 10px;}
.footer h2 img{width: 200px;}
.footer ul{margin-bottom: 5px;}
.footer li{color: #3b270f; letter-spacing: 1px; font-size: 11px;}
.navbar{border:none; background-color: #fff; padding-left: 15px; padding-right: 15px; max-width: 980px; margin: 10px auto 0;}
.navbar-header .navbar-toggle{margin-right: 0; margin-top: 20px;}
.navbar-header .navbar-brand{height: 80px; padding: 0;}
.navbar-header .navbar-brand img{width: 100px;}
.navbar-collapse{border:none;}
.navbar-collapse a{text-decoration: none; text-align: center; color: #3b270f; font-size: 14px;}
.nav>li>a:hover{background-color: #3b270f!important; color: #fff!important;}
@media only screen and (min-width: 768px) {
	.footer h2 img{width: 232px;}
	.footer ul{clear: both;}
	.footer li{float: left; margin-right: 20px;}
	.navbar{margin: 15px auto;}
	.navbar-header .navbar-brand{height: 101px;}
	.navbar-header .navbar-brand img{width: 141px;}
	.navbar-nav{float: right; margin-top: 45px;}
	.nav li{margin-right: 30px;}
	.nav li#gm05,.nav li#gm05_sel{margin-right: 0;}
	.nav li a{background:url(../images/gmenu.gif) no-repeat; display:block; white-space:nowrap; overflow:hidden; text-indent:105%; height:16px; padding:0;;}
	.nav li#gm01 a{width:129px; background-position:0 0;}
	.nav li#gm02 a{width:91px; background-position:-140px 0;}
	.nav li#gm03 a{width:114px; background-position:-240px 0;}
	.nav li#gm04 a{width:146px; background-position:-360px 0;}
	.nav li#gm05 a{width:80px; background-position:-510px 0;}
	.nav li#gm01 a:hover{background-position:0 -16px;}
	.nav li#gm02 a:hover{background-position:-140px -16px;}
	.nav li#gm03 a:hover{background-position:-240px -16px;}
	.nav li#gm04 a:hover{background-position:-360px -16px;}
	.nav li#gm05 a:hover{background-position:-510px -16px;}
	.nav li#gm01_sel a{width:129px;  background-position:0 -16px;}
	.nav li#gm02_sel a{width:91px;  background-position:-140px -16px;}
	.nav li#gm03_sel a{width:114px;  background-position:-240px -16px;}
	.nav li#gm04_sel a{width:146px;  background-position:-360px -16px;}
	.nav li#gm05_sel a{width:80px;  background-position:-510px -16px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.navbar-header{float: none; text-align: center;}
	.navbar-brand{float: none;}
	.navbar-collapse{padding-left: 0; padding-right: 0;}
	.navbar-nav{float: none;}
	.nav li{margin-right: 37px;}
}
/*home*/
/*.home h1{margin: 15px 0;}
.home h1 img{width: 100px;}*/
.home{display: none;}
.home .people{margin-top: 15px; margin-bottom: 10px;}
.home .people div{margin-bottom: 10px;}

@media only screen and (min-width: 992px) {
	.home .people{margin-top: 15px; margin-bottom: 20px;}
}

#loader-bg {
    display: none;
    position:fixed;
    width: 100%;
    top: 80px;
    left: 0px;
    background: #fff;
    z-index: 1000;
}
@media only screen and (min-width: 767px) {
	#loader-bg {top: 100px;}
}
#loader {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-top: -100px;
   margin-left: -20px;
    text-align: center;
    color: #fff;
    z-index: 2;
}

@media only screen and (max-width: 767px) {
	.home .banner{margin-left: -5px; margin-right: -5px;}
	.home .banner div{padding-right: 5px; padding-left: 5px;}
	.home .people{margin-left: -5px; margin-right: -5px;}
	.home .people div{padding-right: 5px; padding-left: 5px;}
}
@media only screen and (min-width: 768px) {
	.home h1 img{width: 141px;}
	.home .people{margin-top: 30px;}
	.home .people div{margin-bottom: 20px;}	
}
@media only screen and (min-width: 992px) {
	.home .banner a:hover img{opacity: 0.5; }
	.home .people a{background-color: #3b270f; display: block;}
	.home .people a:hover img{opacity: 0.5; }
}

/*about*/
.about .box1{margin-top: 20px; margin-bottom: 30px;}
.about .box1 h2 img{width: 250px;}
.about .box1 p{margin-top: 10px; line-height: 22px;}
.about .box1 .about_img{margin-top: 20px;}
.about .flow_wrape{max-width: 850px; margin:0 auto;}
.about .flow{margin-top: 20px;}
.about .flow .flow_no{ padding-right: 0;}
.about .flow h3{border-bottom: 1px solid #3b270f; padding-bottom: 5px; margin-bottom: 10px;}
.about .flow h3 img{height: 18px;}
.about .flow p{color: #3b270f; line-height: 22px;}
.about .flow .flow_img{margin-top: 10px;}
.about .arrow{margin-top: 20px;}
.about .cesium{background-color: #f1ece8; padding: 15px 20px; margin-top: 30px; position: relative;}
.about .cesium h3{margin-bottom: 10px;}
.about .cesium h3 img{width: 194px;}
.about .cesium .link{font-weight: bold; font-size: 12px; margin-top: 5px;}
.about .cesium .icon_add{position: absolute; top: -35px; left: 5px;}
@media only screen and (min-width: 768px) {
	.about .box1{margin-bottom: 50px;}
	.about .box1 h2 img{width: 281px;}
	.about .box1 .about_img{margin-top: 45px;}
	.about .flow{margin-top: 30px;}
	.about .flow .flow_no{padding-top: 40px; width: 10%; padding-right: 15px;}
	.about .flow h3 img{height: 22px;}
	.about .flow .flow_text{width: 60%;}
	.about .flow .flow_img{width: 30%;margin-top: 0px;}
	.about .cesium{padding: 20px 30px;}
	.about .cesium .link{font-size: 14px;}
	.about .cesium .icon_add{top: -15px; left: -20px;}
}
@media only screen and (min-width: 992px) {
	.about .box1 .about_img{margin-top: 10px;}
	.about .flow .flow_no{padding-top: 20px;}

}


/*interview*/
.interview .title{margin-top: 5px;}
.interview .title h2 img{width: 200px;}
.interview .title h3 img{width: 104px;}
.interview .title img{margin-top: 10px;}
.interview .title p{line-height: 18px; margin-top: 10px;}
.interview .people{margin-top: 15px;}
.interview .people div{margin-bottom: 10px;}
@media only screen and (max-width: 767px) {
	.interview .people{margin-left: -5px; margin-right: -5px;}
	.interview .people div{padding-right: 5px; padding-left: 5px;}
}
@media only screen and (min-width: 768px) {
	.interview .title{margin-top: 30px;}
	.interview .title h2 img{width: 221px;}
	.interview .title h3 img{width: 112px;}
	.interview .title img{margin-top: 2px;}
	.interview .title p{margin-top: 0px;}
	.interview .people{margin-top: 30px;}
	.interview .people div{margin-bottom: 20px;}
}
@media only screen and (min-width: 992px) {
	.interview .people a{background-color: #3b270f; display: block;}
	.interview .people a:hover img{opacity: 0.5; }
}

/*interview_sub1*/
.interview_sub .detail{max-width: 850px; margin: 10px auto 0;}
.interview_sub .detail h2{margin-top: 5px;}
.interview_sub .detail h3{margin-top: 30px; margin-bottom: 30px;}
.interview_sub .detail .right{float:}
.interview_sub .detail .interview_photo_wrape{margin-top:30px; position: relative;;}
.interview_sub .detail .interview_photo .row{margin-left: -5px; margin-right: -5px;}
.interview_sub .detail .interview_photo .row div{padding-right: 5px; padding-left: 5px; margin-top: 10px;}
.interview_sub .line{border-top:5px solid #3b270f; margin-right: 0; margin-left: 0;margin-top: 40px;}
.interview_sub .people {margin-top: 20px; margin-right: -5px; margin-left: -5px;}
.interview_sub .people div{margin-top: 10px; padding-left: 5px; padding-right: 5px;}
@media only screen and (min-width: 768px) {
	.interview_sub .detail{margin: 30px auto 0;}
	.interview_sub .detail p{line-height: 22px;}
	.interview_sub .detail .interview_photo div.first{margin-top: 0px;}
}
@media only screen and (min-width: 992px) {
	.interview_sub .detail h2{margin-top: 30px;}
	.interview_sub .detail h3{margin-top: 80px; margin-bottom: 30px;}
	.interview_sub .detail p{padding-right: 30px;}
	.interview_sub .detail .right{float: none;}
	.interview_sub .detail .interview_photo_wrape{margin-top:0px; }
	.interview_sub .detail .interview_photo div.first{margin-top: 10px;}
	.interview_sub .detail .interview_photo_wrape .shiitake01{position: absolute; top: 30px; left: -100px;}
	.interview_sub .detail .interview_photo_wrape .shiitake04{position: absolute; top: 30px; left: -130px;}
	.interview_sub .people a{background-color: #3b270f; display: block;}
	.interview_sub .people a:hover img{opacity: 0.5; }
}


/*interview_sub2*/
.interview_sub2 .detail{max-width: 850px; margin: 10px auto 0; position: relative;}
.interview_sub2 .detail h2{margin-top: 5px;}
.interview_sub2 .detail h3{margin-top: 30px; margin-bottom: 30px;}
.interview_sub2 .detail p{margin-bottom: 30px;}
.interview_sub2 .detail .right{float: right;}
.interview_sub2 .detail .interview_photo{margin-left: -5px; margin-right: -5px;}
.interview_sub2 .detail .interview_photo div{padding-right: 5px; padding-left: 5px; margin-top: 10px;}
.interview_sub2 .line{border-top:5px solid #3b270f; margin-right: 0; margin-left: 0;margin-top: 40px;}
.interview_sub2 .people {margin-top: 20px; margin-right: -5px; margin-left: -5px;}
.interview_sub2 .people div{margin-top: 10px; padding-left: 5px; padding-right: 5px;}
@media only screen and (min-width: 992px) {
	.interview_sub2 .detail p{padding-right:5px; margin-bottom: 60px;}
	.interview_sub2 .detail .shiitake02{position: absolute; top: 30px; right:190px;}
	.interview_sub2 .detail .shiitake05{position: absolute; top: 10px; right:190px;}
	.interview_sub2 .people a{background-color: #3b270f; display: block;}
	.interview_sub2 .people a:hover img{opacity: 0.5; }
}

/*interview_sub3*/
.interview_sub3 .detail{max-width: 850px; margin: 10px auto 0; position: relative;}
.interview_sub3 .detail h2{margin-top: 5px;}
.interview_sub3 .detail h3{margin-top: 30px; margin-bottom: 30px; }
.interview_sub3 .detail p{margin-bottom: 30px;}
.interview_sub3 .detail .right{float:}
.interview_sub3 .detail .interview_photo{margin-left: -5px; margin-right: -5px;}
.interview_sub3 .detail .interview_photo div{padding-right: 5px; padding-left: 5px; margin-top: 10px;}
.interview_sub3 .line{border-top:5px solid #3b270f; margin-right: 0; margin-left: 0;margin-top: 40px;}
.interview_sub3 .people {margin-top: 20px; margin-right: -5px; margin-left: -5px;}
.interview_sub3 .people div{margin-top: 10px; padding-left: 5px; padding-right: 5px;}
@media only screen and (min-width: 768px) {
	.interview_sub3 .detail .right{float: right;}
	.interview_sub3 .detail .interview_photo div.first{margin-top: 0;}
}
@media only screen and (min-width: 992px) {
	.interview_sub3 .detail p{padding-right:5px; margin-bottom: 60px;}
	.interview_sub3 .detail .shiitake03{position: absolute; top: 30px; right:250px;}
	.interview_sub3 .detail .shiitake06{position: absolute; top: 10px; right:260px;}
	.interview_sub3 .people a{background-color: #3b270f; display: block;}
	.interview_sub3 .people a:hover img{opacity: 0.5; }
}


/*map*/
.map .box1{margin-top: 30px;}
.map .box1 h2 img{width: 230px;}
.map .box1 .text{margin-top: 20px;}
.map .box1 .map_box{position: relative;}
.map .box1 .map_box .map_img{margin-top: 20px;}
.map .box1 .map_box .btn_wrape{width: 95%; margin: 0 auto;}
.map .box1 .map_box .btn_wrape a img{max-width: 130px; margin-bottom: 10px;}
.map .box1 .map_box .btn_wrape .btn_factory01{float: left;}
.map .box1 .map_box .btn_wrape .btn_factory02{float: right;}
.map .box1 .map_box .btn_wrape .btn_factory03{float: left; clear: both;}
.map .box1 .map_box .btn_wrape .btn_factory04{float: right;}
.map .factory{margin-top: 40px;}
.map .factory .factoryIn{margin-left: -5px; margin-right: -5px;}
.map .factory .factoryIn .left{padding-right: 5px; padding-left: 5px;}
.map .factory .factoryIn .right{padding-right: 5px; padding-left: 5px;}
.map .factory .factoryIn .right img{width: 120px;}
.map .factory h3{margin-bottom: 10px; width: 240px;}
.map .factory h3 img{width: 210px;}
.map .factory .text{width: 100px;}
.map .factory .photo{margin-bottom: 15px; margin-left: -5px; margin-right: -5px;}
.map .factory .photo div{ padding-right: 5px; padding-left: 5px;}
.map .factory .photo p{margin-top: 5px;}
.map .check{border:7px solid #3b270f; padding:15px; margin-top: 30px; position: relative;}
.map .check .row div{margin-top: 20px;}
.map .check h3 img{width: 200px;}
.map .check h4{font-size: 16px; font-weight: bold; margin-bottom: 5px;}
.map .check .link{border-top:7px solid #3b270f; padding-top: 15px;}
.map .check .link img{width: 260px;}
.map .check .icon_check{position: absolute; top: -35px; left: -15px;}
@media only screen and (min-width: 768px) {
	.map .box1 h2{margin-top: 50px; width: 254px;}
	.map .box1 .map_box .map_img{margin-top: 0px;}
	.map .box1 .map_box .btn_wrape a img{width: 130px;}
	.map .box1 .map_box .btn_factory01{position: absolute; top: 66px; left: 0px; float: none;}
	.map .box1 .map_box .btn_factory02{position: absolute; top: 84px; right: 20px; float: none;}
	.map .box1 .map_box .btn_factory03{position: absolute; top: 280px; left: 10px; float: none;}
	.map .box1 .map_box .btn_factory04{position: absolute; top: 300px; right: 10px; float: none;}
	.map .factory .factoryIn .right img{width: 154px;}
	.map .factory h3{margin-bottom: 15px; width: 287px;}
	.map .factory h3 img{width: 240px;}
	.map .factory .text{width: 115px;}
	.map .factory .photo p{margin-top: 30px;}
	.map .check h3 img{width: 260px;}
	.map .check .link img{width: 524px;}
	.map .check .icon_check{top: -15px; left: -25px;}
}
@media only screen and (max-width: 991px) {
	.map .factory .factoryIn{max-width: 600px; margin: 0 auto;}
}
@media only screen and (min-width: 992px) {
	.map .box1 h2{margin-top: 80px;}
	.map .box1 .text{font-size: 14px; line-height: 26px;}
	.map .box1 .map_box .btn_wrape a img{width: 166px;}
	.map .box1 .map_box .btn_factory01{position: absolute; top: 86px; left: 0px;}
	.map .box1 .map_box .btn_factory02{position: absolute; top: 115px; right: 50px;}
	.map .box1 .map_box .btn_factory03{position: absolute; top: 380px; left: 20px;}
	.map .box1 .map_box .btn_factory04{position: absolute; top: 390px; right: 10px;}
	.map .factory h3{margin-bottom: 10px;}
	.map .factory .photo p{margin-top: 10px;}
	.map .check .link a:hover img{opacity: 0.5;}
}

.movie {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 10px;
  height: 0;
  overflow: hidden;
}
.movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.keyman .title{width: 170px; margin: 20px 0;}
.keyman .display-xs{border-bottom: 1px solid #3b270f; padding-bottom: 10px;}
.keyman .display-xs h4{font-size: 14px; line-height: 16px; margin-bottom: 5px; margin-top: 10px; font-weight: bold;}
.keyman .display-xs h3{font-size: 16px; margin-bottom: 10px; font-weight: bold;}
.keyman .display-xs h5{font-size: 12px; color: #fff; background-color:#3b270f; padding: 4px; width: 5em; text-align: center; margin-bottom: 5px;}
.keyman .display-xs p{line-height: 18px;}
.keyman .text{margin-top: 30px; margin-bottom: 30px;}
.keyman .text h2{margin-bottom: 20px;}
.keyman .text h2 img{max-width: 100%;}
.keyman .text .leadImg{margin-top: 10px!important;}
.keyman .faq div{margin-top: 30px;}
.keyman .faq dt{font-size: 15px; height: 25px; line-height: 25px; margin-bottom: 15px; background: url(../images/faq_q.gif) no-repeat left center; padding-left: 28px;}
.keyman .faq dd{line-height: 20px; background: url(../images/faq_a.gif) no-repeat left top; padding-left: 28px;}
@media only screen and (min-width: 768px) {
	.keyman .title{width: 251px; margin: 40px 0;}
	.keyman .display-xs{display: none;}
	.keyman .text{margin-bottom: 40px;}
	.keyman .text p{margin-top: 5px;}
	.keyman .text .leadImg{float: right; margin-top: 10px; margin-left: 20px; margin-bottom: 40px;}
	.keyman .faq dt{font-size: 16px;}
}
@media only screen and (min-width: 992px) {
	.keyman .text .leadImg{margin-left: 40px; margin-bottom: 0px;}
}


.recipe .display-xs{border-bottom: 1px solid #3b270f; padding-bottom: 10px; margin-bottom: 20px;}
.recipe .display-xs h3{font-size: 16px; margin-bottom: 5px; font-weight: bold; margin-top: 10px;}
.recipe .display-xs p{line-height: 18px;}
.recipe h2{margin-top: 30px;}
.recipe h2.recipeName_sp{font-size: 18px; line-height: 22px; text-align: center; padding: 2px; background-color: #dadf00; font-weight: bold; margin-bottom: 20px;}
.recipe .material{margin-top: 20px;}
.recipe .recipeIcon01{display: none;}
.recipe .materialHead{text-align: center; background-color:#3b270f; padding: 2px 0; width: 100%; color: #fff; font-size: 13px; margin-bottom: 5px; border-radius: 4px;}
.recipe .materialIn{background-color: #f1ece8; padding: 10px;}
.recipe .materialIn li{font-size: 13px; line-height: 20px; font-weight: bold;}
.recipe .step dl{margin-top: 12px;}
.recipe .step dl dt{text-align: center; width: 5em; background-color: #3b270f; color: #fff; padding: 2px 0; border-radius: 4px;}
.recipe .step dl dt img{display: none;}
.recipe .step dl dd{line-height: 18px; margin-top: 5px;}
.recipe .step dl dd img{width: 150px; float: right; margin-left: 20px;}
.recipe .point{border:4px solid #3b270f; padding: 15px; margin-top: 20px;}
.recipe .recipeIcon02{display: none;}
.recipe .pointHead{text-align: center; background-color:#3b270f; padding: 2px 0; width: 100%; color: #fff; font-size: 13px; margin-bottom: 5px; border-radius: 4px;}

.recipe .recipeMenu{margin-top: 40px;/* border-top: 10px solid #d8c7b4;*/}
.recipe .recipeMenu div{margin-bottom: 20px;}
.recipe .recipeMenu div.last{margin-bottom: 0;}
.recipe .recipeMenu p{font-size: 14px; font-weight: bold; border-left: 4px solid #3b270f; margin-bottom: 5px; line-height: 14px; padding-left: 10px;}
.recipe .recipeMenu a{display: block;}
.recipe .recipeMenu a:hover img{opacity: 0.5;}
@media only screen and (min-width: 768px) {
	.recipe .display-xs{display: none;}
	.recipe h2.recipeName_sp{display: none;}
	.recipe .flowWrape{margin-top: 30px;}
	.recipe .material{padding-left: 0; margin-top: 0;}
	.recipe .materialIn{padding: 10px 15px;}
	.recipe .materialIn ul{float: left;}
	.recipe .materialIn ul.first{margin-right: 20px;}
	.recipe .materialIn li{font-size: 12px; line-height: 17px; font-weight: bold;}
	.recipe .materialIn li.person{text-align: right; padding-top: 15px;}
	.recipe .step dl dt{width: 3em; text-align: left; background-color: inherit; padding: 0; color: #000;}
	.recipe .step dl dt span{display: none;}
	.recipe .step dl dt img{width: 32px; display: block;}
	.recipe .step dl dd{margin-left: 4em; line-height: 16px; margin-top: 0;}
	.recipe .step dl dd img{width: 130px;}
	.recipe .point{border:4px solid #3b270f; padding: 15px; margin-top: 20px;}
	.recipe .step.kai dl{margin-top: 20px;}
	.recipe .step.kai dl dd img{width: 150px; margin-bottom: 30px;}
	.recipe .step.kai dl dd{line-height: 20px;}
	.recipe .recipeMenu p{font-size: 15px; line-height: 15px;}
}
@media only screen and (min-width: 992px) {
	.recipe .material{padding-left: 40px; position: relative;}
	.recipe .recipeIcon01{position: absolute; top: -20px; left: 0; display: block;}
	.recipe .materialHead{display: none;}
	.recipe .materialIn{padding: 15px 30px 10px;}
	.recipe .materialIn ul.first{margin-right: 40px;}
	.recipe .materialIn li{font-size: 13px; font-weight: bold; line-height: 20px;}
	.recipe .materialIn li.person{padding-top: 20px;}
	.recipe .step dl{margin-top: 17px;}
	.recipe .step dl dt{width: 4em;}
	.recipe .step dl dt img{width: 42px;}
	.recipe .step dl dd{margin-left: 5em; line-height: 20px;}
	.recipe .step dl dd img{ width: 180px;}
	.recipe .point{position: relative; margin: 20px auto 0; padding-left: 50px;}
	.recipe .recipeIcon02{position: absolute; top: -15px; left: -20px; display: block;}
	.recipe .pointHead{display: none;}
	.recipe .recipeMenu{margin-top: 60px;}
}