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


ul,ol{
	list-style: none;}
body {
	font-family: 'Noto Sans JP', sans-serif;
	margin: 0;}	

a {
	text-decoration: none;
    display: block;
}
		



.pc { display: block !important; }
	.pc-tab { display: block !important;}
	.tab { display: none !important;}	
	.sp { display: none !important; }
	.tab-sp { display: none !important; }



/*--ヘッダー----------------------------------------------*/

header {
	display: block;
	background-color: #f9fdf0;
	height: 135px;
	}

.logo {
	height: 85px;
	padding: 25px 0 25px 25px;
	float: left;}
	
.header-wrapper {
    margin: 0 auto;
	}

.header-rigth {
	font-family: 'Kiwi Maru', serif;
	font-weight: 100;
	float: right;
	font-weight: bold;
	margin: 0;
	padding-left: 0;
	font-size: 0.9em;
	}

.header-tel {
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
	letter-spacing: 2px;
	background-color: #696969;
	color: white;
	padding: 0px 15px;
	height: 67px;
	line-height: 67px;
	}

.fa-phone {
	color: #696969;
    background-color: white;
    border-radius: 50%;
    padding: 5px;
	margin-right: 5px;
	}


.header-web {
	background-color: #52c054;
	font-weight: normal;
	padding: 0px 15px;
	height: 67px;
	line-height: 67px;
	}

.header-web a {
	color: white;
	}

.fa-desktop {
	color: #52c054;
    background-color: white;
    border-radius: 50%;
    padding: 5px;
	margin-right: 5px;
	}
	
.header-rigth li:nth-child(2) {
	border-bottom: 1px solid white;}

.fa-map-marker-alt {
	color: #696969;
    background-color: white;
    border-radius: 50%;
    padding: 5px;
	margin-right: 5px;
	}

.header-menu {
	float: right;
	text-align: center;
	padding: 16px 0;
	}	

.menu-list {
	float: left;
}

.header-menu li {
	height: 60px;
	color: #00a201;
	font-weight: bold;
	letter-spacing: 2px;
	font-size: 1.1em;
	padding: 5px 20px;
    border-right: 1px solid #52c054;
	font-family: 'Kiwi Maru', serif;
	font-weight: normal;
	}

.header-menu li:first-child {
	width: 50px;
}

.header-menu a {
	color: #00a201;
	display: inline-block;
	}
	
.header-menu li:last-child {
	border-right: none;
}

.header-menu li img {
	width: 30px;}

.header-menu p {
	font-family: 'Noto Sans JP', sans-serif;
	color: #333333;
	font-weight: 400;
	letter-spacing: 1px;
	margin: 5px 0 0;
	font-size: 0.8em;
	}

	
/*--------------------------------------------------------*/



/*--メイン------------------------------------------------*/

#up_ymd{
	text-align: left;
	font-size: 1.1em;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	color: #00a201;
}
.detailUpfile{
	margin:5px 0 35px;
	text-align:center;
}
.backORcloseBtn{
	text-align: center;
	line-height: 100%;
	margin-top: 3em;
}
.backORcloseBtn a{
	display: inline-block;
	color: #FFFFFF;
	border-radius: 5px;
	text-decoration: none;
	font-size: 0.8em;
	background-color: #00a201;
	padding-top: 1em;
	padding-right: 1.5em;
	padding-bottom: 1em;
	padding-left: 1.5em;
}
.detailUpfile img{
	max-width:100%;
	height:auto;
}
.pNav{
	padding-bottom: 2em;
	font-size: 1em;
}
.clearfix:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.clearfix { display:inline-block; }

