@charset "UTF-8";

body {
    background-color: black;
    /* background-color: aquamarine; */
    z-index: 0;
}

.main {
    font-size: 10vw;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    color: lightgray;
    margin: 1vw auto;
}

.center {
    text-align: center;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

a {
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-size: 1.7vh;
    color: lightgray;
}

.kao {
    width: 30vw;
}

.vCenter {
    margin: auto 0;
}

.bgc {
    background-color: rgba(0,0,0,0);
    /* background-color: aquamarine; */
}

.mtop {
    margin-top: 3vh;
}

.mbottom {
    margin-bottom: 2vw;
}

.text {
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-size: 1.8vh;
    color: lightgray;
    line-height: 2.6vh;
}

.link {
    line-height: 3.5vw;
}

a:hover {
    color: lime;
}

.copy {
    margin-bottom: 0;
    color: grey;
    font-size: 0.6vw;
}

.works {
    padding: 5vw;
}

.news {
    padding: 5vw;
}

a.aTitle {
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-size: 1.7vh;
    color: lightgray;
}

.gray {
    color: gray;
}

a.aTitle:hover, a.home:hover {
    color: magenta;
}

.mworks {
    margin-top: 20vh;
    padding: 5vw;
}

.player {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
}
    
.player iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

a.home {
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-size: 2.4vh;
    color: lightgray;
    line-height: 2.6vh;
}

.stick {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 10;
}

.pNote {
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-size: 1.8vh;
    color: lightgray;
    line-height: 3.8vh;
}

.title {
    padding-top: 5.2vh;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-size: 1.8vh;
    color: lightgray;
    line-height: 2.6vh;
}

.red {
    background-color: red;
}

.canvas {
    /* width: 100%; */
    /* height: 100%; */
    padding: 0;
}

.img {
    display: flex;
    height: auto;
    align-items: flex-start;
}