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

.swiper-container{
    width: 100%;
	margin-bottom: 2.5em !important;
}

img {
	max-width: 100%;
}
.anchor {
	display: block;
	padding-top: 125px;
	margin-top: -125px;
}
#sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#sidebar ul li.bur {
	margin: auto;
	padding: 0;
	text-align: center;
	position: relative;
	overflow: hidden;
}
#sidebar ul li.bur {
	margin: 0 auto 5%;
}
#sidebar ul li a {
	border-bottom: none;
}
#sidebar ul li.bur .products-cover {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	bottom: 0;
	left: 0;
	transform: scale(1.04);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: all 1s ease;
}
#sidebar ul li.bur:hover .products-cover {
	transform: scale(1.0)
}
#sidebar ul li.bur a {
	width: 100%;
	padding-top: 38%;
	display: block;
	position: relative;
	z-index: 1;
	background-color: rgba(255,255,255,.15);
	color: #000000;
}
#sidebar ul li.bur a:hover {
	background-color: rgba(0,0,0,0.25)
}
#sidebar ul li.bur h4 {
	background-color: rgba(217, 247, 169, 0.47);
	position: relative;
	bottom: 0.8em;
	margin: 0;
}
/*カテゴリー背景*/
 #sidebar .bur01 {
	background-image: url(../../images/common/sub01.png);
}
#sidebar .bur02 {
	background-image: url(../../images/common/sub02.png);
}
#sidebar .bur03 {
	background-image: url(../../images/common/sub03.png);
}
#sidebar .bur04 {
	background-image: url(../../images/common/sub04.png);
}


/* WebP対応のブラウザ用のスタイル */
.webp #sidebar .bur01 {
	background-image: url(../../images/common/sub01.webp);
}
.webp #sidebar .bur02 {
	background-image: url(../../images/common/sub02.webp);
}
.webp #sidebar .bur03 {
	background-image: url(../../images/common/sub03.webp);
}
.webp #sidebar .bur04 {
	background-image: url(../../images/common/sub04.webp);
}


/*トップページ*/
.top .main_image {
	width: 100%;
	margin-bottom: 2.5em
}
.top a{border-bottom: none;}

.top .flex_box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.top .flex_box dl {
	width : 33.3333%; /* 未対応ブラウザ用フォールバック */
	width : -webkit-calc(98% / 3);
	width : calc(98% / 3);
}
.top .flex_box dl a {
	display: block;
	border-bottom: none;
	color: rgba(34,33,33,1.00);
	text-decoration: none;
	background: rgba(255,255,255,0.3);
	padding: 1em 0;
}

.top .flex_box dl.top01 a {
	background: rgba(255,255,255,0.5);
}
.top .flex_box dl a:hover {
	background: none;
}
.top .flex_box dl {
	background: url(../../images/about/main.jpg) no-repeat left center;
	background-size: cover;
}
.top .flex_box dl.top02 {
	background: url(../../images/kuyo/kuyo_main.jpg) no-repeat left center;
	background-size: cover;
}
.top .flex_box dl.top03 {
	background: url(../../images/event/main.jpg) no-repeat left center;
	background-size: cover;
}

/* WebP対応のブラウザ用のスタイル */
.webp .top .flex_box dl {
	background: url(../../images/about/main.webp ) no-repeat left center;
	background-size: cover;
}
.webp .top .flex_box dl.top02 {
	background: url(../../images/kuyo/kuyo_main.webp ) no-repeat left center;
	background-size: cover;
}
.webp .top .flex_box dl.top03 {
	background: url(../../images/event/main.webp ) no-repeat left center;
	background-size: cover;
}


