@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');
*{ font-family:"Montserrat", Helvetica, sans-serif; }
@-o-keyframes opacin{ 0% { opacity:.5; } 100% { opacity:1; } }
	@-ms-keyframes opacin{ 0% { opacity:.5; } 100% { opacity:1; } }
	@-moz-keyframes opacin{ 0% { opacity:.5; } 100% { opacity:1; } }
	@-webkit-keyframes opacin{ 0% { opacity:.5; } 100% { opacity:1; } }
	@keyframes opacin{ 0% { opacity:.5; } 100% { opacity:1; } }
	@-o-keyframes opacout{ 0% { opacity:1; } 100% { opacity:.5; } }
	@-ms-keyframes opacout{ 0% { opacity:1; } 100% { opacity:.5; } }
	@-moz-keyframes opacout{ 0% { opacity:1; } 100% { opacity:.5; } }
	@-webkit-keyframes opacout{ 0% { opacity:1; } 100% { opacity:.5; } }
	@keyframes opacout{ 0% { opacity:1; } 100% { opacity:.5; } }
	@-o-keyframes fadein{ 0% { opacity:0; } 100% { opacity:1; } }
	@-ms-keyframes fadein{ 0% { opacity:0; } 100% { opacity:1; } }
	@-moz-keyframes fadein{ 0% { opacity:0; } 100% { opacity:1; } }
	@-webkit-keyframes fadein{ 0% { opacity:0; } 100% { opacity:1; } }
	@keyframes fadein{ 0% { opacity:0; } 100% { opacity:1; } }
	@-o-keyframes fadeout{ 0% { opacity:1; } 100% { opacity:0; } }
	@-ms-keyframes fadeout{ 0% { opacity:1; } 100% { opacity:0; } }
	@-moz-keyframes fadeout{ 0% { opacity:1; } 100% { opacity:0; } }
	@-webkit-keyframes fadeout{ 0% { opacity:1; } 100% { opacity:0; } }
	@keyframes fadeout{ 0% { opacity:1; } 100% { opacity:0; } }
	body{
	background:#fff;
	color:#000;
	font-size:14px;
	line-height:150%;
	letter-spacing:.1em;
	width:100%;
	height:100%;
	top:0;
	left:0;
	overflow-x:hidden;
	-o-animation:loading 10s ease 0s 1 normal both;
	-ms-animation:loading 10s ease 0s 1 normal both;
	-moz-animation:loading 10s ease 0s 1 normal both;
	-webkit-animation:loading 10s ease 0s 1 normal both;
	animation:loading 10s ease 0s 1 normal both;
	}
#wrap > main{
	max-width:1024px;
	min-height:2000px;
	margin:0 auto;
}
a{ color:#000; }
a:hover{ color:#000; }
img{ display:block; max-width:100%; margin:0 auto; }
p{ text-align:justify; }
small{ font-size:11px; line-height:11px; letter-spacing:0; font-size:60%; }
.gm > iframe{ height:400px; }
.thin{ font-weight:100 !important; }
.red{ color:red; }
small{ margin:0 .3em; }
.tel,b{
	font-weight:bold;
	color:rgb(193,39,45);
}
.ralign{
	text-align:right;
	display:block;
}
.big{
	background:rgb(0,70,0);
	color:white;
	font-weight:bold;
	font-size:16px;
	line-height:30px;
	padding:4px 10px;
	margin-bottom:10px;
}
.leftside > *{ float:left; }
.rightside > *{ float:right; }
.split2 > *{ width:50%; }
.split3 > *{ width:33.33%; }
.split4 > *{ width:25%; }
.split5 > *{ width:20%; }
.centermargin2{ margin-right:20px; }
.centermargin3{ margin-right:40px; }
.centermargin2 > :nth-child(2n){ margin-left:20px; margin-right:-20px; }
.centermargin3 > :nth-child(3n-1){ margin-left:20px; }
.centermargin3 > :nth-child(3n){ margin-left:20px; margin-right:-40px; }
table{ width:100%; }
table,td,th{ border:1px solid #ccc; }
th,td{ padding:10px; }
.button{
	margin:20px 40px;
	line-height:50px;
	text-indent:-1000px;
	overflow:hidden;
	position:relative;
}
.button > a{ display:block; }
input.button{
	display:block;
	border:none;
	min-width:300px;
	height:50px;
	margin:0 auto;
}
.button:after{
	position:absolute;
	content:'';
	display:block;
	background:rgba(0,0,0,.5);
	height:4px;
	width:100%;
	bottom:0;
}
.button.readmore,
.button.readmore > a		{ background:rgb(247,147,30) url(./../image/english/ui_buttons.png) scroll no-repeat center -0px; }
.button.sendmail,
.button.sendmail > a		{ background:rgb(0,169,157) url(./../image/english/ui_buttons.png) scroll no-repeat center -100px; }
.yt{
	position:relative;
	padding-bottom:56.25%;
	padding-top:25px;
	height:0;
	overflow:hidden;
}
.yt > iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
#japanesetea .yt{
	width:49%;
	float:left;
	background:#ccc;
	padding-bottom:25%;
	padding-top:10px;
}
#japanesetea .yt:first-child{
	height:206px;
	line-height:206px;
	padding:0;
	font-size:20px;
}
#japanesetea .yt:first-child:before{
	content:"工事中";
	display:block;
	text-align:center;
}
#japanesetea .yt:last-child{
	width:49%;
	float:right;
}
#japanesetea .in{
	overflow:hidden;
}

#japanesetea .left{
	width:58%;
	float:left;
}
#japanesetea .right{
	width:38%;
	float:right;
}
#japanesetea .bottom{
	clear:both;
}
#japanesetea .yt{
	width:100%;
	float:left;
	background:#ccc;
	padding-bottom:5%;
	padding-top:10px;
}
#japanesetea .yt:last-child{
	width:100%;
	float:right;
}
.midbox{
	max-width:768px;
	margin:20px auto;
}
#japanesetea .midbox{
	width:100%;
	max-width:100%;
}
#matcha .yt{
	width:49%;
	float:left;
	background:#ccc;
	padding-bottom:25%;
	padding-top:10px;
}
#matcha .yt:first-child{
	height:250px;
	line-height:250px;
	padding:0;
	font-size:20px;
}
#matcha .yt:first-child:before{
	content:"工事中";
	display:block;
	text-align:center;
}
#matcha .yt:last-child{
	width:49%;
	float:right;
}
.midbox{
	max-width:768px;
	margin:20px auto;
}
#matcha .midbox{
	width:100%;
	max-width:100%;
}
.youtube_in{
	overflow:hidden;
}
#wrap > header{
	position:fixed;
	left:0;
	right:0;
	top:0;
	height:80px;
	background:rgba(230,230,230,.93);
	z-index:1000;
}
#logo{
	float:left;
	width:100px;
	height:80px;
}
#logo > a{
	display:block;
	-o-transition:opacity 1s;
	-ms-transition:opacity 1s;
	-moz-transition:opacity 1s;
	-webkit-transition:opacity 1s;
	transition:opacity 1s;
	}
#logo > a.hover{ opacity:.6; }
#lnavi{letter-spacing: -.4em;
	float:right;
	height:55px;
	line-height:55px;
	margin:12px 10px;
	position:relative;
	z-index:1000;
}
#lnavi li{
	letter-spacing:normal;
	display:inline-block;
	width:55px;
	height:55px;
	margin:0 0 0 10px;
}
#lnavi li:first-child a{/*日本*/
	background:url(../image/japanese/icon_flag_japanese.png) no-repeat center center;
	display:block;
	background-size:55px;
	width:55px;
	height:55px;
}
#lnavi li:nth-child(2) a{/*ベトナム*/
	background:url(../image/japanese/icon_flag_vietnam.png) no-repeat center center;
	display:block;
	background-size:55px;
	width:55px;
	height:55px;
}
#lnavi li:nth-child(3) a{/*アメリカ*/
	background:url(../image/japanese/icon_flag_english.png) no-repeat center center;
	display:block;
	background-size:55px;
	width:55px;
	height:55px;
}
#lnavi li:nth-child(4) a{/*中国*/
	background:url(../image/japanese/icon_flag_chinese.png) no-repeat center center;
	display:block;
	background-size:55px;
	width:55px;
	height:55px;
}
#lnavi li:hover{
	opacity:.8;
}
#lnav > .tit{
	color:#ccc;
	padding:0 10px;
	cursor:pointer;
}
#lnav > ul{
	display:none;
	position:absolute;
	width:100%;
}
#lnav.hover > ul{ display:block; }
#lnav > ul > li{
	border-top:1px solid #ddd;
	-o-transition:background-color 1s, background-position .1s, padding-left .1s;
	-ms-transition:background-color 1s, background-position .1s, padding-left .1s;
	-moz-transition:background-color 1s, background-position .1s, padding-left .1s;
	-webkit-transition:background-color 1s, background-position .1s, padding-left .1s;
	transition:background-color 1s, background-position .1s, padding-left .1s;
	}
