*{
    margin: 0;
    padding: 0;
    
}
@font-face {
    font-family: 'mamelon';
    src: url('Mamelon-5-Hi-Regular.otf');
}
#top{
    width: 100vw;
    background-color: #312de3;
    background-position:center;
    background-size: cover;
}
#top img{
    width: 100vw;
}
#gaiyou{
    background-image: url(img/second.png);
    width: 100vw;
    background-position:center;
    background-size: cover;
    text-align: left;
    position: relative;
}
.button img{
    margin-left: 1.0vw;
    width: 23vw;
    margin-top: 4vw;

}
#oya{
    text-align: center;
    width:250vw;
    display: flex;
    flex-direction: row;
    box-sizing: border-box;
    margin:auto;
}
#real{
    width: 49vw;
    margin-top: 5vw;
    margin-bottom: -1vw;
}
#yellow{
    width: 50vw; 
    margin-top: 5vw; 
    margin-bottom: 9vw;
}

#bun1{
    font-family: 'mamelon';
}
#bun2{
    position: absolute;  
    top: 35vw;
    left: 53vw;
    width: 43vw;
    line-height: 3vw;
}

#gaiyou p{
    text-align:left ;
    font-family: 'mamelon';
    font-size: 1.5vw;
    color: #420269;
}
#third{
    background-image: url(img/animal.png);
    width: 100vw;
    background-position:center;
    background-size: cover;
    position: relative;
    text-align: center;
    padding-bottom: 4vw;
}
#guest2{
    width:19vw;
    margin-left:30vw;
    margin-right:30vw;
    margin-top: 5vw;
}
#purple{
    width: 45vw;
    margin-right: 5vw;
}
#tv{
    width: 40vw;
}
#anmika{
    text-align:right;
    width: 13vw;
    margin-bottom:11vw ;
    margin-left: 41vw;
}
#korea{
    position: absolute;
    left: 8vw;
    width: 38vw;
    top: 22vw;
    text-align: left;
}
#third p{
    font-size: 1.4vw;
    color:white;
    font-family: 'mamelon';
    line-height: 3vw;
}
#bun4{
    top:-37vw;
    left:53vw;
}
#bun5{
    top:-33vw;
    left:53vw;
}
#blue{
    background-image: url(img/blue.png);
    width: 100vw;
    background-position:center;
    background-size: cover;
    text-align: center;
}
.qanda{
    display: flex;
    padding: 2vw;
}
#interview2{
    width:23vw;
    margin-top:5vw;
}
#left{
    width:50vw;
}
#blue p{
    text-align: left;
    width:27vw;
    font-size: 1.4vw;
    color:white;
    font-family: 'mamelon';
    line-height: 3vw;
}
#bun7{
    margin-top:2vw;
}
#bun9{
    margin-top:2vw;
}
#bun11{
    margin-top:2vw;
}
#bun13{
    margin-top:2vw;
}
#bun15{
    margin-top:2vw;
}
#bun17{
    margin-top:2vw;
}
#bun19{
    margin-top:2vw;
}
#bun21{
    margin-top:2vw;
}
#bun23{
    margin-top:2vw;
}
#right{
    width:50vw;
}

#green{
    background-image: url(img/green.png);
    width: 100vw;
    background-position:center;
    background-size: cover; 
    text-align: center;
    position: relative;
    padding-bottom: 5vw;
}
#webcm2{
    width:19vw;
    margin: 5vw 20vw 0vw 20vw; 
}
#pink2{
    text-align: center;
    width:55vw;
}
video{
    width: 46vw;
    position: absolute;
    top: 22vw;
    left:26.5vw;
}
#train{
    background-image: url(img/train.png);
    width: 100vw;
    background-position:center;
    background-size: cover; 
    text-align: center;
    padding-bottom: 18vw;
}
#other{
    width:32vw;
    margin-top: 2vw;
}
.no1{
    padding: 3vw 0 4vw 19vw;
    background-image: url(space1.png);
    background-repeat: no-repeat;
    background-position: 1vw 9vw;
    background-size: 30%;
}
.no2{
    padding: 3vw 0 4vw 19vw;
    background-image: url(space2.png);
    background-repeat: no-repeat;
    background-position: 1vw 5vw;
    background-size: 30%;
}
.no3{
    padding: 3vw 0 4vw 19vw;
    background-image: url(space3.png);
    background-repeat: no-repeat;
    background-position: 1vw 4vw;
    background-size: 30%;
}
.no4{
    padding: 3vw 0 4vw 19vw;
    background-image: url(space4.png);
    background-repeat: no-repeat;
    background-position: 1vw 3vw;
    background-size: 30%;
}
.no5{
    padding: 3vw 0 4vw 19vw;
    background-image: url(space1.png);
    background-repeat: no-repeat;
    background-position: 1vw 5vw;
    background-size: 30%;
}
.no6{
    margin-top: 14vw;
    padding: 3vw 0 4vw 19vw;
    background-image: url(space6.png);
    background-repeat: no-repeat;
    background-position: 1vw 9vw;
    background-size: 30%;
}
.no7{
    padding: 3vw 0 4vw 19vw;
    background-image: url(space7.png);
    background-repeat: no-repeat;
    background-position: 1vw 9vw;
    background-size: 30%;
}
.no8{
    padding: 3vw 0 4vw 19vw;
    background-image: url(space8.png);
    background-repeat: no-repeat;
    background-position: 1vw 4vw;
    background-size: 30%;
}
.no9{
    padding: 3vw 0 4vw 19vw;
    background-image: url(space9.png);
    background-repeat: no-repeat;
    background-position: 1vw 5vw;
    background-size: 30%;
}
.eventlinc{
    margin-top:1vw;
}
.lvup{
    width: 20vw;
    margin:5vw;
}
.roma{
    width: 20vw; 
    margin:5vw;
}
.cilltown{
    width: 20vw;
    margin:5vw;
}