.editor{
    width: 100%;
    /*height: 90vh;*/
    /*background-color: #25994c;*/ /* 親divの背景色（例：薄い青グレー） */
    padding: 1%;             /* 内側に少し余白を作ると綺麗に見えます */
    box-sizing: border-box;    /* パディングを含めて95vhに収める設定 */
    }
.exec {
    display: none;
    width: 100%;
    height: 50vh;
    background-color: #257499; /*親divの背景色（例：薄い青グレー） */
    padding: 1%;             /* 内側に少し余白を作ると綺麗に見えます */
    box-sizing: border-box;    /* パディングを含めて95vhに収める設定 */
    }
                /* 1. エディタ全体の枠線や背景 */
textarea  {
    border: 2px solid #4a90e2; /* 枠線を青色にして目立たせる */
    background-color: #d4bebe; /* 入力エリア全体の背景色 */

    width:      90%;
    height:     300px;
}
iframe {
    width: 100%;
    height: 100%;

/* 枠線の設定 */
    border: 3px solid #333333;    /* 太さ3px、実線、黒系 */
    box-sizing: border-box;       /* 100%のサイズの中に枠線の太さを含める（重要） */
    background-color: #ffffff; 
}