@charset "utf-8";
a:hover{
opacity:0.7;	
}
li{
list-style: none;	
}


footer{
max-width: 760px;
margin: 0 auto;
}

.footer-contents{
max-width: 96%;
margin: 0rem auto 0rem auto;
}

.f-ttl{/*フッター　メニュー　タイトル*/
font-size: 1.7rem;
margin: 0 auto 0rem auto;
color: #555;		
}
.footer-contents li a {/*フッター　メニュー　文字*/
color:#333;	
display: block;
font-size: 1rem;
line-height: 2rem;
margin: 0 auto 0 auto;
text-align: center;	
}	

.footer-logo{
margin: -1rem auto 0rem auto;
}
	
footer  img {
width: 220px;
margin: -0.5rem auto 0rem auto;
padding: 0rem auto 0rem auto; 	
}

.footer-contents h3 {
color: #333;	
font-size: 2rem;
line-height: 2rem;
font-weight: 600;	
margin: 5rem auto 1rem auto;
text-align: center;	
}


/*map---------------------*/
/*googlemap タブメニュー--------------------*/	
.footer-map{
width: 100%;
margin:  0 auto;
}	
.footer-map p{
margin: 1rem auto 0rem auto;	 
text-align: center;	
font-size: 1.2rem;	
line-height: 1.8rem	;
font-weight: 500;	
color: #333;	
}	

/*--google map tab*/
.area {
max-width: 100%;
margin: 0rem auto 0rem auto;
flex-wrap: wrap;
display: flex;
}	

.tab_class {
width: calc(100%/6);
height: auto;
background-color: #999;
border-right: #fefef6 1px;
border:solid 1px;	
text-align: center;
display: block;
float: left;
order: -1;
color: #fefef6;
font-size: 0.9rem;	
padding: 0.5rem 0rem 0.5rem 0rem;
margin: 0.5rem auto 0.15rem auto;	
 font-family: "segoe ui",meiryo,"yu gothic","hiragino kaku gothic pron",sans-serif;
}

.area input[type=radio]{
display: none;
margin: 1rem auto 3rem auto;
}

input[name="tab_name"] {
display: none;
}

input:checked + .tab_class {
background-color: #10589e;
color: #fefef6;
}

.content_class {
display: none;
width: 100%;
}
.area .content_class p {
font-size: 1rem;	
line-height: 1.3rem;	
width: 100%;
}
input:checked + .tab_class + .content_class {
display: block;
}


/*診療時間---------------------*/	
.time {
max-width: 94%;	
margin: 1rem auto 3rem auto  ;
text-align: center;
}

.biz-hour {
  border-collapse: collapse;
  overflow-x: hidden;
width: 94%;	
margin: 1rem auto 3rem auto  ;
text-align: center;	
}

.biz-hour th {
  /* １番上の線 */
  /* #A28C63っていうのが色の名前なので、ここをお好みで */
  border-top: 1px solid #10589e;
	font-size: 85%;
}

.biz-hour th, .biz-hour td {
  padding: 10px 4px;
  text-align: center;
  /* ２番目以降の線 */
  /* 色はお好みで */
  border-bottom: 1px solid #10589e;
	white-space: nowrap;
	font-size: 85%;
	
}


  .biz-hour th, .biz-hour td {
    padding: 10px 8px;
  }


.biz-hour th {
  font-weight: normal;
}

/* 「土」の文字色 */
.biz-hour th.sat {
  color: #3db2da;
}

/* 「日」の文字色 */
.biz-hour th.sun {
  color: #e66a6a;
white-space: nowrap;
}

/*pay---------------------*/
.pay {
width: 100%;
margin: 0rem auto 10rem auto;	 
text-align: center;	
}	
.footer-contents .pay h3{
margin: 0rem auto 1rem auto;
padding: 0.5rem;	
text-align: center;	
background-color: #10589e; 	
border: solid 1px #10589e;
color: #fefef6;
font-size: 2rem;	
}	
.footer-contents .pay img{
width: 80%;
height: auto;
margin: 0rem auto 1rem auto;	 
text-align: center;	
}		
.pay p{
margin: 0.5rem auto 2rem auto;
padding: 0.25rem 0 0.25rem 0 ;	
color: #333;
text-align: center;
font-size: 1rem;	
line-height: 1.5rem	
}	
	
