/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, main {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  /*vertical-align: baseline;*/
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
  display: block;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* ◎ ---------------------------- clear ◎ */
.clear {
  clear: both;
}
.clearfix:after {
  content: "."; /* 新しい要素を作る */
  display: block; /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*?*/ /*/
  height: auto;
  overflow: hidden;
  /**/
}
/* ◎ ---------------------------- fonts ◎ */
.text10 {
  font-size: 77%;
}
.text11 {
  font-size: 85%;
}
.text12 {
  font-size: 93%;
}
.text13 {
  font-size: 100%;
}
.text14 {
  font-size: 108%;
}
.text15 {
  font-size: 116%;
}
.text16 {
  font-size: 123.1%;
}
.text17 {
  font-size: 131%;
}
.text18 {
  font-size: 138.5%;
}
.text19 {
  font-size: 146.5%;
}
.text20 {
  font-size: 153.9%;
}
.text21 {
  font-size: 161.6%;
}
.text22 {
  font-size: 167%;
}
.text23 {
  font-size: 174%;
}
.text24 {
  font-size: 182%;
}
.text25 {
  font-size: 189%;
}
.text26 {
  font-size: 197%;
}
.textB {
  font-weight: bold;
}
.textRed {
  color: #ff00de
}
/* ◎ ---------------------------- margin padding ◎ */
.m0 {
  margin: 0 auto;
}
.mt5 {
  margin-top: 5px;
}
.mt10 {
  margin-top: 10px;
}
.mt15 {
  margin-top: 15px;
}
.mt20 {
  margin-top: 20px;
}
.mt25 {
  margin-top: 25px;
}
.mt30 {
  margin-top: 30px;
}
.mt35 {
  margin-top: 35px;
}
.mt40 {
  margin-top: 40px;
}
.mt50 {
  margin-top: 50px;
}
.mt60 {
  margin-top: 60px;
}
.mt70 {
  margin-top: 70px;
}
.mb5 {
  margin-bottom: 5px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb15 {
  margin-bottom: 15px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb25 {
  margin-bottom: 25px;
}
.mb30 {
  margin-bottom: 30px;
}
.mb40 {
  margin-bottom: 40px;
}
.mb50 {
  margin-bottom: 50px;
}
.mb60 {
  margin-bottom: 60px;
}
.mb70 {
  margin-bottom: 70px;
}
.ml5 {
  margin-left: 5px;
}
.ml10 {
  margin-left: 10px;
}
.ml20 {
  margin-left: 20px;
}
.ml25 {
  margin-left: 25px;
}
.mr10 {
  margin-right: 10px;
}
.mr20 {
  margin-right: 20px;
}
.pt5 {
  padding-top: 5px;
}
.pt10 {
  padding-top: 10px;
}
.pt15 {
  padding-top: 15px;
}
.pt20 {
  padding-top: 20px;
}
.pt25 {
  padding-top: 25px;
}
.pt30 {
  padding-top: 30px;
}
.pl10 {
  padding-left: 10px;
}
.pl15 {
  padding-left: 15px;
}
.pl20 {
  padding-left: 20px;
}
.pr15 {
  padding-right: 15px;
}
.pr20 {
  padding-right: 20px;
}
/* ◎ ---------------------------- loutine ◎ */
.alignRight {
  text-align: right;
}
.alignCenter {
  text-align: center;
}
.floatL {
  float: left;
}
.floatR {
  float: right;
}
/* ◎ ---------------------------- style ◎ */
p.inline {
  display: inline;
}
/* # General Elements
---------------------------------------------------------------------------- */
a {
  outline: none;
}
a:hover {
  text-decoration: none;
}
.hoverfix a:hover img {
  opacity: 0.70;
  filter: alpha(opacity=70);
}
/* ==========================================================================
Waypoints
========================================================================== */
.wp1, .wp2, .wp3, .wp4, .wp5, .wp6 {
  visibility: hidden;
}
.bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUpD, .fadeInLeft, .fadeInRight, .pulse, .bounceInUp {
  visibility: visible;
}
.delay-05s {
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
}
.delay-1s {
  animation-delay: 1s;
  -webkit-animation-delay: 1s;
}
.delay-15s {
  animation-delay: 1.5s;
  -webkit-animation-delay: 1.5s;
}
.delay-2s {
  animation-delay: 2s;
  -webkit-animation-delay: 2s;
}
.delay-25s {
  animation-delay: 2.5s;
  -webkit-animation-delay: 2.5s;
}
.delay-3s {
  animation-delay: 3s;
  -webkit-animation-delay: 3s;
}
.delay-35s {
  animation-delay: 3.5s;
  -webkit-animation-delay: 3.5s;
}
.delay-4s {
  animation-delay: 4s;
  -webkit-animation-delay: 4s;
}
.delay-45s {
  animation-delay: 4.5s;
  -webkit-animation-delay: 4.5s;
}
.delay-5s {
  animation-delay: 5s;
  -webkit-animation-delay: 5s;
}
.delay-55s {
  animation-delay: 5.5s;
  -webkit-animation-delay: 5.5s;
}
.delay-6s {
  animation-delay: 6s;
  -webkit-animation-delay: 6s;
}
.wp3 {
  background: url('../img/iphone-bg.png') no-repeat center center;
  background-position: 200px 10px;
  height: 100%;
}