@charset "utf-8";
@font-face
{
font-family: はれのそら明朝;
src: url('https://cdn.leafscape.be/Harenosora/harenosora_web.woff2')
     format("woff2");
}
/*-------------------------------------------------
このフォントはIPAフォントライセンスv1.0の下で提供されています。
http://ipafont.ipa.go.jp/ipa_font_license_v1.html
オリジナルのフォントは以下から取得できます。
http://ipafont.ipa.go.jp/
<blockquote data-secret="uoFEK7mhQX" class="wp-embedded-content"><a href="http://fontopo.com/?p=377">はれのそら明朝</a></blockquote><iframe class="wp-embedded-content" sandbox="allow-scripts" security="restricted" style="position: absolute; clip: rect(1px, 1px, 1px, 1px);" src="http://fontopo.com/?p=377&embed=true#?secret=uoFEK7mhQX" data-secret="uoFEK7mhQX" title="埋め込まれた WordPress の投稿" marginwidth="0" marginheight="0" scrolling="no" width="500" height="282" frameborder="0"></iframe>
-------------------------------------------------*/

html {
 background: transparent;
 font-size: 62.5%;
}
body {

 background: #f4ffff;
 color: #1f2b66;
 font-size: 1.2rem;
 font-family: はれのそら明朝, serif;
 letter-spacing: 0.2em;
 line-height: 180%;
 background: url('../bg.jpg');
 background-repeat: no-repeat;
 background-attachment: fixed;
}
a {
 color: #4682b4;
 text-decoration: none;
}
a:visited {
 color: #3d4466;
}

h1 {
 margin: 1em auto 0em;
 color: #1f2b66;
 font-size: 2rem;
 font-weight: normal;
 text-align: center;
}
em {
 font-style: normal;
 font-weight: bolder;
}
h2 {
 padding-top: 1em;
 font-size: 1.5rem;
}
input,textarea {
 border: none;
 font-family: inherit;
 font-size: 100%;
}
input[type="text"] {
 padding: 0.2em;
 width: 6em;
 margin-right: 1em;
}

main {
 margin: 2rem auto;
  width: 90%;
  max-width: 500px;
}

ul,ol,dl {
 list-style: none;
}
ul {
 padding: 1em 0em;
}
ul li a {
 margin: 0em 1em;
}
.list {
 display: flex;
  flex-wrap: wrap;
 padding: 0em 0.5em;
}
.list .title {
 padding-right: 1em;
}
.list li a {
 margin: 0em 1em 0em 0em;
}
form {
 padding: 1em 0em;
 text-align: center;
}

.text {
 margin: 10vh auto;
  width: 90%;
 line-height: 200%;
}
.text p {
 text-indent: 1em;
}
.ps {
 padding: 1em;
 text-align:center;
 margin-top: 2em;
 border-top: solid 1px #4b5959;
 color: #4b5959;
}