@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@200;300;400;500;700&display=swap');
/**明治神宮共通**/



@media only screen and (max-width: 767px) {

}

/**アクセスガイド***/
.guide .guide-contents .guide-box h3 {
	width: 296px;
}
.jiinguset{
	padding: 0 10px;
	margin: 0 auto 120px;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	max-width: 1260px;
}
.jiinguset h3{
	margin-bottom: 40px;
	font-weight: 300;
	font-size: 22px;
	line-height:1.5em;
}
/* .jiinguset .map_image {
	width: 100%;
}
.jiinguset .map_image img{
	width: 100%;
} */
/**/
.jiinguset .btn.Map{
	width: 280px;
	margin-top: -60px;
	margin-right: 10%;
}
.btn.Map.only{
	display: none;
}
iframe{
	width:calc(100% - 20px);
	height:490px;
}
.syudanBox{
	padding: 0 10px;
}

/**電車でお越しの場合**/
.syudanBox.train{
margin-top: 110px;
}
.syudanBox.train h4,.syudanBox.car h4{
	position:relative;
	font-size:33px;
	font-weight: normal;
	text-align: center;
	position: relative;
	margin-bottom: 45px;
}
.syudanBox.train h4:after,.syudanBox.car h4:after {
	content: "";
	height: 22px;
	display: block;
	/* width: 173px; */
	background-repeat: no-repeat;
	background-image: url(/images/access/train.jpg);
	background-size: contain;
	background-position: 50%;
	margin-top: 20px;
}
.syudanBox.car h4:after{
	content:"";
	height: 25px;
	background-image: url(/images/access/car.jpg);
}
.syudanBox.train .trainBox{
display: flex;
justify-content: space-between;
max-width: 1160px;
margin: 0 auto;
}

.syudanBox.train .trainBox .trainInner{
	width: 47.5%;
}

.syudanBox.train .trainBox .trainInner h5{
font-size: 22px;
padding: 0 0 10px 20px;
border-bottom: #707070 1px solid;
text-align: left;
font-weight: 400;
margin-bottom: 20px;
}
.syudanBox.train .trainBox .trainInner h5:nth-of-type(2){
	padding-top: 50px;
	}
.syudanBox.train .trainBox .trainInner .detail{
display: flex;
margin-bottom: 15px;
max-width: 100%;
}
.syudanBox.train .trainBox .trainInner h6{
	font-size: 16px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	text-align: left;
	padding: 0 0 5px 0px;
	margin-bottom: 10px;
	margin-left: 20px;
	width: 90%;
	border-bottom: #707070 1px dotted;
}
.syudanBox.train .trainBox .trainInner .detail p:nth-child(1){
font-family: 'Noto Sans JP', sans-serif;
color: #fff;
background-color: #B8D06E;
padding: 5px auto;
width: 139px;
height: fit-content;
border-radius: 4px;
margin-left: 20px;
}
.syudanBox.train .trainBox .trainInner .detail p:nth-child(2){
margin-left: 10px;
margin-right: 30px;
}
/**車でお越しの場合**/
.syudanBox.car{
		margin-top: 70px;
}
.syudanBox.car .car_read{
	text-align: center;
	margin: 0 auto;
	width: 100%;
}

/****/
	section.toiBox {
	padding: 0 10px;
	margin-top: 95px;
	}
	.toiBox .toiBox_border{
		padding: 32px 0px 52px;
		border: solid 1px #C4C4C4;
		max-width: 1160px;
    margin: 0 auto 80px;
	}
	.toiBox .toiBox_border h4{
		font-size: 22px;
		margin-bottom: 20px;
		font-weight: 400;
	}
	.toiBox .toiBox_border p{

	}
/*
		<section class="syudanBox train">
			<h4>電車でお越しの場合</h4>
			<div class="trainBox">
				<div class="trainInner">
					<h5>JR山手線</h5>
					<div class="detail">
						<p>原宿駅下車</p>
						<p>表参道改札を出て西口より　徒歩1分</p>
					</div>
					<div class="detail">
						<p>代々木駅下車</p>
						<p>西口より　徒歩10分</p>
					</div>
				</div>
				<div class="trainInner">
					<h5>JR山手線</h5>
					<div class="detail">
						<p>原宿駅下車</p>
						<p>表参道改札を出て西口より　徒歩1分</p>
					</div>
					<div class="detail">
						<p>代々木駅下車</p>
						<p>西口より　徒歩10分</p>
					</div>
				</div>
			</div>
		</section>
		<section class="syudanBox car">
			<h4>車でお越しの場合</h4>
			<div>
				代々木口よりお入りください。原宿口、参宮橋口からは車両は入れません。<br>
				駐車場が混雑する場合がございます。電車などの交通機関のご利用をお願いいたします。 
			</div>
		</section>
		<section class="toiBox">
			<h4>一般財団法人明治神宮崇敬会</h4>
			<p>
				〒151-0052 東京都渋谷区代々木神園町1-1<br>
				電話：03-3320-5700　FAX：03-3379-7427　メールアドレス：mskso.meijijingu.or.jp
			</p>
		</section>*/







