@charset "utf-8";

/* -------------------------------------------------
レスポンシブ化
新規追加 PC SP 共通
---------------------------------------------------- */

.org {
	color: #ff9900;
}

#mainColumn .info {}

#mainColumn .infotop, #mainColumn .infobottom {
	display: none;
}

.info_logo {
	float: left;
	padding: 5px 10px 0 0;
}

.info_clinic {
	padding: 5px 0 0 90px;
	margin: 0;
	border-top: #006699 solid 1px;
}

.info_clinic_ruby {
	font-size: 18px;
	line-height: 20px;
	display: block;
}

.info_clinic_name {
	font-size: 24px;
	line-height: 30px;
}

.info_clinic_add {
	border-top: #006699 solid 1px;
	padding: 5px 0 0;
	margin: 0;
	letter-spacing: 1px;
}

.info_clinic_tel {
	clear: both;
	padding: 5px 0 0;
	margin: 0;
	letter-spacing: 1px;
}

.info dt .date,
.info dt .new {
	display: none;
}

.info dt .title {
	color: #e18aac;
	font-weight: bold;
}

.info dd {
	margin: 0;
}

.info dd + dt {
	margin-top: 1.2em;
	padding-top: 1.2em;
	border-top: 1px dashed #eaeaea;
}

.timeline_box {
	padding: 5px 0 0;
	margin: 0;
	width: 360px;
	float: left;
}

.timeline_info {
	float: right;
	width: 260px;
	margin: 0;
	padding: 5px 0 0;
}

.timeline_info .special {
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: #C60;
}

.outline_access_text {
	clear: both;
	padding: 5px 0 10px;
	margin: 0;
	letter-spacing: 1px;
}

.map {
	width: 636px;
	height: 500px;
}

#mainColumn .info .que_title {
	color: #ff9900;
	border-bottom-color: #e7cba1;
	margin-bottom: 10px;
}

.que_title {
	color: #ff9900;
	border-bottom-color: #e7cba1;
	margin-bottom: 10px;
}

.clinic_photo {
	text-align: right;
}

.caption {
	display: block;
}

#mainColumn .info #eqpImg1 {
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#mainColumn .info #eqpImg1 li {
	width: 300px;
	margin-bottom: 25px;
	list-style-type: none;
	text-align: center;
	padding: 0;
}


/* lightbox 上書き */

.lb-outerContainer {
	height: auto;
}

.lightbox .lb-image {
	height: auto;
}


/* -------------------------------------------------
homecare.css pc sp 共通
---------------------------------------------------- */

.goods_table {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin-bottom: 20px;
}

.goods_table th, .goods_table td {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 5px;
	margin: 0;
}

.goods_table thead th {
	background-color: #f7efde;
}

.goods_table tbody td {
	width: 13%;
	font-size: 12px;
	text-align: center;
}

.goods_table tbody .num {
	width: 5%;
	text-align: center;
	background-color: #f7efde;
}

.goods_table tbody th {
	background-color: #fff4ce;
}

@media (min-width: 768px), print {
	.homecare_title {
		clear: none;
		margin-right: 270px;
	}
}


/* -------------------------------------------------
レスポンシブ化
common.cssの上書き
---------------------------------------------------- */

.top_bnr {
	margin: 0 auto 20px;
}

.bn_member ul {
	margin: 0;
	margin-bottom: -36px;
	box-sizing: border-box;
	width: 670px;
	padding: 0 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	transform: translateY(-55px);
}

.bn_member li {
	list-style-type: none;
}

.bn_member li a {
	display: inline-flex;
	align-items: center;
	background: #62b0d0;
	border-radius: 10px;
	transition: .3s;
}

.bn_member li a:hover {
	opacity: .7;
}

.floatImage_title {
	clear: right;
	text-align: right;
	padding: 0 0 5px;
}

