@charset "utf-8";
/* CSS Document */
html {
	font-size: 14px;
	line-height: 1.6em;
}

/* body */
body {
    background-color: #F5F5F5;
    padding: 1em;
    font-family:"Futura PT","Futura", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	color: #5C5C5C;
	letter-spacing: .06em;
	cursor:crosshair;
}

a {text-decoration: none; color:#5C5C5C; cursor: none;}

a:visited{text-decoration: none; color: #C9E2D1;}

.center{margin: 0 auto;text-align: center;}

.mb60{margin-bottom: 3.5em;}

h1,h2,h3{font-weight: normal;}

h1,h2{font-size:1.2em; line-height:2em; vertical-align: middle;}

section{margin: 3rem auto 2rem;}

.flame{
	display: flex;
	justify-content: space-between;
}

.horizon{transform: scale(-1, 1);}
.inverted{transform: scale(1, -1);}
.inverted_horizon{transform: scale(-1, -1);}

::selection {
  color: #5C5C5C;
  background-color: #C9E2D1;
}

/* header */

.logo{
	display: block;
	margin: 0 auto;
	height:3.125em;
}

h1{text-align: center; margin-top: -50px;}

nav{
	text-align: center;
	margin: 0 auto;
}

ul{
	list-style: none;
	padding: 0;
}

nav li {
	display: inline-block;
    margin: 0 0.5rem;
}

nav li:hover a {color: #E5E3B6;}


/* footer */

.footer_fixed {
      display: flex;
      flex-direction: column;
      min-height: 93vh;
}

footer{
	margin-top: auto;
	color: #ddd;
}

.footer_msg{text-align: center; margin-bottom: -40px; font-size: 12px;}


@media (prefers-color-scheme: dark) {
	body {
		background-color: #333;
		color: #F5F5F5;
	}
	
	a{color: #F5F5F5;}
}

/* main */
main {
	margin: 0 auto;
    padding: 0 1em;
    width: 100%;
    max-width: 750px;
}

h2{margin-bottom: 0;}

#new dl, dt, dd{
	margin: 0;
	display: inline;
}

dt{
	width: 64px;
	margin-right: 5px;
}