body{
         font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
         line-height: 150%;
         font-size: 14px;
         overflow-x: hidden;
         width: 100%;
         max-width: 100%;
}
.zyusyo_img{width:600px;margin-top:30px;
    -webkit-filter:drop-shadow(0 0px 3px rgba(0, 0, 0, .9));
  -moz-filter:drop-shadow(0 0px 3px rgba(0, 0, 0, .9));
    -ms-filter:drop-shadow(0 0px 3px rgba(0, 0, 0, .9));
    filter: drop-shadow(0 0px 3px rgba(0, 0, 0, .9));
}

.nopc{
    display: none;
}

.nosp{
    display: block;
}

img{
    max-width: 100%;
    height: auto;
}

.animated{
    opacity: 0;
}

.on-animate{
    opacity: 1;
     transition-duration:1s;
}

section{
    margin-bottom: 50px;
}

.content{
    text-align: center;
    margin-bottom: 200px;
}

.content img{
    max-width: 100%;
    height: auto;
}

.text{
    text-align: center;
    margin-bottom: 40px;
}

.text img{
    max-width: 100%;
    height: auto;
}

div.slider {
    display:block;
    margin:-20px auto;
}
 
ul.bxslider01 li {/*メインスライダー*/
    display:block;
    width: 100%; 
    overflow: hidden; 
}
 
ul.bxslider01 li img{
    display: block;
    width:100%;
    height: auto;
}

.bx-wrapper{
    box-shadow: none !important;
    border: none !important;
    background: none !important;
    margin-bottom: 20px !important;
}

#top video{
    width: 100%;
    height: auto;
}

#top-img{
    position: relative;
}

#top-img .top-content{
    position: absolute;
    z-index: 10;    
    bottom: 0%;
    width: 100%;
    text-align: center;
}

#top-img .top-content img{
    width: 80%;
    height: auto;
}

.navbar-default{
    border-bottom: none;
    height: 80px;
    background: rgba(255,255,255,0.8);
}

#sp{
	text-align: center;
	background-color: #FFFFFF;
	width: 100%;
	margin-bottom: 0px;
}
#sp img{
	width: 70%;
	max-width: 600px;
}

h2{
    font-size: 40px;
    line-height: 140%;    
    margin-bottom: 30px;
    text-align: center;
}

#about h2{
    font-size: 40px;
    line-height: 140%;
    text-align: left;
}

#about p{
    font-size: 20px;
    line-height: 170%;
}

#about{
    margin-bottom: 0 !important;
}

.flow-wrap{
    padding: 20px;
    height: 300px;    
    margin-bottom: 130px;
}

.flow-1{
    background: url(../img/flow-1.jpg) no-repeat left top;
    position: relative;
}

.flow-2{
    position: relative;
    background: url(../img/flow-2.jpg) no-repeat right top;
}

.flow-3{
    position: relative;
    background: url(../img/flow-3.jpg) no-repeat left top;
}

.flow-1 .container{
    position: relative;
    background: url(../img/flow-1-1.png) no-repeat left bottom;
    height: 300px;
    background-size: 200px;
}

.lead{
    font-size: 20px;
    line-height: 200%;
    text-align: center;
}

.flow-box h3{
    margin-top: 0;
    font-size: 24px;
    margin-bottom: 20px;
}

.flow-box{
    position: absolute;
    background: #fff;
    box-shadow: 3px 3px 6px #ccc;
    border-radius: 6px;
    padding: 40px;
    width: 500px;
    max-width: 100%;
    bottom: -50px;
}

.flow-box1{
    right: 0;
}

.flow-box2{
    left: 0;
}

.flow-box3{
    right: 0;
}

#loca{
    background: #F8F8F8;
}

.loca-disp{
    padding: 50px 20px;
}

.loca-disp p{
    line-height: 180%;
}

.loca-disp h3{
    font-size: 40px;
    margin-top: 0;
    margin-bottom: 20px;
}

