@charset "utf-8";
#isolate_charge {
  max-width: 980px;
  margin: 0 auto;
  background-color: #fff;
  padding: 20px;
  box-sizing: border-box;
  text-align: left; }

#isolate_charge * {
  box-sizing: border-box; }

#isolate_charge h2 {
  position: relative;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  background: #0566eb url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u8353712/pc/page/isolate_charge/img/filter_glass.png") center center repeat-x;
  background-size: contain;
  padding: 10px 10px 10px 30px;
  margin: 0 0 20px;
  text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.5); }

#isolate_charge p {
  font-size: 14px;
  line-height: 20px; }

#isolate_charge .isolate_charge_txt01 {
  margin: 0 0 20px; }

#isolate_charge .isolate_charge_txt02 {
  color: #f00;
  margin: 0; }

#isolate_charge .isolate_charge_txt03 {
  color: #f00;
  margin: 0 0 20px; }

#isolate_charge .isolate_charge_txt04 {
  font-size: 14px;
  margin: 0; }

#isolate_charge .search_zip {
  width: 200px;
  height: 32px;
  margin-bottom: 20px;
  position: relative;
  border: solid 1px #999;
  background: none; }

#isolate_charge .search_zip_text {
  width: calc(100% - 30px);
  height: 30px;
  border: none;
  padding: 0;
  text-indent: 10px; }

#isolate_charge .search_zip_text:focus {
  border: none;
  outline: none; }

#isolate_charge .search_zip_btn {
  display: block;
  border: none;
  width: 30px;
  height: 30px;
  cursor: pointer;
  background: url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u8353712/pc/page/isolate_charge/img/search_zip_btn.png") no-repeat center;
  background-size: contain;
  position: absolute;
  right: 0;
  top: 0; }

#isolate_charge .pref_list li {
  display: inline-block;
  font-size: 14px;
  margin: 5px; }

#isolate_charge .pref_list li a {
  text-decoration: underline; }

#isolate_charge h3 {
  font-size: 16px;
  width: 100%;
  line-height: 30px;
  vertical-align: top;
  border: solid 1px #999;
  background-color: #f0f0f0;
  color: #333; }

#isolate_charge h3.pref_name {
  font-weight: normal;
  padding: 10px;
  border-top: none; }

#isolate_charge dl {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  border-left: solid 1px #999; }

#isolate_charge dl dt, #isolate_charge dl dd {
  width: 33.33333%;
  font-size: 13px;
  line-height: 30px;
  background: #fff; }

#isolate_charge .area_title {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  text-align: center;
  justify-content: center;
  align-items: center; }

#isolate_charge .area_title h3 {
  border-bottom: none; }

#isolate_charge .area_title dl dt, #isolate_charge .area_title dl dd {
  font-weight: bold;
  border: solid 1px #999;
  border-left: none; }

#isolate_charge .area_list_group {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  width: 100%; }

#isolate_charge .area_list_group:last-child {
  border-bottom: none; }

#isolate_charge .area_list_group dl dt, #isolate_charge .area_list_group dl dd {
  text-align: center;
  border-right: solid 1px #999;
  border-bottom: solid 1px #999; }

#isolate_charge .area_list_group .tgt_zip {
  background: yellow; }

.isolate_charge footer div {
  width: 100%;
  text-align: center;
  background-color: #064cad;
  padding: 10px 0;
  color: #fff; }

.isolate_charge #page-top {
  display: block;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9;
  width: 66px;
  height: 66px; }

.isolate_charge #page-top a {
  display: block;
  padding: 0;
  margin: 0;
  width: 66px;
  text-align: center;
  color: #fff;
  background: #9ac;
  border-radius: 50%;
  -webkit-transition: background 0.2s linear, opacity 0.2s linear;
  -o-transition: background 0.2s linear, opacity 0.2s linear;
  transition: background 0.2s linear, opacity 0.2s linear;
  -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.25);
  opacity: 0.85;
  overflow: hidden; }

.isolate_charge #page-top img {
  width: 66px;
  vertical-align: bottom;
  opacity: 1; }

@media screen and (min-width: 768px) {
  #isolate_charge h3 {
    width: 30%; }
    #isolate_charge dl {
      width: 70%;
      border-left: none; }
    #isolate_charge dl dt, #isolate_charge dl dd {
      width: 33.33333%; }
    #isolate_charge .area_title h3 {
      border-bottom: solid 1px #999; } }