/* ==============================

data
http://v4-alpha.getbootstrap.com/
http://fontawesome.io/
https://github.com/hiloki/flocss


index
- foundation
- Add components
- Extend bootstrap components
- Add site common components

*/
/* ==============================

foundation
Scaffolding

[] about
-----
Normalize.cssで足りない初期化設定

*/
body {
  font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  /*min-width: 1140px;*/
}
/*.container {
  max-width: none !important;
  width: 1140px;
  }*/
  a{
    color: #666;
  }
  a:hover{
    color: #999;
  }
  a img:hover {
    opacity: 0.7;
  }
/* ==============================

Add components

[] about
-----
componentsを追加

*/
/* --------------------
.c-row-col-no-gutters
*/
.c-row-col-no-gutters{

}
.c-row-col-no-gutters div[class^="col-"],
.c-row-col-no-gutters div[class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}
/* --------------------
.c-exter-link
*/
.c-exter-link{
}
.c-exter-link:after{
  content:'\f08e';
  font-family: FontAwesome;
  color:#666;
}
/* --------------------
.c-h-img
*/
.c-h-img{
  margin:0 0 3rem;
  padding:0;
  text-align: center;
}
/* --------------------
.c-h1
*/
.c-h1{
  color: #666;
  font-size: 1.5rem;
  letter-spacing:0.1rem;
  margin:4rem 0;
  text-align: center;
}
.c-h1-T02{
  color: #666;
  font-size: 1.25rem;
  letter-spacing:0.1rem;
  margin:2rem 0;
  text-align: left;
}
/* --------------------
.c-h2
*/
.c-h2{
  color: #333;
  font-size: 1.5rem;
  letter-spacing:0.1rem;
  line-height: 1.5;
  margin:4rem 0;
  text-align: center;
}
.c-h2__sub{
  color: #666;
  font-size: 0.875rem;
  font-weight: normal;
  display: block;
  letter-spacing:0.1rem;
  line-height: 1.5;
  margin:0 0 1.5rem 0;
}
/* --------------------
.c-h3
*/
.c-h3{
  color: #444;
  font-size: 1.25rem;
  letter-spacing:0.1rem;
  margin:3rem 0 3rem;
  text-align: center;
}
/* --------------------
.c-p
*/
.c-p{
  color: #666;
  font-size: 0.875rem;
  letter-spacing:0.1rem;
  line-height: 1.5;
  margin:0 0 1.5rem 0;
}
.c-p.m--signature{
  color: #999;
  font-size: 0.75rem;
  letter-spacing:0.1rem;
  line-height: 1.5;
  margin:0 0 1.5rem 0;
}
/* --------------------
.c-ul
*/
.c-ul{
  margin:0 0 1.5rem 0;
}
.c-ul li{
  color: #666;
  font-size: 0.875rem;
  letter-spacing:0.1rem;
  line-height: 1.5;
  padding: 4px 0;
}
.c-ul--inline{
  margin:0 0 1.5rem 0;
  overflow: hidden;
}
.c-ul--inline li:not(:last-child) {
  margin-right: 2rem;
}
.c-ul--inline li{
  float: left;
}

