@charset "utf-8";

/*============================
#topicsMainArea
============================*/
#topicsMainArea { float: left; width: 660px; }
#topicsMainArea .mainInfo { margin-top: 60px; }
#topicsMainArea .topicsListArea {}
#topicsMainArea .topicsListArea ul {}
#topicsMainArea .topicsListArea ul li { float: left; width: 200px; margin-right: 30px; margin-top: 30px; }
#topicsMainArea .topicsListArea ul li:nth-child(3n) { margin-right: 0; }
#topicsMainArea .topicsListArea ul li a { display: block; }
#topicsMainArea .topicsListArea ul li a .image {}
#topicsMainArea .topicsListArea ul li a .image img { width: 100%; height: auto; }
#topicsMainArea .topicsListArea ul li a .info { margin-top: 15px; }
#topicsMainArea .topicsListArea ul li a .info .tenpoTag { float: left; display: block; width: 120px; text-align: center; padding: 5px 0; background-color: #e5e5e5; font-size: 0.75em; border-radius: 3px; }
#topicsMainArea .topicsListArea ul li a .info .date { float: right; display: block; width: 80px; margin-top: 5px; color: #aaa; font-size: 0.75em; text-align: right; }
#topicsMainArea .topicsListArea ul li a .topicsText { display: block; margin-top: 15px;font-size: 0.875em; line-height: 1.5; }

/*============================
#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; }