@charset "utf-8";

/* 成田山トップ
------------------ */
/* 成田山トップ見出し（画像が分かれる場合） */
.narita_index_h01{
	margin-bottom: 1.5rem;
	text-align: center;
}

.narita_index_h01 img{
	display: block;
	margin: 0.8rem auto 0 auto;
}

@media print, screen and (min-width: 940px){
.narita_index_h01{
	margin-bottom: 3rem;
}

.narita_index_h01 img{
	display: inline;
	margin: 0;
	vertical-align: middle;
}
}

/*コンテンツナビ*/
.contents_nav_area{
	padding: 1rem;
}

.contents_nav li{
		width: 290px;
		height: 150px;
		margin: 0 auto 1rem;
		
}

	.contents_nav .nav_text{
		display: block;
		width: auto;
		max-width: 50%;
		min-width: 300px;
		height: auto;
		margin-right: auto;
		margin-left: auto;
}


@media print, screen and (min-width: 940px){
	#contents_nav_area{ 
	}
	
	.contents_nav{
		width: 940px;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		margin: 0 auto;
	}
	
	.contents_nav li{
		width: 290px;
		height: 150px;
		margin: 0.5rem;
		box-sizing: border-box;
		}
	
	.contents_nav .nav_text{
		max-width: none;
		text-align: left;
		width: 430px;
		height: auto;
		margin: 0.5rem;
		margin-right: 2rem;
	}
	}


/* 230904_目次追加  */

#contents_mokuji_area{
	width: calc(100% - 2rem);
	max-width: 940px;
	margin: 0 auto;
	padding:3rem 1.5rem;
	border: 3px solid #687756;
	box-sizing: border-box;
}

#contents_mokuji_area_bg{
	width: calc(100% - 2rem);
	max-width: 940px;
	margin: 0 auto;
}


#contents_mokuji_area .h,
#contents_mokuji_area_bg .h{
	margin-bottom: 2rem;
	text-align: center;
}

.mokuji_list{
	width: 100%;
	margin-bottom: 1.5rem;
}


.mokuji_list dt{
	color: #687756;
	font-size: 1.125rem;
	font-weight: 300;
	font-weight: bold;
	margin-bottom: 0.75rem;
}



.mokuji_list dt a{
	color: #687756;
}

.mokuji_list dd{
	/* padding: 0.5rem 0; */
	display: inline-block;
	margin-right: 0.5rem;
	margin-bottom: 1rem;
}


.mokuji_list dd a{
	color: #333;
	text-decoration-color: #687756;
}


.mokuji_list > dd a::before{
	content: "〇";
	display: inline-block;
	font-size: 0.5rem;
	vertical-align: middle;
	margin-right: 0.25rem;
}


.mokuji_list dl > dd{
	display: inline-block;
	margin-right: 1rem;
	margin-bottom: 1rem;
}

/*.mokuji_list .dd-wide a::before{
	content: "・";
	display: inline-block;
	font-size: 0.75rem;
	vertical-align: middle;
	margin-right: 0.25rem;
}*/


.mokuji_list dd.dd-wide{
	display: block;
	width: 100%;
	margin-bottom: 0.5rem;
}

#contents_mokuji_area .hr{
	width: 100%;
	margin:  0 0 2.5rem;
	border-top: 1px solid #888;
}

/* 230908_黒地目次追加  */


.mokuji_box{
	width: 100%;
	margin: 0 auto 2rem;
    padding: 2rem 1.5rem 1rem;
	box-sizing: border-box;
	background: #222;
}

.mokuji_box .mokuji_list dd a{
	color: #fff;
	text-decoration-color: #687756;
}


.mokuji_box .mokuji_list dt{
	color: #fff;
	font-size: 1.125rem;
}

.mokuji_box .mokuji_list dt a{
	color: #fff;
}



