@charset "utf-8";
/* CSS Document */

/*　2014年版（PCのみ）を基に新規作成　（2019.02.08 - 02.28）　*/


@import url(../../shared/css/style.css);
@import url(../../shared/css/elements_sp.css);


#wrapper {
	min-width: 375px;
}

body.index #mainArea{
	background-image: none;
}

body.index #indexWrapper{
	padding-bottom: 0;
	background-image: none;
	background-color: transparent;
}
.main-ttl {
	position: relative;
	width: 375px;
	height: 327px;
	margin: 0 auto;
	background: url(../images/top_title_bg_sp.png) center top / contain no-repeat;
}
.main-ttl img {
	width: 100%;
	height: auto;
}
.title1 {
	position: absolute;
	top: 14px;
	left: 9px;
	width: 332px;
	height: 125px;
	animation: inout 1.5s ease .5s 1 backwards;
}

.chara {
	position: absolute;
	top: 124px;
	left: 8px;
	width: 360px;
	height: 170px;
	animation: inout 1.5s ease 1s 1 backwards;
}

@keyframes inout {
	0% {
		transform: scale(0, 0);
		opacity: 0
	}

	35% {
		transform: scale(1.2, 1.2);
		opacity: .8
	}

	100% {
		transform: scale(1, 1);
		opacity: 1
	}
}
.buttons {
	width: 300px;
	margin: 25px auto 0;
	height: auto;
}

.buttons ul {
	display: flex;
	flex-direction: column;
}

.buttons ul li {
	display: block;
	width: 300px;
	height: 160px;
	margin-bottom: 20px;
	list-style-type: none;
}


.buttons ul li a {
	display: block;
	width: 300px;
	height: 160px;
}