#lnav > ul > li.hover{
	background-color:#eee;
	background-position:0 center !important;
	padding-left:60px;
}
#lnav > ul > li > a{
	display:block;
	padding:0 10px;
}
	#lnav > ul > li[name="japanese"]{ background:rgb(255,255,255) url(./../image/english/icon_flag_japanese.png) scroll no-repeat -60px center / contain; }
	#lnav > ul > li[name="japanese"] > a{ -o-animation:fadein 2s ease 0s 1 normal both;
	-ms-animation:fadein 2s ease 0s 1 normal both;
	-moz-animation:fadein 2s ease 0s 1 normal both;
	-webkit-animation:fadein 2s ease 0s 1 normal both;
	animation:fadein 2s ease 0s 1 normal both;
	 }
		#lnav > ul > li[name="chinese"]{ background:rgb(255,255,255) url(./../image/english/icon_flag_chinese.png) scroll no-repeat -60px center / contain; }
	#lnav > ul > li[name="chinese"] > a{ -o-animation:fadein 2s ease 0.2s 1 normal both;
	-ms-animation:fadein 2s ease 0.2s 1 normal both;
	-moz-animation:fadein 2s ease 0.2s 1 normal both;
	-webkit-animation:fadein 2s ease 0.2s 1 normal both;
	animation:fadein 2s ease 0.2s 1 normal both;
	 }
		#lnav > ul > li[name="english"]{ background:rgb(255,255,255) url(./../image/english/icon_flag_english.png) scroll no-repeat -60px center / contain; }
	#lnav > ul > li[name="english"] > a{ -o-animation:fadein 2s ease 0.4s 1 normal both;
	-ms-animation:fadein 2s ease 0.4s 1 normal both;
	-moz-animation:fadein 2s ease 0.4s 1 normal both;
	-webkit-animation:fadein 2s ease 0.4s 1 normal both;
	animation:fadein 2s ease 0.4s 1 normal both;
	 }
		#lnav > ul > li[name="vietnam"]{ background:rgb(255,255,255) url(./../image/english/icon_flag_vietnam.png) scroll no-repeat -60px center / contain; }
	#lnav > ul > li[name="vietnam"] > a{ -o-animation:fadein 2s ease 0.6s 1 normal both;
	-ms-animation:fadein 2s ease 0.6s 1 normal both;
	-moz-animation:fadein 2s ease 0.6s 1 normal both;
	-webkit-animation:fadein 2s ease 0.6s 1 normal both;
	animation:fadein 2s ease 0.6s 1 normal both;
	 }
	

#gnav{
	position:relative;
	z-index:10;
	font-size:14px;
	line-height:40px;
	font-weight:bold;
}
#gnav > .tit{
	float:right;
	width:60px;
	height:60px;
	margin:10px;
	background:url(./../image/english/ui_button_menu.png) scroll no-repeat center center / cover;
	cursor:pointer;
}
#gnav > ul{
	display:none;
	position:absolute;
	width:400px;
	top:60px;
	right:0;
}
#gnav.hover > ul{display:block;}
#gnav > ul > li:first-child{background:url(../image/japanese/icon_index.png) no-repeat left 10px center;background-size:20px;background-color:#FFF;}
#gnav > ul > li:nth-child(2){background:url(../image/japanese/icon_cart.png) no-repeat left 10px center;background-size:20px;background-color:#FFF;}
#gnav > ul > li:nth-child(3){background:url(../image/japanese/icon_japaneseteas.png) no-repeat left 10px center;background-size:20px;background-color:#FFF;}
#gnav > ul > li:nth-child(4){background:url(../image/japanese/icon_movie.png) no-repeat left 12px center;background-size:20px;background-color:#FFF;}
#gnav > ul > li:nth-child(5){background:url(../image/japanese/icon_tea.png) no-repeat left 10px center;background-size:20px;background-color:#FFF;}
#gnav > ul > li:nth-child(6){background:url(../image/japanese/icon_company.png) no-repeat left 10px center;background-size:20px;background-color:#FFF;}
#gnav > ul > li:nth-child(7){background:url(../image/japanese/icon_photo.png) no-repeat left 10px center;background-size:20px;background-color:#FFF;}
#gnav > ul > li:nth-child(8){background:url(../image/japanese/icon_mail.png) no-repeat left 10px center;background-size:20px;background-color:#FFF;}
#gnav > ul > li:nth-child(9){background:url(../image/japanese/icon_charm2.png) no-repeat left 10px center;background-size:20px;background-color:#FFF;}
#gnav > ul > li:nth-child(10){background:url(../image/japanese/icon_kirara.png) no-repeat left 10px center;background-size:23px;background-color:#FFF;}
#gnav > ul > li:nth-child(11){background:url(../image/japanese/icon_jpap.png) no-repeat left 10px center;background-size:20px;background-color:#FFF;}
#gnav > ul > li:nth-child(12){background:url(../image/japanese/icon_security.png) no-repeat left 10px center;background-size:20px;background-color:#FFF;}
#gnav > ul > li:nth-child(13){background:url(../image/japanese/icon_overseas.png) no-repeat left 10px center;background-size:20px;background-color:#FFF;}
#gnav > ul > li:nth-child(14){background:url(../image/japanese/icon_onlineshop.png) no-repeat left 10px center;background-size:20px;background-color:#FFF;}
#gnav > ul > li{
	padding:0 ;
	border-left:0px solid rgba(0,70,0,0.8);
	border-right:0px solid rgba(0,70,0,0.8);
}
#gnav > ul > li img{
	display:none;
}
#gnav > ul > li.hover{
	background-color:#fbfbf7;
	border-width:10px;
}
#gnav > ul > li:not(:last-child) > a{
	border-bottom:1px solid #ddd;
}
#gnav > ul > li > a{
	display:block;
	padding:0 10px 0 40px;
}
	#gnav > ul > li[name="index"] > a{ -o-animation:fadein 1s ease 0s 1 normal both;
	-ms-animation:fadein 1s ease 0s 1 normal both;
	-moz-animation:fadein 1s ease 0s 1 normal both;
	-webkit-animation:fadein 1s ease 0s 1 normal both;
	animation:fadein 1s ease 0s 1 normal both;
	 }
		#gnav > ul > li[name="commodity"] > a{ -o-animation:fadein 1s ease 0.05s 1 normal both;
	-ms-animation:fadein 1s ease 0.05s 1 normal both;
	-moz-animation:fadein 1s ease 0.05s 1 normal both;
	-webkit-animation:fadein 1s ease 0.05s 1 normal both;
	animation:fadein 1s ease 0.05s 1 normal both;
	 }
		#gnav > ul > li[name="japanesetea"] > a{ -o-animation:fadein 1s ease 0.1s 1 normal both;
	-ms-animation:fadein 1s ease 0.1s 1 normal both;
	-moz-animation:fadein 1s ease 0.1s 1 normal both;
	-webkit-animation:fadein 1s ease 0.1s 1 normal both;
	animation:fadein 1s ease 0.1s 1 normal both;
	 }
		#gnav > ul > li[name="matcha"] > a{ -o-animation:fadein 1s ease 0.15s 1 normal both;
	-ms-animation:fadein 1s ease 0.15s 1 normal both;
	-moz-animation:fadein 1s ease 0.15s 1 normal both;
	-webkit-animation:fadein 1s ease 0.15s 1 normal both;
	animation:fadein 1s ease 0.15s 1 normal both;
	 }
		#gnav > ul > li[name="abouttea"] > a{ -o-animation:fadein 1s ease 0.2s 1 normal both;
	-ms-animation:fadein 1s ease 0.2s 1 normal both;
	-moz-animation:fadein 1s ease 0.2s 1 normal both;
	-webkit-animation:fadein 1s ease 0.2s 1 normal both;
	animation:fadein 1s ease 0.2s 1 normal both;
	 }
		#gnav > ul > li[name="company"] > a{ -o-animation:fadein 1s ease 0.25s 1 normal both;
	-ms-animation:fadein 1s ease 0.25s 1 normal both;
	-moz-animation:fadein 1s ease 0.25s 1 normal both;
	-webkit-animation:fadein 1s ease 0.25s 1 normal both;
	animation:fadein 1s ease 0.25s 1 normal both;
	 }
		#gnav > ul > li[name="gallery"] > a{ -o-animation:fadein 1s ease 0.3s 1 normal both;
	-ms-animation:fadein 1s ease 0.3s 1 normal both;
	-moz-animation:fadein 1s ease 0.3s 1 normal both;
	-webkit-animation:fadein 1s ease 0.3s 1 normal both;
	animation:fadein 1s ease 0.3s 1 normal both;
	 }
		#gnav > ul > li[name="contactus"] > a{ -o-animation:fadein 1s ease 0.35s 1 normal both;
	-ms-animation:fadein 1s ease 0.35s 1 normal both;
	-moz-animation:fadein 1s ease 0.35s 1 normal both;
	-webkit-animation:fadein 1s ease 0.35s 1 normal both;
	animation:fadein 1s ease 0.35s 1 normal both;
	 }
		#gnav > ul > li[name="charm"] > a{ -o-animation:fadein 1s ease 0.4s 1 normal both;
	-ms-animation:fadein 1s ease 0.4s 1 normal both;
	-moz-animation:fadein 1s ease 0.4s 1 normal both;
	-webkit-animation:fadein 1s ease 0.4s 1 normal both;
	animation:fadein 1s ease 0.4s 1 normal both;
	 }
		#gnav > ul > li[name="kirara"] > a{ -o-animation:fadein 1s ease 0.45s 1 normal both;
	-ms-animation:fadein 1s ease 0.45s 1 normal both;
	-moz-animation:fadein 1s ease 0.45s 1 normal both;
	-webkit-animation:fadein 1s ease 0.45s 1 normal both;
	animation:fadein 1s ease 0.45s 1 normal both;
	 }
		#gnav > ul > li[name="overseas"] > a{ -o-animation:fadein 1s ease 0.5s 1 normal both;
	-ms-animation:fadein 1s ease 0.5s 1 normal both;
	-moz-animation:fadein 1s ease 0.5s 1 normal both;
	-webkit-animation:fadein 1s ease 0.5s 1 normal both;
	animation:fadein 1s ease 0.5s 1 normal both;
	 }
	#wrap > footer{
	position:relative;
	left:0;
	right:0;
	bottom:0;
	height:80px;
	background:rgba(0,0,0,0.6);
	color:rgb(255,255,255);
	z-index:1000;
}
#footerlogo,
#cr{
	position:absolute;
	height:45px;
	line-height:45px;
	font-size:12px;
	margin:0 10px;
}
#footerlogo{
	left:0;
}
#cr{
	right:0;
}
#totop{
	position:absolute;
	bottom:0;
	width:100%;
	border-top:1px solid rgba(255,255,255,0.6);
	height:35px;
	-o-transition:background .3s;
	-ms-transition:background .3s;
	-moz-transition:background .3s;
	-webkit-transition:background .3s;
	transition:background .3s;
	}
