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


/*墓地・墓跡processページ　調節*/
#bosekiProcessStep .sec-cmn-comment {
	margin: 20px 0 45px 0;
}
@media screen and (max-width: 767px) {
	#bosekiProcessStep .sec-cmn-comment {
		margin: 5px 0 30px 0;
	}
}

/*墓地・墓石トップ　調節*/
#bosekiIndex .sec-cmn-comment {
	margin: 30px 0 70px 0;
}
@media screen and (max-width: 767px) {
	#bosekiIndex .sec-cmn-comment {
		margin: 10px 0 30px 0;
	}
}

/*============================================
　暮石の流れ ボタン
============================================*/

@media screen and (max-width: 767px) {
	#bosekiProcessStep .sec-cmn-btn .wrap-btn:nth-of-type(1) {
		padding-right: 5px;
	}
	#bosekiProcessStep .sec-cmn-btn .wrap-btn:nth-of-type(2) {
		padding-left: 5px;
	}
}

/*墓地・墓石　ボタン外側　他要素との間隔 stage*/
#bosekiProcessStep #layout-cmn-process-01 .sec-cmn-btn.sec-btn-process {
	margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
	#bosekiProcessStep #layout-cmn-process-01 .sec-cmn-btn.sec-btn-process {
		margin-bottom: 0;
	}
}

/*墓地・墓石*/
#bosekiIndex #layout-cmn-topics-01 .sec-topics-process {
	margin-bottom: 120px;
}
#bosekiSearch .text-intro {
	font-family: 'ryo-display-plusn',  ten-mincho-text, '游明朝', YuMincho, 'ヒラギノ明朝', Hiragino Mincho ProN, 'ＭＳ Ｐ明朝', serif;
	font-size: 2rem;
	margin-bottom: 80px!important;
}
@media screen and (max-width: 767px) {
	#bosekiSearch .text-intro {
		font-size: 1.5rem;
		margin-bottom: 40px!important;
	}
}
#bosekiSearch .text-intro .text-small {
	font-size: 1rem;
}
@media screen and (max-width: 767px) {
	#bosekiSearch .text-intro .text-small {
		margin-top: 15px;
	}
}
	
#bosekiSearch .title-origin {
	font-size: 1.4rem;
	border-bottom: 1px #333 solid;
	margin-top: 25px;
	margin-right: 15px;
	margin-bottom: 15px!important;
}
#bosekiSearch #sec-stone .col-6:nth-of-type(2n) .title-origin {
	margin-right: 0px;
	margin-left: 15px;
}
@media screen and (max-width: 767px) {
	#bosekiSearch .title-origin {
		margin-top: 10px;
		margin-right: 10px;
		margin-left: 10px;
	}
}
#bosekiSearch .area-stone {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 0 -15px;
}
#bosekiSearch #sec-stone .col-6:nth-of-type(2n) .area-stone {
	margin: 0 -15px 0 0;
}
@media screen and (max-width: 767px) {
	#bosekiSearch .area-stone {
		margin: 0;
	}
}
	
	
#bosekiSearch .area-stone .wrap-stone {
	flex: 0 0 calc(25% - 30px);
	margin: 0 15px;
}
@media screen and (max-width: 767px) {
	#bosekiSearch .area-stone .wrap-stone {
		flex: 0 0 calc(25% - 20px);
		margin: 0 10px;
	}
}
#bosekiSearch .wrap-img-stone .img-stone {
	width: 100%;
}
#bosekiSearch .text-stone {
	text-align: center;
	margin-bottom: 15px!important;
}

#bosekiSearch .text-boseki {
	font-size: 1.1rem;
}

#bosekiSearch .area-intro-boseki {
	margin-top: 50px;
	margin-bottom: 50px;
}
#bosekiSearch .area-intro-boseki .link-inro-boseki {
	display: block;
	font-size: 1rem;
	color: #000;
	border: 3px rgba(123,123,123,0.75) solid;
	padding: 0 10px;
	margin-top: 50px;
	border-radius: 3px;
	min-height: 70px;
	text-align: center;
	line-height: 70px;
	position: relative;
}
@media screen and (max-width: 767px) {
	#bosekiSearch .area-intro-boseki .link-inro-boseki {
		margin-top: 50px;
		margin-bottom: 80px;
	}
}
#bosekiSearch .area-intro-boseki .link-inro-boseki.btn-blue {
	border-color: #0B2B9D;
}
#bosekiSearch .area-intro-boseki .link-inro-boseki.btn-red {
	border-color: #96080B;
}

#bosekiSearch .area-intro-boseki .link-inro-boseki::before {
	font-family: "Font Awesome 5 free";
	font-size: 1.4rem;
	content: '\f054';
	font-weight: 700;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
