@charset "utf-8";

/*---------------------------------------------
アーカイブ
---------------------------------------------*/
.archive.index .news .tabs					{ width: 1170px; margin: 0 auto; font-family: 'Noto Sans JP', sans-serif; font-size: 1.8rem; font-weight: 500; line-height: 1.25; }
.archive.index .news .tab_item_news	{ float: left; width: calc((100% - 40px) / 3); margin: 20px 0 0 10px; padding: 20px 0; border: 1px solid #ccc; border-bottom: 0; background: #fff; text-align: center; cursor: pointer; }
.archive.index .news .tab_item_news:last-of-type					{ margin-right: 0; }
.archive.index .news .tabs input:checked + .tab_item_news	{ position: relative; top: 1px; margin-top: 0; padding: 30px 0; border-color: #3eb134; color: #3eb134; }
.archive.index .news input[name="tab_item_news"]					{ display: none; }
.archive.index .news #tab-release:checked ~ #release_content,
.archive.index .news #tab-personal:checked ~ #personal_content,
.archive.index .news #tab-investor:checked ~ #investor_content{ display: block; }

.archive.index .news .tab_content                        { display: none; clear: both; padding-top: 10px; border-top: 1px solid #3eb134; font-size: 1.6rem; font-weight: 400; line-height: 1.5; overflow: hidden; }
.archive.index .news .tab_content > ul > li              { border-top: 1px solid #ccc; }
.archive.index .news .tab_content > ul > li:first-of-type{ border-top: 0; }
.archive.index .news .tab_content > ul > li a            { display: block; position: relative; padding: 20px 70px 20px 0; text-decoration: none; }
.archive.index .news .tab_content > ul > li a:hover      { opacity: 0.6; }
.archive.index .news .tab_content > ul > li a:after      { content: ""; position: absolute; top: 50%; right: 35px; width: 8px; height: 8px; margin-top: -6px; border-top: 1px solid #24b751; border-right: 1px solid #24b751; transform: rotate(45deg); }
.archive.index .news .tab_content > ul > li .data        { display: block; }
.archive.index .news .tab_content > ul > li time         { display: inline-block; margin-bottom: 5px; color: #666; font-size: 1.4rem; margin-right: 15px; width: 110px; }

.archive.index .news .tab_content > ul > li label              { display: none; font-size: 1.2rem; color: #fff; background: #ccc; padding: 2px 15px; margin-right: 5px; position: relative; top: -2px; text-align: center; }
.archive.index .news .tab_content > ul > li label.personal     { display: inline-block; background: #ff4c4d; }
.archive.index .news .tab_content > ul > li label.corporation  { display: inline-block; background: #ff9242; }
.archive.index .news .tab_content > ul > li label.shareholders { display: inline-block; background: #5997f9; }
.archive.index .news .tab_content > ul > li label.notice       { display: inline-block; background: #e46d91; width: 110px; padding: 2px 0; }
.archive.index .news .tab_content > ul > li label.newsrelease  { display: inline-block; background: #2cbbcc; width: 110px; padding: 2px 0; }

.archive.index .news .tab_content > ul.per-cor > li             { display: none; }
.archive.index .news .tab_content > ul.per-cor > li.personal:not(.newsrelease),
.archive.index .news .tab_content > ul.per-cor > li.corporation:not(.newsrelease) { display: block; }
.archive.index .news .tab_content > ul.per-cor > li label.newsrelease,
.archive.index .news .tab_content > ul.per-cor > li label.notice,
.archive.index .news .tab_content > ul.per-cor > li label.shareholders{ display: none; }

.archive.index .news .tab_content > ul.kabunushi > li             { display: none; }
.archive.index .news .tab_content > ul.kabunushi > li.shareholders{ display: block; }
.archive.index .news .tab_content > ul.kabunushi > li label.personal,
.archive.index .news .tab_content > ul.kabunushi > li label.corporation,
.archive.index .news .tab_content > ul.kabunushi > li label.shareholders{ display: none; }

@media (max-width: 767px) {
  .archive.index .news .tabs { width: auto; } 
  .archive.index .news .tab_item_news { font-size: 1.4rem; padding: 10px 0; margin: 30px 0 0 5px; width: calc((100% - 20px) / 3); }
  .archive.index .news .tabs input:checked + .tab_item_news { padding: 15px 0; top: 21px }
  .archive.index .news .tab_content > ul > li time { width: 105px; }
  .archive.index .news .tab_content > ul > li a { padding: 20px 35px 20px 0; }
  .archive.index .news .tab_content > ul > li a:after { right: 10px; }
}