<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* 2025/05/09に新規作成 */

/*====================================
このCSSファイルは scssではなく
eスマ側で追加したCSS
====================================*/

.sp_only{
  display: none !important;
}
@media screen and (max-width: 767px) {
  .pc_only{
    display: none !important;
  }
  .sp_only{
    display: block !important;
  }
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 
フッター追従用CSS
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#js_ctaBtn {
  position: fixed;
  bottom: -100px;
  /* background: rgba(75, 75, 75, 0.60); */
  background: rgba(75, 75, 75, 0.75);
  opacity: 0;
  padding: 10px 0;
  display: flex;
  justify-content: center;
  place-items: center;
  transition: all ease-in-out 1s;
  width: 100%;
  z-index: 999;
}
#js_ctaBtn.fixCtaBtn {
  bottom: 0;
  opacity: 1;
}
#js_ctaBtn .js_ctaBtn_flex a {
  transition: all 0.3s;
}
#js_ctaBtn .js_ctaBtn_flex {
    display: flex;
  gap: 10px;
}
#js_ctaBtn .js_ctaBtn_flex a{
  padding: 10px 20px;
  line-height: 1.4;
  transition: all 0.3s;
  text-align: center;
  font-weight: bold;
  border-radius: 15px;
}
#js_ctaBtn .js_ctaBtn_flex .js_ctaBtn_marker{
  /* background: linear-gradient(transparent 50%, rgb(253, 253, 162) 50%); */
}
#js_ctaBtn .btn-text-mini {
    font-size: 0.9em;
}
#js_ctaBtn .js_ctaBtn_flex a {
  background-color: gray;
  color: white;
  display: block;
  text-decoration: none;
  cursor: pointer;
}
#js_ctaBtn .js_ctaBtn_flex p{
  text-align: center;
  color: white;
  font-weight: bold;
  margin-bottom: 6px;
}
@media screen and (max-width: 767px) {
  #js_ctaBtn .js_ctaBtn_flex {
    width: 80%;
    justify-content: center;
  }
  #js_ctaBtn .js_ctaBtn_flex .btn-wrap{
    width: 100%; 
    font-size: 18px;
  }
  #js_ctaBtn .js_ctaBtn_flex a {
    width: 100%; 
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) {
  #js_ctaBtn .js_ctaBtn_flex  {
    width: 80%;
    max-width: 800px;
  }
  #js_ctaBtn .js_ctaBtn_flex p{
    font-size: 17px;
  }
  #js_ctaBtn .js_ctaBtn_flex .btn-wrap {
    width: 48%; 
    display: flex;
    flex-direction: column;
  }
  #js_ctaBtn .js_ctaBtn_flex a {
    font-size: 20px;
    /* PC時 ↓横並びのボタンテキスト量にで高さをあわせるための記述 */
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
  }
  #js_ctaBtn .js_ctaBtn_flex a:hover {
    opacity: 0.8;
  }
}



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 
ページ別 
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/* 
「/company/lp/fx/03」ページ用のID↓
「#forPage_lp-fx-03」

「/company/lp/fx/swap.html」ページ用のID↓
「#forPage_lp-fx-swap」
この二つのページは同じデザイン
===========================
*/
#forPage_lp-fx-03 .js_ctaBtn_flex,
#forPage_lp-fx-swap .js_ctaBtn_flex {
  font-family: "Noto Sans";
}

#forPage_lp-fx-03 .js_ctaBtn_flex a.btn-orange,
#forPage_lp-fx-swap .js_ctaBtn_flex a.btn-orange {
  background-color: #eb7c05;
  color: white;
}
#forPage_lp-fx-03 .js_ctaBtn_flex a.btn-white,
#forPage_lp-fx-swap .js_ctaBtn_flex a.btn-white {
  background-color: white;
  color: #eb7c05;
}


/* 
「/company/lp/fxmanga.html」ページ用のID↓
「#forPage_lp-fxmanga」
===========================
*/

#forPage_lp-fxmanga .js_ctaBtn_flex a.btn-orange{
  background-color: #eb7c05;
}
#forPage_lp-fxmanga .js_ctaBtn_flex a.btn-red {
  background-color: #de5050;
}


#forPage_lp-fxmanga #page_top{
  bottom: 120px;
}
@media screen and (max-width: 767px) {
  #forPage_lp-fxmanga #page_top{
    bottom: 115px;
  }
}


/* 

「/item/fx/sys/userdata.html」ページ用のID↓
「#forPage_fx-sys-userdata」
===========================
*/

#forPage_fx-sys-userdata .pagetop {
  bottom: 160px;
}
@media screen and (max-width: 767px) {
  #forPage_fx-sys-userdata .pagetop {
    bottom: 150px;
  }
  #forPage_fx-sys-userdata #js_ctaBtn .js_ctaBtn_flex a{
    width: initial;
  }
}

#forPage_fx-sys-userdata .js_ctaBtn_flex {
   font-family: "Noto Sans JP", sans-serif;
}
#forPage_fx-sys-userdata .js_ctaBtn_flex a.btn-orange{
  background-color: #ff5600;
}
#forPage_fx-sys-userdata .js_ctaBtn_flex a.btn-red {
  background-color: #ff0000;
}
#forPage_fx-sys-userdata .js_ctaBtn_flex a.btn-blue {
  background-color: #254ee6;
}

#forPage_fx-sys-userdata #js_ctaBtn .js_ctaBtn_flex {
  padding: 0px 20px;
}
#forPage_fx-sys-userdata #js_ctaBtn a img  {
  width: 100%;
}
#forPage_fx-sys-userdata #js_ctaBtn li {
  text-align: center;
}
#forPage_fx-sys-userdata #js_ctaBtn p{
  color: white;
  font-size: 16px;
  font-weight: bold;
}
#forPage_fx-sys-userdata #js_ctaBtn ol{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
}
#forPage_fx-sys-userdata #js_ctaBtn .ctaBtn_full{
  width: 100%;
}

#forPage_fx-sys-userdata #js_ctaBtn .ctaBtn_half{
  width: 48%;
}
@media screen and (min-width: 768px) {
  #forPage_fx-sys-userdata .pagetop {

  }
  #forPage_fx-sys-userdata #js_ctaBtn .js_ctaBtn_flex {
    /* width: 450px; */
      width: 1000px;
  }
  #forPage_fx-sys-userdata #js_ctaBtn ol{
    justify-content: center;
  }
  #forPage_fx-sys-userdata #js_ctaBtn .js_ctaBtn_flex {
    width: 95%;
    max-width: 1200px;
  }
  #forPage_fx-sys-userdata #js_ctaBtn .js_ctaBtn_flex a {
    font-size: 17px;
  }
}
@media screen and (min-width: 1100px) {
  #forPage_fx-sys-userdata #js_ctaBtn .js_ctaBtn_flex {
    width: 80%;
  }
}</pre></body></html>