/* 文字サイズ変更部分 */
dl#charChange{
	position: absolute;
	top: 43px;
	left: 738px;
	width: 200px;
	height: 22px;
	font-size: 10px;
	z-index: 1;
	text-indent: -9999px;
	}

dl#charChange dt{
	background: url(../images/charSizeTitle.jpg) no-repeat;
	float: left;
	width: 76px;
	height: 22px;
	padding-right: 5px;
	}

dl#charChange dd{
	padding-right: 5px;
	float: left;
	width: 22px;
	height: 22px;
	}

dl#charChange dd a{
	display: block;
	width: 22px;
	height: 22px;
	background: url(../images/charSize.png) no-repeat;
	overflow: hidden;
	outline: none;
	}

dl#charChange dd a#charL{
	background-position: -54px 0;
	}

dl#charChange dd a#charM{
	background-position: -27px 0;
	}

dl#charChange dd a#charS{
	background-position: 0 0;
	}

dl#charChange dd a#charL:hover,
dl#charChange dd a#charL:active{
	background-position: -54px -22px;
	}

dl#charChange dd a#charM:hover,
dl#charChange dd a#charM:active{
	background-position: -27px -22px;
	}

dl#charChange dd a#charS:hover,
dl#charChange dd a#charS:active{
	background-position: 0 -22px;
	}


.button02 a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 1em 2em;
  width: 330px;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  background-color: #643167;
  border-radius: 50vh;
	margin-bottom: 80px;
	margin-top: 40px;
}

.button02 a::after {
  content: '';
  width: 5px;
  height: 5px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(45deg);
}

.button02 a:hover {
  text-decoration: none;
  background-color: #350f37;
}