/* CSS Document */
#h1_area .bg_h1
{
	background-image: url(images/bg_h1.jpg);

}

#gallery .body
{
	background-color: #d3e9e8;
}

#gallery h2
{
	font-size: 32px;
	font-weight: normal;
	color: #FFF;
	background-color: #3F8B82;
	text-align: center;
	padding: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#gallery p
{
	text-align: center;
}

#gallery dl
{
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#gallery dl dt
{
	display: table-cell;
	width: 250px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	overflow: hidden;
}


#gallery dl dt img
{
	height: auto;
	width: 100%;
	cursor:pointer;
	transition: 1s all;
}

#gallery dl dt img:hover
{
	transform:scale(1.2,1.2);
	transition:1s all;

	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}

#gallery dl dd
{
	display: table-cell;
	margin: 0px;
	padding: 0px;
}

#gallery2 .body
{
	background-color: #F3F0B9;
}

#gallery2 h2
{
	font-size: 32px;
	font-weight: normal;
	color: #FFF;
	background-color: #A49A0D;
	text-align: center;
	padding: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#gallery2 p
{
	text-align: center;
}

#gallery2 dl
{
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#gallery2 dl dt
{
	display: table-cell;
	width: 250px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	overflow: hidden;
}


#gallery2 dl dt img
{
	height: auto;
	width: 100%;
	cursor:pointer;
	transition: 1s all;
}

#gallery2 dl dt img:hover
{
	transform:scale(1.2,1.2);
	transition:1s all;

	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}

#gallery2 dl dd
{
	display: table-cell;
	margin: 0px;
	padding: 0px;
}


/* PCのみ設定  768 以上*/
@media screen and (min-width:768px)
{

#about .text
{
	width: 710px;
}

#gallery .pad
{
	padding-top: 0px;
	padding-right: 75px;
	padding-bottom: 75px;
	padding-left: 75px;
}


#gallery dl dt .photo
{
	height: 170px;
	overflow: hidden;
}


#gallery dl dd:nth-child(8n)
{
	display: table-row;
	height: 20px;
}

#gallery2 .pad
{
	padding-top: 0px;
	padding-right: 75px;
	padding-bottom: 75px;
	padding-left: 75px;
}


#gallery2 dl dt .photo
{
	height: 170px;
	overflow: hidden;
}


#gallery2 dl dd:nth-child(8n)
{
	display: table-row;
	height: 20px;
}



}

/* タブレットレイアウト : 768 px 〜 959 px*/
@media screen and (min-width:768px) and (max-width:1199px)
{

#about .text
{
	width: 58%;
}

#about .photo_r
{
	width: 38%;
}

#gallery .pad
{
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

#gallery dl dt
{
	width: 24%;
}

	
#gallery2 .pad
{
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

#gallery2 dl dt
{
	width: 24%;
}

}

/* スマホ設定  768 以下*/
@media screen and (max-width:767px)
{

#gallery 
{
	padding-top: 0px;
	margin-bottom: 30px;
	margin-top: 0px;
}

#gallery h3
{
	background: rgba(252, 250, 248, 0.75);
	padding-top: 0px;
	padding-bottom: 10px;
	margin-bottom: 60px;
}

#gallery .body
{
	padding: 0px;
}


#gallery .pad
{
	padding: 10px;
}


#gallery dl
{
	display: inline-table;
}

#gallery dl dt
{
	width: 48%;
}

#gallery dl dd:nth-child(4n)
{
	display: table-row;
	height: 10px;
}

#gallery2
{
	padding-top: 0px;
	margin-bottom: 30px;
	margin-top: 0px;
}

#gallery2 h3
{
	background: rgba(252, 250, 248, 0.75);
	padding-top: 0px;
	padding-bottom: 10px;
	margin-bottom: 60px;
}

#gallery2 .body
{
	padding: 0px;
}


#gallery2 .pad
{
	padding: 10px;
}


#gallery2 dl
{
	display: inline-table;
}

#gallery2 dl dt
{
	width: 48%;
}

#gallery2 dl dd:nth-child(4n)
{
	display: table-row;
	height: 10px;
}

}