@charset "UTF-8";
* {
  padding: 0;
  margin: 0;
  line-height: 1.4;
  font-family: MS PGothic,sans-serif; }

/* default values */
html {
  overflow-y: scroll; }

body {
  color: #000000;
  background-color: #D7C5A2;
  background-color: #E7DBC3;
  font-size: medium;
  margin: 0 auto 3em auto;
  padding: 0;
  width: 800px; }
  body#access img {
    width: 100%; }
  body#privacy .ssl-mark img {
    width: 141px; }

a {
  text-decoration: underline; }

a:link {
  color: #0000CC; }

a:visited {
  color: #800080; }

a:hover, a:active {
  color: #FF0000; }

table {
  padding: 3px;
  border: 1px solid #CCC;
  border-collapse: separate; }

td, th {
  margin: 1px;
  padding: 2px 5px;
  border: 1px solid #CCC; }

th {
  white-space: nowrap; }

td.number {
  text-align: right;
  white-space: nowrap; }

em {
  font-style: normal;
  font-weight: bold;
  color: #0000CC; }

p {
  margin: 1em 0 1em 0; }

ul, ol {
  margin: 1em 1em 1em 2em; }

ul.linklist li {
  list-style-type: none;
  background: 0% 0% url(../images/linklist_arrow.png) no-repeat;
  margin-left: -20px;
  padding-left: 20px; }

ul.linklist-middle li {
  list-style-type: none;
  background: 0% 50% url(../images/linklist_arrow.png) no-repeat;
  margin-left: -20px;
  padding-left: 20px; }

ul.spacy li {
  margin: 1em 0 1em 0; }

ul.clear_spacy li {
  margin-top: 0;
  margin-bottom: 0; }

ul.photos2 {
  margin: 1em 0;
  padding: 0;
  width: 760px;
  list-style-type: none;
  font-size: 0; }
  ul.photos2 li {
    font-size: 16px;
    margin: 1em 30px;
    _margin: 1em 20px;
    width: 320px;
    display: inline-block;
    vertical-align: top; }
  ul.photos2 p {
    margin: 0;
    font-size: small; }

ul.photos3-comment {
  list-style-type: none; }
  ul.photos3-comment li {
    display: inline-block;
    width: 200px;
    margin: 0 20px 1em 0;
    vertical-align: top; }
  ul.photos3-comment p {
    margin: 0;
    font-size: 12px; }

ul.app_btns {
  text-align: right; }
  ul.app_btns li {
    display: inline; }
  ul.app_btns img {
    border: 0px; }

ul.year-menu {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 0; }
  ul.year-menu li {
    font-size: 16px;
    display: inline-block;
    width: 20%;
    margin: .5em 0;
    padding: 0;
    text-align: center; }

ul#jump_to_month {
  margin: 0;
  padding: 5px 0;
  border: 1px solid #CCC;
  border-collapse: separate;
  width: 722px;
  font-size: 0; }
  ul#jump_to_month li {
    font-size: 16px;
    display: inline-block;
    width: 60px;
    text-align: center; }

ol {
  padding: .5em .5em .5em 1.5em; }
  ol li {
    margin-left: 1em; }
    ol li span {
      font-weight: bold; }
  ol.spacy li {
    margin: 1em 0 1em 20px; }

section:after {
  content: "";
  display: block;
  clear: both; }

h1 {
  margin: 8px 0 5px 0;
  padding: 3px 0 3px .5em;
  font: 1.5em bold;
  background-color: #DDDDE6;
  background: url(../res/h1_bg.png) no-repeat;
  background-position: left;
  color: #404583; }

h2 {
  clear: both;
  padding-left: 10px;
  margin: 2em 0 1em 0;
  border: solid;
  border-width: 0 0 1px 10px;
  border-color: #E76800;
  font-size: 1.2em; }

h3 {
  clear: both;
  color: #7373F6;
  color: #2C2CAF;
  font-size: 100%;
  margin: 1em 0 1em 0; }
  h3:after {
    content: "";
    display: block;
    clear: both; }

a:link img, a:visited img, a:hover img, a:active img {
  border: 2px solid #F00;
  border: 0; }

hr {
  height: 1px;
  border: 1px dotted #AAA; }

address {
  font-style: normal;
  font-size: small; }

blockquote {
  margin: 10px 30px 10px 30px;
  padding: 0.5em;
  border: 1px dotted #888;
  background-color: #FFFFBB; }

.form {
  width: 650px;
  margin: 0 auto 0 auto; }
  .form section {
    margin: 0;
    padding: 0;
    border: 1px solid #DDD; }
    .form section h2 {
      margin: 0;
      padding: .5em;
      color: #FFF;
      border: none;
      background-color: #00C; }
    .form section div {
      padding: 1em 1em 2em 1em; }
  .form .ssl-mark {
    margin-top: 30px;
    text-align: right;
    font-size: small; }
  .form .min-field {
    width: 100px; }
  .form .mid-field {
    width: 300px; }
  .form .max-field {
    width: 550px; }
  .form .phone-field {
    width: 100px; }
  .form textarea {
    width: 600px;
    height: 5em; }
  .form input {
    margin: .5em 0;
    padding: .2em; }
  .form select {
    margin: .5em 0;
    padding: .2em; }
  .form label {
    padding-right: 1em; }
    .form label.return-after:after {
      content: "\a";
      white-space: pre; }
  .form fieldset {
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #DDD; }
    .form fieldset legend {
      font-weight: bold;
      color: #2C2CAF; }
    .form fieldset.vertical label:after {
      content: "\a";
      white-space: pre; }
    .form fieldset.vertical label.details {
      margin: 1em 0 0 0;
      padding: 0;
      display: block;
      width: 100%; }
    .form fieldset.doubles label {
      margin: 0 1em 0 0;
      padding: 0;
      display: inline-block;
      width: 270px;
      vertical-align: text-top; }
      .form fieldset.doubles label.details {
        margin: 1em 0 0 0;
        padding: 0;
        display: block;
        width: 100%; }
    .form fieldset.columns label {
      margin: 0;
      padding: 0;
      display: inline-block;
      width: 185px;
      vertical-align: text-top; }
      .form fieldset.columns label.details {
        margin: 1em 0 0 0;
        padding: 0;
        display: block;
        width: 100%; }
  .form span.required {
    color: #F00;
    font-size: 14px; }
  .form .note {
    color: #3F8C3E; }
  .form ol.oath-list {
    margin: .5em; }
    .form ol.oath-list li {
      margin: .5em 0; }
  .form #submit {
    text-align: center; }
    .form #submit input.submit {
      color: #FFF;
      background-color: #1A73E8;
      font-size: 20px; }
    .form #submit fieldset {
      text-align: left; }
      .form #submit fieldset label {
        display: block; }

/* banner */
a img.banner {
  border: 0; }

/* container */
#container {
  line-height: 1.4;
  margin: 0;
  padding: 0px;
  background: #FFF;
  border: solid #555;
  border-width: 0; }

.sp-only {
  display: none; }

/* main contents */
#main {
  padding: 0 20px 1em 20px;
  background: #FFFFFF;
  border-top: 1px solid #DDD; }
  #main.volunteer img {
    width: 50%;
    float: right; }
  #main.volunteer #works {
    margin: 1.5em 0;
    padding: 0;
    list-style: none;
    font-size: 0; }
    #main.volunteer #works li {
      font-size: 16px;
      letter-spacing: normal;
      display: inline-block;
      width: 240px;
      margin: 0 20px 1em 0; }
      #main.volunteer #works li p {
        margin: 0;
        padding: 0;
        font-size: smaller; }
      #main.volunteer #works li:nth-child(3) {
        margin-right: 0; }
      #main.volunteer #works li:nth-child(6) {
        margin-right: 0; }
  #main.volunteer .course-select td {
    text-align: center; }
  #main.volunteer .to-application {
    text-align: center; }
  #main.volunteer .to-contact {
    text-align: center;
    margin: 2em auto;
    padding: 1em;
    border-radius: 10px;
    width: 80%;
    background: #CFEAD6; }
  #main .q-and-a li {
    list-style-type: none; }
  #main .q-and-a .q {
    margin-bottom: 0; }
    #main .q-and-a .q:before {
      content: "Q. ";
      font-size: 24px;
      color: #F00000; }
  #main .q-and-a .a {
    margin-top: 0; }
    #main .q-and-a .a:before {
      content: "A. ";
      font-size: 24px;
      color: #0000F0; }
  #main ul.q-and-a li {
    list-style-type: none; }
    #main ul.q-and-a li p:first-child {
      margin-bottom: 0; }
      #main ul.q-and-a li p:first-child:before {
        content: "Q. ";
        font-size: 24px;
        color: #F00000; }
    #main ul.q-and-a li p:last-child {
      margin-top: 0; }
      #main ul.q-and-a li p:last-child:before {
        content: "A. ";
        font-size: 24px;
        color: #0000F0; }

img.left {
  margin-right: 10px;
  float: left; }

img.right {
  margin-left: 10px;
  float: right; }

img.center {
  display: block;
  margin: 1em auto 1em auto; }

/* global menu */
.global_menu {
  text-align: right;
  font-size: small;
  background-color: #EEF4FF;
  padding: 3px .5em 3px 0;
  border: #DDDDDD solid;
  border-width: 0 0 1px 0;
  margin: 0; }

.welcome {
  text-align: left;
  float: left;
  width: auto;
  padding: 3px 0 3px .5em;
  color: #5F66F3;
  font-size: small;
  font-weight: bold;
  vertical-align: center; }

.topic_path {
  margin: 3px 0 3px 0;
  padding: 4px 0 0 .5em;
  font-size: small; }

dl.spacy dt {
  margin-top: 1em; }

.note {
  font-size: normal;
  color: #225F88; }

.note2 {
  font-size: small;
  font-weight: bold;
  color: #007E00; }

.caution {
  color: #DD5555;
  font-weight: bold; }

.active {
  color: #FFF;
  background-color: #1B81E7;
  margin-left: 0;
  padding: .2em;
  font-size: 12px; }

.inactive {
  margin-left: 0;
  padding: .2em;
  font-size: 12px; }

div.photo_frame3 {
  clear: both;
  width: 590px;
  _width: 584px;
  margin: 0 auto 0 auto;
  padding: 11px;
  border: 1px solid;
  border-color: #DDD #888 #888 #DDD;
  font-size: 0px; }

div.photo_frame3 img {
  padding: 8px;
  margin: 8px;
  border: 1px solid;
  border-color: #888 #DDD #DDD #888; }

div.photo_frame3 a:hover img,
div.photo_frame3 a:active img {
  border: 1px solid;
  border-color: #888 #DDD #DDD #888; }

.timestamp {
  clear: both;
  margin: 0;
  padding: 2em 1em 0 0;
  font-size: small;
  text-align: right;
  border: 1px dotted #888;
  border-width: 1px 0 0 0;
  background-color: #FFF; }

#footer {
  clear: both;
  font-size: small;
  border: solid #888;
  border-width: 1px 0 0 0;
  text-align: center;
  background: #FFFFFF; }
  #footer p {
    margin: 0; }

.debug {
  color: #000;
  background-color: #FFBABA; }

table.center {
  margin: 1em auto; }

/* top page */
p#topnews {
  font-size: small;
  background: url(../res/news.png) no-repeat 0% 50%;
  padding-left: 32px;
  margin: 0;
  margin-bottom: 3px; }

p#topad {
  font-size: small;
  font-weight: bold;
  margin: 1em 0 0 0;
  text-align: center; }

/* main */
/* information */
.info {
  font-size: small;
  border: 1px solid #DDD;
  padding: 0 1em;
  margin-bottom: 1em; }

/* notes */
.note {
  font-size: normal;
  color: #225F88; }

.note2 {
  font-size: small;
  font-weight: bold;
  color: #007E00; }

.note3 {
  font-size: small;
  color: #225F88; }

.caution {
  color: #DD5555;
  font-weight: bold; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

.text-small {
  font-size: small; }

/* waiting dogs and cats for adoption */
.waiting-count {
  font-weight: bold;
  text-align: center; }

.to-submit {
  clear: both;
  font-size: 30px;
  text-align: center;
  padding: 1.5em 0 2em 0; }
  #fureai .to-submit .catch {
    font-size: 24px; }
  #fureai .to-submit .text {
    font-size: 16px;
    margin: 0 3em; }

.satooya-flow {
  margin: 50px auto;
  padding: 0;
  width: 700px;
  font-size: small; }
  .satooya-flow .title {
    color: #FFF;
    background: #4232DA;
    font-weight: bold;
    font-size: 20px;
    padding: .2em 0;
    text-align: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px; }
    .satooya-flow .title.sub {
      color: #4232DA;
      background: #FFF;
      border: 2px solid #4232DA; }
    .satooya-flow .title.closing {
      background: #02972F; }
  .satooya-flow .step {
    margin: 0;
    padding: 5px 10px;
    border: solid #4232DA;
    border-width: 0 2px 2px 2px; }
  .satooya-flow .laststep {
    border-color: #02972F; }
  .satooya-flow img {
    margin: 0;
    padding: 0;
    clear: both; }
  .satooya-flow .option-step {
    background: url(../satooya/res/satooya-flow_through.png) right repeat-y;
    padding-left: 200px; }

table.jyoutokai {
  width: 100%; }
  table.jyoutokai th, table.jyoutokai td {
    padding: 5px; }
  table.jyoutokai th {
    white-space: nowrap;
    width: 15%; }
  table.jyoutokai td {
    width: 75%; }

#header {
  height: 60px;
  padding-left: 20px;
  background: #FFF url(../images/osanpo_mark_header.png) no-repeat 100% 100%; }
  #header img {
    border-width: 0;
    margin: 0;
    padding: 0; }
  #header #logo {
    float: left;
    margin-top: 0px; }
  #header #bubble {
    position: relative;
    display: block;
    width: 106px;
    height: 21px;
    left: 580px;
    top: -46px;
    background: #FFF url(../images/osanpo_mark_header_bubble.png) no-repeat 100% 100%; }
    #header #bubble a {
      display: block; }

#header-social {
  height: 73px;
  background: #FFF url(../images/osanpo_mark_header.png) no-repeat 100% 0; }
  #header-social img {
    border-width: 0;
    margin: 0;
    padding: 0; }
  #header-social #logo {
    float: left;
    margin-top: 13px; }
  #header-social #social-icons {
    float: right;
    text-align: right;
    margin-top: 49px; }

#header-counter {
  height: 63px;
  _height: 63px;
  background: #FFF url(../images/osanpo_mark_header.png) no-repeat 100% 0%; }
  #header-counter img {
    border-width: 0; }
  #header-counter #logo {
    float: left; }
    #header-counter #logo img {
      margin: 3px 0 0 0; }
  #header-counter #counter {
    background-color: #FFF;
    float: right;
    border: 1px solid #888;
    height: 12px;
    _height: 9px;
    margin: 47px 0 0 0;
    _margin: 49px 0 0 0;
    padding: 1px;
    font-size: 9px; }
    #header-counter #counter img {
      vertical-align: text-bottom; }
  #header-counter a {
    text-decoration: none;
    color: #000; }

ul#photos {
  padding: 0;
  margin: 0;
  clear: both; }
  ul#photos img {
    border: 0; }
  ul#photos li {
    float: left;
    list-style-type: none;
    padding: 8px;
    margin: 4px 4px 15px 4px;
    border: 1px solid;
    border-color: #DDD #888 #888 #DDD;
    width: 200px; }
  ul#photos p {
    border: 1px solid;
    border-color: #888 #DDD #DDD #888;
    font-size: small;
    padding: 3px; }

#privacy-address {
  font-size: small;
  text-align: right; }

p#footer-menu {
  margin-bottom: 1em; }

#nav {
  margin: 1em auto; }

#copyright-jp {
  font-size: x-small; }

.shelter-story img {
  border: 0; }

.lbj_banner_linktext {
  border: 1px solid #DDD;
  font-size: small;
  padding: 5px; }

.course-menu img {
  border: 0; }

.course-menu a:hover img, .course-menu a:active img {
  border: 0; }

