@charset "utf-8";

/* タイトル帯　固有 */
h1.page_title{
  margin: 0 0 10px 0;
  font-size: 26px;
  letter-spacing: 3px;
  border-top: solid 1.5px green;
}


/*  共通　*/
nakamura.bold{
  font-size: 1.2em;
  font-weight: bold;
}

/*　*/
p.setsumei{
   width: 85%;
   padding: 10px 0;
   margin: 0 auto 20px;
   font-size: 1em;
   color: #330033;
   line-height: 1.6;
}
p.setsumei_imin{
   width: 80%;
   margin: 0 auto 20px;
   padding: 20px 30px;
   border-top: solid 0.5px darkblue;
   border-bottom: solid 0.5px darkblue;
   font-size: 1.05em;
   color: #330033;
   line-height: 1.5;
   background: #eaeaff;
}

/*「Windowsパソコンではワード検索ができます */
p.kensaku{
   padding: 20px 0 0px 40px;
   font-size: 1em;
   color: #330033;
}
p.click_kaisetsu{
  padding: 25px 0 0 0;
  line-height: 1.7;
  text-align: center;
  font-size: 16px;
  color: #330033;
}


/* category jump 各カテゴリーへのJUMP　*/
ul.category_jump{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 95%;
  margin: 10px auto 20px;
}
/* 容器が楕円 */
li.category{
  width: 130px;
  height: 70px;
  border-radius: 50%;
  line-height: 20px;
  margin: 15px 15px 0 0;
  padding: 15px 0 5px 0;
  background-color: #000;
  font-size: 16px;
  color: #fff;
  text-align: center;
  border: solid 1px #330066;
  box-shadow: 10px 10px 15px -10px;
}
li.category a{
  color: #fff;
  font-weight: normal;
}
/* 容器が四角
li.category{
  width: auto;
  margin: 15px 15px 0 0;
  padding: 10px 25px 10px;
  background: #000;
  font-size: 20px;
  text-align: center;
  border: solid 1px #330066;
  box-shadow: 10px 10px 15px -10px;
}
*/

/* 本の全一覧　と　各本へのジャンプ*/
section.all_jump{
  width: 100%;
  margin: 20px 0 20px 0px;
}
h3.books_category{
  padding: 12px 0;
  margin: 20px 0 5px 0;
  background: darkgreen;
  font-size: 24px;
  text-align: center;
  border-top: solid 2px #543f32;
  border-bottom: solid 0.5px #000;
}
h3.books_category a{
  color: #fff;
}
h4.sub_title{
  padding: 12px 0;
  margin: -5px 0 0 0;
  background: lightgreen;
  font-size: 20px;
  text-align: center;
  border-bottom: solid 0.5px #000;
}
ul.all_jump{
  width: 87%;
  margin: 0px 0 0px 90px;
  padding: 6px 0;
  font-size: 15px;
  color: #663300;
  line-height: 1.5;
  list-style: none;
  border-bottom: dotted 1px #543f32;
}
li.all_jump_bunrui{
  display: inline-block;
  vertical-align: top;
  width: 0;;
}
li.all_jump_title{
  display: inline-block;
  vertical-align: top;
  width: 35%;
  padding: 0 0px 0 0;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
}
li.all_jump_author{
  display: inline-block;
  vertical-align: top;
  width: 37%;
  padding: 0 0px 0 60px;
}
li.all_jump_year{
  display: inline-block;
  vertical-align: top;
  width: 26%;
  padding: 0 0px 0 50px;
}
li.all_jump_title a{
  color: #000;
  font-weight: bold;
  text-decoration: none;
}
li.all_jump_title a:hover{
  color: green;
  background: #f4fff4;
}


/* 全本リストに戻る　*/
.return_booklist{
  width: 22%;
  margin: 0px 30px 20px 75%;
}
.return_booklist img{
  width: 85%;
}


