@charset "utf-8";

/*============================
#newsArticleArea
============================*/
#newsArticleArea { float: left; width: 700px; margin-top: 80px; }
#newsArticleArea .newsListArea { padding: 40px 50px; border-left: solid 1px #dedede; }
#newsArticleArea .newsListArea .info {}
#newsArticleArea .newsListArea .info .kategoriTag  { float: left; display: block; width: 120px; text-align: center; margin-top: -5px; padding: 7px 0 5px; background-color: #ede8e7; font-size: 0.875em; border-radius: 3px; }
#newsArticleArea .newsListArea .info .date { float: right; display: block; color: #a1332c; width: 100px; font-size: 1em; text-align: right; }
#newsArticleArea .newsListArea .articleTitle { margin-top: 20px; text-align: left; font-size: 1.4em; font-weight: bold; line-height: 1.5; }
#newsArticleArea .newsListArea .articleContent {}
#newsArticleArea .newsListArea .articleContent p { margin-top: 20px; line-height: 1.5; }
#newsArticleArea .newsListArea .articleContent p img { max-width: 100%; height: auto; }
#newsArticleArea .newsListArea .linkBtn { margin-top: 60px; text-align: center;}
#newsArticleArea .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; }
#newsArticleArea .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; }

/*============================
#newsRightArea
============================*/
#newsRightArea { float: right; width: 260px; margin-top: 80px; border: 1px solid #dedede; box-sizing: border-box; }
#newsRightArea .kategoriNavi { margin-top: 40px; padding: 0 30px; }
#newsRightArea .kategoriNavi .kategoriTitle { padding: 2px 0 1px 10px; border-left: 3px solid #a1332c; font-weight: bold; }
#newsRightArea .kategoriNavi .kategoriTag { margin-top: 22px; }
#newsRightArea .kategoriNavi .kategoriTag ul { text-align: center; }
#newsRightArea .kategoriNavi .kategoriTag ul li { position: relative; margin-top: 18px; background-color: #ede8e7; border-radius: 4px; }
#newsRightArea .kategoriNavi .kategoriTag ul li:first-child { margin-top: 0; }
#newsRightArea .kategoriNavi .kategoriTag ul li::after { display: block; position: absolute; content: ""; width: 6px; height: 6px; right: 15px; top: 12px; background: url(../../imageFile/global/icon_arrow.svg) no-repeat; background-size: 6px auto; }
#newsRightArea .kategoriNavi .kategoriTag ul li a { display: block; width: 200px; padding: 8px 0; color: #000; font-size: 0.875em; }
#newsRightArea .dateNavi { margin-top: 40px; padding: 0 30px 30px; }
#newsRightArea .dateNavi .dateTitle { padding: 2px 0 1px 10px; border-left: 3px solid #a1332c; font-weight: bold; }
#newsRightArea .dateNavi .dateTag { margin-top: 20px; }
#newsRightArea .dateNavi .dateTag ul {}
#newsRightArea .dateNavi .dateTag ul li { display: block; color: #006699; border-bottom: solid 1px #dedede; text-align: left; }
#newsRightArea .dateNavi .dateTag ul li:first-child { border-top: solid 1px #dedede; }
#newsRightArea .dateNavi .dateTag ul li:hover { color: #a1332c; cursor: pointer; }
#newsRightArea .dateNavi .dateTag ul li .md_js_boss {}
#newsRightArea .dateNavi .dateTag ul li .md_js_boss a { display: block; position: relative; padding: 12px 10px; color: #006699; font-size: 0.875em; }
#newsRightArea .dateNavi .dateTag ul li .md_js_boss a:hover { color:#a1332c; cursor: pointer; }
#newsRightArea .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; }
#newsRightArea .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; }
#newsRightArea .dateNavi .dateTag ul li .md_js_contents { display: none; }
#newsRightArea .dateNavi .dateTag ul li .md_js_contents a { display: block; position: relative; padding: 12px 30px; color: #006699; font-size: 0.875em; background: #fafafa; }
#newsRightArea .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; }
#newsRightArea .dateNavi .dateTag ul li .md_js_contents ul li:last-child { border-bottom: none; }