.column {
  width: 700px;
  margin: auto;
  padding: 1em;
  border: 1px dashed #888; }

.column-double {
  width: 350px;
  margin: 0 5px;
  padding: 5px;
  border: 1px solid #888;
  float: left;
  font-size: small; }
  .column-double h3 {
    margin: 0;
    font-size: medium; }

ul.checklist li {
  list-style-type: none;
  background: 0% 0% url(../res/checklist.png) no-repeat;
  margin-left: -20px;
  margin-bottom: .5em;
  padding-left: 20px; }

ul.checklist-middle li {
  list-style-type: none;
  background: 0% 50% url(../res/checklist.png) no-repeat;
  margin-left: -20px;
  margin-bottom: .5em;
  padding-left: 20px; }

tr.title th {
  color: white;
  background-color: #00C; }

.photobox {
  float: left;
  width: 230px;
  margin: 10px;
  text-align: center;
  font-size: small; }

.chubu-bg {
  background-color: #FFEBD7; }

.checkpoint {
  width: auto;
  margin-left: 1em;
  text-align: right;
  font-size: small; }

.form-required {
  font-size: small;
  color: #FF3366; }

.form-option {
  font-size: small;
  color: #006600; }

img.pol {
  background: url(../news/photo/news_090208al.jpg) no-repeat; }

#scroller-to-top {
  display: block;
  position: fixed;
  bottom: 0px;
  left: auto;
  margin-left: 700px; }
  #scroller-to-top .scroll {
    background: url(../res/scroller-btn-to-top.png) no-repeat;
    width: 100px;
    height: 30px;
    opacity: 0.7; }
    #scroller-to-top .scroll:hover {
      opacity: 1.0; }

.toForm {
  border-radius: 10px;
  width: 80%;
  margin: 2em auto;
  background: #7E7EFF;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle; }
  .toForm a {
    display: block;
    color: #FFF;
    text-decoration: underline;
    padding: 2em 0; }

.toContact {
  border-radius: 10px;
  width: 80%;
  margin: 2em auto;
  background: #DDD;
  font-size: 16px;
  text-align: center;
  vertical-align: middle; }
  .toContact a {
    display: block;
    padding: 2em 0; }

.new {
  color: red;
  background: yellow; }

/* Clear Fix */
.clearfix {
  display: inline-block; }
  .clearfix:after {
    content: "";
    display: block;
    clear: both; }

/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%; }

.clearfix {
  display: block; }

.adoption section.first h2 {
  border-color: #404583; }

.adoption section.first ol {
  margin: 0;
  background-color: #FFF3CD; }
  .adoption section.first ol li {
    margin-left: 0.5em; }
    .adoption section.first ol li.current {
      color: #A64718;
      font-weight: bold; }

.adoption ul.panel-menu {
  margin: 0;
  padding: 0; }
  .adoption ul.panel-menu li {
    list-style-type: none;
    float: left;
    width: 180px;
    height: 135px;
    margin: 5px; }
    .adoption ul.panel-menu li a img {
      border: 0; }

.adoption table.cost tr td:first-child {
  white-space: nowrap; }

.adoption img.ill {
  width: 50%;
  float: right; }

.adoption #back {
  text-align: center; }

.adoption #random-animals {
  border: 1px solid #888;
  text-align: center;
  position: relative;
  float: left;
  margin-bottom: 20px; }
  .adoption #random-animals img.btn {
    margin: 5px; }
  .adoption #random-animals #shuffle-button {
    position: absolute;
    cursor: pointer;
    font-size: small;
    left: 10px;
    top: 117px;
    border: 1px solid #888;
    background-color: white; }

.adoption .photo_popups {
  margin: 0;
  font-size: 15px; }
  .adoption .photo_popups li {
    display: inline; }
  .adoption .photo_popups div {
    display: none;
    height: 240px;
    border: 1px solid #000;
    background: transparent;
    margin-left: -80px;
    z-index: 9999; }
  .adoption .photo_popups a {
    font-size: 13px; }
    .adoption .photo_popups a img {
      border: 0; }
    .adoption .photo_popups a:hover {
      background: #FFF; }
      .adoption .photo_popups a:hover div {
        display: block;
        position: absolute; }

.adoption .page-menu {
  clear: both;
  text-align: center; }

.adoption .more-satooya {
  clear: both;
  text-align: center; }

.adoption .calendar_table {
  text-align: center;
  font-size: small;
  margin-left: 5px;
  padding: 0;
  float: left; }

.adoption .calendar_table th, .adoption .calendar_table td {
  padding: 2px; }

.adoption .calendar_sunday {
  background-color: #FFE1E1; }

.adoption .calendar_saturday {
  background-color: #E1E1FF; }

.adoption .timetable {
  text-align: center;
  font-size: small;
  margin: 0;
  padding: 0; }

.adoption .timetable td, .adoption .timetable th {
  padding: 2px 4px; }

.adoption .timetable_disable {
  background-color: #DDDDDD; }

.adoption .timetable_school {
  background-color: #CCFFFF; }

.adoption #cat-top-banner {
  text-align: center;
  font-size: 0; }
  .adoption #cat-top-banner #display {
    font-size: 0; }

.adoption #cat-top-text {
  text-align: center; }
  .adoption #cat-top-text .caption {
    font-weight: bold;
    font-size: 30px; }
  .adoption #cat-top-text .text {
    font-weight: bold;
    margin-bottom: 2em; }
  .adoption #cat-top-text .all {
    font-size: 16px; }
  .adoption #cat-top-text .fureai {
    font-size: 16px;
    margin: 2em 0; }

.adoption .dog-top-banner {
  text-align: center;
  font-size: 0; }
  .adoption .dog-top-banner #all {
    font-size: 16px; }

.adoption .fureai-banner {
  clear: both;
  width: 500px;
  margin: 0 auto;
  padding: 1em 0; }

.adoption .menkai-flow {
  text-align: center;
  width: 760px;
  height: 16px;
  margin-bottom: 3em;
  padding-top: 200px;
  background: url(../images/menkai-flow-wide.png) no-repeat; }

.adoption .menkai-belongings {
  text-align: center;
  width: 760px;
  height: 16px;
  margin-bottom: 1em;
  padding-top: 250px;
  background: url(../images/menkai-belongings-wide.png) no-repeat; }

.adoption .column-pr {
  width: auto;
  margin: 1em 0;
  padding: .5em .5em;
  border: 1px solid #888;
  font-size: 16px; }
  .adoption .column-pr h3 {
    margin: 0;
    font-size: 16px; }

.adoption .inhouse > div {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  border: 1px solid #DDD; }
  .adoption .inhouse > div > h4 {
    flex: 1 0 25%;
    order: 1;
    margin: .5em 0 .5em 3%;
    font-size: 20px; }
  .adoption .inhouse > div > div {
    flex: 0 1 200px; }
    .adoption .inhouse > div > div:nth-child(2) {
      border: none;
      text-align: center;
      margin: 0;
      padding: 0 .5em; }
    .adoption .inhouse > div > div:nth-child(3) {
      border: none;
      text-align: center; }
      .adoption .inhouse > div > div:nth-child(3) img {
        width: 200px; }
  .adoption .inhouse > div.ok h5 {
    font-size: 20px;
    color: blue; }
  .adoption .inhouse > div.ok > div:nth-child(2) {
    order: 0; }
  .adoption .inhouse > div.ok > div:nth-child(3) {
    order: 2; }
  .adoption .inhouse > div.ng h5 {
    font-size: 20px;
    color: red; }
  .adoption .inhouse > div.ng > div:nth-child(2) {
    order: 2; }
  .adoption .inhouse > div.ng > div:nth-child(3) {
    order: 0; }

.adoption .to-trial {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1em 0; }
  .adoption .to-trial a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-basis: 80%;
    height: 2em;
    margin: 1em 0;
    font-size: 20px;
    color: #FFFFFF;
    background-color: #05B153;
    text-decoration: none; }

.adoption .to-instagram {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1em 0; }
  .adoption .to-instagram a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-basis: 80%;
    height: 2em;
    margin: 1em 0;
    font-size: 20px;
    color: #FFFFFF;
    background-color: #EC9C04;
    text-decoration: none; }

.adoption .to-next-page {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 2em; }
  .adoption .to-next-page a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-basis: 80%;
    height: 2em;
    margin: 2em 0 1em 0;
    font-size: 20px;
    color: #FFFFFF;
    background-color: #1A73E8;
    text-decoration: none; }
  .adoption .to-next-page.select-place {
    margin: 0; }
    .adoption .to-next-page.select-place a {
      flex-basis: 100%;
      margin: 0; }

.adoption .page-step {
  font-size: 10px;
  text-align: center;
  color: #DDD; }
  .adoption .page-step span {
    font-size: 10px;
    color: #7CAFFF; }

.adoption a.text-banner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 1em 0;
  padding: .5em;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #98BDFF;
  text-decoration: none;
  border: 1px solid #000; }
  .adoption a.text-banner span {
    color: #000;
    font-size: 16px;
    font-weight: normal;
    text-decoration: none; }

#top.top * {
  font-size: small; }

#top.top a {
  text-decoration: underline; }

#top.top a:link {
  color: #0000CC; }

#top.top a:visited {
  color: #800080; }

#top.top a:hover, #top.top a:active {
  color: #FF0000; }

#top.top a:link img, #top.top a:visited img, #top.top a:hover img, #top.top a:active img {
  border: 0; }

#top.top em {
  font-style: normal;
  font-weight: bold;
  color: #0000CC; }

#top.top #wrapper {
  background-color: #FFF; }

#top.top #header {
  margin: 0;
  padding: 0 0 0 20px;
  background: #FFF url(../images/osanpo_mark_header.png) no-repeat 100% 100%;
  height: 60px; }

#top.top tr.odd {
  background-color: #FFFFBE; }

#top.top tr.even {
  background-color: #FFFFFF; }

#top.top p.right {
  text-align: right; }

#top.top #footer {
  clear: both;
  font-size: small;
  border: solid #888;
  border-width: 1px 0 0 0;
  text-align: center;
  background: #FFFFFF; }

#top.top #footer p {
  margin: 0; }

#top.top p#footer-menu {
  margin-bottom: 1em; }

#top.top #nav {
  margin: 1em auto; }

#top.top #copyright-jp {
  font-size: x-small; }

#top.top h1 {
  padding-left: 15px;
  margin: 0 15px 10px 15px;
  font-size: medium;
  font-weight: bold;
  line-height: 1.4;
  color: white;
  clear: both;
  background-color: #88848E;
  background: url(../res/h1-bg-blueblack.png) no-repeat;
  background-position: left; }

#top.top h2 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  border: none; }

#top.top ul {
  list-style-type: none; }

#top.top ul, #top.top li {
  margin: 0; }

#top.top #wrapper {
  background-color: #F5F5F5; }

#top.top #top-image {
  width: 800px;
  height: 300px;
  text-align: right; }
  #top.top #top-image h1 {
    margin: 0;
    padding: 0;
    background: none;
    display: inline; }
  #top.top #top-image p {
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    float: left;
    text-align: left;
    vertical-align: bottom; }

#top.top .top-image1 {
  background: #cccccc url(../images/top-image-1611a.jpg); }

#top.top .top-image2 {
  background: #cccccc url(../images/top-image-1912a.jpg); }

#top.top #hotmenu {
  background-color: #E6E6E6; }
  #top.top #hotmenu ul {
    text-align: right;
    padding: 5px 10px 5px 0; }
    #top.top #hotmenu ul li {
      display: inline-block;
      padding: 0 .5em;
      border-left: 1px solid #000; }
      #top.top #hotmenu ul li:first-child {
        border-left: none; }
      #top.top #hotmenu ul li span {
        color: #FFF;
        background-color: #3183DA;
        margin-left: .5em;
        padding: 0 .5em;
        font-weight: bold; }

#top.top #summary {
  margin: 1em 20px 1em 15px;
  padding: 15px;
  background-color: #FFF; }
  #top.top #summary h2 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px;
    padding-left: 5px;
    border-left: 5px solid #BBB; }
  #top.top #summary p {
    margin: 0; }
    #top.top #summary p.animals {
      margin: 1em 0 0 0;
      text-align: center; }
      #top.top #summary p.animals em {
        color: #0A0;
        font-size: 16px; }

#top.top #contents {
  width: 580px;
  padding-bottom: 1em;
  float: left;
  background-color: #F5F5F5; }

#top.top #main-nav {
  margin-top: 0px; }

#top.top #sub-nav {
  margin-top: 15px; }
  #top.top #sub-nav p {
    margin: 0 15px;
    clear: both; }

#top.top #schedule {
  padding-bottom: 1em; }
  #top.top #schedule .dog {
    color: #00C; }
  #top.top #schedule .cat {
    color: #C00; }
  #top.top #schedule .chubu {
    background-color: #FFE7BF; }
  #top.top #schedule p {
    margin: 0 15px; }
  #top.top #schedule table {
    width: 550px;
    margin-left: 15px;
    text-align: center;
    background-color: white;
    border: 1px solid #888;
    border-collapse: collapse; }
    #top.top #schedule table td, #top.top #schedule table th {
      border: 1px solid #888; }

#top.top #hotnews ul {
  margin: 0 15px;
  background-color: white; }

#top.top #hotnews li {
  clear: both;
  margin-bottom: 10px;
  padding: 5px;
  min-height: 75px;
  background-color: #FFF; }

#top.top #hotnews img {
  float: left;
  margin-right: 10px; }

#top.top #hotnews h2 {
  display: inline; }

#top.top #hotnews p {
  margin: 0 0 0 110px; }
  #top.top #hotnews p.date {
    text-align: right; }

#top.top #hotnews .to-archive {
  margin-right: 15px;
  text-align: right; }

#top.top #sidebar {
  width: 200px;
  float: right;
  background-color: #F5F5F5;
  padding: 0 20px 0 0; }
  #top.top #sidebar .section {
    margin-bottom: 10px;
    background-color: #FFF; }
    #top.top #sidebar .section h1 {
      margin: 0 0 1em 0;
      padding: 0;
      color: black;
      background-color: #cccccc;
      background-image: url(../res/h1-bg-sidebar.png);
      background-repeat: no-repeat;
      background-position: left; }
    #top.top #sidebar .section > h2 {
      margin: 0.5em 0;
      padding: 0 0 0 5px;
      font-size: 100%;
      color: blue;
      font-weight: normal; }
    #top.top #sidebar .section p {
      margin: 0.5em 0;
      padding: 0 0 0 5px; }
    #top.top #sidebar .section#news ul {
      width: 200px;
      clear: both;
      background-color: #FFF; }
    #top.top #sidebar .section#news li {
      border: dotted #CCC;
      border-width: 1px 0 0 0;
      padding: 5px; }
      #top.top #sidebar .section#news li li h2 {
        color: inherited; }
      #top.top #sidebar .section#news li li.to-archive {
        text-align: right; }
    #top.top #sidebar .section#news .social-icons {
      letter-spacing: -0.4em;
      text-align: right;
      vertical-align: middle; }
    #top.top #sidebar .section#rescued .sum {
      margin: 0;
      text-align: center;
      font-size: 16px;
      font-weight: bold; }
    #top.top #sidebar .section#rescued .history {
      text-align: right; }
    #top.top #sidebar .section#rescued table {
      width: 100%;
      border-collapse: collapse;
      margin-top: 1em;
      text-align: center; }
    #top.top #sidebar .section#mycalendar p:nth-child(3) {
      margin-left: 0;
      padding-left: 0;
      text-align: center; }

#top.top #blogparts {
  text-align: center; }
  #top.top #blogparts h1 {
    font-size: small;
    font-weight: normal;
    color: inherit; }

#top.top #poll {
  background-color: #FFFF99; }

#top.top #social-buttons {
  clear: both;
  height: 20px;
  padding: 15px 0;
  background-color: #E6E6E6; }
  #top.top #social-buttons div {
    float: left;
    margin-right: 10px; }
  #top.top #social-buttons .facebook {
    width: 160px;
    position: relative;
    left: 39px; }
  #top.top #social-buttons .twitter {
    width: 120px;
    position: relative;
    left: 36px; }
  #top.top #social-buttons .google {
    width: 50px;
    position: relative;
    left: 17px; }

#top.top .panel-nav {
  margin: 0 10px; }
  #top.top .panel-nav h1 {
    margin: 0;
    padding: 0;
    background: none; }
  #top.top .panel-nav .type1 {
    width: 270px;
    height: 167px;
    margin: 0 5px 10px 5px;
    float: left; }
  #top.top .panel-nav .type2 {
    width: 176px;
    height: 109px;
    margin: 0 5px 10px 5px;
    float: left; }
  #top.top .panel-nav .type3 {
    width: 270px;
    height: 84px;
    margin: 0 5px 10px 5px;
    float: left; }

#dogs img {
  margin: 0;
  padding: 0;
  border: 0; }

#dogs .good {
  color: #FF6600; }

#dogs .bad {
  color: #0066FF; }

#dogs .item {
  float: none;
  display: inline-block;
  vertical-align: top;
  list-style-type: none; }

