/*ぷるるんボタン*/
@-moz-keyframes animate1 {
  0% { -moz-transform: skewX(9deg); }
  10% { -moz-transform: skewX(-8deg); }
  20% { -moz-transform: skewX(7deg); }
  30% { -moz-transform: skewX(-6deg); }
  40% { -moz-transform: skewX(5deg); }
  50% { -moz-transform: skewX(-4deg); }
  60% { -moz-transform: skewX(3deg); }
  70% { -moz-transform: skewX(-2deg); }
  80% { -moz-transform: skewX(1deg); }
  90% { -moz-transform: skewX(0deg); }
  100% { -moz-transform: skewX(0deg); }
}

@-o-keyframes animate1 {
  0% { -o-transform: skewX(9deg); }
  10% { -o-transform: skewX(-8deg); }
  20% { -o-transform: skewX(7deg); }
  30% { -o-transform: skewX(-6deg); }
  40% { -o-transform: skewX(5deg); }
  50% { -o-transform: skewX(-4deg); }
  60% { -o-transform: skewX(3deg); }
  70% { -o-transform: skewX(-2deg); }
  80% { -o-transform: skewXa(1deg); }
  90% { -o-transform: skewX(0deg); }
  100% { -o-transform: skewX(0deg); }
}

@-webkit-keyframes animate1 {
  0% { -webkit-transform: skewX(9deg); }
  10% { -webkit-transform: skewX(-8deg); }
  20% { -webkit-transform: skewX(7deg); }
  30% { -webkit-transform: skewX(-6deg); }
  40% { -webkit-transform: skewX(5deg); }
  50% { -webkit-transform: skewX(-4deg); }
  60% { -webkit-transform: skewX(3deg); }
  70% { -webkit-transform: skewX(-2deg); }
  80% { -webkit-transform: skewX(1deg); }
  90% { -webkit-transform: skewX(0deg); }
  100% { -webkit-transform: skewX(0deg); }
}

@-moz-keyframes animate2 {
  0% { -moz-transform: translateX(0px); }
  45% { -moz-transform: translateX(20px); }
  50% { -moz-transform: translateX(25px); }
  55% { -moz-transform: translateX(20px); }
  95% { -moz-transform: translateX(0px); }
  100% { -moz-transform: translateX(0px); }
}

@-o-keyframes animate2 {
  0% { -o-transform: translateX(0px); }
  45% { -o-transform: translateX(20px); }
  50% { -o-transform: translateX(25px); }
  55% { -o-transform: translateX(20px); }
  95% { -o-transform: translateX(0px); }
  100% { -o-transform: translateX(0px); }
}

