@charset "UTF-8";
@font-face{
 font-family: "WFminamotonomincho";
 src: url(../font/SourceHanSerifJP_Regular.eot) format("eot"),
 url(../font/SourceHanSerifJP_Regular.woff) format("woff"),
 url(../font/SourceHanSerifJP_Regular.ttf) format("truetype");
 }

*{
 margin:10;
 padding:0;
 border:none;
 font-family: WFminamotonomincho, serif;
 }

body{
 font-size: 16px;
 line-height: 200%;
 }
 
::-webkit-scrollbar{
 width: 12px;
 }
::-webkit-scrollbar-track{
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 border-radius: 10px;
 }
::-webkit-scrollbar-thumb{
 border-radius: 10px;
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
 }

#bg {
 position: fixed;
 display: block;
 content: '';
 top: 0;
 left: 0;
 z-index: -100;
 width: 100%;
 height: 100vh;
}

article{
 max-width: 800px;
 margin: 3em auto 5em;
 padding: 3em;
 text-align:justify;
 hanging-punctuation: first force-end last;
 }
 
.txt{
 max-width: 800px;
 margin: 3em auto 5em;
 padding: 3em;
 text-align:justify;
 hanging-punctuation: first force-end last;
 }

.cl{
 text-align:center;
 }

.haba{
 margin:5% 0%;
 padding: 2%;
 }

.date{
 margin:20px 0;
 text-align:right;
 font-size:10px;
 line-height: 150%;
 }

hr{
 border: none;
 border-bottom: 1px dashed;
 margin: 10px 0;
 }

a{
 text-decoration:none;
 }
a:hover{
 text-decoration:underline;
 }

emp{
 font-family: WFminamotonomincho, serif;
 -webkit-text-emphasis:filled sesame;
 -moz-text-emphasis:filled sesame;
 text-emphasis:filled sesame;
 }


#formWrap{
 text-align:center;
 }

form{
 margin:3px; padding:3px;
 }
form input, form text, form select{
 border:1px solid;
 border-radius: 3px;
 box-sizing:border-box;
 }

input{
 margin:3px;
 padding:3px;
 }


.box{
 border-radius: 5px;
 padding: 10px;
 margin: 30px 0 10px;
}


/* トップに戻るボタン */
#pageTop {
  position: fixed;
  bottom: 0px;
  right: 10px;
}

#pageTop i {
  padding-top: 3px;
  padding-right: 5px;
}

#pageTop a {
  display: block;
  z-index: 999;
  padding: 5px 0 0 5px;
  border-radius: 30px;
  width: 25px;
  height: 25px;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}

#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}


@media all and (max-width: 768px) {
.txt{
 margin:10px;
 padding:5%;
 }
 }