/* for macIE \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }

ul#newsList{
	margin: 0 0 15px;
	padding: 0;
	text-decoration: none;
}
ul#newsList li{
	font-size: 1em;
	margin: 0;
	padding: 5px 0;
	margin-bottom: 3px;
	border-bottom: 3px dotted #00a201;
	line-height: 150%;
	list-style-type: none;
}
ul#newsList li a{
	color: #36F;
    text-decoration:underline; 
}
a:hover{
	color: #00a201;
	text-decoration: none;
}

.catName{
	display: inline-block;
	padding: 3px 8px;
	border-radius: 5px;
	font-size: 0.8em;
	line-height: 100%;
	margin: 0 2px;
	color: #FFF;
	background-color: #00a201;
}
.newMark{
	display: inline-block;
	/* [disabled]border: 1px solid #F00; */
	padding: 1px 4px;
	font-size: 0.9em;
	line-height: 100%;
	background: #F00;
	color: #fff;
	box-shadow: 1px 1px 1px #999;
	border-radius: 8px;
	font-style: italic;
}
.comment{
	display:block;
	padding:3px 0;
	float:left;
	overflow:hidden;
	width:100%;/* 本文部分の幅。ここは特に設置ページ合わせて変更下さい */
}
.thumbNailWrap{
	display:block;
	width:110px;
	float:left;
	height:80px;
	overflow:hidden;
}

/* Pager style（外部化可） */
.pager{
	text-align:right;
	padding:10px;
	clear:both;
}
/*ページャーボタン*/
.pager a{
    border: 1px solid #999;
    border-radius: 5px 5px 5px 5px;
    color: #333;
    font-size: 1em;
    padding: 3px 7px 2px;
    text-decoration: none;
	margin:0 1px;
}

/*現在のページのボタン*/
.pager a.current{
    background: #999;
    border: 1px solid #999;
    border-radius: 5px 5px 5px 5px;
    color: #fff;
    font-size: 1em;
    padding: 3px 7px 2px;
	margin:0 1px;
    text-decoration: none;
}

.pager a:hover{
    background:#999;
    color: #fff;
}

.overPagerPattern{
	padding:0 2px ;	
}
/*------医院紹介--------------------------------------------------*/

h1 {
	margin: 0;}

h1 img {
	width: 100%;
	}
	
.news {
	padding: 7% 7%;
	}
	
.clinic {
	background-color: #f9fdf0;
	padding: 7% 7%;
	display: inline-block;
	}

.clinic h3 {
	font-family: 'Kiwi Maru', serif;
	font-weight: normal;
	font-size: 1em;
    color: #00a201;
    border-bottom: 3px solid #00a201;
    padding-bottom: 3px;
    display: inline-block;
    letter-spacing: 1px;
	margin: 0 0 25px;}

.clinic-wrapper {
	display: inline-block;}
	
.clinic-text {
	float: left;
	width: 53%;
	}

.clinic-text h2 {
	line-height: 45px;
	letter-spacing: 1px;
	margin-top: 0;}

.clinic-text p{
	font-size: 0.9em;
	font-weight: 500;
	line-height: 25px;
	color: #3C3C3C;
}

.clinic-photo-wrapper {
	float: right;
	width: 43%;}

.clinic-photo-wrapper img {
	width: 100%;}

.clinic-photo-wrapper img:first-child {
	margin-bottom: 2%;}

.clinic .clinic-photo-wrapper img:nth-child(2) {
	float: left;
	width: 49%;}

.clinic-photo-wrapper img:last-child {
	float: right;
	width: 49%;}



.doctor-wrapper h3 {
	font-size: 1.3em;
    color: #00a201;
    border-bottom: none;
    padding-bottom: 3px;
    display: inline-block;
    letter-spacing: 1px;
	margin: 50px 0 10px;}

.doctors {
	display: flex;
    width: 100%;}

.docter {
	background-color: white;
    border: 1px solid #52c054;
    border-radius: 10px;
    padding: 0 2%;}

.docter:first-child {
	float: left;
	margin-right: 4%;
	width: 38%}

.docter:last-child {
	float: right;
	width: 50%;}
	
h4 {
    color: #00a201;
    font-size: 1.3em;
    border-bottom: 2px dotted #D8E698;
    padding-bottom: 2px;
    margin: 15px 0 10px;}

.furigana {
	font-size: 0.6em;
    font-weight: 100;
    padding-left: 10px;} 

