.bg {
	width: 100%;
}

#right_wrapper {
	position: relative;
	width: fit-content;
	position: fixed;
	bottom: 0;
	right: 0;
}

.hand {
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 5px;
}

.hand img {
	max-width: min(calc(100vw*20/1920), 20px);
}

.hand span {
	margin: auto 0;
	font-size: calc(100vw*14/1920);
	content: "hover";
}

.close{
	max-width: min(calc(100vw*24/1920), 24px);
    aspect-ratio: 24/22;
	position:absolute;
	top:2px;
	right:2px;
	cursor:pointer;
	z-index:11111;
}

#banner-01 {
	position: relative;
}

.close-banner-1 {
	position: absolute;
    top: 2px;
    right: 2px;
	width: 10%;
	cursor: pointer;
	max-width: 24px;
}

#cdnum {
	font-family: Verdana, Geneva, sans-serif;
    display: flex;
    font-size: 1.7vw;
    font-weight: bold;
    border-radius: 50%;
    box-shadow: 0 0 20px #09F;
    width: 33.33%;
    aspect-ratio: 1;
    background-color: #FFF;
    position: absolute;
    z-index: 9990;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	opacity: 0;
}

.banner-bg-300-250 {
	width: calc(100vw*300/1920);
    aspect-ratio: 300/250;
}

.banner-bg-500-300 {
	width: calc(100vw*500/1920);
    aspect-ratio: 500/300;
}

.banner-bg-800-500 {
	width: calc(100vw*800/1920);
    aspect-ratio: 800/500;
}

.banner-bg-120-600 {
	width: calc(100vw*120/1920);
    aspect-ratio: 120/600;
}

.banner-bg-370-250 {
	width: calc(100vw*375/1920);
    aspect-ratio: 375/250;
}

.greyscale {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}