@charset "utf-8";
/* ----------------------------------------------------------
fee
---------------------------------------------------------- */
section.fee {
    background-color: #fff;
}
section.fee>.section-wrapper>.section-container {
    padding: 60px 60px 5px 60px;
    background-color: #EBEBE8;
}

@media only screen	and (max-width: 667px)	{
    section.fee>.section-wrapper>.section-container {
        padding: 60px 10px 5px 10px;
    }
}

@media only screen	and (max-width: 370px)	{
    section.fee>.section-wrapper>.section-container {
        padding: 60px 5px 5px 5px;
    }
	th.tradefee-c {
    font-size: 12.8px;
	}
}

/*feetop pagetitle-area*/
@media only screen	and (max-width: 767px)	{
  .banner-aria-inner {
    margin: 0;
  }
}

/*fee-promotion promotion-area*/
.promotion-card {
    -moz-transition: all .3s ease;
    -o-transition:  all .3s ease;
    -webkit-transition:  all .3s ease;
}

.promotion-card {
    margin-bottom:30px;
    padding: 20px;
    background-color: #ffffff;
    border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
    text-align: center;
    box-shadow:0px 3px 12px -1px #777;
-moz-box-shadow:0px 3px 12px -1px #777;
-webkit-box-shadow:0px 3px 12px -1px #777;

}

.promotion-card:hover {
    box-shadow:0px 13px 22px 0px #999;
-moz-box-shadow:0px 13px 22px 0px #999;
-webkit-box-shadow:0px 13px 22px 0px #999;
}

.promotion-card-spot {border-top:15px solid #F05B42;}
.promotion-card-margin {border-top:15px solid #C086E6;}
.promotion-card-airfx {border-top:15px solid #147EA8;}
.promotion-card-futures {border-top:15px solid #7DAC41;}

.promotion-card-title, 
.promotion-card-rate {color: #95989A;}

.promotion-card-title-container{height: 56px;word-break: keep-all;}

.promotion-card-rate {font-size: 300%;}

.promotion-card-text {padding:10px 0; color:#28526E;}

.promotion-card-btn {width: 80%;}

.contents-link {margin:10px;}
.contents-link > a {width: 30px; height: 30px;}

.glyphicon-menu-down {color:#757575;}

/*conversion conversion-area*/
.conversion {margin:20px 0;}

.conversion-btn {
    width: 30%;
    min-width: 260px;
}
@media only screen	and (max-width: 667px)	{
    .conversion-btn {width: 80%;}
}

/*contents-table table-area共通*/
table {
    box-shadow:0px 5px 17px 0px #aaa;
-moz-box-shadow:0px 5px 17px 0px #aaa;
-webkit-box-shadow:0px 5px 17px 0px #aaa;

    background-color:#fff;
}

th {color: #333;}

.contents-table {margin:80px 0;}

.contents-table > h3 {
    color:#337AB7; 
    border-bottom:2px solid #ccc; 
    margin-bottom:15px; 
    padding:10px 0;
}

.note-area {background-color: #F5F5F5;}
.note-area-inner {
    padding:10px 30px 10px 30px; 
    color:#666666;
}

/*trading-fee*/
.trading-fee-top {background-color:#B1C1C0;}

tr.trading-fee-head {height: 100px;}

.trading-fee-body {text-align: center;}

tr.tradefee-d {height: 50px;}

.table>thead>tr>th.tradefee-h, 
.table>tbody>tr>th.tradefee-d, 
.table>tbody>tr>td.tradefee-d {vertical-align: middle;}

th.tradefee-h {text-align: center;}

.deposit>tr>th.record-join {
    border-bottom-style: hidden; 
    vertical-align:bottom;
}

span.glyphicon-remove {color:#dddddd;}

.fee-unit {font-weight: normal; color:#546E7A;}

span.glyphicon-info-sign {color:#999999; margin-left: 5px;}

.note-link {font-weight: normal}

.currency-pair, 
.deposit, 
.reserve, 
.reserve > tr > th {text-align: center;}

.currency-pair > tr > th {font-weight: normal;}

tr.currency-pair-h {background-color:#ccc;}

tr.currency-pair-b {background-color:#dddddd;}

tr.currency-pair-b > th:nth-child(n+2){text-align: center;}

/*********  mobile-view  **********/
/*tabs switching-table-btn*/
.switching-btn {margin-bottom:20px;}

/*table-tab-center*/
.nav-tabs > li, .nav-pills > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
     zoom:1; /* hasLayout ie7 trigger */
}

.nav-tabs, .nav-pills {text-align:center;}


.fee .promotion-card-btn{
    width: 92%;
}
.fee .list-note{
    color: #666;
}
.fee .list-note:not(last-child){
    margin-bottom: 0;
}
@media only screen and (min-width: 767px){
    .fee .promotion-card h2.fx:lang(en){
        font-size: 26px
    }
}
@media only screen and (min-width: 240px) and (max-width: 580px) {
    .fee .nav>li>a{
        padding: 10px 12px;
    }
    .fee .nav>li>a:lang(en){
        padding: 10px 6px;
    }
}