@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/
/*-------------------------------------------------
                    全体 ここから
-------------------------------------------------*/
/*main content margin*/
.l-mainContent__inner>.post_content {
    margin: 2em 0;
}
/*vertical allign bottom*/
.vertical-bottom img {
	vertical-align: bottom;
}
/*marker*/
span.swl-marker.mark_yellow {
    background: -webkit-linear-gradient(transparent 89%, var(--color_mark_yellow) 0%) !important;
    background: linear-gradient(transparent 89%, var(--color_mark_yellow) 0%) !important;
    padding-bottom: 2px;
}
/*nyukin-kouzakaisetu-bonus-new-info-box*/
.new-depo-bonus ul {
padding-left: .25em;
}
.new-depo-bonus .no-dot li {
list-style:none;
}
.new-depo-bonus span.swl-bg-color.has-swl-main-background-color {
padding: 0 .25em;
}
.lum-lightbox {
z-index: 15;
}
@media (max-width:460px) {
.lum-lightbox-inner img {
max-width: 95vw!important;
width: 100%!important;
object-fit: contain!important;
}
}
/*front page pick up banner*/
.-border-inside .c-bannerLink:after {
border: none;
}
@media not all and (min-width: 960px) {
.-sp-slide .p-pickupBanners__item {
flex: 0 0 40%;
}
}
/*front page top menu button*/
.front-top-menu a.swell-block-box-menu__link {
    background-color: #fbfbfbdc;
}
.front-top-menu a.swell-block-box-menu__link:hover {
    background-color: rgba(251,251,251,.5)!important;
}
/*more button*/
.is-style-more_btn a {
color: var(--color_text);
}
/*menubox-border*/
.swell-block-box-menu.is-style-default {
--the-border-color: #d5d5d5;
}
/*クッション無し*/
.no-cushion span {
padding: 2px 3px;
border-radius: 4px;
}
/*prof-box*/
.prof-box .swell-block-columns__inner {
border: 1px solid var(--color_border);
border-radius: var(--swl-radius--8, 0);
padding: 1.5em;
}
.prof-box .swell-block-column.swl-has-mb--s:first-child {
margin-left: 0px;
}
.prof-box .swell-block-column.swl-has-mb--s:first-child img {
border: 2px solid var(--color_border);
border-radius: 50%;
}
.prof-box .p-authorBox__name > a {
text-decoration: none;
color: #002949!important;
}
.prof-box .p-authorBox__name > a:hover {
color: var(--color_main)!important;
}
.prof-box .swell-block-column:nth-child(2) {
padding-left: 1.5rem;
border-left: 1px solid var(--color_border);
}
.prof-box .swell-block-column:nth-child(2) p {
opacity: .8;
}
@media screen and (max-width: 599px) {
.prof-box .swell-block-column:first-child p:first-child {
font-size: 0.99em!important;
}
.prof-box p.has-text-align-center.p-authorBox__position.u-fz-s.u-thin {
font-size: 0.82em!important;
}
.prof-box .swell-block-column:first-child {
margin-bottom: 1em;
}
.prof-box .swell-block-column:nth-child(2) {
padding-left: 0px;
border-left: none;
margin-left: 0;
}
.prof-box .swell-block-column:nth-child(2) p {
font-size: .9em;
text-align: center;
}
.prof-box .swell-block-columns__inner {
margin-left: 0;
justify-content: center;
padding: 5vw;
}
.prof-box .p-authorBox__name > a {
font-size: .9em;
}
}
@media screen and (min-width: 600px) {
.prof-box .swell-block-column:first-child {
width: 32%!important;
}
.prof-box .swell-block-column:nth-child(2) {
width: 68%!important;
}
}
@media screen and (min-width: 768px) {
.prof-box .swell-block-column:first-child {
width: 21%!important;
padding-right: 1em;
}
.prof-box .swell-block-column:nth-child(2) {
width: 79%!important;
}
}
/*CLS対策-目次の高さ指定*/
.p-toc.-double{
min-height: 218px !important;
}
/*クッション無し*/
.bonus-row span.swl-bg-color,
.new-bonus-table span.swl-bg-color {
    padding: 2px 3px;
    font-size: 80%;
    border-radius: 4px;
}
.deposit-bonus-table span.swl-bg-color {
	padding: 0px;
}
.deposit-bonus-table span.swl-bg-color span.swl-inline-color span.swl-fz span {
    padding: 2px 3px;
    border-radius: 4px;
    font-size: 80%;
}
/*サイドバー目次*/
@media (min-width: 960px) {
.w-fixSide .c-widget {
max-height: calc(100vh - 200px)!important;
}
}
/*line-height*/
.lh12 {
line-height: 1.2!important;
}
/*もっとみる*/
.wp-block-group.motto {
    position: relative;
    height: 530px;
}
.wp-block-group.motto.open {
    height: auto;
}
.wp-block-group.motto-contents {
    padding-top: 1px;
    box-sizing: border-box;
    max-height: 470px;
    overflow-y: hidden;
}
.wp-block-group.motto-contents.open {
    max-height: 100%;
    overflow-y: visible;
}
.wp-block-group.motto-contents.open:after {
    opacity: 0;
}
.motto-button {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    cursor: pointer;
    background-color: #f7f7f7;
    border: rgba(0, 0, 0, .2);
    border-radius: 5em;
    box-shadow: 0 0 0 1px #bbb;
    color: #333;
    display: block;
    font-size: 14px;
    line-height: 1.5;
    margin: .75em auto 0;
    min-width: 6em;
    padding: .5em 1em;
    transition: box-shadow .25s;
    width: fit-content;
    z-index: 10;
}
.motto-button:hover {
    border-color: transparent;
    box-shadow: 0 0 0 2px currentcolor;
}
.motto-button:after, .motto-button:before {
    border-top-color: inherit;
    border-top-style: dotted;
    border-top-width: 3px;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: calc(50% - 1px);
    transition: border-color .25s;
    width: 100%;
    width: 22px;
}
.wp-block-group.motto.open .motto-button:after, .wp-block-group.motto.open .motto-button:before{
    display: none;
}
.motto-button:before {
    right: calc(100% + 1em);
}
.motto-button:after {
    left: calc(100% + 1em);
}
.wp-block-group.motto-contents:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
    bottom: 0;
    background: linear-gradient(0deg, rgba(255,255,255,.8) 0%, rgba(255,255,255,0) 50%);
    opacity: .7;
}
/*h1タイトル*/
@media (min-width: 600px) {
    .c-postTitle__ttl {
        font-size: 22.5px;
    }
}
/*ボーナス一覧表*/
@media screen and (max-width: 768px) {
	.new-bonus-table table {
		font-size: 12px!important;
	}
	.new-bonus-table th,
	.new-bonus-table td {
		padding: .5em .2em!important;
	}
}
/*サイドバーの目次*/
#sidebar .p-toc__list {
white-space: nowrap;
overflow-x: hidden;
}
/*ボーナス詳細へのボタン*/
.btn-pad-s a.swell-block-button__link {
padding: .75em .1em;
}
/*表のボーダー*/
tbody th {
border-collapse: collapse;
}
/*表のキャプション*/
.wp-block-table figcaption {
line-height: normal;
margin-top: .5em;
}
/*表のパディング*/
.wp-block-table.pad01 th,
.wp-block-table.pad01 td {
padding: .5em .1em;
}
/*footer*/
figure.wp-block-table.is-all-centered--va.uneigaisya {
    margin-bottom: 10px;
}
.l-footer td > a::before {
display: none;
}
.l-footer td > a {
text-decoration: underline;
padding: .75px;
border-bottom: none;
}
.l-footer td > a:hover {
padding: 0.75px;
background-color: inherit;
opacity: .8;
}
.w-footer__box .textwidget p {
    font-size: .95em;
}
/*ボーナス記事-現トップページ*/
.new-bonus-table-wrapper .cap_box_content {
padding: 0;
}
@media screen and (max-width: 768px) {
.bonus-syosai-menu .cap_box_content {
padding: 1em .5em;
}
.new-bonus-table-wrapper .wp-block-table td, .new-bonus-table-wrapper .wp-block-table th {
padding: .25em;
font-size: 12px;
}
.ac-type-bonus th,
.ac-type-bonus td {
padding: .25em;
}
}
/*縦スクロール*/
.table-vertical-scroll {
overflow-y: auto;
height: 450px;
border: 1px solid #ddd!important;
padding: .5em;
}
/*ヘッダー会員ページ*/
#rbu a.button1,
#rbu-sp a.button1 {
    text-decoration: none;
    border-radius: 25px;
    color: #fff;
    text-align: center;
    background-color: var(--color_main);
    padding: .25em .5em;
	font-size: 14px;
}
#rbu a.button1:hover {
    background-color: #10538d;
}
div#sp_menu_bottom {
    margin-top: 1em;
}
/*コピトレおすすめ*/
.wp-block-group.kani.u-mb-ctrl.u-mb-10.kopi-reco {
    padding: .5em .5em;
}
/*サイドバーのバナー*/
.side-banner img {
    border-radius: 10px;
    box-shadow: 2px 2px 6px #666;
    margin-bottom: .5em;
}
.bonus-osusume {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 0px;
    margin-top: 20px;
}
.top-bonus-banner {
    overflow: hidden;
    padding: 1px;
}
.top-bonus-banner img {
    border-radius: 5px;
    box-shadow: 2px 2px 6px #666;
}
/*表内横並びbtn*/
.cell-col-btn span.swl-inline-btn.is-style-btn_normal {
    width: 40%;
    text-align: center;
}
.cell-col-btn .swl-inline-btn a {
    width: 100%;
    display: inline-block;
}
/*業者紹介*/
.broker-overview .cap_box_ttl {
  font-size: 15px;
  border-radius: 15px;
}
.broker-overview .cap_box_content {
  border-radius: 8px;
  background-color: #fff;
}
.broker-overview .merit .cap_box_content,
.broker-overview .demerit .cap_box_content {
  padding: 18px 10px 10px;
}
.broker-overview figure.wp-block-image.size-full.u-lb-off.zoom-img {
  overflow: hidden;
}
/* 削除予定
.broker-overview img:hover {
  transform: scale(1.2);
  transition: .3s ease-in-out;
}
*/
.broker-overview a.swell-block-button__link {
  padding: 7px 10px;
}
.broker-overview .merit li,
.broker-overview .demerit li {
  font-size: 15px;
  font-weight: bold;
}
.broker-overview .swell-block-capbox.cap_box.is-style-onborder_ttl2.merit {
  --capbox-color: #1d815b;
}
.broker-overview .swell-block-capbox.cap_box.is-style-onborder_ttl2.demerit {
  --capbox-color: #be5064;
}
.broker-overview .merit .cap_box_ttl,
.broker-overview .demerit .cap_box_ttl {
  font-size: 15px;
  border-radius: 15px;
}
.broker-overview .merit .is-style-check_list li:before {
  color: #1d815b;
}
.broker-overview .demerit .is-style-check_list li:before {
  color: #be5064;
}
.broker-overview .rbu-menu .cap_box_content {
  background-color: #fffcf3;
  padding: 20px 10px 10px;
  border-radius: 0;
}
.broker-overview .rbu-menu .cap_box_ttl {
  border: none;
  background-color: #fffcf3;
}
.broker-overview .rbu-menu .swell-block-column.swl-has-mb--s {
  background-color: #fff;
}
span.intext-btn.pc,
span.intext-btn.mb,
.text-light {
  position: relative;
}
span.intext-btn.pc::after {
  position: absolute;
  top: .5em;
  right: 1em;
}
span.intext-btn.mb::after {
  position: absolute;
  top: .6em;
  right: .5em;
}
.text-light span.intext-btn-b::after {
  position: absolute;
  top: 1em;
  right: .5em;
}

