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

/***************
	contents
***************/

#contents{
	width: 1000px;
	margin: 0 auto;
	color: #333;
}

#contents a img{
	-webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all .1s ease;
}

#contents a:hover img{
	opacity:0.75;
	filter:alpha(opacity=75);
	-ms-filter: “alpha( opacity=75 )”;
}

h3{
  margin-bottom: 35px;
}

#contents h4{
  background: url(../images/shrines-temples/bg_subtitle.png) repeat-y left #f0d7f2!important;
  color: #552a58!important;
  margin-top: 30px!important;
}

.mainPhoto img {
  border-radius: 8px;
  box-shadow: 0 0 12px -5px rgba(0, 0, 0, 0.8);
  margin-bottom: 30px;
}

.photoBox{
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap:40px;
  padding: 0 30px 20px;
}

.photoBoxChild {
  width: calc(100%/2 - 15px);
  height: auto;
  display: flex;
  flex-direction:column;
  text-align: center;
}

.photoBoxImg {
  width: 100%;
  height: auto;
}

.photoBoxImg img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  box-shadow: 0 0 12px -5px rgba(0, 0, 0, 0.8);
}

.photoBoxImg p {
  font-size: 14px;
  margin-top: 10px;
}

#content3 .box1{
	padding-bottom: 30px;
}

#content3 .box1 ul{
	width: 100%;
}

#content3 .box1 ul li{
	width: 220px;
	float: left;
	margin-right: 21px;
	text-align: center;
}

#content3 .box1 ul li:last-child{
	margin-right: 0;
}

#content3 .box1 ul li img{
	display: block;
	margin-bottom: 15px;
}

#content3 .box1 ul li a{
	font-size: 15px;
	color: #552a58!important;
}

#content3 .box1 ul li a:hover{
	color: #552a58!important;
}

/*---------------------
	ページ内リンク
---------------------*/
.page_link{
	margin: 50px 0 40px;
	text-align: center;
	font-size: 0;
}

.page_link li{
	display: inline-block;
	background-color: #EEE;
	font-size: 15px;
	*display: inline;
	*zoom: 1;
	min-width: 140px;
	width: auto !important;
	width: 140px;
	margin-right: 9px;
	-webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
}

.page_link li:hover{
	background-color: #CCC;
}

.page_link li span{
	vertical-align: middle;
	font-size: 14px;
}

.page_link li a{
	color: #552a58;
	text-decoration: none;
	display: block;
	padding: 8px;
}

/*---------------
	コンテンツスタイル
---------------*/

#content_img, #content1, #content2, #content3 {
  padding-bottom: 40px;
}