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

/*写真2カラム 囲み罫無し*/
#main #contents .twoPhoto {
	font-size:85%;
	margin-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#main #contents .twoPhoto .section {
	float: left;
	width: 400px;
	position: relative;
	overflow: hidden;
	margin-bottom: 10px;
	margin-right: 20px;
}
#main #contents .twoPhoto .section img{
	width:100%;
	height: auto;
}
#main #contents .twoPhoto .lastChildT {
	margin-right: 0;
}

@media only screen and (max-width: 960px) {
#main #contents .twoPhoto .section {
	width: 40%;
}
}
@media only screen and (max-width:560px) {
/*2カラム 囲み罫無し*/
#main #contents .twoPhoto {
	padding-bottom: 0;
	margin-bottom: 0;
}
#main #contents .twoPhoto .section {
	float: none;
	width: auto;
	margin-bottom: 10px;
	margin-right: 0;
}
}

/*写真3カラム 囲み罫無し*/
#main #contents .threePhoto {
	font-size:85%;
	margin-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#main #contents .threePhoto .section {
	float: left;
	width: 260px;
	position: relative;
	overflow: hidden;
	margin-bottom: 10px;
	margin-right: 15px;
}
#main #contents .threePhoto .section img{
	width:100%;
	height: auto;
}
#main #contents .threePhoto .lastChildT {
	margin-right: 0;
}

@media only screen and (max-width: 960px) {
#main #contents .threePhoto .section {
	width: 40%;
}
}
@media only screen and (max-width:660px) {
/*3カラム 囲み罫無し*/
#main #contents .threePhoto {
	padding-bottom: 0;
	margin-bottom: 0;
}
#main #contents .threePhoto .section {
	float: none;
	width: auto;
	margin-bottom: 10px;
	margin-right: 0;
}
}

/*写真幅 30％左*/

#main #contents .photo30paL {
	float: left;
	width: 30%;
	position: relative;
	overflow: hidden;
	margin-bottom: 10px;
	margin-right: 15px;
}
#main #contents .photo30paL img{
	width:100%;
	height: auto;
}

/*写真幅 30％右*/

#main #contents .photo30paR {
	float:right;
	width: 30%;
	position: relative;
	overflow: hidden;
	margin-bottom: 10px;
	margin-left: 15px;
}
#main #contents .photo30paR img{
	width:100%;
	height: auto;
}

@media only screen and (max-width:660px) {
	#main #contents .photo30paL, #main #contents .photo30paR {
	float: none;
	width: 100%;
	margin-left:0;
}
}

/*写真幅 20％左*/

#main #contents .photo20paL {
	float: left;
	width: 20%;
	position: relative;
	overflow: hidden;
	margin-bottom: 10px;
	margin-right: 15px;
}
#main #contents .photo20paL img{
	width:100%;
	height: auto;
}
/*写真幅 20％右*/

#main #contents .photo20paR {
	float:right;
	width: 20%;
	position: relative;
	overflow: hidden;
	margin-bottom: 10px;
	margin-left: 15px;
}
#main #contents .photo20paR img{
	width:100%;
	height: auto;
}

@media only screen and (max-width:660px) {
	#main #contents .photo20paL, #main #contents .photo20paR {
	float: none;
	width: 100%;
	margin-left:0;
}
}


/*写真4カラム 囲み罫無し*/
#main #contents .fourPhoto {
	font-size:85%;
	margin-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#main #contents .fourPhoto .section {
	float: left;
	width: 195px;
	position: relative;
	overflow: hidden;
	margin-bottom: 10px;
	margin-right: 15px;
}
#main #contents .fourPhoto .section img{
	width:100%;
	height: auto;
}
#main #contents .fourPhoto .lastChildT {
	margin-right: 0;
}

@media only screen and (max-width: 960px) {
#main #contents .fourPhoto .section {
	width: 40%;
}
}
@media only screen and (max-width:660px) {
/*3カラム 囲み罫無し*/
#main #contents .fourPhoto {
	padding-bottom: 0;
	margin-bottom: 0;
}
#main #contents .fourPhoto .section {
	float: none;
	width: auto;
	margin-bottom: 10px;
	margin-right: 0;
}
}