@media print, screen and (min-width: 940px){
	
	#contents_nav_area{ 
		width:100%;
	}
	
	#contents_mokuji{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin: 0 auto;
	}
	
	.mokuji_list{
		width: 100%;
		/*width: calc(100% / 2 - 1rem);*/
	}
	
	.mokuji_list.list-wide{
		width: 100%;
	}
	
	.mokuji_list dl > dd{ margin-bottom: 0;}
	
	
	.mokuji_list dd.dd-wide{
		margin-bottom: 1.5rem;
	}
	
	#contents_mokuji_area_bg{
		width: 100%;
	}
	
	.mokuji_box{
		width: calc(100% / 3 - 1rem);
		margin: 0;
	}
	
	.mokuji_box .mokuji_list dd.dd-wide{
		margin-bottom: 0.75rem;
	}
	
	.mokuji_box .mokuji_list dl > dd{
		margin-bottom: 1rem;
	}
}




/* 趣旨文 */
#narita_index_catch{
	padding: 1rem;
}

#narita_index_ph01{
	display: block;
	margin: 0 auto 1rem auto;
}

@media print, screen and (min-width: 940px){
#narita_index_catch{
	width: 940px;
	margin: 0 auto;
	overflow: hidden;
	padding: 3rem 0 4rem 0;
}

#narita_index_catch h2 img:first-child{
	margin-right: -4rem;
}

#narita_index_ph01{
	float: left;
	margin: 0;
}

#narita_index_syushi{
	width: 450px;
	float: right;
}
}

/* 新勝寺
------------------ */
#narita_index_naritasan02{
	background: #222;
	padding-bottom: 4rem;
	text-align: center;
	margin-bottom: 3rem;
}
#narita_index_naritasan_text02{
	padding: 4rem 1rem 2.5rem 1rem;
	color: #fff;
}
#narita_index_naritasan_text02 h2{
	margin-bottom: 1.5rem;
}
#narita_index_naritasan_ph02{
	width: 90%;
	margin: 0 auto;
}

@media print, screen and (min-width: 940px){

#narita_index_naritasan02{
	width: 940px;
	margin: 0 auto 4rem auto;
}

#narita_index_naritasan_text02{
	padding:4rem 0 3.5rem 0;
	width: 700px;
	margin: 0 auto;
}

#narita_index_naritasan_text02 h2{
	margin-bottom: 2rem;
}
	
#narita_index_naritasan_ph02{
	width: 700px;
}
	
}

/* 光明堂
------------------ */
#narita_index_naritasan03{
	background: #222;
	padding-bottom: 4rem;
	text-align: center;
	margin-bottom: 3rem;
}


#narita_index_naritasan_text03{
	padding: 4rem 1rem 1.5rem 1rem;
	color: #fff;
}


/*#narita_index_naritasan_text03 h2{
	margin-bottom: 1.5rem;
}*/


#narita_index_naritasan_ph03{
	width: 90%;
	margin: 0 auto;
}

#narita_index_naritasan03 #komyodo_menu li a{
	color: #fff;
}

#narita_index_naritasan03 #komyodo_menu{
	margin-top: 1.5rem;
	 display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	 -ms-flex-wrap: wrap;
	flex-wrap: wrap;

}

@media screen and (max-width: 480px){
#narita_index_naritasan03 #komyodo_menu{
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
	
#narita_index_naritasan03 #komyodo_menu li{
	margin: 0.5rem 1rem 0;
	}
	
} 



#narita_index_naritasan03 .icon-right-open{
	position: relative;
	top:-0.4rem;
	right: 0.5rem;
}

@media print, screen and (min-width: 940px){

#narita_index_naritasan03{
	width: 940px;
	margin: 0 auto 4rem auto;
}


#narita_index_naritasan_text03{
	padding:4rem 0 1rem 0;
	width: 700px;
	margin: 0 auto;
}


	
#narita_index_naritasan_text03 h2{
	margin-bottom: 0.5rem;
}


	
#narita_index_naritasan_ph03{
	width: 700px;
}
	
#narita_index_naritasan03 #komyodo_menu{
	-ms-flex-pack: distribute;
	justify-content: center;
	margin-right: -4rem;

}
#narita_index_naritasan03 #komyodo_menu li{
	margin-right: 4rem;
}
}



.narita_index_komyodo{
	background: #222;
	padding-bottom: 4rem;
	text-align: center;
	margin-bottom: 3rem;
}


.narita_index_komyodo_text{
	padding: 4rem 1rem 1.5rem 1rem;
	color: #fff;
}


/*.narita_index_komyodo_naritasan_text h2{
	margin-bottom: 1.5rem;
}*/


.narita_index_komyodo_ph{
	width: 90%;
	margin: 0 auto;
}

