@charset "utf-8";


@media screen and (min-width:768px){
  
  /* +++++++++++++++++++++++++++++++

   error.css
   PC、Tablet用

  +++++++++++++++++++++++++++++++ */
  /*
  汎用エラー
  -----------------------------------*/
  main {
    display: block!important;
  }
  .box_error p {
      max-width: 940px;
      margin: 20px auto;
      padding: 0 20px;
      font-size: 16px;
      line-height: 1.8;
  }
  .box_error ul {
      max-width: 940px;
      margin: 0 auto;
      padding: 0 20px;
  }
  .box_error li {
      float: left;
      width: 24.25%;
      margin-left: 1%;
  }
  .box_error li:first-child { margin-left: 0; }
  .box_error li a {
      position: relative;
      display: block;
      padding:  19px 10px;
      border: 1px solid #ccc;
      background: #fff;
      transition: 0.1s linear;
  }
  .box_error li:first-child a,
  .box_error li:last-child a { padding: 10px; }

  .box_error li a:hover,
  .box_error li a.hover {
      border-color: #333;
      background: #333;
      color: #fff;
      text-decoration: none;
  }

  .box_error li a:after {
      position: absolute;
      top: 50%;
      right: 15px;
      display: block;
      width: 9px;
      height: 14px;
      margin-top: -7px;
      background: url(/images/common/sprite_arrow.png) no-repeat -50px -100px;
      background-size: 200px auto;
      content: " ";
  }
  .box_error li a:hover:after,
  .box_error li a.hover:after { background-position: -50px -150px; }  
  
}


@media screen and (max-width:767px){
  
  /* +++++++++++++++++++++++++++++++

   error.css
   sp用

  +++++++++++++++++++++++++++++++ */
  /*
  汎用エラー
  -----------------------------------*/
  .box_error .box_lgray_texture { padding: 0; }
  .box_error li { border-top: 2px solid #fff; }
  .box_error li:first-child { border-top: none; }
  .box_error li br { display: none; }
  .box_error li a {
      position: relative;
      display: block;
      padding:  20px 10px;
  }



  .box_error li a:after {
      position: absolute;
      top: 50%;
      right: 15px;
      display: block;
      width: 9px;
      height: 16px;
      margin-top: -8px;
      background: url(/images/sp_common/sprite_arrow.png) no-repeat -50px -0;
      background-size: 200px auto;
      content: " ";
  }
  
}