@charset "UTF-8";
/* ----- ボタン ----- */

/* --画面が広いとき
 　　目次がボタンの下に表示されるよう対策 */
body.add-toc-menu-icon iframe {
	clear : both;
}

html, body {
	height: 100%;
}

body.add-toc-menu-icon {
margin-top:0;
margin-left:0;
}

#panel-btn-pc{
	float: left;
}
#panel-btn-smart{
	float: left;
}

/* --自動生成タイトルページが狭いときに
 　　ボタンが中央にならないよう対策 */
@media screen and (max-width: 768px) { 
	.panel-btn-smart{
		left : 0px;
	} 
	/* 画面が狭いとき、目次ボタンとナビゲーションが重ならないようにする */
	.add-toc-menu-icon div.nav-top {
		padding-left: 35px;
	}
}

/* 画面が広いとき、目次と本文の間に空きを入れる */
@media screen and (min-width: 769px) {
	.add-toc-menu-icon div.wrapper-text-area {
		padding-left:0.5em;
	}
}

.toc-menu-area-pc {
	float: left;
	height: calc(100% - 4px);
	width: 300px;
	background: white;
	margin-left: 0px;
	border: 2px solid #2196F3;
	margin-top: 0px;
	padding: 0;
}

.toc-menu-area-smart {
	width: 276px;
	left : -100%;
	height: calc(100% - 4px);
	border: 2px solid #2196F3;
	background: white;
	margin: 0;
	top: 0;
	padding: 0;
}

.toc-iframe-menu-pc {
	width: 100%;
	height: calc(100% - 8px);
	margin: 0;
	padding: 0;
}
.toc-iframe-menu-smart {
	width: 100%;
	height: calc(100% - 8px);
	margin: 0;
	padding: 0;
}

.wrapper-text-area{
	margin-top: 0px;
    margin: 0 10px;
    overflow: hidden; /* これが大事 */
    width: auto;
}