
@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: 210mm;

@font-family-sans-serif: "Meiryo", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic Medium", "Yu Gothic", 'YuGothic', "Roboto", "Droid Sans", sans-serif;
@font-family-sans-serif-italic: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic Medium", "Yu Gothic", 'YuGothic', "Roboto", "Droid Sans", sans-serif;
@font-family-serif: "Hiragino Mincho ProN", "Yu Mincho Medium", "Yu Mincho", "YuMincho", serif;
@font-family-monospace: "Consolas", "Meiryo", "Osaka−等幅", "Osaka-mono", monospace;
@font-family-datetime: "Georgia", "Times New Roman", serif;

html {
	overflow-y: scroll;
	height: 100%;
	line-height: 1.8;
	font-size: 12pt;
	font-family: @font-family-sans-serif;
	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 {
	padding: 1px 23mm;
	background-color: @background-color;
	text-align: justify;
	box-shadow: 0px 0px 8px 0px #C0C0C0;
}
div.content-clear-padding {
	margin-left: -23mm;
	margin-right: -23mm;
}

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";
