@charset "utf-8";





/*-------------------------------------------
　トップページ
-------------------------------------------*/


.top-koumoku {
  font-size: 1.4em;
  font-weight: bold;
  color: blue;
}



h1.top-slogan {
  max-width: 450px;
  font-size: 3em;
  font-weight: bold;
  color: white;
  background: blue;
  padding: 15px;
  text-align: center;
}

.top-photo {
  text-align: center;
  margin: 0 auto;
}








/*-------------------------------------------
　各ページ
-------------------------------------------*/


.himiko {
  margin: 20px auto;
  max-width: 358px;
  width: 96%;
  max-height: 639px;
  text-align: center;
}


.jews {
  margin: 20px auto;
  max-width: 550px;
  width: 96%;
  max-height: 550px;
  text-align: center;
}







.news-ollist {
  font-size: 1em;
  font-family: sans-serif;
  color: #000;
  background-color: #FFF;
  padding-left: 40px;
 }
 





/*NEWSの日付*/
.date{
  font-size: 1em;
  font-family: sans-serif;
  color: #000;
  text-align: right;
  background-color: #FFF;
}



/*NEWS*/
.article-news {
  font-size: 1em;
  font-family: serif;
  color: #000;
  background-color: #FFF;
  padding: 20px;
  margin-bottom: 50px;
  
 }
 







/*FAQ*/
.fqfirst:first-letter {
  font-size: 2em;
  color: red;
 }
 


/*FAQ*/
.fafirst:first-letter {
  font-size: 2em;
  color: blue;
 }
 




/*著者説明*/
.parade-setumei {
  text-indent: -1em;
  display: block;
  font-family: sans-serif;
  font-size: 0.9em;
  font-weight: bold;
}



/*自画像写真*/
div.jigazou-photo {
  display: block;
}



/*著者説明*/

dl.author {
  display: block;
  font-family: sans-serif;
  font-size: 0.9em;
  padding-left: 40px;
}


@media screen and (min-width: 820px){
div.photo-author {
  display: flex;
}
}





/*在位期間の写真*/
.zaiikikan {
  margin-top: 20px;
  max-width: 420px;
  width: 94%;
}





/*在位期間の写真*/
.ryoubo {
  position: relative;
  top: -60px;
  left: -30px;
  z-index: 200;
  margin-top: 20px;
}









/*引用*/
p.inyou {
  background-color: #FFFFEB;
  color: #00552e;
}






/*普通のリスト*/
ul.futuuu {
    background-color: #FFFFEB;
    list-style-type: square;
    text-align: left;
    margin-left: 10px;
}










/*肩書き*/

.katagaki {
font-family: serif;
text-align: right;
padding-right: 42px;
}





/*署名*/

.shomei {
font-family: "有澤楷書",cursive;
font-size: 1.8em;
text-align: right;
padding-right: 12px;
}







/*-------------------------------------------
　各巻
-------------------------------------------*/


/*引用*/
.inyou {
  color: darkgreen;
}








/*章*/
.bu {
  font-size: 1.4em;
  font-weight: bold;
  color: dodgerblue;
}






/*章*/
.shou {
  font-size: 1.2em;
  font-weight: bold;
  color: blue;
}







/*小項目並び*/

p.shou-koumoku{
  font-size: 0.8em;
  padding-left: 1em;
  text-indent: 1em;
}



/*-------------------------------------------
　サイドバナー
-------------------------------------------*/



aside {
  position: relative;
  left: 10px;
  margin-bottom: 20px;
}



p.banner1-takaki {
  display: block;
  width: 220px; 
  padding: 10px;
  font-size: 20px;
  font-weight: bold;
  background-color: #2cb4ad;
  text-align: center;
  text-indent: -0.5em;
}



.banner1-takaki a {
  color: #fff;
  text-decoration: none;
}

.banner1-takaki a:hover {
  color: #ffec47;
}




p.banner2-engine {
  width: 220px; 
  padding: 10px;
  margin-top: 10px;
  font-size: 20px;
  font-weight: bold;
  background-color: #4d4398;
  text-decoration: none;
  text-align: center;
  text-indent: -0.5em;
}


.banner2-engine a {
  color: #fff;
  text-decoration: none;
}

.banner2-engine a:hover {
  color: #ffec47;
}



p.banner3-yogen {
  width: 220px; 
  padding: 10px;
  margin-top: 10px;
  font-size: 20px;
  font-weight: bold;
  background-color: #915da3;
  text-decoration: none;
  text-align: center;
  text-indent: -0.5em;
    }

.banner3-yogen a {
  color: #fff;
  text-decoration: none;
}

.banner3-yogen a:hover {
  color: #ffec47;
}






p.banner4-seikeisha {
  width: 220px; 
  padding: 10px;
  margin-top: 10px;
  font-size: 20px;
  font-weight: bold;
  background-color: #007b43;
  text-decoration: none;
  text-align: center;
  text-indent: -0.5em;
}



.banner4-seikeisha a {
  color: #fff;
  text-decoration: none;
}

.banner4-seikeisha a:hover {
  color: #ffec47;
}






p.banner5-antifemi {
  width: 220px; 
  padding: 10px;
  margin-top: 10px;
  font-size: 20px;
  font-weight: bold;
  background-color: #ffa500;
  text-decoration: none;
  text-align: center;
  text-indent: -0.5em;
}



.banner5-antifemi a {
  color: #fff;
  text-decoration: none;
}

.banner5-antifemi a:hover {
  color: #ffec47;
}























/*パソコンサイズに移行したときのサブナビの位置の指定*/
@media screen and (min-width: 768px){
aside {
  position: relative;
  top: 160px;
}
}






/*-------------------------------------------
　各巻表紙画像
-------------------------------------------*/




/*大きいサイズに移行したときの本文画像と説明の配置*/
@media screen and (min-width: 450px){
.kakukan-hyoudai {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
}




.kakukan-description {
  display: block;
  margin-left: 0px;
  margin-bottom: 12px;
  padding-right: 12px;
  font-size: 0.9em;
}


.kakukan-photo {
  display: block;
  margin-bottom: 12px;
}








/*-------------------------------------------
　ページのトップへ
-------------------------------------------*/
.pagetop {
  text-align: right;
  padding: 5px;
  background: #00a497;
  position: fixed;
  z-index: 300;
  top: 88vh;
  right: 10vw;
  text-decoration: none;
  border-radius: 5px;
}


.pagetop a {
  color: #fff;
  text-decoration: none;
}


.pagetop a:hover {
  color: yellow;
}





/*-------------------------------------------
　フッター
-------------------------------------------*/
.foot-area {
  text-align: center;
  padding-top: 40px;
  background-color: #596680;
}

.foot-logo {
  margin: 0 auto 20px;
  width: 60px;
  height: 60px;
}


.foot-area_copy {
  color: #ccc;
  font-size: 12px;
  display: inline-block;
  width: 100%;
  padding: 10px;
}






/*-------------------------------------------
　PDFダウンロード
-------------------------------------------*/



.pdfdownload a {
  font-size: 1.2em;
 }




p.pdfdownload:first-letter{
  font-size: 2em;
  color: red;
 }