.loca-disp h3 span{
    font-size: 18px;   
}
.loca-map p{
    margin-bottom: 30px;
}

.loca-map h3{
    font-size: 24px;
    margin-top: 0;
    margin-bottom: 15px;
    color: #FFE100;
}

.loca-map{
    color: #fff;
    background: #004334;
}

.loca-map .container{
    padding: 30px; 50px;    
    padding-bottom: 20px;
}

#dento{
    background-image: url(../img/bg-left.png),url(../img/bg-right.png);
    background-position: top left, top right;
    background-repeat: no-repeat, no-repeat;
    padding: 50px 0;
    margin: 50px 0;
    min-height: 670px;
}

#dento h2{
    font-size: 30px;
    color: #004334;
}

.dento-wrap{
    margin:   50px auto;
    padding: 50px 30px;
    max-width: 100%;
    background: rgba(255,255,255,0.8);
    position: relative;
}

.dento-box{
    z-index: 100;
}

.zyusho-img{
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}

#drink h2{
    margin-bottom: 15px;
}

.fix-bg{
    min-height: 50vh;
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  background-image: url(../img/bg-slide.jpg);
}

.fix-bg-2{
    min-height: 50vh;
  background-attachment: fixed;
  background-size: cover;
  background-position: right top;
  background-image: url(../img/bg-slide2.jpg);
}

.fix-bg-2 h2{
    text-align: right;
    color: #fff;
    padding-top: 40px;
}


#drink .sub{
    text-align: center;
    color: #004334;
    margin-bottom: 40px;
}

#history h2{
    margin-bottom: 15px;
}

#history h3{
    color: #004334;
    font-size: 20px;
}

#history{
    margin-bottom: 0;
}

.his-box{
    width: 800px;
    max-width: 100%;
    margin: 0 auto;
    margin-bottom: 40px;
}

#history .sub{
    text-align: center;
    font-size: 20px;
    color: #42210B;
    margin-bottom: 50px;
}

#history{
    background: no-repeat top center url(../img/his-4.jpg);
    padding: 50px 0;
}

footer{
    background: #000;
    color: #fff;
    padding: 50px 0px;
    padding-bottom: 0;
    text-align: center;
}

.foot-box{
    border: 2px solid #fff;
    padding: 30px;
    width: 700px;
    max-width: 100%;
    margin: 50px auto;
}

.foot-box h2 span{
    font-size: 12px;
    margin-left: 15px;
}

.copy{
    background: #fff;
    padding: 5px;
    color: #004334;
    font-size: 12px;
    margin-top: 50px;
}

.copy p{
    margin-bottom: 0;
}

.shop-tit{
    color: #333;
    background: url(../img/shop-bg-2.jpg) no-repeat center center;
    min-height: 450px;
    text-align: center;
   /* padding-top: 50px;*/padding-top: 150px;
    z-index: 100;
    position: relative;
    background-size: cover;
}.mb40 {
    margin-bottom: 80px!important;
}
.shop-list{
    padding: 50px;
    background: rgba(255,255,255,0.95);
    margin-right: 30px;
    max-width: 100%;
    width: 70vw !important;
    box-shadow: 3px 3px 6px #ccc;height:100%;
}
.shop-list th{width:30%;}
.shop-list td{width:70%;}
/**/
.mb20{margin-bottom:20px;}
#shop2 h3{color:#396C35;}
#shop2 .shop-list .row{display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;    margin-right: -10px;
    margin-left: -10px;}
#shop2.row:before,#shop2 .row:after { width:0px; }


/*#shop2 .col-md-8 {padding-right: 5px;
    padding-left: 10px;
}
#shop2 .col-md-4{padding-right: 10px;
    padding-left: 5px;}*/


.slick-slide{padding:3px;}
.slick-dots {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -20px!important;
}
.slick-dots li button:before {
    font-family: 'slick';
	font-size: 16px;}
