@charset "utf-8";
/*  style　[  wordpress]
=================================================================== */
body{
  background: #f9f7f7;
}
p {
  font-size: 90%;
}
li {
  font-size: 90%;
}

.box-wrap {
  background: #fff;
  max-width: 1370px;
  margin: 0 auto;
  position: relative;
  -webkit-box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.07);
  box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.07);
}
.box-wrap:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  -webkit-box-shadow: -7px 1px 13px 2px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: -7px 1px 13px 2px rgba(0, 0, 0, 0.08);
  box-shadow: -7px 1px 13px 2px rgba(0, 0, 0, 0.08);
}
  .xs-block {
    display: none;
  }
  .xs-space {
    display: none;
  }


header {
  background: url(../images/01.jpg) no-repeat center center;
  background-size: cover;
  min-height: 150px;
  position: relative;
}


#areaHeader {
  background-color: /*#DCB95C*/ rgba(250,192,1,0.6);
  min-height: 80px;
  width: 100%;
}



.flex-box{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.flex-justify {
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
}
.item {
   /* width: 33.3%;*/
width: 45%;
  }


h1 {
  padding: 5px 0 0 10px;
}
 h1 img {
    width: 90%;
    vertical-align: middle;
}


.schedule {
  margin: 8px auto;
  padding:  0;
  font-size: 0.8em;
}
.schedule td {
  vertical-align: top;
}

.phone {
  font-size: 1.9em;
  font-weight: 500;
  text-align: right;
  color: #fff;
  text-shadow:2px 1px 1px #aaa;
}
.bg-phone {
  background-color: #57369a;
  display: inline-block;
  padding: 15px 20px 10px 20px;
  border-radius:  10px;
  margin: 1px;
}



@media screen and (min-width:768px) and ( max-width:991px) {
    /*　画面サイズが768pxから991pxまではここを読み込む　*/
.phone {
  font-size: 1.1em;
  font-weight: 500;
}
  h1 {
  padding: 5px 0 0 8px;
}
 h1 img {
    width: 100%;
    vertical-align: middle;
  }
    .schedule {
      font-size: 0.6em;
      margin:  7px auto;
      padding: 0;
}
  
}


/*----------------------------------------------
   病院入口ボタン
---------------------------------------------*/
.entrance ul {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
     -ms-flex-pack: end;
   justify-content: flex-end;

}
.entrance ul li {
  /*width: 48%;*/
  margin: 5px;
}
.raised{
  display: inline-block;
  background-color: #d5702b;/*背景色*/
  color: #FFF!important;/*文字色*/
  font-size: 1.2em;/*文字サイズ*/
  line-height: 1;
  text-decoration: none;
  letter-spacing: 0.05em;/*字間*/
  padding: 0.2em 1em;/*ボタン内の余白*/
  border-radius: 3px;/*角の丸み*/
    cursor: pointer;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);/*影*/
  -webkit-tap-highlight-color: transparent;
  transition: .3s ease-out;/*変化を緩やかに*/
}

.raised:hover{
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);/*浮き上がるように*/
}

@media screen and (min-width:768px) and ( max-width:991px) {
    /*　画面サイズが768pxから991pxまではここを読み込む　*/
  .raised{
    font-size: 0.8em;/*文字サイズ*/
  }
}


/*----------------------------------------------
   nav
---------------------------------------------*/
.inner {
  position: absolute;
  bottom: 0;
  width: 100%;
 /* margin-bottom: -10px;*/
}
nav {
  background-color: rgba(250,192,1,0.6);
  /*height: 52px;
  margin-top: -52px;*/
}
nav ul {
  margin: 0 auto;
  list-style: none;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
}
nav ul li {
  /*width: 25%;*/
  text-align: center;
}
nav ul li a {
  display: block;
  padding: 15px 0;
}
nav ul li a:hover {
  /*background-color: rgba(253,228,145,1);*/
  color: #c00;
}
a.active {
  /*background-color: rgba(64,108,180,0.6);*/
  color: #c00;
}



/*----------------------------------------------
   footer
---------------------------------------------*/
footer {
  background-color: #D46F2F;
  padding: 30px 0 15px 0;
  color: #fff;
  margin-top:  -8px;
}