.in-btn-box.xm {
    padding: 3px 10px;
}
.intext-btn.mb01 {
    margin: 3px;
    padding: 5px 10px;
    width: auto;
}
.wide-warp2 {
    position: fixed;
    bottom: 0;
    height: 75px;
    z-index: 10;
    background: rgba(0, 0, 0, 0.7);
    right: 0;
    left: 0;
}
.wide-warp2 {
    position: fixed;
    bottom: 0;
    height: 75px;
    z-index: 10;
    background: rgba(0, 0, 0, 0.7);
    right: 0;
    left: 0;
}
.in-btn-box {
    color: #fff;
}
.intext-btn.mb {
    margin-top: -5px;
    padding: 8px 5px;
    width: 220px;
}
span.box-text01 {
    background: #CE481C;
    color: #fff;
    padding: 0 5px;
}
.intext {
    padding: 0 18% 0 0;
    color: #fff;
    display: flex;
    justify-content: space-evenly;
}
.mb-text-box01 {
    text-align: center;
}
.intext-btn.pc {
    padding: 7px 25px;
    margin-top: -3px;
    background: #c45050;
}
.intext-btn {
    position: relative;
    display: inline-block;
    background: #218736;
    transition: .4s;
    padding: 7px 25px;
    line-height: 1.2;
    border-radius: 10px;
    border: 1px solid;
    text-align: center;
    width: 245px;
}
.text-light {
    margin-top: 8px;
}
@media (min-width: 480px) {
    .mb-text-box {
        margin: 0;
        text-align: center;
    }
}
@media (min-width: 768px) {
    .telop-mb_only {
        display: none;
    }
}
.intext-btn a {
    color: #fff;
    text-decoration: none;
}
span.intext-btn-b {
    font-weight: bold;
    font-size: 18px;
}
span.intext-btn-s {
    font-size: 14px;
}

