@charset "UTF-8";

/*------------------------------------
記事一覧系
--------------------------------------*/
ul.kijiList {
overflow:hidden;
position:relative;
}

ul.kijiList .date {
position:relative;
display:block;
float:left;
padding:3px 0 0 4px;
width:96px;
color:#666;
text-align:left;
word-wrap:break-word;
font-size:0.75em;
white-space: nowrap;
}

ul.kijiList .title {
display:block;
/* float:left; */
overflow:hidden;
margin:-2px 0 0 0;
padding:0 0 0 16px;
width:auto;
}

ul.kijiList .title span.link:after {
display: inline-block;
content:url(/shared/images/icon_link.gif);
width: 20px;
height: 10px;
padding-left: 8px;
}



 @media only screen and (max-width: 768px) {
ul.kijiList .date {
float:none;
padding:3px 0 4px 4px;
white-space: nowrap;
}

ul.kijiList .title {
padding:0 4px;
background:none;
}
}

ul.kijiList .title span.shop {
display:inline-block;
margin:0 0 0 -0.5em;
}

ul.kijiList .title span.shop a:link {
color:#B52C2C;
text-decoration:none;
}

ul.kijiList .title span.shop a:visited {
text-decoration:underline;
}

ul.kijiList .title span.shop a:hover {
text-decoration:underline;
}

ul.kijiList .title span.shop a:active {
text-decoration:underline;
}

ul.kijiList li {
clear:both;
margin:-1px 0 0 0;
padding:14px 0 11px 0;
border-bottom:1px dotted #CCC;
line-height:1.4;
}
 @media only screen and (max-width: 768px) {

ul.kijiList li {
padding:9px 0 11px 0;
}
}

ul.kijiList li:after {
display:block;
visibility:hidden;
clear:both;
height:0.1px;
content:".";
font-size:0.1em;
line-height:0;
}

*html ul.kijiList li {
zoom:100%;
}/* IE6hack */

#listWrap .readMore.first, .kijiList {
border-top:1px dotted #CCC;
}

ul.kijiList li.even {
position:relative;
border-top:1px dotted #CCC;
background:#EFEFEF;
}

#info ul.kijiList {
margin:6px 0 0 0;
}

#info ul.kijiList li {
padding:0 0;
margin:0 0;
}

#info ul.kijiList a {
display:block;
padding:14px 18px 11px 0px;
text-decoration: none;
position: relative;
}

#info ul.kijiList a:after {
display: block;
position: absolute;
top: 50%;
right: 6px;
width: 7px;
height: 7px;
margin-top: -4px;
border-top: solid 1px #999;
border-right: solid 1px #999;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
content: "";
}

@media \0screen {
#info ul.kijiList a:after {
display: none;
}
}

#info ul.kijiList a:hover {
background: #f8f8f8;
color: #333;
}