@charset "utf-8";
/* CSS Document */
body:before,
body:after {
	content: "";
	background: #fcc800;
	position: fixed;
	display: block;
	z-index: 10;
}
html:after {
	content: "";
	background: #fcc800;
	position: fixed;
	display: block;
	z-index: 10;
}
html {
	font-size: 0.9vw;
	color: #000;
	text-align: left;
}

/* 上 */
html:before {
	height: 2%; 
	width: 100vw;
	left: 0;
	top: 0;
}

/* 右 */
html:after {
 width: 10px;
	height: 100vh;
	right: 0;
	top: 0;
}

/* 左 */
body:after {
	width: 10px;
	height: 100vh;
	top: 0;
	left: 0;
}

/* 下 */
body:before {
	height: 10px;
	width: 100vw;
	bottom: 0;
	left: 0;
}
body{
	width: 99.5%;
	height: 315px;
	background-color: white;
	margin: 0;
	padding: 0;
}
a img:hover {
	opacity: 0.5;
}
.pad5 {
		padding: 5%;
}
.backmenu{
	margin-top: -30px;
	margin-left: -1%;
}
.time{
	width: 100%;
	text-align: center;
	background-color: white;
}
.time td{
}
.menu img:hover {
	box-shadow: 10px 10px 10px rgba(0,0,0,0.5);
	transform: translateY(-10px);
	transition-duration: 0.5s;}
.mainmenu{
	width:80%;
	background-color:#fff;
	padding:5% 0%;
}
.subtitle h2 {
	border-bottom: solid 3px #fcc800;
	padding-bottom: 0%;
}
.newMark{
	background-color: #f8e735;
	color: white;
	text-decoration: none;
	border-radius: 5px;
	padding: 0% 0.5%;
	float: left;
	margin-right: 1%;
	font-size: smaller;
}
.fuwafuwa {
	width: 100px;
	height: 100px;
	margin: 100px;
	background: #000;
	animation: fuwafuwa 3s infinite;
}

@keyframes fuwafuwa {
	0% { transform:translateY(0px); }
	50% { transform:translateY(50px); }
	100% { transform:translateY(	0px); }
}
.u {
	border-bottom: dotted 3px #5b8bd0;
	padding: 0.3%;
}
.under{
	width: 90%;
	text-align: inherit;
	margin-left: 4%;
}
.oshirase{
	width: 100%;
}
.sidebar{
	background-color: white;
	font-weight: bold;
	background: #F7F7F7;
	border: solid 3px #F7F7F7;/*線*/
	border-radius: 10px;/*角の丸み*/
	margin-top: 33px;
	padding: 1%;
	text-align: left;
	padding-bottom: 20px;
}

section.sidebar ul {
	padding-left: 14px;
}

section.sidebar ul li.cat-item {
	list-style: none;
}

header {
	padding:10px;
}
.body{
	width: 1400px;
}
.tel{
	background-color:#3fb2e3;
	color:#eeeeee;
}
.detail {
	list-style: none;
}
.detail li{
	background-color: aliceblue;
	padding: 2%;
	list-style: none;
	margin-left: -3%;
}
.shadow｛
	position: relative;
	color: #6eb0f9;
	line-height: 1.4;
	-webkit-box-reflect: below -10px -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0) 10%,rgba(0, 0, 0, 0.6));
}
.hidden_box {
	margin: 10px 0;
	padding: 0;
	text-align: center;
}
.symptom{
	/*background-color: #f5f5f5;*/
	padding: 1%;
}
.hidden_box label {
	border-bottom: 0.1875em solid #1B5E20;
	background-color: #4CAF50;
	color: #fff;
	display: inline-block;
	padding: 0.6em 2em;
	margin: 0 0 1em;
	cursor: pointer;
	transition: all 0.3s ease 0s;
}

.hidden_box label:hover {
	border-bottom-color: transparent;
	transform: translateY(0.1875em);
}

.hidden_box label:after {
	content: "";	/* 閉じている状態のときにラベルの後ろに続く文字 */
}

.hidden_box input {
	display: none;
}

