@media screen and (max-width: 768px) {
  .fc-base-structure {
    width: auto;
    margin-right: 20px;
    margin-left: 20px; }
  #fc-nav {
    margin-right: 0;
    margin-left: 0; } }

/* ----- fc-heading ----- */
#fc-heading {
  padding: 38px 0 38px 0; }
  #fc-heading .fc-block .fc-text {
    font-size: 114%;
    line-height: 1.5; }
  #fc-heading .fc-block .fc-image-block {
    margin-left: 0; }
  #fc-heading h1 {
    font-size: 160%;
    margin-top: 0; }
  #fc-heading .fc-title {
    margin: 0;
    padding: 0;
    font-size: 100%;
    font-weight: bold;
    line-height: 1.33;
    margin-bottom: 8px;
    font-size: 200%; }

@media screen and (max-width: 768px) {
  #fc-header-area {
    margin-right: 0;
    margin-left: 0; }
  #fc-heading {
    padding-bottom: 32px;
    background-color: #ececec; }
    #fc-heading .fc-image-block {
      margin-bottom: 14px; }
    #fc-heading .fc-block .fc-text {
      font-size: 114%;
      line-height: 1.5; }
    #fc-heading h1 {
      margin-bottom: 10px; }
    #fc-heading .fc-title {
      text-align: center; } }

/* ----- currency nav ----- */
#currency-nav-area {
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #fad7b5; }

#currency-nav {
  padding-left: 14px;
  list-style: none; }
  #currency-nav:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0; }

#currency-nav_toggle-btn {
  display: none; }

@media screen and (max-width: 768px) {
  #currency-nav-area {
    padding-top: 30px;
    padding-bottom: 0;
    background-color: #f09a75; }
  #currency-nav {
    display: none;
    margin-right: 10px;
    margin-left: 10px;
    padding-left: 0;
    border-radius: 0 0 10px 10px;
    border: 1px solid #dddddd;
    background-color: #ffffff; }
  #currency-nav-area.is-open #currency-nav {
    display: block; }
  #currency-nav li {
    float: none; }
    #currency-nav li a {
      position: relative;
      width: auto;
      height: auto;
      padding: 24px 0 24px 82px;
      text-align: left;
      box-sizing: border-box;
      border-top: 1px solid #dddddd; }
      #currency-nav li a:hover, #currency-nav li.stay a:hover {
        padding-bottom: 24px; }
      #currency-nav li a img {
        position: absolute;
        left: 20px;
        top: 12px;
        width: 38px;
        height: auto;
        margin-top: 0;
        margin-bottom: 0;
        border-radius: 50%;
        border: 1px solid #dddddd;
        background-color: #dddddd; }
      #currency-nav li a br {
        display: none; }
    #currency-nav li:first-child a {
      border-top: none; }
    #currency-nav li a span {
      display: inline; }
    #currency-nav li.stay a, #currency-nav li a:hover {
      margin-top: 0;
      background: none;
      color: #666666; }
    #currency-nav li a.stay:after {
      display: none; }
  #currency-nav_toggle-btn {
    display: block;
    margin-right: 10px;
    margin-left: 10px;
    padding-top: 28px;
    padding-bottom: 28px;
    padding-left: 90px;
    position: relative;
    border-radius: 10px;
    font-size: 130%;
    background-color: #ffffff;
    cursor: pointer;
    text-align: left; }
  #currency-nav-area.is-open #currency-nav_toggle-btn {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
  #currency-nav_toggle-btn:after {
    content: "";
    width: 40px;
    height: 100%;
    position: absolute;
    top: 0px;
    right: 0;
    border-radius: 0 10px 10px 0;
    background: #fad7b5 url(../img/icon_01.png) center center no-repeat;
    background-size: 15px 12px; }
  #currency-nav-area.is-open #currency-nav_toggle-btn:after {
    border-bottom-right-radius: 0; }
  #currency-nav_toggle-btn img {
    position: absolute;
    top: 7px;
    left: 12px;
    border-radius: 50%;
    border: 1px solid #dddddd;
    background-color: #dddddd; }
  #currency-nav_toggle-btn br {
    display: none; } }

/* ----- summary ----- */
#currency-summary {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #f09a75; }
  #currency-summary .currency-inner {
    position: relative; }
  #currency-summary .currency-title {
    display: table;
    position: absolute;
    left: 27px;
    font-size: 180%;
    color: #ffffff; }
    #currency-summary .currency-title img {
      display: table-cell; }
    #currency-summary .currency-title span {
      display: table-cell;
      padding-left: 20px;
      vertical-align: middle; }

