@import "bootstrap-3_3_7-min.css";
@import "bootstrap-3_3_7-theme-min.css";
@import "common.css";
@import "jquery-lightbox.css";

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

/* 短い一覧のスタイル */
/* 罫線 */
ul.ruled {
    list-style: none outside none;
    padding-top: 10px;
    padding-left: 0;
    margin-top: 0;
    margin-left: 0;
}
.ruled li {
    border-bottom: solid 1px #d7d7d7;
    font-size: 16px;
    padding: 1em 0 1em 0 ;
    line-height: 180%;
    color: #333;
     /* border-bottom: 1px dotted #999;太さ、線種、色 */
    /*padding: 0.3em 0;*/
}


/* 一番上（リストの上）の罫線 */
div.ruled {
   /*  border-bottom: 1px dotted #999; 太さ、線種、色 */
}

/* 文字色・スタイル */
.listdate {
  font-size: 16px;
  font-family: "M PLUS Rounded 1c";
  text-align: left;
  padding-left: 15px;
  border-left: 4px solid #a295f4;
/*  display: flex;
  align-items: self-start;*/
}
/*
.listdate {
  letter-spacing: 0;
    background: url(/common/img/news_arw.png);
    background-size: 0.8em;
    background-position-y: 0.2em;0.5em
    background-repeat: no-repeat;
    padding-left: 1.5em;
}
*/




/*追加*/
#ruled ul li a {
  font-size: 16px;
  font-family: "M PLUS Rounded 1c";
  text-align: left;
  padding-left: 15px;
  border-left: 4px solid #e44383;
  display: flex;
  align-items: self-start;
}




/*
.listdate {
    color: gray;
}
*/


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

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


/* 全一覧のスタイル */
.blog-entry {
	border-bottom: #dfdfdf solid 1px;
}
.blog-entry h3,
.blog-entry h2 {
	line-height: 1em;
	font-weight: normal;
}
.blog-entry p {
	margin: 0.8em auto 1.5em auto;
}
/* 全一覧の画像 */
.catch-image img {
	width: 150px;
	margin-bottom: 15px;
}

/* 記事ページの画像 */
.images-col img {
	margin-bottom: 20px;
	margin-right: 20px;
	width: 100%;
}

/* 記事ページの記事部分部分 */
.images-col, 
.body-area {
	margin-top: 1.8em;
}

/* 記事ページのフッタリンク調整 */
.page-footer-link {
	margin-top: 40px;
	margin-bottom: 20px;
}

/* タブレット縦置き以下のサイズを想定 */
@media (max-width: 767px) {
	/* 指でスクロールできる幅を残す */
	body {
		margin-right: 30px;
	}
} /* max-width: 767px */


 @media screen and (max-width: 559px) {
.listlink a,
.listlink a:link {
display: block;
padding-left: 20px;
}
 
}