@charset "utf-8";
/* ===================================================
	Livecamera CSS
====================================================== */

/* ---------------------------------------------------
	Main_img
------------------------------------------------------ */

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


/* ---------------------------------------------------
	index - #lead_col
------------------------------------------------------ */
#livecamera #lead_col { text-align: center; letter-spacing: 0.1em; }
#livecamera #lead_col dl { width: fit-content; margin: 80px auto 0; text-align: left; font-size: 18px; }
#livecamera #lead_col dl div { display: flex; border-bottom: 1px solid var(--color02); padding-bottom: 15px; margin-bottom: 30px; }
#livecamera #lead_col dl div + div { margin-bottom: 0; }
#livecamera #lead_col dl div dt { width: 200px; }
#livecamera #lead_col .cmn_btn01 { width: min(380px, 100%); margin: 70px auto 0; color: #fff; background: var(--color01); display: block; text-align: center; font-size: 15px; border: 1px solid var(--color01); box-sizing: border-box; padding: 30px 55px; line-height: 1; }
#livecamera #lead_col .cmn_btn01 span { border: none; width: 100%; display: block; position: relative; }

@media screen and (hover: hover) {
}

@media screen and (max-width: 600px) {
	#livecamera #lead_col { text-align: left; letter-spacing: 0.05em; }
	#livecamera #lead_col dl { width: 100%; margin: 40px auto 0; font-size: 15px; }
	#livecamera #lead_col dl div { padding-bottom: 10px; margin-bottom: 20px; }
	#livecamera #lead_col dl div dt { width: 120px; }
	#livecamera #lead_col .cmn_btn01 { width: min(380px, 100%); margin: 40px auto 0; padding: 20px 4%; }
}



/* ---------------------------------------------------
	livecamera01 - #sec01
------------------------------------------------------ */
#livecamera_livecamera01 #sec01 { margin-top: 140px; font-size: 16px; }
#livecamera_livecamera01 #videoBlock { position: relative; padding-bottom: calc(56.25% - 1px); border: 1px solid var(--color02); margin-bottom: 20px; }
#livecamera_livecamera01 #videoBlock iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#livecamera_livecamera01 .back_btn { display: block; width: fit-content; margin: 60px auto 0; line-height: 1; border-bottom: 1px solid #000; }

@media screen and (hover: hover) {
	.back_btn:hover { border-color: transparent;}
}

@media screen and (max-width: 600px) {
	#livecamera_livecamera01 #sec01 { margin-top: 60px; font-size: 16px; }
}