/*-------ショップリストページ用CSS----------*/





/*◆◆◆◆◆◆◆PC用◆◆◆◆◆◆◆*/
@media only screen and (min-width: 641px) {

/*施工事例1枚目写真*/
.list_img_con{
	text-align:center;
	width:1000px;
	margin:0 auto;
}

.list_img_box img{
	width:1000px;
	height:auto;
}

/*タイトル*/
.list_title{
	font-size:1.6em;
	font-weight:400;
	line-height:1.1em;
	padding-top:30px;
}
.list_name{
	font-size:0.8em;
	margin-bottom:3px;

}


.list_com{
	line-height:1.0em;
	padding-bottom:30px;
}





.list_txt_box{
	margin:30px auto
}


/*内容全包*/
.page_main_con{
	width:1000px;
	margin:40px auto 50px;
}




/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
/*写真掲載部分*/

/*写真置き大枠*/
#page_photo_con{
	text-align:center;
	width: 1000px;
	margin: 0 auto 60px;   /*中央寄せ*/
	position: relative;
}

/*写真無いとき!*/
.noimage{
	display:inline-block;
	margin: 10px 10px 60px;
	background-size: cover;
	background-position:center center;
}






/*masonryのサイズとか*/
.item {
	margin: 10px;
	width: 200px;
	padding: 8px;
	border: 1px solid #eee;

}
.item.x2 {
	width: 400px;
}
.item.x3 {
	width: 620px;
}
.item img {
	width: 100%;

}

/*masonryのサイズ-after用*/
.item2 {
	margin: 10px;
	width: 200px;
	padding: 8px;
	border: 1px solid #eee;

}
.item2.x2 {
	width: 400px;
}
.item2.x3 {
	width: 620px;
}
.item2 img {
	width: 100%;

}




/*戻るボタン*/
.list_back_con{
	text-align:center;
	margin:15px;
}


/*エラーページ*/
/*どこ用?分かったら書き込む事*/
.error_con{
	width:600px;
	margin:0 auto;
	text-align:center;
}
.error_title{
	margin:100px 0 40px;
	font-size:26px;
}

.error_txt{
	text-align:left;
	margin:20px 0 250px;
	line-height:1.5em;
}






/*◆◆◆◆◆◆◆↓PC用◆◆◆◆◆◆◆*/
}
/*◆◆◆◆◆◆◆↑PC用◆◆◆◆◆◆◆*/

/*◆◆◆◆◆◆◆スマホ用◆◆◆◆◆◆◆*/
@media only screen and (max-width: 640px) {


/*施工事例1枚目写真*/
.list_img_con{
	text-align:center;
	width:100%;
	margin:0 auto;
}

.list_img_box img{
	width:100%;
	height:auto;
}

/*タイトル*/
.list_title{
	font-size:1.3em;
	font-weight:400;
	line-height:1.1em;
	padding-top:30px;
	margin-bottom:20px;
}
.list_name{
	font-size:1.0em;
	margin-bottom:20px;

}


.list_com{
	line-height:1.2em;
	padding-bottom:30px;
}





.list_txt_box{
	margin:30px auto
}


/*内容全包*/
.page_main_con{
	width:100%;
	margin:40px auto 50px;
}




/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
/*写真掲載部分*/


/*写真置き大枠*/
#page_photo_con{
	text-align:center;
	width: 100%;
	margin: 0 auto 60px;   /*中央寄せ*/
	position: relative;
}







/*masonryのサイズとか*/
.item {
	margin: 1%;
	width: 45%;
	padding: 1%;
	border: 1px solid #eee;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
}
.item.x2 {
	width: 400px;
}
.item.x3 {
	width: 620px;
}
.item img {
	width: 100%;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */

}

/*masonryのサイズ-after用*/
.item2 {
	margin: 1%;
	width: 45%;
	padding: 1%;
	border: 1px solid #eee;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
}
.item2.x2 {
	width: 400px;
}
.item2.x3 {
	width: 620px;
}
.item2 img {
	width: 100%;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */

}


/*戻るボタン*/
.list_back_con{
	width:100%;
	text-align:center;
}


/*エラーページ*/
/*どこ用?分かったら書き込む事*/
.error_con{
	width:600px;
	margin:0 auto;
	text-align:center;
}
.error_title{
	margin:100px 0 40px;
	font-size:26px;
}

.error_txt{
	text-align:left;
	margin:20px 0 250px;
	line-height:1.5em;
}



/*◆◆◆◆◆◆◆↓スマホ用◆◆◆◆◆◆◆*/	
}
/*◆◆◆◆◆◆◆↑スマホ用◆◆◆◆◆◆◆*/