@charset "UTF-8";
/* CSS Document */

#message {
    top: 10px;
    text-align: center;
    font-size: 20px;
}

#matterlogo {
	top: 5px;
	margin : 0 auto;
	width: 225px;
	height: 77px;
	background: url(../img/matter_lkup_rgb_night.png);
}

#qrcode_wrapper {
    top: 0px;
}

#qrcode {
	padding: 10px;
	width: 180px;
	height: 180px;
	margin: 0 auto;
    background: url(../img/qr_contact.png) no-repeat center;
}

#setting_info {
    top: 10px;
    display: flex;
    justify-content: center;
    position: relative;
}

#setting {
    text-align: center;
    font-size: 20px;
    left: 190px;
    position: absolute;
}

#setting_Smartphone {
    text-align: center;
    font-size: 20px;
    left: 170px;
    position: absolute;
}

#manualcode_show {
}

#button_copy {
    right: 90px;
    position: absolute;
}

#ta_copy {
    position: fixed;
    right: 100vw;
}

#qrcode img,
#qrcode canvas
{
    width: 100%;
    height: auto;
}