span.intext-btn-mb.small {
    font-size: 14px;
    font-weight: bold;
}
/*color*/
.box-text02 a {
    color: #d0e8f3;
}
#fxgt span.box-text01,
#ttcm span.box-text01,
#kaigaifx span.box-text01 {
    background: #0072b4;
}
#ttcm .text-light .intext-btn,
#ttcm .intext-btn.mb {
    background: #0a2f4c;
}
#myfx .text-light .intext-btn,
#myfx .intext-btn.mb {
    background: #495eeb;
}
#fxgt .text-light .intext-btn,
#fxgt .intext-btn.mb,
#kaigaifx .text-light .intext-btn,
#kaigaifx .intext-btn.mb {
    background: #0a6bcf;
}
#fxgt .text-light .intext-btn:hover,
#fxgt .intext-btn.mb:hover,
#kaigaifx .text-light .intext-btn:hover,
#kaigaifx .intext-btn.mb:hover {
    background: #0855a5;
}
#profitex span.box-text01 {
    background: #cbfb45;
    color: #555;
}
#profitex .text-light .intext-btn,
#profitex .intext-btn.mb {
    background: #cbfb45;
}
#profitex .text-light .intext-btn:hover,
#profitex .intext-btn.mb:hover {
    background: #cafb45d7;
}
#profitex .intext-btn a {
    color: #555;
}
/*ボタン内文字サイズ*/
#easyMarkets .intext-btn-b,
#kaigaifx .intext-btn-b,
#milton .intext-btn-b,
#myfx .intext-btn-b {
    font-size: 15px;
}
/*ふきだし*/
.c-balloon__text {
max-width: 100%;
}
.c-balloon__body {
padding: 4px 10px;
}
.c-balloon .c-balloon__text>p {
font-size: .9em;
}
/**/
/*ギャラリー*/
div.img-gal {
    padding: 10px;
    margin: 2em 0;
    background-color: #fff;
    border: solid 1px #c5c5c5;
    box-shadow: 0 1px 5px 0 rgb(0 0 0 / 17%);
}
/*記事下関連記事*/
.kijisita_relate ul.p-postList.-type-simple {
    border-top: none;
}
.kijisita_relate a.p-postList__link {
    padding: .5em .25em;
    color: var(--color_link);
}
.kijisita_relate .cap_box_content {
padding-top: 25px!important;
}
/*画像の角*/
.radius img {
border-radius: 5px;
}
/*テーブルの色*/
.post_content thead th {
background-color: #7B716B;
}
.post_content tbody th {
color: #614938;
background-color: #e0dad5;
}
:where([data-cell1-fixed] tbody,[data-cell1-fixed] tfoot,[data-cell1-fixed].is-style-simple thead) tr>:first-child:not(.-no1) {
background-color: #e0dad5!important;
}
.post_content tbody th,
.post_content tbody td {
border: 1px solid #999;
}
.post_content thead th,
.post_content thead td {
border: 1px solid #ffffff;
}
.post_content thead th {
border-radius: 0 10px 0 0;
}
.post_content tbody tr:nth-child(even) td {
background-color: #f7f7f7;
}
.post_content tbody tr:nth-child(odd) td {
background-color: #ffffff;
}
.post_content .allf tbody tr:nth-child(even) td,
.post_content .allf tbody tr:nth-child(odd) td {
background-color: #fff;
}
/*キャプションボックスのタイトル*/
.is-style-onborder_ttl2>.cap_box_ttl,
.is-style-onborder_ttl>.cap_box_ttl {
    font-size: .9em;
}

