@charset "utf-8";
/* CSS Document */

/* reset *************************************************************/
body {line-height:1; margin:0; font-family:arial,sans-serif;}
h1, h2, h3, h4, h5, h6, p {margin:0; font-size:100%; font-weight:normal; line-height:1.3;display:block;}
article,footer,header {display:block;}
ul,li {list-style:none; padding:0;margin:0;}
dl,dt,dd {padding:0; margin:0;}
table,tr,td {border:0;padding:0;margin:0;}
a {display:block;color:#ff6699;text-decoration:none;}
img {vertical-align:baseline; border:0; padding:0; margin:0;}
div {margin:0;padding:0;}
/* //reset *************************************************************/

*{-moz-box-sizing:border-box;box-sizing:border-box;}
body {
  font-size:14px;
  font-weight:bold;
  color:#333;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  background:#666;
}
h1,h2,h3,h4,h5,h6,p {font-weight:bold;margin:0 auto 2.5%;}
h1 {font-size:200%;}
h2 {font-size:140%;}
h3 {font-size:130%;}
h4 {font-size:120%;}
h5 {font-size:110%;}
h6 {font-size:100%;}
p {line-height:1.3; font-size:100%; text-shadow:1px 1px 0 rgba(0,0,0,0.15);}
a {display:block;color:#0066cc; text-decoration:underline;}
img {
	max-width: 100%;
	width: auto !important;
	height: auto !important;
	margin:0 auto;
}
#wrapper {
  background:#000;
  overflow-y:hidden;
}
@media screen and (min-width: 641px) {
	body {font-size:24px;}
	#wrapper {width:640px;margin:auto;}
}

@media screen and (max-width: 640px) {
	body {font-size:14px;}
	#wrapper {width:100%;}
}

/************************************/
#header h1 {
	line-height:0;
	margin:0;
}

#top {
	position:relative;
}
.top-bg {
	position:relative;
	top:0;
}
.top-catch {
	position:absolute;
	top:3.125%;
	left:1.5%;
	z-index:100;
}
.top-btn {
	position:absolute;
	top:61%;
	right:3.125%;
	z-index:100;
	text-align:center;
	width:46.87%;
}
.top-btn .top-txt {
	width:85.33%;
}

/*************************************/	
.top-iphone {
	width: 72.65625%;
	height: 39%;
	position:absolute;
	top:39%;
	left:3.125%;
	z-index:90;
}
.top-animation {
	position:absolute;
	width:72.04301%;
	left:14.19%;
	top:6.33%;
}


/*************************************/	


#contents h2 {
	margin:0;
}
#contents hr {
	width:100%;
	margin:4.166% 0;
}
.box {
	width:93.75%;
	margin:auto;
	text-align:center;
}
.box img {
	margin:auto auto 1.0416%;
	line-height:0;
}
.box a img {
	margin:3.125% 0 0;
}

.box .video {
	width:100%;
	margin:2.083% auto;
}




/*************************************/	


/*************************************/	
#footer {
	background:#fff;
	text-align:center;
	color:#000;
	line-height:1.2;
	margin-top:6.25%;
	padding:3.125%;
}
#footer p {
	margin:0;
	font-size:12px;
}