/* カテゴリー選択に戻る　*/
.return_category_toplist{
  width: 20%;
  margin: 20px 0 20px 30px;
}
.return_category_toplist img{
  width: 100%;
}
.return_category{
  width: 22%;
  margin: 0px 0 10px 75%;
}
.return_category img{
  width: 85%;
}


/* -----　各カテゴリーの表示　----- */
h2.books_category{
  width: 100%;
  font-size: 30px;
  color: #fff;
  font-weight: bold;
  letter-spacing: 2px;
  background: darkgreen;
  text-align: center;
  padding: 20px 0;
  margin: 0px 0 0;
  border-bottom: solid 0.5pt #000;
}
h3.sub_category{
  padding: 15px 0;
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 5px;
  border-bottom: solid 2pt darkgreen;
}



/* -----　各本　----- */
section.each_book{
  display: flex;
  width: 100%;
  padding: 0px 30px 0 80px;
  font-weight: bold;
}
.book_pic{
  width: 18%;
  padding: 30px 0 20px 0px;
}
.book_pic img{
  width: 90%;
  padding: 0 0 10px 0;
}

.shosai{
  width: 73%;
  margin: 0 auto;
  padding: 0 0 10px 0px;
  vertical-align: top;
  font-size: 18px;
  line-height: 1.5;
}

/* 画像が5枚のとき　*/
.book_pic_multi_5{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px 30px;
  width: 95%;
  margin: 20px auto;
  padding: 0;
}
.book_pic_multi_5 img{
  width: 13%;
  margin: 0;
}

/* 画像が4枚のとき　*/
section.each_book_multi_asia{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  background-color: #e5ffff;
}
.book_pic_multi_4{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 95%;
  margin: 20px 0;
}
.book_pic_multi_4_each{
  width: 25%;
  padding: 20px 20px;
}
.book_pic_multi_4_each img{
  width: ;
  padding: 10px 0px;
}

.book_pic_multi_3{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 95%;
  margin: 20px 0;
}
.book_pic_multi_3_each{
  width: 30%;
  padding: 20px 20px;
}
.book_pic_multi_3_each img{
  width: 80%;
  padding: 10px 0px;
}

.pic_multi_title{
   padding: 10px 0 0;
   font-size: 20px;
   color: #663300;
   line-height: 1.3;
   font-weight: bold;
}
.pic_multi_author{
  line-height: 1.3;
  font-size: 17px;
  color: #000033;
  font-weight: bold;
}



.shosai02{
  width: 80%;
  margin: 0 0 0 10%;
  padding: 0 0 10px 0;
  vertical-align: top;
  font-size: 18px;
  line-height: 1.5;
}

/*  レイアウトが異なる:一冊ずつタイトル付き　*/
p.theme{
  margin: 0px auto;
  padding: 30px 0 30px 0;
  width: 80%;
  font-size: 22px;
  color: #474747;
}
p.contents02{
  margin: 20px auto 40px;;
  width: 80%;
  font-size: 20px;
}

