@charset "UTF-8";

.container {max-width:768px;}

header{ margin-bottom:10px; background:#FFB200;}
header h1{ margin:0; padding:0;}
footer{ background:#DDD; color:#666; padding:10px 0; font-size:85%;}
div.copyright{ text-align:right;}
h2{ width:100%; color:#344154; margin-bottom:20px; padding:0.5em; display:inline-block; font-size:131%; line-height:1.3; vertical-align:middle; border-radius:25px;}
h2:before { content: '●'; color:white; margin-right:8px;}
h2.hd_correspond{ background:#F0A7A9; margin:10px 0;}

h2 a{ color:#444;}

h2.hd_seisohoshu{ background:#78D1FA; margin:10px 0;}

h2.hd_dog{ background:#fea000; margin:10px 0;}

.contents{ width:94%; margin:0 20px 20px 20px; color:#444;}
.contents p{ padding:20px 0 0 0;}
.listbox{ width:94%; margin:0 3% 3% 3%; padding:0 0 3% 0; color:#444; border-bottom:1px solid #CCC;}
.listbox a{ color:#3441FF;}
h3.midashi{ font-size:123.1%; margin:10px 0; padding:0;}

h3.midashi span {font-size:77%; color:#FFF; padding:0 5px; margin-right:5px; border-radius: 3px 3px 3px 3px;}
h3.midashi span.activity {background:#79F4CF; color:#444;}

#frm_search {margin-bottom:20px;}
form .fa-search {margin:0 0 -5px 5px; font-size:2em;}
.btn_back {float:right; margin:3px 5px 0 0;}
div.btn_back {margin:0;}

.btn{ font-size:77%; padding:3px 7px;}

div.comment {background:#FFB200; color:#fff; padding:0 5px; margin-top:10px; border-radius: 3px 3px 3px 3px;}

/******************************************************************/
/* DETAIL */
/******************************************************************/
#gmap{ width:100%; height:400px; border:solid 1px #ccc;}
#dog-map{ width:100%; height:600px; margin-bottom:10px; border:solid 1px #ccc;}

.bordertop{ border-top:1px dotted #CCC;}
@media (max-width: 767px) {
  #gmap{ height:250px;}
  #dog-map{ height:400px;}
}



/******************************************************************/
/* BUTTON */
/******************************************************************/
.btn-road {
  color: #fff;
  background-color: #a52a2a;
  border-color: #7e1b00;
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: .3s;
       -o-transition-duration: .3s;
          transition-duration: .3s;
  -webkit-transition-property: all;
       -o-transition-property: all;
          transition-property: all;
}
.btn-road:focus, .btn-road.focus {
  color: #fff;
  background-color: #7e1b00;
  border-color: #074c83;
}
.btn-road:hover {
  color: #fff;
  background-color: #7e1b00;
  border-color: #7e1b00;
}
.btn-road:active, .btn-road.active, .open > .btn-road.dropdown-toggle {
  color: #fff;
  background-color: #0d8aee;
  border-color: #0c82df;
}
.btn-road:active:hover, .btn-road:active:focus, .btn-road:active.focus, .btn-road.active:hover, .btn-road.active:focus, .btn-road.active.focus, .open > .btn-road.dropdown-toggle:hover, .open > .btn-road.dropdown-toggle:focus, .open > .btn-road.dropdown-toggle.focus {
  color: #fff;
  background-color: #0a68b4;
  border-color: #074c83;
}
.btn-road:active, .btn-road.active, .open > .btn-road.dropdown-toggle {
  background-image: none;
}
.btn-road.disabled, .btn-road.disabled:hover, .btn-road.disabled:focus, .btn-road.disabled.focus, .btn-road.disabled:active, .btn-road.disabled.active, .btn-road[disabled], .btn-road[disabled]:hover, .btn-road[disabled]:focus, .btn-road[disabled].focus, .btn-road[disabled]:active, .btn-road[disabled].active, fieldset[disabled] .btn-road, fieldset[disabled] .btn-road:hover, fieldset[disabled] .btn-road:focus, fieldset[disabled] .btn-road.focus, fieldset[disabled] .btn-road:active, fieldset[disabled] .btn-road.active {
  background-color: #a52a2a;
  border-color: #7e1b00;
}
.btn-road .badge {
  color: #a52a2a;
  background-color: #fff;
}

.btn-kasen {
  color: #fff;
  background-color: #3498db;
  border-color: #1791f2;
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: .3s;
       -o-transition-duration: .3s;
          transition-duration: .3s;
  -webkit-transition-property: all;
       -o-transition-property: all;
          transition-property: all;
}
.btn-kasen:focus, .btn-kasen.focus {
  color: #fff;
  background-color: #0c7cd5;
  border-color: #074c83;
}
.btn-kasen:hover {
  color: #fff;
  background-color: #0c7cd5;
  border-color: #0a71c2;
}
.btn-kasen:active, .btn-kasen.active, .open > .btn-kasen.dropdown-toggle {
  color: #fff;
  background-color: #0d8aee;
  border-color: #0c82df;
}
.btn-kasen:active:hover, .btn-kasen:active:focus, .btn-kasen:active.focus, .btn-kasen.active:hover, .btn-kasen.active:focus, .btn-kasen.active.focus, .open > .btn-kasen.dropdown-toggle:hover, .open > .btn-kasen.dropdown-toggle:focus, .open > .btn-kasen.dropdown-toggle.focus {
  color: #fff;
  background-color: #0a68b4;
  border-color: #074c83;
}
.btn-kasen:active, .btn-kasen.active, .open > .btn-kasen.dropdown-toggle {
  background-image: none;
}
.btn-kasen.disabled, .btn-kasen.disabled:hover, .btn-kasen.disabled:focus, .btn-kasen.disabled.focus, .btn-kasen.disabled:active, .btn-kasen.disabled.active, .btn-kasen[disabled], .btn-kasen[disabled]:hover, .btn-kasen[disabled]:focus, .btn-kasen[disabled].focus, .btn-kasen[disabled]:active, .btn-kasen[disabled].active, fieldset[disabled] .btn-kasen, fieldset[disabled] .btn-kasen:hover, fieldset[disabled] .btn-kasen:focus, fieldset[disabled] .btn-kasen.focus, fieldset[disabled] .btn-kasen:active, fieldset[disabled] .btn-kasen.active {
  background-color: #3498db;
  border-color: #1791f2;
}
.btn-kasen .badge {
  color: #3498db;
  background-color: #fff;
}

.btn-park {
  color: #fff;
  background-color: #e67e22;
  border-color: #f59200;
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: .3s;
       -o-transition-duration: .3s;
          transition-duration: .3s;
  -webkit-transition-property: all;
       -o-transition-property: all;
          transition-property: all;
}
.btn-park:focus, .btn-park.focus {
  color: #fff;
  background-color: #cc7a00;
  border-color: #754600;
}
.btn-park:hover {
  color: #fff;
  background-color: #cc7a00;
  border-color: #b86d00;
}
.btn-park:active, .btn-park.active, .open > .btn-park.dropdown-toggle {
  color: #fff;
  background-color: #e68900;
  border-color: #d68000;
}
.btn-park:active:hover, .btn-park:active:focus, .btn-park:active.focus, .btn-park.active:hover, .btn-park.active:focus, .btn-park.active.focus, .open > .btn-park.dropdown-toggle:hover, .open > .btn-park.dropdown-toggle:focus, .open > .btn-park.dropdown-toggle.focus {
  color: #fff;
  background-color: #a86400;
  border-color: #754600;
}
.btn-park:active, .btn-park.active, .open > .btn-park.dropdown-toggle {
  background-image: none;
}
.btn-park.disabled, .btn-park.disabled:hover, .btn-park.disabled:focus, .btn-park.disabled.focus, .btn-park.disabled:active, .btn-park.disabled.active, .btn-park[disabled], .btn-park[disabled]:hover, .btn-park[disabled]:focus, .btn-park[disabled].focus, .btn-park[disabled]:active, .btn-park[disabled].active, fieldset[disabled] .btn-park, fieldset[disabled] .btn-park:hover, fieldset[disabled] .btn-park:focus, fieldset[disabled] .btn-park.focus, fieldset[disabled] .btn-park:active, fieldset[disabled] .btn-park.active {
  background-color: #e67e22;
  border-color: #f59200;
}
.btn-park .badge {
  color: #e67e22;
  background-color: #fff;
}


.btn-fuhoutouki {
  color: #fff;
  background-color: #34495e;
  border-color: #04055e;
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: .3s;
       -o-transition-duration: .3s;
          transition-duration: .3s;
  -webkit-transition-property: all;
       -o-transition-property: all;
          transition-property: all;
}
.btn-fuhoutouki:focus, .btn-fuhoutouki.focus {
  color: #fff;
  background-color: #02375e;
  border-color: #754600;
}
.btn-fuhoutouki:hover {
  color: #fff;
  background-color: #02375e;
  border-color: #02375e;
}
.btn-fuhoutouki:active, .btn-fuhoutouki.active, .open > .btn-fuhoutouki.dropdown-toggle {
  color: #fff;
  background-color: #e68900;
  border-color: #02375e;
}
.btn-fuhoutouki:active:hover, .btn-fuhoutouki:active:focus, .btn-fuhoutouki:active.focus, .btn-fuhoutouki.active:hover, .btn-fuhoutouki.active:focus, .btn-fuhoutouki.active.focus, .open > .btn-fuhoutouki.dropdown-toggle:hover, .open > .btn-fuhoutouki.dropdown-toggle:focus, .open > .btn-fuhoutouki.dropdown-toggle.focus {
  color: #fff;
  background-color: #a86400;
  border-color: #754600;
}
.btn-fuhoutouki:active, .btn-fuhoutouki.active, .open > .btn-fuhoutouki.dropdown-toggle {
  background-image: none;
}
.btn-fuhoutouki.disabled, .btn-fuhoutouki.disabled:hover, .btn-fuhoutouki.disabled:focus, .btn-fuhoutouki.disabled.focus, .btn-fuhoutouki.disabled:active, .btn-fuhoutouki.disabled.active, .btn-fuhoutouki[disabled], .btn-fuhoutouki[disabled]:hover, .btn-fuhoutouki[disabled]:focus, .btn-fuhoutouki[disabled].focus, .btn-fuhoutouki[disabled]:active, .btn-fuhoutouki[disabled].active, fieldset[disabled] .btn-fuhoutouki, fieldset[disabled] .btn-fuhoutouki:hover, fieldset[disabled] .btn-fuhoutouki:focus, fieldset[disabled] .btn-fuhoutouki.focus, fieldset[disabled] .btn-fuhoutouki:active, fieldset[disabled] .btn-fuhoutouki.active {
  background-color: #34495e;
  border-color: #f59200;
}
.btn-fuhoutouki .badge {
  color: #34495e;
  background-color: #fff;
}

.btn-other {
  color: #fff;
  background-color: #ff33cc;
  border-color: #f59200;
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: .3s;
       -o-transition-duration: .3s;
          transition-duration: .3s;
  -webkit-transition-property: all;
       -o-transition-property: all;
          transition-property: all;
}
.btn-other:focus, .btn-other.focus {
  color: #fff;
  background-color: #ff3337;
  border-color: #754600;
}
.btn-other:hover {
  color: #fff;
  background-color: #ff3337;
  border-color: #ff3337;
}
.btn-other:active, .btn-other.active, .open > .btn-other.dropdown-toggle {
  color: #fff;
  background-color: #e68900;
  border-color: #ff3337;
}
.btn-other:active:hover, .btn-other:active:focus, .btn-other:active.focus, .btn-other.active:hover, .btn-other.active:focus, .btn-other.active.focus, .open > .btn-other.dropdown-toggle:hover, .open > .btn-other.dropdown-toggle:focus, .open > .btn-other.dropdown-toggle.focus {
  color: #fff;
  background-color: #a86400;
  border-color: #754600;
}
.btn-other:active, .btn-other.active, .open > .btn-other.dropdown-toggle {
  background-image: none;
}
.btn-other.disabled, .btn-other.disabled:hover, .btn-other.disabled:focus, .btn-other.disabled.focus, .btn-other.disabled:active, .btn-other.disabled.active, .btn-other[disabled], .btn-other[disabled]:hover, .btn-other[disabled]:focus, .btn-other[disabled].focus, .btn-other[disabled]:active, .btn-other[disabled].active, fieldset[disabled] .btn-other, fieldset[disabled] .btn-other:hover, fieldset[disabled] .btn-other:focus, fieldset[disabled] .btn-other.focus, fieldset[disabled] .btn-other:active, fieldset[disabled] .btn-other.active {
  background-color: #ff33cc;
  border-color: #f59200;
}
.btn-other .badge {
  color: #ff33cc;
  background-color: #fff;
}


table.infowindow_tbl {width:100%;}
table.infowindow_tbl th {width:100%; padding:5px; text-align:left; background:#eee;}
table.infowindow_tbl td {padding:5px; text-align:left;}