.nav-previous {
    float: left;
}

.slick-prev::before {content: ''!important;/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 20px;/*画像の幅*/
  height: 20px;/*画像の高さ*/
  background-image: url(../img/prev_m.jpg) ;background-size:20px;
}

.slick-next::before {
	content: ''!important;/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 20px;/*画像の幅*/
  height: 20px;/*画像の高さ*/
  background-image: url(../img/next_m.jpg) ;background-size:20px;
  
}
.slick-prev{left:1px!important;}
.slick-next{right:1px!important;}
.slick-prev,
.slick-next {
    width: 20px !important;
    height: 20px !important;
	z-index:10;    top: 44%;
}
.single-item{max-width:300px;width:100%;}
.single-item button.slick-arrow{display:none!important;}
.single-item:hover button.slick-arrow{display:block!important;}

.nav-next {
    float: right;
}

/**/
#shop2_wrap{background:#FFFFFF;padding:50px 0;    background-image: url(../img/back3.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: right 90%;
    background-size: cover;}
#shop2 {
    margin-bottom: 0px;
 /*   background-image: url(../img/bg-left.png),url(../img/bg-right.png);
    background-position: bottom left, bottom right;
    background-repeat: no-repeat, no-repeat;*/
}#shop2 .shop-list {
position:relative;
    box-shadow:none;
  /*  border-radius: 20px;*/width:100%!important;
}
.product_intro img{max-width:300px;width:100%;}
.product-name h5{    color: #396C35;
        font-size: 16px;
    line-height: 140%}
.product-scale{    font-size: 13px;
    line-height: 150%;margin-top:6px;
}
.price{color:#D4B567;font-size:16px;padding:10px 0;}
.postage{padding-top:10px;}
#shop2 .shop-list:before{position:absolute;z-index:10;left:0;right:0;margin:0 auto;top:0;background:#D4B567;height:4px;content:'';width: 260px;}
/*#shop2 .clr2:before{background:#006535;}
#shop2 .clr3:before{background:#88BA29;}
#shop2 .clr4:before{background:#E67F2E;}
#shop2 .clr5:before{background:#4B9E36;}*/


.contact_information h4 {
    font-size: 18px;
    background: #000;
    color: #fff;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
}
.product_intro{border: 3px solid #000;
    padding: 10px 20px;
	margin-top: 20px;margin-bottom:30px;}
/*.product_intro h4{border-bottom: 1px solid #7FBB71;
	padding-bottom: 10px;}*/
.single-item{list-style-type: none;
    margin: 0;
    padding: 0;}
#shop2 .shop-list h3{margin-top:6px;margin-bottom:20px;}
#shop2 th{color:#000;}
#shop2 th:before{content:'';position:absolute;z-index:10;top:0;bottom:0;height:calc(100% - 12px);width:1px;background:#3D6F3B;margin:auto;right:0;}

/*#shop2 table{border-top: 1px solid #3D6F3B;border-bottom:1px solid #3D6F3B;margin-top:20px;}*/
#shop2 th,#shop2 td{border-top: none;position:relative;padding: 10px 12px;    border-bottom: 1px solid #000;}

.tb-d1{}
#shop2 .tb-d1 th:before{content:none;}
.tb-d1 th{background:#000;color:#fff!important; border-bottom:1px solid #fff!important;}
.tb-d1 td{    border-bottom: 1px solid #7FBB71;}
.tb-d1 h5{font-size:16px;}

/*.message_wrap {
    background: #E8F3E6;padding:20px;border-radius:10px;
}*/

#shop2 .btn{display:block;margin:0 auto;max-width:300px;width:100%;font-size:16px;line-height: 40px;margin-top:0px;background: #D4B567;
    border-color: #D4B567;color:#fff!important;}
#shop2 .btn:hover{border-color:#000!important;}
#shop2 .btn-success{background:#000;    border-color: #000;}
#shop2 .btn-success:hover{background-color: #5cb85c!important;
    border-color: #4cae4c!important;}

#shop2 .btn:hover{background:#000;}
#shop2 td a{color:#396C35;}
.other_common{margin-bottom:40px;}
/**/
.slider1{
      position: relative;
    left: 15vw; /* (100vw - SlideWidth) / 2 */
    overflow: visible !important;
}

.shop-box{
    margin-top: -200px;
    z-index: 10000;
    position: relative;
}

.bx-wrapper{
    max-width: 100% !important;
}

.bx-viewport{
}

#about{
    background: url(../img/about-bg.jpg) no-repeat center center;
    color: #fff;
    min-height: 600px;
    padding: 100px 20px;
}

#top-img .bxslider02 li{
    width: 100%;
}

#top-img .bxslider02 img{
    width: 100%;
    height: auto;
}

