/* style */

body {
    font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	margin-bottom:100px;
}

a{	color:#0000cd;}

#logo{	padding-top:10px;
}

header{
	margin:20px 0;
}

header img{
	display:inline-block!important;
}

#menu a{
	color:#cf0075;

}

#menu a:hover{
	color:#fff;
	background:#cf0075;
	border-bottom:#cf0075 solid 1px;
}


.slider{
	position: relative;
	width: 100%;
	height: 400px;
	overflow: hidden;
	background:#000;
	margin-bottom:40px;
}

.slides {
	height: 100%;
	/* Clear fix */
	overflow: hidden;
	*zoom: 1;

	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	padding:0;
	list-style-type:none;
}

.slide {
	height: 100%;
	float: left;
	clear: none;
}

.box{
	height:100%;
	margin:auto;
	color:#FFF;
	font-size:2em;
}
.bg1{	background:url("../images/1.png") no-repeat;
	background-size:100%;}

.bg2{	background:url("../images/2.png") no-repeat;
	background-size:100%;}

.bg3{	background:url("../images/3.png") no-repeat;
	background-size:100%;}
}

.bg-green{	background:#8dc21f;}
.bg-orange{	background:#f6aa00;}
.bg-blue{	background:#54c2f0;}
.bg-red{	background:#cf0074;}


.slide img {
	width:100%;
}

.slider-arrow {
  position: absolute;
  display: block;
  margin-bottom: -20px;
  padding: 15px;
  background-color: rgba(255,255,255,0.2);
  border-radius: 5px;
  font-size: 15px;
}
.slider-arrow:hover {
	background-color: rgba(255,255,255,0.5);
}

.slider-arrow--right {
  bottom: 50%;
  right: 30px;
}

.slider-arrow--left {
  bottom: 50%;
  left: 30px;
}

.slider-nav {
  position: absolute;
  bottom: 30px;
}

.slider-nav__item {
  width: 15px;
  height: 15px;
  float: left;
  clear: none;
  display: block;
  margin: 0 5px;
  background: #FFF;
}

.slider-nav__item:hover {
  background: #cccc66;
}

.slider-nav__item--current {
  background: #9f9f3c
}

.txt{
	display:block;
	margin:50px auto;
	padding:20px 45px;
	background:rgba(0,0,0,0.3);
	border-radius:30px;
	width:880px;
}

.h2{
	color:#cf0075;
}

.large{
	font-size:1.3em;
}

.bold{	font-weight:bold;}



.anime {
	width:106px;
	animation: moveY 2s infinite;
	-webkit-animation: moveY 2s infinite;
/*	animation: moveY 4s linear infinite;*/
}


@keyframes moveY {
	0%	{ transform: translate(0px,0px); }
	50%	{ transform: translate(0px,15px); }
	100%	{ transform: translate(0px,0px); }
}


@-webkit-keyframes moveY {
	0%	{ transform: translate(0px,0px); }
	50%	{ transform: translate(0px,15px); }
	100%	{ transform: translate(0px,0px); }
}

.img-responsive-overwrite{
	margin: 0 auto;

}