@charset "utf-8";

/*============================
#newsMainArea
============================*/
#newsMainArea { float: left; width: 670px; }
#newsMainArea .mainInfo { margin-top: 60px; }
#newsMainArea .newsListArea { margin-top: 22px; }
#newsMainArea .newsListArea ul {}
#newsMainArea .newsListArea ul li { border-bottom: 1px solid #dedede; }
#newsMainArea .newsListArea ul li:first-child { border-top: 1px solid #dedede; }
#newsMainArea .newsListArea ul li a { display: block; padding: 20px 10px 18px; position: relative; }
#newsMainArea .newsListArea ul li a:hover { background-color: #f7f6f3; }
#newsMainArea .newsListArea ul li a::after { position: absolute; right: 10px; top: 50%; margin-top: -20px; content: ""; width: 20px; height: 40px; background: url(../../imageFile/global/icon_arrow_gr.svg) no-repeat center; background-size: 8px auto; }
#newsMainArea .newsListArea ul li a .date { display: inline-block; width: 75px; vertical-align: middle; color: #a1332c; font-size: 0.75em; }
#newsMainArea .newsListArea ul li a .kategoriTag { display: inline-block; width: 85px; vertical-align: middle; text-align: center; margin-right: 10px; padding: 5px 0; background-color: #ede8e7; font-size: 0.75em; border-radius: 2px; }
#newsMainArea .newsListArea ul li a .newsText { display: inline-block; width: 454px; vertical-align: middle; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 1px 0; }

/*============================
#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;}
#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 center; background-size: 6px auto; }
#newsRightArea .kategoriNavi .kategoriTag ul li a { display: block; padding: 8px 0; color: #000; font-size: 0.875em; background-color: #ede8e7; border-radius: 3px; }
#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; }