@charset "utf-8";

@import url("common.css");

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:500&display=swap');

/* staff */
#tenlove #staff .data {
  padding: 45px 60px 130px;
  text-align: center;
}
#tenlove #staff .data table {
  width:580px;
  line-height: 2.3;
  margin: auto;
  font-size: 0.938em;
}
#tenlove #staff .data table th {
  width: 40%;
  color: #ff7095;
  font-weight: 500;
  font-style: italic;
  text-align: right;
}
#tenlove #staff .data table td {
  width: 60%;
  padding: 2px 35px;
  text-align: left;
}
#tenlove #staff .data table .mainStaff td {
  padding: 17px 35px;
}
#tenlove #staff .data table .mainStaff.end td {
  padding: 17px 35px 32px;
}
#tenlove #staff .data table td span {
  font-size: 80%;
}

#tenlove #staff .data dl dt {
  margin: 60px 0 10px;
  color: #ff7095;
  font-weight: 500;
  font-style: italic;
  font-size: 1.125em;
}
#tenlove #staff .data dl dd {
  line-height: 1.9;
  font-size: 0.937em;
}
#tenlove #staff .data dl dd .song {
  font-style: italic;
  font-weight: 500;
  font-size: 30px;
  letter-spacing: 0.05em;
}
#tenlove #staff .data dl dd .song.ed {
  font-size: 25px;
}
#tenlove #staff .data dl dd img {
  display: inline-block;
  margin: 0 8px;
}
#tenlove #staff .data dl dd .logo-tengokusya { width: 87px; vertical-align: -3px; }

#tenlove #staff .data dl dd.logoArea ul li {
  display: inline-block;
}
#tenlove #staff .data dl dd.logoArea ul li:after {
 content: "／"; 
}
#tenlove #staff .data dl dd.logoArea ul li:last-child:after {
  content: "";
}
#tenlove #staff .data dl dd .logo-asuka { width: 55px; vertical-align: -20px; }
#tenlove #staff .data dl dd .logo-rentceiver { width: 177px; vertical-align: -3px; }
#tenlove #staff .data dl dd .logo-panasonic { width: 162px; margin-top: 10px; vertical-align: -10px; }
#tenlove #staff .data dl .staff {
  font-size: 22px;
}
#tenlove #staff .data dl .staff span {
  font-size: 80%;
}


@media all and (max-width: 812px) {
#tenlove #staff .data {
  padding: 7% 7% 20%;
}
  
/* staff */
#tenlove #staff .data table {
  width:100%;
  line-height: 2;
  font-size: 0.875em;
}
#tenlove #staff .data table th {
  display: block;
  width: 100%;
  text-align: center;
}
#tenlove #staff .data table td {
  display: block;
  width: 100%;
  padding: 0 0 13px;
  text-align: center;
}
#tenlove #staff .data table .mainStaff td {
  padding: 0 0 23px;
}
#tenlove #staff .data table .mainStaff.end td {
  padding: 0 0 23px;
}

#tenlove #staff .data dl dt {
  margin: 50px 0 10px;
  font-size: 1.08em;
}
#tenlove #staff .data dl dd {
  font-size: 0.813em;
}
#tenlove #staff .data dl dd .song {
  font-size: 25px;
  letter-spacing: 0.05em;
}
#tenlove #staff .data dl dd .song.ed {
  font-size: 15px;
}
#tenlove #staff .data dl dd .song.ed span {
  display: inline-block;
}
#tenlove #staff .data dl dd.many {
  text-align: left;
}
#tenlove #staff .data dl dd.many br {
  display: none;
}
#tenlove #staff .data dl dd.many span:after {
  content: "／";
}
#tenlove #staff .data dl dd img {
  display: inline-block;
  margin: 0 8px;
}
#tenlove #staff .data dl dd.logoArea ul li:after {
 content: "／"; 
}
#tenlove #staff .data dl dd .logo-asuka { margin: 5px 8px; vertical-align: -28px; }
#tenlove #staff .data dl dd .logo-rentceiver { margin-bottom: 10px; vertical-align: -10px; }
#tenlove #staff .data dl dd .logo-panasonic { margin-top: 0; vertical-align: -10px; }
#tenlove #staff .data dl .staff {
  font-size: 20px;
}

}

@media all and (max-width: 480px) {
#tenlove #staff .data dl dd.logoArea ul li {
  display: block;
}
#tenlove #staff .data dl dd.logoArea ul li:after {
 content: ""; 
}
#tenlove #staff .data dl dd .logo-rentceiver { margin: 5px 8px 10px; vertical-align: 0; }
}


































