@charset"utf-8";

@import url("common.css");

/*SPECIAL START*/

#special{
	width:min(100%,540px);
	margin:0 auto;
	text-align:center;
	padding-bottom:150px;
}

#special h2{
	font-size:18px;
	font-weight:700;
	width:100%;
	margin-top:120px;
	margin-bottom:24px;
	color:#001818;
}

#special img#main{
	width:min(80%,400px);
	margin-bottom:18px;
}

#special p{
	width:85%;
	font-size:1.6rem;
	margin:0 auto;
	margin-bottom:18px;
	color:#001818;
}

#special p.honbun{
	text-align:justify;
	margin-top:45px;
	margin-bottom:45px;	
}

#special p.interview{
	text-align:left;
	margin-bottom:36px;	
}

#special p.interview span{
	display:inline-block;
	margin-bottom:12px;	
}

#special p.interview span.mori{
	font-weight:700;
}

#special .photo{
	width:min(80%,400px);
	margin:0 auto;
	margin-bottom:45px;
}

#special .photo img{
	width:100%;
	margin-bottom:12px;
}

#special .photo p{
	width:100%;
	text-align:left;
}

#special p.thirty{
	width:100%;
	font-weight:700;
	text-align:center;
	margin-top:240px;
	margin-bottom:72px;
}

#special p.kitaku{
	width:100%;
	font-weight:700;
	text-align:center;
	margin-top:90px;
	margin-bottom:45px;
}

#special p.last{
	margin-top:90px;
}

#special p a{
	font-weight:400;
	text-decoration: underline;
}

#special #info{
	width:85%;
	margin:0 auto;
	text-align:center;
	margin-top:90px;
}

#special #info p.info{
	width:100%;
	display:inline-block;
	text-align:left;
	font-weight:700;
}

#special #info p#kochirakara{
	font-size:16px;
	font-weight:700;
	width:100%;
	margin-top:36px;
	margin-bottom:24px;
}

#special #info img{
	width:270px;
	margin-bottom:15px;
}

/*SPECIAL END*/

/*PROFILE START*/

#profile{
	width:min(100%,540px);
	margin:0 auto;
	text-align:center;
	padding-bottom:150px;
}

#profile h2{
	font-size:18px;
	font-weight:700;
	width:100%;
	margin-top:120px;
	margin-bottom:30px;
	color:#001818;
}

#profile p#goran{
	width:85%;
	font-size:16px;
	line-height:1.50;
	margin:0 auto;
	margin-bottom:45px;
	color:#001818;
}

#profile ul{
	width:90%;
	margin:0 auto;
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
}

#profile ul li{
	list-style:none;
	width:135px;
	margin:0 15px 20px 15px;
}

#profile ul p.name{
	width:100%;
	font-size:16px;
	line-height:1.50;
	font-weight:700;
	color:#001818;
	margin-top:6px;
}

#profile #info{
	width:85%;
	margin:0 auto;
	text-align:center;
	margin-top:90px;
}

#profile #info p{
	width:85%;
	font-size:16px;
	line-height:1.50;
	margin:0 auto;
	margin-bottom:18px;
	color:#001818;
}

#profile #info p.info{
	width:100%;
	display:inline-block;
	text-align:left;
	font-weight:700;
}

#profile #info p.info a{
	font-weight:400;
	text-decoration:underline;
}

#profile #info p#kochirakara{
	font-size:16px;
	font-weight:700;
	width:100%;
	margin-top:36px;
	margin-bottom:24px;
}

#profile #info img{
	width:270px;
	margin-bottom:15px;
}

#profile .overlay{
  position: fixed;
  top:0;
  left:0;
  z-index:150;
  width: 100vw;
  height: 100vh;
  visibility: hidden;
  opacity: 0;
  overflow-y:scroll;
  background: rgba(0,0,0,0.6);
  transition: all 0.5s ease-out;
}

#profile .overlay.overlay-on{
  visibility: visible;
  opacity: 1;
}

#profile .overlay .inner{
	width:min(90%,480px);
	margin:30px auto;
	text-align:center;
	background:white;
}

#profile .overlay .inner img{
	width:calc(100% - 42px);
	margin-top:21px;
}

#profile .overlay .inner h3{
	font-size:21px;
	font-weight:700;
	line-height:1.25;
	width:100%;
	margin-top:15px;
	margin-bottom:30px;
	color:#001818;
}

#profile .overlay .inner h3 span{
	font-size:18px;
	font-weight:700;
	width:100%;
	color:#001818;
}

#profile .overlay .inner p{
	display:inline-block;
	text-align:justify;
	width:85%;
	font-size:16px;
	line-height:1.50;
	color:#001818;
	margin-bottom:36px;
}

#profile .overlay .inner p span{
	line-height:2.0;
}

#profile .overlay .inner p.close{
	text-align:center;
	margin-bottom:27px;
	text-decoration:underline;
}

/*PROFILE END*/