@charset "UTF-8";
#appWrap {}
/*SP用//   */
#appWrap .ui-spinner-button{
  width: 2.2em;
}
#appWrap .screensize2 .ui-spinner{
  margin-left: 4px;
}
.pageLock{
  height: 100vh;
  overflow: hidden;
}
/*  //SP用*/


#appWrap .ico_nml {
  padding-left: 24px;
  background-position: 0 -0.3em; }
#appWrap .right {
  background-image: url(https://www.ricoh.co.jp/cmn_v1/img/icon_s_right_01.png) !important;
  background-repeat: no-repeat;
  font-size: 13px; }
#appWrap a, #appWrap a:link {
  color: #0000cc;
  text-decoration: none; }
#appWrap a:visited {
  color: #551a8b;
  text-decoration: none; }
#appWrap .fBold {
  font-family: "Frutiger LT W01_65 Bold1475746"; }
#appWrap .fRoman {
  font-family: "Frutiger LT W01_55 Roma1475738"; }
#appWrap input:focus {
  border-color: #7a8287; }
#appWrap .select-wrap {
  position: relative; }
#appWrap .select-wrap #lens-type {
  -ms-user-select: none;
  /* IE 10+ */
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  opacity: 0.2; }
#appWrap .select-wrap .active {
  -ms-user-select: auto;
  -moz-user-select: auto;
  -khtml-user-select: auto;
  -webkit-user-select: auto;
  user-select: auto;
  opacity: 1 !important; }
#appWrap .select-wrap:before {
  z-index: 1;
  position: absolute;
  right: 15px;
  content: "";
  line-height: 34px;
  pointer-events: none;
  border-top: 3px solid #fff;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-left: 3px solid transparent;
  top: 15px; }
#appWrap select {
  outline: none;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: "";
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 34px;
  padding: 0 12px;
  border: 1px solid #ddd;
  color: #828c9a;
  width: 187px;
  font-size: 12px;
  line-height: 34px;
  border-radius: 2px;
  font-family: "Frutiger LT W01_55 Roma1475738";
  -webkit-font-smoothing: antialiased; }
#appWrap select option {
  background-color: #fff;
  color: #333; }
#appWrap select::-ms-expand {
  display: none; }
#appWrap select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #828c9a; }
#appWrap .select-wrap.select-primary:before {
  color: #fff; }
#appWrap .select-wrap.select-primary > select {
  background: #46525c;
  color: #fff;
  border-color: #46525c; }
#appWrap .select-wrap.select-primary > select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #fff; }
#appWrap header, #appWrap footer {
  text-align: center;
  z-index: 9999; }
#appWrap header img, #appWrap footer img {
  width: 100%;
  max-width: 1300px; }
#appWrap .cover {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  text-outline: 0;
  left: 0;
  z-index: 9000;
  background-color: #fff; }
#appWrap .simulatorHead {
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  justify-content: space-between;
  display: flex;
  margin: 0 auto 19px auto; }
#appWrap .simulatorHead h1 {
  font-size: 16px;
  font-weight: bold; }
#appWrap .simulatorHead ul {
  display: flex; }
#appWrap .simulatorHead ul li {
  font-size: 11px;
  line-height: 24px; }
#appWrap .simulatorHead ul label {
  font-size: 11px; }
#appWrap .simulatorHead ul input {
  padding: 0;
  margin: 1px 5px 0 0;
  appearance: radio;
  -webkit-appearance: radio;
  vertical-align: baseline; }
#appWrap .simulatorHead ul .lang {
  padding-right: 21px; }
#appWrap .simulatorHead ul .initBt1 {
  display: flex;
  align-items: center;
  padding-right: 14px;
  padding-left: 10px;
  border-left: 1px solid #dcdee0; }
#appWrap .simulatorHead ul .initBt2 {
  display: flex;
  align-items: center;
  padding-right: 14px; }
#appWrap .simulatorHead ul .helpBt {
  padding-left: 14px;
  border-left: 1px solid #dcdee0;
  cursor: pointer; }
#appWrap .simulatorHead ul .helpBt span {
  background-image: url("/-/Media/Ricoh/Sites/com/projector/simulator/jp/img/ic_help.svg");
  background-repeat: no-repeat;
  padding-left: 20px;
  display: inline-block;
  background-position-y: 4px; }
#appWrap .isInch .screensize2 p .ui-widget-content:nth-child(1), #appWrap .isInch .screensize2 p .ui-widget-content:nth-child(3) {
  display: none; }
#appWrap .isInch .screensize2 p .ui-widget-content:nth-child(2) {
  display: inline-block !important; }
#appWrap .isInch #screen_width_inch, #appWrap .isInch #screen_height_inch, #appWrap .isInch #dist_fromedge_inch {
  display: block; }
#appWrap .isInch #screen_width, #appWrap .isInch #screen_height, #appWrap .isInch #dist_fromedge, #appWrap .isInch #screen_width_feet, #appWrap .isInch #screen_height_feet, #appWrap .isInch #dist_fromedge_feet {
  display: none; }
#appWrap .isInch .forM, #appWrap .isInch .forFeet {
  display: none !important;
  font-size: 10px !important;
  padding: 0 !important;
  color: #717171 !important; }
#appWrap .isInch .forInch {
  display: inline-block !important;
  font-size: 10px !important;
  padding: 0 !important;
  color: #717171 !important; }
#appWrap .isInch .forM_num, #appWrap .isInch .forFeet_num {
  display: none !important; }
#appWrap .isInch .forInch_num {
  display: inline-block !important; }
#appWrap .isFeet .screensize2 p .ui-widget-content:nth-child(1), #appWrap .isFeet .screensize2 p .ui-widget-content:nth-child(2) {
  display: none; }
#appWrap .isFeet .screensize2 p .ui-widget-content:nth-child(3) {
  display: inline-block !important; }
#appWrap .isFeet #screen_width_feet, #appWrap .isFeet #screen_height_feet, #appWrap .isFeet #dist_fromedge_feet {
  display: block; }
#appWrap .isFeet #screen_width, #appWrap .isFeet #screen_height, #appWrap .isFeet #dist_fromedge, #appWrap .isFeet #screen_width_inch, #appWrap .isFeet #screen_height_inch, #appWrap .isFeet #dist_fromedge_inch {
  display: none; }
#appWrap .isFeet .forM, #appWrap .isFeet .forInch {
  display: none !important;
  font-size: 10px !important;
  padding: 0 !important;
  color: #717171 !important; }
#appWrap .isFeet .forFeet {
  display: inline-block !important;
  font-size: 10px !important;
  padding: 3px 0 0 1px !important;
  color: #717171 !important; }
#appWrap .isFeet .forM_num, #appWrap .isFeet .forInch_num {
  display: none !important; }
#appWrap .isFeet .forFeet_num {
  display: inline-block !important; }
#appWrap #screen_width_inch, #appWrap #screen_height_inch, #appWrap #dist_fromedge_inch, #appWrap #screen_width_feet, #appWrap #screen_height_feet, #appWrap #dist_fromedge_feet {
  display: none; }
#appWrap #screen_width, #appWrap #screen_height, #appWrap #dist_fromedge {
  display: block; }
#appWrap .forM {
  display: inline-block !important;
  font-size: 10px !important;
  padding: 3px 0 0 1px !important;
  color: #717171 !important; }
#appWrap .forInch, #appWrap .forFeet {
  display: none !important;
  font-size: 10px !important;
  padding: 3px 0 0 1px !important;
  color: #717171 !important; }
#appWrap .forM_num {
  display: inline-block !important;
  padding-right: 1px; }
#appWrap .forM_num .forM_num_inner,
#appWrap .forInch_num .forM_num_inner{
  font-size: 10px;
}
#appWrap .forInch_num, #appWrap .forFeet_num {
  display: none !important; }
