.img1 { width: 1px!important; height: 1px!important; }
.txt-blu { color: #00f !important; }
.w100p { width: 100%; height: auto; }

/* area */
.box-area {
      display: flex;
      flex-wrap: wrap;
    }
    .box-area li {
      list-style: none;
    }
    .box-area li a {
      display: block;
      margin: 6px;
      padding: 6px 10px;
      list-style: none;
      border: 1px #ccc solid;
      border-radius: 3px;
      text-decoration: none;
      color: #333;
    }
    .box-area li a:hover {
      background: #7ba6b7;
      color: #fff;
    }
.area-table { font-size: 14px; width: 100%; }
.area-table th { color:#fff; background: #0d2f3d; }
.area-table th,.area-table td { padding: 8px 4px; word-wrap: break-word; }
.area-table tr:nth-child(odd) {
      background-color: #dde7eb;
    }

/* btn */
.btn {
display: block;
width: 90%;
margin: 20px auto;
padding: 14px;
text-align: center;
border-radius: 6px;
background: #f90;
color: #fff;
text-decoration: none;
line-height: 1.2;
}
.btn:hover{
opacity: 0.8;
color:#fff;
}
.btn-url {
      display: block;
      background: #f90;
      color: #fff;
      padding: 4px;
width: 64px;
font-size: 12px;
text-decoration: none;
      border-radius: 3px;
text-align: center;
    }
    .btn-url:hover { color: #fff; }

/* top */
.box-entry {
  overflow: hidden;
  font-size: 0;
display: flex;
    flex-wrap: wrap;
justify-content: space-between;
}
a.entry {
  width: 290px !important;
  cursor: pointer;
  margin: 20px 1px 1px 0;
  background: #fff;
  box-shadow: #ccc 1px 1px;
  text-decoration: none;
  overflow: hidden;
}
a.entry:nth-child(3n-2) { margin-left: 0;}
.entry-img {
  width: 290px;
  height: 190px;
  overflow: hidden;
}
.entry-img img {
  width: 290px;
  height: 190px;
  overflow: hidden;
  display: block;
  transition-duration: 0.3s;
}
a.entry:hover .entry-img img {
  transform: scale(1.1);
  transition-duration: 0.3s;
}
.box-cat_data { overflow: hidden; }
.entry-cat {
  display: block;
  background: #2a2a2a;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  height: 18px;
  width: auto;
  text-align: center;
  float: left;
padding: 0 0.5em;
}
.entry-data {
  display: block;
  font-size: 12px;
  line-height: 18px;
  padding: 0 4px;
  float: left;
}
.entry-ttl {
  padding: 5px;
  line-height: 1.5 !important;
  font-size: 15px;
}

.main strong {
    background: linear-gradient(transparent 60%, #ff6 60%);
}

/* side */
h2.ttl-side {
  position: relative;
  display: inline-block;
  margin-top: 32px;
  margin-bottom: 1.4em;
  text-align: center;
  width: 100%;
}
h2.ttl-side:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 60px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: black;
  border-radius: 2px;
}

@media only screen and (max-width: 810px) {
  a.entry {
  width: 99% !important;
  margin: 20px 1px 1px 0;
  text-decoration: none;
  box-shadow: none;
  border: 1px #ccc solid;
}
  .entry-img {
  width: 100%;
  height: auto;
}
.entry-img img {
  width: 100%;
  height: auto;
}
.area-table th { display: none; }
.area-table tr { border-top: 1px #ccc solid; border-bottom: 1px #ccc solid; }
.area-table td { display: block; }
}