@font-face {
    font-family: decofont1;
    src: url('../assets/fonts/kurobara-gothic-heavy.ttf');
    font-weight:400;
    font-weight:normal;
}
@font-face {
    font-family: enphafont1;
    src: url('../assets/fonts/GenShinGothic-Heavy.ttf');
    font-weight:400;
    font-weight:normal;
}
@font-face {
    font-family: lightfont1;
    src: url('../assets/fonts/GenShinGothic-P-Light.ttf');
    font-weight:400;
    font-weight:normal;
}


body {
    /*border: 5px solid #88F; /* 要素の表示領域を枠として視覚化するための補助線を付けます。 */
    background-image: url("../assets/img/bg/syunkanbg.png");
    background-size: cover;
  }

#headbar {
    /*border: 5px solid #f00; /* 要素の表示領域を枠として視覚化するための補助線を付けます。 */
}

#container {
    /*border: 5px solid #f00; /* 要素の表示領域を枠として視覚化するための補助線を付けます。 */
}

#canvas{
    border: 8px solid #88F; /* 要素の表示領域を枠として視覚化するための補助線を付けます。*/
}

/* #inlineFrameExample{
    position: absolute;
    top: 90px;
    left: 55px;
    width: 1000px;
    height: 700px;
} */