/**/
.back_image_flex{
display: flex;
justify-content: center;
width: 100%;
margin-bottom: 60px;
}
.back_image{
content: "";
display: block;
/* display: inline-block; */
background-size:cover;
background-repeat: no-repeat;
width: 100%;
padding-top: 31%;
}
.back_image.bk_1{
	background-image: url(../images/meijijingu/meijijiu_1.jpg);
	}
.back_image.bk_2{
	background-image: url(../images/meijijingu/meijijiu_2.jpg);
	}
.text{
	max-width: 654px;
	margin:0 auto;
}

.jiinguset p{
	font-size: 14px;
	text-align: left;
}
.jiinguset p+p{
	margin-top: 10px;
}
.jiinguset .text_Noto{
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: 100;
}
.jiinguset .map_image{
	width: 100%;
	margin: 0 auto;
	height: 100%;
}
.jiinguset .map_image img{
	width: 100%;
}

@media only screen and (max-width: 767px) {
	.guide .guide-contents .guide-box h3 {
		width: 100%;
	}
	.jiinguset{
		padding: 0;
		margin-top: 30px;
		/* margin-bottom: 100px; */
		margin-bottom: 0px;
		overflow: auto;
    margin-right: -10px;
		align-items: flex-end;
		/*IE(Internet Explorer)・Microsoft Edgeへの対応*/
		-ms-overflow-style: none;
		/*Firefoxへの対応*/
		scrollbar-width: none;
	}
	 /*Google Chrome、Safariへの対応*/
	 .jiinguset::-webkit-scrollbar{
		display: none;
	}
	/* .jiinguset{
		padding: 0 10px;
		margin: 0 auto 120px;
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		max-width: 1260px;
	} */
	.jiinguset h3{
		margin-bottom: 40px;
		font-weight: 300;
		font-size: 22px;
		line-height:1.5em;
	}
	/* .jiinguset .map_image {
		width: 100%;
	}
	.jiinguset .map_image img{
		width: 100%;
	} */
	/**/
	.jiinguset .btn.Map{
		width: 280px;
		margin:0 auto;
		margin-top: 0;
		display: none;
	}
	.back_image_flex{
		display: block;
		margin-bottom: 40px;
		}
	.back_image{
		content: "";
		display: block; 
		/* display: inline-block; */
		background-size:cover;
		background-repeat: no-repeat;
		background-position: center;
		width: 100%;
		/* padding-top: 50%; */
		padding-top: 62%;
		}
	.jiinguset h3{
		margin-bottom: 30px;
	}
	.jiinguset .map_image{
		width: 1040px;
		margin: 0 auto;
		/* height: 500px; */
	}
	.jiinguset .map_image img{
		width: 100%;
	}
	.btn.Map.only{
		display: block;
    margin: 40px auto 100px;
		max-width: 280px;
	}
}


/**電車でお越しの場合**/
@media only screen and (max-width: 767px) {
	.syudanBox.train{
			margin-top: 60px;
		}
	.syudanBox.train .trainBox{
		flex-direction: column;
		width: 100%;
		margin: 0 auto;
		}
	.syudanBox.train .trainBox .trainInner{
		width: 100%;
	}
	.syudanBox.train .trainBox .trainInner:not(:nth-of-type(2)){
			margin-bottom: 35px;
	}
	.syudanBox.train h4, .syudanBox.car h4 {
    font-size: 25px;
    margin-bottom: 40px;
}
	.syudanBox.train .trainBox .trainInner h5 {
		font-size: 18px;
    padding: 0 0 10px 10px;
    text-align: center;
	}
	.syudanBox.train .trainBox .trainInner h5:nth-of-type(2) {
		padding-top: 35px;
	}
	.syudanBox.train .trainBox .trainInner h6 {
    font-size: 16px;
    padding: 0 0 5px 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    width: 100%;
	}
	.syudanBox.train .trainBox .trainInner .detail {
    display: flex;
    margin-bottom: 15px;
    max-width: 400px;
    flex-direction: column;
}
	.syudanBox.train .trainBox .trainInner .detail p {
			font-size: 14px;
			line-height: 1.2;
	}
	.syudanBox.train .trainBox .trainInner .detail p:nth-child(2) {
    margin-left: 0px;
		margin-right: 0px;
		text-align: left;
}
	.syudanBox.train .trainBox .trainInner .detail p:nth-child(1) {
    padding: 5px;
		width: 139px;
    max-height: 40px;
    margin-bottom: 10px;
    margin-left: 0px;
	}
}

/**車でお越しの場合**/
@media only screen and (max-width: 767px) {
	.syudanBox.car{
		margin-top: 60px;
	}
	.syudanBox.car .car_read{
		text-align: left;
		max-width: fit-content;
	}
}
/****/
@media only screen and (max-width: 767px) {
	section.toiBox {
    padding: 0;
    margin-top: 60px;
  }
	.toiBox .toiBox_border{
		padding-left: 10px;
		padding-right: 10px;
		margin: 0 auto 46px;
	}

	.toiBox .toiBox_border h4{
		font-size: 20px;
	}
	.toiBox .toiBox_border p{

	}
}

/*responsive---------------------------------------------------------------------------------------*/
@media (max-width: 992px) {

}
@media only screen and (max-width: 767px) {

	


} /* /@media */
@media only screen and (max-width: 374px) {
	/*iPhone5サイズ*/




} /* /@media */