@charset "utf-8";


/*項目分けは下記*/

/*================================================
　特大項目
============================================== */

/*------------------------------
　大項目
----------------------------- */

/*----- 中項目 -----*/

/* 小項目 */




/*=======================================
　全体設定
====================================== */

/*------------------------------
　フォントサイズ
------------------------------ */

/*ルートのフォントのサイズ*/
html {
  font-size: 10px;
}

/*全体のフォントのサイズ*/
body {
  color: #302d2f;
  font-size: 1.4rem;
  line-height: 1.6;
}


@media screen and (max-width: 680px) {
  html {
    font-size: 9px;
  }

  div {
    box-sizing: border-box;
  }
}


/*------------------------------
　表示の切り替えでまとめて隠すもの・表示するもの
------------------------------ */

/*----- PCサイズのとき悲表示 -----*/
.pc_hide {
  display: none!important;
}


/*----- スマートフォンサイズのとき悲表示 -----*/
@media screen and (max-width: 680px) {
  .pc_hide {
    display: block!important;
  }

  .sm_hide {
    display: none!important;
  }
}

/*------------------------------
　float解除（micro clearfix）
全体に使いまわすものはまとめて解除
他は基本的にはoverflow:hidden;を使用。
------------------------------ */
.innerWidth_box:before,
.innerWidth_box:after,
.main:before,
.main:after,
.contents:before,
.contents:after,
.paragraph:before,
.paragraph:after {
  display: table;
  content: "";
}

