@charset "UTF-8";
body {
	  margin: 0px auto;
	  padding: 0px;
      letter-spacing: 0.2em;
	  width:100%;
	  overflow-x: hidden ;
	  position:relative;
	  }

#wrapper{
	width:100%;
	margin:0 auto;
	position:relative;
	color:#808080;
	font-size:13px;
	font-size:1.3rem;
	display: none;
}

/*-------------------------------------
	
			layout - Common
	
---------------------------------------*/
/*--------フロート----------*/
.fl_l{
	float:left;
}
/*--------マージン----------*/
.mt5{
	margin-top:5px;
}
.mt10{
	margin-top:10px;
}
.mt15{
	margin-top:15px;
}
.mt20{
	margin-top:20px;
}
.mt25{
	margin-top:25px;
}
.mt35{
	margin-top:35px;
}
.mt40{
	margin-top:40px;
}
.top50{
	margin-top:50px;
}
.mt55{
	margin-top:55px;
}
.mt60{
	margin-top:60px;
}
.mt80{
	margin-top:80px;
}
.mt100{
	margin-top:100px;
}
.mt140{
	margin-top:140px;
}
.top250{
	margin-top:150px;
}
.mb5{
	margin-bottom:5px;
}
.mb10{
	margin-bottom:10px;
}
.mb15{
	margin-bottom:15px;
}
.mb25{
	margin-bottom:25px;
}
.mb35{
	margin-bottom:35px;
}
.mb50{
	margin-bottom:50px;
}
.mb100{
	margin-bottom:100px;
}
.ml10{
	margin-left:10px;
}
.ml20{
	margin-left:20px;
}
.ml35{
	margin-left:35px;
}
.ml38{
	margin-left:38px;
}
.ml50{
	margin-left:50px;
}
.ml80{
	margin-left:80px;
}
.ml90{
	margin-left:90px;
}
.ml30{
	margin-left:30px;
}
.mr5{
	margin-right:5px;
}
/*--------text----------*/
.center{
	text-align:center;
}
.right{
	text-align:right;
}
.left{
	text-align:left;
}
.right0{
	position:absolute;
	right:0;
}
.font-normal{
	font-weight:normal;
}
.line{
	line-height:250%;
}
.green{
	color:#65C49F;
}
.orange{
	color:#E88133;
}
.red{
	color:#E67F3E;
	text-decoration: underline;
}
.bold{
	font-weight:bold;
}
/*--------padding----------*/
.p_top20{
		padding-top:20px; 
}
.p_top80{
		padding-top:80px; 
}
.p_top100{
		padding-top:100px; 
}
.p_top30{
		padding-top:30px; 
}
.pl20{
	padding-left:20px;
}
.pl40{
	padding-left:40px;
}
.pl50{
	padding-left:50px;
}
/*-------------------------------------
	
			header - Common
	
---------------------------------------*/
header{
	height:190px;
	width:100%;
	background-color:#FFF;
	overflow:hidden;
	z-index:100;
}
#headerInner{
	width:960px;
	margin:10px auto 0 auto;
	padding:0;
}



