/* ************************************************
 * 共通設定
 * ************************************************ */
@font-face {
font-family: "YuGothic M";
src: local("Yu Gothic Medium");
}

body {
padding: 0px;
margin: 0px;
font-family: "游ゴシック体", YuGothic, "YuGothic M", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 16px;
line-height:1.5em;
color:#333;
text-align:left;
height:100%;
word-wrap: break-word;
-webkit-text-size-adjust: 100%;
}
@media all and (-ms-high-contrast:none){
/*IE対策*/
body {
font-family: "メイリオ", Meiryo, "游ゴシック体", YuGothic, "YuGothic M", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
}

img{
max-width: 100%;
height: auto;
width /***/:auto;
vertical-align:top;
}

p {
padding:0px;
margin:0 0 30px 0;
}


/***** リンク *****/
a {
color: #666;
text-decoration:underline;
cursor:pointer;
-webkit-transition: opacity 0.4s ease;
-moz-transition: opacity 0.4s ease;
-ms-transition: opacity 0.4s ease;
-o-transition: opacity 0.4s ease;
transition: opacity 0.4s ease;
}
a:hover {
text-decoration:none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
opacity: 0.5;
}

/***** 上付き文字 *****/
sup {
font-size: 60%;
vertical-align: top;
position: relative;
top: -0.1em;
}

/***** リスト *****/
ul {
padding:0px;
margin:0px;
list-style: none;
list-style-type: disc;
}
ul li {
padding: 0px;
margin:0px;
list-style: none;
}

/***** テーブル *****/
table {
border-top: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
border-collapse: collapse;
width: auto;
margin:0 auto 30px auto;
}
table th,
table td {
border-left: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
padding: 10px 20px;
}
table th {
background: #b275ac;
color:#fff;
font-weight:normal;
}

/***** アイコンフォント *****/
i {
line-height:1em;
vertical-align:top;
}

/* ************************************************ */
/**** 共通クラス定義 ****/
/* ************************************************ */
/***** clearfix *****/
.clearfix:after { 
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/***** innr *****/
.innr {
width:100%;
max-width:1440px;
margin:auto;
padding:0 20px;
box-sizing:border-box;
}
.innr_half_left {
width:100%;
max-width:720px;
margin:0 0 0 auto;
padding:0 40px 0 20px;
box-sizing:border-box;
}
.innr_half_right {
width:100%;
max-width:720px;
margin:0 auto 0 0;
padding:0 20px 0 40px;
box-sizing:border-box;
}

/***** align *****/
.al_center {
text-align:center;
}
.al_left {
text-align:left;
}
.al_right {
text-align:right;
}

/***** font-size *****/
.fs_14 {
font-size:14px;
}

/***** color *****/
.f_purple {
color:#66499d;
}

/***** ボタン *****/
.btn {
display:inline-block;
background:#900;
color:#fff;
font-size:24px;
line-height:1em;
width:auto;
height:auto;
padding:20px 50px;
margin:0 0;
box-sizing:border-box;
text-decoration:none;
}
.btn:hover {
text-decoration:none;
}
.btn i {
margin-right:5px;
}
.btnn {
display:inline-block;
background:#00c3d9;
color:#fff;
font-size:24px;
line-height:1em;
width:auto;
height:auto;
padding:20px 50px;
margin:0 0;
box-sizing:border-box;
text-decoration:none;
}
.btnn:hover {
text-decoration:none;
}
.btnn i {
margin-right:5px;
}

/***** 段落 *****/
.paragraph {
margin:80px 0;
}

/***** タイトル *****/
.tit {
font-size:35px;
line-height:1.2;
padding:0 0 0 0;
margin:0 0 50px 0;
color:#333;
text-align:left;
}
.tit:after {
content:"";
width:80px;
height:5px;
background:#66499d;
display:block;
margin:20px 0 0 0;
}

/***** ※ *****/
.asterisk {
margin:0 0 30px 0;
}
.asterisk p {
margin:0 0 5px 0;
padding-left:1.3em;
text-indent:-1.3em
}
.asterisk p:before {
content:"※ ";
}


/***** pagetop_anchor *****/
.pagetop_anchor {
position:absolute;
top:0;
}


/* ************************************************ */
/**** 大枠ID ****/
/* ************************************************ */
#container{
width:100%;
min-width:100%;
}

#header {
width:100%;
margin:0;
padding:30px 0;
}