.currency-summary-list {
  margin-bottom: 0;
  margin-left: 338px;
  padding: 0;
  min-height: 100px;
  list-style: none;
  }
  .currency-summary-list:before{
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    min-height: 100px;
  }
  .currency-summary-list:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0; }
  .currency-summary-list li {
    display: table-cell;
    width: 160px;
    padding: 0 16px;
    font-weight: bold;
    font-size: 114%;
    line-height: 1.375;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-size: contain;
    border-left: 16px solid #f09a75; }
  .currency-summary-list .currency-panel-1 {
    border-left: 0;
    background-image: url(../img/panel_01.png);
    color: #414141; }
  .currency-summary-list .currency-panel-2 {
    background-image: url(../img/panel_02.png);
    color: #855042; }
  .currency-summary-list .currency-panel-3 {
    background-image: url(../img/panel_03.png);
    color: #4e5871; }

@media screen and (max-width: 768px) {
  #currency-summary .currency-title {
    display: none; }
  .currency-summary-list {
    margin-left: 0;}
    .currency-summary-list li {
      display: block;
      width: auto;
      height: auto;
      margin-bottom: 10px;
      padding: 20px 18px 18px 18px;
      border-left: 0;
      border-radius: 5px;
      line-height: 1.5; }
    .currency-summary-list .currency-panel-1, .currency-summary-list .currency-panel-2, .currency-summary-list .currency-panel-3 {
      background-image: none; }
    .currency-summary-list .currency-panel-1 {
      background-color: #ffffff; }
    .currency-summary-list .currency-panel-2 {
      background-color: #fff1dc; }
    .currency-summary-list .currency-panel-3 {
      background-color: #e7f1f3; } }

/* ----- currency-recommend ----- */
#currency-recommend {
  padding-top: 64px;
  padding-bottom: 28px; }
  #currency-recommend .currency-recommend {
    margin-bottom: 40px; }
    #currency-recommend .currency-recommend dt, #currency-recommend .currency-recommend dd {
      float: left; }
    #currency-recommend .currency-recommend dt {
      margin-right: 44px;
      font-size: 128%;
      font-weight: bold;
      line-height: 28px; }
    #currency-recommend .currency-recommend dd {
      max-width: 500px;
      line-height: 2; }
  #currency-recommend .currency-evaluation-list {
    width: 940px;
    min-height: 60px;
    background:#e9e9e9;
    box-sizing: border-box;
    padding-right: 150px;
    padding-left: 24px;
    border-radius: 20px;
  }
    #currency-recommend .currency-evaluation-list dl {
      float: left;
      margin-left: 30px; }
      #currency-recommend .currency-evaluation-list dl:first-child {
        margin-left: 54px; }
      #currency-recommend .currency-evaluation-list dl dt, #currency-recommend .currency-evaluation-list dl dd {
        float: left; }
      #currency-recommend .currency-evaluation-list dl dt {
        height: 60px;
        margin-right: 20px;
        line-height: 60px;
        font-size: 114%; }
      #currency-recommend .currency-evaluation-list dl dd {
        padding-top: 18px; }
  #currency-recommend .currency-recommend:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0; }
  #currency-recommend .currency-evaluation-list dl:after, #currency-recommend .currency-evaluation-list:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0; }
  #currency-recommend .currency-inner {
    position: relative; }
    #currency-recommend .currency-inner:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
      line-height: 0; }
  #currency-recommend .currency-img {
    position: absolute;
    right: 52px;
    bottom: 0; }

@media screen and (max-width: 768px) {
  #currency-recommend {
    margin-bottom: 0;
    padding-top: 40px; }
    #currency-recommend .currency-evaluation-list {
      width: auto;
      height: auto;
      padding-top: 30px;
      padding-bottom: 30px;
      padding-left: 20px;
      background-image: none;
      background-color: #e9e9e9;
      border-radius: 10px; }
      #currency-recommend .currency-evaluation-list dl {
        float: none;
        margin-top: 18px;
        margin-left: 0; }
        #currency-recommend .currency-evaluation-list dl:first-child {
          margin-top: 0;
          margin-left: 0; }
        #currency-recommend .currency-evaluation-list dl dt {
          min-width: 126px;
          height: auto;
          margin-right: 0;
          line-height: 1;
          font-size: 128%; }
        #currency-recommend .currency-evaluation-list dl dd {
          padding-top: 0; }
          #currency-recommend .currency-evaluation-list dl dd img {
            width: 90px;
            height: auto; }
    #currency-recommend .currency-recommend {
      position: static;
      display: table-cell;
      width: 500px;
      padding-bottom: 20px;
      margin-bottom: 0; }
      #currency-recommend .currency-recommend:after {
        display: none; }
      #currency-recommend .currency-recommend dt {
        position: absolute;
        margin-right: 0;
        font-size: 171%; }
      #currency-recommend .currency-recommend dd {
        position: relative;
        font-size: 114%;
        line-height: 1.5;
        padding-top: 48px; }
    #currency-recommend .currency-img {
      position: relative;
      left: 0;
      text-align: right;
      width: 130px;
      display: table-cell;
      vertical-align: bottom;
      padding-top: 40px; }
      #currency-recommend .currency-img img {
        width: 100px;
        height: auto; } }

/* ----- currency-page-nav ----- */
.currency-page-nav-list {
  display: table;
  width: 100%;
  max-width: 740px;
  margin: 0 auto;
  padding: 0; }
  .currency-page-nav-list .nav-item {
    display: table-cell; }
    .currency-page-nav-list .nav-item a {
      display: block;
      text-decoration: none;
      cursor: pointer;
      color: #333;
      font-size: 142%;
      font-weight: bold;
      line-height: 22px;
      padding-left: 30px;
      background-image: url(../img/nav_btn.png);
      background-repeat: no-repeat;
      background-size: 22px;
      background-position: left center; }

@media screen and (max-width: 768px) {
  .currency-page-nav {
    background-color: #fdefe9;
    padding: 10px 0;
    margin-bottom: 28px; }
  .currency-page-nav-list {
    display: block; }
    .currency-page-nav-list .nav-item {
      display: block; }
      .currency-page-nav-list .nav-item a {
        font-size: 128%;
        padding: 10px 0 10px 30px; } }

