@charset "utf-8";


/*
====================================================
■ lists
====================================================
*/
#category {
width: 98%;
margin:0 auto 4%;
text-align: left;
}

#category table {
background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0;
font-family: -apple-system,BlinkMacSystemFont,"Yu Gothic","游ゴシック",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","メイリオ",sans-serif;
font-size: 1.4rem;
margin: 0 auto;
width: 100%;
}
#category table tr, #category table th, #category table td {
border: 1px solid #ccc;
font-weight: normal;
padding: 8px 5px;
text-align:left;
}
#category table th {
width: 20%;
text-align:center;
}
#category table td span a{
display: inline-block;
padding:1% 1%;
font-size: 1.5rem;
margin:3px 2px;
border-radius: 4px;
background: #eee;
font-weight: bold;
}
#category table td span a:hover{
background:#8c6700;
color:#fff;
}
#category table th{
background: #eee;
}
#category .ttl{
  background: #ddd;
  text-align: center;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  #category table {
  font-size: 1.4rem;
}
#category table td span a{
font-size: 1.4rem;
}
}





/*
====================================================
■ lists
====================================================
*/
.lists {
  margin: 0 auto;
}

.lists ul {margin:0 auto 20px;max-width:98%;font-size: 0;text-align: left;}


.lists ul li{
  margin:0% 0% 1%;
  overflow:hidden;
  vertical-align: top;
  font-size:1.8rem;
}
.lists ul li a {
  display: block;
  position: relative;
  border-bottom:#ccc 1px solid;
  padding:1%;
}


/*ボタン*/
ul.media{
  margin-top:2%;
}

ul.media li a {
  background: #fff none repeat scroll 0 0;
 border: 1px solid #fff;
 display: inline-block;
 margin-bottom: 5px;
 padding: 8px 15px;
 text-decoration: none;
 vertical-align: middle;
 border-radius:6px;
 font-weight: bold;
}
ul.media li {
  display: inline;
  font-size: 1.5rem;
  margin: 0 2px;
  padding: 0;
}
ul.media li a:hover {
    background: #8c6700 none repeat scroll 0 0;
    color: #fff;
}
@media screen and (max-width: 480px) {

}