.areafoot {
  width: 96%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/*---- footer 左カラム-------------*/
.footer-left {
  width: 45%;
}
/* 992px(md)～ ____________________________________________________ */
@media screen and (max-width: 991px) {
  .footer-left {
    width: 100%;
  }
}
div.add-box {
  margin: 0 auto;
  width: 90%;
  padding-bottom: 2em;
}
address {
  font-size: 1.2em;
  margin-top: 5px;
}




/*---- footer 右カラム-------------*/
.footer-right {
  width: 55%;
}
/* 992px(md)～ ____________________________________________________ */
@media screen and (max-width: 991px) {
  .footer-right {
    width: 100%;
  }
}


/*フッターの診療時間*/
.tb01{
	width: 90%;
	margin: 0 auto 15px ;
	border-spacing: 0;
	border-collapse: collapse;
	white-space:nowrap;
  font-size: 0.8em;
	/*color: #333;*/
}
.tb01 tr:last-child td,.tb01 tr:last-child th{
	border:none;
}
.tb01 th{
	padding:10px 8px 8px 8px;
	line-height:1;
	white-space:nowrap;
	/*font-family: FOT-マティス Pro M;*/
	/*font-size: 16px;*/
	text-align: center;
	border-bottom:1px solid #fff;
  font-weight: normal;
}
.tb01 td{
	padding:5px 10px 0 10px;
	/*font-size: 16px;*/
	line-height: 1;
	text-align:center;
	border-bottom: none;
}
.tb01 tr th:first-child{
	/*font-family: FOT-マティス Pro M;
	font-size: 17px;*/
	text-align: center;
  padding:0 ;
}
.tb01 tr td:first-child{
	/*font-family: FOT-マティス Pro M;
	font-size: 17px;*/
	text-align: right;
  padding:5px 0 0 0;
}
.tb01 tr td:last-child{
	/*font-family: FOT-マティス Pro M;
	font-size: 17px;*/
	text-align: left;
  padding:5px 0 0 0;
}
p.notice {
  font-size: 0.8em;
  width: 90%;
  margin: 10px auto;

}
span.notice02 {
  display: inline;
  background-color: #fff;
  padding: 3px 5px;
  color: #D46F2F;
}
span.notice03 {
  display: inline;
  padding: 5px 8px;
}

.copyright {
  font-size: 0.8em;
  text-align: center;
  padding-top: 30px;
  color: #fff;
}


/*---------------------------
　テーマ　修正ここから↓
-----------------------------*/
#side {
  padding-top: 3em;
}
.kanren dl dt {
  display: none;
}
.kanren dl dd {
  width: 100%;
}
h3.line-h3 {
  border-left: 5px solid #d5702b;
  font-size: 1.2em;
  margin: 2em 0 1em 0;
  padding: 5px 0 5px 10px;
}
.ad ul li {
  padding: 5px 5px 5px 10px!important;
  border-bottom: #d5702b 1px dotted;
}

/* ↓スマホ用ここから */
/* ～767px(xs) ____________________________________________________ */
@media screen and (max-width: 767px) {
/*  #top {
  margin-top: -50px;
  padding-top: 50px;
}*/
p {
  font-size: 90%;
}
li {
  font-size: 90%;
}
  
  
  /*----------------------------------------------
   header
---------------------------------------------*/
  header {
    min-height: 200px;
    margin: 0;
    padding: 0;
    background-color: rgba(250,192,1,0.6);
  }
  
  .item {
    width: 70%;
  }
  .item-phone {
    width: 15%;
  }
  .item-nav {
    width: 10%;
    margin: 20px 0 0 5%;
  }

 /* ヘッダ部分 */
  h1 {
    padding: 0 ;
    margin-top: 5px;
}
  h1 img {
    width: 100%;
    
  }
.phone {
  font-size: 0.7em;
  font-weight: normal;
  display: block;
  margin: 10px 0 0;
  text-align: center;
  text-shadow: none;
  line-height: 150%;
}
  .fa-phone {
    font-size: 2.2em;
    /*transform: rotate(-45deg);*/

  }

  .btn-tel{
    display: block;
    border-radius: 50px;
    color: white!important;
    text-align: center;
    background: #f75065;
    padding: 5px ;
    margin: auto;
    height: 60px;
    width: 60px;
  }
  



/*ハンバーガーメニュー*/
#nav-drawer {
  position: relative;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
    display: inline-block;
    width: 47px;
    height: 42px;
    vertical-align: middle;
    border: #f75065 1.5px solid;
    padding: 10px;
    border-radius: 10px;
    pointer-events: pointer;
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
    position: absolute;
    height: 3px;/*線の太さ*/
    width: 25px;/*長さ*/
    border-radius: 3px;
    background: #555;
    display: block;
    content: '';
    cursor: pointer;
    
}
#nav-open span:before {
    bottom: -8px;
}
#nav-open span:after {
    bottom: -16px;
}

/*閉じる用の薄黒カバー*/
#nav-close {
    display: none;/*はじめは隠しておく*/
    position: fixed;
    z-index: 99;
    top: 0;/*全体に広がるように*/
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0;
    transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
    overflow: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;/*最前面に*/
    width: 90%;/*右側に隙間を作る*/
    max-width: 330px;/*最大幅*/
    height: 100%;
    background: #fff;/*背景色*/
    transition: .3s ease-in-out;/*滑らかに表示*/
    -webkit-transform: translateX(-105%);
    transform: translateX(-105%);/*左に隠しておく*/
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
    display: block;/*カバーを表示*/
    opacity: .5;

  
}

