/*@import "bootstrap_min.css";
@import "bootstrap-responsive_min.css";*/
@import "font-awesome_min.css";
@import "common.css";

/* サイトのデザイン指定をここへ指定 */

/*---------- 短い一覧のスタイル ----------*/
/* 罫線 */
ul.ruled {
    list-style: none outside !important;
    padding-left: 0;
    margin-top: 0;
    margin-left: 0;
}
.ruled li {
    border-bottom: 1px dotted #0088cc; /* 太さ、線種、色 */
    min-height: 1.6em;
    padding: 0.3em 0;
}
/* 一番上（リストの上）の罫線 */
div.ruled {
    border-bottom: 1px dotted #0088cc; /* 太さ、線種、色 */
}

/* 文字色・スタイル */
.listdate {
    color: gray;
    margin-right: 0.7em;
  font-size: 1em;
}

.listlink a,
.listlink a:link {
  font-size: 1.4em;
    color: #389ABE;
    text-decoration: none;
}
.listlink a:hover,
.listlink a:active
{
    text-decoration: underline;
}
.listlink a:visited {
    color: #389ABE;
}
/* 文字色・スタイル ここまで */

/* マウスオーバーでの背景色の設定 ここから */
.interactive li:hover{
    background-color: #f0f0f0;
}
/* マウスオーバーで背景色を変更する時は、リンク文字の変更を止めておく */
.interactive .listlink a:hover,
.interactive .listlink a:active
{
    text-decoration: none;
}
/* マウスオーバーでの背景色の設定 ここまで */

/* 全一覧 */
.newsitem + .newsitem {
	margin-top: 2.5em;
}

/* 記事の境界 */
.newsitem h2 {
	font-size: 1.52em;
    border-top: 1px solid rgba(0,0,0,0.2); /* 太さ、線種、色 */
	padding: 0.15em 0;
	color: #393939;
}
/* リンクがあれば太字を緩める（色が付いているので） */
.newsitem h2 a {
	font-weight: normal;
}

/* 画像サイズの規定 */
.newsitem img {
	height: 150px;
	margin-right: 9px;
	margin-bottom: 9px;
}

/* 全一覧の要素 */
.attached-items {
	margin-top: 0.6em;
}

/* フッタのスペース */
/*footer {
	margin-top: 5em;
}*/
.br-sp {
  display: none; 
  }

/* タブレット縦置き以下のサイズを想定 */
@media (max-width: 767px) {
	.newsitem img {
		width: 25%;
		height: auto;
	}

} /* max-width: 767px */

/* ここからスマートフォン用（480px以下）環境の設定 
-------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width : 480px){
  .br-sp {
  display: inline-block;
  }
  .listlink a,
  .listlink a:link {
    font-size: calc(1rem + 0.625vw);
    font-weight: bold;
  }
  .newsitem h2 {
    font-size: calc(1rem + 0.625vw);
    line-height: 150%!important;
  }
  .listdate {
  font-size: 0.8em;
}
}