FxVerge 口コミ 2026｜取引条件・安全性・評判を実際にチェック Archives | JNP Sri Lanka

// // Variables // -------------------------------------------------- //== Colors // //## Gray and brand colors for use across Bootstrap. @gray-darker: lighten(#000, 13.5%); // #222 @gray-dark: lighten(#000, 20%); // #333 @gray: lighten(#000, 33.5%); // #555 @gray-light: lighten(#000, 60%); // #999 @gray-lighter: lighten(#000, 93.5%); // #eee @brand-primary: #428bca; @brand-success: #5cb85c; @brand-info: #5bc0de; @brand-warning: #f0ad4e; @brand-danger: #d9534f; //== Scaffolding // //## Settings for some of the most global styles. //** Background color for ``. @body-bg: #fff; //** Global text color on ``. @text-color: @gray-dark; //** Global textual link color. @link-color: @brand-primary; //** Link hover color set via `darken()` function. @link-hover-color: darken(@link-color, 15%); //== Typography // //## Font, line-height, and color for body text, headings, and more. @font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif; @font-family-serif: Georgia, "Times New Roman", Times, serif; //** Default monospace fonts for `
`, ``, and ``.
@font-family-monospace:   Menlo, Monaco, Consolas, "Courier New", monospace;
@font-family-base:        @font-family-sans-serif;

@font-size-base:          14px;
@font-size-large:         ceil((@font-size-base * 1.25)); // ~18px
@font-size-small:         ceil((@font-size-base * 0.85)); // ~12px

@font-size-h1:            floor((@font-size-base * 2.6)); // ~36px
@font-size-h2:            floor((@font-size-base * 2.15)); // ~30px
@font-size-h3:            ceil((@font-size-base * 1.7)); // ~24px
@font-size-h4:            ceil((@font-size-base * 1.25)); // ~18px
@font-size-h5:            @font-size-base;
@font-size-h6:            ceil((@font-size-base * 0.85)); // ~12px

//** Unit-less `line-height` for use in components like buttons.
@line-height-base:        1.428571429; // 20/14
//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
@line-height-computed:    floor((@font-size-base * @line-height-base)); // ~20px

//** By default, this inherits from the ``.
@headings-font-family:    inherit;
@headings-font-weight:    500;
@headings-line-height:    1.1;
@headings-color:          inherit;


//== Iconography
//
//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.

//** Load fonts from this directory.
@icon-font-path:          "../fonts/";
//** File name for all font files.
@icon-font-name:          "glyphicons-halflings-regular";
//** Element ID within SVG icon file.
@icon-font-svg-id:        "glyphicons_halflingsregular";


//== Components
//
//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).

@padding-base-vertical:     6px;
@padding-base-horizontal:   12px;

@padding-large-vertical:    10px;
@padding-large-horizontal:  16px;

@padding-small-vertical:    5px;
@padding-small-horizontal:  10px;

@padding-xs-vertical:       1px;
@padding-xs-horizontal:     5px;

@line-height-large:         1.33;
@line-height-small:         1.5;

@border-radius-base:        4px;
@border-radius-large:       6px;
@border-radius-small:       3px;

//** Global color for active items (e.g., navs or dropdowns).
@component-active-color:    #fff;
//** Global background color for active items (e.g., navs or dropdowns).
@component-active-bg:       @brand-primary;

//** Width of the `border` for generating carets that indicator dropdowns.
@caret-width-base:          4px;
//** Carets increase slightly in size for larger components.
@caret-width-large:         5px;


//== Tables
//
//## Customizes the `.table` component with basic values, each used across all table variations.

//** Padding for ``s and ``s.
@table-cell-padding:            8px;
//** Padding for cells in `.table-condensed`.
@table-condensed-cell-padding:  5px;

//** Default background color used for all tables.
@table-bg:                      transparent;
//** Background color used for `.table-striped`.
@table-bg-accent:               #f9f9f9;
//** Background color used for `.table-hover`.
@table-bg-hover:                #f5f5f5;
@table-bg-active:               @table-bg-hover;

//** Border color for table and cell borders.
@table-border-color:            #ddd;


//== Buttons
//
//## For each of Bootstrap's buttons, define text, background and border color.

@btn-font-weight:                normal;

@btn-default-color:              #333;
@btn-default-bg:                 #fff;
@btn-default-border:             #ccc;

@btn-primary-color:              #fff;
@btn-primary-bg:                 @brand-primary;
@btn-primary-border:             darken(@btn-primary-bg, 5%);

@btn-success-color:              #fff;
@btn-success-bg:                 @brand-success;
@btn-success-border:             darken(@btn-success-bg, 5%);

@btn-info-color:                 #fff;
@btn-info-bg:                    @brand-info;
@btn-info-border:                darken(@btn-info-bg, 5%);

@btn-warning-color:              #fff;
@btn-warning-bg:                 @brand-warning;
@btn-warning-border:             darken(@btn-warning-bg, 5%);

@btn-danger-color:               #fff;
@btn-danger-bg:                  @brand-danger;
@btn-danger-border:              darken(@btn-danger-bg, 5%);

@btn-link-disabled-color:        @gray-light;


//== Forms
//
//##

//** `` background color
@input-bg:                       #fff;
//** `` background color
@input-bg-disabled:              @gray-lighter;

//** Text color for ``s
@input-color:                    @gray;
//** `` border color
@input-border:                   #ccc;
//** `` border radius
@input-border-radius:            @border-radius-base;
//** Border color for inputs on focus
@input-border-focus:             #66afe9;

//** Placeholder text color
@input-color-placeholder:        @gray-light;

//** Default `.form-control` height
@input-height-base:              (@line-height-computed + (@padding-base-vertical * 2) + 2);
//** Large `.form-control` height
@input-height-large:             (ceil(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2);
//** Small `.form-control` height
@input-height-small:             (floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2);

@legend-color:                   @gray-dark;
@legend-border-color:            #e5e5e5;

//** Background color for textual input addons
@input-group-addon-bg:           @gray-lighter;
//** Border color for textual input addons
@input-group-addon-border-color: @input-border;


//== Dropdowns
//
//## Dropdown menu container and contents.

//** Background for the dropdown menu.
@dropdown-bg:                    #fff;
//** Dropdown menu `border-color`.
@dropdown-border:                rgba(0,0,0,.15);
//** Dropdown menu `border-color` **for IE8**.
@dropdown-fallback-border:       #ccc;
//** Divider color for between dropdown items.
@dropdown-divider-bg:            #e5e5e5;

//** Dropdown link text color.
@dropdown-link-color:            @gray-dark;
//** Hover color for dropdown links.
@dropdown-link-hover-color:      darken(@gray-dark, 5%);
//** Hover background for dropdown links.
@dropdown-link-hover-bg:         #f5f5f5;

//** Active dropdown menu item text color.
@dropdown-link-active-color:     @component-active-color;
//** Active dropdown menu item background color.
@dropdown-link-active-bg:        @component-active-bg;

//** Disabled dropdown menu item background color.
@dropdown-link-disabled-color:   @gray-light;

//** Text color for headers within dropdown menus.
@dropdown-header-color:          @gray-light;

//** Deprecated `@dropdown-caret-color` as of v3.1.0
@dropdown-caret-color:           #000;


//-- Z-index master list
//
// Warning: Avoid customizing these values. They're used for a bird's eye view
// of components dependent on the z-axis and are designed to all work together.
//
// Note: These variables are not generated into the Customizer.

@zindex-navbar:            1000;
@zindex-dropdown:          1000;
@zindex-popover:           1060;
@zindex-tooltip:           1070;
@zindex-navbar-fixed:      1030;
@zindex-modal-background:  1040;
@zindex-modal:             1050;


//== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone
//** Deprecated `@screen-xs` as of v3.0.1
@screen-xs:                  480px;
//** Deprecated `@screen-xs-min` as of v3.2.0
@screen-xs-min:              @screen-xs;
//** Deprecated `@screen-phone` as of v3.0.1
@screen-phone:               @screen-xs-min;

// Small screen / tablet
//** Deprecated `@screen-sm` as of v3.0.1
@screen-sm:                  768px;
@screen-sm-min:              @screen-sm;
//** Deprecated `@screen-tablet` as of v3.0.1
@screen-tablet:              @screen-sm-min;

// Medium screen / desktop
//** Deprecated `@screen-md` as of v3.0.1
@screen-md:                  992px;
@screen-md-min:              @screen-md;
//** Deprecated `@screen-desktop` as of v3.0.1
@screen-desktop:             @screen-md-min;

// Large screen / wide desktop
//** Deprecated `@screen-lg` as of v3.0.1
@screen-lg:                  1200px;
@screen-lg-min:              @screen-lg;
//** Deprecated `@screen-lg-desktop` as of v3.0.1
@screen-lg-desktop:          @screen-lg-min;

// So media queries don't overlap when required, provide a maximum
@screen-xs-max:              (@screen-sm-min - 1);
@screen-sm-max:              (@screen-md-min - 1);
@screen-md-max:              (@screen-lg-min - 1);


//== Grid system
//
//## Define your custom responsive grid.

//** Number of columns in the grid.
@grid-columns:              12;
//** Padding between columns. Gets divided in half for the left and right.
@grid-gutter-width:         30px;
// Navbar collapse
//** Point at which the navbar becomes uncollapsed.
@grid-float-breakpoint:     @screen-sm-min;
//** Point at which the navbar begins collapsing.
@grid-float-breakpoint-max: (@grid-float-breakpoint - 1);


//== Container sizes
//
//## Define the maximum width of `.container` for different screen sizes.

// Small screen / tablet
@container-tablet:             ((720px + @grid-gutter-width));
//** For `@screen-sm-min` and up.
@container-sm:                 @container-tablet;

// Medium screen / desktop
@container-desktop:            ((940px + @grid-gutter-width));
//** For `@screen-md-min` and up.
@container-md:                 @container-desktop;

// Large screen / wide desktop
@container-large-desktop:      ((1140px + @grid-gutter-width));
//** For `@screen-lg-min` and up.
@container-lg:                 @container-large-desktop;


//== Navbar
//
//##

// Basics of a navbar
@navbar-height:                    50px;
@navbar-margin-bottom:             @line-height-computed;
@navbar-border-radius:             @border-radius-base;
@navbar-padding-horizontal:        floor((@grid-gutter-width / 2));
@navbar-padding-vertical:          ((@navbar-height - @line-height-computed) / 2);
@navbar-collapse-max-height:       340px;

@navbar-default-color:             #777;
@navbar-default-bg:                #f8f8f8;
@navbar-default-border:            darken(@navbar-default-bg, 6.5%);

// Navbar links
@navbar-default-link-color:                #777;
@navbar-default-link-hover-color:          #333;
@navbar-default-link-hover-bg:             transparent;
@navbar-default-link-active-color:         #555;
@navbar-default-link-active-bg:            darken(@navbar-default-bg, 6.5%);
@navbar-default-link-disabled-color:       #ccc;
@navbar-default-link-disabled-bg:          transparent;

// Navbar brand label
@navbar-default-brand-color:               @navbar-default-link-color;
@navbar-default-brand-hover-color:         darken(@navbar-default-brand-color, 10%);
@navbar-default-brand-hover-bg:            transparent;

// Navbar toggle
@navbar-default-toggle-hover-bg:           #ddd;
@navbar-default-toggle-icon-bar-bg:        #888;
@navbar-default-toggle-border-color:       #ddd;


// Inverted navbar
// Reset inverted navbar basics
@navbar-inverse-color:                      @gray-light;
@navbar-inverse-bg:                         #222;
@navbar-inverse-border:                     darken(@navbar-inverse-bg, 10%);

// Inverted navbar links
@navbar-inverse-link-color:                 @gray-light;
@navbar-inverse-link-hover-color:           #fff;
@navbar-inverse-link-hover-bg:              transparent;
@navbar-inverse-link-active-color:          @navbar-inverse-link-hover-color;
@navbar-inverse-link-active-bg:             darken(@navbar-inverse-bg, 10%);
@navbar-inverse-link-disabled-color:        #444;
@navbar-inverse-link-disabled-bg:           transparent;

// Inverted navbar brand label
@navbar-inverse-brand-color:                @navbar-inverse-link-color;
@navbar-inverse-brand-hover-color:          #fff;
@navbar-inverse-brand-hover-bg:             transparent;

// Inverted navbar toggle
@navbar-inverse-toggle-hover-bg:            #333;
@navbar-inverse-toggle-icon-bar-bg:         #fff;
@navbar-inverse-toggle-border-color:        #333;


//== Navs
//
//##

//=== Shared nav styles
@nav-link-padding:                          10px 15px;
@nav-link-hover-bg:                         @gray-lighter;

@nav-disabled-link-color:                   @gray-light;
@nav-disabled-link-hover-color:             @gray-light;

@nav-open-link-hover-color:                 #fff;

//== Tabs
@nav-tabs-border-color:                     #ddd;

@nav-tabs-link-hover-border-color:          @gray-lighter;

@nav-tabs-active-link-hover-bg:             @body-bg;
@nav-tabs-active-link-hover-color:          @gray;
@nav-tabs-active-link-hover-border-color:   #ddd;

@nav-tabs-justified-link-border-color:            #ddd;
@nav-tabs-justified-active-link-border-color:     @body-bg;

//== Pills
@nav-pills-border-radius:                   @border-radius-base;
@nav-pills-active-link-hover-bg:            @component-active-bg;
@nav-pills-active-link-hover-color:         @component-active-color;


//== Pagination
//
//##

@pagination-color:                     @link-color;
@pagination-bg:                        #fff;
@pagination-border:                    #ddd;

@pagination-hover-color:               @link-hover-color;
@pagination-hover-bg:                  @gray-lighter;
@pagination-hover-border:              #ddd;

@pagination-active-color:              #fff;
@pagination-active-bg:                 @brand-primary;
@pagination-active-border:             @brand-primary;

@pagination-disabled-color:            @gray-light;
@pagination-disabled-bg:               #fff;
@pagination-disabled-border:           #ddd;


//== Pager
//
//##

@pager-bg:                             @pagination-bg;
@pager-border:                         @pagination-border;
@pager-border-radius:                  15px;

@pager-hover-bg:                       @pagination-hover-bg;

@pager-active-bg:                      @pagination-active-bg;
@pager-active-color:                   @pagination-active-color;

@pager-disabled-color:                 @pagination-disabled-color;


//== Jumbotron
//
//##

@jumbotron-padding:              30px;
@jumbotron-color:                inherit;
@jumbotron-bg:                   @gray-lighter;
@jumbotron-heading-color:        inherit;
@jumbotron-font-size:            ceil((@font-size-base * 1.5));


//== Form states and alerts
//
//## Define colors for form feedback states and, by default, alerts.

@state-success-text:             #3c763d;
@state-success-bg:               #dff0d8;
@state-success-border:           darken(spin(@state-success-bg, -10), 5%);

@state-info-text:                #31708f;
@state-info-bg:                  #d9edf7;
@state-info-border:              darken(spin(@state-info-bg, -10), 7%);

@state-warning-text:             #8a6d3b;
@state-warning-bg:               #fcf8e3;
@state-warning-border:           darken(spin(@state-warning-bg, -10), 5%);

@state-danger-text:              #a94442;
@state-danger-bg:                #f2dede;
@state-danger-border:            darken(spin(@state-danger-bg, -10), 5%);


//== Tooltips
//
//##

//** Tooltip max width
@tooltip-max-width:           200px;
//** Tooltip text color
@tooltip-color:               #fff;
//** Tooltip background color
@tooltip-bg:                  #000;
@tooltip-opacity:             .9;

//** Tooltip arrow width
@tooltip-arrow-width:         5px;
//** Tooltip arrow color
@tooltip-arrow-color:         @tooltip-bg;


//== Popovers
//
//##

//** Popover body background color
@popover-bg:                          #fff;
//** Popover maximum width
@popover-max-width:                   276px;
//** Popover border color
@popover-border-color:                rgba(0,0,0,.2);
//** Popover fallback border color
@popover-fallback-border-color:       #ccc;

//** Popover title background color
@popover-title-bg:                    darken(@popover-bg, 3%);

//** Popover arrow width
@popover-arrow-width:                 10px;
//** Popover arrow color
@popover-arrow-color:                 #fff;

//** Popover outer arrow width
@popover-arrow-outer-width:           (@popover-arrow-width + 1);
//** Popover outer arrow color
@popover-arrow-outer-color:           fadein(@popover-border-color, 5%);
//** Popover outer arrow fallback color
@popover-arrow-outer-fallback-color:  darken(@popover-fallback-border-color, 20%);


//== Labels
//
//##

//** Default label background color
@label-default-bg:            @gray-light;
//** Primary label background color
@label-primary-bg:            @brand-primary;
//** Success label background color
@label-success-bg:            @brand-success;
//** Info label background color
@label-info-bg:               @brand-info;
//** Warning label background color
@label-warning-bg:            @brand-warning;
//** Danger label background color
@label-danger-bg:             @brand-danger;

//** Default label text color
@label-color:                 #fff;
//** Default text color of a linked label
@label-link-hover-color:      #fff;


//== Modals
//
//##

//** Padding applied to the modal body
@modal-inner-padding:         15px;

//** Padding applied to the modal title
@modal-title-padding:         15px;
//** Modal title line-height
@modal-title-line-height:     @line-height-base;

//** Background color of modal content area
@modal-content-bg:                             #fff;
//** Modal content border color
@modal-content-border-color:                   rgba(0,0,0,.2);
//** Modal content border color **for IE8**
@modal-content-fallback-border-color:          #999;

//** Modal backdrop background color
@modal-backdrop-bg:           #000;
//** Modal backdrop opacity
@modal-backdrop-opacity:      .5;
//** Modal header border color
@modal-header-border-color:   #e5e5e5;
//** Modal footer border color
@modal-footer-border-color:   @modal-header-border-color;

@modal-lg:                    900px;
@modal-md:                    600px;
@modal-sm:                    300px;


//== Alerts
//
//## Define alert colors, border radius, and padding.

@alert-padding:               15px;
@alert-border-radius:         @border-radius-base;
@alert-link-font-weight:      bold;

@alert-success-bg:            @state-success-bg;
@alert-success-text:          @state-success-text;
@alert-success-border:        @state-success-border;

@alert-info-bg:               @state-info-bg;
@alert-info-text:             @state-info-text;
@alert-info-border:           @state-info-border;

@alert-warning-bg:            @state-warning-bg;
@alert-warning-text:          @state-warning-text;
@alert-warning-border:        @state-warning-border;

@alert-danger-bg:             @state-danger-bg;
@alert-danger-text:           @state-danger-text;
@alert-danger-border:         @state-danger-border;


//== Progress bars
//
//##

//** Background color of the whole progress component
@progress-bg:                 #f5f5f5;
//** Progress bar text color
@progress-bar-color:          #fff;

//** Default progress bar color
@progress-bar-bg:             @brand-primary;
//** Success progress bar color
@progress-bar-success-bg:     @brand-success;
//** Warning progress bar color
@progress-bar-warning-bg:     @brand-warning;
//** Danger progress bar color
@progress-bar-danger-bg:      @brand-danger;
//** Info progress bar color
@progress-bar-info-bg:        @brand-info;


//== List group
//
//##

//** Background color on `.list-group-item`
@list-group-bg:                 #fff;
//** `.list-group-item` border color
@list-group-border:             #ddd;
//** List group border radius
@list-group-border-radius:      @border-radius-base;

//** Background color of single list items on hover
@list-group-hover-bg:           #f5f5f5;
//** Text color of active list items
@list-group-active-color:       @component-active-color;
//** Background color of active list items
@list-group-active-bg:          @component-active-bg;
//** Border color of active list elements
@list-group-active-border:      @list-group-active-bg;
//** Text color for content within active list items
@list-group-active-text-color:  lighten(@list-group-active-bg, 40%);

//** Text color of disabled list items
@list-group-disabled-color:      @gray-light;
//** Background color of disabled list items
@list-group-disabled-bg:         @gray-lighter;
//** Text color for content within disabled list items
@list-group-disabled-text-color: @list-group-disabled-color;

@list-group-link-color:         #555;
@list-group-link-hover-color:   @list-group-link-color;
@list-group-link-heading-color: #333;


//== Panels
//
//##

@panel-bg:                    #fff;
@panel-body-padding:          15px;
@panel-heading-padding:       10px 15px;
@panel-footer-padding:        @panel-heading-padding;
@panel-border-radius:         @border-radius-base;

//** Border color for elements within panels
@panel-inner-border:          #ddd;
@panel-footer-bg:             #f5f5f5;

@panel-default-text:          @gray-dark;
@panel-default-border:        #ddd;
@panel-default-heading-bg:    #f5f5f5;

@panel-primary-text:          #fff;
@panel-primary-border:        @brand-primary;
@panel-primary-heading-bg:    @brand-primary;

@panel-success-text:          @state-success-text;
@panel-success-border:        @state-success-border;
@panel-success-heading-bg:    @state-success-bg;

@panel-info-text:             @state-info-text;
@panel-info-border:           @state-info-border;
@panel-info-heading-bg:       @state-info-bg;

@panel-warning-text:          @state-warning-text;
@panel-warning-border:        @state-warning-border;
@panel-warning-heading-bg:    @state-warning-bg;

@panel-danger-text:           @state-danger-text;
@panel-danger-border:         @state-danger-border;
@panel-danger-heading-bg:     @state-danger-bg;


//== Thumbnails
//
//##

//** Padding around the thumbnail image
@thumbnail-padding:           4px;
//** Thumbnail background color
@thumbnail-bg:                @body-bg;
//** Thumbnail border color
@thumbnail-border:            #ddd;
//** Thumbnail border radius
@thumbnail-border-radius:     @border-radius-base;

//** Custom text color for thumbnail captions
@thumbnail-caption-color:     @text-color;
//** Padding around the thumbnail caption
@thumbnail-caption-padding:   9px;


//== Wells
//
//##

@well-bg:                     #f5f5f5;
@well-border:                 darken(@well-bg, 7%);


//== Badges
//
//##

@badge-color:                 #fff;
//** Linked badge text color on hover
@badge-link-hover-color:      #fff;
@badge-bg:                    @gray-light;

//** Badge text color in active nav link
@badge-active-color:          @link-color;
//** Badge background color in active nav link
@badge-active-bg:             #fff;

@badge-font-weight:           bold;
@badge-line-height:           1;
@badge-border-radius:         10px;


//== Breadcrumbs
//
//##

@breadcrumb-padding-vertical:   8px;
@breadcrumb-padding-horizontal: 15px;
//** Breadcrumb background color
@breadcrumb-bg:                 #f5f5f5;
//** Breadcrumb text color
@breadcrumb-color:              #ccc;
//** Text color of current page in the breadcrumb
@breadcrumb-active-color:       @gray-light;
//** Textual separator for between breadcrumb elements
@breadcrumb-separator:          "/";


//== Carousel
//
//##

@carousel-text-shadow:                        0 1px 2px rgba(0,0,0,.6);

@carousel-control-color:                      #fff;
@carousel-control-width:                      15%;
@carousel-control-opacity:                    .5;
@carousel-control-font-size:                  20px;

@carousel-indicator-active-bg:                #fff;
@carousel-indicator-border-color:             #fff;

@carousel-caption-color:                      #fff;


//== Close
//
//##

@close-font-weight:           bold;
@close-color:                 #000;
@close-text-shadow:           0 1px 0 #fff;


//== Code
//
//##

@code-color:                  #c7254e;
@code-bg:                     #f9f2f4;

@kbd-color:                   #fff;
@kbd-bg:                      #333;

@pre-bg:                      #f5f5f5;
@pre-color:                   @gray-dark;
@pre-border-color:            #ccc;
@pre-scrollable-max-height:   340px;


//== Type
//
//##

//** Text muted color
@text-muted:                  @gray-light;
//** Abbreviations and acronyms border color
@abbr-border-color:           @gray-light;
//** Headings small color
@headings-small-color:        @gray-light;
//** Blockquote small color
@blockquote-small-color:      @gray-light;
//** Blockquote font size
@blockquote-font-size:        (@font-size-base * 1.25);
//** Blockquote border color
@blockquote-border-color:     @gray-lighter;
//** Page header border color
@page-header-border-color:    @gray-lighter;


//== Miscellaneous
//
//##

//** Horizontal line color.
@hr-border:                   @gray-lighter;

//** Horizontal offset for forms and lists.
@component-offset-horizontal: 180px;
  `id` bigint(20) unsigned NOT NULL AUTO_INCREMENT,
  `url` varchar(1000) NOT NULL DEFAULT '',
  `res` varchar(255) NOT NULL DEFAULT '' COMMENT '-=not crawl, H=hit, M=miss, B=blacklist',
  `reason` text NOT NULL COMMENT 'response code, comma separated',
  `mtime` timestamp NOT NULL DEFAULT current_timestamp() ON UPDATE current_timestamp(),
  PRIMARY KEY (`id`),
  KEY `url` (`url`(191)),
  KEY `res` (`res`)




	FxVerge 口コミ 2026｜取引条件・安全性・評判を実際にチェック Archives | JNP Sri Lanka | National Freedom Front
	
	https://jnpsrilanka.lk/category/fxverge-2026/
	The Jathika Nidahas Peramuna (JNP) or National Freedom Front (NFF) is a political party in Sri Lanka was formed by the ten JVP parliamentarians led by Wimal Weerawansa, the breakaway group of Janatha Vimukthi Peramuna or JVP, started their political activities on 14 May 2008. The party also achieved a historical milestone for the first time in country's history, a political party launched their official Web site (www.nffsrilanka.com) on the same date the political activities started.
	Wed, 15 Jul 2026 18:33:30 +0000
	en-US
	
	hourly	
	
	1	
	


	https://jnpsrilanka.lk/wp-content/uploads/2021/02/cropped-jnp-logo-32x32.png
	FxVerge 口コミ 2026｜取引条件・安全性・評判を実際にチェック Archives | JNP Sri Lanka | National Freedom Front
	https://jnpsrilanka.lk/category/fxverge-2026/
	32
	32
 
	
		FXとは？ 初心者でも簡単にわかる『 FXの始め方・やり方 』
		https://jnpsrilanka.lk/fx-fx-8/
					https://jnpsrilanka.lk/fx-fx-8/#respond
		
		
		Wed, 15 Jul 2026 11:41:13 +0000
				
		https://jnpsrilanka.lk/?p=51562

					これらの要素が組み合わさり、FXは非常に柔軟でスピーディーな金融商品となっています。 最初は専門用語に戸惑うかもしれませんが、基本の「仕組み」と「利益の出し方」、そして「注文の種類」を理解することで、着実にステップアップすることができます。 FXとは外国為替証拠金取引のことで、日本円や米ドルなどの通貨を取引する投資商品です。 FXというと、大損しそうで怖い・とにかく危険といったイメージをもたれがちです。 初心者の方にとって為替レートの行方を予想して取引のタイミングを見極めるのは容易ではありません。 ただし、流動性が低い通貨はリスクも高まるため、取引する際は十分に注意が必要です。 「FXは大きな資金がないと始められない」というイメージを持たれがちですが、実は10万円からでも取引をスタートできます。 少額資金による取引は、リスクを抑えながら経験を積んでいけるという側面もあるため、初心者に適しているといえます。 本記事では、FXを10万円から始められる仕組みや、10万円から始めることによって得られるメリット、リスク管理の方法などを解説します。 実際に10万円でFXを始める際の具体的な手順もまとめているので、ぜひ参考にして下さい。 松井証券はシンプルな手数料体系、豊富な無料ツールと安心のサポートでNISAをきっかけに投資を始める初心者の方にも支持されています。 FXの利益とコスト SBI FXトレードは業界トップクラスとなる「34種類」の通貨ペアがあり、1通貨単位から取引できるため、非常に少ない資金からFX取引が可能です。 また、スプレッドは業界最狭基準となっており、利益を上げやすい環境が整っているため、初心者の方にも安心してご利用いただけます。 まずはSBI FXトレードで口座を開設し、FX取引を始めてみましょう。 保証金（証拠金）の入金が反映されたら、取引する通貨ペアを選択します。 初心者の場合は、取引量が多く流動性が高いメジャーな通貨ペアがおすすめです。 メジャーな通貨ペアは相場の変動が比較的安定している上、市場の参加者が多く、出した注文がスムーズに約定される傾向にあるためです。 […]
The post FXとは？ 初心者でも簡単にわかる『 FXの始め方・やり方 』 appeared first on JNP Sri Lanka | National Freedom Front.
]]>
										これらの要素が組み合わさり、FXは非常に柔軟でスピーディーな金融商品となっています。 最初は専門用語に戸惑うかもしれませんが、基本の「仕組み」と「利益の出し方」、そして「注文の種類」を理解することで、着実にステップアップすることができます。 FXとは外国為替証拠金取引のことで、日本円や米ドルなどの通貨を取引する投資商品です。 FXというと、大損しそうで怖い・とにかく危険といったイメージをもたれがちです。 初心者の方にとって為替レートの行方を予想して取引のタイミングを見極めるのは容易ではありません。
ただし、流動性が低い通貨はリスクも高まるため、取引する際は十分に注意が必要です。 「FXは大きな資金がないと始められない」というイメージを持たれがちですが、実は10万円からでも取引をスタートできます。 少額資金による取引は、リスクを抑えながら経験を積んでいけるという側面もあるため、初心者に適しているといえます。 本記事では、FXを10万円から始められる仕組みや、10万円から始めることによって得られるメリット、リスク管理の方法などを解説します。 実際に10万円でFXを始める際の具体的な手順もまとめているので、ぜひ参考にして下さい。 松井証券はシンプルな手数料体系、豊富な無料ツールと安心のサポートでNISAをきっかけに投資を始める初心者の方にも支持されています。
FXの利益とコスト

SBI FXトレードは業界トップクラスとなる「34種類」の通貨ペアがあり、1通貨単位から取引できるため、非常に少ない資金からFX取引が可能です。 また、スプレッドは業界最狭基準となっており、利益を上げやすい環境が整っているため、初心者の方にも安心してご利用いただけます。 まずはSBI FXトレードで口座を開設し、FX取引を始めてみましょう。 保証金（証拠金）の入金が反映されたら、取引する通貨ペアを選択します。 初心者の場合は、取引量が多く流動性が高いメジャーな通貨ペアがおすすめです。 メジャーな通貨ペアは相場の変動が比較的安定している上、市場の参加者が多く、出した注文がスムーズに約定される傾向にあるためです。
FXでよくある失敗とは？
投資信託の取扱本数は約2,600本（2026年6月1日時点）、米国株は約4,500銘柄と豊富で、幅広い投資ニーズに対応しています。 トータルで利益を出すという長期的な視点を持つことで、一時的な損失に動揺せず、冷静に取引を続けられるようになります。 値動きの大きい銘柄の特徴として、出来高が多いこと、材料（ニュースや決算発表など）が出ていること、値幅制限の上限や下限に近い動きをしていることなどが挙げられます。 「もう少し待てば上がるかもしれない」という期待から損切りを先延ばしにすると、損失がさらに拡大してしまう可能性があります。 2024年11月5日から、東京証券取引所の取引時間が延長されました。
FX入門知識〜基礎知識から購入まで〜
税金の計算は複雑に感じるかもしれませんが、特定口座（源泉徴収あり）を利用すれば、証券会社が自動で税金を計算・納付してくれるため、手間が省けます。 ただし、年間の利益が20万円以下の場合、給与所得者は確定申告が不要になる場合があります。 また、損失が出た年は、確定申告をすることで翌年以降3年間、利益と相殺できる「繰越控除」という制度を利用できます。 なお、復興特別所得税は2037年12月31日までの期間限定の課税です。
FXはやめとけと言われる理由は？失敗しやすい人の特徴やリスクを回避するためのポイント

国を越えてお金をやりとりするときは、通貨を交換しなければならないのです。
損失を完全に避けることはできませんが、リスクを予測し、コントロールする意識を持つことで、無理のない資産運用が可能になります。
スマートフォンの取引アプリを活用すれば、外出先でも相場の確認や注文ができます。
チャートの確認や取引が隙間時間で複数回できるならデイトレードを、仕事や家事に忙しく、FXに割ける時間が少ない人はスイングトレードを選択すると良いでしょう。
ただし、提出する書類によっては2種類の書類提出が求められる点に注意が必要です。
松井証券は豊富な通貨ペアを取り扱っており、米ドル/円やユーロ/円などのメジャーな通貨ペアから、新興国通貨まで幅広く取引可能です。

初心者の方は取引量が多く、情報を入手しやすい「米ドル/円」「ユーロ/円」「ユーロ/米ドル」などの通貨を選ぶことをおすすめします。 FX取引をするには、取引に必要な金額の日本円をFX取引の口座に入金することが必要です。 「朝に買い注文でポジションを持っておき、仕事から帰宅後に決済する」という取引もできるため、確保できる取引時間が少ない初心者の方でも実現しやすい方法です。 秒単位で取引を繰り返すスキャルピングや、数時間～1日単位で取引をするデイトレードの場合、スプレッドが狭いFX会社を探す重要性が高まるでしょう。 高機能チャートを備えたリッチクライアント型ツールではシステムトレード（自動売買）も裁量と同一レートで利用可能。 スマホアプリはスピード注文やプッシュ通知にも対応し、初心者から自動売買派まで幅広く使える口座です。
スワップポイントとは？

FX会社によって差はありますが、一般的には月曜日の朝7時～土曜日の朝7時まで取引でき、祝日も取引可能です（サマータイムの場合は1時間早まる）。 最大25倍（個人口座の場合）のレバレッジにより、下図のように4万円の証拠金で100万円の取引が行えます。 「FXと他の投資の違い」や「FXが資産運用として選ばれる理由」については、以下の記事で詳しく解説しています。 仮に1ドル150円だった場合、1,000ペアを買うと150,000円分の取引をすることになります（レバレッジを考慮しない場合）。 高値掴みとは、株価が大きく上昇した後の高値で買ってしまい、その後株価が下落して損失が出ることを指します。
FX会社を選ぶに当たっては、「最低取引単位」「スプレッド」「スワップポイント」の3つに注目するとよいでしょう。 FXは買いと売りのどちらからでも取引を始めることができ、円高・円安どちらの局面でも利益を得るチャンスがあります。 現物株式の投資では、株価が上がることを期待して買い、値上がりした時に売って利益を得まことが基本的な考え方ですが。 しかし、FXでは「売り」から取引を始めることもできるため、相場が下落すると予想する時でも利益を狙うことができ、さまざまな状況で取引機会を見出すことができます。
損切りとは、含み損を抱えたポジションを、損失がそれ以上拡大する前に自らの意思で決済し、損失を確定させる行為です。 含み損を抱えた時に、「これ以上損をしたら生活できない」という恐怖から、本来なら損切りすべきポイントで決済できず、ずるずると損失を拡大させてしまいます。 逆に、わずかな利益が出ただけで、「この利益を失いたくない」という焦りから、すぐに決済してしまい、大きな利益を取り逃がすことにも繋がります。 FXで長く生き残るためには、レバレッジを「利益を増やす魔法」ではなく、「リスクを管理する調整弁」として捉える必要があります。 口座の資金に対して、常にポジションの規模が大きすぎないか（実効レバレッジはどれくらいか）を意識し、コントロールすることが極めて重要です。 レバレッジをかけていなければ、損失は10万円の10%である1万円で済んだはずです。
口座開設の手順と必要書類
この証拠金維持率が、FX会社が定める一定のレベル（例えば50%や100%など）を下回ると、ロスカットが執行されます。 この流れに沿って進めれば、誰でもスムーズにFX取引をスタートさせることができます。 この利益を確定させる行為を「利確（りかく）」、損失が出ている状態でそれ以上損失が拡大するのを防ぐために決済する行為を「損切り（そんぎり）」と呼びます。 fxverge 安全 例えば、日本のように長らく低金利政策を続けている国もあれば、メキシコやトルコ、南アフリカのように高い金利を設定している国もあります。 各社公式サイトの公開情報に基づき、スプレッド・最小取引単位・サポート体制などの独自の基準に基づき制作しています。
この記事では、FXの基本的な仕組みからメリットやリスク、取引の始め方について詳しく解説しました。 FXは、異なる通貨ペアを売買し、レバレッジを活用することにより少額資金で大きな取引が可能になる一方、リスク管理が非常に重要です。 これからFXを始めようと考えている方は、ぜひこれらの知識を活用し、着実なステップアップを目指してください。 松井証券では、自分で分析して取引を行う従来の方法に加え、自動売買サービスも提供しています。 この自動売買は、あらかじめ設定したルールに基づいて自動的に取引を行うため、時間のない方や初心者の方にも人気です。 レバレッジとは、入金した保証金（証拠金）に対して、より大きな金額で取引できる仕組みで、国内のFX会社では個人の場合最大25倍までのレバレッジをかけられます。
GMOクリック証券「FXネオ」取引コストの安さと高機能な取引ツール
参考：無登録の海外所在業者による勧誘にご注意ください｜金融庁金融庁でも注意喚起をしていますので、トラブルを回避するためにも利用はあまりおすすめできません。 「SBI FXトレード」は、米ドル/円のスプレッドは0.18銭〜と、業界内で多く採用されている「0.2銭」の基準を下回っています。 また、業界でも数少ない「1通貨単位でトレードできる」という特徴があるFX会社です。 レバレッジに関係なく数百円単位で取引ができるため、資金が少ない初心者の方でも取引に参加できます。
FX取引の始め方・手順
FXには、通貨間の金利差を利用して追加の収益を得られるスワップポイントと呼ばれる仕組みがあります。 金利の高い通貨を買い、金利の低い通貨を売ることで、基本毎日一定のスワップポイントを受け取ることができます。 これにより、為替レートの変動に関係なく、安定した収益源が得られるため、長期投資を考えている人にとって魅力的な選択肢となります。 まず外国為替証拠金取引を取り扱っている金融機関の専用口座が必要になります。 当サイトで紹介しているFX専業の会社を始め、証券会社や一部の銀行でもFX取引用の口座を開設することができます。 ロスカットの問題点は、「相場が一時的に大きく変動し、その後すぐに元の水準に戻る」ようなケースでも容赦なく執行されてしまうことです。
FX情報を仕入れるなら「外為どっとコム」
このような現象は、経済指標の発表や重要なニュースによって値動きが激しくなった場合や、取引参加者が少なく流動性が低い場合に発生しやすくなります。 スリッページが発生すると、不利な価格で約定する可能性が高くなり、スプレッドが広がることで予期せぬコストや損失を招くことがあります。 長期保有とは、数ヶ月から年単位で保有し続ける長期的な投資スタイルです。 また、長期保有はスワップポイントを積み上げることもできるため、金利の高い通貨を選ぶ傾向にあります。 FXにおけるスワップポイントとは、異なる国の通貨間で生じる「金利差調整額」のことです。
The post FXとは？ 初心者でも簡単にわかる『 FXの始め方・やり方 』 appeared first on JNP Sri Lanka | National Freedom Front.
]]>
					
					https://jnpsrilanka.lk/fx-fx-8/feed/
			0