@charset "utf-8";



/*トップページの追加設定---------------------------------------------------------------------------*/


#intro p{
	text-align: center;	
	font-family: "Hina Mincho", serif;
	font-size: 17px;
	padding-top: 25px;
	padding-bottom: 60px;
	line-height: 34px;
}

#intro2025 p{
	text-align: center;	
	font-family: "Hina Mincho", serif;
	font-size: 17px;
	padding-top: 25px;
	padding-bottom: 20px;
	line-height: 34px;
}

.subcopy2024{
	text-align: center;
	font-size: 15px;
	line-height: 25.5px;
	margin-top: 25px;
	margin-bottom: 25px;
	}

/*h2雲つきタイトル--*/	
.title-kumo{
	text-align: center;
	font-size: 30px;
	line-height: 40px;
	font-family: "Hina Mincho", serif;
	margin-top: 20px;
	margin-bottom: 20px;
}
.title-kumo .br-t{
	display:none;}

/*神社一覧--*/
#jinjya-ichiran{
	width: 100%;
	background-attachment: scroll;
	background-image: url(../images/illust_kmt.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 80px;
	}

/*神社一覧（PC用1200px以上）--*/

#jinjya-ichiran .ta-j-list{
	display: block;
	width: 1200px;
	border-collapse: separate;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	margin-bottom: 40px;
	vertical-align: middle;	
}

#jinjya-ichiran .ta-j-list th {
	width: 178px;
	vertical-align: top;
	padding-top: 0;
}
#jinjya-ichiran .ta-j-list td {
	width:210px;
	padding-top: 0;
	padding-right:0px;
	padding-bottom:0px;
	padding-left: 10px;
	font-size: 10.5px;
}
#jinjya-ichiran .ta-j-list td.space {
	width:18px;
}

#jinjya-ichiran .ta-j-list td h4{
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #EE86B4;
	font-size: 22px;
	font-family: "Hina Mincho", serif;
	margin-bottom: 10px;
	padding-bottom: 8px;
	line-height: 31.86px;
	}


/*神社一覧（タブレット1000px以下）--*/	
.j-list-flex{
	display:none;
}



/*イベント日程--*/
#event-day{
	width: 100%;
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/bg-pink.png);
	background-repeat: repeat;
	padding: 40px;
	margin-top: 50px;	
	}
#event-day .e-mainimg{
	width: 100%;
	max-width: 1000px;
	line-height: 25.5px;
	margin-right: 60px;
	margin-left: 60px;
	margin-bottom:30px;
	text-align: center;
	}
#event-day .e-mainimg img{
	width: 100%;
}

#event-day .day-img{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
#event-day .day-img>div{
	width: 50%;
	padding-top: 8px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 15px;
}

/*ボタンはイベントとオンライン共通--*/

#event-day .btn-e,#online-info .btn-e {
	display: inline-block;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 100%;
}
#event-day .btn-e a,#online-info .btn-e a{
	color: #DA597D; 
	border: 2px solid #DA597D;
	border-radius: 5px;
	text-decoration: none;
	text-align: center;
	transition: 0.3s;
	padding-top: 1em;
	padding-right: 2em;
	padding-bottom: 1em;
	padding-left: 2em;
	margin-right: auto;
	margin-left: auto;
	font-size: 17px;
	line-height: 25.5px;
}


#event-day .btn-e a:hover,#online-info .btn-e a:hover {
  background-color: rgba(255,255,255,0.6);
}


/*オンライン相談--*/

#online-info{
	width: 100%;
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/bg-beige.png);
	background-repeat: repeat;
	padding: 20px;
	margin-top: 10px;
	margin-bottom: 0px;	
	}

/*h2雲つきタイトル--*/	
#online-info .title-kumo{
	text-align: center;
	font-size: 30px;
	line-height: 40px;
	font-family: "Hina Mincho", serif;
	margin-top: 20px;
	margin-bottom: 20px;
}
#online-info .title-kumo .br-t{
	display:none;}

#online-info .on-info{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	margin-bottom: 20px;
}
#online-info .on-info>div{
	width: 50%;
	padding-top: 8px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 15px;
}

#online-info .on-info>div p{
	font-size: 15px;
	line-height: 25.5px;
	padding-bottom: 10px;}

