@charset "utf-8";
/*
a:link { color: #ffffff; }
a:visited { color: #ffffff; }
a:hover { color: #ffffff; }
a:active { color: #ffffff; }

#main {
  max-width: 900px;
}
*/
/* 複数セレクタで指定 */
#header, #main, #footer {
  margin: 0 auto;
}

td.td_header {
  background-color: #F5BCA9;
}
h1 {

margin: 0 0 0 0;
}

td.title {
  text-align: center;
}

h1.title {
  font-weight: normal;
  margin: 0 0 10 0;
  font-size: 26px;
}

h1.title2 {
  font-weight: normal;
  margin: 0 40 10 0;
  font-size: 30px;
  display: inline;
  vertical-align: middle;
}
div.page_title2 span{
  font-size: 16px;
  vertical-align: middle;
}

a {
  color: #000000;
  text-decoration: none;
}
a:hover img {
	opacity: 0.5 ;
}

input[type=checkbox] {
  transform: scale(1.5);
}

.checkbox_text {
  cursor: pointer;
}
.checkbox_text input{
  margin-right: 10;
}

textarea {
width: 550px;
}

.header a{
  color: #ffffff;
  text-decoration: none;
}

.txt_whtite { color: #ffffff; }

.list-item {
  position: relative;
  padding-left: 10px;
  font-size: 16px;
}

.header_flexbox_left a,
.header_flexbox_right a{
  color: #ffffff;
}
.list-item:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 0;
  height: 0;
  margin-top: -5px;
  margin-left: -5px;
  border-top: 5px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 10px solid #ffffff;
}
a.list-item:hover{
    color: #ffc926;
}

.pan_div{
  margin-left: 20px;
}

.pan_div a{
  color: #0072EF;
}
.pan_div a.pan_category::before {
  content: ">";
  margin: 0 5px;
}
.pan_div span.pan_category::before {
  content: ">";
  margin: 0 5px;
}

.main_menu_information h3{
  font-size: 16px;
  color: #e6504e;
}
.main_menu_button h4{
  margin-bottom: 5px;
  font-size: 16px;
}

.hr_1px_solid_b {
border: none; 
border-top: 1px solid black ; 
height:1px;
}

.hr_2px_solid_b {
border: none; 
border-top: 2px solid black ; 
height:1px;
}

.hr_1px_dash_gray {
border: none; 
border-top: 1px dashed gray ; 
height:1px;
}

#footer {
  background-color: #282f3d;
  background-color: #ffffff;
  color: #000000;
  text-align: right;
  margin-top: 60;
  margin-right: 20;
  padding: 5;
}


.flex{ 
  display: -webkit-flex; 
  display: -moz-flex; 
  display: -ms-flex; 
  display: -o-flex; 
  display: flex; 
} 

.page_title {
  width: 700px;
  margin: 0 auto; 
  text-align: center;
}

.page_title2 {
  width: 1100px;
  margin: 0 auto; 
  text-align: left;
}

.font_d-blue {
 color: #0f96bc;
}

.font_d-red {
 color: #eb5638;
}

.page_title img{
  margin-top: -20;
}

.page_title h2{
  color:#e03819;
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 0 0 ;

}

.content_1 {
  display: grid;
  grid-template-columns: 190px 1fr ;
  justify-items: stretch;
  align-items: stretch;
  text-rendering: optimizeLegibility;
  justify-content: center;
  width: 97%;
  margin: 0 auto;
}

.content_2 {
  display: grid;
  grid-template-columns: 1fr 190px;
  justify-items: stretch;
  align-items: stretch;
  text-rendering: optimizeLegibility;
  justify-content: center;
  width: 97%;
  margin: 0 auto;
}
.content_3 {
  display: grid;
  grid-template-columns: 200px 1fr 200px 1fr;
  justify-items: stretch;
  align-items: stretch;
  text-rendering: optimizeLegibility;
  justify-content: center;
  width: 97%;
  margin: 30 auto;
}