/* --------------------
.c-ol
*/
.c-ol{
  margin:0 0 1.5rem 0;
}
.c-ol li{
  color: #666;
  font-size: 0.875rem;
  letter-spacing:0.1rem;
  line-height: 1.5;
  padding: 4px 0;
}
/* --------------------
.c-dl
*/
.c-dl{
  margin:0 0 1.5rem 0;
}
.c-dl dt{
  color: #666;
  font-size: 0.875rem;
  font-weight: normal;
  letter-spacing:0.1rem;
  line-height: 1.5;
  margin:2rem 0 0.5rem 0;
}
.c-dl dd{
  position: relative;
  padding: 0 0 0 1rem;
  color: #666;
  font-size: 0.875rem;
  letter-spacing:0.1rem;
  line-height: 1.5;
}
.c-dl dd:before{
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  margin-top: 0px;
  width: 10px;
  height: 10px;
  content:'-';
  /*  font-family: FontAwesome;*/
  color:#bbb;
}
.c-dl.__no-space{
  margin-top: 1rem;
  overflow: hidden;
}
.c-dl.__no-space dt{
  padding-left:0;
  margin-top: 0;
}
@media (max-width: 544px) {
  .c-dl.__no-space dt{
    font-size: 0.875rem;
  }
}
.c-dl.__no-space dd{
}
/* --------------------
.c-table
*/
.c-table{

}
.c-table th{
  color: #666;
  font-size: 0.875rem;
  letter-spacing: 0.1rem;
  line-height: 1.5;
  padding: 1rem;  
}
.c-table td{
  color: #666;
  font-size: 0.875rem;
  letter-spacing: 0.1rem;
  line-height: 1.5;
  padding: 1rem;
}
.c-table--block{
}
@media (max-width: 544px) {
  .table.c-table--block,.table.c-table--block th,.table.c-table--block td{
    width: 100%;
    display: block;
  }
  .table.c-table--block td{
    border:none;
    padding-top: 0;
  }
}


/* --------------------
.c-figure
*/
.c-figure{
  text-align: center;
  margin-bottom: 1rem;
}
.c-figure__img{
  margin-bottom: 1rem;
}
/* --------------------
.c-lead
*/
.c-lead{
  color: #666;
  font-size: 1.25rem;
  letter-spacing:0.1rem;
  line-height: 1.5;
  margin:0 0 1.5rem 0;
}
/* note
======================================== */
.c-note {
  margin: 0 0 16px 0;
  padding: 0 0 0 0;
}
.c-note .c-note__item {
  text-indent: -1em;
  color: #888888;
  font-size: 0.75rem;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.428;
  letter-spacing: 0.03em;
  text-align: left;
  word-break: normal;
  margin: 0 0 8px 1em;
  padding: 0 0 0 0;
}
/* inline
------------------------------ */
.c-note-inline {
  font-size: 12px;
  color: #888;
  font-weight: normal;
}

/* --------------------
.c-link-list
*/
.c-link-list{
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  list-style-type: none;
}
.c-link-list__item {
  line-height: 1.6;
  border-top: 1px dotted #cccccc;
}
.c-link-list__item:first-child {
  border: none;
}
.c-link-list__item a {
  font-size: 0.875rem;
  display: inline-block;
  position: relative;
  padding: 12px 8px 10px 16px;
  color: #666;
  line-height: 1.4;
}
.c-link-list__item a:before {
  position: absolute;
  top: 13px;
  left: 4px;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  color: #CCC;
  /* アイコンの色 */
  content: "\f105";
  /* FontAwesomeフォントコード */
  margin-right: 8px;
  /* アイコンと要素の空きを調整 */
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .c-link-list__item a {
    padding: 8px 0 6px 16px;
  }
  .c-link-list__item a:before {
    top: 10px;
  }
}
/* --------------------
.c-btn-goto-pagetop
*/
.c-btn-goto-pagetop {
  display: none;

  position: fixed;
  bottom: 1rem;
  right: 1rem;
  z-index: 1000;
}
.c-btn-goto-pagetop a {
  color: #ddd;
}
.c-btn-goto-pagetop .fa {
  font-size: 3rem;
}
/* ==============================

Extend bootstrap components

[] about
-----
bootstrap componentsを拡張

*/
/* --------------------
.navbar
*/
.navbar{
  /*margin-top: 0.5rem;*/
  margin-bottom: 0;
}
.navbar-brand{

}
@media(max-width:420px) {
  .navbar-brand{
    width: 220px;
  }
}
.navbar-toggler{
  box-shadow: 0 1px 1.5px 0 rgba(0,0,0,.12),0 1px 1px 0 rgba(0,0,0,.24);
  border-color: #eee;
  margin-top: 0.8rem;
}
@media(max-width:420px) {
  .navbar-toggler{
    margin-top: 0.4rem;
  }
}
.navbar-nav{
}
.navbar-nav .nav-link{
  position: relative;
  color: #666;
  font-size: 0.875rem;
  font-size: 0.75rem;
  padding-right: 0.3rem;
  padding-left: 0.6rem;
}
.navbar-nav .nav-link:hover{
  background-color: #eee;
}
.navbar-nav .nav-link:before{
  position: absolute;
  top: 0.45rem;
  left: 0;
  display: block;
  margin-top: 0px;
  width: 10px;
  height: 10px;
  content:'\f105';
  font-family: FontAwesome;
  color:#bbb;
}
.navbar-nav .nav-link.current{
  font-weight: bold;
}
@media (min-width: 992px) {
  .navbar-nav .nav-link.current{
    border-bottom:2px solid #eee;
  }
}
.navbar-nav .nav-link .fa{
  color: #999;
}
.navbar-nav .nav-item+.nav-item{
  margin-left: 0.7rem;
}
/* icon */
.navbar-nav .nav-link .fa{
  font-size: 1rem;
}
.e-link__text{
  padding-left: 0.5rem;
}

