@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* 固定ページ　サイドバナー表示　『行事案内（今月の成田山）』 */
#body_wrap:not(.page-id-9):not(.page-id-71):not(.page-id-1238):not(.page-id-81) .sidebar-monthly{
display:none;
}

/* 固定ページ　サイドバナー表示　『成田山を知る』 */
#body_wrap:not(.page-id-17):not(.page-id-105):not(.page-id-107):not(.page-id-109):not(.page-id-111):not(.page-id-113):not(.page-id-115):not(.page-id-117):not(.page-id-119):not(.page-id-121):not(.page-id-202)  .sidebar-about{
display:none;
}

/* 固定ページ　サイドバナー表示　『祈る・授かる』 */
#body_wrap:not(.page-id-19):not(.page-id-132):not(.page-id-137):not(.page-id-139):not(.page-id-141):not(.page-id-143):not(.page-id-145):not(.page-id-147):not(.page-id-149):not(.page-id-153):not(.page-id-155):not(.page-id-151):not(.page-id-157):not(.page-id-159):not(.page-id-6431):not(.page-id-6437) .sidebar-pray{
display:none;
}

/* 固定ページ　サイドバナー表示　『学ぶ・体験する』 */
#body_wrap:not(.page-id-21):not(.page-id-174):not(.page-id-176):not(.page-id-178):not(.page-id-180):not(.page-id-182):not(.page-id-184)  .sidebar-lecture{
display:none;
}

/* 固定ページ　サイドバナー表示　『境内案内』 */
#body_wrap:not(.page-id-23):not(.page-id-192):not(.page-id-194):not(.page-id-196):not(.page-id-198)  .sidebar-tour{
display:none;
}

/* 固定ページ　サイドバナー表示　『アクセス（参詣する）』 */
#body_wrap:not(.page-id-25):not(.page-id-200):not(.page-id-204)  .sidebar-visit{
display:none;
}

/* 固定ページ　サイドバナー表示　『成田山の社会事業』 */
/* 固定ページ　サイドバナー表示　『成田山の社会事業』 */
#body_wrap:not(.page-id-299):not(.page-id-301):not(.page-id-303):not(.page-id-305):not(.page-id-4159):not(.page-id-4206):not(.page-id-4218):not(.page-id-4231):not(.page-id-4248):not(.page-id-4263):not(.page-id-4277):not(.page-id-4291)  .sidebar-social{
display:none;
}

/* YouTube動画　埋め込み　レスポンシブ対応 */
.video-container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 の比率 */
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*投稿カテゴリー色分け「開基1090祭記念事業」*/
[data-cat-id="126"] {
	 color: #ffffff;
  background-color: #ff7f7f;
	border-radius: 10px;
	padding: 4px 6px;
}

/*投稿カテゴリー色分け「行事」*/
[data-cat-id="26"] {
	 color: #ffffff;
  background-color: #246bc3;
	border-radius: 10px;
	padding: 4px 6px;
}

/*投稿カテゴリー色分け「お知らせ」*/
[data-cat-id="127"] {
	 color: #ffffff;
  background-color: #ddba42;
	border-radius: 10px;
	padding: 4px 6px;
}

/*投稿カテゴリー色分け「初詣」*/
[data-cat-id="10"] {
	 color: #ffffff;
  background-color: #ff4a4a;
	border-radius: 10px;
	padding: 4px 6px;
}

/* 角に丸みをつける1 */
.radius {
    border-radius: 4px; /* 角丸の半径を設定 */
    overflow: hidden; /* 角丸が正しく表示されるようにする */
}

/* 角に丸みをつける2 */
.radius_a {
    border-radius: 4px; /* 角丸の半径を設定 */
    overflow: hidden; /* 角丸が正しく表示されるようにする */
}

/* 角丸 枠線あり */
.radius01 {
    border-radius: 10px; /* 角丸の半径を設定 */
    overflow: hidden; /* 角丸が正しく表示されるようにする */
	　border-color:#000000;
    border-width:2px;
    border-radius:12px
}

/* カバーブロックの枠線設定 */
.cover-border {
  border: 1px solid #333; /* 枠線の太さと色 */
  border-radius: 8px;     /* 角を丸くする場合（オプション） */
  padding: 1rem;          /* 枠内の余白（オプション） */
  box-sizing: border-box;
}

/* コンテンツヘッダー　文字色 */
.l-topTitleArea__body {
color: #333;
}

/* 固定ページのヘッダーを横幅固定にする */
.l-topTitleArea {
min-height: 10vw;
}

/* カラム高さ */
.column-block_01{
  height : 100%;
}

/* Noto Sans JP を特定ブロックだけに適用 */
.font-noto {
  font-family: 'Noto Sans JP', sans-serif !important;
  font-weight: 400;
}

