@charset "UTF-8";

/*------------------------------------
 記事一覧系
--------------------------------------*/

/*--- 記事ページ送り ---*/
#df_wrap .df_info .df_kijiPaging {
clear:both;
margin:12px 0 8px 0;
font-size:0.9em;
}
 @media only screen and (max-width: 640px) {
}

#df_wrap .df_info .df_kijiPaging:after {
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}

#df_wrap .df_info .df_kijiPaging li {
float:right;
}

#df_wrap .df_info .df_kijiPaging .df_next a {
background:url(/shared/template/images/icon_arrow_plane_gray_right.png) no-repeat right 50%;
padding:0 12px 0 0;
}

#df_wrap .df_info .df_kijiPaging .df_prev {
margin:0 10px 0 0;
border-right:dotted 1px #666;
padding:0 10px 0 0;
}

#df_wrap .df_info .df_kijiPaging .df_prev a {
background:url(/shared/template/images/icon_arrow_plane_gray_left.png) no-repeat 0 50%;
padding:0 0 0 12px;
}

#df_wrap .df_info .df_kijiPaging .df_housouDate {
width:60%;
text-align:center;
font-weight:bold;
display:none;
}

#df_wrap .df_info .df_kijiPaging .df_next {
text-align:right;
}
 @media only screen and (max-width:640px) {

#df_wrap .df_info .df_kijiPaging {
clear:both;
margin:18px 0 8px 0;
}

#df_wrap .df_info .df_kijiPaging li {
font-size:0.85em;
}

#df_wrap .df_info .df_kijiList div {
padding:0 4px;
}

#df_wrap ul.df_kijiList .df_kijiDate {
padding:3px 0 4px 0px;
}
}

/*--- お知らせ ---*/
#df_wrap .df_info .df_top .df_title {
margin:0 auto;
}

#df_wrap .df_info ul.df_infoList {
overflow:hidden;
position:relative;
border-bottom:1px dotted #CCC;
margin:0 0 10px 0;
}

#df_wrap .df_info ul.df_infoList .df_date {
position:relative;
display:block;
float:left;
padding:4px 0 0 0px;
width:77px;
color:#666;
text-align:left;
word-wrap:break-word;
font-size:0.75em;
}




#df_wrap .df_info ul.df_infoList .df_indexTitle {
display:block;
/*--- float:left; ---*/
overflow:hidden;
margin:0 0 0 0;
padding:2px 3px 0 14px;
width:auto;
background:url(/shared/template/images/icon_arrow_plane_gray_light_left.png) no-repeat 1px 50%;
clear: both;
}
#df_wrap .df_info ul.df_infoList .df_indexTitle a{
display:block;
letter-spacing: 0.05em;
}
}
 
@media only screen and (max-width: 640px) {
#df_wrap .df_info ul.df_infoList .df_indexTitle {
padding:0 3px;
background:url(/shared/template/images/icon_arrow_plane_gray_light_left.png) no-repeat 96% 50%;
}
}

/*
#df_wrap .df_info ul.df_infoList .df_title span.df_shop {
display:inline-block;
margin:0 0 0 -0.5em;
}

#df_wrap .df_info ul.df_infoList .df_title span.df_shop a:link {
color:#B52C2C;
text-decoration:none;
}

#df_wrap .df_info ul.df_infoList .df_title span.df_shop a:visited {
text-decoration:underline;
}

#df_wrap .df_info ul.df_infoList .df_title span.df_shop a:hover {
text-decoration:underline;
}

#df_wrap .df_info ul.df_infoList .df_title span.df_shop a:active {
text-decoration:underline;
}
*/

#df_wrap .df_info .df_readMore.first {
border-top:1px dotted #CCC;
}

#df_wrap .df_info ul.df_infoList li {
clear:both;
/*margin:-1px 0 0 0;*/
padding:12px 0 11px 0;
border-top:1px dotted #CCC;
line-height:1.4;
height: auto;
}

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

