@charset "utf-8";

/* ===================================================================
CSS information

 File Name  : layout_sp.css
 Author     : ヒューマンフローラ
 Style Info : news　SPレイアウトCSS設定
=================================================================== */


.HF .news,
.HF .newslist{width:100%;margin:1em auto 0;padding:2em 1em;background: #fff;}

/* -------------------------------------------------------
index_sp.html
------------------------------------------------------- */
.HF .newslist{}
.HF .newslist .box_ttl{text-align: center;}
.HF .newslist .box_ttl h2{margin-bottom:0;padding-bottom:0.5em;border-bottom:2px #ccc solid;font-size:110%;font-weight:600;}
.HF .newslist ul{width:100%;margin-top:0.5em;}
.HF .newslist li + li{}
.HF .newslist li {padding:0.5em 0;border-bottom:1px #dfdfdf solid;}
.HF .newslist li .date{display:block;}
.HF .newslist li .summary{display:block;}
.HF .newslist li a,
.HF .newslist li a:visited {text-decoration: underline;}
.HF .newslist li a:hover {text-decoration: none;}

/* -------------------------------------------------------
newsXXX_sp.html
------------------------------------------------------- */
.HF .news{}
.HF .news .box_ttl{text-align: center;}
.HF .news .box_ttl .date{margin-bottom:0.5em;font-size:85%;text-align: right;}
.HF .news .box_ttl h2{margin-bottom:0;padding-bottom:0.5em;border-bottom:2px #ccc solid;font-size:110%;font-weight:600;}
.HF .news .box_cnt{margin-top:2em;text-align: left;}
.HF .news .box_cnt > * + *{margin-top:1em;}
.HF .news .box_cnt li + li{margin-top:0.5em;}
.HF .news .box_end{margin-top:1.5em;text-align: right;font-size:90%;}
.HF .news .box_nav{margin-top:2em;padding-top:1em;border-top:1px #ccc solid;text-align: center;}
.HF .news .box_nav a{;}