#dogs .puppies {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  clear: both; }
  #dogs .puppies .item {
    display: flex;
    flex-direction: column;
    padding: 0 8px 8px 8px;
    margin: 4px 4px 15px 4px;
    border: 1px solid;
    border-color: #DDD #888 #888 #DDD; }
    #dogs .puppies .item p {
      flex-grow: 1;
      clear: both;
      margin: 5px 0 0 0;
      padding: 3px 0 3px 5px;
      border: 1px solid;
      border-color: #888 #DDD #DDD #888;
      width: 155px;
      height: auto;
      font-size: 13px; }
  #dogs .puppies .nopopup {
    padding-top: 21px; }

#dogs .tokusetsu {
  margin: 0;
  padding: 0 0 20px 0;
  clear: both; }
  #dogs .tokusetsu .item {
    margin: 0 4px 0 0;
    padding: 0;
    width: 148px;
    border: solid;
    border-width: 1px 0 0 0;
    border-color: #DDD #888 #888 #DDD; }
  #dogs .tokusetsu .nopopup {
    padding-top: 21px; }
  #dogs .tokusetsu p {
    clear: both;
    margin: 0;
    padding: 0;
    width: 148px;
    height: 5em;
    font-size: 13px; }

#dogs .tokusetsu-banner {
  margin: 0 0 20px 0; }

#dogs .dogs .item {
  width: 240px;
  border: 1px solid #888;
  margin: 10px 11px 10px 0;
  _margin: 10px 10px 10px 0; }
  #dogs .dogs .item .info {
    margin: .5em 0 .5em 0;
    border: 0;
    height: 5em;
    font-size: 13px; }
  #dogs .dogs .item .link {
    margin: 0 0 5px 0;
    text-align: center; }

#dogs .adults {
  display: flex;
  flex-wrap: wrap;
  margin: 0; }
  #dogs .adults .item {
    width: 240px;
    border: 1px solid #888;
    margin: 10px 11px 10px 0;
    display: flex;
    flex-direction: column; }
    #dogs .adults .item img {
      vertical-align: bottom; }
    #dogs .adults .item .info {
      margin: 0 0 .5em 0;
      border: 0;
      height: auto;
      font-size: 13px;
      flex-grow: 1; }
      #dogs .adults .item .info .basic {
        padding-top: 1em;
        border-top: 3px solid; }
        #dogs .adults .item .info .basic.Male {
          border-top: 3px solid #9BEBFF; }
        #dogs .adults .item .info .basic.Female {
          border-top: 3px solid #FFCFE1; }
    #dogs .adults .item .link {
      margin: 0 0 5px 0;
      padding: .5em 0 1em 0;
      text-align: center; }
      #dogs .adults .item .link a img {
        width: 100px; }
    #dogs .adults .item.Male {
      background-color: #F3FFFF;
      /*background: url(../satooya/dog/res/bk-male.png) repeat;*/ }
    #dogs .adults .item.Female {
      background-color: #FFF0F0;
      /*background: url(../satooya/dog/res/bk-female.png) repeat;*/ }

#dogs .satooya {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  clear: both; }
  #dogs .satooya .item {
    padding: 0;
    margin: 2px 2px 15px 2px;
    border: 0;
    background-color: #FFD;
    background-image: url(../satooya/dog/res/kettei-mark.png);
    background-repeat: no-repeat;
    background-position: bottom right; }
    #dogs .satooya .item p {
      clear: both;
      margin: 5px 0 0 0;
      padding: 0;
      border: 0;
      width: 148px;
      height: 7em;
      font-size: 13px; }
      #dogs .satooya .item p span {
        font-size: x-small; }
        #dogs .satooya .item p span .date {
          font-size: 13px;
          font-weight: bold;
          color: #43689D; }
  #dogs .satooya .nopopup {
    padding-top: 21px; }

#dogs section {
  /* Monthly pickup dogs 2 ones version */
  /* Monthly pickup dogs 3 ones version */ }
  #dogs section.pickup2 h2 {
    margin: 0;
    padding: 0;
    height: 80px;
    border: none;
    background: url(../images/dogs-pickup-ribbon.png) no-repeat; }
  #dogs section.pickup2 p.category-comment {
    margin-left: 60px; }
  #dogs section.pickup2 .animals {
    width: 670px;
    margin: 0 auto; }
    #dogs section.pickup2 .animals .item {
      width: 300px;
      background-position: 0% 50%;
      background-size: cover;
      border: 1px solid #888;
      margin: 10px 15px; }
      #dogs section.pickup2 .animals .item .main-photo {
        height: 225px;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: 0% 50% !important; }
      #dogs section.pickup2 .animals .item .info {
        margin: .5em 0 .5em 0;
        border: 0;
        height: 108px;
        font-size: 13px;
        background: url(../images/dogs-medal.png) no-repeat;
        background-position: top 0px right 10px;
        background-size: 15% auto; }
        #dogs section.pickup2 .animals .item .info .note {
          font-size: 13px;
          color: #225f88;
          font-weight: normal; }
      #dogs section.pickup2 .animals .item .link {
        margin: 0 0 5px 0;
        text-align: center; }
        #dogs section.pickup2 .animals .item .link a img {
          width: 120px; }
      #dogs section.pickup2 .animals .item.Male {
        background-color: #F3FFFF;
        background: url(../satooya/dog/res/bk-male.png) repeat; }
      #dogs section.pickup2 .animals .item.Female {
        background-color: #FFF0F0;
        background: url(../satooya/dog/res/bk-female.png) repeat; }
  #dogs section.pickup2 .adopted {
    width: 630px;
    margin: 0 auto;
    padding: 0;
    list-style-type: none; }
    #dogs section.pickup2 .adopted li {
      display: inline-block;
      width: 150px;
      height: 112px;
      position: relative;
      background-repeat: no-repeat !important; }
      #dogs section.pickup2 .adopted li a {
        display: block; }
        #dogs section.pickup2 .adopted li a:link, #dogs section.pickup2 .adopted li a:hover, #dogs section.pickup2 .adopted li a:active, #dogs section.pickup2 .adopted li a:visited {
          color: #FFF; }
        #dogs section.pickup2 .adopted li a p {
          position: absolute;
          margin: 0;
          padding: 0; }
        #dogs section.pickup2 .adopted li a img {
          width: 30%;
          left: 70%;
          top: 60%;
          position: absolute; }
        #dogs section.pickup2 .adopted li a:after {
          padding-top: 75%;
          display: block;
          content: ""; }
  #dogs section.pickup3 h2 {
    margin: 0;
    padding: 0;
    height: 80px;
    border: none;
    background: url(../images/dogs-pickup-ribbon.png) no-repeat; }
  #dogs section.pickup3 .animals {
    margin: 0; }
    #dogs section.pickup3 .animals .item {
      width: 240px;
      border: 1px solid #888;
      margin: 10px 11px 10px 0; }
      #dogs section.pickup3 .animals .item .info {
        margin: .5em 0 .5em 0;
        border: 0;
        height: auto;
        font-size: 13px;
        background: url(../images/dogs-medal.png) no-repeat;
        background-position: top 0px right 10px;
        background-size: 15% auto; }
      #dogs section.pickup3 .animals .item .link {
        margin: 0 0 5px 0;
        text-align: center; }
      #dogs section.pickup3 .animals .item.Male {
        background-color: #F3FFFF;
        background: url(../satooya/dog/res/bk-male.png) repeat; }
      #dogs section.pickup3 .animals .item.Female {
        background-color: #FFF0F0;
        background: url(../satooya/dog/res/bk-female.png) repeat; }

#dogs .social-buttons {
  height: 20px;
  padding: 5px 0 0 12px; }
  #dogs .social-buttons div {
    float: left;
    margin-right: 10px; }
  #dogs .social-buttons .facebook {
    width: 100px;
    opacity: 0.8; }
  #dogs .social-buttons .twitter {
    width: 100px; }
  #dogs .social-buttons .google {
    width: 60px; }

#adog h1 {
  margin-bottom: 5px; }

#adog h3 {
  margin: 0;
  font-size: small; }

#adog #satooya {
  margin: 0 0 1em 0;
  text-align: center;
  color: #008800;
  font-weight: bold;
  font-size: medium; }

#adog #media {
  width: 415px;
  _width: 420px;
  float: left;
  margin: 0;
  font-size: small; }
  #adog #media #first-photo {
    text-align: center; }
  #adog #media h3 {
    margin-top: 2em; }
  #adog #media img {
    margin: 0 4px 0 0; }
  #adog #media .movie {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    text-align: center;
    font-size: small; }

#adog #information {
  float: left;
  width: 335px;
  _width: 330px;
  margin: 0 0 0 10px;
  padding: 0; }
  #adog #information div {
    border: 1px solid #DDD;
    margin-bottom: 20px;
    padding: 1em;
    font-size: small; }
  #adog #information em {
    color: #007E00; }
  #adog #information .satooya {
    background: url(../satooya/dog/syoukai/res/satooya_stamp.png) no-repeat 220px 100px; }

#adog iframe {
  width: 400px;
  height: auto;
  margin: 0 5px 5px 0;
  padding: 0; }

#adog .back-to-index {
  clear: both;
  text-align: center;
  padding: 1em 0 0 0;
  border: 1px solid #888;
  border-width: 1px 0 0 0; }

#adog .cbox {
  clear: both;
  padding-top: 10px; }

#adog #social-buttons {
  height: 20px;
  padding-left: 425px; }
  #adog #social-buttons div {
    float: left;
    margin-right: 10px; }
  #adog #social-buttons .facebook {
    width: 100px; }
  #adog #social-buttons .twitter {
    width: 100px; }
  #adog #social-buttons .google {
    width: 60px; }

#dog-manual {
  /* Index */
  /* a page */ }
  #dog-manual #left-pane {
    margin: 0 20px 20px 0;
    padding: 10px;
    width: 340px;
    float: left;
    border: dotted #888;
    border-width: 0 5px 0 0; }
  #dog-manual #right-pane {
    margin: 0 0 20px 0;
    padding: 10px;
    width: 340px;
    float: left; }
  #dog-manual #article {
    padding: 0 150px 1em 20px;
    background: #FFFFFF;
    border-top: 1px solid #DDD;
    /* photo */ }
    #dog-manual #article.index {
      padding: 0 20px 1em 20px; }
    #dog-manual #article h1 {
      text-align: center;
      color: black;
      background: #D1F2CB; }
    #dog-manual #article h2 {
      color: #093488;
      border: 0;
      font-size: x-large;
      background: url(../contents/dog-manual/res/h2mark.png) no-repeat 0% 50%;
      padding-left: 30px; }
      #dog-manual #article h2.question {
        background: none; }
    #dog-manual #article h3 {
      color: #000; }
    #dog-manual #article table.cost {
      width: 300px;
      background-color: #FFF;
      border-collapse: collapse;
      border-spacing: 0;
      border: none; }
      #dog-manual #article table.cost caption {
        color: #000;
        background-color: #FFFFFF; }
      #dog-manual #article table.cost thead {
        background-color: #D9D9D9; }
        #dog-manual #article table.cost thead.first {
          color: #FFF;
          background-color: #808080; }
      #dog-manual #article table.cost tfoot th, #dog-manual #article table.cost tfoot td {
        color: #FFF;
        font-weight: bold;
        font-size: 20px;
        background-color: #C00000; }
      #dog-manual #article table.cost tr th, #dog-manual #article table.cost tr td {
        border: 1px solid #000; }
      #dog-manual #article table.cost tr th {
        text-align: center; }
      #dog-manual #article table.cost tr td {
        text-align: right;
        padding-right: 1em; }
    #dog-manual #article .column {
      margin: 0;
      padding: 50px 0 0 46px;
      border: 0;
      background: no-repeat url(../contents/dog-manual/res/column-bg.jpg); }
      #dog-manual #article .column h3 {
        color: #085FED;
        font-size: larger;
        margin: 20px 0 1.5em 60px; }
      #dog-manual #article .column > div {
        margin: 0;
        padding: 0 2em 1em 2em;
        width: 500px;
        border: 3px solid #085FED; }
    #dog-manual #article .ex {
      vertical-align: middle;
      color: #DB8A17; }
      #dog-manual #article .ex img {
        vertical-align: middle;
        margin: 0 1em .5em 0; }
    #dog-manual #article .question {
      vertical-align: middle;
      color: #9A4900;
      border: 0;
      margin: 3em 0 0 0;
      padding: 0; }
      #dog-manual #article .question img {
        vertical-align: middle;
        margin: 0 1em .5em 0; }
    #dog-manual #article .icon {
      float: left; }
    #dog-manual #article #page-menu {
      clear: both;
      margin-top: 5em;
      text-align: center;
      background-color: #D1F2CB; }
    #dog-manual #article #age-table .human {
      background-color: #99CCFF;
      text-align: center; }
    #dog-manual #article #age-table .dog {
      background-color: #FFFF99;
      text-align: center; }
    #dog-manual #article .photo-right {
      padding: 0 10px 10px 10px;
      float: right; }
      #dog-manual #article .photo-right p {
        margin: 0;
        padding: 0;
        width: 240px;
        text-align: center;
        font-size: small;
        color: #7A4429; }
    #dog-manual #article .photo-left {
      padding: 0 10px 10px 10px;
      float: left; }
      #dog-manual #article .photo-left p {
        margin: 0;
        padding: 0;
        width: 240px;
        text-align: center;
        font-size: small;
        color: #7A4429; }
    #dog-manual #article .photo-three {
      padding: 0 5px 10px 5px;
      width: 190px;
      float: left;
      text-align: center; }
      #dog-manual #article .photo-three p {
        margin: 0;
        padding: 0;
        font-size: small;
        color: #7A4429; }
    #dog-manual #article .to-ipet {
      text-align: center; }
      #dog-manual #article .to-ipet a {
        text-decoration: none; }
        #dog-manual #article .to-ipet a span {
          display: block;
          width: 400px;
          margin: 2em auto 3em auto;
          padding: 20px 0;
          color: #FFF;
          background-color: #FF5300;
          font-size: 20px; }

#cats img {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: bottom; }

#cats .item {
  float: none;
  display: inline-block;
  vertical-align: top;
  list-style-type: none; }

#cats .update-date {
  text-align: right; }

#cats .staying-days {
  font-size: 10px;
  background-color: #FFE2E8;
  text-align: center; }
  #cats .staying-days span {
    font-size: 16px;
    font-weight: bold;
    color: #FF6666; }

#cats .kitties {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  clear: both; }
  #cats .kitties .item {
    display: flex;
    flex-direction: column;
    padding: 0 8px 8px 8px;
    margin: 4px 4px 15px 4px;
    border: 1px solid;
    border-color: #DDD #888 #888 #DDD; }
    #cats .kitties .item p {
      flex-grow: 1;
      clear: both;
      margin: 5px 0 0 0;
      padding: 3px 0 3px 5px;
      border: 1px solid;
      border-color: #888 #DDD #DDD #888;
      width: 155px;
      height: auto;
      font-size: small; }
    #cats .kitties .item .memo {
      color: #B45A91; }
  #cats .kitties li.nopopup {
    padding-top: 21px; }

#cats .kitties-compact {
  padding: 0;
  margin: 0;
  clear: both; }
  #cats .kitties-compact li.item {
    padding: 0;
    margin: 2px 2px 15px 2px;
    border: 0;
    background-color: #FFF; }
  #cats .kitties-compact p {
    clear: both;
    margin: 5px 0 0 0;
    padding: 0;
    border: 0;
    width: 148px;
    height: auto;
    font-size: 13px; }
    #cats .kitties-compact p span.memo {
      color: #B45A91; }
  #cats .kitties-compact li.nopopup {
    padding-top: 21px; }

#cats .wakaneko {
  padding: 0;
  margin: 0;
  clear: both; }
  #cats .wakaneko li.item {
    padding: 0 8px 8px 8px;
    margin: 4px 4px 15px 4px;
    border: 1px solid;
    border-color: #DDD #888 #888 #DDD; }
    #cats .wakaneko li.item .memo {
      color: #B45A91; }
  #cats .wakaneko p {
    clear: both;
    margin: 5px 0 0 0;
    padding: 3px 0 3px 5px;
    border: 1px solid;
    border-color: #888 #DDD #DDD #888;
    width: 340px;
    height: 3em;
    font-size: 13px; }
  #cats .wakaneko li.nopopup {
    padding-top: 21px; }

#cats .wakearies {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  clear: both; }
  #cats .wakearies .item {
    display: flex;
    flex-direction: column;
    padding: 0 8px 8px 8px;
    margin: 4px 4px 15px 4px;
    border: 1px solid;
    border-color: #DDD #888 #888 #DDD; }
    #cats .wakearies .item p {
      flex-grow: 1;
      clear: both;
      margin: 5px 0 0 0;
      padding: 3px 0 3px 5px;
      border: 1px solid;
      border-color: #888 #DDD #DDD #888;
      width: 155px;
      height: auto;
      font-size: 13px; }
      #cats .wakearies .item p .memo {
        color: #B45A91; }
    #cats .wakearies .item .link {
      margin: 15px 0 5px 0;
      text-align: center; }
      #cats .wakearies .item .link img {
        width: 100px; }
        #cats .wakearies .item .link img.movie {
          width: 30px; }
  #cats .wakearies li.nopopup {
    padding-top: 21px; }