#df_wrap .df_info ul.df_infoList li:first-child {
border-top:none;
margin-top:0;
}

#df_wrap .df_info .df_top ul.df_infoList li:first-child {
border-top:none;
margin-top:0;
}

#df_wrap .df_info ul.df_infoList li.df_even {
/*position:relative;
border-top:1px dotted #CCC;*/
background:#F8F8F8;
}
 @media only screen and (max-width: 640px) {

#df_wrap .df_info ul.df_infoList div {
padding:0 8px;
}

#df_wrap .df_info ul.df_infoList .df_date {
float:none;
padding:3px 0 4px 4px;
}

#df_wrap .df_info ul.df_infoList .df_title {
padding:0 4px;
background:none;
}

#df_wrap .df_info ul.df_infoList li {
padding:9px 0 11px 0;
}
}

/*--- もっと読む ---*/
#df_wrap .df_info .df_listWrap {
clear:both;
}

#df_wrap .df_info .df_moreAuto {
margin:10px 0;
border:solid 1px #CCC;
background:#F8F8F8;
text-align:center;
font-size:0.9em;
}
 @media only screen and (max-width: 640px) {

#df_wrap .df_info .df_moreAuto {
margin:10px 0 24px 0;
}
}

#df_wrap .df_info .df_moreAuto a {
display:block;
text-decoration:none;
padding:5px 10px;
font-weight:bold;
}

#df_wrap .df_info .df_moreAuto a:hover {
color:#333;
}

/*------------------------------------
記事詳細系
--------------------------------------*/

#df_wrap .df_info article.df_detail h3, #df_wrap .df_info article.df_detail h3 {
padding:5px 0 0 0;/* color:#42210B; */
font-weight:bold;
font-size:1.05em;
line-height:24px;
}

#df_wrap .df_info article.df_detail .df_date, #df_wrap .df_info article.df_detail .df_date {
display:block;
/* float:left; */
margin:2px 10px 0 0;
padding:0 0 10px 0;
color:#666;
white-space:nowrap;
font-size:0.8em;
text-align:left;
}

#df_wrap .df_info article.df_detail .df_date {
margin:0px 0 0 0;
padding:0 0 10px 0;
text-align:left;
}

/*--- 記事本文 ---*/

#df_wrap .df_info .df_detailText,#df_wrap .df_info .df_richEditor{
clear:both;
margin:0 auto 18px auto;
}

/*--- 記事中の画像 ---*/

#df_Frame article.df_detail figure img, #df_Frame article.df_detail img, #df_Frame article.df_detail figure img, #df_Frame article.df_detail img {
max-width:100%;
height:auto;
}

.detailImg {
margin: 20px 0 20px 0;
text-align: center;
}
.detailImg img {
display:inline;
margin: 0px 10px;
}


/*------------------------------------
 その他
--------------------------------------*/

/*--- 詳細を見る ---*/

#df_wrap .df_info .df_more {
clear:both;
float:right;
font-size:0.9em;
background:url(/shared/template/images/icon_arrow_plane_gray_right.png) no-repeat 2px 50%;
padding:0 0 0 16px;
}
 @media only screen and (max-width: 640px) {

#df_wrap .df_info .df_more {
background:url(/shared/template/images/icon_arrow_plane_gray_right.png) no-repeat 96% 50%;
padding: 0 16px 0 0;
}

}

#df_wrap .df_info .df_ColumnB .df_more a {
background:none;
padding:0 0 0 4px;
}

#df_wrap .df_info .df_wide .df_more {
margin:0 0 10px 0;
}

#df_wrap .df_info .df_more {
margin:10px 0 10px 0;
}

#df_wrap .df_info .df_hr {
border:none;
background:none;
height:0;
line-height:0;
margin:0;
padding:0;
clear:both;
width:100%;
}

/*--- 注意 ---*/
#df_wrap .df_info .df_attention {
clear:both;
color:#F30;
border-top:dotted 1px #CCC;
padding:10px 0 0 0;
font-size:0.85em;
letter-spacing:-0.01em;
}