#appWrap .screenTop--size .forInch, #appWrap .screenSide--size .forInch, #appWrap .screenSide--size .forInch {
  color: #fff !important; }
#appWrap .screenTop--size .forM, #appWrap .screenSide--size .forM, #appWrap .screenSide--size .forM {
  color: #fff !important; }
#appWrap .screenTop--size .forFeet, #appWrap .screenSide--size .forFeet, #appWrap .screenSide--size .forFeet {
  color: #fff !important; }
#appWrap .isCeiling .forFloor {
  display: none; }
#appWrap .isCeiling .forCeil {
  display: block; }
#appWrap .isCeiling .viewSide--table {
  background-image: none; }
#appWrap .isCeiling .arrowFloorToLens {
  left: 15px; }
#appWrap .isCeiling .viewSide--ceil {
  display: block; }
#appWrap .isCeiling .forntview--table {
  background-image: none; }
#appWrap .isCeiling .forntview--ceil {
  display: block; }
#appWrap .isCeiling .viewTop--table {
  opacity: 0; }
#appWrap .forCeil {
  display: none; }
#appWrap .viewSide--ceil {
  position: absolute;
  width: 17px;
  transition: 0.3s;
  display: none;
  z-index: 6900; }
#appWrap .viewSide--ceil:before {
  content: "";
  width: 2px;
  height: 100%;
  margin-left: 15px;
  background-color: #3a4148;
  position: absolute; }
#appWrap .simulatorWrap {
  font-family: "Frutiger LT W01_55 Roma1475738";
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.03em;
  padding-top: 19px;
  position: relative;
  color: #333333; }
#appWrap .simulatorWrap a {
  text-decoration: none;
  color: #333333;
  text-align: center; }
#appWrap .simulatorBox1 {
  width: 100%;
  display: block;
  margin: 0 auto;
  justify-content: space-between; }
#appWrap .controller {
  width: 100%;
  padding-top: 20px;
  background-color: #f7f8fa; }
#appWrap .controller--inner1 {
  padding: 15px 10px 0 10px;
  background-color: #e9ebee; }
#appWrap .controller--inner1 h2 {
  font-size: 14px;
  font-family: "Frutiger LT W01_65 Bold1475746";
  color: #5c88b7; }
#appWrap .controller--inner2 {
  padding: 14px 0;
  font-size: 11px;
  border-bottom: 1px solid #d8dbde;
  width: calc(100% - 34px);
  margin: 0 auto;
  overflow: hidden; }
#appWrap .controller--inner2 p {
  float: left;
  line-height: 34px; }
#appWrap .controller--inner2 .select-wrap {
  float: right;
  width: 165px;
  height: 34px; }
#appWrap .controller--inner2 .select-wrap select {
  width: 165px;
  height: 34px;
  font-size: 12px;
  line-height: 34px; }
#appWrap .controller--inner2 .select-wrap:before {
  top: 12px; }
#appWrap .controller--inner3 {
  padding: 24px 17px 15px 17px; }
#appWrap .controller--inner3 h2 {
  font-size: 12px;
  color: #5c88b7;
  margin-bottom: 14px; }
#appWrap .screensizeWrap {
  position: relative;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #d8dbde; }
#appWrap .screensizeWrap .screensize1 {
  z-index: 10;
  font-size: 10px;
  color: #717171; }
#appWrap .screensizeWrap .screensize2 {
  z-index: 1; }
#appWrap .screensizeWrap .screensize2 p {
  font-size: 10px;
  text-align: right;
  color: #717171;
  margin-bottom: 3px;
  letter-spacing: 0; }
#appWrap .screensizeWrap .screensize2 p .ui-widget-content:nth-child(2), #appWrap .screensizeWrap .screensize2 p .ui-widget-content:nth-child(3) {
  display: none; }
#appWrap #screen_inch {
  width: 62px;
  padding: 0 0 0 8px;
  margin: 0px;
  height: 44px;
  font-size: 14px;
  line-height: 44px;
  outline: none; }
#appWrap #screen_width, #appWrap #screen_height, #appWrap #dist_fromedge, #appWrap #screen_width_inch, #appWrap #screen_height_inch, #appWrap #dist_fromedge_inch, #appWrap #screen_width_feet, #appWrap #screen_height_feet, #appWrap #dist_fromedge_feet {
  width: 61px;
  padding: 0 8px 0 8px;
  height: 44px;
  outline: none;
  font-size: 14px;
  margin: 0; }
#appWrap .aspect {
  display: flex;
  justify-content: space-between;
  padding: 12px 0;
  border-bottom: 1px solid #d8dbde; }
#appWrap .aspect h3 {
  font-size: 12px;
  color: #5c88b7;
  line-height: 34px; }
#appWrap .aspect ul {
  display: flex;
  justify-content: flex-end;
  column-gap: 2px;
   }
#appWrap .aspect ul li {
  cursor: pointer; }
#appWrap .aspect ul li img{
  height: 29px;
}
#appWrap .instalationType {
  display: flex;
  justify-content: space-between;
  padding: 12px 0; }
#appWrap .instalationType h3 {
  font-size: 12px;
  color: #5c88b7;
  line-height: 16px; }
#appWrap .instalationType ul {
  display: flex;
  justify-content: space-between;
  width: 116px;
  font-size: 11px; }
#appWrap .instalationType ul li{
  display: flex;
  column-gap: 4px;
}
#appWrap .instalationType ul input {
  appearance: radio;
  -webkit-appearance: radio;
  vertical-align: baseline; }
#appWrap .resetBt {
  width: 100%;
  line-height: 36px;
  color: #fff;
  font-size: 12px;
  text-align: center;
  background-color: #9ca2a7;
  cursor: pointer; }
#appWrap .viewAreaMain {
  width: 100%;
  overflow: hidden;
  background-color: #e9ebee; }
#appWrap .viewAreaMain--inner {
  padding: 17px 10px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  position: relative; }
#appWrap .viewAreaMain--inner h2 {
  font-size: 12px;
  font-family: "Frutiger LT W01_65 Bold1475746";
  color: #333333;
  margin-bottom: 5px; }
#appWrap .viewAreaMain--inner img {
  vertical-align: top; }
#appWrap .viewAreaMain--precedent {
  position: absolute;
  right: 27px;
  top: 16px;
  font-size: 10px;
  color: #717171;
  line-height: 11px; }
#appWrap .viewAreaMain--precedent:before {
  content: "";
  width: 11px;
  height: 11px;
  background-color: #a7cddf;
  display: inline-block;
  margin-right: 3px;
  margin-bottom: -2px; }
#appWrap .viewTop, #appWrap .viewSide {
  width: 700px;
  display: flex;
  justify-content: space-between; }
#appWrap .viewSide--title {
  margin-top: 9px; }
#appWrap .viewTop--left {
  width: 128px;
  position: relative; }
#appWrap .viewTop--left .screenTop {
  height: 164px;
  position: absolute;
  top: 30px;
  right: 0;
  display: flex; }
#appWrap .viewTop--left .screen {
  width: 8px;
  height: 100%;
  background-color: #3a4148; }
#appWrap .viewTop--left .screenTop--line {
  height: 100%;
  background-image: url("https://www.ricoh.com/-/Media/Ricoh/Sites/com/projector/simulator/jp/img/screenTop_line.png");
  background-position: top right;
  background-repeat: no-repeat;
  color: #b4b4b4;
  position: relative;
  width: 100px; }
#appWrap .viewTop--left .screenTop--line:before {
  content: url("https://www.ricoh.com/-/Media/Ricoh/Sites/com/projector/simulator/jp/img/screenTop_line_bottom.png");
  position: absolute;
  right: 0;
  bottom: -5px; }