/* ----- currency-section ----- */
.currency-section {
  padding-top: 56px;
  padding-bottom: 28px; }
  .currency-section .currency-title-warp {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 740px;
    width: 740px;
    margin: 0 auto; }
    .currency-section .currency-title-warp.section-02 {
      background-image: url(../img/title_01.png);
      padding-top: 80px; }
    .currency-section .currency-title-warp.section-03 {
      background-image: url(../img/title_02.png);
      padding-top: 60px; }
  .currency-section .currency-title {
    margin-bottom: 36px;
    text-align: center;
    font-size: 200%;
    font-weight: bold; }
  .currency-section .currency-text {
    padding-right: 102px;
    padding-left: 102px;
    margin-bottom: 28px;
    line-height: 2; }
    .currency-section .currency-text + .note-list-A01 {
      margin: -28px 0 28px 0;
      padding-right: 102px;
      padding-left: 102px;
      line-height: 1.5; }
  .currency-section .currency-img-box {
    margin: 52px auto 28px; }
  .currency-section .currency-caption {
    font-size: 128%;
    font-weight: bold; }
    .currency-section .currency-caption span {
      margin-left: 8px;
      font-size: 77%;
      font-weight: normal; }
  .currency-section .note-list-A01 {
    margin-left: 16px;
    margin-top: 8px; }

.expansion-btn {
  margin-top: 40px;
  text-align: center; }

@media screen and (max-width: 768px) {
  .currency-section {
    padding-top: 0;
    padding-bottom: 34px; }
    .currency-section .currency-title-warp {
      max-width: 740px;
      width: auto; }
    .currency-section .currency-title {
      margin-bottom: 24px; }
    .currency-section .currency-text {
      padding-right: 0;
      padding-left: 0;
      font-size: 114%;
      line-height: 1.875; }
      .currency-section .currency-text + .note-list-A01 {
        margin-bottom: 20px;
        padding-right: 0px;
        padding-left: 0px; }
    .currency-section .currency-img-box .currency-img img {
      width: 100%;
      height: auto; }
    .currency-section .note-list-A01 {
      margin: 0 0 20px; } }

/* ----- section-01 ----- */
#section-01 .currency-inner {
  background-repeat: no-repeat; }
  #section-01 .currency-inner.currency-usd {
    background-image: url(../img/map_usd.png);
    background-size: 606px;
    background-position: right 120px; }
  #section-01 .currency-inner.currency-eur {
    background-image: url(../img/map_eur.png);
    background-size: 523px;
    background-position: right 120px; }
  #section-01 .currency-inner.currency-gbp {
    background-image: url(../img/map_gbp.png);
    background-size: 326px;
    background-position: right 120px; }
  #section-01 .currency-inner.currency-aud {
    background-image: url(../img/map_aud.png);
    background-size: 571px;
    background-position: center 120px; }
  #section-01 .currency-inner.currency-nzd {
    background-image: url(../img/map_nzd.png);
    background-size: 370px;
    background-position: right top; }
  #section-01 .currency-inner.currency-cad {
    background-image: url(../img/map_cad.png);
    background-size: 581px;
    background-position: right 120px; }
  #section-01 .currency-inner.currency-hkd {
    background-image: url(../img/map_hkd.png);
    background-size: 594px;
    background-position: right 120px; }
  #section-01 .currency-inner.currency-sgd {
    background-image: url(../img/map_sgd.png);
    background-size: 601px;
    background-position: center 140px; }
  #section-01 .currency-inner.currency-cny {
    background-image: url(../img/map_cny.png);
    background-size: 583px;
    background-position: center 100px; }
  #section-01 .currency-inner.currency-zar {
    background-image: url(../img/map_zar.png);
    background-size: 531px;
    background-position: right 120px; }
  #section-01 .currency-inner.currency-mxn {
    background-image: url(../img/map_mxn.png);
    background-size: 583px;
    background-position: right 120px; }
  #section-01 .currency-inner.currency-try {
    background-image: url(../img/map_try.png);
    background-size: 595px;
    background-position: center 190px; }

#section-01 .currency-title-top {
  padding-right: 102px;
  padding-left: 102px;
  margin-bottom: 40px; }
  #section-01 .currency-title-top:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0; }
  #section-01 .currency-title-top img {
    float: left; }
  #section-01 .currency-title-top .currency-title {
    width: 490px;
    float: left;
    margin-top: 50px;
    margin-left: 20px;
    text-align: left; }

@media screen and (max-width: 768px) {
  #section-01 .currency-inner.currency-usd {
    background-size: 100%;
    background-position: right 260px; }
  #section-01 .currency-inner.currency-eur {
    background-size: 100%;
    background-position: right 290px; }
  #section-01 .currency-inner.currency-gbp {
    background-size: 100%;
    background-position: right 290px; }
  #section-01 .currency-inner.currency-aud {
    background-size: 100%;
    background-position: center 290px; }
  #section-01 .currency-inner.currency-nzd {
    background-size: 100%;
    background-position: right 300px; }
  #section-01 .currency-inner.currency-cad {
    background-size: 100%;
    background-position: right 335px; }
  #section-01 .currency-inner.currency-hkd {
    background-size: 100%;
    background-position: right 306px; }
  #section-01 .currency-inner.currency-sgd {
    background-size: 100%;
    background-position: center 300px; }
  #section-01 .currency-inner.currency-cny {
    background-size: 100%;
    background-position: center 300px; }
  #section-01 .currency-inner.currency-zar {
    background-size: 100%;
    background-position: right 300px; }
  #section-01 .currency-inner.currency-mxn {
    background-size: 100%;
    background-position: right 310px; }
  #section-01 .currency-inner.currency-try {
    background-size: 100%;
    background-position: center 306px; }
  #section-01 .currency-title-top {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 20px; }
    #section-01 .currency-title-top img {
      float: none;
      margin: 0 auto; }
    #section-01 .currency-title-top .currency-title {
      width: auto;
      float: none;
      margin: 24px 0; } }

/* ----- section-01, section-02, section-03----- */
#section-01 .currency-img-box, #section-02 .currency-img-box, #section-03 .currency-img-box {
  width: 740px; }

