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

/* 下記タグに対応していないブラウザ用 */
main, section, article, aside, footer, header, nav {
	display: block;
}
/* ブラウザ・OSによるレイアウト崩れ防止その１ */
h1, h2, h3, h4, h5, h6, p, ul, li {
	margin: 0;
	padding: 0;
}
/*　右クリックからの画像保存禁止処理.不必要ならコメントアウトしてください。（hoverイベントも無効になる模様） */
body img {
/*	pointer-events: none;*/
}
body {
	margin: 0;
	min-width: 1000px;
	max-width: 100%;
/* ブラウザ・OSによるレイアウト崩れ防止その２ */
	text-decoration: none;
	display: inline;
	margin: 0;
	padding: 0;
	line-height: 1;
	vertical-align: baseline;
	font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif !important;
	-webkit-text-size-adjust: 100%;
}
.wrap-size {
	max-width: 900px;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}
.sized950 {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
}
.sized970 {
	width: 970px;
	margin-left: auto;
	margin-right: auto;
}

footer {
	color: #fff;
	background-color: #595757;
}
footer #name {
	float: left;
	padding-top: 10px;
}
footer #tel {
	font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
	float: right;
}
footer #tel p {
	font-size: 1.1em;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
}
footer #tel h2 {
	font-size: 2.0em;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}
footer div#copyright {
	text-align: center;
	padding-bottom: 1.2em;
}
footer div#copyright p {
	margin-top: -1.0em;
	font-size: 0.8em;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height: 2em;
	letter-spacing: 0.1em;
}
footer div.ext {
	margin-top: -70px;
	margin-bottom: 35px;
	text-align: center;
}


#slider-wrap {
	width: 100%;
	margin: 0;
	overflow: hidden;
	position: relative;
}	
#slider-wrap>img {
	position: absolute;
	opacity: 0.7;
	height: 35%;
}
#slider-wrap>#slider {
	width: inherit;
	height: inherit;
}
#slider>img {
	opacity: 0;
	position: absolute;
}
#slider>img:first-child {
	opacity: 1;
}


nav {
	width: 100%;
	height: 70px;
	background-color: #000;
	z-index: 100;
}
.android nav,
.iphone nav {
/*	height: 140px;*/
}
nav>div {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
nav h1 {
	margin-top: 15px;
}
nav ul#nav > li {
	margin-left: 40px;
	display: inline-block;
}
.android nav li,
.iphone nav li {
/*	margin-left: 30px;*/
}
nav li img {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 10px;
	padding-right: 10px;
}
nav ul#nav ul {
	display: none;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
/*	background-color: #fff;*/
	position: absolute;
	top: 3.0em;
	z-index: 10000;
	padding-top: 0.5em;
}
nav ul#nav ul li {
	border: #fff 1px solid;
	white-space: nowrap;
	list-style: none;
	margin-bottom: 0.1em;
	background-color: #000;
}
nav ul#nav ul li img {
	padding: 0;
}

nav ul#nav ul li:hover {
	border: #000 1px solid;
	background-color: #fff;
	cursor: pointer;
}
nav ul#nav ul li a {
	color: #fff;
	text-decoration: none;
/*	line-height: 1.4em;*/
}

nav ul#nav li {
	position: relative;
}



main {
	width: 100%;
/*	position: relative;*/
}
main#top #slider {
	position: relative;
}
main#top nav {
/*
	position: fixed;
	top: 0;
*/
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 10;
}


main#top>div.wrap-size {
	margin-top: 50px;
}
main#about, main#cemetery {
	margin-top: 120px;
}

.cat_img>img {
	width: 99vw;
/*	max-width: 1500px;*/
	margin-left: calc(-1*(99vw - 900px)/2);
}
.cat_inner_img>img {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

main section h2 {
	margin: 50px;
	text-align: center;
}

.cat_text h3 {
	margin: 40px;
	text-align: center;
}

.cat_text p {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height: 2em;
	color: #595757;
}
div.det_btn {
	text-align: center;
}
div.det_btn img {
	margin: 65px;
}

main#about div.wrap-size>section {
	margin-bottom: 80px;
}



