@charset "utf-8";
/* ----------------------------------------------------common */
.backbtn { display: block; width: 300px;  background: #000; color: #fff !important; font-size: 18px; text-align: center; font-family: 'Lato', sans-serif; letter-spacing: 2px; padding: 21px 0; margin: 0 auto 110px; }
footer { margin: 150px auto 0; }
#bread{ margin: 92px auto 0; }
#fv { margin: 92px auto 0; background: url(../images/news/fv.jpg) no-repeat center center/cover; }

/* --------------------------------------------------------------------------- contents */
#contents { padding: 90px 0 100px; }
/* --------------- main --------------- */
#main { width: 100%; max-width: 700px; margin: 0 auto; }
#main .date { float: left; font-size: 16px; letter-spacing: 1px; line-height: 26px; }
#main .category { font-size: 13px; font-weight: 600; background: #ca141d; color: #fff; float: left; padding: 7px 15px 6px; border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px; margin: 0 0 0 15px; }
#main h3 { font-size: 20px; font-weight: 600; line-height: 32px; border-bottom: solid 1px #e5e5e5; padding: 16px 0 10px; margin: 0 auto 35px; letter-spacing: 1px; }
#main .text p { font-size: 16px; line-height: 32px; padding: 0 0 40px; letter-spacing: 1px; }
#main .text a { color: #d60603; text-decoration: underline; }
/* --------------- 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 */
.backbtn { width: 250px; font-size: 16px; padding: 21px 0; margin: 0 auto 100px; }
footer { margin: 20px auto 0; }
#bread{ margin: 60px auto 0; }
#fv { margin: 60px auto 0; }
/* --------------------------------------------------------------------------- contents */
#contents { padding: 40px 0 0; }
/* --------------- main --------------- */
#main { width: 100%; float: none; }
#main .date { font-size: 14px; line-height: 24px; }
#main .category { font-size: 11px; padding: 7px 15px 6px; margin: 0 0 0 12px; }
#main h3 { font-size: 18px; line-height: 30px; padding: 10px 0 8px; margin: 0 auto 20px; }
#main .text p { font-size: 14px; line-height: 27px; padding: 0 0 30px; }
/* --------------- 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; }
}