#cats .adults {
  padding: 0;
  margin: 0;
  clear: both; }
  #cats .adults li.item {
    padding: 0 8px 8px 8px;
    margin: 4px 4px 15px 4px;
    border: 1px solid;
    border-color: #DDD #888 #888 #DDD; }
    #cats .adults li.item .link {
      margin: 10px 0 5px 0;
      text-align: center; }
  #cats .adults p {
    clear: both;
    margin: 5px 0 0 0;
    padding: 3px 0 3px 5px;
    border: 1px solid;
    border-color: #888 #DDD #DDD #888;
    width: 155px;
    height: 4em;
    font-size: 13px; }
    #cats .adults p .memo {
      color: #B45A91; }
  #cats .adults li.nopopup {
    padding-top: 21px; }

#cats .kanekoneko {
  padding: 0;
  margin: 0;
  clear: both; }
  #cats .kanekoneko li.item {
    padding: 0 8px 8px 8px;
    margin: 4px 4px 15px 4px;
    border: 1px solid;
    border-color: #DDD #888 #888 #DDD; }
    #cats .kanekoneko li.item .link {
      margin: 10px 0 5px 0;
      text-align: center; }
  #cats .kanekoneko p {
    clear: both;
    margin: 5px 0 0 0;
    padding: 3px 0 3px 5px;
    border: 1px solid;
    border-color: #888 #DDD #DDD #888;
    width: 155px;
    height: auto;
    font-size: 13px; }
    #cats .kanekoneko p .memo {
      color: #B45A91; }
  #cats .kanekoneko li.nopopup {
    padding-top: 21px; }

#cats .satooya {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  clear: both; }
  #cats .satooya .item {
    padding: 0;
    margin: 2px 2px 15px 2px;
    border: 0;
    background-color: #FFD;
    background-image: url(../satooya/cat/res/kettei-mark.png);
    background-repeat: no-repeat;
    background-position: bottom right; }
    #cats .satooya .item p {
      clear: both;
      margin: 5px 0 0 0;
      padding: 0;
      border: 0;
      width: 148px;
      height: 7em;
      font-size: 13px;
      font-family: sans-serif; }
      #cats .satooya .item p span {
        font-size: x-small; }
        #cats .satooya .item p span.date {
          font-size: 13px;
          font-weight: bold;
          color: #43689D; }
  #cats .satooya li.nopopup {
    padding-top: 21px; }

#cats .jyoutokai p {
  height: 10em; }

#acat h1 {
  margin-bottom: 5px; }

#acat h3 {
  margin: 2em 0 0 0;
  font-size: small; }

#acat #satooya {
  margin: 0 0 1em 0;
  text-align: center;
  color: #008800;
  font-weight: bold;
  font-size: medium; }

#acat #left-pane {
  width: 335px;
  _width: 330px;
  float: left;
  margin: 0;
  font-size: small; }
  #acat #left-pane #first-photo {
    text-align: center; }
    #acat #left-pane #first-photo img {
      vertical-align: bottom; }
    #acat #left-pane #first-photo .staying-days {
      background-color: #FFE2E8;
      text-align: center;
      width: 320px;
      margin-left: 7px; }
      #acat #left-pane #first-photo .staying-days span {
        font-weight: bold;
        color: #FF6666; }

#acat .movie {
  float: left;
  margin: 0;
  padding: 0;
  border: 0;
  text-align: center;
  font-size: small; }

#acat #right-pane {
  float: left;
  width: 415px;
  _width: 420px;
  margin: 0 0 0 10px;
  padding: 0; }
  #acat #right-pane #other-photos img {
    margin: 0 4px 0 0; }

#acat iframe {
  width: 400px;
  height: 225px;
  margin: 0 5px 5px 0;
  padding: 0; }

#acat .back-to-index {
  clear: both;
  text-align: center;
  padding: 1em 0 0 0;
  border: 1px solid #888;
  border-width: 1px 0 0 0; }

#acat .cbox {
  clear: both;
  padding-top: 10px; }

#acat #social-buttons {
  height: 20px;
  padding-left: 345px; }
  #acat #social-buttons div {
    float: left;
    margin-right: 10px; }
  #acat #social-buttons .facebook {
    width: 100px; }
  #acat #social-buttons .twitter {
    width: 100px; }
  #acat #social-buttons .google {
    width: 60px; }

#news {
  /* 3panes */
  /* entry list */
  /* an entry */
  /* images */ }
  #news .social-icons {
    margin: 10px 0 10px 0;
    padding: 0 0 10px 0; }
    #news .social-icons img {
      width: 40px;
      height: auto;
      margin: 0 5px; }
  #news #main-pane {
    font-size: small;
    width: auto;
    float: left;
    margin-bottom: 2em; }
  #news #sidebar {
    width: 25%;
    float: right;
    font-size: small; }
    #news #sidebar ul li {
      margin: 1em 0; }
    #news #sidebar .widget {
      margin-bottom: 2em; }
    #news #sidebar .widget_search .field {
      padding: .5em 0;
      margin: .5em 0; }
    #news #sidebar .widget_search .submit {
      padding: .5em 0;
      margin: .5em 0; }
    #news #sidebar .tagcloud {
      line-height: 2em; }
      #news #sidebar .tagcloud a {
        padding-right: 1em; }
  #news .list-base ul {
    margin: 15px 15px;
    background-color: white;
    list-style-type: none; }
  #news .list-base li {
    clear: both;
    padding: 5px;
    background-color: #FFF; }
  #news .list-base img {
    float: left;
    margin-right: 10px; }
  #news .list-base h2 {
    display: inline;
    border: 0; }
  #news .list-base p.date {
    text-align: right; }
  #news .nav-above {
    margin-top: 1em;
    border: #AAA dotted;
    border-width: 0 0 1px 0; }
  #news .nav-below {
    margin-top: 1em;
    border: #AAA dotted;
    border-width: 1px 0 0 0; }
  #news .entry-body {
    clear: both; }
  #news .entry-timestamp {
    font-size: 16px;
    border: 0;
    margin: 1em 0;
    text-align: right; }
  #news .entry-info {
    height: 30px;
    font-size: 16px;
    margin: 3em 0 0 0;
    padding-top: 10px;
    text-align: left;
    border: 1px solid #CCC;
    background-color: #EEE;
    /* social buttons */ }
    #news .entry-info .entry-category {
      margin-right: 10px;
      float: right; }
      #news .entry-info .entry-category .categories {
        margin-right: .5em;
        padding-right: .5em;
        border-right: 1px solid black;
        display: inline; }
      #news .entry-info .entry-category .tags {
        display: inline; }
    #news .entry-info .social-buttons {
      height: 20px;
      padding-left: 10px;
      float: left; }
      #news .entry-info .social-buttons div {
        float: left;
        margin-right: 10px; }
      #news .entry-info .social-buttons .facebook {
        width: 150px; }
      #news .entry-info .social-buttons .twitter {
        width: 100px; }
      #news .entry-info .social-buttons .google {
        width: 60px; }
  #news .alignright {
    float: right;
    margin: 0 5px; }
  #news .alignleft {
    float: left;
    margin: 0 5px; }
  #news .related-entries li {
    margin: 1em 0; }

.jyoutokai #satooya-banner {
  margin: 2em 0 1em 0;
  text-align: center; }

.jyoutokai .menkai-flow {
  text-align: center;
  width: 610px;
  height: 200px;
  background: url(../images/menkai-flow.png) no-repeat; }

#internship #flow #text {
  display: none; }

#rescued table.year {
  width: 700px;
  margin: 0;
  padding: 3px;
  border: 1px solid #CCC;
  border-collapse: separate; }
  #rescued table.year td, #rescued table.year th {
    margin: 1px;
    padding: 1px;
    border: 1px solid #CCC;
    text-align: center; }
  #rescued table.year th {
    background-color: #E6E6ED; }
  #rescued table.year tr.each_sum {
    background-color: #FFE9E9; }
  #rescued table.year tr.all_sum {
    background-color: #E9E9FF; }

#rescued .rescued_sum {
  width: 700px;
  margin: .5em 0 0 0;
  text-align: center;
  text-decoration: underline; }

#rescued .jump_to_year {
  margin-left: 0; }
  #rescued .jump_to_year li {
    display: inline-block;
    width: 80px;
    padding: 0;
    text-align: center; }

#rescued .month-graph {
  font-size: 0; }
  #rescued .month-graph img {
    border: 1px solid #888; }
  #rescued .month-graph p {
    margin: 0 0 1em 0;
    padding: 0;
    font-size: 12px; }

#syuushi-houkoku .syuushi {
  width: 600px;
  border: 0; }
  #syuushi-houkoku .syuushi td {
    padding: 1px 5px 1px 5px;
    border: 0; }
    #syuushi-houkoku .syuushi td.number {
      text-align: right; }
    #syuushi-houkoku .syuushi td.minus {
      color: red; }
    #syuushi-houkoku .syuushi td.sum_text {
      text-align: right;
      font-weight: bold;
      text-decoration: underline; }
    #syuushi-houkoku .syuushi td.sum_number {
      text-align: right;
      font-weight: bold;
      text-decoration: underline; }
    #syuushi-houkoku .syuushi td.subtotal-text {
      text-align: right; }
    #syuushi-houkoku .syuushi td.payment_category {
      background-color: #EEE;
      text-align: left; }
    #syuushi-houkoku .syuushi td.income_category {
      background-color: #EEE;
      text-align: left; }
    #syuushi-houkoku .syuushi td.income, #syuushi-houkoku .syuushi td.payment {
      font-weight: bold; }
    #syuushi-houkoku .syuushi td.income {
      background-color: #CEEFED; }
    #syuushi-houkoku .syuushi td.payment {
      background-color: #FDDEDC; }
    #syuushi-houkoku .syuushi td.total {
      background-color: #CCCCCC; }

.cooperation .pnl-menu {
  margin: 1em 0;
  padding: 1em 0;
  list-style-type: none;
  clear: both; }
  .cooperation .pnl-menu li {
    width: 253px;
    margin: 0;
    padding: 0 0 2em 0;
    text-align: center;
    float: left; }
    .cooperation .pnl-menu li p {
      width: 220px;
      margin-left: 16px;
      text-align: center;
      font-size: small; }

.cooperation#houkoku table.initial {
  width: 580px;
  padding: 3px;
  border: 1px solid #CCC;
  border-collapse: separate; }
  .cooperation#houkoku table.initial td {
    margin: 1px;
    padding: 1px;
    border: 1px solid #CCC;
    text-align: center; }

.cooperation#houkoku table.goods {
  width: 580px;
  padding: 3px;
  border: 1px solid #CCC; }

.cooperation#shelter table.cost img {
  float: right; }

.cooperation#kaijyou-bosyuu .target {
  font-size: 32px; }

.cooperation#kaijyou-bosyuu #ex h3 {
  margin: 1em 0 0 0;
  padding: 1em 0 0 0; }

.cooperation#kaijyou-bosyuu #ex p {
  margin: 0; }

.cooperation#volubeit .course-menu {
  font-size: 0; }
  .cooperation#volubeit .course-menu img {
    display: inline-block; }
  .cooperation#volubeit .course-menu a {
    padding: 5px 0;
    width: 720px;
    display: block;
    text-align: center;
    background-color: #D5DCEF; }

.cooperation#projects ul.projects {
  margin: 0;
  padding: 0; }
  .cooperation#projects ul.projects li {
    margin: 5px;
    padding: 10px 5px;
    float: left;
    width: 230px;
    height: 13em;
    list-style-type: none;
    border: 1px solid;
    text-align: center; }
  .cooperation#projects ul.projects p {
    margin: 5px;
    padding: 0;
    font-size: small; }
  .cooperation#projects ul.projects a {
    text-decoration: none; }

.shelter #header {
  border-bottom: 1px solid #DDD; }

.shelter .topic_path {
  margin-left: 20px; }

.shelter#top * {
  font-size: 16px; }

.shelter#top #image {
  width: 800px;
  height: 215px;
  background: url(../shelter/res/top-image.jpg); }

.shelter#top #menu {
  margin: 20px 0;
  padding: 0;
  list-style-type: none; }
  .shelter#top #menu li {
    display: block;
    float: left;
    width: 180px;
    height: 215px;
    margin: 20px 20px;
    padding: 0 0 0 30px;
    background: url(../shelter/res/top-menu-bg.jpg) no-repeat; }
    .shelter#top #menu li h2 {
      margin: 0;
      padding: 0;
      color: #FF6600;
      font-size: 13px;
      border: 0; }
    .shelter#top #menu li p {
      margin: 0;
      padding: 0;
      font-size: 12px; }
    .shelter#top #menu li a {
      color: black;
      text-decoration: none; }
      .shelter#top #menu li a:hover, .shelter#top #menu li a:active {
        color: red;
        text-decoration: underline; }

.shelter#day h2 {
  clear: both;
  padding: 70px 0 0 15px;
  height: 60px;
  border: 0;
  font-size: 15px;
  background: url(../shelter/res/day-time-bg.png) no-repeat; }

.shelter#day .photos {
  margin: 20px 0;
  padding: 0;
  list-style-type: none; }
  .shelter#day .photos li {
    display: block;
    float: left;
    width: 200px;
    height: 225px;
    margin: 10px 20px;
    padding: 0; }
    .shelter#day .photos li.large {
      height: 300px; }
    .shelter#day .photos li p {
      margin: 5px 0 0 0;
      padding: 0;
      font-size: 12px; }
    .shelter#day .photos li img {
      border: solid 3px;
      border-color: #DDD #888 #888 #DDD; }
  .shelter#day .photos:after {
    content: "";
    display: block;
    clear: both; }

.shelter#day #bottom-menu {
  text-align: center; }

.contents#cat-1st #menu h2 {
  margin-top: 0; }

.contents#cat-1st #menu li {
  width: 300px;
  margin: 20px;
  list-style-type: none;
  float: left; }
  .contents#cat-1st #menu li p {
    font-size: small;
    height: 4em; }

.contents#cat-1st h2 {
  border: 1px #2A6A2A solid;
  background-color: #AEECAF;
  font-size: x-large;
  color: #2A6A2A; }

.contents#cat-1st table td.color1 {
  background-color: #80FF80; }

.contents#cat-1st table td.color2 {
  background-color: #FFC4E1; }

.contents#cat-1st table th {
  color: white;
  background-color: #00C; }

.contents#cat-1st table#goods {
  border: 0; }
  .contents#cat-1st table#goods td {
    border: 1px dotted;
    border-width: 0 0 1px 0; }

.contents#cat-1st .column {
  margin: 0;
  padding: 38px 0 0 16px;
  background: no-repeat url(../contents/cat-1st/res/column-bg.png);
  border: 0;
  /* float box hack */
  overflow: hidden; }
  .contents#cat-1st .column > div {
    border: 2px solid #E73862;
    padding: 1em; }
  .contents#cat-1st .column h3 {
    margin: 0 0 0 80px;
    font-size: large;
    color: #E73862; }
  .contents#cat-1st .column:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden; }

.contents#cat-1st .photobox-right {
  float: right;
  width: 230px;
  margin: 10px;
  text-align: center;
  font-size: small; }

.contents#cat-1st #katazuke:after {
  content: "";
  clear: both;
  display: block; }

#policy address {
  text-align: right; }

#policy #article {
  padding: 20px; }
  #policy #article #first {
    padding: 0 1em;
    border: 1px solid #888;
    font-weight: bold; }

.vet #main {
  border-top: 0; }

.vet h1 {
  background: #FFF;
  padding: 20px;
  border: solid #AAA;
  border-width: 0 0 1px 0; }

.vet#top h2 {
  margin: 0 0 1em 0;
  padding: 5px;
  text-align: center;
  color: white;
  background-color: #F6902A;
  border: 2px solid #C66000;
  border-width: 2px 0 2px 0;
  font-size: 100%; }

.vet#top #first {
  margin: 20px; }

.vet#top #to-gairai {
  border: 2px solid green;
  margin: 0 0 10px 0;
  padding: 10px; }

.vet h2 {
  margin: 1em 0 0 0;
  padding: 0;
  color: #009;
  border: solid #009;
  border-width: 0 0 1px 0; }

