@charset "utf-8";

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*
フォローボタンが見出しとセット
*/
#followpage .followpage-head {
	display: flex; justify-content: center; align-items: center;
}

#followpage .followpage-head form {
	display: flex; justify-content: center; align-items: center;
}

#followpage .followpage-head button {
	border-style: none; background-color: transparent; cursor: pointer;
}

/*~~*/

#followpage .followpage-body {
	margin-top: 25px;
}

#followpage .followpage-body li {
	width: 100%; margin-top: 10px; display: flex;
}

#followpage .followpage-body li .name {
	margin-right: 5px; padding: 10px; border: 1px solid #000; flex: 1; display: flex; align-items: center;
}

#followpage .followpage-body li form {
	width: 34px; display: flex; justify-content: center; align-items: center;
}

#followpage .followpage-body li form button {
	font-size: 20px; border-style: none; background-color: transparent; cursor: pointer;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media screen and (min-width: 769px) {
/************************************************************************************************************************/

/*~~*/

#followpage .h1 button:hover {
	color: #666;
}

/*~~*/

#followpage .followpage-body {
	display: flex; flex-wrap: wrap;
}

#followpage .followpage-body li {
	width: calc((100% - 30px) / 3); margin-left: 15px;
}

#followpage .followpage-body li:nth-of-type(3n+1) {
	margin-left: 0;
}

#followpage .followpage-body li form button {
	font-size: 24px;
}

#followpage .followpage-body li form button:hover {
	color: #666;
}

/************************************************************************************************************************/
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/