.content_info {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 100px; 
  grid-column-gap: 30px;
  justify-items: stretch;
  align-items: stretch;
  text-rendering: optimizeLegibility;
  justify-content: center;
  width: 97%;
  margin: 40 auto 0;
}
.content_info a{
  color: #ffffff;
  text-decoration: underline;
}
.grid_info_h1 {
  grid-column:  1 ;
  background: #0f96bc;
  color: #ffffff;
  font-size: 26px;
}
.grid_info_h2 {
  grid-column:  2 ;
  background: #0f96bc;
  color: #ffffff;
  font-size: 26px;
}
.grid_info_h3 {
  grid-column:  3 ;
  background: #0f96bc;
  color: #ffffff;
  font-size: 26px;
}

.content_info div.info_c {
  align-items: start;
  font-size: 20px;
  padding: 30 25 30 25;
  line-height: 170%;
}

.content_info div ,
.content_1 div ,
.content_2 div ,
.content_3 div{
  align-items: center;
  justify-content: center;
}

.content_info div{
  display: grid;
}

.margin_grid_h {
  margin-top: 60;
}
.margin_grid {
  margin-top: 20;
}

.clr_d-pink {
  background: #d96eae;
  color: #ffffff;
}
.clr_d-red {
  background: #eb5638;
  color: #ffffff;
}
.clr_l-red {
  background: #fe6d4b;
  color: #ffffff;
}
.clr_d-green {
  background: #2dbd9b;
  color: #ffffff;
}
.clr_l-green {
  background: #40cfad;
  color: #ffffff;
}
.clr_l-green2 ,
td.clr_l-green2 {
  background: #9fd661;
  color: #000000;
}
.clr_d-purple {
  background: #9677df;
  color: #ffffff;
}
.clr_d-green {
  background: #0a8447;
  color: #ffffff;
}

.clr_d-blue {
  background: #0f96bc;
  color: #ffffff;
}

.clr_l-blue {
  background: #02bef1;
  color: #ffffff;
}
.clr_cautiion {
  background: #fecf47;
}


.clr_red {
  color: #ff0000;
}

.am-data_remark {
  display: inline-block;
  background-color: #434a54;
  padding: 8 12;
  margin: 10 0 ;
  color: #ffffff;
  border-radius: 10px;
}

.item_c span.order_count {
  display: inline-block;
  margin: 0 8;
  font-size: 40;
  color: #000000;
}

.item_c span.cancel_count {
  display: inline-block;
  margin: 0 8;
  font-size: 40;
  color: #eb5638;
}

.sku_count {
  display: inline-block;
  margin: 0 8;
  font-size: 30;
}

.margin_span {
  display: inline-block;
  margin-top: 20;
}

.margin_span_left {
  margin-left: 20;
}

.grid_1 {
  height: 60;
  display: grid;
  grid-column:  1 / 3;
  font-size: 26px;
}
.grid_1_sub {
  display: grid;
  grid-column:  1 / 3;
  font-size: 14px;
  margin-top: -10;
  padding-bottom: 15px;
}

.grid_2 {
  display: grid;
  grid-column:  1 / 3;
  background: #ffffff;
  padding: 30;
  color: black;
  font-size: 26px;
  text-align: center;
}

.grid_3_1 {
  display: grid;
  grid-column:  1;
  font-size: 80px;
}
.grid_3_1_i {
  height: 130;
  display: grid;
  grid-column:  1;
  font-size: 30px;
}

.content_1 div.grid_3_2 {
  grid-column:  2;
  grid-row-gap: 10px;
  align-items: start;
  justify-content: start;
  background: #f2f6fa;
  padding: 18 20 18 40;
  color: #000000;
  font-size: 20px;
}
.content_1 div.grid_3_2_i {
  height: 130;
  grid-column:  2;
  grid-row-gap: 10px;
  align-items: start;
  justify-content: start;
  background: #f2f6fa;
  color: #000000;
  font-size: 20px;
}
ul {
  list-style: none;
}
li {
  margin-top: 3;
}
.grid_4 {
  display: grid;
  grid-column:  1 / 3;
  padding: 30;
  margin-top: 20;
  font-size: 24px;
  text-align: center;
}

.grid_4 span{
  font-size: 16px;
}
.grid_5 {
  display: grid;
  grid-column:  1 / 3;
  font-size: 18px;
  margin: 10 0;
  text-align: center;
}
.grid_5_1 {
  display: grid;
  grid-column:  1 ;
  font-size: 18px;
  margin: 10 0;
}
.grid_5_1 span.m_l_190{
  margin-left: 190;
}

