.doc {
	position: relative;
	background-color: rgba(255, 255, 255, 0.95);
	border-radius: 5px;
	font-weight: 300;
	font-size: 1.4rem;
	line-height: 1.5;
	margin: 0 auto;
	padding: 20px;
	cursor: default;
}

@supports (-webkit-backdrop-filter: blur(10px)) {
	.doc {
		background-color: rgba(255, 255, 255, 0.85);
		-webkit-backdrop-filter: blur(10px);
	}
}

.doc .content+.content {
	border-top: solid 1px rgba(0,0,0,.05);
	margin-top: 1em;
	padding-top: 1em;
}

.doc.mac .content#sec-mac,
.doc.windows .content#sec-windows,
.doc.ios .content#sec-ios  {
	border-top: none;
	padding-top: 0;
}

.doc.mac .content#sec-windows,
.doc.mac .content#sec-ios,
.doc.windows .content#sec-mac,
.doc.windows .content#sec-ios,
.doc.ios .content#sec-mac,
.doc.ios .content#sec-windows {
	display: none;
}


.doc a {
	color: #39d;
	-webkit-user-drag: none;
	text-decoration: none;
}

.no-touch .doc a:hover {
	text-decoration: underline;
}

.doc .content {
	max-width: 728px;
	margin: 0 auto;
}

.doc h2,
.doc h3,
.doc h4,
.doc p {
	font-feature-settings : "palt";
}

.doc h2 {
	text-align: center;
	margin: -20px -20px 20px -20px;
	padding: 0 44px;
	font-size: 1.8rem;
	line-height: 44px;
	background-color: rgba(255, 255, 255, 0.33);
	border-bottom: solid 1px rgba(0,0,0,.05);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 600;
}

.doc h3 {
	margin: 0;
	font-size: 1.6rem;
	font-weight: 600;
}


.doc p+h3 {
	margin-top: 1.5em;
}

.doc h4 {
	margin: 1em 0 0 0;
	font-size: 1.4rem;
	font-weight: 600;
}

.doc p {
	margin: 1em 0 0 0;
}



.doc p small {
	font-size: 1.1rem;
	color: #666;
}

.doc p small a {
	color: inherit;	
}

.doc h3+p {
	margin-top: .5em;	
}

.doc h4+p {
	margin-top: 0;	
}

.doc .log dl,
.doc .spc dl {
	margin: 1em 0 0 0;
}

.doc .log del {
	display: block;
	margin: 1em 0;
}

.doc .log dl dt,
.doc .spc dl dt {
	font-weight: bold;
}

.doc .log dl dt+dt,
.doc .log dl dd+dt,
.doc .spc dl dt+dt,
.doc .spc dl dd+dt {
	margin-top: 1em;
}

.doc .log dl dt strong {
	color: #cc0000;
	font-size: smaller;
}

.doc .log dl dd strike {
	text-decoration: none;
	color: #999999;
}

.doc .log dl dt a[data-download] {
	display: none;
	font-weight: normal;
	font-size: 1.1rem;
	color: #eee;
	line-height: 1.4rem;
	padding: 0 3px;
	border-radius: 2px;
	background-color: #888;
	margin-right: .5em;
	cursor: pointer;
}

.fancybox-content .doc .log dl dt a[data-download] {
	display: inline-block;
}

.doc .log dl dt a:hover {
	text-decoration: none;
	filter: brightness(.9);
}

.doc .spc dl dd {
	margin-left: 0;
}

.doc .log dl dd {
	margin-left: 1em;
	text-indent: -1em;
}

.doc .log dl dd::before {
	content: "-";
	display: inline-block;
	text-indent: 0;
	width: 1em;
}

.doc .spc dl dd>ul,
.doc .spc dl dd>ol {
	margin: 0;
	padding: 0 0 0 1.5em;	
}

.doc ul {
	padding: 0 0 0 1.5em;
}

.doc ul>li>p {
	margin:0.5em 0 0 0;
}

.doc footer {
	margin-top: 2em;

}

.doc footer p {
	margin-top: .5em;	
}

.doc #translate {
	float: right;

}

.doc #translate select {
	border: solid 1px #ddd;
	background: #eee;
	border-radius: 5px;
	width: 7em;
	height: 2em;
	font-size: 1.2rem;
	padding: 2px 3px;
	margin: 0 0 1em 2em;
	
}

html:not([lang="en"]) .doc #translate,
.fancybox-content .doc #translate {
	display: none;
}