.hidden_box .hidden_show {
	height: 0;
	overflow: hidden;
	opacity: 0;
	padding: 0;
	text-align: left;
	transition: 0.5s;
}

.hidden_box input:checked + label:after {
	content: "を非表示";	/* 開いている状態のときにラベルの後ろに続く文字 */
}

.hidden_box input:checked ~ .hidden_show {
	height: auto;
	opacity: 1;
	padding: 10px 0;
}
.kakomi a{
	background-color: #3fb2e3;
	padding: 1% 6%;
	border-radius: 10px;
	margin: 20px;
	width: 100%;
}
.subject {
	float: left;
	color: white;
	margin: 0px 0px 0px 24px;
	z-index: 100;
}
.photo img {
	box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
}
.toping {
	filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.4));
	width: 10%;
}
.date {
	text-align: right;
	margin: 16px 20px 24px 0px;
	z-index: 500;
}
.newsList {
	background-color: #eeeeee;
	width: 60%;
	text-align: left;
}
.menuback {
	/*background-image: url(https://shinozakiwanpaku-clinic.tums.jp/image/menuback.png);*/
	background-position: center bottom;
	background-repeat: repeat-x;
	height: 15%;
	position: fixed;
	width: 100%;
	/*background-color: white;*/
	margin-top: -100px;
}
.g-nav {
	/*width: 90%;*/
	z-index: 10;
	background-color: #34495e;
	margin-top: -2%;
	margin-bottom: 6%;
}
.g-nav-menu ul {
	width: 100%;
	z-index: 1;
	background-color: #34495e;
}
.g-nav-menu {
	width: 100%;
	/*overflow: hidden;*/
}
.g-nav-menu li {
	width: 13%;
	float: left;
	color: #fff;
	list-style-type: none;
	padding: 8px 0;
	text-align: center;
	background-color: #34495e;
}
.headertop {
	background-color: #fcc800;
	height: 30px;
	margin-top: -16px;
}
.headerfixed {
	position:fixed;
	width:100%;
	z-index:999999999;
	/* background-color:#f0f8ff; */
	top: 0;
	/* border-bottom: solid 3px #3d8bc2; */
}
.bg-slider {
	width: 100%;
	height: 600px;
	top: 50%;
	background-position:center center;
	background-size: cover;
	/*display: flex;*/
	align-items: center;
	justify-content: center;
}
.bg-slider__title {
	/*color: #fff;
	font-size: 48px;*/
	line-height: 1.5;
	/*font-weight: bold;
	text-align:center;
	text-shadow: 1px 1px 1px #000;*/
}
.point h2 {
	color:#333333;
	background: linear-gradient(transparent 60%, #ffff66 60%);
	text-shadow: 1px 1px 0 rgba(0,0,0,.2);
}
.pagetop {
	display: none;
	position: fixed;
	bottom: 5%;
	right: 1%;
}
.pagetop a {
	display: block;
	/* background-color: #ccc; */
	text-align: center;
	color: #222;
	font-size: 12px;
	text-decoration: none;
	padding: 0px;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.7;
}
.pagetop a:hover {
	display: block;
	/*background-color: #b2d1fb;*/
	text-align: center;
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	padding: 3px 0px;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
/*.fadein {
	opacity : 0;
	transform: translateY(20px);
	transition: all 1s;
}*/

.aisatsu {
	width: 100%;
	padding-top: 10px;
	background-color: #fff;
	/*background-image: url(/image/aisatsu_back.jpg);*/
	background-repeat: no-repeat;
	background-position: right;
}
.footer {
	background-color: #fcc800;
}
.page-footer .footerbox {
	/*border: double 5px #7ecced;*/
	/*border: 1px solid #3fb2e3;*/
	background-color: #e3eaf4;
}
.page-footer .part_line {
	
}
.footerbox, .footerbox4 {
	/* border: 2px #3fb2e3 solid; */
	background-color: #FFFFFF;
	/* font-size: small; */
	/* line-height: 192%; */
}
.pickup {
	background-image: linear-gradient(-225deg, #70A1F7 0%, #6FCEDA 100%);
	width: 100%;
	padding: 1% 0%;
}
.footercolor {
	
}
.footerbox, .footerbox3, .footerbox4 {
	padding: 5px;
	/* border-radius: 5px; */
	/* border: 2px #3fb2e3 solid; */
	/* border-collapse: collapse; */
}
.menutitle {
	padding: 0;
	margin-bottom: 30px;
	text-shadow: 2px 3px 4px white;
	position: relative;
	color: #7b3434;
	line-height: 1.4;
	-webkit-box-reflect: below -10px -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0) 10%,rgba(0, 0, 0, 0.6));
}
.sm-link {
	--uismLinkDisplay: var(--smLinkDisplay, inline-flex);	 
	--uismLinkTextColor: var(--smLinkTextColor);
	--uismLinkTextColorHover: var(--smLinkTextColorHover);	
	display: var(--uismLinkDisplay);
	color: var(--uismLinkTextColor);
	position: relative;
	overflow: hidden;
}

a.sm-link {
	text-decoration: none;
}

.sm-link__label{
	display: block;
}

/* sm-link_padding-all */ 

.sm-link_padding-all {
	--uismLinkLineWeight: var(--smLinkLineWeight, 2px);
	--uismLinkLineColor: var(--smLinkLineColor, #000);
	--uismLinkPadding: var(--smLinkPadding, 5px);
	padding: var(--uismLinkPadding);
}

.sm-link_padding-all::before, 
.sm-link_padding-all::after {
	width: 100%;
	height: var(--uismLinkLineWeight);
	left: 0;
}

.sm-link_padding-all::before {
	top: 0;
}

.sm-link_padding-all::after {
	bottom: 0;
}

.sm-link_padding-all .sm-link__label::before,
.sm-link_padding-all .sm-link__label::after {
	width: var(--uismLinkLineWeight);
	height: 100%;
	top: 0;
}

.sm-link_padding-all .sm-link__label::before {
	left: 0;
}

.sm-link_padding-all .sm-link__label::after {
	right: 0;
}

.sm-link_padding-all::before,
.sm-link_padding-all::after,
.sm-link_padding-all .sm-link__label::before,
.sm-link_padding-all .sm-link__label::after {
	content: "";		 
	background-color: var(--uismLinkLineColor);
	position: absolute; 
	opacity: 0;
	will-change: transform, opacity;
	transition-property: transform, opacity;
}

.sm-link_padding-all:hover::before,
.sm-link_padding-all:hover::after,
.sm-link_padding-all:hover .sm-link__label::before,
.sm-link_padding-all:hover .sm-link__label::after {
	opacity: 1;
}

/* sm-link_padding-bottom */ 

.sm-link_padding-bottom {
	--uismLinkLineWeight: var(--smLinkLineWeight, 2px);
	--uismLinkLineColor: var(--smLinkLineColor, #000);	
	padding-bottom: var(--uismLinkLineWeight);	
	position: relative;
}

.sm-link_padding-bottom::after {
	content: "";
	width: 100%;
	height: var(--uismLinkLineWeight);
	background-color: var(--uismLinkLineColor);
	position: absolute;
	left: 0;
	bottom: 0;
}

/* sm-link_bg */ 

.sm-link_bg {
	--uismLinkLineColor: var(--smLinkLineColor, #000);	
	--uismLinkTextColorHover: var(--smLinkTextColorHover, #fff);		
	--uismLinkPadding: var(--smLinkPadding, 5px);
	padding: var(--uismLinkPadding);
	transition: color .3s ease-out;
}

.sm-link_bg::before, 
.sm-link_bg::after {
	content: "";
	background-color: var(--uismLinkLineColor); 
	opacity: 0;
	position: absolute;
	transition: transform .2s ease-out, opacity .2s ease-out .03s;
}

.sm-link_bg .sm-link__label {
	position: relative;
	z-index: 2;
}

.sm-link_bg:hover::before, 
.sm-link_bg:hover::after {
	opacity: 1;
	transition-duration: .35s, .35s;
	transition-delay: 0s, 0s;
}

.sm-link_bg:hover {
	color: var(--uismLinkTextColorHover);
}

/* sm-link_text */ 
.sm-link_text::before {
	content: attr(data-sm-link-text);
	color: var(--uismLinkTextColorHover);
	position: absolute;
}

.sm-link_text::before, 
.sm-link_text .sm-link__label {
	transition-property: transform;
	transition-timing-function: cubic-bezier(.86, .6, .08, 1.01); 
	transition-duration: .3s;
}

.sm-link_text:hover::before,
.sm-link_text:hover .sm-link__label {
	transition-duration: .4s;
}

.sm-link3::after {
	transform: translate3d(-100%, 0, 0);
	transition: transform .2s ease-in;
}

.sm-link3:hover::after {
	transform: translate3d(0, 0, 0);
}
.footer_area {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: rgba( 0, 0, 0, 0.6 );
	z-index: 1;
}
.footer_area .footer_area_inner {
	text-align: center;
	margin: 0px auto;
	padding: 5px 0;
	margin-right: 0px;
}
.footer_area .footer_area_inner .footer_area_inner_btn {
	width: 85%;
	padding: 11px 0;
	font-size: 20px;
	font-weight: bold;
	margin-left: 15px;
	line-height: 1.3;	 
}
.sidesp {
	float: left;
}
.w60s {
	width:48%;
}
.w20ss {
	width: 107%;
}
.sidersp {
	float: right;
}
.newsList {
	background-color: #eeeeee;
	width: 90%;
	text-align: left;
}

#contents_bnr {
	background-color: #fff;
	padding: 1.75em 1.25em 0;
}

#contents_bnr .wrap {
	display: flex;
	flex-wrap: wrap;
}

.item {
	padding-bottom: 8px;
	width: 50%;
	background-color: #fff;
}

/*.item:not(:nth-child(2n+2)) {
	margin-right: 2%;
}

.item:nth-child(n+4) {
	margin-top: 30px;
}

.item img {
	padding: 2% 2% 0;
}*/

.item a {
	color: #333;
	text-decoration: none;
}

.item a:hover {
	filter: opacity(70%);
}

/* スマホ用 */
@media screen and (max-width: 700px) {
	.footer_area {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		background-color: rgba( 0, 0, 0, 0.6 );
		z-index: 1;
	}
	.footer_area .footer_area_inner {
		text-align: center;
		margin: 0px auto;
		padding: 5px 0;
		margin-right: 0px;
	}
	.footer_area .footer_area_inner .footer_area_inner_btn {
		width: 85%;
		padding: 11px 0;
		font-size: 20px;
		font-weight: bold;
		margin-left: 15px;
		line-height: 1.3;
	}
	.inquiry_btn {
		-webkit-border-radius: 3px;
		display: inline-block;
		text-align: center;
		text-decoration: none;
		padding: 5px 0;
		font-size: 18px;
		font-weight: bold;
	}
	.inquiry_btn:link, .inquiry_btn:visited {
		color: #FFFFFF !important;
	}
	.sp30 {
		width: 30%;
	}
	.footer_area_inner span{
		color: #fff;
	}
	.detail {
		list-style: none;
	}
	.detail li{
		background-color: aliceblue;
		padding: 5%;
		list-style: none;
		margin-left: -10%;
	}
	.hidden_box label {
		border: 1px solid #ddd;
		border-radius: 5px;
		cursor: pointer;
		font-weight: bold;
		margin: 0 auto;
		padding: 10px;
		min-width: 50%;
		padding: 4% 5%;
	}
	.headertop {
		background-image: linear-gradient(-225deg, #70A1F7 0%, #6FCEDA 100%);
		height: 30px;
		margin-top: -16px;
		position: absolute;
	}
	.menutitle {
		padding: 0%;
		color: #333;
		text-shadow: 0px 0px 0px white;
		position: fixed;
		color: #6eb0f9;
		line-height: 0;
		-webkit-box-reflect: below -0px -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0) 10%,rgba(0, 0, 0, 0));
	}
	.sidebar {
		background-color: #eeeeee;
		font-weight: bold;
		border: solid 3px #eeeeee;
		border-radius: 10px;
		/* margin-top: 33px; */
		color: black;
		padding: 1%;
	}
	.site-header {
		z-index: -1;
	}
	body {
		width: 97%;
		height: 315px;
		margin: 0 auto;
	}
	.mainmenu {
		width: 95%;
		background-color: #fff;
		border-radius: 25px;
		padding: 5% 0%;
	}
	.box26 {
		width: 90%;
	}
	/* 右 */
	html:after {
		width: 2%;
	}
	/* 左 */
	body:after {
		width: 2%;
	}
	p{
		padding: 2%;
	}
	header {
		background: #fcc800;
		z-index: 2;
		width: 14%; 
		margin-top: 0px;
		margin-left: 78%;
		/* padding: 6%;*/
	}
	#nav-drawer {
		/*position: relative;*/
		/*position: fixed;*/
	}

	/*チェックボックス等は非表示に*/
	.nav-unshown {
	display:none;
	}

	/*アイコンのスペース*/
	#nav-open {
		display: inline-block;
		width: 27px;
		height: 40px;
		vertical-align: middle;
		margin-left: 4%;
		margin-top: 4%;
	}

	/*ハンバーガーアイコンをCSSだけで表現*/
	#nav-open span, #nav-open span:before, #nav-open span:after {
		position: absolute;
		height: 3px;
		width: 35px;
		border-radius: 3px;
		background: white;
		display: block;
		content: '';
		cursor: pointer;
		margin-left: 1%;
		margin-top: 2%;
	}
	#nav-open span:before {
		bottom: -8px;
	}
	#nav-open span:after {
		bottom: -16px;
	}

	/*閉じる用の薄黒カバー*/
	#nav-close {
		display: none;/*はじめは隠しておく*/
		position: fixed;
		z-index: 99;
		top: 0;/*全体に広がるように*/
		left: 0;
		width: 100%;
		height: 100%;
		background: black;
		opacity: 0;
		transition: .3s ease-in-out;
	}

	/*中身*/
	#nav-content {
		overflow: auto;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;/*最前面に*/
		width: 78%;/*右側に隙間を作る（閉じるカバーを表示）*/
		max-width: 330px;/*最大幅（調整してください）*/
		height: 100%;
		background: #fff;/*背景色*/
		transition: .3s ease-in-out;/*滑らかに表示*/
		-webkit-transform: translateX(-105%);
		transform: translateX(-105%);/*左に隠しておく*/
	}

	/*チェックが入ったらもろもろ表示*/
	#nav-input:checked ~ #nav-close {
		display: block;/*カバーを表示*/
		opacity: .5;
	}

	#nav-input:checked ~ #nav-content {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);/*中身を表示（右へスライド）*/
		box-shadow: 6px 0 25px rgba(0,0,0,.15);
	}
	#rect img{
		width: 30%;
		max-width: 63px;
	}
	#nav-content h2 p{
		width: 50%;
	}
	.bg-slider {
		width: 100%;
		max-height: 485px;
		height: 70%;}
		.bg-slider {
		width: 100%;
		height: 500px;
		top: 50%;
		background-position:center center;
		background-size: cover;
		/*display: flex;*/
		align-items: center;
		justify-content: center;
	}
	.bg-slider__title{
		/*color: #fff;
		font-size: 48px;*/
		line-height: 1.5;
		/*font-weight: bold;
		text-align:center;
		text-shadow: 1px 1px 1px #000;*/
	}
	.toping {
		filter: none;
		width: 32%;
	}
	
	/* 重要なお知らせ枠 */
	section#notice {
		width: 94%;
		margin: 0 auto;
		border: solid 2px #7b3434;
	}
	section#notice li.widget_text {
		list-style-type: none;
	}
	section#notice h2.widgettitle {
		margin: 0;
		padding: 4px 10px;
		font-weight: bold;
		background-color: #7b3434;
		color: #FFF;
	}
	section#notice div.textwidget {
		margin: 0;
		padding: 12px 18px;
		background-color: #FFF;
	}
	section#notice div.textwidget p {
		margin: 0;
		padding: 0;
		color: #7b3434;
		text-align: left;
	}

	/* お知らせ枠 */
	section.information {
		width: 90%;
		margin: 0 auto;
		margin-top: 30px;
		border: solid 2px #999;
	}
	section.information li {
		list-style-type: none;
	}
	section.information h2.widgettitle {
		margin: 0;
		padding: 4px 12px;
		font-weight: bold;
		color: #000;
	}
	section.information div.textwidget {
		margin: 0;
		padding: 0 18px 6px;
	}
	section.information div.textwidget p {
		margin: 0;
		padding: 0;
		color: #4c1200;
		text-align: left;
	}
	section.information li.widget_black_studio_tinymce {
		padding: 10px 18px;
		margin-bottom: 24px;
	}
	section.information span.info-h2 {
		border-bottom: 1px dotted #000;
	}

	/* パンくず */
	.breadcrumbs {
		padding: 0 0 2% 3%;
	}

	/* H3の見出し */
	h3.cap {
		color: #7b3434;
		font-size: 1.5em;
		font-weight: bold;
		margin-bottom: 2px;
	}
	h3.cap-sp_l {
		color: #7b3434;
		font-size: 1.5em;
		font-weight: bold;
		margin-bottom: 2px;
		text-align: left;
	}
	/* トップバナー枠 */
	section.bnr_area {
		width: 80%;
		margin: 0 auto;
		margin-top: 30px;
	}
	.item {
		width: 100%;
	}

	.item:not(:nth-child(2n+3)) {
		margin-right: 0;
	}

	.item:nth-child(n+2) {
		margin-top: 24px;
	}
	.top-banner img {
		width: 100%;
	}
	.sp-image {
		width: 100%;
	}
	div.echo-schedule > dl {
		width: 100%;
		background-color:#fff;
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
	}

	div.echo-schedule > dl > dt {
		width: 60%;
		text-align: left;
		font-weight: bold;
	}

	div.echo-schedule > dl > dd {
		width: 100%;
		text-align: left;
		margin-left: 0;
	}
	.sponly{
		display:block;
	}
}
/* /スマホ用 */