.vet h3 {
  padding-top: 1em;
  border-top: 1px dashed #ddd; }
  .vet h3 span {
    display: block;
    color: #000;
    font-weight: normal; }

.vet table.price-list {
  padding: 3px;
  border: 1px solid #000;
  border-collapse: collapse; }
  .vet table.price-list th {
    border: 1px solid #000; }
  .vet table.price-list td {
    border: 1px solid #000; }
    .vet table.price-list td:last-child {
      text-align: right; }
    .vet table.price-list td.ope-option {
      border-top: 1px dashed #BBB;
      border-bottom: 1px dashed #BBB; }

.vet #navigation {
  width: 280px;
  float: right;
  margin-bottom: 1em; }

.vet #contents {
  width: 465px;
  float: right;
  margin-left: 15px;
  margin-bottom: 1em; }

.vet .topic-path {
  margin: 0;
  padding: 5px 0 5px 0;
  font-size: small;
  border: dashed #AAA;
  border-width: 0 0 1px 0; }

.vet .even-row {
  background: #E1ECFF; }

.vet ul.linklist li {
  list-style-type: none;
  background: 0% 50% url(../vet/res/linklist_mark.png) no-repeat;
  margin-left: -20px;
  padding-left: 20px; }

.vet ul.linklist-top li {
  list-style-type: none;
  background: 0% 0% url(../vet/res/linklist_mark.png) no-repeat;
  margin-left: -20px;
  padding-left: 20px; }

.vet a img, .vet a:hover img, .vet a:active img {
  border: 0; }

.vet img.right {
  float: right; }

.vet em {
  color: #00BB00; }

.vet .to-application {
  text-align: center;
  margin-bottom: 2em; }

.vet .contact {
  border-radius: 12px;
  background-color: #EEE;
  margin: 3em 80px;
  padding: 1em 5em;
  vertical-align: middle; }

.vet .form .animal fieldset {
  margin: 0 0 1em 0; }

.vet .form .animal .kind, .vet .form .animal .sex {
  display: inline-block;
  width: 250px; }

.vet .form .animal .age:before {
  content: "\a";
  white-space: pre; }

.bbs#top .to-bbs {
  text-align: center; }

.basic-dog-training .index {
  width: 720px;
  margin: 0 auto;
  padding: 0;
  list-style-type: none; }
  .basic-dog-training .index li {
    float: left;
    text-align: center;
    width: 200px;
    background-color: #EEE;
    margin: 10px;
    _margin: 5px;
    padding: 10px; }
  .basic-dog-training .index a,
  .basic-dog-training .index a:visited,
  .basic-dog-training .index a:active {
    color: #333333; }

.basic-dog-training img.overflow {
  margin-bottom: 20px;
  _margin-bottom: 0; }

.basic-dog-training .navigation {
  text-align: center;
  clear: both;
  padding-top: 20px;
  border: solid #DDD;
  border-width: 1px 0 0 0; }

.basic-dog-training .step {
  height: 250px; }

.basic-dog-training .one-point-advice {
  margin: 10px;
  padding: 10px 20px;
  border: 5px dotted pink; }

.shelter-new ol {
  border: 0;
  background-color: #FFF; }

.shelter-new #header {
  border-bottom: 1px solid #DDD; }

.shelter-new .topic_path {
  margin-left: 20px; }

.shelter-new #main {
  border: 0; }

.shelter-new #map {
  width: 760px;
  height: 560px;
  background: url(../shelter_new/res/map.png); }
  .shelter-new #map #body {
    width: 760px;
    height: 440px;
    float: left;
    position: relative; }
  .shelter-new #map #menu {
    width: 540px;
    margin-left: 220px; }
    .shelter-new #map #menu .item {
      width: 135px;
      height: 30px;
      border: 0;
      _display: inline;
      float: left;
      _float: none;
      margin: 0;
      padding: 0; }
      .shelter-new #map #menu .item a img, .shelter-new #map #menu .item a:hover img, .shelter-new #map #menu .item a:active img {
        border: 0; }
  .shelter-new #map #display {
    width: 220px;
    height: 200px;
    float: left;
    position: relative;
    top: -150px; }
    .shelter-new #map #display #photo {
      margin: 30px 28px 5px 28px; }
    .shelter-new #map #display #text {
      font-size: small;
      margin: 0px 28px; }
  .shelter-new #map #submenu {
    width: 540px;
    height: 30px;
    float: left; }
  .shelter-new #map .star {
    display: none;
    position: absolute; }

.shelter-new h1 {
  margin: 0;
  padding: 0; }

.shelter-new#shelters #main {
  padding: 0;
  border: 0; }

.shelter-new .page-item {
  float: left;
  margin: 30px 0 0 0;
  padding: 0;
  width: 380px;
  background: url(../shelter_new/res/photo-bg.jpg) no-repeat; }
  .shelter-new .page-item img {
    margin: 50px 0 10px 38px;
    padding: 0; }
  .shelter-new .page-item p {
    font-size: 12px;
    margin: 0;
    padding: 0 35px 50px 38px;
    background: url(../shelter_new/res/photo-bg.jpg) no-repeat 0% 100%; }

.shelter-new #bottom-menu {
  clear: both;
  text-align: center;
  background-color: #EEE;
  border: 1px solid #888;
  margin: 1em 20px 0 20px; }

.shelter-new#day #main {
  border-top: none; }

.shelter-new#day .tasks {
  margin: 0;
  padding: 0; }
  .shelter-new#day .tasks ul.task-items {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 0; }
    .shelter-new#day .tasks ul.task-items li {
      display: inline-block;
      vertical-align: top;
      width: 240px;
      margin: 0 20px 20px 0;
      padding: 0 0 0 0; }
      .shelter-new#day .tasks ul.task-items li:nth-child(3n) {
        margin-right: 0; }
      .shelter-new#day .tasks ul.task-items li h3 {
        font-size: 16px;
        margin: 0; }
      .shelter-new#day .tasks ul.task-items li p {
        font-size: 14px;
        margin: 0; }

.shelter-new#day .flow table {
  float: left;
  width: 500px; }

.shelter-new#day .flow img {
  float: right; }

.shelter-new#day .flow p {
  clear: both;
  margin: 1em 0; }

.shelter-new#animals #main {
  border-top: none; }
  .shelter-new#animals #main h2 {
    border: 0;
    margin: 1em 0;
    padding: 0; }
  .shelter-new#animals #main .animals ul {
    margin: 0;
    list-style-type: none; }
    .shelter-new#animals #main .animals ul li {
      width: 370px;
      display: inline-block;
      margin: 0 0 .5em 0;
      padding: 0;
      border: 1px solid #DDD;
      border-radius: 10px; }
      .shelter-new#animals #main .animals ul li:nth-child(even) {
        margin-left: 10px; }
      .shelter-new#animals #main .animals ul li a {
        display: block; }
        .shelter-new#animals #main .animals ul li a:link, .shelter-new#animals #main .animals ul li a:hover, .shelter-new#animals #main .animals ul li a:active, .shelter-new#animals #main .animals ul li a:visited {
          color: #000; }
      .shelter-new#animals #main .animals ul li img {
        margin: 0;
        padding: 0;
        width: 40%;
        vertical-align: bottom;
        float: left;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px; }
      .shelter-new#animals #main .animals ul li p {
        color: #000;
        width: 50%;
        margin: 0 0 0 .5em;
        float: left;
        font-size: 2em; }
  .shelter-new#animals #main .animal p {
    width: 100%;
    margin: 1em 0;
    padding: 0;
    display: inline-block; }
    .shelter-new#animals #main .animal p.text img {
      width: 200px; }
    .shelter-new#animals #main .animal p.left img {
      float: left;
      margin-right: 1em; }
    .shelter-new#animals #main .animal p.right img {
      float: right;
      margin-left: 1em; }
    .shelter-new#animals #main .animal p.skill {
      height: 64px;
      background: url(http://www.lifeboat.or.jp/shelter/images/animals-skill.png) no-repeat;
      background-size: contain;
      display: flex;
      align-items: center; }
      .shelter-new#animals #main .animal p.skill span {
        display: block;
        margin-left: 80px;
        position: absolute;
        font-size: 25px; }

.future-2024 .topic_path {
  margin: 10px 20px;
  font-size: small; }

.future-2024 #contents {
  padding: 0 20px; }
  .future-2024 #contents p {
    font-size: larger;
    line-height: 2.0em;
    margin: 1.5em 0; }
    .future-2024 #contents p.comment {
      font-size: small;
      line-height: 1.5em; }
    .future-2024 #contents p.continue {
      text-align: right; }
  .future-2024 #contents ul.pagemenu {
    margin: 20px;
    font-size: small;
    list-style-type: none; }
    .future-2024 #contents ul.pagemenu li {
      display: inline;
      margin-right: 2em; }
  .future-2024 #contents hr {
    height: 0px;
    border: 0;
    border-top: 1px dashed #888; }

.staff .note {
  font-size: 16px;
  font-weight: normal;
  color: green; }

.staff .contact {
  border-radius: 10px;
  margin: 0 50px;
  padding: 50px;
  background-color: #DDD; }
  .staff .contact div a {
    font-size: 24px;
    text-decoration: none;
    color: #009A2F; }

.staff .to-application {
  text-align: center; }

.recruit table.status {
  border-collapse: collapse; }
  .recruit table.status th {
    color: #FFFFFF;
    background-color: #4E7097; }
  .recruit table.status th, .recruit table.status td {
    border: 1px solid #888; }

.recruit .to-application {
  text-align: center; }

.recruit .midcareer-flow {
  width: 570px;
  height: 136px;
  background: url(../images/staff-midcareer-flow.png); }

.recruit .newgrad-flow {
  width: 720px;
  height: 136px;
  background: url(../images/staff-newgrad-flow.png); }

.recruit#jimu #steps {
  display: flex;
  flex-wrap: wrap; }
  .recruit#jimu #steps img {
    width: 100%; }
  .recruit#jimu #steps .step {
    flex: 1 0 25%;
    padding: 0 2%;
    border: 1px solid #888;
    border-radius: 1em; }
    .recruit#jimu #steps .step:first-child, .recruit#jimu #steps .step:last-child {
      flex-basis: 95%; }

#contact .menkai-flow {
  text-align: center;
  width: 760px;
  height: 16px;
  margin-bottom: 3em;
  padding-top: 200px;
  background: url(../images/menkai-flow-wide.png) no-repeat; }

.contact#qa ul.qa-list li {
  list-style-type: none; }
  .contact#qa ul.qa-list li .q {
    margin-bottom: .5em; }
    .contact#qa ul.qa-list li .q span {
      color: #F45360;
      font-size: 18px;
      font-weight: bold;
      padding-right: .5em; }
  .contact#qa ul.qa-list li .a {
    margin-left: 1.5em;
    margin-top: .5em; }
    .contact#qa ul.qa-list li .a span {
      color: #00BDFE;
      font-size: 18px;
      font-weight: bold;
      padding-right: .5em; }

.contact .menkai-flow {
  text-align: center;
  width: 760px;
  height: 16px;
  margin-bottom: 1em;
  padding-top: 200px;
  background: url(../images/menkai-flow-wide.png) no-repeat; }

/* Landing page */
.entrance h1 {
  color: black;
  background-image: none;
  margin: 1em 0 .5em 0;
  padding: 0; }

.entrance #animals img {
  vertical-align: bottom; }

.entrance #animals-left {
  width: 380px;
  float: left; }

.entrance #animals-right {
  width: 380px;
  float: right; }

.entrance #point-left {
  width: 370px;
  margin-right: 10px;
  float: left; }
  .entrance #point-left h2 {
    border: none;
    color: #E55;
    background-color: #FDD;
    border-radius: 10px;
    padding: .5em; }

.entrance #point-right {
  width: 370px;
  margin-left: 10px;
  float: right; }
  .entrance #point-right h2 {
    border: none;
    color: #090;
    background-color: #DFD;
    border-radius: 10px;
    padding: .5em; }

.entrance #satooya {
  line-height: 0; }

.entrance #to-index {
  margin: 2em 0; }
  .entrance #to-index p {
    text-align: center; }
  .entrance #to-index #button {
    border: 2px solid #E57611;
    color: #FFCC66;
    background-color: #FFD583;
    font-size: x-large;
    text-align: center;
    margin: 1em auto;
    padding: .5em;
    width: 12em; }

/* for clipmail cgi */
#clipmail {
  width: 600px;
  background-color: #FFF; }
  #clipmail h1 {
    margin: 1em 0 1em 0;
    padding: 0;
    background: none;
    border-bottom: 2px #00A solid; }
  #clipmail table.form {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    border: 1px solid #555 collapse; }
    #clipmail table.form th {
      background-color: #BAD4FD; }
  #clipmail .buttons {
    margin: 0;
    padding: 1em 0;
    border-bottom: 1px dotted #DDD; }
    #clipmail .buttons input {
      display: block;
      margin: 0 auto;
      padding: .5em 1em;
      font-size: 16px; }
    #clipmail .buttons .button {
      margin: 1em 0 0 0;
      text-align: center; }
  #clipmail .copyright {
    font-size: 16px;
    text-align: center; }

#volunteer-schedule {
  /* Googleカレンダー設置用 */
  /* jQuery Mobile上書き */ }
  #volunteer-schedule h3 {
    font-size: 20px;
    color: #00C; }
  #volunteer-schedule em {
    font-style: normal;
    font-weight: bold;
    color: red; }
  #volunteer-schedule ul {
    margin: 1em 1em 1em 1em; }
  #volunteer-schedule table {
    width: 100%;
    border: 1px solid #CCC;
    border-collapse: collapse; }
    #volunteer-schedule table td {
      border-right: 1px solid #CCC; }
    #volunteer-schedule table img {
      width: 3em; }
  #volunteer-schedule .thanks {
    color: red;
    font-style: normal; }
  #volunteer-schedule #calendar {
    max-width: 800px;
    min-width: 300px; }
    #volunteer-schedule #calendar .body {
      position: relative;
      padding-bottom: 100%;
      height: 0;
      overflow: hidden; }
      #volunteer-schedule #calendar .body iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
  #volunteer-schedule .ui-li-static img {
    position: absolute;
    top: 0;
    max-width: 80px;
    max-height: 80px; }
    #volunteer-schedule .ui-li-static img:nth-child(2) {
      left: 81px; }
    #volunteer-schedule .ui-li-static img:nth-child(3) {
      left: 161px; }
  #volunteer-schedule .ui-li-static div {
    float: right;
    width: 150px; }

#baby-cats #container #main h1 {
  background: none;
  margin: 0;
  padding: .5em 0 .5em .5em; }

#baby-cats #container #main ol.index {
  height: 260px;
  margin: 0;
  padding: 3em 0 3em 0; }
  #baby-cats #container #main ol.index li {
    margin: 5px;
    padding: 0;
    width: 240px;
    height: 80px;
    float: left;
    color: #4B1700;
    list-style-type: none; }
    #baby-cats #container #main ol.index li a {
      display: table-cell;
      vertical-align: middle;
      width: 240px;
      height: 80px;
      margin: 0;
      padding: 0 1em;
      text-decoration: none;
      font-size: 16px;
      color: #000;
      background-color: #FFF;
      border-radius: 5em;
      border: 1px solid #AAA;
      box-shadow: 1px 1px 2px #444; }
      #baby-cats #container #main ol.index li a:hover, #baby-cats #container #main ol.index li a:active {
        background-color: #FFECCE; }
    #baby-cats #container #main ol.index li:nth-child(1) a:before {
      content: "0. "; }
    #baby-cats #container #main ol.index li:nth-child(2) a:before {
      content: "1. "; }
    #baby-cats #container #main ol.index li:nth-child(3) a:before {
      content: "2. "; }
    #baby-cats #container #main ol.index li:nth-child(4) a:before {
      content: "3. "; }
    #baby-cats #container #main ol.index li:nth-child(5) a:before {
      content: "4. "; }
    #baby-cats #container #main ol.index li:nth-child(6) a:before {
      content: "5. "; }
    #baby-cats #container #main ol.index li:nth-child(7) a:before {
      content: "6. "; }
    #baby-cats #container #main ol.index li:nth-child(8) a:before {
      content: "7. "; }
    #baby-cats #container #main ol.index li:nth-child(9) a:before {
      content: "8. "; }
    #baby-cats #container #main ol.index li.current-page {
      font-weight: bold;
      color: #FFF; }
      #baby-cats #container #main ol.index li.current-page a {
        color: #FFF;
        background-color: #E76800; }

#baby-cats #container #main article section h1 {
  background-color: #DDDDE6;
  background: url(../images/h1_bg.png) no-repeat;
  background-position: left; }

#baby-cats #container #main article section img {
  width: 80%; }

#baby-cats #container #main article section.column {
  width: 90%;
  margin: 1em 2%;
  padding: 0 2% .5em 2%;
  border-radius: .5em;
  border: 1px solid #0589AE; }