/*オンライン相談 の　ラインボタン--*/

#online-info a.btn-line-top {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #222;
	text-align: left;
	text-decoration: none;
	padding-top: 10px;
	padding-right: 60px;
	padding-bottom: 10px;
	padding-left: 20px;
	background: rgba(213,205,170,0.5);
	border-radius: 10px;
	box-sizing: border-box;
	position: relative;
	transition-duration: 0.3s;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}
#online-info a.btn-line-top::after {
  content: '';
  width: 32px;
  height: 33px;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -16px;
  background-image: url("../images/bo-line-s.png");
  background-size: contain;
  background-repeat: no-repeat;
}



#online-info a.btn-line-top:hover {
	color:#222;
	background-color: rgba(255,255,255,0.7);
}

/*特集--*/

#tokusyu-top{
	width: 100%;
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	}


#tokusyu-top .bana-1{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
#tokusyu-top .bana-1>div.left{
	width: 50%;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 0px;
}
#tokusyu-top .bana-1>div.right{
	width: 50%;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 20px;
}
#tokusyu-top .bana-1>div.right img{
	padding-bottom: 15px;	
}

#tokusyu-top .bana-2{
	display: flex;
	flex-wrap: wrap;
	width: 710px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
	margin-bottom: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E2DBBF;
	padding-top: 50px;
}
#tokusyu-top .bana-2>div.left{
	width: 50%;
	padding-right: 20px;
	padding-left: 0px;
}
#tokusyu-top .bana-2>div.right{
	width: 50%;
	padding-right: 0px;
	padding-left: 20px;
}
#tokusyu-top .bana-2>div.right img{
	padding-bottom: 10px;	
}

/*フォトギャラリー--*/

#photogallery{
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: 0px;
	margin-left: 0px;
	}

#photogallery .photo-slider {
	position: relative;
	margin-top: 0;
	margin-bottom: 30px;
	padding-top: 20px;

}

#photogallery .photo-slider .swiper,#photogallery .photo-slider .swiper .swiper-wrapper {
  width: 100%;
}

/* ページネーションの設定 */
#photogallery .swiper-pagination {
	bottom: -45px !important;
}

/* ページネーションのドットの色 */
  
.swiper-pagination-bullet {
  background-color: #E2DBBF!important;
  opacity: 1!important;width: 12px!important;
height: 12px!important;
margin: 0 8px !important;
}
/* ページネーション、アクティブの時の色 */
.swiper-pagination-bullet-active {
 background-color: #EE86B4!important;
}

/*インスタボタン--*/

#photogallery .btn-insta {
	display: inline-block;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 40px;
	width: 100%;
}
#photogallery .btn-insta a{
	color: #DA597D;
	border: 2px solid #DA597D;
	border-radius: 5px;
	text-decoration: none;
	text-align: center;
	transition: 0.3s;
	padding-top: 1em;
	padding-right: 2em;
	padding-bottom: 1em;
	padding-left: 2em;
	margin-right: auto;
	margin-left: auto;
	font-size: 17px;
	line-height: 25.5px;
	margin-top: 50px;
}
#photogallery .btn-insta a:hover {
  background-color: rgba(255,255,255,0.6);
}

#photogallery .btn-insta i{
margin-right: 6px;
	font-size: 30px;
	vertical-align: -2px;
}


/*Facebook--*/

#fb{
	max-width: 440px;
	height: 550px;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 1em;
	}
#fb .fb-page{
	width: 100%;
	height: 400px;}

/*追加フッターバナー設定
---------------------------------------------------------------------------*/

#footerbana {
	clear: both;
		background-image: url(../images/bg-beige.png);
	background-repeat: repeat;
}
#footerbana .bana-3{
	display: flex;
	flex-wrap: wrap;
	width: 710px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
	margin-bottom: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
}
#footerbana .bana-3>div.left{
	width: 50%;
	padding-right: 15px;
	padding-left: 0px;
}
#footerbana .bana-3>div.right{
	width: 50%;
	padding-right: 0px;
	padding-left: 15px;
}


