body {
    margin: 0;
    padding: 0;
}

button{
    border: none;
    background: transparent;
}

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

.ps_logo {
	position: absolute;
	top: 0;
	right: 0;
    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(200px * 380 /1080);
    height: calc(200px * 380 /1080);
	z-index: 11;
}
/* ---------------------------- */

#closeBoard{
	position: absolute;
    background-color: rgba(0, 0, 0, 0.500);
    top: 0px;
    width: 100%;
    height: 1335px;
    z-index: 5;
}

#closeBoard #closeTab1{
	position: absolute;
	left: 40px;
    top: 290px;
    width: calc(796px * 380 /1080);
    height: calc(158px * 380 /1080);
}
#closeBoard #closeTab2{
	position: absolute;
	left: 40px;
    top: 520px;
    width: calc(796px * 380 /1080);
    height: calc(158px * 380 /1080);
}

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

#box{
	position:relative;
    width:calc(1170px * 380 /1170);
    height: auto;
    top:calc(0px * 380 /1170);
    left:calc(0px * 380 /1170);
    margin:0 auto;
}

#background{
	width:100%;
	height:auto;
    text-align:center;
}

.campaign_text{
    font-family:sans-serif;
    font-size:10px;
    font-weight: 700;
    color: rgb(255, 0, 170);
    /*margin: -0.5em 0px * 380 /1170);
    letter-spacing: -0.09em;*/
    word-wrap: break-word;
    position:absolute;
    text-shadow:    1px 1px 0 #ffffff,
                    -1px 1px 0 #ffffff,
                    1px -1px 0 #ffffff,
                    -1px -1px 0 #ffffff,
                    1px 0px 0 #ffffff,
                    -1px 0px 0 #ffffff,
                    0px -1px 0 #ffffff,
                    0px 1px 0 #ffffff;
}

#text_01 {
	position:relative;
    width:230px;
}

#text_02 {
	position:relative;
    width:230px;
}

#text_03 {
	position:relative;
    width:230px;
}

#text_04 {
	position:relative;
    width:370px;
}

#text_05 {
	position:relative;
    width:370px;
}

.simple_button {
    cursor: pointer;
}
.simple_button img:hover {
    transform: scale(1.05);
}

#costumeImg {
    position: relative;
    width: 380px;
    height: auto;
}

#campaign_01{
	position: absolute;
    width:calc(434px * 380 /1170);
    height: auto;
    top:calc(200px * 380 /1170);
    left:calc(731px * 380 /1170);
}
#campaign_02{
	position: absolute;
    width:calc(434px * 380 /1170);
    height: auto;
    top:calc(920px * 380 /1170);
    left:calc(731px * 380 /1170);
}

/*
campaign_03を下にずらした分、全体を下にずらす必要があるため
表示しないdivを作成
*/
#campaign_03_space{
	position:relative;
    height:10px;
    width:300px
}

#campaign_03{
	position:relative;
    width:calc(1000px * 380 /1170);
    height: auto;
    top:10px;
    left:30px;
}
#campaign_04{
    width:calc(498px * 380 /1170);
    height: auto;
	position:relative;
}

#campaign_05{
    width:calc(498px * 380 /1170);
    height: auto;
	position:relative;
}

#campaign_06{
    width:calc(498px * 380 /1170);
    height: auto;
	position:relative;
}

#campaign_07{
    width:calc(498px * 380 /1170);
    height: auto;
	position:relative;
}

#FooterArea{
    top: -60px;
}
#footer {
	/*理由がよくわからない値*/
	scale: 35.2%;
	left: -350px;
	top: -90px;
	/*理由がよくわからない値ここまで*/
	position: absolute;
	border: 0;
	width:1080px;
	height:340px;
	padding:0;
}