@charset "UTF-8";
@import url("base.css");
@import url("m_menu.css");
/*共通設定-------------------------------------------------------------------------------------------------------------------------------------*/
/*基本設定*/
/*メイン*/
h1 {
  font-size: 200%;
  color: #036eb5;
  text-align: center;
  color: #fff;
  text-align: center;
  background-image: url("../img/base/back_header.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  line-height: 200px;
  width: 96%;
  padding: 0 2%; }

#found {
  margin: 2em auto;
  padding: 0 0;
  width: 100%; }
  #found h2 {
    font-size: 200%;
    color: #036eb5;
    text-align: center; }
  #found p {
    margin: 1em 0 0;
    text-align: center; }
  #found h3 {
    padding: 0.4em 0.5em;
    /*文字の上下 左右の余白*/
    color: #494949;
    /*文字色*/
    background: #f4f4f4;
    /*背景色*/
    border-left: solid 5px #7db4e6;
    /*左線*/
    border-bottom: solid 3px #d7d7d7;
    /*下線*/ }
  #found .ken {
    margin: 1em 0 0 0; }
  #found .all-list {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin: 1em auto; }
    #found .all-list .contents-name:first-child {
      border-radius: 5px 0 0 0; }
    #found .all-list .contents-name:last-child {
      border-radius: 0 5px 0 0;
      border-right: 1px solid #3c6690; }
    #found .all-list .contents-name {
      text-align: center;
      color: white;
      background: linear-gradient(#829ebc, #225588);
      border-left: 1px solid #3c6690;
      border-top: 1px solid #3c6690;
      border-bottom: 1px solid #3c6690;
      box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.3) inset;
      width: 20%;
      padding: 0.8em 0;
      vertical-align: top; }
    #found .all-list .contents {
      text-align: center;
      border-left: 1px solid #a8b7c5;
      border-bottom: 1px solid #a8b7c5;
      border-top: none;
      box-shadow: 0px -3px 5px 1px #eee inset;
      width: 20%;
      padding: 10px 0;
      font-size: 0.7em;
      margin: 0 auto;
      vertical-align: middle; }
      #found .all-list .contents .code {
        font-size: 0.5em; }
    #found .all-list .contents:last-child {
      border-right: 1px solid #a8b7c5; }
    #found .all-list .contents:last-child td:first-child {
      border-radius: 0 0 0 5px; }
    #found .all-list .contents:last-child td:last-child {
      border-radius: 0 0 5px 0; }

/*フッター*/
/*共通設定ここまで-------------------------------------------------------------------------------------------------------------------------------------*/
/* pc */
@media screen and (min-width: 1000px) {
  /*ヘッダー*/
  /*メイン*/
  #top_m, #found {
    width: 90%; }

  /*フッター*/ }
/* tablet以下共通 ------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 999px) {
  /*ヘッダー*/
  /*メイン*/
  #top_m, #found {
    width: 80%; }

  /*フッター*/ }
/* tablet以下共通ここまで ------------------------------------------------------------------------------------------*/
/* tablet1  */
@media only screen and (min-width: 768px) and (max-width: 999px) {
  /*基本設定*/
  /*ヘッダー*/
  /*メイン*/
  /*フッター*/ }
/* tablet2  */
@media only screen and (max-width: 767px) {
  /*基本設定*/
  /*ヘッダー*/
  /*メイン*/
  h1 {
    font-size: 160%;
    line-height: 100px; }

  h2 {
    font-size: 160%; }

  #found {
    margin: 2.5em auto; }
    #found h2 {
      border-bottom: none !important;
      padding: 0;
      margin: 0; }
    #found p {
      margin: 1em 0 0;
      text-align: center; }
    #found ul {
      width: 100%;
      margin: 2em auto 0;
      flex-direction: column; }
      #found ul li {
        width: 80%;
        margin: 0 auto; }
        #found ul li:nth-child(n+2) {
          margin: 1em auto 0; }

  /*フッター*/ }
/* smartPhone1 */
@media only screen and (max-width: 499px) {
  /*基本設定*/
  /*ヘッダー*/
  /*メイン*/
  /*フッター*/ }