@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 736px) {
	body{
		border-top: solid 50px #05447c; 
		max-width: 100%;
		overflow-x: hidden;
	}
	#wrap{
		width: 95%;
		margin: 0 auto;
		border: none;
		padding: 0 10px;
		overflow-x: hidden;
	}
	#wrap #column_area{
		flex-direction: column-reverse;
	}
	.br:before{
		content: "\A" ;
		white-space: pre ;
	}
	/* ヘッダー */
	header{
		margin: 10px 0;
		padding: 0;
		flex-direction: column;
		border-bottom: 1px solid #ccc;
	}
	header h1{
		width: 100%;
		margin: 0 0 1rem 0;
	}
	header h1 .br:before{
		content: "\A" ;
		white-space: pre ;
	}
	
	header h1 a{
		line-height: 1.5;
	}
	header .contact{
		width: 100%;
	}
	header .contact p img{
		width: 100%;
	}

	/**** サイドバー *****/
	#sidebar{
		width: 100%;
		height: auto;
	}
	#sidebar img{
		width: 100%;
	}
	/* ナビゲーション */
	#menu-cb, #menu-icon, #menu-background{
	display: block;
	}
	
	#sidebar nav ul li:nth-child(8){
		display: block;
		height: 90px;
		background-image: url("../images/nav_sp01.jpg");
		background-position: 0;
	}
	#sidebar nav ul li:nth-child(8) a img{
		margin: 0;
	}	
	#sidebar nav ul li:nth-child(9){
		display: block;
		height: 90px;
		background-image: url("../images/nav_sp02.jpg");
		background-position: 0;
	}

	#sidebar nav ul li:nth-child(9) a img{
		margin: 0;
	}
	#sidebar nav{
		background-color: #fff;
		box-sizing: border-box;
		height: 100%;
		position: fixed;
		left: -245px;
		top: 0;
		transition: transform .3s linear 0s;
		width: 245px;
		z-index: 10000;
	}
	#sidebar nav ul{
		height: 100%;
		overflow-y: auto;
	}
	#sidebar nav:after{
		content: ""
	}
	#menu-background{
		background-color: #333;
		display: block;
		height: 100%;
		opacity: 0;
		position: fixed;
		left: 0;
		top: 0;
		transition: all.3s linear 0s;
		width: 100%;
		z-index: -1;
	}
	#menu-icon{
		background-color: #05447c;
		border-radius: 0 0 10px 0;
		color: #fff;
		cursor: pointer;
		display: block;
		font-size: 50px;
		height: 50px;
		line-height: 50px;
		position: fixed;
		left: 0;
		text-align: center;
		top: 0;
		width: 50px;
		transition: all .3s linear 0s;
		z-index: 1000;
	}

	#menu-cb{
		display: none;	
	}
	#menu-cb:checked ~ nav,
	#menu-cb:checked ~ #menu-icon {
		transform: translate(245px);
	}	
	#menu-cb:checked ~ #menu-background {
		opacity: 0.5;
		z-index: 999;
	}
	
	/* アクセス */
	#sidebar .access{
		width: 100%;
		margin: 30px 0;
	}
	#sidebar .access h2{
		color: #fff;
		font-size: 150%;
		padding: 10px;
		background-color: #05447c;
		margin: 0 0 10px 0;
	}
	#sidebar .access img{
		width: 100%;
		margin: 10px 0 0 0;
	}
	/* コンタクト　*/
	#sidebar .contact p img{
		display: none;
	}
	/***** メインコンテンツ *****/
	#main_contents{
		width: 100%;
		height: auto;
	}
	#main_contents #main_img img{
		width: 100%;
		height: auto;
	}

	#main_contents h2{
		width: 100%;
		height: 100%;
		padding: 0;
		font-size: 170%;
		color: #4b4847;
		font-weight: 500;
		margin:  0 0 10px 0;
		background-image: none;
		border: 1px solid #ccc;
	}
	#main_contents h2 .h2_txt{
		display: block;
		border-left: solid 3rem #05447c;
		padding: 0 1rem;
	}

	#main_contents section{
		margin: 0 0 40px 0;
	}

	/* 内科移転のご案内 */
	#main_contents > p img {
		max-width: 100%;
	}

	/* ご案内 */
	#main_contents .appoint{
		flex-direction: column;
	}
	#main_contents .appoint li:last-of-type{
		margin: 15px 0 0 0;
	}
	
	/* 診療時間 */
	.table01 tr th:nth-of-type(1){
		width: 30%;
	}
	
	/* お知らせ */
	#osirase ul li{
		flex-direction: column;
	}
	#osirase ul li a{
		width: 100%;
	}

	/***** フッター *****/
	footer .f_logo{
		flex-direction: column;
	}
	footer .f_logo h2{
		margin: 0 0 15px 0;
	}
	footer .f_logo h2 .br:before{
		content: "\A" ;
		white-space: pre ;
	}
	footer .f_logo h2 a{
		line-height: 1.5;
	}
	footer .f_navi{
		justify-content: space-between;
	}
	footer .f_navi ul{
		margin-right: 0;
	}

	/***** 下層ページ *****/
	#page #sidebar .side_contents{
		display: none;
	}
	
	
	/***** 院内・設備 *****/

	#main_contents .setubi{
		width: 100%;
		text-align: center;
	}
	#main_contents .setubi li{
		float: left;
		margin: 0 0 20px 0;
	}
	#main_contents .setubi li:nth-child(odd){
		margin-right: 20px;
	}
	#main_contents .setubi li img{
		width: 340px;
		height: auto;
	}
	
	/***** 胃カメラ *****/
	#main_contents #icamera .ill_img{
		flex-direction: column;
	}
	#main_contents #icamera .ill_img li img{
		vertical-align: middle;
		margin: 0 10px 20px 0;
	}
	#main_contents #icamera .ill_img li{
		text-align: left;
	}
	#main_contents #icamera .ill_img li .br:before{
		display: none;
	}
	#main_contents #icamera .pirori_link{
		display: none;
	}

	/***** 大腸カメラ *****/
	#main_contents #daicho .ill_img{
		flex-direction: column;
	}
	#main_contents #daicho .ill_img li img{
		vertical-align: middle;
		margin: 0 10px 20px 0;
	}
	#main_contents #daicho .ill_img li{
		text-align: left;
	}
	#main_contents #daicho .ill_img li .br:before{
		display: none;
	}
	#main_contents #daicho .ope_img{
		flex-direction: column;
	}
	#main_contents #daicho .ope_img li{
		text-align: left;
	}
	#main_contents #daicho .ope_img li img{
		vertical-align: middle;
		margin: 0 10px 20px 0;
	}
	#main_contents #daicho .ope_img li .br:before{
		display: none;
	}

	
	/***** 医師紹介 *****/
	#main_contents #doctor .block_content{
		flex-direction: column;
	}
	#main_contents #doctor .block_content .text .d_name{
		margin: 20px 0 0 0;
	}
	#main_contents #doctor .block_content .photo{
		text-align: center;
	}
	
	



/***** 胃カメラ予約フォーム *****/
#main_contents #form .icamera_form,
#main_contents #form_confirm .icamera_form,
#main_contents #form_complete .icamera_form,
#main_contents #form_error .icamera_form{
	table-layout: fixed;
	width: 100%;
}
#main_contents #form .icamera_form input,
#main_contents #form_confirm .icamera_form input,
#main_contents #form_complete .icamera_form input,
#main_contents #form_error .icamera_form input{
    max-width: 90%;
}
#main_contents #form .icamera_form textarea,
#main_contents #form_confirm .icamera_form textarea,
#main_contents #form_complete .icamera_form textarea,
#main_contents #form_error .icamera_form textarea{
    max-width: 90%;
}
}