@charset "utf-8";

/* page_tile　固有 */
h1.page_title{
  margin: 5px 0 0 0;
  border-top: solid 1.5px green;
}

/* collection title 「みました！」　*/
h3.title{
  width: 100%;
  margin: 0;
  padding: 10px 0 7px 0;
  background: #636363;
  border-top: solid 1px red;
  color: #fff;
  font-size: 20px;
  letter-spacing: 2px;
  font-weight: bold;
  line-height: 1.6;
  text-align: center;
}


/* What's New */
.whatsnew{
  display: flex;
  flex-wrap: wrap;
  width: 90%;
  padding: 0 5px 0 0;
  margin: 0 10% 0;
  font-size: 15px;
  font-weight: bold;
}
ul.yokonarabi{
  display: flex;
  flex-wrap: wrap;
  width: 80%;
  padding: 5px 0 0 0;
  line-height: 1.6;
  border-top: solid 1px darkgray;
}
p.month{
  width: 10%;
  padding: 10px 0 0 0;
  line-height: 1.6;
  margin: 0 0 0 0;
  color: #ff3366;
}
li.mark{
  width: ;
  padding: 5px 15px 0px 0;

}
li.mark:before{
  content:"\025b6";
  padding: 0 3px 0 10px;
  color: pink;
}

/*
.whatsnew_archive{
  width: 12%;
  margin: -30px 10px -10px 85%;
  padding: 7px 10px;
  background: green;
  text-align: center;
  font-size: 14px;
  box-shadow: 10px 10px 15px -10px;
}
.whatsnew_archive a{
  color: #fff;
}
*/

/* 全映画リストにもどる　*/
.return_movielist{
  width: 100%;
  padding: 12px 0;
  margin: 10px 0 30px 0;
  background-color: #bcbace;
  border-top: solid 0px #543f32;
  box-shadow: 10px 10px 15px -10px;
  font-weight: bold;
  text-align: center;
}
.return_movielist a{
  display: block;
  font-size: 17px;
}

/* kensaku */
p.kensaku{
   width: ;
   margin: 20px 100px 20px 150px;
   padding: 0px 0px 0px;
   font-size: 16px;
   color: #330033;
   line-height: 1.5;
}


/* category jump */
ul.category_jump{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 80%;
  margin: 0 auto 15px;
}
li.category{
  width:  auto;
  margin: 10px 10px 10px 0;
  padding: 7px 20px 5px 20px;
  background: #000;
  font-size: 18px;
  text-align: center;
  border: solid 1px #330066;
  box-shadow: 10px 10px 15px -10px;
  outline-offset: 1px;
}
li.category a{
  color: #fff;
}
li.category a:hover{
  color: #eaf4ff;
}

/* category titles */
h3.movies_category_rt{
  width: 100%;
  padding: 15px 0 15px 0;
  margin: 0 0 1px 0;
  background: #dedede;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  border-top: solid 1px #543f32;
  box-shadow: 10px 10px 15px -10px;
}
h3.movies_category_rt a{
  color: red;
  font-size: 26px;
  font-weight: bold;
  text-shadow: 10px 10px 15px -10px;
}
h3.movies_category_rt a:hover{
  color: #543f32;
}


/* p class="stars" 星の数の説明　*/
p.stars{
  width: 100%;
  margin: 0;
  padding: 15px;
  text-align: center;
  background: #eafff4;
  font-size: 18px;
  color: #003300;
  line-height: 1.7;
}
/* rating kugiri sen */
.kugiri{
  margin: 25px 0 0 0;
  text-align: center;
}

/* 映画のタイトル */
ul.all_jump_bg_rt{
  display: flex;
  justify-content: space-around;
  width: 100%;
  margin: 0;
  padding: 5px 0px 5px 0px;
  background: #292929;
  color: #fff;
  font-size: 13px;
  line-height: 1.9;
  border-bottom: dotted 1px #543f32;
}
li.all_jump_catch{
  width: ;
  padding: 10px 20px 5px 0px;
  line-height: 1.4;
  font-size: 18px;
}
li.all_jump_title{
  width: ;
  padding: 6px 20px 3px 0px;
  line-height: 1.4;
  font-size: 22px;
  text-align: center;
}
li.all_jump_title a{
  color: #fff;
  font-weight: bold;
}
li.all_jump_title a:hover{
  color: green;
  background: #f4fff4;
}
li.all_jump_year{
  width: ;
  padding: 8px 0px 0 0;
  line-height: 1.6;
  font-size: 16px;
}

/* ratings by stars */
p.stars_each{
  margin: 20px 0px 0px 15%;
  font-size: 20px;
}
p.ratings{
  width: 88%;
  padding: 10px 0px 5px 15%;
  background: ;
  line-height: 1.7;
  font-size: 18px;
  font-weight: bold;
  color: #070707;
}
p.ratings a{
  color: green;
}
p.ratings_2{
  width: 86%;
  padding: 10px 0px 0 170px;
  line-height: 1.6;
  font-size: 15px;
  color: #330033;
}
p.ratings_2 a{
  text-decoration:underline;
  color: purple;
}
.background_lightblue{
   background-color: #e0efff;
   width: 70%;
   margin: 20px 0 10px 17%;
   padding: 30px 30px 30px 50px;
}
.background_lightblue p{
   padding: 10px 0;
   line-height: 1.6;
   font-weight: bold;
}