#nav-input:checked ~ #nav-content {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);/*中身を表示*/
    box-shadow: 6px 0 25px rgba(0,0,0,.15);
  
}
  
  #nav-content {
  background-color: rgba(255,255,255,0.9);
  /*height: 52px;
  margin-top: -52px;*/
}
#nav-content ul {
  margin: 0 auto;
  list-style: none;
}
#nav-content ul li {
  /*width: 25%;*/
  text-align: center;
}
#nav-content ul li a {
  display: block;
  padding: 15px 0;
}
#nav-content ul li a:hover {
  /*background-color: rgba(253,228,145,1);*/
  color: #c00;
}
  
/*----------------------------------------------
  footer
  ---------------------------------------------*/
  .areafoot {
    width: 98%;
    margin: 0 auto;
  }
  /*---- footer 左カラム-------------*/
.footer-left {
  width: 100%;
}
  address {
    font-size: 1em;
    text-align: center;
    }

    /*---- footer 右カラム-------------*/
.footer-right {
  width:100%;
}


 /*フッターの診療時間*/
 .tb01{
  font-size: 0.8em;
  width: auto;
}
tb01 th{
	padding:5px;
}
.tb01 td{
	padding:5px;
}
  .f-notice {
    width: 80%;
    text-align: left;
    margin: 0 auto;
  }
p.notice {
  font-size: 0.8em;
  /*text-align: center;*/
}
.copyright {
  font-size: 0.7em;
  text-align: center;
  padding-top: 30px;
  color: #ccc;
}

}

/*----------------------------------------------
   480px以下
  ---------------------------------------------*/
@media screen and (max-width: 480px) {
   header {
    /*min-height: 300px;*/
      min-height: 200px;
  }
   #areaHeader {
  min-height: 80px;
}
  
    .item {
    width: 65%;
  }
  .item-phone {
    width: 15%;
  }
  .item-nav {
    width: 15%;
    margin: 20px 0 0 5%;
  }
  
    h1 img {
    width: 100%;
    
  }

  .phone {
  font-size: 0.6em;
  font-weight: normal;
  display: block;
  margin: 10px 0 0;
  text-align: center;
  text-shadow: none;
}
  .fa-phone {
    font-size: 2.2em;
    /*transform: rotate(-45deg);*/
  }

  .btn-tel{
    display: block;
    border-radius: 50px;
    color: white!important;
    text-align: center;
    background: #f75065;
    padding: 5px ;
    margin: auto;
    height: 50px;
    width: 50px;
  }

  
  /*ハンバーガーメニュー*/
#nav-drawer {
  position: relative;
  margin: -5px 0 0;
}
  
.time-table {
  margin:0 auto;
  font-size: 0.8em;
}
  
 /*フッターの診療時間*/
 .tb01{
  font-size: 0.7em;
  width: auto;
}
tb01 th{
	padding:0;
}
.tb01 td{
	padding:0;
}
  .tb01 td:first-child {
	/*font-size: 0.65em;*/
}
p.notice {
  font-size: 0.7em;
}
.copyright {
  font-size: 0.6em;
  text-align: center;
  padding-top: 30px;
  color: #fff;
}
  

}


/*-----------------------------------------
今週の献立
-------------------------------------------*/

/* 献立 */
.weekmenu {
  border: #fcc 1px solid;
  border-collapse: collapse;
  width: 100%;
}
.weekmenu th {
  border: #fcc 1px solid;
  border-collapse: collapse;
  text-align: center;
  padding: 5px;
  background-color: rgba(255,204,204,0.4)!important;
  vertical-align: middle!important;
}
table tr:nth-child(even) th {
  background-color: rgba(255,204,204,0.4)!important;
}

.weekmenu td {
  border: #fcc 1px solid;
  border-collapse: collapse;
  text-align: center;
  padding: 5px;
  vertical-align: middle!important;
  background-color: #fff!important;
}
.point-menu {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #ff9ea2;
    border-radius: 8px;
  display: table;
}
.point-menu .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #ff9ea2;
    font-weight: 500;
}
.point-menu p {
    margin: 0; 
    padding: 0;
}




/* 768px(sm)～ ____________________________________________________ */
@media print,screen and (min-width: 768px) {
}
/* 992px(md)～ ____________________________________________________ */
@media screen and (min-width: 992px) {
}
/* 1200px(lg)～ ___________________________________________________ */
@media screen and (min-width: 1200px) {
}