@charset "utf-8";
/*  style　[  Smart Phone ]
=================================================================== */
/* ～767px(xs) ____________________________________________________ */
@media screen and (max-width: 767px) {
/*  #top {
  margin-top: -50px;
  padding-top: 50px;
}*/
p {
  font-size: 0.8em;
}
li {
  font-size: 0.8em;
}
  td p {font-size: 1em;}
  
  .xs-block {
    display: block;
  }
  .xs-space {
    margin-left: 1em;
  }
  
  .table-xs th {
    display: block;
    width: 100%;
  }
  .table-xs td {
    display: block;
    width: 100%;
  }
  
  
  /*----------------------------------------------
   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: 5px 0 0;
  text-align: center;
  text-shadow: none;
}
  .fa-phone-volume {
    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;
}
  
  
/*----------------------------------------------
   アンカーメニュー
---------------------------------------------*/
  h2.menuH2 {
    font-size: 1em;
    font-weight: 500;
    border-bottom: #fff 1px solid;
    padding: 5px;
    
  }
#submenu ul {
  text-align: left;
}

#submenu ul li  {
  width: 50%;
  white-space: nowrap;
  text-align: left;
}


/*----------------------------------------------
   病院入口ボタン
---------------------------------------------*/
.entrance ul {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
 -ms-flex-pack: distribute;
justify-content: space-around;
  margin: 0 0 10px 0;

}
.entrance ul li {
  /*width: 48%;*/
  margin: 5px;
}
  .raised{
    font-size: 1.2em;/*文字サイズ*/
  }
  
/*----------------------------------------------
   ヘッダ下部診療時間
---------------------------------------------*/
.time-table {
  width: 96%;
  margin:1em auto;
  background-color: #fcc;
  padding: 0.5em 0;
  font-size: 1em;
}
  
  /* h2 */
h2.line_h2 {
  font-size: 1.3em;
  font-weight: 500;
  text-align: center;
  width: 98%;
}
  h2.line_h2:before {
  content: "■";
  display: inline-block;
  width: 0.5em;
  height: 1em;
  background: none;
  background-size: contain;
  vertical-align: middle;
  margin: 0 10px 0 0;
  background-position: right;
    color: #63CB82;
}

h2.line_h2:after {
  content: "■";
  display: inline-block;
  width: 0.5em;
  height: 1em;
  background: none;
  background-size: contain;
  vertical-align: middle;
  margin: 0 0 0 5px;
  color: #63CB82;
}
  
 /*----------------------------------------------
  
  ---------------------------------------------*/

  .main {
  width: 90%;
  margin: 0 auto;
}
.line01 {border: #000 1px solid;}
/*----------------------------------------------
  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: 98%;
    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;
}
  .map {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.map iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
  
  .greeting-box{
    display: block;
  } 
  .greeting-box1{
    padding-left: 0;
    padding-bottom: 0.5em;
  }
  .greeting-box2{
    padding-left: 0;
  }
  .submenu{
    display: none;
  }
  .nurseryschool_img {
    display: flex;
    flex-wrap: wrap;
  }
  .nurseryschool_img_item{
    width: 47%;
    margin: 3px;
  }
  .news_img{
    display: flex;
    flex-wrap: wrap;
  }
  .news_img_item{
    width: 47%;
    margin: 5px;
  }
  .news_img_item2{
    width: 100%;
    margin: 5px;
  }
  
  .event_box{
    display: block;
  }
  .event_box img{
    margin-left: 0;
  }
  .footer_img{
    margin: 0 auto;
    padding: 0;
  }
  .desktop_img{
    display: none;
  }
  
}
/*----------------------------------------------
   480px以下
  ---------------------------------------------*/
@media screen and (max-width: 480px) {
 /*  header {
   
      min-height: 200px;
  }*/
   #areaHeader {
  min-height: 80px;
}
  
    .item {
    width: 65%;
    padding-left: 5px;  
  }
  .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: 6px 0 0;
  text-align: center;
  text-shadow: none;
}
  .fa-phone-volume {
    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;
}
  
   /* h2 */
h2.line_h2 {
  font-size: 1.1em;
  font-weight: 500;
  text-align: center;
  width: 98%;
}
  
  
 /*フッターの診療時間*/
 .tb01{
  font-size: 0.7em;
  width: auto;
}
tb01 th{
	padding:0;
}
.tb01 td{
	padding:0;
}
  .tb01 td:first-child {
	line-height: 120%;
}
p.notice {
  font-size: 0.7em;
  width: 100%;
}


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

 .greeting-box{
    display: block;
  } 
  .greeting-box1{
    padding-left: 0;
    padding-bottom: 0.5em;
  }
  .greeting-box2{
    padding-left: 0;
  }
  .submenu{
    display: none;
  }
  
  .nurseryschool_img {
    display: flex;
    flex-wrap: wrap;
  }
  .nurseryschool_img_item{
    width: 46%;
   margin: 5px;
  }
  .news_img{
    display: flex;
    flex-wrap: wrap;
    
  }
  .news_img_item{
    width: 46%;
    margin: 5px;
  }
  .news_img_item2{
    width: 100%;
    margin: 5px;
  }
  
  .event_box{
    display: block;
  }
  .event_box img{
    margin-left: 0;
  }
  .footer_img{
    margin: 0 auto;
    padding: 0;
    width: 100%;
  }
  .desktop_img{
    display: none;
  }
  
}