/*20240606追加　動画
--*/
/*画像を囲むブロック*/
.movie-waku {
	clear: both;
	background-image: url(../images/bg-beige.png);
	background-repeat: repeat;
	width: 100%;
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
	padding: 20px;
}
.top-youtube{
	width: 100%;
    aspect-ratio: 16 / 9;
	max-width: 1000px;
		margin-right: auto;
	margin-left: auto;}
.top-youtube iframe {
	width: 100%;
	height: 100%;

}



/*画面幅1250px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1250px){
	
#jinjya-ichiran .ta-j-list{
width: 96%;
}

#jinjya-ichiran .ta-j-list th {
	width: 15%;
}
#jinjya-ichiran .ta-j-list td {
	width: 17%;
	vertical-align: top;
}
#jinjya-ichiran .ta-j-list td.space {
	width:2%;
}
#jinjya-ichiran .ta-j-list td p br{
	display:none;}
}


/*画面幅1000px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1000px){
	
/*神社一覧（PC用1000px以上）--*/
#jinjya-ichiran .ta-j-list{
	display:none;
}

/*神社一覧（タブレット1000px以下）--*/
.j-list-flex {
		display: flex;		/*flexボックスを使う指定*/
		flex-wrap: wrap;	/*折り返す指定*/
	}

/*ボックス１個あたり*/
.j-list-flex .j-list {
	position: relative;
	margin-bottom: 0.5rem;	/*ボックス同士の上下間に空けるスペース*/
	padding: 15px;			/*ボックス内の余白*/
	display: flex;				/*flexボックスを使う指定*/
	flex-direction: column;		/*子要素を縦並びにする*/
	justify-content: space-between;	/*並びかたの種類の指定*/
	width: 32.5%;			/*幅。３列になります。*/
	margin-right: 0.8%;	/*右側へのマージン。ボックス同士の左右の余白です。*/
}

/*ボックス内のh4タグ*/
.j-list-flex .j-list h4 {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #EE86B4;
	font-size: 22px;
	font-family: "Hina Mincho", serif;
	margin-bottom: 8px;
	padding-top:8px;
	padding-bottom: 8px;
	line-height: 31.86px;
}
.j-list-flex .j-list h4 br{
	display:none;}


/*ボックス内のpタグ*/
.j-list-flex .j-list .j-text p {
	padding-top: 0;
	padding-right:0px;
	padding-bottom: 10px;
	padding-left: 0px;
	font-size: 12px;
	line-height: 20.5px;
	margin-left: 0;	
}
.j-list-flex .j-list .j-text p br{
	display:none;}

	
/*3の倍数目のボックスの右側のマージンをなくす*/
.j-list-flex .j-list:nth-of-type(3n) {
		margin-right: 0;
	}

/*ボックス内のtextブロックだけ伸ばす*/
.j-list-flex .j-list .j-text {
		flex: 1;
	}


/*イベント日程--*/
#event-day{
	width: 96%;
	max-width: 1000px;
	padding: 20px;
	margin-top: 20px;	
	}
#event-day .e-mainimg{
	max-width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:20px;
	}
#event-day .day-img>div{
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

/*オンライン相談--*/
#online-info{
	width: 96%;
	max-width: 1000px;
	padding: 20px;
	margin-top: 20px;	
	}
#online-info .on-info>div{
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#online-info a.btn-line-top{
	padding-top: 15px;
}

/*特集--*/

#tokusyu-top{
	width: 96%;
	max-width: 1000px;
	margin-top: 20px;	
	}
#tokusyu-top .bana-1>div.left{
	padding-right: 5px;
}
#tokusyu-top .bana-1>div.right{
	padding-left: 5px;
}

#tokusyu-top .bana-2{
	max-width: 600px;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	padding-top: 30px;
}
#tokusyu-top .bana-2>div.left{
	padding-right: 5px;
	padding-bottom: 10px;
}
#tokusyu-top .bana-2>div.right{
	padding-left: 5px;
	padding-bottom: 10px;
}

#footerbana .bana-3{
	max-width: 600px;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
#footerbana .bana-3>div.left{
	padding-right: 5px;
}
#footerbana .bana-3>div.right{
	padding-left: 5px;
}
	
}



/*画面幅800px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:800px){


/*トップページの設定---------------------------------------------------------------------------*/