section.each_book_multi{
  background-color: #ccffe5;
}
.issatsuzutsu-wrap{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  padding: 0 0 40px 0;
  background-color: #ccffe5;
}
.issatsuzutsu{
  width: 35%;
  padding: 20px 0px;
  margin: 0 10px;
  background-color: #fff;
  box-shadow: 0px 0px 25px -10px;
}
.book_pic_multi{
}
.book_pic_multi img{
  display: block;
  width: 50%;
  margin: 0 auto;
}
.fuzoku{
  margin: 0 auto;
}
p.title{
  margin: 20px 0 0 0;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
p.author{
  margin: 0px 0 0 0;
  font-size: 16px;
  text-align: center;
}
p.publisher{
  margin: 10px 0 0 0;
  font-size: 16px;
  text-align: center;
  line-height: 1.7;
}


/* 共通  */
.book_title{
  color: #339900;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  padding-top: 30px;
}
.book_title a{
  color: #ff0066;
  text-decoration: none;
}
.book_title a:hover{
  color: #ffcccc;
}
.author{
  padding-top: 10px;
  font-size: 1.1em;
  font-weight: bold;
}
p.contents{
  padding: 12px 0;
  font-size: 18px;
  line-height: 1.6;
  color: #663300;
  font-weight: bold;
}
p.contents_background{
  padding: 20px 25px 20px 30px;
  font-size: 18px;
  line-height: 1.6;
  color: #663300;
  background-color: #e0efff;
}
.quatation{
  background-color: #e0efff;
  padding: 10px 25px 0px 30px;
}
ul.contents li{
  padding: 3px 0px 3px 30px;
  font-size: 16px;
  color: #663300;
  border-bottom: solid 0.5px brown;
  background: #fff7ef;
}
.contents a{
  color: #330066;
  text-decoration: none;
}
.contents a:hover{
  color: green;
}

/* 全部の本のリストにもどる　*/
.return_booklist_each{
  width: 100%;
  padding: 15px 0;
  margin: 0px 0 10px;
  background: #000033; /* #bcbace; */
  border-bottom: solid 1px #543f32;
  box-shadow: 10px 10px 15px -10px;
  font-size: 18px;
  letter-spacing: 1px;
  font-weight: bold;
  text-align: center;
}
.return_booklist_each a{
  display: block;
  color: #fff;
}


/* 清水さんの前文 */
section.maeoki{
  width: 86%;
  padding: 0 0 10px 0;
  margin: 20px 0 20px 70px;
  color: #663300;
  line-height: 1.6;
  background: #fff7ef;
}
p.notes_title{
  padding: 30px 30px 0px 50px;
  font-size: 22px;
  font-weight: bold;
}
p.notes{
  padding: 10px 40px 10px 50px;
  font-size: 18px;
  font-weight: bold;
}


/* 移民・難民 */
section.imin{
  margin: 20px 0 20px 0;
}
p.book_imin{
  width: 85%;
  padding: 20px 0 0px 60px;
  font-size: 1.1em;
  color: #003300;
  font-weight: bold;
  line-height: 1.5;
}
p.imin{
  width: 85%;
  padding: 2px 0 2px 60px;
  font-size: 1em;
  line-height: 1.5;
}
div.background{
width: 81%;
padding: 20px 30px 20px 30px;
margin: 10px 0 0 60px;
color: #663300;
line-height: 1.5;
background: #fff7ef;
}


/* 『映画でみる移民／難民／レイシズム』の映画リストに戻る　*/
p.imin_list_top{
  font-size: 1em;
  font-weight: bold;
  margin: 20px 0 10px 40px;
}
.imin_list_top a{
  color: #003300;
  text-decoration: none;
}
.imin_list_top a:hover{
   color: #ff0066;
}
p.imin_list_top img{
  width: 5%;
  vertical-align: middle;
}

/* 「移民／難民／レイシズム」内の映画のリスト */
section.all_jump_nakamura{
  margin: 20px 0;
}
ul.all_jump_nakamura{
  display: flex;

  margin: 0px 10% 0px 10%;
  padding: 6px 10px;
  font-size: 16px;
  color: #663300;
  list-style: none;
  border-top: dotted 1px #543f32;
}
li.all_jump_nakamura_catch{
  width: 33%;
  font-size: 15px;
}
li.all_jump_nakamura_title{
  width: 42%;
  line-height: 1.5;
}
li.all_jump_nakamura_title a{
  color: #003300;
  font-weight: bold;
  text-decoration: none;
}
li.all_jump_nakamura_title a:hover{
  color: green;
  background: #f4fff4;
}
li.all_jump_nakamura_year{
  font-size: 15px;
}


/* ホームページTOPへもどる　book_catetory　固有　*/
.return_indexhtml{
  margin: 20px 0 0 0;
}