.t-layout .show {
	display: block;
}
.t-layout .show img.bt {
	opacity: 1.0;
}
.t-layout .show img.bt:hover, .t-layout .show h3:hover {
	cursor: pointer;
}
.t-layout .hidden {
	display: none;
}
.t-layout>.cf {
	margin-bottom: 40px;
}
.t-layout>.cf:last-child {
	margin-bottom: 60px;
}
.t-layout>.cf>div:nth-child(odd) {
	float: left;
}
.t-layout>.cf>div:nth-child(even) {
	float: right;
}
.t-layout .show {
	width: 400px;
	height: 450px;
	position: relative;
/*	z-index: -1;*/
}
.t-layout .show>div:first-child {
	width: 400px;
	height: 400px;
	position: relative;
}
.t-layout .show>div:first-child>img:first-child {
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: 1;
}
.t-layout .show>div:first-child>img:last-child {
	position: absolute;
	top: 0;
	left: 0;
}
.t-layout .show>section {
	margin-top: 20px;
	text-align: center;
}
.t-layout .hidden {
/*
	width: 80%;
	max-width: 900px;
	height: 80%;
	max-height: 400px;
*/
	width: 1000px;
	height: 440px;
	position: fixed;
	z-index: 101;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	color: #595757;
	background-color: #c9caca;
}
.t-layout .hidden>div:first-child {
	width: 45%;
	height: 100%;
	float: left;
}
.t-layout .hidden>div.big {
	width: 100%;
	height: 100%;
	float: left;
}
.t-layout .hidden>div:first-child>img {
	width: 100%;
	height: 100%;
}
.t-layout .hidden>section {
	width: 55%;
	height: 100%;
	float: right;
	text-align: center;
	position: relative;
}
.t-layout .hidden>section>h3{
	height: 8%;
	margin-top: 5%;
	margin-bottom: 5%;
}
.t-layout .hidden>section>h3>img {
	height: 100%;
}
.t-layout .hidden>section>p{
	width: 85%;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height: 2em;
	color: #595757;
}
.t-layout .hidden>.close {
	position: absolute;
	bottom: 0;
	right: 0;
	transform: scale(0.5, 0.5) rotate(45deg);
}
.t-layout .hidden>.close:hover {
	cursor: pointer;
}
.background {
	background-color: #000;
	opacity: 0.8;
	width: 100%;
	height: 100%;
	z-index : 100;
	position : fixed;
	top : 0;
	left : 0;
}
.background {
	cursor: pointer;
}



main#cemetery table {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 60px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 20px;
	border-spacing: 3px 8px;
}
main#cemetery table td {
	border: 1px solid #aaa;
	background-color: #eee;
/*
	min-width: 8.5em;
	max-width: 10em;
*/
	width: 13.5em;
	height: 1.5em;
}

main#cemetery section h3 {
	margin: 40px;
	text-align: center;
}
main#cemetery section.cat_text p {
	margin: 50px;
}
main#cemetery section#detail2 {
	margin-bottom: 60px;
}
main#cemetery section#detail2 a {
	color: #595757;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
main#cemetery section#detail2 table {
	margin-top: 40px;
}


/*
main#memorial section#navi .cat_img img, main#work section#navi .cat_img img {
	margin-top: 70px;
}
main#memorial section#navi ol {
	list-style: none;
}
main#memorial section#navi ol li {
	margin-bottom: 1em;
}
main#memorial section {
	margin-bottom: 150px;
}
*/
main#memorial section.cat_text {
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 150px;
}
main#memorial section.cat_text div > p {
	margin-bottom: 80px;
}
main#memorial section.cat_text .me_det {
	width: 680px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 80px;
}
main#memorial section.cat_text .me_det h3 {
	margin: 0;
	margin-bottom: 10px;
	color: #595757;
	text-align: left;
	font-weight: normal;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height: 1.5em;
}
main#memorial section.cat_text .me_det p {
	width: 99%;
	margin-left: auto;
	margin-right: auto;
	border-top: #595757 1px solid;
	padding-top: 10px;
}