/*ナビゲーション要素*/
nav{height:30px; width:910px; position: relative; margin:0 auto 0px auto;z-index:100;}
ul#menuBody{width:910px; position: absolute; z-index:100;}
ul.nav{height:30px; overflow: hidden; background: #fff; width: 130px;  text-align: center; float: left;z-index:100; letter-spacing:0.3em;}
ul.nav li{height:30px; line-height:30px;z-index:100;}
ul.nav li:hover{ cursor: pointer;z-index:100;}
ul#menuBody li{float: left;z-index:100;}
ul#menuBody .nav li{float: none; z-index:100;}
.selected{
color:#65C49F;
}
ul.nav li a{display: block;}
ul.nav li a:hover{ cursor: pointer;z-index:100;color:#65C49F;}

/*メインスライド要素*/

.mainposition {
    position: relative;
    width:960px;
	height:380px;
	margin:40px auto;
}

.main{
}

.mainposition a {
	position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 1000;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
}

.mainposition a:hover {
	opacity: 0.8;
}

.main img {
	top: 0;
	left: 0;
	position: absolute;
}
/*メイン要素*/
.mainbox{
	width: 100%;
	background:#FFFFFF;
}
.box1120{
	width:960px;
	margin:0 auto;
	margin-bottom: 40px;
}

.ul-left {/*左側_ul*/
	width:480px;
	height:200px;
	position:relative;	
	border-bottom:dotted 1px #666666;
}
.ul-right {/*右側_ul*/
	width:479px;
	height:200px;
	position:relative;	
	border-bottom:dotted 1px #666666;
	border-right:dotted 1px #666666;
}

.ul-right.news {/*newsのみ高さ２コマ分*/
	/* height:401px; */
}

.ul-left a {
	width:480px;
	height:200px;
	background:#ffffff;
	display:block;
}
.ul-right a {
	width:479px;
	height:200px;
	background:#ffffff;
	display:block;
}

/*** 診療時間変更 ***/
.Time {
	text-align: center;
}
.Time p {
	line-height: 3em;
}
.Time p > span {
	font-size: 1.1em;
	background-color: #E67476;
	padding: 10px 15px;
	color: #fff;
}
.Time p > span span {
	font-weight: bold;
	font-size: 1.2em;
}




/*---- 問診票 260825追加 ----*/
.questionnaire{}

.questionnaire a{
	transition: all 0.8s ease;
	/* -webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease; */
}

.questionnaire a:hover {
	width:479px;
	height:200px;
	/* background:#ffd8ee; */
	background:#f0f0f0;
	display:block;
	/* color:#ffffff; */
	/* -webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease; */
}

.questionnaire a .topTx2{
		height: 100%;
}

.questionnaire a .topbtn{
	width:250px;
	height:35px;
	background:#fff;
	color: #656464;
	background:#656464;
	color:#ffffff;
	border:solid 1px #656464;
	text-align:center;
	line-height:35px;
	position:absolute;
	/* top:100px; */
	left:100px;
	bottom: 15px;
	top:auto;
	transition: all 0.8s ease;
	/* -webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease; */
}
.questionnaire a:hover .topbtn{
	width:250px;
	height:35px;

	background:#656464;
	color:#ffffff;
	text-align:center;
	line-height:35px;
	position:absolute;
	left:100px;
	transition: all 0.8s ease;
	/* -webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease; */
}







/*** スタッフ募集 ***/
.stuff a:hover {
	width:479px;
	height:200px;
	background:#ffd8ee;
	display:block;
	color:#ffffff;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
}
.stuff a p.t{
	width:50px;
	height:50px;
	background:url(../images/iconr.png) no-repeat;
	display:block;
	text-indent:-9999px;
	position:absolute;
	top:10px;
	left:220px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
}
.stuff a:hover p.t{
	width:50px;
	height:50px;
	background:url(../images/iconr_hover.png) no-repeat;
	text-indent:-9999px;
	position:absolute;
    top:10px;
    left:220px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
}
.stuff a p.topbtn{
	width:250px;
	height:35px;
	background:#f3b9da;
	color:#ffffff;
	text-align:center;
	line-height:35px;
	position:absolute;
	top:100px;
	left:100px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
}
.stuff a:hover p.topbtn{
	width:250px;
	height:35px;
	background:#f3b9da;
	color:#ffffff;
	text-align:center;
	line-height:35px;
	position:absolute;
	top:100px;
	left:100px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
}

/*** CT検査について ***/
.cttop a p.t{
	width:50px;
	height:50px;
	background:url(../images/iconr6.png) no-repeat;
	display:block;
	text-indent:-9999px;
	position:absolute;
	top:10px;
	left:220px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
}
.cttop a p.topbtn{
	width:250px;
	height:35px;
	background:#9BA2EA;
	color:#ffffff;
	text-align:center;
	line-height:35px;
	position:absolute;
	top:100px;
	left:100px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
}
.cttop a:hover {
	width:479px;
	height:200px;
	background:#ABB3EF;
	display:block;
	color:#ffffff;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
}
.cttop a:hover p.t{
	width:50px;
	height:50px;
	background:url(../images/iconr6_hover.png) no-repeat;
	text-indent:-9999px;
	position:absolute;
    top:10px;
    left:220px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
}









/*** 皮膚科の二次診療 ***/
.Skin a p.t{
	width:50px;
	height:50px;
	background:url(../images/iconr5.png) no-repeat;
	display:block;
	text-indent:-9999px;
	position:absolute;
	top:10px;
	left:220px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
}
.Skin a p.topbtn{
	width:250px;
	height:35px;
	background:#cccccc;
	color:#ffffff;
	text-align:center;
	line-height:35px;
	position:absolute;
	top:100px;
	left:100px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
}
.Skin a:hover {
	width:479px;
	height:200px;
	background:#dadada;
	display:block;
	color:#ffffff;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
}
.Skin a:hover p.t{
	width:50px;
	height:50px;
	background:url(../images/iconr5_hover.png) no-repeat;
	text-indent:-9999px;
	position:absolute;
    top:10px;
    left:220px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
}



/*** 健康診断 ***/
.Health a:hover {
	width:480px;
	height:200px;
	background:#6AC5D9;
	display:block;
	color:#ffffff;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
}
.Health a p.t{
	width:50px;
	height:50px;
	background:url(../images/icon.png) no-repeat;
	display:block;
	text-indent:-9999px;
	position:absolute;
	top:10px;
	left:220px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
}
.Health a:hover p.t{
	width:50px;
	height:50px;
	background:url(../images/icon_hover.png) no-repeat;
	text-indent:-9999px;
	position:absolute;
    top:10px;
    left:220px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
}
.Health a p.topbtn{
	width:250px;
	height:35px;
	background:#6AC5D9;
	color:#ffffff;
	text-align:center;
	line-height:35px;
	position:absolute;
	top:100px;
	left:95px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
}
.Health a:hover p.topbtn{
	width:250px;
	height:35px;
	background:#42BAC6;
	color:#ffffff;
	text-align:center;
	line-height:35px;
	position:absolute;
	top:100px;
	left:95px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
}


/*** 私たちができること ***/
.We-can a:hover {
	width:479px;
	height:200px;
	background:#65C49F;
	display:block;
	color:#ffffff;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
}
.We-can a p.t{
	width:50px;
	height:50px;
	background:url(../images/iconr2.png) no-repeat;
	display:block;
	text-indent:-9999px;
	position:absolute;
	top:10px;
	left:220px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
}
.We-can a:hover p.t{
	width:50px;
	height:50px;
	background:url(../images/iconr2_hover.png) no-repeat;
	text-indent:-9999px;
	position:absolute;
    top:10px;
    left:220px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
}
.We-can a p.topbtn{
	width:250px;
	height:35px;
	background:#65C49F;
	color:#ffffff;
	text-align:center;
	line-height:35px;
	position:absolute;
	top:100px;
	left:100px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
}
.We-can a:hover p.topbtn{
	width:250px;
	height:35px;
	background:#42B785;
	color:#ffffff;
	text-align:center;
	line-height:35px;
	position:absolute;
	top:100px;
	left:100px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
}


/*** 充実の設備 ***/
.Facility a:hover {
	width:480px;
	height:200px;
	background:#E67F3E;
	display:block;
	color:#ffffff;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
}
.Facility a p.t{
	width:50px;
	height:50px;
	background:url(../images/icon2.png) no-repeat;
	display:block;
	text-indent:-9999px;
	position:absolute;
	top:10px;
	left:220px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
}
.Facility a:hover p.t{
	width:50px;
	height:50px;
	background:url(../images/icon2_hover.png) no-repeat;
	text-indent:-9999px;
	position:absolute;
    top:10px;
    left:220px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
}
.Facility a p.topbtn{
	width:250px;
	height:35px;
	background:#E67F3E;
	color:#ffffff;
	text-align:center;
	line-height:35px;
	position:absolute;
	top:100px;
	left:100px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
}
.Facility a:hover p.topbtn{
	width:250px;
	height:35px;
	background:#EB6714;
	color:#ffffff;
	text-align:center;
	line-height:35px;
	position:absolute;
	top:100px;
	left:100px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
}



/*** 責任持って治療 ***/
.Treatment {
}
.Treatment a:hover {
	width:479px;
	height:200px;
	background:#DDE1C9;
	display:block;
	color:#ffffff;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
}
.Treatment a p.t{
	width:50px;
	height:50px;
	background:url(../images/iconr4.png) no-repeat;
	display:block;
	text-indent:-9999px;
	position:absolute;
	top:10px;
	left:220px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
}
.Treatment a:hover p.t{
	width:50px;
	height:50px;
	background:url(../images/iconr4_hover.png) no-repeat;
	text-indent:-9999px;
	position:absolute;
    top:10px;
    left:220px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
}
.Treatment a p.topbtn{
	width:250px;
	height:35px;
	background:#DDE1C9;
	color:#ffffff;
	text-align:center;
	line-height:35px;
	position:absolute;
	top:100px;
	left:100px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
}
.Treatment a:hover p.topbtn{
	width:250px;
	height:35px;
	background:#C4CC89;
	color:#ffffff;
	text-align:center;
	line-height:35px;
	position:absolute;
	top:100px;
	left:100px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
}



.topTx{
	position:absolute;
	top:50px;
	left:0px;
	width:480px;
}
.topTx2{/*news用*/
	position:absolute;
/*	top:25px;*/
	left:0px;
	width:480px;
}
.box420{
	padding:0 20px;
}




footer{
	width:100%;
	background:#F4F4F4;
}
#footerInner{
	width:960px;
	margin-right:auto;
	margin-left:auto;
	padding-top:30px;
}
#ftTime{
	width:410px;
}
#fttable{
	width:320px;
	 border-collapse:collapse;
    border-spacing:0;
}
#fttable .mtb5,#maintable .mtb5{
	height:24px;
}
#fttable tr>.fs13{
	font-size:13px;
	font-size:1.3rem;
	font-weight:lighter;
}
#fttable tr th{
	width:43px;
	font-size:12px;
	font-size:1.2rem;
}
#fttable .left,#maintable .left{
	text-align:left;
}
#fttable tr td{
	width:5px;
	font-size:12px;
	font-size:1.2rem;
 	text-align:center;
}
#fttable tr .blue,#maintable tr .blue{
	color:#3FAFFF;
}
#fttable tr .pink,#maintable tr .pink{
	color:#F97FFF;
}
#fttable tr >.fs10{
	font-size:10px;
	font-size:1.0rem;
}

