hr {
	margin: 30px 0;
	opacity: 0.5;
}




section.caution {
	width: 100%;
	padding: 45px 10px;
}

section.caution blockquote {
	border: 3px solid #6C4E3D;
	max-width: 1080px;
	padding: 30px;
	margin: 15px auto;
	border-radius: 4px;
	color: #6C4E3D;
	font-size: 20px;
	line-height: 1.5;
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.1em;
}

section.caution blockquote h3 {
	color: #6C4E3D;
	font-size: 27px;
	line-height: 1.5;
	padding: 0;
	margin: 5px 0;
	font-weight: bold;
	text-align: center;
}


section.caution blockquote h4 {
	color: #6C4E3D;
	font-size: 20px;
	line-height: 1.5;
	padding: 0;
	margin: 5px 0;
	font-weight: bold;
	text-align: center;
}

section.caution blockquote h5 {
	color: #6C4E3D;
	font-size: 16px;
	line-height: 1.5;
	padding: 0;
	margin: 0;
	text-align: center;
}


section.caution blockquote table {
	width: 100%;
	margin: 15px 0;
}

section.caution blockquote table th,
section.caution blockquote table td {
	color: #6C4E3D;
	font-size: 24px;
	line-height: 1.5;
	padding: 0.3em 1em;
	margin: 5px 0;
	font-weight: bold;
	text-align: center;
	border: 2px solid #6C4E3D;
	background: rgba(108, 78, 60, 0.1)
}

section.caution blockquote table td {
	text-align: left;
	background: transparent
}

@media screen and (max-width: 736px) {
	section.caution {
		padding: 30px 10px;
	}

	section.caution blockquote {
		font-size: 16px;
		text-align: left;
	}

	section.caution blockquote h3 {
		font-size: 24px;
		text-align: left;
	}


	section.caution blockquote h4 {
		font-size: 18px;
		text-align: left;
	}

	section.caution blockquote h5 {
		font-size: 14px;
		text-align: left;
	}

	section.caution blockquote table th,
	section.caution blockquote table td {
		font-size: 3.2vw;
	}

}

@media screen and (max-width: 375px) {
	section.caution blockquote h3 {
		font-size: 20px;
	}


	section.caution blockquote h4 {
		font-size: 14px;
	}

	section.caution blockquote h5 {
		font-size: 12px;
	}


}











/* ------------------------------ お知らせ ----- */
.wrap.top .news_time .news .news_in {
	max-height: initial;
	height: 570px;
}

.wrap.top .news_time .news .news_in .detail time {
	font-size: 1.4rem;
	padding: 0.5em 1em 0.35em;
	margin: 0;
	display: block;
	line-height: 1;
	-webkit-justify-content: center;
	-ms-flex-pack: justify;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 10em;
	text-align: center;
}

.wrap.top .news_time .news .news_in .detail div p {
	font-size: 1.6rem;
	line-height: 1.5;
	padding: 0;
	margin: 0;
}

.wrap.top .news_time .news .news_in .detail a {
	text-decoration: none;
}

.wrap.top .news_time .news .news_in .detail a:after {
	content: '\f0a9';
	font-family: 'FontAwesome';
}

.wrap.top .news_time .news .news_in .detail blockquote {
	border-bottom: 1px dashed #6E5546;
	padding: 15px 0;
}

.wrap.top .news_time .news .news_in .detail blockquote:first-child {
	padding-top: 0;
}



@media screen and (max-width: 736px) {
	.wrap.top .news_time .news .news_in {
		height: 300px;
	}

}

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

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

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


/* ------------------------------ 下部FIXWEB予約　スマホ ----- */
.infoFix {
	background: rgba(182, 228, 93, 0.9);
}

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

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

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

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




/* ------------------------------ 院長あいさつ ----- */
@media screen and (max-width: 736px) {
	.wrap.message .comment .comment_l p {
		font-size: 1.8rem;
	}
}

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

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

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




/* ------------------------------ 上の戻るボタン ----- */
#fixedTop {
	right: 10px;
	bottom: 10px;
	width: 50px;
	height: 50px;
	line-height: 46px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	display: none;
	background: #6E5546;
	position: fixed;
	z-index: 9999;
	border-radius: 50%;
	-webkit-transform: translateZ(0);
}

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

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

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

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




/* ----------------------------- bottom-nav-floating ----- */
.bottom-nav-floating {
	position: relative;
	z-index: -1000;
	border: 0px solid red;
	height: 136px;
	width: 300px;
	opacity: 0;
	right: -300px;
	transition: 1s;
}

.bottom-nav-floating.fixed {
	display: block;
	position: fixed;
	z-index: 9999;
	bottom: 70px;
	right: -75px;
	background: transparent;
	border: 0px solid red;
	padding: 0;
	margin: 0;
	opacity: 1;
}


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

	.bottom-nav-floating,
	.bottom-nav-floating.fixed {
		display: none;
	}
}

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

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

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



















