@charset "utf-8";
/* CSS Document */
@import url("layout_sp.css");
@media screen and (max-width: 959px) {
  /************************************************************ mainimg*/
  /* ------------------------------ mainimg*/
  #mainimg {}
  #mainimg .slider_wrap {}
  #mainimg .slider_wrap .bx-wrapper {
    margin: 0 auto; /*画像を真ん中に*/
  }
  /**/
  #mainimg .slider_wrap .slider li {
    height: 422px;
  }
  @media screen and (max-width: 767px) {
    #mainimg .slider_wrap .slider li {
      height: 322px;
    }
  }
  @media screen and (max-width: 560px) {
    #mainimg .slider_wrap .slider li {
      height: 200px;
    }
  }
  #mainimg .slider_wrap .slider li img {}
  #mainimg .slider_wrap .slider li span {
    top: 52%;
  }
  #mainimg .slider_wrap .slider li span em {
    font-size: 2.2rem;
  }
  @media screen and (max-width: 767px) {
    #mainimg .slider_wrap .slider li span em {
      font-size: 2.0rem;
    }
  }
  @media screen and (max-width: 560px) {
    #mainimg .slider_wrap .slider li span {
      top: 50%;
    }
    #mainimg .slider_wrap .slider li span em {
      font-size: 1.6rem;
    }
  }
  /* ---------- pager*/
  #mainimg .bx-wrapper .bx-pager, #mainimg .bx-wrapper .bx-controls-auto {
    bottom: 100px;
  }
  @media screen and (max-width: 767px) {
    #mainimg .bx-wrapper .bx-pager, #mainimg .bx-wrapper .bx-controls-auto {
      bottom: 40px;
    }
  }
  @media screen and (max-width: 560px) {
    #mainimg .bx-wrapper .bx-pager, #mainimg .bx-wrapper .bx-controls-auto {
      bottom: 30px;
    }
  }
  #mainimg .bx-wrapper .bx-pager.bx-default-pager a {}
  #mainimg .bx-wrapper .bx-pager.bx-default-pager a:hover, #mainimg .bx-wrapper .bx-pager.bx-default-pager a.active, #mainimg .bx-wrapper .bx-pager.bx-default-pager a:focus {}
  /* ------------------------------ visit_area*/
  #visit_area {}
  @media screen and (max-width: 767px) {
    #visit_area {
      width: calc(100% - 40px);
      position: relative;
      top: -20px;
    }
  }
  #visit_area .inner {}
  @media screen and (max-width: 767px) {
    #visit_area .inner {
      display: block;
    }
  }
  /* ---------- 共通*/
  #visit_area .box {
    margin: 0 10px;
    /*margin: 0 20px;*/
  }
  @media screen and (max-width: 767px) {
    #visit_area .box {
      text-align: center;
      margin: 0 auto;
    }
  }
  /* ---------- 診療時間*/
  #visit_area .box:first-of-type {
    padding: 20px 10px 10px 20px;
  }
  @media screen and (max-width: 560px) {
    #visit_area .box:first-of-type {
      padding: 20px 20px 10px 20px;
    }
  }
  #visit_area .box:first-of-type img {
  }
  @media screen and (max-width: 560px) {
    #visit_area .box:first-of-type img {
      width: 100%;
      max-width: 400px;
    }
  }
  #visit_area .box:first-of-type p {}
  #visit_area .box:first-of-type p span {}
  /* ---------- ボタン*/
  #visit_area .box:last-of-type {}
  #visit_area .box:last-of-type ul {
    width: 100%;
  }
  @media screen and (max-width: 767px) {
    #visit_area .box:last-of-type ul {
      margin: 0 auto;
    }
  }
  @media screen and (max-width: 560px) {
    #visit_area .box:last-of-type ul {
      width: 100%;
      max-width: 360px;
    }
  }
  #visit_area .box:last-of-type ul li {
    padding: 5px;
  }
  #visit_area .box:last-of-type ul li:first-child {}
  #visit_area .box:last-of-type ul li a {}
  #visit_area .box:last-of-type ul li a img {}
  /************************************************************ container*/
  #container {}
  /************************************************************ main*/
  #main {
    /*padding: 200px 0 0 0;*/
  }
  @media screen and (max-width: 767px) {
    #main {
      padding: 0;
    }
  }
  /* ------------------------------ primary_area*/
  #primary_area {}
  #primary_area .wrap {
    display: block;
    width: calc(100% - 40px);
    margin: 0 auto;
  }
  /* ---------- 共通*/
  /* ---------- 導入*/
  @media screen and (max-width: 767px) {
    #primary_area .inner .intro ul li:nth-child(2) {
      -webkit-flex-basis: 260px;
      flex-basis: 260px;
    }
  }
  /* ---------- リンク*/
  @media screen and (min-width: 1260px) {
    #primary_area .inner .menu ul li {
      font-size: 1.5rem;
    }
  }
  /* ---------- more*/
  /* ---------- 産科*/
  #primary_area .ob {
    margin: 0 auto 60px auto;
    padding: 2px;
    max-width: 100%;
  }
  /* ---------- 婦人科*/
  #primary_area .gyn {
    margin: 0 auto;
    padding: 2px;
    max-width: 100%;
  }
  /* ------------------------------ gallary1*/
  #gallary1 {
    position: relative;
  }
  /**/
  /* ------------------------------ news*/
  #news {}
  #news .inner {
    width: calc(100% - 40px);
  }
  /* ---------- 共通*/
  /* ---------- 重要なニュース*/
  /* ---------- ニュース*/
  /* ------------------------------ gallary2*/
  /* ---------- pager*/
  /* ------------------------------ pickup*/
  #pickup {}
  #pickup .inner {
    width: calc(100% - 40px);
  }
  /**/
  #pickup ul {
    display: block;
  }
  #pickup ul li {
    width: 100%;
    margin: 20px 0;
  }
  #pickup ul li a {}
  #pickup ul li a img {}
  @media screen and (max-width: 560px) {
    #pickup ul li a img {
      min-width: 150px;
    }
  }
  /* ---------- テキスト*/
  #pickup ul li p {
    font-size: 1.2rem;
    margin: 0 0 0 10px;
  }
  @media screen and (max-width: 560px) {
    #pickup ul li p {
      font-size: 1.1rem;
      line-height: 1.6em;
    }
  }
  /* ------------------------------ facility*/
  #facility {}
  #facility .inner {}
  /**/
  #facility ul {}
  #facility ul li {
    margin: 0 10px;
  }
  #facility ul li a {}
  #facility ul li a img {}
  /**/
}