body {
    margin: 0;
    padding: 0;
 }

/* Switch、PSロゴ ----------------- */
.switch_logo {
	position: absolute;
	top: 0px;
	right: 300px;
    z-index: 2;
}

.ps_logo {
	position: absolute;
	top: 0px;
	right: 0px;
    z-index: 2;
}

/* 購入ページ ----------------- */
.DL_btn {
	z-index: 100;
	position: fixed;
    right: 0;
    top: 60px;
}

.DL_btn_ps {
	z-index: 100;
	position: fixed;
    right: 0;
    top: 170px;
}

#icon_kohane_ex{
    position: absolute;
    left: calc(0px * 380 /1080);
    top: calc(0px * 380 /1080);
    width: calc(300px * 380 /1080);
    height: calc(300px * 380 /1080);
	z-index: 11;
}

#background_sp{
	position: absolute;
    left: calc(0px * 380 /1080);
    top: calc(100px * 380 /1080);
    width: calc(1080px * 380 /1080);
    height: calc(1424px * 380 /1080);
}

#MainArea{
    position: relative;
    background-image: url('/KohaneEX/img/01_top/kabegami.jpg');
    background-size: 60%;
    height: 842px;
}

button{
    border: none;
    background: transparent;
}

#character_01 {
	position: absolute;
    left: calc(380px * 380 /1080);
    top: calc(96px * 380 /1080);
    width: calc(146px * 380 /1080);
    height: calc(152px * 380 /1080);
}
#character_02 {
	position: absolute;
    left: calc(545px * 380 /1080);
    top: calc(96px * 380 /1080);
    width: calc(146px * 380 /1080);
    height: calc(152px * 380 /1080);
}
.simple_button {
    cursor: pointer;
}
.simple_button img:hover {
    transform: scale(1.05);
}
#FooterArea{
    top: -60px;
}
#footer {
	/*理由がよくわからない値*/
	scale: 35.2%;
	left: -350px;
	top: -90px;
	/*理由がよくわからない値ここまで*/
	position: absolute;
	border: 0;
	width:1080px;
	height:340px;
	padding:0;
}
#box1 {
	position: absolute;
    top: calc(551px * 380 /1080);
    left:calc(529px * 380 /1080);
}
#box2 {
	position: absolute;
    top: calc(551px * 380 /1080);
    left: calc(665px * 380 /1080);
}
#box3 {
	position: absolute;
    top: calc(551px * 380 /1080);
    left: calc(800px * 380 /1080);
}
.voiceButton img{
    width: calc(84px * 380 /1080);
    height: calc(84px * 380 /1080);
}