@charset "UTF-8";
/*=======================================
	breakpoint
=======================================*/
/*=======================================
	hover
=======================================*/
/*=======================================
	中央配置
=======================================*/
/*=======================================
	可変レスポンシブ
=======================================*/
/* PC */
/* TB */
/* SP */
/*=======================================
	ブラウザ別
=======================================*/
/* Safari */
/* Firefox */
/*-------------------------
- base
- animals_cmn_block
-------------------------*/
/*=======================================
　base
=======================================*/
html {
  letter-spacing: 0.03em;
}

/* 共通ブロック内　キャラクターコメント */
.zukan_cmn_block .character_comment {
  margin-top: 6.3571428571vw;
}
@media screen and (max-width: 768px) {
  .zukan_cmn_block .character_comment {
    margin: 10.6666666667vw auto 26.6666666667vw;
  }
}
.zukan_cmn_block .character_comment img {
  height: auto;
}
@media screen and (max-width: 768px) {
  .zukan_cmn_block .character_comment img {
    left: 50% !important;
    bottom: -29.3333333333vw;
    width: 26.6666666667vw !important;
  }
}
.zukan_cmn_block .character_comment.left img {
  right: auto;
}
.zukan_cmn_block .character_comment.right img {
  left: auto;
}
.zukan_cmn_block .character_comment .comment_wrapper .comment_txt {
  font-family: var(--zenmarugothic);
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .zukan_cmn_block .character_comment .comment_wrapper .comment_txt {
    text-align: justify;
  }
}

/* ハイライト */
.zukan .highlight .rt {
  top: -0.5em;
}
@media screen and (max-width: 768px) {
  .zukan .highlight .rt {
    top: -0.4em;
  }
}

/* ハイライトのスペース */
.space {
  width: 0.5vw;
}
@media screen and (max-width: 768px) {
  .space {
    width: 1.8666666667vw;
  }
}
.space.pc {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .space.pc {
    display: none;
  }
}
.space.sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .space.sp {
    display: inline-block;
  }
}

