@charset "UTF-8";

/* 石の詳細　ベース */
@media (min-width: 375px) {
	br.br375{
		display:none;
	}
}
@media (min-width: 414px) {
	br.br414{
		display:none;
	}
}
@media (min-width: 568px) {
	br.br568{
		display:none;
	}
}
@media (min-width: 667px) {
	br.br667{
		display:none;
	}
}
@media (min-width: 736px) {
	br.br736{
		display:none;
	}
}
@media (min-width: 768px) {
	br.br768{
		display:none;
	}
}
@media (min-width: 1024px) {
	br.br1024{
		display:none;
	}
}

br.br768-2{
	display:none;
}
@media (min-width: 768px) {
	br.br768-2{
		display:inline;
	}
	.space768{
		display:none;
	}
}

/* メインイメージ */
#main-image{
	background:none;
	padding:0;
	margin:0;
}

/* 大仏のアイコン */
#icon{
	margin:25px auto 0;
}

/* コンテンツ */
.contents{
	margin:50px 10px;
	padding:0;
}
@media (min-width: 768px) {
	.contents{
		margin:70px auto !important;
		width:688px;
	}
}
@media (min-width: 980px) {
	.contents{
		width:820px;
	}
}
@media (min-width: 1200px) {
	.contents{
		width:980px;
	}
}

/* メインキャッチ */
#main-catch{
	margin-top:30px !important;
}
#main-catch h5{
	text-align:center;
	font-size:2.2rem;
	line-height:120%;
}
#main-catch h5.sub{
	font-size:1.6rem;
	line-height:140%;
	padding-top:4px;
}
#main-catch p{
	text-align:center;
	font-size:1.5rem;
	padding-top:25px;
}
@media (min-width: 568px) {
	#main-catch h5.sub{
		padding-top:3px;
	}
}
@media (min-width: 768px) {
	#main-catch h5{
		font-size:2.7rem;
	}
}
@media (min-width: 1024px) {
	#main-catch h5{
		font-size:3.0rem;
	}
	#main-catch h5.sub{
		font-size:1.7rem;
	}
}

/* お墓の説明 */
#grave-item{
	text-align:center;
}
#grave-title{
	text-align:center;
	margin:0 auto;
	width:250px;
	padding-bottom:30px;
}
#grave-title h4{
	font-size:1.8rem;
	border-bottom:2px solid #333;
	padding-bottom:5px;
	margin-bottom:6px;
}
#grave-title h4.eng{
	border:none;
	font-family:'NewYork';
	font-size:1.5rem;
	padding:0;
	margin:0;
}
#grave-title img{
	padding:25px 0 0;
	width:80px;
}
#grave-title p{
	font-family:'NewYork';
	font-size:1.2rem;
}
@media (min-width: 768px) {
	#grave-title{
		width:300px;
	}
	#grave-title h4{
		font-size:2.0rem;
	}
	#grave-title h4.eng{
		font-size:1.7rem;
	}
}
@media (min-width: 1024px) {
	#grave-title{
		width:400px;
	}
	#grave-title h4{
		font-size:2.2rem;
	}
	#grave-title h4.eng{
		font-size:1.9rem;
	}
}

#grave-photo{
	margin:0 auto;
	padding-top:25px;
	text-align:center;
}
#stone-logo{
	margin:0 auto;
	width:170px;
	padding-top:15px;
}
@media (min-width: 568px) {
	#grave-photo{
		width:350px;
	}
	#grave-photo.yoko{
		width:400px;
	}
}
@media (min-width: 768px) {
	#grave-photo{
		width:370px;
	}
	#grave-photo.yoko{
		width:550px;
	}
}
@media (min-width: 1024px) {
	#grave-photo.yoko{
		width:600px;
	}
}

