@charset "UTF-8";

/* 共通部分
------------------------------- */
*,
*::before,
*::after {
  box-sizing: border-box;
}

p.bg-kumo01,p.bg-kumo02,p.bg-kumo03,p.bg-kumo04{overflow: hidden;}
html {
    font-size: 14px;
}

body{
    font-family: "MS Pゴシック" , "ヒラギノ角ゴ Pro W3", sans-serif;
	color: #432;
	background-color: #fff;
  
}

a {
    text-decoration: none;
}

img {
    max-width: 100%;
}

.wrapper {
	max-width:100%;
    width: 1480px;
    margin: 0 auto;
    padding: 0%;
}


.main-contents{
	background-color: #f3f3f3;
}

/* iframe */
iframe{
	width:710px;
	height:420px;
}


a[href^="tel:"] {
    pointer-events: none;
}
    
    
    
/* HEADER
------------------------------- */
.page-header {
text-align: center;
}

.page-header .wrapper{
background: url(../images/bg.svg) no-repeat;
background-size: 100%;

}

p.caption{
	padding-top:20px;
	margin-bottom:60px;
}


.sitelogo-main{
text-align: center;
line-height: 1;
}

/* フォントで作る場合
h1.sitelogo{
	display: flex;
	background: url(../images/sitelogo.svg) no-repeat center top red;
	background-size: contain;
	 -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
   align-items: center;
  text-orientation: upright;
  width:1.2em;
  padding-top:1em;
  font-size:28px;
  margin-left:auto;
  margin-right:auto;
 
}

h1.sitelogo span{
	font-size:22px;
	margin:1em;
}
*/

img.logo {

}


/* トップメニュー */

nav{
margin-top:65px;
margin-bottom:35px;	
}

.main-nav {
    width:554px;
    max-width:100%;

   display: flex;
	margin-left:auto;
	margin-right:auto;
    list-style: none;
    

  justify-content: space-between;
}

.wf-kokoro { font-family: /* "Kokoro", */ serif; }

.main-nav li {
	font-family: /* "Kokoro", */ serif;; 
font-size:21px;
   margin:0 2px;
  
   padding:31px 26px;
 -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-orientation: upright;
  text-align: left;
  
}

.main-nav li.menu01{
	 border-top:4px solid #59b290;
}
.main-nav li.menu02{
	 border-top:4px solid #884898;
	
}

.main-nav li.menu03{ border-top:4px solid #d0d0d0;}

.main-nav li.menu04{ border-top:4px solid #e28e78;}

.main-nav li.menu05{ border-top:4px solid #bdab69;}

.main-nav li.menu06{ border-top:4px solid #a55d53;}



.main-nav a {
    color: #000;
}
.main-nav a:hover {
    color: #a55d53;
}


ul.hd-info{
	width:250px;
	margin-bottom:71px;
	margin-left:auto;
	margin-right:auto;
	text-align: left;
	font-family: /* "Kokoro", */ serif;
	line-height: 1;
}

ul.hd-info li{
	list-style: none;
	font-size:20px;
	color: #000;

}

ul.hd-info li a{
	color: #000;
}

ul.hd-info li a:hover{
	color: #a55d53;
}

ul.hd-info li i{
	margin-right:0.8em;
}

.hd-info .tel{
	margin-bottom:0.6em;
font-family: 'Lora', serif;
}


/* mainvisual
------------------------------- */

div.mv-gallary{
	max-width:100%;
	width:1480px;
	height:800px;
}


h2.intro-title{}


.kumo-wrap{
	position: relative;
	
}

/* 縁起 */



div.jizouin-intro{
	background: url(../images/line-green.svg) top center no-repeat;
	width:1166px;
	max-width: 90%;
	margin-left:auto;
	margin-right:auto;
	background-color: #fff;
	margin-top:-72px;
	position: relative;
	z-index: 10000;
	  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-orientation: upright;
  display: flex;
   align-items: center;
padding-top:47px;
padding-bottom:47px;
 box-shadow:-2px 2px 2px 1px  rgba(0,0,0,0.1);
}


p.bg-kumo01{
	position: absolute;
	bottom:40px;
	left:-140px;
}

p.bg-kumo02{
	position: absolute;
	top:100px;
	right:-120px;
}


h2.sitelogo{
	margin-left:50px;
}

/* 画像にする前　フォントで縁起
h2.sitelogo{
text-align: center;
	background: url(../images/sitelogo.svg) no-repeat center top red;
	background-size: 30px;
display: inline-block;
margin-left:40px;
  width:1;
  padding-top:1em;
  font-size:28px;

 
}
*/


h2.sitelogo span.engi-jizouin{
	font-size:28px;
	margin:0.6em 0;
}

h2.sitelogo span.engi-engi{
	font-size:18px;
}


div#engi{

  font-size:18px;  

}

div#engi p{
	margin-right:1.5em;
	letter-spacing: 0.1em;
}



/* sl2 共通
------------------------------- */

div.sl2{
	width:1000px;
	margin:70px auto 0;
	background-color: none; /*pink*/
}


div.sl3{
	}

/* 見出し */

h2.contents-title {

    font-family: /* "Kokoro", */ serif; /* 'Philosopher' */
    text-transform: uppercase;
    font-weight: normal;
    
    font-size:21px;
   margin:0 auto;
   border-top:4px solid red;
   padding:31px 26px 66px;
 -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-orientation: upright;
  

  letter-spacing: 0.1em;
  
}




#noukotsudou h2.contents-title{
	border-top:4px solid #884898;
  
}

#aisatsu h2.contents-title{
	border-top:4px solid #d0d0d0;
  
}



