@charset "utf-8";

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

   共通部分

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

/* -----------------------------------------------------------
　構造
----------------------------------------------------------- */
body {
   min-width: 0;
   width: 100%;
   margin: 0 auto;
   background: #fff;
   font-family: Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;

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

header:after,
nav:after,
main:after,
footer:after,
section:after,
article:after,
article:after {
   display: block;
   clear: both;
   content: "";
}

/*----- SP幅を設定 -----*/
.innerWidth_box {
   width: 100%;
}

.main {
   float: none;
   width: 96%;
   margin: 0 2%;
}

.contents {
   margin-bottom: 30px;
}


.paragraph {
    padding-bottom: 20px;
}


/* -----------------------------------------------------------
　段落
----------------------------------------------------------- */
p:after {
   display: block;
   clear: both;
   content: "";
}

/* -----------------------------------------------------------
　見出し
----------------------------------------------------------- */
h1:after,
h2:after,
h3:after,
h4:after,
h5:after,
h6:after {
   display: block;
   clear: both;
   content: "";
}

/* -----------------------------------------------------------
　ヘッダ
----------------------------------------------------------- */

header {
   background: transparent;
   text-align: center;
}

header h1 {
   margin: 0;
   padding: 1px;
   background-color: #EB6DA5;
   color: #fff;
   font-size: 10px;
   font-weight: normal;
   text-align: center;
}

/*----- メインナビ----- */

nav {
   width: 100%;
   padding: 10px 0;
   background:transparent;
   text-align: center;
}

nav ul#main_nav li {
   width: 100%;
   height: 40px;
   margin: 0 auto;
   border-bottom: 1px dotted #fff;
   background-color: #F098BE;
}

nav ul#main_nav li a {
   display: block;
   width: 100%;
   height: 40px;
   font-size: 14px;
   font-weight: bold;
   text-decoration: none;
   text-align: center;
   line-height: 40px;
}
nav ul#main_nav li a:link,
nav ul#main_nav li a:visited,
nav ul#main_nav li a:hover,
nav ul#main_nav li a:active {
   color: #fff;
}


/* -----------------------------------------------------------
  フッタ
----------------------------------------------------------- */
footer {
   margin-bottom: 0;
}

footer .copyright {
   height: auto;
   margin: 0;
   padding: 5px;
   background-color: #EB6DA5;
   color: #fff;
   font-size: 10px;
   font-weight: normal;
   text-align: center;
}


/* ----- TEL、PC版ボタン ----- */

.btn_tel img {
   display: block;
   box-sizing: border-box;
   margin: 0 auto 15px;
}

.btn_pc img {
   display: block;
   margin: 0 auto 15px;
}


/* ----- ページトップ ----- */
.page_top {
   background: none;
   max-width: 640px;
   margin: 0 auto;
   font-size: 14px;
   font-weight: bold;
   text-align: right;
}

.page_top a {
   color: #fb9700;
}


/* -----------------------------------------------------------
  GoogleMap
----------------------------------------------------------- */

#mapCanvas {
   width: 95%;
   height: 250px;
   margin: 0 auto;
   border: 1px solid #ccc;
   text-align: center;
}

p.map_link {
   width: 95%;
   margin-top: 5px;
   text-align: right;
}

p.map_link a {
   color: #2369af;
}

/* -----------------------------------------------------------
  ギャラリー
----------------------------------------------------------- */

  .clinic .ulst_two_rows > li {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto 1em;
    text-align: center;
  }

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

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

  .clinic .ulst_two_rows > li img {
   width: 100%;
    max-width: 100%;
  }

  .clinic .ulst_two_rows > li p {
   text-align: left;
  }

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

   コンテンツ

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

/* -----------------------------------------------------------
　共通
----------------------------------------------------------- */

/*----- 画像 -----*/
img.fluid-image {
   max-width: 100%;
}

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

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

/*----- テーブル -----*/
.tbl td {
   word-break: keep-all;
}

/* -----------------------------------------------------------
　トップページ
----------------------------------------------------------- */
.keyVisual {
   padding: 10px 0;
}

.keyVisual h2 {
   text-align: center;
}

dl.dlst_info {
   overflow: visible;
   height: auto;
   border: 1px solid #ccc;
   padding:10px;
}

.dlst_info dd:last-child {
   margin-bottom: 0;
}

/*----- キービジュアル画像切替----- */
.change_img {
   width: 100%;
   margin-top: 10px; /*.keyVisualと同じだけのmarginを入れる*/
   text-align: center;
}


/*----- トピックス----- */

.topics > li:nth-child(2n+1),
.topics > li:nth-child(2n) {
   float: none;
}

.topics > li,
.topics > li > a,
.topics > li > a > img {
   max-width: 100%;
   height: auto;
}

.topics > li {
   margin: 0 auto 1em;
}


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

/*----- ページタイトル----- */
.subPage .keyVisual .box {
   position: relative;
   max-width: 640px;
   margin: 0 auto;
}

.subPage .keyVisual img {
   max-width: 100%;
}

.subPage .keyVisual h2 {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   width: 90%;
   height: 1em;
   margin: auto;
   font-size: 20px;
   font-weight: 100;
   text-align: center;
   line-height: 24px;
}


.cal-supplement {
	margin: 0 0 10px;
	text-align: left;
	font-size: 102%;
}

.cal-supplement span {
	color: #b57a1e;
}

.monthlynotes {
	font-size: 100%;
}