.docter ul {
	margin: 0 20px 20px 0;
    padding: 0;
    font-weight: 400;
	color: #3C3C3C;}

.doctor-career ul:first-child {
	float: left;
	margin-right: 20px;}

.white {color: #FFF;}


/*------アクセス・診療時間------------------------------------------*/

.medical-guide {
	padding: 7% 7% 3%;
	display: block;
	height: 390px;}

.map-wrapper {
	width: 45%;
	float: left;
	margin-right: 5%;
	font-weight: 300;
}

.map {
	margin-bottom: 15px;}
	
.map-wrapper p {
	font-size: 1.1em;
	margin: 4px 0;
	font-weight: 400;
}

.map-wrapper p:nth-child(4),
.map-wrapper p:last-child{
	color: #6d6d6d;
	font-size: 0.8em;}

.disk {
	color: #00a201;}

.schedule {
	float: right;
    width: 50%;}

.schedule h3 {
	font-family: 'Kiwi Maru', serif;
	font-weight: normal;
	font-size: 1.3em;
    color: #00a201;
    margin-top: 0;
    letter-spacing: 2px;}

.table-wrapper {
	background-color: #f9fdf0;
    color: #52c054;
    padding: 8px 16px;
	}

.schedule-p {
	font-weight: 100;
	margin: 10px 0 30px;
	}

.table-wrapper table{
	width: 100%;
	text-align: center;
	line-height: 33px;
    letter-spacing: 1px;
	border-collapse: collapse;}
	
	
.table-wrapper table tr:first-child {
	border-bottom: 1px solid #52c054;}

table th,
table td {
	font-weight: 100;
	padding: 5px 9px;}

table th {
	color: black;}
	
table td {
	font-size: 0.8em;}

.time {
	font-size: 1em;
	color: black;
	font-weight: 400;
	}

.closed {
	color: black;}
	
.address-tel-wrapper img {
	width: 105px;
	float: left;
	margin: 10px 10px 0 0;}


.address-tel p {
	margin: 0;}

.address-tel p:last-child {
	font-family: 'Montserrat', sans-serif;
	font-size: 2.4em;
    margin: 0;
    color: #00a201;
	letter-spacing: 3px;}


/*------お知らせ------------------------------------------*/

.news-wrapper {
	padding: 7% 7% 2%;
	}

.news-logo {
	width: 15%;
    float: left;
    text-align: center;
	margin-right: 2%;
    height: 210px;}

.news-logo img {
	width: 30%;}

.news-logo h5 {
	font-family: 'Kiwi Maru', serif;
	font-weight: normal;
	font-size: 1.7em;
	letter-spacing: 3px;
    margin: 5px 0 5px;}

.news-logo p {
	font-weight: 100;
    color: #a1a1a1;
    letter-spacing: 2px;
    margin: 0;}


.facility-standards {
    padding: 0 7% 7%;
    text-decoration: underline;
    font-size: 1em;
    font-family: 'Kiwi Maru', serif;
}
.facility-standards a p {
    color: #505050;
}

/*--フッター----------------------------------------------*/

footer {
	display: block;
	background-color: #f9fdf0;
	}

.footer-wrapper {
	height: 140px;}

.footer-rigth {
	text-align: right;
	float: right;
    padding: 24px 25px 20px 10px;}

.footer-rigth p {
	margin: 0;
	font-size: 0.7em;}

.footer-rigth p:nth-child(2) {
	font-family: 'Montserrat', sans-serif;
	font-size: 2em;}

.footer-tel {
	font-size: 0.8em;
    color: #00a201;
    display: inline-block;}

.footer-rigth .fa-map-marker-alt {
	color: #00a201;
	margin-right: 0px;
	background-color: unset;
	}

.footer-rigth p:last-child {
	font-size: 2em;
    color: #00a201;}

.footer-icon {
	margin: 5px;
	font-size: 1em;
	font-family: 'Kiwi Maru', serif;
	font-weight: normal;
	background-color: #00a201;
	padding: 2px;
	text-align: center;
	border-radius: 5px;
}

.footer-icon a {
	color: white;
	display: block;}

.footer-icon .fa-desktop {
	font-size: 1.2em;
	color: white;
	background-color: unset; 
	 [disabled]border-radius: 0;
	 [disabled]padding-right: 0;
}

.footer-icon .fa-desktop {
	padding-right: 5px;}

.footer-menu {
	text-align: center;
    padding: 20px 0;
	float: right;}

.footer-menu ul {
	display: inline-block;
    padding: 0;}

.footer-menu li {
	height: 60px;
    color: #00a201;
    font-weight: bold;
    letter-spacing: 2px;
    font-size: 1em;
    padding: 10px 20px 0px;
    border-right: 1px solid #52c054;
	}

.footer-menu li:first-child {
	width: 50px;}

.footer-menu a {
	font-family: 'Kiwi Maru', serif;
	font-weight: normal;
	color: #00a201;
	margin-bottom: 5px;}
	
.footer-menu li:last-child {
	border-right: none;}

.footer-menu li img {
	width: 51%;}

.footer-menu p {
	font-family: 'Noto Sans JP', sans-serif;
	color: #333333;
	font-weight: 500;
	letter-spacing: 1px;
	margin: 5px 0 0;
	font-size: 0.8em;
	}
	
.footer-iconpc {
	background-color: #00A201;
	text-align: center;
	padding: 7px;
	border-radius: 5px;
	font-size: 0.8em;
}

.footer-iconpc a {
	color: #FFF;
}


.copyright {
	font-family: 'Montserrat', sans-serif;
	background-color: #00a201;
	color: white;
	padding: 10px;
    text-align: center;
    font-size: 0.7em;
    letter-spacing: 1px;}


/*--------------------------------------------------------*/



/* タブレット向けレイアウト */
@media screen and (max-width: 960px) {
	
	
	.pc { display: none !important; }
	.tab { display: block !important;
			width: 100%;}
	.pc-tab { display: block !important;}	
	.sp { display: none !important; }
	.tab-sp { display: inline-block !important; }
	
	

/*ハンバーガー*/
#navToggle {
    display: none;
    position: absolute; /*bodyに対しての絶対位置指定です*/
	right: 20px;
    top: 17px;
    width: 30px;
    height: 25px;
    cursor: pointer;}
#navToggle div {position: relative;}
#navToggle span {
    display:block;
    position:absolute; /*#navToggle div*/
    width:100%;
    border-bottom:solid 1px #999;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;}
#navToggle span:nth-child(1) {top: 0;}
#navToggle span:nth-child(2) {top: 11px;}
#navToggle span:nth-child(3) {top: 22px;}



/*ナビゲーション--------------------*/

#navToggle {
	display: block;
	z-index: 30;}
 

	.openNav #navToggle span:nth-child(1) {
		top: 11px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);}
		
	.openNav #navToggle span:nth-child(2) {
		display: none;}
		
	.openNav #navToggle span:nth-child(3) {
		top: 11px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);}


	/*ナビゲーションの動き-----------------------------------------*/
			.openNav .header-menu {
				-moz-transform: translateX(-100%);
				-webkit-transform: translateX(-100%);
				transform: translateX(-100%);
				background: rgba(50,50,50,0.4);}

	
	/*ヘッダー-----------------------------------------*/
	
	header {
		height: 60px;
		position: fixed;
		width: 100%;
		background-color: white;
		box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
		z-index: 20;}
		
	.logo-s {
		height: 40px;
		padding: 10px;}
	
	.header-menu {
		position: fixed;
		width: 100%;
		box-sizing: border-box;
		position: absolute;
		top: 60px;
		right: -100%;
		padding: 0%;
		height: 100vh;
		-webkit-transition:.5s ease-in-out; /*transitionで動きを*/
	    -moz-transition:.5s ease-in-out;
    	transition:.5s ease-in-out;}
	
	.menu-list {
		float: none;}
	
	.header-menu02 {
		width:100%;}
		
	.header-menu ul {
		padding: 0;
		margin: 0;}

	.header-menu li {
		padding: 18px 0 8px;
		background: rgba(255,255,255,.97);}
	
	.header-menu li:nth-child(2),
	.header-menu li:nth-child(3),
	.header-menu li:nth-child(4)	 {
		border-bottom: 2px dotted #52c054;}
			
	.header-menu li:nth-child(2),
	.header-menu li:nth-child(5) {
		width: 100%;}
	
	.header-menu li img {
		width: 40px;}
	
	.menu-list a {
		display: block;}
	
	.header-menu .header-menu02 li {
		border: none;}

	.header-menu .header-menu02 a {
		color: white;
		display: block;}
	
	.header-menu02 li:first-child {
		font-family: 'Montserrat', sans-serif;
	    background-color: #f19500;
	    height: 50px;
	    line-height: 41px;
	    width: 100%;}

	.header-menu02 li:nth-child(2) {
	float: left;
	background-color: #00a201;
	height: 50px;
	line-height: 41px;
	width: 100%;
}
	
	.header-menu02 li:last-child {
	float: right;
	background-color: #008901;
	height: 50px;
	line-height: 41px;
	width: 100%;
}
			
	.header-menu .header-menu02 .fa-phone {
		background-color: unset;
		color: white;}
		
	.fa-envelope,
	.fa-desktop {
		background-color: unset;
		padding: 5px;
		margin-right: 5px;
		color: white;}
	
	
	/*メイン-----------------------------------------*/	
	
	h1 img {
		margin-top: 13%;}

	/*医院紹介-----------------------------------------*/
	
	.clinic h3 {
		margin-bottom: 10px;}
	
	.clinic-text {
		float: none;
		width: 100%;}
	
	.clinic-photo-wrapper {
		float: none;
		width: 100%;}
	
	.clinic-photo-wrapper img:first-child {
		float: left;
		width: 49%;}
	
	.clinic .clinic-photo-wrapper img:nth-child(2) {
		display: none;}
	
	.clinic-photo-wrapper img:last-child {
		float: right;}
	
	.doctor-wrapper {
		display: block;}
	
	.doctor-wrapper h3 {
		border-bottom: 5px;}
		
	.doctors {
		display: inline-block;
		width: 92%;}
	
	.docter {
		padding: 0 4%;}
	
	h4 {
		margin-top: 10px;}
	
	.docter:first-child {
		float: none;
    	margin: 0 0 15px;
    	width: 100%;}
	
	.docter:last-child {
		float: none;
		width: 100%;}
	
	.white {
	color: #FFF;
}
	
	/*------アクセス・診療時間------------------------------------------*/
	
	.medical-guide {
		height: unset;
		display: block;
		margin-bottom: 30px;}
	
	.map-wrapper {
		float: none;
		width: 100%;
		margin-bottom: 40px;}
	
	.schedule {
		float: none;
		width: 100%;}
	
	.schedule h3 {
		margin-bottom: 8px;}
		
	.address-tel-wrapper {
		display: inline-block;
		width: 100%;}
	
	
	/*------お知らせ------------------------------------------*/
	
	.news-wrapper {
		padding-bottom: 7%;}
		
	.news-logo {
		float: none;
		width: 100%;
		height: unset;
    	margin-bottom: 30px;}
	
	.news-logo img {
		width: 10%;}
	
	.news-logo h5 {
		font-size: 1.3em;
		margin-bottom: 2px;}	


	/*------フッター------------------------------------------*/
	
	.footer-wrapper {
		height: unset;}
		
	.footer-wrapper a:nth-child(2) {
		display: block;
    	text-align: center;}
		
	.footer-logo-tabsp {
		width: 40%;
		padding-top: 25px;}
	
	.footer-menu {
		display: none;}
	
	.footer-rigth {
		float: none;
	    text-align: center;
    	font-weight: 100;
    	padding: 20px 0 10px 0;}
	
	.footer-rigth p {
		font-size: 0.9em;}
	
	.footer-rigth p:nth-child(3) {
		font-family: 'Montserrat', sans-serif;
		font-weight: normal;
		font-size: 2em;
		letter-spacing: 2px;}
	
	.footer-rigth a {
		color: #00a201;}
		
	.icon-tabsp-wrapper {
		width: 100%;
	    font-family: 'Kiwi Maru', serif;
    	font-weight: normal;
	    font-size: 1em;
	    margin-bottom: 10px;
	    text-align: center;		float: left;
		background-color: #00a201;
	    padding: 8px;
}
	
	.icon-tabsp li {

	    width: 46%;}
	
	.icon-tabsp li:last-child {
		float: right;}
	
	.icon-tabsp {
	width: 80%;
	margin: 0 auto;
	background-color: #00A201;
	text-align: center;
}

	.icon-tabsp ul {
		padding: 0;
		margin: 0;}
	
	.icon-tabsp a {
		color: white;
		display: block;}
	
	.copyright {
		background-color: unset;
		color: #00a201;}
}


/* スマホ向けレイアウト */
@media screen and (max-width: 560px) {
	
	
	.pc { display: none !important; }
	.tab { display: none !important;}	
	.pc-tab { display: none !important;}
	.sp { display: block !important;}
	.tab-sp { display: inline-block !important; }

	
		
	/*メイン-----------------------------------------*/	
	
	h1 img {
		margin-top: 65px;}

	.header-menu .header-menu02 .fa-phone {
		font-size: 1.2em;
		margin: 0;}
	
	.header-menu02 li:nth-child(2),
	.header-menu02 li:last-child {
		line-height: unset;
		padding: 15px 0 20px;}
	.pNav {
	padding-top: 3em;

}


	.fa-envelope {
	/* [disabled]font-size: 1.2em; */
	/* [disabled]margin: 0; */
}

	/*医院紹介-----------------------------------------*/
	
	.clinic {
		padding: 7% 4%;}
	
	.clinic h3 {
		margin-bottom: 5px;}
	
	.clinic-text h2 {
		line-height: 30px;
	    font-size: 1.2em;}
	
	.clinic-text p {
		line-height: 22px;}

	.docter:first-child {
		margin-bottom: 10px;}
	
	h4 {
		font-size: 1em;}
	
	.docter ul {
		font-size: 0.9em;}
	
	.doctor-career ul:first-child {
		margin-right: 10px;}
	
	.docter ul:nth-child(2),
	.docter ul:last-child {
		margin-right: 0;}
	
	/*------アクセス・診療時間------------------------------------------*/
	
	.medical-guide {
		padding: 7% 4%;}
	
	.map-wrapper p {
		font-size: 0.9em;}
	
	.map-wrapper p:nth-child(4),
	.map-wrapper p:last-child {
	    line-height: 1.2em;}

	.schedule h3 {
		margin-bottom: 5px;}
	
	.table-wrapper {
		padding: 1% 3%;
	    font-size: 0.8em;}
				
	table th, table td {
		padding: 0;}
	.time {
		width: 32%;}

	.schedule-p {
		font-size: 0.8em;}
			
	.address-tel-wrapper {
		text-align: center;}
	
	.address-tel-wrapper img {
		display: none;}
	
	.address-tel p:first-child {
		font-size: 0.9em;}
	
	.medical-guide {
		margin-bottom: 10px;}
	
	
	/*------お知らせ------------------------------------------*/
	
	.news-logo {
		margin-bottom: 10px;}
	
	.news-logo img {
		width: 13%;}
	
	.news-wrapper {
		padding: 4%;}
	
	
	/*------フッター------------------------------------------*/
	
	.footer-wrapper {
		height: 135px;}
	
	.footer-wrapper img {
		display: none;}
	
	.footer-rigth {
		float: none;
	    text-align: center;
		padding: 25px 25px 6px 15px;}

	.icon-tabsp	{
		width: 90%;
		height: 25px;
	    line-height: 25px;
		}
		
	.icon-tabsp li {
}
	
	.icon-tabsp a {
		font-size: 0.9em;}
		
	.copyright {
		font-size: 0.6em;
	    padding: 5px;
    	font-weight: 100;}
}