@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Press+Start+2P');

body {
  background-image: linear-gradient(-90deg, #ffe6d1, #FFFFFF);
  font-size: 0.98rem;
  padding: 0;
  margin: 0 1px;
}
h1 {
  font-size: x-large;
}
h1, h2, h3, h4, h5, h6, p, ul {
  margin: 0.8em 0 0.4em 0.1em;
}
h1, h2, h3, h4, strong, .news-_s, #description {
  text-shadow: 1px 1px 1px rgba(80,0,0,0.3);
}
div.news-_s {
  font-weight: bold;
}
h1, h2, h3, h4, h5, h6, .news-_s {
  font-family: 'UD デジタル 教科書体 NK-B', serif;
  line-height: 1.3;
}
dl {
  font-family: 'UD デジタル 教科書体 NK-R', serif;
}
dl>dd {
    font-size: 0.8em;
}
#main ul {
    padding: 0.2em 0 0.2em 1.6em;
}
#main ul li {
    line-height: 1.4em;
    padding: 0.3em 0 0.6em 0;
}

a:hover { color: #6af;}
p#description {
  font-size: 0.84rem;
  color: dimgray;
}
p {
  line-height: 1.8;
  text-indent: 0.7em;
  margin-bottom: 1em;
}

details {
  transition: .5s;
    opacity:  0.6;
}

table, tr, td, th {
    border: medium black solid;
    border-collapse: collapse;
    padding: 2px;
}
table.diga-rec-mode tr :nth-child(1) { }
table.diga-rec-mode tr :nth-child(2) { text-align: right }
table.diga-rec-mode tr :nth-child(3) { text-align: right }
table.diga-rec-mode tr :nth-child(4) { text-align: right }
table.diga-rec-mode tr :nth-child(5) { text-align: center }
table.diga-rec-mode tr :nth-child(6) { text-align: right }
table.diga-rec-mode tr :nth-child(7) { text-align: right }
table.diga-rec-mode tr :nth-child(8) { text-align: right }
table.diga-rec-mode th { text-align: center !important }

.first-row {
  color: white;
  background-color: MediumVioletRed;
}
.dr-quality {
  background-color: pink;
}
.dr-quality-文字 {
  background-color: rgba(255, 192, 203, 0.6);
}
.hi-quality {
  background-color: aquamarine;
}
.hi-quality-文字 {
  background-color: rgba(127, 255, 212, 0.6);
}
.mid-quality {
  background-color: paleGreen;
}
.mid-quality-文字 {
  background-color: rgba(152, 251, 152, 0.6);
}
.low-quality {
  background-color: khaki;
}
.low-quality-文字 {
  background-color: rgba(240, 230, 140, 0.6);
}
.ultra-low-quality {
  background-color: lightSalmon;
}
.extremely-low-quality {
  background-color: lightCoral;
}

.blu-ray-disc tr :nth-child(2),
.blu-ray-disc tr :nth-child(4),
.blu-ray-disc tr :nth-child(6) { background-color: #edf }
.blu-ray-disc tr :nth-child(3),
.blu-ray-disc tr :nth-child(5),
.blu-ray-disc tr :nth-child(7) { background-color: #fde }
.bd-r { background-color:  #baf !important }
.bd-re { background-color: #f9a !important }
.bd-r-dl { background-color:  #98f !important }
.bd-re-dl { background-color: #f78 !important }
.bd-r-xl { background-color:  #87f !important }
.bd-re-xl { background-color: #f56 !important }
table.blu-ray-disc tr.mb { text-align: right }

.copyright {
  color: indianred;
  font-size: 84%;
}
div>img, p>img, p>a>img, td>img {
  box-shadow: 5px 5px 7px -2px rgba(0,0,0,0.4);
  /*border: double 2px rgba(0,0,0,0.4);*/
}
img#koreosu {
  box-shadow: none;
  margin-top: 4px;
}
.amazon-img {
  float: left;
}
p>img, p>a>img, td>img {
  max-width: 100%;
  height: auto;
}
.clear {
  clear: both;
}
time, .news-date {
  font-family: 'Press Start 2P';
  font-size: 0.6rem;
  color: darkorange;
}

#container {
  margin-right: auto;
  margin-left:  auto;
  max-width: 90ex;
}

tr.osusume-1 {
  background-color: #ff9;
}
tr.osusume-2 {
  background-color: #ffc;
}

.new { color: red; }



/*右上メニュー*/
.right-menu {
    width: auto;
    position: fixed;
    right: 0;
    top: 0;
}
.right-menu a {
    display: block;
    padding: 6px;
    line-height: 1;
}
label#menu {
    display: block;
    margin: 0;
    padding: 8px;
    line-height: 1;
    color: #fff;
    font-weight: bold;
    background: rgba(255,100,70,0.8);
    cursor: pointer;
}
div.right-menu input {
    display: none;
}
.right-menu ul {
    margin: 0;
    padding: 0;
    background-color: rgba(255,190,140,0.8);
    list-style: none;
}
.right-menu li {
    max-height: 0;
    overflow-y: hidden;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.right-menu a:hover{
    background-color: #ffb980;
}
#bar-1:checked ~ #links-1 li {
    max-height: 40px;
    opacity: 1;
}