@charset "UTF-8";

body{
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; 
}
h1 {

  font-size: 1.8em;
  font-feature-settings: "pkna";
  font-weight: 500;
  color: #FDFDFD;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  line-height: 1.3em;
}
.headerall h1 {
  font-size: 1.8em;
  font-feature-settings: "pkna";
  font-weight: 400;
  color: whitesmoke;
  width: 100%;
  margin-bottom: 5px;
  line-height: 1em;
 padding-top: 0px;
}

.headerall h2 {
  font-size: 0.8em;
  font-weight: 300;
  line-height: 1.3em;
  border-bottom-style: solid;
  border-bottom-color: orangered;
  color: white;
  padding: 3px;
  padding-bottom: 0.4em;
}
h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.5em;
  font-weight: 500;
  font-feature-settings: "pkna";
  text-align: center;
  border-bottom: thin solid navy;
  color: navy;
}
h4 {
    padding-top: ０;
    font-size: 1.0em;
	line-height: 1.3em;
    font-weight: 500;
    border-bottom: thin solid red;
    color: black;
    width: auto;
}
article3 h5 {
  font-family: Arial, Helvetica, sans-serif;
  margin-bottom: 0em;
  font-size: 1.5em;
  width: 100%;
  color: darkblue;
  font-weight: 400;
  border-bottom: thin solid red;
  text-align: center;
}
h5 {
  width: 100%;
  font-size: 1.6em;
  color: red;
  font-weight: 400;
  margin-bottom: 0em;
  border-bottom: thin solid #D129FB;
  text-align: center;
}
h6 {
  margin-top: 0em;
  margin-bottom: 0em;
  color: #0075FD;
  font-weight: 600;
  font-size: 2em;
  text-align: center;
  border-bottom: thin solid #F60F13;
  height: 1.5em;
}
.sample2{
  list-style-type: none;
  display: flex;
  border-right-width: 10px;
  margin-right: 50px;
  justify-content: space-around;
  margin-bottom: -40px;
  margin-top: 10px;
}
.sample3{
  list-style-type: none;
  display: flex;
  border-right-width: 10px;
  margin-right: 50px;
  justify-content: space-around;
  margin-bottom: 0px;
  padding-bottom: 2px;
}
.sample2 li{
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"; 
  border-width: 50px;
  background-color: none;
  border-radius: 2px;
}

.all.wrap {
    width: 70%;
    margin: auto;
    padding-right: auto;
    padding-left: auto;
}

.headerall {
  background-color: #0D1541;
  padding-left: 2em;
  padding-right: 2em;
  text-align: center;
  padding-bottom: 1em;
  font-size: 1.5em;
  padding-top:0.5em;
}

article p {
  line-height: 1.5em;
}
a {
 color: #0000FF;
  text-decoration: none;
  line-height: 1.1em;
}
.span21 a{
    color:lightgray;
}

body article3 {
  padding-top: 2em;
}
.span0 {
  font-weight: 500;
  font-size: 1.3em;
  color: #060057;
  padding-bottom: 8px;
  border-bottom: thin solid #F70206;
}

.span2 {
  color: darkred;
  font-weight: 545;
  font-size: 1.1em;
}
.span21 {
  fcolor: yellowgreen;
  font-weight: 600;
  font-size: 0.7em;
}

.span22 {
  color: yellow;
  font-weight: 600;
  font-size: 1.2em;
}

.span3 {
  font-weight: 540;
  font-size: 1.1em; 
  color: darkblue;
}
.span31 {
  font-weight: 400;
　text-align: center;
  font-size: 1.5em; 
    padding-bottom: 8px;
  border-bottom: thin solid #F70206;
  color:darkred;
}
.span23 {
 text-align: center;
}


.span4  {
  color: darkblue;
}

.span6 {
  color: yellow;
  padding-bottom: 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.1em;
line-height: 1.5em;
  font-weight: 500;
}

/*.span61 {
  color: yellow;
  padding-bottom: 2px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.1em;
font-weight: 600;}*/

.spanbr {
  display: inline-block;
}
.span7 {
  color: lightgoldenrodyellow;
  font-weight: 200;
  font-size: 0.9em;
  line-height: 0.9em;
  padding-top: 0px;
  padding-bottom: px;
  padding-right: 0px;
  padding-left: 0px;
  margin-bottom: 0px;

}

.span8 {
  font-family: "Times New Roman", Times, "sans-serif";
  font-size: 1.2em;
  color: navy;

}

.span9 {
  font-family: Arial, Helvetica, sans-serif;
  margin-bottom: 0em;
  color: red;
  text-align: center;
  font-weight: 500;
  font-size: 1.3em;
}
.span9-1 {
  font-family: Arial, Helvetica, sans-serif;
  margin-bottom: 0em;
    text-align:center;
  font-weight: 500;
  font-size: 1.5em;
    padding-bottom:25px !important;
}
.BookFace{ 
 width:70%;
    margin:0 auto;
}
.BookFace img{
    border:1px solid #ccc;
    width:100%;
    height:auto;
 
}
.text{
      text-align: center;  
    
}
.BookFace .face img{
   width:auto;
}

.span111 {
  color: floralwhite;
  font-size: 1em;
  font-weight: 500;
}

.span11 {
  color: yellow;
  padding-top: 2px;
  padding-bottom: 2px;
  line-height: 1.5em;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.3em;
  font-weight: 500;
}

.span12 {

/*  margin-left: auto;
  margin-right: 10em;
  margin-top: 1.5em;
  width: auto;
  padding-top: 0.9%;
  padding-left: 0em;
  padding-right: 8em;
  padding-bottom: 0.7%;
  margin-bottom: 1em;*/
  font-family: Arial, Helvetica, sans-serif;
  margin-bottom: 3px;
  font-weight: 500;
  font-size: 1.5em;
  color: darkblue;
  color: blue;
}

.span13 {
  font-family: Arial, Helvetica, sans-serif;
  margin-bottom: 3px;
  font-weight: 500;
  font-size: 1.2em;
  color: darkblue;
 /* border-bottom: thin solid blue;
  padding-bottom: 3px;*/
}
/*.span14 {
  font-weight: 500;
  line-height: 1.8em;
  border-bottom: thin solid #F70206;
  padding-bottom: 5px;
  margin-bottom: 0;
}*/
.span15 {
  font-family: "Times New Roman", Times,  "sans-serif";
  font-size: 1.4em;
  color: navy;
}
.span18{
    font-size:1.3em;
    font-weight:bold;
  color: greenyellow;
    }
.span19{
    font-size:1em;
    line-height: 1em;
    font-weight:400;
    text-align:center;
    }
p1{
 border-bottom: thin solid blue;
  padding-bottom: 1px;
}
footer {
  background-color: white;
  text-align: center;
  width: auto;
  margin-top: 1em;
  margin-bottom: 5px;
  padding-top: 5em;
  line-height: 1.4em;
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom:3em;
}
.current{
    color:red;
}
.enterbt{
    width: 250px;
    margin: 0 auto;
    border-radius: 10px;
    background-color: blue;
}
.enterbt a{
    display:block;
    color: white;
    text-align:center;
    padding:18px;

}