@media (max-width: 767px) {
	body, td, th {}
	body {}
	img {}
	h1 {
		font-size: 9px;
	}
	#wrapper {}
	/*ヘッダー*/
	#header {
		height: auto;
		padding: 0;
		border-radius: 0;
		background: #fff;
	}
	#header #header_tel {
		position: static;
		padding: 0 .8em;
		border-right: 1px solid #e0e0e0;
	}
	#header #header_tel a {
		display: inline-block;
		overflow: hidden;
	}
	#header #header_tel a img {
		margin-top: -6px;
	}
	#header #reservation_btn {
		position: static;
		padding: 0 .8em 0 1.2em;
	}
	#header #reservation_btn a {
		display: inline-block;
	}
	#flash {
		padding: 0;
	}
	#flash #flashBox {
		height: auto;
	}
	/*メインナビ*/
	#mainNavi {}
	#mainNavi .buttonBase {}
	#mainNavi .buttonBase .button {}
	/*ボディコンテナ*/
	#bodyContainer {
		padding: 1.5em 5% 0;
		display: flex;
		flex-wrap: wrap;
	}
	/*サイドカラム*/
	#sideColumn {
		float: none;
		order: 2;
		margin: 0 auto;
	}
	#sideColumn h2 {}
	#sideColumn .buttonBase {}
	#sideColumn .buttonBase2 {}
	#sideColumn .buttonBase3 {}
	#sideColumn .buttonBase4 {}
	#sideColumn .buttonBase4 a {}
	#sideColumn .buttonBase4 a:hover {}
	/*メインカラム*/
	#mainColumn {
		overflow: visible;
	}
	#mainColumn h2 {
		margin: 1.5em auto 1em;
		line-height: 1.3;
	}
	#mainColumn .information {}
	#mainColumn .infotop {}
	#mainColumn .infotop img {}
	#mainColumn .info {
		max-width: none;
		margin: 0 auto 1.5em;
		padding: 1em 5%;
	}
	#mainColumn .info h3 {
		line-height: 1.3;
	}
	#mainColumn .info h4 {
		margin-top: 1.5em;
		margin-bottom: 1em;
		line-height: 1.3;
	}
	#mainColumn .info h5 {
		margin-top: 1.2em;
	}
	#mainColumn .info p {}
	#mainColumn .info ol {}
	#mainColumn .info ol li {}
	#mainColumn .info ul {}
	#mainColumn .info ul li {}
	#mainColumn .info .indent1 {
		padding: 0;
	}
	#mainColumn .info .indent2 {}
	#mainColumn .info .floatImage-right {
		float: none;
		display: block;
		text-align: center;
		margin: 1em auto;
	}
	#mainColumn .info .floatImage-right img {
		display: block;
		margin: 0 auto 1em;
	}
	#mainColumn .info .floatImage-left {
		float: none;
		display: block;
		text-align: center;
		margin: 1em auto;
	}
	#mainColumn .info .floatImage-left img {
		display: block;
		margin: 0 auto 1em;
	}
	#mainColumn .info .innerTitle {}
	#mainColumn .info .center {}
	#mainColumn .info div #timetable {
		width: 100%;
	}
	#mainColumn .info div #timetable tr th {}
	#mainColumn .info div #timetable tr td {}
	#mainColumn .infobottom {}
	#mainColumn #message {}
	#mainColumn #messageImage {}
	#mainColumn #messageImage img {}
	#mainColumn #messageImage p {
		position: static;
	}
	#mainColumn #features {}
	#mainColumn #featureStages {
		height: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		background: transparent;
		text-align: center;
	}
	#mainColumn #featureStages a {
		display: inline-block;
	}
	#mainColumn #featureStages #feat0 {
		position: static;
		width: 100%;
		height: auto;
		margin-bottom: 1em;
	}
	#mainColumn #featureStages #feat1 {
		position: static;
		width: 100%;
		height: auto;
		margin-bottom: 1em;
	}
	#mainColumn #featureStages #feat2 {
		position: static;
		width: 100%;
		height: auto;
		margin-bottom: 1em;
	}
	#mainColumn #featureStages #feat3 {
		position: static;
		width: 100%;
		height: auto;
		margin-bottom: 1em;
	}
	#mainColumn #featureStages #feat4 {
		position: static;
		width: 100%;
		height: auto;
		margin-bottom: 1em;
	}
	#mainColumn #featureStages #feat5 {
		position: static;
		width: 100%;
		height: auto;
	}
	#mainColumn #access {}
	#mainColumn #accessStage {}
	#mainColumn #accessStage #map {}
	#mainColumn #accessStage #path {}
	#mainColumn #accessStage #abstract {}
	#mainColumn #accessStage table {}
	#mainColumn #accessStage table th {}
	#mainColumn #accessStage table td {}
	/*フッター*/
	#pagetop {
		display: none;
	}
	#footer {
		margin-top: 2em;
		margin-bottom: 48px;
	}
	#footer #fbTop {
		display: none;
	}
	#footer #fbText {
		display: flex;
		flex-wrap: wrap;
		background: #fff;
		padding-top: 0;
		border-top: 2px solid #eaeaea;
	}
	#footer #fbText span {
		display: none;
	}
	#footer #fbText a {
		display: block;
		white-space: normal;
		width: 50%;
		padding: .8em;
		border-bottom: 1px solid #eaeaea;
		border-right: 1px solid #eaeaea;
		background: #fdfdfd;
	}
	#footer #fbText a:nth-of-type(2n + 1) {
		border-right: 0;
	}
	#footer #fbText .w100 {
		width: 100%;
	}
	#footer #fbText a:hover {
		white-space: normal;
	}
	#footer #copyright {
		background: #fff;
		font-size: .6em;
	}
	.comment {}
	.step {}
}

