/* body */
body {
	color:#2f4f4f;
              margin:0px;
	padding:0px;
                  background:#ffffff url() repeat-y;
	background-position:center;
	font-family: Arial, Helvetica, "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}

img { max-width:100%; height:auto; }

/* テーブル・段落 */
td { font-size:13px; line-height:200%; }
p  { margin:3px 5px; }

/* リンク */
a       { color:#1a1a1a; text-decoration:none; }
a:hover { color:#0000ff; text-decoration:none; background-color:; }
a:hover img{ opacity:0.5; filter: alpha(opacity=50); }

/* コンテンツ */
h1 { color:#4a4a4a;  font-size:16pt; margin:0px 0px;}
h2 { color:#4a4a4a;  font-size:30pt; margin:0px 0px;}
h3 { color:#4a4a4a;  font-size:11pt; margin:0px 0px;}

.radius { 
    -moz-border-radius: 10px; /* Firefox */ 
    -webkit-border-radius: 10px; /* Safari and Chrome */ 
    border-radius: 10px;
    border: 1px solid blue; 
    behavior: url(border-radius.htc); /* IE */ 
} 
.box { 
    width: 220px; 
    margin: 10px; 
    padding: 10px; 
    background: #ffffff; 
} 


#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 100%;
}
#page-top a {
    background: #ffffff;
    text-decoration: none;
    color: #ffffff;
    width: 60px;
    padding: 10px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #ffffff;
}

@media screen and (max-width: 768px) {
  body {
    font-size: 16px;
  }
  img {
    max-width: 100%;
    height: auto;
  }
  table {
    width: 100%;
    max-width: none;
  }
   .nav-row {
    display: flex;
    flex-wrap: wrap;
  }

  .nav-item {
    width: 33.33%;
    box-sizing: border-box;
    background-size: cover;
    padding-top: 5px;
    padding-bottom: 5px;
  }
   .sidebar {
    display: none;
  }
}