#main {
width:100%;
margin:0 0;
padding:0 0;
box-sizing: border-box;
}

#footer {
width:100%;
margin:0;
padding:0;
background:#000;
color:#fff;
text-align:center;
}


/* ************************************************ */
/**** header ****/
/* ************************************************ */
/***** logo *****/
.logo {
text-align:left;
margin:0 auto;
padding:0 0;
}


/* ************************************************ */
/**** main ****/
/* ************************************************ */

/***** モーダルウインドウ *****/
.modalinnr {
margin:40px;
}
.modaltit {
font-size: 24px;
line-height:1.2;
font-weight: bold;
margin: 0 0 30px 0;
color: #66499d;
}
#colorbox {
background: #fff;
}
#cboxWrapper {
/*background:rgba(0,0,0,0.5);*/
background:#ccc;
box-sizing:border-box;
}
#cboxContent {
border:1px solid #333;
}
#cboxLoadedContent {
margin-bottom:0;
background: #fff;
}
#cboxClose {
position:absolute;
top:10px;
left:10px;
/*text-indent:0;*/
width:20px;
height:20px;
-webkit-transition: opacity 0.4s ease;
-moz-transition: opacity 0.4s ease;
-ms-transition: opacity 0.4s ease;
-o-transition: opacity 0.4s ease;
transition: opacity 0.4s ease;
}
#cboxClose:after {
content:'\f0d2';
font-family:'WebHostingHub-Glyphs';
color:#06f;
text-indent:0;
font-size:20px;
display:block;
font-weight:bold;
position:absolute;
background:#fff;
line-height:1;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
top:0px;
bottom:0;
left:0px;
right:0;
margin:auto;
}
#cboxClose:hover {
text-decoration:none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
opacity: 0.5;
}
#cboxTopLeft,
#cboxTopCenter,
#cboxTopRight,
#cboxBottomLeft,
#cboxBottomCenter,
#cboxBottomRight {
height:10px;
background:#ccc!important;
display:block;
}
#cboxTopLeft,
#cboxTopRight,
#cboxBottomLeft,
#cboxBottomRight,
#cboxMiddleLeft,
#cboxMiddleRight {
width:10px;
background:#ccc!important;
display:block;
}

/***** メインVIS *****/
.mainvis {
background:url(../images/mainvis_bg.jpg) no-repeat bottom center;
background-size:cover;
padding:120px 0;
color:#fff;
text-align:center;
}
.mainvis .mainvis_tit {
font-size:48px;
line-height:1.2;
margin:0 0 40px 0;
text-shadow: 2px 2px 1px rgba(0,0,0,0.75),
-2px 2px 1px rgba(0,0,0,0.75),
2px -2px 1px rgba(0,0,0,0.75),
-2px -2px 1px rgba(0,0,0,0.75);
}

.mainvis .mainvis_copy {
border:1px solid #fff;
padding:20px 30px;
font-size:20px;
line-height:1.2;
display:inline-block;
}

.discription {
color:#333;
background:#e5e5e5;
text-align:center;
padding:10px 20px;
font-weight:bold;
}

/***** 口座開設ボタンエリア *****/
.btnarea {
margin:30px 20px;
text-align:center;
}
/* フローティング */
.floating {
position:fixed;
top:0;
left:0;
right:0;
border-bottom:1px solid #efefe7;
background:rgba(255,255,255,0.95);
margin:0px;
padding:10px 0;
z-index: 1;
}