@media (min-width: 1200px) {
  .navbar-nav{
    margin-top: 0.8rem;
  }
  .e-link__text{
    display: none;
  }
}

/* sp tb 版 */
@media(max-width:1199px) {
  #nav1.navbar {
    padding-right:0;
    padding-left: 0;
  }
  #nav1.navbar .navbar-brand {
    float:none;
    display: block;
  }
  #nav1.navbar .navbar-nav>.nav-item {
    float: none;
    margin-left: .1rem;
    padding: 0.7rem 0;
    border-bottom:1px dotted #ddd;
  }
  #nav1.navbar .navbar-nav {
    float:none !important;
    border-top:1px dotted #ddd;
    margin-top: 2rem;
  }
}
/* ==============================

Add projects

[] about
-----
projectsを追加

*/
/* --------------------
.p-article
*/
.p-article{}
/* --------------------
.p-sec
*/
.p-sec{
  padding: 0rem 0 2rem;
  overflow : hidden;
}
@media (min-width: 544px) {
  .p-sec{
    padding: 2rem 0 6rem;
  }
}

.p-sec:nth-child(even) {
  background-color: #F6F6F6;
}
/* --------------------
.p-cm-01
*/
.p-cm-01{

}
.swiper-pagination-bullet-active{
  background: #FFF;
}
.swiper-button-prev{
  background:none;
  left:10px;
margin-top:-36px;
}
.swiper-button-prev:after {
  content: "\f104"; 
  font-family: FontAwesome;
  color: rgba(255,255,255,0.6);
  font-size: 6rem;
}
.swiper-button-next{
  background:none;
  right:10px;
margin-top:-36px;
}
.swiper-button-next:after {
  content: "\f105"; 
  font-family: FontAwesome;
  color: rgba(255,255,255,0.6);
  font-size: 6rem;
}

/* --------------------
.p-message
*/

/* --------------------
.p-business-content__item
*/
.p-business-content__item{
  margin-bottom: 4rem;
}
.p-business-content__item .c-h3{
  margin-top: 1rem;
  margin-bottom: 2rem;
}

@media (min-width: 768px) {
  .p-business-content__item{
    margin-right: auto;
    margin-left: auto;
    width: 600px;
  }
}
@media (min-width: 992px) {
  .p-business-content__item{
    margin-top: 2rem;
    margin-right: auto;
    margin-left: auto;
    width: auto;
  }

}
@media (min-width: 1320px) {
  .p-business-content__item{
    margin-right: auto;
    margin-left: auto;
    width: 600px;
  }
}
/* --------------------
.p-interview
*/
.p-interview{
}

.p-interview-item__age{
  color: #999;
  font-size: 1rem;
}
.p-interview-item .c-h2{
  margin-top: 6rem;
  margin-bottom: 2rem;
}
/* --------------------
.p-adopt
*/
.p-adopt__data-01{

}
.p-adopt__data-01 th{
  width: 150px;
}