#bosekiSearch .area-intro-boseki .link-inro-boseki.btn-blue::before {
	color: #0B2B9D;
}
#bosekiSearch .area-intro-boseki .link-inro-boseki.btn-red::before {
	color: #96080B;
}


#bosekiProcessStep #layout-cmn-process-01 .title-process-center {
	margin-top: 0px;
}
@media screen and (max-width: 767px) {
	#bosekiProcessStep #layout-cmn-process-01 .title-process-center {
		margin-top: 60px;
	}
}

.smartphoto {
	z-index: 10000!important;
}

.smartphoto .smartphoto-caption {
	font-size: 1.5rem;
}

#bosekiSearch .area-intro-boseki {
	margin-bottom: 120px;
}
@media screen and (max-width: 767px) {
	#bosekiSearch .area-intro-boseki {
		margin-bottom: 70px;
	}
}


#bosekiSearch .wrap-img {
	padding: 0!important;
	margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
	#bosekiSearch .wrap-img {
		margin-bottom: 30px;
	}	
}

#bosekiSearch .wrap-catalog {
	padding: 0 20px;
}
@media screen and (max-width: 991px) {
	#bosekiSearch .wrap-catalog {
		padding: 0;
	}	
}

#bosekiSearch .wrap-intro-boseki {
	padding: 0 20px;
}
@media screen and (max-width: 991px) {
	#bosekiSearch .wrap-intro-boseki {
		padding: 0;
	}
}


#bosekiSearch .wrap-youtube {
	height: 300px;
	margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
	#bosekiSearch .wrap-youtube {
		height: 200px;
		margin-bottom: 30px;
	}
}
#bosekiSearch .title-youtube {
	font-family: 'ryo-display-plusn', ten-mincho-text, '游明朝', YuMincho, 'ヒラギノ明朝', Hiragino Mincho ProN, 'ＭＳ Ｐ明朝', serif;
	font-size: 1.2rem;
	text-align: center;
}

#bosekiSearch .title-boseki {
	font-family: 'ryo-display-plusn', ten-mincho-text, '游明朝', YuMincho, 'ヒラギノ明朝', Hiragino Mincho ProN, 'ＭＳ Ｐ明朝', serif;
	font-size: 1.8rem;
	text-align: center;
	margin-top: 25px;
	margin-bottom: 15px;
	position: relative;
}
@media screen and (max-width: 767px) {
	#bosekiSearch .title-boseki {
		margin-top: 50px;
		margin-bottom: 30px;
	}
}

#bosekiSearch .title-boseki .adjust-bg {
	background-color: #fff;
	padding: 0 0 0 20px;
}

#bosekiSearch .title-boseki::before {
	display: block;
	content: "";
	width: 100%;
	height: 3px;
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
	z-index: -1;
}

#bosekiSearch .title-boseki.sakigake::before {
	background-color: #96080B;
}
#bosekiSearch .title-boseki.zen::before {
	background-color: #0B2B9D;
}

.smartphoto {
	background-color: #fff!important;
}
.smartphoto-header {
	background-color: #000!important;
}
.smartphoto .smartphoto-arrow-left,
.smartphoto .smartphoto-arrow-right {
	background-color: #000!important;
	height: 25px;
	width: 25px;
	padding: 8px;
	border-radius: 50%;
}
.smartphoto .smartphoto-arrow-left {
	left: 20px;
}
.smartphoto .smartphoto-arrow-right {
	right: 20px;
}
.smartphoto .smartphoto-arrow-left a {
	position: relative;
	left: -2px;
}
.smartphoto .smartphoto-arrow-right a {
	position: relative;
	left: 2px;
}

/*▼矢印*/
#bosekiProcessStep .sec-about-process .wrap-box-process::after {
	background-color: #fff;
	padding: 10px 0;
	text-align: center;
	display: block;
	/*アイコン調節*/
	font-family: "Font Awesome 5 free";
	font-size: 25px;
	content: '\f0d7';
	color: #BEBEBE;
	font-weight: 900;
}
@media screen and (max-width: 767px) {
	#bosekiProcessStep .sec-about-process .wrap-box-process::after {
		background-color: #fff;
		padding: 5px 0;
		text-align: center;
		display: block;
		/*アイコン調節*/
		font-family: "Font Awesome 5 free";
		font-size: 25px;
		content: '\f0d7';
		color: #BEBEBE;
		font-weight: 900;
	}
}
#bosekiProcessStep .sec-about-process .wrap-box-process:last-of-type::after {
	display: none;
}
#bosekiProcessStep .wrap-box-process {
    margin-bottom: 0;
}

#bosekiProcessStep #layout-cmn-process-01 .sec-cmn-btn.sec-btn-under {
	margin-bottom: 120px!important;
}
@media screen and (max-width: 767px) {
	#bosekiProcessStep #layout-cmn-process-01 .sec-cmn-btn.sec-btn-under {
		margin-bottom: 50px!important;
	}	
}