#baby-cats #container #main ul.topic-path {
  margin-left: 0;
  list-style-type: none; }
  #baby-cats #container #main ul.topic-path li {
    float: left;
    margin-left: .5em; }
    #baby-cats #container #main ul.topic-path li:before {
      content: " > "; }
    #baby-cats #container #main ul.topic-path li:nth-child(1):before {
      content: ""; }

#baby-cats #container #main ul.checklist li {
  font-size: 20px;
  background: url(../images/checkmark.png) no-repeat;
  background-size: contain;
  margin-left: .5em;
  padding-left: 2em; }

body#mycalendar {
  width: 560px;
  margin: 0 auto;
  padding: 0;
  background-color: #DDD; }
  body#mycalendar * {
    margin: 0;
    padding: 0;
    font-size: 16px; }
    body#mycalendar *:before, body#mycalendar *:after {
      content: ""; }
  body#mycalendar p {
    font-size: 14px;
    color: #006700; }
  body#mycalendar #wrapper {
    background-color: #E9FAE9; }
    body#mycalendar #wrapper h1 {
      padding: 1em 20px;
      color: #FFF;
      background-image: none;
      background-color: #006700; }
    body#mycalendar #wrapper h2 {
      border: none;
      color: #006700;
      font-size: 14px; }
    body#mycalendar #wrapper ul {
      margin-left: 2em; }
      body#mycalendar #wrapper ul li {
        color: #006700;
        font-size: 14px; }
    body#mycalendar #wrapper section {
      margin: 1em 0;
      padding: 0 20px; }
      body#mycalendar #wrapper section.error h2 {
        border: none;
        font-size: 24px;
        margin: 1em 0; }
      body#mycalendar #wrapper section.error p {
        margin-bottom: 2em; }
    body#mycalendar #wrapper form {
      margin-top: 0; }
    body#mycalendar #wrapper input {
      height: 2em;
      cursor: pointer; }
      body#mycalendar #wrapper input.submit {
        display: block;
        width: 100%;
        height: 2.5em;
        font-size: 24px;
        margin: 0 auto;
        color: #FFF;
        background-color: #E67E29;
        border: none;
        border-radius: .5em;
        box-shadow: 1px 1px 2px #444; }
      body#mycalendar #wrapper input.activeBtn {
        color: #FFF;
        background-color: #006700; }
    body#mycalendar #wrapper fieldset {
      margin: 1em 0;
      padding: .5em 1em;
      color: #006700;
      background-color: #FFF;
      border: none;
      text-align: center;
      border-radius: .5em;
      box-shadow: 1px 1px 2px #444; }
      body#mycalendar #wrapper fieldset legend {
        color: #006700; }
      body#mycalendar #wrapper fieldset.two-ctrls input, body#mycalendar #wrapper fieldset.two-ctrls select {
        width: 45%;
        height: 2em; }
      body#mycalendar #wrapper fieldset.three-ctrls input, body#mycalendar #wrapper fieldset.three-ctrls select {
        width: 30%;
        height: 2em; }
      body#mycalendar #wrapper fieldset.three-sets {
        width: 25%;
        float: left;
        margin: 0 1% 1em 1%; }
    body#mycalendar #wrapper footer {
      padding: 1em;
      height: 100%;
      color: #FFF;
      background-color: #006700;
      text-align: center; }
      body#mycalendar #wrapper footer a:active, body#mycalendar #wrapper footer a:visited, body#mycalendar #wrapper footer a:link {
        text-decoration: none;
        color: #FFF; }
  body#mycalendar #display {
    margin-left: 30px; }
    body#mycalendar #display #calendarWrapper {
      width: 516px;
      height: 363px;
      position: relative; }
      body#mycalendar #display #calendarWrapper #calendar {
        width: 100%;
        height: 100%;
        border: 1px solid #888;
        background-size: contain !important; }
        body#mycalendar #display #calendarWrapper #calendar #photoWrapper {
          width: 153px;
          height: 153px;
          position: absolute;
          left: 348px;
          top: 40px; }
          body#mycalendar #display #calendarWrapper #calendar #photoWrapper #photo {
            width: 100%;
            height: 100%; }
        body#mycalendar #display #calendarWrapper #calendar #weekNumberWrapper {
          width: 516px;
          height: 363px;
          position: absolute;
          left: 0;
          top: 0; }
          body#mycalendar #display #calendarWrapper #calendar #weekNumberWrapper #weekNumber {
            width: 100%;
            height: 100%; }
  body#mycalendar #backBtn {
    text-align: center;
    margin: 2em 0; }

body#mishina-akechi h1 {
  padding: 0; }
  body#mishina-akechi h1 img {
    width: 100%; }

body#contact #faq > ul {
  margin: 1em 0;
  border: 1px solid #888;
  height: 30em;
  overflow: scroll; }

body#contact #faq .faq-item span {
  display: none; }

body#contact #faq .hidden {
  display: none; }

body .page-logo img {
  width: 100%; }