#totop.hover{
	background:rgba(0,70,0,0.8);
}
#tnav{
	margin:0 17px 0;
	padding:100px 0 0;
}
#tnav > ul{
	width:101%;
	height:100%;
}
#tnav > ul > li{
	width:24%;
	margin:0 1% 1% 0;
	height:160px;
	border-radius:2px;
	overflow:hidden;
}
#tnav > ul > li > a{
	display:block;
	height:100%;
	overflow:hidden;
}
#tnav > ul > li:nth-child(n+5):nth-child(-n+8){ margin-top:200px; }
			#tnav > ul > li.viewtype0[name="index"] > a{ background:url(./../image/english/tnav_bg_index.png) scroll no-repeat center center / contain; }
									#tnav > ul > li.viewtype0[name="commodity"] > a{ background:url(./../image/english/tnav_bg_commodity.png) scroll no-repeat center center / contain; }
			#tnav > ul > li.viewtype0[name="abouttea"] > a{ background:url(./../image/english/tnav_bg_abouttea.png) scroll no-repeat center center / contain; }
							#tnav > ul > li.viewtype0[name="gallery"] > a{ background:url(./../image/english/tnav_bg_gallery.png) scroll no-repeat center center / contain; }
	#tnav > ul li:nth-last-child(5) img{
	opacity:1;
}
#tnav > ul > li.viewtype0 > a{
	text-indent:-100em;
	overflow:hidden;
}
#tnav > ul > li.viewtype1 > a > .article{
	height:100%;
	position:relative;
	top:119px;
	background:rgba(0,0,0,0.6);
	-o-transition:all .2s;
	-ms-transition:all .2s;
	-moz-transition:all .2s;
	-webkit-transition:all .2s;
	transition:all .2s;
	}
