@charset "UTF-8";
/*
Theme Name: keiun-zan theme
Theme URI:
Description:慶運山長源寺用テーマ
Version: 1.0
Author: j_m
Author URI:
*/

/* CSS Document */
/* --------------------------------------------- */
/* ▼モバイルファースト */
/* --------------------------------------------- */

/*@import url(//fonts.googleapis.com/cssfamily=Open+Sans:400,400italic,600,600italic,700,700italic);
@import url('https://fonts.googleapis.com/css?family=Anton&display=swap');
*/

/**** 全体 ****/
/* Chromeで游ゴシックかすれる問題おまじない */
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium"), local("YuGothic-Medium"); }
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold"), local("YuGothic-Bold");
  font-weight: bold; }
body{
	display: flex;
	flex-direction: column;
	min-height: 100vh;	
	font-family: dnp-shuei-mincho-pr6n, '游明朝体', '游明朝', YuMincho, 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
	font-weight: 500;
	font-style: normal;
	line-height: 1.8;
	font-feature-settings: 'palt' 1;
	-webkit-font-smoothing: antialiased;
}

footer{
	background-color: #FFF0E2;
}

h2.title{
	background-color: #745399;
	color:white;
	font-weight: bold;
}

.btn-contactus{
	background-color: #FF5C00;
	border: none;
	color: #fff;
	text-wrap: nowrap;
	font-weight: bold;
	box-shadow: -4px 4px 1px 0 #a4a4a4 ;
}
.btn-contactus:hover{
	background-color: #FFD9B7;
	color: #FF5C00;
	transform: translate(-4px,4px);
	box-shadow:none;
}

.text-bg-brown{
	color:white;
	background-color: #421800;
}

.ctbox-narrow{
	max-width: 1140px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

/* アンカー位置調整 */
.anchor-adjust{
	padding-top: 52px; /*上に余白を付ける*/
	margin-top: -52px; /*上の余白を打ち消す*/
}

/**** swiper関連 ****/
.swiper-container {
	position: relative;
}

.swiper-container .swiper-button-prev::after,
.swiper-container .swiper-button-next::after {
 font-size: var(--swiper-navigation-size);
 letter-spacing: 0;
 font-family: "Font Awesome\ 6 Free"; /*Font Awesome 6 Freeの指定*/
 font-weight: 900;
 color:#333; /*色*/
 text-shadow: 2px 2px 0 #FFF,
             -2px 2px 0 #FFF,
             2px -2px 0 #FFF,
             -2px -2px 0 #FFF;
}
.swiper-container .swiper-button-prev::after{
	content: "\f137"; /*Font Awesome 6 Freeのユニコード*/
}
.swiper-container .swiper-button-next::after {
	content: "\f138"; /*Font Awesome 6 Freeのユニコード*/
}

/**** メインメニュー関連 ****/
#menu .navbar-nav .menu-item{
	font-weight: bold;
}

#menu .dropdown-toggle.show,#menu .dropdown-toggle.active,#menu .menu-item:has(.current-page-ancestor),#menu .menu-item:has(.current-post-ancestor){
	background-color: #DC6D66;
	color:white;
}
#menu .menu-item:has(.current-page-ancestor) a.nav-link,#menu .menu-item:has(.current-post-ancestor) a.nav-link{
	color:white !important;
}

#menu .dropdown-menu.depth_0 li {
	text-align: left;
}

#menu .dropdown-menu.depth_0 li>a::before {
	content: "\f138"; /*Font Awesome 6 Freeのユニコード*/
	font: var(--fa-font-solid);
	color:#DC6D66; /*色*/
	margin-right: 2px;
	margin-left:-1em;
}

#menu .dropdown-item{
	white-space: normal;
	padding-left:2em;
	line-height: 1.5em !important;
	padding-top: .75em !important;
	padding-bottom: .75em !important;
}

 #menu .dropdown-item.active{
	background-color: #dc6e6632;
	color:#DC6D66;
}

