@charset "UTF-8";
.simulator-fieldset {
  max-width: 100%;
  padding: 15px 0;
  border: 0 none; }
  .simulator-fieldset::before {
    content: " ";
    display: table; }
  .simulator-fieldset::after {
    content: " ";
    display: table;
    clear: both; }
  .simulator-fieldset::before, .simulator-fieldset::after {
    content: " ";
    display: table; }
  .simulator-fieldset:first-child {
    border-top: 0 none; }
  .simulator-fieldset.separator {
    border-top: 1px solid #ccc;
    margin-top: 20px;
    padding-top: 30px; }

.simulator-resultTable__blockRow.separator {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #d4d5d5 -moz-use-text-color -moz-use-text-color;
  border-image: none;
  border-style: solid none none;
  border-width: 1px 0 0; }

.simulator-fieldset__header {
  width: 35%;
  float: left; }

.simulator-fieldset__body {
  float: left;
  text-align: left;
  width: 60%; }

.simulator-fieldset__header, .simulator-fieldset__body {
  float: left; }

.simulator-fieldset__header span, .simulator-fieldset__header label {
  font-size: 24px;
  font-weight: bold;
  margin: 0; }

.simulator-footer--calculate {
  background-color: #eee;
  border-top: 1px solid #d4d5d5;
  margin: 40px -25px 0;
  padding-bottom: 25px;
  padding-top: 25px; }

.simulator-footer {
  text-align: center; }

