@charset "utf-8";

.red { color:#F00 !important;}
/* module ----------------------------------------- */

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  -webkit-tap-highlight-color: transparent;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 16px;
}

body {
 color: #3f2100;
 line-height: 1.6;
 background: url(../../img/common/bg-body-01.png) 0 0 repeat;
}


h1, h2, h3, h4, h5, h6,
table, ul, ol, p, dl { 
	font-size: 100%;
 margin: 0;
}

ul{
	list-style: none;
}
dd {
	margin: 0;
}
.clearfix{ zoom:100%;	}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* list */
ul.listNum {
	list-style: inside disc;
}

/* margin */
h1, h2, h3, h4, h5, h6 { margin-bottom: 0; }
table, ul, ol, p, dl {	margin-bottom: 15px;}

header table, header ul, header ol, header p,  header dl,
footer table, footer ul, footer ol, footer p,  footer dl {
	margin-bottom: 0px;
}

/* clickable */
.clickable {
 cursor: pointer;
}


 
 /* helper clearfix
-------------------------------------------------- */
.mb00 { margin-bottom:  0px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb50 { margin-bottom: 50px !important;}
.mb60 { margin-bottom: 60px !important;}
.mb70 { margin-bottom: 70px !important;}

.mt00 { margin-top:  0px !important;}
.mt10 { margin-top: 10px !important;}
.mt20 { margin-top: 20px !important;}
.mt30 { margin-top: 30px !important;}
.mt40 { margin-top: 40px !important;}
.mt50 { margin-top: 50px !important;}


.mr30 { margin-right: 30px !important;}

.pb00 { padding-bottom:  0px !important;}
.pb10 { padding-bottom: 10px !important;}




.alignC { text-align: center !important;}
.alignR { text-align: right !important;}
.alignL { text-align: left !important;}


.floatR { float: right;}
.floatL { float: left; }

.txtL {font-size: 140%; font-weight: bold;}

/* color
-------------------------------------------------- */
a {
 color: #ee9624;
 text-decoration: none;
}
a:hover {
 text-decoration: underline;
}
a[href^="tel:"] {
 cursor: default;
}
.clickable a,
.clickable a:hover {
 color: #ee9624;
}


/* link
-------------------------------------------------- */

.linkArrow a{
 position: relative;
 padding-left: 0.8rem;
}
.linkArrow a:before {
 position: absolute;
 font-family:"FontAwesome";
 content: "\f105";
 left: 0;
 top: 0;
 margin-top: -4px;
}
.homNewsList a {
 color: #333;
}

/* footer 
--------------------------------------------------- */

#pagetop {
  display: none;
  position: fixed;
  bottom: 100px;
  right: 10px;
}
#pagetop a {
	display:block;
	width: 50px;
	height: 50px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #e57c00;
	text-align:center;
	color: #fff;
	text-decoration:none;
	line-height: 50px;
	font-size: 128.6%	;
}

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?fsnx8j');
  src:  url('../fonts/icomoon.eot?fsnx8j#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?fsnx8j') format('truetype'),
    url('../fonts/icomoon.woff?fsnx8j') format('woff'),
    url('../fonts/icomoon.svg?fsnx8j#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-aidkit:before {
  content: "\e900";
}
.icon-beginner:before {
  content: "\e901";
}
.icon-clover:before {
  content: "\e902";
}
.icon-crown:before {
  content: "\e903";
}
.icon-home:before {
  content: "\e904";
}
.icon-hospital:before {
  content: "\e905";
}
.icon-human:before {
  content: "\e906";
}
.icon-marker:before {
  content: "\e907";
}
.icon-pen:before {
  content: "\e908";
}
.icon-pencil:before {
  content: "\e909";
}


/* calender
---------------------------------------------------------- */