#appWrap .viewTop--left .screenTop--size {
  font-size: 10px;
  line-height: 13px;
  vertical-align: middle;
  display: table-cell;
  text-align: right;
  height: 100%;
  padding-right: 20px;
  position: absolute;
  right: 5px;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 36px; }
#appWrap .viewTop--left .screenTop--size span {
  font-size: 12px;
  color: #fff; }
#appWrap .viewSide--left {
  width: 128px;
  position: relative; }
#appWrap .viewSide--left .screenSide {
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex; }
#appWrap .viewSide--left .screen {
  width: 8px;
  height: 99px;
  background-color: #3a4148; }
#appWrap .viewSide--left .screenSide--line {
  width: 100%;
  height: 99px;
  background-image: url("https://www.ricoh.com/-/Media/Ricoh/Sites/com/projector/simulator/jp/img/screenTop_line.png");
  background-position: top right;
  background-repeat: no-repeat;
  color: #b4b4b4;
  position: relative;
  width: 100px; }
#appWrap .viewSide--left .screenSide--line2 {
  height: 48px;
  background-image: url("https://www.ricoh.com/-/Media/Ricoh/Sites/com/projector/simulator/jp/img/screenTop_line.png");
  background-position: top right;
  background-repeat: no-repeat;
  color: #b4b4b4;
  position: relative; }
#appWrap .viewSide--left .screenSide--line .screenSide--size {
  font-size: 10px;
  line-height: 13px;
  vertical-align: middle;
  text-align: right;
  height: 36px;
  padding-right: 20px;
  position: absolute;
  top: -8em;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  right: 5px;
  width: 100px; }
#appWrap .viewSide--left .screenSide--line .screenSide--size span {
  font-size: 12px;
  color: #fff; }
#appWrap .viewSide--left .screenSide--line2 .screenSide--size {
  font-size: 10px;
  line-height: 13px;
  vertical-align: middle;
  text-align: right;
  height: 40px;
  padding-right: 20px;
  position: absolute;
  top: auto;
  bottom: 5px;
  margin-top: auto;
  margin-bottom: auto;
  right: 5px;
  width: 100px; }
#appWrap .viewSide--left .screenSide--line2 .screenSide--size span {
  font-size: 12px;
  color: #fff; }
#appWrap .viewSide--right, #appWrap .viewTop--right {
  border-top: 3px solid #777c81;
  border-bottom: 3px solid #777c81;
  border-right: 3px solid #777c81;
  width: 572px;
  background-color: #f7f8fa;
  position: relative; }
#appWrap .viewTop--light {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.6;
  z-index: 6850; }
#appWrap .viewSide--light {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.6;
  z-index: 6300; }
#appWrap .viewTop--area {
  width: 226px;
  left: 172px;
  position: absolute;
  transition: 0.3s;
  z-index: 6950;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto; }
#appWrap .viewTop--areaInner {
  width: 100%;
  background-color: rgba(69, 160, 200, 0.29);
  height: 100%;
  position: relative;
  margin-top: -2px; }
#appWrap .viewTop--areawrap {
  width: 242px;
  height: 48px;
  left: 172px;
  position: absolute;
  top: -4px;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto; }
#appWrap .viewSide--area {
  width: 226px;
  left: 172px;
  top: 60px;
  position: absolute;
  transition: 0.3s;
  z-index: 6400; }
#appWrap .viewSide--areaInner {
  width: 100%;
  background-color: rgba(69, 160, 200, 0.29);
  height: 100%;
  position: relative; }
#appWrap .viwSize--areaInner_border {
  border-top: 1px solid rgba(69, 160, 200, 0.29);
  border-bottom: 1px solid rgba(69, 160, 200, 0.29); }
#appWrap .viewSide--areawrap {
  width: 256px;
  height: 122px;
  left: 172px;
  top: 53px;
  position: absolute; }
#appWrap .viewTop--table {
  position: absolute;
  top: 64px;
  left: 255px;
  transition: 0.3s;
  z-index: 6800; }
.viewAreaMain--inner__lensOpposite .viewTop--table {
  margin-left: -30px;
}
#appWrap .viewSide--table {
  position: absolute;
  bottom: 0;
  left: 256px;
  width: 78px;
  height: 126px;
  background-image: url("https://www.ricoh.com/-/Media/Ricoh/Sites/com/projector/simulator/jp/img/table_side.png");
  background-repeat: no-repeat;
  background-position: top center;
  transition: 0.3s;
  z-index: 6800; }
.viewAreaMain--inner__lensOpposite .viewSide--table {
  margin-left: -30px;
}
#appWrap .viewTop--pj {
  user-select: none;
  position: absolute;
  top: 89px;
  left: 275px;
  z-index: 7000;
  cursor: pointer;
  transition: 0.15s; }
  #appWrap .viewTop--pj img{
    user-select: none;
  }
.viewAreaMain--inner__lensOpposite .viewTop--pj {
  margin-left: -30px;
}
#appWrap .viewSide--pj {
  user-select: none;
  position: absolute;
  top: 78px;
  left: 275px;
  z-index: 7000;
  height: 15px;
  cursor: pointer;
  transition: 0.15s; }
#appWrap .viewSide--pj img{
  user-select: none;
}
.viewAreaMain--inner__lensOpposite .viewSide--pj {
  margin-left: -30px;
}
.viewAreaMain--inner__lensOpposite .viewSide--ceil {
  margin-left: -30px;
}
#appWrap .viewTop--distance {
  top: 39px;
  left: 0;
  width: 173px;
  transition: 0.3s; }
#appWrap .viewSide--distance {
  top: 10px;
  left: 0;
  width: 399px;
  transition: 0.3s; }
#appWrap .viewTop--distance p {
  padding-top: 9px !important; }
#appWrap .viewSide--distance p {
  padding-top: 9px !important; }
#appWrap .viewTop--distance, #appWrap .viewSide--distance {
  height: 7px;
  position: absolute;
  background-image: url("https://www.ricoh.com/-/Media/Ricoh/Sites/com/projector/simulator/jp/img/distance_arrow.png");
  background-position: center right;
  background-repeat: no-repeat; }
#appWrap .viewTop--distance p, #appWrap .viewSide--distance p {
  color: #717171;
  font-size: 10px;
  display: inline-block;
  width: 120px;
  margin-left: 10px; }
#appWrap .viewTop--distance p span, #appWrap .viewSide--distance p span {
  font-size: 12px;
  line-height: 11px;
  color: #333333;
  display: inline-block;
  padding: 0; }
#appWrap .arrowScreenToLens {
  position: absolute;
  background-image: url("https://www.ricoh.com/-/Media/Ricoh/Sites/com/projector/simulator/jp/img/arrow_screentolens.png");
  background-repeat: no-repeat;
  background-position: right bottom;
  height: 30px;
  color: #717171;
  font-size: 10px;
  left: 0;
  top: 85px;
  width: 273px;
  text-align: center;
  transition: 0.3s;
  z-index: 6950; }
#appWrap .arrowScreenToLens span {
  font-size: 12px;
  line-height: 11px;
  color: #333333;
  display: inline-block;
  padding: 0; }
#appWrap .arrowScreenToLens--txt {
  width: 150px;
  text-align: center;
  display: inline-block;
  margin: 0;
  left: 0;
  right: 0;
  margin-top: -22px; }
#appWrap .arrowDepth {
  background-image: url("https://www.ricoh.com/-/Media/Ricoh/Sites/com/projector/simulator/jp/img/arrow_depth.png");
  background-repeat: no-repeat;
  background-position: left 13px;
  color: #717171;
  font-size: 10px;
  left: 171px;
  top: 127px;
  width: 100%;
  text-align: center;
  padding-top: 18px;
  z-index: 7500;
  white-space: nowrap; }