#ftAccess{
		border-left:dotted 1px #666666;
}
#btmap{
	width:300px;
	height:180px;
}
#btad p{
	font-size:12px;
	font-size:1.2rem;
}
#btad .ftbt{
	width:130px;
	height:35px;
	margin:30px auto 0 auto;
}
#btad .ftbt a{
	display:block;
	width:130px;
	height:35px;
	border:solid 3px #65C49F;
	color:#65C49F;
	text-align:center;
	line-height:35px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	margin:30px auto 0 auto;
}
#btad .ftbt a:hover{
	display:block;
	width:130px;
	height:35px;
	border:solid 3px #65C49F;
	color:#ffffff;
	text-align:center;
	line-height:35px;
	background:#65C49F;
	margin:30px auto 0 auto;
}
#copyright{
	width:960px;
	margin-right:auto;
	margin-left:auto;
	position: relative;
}
#copyright .mtm20{
	margin-top:-10px;
}
#copyright .mtm10{
	margin-top:-10px;
}
.timeicon{
	height:33px;
	width:33px;
	padding-left: 10px;
	background: url(../images/timeicon.png) 0% 0% no-repeat;
	display: inline-block;
	text-indent:-9000px;
	background-size:60%;

}
.pinicon{
	height:36px;
	width:25px;
	padding-left: 10px;
	background: url(../images/pinicon.png) 0% 0% no-repeat;
	 display: inline-block;
	text-indent:-9000px;
	background-size:60%;
}
.h35{
	line-height:2.0em;
}
.right{ position:relative;	}
.righttel:before { 
	content:url(../images/telicon.gif);
	position:absolute;
	top:3px;
	right:170px;
	background-size:60%;
}

