@charset "UTF-8";
/*==================================================

** journals common
==================================================*/
/*==================================================

** index
==================================================*/
#journalsSec .eco {
  color: #283caa;
}
#journalsSec .manage {
  color: #d228aa;
}
#journalsSec .history {
  color: #46af14;
}
#journalsSec .statis {
  color: #e66400;
}
#journalsSec .current {
  color: #dcb400;
}
#journalsSec .genrebox dt {
  width: 100%;
  max-width: 440px;
  border: 1px solid #808080;
  padding: 2px 10px 2px 30px;
  cursor: pointer;
  background: url("../images/common/ico_cir_arr_black_btm.svg") no-repeat 10px center #fff;
  background-size: 16px 16px;
}
#journalsSec .genrebox dt.close {
  background-image: url("../images/common/ico_cir_arr_black_top.svg");
}
#journalsSec .genrebox dd {
  display: none;
  position: absolute;
  width: 100%;
  max-width: 440px;
  z-index: 99;
}
#journalsSec .genrebox dd ul li {
  margin: 0;
  padding: 3px 10px 3px 30px;
  font-size: 1.2rem;
  background: url("../images/common/ico_cir_arr_black_right.svg") no-repeat 10px center #f2f2f2;
  background-size: 16px 16px;
  transition: all 0.2s;
  cursor: pointer;
}
#journalsSec .genrebox dd ul li:hover {
  opacity: 1;
  text-decoration: none;
  background-color: #e5e5e5;
  transition: all 0.4s;
}
#journalsSec .genrebox dd ul li.purple {
  background-image: url("../images/common/ico_cir_arr_purple_right.svg");
}
#journalsSec .genrebox dd ul li.pink {
  background-image: url("../images/common/ico_cir_arr_pink_right.svg");
}
#journalsSec .genrebox dd ul li.green {
  background-image: url("../images/common/ico_cir_arr_green_right.svg");
}
#journalsSec .genrebox dd ul li.yellow {
  background-image: url("../images/common/ico_cir_arr_yellow_right.svg");
}
#journalsSec .genrebox dd ul li.orange {
  background-image: url("../images/common/ico_cir_arr_orange_right.svg");
}
#journalsSec .tabcnt table th .ttl, #journalsSec .tabcnt table td .ttl {
  width: 55%;
}
#journalsSec .tabcnt table th .vol, #journalsSec .tabcnt table td .vol {
  width: 15%;
}
#journalsSec .tabcnt table th .published, #journalsSec .tabcnt table td .published {
  width: 15%;
}
#journalsSec .tabcnt table th .checkin, #journalsSec .tabcnt table td .checkin {
  width: 55%;
}
#journalsSec .tabcnt table thead th {
  padding-right: 15px;
}
#journalsSec .tabcnt table thead th span {
  font-weight: normal;
  font-size: 1.2rem;
  display: block;
}
#journalsSec .tabcnt table tbody tr:first-of-type th, #journalsSec .tabcnt table tbody tr:first-of-type td {
  padding-top: 10px;
}
#journalsSec .tabcnt table tbody tr:first-of-type.new .ttl:before {
  top: 15px;
}
#journalsSec .tabcnt table tbody tr.new .ttl {
  position: relative;
}
#journalsSec .tabcnt table tbody tr.new .ttl:before {
  content: '';
  display: block;
  width: 30px;
  height: 14px;
  background: url("../images/common/ico_new.svg") no-repeat left top;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 10px;
}
#journalsSec .tabcnt table tbody tr .ttl {
  padding-left: 40px;
}
#journalsSec .tabcnt table tbody tr .ttl a {
  color: #000;
  text-decoration: none;
}
#journalsSec .tabcnt table tbody tr .ttl a[target="_blank"]:after {
  content: '';
  display: inline-block;
  width: 16px;
  height: 13px;
  background: url("../images/common/ico_window.svg") no-repeat left top;
  background-size: contain;
  margin-left: 10px;
}
#journalsSec .tabcnt table tbody tr .ttl a:hover {
  color: #5fc3be;
  text-decoration: underline;
}
#journalsSec .tabcnt table tbody tr th, #journalsSec .tabcnt table tbody tr td {
  border: none;
  padding: 5px 15px 5px 0;
}
@media screen and (min-width: 768px) {
  #journalsSec .labels {
    display: none;
  }
  #journalsSec .tabcnt table tbody tr {
    display: table-row !important;
  }
  #journalsSec .morebtn {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  #journalsSec h2 {
    margin: 30px 0 0;
  }
  #journalsSec .genrebox dt, #journalsSec .genrebox dd {
    max-width: 100%;
  }
  #journalsSec .labels {
    margin: 30px 0 0;
    padding: 0 0 10px;
    font-size: 1.2rem;
    border-bottom: 1px solid #b2b2b2;
  }
  #journalsSec .tabcnt table {
    margin: 0;
  }
  #journalsSec .tabcnt table th.ttl, #journalsSec .tabcnt table th.vol, #journalsSec .tabcnt table th.published, #journalsSec .tabcnt table th.checkin, #journalsSec .tabcnt table td.ttl, #journalsSec .tabcnt table td.vol, #journalsSec .tabcnt table td.published, #journalsSec .tabcnt table td.checkin {
    width: 100%;
  }
  #journalsSec .tabcnt table tbody tr {
    border: none;
  }
  #journalsSec .tabcnt table tbody tr > :first-child {
    margin-top: 10px;
  }
  #journalsSec .tabcnt table tbody tr:first-of-type th, #journalsSec .tabcnt table tbody tr:first-of-type td {
    padding-top: 0;
  }
  #journalsSec .tabcnt table tbody tr.new .ttl:before {
    content: '';
    display: block;
    position: static;
    margin-bottom: 5px;
  }
  #journalsSec .tabcnt table tbody tr .ttl {
    padding: 0;
    font-weight: bold;
  }
  #journalsSec .tabcnt table tbody tr .vol,
  #journalsSec .tabcnt table tbody tr .published,
  #journalsSec .tabcnt table tbody tr .checkin {
    padding-left: 1.2em;
  }
  #journalsSec .tabcnt table tbody tr .ttl .indent {
    padding-left:1.2em;
    text-indent:-1em;
  }
  #journalsSec .tabcnt table tbody tr th, #journalsSec .tabcnt table tbody tr td {
    border: none;
    padding: 2px 0;
    line-height: 1.7;
  }
  #journalsSec .tabcnt table tbody tr th.vol, #journalsSec .tabcnt table tbody tr td.vol {
    font-size: 1.2rem;
  }
  #journalsSec .tabcnt table tbody tr th.vol:before, #journalsSec .tabcnt table tbody tr td.vol:before {
    content: 'Vol (No)：';
  }
  #journalsSec .tabcnt table tbody tr th.published, #journalsSec .tabcnt table tbody tr td.published {
    font-size: 1.2rem;
  }
  #journalsSec .tabcnt table tbody tr th.published:before, #journalsSec .tabcnt table tbody tr td.published:before {
    content: 'Published：';
  }
  #journalsSec .tabcnt table tbody tr th.checkin, #journalsSec .tabcnt table tbody tr td.checkin {
    font-size: 1.2rem;
  }
  #journalsSec .tabcnt table tbody tr th.checkin:before, #journalsSec .tabcnt table tbody tr td.checkin:before {
    content: 'Check in：';
  }
}