@charset "UTF-8";
/*
----------------------------------------------------------------------
# Extra Style Pet Life Settings
----------------------------------------------------------------------
*/
/*
----------------------------------------------------------------------
# Mixin Settings
----------------------------------------------------------------------
*/
/* --- ペット用カラーパレット --- */

@media (min-width: 768px) {

  .hover:hover {
    opacity: 0.7;
  }

}

.content-title {
 padding-bottom: 0;
}

.content-title .title-page {
 margin-bottom: 0;
}

.content-section-with_caution {
 margin-bottom: 32px;
}

.life_index_col4_01d {
 text-align: center;
 height: 310px;
 background: url("../../../img/pet/life/bg_p05-d-027.png");
}

.life_index_h2 {
 font-size: 19px !important;
}

.life_index_sickness-dog {
 margin-bottom: 16px;
 background: url("../../../img/pet/life/bg_p05-d-006.png") 40px 65px no-repeat;
}

.life_index_sickness-dog2 {
 margin-bottom: 16px;
 background: url("../../../img/pet/life/bg_p05-d-006.png") 40px 126px no-repeat;
}

.life_index_sickness-cat {
 margin-bottom: 16px;
 background: url("../../../img/pet/life/bg_p05-c-006.png") 40px 65px no-repeat;
}

.life_index_sickness-cat2 {
 margin-bottom: 16px;
 background: url("../../../img/pet/life/bg_p05-c-006.png") 40px 126px no-repeat;
}

.life_index_onayami-dog {
 position: relative;
 height: 362px;
 background: url("../../../img/pet/life/bg_p05-d-030.png") 0 52px no-repeat;
}

.life_index_onayami-dog2 {
 position: relative;
 height: 362px;
 background: url("../../../img/pet/life/bg_p05-d-030.png") -18px 52px no-repeat;
}

.life_index_onayami-cat {
 position: relative;
 height: 362px;
 background: url("../../../img/pet/life/bg_p05-c-030.png") 0 52px no-repeat;
}

.life_index_onayami-cat2 {
 position: relative;
 height: 362px;
 background: url("../../../img/pet/life/bg_p05-c-030.png") -18px 52px no-repeat;
}

.life_index_col4_5_p {
 padding: 14px 0 0 95px;
 font-size: 13px;
 font-size: 1.3rem;
}

.life_index_col4_5_p2 {
 padding: 14px 0 0 110px;
 font-size: 13px;
 font-size: 1.3rem;
}

@media print {

  .life_index_col4_5_p {
    font-size: 7pt;
  }

}

.life_index_col4_5_btn {
 position: absolute;
 top: 304px;
 left: 95px;
}

.life_index_time-dog {
 height: 362px;
 background: url("../../../img/pet/life/bg_p05-d-031.png") bottom no-repeat;
}

.life_index_time-dog2 {
 height: 362px;
 background: url("../../../img/pet/life/bg_p05-d-031.png") -8px bottom no-repeat;
}

.life_index_time-cat {
 height: 362px;
 background: url("../../../img/pet/life/bg_p05-c-031.png") bottom no-repeat;
}

.life_index_time-cat2 {
 height: 362px;
 background: url("../../../img/pet/life/bg_p05-c-031.png") -4px bottom no-repeat;
}

.life_index_time_dog {
 margin-top: 30px;
}

.life_index_time_list {
 padding-left: 10px;
 border-left: 1px dotted #713f16;
 font-size: small;
}

.life_time_type {
 diplay: inline-block;
 float: right;
 font-size: small;
 font-weight: normal;
}

.tab-nav-pet_sick {
 margin-bottom: 0;
 border-bottom: 2px solid #f9c385;
 z-index: 0;
 font-size: 21px;
 font-size: 2.1rem;
}

@media print {

  .tab-nav-pet_sick {
    font-size: 15pt;
  }

}

.tab-nav-pet_sick ul {
 margin: 0 0 -2px;
}

.tab-nav-pet_sick ul li:first-child {
 padding-left: 0;
}

.tab-nav-pet_sick ul li:last-child {
 padding-right: 0;
}

.tab-nav-pet_sick ul li a {
 padding-top: 16px;
 padding-bottom: 12px;
 border: none !important;
 text-decoration: none;
 color: #713f16;
 background: #f9c385;
 box-shadow: none;
}

.tab-nav-pet_sick ul li a:before {
 display: inline-block;
 margin-right: 8px;
 content: url("../../../img/pet/life/ico_pet-tab-loope.png");
 vertical-align: middle;
}

.tab-nav-pet_sick ul li a:hover {
 background: #f9c385 !important;
 opacity: 0.8;
}