@media (min-width: 768px) {
	.nopc {
		display: none;
	}
}

@media (max-width: 767px) {
	/* -------------------------------------------------
	レスポンシブ化 新規
	---------------------------------------------------- */
	* {
		box-sizing: border-box;
	}
	div:not(.slide_box):not(.slick-list):not(.slick-track) {
		max-width: 100%;
	}
	ul {
		max-width: 100%;
	}
	img {
		max-width: 100%;
		height: auto;
		vertical-align: middle;
	}
	table {
		border-collapse: collapse;
		width: 100%;
	}
	.nosp {
		display: none;
	}
	.img_l, .img_r {
		display: block;
		text-align: center;
		margin: 0 auto 1em;
	}
	.mt1 {
		margin-top: 1rem;
	}
	.mt2 {
		margin-top: 2rem;
	}
	.mb1 {
		margin-bottom: 1rem;
	}
	.mb2 {
		margin-bottom: 2rem;
	}
	.red {
		color: #ff5900;
	}
	.d_ib {
		display: inline-block;
	}
	.mt1 {
		margin-top: 1em;
	}
	.mx_auto {
		margin-right: auto;
		margin-left: auto;
	}
	.info_logo {
		width: 60px;
	}
	.info_clinic {
		padding: 5px 0 0;
	}
	.info_clinic_ruby {
		font-size: 1em;
		line-height: 1.1;
		margin-top: 7px;
	}
	.info_clinic_name {
		font-size: 1.26em;
		line-height: 1.3;
	}
	.info_clinic_add {
		clear: both;
	}
	.info_clinic_tel {}
	.timeline_box {}
	.timeline_info {
		float: none;
		width: 100%;
		border-bottom: #336699 dotted 1px;
	}
	.timeline_info strong {
		color: red;
	}
	.outline_access_text {}
	.map {
		width: 100%;
		height: 300px;
	}
	/* -------------------------------------------------
	header
	---------------------------------------------------- */
	.header_top {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		padding: 0 10px 10px;
		border-bottom: 1px solid #e0e0e0;
	}
	.header_top .logo {
		width: 200px;
	}
	.header_info {
		display: flex;
		justify-content: center;
		align-items: center;
		border-bottom: 1px solid #e0e0e0;
	}
	/* -------------------------------------------------
	index
	---------------------------------------------------- */
	.bn_member ul {
		margin: 0;
		padding: 10px;
		margin-bottom: 0;
		transform: translateY(0);
		background: #fff;
		border: 1px solid #eee;
		border-top: 0;
	}
	.bn_member li {
		width: 100%;
		margin-bottom: 1em;
		line-height: 1;
	}
	.bn_member li:last-of-type {
		margin-bottom: 0;
	}
	.bn_member li a {
		width: 100%;
	}
	/* -------------------------------------------------
	footer
	---------------------------------------------------- */
	.timeline_box {
		width: 100%;
	}
	#pagebottom {
		position: fixed;
		display: flex;
		left: 0;
		bottom: -48px;
		z-index: 10;
		width: 100%;
		height: 48px;
		transition: bottom .6s ease;
		background: #fffce1;
		box-shadow: 0px -1px 3px 0px rgba(0, 0, 0, 0.1);
	}
	#pagebottom.show {
		bottom: 0;
		box-shadow: 0px -1px 3px 0px rgba(0, 0, 0, 0.1);
	}
	#pagebottom .item {
		display: flex;
		align-items: center;
		justify-content: center;
		width: calc((100% - 40px) / 3);
		height: 100%;
		text-align: center;
		font-size: 11px;
		color: #fff;
		padding: 4px;
		text-decoration: none;
	}
	#pagebottom .item img {
		width: 20px;
		max-height: 100%;
	}
	#pagebottom .item_tel {
		background: #ffb600;
	}
	#pagebottom .item_reserve {
		background: #ed93b4;
	}
	#pagebottom .item_access {
		background: #82cea1;
	}
	#pagebottom .item_pagetop {
		justify-content: center;
		background: #a7a7a7;
		width: 40px;
	}
	#pagebottom .item span {
		display: inline-block;
		margin-left: .4em;
		line-height: 1.3;
	}
	.item_pagetop svg {
		width: 50%;
		margin: 0 auto;
		fill: #fff;
	}
	.floatImage_title {
		clear: both;
		text-align: center;
		margin: 1.5em auto 0;
		font-weight: bold;
	}
	/* -------------------------------------------------
	equipment.html
	---------------------------------------------------- */
	#mainColumn .info #eqpImg1 li {
		width: calc(50% - .5em);
	}
	/* -------------------------------------------------
	homecare.css pc sp 共通
	---------------------------------------------------- */
	.goods_table {}
	.goods_table th, .goods_table td {
		padding: 3px 1px;
		font-size: 12px;
	}
	.goods_table thead th {
		width: 5%;
	}
	.goods_table tbody td {
		font-size: 11px;
	}
	.goods_table tbody .num {}
	.goods_table tbody th {}
}


