body {
	margin: 0;
	background-color: #000000;
	background-image: url("images/bg/bg_boy_v1.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
	background-size: cover;
	font-family: Osaka-mono, "MS Gothic", monospace;
	font-weight: lighter;
	font-size: 15px;
	line-height: 18px;
	letter-spacing: 0em;
	text-align: left;
	color: #FFFFFF;
	text-shadow: 0px 0px 7px #172155;
}
	
/* リンクの設定 */
a:link {
	color: #FFFFFF;
	text-decoration: none;
}

a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

a:hover {
	color: #FF00BE;
	text-decoration: none;
}
	
a:active {
	color: #FF00BE;
	text-decoration: none;
	line-height: normal;
}

/* 個別書式 */
.p {
	font-size: 20px
	}	
	
.name {
	color: #FFFFFF;
	font-size: 15px;
	letter-spacing: 0.0em;
}

.dir {
	color: #FFFFFF;	
	font-size: 15px;
	letter-spacing: 0.0em;
}
	
.sns {
	letter-spacing: -0.4em;
}		

/* YouTubeの表示 */
.youtube-container {
    position: relative;
    width: 100%; /* 親要素の幅に合わせる */
    aspect-ratio: 16 / 9; /* 16:9の比率を維持 */
}

.youtube-container4-3 {
    position: relative;
    width: 100%; /* 親要素の幅に合わせる */
    aspect-ratio: 4 / 3; /* 4:3の比率を維持 */
}

.youtube-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ヘッダー固定 */
	
header {
	position: sticky;
	top: 0;
	height: 70px;
	z-index: 100; /* 他の要素より手前に表示 */
	background-image: url("images/bg/bg_grade_bk.png");
	background-size: 100% 100%;
}