#tnav > ul > li.viewtype1 > a.hover > .article{
	top:0;
	padding-top:10px;
}
#tnav > ul > li.viewtype1 > a > .article > .tit{
	text-indent:-100em;
	overflow:hidden;
	height:41px;
}
#tnav > ul > li > a > .article > *:not(.tit){
	margin:0 20px 5px;
	color:rgb(255,255,255);
	font-size:11px;
	letter-spacing:0;
	line-height:18px;
}
	#tnav > ul > li[name="index"]{ -o-animation:fadein 1s ease 1s 1 normal both;
	-ms-animation:fadein 1s ease 1s 1 normal both;
	-moz-animation:fadein 1s ease 1s 1 normal both;
	-webkit-animation:fadein 1s ease 1s 1 normal both;
	animation:fadein 1s ease 1s 1 normal both;
	 }
			#tnav > ul > li[name="news"]{ -o-animation:fadein 1s ease 1.2s 1 normal both;
	-ms-animation:fadein 1s ease 1.2s 1 normal both;
	-moz-animation:fadein 1s ease 1.2s 1 normal both;
	-webkit-animation:fadein 1s ease 1.2s 1 normal both;
	animation:fadein 1s ease 1.2s 1 normal both;
	 }
			#tnav > ul > li[name="japanesetea"]{ -o-animation:fadein 1s ease 1.4s 1 normal both;
	-ms-animation:fadein 1s ease 1.4s 1 normal both;
	-moz-animation:fadein 1s ease 1.4s 1 normal both;
	-webkit-animation:fadein 1s ease 1.4s 1 normal both;
	animation:fadein 1s ease 1.4s 1 normal both;
	 }
		#tnav > ul > li.viewtype1[name="japanesetea"] > a{ background:url(./../image/english/tnav_bg_japanesetea.png) scroll no-repeat center center / cover; }
	#tnav > ul > li.viewtype1[name="japanesetea"] > a > .article > .tit{ background:url(./../image/english/tnav_label_japanesetea.png) scroll no-repeat center center / cover; }
			#tnav > ul > li[name="matcha"]{ -o-animation:fadein 1s ease 1.6s 1 normal both;
	-ms-animation:fadein 1s ease 1.6s 1 normal both;
	-moz-animation:fadein 1s ease 1.6s 1 normal both;
	-webkit-animation:fadein 1s ease 1.6s 1 normal both;
	animation:fadein 1s ease 1.6s 1 normal both;
	 }
		#tnav > ul > li.viewtype1[name="matcha"] > a{ background:url(./../image/english/tnav_bg_matcha.png) scroll no-repeat center center / cover; }
	#tnav > ul > li.viewtype1[name="matcha"] > a > .article > .tit{ background:url(./../image/english/tnav_label_matcha.png) scroll no-repeat center center / cover; }
			#tnav > ul > li[name="commodity"]{ -o-animation:fadein 1s ease 1.8s 1 normal both;
	-ms-animation:fadein 1s ease 1.8s 1 normal both;
	-moz-animation:fadein 1s ease 1.8s 1 normal both;
	-webkit-animation:fadein 1s ease 1.8s 1 normal both;
	animation:fadein 1s ease 1.8s 1 normal both;
	 }
			#tnav > ul > li[name="abouttea"]{ -o-animation:fadein 1s ease 2s 1 normal both;
	-ms-animation:fadein 1s ease 2s 1 normal both;
	-moz-animation:fadein 1s ease 2s 1 normal both;
	-webkit-animation:fadein 1s ease 2s 1 normal both;
	animation:fadein 1s ease 2s 1 normal both;
	 }
			#tnav > ul > li[name="company"]{ -o-animation:fadein 1s ease 2.2s 1 normal both;
	-ms-animation:fadein 1s ease 2.2s 1 normal both;
	-moz-animation:fadein 1s ease 2.2s 1 normal both;
	-webkit-animation:fadein 1s ease 2.2s 1 normal both;
	animation:fadein 1s ease 2.2s 1 normal both;
	 }
		#tnav > ul > li.viewtype1[name="company"] > a{ background:url(./../image/english/tnav_bg_company.png) scroll no-repeat center center / cover; }
	#tnav > ul > li.viewtype1[name="company"] > a > .article > .tit{ background:url(./../image/english/tnav_label_company.png) scroll no-repeat center center / cover; }
			#tnav > ul > li[name="contactus"]{ -o-animation:fadein 1s ease 2.4s 1 normal both;
	-ms-animation:fadein 1s ease 2.4s 1 normal both;
	-moz-animation:fadein 1s ease 2.4s 1 normal both;
	-webkit-animation:fadein 1s ease 2.4s 1 normal both;
	animation:fadein 1s ease 2.4s 1 normal both;
	 }
		#tnav > ul > li.viewtype1[name="contactus"] > a{ background:url(./../image/english/tnav_bg_contactus.png) scroll no-repeat center center / cover; }
	#tnav > ul > li.viewtype1[name="contactus"] > a > .article > .tit{ background:url(./../image/english/tnav_label_contactus.png) scroll no-repeat center center / cover; }
			#tnav > ul > li[name="gallery"]{ -o-animation:fadein 1s ease 2.6s 1 normal both;
	-ms-animation:fadein 1s ease 2.6s 1 normal both;
	-moz-animation:fadein 1s ease 2.6s 1 normal both;
	-webkit-animation:fadein 1s ease 2.6s 1 normal both;
	animation:fadein 1s ease 2.6s 1 normal both;
	 }
			#tnav > ul > li[name="suzukamatcha"]{ -o-animation:fadein 1s ease 2.8s 1 normal both;
	-ms-animation:fadein 1s ease 2.8s 1 normal both;
	-moz-animation:fadein 1s ease 2.8s 1 normal both;
	-webkit-animation:fadein 1s ease 2.8s 1 normal both;
	animation:fadein 1s ease 2.8s 1 normal both;
	 }
			#tnav > ul > li[name="product_0001"]{ -o-animation:fadein 1s ease 3s 1 normal both;
	-ms-animation:fadein 1s ease 3s 1 normal both;
	-moz-animation:fadein 1s ease 3s 1 normal both;
	-webkit-animation:fadein 1s ease 3s 1 normal both;
	animation:fadein 1s ease 3s 1 normal both;
	 }
			#tnav > ul > li[name="product_0002"]{ -o-animation:fadein 1s ease 3.2s 1 normal both;
	-ms-animation:fadein 1s ease 3.2s 1 normal both;
	-moz-animation:fadein 1s ease 3.2s 1 normal both;
	-webkit-animation:fadein 1s ease 3.2s 1 normal both;
	animation:fadein 1s ease 3.2s 1 normal both;
	 }
			#tnav > ul > li[name="product_0003"]{ -o-animation:fadein 1s ease 3.4s 1 normal both;
	-ms-animation:fadein 1s ease 3.4s 1 normal both;
	-moz-animation:fadein 1s ease 3.4s 1 normal both;
	-webkit-animation:fadein 1s ease 3.4s 1 normal both;
	animation:fadein 1s ease 3.4s 1 normal both;
	 }
			#tnav > ul > li[name="product_0004"]{ -o-animation:fadein 1s ease 3.6s 1 normal both;
	-ms-animation:fadein 1s ease 3.6s 1 normal both;
	-moz-animation:fadein 1s ease 3.6s 1 normal both;
	-webkit-animation:fadein 1s ease 3.6s 1 normal both;
	animation:fadein 1s ease 3.6s 1 normal both;
	 }
			#tnav > ul > li[name="product_0005"]{ -o-animation:fadein 1s ease 3.8s 1 normal both;
	-ms-animation:fadein 1s ease 3.8s 1 normal both;
	-moz-animation:fadein 1s ease 3.8s 1 normal both;
	-webkit-animation:fadein 1s ease 3.8s 1 normal both;
	animation:fadein 1s ease 3.8s 1 normal both;
	 }
			#tnav > ul > li[name="product_0006"]{ -o-animation:fadein 1s ease 4s 1 normal both;
	-ms-animation:fadein 1s ease 4s 1 normal both;
	-moz-animation:fadein 1s ease 4s 1 normal both;
	-webkit-animation:fadein 1s ease 4s 1 normal both;
	animation:fadein 1s ease 4s 1 normal both;
	 }
			#tnav > ul > li[name="product_0007"]{ -o-animation:fadein 1s ease 4.2s 1 normal both;
	-ms-animation:fadein 1s ease 4.2s 1 normal both;
	-moz-animation:fadein 1s ease 4.2s 1 normal both;
	-webkit-animation:fadein 1s ease 4.2s 1 normal both;
	animation:fadein 1s ease 4.2s 1 normal both;
	 }
			#tnav > ul > li[name="product_0008"]{ -o-animation:fadein 1s ease 4.4s 1 normal both;
	-ms-animation:fadein 1s ease 4.4s 1 normal both;
	-moz-animation:fadein 1s ease 4.4s 1 normal both;
	-webkit-animation:fadein 1s ease 4.4s 1 normal both;
	animation:fadein 1s ease 4.4s 1 normal both;
	 }
		#tnav > ul > li.viewtype2 > .tit{
	margin:10px;
	border-bottom:1px solid #000;
	height:20px;
}
#tnav > ul > li.viewtype2 > .tit > img{
	position:absolute;
	height:20px;
	width:auto;
}
#tnav > ul > li.viewtype2 > .article{
	margin:10px;
	padding-right:4px;
	height:102px;
	overflow-y:scroll;
	line-height:16px;
	font-size:12px;
	text-align:justify;
}
#tnav > ul > li.colortype0{ background-color:rgba(0,0,0,0.6); }
#tnav > ul > li.colortype1{ background-color:rgba(255,255,255,0.6); }
#tnav > ul > li.colortype2{ background-color:rgba(0,70,0,0.8); }
#tnav > ul > li > a{ -o-transition:background-color .3s;
	-ms-transition:background-color .3s;
	-moz-transition:background-color .3s;
	-webkit-transition:background-color .3s;
	transition:background-color .3s;
	 }

#tnav > ul > li.colortype0 > a.hover{ background-color:rgb(0,0,0); }
#tnav > ul > li.colortype1 > a.hover{ background-color:rgb(255,255,255); }
#tnav > ul > li.colortype2 > a.hover{ background-color:rgb(0,70,0); }

body:not([data-language="japanese"]) #tnav > ul > li.viewtype2.colortype1,
body:not([data-language="japanese"]) #tnav > ul > li.viewtype2.colortype1 > a.hover{ background:none; }
/*#tnav > ul > li:nth-child(4){background-color: rgba(255, 255, 255, .6)!important;}*/
.tnav__recruit{background:url(../image/japanese/tnav_bg_recruiting.png) no-repeat center center;
background-size:100%;
background-color:#fff;
}
.vietnam #dnone,
.english #dnone{
	display:none;
}
body#index.english #wrap main #cont #tnav > ul > li:nth-last-child(4) img, /* 海外事業 */

body#index.english #wrap main #cont #tnav > ul > li:nth-last-child(5) img, /* JGAP アドバンス認証農場 */

body#index.english #wrap main #cont #tnav > ul > li:nth-last-child(6) img, /* お茶の里 きらら */

body#index.english #wrap main #cont #tnav > ul > li:nth-last-child(7) img{ /* お茶所水沢 */
	opacity:0;
}
body#index.english #wrap main #cont #tnav > ul > li:last-child(3){ /* 鈴鹿抹茶 */
	background:url(../image/english/tnav_bg_suzukamatcha-eng.png)no-repeat center center;
	background-size:100%;background-color:#FFF;
}
body#index.english #wrap main #cont #tnav > ul > li:nth-last-child(5){ /* JGAP アドバンス認証農場 */
	background:url(../image/english/tnav_bg_jgap-eng.png) no-repeat center center;
	background-size:100%;
	background-color: rgba(0, 70, 0, .8);
}
body#index.english #wrap main #cont #tnav > ul > li.tnav__overseas{ /* 海外事業 */
	background:url(../image/english/tnav_bg_overseas-eng.png) no-repeat center center;
	background-size:100%;
}

