@charset "utf-8";



/*Sticky*/
body.SpView #OrdermaidArea .Heading.Type9,
body.SpView #ReproArea .Heading.Type9,
body.SpView #CustomArea .Heading.Type9,

body.SpView #Pay .Heading.Type9{

  position: -webkit-sticky !important;

  position: sticky !important;

  z-index: 100;

  top: 0!important;



}



             /* + + + + + レスポンシブ + + + + +  */

              body.rsbp-under-bp3.SpView .Sticky{

                position: -webkit-sticky!important; /* safari対応 */

                position: sticky!important;

                z-index:10000;

                top: 60px!important;/* 上端から10pxのところで固定 */

              }

             /* + + + + + レスポンシブ + + + + +  */







body.rsbp-under-bp2.SpView #Pay .Heading.Type9,

body.rsbp-under-bp2.SpView #OrdermaidArea .Heading.Type9,

body.rsbp-under-bp2.SpView #ReproArea .Heading.Type9,

body.rsbp-under-bp2.SpView #CustomArea .Heading.Type9{



  position: -webkit-sticky !important;

  position: sticky !important;

  z-index: 100;

  top: 60px!important;



}

body.rsbp-under-bp3.SpView #Pay .Heading.Type9,

body.rsbp-under-bp3.SpView #OrdermaidArea .Heading.Type9,

body.rsbp-under-bp3.SpView #ReproArea .Heading.Type9,

body.rsbp-under-bp3.SpView #CustomArea .Heading.Type9{



  position: -webkit-sticky !important;

  position: sticky !important;

  z-index: 100;

  top: 150px!important;

  font-size: 80%;

  padding:5px;

}



.ColumnGroup .Process .ImageItem .Image {

  background: #e3e3e3;

}



#OrdermaidArea .ColumnGroup .Process .ImageItem .Image {

  background: #edc1a0;

}

#ReproArea .ColumnGroup .Process .ImageItem .Image {

  background: #87c1cc;

}





#CustomArea .ColumnGroup .Process .ImageItem .Image {

  background: #b5d689;

}