@charset "UTF-8";



/*===================================================================================================================================================================================*/
/* メインビジュアル */
/*===================================================================================================================================================================================*/

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


#tokyodengyo.day01 #pVisual{
	background-image:url("/pr/tokyodengyo/img/day/bg_line_day01.png");
}

#tokyodengyo.day02 #pVisual{
	background-image:url("/pr/tokyodengyo/img/day/bg_line_day02.png");
}
 


#tokyodengyo #pVisualInr{
	position:relative;
	box-sizing: border-box;
}

#tokyodengyo #pVisual h1{
	display: block;
	margin:0 auto;
	position:relative;
	z-index:0;
}

#tokyodengyo #pVisual h1 div{
	position:absolute;
}

#tokyodengyo #pVisualInr figure,
#tokyodengyo #pVisualInr picture{
	position:absolute;
}
#tokyodengyo #pVisual #circleCoNum{
	z-index:1;
}

#tokyodengyo #pVisual #visualSeminarBtnWrap{
	position:absolute;
	z-index:1;
	width:100%;
	top:0;
}



/* 日程
---------------------------------------------------*/
#tokyodengyo #pVisual #eventTypeBoard{	
	position:absolute;
}


/* 視聴ボタン */

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

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


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

#tokyodengyo .viewBtn .viewInr{
	width:100%;
	display:flex;
	align-items: center;
	top:0;
	background:#ffffff;
	justify-content: center;
}

#tokyodengyo .viewBtn .viewInr span{
	line-height:1.2;
	font-weight:bold;
	position:relative !important;
	text-align: center;
}

