@charset "UTF-8";

/*===================================================================================================================================================================================*/
/* 共通 */
/*===================================================================================================================================================================================*/

:root #tokyodengyo{
	--pMainColor01:#041d2f;
	--pMainColor02:rgb(253, 236, 2);
}


#tokyodengyo .pInr{
	position:relative;
	margin:0 auto;
	color:#001d2f;
}

#tokyodengyo figure,
#tokyodengyo picture{
	display:block;
}

#tokyodengyo .contsTitle div{
	display:table;
	background-image:url("/pr/tokyodengyo/img/ttl_onmt_left.svg"),url("/pr/tokyodengyo/img/ttl_onmt_right.svg");
	background-repeat:no-repeat;
	background-position:left center,right center;
	margin:0 auto;
}

#tokyodengyo .contsTitle div span{
	display:table-cell;
	text-align: center;
	vertical-align: middle;
}

#tokyodengyo .contsTitle .hex{
	margin:0 auto;
	background:#ffec00;
}

#tokyodengyo .contsLead{
	line-height:1.8;
	margin:0 auto;
}


/* ボタン */

#tokyodengyo .applyBtn{
	position:relative;
	display:block;
	margin:0 auto;
}

#tokyodengyo .applyBtn > div,
#tokyodengyo .applyBtn::before{
	width:100%;
	display:block;
	position:absolute;
	box-sizing: border-box;
}

#tokyodengyo .applyBtn::before{
	content:"";
	bottom:0;
	background:#041d2f;
}

#tokyodengyo .applyBtn > div{
	width:100%;
	display:table;
	overflow:hidden;
	border:3px solid #041d2f;
	top:0;
}

#tokyodengyo .applyBtn > div span{
	width:100%;
	display:table-cell;
	background:#ffffff;
	text-align:center;
	vertical-align: middle;
	line-height:1;
	font-weight:bold;
}



/*PC ONLY　:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 768px) {
/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/
	#tokyodengyo .spOnly{
		display:none;
	}

	#tokyodengyo .pInr{
		width:1120px;
		position:relative;
		margin:0 auto;
	}


	#tokyodengyo .contsTitle div{
		background-size:24px;
		padding:0 43px;
	}

	#tokyodengyo .contsTitle div span{
		font-size:33px;
		padding-bottom:8px;
	}

	#tokyodengyo .contsTitle .hex{
		display:block;
		width:234px;
		margin-top:10px;
	}

	#tokyodengyo .contsLead{
		font-size:16px;
		line-height:1.8;
		text-align: center;
	}


	/* ボタン */

	#tokyodengyo .applyBtn{
		width:330px;
		height:76px;
	}

	#tokyodengyo .applyBtn::before{
		height:66px;
		border-radius:36px;
	}

	#tokyodengyo .applyBtn > div{
		width:100%;
		border-radius:36px;
	}

	#tokyodengyo .applyBtn > div span{
		height:66px;
		font-size:22px;
	}

/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/
}
/* 768px -> :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/


/*SP ONLY　:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (max-width: 767px) {
/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/

	#tokyodengyo .pcOnly{
		display:none;
	}

	#tokyodengyo .contsTitle div{
		background-size:5.4vw;
		padding:0 8.4vw;
	}

	#tokyodengyo .contsTitle div span{
		font-size:5.6vw;
		padding-bottom:1vw;
	}

	#tokyodengyo .contsTitle .hex{
		width:46vw;
		margin-top:2vw;
	}

	#tokyodengyo .contsLead{
		font-size:3.8vw;
		line-height:1.8;
		width:82vw;
	}

	/* ボタン */

	#tokyodengyo .applyBtn{
		width:58vw;
		height:13.9vw;
	}

	#tokyodengyo .applyBtn::before{
		height:12vw;
		border-radius:7vw;
	}

	#tokyodengyo .applyBtn > div{
		width:100%;
		border-radius:7vw;
	}

	#tokyodengyo .applyBtn > div span{
		height:12vw;
		font-size:3.4vw;
	}

/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/
}
/* -> 767px :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/



/*===================================================================================================================================================================================*/
/* メニュー */
/*===================================================================================================================================================================================*/