/* PC用 */
@media screen and (min-width: 701px) {
	/* 重要なお知らせ枠 */
	section#notice {
		width: 82%;
		margin: 0 auto;
		border: solid 2px #7b3434;
	}
	section#notice li.widget_text {
		list-style-type: none;
	}
	section#notice h2.widgettitle {
		margin: 0;
		padding: 4px 10px;
		font-weight: bold;
		background-color: #7b3434;
		color: #FFF;
	}
	section#notice div.textwidget {
		margin: 0;
		padding: 12px 18px;
		background-color: #FFF;
	}
	section#notice div.textwidget p {
		margin: 0;
		padding: 0;
		color: #7b3434;
		text-align: left;
	}
	
	/* お知らせ枠 */
	section.information {
		width: 80%;
		margin: 0 auto;
		margin-top: 30px;
		border: solid 2px #999;
	}
	section.information li {
		list-style-type: none;
	}
	section.information h2.widgettitle {
		margin: 0;
		padding: 4px 12px;
		font-weight: bold;
		color: #000;
	}
	section.information div.textwidget {
		margin: 0;
		padding: 0 18px 6px;
	}
	section.information div.textwidget p {
		margin: 0;
		padding: 0;
		color: #4c1200;
		text-align: left;
	}
	section.information li.widget_black_studio_tinymce {
		padding: 10px 18px;
		margin-bottom: 24px;
	}
	section.information span.info-h2 {
		border-bottom: 1px dotted #000;
	}

	/* パンくず */
	.breadcrumbs {
		padding: 2% 0 2% 2%;
	}

	/* H3の見出し */
	h3.cap {
		color: #7b3434;
		font-size: 1.5em;
		font-weight: bold;
		margin-bottom: 2px;
	}
	h3.cap-sp_l {
		color: #7b3434;
		font-size: 1.5em;
		font-weight: bold;
		margin-bottom: 2px;
	}
	/* トップバナー枠 */
	section.bnr_area {
		width: 100%;
		margin: 0 auto;
		margin-top: 30px;
	}
}
/* /PC用 */