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

/***************************************/
/*** 取扱店リスト ****/
/***************************************/

.mainShoplistContArea {
	width:935px;
    height:120px;
	margin:145px auto 0 auto;
	clear:both;
}
.mainShoplistContArea .ShoplistMsessageTxt{
	font-family:UD Shin Go Conde90 L;

	text-align:center;
}
.mainShoplistContArea h1 {
	font-family:UD Shin Go Conde90 L;
	text-align:center;
	font-size:36px;
	line-height:1.5em;
	margin:52px auto;
}
.ShoplistMsessageTxt p{
	font-size:24px;
/*	font-size:16px;*/
}

@media only screen and (max-width:940px) {
.mainShoplistContArea {
	width:100%;
    height:120px;
	margin:135px auto 0 auto;
	clear:both;
}
}
@media only screen and (max-width:480px) {
.mainShoplistContArea {
	width:100%;
    height:80px;
	margin:100px auto 0 auto;
	clear:both;
}
.mainShoplistContArea h1 {
	font-size:18px;
	margin:100px auto 0 auto;
}
@media all and (-webkit-min-device-pixel-ratio:0) {/**safari*/
.mainShoplistContArea {
	width:100%;
    height:80px;
	margin:100px auto 0 auto;
	clear:both;
}
.mainShoplistContArea h1 {
	font-size:18px;
	margin:100px auto 0 auto;
}}
}
/***************************************/
/***　ここまで取扱店リスト　 ****/
/***************************************/


/*** 1box *************/

.tileArea {
	width:935px;
	height:auto;
	margin:0 auto;
}

.tileArea h1 {
}
.tileArea h2 {
	line-height:1em;
	padding:30px 0 20px 0;
}
.tileArea h3 {
	line-height:1em;
	padding:37px 0 20px 0;
}

/*.tileArea ul li img{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	position:relative;
}*/
.tileArea ul{
	display:block;
	border:1px;
	width:70%;
	padding:70px 0 0 0;
	margin:0 auto;
}
.tileArea ul li{
	display:block;
	width:100%;
	height:auto;
	float:left;
	margin:0 auto 22px auto;
	padding:0;
	overflow:hidden;
	line-height:0em;
}

/*.tileArea ul li:nth-child(3), 
.tileArea ul li:nth-child(6),
.tileArea ul li:nth-child(9) {
	margin:0 0 8px 0;
}*/

.tileArea ul li h2 {
	font-family: 'Martel', serif,UD Shin Go Conde90 L;
	text-align:left;
	font-size:16px;
	font-weight:600;
	line-height:2em;
	margin:0;
	padding:0;
}

.tileArea ul li div{
	font-family:UD Shin Go Conde90 L;
	font-feature-settings:"palt";
	line-height:1.6em;
	text-align:left;
}
.tileArea ul li div a{
	display:inline;
}

.tileArea ul li div:nth-child(1){
	float:left;
	width:20%;
	height:auto;
}
.tileArea ul li div:nth-child(2){
	float:right;
	width:78%;
	height:auto;
}
/*
.tileArea ul li div.left{
	float:left;
}
.tileArea ul li div.right{
	float:right;
}
*/
.tileArea ul li p{
	font-family:UD Shin Go Conde90 L;
	font-feature-settings:"palt";
	line-height:1.6em;
	text-align:left;
	height:80px;
}

.tileArea ul li a{
	display:block;
	width:100%;
	height:auto;
	position:relative;
	overflow:hidden;
}
.tileArea ul li a:hover,
.tileArea ul li a:hover img{
	opacity:0.6;
}

.tileArea li:last-child{
/*	margin-bottom:37px;*/
}


.leadArea {
	text-align:left;
	width:100%;
	height:50px;
	margin:0;
	padding:0;
}
.leadArea h1 {
	color:#004A28;
	font-size:26px;
	}
.leadAreaSpace {
	margin-top:160px;
}
.leadArea .mgTspace {
	margin-top:50px;
	}


/*@-moz-document url-prefix() {
.tileArea ul li{
	display:block;
	width:390px;
	height:390px;
	float:left;
	margin:-1px 3px 3px -1px;
	padding:0;
	overflow:hidden;
}

}
*/