#intro p{
	text-align: left;
	padding-top: 20px;
	padding-bottom: 40px;
	margin-right: 15px;
	margin-left: 15px;
}
#intro p br{
	display: none;
}

#intro2025 p{
	text-align: left;
	padding-top: 20px;
	padding-bottom:15px;
	margin-right: 20px;
	margin-left: 20px;
}
#intro2025 p br{
	display: none;
}

.j-list-flex .j-list {
	padding: 15px;
}

/*ボックス内のh4タグ*/
.j-list-flex .j-list h4 {
	font-size: 20px;
	margin-bottom: 5px;
	padding-top:8px;
	padding-bottom: 5px;
	line-height: 28px;
}
.j-list-flex .j-list h4 br{
	display:block;}

/*ボックス内のpタグ*/
.j-list-flex .j-list .j-text p {
	font-size: 12px;
	line-height: 20.5px;
	
}

#event-day .day-img>div{
	width: 100%;
}
#online-info .on-info>div{
	width: 100%;
}

/*フォトギャラリー--*/

#photogallery{
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	}


}

/*画面幅480px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:480px){


/*トップページの設定---------------------------------------------------------------------------*/

#intro p{
	text-align: left;
	font-size: 17px;
	line-height: 34px;
}
#intro2025 p{
	text-align: left;
	font-size: 17px;
	line-height: 34px;
}

.title-kumo{
	font-size: 24px;
	line-height: 31.86px;
}
#online-info .title-kumo{
	font-size: 24px;
	line-height: 31.86px;
	margin-top: 10px;
	margin-bottom: 0px;
}
#online-info .title-kumo .br-t{
	display:block;}
.title-kumo img,#online-info .title-kumo img{
	width:75px;
}

.subcopy2024{
	font-size: 14px;
	line-height: 23.8px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-right: 5px;
	padding-left: 5px;
	}
	
.lt{
	padding-right: 15px!important;
	padding-left: 15px!important;
	text-align:left;}


/*ボックス１個あたり*/
.j-list-flex .j-list {
	padding: 10px;
}

/*ボックス内のh4タグ*/
.j-list-flex .j-list h4 {
	font-size: 16px;
	margin-bottom: 5px;
	padding-top:8px;
	padding-bottom: 5px;
	line-height: 23.17px;
}
.j-list-flex .j-list h4 br{
	display:block;}

/*ボックス内のpタグ*/
.j-list-flex .j-list .j-text p {
	font-size: 10.5px;
	line-height: 16px;
	
}
#event-day .btn-e a,#online-info .btn-e a{
	font-size: 15px;
	line-height: 22.5px;
}
#online-info a.btn-line-top a{
	font-size: 15px;
	line-height: 22.5px;
}

#photogallery .btn-insta a{
	font-size: 15px;
	line-height: 22.5px;
}

/*オンライン相談--*/


#online-info .on-info{
	margin-top: 10px;
	margin-bottom:5px;
}

#online-info .on-info>div p{
	font-size: 14px;
	line-height: 23.8px;
	padding-bottom: 10px;}

#online-info a.btn-line-top {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top:10px;
	padding-bottom:10px;
}


/*特集--*/

#tokusyu-top .bana-1{
		width: 94%;}
#tokusyu-top .bana-2{
	margin-bottom: 0px;}

#tokusyu-top .bana-1>div.left,#tokusyu-top .bana-1>div.right{
	padding-right: 0px;
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;
}
#tokusyu-top .bana-1>div.left,#tokusyu-top .bana-1>div.right{
width:100%;
}
#tokusyu-top .bana-1>div.right img{
	padding-bottom: 10px;	
}

#tokusyu-top .bana-2{
		width: 254px;}

#tokusyu-top .bana-2>div.left,#tokusyu-top .bana-2>div.right{
width:100%;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;
}

/*フォトギャラリー--*/

#photogallery .photo-slider {
	padding-top: 0px;
}

/*Facebook--*/
#fb,#fb .fb-page{
	max-width: 400px;
	height: 600px;
}

#footerbana .bana-3{
		width: 254px;}

#footerbana .bana-3>div.left,#footerbana .bana-3>div.right{
	width: 100%;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;
}
#footerbana .bana-3>div.left{margin-bottom: 10px;}

}