@charset "UTF-8";
/* Layout Document */
/* Layout Basic block   //////////////////////////////////////*/
/* 繝ｪ繝ｳ繧ｯ險ｭ螳・
蛻晄悄險ｭ螳夲ｼ医▽縺ｮ縺翫°蜀・ｧ托ｼ・
--------------------------------------------------------------*/
a:link, a:visited {
  text-decoration: none;
}
a:hover {
  color: #FF6600;
  text-decoration: underline;
}

/* 蝓ｺ譛ｬ繧ｿ繧ｰ・亥・譛溷喧・・
#縺ｯid縲€.縺ｯclass縲€險伜捷縺ｪ縺励・蟇ｾ蠢懊☆繧句・縺ｦ縺ｫ蜿肴丐
--------------------------------------------------------------*/
body {
  margin: 0;
  background-image: url("../img/back.gif");
}

/* IE7縺ｧpadding謖・ｮ・*/
*:first-child + html body {
  padding-left: 1px;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

p {
  margin: 0px;
}

dfn {
  font-style: normal;
  font-weight: bold;
}

em {
  font-style: normal;
  color: red;
  border-bottom: 1px dotted red;
  padding-bottom: 1px;
}

address {
  font-style: normal;
  font-weight: bold;
}

img {
  border: none;
}

ul, ol {
  margin: 0;
}

li {
  list-style: none;
}

/*BOX・枠
--------------------------------------------------------------*/
.box1 {
  text-align: center;
  width: 100%;
}

.box2 {
  text-align: left;
  margin: 0px auto;
  width: 800px;
  background-color: #FFFFFF;
}

.waku1 {
  padding: 1em;
  border: 1px dotted #c0c0c0;
  font-size: 80% !important;
  color: #666 !important;
}

.awaku {
  padding-right: 10px;
}

/*リスト
------------------------------------------------------*/
.list01 {
  margin-left: 0;
  margin-left: 1em;
  padding: 0;
  margin-bottom: 1em;
}
.list01 li {
  font-size: 90%;
  line-height: 1.5em;
}

/*文字・画像・レイアウト
--------------------------------------------------------------*/
/* テキスト
--------------------------------------------------------------*/
.red {
  color: #F00;
}

.bold1 {
  font-weight: bold;
}

.bold2 {
  font-weight: bold;
  font-size: 110%;
}

.center {
  text-align: center;
}

.text01 {
  font-size: 85%;
  color: #333333;
  margin: 0 10px 8px 0;
  line-height: 150%;
}

.text02 {
  color: #333333;
  margin: 0 10px 8px 0;
  line-height: 150%;
}

.under_line {
  text-decoration: underline;
}

.mar_R20 {
  margin-right: 20px;
}

.mar_R50 {
  margin-right: 50px;
}

.mar_R100 {
  margin-right: 100px;
}

.w200 {
  width: 200px;
}

.img_r {
  float: right;
  padding: 0 0 0 3px;
}

.img_l {
  float: left;
  padding: 0 3px 0 0;
}

.cf:after {
  clear: both;
  content: " ";
  display: block;
  height: 0;
  font-size: 0;
  visibility: hidden;
}

.cl01 {
  clear: left;
  font-size: 0;
}

.cl02 {
  clear: both;
  font-size: 0;
}

/* 上メニュ
--------------------------------------------------------------*/
.topmenu {
  clear: both;
}
.topmenu ul {
  padding: 5px 0 10px 10px;
}
.topmenu li {
  padding-right: 5px;
  padding-bottom: 10px;
  display: block;
  float: left;
}

/*ナビ
--------------------------------------------------------------*/
#nav {
  border-top: 1px dotted #999999;
  margin-top: 0;
  margin-bottom: 20px;
}
#nav ul {
  list-style-type: none;
  margin: 0px;
  padding: 0;
  font-size: 80%;
  color: #333333;
  width: 200px;
}
#nav li {
  border-bottom: 1px dotted #999999;
  line-height: 200%;
  text-indent: 25px;
  background-image: url("../img/icon_a.gif");
  background-repeat: no-repeat;
  background-position: 4px 8px;
}
#nav a {
  background-color: #ffffff;
  display: block;
  background-image: url("../img/icon_a.gif");
  background-repeat: no-repeat;
  background-position: 4px 8px;
  text-decoration: none;
  color: #333333;
}
#nav a:hover {
  background-color: #FFEAC0;
  display: block;
  background-image: url("../img/icon_b.gif");
  background-repeat: no-repeat;
  background-position: 4px 8px;
  text-decoration: none;
  color: #993333;
}
#nav #current {
  text-decoration: none;
  color: #FFFFFF;
  display: block;
  float: left;
  padding: 2px 12px 3px 12px;
  background-color: #FF6699;
}

