@charset "UTF-8";

/* 基本設定 */

.wrapper {
  width: 100%;
  margin: 0 auto;
background: rgb(240, 226, 224, 1);	
}




.container {
	background-color: #ffffff;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	border-bottom-width: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	max-width :1080px;
font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
}

.row {
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: inline-block
}
.body {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


.pc-header{
width:100%;	
max-width: 1080px;
height: 60px;
background: #ffffff;

}


.pc-header-left {
float: left;	
width: 50%;
		
}
.pc-header-left > p {
font-size:28px;
font-weight: bold;	
color:#000000;
padding-top:0px;	
padding-left:20px;		
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.pc-header-shuuha{
font-size:14px;
padding-right:10px;	
}

.pc-header-right {
float: left;	
width: 50%;
text-align: right;	
}

.pc-header-right > p {
font-size:15px;
font-weight: normal;	
color:#000000;
text-align: right;
line-height: 120%;	
padding-top:5px;	
padding-right:20px;	
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
}






/* スマホヘッダーメニュー */

/* SPヘッダー3ハンバーガーのみ */
.sp-header {	
position: fixed;	
top: 0;	
left: 0;
width: 100%;
padding-bottom: 0px;
	z-index: 25;
background: #ffffff;	
	height: 55px;
margin-top:0px;	
  box-shadow: 0px 1px 3px #dfdfdf;	
}
.sp-header-menu1{
width: 66%;	
margin: 0 auto;
float:left;	
	height: 52px;
}


.sp-header-menu2{
width: 9%;	
margin-top:5px;
margin-right:2%;	
float:right;	
height: 33.5px;	
background: #ffffff;	
padding-top:15px;
padding-left:1%;

}

/* spハンバーガー */
#nav-drawer {
  position: relative;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  width: 11%;
  height: 52px;
  vertical-align: middle;	
padding-left: 10%;	
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height: 2px;/*線の太さ*/
  width: 25px;/*長さ*/
  border-radius: 3px;
  background: rgb(45, 4, 37, 1);
  display: block;
  content: '';
  cursor: pointer;
}
#nav-open span:before {
  bottom: -8px;
}
#nav-open span:after {
  bottom: -16px;
}

/*閉じる用の薄黒カバー*/
#nav-close {
  display: none;/*はじめは隠しておく*/
  position: fixed;
  z-index: 99;
  top: 0;/*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  opacity: 0;
  transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
  overflow: auto;
  position: fixed;
padding-top:5%;	
padding-left:5%;		
  top: 0;
  left: 0;
  z-index: 9999;/*最前面に*/
  width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
  max-width: 330px;/*最大幅（調整してください）*/
  height: 100%;
  background: rgb(22, 94, 131, 1);
  transition: .3s ease-in-out;/*滑らかに表示*/
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);/*左に隠しておく*/
}

#nav-content > li{
width: 85%;	
font-family: 'Noto Serif JP', serif;	

  margin-bottom: 5px;/*下のバーとの余白*/
  line-height: 1.5;
  padding: 0.5em;
  list-style-type: none!important;
margin:10px 0;	
border-bottom: 1px dashed #ffffff;
}

#nav-content  > li > a {
	font-weight: normal;
font-size:16px;		
padding-left:20px;	
	   color: #ffffff;
	text-decoration: none;
display:block;
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
  display: block;/*カバーを表示*/
  opacity: .5;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);/*中身を表示（右へスライド）*/
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}




.row.blockDisplay {
	display: block;
}


/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 480px) {
.pc { display: none !important; }
.sp { display: block !important; }
}
@media only screen and (max-width: 750px) {
img { max-width: 100%; }
}

*, *:before, *:after {
	box-sizing: border-box;
}

/* ＰＣメニュー */

.menu {
	position: relative;
	width: 100%;
	height: 30px;
	max-width: 1080px;
	margin: 0 auto;
	padding:0;

}

.menu ul{
	padding:0;		
}

.menu > li {
	float: left;
	padding-top:5px;
  background: #ffffff;
	list-style: none;	
	text-align: center;
	letter-spacing: 2px;
     font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}



.menu > li ::before {

}


.menu > li a {
	display: block;
	color: #ffffff;
	text-decoration: none;
	font-size:12px;	
}

.menu > li a:hover {
	color: #ffffff;

	
}


.menu__single:hover {
  background: #ffffff;
  -webkit-transition: .2s ease;
  transition: .2s ease;
}

.menu__second-level li {
  border-top: 1px solid #e9e9e9;
	font-size:14px;
list-style: none;
  background: #2bd52b;	
}


.init-bottom{
	font-size: 12px;
}

.init-bottom1{
	font-size: 12px;
}