@media screen and (max-width: 768px) {
  #section-01 .currency-img-box, #section-02 .currency-img-box, #section-03 .currency-img-box {
    width: 100%; }
    #section-01 .currency-img-box .currency-img > a img, #section-02 .currency-img-box .currency-img > a img, #section-03 .currency-img-box .currency-img > a img {
      display: block;
      max-width: 576px;
      width: 100%;
      margin: 0 auto; } }

/* ----- section-rate ----- */
.section-rate .currency-inner {
  background-color: #faf7e5;
  border-radius: 8px;
  padding-top: 40px;
  padding-bottom: 40px; }

.currency-title-warp--rate {
  text-align: center; }
  .currency-title-warp--rate .currency-title {
    background-image: url(../img/title_icon_01.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 33px;
    display: inline-block;
    padding: 10px 0 10px 50px;
    margin-left: -25px;
    margin-bottom: 24px; }
  .currency-title-warp--rate .currency-comment {
    font-size: 24px;
    margin-bottom: 16px; }

.m-table__rate {
  padding-right: 102px;
  padding-left: 102px; }

.m-table__rate--body {
  width: 100%;
  border-collapse: separate;
  border-spacing: 2px;
  background-color: transparent; }
  .m-table__rate--body .thead tr:first-child .m-table__rate--main-header:first-child {
    border-top-left-radius: 5px; }
  .m-table__rate--body .thead tr:first-child .m-table__rate--main-header:last-child {
    border-top-right-radius: 5px; }
  .m-table__rate--body .tbody tr:first-child .m-table__rate--data:first-child {
    border-bottom-left-radius: 5px; }
  .m-table__rate--body .tbody tr:first-child .m-table__rate--data:last-child {
    border-bottom-right-radius: 5px; }

.m-table__rate--main-header {
  background-color: #d5c3a5;
  text-align: center;
  padding: 10px;
  font-size: 114%; }

.m-table__rate--sub-header {
  background-color: #e7ddc5;
  text-align: center;
  padding: 5px; }

.m-table__rate--data {
  background-color: #fff;
  text-align: center;
  padding: 10px; }
  .m-table__rate--data strong {
    font-size: 124%;
    color: #93353a; }

@media screen and (max-width: 768px) {
  .currency-title-warp--rate .currency-title {
    background-position: top center;
    padding: 60px 0 0 0;
    margin-left: 0; }
  .section-rate .currency-inner {
    padding-top: 24px;
    padding-bottom: 24px; }
  .m-table__rate {
    padding-right: 12px;
    padding-left: 12px; }
  .m-table__rate--body {
    margin-bottom: 14px; }
    .m-table__rate--body .tbody .m-table__rate--main-header {
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px; }
    .m-table__rate--body .tbody tr:first-child .m-table__rate--data:last-child {
      border-bottom-right-radius: 0; }
    .m-table__rate--body .tbody tr:last-child .m-table__rate--sub-header {
      border-bottom-left-radius: 5px; }
    .m-table__rate--body .tbody tr:last-child .m-table__rate--data {
      border-bottom-right-radius: 5px; }
    .m-table__rate--body.upper-table .tbody tr:first-child .m-table__rate--data {
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px; } }

/* ----- currency-attention-indicators ----- */
.currency-title-warp--attention {
  text-align: center; }
  .currency-title-warp--attention .currency-title {
    background-image: url(../img/title_icon_02.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 45px;
    display: inline-block;
    padding: 10px 0 10px 60px;
    margin-left: -30px;
    margin-bottom: 20px; }

.currency-attention-indicators .currency-inner {
  background-color: #f1e9dd;
  border-radius: 8px;
  padding-top: 40px;
  padding-bottom: 40px; }

.currency-layout-block {
  padding-top: 16px;
  padding-right: 102px;
  padding-left: 102px; }
  .currency-layout-block:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0; }
  .currency-layout-block .column {
    float: left;
    width: 360px;
    margin-left: 16px; }
  .currency-layout-block .currency-panel {
    position: relative;
    padding: 18px 16px 20px 16px;
    background-color: #fff;
    border-radius: 5px; }
  .currency-layout-block .column:first-child {
    margin-left: 0; }

.currency-description {
  min-height: 188px;
  margin-bottom: 14px; }
  .currency-description.panel-large {
    min-height: 240px; }
  .currency-description.panel-middle {
    min-height: 210px; }
  .currency-description dt {
    margin-bottom: 15px;
    font-size: 142%;
    color: #a36853;
    text-align: center; }
  .currency-description dd {
    line-height: 2;
    color: #444444; }

.currency-announcement-time {
  padding-top: 14px;
  border-top: 1px solid #dfb79c; }
  .currency-announcement-time.panel-large {
    min-height: 220px; }
  .currency-announcement-time.panel-middle {
    min-height: 90px; }
  .currency-announcement-time dt, .currency-announcement-time dd {
    line-height: 2;
    color: #444444; }

@media screen and (max-width: 768px) {
  .currency-title-warp--attention .currency-title {
    background-position: top center;
    padding: 60px 0 0 0;
    margin-left: 0; }
  .currency-attention-indicators .currency-inner {
    padding-top: 24px;
    padding-bottom: 0; }
  .currency-layout-block {
    padding-top: 0;
    padding-right: 12px;
    padding-left: 12px; }
    .currency-layout-block .column {
      float: none;
      width: 100%;
      margin-bottom: 14px;
      margin-left: 0; }
  .currency-description,
  .currency-description.panel-large,
  .currency-description.panel-middle {
    min-height: 0; }
  .currency-description dt {
    margin-bottom: 11px; }
  .currency-announcement-time {
    padding-top: 12px; }
    .currency-announcement-time.panel-large, .currency-announcement-time.panel-middle {
      min-height: 0; } }

/* ----- disclaimer-block ----- */
.disclaimer-block {
  margin-top: 50px;
  line-height: 1.5; }

@media screen and (max-width: 768px) {
  .disclaimer-block {
    margin-top: 0; } }

/* ----- fc-related-link-area ----- */
.fc-related-link-area {
  margin-top: 46px; }

@media screen and (max-width: 768px) {
  .fc-related-link-area {
    margin-top: 24px; } }


/* ----- 2019/01/15 add ----- */
#section-account.structure {
  background: #dde1e5;
  padding: 60px 0;
  margin-top: 40px; }
  @media screen and (max-width: 768px) {
    #section-account.structure {
      padding: 40px 0;
      margin-top: 50px; } }

#section-account .structure-body {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 10px;
  text-align: center; }
  #section-account .structure-body:after {
    content: "";
    display: block;
    clear: both; }
  @media screen and (max-width: 768px) {
    #section-account .structure-body {
      padding: 0 14px; } }

