@charset "utf-8";

.links00{
  width: 75%;
  padding-left: 20%;
}
.links01{
  width: 100%;
  margin: -5px;
  padding: 10px 15px 10px 20px;
  background-color: #dbedff;
}
.links01 a p{
  font-size: 18px;
}
.links02{
  width: 100%;
  padding: 15px;
  background-color: #efffef;
}
.links02 a p{
  font-size: 18px;
}

h3.title{
  width: 100%;
  margin: -10px 0 5px 0;
  padding: 5px 0;
  background: #000;
  color: #fff;
  font-size: 22px;
  letter-spacing: 2px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
}
.whatsnew{
  margin: 0 0 0px 0;
}
p.group_title{
  margin: 0 0 10px 0;
  background-color: #cccccc;
  text-align: center;
  margin: 0 0px;
  line-height: 1.2;
  font-size: 14px;
  border-bottom: dotted 1px #000;
}

.month{
  margin: 0px 0px 0px 10px;
  font-size: 12px;
  color: blue;
}
ul.yokonarabi{
  display: flex;
  flex-wrap: wrap;
  margin: -10px 0px -10px 20px;
  font-size: 14px;
  line-height: 1.1;
}
li.mark{
  width: auto;
  padding: 3px 10px 3px 0px;
}
li.mark:before{
  content:"\025b6";
  padding: 0 0 0 0px;
  color: blue;
}



/* category jump */
ul.category_jump{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin: 10px 10px;
  padding: 5px 10px;
  font-size: 16px;
  line-height: 1.5;
}
/* メディアクエリ　横幅768px以上のデバイスでのみulタグのwidthを上書きする */
@media print, screen and (min-width: 768px) {
  ul.category_jump{width: 94%;}
}
li.category{
  width:  auto;
  margin: 5px 5px;
  padding: 0 5px;
  outline:  solid 0.7px red;
  outline-offset: 1px;
}



/*　映画の各カテゴリーへジャンプできる：　*/
 /*下のボックスをクリック、またはタッチしてください。 */
.setsumei{
   margin-bottom: 5px;
   line-height: 1.3;
   font-size: 16px;
   color: #330033;
}
/*「Windowsパソコンでは */
.kensaku{
   display: none;
}


/* 下のリストの題名をクリックすると、解説が読めます　*/
p.click_kaisetsu{
  padding: 10px 8px 5px 10px;
  font-size: 16px;
  color: #660066;
  line-height: 1.3;
}
p.click_blog{
  padding: 5px 8px 30px 10px;
  color: #330033;
  line-height: 1.3;
}


/* 全映画リストへ戻る*/
h3.movies_category{
  padding: 10px 0;
  margin: 10px 0 10px 0;
  background: #fff4ea;
  font-size: 22px;
  text-align: center;
  border-top: solid 3px #543f32;
}
ul.all_jump_bg{
  width: 92%;
  margin: 10px 0 0px 20px;
  padding: 4px 0;
  border-bottom: solid 1px #000;
  font-size: 1.1em;
  color: #663300;
  list-style: none;
}
ul.all_jump_bg a{
  color: #663300;
  text-decoration: none;
}
ul.all_jump_bg a:hover{
  color: green;
}
li.all_jump_title a{
  color: #330066;
  font-weight: bold;
  line-height: 1.4;
  text-decoration: none;
}
li.all_jump_title a:hover{
  color: green;
  background: #f4fff4;
}

/* カテゴリー選択に戻る　*/
.return_category_toplist{
  width: 60%;
  margin: 10px 0 10px 15px;
}
.return_category_toplist img{
  width: 100%;
}

/* 全映画リストに戻る　*/
.return_movielist{
  width: 80%;
  margin: 10px 0 10px 40px;
}
.return_movielist img{
  width: 100%;
}

/* カテゴリー選択に戻る　*/
.return_category{
  width: 80%;
  margin: 10px 0 10px 40px;
}
.return_category img{
  width: 100%;
}

/* カテゴリー　 */
h2.movies_category{
  padding: 15px 0;
  margin: 20px 0 0 0;
  background: darkblue;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}
/* ～～のTOPへもどる　 */
h4.return_category_top{
  color: #000;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  padding: 15px 0;
  margin: 10px 0 0 0;
  background: #eaeaff;
}

/* 清水氏の前置き */
p.notes{
  width: 90%;
  padding: 0px 0 0 20px;
  font-size: 1em;
  line-height: 1.5;
}
span.notes{
  font-size: 1.1em;
  font-weight: bold;
}


/* 移民難民の映画リストのトップへ戻る　*/
p.imin_list_top{
  padding: 0 0 0 10px;
  margin: 10px 0 10px 10px;
}
p.imin_list_top img{
  width: 30px;
  padding: 0px 5px 0px 5px;
}

