@charset "utf-8";
/* CSS Document */
/* CSSは必要最低限しか指定してませんのでお好みで（もちろん外部化OK） */



#NewsSummary{}

#NewsSummary ul#newsList{
	margin:18px 0 15px;
	padding:0;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#NewsSummary ul#newsList li{
	color:#666;
	font-size:12px;
	margin:0;
	padding:18px 0;
	margin-bottom:3px;
	border-bottom:1px dotted #AA7F61;
	line-height:120%;
	list-style-type:none;
}

#NewsSummary .catName{
	display:inline-block;
	padding:3px 8px;
	border:1px solid #533927;
	border-radius:6px;
	font-size:11px;
	line-height:100%;
	margin:0 2px;
    color: #533927;
}

#NewsSummary .ttl_area{
	padding: 3px 0 3px 18px;
}

#NewsSummary .newMark{
	display:inline-block;
	border:1px solid #F00;
	padding:1px 4px;
	font-size:11px;
	line-height:100%;
	background:#F00;
	color:#fff;
	box-shadow:1px 1px 1px #999;
	border-radius:8px;
	font-style:italic;
    vertical-align: 1px;
    margin-left: 4px;

}

#NewsSummary .up_ymd{
	text-align:right;
	font-size:13px;
	margin:5px 0px;
    color: #533927;
}

#NewsSummary .title{
    font-size: 18px;
    padding: 3px 8px;
    vertical-align: -2.4px;
    letter-spacing: 0.05em;
}

#NewsSummary .title a{
    filter: drop-shadow(0.05em 0em 0.01em rgba(102,72,20,1));
    color: #533927;
    
}
#NewsSummary .title a:hover{
    filter: drop-shadow(0.05em 0em 0.01em rgba(84,147,70,1));
    color: #549346;
    transition: all .3s; 
}

#NewsSummary .comment{
    font-size: 15px;
    line-height: 1.6em;
    letter-spacing: 0.04em;
	display:block;
	padding: 12px 0 6px 18px;
	overflow:hidden;
    text-shadow: 0px 0px 0px #533927;
    color: #533927;
}

#NewsSummary .readmore{
    font-size: 15px;
    text-align: end;
    line-height: 1.6em;
    letter-spacing: 0.04em;
	display:block;
    color: #533927;
}

#NewsSummary .readmore a{
    filter: drop-shadow(0.05em 0em 0.01em rgba(102,72,20,1));
    color: #533927;
    
}
#NewsSummary .readmore a:hover{
    filter: drop-shadow(0.05em 0em 0.01em rgba(84,147,70,1));
    color: #549346;
    transition: all .3s; 
}

#NewsSummary .thumbNailWrap{
    display: block;
    width: 200px;
    float: left;
    height: 133px;
    overflow: hidden;
    background-color: #fbfaf5;
    filter: drop-shadow(-0.01em 0.02em 0.2em rgba(0,0,0,0.25));
}
#NewsSummary .thumbNailWrap img{
    width: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}


/* Pager style（外部化可） */
#NewsSummary .pager{
	text-align:right;
	padding:10px;
	clear:both;
}
/*ページャーボタン*/
#NewsSummary .pager a{
    border: 1px solid #533927;
    border-radius: 5px 5px 5px 5px;
    color: #333;
    font-size: 12px;
    padding: 3px 7px 2px;
    text-decoration: none;
	margin:0 1px;
}

/*現在のページのボタン*/
#NewsSummary .pager a.current{
    background: #549346;
    border: 1px solid #549346;
    border-radius: 5px 5px 5px 5px;
    color: #fff;
    font-size: 12px;
    padding: 3px 7px 2px;
	margin:0 1px;
    text-decoration: none;
}

#NewsSummary .pager a:hover{
    background:#549346;
    border: 1px solid #549346;
    color: #fff;
    transition: all .3s; 
}

#NewsSummary .overPagerPattern{
	padding:0 2px ;	
}

#NewsSummary .pNav{
	font-size:11px;	
}

/* /Pager style */



#News {}
#News h2 {
    color: #5a5347!important;
    font-size: 18px!important;
    margin-top: 18px!important;
}
#News h3 {
    color: #5a5347!important;
    font-size: 18px!important;
    margin-top: 18px!important;
}
#News h4 {
    color: #5a5347!important;
    font-size: 15px!important;
    margin-top: 18px!important;
}
#News p {
    margin-top: 15px!important;
    text-shadow: 0px 0px 0px #533927;
}

#News a{
    filter: drop-shadow(0.05em 0em 0.01em rgba(102,72,20,1));
    color: #533927;
    
}

#News a:hover{
    filter: drop-shadow(0.05em 0em 0.01em rgba(84,147,70,1));
    color: #549346;
    transition: all .3s; 
}

#News #up_ymd{
	text-align:right;
	font-size:13px;
	margin:5px 0px 18px;
    padding-top: 5px;
    border-top: 1px solid #795548;
}

#News .detailText{
    line-height: 1.6em;
    letter-spacing: 0.04em;
}

#News .detailUpfile{
	margin: 15px 0 35px;
	text-align:center;
}

#News .backORcloseBtn{
	text-align:center;
	line-height:100%;
	margin-top:35px;
}
#News .backORcloseBtn a{
	display:inline-block;
	padding:4px 15px;
    border: 1px solid #795548;
    color: #795548;
    background: rgba(125,85,72,0);
	border-radius:6px;
	text-decoration:none;
	font-size:12px;
}
#News .backORcloseBtn a:hover{
    color: #fff;
    background: rgba(125,85,72,1);
    transition: all .3s; 
}

#News .EditBtn{
	text-align: right;
    line-height: 100%;
    margin-top: -24px;
}
#News .EditBtn a:hover{
    color: #060;
    transition: all .3s; 
}
#News .detailUpfile img{
	max-width:100%;
	height:auto;
    background: #fbfaf5;
}

#News .pNav{
	font-size:11px;	
}