/*トップへ戻るボタン*/
@media (min-width: 960px) {
    .p-fixBtnWrap {
        bottom: 1em;
    }
}
@media screen and (max-width: 768px) {
.c-fixBtn {
    height: 42px;
    width: 42px;
}
.p-fixBtnWrap {
  bottom: 5px;
}
}
/*見出しの見た目(h3-h5)*/
.post_content h3:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)) {
    padding: .5em .8em;
    background-color: #266ea4;
    color: #fff;
    margin: 3em 0 1em;
    margin-left: var(--swl-h2-margin--x, 0);
    margin-right: var(--swl-h2-margin--x, 0);
}

.post_content h4:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)) {
  position: relative;
  display: block;
  padding: 0.2em 0 0.2em 1.4em;
  border-bottom: solid 3px #BFB39D;
  margin: 40px 0 24px;
  font-size: 1.3em;
}
.post_content h4:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title))::before {
  position: absolute;
  top: 0.3em;
  left: 0;
  display: block;
  width: 0.5em;
  height: 0.5em;
  background: #403C34;
  box-shadow: 0 0.6em 0 #807769, 0.6em 0 0 #BFB39D, 0.6em 0.6em 0 #E6D7BC;
  content: "";
}
.post_content h4:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)):after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #E6D7BC;
  bottom: -3px;
  width: 30%;
}

h5.wp-block-heading:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)) {
    border-left: 4px solid #555;
    padding-left: 10px;
    font-size: 1.2em;
    font-weight: 600;
    margin: 40px 0 20px;
}

/*FAQの見た目*/
.-icon-rounded .swell-block-faq__item {
  border: 1px solid #ccc;
  border-radius: 5px;
}
.-icon-rounded .faq_q {
  background-color: var(--color_gray);
}
.-icon-rounded .faq_a,
.-icon-rounded .faq_q {
  padding: 1.25em 1em 1.25em 4em;
}
.-icon-rounded .faq_a:before,
.-icon-rounded .faq_q:before {
  left: 1em;
}
/*ポイントや注意点のボックス*/
[class*=is-style-big_icon_] {
    padding: 24px;
}
[class*=is-style-big_icon_]:not(:first-child) {
    padding: 24px;
}
@media (min-width: 600px) {
    [class*=is-style-big_icon_] {
    padding: 24px;
    }
}
/*マーカー*/
.swl-marker {
    padding: 0px;
}
.post_content h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)) {
    background: #083656;
}
.post_content h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title))::before {
    border-top: solid 2px #083656;
    border-bottom: solid 2px #083656;
}
.top #content {
    padding-top: 1em;
}
.line-y {
    background: -webkit-linear-gradient(transparent 64%, red 0%);
    background: linear-gradient(transparent 64%, red 0%);
    display: inline;
    padding: 2px;
	font-weight: bold;
}
.red-1 {
    color: var(--color_deep01) !important;
}
table {
    font-size: 14px;
}
.swell-block-accordion__body {
    padding: 1em 0.5em;
}
.wp-block-image.is-style-shadow img, .wp-block-video.is-style-shadow video, img.shadow {
    box-shadow: 0 2px 8px 3px rgba(0, 0, 0, .1), 0 4px 8px 1px rgba(0, 0, 0, .2);
}
/*--------------メリット・デメリット--------------*/
.swell-block-capbox.cap_box.is-style-small_ttl.merit {
    --capbox-color: #1D815B!important;
    --capbox-color--bg: #fff!important;
}
.swell-block-capbox.cap_box.is-style-inner.cap_box_red,
.swell-block-capbox.cap_box.is-style-small_ttl.demerit {
    --capbox-color: #be5064!important;
    --capbox-color--bg: #fff!important;
}
.merit .cap_box_ttl,
.demerit .cap_box_ttl {
    font-weight: bold;
    font-size: 14px;
    border-radius: 8px 8px 0 0;
}
.merit .cap_box_content,
.demerit .cap_box_content {
    padding: 20px 10px 20px 10px;
}
/*--------------パディング--------------*/
.p1e-t .cap_box_content{
	padding-top: 1.5em;
}
/*--------------備考ボックス--------------*/

