/* TOPのタイトルと画面 */
.top-common{
min-height: 290px;	
background: url("../img/top-common/top-common.png") center top/cover no-repeat;
width: 100%;
margin:0 auto;
position: relative;
}
.smallfont{
font-size: 90%;
}
.pink{
color: #f79aa1;
font-weight: bold;
font-size: 130%;
}
.fuchidori{
color: #ffffff; 
letter-spacing : 6px; 
font-weight: bold;
font-size: 50px;
text-shadow:
2px 2px 0 #006F91,
-1px -1px 0 #006F91,
-1px 1px 0 #006F91,
 2px -1px 0 #006F91,
 0px 2px 0 #006F91, 
0-1px 0 #006F91,
-1px 0 0 #006F91,
1px 0 0 #006F91;
text-align: right;
padding-right: 3%;
}
/*当院紹介*/
.commoncont01,.commoncont02{
width: 95%;
margin: 0 auto;
margin-top: 40px;
}
/*写真ボックス*/
.photobox,.vaccbox{
width: auto;
padding-bottom: 20px;
}
.photosub{
display: block;
color: #006F91;
text-decoration: none;
background: rgba(255, 255, 255, 0.685);	/*背景色（古いブラウザ用）*/
background: linear-gradient(rgba(255, 255, 255, 1) 50%, rgb(245, 245, 245));	/*背景色グラデーション*/
padding: 0;	/*上下、左右へのメニュー内の余白*/
margin: 30px auto;	/*上、左右、下へあけるメニューの外側への余白*/
border: 1px solid #f7f7f7f7;	/*枠線の幅、線種、色*/
border-radius: 15px;	/*角丸のサイズ*/
line-height: 1.6;		/*行間。少し狭くする。*/
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);	/*ボックスの影。右へ、下へ、広げる範囲、rgb指定での色。0,0,0は黒のことで、0.2が透明度20%の事。*/
box-shadow: 0px 2px 4px rgba(0,0,0,0.2);			/*同上*/
width: 90%;
}
.commoncont01 img,.commoncont03 img{
width:100%;
padding: 15px;
margin: 0 auto;
}
.photosub p{	
padding: 10px 15px;
}
.imagephoto{
display: flex;
justify-content: center;
flex-direction: row;
}	
.imagephoto section{
width: 45%;
text-align: center;
}
.imagephoto section img{
margin: 0 auto;
text-align: center;
width: 80%;
}
.imagephoto60{
width: 60%;
margin: 0 auto;
}
.imagephoto60b{
width: 95%;
margin: 0 auto;
}
.imagephoto img,.imagephoto60 img,.imagephoto60b img{
width: 100%;
}
.imagephoto section.centence{
width: 60%;
}
.centence{
padding-left: 20px;
}
/*当院紹介ここまで*/
/*ドクター*/
.imagephoto_doctor{
display: flex;
justify-content: center;
flex-direction: row;
}	
.imagephoto_doctor section{
width: 38%;
}
.imagephoto_doctor section.centence{
width: 55%;
margin-top: 30px;
}
.imagephoto_doctor img{
width: 100%;
}
.tablework {
width: 100%;
border-collapse: collapse;
margin-bottom: 40px;
}
.tablework02{
width: 49%;
border-collapse: collapse;
margin-bottom: 40px;
}
.tablework th{
padding: 10px 15px;
border: 1px solid #ddd;
white-space: nowrap;
color: #006F91;
font-weight: bold;
background: rgba(5, 163, 216, 0.1);
width: 15%;
text-align: left;
}
.tablework td{
padding: 10px 15px;
border: 1px solid #ddd;
background: rgba(250, 250, 250, 0.3);
}
.tablework02 th{
padding: 10px 15px;
border: 1px solid #ddd;
white-space: nowrap;
color: #006F91;
font-weight: bold;
background: rgba(5, 163, 216, 0.1);
width: 15%;
text-align: left;
}
.tablework02 td{
padding: 10px 15px;
border: 1px solid #ddd;
background: rgba(250, 250, 250, 0.3);
}
caption{
text-align: left;
position: relative;
padding: 10px;
color: #006F91;
font-weight: bold;
font-size: 110%;
}
caption:after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
content: '';
border-radius: 3px;
background: #9CECFB;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #0091d4, #65C7F7, #9CECFB);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #0091d4, #65C7F7, #9CECFB); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.doctor_tb{
display: flex;
justify-content: space-around;
flex-direction: row;
}
/*ドクターここまで*/
/* 診療案内*/
.common_info_sch{
width: 89%;
margin: 20px auto;
}
.commoncont01 img,.commoncont03 img{
width: 70%;
}
.commoncont02 img{
width: 85%;
padding-bottom: 20px;
}
.common_yoyaku{
background: #ffffff;
box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
border-radius: 25px;
padding: 20px;
margin-bottom: 50px;
}
.common_yoyakubox ul{
padding: 20px 30px 40px 30px;
list-style: disc;
}
.common_yoyakubox p{
text-align: center;
margin-top: -28px;
margin-bottom: 20px;
}
.primary{
width: 95%;
margin: 30px auto 20px;
}
.primary_title{
font-size: 150%;
font-weight: bold;
text-align: center;
margin: 10px auto 20px;
line-height: 1.3;
font-family: "Comic Sans MS", "cursive";
}
.primary_box{
width: 90%;
border: 3px solid #54C028;
border-radius: 10px;
padding: 10px 20px;
margin: 0 auto 30px;
}
.primary_box li{
list-style: none;
}
.primary_cent{
font-size:105%;
font-weight: bold;
}
.primary_cent::before{
content: "○";
}
/* 診療案内ここまで*/
/* アクセス*/
.subaccess{
padding: 40px 0;
}
.subaccess p{
padding: 30px;
}
.subaccess img{
width: 40%;
}
/*ワクチン・健診*/
.vaccbox{
width: auto;
padding-bottom: 20px;
}
.vaccsub{
display: block;
text-decoration: none;
background: rgba(255, 255, 255, 0.685);	/*背景色（古いブラウザ用）*/
background: linear-gradient(rgba(255, 255, 255, 1) 50%, rgb(245, 245, 245));	/*背景色グラデーション*/
padding: 0;	/*上下、左右へのメニュー内の余白*/
margin: 30px auto;	/*上、左右、下へあけるメニューの外側への余白*/
border: 1px solid #f7f7f7f7;	/*枠線の幅、線種、色*/
line-height: 1.6;		/*行間。少し狭くする。*/
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);	/*ボックスの影。右へ、下へ、広げる範囲、rgb指定での色。0,0,0は黒のことで、0.2が透明度20%の事。*/
box-shadow: 0px 2px 4px rgba(0,0,0,0.2);			/*同上*/
width: 90%;
}
.vaccsub p{	
padding: 10px 15px;
}
.vaccphoto{
width: 70%;
margin:0 auto;
text-align: center;
}	
.vaccphoto img{
width: 100%;
margin: 0 auto;
}
.centence{
padding-left: 20px;
}
/*ワクチン・健診ここまで*/
/*初めての方*/
.commoncont03{
width: 100%;
margin: 0 auto;
padding: 30px 0;
}
.firstinfo{
list-style-type:disc;
padding: 0 0 10px 15px;
}
/*初めての方ここまで*/
/*iPadサイズここからここから*/
@media screen and (max-width: 768px){
/* TOPのタイトルと画面 */	
.top-common{
min-height: 200px;
width: 100%;
}

.top-title{
top: 50%;
background: rgba(246, 248, 248, 0.75);
width: 100%;
}
.fuchidori{
color: #ffffff; 
letter-spacing : 6px; 
font-weight: bold;
font-size: 40px;
text-shadow:
 1px 1px 0 #006F91,
-1px -1px 0 #006F91,
 -1px 1px 0 #006F91,
 1px -1px 0 #006F91,
0px 1px 0 #006F91, 
 0 -1px 0 #006F91,
-1px 0 0 #006F91,
1px 0 0 #006F91;
text-align: right;
padding-right: 3%;
}

/*当院紹介*/
.commoncont01,.commoncont02{
width: 95%;
margin: 0 auto;
padding: 25px 0 40px 0;
}
.commoncont01 p,.commoncont02 p{
width: 90%;
font-size: 90%;
margin: 0 auto;
}
.commoncont01 img,.commoncont02 img,.commoncont03 img{
width: 95%;
padding: 10px 0 0 10px;
margin: 0 auto;
text-align: center;
}
h2.spsize{
width: 95%;
margin: 0 auto;
box-sizing: border-box;
}
/*写真ボックス*/
.photobox{
width: auto;
padding-bottom: 20px;
}
.photosub{
width: 94%;
}
.photosub img{
width:100%;
padding: 15px
}
.photosub p{	
padding: 10px 15px;
font-size: 90%;
}
.imagephoto{
flex-flow: column;
justify-content: center;
}		
.imagephoto section{
width: 80%;
margin: 0 auto;
}
.imagephoto img{
width: 90%;
margin: 0 auto;
}
.imagephoto section.centence{
width: 90%;
margin: 0 auto;
}
/*当院紹介ここまで*/
/*ドクター*/
.imagephoto_doctor{
flex-flow: column;
justify-content: center;
}			
.imagephoto_doctor section{
width: 80%;
margin: 10px auto;
}
.imagephoto_doctor img{
width: 90%;
margin: 0 auto;
}
.imagephoto_doctor section.centence{
width: 90%;
margin: 0 auto;
} 
.tablework {
width: 90%;
margin: 10px auto;
}
.tablework th,.tablework td {
width: auto;
display: block;
border-top: none;
}
.tablework tr:first-child {
border-top: 1px solid #d5d5d5;
}
.tablework02 {
width: 90%;
margin: 0 auto;
}
.tablework02 th,.tablework td {
width: auto;
display: block;
border-top: none;
}
.tablework02 tr:first-child {
border-top: 1px solid #d5d5d5;
}
.doctor_tb{
display: flex;
justify-content: flex-start;
flex-direction: column;
}
.tablework02{
width: 90%;
margin-bottom: 30px;
}
/*ドクターここまで*/
/* 診療案内*/
.commonschedule{
width: 80%;
}
/*初めての方*/
.commoncont03{
width: 90%;
margin: 0 auto;
}
.firstinfo li{
padding: 3px 0;
font-size: 95%;
width: 95%;
margin: 0 auto;
}

/* アクセス*/
.subaccess{
padding: 40px 0;
}
.subaccess p{
padding: 10px;
}
.subaccess img{
width: 70%;
margin: 0 auto;
}

/*ワクチン・健診*/
.vaccbox{
width: auto;
padding-bottom: 20px;
}
.vaccsub{
display: block;
text-decoration: none;
background: rgba(255, 255, 255, 0.685);	/*背景色（古いブラウザ用）*/
background: linear-gradient(rgba(255, 255, 255, 1) 50%, rgb(245, 245, 245));	/*背景色グラデーション*/
padding: 0;	/*上下、左右へのメニュー内の余白*/
margin: 30px auto;	/*上、左右、下へあけるメニューの外側への余白*/
border: 1px solid #f7f7f7f7;	/*枠線の幅、線種、色*/
line-height: 1.6;		/*行間。少し狭くする。*/
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);	/*ボックスの影。右へ、下へ、広げる範囲、rgb指定での色。0,0,0は黒のことで、0.2が透明度20%の事。*/
box-shadow: 0px 2px 4px rgba(0,0,0,0.2);			/*同上*/
width: 90%;
}
.vaccsub p{	
	padding: 10px 15px;
}
.vaccphoto{
width: 95%;
margin: 0 auto;
}	
.vaccphoto img{
width: 80%;
margin: 0 auto;
}
.centence{
padding-left: 20px;
}
.imagephoto60{
width: 95%;
}
.imagephoto60b{
width: 70%;
}
}

/*スマホサイズ*/
@media only screen and (max-width:479px) {
.pink{
font-size: 100%;
}
.tablework td{
font-size: 80%;
}
.tablework th{
font-size: 90%;
}
.tablework02 td{
font-size: 80%;
}
caption{
padding: 7px;
font-size: 100%;
}
.common_yoyaku{
padding: 10px;
margin-bottom: 30px;
}
.common_yoyakubox ul{
padding: 15px 0 20px 20px;
font-size: 90%;
}
.common_yoyakubox p{
margin-bottom: 40px;
}
.firstinfo ul{
padding: 15px 0 20px 20px;
font-size: 90%;
}
.primary_title{
font-size: 110%;
margin: 10px auto;
line-height: 1.3;
}
.primary_box{
width: 90%;
border: 3px solid #54C028;
border-radius: 5px;
padding: 10px;
margin: 0 auto 30px;
}
.primary_box li{
list-style: none;
}
.primary_cent{
font-size:90%;
font-weight: 600;
}

}