@charset "shift-jis";

/*---------------------
/  ページ全体設定
/--------------------*/

.year_field {
  display: flex;
  justify-content: space-around;
}

/*---表紙の画像-------------------*/
.semi-menu-title.title-img {
  flex-basis: 40% !important;
  padding: 4em 0 0 0;
}
@media screen and (max-width: 767px) {
  .semi-menu-title.title-img {
    display: none;
    }
}

.semi-menu-title.title-img img {
  border: solid 2px #3C7C68;/*枠線*/

}

/*---タイトル-------------------*/
.semi-menu-text.semi2 p.year-label {
  font-size: 1.7em;
}
@media screen and (max-width: 767px) {
  .semi-menu-text.semi2 p.year-label {
    text-align: center;
  }
}

.semi-menu-text.semi2 p.multi-label {
  font-size: 1em;
}
@media screen and (max-width: 767px) {
  .semi-menu-text.semi2 p.multi-label {
    text-align: center;
  }
}

/*---合体版PDF-------------------*/
ul.file-all  {
  padding: 0;
  position: relative;
}
ul.file-all li {
  border-left: solid 8px #3C7C68;/*左側の線*/
  background: #D3EBE3;/*背景色*/
  margin-bottom: 2em;/*下の余白*/
  line-height: 1.5;
  border-radius: 0 15px 15px 0;/*右側の角だけ丸く*/
  padding: 0.5em;
  list-style-type: none!important;
  font-size: 1em;
}
ul.file-all li a {
  color: black;
  text-decoration: none;
}
ul.file-all li:last-of-type {
  border-bottom: none;
}
ul.file-all li:hover {
  font-weight: bold;
  background: #3C7C68;/*背景色*/
}
ul.file-all li:hover a {
  transition: 0.5s;
  color: white;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  ul.file-all {
    width: 98%;
    margin: 0 auto;
  }
  ul.file-all li {
    text-align: center;
    border-left: 0;/*左側の線*/
    border-radius: 15px 15px 15px 15px;/*角を丸く*/
    font-size: 1em;
  }
}

/*---分解版PDF-------------------*/
ul.file-list  {
  padding: 0;
  position: relative;
}
ul.file-list li {
  color: black;
  border-left: solid 8px #3C7C68;/*左側の線*/
  background: whitesmoke;/*背景色*/
  margin-bottom: 0.7em;/*下の余白*/
  line-height: 1.5;
  border-radius: 0 15px 15px 0;/*右側の角だけ丸く*/
  padding: 0.5em;
  list-style-type: none!important;
  font-size: 1em;
}
ul.file-list li a {
  text-decoration: none;
}

ul.file-list li:hover {
  transition: 0.5s;
  background: #3C7C68;/*背景色*/
}
ul.file-list li:hover a {
  color: white;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  ul.file-list {
    width: 98%;
    margin: 0 auto;
  }
  ul.file-list li {
    text-align: center;
    border-left: 0;/*左側の線*/
    border-radius: 15px 15px 15px 15px;/*角を丸く*/
    font-size: 1em;
  }
}