#section-account .heading-account {
  margin: 0 0 20px; }
  @media screen and (max-width: 768px) {
    #section-account .heading-account {
      margin: 0 0 20px; } }
  #section-account .heading-account .h {
    font-size: 138%; }
    @media screen and (max-width: 768px) {
      #section-account .heading-account .h {
        font-size: 163%; } }

#section-account .panels-action {
  margin: 20px 0 0; }
  #section-account .panels-action-panel {
    padding: 24px;
    background: #fff;
    border-radius: 5px;
    box-sizing: border-box;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); }
    #section-account .panels-action-panel > *:first-child {
      margin-top: 0; }

#section-account .string {
  font-size: 112%;
  margin: 14px auto 0; }
  #section-account .string:first-child {
    margin-top: 0; }

#section-account .action {
  margin: 14px 0 0; }
  * > #section-account .action:first-child {
    margin-top: 0; }
  #section-account .action-link {
    display: block;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    margin: 0 auto;
    padding: 16px;
    border-radius: 5px;
    font-size: 125%; }
    @media screen and (max-width: 768px) {
      #section-account .action-link {
        font-size: 102%; } }
  #section-account .action .__orange.__orange {
    color: #fff;
    background: #cb6128; }
    #section-account .action .__orange.__orange:hover {
      background: #eb7637; }
  #section-account .action .__offset {
    max-width: 620px; }


/* ----- over-ride ----- */
.m-link__local__tab {margin:0; }
.m-table__rate {box-sizing: border-box;}
.m-table__rate--main-header {
  background-color: #d5c3a5 !important;
  padding: 10px !important;
  font-size: 100%; }

  #fc-heading .fc-title {font-size: 180%; }
  #fc-heading h1 {font-size: 140%;}
  #fc-heading .fc-block .fc-text {font-size: 100%;}



  #currency-nav{
      display:-webkit-box;
      display:-moz-box;
      display:-ms-box;
      display:-webkit-flexbox;
      display:-moz-flexbox;
      display:-ms-flexbox;
      display:-webkit-flex;
      display:-moz-flex;
      display:-ms-flex;
      display:flex;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
    }
  #currency-nav li {
    font-size: 80%;
    position: relative;
    }
    #currency-nav li a {
      display: block;
      width: 78px;
      /* min-height: 130px; */
      text-align: center;
      text-decoration: none;
      border-radius: 10px;
      color: #666; }
      #currency-nav li a img {
        margin-top: 18px;
        margin-bottom: 10px; }
      #currency-nav li a span {
        display: block;
        font-weight: bold;
        letter-spacing: -1px; }
      #currency-nav li.stay a, #currency-nav li a:hover {
        /* margin-top: -15px; */
        background: #e49d7c;
        border-radius: 10px;
        color: #ffffff;
        text-decoration: none !important; }
      /* #currency-nav li.stay a:hover {
        margin-bottom: 0; }
      #currency-nav li:hover a {
        margin-bottom: 15px; } */
      #currency-nav li.stay a:after {
        content: "";
        width: 24px;
        height: 21px;
        position: absolute;
        bottom: -21px;
        left: 30px;
        background: url(../img/currency-nav_bg_s.png) left top no-repeat; }

  #currency-summary .currency-title {
    max-width: 345px;
    font-size: 170%;
    position: static;
    float: left;
    padding-left: 17px;
    }


#currency-nav-area { padding-bottom: 21px;}
.currency-summary-list {
  display: table;
 border-collapse: separate;
 border-spacing: 20px 0;
 margin-right:-40px;
 margin-left: 0;
  float: right;
  width: 615px;
 }
#currency-summary .currency-inner.fc-base-structure:after{
  content: "";
  display: block;
  width: 0;
  height: 0;
  clear: both;
}
 
  .currency-summary-list li {font-size: 97%; padding:0 12px;}

  .currency-summary-list .currency-panel-1 {
    border-left: 0;
    background:#fff;
    border-radius:10px;
}
  .currency-summary-list .currency-panel-2 {
    border-left: 0;
    background:#fdf1de;
    border-radius:10px;
}
  .currency-summary-list .currency-panel-3 {
    border-left: 0;
    background:#e9f1f3;
    border-radius:10px;
    }

#currency-recommend .currency-evaluation-list dl:first-child {margin-left: 30px; }
#currency-recommend .currency-evaluation-list dl dt {font-size: 100%; }
.currency-page-nav-list .nav-item a {
font-size: 124%;
line-height: 1.4;
}

.m-table__rate--sub-header {
  background-color: #e7ddc5 !important;
  padding: 5px !important; }