.narita_index_komyodo #komyodo_menu li a{
	color: #fff;
}

.narita_index_komyodo #komyodo_menu{
	margin-top: 1.5rem;
	 display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	 -ms-flex-wrap: wrap;
	flex-wrap: wrap;

}

@media screen and (max-width: 480px){
.narita_index_komyodo #komyodo_menu{
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
	
.narita_index_komyodo #komyodo_menu li{
	margin: 0.5rem 1rem 0;
	}
	
} 



.narita_index_komyodo .icon-right-open{
	position: relative;
	top:-0.4rem;
	right: 0.5rem;
}

@media print, screen and (min-width: 940px){

.narita_index_komyodo{
	width: 940px;
	margin: 0 auto 4rem auto;
}


.narita_index_komyodo_text{
	padding:4rem 0 1rem 0;
	width: 700px;
	margin: 0 auto;
}


	
.narita_index_komyodo_text h2{
	margin-bottom: 0.5rem;
}


	
.narita_index_komyodo_ph{
	width: 700px;
}
	
.narita_index_komyodo #komyodo_menu{
	-ms-flex-pack: distribute;
	justify-content: center;
	margin-right: -4rem;

}
.narita_index_komyodo #komyodo_menu li{
	margin-right: 4rem;
}
}

/*
#narita_index_naritasan{
	background: #222;
	margin-bottom: 3rem;
}

#narita_index_naritasan_ph{
	overflow: hidden;
}

#narita_index_naritasan_ph img{
	width: 100%;
}

#narita_index_naritasan_text{
	padding: 4rem 0;
}

#narita_index_naritasan h2{
	margin-bottom: 1.5rem;
	text-align: center;
}

#narita_index_naritasan p{
	color: #fff;
	margin: 0 1rem 1.5rem 1rem;
}

@media print, screen and (min-width: 940px){
#narita_index_naritasan{
	width: 940px;
	margin: 0 auto 4rem auto;
	overflow: hidden;
	position: relative;
}

#narita_index_naritasan_ph{
	width: 50%;
	float: right;
}

#narita_index_naritasan_text{
	width: 50%;
	padding:0;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}

#narita_index_naritasan h2{
	padding: 85px 0 16px 0;
}

#narita_index_naritasan p{
	margin: 0 70px 40px 70px;
}
}
*/

/* 五百羅漢
------------------ */
#narita_index_rakan{
	background: #222;
	padding-bottom: 4rem;
	margin-bottom: 3rem;
}

#narita_index_rakan_text{
	padding: 4rem 1rem 1rem 1rem;
	color: #fff;
}

#narita_index_rakan_text h2{
	margin-bottom: 1.5rem;
	text-align: center;
}

#narita_index_rakan ul{
	text-align: center;
}

#narita_index_rakan li{
	display: inline-block;
	vertical-align: top;
	width: 48%;
}

#narita_index_rakan li a{
	display: block;
	padding: 0.5rem;
	color: #fff;
}

@media print, screen and (min-width: 940px){
#narita_index_rakan{
	width: 940px;
	margin: 0 auto 4rem auto;
}

#narita_index_rakan_text{
	padding:4rem 0 2rem 0;
	text-align: center;
	width: 700px;
	margin: 0 auto;
}

#narita_index_rakan_text h2{
	margin-bottom: 2rem;
}

#narita_index_rakan ul{
	width: 940px;
	margin: 0 auto;
}

#narita_index_rakan li{
	width: 40%;
}
}

/* 如鱗杢・平和大塔
------------------ */
#narita_index_jd{
	text-align: center;
	padding: 4rem 1rem 0 1rem;
}

#narita_index_jd section{
	padding-bottom: 4rem;
}

.narita_index_jd_ph{
	display: block;
	margin: 0 auto 1rem auto;
}

#narita_index_jd h2{
	margin-bottom: 0.5rem;
}

#daitou_index_yoake{
	margin-left: auto;
	margin-right: auto;
}

@media print, screen and (min-width: 940px){
#narita_index_jd{
	overflow: hidden;
	width: 940px;
	margin: 0 auto 2rem auto;
	padding: 0;
}

#narita_index_jd section{
	width: 46%;
}

#narita_index_jyorin{
	float: left;
}

#narita_index_daitou{
	float: right;
}