.top .flex_box dl dt {
	font-size: 1.5em;
	text-align: center;
	margin: 0 auto;
}
.top .flex_box dl dd {
	padding: 1em;
	width: 90%;
	margin: 0 auto;
}
.top ul {
	margin: 0 0 1.5em 0;
	padding: 0;
	list-style: none;
}
.top ul li.bur {
	margin: auto;
	padding: 0;
	text-align: center;
	position: relative;
	overflow: hidden;
	list-style: none;
}
.top ul li.bur .products-cover {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	bottom: 0;
	left: 0;
	transform: scale(1.04);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: all 1s ease;
}
.top ul li.bur:hover .products-cover {
	transform: scale(1.0)
}
.top ul li.bur a {
	width: 100%;
	padding-top: 38%;
	display: block;
	position: relative;
	z-index: 1;
	background-color: rgba(255,255,255,.15);
	color: #000000;
	border-bottom: none;
}
.top ul li.bur a:hover {
	background-color: rgba(0,0,0,0.25)
}
.top ul li.bur h4 {
	background-color: rgba(217, 247, 169, 0.47);
	position: relative;
	bottom: 0.8em;
	margin: 0;
}
/*カテゴリー背景*/

.top .bur03 {
	background-image: url(../../images/common/sub03.png);
}
.top .bur04 {
	background-image: url(../../images/common/sub04.png);
}
.top ul li {
	width : 49%; /* 未対応ブラウザ用フォールバック */
	width : -webkit-calc(98% / 2);
	width : calc(98% / 2);
}
.top ul.friends {
	margin-top: 2em;
}
.top ul.friends li {
	width : 24.5%; /* 未対応ブラウザ用フォールバック */
	width : -webkit-calc(98% / 4);
	width : calc(98% / 4);
	list-style: none;
}
.top ul.friends li a {
	border-bottom: none;
}
.bur_box{width: 60%;}
.facebook_box{width:38%;}
/* 永代供養*/
.flex_box {
	display: inline-flex;
}
.flex_box .text {
	width: 60%;
	font-size: 0.75em;
	line-height: 1.75;
	padding-right: 1em;
}
.flex_box .text.fs {
	font-size: 0.95em;
}
.flex_box .photo {
	width: 40%;
}
.flex_box img {
	max-width: 100%;
}
.nayami {
	display: flex;
	flex-wrap: wrap;/*	background: url(../../images/kuyo/kuyo06.jpg) no-repeat right 100px bottom;
	background-size: contain;*/}