.m-table__rate--data {background-color: #fff !important; font-size:100%;}
.m-table__rate .m-table__rate--data {font-size: 100%;}
.m-table__rate .m-table__rate--main-header[rowspan] {vertical-align: middle; }
.currency-description dd {font-size: 90%;}
.currency-announcement-time {font-size: 90%; }
.currency-description dt {font-size: 132%;}
.note-list-A01 li{font-size: 90%;}
#currency-recommend .currency-recommend dt {font-size: 114%;}
#currency-recommend .currency-recommend dd {font-size: 90%;}

.currency-section .currency-title{font-size: 180%;}
  .currency-section .currency-text {font-size: 90%;}
p.note {font-size: 90%;}
.fc-related-link > li > a {font-size: 100%;}
  #section-account .heading-account .h {font-size: 128%; }
  #section-account .string {font-size: 100%;}
  #section-account .action-link { font-size: 114%; }

.fc-related-link {
  display: table;
}
.fc-related-link > li {
  float: none;
  display: table-cell;
  vertical-align: top;
  padding-left: 98px;
  line-height: 1.4;
}
.fc-related-link > li a{
  line-height: 1.4;
  min-height: 22px;
  height: auto;
  background-position: left top;
}
.fc-related-link > li:first-child {padding-left: 0; }


.currency-layout-block {
  display:-webkit-box;
  display:-moz-box;
  display:-ms-box;
  display:-webkit-flexbox;
  display:-moz-flexbox;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 736px;
  justify-content: space-between;
}
  .currency-layout-block .column {
    float: none;
    width: 360px;
    margin-left: 0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    
  }
  .currency-layout-block:after {
    display: none;
  }
    .currency-layout-block .currency-panel {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-direction:column;
    box-sizing: border-box;
    width: 100%;
    justify-content:space-between;
    }

  .currency-description.panel-large {
    min-height: 10px; }
  .currency-description.panel-middle {
    min-height: 10px; }



@media screen and (max-width: 768px) {

  #contents-body-area > .l-structure:first-child { padding:0;}
  .m-link__local__tab {margin: 0 -14px;}
  .l-header.is-pc {display: block;}
  .p-global-nav.is-pc{display: block;}
  .p-global-nav.is-pc.is-nav-open{display: block;}

  #fc-heading .fc-title {font-size: 170%; }
  #fc-heading h1 {font-size: 130%; }
  #fc-heading .fc-block .fc-text {font-size: 100%;}


  #currency-nav{
    display: none;
  }
  #currency-nav-area.is-open #currency-nav {display: block; }

    #currency-nav li a {
      position: relative;
      width: auto;
      height: auto;
      padding: 24px 0 24px 82px;
      text-align: left;
      border-top: 1px solid #dddddd;
    }

    #currency-nav li.stay a,
    #currency-nav li a:hover {
      margin: 0;
      width: 100%;
      background: #fff;
      border-radius: 0;
      color: #666;
    }
    #currency-nav li.stay:after,
    #currency-nav li.stay a:after{display: none;}
    #currency-nav li.stay a:hover {
      margin-bottom: 0; }
    #currency-nav li a:hover {margin-bottom: 0; }
   #currency-nav li a img {margin: 0;}


  #currency-nav li a {min-height: 10px;}
  .currency-summary-list {
  display: block;
  border-spacing: 0;
  margin-right:0;
  width: 100%;
  float: none;
  }
  .currency-summary-list:before{
    display: none;
  }

  .m-table__rate .tr:first-child .m-table__rate--main-header:first-child{border-radius: 5px 5px 0 0;}
  .m-table__rate .m-table__rate--main-header, .m-table__rate .m-table__rate--sub-header, .m-table__rate .m-table__rate--data {font-size: 100%; }
  .currency-summary-list .currency-panel-1 {
  border-radius:5px;
  }
  .currency-summary-list .currency-panel-2 {
  border-radius:5px;
  }
  .currency-summary-list .currency-panel-3 {
  border-radius:5px;
  }
  .currency-summary-list li {min-height:10px;display: block; padding: 20px 18px 18px 18px;}
  #currency-nav-area { padding-bottom: 0;}
#currency-recommend .currency-recommend dt {font-size: 160%;}
#currency-recommend .currency-recommend dd {font-size: 100%;}
#currency-recommend .currency-evaluation-list dl:first-child {margin-left: 0; }
.currency-section .currency-title {font-size: 170%;}
.currency-section .currency-text {font-size: 100%;}
p.note {font-size: 14px;}
.fc-related-link {
  display:block;
}
.fc-related-link > li {
  display: block;
  padding-left: 0;
}

.currency-layout-block {
display: block;
width: 100%;
box-sizing: border-box;
padding-bottom: 14px;
}
.currency-layout-block .column {
  display: block;
  width: 100%;
  margin-bottom: 0;
}
.currency-layout-block .column + .column{
  margin-top: 14px;
}
.currency-layout-block:after {
  display: none;
}
.currency-layout-block .currency-panel {
  display: block;
}




}

/* ADD */
.currency-page-nav.u-mgt-s{
	margin-top: 20px;
}
.currency-section .currency-title-sub{
	font-size: 140%;
	font-weight: bold;
	width: 740px;
	margin: 30px auto 30px;
	text-align: center;
}
@media screen and (max-width: 768px) {
	.currency-page-nav.u-mgt-s{
		margin-top: 0;
	}
	.currency-section .currency-title-sub{
		font-size: 130%;
		width: 100%;
		margin-bottom: 20px;
	}
}

