﻿@charset "UTF-8";
/* jsghp2019_subnemu.css
build:20190714
update:20190714
update:20190730
Copyright H.Hishida. All rights reserved. */

/*       1         2         3         4         5         6         7 *
  34567890123456789012345678901234567890123456789012345678901234567890 */
/* ▼▲△▽●○■□◆◇★☆↑↓←→ */ /* style="color:white;" */

html, body{
  background-color: white; /* ブラウザ背景色 */
}

h1 {
  padding: 0.25rem 0;
}
h3 {
  font-size: 1.2rem;
  font-weight: 600;
  padding-left: 0.4rem;
}
a {
  color: #000000;
  text-decoration: none;
}
a:hover {
  color: #000000;
  text-decoration: none;
}

/* cell
 ------------------------------ */
.cell {
  text-align: center;
  padding: 0.5rem 0;
}
.border-top .border-right:hover {
  background-color:#b4f0ff;
}

/* cell_border
 ------------------------------ */
.border {
  border: solid 0.5px #aaaaaa;
}
/*
.in_border {
  padding: 0px 0px 0px 4px;
}
.out_border {
  line-height: 2.0; * 20190609:new *
}
#list01_teikan .out_border {
  border-left-color: #66cc02;
}
*/

/* xs - 575px未満の処理 - スマホ（縦）*/
@media (max-width: 575px) {
  .border-top .border-right:nth-child(even) {
    background-color:#e0f1ec; /* #d5ead7 */
  }
  .border-top .border-right:hover {
    background-color:#b4f0ff;
  }
}
/* sm,md - 576～991pxの処理 - タブレット、スマホ（横）*/
@media (min-width:576px) and (max-width:991px) {
  .border-top .border-right:nth-child(4n-2),
  .border-top .border-right:nth-child(4n-1) {
    background-color:#e0f1ec;
  }
  .border-top .border-right:hover {
    background-color:#b4f0ff;
  }
}
/* lg - 992～1119pxからの処理 - PC */
@media (min-width:992px) and (max-width:1199px) {
  .border-top .border-right:nth-child(8n-6),
  .border-top .border-right:nth-child(8n-4),
  .border-top .border-right:nth-child(8n-3),
  .border-top .border-right:nth-child(8n-1) {
    background-color:#e0f1ec;
  }
  .border-top .border-right:hover {
    background-color:#b4f0ff;
  }
}
/* xl - 1200px以上の処理 - 大画面PC*/
@media (min-width: 1200px) {
  .border-top .border-right:nth-child(12n-10),
  .border-top .border-right:nth-child(12n-8),
  .border-top .border-right:nth-child(12n-6),
  .border-top .border-right:nth-child(12n-5),
  .border-top .border-right:nth-child(12n-3),
  .border-top .border-right:nth-child(12n-1) {
    background-color:#e0f1ec;
  }
  .border-top .border-right:hover {
    background-color:#b4f0ff;
  }
}

/* //End of page -------------- */
