@charset "utf-8";

/*-------------------------------------*/
/* マージン、パディングの調整 */
/*-------------------------------------*/

.mB0{ margin-bottom:  0px; display: block;}
.mB5{ margin-bottom:  5px; display: block;}
.mB10{margin-bottom: 10px; display: block;}
.mB15{margin-bottom: 15px; display: block;}
.mB20{margin-bottom: 20px; display: block;}
.mB30{margin-bottom: 30px; display: block;}
.mB50{margin-bottom: 50px; display: block;}
.mTB10{margin-top: 10px; margin-bottom: 10px; display: block;}
.mTB50{margin-top: 50px; margin-bottom: 50px; display: block;}
.mT0{ margin-top: 0px; display: block;}
.mT5{ margin-top: 5px; display: block;}
.mT10{margin-top: 10px; display: block;}
.mT15{margin-top: 15px; display: block;}
.mT20{margin-top: 20px; display: block;}
.mT30{margin-top: 30px; display: block;}
.mT50{margin-top: 50px; display: block;}
.mL5{ margin-left: 5px; display: block;}
.mL10{margin-left: 10px; display: block;}
.mL15{margin-left: 15px; display: block;}
.mL20{margin-left: 20px; display: block;}
.mL30{margin-left: 30px; display: block;}
.mR5{ margin-right: 5px;  display: block;}
.mR10{margin-right: 10px; display: block;}
.mR15{margin-right: 15px; display: block;}
.mR20{margin-right: 20px; display: block;}
.mR30{margin-right: 30px; display: block;}
.pB5{ padding-bottom: 5px;  display: block;}
.pB10{padding-bottom: 10px; display: block;}
.pB15{padding-bottom: 15px; display: block;}
.pB20{padding-bottom: 20px; display: block;}
.pB30{padding-bottom: 30px; display: block;}
.pT5{padding-top: 5px; display: block;}
.pT10{padding-top: 10px; display: block;}
.pT15{padding-top: 15px; display: block;}
.pT20{padding-top: 20px; display: block;}
.pT30{padding-top: 30px; display: block;}
.pR5{padding-right: 5px; display: block;}
.pR10{padding-right: 10px; display: block;}
.pR15{padding-right: 15px; display: block;}
.pR20{padding-right: 20px; display: block;}
.pR30{padding-right: 30px; display: block;}


/* #テキスト
================================================== */

.txt-center
{
	display: block;
text-align: center;
	
}	

.txt-right
{
	display: block;
text-align: right;
	
}	

.txt-small
{
	font-size:88%;
	margin-top: 10px;
	
}	

.txt-bold
{
	 font-size: 1.2em;
	font-weight:600;
	padding-top: 10px;
	
	
}

.txt-orange
{
	font-weight:200;
	font-size:100%;
	color: #ed4933;
	
}

.txt-bold-orange
{
	font-weight:600;
	font-size:120%;
	color: #ed4933;
	margin-top: 10px;
}

.txt-eng {
    color: #999;
    font-size: 1.0em;
   
    padding-left: 10px;
    margin: 0px 0px 20px 0px;
    font-family: 'Oswald', sans-serif;
    font-weight: 100;
}

.txt-eng-large {
    color: #f7bd8f;
    font-size: 3.5em;
     text-align: center;
    padding: 0px 0px 0px 10px;
	
    margin: 0px 0px 20px 0px;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
	
	border-right: 2px solid #f7bd8f;
	line-height: 2.2;
}


@media only screen and (max-width:980px) {

.txt-eng-large {
    
	display: inline-block;
	border-right: 0px solid #ccc;
	border-bottom: 1px solid #f7bd8f;
	line-height: 1.0;
	 padding-bottom: 10px;
}

  }



/* #診療時間テーブル
================================================== */
.sample_01{
width: 90%;
border-collapse: collapse;
font-size:100%;
text-align: center;
margin: 15px 0px 5px 0px;
vertical-align:middle;
}


.sample_01 th{

padding: 12px;
text-align: center;
vertical-align: top;
color: #333;
line-height:1.0;
background-color: #eee;
border: 1px solid #b9b9b9;

	
}
.sample_01 td{

padding: 12px;
background-color: #fff;
	color: #666;
border: 1px solid #b9b9b9;
line-height:1.0;
	vertical-align:middle;
}

@media only screen and (max-width:980px) {

.sample_01{
width: 100%;
border-collapse: collapse;
font-size:88%;
text-align: center;
margin: 15px 0px 5px 0px;

}

.photobox .w35 .sample_01{
width: 100%;
border-collapse: collapse;
font-size:88%;
text-align: center;
margin: 15px auto 0px;



}
  }



/* #boxレスポンシブ
================================================== */

.center-box{
width: 300px;
display: block;
}

@media only screen and (max-width:980px) {

.center-box{


display: block;
margin: 0 auto;
	text-align: center;
}

  }



/* 装飾
================================================== */


.box-line{


display: block;
border-top: 1px solid #ccc;
}

.box-line-right{

display: block;
border-right: 1px solid #ccc;
}


/* #画像レスポンシブ
================================================== */

.img-100
{
padding:2px;
margin: 0px auto 10px;
display: block;
width: 100%;
	height: auto;
	
}	


.img-90
{
padding:2px;
margin: 10px auto 10px;
display: block;
width: 100%;
	height: auto;
	max-width: 550px;
}	

.img-80
{
padding:2px;
margin: 10px auto 10px;
display: block;
width: 100%;
	height: auto;
	max-width: 650px;
}	
.img-70
{
padding:2px;
margin: 10px auto 10px;
display: block;
width: 100%;
	height: auto;
max-width: 350px;	
	
}
.img-60
{
padding:2px;
margin: 10px auto 10px;
display: block;
width: 100%;
	height: auto;
	max-width: 350px;
}

.img-50
{
padding:2px;
margin: 10px auto 10px;
display: block;
width: 100%;
height: auto;
max-width: 350px;
}

/* #レスポンシブ設定
================================================== */

@media only screen and (max-width: 991px) {
	
	
.img-90
{

width: 90%;
	
}
	
.img-80
{

width: 80%;
	
}
	
.img-70
{

width: 70%;
	
}
	
.img-60
{

width: 60%;
	
}
	
	.img-50
{

width: 50%;
	
}
	 
}

@media screen and (min-width: 650px) {
  .br-pc {
    display: block;
  }
  .br-sp {
    display: none;
  }
}
@media screen and (max-width: 650px) {
  .br-pc {
    display: none;
  }
  .br-sp {
    display: block;
  }
	
.img-60
{

width: 80%;
	
}
	
	
}

@media screen and (min-width: 987px) {
  .br-pc-h {
    display: block;
  }
  .br-sp-h {
    display: none;
  }
}
@media screen and (max-width: 987px) {
  .br-pc-h {
    display: none;
  }
  .br-sp-h {
    display: block;
  }
}

@media screen and (max-width: 840px) {
  
  .br-sp-h {
    display:none;
  }
}


/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc {
  display: block !important;
}
.sp {
  display: none !important;
}
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 980px) {
  .pc {
    display: none !important;
  }
  .sp {
    display: block !important;
  }
}


/*アンカーリンク固定ヘッダー設定
------------------------------------------------------*/
a.sample{
   display: block;
   margin-top:-50px;
   padding-top:50px;
}

a.sample02{
   display: block;
   margin-top:-100px;
   padding-top:100px;
}