.init-bottom1:after {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 0 2px 15px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.menu:before,
.menu:after {
  content: "";
  display: table;
}

.menu:after {
  clear: both;
}

.menu {
  *zoom: 1;
}


/**
 * single menu
 */
.menu > .menu__single {
background: rgb(45, 4, 37, 0.9);
width: 153px;	
height: 30px;	
border-right:1px solid rgb(45, 4, 37, 0.3);	
}

.menu > .menu__single:hover  {
background: rgb(45, 4, 37, 0.8);	
}

.menu > .menu__single:last-child{
width: 162px;	
background: rgb(45, 4, 37, 0.9);
border-right:0px solid #0000ff;	
}

.menu > .menu__single:last-child:hover{
background: rgb(45, 4, 37, 0.8);
}






/* 基本Pタグ設定 */

p{
    margin: 10px auto;
	padding-left:2%;
    font-size: 16px;
	letter-spacing: 1px;
	width: 85%;
	max-width: 700px;
	color:#000000;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
}

/* pcサイトで使っているCSS*/
/* pc見出しタグ */

h1{
display: flex;	
font-size:21px;
font-weight: normal;	
color:#ffffff;
letter-spacing: 9px;	
width: 100%;
max-width: 180px;
height: 200px;	
margin:auto;
padding-top:40px;	
writing-mode: vertical-rl;	
align-items: center;
background: rgb(45, 4, 37, 1);
font-family: 'Noto Serif JP', serif;
}

h2{
display: flex;	
font-size:21px;
font-weight: normal;	
color:#ffffff;
letter-spacing: 7px;	
width: 100%;
max-width: 180px;
height: 200px;
line-height: 200%;	
margin:auto;
padding-top:30px;	
writing-mode: vertical-rl;	
align-items: center;
background: rgb(45, 4, 37, 1);
font-family: 'Noto Serif JP', serif;
}

h3{
display: flex;	
font-size:22px;
font-weight: normal;	
color:#ffffff;
letter-spacing: 12px;	
width: 100%;
max-width: 180px;
height: 200px;
padding-top:50px;	
margin:auto;
text-align: center;	
writing-mode: vertical-rl;	
align-items: center;
background: rgb(45, 4, 37, 1);
font-family: 'Noto Serif JP', serif;	
}


.hutoji{
font-size:18px;	
font-weight: bold;	
font-family: 'Noto Serif JP', serif;	
}




/* pc見出し*/
.pc-top-midashi{	
width: 100%;
max-width:1080px;
height: 200px;
margin:auto;
margin-top:-10px;
margin-bottom:30px;	
background-image: url("../images/pc-midashi-haikei.jpg");
background-repeat: no-repeat;	
}

.pc-midashi{	
width: 100%;
max-width:1080px;
height: 200px;
margin:auto;
margin-top:0px;
margin-bottom:30px;	
background-image: url("../images/pc-midashi-haikei.jpg");
background-repeat: no-repeat;	
}

/* spトップ見出し4文字*/
.sp-top-midashi4{	
width: 100%;
height: 150px;
margin:auto;
margin-top:0px;
margin-bottom:30px;	
background-image: url("../images/pc-midashi-haikei.jpg");
background-repeat: no-repeat;
border-bottom:none;	
}
.sp-top-midashi4 > p{	
display: flex;	
font-size:22px;
font-weight: normal;	
color:#ffffff;
letter-spacing: 5px;	
width: 30%;
height: 150px;
padding-top:23px;
padding-right:2%;	
margin:auto;
margin-top:-30px;	
text-align: center;	
writing-mode: vertical-rl;	
align-items: center;
background: rgb(45, 4, 37, 1);
font-family: 'Noto Serif JP', serif;	
}

/* spトップ見出し3文字*/
.sp-top-midashi3{	
width: 100%;
height: 150px;
margin:auto;
margin-top:10px;
margin-bottom:30px;	
background-image: url("../images/pc-midashi-haikei.jpg");
background-repeat: no-repeat;
border-bottom:none;	
}
.sp-top-midashi3 > p{	
display: flex;	
font-size:22px;
font-weight: normal;	
color:#ffffff;
letter-spacing: 5px;	
width: 30%;
height: 150px;
padding-top:30px;
padding-right:2%;	
margin:auto;
margin-top:-30px;	
text-align: center;	
writing-mode: vertical-rl;	
align-items: center;
background: rgb(45, 4, 37, 1);
font-family: 'Noto Serif JP', serif;	
}

/* sp見出し4文字*/
.sp-midashi4{	
width: 100%;
height: 150px;
margin-top:53px;
margin-bottom:30px;	
background-image: url("../images/pc-midashi-haikei.jpg");
background-repeat: no-repeat;
border-bottom:none;	
}
.sp-midashi4 > p{	
display: flex;	
font-size:22px;
font-weight: normal;	
color:#ffffff;
letter-spacing: 5px;	
width: 30%;
height: 150px;
padding-top:23px;
padding-right:2%;	
margin:auto;
margin-top:-30px;	
text-align: center;	
writing-mode: vertical-rl;	
align-items: center;
background: rgb(45, 4, 37, 1);
font-family: 'Noto Serif JP', serif;	
}

/* sp見出し3文字*/
.sp-midashi3{	
width: 100%;
height: 150px;
margin:auto;
margin-top:53px;
margin-bottom:30px;	
background-image: url("../images/pc-midashi-haikei.jpg");
background-repeat: no-repeat;
border-bottom:none;	
}
.sp-midashi3 > p{	
display: flex;	
font-size:22px;
font-weight: normal;	
color:#ffffff;
letter-spacing: 5px;	
width: 30%;
height: 150px;
padding-top:30px;
padding-right:2%;	
margin:auto;
margin-top:-30px;		
writing-mode: vertical-rl;	
align-items: center;
background: rgb(45, 4, 37, 1);
font-family: 'Noto Serif JP', serif;	
}

/* sp見出し5文字*/
.sp-midashi5{	
width: 100%;
height: 150px;
margin:auto;
margin-top:53px;
margin-bottom:30px;	
background-image: url("../images/pc-midashi-haikei.jpg");
background-repeat: no-repeat;
border-bottom:none;	
}
.sp-midashi5 > p{	
display: flex;	
font-size:22px;
font-weight: normal;	
color:#ffffff;
letter-spacing: 3px;	
width: 30%;
height: 150px;
padding-top:14px;
padding-right:2%;	
margin:auto;
margin-top:-30px;	
text-align: center;	
writing-mode: vertical-rl;	
align-items: center;
background: rgb(45, 4, 37, 1);
font-family: 'Noto Serif JP', serif;	
}

/* sp葬儀見出し*/
.sp-midashi-sougi{	
width: 100%;
height: 150px;
margin:auto;
margin-top:53px;
margin-bottom:30px;	
background-image: url("../images/sp-sougi-haikei.jpg");
background-repeat: no-repeat;
border-bottom:none;	
}
.sp-midashi-sougi > p{	
display: flex;	
font-size:22px;
font-weight: normal;	
color:#ffffff;
letter-spacing: 8px;	
width: 30%;
height: 150px;
padding-top:47px;
padding-right:2%;	
margin:auto;
margin-top:-30px;	
text-align: center;	
writing-mode: vertical-rl;	
align-items: center;
background: rgb(49, 103, 69, 1);
font-family: 'Noto Serif JP', serif;	
}

/* sp墓地見出し*/
.sp-midashi-bochi{	
width: 100%;
height: 150px;
margin:auto;
margin-top:53px;
margin-bottom:30px;	
background-image: url("../images/sp-bochi-haikei.jpg");
background-repeat: no-repeat;
border-bottom:none;	
}
.sp-midashi-bochi > p{	
display: flex;	
font-size:22px;
font-weight: normal;	
color:#ffffff;
letter-spacing: 8px;	
width: 30%;
height: 150px;
padding-top:47px;
padding-right:2%;	
margin:auto;
margin-top:-30px;	
text-align: center;	
writing-mode: vertical-rl;	
align-items: center;
background: rgb(200, 85, 84, 1);
font-family: 'Noto Serif JP', serif;	
}

/* sp永代供養見出し*/
.sp-midashi-eidaikuyou{	
width: 100%;
height: 150px;
margin:auto;
margin-top:53px;
margin-bottom:30px;	
background-image: url("../images/sp-eidaikuyou-haikei.jpg");
background-repeat: no-repeat;
border-bottom:none;	
}
.sp-midashi-eidaikuyou > p{	
display: flex;	
font-size:22px;
font-weight: normal;	
color:#ffffff;
letter-spacing: 5px;	
width: 30%;
height: 150px;
padding-top:20px;
padding-right:2%;	
margin:auto;
margin-top:-30px;	
text-align: center;	
writing-mode: vertical-rl;	
align-items: center;
background: rgb(45, 4, 37, 1);
font-family: 'Noto Serif JP', serif;	
}

/* pcコンテンツ全体 */

.pc-zentai{
width: 100%;
max-width: 1080px;	
background: #ffffff;
}


.pc-content{
width: 80%;
max-width: 850px;	
margin:0 auto;	
}

.pc-content > p{
width: 100%;	
font-size: 17px;
color:#000000;
	
}


/* pcトップお経画像 */
.pc-top-okyouimage{
width: 100%;
text-align: center;	
}
/* pcトップお札 */

.pc-top-ofuda{
width: 293px;
height: 413px;	
margin:auto;
margin-top:20px;	
border:1px solid #cccccc;	
}

/* pcトップお知らせ */
.pc-top-oshirase {
    position: relative;
	width: 70%;
	max-width: 600px;
    margin:auto;
	margin-top:20px;
	margin-bottom:60px;
    padding: 25px 10px 7px;
    border: solid 1px rgb(200, 85, 84, 1);
}
.pc-top-oshirase .box-title {
    position: absolute;
    display: inline-block;
    top: -1px;
    left: -1px;
    padding: 0 25px;
    height: 35px;
    line-height: 35px;
    font-size: 17px;
    background: rgb(200, 85, 84, 1);
    color: #ffffff;
    font-weight: normal;
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}
.pc-top-oshirase > p {
	width: 100%;
	font-size:16px;
    margin: 0; 
    padding-top:30px;
	padding-bottom:20px;
	padding-left:40px;
	padding-right:20px;
}

.pc-top-oshirase-botan{
width: 170px;	
display: block;	
margin: 0 auto;
margin-top:0px;
margin-bottom:15px;
background: rgb(200, 85, 84, 1);	
text-align: center;	
}

.pc-top-oshirase-botan > a{	
font-size:14px;
color:#ffffff;
text-decoration: none;	
padding:1.5em;	
font-weight: none;	
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;			
}

.pc-top-oshirase-botan:hover{
background: rgb(200, 85, 84, 0.8);	
}










/* PCトップページ3列メニュー*/


.pc-top-3retsu-zentai{
width: 1080px;
margin-top:20px;
margin-bottom:0px;	
padding: 70px 0;	
background-image: url("../images/pc-top-menu-haikei.jpg");
background-repeat: repeat-y;	
}

.pc-top-3retsu-menu{
float: left;	
width: 300px;
margin:20px 30px;	
background: #ffffff;	
}

.pc-top-3retsu-menu > p{
width:80%;	
font-size: 14px;
line-height: 160%;	
padding:0px 10px;		
}

.pc-top-3retsu-menu-midashi{
width: 300px;	
background: #ffffff;
border-bottom:1px solid #747474;	
}
.pc-top-3retsu-menu-midashi > p{
font-size:18px;
color:#000000;
font-weight: bold;	
padding:5px 0;	
letter-spacing: 1px;	
text-align: center;	
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;		
}

.pc-top-3retsu-menu-image{
width: 280px;	
text-align: center;
margin:auto;	
padding-top:20px;	
}

.pc-top-3retsu-menu-botan{
width: 170px;	
display: block;	
margin: 0 auto;
margin-top:20px;
margin-bottom:20px;
background: rgb(45, 4, 37, 1);	
text-align: center;	
}

.pc-top-3retsu-menu-botan > a{	
font-size:14px;
color:#ffffff;
text-decoration: none;	
padding:1.5em;	
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;			
}

.pc-top-3retsu-menu-botan:hover{
background: rgb(45, 4, 37, 0.8);	
}



.pc-map{
width: 100%;	
margin:auto;	
text-align: center;
margin-bottom:40px;	
}


/* pc歴史*/
/* pc歴史見出し*/
.pc-rekkishi-midashi{	
width: 100%;
max-width:1080px;
height: 200px;
margin:auto;
margin-top:0px;
margin-bottom:30px;	
background-image: url("../images/pc-top-menu-haikei.jpg");
background-repeat: no-repeat;	
}

.pc-rekkishi-midashi > p{
display: flex;	
font-size:21px;
font-weight: normal;	
color:#000000;
letter-spacing: 7px;	
width: 100%;
max-width: 180px;
height: 200px;
line-height: 200%;	
margin:auto;
padding-top:20px;
padding-right:21px;	
writing-mode: vertical-rl;	
align-items: center;
background: rgb(234, 241, 226, 1);
font-family: 'Noto Serif JP', serif;	
}

/* pc開山見出し*/
.pc-kaizan-midashi{	
width: 100%;
max-width:1080px;
height: 200px;
margin:auto;
margin-top:0px;
margin-bottom:30px;	
background-image: url("../images/pc-top-menu-haikei.jpg");
background-repeat: no-repeat;	
}

.pc-kaizan-midashi > p{
display: flex;	
font-size:21px;
font-weight: normal;	
color:#000000;
letter-spacing: 5px;	
width: 100%;
max-width: 180px;
height: 200px;
line-height: 200%;	
margin:auto;
padding-top:17px;
padding-right:21px;	
writing-mode: vertical-rl;	
align-items: center;
background: rgb(234, 241, 226, 1);
font-family: 'Noto Serif JP', serif;	
}

/* pc歴史普門寺テーブル*/
.pc-table{
width: 100%;
max-width: 600px;	
margin:auto;
margin-top:20px;
margin-bottom:20px;	
}
table.pc-rekishi , td, th {
	border: 0px solid #595959;
	border-collapse: collapse;
}
table.pc-rekishi th {
width: 150px;
font-size:16px;	
font-weight: normal;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;		
}
table.pc-rekishi td {
width: 450px;
font-size:16px;	
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;		
}

/* pc歴史開山様テーブル*/

table.pc-kaizansama , td, th {
	border: 0px solid #595959;
	border-collapse: collapse;
	vertical-align: top;
}
table.pc-kaizansama th {
width: 150px;
font-size:16px;	
font-weight: normal;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
}
table.pc-kaizansama td {
width: 450px;
font-size:16px;	
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;		
}




/* pc葬儀・墓地*/
/* pc葬儀*/
.pc-sougi-title{	
width: 100%;
max-width: 1080px;
height: 200px;
margin:auto;
margin-top:-10px;
margin-bottom:30px;	
background-image: url("../images/pc-sougi-haikei.jpg");
background-repeat: no-repeat;
}
.pc-sougi-title > p{
display: flex;	
font-size:24px;	
color:#ffffff;
letter-spacing: 2px;	
width: 100%;
max-width: 180px;
height: 200px;
padding-top:30px;	
padding-right: 20px;	
writing-mode: vertical-rl;	
align-items: center;
background: rgb(49, 103, 69, 1);	
}
/* pc墓地*/
.pc-bochi-title{	
width: 100%;
max-width: 1080px;
height: 200px;
margin:auto;
margin-bottom:30px;		
background-image: url("../images/pc-bochi-haikei.jpg");
background-repeat: no-repeat;
}
.pc-bochi-title > p{
display: flex;	
font-size:24px;	
color:#ffffff;
letter-spacing: 12px;	
width: 100%;
max-width: 180px;
height: 200px;
padding-top:62px;	
padding-right: 20px;	
writing-mode: vertical-rl;	
align-items: center;
background: rgb(200, 85, 84, 1);	
}
/* pce永代供養*/
.pc-eidaikuyou-title{	
width: 100%;
max-width: 1080px;
height: 200px;
margin:auto;
margin-bottom:30px;		
background-image: url("../images/pc-eidaikuyou-haikei.jpg");
background-repeat: no-repeat;
}
.pc-eidaikuyou-title > p{
display: flex;	
font-size:24px;	
color:#ffffff;
letter-spacing: 12px;	
width: 100%;
max-width: 180px;
height: 200px;
padding-top:30px;	
padding-right: 20px;	
writing-mode: vertical-rl;	
align-items: center;
background: rgb(45, 4, 37, 1);	
}



/* pcお知らせページ */
/* pcお知らせタイトル */
.pc-oshirase-title{
width: 100%;
margin:auto;
margin-top:40px;		
margin-bottom:40px;	
background-image: url("../images/pc-top-menu-haikei.jpg");
background-repeat: no-repeat;	
}
.pc-oshirase-title > p{
width: 50%;	
text-align: center;	
color:#ffffff;
background: rgb(49, 103, 69, 0.3);	
letter-spacing: 3px;	
font-size:22px;	
font-family: 'Noto Serif JP', serif;
padding-top:15px;
padding-bottom:18px;
}
.pc-oshirase-image{
width: 	100%;
text-align: center;	
margin:30px 0;	
}

/* pcお知らせプロフィール*/
.pc-oshirase-profile{
width: 860px; 
margin:auto;	      
margin-top:50px; 
}

.pc-oshirase-profile-left{
float: left;		
width: 300px;
margin:0px 15px;
text-align: center;	
}
.pc-oshirase-profile-left > p{
font-size:16px;
text-align: center;	
letter-spacing: -1px;	
}




.pc-oshirase-profile-right{
float: right;		
width: 500px; 
margin:0px 15px;
padding:20px 0;	
border:1px solid #cccccc;	
}

.pc-oshirase-profile-right > p{
font-size:16px;
line-height: 150%;	
color:#000000;
}


/* pcＱ＆Ａ*/
.pc-qa-top-title{
width: 90%;
margin:auto;	
margin-top:30px;
margin-left:50px;	
margin-bottom:20px;	
background-image: url("../images/pc-top-menu-haikei.jpg");
background-repeat: no-repeat;	
}
.pc-qa-top-title > p{
width: 30%;	
text-align: center;	
color:#ffffff;
background: rgb(49, 103, 69, 0.3);	
letter-spacing: 3px;	
font-size:22px;	
font-family: 'Noto Serif JP', serif;
padding-top:10px;
padding-bottom:13px;		
}
.pc-qa-title{
width: 90%;
margin:auto;	
margin-top:60px;
margin-left:50px;	
margin-bottom:20px;	
background-image: url("../images/pc-top-menu-haikei.jpg");
background-repeat: no-repeat;	
}
.pc-qa-title > p{
width: 30%;	
text-align: center;	
color:#ffffff;
background: rgb(49, 103, 69, 0.3);	
letter-spacing: 3px;	
font-size:22px;	
font-family: 'Noto Serif JP', serif;
padding-top:10px;
padding-bottom:13px;		
}


.pc-qa-komidashi{
width: 10%;
margin-left:65px;
margin-top:30px;	
}
.pc-qa-komidashi > p{	
font-size:17px;	
color:#000000;
text-align:left;	
font-family: 'Noto Serif JP', serif;
font-weight: normal;
}


hr.q-a {
	background-color: #fff;
	border-top: 1px solid #cccccc;
width:80%;	
margin:auto;
margin-bottom:15px;	
}





/* pcお問い合わせボタン*/
.pc-otoiawaselink{
width: 78%;
margin:auto;	
}

.pc-otoiawaselink > a{
font-size:18px;	
font-weight: bold;	
text-decoration: none;	
font-family: 'Noto Serif JP', serif;	
}

.pc-otoiawaselink > a:hover{
text-decoration: underline;
}











.clear {
clear:both;
}

hr.style5 {
	background-color: #fff;
	border-top: 1px dashed #8c8b8b;
width: 90%;	
}

hr.style6 {
	background-color: #fff;
	border: 1px dashed #ffaad5;
width: 90%;	
}






/* spサイトCSS */
/* spメイン画像 */
.sp-maingazou {
    width: 100%;
	margin-top:23px;
	margin-bottom: 0px;
	padding-bottom:0px;
	background: rgb(240, 226, 224, 0);
}

/* sp画像 */
.sp-image {
    width:100%;
	padding-bottom:20px;
}






/* spコンテンツ全体 */

.sp-haikei-main{
width: 100%;	
background: rgb(240, 226, 224, 0.5);	
	margin-top:-10px;
	padding-top:50px;
	padding-bottom:20px;
}
.sp-haikei-page{
width: 100%;	
background: rgb(240, 226, 224, 0.5);	
	margin-top:25px;
	padding-bottom:20px;
}




.sp-midashi {
  position: relative;
padding-top:30px;
margin:auto;	
margin-bottom:20px;		
border-bottom:1px solid #000000;
width: 90%;
	
}

.sp-midashi > p {
font-size:20px;
color:#000000;
	margin-top:25px;	
text-align: center;
font-weight: bold;
font-family: 'Noto Serif JP', serif;
}

.sp-midashi1 {
padding-top:20px;
margin:auto;	
margin-bottom:20px;		
border-bottom:1px solid #000000;
width: 90%;
	
}

.sp-midashi1 > p {
font-size:20px;
color:#000000;
	margin-top:0px;	
text-align: center;
font-weight: bold;
font-family: 'Noto Serif JP', serif;
}

/* sp画像*/
.sp-image{
text-align: center;
padding-top:20px;
padding-bottom:20px;
}


/* spトップお知らせ */
.sp-top-oshirase {
    position: relative;
	width:85%;
    margin:auto;
	margin-top:0px;
	margin-bottom:50px;
    padding-top: 20px;
	padding-bottom:5px;
    border: solid 1px rgb(200, 85, 84, 1);
background: #ffffff;
}
.sp-top-oshirase .box-title {
    position: absolute;
    display: inline-block;
    top: -1px;
    left: -1px;
    padding: 0 25px;
    height: 35px;
    line-height: 35px;
    font-size: 17px;
    background: rgb(200, 85, 84, 1);
    color: #ffffff;
    font-weight: normal;
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}
.sp-top-oshirase > p {
    padding: 20px 0px;
}

.sp-top-oshirase-botan{
width: 170px;	
display: block;	
margin: 0 auto;
margin-top:0px;
margin-bottom:20px;
background: rgb(200, 85, 84, 1);	
text-align: center;	
}

.sp-top-oshirase-botan > a{	
font-size:14px;
color:#ffffff;
text-decoration: none;	
padding:1.5em;	
font-weight: none;	
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;			
}






/* spトップページメニューコンテンツ*/

.sp-menucontents-haikei{
width: 100%;
padding:70px 0;
margin-bottom:0px;	
background-image: url("../images/pc-top-menu-haikei.jpg");
background-repeat: repeat-y;	
}

.sp-menucontents{
width: 90%;	
margin: 0 auto;
border:1px solid #cccccc;
background: #ffffff;	
}

.sp-menucontents-midashi {
padding:5px 0;
margin-bottom:20px;		
border-bottom:1px solid #000000;
width: 100%;
margin:auto;	
}

.sp-menucontents-midashi > p {
font-size:20px;
color:#000000;	
text-align: center;
font-weight: bold;
font-family: 'Noto Serif JP', serif;
}

.sp-menucontents-image {
width: 100%;
text-align: center;	
padding:15px 0;	
}

.sp-menucontents > p {
width: 85%;
font-size:15px;
color:#000000;	
}

.sp-menucontents-botan{
width: 60%;	
margin: auto;
margin-top:30px;		
margin-bottom:43px;	
background: rgb(200, 85, 84, 1);
text-align: center;	
padding:5px 10px;		
}

.sp-menucontents-botan > a{	
font-size:15px;
color:#ffffff;
text-decoration: none;	
font-family: 'Noto Serif JP', serif;	
}


/* sp所在地背景*/
.sp-access-haikei{
width: 100%;	
background: rgb(240, 226, 224, 0.7);	
	padding-top:40px;
	padding-bottom:70px;
}

/* sp歴史*/
/* sp歴史トップ画像 */
.sp-rekishitop-image {
    width:100%;
margin-top:-20px;	
	padding-bottom:20px;
}





/* sp普門寺歴史見出し*/
.sp-rekishi-midashi{	
width: 100%;
height: 150px;
margin:auto;
margin-top:53px;
margin-bottom:30px;	
background-image: url("../images/pc-top-menu-haikei.jpg");
background-repeat: no-repeat;
border-bottom:none;	
}
.sp-rekishi-midashi > p{	
display: flex;	
font-size:20px;
font-weight: normal;	
color:#000000;
letter-spacing: 2px;	
width: 30%;
height: 150px;
padding-top:8px;
padding-right:2%;	
margin:auto;
margin-top:-30px;	
text-align: center;	
writing-mode: vertical-rl;	
align-items: center;
background: rgb(213, 226, 199, 0.7);
font-family: 'Noto Serif JP', serif;	
}
/* sp歴史テーブル*/
.sp-rekishi-tablezentai{
width: 90%;
margin:auto;
margin-top:20px;
margin-bottom:20px;	
}

table.sp-rekishitable , td, th {
	border: 0px solid rgb(240, 226, 224, 0.5);
	border-collapse: collapse;
	padding:3px
}
table.sp-rekishitable th {
width: 40%;
vertical-align: top;
font-size:16px;	
font-weight: normal;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
}
table.sp-rekishitable td {
width: 60%;
font-size:16px;		
padding-left:2%;
font-weight: normal;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
}

/* sp歴史開山様*/
.sp-table{
width: 100%;
margin-top:20px;
margin-bottom:20px;	
}

table.sp-kaizansama , td, th {
	border: 0px solid #595959;
	border-collapse: collapse;
	padding:3px
}
table.sp-kaizansama th {
width: 20%;
vertical-align: top;
font-size:16px;	
font-weight: normal;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
}
table.sp-kaizansama td {
width: 80%;
font-size:16px;		
padding-left:2%;
font-weight: normal;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
}

/* spお知らせページ */
/* spお知らせタイトル */
.sp-oshirase-title{
width: 100%;
margin-top:-20px;		
margin-bottom:20px;	
background-image: url("../images/pc-top-menu-haikei.jpg");
background-repeat: no-repeat;	
}
.sp-oshirase-title > p{
width: 70%;	
text-align: center;	
color:#ffffff;
background: rgb(49, 103, 69, 0.3);	
letter-spacing: 3px;	
font-size:22px;	
font-family: 'Noto Serif JP', serif;
padding-top:15px;
padding-bottom:18px;
}

.sp-oshirase-image{
width: 80%;
margin:auto;
padding:20px 0;	
text-align: center;
	
}

/* spＱ＆Ａ*/
.sp-q-a-top-title{
width: 100%;
margin-top:-20px;	
background-image: url("../images/pc-top-menu-haikei.jpg");
background-repeat: no-repeat;	
}
.sp-q-a-top-title > p{
font-size:20px;
color:#ffffff;	
text-align: center;
line-height: 100%;	
font-family: 'Noto Serif JP', serif;
font-weight: bold;
padding-top:15px;
padding-bottom:15px;	
padding-right:4%;		
}

.sp-q-a-title{
width: 100%;
margin-top:50px;	
background-image: url("../images/pc-top-menu-haikei.jpg");
background-repeat: no-repeat;	
}
.sp-q-a-title > p{
font-size:20px;
color:#ffffff;	
text-align: center;
line-height: 100%;	
font-family: 'Noto Serif JP', serif;
font-weight: bold;
padding-top:15px;
padding-bottom:15px;	
padding-right:4%;		
}

.sp-qa-komidashi{
width: 30%;
margin-top:30px;
margin-left:2%;	
}
.sp-qa-komidashi > p{	
font-size:17px;	
color:#000000;
text-align:left;	
font-family: 'Noto Serif JP', serif;
font-weight: bold;
}


hr.sp-q-a {
	background-color: #fff;
	border-top: 1px solid #555555;
width: 90%;	
margin:auto;
margin-bottom:15px;	
}


/* spマップ */

.sp-map{
width: 100%;		
border-top:6px solid #ffffff;	
border-bottom:6px solid #ffffff;	
}



/* spボタン */

.sp-btn {
	width: 75%;
   padding: 1em 1em;
    margin: 0 auto;
    background: #0055aa;
	border-radius: 15px;
	text-align: center;	
}
.sp-btn p {
    margin: 0; 
    padding: 0;
	text-align: center;
	font-size:18px;
}

.sp-btn a {

	font-size:16px;	
	font-weight: bold;
	   color: #ffffff;
	text-decoration: none;
display:block;
	
}

/* spお問い合わせリンク*/
.sp-otoiawaselink{
width: 96%;
margin:auto;	
}

.sp-otoiawaselink > a{
font-size:17px;	
font-weight: normal;	
text-decoration: none;	
padding-left:5%;	
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;		
}

.sp-otoiawaselink > a:hover{
text-decoration: underline;
}


/* 上に戻るボタン */

#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #002b55;
  opacity: 0.6;
  border-radius: 50%;
margin-right: 3%;
	margin-bottom: 3%;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: FontAwesome;
  content: '\f102';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}






