*{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	list-style: none;
}

html {
	user-select: auto !important;
	background: #FFFFFF;
}

/*フェードイン*/
body {
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
	
	background: url(../index/bg.gif) no-repeat top center;
	height: 100vh;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

/*スペック選択画面
------------------------------------------------------------------------*/
body.spec{
	background: #000000;
	height: 100vh;
	color: #FFFFFF;
}

.btn_to_top{
	width: 500px;
	/*position: absolute;
	bottom: 30px;
	left: calc(50% - 250px);*/
	margin: 0 auto 0 auto;
}

/*上下二分割*/
ul.banner-split-2{margin: 0;}
ul.banner-split-2 li{
	margin: 0;
}
.arrow_wrap{
	position: relative;
}
.arrow{
	position: absolute;
	top: 0;
	left: 0;
	width: 1080px;
	height: 960px;
}



/*トップページ
------------------------------------------------------------------------*/
/*メインイメージ*/
.main-contents{
	height: 600px !important;
	margin: 0 0 60px 0;
	position: relative;
}
/*下層イメージ*/
.under-contents{
	height: 280px !important;
	margin: 0 0 60px 0;
}
.logo{
	position: absolute;
	top: 78px;
	left: 27px;
	animation: btn-bounce 8s infinite ease-out;
	transform-origin: 50% 50%;
	/*animation-play-state: running;*/
}
	@keyframes btn-bounce {
		0% { transform: scale(0.8, 0.8); }
		1% { transform: scale(1.2, 1.2); }
		2% { transform: scale(1, 1); }
		3% { transform: scale(1.1, 1.1); }
		4% { transform: scale(1, 1); }
		100% { transform: scale(1, 1); }
	}


/*カテゴリボタン*/
.navi {
	display: flex;
	flex-wrap: wrap;
	width: 900px;
	margin: 60px auto 30px auto;
}
.navi li{
	width: 420px;
	margin-bottom: 40px;
	box-shadow: 4px 4px 15px -3px #000000;
	border-radius: 10px;
}
.navi li:nth-child(2n){
	margin: 0 0 40px 60px;
}

.coupon ul.index-banner{
	padding: 50px 0 0 0;
}
.coupon ul.index-banner li{
	margin: 0 0 100px 0;
	box-shadow: 4px 4px 15px -3px #f89cb1;
	border-radius: 15px;	
}