#appWrap .arrowDepth span {
  font-size: 12px;
  line-height: 11px;
  color: #333333;
  display: inline-block;
  padding: 0; }
#appWrap .arrowDepth:before {
  content: url("https://www.ricoh.com/-/Media/Ricoh/Sites/com/projector/simulator/jp/img/arrow_point.png");
  width: 3px;
  height: 3px;
  position: absolute;
  bottom: -6px;
  right: 0;
  border-radius: 1px; }
#appWrap .arrowRL {
  position: absolute;
  background-image: url("https://www.ricoh.com/-/Media/Ricoh/Sites/com/projector/simulator/jp/img/arrow_lr.png");
  background-repeat: no-repeat;
  background-position: left top;
  color: #717171;
  font-size: 10px;
  height: 100%;
  text-align: center;
  padding-left: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  width: 100px;
  right: -140px; }
#appWrap .arrowRL span {
  font-size: 12px;
  line-height: 11px;
  color: #333333;
  display: inline-block;
  padding: 0;
  padding-left: 3px;
  margin-bottom: -1px; }
#appWrap .arrowRL:before {
  content: url("https://www.ricoh.com/-/Media/Ricoh/Sites/com/projector/simulator/jp/img/arrow_point.png");
  width: 3px;
  height: 3px;
  position: absolute;
  bottom: 5px;
  left: 0;
  border-radius: 1px; }
#appWrap .arrowRange {
  position: absolute;
  background-image: url("https://www.ricoh.com/-/Media/Ricoh/Sites/com/projector/simulator/jp/img/arrow_range.png");
  background-repeat: no-repeat;
  background-position: left top;
  color: #717171;
  font-size: 10px;
  right: -178px;
  top: -50px;
  height: 50px;
  padding-left: 83px;
  text-align: left;
  line-height: 14px;
  width: 100px;
  z-index: 6950; }
#appWrap .arrowRange p {
  margin-top: -6px; }
#appWrap .arrowRange span {
  font-size: 12px;
  line-height: 11px;
  color: #333333;
  display: inline-block;
  padding: 0 0 0 0;
  text-align: left; }
#appWrap .arrowUpDown {
  position: absolute;
  background-image: url("https://www.ricoh.com/-/Media/Ricoh/Sites/com/projector/simulator/jp/img/arrow_updown.png");
  background-repeat: no-repeat;
  background-position: left top;
  color: #717171;
  font-size: 10px;
  height: 100%;
  text-align: left;
  padding-left: 9px;
  width: 80px;
  right: -133px; }
#appWrap .arrowUpDown:before {
  content: url("https://www.ricoh.com/-/Media/Ricoh/Sites/com/projector/simulator/jp/img/arrow_point.png");
  position: absolute;
  left: 0px;
  bottom: -3px; }
#appWrap .arrowUpDown .arrowUpDown--txt {
  position: absolute;
  white-space: nowrap;
  height: 26px;
  top: 0;
  bottom: 0;
  margin: auto; }
#appWrap .arrowUpDown span {
  font-size: 12px;
  line-height: 11px;
  color: #333333;
  display: inline-block;
  padding: 5px 0 0 0; }
#appWrap .arrowFloorToLens {
  position: absolute;
  background-image: url("https://www.ricoh.com/-/Media/Ricoh/Sites/com/projector/simulator/jp/img/arrow_floortolens.png");
  background-repeat: no-repeat;
  background-position: right top;
  color: #717171;
  font-size: 10px;
  left: -15px;
  top: -7px;
  bottom: 0;
  height: calc(100% + 7px);
  text-align: left;
  padding-right: 10px;
  opacity: 1;
  transition: 0.3s; }
#appWrap .arrowFloorToLens span {
  font-size: 12px;
  line-height: 11px;
  color: #333333;
  display: inline-block;
  padding: 3px 0 0 0; }
#appWrap .arrowFloorToLens__hide {
  opacity: 0 !important; }
#appWrap .arrowFloorToLens__rightSide {
  right: -5px !important; }
#appWrap .arrowFloorToLens__rightSide .arrowFloorToLens--txt {
  right: -100px !important;
  text-align: left !important;
  font-size: 10px;
  color: #717171; }
.arrowFloorToLens--txt_rside{
    z-index: 6400;
    font-size: 10px;
    line-height: 11px;
    color: #717171;
    position: absolute;
    right: 10px;
    bottom: 10px;
    background-color: #fff;
    padding: 8px 8px 5px 8px;
    border: 1px solid #ccc;
    text-align: right;
    opacity: .9;
}
.arrowFloorToLens--txt_rside .forM_num{
  font-size: 12px;
  line-height: 11px;
  color: #333333;
}
.arrowFloorToLens--txt_rside .forInch_num{
  font-size: 12px;
  line-height: 11px;
  color: #333333;
}

#appWrap .arrowFloorToLens--wrap {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}
#appWrap .arrowFloorToLens--txt {
  position: absolute;
  font-size: 10px;
  bottom: 4px;
  right: 0;
  width: auto;
  white-space: nowrap;
  text-align: right;
  background-color: #ffffff;
  padding: 5px 8px;
  color: #717171; }
#appWrap .arrowFloorToLens--txtRight {
  position: absolute;
  bottom: 0px;
  right: -115px !important;
  width: 100px;
  text-align: left !important; }
#appWrap .plant {
  position: absolute;
  right: 0;
  bottom: 0;
  transition: 0.4s;
  z-index: 5000; }
#appWrap .line_horizontal {
  position: absolute;
  top: 108px;
  opacity: 0.3; }
#appWrap .line_vertica_1 {
  position: absolute;
  left: 173px;
  opacity: 0.3; }
#appWrap .line_vertica_2 {
  position: absolute;
  left: 398px;
  opacity: 0.3; }
#appWrap .unit {
  border-left: 2px solid #777c81;
  border-bottom: 2px solid #2b6096;
  padding: 7px 8px;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0; }
#appWrap .unit .bg {
  display: block;
  background-image: url("https://www.ricoh.com/-/Media/Ricoh/Sites/com/projector/simulator/jp/img/line_1m.png");
  background-repeat: no-repeat;
  background-position: center left;
  font-size: 10px;
  padding-left: 72px;
  transition: 0.3s; }
#appWrap .specBox {
  display: table;
  width: 100%;
  border-bottom: 1px solid #d3d6da; }
#appWrap .specBox--pimg {
  width: 148px;
  text-align: center;
  height: 111px;
  vertical-align: middle;
  display: table-cell; }
#appWrap .specBox--pimg img {
  width: 88px; }
#appWrap .specBox--txt {
  font-size: 11px;
  height: 111px;
  vertical-align: middle;
  display: table-cell; }
#appWrap .specBox--txt p {
  margin-bottom: 11px;
  line-height: 1.5em; }
#appWrap .specBox--link {
  font-size: 10px;
  background-color: #fff;
  border-radius: 2px;
  display: block;
  padding: 7px 8px; }
#appWrap .simulatorBox2 {
  width: 100%;
  display: block;
  margin: 0 auto;
  margin-top: 1px;
  justify-content: space-between; }
#appWrap .numberOutpuArea1 {
  width: 100%;
  overflow: hidden;
  margin-top: 2px;
  background-color: #f7f8fa;
  margin-right: 2px; }
#appWrap .numberOutpuArea1 table {
  margin: 0 auto;
  width: calc(100% - 34px); }
#appWrap .numberOutpuArea1 td {
  font-size: 11px;
  vertical-align: middle;
  padding-bottom: 18px;
  padding-top: 18px; }
#appWrap .numberOutpuArea1 td span {
  font-size: 12px;
  line-height: 19px; }