/*@media only screen and (max-width: 1260px) {*/
@media only screen and (max-width: 940px) {
	
.tileArea {
		width:80%;
		height:auto;
		margin:0 auto;
	}
	
.tileArea ul{
	display:block;
	border:1px;
	width:100%;
	margin:0 auto;
}
.tileArea ul li{
	display:block;
	width:30%;
	height:auto;
	float:left;
    margin:0 25px 20px 0;
	padding:0;
	overflow:hidden;
}
.tileArea ul li div:nth-child(1){
	float:none;
	width:20%;
}
.tileArea ul li div:nth-child(2){
	float:none;
	width:78%;
}

.tileArea ul li p{
	height:60px;
}

.tileArea ul li img{
	width:100%;
	height:auto;
}
.leadArea {
	text-align:left;
	width:100%;
	height:60px;
	margin:0;
	padding:0;
}
.leadArea h1 {
	color:#004A28;
	font-size:28px;
	}



@media all and (-webkit-min-device-pixel-ratio:0) {/**safari*/
.tileArea {
		width:80%;
		height:auto;
		margin:0 auto;
	}
.tileArea ul li{
	display:block;
	width:30%;
	height:auto;
	float:left;
    margin:0 25px 20px 0;
	padding:0;
	overflow:hidden;
}

.tileArea ul li h2 {
	text-align:left;
	font-size:16px;
	font-weight:500;
	line-height:1.4em;
/*	line-height:2em;*//
	margin:0;
	padding:0;
}

.tileArea ul li p{
	text-align:left;
	height:60px;
}
}

@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {/**chrome*/
.tileArea {
	position:relative;
		width:80%;
		height:auto;
		margin:0 auto;
	}
.tileArea ul li{
	display:block;
	width:30%;
	height:auto;
	float:left;
    margin:0 25px 20px 0;
	padding:0;
	overflow:hidden;
}

.tileArea ul li h2 {
	text-align:left;
	font-size:16px;
	font-weight:500;
	line-height:1.4em;
/*	line-height:2em;*/
	margin:0;
	padding:0;
}

.tileArea ul li p{
	text-align:left;
	height:60px;
}
}


}

/*
@media only screen and (max-width: 1024px) {
.projectArea li{
	width:30%;
	height:29%;
}
}
*/

@media only screen and (max-width:940px) {
	
.tileArea ul li{
	height:auto;
}
@media all and (-webkit-min-device-pixel-ratio:0) {/**safari*/
.tileArea ul li{
	height:auto;
}}
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {/**chrome*/
.tileArea ul li{
	height:auto;
}}

.tileArea ul li h2 {
	font-size:13px;
	line-height:1.3em;
}
}

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

/*.tileArea h1 {
	padding:6% 0;
	margin:0 7px;
}
.tileArea h2 {
	padding:6% 0;
	margin:0 7px;
}*/
.tileArea ul{
	padding:40px 0 0 0;
}
.tileArea ul li{
	width:47%;
	height:auto;
/*	height:auto;*/
	margin:0 4px 16px 2px;
}
.tileArea ul li div:nth-child(1){
	float:none;
	width:100%;
}
.tileArea ul li div:nth-child(2){
	float:none;
	width:100%;
}

.tileArea ul li p{
	font-size:10px;
}
.leadArea {
	height:35px;
}
.leadArea h1 {
	font-size:20px;
	}
.leadAreaSpace {
	margin-top:60px;
}
.leadArea .mgTspace {
	margin-top:10px;
	}
	
/*.tileArea li:nth-child(even){/*2,4,6,*/
/*	width:49%;
	height:auto;
	margin:0 1px 1px 1px;
}*/

/*.tileArea li:nth-child(odd) {/***1,3,5,7/
	width:47%;
	height:auto;
	margin:0 2px 20px 2px;
}*/
/*.tileArea li:last-child{
	margin-bottom:37px !important;
}*/
/**
.projectArea li:nth-child(even) {**2,4,6,8***
}**/

/*
@-moz-document url-prefix() {
.tileArea ul li{
	width:49%;
	height:auto;
	margin:0 1px 0px 1px;
}
.tileArea li:nth-child(odd) {
	width:49%;
	height:auto;
	margin:0 2px 0px 0px;
}
}*/

@media all and (-webkit-min-device-pixel-ratio:0) {/***safari***/
.tileArea ul li{
	width:47%;
	height:auto;
/*	height:auto;*/
	margin:0 4px 16px 2px;
}
/*.tileArea ul li:nth-child(3), 
.tileArea ul li:nth-child(6),
.tileArea ul li:nth-child(9) {
	margin:0 4px 16px 2px;
}*/
}
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {/***chrome***/
.tileArea ul li{
	width:47%;
	height:auto;
/*	height:auto;*/
	margin:0 4px 16px 2px;
}
/*.tileArea ul li:nth-child(3), 
.tileArea ul li:nth-child(6),
.tileArea ul li:nth-child(9) {
	margin:0 4px 16px 2px;
}*/
}

}
/***end 768px ****/


@media only screen and (max-width: 480px) {
.tileArea {
/*	position:relative;*/
		width:90%;
		height:auto;
/*		height:300px;*//
		margin:0 auto;
}
.tileArea ul li{
	width:100%;
	height:auto;
/*	height:320px;*/
    margin:0 0 16px 0;
}

.tileArea ul li div:nth-child(1){
	float:none;
	width:100%;
}
.tileArea ul li div:nth-child(2){
	float:none;
	width:100%;
}
/*
.tileArea ul li:nth-child(3), 
.tileArea ul li:nth-child(6),
.tileArea ul li:nth-child(9) {
	margin:0 0 16px 0;
}*/
.tileArea ul li img{
	float:left;
	width:100%;
/*	width:40%;*/
	height:auto;
	margin:0 10px 0 0;
}
.tileArea ul li h2 {
	text-align:left;
	font-size:14px;
	font-weight:500;
	line-height:1.3em;
	margin:0;
	padding:0;
}

.tileArea ul li p{
	line-height:1.8em;
	text-align:left;
	height:50px;
	margin:8px 0 0 0;
}

}