#narita_index_taki{
	float: left;
}

#narita_index_tsurugi{
	float: right;
}

#narita_index_temmangu{
	float: left;
	clear: both;
}

#narita_index_ume{
	float: right;
}
	
#narita_index_kure{
	float: left;
}
#narita_index_akane{
	float: right;
}
#narita_index_yoake{
	clear: both;
	float: left;
}
#narita_index_kyudai{
	float: right;
}
	
#narita_index_hojo{
	clear: both;
	float: left;
}
	
#narita_index_shoho{
	margin-left: auto;
	margin-right: auto;
}
	
}

/* ただ一度～
------------------ */
#narita_index_ichido{
	text-align: center;
}

#narita_index_ichido ul{
	margin: 0 1rem;
}

#narita_index_ichido li{
	margin-bottom: 4rem;
}

#narita_index_ichido li img{
	display: block;
	margin: 0 auto 0.5rem auto;
}

#narita_index_ichido li div{
	font-size: 112.5%;
	margin:0 1rem 0.5rem 1rem;
}

@media print, screen and (min-width: 940px){
#narita_index_ichido{
	width: 940px;
	margin: 0 auto 2rem auto;
}

#narita_index_ichido h2 img:first-child{
	margin-right: -5rem;
}

#narita_index_ichido ul{
	margin: 0;
}

#narita_index_ichido li{
	display: inline-block;
	width: 30%;
	margin: 0 0.5rem 4rem 0.5rem;
}
}

/* 成田山公園の四季
------------------ */
#narita_index_siki{
	text-align: center;
	padding: 0 1rem 0 1rem;
}

#narita_index_siki section{
	padding-bottom: 2rem;
}

.narita_index_siki_ph{
	display: block;
	margin: 0 auto 1rem auto;
}

#narita_index_siki h2{
	text-align: center;
	margin-bottom:1rem;
}

@media print, screen and (min-width: 940px){
#narita_index_siki{
	overflow: hidden;
	width: 940px;
	margin: 0 auto 4rem auto;
	padding: 0;
}

#narita_index_siki section{
	width: 46%;
}

#narita_index_haru{
	float: left;
}

#narita_index_natsu{
	float: right;
}

#narita_index_aki{
	clear: both;
	float: left;
}

#narita_index_huyu{
	float: right;
}
	
}


/* 猫たちの成田山公園
------------------ */

#narita_cat_wrap{
	text-align: center;
	padding: 4rem 1rem 0 1rem;
}

#narita_cat_wrap section{
	padding-bottom: 2rem;
}

#narita_cat_wrap h2{
	text-align: center;
	margin-bottom:1rem;
}

#narita_index_cat{
	margin: 0 auto;
}

@media print, screen and (min-width: 940px){
#narita_cat_wrap{
	overflow: hidden;
	width: 940px;
	margin: 0 auto 4rem auto;
	padding: 0;
}

#narita_cat_wrap section{
	width: 46%;
}
	
}




/* 祇園祭
------------------ */
#narita_index_gion{
	text-align: center;
	margin-bottom: 3rem;
}

#narita_index_gion ul{
	margin: 0 1rem;
}

#narita_index_gion li{
	display: inline-block;
	vertical-align: top;
	width: 45%;
	line-height:0;
	margin-bottom: 1rem;
}

#narita_index_gion li:nth-of-type(odd){
	margin-right: 1rem;
}

@media print, screen and (min-width: 940px){
#narita_index_gion{
	width: 940px;
	margin: 0 auto 4rem auto;
}

#narita_index_gion h2 img:first-child{
	margin-right: -7rem;
}

#narita_index_gion ul{
	margin: 0;
}

#narita_index_gion li{
	width: 30%;
	margin: 0 0.5rem 2rem 0.5rem;
}
}

/* オタク散歩
------------------ */
#narita_index_sanpo{
	padding: 0 1rem;
}

@media print, screen and (min-width: 940px){
#narita_index_sanpo{
	width: 940px;
	margin: 0 auto;
}
}

/* 男女坂
------------------ */
#narita_index_saka{
	background: #222;
	padding: 3rem 0 4rem 0;
	color: #fff;
	text-align: center;
	margin-bottom: 3rem;
}

#narita_index_saka h2{
	margin-bottom: 1.5rem;
}