#bg{
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	-o-animation:fadein 1s ease 1s 1 normal both
	-ms-animation:fadein 1s ease 1s 1 normal both
	-moz-animation:fadein 1s ease 1s 1 normal both
	-webkit-animation:fadein 1s ease 1s 1 normal both
	animation:fadein 1s ease 1s 1 normal both
	;
	z-index:-1;
	background:rgb(0,0,0);
}
#bg > li{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
#bg > li[name="bg_01"]{
background:url(./../image/english/bg_01.png) scroll no-repeat center center / cover;
-o-animation:bg_01 28s ease 0s infinite normal both;
	-ms-animation:bg_01 28s ease 0s infinite normal both;
	-moz-animation:bg_01 28s ease 0s infinite normal both;
	-webkit-animation:bg_01 28s ease 0s infinite normal both;
	animation:bg_01 28s ease 0s infinite normal both;
	}
@-o-keyframes bg_01{ 0%, 0% { opacity:0; } 3%,23% { opacity:1; } 25%, 100% { opacity:0; } }
	@-ms-keyframes bg_01{ 0%, 0% { opacity:0; } 3%,23% { opacity:1; } 25%, 100% { opacity:0; } }
	@-moz-keyframes bg_01{ 0%, 0% { opacity:0; } 3%,23% { opacity:1; } 25%, 100% { opacity:0; } }
	@-webkit-keyframes bg_01{ 0%, 0% { opacity:0; } 3%,23% { opacity:1; } 25%, 100% { opacity:0; } }
	@keyframes bg_01{ 0%, 0% { opacity:0; } 3%,23% { opacity:1; } 25%, 100% { opacity:0; } }
	
#bg > li[name="bg_02"]{
background:url(./../image/english/bg_02.png) scroll no-repeat center center / cover;
-o-animation:bg_02 28s ease 0s infinite normal both;
	-ms-animation:bg_02 28s ease 0s infinite normal both;
	-moz-animation:bg_02 28s ease 0s infinite normal both;
	-webkit-animation:bg_02 28s ease 0s infinite normal both;
	animation:bg_02 28s ease 0s infinite normal both;
	}
@-o-keyframes bg_02{ 0%, 25% { opacity:0; } 28%,48% { opacity:1; } 50%, 100% { opacity:0; } }
	@-ms-keyframes bg_02{ 0%, 25% { opacity:0; } 28%,48% { opacity:1; } 50%, 100% { opacity:0; } }
	@-moz-keyframes bg_02{ 0%, 25% { opacity:0; } 28%,48% { opacity:1; } 50%, 100% { opacity:0; } }
	@-webkit-keyframes bg_02{ 0%, 25% { opacity:0; } 28%,48% { opacity:1; } 50%, 100% { opacity:0; } }
	@keyframes bg_02{ 0%, 25% { opacity:0; } 28%,48% { opacity:1; } 50%, 100% { opacity:0; } }
	
#bg > li[name="bg_03"]{
background:url(./../image/english/bg_03.png) scroll no-repeat center center / cover;
-o-animation:bg_03 28s ease 0s infinite normal both;
	-ms-animation:bg_03 28s ease 0s infinite normal both;
	-moz-animation:bg_03 28s ease 0s infinite normal both;
	-webkit-animation:bg_03 28s ease 0s infinite normal both;
	animation:bg_03 28s ease 0s infinite normal both;
	}
@-o-keyframes bg_03{ 0%, 50% { opacity:0; } 53%,73% { opacity:1; } 75%, 100% { opacity:0; } }
	@-ms-keyframes bg_03{ 0%, 50% { opacity:0; } 53%,73% { opacity:1; } 75%, 100% { opacity:0; } }
	@-moz-keyframes bg_03{ 0%, 50% { opacity:0; } 53%,73% { opacity:1; } 75%, 100% { opacity:0; } }
	@-webkit-keyframes bg_03{ 0%, 50% { opacity:0; } 53%,73% { opacity:1; } 75%, 100% { opacity:0; } }
	@keyframes bg_03{ 0%, 50% { opacity:0; } 53%,73% { opacity:1; } 75%, 100% { opacity:0; } }
	
#bg > li[name="bg_04"]{
background:url(./../image/english/bg_04.png) scroll no-repeat center center / cover;
-o-animation:bg_04 28s ease 0s infinite normal both;
	-ms-animation:bg_04 28s ease 0s infinite normal both;
	-moz-animation:bg_04 28s ease 0s infinite normal both;
	-webkit-animation:bg_04 28s ease 0s infinite normal both;
	animation:bg_04 28s ease 0s infinite normal both;
	}
@-o-keyframes bg_04{ 0%, 75% { opacity:0; } 78%,98% { opacity:1; } 100%, 100% { opacity:0; } }
	@-ms-keyframes bg_04{ 0%, 75% { opacity:0; } 78%,98% { opacity:1; } 100%, 100% { opacity:0; } }
	@-moz-keyframes bg_04{ 0%, 75% { opacity:0; } 78%,98% { opacity:1; } 100%, 100% { opacity:0; } }
	@-webkit-keyframes bg_04{ 0%, 75% { opacity:0; } 78%,98% { opacity:1; } 100%, 100% { opacity:0; } }
	@keyframes bg_04{ 0%, 75% { opacity:0; } 78%,98% { opacity:1; } 100%, 100% { opacity:0; } }
	
#cont{
	margin:100px 17px;
}
body#index #cont{
	margin:100px 0;
}
#cont > h1{
	line-height:80px;
	overflow:hidden;
	position:relative;
	margin-bottom:20px;
	height:78px;
}
body.japanese #cont > h1{
	text-indent:-1000px;
}
#mainimage{
	text-align:center;
	margin:0 0 30px;
}
body#news #cont > h1{
background: url(./../image/english/ui_title_news.png) scroll no-repeat left center / contain; }
	body#index #cont > h1{ background: url() scroll no-repeat left center / contain; }
	body#commodity #cont > h1{ background: url(./../image/english/ui_title_commodity.png) scroll no-repeat left center / contain; }
	body#japanesetea #cont > h1{ background: url(./../image/english/ui_title_japanesetea.png) scroll no-repeat left center / contain; }
	body#matcha #cont > h1{ background: url(./../image/english/ui_title_matcha.png) scroll no-repeat left center / contain; }
	body#abouttea #cont > h1{ background: url(./../image/english/ui_title_abouttea.png) scroll no-repeat left center / contain; }
	body#company #cont > h1{ background: url(./../image/english/ui_title_company.png) scroll no-repeat left center / contain; }
	body#gallery #cont > h1{ background: url(./../image/english/ui_title_gallery.png) scroll no-repeat left center / contain; }
	body#contactus #cont > h1{ background: url(./../image/english/ui_title_contactus.png) scroll no-repeat left center / contain; }
	body#charm #cont > h1{ background: url() scroll no-repeat left center / contain; }
	body#kirara #cont > h1{ background: url() scroll no-repeat left center / contain; }
	body#overseas #cont > h1{ background: url() scroll no-repeat left center / contain; }