/* pcフッター */

.pc-footer {
	width: 100%;
 max-width:1080px;
background: rgb(45, 4, 37, 1);

}


.pc-footer > p {
	width: 100%;
	text-align: center;
  font-size: 12px;
  color: #ffffff;
	letter-spacing: 1px;
padding-top:20px;	
padding-bottom:20px;
	
}


/* spフッターメニュ */

.sp-footer-menu{
width: 100%;
background: #552b2b;		
}

.sp-footer-menu-kobetsu{
text-align: center;		
padding:10px 0;	
border-bottom:0.5px solid #ffffff;	
}


.sp-footer-menu-kobetsu > a{
font-size: 15px;	
color:#ffffff;	
text-decoration: none;	
}



/* spフッターナビ */

.footernav {
  margin: 0 0 0px;
  padding: 0;
  border-top: 1px solid #ffffff;
  list-style-type: none;
background: rgb(170, 85, 128, 1);
}
/*clearfix*/
.footernav:after {
  content: "";
  clear: both;
  display: block;
}
.footernav li {
  float: left;
  width: 50%;
  text-align: center;
  border-bottom: 1px solid #ffffff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
font-family: 'Noto Serif JP', serif;
}


/*奇数のli要素に適応*/
.footernav li:nth-child(odd) {
  border-right: 1px solid #ffffff;
}