.grid_5_2 {
  display: grid;
  grid-column:  2 ;
  font-size: 18px;
  margin: 10 0;
}

.grid_6_1 {
  display: grid;
  grid-column:  1;
  font-size: 20px;
}

.content_1 div.grid_6_2 ,
.content_1 div.grid_6_2_d {
  grid-column:  2;
  grid-row-gap: 10px;
  align-items: start;
  justify-content: start;
  background: #f2f6fa;
  padding: 10;
  color: #000000;
  font-size: 20px;
}

.content_1 div.clr_cautiion {
  background: #fecf47;
}

.content_1 div.grid_6_2 div ,
.content_1 div.grid_6_2_d div{
  margin: 5 0;
}

.content_1  div.grid_6_2 input[type="text"] { 
  width: 100%;
  height: 40;
  font-size: 16px;
  padding: 10;
}
.content_1  div.grid_6_2 textarea { 
  width: 100%;
  height: 150;
  font-size: 16px;
  padding: 10;
}
.content_1  div textarea.body { 
  height: 550;
}

.content_3  div input[type="text"] ,
.content_1  div.grid_6_2_d input[type="text"] ,
.content_1  div.grid_6_2_d select { 
  height: 40;
  font-size: 16px;
}
.content_3  input[type="text"] ,
.content_1  div.grid_6_2_d input[type="text"] {
  padding: 10;
}
.content_1  div.grid_6_2_d input[type="text"] ,
.content_1  div.grid_6_2_d select { 
  width: 250;
}

.grid_6_2_d span.f_item{
  margin: 0 15;
}

.grid_7_1 {
  display: grid;
  grid-column:  1;
  font-size: 20px;
}

.content_3 {
  background: #f2f6fa;
}

.grid_8 {
  display: grid;
  grid-column:  1 / 5;
  font-size: 18px;
  padding: 20 0;
  text-align: center;
  background: #ffffff;
  border-top: 1px solid #000000;
}

.grid_9_1 {
  display: grid;
  grid-column:  1;
  margin: 10 5 10 40;
  padding: 5;
  font-size: 20px;
  background: #434a54;
  color: #ffffff;
}
.content_3 div.grid_9_2 {
  grid-column:  2;
  margin: 10 0;
  font-size: 20px;
}
.content_3 div.three {
  grid-column:  2 / 5; 
}

.grid_9_3 {
  display: grid;
  grid-column:  3;
  margin: 10 5 10 5;
  padding: 5;
  font-size: 20px;
  background: #434a54;
  color: #ffffff;
}
.content_3 div.grid_9_4 {
  grid-column:  4;
  margin: 10 0;
  font-size: 20px;
}
.content_3 span.restriction{
  margin-left: 15;
  font-size: 14px;
}
.content_3  div input[type="text"] ,
.content_3  div select { 
  width: 260;
}
.content_3  div.three input[type="text"] {
  width: 450;
}

.content_1 div.grid_7_2 div{
  margin: 5 0;
}

.content_1 div.grid_7_1 a,
.content_1 div.grid_7_2 div.proxy_submit_btn2{
  display: block;
  margin: 0 10;
}

.item_h {
  color: #212121;
  font-size: 26px;
  font-weight: 600;
}
.item_h span.btn{
  font-weight: normal;
}
.item_c {
  color: #212121;
  font-size: 20px;
  padding-top: 10 ;
}
.item_c2 {
  color: #212121;
  font-size: 20px;
  text-align: right;
  margin-top: -40;
}
.item_c3 {
  color: #212121;
  font-size: 20px;
  text-align: right;
}

.item_c3 span,
.item_c2 span,
.item_c span{
  font-size: 16px;
}
.item_c span.after_btn{
  margin-left: 10;
}

.content_1 div.flex_order_3 {
  display: -webkit-flex; 
  display: -moz-flex; 
  display: -ms-flex; 
  display: -o-flex; 
  display: flex; 
  justify-content: start;
  align-items: center;
  flex-wrap: wrap;
}

.content_1 div.flex_order_3_ {
  display: grid;
  grid-template-columns: 340px auto;
  grid-auto-rows: 1fr;
  align-items: center;
}

