@charset "utf-8";
/* CSS Document */

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

/*共通設定*/
.viewpc {
	display: none;
}
.viewsp {
	display: block;
}

/*スケール*/
.scale_100 {
	width: 100%;
	height: auto;
}

/*ハンバーガーメニュー*/
	.menu-btn {
		position:absolute;
		top: 5px;
		right: 5px;
		display: flex;
		width: 60px;
		height: 60px;
		justify-content: center;
		align-items: center;
		z-index: 120;
		background-color: #3584bb; /*#3584bb;*/
	}
	.menu-btn span,
	.menu-btn span:before,
	.menu-btn span:after {
		content: '';
		display: block;
		height: 3px;
		width: 25px;
		border-radius: 3px;
		background-color: #ffffff;
		position: absolute;
	}
	.menu-btn span:before {
		bottom: 8px;
	}
	.menu-btn span:after {
		top: 8px;
	}
	
	#menu-btn-check:checked ~ .menu-btn span {
		background-color: rgba(255, 255, 255, 0)/*メニューオープン時真ん中の線を透明化*/
	}
	#menu-btn-check:checked ~ .menu-btn span::before {
		bottom: 0;
		transform: rotate(45deg);
	}
	#menu-btn-check:checked ~ .menu-btn span::after {
		top: 0;
		transform: rotate(-45deg);
	}
	#menu-btn-check {
		display: none;
	}
	
	.menu-content {
		width: 100%;
		height:100%;
		position:fixed;
		bottom:200%;
		/left: 0;/*leftを100%にしてメニューを外へ*/
		z-index: 110;
		background-color: #3584bb;
		transition: all 0.5s;
	}
	.menu-content ul {
		padding: 70px 10px 0;
	}
	.menu-content ul li {
		border-bottom: solid 1px #ffffff;
		list-style: none;
	}
	.menu-content ul li a {
		display:block;
		width: 100%;
		font-size: 16px;
		box-sizing: border-box;
		color: #ffffff;
		text-decoration: none;
		padding: 12px 15px 12px 0;
		position: relative;
	}
	.menu-content ul li a::before {
		content: "";
		width: 7px;
		height: 7px;
		border-top: solid 2px #ffffff;
		border-right: solid 2px #ffffff;
		transform: rotate(45deg);
		position: absolute;
		right: 11px;
		top: 16px;
	}
	#menu-btn-check:checked ~ .menu-content {
		bottom: 0;/*メニューを表示*/
	}

	header {
		position: fixed;
	}	
/*main_image*/
	#main_image {
		/clear:both;
		position:relative;
		top: 60px;
	}
#main_image_kenshin {
	background-position: top 0px center;
}
#main_image_shinryo {
	height: 200px;
	background-image:none;
}
	
/*main-info*/
	#main-info {
		padding-top: 50px;
	}

/*main_image_2*/
	#main_image_2 {
		height: 200px;
	}
/*main_image_access*/
	#main_image_access {
		height: 250px;
		background-image:none;
	}

/*お知らせ・外来受付時間・一般ページメイン*/
	#main-info .inner {
		width: 90%;
		/padding: 20px;
	}
	#main-info .flex-container-jcsb {
		display: block;
	}
	#main-info #info,#clinic-hours {
		width: 100%;
		padding: 0 0 20px 0;
	}


/*others*/
	.inner-others {
		width: 90%;
	}
	.semi-title {
		width: 100%;
	}
	
/*外来受付時間*/
	#clinic-hours-wide .fs18 {
		font-size: 16px;
	}
	
/*週間予定表*/
	.weekly-tb th,td {
		font-size: 16px;
	}
	.scroll{
		overflow: auto;　　　　/*tableをスクロールさせる*/
		white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
	}
	.scroll table {
		width: 450px;
	}

/*ご案内の写真*/
	.photo img {
	width: 100%;
	height: auto;
	padding-bottom: 10px;
}
	.photo2 img {
	width: 49%;
	height: auto;
	padding-bottom: 10px;
}

/*予防接種のリンク*/
#yobou .link {
	width: 100%;
	font-size: 14px;
}

/*おしらせのリンク表示*/
	.infolink a:visited {
		color: #000;
	}
	
/*特徴エリア*/
	#feature {
		height: auto;
	}
	#feature .inner{
		width: 90%;
	}
	#feature .flex-container-jcsa {
		display:flex;
		flex-wrap: wrap;
	}
	.feature-item {
		margin-bottom: 20px;
	}
	.department {
		margin-bottom: 20px;
	}
	
/*関連施設エリア*/
	#feature + .inner {
		width: 100%;
	}
	#related .flex-container-jcsa {
		display:flex;
		flex-wrap: wrap;
	}
	#related .rowbox3 {
		margin-bottom: 20px;
	}

/*footer*/
	footer {
		height: auto;
	}
	footer .inner {
		width: 90%;
	}
	#footer_title {
		text-align: center;
	}
	footer .list {
		display: flex;
		justify-content:center;
		flex-wrap: wrap;
	}
	footer .list_item {
		width: auto;
		padding: 10px;
	}
	footer .list_item a,a:visited {
	text-decoration: none;
	color: #000;
}
	
	/*電話・予定表の固定化*/
	#menu_fixed {
		position: fixed;
		bottom: 0%;
		width: 100%;
	}
	.menu_btn {
		width: 32%;
		height: 50px;
		background: #6cbad6;
		color: #fff;
		padding: 5px 0;
		border-radius: 10px 10px 0 0;
		border: 2px solid #fff;
		z-index: 10;
		text-align: center;
		line-height: 1.3;
		/display: block;
	}
	#menu_fixed a,a:visited {
		color: #fff;
		text-decoration: none;
	}
	
	/*2列のfixedmunu footer*/
	#tel_weekly_fixed {
		position: fixed;
		bottom: 0%;
		width: 100%;
	}
	.telask_s {
		/position: fixed;
		font-size: 14px;
		/left: 0%;
		/sbottom: 0%;
		width: 48%;
		height: 40px;
		color: #fff;
		padding: 10px 0;
		background: #6cbad6; /*#B16162;*/
		border-radius: 10px 10px 0 0;
		border: 3px solid #fff;
		z-index: 10;
		/padding: 5px 0;
	}
	.telmark_s {
		width: 30px;
		padding: 5px 10px 5px 0;
	}
	.telnumber_s {
		width:none;
	}
	.weekly_s {
		/position: fixed;
		font-size: 14px;
		/left: 0%;
		bottom: 0%;
		width: 48%;
		height: 40px;
		color: #fff;
		padding: 10px 0;
		background: #b99834; /*#B16162;*/
		border-radius: 10px 10px 0 0;
		border: 3px solid #fff;
		z-index: 10;
	}
	.weeklymark_s {
		width: 30px;
		padding: 5px 10px 5px 0;
	}
	.weeklynumber_s {
		width:none;
	}


	/*copyright*/
	#copyright {
		padding: 20px 0;
	}
	
	/*おしらせのリンク表示*/
	.infolink a:visited {
		color: #000;
	}
}