.table th{
    min-width: 80px;
}

.btn-area .btn{
    text-align: center;
    width: 100%;
    display: block;
    margin: 15px auto;
}

.web_btn1{color: #fff!important;
    background-color:#5cb85c;
    border-color: #5cb85c;font-weight:bold;
    border-radius: 4px;font-size: 14px;
    font-weight: 400;padding:10px;margin-top: 3px;border:1px solid #5cb85c!important;}

.web_btn1:hover{background:#fff!important;color:#5cb85c!important;border:1px solid #5cb85c!important;}

		.cl{clear:both;}
.link_w{padding-left:0;}
		.link_w li{    float: left;  width: 25%;display:inline-block;padding: 1%;}
.link_w li a{border:1px solid #000;
    background: #fff;
width:100%;
    display: block;
    text-align: center;
    padding: 10px 0;
    list-style: none;
    color: #000!important;
}
		.link_w li a:hover{background:#000;color:#fff!important;text-decoration:none;}
		
.anchor{
    display: block;
    padding-top: 70px;
    margin-top: -70px;
}
.fo_w{color:#fff!important;}

	#top-img2 {
    background: #eef4ee url(../img/back_tea.jpg) no-repeat center center;
    min-height: 206px;
    padding: 120px 0px;
    background-size: cover;
    padding-bottom: 20px;margin-bottom:0;padding-bottom:40px;
}
	
	#top-img2 h2{padding:30px 20px;}
.web_tyaichi{font-size: 15px;
    line-height: 170%;}
.navbar-toggle{background:#fff;}
#shop2 td a{word-break: break-all;
}


.main-visual {
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    background-size: cover;
    text-align: center;
    overflow: hidden;
    margin-bottom: 30px;
}
.season{    text-align: center;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    padding: 20px;}
.season img{
    text-align: center;
    margin: 0 auto;
    background: #000;
    padding: 50px;
}
.btn-success3 {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    width: 300px;
    margin: 0 auto;
    display: table;
    font-size: 20px;
    margin-bottom: 20px;transition: all 0.3s ease-in;
}
.btn-success3:hover{
        color: #5cb85c;
    background-color: #fff;
    border-color: #4cae4c;transition: all 0.3s ease-in;
    
}
@media screen and (max-width: 1010px) {
.logo-page img{max-width:160px;}
.navbar-nav>li>a {
    padding: 10px!important;
}
}
@media (min-width: 1200px){
#shop2 .col-lg-4 {
    width: 33.2%;position:relative;padding-bottom: 50px;
	}

#shop2 .col-lg-4 .btn{position: absolute;
    z-index: 10;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: auto;
    bottom: 0;}
}
@media (min-width: 992px){
header .container {
    width: 100%;max-width: 1170px;
}
	#shop2 .col-md-7 {
    width: 58%;
}
	
}
@media (min-width: 768px){
	
header .container {
    width: 100%;max-width: 1170px;
	}}


@media screen and (max-width: 990px) {
	.product_intro .col-md-4{margin:0 auto;display:block;}
#shop2	.shop-list th {
    width: 100%;display:block;
}#shop2 .shop-list td {
    width: 100%;display:block;
}
	
