.last{
display: flex;
align-items: center;
justify-content: center;
background:rgba(255,255,255,.8);
position:fixed;
left:0;
right:0;
top: 50%;
transform: translateY(-50%);
width:90vw;
height:90vh;
font-size:200%;
line-height:2;
z-index:100;
margin:auto;
}


/***************************************************************
イベント
***************************************************************/
.opa {opacity:0.6;}
#top-event-area {
background-image: url(../top/area-center.gif);
width:634px;
color: #232323;
padding: 0px 0px 0px 0px;
margin-bottom: 0px;
}

.top-event-area-text {
width:600px;
text-align: left;
padding: 0px 0px 0px 0px;
margin-right:auto;
margin-left:auto;
line-height:1.9em;
}

.top-event-icon {
background-image: url(../top/event-icon.gif);
background-repeat: no-repeat;
width:580px;
color: #232323;
padding: 0px 0px 0px 20px;
margin-bottom: 15px;
}


#top-2-area-l {
float: left;
background-image: url(../top/s-area-center.gif);
width:304px;
color: #232323;
padding: 0px 0px 0px 0px;
margin-right: 26px;
}

#top-2-area-r {
float: left;
background-image: url(../top/s-area-center.gif);
width:304px;
color: #232323;
padding: 0px 0px 0px 0px;
}

.top-2-area-text {
width:270px;
text-align: left;
padding: 0px 0px 0px 0px;
margin-right:auto;
margin-left:auto;
}

.power-area-l {
float: left;
width:124px;
padding: 0px 0px 0px 0px;
margin-right: 20px;
line-height:1.6em;
}

.power-area-r {
float: left;
width:124px;
padding: 0px 0px 0px 0px;
line-height:1.6em;
}

.pick-area-defa {
float: left;
font-size: 12px;
width:124px;
padding: 0px 0px 0px 0px;
margin-right: 34px;
line-height:1.6em;
}

.pick-area-end {
float: left;
font-size: 12px;
width:124px;
padding: 0px 0px 0px 0px;
line-height:1.6em;
}


#top-right-area {
background-image: url(../top/right-area-center.gif);
width:284px;
color: #232323;
padding: 0px 0px 0px 0px;
margin-bottom: 0px;
}

.top-right-area-text {
width:270px;
text-align: left;
padding: 0px 0px 0px 0px;
margin-right:auto;
margin-left:auto;
line-height:1.6em;
}

.top-event-area-text hr{
margin:20px 0;
}