/* h2 {
	position: relative;
	padding: .5em .75em;
	background-color: #f0f0f0;
	border-radius: 6px;
}
h2::after {
	position: absolute;
	top: 100%;
	left: 30px;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #f0f0f0;
}カスタム CSS をここに入力してください */
/*緑の揺れるボタンのデザインここから */
.rum
{
	width: 300px;
	margin: 40px auto;
	padding: 40px 0;
	background: #339933;
	border-radius: 8px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	text-decoration:none;
	animation: rumble 0.50s linear infinite;
}

.rum:hover{
	animation: rumble2 1s linear infinite;
}

.rum a,
.rum a:hover{
	text-decoration:none;
	color: #fff;
}

@keyframes rumble{
	0%	{transform:rotate(0deg)	translate(0,0);}
	12.5%	{transform:rotate(0.4deg)	translate(1px,-1px);}
	25%	{transform:rotate(0.8deg)	translate(0px,1px);}
	37.5%	{transform:rotate(0.4deg)	translate(-1px,0);}
	50%	{transform:rotate(0deg)	translate(0,0);}
	62.5%	{transform:rotate(-0.4deg)	translate(1px,0);}
	75%	{transform:rotate(-0.8deg)	translate(0,1px);}
	87.5%	{transform:rotate(-0.4deg)	translate(-1px,-1px);}
	100%	{transform:rotate(0deg)	translate(0,0);}
}
 
@keyframes rumble2{
	0%	{transform:rotate(0deg)	translate(0,0);}
	12.5%	{transform:rotate(0.8deg)	translate(2px,-2px);}
	25%	{transform:rotate(1deg)	translate(0px,2px);}
	37.5%	{transform:rotate(0.8deg)	translate(-2px,0);}
	50%	{transform:rotate(0deg)	translate(0,0);}
	62.5%	{transform:rotate(-0.8deg)	translate(2px,0);}
	75%	{transform:rotate(-1deg)	translate(0,2px);}
	87.5%	{transform:rotate(-0.8deg)	translate(-2px,-2px);}
	100%	{transform:rotate(0deg)	translate(0,0);}
}
/*緑の揺れるボタンのデザインここまで */
/*緑の色変わるボタンのデザインここから */
.btn-wrap{
margin:1.5em 0 2em;
}
.btn-wrap.aligncenter{
text-align:center;
}
.btn-wrap a{
font-weight:bold;
display:inline-block;
text-decoration:none;
padding:0.9em 2.3em;
background: #3cb371;
border:2px solid #3cb371;
-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 2px;   /* Firefox用 */
color:#fff;
}

.btn-wrap a:hover{
background:none;
border:2px solid #3cb371;
color:#3cb371;
font-weight:bold;
}
.btn-wrap.spe2 a {
	display:inline-block;
	text-decoration:none;
	padding:0.9em 2.3em;
	position: relative;
	z-index: 2;
	border: 2px solid #11930a;
	background-color:#11930a;
	text-align: center;
	outline: none;
}

.btn-wrap.spe2 a:hover {
	background-color: #fff;
	border-color: #eeee22;
	color: #eeee22;
	font-weight:bold;
}

.btn-wrap.spe2 a::before,
.btn-wrap.spe2 a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	left: 0;
	width: 100%;
	height: 50%;
	background-color:#11930a;
}
.btn-wrap.spe2 a::before {
	top: 0;
}
.btn-wrap.spe2 a::after {
	bottom: 0;
}
.btn-wrap.spe2 a:hover::before,
.btn-wrap.spe2 a:hover::after {
	height: 0;
	border-color: #eeee22;
	color: #eeee22;
}

.btn-wrap.spe2 a,
.btn-wrap.spe2 a::before,
.btn-wrap.spe2 a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	transition-delay:.1s;
}
/*緑の色変わるボタンのデザインここまで */

/*激しく揺れるボタンのデザインここから */
.btn02

