#lineBox { position: fixed; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.4); display: flex; justify-content: center; align-items: center; top: 0; left: 0; z-index: 99999999; }
#lineBox #ask-wrap { position: relative; }
#lineBox #ask-wrap a.close_box { position: absolute; width: 30px; height: 30px; background: #000; border-radius: 50%; border: 2px #fff solid; display: flex; justify-content: center; align-items: center; top: -14px; right: -14px; }
#lineBox #ask-wrap a.close_box svg { width: 50%; height: 50%; fill: #fff; }
#lineBox #ask-wrap .text a { display: block; }
#lineBox #ask-wrap .text a img { min-width: 100%; }

.leftjoin { position: fixed; right: 15px; width: 200px; top: 230px; text-align: center; z-index: 999999; }
.leftjoin #join { display: inline-block; -webkit-transform: translateX(9px); transform: translateX(9px); }
.leftjoin #join img { width: 170px; }
.leftjoin #join p { display: inline-block;margin-top: -32px;color: white; }
.leftjoin >div a { margin: auto; width: 170px; display: block; text-align: center; }

#quickMenu , #smallPic , #suspension { display: none; }

@media screen and (max-width: 550px) {
	.leftjoin { right: -25px; -webkit-transform: scale(.85); transform: scale(.85); }
}