#gallery h2.contents-title{
	border-top:4px solid #e28e78;
  
}



#access h2.contents-title{
	border-top:4px solid #bdab69;
  
}



#otoiawase h2.contents-title{
	border-top:4px solid #a55d53;
  
}





/* sl2 #納骨堂について
------------------------------- */

#noukotsudou{
	 font-family: /* "Kokoro", */ serif;
}

.slick-slide img {}

.multiple-items{
	max-width:876px;
	margin-left:auto;
	margin-right:auto;
}

.slick-prev:before, .slick-next:before {color: #000;}

.multiple-items figure{
	box-sizing: border-box;
    display: block;
    margin: 0 5.7%;
}



div.sl3#plan{
	width:490px;
	max-width: 90%;
	margin:72px auto 0;
	text-align: center;
	letter-spacing: 0.1em;
}

.sl3#plan h3{
	font-size:22px;
	border-bottom:2px solid #884898;

	line-height:2;
}


.sl3#plan p.h3_cap{
	font-size:14px;
	margin:2em 0;
	
}


ul.plan-list{}

ul.plan-list li{
	list-style: none;
	border:2px solid #884898;
	margin-bottom:30px;
	padding:24px 0;
}

ul.plan-list li dl{
	width:395px;
	max-width: 90%;
	margin:0 auto;

	
}

ul.plan-list li dl dt {
	width:264px;
	margin:0 auto;
	text-align: left;
	padding-left:80px;
	line-height:2em;
	font-size:22px;
	letter-spacing: 0.1em;
}

ul.plan-list li dl dt.list-eidai{
	background: url(../images/juzu.svg) no-repeat;
}


ul.plan-list li dl dt.list-eidai-kuyou{
	background: url(../images/okou.svg) no-repeat;
}


ul.plan-list li dl dt.list-noukotsu{
	background: url(../images/tera.png) no-repeat;
}

img.arrow01{
	margin-bottom:30px;
}


ul.plan-list li dl dd{
	font-size:14px;
	margin-top:1em;
	text-align: left;
}


div.box01{
	width:711px;
	background-color: #fff;
	margin:0 auto;
	box-shadow:-2px 2px 2px 1px  rgba(0,0,0,0.1);
	position: relative;
}

p.bg-kumo03{
	position: absolute;
	top:40px;
	left:-140px;
}

p.bg-kumo04{
	position: absolute;
	bottom:40px;
	right:-120px;
}



.box01 .plice{
	font-size:27px;
	
	
}


.box01 .plice span{
		font-size:84px;
		color:#884898;
}

div.box01 dl{
	
		width:490px;
		max-width: 90%;
		margin: 0 auto;
}

div.box01 dl dt{
	text-align: center;
	border-bottom: 2px solid #884898;
}

div.box01 dl dd{
		padding:36px 0 16px;
}

div.box01 dl dd table{
	font-size:20px;
	text-align: left;
	letter-spacing: 0.14em;
}

div.box01 dl dd table th{
	width:228px;
	vertical-align: top;
}