.nayami ul {
	width: 76%;
}
.nayami div {
	width: 22%;
}
.album {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	list-style: none;
	padding: 0;
	margin: 0;
	letter-spacing: normal;
}
.album li {
	padding: 0;
	margin: 2em 0;
	font-size: 0.9em;
	text-align: center;
	width : 49%; /* 未対応ブラウザ用フォールバック */
	width : -webkit-calc(98% / 2);
	width : calc(98% / 2);
}
/* 長徳寺について*/
.about .flex_box h4 {
	font-weight: bold;
	background: url(../../images/common/icon02.png) no-repeat left center;
	padding: 0 0 0 1em;
}
.about .yakuwari h4 {
	font-weight: bold;
	font-size: 0.9em;
}
.about .yakuwari ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.about .yakuwari ul li {
	list-style: none;
	width : 100%; /* 未対応ブラウザ用フォールバック */
	width : -webkit-calc(96% / 2);
	width : calc(96% / 2);
	font-size: 0.9em;
}
.about .flex_box .text {
	padding: 0 0 0 1.5em;
	font-size: 0.85em;
}
.about strong {
	color: #0d2c00;
	font-weight: bold;
}
.about .flex_box.top .text {
	padding: 0 1.5em 0 0;
}
/* 長徳寺概要*/
.chief_priest {
	display: flex;
	flex-wrap: wrap;
}
.chief_priest li {
	list-style: none;
	width : 33.33333%; /* 未対応ブラウザ用フォールバック */
	width : -webkit-calc(100% / 3);
	width : calc(100% / 3);
}
.maps {
	margin: 0 auto 2.5%;
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
.root_guide h4 {
	font-size: 0.95em;
	font-weight: bold;
	background: url(../../images/common/icon01.png) no-repeat left center;
	padding: 1em 0 0 3em;
}
.car_root, .root_guide .photo, .public_root {
	display: flex;
	font-size: 0.85em;
	flex-wrap: wrap;
	justify-content: space-between;
}
.root_guide dl, .root_guide .photo div {
	width: 48%;
}
.root_guide dl dt {
	font-weight: bold;
}
.root_guide dl dd {
	padding-left: 1em;
}
/*よくある質問*/
#accordion dt {
	cursor: pointer;
	background: url(../../images/faq/btn01.png) #c7f496;
	background-repeat: no-repeat;
	background-position: right 1em center;
	margin-bottom: 1em;
}
#accordion dd {
	display: none;
	margin: 0px;
	padding: 1em 0 1em 5em;
	background: url(../../images/faq/icon_a.png) no-repeat 0.5em 1em;
	text-indent: 1em;
}
#accordion dt.active {
	background: url(../../images/faq/btn02.png) no-repeat;
	background-position: right 1em center;
}
#accordion dt.over {
	background-color: #076b03;
	color: #ffffff;
}
#accordion dt span {
	display: block;
	background: url(../../images/faq/icon_q.png) no-repeat 0.5em center;
	width: 70%;
	line-height: 1;
	padding: 1.5em 0 1.5em 5em;
}
/*費用*/
.procedure header.major h2 {
	text-align: left;
	color: rgba(21,59,1,1.00);
	top: auto;
	bottom: -20px;
}
.procedure h4.f_icon {
	background: url(../../images/common/icon01.png) no-repeat left center;
	padding: 0.5em 3em;
}
.flow_box {
	background-color: #c7f496;
	display: flex;
	font-size: 0.95em;
	margin-bottom: 2em;
	padding: 0.5em;
}
.flow_box p {
	margin: 0;
	padding: 0 1em;
	line-height: 1.5;
	font-size: 0.9em;
}
.flow_box h4 {
	display: flex;
	font-size: 1.25em;
	margin: 0 0 0.5em 0;
}
.flow_box span {
	padding: 0.5em 0 0 0;
}
.flow_box span.number {
	display: block;
	font-family: Jun101Pro;
	color: #0d2c00;
	font-size: 1.2em;
	/* font-weight: 300; */
	line-height: 2;
	border-radius: 50%;
	background-color: #ffffff;
	width: 45px;
	height: 45px;
	text-align: center;
	margin-right: 0.25em;
	padding: 0;
}
.flow_box ul.flex_box {
	list-style: none;
	font-size: 0.85em;
	margin: 0;
	padding: 0 1em;
	font-weight: bold;
	line-height: 1;
}
.flow_box ul li a {
	border-bottom: none
}
.flow_box .flow_text {
	width: 100%;
	padding-right: 1em;
}
.flow_box .flow_image {
	position: relative;
	overflow: hidden;
	width: 18%;
}
.flow_box .flow_image img {
	position: absolute;
	width: auto;
	height: auto;
	min-width: 100%;
	left: 50%;
	top: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
}
.flow_box .red {
	color: #f70303;
}
a.pdf:after {
	content: " ";
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../../images/common/pdf.png) no-repeat center right;
}
#infomation_box {
	border: 1px dotted #ff0000;
	background: #f9d1e1;
	padding: 0.5em;
	margin-bottom: 3em;
}
.public {
	background: #fde0ec;
	padding: 0.5em;
	position: relative;
}
.public h4 {
	font-family: Jun101Pro;
	color: #0d2c00;
	font-size: 1.25em;
	margin: 0;
}
.public .bg_img {
	position: absolute;
	right: -3em;
	bottom: -2em;
	z-index: 99
}
.public p {
	margin: 0;
}
/*年間行事*/
.event dl dt {
	clear: left;
	float: left;
	width: 20%;
	font-weight: bold;
}
.event dl dd {
	argin: 0 0 0 20%;
	margin-bottom: 1.5em;
}

.event .special_event{
	border: 1px solid rgba(63,209,4,1.00);
	padding:0.5em 1.5em;
	margin: 0 auto 1.5%;
}


