.design-pagetop-01 #pagetop a {
  width: 60px;
  height: 60px;
  border-radius: 100px;
  background: #999;
  color: #fff;
  font-weight: bold;
}
.design-pagetop-01 #pagetop a:after {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  height: 6px;
  border: 6px solid transparent;
  border-bottom: 6px solid #fff;
}
.design-pagetop-01 #pagetop span {
  display: block;
  margin-top: 10px;
}
.design-pagetop-02 #pagetop a {
  width: 60px;
  height: 60px;
  background: #999;
  color: #fff;
  font-weight: bold;
}
.design-pagetop-02 #pagetop a:after {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  height: 6px;
  border: 6px solid transparent;
  border-bottom: 6px solid #fff;
}
.design-pagetop-02 #pagetop span {
  display: block;
  margin-top: 10px;
}
.design-pagetop-03 #pagetop a {
  width: 60px;
  height: 60px;
  border-radius: 100px;
  background: #999;
  color: #fff;
  font-weight: bold;
}
.design-pagetop-03 #pagetop a:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  height: 0px;
  border: 10px solid transparent;
  border-bottom: 10px solid #fff;
}
.design-pagetop-03 #pagetop span {
  display: none;
}
.design-pagetop-04 #pagetop a {
  width: 60px;
  height: 60px;
  background: #999;
  color: #fff;
  font-weight: bold;
}
.design-pagetop-04 #pagetop a:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  height: 0px;
  border: 10px solid transparent;
  border-bottom: 10px solid #fff;
}
.design-pagetop-04 #pagetop span {
  display: none;
}
.design-pagetop-05 #pagetop a {
  padding: 7px 15px 7px 30px;
  background: #999;
  border-radius: 100px;
  color: #fff;
  font-weight: bold;
}
.design-pagetop-05 #pagetop a:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 6px;
  margin: auto 0;
  width: 16px;
  height: 16px;
  border-radius: 100px;
  background: #fff;
}
.design-pagetop-05 #pagetop a:after {
  content: "";
  position: absolute;
  top: 6px;
  left: 10px;
  width: 0;
  height: 0px;
  border: 4px solid transparent;
  border-bottom: 5px solid #999;
}
.design-pagetop-05 #pagetop span br {
  display: none;
}
.design-pagetop-06 #pagetop a {
  padding: 7px 15px 7px 30px;
  background: #999;
  color: #fff;
  font-weight: bold;
}
.design-pagetop-06 #pagetop a:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 6px;
  margin: auto 0;
  width: 16px;
  height: 16px;
  border-radius: 100px;
  background: #fff;
}
.design-pagetop-06 #pagetop a:after {
  content: "";
  position: absolute;
  top: 6px;
  left: 10px;
  width: 0;
  height: 0px;
  border: 4px solid transparent;
  border-bottom: 5px solid #999;
}
.design-pagetop-06 #pagetop span br {
  display: none;
}
.design-pagetop-07 #pagetop a {
  width: 60px;
  height: 60px;
  border-radius: 100px;
  border: solid 2px #999;
  box-sizing: border-box;
  color: #999;
  font-weight: bold;
}
.design-pagetop-07 #pagetop a:after {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  height: 6px;
  border: 6px solid transparent;
  border-bottom: 6px solid #999;
}
.design-pagetop-07 #pagetop span {
  display: block;
  margin-top: 10px;
}
.design-pagetop-08 #pagetop a {
  width: 60px;
  height: 60px;
  border: solid 2px #999;
  box-sizing: border-box;
  color: #999;
  font-weight: bold;
}
.design-pagetop-08 #pagetop a:after {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  height: 6px;
  border: 6px solid transparent;
  border-bottom: 6px solid #999;
}
.design-pagetop-08 #pagetop span {
  display: block;
  margin-top: 10px;
}
.design-pagetop-09 #pagetop a {
  width: 60px;
  height: 60px;
  border-radius: 100px;
  border: solid 2px #999;
  box-sizing: border-box;
  color: #999;
  font-weight: bold;
}
.design-pagetop-09 #pagetop a:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  height: 0px;
  border: 10px solid transparent;
  border-bottom: 10px solid #999;
}
.design-pagetop-09 #pagetop span {
  display: none;
}
.design-pagetop-10 #pagetop a {
  width: 60px;
  height: 60px;
  border: solid 2px #999;
  box-sizing: border-box;
  color: #999;
  font-weight: bold;
}
.design-pagetop-10 #pagetop a:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  height: 0px;
  border: 10px solid transparent;
  border-bottom: 10px solid #999;
}
.design-pagetop-10 #pagetop span {
  display: none;
}
.design-pagetop-11 #pagetop a {
  padding: 5px 15px 5px 30px;
  border-radius: 100px;
  border: solid 2px #999;
  color: #999;
  font-weight: bold;
}
.design-pagetop-11 #pagetop a:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 6px;
  margin: auto 0;
  width: 16px;
  height: 16px;
  border-radius: 100px;
  background: #999;
}
.design-pagetop-11 #pagetop a:after {
  content: "";
  position: absolute;
  top: 6px;
  left: 10px;
  width: 0;
  height: 0px;
  border: 4px solid transparent;
  border-bottom: 5px solid #fff;
}
.design-pagetop-11 #pagetop span br {
  display: none;
}
.design-pagetop-12 #pagetop a {
  padding: 5px 15px 5px 30px;
  border: solid 2px #999;
  color: #999;
  font-weight: bold;
}
.design-pagetop-12 #pagetop a:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 6px;
  margin: auto 0;
  width: 16px;
  height: 16px;
  border-radius: 100px;
  background: #999;
}
.design-pagetop-12 #pagetop a:after {
  content: "";
  position: absolute;
  top: 6px;
  left: 10px;
  width: 0;
  height: 0px;
  border: 4px solid transparent;
  border-bottom: 5px solid #fff;
}
.design-pagetop-12 #pagetop span br {
  display: none;
}