/* ----------------------------- 発熱外来について - PAGE ----- */
.hatsunetsugairai {}

.hatsunetsugairai h4,
.hatsunetsugairai p {
	font-size: 3.2rem;
	text-align: center;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-indent: 0.1em;
	line-height: 1.4;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.hatsunetsugairai p {
	font-size: 2.7rem;
	color: #D7313B
}

.hatsunetsugairai ul {
	background: rgba(255, 255, 255, 0.7);
	border: 4px solid #D7313B;
	padding: 45px;
	margin: 15px auto 75px;
	border-radius: 30px;
	width: 100%;
	position: relative;
}

.hatsunetsugairai ul::after {
	display: block;
	content: '\f0d7';
	position: absolute;
	font-family: FontAwesome;
	font-size: 70px;
	line-height: 0.5;
	bottom: -60px;
	left: 50%;
	-webkit-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
	color: #D7313B;
}

.hatsunetsugairai ul li {
	line-height: 1.3;
	padding: 0;
	margin: 0 0 0.5em 1.5em;
	list-style: disc;
	list-style-position: outside;
	font-weight: 600;
	color: #D7313B;
	font-size: 2.7rem;
}


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

	.hatsunetsugairai p,
	.hatsunetsugairai ul li {
		font-size: 2.4rem;
		text-align: left;
	}

	.hatsunetsugairai p {
		width: 85%;
	}


	.hatsunetsugairai ul {
		padding: 30px 15px;
		width: 90%;
	}




	/*
	.hatsunetsugairai h4,
	.hatsunetsugairai p {
		width: 100%;
	}

	.hatsunetsugairai p,
	.hatsunetsugairai li {
		font-size: 2.1rem;
	}


	.hatsunetsugairai ul {
		padding: 30px;
		width: 100%;
		margin-top: 30px;
		border-radius: 15px;
	} */
}

@media screen and (max-width: 520px) {
	/* .hatsunetsugairai p,
	.hatsunetsugairai li {
	font-size: 2.1rem;
	text-align:left;

}

	.hatsunetsugairai ul {
		padding: 15px;
		border-radius: 10px;
	} */

}

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

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


.btn-more {
	border: 0px solid red;
	margin-top: 30px;
	display: Block;
	width: 100%;
}

.btn-more a {
	display: block;
	background: #FBF6DF;
	padding: 10px 75px;
	border: 3px solid #F3D1A7;
	border-radius: 10px;

}

@media screen and (max-width: 736px) {
	.btn-more {
		margin-top: 15px;
	}
}


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

@media screen and (max-width: 420px) {
	.btn-more a {
		padding: 10px 30px;
	}
}

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

















.btn-more {
	position: relative;
}

.btn-more aside {
	position: absolute;
	top: -5px;
	left: -5px;
	background: #D9313B;
	color: White;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	display: block;
	width: 5em;
	padding: 7px 10px;
	text-align: center;
	transform: rotate(-20deg);
	animation: hurueru-2 5s infinite;

}


@keyframes hurueru-2 {
	0% {
		transform: translate(0px, 0px) rotateZ(0deg)
	}

	3% {
		transform: translate(2px, 2px) rotateZ(-2deg)
	}

	6% {
		transform: translate(2px, 0px) rotateZ(0deg)
	}

	9% {
		transform: translate(0px, 2px) rotateZ(2deg)
	}

	12% {
		transform: translate(0px, 0px) rotateZ(0deg)
	}

	100% {
		transform: translate(0px, 0px) rotateZ(0deg)
	}
}

@media (max-width: 768px) {
	.btn-more aside {
		top: -10px;
		font-size: 12px;
		padding: 5px 7px;

	}
}	
	
	
	
	
	
	
	
	
	
	
	
.wrap.vaccination .optional h3 {
	padding:0;
	margin:0;
		-webkit-align-items : center; 
		-ms-flex-align : center;
		align-items : center;
		display : -webkit-flex;
		display :-ms-flexbox;
		display : flex;
		-webkit-flex-wrap : wrap;
		-ms-flex-wrap : wrap;
		flex-wrap : wrap; 
	width:100%;
}




.wrap.vaccination .optional h3 span {
	width:240px;
	padding:0;
	margin:0;
}


.wrap.vaccination .optional h3 a {
	width:calc( 100% - 240px );
	padding-top:5px;
}


@media screen and (max-width: 736px) {
	.wrap.vaccination .optional h3 span {
		width:100%;
	}
	
	.wrap.vaccination .optional h3 a {
		width:100%;
		margin-top:15px;
	}
	
	.wrap.vaccination .optional h3 a img {
		width:auto;
		max-width:80%;
		margin:10px auto;
		display:block;
	}
	
}