@charset "utf-8";

/* Layout
-------------------------------------------------- */
/* コンテンツ */
main aside h2{
  font-size:2rem;
  text-align:center;
  margin-top:10px;
}
main #contents{
  margin-top:20px;
  border-top:1px solid #fe5c5c;
}

/* タイトル */
main #contents h3{
  margin-top:20px;
  margin-bottom:10px;
  font-weight:normal;
}
main #contents h3 span{
  display:block;
  margin-top:5px;
  font-size:1.4rem;
}

main #contents p{
  line-height:130%;
}
main #contents span.ast{
  color:#ff0000;
}

/* Bank */
main section.bank .figure{
  text-align:center;
}
main section.bank .table_wrap table{
  border:1px solid #000000;
  margin-bottom:10px;
}
main section.bank .table_wrap table th,
main section.bank .table_wrap table td{
  border:1px solid #000000;
  padding:3px;
}
main section.bank .table_wrap table td{
  vertical-align:middle;
}
main section.bank .bank_info th,
main section.bank .bank_info td{
  display:block;
  width:100%;
  text-align:left;
}
main section.bank .bank_info th{
  padding-top:10px;
}
main section.bank .bank_info td{
  line-height:130%;
}

main hr{
  border-top:2px solid #000000;
}

/* WISE */
main section.wise p.lead{
  padding-bottom:5px;
  border-bottom:1px dashed #999999;
  margin-bottom:10px;
}
main section.wise h4{
  margin-bottom:10px;
}
main section.wise .logo_wrap{
  margin-top:20px;
}
main section.wise .logo_wrap .figure{
  text-align:center;
}
main section.wise .logo_wrap .note{
  margin-top:10px;
}
main section.wise table{
  border:1px solid #000000;
  margin-top:10px;
}
main section.wise table th,
main section.wise table td{
  border:1px solid #000000;
  padding:5px;
}

/* PayPal */
main section.paypal{
  margin-top:20px;
  border-top:1px dashed #999999;
  padding-top:20px;
}
main section.paypal .figure_wrap{
  margin-top:20px;
}
main section.paypal .figure_wrap .figure{
  text-align:center;
}
main section.paypal .figure_wrap .note{
  margin-top:10px;
  line-height:130%;
}
main section.paypal table{
  border:1px solid #000000;
  margin-top:10px;
}
main section.paypal table th,
main section.paypal table td{
  border:1px solid #000000;
  padding:5px;
}



/* タブレット
-------------------------------------------------- */
@media only screen and (min-width: 667px) {

  /* Bank */
  main section.bank .table_wrap{
    display:flex;
    margin:20px auto 0 auto;
    justify-content:center;
  }
  main section.bank .figure{
    width:100px;
  }
  main section.bank .bank_info th,
  main section.bank .bank_info td{
    display:table-cell;
  }
  main section.bank .bank_info th{
    width:25%;
  }
  main section.bank .bank_info td{
    width:75%;
  }

  /* WISE */
  main section.wise .logo_wrap{
    display:flex;
  }
  main section.wise .figure{
    padding-right:20px;
    width:137px;
  }
  main section.wise table{
    margin:10px auto 0 auto;
  }

  /* PayPal */
  main section.paypal .figure_wrap{
    display:flex;
  }
  main section.paypal .figure_wrap .figure{
    width:137px;
    padding-right:20px;
  }
  main section.paypal table{
    margin:10px auto 0 auto;
  }
}



/* PC
-------------------------------------------------- */
@media only screen and (min-width: 750px) {

  /* コンテンツ */
  main aside h2{
    font-weight:normal;
  }
  main aside h2 span{
    display:block;
    margin-bottom:5px;
  }
  main aside h2 span:first-child::after{
    display:none;
  }
  main{
    display:flex;
  }
  main aside{
    width:100px;
  }
  main aside h2{
    text-align:left;
    letter-spacing:-1px;
  }
  main #contents{
    width:calc(100% - 100px);
    border-left:1px solid #fe5c5c;
    border-top:0;
    margin-top:0;
    padding-left:25px;
  }

  /* タイトル */
  main #contents h3{
    margin-top:10px;
    border-bottom:1px solid #fe5c5c;
    margin-bottom:5px;
    padding-bottom:5px;
    font-size:1.8rem;
  }

  main section.bank .bank_info th{
    width:30%;
  }
  main section.bank .bank_info td{
    width:70%;
  }
}