.design-pagetop-01 #pagetop a {
	background: var(--color-main);
}
.design-pagetop-02 #pagetop a {
	background: var(--color-main);
}
.design-pagetop-03 #pagetop a {
	background: var(--color-main);
}
.design-pagetop-04 #pagetop a {
	background: var(--color-main);
}
.design-pagetop-05 #pagetop a {
	background: var(--color-main);
}
.design-pagetop-05 #pagetop a:after {
	border-bottom-color: var(--color-main);
}
.design-pagetop-06 #pagetop a {
	background: var(--color-main);
}
.design-pagetop-06 #pagetop a:after {
	border-bottom-color: var(--color-main);
}
.design-pagetop-07 #pagetop a {
	border-color: var(--color-main);
	color: var(--color-main);
}
.design-pagetop-07 #pagetop a:after {
	border-bottom-color: var(--color-main);
}
.design-pagetop-08 #pagetop a {
	border-color: var(--color-main);
	color: var(--color-main);
}
.design-pagetop-08 #pagetop a:after {
	border-bottom-color: var(--color-main);
}
.design-pagetop-09 #pagetop a {
	border-color: var(--color-main);
	color: var(--color-main);
}
.design-pagetop-09 #pagetop a:after {
	border-bottom-color: var(--color-main);
}
.design-pagetop-10 #pagetop a {
	border-color: var(--color-main);
	color: var(--color-main);
}
.design-pagetop-10 #pagetop a:after {
	border-bottom-color: var(--color-main);
}
.design-pagetop-11 #pagetop a {
	border-color: var(--color-main);
	color: var(--color-main);
}
.design-pagetop-11 #pagetop a:before {
	background: var(--color-main);
}
.design-pagetop-12 #pagetop a {
	border-color: var(--color-main);
	color: var(--color-main);
}
.design-pagetop-12 #pagetop a:before {
	background: var(--color-main);
}