@charset "UTF-8";

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

/* ==================================================
common-style
================================================== */
html,body { -webkit-text-size-adjust : 100%; width:100%;}

#header,
#layout,
#main_menu,
.logo_group {
	width: 100%;
}
.tel_group,
.f_size_group {
	display: none;
}
#header { z-index: 999; }
#contents {
	margin-top: 0;
	width: 100%;
	float: none;
}
#footer, #footer_bg {
	width: 100%;
	height: auto;
}
.address {
	margin: 15px 0 0 15px;
	float: none;
}
.copy {
	margin-top: 20px;
	text-align: center;
	float: none;
}

#back-top {
	display: none!important;
}

#main_menu {
	margin: 5px 0;
	height: auto;
}
.home_bg #main_menu {
	margin: 0;
}
#main_menu ul:first-child {
//	display: none;
}
#main_menu ul li {
	background: none;
	border:1px solid #ccc;
	margin: 1px;
}
#main_menu .sp-menu {
	display: block;
	width: 100%;
	margin: 0 auto;
}
.home_bg .sp-menu {
	display: none;
}
#main_menu .sp-menu li {
	width: 32%;
}
#main_menu .sp-menu li a {
	width: 100%;
	padding:0.6em 0;
}
.menu_end {
	display: none;
}
.cycloneslider-template-standard {
	margin-bottom: 5px!important;
}

/* ▼▼スマホインデックス専用ナビ▼▼ */
.sp-menu2 {
	display: block;
	width: 100%;
	margin: 5px auto 20px;
	height: auto;
}
.sp-menu2 li {
	background: none;
	border:1px solid #ccc;
	margin: 1px;
	width: 32.2%;
	float: left;
	background: #fff;
}
.sp-menu2 li a {
	list-style: none;
	font-size: 90%;
	display: block;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	margin: 0 auto 0 auto;
	text-shadow:0 1px 0px #fff;
	color: #555;
	width: 100%;
	padding:0.6em 0;
}
.sp-menu2 li a:hover {
  background: url(images/menu_border.gif) no-repeat left center;
  background-color: #ccc;
  text-shadow:0 1px 0px #333;
  color: #fff;
}



/* index */
.main_image {
	width: 100%;
	height: auto;
	float: none;
	margin-bottom: 6%;
}
.home_contents .latest-news {
	margin: 0 auto 15px;
	padding: 5px 0;
	width: 95%;
}
.home_contents .latest-news img { width: 100%;}
.home_left {
	width: 100%;
	float: none;
	margin: 0;
}
.w_new_box {
	width: 90%;
	height: auto;
	float: none;
	margin: 0 auto 20px;
}

.time_box {
	width: 65%;
	height: auto;
}
.home_right {
	width: 95%;
	height: auto;
	margin: 0 auto;
	float: none;
}
.calendar_box {
	width: 25%;
}
.hr_group {
	margin-bottom: 20px;
}
.info_box {
	width: 94%;
	height: auto;
	margin: 0 auto;
}

.touseki {
  margin: 4% 0;
}

.new_ul{
  max-height: 170px;
}


/* サブページ共通 */
.sub_image {
	display: none;
}
.bread {
	width: 80%;
}
.moji_box {
	display: none;
}

#side {
	display: none;
}
#main {
	width: 90%;
	float: none;
	margin: 0 auto;
}
#main h2 {
	width: 100%;
}

.base_t th {
	padding:7px 0 7px 5px;
	font-size: 0.9em;
}

.base_t td {
	font-size: 0.9em;
}

/* お知らせブログ */
.news .bread_group {
	float: none;
}
.news #main {
	min-height: 200px;
}
.news .navigation > div {
	background: #ddd;
	padding: 3px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
}


/*--------------------------------------
  side サイド
--------------------------------------*/
.ft-side {
	display: block;
	width: 92%;
	height: auto;
	min-height: 240px;
	padding:10px;
	margin: 0 auto 20px;
}
.home_bg .ft-side {
	float: none;
}
.ft-side-l {
	float: left;
	width: 40%;
}