/* --------------------
.p-contact
*/
.p-contact{
  padding-bottom: 0;
}
.p-contact .c-h2 .fa{
  color: #999;
  display: block;
  margin-bottom: 0.5rem;
}
.p-contact__data{
  margin-top: 5rem;
  text-align: center;
  color: #666;
  font-size: 0.875rem;
  letter-spacing:0.1rem;
  line-height: 1.5;
  padding: 4px 0;
}

.p-contact__data .e-data__logo{
  margin-bottom: 1rem;
}
.p-contact__data .e-data__name{
  font-weight: bold;
  margin-bottom: 2rem;
}
.p-contact__data .e-data__address{
  margin-bottom: 1rem;
}
.p-contact__data .e-data__tel{
  color: #999;
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.p-contact__data .e-data__tel-note{
  color: #999;
  font-size: 0.75rem;
  margin-bottom: 3rem;
}
.p-contact__map{
  width:100%;
  margin:0 auto;
}
.p-contact__map iframe{
  height:320px;
}
@media only screen and (max-width: 544px) {
  .map{
    width:95%;
  }
}

.p-contact .form-group label{
  color: #666;
  font-size: 0.875rem;
  letter-spacing:0.1rem;
  line-height: 1.5;
}
/* --------------------
.p-instagram-gallery
*/
.p-instagram-gallery{
  padding: 2rem 0 0;
}
.p-instagram-gallery__headding{
  color: #333;
  font-size: 1.5rem;
  letter-spacing: 0.1rem;
  text-align: center;
  padding: 3rem 1rem 3rem;
}
.p-instagram-gallery__headding i{
  color: #CCC;
  font-size: 2rem;
  display: block;
  padding-bottom: 0.5rem;
}
.p-instagram-gallery .container-fluid div[class*="col"] {
  padding: 0;
}

@media (min-width: 1200px) {
  .p-instagram-gallery .container-fluid{}
}
.p-instagram-gallery .container-fluid div[class*="col"] .img-fluid {
  opacity: 0.9 ;
}
.p-instagram-gallery .container-fluid div[class*="col"] .img-fluid:hover  {
  opacity: 0.7 ;
}






/* facebook */
.facebook-wrapper {
  max-width: 500px;
  margin: 0 auto;
}
.facebook-wrapper > .fb-page {
  width: 100%;
}
.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe {
  width: 100% !important;
}





/* --------------------
#site-footer
*/
#site-footer{
  background: #eee;
  margin:0;
  padding:5rem 0;
}
#site-footer .p-contact__data{
  margin-top: 4rem;
}
@media (min-width: 992px) {
#site-footer .p-contact__data{
  margin-top: 0rem;
} 
}
#site-footer .p-contact__data .e-data__tel-note{
  margin-bottom: 0rem;
}

#site-footer .navbar-nav {
/*  margin-bottom: 6rem;*/
}

@media (max-width: 768px) {
  #site-footer .navbar-nav>.nav-item {
    float: none;
    margin-left: .1rem;
    padding: 0.7rem 0;
    border-bottom:1px dotted #ddd;
  }
  #site-footer .navbar-nav {
    float:none !important;
    margin-top: 0;
  }
  #site-footer .navbar-brand {
    text-align: center;
    margin-bottom:1rem;
  }
  #site-footer .navbar-brand>img{
    display: inline-block;
  }
  #site-footer .site-footer__address{
    margin: 2rem 0;
  }
}

@media (min-width: 768px) {
  #site-footer .navbar-nav {
    overflow: hidden;

  }
}
/* --------------------
#site-footer-copyright
*/
#site-footer-copyright{
  background: #fff;
  margin:0;
  padding:1rem 0;
  font-size: 0.624rem;
  color: #999;
  letter-spacing:0.1rem;
  text-align: center;
}