main#work section#detail1 ul {
	list-style: none;
	margin-bottom: 100px;
}
main#work section#detail1 ul li {
	margin-top: 4em;
}
main#work section h2 {
	margin-top: 70px;
	margin-bottom: 100px;
}
main#work section h3 {
	margin-top: 50px;
	margin-bottom: 70px;
}
main#work section p {
	margin-top: 50px;
	margin-bottom: 70px;
}
main#work div.show h3 {
	margin: 0;
}
main#work .t-layout .show {
	width: 300px;
	height: 340px;
	position: relative;
}
main#work .t-layout .show>div:first-child {
	width: 300px;
	height: 300px;
	position: relative;
}
main#work .t-layout .cf {
	margin-bottom: 80px;
}
main#work section#detail3 {
	margin-bottom: 150px;
}
main#work .t-layout .btsu {
	width: 600px;
	height: 600px;

	position: fixed;
	z-index: 101;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	color: #595757;
}
main#work .t-layout .btsu img {
	width: 100%;
	height: 100%;
}


main#top .cat_text {
	text-align: center;
}

.nt_block > div {
	margin-bottom: 50px;
}
.t_block > div {
	width: 400px;
	margin-right: 100px;
	margin-bottom: 50px;
	float: left;
}
.t_block > div:nth-child(even) {
	margin-right: 0;
}


main#about table {
	color: #595757;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
}
main#about td {
	padding: 0.7em;
}
main#about tr > td:nth-child(2) {
	padding-left: 1.5em;
	padding-right: 1.5em;
}
main#about #detail3 p {
	width: 730px;
	margin-left: 170px;
	margin-bottom: 100px;
}

main#picture {
	width: 100%;
	height: 100%;
}