/***** 俺のMT4の特徴 *****/
.feature {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
/*左*/
.feature_left {
float:left;
width:50%;
background:url(../images/feature_left_bg.jpg) no-repeat right top;
background-size:cover;
padding:120px 0;
color:#fff;
text-align:left;
}
.feature_tit {
font-size:50px;
line-height:1.2;
font-weight:normal;
margin:0 0 80px 0;
}

/*右*/
.feature_right {
float:right;
width:50%;
background:url(../images/feature_right_bg.jpg) no-repeat left top;
background-size:cover;
padding:60px 0;
}

.feature_right ul {
border-top:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
list-style:none;

    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.feature_right ul li{
float:left;
text-align:center;
background:#fff;
border-bottom:1px solid #e5e5e5;
border-left:1px solid #e5e5e5;
width:50%;
margin:0;
padding:30px 20px;
box-sizing: border-box;
}
.feature_right ul li .feature_stit {
font-size:20px;
line-height:1.2;
color:#237517;
margin-bottom:20px;
}
.feature_right ul li .feature_ic {
color:#75bb29;
font-size:70px;
margin-bottom:20px;
}
.feature_right ul li .feature_txt {
margin:0;
}

/***** 俺のMT4 取引ルール *****/
table.rule {
text-align:left;
margin:0 auto;
}
table.rule th {
white-space: nowrap;
}
ul.pair {
}
ul.pair li {
line-height: 1em;
margin: 0 5px 5px 0;
display:inline-block;
width:150px;
}
ul.pair li img {
width:auto;
height:1em;
margin:0 3px 0 0;
}

/***** MT4（MetaTrader4）について知る *****/
.about {
text-align:left;
}
.about .about_left {
float:left;
width:50%;
padding:0 40px 0 0;
box-sizing:border-box;
}
.about .about_right {
float:right;
width:50%;
padding:0 0 0 40px;
box-sizing:border-box;
}

/***** 即日口座開設！最短２営業日で取引ができる *****/
.flow_img {
display:block;
text-align:center;
}
.flow_img_sp {
display:none;
text-align:center;
}

.flow_text {
color:#fff;
text-align:center;
font-size:20px;
font-weight:bold;
background:#b8b8b8;
position:relative;
/*margin-right:30px;*/
margin-bottom:20px;
padding:5px 0;
line-height:1;
vertical-align:middle;
box-sizing:border-box;
width:calc(100% - 30px);
}
.flow_text:after {
position: absolute;
content: " ";
height: 0;
width: 0;
left: 100%;
top: 50%;
border:30px solid transparent;
border-left:30px solid #b8b8b8;
border-right:0px solid #b8b8b8;
margin-top: -30px;
}


/* ************************************************ */
/**** footer ****/
/* ************************************************ */

/***** お問い合わせ *****/
.inquiry {
}
.inquiry dl {
font-weight:bold;
margin:auto;
padding:15px 0;
}
.inquiry dl dt {
display:inline-block;
font-size:16px;
border-right:1px dotted #666;
margin-right:20px;
padding-right:20px;
}
.inquiry dl dd {
display:inline-block;
font-size:16px;
margin-right:20px;
}
.inquiry dl dd.tel {
font-size:20px;
}
.inquiry dl dd span.open {
font-weight:normal;
font-size:14px;
}
.inquiry a {
color:#fff;
}

/***** disclaimer *****/
.disclaimer {
text-align:left;
font-size:14px;
line-height:1.3;
background:url(../images/disclaimer_bg.png) no-repeat bottom center;
background-size:cover;
padding:30px 0;
}

/***** banner *****/
.banner {
padding:10px 0;
background:#fff;
margin-bottom:30px;
}
.banner ul {
margin:auto;
}
.banner ul li {
display:inline-block;
margin:5px;
}

/***** copyright *****/
.copyright {
font-size:14px;
padding-bottom:30px;
margin-bottom:0;
}

/***** pagetop *****/
.pagetop {
bottom:20px;
right:20px;
height: 50px;
margin: auto;
position: fixed;
}

.pagetop a {
color:#fff;
background:rgba(0,0,0,0.5);
text-align:center;
margin:0px auto 0px auto;
width:50px;
height:50px;
line-height:50px;
font-size:20px;
display: block;
border:3px solid #fff;
text-decoration:none;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
border-radius:50%;
}
.pagetop a i {
vertical-align:top;
line-height:50px;
}



/************************************************ 768px以下 ************************************************/
@media screen and (max-width: 768px){


/* ************************************************ */
/**** 共通クラス定義 ****/
/* ************************************************ */
/***** innr *****/
.innr {
max-width:768px;
}
.innr_half_left {
max-width:768px;
padding:0 20px;
}
.innr_half_right {
max-width:768px;
padding:0 20px;
}


/***** ボタン *****/
.btn {
padding:20px 20px;
font-size:20px;
}

/***** 段落 *****/
.paragraph {
margin:40px 0;
}

/***** タイトル *****/
.tit {
font-size:27px;
margin:0 0 30px 0;
}



/* ************************************************ */
/**** 大枠ID ****/
/* ************************************************ */

/* ************************************************ */
/**** header ****/
/* ************************************************ */
/***** logo *****/
.logo {
text-align:center;
}

/* ************************************************ */
/**** main ****/
/* ************************************************ */
/***** モーダルウインドウ *****/
.modalinnr {
margin:20px;
}
.modaltit {
}
#colorbox {
min-width:100%;
}
#cboxContent {
border:1px solid #333;
}
#cboxWrapper {
background:#ccc;
min-width:100%;
}
#cboxLoadedContent {
margin-bottom:0;
}
#cboxClose {
position:absolute;
top:-5px;
left:-5px;
}
#cboxClose:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
#cboxTopLeft,
#cboxTopCenter,
#cboxTopRight,
#cboxBottomLeft,
#cboxBottomCenter,
#cboxBottomRight {
height:9px;
}
#cboxTopLeft,
#cboxTopRight,
#cboxBottomLeft,
#cboxBottomRight,
#cboxMiddleLeft,
#cboxMiddleRight {
width:9px;
}

