@charset "UTF-8";

/* =============================================================================

 profile 共通

============================================================================= */
/* mainvisual
============================================================================= */
#content-mainvisual {
  margin-bottom: 50px;
  background: url("../img/profile/top/img_mainvisual.jpg") no-repeat center bottom;
}
#content-mainvisual .catch {
  letter-spacing: 10px;
  text-align: left;
  letter-spacing: 12px;
}
#content-mainvisual .catch .newline {
  display: block;
  font-size: 90%;
}
#content-mainvisual .catch .newline.second {
  padding: 20px 0 0 3px;
  font-size: 65%;
}
@media only screen and (max-width: 480px) {
  #content-mainvisual {
    margin-bottom: 25px;
    background: url("../img/profile/top/img_mainvisual_sp.jpg") no-repeat center top;
  }
  #content-mainvisual .catch {
    top: 140px;
  }
  #content-mainvisual .catch .newline.second {
    padding-top: 0;
  }
}

/* =============================================================================

 Top

============================================================================= */

#page.top .no-margin {
  margin-bottom: 0;
}
#page.top h3.margin {
  margin-bottom: 20px;
}

#page.top #content-prof1 {
  margin-bottom: 40px;
}
#page.top #content-prof1 .name {
  margin-bottom: 15px;
  font-size: 32px;
  letter-spacing: 6px;
}
#page.top #content-prof1 .ruby {
  font-size: 50%;
}
#page.top #content-prof1 p {
  margin-bottom: 10px;
}
#page.top #content-prof1 strong {
  font-weight: bold;
}

#page.top #content-prof2 {
  padding-bottom: 20px;
}
#page.top #content-prof2 p {
  margin-bottom: 25px;
}

#page.top #content-prof3,
#page.top #content-prof4,
#page.top #content-prof5,
#page.top #content-prof6,
#page.top #content-prof7,
#page.top #content-prof8 {
  padding-bottom: 45px;
}

#page.top .profile-table {
  width: 100%;
  border-collapse: collapse;
}
#page.top .profile-table th,
#page.top .profile-table td {
  padding: 12px 20px;
}
#page.top .profile-table .odd th,
#page.top .profile-table .odd td {
  background-color: #eeeeee;
}
#page.top .profile-table th {
  width: 33.33%;
}

#page.top #content-prof8 .books {
  
}
#page.top #content-prof8 .books {
  width: 100%;
  text-align: left;
  overflow: hidden;
  zoom:1;
}
#page.top #content-prof8 .books li {
  width: 20%;
  height: 280px;
  float: left;
  text-align: center;
  vertical-align: top;
  background-color: #f9f9f9;
}
#page.top #content-prof8 .books li.odd {
  background-color: #eeeeee;
}
#page.top #content-prof8 .books li .image {
  width: auto;
  height: 53.5%;
  padding-top: 45px;
  margin: 0 auto 10px auto;
}
#page.top #content-prof8 .books li .image img {
 height: 100%;
}
#page.top #content-prof8 .books li .title {
  margin: 0 10px;
  line-height: 1.5em;
}
#page.top #content-prof8 .books li .title .bold {
  font-weight: bold;
}

@media only screen and (max-width: 480px) {
  #page.top h3.margin {
    margin-bottom: 10px;
  }
  
  #page.top #content-prof1 {
    margin-bottom: 10px;
  }
  #page.top #content-prof1 .image {
    margin-bottom: 25px;
    text-align: center;
  }
  #page.top #content-prof1 .name {
    margin-bottom: 15px;
    font-size: 28px;
    letter-spacing: 3px;
  }
  #page.top #content-prof1 p {
    margin-bottom: 5px;
  }
  
  #page.top #content-prof2 {
    padding-bottom: 10px;
  }
  #page.top #content-prof2 p {
    margin-bottom: 12px;
  }
  
  #page.top #content-prof3,
  #page.top #content-prof4,
  #page.top #content-prof5,
  #page.top #content-prof6,
  #page.top #content-prof7 {
    padding-bottom: 22px;
  }
  
  #page.top .profile-table th,
  #page.top .profile-table td {
    padding: 7px 10px;
  }
  
  #page.top .profile-table.with-th,
  #page.top .profile-table.with-th tbody,
  #page.top .profile-table.with-th tr,
  #page.top .profile-table.with-th th,
  #page.top .profile-table.with-th td {
    width: auto;
    display: block;
  }
  #page.top .profile-table.with-th th {
    padding-bottom: 0;
  }
  #page.top .profile-table.with-th td {
    padding-top: 0;
  }
  
  #page.top #content-prof8 .books li {
    float: none;
    width: auto;
    height: 215px;
    display: block;
  }
  #page.top #content-prof8 .books li .image {
    height: 70%;
    padding-top: 15px;
  }
  #page.top #content-prof8 .books li .image img {
    width: auto;
    height: 100%;
  }
}

@media only screen and (max-width: 767px) and (min-width: 481px) {
  #page.top #content-prof8 .books li {
    height: 300px;
  }
  #page.top #content-prof8 .books li .image {
    width: auto;
    height: 53.5%;
    padding-top: 20px;
    margin: 0 auto 10px auto;
  }
  #page.top #content-prof8 .books li .title {
    margin: 0 5px;
    line-height: 1.3em;
  }
}
