/* Drawer Menu */
.drawer--top.drawer-open .drawer-nav {
  background-color: rgba(0,0,0,0.9);
}
.drawer-menu .drawer-menu-item {
  color: #fff;
}
.drawer--top nav.drawer-nav {
  height: 100%;
}
.drawer--top.drawer-open .drawer-nav {
  padding-left: 6.25%;
}
.drawer-open .drawer-hamburger-icon:after,
.drawer-open .drawer-hamburger-icon:before
{
  background-color: #fff;
}
.drawer-open .drawer-hamburger {
  padding-right: 6.25%;
  border: none !important;
  position: relative;
  z-index: 102;
}
.drawer-open .drawer-brand {
  width: 50%;
  padding-top: 15px;
}
.drawer-open .drawer-brand img {
  width: 100%;
}
.drawer-menu-item span.menu-subtitle {
  display: block;
  margin-top: -15px;
}
ul.drawer-menu li {
  margin-bottom: 10px;
}

/*
====================================================
  Common Parts
====================================================
*/
.container {
  padding: 0 6.25%;
}

.table-cell img {
  width: 100%;
}

/* Header */
/*.logo-header {*/
  /*padding: 12px 5px 10px;*/
  /*position: fixed;*/
  /*background-color: #fff;*/
  /*width: 100%;*/
  /*box-shadow: 0 1px 8px 1px rgba(0,0,0,0.3);*/
/*}*/
.drawer-open .logo-header {
  position: relative;
}

/* Navigation */
nav.page-nav {
  text-align: center;
  margin-top: 35px;
  padding: 65px 6.25% 30px;
  background-color: #f7f7f7;
}
nav.page-nav ul li {
  border: 2px solid #c70025;
  padding: 10px 30px;
  margin-bottom: 35px;
  color: #c70025;
}
nav.page-nav ul li:hover {
  background-color: #c70025;
  color: #fff
}
nav.page-nav span {
  display: block;
}
nav.page-nav span.nav-page-title {
  text-transform: uppercase;
  font-family: 'Bebas Neue', sans-serif;
  font-size: 2.5em;
}
nav.page-nav span.nav-page-subtitle {
  margin-top: -10px;
}

/* Page Title */
/*.page-title {*/
  /*text-align: center;*/
  /*padding: 150px 0;*/
/*}*/
.page-title h2 {
  color: #fff;
  font-weight: 400;
  /*font-size: 4.2em;*/
}
.page-title h3 {
  color: #c70025;
  font-size: 1.5em;
  padding: 20px 0px;
  margin: 0 28%;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.page-title p {
  color: #fff;
  padding: 30px 10%;
  line-height: 1.8;
}

/* Pages navigation under page title */
.nav-page-header {
  text-align: center;
  margin: 50px 0;
}
.nav-page-header li {
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
}
.nav-page-header li a {
  border: 2px solid #c70025;
  padding: 20px 0px 10px;
  display: block;
  width: 100%;
  color: #c70025;
  font-weight: 900;
}
.nav-page-header li a:hover {
  background-color: #c70025;
  color: #fff;
}
.nav-page-header li a span {
  display: block;
  text-align: center;
}

/* Page subtitle */
.page-subtitle {
  text-align: center;
  padding: 60px 0;
  color: #fff;
}
.page-subtitle h3 {
  font-size: 1.7em;
  margin-bottom: 8px;
}
.page-subtitle h4 {
  margin-top: 20px;
  margin-bottom: 35px;
}
.page-subtitle p {
  padding: 0 6.25%;
}
.subtitle-underline {
  margin:0 47%;
  border-width: 2px;
  border-color: #c70025;
}

/*
====================================================
  News Detail
====================================================
*/
#post .contents-wrapper {
  padding: 80px 6.25%;
}
#post .contents-wrapper article h2 {
  font-size: 1.5em;
  border-bottom: 2px solid #c70025;
}
#post .contents-wrapper ul.share-icons li {
  list-style-type: none;
}
#post .contents-wrapper ul.share-icons li img {
  width: 38px;
}
#post .contents-wrapper .share {
  display: table;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}
#post .contents-wrapper .share .share-fb {
  display: table-cell;
  text-align: right;
}
#post .contents-wrapper .share .share-tw {
  display: table-cell;
  text-align: center;
}
#post .contents-wrapper .share .share-line {
  display: table-cell;
  text-align: left;
}
#post .contents-wrapper .share .share-fb img,
#post .contents-wrapper .share .share-tw img,
#post .contents-wrapper .share .share-line img
{
  width: 38px;
}
#post .contents-wrapper nav.post-nav {
  text-align: center;
  margin-top: 50px;
}
#post .contents-wrapper nav.post-nav .prev,
#post .contents-wrapper nav.post-nav .next
{
  border: 1px solid #c70025;
  color: #c70025;
  padding: 10px;
}
#post .contents-wrapper nav.post-nav .prev:hover,
#post .contents-wrapper nav.post-nav .next:hover
{
  background-color: #c70025;
  color: #fff;
}

/*
====================================================
  System Page
====================================================
*/
#system .contents-wrapper {
}

/* Welfare */
section#welfare .sub-content {
  margin-top: 70px;
}
section#welfare .sub-content .table-row .table-cell p {
  margin: 15px 0 30px 0;
}
.bg-medical-care h4,
.bg-recreation h4,
.bg-childcare h4
{
  padding: 100px 0;
  color: #fff;
  text-align: center;
  font-size: 2.5em;
}
.contents-welfare {
  background-color: #e1fefc;
  padding: 15px 5px;
}

.sp-table-row {
  display: table;
}
.sp-table-cell {
  display: table-cell;
}

#nurturing-table table {
  border-top: 5px solid #fff;
  border-right: 5px solid #fff;
  width: 640px;
  border-spacing: 0;
  margin: 0 auto;
}
#nurturing-table th,
#nurturing-table td
{
  border-bottom: 5px solid #fff;
  border-left: 5px solid #fff;
  text-align: center;
  padding: 5px;
}
#nurturing-table {
  box-sizing: border-box;
  border-right: 1px solid #4f4d47;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}
#nurturing-table table { border-right: none;}


/*
=====
  Person Detail Page
=====
*/
/* Timeline */
/*.person-timeline .title-timeline {*/
  /*border: 1px solid #c70025;*/
  /*width: 200px;*/
  /*margin: 0 auto;*/
  /*padding: 3px;*/
  /*background-color: #fff;*/
/*}*/
/*.person-timeline .title-timeline h3 {*/
  /*border: 1px solid #c70025;*/
  /*color: #444;*/
  /*padding: 8px;*/
/*}*/