/* common　:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/

#tokyodengyo{
	position:relative;
}


#tokyodengyo #pContsNav a{
	color:#001d2f;
}

#tokyodengyo #pNav.fix #pContsNav a{
	color:#ffffff;
}

/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/
/* common :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/


/*PC ONLY　:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 768px) {
/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/


	#tokyodengyo #pNavSp{
		display:none;
	}

	#tokyodengyo #pNav{
		position:absolute;
		width:100%;
		z-index:10;
}

	#tokyodengyo #pNav.fix{
		position:fixed;
		top:0;
		z-index:10;
		padding-bottom:10px;
	}

	#tokyodengyo.day01 #pNav.fix{
		background:rgba(27, 168, 217, 0.85);
	}

	#tokyodengyo.day02 #pNav.fix{
		background:rgba(236, 109, 101, 0.9);
	}



	#tokyodengyo  #pContsNav{
		width:880px;
		display:flex;
		justify-content: space-between;
		z-index:10;
		margin:15px auto 0;

	}

	#tokyodengyo #pContsNav a{
		display:inline-block;
		padding:5px;
	}

	#tokyodengyo #pContsNav a:hover{
		text-decoration: underline;
		font-weight: bold;
	}




/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/
}
/* 768px -> :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/




/*SP ONLY　:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (max-width: 767px) {
/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/


	#tokyodengyo #pNav{
		display:none;
	}

	#tokyodengyo #pNavSp{
		position:fixed;
		z-index:20;
		top:0;
		left:0;
	}

	#tokyodengyo #pNavSp.open{
		width:100%;
		z-index:9999;
}


	#tokyodengyo #pNavSp.open #pNavSpWrap{
		display:block;
		width:100%;
	}

	#tokyodengyo #pNavSpTrigger{
		display:table;
		width:17vw;
		position:fixed;
		top: 21vw;
		right:0;
		cursor:pointer;
	}

	#tokyodengyo #pNavSp.open #pNavSpTrigger,
	#tokyodengyo #pNavSpTrigger.fix{
		top: 3vw;
	}


	#tokyodengyo #pNavSpTrigger .itemLayout{
		display:table-cell;
		width:17vw;
		height:17vw;
		text-align: center;
		vertical-align: middle;
		border-radius:50% 0 0 50%;
		overflow:hidden;
	}

	#tokyodengyo.day01 #pNavSpTrigger .itemLayout{
		background:rgba(27, 168, 217, 1);
	}

	#tokyodengyo.day02 #pNavSpTrigger .itemLayout{
		background:rgba(236, 109, 101, 1);
	}


	#tokyodengyo #pNavSp.open #pNavSpTrigger .itemLayout{
		background:#011d2e;
	}


	#tokyodengyo #pNavSpTrigger .itemLayout img{
		width:14vw;
		margin:0 auto;
		padding-top:1vw;
		padding-left:2vw;
	}

	#tokyodengyo #pNavSp #menuOpen{
		display:block;
	}
	#tokyodengyo #pNavSp.open #menuOpen{
		display:none;
	}
	#tokyodengyo #pNavSp #menuClose{
		display:none;
	}
	#tokyodengyo #pNavSp.open #menuClose{
		display:block;
	}

	#tokyodengyo #pNavSpWrap{
		display:none;
		width:100%;
		height:100dvh;
	}

	#tokyodengyo.day01 #pNavSpWrap{
		background:rgba(27, 168, 217, 1);
	}

	#tokyodengyo.day02 #pNavSpWrap{
		background:rgba(236, 109, 101, 1);
	}

	#tokyodengyo #pNavSpWrap #pNavSpList{
		color:#ffffff;		
	}

	#tokyodengyo #pNavSp.open #pNavSpWrap{
		display:block;
		padding-top:10vw;
	}

	#tokyodengyo #pNavSpWrap ul#pNavSpList{
		margin:0 auto 0;
	}

	#tokyodengyo #pNavSpWrap ul#pNavSpList{
		width:58vw;
		padding-top:10vw;
		margin:0 auto 15vw;
	}

	#tokyodengyo #pNavSpWrap ul#pNavSpList li{
		margin-bottom:6vw;
		font-size:4.2vw;
		text-align:center;
	}

	#tokyodengyo #pNavSpWrap ul#pNavSpBtnList{
		width:90vw;
		margin:0 auto;
	}

	#tokyodengyo #pNavSpWrap ul#pNavSpBtnList li:first-child{
		margin-bottom:10vw;
	}


	#tokyodengyo #pNavSpWrap ul#pNavSpBtnList li .pBanner{
		border:1px solid #041d2f;
	}



/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/
}
/* -> 767px :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/