.simulator-btn {
  background: transparent linear-gradient(to bottom, #fff 0px, #f3f3f3 100%) repeat scroll 0 0;
  border: 1px solid #d4d5d5;
  cursor: pointer; }
  .simulator-btn.simulator-btn--calculate::before {
    background-image: url("../img/icon_calc_@2x.png");
    background-repeat: no-repeat;
    background-size: auto 24px;
    background-position: center left;
    content: "";
    display: inline-block;
    height: 38px;
    margin-right: 5px;
    margin-top: -4px;
    position: static;
    vertical-align: middle;
    width: 20px; }
  .simulator-btn::before {
    background-image: url("/assets/img/marker_01_@2x.png");
    background-repeat: no-repeat;
    background-size: auto 18px;
    content: "";
    height: 65%;
    left: 12px;
    position: absolute;
    width: 18px; }
  .simulator-btn:hover {
    opacity: .7;
    filter: alpha(opacity=70);
    outline: 0; }
  .simulator-btn.simulator-btn--calculate {
    border-color: #9f9f9f -moz-use-text-color #191818;
    border-image: none;
    border-radius: 60px;
    border-style: solid none;
    border-width: 1px 0;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
    color: #fff;
    display: inline-block;
    font-size: 24px;
    line-height: 1;
    margin: 10px;
    padding: 13px 42px;
    position: relative;
    text-align: center;
    text-decoration: none;
    background: #605f5f;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYwNWY1ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ODQ3NDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #605f5f 0, #484747 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #605f5f), color-stop(100%, #484747));
    background: -webkit-linear-gradient(top, #605f5f 0, #484747 100%);
    background: -o-linear-gradient(top, #605f5f 0, #484747 100%);
    background: -ms-linear-gradient(top, #605f5f 0, #484747 100%);
    background: linear-gradient(to bottom, #605f5f 0, #484747 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#605f5f',endColorstr='#484747',GradientType=0); }
    .simulator-btn.simulator-btn--calculate:disabled {
      cursor: default;
      opacity: 0.3; }
  .simulator-btn.simulator-btn--reset {
    border-radius: 24px;
    color: #535252;
    display: inline-block;
    margin: 15px 0 15px;
    padding: 12px 16px 10px 36px;
    position: relative;
    text-decoration: none;
    background: #fff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #fff 0, #f3f3f3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f3f3f3));
    background: -webkit-linear-gradient(top, #fff 0, #f3f3f3 100%);
    background: -o-linear-gradient(top, #fff 0, #f3f3f3 100%);
    background: -ms-linear-gradient(top, #fff 0, #f3f3f3 100%);
    background: linear-gradient(to bottom, #fff 0, #f3f3f3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f3f3f3',GradientType=0); }
    .simulator-btn.simulator-btn--reset::before {
      background-image: url("../img/icon_01_@2x.png"); }

.simulator-footer__secondary {
  text-align: center; }

.simulator-fieldset__body {
  font-size: 0; }
  .simulator-fieldset__body input.error {
    border: 1px solid #e50000 !important;
    background-color: #fff5f5; }
  .simulator-fieldset__body span.error {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 12px !important;
    line-height: 1.2;
    color: #e50000;
    width: 100%;
    position: relative;
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
    margin-top: 10px;
    text-align: left; }

#jbk-frame-main form input, #jbk-frame-main form select {
  font-size: 20px;
  height: 44px;
  width: 190px;
  border: 1px solid #CCC;
  text-align: right;
  padding: 0 10px;
  width: 160px;
  height: 44px;
  line-height: 44px;
  margin-right: 0;
  font-size: 20px;
  color: #555;
  vertical-align: middle; }
#jbk-frame-main form span.customSelect {
  font-size: 19px !important; }
#jbk-frame-main form input.deposit {
  width: 258px; }
#jbk-frame-main form input::-ms-clear {
  display: none; }
#jbk-frame-main form div span.error {
  display: block;
  color: #e50a0a; }
#jbk-frame-main form input {
  border: 1px #ccc solid; }
#jbk-frame-main form button {
  outline: none; }

select {
  border: 1px #ccc solid; }

#jbk-frame-main {
  padding-bottom: 28px; }
  #jbk-frame-main .error {
    border-color: #e50a0a; }
  #jbk-frame-main .required {
    background: #e50000;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
    padding: 5px 5px 4px;
    line-height: 100%;
    margin-left: 20px; }
  #jbk-frame-main .help {
    font-size: 20px;
    cursor: pointer;
    font-weight: normal;
    display: inline-block !important;
    text-align: center;
    line-height: 100%;
    display: inline-block;
    color: #ababab;
    text-decoration: none;
    border-radius: 24px;
    border: 1px solid #d4d5d5;
    border-top: 1px solid #d4d5d5;
    border-bottom: 1px solid #d4d5d5;
    height: 30px;
    width: 30px;
    overflow: hidden;
    padding-top: 5px;
    margin-left: 5px;
    vertical-align: text-bottom;
    background: #fff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #fff 0, #f3f3f3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f3f3f3));
    background: -webkit-linear-gradient(top, #fff 0, #f3f3f3 100%);
    background: -o-linear-gradient(top, #fff 0, #f3f3f3 100%);
    background: -ms-linear-gradient(top, #fff 0, #f3f3f3 100%);
    background: linear-gradient(to bottom, #fff 0, #f3f3f3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f3f3f3',GradientType=0);
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none; }
    #jbk-frame-main .help:hover {
      opacity: .7;
      filter: alpha(opacity=70);
      outline: 0; }
  #jbk-frame-main .result__header .help {
    vertical-align: top;
    margin-left: 15px;
    margin-top: 3px; }
  #jbk-frame-main .c-hr-01 {
    border-color: #ccc; }
  #jbk-frame-main .c-importantNotes-01 {
    border-top: none; }
  #jbk-frame-main form label.type, #jbk-frame-main form label.unit {
    font-size: 20px;
    cursor: pointer;
    font-weight: normal;
    display: inline-block !important;
    margin-right: 10px;
    text-align: center;
    line-height: 100%;
    display: inline-block;
    color: #656565;
    text-decoration: none;
    border-radius: 24px;
    border: 1px solid #d4d5d5;
    border-top: 1px solid #d4d5d5;
    border-bottom: 1px solid #d4d5d5;
    padding: 15px 50px 10px;
    background: #fff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #fff 0, #f3f3f3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f3f3f3));
    background: -webkit-linear-gradient(top, #fff 0, #f3f3f3 100%);
    background: -o-linear-gradient(top, #fff 0, #f3f3f3 100%);
    background: -ms-linear-gradient(top, #fff 0, #f3f3f3 100%);
    background: linear-gradient(to bottom, #fff 0, #f3f3f3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f3f3f3',GradientType=0);
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none; }
    #jbk-frame-main form label.type:hover, #jbk-frame-main form label.unit:hover {
      opacity: .7;
      filter: alpha(opacity=70);
      outline: 0; }
  #jbk-frame-main form label.type.checked, #jbk-frame-main form label.unit.checked {
    color: #fff;
    background: #595959;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYwNjA2MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4YThhOGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #595959 0, #8a8a8a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #595959), color-stop(100%, #8a8a8a));
    background: -webkit-linear-gradient(top, #595959 0, #8a8a8a 100%);
    background: -o-linear-gradient(top, #595959 0, #8a8a8a 100%);
    background: -ms-linear-gradient(top, #595959 0, #8a8a8a 100%);
    background: linear-gradient(to bottom, #595959 0, #8a8a8a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#595959',endColorstr='#8a8a8a',GradientType=0); }
  #jbk-frame-main form label.type.disabled, #jbk-frame-main form label.unit.disabled {
    color: #b3b3b3;
    background: #e7e7e7;
    cursor: default; }
  #jbk-frame-main .up, #jbk-frame-main .down {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-touch-callout: none;
    -moz-user-select: none;
    border: none;
    display: inline-block;
    width: 44px;
    height: 44px;
    background-color: #fff;
    background-image: url("../img/icon_02.png");
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
    margin: 0; }
    #jbk-frame-main .up:hover, #jbk-frame-main .down:hover {
      opacity: .7;
      filter: alpha(opacity=70);
      outline: 0; }
  #jbk-frame-main .up {
    margin-left: 10px; }
  #jbk-frame-main .down {
    width: 43px;
    background-position: right top; }
  #jbk-frame-main form span {
    font-size: 24px; }
  #jbk-frame-main form {
    clear: both;
    margin: 0 auto;
    margin-top: 1.75em;
    width: 100%;
    background-color: #fff;
    border: 1px solid #d4d4d4;
    padding: 0 25px 0; }
  #jbk-frame-main .simulator-header {
    border-bottom: 1px solid #ccc;
    margin: 0 -25px 40px;
    padding: 30px 25px 20px;
    background: #fff2e1;
    position: relative; }
    #jbk-frame-main .simulator-header:after {
      width: 33px;
      height: 14px;
      background-image: url(../img/marker_10_@2x.png);
      background-repeat: no-repeat;
      background-size: auto 14px;
      background-position: 0;
      position: absolute;
      left: 48.5%;
      left: 50%;
      bottom: -14px;
      content: "";
      margin-left: -16px; }
    #jbk-frame-main .simulator-header .simulator-fieldset:first-child label.type, #jbk-frame-main .simulator-header .simulator-fieldset:first-child label.unit {
      padding-left: 58px;
      padding-right: 58px; }
    #jbk-frame-main .simulator-header .simulator-fieldset__header {
      width: 30%; }
    #jbk-frame-main .simulator-header .simulator-fieldset__body {
      width: 70%; }

