
@primary-color:            #3e4750;
@primary-variant-color:    #000000;
@secondary-color:          #3667d5;
@secondary-variant-color:  #2573b8;
@background-color:         #FFFFFF;
@background-variant-color: #F8F8F8;
@text-color:               #303030;
@text-variant-color:       #F8F8F8;
@text-link-color:          #2573b8;
@text-visited-link-color:  #2573b8;
@text-hover-link-color:    #eb7a3d;
@border-color:             #C0C0C0;

@content-width: 728px;

@font-normal-family: "Meiryo";
@font-normal-weight: 400;

@font-monospace-family: "Consolas", "Meiryo", monospace;
@font-monospace-weight: 500;

@font-italic-family: "Yu Gothic";
@font-italic-weight: 500;

@font-family-datetime: Georgia, "Times New Roman", Times, serif;

html {
	overflow-y: scroll;
	height: 100%;
	line-height: 1.8;
	font-size: 12pt;
	font-family: @font-normal-family;
	scroll-behavior: smooth;
}

body {
	height: 100%;
	margin: 0;
	padding: 0;
	overflow-wrap: break-word;
	word-break: break-word;
	line-break: strict;
	color: #303030;
	background-color: #F0F0F0;
}

hr {
	margin: 0;
	border: 0;
	border-top: 1px solid @border-color;
}

div.flex-container {
	display: flex;
	min-height: 100%;
	width: @content-width;
	margin: 0 auto;
}
div.content {
	flex-basis: 100%;
	padding: 1px 2.75rem;
	background-color: @background-color;
	text-align: justify;
	box-shadow: 0px 0px 8px 0px #C0C0C0;
}
div.content-clear-padding {
	margin-left: -2.75rem;
	margin-right: -2.75rem;
}

a {
	color: @text-link-color;
	text-decoration: none;
}
a:visited {
	color: @text-visited-link-color;
}
a:hover {
	color: @text-hover-link-color;
}

/*
 * font / text control
 */
.font-normal {
	font-weight: normal;
}
.font-bold {
	font-weight: bold;
}
.smaller {
	font-size: smaller;
}
.larger {
	font-size: larger;
}
.monospace {
	font-family: monospace;
}
.datetime {
	font-family: @font-family-datetime;
}
.break-all {
	word-break: break-all;
}

@import "include/material-color.less";
@import "include/material-icons.less";
@import "include/layout.less";
@import "include/admonition.less";
@import "include/button.less";
@import "include/heading.less";
@import "include/markdown.less";
@import "include/highlight.less";
@import "include/layout.less";
@import "include/responsive.less";