div.box01 dl dd table td{
	vertical-align: top;
	padding-bottom:20px;
}


/*-- 住職挨拶 ---*/

#aisatsu
	{ font-family: /* "Kokoro", */ serif; }


#aisatsu div.f-box01:after{
	 content: "";
   display: block;
   clear: both;
}

#aisatsu div.f-box01 img{
	float:left;
}

.f-box01-r{
	width:450px;
	float:right;
}

.f-box01-r ul{
	margin:10px 0 20px;
}

.f-box01-r ul li{
	list-style: none;
	font-size:17px;
}


p.em01{text-align: center;}

.f-box02{
	
	margin:60px auto;
}

.f-box02 p.em01{
	font-size:28px;
	
}

.aisatsu-text{
	width: 712px;
	margin:46px auto;
}


.movie01{
	width:678px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

video{width:678px; height:auto;}

/*
	ギャラリー
*/

.g-container{
	display:flex;	
flex-wrap:wrap;

padding:0 22px;

}


.g-container .g-item{
	width:317px;
	padding:11px;
	position: relative;
}

.g-container .g-item .megane{
	position: absolute;
	bottom:20px;
	right:16px;
	z-index: 10000;
	opacity: 0.5;
}

/* access */

#access { font-family: /* "Kokoro", */ serif; }

.address{
	text-align: center;
	font-size:22px;
	margin-bottom:64px;
}


.map-text{
	width: 712px;
	margin:0 auto 30px;
	font-size:14px;
}

/* map */

div#map1 {
width:710px;
margin:0 auto;
border 2px solid #d0d0d0;
}





.toiawase-text{
	font-family: /* "Kokoro", */ serif; 
	width:270px;
	margin:0 auto;
	padding-bottom:140px;
	font-size:14px;
}

/* フッター
------------------------------- */

/***トップへ戻るボタン***/
.pagetop{
    display: none;
    position: fixed;
    right: 35px;
    bottom: 40px;
}
.pagetop a{
    display: block;
    font-size: 0;
    width: 50px;
    height: 50px;
    text-align: center;
 
    line-height: 50px;
}
.pagetop a i{
    font-size: 30px;
    color:#000;
    line-height: 50px;
}/***トップへ戻るボタンここまで***/

.ft-address{
	color:#000;
	margin-top:28px;
}

.qrcode{
	text-align: center;
	margin:70px 0;
}

footer {
    background-color: #d6d6d6;
    text-align: center;
    padding: 26px 0;
}
footer p {
   
    font-size: 0.875rem;
}

/* モバイル版
------------------------------- */
/*====================
PCを基本設計にする
 - 1280px〜：大型PC
 - 960px〜1279px：小型PC
 - 600px〜959px：タブレット
 - 480px〜599px：スマートフォン横
 - 〜479px：スマートフォン縦
====================*/
 
 
 

 
/* 960px〜1279px：小型PC
------------------------------ */
@media screen and (max-width: 1279px) {



div.jizouin-intro{
	
}


div#engi{
	font-size:14px;
}


}
 
/* 600px〜959px：タブレット
------------------------------ */
@media screen and (max-width: 959px){
 div.mv-gallary{
	max-width:100%;
	width:1480px;
	height:auto;
}


 img{
	 height:auto;
 }
 
 div.sl2{
	 max-width: 100%;
 }
 
div.box01{
	 max-width: 80%;
 }
 
 #aisatsu div.f-box01 {
	 text-align: center;
	 max-width: 90%;
	 margin-left:auto;
	 margin-right:auto;
 }
 
 .aisatsu-text{
	 max-width: 90%;
 }
  h2.intro-title{
	  
  }
  
   
div.jizouin-intro{
	background: url(../images/line-green.svg) top center no-repeat;
	width:1166px;
	max-width: 90%;
	margin-left:auto;
	margin-right:auto;
	background-color: #fff;
	margin-top:-32px;


padding-top:47px;
padding-bottom:47px;
 box-shadow:-2px 2px 2px 1px  rgba(0,0,0,0.1);
}

div#engi{
	font-size:12px;
}

div#engi p{
		margin-right:1em;
	letter-spacing: 0.1em;
}
 
 .intro-title{
	 width:23px;
 }
 
 h2.sitelogo{
	margin-left:40px;
}