/* ===========
animals_cmn_block
============= */
.animals_cmn_block:not(:last-child) {
  padding-bottom: 5.7142857143vw;
  margin-bottom: 5.7142857143vw;
  background-image: radial-gradient(circle, #183251 0.1428571429vw, transparent 0.1428571429vw);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 1.0714285714vw 0.4285714286vw;
}
@media screen and (max-width: 768px) {
  .animals_cmn_block:not(:last-child) {
    background-image: radial-gradient(circle, #183251 0.2666666667vw, transparent 0.2666666667vw);
    background-size: 1.6266666667vw 0.5333333333vw;
    font-size: 5.3333333333vw;
    padding-bottom: 10.6666666667vw;
    margin-bottom: 10.6666666667vw;
  }
}
.animals_cmn_block .notes {
  -webkit-filter: drop-shadow(0.2142857143vw 0.2142857143vw 0 rgba(0, 0, 0, 0.16));
          filter: drop-shadow(0.2142857143vw 0.2142857143vw 0 rgba(0, 0, 0, 0.16));
  margin-bottom: 2.1428571429vw;
  position: relative;
  -webkit-clip-path: polygon(0 0, calc(100% - 3.6428571429vw) 0, calc(100% + 0.2142857143vw) 3.2857142857vw, calc(100% + 0.2142857143vw) calc(100% + 0.2142857143vw), 0 calc(100% + 0.2142857143vw), 0 calc(100% + 0.2142857143vw));
          clip-path: polygon(0 0, calc(100% - 3.6428571429vw) 0, calc(100% + 0.2142857143vw) 3.2857142857vw, calc(100% + 0.2142857143vw) calc(100% + 0.2142857143vw), 0 calc(100% + 0.2142857143vw), 0 calc(100% + 0.2142857143vw));
}
@media screen and (max-width: 768px) {
  .animals_cmn_block .notes {
    -webkit-filter: drop-shadow(0.8vw 0.8vw 0 rgba(0, 0, 0, 0.16));
            filter: drop-shadow(0.8vw 0.8vw 0 rgba(0, 0, 0, 0.16));
    margin-bottom: 8vw;
    -webkit-clip-path: polygon(0 0, calc(100% - 13.6vw) 0, calc(100% + 0.8vw) 12.2666666667vw, calc(100% + 0.8vw) calc(100% + 0.8vw), 0 calc(100% + 0.8vw), 0 calc(100% + 0.8vw));
            clip-path: polygon(0 0, calc(100% - 13.6vw) 0, calc(100% + 0.8vw) 12.2666666667vw, calc(100% + 0.8vw) calc(100% + 0.8vw), 0 calc(100% + 0.8vw), 0 calc(100% + 0.8vw));
  }
}
.animals_cmn_block .notes::before {
  content: "";
  width: 3.6428571429vw;
  height: 3.2857142857vw;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-clip-path: polygon(0 0, 100% calc(100% - 0.2142857143vw), 0.3571428571vw 100%);
          clip-path: polygon(0 0, 100% calc(100% - 0.2142857143vw), 0.3571428571vw 100%);
}
@media screen and (max-width: 768px) {
  .animals_cmn_block .notes::before {
    width: 13.6vw;
    height: 11.7333333333vw;
    -webkit-clip-path: polygon(0 0, 100% 100%, 0 100%);
            clip-path: polygon(0 0, 100% 100%, 0 100%);
  }
}
.animals_cmn_block .notes:has(.txt_area) {
  padding: 4.1428571429vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .animals_cmn_block .notes:has(.txt_area) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 6.9333333333vw;
    padding: 13.3333333333vw 6.6666666667vw 10.6666666667vw;
  }
}
.animals_cmn_block .notes:has(.txt_area) .animals_ttl {
  width: 33.31%;
}
@media screen and (max-width: 768px) {
  .animals_cmn_block .notes:has(.txt_area) .animals_ttl {
    width: 100%;
  }
}
.animals_cmn_block .notes:not(:has(.txt_area)) {
  background: none !important;
  -webkit-clip-path: none;
          clip-path: none;
  -webkit-filter: none;
          filter: none;
}
.animals_cmn_block .notes:not(:has(.txt_area))::before {
  background: none !important;
}
.animals_cmn_block .notes:not(:has(.txt_area)) .animals_ttl {
  padding: 0 4.1428571429vw;
}
@media screen and (max-width: 768px) {
  .animals_cmn_block .notes:not(:has(.txt_area)) .animals_ttl {
    padding: 0 6.4vw;
  }
}
.animals_cmn_block .notes .txt_area {
  width: 60.34%;
  position: relative;
}
@media screen and (max-width: 768px) {
  .animals_cmn_block .notes .txt_area {
    width: 100%;
  }
}
.animals_cmn_block .notes .txt_area p {
  font-family: var(--zenmarugothic);
  font-weight: 500;
  font-size: 1.2857142857vw;
  letter-spacing: 0.03em;
  line-height: 2.777;
}
@media screen and (max-width: 768px) {
  .animals_cmn_block .notes .txt_area p {
    font-size: 4.2666666667vw;
    line-height: 3;
  }
}
.animals_cmn_block .notes .txt_area p .highlight {
  color: #fff;
  padding-top: 0.6em;
}
.animals_cmn_block .notes .txt_area p .ruby .rt {
  top: -0.5em;
  letter-spacing: -0.05em;
}
@media screen and (max-width: 768px) {
  .animals_cmn_block .notes .txt_area p .ruby .rt {
    top: -0.4em;
  }
}
.animals_cmn_block .animals_ttl {
  color: #183251;
  font-family: var(--murecho);
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 0.6428571429vw;
}
@media screen and (max-width: 768px) {
  .animals_cmn_block .animals_ttl {
    row-gap: 3.2vw;
  }
}
.animals_cmn_block .animals_ttl .animals_ttl_sub {
  font-size: 1.1428571429vw;
  letter-spacing: 0.03em;
  line-height: 1.625;
  position: relative;
  padding-left: 1.2857142857vw;
}
@media screen and (max-width: 768px) {
  .animals_cmn_block .animals_ttl .animals_ttl_sub {
    font-size: 3.2vw;
    padding-left: 4vw;
  }
}
.animals_cmn_block .animals_ttl .animals_ttl_sub::before, .animals_cmn_block .animals_ttl .animals_ttl_sub::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.animals_cmn_block .animals_ttl .animals_ttl_sub::before {
  width: 0.7142857143vw;
  height: 0.7142857143vw;
  border-radius: 50%;
  left: 0;
}
@media screen and (max-width: 768px) {
  .animals_cmn_block .animals_ttl .animals_ttl_sub::before {
    width: 2.6666666667vw;
    height: 2.6666666667vw;
  }
}
.animals_cmn_block .animals_ttl .animals_ttl_sub::after {
  width: 3.3435714286vw;
  height: 0.1428571429vw;
}
@media screen and (max-width: 768px) {
  .animals_cmn_block .animals_ttl .animals_ttl_sub::after {
    width: 33.0666666667vw;
    height: 0.5333333333vw;
  }
}
.animals_cmn_block .animals_ttl .animals_ttl_main {
  font-size: 2.8571428571vw;
  letter-spacing: 0.03em;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .animals_cmn_block .animals_ttl .animals_ttl_main {
    font-size: 5.3333333333vw;
  }
}
.animals_cmn_block .animals_ttl .animals_ttl_main small {
  font-size: 2.1428571429vw;
}
@media screen and (max-width: 768px) {
  .animals_cmn_block .animals_ttl .animals_ttl_main small {
    font-size: 4.8vw;
  }
}
.animals_cmn_block .animals_ttl .animals_ttl_main small span {
  font-weight: 400;
}
.animals_cmn_block .photo_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.3571428571vw 1.2857142857vw;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .animals_cmn_block .photo_area {
    gap: 5.3333333333vw 3.2vw;
  }
}
.animals_cmn_block .photo_area.w732 {
  max-width: 52.2857142857vw;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .animals_cmn_block .photo_area.w732 {
    max-width: inherit;
  }
}
.animals_cmn_block .photo_area .photo {
  width: 12.0714285714vw;
}
@media screen and (max-width: 768px) {
  .animals_cmn_block .photo_area .photo {
    width: 26.6666666667vw;
  }
}
.animals_cmn_block .photo_area .photo .animal_toggle {
  display: none;
}
.animals_cmn_block .photo_area .photo label {
  display: block;
  cursor: pointer;
}
.animals_cmn_block .photo_area .photo .img_on {
  display: none;
}
.animals_cmn_block .photo_area .photo .animal_toggle:checked + label .img_off {
  display: none;
}
.animals_cmn_block .photo_area .photo .animal_toggle:checked + label .img_on {
  display: block;
}
.animals_cmn_block .photo_area .photo img {
  margin-bottom: -1.3571428571vw;
}
@media screen and (max-width: 768px) {
  .animals_cmn_block .photo_area .photo img {
    margin-bottom: -5.3333333333vw;
  }
}
.animals_cmn_block .photo_area .photo .label {
  position: relative;
  height: 4.7857142857vw;
  -webkit-filter: drop-shadow(0.2142857143vw 0.2142857143vw 0 rgba(0, 0, 0, 0.16));
          filter: drop-shadow(0.2142857143vw 0.2142857143vw 0 rgba(0, 0, 0, 0.16));
}
@media screen and (max-width: 768px) {
  .animals_cmn_block .photo_area .photo .label {
    height: 10.6666666667vw;
    -webkit-filter: drop-shadow(0.8vw 0.8vw 0 rgba(0, 0, 0, 0.16));
            filter: drop-shadow(0.8vw 0.8vw 0 rgba(0, 0, 0, 0.16));
  }
}
.animals_cmn_block .photo_area .photo .label::before {
  content: "";
  width: 100%;
  height: 100%;
  aspect-ratio: 1;
  display: inline-block;
  background: url("../img/gallery/animals/label.svg") no-repeat center/100% auto;
  position: absolute;
  left: 0;
  top: 0;
}
.animals_cmn_block .photo_area .photo .label > span {
  font-family: var(--zenmarugothic);
  font-weight: 500;
  font-size: 1.2857142857vw;
  letter-spacing: 0.03em;
  line-height: 1.111;
  color: #fff;
  z-index: 1;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transform: translate(calc(-50% + 0.5714285714vw), -50%);
      -ms-transform: translate(calc(-50% + 0.5714285714vw), -50%);
          transform: translate(calc(-50% + 0.5714285714vw), -50%);
}
@media screen and (max-width: 768px) {
  .animals_cmn_block .photo_area .photo .label > span {
    font-size: 3.2vw;
    -webkit-transform: translate(calc(-50% + 1.0666666667vw), -50%);
        -ms-transform: translate(calc(-50% + 1.0666666667vw), -50%);
            transform: translate(calc(-50% + 1.0666666667vw), -50%);
  }
}
.animals_cmn_block .photo_area .photo .label > span .ruby .rt {
  top: -1.2em;
}
.animals_cmn_block .point_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.4285714286vw 2vw;
  border-radius: 1.4285714286vw;
  background: #ff7878;
  -webkit-box-shadow: 0.2142857143vw 0.2142857143vw 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0.2142857143vw 0.2142857143vw 0px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 768px) {
  .animals_cmn_block .point_box {
    padding: 8vw 6.4vw;
    border-radius: 2.6666666667vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    row-gap: 5.3333333333vw;
    -webkit-box-shadow: 0.8vw 0.8vw 0px rgba(0, 0, 0, 0.16);
            box-shadow: 0.8vw 0.8vw 0px rgba(0, 0, 0, 0.16);
  }
}
.animals_cmn_block .point_box img {
  border-radius: 0.7142857143vw;
  width: 20.8571428571vw;
}
@media screen and (max-width: 768px) {
  .animals_cmn_block .point_box img {
    width: 100%;
  }
}
.animals_cmn_block .point_box .txt_area {
  width: 39.0714285714vw;
}
@media screen and (max-width: 768px) {
  .animals_cmn_block .point_box .txt_area {
    width: 100%;
  }
}
.animals_cmn_block .point_box .txt_area .point_ttl {
  font-family: var(--murecho);
  font-weight: 700;
  font-size: 1.7142857143vw;
  letter-spacing: 0.03em;
  line-height: 1.666;
  color: #fff;
  margin-bottom: 1.0714285714vw;
  position: relative;
  padding-left: 6.4285714286vw;
}
@media screen and (max-width: 768px) {
  .animals_cmn_block .point_box .txt_area .point_ttl {
    margin-bottom: 4vw;
    padding-left: 21.3333333333vw;
    font-size: 4.8vw;
    line-height: 2;
  }
}
.animals_cmn_block .point_box .txt_area .point_ttl::before {
  content: "POINT";
  width: 5.5vw;
  height: 2.0714285714vw;
  display: inline-block;
  background: #fff;
  position: absolute;
  left: 0;
  top: 0.4em;
  font-family: var(--jost);
  font-weight: 500;
  font-size: 1.2857142857vw;
  letter-spacing: 0.03em;
  line-height: 1.777;
  color: #ff5353;
  padding: 0 1.0714285714vw 0 0.5vw;
  -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 0.6428571429vw) 50%, 100% 100%, 0 100%, 0 0);
          clip-path: polygon(0 0, 100% 0, calc(100% - 0.6428571429vw) 50%, 100% 100%, 0 100%, 0 0);
}
@media screen and (max-width: 768px) {
  .animals_cmn_block .point_box .txt_area .point_ttl::before {
    width: 17.3333333333vw;
    height: 6.6666666667vw;
    font-size: 3.7333333333vw;
    padding: 0 4vw 0 1.8666666667vw;
    -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 2.4vw) 50%, 100% 100%, 0 100%, 0 0);
            clip-path: polygon(0 0, 100% 0, calc(100% - 2.4vw) 50%, 100% 100%, 0 100%, 0 0);
  }
}
.animals_cmn_block .point_box .txt_area p {
  font-family: var(--zenmarugothic);
  font-weight: 500;
  font-size: 1.2857142857vw;
  letter-spacing: 0.03em;
  line-height: 1.777;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .animals_cmn_block .point_box .txt_area p {
    font-size: 3.7333333333vw;
  }
}
.animals_cmn_block {
  /* イヌ科・は虫類 */
}
.animals_cmn_block.animals_canine .notes, .animals_cmn_block.animals_reptiles .notes {
  background: var(--pink_sub01);
}
.animals_cmn_block.animals_canine .notes::before, .animals_cmn_block.animals_reptiles .notes::before {
  background: var(--pink_sub02);
}
.animals_cmn_block.animals_canine .notes .txt_area p .highlight, .animals_cmn_block.animals_reptiles .notes .txt_area p .highlight {
  background: var(--pink_main);
}
.animals_cmn_block.animals_canine .animals_ttl .animals_ttl_sub::before, .animals_cmn_block.animals_canine .animals_ttl .animals_ttl_sub::after, .animals_cmn_block.animals_reptiles .animals_ttl .animals_ttl_sub::before, .animals_cmn_block.animals_reptiles .animals_ttl .animals_ttl_sub::after {
  background: var(--pink_main);
}
.animals_cmn_block {
  /* ウシ科・鳥類 */
}
.animals_cmn_block.animals_bovidae .notes, .animals_cmn_block.animals_birds .notes {
  background: var(--green_sub01);
}
.animals_cmn_block.animals_bovidae .notes::before, .animals_cmn_block.animals_birds .notes::before {
  background: var(--green_sub02);
}
.animals_cmn_block.animals_bovidae .notes .txt_area p .highlight, .animals_cmn_block.animals_birds .notes .txt_area p .highlight {
  background: var(--green_main);
}
.animals_cmn_block.animals_bovidae .animals_ttl .animals_ttl_sub::before, .animals_cmn_block.animals_bovidae .animals_ttl .animals_ttl_sub::after, .animals_cmn_block.animals_birds .animals_ttl .animals_ttl_sub::before, .animals_cmn_block.animals_birds .animals_ttl .animals_ttl_sub::after {
  background: var(--green_main);
}
.animals_cmn_block.animals_bovidae .photo_area .label::before, .animals_cmn_block.animals_birds .photo_area .label::before {
  -webkit-filter: brightness(0) saturate(100%) invert(47%) sepia(63%) saturate(601%) hue-rotate(94deg) brightness(99%) contrast(93%);
          filter: brightness(0) saturate(100%) invert(47%) sepia(63%) saturate(601%) hue-rotate(94deg) brightness(99%) contrast(93%);
}
.animals_cmn_block {
  /* ネコ科・魚類 */
}
.animals_cmn_block.animals_feline .notes, .animals_cmn_block.animals_fish .notes {
  background: var(--blue_sub01);
}
.animals_cmn_block.animals_feline .notes::before, .animals_cmn_block.animals_fish .notes::before {
  background: var(--blue_sub02);
}
.animals_cmn_block.animals_feline .notes .txt_area p .highlight, .animals_cmn_block.animals_fish .notes .txt_area p .highlight {
  background: var(--blue_main);
}
.animals_cmn_block.animals_feline .animals_ttl .animals_ttl_sub::before, .animals_cmn_block.animals_feline .animals_ttl .animals_ttl_sub::after, .animals_cmn_block.animals_fish .animals_ttl .animals_ttl_sub::before, .animals_cmn_block.animals_fish .animals_ttl .animals_ttl_sub::after {
  background: var(--blue_main);
}
.animals_cmn_block.animals_feline .photo_area .label::before, .animals_cmn_block.animals_fish .photo_area .label::before {
  -webkit-filter: brightness(0) saturate(100%) invert(70%) sepia(61%) saturate(5704%) hue-rotate(175deg) brightness(96%) contrast(86%);
          filter: brightness(0) saturate(100%) invert(70%) sepia(61%) saturate(5704%) hue-rotate(175deg) brightness(96%) contrast(86%);
}
.animals_cmn_block {
  /* その他のほ乳類・昆虫類 */
}
.animals_cmn_block.animals_other .notes, .animals_cmn_block.animals_insects .notes {
  background: var(--orange_sub01);
}
.animals_cmn_block.animals_other .notes::before, .animals_cmn_block.animals_insects .notes::before {
  background: var(--orange_sub02);
}
.animals_cmn_block.animals_other .notes .txt_area p .highlight, .animals_cmn_block.animals_insects .notes .txt_area p .highlight {
  background: var(--orange_main);
}
.animals_cmn_block.animals_other .animals_ttl .animals_ttl_sub::before, .animals_cmn_block.animals_other .animals_ttl .animals_ttl_sub::after, .animals_cmn_block.animals_insects .animals_ttl .animals_ttl_sub::before, .animals_cmn_block.animals_insects .animals_ttl .animals_ttl_sub::after {
  background: var(--orange_main);
}
.animals_cmn_block.animals_other .photo_area .label::before, .animals_cmn_block.animals_insects .photo_area .label::before {
  -webkit-filter: brightness(0) saturate(100%) invert(54%) sepia(96%) saturate(404%) hue-rotate(340deg) brightness(107%) contrast(105%);
          filter: brightness(0) saturate(100%) invert(54%) sepia(96%) saturate(404%) hue-rotate(340deg) brightness(107%) contrast(105%);
}
.animals_cmn_block {
  /* キャラクターコメント */
  /* ウシ科 */
}
.animals_cmn_block.animals_bovidae .character_comment img {
  width: 9vw;
  left: -11.2142857143vw;
}
.animals_cmn_block.animals_bovidae .character_comment .comment_wrapper {
  padding-top: 0;
}
.animals_cmn_block {
  /* その他のほ乳類 */
}
.animals_cmn_block.animals_other .character_comment img {
  width: 11.4285714286vw;
  right: -14.7142857143vw;
}
.animals_cmn_block.animals_other .character_comment .comment_wrapper {
  padding-top: 0;
}
.animals_cmn_block {
  /* は虫類 */
}
@media screen and (max-width: 768px) {
  .animals_cmn_block.animals_reptiles .character_comment {
    margin-bottom: 37.3333333333vw;
  }
}
.animals_cmn_block.animals_reptiles .character_comment img {
  width: 10.1428571429vw;
  left: -13.9285714286vw;
  -webkit-transform: scale(-1, 1) translateY(-50%);
      -ms-transform: scale(-1, 1) translateY(-50%);
          transform: scale(-1, 1) translateY(-50%);
}
@media screen and (max-width: 768px) {
  .animals_cmn_block.animals_reptiles .character_comment img {
    -webkit-transform: scale(1, 1) translate(-50%, 0);
        -ms-transform: scale(1, 1) translate(-50%, 0);
            transform: scale(1, 1) translate(-50%, 0);
    bottom: -37.3333333333vw;
  }
}
.animals_cmn_block.animals_reptiles .character_comment .comment_wrapper {
  padding-top: 0;
}
.animals_cmn_block {
  /* 昆虫類 */
}
@media screen and (max-width: 768px) {
  .animals_cmn_block.animals_insects .character_comment {
    margin-bottom: 37.3333333333vw;
  }
}
.animals_cmn_block.animals_insects .character_comment img {
  width: 9.4285714286vw;
  right: -12.5714285714vw;
}
.animals_cmn_block.animals_insects .character_comment .comment_wrapper {
  padding-top: 0;
  margin-bottom: 7.0714285714vw;
}
.animals_cmn_block {
  /* SP時 */
  /* ネコ科・は虫類 */
}
@media screen and (max-width: 768px) {
  .animals_cmn_block.animals_feline .photo_area, .animals_cmn_block.animals_reptiles .photo_area {
    max-width: 56.5333333333vw;
  }
}/*# sourceMappingURL=animals.css.map */