@-webkit-keyframes animate2 {
  0% { -webkit-transform: translateX(0px); }
  45% { -webkit-transform: translateX(20px); }
  50% { -webkit-transform: translateX(25px); }
  55% { -webkit-transform: translateX(20px); }
  95% { -webkit-transform: translateX(0px); }
  100% { -webkit-transform: translateX(0px); }
}
.a-btn {
  position: relative;
  display:block;
  width:100%;
  max-width:600px;
  padding:10px;
  padding-left:10%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left:auto;
  margin-right:auto;
}
.animate{
  -webkit-animation-duration:2s;
  -moz-animation-duration:2s;
  -ms-animation-duration:2s;
  -o-animation-duration:2s;
  animation-duration:2s;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-timing-function: ease-in;
  -o-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  margin-left:auto;
  margin-right:auto;
  z-index: 8;
  -webkit-animation-name: animate1;
  -moz-animation-name: animate1;
  -o-animation-name: animate1;
  animation-name: animate1;
  width:90%;
}
.a-arrow {
  position: absolute;
  top:10%;
  left:-5px;
  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  -ms-animation-duration:1s;
  -o-animation-duration:1s;
  animation-duration:1s;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-timing-function: ease-in;
  -o-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: animate2;
  -moz-animation-name: animate2;
  -o-animation-name: animate2;
  animation-name: animate2;
  z-index: 9;
  width:20%;
  max-width:100px;
}
.a-btn:hover img{
  opacity:1;
}
.animate74,.a-option74,.a-btnsub74 {
  -webkit-animation-timing-function: ease-in;
  -moz-animation-timing-function: ease-in;
  -o-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
a.a-btn {
  position:relative;
  display:inline-block;
  margin:auto;-moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
  a.a-btn img {
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
img.a-main {
  width:100%;
  position:relative;
  z-index: 54;
}
a.shover:hover * {
  animation-name:none!important;
}
@-moz-keyframes animate74 {
  0%{ -moz-transform:scale(0.92);}
  40%{ -moz-transform:scale(0.97);}
  60%{ -moz-transform:scale(0.86);}
  80%{ -moz-transform:scale(1);}
  100%{ -moz-transform:scale(0.92);}
}
@-o-keyframes animate74 {
  0%{ -o-transform:scale(0.92);}
  40%{ -o-transform:scale(0.97);}
  60%{ -o-transform:scale(0.86);}
  80%{ -o-transform:scale(1);}
  100%{ -o-transform:scale(0.92);}
}
@-webkit-keyframes animate74 {
  0%{ -webkit-transform:scale(0.92);}
  40%{ -webkit-transform:scale(0.97);}
  60%{ -webkit-transform:scale(0.86);}
  80%{ -webkit-transform:scale(1);}
  100%{ -webkit-transform:scale(0.92);}
}
@keyframes animate74 {
  0%{ transform:scale(0.92);}
  40%{ transform:scale(0.97);}
  60%{ transform:scale(0.86);}
  80%{ transform:scale(1);}
  100%{ transform:scale(0.92);}
}
.animate74{-webkit-animation-name: animate74;
  -moz-animation-name: animate74;
  -o-animation-name: animate74;
  animation-name: animate74;
}
.a-btn74{
  padding-left:0%!important;
}
.a-option74{
  top:0%!important;
}
.a-option74{
  width:20%!important;
}
.a-btn74{
  max-width:100%!important;
}
.animate74,.a-btnsub74,.a-option74{
  animation-duration:1s!important;
  -webkit-animation-duration:1s;
  -ms-animation-duration:1s;
  -moz-animation-duration:1s!important;
}

span.pink{
	color: #FF63BF;
	 font-weight: bold;
}

span.red{
 color:red;
 font-weight: bold;
}

span.yb  {
 background: linear-gradient(transparent 0%, #ffff66 0%); 	
 font-weight: bold;
}

span.blue {
	 color:blue;
 font-weight: bold;
}

span.aqua2 {
	 color:#00CCFF;
 font-weight: bold;
}

span.green {
	 color:green;
 font-weight: bold;
}

div.box {
	width:95%;
	background-color:#eeeeee;
	border-width:3px;
	border-color:grey;
	border-style:dotted;
}

.modal {
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
	/*z-index:1000;*/
}

.modal__bg {
  background: rgba(0,0,0,0.8);
  height: 100vh;
  position: absolute;
  width: 100%;
}

.modal__content {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-80%);
  width: 100%;
}

.right{text-align:right;}

span.b {font-weight: bold; }

span.under {
  text-decoration: underline;
}

.center{text-align:center;
        padding-bottom:10px;}

div.box {
	width:95%;
	background-color:#eeeeee;
	border-width:3px;
	border-color:grey;
	border-style:dotted;
}

span.big {
	font-size:24px;
}

span.small{
	font-size:16px;
}

/* 点滅 */
.blink{
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

p.asterisk{
	font-size:8px;
	color:grey;
	text-align:right;
}

.keiko_yellow {
 background: linear-gradient(transparent 50%, rgba(255, 252, 107, .69) 50%);
}

.box3 {
 margin: 2em 0;
 padding: 1.5em 1em;
 background: #edf6ff;
 color: #2c2c2f;
}