@charset "utf-8";
/* 「すぐ使えるCMS」アイコン・画像の追加設定 */

/* 管理画面 */
.icon{
	display: inline-block;
	height: 20px; /* アイコン画像ファイルのサイズに合わせて指定 */
	margin-top: 0.35em;
	background-repeat: no-repeat;
	background-position: left center;
}

/* 記事画面 */
.title {
	background-repeat: no-repeat;
	background-position: left center;


}

/*区分追加*/
span.kbn{
width : 80px;
font-size : 80%;
text-align:center;
}

/* 画像のパス */
.new {
	/*padding-left: 45px;*/ /* 表示するアイコンの幅＋余白 */
	/*background-image: url(../img/new.png);*/
}
.new:before {
	content : "NEW";
}

.important {
	/*padding-left: 45px;*/ /* 表示するアイコンの幅＋余白 */
	/*background-image: url(../img/important.png);*/
}
.important:before {
	content : "重要";
}


.oshirase:before {
	content : "お知らせ";
}
.medical:before {
	content : "診療案内";
}
.aboutus:before {
	content : "教室概要";
}
.clinical:before {
	content : "臨床研究";
}
.kenkyu:before {
	content : "研究紹介";
}
.sonota:before {
	content : "その他";
}


/* 
アイコンの種類を追加する場合は以下のように指定して下さい。
違うサイズのアイコンも表示できます。
.newcategory {
	padding-left: 20px;
	background-image: url(../img/newcategory.png);
}

なお、画像 url の場所は変更して構いません。
例： background-image: url(/images/newcategory.png);

さらに、追加したクラス名が管理画面から選べるように以下のファイルを
編集して下さい。
templates/admin/2.html
*/


/* 全一覧のデザイン調整 */
.sugu-article-list .sugu-entry h3,
.sugu-article-list .sugu-entry h2 {
	font-weight: bold;
	font-weight: 600;
}

/* サムネイル */
.thumbnail {
	display: inline-block;
}
.thumbnail img {
	height: 200px;
	margin-right: 20px;
	margin-bottom: 20px;
}


/*****　お知らせ用ＣＳＳ　追加　*****/
div#newsbox dl#newsmsg {
  width: 100%;
  padding-bottom: 0px;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
	margin : 0 !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
div#newsbox dl#newsmsg dt {
  clear: both;
  float: left;
  width: 220px;
  padding: 10px 5px 5px 5px;
  box-sizing: border-box;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
div#newsbox dl#newsmsg dd {
  margin-left: 220px;
  padding: 10px 5px 5px 5px;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
}
/* IE7以下以外用 */
div#newsbox dl#newsmsg dd:after {
  content: '';
  display: block;
  clear: both;
  /zoom: 1;
}
div#newsbox dl#newsmsg dt:first-child, div#newsbox dl#newsmsg dt:first-child + dd {
  border: 0;
}
div#newsbox dl#newsmsg dd a div.newstitle {
  /*background: url(../img/icon_yajirushi06.png) 99% 50% no-repeat;*/
  border: none;
}
div#newsbox dl#newsmsg dd a:hover div.newstitle {
 /* background: url(../img/icon_yajirushi06.png) 99.5% 50% no-repeat;*/
}
div#newsbox dl#newsmsg dt div.newsdate {
  width: 110px;
  float: left;
}
div#newsbox dl#newsmsg dt div.newskbn {
  width: 90px;
  background: #ffde81;
  text-align: center;
  float: left;
  font-size: 80%;
}
div#newsbox dl#newsmsg div.newstitle {
  padding-right: 2em;
  width: 100%;
  box-sizing: border-box;
}
div#newsbox a {
  color: #000;
  text-decoration: none;
 /* border-bottom: 1px dashed #4d96cc;*/
  border-bottom: none;
}
div#newsbox a:hover {
  color: #4d96cc;
  text-decoration: none;
  border-bottom: 1px dashed #4d96cc;

  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
a:active, a:focus {
  outline: 0;
}

@media only screen and (max-width:640px) {
  div#newsbox dl#newsmsg dt {
    clear: both;
    float: none;
    width: 100%;
    padding: 10px 5px 0px 5px;
    box-sizing: border-box;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
		display: inline-block;
  }
  div#newsbox dl#newsmsg dd {
    margin-left: 0px;
    padding: 10px 5px 10px 5px;
    border-top: none;
    box-sizing: border-box;
  }
}