.ie9 form label.type, .ie9 form label.unit, .ie9 .customSelect, .ie9 .simulator-btn--calculate, .ie9 .simulator-btn--reset, .ie9 .help {
  filter: none !important; }

.simulator-fieldset__body * {
  vertical-align: top; }
.simulator-fieldset__body > span {
  display: inline-block;
  margin-top: 10px;
  margin-left: 10px; }

#losscutblock .error {
  color: #e50a0a;
  border: 2px solid #ea3434;
  background: url("../img/notice.png") 16px 20px no-repeat #ffdede;
  padding: 20px 16px 20px 87px;
  font-weight: bold;
  font-size: 17px; }
#losscutblock span {
  color: #555;
  font-weight: normal !important;
  font-size: 15px !important; }
#losscutblock span.notice {
  display: block;
  margin-top: .5em; }
#losscutblock ul {
  margin: 0; }

.simulator-resultTable {
  border: 1px solid #ccc;
  margin-top: 30px; }
  .simulator-resultTable + .simulator-resultTable {
    margin-top: 13px; }

.simulator-resultTable__block {
  padding: 20px; }

.simulator-resultTable__amount::before {
  content: " ";
  display: table; }
.simulator-resultTable__amount::after {
  content: " ";
  display: table;
  clear: both; }
