@charset "utf-8";

/*YUI CSS3のバグ対策---*/
html {
  background-color: transparent;
  background-image: none;
  margin:0;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - 
　Stracture
 - - - - - - - - - - - - - - - - - - - - - - - - - - - */
body{
margin:0;
font-size:14px;
background-color: #fff;
}

img{
vertical-align:bottom;
border:none;
width:100%;
}

nav img{
	width:80%
}

div img,header img{
}

h1,h2,h3,h4,dl,dt,dd{
margin:0;
padding:0
}

h1{
position:absolute;
right:30px;
top:100px
}

h2{
text-align:center
}

ul,li{
list-style:none;
padding:0;
margin:0
}

section{
padding:100px 0;
position:relative;
padding:50px 0\9; /* IE8 以下 */
}

header{
position:relative
}

p{
margin:0;
padding:0
}

.mgt05{
margin-top:5px!important
}

.mgt22{
margin-top:22px!important
}

.mgt25{
margin-top:25px!important
}

.mgt55{
margin-top:55px!important
}




/* - - - - - - - - - - - - - - - - - - - - - - - - - - - 
　Common
- - - - - - - - - - - - - - - - - - - - - - - - - - - */
#wrap{
	margin:0 auto;
	max-width:750px
}

.cvr{
	position:relative
}

.btnLine{
	position:absolute;
	bottom:0.5%	
}

.btnLine2{
	position:absolute;
	bottom:1%	
}

.btnLineTop{
	position:absolute;
	top:0.5%		
}

.arrow{
	position:absolute;
	bottom:19%	
}

footer{
	background:#70d2f9;
	height:50px;
}
footer p {
	color:#fff;
	text-align:center;
	font-size:xx-small;
	padding-top:10px;
	
}

nav{
	background:rgba(252,246,246,0.80);
	position:fixed;
	bottom:0;
	z-index:100;
	text-align:center;
	padding:3px 0
}

.center {
	text-align:center;
	margin:0 auto;
}

.bspace {
	margin-top: 20px;
	margin-bottom: 20px;
}

.bspace2 {
	padding-top: 20px;
	padding-bottom: 20px;
}


/*---Infoページ---*/

.info p {
	padding:10px 5px;
    border-bottom: 1px solid #e4e4e4;
    color: #555441;
}
.info {
	height:250px;
}
.wide {
	height:80px;
}
.infopage {
	margin-top:20px;
}
.bold {
	font-weight:bold;
}

.tothetop a {
	text-decoration:none;
	font-weight:700;
	color:#36C;
}


/*---アニメーション---*/

.animationBtn a{
	/*---デザイン---*/
	display: block;
	width: 90%;
	text-align: center;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	/*アニメーション*/
	animation: animScale 3s infinite ease-out;
	transform-origin: 50% 50%;
	animation-play-state:running;
}	

@keyframes animScale {
0% { transform: scale(0.8, 0.8); }
5% { transform: scale(1.2, 1.2); }
10% { transform: scale(1, 1); }
15% { transform: scale(1.1, 1.1); }
20% { transform: scale(1, 1); }
100% { transform: scale(1, 1); }
}


/* 点滅 */
.blinking{
    -webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1s ease-in-out infinite alternate;
    animation:blink 1s 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;}
}