@charset "utf-8";

body {
	margin:0;
	padding:0;
	font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka－等幅", "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:1.5;
	color:#333;
	background-color:#fff;
	text-align:center;
}

li {list-style: none;}


a:link {
	color:#FF7F00;
	text-decoration:underline;
}

a:visited {
	color:#FF7F00;
	text-decoration:none;
}

a:hover {
	color:#FF7F00;
	text-decoration:none;
}

a:active {
	color:#FF7F00;
	text-decoration:underline;
}

/*画像サイズ調整*/
#wrapper {
	width: 1400px;/*表示サイズ*/
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	background:#FFF;
	/*margin: auto; /* 中央揃えにする場合必要 */
	line-height: 0;
}

#wrapper img {
	vertical-align: bottom;
	border: 0px;
}

/* ---------------------- movie ---------------------- */

.moviePCfv,
.gifPC,
.moviePC01,
.moviePC02,
.moviePC03,
.moviePC04,
.moviePC05,
.uvPC01,
.uvPC02,
.uvPC03
{
	position: relative;
}

.moviePCfv,
.moviePC01 {
	display: none;
}

.movieBg
{
	position: relative;
	z-index: 1;
	top: 0;
	left: 0;
}

.movieCover {
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
}

.movieFV {
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 340px;
}

.animation01 {
	position: absolute;
	z-index: 2;
	top: 371px;
	right: 198px;
}

.animation02 {
	position: absolute;
	z-index: 2;
	top: 281px;
	right: 209px;
}

/*
.movie01 {
	position: absolute;
	z-index: 2;
	bottom: 75px;
	left: 300px;
}
*/

.movie02 {
	position: absolute;
	z-index: 2;
	bottom: 28px;
	left: 375px;
}

.movie03 {
	position: absolute;
	z-index: 2;
	bottom: 20px;
	left: 375px;
}

.ari {
	position: absolute;
	z-index: 2;
	border-radius:50%;
	width: 283px;
	top: 183px;
	left: 397px;
}

.nashi {
	position: absolute;
	z-index: 2;
	border-radius:50%;
	width: 283px;
	top: 183px;
	right: 397px;
}

.movie05 {
	position: absolute;
	z-index: 2;
	bottom: 60px;
	left: 300px;
}

.uv01 {
	position: absolute;
	z-index: 2;
	bottom: 77px;
	left: 198px;
}

.uv02 {
	position: absolute;
	z-index: 2;
	bottom: 64px;
	right: 203px;
}

.uv03 {
	position: absolute;
	z-index: 2;
	bottom: 171px;
	left: 198px;
}


/* ------------------------ before after ------------------------ */
.baPC01,
.baPC02,
.baPC03
{
	/*position: relative;*/
	display: none;
}

/*
.baBg
{
	position: relative;
	z-index: 1;
	top: 0;
	left: 0;
}

.baCover {
	position: absolute;
	z-index: 3;
	bottom: 0;
	left: 0;
}

.b_a_img {
	width: 780px;
	position: absolute;
	z-index: 2 !important;
	left: 310px;
	top:25px;
}
*/

/* ------------------------ FVシタボタン ------------------------ */
.oneBtn {
	padding-top: 20px;
	padding-bottom: 30px;
	background-color: #fff;
}

.oneBtn a {
	display: block;
	text-align: center;
}

.onlybtn {
	position: relative;
	animation: fluffyY 1s infinite ease-out;
}

/* ------------------------ offer contents ------------------------ */

.spirise_cv_pc {
	position: relative;

}
.cvBtnPC {
	position: absolute;
	display: block;
	top: 870px;
	left: 265px;
    animation: fluffyY 1s infinite ease-out;/*ボタン動き*/
}

/*ボタンアニメーションキーフレーム*/
@keyframes fluffyY {
 0% {
transform:translateY(7px);
}
 50% {
transform:translateY(-7px);
}
 100% {
transform:translateY(7px);
}
}