/* 見本墓 */
#grave-exam{
	font-size:0;
	margin-left:7%;
	margin-right:7%;
}
.grave-exam{
	padding-top:40px;
}
.grave-exam:first-child{
	padding-top:0;
}
.grave-exam p{
	text-align:center;
	font-size:1.5rem;
	line-height:160%;
}
.menseki{
	font-size:150%;
}
@media (min-width: 568px) {
	.grave-exam{
		display:inline-block;
		vertical-align:middle;
		width:calc(50% - 15px);
	}
	.grave-exam:nth-child(odd){
		margin-right:30px;
	}
	.grave-exam:nth-child(2){
		padding-top:0;
	}
	.grave-exam.one{
		margin-left:calc(25% + 7.5px);
	}
	.grave-exam.one-third:nth-child(3){
		margin-left:calc((100% - 30px)/4 + 15px);
	}
}
@media (min-width: 667px) {
	#grave-exam{
		margin-left:5%;
		margin-right:5%;
	}
}
@media (min-width: 768px) {
	#grave-exam{
		margin-top:0 !important;
	}
	.grave-exam.one{
		width:35%;
		margin-left:calc(65%/2);
	}
	.grave-exam.one-third{
		width:calc(33.333% - 20px);
	}
	.grave-exam.one-third:nth-child(2){
		padding-top:0;
		margin-right:30px;
	}
	.grave-exam.one-third:nth-child(3){
		padding-top:0;
		margin-left:0;
		margin-right:0;
	}
	.grave-exam.quarter{
		width:calc(25% - 12px);
		margin-right:16px;
	}
	.grave-exam.quarter:nth-child(odd){
		margin-right:16px;
	}
	.grave-exam.quarter:last-child{
		margin-right:0;
	}
}
@media (min-width: 1024px) {
	.grave-exam.quarter{
		width:calc(25% - 21px);
		margin-right:28px;
	}
	.grave-exam.quarter:nth-child(odd){
		margin-right:28px;
	}
}

/* 石の説明 */
#stone-item{
	padding-bottom:30px;
	font-family:'Verdana','BIZ UDゴシック','BIZ UDGothic','游ゴシック','YuGothic','ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
#stone-item h5{
	font-size:1.7rem;
	padding-bottom:7px;
}
#stone-item p{
	font-size:1.3rem;
	line-height:170%;
}
.meiseki1{
	padding-bottom:25px;
}
.meiseki2{
	padding-top:30px;
}
@media (min-width: 568px) {
	#stone-item{
		margin-left:auto;
		margin-right:auto;
		width:70%;
	}
}
@media (min-width: 1024px) {
	#stone-item{
		width:600px;
	}
}
@media (min-width: 1200px) {
	#stone-item{
		width:700px;
	}
}

/* パララックス */
.parallax-window{
	height:60vh;
}
@media (min-width: 568px) {
	.parallax-window{
		height:100vh;
	}
}
@media (min-width: 768px) {
	.parallax-window{
		height:50vh;
	}
}
@media (min-width: 812px) {
	.parallax-window{
		height:100vh;
	}
}
@media (min-width: 1024px) {
	.parallax-window{
		height:70vh;
	}
}

.parallax{
	position:relative;
	height:60vh;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
}
@media (min-width: 568px) {
	.parallax{
		height:100vh;
	}
}
@media (min-width: 768px) {
	.parallax{
		height:50vh;
	}
}
@media (min-width: 812px) {
	.parallax{
		height:100vh;
	}
}
@media (min-width: 1024px) {
	.parallax{
		height:70vh;
	}
}

.parallax-item{
	position:relative;
}
.parallax-title{
	position:absolute;
	bottom:10px;
	width:100%;
	text-align:center;
	color:#FFF;
	font-size:1.7rem;
	text-shadow:0 1px 0 #333;
	font-family:'Verdana','BIZ UDゴシック','BIZ UDGothic','游ゴシック','YuGothic','ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
.parallax-title.black{
	color:#333;
	text-shadow:0 1px 0 #FFF;
}
@media (min-width: 768px) {
	.parallax-title{
		font-size:1.9rem;
	}
}
@media (min-width: 1024px) {
	.parallax-title{
		font-size:2.0rem;
	}
}