.fb{
	width:500px;
	margin:15px auto 40px;
}
.fbt{
/*	width:25px;
	height:25px;
	margin-left:400px;		
	margin-top:-35px;*/
	position: absolute;
	right: 122px;
}
 .fbt a{
	display:block;
	width:25px;
	height:25px;
	border:solid 3px #3b5998;
	color:#3b5998;
	text-align:center;
	line-height:25px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	margin-left:400px;
	margin-top:-35px;
	font-size:14px;
	font-weight:bold;
	cursor: pointer;
}
 .fbt a:hover{
	display:block;
	width:25px;
	height:25px;
	border:solid 3px #3b5998;
	color:#ffffff;
	text-align:center;
	line-height:25px;
	background:#3b5998;
	margin-left:400px;		
	margin-top:-35px;
	font-size:14px;
	font-weight:bold;
	cursor: pointer;
}
.fb-like-box {
	height: 200px;
}


.footer_privacy{
	position: absolute;
	right: 0;
	top: 10px;
}

.footer_privacy a:hover{
	color:#65C49F;
}
@media screen and (max-width: 640px) {
	.fbt{
/*	width:25px;
	height:25px;
	margin-left:200px;		
	margin-top:-35px;*/
}
}
/*お知らせiphone対応*/
.ifrm-container {
      width:479px;
      /* height:330px; */
      overflow:auto;
      -webkit-overflow-scrolling:touch;
      display: inline-block;
}
.ifrm {
  width:100%;
  height:100%;
  border:none;
  display:block;
}


