@charset "utf-8";
body {
	color: #3b3b3b;
}

img {

	max-width: 100%;

}

.feed li span {

	width: 100px;

}
.contact-map { margin: 12px auto 0; text-align: center; display: none; }
.lang { text-align: right; margin-top: 10px; }
.lang li { display: inline-block; }
.lang li:not(:first-child) { border-left: #737373 1px solid; }
.lang li a { padding: 4px; }
@media screen and (max-width:972px) {

	.topbox,

	.banner,

	.effect,

	.slideBox,

	.slideBox .bd img,

	#main,

	.footbox {

		height: auto;

		width: 100%;

	}

	.toprigt {

		width: 69.4444%;

	}

	.inleft,

	.mapbox,

	.prodlist,

	.lyleft {

		width: 68.5185%;

	}

	.inright {

		width: 27.7777%;

	}

	.listright {

		width: 59.3984%;

	}

	.listleft {

		width: 37.8947%;

	}

	.leftbox {

		width: 100%;

	}

	.leftbox ul li,

	.leftbox2 ul li {

		background-position: center;

	}

	.prod ul li,

	.prodlist ul li {

		width: 33%;

	}

	

	.prod ul li {

		box-sizing: border-box;

		padding-left: .2em;

		padding-right: .2em;

		width: 25%;

	}

	.mess {

		padding: 2em;

	}
	
	.feed {
		padding: 0;
	}

}

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

	.toprigt, .inright {

		display: none;

	}

	.logo {

		float: none;

		margin: 1em auto;

		width: 90%;

		background-position: center top;

	}

	.inleft,

	.mapbox,

	.lyleft,

	.leftbox,

	.leftbox2,

	.prodlist,

	.leftbox {

		float: none;

		margin: auto;

		width: 96%;

	}

	#menu a {

		color: #CCC;

		padding: 0;

	}
	
	#menu .lang { text-align: center; margin-top: 0; }
	#menu .lang li { width: 31.3333%;  }
	#menu .lang li:not(:first-child) { border-left-color: #333; }
	#menu .lang a {
		border-color: #333;

		display: inline-block;

		padding: 19px 0;

		width: 100%;

		text-align: center;

	}

	.pure-menu .dh, .pure-menu .incon {

		margin-top: 0px;

	}

	.pure-menu .dh ul li {

		float: none;

		height: auto;

		line-height: inherit;

		margin: 0;

		width: 100%;

		text-align: left;

	}

	#menu .pure-menu .dh a {

		box-sizing: border-box;

		display: inline-block;

		font-size: 14px;

		font-weight: normal;

		padding: 8px 1.6em;

		width: 100%;

	}

	.pure-menu > div, .pure-menu .incon {

		margin-top: 2em;

	}

	.pure-menu h4 {

		font-size: 1.5em;

		font-weight: normal;

		padding: .5em;
		color: #999;

	}

	.pure-menu .incon p {

		padding: 1em 1.5em;
		color: #999;

	}

	.pure-menu img {

		display: none;

	}

	#menu .pure-menu .main-pro a {

		box-sizing: border-box;

		display: inline-block;

		font-size: 14px;

		line-height: 14px;

		padding: 1.5em 1.5em 0;

		width: 100%;

	}

	.co {
		padding-bottom: 25px;
	}

}

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

	.prod ul li,

	.prodlist ul li {

		width: 50%;

	}

	.prodlist ul li p {

		width: 98%;

	}
	
	.co {
		padding-bottom: 5px;
	}
}

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

	.inleft,

	.mapbox,

	.lyleft,

	.leftbox,

	.leftbox2,

	.prodlist, 

	.ly h3,

	.prodlist,

	.pa,

	.listleft,

	.listright,

	.qkli {

		float: none;

		margin: auto;

		width: 90%;

	}

	.toprigt {

		float: none;

		width: 100%;

	}

	.footbox ul {

		display: none;

	}

	.dh {

		margin-top: 0;

	}

	.dh ul li {

		margin: 0;

		width: 20%;

	}

	.listleft {

		padding-top: 1em;

		text-align: center;

	}

	.listleft p {

		text-align: center;

		width: 100%;

	}

	.ly h3 {

		padding-bottom: 0;

	}

	.qkli {

		padding-bottom: .5em;

	}

	.mess {

		padding: 2em 1em;

	}

	.feed .in2 {

		width: 214px;

	}

	/* 暫時 */

	.ly > div {

		height: inherit !important;

	}

}

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

	.prod ul li {

		float: none;

		margin-left: auto;

		margin-right: auto;

		width: 243px;

	}

	.fancybox-title-float-wrap .child {

		line-height: 18px !important;

		white-space: inherit !important;

	}

}