#cont > h1:after{
	display:block;
	position:absolute;
	background:url(./../image/english/ui_titlebg.png) scroll no-repeat right center;
	width:100%;
	height:100%;
	content:'';
	top:0;
	z-index:-1;
}
body#recruit.japanese #wrap #cont > h1{
background:url(../image/japanese/ui_title_recruit.png) no-repeat left top,
url(./../image/english/ui_titlebg.png) scroll no-repeat right center;
}
body#commodity.japanese #wrap #cont > h1{
	background:url(../image/japanese/ui_title_commodity.png) no-repeat left top,
	url(./../image/english/ui_titlebg.png) scroll no-repeat right center;
}
body#commodity.english #wrap #cont > h1{
	font-size:30px;
	font-weight:bold;
	color:#FFF;
	padding:0 0 0 76px;
	background:url(../image/japanese/japan_none_title.png) no-repeat left top,
	url(./../image/english/ui_titlebg.png) scroll no-repeat right center;
}
body#commodity.vietnam #wrap #cont > h1{
	font-size:30px;
	font-weight:bold;
	color:#FFF;
	padding:0 0 0 76px;
	background:url(../image/japanese/japan_none_title.png) no-repeat left top,
	url(./../image/english/ui_titlebg.png) scroll no-repeat right center;
}
body#japanesetea.japanese #wrap #cont > h1{
	background:url(../image/japanese/ui_title_japanesetea.png) no-repeat left top,
	url(./../image/english/ui_titlebg.png) scroll no-repeat right center;
}
body#japanesetea.english #wrap #cont > h1{
	font-size:30px;
	font-weight:bold;
	color:#FFF;
	padding:0 0 0 76px;
	background:url(../image/japanese/japan_none_title.png) no-repeat left top,
	url(./../image/english/ui_titlebg.png) scroll no-repeat right center;
}
body#japanesetea.vietnam #wrap #cont > h1{
	font-size:30px;
	font-weight:bold;
	color:#FFF;
	padding:0 0 0 76px;
	background:url(../image/japanese/japan_none_title.png) no-repeat left top,
	url(./../image/english/ui_titlebg.png) scroll no-repeat right center;
}
body#matcha.japanese #wrap #cont > h1{
	background:url(../image/japanese/ui_title_matcha.png) no-repeat left top,
	url(./../image/english/ui_titlebg.png) scroll no-repeat right center;
}
body#matcha.english #wrap #cont > h1{
	font-size:30px;
	font-weight:bold;
	color:#FFF;
	padding:0 0 0 76px;
	background:url(../image/japanese/japan_none_title.png) no-repeat left top,
	url(./../image/english/ui_titlebg.png) scroll no-repeat right center;
}
body#matcha.vietnam #wrap #cont > h1{
	font-size:30px;
	font-weight:bold;
	color:#FFF;
	padding:0 0 0 76px;
	background:url(../image/japanese/japan_none_title.png) no-repeat left top,
	url(./../image/english/ui_titlebg.png) scroll no-repeat right center;
}
body#abouttea #wrap #cont > h1{
	background:url(../image/japanese/ui_title_abouttea.png) no-repeat left top,
	url(./../image/english/ui_titlebg.png) scroll no-repeat right center;
}
body#abouttea.english #wrap #cont > h1{
	font-size:30px;
	font-weight:bold;
	color:#FFF;
	padding:0 0 0 76px;
	background:url(../image/japanese/japan_none_title.png) no-repeat left top,
	url(./../image/english/ui_titlebg.png) scroll no-repeat right center;
}
body#abouttea.vietnam #wrap #cont > h1{
	font-size:30px;
	font-weight:bold;
	color:#FFF;
	padding:0 0 0 76px;
	background:url(../image/japanese/japan_none_title.png) no-repeat left top,
	url(./../image/english/ui_titlebg.png) scroll no-repeat right center;
}
body#company #wrap #cont > h1{
	background:url(../image/japanese/ui_title_company.png) no-repeat left top,
	url(./../image/english/ui_titlebg.png) scroll no-repeat right center;
}
body#company.english #wrap #cont > h1{
	font-size:30px;
	font-weight:bold;
	color:#FFF;
	padding:0 0 0 76px;
	background:url(../image/japanese/japan_none_title.png) no-repeat left top,
	url(./../image/english/ui_titlebg.png) scroll no-repeat right center;
}
body#company.vietnam #wrap #cont > h1{
	font-size:30px;
	font-weight:bold;
	color:#FFF;
	padding:0 0 0 76px;
	background:url(../image/japanese/japan_none_title.png) no-repeat left top,
	url(./../image/english/ui_titlebg.png) scroll no-repeat right center;
}
body#gallery #wrap #cont > h1{
	background:url(../image/japanese/ui_title_gallery.png) no-repeat left top,
	url(./../image/english/ui_titlebg.png) scroll no-repeat right center;
}
body#gallery.english #wrap #cont > h1{
	font-size:30px;
	font-weight:bold;
	color:#FFF;
	padding:0 0 0 76px;
	background:url(../image/japanese/japan_none_title.png) no-repeat left top,
	url(./../image/english/ui_titlebg.png) scroll no-repeat right center;
}
body#gallery.vietnam #wrap #cont > h1{font-size:30px;font-weight:bold;color:#FFF;padding:0 0 0 76px;
background:url(../image/japanese/japan_none_title.png) no-repeat left top,
url(./../image/english/ui_titlebg.png) scroll no-repeat right center;
}
body#contactus #wrap #cont > h1{
background:url(../image/japanese/ui_title_contactus.png) no-repeat left top,
url(./../image/english/ui_titlebg.png) scroll no-repeat right center;
}
body#contactus.english #wrap #cont > h1{
	font-size:30px;
	font-weight:bold;
	color:#FFF;
	padding:0 0 0 76px;
	background:url(../image/japanese/japan_none_title.png) no-repeat left top,
	url(./../image/english/ui_titlebg.png) scroll no-repeat right center;
}
body#contactus.vietnam #wrap #cont > h1{
	font-size:30px;
	font-weight:bold;
	color:#FFF;
	padding:0 0 0 76px;
	background:url(../image/japanese/japan_none_title.png) no-repeat left top,
	url(./../image/english/ui_titlebg.png) scroll no-repeat right center;
}
body#charm.japanese #wrap #cont > h1{
	background:url(../image/japanese/ui_title_mizusawa.png) no-repeat left top,
	url(./../image/english/ui_titlebg.png) scroll no-repeat right center;
}
body#charm.english #wrap #cont > h1{
	font-size:30px;
	font-weight:bold;
	color:#FFF;
	padding:0 0 0 76px;
	background:url(../image/japanese/japan_none_title.png) no-repeat left top,
	url(./../image/english/ui_titlebg.png) scroll no-repeat right center;
}
body#charm.vietnam #wrap #cont > h1{
	font-size:30px;
	font-weight:bold;
	color:#FFF;
	padding:0 0 0 76px;
	background:url(../image/japanese/japan_none_title.png) no-repeat left top,
	url(./../image/english/ui_titlebg.png) scroll no-repeat right center;
}
body#kirara #cont > h1{
	background:url(../image/japanese/ui_title_kirara.png) no-repeat left top,
	url(./../image/english/ui_titlebg.png) scroll no-repeat right center;
}
body#kirara.english #wrap #cont > h1{
	font-size:30px;
	font-weight:bold;
	color:#FFF;
	padding:0 0 0 76px;
	background:url(../image/japanese/japan_none_title.png) no-repeat left top,
	url(./../image/english/ui_titlebg.png) scroll no-repeat right center;
}
body#kirara.vietnam #wrap #cont > h1{
	font-size:30px;
	font-weight:bold;
	color:#FFF;
	padding:0 0 0 76px;
	background:url(../image/japanese/japan_none_title.png) no-repeat left top,
	url(./../image/english/ui_titlebg.png) scroll no-repeat right center;
}
body#jgap #wrap #cont > h1{
	background:url(../image/japanese/ui_title_jgap.png) no-repeat left top,
	url(./../image/english/ui_titlebg.png) scroll no-repeat right center;
}
body#jgap.english #wrap #cont > h1{
	font-size:30px;
	font-weight:bold;
	color:#FFF;
	padding:0 0 0 76px;
	background:url(../image/japanese/japan_none_title.png) no-repeat left top,
	url(./../image/english/ui_titlebg.png) scroll no-repeat right center;
}
body#jgap.vietnam #wrap #cont > h1{
	font-size:30px;
	font-weight:bold;
	color:#FFF;
	padding:0 0 0 76px;
	background:url(../image/japanese/japan_none_title.png) no-repeat left top,
	url(./../image/english/ui_titlebg.png) scroll no-repeat right center;
}
body#overseas #wrap #cont > h1{
	background:url(../image/japanese/ui_title_overseas.png) no-repeat left top,
	url(./../image/english/ui_titlebg.png) scroll no-repeat right center;
}
body#overseas.english #wrap #cont > h1{
	font-size:30px;
	font-weight:bold;
	color:#FFF;
	padding:0 0 0 76px;
	background:url(../image/japanese/japan_none_title.png) no-repeat left top,
	url(./../image/english/ui_titlebg.png) scroll no-repeat right center;
}
body#overseas.vietnam #wrap #cont > h1{
	font-size:30px;
	font-weight:bold;
	color:#FFF;
	padding:0 0 0 76px;
	background:url(../image/japanese/japan_none_title.png) no-repeat left top,
	url(./../image/english/ui_titlebg.png) scroll no-repeat right center;
}
#cont > section,
#moreproducts{
	background:rgb(255,255,255);
	padding:20px;
	border-radius:2px;
	-o-animation:fadein 1s ease 1s 1 normal both;
	-ms-animation:fadein 1s ease 1s 1 normal both;
	-moz-animation:fadein 1s ease 1s 1 normal both;
	-webkit-animation:fadein 1s ease 1s 1 normal both;
	animation:fadein 1s ease 1s 1 normal both;
	;
	margin-bottom:20px;
}
#cont > section > h1,
#cont > section :not(section) h1{
	font-size:30px;
	line-height:30px;
	margin:10px 0;
}
.annotation{
	display:block;
	font-size:14px;
	line-height:20px;
	color:rgb(160,180,48);
}
#cont > section section > h1{
	background:rgb(160,180,48);
	color:white;
	font-size:16px;
	line-height:24px;
	padding:0 10px;
	margin:10px 0;
}
#cont > section h2{
	font-size:16px;
	font-weight:bold;
	line-height:30px;
	margin-top:10px;
}
#moreproducts > .tit{
	border-bottom:1px solid rgb(0,70,0);
	margin-bottom:20px;
	line-height:40px;
	font-size:24px;
	font-weight:bold;
	color:rgb(0,70,0);
}
#moreproducts > ul > li{
	margin-bottom:20px;
}
#moreproducts > ul > li > a{
	display:block;
}
#moreproducts > ul > li > a.hover{
	opacity:.8;
}
.fp{
	float:left;
	padding:0;
	background:url(../image/japanese/facebook_h.png) no-repeat left 20px top 13px;
	margin:150px 0 0 18px;
	background-color:#3c579e;
	text-align:center;
	width:500px;
}
.fp *{
	margin:0 auto;
	display:block;
}
.fp:before{
	content:"";
	display:block;
	width:100%;
	padding:30px 0;
}
.commodity > a{
	display:block;
	margin:-20px;
	padding:20px 40px 20px 20px;
}
.commodity > a.hover{
	opacity:.8;
	background:rgba(0,0,0,.05);
}
.commodity > a > figure > img{
	display:block;
}
.commodity > a > div{
	margin-right:-20px;
	margin-left:20px;
}
.product > figure{
	margin-bottom:20px;
	float:left;
	width:100%;
}
.product > div{
	float:left;
	width:50%;
}
.product > div > p{
	margin-top:1em;
	letter-spacing:0;
}
.product > ul{
	float:right;
	width:50%;
	margin-top:-290px;
}
.product > ul > li{
	margin:20px 0 0 20px;
}
.product > ul > li > a{
	display:block;
}
.product > ul > li > a.hover{
	opacity:.8;
}
.product .box{
	border:3px dashed rgb(0,70,0);
	padding:20px;
	margin:20px 0;
	background:#eee;
}
.abouttea > table > t#wrap > tr > th > .tit{
	font-size:24px;
	line-height:40px;
}
.abouttea > table > t#wrap > tr > th > p{ font-weight:normal; }
.abouttea > table > t#wrap > tr > td > div > figure{
	width:130px;
	height:130px;
	margin:-10px 20px -10px -10px;
	float:left;
}
.abouttea > table > t#wrap > tr > td > div > div > .tit{
	font-size:18px;
	line-height:24px;
	font-weight:bold;
}
#spot_effect table th{
	width:200px;
	background:#004600;
	color:#fff;
	border-bottom:#f00;
	font-weight:normal;
}
#teatypefigure{ margin:20px 0; }
#teatypefigure > :first-child{ display:block; }
#teatypefigure > :last-child{ display:none; }
#spot_effect > ol > li,
#spot_howtobrewlist > ol > li,
#spot_howtomatchalist > ol > li{
	margin-bottom:10px;
}
#spot_howtobrewlist > ol > li > p,
#spot_howtomatchalist > ol > li > p{
	padding:10px;
}
#spot_effect > ol{
	margin-top:20px;
	margin-bottom:20px;
}
#spot_effect > table{
	max-width:600px;
	margin:0 auto;
	border:none;
	position:relative;
	top:20px;
	margin-bottom:40px;
}
#spot_effect > table > t#wrap > tr > th{
	width:10em;
}
#spot_effect > table > caption{
	text-align:center;
	font-weight:bold;
	display:block;
	position:absolute;
	left:50%;
	width:400px;
	margin-left:-200px;
	top:-30px;
	font-size:16px;
}
#spot_companydescription{ margin:20px 0;}
.company table{
	border:none;
	border-top:4px solid rgb(0,70,0);
}
.company figure,
.company .gm{
	margin-bottom:20px;
}
.company table > * > tr > *{
	border:none;
	border-bottom:1px solid rgb(0,70,0);
	vertical-align:top;
}
.company table > *{ border-bottom:4px solid rgb(0,70,0); }
.company table > * > tr > th{ width:6em; }
#spot_awardstable .good > *{ background:khaki; }
#spot_awardstable .award{
	color:white;
	background:rgb(160,180,48);
	padding:0 10px;
	text-align:center;
}
#spot_awardstable .good .award{
	background:rgb(0,70,0);
}
.gallery > div > img{
	margin-top:20px;
}
form > label{
	display:block;
	background:#f2f2f2;
	padding:0;
}
form > label:not(.min){
	margin-bottom:10px;
}
form > label > span{
	width:20%;
	float:left;
	display:block;
	font-size:12px;
	line-height:20px;
	margin:0;
	padding:0;
	position:relative;
	top:10px;
	left:10px;
}
form > label > input,
form > label > textarea{
	float:right;
	width:80%;
	display:block;
	border:none;
	background:none;
	font-size:16px;
	font-weight:bold;
	margin:10px 0;
	line-height:30px;
	background:#fff;
	border:1px solid #ccc;
	position:relative;
	right:10px;
}
form > label > textarea{ height:200px; }
form > label.min{ padding:0; }
form > label.min > span{
	line-height:24px;
	padding-top:0;
	width:20%;
}
dialog{
	display:block;
	background:#fff;
	width:340px;
	height:240px;
	position:fixed;
	top:50%;
	left:50%;
	margin-left:-170px;
	margin-top:-95px;
	box-shadow:0 0 0 10000px rgba(0,0,0,.7);
	font-size:16px;
	font-weight:bold;
}
dialog > *{
	padding:20px;
}
dialog.success > header{
	background:skyblue;
}
dialog.error > header{
	background:orange;
}
dialog > footer input{
	border:none;
	display:block;
	width:100%;
	height:40px;
	font-weight:bold;
	font-size:16px;
	background:#ddd;
}
#goldendrop{
	position:fixed;
	background:rgba(0,0,0,.8);
	top:0;
	right:0;
	left:0;
	bottom:0;
	z-index:50000;
	display:none;
}
#goldendrop > img{
	width:200px;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-100px;
	margin-top:-100px;
}
.publicOffering > h2{
	border-bottom: 1px solid rgb(0,70,0);
    margin: -5px 0 20px;
    line-height: 40px;
    font-size: 24px!important;
    font-weight: bold;
    color: rgb(0,70,0);
}
.publicOffering h3{
	display:block;
	font-size:18px;
	margin:0 auto 30px;
}
.publicOffering dl{
	display:block;
	margin:0 auto 20px;
}
1.publicOffering dt{
	display:block;
	margin:0 0 20px;
}
.publicOffering dd{
	display:block;
	line-height:1.9em;
	padding:20px 0 0;
}
.publicOffering ul{
	display:block;
	padding:10px;
	border:1px solid #000;
}
.publicOffering p{
	display:block;
	line-height:1.9em;
}
.publicOffering p a{
	text-decoration:underline;
	color:#0044CC;
}

