@charset "UTF-8";

* {
	font-family: "メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Arial,Helvetica,sans-serif;
text-decoration: none;	
}
html,
body {
	margin: 0;
	padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
header,
footer,
section,
article,
nav,
p,
figure,
figcaption,
dl,
dt,
dd,
ul,
ol,
li,
th,
td,
img,
address,
form,
input,
textarea,
select,
option,
span,
em,
strong {
	margin: 0;
	padding: 0;
	line-height: 1.4em;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
ul,
ol {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img,
a {
	border: none;
}
img {
	vertical-align: bottom;
}

/* common */

.blue {color:#00f;}
.pink {color:#f0c;}
.red {color:#f00;}
.gray {color:#ccc;}
.green {color:#3c9;}

.xlarge {font-size:24px;}
.large {font-size:20px;}
.small {font-size:14px;}
.xsmall {font-size:12px;}

.underline{text-decoration: underline;}

.marker-animation.active{
	background-position: -100% .5em;
}
 
.marker-animation {
	background-image: -webkit-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
	background-image: -moz-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
	background-image: -ms-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
	background-image: -o-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
	background-image: linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
	background-repeat: repeat-x;
	background-size: 200% .8em;
	background-position: 0 .5em;
	transition: all 2s ease;
	font-weight: bold;
}

.btn {
	animation: poyon 1.2s infinite;
}

@keyframes poyon {
	0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
	15%  { transform: scale(0.8, 0.8) translate(0%, 2%); }
	30%  { transform: scale(0.8, 0.8) translate(0%, 5%); }
	50%  { transform: scale(0.8, 0.8) translate(0%, -5%); }
	70%  { transform: scale(0.8, 0.8) translate(0%, 2%); }
	100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}

.modal {
  background: rgba(0, 0, 0, 0.7);
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto auto;
}
.modal .wrap .close {
  position: absolute;
  display: inline-block;
}
.modal.show {
  display: block;
  -webkit-animation: translate .3s;
}
@-webkit-keyframes translate {
  0% {
    -webkit-transform: translate(0px, 0px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
  }
}

footer {
	background: #000;
	text-align: center;
}

footer p {
	color: #fff;
}