/*Calender*/
#container{
    text-align:center;
    margin-top:80px;
    background-color: #e07f35;
}
.view-cap{
    background-color: #e07f35;
}
.view-container-border{
    background-color: #e07f35;
}


/* equipmentページ 記事 260825追加 */
.magazine-article{
	margin-inline:auto;
	margin-top:50px;
}

.magazine-article a.magazine-article__btn{
	display: block;
	width: fit-content;
	margin-inline: auto;
	text-align: center;
	cursor: pointer;
}

.magazine-article a.magazine-article__btn button{
	  /* display: inline-block; */
		 display: flex;
		 gap:0 30px;
		 align-items: center;
    /* text-align: center; */
		/* color: #656464; */
		color: #65C49F;
		/* color: #656464; */
    cursor: pointer;
    box-sizing: border-box;
    /* background-color: #f0f0f0; */
		/* background-color: #f9f9f9; */
		/* background-color: rgba(101, 196, 159,0.15); */
		background-color: rgba(101, 196, 159,0.05);
    padding-block: 20px 20px;
    padding-inline: 28px;
    border-width: 1px;
    border-style: inherit;
		border-radius: 0;
		/* border: solid 1px #656464; */
		/* border: solid 2px #65C49F; */
		/* border: solid 1px #656464; */
		border: solid 2px #65C49F;
		/* border: solid 1px #656464; */
		transition: all 0.3s ease;
}

.magazine-article a.magazine-article__btn:hover button{
	/* background-color: #dfdfdf; */
	background-color:#65C49F;
	/* border: solid 2px #65C49F; */
		border: solid 2px #65C49F;
	color: #fff;
}

.magazine-article a.magazine-article__btn:hover button .btn-more{
	color: #fff;
}
.magazine-article .btn-img{
	width: 100%;
	max-width: 180px;
	height: auto;
}

.magazine-article .btn-inner{
	text-align: left;

}

.magazine-article button .btn-title-ja{
	/* font-size: 18px; */
		font-size: 22px;
	font-weight: bold;
}

.magazine-article button .btn-title-en{
	/* font-size: 13px; */
	font-size: 14px;
	font-weight: bold;
	    letter-spacing: 0.1em;
}

.magazine-article button .btn-more{
	margin-top: 14px;
	text-decoration: underline;
	text-underline-offset: 5px;
	color: #656464;
		transition: all 0.3s ease;
}