@charset "UTF-8";

/* 忘れるメモ最初の.はクラス名　*/
/* TOP絵 */
.class1 img {
    /* 横幅合わせる */
    width: 100%;
    image-rendering: pixelated;
}


/* アバウト */
.about {
    padding: var(--base-padding);
    text-align: center;
}
.about p {
    font-size: 14px;
    margin-bottom: var(--base-margin-bottom);
}

.menu {
    background-color: rgb(218, 210, 201);
    padding: var(--base-padding);
    text-align: center;
}
.menu td {
    padding: 10px;
}
.menu p {
    font-size: 11px;
    margin-bottom: var(--base-margin-bottom);
}

iframe {
    image-rendering: pixelated;
    text-align: center;
    border: none;
    height: 490px;
    width: 100%;
}


/* アサイド */
/* info で書いているところ */
aside {
    background-color: #252330;
    color: var(--background-color);
    padding: var(--base-padding);
    text-align: center;
}
aside h2 {
    font-size: 32px;
    margin-bottom: var(--base-margin-bottom);
}
aside p {
    margin-bottom: var(--base-margin-bottom);
}
aside figure img {
    width: 200px;
}
aside a {
    color: rgb(144, 144, 207);
}
aside .btn {
    display: inline-block;
    background-color: whitesmoke;
    padding: 20px 48px;
    border: 4px solid rgb(214, 16, 16);
    /* 角をまるく */
    border-radius: 100px;
}


/* フッター */
footer {
    background-color: rgb(32, 32, 36);
    color: var(--background-color);
    text-align: center;
    padding: 10px;
}