.content_1 div.order_h {
  margin-right: 20px;
}
.content_1 div.order_print {
  display: flex;
  margin: 5 0;
  justify-content: start;
}
.content_1 div.order_print div{
  margin-right: 20px;
}

.button_base {
  font-family: inherit;
  font-size: 18px;
  padding: .5em 1em;
  color: #ffffff;
 /* letter-spacing: 0.3em;*/
  border: 1px solid #999;
  border: transparent;
  background-color: #4485f5;
  text-decoration: none;
  border-radius: 2px;
  display: inline-block;
  zoom: 1;
  white-space: nowrap;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.fas ,
.far {
  margin-right: 5;
}

.btn_login {
  display: table;
  background-color: #eb5638;
  color: #ffffff;
  width: 100%;
  padding: 9 0;
  margin-bottom: 20;
}

.btn_delete {
  background-color: #434a54;
}
.btn_reset {
  background-color: #d96eae;
  font-size: 13;
}
.btn_yamato {
  background-color: #0b7a6d;
  color: #ffffff;
}
.btn_yubin {
  background-color: #dc414f;
  color: #ffffff;
}
.btn_sagawa {
  background-color: #0a32ad;
  color: #ffffff;
}
.btn_seino {
  background-color: #ef5261;
  color: #ffffff;
}
.btn_eco {
  background-color: #1aa069;
  color: #ffffff;
}
.btn_disable{
  background-color: #999;
  opacity: 0.5;
  pointer-events: none;
}



.btn_close {
  background-color: #656d78;
  color: #ffffff;
}

.btn_valign_b {
  vertical-align: bottom;
}

.awp_btn {
  display: inline-block;
  width: 300px;
  border: 1px solid #9c7e31;
  border-top: 1px solid #a88734;
  border-bottom: 1px solid #846a29;
  border-radius: 3px;
  background: linear-gradient(to bottom, #f7dea1, #f0c24d);
  box-shadow: 0 1px 0 #faecc8 inset;
  text-align: center;
  color: #111;
  font-size: 1.1em;
  line-height: 1;
  padding: 0.7em;
  cursor: pointer;
}
.awp_btn:hover{
  background: linear-gradient(to bottom, #f5d689, #eeba35);
}


.file_name {
  margin: 0 10;
}

#order_portal_info div.mark_1 {
  font-size: 85;
  color: #48c0eb;
}
#order_portal_info div.mark_2 {
  font-size: 85;
  color: #f7bc31;
}
#order_portal_info div.mark_3 {
  font-size: 85;
  color: #ef5362;
}


#order_portal_info div.title {
  margin-top: 20;
  font-size: 32;
  color: #211713;
}
#order_portal_info div.detail {
  margin-top: 20;
  font-size: 20;
  color: #211713;
}
#order_portal_info div.detail_2 {
  margin-top: 10;
  font-size: 20;
  color: #211713;
}
#order_portal_info a.button ,
#order_portal_info div.button {
  margin-top: 20;
  font-size: 16;
}

.question_style {
  color: #656d78;
  font-size: 30px;

}

hr.shadow{
  height: 10px;
  border: 0;
  box-shadow: 0 10px 10px -10px #bbb inset;
  width: 700px;
}

hr.thin{
  border-top: 1px solid #bbb;
  width: 700px;
}

.e1 {
  margin-left: 30px;
}

.login_title {
  width: 359px;
  margin: 0 auto;
  margin-top: 45px;
  margin-bottom: 25px;
}
.login_text {
  text-align: left;
  font-size: 16px;
}
.login_text_center {
  text-align: center;
  line-height: 1.4em;
}

.login_text_center a.clr_blue{
  color: #4c8ade;
}
.regist {
  width: 1000px;
  padding: 20px;
  margin: 0 auto 20;
  text-align: center;
}

.login_form {
  width: 359px;
  padding: 20px;
  margin: 0 auto 20;
  text-align: center;
  border: 1px solid #c4c4c4;
}

.login_form h3{
  font-size: 28px;
  margin: 0 0 20 0 ;
}

.regist_form h3{
  font-size: 28px;
  margin: 40 0 10 0 ;
}
.regist_form span{
  font-size: 16px;
}

.regist_form_box {
  width: 1000px;
  padding: 20 0 ;
  border: 1px solid #c4c4c4;
}

