@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: url('../bg.jpg') center / auto no-repeat fixed #f5f5f5;
 color: #1f2b66;
 font-size: 1.4rem;
 font-family: はれのそら明朝, serif;
 letter-spacing: 0.2em;
 line-height: 180%;
}
a {
 color: #4682b4;
 text-decoration: none;
 transition: 0.4s;
}
a:visited {
 color: #3d4466;
}
a:hover {   
 color: transparent;
 text-shadow: 0 0 4px #3d4466;
}

h1 {
 padding: 2em 0em 1em;
 color: #1f2b66;
 font-size: 3rem;
 text-align: center;
}
h2 {
 padding-top: 1em;
 font-size: 1.5rem;
}
h3 {
 padding: 0.5em 0em 2em;
 font-family: 'はれのそら明朝', serif;
 font-size: 1.3em;
}
em {
 font-style: normal;
 font-weight: bolder;
}
input,textarea {
 background: rgba(255,255,255,0.5);
 border: solid 1px #639b99;
 font-family: inherit;
 font-size: 100%;
}
input[type="text"] {
 width: 6em;
 margin-right: 1em;
}

main {
 display: block;
 margin: 5rem auto;
  width: 55%;
  min-width: 500px;
}

ul,ol,dl {
 list-style: none;
}
ul {
 padding: 2em 0em;
}
ul li {
 padding: 0.1em 0em;
}
ul li a {
 margin: 0em 1em;
}
.list {
 display: flex;
 padding: 0em;
 margin: 1em 0em;
}
.list .title {
 padding-right: 1em;
}
.list li a {
 margin: 0em 1em 0em 0em;
}

form {
 padding: 1em 0em;
 text-align: center;
}

.text {
 padding: 5vh 2em;
 margin: 5vh auto;
  width: 40%;
 background: rgba(255,250,250,0.6);
 font-size: 1.3rem;
 letter-spacing: 0.3em;
 line-height: 200%;
}
.text p {
 text-indent: 1em;
}
.ps {
 padding: 1em;
 text-align: center;
 margin-top: 2em;
 border-top: solid 1px #4b5959;
 color: #4b5959;
}