div.cal_wrapper {
  margin: 0;
}
div.cal_wrapper table {
 width: 100%;
 margin-bottom: 10px;
}
div.cal_wrapper table tr.headline,
div.cal_wrapper table td{
  background: transparent;
}
div.cal_wrapper table.cal tr th {
  background: none;
}
div.cal_wrapper table.cal tr th p {
  /* 当月 */
  float: left;
  margin: 0px 0px 5px;
  font-weight: 600;
  font-size: 16px;
}
div.cal_wrapper table.cal tr th div.cal_ui {
  /* next/prevボタン */
  float: right;
}
div.cal_wrapper table.cal tr th div.cal_ui input {
  /* next.prev btn */
  border:1px solid #f0ac54;
  background-color: #f0ac54;
  font-size: 12px;
  margin: 0px 1px 5px;
  padding: 1px 5px;
  cursor: pointer;
  color:#fff !important;
}
div.cal_wrapper table.cal tr td{
  /* カレンダーボーダー */
  border: 2px solid #f5e4b1;
}

div.cal_wrapper table.cal tr td {
  /* 日付のサイズ */
  font-size: 16px;
  text-align: center;
  padding: 0px;
}

div.cal_wrapper table.cal tr.headline td {
  /* 曜日 */ 
  padding: 5px;
  color: #fff;
  border: none;
  background: #e3c881;
}
div.cal_wrapper table.cal tr.headline {
  /* 曜日背景 */
  background:#3f2c00;
}

.homClinic_calender div.cal_wrapper table.cal tr.headline,
.homClinic_calender div.cal_wrapper table.cal tr.headline td {
 background: #888888 !important;
 color: #fff;
}
.homClinic_calender div.cal_wrapper table.cal tr td{
  /* カレンダーボーダー */
  border: 2px solid transparent;
}


div.cal_wrapper table.cal tr td div {
  /* 日付サイズなど */ 
  position: relative;
  font-size: 16px;
  text-align: center;
  padding: 5px;
}
div.cal_wrapper table.cal tr td div span {
  /* 休日名など、ポップアップ */
  display: block;
  position: absolute;
  top: 30px;
  left: 0px;
  display: none;
  width: 180px;
  border: solid 1px #EEE;
  background-color: #FFF;
  text-align: left;
  padding: 5px;
  z-index: 10;
  color: #000;
  font-weight: normal;
  line-height: 1.5em;
  box-shadow: 1px 1px 3px #666;
}

/* BGcolor FONTcolor etc */


/* 午後休診 */ 
div.cal_wrapper table.cal tr td div.Sat,
div.cal_wrapper table.cal tr td div.Thu {
  background:#96d1d5;
  color:#fff;
}
/* Sun;日曜*/
div.cal_wrapper table.cal tr td div.Sun{
  background:#e2a19c;
  color:#fff;
}
/* Holyday;祝日*/
div.cal_wrapper table.cal tr td div.Holyday{
  background:#e2a19c;
  color:#fff;
}

/* PMOff；午後休診 */
div.cal_wrapper table.cal tr td div.PMOff {
  background:#96d1d5;
  color:#fff;
 }
 
/* dayOff;祝日*/
div.cal_wrapper table.cal tr td div.dayOff{
  background:#e2a19c;
  color:#fff;
} 

/* otherDay;その他 */
div.cal_wrapper table.cal tr td div.otherDay {
  background:#86cd81;
  color:#fff;
 }

/* weekday;一日診療　*/
div.cal_wrapper table.cal tr td div.weekday{
 background: transparent;
 color: #3f2100;
}

/* Today;当日 */
div.cal_wrapper table.cal tr td div.Today{
  font-weight: bold;
}

div.cal_wrapper table.cal tr td div.backward {
 opacity: 0.5;
}

div.cal_wrapper table.cal tr td div.pointer {
  cursor: pointer;
}
div.cal_wrapper table.cal tr td div.pointer:hover {
  background-color: #AAA;
  color:#fff;
}

.cal-txt {
  font-size: 14px;
}

.cal-off {
 color: #e2a19c;
}
.cal-halfOff {
 color: #96d1d5;
}
.cal-other {
 color: #86cd81;
}