/* CSS Document つくばヘルスケア歯科クリニック*/

.newicon {
	background: #F00;	/*背景色*/
	color: #FFF;		/*文字色*/
	font-size: 12px;	/*文字サイズ*/
	border-radius: 2px;	/*角丸のサイズ*/
	padding: 3px 5px;
	margin: 0px 5px;
}

.hoticon {
	background: #F80;	/*背景色*/
	color: #FFF;		/*文字色*/
	font-size: 12px;	/*文字サイズ*/
	border-radius: 2px;	/*角丸のサイズ*/
	padding: 3px 5px;
	margin: 0px 5px;
}

.infoicon {
	background: #08F;	/*背景色*/
	color: #FFF;		/*文字色*/
	font-size: 12px;	/*文字サイズ*/
	border-radius: 2px;	/*角丸のサイズ*/
	padding: 3px 5px;
	margin: 0px 5px;
}

.newsicon {
	background: #04f;	/*背景色*/
	color: #FFF;		/*文字色*/
	font-size: 12px;	/*文字サイズ*/
	border-radius: 2px;	/*角丸のサイズ*/
	padding: 3px 5px;
	margin: 0px 5px;
}

@media screen and (min-width: 768px) { 
table.renew {  /*index新着用*/
  border-collapse: collapse;
  margin: 0 auto;
  width: 100%;
  
}
table.renew th {
  background-color: #fff;
  padding: 20px 0px 10px 20px;　/* 上 | 右 | 下 | 左 */
  font-size: 16px;
  border: 0;
  text-align: left;
  width: 30%;
  border-bottom: 1px solid #aaa;
}
table.renew td {
  padding: 20px 20px 10px 0px;　/* 上 | 右 | 下 | 左 */
  font-size: 16px;
  width:70%;
  border-bottom: 1px solid #aaa;
}

table.space {  /*スペース付きレイアウト用*/
  border-collapse: collapse;
  margin: 0 auto;
  width: 100%;
  
}
table.space th {
  /*background-color: #fff;*/
  padding: 5px;
  font-size: 16px;
  border: 0;
  text-align: left;
  /*width: 34%;*/
  /*border-bottom: 1px solid #aaa;*/
}
table.space td {
  padding: 5px;
  font-size: 16px;
  width:auto;
  /*border-bottom: 1px solid #aaa;*/
}


}

@media screen and (max-width: 767px) { 
table.renew {  /*index新着用*/
  border-collapse: collapse;
  margin: 0 auto;
  width: 100%;
  }
  table.renew th {
    background-color: #fff;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 0px;
  font-size: 16px;	/*文字サイズ*/
  text-align: left;
  width: auto;
    display: block;
    border: 0;
    /*border-bottom: none;*/
    width: auto;
  }
  table.renew td {
    display: block;
	font-size: 16px;	/*文字サイズ*/
	padding-left: 40px;
	padding-top: 5px;
	padding-bottom: 10px;
	width: auto;
	border-top: none;
	border-bottom: 1px solid #aaa;
  }

table.space {  /*スペース付きレイアウト用*/
  border-collapse: collapse;
  margin: 0 auto;
  width: 100%;
  }
  table.space th {
  /*background-color: #fff;*/
  /*padding-left: 20px;*/
  /*padding-top: 10px;*/
  /*padding-bottom: 0px;*/
  padding: 5px;
  font-size: 14px;	/*文字サイズ*/
  text-align: left;
  width: auto;
    display: block;
    border: 0;
    /*border-bottom: none;*/
    width: auto;
  }
  table.space td {
    display: block;
	font-size: 14px;	/*文字サイズ*/
	padding: 5px;
	/*padding-left: 40px;*/
	/*padding-top: 5px;*/
	/*padding-bottom: 10px;*/
	width: auto;
	border-top: none;
	/*border-bottom: 1px solid #aaa;*/
  }
  
.newicon {
	background: #F00;	/*背景色*/
	color: #FFF;		/*文字色*/
	font-size: 13px;	/*文字サイズ*/
	border-radius: 3px;	/*角丸のサイズ*/
	padding: 5px;
	margin: 5px;
}

.hoticon {
	background: #F60;	/*背景色*/
	color: #FFF;		/*文字色*/
	font-size: 13px;	/*文字サイズ*/
	border-radius: 3px;	/*角丸のサイズ*/
	padding: 5px;
	margin: 5px;
}

}