@charset "UTF-8";
#container.backnumber #box{
  width:100%;
}
#container.backnumber h1 p{
  width: 270px;
  height: 112px;
  margin: 0 0;
  background: #e7e7e8;
  padding-left: 60px;
}
h2.TitleMain {
  font-family: "UD新ゴ M",UD Shin Go Medium;
  border-bottom: solid 1px rgb(111,184,44);
  margin-bottom: 30px;
  padding: 0 30px 0 30px;
}
ul.backnumber {
  width:930px;
  margin:40px auto 0;
}

ul.backnumber li {
  margin: 0 0 40px 0;
}
ul.backnumber a.more{
  background: rgba(220,220,220,0.7);
  width: 120px;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  text-indent: 10px;
  position: relative;
  margin-left:40px;
  font-size:0.8rem;
  transition:0.5s;
  border-radius:3px;
  color:#000;
}
ul.backnumber a.more:after{
  content:">";
  position: absolute;
}
ul.backnumber a.more:hover{
  text-decoration:none;
  background: rgba(220,220,220,0.5);
}

ul.backnumber > li li {
  background: none;
  padding: 0 40px; }

ul.backnumber span.publication_date {
  padding:0 0 0 30px;
  margin-right:5px;
   }

ul.backnumber span.new {
  width: 65px;
  height: 30px;
  line-height: 30px;
  position: relative;
  display: inline-block;
  text-align: center;
  font-family: "UD新ゴ M",UD Shin Go Medium;
  color:rgb(233,87,42);
}
ul.backnumber span.new:before{
  content: "|";
  font-size:20px;
  position: absolute;
  left: 0px;
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
ul.backnumber span.new:after{
  content: "|";
  font-size:20px;
  position: absolute;
  right: 0px;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
ul.backnumber dd{
  margin:20px 0 0 0;
}
ul.backnumber dd a.more:after{
  content:">";
}
ul.backnumber dd li {
  margin: 0 0 20px 0;
}
ul.backnumber dd li img {
max-width:800px;
  margin: 0 auto 10px auto;
  display: block; }

ul.backnumber a.link {
  width: 140px;
  height: 25px;
  font-weight: 600;
  margin-left: auto;
  display: block;
  position: relative; }

ul.backnumber a.link:hover {
  border-bottom: 1px dashed #AAAAAA; }

ul.backnumber a.link:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  font-weight: 600;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  position: absolute;
  top: 7px;
  right: 2px;
  margin: auto;
  border-top: solid 1px #00428a;
  border-right: solid 1px #00428a;
  color: #00428a; }

form,
footer {
  clear: both; }

form button {
  border-style: none; }

  .page_view{
  	display:block;
  	text-align:center;
  }
  .page_view button{
    width:33px;
    height: 33px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-style: none;
    background:none;
    border:solid 1px #000;
    margin:0 5px 0 0;
  }
  .page_view button.active{
  background:#000;
  color:#fff;
}
.page_view button.next,
.page_view button.prev{
  width: auto;
  color: #6fb82c;
  border: none;
}
  /*767px以下*/
  @media screen and (max-width:767px){
    #container.backnumber{
      min-width:320px;
      margin:0px;
    }
    .backnumber #main h1{
    font-size: 1.3rem;
    margin: 0px 0 5px 0;
    }
    .backnumber #main h2{
      font-size: 1.2rem;
      padding:0px 5px 2px 5px;
    }
    ul.backnumber{
      width:100%;
    }
    ul.backnumber li:nth-of-type(1){
      padding:0;
    }
    ul.backnumber dd li img{
      width:100%;
    }
    ul.backnumber > li li{
      padding:0;
    }
ul.backnumber span.publication_date{padding-left:5px;}
}