body {
    background-color: azure;
    margin: 0;
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

.Container {
    background-color: azure;
    box-shadow: 0 0 8px #808080;
    padding: 100px;
    text-align: center;
}

.z::after {
    display: block;
    content: '';
    position: relative;
    background-color: black;
    border-radius: 20px;
    height: 4px;
}

.Contents {
    padding: 100px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-content: space-between;
}

.BorderSmall {
    border-width: 4px;
    border-style: dotted;
}

.IKKUNA {
    background-color: white;
    border-radius: 50px;
    border-color: black;
    border-width: 2px;
    border-style: outset;
    text-align: center;
    position: fixed;
    left: 100%;
    width: 40%;
    height: 90%;
    top:5%;
    z-index:99999;

    transition: left 60ms ease-in-out;
}

.ROW {
    display: flex;
    flex-direction: row;
    align-content: space-between;
}

#IKKUNAHDR {
    padding-left: 100px;
}
#IKKUNAHDR::after {
    display: block;
    content: ' ';
    height: 4px;
    background-color: rgba(0, 0, 0, 0);
}

#BLOCK {
    display: none;
    background-color: rgba(30, 29, 29, 0);
    position: fixed;
    top: 0;
    margin: 0;
    width: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    transition: background-color 1s ease-in-out;
}

.wd {
    width: 200px;
}

.Sect1 {
    display: none;
}

.Sections {
    display: block;
}
.Section::before {
    content: '';
    display: block;
    background-color: black;
    height: 4px;
}

.SSET {
    border-width: 4px;
}

#Sect1, #Sect2 {
    display: none;
}

.SECLO {
    display: none;
}