a{/*color:#e14989;*/}
/* 公式ボタン */
a.official_jump{
    position: relative;
    top: 0;
   width:80%;
    color: #fff;
    background: #3333ff;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: -1px;
    box-shadow: inset 0 -3px 0 0 rgba(0,0,0,0.25),inset 0 0 0 1px rgba(0,0,0,0.03);
    margin: 0.5em auto;
    border-radius: 3px;
    display: block;
    text-align: center;
    padding: 1.0em 0.25em;
    -webkit-transition: all 0.05s linear;
    transition: all 0.05s linear;
}
a.official_jump:hover {
    top: 3px;
color:rgba(255,255,255,0.75);
    box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.25);
}

.titan{background: #74bd4a!important;}
.iforex{background: #03ace5!important;}
.xm{background: #d51820!important;}
.axiory{background: #562878!important;}

.fbs{background: #45804b!important;}
.ifcmarkets{background: #17464c!important;}
.traderstrust{background: #083481!important;}
.landfx{background: #2e7ad8!important;}
.milton{background: #e8c027!important;}
.gemforex{background: #eb6519!important;}
.myfx{background: #982b2e!important;}
.tradeview{background: #333!important;}

/* ジャンプボタン */
.jump_sections {
    text-align: center;
    margin: auto;
    letter-spacing: -0.4em;
}
.jump_sections > a,
.jump_sections > a:hover,
.jump_sections > a:active {
    font-weight: bold;
    font-size: 1.0em;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    min-width: 23%;
    padding: 0.5em 0.25em;
    margin: 0.25em 1%;
    background: #61b9ff;
    color: #fff;
    text-shadow:0 1px 2px rgba(0,0,0,0.25);
    border-radius: 5px;
    box-shadow: inset 0 -1px 1px 1px rgba(255,255,255,0.5) , 0 1px 1px 1px #5eb8ff;
    letter-spacing: normal;
}
.jump_sections > a:hover{ position: relative;top:2px;}


/*  */
strong.normal {
color:#000;
}
strong.akasen {
    border-bottom: 2px solid #ff3333;
    font-size: 120%;
    font-weight: bold;
}
strong.blue {
color:blue;
}
.gray_box,.gray_box_bold {
    border: 1px #ccc solid;
    box-shadow: 0 2px 3px 0 #ddd;
    margin: 1.0em 0;
    padding: 0 0.5em;
}
.gray_box_bold{
    border: 4px solid #c0c0c0;
    border-radius: 10px;
}
.matome_box {
 position: relative;
 border: 3px solid #5ec1a7;　
 border-radius: 4px;
 padding: 2.0em 2.0em 0;
 margin: 48px auto;
}

.matome_ttl {
 display:table;
 font-weight:bold;
 font-size: 1.2em;
 color: #000000;
 margin: -45px 0 0 0;
 background: #fff;
 padding: 0 8px;
}
.matome_ttl + ul {margin: 0.5em 0 1em;}

.entry-content img{
display: block;
margin: 10px auto 20px;
outline: 1px solid #ccc;
}
/*Good & Bad*/
.goodpoints,
.badpoints{
margin: 2.0em 0 1.0em;
padding: 0 1.0em;
box-shadow: 0 1px 3px 0 rgba(0,0,0,0.25),inset 0 1px 4px 0 rgba(0,0,0,0.15);
border: solid 2px;
}
.goodpoints,
.goodpoints.recom{
border-color: #ffdf37;
background: #fffdf0;
}
.badpoints{
border-color: #a5c5c4;
background: #f5ffff;
}
.goodpoints > .wb,
.badpoints > .wb{
	position: relative;
	z-index: 2;
  margin-top: -1.25em;
  padding: 0.5em 1.5em;
  display: table;
  font-weight: bold;
	overflow: hidden;
  box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
  border-radius: 5px;
}
.goodpoints > .wb{color:#444;}
.badpoints > .wb{color:#fff;}

.goodpoints > .wb:before,
.badpoints > .wb:before{
	position: absolute;
	top:0;left:0;
	content:'';
	z-index: -1;
	width:100%;
	height:100%;
}
.goodpoints > .wb:before{
	color:#444;
  background-color: #ffdf37;
}

.badpoints > .wb:before{
	color:#fff;
  background-color: #a5c5c4;
}

.goodpoints > .wb:after,
.badpoints > .wb:after{
	position: absolute;
	font-family: FontAwesome;
	top:0.25em;right:0.6em;
  font-weight: normal;
	line-height: 1.0em;
	z-index: -1;
	transform: rotate(15deg);
}
.goodpoints > .wb:after{content: '\f118';	}
.badpoints > .wb:after{content: '\f119';}

/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ Ultimate Short Codes ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */

.entry-content .su-tabs {
padding:0;
background:none;
box-shadow:none;
}
.entry-content .su-tabs > .su-tabs-nav {
display: table;
table-layout: fixed;
border-spacing: 0.5em 0;
margin-right: 5px;
width: auto;
min-height:30px;
}
.entry-content .su-tabs > .su-tabs-nav span,
.entry-content .su-tabs > .su-tabs-nav span:last-of-type {
font-size:1.0em;
display:table-cell;
position: relative;
top: 6px;
z-index: 1;
padding: 0.25em 0.75em;
min-height: auto;
border: 2px solid;
    border-color: #ceda19;
    color: inherit;
    background: #fdffe6;
}
.entry-content .su-tabs > .su-tabs-nav span:hover {opacity:1;}
.entry-content .su-tabs > .su-tabs-nav span.su-tabs-current ,
.entry-content .su-tabs > .su-tabs-nav span.su-tabs-current:hover {
top: 2px;
border-bottom:none;
z-index: 3;
opacity:1;
background:#fff;
}
.entry-content .su-tabs > .su-tabs-nav span.su-tabs-current:before{
display: inline-block;
vertical-align: middle;
content: '\f0ab';
padding-right: 0.5em;
font-size: 0.8em;
color: #5ed45e;
font-family: FontAwesome;
}
.entry-content .su-tabs > .su-tabs-nav span.su-tabs-current:after{display:none;}

.entry-content .su-tabs > .su-tabs-panes > .su-tabs-pane {
position: relative;
z-index:1;
padding-top:0.5em;
background:#fff;
border-radius: 6px;
border: solid 2px #ceda19;
margin: 0;
padding-bottom: 1.0em;
}

@media only screen and (max-width: 480px){
.entry-content .su-tabs > .su-tabs-nav {width:100%;}
}

/* ################ Wordpress Add Custom CSS 色設定 ############### */
form#worpress_custom_css_form tr,
form#worpress_custom_css_form td{
display:block;
}
form#worpress_custom_css_form textarea{
height:500px;
font-size:13px;
font-family: Verdana;
color:#bbfdf4;
background:#1c2320;
}