/***** メインVIS *****/
.mainvis {
padding:60px 0;
}
.mainvis .mainvis_tit {
font-size:36px;
margin-bottom:20px;
}

.mainvis .mainvis_copy {
padding: 15px 20px;
font-size: 18px;
}

.mainvis_discription {
}

/***** 口座開設ボタンエリア *****/
.btnarea {
margin:20px;
text-align:center;
}
/* フローティング */
.floating {
margin:0px;
padding:10px 0;
}


/***** 俺のMT4の特徴 *****/
.feature {
}
/*左*/
.feature_left {
float:none;
width:100%;
background:url(../images/feature_left_bg.jpg) no-repeat center top;
padding:40px 0;
}
.feature_tit {
font-size:34px;
margin:0 0 30px 0;
}

/*右*/
.feature_right {
float:none;
width:100%;
background:url(../images/feature_right_bg.jpg) no-repeat center top;
padding:20px 0;
}

/***** 俺のMT4 取引ルール *****/
table.rule {
}
table.rule th {
white-space:normal;
}


/***** MT4（MetaTrader4）について知る *****/
.about {
}
.about .about_left {
float:none;
width:100%;
padding:0 0px;
}
.about .about_right {
float:none;
width:100%;
padding:0 0px;
margin-bottom:30px;
text-align:center;
}

/***** 即日口座開設！最短２営業日で取引ができる *****/
.flow_text {
color:#fff;
font-size:14px;
font-weight:bold;
background:#b8b8b8;
position:relative;
margin-right:40px;
margin-bottom:20px;
padding:10px 0;
}

/* ************************************************ */
/**** footer ****/
/* ************************************************ */

/***** お問い合わせ *****/
.inquiry {
}
.inquiry dl {
}
.inquiry dl dt {
display:block;
border-right:0;
border-bottom:1px dotted #666;
margin-right:0;
margin-bottom:10px;
padding-right:0;
padding-bottom:10px;
}
.inquiry dl dd {
display:block;
margin-right:0;
margin-bottom:10px;
}
.inquiry dl dd span.open {
display:inline-block;
}

/***** pagetop *****/
.pagetop {
bottom:10px;
right:10px;
height:40px;
}

.pagetop a {
width:40px;
height:40px;
line-height:40px;
}
.pagetop a:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.pagetop a i {
line-height:40px;
}


/************************************************ 479px以下 ************************************************/
@media screen and (max-width: 479px){


/* ************************************************ */
/**** main ****/
/* ************************************************ */

/***** メインVIS *****/
.mainvis {
padding:40px 0;
}

/***** 俺のMT4の特徴 *****/
.feature {
}

/*右*/
.feature_right {
}
.feature_right ul {
}
.feature_right ul li{
float:none;
width:100%;
padding:20px 20px;
}


/***** 俺のMT4 取引ルール *****/
table.rule {
}
table.rule th {
display:none;
}
table.rule td {
padding:10px;
}
table.rule td:before {
content: attr(data-label);
float: left;
text-align: center;
font-weight: bold;
width: calc(100% - 20px);
color:#fff;
background:#b275ac;
border-bottom: 1px solid #e5e5e5;
padding: 10px 20px;
margin:-10px 0 10px -10px;
}

ul.pair {
}
ul.pair li {
line-height: 1.5;
margin: 0 0;
display:block;
width:50%;
float:left;
}
ul.pair li img {
height: 0.75em;
margin: 0.35em 3px 0 0;
}


/***** 即日口座開設！最短２営業日で取引ができる *****/
.flow_img {
display:none;
}
.flow_img_sp {
display:block;
margin-bottom:1em;
}

.flow_text {
width:100%;
margin-right:0;
}
.flow_text:after {
display:none;
}

}