#tokyodengyo .viewBtn .viewInr figure{
	position:relative !important;
}

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


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

	#tokyodengyo #pVisualInr{
		padding:0;
		height:700px;
		background-repeat:repeat-x;
		background-position:bottom center ;
		background-size:1367px;
	}

	#tokyodengyo.day01 #pVisualInr{
		background-image:url("/pr/tokyodengyo/img/day/bg_visual_path_day01.png");
	}

	#tokyodengyo.day02 #pVisualInr{
		background-image:url("/pr/tokyodengyo/img/day/bg_visual_path_day02.png");
	}


	#tokyodengyo #pVisual  #pVisualInr .pInr{
		padding:85px 0 0;
		height:700px;
	}

	#tokyodengyo #pVisual h1{
		width:680px;
		height:400px;
		margin-bottom:0px;
	}

	#tokyodengyo #pVisual #ttlSub01,
	#tokyodengyo #pVisual #ttlSub02{
		width:115px;
	}

	#tokyodengyo #pVisual #ttlSub01{	
		top:7px;
		left:0;
		}
	#tokyodengyo #pVisual #ttlSub02{	
		top:27px;
		left:30px;
	}

	#tokyodengyo #pVisual #ttlBaloon{	
		width:520px;
		right:0;
		top:0;
	}

	#tokyodengyo #pVisual #ttlMain{	
		width:670px;
		left:0;
		top:80px;
	}

	#tokyodengyo #pVisual #subTxt{	
		width:100%;
		bottom:0;
		font-weight:normal;
		font-size:14px;
		text-align:center;
	}

	/* 日程
	---------------------------------------------------*/
	#tokyodengyo #pVisual #eventTypeBoard{	
		width:480px;
		top:230px;
		left:100px;
	}


	/*イラスト
	---------------------------------------------------*/


	#tokyodengyo #pVisual #vIllustMain{
		width:280px;
		bottom:0;
		left:0;
	}

	/*配電盤*/
	#tokyodengyo #pVisual #vIllustSub01{
		width:127px;
		bottom:20px;
		right:154px;
	}

	#tokyodengyo #pVisual #vIllustSub02{
		width:175px;
		bottom:175px;
		right:40px;
	}
	#tokyodengyo #pVisual #vIllustSub03{
		width:52px;
		bottom:45px;
		right:100px;
	}
	#tokyodengyo #pVisual #vIllustSub04{
		width:70px;
		bottom:40px;
		right:3px;
	}
	#tokyodengyo #pVisual #vIllustSub05{
		width:100px;
		bottom:10px;
		right:47px;
	}

	#tokyodengyo #pVisual #circleCoNum{
		width:156px;
		top:100px;
		right:60px;
	}


	/* 視聴ボタン */

	#tokyodengyo #pVisual #visualSeminarBtnWrap{
		height:600px;
		padding-top:444px;
	}


	#tokyodengyo .viewBtn{
		width:340px;
		height:80px;
	}

	#tokyodengyo .viewBtn::before{
		height:72px;
		border-radius:36px;
	}

	#tokyodengyo .viewBtn .viewInr{
		border:3px solid #041d2f;
		width:340px;
		height:72px;
		border-radius:36px;
	}

	#tokyodengyo .viewBtn .viewInr span{
		font-size:20px;
		display:block;
		margin-right:14px;
		padding-left:26px;
		padding-top:1px;
	}

	#tokyodengyo .viewBtn .viewInr figure{
		width:32px;
	}

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


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

	#tokyodengyo #pVisualInr{
		height:140vw;
		background-repeat:no-repeat;
		background-position:bottom -1px center ;
		overflow: hidden;
	}

	#tokyodengyo.day01 #pVisualInr{
		background-image:url("/pr/tokyodengyo/img/day/bg_visual_path_day01_sp.svg");
	}

	#tokyodengyo.day02 #pVisualInr{
		background-image:url("/pr/tokyodengyo/img/day/bg_visual_path_day02_sp.svg");
	}

	#tokyodengyo #pVisual  #pVisualInr .pInr{
		padding:1px 0 0;
		height:140vw;
	}

	#tokyodengyo #pVisual h1{
		width:92vw;
		height:90vw;
		margin-bottom:5vw;
	}

	#tokyodengyo #pVisual #ttlSub01,
	#tokyodengyo #pVisual #ttlSub02{
		width:25vw;
	}

	#tokyodengyo #pVisual #ttlSub01{
		left:24vw;
		top:3vw;

	}

	#tokyodengyo #pVisual #ttlSub02{
		right:24vw;
		top:6.5vw;
	}

	#tokyodengyo #pVisual #ttlBaloon{	
		width:70vw;
		left:14vw;
		top:16vw;
	}

	#tokyodengyo #pVisual #ttlMain{	
		width:100%;
		left:0;
		top:34vw;
	}

	#tokyodengyo #pVisual #subTxt{	
		width:100%;
		bottom:0;
		font-weight:normal;
		font-size:3vw;
		text-align:center;
		line-height:1.6;
	}



	/* 日程
	---------------------------------------------------*/
	#tokyodengyo #pVisual #eventTypeBoard{	
		width:84vw;
		top:54vw;
		left:6vw;
	}


		/*イラスト
	---------------------------------------------------*/

	#tokyodengyo #pVisual #vIllustMain{
		width:36vw;
		bottom:-3vw;
		left:-4.7vw;
	}

	#tokyodengyo #pVisual #vIllustSub01{
		width:15vw;
		bottom:1.6vw;
		right:12vw;
	}

	#tokyodengyo #pVisual #vIllustSub02{
		width:19vw;
		bottom:20vw;
		right:1.8vw;
	}
	#tokyodengyo #pVisual #vIllustSub03{
		width:7vw;
		bottom:1.6vw;
		right:41vw;
	}
	#tokyodengyo #pVisual #vIllustSub04{
		width:10vw;
		bottom:1.6vw;
		right:30vw;
	}

	#tokyodengyo #pVisual #vIllustSub05{
		width:12vw;
		bottom:1.2vw;
		right:46vw;
	}

	/* ボタン */


	/* 視聴ボタン */

	#tokyodengyo #pVisual #visualSeminarBtnWrap{
		height:96vw;
		padding-top:76.6vw;
	/*	background:rgba(211, 211, 10, .4);*/
	}


	#tokyodengyo .viewBtn{
		width:62vw;
		height:15vw;
	}

	#tokyodengyo .viewBtn::before{
		height:13.5vw;
		border-radius:10vw;
		border-width:2px;
	}

	#tokyodengyo .viewBtn .viewInr{
		border:2px solid #041d2f;
		height:13.5vw;
		width:100%;
		border-radius:10vw;
	}

	#tokyodengyo .viewBtn .viewInr span{
		font-size:3.5vw;
		margin-right:2vw;
		padding-left:7.5vw;
	}

	#tokyodengyo .viewBtn .viewInr figure{
		width:5.5vw;
	}


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