@media screen and (max-device-width: 640px), screen and (min-resolution: 150dpi) {
  * {
    line-height: 1.5; }
  ul.linklist {
    margin-left: 2em; }
    ul.linklist li {
      background-size: 2em auto;
      margin-left: -1.5em;
      padding: .5em 0 .5em 2em; }
  ul.linklist-middle {
    margin-left: 2em; }
    ul.linklist-middle li {
      list-style-type: none;
      background-size: 2em auto;
      background-position-y: .2em;
      margin-left: -1.5em;
      padding: .5em 0 .5em 2em; }
  ul.checklist li {
    list-style-type: none;
    background: 0% 0% url(../res/checklist.png) no-repeat;
    margin-left: -20px;
    margin-bottom: .5em;
    padding-left: 20px; }
  ul.photos2 {
    width: 100%;
    font-size: 0; }
    ul.photos2 li {
      margin: 1em 1%;
      display: inline-block;
      float: none;
      width: 98%;
      vertical-align: top; }
      ul.photos2 li p {
        font-size: 16px; }
  ul.year-menu li {
    width: 25%; }
  ul#jump_to_month {
    padding: 0;
    width: 100%; }
    ul#jump_to_month li {
      width: 16%;
      margin: .5em 0; }
  * {
    margin: 0;
    padding: 0;
    font-size: 16px;
    word-wrap: break-word; }
  body {
    width: 100%;
    font-size: 16px; }
  ul, ol {
    margin: 1em; }
  form input {
    width: 100%; }
  form select {
    width: 100%; }
  form textarea {
    width: 100%; }
  #header {
    margin: 0;
    padding: 0 !important;
    width: 100%;
    height: auto;
    background-image: none !important; }
    #header img {
      width: 100%;
      height: auto;
      vertical-align: bottom; }
    #header #bubble {
      display: none; }
  #footer {
    padding: 0 2%; }
    #footer #nav {
      line-height: 2.0; }
  .topic_path {
    margin: 0;
    padding: 1em 0;
    font-size: 16px; }
  .form {
    width: 100%; }
    .form section h2 {
      margin: 0 !important; }
    .form section div {
      padding: 0 2%; }
    .form .ssl-mark {
      margin-top: 1em;
      width: 100%;
      text-align: right;
      font-size: 10px; }
      .form .ssl-mark img {
        width: 50% !important;
        height: auto !important; }
    .form .min-field {
      width: 30%; }
    .form .mid-field {
      width: 94%; }
    .form .max-field {
      width: 94%; }
    .form .phone-field {
      width: 60%; }
    .form textarea {
      width: 94%;
      height: 3em; }
    .form input {
      margin: .5em 0;
      padding: .5em 0 .5em .5em; }
      .form input[type=radio] {
        width: 1.5em;
        height: 1.5em;
        vertical-align: middle; }
      .form input[type=checkbox] {
        width: 1.5em;
        height: 1.5em;
        vertical-align: middle; }
      .form input#submit-button {
        width: 70%;
        height: auto; }
    .form select {
      margin: .5em 0;
      padding: .5em 0; }
    .form label:after {
      content: "\a";
      white-space: pre; }
    .form label.cancel-return:after {
      content: ""; }
    .form fieldset {
      margin: 1em 0;
      padding: 2%; }
      .form fieldset.vertical label {
        width: 100%; }
      .form fieldset.columns label {
        width: 100%; }
  #main {
    width: 96%;
    margin: 0;
    padding: 0 2%; }
    #main h1 {
      margin: .5em 0;
      padding: .2em;
      font-size: 24px; }
    #main h2 {
      margin: 1.5em 0 .2em 0;
      padding: .2em 0 .2em 10px;
      font-size: 20px; }
      #main h2:after {
        content: "";
        display: block;
        clear: both; }
    #main img {
      margin: 0;
      padding: 0;
      width: 100%;
      height: auto; }
      #main img.right {
        width: 40%;
        height: auto;
        margin-left: 1%; }
      #main img.left {
        width: 40%;
        height: auto;
        margin-right: 1%; }
    #main table {
      margin: 0;
      padding: 0;
      width: 100%;
      border-collapse: collapse; }
      #main table tr th, #main table tr td {
        margin: 0;
        padding: 1em 0;
        white-space: normal; }
      #main table tr td {
        padding-left: 1em; }
      #main table.jyoutokai td {
        padding: 0; }
        #main table.jyoutokai td img {
          width: 100%; }
      #main table.jyoutokai th {
        padding: 0;
        white-space: normal; }
      #main table.select-place td {
        padding: 0; }
    #main .column-double {
      margin: .5em 0;
      padding: 2%;
      width: 96%;
      float: none; }
    #main .panel-menu li {
      margin: 0;
      padding: 0;
      width: 50%;
      height: auto; }
    #main .to-submit {
      padding: 1em 0 2em 0; }
      #main .to-submit img {
        width: 80%; }
      #fureai #main .to-submit .catch {
        font-size: 24px; }
      #fureai #main .to-submit .text {
        font-size: 16px;
        margin: 0; }
    #main.volunteer img {
      float: none;
      width: 100%; }
    #main.volunteer #requirements tr {
      width: 100%;
      font-size: 0;
      display: flex;
      flex-wrap: wrap; }
      #main.volunteer #requirements tr th, #main.volunteer #requirements tr td {
        flex: 0 1 100%; }
        #main.volunteer #requirements tr th ul, #main.volunteer #requirements tr td ul {
          width: auto;
          margin: 1em; }
          #main.volunteer #requirements tr th ul li, #main.volunteer #requirements tr td ul li {
            width: 100%; }
    #main.volunteer #works li {
      display: inline-block;
      vertical-align: top;
      margin: 0;
      padding: 0 1% 1em 1%;
      width: 48%; }
    #main.volunteer iframe.schedule {
      width: 100%; }
    #main.volunteer .to-application {
      margin-bottom: 3em; }
      #main.volunteer .to-application img {
        width: 60% !important; }
    #main img.pdf {
      width: 1.5em;
      height: auto; }
  .timestamp {
    background-color: white;
    margin: 0;
    padding: 2em 1em 0 0; }
  .sp-only {
    display: block; }
  .adoption img.ill {
    border: solid #AAA;
    border-width: 0; }
  .adoption .schedule {
    width: 100%; }
    .adoption .schedule th:nth-child(4), .adoption .schedule td:nth-child(4) {
      display: none; }
    .adoption .schedule * {
      font-size: 14px; }
  .adoption #random-animals {
    margin: 0 0 1em 0;
    padding: 0;
    border: none;
    width: 100%; }
    .adoption #random-animals #display {
      width: 100%; }
      .adoption #random-animals #display img {
        width: 20%;
        height: auto; }
    .adoption #random-animals #shuffle-button {
      position: relative;
      font-size: 16px;
      left: 0;
      top: 0;
      margin: .5em 0; }
    .adoption #random-animals .btn {
      width: 80%;
      margin: 0 0 1em 0; }
  .adoption .satooya-flow {
    width: 100%; }
    .adoption .satooya-flow .step {
      padding: 1em 0 0 0; }
      .adoption .satooya-flow .step h3 {
        margin-left: 1em; }
        .adoption .satooya-flow .step h3:first-child {
          margin-top: 0; }
      .adoption .satooya-flow .step ul {
        margin: 0 .5em 1em 1.5em; }
    .adoption .satooya-flow .option-step {
      padding: 0 0 0 20%;
      background-size: contain; }
  .adoption .photo_popups a:hover div {
    display: none; }
  .adoption .photo_popups li:nth-child(1) {
    display: none; }
  .adoption table.cost tr td:first-child {
    width: 30%; }
  .adoption .plane-photos {
    font-size: 0; }
    .adoption .plane-photos img {
      width: 50% !important; }
  .adoption #cat-top-banner #display img {
    width: 25%; }
  .adoption #cat-top-text .all img {
    width: 80%; }
  .adoption .dog-top-banner #display img {
    width: 25%;
    vertical-align: middle; }
  .adoption .dog-top-banner #all img {
    width: 80%; }
  .adoption .fureai-banner {
    width: 100%;
    margin: 0 auto;
    padding: 1em 0; }
  .adoption .menkai-flow {
    text-align: center;
    width: 100%;
    height: auto;
    margin-bottom: 2em;
    padding-top: 0;
    background: url(../images/menkai-flow-sp.png) no-repeat;
    background-size: cover;
    background: none; }
    .adoption .menkai-flow p {
      font-size: 20px; }
  .adoption .menkai-belongings {
    text-align: center;
    width: 100%;
    height: auto;
    margin-top: 1em;
    margin-bottom: 2em;
    padding-top: 0;
    background: url(../images/menkai-belongings-sp.png) no-repeat;
    background-size: cover;
    background: none; }
  .adoption .inhouse > div {
    width: 100%;
    margin: 1em 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border: 0; }
    .adoption .inhouse > div > h4 {
      flex: 1 0 100%;
      margin: .5em 0 1em 0;
      font-size: 20px; }
    .adoption .inhouse > div > div {
      flex: 1 0 40%; }
      .adoption .inhouse > div > div:nth-child(2) {
        border: 1px dashed #DDD;
        text-align: center;
        margin: 0 3% 3% 3%;
        padding: 3%; }
      .adoption .inhouse > div > div:nth-child(3) {
        border: none;
        text-align: center; }
        .adoption .inhouse > div > div:nth-child(3) img {
          width: 100%; }
    .adoption .inhouse > div.ok h5 {
      font-size: 20px;
      color: blue; }
    .adoption .inhouse > div.ok > div:nth-child(2) {
      order: 1; }
    .adoption .inhouse > div.ok > div:nth-child(3) {
      order: 2; }
    .adoption .inhouse > div.ng h5 {
      font-size: 20px;
      color: red; }
    .adoption .inhouse > div.ng > div:nth-child(2) {
      order: 2; }
    .adoption .inhouse > div.ng > div:nth-child(3) {
      order: 1; }
  #dogs .good {
    font-size: 13px; }
  #dogs .bad {
    font-size: 13px; }
  #dogs .item {
    margin: 0 0 1em 0 !important;
    padding: 0 !important;
    border: 1px solid #DDD !important;
    font-size: 16px !important;
    width: 32% !important; }
    #dogs .item p {
      margin: 0;
      padding: 0;
      width: auto;
      height: auto;
      border: none; }
      #dogs .item p .memo {
        font-size: 13px;
        display: block; }
      #dogs .item p.info {
        height: auto !important; }
  #dogs .puppies .item {
    flex-grow: 1;
    max-width: 33%; }
    #dogs .puppies .item p {
      width: 100%;
      margin: 0;
      padding: 0;
      border: none; }
  #dogs .adults .item {
    flex-grow: 1;
    max-width: 33%; }
    #dogs .adults .item p .memo {
      display: block; }
    #dogs .adults .item .link a img {
      width: 75%; }
    #dogs .adults .item .link img.movie {
      width: 30%; }
  #dogs .tokusetsu .item p {
    font-size: 12px;
    height: 7em; }
  #dogs .satooya .item {
    flex-grow: 1;
    max-width: 33%; }
    #dogs .satooya .item p {
      width: 100%; }
  #dogs section.pickup2 h2 {
    width: 100%;
    height: 3em;
    background: url(../images/dogs-pickup-ribbon-sp.png) no-repeat;
    background-size: contain; }
  #dogs section.pickup2 p.category-comment {
    margin-left: 2%; }
  #dogs section.pickup2 .animals {
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
    #dogs section.pickup2 .animals .item {
      flex: 1 0 49%;
      margin: 0; }
      #dogs section.pickup2 .animals .item .main-photo {
        height: 7.5em; }
      #dogs section.pickup2 .animals .item .info {
        height: auto;
        background-image: none; }
      #dogs section.pickup2 .animals .item .link a img {
        width: 70%; }
      #dogs section.pickup2 .animals .item .link img.movie {
        width: 30%; }
  #dogs section.pickup2 .adopted {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0; }
    #dogs section.pickup2 .adopted li {
      flex-shrink: 1;
      width: 50%;
      height: 100%;
      background-size: contain !important; }
  #dogs section.pickup3 h2 {
    width: 100%;
    height: 3em;
    background: url(../images/dogs-pickup-ribbon-sp.png) no-repeat;
    background-size: contain; }
  #dogs section.pickup3 .animals .item .info {
    background-image: none; }
  #adog h3 {
    font-size: 16px; }
  #adog #media {
    margin-bottom: 2em;
    width: 100%;
    float: none; }
    #adog #media #other-photos {
      font-size: 0; }
      #adog #media #other-photos img {
        margin: 0;
        width: 50%;
        vertical-align: bottom; }
    #adog #media .movie img {
      display: none; }
    #adog #media .movie iframe {
      width: 100%; }
    #adog #media:after {
      content: "";
      clear: both;
      display: block; }
  #adog .back-to-index {
    padding-bottom: 1em; }
  #adog #social-buttons {
    height: 2em;
    padding: 0; }
    #adog #social-buttons div {
      float: left;
      margin-right: 1em; }
    #adog #social-buttons .facebook {
      width: auto; }
    #adog #social-buttons .twitter {
      width: auto; }
    #adog #social-buttons .google {
      width: auto; }
  #adog #information {
    float: none;
    margin: 0;
    width: 100%; }
    #adog #information div {
      border: none;
      margin-bottom: 2em;
      padding: 0; }
      #adog #information div ul {
        margin-left: 2em; }
  #cats .item {
    margin: 0 0 1em 0 !important;
    padding: 0 !important;
    border: 1px solid #DDD !important;
    font-size: 16px !important;
    width: 32% !important; }
    #cats .item p {
      margin: 0;
      padding: 0;
      width: auto;
      height: auto;
      border: none; }
      #cats .item p .memo {
        font-size: 13px;
        display: block; }
      #cats .item p.info {
        height: auto !important; }
    #cats .item .link img {
      width: 80%; }
  #cats .kitties .item {
    flex-grow: 1;
    max-width: 33%; }
    #cats .kitties .item p {
      width: 100%;
      margin: 0;
      padding: 0;
      border: none; }
  #cats .wakearies li.item {
    flex-grow: 1;
    max-width: 33%; }
    #cats .wakearies li.item p {
      width: 100%;
      margin: 0;
      padding: 0;
      border: none; }
      #cats .wakearies li.item p .memo {
        display: block; }
    #cats .wakearies li.item .link {
      margin: 1em 0; }
      #cats .wakearies li.item .link img {
        width: 75%; }
        #cats .wakearies li.item .link img.movie {
          width: 30%; }
  #cats .adults .item p .memo {
    display: block; }
  #cats .adults .item img.movie {
    width: 30%; }
  #cats .kanekoneko .item p .memo {
    display: block; }
  #cats .satooya .item {
    flex-grow: 1;
    max-width: 33%; }
    #cats .satooya .item p {
      width: 100%; }
  #acat h3 {
    font-size: 16px; }
  #acat #left-pane {
    width: 100%;
    float: none; }
    #acat #left-pane #first-photo img {
      width: 100%; }
    #acat #left-pane #first-photo .staying-days {
      width: 100%;
      margin: 0; }
    #acat #left-pane ul {
      margin-left: 2em; }
  #acat #right-pane {
    width: 100%;
    float: none;
    margin: 0; }
    #acat #right-pane #other-photos {
      font-size: 0; }
      #acat #right-pane #other-photos img {
        margin: 0;
        width: 50%;
        vertical-align: bottom; }
    #acat #right-pane .movie img {
      display: none; }
    #acat #right-pane .movie iframe {
      width: 100%; }
  #acat .back-to-index {
    padding-bottom: 1em; }
  #acat #social-buttons {
    height: 2em;
    padding: 0; }
    #acat #social-buttons div {
      float: left;
      margin-right: 1em; }
    #acat #social-buttons .facebook {
      width: auto; }
    #acat #social-buttons .twitter {
      width: auto; }
    #acat #social-buttons .google {
      width: auto; }
  #top.top * {
    margin: 0;
    padding: 0;
    font-size: 16px; }
  #top.top #top-image {
    width: 100%;
    height: auto;
    position: relative;
    background-size: cover; }
    #top.top #top-image:after {
      padding-top: 62.5%;
      display: block;
      content: ""; }
    #top.top #top-image > h1 {
      position: absolute;
      top: 0px;
      left: 0px;
      bottom: 0px;
      right: 0px; }
  #top.top .top-image1 {
    background: #cccccc url(../images/top-image-1905am.jpg); }
  #top.top .top-image2 {
    background: #cccccc url(../images/top-image-1906bm.jpg); }
  #top.top #hotmenu ul li {
    margin: .5em 0; }
    #top.top #hotmenu ul li.special {
      background-color: #80DC3C;
      border-left: none; }
      #top.top #hotmenu ul li.special a:visited, #top.top #hotmenu ul li.special a:link {
        text-decoration: none;
        color: #000; }
  #top.top #social-buttons {
    margin: 0;
    padding: .5em 0;
    width: 100%;
    height: auto; }
    #top.top #social-buttons div {
      float: none;
      display: inline-block; }
      #top.top #social-buttons div.facebook {
        margin: 0 10% 0 2%;
        padding: 0;
        width: 40%;
        left: 0; }
      #top.top #social-buttons div.twitter {
        margin: 0;
        padding: 0;
        width: 40%;
        left: 0; }
  #top.top #contents {
    width: 96%;
    float: none;
    margin: 0;
    padding: 0 2%; }
    #top.top #contents h1, #top.top #contents h2 {
      margin: 0;
      padding: 0;
      width: 100%;
      background-image: none;
      background-color: #88848E; }
    #top.top #contents h1 {
      font-size: 24px; }
    #top.top #contents p {
      margin: 0;
      width: 100%; }
    #top.top #contents #schedule table {
      margin: 0;
      padding: 0;
      width: 100%; }
      #top.top #contents #schedule table tr th, #top.top #contents #schedule table tr td {
        padding: 1em 0; }
    #top.top #contents #main-nav {
      margin: 1em 0; }
    #top.top #contents .panel-nav {
      margin: 0;
      padding: 0;
      width: 100%; }
      #top.top #contents .panel-nav h1 {
        display: inline-block; }
      #top.top #contents .panel-nav li {
        margin: 0;
        padding: 0;
        width: 50%;
        height: auto; }
        #top.top #contents .panel-nav li.type2 {
          width: 50%; }
        #top.top #contents .panel-nav li.type3 {
          width: 100%; }
        #top.top #contents .panel-nav li img {
          width: 100%;
          height: auto; }
        #top.top #contents .panel-nav li h1, #top.top #contents .panel-nav li h2 {
          background-color: #F5F5F5; }
    #top.top #contents #hotnews {
      margin: 1em 0; }
      #top.top #contents #hotnews ul {
        margin: 0; }
        #top.top #contents #hotnews ul li h2 {
          background: transparent; }
        #top.top #contents #hotnews ul li img {
          margin: 0 0 0 1%;
          width: 30%;
          height: auto;
          float: right; }
  #top.top #sidebar {
    width: 96%;
    padding: 0 2%;
    float: none; }
    #top.top #sidebar .section {
      margin: 1em 0;
      padding: 0; }
      #top.top #sidebar .section h1 {
        margin: 0;
        padding: 0;
        font-size: 20px;
        background-image: none;
        background-color: #CCCCCC; }
      #top.top #sidebar .section img {
        width: 100%;
        height: auto; }
      #top.top #sidebar .section#news ul {
        width: 100%; }
      #top.top #sidebar .section#news .social-icons {
        margin: 0; }
        #top.top #sidebar .section#news .social-icons > a > img {
          width: 15%;
          height: auto; }
      #top.top #sidebar .section#yahoo img {
        width: 30%;
        height: auto;
        float: left;
        margin-right: 1%; }
      #top.top #sidebar .section#mycalendar img {
        width: 80%; }
  #top.top #nav {
    margin: 1em 0;
    padding: 0 2%; }
  #dog-manual #article {
    margin: 0;
    padding: 0 2%; }
    #dog-manual #article h2 {
      margin: 1.5em 0;
      padding: 0 0 0 7%;
      font-size: 20px;
      background-size: 5%; }
    #dog-manual #article h3 {
      font-size: 20px; }
    #dog-manual #article img {
      width: 100%;
      height: auto; }
    #dog-manual #article table {
      margin: 0;
      padding: 0;
      border-collapse: collapse; }
    #dog-manual #article ul {
      margin: 0;
      padding: 0; }
      #dog-manual #article ul li {
        background-size: 10%;
        margin: 1em;
        padding: 0 0 0 10%; }
      #dog-manual #article ul.checklist {
        margin-left: 0; }
        #dog-manual #article ul.checklist li {
          margin-left: 0;
          padding-left: 2em; }
    #dog-manual #article ol {
      margin-left: 0; }
    #dog-manual #article.index li {
      padding: 0; }
    #dog-manual #article #summary img {
      width: 30%; }
    #dog-manual #article #left-pane, #dog-manual #article #right-pane {
      float: none;
      width: 90%;
      margin: 0 0 0 10%;
      padding: 0;
      border: none; }
      #dog-manual #article #left-pane ul, #dog-manual #article #right-pane ul {
        margin: 0 0 0 1em;
        padding: 0; }
      #dog-manual #article #left-pane li, #dog-manual #article #right-pane li {
        margin: .5em 0; }
    #dog-manual #article .photo-right, #dog-manual #article .photo-left {
      padding: 1em 0;
      float: none; }
      #dog-manual #article .photo-right img, #dog-manual #article .photo-left img {
        width: 100%;
        height: auto; }
      #dog-manual #article .photo-right p, #dog-manual #article .photo-left p {
        width: auto;
        font-size: 16px; }
    #dog-manual #article .photo-three {
      width: 100%;
      padding: 1em 0;
      float: none; }
      #dog-manual #article .photo-three img {
        width: 100%;
        height: auto; }
      #dog-manual #article .photo-three p {
        font-size: 16px; }
    #dog-manual #article .column {
      width: 100%;
      margin: 2em 0;
      padding: 0;
      background: none; }
      #dog-manual #article .column div {
        margin: 0;
        padding: 0;
        width: 100%;
        border: none; }
      #dog-manual #article .column h3 {
        margin: 0;
        padding: 6% 0 6% 25%;
        background: url(../contents/dog-manual/res/column-bg.jpg) no-repeat 0 50%;
        background-size: 20%; }
    #dog-manual #article .ex img {
      margin: 0 2% 0 0;
      width: 15%; }
    #dog-manual #article .icon {
      margin: 5% 5% 5% 0;
      padding: 0;
      width: 15%; }
    #dog-manual #article .to-ipet a span {
      width: 70%;
      margin: 2em auto 3em auto;
      padding: 1em 2em; }
  #baby-cats #check th:nth-child(1) {
    width: 20%; }
  #baby-cats #check th:nth-child(2) {
    width: 30%; }
  #news #header {
    width: 100%;
    height: auto; }
    #news #header img {
      width: 100%; }
  #news #main {
    width: 96%;
    margin: 0;
    padding: 0 2%; }
    #news #main .topic_path {
      margin: 0;
      padding: 1em 0;
      font-size: 16px; }
    #news #main h1 {
      width: auto;
      font-size: 20px;
      margin: .5em 0;
      padding: 0;
      background-color: transparent;
      background-image: none; }
    #news #main .entry-body {
      margin-bottom: 3em; }
    #news #main .entry-info {
      width: auto;
      height: auto;
      margin: 0;
      padding: 0 2%; }
      #news #main .entry-info .social-buttons {
        float: none;
        width: auto;
        height: auto;
        margin: 1em 0;
        padding: 0 0 1em 0; }
        #news #main .entry-info .social-buttons div {
          width: auto;
          height: auto;
          margin: 0;
          padding: 0;
          float: left; }
          #news #main .entry-info .social-buttons div .google {
            margin-left: 1em; }
      #news #main .entry-info .entry-category {
        margin: 1em 0;
        padding: 0;
        float: none;
        clear: both; }
        #news #main .entry-info .entry-category .categories {
          margin: 1em 0;
          padding: 0;
          border: none;
          display: block; }
        #news #main .entry-info .entry-category .tags {
          margin: 1em 0;
          padding: 0;
          display: block; }
      #news #main .entry-info ul.related-entries {
        margin: 0;
        padding: 0;
        list-style-type: squre; }
        #news #main .entry-info ul.related-entries li {
          margin: 0;
          padding: 0; }
    #news #main #sidebar {
      width: auto;
      float: none; }
  #news #footer {
    padding: 0 2%; }
  .jyoutokai #satooya-banner {
    margin: 2em 0 1em 0;
    text-align: center; }
    .jyoutokai #satooya-banner img {
      width: 50%; }
  .jyoutokai .menkai-flow {
    text-align: center;
    width: 100%;
    height: auto;
    margin-bottom: 1em;
    padding-top: 0;
    background: url(../images/menkai-flow-sp.png) no-repeat;
    background-size: cover;
    background: none; }
  #internship iframe {
    width: 100%; }
  #internship #flow img {
    display: none; }
  #internship #flow #text {
    display: block; }
    #internship #flow #text div {
      width: 95%;
      margin: 0 auto;
      text-align: center; }
      #internship #flow #text div.item {
        border: 1px solid #888;
        border-radius: .5em; }
  #rescued table.year {
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse; }
    #rescued table.year td, #rescued table.year th {
      margin: 0;
      padding: 0; }
  #rescued .rescued_sum {
    width: 100%; }
  #rescued .center-name {
    display: none; }
  #rescued .jump_to_year {
    margin: 0;
    padding: 0;
    font-size: 0; }
    #rescued .jump_to_year li {
      margin: .5em 0;
      font-size: 16px;
      width: 25%; }
  #rescued .month-graph p {
    font-size: 16px; }
  #syuushi-houkoku .syuushi {
    width: 100%;
    border: 0; }
    #syuushi-houkoku .syuushi td {
      padding: 1px 5px 1px 5px;
      border: 0; }
  .cooperation .pnl-menu li {
    width: 80%;
    float: none;
    margin: 0 auto; }
    .cooperation .pnl-menu li p {
      width: 100%;
      margin-left: 0; }
  .cooperation#houkoku table.initial {
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse; }
    .cooperation#houkoku table.initial td {
      margin: 0;
      padding: 0;
      word-wrap: break-word; }
  .cooperation#houkoku table.goods {
    width: 100%;
    margin: 0;
    padding: 0; }
  .cooperation#shelter table.cost img {
    float: right; }
  .cooperation#shelter table.cost tr {
    margin: 0;
    padding: 0;
    font-size: 0; }
    .cooperation#shelter table.cost tr td, .cooperation#shelter table.cost tr th {
      display: inline-block;
      border: none; }
      .cooperation#shelter table.cost tr td:nth-child(1), .cooperation#shelter table.cost tr th:nth-child(1) {
        width: 69%;
        border-right: 1px dotted #CCC;
        font-weight: bold; }
      .cooperation#shelter table.cost tr td:nth-child(2), .cooperation#shelter table.cost tr th:nth-child(2) {
        width: 30%; }
      .cooperation#shelter table.cost tr td:nth-child(3), .cooperation#shelter table.cost tr th:nth-child(3) {
        width: 100%;
        border-top: 1px dotted #CCC;
        border-bottom: 1px solid #CCC; }
        .cooperation#shelter table.cost tr td:nth-child(3) img, .cooperation#shelter table.cost tr th:nth-child(3) img {
          width: 50%; }
  .cooperation#shelter section#meaning img {
    width: 50%; }
  .cooperation#kaijyou-bosyuu #ex img {
    margin: 0;
    padding: 0;
    width: 50%; }
  .cooperation#volubeit .course-menu a {
    padding: .5em 0;
    width: 100%; }
    .cooperation#volubeit .course-menu a img {
      width: 80%; }
  .cooperation#projects ul.projects li {
    margin: .5em 0;
    padding: 0;
    float: clear;
    width: 100%;
    height: auto; }
  .cooperation#projects ul.projects p {
    margin: .5em 3%;
    font-size: 16px; }
  .cooperation#projects ul.projects a {
    font-size: 20px; }
  .shelter#top .topic_path {
    margin-left: 1em; }
  .shelter#top #image {
    width: 100%;
    height: auto;
    background-size: contain; }
    .shelter#top #image:after {
      padding-top: 26.9%;
      display: block;
      content: ""; }
  .shelter#top #menu {
    margin: 0;
    padding: 1em 0; }
    .shelter#top #menu li {
      margin: 0;
      padding: 0;
      width: 32%;
      background: none; }
      .shelter#top #menu li h2 {
        font-size: 16px;
        height: 2.5em; }
      .shelter#top #menu li p {
        font-size: 16px; }
      .shelter#top #menu li:nth-child(2) {
        padding: 0 2%; }
    .shelter#top #menu:after {
      display: block;
      clear: both;
      content: ""; }
  .shelter#day h2 {
    margin: 1em 0 -3em 0;
    padding: 20% 0 0 5%;
    width: 95%;
    height: auto;
    background-size: contain; }
    .shelter#day h2:after {
      padding-top: 17%;
      display: block;
      content: ""; }
  .shelter#day .photos {
    margin: 0;
    padding: 0;
    font-size: 0; }
    .shelter#day .photos li {
      width: 32%;
      height: auto;
      margin: 0;
      padding: 0;
      display: inline-block;
      float: none;
      vertical-align: top; }
      .shelter#day .photos li img {
        border: none; }
      .shelter#day .photos li.large {
        height: auto; }
      .shelter#day .photos li p {
        margin: 0;
        padding: 0; }
      .shelter#day .photos li:nth-child(2), .shelter#day .photos li:nth-child(5) {
        padding: 0 2%; }
      .shelter#day .photos li.large {
        width: 100%; }
  .shelter#day #bottom-menu {
    margin: 2em 0 1em 0;
    text-align: center; }
  .contents#cat-1st #menu {
    margin: 0;
    padding: 0;
    width: 100%; }
    .contents#cat-1st #menu h2 {
      margin-top: 0; }
    .contents#cat-1st #menu li {
      margin: 0;
      padding: 0;
      width: 100%; }
      .contents#cat-1st #menu li p {
        font-size: 16px;
        height: auto; }
  .contents#cat-1st h2 {
    font-size: 20px; }
  .contents#cat-1st table {
    border: none; }
    .contents#cat-1st table td ul {
      margin: 0 0 0 2em; }
    .contents#cat-1st table#age td, .contents#cat-1st table#age th {
      width: 100%;
      display: inline-block; }
    .contents#cat-1st table#goods td {
      width: 100%;
      display: inline-block; }
      .contents#cat-1st table#goods td img {
        width: 80%; }
  .contents#cat-1st img.graph {
    width: 100%; }
  .contents#cat-1st p {
    margin: 1em 0;
    padding: 0; }
  .contents#cat-1st .column {
    margin: 1em 0;
    padding: 0;
    width: 100%;
    background: none;
    text-align: left; }
    .contents#cat-1st .column > div {
      padding: .5em; }
    .contents#cat-1st .column h3 {
      margin: 0;
      font-size: 16px; }
    .contents#cat-1st .column p {
      margin: 0;
      padding: 0;
      font-size: 16px; }
  .contents#cat-1st .photobox {
    width: 46%;
    margin: 0;
    padding: 0 2%; }
  .contents#cat-1st .photobox-right {
    margin: 0 0 0 .5em;
    padding: 0 0 0 .5em;
    width: 45%;
    border-left: 1px dotted #DDD; }
  .contents#cat-1st #katazuke .photobox {
    padding: 0;
    width: 40%; }
  .contents#cat-1st #katazuke > img {
    width: 15%; }
  #sitemap ul li {
    line-height: 2.0; }
  #policy address {
    text-align: right; }
  #policy #article {
    padding: 0; }
    #policy #article #first {
      padding: 0 .5em; }
  .vet#top #first {
    margin: 1em 0;
    padding: 0; }
  .vet#top #contents {
    margin: 0;
    padding: 0;
    width: 100%;
    float: none; }
  .vet#top #navigation {
    margin: 2em 0 0 0;
    padding: 0;
    width: 100%;
    float: none; }
    .vet#top #navigation h2 {
      font-size: 20px; }
    .vet#top #navigation ul {
      margin: 0; }
      .vet#top #navigation ul li {
        margin: 1em 0;
        padding: 0 0 0 2em;
        font-size: 16px;
        background-size: contain; }
  .vet .to-application {
    margin: 2em 0; }
    .vet .to-application img {
      width: 60% !important; }
  .vet .contact {
    margin: 1em 0;
    padding: 0;
    word-wrap: break-word; }
  .vet .form #month, .vet .form #date {
    display: inline-block;
    width: 30%; }
    .vet .form #month select, .vet .form #date select {
      width: 80%; }
  .vet .form .animal .kind, .vet .form .animal .sex {
    width: 90%; }
    .vet .form .animal .kind label:after, .vet .form .animal .sex label:after {
      content: ""; }
  .vet iframe {
    width: 100%; }
  .bbs#top .to-bbs {
    margin: 0 0 2em 0; }
    .bbs#top .to-bbs img {
      width: 80%; }
  .basic-dog-training .index {
    width: 100%;
    margin: 0 0 2em 0;
    padding: 0; }
    .basic-dog-training .index li {
      float: none;
      text-align: center;
      width: 99%;
      margin: 0;
      padding: 0;
      border: 1px solid #888;
      border-radius: .5em; }
      .basic-dog-training .index li a {
        display: block;
        padding: 1em 0; }
  .basic-dog-training img.overflow {
    margin: 0; }
  .basic-dog-training .navigation {
    padding-top: 1em; }
  .basic-dog-training .step {
    height: auto;
    display: block; }
    .basic-dog-training .step:after {
      display: block;
      clear: both;
      content: ""; }
  .basic-dog-training .one-point-advice {
    margin: 0;
    padding: .5em;
    border: 1px solid pink; }
  .shelter-new .topic_path {
    margin: 0 1em;
    padding: 1em 0; }
  .shelter-new #map {
    width: 100%;
    height: auto;
    background-size: contain;
    background-repeat: no-repeat; }
    .shelter-new #map #body {
      width: 100%;
      height: auto;
      float: none;
      position: normal; }
      .shelter-new #map #body:after {
        padding-top: 39.5%;
        content: "";
        display: block; }
    .shelter-new #map #menu {
      width: 100%;
      margin: 0;
      padding: 0; }
      .shelter-new #map #menu .item {
        width: 50%;
        height: auto;
        border: 0;
        float: left; }
        .shelter-new #map #menu .item img {
          vertical-align: bottom; }
    .shelter-new #map #display {
      margin: 0;
      padding: 0 0 0 1.3%;
      width: 100%;
      height: auto;
      top: 0; }
      .shelter-new #map #display #photo {
        width: 20%;
        margin: 0;
        padding: 2% 0 0 3%; }
      .shelter-new #map #display #text {
        display: none; }
    .shelter-new #map #submenu {
      display: none; }
    .shelter-new #map .star {
      display: none; }
  .shelter-new #bottom-menu {
    margin: 1em auto;
    padding: 0;
    width: 80%; }
    .shelter-new #bottom-menu a {
      display: block;
      padding: 1em 0; }
  .shelter-new#shelters h1 {
    margin: 0;
    padding: 0; }
    .shelter-new#shelters h1 img {
      width: 100%;
      height: auto;
      vertical-align: bottom; }
  .shelter-new#shelters .page-item {
    margin: 0;
    padding: 40px 0 0 0;
    width: 100%;
    float: none;
    background-size: cover;
    text-align: center; }
    .shelter-new#shelters .page-item img {
      margin: 0;
      padding: 0;
      width: 80%; }
    .shelter-new#shelters .page-item p {
      font-size: 16px;
      margin: 0;
      padding: 1em 10% 40px 10%;
      background-size: cover; }
  .shelter-new#day .tasks ul.task-items {
    margin: 0; }
    .shelter-new#day .tasks ul.task-items li {
      width: 48%;
      margin: 0 2% 1em 0 !important; }
      .shelter-new#day .tasks ul.task-items li:nth-child(2n) {
        margin-right: 0; }
  .shelter-new#day .flow table {
    width: 100%; }
  .shelter-new#animals #main .animals ul li {
    width: 100%; }
    .shelter-new#animals #main .animals ul li:nth-child(even) {
      margin-left: 0; }
  .shelter-new#animals #main .animal p {
    width: 100%;
    margin: 1em 0; }
    .shelter-new#animals #main .animal p.text img {
      width: 40%; }
    .shelter-new#animals #main .animal p.skill {
      width: 100%;
      height: auto;
      margin: 2em 0 4em 0;
      position: relative;
      background: url(http://www.lifeboat.or.jp/shelter/images/animals-skill.png) no-repeat;
      background-size: contain;
      display: flex;
      align-items: center; }
      .shelter-new#animals #main .animal p.skill:after {
        padding-top: 15%;
        display: block;
        content: ""; }
      .shelter-new#animals #main .animal p.skill span {
        display: block;
        margin-left: 20%;
        position: absolute;
        font-size: 25px; }
  .future-2024 .topic_path {
    margin: 0;
    font-size: 16px; }
  .future-2024 #contents {
    padding: 0 2%; }
    .future-2024 #contents p {
      font-size: 16px; }
      .future-2024 #contents p.comment {
        font-size: 16px; }
    .future-2024 #contents ul.pagemenu {
      margin: 0;
      font-size: 16px; }
      .future-2024 #contents ul.pagemenu li {
        margin: 0; }
  .staff .steps {
    margin: 1em 0; }
    .staff .steps li {
      margin: 0; }
  .staff .contact {
    margin: 1em 5%;
    padding: 1em 5%; }
  .staff .to-application {
    padding-top: 2em; }
    .staff .to-application img {
      width: 60% !important; }
  .recruit table.status th, .recruit table.status td {
    float: left;
    width: 90%;
    padding: 5% !important; }
  .recruit .midcareer-flow {
    width: 100%;
    height: auto;
    background: none; }
    .recruit .midcareer-flow img {
      width: 100%; }
  .recruit .newgrad-flow {
    width: 100%;
    height: auto;
    background: none; }
    .recruit .newgrad-flow img {
      width: 100%; }
  .recruit .to-application {
    padding: 2em 0; }
    .recruit .to-application img {
      width: 60% !important; }
  #contact .menkai-flow {
    text-align: center;
    width: 100%;
    height: auto;
    margin-bottom: 2em;
    padding-top: 0;
    background: url(../images/menkai-flow-sp.png) no-repeat;
    background-size: cover;
    background: none; }
    #contact .menkai-flow p {
      font-size: 20px; }
  .contact .menkai-flow {
    text-align: center;
    width: 100%;
    height: auto;
    margin-bottom: 1em;
    padding-top: 0;
    background-size: cover;
    background: none; }
  /* for clipmail cgi */
  #clipmail {
    width: 90%; }
    #clipmail table.form td {
      word-break: break-all; }
    #clipmail .buttons {
      padding: 2em 0; }
      #clipmail .buttons input {
        padding: 1em 0; }
      #clipmail .buttons .button {
        margin: 2em 0 0 0; }
  #baby-cats #container #main {
    width: 100%;
    margin: 0;
    padding: 0 0 1em 0;
    background-color: #DDD; }
    #baby-cats #container #main h1 {
      margin: 0;
      padding: 0; }
    #baby-cats #container #main article {
      width: 96%;
      margin: 1em 2%;
      padding: 0 0 1em 0;
      background-color: #FFF;
      border-radius: .5em; }
      #baby-cats #container #main article h2 {
        margin: 0;
        padding: 1em;
        border: none;
        color: #FFF;
        background-color: #E76800;
        border-top-left-radius: .5em;
        border-top-right-radius: .5em; }
      #baby-cats #container #main article section {
        padding: 0 1em; }
        #baby-cats #container #main article section h3 {
          font-size: 18px;
          font-weight: normal;
          color: #000;
          text-decoration: underline; }
          #baby-cats #container #main article section h3:before {
            content: "◆"; }
        #baby-cats #container #main article section p {
          width: 100%; }
        #baby-cats #container #main article section img {
          width: 100%; }
        #baby-cats #container #main article section table {
          margin: 1em 0; }
          #baby-cats #container #main article section table td {
            padding-left: 1em; }
        #baby-cats #container #main article section section {
          margin: 0;
          padding: 0; }
        #baby-cats #container #main article section.column {
          width: 90%;
          margin: 1em 2%;
          padding: 0 2% .5em 2%;
          border-radius: .5em;
          border: 1px solid #0589AE; }
      #baby-cats #container #main article#prologue {
        padding: .5em 0; }
        #baby-cats #container #main article#prologue h1 {
          color: #000;
          font-weight: bold;
          margin-top: .5em; }
    #baby-cats #container #main ul.topic-path {
      margin: 0;
      padding: 0;
      color: #FFF;
      background: #4B1700; }
      #baby-cats #container #main ul.topic-path li {
        margin: 0;
        padding: 1em 1em 1em 2em;
        list-style-type: none;
        float: left;
        background: 0% 0% url(../images/baby-cats-topicpath.png) no-repeat #4B1700;
        background-size: contain; }
        #baby-cats #container #main ul.topic-path li:before {
          content: ""; }
        #baby-cats #container #main ul.topic-path li:first-child {
          background-image: none;
          padding: 1em; }
        #baby-cats #container #main ul.topic-path li a {
          display: block;
          text-decoration: none; }
          #baby-cats #container #main ul.topic-path li a:visited, #baby-cats #container #main ul.topic-path li a:hover, #baby-cats #container #main ul.topic-path li a:link {
            color: #FFF; }
    #baby-cats #container #main ul.q-and-a li {
      margin: 1em 0; }
      #baby-cats #container #main ul.q-and-a li ul li {
        margin: 0; }
    #baby-cats #container #main ul.checklist li {
      font-size: 20px;
      background: url(../images/checkmark.png) no-repeat;
      background-size: contain;
      margin-left: .5em;
      padding-left: 2em; }
    #baby-cats #container #main ol.index {
      height: auto;
      border-radius: .5em;
      margin: 1em 2%;
      padding: .25em .5em;
      background-color: #FFF; }
      #baby-cats #container #main ol.index li {
        width: auto;
        height: auto;
        float: none;
        color: #4B1700;
        list-style-position: inside;
        margin: .5em 0;
        padding: 0; }
        #baby-cats #container #main ol.index li a {
          width: auto;
          height: auto;
          display: block;
          text-decoration: none;
          font-size: 16px;
          margin: 0;
          padding: 1em;
          color: #000;
          background-color: #F9CC9D;
          border: none;
          border-radius: .5em;
          box-shadow: none; }
        #baby-cats #container #main ol.index li.current-page {
          font-weight: bold;
          color: #FFF; }
          #baby-cats #container #main ol.index li.current-page a {
            color: #FFF;
            background-color: #E76800; }
  body#mycalendar {
    width: 100%; }
    body#mycalendar #wrapper h1 {
      padding: 1em; }
    body#mycalendar #wrapper img {
      width: 100%; }
    body#mycalendar #wrapper fieldset.two-ctrls {
      width: auto; }
    body#mycalendar #wrapper fieldset.three-ctrls {
      width: auto; }
    body#mycalendar #wrapper fieldset.three-sets {
      width: 91%;
      clear: both;
      margin: 0 0 1em 0; }
    body#mycalendar #wrapper #display {
      margin-left: 0; }
      body#mycalendar #wrapper #display #calendarWrapper {
        position: relative;
        width: 100%;
        height: auto; }
        body#mycalendar #wrapper #display #calendarWrapper:before {
          content: '';
          display: block;
          padding-top: 70%; }
        body#mycalendar #wrapper #display #calendarWrapper #calendar {
          border: none;
          position: absolute;
          width: 100%;
          height: auto;
          left: 0;
          top: 0;
          right: 0;
          bottom: 0; }
          body#mycalendar #wrapper #display #calendarWrapper #calendar #photoWrapper {
            width: 30%;
            height: 42%;
            left: 67%;
            top: 11%; }
            body#mycalendar #wrapper #display #calendarWrapper #calendar #photoWrapper #photo {
              width: 100%;
              height: 100%; }
          body#mycalendar #wrapper #display #calendarWrapper #calendar #weekNumberWrapper {
            width: 100%;
            height: 100%; }
  body#faq-test .grid1 {
    display: flex;
    flex-wrap: wrap; }
    body#faq-test .grid1 .item {
      border: 1px solid red;
      flex-basis: 32%;
      flex-grow: 1; }
      body#faq-test .grid1 .item:nth-child(2) {
        margin: 0 1%; }
  body#faq-test .grid2 {
    display: flex;
    flex-wrap: wrap; }
    body#faq-test .grid2 .item {
      flex-basis: 100%;
      height: 3em;
      border: 1px solid green; }
      body#faq-test .grid2 .item.middle {
        flex-basis: 60%;
        flex-grow: 1; }
      body#faq-test .grid2 .item.small {
        flex: 0 0 30%; }
  body#access img {
    width: 100%; } }