@charset "utf-8";
/* CSS Document */

/* ---------------------------------------------
  header
------------------------------------------------ */

.header .logo { top: 10px; }

.header .global-navigation li { vertical-align: top;}
.header .global-navigation li a { font-size: 100%; padding: 0 10px; }
.header .global-navigation li.hasBr{ line-height: 20px;text-align: center;}
.header .global-navigation li.hasBr a { padding-top:10px;box-sizing: border-box;}
.header .global-navigation li a:hover,
.header .global-navigation li.stay a { border-color: #b0dfdf; }


.page-title h1 {
  background: url(/themes/hakucho@main/images/title_hakucho.png) no-repeat center center !important;
  background-size: cover !important;
}

.page-title.child h1 { background-image: url(/themes/hakucho@main/images/title_child.png) !important; }
.page-title.adult h1 { background-image: url(/themes/hakucho@main/images/title_adult.png) !important; }
.page-title.group-home h1 { background-image: url(/themes/hakucho@main/images/title_group-home.png) !important; }
.page-title.support h1 { background-image: url(/themes/hakucho@main/images/title_support.png) !important; }
.page-title.work-center h1 { background-image: url(/themes/hakucho@main/images/title_work-center.png) !important; }
.page-title.asunaro h1 { background-image: url(/themes/hakucho@main/images/title_asunaro.png) !important; }
.page-title.kyosei h1 { background-image: url(/themes/hakucho@main/images/title_kyosei.png) !important; }

/* ---------------------------------------------
  top
------------------------------------------------ */

.content.top {
  margin: 0;
}

.top .about .box-c {
  float: left;
  width: 873px;
}

.top .about .box-c h5 {
  color: #333;
}

.top .about .btn-unit {
  margin-top: 20px;
}

.top .facility {
  margin: -40px 0 0;
}

.top .facility-wrap {
  text-align: center;
}
.top .facility-unit {
  float: none;
  display: inline-block;
  margin: 0 20px 20px;
}
.top .facility-unit:hover .name a {
  color: #87c0c0;
}
.top .facility-unit .name.small {
	line-height: 1.5
}

.top .news-title {
  border-color: #b0dfdf;
}
.top .news-title::after {
  content: none;
  display: none;
}
.top .anniversary {
  width: 800px;
  margin: 30px auto 50px;
}
.top .anniversary img {
  width: 100%;
}

/* ---------------------------------------------
  layout
------------------------------------------------ */

.container h2,
.content h2, 
.content .wysiwyg h1{
  color: #87c0c0;
}
.container h2::before,
.content h2::before, 
.content .wysiwyg h1::before{
  background: #87c0c0;
}


.content h3, 
.content .wysiwyg h2{
  color: #87c0c0;
  border-color: #87c0c0;
}

.content h4, 
.content .wysiwyg h3{
  color: #87c0c0;
  border-color: #87c0c0;
}

.content h5, 
.content .wysiwyg h4{
  color: #87c0c0;
}

.list li::before {
  background: #87c0c0;
}

.link li::before {
  border-color: #87c0c0;
}
ol li::before {
  color: #87c0c0;
}

.box-c {
  background: #e1f4f4;
}

.btn a { border-color: #87c0c0; }
.btn a:hover { background: #87c0c0; }

table thead th, th.head {
  background: #b0dfdf;
}

/* ---------------------------------------------
  cms
------------------------------------------------ */

.sidebar .local-navigation { background: #e1f4f4; }
.sidebar .local-navigation h2 {
  background: #b0dfdf !important;
}
.sidebar .local-navigation li a::after { border-color: #87c0c0; }

/* ---------------------------------------------
  pages
------------------------------------------------ */

.group-home .box-c .grid-2 {
  text-align: center;
}
.group-home .box-c .grid-2 img {
  margin: 0 auto;
}
.group-home .box-b-mini {
  display: inline-block;
  margin: 5px 0 0;
  padding: 3px 5px;
  border: solid 1px #333;
  text-align: center;
}
.group-home .catch {
  font-family: "Kokoro";
  font-weight: bold;
  font-size: 180%;
  color: #ed9d11;
}

.sp .container .work_center h2,
.sp .content.work_center h2,
.sp .content.access h2 {
  padding: 0;
  font-size: 150%;
}

.sp .container .work_center h2 .nowrap,
.sp .content.work_center h2 .nowrap {
  white-space: nowrap;
}

.asunaro { 
  position: relative;
}

.logo-ausnaro {
  position: absolute;
  top: 40px;
  right: 40px;
}

.asunaro .container h2, 
.asunaro .content h2, 
.asunaro .content .wysiwyg h1 {
  color: #fb9797;
}

.asunaro .container h2::before, 
.asunaro .content h2::before, 
.asunaro .content .wysiwyg h1::before {
  height: 100%;
  background: url(/themes/hakucho@main/asunaro/images/bg_h2.png) repeat-x center center;
}

.asunaro .content h3,
.asunaro .content .wysiwyg h2 {
  vertical-align: middle;
  border: none;
  padding-bottom: 20px;
  background: url(/themes/hakucho@main/asunaro/images/bg_h3.png) repeat-x center bottom;
  background-size: 60%;
}
.asunaro .content h3 * { vertical-align: sub; }
.asunaro .content h3 .animal-icon { margin-right: 6px; }

.asunaro .content h4,
.asunaro .content .wysiwyg h3 {
  color: #fb9797;
  border-color: #fb9797;
}

.asunaro .list li:nth-child(3n+2)::before { background: #fb9797; }
.asunaro .list li:nth-child(3n+3)::before { background: #fbd898; }
.asunaro .list li:nth-child(3n+4)::before { background: #a3fb98; }

.asunaro .img-list li {
  height: 220px;
  padding-top: 15px;
  margin-bottom: 25px;
  background: url(/themes/hakucho@main/asunaro/images/illust_frame.png) repeat-x top center;
  background-size: contain;
  position: relative;
}
.asunaro .img-list li img { position: relative; z-index: -1; }
.asunaro .img-list li p { margin-top: 5px; position: absolute; bottom: -25px; left: 0; }

/* ---------------------------------------------
  footer
------------------------------------------------ */

.footer .other-navigation .general { display: block; }
.footer .other-navigation li {
  width: auto;
  padding: 0 20px 0;
  border-right: solid 1px #555;
}
.footer .other-navigation li:last-child {
  border: none;
}

/* ---------------------------------------------
  footer
------------------------------------------------ */

.content .opencollege-nav{
  margin: 30px 0;
  overflow: hidden;
}
.content .opencollege-nav li{
  width: 50%;
  float: left;
  box-sizing: border-box;
}
.content .layout-opencollege{
  margin-top: 30px;
}
.content .vertical-photo{
  display: inline-block;
}
.content .vertical-photo+.vertical-photo{
  margin-left: 10px;
}
.content .caption{
  font-size: 85%;
  margin-top: 5px;
  color: #666;
  text-align: left;
}
.content .layout-frame .bdl{
  padding-left: 20px;
  border-left: 1px solid #ccc;
  box-sizing: border-box;
}

.content .bnr-facebook{
  margin-top: 40px;
  padding:20px 0;
  border-top:1px solid #ccc;
}
.content .bnr-facebook p{
  text-align: center;
}