@charset "utf-8";

/*------------------------------------SP---------------------------------------*/
@media screen and  (max-width: 640px) {

  /*** /custom/index_base.html ***/
  #HeadWrap #Wrap #Main #Contents table,
  #HeadWrap #Wrap #Main #Contents table tbody,
  #HeadWrap #Wrap #Main #Contents table tbody tr {
    display: block;
  }
  #HeadWrap #Wrap #Main #Contents table td {
    height: auto;
  }
  #HeadWrap #Wrap #Main #Contents .space {
    display: none;
  }
  #HeadWrap #Wrap #Main #Contents .CustomBox1 {
    display: block;
    margin: 10px 0 0 0;
  }
  #HeadWrap #Wrap #Main #Contents .CustomBox1 table {
    display: block;
    background: #e9e1b0;
    background: rgba(233, 225, 176, 0.3);
    box-sizing: border-box;
    padding: 3%;
  }
  #HeadWrap #Wrap #Main #Contents table tbody {
    font-size: 0; /* 隙間を消す */
  }
  #HeadWrap #Wrap #Main #Contents .CustomBox1 table tr {
    display: inline-block;
    vertical-align: top;
    font-size: 13px; /* 隙間を消すをリセット */
  }
  #HeadWrap #Wrap #Main #Contents .CustomBox1 table tr:first-child,
  #HeadWrap #Wrap #Main #Contents .CustomBox1 table tr:last-child {
    width: auto;
  }
  #HeadWrap #Wrap #Main #Contents .CustomBox1 table tr:nth-of-type(2) {
    width: 25%;
    width: 80px;
  }
  #HeadWrap #Wrap #Main #Contents .CustomBox1 table tr:nth-of-type(3) {
    width: 75%;
    width: calc(100% - 80px);
  }
  #HeadWrap #Wrap #Main #Contents .box0 {
    display: none;
  }
  #HeadWrap #Wrap #Main #Contents .box1,
  #HeadWrap #Wrap #Main #Contents .box2 {
    display: block;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    background: none;
  }
  #HeadWrap #Wrap #Main #Contents .box2 {
    padding: 0 0 0 5%;
    box-sizing: border-box;
    border-bottom: none;
    text-align: justify;
  }
  #HeadWrap #Wrap #Main #Contents .box2 > a {
    display: inline-block;
    margin-bottom: 0.7em;
  }


}