@charset "UTF-8";

/*
    iframe を使って目次を表示するときの設定
*/


iframe {
    margin-left: 0pt;           /* ページ余白　左 */
    margin-right: 0pt;          /* ページ余白　右 */
}



/* フレキシブルボックスレイアウト設定 */
#container {
    /* width: auto;*/
    height: 100%;
    display: flex;                  /* フレキシブルボックスレイアウト指定 */
    flex-direction: row;            /* 主軸　左から右 */
    flex: auto;
}

#tc {
    background-color:navajowhite;
    width: 20%;                     /* 目次の幅　#tc iframe　でも同じに設定しないとスクロールバーとバックグランドがずれる */
}

#manual {
    background-color:white;
    /*box-sizing: border-box;*/
    width: 80%;						/* マニュアルの幅　#manual　でも同じに設定しないとスクロールバーとバックグランドがずれる、余計なスクロールバーが表示される */
    margin-left: 0px;				/* 設定するとスクロールバーがはみ出る */
}

#tc iframe {
    position: fixed;                    /* 要素の配置を絶対座標で固定 */
    width: 20%;
    height: 100vh;  /* vh:ビューポートの初期値の包含ブロックにおける高さの1%と同じです。 */
}

#manual iframe {
    position: fixed;                    /* 要素の配置を絶対座標で固定 */
	width: 79%;
    padding-left: 1%;
    height: 100vh;  /* vh:ビューポートの初期値の包含ブロックにおける高さの1%と同じです。 */
}



/* レスポンシブル設定 */
/* javaScript で実装する */