/* ////////////////////////////////////////////////// 画像サイズの初期化 */
#contentsArea .detailPhoto img {
	height: auto;
	width: auto;
}





/* ////////////////////////////////////////////////// smartphone */
/* -------------------------------------------------- contentsArea */
/* .infoList */
#contentsArea ul.infoList {
	padding: 0 4.166%;
}

#contentsArea ul.infoList li {
	border-bottom: dotted 1px #000;
	margin: 0 0 10px 0;
	overflow: hidden;
	padding: 0 0 10px 0;
}

#contentsArea ul.infoList li div.photo {
	float: left;
	width: 28%;
}

#contentsArea ul.infoList li div.photo img {
	width: 100%;
}

#contentsArea ul.infoList li div.infoTitle {
	float: left;
	padding: 0 0 0 3%;
	vertical-align: middle;
	width: 67%;
}



/* detail */
#contentsArea .detailPhoto {
	border-bottom: dotted 1px #000;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	text-align: center;
}

#contentsArea .detailPhoto img {
	width: 75%;
}


#contentsArea p {
	padding: 0 5%;
}





/* ////////////////////////////////////////////////// tablet */
@media screen and (min-width: 481px) {



/* -------------------------------------------------- contentsArea */
	#contentsArea ul.infoList li {
		font-size: 14px;
		margin: 0 0 15px 0;
		padding: 0 5px 15px 5px;
	}

	#contentsArea ul.infoList li div.photo {
		float: none;
		display:inline-block;
	}

	#contentsArea ul.infoList li div.infoTitle {
		float: none;
		/* display: table-cell; */
		display: inline-block;
	}

	#contentsArea p.backToHome {
		margin: 0 auto 30px auto;
		padding: 0;
		width: 98%;
	}



	/* detail */
	#contentsArea .detailPhoto {
		border-bottom: dotted 1px #000;
		margin: 0 0 15px 0;
		padding: 0 0 15px 0;
		text-align: center;
	}

	#contentsArea .detailPhoto img {
		width: 50%;
	}


	#contentsArea p {
		font-size: 14px;
		padding: 0 100px;
	}



}





/* ////////////////////////////////////////////////// PC */
@media screen and (min-width: 769px) {



/* -------------------------------------------------- contentsArea */
	#contentsArea ul.infoList li {
		padding: 0 0 15px 200px;
	}

	#contentsArea ul.infoList li div.photo {
		width: 135px;
		display: inline-block;
	}

	#contentsArea p.backToHome {
		width: 960px;
	}



	/* detail */
	#contentsArea .detailPhoto {
		border-bottom: dotted 1px #000;
		margin: 0 0 20px 0;
		padding: 0 0 20px 0;
		text-align: center;
	}

	#contentsArea .detailPhoto img {
		width: 534px;
	}


	#contentsArea p {
		font-size: 14px;
	}



}