@charset "utf-8";
/* ------------------------------------------------------------ common */
#bread{ margin: 0 auto;}
#fv { margin: 92px auto 0; background: url(../images/news/fv.jpg) no-repeat center center/cover; }
#contents { padding: 90px 0 0; }
footer { margin: 150px auto 0; }
.topbtn { margin: 30px auto 0; }
/* ------------------------------------------------------------ news */
#main { width: 100%; max-width: 700px; margin: 0 auto; }
#main ul { padding: 0 0 60px; }
#main ul li { border-bottom: solid 1px #e5e5e5; }
#main ul li:first-child { border-top: solid 1px #e5e5e5; }
#main ul li a { display: block; padding: 30px 0; }
#main ul li a .date { float: left; font-size: 16px; letter-spacing: 1px; line-height: 26px; }
#main ul li a .category { font-size: 13px; font-weight: 600; background: #d50303; color: #fff; float: left; padding: 7px 15px 6px; border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px; margin: 0 24px; max-width: 150px; }
#main ul li a h4 { font-size: 16px; font-weight: 600; float: right; width: 430px; line-height: 27px; }
#main p.empty { text-align: center; font-size: 20px; }
/* --------------- aside --------------- */
#aside { width: 300px; float: right; }
#aside h3 { font-size: 14px; font-weight: 600; color: #2a2a2a; }
#aside h3 span { font-size: 32px; text-align: left; font-family: 'Lato', sans-serif; font-weight: 700; letter-spacing: 4px; color: #ca141d; }
#aside ul { border-top: solid 1px #d2d2d2; margin: 12px auto 0; }
#aside ul li { border-bottom: dashed 1px #d2d2d2; }
#aside ul li a { display: block; padding: 15px 0; }
#aside ul li a h4 { font-size: 16px; float: left; max-width: 230px; line-height: 24px; }
#aside ul li a span { display: block; float: right; font-size: 16px; line-height: 24px; }

/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){
/* ------------------------------------------------------------ common */
#bread{ margin: 0 auto; }
#fv { margin: 60px auto 0; }
#contents { padding: 0; }
footer { margin: 100px auto 0; }
/* ------------------------------------------------------------ news */
#main { width: 100%; padding: 30px 0 80px; }
#main ul { padding: 0; }
#main ul li { }
#main ul li:first-child { }
#main ul li a { padding: 20px 0; }
#main ul li a .date { font-size: 16px; line-height: 24px; }
#main ul li a .category { font-size: 11px; font-weight: 600; background: #d50303; color: #fff; padding: 7px 15px 6px; border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px; margin: 0 0 0 15px; max-width: 140px; }
#main ul li a h4 { font-size: 16px; float: none; width: 100%; line-height: 27px; clear: both; padding: 12px 0 0; }
/* --------------- aside --------------- */
#aside { width: 100%; float: none; padding: 60px 0 50px; }
#aside h3 { font-size: 14px; }
#aside h3 span { font-size: 28px; letter-spacing: 3px; }
#aside ul { margin: 14px auto 0; }
#aside ul li { }
#aside ul li a { padding: 15px 0; }
#aside ul li a h4 { font-size: 14px; max-width: 80%; line-height: 24px; }
#aside ul li a span { display: block; font-size: 14px; line-height: 24px; }
}