/*----------------------------------------------------------------------------*/
/* --------------------------------------------------- information style */
/*----------------------------------------------------------------------------*/
/* --------------------------------------------------- information list */
.information-box {
  margin: 50px auto;
  font-size: 1.5rem;
}
.information-box ul {
  list-style: none;
  padding: 0;
  margin: 0
  width: 100%;
}
.information-box ul li {
  border-bottom: 1px solid #c9caca;

}
.information-box dl {
  margin: 20px auto;
}
.information-box dt {
  width: 180px;
  height: 20px;
}
.information-box dd {
  margin: -20px 0 0 180px; /* top=dt¤Îheight¥Þ¥¤¥Ê¥¹ left=dt¤Îwidth */
}
.information-box dd a {
  color: #000;
  text-decoration: none;
}
.information-box dd div {
  margin-top: 5px;
}
.information-box dd div span {
  margin-right: 3px;
  font-size: 1.2rem;
  font-weight: 100;
  color: #fff;
  background: #bfbfbf;
  padding: 2px 4px;
}
/* ¥½©`¥È¥­©` */
#law-all:hover,
#law-2021:hover,
#law-2020:hover,
#law-2019:hover,
#law-2018:hover,
#law-2017:hover,
#law-2016:hover {
  cursor:pointer;
  color: #c9caca;
  font-weight: 100;
}
.select-info span {/* ßx’kÖФΥ«¥Æ¥´¥ê */
  color: #fff;
  background: #bfbfbf;
  padding: 2px 4px;
  text-align: center;
}
/* ¤Ú©`¥¸¥ã©` */
.page-box {
  position: relative;
  height: 50px;
  margin: 30px 0;
}
.pageNum {
  position: absolute;
  left: 0;
  font-size: 1.2rem;
  font-weight: 300;
}
.nownum,
.totalnum {
  font-size: 1.5rem;
  margin: 0 10px;
}
.pager ,
.pager2 {
  position: absolute;
  right: 0;
  font-size: 1.5rem;
}
.pager span ,
.pager2 span {
  margin:0;
  padding:0 8px;
}
.pager span:hover ,
.pager2 span:hover {
  cursor:pointer;
  color: #808080;
}

.pager span.current ,
.pager2 span.current {
  background:none;
  font-weight: 400;
}
.pager span.current:hover ,
.pager2 span.current:hover {
  cursor:default;
}

.pager span.invalid ,
.pager2 span.invalid {
  color:#dcdcdc;
  background:none;
}
.pager span.invalid:hover ,
.pager2 span.invalid:hover {
  cursor:default;
}
.pager span.ellipsis ,
.pager2 span.ellipsis {
  color:#000;
  background:none;
}
.pager span.ellipsis:hover ,
.pager2 span.ellipsis:hover {
  cursor:default;
}
.next {
  padding: 0 0 0 25px;
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 3.2rem;
}
.next::before{
  width: 17px;
  height: 17px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #ccc;
}
.next::after{
  left: 8px;
  box-sizing: border-box;
  width: 4px;
  height: 4px;
  border: 4px solid transparent;
  border-left: 4px solid #000;
}
@media screen and (max-width: 480px) {
  .information-box dd {
    margin: 20px 0 0 0;
  }
  .page-box {
    position: static;
    width: 100%;
  }
  .pageNum {
    display: none;
  }
  .pager ,
  .pager2 {
    position: static;
    text-align: center;
  }
}
/* --------------------------------------------------- information detail */
.information-detail {
  margin: 70px auto;
}
/* ÈդˤÁ */
.information-detail-inner dt .dt {
  font-size: 1.6rem;
  padding-right: 10px;
  border-right: 1px solid #c9caca;
}
/* ¥«¥Æ¥´¥ê */
.information-detail-inner dt .category .key {
  margin-right: 3px;
  font-size: 1.2rem;
  font-weight: 100;
  color: #fff;
  background: #bfbfbf;
  padding: 2px 4px;
}
.information-detail-inner dt .category span:first-child {
  margin-left: 10px;
}
.information-detail-inner dd {
  margin-left: 0;
}
/* ¥¿¥¤¥È¥ë */
.information-detail-inner dd h2 {
  font-size: 2.5rem;
  font-weight: 400;
  margin: 50px 0 30px 0;
}
/* ÎÄÕÂ */
.information-detail-inner dd .sentence {
  margin-top: 30px;
}
.information-detail-inner dd .sentence p {
  margin: 20px 0 0 0;
}
.information-detail-inner dd .sentence hr {
  height: 1px;
  background-color: #c9caca;
  border: none;
}

/* ϤΥʥӥ²©`¥·¥ç¥ó */
.information-detail-nav {
  width: 100%;
  height: 80px;
  text-align: center;
}
.information-detail-nav ul {
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 50px 0 0 0;
  vertical-align: bottom;
}
.information-detail-nav ul li {
  display: inline-block;
}
.information-detail-nav ul li:first-child {
  margin-right: 5%;
}
.information-detail-nav ul li:last-child {
  margin-left: 5%;
}
.information-detail-nav ul li a {
  text-decoration: none;
  color: #000;
}
/* ϤΥʥӥ²©`¥·¥ç¥óʸӡ */
.arrow-left,
.arrow-right{
  position: relative;
  display: inline-block;
  color: #000;
  text-decoration: none;
}
.arrow-left::before,
.arrow-left::after{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
}
.arrow-right::before,
.arrow-right::after{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  content: "";
}
.arrow-left {
  padding: 0 0 0 20px;
  line-height: 2.5rem;
}
.arrow-right {
  padding: 0 20px 0 0;
  line-height: 2.5rem;
}
.arrow-left::before,
.arrow-right::before{
  width: 14px;
  height: 14px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #000;
}
.arrow-left::after{
  left: 0;
  box-sizing: border-box;
  width: 4px;
  height: 4px;
  border: 4px solid transparent;
  border-right: 4px solid #fff;
}
.arrow-right::after{
  right: 0;
  box-sizing: border-box;
  width: 4px;
  height: 4px;
  border: 4px solid transparent;
  border-left: 4px solid #fff;
}