@charset "UTF-8";
  #top_spblock{
    display: none;
  }


@media screen and (max-width: 768px) {

    #pan_block{
        display: none;
        }

    #global{

        height: auto;
    }
.side_wrap{
  width: 80%;
  margin: 30px auto;
}
.sid_content h3{
  text-align: left;
}
#side_info dd a{
  margin-top: 0;
}
/* ========================================
  servicewrap
======================================== */
.servicewrap h2 span{

  font-size: 110%;
}
/* ========================================
  comwrap
======================================== */
.qawrap h2 {
    font-size: 110%;
}

/* ========================================
  comwrap
======================================== */
.comwrap h2{
  font-size: 110%;
}

  /* ========================================
  	setting
  ======================================== */
  .for_pc,#h_subnav  {
		display: none; }


  .for_sp {
		display: block; }


    #pcblock02 .testText {

        text-align: center;
        padding: 120px 0 126px 0px;

    }

   /* ========================================
  	fontL_M
  ======================================== */
.fontL_M{
    font-size: 15px;
    line-height: 25px!important;

}
.copy{
     font-size: 90%;
}

   /* ========================================
  	tit
  ======================================== */
    .tit03{
        padding: 10px 10px 10px 10px;

    }
    .number{

    float: left;
    text-align: center;
    margin: auto;

        width: 20px;
        height: 20px;
        line-height: 20px;
        font-size: 15px;
        }

/* ========================================
	 @h mainImg
======================================== */
    #header_top{

    width: 100%;
    margin: auto;
    overflow: hidden;
    height:inherit;
}

    #headerLogo{

        width: 100%;
    }
    #headerLogo{
    float: none;

        margin: 20px auto  0px auto;
    border-bottom: 5px solid #B72929;
        padding-bottom: 20px;

}
  #headerLogo img{
         width: 95%;
      max-width: 268px;
    }
  .enlogo img{
      max-width: 310px!important;
  }


    #headerRight_nav{
            margin-top: 0px;
    background: #eee;
    float: none;
    width: 100%;
        padding: 10px 0px 10px 0;
}
    #headerRight_nav p{
    text-align: center;
}

/* ========================================
	 @h contents
======================================== */
    #mainBlock{
        width: 100%;
    }

    #contents,#side{
        float: none;
        width: 90%;
        margin: auto;
    }



    #side_info h2{
        margin-bottom: 20px;
    }


#topMcon02 li {
 width: 48%;
    float: none;
    text-align: center;
    margin-bottom: 5px;
    display: inline-block;
}
    #side_info dl{
        overflow: hidden;
    }
    #side_info dt{
        width: 50%;
        float: left;
        margin-right: 10px;
    }
    #side_info dd{
        width: 45%;
        float: left;
    }





/* ========================================
	@ global
======================================== */
    #global{
        display: none;
    }

.menu > li:before {
	/* liの後に記号追加 */
	content:"";
    margin-left: 0px;
    margin-right: 0px;

}



/* ========================================
	@h footer
======================================== */
footer #footerwrapper{
    width: 100%;

}
footer #footerwrapper ul{
    display: none;
    }

/* ========================================
table01
======================================== */

.table02 { width: 100%; border:none; padding: 10px;}
.table02 thead { display: none;}
.table02 tr {
	display: block;
	margin-bottom: 20px;

}
    .table02  th  { display: none;}
.table02 td {
	display: block;
	text-align: center;
	line-height: 40px;
	border-bottom: none;
	padding: 0;

}