{
	width: 300px;
	margin: 20px auto;
	padding: 20px 0;
	background: #33CC00;
	border-radius: 8px;
	color: #fff;
	text-align: center;
    background-image: -webkit-linear-gradient(#008800 0%, #33CC33 100%);
    background-image: linear-gradient(#008800 0%, #33CC33 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #009900;
	
  /*animation-name: shake-slow;*/
  /*animation-duration: 10s;*/
  /*animation-iteration-count: infinite;*/
  /*animation-timing-function: ease-in-out;*/
  /*animation-delay: 0.5s;*/
  	animation: rumble 0.50s linear infinite;
  
}
.btn02:active{
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    border-bottom: none;
}
.btn02:hover {
    animation: shake 0.2s linear infinite;
    -webkit-animation: shake 0.2s linear infinite;
}
.btn02 a,
.btn02 a:hover{
	text-decoration:none;
	color: #fff;
}

@keyframes shake-slow {
  0% {    transform: translate(0px, 0px) rotate(0deg);  }
  2% {    transform: translate(9px, 6px) rotate(-1.5deg);  }
  4% {    transform: translate(-9px, -1px) rotate(3.5deg);  }
  6% {    transform: translate(2px, -6px) rotate(-2.5deg);  }
  8% {    transform: translate(-4px, -2px) rotate(3.5deg);  }
  10% {    transform: translate(-9px, 5px) rotate(-0.5deg);  }
  12% {    transform: translate(0px, -8px) rotate(-0.5deg);  }
  14% {    transform: translate(6px, 8px) rotate(-0.5deg);  }
  16% {    transform: translate(5px, 9px) rotate(0.5deg);  }
  18% {    transform: translate(7px, -7px) rotate(3.5deg);  }
  20% {    transform: translate(6px, -5px) rotate(-2.5deg);  }
  22% {    transform: translate(-6px, 9px) rotate(3.5deg);  }
  24% {    transform: translate(-9px, -7px) rotate(-0.5deg);  }
  26% {    transform: translate(-2px, 8px) rotate(0.5deg);  }
  28% {    transform: translate(9px, -8px) rotate(3.5deg);  }
  30% {    transform: translate(-7px, 0px) rotate(1.5deg);  }
  32% {    transform: translate(9px, -9px) rotate(1.5deg);  }
  34% {    transform: translate(-3px, 3px) rotate(1.5deg);  }
  36% {    transform: translate(9px, -3px) rotate(-1.5deg);  }
  38% {    transform: translate(3px, -6px) rotate(3.5deg);  }
  40% {    transform: translate(-5px, -5px) rotate(-0.5deg);  }
  42% {    transform: translate(9px, -3px) rotate(2.5deg);  }
  44% {    transform: translate(5px, 4px) rotate(3.5deg);  }
  46% {    transform: translate(-3px, -5px) rotate(-2.5deg);  }
  48% {    transform: translate(-8px, 9px) rotate(0.5deg);  }
  50% {    transform: translate(-4px, -8px) rotate(-2.5deg);  }
  52% {    transform: translate(4px, -5px) rotate(3.5deg);  }
  54% {    transform: translate(10px, 6px) rotate(3.5deg);  }
  56% {    transform: translate(-5px, -8px) rotate(-0.5deg);  }
  58% {    transform: translate(-6px, -6px) rotate(3.5deg);  }
  60% {    transform: translate(-5px, -9px) rotate(3.5deg);  }
  62% {    transform: translate(-1px, 2px) rotate(-1.5deg);  }
  64% {    transform: translate(10px, 0px) rotate(2.5deg);  }
  66% {    transform: translate(-2px, 10px) rotate(1.5deg);  }
  68% {    transform: translate(-2px, 1px) rotate(2.5deg);  }
  70% {    transform: translate(-5px, -8px) rotate(-2.5deg);  }
  72% {    transform: translate(1px, 8px) rotate(2.5deg);  }
  74% {    transform: translate(4px, -2px) rotate(-2.5deg);  }
  76% {    transform: translate(9px, -8px) rotate(1.5deg);  }
  78% {    transform: translate(0px, 3px) rotate(2.5deg);  }
  80% {    transform: translate(-4px, 10px) rotate(3.5deg);  }
  82% {    transform: translate(-5px, -6px) rotate(2.5deg);  }
  84% {    transform: translate(0px, -2px) rotate(0.5deg);  }
  86% {    transform: translate(9px, -3px) rotate(0.5deg);  }
  88% {    transform: translate(4px, 1px) rotate(1.5deg);  }
  90% {    transform: translate(-9px, 1px) rotate(3.5deg);  }
  92% {    transform: translate(-3px, -5px) rotate(-2.5deg);  }
  94% {    transform: translate(2px, 2px) rotate(-1.5deg);  }
  96% {    transform: translate(-7px, 9px) rotate(-0.5deg);  }
  98% {    transform: translate(3px, 7px) rotate(-2.5deg);  }
}

@-webkit-keyframes shake {
    0% { -webkit-transform: translate(3px, 2px) rotate(0deg); }
    10% { -webkit-transform: translate(-2px, -3px) rotate(-1deg); }
    20% { -webkit-transform: translate(-4px, 0px) rotate(1deg); }
    30% { -webkit-transform: translate(0px, 3px) rotate(0deg); }
    40% { -webkit-transform: translate(2px, -2px) rotate(1deg); }
    50% { -webkit-transform: translate(-2px, 3px) rotate(-1deg); }
    60% { -webkit-transform: translate(-4px, 2px) rotate(0deg); }
    70% { -webkit-transform: translate(3px, 2px) rotate(-1deg); }
    80% { -webkit-transform: translate(-2px, -2px) rotate(1deg); }
    90% { -webkit-transform: translate(2px, 4px) rotate(0deg); }
    100% { -webkit-transform: translate(2px, -3px) rotate(-1deg); }
}
/*激しく揺れるボタンのデザインここまで */
.btn02

{
	width: 300px;
	margin: 20px auto;
	padding: 20px 0;
	background: #33CC00;
	border-radius: 8px;
	color: #fff;
	text-align: center;
    background-image: -webkit-linear-gradient(#008800 0%, #33CC33 100%);
    background-image: linear-gradient(#008800 0%, #33CC33 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #009900;
	
  /*animation-name: shake-slow;*/
  /*animation-duration: 10s;*/
  /*animation-iteration-count: infinite;*/
  /*animation-timing-function: ease-in-out;*/
  /*animation-delay: 0.5s;*/
  	animation: rumble 0.50s linear infinite;
  
}
.btn02:active{
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    border-bottom: none;
}

.btn02:hover {
    animation: shake 0.2s linear infinite;
    -webkit-animation: shake 0.2s linear infinite;
}
.btn02 a,
.btn02 a:hover{
	text-decoration:none;
	color: #fff;
}

@keyframes rumble{
	0%	{transform:rotate(0deg)	translate(0,0);}
	12.5%	{transform:rotate(0.4deg)	translate(1px,-1px);}
	25%	{transform:rotate(0.8deg)	translate(0px,1px);}
	37.5%	{transform:rotate(0.4deg)	translate(-1px,0);}
	50%	{transform:rotate(0deg)	translate(0,0);}
	62.5%	{transform:rotate(-0.4deg)	translate(1px,0);}
	75%	{transform:rotate(-0.8deg)	translate(0,1px);}
	87.5%	{transform:rotate(-0.4deg)	translate(-1px,-1px);}
	100%	{transform:rotate(0deg)	translate(0,0);}
}

@keyframes shake-slow {
  0% {    transform: translate(0px, 0px) rotate(0deg);  }
  2% {    transform: translate(9px, 6px) rotate(-1.5deg);  }
  4% {    transform: translate(-9px, -1px) rotate(3.5deg);  }
  6% {    transform: translate(2px, -6px) rotate(-2.5deg);  }
  8% {    transform: translate(-4px, -2px) rotate(3.5deg);  }
  10% {    transform: translate(-9px, 5px) rotate(-0.5deg);  }
  12% {    transform: translate(0px, -8px) rotate(-0.5deg);  }
  14% {    transform: translate(6px, 8px) rotate(-0.5deg);  }
  16% {    transform: translate(5px, 9px) rotate(0.5deg);  }
  18% {    transform: translate(7px, -7px) rotate(3.5deg);  }
  20% {    transform: translate(6px, -5px) rotate(-2.5deg);  }
  22% {    transform: translate(-6px, 9px) rotate(3.5deg);  }
  24% {    transform: translate(-9px, -7px) rotate(-0.5deg);  }
  26% {    transform: translate(-2px, 8px) rotate(0.5deg);  }
  28% {    transform: translate(9px, -8px) rotate(3.5deg);  }
  30% {    transform: translate(-7px, 0px) rotate(1.5deg);  }
  32% {    transform: translate(9px, -9px) rotate(1.5deg);  }
  34% {    transform: translate(-3px, 3px) rotate(1.5deg);  }
  36% {    transform: translate(9px, -3px) rotate(-1.5deg);  }
  38% {    transform: translate(3px, -6px) rotate(3.5deg);  }
  40% {    transform: translate(-5px, -5px) rotate(-0.5deg);  }
  42% {    transform: translate(9px, -3px) rotate(2.5deg);  }
  44% {    transform: translate(5px, 4px) rotate(3.5deg);  }
  46% {    transform: translate(-3px, -5px) rotate(-2.5deg);  }
  48% {    transform: translate(-8px, 9px) rotate(0.5deg);  }
  50% {    transform: translate(-4px, -8px) rotate(-2.5deg);  }
  52% {    transform: translate(4px, -5px) rotate(3.5deg);  }
  54% {    transform: translate(10px, 6px) rotate(3.5deg);  }
  56% {    transform: translate(-5px, -8px) rotate(-0.5deg);  }
  58% {    transform: translate(-6px, -6px) rotate(3.5deg);  }
  60% {    transform: translate(-5px, -9px) rotate(3.5deg);  }
  62% {    transform: translate(-1px, 2px) rotate(-1.5deg);  }
  64% {    transform: translate(10px, 0px) rotate(2.5deg);  }
  66% {    transform: translate(-2px, 10px) rotate(1.5deg);  }
  68% {    transform: translate(-2px, 1px) rotate(2.5deg);  }
  70% {    transform: translate(-5px, -8px) rotate(-2.5deg);  }
  72% {    transform: translate(1px, 8px) rotate(2.5deg);  }
  74% {    transform: translate(4px, -2px) rotate(-2.5deg);  }
  76% {    transform: translate(9px, -8px) rotate(1.5deg);  }
  78% {    transform: translate(0px, 3px) rotate(2.5deg);  }
  80% {    transform: translate(-4px, 10px) rotate(3.5deg);  }
  82% {    transform: translate(-5px, -6px) rotate(2.5deg);  }
  84% {    transform: translate(0px, -2px) rotate(0.5deg);  }
  86% {    transform: translate(9px, -3px) rotate(0.5deg);  }
  88% {    transform: translate(4px, 1px) rotate(1.5deg);  }
  90% {    transform: translate(-9px, 1px) rotate(3.5deg);  }
  92% {    transform: translate(-3px, -5px) rotate(-2.5deg);  }
  94% {    transform: translate(2px, 2px) rotate(-1.5deg);  }
  96% {    transform: translate(-7px, 9px) rotate(-0.5deg);  }
  98% {    transform: translate(3px, 7px) rotate(-2.5deg);  }
}

@-webkit-keyframes shake {
    0% { -webkit-transform: translate(3px, 2px) rotate(0deg); }
    10% { -webkit-transform: translate(-2px, -3px) rotate(-1deg); }
    20% { -webkit-transform: translate(-4px, 0px) rotate(1deg); }
    30% { -webkit-transform: translate(0px, 3px) rotate(0deg); }
    40% { -webkit-transform: translate(2px, -2px) rotate(1deg); }
    50% { -webkit-transform: translate(-2px, 3px) rotate(-1deg); }
    60% { -webkit-transform: translate(-4px, 2px) rotate(0deg); }
    70% { -webkit-transform: translate(3px, 2px) rotate(-1deg); }
    80% { -webkit-transform: translate(-2px, -2px) rotate(1deg); }
    90% { -webkit-transform: translate(2px, 4px) rotate(0deg); }
    100% { -webkit-transform: translate(2px, -3px) rotate(-1deg); }
}
.box17{
    margin:2em 0;
    position: relative;
    padding: 0.5em 1.5em;
    border-top: solid 2px black;
    border-bottom: solid 2px black;
}
.box17:before, .box17:after{
    content: '';
    position: absolute;
    top: -10px;
    width: 2px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: black;
}
.box17:before {left: 10px;}
.box17:after {right: 10px;}
.box17 p {
    margin: 0; 
    padding: 0;
}