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


/* ページヘッド　イメージ*/
/*-------------------------------------------------------*/

.head_img{
	width: 100%;
	max-width: 1500px;
	height: 350px;
	margin: 0 auto 250px auto;
	display: flex;
	justify-content: flex-end;
}
.head_img .left{
	width: 200px;
}
.head_img .right{
	width: 84%;
	position: relative;
}
/* ページメインイメージ */
.houji_img{
	background: url("../butsuji/images/houji_img.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.guide_img{
	background: url("../guide/images/jiin_img.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.bochi_img{
	background: url("../bochi/images/bochi_img.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.event_img{
	background: url("../event/images/event_img.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.access_img{
	background: url("../access/images/acsses_img.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.news_img{
	background: url("../images/news_img.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

/* ページタイトル */
.head_img .right h2{
	width: 350px;
	padding-top: 25px;
	position: absolute;
	right: 50px;
	bottom: 0;
	z-index: 9999;
	font-size: 1.5rem;
	text-align: center;
	background: #fff;
}

/* 波のイラスト部分 */
.head_img .right::after{
	content: "";
	width: 292px;
	height: 60px;
	position: absolute;
	bottom: -120px;
	right: 70px;
	background: url("../images/main_txt_back.svg");
	background-repeat: no-repeat;
	background-position: bottom center;
}

/* パンクズ */
.pankuz{
	position: absolute;
	left: 0;
	bottom: -100px;
	display: flex;
}
.pankuz li{
	margin-right: 10px;
	font-size: 0.7rem;
}
.pankuz li a, .pankuz li span{
	display: block;
	padding: 1px 15px;
	transition: all 0.3s;
}
.pankuz li span{
	color: #fff;
	background: #24272B;
}
.pankuz li a:hover{
	color: #aaa;
}

/* コンテンツフレーム*/
/*-------------------------------------------------------*/

.wrapper_content{
	width: 100%;
	max-width: 1500px;
	margin: 0 auto 250px auto;
	padding: 0 20px;
}
.monthly, .news{
	margin-bottom: 150px;
}

/* 寺院案内リード  法事についてリード　墓地・納骨堂*/
/*-------------------------------------------------------*/
.guide_lead, .houji_lead, .bochi_lead, .access, .news_lead{
	width: 100%;
	margin-bottom: 150px;
	padding: 0 0 50px 10%;
	position: relative;
}
.guide_lead, .bochi_lead, .access, .news_lead{
	max-width: 1400px;
}
.houji_lead{
	max-width: 1200px;
}
.guide_lead::before, .houji_lead::before, .bochi_lead::before, .access::before, .news_lead::before{
	content: "";
	width: 48%;
	min-width: 300px;
	height: 10px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #044c83;
}
.guide_lead h2{
	font-size: 1.8rem;
}

/* 寺院案内*/
/*-------------------------------------------------------*/
.guide_lead .g_introduction{
	padding-left: 6%;
}
.guide_lead .g_introduction .box{
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;
}
.guide_lead .g_introduction .box .img{
	width: 26%;
}
.guide_lead .g_introduction .box .img img{
	width: 100%;
	height: auto;
}
.guide_lead .g_introduction .box .detail{
	width: 70%;
	padding-top: 1.5rem;
}
.guide_lead .g_introduction .box .detail h3{
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-weight: 800;
	border-bottom: 1px solid #ddd;
}

.g_indent{
	text-indent: -3rem;
	padding-left: 3rem;
}


.guide_history{
	width: 100%;
	text-align: center;
}
.guide_history h2 {
	display: inline-block;
	width: 180px;
	height: 90px;
	margin-bottom: 30px;
	padding-top: 40px;
	border-radius: 50% / 100% 100% 0 0;
	background: url("../guide/images/jiin_img03.png");
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
}
.guide_history p{
	margin-bottom: 50px;
	padding-left: 10%;
	text-align: left;
}
.guide_history .img{
	width: 100%;
	margin-bottom: 80px;
	padding-left: 32%;
	text-align: right;
}
.guide_history .img img{
	width: 100%;
	height: auto;
}

/* 沿革テーブル*/
.table_history{
	padding-left: 10%;
}
.table_history table{
	width: 100%;
	margin-bottom: 30px;
	text-align: left;
}
.table_history table th{
	background: #ddd;
	border-right: 1px solid #fff;
	font-size: 0.9rem;
	font-weight: 800;
	text-align: center;
}
.table_history table tr{
	border-bottom: 1px solid #ddd;
}
.table_history table tr td{
	padding: 15px 10px;
	font-size: 0.9rem;
}

/* 法事について*/
/*-------------------------------------------------------*/

.houji_guide{
	width: 100%;
	text-align: center;
}
.houji_guide h2{
	margin-bottom: 40px;
	padding: 0 20px;
	display: inline-block;
	position: relative;
	font-size: 1.8rem;
	background: #fff;
}
.houji_guide h2::after{
	content: "";
	width: 280%;
	height: 1px;
	position: absolute;
	z-index: -1;
	top: 50%;
	left: -80%;
	background: #cccf;
}
.houji_guide h2::before{
	content: "";
	width: 57px;
	height: 32px;
	position: absolute;
	top: -35px;
	left: 0;
	right: 0;
	margin: auto;
	background: url("../butsuji/images/tera_icon.svg");
	background-repeat: no-repeat;
}

/* 墓地・納骨堂*/
/*-------------------------------------------------------*/

.bochi_lead .wrapper{
	margin-bottom: 50px;
	display: flex;
}
.bochi_lead .wrapper .detail{
	width: 50%;
	margin-right: 30px;
}
.bochi_lead .wrapper .detail h2{
	margin-bottom: 10px;
	font-size: 1.6rem;
	border-bottom: 1px solid #ccc;
}
.bochi_lead .wrapper .detail h3{
	font-weight: 800;
}
.bochi_lead .wrapper .detail P{
	margin-bottom: 30PX;
}
.bochi_lead .wrapper .detail P span{
	font-size: 0.9rem;
}
.bochi_lead .wrapper .img{
	width: 30%;
	padding-top: 50px;
}
.bochi_lead .wrapper .img img{
	width: 100%;
	height: auto;
}

/* 墓地・納骨堂 Btn*/
.bochi_lead .wrapper .bochi_access a{
	width: 70%;
	padding: 3px 0;
	display: block;
	position: relative;
	border: 1px solid #CCC;
	font-size: 0.9rem; 
	text-align: center;
	color: #333;
	transition: all 0.2s;
}
.bochi_lead .wrapper .bochi_access a::before{
	content: "\e5e1";
	position: absolute;
	top: 5px;
	right: 8px;
	font-family: 'Material Icons';
	font-size: 0.9rem;
	font-weight: 100;
	color: #777;
	transition: all 0.3s;
}
.bochi_lead .wrapper .bochi_access a::after{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	background: #0285C3;
	transform: scale(0, 1);
	transform-origin: left top;
	transition: all 0.3s;
}
.bochi_lead .wrapper .bochi_access a:hover::after{
	transform: scale(1, 1);
}
.bochi_lead .wrapper .bochi_access a:hover::before{
	color: #fff;
}
.bochi_lead .wrapper .bochi_access a:hover{
	color: #fff;
}


/* 年間行事表*/
/*-------------------------------------------------------*/

/* 年間行事テーブル*/
.table_event{
	padding-left: 10%;
	text-align: left;
	display: flex;
	justify-content: space-between;
}
.table_event dl{
	width: 48%;
	display: flex;
	flex-direction: column;
}
.table_event dl dt{
	width: 100%;
	margin-bottom: 15px;
	padding: 3px 0 3px 20px;
	background: #ddd;
}
.table_event dl dd{
	height: 5rem;
	margin-bottom: 30px;
	padding-left: 20px;
}

/* アクセスマップ*/
/*-------------------------------------------------------*/

.access h2{
	font-weight: 800;
}
.access p{
	margin-bottom: 20px;
}

/* お知らせ-WP*/
/*-------------------------------------------------------*/
.news_lead .cat{
	width: 22rem;
	margin: 0 auto 50px auto;
	padding-bottom: 10px;
	border-bottom: 3px solid #044c83;
	text-align: center;
	font-size: 1.5rem;
}
.news_lead .news_head{
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}
.news_lead .news_head .day{
	margin-right: 15px;
	font-size: 0.8rem;
}
.news_lead .news_head .cat{
	width: 11rem;
	margin-bottom: 10px;
	padding: 0 15px;
	display: block;
	border: 1px solid #cccccc;
	font-size: 0.8rem;
	text-align: center;
}
.news_lead .news_head h3{
	width: 100%;
	font-size: 1.6rem;
}
.news_lead .news_box img{
}

.news_lead .news_box .editor{
	margin-bottom: 100px;
}
/* エディター出力 */
.news_lead .news_box .editor h1{
	font-size: 2rem;
}
.news_lead .news_box .editor h2{
	font-size: 1.8rem;
}
.news_lead .news_box .editor h3{
	font-size: 1.6rem;
}
.news_lead .news_box .editor h4{
	font-size: 1.4rem;
}
.news_lead .news_box .editor h5{
	font-size: 1.3rem;
}
.news_lead .news_box .editor h6{
	font-size: 1.2rem;
}

.news_lead .news_box .editor strong{
	font-weight: 800;
}

.news_lead .news_box .editor ul, .news_lead .news_box .editor ol{
	margin: 1rem 0;
	padding-left: 1rem;
}
.news_lead .news_box .editor ul{
	list-style: circle;
}
.news_lead .news_box .editor ol{
	list-style: decimal
}

.news_lead .news_box .editor a{
	color: #0D9CBC;
}
.news_lead .news_box .editor a:hover{
	text-decoration: underline;
}

.news_lead .news_box .editor img{
	width: 64%;
	height: auto;
	margin-right: 2%;
	display: block;
}
@media screen and (min-width: 0px) and (max-width: 924px){
.news_lead .news_box .editor img{
	width: 90%;
	margin-bottom: 20px;
}
}

/* NEWS一覧ページbtn*/
.detail_btn{
	width: 300px;
	margin: 50px auto 0 auto;
	position: relative;
	z-index: 1;
	display: block;
	background: #707D89;
	font-size: 0.9rem;
	text-align: center;
	color: #ffffff;
}
.detail_btn a{
	padding: 3px 0;
	display: block;
}
.detail_btn::after{
	content: "\e5e1";
	position: absolute;
	top: 5px;
	right: 8px;
	font-family: 'Material Icons';
	font-size: 1rem;
	font-weight: 100;
	color: #dddddd;
}
.detail_btn::before{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: -1;
	transform: scale(0, 1);
	transform-origin: left top;
	transition: all 0.3s;
	background: #0285C3;
}
.detail_btn:hover::before{
	transform: scale(1, 1);
}

/* ニュース　カテゴリー一覧　wp */
/*-------------------------------------------------------*/
.news_lead .category_btn{
	margin-bottom: 80px;
	display: flex;
	justify-content: center;
}
.news_lead .category_btn li{
	width: 20%;
	margin-right: 15px;
	padding: 5px 30px;
	border: 1px solid #cccccc;
	font-size: 0.9rem;
	text-align: center;
	transition: all 0.3s;
}
.news_lead .category_btn li a{
	display: block;
}
.news_lead .current-cat{
	background: #EA1418;
}
.news_lead .category_btn li:last-child{
	margin-right: 0;
}
.news_lead .category_btn li:hover{
	opacity: 0.5;
}

/* 記事タイトル*/
.news_lead .news_wrapper{
	position: relative;
}
.news_lead .news_wrapper h2{
	margin-bottom: 40px;
	position: relative;
	font-size: 1.3rem;
	letter-spacing: 0.3rem;
}
.news_lead .news_wrapper h2::after{
	content: "";
	width: 120px;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #cccccc;
}
.news_lead .news_wrapper div{
	padding-left: 50px;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.news_lead .news_wrapper div dl{
	width: 47%;
	margin-bottom: 30px;
	padding-bottom: 15px;
	position: relative;
	display: flex;
	border-bottom: 1px dotted #cccccc;
}
/* アイコン*/
.news_lead .news_wrapper div dl::after{
	content: "\e5e1";
	position: absolute;
	top: 25%;
	right: 5px;
	font-family: 'Material Icons';
	font-size: 1.2rem;
	font-weight: 100;
	color: #aaaaaa;
}

.news_lead .news_wrapper div dl dt{
	width: 7rem;
	margin-right: 2%;
	font-size: 0.9rem;
	color: #999999;
}
.news_lead .news_wrapper div dl dd{
	width: 80%;
}

.news_lead .news_wrapper div dl dd a{
	display: block;
	padding-right: 40px;
}
.news_lead .news_wrapper div dl dd a::before{
	content: "";
	width: 0%;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #044c83;
	transition: all 0.5s;
}
.news_lead .news_wrapper div dl dd a:hover::before {
	width: 100%;
}

.news_lead .news_wrapper div dl dd span{
	width: 11rem;
	margin-bottom: 10px;
	padding: 0 15px;
	display: block;
	border: 1px solid #cccccc;
	font-size: 0.8rem;
	text-align: center;
}

/* ページナビ */
.wp-pagenavi-wrapper{
	text-align: center;
}
.wp-pagenavi-wrapper .wp-pagenavi {/* 全体 */
    margin: 20px 0;
	display: inline-block;
    font-size: 0.9rem;
}
.wp-pagenavi-wrapper .wp-pagenavi a {/* フォント色 */
    color: #4a4a4a;
}
.wp-pagenavi-wrapper .pages {/* 左の表記 */
    margin-right: 20px;
}
.wp-pagenavi-wrapper .wp-pagenavi .current,
.wp-pagenavi-wrapper .wp-pagenavi a.page {/* ボタン */
    margin: 0 6px 6px 0;
    display: inline-block;
    border: solid 1px #eee;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}
.wp-pagenavi-wrapper .wp-pagenavi .current {/* カレント数字 */
    border: none;
    background: #044c83;;
    color: #fff;
}
.wp-pagenavi-wrapper .wp-pagenavi a.page:hover {/* マウスオーバー */
    background: #ccc;
    color: #fff;
}
.wp-pagenavi-wrapper .wp-pagenavi .first,
.wp-pagenavi-wrapper .wp-pagenavi .extend {/* ... */
    margin-right: 10px;
}
.wp-pagenavi-wrapper .wp-pagenavi .previouspostslink,
.wp-pagenavi-wrapper .wp-pagenavi .nextpostslink {/* 記号の削除 */
    display: none;
}



@media screen and (min-width: 0px) and (max-width: 1024px) {

/* 寺院案内*/
/*-------------------------------------------------------*/

.guide_lead .g_introduction{
	padding-left: 0;
}
	
/* 沿革テーブル*/
.table_history{
	overflow-x: scroll;
}
.table_history table{
	min-width: 870px;
}
	

/* 墓地・納骨堂*/
/*-------------------------------------------------------*/
.bochi_lead .wrapper{
	margin-bottom: 20px;
}
.bochi_lead .wrapper .detail{
	width: 56%;
	margin-right: 3%;
}
.bochi_lead .wrapper .detail h2{
	font-size: 1.5rem;
}
.bochi_lead .wrapper .img{
	width: 40%;
}
	
/* 墓地・納骨堂 Btn*/
.bochi_lead .wrapper .bochi_access a{
	width: 80%;
}

	
/* ニュース　カテゴリー一覧　wp */
/*-------------------------------------------------------*/
.news_lead .category_btn{
	padding: 0 0;
	flex-wrap: wrap;
	justify-content: space-between;
}
.news_lead .category_btn li{
	width: 47%;
	margin: 0 0 15px 2.9%;
	padding: 5px 30px;
	font-size: 0.8rem;
}
.news_lead .category_btn li:nth-child(even){
	margin-right: 0;
}
	
/* 記事タイトル*/
/*-------------------------------------------------------*/
.news_lead .news_wrapper div{
	padding-left: 0;
	position: relative;
	display: block;
}
.news_lead .news_wrapper div dl{
	width: 100%;
	padding-bottom: 25px;
	display: block;
}
.news_lead .news_wrapper div dl dt{
	margin-bottom: 7px;
	font-size: 0.8rem;
}
	
}

@media screen and (min-width: 10px) and (max-width: 768px) {

/* Topページフレーム*/
/*-------------------------------------------------------*/

.wrapper_content{
	margin: 0 auto 200px auto;
}
	
/* TOPイメージ*/
/*-------------------------------------------------------*/

.head_img{
	margin: 0 auto 250px auto;
}
.head_img .left{
	width: 0;
}
.head_img .right{
	width: 100%;
}
/* ページタイトル */
.head_img .right h2{
	width: 40%;
	min-width: 250px;
	padding-top: 15px;
	right: 25px;
	bottom: 0;
	font-size: 1.2rem;
}
/* 波のイラスト部分 */
.head_img .right::after{
	width: 242px;
	height: 50px;
	bottom: -90px;
	right: 25px;
	background-size: 242px auto;
}

/* パンクズ */
.pankuz{
	bottom: -160px;
}

/* 寺院案内リード  法事についてリード　墓地・納骨堂*/
/*-------------------------------------------------------*/
.guide_lead, .houji_lead, .bochi_lead, .access, .news_lead{
	padding: 0 0 50px 0;
}
.guide_lead::before, .houji_lead::before{
	left: -20px;
}
.guide_lead h2{
	font-size: 1.4rem;
}
.bochi_lead{
	display: block;
}
	
/* 法事について*/
/*-------------------------------------------------------*/
.houji_guide h2{
	padding: 0 10px;
	font-size: 1.4rem;
}
.houji_guide h2::after{
	width: 200%;
	left: -50%;
}
.houji_guide h2::before{
	top: -30px;
	background-size: contain;
}
.houji_guide p{
	width: 100%;
	text-align: left;
}
	
/* 寺院案内*/
/*-------------------------------------------------------*/


.guide_lead .g_introduction .box{
	display: block;
	margin-bottom: 80px;
}
.guide_lead .g_introduction .box .img{
	width: 74%;
}
.guide_lead .g_introduction .box .detail{
	width: 100%;
}
.guide_lead .g_introduction .box .detail h3{
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-weight: 800;
	border-bottom: 1px solid #ddd;
}

.g_indent{
	text-indent: -3rem;
	padding-left: 3rem;
}
	
.guide_history h2 {
	width: 160px;
	height: 70px;
	padding-top: 35px;
}
.guide_history p{
	padding-left: 0;
}
.guide_history .img{
	padding-left: 10%;
	text-align: right;
}
	
/* 沿革テーブル*/
.table_history{
	padding-left: 0;
}
	
/* 墓地・納骨堂*/
/*-------------------------------------------------------*/
.bochi_lead .wrapper{
	margin-bottom: 80px;
	display: block;
}
.bochi_lead .wrapper .detail{
	width: 100%;
	margin: 0;
}
.bochi_lead .wrapper .detail h2{
	font-size: 1.3rem;
}
.bochi_lead .wrapper .img{
	width: 90%;
	padding-top: 0;
}

.bochi_lead .wrapper .bochi_access a{
	width: 90%;
	margin-bottom: 30px;
}
	

	
/* 年間行事表*/
/*-------------------------------------------------------*/

/* 年間行事テーブル*/
.table_event{
	padding-left: 0;
	display: block;
}
.table_event dl{
	width: 100%;
	margin-bottom: 40px;
	padding-bottom: 10px;
	font-size: 0.9rem;
}
	
/* お知らせ-WP*/
/*-------------------------------------------------------*/

.news_lead .news_head h3{
	font-size: 1.3rem;
	line-height: 2rem;
}
	
/* 記事タイトル*/
/*-------------------------------------------------------*/
.news_lead .news_wrapper{
	position: relative;
}
.news_lead .news_wrapper h2{
	margin-bottom: 40px;
	font-size: 1.2rem;
	letter-spacing: 0.2rem;
}
.news_lead .news_wrapper h2::after{
	width: 220px;
}

/* アイコン*/
.news_lead .news_wrapper div dl::after{
	font-size: 1rem;
}
.news_lead .news_wrapper div dl dd{
	width: 95%;
}
.news_lead .news_wrapper div dl dd a{
	display: block;
	padding-right: 30px;
}
.news_lead .news_wrapper div dl dd a:hover::before {
	width: 0;
}


	
}