@charset "utf-8";
@media screen,print and (min-width: 769px) {
/*横幅769px以上に適応*/
/* CSS Document */

/*---------------------------------
.山本亭-header2
------------------------------------*/    
	.heder2 {
    width: 100%;
    background-image: url(../images/heder2_bg.png);
    margin-right: auto;
    margin-left: auto;
    background-repeat: repeat-x;
    background-position: 0% center;
    background-size: contain;
	}
	.heder2_in {
			 width: 100%;
    max-width: 1100px;
    margin-right: auto;
    margin-left: auto;
	}

/*------------------------------------------------
.sub_title
------------------------------------------------*/ 

.sub_title {
    width: 100%;
    max-width: 1100px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 5px;
    min-height: 70px;
  position: relative;
  display: inline-block;
  margin-bottom: 0.5em;
	margin-bottom: 50px;
}
 
.sub_title :before {
  content: '';
  position: absolute;
  bottom: -5px;
  display: inline-block;
  width: 60px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color:#AD2E49;
  border-radius: 5px;

}   
.sub_title-in {
    width: 100%;
    font-size: 2.2em;
    color: #42210B;
    letter-spacing: 5px;
    font-weight: bold;
	text-align: center;
}
	


/*----------------------------------------------------
  .pankuzu
----------------------------------------------------*/
.pankuzu {
    width: 100%;
    color: #666666;
    font-size: 0.9em;
    text-align: left;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
		padding-top: 30px;
}
.pankuzu a {
    color: #808080;
}
.pankuzu a:hover {
    color: #731F31;
}
@media only screen and (max-width:639px){
.pankuzu {
    display: none;
} 
}
/*------------------------------------------------
.contents
------------------------------------------------*/ 	

.contents {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	/*max-width: 1100px;*/
	border-bottom: thin solid #CACACA;
	padding-bottom: 50px;

}	
	.contents a {
		text-decoration: none;
	}

	.contents img{
    width: 100%;
    height: auto;
    vertical-align: bottom;/*画像の下にできる余白を削除*/
}
/*------------------------------------------------
.sub_left-menu
------------------------------------------------*/  

/*------------------------------------------------
.sub_contents
------------------------------------------------*/     
.sub_contents {
    width: 100%;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;

    }
.sub_contents_in {
    width: 100%;
    max-width: 1100px;
    margin-right: auto;
    margin-left: auto;
		margin-bottom: 30px;
    }  


/*------------------------------------------------
.sub_artcle 
------------------------------------------------*/  
.sub_artcle {
    width: 100%;
	margin-left: auto;
	margin-right: auto;
    } 
.sub_artcle_in {
    width: 100%;
    padding-bottom: 50px;
	font-size: 1em;
    line-height: 2em;

	} 
.sub_artcle_in a{
    color: #534741;
}
.sub_artcle_in a:hover{
   /* color: #731F31;*/
	right: -1px;
    bottom: -1px;
}
/*----------*/	



.mon_title {
    width: 100%;
    max-width: 1100px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 30px;
    min-height: 70px;
  position: relative;
  display: inline-block;
  margin-bottom: 0.5em;
	margin-bottom: 50px;
}
 
.mon_title:before {
  content: '';
  position: absolute;
  bottom: -5px;
  display: inline-block;
  width: 60px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color:#866251;
  border-radius: 5px;

}   
.mon_title-in {
    width: 100%;
    font-size: 2.2em;
    color: #42210B;
    letter-spacing: 2px;
    font-weight: bold;
	text-align: center;
}	

	
	
	
	
/*------------------------------------------------
.sub_artcle-ph （写真）
------------------------------------------------*/ 
.sub_artcle-ph-w20 {
    width: 20%;
    float: right;
    margin-bottom: 1em;
    margin-left: 1em;
    text-align: right;
    } 
.sub_artcle-ph-w40 {
    width: 40%;
    float: right;
    margin-bottom: 1em;
    margin-left: 1em;
    text-align: right;
    } 
.sub_artcle-ph-w40-left {
    width: 40%;
    float: left;
    margin-bottom: 1em;
    margin-right:2em;
    text-align: left;
    } 
.sub_artcle-ph-w40-right {
    width: 40%;
    float: right;
    margin-bottom: 1em;
    margin-left:2em;
    text-align: right;
    } 


	
	
	
	
	
/*------------------------------------------------
.sub_artcle h3
------------------------------------------------*/ 
.sub_artcle h3 {
   color: #666666;
    font-size: 1.5em;
    font-weight: normal;
    padding-left: 0.5em;
    border-left: 5px solid #AD2E49;
    margin-bottom: 1.5em;
	}
	
	

/*------------------------------------------------
.sub_artcle h4
------------------------------------------------*/ 
.sub_artcle h4 {

    /*margin-top: 2em;*/
}

/*------------------------------------------------
topページに戻る-syosai-btn（詳細ボタン）
------------------------------------------------*/    
.syo-sai-btn {
	width: 80%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
}
.syosai-btn {
    display: block;
    width: 80%;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #731F31;
    text-decoration: none;
    text-align: center; /*ボタン色*/
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    margin-left: auto;
    margin-right: auto;
    border: thin solid #731F31;
    font-size: 0.94em;
  }

.syosai-btn:hover {
    background-color:hsla(359,100%,88%,0.60);
    color: #731F31;
}    
 

.homeback {
    width: 50%;
    margin-left: auto;
    padding: 2em;
    margin-right: auto;
    font-size: 0.81em;
    text-align: center;
    max-width: 900px;
}  
/*------------------------------------------------
.sub 共通
------------------------------------------------*/ 
/*写真2列*/

.phot_img2 {
    width: 45%;
    padding-right: 5%;
    padding-top: 4%;
    float: left;
}

/*写真3列*/
.phot_img3 {
    width: 30%;
    padding-right: 2%;
    padding-top: 4%;
    float: left;
    text-align: center;
}
.phot_img3:last-child {
    width: 30%;
    padding-right: 0;
    padding-top: 4%;
    float: left;
    text-align: center;
}
.phot_img3 img {
    padding-bottom: 10px;
}
/*linkのbox*/	
.list_li ul {
  margin-top: 20px;  
}
.list_li ul li {
  position: relative;
  list-style-type: none!important;/*ポチ消す*/
  margin-bottom: 5px;
  line-height: 2;
  vertical-align: middle;
     text-indent: -1.5em;
    margin-left: 2em;
    padding-bottom: 1%;
    
}

.list_li ul li:before{ 
  display:inline-block; 
  vertical-align: middle;
  /*以下白丸つくる*/
  content:'';
  width:1em;
  height: 1em;
  background: #731F31;
  border-radius: 50%;
  margin-right: 8px;
}
.list_li ul li a {
    color: #731F31;
}
.list_li ul li a:hover {
    color: #731F31;
	 position: relative;
    right: -1px;
    bottom: -1px;
} 
	
/*---数字つきol---*/

.list_ol ol {
  margin-top: 20px;  
}
.list_ol ol li {
  margin-bottom: 5px;
  line-height: 2;
  vertical-align: middle;
    padding-bottom: 1%;
    
}

.list_ol ol li a {
    color: #F000000;
    text-decoration: none;
}
.list_ol ol li a:hover {
    color: #A83524;
} 
/*youtube*/
.blog-youtube {
	margin-top:20px;
	margin-bottom: 10px;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.blog-youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
/*青帯リンクボタン*/
	a.btn-flat {
  overflow: hidden;
  padding: 1.5rem 3rem;
text-decoration: none;
  color: #fff;
  border-radius: 0;
  background: #731F31;
}
.btn-flat a {
 text-decoration: none;
}

a.btn-flat:hover {
  color: #731F31;
	background:#FFDEDE;
	
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
	border: thin dotted rgba(171,171,171,1.00);
}

	


/*----table_01----*/	
/*----医師紹介----*/

/*ーーーーー*/
/*table*/

table
{
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
}
table a{
    color: #731F31;
}
table a:hover{
    color: #A83524;
}

table.table_01{
	border:solid #731F31 thin;
	width:100%;
}
/*table.table_01 */
table.table_01 th{
	background-color:#FFFFFF;
	width:20%;
    color: #731F31;
    
}
table.table_01 th,.table_01 td{
	border:solid #731F31 thin;
	 padding: 20px;
    line-height: 1.55em;   
}	
/*----------------------------------------------------
.html（フロアマップ）
----------------------------------------------------*/
.table_02{
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
	background: #fff;
	border-left: 1px solid #731F31;
	}
	
.table_02 th {
	border-right: 1px solid #731F31;
	border-bottom: 1px solid #731F31;
	color: #731F31;
    font-weight: bold;
	
}
.table_02 thead{
    border-right: 1px solid #AFAFAF;
    background-color: #FFFFFF;
	}

.table_02 td {
	border-right: 1px solid #731F31;
	border-bottom: 1px solid #731F31;
	padding: 3%;
    line-height: 35px;
	
}
.table_02 tr:nth-child(even) {
}

.table_02 th,.responsive-table td{
	padding: 2%;
	border-top: 1px solid #731F31;
	border-right-color: #731F31;
	}

.table_02 td.table_02_name {
    color: #731F31;
	font-weight: normal;
    font-weight: bold;
    text-align: center;
}
/*----------------------------------------------------
.html（人間ドック）
----------------------------------------------------*/
.table_03{
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
	background: #fff;
	border-left: 1px solid #731F31;
	}
	
.table_03 th {
	border-right: 1px solid #731F31;
	border-bottom: 1px solid #731F31;
	color: #731F31;
    font-weight: bold;
	
}
.table_03 thead{
    border-right: 1px solid #AFAFAF;
    background-color: #FFFFFF;
	}

.table_03 td {
	border-right: 1px solid #731F31;
	border-bottom: 1px solid #731F31;
	padding: 3%;
    line-height: 35px;
	
}
.table_03 tr:nth-child(even) {
}

.table_03 th,.responsive-table td{
	padding: 2%;
	border-top: 1px solid #731F31;
	border-right-color: #731F31;
	}

.table_03 td.table_03_name {
    color: #731F31;
	font-weight: normal;
    font-weight: bold;
    text-align: center;
}
}
@media screen and (max-width: 768px){
/*table.table_01 */
	
	/*table01--医師紹介*/
.table01 {
	width: 96%;	
	}
.table01 th {
/*		background-color: #D3EDFB;*/
	
	}
	/**/
table.table_01 {
	/*border: solid #731F31 thin;*/
	width: 96%;
margin-left:auto;
margin-right: auto;
	border: none;
}

/*table.table_01 */
table.table_01 {
	width: 96% !important;
	margin: 0 auto !important;
    border-right: none;
}
table.table_01 th {
    background-color:#731F31;
	color: #FFFFFF;
    border-collapse: collapse;
    border-spacing: 0;margin-top: 20px;
}
table.table_01 th, table.table_01 td {
	padding: 3%;
	box-sizing: border-box;
	width: 100%;
	display: block;
/*	border-bottom: solid #731F31 thin;*/
	border: none;
}
table.table_01 tr:last-child td {
	border-bottom: none;
}
table.table_01 input{
	width:100%;
	box-sizing:border-box;
}
table.table_01 textarea {
	width: 100%;
}
/*--table_02-m*/
    
.table_02 {
	border-style: none;
	text-align: left;
}
.table_02 thead{
	display:none;
	}
.table_02 tr,
.table_02 th,
.table_02 td {
	display: block;
	font-weight: normal;
	text-align: left;
	}
	
.table_02 td {
	padding-top: 1%;
	padding-right: 1%;
	padding-left: 1%;
	padding-bottom: 1%;
	border-style: none;
	margin-top: 0px;
	text-align:left;
	}
.table_02 tr td:first-child {
	/* [disabled]border-top: 3px solid #557EB6; */
	}
.table_02 tr td:last-child {
	margin-bottom: 20px;
}
.table_02 td:before {
	display: block;
	font-weight: bold;
	padding-left: 2%;
	}	
.table_02 td.table_02_name {
    color: #731F31;
	font-weight: normal;
    font-weight: bold;
    text-align: center;
    border-top: 1px solid #731F31;
    padding-top: 20px;
}
.table_02 td:nth-of-type(1):before {
    display:none;
	/*content: "フロア";
	background-color: #F1F8F4;
	display: block;
	font-weight: normal;
	padding-top: 1%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 3%;
	margin-bottom: 10px;
	padding-left: 3%;
	border-left: 5px solid #557EB6;*/
	}
.table_02 td:nth-of-type(2):before {
		content: "本館";
		background-color: #F1F8F4;
	display: block;
	font-weight: normal;
	padding-top: 1%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 3%;
	margin-bottom: 10px;
        color: #731F31;
	}
.table_02 td:nth-of-type(3):before {
		content: "西棟";
		background-color: #F1F8F4;
	display: block;
	font-weight: normal;
	padding-top: 1%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 3%;
	margin-bottom: 10px;
        color: #731F31;
	}
.table_02 td:nth-of-type(4):before {
		content: "地図";
		background-color: #F1F8F4;
	display: block;
	font-weight: normal;
	padding-top: 1%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 3%;
	margin-bottom: 10px;
        color: #731F31;
	}
		
/*--table_03-m*/
    
.table_03 {
	border-style: none;
	text-align: left;
}
.table_03 thead{
	display:none;
	}

.table_03 tr,
.table_03 th,
.table_03 td {
	display: block;
	font-weight: normal;
	text-align: left;
	}	
.table_03 td {
	padding-top: 1%;
	padding-right: 1%;
	padding-left: 1%;
	padding-bottom: 1%;
	border-style: none;
	margin-top: 0px;
	text-align:left;
	}
.table_03 tr td:first-child {
	/* [disabled]border-top: 3px solid #557EB6; */
	}
.table_03 tr td:last-child {
	margin-bottom: 20px;
}
.table_03 td:before {
	display: block;
	font-weight: bold;
	padding-left: 2%;
	}	
.table_03 td.table_03_name {
    color: #731F31;
	font-weight: normal;
    font-weight: bold;
    text-align: center;
    border-top: 1px solid #731F31;
    padding-top: 10px;
	background-color: #D3EDFB;
}
.table_03 td:nth-of-type(1):before {
    display:none;
	}
.table_03 td:nth-of-type(2):before {
	  display:none;
	}
.table_03 td:nth-of-type(3):before {
		  display:none;
	}
.table_03 td:nth-of-type(4):before {
	  display:none;
	}

}