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

@sidebar-width: 300px;
@content-width: 728px;
@header-title-height: 40px;
@header-menu-height:   0px;
@header-fixed-ad-height: 0px;

@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;
	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.content {
	padding: 0 2.0rem;
	text-align: justify;
}
div.content-clear-padding {
	margin-left: -2.0rem;
	margin-right: -2.0rem;
}

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

/*
 * font
 */
.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;
}

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

div.header-fixed-ad {
	width: 728px;
	height: 90px;
	position: sticky;
	top: calc(@header-title-height + @header-menu-height);
	background-color: @background-color;
	text-align: center;
}
div.sidebar-ad {
	text-align: center;
}