/*左サイドナビ
--------------------------------------------------------------*/
.letter1 {
  letter-spacing: -1px;
}

.letter2 {
  font-size: 0.9em;
}

/* ヘッダー・フッター
--------------------------------------------------------------*/
.header {
  font-size: 8pt;
  color: #666666;
  padding: 3px;
}

.footer {
  clear: both;
  background-image: url("../img/back_bottom.gif");
  background-repeat: no-repeat;
  background-position: top center;
  height: 20px;
  font-size: 70%;
  color: #333333;
  text-indent: 25px;
  line-height: 160%;
  text-align: left;
  margin: 0px auto;
  width: 800px;
}

.copy {
  text-align: center;
  font-size: 70%;
  color: #666666;
  margin-top: 10px;
}

.counter {
  text-align: right;
  width: 800px;
}

/*逕ｻ蜒上・繝医ャ繝励Ο繧ｴ髢｢騾｣
------------------------------------------------------*/
.logo {
  background-color: #FFFFFF;
}

.logo01 {
  float: left;
  padding-left: 5px;
}

.sp_banner {
  float: left;
  margin-top: 15px;
}

.logo02 {
  float: right;
  background-color: #FFFFFF;
  text-align: right;
  padding-right: 5px;
}
.logo02 p {
  font-size: 10pt;
  color: #333333;
  text-align: right;
  line-height: 120%;
  padding: 3px 3px 0 0;
}

.top {
  clear: both;
  text-align: center;
  padding: 0 0 15px 0;
}

.topmap {
  border: 1px solid #999999;
  padding: 3px 6px;
}
.topmap p {
  font-size: 80%;
  color: #333333;
  line-height: 140%;
}

/*
--------------------------------------------------------------*/
.unit {
  width: 800px;
  padding: 0;
  background-color: #ffffff;
  text-align: left;
  clear: left;
  height: auto;
  background-repeat: repeat-y;
  min-height: 1px;
  clear: both;
}
.unit:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

/*左サイド*/
.unit_l {
  width: 200px;
  float: left;
  background-color: #FFFFFF;
  padding-top: 10px;
  padding-left: 10px;
}

/*右サイド*/
.unit_r {
  float: right;
  background-color: #FFFFFF;
  padding: 0;
  text-align: left;
  width: 590px;
}

.title {
  margin: 10px 10px 5px 0;
  padding: 6px 10px 5px 5px;
  font-size: 90%;
  font-weight: bold;
  color: #333333;
  border: 3px solid #FFCC99;
}

/* 下層ページ共通　右
--------------------------------------------------------------*/
.local_r {
  margin: 0 0 0 30px;
  width: 560px;
  min-height: 1px;
  clear: both;
}
.local_r:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.local_r h1 {
  padding: 0 0 10px 0;
}
.local_r h2 {
  font-size: 100%;
  font-weight: bold;
  color: #333333;
  border-right: 2px solid #FFCC99;
  border-bottom: 1px solid #FFCC99;
  padding: 6px 10px 5px 5px;
  margin: 5px 10px 10px 0;
  background-color: #FBE4D4;
}
.local_r h3 {
  font-size: 80%;
  border-top: 1px solid #CCFFCC;
  border-right: 1px solid #66CC99;
  border-bottom: 1px solid #66CC99;
  color: #333333;
  padding: 5px 3px;
  margin: 10px 350px 10px 0;
}

/*診療時間表
------------------------------------------------------*/
.shinryo {
  padding: 0 0 10 30px;
}
.shinryo table {
  border-collapse: collapse;
  margin: 5px 0 10px 0;
  width: 400px;
}
.shinryo th {
  font-weight: normal;
  font-size: 85%;
  border: 1px solid #999999;
  border-collapse: collapse;
  color: #333333;
  font-size: 80%;
  width: 100px;
  background-color: #FFCC99;
}
.shinryo td {
  border: 1px solid #999999;
  border-collapse: collapse;
  color: #333333;
  font-size: 85%;
  text-align: center;
  padding: 7px;
}
.shinryo p {
  font-size: 80%;
  line-height: 140%;
  color: #ff0000;
}