.nopc{
    display: block;
}

.nosp{
    display: none;
}

.flow-box p{
    text-align: justify;
}

.navbar-default{
    background: none !important;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border: none;
}

.shop-tit{
    color: #333;
    background: url(../img/shop-bg-sp-2.jpg) no-repeat top center;
    min-height: 400px;
    text-align: center;
    padding-top: 50px;
    z-index: 100;
    background-size: cover;
    position: relative;
}

.flow-box{
    background: #fff;
    box-shadow: 3px 3px 6px #ccc;
    border-radius: 6px;
    padding: 40px;
    max-width: 100%;
    top: 0;
    margin-top: 160px;
}

flow-wrap{
    background-size: cover;
    height: 250px;
}

#dento{
    padding-bottom: 0;
    margin-bottom: 0;
}

.dento-wrap{
    padding-bottom: 0;
    margin-bottom: 0;    
}

#drink .sub{
    text-align: left;
}

.lead{
    font-size: 16px;
    line-height: 200%;
    text-align: center;
}

.slider2 li{
    left: 0;
}

.slider2 li img{
-webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);    
}


.slider2 .active-slide img{
-webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -o-transform: scale(1.0);
    -ms-transform: scale(1.0);
    transform: scale(1.0);

-moz-transition: -moz-transform 3s linear;
    -webkit-transition: -webkit-transform 3s linear;
    -o-transition: -o-transform 3s linear;
    -ms-transition: -ms-transform 3s linear;
    transition: transform 3s linear;
}

.shop-list{
    list-style: none;
    width: 100% !important;
}

.shop-box{
    z-index: 100;
}

.shop-box ul{
    padding: 0;
}

#about{
    background: url(../img/about-bg-sp_3.png) no-repeat center center;
    color: #fff;
    background-size: cover;
    min-height: 600px;
    padding: 100px 20px;
}

#history{
    background-size: cover;
    padding: 0;
	}}

@media screen and (max-width: 767px) { 
	.link_w li{    float: left;  width: 50%;display:inline-block;padding: 1%;}
	.season img{
    padding: 10px;
	}
	.season{padding:0;width:300px;}
	.product_intro {
    padding: 10px;
	}
/**/.mb40{margin-bottom:40px!important;}
	.shop-list{padding:30px;}
#shop2 th:before{content:none;}
	#shop2 th{ }
	#top-img2 {
 /*   background: #eef4ee url(../img/back2.png) no-repeat center center;*/
    min-height: 206px;
    padding: 120px 0px;
    background-size: cover;
    padding-bottom: 20px;
}
	#shop2 h3 {
font-size: 20px;	}
/*	#shop2 .col-md-4{padding:0 10px;margin:0 auto;display:block;}
	#shop2 .col-md-8{padding:0 10px;}*/
	/**/
.fix-bg-2{
    display: none;
}

.fix-bg{
    display: none;
}

h2{
    font-size: 20px;
}

.loca-disp h3 span{
    font-size: 16px;
    display: block;
    line-height: 120%;
}

.loca-disp h3{
    font-size: 16px;
    margin-top: 5px;
    margin-top: 20px;
}

.loca-map h3{
    font-size: 18px;
}

#dento h2 ,#dento h3{
    font-size: 20px;
}

#shop h3{
    font-size: 16px;
    font-weight: bold;
}

.table td{
    max-width: 100%;
    word-break: break-all;
}

#about h2,.fix-bg-2 h2{
    font-size: 20px;
}

#drink img{
    margin-bottom: 20px;
}

.flow-1 .container{
    height: auto;
}

.flow-wrap{
    margin-bottom: 0;
    background-size: contain;
    height: 500px;
}

#history .sub{
    line-height: 140%;
    font-size: 16px;
    text-align: left;
    color: #000;
}

