@charset "utf-8";
.comingsoon{
	text-align: center;
	font-size: 300%;
	font-weight: bold;
	padding:10% 0;
}

.character-map-bg{
	background-image: url("../img/character-map-bg.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.content-body h3{
}
.content-body{
}
.content-inside{
	width:100% !important;
	margin:0 !important;
}

.character-map{
	width:100%;
	margin-top:5%;
	position: relative;
}
.character-map img{
	width: 100%;
}

.btn-c01,.btn-c02,.btn-c03,.btn-c04,.btn-c05,.btn-c06,.btn-c07,
.btn-d01,.btn-d02,.btn-d03,.btn-d04,.btn-d05,.btn-d06,.btn-d07{
	display: block;
	position: absolute;
}

@media screen and ( min-width:768px ) { /* PC ==================== */
.btn-c01,.btn-c02,.btn-c03,.btn-c04,.btn-c05,.btn-c06,.btn-c07,
.btn-d01,.btn-d02,.btn-d03,.btn-d04,.btn-d05,.btn-d06,.btn-d07{
	width:8.9%;
	height:18.2%;
}
.btn-c01{
	top:40%;
	left:22.5%;
}
.btn-c02{
	top:11%;
	left:22.5%;
}
.btn-c03{
	top:25.5%;
	left:35.9%;
}
.btn-c04{
	top:54.5%;
	left:35.9%;
}
.btn-c05{
	top:69%;
	left:22.5%;
}
.btn-c06{
	top:25.5%;
	left:9%;
}
.btn-c07{
	top:54.5%;
	left:9%;
}
.btn-d01{
	top:40%;
	right:22.75%;
}
.btn-d02{
	top:11%;
	right:22.75%;
}
.btn-d03{
	top:25.5%;
	right:9.35%;
}
.btn-d04{
	top:54.5%;
	right:9.35%;
}
.btn-d05{
	top:69%;
	right:22.75%;
}
.btn-d06{
	top:54.5%;
	right:36.1%;
}
.btn-d07{
	top:25.5%;
	right:36.1%;
}
}
@media screen and ( max-width:768px ) { /* SP  ==================== */
.btn-c01,.btn-c02,.btn-c03,.btn-c04,.btn-c05,.btn-c06,.btn-c07,
.btn-d01,.btn-d02,.btn-d03,.btn-d04,.btn-d05,.btn-d06,.btn-d07{
	width:15.7%;
	height:9%;
}
.btn-c01{
	top:20.5%;
	left:42%;
}
.btn-c02{
	top:6%;
	left:42%;
}
.btn-c03{
	top:13.3%;
	right:17.5%;
}
.btn-c04{
	top:27.7%;
	right:17.5%;
}
.btn-c05{
	top:35%;
	left:42%;
}
.btn-c06{
	top:13.3%;
	left:17.5%;
}
.btn-c07{
	top:27.7%;
	left:17.5%;
}
.btn-d01{
	top:70.5%;
	left:42%;
}
.btn-d02{
	top:56%;
	left:42%;
}
.btn-d03{
	top:63.5%;
	right:17.5%;
}
.btn-d04{
	top:78%;
	right:17.5%;
}
.btn-d05{
	top:85.1%;
	left:42%;
}
.btn-d06{
	top:78%;
	left:17.5%;
}
.btn-d07{
	top:63.5%;
	left:17.5%;
}
}

.btn-cd div{
	width:50%;
	float: left;
	text-align: center;
}
@media screen and ( min-width:768px ) { /* PC ==================== */

.btn-cd div img{
	width:80%;
}
}
@media screen and ( max-width:768px ) { /* SP  ==================== */
.btn-cd div img{
	width:100%;
}
}