/* ADD2 */
.currency-summary-list.ver2{
  display: block;
  border-spacing: 0;
  margin-right: 0;
  width:530px;
  padding-right: 10px;
}
.currency-summary-list.ver2::before{
  display: none;
}
.currency-summary-list.ver2 li{
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 5px 10px;
}
.currency-summary-list.ver2 li + li{
  margin-top: 6px;
}
.btn-anchor-rate{
  clear: both;
  padding-top: 30px;
  text-align: center;
}
.btn-anchor-rate a{
  display: block;
  width: 550px;
  border:3px solid #fff;
  border-radius: 10px;
  background-color: #F8C160;
  box-sizing: border-box;
  padding: 12px 45px;
  text-align: center;
  color: #333333;
  font-size: 155%;
  text-decoration: none;
  margin: auto;
  font-weight: bold;
  position: relative;
}
.btn-anchor-rate a::after{
  content: "";
  display: block;
  position: absolute;
  right: 20px;
  top: 50%;
  width: 12px;
  height: 12px;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  margin-top: -10px;
  border-radius: 2px;
  transform: rotate(45deg);
}
.btn-anchor-rate a span{
  display: inline-block;
  position: relative;
}
.btn-anchor-rate a span::before{
  content: "";
  position: absolute;
  left: -34px;
  top: 0;
  display: inline-block;
  width: 22px;
  height: 34px;
  background: transparent url(../img/title_icon_01.png) no-repeat center center;
  background-size: contain;
}

@media screen and (max-width: 768px) {
  .currency-summary-list.ver2{
    width:100%;
    padding-right: 0;
  }
  .currency-summary-list.ver2 li{
    padding: 16px;
  }
  .btn-anchor-rate a{
    width: 100%;
    padding: 12px 45px;
    font-size: 20px;
  }
  .btn-anchor-rate a::after{
    right: 18px;
    width: 10px;
    height: 10px;
    margin-top: -9px;
  }
}



/* ADD */
#currency-nav{
  box-sizing: content-box;
}
#currency-nav li.stay a:after {
  bottom: -22px;
}
#section-rate td,
#section-rate th{
  vertical-align: middle;
}
.currency-layout-block {
  box-sizing: content-box;
}
.pageFoot{
  margin-top: 80px;
}

#currency-summary{
  background-color: #f9f7e5;
}
#currency-nav li.stay a:after {
  filter: brightness(0) saturate(100%) invert(96%) sepia(3%) saturate(1499%) hue-rotate(330deg) brightness(105%) contrast(95%);
}
#currency-summary .currency-title {
  color: #333333;
}
.currency-summary-list .currency-panel-2 {
  background:#fad7b4;
}
@media screen and (max-width: 768px) {
  #contents-body-area {
    border-top: none;
  }
  #currency-nav-area {
    background-color: #f9f7e5;
  }
  .currency-layout-block {
    box-sizing: border-box;
  }
  .pageFoot{
    margin-top: 0;
  }
}