.ft-side h3{
	background: url(images/sh3_bg.png) no-repeat center center;
	color: #fff;
	text-align: center;
	line-height: 26px;
}

.s_inner{
	width: 60%;
	padding: 10px 0 0 0;
	margin: 10px auto 5px;
	background-color: #fafafa;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.s_inner img {
	width: 80%;
	margin: 0 auto 10px
}
table.s_info_table{
	width: 100%;
}
.ft-side ul.side_nav {
	text-align: left;
}



/* 当院について */
.title_i { font-size: 1.2em;}
.rinen-wrap {
	width: 100%;
	height: auto;
}

/* 受診のご案内 */
table.time_t2 {

}
.time_t2 th {
	padding:7px 7px 7px 0px;
	font-size: 0.9em;
}

/* 診療科のご案内 */
ul.sinryo_nav {
	margin: 0;
}
.nav_box {
	padding: 5px 10px 0px;
	width: 90%;
	background: #A29165;
}
.nav_box ul {
	background: none;
}
.nav_box ul li {
	margin: 0 17px 10px;
}
.nav_box ul li a {
	background: none;
	border:none;
	border-bottom: 1px solid #fff;
	padding: 0 10px;
}
/* 181203修正 */
.doctor_nav_box{
	padding: 5px 10px 0px;
	width: 90%;
	background: #A29165;
	border-radius: 0;
}
.doctor_nav_box ul{
	background: none;
}
.doctor_nav_box ul li{
	margin: 0 22px 10px;
}
.doctor_nav_box ul li a{
	background: none;
	border:none;
	border-bottom: 1px solid #fff;
	padding: 0 10px;
}
.doctor_nav_box ul li:nth-child(6) a{
	background: none;
}
.doctor_nav_box ul li:last-child a{
	background: none;
}
ul.doctor_nav {
	margin: 0;
	padding: 0;
}

/* 先生紹介 */
.profile_t {

}
.p_mid img {
	width: 100%;
	height: auto;
}
.profile_t th {
	width: 25%;
	font-size: 0.9em;
}
.profile_t td {
	font-size: 0.8em;
}

/* 求人 */
.kyujin_t th {
	width: 20%;
}


/* お知らせブログ */
.post_h2 {}

/*最新の病院についてid=1153*/
.post .page1153 {
	grid-template-columns: 1fr !important;
}


.logo {
	width: 55%;
	margin-bottom: 3%;
}
.logo h1 a img {
	width: 100%;
	height: auto;
}



/* end media query 767 */
}













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

/* index */
.w_new_box {
	width: 85%;
}
.info_box {
	width: 90%;
}
.time_box { width: 90%;}
.calendar_box {
	display: none;
}

.sp-menu2 li {
	background: none;
	border:1px solid #ccc;
	margin: 1px;
	width: 32%;
	float: left;
}
#main_menu .sp-menu li {
	width: 31%;
}

.new_ul dt {
  float: none;
}
.new_ul dd {
  margin-left: 0;
}
ul.new_ul li a { padding: 0;}

.logo {
	margin-top: 7%;
	margin-bottom: 6%;
}


/* サブページ */

.time_t2 th {
	font-size: 0.8em;
}
.nav_box ul li {
	margin: 0 10px 10px;
}
ul.doctor_nav {
	margin: 0;
}
ul.doctor_nav li {
	margin: 0 2px 10px;
}
.kyujin_t th {
	width: 30%;
}
.bread {
	//width: 100%;
}


/*--------------------------------------
  side サイド
--------------------------------------*/
.ft-side-l {
	float: none;
	width: 80%;
	margin: 0 auto 20px;
}
.s_inner {
	float: none;
	width: 80%;
	margin: 0 auto;
}



/* end media query 320 */
}