.tab-nav-pet_sick ul li a.tab-nav-active {
 background: #713f16 !important;
 color: white;
}

.tab-nav-pet_sick ul li a.tab-nav-active:hover {
 background: #713f16 !important;
}

.tab-nav-pet_sick ul li a.tab-nav-active:before {
 content: url("../../../img/pet/life/ico_pet-tab-loope_active.png");
}

.tab-content-pet_sick {
 padding-top: 16px;
 border-top: none;
 border-top-left-radius: 0;
 border-top-right-radius: 0;
 border-bottom-right-radius: 10px;
 border-bottom-left-radius: 10px;
}

.tab-content-pet_sick .box-select_sick-attention {
 padding: 8px;
 margin-bottom: 16px;
 border: 1px solid #f9c385;
 background-color: #fef3e7;
 text-align: center;
 font-weight: bold;
 border-radius: 6px;
}

.tab-content-pet_sick .select-sort_sick {
 list-style-type: none;
}

.tab-content-pet_sick .select-sort_sick li {
 display: inline-block;
 width: 124px;
 margin-left: 0;
 margin-right: 4px;
 margin-bottom: 6px;
}

.tab-content-pet_sick .select-sort_sick li:nth-child(5n) {
 margin-right: 0;
}

.tab-content-pet_sick .select-sort_sick li a {
 display: block;
 padding: 4px;
 color: #713f16;
 text-decoration: none;
 text-align: center;
 background: #f9c385 url("../../../img/pet/life/ico_pet-arrow_parts.png") no-repeat 8px 50%;
 border-radius: 6px;
}

.tab-content-pet_sick .select-sort_sick li a:hover {
 opacity: 0.8;
}

.tab-content-pet_sick .select-sort_sick li a.js-sickness-regio-nav-selected {
 background: #713f16 url("../../../img/pet/life/ico_pet-arrow_parts_selected.png") no-repeat 8px 50%;
 color: white;
}

.tab-content-pet_sick .list-select-sick_parts {
 list-style-type: none;
}

.tab-content-pet_sick .list-select-sick_parts li {
 margin-left: 0;
 margin-bottom: 4px;
}

.tab-content-pet_sick .list-select-sick_parts li a {
 display: block;
 padding-left: 20px;
 border-bottom: 1px solid #713f16;
 text-decoration: none;
 background: transparent url("../../../img/pet/life/ico_pet-arrow_sick.png") no-repeat 0 2px;
 color: #713f16;
}

.tab-content-pet_sick .list-select-sick_parts li a:hover {
 color: #b16322;
 border-color: #b16322;
}

.pet_life_data .data_graph_bg {
  background: #fef3e7;
  border-radius: 8px;
  box-sizing: content-box;
}

.pet_life_data .data_graph_bd {
  border: 1px solid #603813;
  border-radius: 10px;
  box-sizing: content-box;
}

.mt10 {
  margin-top: 10px;
}

.mt20 {
  margin-top: 20px;
}

.mt30 {
  margin-top: 30px;
}

.mt40 {
  margin-top: 40px;
}

.mt50 {
  margin-top: 50px;
}

.mt60 {
  margin-top: 60px;
}

.mt70 {
  margin-top: 70px;
}

.mt80 {
  margin-top: 80px;
}

.mt90 {
  margin-top: 90px;
}

.mt100 {
  margin-top: 100px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb60 {
  margin-bottom: 60px;
}

.mb70 {
  margin-bottom: 70px;
}

.mb80 {
  margin-bottom: 80px;
}

.mb90 {
  margin-bottom: 90px;
}

.mb100 {
  margin-bottom: 100px;
}

.mr10 {
  margin-right: 10px;
}

.mr20 {
  margin-right: 20px;
}

.mr30 {
  margin-right: 30px;
}

.mr40 {
  margin-right: 40px;
}

.mr50 {
  margin-right: 50px;
}

.mr60 {
  margin-right: 60px;
}

.mr70 {
  margin-right: 70px;
}

.mr80 {
  margin-right: 80px;
}

.mr90 {
  margin-right: 90px;
}

.mr100 {
  margin-right: 100px;
}

.ml10 {
  margin-left: 10px;
}

.ml20 {
  margin-left: 20px;
}

.ml30 {
  margin-left: 30px;
}

.ml40 {
  margin-left: 40px;
}

.ml50 {
  margin-left: 50px;
}

.ml60 {
  margin-left: 60px;
}

.ml70 {
  margin-left: 70px;
}

.ml80 {
  margin-left: 80px;
}

.ml90 {
  margin-left: 90px;
}

.ml100 {
  margin-left: 100px;
}