/* Noto Serif JP を特定ブロックだけに適用 */
.font-noto-serif {
  font-family: 'Noto Serif JP', sans-serif !important;
  font-weight: 400;
}

/* スマホでのカラム表示の順番 */
@media (max-width: 768px)  {
.swell-col-reverse .swell-block-columns__inner{
flex-direction: column-reverse; 
}
}

.swell-block-faq {
  background-color: #ffffff !important;
}

/* アコーディオンブロック　ラベル＆ボディ共に変更 */
.my-accordion-color .swell-block-accordion__title, 
.my-accordion-color .swell-block-accordion__body{
  background: #FFFFFF;
}

/* ギャラリー　クリックして拡大（スマホ画面幅余白あり） */
@media (max-width:460px) {
	.lum-lightbox-inner img {
		width: 100%;
		object-fit: contain;
	}
}

/*MW WP Formデザイン*/
.cform th {
	font-size: 16px;
	width: 40%; /*変なところで改行される場合はここの数字を変更します。*/
	border-bottom: solid 1px #d6d6d6;
	padding: 18px 0 12px 15px;
	font-weight: normal;
	background: #f3f3f3;
}

.cform td {
	font-size: 16px;
	line-height: 150%;
	border-bottom: solid 1px #d6d6d6;
	padding: 20px 6px;
}

.cform {
	width: 100%;
	margin: auto;
}

.cform [type=submit] {
	display: inline-block;
	font-size: 20px;
	padding: 10px 30px;
	text-decoration: none;
	background: #ff8f00;
	color: #FFF;
	border-bottom: solid 4px #B17C00;
	border-radius: 3px;
}

.cform option,
.cform textarea,
.cform input[type=text],
.cform input[type=email],
.cform input[type=search],
.cform input[type=url] {
	width: 100%;
}

.required-srt {
	font-size: 8pt;
	padding: 5px;
	background: #ce0000;
	color: #fff;
	border-radius: 3px;
	margin-left: 10px;
	vertical-align: middle;
}

@media only screen and (max-width:767px) {
	.cform th,
	.cform td {
		width: 100%;
		display: block;
		border-top: none;
	}
}

.submit-btn input {
	background: #00142c;
	width: 60%;
	max-width: 550px;
	min-width: 220px;
	margin: 30px auto;
	display: block;
	border: 1px #00142c solid;
	text-align: center;
	padding: 5px;
	color: #fff;
	transition: all 0.4s ease;
}

.submit-btn input:hover {
	background: #e3f0c9;
	color: #00142c;
}

/* MW WP Form　全体を中央寄せ */
.mw_wp_form {
  max-width: 900px; /* フォームの最大幅（調整可） */
  margin: 0 auto;    /* 中央寄せ */
}

.mw_wp_form input,
.mw_wp_form textarea {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.mwform-tel-field,
.mwform-zip-field {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.mwform-tel-field input,
.mwform-zip-field input {
  flex: 1;
  min-width: 60px;
  max-width: 100%;
}

/* MW WP Form　ラジオボタン 位置を修正 */
.mw_wp_form input[type="radio"] {
  width: 16px;
  height: 16px;
  margin-right: 6px;
  vertical-align: middle;
}

/* MW WP Form　確認・送信ボタン　色変更 */
.mw_wp_form input[type="submit"] {
  background-color: #90b053; /* ボタン背景色 */
  color: #fff;               /* 文字色 */
  border: none;
  border-radius: 4px;
  font-size: 16px;
  cursor: pointer;
}

.mw_wp_form input[type="submit"]:hover {
  opacity: 0.8;
  transition: 0.3s ease;
}

/* MW WP Form　確認・送信ボタン　幅変更 */
.mw_wp_form input[type="submit"] {
  width: 200px;
  padding: 6px 6px;
  font-size: 16px;
  text-align: center;
  margin: 20px auto;
  display: block;
}

/* SPメニュー下の「SNS設定が空です」メッセージだけ消す */
.widget_swell_sns_links {
  display: none !important;
}


/* ヘッダーバー 全アイコンをまとめて大きくする */
.c-iconList__icon {
  font-size: 20px; /* お好みで px 値を変更 */
}

/* ヘッダーバーの高さを変更 */
.l-header__bar {
  height: 28px; /* デフォルトは40px前後 */
}

/* ヘッダーバー アイコン同士の間隔を調整 */
.c-iconList__item {
  margin-right: 10px; /* アイコン間の余白を広げる */
}

/* ヘッダーバー 最後のアイコンだけ余白を消す */
.c-iconList__item:last-child {
  margin-right: 0;
}

/* フッターのSNSアイコンを非表示 */
.l-footer .c-iconList {
  display: none;
}