.karitop {
  padding: 0 10px 0 0;
  margin-bottom: 20px;
}
.karitop ul {
  font-size: 85%;
  padding: 15px 0 0 0;
}
.karitop li {
  border-bottom: 1px dotted #999999;
  line-height: 200%;
  text-indent: 25px;
  background-image: url("../img/icon_a.gif");
  background-repeat: no-repeat;
  background-position: 4px 8px;
}
.karitop li a {
  background-color: #FFEAC0;
  display: block;
  background-image: url("../img/icon_b.gif");
  background-repeat: no-repeat;
  background-position: 4px 8px;
  text-decoration: none;
  font-weight: bold;
  color: #993333;
}
.karitop li a:hover {
  background-color: #99FF66;
  color: #336699;
  background-image: url("../img/icon_c.gif");
  background-repeat: no-repeat;
  background-position: 4px 8px;
}
.karitop p {
  font-size: 80%;
  color: #333333;
  padding: 3px;
  margin: 5px 10px 0px 0;
}

/* お知らせ
--------------------------------------------------*/
#news {
  clear: both;
  padding: 10px 5px 10px 30px;
}
#news dl {
  border: 1px solid #ccc;
  height: 300px;
  overflow: scroll;
  margin-top: 0.5em;
  padding: 5px;
}
#news dt {
  font-weight: bold;
  color: #ff883d;
  font-size: 0.9em;
}
#news dd {
  margin-left: 0;
  margin-top: -1.5em;
  margin-bottom: 1em;
  padding-left: 7.5em;
  border-bottom: 1px dotted #ffb15d;
  font-size: 0.9em;
}

/*院長紹介*/
.prof {
  padding: 0 10px;
  width: 320px;
}
.prof dl {
  margin-left: 10px;
}
.prof dt {
  float: left;
  clear: left;
  width: 110px;
  padding: 5px 0.5em;
  font-size: 80%;
  color: #333333;
  text-align: left;
  line-height: 150%;
}
.prof dd {
  margin-left: 0;
  padding: 5px 0.5em 5px 20px;
  border-bottom: dotted 1px #999999;
  font-size: 80%;
  line-height: 150%;
  color: #333333;
  text-align: left;
}

.dname {
  margin: 0 300px 10px 0;
  padding: 10px 0 3px 5px;
  font-size: 95%;
  font-weight: bold;
  color: #333333;
  border-bottom: 1px dotted #666666;
}

.dname03 {
  margin: 5px 0 10px 0;
}
.dname03 p {
  margin: 0 0 5px 20px;
  padding: 10px 0 3px 3px;
  border-bottom: 1px dotted #999999;
  font-size: 80%;
  color: #333333;
  width: 300px;
}

.title_p {
  clear: left;
  padding: 4px 10px;
  margin: 0 330px 0 0;
  border-bottom: 2px solid #CCCCFF;
  font-size: 85%;
}

/* 当クリニック選ばれる理由 */
#point h3 {
  width: 95% !important;
}
#point p {
  margin-bottom: 30px;
}

/*院内・設備紹介
------------------------------------------------------*/
#lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 100;
  text-align: center;
  line-height: 0;
}
#lightbox img {
  width: auto;
  height: auto;
}
#lightbox a img {
  border: none;
}

#outerImageContainer {
  position: relative;
  background-color: #fff;
  width: 250px;
  height: 250px;
  margin: 0 auto;
}

#imageContainer {
  padding: 10px;
}

#imageContainer > #hoverNav {
  left: 0;
}

#hoverNav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}
#hoverNav a {
  outline: none;
}

#loading {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

#prevLink, #nextLink {
  width: 49%;
  height: 100%;
  background-image: url(data:image/gif;base64,AAAA);
  /* Trick IE into showing hover */
  display: block;
}

#prevLink {
  left: 0;
  float: left;
}
#prevLink:hover, #prevLink:visited:hover {
  background: url(../images/prevlabel.gif) left 15% no-repeat;
}

#nextLink {
  right: 0;
  float: right;
}
#nextLink:hover, #nextLink:visited:hover {
  background: url(../images/nextlabel.gif) right 15% no-repeat;
}

#imageDataContainer {
  margin: 0 auto;
  font: 10px Verdana, Helvetica, sans-serif;
  background-color: #fff;
  line-height: 1.4em;
  overflow: auto;
  width: 100%;
}