.swell-block-capbox.cap_box.is-style-inner.bikou {
    margin: 20px 0 30px;
    padding: 18px 20px;
    background-color: #fffcf3;
    border: 1px solid #BFB3A8;
    border-radius: 10px;
    box-shadow: 0 1px 5px 0 rgb(0 0 0 / 17%);
    --capbox-color: #fffcf3;
}
.bikou .cap_box_ttl {
	font-weight: bold;
    margin-top: 0;
    border-bottom: 2px solid #c5c5c5;
    font-size: 19px;
    line-height: 1.5;
    padding-bottom: 10px;
    background-color: #fffcf3;
    color: inherit;
    width: 100%;
    position: relative;
    justify-content: flex-start;
    padding-left: 0;
}
.bikou .cap_box_content {
    padding: 0;
}
/*--------------テキストボックス共通--------------*/
.yl-box,
.gr-box {
    background: #FFFCF3;
    padding: 20px 10px;
    margin: 20px 0;
    border: 1px solid #BFB3A8;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 1px 5px 0 rgb(0 0 0 / 17%);
}
/*--------------テキストボックス黄色--------------*/
.yl-box {
    background: #FFFCF3;
}
/*--------------テキストボックス緑色--------------*/
.gr-box {
    background: #eefff1;
}
/*--------------簡易ボックス--------------*/
.kani {
    padding: 15px 20px;
    margin: 2em 0;
    background-color: #fff;
    border: solid 1px #c5c5c5;
    box-shadow: 0px 1px 5px 0px rgb(0 0 0 / 17%);
}
/*--------------ボックス背景色のみ--------------*/
.haikeinomi {
    background: #fffcf3;
    margin: 25px 0;
    padding: 10px 5px;
}
/*--------------手順リスト流れボックス--------------*/
.swell-block-capbox.cap_box.nagare {
    padding: 1em;
    border: solid 2px #736456;
    border-radius: 4px;
    background: #fffcf3;
    margin-bottom: 30px;
    box-shadow: 0 1px 5px 0 rgb(0 0 0 / 17%);
}
.nagare .cap_box_ttl {
    position: relative;
    font-size: 1.3em;
    padding-bottom: 10px;
	padding-top: 0;
    color: #736456;
    font-weight: 700;
    text-align: center;
    background-color: #fffcf3;
}
@media screen and (max-width: 768px){
.nagare .cap_box_ttl {
    font-size: 1.1em;
}
}
.nagare .cap_box_content {
    border: none;
}
.nagare li {
	line-height: 1.5;
    padding: 0.5em 0 0.5em 2.6em;
    border-bottom: dashed 1px #736456;
	margin-bottom: 5px;
}
.nagare li:before {
	display: inline-block;
    position: absolute;
    font-family: "Quicksand", sans-serif;
    left: 0.5em;
    width: 30px;
    height: 30px;
    border-radius: 20%;
    background: #736456;
    color: white;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
    top: .2em;
    box-shadow: none;
}
.nagare li:last-child {
    border-bottom: none;
}
.nagare .cap_box_content {
    padding: 0;
}
/*--------------リストボックス--------------*/
.list-box {
    padding: 1em;
    border: solid 2px #736456;
    border-radius: 4px;
    background: #fffcf3;
    margin-bottom: 30px;
    box-shadow: 0 1px 5px 0 rgb(0 0 0 / 17%);
}
.list-box .cap_box_ttl {
    background-color: #fffcf3;
    color: #736456;
    font-size: 1.3em;
    padding-top: 0;
}
.list-box .cap_box_content {
    border: none;
    padding: 0;
}
.list-box ul li {
    border-bottom: dashed 1px #736456;
    padding: 0.5em 0 0.7em 1.7em;
    margin-bottom: 5px;
}
.list-box ul li:last-child {
    border-bottom: none;
}
.list-box ul.wp-block-list.-list-under-dashed {
    list-style-type: none;
	padding-left: 0.5rem;
}
.list-box ul li:before {
    content: "";
    border-radius: 50%;
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: #736456;
    position: absolute;
    left: 0.5em;
    top: 0.8rem;
}
/*--------------項目リストボックス--------------*/
.komoku-list {
    padding: 1em;
    padding-left: 2em!important;
    background-color: #fffcf3;
    border-radius: 10px;
    box-shadow: 0 1px 5px 0 rgb(0 0 0 / 17%);
}
/*--------------黒板--------------*/
.swell-block-capbox.cap_box.is-style-onborder_ttl.kokuban {
    position: relative;
    margin: 25px 0 30px;
    padding: .1em .1em .1em 0;
    background-color: #006633;
    color: #fff;
    border: 8px solid #b2771f;
    border-radius: 3px;
    box-shadow: 0 0 5px #333, 0 0 5px #555 inset;
}
.kokuban .cap_box_ttl {
    position: relative;
    left: 15px;
    top: 15px;
    font-weight: bold;
    font-size: 1.2em;
    background-color: #063 !important;
    color: #ffff6b;
    padding-left: 0;
    padding-right: 0;
    margin-right: .2em;
    text-align: left;
}
.kokuban .cap_box_content {
    background-color: #063 !important;
    border: none;
    padding: 1em;
}
.kokuban .cap_box_content::before,
.kokuban .cap_box_content::after{
    position: absolute;
    content: '';
    bottom: 0;
}
.kokuban .cap_box_content::before {
    right: 10px;
    border: solid 3px #fff;
    width: 20px;
    border-radius: 3px 2px 0 2px;
}
.kokuban .cap_box_content::after {
    right: 40px;
    border: solid 3px #ffff6b;
    width: 15px;
    border-radius: 8px 5px 2px 5px;
}
@media screen and (max-width: 768px) {
.swell-block-capbox.cap_box.is-style-onborder_ttl.kokuban {
    padding: .1em .1em .1em 0;
}
.kokuban .cap_box_ttl {
    left: 5px;
    top: 10px;
}
.kokuban .cap_box_content {
    background-color: #063 !important;
    border: none;
    padding: .75em .5em;
}
}
/*--------------複数の関連記事--------------*/
.wp-block-group.hukusu {
    padding: 0 15px 1em;
    margin: 10px 0;
    border: 2px solid #e5e5e5;
}
.hukusu p {
    font-weight: bold;
    border-style: none none double;
    border-color: #e3e3e3;
    border-width: 3px;
    padding: 10px 0 10px 5px;
}
/*--------------手順ステップの見た目--------------*/
.swell-block-step__item:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 5px;
    left: 16px;
    border-style: solid;
    border-width: 17px 8px 0 8px;
    border-color: #ddd transparent transparent transparent;
}
.swell-block-step__item:before {
    border-left: 3px dashed var(--color_border);
    height: 98%;
}
.swell-block-step__item:last-child:after {
    content: none;
}
/*--------------メニューボタン--------------*/
.rbu-menu .cap_box_ttl {
    background-color: white;
    color: inherit;
    font-weight: bold;
    border: 1px solid var(--capbox-color);
    border-radius: 5px;
    font-size: 16px;
}
.rbu-menu .cap_box_content {
    padding: 35px 10px 20px;
    border-radius: 5px;
}
.rbu-menu .swell-block-columns__inner {
    text-align: center;
}
.rbu-menu p {
    border: 3px solid #056fa5;
    border-radius: 5px;
    padding: 5px 3px;
    font-weight: bold;
    font-size: 14px;
}
.rbu-menu .swell-block-column.swl-has-mb--s p:hover {
    background-color: #b3d4fc;
}
.rbu-menu .swell-block-column a {
    color: inherit;
    text-decoration: none;
}
.rbu-menu .swell-block-column a:hover {
    color: var(--color_link);
    text-decoration: underline;
}
/*--------------ボーナス記事最新ボーナス--------------*/
/*ボーナス表xm色*/
.new-bonus p.xm {
    color: #D51820;
    font-weight: 700;
}
/*ボーナス表共通*/
.new-bonus .cap_box_content {
    background-color: #fffcf3;
    border: none;
    padding: 1em;
}
.new-bonus .swell-block-column.swl-has-mb--s {
    border: 1px solid #d6d6d6;
    padding: 10px;
    background-color: #fff;
    position: relative;
}
.new-bonus p {
    text-align: center;
    margin-bottom: 0;
}
.new-bonus hr.wp-block-separator.has-alpha-channel-opacity {
    margin-top: 0;
    margin-bottom: .5em;
    max-width: 90%;
    border-bottom: 2px solid #d51820;
}
.new-bonus span.swl-fz.u-fz-xl {
    font-size: 33px!important;
}
.new-bonus .swell-block-columns__inner > div:first-child::before,
.new-bonus .swell-block-columns__inner > div:nth-child(2)::before,
.new-bonus .swell-block-columns__inner > div:nth-child(3)::before,
.new-bonus .swell-block-columns__inner > div:nth-child(4)::before,
.new-bonus .swell-block-columns__inner > div:nth-child(5)::before,
.new-bonus .swell-block-columns__inner > div:nth-child(6)::before,
.new-bonus .swell-block-columns__inner > div:nth-child(7)::before,
.new-bonus .swell-block-columns__inner > div:nth-child(8)::before,
.new-bonus .swell-block-columns__inner > div:nth-child(9)::before,
.new-bonus .swell-block-columns__inner > div:nth-child(10)::before,
.new-bonus .swell-block-columns__inner > div:nth-child(11)::before,
.new-bonus .swell-block-columns__inner > div:nth-child(12)::before {
    position: absolute;
    padding: 0 5px;
    background-color: #d51820;
    color: #fff;
    top: 0;
    left: 0;
}
.new-bonus .swell-block-columns__inner div.swell-block-column:first-child::before {content: '01';}
.new-bonus .swell-block-columns__inner div.swell-block-column:nth-child(2)::before {content: '02';}
.new-bonus .swell-block-columns__inner div.swell-block-column:nth-child(3)::before {content: '03';}
.new-bonus .swell-block-columns__inner div.swell-block-column:nth-child(4)::before {content: '04';}
.new-bonus .swell-block-columns__inner div.swell-block-column:nth-child(5)::before {content: '05';}
.new-bonus .swell-block-columns__inner div.swell-block-column:nth-child(6)::before {content: '06';}
.new-bonus .swell-block-columns__inner div.swell-block-column:nth-child(7)::before {content: '07';}
.new-bonus .swell-block-columns__inner div.swell-block-column:nth-child(8)::before {content: '08';}
.new-bonus .swell-block-columns__inner div.swell-block-column:nth-child(9)::before {content: '09';}
.new-bonus .swell-block-columns__inner div.swell-block-column:nth-child(10)::before {content: '10';}
.new-bonus .swell-block-columns__inner div.swell-block-column:nth-child(11)::before {content: '11';}
.new-bonus .swell-block-columns__inner div.swell-block-column:nth-child(12)::before {content: '12';}
/*--------------チェックボックスの色変更--------------*/
.is-style-big_icon_check, .is-style-big_icon_good {
    --the-color: var(--color_main);
}
/*--------------ボーナス記事見出し下のリスト--------------*/
.swell-block-columns.bonus-list {
    font-weight: bold;
    background-color: #f3f9ff;
    padding-top: .5rem;
    padding-bottom: .5rem;
}
p.has-text-align-center.bonus-list-orange span {
    color: #e35728 !important;
}
.bonus-list .swell-block-column.swl-has-mb--s {
    position: relative;
}
.bonus-list ul.wp-block-list {
    list-style: none;
}
.bonus-list ul.wp-block-list li:before {
    content: "";
    position: absolute;
    border-style: solid;
    top: 2px;
    left: -17px;
    border-width: 8px;
    border-color: transparent transparent transparent #e35728;
}
@media screen and (max-width: 768px) {
.bonus-list .swell-block-column.swl-has-mb--s:nth-child(2) {
display: flex!important;
justify-content: space-around;
}
}
/*--------------ボナ/スプバナー--------------*/
.bo-sp-banner figure {
    padding: 0 5px;
}
.bo-sp-banner img {
    border-radius: 5px;
    box-shadow: 2px 2px 6px #666;
}
/*--------------入出金ボタン一覧--------------*/
.deposit-withdraw .swell-block-column {
border: solid 1px #c5c5c5;
box-shadow: 0 2px 3px 0 #ddd;
padding-bottom: 1em;
}
.deposit-withdraw a.swell-block-button__link {
background-color: #00858a;
}
/*--------------アンケート--------------*/
.qu-box {
  background-color: #fffefb!important;
  border: 2px solid #d6d6d6!important;
  border-radius: 8px 8px!important;
  padding: 10px 10px 5px;
  margin: 20px 0;
}
.basic-yop-poll-container .basic-inner {
  padding: 0!important;
}
.basic-yop-poll-container {
  background-color: #fffefb!important;
  margin-bottom: 5px!important;
}
.basic-yop-poll-container .basic-question {
margin-top: 10px!important;
}
.basic-yop-poll-container .basic-question-title h5 {
  margin-bottom: 20px!important;
  font-weight: bold!important;
  color: #555!important;
  padding: 0 0 0 10px!important;
  border-left: 4px solid #c65555!important;
  text-align: left!important;
}
.basic-yop-poll-container .basic-stats {
  margin: 0!important;
  direction: rtl;
  font-size: 90%;
}
.basic-yop-poll-container .basic-answer .basic-text {
  color: #555!important;
}
.basic-yop-poll-container ul.basic-answers li.basic-answer {
  line-height: 1.2!important;
  margin: 0!important;
}
.bootstrap-yop .progress-bar {
  background-image: -webkit-linear-gradient(top,#428bca 0,#3071a9 100%)!important;
  background-image: linear-gradient(to bottom,#428bca 0,#3071a9 100%)!important;
  height: 60%!important;
}
.basic-yop-poll-container .basic-answer .progress {
  margin-top: 0;
}
.basic-yop-poll-container .basic-answers-results .progress {
  height: 15px;
  margin: 0;
}
.bootstrap-yop ul {
  margin-bottom: 5px;
}
.basic-yop-poll-container .basic-vote {
  margin-bottom: 5px!important;
  margin-top: -5px!important;
}
.basic-yop-poll-container a.basic-vote-button {
  background: #f3f6f8!important;
  color: #555!important;
  border-radius: 4px!important;
  border-color: #c8c8c8!important;
  padding: 3px 8px!important;
  font-size: 14px!important;
}
.basic-yop-poll-container a.basic-results-button {
  color: #fff!important;
  border-radius: 4px!important;
  background: #61a9de!important;
  border-color: #84afcf!important;
  padding: 3px 8px!important;
  font-size: 14px!important;
}
.basic-yop-poll-container .basic-message {
  background-color: #fffefb!important;
  margin: 5px 0 0;
}
.bootstrap-yop.yop-poll-mc {
  margin-top: -5px;
}
span.basic-stats-answers-number {
  padding-right: 10px;
}
.basic-yop-poll-container li.col-xs-6 {
  width: 49%!important;
}

/*-------------------------------------------------
                    全体 ここまで
-------------------------------------------------*/
/*-------------------------------------------------
                トップページ ここから
-------------------------------------------------*/
/*--------------海外FXボーナス一覧表--------------*/
.ichiran-box {
	border: 1px solid #c5c5c5;
    padding: .5rem;
    box-shadow: 0 0 7px rgb(0 0 0 / 12%);
}
.ichiran-btn{
	flex: 1;
}
.ichiran-btn a.swell-block-button__link {
    padding: .5rem .5rem;
    width: 100%;
}
.Bonusbox {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(3, auto);
    gap: 7px;
    justify-items: center;
}

.Bonusbox figure {
    margin: 0;
}

.b-box {
    display: none;
}
.fl-box {
    border: solid 1px #c5c5c5;
    box-shadow: 0 0 7px rgb(0 0 0 / 12%);
	display: flex;
	align-items: center;
	justify-content: space-between;
    margin: 15px 0;
    min-height: 170px;
    background-color: #fff;
}
.flbox1 {
    margin: 5px;
}
.flbox2 {
    margin: 10px 5px;
    width: 75%;
}
.flbox3 {
    display: flex;
}

.flbox-hyouka {
    font-size: 15px;
    font-weight: bold;
    line-height: 28px;
    text-align: center;
    color: #6c6c6c;
}

.f-12 {
    font-size: 125%;
    color: #555;
}
.flbox2 table {
    border: none;
    margin: 0;
} 
.flbox2 td {
    text-align: left;
    padding: 3px 8px;
	font-size: 14px;
}

/*レビューボタン*/
.btn1 {
    display: inline-block;
    position: relative;
    padding: 5px;
    border-radius: 8px;
    -webkit-box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
    box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
    color: #fff;
    line-height: 1.5;
    text-decoration: none;
    width: 105px;
    font-weight: 700;
    text-align: center;
    background-color: #c65555;
}
.btn1:hover,
.btn1:active,
.btn1:focus{
    color: #fff;
	box-shadow: none;
	cursor: pointer;
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
}

.btn1.gr {
    background-color: #5ea15e;
}
.flbox-hyouka input[type="button"] {
    border: none;
    text-decoration: underline;
    color: #005cbb;
}
.kouzakaisetu {
    background: #ebfbeb;
}
.nyuukin {
    background: #dee6f5;
}
.flbox1 a.btn1 {
    font-size: 0.8rem;
    margin: 5px!important;
}
/*-------------------------------------------------
                トップページ ここまで
-------------------------------------------------*/

/*-------------------------------------------------
                レスポンシブ ここから
-------------------------------------------------*/
/*-------------------min-width-------------------*/
@media (min-width: 1025px) {
    .sp_only-1 {
        display: none;
    }
}
@media (min-width: 1024px){
    .flbox3 .btn1 {
        line-height: 1.2;
    }
}
@media (min-width: 768px){
.questionnaire ul.basic-answers {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.questionnaire li.basic-answer {
  width: 49%!important;
}
.basic-yop-poll-container .basic-question-title h5 {
  margin-top: 0!important;
  font-size: 18px!important;
}
.questionnaire ul.basic-answers {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.questionnaire li.basic-answer {
    width: 49%!important;
}
}
@media screen and (min-width: 767px) {
	.yl-box,
	.gr-box {
    padding: 20px;
    }
}
@media (min-width: 601px) {
    .sp_only6 {
        display: none;
    }
}
@media (min-width: 650px) {
    .sp_only65 {
        display: none;
    }
}
@media (min-width: 401px) {
    .sp_only4 {
        display: none;
    }
}
/*-------------------max-width-------------------*/
@media (max-width: 1024px){
    .fl-box {
        display: flex;
        flex-direction: column;
        padding: 15px 0;
    }
    .flbox1 {
        display: flex;
        align-items: center;
    }
    .flbox2 {
        width: 100%;
        padding: 5px;
        text-align: center;
    }
    .flbox3 .btn1 {
        width: 200px;
        line-height: inherit;
        margin: 5px 25px;
    }
    .flbox-hyouka {
        margin: 0 0 0 15px;
    }
    .pc_only-1 {
        display: none;
    }
}
@media (max-width : 961px){
	.pc_only {
		display: none;
	}
}
@media (max-width: 767px) {
	#rbu-sp {
		text-align: center;
}
/*黒板*/
.kokuban .cap_box_ttl {
font-size: 1.1em;
}
.kokuban .cap_box_content p {
font-size: .9em;
}
/*.broker-overvew*/
.broker-overview .merit li, .broker-overview .demerit li {
    font-size: 14px;
}
    .pc_only2 {
        display: none;
    }
	table th,
	table td{
		padding: 0.5em;
	}
	.post_content h4:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)),
	h5 {
    font-size: 1.1em;
    }
	.sp13px {
		font-size: 13px;
	}
    .ichiran-btn a.swell-block-button__link {
    max-width: 90%;
    }
    .cell-col-btn span.swl-inline-btn.is-style-btn_normal {
    width: 100%;
    }
    .cell-col-btn .swl-inline-btn a {
    padding: 5px;
    }
	.bikou .cap_box_ttl {
    font-size: 16px;
	white-space: break-spaces;
	text-align: justify;
	padding-right: 0;
    }
	.swell-block-capbox.cap_box.is-style-inner.bikou {
    padding: 15px 10px;
    }
/*コピトレおすすめ*/
.swell-block-button.red_.is-style-btn_normal.sp_only {
    margin-top: .5em !important;
}
.kopi-reco tr td:nth-child(2) {
    width: 58%;
}
.kopi-reco td {
    padding: .25em;
}
.kopi-reco img {
    max-width: 50%;
}
.konna-gyosya ul:first-child li:last-child {
    margin-bottom: 0;
}
/*rbu-menu*/
.rbu-menu .cap_box_content {
    padding: 25px 5px 10px;
}
}
@media (max-width: 600px){
    .flbox2 td {
        padding: 3px 4px;
    }
    .flbox2 span.kigou {
        font-size: 12px;
    }
    .flbox3 .btn1 {
        width: 150px;
        margin: 5px;
    }
    .pc_only6 {
        display: none;
    }
	.merit .cap_box_ttl,
    .demerit .cap_box_ttl,
	.merit li,
    .demerit li {
        font-size: 15px;
    }
	.rbu-menu .cap_box_ttl {
        font-size: 13px;
    }
	.rbu-menu p {
        font-size: 12px;
    }
}
@media (max-width: 501px) {
    .flbox-hyouka {
        line-height: 20px;
    }
}
@media (max-width: 500px) {
    .pc_only3 {
        display: none;
    }
}
@media (max-width: 400px) {
    .pc_only4 {
        display: none;
    }
}
/*-------------------------------------------------
                レスポンシブ ここまで
-------------------------------------------------*/
/*-------------------------------------------------
                表の横幅指定 ここから
-------------------------------------------------*/
.w11{ width: 11%; }
.w12{ width: 12%; }
.w13{ width: 13%; }
.w14{ width: 14%; }
.w15{ width: 15%; }
.w16{ width: 16%; }
.w17{ width: 17%; }
.w18{ width: 18%; }
.w19{ width: 19%; }
.w20{ width: 20%; }
.w21{ width: 21%; }
.w22{ width: 22%; }
.w23{ width: 23%; }
.w24{ width: 24%; }
.w25{ width: 25%; }
.w26{ width: 26%; }
.w27{ width: 27%; }
.w28{ width: 28%; }
.w29{ width: 29%; }
.w30{ width: 30%; }
.w31{ width: 31%; }
.w32{ width: 32%; }
.w33{ width: 33%; }
.w34{ width: 34%; }
.w35{ width: 35%; }
.w36{ width: 36%; }
.w37{ width: 37%; }
.w38{ width: 38%; }
.w39{ width: 39%; }
.w40{ width: 40%; }
.w41{ width: 41%; }
.w42{ width: 42%; }
.w43{ width: 43%; }
.w44{ width: 44%; }
.w45{ width: 45%; }
.w46{ width: 46%; }
.w47{ width: 47%; }
.w48{ width: 48%; }
.w49{ width: 49%; }
/*-------------------------------------------------
                表の横幅指定 ここまで
-------------------------------------------------*/