#appWrap .numberOutpuArea1 th {
  font-size: 11px;
  vertical-align: middle;
  line-height: 19px;
  padding-bottom: 13px;
  padding-top: 13px;
  text-align: left;
  font-feature-settings: "palt"; }
#appWrap .numberOutpuArea1 .numberOutpuArea1--divider {
  background-color: #fff;
  height: 2px;
  width: 100%; }
#appWrap .numberOutpuArea1 .numberOutpuArea1--td--bgic1 {
  display: block;
  height: 35px;
  background-image: url("/-/Media/Ricoh/Sites/com/projector/simulator/jp/img/num_ic1.svg");
  background-repeat: no-repeat;
  padding-left: 27px;
  line-height: 19px; }
#appWrap .numberOutpuArea1 .numberOutpuArea1--td--bgic2 {
  display: block;
  height: 21px;
  background-image: url("/-/Media/Ricoh/Sites/com/projector/simulator/jp/img/num_ic2.svg");
  background-repeat: no-repeat;
  padding-left: 27px;
  line-height: 19px;
  margin-top: -10px; }
#appWrap .numberOutpuArea1 .numberOutpuArea1--td--alright {
  text-align: right; }
#appWrap .numberOutpuArea1 .numberOutpuArea1--td--line {
  border-bottom: 1px dotted #c4c8cc; }
#appWrap .numberOutpuArea2 {
  width: 100%;
  margin-top: 2px;
  background-color: #f7f8fa;
  margin-right: 2px;
  overflow: hidden; }
#appWrap .numberOutpuArea2 table {
  width: 100%; }
#appWrap .numberOutpuArea2 th {
  font-size: 11px;
  background-color: #e9ebee;
  padding: 19px 17px;
  text-align: left;
  height: 21px; }
#appWrap .numberOutpuArea2 td {
  font-size: 11px;
  padding: 22px 12px;
  color: #717171;
  text-align: center;
  line-height: 18px; }
#appWrap .numberOutpuArea2--flexbox {
  margin: 0 auto;
  width: auto; }
#appWrap .numberOutpuArea2--flexbox span {
  font-size: 12px;
  color: #333333; }
#appWrap .numberOutpuArea2--flexboxLeft {
  padding-right: 10px;
  border-right: 1px dotted #c4c8cc; }
#appWrap .numberOutpuArea2--flexboxRight {
  padding-left: 10px; }
#appWrap .numberOutpuArea2--flexboxLeft, #appWrap .numberOutpuArea2--flexboxRight {
  width: auto;
  font-size: 11px;
  display: inline-block; }
#appWrap .numberOutpuArea2--td--bgic {
  display: block;
  height: 21px;
  background-image: url("/-/Media/Ricoh/Sites/com/projector/simulator/jp/img/num_ic3.svg");
  background-repeat: no-repeat;
  padding-left: 31px;
  line-height: 21px;
  text-align: left;
  letter-spacing: 0.02em; }
#appWrap .numberOutpuArea3 {
  width: 373px;
  margin-top: 2px;
  background-color: #f7f8fa;
  margin-right: 2px;
  height: 250px;
  overflow: hidden; }
#appWrap .numberOutpuArea3 table {
  width: 100%; }
#appWrap .numberOutpuArea3 th {
  font-size: 10px;
  background-color: #e9ebee;
  padding: 19px 12px;
  height: 21px; }
#appWrap .numberOutpuArea3 td {
  font-size: 10px;
  padding: 22px 12px;
  color: #717171;
  text-align: center;
  line-height: 18px; }
#appWrap .numberOutpuArea3--flexboxWrap {
  padding: 15px 12px !important; }
#appWrap .numberOutpuArea3--flexbox {
  margin: 0 auto;
  width: auto;
  display: flex; }
#appWrap .numberOutpuArea3--flexbox span {
  font-size: 10px;
  color: #333333; }
#appWrap .numberOutpuArea3--flexboxLeft {
  border-right: 1px dotted #c4c8cc;
  box-sizing: border-box;
  width: 47%; }
#appWrap .numberOutpuArea3--flexboxRight {
  width: 53%; }
#appWrap .numberOutpuArea3--flexboxLeft, #appWrap .numberOutpuArea3--flexboxRight {
  text-align: center;
  font-size: 10px;
  display: inline-block;
  font-feature-settings: "palt";
  letter-spacing: 0.08em; }
#appWrap .numberOutpuArea3--td--bgic {
  display: block;
  height: 21px;
  background-image: url("https://www.ricoh.com/-/Media/Ricoh/Sites/com/projector/simulator/jp/img/num_ic3.png");
  background-repeat: no-repeat;
  padding-left: 31px;
  line-height: 21px; }
#appWrap .viewAreaSub {
  display: block;
  padding-top: 17px;
  padding-bottom: 17px;
  background-color: #e9ebee; }
#appWrap .forntview {
  display: flex;
  justify-content: space-between;
  width: calc(100% - 20px);
  margin: 0 10px; }
#appWrap .forntview--left {}
#appWrap .forntview--left h2 {
  font-family: "Frutiger LT W01_65 Bold1475746";
  color: #333333;
  font-size: 12px;
  margin-bottom: 15px; }
#appWrap .forntview--left p {
  font-size: 11px;
  color: #717171;
  line-height: 16px; }
#appWrap .forntview--left p span {
  font-size: 12px; }
#appWrap .forntview--right {
  width: 202px;
  height: 130px;
  background-image: url("https://www.ricoh.com/-/Media/Ricoh/Sites/com/projector/simulator/jp/img/frontview_base.png");
  position: relative; }
#appWrap .forntview--moveArea {
  width: 202px;
  height: 170px;
  position: absolute;
  top: -20px;
  left: 0px; }
#appWrap .forntview--pj {
  user-select: none;
}
#appWrap .forntview--pj img{
  user-select: none;
}
#appWrap .forntview--table, #appWrap .forntview--area, #appWrap .forntview--pj {
  position: absolute;
  z-index: 6500; }
#appWrap #forntview--cv {
  position: absolute; }
#appWrap .forntview--ceil {
  position: absolute;
  width: 13px;
  transition: 0.2s;
  z-index: 6900;
  display: none;
  /*&:before{
    content: '';
    width: 2px;
    height: calc(100% + 2px);
    margin-left: 12px;
    background-color: #3a4148;
    position: absolute;
  }*/ }
#appWrap .forntview--pj {
  top: 39px;
  left: 0;
  right: 0;
  width: 26px;
  height: 12px;
  cursor: pointer;
  transition: 0.15s; }
#appWrap .forntview--pj img {
  vertical-align: top; }
#appWrap .forntview--table {
  bottom: 0;
  left: 72px;
  height: 79px;
  width: 60px;
  opacity: 0.8;
  transition: 0.3s;
  background-image: url("https://www.ricoh.com/-/Media/Ricoh/Sites/com/projector/simulator/jp/img/table_front.png"); }
#appWrap .forntview--area {
  top: -20px;
  right: 0;
  left: 0;
  transition: 0.3s;
  z-index: 6000; }
#appWrap .forntview--range {
  position: absolute;
  background-image: url("https://www.ricoh.com/-/Media/Ricoh/Sites/com/projector/simulator/jp/img/line_frontview.png");
  background-repeat: no-repeat;
  background-position: top left;
  font-size: 10px;
  line-height: 11px;
  padding-left: 19px;
  top: 100px;
  left: 117px;
  z-index: 6100; }
#appWrap .search {
  text-align: center;
  position: absolute;
  width: 100%;
  left: 0px;
  right: 0px;
  height: calc(100vh - 61px);
  z-index: 8998;
  margin-top: 42px;
  display: block;
  background-image: none !important; }
#appWrap .search--btselect {
  position: absolute;
  top: 14px;
  left: -36px; }
#appWrap .search--bg {
  background-color: rgba(0, 0, 0, 0.7);
  width: 100%;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  z-index: 8998;
  height: 100%;
  padding: 10px; }
