/*
Theme Name: Ishitomo
Text Domain: Ishitomo
Version: 1.0
Author: kappe
Author URI: https://kappe.co.jp
*/

/* 2025以降変更分--かっぺじゃねーよ*/

@media screen and (orientation:landscape){
br.pcHide {
	display:none;
	}
}

/* index */
.checkForm {
	}

.checkForm label {
	margin:0 20px 10px auto;
	white-space:nowrap;
	}

/* arcticle ブロックレイヤーのくせにalign=leftって指定だから*/
.home article {
	text-align:center;
	}

/* h1 title */
.single-gsearch .title.search {
	position:relative;
	flex-direction:column-reverse;
	justify-content:center;
	height:calc(100vh - 120px);
	}

.single-gsearch .title.search::after {
	content:"";
	position:absolute;
	top:0;
	right:0;
	left:0;
	bottom:0;
	display:block;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.2);
	}

.single-gsearch .title.search > span:not(.grave_atr) {
	position:relative;
	height:auto;
	margin-bottom:10px;
	padding:0;
	font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	font-size:4rem;
	line-height:1;
	color:rgba(255,255,255,1);
	border-bottom:1px solid rgba(255,255,255,1);
	background-color:transparent;
	z-index:2;
	}

.single-gsearch .title span.grave_atr {
	height:auto;
	background-color:transparent;
	}

.single-gsearch .title.search span.grave_atr > span {
	padding:5px;
	font-size:1.125rem;
	color:rgba(13,13,13,1);
	font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	white-space:nowrap;
	border:1px solid rgba(255,255,255,1);
	background-color:rgba(255,255,255,.65);
	}

@media screen and (max-width:1200px) {
.single-gsearch .title.search {
	height:100vw;
	}

.single-gsearch .title.search > span:not(.grave_atr) {
	max-width:unset;
	padding:0 0.5%;
	line-height:1.4;
	font-size:2rem;
	}
@media screen and (orientation: landscape) {
.single-gsearch .title.search {
	height:100vh;
	}
}
}

/* 新設　displayWrap */
.displayWrap {
	display:block;
	width:100%;
	margin-bottom:100px;
	}

.display {
	display:flex;
	flex-direction:row;
	width:100%;
	border:1px solid rgba(204,204,204,1);
	}

.display:nth-of-type(even) {
	flex-direction:row-reverse;
	}

.display:not(:first-of-type) {
	border-top:none;
	}

.display picture,
.display div {
	position:relative;
	width:50%;
	}

.display picture::before {
	content:"";
	display:block;
	padding-top:66.67%;
	}

.display picture img {
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	height:100%;
	object-fit:cover;
	transform:translatex(-50%) translatey(-50%);
	}

.display div,
.display div > a {
	position:relative;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	justify-content:center;
	padding:15px 10px 5px 10px;
	text-align:center;
	}

.display.soldout div::after {
	position:absolute;
	right:10px;
	bottom:0;
	content:"完売しました";
	display:inline-block;
	font-size:2rem;
	font-weight:600;
	color:rgba(255,0,0,1);
	text-shadow:0 0 3px rgba(255,255,255,1),0 0 10px rgba(255,255,255,1);
	}

.plain.graveArticle .display div h3 {
	display:inline-block;
	width:auto;
	margin:0 auto 20px auto;
	padding:0;
	font-size:1.5rem;
	text-align:center;
	letter-spacing:0;
	line-height:1.2;
	border:none;
	border-bottom: 1px solid rgba(204,204,204,1);
	}

.plain.graveArticle .display div p {
	line-height:1.6;
	}

.graveArticle > .txt p.gFee,
.graveArticle > .txt p.gPrice {
	margin-bottom:0;
	font-size:1.5rem;
	line-height:1;
	font-weight:600;
	color:rgba(102,102,102,1);
	color:rgba(204,0,0,1);
	}

.graveArticle > .txt p.gFee {
	margin-bottom:10px;
	}

.gFee span,
.gPrice span {
	margin-right:10px;
	font-size:1rem;
	color:rgba(17,17,17,1);
	}

@media screen and (max-width:1200px) {
.display,
.display:nth-of-type(even) {
	flex-direction:column;
	}

.display picture,
.display div {
	width:100%;
	}
}

.flexBox.cemeteries {
	flex-wrap:nowrap;
	}

.cemeteries a {
	display:block;
	width:100%;
	}

.cemeteries a picture {
	position:relative;
	display:block;
	}

.cemeteries a picture::before {
	content:"";
	display:block;
	padding-top:56.25%;
	}

.cemeteries a h3 {
	border:none;
	text-align:center;
	}
.cemeteries a picture img {
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	height:100%;
	object-fit:cover;
	transform:translatex(-50%) translatey(-50%);
	}

/* info nav */
.guide dl {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	width:100%;
	margin:0 auto 50px auto;
	}

.guide dl.bft {
	margin-bottom:10px;
	}

.guide dl:last-of-type:not(first-of-type) {
	margin-bottom:0;
	}

.guide dt {
	display:flex;
	justify-content:center;
	align-items:center;
	width:15%;
	margin:0 0 20px 0;
	padding:5px 0;
	color:rgba(255,255,255,1);
	text-align:center;
	background-color:rgba(151,200,204,1);
	border:3px solid rgba(151,200,204,1);
	}
	