.multiple-items{
	max-width:80%;
	margin-left:auto;
	margin-right:auto;
}

.g-container .g-item{
	width:32%;
	height:auto!important;
}
 div#map1{
	 max-width: 80%;
 }
 
 #aisatsu div.f-box01 img{
	 float:none;
 }
 
 .f-box01-r ul{
	 margin-top:30px;
 }
 
.f-box01-r{
	float:none;
	width:80%;
	margin-left:auto;
	margin-right:auto;
	text-align: left;
}
 
 .f-box02 p.em01{
	font-size:22px;
	max-width: 90%;
	text-align: center;
	
}


 video{
	 max-width: 560px;
 }
 
 .movie01{
	width: 560px;

 } 
 
 div#map1{
	 width: 100%;
 }
 
 .map-text{max-width:90%;}
 #map1 iframe{
	 width:90%;
	 margin-left:5%;
	 margin-right:5%;
 }
 
}
 
 
/* 400px〜599px：SP横
------------------------------ */
@media screen and (max-width: 599px){ 
 


/***トップへ戻るボタン***/
.pagetop{
    display: none;
    position: fixed;
    right: 0px;
    bottom: 20px;
}
/***トップへ戻るボタンここまで***/




a[href^="tel:"] {
    pointer-events: auto;
}
   
   
 nav{
	 padding-left:10px;
	 padding-right:10px;
 }
 
   
div.jizouin-intro{
	background: url(../images/line-green.svg) top center no-repeat;
	width:1166px;
	max-width: 90%;
	margin-left:auto;
	margin-right:auto;
	background-color: #fff;
	margin-top:-32px;


padding-top:47px;
padding-bottom:47px;
 box-shadow:-2px 2px 2px 1px  rgba(0,0,0,0.1);
}


h2.contents-title {

    font-size:18px;
   margin:0 auto;
   border-top:4px solid red;
   padding:21px 16px 46px;
 -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-orientation: upright;
  

  letter-spacing: 0.1em;
  
}





.main-nav li{
		font-family: /* "Kokoro", */ serif;; 
font-size:18px;
   margin:0 2px;
  
   padding:31px 16px;
 -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-orientation: upright;
  text-align: left;
}

div#engi{
	font-size:10px;
}

div#engi p{
		margin-right:0.5em;
	letter-spacing: 0.01em;
}
 
 .intro-title{
	 width:20px;
 }
 
 h2.sitelogo{
	margin-left:15px;
}

.box01 .plice{
	font-size:20px;
	
	
}



.sl3#plan h3{
	font-size:17px;
	border-bottom:2px solid #884898;

	line-height:2;
}

.box01 .plice span{
		font-size:54px;
		color:#884898;
}


div.box01 dl dd table th{
	width:40%;
	vertical-align: top;
	font-size:15px;
}

div.box01 dl dd table td{
	font-size:14px;
	vertical-align: top;
	padding-bottom:20px;
}

div.box01{
	 max-width: 80%;
 }

 div#map1{
	 max-width: 80%;
 }
 
 #aisatsu div.f-box01 img{
	 float:none;
 }
 
 .f-box01-r ul{
	 margin-top:30px;
 }
 


 video{
	 max-width: 350px;
 }
 
 .movie01{
	width: 350px;
 } 
 

 .g-container{
	display:flex;	
flex-wrap:wrap;

padding:0 32px;
justify-content: space-around;

}

p.bg-kumo01,p.bg-kumo02,p.bg-kumo03,p.bg-kumo04{
	display: none;
}

.g-container .g-item{
	width:45%;
	height:auto!important;
}


.map-text{
	width:80%;
}

.address{
	text-align: center;
	font-size:22px;
	margin-bottom:44px;
}



.toiawase-text{

	padding-bottom:90px;
	
}

.video{
	border:1px solid #ccc;
}

}
 
 
/* 〜479px：スマートフォン縦
------------------------------ */
@media screen and (max-width:479px) { 
 
 
 nav{
	 padding-left:4px;
	 padding-right:4px;
 }
 
 .main-nav li{
		font-family: /* "Kokoro", */ serif;; 
font-size:16px;
   margin:0 2px;
  
   padding:31px 12px;
 -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-orientation: upright;
  text-align: left;
}
 
 div.jizouin-intro{
	 max-width:97%;
 }
 div#engi{
	 font-size:9px;
 }
 
 
}