/**** 表 ****/
.tbl-about{
	border-collapse: separate;  /* 表の線と線の間を空ける */
	border-spacing: .75em;       /* 表の線と線の間の幅 */
}
.tbl-about th{
	background-color: #FFAE81;
	text-align: center;
	vertical-align: middle;
	padding:1em;
}
.tbl-about td{
	background-color: #FFF1E9;
	padding:1em;
}

 /**** 背景色等 ****/
	.bg-maincolor{
		background-color: #FFE7D9;
	}

	.bg-tit{
		background-color: #FFE7D9;
		padding-top:80px;
		margin-top: 80px;
		padding-bottom:80px;
		margin-bottom: 80px;
		position: relative;
	}
	.bg-tit::before {
		content: '';
		position: absolute;
		top: -35px;
		left: 0;
		height: 60px;
		width: 100%;
		background-repeat: repeat-x;
		background-position: center;
		background-size:auto;
		background-image: url("parts/laceA.png");
	}
	.bg-tit::after {
		content: '';
		position: absolute;
		bottom: -10px;
		left: 0;
		height: 44px;
		width: 100%;
		background-repeat:no-repeat;
		background-position: center;
		background-size:100% 44px;
		background-image: url("parts/waveA.png");
	}
	

	.bg-wave{
		background-color: #FFF1E9;
		padding-top:80px;
		margin-top: 80px;
		padding-bottom:80px;
		margin-bottom: 80px;
		position: relative;
	}
	.bg-wave::after {
		content: '';
		position: absolute;
		bottom: -10px;
		left: 0;
		height: 44px;
		width: 100%;
		background-repeat:no-repeat;
		background-position: center;
		background-size:100% 44px;
		background-image: url("parts/waveA.png");
	}
	

	.bg-lace{
		background-color: #FFF;
		padding-top:0px;
		margin-top: 80px;
		padding-bottom:0px;
		margin-bottom: 80px;
		position: relative;
	}
	.bg-lace::before {
		content: '';
		position: absolute;
		top: -28px;
		left: 0;
		height: 28px;
		width: 100%;
		background-repeat: repeat-x;
		background-position: center;
		background-size:auto;
		background-image: url("parts/lace.png");
	}
	.bg-lace::after {
		content: '';
		position: absolute;
		bottom: -28px;
		left: 0;
		height: 28px;
		width: 100%;
		background-repeat:repeat-x;
		background-position: center;
		background-size:auto;
		background-image: url("parts/lace.png");
		transform: scale(1, -1);
	}
	
	/* 検索結果BOX背景 */
	.searchlist-box{
		background-color: #fbf9f6;
		border-bottom: 1px dotted #745399;
		padding: .75rem 1rem;
		margin:0;
	}

	/**** 文字修飾等 ****/
	.subtitle-blA{
		border-bottom: solid 1px #e77169;
		padding-top:.5rem;
		padding-bottom: .5rem;
		margin-top:.75rem;
		margin-bottom: .5rem;
	}
	.subtitle-merit{
		color:#978475;
		background-color: #e8ded6;
		font-weight: bolder;
		padding:.5rem .8rem;
		margin-top:.75rem;
		margin-bottom: .5rem;
	}
	.marker-blA {
		background: linear-gradient(transparent 60%, #ffff66 60%);
	}

	.list-hlA{
		border-left:.3rem solid #f198a5;
		padding:.3rem .8rem;
		margin-top:.75rem;
		margin-bottom: .5rem;
		margin-left:.75rem;
	}

	.line-clamp {
		display: -webkit-box !important;
		-webkit-box-orient: vertical;
		overflow: hidden !important;
	}

	.title-dl{
		border-left: 3px solid #FF5C00;
		padding:12px 24px;
	}

	.btn-dl{
		border: 2px solid #FF5C00;
		color :#FF5C00;
		padding:10px;
		font-size:1.5rem;
		line-height: 1.5rem;
		font-weight: bold;
	}

	.title-fnd{
		border-top: 3px dashed #FF5C00;
		border-bottom: 3px dashed #FF5C00;
		text-align: center;
		padding:1em 0;
		margin-bottom: 32px;
	}
	a.normal-link{
		color:#FF5C00;
		text-decoration: none;
	}
	a.normal-link:hover{
    opacity: .8;
		text-decoration: underline;
	}

	/** 改行位置を区切る*/
	.text-breakable{
		display:flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	span.break{
		display: inline-block;
		margin:0;
	}

	/* お知らせ関連 */

	dl.list-news div {
		display:flex;
		justify-content:flex-start;
		padding-top:1.5rem;
		padding-bottom:1.5rem;
		border-bottom: #ccc 1px dashed;
	}

	dl.list-news div dt {
		min-width:8em;
	}
	dl.list-news div dd {
		margin:0;
		padding-left:1rem
	}

/*リスト関連*/
.title-in-boxA{
	border: solid 1px #e77169;
	color:#e77169;
	width: 100%;
}

ul.dotA{
	list-style-type:none;
	margin:0 0 0 1.2em; 
	padding:0;
}

ul.dotA li {
  margin-bottom:0.5em;
	line-height:1.8em;
	padding-left:2.1em;
	position:relative;
}

ul.dotA li::before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 1.8em;
  height: 1.8em;
	display:  inline-block;
	color:#FF5C00;
	background-color: white; 
	border-radius:  50%;  
	padding-top:.4em;
	text-align:center;
	content: "\f105"; /*Font Awesome 6 Freeのユニコード*/
	font: var(--fa-font-solid);
}

.lists {
	border-bottom: #ccc 1px dashed;
}

span.wpcf7-radio {
  display: flex;
  flex-direction: column;
}
.youtube {
	width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}