.p-company__table {
	border-top: none !important;
	border-bottom: none !important;
}

.p-company__table > * > tr > * {
	border-top: none !important;
	border-bottom: none !important;
}

.p-company__table > * {
	border-top: none !important;
	border-bottom: none !important;
}

.p-company__tr {
	border-top: none !important;
	border-bottom: none !important;
}

.p-company__strong {
	display: block;
}

.p-company__strong--border-top {
	border-top: 2px solid #a0b430;
	margin: 10px 0;
	padding: 10px 0;
}


/* トップページtnav */
/* 共通 */
#tnav .bg-green {
	background-color: rgba(0,70,0,0.8);
	transition: all .2s;
}
#tnav .bg-green:hover {
    background: rgb(0,70,0);
}

.tnav__amazon a {
	background: url(../image/japanese/h-amazon.png) no-repeat center center;
}
.tnav__onlineshop::after {
    font-family: A-OTF フォーク Pro;
    display: block;
    width: 90%;
    height: 50px;
    font-size: 16px;
    color: #f2f6f2;
    text-align: center;
    margin: auto;
    padding-top: 5px;
    position: relative;
    bottom: 50px;
    border-top: 1px solid #a8c0a4;
}


/* 日本語 */
.japanese .tnav__charm a { /* お茶所水沢 */
	background:url(../image/japanese/tnav_bg_charm.png) no-repeat center center;
	background-size:100%;
}
.japanese .tnav__kirara a { /* お茶の里きらら */
	background:url(../image/japanese/tnav_bg_kirara.png) no-repeat center center;
	background-size:100%;
}
.japanese .tnav__jgap a { /* JGAP */
	background:url(../image/japanese/tnav_bg_jgap.png) no-repeat center center;
	background-size:100%;
}
.japanese .tnav__overseas a { /* 海外事業 */
	background:url(../image/japanese/tnav_bg_overseas.png) no-repeat center center;
	background-size:100%;
}
.japanese .tnav__recruit a { /* 求人募集 */
	background:url(../image/japanese/tnav_bg_recruting.png) no-repeat center center;
	background-size:100%;
}
.japanese .tnav__gallery a { /* ギャラリー */
	background:url(../image/japanese/tnav_bg_gallery.png) no-repeat center center;
	background-size:100%;
}
.japanese .tnav__suzukamatcha a { /* 鈴鹿抹茶 */
	background:url(../image/japanese/tnav_bg_suzukamatcha.png) no-repeat center center;
	background-size:100%;
}
.japanese .tnav__recruit a { /* 求人募集 */
	background:url(../image/japanese/tnav_bg_recruting.png) no-repeat center center;
	background-size:100%;
}
.japanese .tnav__onlineshop a { /* オンラインストア */
	background: url(../image/japanese/tnav_bg_onlineshop.png) no-repeat center 30%;
    background-size: 23%;
}
.japanese .tnav__onlineshop::after {
    content: "萩村製茶オンラインストア";
}




