@charset "utf-8";

/* ============================================ */
.block.first .blockContainer .blockInner .mapBox{
	position:relative;
	width:100%;
	height:auto;
	background:#000;
}
.block.first .blockContainer .blockInner .mapBox::before{
	content:"";
	display:block;
	padding-top:50%;
}
.block.first .blockContainer .blockInner .mapBox iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	For SmartPhone
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

@media screen and (max-width:767px){
	.block.first .blockContainer{
		padding-block:0;
	}

	/* ============================================ */
	.block.first .blockContainer .blockInner .venueBox{}
	.block.first .blockContainer .blockInner .venueBox h2{
		font-weight:400;
		font-size:5.8vw;
	}
	.block.first .blockContainer .blockInner .venueBox p{
		margin-top:2%;
		font-size:4vw;
	}
	/* ============================================ */
	.block.first .blockContainer .blockInner .mapBox{
		margin-top:4%;
	}

	/* ============================================ */
	.block.first .blockContainer .blockInner .wrapBox{
		margin-top:5%;
	}
	.block.first .blockContainer .blockInner .wrapBox > .airportBox{
		margin-top:8%;
	}
	/* ------------------------------------ */
	.block.first .blockContainer .blockInner .wrapBox > div .boxHeadTxt{
		font-size:4.6vw;
		font-weight:600;
	}
	.block.first .blockContainer .blockInner .wrapBox > div .catBox{
		margin-top:6%;
		padding-left:0.5em;
	}
	.block.first .blockContainer .blockInner .wrapBox > div .catBox .ttlTxt{
		width:100%;
		padding:0 0.3em 0.3em 0.3em;
		font-size:4vw;
		font-weight:600;
		line-height:1.3;
		border-bottom:3px solid #333;
	}
	.block.first .blockContainer .blockInner .wrapBox > div .catBox.jrBox .ttlTxt{
		border-bottom:4px solid var(--themeColorGreen);
	}
	.block.first .blockContainer .blockInner .wrapBox > div .catBox.subwayBox .ttlTxt{
		border-bottom:4px solid var(--themeColorOrange);
	}
	.block.first .blockContainer .blockInner .wrapBox > div .catBox.naritaBox .ttlTxt{
		border-bottom:4px solid var(--themeColorBlue);
	}
	.block.first .blockContainer .blockInner .wrapBox > div .catBox.hanedaBox .ttlTxt{
		border-bottom:4px solid var(--themeColorRed);
	}

	.block.first .blockContainer .blockInner .wrapBox > div .catBox .dtlBox{
		width:100%;
		padding:0.5em 0.3em;
	}
	.block.first .blockContainer .blockInner .wrapBox > div .catBox .dtlBox p{
		font-size:3.5vw;
		line-height:1.3;
		position:relative;
	}
	/* ------------------------------------ */
	.block.first .blockContainer .blockInner .wrapBox > div .catBox .dtlBox > p{
		margin-top:1%;
		padding-left:1.2em;
	}
	.block.first .blockContainer .blockInner .wrapBox > div .catBox .dtlBox > p:first-child{
		margin-top:0px;
	}
	.block.first .blockContainer .blockInner .wrapBox > div .catBox .dtlBox > p::before,
	.block.first .blockContainer .blockInner .wrapBox > div .catBox .dtlBox .items .itemTtlTxt::before{
		content:"─";
		position:absolute;
		left:0;
		font-size:inherit;
	}
	.block.first .blockContainer .blockInner .wrapBox > div .catBox .dtlBox > p span{
		font-size:3vw;
	}
	/* ------------------------------------ */
	.block.first .blockContainer .blockInner .wrapBox > div .catBox .dtlBox .items{
		display:flex;
		margin-top:1%;
	}
	.block.first .blockContainer .blockInner .wrapBox > div .catBox .dtlBox .items:first-child{
		margin-top:0;
	}
	.block.first .blockContainer .blockInner .wrapBox > div .catBox .dtlBox .items .itemTtlTxt{
		width:6.9em;
		padding-left:1.2em;
	}
	.block.first .blockContainer .blockInner .wrapBox > div .catBox .dtlBox .items .descBox{
		width:calc(100% - 6.35em);
	}

/* ------------------------------------ */
	.block.first .blockContainer .blockInner .wrapBox > div .boxHeadTxt.second{
		margin-top:8%;
	}
	.block.first .blockContainer .blockInner .wrapBox > div .catBox.highwayBox{}
	.block.first .blockContainer .blockInner .wrapBox > div .notesBox{
		margin-top:3%;
	}
	.block.first .blockContainer .blockInner .wrapBox > div .notesBox p{
		line-height:1.2;
		padding-left:1em;
		text-indent:-1em;
		font-size:3.5vw;
	}
	.block.first .blockContainer .blockInner .wrapBox > div .notesBox p:not(:first-child){
		margin-top:1.5%;
	}
	.block.first .blockContainer .blockInner .wrapBox > div .notesBox p a{
		display:inline-block;
		color:var(--themeColorBlue);
		font-weight:600;

		transition:all 0.2s ease-in-out;
		transform:scale(1);
		padding-inline:1em 0.15em;
	}
	/*.block.first .blockContainer .blockInner .wrapBox > div .notesBox p a:hover{
		transform:scale(1.1);
	}*/
	.block.first .blockContainer .blockInner .wrapBox > div .notesBox p a span{
		display:inline-block;
		margin-left:0.5em;
		font-size:4.3vw;
		position:relative;
		top:0.8vw;
	}
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	For Desktop & Tablet
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* ///////////////////////////////////////////////////// */
/* ============================================ */
/* ------------------------------------ */

@media screen and (min-width:768px){
	.pageTtlBox .txtBox h1{
		top:-10px;
	}
	.block.first .blockContainer{
		padding-block:0;
	}

	/* ============================================ */
	.block.first .blockContainer .blockInner .venueBox{
		display:flex;
		align-items:baseline;
	}
	.block.first .blockContainer .blockInner .venueBox h2{
		font-weight:400;
		font-size:clamp(1.6rem, 2.7vw, 2.7rem);
	}
	.block.first .blockContainer .blockInner .venueBox p{
		font-size:clamp(0.7rem, 1.2vw, 1.2rem);
		margin-left:1em;
	}
	/* ============================================ */
	.block.first .blockContainer .blockInner .mapBox{
		margin-top:20px;
	}
	/* ============================================ */
	.block.first .blockContainer .blockInner .wrapBox{
		display:grid;
		grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
		margin-top:40px;
		gap:40px;
	}
	.block.first .blockContainer .blockInner .wrapBox > div{
		width:100%;
	}
	/*.block.first .blockContainer .blockInner .wrapBox{
		display:flex;
		margin-top:40px;
	}
	.block.first .blockContainer .blockInner .wrapBox > div{
		width:47%;
	}
	.block.first .blockContainer .blockInner .wrapBox > div:last-child{
		margin-left:6%;
	}*/
	/* ------------------------------------ */
	.block.first .blockContainer .blockInner .wrapBox > div .boxHeadTxt{
		font-size:clamp(1.3rem, 1.8vw, 1.8rem);
		font-weight:600;
	}
	.block.first .blockContainer .blockInner .wrapBox > div .catBox{
		display:flex;
		margin-top:30px;
	}
	.block.first .blockContainer .blockInner .wrapBox > div .catBox .ttlTxt{
		width:5em;
		padding:10px 0;
		font-size:clamp(0.8rem, 1.2vw, 1.2rem);
		font-weight:600;
		line-height:1.3;
		border-right:4px solid #333;
	}
	.block.first .blockContainer .blockInner .wrapBox > div .catBox.jrBox .ttlTxt{
		border-right:4px solid var(--themeColorGreen);
	}
	.block.first .blockContainer .blockInner .wrapBox > div .catBox.subwayBox .ttlTxt{
		border-right:4px solid var(--themeColorOrange);
	}
	.block.first .blockContainer .blockInner .wrapBox > div .catBox.naritaBox .ttlTxt{
		border-right:4px solid var(--themeColorBlue);
	}
	.block.first .blockContainer .blockInner .wrapBox > div .catBox.hanedaBox .ttlTxt{
		border-right:4px solid var(--themeColorRed);
	}

	.block.first .blockContainer .blockInner .wrapBox > div .catBox .dtlBox{
		width:calc(100% - 5em);
		padding:10px 0 10px 15px;
	}
	.block.first .blockContainer .blockInner .wrapBox > div .catBox .dtlBox p{
		font-size:clamp(0.8rem, 1.2vw, 1.2rem);
		line-height:1.3;
		position:relative;
	}
	/* ------------------------------------ */
	.block.first .blockContainer .blockInner .wrapBox > div .catBox .dtlBox > p{
		margin-top:5px;
		padding-left:1.2em;
	}
	.block.first .blockContainer .blockInner .wrapBox > div .catBox .dtlBox > p:first-child{
		margin-top:0px;
	}
	.block.first .blockContainer .blockInner .wrapBox > div .catBox .dtlBox > p::before,
	.block.first .blockContainer .blockInner .wrapBox > div .catBox .dtlBox .items .itemTtlTxt::before{
		content:"─";
		position:absolute;
		left:0;
	}
	.block.first .blockContainer .blockInner .wrapBox > div .catBox .dtlBox > p span{
		font-size:clamp(0.7rem, 1.1vw, 1.1rem);
	}
	/* ------------------------------------ */
	.block.first .blockContainer .blockInner .wrapBox > div .catBox .dtlBox .items{
		display:flex;
		margin-top:5px;
	}
	.block.first .blockContainer .blockInner .wrapBox > div .catBox .dtlBox .items:first-child{
		margin-top:0px;
	}
	.block.first .blockContainer .blockInner .wrapBox > div .catBox .dtlBox .items .itemTtlTxt{
		width:6.5em;
		padding-left:1.2em;
	}
	.block.first .blockContainer .blockInner .wrapBox > div .catBox .dtlBox .items .descBox{
		width:calc(100% - 6.35em);
	}

	/* ------------------------------------ */
	.block.first .blockContainer .blockInner .wrapBox > div .boxHeadTxt.second{
		margin-top:70px;
	}
	.block.first .blockContainer .blockInner .wrapBox > div .catBox.highwayBox{}
	.block.first .blockContainer .blockInner .wrapBox > div .notesBox{
		margin-top:20px;
	}
	.block.first .blockContainer .blockInner .wrapBox > div .notesBox p{
		line-height:1.3;
		padding-left:1em;
		text-indent:-1em;
		font-size:clamp(0.7rem, 1.1vw, 1.1rem);
	}
	.block.first .blockContainer .blockInner .wrapBox > div .notesBox p:not(:first-child){
		margin-top:5px;
	}
	.block.first .blockContainer .blockInner .wrapBox > div .notesBox p a{
		display:inline-block;
		color:var(--themeColorBlue);
		font-weight:600;

		transition:all 0.2s ease-in-out;
		transform:scale(1);
		padding-inline:1em 0.15em;
	}
	.block.first .blockContainer .blockInner .wrapBox > div .notesBox p a:hover{
		transform:scale(1.1);
	}
	.block.first .blockContainer .blockInner .wrapBox > div .notesBox p a span{
		display:inline-block;
		margin-left:0.5em;
		font-size:clamp(1rem, 1.3vw, 1.3rem);
		position:relative;
		top:4.0px;
	}

	@media screen and (max-width:933px){
		.block.first .blockContainer .blockInner .wrapBox > div .catBox .ttlTxt,
		.block.first .blockContainer .blockInner .wrapBox > div .catBox .dtlBox p{
			font-size:clamp(1.2rem, 1.5vw, 1.5rem);
		}
		.block.first .blockContainer .blockInner .wrapBox > div .catBox .dtlBox > p span,
		.block.first .blockContainer .blockInner .wrapBox > div .notesBox p{
			font-size:clamp(1rem, 1.3vw, 1.3rem);
		}
		.block.first .blockContainer .blockInner .wrapBox > div .notesBox p a span{
			font-size:clamp(1.2rem, 1.5vw, 1.5rem);
		}
	}

}