@charset "UTF-8";

/* ---- 共通 ---- */
p {
  margin: 0;
  padding: 0;
}

h1 {
  margin: 0;
}

.panel {
  display: inline-block;
  vertical-align: top;
}

.block {
  display: block;
}

html{
  font-size: 62.5%;
}

body {
  margin: 0;
}

.error_msg,
.error {
  color: #f00;
  font-size: 1.4rem;
  text-align: center;
  margin-top: 10px;
}

.error {
  text-align: left;
  text-decoration: underline;
}

input[type="submit"]:hover {
  cursor: pointer;
}

.pc_none {
  display: none;
}

@media screen and (max-width: 560px) {
  .sp_none {
    display: none;
  }
  .pc_none {
    display: block;
  }
}
/* ---- header ---- */
.header {
  padding: 15px 20px 10px 20px;
}

.header .year {
  font-size: 2.4rem;
  color: #fff;
  background-color: #144ab3;
  border-radius: 30px;
  padding: 5px 20px;
  margin-left: 10px;
  border-radius: 30px;
  width: 140px;
  height: 35px;
  box-shadow: 2px 2px 4px -1px #5e7292;
  shadowColor: "#5e7292", shadowOffset:{width:2,height:3}, shadowOpacity:1, shadowRadius:4, borderWidth:0, borderColor:"#cccccc", borderRadius:0;
}

.header .header_info {
  width: 70%;
}

.header .login_info {
  font-size: 1.4rem;
  text-align: right;
  width: 30%;
}

.header .login_info p:nth-of-type(2) {
  margin-top: 5px;
}

.header .login_info p>a {
  color: #fff;
  background-color: #e14c29;
  border-radius: 30px;
  padding: 5px 20px;
  text-decoration: none;
  border: 0;
  border-radius: 30px;
  width: 140px;
  height: 35px;
  color: #fff;
  font-size: 1.5rem;
  box-shadow: 2px 2px 4px -1px #5e7292;
  shadowColor: "#5e7292", shadowOffset:{width:2,height:3}, shadowOpacity:1, shadowRadius:4, borderWidth:0, borderColor:"#cccccc", borderRadius:0;
}

.header .login_info p>a:hover {
  opacity: 0.7;
}


@media screen and (max-width: 560px) {
  .header .header_info {
    width: 60%;
  }
  .header .login_info {
    font-size: 1.4rem;
    text-align: right;
    width: 40%;
    margin-top: 10px;
  }
  .header {
    padding: 10px 10px 13px 10px;
  }
  .header .year {
    display: block;
    font-size: 1.6rem;
    text-align: center;
    padding: 3px 5px;
    border-radius: 20px;
    width: 110px;
    height: 30px;
    line-height: 30px;
    margin-left: 0;
  }
}

/* ---- content ---- */
.contents::before{
  content:"";
  display:block;
  height: 5px;
  width: 100%;
  background:-webkit-gradient(linear, left top, right bottom, from(#afd9d4), to(#406ec7));
  background:-moz-linear-gradient(left, #afd9d4, #406ec7);
  background:linear-gradient(left, #afd9d4, #406ec7);
}

/* ---- footer ---- */
.footer {
  color: #fff;
  text-align: center;
  padding: 20px 0;
  margin-top: 100px;
  background: repeating-linear-gradient(#3b65b6, #3b65b6 2px, #3a61b0 0, #3a61b0 4px);
}

/* --- all_print ----*/
.print_all {
  display: none;
}

@media print {
  .print_all {
    display: block;  
  }
  #contents,
  .header,
  .footer {
    display: none;
  }
}

.print_all table {
  border:0;
  font-size: 10px;
}
.print_all tr th{
  color:#000;
  background: #FFF;
}

.print_all tr td{
  padding:3px ;
}

.print_all .print_order {
  width:5%;
}
.print_all .print_name {
  width:10%;
}
.print_all .print_postal{
  width:10%;
}
.print_all .print_adress{
  width:15%;
}
.print_all .print_tell {
  width:10%;
}
.print_all .print_industry {
  width:15%;
}
.print_all .print_fiscal {
  width:10%;
}
.print_all .print_sales {
  width:15%;
}
.print_all .print_page {
  width:10%;
}

.no_result {
  font-size:1.5rem;
  text-align: center;
  border-top:3px solid #3b65b6;
  padding:15% 0;
}