@charset "UTF-8";

/* 霊園 */
.content#grave{
	margin-top:50px;
}
@media (min-width: 768px) {
	.content#grave{
		margin-top:60px;
	}
}
@media (min-width: 1200px) {
	.content#grave{
		margin-top:70px;
	}
}
.photo{
	text-align:center;
}
.photo ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
.photo ul li{
	width:100%;
	padding-top:30px;
}
.photo ul li img{
	line-height:0;
	vertical-align:bottom;
}
.photo ul li h6{
	font-size:1.7rem;
	padding:10px 0 4px;
}
.photo ul li p{
	text-align:left;
	font-size:1.4rem;
	line-height:160%;
}
@media (min-width: 568px) {
	.photo ul li{
		width:calc(50% - 15px);
	}
	.photo ul li:nth-child(odd){
		margin-right:30px;
	}
}
@media (min-width: 1024px) {
	.photo ul li{
		width:calc(100%/3 - 26px);
		margin-right:39px;
	}
	.photo ul li:nth-child(odd){
		margin-right:39px;
	}
	.photo ul li:nth-child(3n){
		margin-right:0;
	}
	.photo ul li h6.sotosaku{
		letter-spacing:-0.01em;
	}
}
@media (min-width: 1080px) {
	.photo ul li h6.sotosaku{
		letter-spacing:0;
	}
}

.photo#grave-photo ul li img{
	width:80%;
}
@media (min-width: 568px) {
	.photo#grave-photo ul li img{
		width:90%;
	}
}
@media (min-width: 768px) {
	.photo#grave-photo ul li img{
		width:80%;
	}
}

br.br568-666, br.br568-735{
	display:none;
}
@media (min-width: 568px) and (max-width: 666px){
	br.br568-666{
		display:inline;
	}
	.space568-666{
		display:none;
	}
}
@media (min-width: 568px) and (max-width: 735px){
	br.br568-735, .space568-735{
		display:inline;
	}
	.space568-735{
		display:none;
	}
}

#site-plan{
	margin-top:50px;
}
#site-plan img{
	padding-top:25px;
}
#site-plan p.sign{
	text-align:right;
}
@media (min-width: 768px) {
	#site-plan{
		margin-top:60px;
	}
	#site-plan h5{
		padding-bottom:10px;
	}
}
@media (min-width: 1024px) {
	#site-plan{
		background:url(../cemetery/img/site-plan.svg) no-repeat right center;
		background-size:60%;
	}
	#site-plan h5{
		text-align:left;
	}
	#site-plan p.sign{
		text-align:left;
		padding-left:310px;
	}
}
@media (min-width: 1200px) {
	#site-plan{
		margin-top:70px;
	}
	#site-plan p.sign{
		padding-left:330px;
	}
}

br.br1024-2{
	display:none;
}
@media (min-width: 1024px) {
	br.br1024-2{
		display:inline;
	}
}

#price{
	padding:40px 0 0;
	font-family:'Open Sans','游ゴシック','YuGothic','ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
#price h6{
	font-family:'Open Sans';
	font-weight:500;
	font-size:2.2rem;
	text-align:center;
	padding:0 0 10px;
}
#price-box{
	overflow-x:auto;
	display:block;
	-ms-overflow-style:none; /* Edge */
	scrollbar-width:none; /* FireFox */
}
#price-box::-webkit-scrollbar{
	display:none; /* Chrome */
}
#price-box table th,
#price-box table td{
	white-space:nowrap;
}
table{
	padding-bottom:5px;
}
table td{
	text-align:center;
	padding:5px 3px 6px;
}
.headline{
	background:#AAA;
	color:#FFF;
	font-size:1.2rem;
}
.extent{
	font-size:1.3rem;
}
.price{
	background:#EEE;
	font-size:1.3rem;
}
#price ol{
	margin:0;
	padding:0;
}
#price ol li{
	position:relative;
	list-style:none;
	margin:0;
	padding:1px 0;
	padding-left:1.25em;
	font-size:1.2rem;
}
#price ol li span{
	position:absolute;
	left:0;
	margin:0;
}
@media (min-width: 568px) {
	#price-box{
		overflow-x:none;
	}
	#price-box table{
		width:100%;
	}
	table td{
		padding:5px 0;
	}
	.headline{
		font-size:1.3rem;
	}
	.extent,
	.price{
		font-size:1.4rem;
	}
}
@media (min-width: 768px) {
	#price h6{
		font-size:2.5rem;
		padding:0 0 15px;
	}
	.headline{
		font-size:1.4rem;
	}
	.extent,
	.price{
		font-size:1.5rem;
	}
}
@media (min-width: 1200px) {
	#price{
		padding-top:55px;
	}
	#price h6{
		font-size:2.7rem;
	}
}