.simulator-resultTable__amount::before, .simulator-resultTable__amount::after {
  content: " ";
  display: table; }

.simulator-resultTable__amount--total {
  margin-top: 20px;
  padding-top: 20px; }

.simulator-resultTable__amount {
  margin: 8px 0 0;
  padding: 0; }

.simulator-resultTable__amount--total .simulator-resultTable__amount__header {
  padding-left: 0; }
  .simulator-resultTable__amount--total .simulator-resultTable__amount__header::after {
    content: none; }
  .simulator-resultTable__amount--total .simulator-resultTable__amount__header strong {
    font-weight: bold;
    color: #535252; }

.simulator-resultTable__amount__header {
  float: left;
  font-weight: normal;
  width: 50%; }

.simulator-resultTable__amount__body {
  width: 50%;
  float: right;
  text-align: right; }

.simulator-resultTable__amount__header, .simulator-resultTable__amount__body {
  width: 50%; }

.simulator-resultTable__amount--total .simulator-resultTable__amount__body strong {
  font-weight: bold;
  color: #535252; }

.simulator-resultTable__amount__body strong {
  font-weight: bold;
  color: #535252; }
.simulator-resultTable__amount__body .minus {
  color: #e50a0a; }

.simulator-resultTable .clear-btn {
  text-align: center; }

.c-btnGroup-01 a:before {
  background-image: url(../img/marker_01_@2x.png); }
.c-btnGroup-01.clear-btn a {
  padding-left: 48px;
  padding-right: 48px; }
  .c-btnGroup-01.clear-btn a:before {
    background-image: none;
    content: ""; }

.result__header {
  height: 137px;
  font-size: 28px;
  font-weight: bold !important;
  padding-top: 5px; }
  .result__header dt {
    font-weight: bold !important; }
  .result__header strong {
    color: #eb7000 !important; }
  .result__header .simulator-resultTable__amount--total {
    border: 0;
    margin-top: 0;
    padding-top: 0; }
  .result__header .simulator-resultTable__amount__header {
    padding-bottom: 10px; }
  .result__header .simulator-resultTable__amount__header, .result__header .simulator-resultTable__amount__body {
    width: 100%;
    float: none; }

.result__body {
  background: #eee;
  font-size: 18px; }
  .result__body .simulator-resultTable__blockRow {
    margin-bottom: 20px; }
    .result__body .simulator-resultTable__blockRow dl {
      margin: 0;
      height: 32px; }
    .result__body .simulator-resultTable__blockRow dt {
      height: 32px; }
    .result__body .simulator-resultTable__blockRow dd {
      height: 32px; }

#simulator-result strong,
#leverageblock strong,
#profitlossblock strong {
  font-size: 24px; }
#simulator-result span > span, #simulator-result strong > span,
#leverageblock span > span,
#leverageblock strong > span,
#profitlossblock span > span,
#profitlossblock strong > span {
  font-weight: normal;
  font-size: 20px; }
#simulator-result .result__header strong,
#leverageblock .result__header strong,
#profitlossblock .result__header strong {
  font-size: 34px; }
  #simulator-result .result__header strong span,
  #leverageblock .result__header strong span,
  #profitlossblock .result__header strong span {
    font-size: 24px; }

#simulator-result .result__header {
  background: url(../img/bg_01.png) left bottom no-repeat; }

