#dev-menu-content {
	background: white;
	margin: 50px auto;
	padding: 20px;
	width: 90%;
	max-width: 800px;
	border-radius: 8px;
	border:1px solid #ccc;
	font-size:90%;
	color:#555;
}
#dev-overlay hr{
	margin:12px 0;
}
#dev-overlay h3{
	font-size:130%;
	padding-bottom:0.5em;
	color:#555;
}
#dev-overlay p{
	padding-bottom:0.8em;
}
#dev-overlay p b{
	color: #ff7200;
}
#dev-overlay li{
	padding-bottom:0.4em;
}
@media print, screen and ( min-width : 1200px ) {
	#dev-menu-content ul{
		display:flex;
		flex-wrap: wrap;
	}
	#dev-menu-content ul li{
		margin:0 0.5%;
		width:49%;
	}
}
#dev-overlay h3,
#dev-overlay p,
#dev-overlay li{
	font-family: "Noto Sans JP", sans-serif;
}
#close-dev-menu,
#toggle-dev-menu,
#dev-overlay  a{
	text-decoration: none !important;
	font-family: "Noto Sans JP", sans-serif;
	cursor: pointer;
	user-select: none;
	transition: .3s;
	display:block;
	background: #333;
	padding:0.8em 0.8em;
	color:#fff;
	border:none;
	border-radius: 5px;
	font-weight:500;
}
#toggle-dev-menu{
	text-align:center;
	border-radius: 20px;
	padding:1.5em;
	z-index: 200;
}
#dev-overlay  a:hover,
#toggle-dev-menu:hover{
	background: #ff7200;
}
.active-link{
	background: #ff7200 !important;
}
#toggle-dev-menu i{
	font-size:300%;
}
@media only screen and ( max-width : 896px ) {
	#toggle-dev-menu{
		font-size:50%;
	}
}
#toggle-dev-menu:after{
	content: "デザイン変更";
	display:block;
	padding-top:1em;
}
#close-dev-menu{
	position: absolute;
	top: -18px;
	right: -18px;
	padding:0.2em 0.5em;
	font-weight:900;
	font-size:120%;
	border:2px solid #fff;
}
#dev-tool-btn {
	position: fixed; /* 画面に固定 */
	bottom: 20px;
	left: 20px;
	z-index: 99999; /* 他の要素の上に表示 */
}
@media only screen and ( max-width : 896px ) {
	#dev-tool-btn {
		position: fixed; /* 画面に固定 */
		bottom: 80px;
		left: 20px;
		border-radius: 5px;
	}
	#toggle-dev-menu{
		border-radius: 5px;
	}
}
#dev-tool-btn button {
	background: #000;
	color: white;
	border: none;
	cursor: pointer;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}
#dev-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.85);
	z-index: 100000;
	display: none; /* JSで表示・非表示を切り替える */
	overflow-y: scroll;

}