/* tdのデザイン */
.table02 td:nth-of-type(1) { background-color: #fff; text-align: center; color: #000;}
.table02 td:last-child { border-bottom: 1px solid #ccc;

    }
.table02 td:before {
	color: #4f4d47;
	display: block;
	background-color: #f5f3ec;
}

/* contentでタイトルを追加 */
.table02 td:nth-of-type(1):before { content: "診療時間";}
.table02 td:nth-of-type(2):before { content: "月";}
.table02 td:nth-of-type(3):before { content: "火";}
.table02 td:nth-of-type(4):before { content: "水";}
    .table02 td:nth-of-type(5):before { content: "木";}
    .table02 td:nth-of-type(6):before { content: "金";}
    .table02 td:nth-of-type(7):before { content: "土";}
    .table02 td:nth-of-type(8):before { content: "日";}

   .table01 { margin: auto; width: 100%; }
    .table01 tr {
        display:block;
        margin-bottom: 10px;
    }
    .table01 th {
        display:block;
        width: 97%;
     padding: 10px 0px 10px 10px;
    }
    .table01 td {
             padding: 10px 0px 10px 10px;
        width: 90%;
        margin-left: 15%;
        border:none;
    }

/* ========================================
	title
======================================== */


.tit01,.tit02,.tit03{
   margin-top: 20px;
    font-size: 15px;
}

  /* ========================================
  	Header
  ======================================== */
  header {
		position: relative;

		font-family: sans-serif;
		font-size: 15px; }
     #sp_menuBlock {
    position: relative;

		font-family: sans-serif;
		font-size: 15px;

    }

     #sp_menu {

        background: #000;
        width: 100%;
        height: 30px;
        z-index: 1000;
    }
     #sp_menu_button {

			z-index: 1000;
			text-align: left;
			width: 100px;
			height: 30px;
			color: #fff;
			font-weight: bold;
			line-height: 30px;
			background: transparent url(../../images/menu.png) no-repeat 15px center;
			-webkit-background-size: 20px 14px;
			-moz-background-size: 20px 14px;
			-o-background-size: 20px 14px;
			-ms-background-size: 20px 14px;
			background-size: 20px 14px; }
       #sp_menu_button span {
				padding-left: 15px; }

    header h1 {
			padding-top: 10px;
        text-align: center;

			border-bottom: #ccc 1px solid;
			margin: 0 auto;  }
   header h1 img{
       width: 70%;
       margin-bottom: 10px;
        text-align: center;
    }
#header_top{

    width: 100%;
    margin: auto;

}


}

@media screen and (max-width: 700px) {

#c_sc{
	display: block; }
#c_pc{
	display: none; }

   #c_sc h3{text-align: center; margin-bottom: 20px }
    #c_sc .tel,#c_sc .prace{

            margin-bottom: 20px;
    /* text-align: center; */
    display: table-cell;
    width: 45%;
    padding: 0 4px 20px 5px;
}

    #c_pc .bt{
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .flot_l{
  width: 50%;
}

    }
@media screen and (max-width: 590px) {
  .nagarewrap li {
      float: none;
      width: 93%;
      margin-left: 1%;
      margin-bottom: 10px;
      border: 1px solid #eee;
      padding: 2%;
      background: #fff;
  }
  .nagarewrap li img {

    display: block;
}
}
@media screen and (max-width: 590px) {

  #pcblock{
    display: none;
  }
    #top_spblock{
        display: block!important;
        width: 89.5%;

            margin-top: 0px;

            padding: 20px;
            background:#fff url("../images/sp_mainbg.png?update=2017a") no-repeat center center;
            background-size: cover;
      }
      #top_spblock h1{
        font-size: 17px;
          color: #245598;
          font-weight: 600;
      }
/* ========================================
	float
======================================== */
.flot_l{
    width: 100%;
    float: none;
    margin-right: 10px;

}
    .flot_l img{
        text-align: center;
        width: 100%;

    }

#mainBlock{
  margin-top: 0;
}
#mainpick{
  margin-top: 20px;
}

#topMcon02 dt{
  width: 100%;
  float: none;

}
#topMcon02 dd {
    display: block;
    width: 100%;
    float: left;
    margin-top: 0px;
        margin-bottom: 10px;
}
.side_wrap {
    width: 100%;
    margin: 30px auto;
}
/* ========================================
	 @h topMcon01
======================================== */


    #topMcon01 li:first-child{
  margin: auto;

    }
    #mainpick li:first-child{
      float: none;
      margin: auto;
      margin-bottom: 10px;
    }
#mainpick li{
  text-align: left;
border: #b3c0d0 2px solid;
border-radius: 2px;
float: none;
width: 85%;
padding: 1%;
margin: auto;
margin-bottom: 10px;
}
      #topMcon01 li{
          margin-left: 0;
                  margin-bottom: 10px;
                  width: 90%;
                  margin: auto;
        }

           #topMcon01 li:first-child,#topMcon01 li{
                float: none;
                margin-bottom: 20px;

            }
    #side_info dt{
        width: 100%;
        float: none;
        margin-right: 0px;
    }
    #side_info dd{
       width: 100%;
        float: none;
    }

   #c_sc .tel,#c_sc .prace{

     margin-bottom: 0px;
    text-align: center;
    display: block!important;
    width: 100%!important;

}
#topMcon02 li {
 width: 100%;

    display: block;
}
/* ========================================
	zirei
======================================== */
.zireiwrap li{
	float: left;
	width: 100%;
	margin-left: 0;
	padding: 2%;
	background: #fff;
}
.zireiwrap li img {
    text-align: center;
    margin: auto;
    width: 96%;
}

 }

/*# sourceMappingURL=sp_common.css.map */