/*menu--------------------------------*/
.footer-menu{
text-align: center;	
margin: 0rem auto 2rem auto;
}		
.footer-menu hr.ft{
width: 90%;
text-align: center;
margin:0.25rem auto 0.75rem auto;
}		
.footer-menu li a {/*フッター　メニュー　文字*/
color:#333;	
display: block;
font-size: 1rem;
line-height: 1.5rem;
margin: 0 auto 0.75rem auto;
text-align: center;	
text-decoration: none;	
}	
/*AA-logo*/
.aa-logo img{
margin: 0.5rem auto 0.5rem auto;
width: 80%;
height: auto;	
}	
/*SNSリンク---------------------*/
.sns-link ul{
display: flex;
margin: 2rem auto 0rem auto;
}

.sns-link ul li img {
display:inline-flex;	
height: auto;
width:30%; /* 2列に設定 */
}		


/*ページトップへ戻るボタン
-------------------------------------*/
pagetop {
z-index: 10000;		
max-width: 100%;	
position: fixed;	
bottom: 70px;
right: 20px;
}
pagetop a {
border-radius: 50%;
display: block;
background: #96a8a7;
color: #fefef6;
width:60px;
height:60px;
padding: 10px 4px 2px 4px;
text-align: center;
line-height: 1.5rem;	
text-decoration: none;	
}
#column	{
margin: 3rem auto 0rem auto;
color: #555;
}
#column h3{
font-size: 2.5rem;
line-height: 1.6rem;	
margin: 1rem auto 0rem auto;
color: #555;		
}		
.new_article h4{
font-size: 1.5rem;
line-height: 2rem;		
}

.bg-g .footer-contents .selfcheck {
width: 1200px;	
display: flex;	 
margin: 0rem auto 0rem auto;
text-align: center;
}	
.selfcheck img{
width: 80%;
margin: 0rem auto 1rem auto;
text-align: center;
}

/* ---------------- sp ---------------- */	
/* ---------------- フッター固定ボタン ---------------- */
.footer-btn {
-webkit-appearance: none;	
z-index: 1000;	
max-width: 100%;
height: auto;	
position: fixed;	
left: 0;
bottom: 0; 
margin: 0;
background-color: #fefef6;/*#fefef6*/
display: flex;
justify-content: center;
align-items: center;
box-shadow: 0 -2px 8px rgba(0,0,0,0.1);
padding: 0.1rem 0rem 0.1rem 0rem;	
}

.footer-btn ul {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
margin: 0rem auto 0 auto;
padding: 0;
list-style: none;
}

.footer-btn ul li {
width: 100%;
margin: 0;
padding: 0;
flex: 1 1 0;
display: flex;
justify-content: center;
align-items: center;
}

.footer-btn ul li a img {
width: 50%;      /* 余白を最小化して隙間をなくす */
max-width: none; /* 最大幅制限なしで均等に広げる */
height: auto;
flex-shrink: 0;
object-fit: contain;
margin: 0 0.01rem  0 -0.01rem;
padding: 2px 0 0 0;
border: solid 1.5px #fefef6;
}

.footer-btn ul li a img {
width: 100%;
margin: 0;
padding: 0;
}
.sns-wrap {
width: 100%;	
flex-direction: column;
align-items: center;
margin: 0;
padding: 0;
}
.sns-link {
flex: 1 1 100%;
margin: 0;
padding: 0;
}
.sns-link ul li img {
width: 80%;
margin: 0;
padding: 0;
}	
/*コピーライト
-------------------------------------*/
.footer-contents .copyright {
width: 100%;	
margin: 5rem auto 0 auto;
text-align: center;
background: #00589e;
padding: 0rem 0 0.15rem 0;	
}
.copyright a {
color: #fefef6;
font-size: 90%;	
text-decoration: none;
display: inline;
padding: 0rem 0 20% 0;	

}