#imageData {
  padding: 0 10px;
  color: #666;
}
#imageData #imageDetails {
  width: 70%;
  float: left;
  text-align: left;
}
#imageData #caption {
  font-weight: bold;
}
#imageData #numberDisplay {
  display: block;
  clear: left;
  padding-bottom: 1.0em;
}
#imageData #bottomNavClose {
  width: 66px;
  float: right;
  padding-bottom: 0.7em;
  outline: none;
}

#overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  width: 100%;
  height: 500px;
  background-color: #000;
}

/*取り組み*/
.topban {
  padding: 10px 0 10px 30px;
  clear: both;
  min-height: 1px;
  clear: both;
}
.topban:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.topban h2 {
  padding-bottom: 5px;
}

.topb_l {
  float: left;
  padding-right: 20px;
}

/*セラピードッグ*/
.dog_photo {
  font-size: 0.9em;
  margin-bottom: 2em;
  margin-right: 30px;
  text-align: center;
}

/* Scss Document */
/* 予約について
--------------------------------------------------------------*/
.restel {
  font-size: 20pt;
  text-align: center;
  border: 1px solid #FF6633;
  color: #FF6633;
  margin: 10px 100px;
  padding: 10px 0;
}

/* slidenav Scss */
/*############################################################################################33*/
/* スライドメニュー指定 */
/*############################################################################################*/
@media only screen and (max-width: 560px) {
  #slide-menu {
    display: -webkit-box;
    display: flex;
    flex-direction: column;
    position: fixed;
    z-index: 20 !important;
    top: 0;
    right: -100%;
    bottom: 0;
    width: 100%;
    max-width: 85%;
    height: 100%;
    padding-top: 50px;
    overflow-y: scroll;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    background: #00b7ee;
    opacity: 0.1;
  }
  .menu-active #slide-menu {
    right: 0px;
    opacity: 1;
    box-shadow: 0 0 10px #00b7ee;
  }
  #slide-menu #globalNav {
    width: 100%;
    margin: 0 !important;
    order: 1;
    z-index: 30 !important;
  }

  #wrapper {
    position: relative;
    right: 0;
  }

  .menu-trigger {
    position: fixed;
    z-index: 21;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    background: #fff;
    cursor: pointer;
    border-radius: 50%;
    border: 2px solid #00b7ee;
    -webkit-transition: all 300ms;
    transition: all 300ms;
  }
  .menu-trigger:before {
    display: inline-block;
    content: '\f0c9';
    width: 36px;
    height: 36px;
    color: #00b7ee;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 1.2em;
    text-align: center;
    line-height: 36px;
  }
  .menu-active .menu-trigger:before {
    content: '×';
    font-family: Arial, Helvetica, "sans-serif";
  }
}
/* print Scss */
/*############################################################################################33*/
/* 印刷向けレイアウトの指定 */
/*############################################################################################*/
@media only print {
  html, body, div, span, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  abbr, address, cite, code,
  del, dfn, em, img, ins, kbd, q, samp,
  small, strong, sub, sup, var,
  b, i,
  dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend,
  table, caption, tbody, tfoot, thead, tr, th, td,
  article, aside, canvas, details, figcaption, figure,
  footer, header, hgroup, menu, nav, section, summary,
  time, mark, audio, video {
    font-size: 97%;
  }

  .fixed {
    position: relative;
    top: auto;
    z-index: auto;
  }

  .sameHeightPc {
    display: block;
  }

  .dispSp,
  .slider,
  #ptBtn,
  .low footer {
    display: none !important;
    float: none !important;
  }

  header:after {
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
  }

  .home #container {
    margin: 200px auto 0 auto;
    padding: 25px 0 0 0;
  }
  .home #forPatient {
    float: left;
    width: 65%;
    margin-right: 0;
  }
  .home #forMedical {
    float: right;
    width: 30%;
  }
  .home #forRegion li {
    display: block;
    float: left;
    height: 70px;
  }
  .home #forRegion li:nth-of-type(even) {
    float: right;
  }

  #bread {
    font-size: 10px;
    margin: 15px 0;
  }

  .home #hdImage {
    height: 300px !important;
  }

  .pBreak,
  .home footer {
    page-break-before: always;
  }

  .pBreakAf {
    page-break-after: always !important;
  }
}