@charset "utf-8";

#tinea-symptom_title {
  background-image: url(bg_title.jpg);
}

#column_main #tinea-symptom_title h2 {
  background-image: url(title01.png);
  padding-bottom: 14.5%;
}

@media screen and (max-width: 768px) {
  #tinea-symptom_title {
    background-position: right 20% center;
  }

  #column_main #tinea-symptom_title h2 {
    padding-bottom: 17%;
  }
}

#clm_cont section .aside ul li.aside_p {
  zoom: 100%;
}

#clm_cont section .aside ul li.aside_p:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

#clm_cont section .aside ul li.aside_p h4,
#clm_cont section .aside ul li.aside_p p {
  box-sizing: border-box;
  width: 72%;
  float: left;
}

#clm_cont section .aside ul li.aside_p .p_wrap {
  width: 25%;
  float: right;
}

@media screen and (max-width: 480px) {
  #clm_cont section .aside ul li.aside_p h4,
  #clm_cont section .aside ul li.aside_p p {
    width: auto;
    float: none;
  }

  #clm_cont section .aside ul li.aside_p .p_wrap {
    width: auto;
    float: none;
    text-align: center;
    margin: 0 0 4px 0;
  }

  #clm_cont section .aside ul li.aside_p .p_wrap img {
    margin: 0 auto;
  }
}

#clm_cont section .aside_prod .img_right {
  border: 0;
  max-width: 647px;
  width: 72%;
  margin: 0;
}

.exlogo {
  width: 161px;
  float: left;
}

#clm_cont section .aside_prod .clm_btn01 {
  width: 26%;
  float: left;
  padding: 16px 0 0 0;
}

#clm_cont section .aside_prod .clm_btn01 a {
  display: block;
  margin-bottom: 4px;
}

@media screen and (max-width: 768px) {
  #clm_cont section .aside_prod .img_right {
    max-width: 100%;
    width: auto;
    float: none;
    display: block;
    margin: 0 auto 10px auto;
  }

  .exlogo {
    width: auto;
    float: none;
    margin: 0 auto 4px auto;
    text-align: center;
  }

  .exlogo img {
    margin: auto;
  }

  #clm_cont section .aside_prod .clm_btn01 {
    width: auto;
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0;
    float: none;
  }

  #clm_cont section .aside_prod .clm_btn01 a {
    box-sizing: border-box;
    margin: 0 4px;
    display: block;
  }
}

@media screen and (max-width: 480px) {
  #clm_cont section .aside_prod .clm_btn01 {
    display: block;
  }

  .clm_btn01 li {
    width: auto;
    padding: 0;
    float: none;
  }

  #clm_cont section .aside_prod .clm_btn01 a {
    width: auto;
    margin: 0 0 8px 0;
    display: block;
  }
}