@charset "UTF-8";

            *{
                margin: 0;
            }

            body{
                margin-top: 0px;
                color: #333;
                font-family: Meiryo;
            }
            
            body>header{
                position: fixed; /* ヘッダーを固定する */
                top: 0%;
                width:100%;
                font-size: xx-large;
                background-color: #000;
                color: #fff;
                padding: 10px 30px;

            }

            main{
                margin-top: 80px;
                padding: 0 15px;
            }
            main>h1{
                margin-bottom: 20px;
            }
            main>article{
                padding: 0 0 0 0;
                margin-bottom: 20px;
            }

            .errorlist{
                margin: 0;
                padding: 0;
                list-style-type: none;
                color: red;
            }

            form>p{
                margin-bottom: 20px;
            }
            p>span.helptext{
                font-size: 14px;
                color: #999;

            }
            p>label{
                display: block;
            }
            p>input,p>textarea,p>select{
                width: 400px;
                padding: 6px 12px;
                box-sizing: border-box;
                border-radius: 4px;
                border: solid 1px #999;
            }

            .example>label{
                display: inline-block;
                padding: 5px;
                cursor: pointer;
            }
            .example>label:hover{
                color: red;
            }
            .example>label>input{
                margin-right: 5px;
                cursor: pointer;
            }
            canvas{display: block; background: #ffe; margin: 0 auto;}
            .flex{
    /*コレ追加*/display: flex;
    border: 1px solid #333;
}
.flex div{
    border: 1px solid #333;
}
.right{
    background: #ffd87c;
}
.left{
    background: #9ddbfc;
}

container{
    width: 200px;
    height: 200px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.container > div{
    flex: 1;
}
.div_g {
    background-color: #EBEBEB;
    border: ridge;
}

mjx-container {
	overflow-x: auto;
	overflow-y: hidden;
	max-width: 100%;
}
p.title{
    font-size:110%;
    font-weight:bold;

}
ol{
    padding-left:1%;
}
li{
    list-style-position: inside;
}