.footernav a:hover {

}


.footernav a {
  display: block;
  line-height: 44px;
position: relative;
  color: #ffffff;
  text-decoration: none;
  font-size: 14px;	
}

.footernav a:after {
display: block;
content: "";
position: absolute;
top: 50%;
right: 10px;
width: 0;
height: 0;
margin: -3px 0 0 0;
border-top: 8px solid #ffffff;
border-left: 8px solid transparent;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}



/* spフッター */

.spfooter {
	width: 100%;
	clear: both;
  margin-top: 0px;
  text-align: center;
  color: #000000;
  line-height: 140%;
  border-top: solid 1px #b4b4b4;

  background-color: #ffffff;	
}

.spfooter p {
	width: 100%;
	clear: both;
	text-align: center;
  font-size: 13px;
  color: #000000;
  line-height: 100%;
  border-top-color: #b4b4b4;
  background-color: #ffffff;	
}

/* アコーディオンメニュー */
.accordion-container {
  position: relative;
  width: 100%;
  border: 0px solid #ff8800;
  border-top: none;
  outline: 0;
  cursor: pointer;	
	
}

.accordion-container .article-title {
  display: block;
  position: relative;
text-align: center;	
  color: #fff;
  cursor: pointer;
 font-weight: bold;
 margin:auto;	
}