#appWrap .serch--box1 {
  display: block;
  background-color: #e9ebee;
  padding-top: 16px;
  border-bottom: 1px solid #d3d6da; }
#appWrap .serch--box1 h2 {
  font-weight: normal;
  color: #5c88b7;
  font-size: 12px;
  line-height: 34px;
  background-image: url("https://www.ricoh.com/-/Media/Ricoh/Sites/com/projector/simulator/jp/img/ic_search.png");
  padding-left: 19px;
  background-repeat: no-repeat;
  background-position-y: center;
  white-space: nowrap;
  text-align: left; }
#appWrap .serch--category {
  padding-left: 15px;
  padding-right: 15px;
  width: calc(100% - 30px);
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: left; }
#appWrap .serch--catinner {
  vertical-align: middle;
  display: table-cell; }
#appWrap .serch--catinner .select-wrap {
  margin-left: 27px; }
#appWrap .serch--refine {
  padding-left: 15px;
  padding-right: 15px;
  width: calc(100% - 30px);
  display: flex;
  margin-top: 20px;
  margin-bottom: 20px;
  align-items: center;
  position: relative;}
#appWrap .search--closebt {
  position: absolute;
  width: 30px;
  top: 10px;
  right: 10px;
  cursor: pointer; }
#appWrap .search--closebt img{
  width: 100%;
}
#appWrap .serch--size {
  display: flex;
  justify-content: flex-end;
  width: 100%; }
#appWrap .serch--size table {
  color: #333333; }
#appWrap .serch--size table th {
  white-space: nowrap;
  font-size: 12px;
  line-height: 40px;}
#appWrap .serch--size table td .ui-widget.ui-widget-content{
  border: none;
  display: inline-block;
  padding-left: 8px;
  margin-right: 5px;
  margin-left: 5px;
}
#appWrap .serch--size table td {
  font-size: 10px;
  line-height: 40px;}
#appWrap .serch--size table input {
  width: 65px;
  height: 40px;
  font-size: 14px;
  line-height: 40px;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  outline: none; }
#appWrap .search--btbox {
  background-color: #dfe1e4; }
#appWrap .search--btbox ul {
  width: calc(100% - 30px);
  display: flex;
  margin: 0 auto;
  padding-top: 19px;
  padding-bottom: 19px;
  justify-content: space-between; }
#appWrap .search--btbox ul li {
  width: calc(50% - 7px);
  text-align: center;
  font-size: 12px;
  line-height: 34px;
  font-family: "Frutiger LT W01_55 Roma1475738";
  color: #fff;
  border-radius: 2px;
  cursor: pointer; }
#appWrap .search--searchBt {
  background-color: #5c88b7;
  font-family: "Frutiger LT W01_55 Roma1475738";
  transition: 0.4s; }

#appWrap .search--resetBt {
  background-color: #959ba1;
  font-family: "Frutiger LT W01_55 Roma1475738";
  transition: 0.4s; }

#appWrap #slider-range, #appWrap #slider {
  width: 203px;
  background-color: transparent !important;
  margin-right: -28px; }
#appWrap .serch--size .ui-slider .ui-slider-handle {
  width: 28px;
  height: 7px;
  background-color: #5c88b7;
  border: none;
  cursor: pointer; }
#appWrap .serch--size .ui-slider .ui-slider-handle:focus {
  outline: none; }
#appWrap .serch--size .ui-slider-horizontal {
  height: 1px; }
#appWrap .serch--size .ui-widget.ui-widget-content {
  border: none;
  border-top: 1px dotted #a2b9d2; }
#appWrap .search--box2 {
  height: calc(100% - 255px);
  background-color: #f7f8fa;
  overflow: auto;
  position: relative; }
#appWrap .searchbox2--inner {
  padding: 20px 10px;
  position: relative; }
#appWrap .accessibility--attention{
  font-size: 11px;
  line-height: 1.8em;
  text-align: left;
  padding: 24px 12px 36px 12px;
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
}
#appWrap .accessibility--attention span{
  font-weight: 700;
  color: #5c88b7;
  font-size: 13px;
  display: inline-block;
  position: relative;
}
#appWrap .accessibility--attention span::after{
  content: "";
  width: 100%;
  height: 2px;
  background-color:#5c88b7;
  position: absolute;
  left: 0;
  bottom: 2px;
}
#appWrap .searchbox2--inner .searchbox2--innerCover {
  display: table-cell;
  position: absolute;
  background-color: #f7f8fa;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none; }
#appWrap .searchbox2--inner .searchbox2--innerCover img {
  display: inline-block;
  vertical-align: middle;
  margin-top: 226px; }
#appWrap .searchbox2--inner h2 {
  color: #5c88b7;
  font-size: 12px;
  font-weight: normal;
  border-bottom: 1px solid #c4c8cc;
  padding-bottom: 14px;
  text-align: left;
  position: relative; }
#appWrap .searchbox2--inner h2 span {
  color: #333333;
  position: absolute;
  right: 0;
  top: 0; }
#appWrap .searchbox2--inner ul {
  width: calc(100% - 30px);
  margin-left: auto;
  margin-right: auto;
  overflow: hidden; }
#appWrap .searchbox2--inner li {
  width: 100%;
  transition: 0.5s;
  display: flex;
  align-items: center;
  column-gap: 20px;
  border-bottom: 1px solid #e3e3e3;
  padding-bottom: 15px;
  padding-top: 15px;
  cursor: pointer; }
#appWrap .searchbox2--inner li.hide {
  opacity: 0.2;
  cursor: default; }
#appWrap .searchbox2--inner li.hide:hover {
  opacity: 0.2;
  cursor: default; }
#appWrap .searchbox2--inner h3 {
  color: #5c88b7;
  font-size: 12px;
  font-weight: normal; }
#appWrap .searchbox2--inner p {
  color: #333333;
  padding-top: 7px;
  font-size: 11px; }
#appWrap .searchbox2--innerImg {
  position: relative;
  width: 56px;}
#appWrap .searchbox2--innerImg img {
  vertical-align: top;
  width: 100%;}
#appWrap .searchbox2--innerTxt {
  text-align: left;
}
#appWrap .helpSelect {
  height: 100%;
  text-align: center;
  position: absolute;
  width: 100%;
  display: none;
  top:0;
  z-index: 8999; }
#appWrap .helpSelect .help--bg {
  background-color: rgba(72, 98, 116, 0.6);
  width: 100%;
  border: 3px solid #2b3239;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  z-index: 8999;
  overflow: hidden;
  height: 100%; }
#appWrap .helpSelect .help--bg .help--btselect {
  position: absolute;
  top: 60px;
  left: -39px; }
#appWrap .helpSelect .botton--close {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer; }
#appWrap .helpSelect .help--box1 {
  position: absolute;
  left: 12px;
  top: 50px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  overflow: hidden; }
#appWrap .helpSelect .help--box1 .help--box1--top {
  border: 3px solid #ffffd2;
  width: calc(100% - 30px);
  height: 46px; }
#appWrap .helpSelect .help--box1 .help--box1--bottom {
  width: 249px;
  margin-bottom: 12px;
  text-align: right;
  position: relative; }
#appWrap .helpSelect .help--box1 .help--box1--bottom::after{
  content:"";
  width: 2px;
  height: 12px;
  background-color: #ffffd2;
  position: absolute;
  left: 10px;
  bottom:-12px;
}
#appWrap .helpSelect .help--box1 .help--boxInner {
  background-color: #fff;
  width: 199px;
  text-align: left;
  font-size: 11px;
  padding: 10px 6px;
  margin-top: 0; }