/* ---------------------------------------------------- */
.bg-black{background-color:#000!important;}.bg-gray{background-color:#595757!important;}
.m0{margin:0!important;}.mauto{margin:auto!important;}
.mtop0{margin-top:0!important;}.mlef0{margin-left:0!important;}.mrig0{margin-right:0!important;}.mbot0{margin-bottom:0!important;}
/* float */
.fleft{float:left;}.fright{float:right;}
.f-valign-mid{display:table-cell;height:inherit;vertical-align:middle}

.bor-top{ border-top: 1px solid #000; }

.fill-x{ margin: 0; width: 100%; }
.white{ color: #fff; }
.bg-rblue{ background-color: #20297c; }
.bg-lpurple{ background-color: #8f94bc; }
.bg-beige{ background-color: #d6cfc8; }



.cell{display:table-cell!important;}

.height-i{height:inherit;}

.valign-top{display:table-cell;vertical-align:top;}.valign-mid{display:table-cell;vertical-align:middle;}.valign-bot{display:table-cell;vertical-align:bottom;}
.align-lef{text-align:left!important;}.align-cen{text-align:center!important;}.align-rig{text-align:right!important;}

.ho-white:hover{color:#fff;}.ho-black:hover{color:#000;}.ho-red:hover{color:#f00;}

/* clearfix */
.cf:after{content:"."; clear:both; height:0; display:block; visibility:hidden;}



/* position */
.relative{position:relative;}.absolute{position:absolute;}
.top{top:0;}.left{left:0;}.right{right:0;}.bottom{bottom:0;}


/* text-decoration */
.text-none{text-decoration:none!important; font-style:normal!important; font-weight:normal;}
.black{color:#000!important;}.white{color:#fff!important;}.gray{color:#999999!important;}.sblu{color:#1295ca!important;}



/* padding-top */
.pad-top5{padding-top:5px;}.pad-top10{padding-top:10px;}.pad-top15{padding-top:15px;}.pad-top20{padding-top:20px;}.pad-top25{padding-top:25px;}.pad-top30{padding-top:30px;}.pad-top40{padding-top:40px;}.pad-top50{padding-top:50px;}
.pad-top100{padding-top:100px;}
/* padding-left */
.pad-lef5{padding-left:5px;}.pad-lef10{padding-left:10px;}.pad-lef15{padding-left:15px;}.pad-lef20{padding-left:20px;}.pad-lef25{padding-left:25px;}.pad-lef30{padding-left:30px;}
.pad-lef50{padding-left:50px;}
/* padding-right */
.pad-rig5{padding-right:5px;}.pad-rig10{padding-right:10px;}.pad-rig15{padding-right:15px;}.pad-rig20{padding-right:20px;}.pad-rig25{padding-right:25px;}.pad-rig30{padding-right:30px;}


/* margin-left */
.mlef-30{margin-left:-30px!important;}.mlef-20{margin-left:-20px!important;}.mlef-10{margin-left:-10px!important;}
.mlef10{margin-left:10px!important;}.mlef20{margin-left:20px!important;}.mlef30{margin-left:30px!important;}.mlef40{margin-left:40px!important;}
.mlef50{margin-left:50px!important;}.mlef60{margin-left:60px!important;}.mlef70{margin-left:70px!important;}.mlef80{margin-left:80px!important;}
.mlef90{margin-left:90px!important;}.mlef100{margin-left:100px!important;}.mlef110{margin-left:110px!important;}.mlef120{margin-left:120px!important;}.mlef130{margin-left:130px!important;}.mlef140{margin-left:140px!important;}
.mlef150{margin-left:150px!important;}.mlef160{margin-left:160px!important;}
.mlef200{margin-left:200px!important;}.mlef225{margin-left:225px!important;}.mlef300{margin-left:300px!important;}.mlef400{margin-left:400px!important;}
.mrig30{margin-right:30px!important;}
/* margin-top */
.mtop10{margin-top:10px!important;}.mtop20{margin-top:20px!important;}.mtop30{margin-top:30px!important;}.mtop40{margin-top:40px!important;}
.mtop50{margin-top:50px!important;}.mtop60{margin-top:60px!important;}.mtop70{margin-top:70px!important;}.mtop80{margin-top:80px!important;}
.mtop90{margin-top:90px!important;}.mtop100{margin-top:100px!important;}

.mbot-40{margin-bottom:-40px!important;}
.mbot15{margin-bottom:15px!important;}
.mbot20{margin-bottom:20px!important;}
.mbot40{margin-bottom:40px!important;}
.mbot60{margin-bottom:60px!important;}
.mbot80{margin-bottom:80px!important;}
.mbot100{margin-bottom:100px!important;}
.mbot200{margin-bottom:200px!important;}
/* letter-spacing */
.ls-025{letter-spacing:-0.25px;}.ls-05{letter-spacing:-0.5px;}.ls-075{letter-spacing:-0.75px;}.ls-1{letter-spacing:-1px;}
.ls0{letter-spacing:0;}.ls025{letter-spacing:0.25px;}.ls05{letter-spacing:0.5px;}.ls075{letter-spacing:0.75px;}.ls1{letter-spacing:1px;}

/* font style */
.i{font-style:italic;}.b{font-weight:bold;}.tcenter{text-align:center;}

/* font-size */
.font10{font-size:10px!important;}.font12{font-size:12px!important;}.font14{font-size:14px!important;}.font16{font-size:16px!important;}
.font18{font-size:18px!important;}.font20{font-size:20px!important;}.font22{font-size:22px!important;}.font24{font-size:24px!important;}.font26{font-size:26px!important;}
.font28{font-size:28px!important;}.font32{font-size:32px!important;}.font36{font-size:36px!important;}.font38{font-size:38px!important;}