h2 {
	background-color: transparent !important;
	background-size: 30% 100%;
	background-repeat: no-repeat;
	background-image: url(background/banner.png);
	color: #000;
	font-weight: bold;
	font-size: 17px;
	margin: 20px 0px 10px 0px;
	text-align: left;
	border-left: solid rgba(146,140,127,0.9) 1px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	padding: 12px 16px 10px 7px;
	font-family: 'Cormorant Garamond', serif;
}
h2::before {
	content: '';
	font:"΢ÈíÑźÚ";
	display: inline-block;
	position: relative;
	top: -2px;
	left: 1px;
	background-image: url(background/arrow.png);
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	width: 30px;
	height: 28px;
	margin-right: 5px;
}
table {
	border-spacing: 0;
	border-collapse: collapse;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	margin: 10px 0px 10px 0px;
	border: 1px solid #ccc;
	font-family: "Roboto","Noto Sans","¥Ò¥é¥®¥Î½Ç¥´ Pro W3", "Hiragino Kaku Gothic Pro","Meiryo","¥á¥¤¥ê¥ª","sans-serif";
	box-sizing: border-box;
	color: #333;
}
table th {
	padding: 4px 8px;
	color: #fff;
	font-weight: bold;
	border: 1px solid #333;
	text-align: center;
	font-size: 12px;
	box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
	background: linear-gradient(#777, #484848);
}
tr td {
	text-align: center;
	position: relative;
	border: 1px solid #ccc;
}
.red {background-color:#FBD4D0;}
.blue {background-color:#37D9F0;}
.green {background-color:#A3E043;}
.alert {color:#FF0000;font-style:oblique;font-weight:bold;}

.button-6 {
  align-items: center;
  background-color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: .25rem;
  box-shadow: rgba(0, 0, 0, 0.02) 0 1px 3px 0;
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.85);
  cursor: pointer;
  display: inline-flex;
  font-family: system-ui,-apple-system,system-ui,"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 14px;
  font-weight: 600;
  justify-content: center;
  line-height: 1.2;
  margin: 0;
  min-height: 2rem;
  padding: calc(.2rem - 1px) calc(1.2rem - 1px);
  position: relative;
  text-decoration: none;
  transition: all 250ms;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: baseline;
  width: auto;
}

.button-6:hover,
.button-6:focus {
  border-color: rgba(0, 0, 0, 0.15);
  box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;
  color: rgba(0, 0, 0, 0.65);
}

.button-6:hover {
  transform: translateY(-1px);
}

.button-6:active {
  background-color: #F0F0F1;
  border-color: rgba(0, 0, 0, 0.15);
  box-shadow: rgba(0, 0, 0, 0.06) 0 2px 4px;
  color: rgba(0, 0, 0, 0.65);
  transform: translateY(0);
}

.button-49,
.button-49:after {
  width: 150px;
  height: 76px;
  line-height: 78px;
  font-size: 20px;
  font-family: 'Bebas Neue', sans-serif;
  background: linear-gradient(45deg, transparent 5%, #FF013C 5%);
  border: 0;
  color: #fff;
  letter-spacing: 3px;
  box-shadow: 6px 0px 0px #00E6F6;
  outline: transparent;
  position: relative;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.button-49:after {
  --slice-0: inset(50% 50% 50% 50%);
  --slice-1: inset(80% -6px 0 0);
  --slice-2: inset(50% -6px 30% 0);
  --slice-3: inset(10% -6px 85% 0);
  --slice-4: inset(40% -6px 43% 0);
  --slice-5: inset(80% -6px 5% 0);
  
  content: 'Fuck you';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(45deg, transparent 3%, #00E6F6 3%, #00E6F6 5%, #FF013C 5%);
  text-shadow: -3px -3px 0px #F8F005, 3px 3px 0px #00E6F6;
  clip-path: var(--slice-0);
}

.button-49:hover:after {
  animation: 1s glitch;
  animation-timing-function: steps(2, end);
}

@keyframes glitch {
  0% {
    clip-path: var(--slice-1);
    transform: translate(-20px, -10px);
  }
  10% {
    clip-path: var(--slice-3);
    transform: translate(10px, 10px);
  }
  20% {
    clip-path: var(--slice-1);
    transform: translate(-10px, 10px);
  }
  30% {
    clip-path: var(--slice-3);
    transform: translate(0px, 5px);
  }
  40% {
    clip-path: var(--slice-2);
    transform: translate(-5px, 0px);
  }
  50% {
    clip-path: var(--slice-3);
    transform: translate(5px, 0px);
  }
  60% {
    clip-path: var(--slice-4);
    transform: translate(5px, 10px);
  }
  70% {
    clip-path: var(--slice-2);
    transform: translate(-10px, 10px);
  }
  80% {
    clip-path: var(--slice-5);
    transform: translate(20px, -10px);
  }
  90% {
    clip-path: var(--slice-1);
    transform: translate(-10px, 0px);
  }
  100% {
    clip-path: var(--slice-1);
    transform: translate(0);
  }
}

@media (min-width: 768px) {
  .button-49,
  .button-49:after {
    width: 200px;
    height: 86px;
    line-height: 88px;
  }
}