#appWrap .helpSelect .help--box1 .help--boxInner h3 {
  color: #5c88b7;
  line-height: 17px;
  width: 100%;
  border-bottom: 1px solid #dcdee0;
  padding-bottom: 4px;
  margin-bottom: 4px; }
#appWrap .helpSelect .help--box1 .help--boxInner p {
  color: #333333;
  line-height: 17px;
  letter-spacing: 0; }
#appWrap .helpSelect .help--box1 .help--line {
  position: absolute;
  top: -66px;
  left: 20px; }
#appWrap .helpSelect .help--box1 .help--line img {
  position: relative;
  top: 0;
  left: 0; }
#appWrap .helpSelect .help--box1 .help--boxInner--flex {
  display: flex; }
#appWrap .helpSelect .help--box2 {
  position: absolute;
  width: 100%;
  left: 12px;
  top: 182px;
  align-items: center;
  justify-content: space-between; }
#appWrap .helpSelect .help--box2 .help--lineCorner {
  position: absolute;
  left: -27px;
  top: 15px;
  display: none; }
#appWrap .helpSelect .help--box2 .help--box2--top1 {
  border: 3px solid #ffffd2;
  width: calc(100% - 30px);
  height: 46px;
  margin-bottom: 0; }
#appWrap .helpSelect .help--box2 .help--box2--top2 {
  border: 3px solid #ffffd2;
  width: 569px;
  height: 32px;
  display: none; }
#appWrap .helpSelect .help--box2 .help--box2--bottom {
  text-align: right;
  position: relative;
  display: flex; }
#appWrap .helpSelect .help--box2 .help--boxInner {
  background-color: #fff;
  width: 199px;
  text-align: left;
  font-size: 11px;
  padding: 10px 6px;
  margin-top: 12px;
  position: relative; }
#appWrap .helpSelect .help--box2 .help--boxInner::before {
  content:"";
  position: absolute;
  left: 10px;
  top:-12px;
  width: 2px;
  height: 12px;
  background-color: #fff;
}
#appWrap .helpSelect .help--box2 .help--boxInner h3 {
  color: #5c88b7;
  line-height: 17px;
  width: 100%;
  border-bottom: 1px solid #dcdee0;
  padding-bottom: 4px;
  margin-bottom: 4px; }
#appWrap .helpSelect .help--box2 .help--boxInner p {
  color: #333333;
  line-height: 17px;
  letter-spacing: 0; }
#appWrap .helpSelect .help--box2 .help--boxInner2 {
  background-color: #fff;
  width: 189px;
  text-align: left;
  font-size: 11px;
  padding: 10px 14px;
  margin-top: 44px;
  display: none; }
#appWrap .helpSelect .help--box2 .help--boxInner2 h3 {
  color: #5c88b7;
  line-height: 17px;
  width: 100%;
  border-bottom: 1px solid #dcdee0;
  padding-bottom: 4px;
  margin-bottom: 4px; }
#appWrap .helpSelect .help--box2 .help--boxInner2 p {
  color: #333333;
  line-height: 17px;
  letter-spacing: 0; }
#appWrap .helpSelect .help--box2 .help--line {
  position: absolute;
  top: -4px;
  left: 20px; }
#appWrap .helpSelect .help--box2 .help--line img {
  position: relative;
  top: 0;
  left: 0; }
#appWrap .helpSelect .help--box2 .help--boxInner--flex {
  display: flex; }
#appWrap .help {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
  display: none;
  z-index: 8999; }
#appWrap .help .help--bg {
  background-color: rgba(72, 98, 116, 0.6);
  width: 100%;
  border: 3px solid #2b3239;
  box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  z-index: 8999;
  height: 100%; }
#appWrap .help .help--bg .help--btselect {
  position: absolute;
  top: 60px;
  left: -39px; }
#appWrap .help .help--box1 {
  position: absolute;
  right: 9px;
  top: 894px;
  width: 175px;
  align-items: center;
  justify-content: space-between; }
#appWrap .help .help--box1 .help--box1--left {
  border: 3px solid #ffffd2;
  box-sizing: border-box;
  margin-left: auto;
  width: 175px;
  height: 43px; }
#appWrap .help .help--box1 .help--box1--right {
  width: 159px;
  margin-bottom: 12px;
  text-align: right;
  position: relative; }
#appWrap .help .help--box1 .help--box1--right::after {
  content:"";
  position: absolute;
  left: 10px;
  bottom: -12px;
  width: 2px;
  height: 12px;
  background-color: #fff;
}
#appWrap .help .help--box1 .help--boxInner {
  display: inline-block;
  background-color: #fff;
  width: 147px;
  text-align: left;
  font-size: 10px;
  padding: 10px 6px; }
#appWrap .help .help--box1 .help--boxInner h3 {
  color: #5c88b7;
  line-height: 17px;
  width: 100%;
  border-bottom: 1px solid #dcdee0;
  padding-bottom: 4px;
  margin-bottom: 4px; }
#appWrap .help .help--box1 .help--boxInner p {
  color: #333333;
  line-height: 17px;
  letter-spacing: 0; }
#appWrap .help .help--box1 .help--line {
  position: absolute;
  top: 20px;
  left: -5px;
  z-index: 9000; }
#appWrap .help .help--box2 {
  position: absolute;
  left: 14px;
  top: 975px;
  align-items: center;
  width: calc(100% - 18px);
  left: 9px;
  justify-content: space-between; }
#appWrap .help .help--box2 .help--box2--left {
  border: 3px solid #ffffd2;
  box-sizing: border-box;
  width: 100%;
  height: 164px; }
#appWrap .help .help--box2 .help--box2--right {
  width: 184px;
  margin-bottom: 12px;
  text-align: right;
  position: relative; }
#appWrap .help .help--box2 .help--box2--right::after {
  content:"";
  background-color: #fff;
  width: 2px;
  height: 12px;
  position: absolute;
  left: 10px;
  bottom:-12px;
}
#appWrap .help .help--box2 .help--boxInner {
  display: inline-block;
  background-color: #fff;
  width: 172px;
  text-align: left;
  font-size: 10px;
  padding: 10px 6px; }
  
#appWrap .help .help--box2 .help--boxInner h3 {
  color: #5c88b7;
  line-height: 17px;
  width: 100%;
  border-bottom: 1px solid #dcdee0;
  padding-bottom: 4px;
  margin-bottom: 4px; }
#appWrap .help .help--box2 .help--boxInner p {
  color: #333333;
  line-height: 17px;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
  letter-spacing: 0; }
#appWrap .help .help--box2 .help--line {
  position: absolute;
  top: 20px;
  left: -5px;
  z-index: 9000; }
#appWrap .help .help--box3 {
  display: flex;
  position: absolute;
  left: 9px;
  top: 1233px;
  width: calc(100% - 18px);
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse; }
#appWrap .help .help--box3 .help--box3--left {
  border: 3px solid #ffffd2;
  width: 136px;
  box-sizing: border-box;
  height: 34px; }
#appWrap .help .help--box3 .help--box3--center {
  flex-grow: 1;
  height: 2px;
  background-color: #fff;
}
#appWrap .help .help--box3 .help--box3--right {
  width: 210px;
  text-align: right;
  position: relative; }
#appWrap .help .help--box3 .help--boxInner {
  display: inline-block;
  background-color: #fff;
  width: calc(100% - 14px);
  text-align: left;
  font-size: 10px;
  padding: 10px 7px;
  font-feature-settings: "palt";}
#appWrap .help .help--box3 .help--boxInner h3 {
  color: #5c88b7;
  line-height: 17px;
  width: auto;
  padding-right: 6px;
  border-right: 1px solid #dcdee0; }
#appWrap .help .help--box3 .help--boxInner p {
  color: #333333;
  line-height: 17px;
  padding-left: 6px;
  letter-spacing: 0; }
