@charset "UTF-8";
/* CSS Document */

/*  common  */



body{
	width:100%;
	height:auto;
	float:left;
	background: #171010;
}

@media (min-width: 1020px) {
	div.wrapper{
		width:100%;
		height:auto;
		box-sizing: border-box;
		padding-top:5px;
		
		
	
}
	
	

}


@media (max-width: 1020px) and (min-width: 768px) {
	/* headerの関係*/
	div.wrapper{
		width:100%;
		height:auto;
		box-sizing: border-box;
		padding:5px 5%;
		background: none;
		
	
}
}/*(max-width: 1020px) and (min-width: 768px)*/



	
/* タブレットスタイル */
@media (max-width: 768px) {
	/* headerの関係*/
	
	
	div.wrapper{
		width:100%;
		height: auto;
		float: left;
		color:white;
		margin-top: 10px;
		box-sizing: border-box;
	}
	
	
}

.image-container {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

					/* プロフィール画像のスタイル */
#profilePreview {
    width: 120px;  /* 任意のサイズ */
    height: 120px;
    border-radius: 50%; /* 丸くする */
    object-fit: cover;
    border: 3px solid white;
    position: absolute;
    left: 20px;
    bottom: -60px;
	z-index: 1000;
}

/* ヘッダー画像のスタイル */
#headerPreview {
    width: 100%;
    height: 250px; /* 高さを調整 */
    object-fit: cover;
}

/* ファイル選択ボタンを隠す */
.hidden-input {
    display: none;
}