@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/*https://motoki-design.co.jp/wordpress/swell-news-list/#sample　SWELLで新着記事リストを自作する方法│テンプレート使用版*/
.news-box img {
    margin-bottom: 1em;
	
}
.news-box ul {
    padding-left: 0em;
    list-style: none;
	
}
.news-box li {
    margin-bottom: 3em;
	padding: 3em;
	border-bottom: 1px solid #cccccc;
}
.news-arrow {
    color: #000;
}
.news-date {
    color: #126335;
    margin-right: 1em;
	font-size: 1.2em;
}
.news-article {
    color:#3d3d3d;
    display: inline-block;
	font-size: 1.2em;
	
}
.news-arrow {
    top: 5px;
    position: absolute;
    right: 0;
}
.news-cat {
    color: #fff;
    background-color: #126335;
    padding: 1px;
    font-size: 0.9em;
    display: inline-block;
    width: 100px;
    text-align: center;
    border-radius: 4px;
    margin-right: 1em; 
}