#narita_index_saka ul{
	margin-bottom: 2rem;
}

#narita_index_saka li{
	display: inline-block;
	vertical-align: top;
	width: 48%;
}

#narita_index_saka p{
	margin: 0 1rem;
}

@media print, screen and (min-width: 940px){
#narita_index_saka{
	width: 940px;
	margin: 0 auto 4rem auto;
	padding: 4rem 0;
}

#narita_index_saka h2{
	margin-bottom: 2rem;
}

#narita_index_saka ul{
	width: 940px;
	margin: 0 auto 2rem auto;
}

#narita_index_saka p{
	width: 70%;
	margin: 0 auto;
}
}

/* 春夏秋冬
------------------ */
#narita_index_seasons{
	background: #222;
	padding: 3rem 0 4rem 0;
	color: #fff;
	text-align: center;
	margin-bottom: 3rem;
}

#narita_index_seasons h2{
	margin-bottom: 1.5rem;
}

#narita_index_seasons ul{
	margin-bottom: 2rem;
}

#narita_index_seasons li{
	display: inline-block;
	vertical-align: top;
	width: 48%;
}

#narita_index_seasons p{
	margin: 0 1rem;
}

@media print, screen and (min-width: 940px){
#narita_index_seasons{
	width: 940px;
	margin: 0 auto 4rem auto;
	padding: 4rem 0;
}

#narita_index_seasons h2{
	margin-bottom: 2rem;
}

#narita_index_seasons ul{
	width: 940px;
	margin: 0 auto 2rem auto;
}

#narita_index_seasons p{
	width: 70%;
	margin: 0 auto;
}
}




.black_box{
	background: #222;
	padding: 3rem 0 4rem 0;
	color: #fff;
	text-align: center;
	margin-bottom: 3rem;
}

.black_box h2{
	margin-bottom: 1.5rem;
}

.black_box ul{
	margin-bottom: 2rem;
}

.black_box li{
	display: inline-block;
	vertical-align: top;
	width: 48%;
}

.black_box p{
	margin: 0 1rem;
}

@media print, screen and (min-width: 940px){
.black_box{
	width: 940px;
	margin: 0 auto 4rem auto;
	padding: 4rem 0;
}

.black_box h2{
	margin-bottom: 2rem;
}

.black_box ul{
	width: 940px;
	margin: 0 auto 2rem auto;
}

.black_box p{
	width: 70%;
	margin: 0 auto;
}
}





/* 夜の仁王様
------------------ */
#narita_index_niou_yoru{
	background: #222;
	padding: 3rem 0 4rem 0;
	color: #fff;
	text-align: center;
	margin-bottom: 3rem;
}

#narita_index_niou_yoru ul{
	margin: 1rem 1rem;
}

#narita_index_niou_yoru li{
	display: inline-block;
	float: left;
	max-width: 47%;
}

#narita_index_niou_yoru p{
	margin: 0 1rem;
}

#narita_index_niou_yoru li:nth-of-type(2){
	float: right;
}

#narita_index_niou_yoru p{
	width: 75%;
	margin: 0 auto;
	text-align: center;
	clear: both;
	
}
@media print, screen and (min-width: 940px){
#narita_index_niou_yoru{
	width: 940px;
	margin: 0 auto 4rem auto;
	padding: 4rem 0;
	overflow: hidden;
}
	
#narita_index_niou_yoru ul{
	margin: 1rem 1.5rem;
}

#narita_index_niou_yoru h2{
	margin-bottom: 2.5rem;
}

#narita_index_niou_yoru ul{
	margin:0 2rem;
}

/*#narita_index_niou_yoru li{
	display:block;
	float: left;
	width: 400px;
	max-width:none;
	margin: 0;
}*/


}


#narita_index_jd.narita_index_door{
	text-align: center;
	padding: 0 1rem 0 1rem;
}

.index_page_catch{
	margin: 3rem 1rem 2rem;
	text-align: center;
}

@media print, screen and (min-width: 940px){
	
	
	.index_page_catch{
		margin: 3rem 1rem;
		text-align: center;
	}
	
	#narita_index_jd{
		overflow: hidden;
		width: 940px;
		margin: 0 auto 2rem auto;
		padding: 0;
	}

}
/*eof*/