@charset "utf-8";
/* CSS Document */

/*-- タイトル --*/
#main .ttl { background: url(../../images/news/bg_ttl.png) repeat-y center top; color: #fff; line-height: 1.6; margin: 0 0 18px 0; padding: 8px 30px 7px; }

#news{ margin: 20px 0;}

/*-- ニュース詳細 --*/
#news_artcle_body { border: solid 1px #dcdcdc; padding: 20px; }
#news_artcle_body h3 { background-color: #c5101f; padding: 12px; color: #fff; font-size: 18px; font-weight: bold; margin-bottom: 20px; vertical-align: middle; }
#news_artcle_body h3 span { font-size:14px; color: #ffee00; vertical-align: middle; }
#news_artcle_body ul { margin-bottom: 20px; }
#news_artcle_body ul li { list-style: circle; line-height: 32px; font-size: 16px; margin-left: 30px; font-weight: bold; }
#news_artcle_body span.caution { font-size: 14px; color: #c5101f; }
#news_artcle_body #sns_btn { padding: 20px 10px; }
#news_artcle_body #sns_btn ul { margin: 0; }
#news_artcle_body #sns_btn ul li.twitter { display: inline-block; margin: 0 8px 0 0; vertical-align: top; line-height: 0; }
#news_artcle_body #sns_btn ul li.facebook { display: inline-block; margin: 0 8px 0 0; vertical-align: top; line-height: 0; }
#news_artcle_body .info_box .shipdate { margin:0 0 30px 0; padding:20px; background-color:#c5101f; border-radius:8px; }
#news_artcle_body .info_box .shipdate p { font-size:1.1rem; font-weight:bold; text-align:center; line-height:1.5rem; color:#fff; }
#news_artcle_body .bcBK { background-color: #333!important; }

/*-- ページャー --*/
.nav_box { margin-bottom: 30px;}
.nav_box .page_nav { float: left; }
.nav_box .page_nav ul li { float: left; font-size: 14px; font-weight: bold; border: solid 3px #333333; padding: 12px 14px; margin: 0 2px; border-radius: 5px; box-shadow: 0 2px 0 0 rgb(184, 184, 184); }
.nav_box .page_nav ul li.active { float: left; font-size: 14px; font-weight: bold; border: solid 3px #333333; padding: 12px 14px; margin: 0 2px; border-radius: 5px; box-shadow: 0 2px 0 0 rgb(184, 184, 184); background: #333333; color: #fff; }
.nav_box .page_nav ul li:hover { background: #333333; color: #fff; }
.nav_box .page_nav a { color: #333333; }
.nav_box .page_nav a:hover { color: #fff; }
.nav_box .page_nav a:visited { color: #333333; }

/*-- ニュース一覧 --*/
#news_list { margin-bottom: 30px; }
#news_list .news_article a { color: #333333; }
#news_list .news_article { font-size: 14px; border: solid 1px #dcdcdc; padding: 12px 14px; margin-right: 16px; border-radius: 5px; box-shadow: 0 2px 0 0 rgb(184, 184, 184); margin-bottom: 16px; }
#news_list .news_article dt img { width: 80px; height: 80px; display: block; }
#news_list .news_article dt { width: 80px; float:left; border: solid 2px #e3e3e3; margin-right: 10px; transition: 0.3s ease-in-out; }
#news_list .news_article dl:hover dt { border: solid 2px #c5101e; }
#news_list .news_article dl:hover dd.title { color: #c5101e; }
#news_list .news_article ul { margin-left: 100px; border-bottom: dotted 1px #7f7f7f; margin-bottom: 6px; padding-bottom: 6px;  }
#news_list .news_article ul li.icon { display: inline-block; vertical-align: middle; }
#news_list .news_article ul li.data { display: inline-block; font-weight: bold; vertical-align: middle; }
#news_list .news_article dd.title  { margin-left: 100px; font-size: 16px; font-weight: bold; line-height: 22px; }