@charset "UTF-8";

.mainCnt {
	width: 1200px;
	margin: 100px auto 0;
	overflow: hidden;
}

@media screen and (max-width: 1300px) {
	.mainCnt {
		width: 95%;
		margin: 8% 2.5% 0;
		overflow: hidden;
	}	
}
/*----------------------------------------
    濱匠の人
----------------------------------------*/
.slickBox {
	overflow: hidden;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	line-height: 0;
}

.slickL {
	width: 50%;
	float: left;
}

.slickR {
	width: 50%;
	float: right;
		overflow: hidden;
}

.slick img ,
.slick2 img ,
.slick3 img ,
.slick4 img {
	width: 100%;
		overflow: hidden;
}

.staffTitle {
	text-align: center;
}

.staffTitle p {
	margin-top: 30px;
}



.staffArea {
	margin-top: 30px;
}

.staffArea ul {
	overflow: hidden;
}

.staffArea ul li {
	float: left;
	width: 376px;
	margin-right: 36px;
	margin-bottom: 50px;	
}

.staffArea ul li:nth-child(3) ,
.staffArea ul li:nth-child(6) ,
.staffArea ul li:nth-child(9) {
	margin-right: 0;
}

.staffArea ul li:nth-child(7) ,
.staffArea ul li:nth-child(8) {
	margin-bottom: 0;
}

.staffNameBox {
	margin: 20px 0 24px;
}

.postName {
	font-size: 13px;
}

.staffName {
	font-size: 22px;
	padding-top: 5px;
}

.staffTxt {
	font-size: 14px;
}

.shopname1 {
	background:url(../images/staff/l01.gif) bottom right no-repeat;
}

.shopname2 {
	background:url(../images/staff/l02.gif) bottom right no-repeat;
}

.shopname3 {
	background:url(../images/staff/l03.gif) bottom right no-repeat;
}

.shopname4 {
	background:url(../images/staff/l04.gif) bottom right no-repeat;
}

.shopname5 {
	background:url(../images/staff/l05.gif) bottom right no-repeat;
}

.shopname6 {
	background:url(../images/staff/l06.gif) bottom right no-repeat;
}

.shopname7 {
	background:url(../images/staff/l07.gif) bottom right no-repeat;
}

.shopname8 {
	background:url(../images/staff/l08.gif) bottom right no-repeat;
}

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

	.staffTitle {
		text-align: center;
	}
	
	.staffTitle p {
		margin-top: 28px;
	}

	.staffArea {
		margin-top: 3%;
	}
	
	.staffArea ul {
		overflow: hidden;
		width: 100%;
	}
	
	.staffArea ul li {
		float: left;
		width: 31.33%;
	}
	
	.staffArea ul li {
		margin-right: 3%;
		margin-bottom: 4%;	
	}
	
	.staffArea ul li:nth-child(3) ,
	.staffArea ul li:nth-child(6) {
		margin-right: 0;
	}
	
	.staffArea ul li:nth-child(7) ,
	.staffArea ul li:nth-child(8) {
		margin-bottom: 0;
	}

	.staffNameBox {
		margin: 18px 0 22px;
	}
	
	.postName {
		font-size: 13px;
	}
	
	.staffName {
		font-size: 22px;
		padding-top: 5px;
	}
	
	.staffTxt {
		font-size: 14px;
	}

	.staffInImg {
		width: 100%;
	}

}

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

	
	.staffArea {
		margin-top: 3%;
	}
	
	.staffArea ul {
		overflow: hidden;
		width: 100%;
	}
	
	.staffArea ul li {
		float: left;
		width: 47.5%;
	}
	
	.staffArea ul li {
		margin-right: 0;
		margin-bottom: 4%;	
	}
	
	.staffArea ul li:nth-child(odd) {
		margin-right: 5%;
	}
	
	.staffArea ul li:nth-child(7) ,
	.staffArea ul li:nth-child(8) {
		margin-bottom: 0;
	}
	

	.staffInImg {
		width: 100%;
	}
}

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


	.staffArea {
		margin-top: 3%;
	}
	
	.staffArea ul {
		overflow: hidden;
		width: 376px;
		margin: 0 auto;		
	}
	
	.staffArea ul li {
		float: none;
		width: 376px;
	}
	
	.staffArea ul li {
		margin-right: 0;
		margin-bottom: 4%;	
	}
	
	.staffArea ul li:nth-child(odd) {
		margin-right: 0;
	}
	
	.staffArea ul li:nth-child(7) {
		margin-bottom: 4%;
	}
	
	.staffArea ul li:nth-child(8) {
		margin-bottom: 0;
	}

	.staffInImg {
		width: 100%;
	}
}

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

	

	
	.staffArea {
		margin-top: 3%;
	}
	
	.staffArea ul {
		overflow: hidden;
		width: 100%;
		margin: 0 auto;		
	}
	
	.staffArea ul li {
		float: none;
		width: 100%;
	}
	
	.staffArea ul li {
		margin-right: 0;
		margin-bottom: 4%;
	}
	
	.staffArea ul li:nth-child(odd) {
		margin-right: 0;
	}
	
	.staffArea ul li:nth-child(7) {
		margin-bottom: 4%;
	}
	
	.staffArea ul li:nth-child(8) {
		margin-bottom: 0;
	}
	



	.staffInImg {
		width: 100%;
	}
}