.event .special_event .flex_box{
		display: flex;
	flex-wrap: wrap;
	justify-content:space-around;
}

.event .special_event .flex_box p.image_box{
	width:25%;
	margin: 0;
}

.event .special_event .flex_box p.image_box a{
	text-decoration: none;
	border: none;
}

/*ぷらいばしーぽりしー*/


.privacy ul,
.privacy ul li ul,
.privacy ul.child{list-style: none;}
.privacy ul li:before{content: '●';}


.privacy ul li ul li:before,
.privacy ul.child li:before,
.privacy #sidebar ul li:before
{content: '';}
/*お問合せ*/



#infomation_box h3 {
	background: none;
	text-align: center;
	padding: 0;
	margin: 0 0 0.5em 0;
}
#infomation_box .inner_box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 1em;
}
#infomation_box .inner_box dl {
	width: 48%;
	font-size: 0.9em
}
#infomation_box .inner_box dl dt {
	font-weight: bold;
	width:100%;
	float: none;
}
#infomation_box .inner_box dl .tel {
	font-size: 2em;
	font-weight: bold;
}
#infomation_box .inner_box dl a {
	font-size: 1.5em;
	font-weight: bold;
}
#infomation_box .inner_box dl .kome {
	font-size: 0.9em;
	line-height: 1.25;
	display: block;
}

@media screen and (max-width: 980px) {

.nayami ul {
	width: 100%;
}
.nayami div {
	display: none;
}
#footer .f_inner adress {
	width: 100%;
	text-align: center;
}
#footer .f_inner ul {
	display: none;
}
#infomation_box {
	display: none;
}
}

@media screen and (max-width: 736px) {

.flex_box,  .top .flex_box {
	display: block;
}
.bur_box{width:100%;}
.top .flex_box dl,  
.top ul li.bur,
	.top ul li.bur02{
	width: 100%;
}
	.top ul.friends{display: flex;}
.top ul.friends li {
	width : 49%; /* 未対応ブラウザ用フォールバック */
	width : -webkit-calc(98% / 2);
	width : calc(98% / 2);
}
	
	.facebook_box{width: 100%;}
.flex_box .text {
	width: 100%;
	font-size: 0.85em
}
.flex_box .photo {
	width: 100%;
}
.album {
	width: 100%;
}
.album li {
	padding: 0;
	margin: 1em 0;
	font-size: 0.9em;
	text-align: center;
	width : 100%;
}
.about .yakuwari ul {
	display: block;
}
.about .yakuwari ul li {
	list-style: none;
	width : 100%;
}
.chief_priest li {
	list-style: none;
	width : 100%;
}
table {
	font-size: 0.9em;
}
table th {
	width: 30%;
}
.car_root, .root_guide .photo, .public_root {
	display: block;
}
.root_guide dl, .root_guide .photo div {
	width: 100%;
}
	
	.event .special_event .flex_box p.image_box{
		width:50%;
	}
.anchor {
	display: block;
	padding-top: 70px;
	margin-top: -70px;
}
#accordion dt {
	background: url(../../images/faq/sp_btn01.png) no-repeat #c7f496;
	background-position: right 1em center;
}
#accordion dt span {
	line-height: 1.2;
}
#accordion dt.active {
	background: url(../../images/faq/sp_btn02.png) no-repeat;
	background-position: right 1em center;
}
#accordion dt.over {
	background-color: #076b03;
	color: #ffffff;
}
.flow_box .flow_text {
	padding-right: 0;
}
.flow_box ul.flex_box {
	display: block;
	font-weight: normal;
	font-size: 0.8em;
}
.flow_box ul.flex_box li {
	margin: 0.18em 0;
}
.flow_box .flow_image {
	display: none;
}
.public {
	margin-bottom: 3em;
}
.public .bg_img img {
	width: 70%;
}
.event dl dt {
	float: none;
	width: 100%;
}
.event dl dd {
	argin: 0;
}
}