/* -------------------------------------------------
アンカーリンク
---------------------------------------------------- */
.anchor_link {
	margin: 10px 0 !important;
	padding: 7px 15px 10px !important;
	background: #fff4cc;
	border-radius: 4px;
}
.anchor_link li {
	list-style: none;
	padding: 3px 1em 0 0 !important;
}
.anchor_link li a {
	color: #664400;
	text-decoration: none;
}
.anchor_link li a span {
	position: relative;
	display: inline-block;
	padding-left: 16px;
}
.anchor_link li a span::before {
	content: '';
	width: 0;
	height: 0;
	border: solid 5px transparent;
	border-top: solid 7px #ff9900;
	position: absolute;
	top: 0.5em;
	left: 0;
	margin-top: -1px;
}
.anchor_link li.sub {
	padding: 3px 1em 0 17px !important;
}
.anchor_link li.sub a span {
	padding-left: 14px;
}
.anchor_link li.sub a span::before {
	border: solid 4px transparent;
	border-top: solid 5px #336699;
	margin-top: 1px;
}

/* -------------------------------------------------
TOP - Pick up診療
---------------------------------------------------- */
.pickup {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 0 5px 15px;
}
.pickup .info {
	width: 327px;
	margin: 10px 0 5px !important;
	padding: 15px !important;
	box-sizing: border-box;
}
.pickup .info h4 {
	margin: 0 0 10px !important;
	padding: 0 0 2px !important;
	font-size: 1.15em !important;
}
.pickup .info img {
	float: right;
	padding: 0 0 10px 10px;
}
.pickup .info p:last-of-type {
	padding-bottom: 0 !important;
	text-align: center;
	clear: both;
}
.pickup .info p:last-of-type a {
	display: block;
	padding: 0.2em;
	background: #62b0d0;
	color: #fff;
	text-decoration: none;
	border-radius: 10px;
	transition: .3s;
}
.pickup .info p:last-of-type a:hover {
	opacity: .7;
}
.pickup .info p:last-of-type a span {
	display: inline-block;
	position: relative;
	padding: 0 0 0 0.8em;
}
.pickup .info p:last-of-type a span::before {
	content: '';
	width: 0;
	height: 0;
	border: solid 4px transparent;
	border-left: solid 6px #F4E57E;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -4px;
}