.regist_form_box div{
  font-size: 20px;

}
.regist_form_bottom {
  width: 1000px;
  padding: 20 0 ;
  margin: 0 auto;
  text-align: center;
  font-size: 16px;
}

/* Icons ---------------------------------- */
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

.input_g {
  position: relative;
  display: table;
  border-collapse: separate;  
  border-spacing: 0;
  margin: 0 auto 20;
  width: 100%;
}

.regist_user {
  margin: 0 auto 10;
}


.input_g_space {
  margin: 0 auto 10;
  text-align: left;
}
.login_input {
  display: table-cell;
  background-color: #fbfbfb;
  font-size: 18px;
  padding: 10px;
  border: 1px solid #ccc;
  width: 100%;
}

.input_g_icon {
  display: table-cell;
  padding: 6px 12px;
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-right: 0;
  width: 20%;
}

.input_g_title {
  width: 35%;
  text-align: left;
  vertical-align: middle;
}

.input_g_tr {
  display: table-row;
  text-align: left;
}

.form_head {
  display: table-cell;
  padding: 6px 12px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  text-align: left;
  width: 100%;
}

.regist_input {
  display: table-cell;
  background-color: #fbfbfb;
  font-size: 16px;
  padding: 7px;
  border: 1px solid #ccc;
  width: 100%;
}

.regist_input_title{
  padding: 7px 12px;
  width: 20%;
  font-size: 16px;

}

.regist_input_2 {
  display: table-cell;
  background-color: #fbfbfb;
  font-size: 16px;
  padding: 7px;
  border: 1px solid #ccc;
  width: 25%;
}

.form_error {
  background-color: #ffddee;
}

.input_g_tr > .annotation {
  display: table-cell;
  padding: 10px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  text-align: left;

}


.login_form_text {
 float: left;
 margin-bottom: 5px;
}

#login_submit {
  border: 0px;
  width: 295px;
  height: 32px;
  background: url(../img/login-button.png) left top no-repeat;
  margin-top: 25px;
  margin-bottom: 25px;
}
.menu {
  width: 700px;
  margin: 0 auto;
}
.menu a{
 text-decoration: none;
}

.font_red{
 color: red;
}
.font_strong{
 color: red;
}

.flex_order_portal {
  display: -webkit-flex; 
  display: -moz-flex; 
  display: -ms-flex; 
  display: -o-flex; 
  display: flex; 
  align-items: center;
}

.flex_start {
  align-items: flex-start;
}

h3 {
 font-size: 15px;
}

.flex_order_portal h3 a{
 color: #000;
 text-decoration: none;
 font-size: 15px;
}

a.print:after {
 content: "";
 display: inline-block;
 width: 100px;
 height: 30px;
 background-image: url("/img/print.png");
 vertical-align: middle;
 margin-top: -4px;
 margin-left: 6px;
}

.question:after {
 content: "";
 display: inline-block;
 width: 28px;
 height: 28px;
 background-image: url("/img/question.png");
 vertical-align: middle;
 margin-top: -4px;
 margin-left: 6px;
}

.arrow {
 position: relative;
 display: inline-block;
 padding: 0 0 0 25px;
 color: #000;
 vertical-align: middle;
 text-decoration: none;
 font-size: 15px;
}
.arrow::before,
.arrow::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}

.arrow_1::before {
 width: 20px;
 height: 20px;
 -webkit-border-radius: 50%;
 border-radius: 50%;
 background: #03aded;
}
.arrow_1::after {
 left: 7px;
 box-sizing: border-box;
 width: 3px;
 height: 3px;
 border: 5px solid transparent;
 border-left: 8px solid #fff;
}


.order_portal_button {
 margin-right: 20px;
 min-width: 80px;

}


.regist_form {
  width: 350px;
  margin-bottom: 25px;
}

.paging_t {
  margin-bottom: 5;
}
.paging  {
  font-size: 16;
}
.paging2  {
  font-size: 14;
}
.paging_a  {
  margin-left: 30;
}
.paging_a  a{
  text-decoration: underline;
}
a.to_home {
  font-size: 16;
  text-decoration: underline;
}

.table_border {
	font-size: 14;
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid;
	border-collapse: collapse;
}
.td_h {
  text-align: center;
}

div.pba {
  page-break-after: always;
}