#leverageblock {
  margin-top: 30px; }
  #leverageblock .result__header {
    background: url(../img/bg_02.png) left bottom no-repeat; }
  #leverageblock.error {
    border: 2px solid #ea3434; }
    #leverageblock.error .result__header {
      background: #ffdede; }
    #leverageblock.error #d20b, #leverageblock.error #d21b, #leverageblock.error #d19b {
      color: #e50a0a !important; }
      #leverageblock.error #d20b:before, #leverageblock.error #d21b:before, #leverageblock.error #d19b:before {
        content: " ";
        background: url("../img/notice.png") 0 0 no-repeat;
        background-size: contain;
        display: inline-block;
        width: 35px;
        height: 32px;
        margin-right: 18px;
        margin-top: -5px;
        vertical-align: middle; }

#profitlossblock {
  margin-top: 30px; }
  #profitlossblock .result__header {
    background: url(../img/bg_03.png) left bottom no-repeat; }

.customSelect {
  width: 190px !important;
  margin: 0 !important;
  border: 1px solid #ddd;
  overflow: hidden;
  color: #555;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px 8px;
  display: inline-block !important;
  color: #535252;
  text-decoration: none;
  border: solid 1px #d4d5d5;
  background: #fff;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #fff 0, #f3f3f3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f3f3f3));
  background: -webkit-linear-gradient(top, #fff 0, #f3f3f3 100%);
  background: -o-linear-gradient(top, #fff 0, #f3f3f3 100%);
  background: -ms-linear-gradient(top, #fff 0, #f3f3f3 100%);
  background: linear-gradient(to bottom, #fff 0, #f3f3f3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f3f3f3',GradientType=0); }
  .customSelect .customSelectInner {
    text-align: center;
    line-height: 42px;
    padding: 0 45px 0 9px;
    background: url(../img/arrows_08_@2x.png) no-repeat;
    background-size: auto 42px;
    background-position: 100% 0;
    font-size: 17px !important; }

.flags {
  display: inline-block;
  height: 34px;
  width: 96px;
  margin-top: 6px;
  margin-left: 20px;
  background: url("/assets/img/flgs_jpn.png") top right no-repeat;
  background-size: contain; }
  .flags .flag {
    margin-top: 1px;
    height: 32px;
    width: 46px;
    float: left;
    background: url("/assets/img/flgs_usa.png") no-repeat;
    background-size: contain; }
  .flags.eur_jpy .flag {
    background-image: url("/assets/img/flgs_eur.png"); }
  .flags.gbp_jpy .flag {
    background-image: url("/assets/img/flgs_gbr.png"); }
  .flags.aud_jpy .flag {
    background-image: url("/assets/img/flgs_aus.png"); }
  .flags.chf_jpy .flag {
    background-image: url("/assets/img/flgs_che.png"); }
  .flags.cad_jpy .flag {
    background-image: url("/assets/img/flgs_can.png"); }
  .flags.nzd_jpy .flag {
    background-image: url("/assets/img/flgs_nzl.png"); }
  .flags.zar_jpy .flag {
    background-image: url("/assets/img/flgs_zaf.png"); }
  .flags.try_jpy .flag {
    background-image: url("/assets/img/flgs_try.png"); }

.c-importantNotes-01 {
  margin-top: 1em; }

.simulator-banner {
  padding: 0;
  margin-top: 16px;
  border: 0; }

.c-cnvBlock-01 a {
  text-decoration: none; }

@media only screen and (max-width: 928px) {
  #jbk-frame-main .simulator-fieldset__body.amount > span {
    float: right;
    padding-right: 10px; } }
@media only screen and (max-width: 768px) {
  #jbk-header-area #header-accessary .btn-banking li.btn-01 {
    right: 108px; }
  #jbk-header-area #header-accessary .btn-banking li.btn-02 {
    right: 58px; }
  #jbk-header-area #header-accessary .btn-banking li.btn-03 {
    right: 10px; }
  #jbk-header-area #header-accessary .btn-menu {
    display: none; }
}
@media only screen and (max-width: 330px) {
  #jbk-header-area #header-accessary .btn-banking li.btn-01 {
    right: 98px; }
  #jbk-header-area #header-accessary .btn-banking li.btn-02 {
    right: 53px; }
}
@media only screen and (max-width: 690px) {
  #jbk-frame-main .simulator-fieldset__body.amount > span {
    float: none;
    padding-right: 0; }

  .c-ground-01 {
    margin-top: .625em;
    padding: 16px 10px; }

  .c-heading2-01 {
    margin-top: 1em;
    margin-bottom: .5625em;
    margin-left: 2px; }

  #jbk-frame-main .pull-right {
    float: none;
    text-align: right; }
  #jbk-frame-main form {
    padding: 0;
    border: none; }
    #jbk-frame-main form input {
      width: 48%; }
      #jbk-frame-main form input.deposit {
        width: 80%; }
  #jbk-frame-main .simulator-fieldset:first-child label.type, #jbk-frame-main .simulator-fieldset:first-child label.unit {
    padding-left: 20px !important;
    padding-right: 20px !important;
    font-size: 19px; }
  #jbk-frame-main .simulator-header {
    padding: 10px 10px 20px;
    margin-left: -10px;
    margin-right: -10px;
    border-top: 1px solid #ccc; }
  #jbk-frame-main .simulator-fieldset__header label, #jbk-frame-main .simulator-fieldset__header span {
    vertical-align: middle; }
  #jbk-frame-main .simulator-fieldset__header, #jbk-frame-main .simulator-fieldset__body {
    float: none;
    width: 100% !important; }
  #jbk-frame-main .required {
    font-size: .9em; }
  #jbk-frame-main .simulator-footer--calculate {
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: -16px; }
  #jbk-frame-main .result__header {
    height: 130px; }
    #jbk-frame-main .result__header dt, #jbk-frame-main .result__header dd {
      font-size: .9em; }
  #jbk-frame-main dt, #jbk-frame-main dd {
    width: 100%; }
  #jbk-frame-main .result__body dd {
    margin-bottom: 5px; }
  #jbk-frame-main .simulator-resultTable__block {
    padding: 20px 10px; }
  #jbk-frame-main .c-importantNotes-01 > .item {
    border-top: none; }
  #jbk-frame-main .c-importantNotes-01 {
    border: 1px solid #d4d4d4;
    -webkit-box-shadow: 2px 2px 2px #e1e1e1;
    box-shadow: 2px 2px 2px #e1e1e1;
    margin-top: 0; }
    #jbk-frame-main .c-importantNotes-01 > .item {
      border-top: none; }

  #losscutblock span {
    margin-top: 10px; }
  #losscutblock span, #losscutblock ul {
    display: block;
    margin-left: -71px; }

  .c-anchorList-01 a:before, .c-noteList-03 li:before {
    top: 3px; } }
