@charset "utf-8";

html, body, div, h1, h2, p, img, dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 16px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.6em;
	vertical-align: baseline;
	background: transparent;
	color: #333;
	white-space: normal;
	word-break: break-all;
}

a { text-decoration:none; }

img { width: 100%; }

.ma_t5  { margin-top: 5px; }
.ma_t10 { margin-top: 10px; }
.ma_t20 { margin-top: 20px; }
.ma_t30 { margin-top: 30px; }
.ma_b20 { margin-bottom: 20px; }
.pa_t30 { padding-top: 30px; }
.pa_lr10 { padding-left: 10px; padding-right: 10px; }

.center { text-align: center; }
.lh0    { line-height: 0; }

#wrapper {
	background-image: url("images/bg.jpg");
	background-size: 50%;
	background-position: left bottom;
}

.header_logo {
	line-height: 0;
}

.logo_l {
	width: 50%;
	margin: 40px auto 0;
	line-height: 0;
}

.btn_pop {
	width: 90%;
	margin: 40px auto 10px;
	line-height: 0;
}

.logo_l +.btn_pop {
	margin: 5px auto 0;
}

.go_btn {
	width: 270px;
	margin: 0 auto 30px;
	line-height: 0;
}

.photo_area .go_btn {
	padding-bottom: 30px;
}

.photo_area {
	margin: 20px 10px;
	line-height: 0;
	background: #000000A6;
}

.photo_txt {
	padding-top: 30px;
	line-height: 0;
	position: relative;
}

.photo_txt .animated {
	width: 20px;
	position: absolute;
	bottom: 0;
}

.photo_txt img:first-child {
	left: 15px;
}

.photo_txt img:last-child {
	right: 15px;
}

.footer {
	margin-top: 40px;
	padding: 10px 0;
	color: #B60F30;
	text-align: center;
	background: #FFF;
}

.rslides {
	background: #000;
}

/* animation */
.animated {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  50% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  100% {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
}

@keyframes bounce {
  0% {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  50% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  100% {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}