/* ADD2507 */
.currency-page-nav-list {
  display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
@media screen and (max-width: 768px) {
	.currency-page-nav-list {
		display: block;
	}
}

/* ADD2509 */
.btn-anchor-rate a.u-link__blank-2::after{
	width: 16px;
	height: 14px;
  border-right: none;
  border-bottom: none;
  margin-top: -7px;
  border-radius: 0;
  transform: none;
}


/* ADD2608 */
  :root{
    --navy:#8d3131;
    --navy2:#5a1c1c;
    --blue:#8d3131;
    --accent:#8d3131;
    --bg:#fff;
    --card:#ffffff;
    --line:#f1ddd5;
    --ink:#1c2733;
    --sub:#333;
    --chip:#fdefe9;
    --chip-ink:#8d3131;
  }
  *{box-sizing:border-box;}
  #contents-body-area{
    color:var(--ink);
    line-height:1.85;
    -webkit-font-smoothing:antialiased;
  }
    #contents-body-area a{color:inherit;text-decoration:none;}

  /* 上部ユーティリティバー */
  #contents-body-area .wrap{max-width:980px;margin:0 auto;padding:20px;}
  .util-bar{background:#fff;border-bottom:1px solid #e6e6e6;}
  .util-bar .wrap{display:flex;align-items:center;gap:14px;padding-top:10px;padding-bottom:10px;flex-wrap:wrap;}
  .util-logo{display:flex;align-items:center;gap:9px;}
  .util-logo .globe{flex:0 0 auto;display:flex;}
  .util-logo .ttl{display:flex;align-items:baseline;gap:5px;line-height:1;}
  .util-logo .ttl .big{font-size:23px;font-weight:800;color:#1768b3;letter-spacing:.01em;}
  .util-logo .ttl .small{font-size:11px;font-weight:700;color:#1768b3;}
  .util-actions{display:flex;gap:10px;margin-left:14px;}
  .util-actions a{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;
    color:#33414f;background:#fff;border:1px solid #c9ced6;border-radius:6px;padding:8px 14px;transition:.15s;}
  .util-actions a:hover{background:#f3f7fb;border-color:#1768b3;}
  .util-actions a .ic{display:flex;flex:0 0 auto;}
  .util-brand{margin-left:auto;display:flex;align-items:center;gap:9px;}
  .util-brand .mb{display:flex;flex:0 0 auto;}
  .util-brand .nm{font-size:16px;font-weight:700;color:#15294a;letter-spacing:.02em;}



  /* リード文 */
  .lead.intro{font-size:14.5px;color:var(--sub);margin:18px 0 0;}
  .lead.intro b{color:var(--accent);font-weight:800;}

@media screen and (max-width: 768px) {
  .util-actions{display:none;}
  .hero-title{font-size:23px;}
  .hero-art{width:74%;opacity:.55;}
  .hero::before{background:linear-gradient(90deg,#0f2444 0%,#0f2444 38%,rgba(15,36,68,0) 80%);}
  .wrap-bg-pt1{margin-bottom:20px;}
}

  /* 世界地図 */
  .worldmap{
    margin:20px 0 4px;background:#fff;border-radius:14px;
  }
  .worldmap .map-head{
    font-size:17px;font-weight:700;color:var(--navy);margin:0 0 5px;
    display:flex;align-items:center;gap:9px;
  }
  .worldmap .map-head::before{
    content:"";width:6px;height:19px;background:var(--accent);border-radius:3px;display:inline-block;
  }
  .worldmap .map-hint{font-size:14px;color:var(--sub);margin:0 0 10px;font-weight:600;}
  .worldmap .map-frame{width:100%;border-radius:10px;overflow:hidden;}
  .worldmap img{display:block;width:100%;height:auto;}
  .worldmap .map-note{font-size:12px;color:var(--sub);margin:9px 0 0;}


  /* 本文 */
  .wrap-bg-pt1{padding:26px 0 10px;background:#f9f7e5;}
  .wrap-bg-pt1+.wrap{padding:26px 0 10px;background:#f9f7e5;}

  .card{
    background:var(--card);border-radius:14px;
    padding:22px 24px 20px;margin-bottom:18px;
    box-shadow:0 1px 3px rgba(20,61,122,.06);
    scroll-margin-top:64px;
  }
  .card-head{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-bottom:14px;}
  .ccy-badge{
    flex:0 0 auto;width:54px;height:54px;border-radius:12px;
    background:linear-gradient(135deg,var(--navy) 0%,var(--accent) 100%);
    color:#fff;font-weight:700;font-size:17px;
    display:flex;align-items:center;justify-content:center;letter-spacing:.02em;
  }
  .ccy-title{display:flex;flex-direction:column;gap:2px;}
  .ccy-title .name{font-size:23px;font-weight:700;color:var(--navy);line-height:1.3;}
  .ccy-title .code{font-size:15px;color:var(--sub);font-weight:600;letter-spacing:.02em;line-height:1.45;}
  .ccy-title .code b{color:var(--accent);font-weight:800;}
  .ccy-class{
    margin-left:auto;font-size:12px;font-weight:700;color:#fff;
    background:#1f2b47;padding:5px 13px;border-radius:999px;white-space:nowrap;
  }

  .meta-grid{
    display:grid;grid-template-columns:repeat(2,1fr);gap:10px 18px;
    background:#fffef3;border:1px solid var(--line);border-radius:10px;
    padding:12px 16px;margin-bottom:14px;
  }
  .meta-grid .row{display:flex;gap:11px;font-size:15.5px;align-items:baseline;}
  .meta-grid .label{
    display:flex;color:#fff;background:var(--blue);font-weight:700;font-size:13.5px;
    padding:3px 11px;border-radius:6px;text-align:center;line-height:1.5;flex:0 0 auto;
    min-width:11rem;justify-content:center;
  }
  .meta-grid .val{color:var(--ink);font-weight:600;}

  .tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:13px;}
  .tag{
    font-size:14px;font-weight:700;color:var(--chip-ink);
    background:var(--chip);border:1px solid #f1ddd5;
    padding:6px 14px;border-radius:8px;
  }
  .tag.watch{color:#3b60a1;background:#e9f1f3;border-color:#bbd8e0;}

  .desc{font-size:15.5px;color:var(--ink);margin:0;text-align:justify;line-height:1.95;}

  .watch-line{
    margin-top:14px;padding-top:13px;border-top:1px dashed var(--line);
    font-size:15px;color:var(--sub);
  }
  .watch-line b{color:var(--blue);font-weight:700;margin-right:6px;}
  @media screen and (max-width: 768px){
    .meta-grid{grid-template-columns:1fr;}
    .page-title h1{font-size:22px;}
    .card-head{gap:11px;}
  }


  #currency-nav-area {
    background-color: #f1ddd5;
  }
  #currency-nav li.stay a, #currency-nav li{
    line-height: 1.4;
    display: flex;
  }
  #currency-nav li.stay a, #currency-nav li a{
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height:1em;
    transition: all 0.3s;
  }
  #currency-nav li.stay a, #currency-nav li a:hover {
      background: #8d3131;
      margin: 0;
      transform: translateY(-15px);
  }
  #currency-nav li.stay a, #currency-nav li a span{
    min-height: 3.5em;
  }
  @media screen and (max-width: 768px) {

    #currency-nav-area {
      padding: 16px 8px 8px 16px;
    }
    #currency-nav{
      display:flex;
      flex-wrap: wrap;
      border:none;
      border-radius:0;
      gap: 10px;
      background-color: transparent;
      justify-content: space-between;
      margin: 0 0 0 -8px;
    }
    #currency-nav li{
      width: calc(33.333% - 8px);
      background-color: #fff;
      font-size: 13px;
      display: flex;
      justify-content: center;
    }
    #currency-nav li a {
      position: relative;
      display: flex;
      flex-direction: column;
      padding: 14px 5px 30px;
      text-align: center;
      border-top: none;
      justify-content: center;
    }
    #currency-nav li a::after{
      content:"";
      display:block;
      position:absolute;
      bottom:14px;
      left:50%;
      transform:translateX(-50%);
      width:0; height:0; border-style:solid; border-width: 8px 5px 0 5px; border-color: #8D3131 transparent transparent transparent;
    }
    #currency-nav li a:hover{
      background-color: #fff;
      transform: translateY(0);
    }
    #currency-nav li a img {
      position: static;
      display: block;
      margin: 0 auto 10px;
      width: 38px;
      height: auto;
      margin-top: 0;
      margin-bottom: 0;
      border-radius: 50%;
      border: 1px solid #dddddd;
      background-color: transparent;
    }
    #currency-nav li a span{
      margin-top: 10px;
      min-height: 1em;
      box-sizing: border-box;
    }
  }
  html{
    scroll-padding-top: 0;
  }