@charset "UTF-8";
/* プロフィール用CSSコード */
/* #id:1回 .class:複数回 優先度：id高い class低い */

#profile {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow:scroll;/*ブラウザからはみ出たらスクロール*/
  z-index: 2;
  background:rgba(0, 0, 0, 0.8);/* 初期値：濃度0.85 */
  
}


.profile_image{
	text-align: center;
	transition: filter 0.5s;
}

.profile_image img{
    width: 90%;
    height: auto;/*縦横比を維持する*/
	border-radius: 30px;/*角を丸くする*/
	
}


.profile_text h2{
    margin-bottom: 20px;
}

.profile_text p{
    margin-bottom:50px;
}

.profile_text{
    position: relative;
    font-size: normal;
    text-align: center;
    color: #ffffff;
    margin-top: 10%;/* 上から文字までの% */
    line-height: 300%;
	transition: color 0.5s;
}

/* アイコンがクリックされたらテキストカラーを変更 */
.profile_text.checked {
    color: #000000;
}

/* アイコンがクリックされたら画像の明度を下げる */
.profile_image.checked {
    filter: brightness(20%);
}


.slide {
  filter: blur(8px) grayscale(0.6) sepia(0.5);/* ぼかし8px グレースケール0.6（1がmax） セピア0.5(1がmax) */
}



/*リンク関係*/


.link-wrapper {
  margin-bottom: 30px;
  text-align: center;
}


.link-wrapper h3{
}



.link-text {
	margin-bottom: 50px;
	line-height: 300%;
}

.link-text img{
    width: 100px;
}


.link-item ul {
display: flex;/*SNSなどのリンクアイコンを横並びにする*/
justify-content: center;
}

.link-item li {
list-style: none;
margin:0 5px;
}


.link-item ul li a {
    text-decoration: none;
    color: #C4C4C4;
}


.link-item li img{
	width: auto;
	height: 20px;
}


/* アイコンがクリックされたら薄くなる */
.dimmed {
 opacity: 0.1;
transition: opacity 0.5s;
}