.accordion-container .article-title:hover,
.accordion-container .article-title:active,
.accordion-container .content-entry.open .article-title {
		
}

.accordion-container .article-title:hover i:before,
.accordion-container .article-title:hover i:active,
.accordion-container .content-entry.open i {
  color: white;
}

.article-title{
  position: relative;
width: 90%;
max-width: 500px;
background: rgb(45, 4, 37, 0.7);	
}
.article-title > p{
font-size:14px;
color:#ffffff;	
font-weight: normal;
text-align: center;	
padding:2px 0;	
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
}

.article-title:after {
  content: "";
  position: absolute;
  right: 25px;
  top: 20%;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 8px;
  height: 8px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.article-title.open:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 45%;
}

.accordion-content {
  display: none;
margin-top:-10px;
	padding-top:10px;
  padding-left: 2%;
 border: 0px solid #ff8800;
border-top:1px solid #ffffff;	
}

/* CSS for CodePen */
.accordion-container {
  width: 90%;
  margin: 1.875em auto;
}



/* spアコーディオンメニュー */
.sp-accordion-container {
  position: relative;
  width: 100%;
  border: 0px solid #ff8800;
  border-top: none;
  outline: 0;
  cursor: pointer;	
}

.sp-accordion-container .sp-article-title {
  display: block;
  position: relative;
  margin: 0;
  padding: 0.25em;
  font-size: 16px;
text-align: center;	
  color: #fff;
  background: #ff8800;
border: 1px solid #ff8800;	
  cursor: pointer;
 font-weight: bold;
}

.sp-accordion-container .sp-article-title:hover,
.sp-accordion-container .sp-article-title:active,
.sp-accordion-container .sp-content-entry.open .sp-article-title {
  background-color: #ff8800;
  color: #ffffff;
 font-weight: bold;	
}

.sp-accordion-container .sp-article-title:hover i:before,
.sp-accordion-container .sp-article-title:hover i:active,
.sp-accordion-container .sp-content-entry.open i {
  color: white;
}

.sp-article-title{
  position: relative;
border-radius: 10px;	
}

.sp-article-title:after {
  content: "";
  position: absolute;
  right: 25px;
  top: 38%;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 8px;
  height: 8px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.sp-article-title.open:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 45%;
}

.sp-accordion-content {
  display: none;
margin-top:-10px;
	padding-top:10px;
  padding-left: 2%;
 border: 0px solid #ff8800;
border-top:1px solid #ffffff;	
}

/* CSS for CodePen */
.sp-accordion-container {
  width: 90%;
  margin: 1.875em auto;
}