@media (max-width: 767px) {
	.pickup {
		margin: -10px 0 0 0;
		padding: 0;
	}	
	.pickup .info {
		width: 100%;
		margin: 0 auto 1.5em;
		padding: 1em 5%;
	}
}


/* -------------------------------------------------
TOP - お知らせアンカーボタン
---------------------------------------------------- */

@media (min-width: 768px) {
	.slide_box .info_btn {
		position: absolute;
		bottom: 15px;
		right: 30px;
	}
	
	.slide_box .info_btn a {
		display: block;
		background: #fff4cc;
		width: 120px;
		height: 120px;
		border-radius: 50%;
		border: 2px solid #fff;
		box-shadow: 0 0 5px 0px rgba(0, 0, 0, .15);
		box-sizing: border-box;
		position: relative;
		padding: 23px 0 0 0;
		text-decoration: none;
		text-align: center;
		font-weight: bold;
		line-height: 1.3;
		color: #664400;
	}
	.slide_box .info_btn a::after {
			content: '';
			width: 0;
			height: 0;
			border: solid 10px transparent;
			border-top: solid 12px #ff9900;
			position: absolute;
			bottom: 3px;
			left: 50%;
			margin-left: -10px;
	}
	.slide_box .info_btn a span.lag {
		font-size: 1.6em;
	}
	
	.slide_box .info_btn2 {
		position: absolute;
		bottom: 15px;
		left: 30px;
		display: block;
		background: #fff4cc;
		width: 300px;
		height: 80px;
		border-radius: 5%;
		border: 2px solid #fff;
		box-shadow: 0 0 5px 0px rgba(0, 0, 0, .15);
		box-sizing: border-box;
		padding: 15px 0 0 0;
		text-decoration: none;
		text-align: center;
		/*font-weight: bold;*/
		line-height: 1.3;
		color: #664400;
		font-size: 1.5em;
	}
	
}

@media (max-width: 767px) {
	.slide_box .info_btn {
		margin: 15px 0 -15px;
	}
	.slide_box .info_btn a {
		display: block;
		background: #fff4cc;
		border-radius: 4px;
		box-sizing: border-box;
		padding: 10px;
		text-decoration: none;
		text-align: center;
		line-height: 1.3;
		color: #664400;
	}
	.slide_box .info_btn a span.wrap {
		position: relative;
		display: inline-block;
		padding-left: 16px;
	}
	.slide_box .info_btn a span.wrap::before {
		content: '';
		width: 0;
		height: 0;
		border: solid 6px transparent;
		border-top: solid 8px #ff9900;
		position: absolute;
		top: 50%;
		left: 0;
		margin-top: -5px;
	}
	.slide_box .info_btn a br {
		display: none;
	}
	
	.slide_box .info_btn2 {
		display: block;
		background: #fff4cc;
		border-radius: 4px;
		box-sizing: border-box;
		padding: 10px;
		text-decoration: none;
		text-align: center;
		line-height: 1.3;
		color: #664400;
	}
}



.info_corona ul.photo {
	box-sizing: border-box;
	width: 670px;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	/*justify-content: space-between;*/
	/*padding: 0 10px 0 -5px!important;*/
}

.info_corona ul.photo li {
	list-style-type: none;
}

.info_corona ul.photo li img {
	width: 90%;
}
@media (max-width: 767px) {
.info_corona ul.photo li img {
	max-width: 100% !important;
	margin-bottom: 15px;
}
	}