/* ベトナム */
.vietnam .tnav__charm a { /* お茶所水沢 */
	background:url(../image/vietnam/tnav_bg_charm-vnm.png) no-repeat center center;
	background-size:100%;
}
.vietnam .tnav__kirara { /* お茶の里きらら */
	background:url(../image/vietnam/tnav_bg_kirara-vnm.jpg) no-repeat center center;
	background-size:100%;
}
.vietnam .tnav__jgap a { /* JGAP */
	background:url(../image/vietnam/tnav_bg_jgap-vnm.png) no-repeat center center;
	background-size:100%;
}
.vietnam .tnav__overseas a { /* 海外事業 */
	background:url(../image/vietnam/tnav_bg_overseas-vnm.png) no-repeat center center;
	background-size:100%;
}
.vietnam .tnav__recruit a { /* 求人募集 */
	background:url(../image/vietnam/tnav_bg_recruting-vnm.png) no-repeat center center;
	background-size:100%;
}
.vietnam .tnav__gallery a { /* ギャラリー */
	background:url(../image/vietnam/tnav_bg_gallery.png) no-repeat center center;
	background-size:100%;
}
.vietnam .tnav__suzukamatcha a { /* 鈴鹿抹茶 */
	background:url(../image/vietnam/tnav_bg_suzukamatcha-vnm.png) no-repeat center center;
	background-size:100%;
}
.vietnam .tnav__recruit a { /* 求人募集 */
	background:url(../image/vietnam/tnav_bg_recruting-vnm.png) no-repeat center center;
	background-size:100%;
}
.vietnam .tnav__onlineshop a { /* オンラインストア */
	background: url(../image/japanese/tnav_bg_onlineshop.png) no-repeat center 30%;
    background-size: 23%;
}
.vietnam .tnav__onlineshop::after {
    content: "cửa hàng trực tuyến";
}


/* 英語 */
.english .tnav__charm a { /* お茶所水沢 */
	background:url(../image/english/tnav_bg_charm-eng.png) no-repeat center center;
	background-size:100%;
}
.english .tnav__kirara { /* お茶の里きらら */
	background:url(../image/english/tnav_bg_kirara-eng.jpg) no-repeat center center;
	background-size:100%;
}
.english .tnav__jgap a { /* JGAP */
	background:url(../image/english/tnav_bg_jgap-eng.png) no-repeat center center;
	background-size:100%;
}
.english .tnav__overseas a { /* 海外事業 */
	background:url(../image/english/tnav_bg_overseas-eng.png) no-repeat center center;
	background-size:100%;
}
.english .tnav__recruit a { /* 求人募集 */
	background:url(../image/english/tnav_bg_recruting-eng.png) no-repeat center center;
	background-size:100%;
}
.english .tnav__gallery a { /* ギャラリー */
	background:url(../image/english/tnav_bg_gallery.png) no-repeat center center;
	background-size:100%;
}
.english .tnav__suzukamatcha a { /* 鈴鹿抹茶 */
	background:url(../image/english/tnav_bg_suzukamatcha-eng.png) no-repeat center center;
	background-size:100%;
}
.english .tnav__recruit a { /* 求人募集 */
	background:url(../image/english/tnav_bg_recruting-eng.png) no-repeat center center;
	background-size:100%;
}
.english .tnav__onlineshop a { /* オンラインストア */
	background: url(../image/japanese/tnav_bg_onlineshop.png) no-repeat center 30%;
    background-size: 23%;
}
.english .tnav__onlineshop::after {
    content: "Online Shop";
}



/* 中国語 */
.chinese .tnav__charm a { /* お茶所水沢 */
	background:url(../image/japanese/tnav_bg_charm.png) no-repeat center center;
	background-size:100%;
}
.chinese .tnav__kirara a { /* お茶の里きらら */
	background:url(../image/japanese/tnav_bg_kirara.png) no-repeat center center;
	background-size:100%;
}
.chinese .tnav__jgap a { /* JGAP */
	background:url(../image/english/tnav_bg_jgap-eng.png) no-repeat center center;
	background-size:100%;
}
.chinese .tnav__overseas a { /* 海外事業 */
	background:url(../image/chinese/tnav_bg_overseas.png) no-repeat center center;
	background-size:100%;
}
.chinese .tnav__recruit { /* 求人募集 */
	display:none;
}
.chinese .tnav__gallery a { /* ギャラリー */
	background:url(../image/chinese/tnav_bg_gallery.png) no-repeat center center;
	background-size:100%;
}
.chinese .tnav__suzukamatcha a { /* 鈴鹿抹茶 */
	background:url(../image/chinese/tnav_bg_suzukamatcha.png) no-repeat center center;
	background-size:100%;
}
.chinese .tnav__recruit a { /* 求人募集 */
	background:url(../image/chinese/tnav_bg_recruting.png) no-repeat center center;
	background-size:100%;
}
.chinese .tnav__onlineshop a { /* オンラインストア */
	background: url(../image/japanese/tnav_bg_onlineshop.png) no-repeat center 30%;
    background-size: 23%;
}
.chinese .tnav__onlineshop::after {
    content: "网上商店";
}



@media screen and (max-width:768px) {

/* 共通 */
#tnav .tnav__onlineshop a { /* オンラインストア */
    background: url(../image/japanese/tnav_bg_onlineshop.png) no-repeat center 30%;
    background-size: 30%;
}
#tnav .tnav__onlineshop::after {
    width: 80%;
    font-size: 20px;
    padding-top: 13px;
    bottom: 110px;
}

#gnav > ul > li.gnav__onlineshop {
    background: url(../image/japanese/icon_onlineshop--sp.png) no-repeat left 10px center;
}


/* 日本語 */
.japanese #tnav .tnav__kirara a { /* お茶の里きらら */
background:url(../image/japanese/tnav_bg_kirara.png) no-repeat center center;
background-size:cover;
}




/* ベトナム */







/* 英語 */



/* 中国語 */


	
}



.japanese #moreproducts .layout {
	display:flex;
	flex-wrap: wrap;
}



.g-recaptcha {
	width: fit-content;
	margin: 50px auto 15px auto;
}