@media only screen and (max-width: 592px) {
  #jbk-frame-main .simulator-fieldset__body.amount > span {
    float: right;
    padding-right: 10px; } }
@media only screen and (max-width: 380px) {
  #jbk-frame-main .result__header dt, #jbk-frame-main .result__header dd {
    font-size: .7em; }
  #jbk-frame-main .result__header .help {
    margin-left: 5px; } }
@media only screen and (max-width: 340px) {
  html, html body {
    width: 324px; } }
@media only screen and (max-width: 320px) {
  #jbk-frame-main .result__header dt, #jbk-frame-main .result__header dd {
    font-size: .6em; }
  #jbk-frame-main .c-btnGroup-01.clear-btn a {
    padding-left: 18px;
    padding-right: 18px;
    font-size: .9em;
    width: 90%; }
  #jbk-frame-main .flags {
    margin-left: 0px; } }
@media only screen and (max-width: 290px) {
  #jbk-frame-main .result__header dt, #jbk-frame-main .result__header dd {
    font-size: .5em; } }
.modal-open {
  overflow: hidden; }

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  display: none;
  overflow: auto;
  overflow-y: scroll; }
  .modal button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    font-size: 24px;
    cursor: pointer;
    font-weight: bold;
    display: inline-block !important;
    margin-right: 0;
    text-align: center;
    line-height: 100%;
    display: inline-block;
    color: #ababab;
    text-decoration: none;
    border-radius: 6px;
    border: 1px solid #d4d5d5;
    border-top: 1px solid #d4d5d5;
    border-bottom: 1px solid #d4d5d5;
    padding: 2px 0 0 1px;
    width: 30px;
    height: 30px;
    background: #fff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #fff 0, #f3f3f3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f3f3f3));
    background: -webkit-linear-gradient(top, #fff 0, #f3f3f3 100%);
    background: -o-linear-gradient(top, #fff 0, #f3f3f3 100%);
    background: -ms-linear-gradient(top, #fff 0, #f3f3f3 100%);
    background: linear-gradient(to bottom, #fff 0, #f3f3f3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f3f3f3',GradientType=0);
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    outline: none; }
  .modal .close {
    float: right; }
  .modal button, .modal input, .modal select, .modal textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    outline: none; }
  .modal button, .modal html input[type=button], .modal input[type=reset], .modal input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer; }
  .modal button, .modal select {
    text-transform: none; }
  .modal button, .modal input, .modal optgroup, .modal select, .modal textarea {
    margin: 0;
    font: inherit;
    color: inherit; }

.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out; }

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0); }

