/*--------スマホ-----------------鮮魚情報更新ページから産地ページへ---------------------------*/
/*-------------------------室戸岬---------------------------*/
.btn-border-mu {
  display: inline-block;
  width: 94%;
  text-align: left;
  line-height: 200%;
  border: 2px solid #ccccff;
  font-size: 0.95em;
  color: #cccccc;
  text-decoration: none;
  font-weight: bold;
  background-color: #f7f7ff;
  padding: 13px 0px 13px 5px;
  margin: 0px 2px 0px 2px;
  border-radius: 6px;
  transition: .4s;
}
.btn-border-mu:hover {
  background-color: #000066;
  border-color: #ccccff;
  color: #FFF;
}
/*-------------------------鳥取---------------------------*/
.btn-border-to {
  display: inline-block;
  width: 94%;
  text-align: left;
  line-height: 200%;
  border: 2px solid #ffa144;
  font-size: 0.95em;
  color: #cccccc;
  text-decoration: none;
  font-weight: bold;
  background-color: #ffeedd;
  padding: 13px 0px 13px 5px;
  margin: 0px 2px 0px 2px;
  border-radius: 6px;
  transition: .4s;
}
.btn-border-t:hover {
  background-color: #442300;
  border-color: #ffeedd;
  color: #FFF;
}
/*-------------------------播磨灘---------------------------*/
.btn-border-ha {
  display: inline-block;
  width: 94%;
  text-align: left;
  line-height: 200%;
  border: 2px solid #dddd00;
  font-size: 0.95em;
  color: #cccccc;
  text-decoration: none;
  font-weight: bold;
  background-color: #ffffdd;
  padding: 13px 0px 13px 5px;
  margin: 0px 2px 0px 2px;
  border-radius: 6px;
  transition: .4s;
}
.btn-border-ha:hover {
  background-color: #555500;
  border-color: #ffffdd;
  color: #FFF;
}
/*-------------------------萩・益田---------------------------*/
.btn-border-ma {
  display: inline-block;
  width: 94%;
  text-align: left;
  line-height: 200%;
  border: 2px solid #ffccff;
  font-size: 0.95em;
  color: #cccccc;
  text-decoration: none;
  font-weight: bold;
  background-color: #ffeef7;
  padding: 13px 0px 13px 5px;
  margin: 0px 2px 0px 2px;
  border-radius: 6px;
  transition: .4s;
}
.btn-border-ma:hover {
  background-color: #440044;
  border-color: #ffccff;
  color: #FFF;
}
/*-------------------------有明海---------------------------*/
.btn-border-ari {
  display: inline-block;
  width: 94%;
  text-align: left;
  line-height: 200%;
  border: 2px solid #debbff;
  font-size: 0.95em;
  color: #cccccc;
  text-decoration: none;
  font-weight: bold;
  background-color: #f7eeff;
  padding: 13px 0px 13px 5px;
  margin: 0px 2px 0px 2px;
  border-radius: 6px;
  transition: .4s;
}
.btn-border-ari:hover {
  background-color: #2b0055;
  border-color: #debbff;
  color: #FFF;
}
/*-------------------------タイム---------------------------*/
.btn-border-ti {
  display: inline-block;
  width: 94%;
  text-align: left;
  line-height: 200%;
  border: 2px solid #bbffff;
  font-size: 0.95em;
  color: #cccccc;
  text-decoration: none;
  font-weight: bold;
  background-color: #eeffff;
  padding: 13px 0px 13px 5px;
  margin: 0px 2px 0px 2px;
  border-radius: 6px;
  transition: .4s;
}
.btn-border-ti:hover {
  background-color: #004444;
  border-color: #bbffff;
  color: #FFF;
}



/*--------PC-----------------鮮魚情報更新ページから産地ページへ---------------------------*/
/*-------------------------室戸岬---------------------------*/
.btn-border-mu {
  display: inline-block;
  width: 92%;
  text-align: left;
  line-height: 200%;
  border: 2px solid #ccccff;
  font-size: 0.9em;
  color: #cccccc;
  text-decoration: none;
  font-weight: bold;
  background-color: #f7f7ff;
  padding: 8px 0px 8px 5px;
  margin: 0px 3px 0px 3px;
  border-radius: 6px;
  transition: .4s;
}
.btn-border-mu:hover {
  background-color: #000066;
  border-color: #ccccff;
  color: #FFF;
}
/*-------------------------鳥取---------------------------*/
.btn-border-to {
  display: inline-block;
  width: 92%;
  text-align: left;
  line-height: 200%;
  border: 2px solid #ffa144;
  font-size: 0.9em;
  color: #cccccc;
  text-decoration: none;
  font-weight: bold;
  background-color: #ffeedd;
  padding: 8px 0px 8px 5px;
  margin: 0px 3px 0px 3px;
  border-radius: 6px;
  transition: .4s;
}
.btn-border-t:hover {
  background-color: #442300;
  border-color: #ffeedd;
  color: #FFF;
}
/*-------------------------播磨灘---------------------------*/
.btn-border-ha {
  display: inline-block;
  width: 92%;
  text-align: left;
  line-height: 200%;
  border: 2px solid #dddd00;
  font-size: 0.9em;
  color: #cccccc;
  text-decoration: none;
  font-weight: bold;
  background-color: #ffffdd;
  padding: 8px 0px 8px 5px;
  margin: 0px 3px 0px 3px;
  border-radius: 6px;
  transition: .4s;
}
.btn-border-ha:hover {
  background-color: #555500;
  border-color: #ffffdd;
  color: #FFF;
}
/*-------------------------萩・益田---------------------------*/
.btn-border-ma {
  display: inline-block;
  width: 92%;
  text-align: left;
  line-height: 200%;
  border: 2px solid #ffccff;
  font-size: 0.9em;
  color: #cccccc;
  text-decoration: none;
  font-weight: bold;
  background-color: #ffeef7;
  padding: 8px 0px 8px 5px;
  margin: 0px 3px 0px 3px;
  border-radius: 6px;
  transition: .4s;
}
.btn-border-ma:hover {
  background-color: #440044;
  border-color: #ffccff;
  color: #FFF;
}
/*-------------------------有明海---------------------------*/
.btn-border-ari {
  display: inline-block;
  width: 92%;
  text-align: left;
  line-height: 200%;
  border: 2px solid #debbff;
  font-size: 0.9em;
  color: #cccccc;
  text-decoration: none;
  font-weight: bold;
  background-color: #f7eeff;
  padding: 8px 0px 8px 5px;
  margin: 0px 3px 0px 3px;
  border-radius: 6px;
  transition: .4s;
}
.btn-border-ari:hover {
  background-color: #2b0055;
  border-color: #debbff;
  color: #FFF;
}
/*-------------------------タイム---------------------------*/
.btn-border-ti {
  display: inline-block;
  width: 92%;
  text-align: left;
  line-height: 200%;
  border: 2px solid #bbffff;
  font-size: 0.9em;
  color: #cccccc;
  text-decoration: none;
  font-weight: bold;
  background-color: #eeffff;
  padding: 8px 0px 8px 5px;
  margin: 0px 3px 0px 3px;
  border-radius: 6px;
  transition: .4s;
}
.btn-border-ti:hover {
  background-color: #004444;
  border-color: #bbffff;
  color: #FFF;
}