#appWrap .help .help--box3 .help--boxInner--flex {
  display: flex; }
#appWrap .help .help--box3 .help--line {
  position: absolute;
  top: 15px;
  left: -5px;
  z-index: 9000; }
#appWrap .help .help--box4 {
  display: flex;
  position: absolute;
  left: 9px;
  top: 1286px;
  width: calc(100% - 18px);
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse; }
#appWrap .help .help--box4 .help--box4--left {
  border: 3px solid #ffffd2;
  box-sizing: border-box;
  width: 136px;
  height: 37px; }
#appWrap .help .help--box4 .help--box4--center {
  flex-grow: 1;
  height: 2px;
  background-color: #fff;
}
#appWrap .help .help--box4 .help--box4--right {
  width: 210px;
  text-align: right;
  position: relative; }
#appWrap .help .help--box4 .help--boxInner {
  display: inline-block;
  background-color: #fff;
  width: calc(100% - 14px);
  text-align: left;
  font-size: 10px;
  padding: 10px 7px; }
#appWrap .help .help--box4 .help--boxInner h3 {
  color: #5c88b7;
  line-height: 17px;
  width: auto;
  padding-right: 8px;
  border-right: 1px solid #dcdee0; }
#appWrap .help .help--box4 .help--boxInner p {
  color: #333333;
  line-height: 17px;
  padding-left: 8px;
  letter-spacing: 0; }
#appWrap .help .help--box4 .help--boxInner--flex {
  display: flex; }
#appWrap .help .help--box5 {
  position: absolute;
  left: 9px;
  top: 1326px;
  width: calc(100% - 18px);}
#appWrap .help .help--box5 .help--box5--left {
  border: 3px solid #ffffd2;
  width: 100%;
  height: 37px;
  box-sizing: border-box;
  margin-bottom: 12px; }
#appWrap .help .help--box5 .help--box5--right {
  width: 234px;
  text-align: right;
  position: relative; }
#appWrap .help .help--box5 .help--box5--right::before {
  content: "";
  position: absolute;
  top:-12px;
  left: 10px;
  height: 12px;
  width: 2px;
  background-color: #fff;
}
#appWrap .help .help--box5 .help--boxInner {
  display: inline-block;
  background-color: #fff;
  width: 224px;
  text-align: left;
  font-size: 10px;
  padding: 10px 6px; }
#appWrap .help .help--box5 .help--boxInner h3 {
  color: #5c88b7;
  line-height: 17px;
  width: auto;
  padding-right: 8px;
  border-right: 1px solid #dcdee0; }
#appWrap .help .help--box5 .help--boxInner p {
  color: #333333;
  line-height: 17px;
  padding-left: 8px;
  letter-spacing: 0; }
#appWrap .help .help--box5 .help--boxInner--flex {
  display: flex; }
#appWrap .help .help--box5 .help--line {
  position: absolute;
  top: 15px;
  left: -5px;
  z-index: 9000; }
#appWrap .help .help--box6 {
  position: absolute;
  right: 54px;
  top: 5px;
  align-items: center;
  justify-content: space-between;
  display: none; }
#appWrap .help .help--box6 .help--box6--top {
  border: 3px solid #ffffd2;
  width: 219px;
  height: 18px; }
#appWrap .help .help--box6 .help--box6--bottom {
  width: 249px;
  text-align: right;
  position: relative; }
#appWrap .help .help--box6 .help--boxInner {
  background-color: #fff;
  width: 221px;
  text-align: left;
  font-size: 11px;
  padding: 10px 14px;
  margin-top: 115px; }
#appWrap .help .help--box6 .help--boxInner h3 {
  color: #5c88b7;
  line-height: 17px;
  width: 100%;
  border-bottom: 1px solid #dcdee0;
  padding-bottom: 4px;
  margin-bottom: 4px; }
#appWrap .help .help--box6 .help--boxInner p {
  color: #333333;
  line-height: 17px;
  letter-spacing: 0; }
#appWrap .help .help--box6 .help--line {
  position: absolute;
  top: -120px;
  left: 20px; }
#appWrap .help .help--box6 .help--line img {
  position: relative;
  top: 0;
  left: 0; }
#appWrap .help .help--box6 .help--boxInner--flex {
  display: flex; }
#appWrap .help .help--box7 {
  display: flex;
  position: absolute;
  left: -34px;
  top: 13px;
  justify-content: space-between; }
#appWrap .help .help--box7 .help--box7--left {
  width: 67px; }
#appWrap .help .help--box7 .help--box7--left .help--box7Inner {
  border: 3px solid #ffffd2;
  width: 22px;
  height: 145px;
  margin-top: -7px; }
#appWrap .help .help--box7 .help--box7--left .help--line {
  margin-left: 12px;
  margin-top: 17px;
  position: relative;
  left: 0;
  top: 0; }
#appWrap .help .help--box7 .help--box7--right {
  width: 193px;
  text-align: left;
  position: relative; }
#appWrap .help .help--box7 .help--boxInner {
  display: inline-block;
  background-color: #fff;
  width: 193px;
  text-align: left;
  font-size: 11px;
  padding: 10px 14px; }
#appWrap .help .help--box7 .help--boxInner h3 {
  color: #5c88b7;
  line-height: 17px;
  width: auto;
  padding-right: 12px;
  border-right: 1px solid #dcdee0; }
#appWrap .help .help--box7 .help--boxInner p {
  color: #333333;
  line-height: 17px;
  padding-left: 12px;
  letter-spacing: 0; }
#appWrap .help .help--box7 .help--boxInner--flex {
  display: flex; }
#appWrap .help .help--box7 .help--line {
  position: absolute;
  top: 15px;
  left: -5px;
  z-index: 9000; }
#appWrap .help .botton--close {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer; }
#appWrap .error {
  width: 150px;
  position: absolute;
  top: 50px;
  right: 50px;
  font-size: 11px;
  line-height: 1.8em;
  color: #d47474;
  background-color: #fff;
  padding: 10px;
  border: 1px solid #d47474;
  opacity: 0;
  z-index: 7000;
  transition: 0.4s; }
#appWrap .error__show {
  opacity: 1; }
#appWrap .error_color {
  color: #d47474 !important; }
#appWrap .attention_wrap {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15px;
  padding-bottom: 80px;
  display: flex;
  justify-content: space-between; }
#appWrap .attention_eachPj {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 10px;
  line-height: 18px;
  letter-spacing: 0.08em;
  color: #666666;
  font-feature-settings: "palt";
  border-bottom: 1px solid #dddddd;
  max-height: 0px;
  transition: 0.6s;
  overflow: hidden;
  opacity: 0; }
#appWrap .attention_eachPj p {
  padding-top: 15px;
  padding-bottom: 15px; }
#appWrap .attention_eachPj_active {
  max-height: 300px;
  opacity: 1; }
#appWrap .attention {
  font-size: 10px;
  line-height: 18px;
  padding: 0 17px;
  letter-spacing: 0.08em;
  color: #666666;
  font-feature-settings: "palt"; }
#appWrap .oldversionLink {
  text-align: right; }
#appWrap .oldversionLink span {
  letter-spacing: 0.08em;
  display: block;
  font-size: 10px;
  line-height: 18px;
  color: #666666;
  font-feature-settings: "palt";
  margin-bottom: 2px; }
#appWrap .botton--select {
  width: 100%;
  background-color: #fff;
  position: relative;
  cursor: pointer; }
#appWrap .botton--select img {
  vertical-align: top;
  margin-left: auto;
  width: 164px;
  display: block;
}

.attentionTop {
  color: #666;
  font-size: 12px;
  margin-top: 35px;
  text-align: center;
  padding-left: 88px;
  padding-right: 88px;
  font-feature-settings: 'palt';
  letter-spacing: 0.04em; }