.guide dd {
	position:relative;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	width:85%;
	margin:0 0 20px 0;
	padding:5px 0 5px 40px;
	line-height:2;
	color: rgba(51,51,51,1);
	border:3px solid rgba(151,200,204,1);
	}

.guide dd::before {
	content:"";
	position:absolute;
	top:50%;
	left:0;
	display:block;
	width:30px;
	height:30px;
	background-color:rgba(151,200,204,1);
	transform:rotate(45deg) translatex(-22px) translatey(0);
	z-index:-1;
	}

dl.table {
	width:100%;
	max-width:unset;
	margin-bottom:30px;/*
	border-bottom:1px solid rgba(128,79,33,1);*/
	}

.table dt {
	width:17.5%;
	margin:0;
	padding:1% 0.5%;
	border:1px solid rgba(151,200,204,1);
	border-bottom:1px solid rgba(255,255,255,1);
	}

.table dt:last-of-type {
	border-bottom:1px solid rgba(151,200,204,1);
	}

.table dd {
	display:flex;
	flex-direction:column;
	justify-content: center;
	width:calc(82.5% / 3);
	margin:0;
	padding:0;
	border:none;
	border:1px solid rgba(151,200,204,1);
	border-left:none;
	border-right:none;
	}

.table.clm4 dd {
	width:calc(82.5% / 4);	
	}

.table.clm5 dd {
	width:calc(82.5% / 5);	
	}

.table dd::before {
	display:none;
	}

.table dd p {
	width:100%;
	text-align:center;
	margin:0!important;
	padding:5px;
	color:rgba(51,51,51,1);
	border-right:1px solid  rgba(151,200,204,1);
	}

.table dd p:first-of-type {
	background-color: rgba(151,200,204,1);
	border-left:1px solid rgba(255,255,255,1);
	color:rgba(255,255,255,1);
	}

.table dd:last-child p:first-of-type {
	border-right:none;
	}

.table:not(.clm5) dd:nth-of-type(3n) p:first-of-type {
	border-right:1px solid rgba(151,200,204,1);
	}

.table.sigle {
	margin-bottom:0;
	}

.table.sigle dt {
	border-bottom: 1px solid rgba(255,255,255,1);
	font-weight:300;
	text-align:left;
	}

.table.sigle dd {
	border-bottom:none;
	border-right:1px solid  rgba(151,200,204,1);
	}

.listWrap .table.sigle:last-of-type dd {
	border-bottom:1px solid  rgba(151,200,204,1);
	}

.guide table  {
	display:block;
	}
	
.guide table tbody {
	display:flex;
	flex-direction:row;
	}

.guide table tr {
	display:flex;
	flex-direction:column;
	}

.guide table tr th {
	color:rgba(255,255,255,1);
	border-right:1px solid rgba(255,255,255,1);
	background-color: rgba(151,200,204,1);
	}

.guide table tr td {
	white-space:nowrap;
	color: rgba(128,79,33,1);
	}

@media screen and (min-width: 320px) and (max-width: 1024px) {
.guide dl {
	flex-direction: column;
    }
.guide dl dt {
	width: 100%;
	margin-bottom: 0;
    }
.guide dl dd {
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 27px 1.5% 5px 1.5%;
	text-align: left;
    }
.guide dd::before {
	top: 0;
	left: 50%;
    }
.guide .table dt {
	margin-bottom:0;
	}
.guide .table dd {
    width: 100%;
	margin-bottom:0;
	padding:0;
	border:1px solid;
	}
.guide .table dd p {
	border:none;
    }
}

/* companyprof */
.companyprof {
	width:100%;
	border:1px solid rgba(204,204,204,1);
	border-spacing:0;
	border-collapse: collapse;
	}

.companyprof tbody tr {
	border-bottom:1px solid rgba(204,204,204,1);
	}

.companyprof tbody tr th {
	padding:5px;
	vertical-align:middle;
	border:none;
	border-right:1px solid rgba(204,204,204,1);
	background-color:rgba(250,250,250,1);
	}

.companyprof tbody tr td {
	padding:5px;
	vertical-align:middle;
	line-height:1.6;
	border:none;
	}

/*flex box fBoxWrap */
.fBoxWrap {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
	}

.fBoxWrap > * {
	width:33%;
	}

@media screen and (max-width: 1023px) {
.fBoxWrap > * {
	width:100%;
	}
@media screen and (orientation:landscape) {
.fBoxWrap > * {
	width:49.5%;
	}
	}
}

.bottomContact dl .harry a.pchide,
.bottomContact dl dt a.pchide  {
	display:flex;
	}

.bottomContact dl .harry a.pchide,
.bottomContact dl dt a.pchide {
	display:none;
	}

.searchResult.clm3 .inr a {
	width:30%;
	margin:0 auto 20px auto;
	}

.searchResult.clm3 .inr > a:nth-of-type(4n) {
	margin:0 auto 30px auto;
	}

@media screen and (max-width: 1280px) {
.searchResult.clm3 .inr a {
	width:100%;
	}	
}