body
{
	font-size: 12px;
	overflow-x: hidden;
}
@media (min-width: 768px)
{
	body
	{
		font-size: 14px;
		overflow-x: hidden;
	}
}
@media (min-width: 1200px)
{
	body
	{
		font-size: 15px;
		overflow-x: hidden;
	}
}

.btn-purple {
	background-color: #FFF;   /* 好きな紫に変更可 */
	border-color: #8000ff;
	color: #8000ff;
}

.btn-purple:hover,
.btn-purple:focus {
	background-color: #bf8af4;
	border-color: #4b0099;
	color: #8000ff;
}

.btn-purple:disabled {
	background-color: #f5f5f5;   /* 好きな紫に変更可 */
	border-color: #404040;
	color: #808080;
}