@charset "utf-8";

/*============================
#topicsArticleArea
============================*/
#topicsArticleArea { float: left; width: 700px; margin-top: 80px; }
#topicsArticleArea .newsListArea { padding: 40px 50px; border-left: solid 1px #dedede; }
#topicsArticleArea .newsListArea .info {}
#topicsArticleArea .newsListArea .info .kategoriTag { float: left; display: block; width: 140px; text-align: center; margin-top: -5px; padding: 7px 0 5px; background-color: #e5e5e5; font-size: 0.875em; border-radius: 3px; }
#topicsArticleArea .newsListArea .info .date { float: right; display: block; color: #aaa; width: 100px; font-size: 1em; text-align: right;  }
#topicsArticleArea .newsListArea .articleTitle { margin-top: 20px; text-align: left; font-size: 1.4em; font-weight: bold; line-height: 1.5; }
#topicsArticleArea .newsListArea .articleContent {}
#topicsArticleArea .newsListArea .articleContent p { margin-top: 20px; line-height: 1.5; }
#topicsArticleArea .newsListArea .articleContent p img { max-width: 100%; height: auto; }
#topicsArticleArea .newsListArea .articleContent p a { text-decoration: none; color: #006699; border-bottom: 1px solid #4280a9; padding-bottom: 1px; }
#topicsArticleArea .newsListArea .linkBtn { margin-top: 60px; text-align: center;}
#topicsArticleArea .newsListArea .linkBtn a { border: solid 1px #777; position: relative; display: inline-block; color: #777; font-size: 0.875em; padding: 12px 50px 11px 25px; border-radius: 4px; }
#topicsArticleArea .newsListArea .linkBtn a::after { position: absolute; right: 20px; top: 14px; background: url(../../imageFile/global/reply_gray.svg) no-repeat;  content: ""; display: inline-block; width: 10px; height: 10px; }

/*============================
#topicsRightArea
============================*/
#topicsRightArea { float: right; width: 260px; margin-top: 80px; border: 1px solid #dedede; box-sizing: border-box; }
#topicsRightArea .tenpoiNavi { margin-top: 40px; padding: 0 30px; }
#topicsRightArea .tenpoiNavi .tenpoTitle { padding: 2px 0 1px 10px; border-left: 3px solid #a1332c; font-weight: bold; }
#topicsRightArea .tenpoiNavi .tenpoTag { margin-top: 20px; }
#topicsRightArea .tenpoiNavi .tenpoTag ul {}
#topicsRightArea .tenpoiNavi .tenpoTag ul li { border-bottom: solid 1px #dedede; }
#topicsRightArea .tenpoiNavi .tenpoTag ul li:first-child { border-top: solid 1px #dedede; }
#topicsRightArea .tenpoiNavi .tenpoTag ul li a { display: block; color: #000; padding: 10px 0; position: relative; }
#topicsRightArea .tenpoiNavi .tenpoTag ul li a .tenpo_tum { position: absolute; left: 0; top: 10px; }
#topicsRightArea .tenpoiNavi .tenpoTag ul li a .tenpo_tum img { width: 43px; height: 43px; }
#topicsRightArea .tenpoiNavi .tenpoTag ul li a .listText { padding: 15px 10px 15px 55px; font-weight: bold; font-size: 0.8em; }
#topicsRightArea .tenpoiNavi .tenpoTag ul li a .listText::after { position: absolute; right: 10px; top: 50%; margin-top: -3px; background: url(../../imageFile/global/icon_arrow.svg) no-repeat center; background-size: 6px auto; content: " "; display: block; width: 6px; height: 6px; }
#topicsRightArea .dateNavi { margin-top: 40px; padding: 0 30px 30px; }
#topicsRightArea .dateNavi .dateTitle { padding: 2px 0 1px 10px; border-left: 3px solid #a1332c; font-weight: bold; }
#topicsRightArea .dateNavi .dateTag { margin-top: 20px; }
#topicsRightArea .dateNavi .dateTag ul {}
#topicsRightArea .dateNavi .dateTag ul li { display: block; color: #006699; border-bottom: solid 1px #dedede; text-align: left; }
#topicsRightArea .dateNavi .dateTag ul li:first-child { border-top: solid 1px #dedede; }
#topicsRightArea .dateNavi .dateTag ul li:hover { color: #a1332c; cursor: pointer; }
#topicsRightArea .dateNavi .dateTag ul li .md_js_boss {}
#topicsRightArea .dateNavi .dateTag ul li .md_js_boss a { display: block; position: relative; padding: 12px 10px; color: #006699; font-size: 0.875em; }
#topicsRightArea .dateNavi .dateTag ul li .md_js_boss a:hover { color:#a1332c; cursor: pointer; }
#topicsRightArea .dateNavi .dateTag ul li .md_js_boss a::after { position: absolute; right: 20px; top: 16px; background: url(../../imageFile/global/icon_bottom.svg) no-repeat; background-size: 6px auto; content: ""; display: block; width: 6px; height: 6px; }
#topicsRightArea .dateNavi .dateTag ul li .md_js_boss a.open::after { position: absolute; right: 20px; top: 16px; background: url(../../imageFile/global/icon_top.svg) no-repeat; background-size: 6px auto; content: ""; display: block; width: 6px; height: 6px; }
#topicsRightArea .dateNavi .dateTag ul li .md_js_contents { display: none; }
#topicsRightArea .dateNavi .dateTag ul li .md_js_contents a { display: block; position: relative; padding: 12px 30px; color: #006699; font-size: 0.875em; background: #fafafa; }
#topicsRightArea .dateNavi .dateTag ul li .md_js_contents a::after { position: absolute; right: 20px; top: 14px; content: ""; display: block; width: 6px; height: 6px; background: url(../../imageFile/global/icon_arrow_bl.svg) no-repeat; background-size: 6px auto; }
#topicsRightArea .dateNavi .dateTag ul li .md_js_contents ul li:last-child { border-bottom: none; }