@charset "utf-8";

/*
Theme Name: WWW26開催決定_ダイジェスト映像
Author: 
Description:  theme
Version：2025_1230
*/

body {
	font-size: 1em;
	font-family: 'M+PLUS+1p', -apple-system, BlinkMacSystemFont, "メイリオ", Meiryo, 'Open Sans', 'Roboto', sans-serif, 'Roboto Condensed', sans-serif;
	-webkit-text-size-adjust: 100%;
	color: #000;
	margin: 0;
	padding: 0;
	background-color: #FFF;
}

.header {
	background: url(images/www26_stage_BG.jpg) no-repeat center bottom;
	background-size:cover;
}




*{vertical-align: bottom;}

txx{white-space: nowrap;}

.sns a:hover {
	opacity: 0.5;
}

.video-bg {
	width: 100%;
	max-width: 1024px;
	padding: 0;
}

.video-bg iframe {
	width: 100%;
	aspect-ratio: 16 / 9;
}

li{
	list-style: none; 
	float: left; 
	text-align: center;
}


.mainbox {
	margin-top: -1%;
	width: 100%;
	position: absolute; 
	top: 50%; 
	left: 50%; 
	transform: translate(-50%, -50%); 
}



/* ++++++++++++++++++++++++++ */


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

body{
//	font-size: 2.1vw;
//	-webkit-text-size-adjust: 100%;
	}
.header {
//	border: 5px solid #0F0;
	background: url(images/www26_stage_BG.jpg) no-repeat center bottom ;
	background-size: cover;
}
}

}

@media screen and (max-width: 848px) {
body {
	font-size: 3.0vw;
	-webkit-text-size-adjust: 100%;
	}
.header {
//	border: 5px solid #00F;
//	background: url(images/www26_stage_KV.jpg) no-repeat center top;
	background-size: cover;
}
}

@media screen and (max-width: 480px) {
body {
	font-size: 3vw;
	-webkit-text-size-adjust: 100%;
	word-break: break-all;
	}
.header {
//	margin: 10vh 0 0;
//	border: 5px solid #F00;
	background: url(images/www26_stage_BG_min.jpg) no-repeat center top;
	background-size: cover;
}
.header img {
	width: 80%;
	}
}