.innerWidth_box:after,
.main:after,
.contents:after,
.paragraph:after {
  clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.innerWidth_box,
.main,
.contents,
.paragraph {
  zoom: 1;
}

/*高さ*/
.subPage .main {
  min-height: 1020px;
}

@media screen and (max-width: 680px) {
  /*高さ*/
  .subPage .main {
    min-height: 0;
  }
}


/*------------------------------
　サイト幅
------------------------------ */

/*----- 幅1020px -----*/
body {
  overflow: auto;
  position: relative;
  min-width: 1050px; /*ページ幅に合わせて変更*/
  background: #fffcf1;
  font-family: Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
  zoom: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.innerWidth_box {
  width: 1020px; /*ページ幅に合わせて変更*/
  margin: 0 auto;
}


@media screen and (max-width: 680px) {
  body {
    min-width: 0;
  }

  .innerWidth_box {
    overflow: hidden;
    width: 92.5%;
    margin: 0 auto;
  }
}

/*------------------------------
　テキストリンク・バナーリンク
------------------------------ */
a,
a:visited {
  color: #666;
  text-decoration: underline;
}

a:hover,
a:active {
  color: #ccc;
  text-decoration: none;
}

/*----- rollover画像がないものに限り -----*/
.opa:hover {
  opacity: .8;
}


/*------------------------------
　見出し
------------------------------ */

/*メタタグh1*/
.h1_wrap {
  border-top: 6px solid #e3b369;
  background: #e3f4fe;
}

h1 {
  clear: both;
  font-size: 1.2rem;
  font-weight: 100;
  line-height: 16px;
}

h3 {
  clear: both;
  height: 45px;
  margin-bottom: 10px;
  padding: 5px 0 0 60px;
  background: url(../images/h3_bg.png) no-repeat;
  color: #664017;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 45px;
}

h4 {
  margin-bottom: 10px;
  padding: 5px 10px;
  background: #dd8771;
  color: #fff;
  font-size: 1.6rem;
  line-height: 1.2;
}

h5 {
  margin-bottom: 10px;
  padding: 5px 10px;
  background: #e5b365;
  color: #fff;
  font-size: 1.6rem;
  line-height: 1.2;
}

h6 {
  margin-bottom: 10px;
  padding: 5px 10px;
  background: #d1c0a5;
  color: #66421d;
  font-size: 1.6rem;
  line-height: 1.2;
}


@media screen and (max-width: 680px) {
  .h1_wrap {
    height: auto;
  }


  h3 {
    height: auto;
    padding: 7px 5px 7px 35px;
    border: 2px solid #fff;
    border-radius: 8px;
    background: url(../images/h3_icon.png) no-repeat left top,#94c5e1;
    color: #664017;
    font-weight: 700;
    line-height: 1.2;
  }
}

h3.none_style {
  height: auto;
  margin-bottom: 10px;
  padding: 0;
  background: none;
  text-align: center;
  line-height: auto;
}

h3.img {
  width: 100%;
}



/*------------------------------
　画像位置・装飾
------------------------------ */

/*----- 右寄せ・左寄せ・中央寄せ・装飾用のフレーム -----*/
.img_left {
  float: left;
  margin: 0  20px 0 0;
}

.img_right {
  float: right;
  margin: 0 0 0 20px;
}

.img_center {
  margin: 0 auto 20px;
  text-align: center;
}

.img_center img {
  display: inline-block;
}

img.img_frame {
  padding: 2px;
  border: 1px solid #eee;
  border-radius: 4px;
  background: #fff;
}


@media screen and (max-width: 680px) {
  img.fluid-image {
    max-width: 100%;
    width: auto;
  }

  img {
    max-width: 100%;
  }

  /* パラグラフの中で画像並べた場合 */
  .img_two {
    text-align: center;
  }

  .img_two img {
    width: 45%;
  }


  /* 右寄せ・左寄せの画像を中央寄せに */
  .img_left,
  .img_right {
    float: none;
    margin: 0;
  }

  .img_left img,
  .img_right img,
  .img_center img {
    display: block;
    max-width: 100%;
    width: auto;
    margin: 0 auto;
  }

  .img_left,
  .img_right,
  .img_center {
    margin-bottom: 1em;
  }
}


/*----- 2列に同じ大きさの画像を並べる -----*/
ul.ulst_two_rows {
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
}

ul.ulst_two_rows li {
  margin: 0 0 10px;
}

ul.ulst_two_rows > li,
ul.ulst_two_rows a {
  display: inline-block;
  height: 100%;
  font-size: 0;
}

ul.ulst_two_rows > li:nth-child(odd) {
  float: left;
}

ul.ulst_two_rows > li:nth-child(even) {
  float: right;
}


@media screen and (max-width: 680px) {
  ul.ulst_two_rows > li {
    display: block;
    max-width: 100%;
    width: auto;
    margin: 0 auto 1em;
    text-align: center;
  }

  ul.ulst_two_rows > li:nth-child(odd),
  ul.ulst_two_rows > li:nth-child(even),
  .main ul.ulst_two_rows.li_txt > li:nth-child(1n+2),
  .main ul.ulst_two_rows.li_txt > li:nth-child(2n+2) {
    float: none;
    margin-bottom: 20px;
  }

  ul.ulst_two_rows > li:last-child {
    margin-bottom: 0;
  }
}


/*------------------------------
　テキスト設定・装飾
------------------------------ */

/*----- pタグごとに1行空ける -----*/
.paragraph p {
  margin: 0 0 1em;
}

.paragraph p:last-child {
  margin-bottom: 0;
}


/*----- テキスト装飾 -----*/
.txt_atn {
  color: #f00;
}

.txt_pointA {
  color: #eb6da5;
}

.txt_bold {
  font-weight: 700;
}

.txt_center {
  text-align: center;
}

.txt_right {
  text-align: right;
}

.txt_small {
  font-size: 1.3rem;
}

.txt_middle {
  font-size: 1.7rem;
}

.txt_large {
  font-size: 2.5rem;
}





/*------------------------------
　基本テーブル
------------------------------ */

/*----- 通常のテーブル -----*/
.tbl + p,
p + .tbl {
  margin-top: 30px;
}

.tbl {
  width: 100%;
}

.tbl th,
.tbl td {
  padding: 10px;
  border: 1px solid #dcdcdc;
  font-weight: 100;
}

.tbl th {
  padding: 10px;
  border: 1px solid #ebebeb;
  font-size: 90%;
  text-align: center;
  line-height: 110%;
  letter-spacing: .05em;
}

.tbl thead th {
  padding: 7px 2px;
  background: #ebe4da;
  font-weight: 100;
}

.tbl tbody td {
  background-color: #fff;
  padding: 10px;
}

.tbl tbody td.head {
  color: #6a4a31;
}

.tbl tbody th.head {
  background: #e8c8c0;
  text-align: left;
}

/*----- 枠線なしのシンプルなテーブル（主にレイアウト用） -----*/
.tbl_simple {
  border: none;
}

.tbl_simple th {
  font-weight: 100;
  text-align: left;
}


/*------------------------------
　半分に振り分けるレイアウト用のボックス
------------------------------ */
.layout_box_half {
  width: 49%;
}

.layout_box_half.fl_l {
  float: left;
}

.layout_box_half.fl_r {
  float: right;
}


@media screen and (max-width: 680px) {
  .layout_box_half {
    width: 100%;
  }

  .layout_box_half.fl_l,
  .layout_box_half.fl_r {
    float: none;
  }
}


/*------------------------------
　ボタン
------------------------------ */
.btnA a {
  display: inline-block;
  padding: 3px 5px;
  border: 1px solid #ce9682;
  border-radius: 4px;
  background: #d38774;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  text-align: center;
}

.btnA a:hover {
  opacity: .8;
}



/*------------------------------
　リスト
------------------------------ */

/*----- リスト前後の文章との間隔 -----*/
.ulst + p,
p + .ulst,
.olst + p,
p + .olst,
.olst2 + p,
p + .olst2,
.dlst + p,
p + .dlst {
  margin-top: 25px;
}

/*----- 順不同リスト -----*/
ul.ulst {
  margin: 0 0 0 19px;
}

ul.ulst > li {
  margin: 0 0 15px;
  text-indent: -19px;
  line-height: 1.2;
}

ul.ulst > li:before {
  color: #756750;
  content: "● ";
}

ul.ulst > li:last-child {
  margin-bottom: 0;
}



/*----- 順不同リスト（半分） -----*/
ul.ulst_half {
  width: 45%;
  margin: 0 0 0 19px;
}

.ulst_half:nth-child(odd) {
  float: left;
}

.ulst_half:nth-child(even) {
  float: right;
}

ul.ulst_half > li {
  margin: 0 0 15px;
  text-indent: -19px;
  line-height: 1.2;
}

ul.ulst_half > li:before {
  color: #756750;
  content: "● ";
}

ul.ulst_half > li:last-child {
  margin-bottom: 0;
}


@media screen and (max-width: 680px) {
  .ulst_half:nth-child(odd),
  .ulst_half:nth-child(even) {
    float: none;
  }

  .ulst_half:nth-child(odd) {
    margin-bottom: 15px;
  }
}




/*----- 序列リスト -----*/
ol.olst > li {
  list-style-type: decimal;
  margin: 0 0 15px 25px;
  line-height: 1.2;
}

ol.olst > li.such_as:before {
  list-style-type: none;
  content: none;
}

ol.olst2 > li {
  list-style-type: upper-roman;
  margin: 0 0 15px 25px;
  line-height: 1.2;
}

ol.olst2 > li.such_as:before {
  list-style-type: none;
  content: none;
}


/*----- 定義リスト -----*/
dl.dlst > dt {
  color: #999;
  font-weight: 700;
  letter-spacing: .1em;
}

dl.dlst > dt:before {
  color: #b2b0d6;
  content: "● ";
}

dl.dlst > dd {
  margin: 0 0 10px;
  padding: 0 0 0 1.5em;
}

dl.dlst > dd:last-child {
  margin: 0;
}


/*----- 間に▼などを挟んだフローなどに使用するリスト -----*/
dl.dlst_arrow > dt {
  padding: 5px 15px;
  border: 1px solid #f0a228;
  border-top: none;
  background: #f0a228;
  color: #fff;
  font-weight: 700;
}

dl.dlst_arrow > dd {
  padding: 10px;
  border: 1px solid #f0a228;
}

dl.dlst_arrow > dd.arrow {
  border: none;
  color: #999;
  text-align: center;
}


/*----- 注意書き・注釈リスト -----*/
ul.ulst_atn,
ul.ulst_notice {
  margin: 0 0 0 19px;
}

ul.ulst_atn > li,
ul.ulst_notice > li {
  margin: 0 0 1em;
  text-indent: -19px;
}

ul.ulst_atn > li:before {
  color: #f00;
  font-weight: 700;
  content: "※ ";
}

ul.ulst_notice > li:before {
  color: #f00;
  font-weight: 700;
  content: "＊ ";
}


/*------------------------------
　ヘッダ
------------------------------ */
.header {
  background: transparent;
}

.header_top {
  position: relative;
  height: 154px;
  margin-bottom: 35px;
  background: #e3f4fe;
}

.header_logo {
  position: absolute;
  z-index: 100;
  bottom: -100px;
}

.details_box {
  float: right;
  margin-top: 45px;
}

.header_tel {
  color: #444;
  vertical-align: middle;
  line-height: 2.2rem;
}

.header_tel span {
  font-size: 2.2rem;
}

.header_web {
  display: none;
}

.header_access {
  color: #444;
  font-size: 1.5rem;
  text-align: center;
}

.header_access br {
  display: none;
}

@media screen and (max-width: 680px) {
  .header_top {
    height: auto;
    padding: 0 0 20px;
  }

  .header_logo {
    position: static;
  }

  .header_web {
    display: block;
    margin: 5% auto 0;
  }

  .header_web img {
    width: 100%;
  }

  .details_box {
    float: none;
    margin-top: 20px;
    text-align: center;
  }

  .header_access {
    display: none;
  }
}

/*------------------------------
　グローバルナビ
------------------------------ */

.gNav_wrap {
  background: transparent;
}

ul.gNav {
  width: 100%;
  margin: 0 auto;
  background: url(../images/gNav_bg.png) no-repeat 0 0;
  font-size: 0;
  text-align: center;
}

ul.gNav > li {
  display: inline-block;
  margin-right: 1px;
}

ul.gNav > li > a {
  display: inline-block;
  border: 4px solid #fff;
  border-radius: 4px;
  background: #ffe2da;
}

ul.gNav > li > a:hover {
  background: #e4f4fe;
}

@media screen and (max-width: 680px) {
  ul.gNav > li {
    float: left;
    width: 32%;
    margin: 0 2% 2% 0;
  }

  ul.gNav > li:nth-child(3n) {
    margin-right: 0;
  }

  ul.gNav > li img {
    width: 100%;
  }
}


/*------------------------------
　メインコンテンツ設定・配置
------------------------------ */
.wrap {
  padding: 35px 0 20px;
  background: transparent;
}

.main {
  float: right;
  width: 689px;
}

.contents {
  margin-bottom: 60px;
  padding: 0;
  background: transparent;
}

.paragraph {
  padding-bottom: 45px;
}

.paragraph:last-child {
  padding-bottom: 0;
}



@media screen and (max-width: 680px) {
  .wrap {
    padding: 10px 0 20px;
  }

  .main {
    float: none;
    width: 100%;
  }

  .contents {
    margin: 0 auto 50px;
  }
}



/*------------------------------
　サブメニュー
------------------------------ */
.sub {
  float: left;
  width: 310px;
  margin: 0 0 20px;
}

.sub_title {
  margin-bottom: 20px;
}

.subNav > li {
  padding: 10px 5px 10px;
  border-bottom: 1px dotted #603b1c;
  font-size: 1.6rem;
}

.subNav > li:last-child {
  margin: 0;
}

.subNav a {
  display: block;
  padding: 5px 0 5px 30px;
  background: url(../images/subNav_icon.png) no-repeat 3px center;
  color: #3c1c09;
  text-decoration: none;
}

.subNav a:hover {
  background: url(../images/subNav_icon.png) no-repeat 3px center, #ffe2da;
}

.subNav_web {
  margin: 0 0 20px;
}

.subNav_web img {
  width: 310px;
}

.s_sub_title {
  display: none;
}

.subNav_bn {
  margin-top: 33px;
  text-align: center;
}

.subNav_bn li:first-child {display:none;}

.subNav_bn > li {
  margin: 0 0 10px;
}

.subNav_bn img {
  width: 310px;
}


@media screen and (max-width: 680px) {
  .sub {
    float: none;
    width: 100%;
    margin-bottom: 40px;
  }

  .subNav_web img {
    width: 100%;
  }


  .sub_title {
    display: none;
  }

  .s_sub_title {
    display: block;
    margin-bottom: 5px;
    padding-left: 50px;
    border-radius: 0;
    background: url(../images/s_sub_title_icon.png) no-repeat 10px center,#0a70ba;
    color: #fff;
    font-size: 1.6rem;
    text-align: left;
    vertical-align: top;
    line-height: 3em;
  }
  
  .subNav_bn li:first-child {display:block;}  

  .subNav > li {
    line-height: 3rem;
  }
  
  .subNav > li > a > span:before,
  .subNav > li > span:before {
    color: #8f0052;
    content: "■ ";
  }

  .subNav a {
    color: #4b4948;
    text-decoration: none;
  }

  .subNav_bn img {
    width: 100%;
  }
}


/*------------------------------
　フッタ
------------------------------ */
.footer {
  background: transparent;
}

.footer_top {
  padding: 20px 0 20px;
  background: #f2e9d8;
}

.pageTop {
  position: fixed;
  right: 30px;
  bottom: 100px;
  width: 73px;
  height: 73px;
}

.pageTop a {
  display: block;
  width: 100%;
  height: 100%;
}

.footerNav {
  clear: both;
  color: #857762;
  font-size: 0;
  text-align: center;
}

.footerNav + .footerNav {
  margin-top: 10px;
}

.footerNav > li {
  display: inline-block;
  padding: 0 15px;
  border-right: 1px solid #41210f;
  font-size: 1.3rem;
  line-height: 1.2;
}

.footerNav > li:last-child {
  border-right: none;
}


.footerNav > li > a {
  color: #41210f;
  text-decoration: none;
}

.footerNav > li > a:hover {
  color: #a47c5c;
}

.copyright {
  background: #e7be7e;
}

.copyright p {
  color: #fff;
  font-size: 1.6rem;
  text-align: center;
  line-height: 1.6;
}

.copyright a {
  color: #fff;
  text-decoration: none;
}


@media screen and (max-width: 680px) {
  .footer_top {
    display: none;
  }

  .pageTop {
    position: fixed;
    right: 2%;
    bottom: 3em;
    width: 50px;
    height: 50px;
  }
}




/*------------------------------
　googleMap
------------------------------ */

/*----- iframe埋め込み版（普通の埋め込み） -----*/
.mapcanvas {
  overflow: hidden;
  position: relative;
  height: 0;
  padding-bottom: 300px; /*※マップの高さ*/
  border: 1px solid #ccc;
  border-radius: 8px;
  background: #ececec; /*※読み込みまでの間の背景色*/
}

.mapcanvas iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.mapcanvas:hover {
  cursor: pointer;
}


/*------------------------------
　医院概要
------------------------------ */

.about_detail {
  float: left;
  width: 390px;
}

.tbl.time + p {
  margin-top: 10px;
  color: #957745;
  font-size: 1.4rem;
  line-height: 1.3;
}
.tbl.time + ul {
  margin-top: 10px;
  color: #957745;
  font-size: 1.4rem;
  line-height: 1.3;
}
.tbl.time + ul li {
  padding-left: 1em;
  text-indent: -1em;
}

.about_map {
  float: right;
  width: 270px;
}

.about_map p {
  margin-top: 10px;
  font-size: 1.4rem;
}

.about_map a {
  color: #545454;
  text-decoration: none;
}

.about_map a:hover {
  color: #999;
}


.about .mapcanvas {
  padding-bottom: 390px;
}


@media screen and (max-width: 680px) {
  .about_detail,
  .about_open,
  .about_map {
    float: none;
    width: 100%;
    margin: 0;
    margin-bottom: 20px;
  }

  .about_map {
    margin-bottom: 0;
  }

  .about_map_btn {
    text-align: center;
  }
}

/*------------------------------
　キービジュアル・ページタイトル
------------------------------ */

.keyVisual {
  margin-bottom: 25px;;
}



/*=======================================
　各ページ
====================================== */

/*------------------------------
　トップページ（bodyに「.index」）
------------------------------ */

.index .keyVisual {
  position: relative;
}

.index .slider_cover {
  position: absolute;
  z-index: 50;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0 auto;
}

.sm_slider {
  display: none;
}

@media screen and (max-width: 1050px) {
  .wideslider {
    display: none;
  }

  .sm_slider {
    display: block;
  }
  .index .keyVisual .slider_cover {
    width: 100%;
  }

  .index .slider_cover img {
    display: block;
    width: 100%;
  }
}



/*----- お知らせ -----*/

dl.dlst_info dt {
  margin-bottom: 15px;
  border-left: 10px solid #dd8672;
  background: #f9efcc;
  font-size: 1.5rem;
  font-weight: 100;
  text-indent: 1rem;
}

dl.dlst_info dd {
  margin: 0 0 20px;
}


/*----- ごあいさつ -----*/
.index .greeting_box {
  padding: 20px 10px;
  background: #fcf6de;
}


/*----- トピックス -----*/
.ulst_topics {
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
}

.ulst_topics > li img {
  width: 220px;
  border: 2px solid #fff;
  border-radius: 4px;
  background: #faf3d7;
}

.ulst_topics > li,
.ulst_topics a {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 0;
  line-height: 1;
}

.ulst_topics li:last-child {
  margin-right: 0;
}


@media screen and (max-width: 680px) {
  dl.dlst_info {
    overflow-y: auto;
    height: auto;
  }

  .ulst_topics > li {
    float: left;
    width: 49%;
    margin: 0;
  }

  .ulst_topics > li:nth-child(even) {
    float: right;
  }

  .ulst_topics > li img {
    width: 100%;
  }
}


/*----- 医院概要テーブル -----*/

.tbl_about {
  width: 100%;
  margin-bottom: 30px;
}

.tbl_about th {
  width: 85px;
  padding: 5px 0;
  vertical-align: bottom;
}

.tbl_about td {
  padding: 10px 5px;
  border-bottom: 1px dotted #3c1c09;
  vertical-align: middle;
  line-height: 1.2;
}

.tbl_about .large {
  font-size: 1.8rem;
}

.tbl_about .small {
  font-size: 1.4rem;
}


@media screen and (max-width: 680px) {
  .ulst_topics > li {
    display: block;
    margin-bottom: 10px;
    text-align: center;
  }

  .ulst_topics > li:last-child {
    margin-bottom: 0;
  }
}




/*=======================================
　下層ページ（bodyに「.subPage」）
====================================== */

/*------------------------------
　下層ページ共通
------------------------------ */

.subPage .keyVisual .innerWidth_box {
  position: relative;
  height: 150px;
  background: url(../images/title_subPage.png) no-repeat 0 0;
}

.subPage .keyVisual h2 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1em;
  margin: auto;
  /* for modan browser */
  text-shadow: 0 3px 1px #fff,0 2px 1px #fff,1px 2px 1px #fff,2px 2px 1px #fff,2px 1px 1px #fff,2px 0 1px #fff,3px 0 1px #fff,2px -1px 1px #fff,2px -2px 1px #fff,2px -3px 1px #fff,1px -3px 1px #fff,0 -3px 1px #fff,-1px -3px 1px #fff,-2px -3px 1px #fff,-3px -3px 1px #fff,-3px -2px 1px #fff,-3px -1px 1px #fff,-3px 0 1px #fff,-3px 1px 1px #fff,-3px 2px 1px #fff,-2px 2px 1px #fff,-1px 2px 1px #fff;
  color: #603c1c;
  font-size: 2rem;
  text-align: center;
  line-height: 1;
  /* for IE */

  filter: dropshadow(color=#fff,offx=0,offy=3,positive=1),dropshadow(color=#fff,offx=2,offy=1,positive=1),dropshadow(color=#fff,offx=2,offy=-1,positive=1),dropshadow(color=#fff,offx=1,offy=-3,positive=1),dropshadow(color=#fff,offx=-2,offy=-3,positive=1),dropshadow(color=#fff,offx=-3,offy=-2,positive=1),dropshadow(color=#fff,offx=-3,offy=1,positive=1),dropshadow(color=#fff,offx=-1,offy=2,positive=1);
}

@media screen and (max-width: 680px) {
  .subPage .keyVisual .innerWidth_box {
    position: relative;
    height: auto;
    background: none;
  }
}

/*------------------------------
　アクセス・診療時間
------------------------------ */
.access .mapcanvas {
  padding-bottom: 350px;
  border-radius: 8px;
}


.tbl.time th,
.tbl.time td {
  padding: 5px 0;
  vertical-align: middle;
}

.tbl.time td img {
  max-width: 100%;
}


/*------------------------------
　小児腎臓病科・小児泌尿器科
------------------------------ */

.ulst.ulst_icon {
  float: left;
  margin-left: 50px;
}


@media screen and (max-width: 680px) {
  .ulst.ulst_icon {
    float: none;
    margin-left: 19px;
  }
}


/*------------------------------
　予防接種ページ
------------------------------ */
.deco_box {
  padding: 20px;
  border: 1px solid #eee;
  border-radius: 8px;
  background: #ffffd6;
}

.tbl_download th {
  padding-right: 50px;
  font-weight: 700;
}

.tbl_download th:before {
  color: #756750;
  content: "● ";
}

.tbl_download td {
  padding-bottom: 5%;
}

.tbl_download tr:last-child td {
  padding-bottom: 0;
}

@media screen and (max-width: 680px) {
  .tbl_download th {
    display: block;
    width: 100%;
    padding: 0;
  }

  .tbl_download td {
    display: block;
    padding-left: 1.5rem;
  }
}


/*------------------------------
　小児かかりつけ診療
------------------------------ */

.primary_care .olst2 {
	margin-bottom: 2em;
}
.primary_care .olst2 li {
	line-height: 1.6;
}