.modal-dialog {
  z-index: 1050;
  width: auto;
  padding: 10px;
  margin-right: auto;
  margin-left: auto; }

.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  outline: none;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
  background-color: #000000; }

.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0); }

.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50); }

.modal-header {
  padding: 20px 15px 15px;
  border-bottom: 1px solid #eee;
  height: 70px;
  padding: 10px; }

.modal-header .close {
  margin-top: -2px; }

.modal-title {
  margin: 25px 0 0 0;
  line-height: 1.428571429;
  color: #eb7000;
  font-weight: bold;
  font-size: 20px; }

.modal-body {
  position: relative;
  padding: 10px 20px;
  background-color: #eee;
  font-size: 18px; }
  .modal-body span {
    color: #888;
    font-size: .9em; }

.modal-footer {
  padding: 19px 20px 20px;
  text-align: center;
  border-top: 1px solid #eee; }
  .modal-footer button {
    font-size: 20px;
    cursor: pointer;
    font-weight: normal;
    display: inline-block !important;
    text-align: center;
    line-height: 100%;
    display: inline-block;
    color: #656565;
    text-decoration: none;
    border-radius: 24px;
    border: 1px solid #d4d5d5;
    border-top: 1px solid #d4d5d5;
    border-bottom: 1px solid #d4d5d5;
    padding: 11px 30px 8px;
    background: #fff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #fff 0, #f3f3f3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f3f3f3));
    background: -webkit-linear-gradient(top, #fff 0, #f3f3f3 100%);
    background: -o-linear-gradient(top, #fff 0, #f3f3f3 100%);
    background: -ms-linear-gradient(top, #fff 0, #f3f3f3 100%);
    background: linear-gradient(to bottom, #fff 0, #f3f3f3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f3f3f3',GradientType=0);
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    font-size: 16px; }

.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " "; }

.modal-footer:after {
  clear: both; }

.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " "; }

.modal-footer:after {
  clear: both; }

.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px; }

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px; }

.modal-footer .btn-block + .btn-block {
  margin-left: 0; }

@media screen and (min-width: 768px) {
  .modal-dialog {
    right: auto;
    left: 50%;
    width: 750px;
    padding-top: 30px;
    padding-bottom: 30px; }

  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }

  .modal-header {
    padding: 20px 15px 15px;
    border-bottom: 1px solid #eee;
    height: 90px; }

  button.close {
    margin-right: 10px; }

  .modal-title {
    margin: 25px 0 0 20px;
    font-size: 24px; }

  .modal-body {
    padding: 20px 50px;
    font-size: 20px; }

  .modal-footer button {
    padding: 15px 50px 10px;
    font-size: 20px; } }

/*# sourceMappingURL=style.css.map */