@charset "UTF-8";

:root {
  --main-color: #000;
}

#tokushu.aupair a {
text-decoration: underline;
}

#tokushu.aupair a:hover {
text-decoration: none;
}

#tokushu h1 span,
#tokushu h2 span,
#tokushu h4 span {
    font-size: 50%;
    display: block;
	margin-bottom: 10px;
}

#tokushu.aupair h1 {
font-size: 40px;
line-height: 1.2;
margin: 0 0 20px 0;
}

#tokushu h1 span {
background: #666;
color: #fff;
display: inline-block;
padding: 5px 15px;
margin: 5px 0 10px 0;
}

#tokushu h1 span.sub2 {
margin: 10px 0;
font-size: 70%;
padding: 0;
background: none;
color: #333;
}

#tokushu div.index ol li a {
border: none;
}

#tokushu.aupair .types h4 {
margin: 30px 0 10px 0;
font-size: 1em;
border-bottom: #999 1px dashed;
padding: 0 0 3px 0
}

 #tokushu.aupair .table-wrap {
    width: fit-content;
    margin: 30px auto;
  }

#tokushu.aupair table {
    border-collapse: collapse;
	width: 90%;
  }

#tokushu.aupair th,
#tokushu.aupair td {
   border: 1px solid #333;
  width: 120px;
  height: 50px;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  background: #fff;
  }

  /* ヘッダー */
 #tokushu.aupair thead th {
    background: #444;
    color: #fff;
    font-weight: bold;
	 border-color: #FFF;
  }

  /* 左側ラベル */
 #tokushu.aupair tbody th {
    background: #444;
    color: #fff;
    font-weight: bold;
    width: 120px;
	 border-color: #FFF;
  }

  /* 左上の空白 */
 #tokushu.aupair .empty {
    background: transparent;
    border: none;
  }

  /* 合計行 */
 #tokushu.aupair .total td {
    font-weight: bold;
    color: #333;
    background: #e5e5e5;
  }


#tokushu.aupair .profbox {
padding: 30px;
margin: 60px 0 30px 0;
border: none;
background: #EAEAEA
}

#tokushu.aupair .profbox h3 {
margin-top:0;
font-size: 1.7em;
}

#tokushu.aupair .profbox h5 {
font-size: 1em;
margin: 0 0 10px 0;
padding: 0;
}

#tokushu.aupair .profbox p {
font-size: 0.9em;
margin: 0;
padding: 0;
}

#tokushu.aupair .profbox .label {
background: #333;
color: #fff;
padding: 8px;
line-height: 1;
display: inline-block;
margin: 0 0 10px 0;
font-size: 70%;
}


#tokushu.aupair h2 {
font-size:1.6em;
line-height: 1.4;
margin: 60px 0 20px 0;
padding: 10px 20px;
border: none;
background: #333;
color: #fff;
}

#tokushu.aupair h2 span {
font-size:60%;
margin: 0 0 5px 0;
padding: 0;
border: none;
}

#tokushu.aupair h3 {
 font-size: 1.4em;
  line-height: 1.4;
  margin: 60px 0 25px 0;
  border: none;
  padding: 0;
}

#tokushu.aupair h3 span {
font-size: 70%;
display: inline-block;
background: #666;
color: #fff;
padding:5px 10px;
line-height: 1;
margin-bottom: 5px;
}

#tokushu.aupair h4 span {
  font-size: 80%;
  margin: 0 10px 0 0;
}

#tokushu.aupair h4 {
margin: 40px 0 10px 0;
padding: 0;
border:none;
line-height: 1.4;
}


#tokushu.aupair h4 small {
  font-size: 1.5em;
  margin: 0 10px 0 0;
  color: #999;
  font-weight: bold;
}


#tokushu.aupair ul {
margin: 0 0 20px 0;
}

#tokushu.aupair ul li {
margin: 0 0 15px 20px;
list-style: disc;
line-height: 1.4;
}

#tokushu.aupair table.schedule {
margin: 30px 0;
width: 80%
}
#tokushu.aupair table.schedule td {
padding: 3px 0 3px 10px;
border: #fff 3px solid;
}
#tokushu.aupair table.schedule td.time {
text-align: right;
border-right: 2px solid #999;
padding: 3px 10px 3px 0;
vertical-align: text-top;
width: 30%;
}

#tokushu.aupair table.schedule td.place {
text-align: center;
background: #333;
color: #fff;
padding: 5px;
vertical-align: middle;
margin-bottom: 5px;
}

#tokushu.aupair .article-links {
margin: 60px 0 30px 0;
}

#tokushu.aupair .article-links h5 {
font-size: 1em;
margin: 0 0 10px 0;
border: none;
}

#tokushu.aupair .article-links .article-list {
      list-style: none;
      padding: 0;
      margin:0;
	  border-top: 1px solid #ddd;
    }

#tokushu.aupair .article-links .article-list li {
	  list-style: none;
	  margin: 0;
	  font-size: 90%;
	  border-bottom: 1px solid #ddd;
    }

#tokushu.aupair .article-links .article-list a {
      display: block;
      padding: 0.8em 0;
      text-decoration: none;
      color: #333;
      line-height: 1.3;
      transition: background-color 0.2s ease;
    }
	
#tokushu.aupair .article-links .article-list a:hover,
#tokushu.aupair .article-links .article-list a:focus {
      background-color: #f6f6f6;
    }
	
#tokushu.aupair .article-links .article-list a::before {
      content: " ▶ ";
      color: #333;
      font-size: 14px;
	  padding:0 10px;
    }


/*  For Responsivizer  */

@media only screen and (max-width: 480px) {
body.white .site #tokushu.aupair #table th,
body.white .site #tokushu.aupair #table td {
    width: 100%;
    display: block;
  }
  }

body.white .site #tokushu.aupair h1 {
line-height: 1.2;
font-size: 2em;
font-weight: bold;
}

body.white .site #tokushu.aupair h1 span {
font-size: 70%;
margin: 5px 0 8px 0;
line-height: 1.2;
}


body.white .site #tokushu.aupair h2 span {
font-size: 80%
}


body.white .site #tokushu p.first-title + h1 {
  margin: 16px 0 20px 0;
}

body.white .site .photo img {
  width: 100%;
  height: auto;
}

body.white .site #tokushu.aupair h3 {
padding: 0
}

body.white .site #tokushu.aupair .profbox h5 {
font-size: 1em;
margin: 0 0 15px 0;
padding: 0;
}


body.white .site #tokushu.aupair table.schedule {
margin: 30px 0;
width: 100%
}