/* これは映画ではなく、映画を紹介する本 */
p.book_imin{
  width: 93%;
  padding: 10px 10px;
}

/* 移民難民の映画リスト　*/
ul.imin{
  width: 100%;
  padding: 10px 0 10px 30px;
  border-top: solid 3px green;
  border-bottom: solid 3px green;
}
li.imin{
  width: 90%;
  padding: 5px 0 5px 0px;
}
p.imin{
  width: 94%;
  padding: 10px 0px 0 15px;
}


/* -------------------------  */
/* 各カテゴリー　*/
.each_movie{
  width: 94%;
  margin: 0 0 0 15px;
  border-bottom: solid 1px #000;
}
.movie_pic{
  width: 65%;
  padding: 0 0 0 0;
  margin: 40px auto 10px;
}
.movie_pic_yokonarabi{
  display: flex;
  flex-wrap: wrap;
  padding: 0 0 0 0;
  margin: 10px auto;
}
.movie_pic_yokonarabi img{
  width: 60%;
  padding: 0 0 0 28%;
  margin: 10px 0;
}
.catch{
  padding: 0 0 10px 0;
  font-size: 17px;
  font-weight: bold;
  text-align: center;
}
.movie_title{
  padding: 13px 0 10px;
  background-color: #000;
  font-size: 19px;
  text-align: center;
  color: #fff /* #660066 */;
  font-weight: bold;
}
.director{
  padding: 8px 0;
  border-bottom: dotted 2px #000;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4;
}
p.contents{
  font-size: 16px;
  font-weight: bold;
  padding: 10px 5px 5px;
}
ul.contents{
  margin: 20px 0 10px 30px;
}
li.contents{
  padding: 0px 0;
  line-height: 0.2;
  font-size: 16px;
  color: #663300;
  font-weight: bold;
}
ul.contents li{
  padding: 4px 0;
  line-height: 1.1;
  font-size: 16px;
  color: #663300;
  font-weight: bold;
}
ul.contents li.indent{
  text-indent: -20px;
  padding-left: 40px;
  font-size: 15px;
}
ul.contents02{
  width: 0 auto;
  padding: 10px 0 10px 40px;
  border-top: solid 1px #000;
}
ul.contents02 li{
  line-height: 1.3;
}

p.links{
  margin: 0px 0 15px 0;
  padding: 5px 10px;
  font-size: 15px;
  line-height: 1.5;
  font-weight: bold;
  background: #eaeaff;
}



.return_movielist_each{
  padding: 10px 0;
  margin: 0 0 20px 0;
  border-bottom: solid 1px #000;
  background-color: gray;
  font-size: 15px;
  text-align: center;
  font-weight: bold;
}
.return_movielist_each a{
  color: #fff;
}


/* 映画に関連する画像　*/
.movie_related_image{
  width: 80%;
  margin: 15px auto;
}
.movie_related_image p{
  text-align: center;
  font-size: 12px;
}


/* 新　リンク*/
.link{
  display: flex;
  margin: 20px 0 10px 10px;
}
/* 動画へリンク*/
.movie_link{
  width: 70%;
  height: 40px;
  padding: 12px 10px 0px 10px;
  margin: 10px 0 0 0;
  background-color: #56256e;
  text-align: center;
}
.movie_link a{
  color: #fff;
  font-weight: bold;
}
/*　新【みました！】へのリンク*/
.eishaki02{
  width: 60%;
  margin: -30px 0 0 10px;
}
p.mimashita{
  margin: 10px 0 0 -20px;
  font-size: 14px;
}
/*　旧【みました！】へのリンク*/
.rating{
  display: flex;
}
.eishaki{
  width: 20%;
  margin: 0 0 0 30px;
}
.rating p{
  margin: 25px 0 0 0;
  font-size: 16px;
}



/*  ratings.html  */
/*  ratings.html  */
/*  ratings.html  */
.whatsnew_archive{
  padding: 0 0 0 20px;
}
p.month{
  font-size: 16px;
}
p.title{
  margin: -20px 0 0 0;
  font-size: 14px;
}
h3.movies_category_rt{
  padding: 10px;
  background-color: darkblue;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}
h3.movies_category_rt a{
  color: #fff;
}
p.stars{
  padding: 5px 20px;
  background-color: lightblue;
  font-size: 16px;
}
ul.all_jump_bg_rt{
  padding: 5px 20px;
}
li.all_jump_catch{
  padding: 5px 0px;
}
li.all_jump_title{
  padding: 5px 0px;
  background-color: #000;
}
li.all_jump_title a{
  padding: 0 10px;
  color: #fff;
}
li.all_jump_year{
  padding: 5px 0px;
}
p.stars_each{
  padding: 0px 20px;
  color: darkblue;
}
p.ratings{
  padding: 5px 20px;
  font-size: 17px;
}
.return{
  padding: 5px 20px;
  background-color: lightblue;
  text-align: center;
}