.shop-list th,.shop-list td{
    display: block;
    margin-bottom: 5px;width:auto;
}

.flow-box{
    position: static !important;
}

.nav{
    background: #fff;
    margin-top: 20px;
}

.shop-tit{
    color: #333;
    background: url(../img/shop-bg-sp-2.jpg) no-repeat center center;
    min-height:260px;
    text-align: center;
    padding-top: 50px;
    z-index: 100;
    position: relative;
}

.flow-box{
    background: #fff;
    box-shadow: 3px 3px 6px #ccc;
    border-radius: 6px;
    padding: 40px;
    max-width: 100%;
    top: 0;
    margin-top: 160px;
}

flow-wrap{
    background-size: cover;
    height: 250px;
}

#dento{
    padding-bottom: 0;
    margin-bottom: 0;
}

.dento-wrap{
    padding-bottom: 0;
    margin-bottom: 0;    
}

#drink .sub{
    text-align: left;
    color: #000;
}

.lead{
    font-size: 16px;
    line-height: 200%;
    text-align: left;
}

.slider2 li{
    left: 0;
}

.slider2 li img{
-webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);    
}


.slider2 .active-slide img{
-webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -o-transform: scale(1.0);
    -ms-transform: scale(1.0);
    transform: scale(1.0);

-moz-transition: -moz-transform 3s linear;
    -webkit-transition: -webkit-transform 3s linear;
    -o-transition: -o-transform 3s linear;
    -ms-transition: -ms-transform 3s linear;
    transition: transform 3s linear;
}

.shop-list{
    list-style: none;
    width: 100% !important;
}

.shop-box{
    z-index: 100;
}

.shop-box ul{
    padding: 0;
}

#about{
    background: url(../img/about-bg-sp_3.png) no-repeat center center;
    color: #fff;
    background-size: cover;
    min-height: 600px;
    padding: 100px 20px;
}

#history{
    background-size: cover;
    padding: 0;
    padding-top: 50px;
}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{
    max-height: 100%;
}

#slide-top{
    height: 100vh !important;
    width: 100%;
    overflow: auto;
    position: static;
    z-index: -2;
    background-color: #000;
}

#top-img{
    background-color: #000;    
}

.vegas-transition-fade-in, .vegas-transition-fade2-in {
    opacity: 1;
    filter: alpha(opacity=100);
}
.vegas-transition-fade, .vegas-transition-fade2 {
    opacity: 0;
    filter: alpha(opacity=0);
}
.vegas-slide, .vegas-slide-inner {
    margin: 0;
    padding: 0;
    background: transparent center center no-repeat;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.vegas-wrapper, .vegas-overlay, .vegas-timer, .vegas-slide, .vegas-slide-inner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    border: none;
    padding: 0;
    margin: 0;
}

.logo-w{
    position: absolute;
    top: 50vh;
    width: 100%;
    text-align: center;
}

.logo-w img{
    max-width: 80%;
    height: auto;
    width: 200px;
}

section{
    padding-top: 50px;
    margin-top: -50px;
}

}

.fb-page{
    margin-bottom: 40px;
    max-width: 100% !important;
    margin-left: auto;
    margin-right: auto;
    display: block !important;
    text-align: center;
}

.youtube{
    width: 100%;
    margin-bottom: 30px;
}

.youtube iframe{
    max-width: 100%;
}

#fb{background: #eef4ee;padding: 30px 15px;margin-top: 0!important;
}
.slick-dots li button:before {
    font-family: 'slick';
	font-size: 16px!important;}

@media screen and (max-width: 400px) {
	
	.col-md-12{ margin: 0 auto;}
	
	.single-item button.slick-arrow {
    display: block!important;
}
	.slick-slider {
    margin: 0 auto;
    margin-bottom: 30px;
}
	.single-item {
    max-width: 200px;
    width: 100%;
}.product_intro img {
    max-width: 200px;
    width: 100%;
}
}