@charset "utf-8";
@font-face
{
font-family: 刻明朝;
src: url('https://cdn.leafscape.be/kokumin/font_1_kokumr_1.00_rls_web.woff2')
     format("woff2");
}
/*-------------------------------------------------
このフォントはIPAフォントライセンスv1.0の下で提供されています。
http://ipafont.ipa.go.jp/ipa_font_license_v1.html
オリジナルのフォントは以下から取得できます。
http://ipafont.ipa.go.jp/
-------------------------------------------------*/

html {
 font-size: 62.5%;
}
body {
 padding: 5rem 0rem;
 background: #cbba92;
 color: #000000;
 font-size: 1.3rem;
 font-family: 'メイリオ', 'ヒラギノ角ゴ', sans-serif;
 letter-spacing: 0.2em;
 line-height: 180%;
}

a {
 text-decoration: none;
 transition: 0.5s;
}
h1,h2,h3,h4 {
 font-family: '刻明朝', serif;
 font-weight: normal;
}
h1 {
 padding: 0.5em 0em;
 font-size: 3.5em;
 text-align: center;
}
h2 {
 display: inline-block;
 padding: 0.2em;
 margin: 0.5em 0em;
 background: #000000;
 color: #ffffff;
 font-size: 1.5em;
}
h3 {
 padding-left: 1.3rem;
 font-weight: bolder;
}
em {
 background: #dfd3b6;
 font-style: normal;

}
input,textarea,select,button {
 border: none;
 font-family: inherit;
 font-size: 100%;
}
textarea {
 padding: 0.2em;}

p {
 padding: 0em 1.3rem;
}
section {
 margin: 1.5em 0em;
}



main {
 display: block;
 padding: 3rem;
 margin: 3rem auto;
  width: 50%;
  min-width: 500px;
/* background: #ffffff;*/
}
main a {
 color: #2b4a70;
}


article {
 padding: 2em;
 margin-bottom: 2em;
 background: #ffffff;
}
article .time {
 font-family: '刻明朝', serif;
 text-align: right;
}




header {
 margin: 2rem auto;
  width: 50%;
  min-width: 500px;
 background: url('') center no-repeat;
 font-family: '刻明朝', serif;
}
header h1 {
 margin: 2rem auto;
  width: 1em;
 color: #000000;
 font-size: 5.0rem;
 line-height: 1em;
 writing-mode: vertical-rl;
}
header p {
 font-size: 1.1rem;
 text-align: center;
}
nav {
 padding-bottom: 2rem;
}
nav ul {
 display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center;
}
nav li {
 padding: 0em 1em;
 margin: 0.5em 0.3em;
 font-size: 3.0rem;
 writing-mode: vertical-rl;
 writing-mode: tb-rl;
}
nav a {
 padding: 0.5em;
 background: #000000;
 color: #ffffff;
}
nav a:hover {
 color: #999999;
}



.red {
 color: #d6000f;
}
.right {
 text-align: right;
}
.center {
 text-align: center;
}