@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:	 cocoon-master
Version:	0.0.5 for FXnav
Last up:	2025-06-26
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

#container{
	width: 100%;
	background-color: #f0f0f0;
}


/*	 common
----------------------------*/
.main {
	padding-top: 20px;
}
hr{
	clear: both;
	visibility: hidden;
}
.hrline{
	visibility: visible;
	margin: 40px 10px;
}

#sidebar ul, .page ul, 
#fxtool_page .point ul, 
#iphone_page .point ul, 
#android_page .point ul, 
#special_page .point ul{
	padding: 0;
	margin: 0;
}

#sidebar .n2 li{
	margin: auto;
	margin-bottom: 10px;
}

#fxtool_image ul{
	padding: 0 0 0 20px;
}

ul.normallist{
	padding: 0 0 0 40px;
}

.knowledge ul{
	padding: 0 0 0 39px;
}

mark, .marker{
	background-color: #FF9 !important;
}
.markerline {
    background: rgba(0, 0, 0, 0) linear-gradient(transparent 70%, #FFFF99 0%) repeat scroll 0 0;
	font-weight: bold;
}

.checkmark li, .bocheckmark li{
	background: url(images/bg/check.png) no-repeat;
	padding: 3px 0 20px 45px;
	font-size: 1.1em;
	list-style: none;
}

.inlink a:before{
	content: " \f0a9";
	font-family: FontAwesome;
	margin-left: 1em;
	padding-right: 0.5em;
}

.outlink a:before{
	content: " \f08e";
	font-family: FontAwesome;
	margin-left: 1em;
	padding-right: 0.5em;
}

.inlink-r, .outlink-r{
	text-align: right;
	padding-right: 1em;
}

.inlink-r a:after{
	content: " \f0a9";
	font-family: FontAwesome;
	text-align: right;
}

.outlink-r a:after{
	content: " \f08e";
	font-family: FontAwesome;
}

.textalignleft{
	text-align: left;
}
.textalignright{
	text-align: right;
}

.f13px{
	font-size: 13px;
}
.f15rem{
	font-size: 1.5rem;
}

.mt40{
	margin-top: 40px !important;
}
.mt50{
	margin-top: 50px !important;
}
.article .ps{
	border: 5px solid #efe7e7;
	padding: 10px;
}

figure{
	padding: 4px;
	border: 1px solid #ddd;
	border-radius: 3px;
	background-color: #fdfdfd;
	text-align: center; 
}
figure.bgnone{
	background-color: #fff;
}
figure.border0 {
  border:none;
}
figcaption{
	font-size: 80%;
	margin: 0.3em 0;
}

.annotation{
	font-size: 0.8em;
}

.bypostauthor{
	margin-left: 1.5em;
}

.slash {
    display: inline-block;
    position: relative;
    padding: 0 25px;
    line-height: 1;
	text-align: center;
    /* letter-spacing: 1px; */
}
.slash:before {
    left: 0;
    -webkit-transform: rotate(50deg);
    transform: rotate(50deg);
}
.slash:after {
    right: 0;
    -webkit-transform: rotate(-50deg);
    transform: rotate(-50deg);
}
.slash:before, .slash:after {
    display: inline-block;
    position: absolute;
    top: 40%;
    width: 20px;
    height: 2px;
    border-radius: 2px;
    background-color: #000;
    content: "";
}

.article ul.arrow_list li{
	background: url(/img/bg/arrow_list.gif) no-repeat 0px 15%;
	padding: 0 0 15px 25px;
	margin-left: 10px;
	font-size: 1.2em;
	list-style: none;
}

.breadcrumb.sbp-main-before, .breadcrumb.sbp-footer-before, .breadcrumb.pbp-main-before, .breadcrumb.pbp-footer-before {
    background: none;
}

.comment-area {
    margin: 70px 0 120px;
}

#comment-area .bypostauthor {
	margin-left: 2em;
}
#comment-area .commets-list li {
	margin-top: 3em;
}
#comment-area .comment-content p {
	margin: 0em 0 1.2em;
}
#comment-area .commets-list .avatar {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
#comment-area .comment-body p {
    clear: both;
}

#comment-area #reply-title {
    margin: 70px 0 20px;
}
.comment-information-messag hr {
padding-bottom: 12px;
}


.firstletter:first-letter {
  font-size: 180%;
}

.width85 {
	max-width: 85%;
	margin: 0 auto;
}
/*	 1カラムページ	is_page_template('one-column.php')
----------------------------------------------------*/
.page-template-one-column #main{
	width: 1030px;
}

.page-template-one-column #sidebar{
	display: none;
}

.alllist .tablepress td{
	vertical-align: middle;
}

.alllist .tablepress .column-1,
.alllist .tablepress .column-2{
	text-align: center;
	line-height: 120%;
}

.alllist .tablepress .column-1 span{
	font-size: 12px;
	display: block;
}

.column1-wide table {
	width: 100%;
}


/*	 周年キャンペーンページ
----------------------------------------------------*/
#anniversary_campaign {
    width: 700px;
    margin: 0 auto 300px;
}
#campaign_rules {
    border: 4px solid #ccc;
    border-radius: 8px;
    padding: 45px 25px;
    position: relative;
    height: 550px;
	overflow: scroll;
}
#anniversary_campaign_header {
max-width: 1080px;
margin: -55px -30px 30px;
}

.anniversary_campaign_bottom_title {
	margin-top: 5em;
    padding-left: 48px;
    padding-bottom: 10px;
    background: url(./images/icon/icon_related.png) left 0 no-repeat;
    border: 0;
    border-bottom: 3px solid #d5d5d5;
	font-weight: bold;
	font-size: 20px;
}
.anniversary_campaign_bottom_list {
	margin:  300px 0 0;
	width: 700px;
    margin: 0 auto;
}
.article .anniversary_campaign_bottom_list ul {
	padding-left: 270px;
}
.article .anniversary_campaign_bottom_list li {
	background: url(/img/bg/icon_ster.png) no-repeat;
	padding: 5px 0 5px 50px;
	font-size: 1.1em;
	list-style: none;
}
.anniversary_campaign_bottom_list p.catchcopy {
	font-size: 1.4em;
	margin: 0 0 10px;
}

/*	 Link
----------------------------------------------------*/
a:link{
	color: #0066CC;
	text-decoration: none;
}
a:visited{
	color: #0066CC;
	text-decoration: none;
}
a:hover{
	color: #29B9F0;
	text-decoration: underline;
}
a:active{
	color: #0066CC;
	text-decoration: none;
}


/* .entry img */
.alignleft{
	float: left;
	margin: 0 12px 6px 0;
}
.alignright{
	float: right;
	margin: 0 0 6px 12px;
}
.aligncenter{
	margin: 0 auto;
	text-align: center;
}
.category-description img, .wp-caption{
	max-width: 100%;
	height: auto !important;
	 float: left;
	margin: 0px 15px 15px 0;
}

.gifanime_black {
	background: url(/img/bg/gifanime_bg_black.png) no-repeat;
	padding: 22px 20px 18px 19px;
}
.gifanime_white {
	background: url(/img/bg/gifanime_bg_white.png) no-repeat;
	padding: 32px 24px 28px 24px;
}

#toc_container{
	background: #f9f9f9;
	border: 1px solid #aaa;
	padding: 10px;
	margin: 1em auto;
	width: 65% !important;
	display: table;
	font-size: 95%;
}

#toc_container li{
	border-bottom: 1px dotted #CCC;
	padding: 5px 10px!important;
}

#toc_container .toc_number{
	padding-right: 10px;
}

#toc_container li a{
	display: block;
}
#toc {
	clear:both;
}

/*ヘッダー*/
#header-in{
	position: relative;
	overflow: hidden;
	width: 1080px;
	margin-right: auto;
	margin-left: auto;
	padding: 25px 0;
}

.logo-header a{
	display: inline-block;
}

.logo,
.tagline{
	text-align: left;
}

.tagline{
	margin: 0;
	font-size: 16px;
}

.logo-image,
.tagline{
	padding: 0;
}

#header-container .navi,
#navi .navi-in>.menu-header .sub-menu{
	background-color: transparent;
}

.navi-in{
	padding-bottom: 20px;
}

.navi-in > ul{
	width: 100%;
	display: table;
	table-layout: auto;
	border-left: 1px solid #9a9a9a;
}

.navi-in > ul li{
	display: table-cell;
	height: auto;
	line-height: 1;
	border-right: 1px solid #9a9a9a;
}

.navi-in > ul li{
	position: relative;
}

.navi-in > ul li a{
	text-decoration: none;
}

.navi-in > ul li::after{
	position: absolute;
	bottom: -13px;
	left: 0;
	width: 60%;
	margin: 0 20%;
	display: inline-block;
	height: 3px;
	opacity: 0;
	transform-origin: center;
	background: #0285c1;
	transition: all .3s;
	content: "";
}

.navi-in > ul li:hover::after{
	opacity: 1;
	bottom: -8px;
}

#navi .navi-in li a .home-menu-icon::before{
	font-family: FontAwesome;
	font-size: 18px;
}

.menu-drawer li{
	text-align: center;
}

.navi-in a:hover{
	background-color: inherit;
	transform: none;
}


/*カルーセル*/
#carousel,
.carousel-in{
	background-color: #015b90;
}

.carousel{
	margin-top: 0;
}

.slick-slide{
	margin: 25px 15px;
	background-color: #fff;
}

.carousel-content .slick-slide{
	width: 680px !important;
	max-width: 100%;
}

.carousel-entry-card-thumb{
	margin-top: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
}
.carousel-entry-card .card-content{
	padding: 10px 15px 0;
}
.carousel-entry-card-title {
    font-size: 16px;
    margin: 0px 0 14px;
    max-height: 1.2em;
    overflow: hidden;
}


/*コンテンツ*/
.breadcrumb.pbp-main-before{
	padding: 0;
	background-color: transparent;
}

#content{
	background-color: #eef0f0;
}

.front-top-page .main{
	padding-right: 0;
	padding-left: 0;
	background: transparent;
	border: 0;
}

.front-top-page .entry-content{
	margin-top: 0;
}


/*サイドバー*/
#sidebar{
	width: 300px;
	padding: 0;
	background-color: transparent;
}
#sidebar ul,
#sidebar ol{
	/*padding-left: 1em;*/
	list-style:none;
}
.toc-widget-box .toc-content {
	padding-top: 1em;
}
#sidebar .toc-content ol li {
	padding-bottom: 12px;	
}
#sidebar .toc ul, .toc ol {
    padding-left: 0px;
    margin: 0;
}
#sidebar .toc ul li ul, .toc ol li ol {
    padding-left: 15px;
}
#sidebar .toc-widget-box {
	background-color: #fff;
}
#sidebar .toc-widget-box .toc-center {
	margin: 0;
}
.side-bnr-box img{
	padding-bottom: 5px;
}


/*固定ページ・投稿記事h1見出し*/
.article .entry-title{
	position: relative;
	line-height: 1.4;
	background-color: #004ea0;
	margin: -20px -29px 20px;
	padding: 15px 35px;
	font-size: 25px;
	color: #fff;
}

.article .entry-title::before{
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	border-width: 18px;
	border-style: solid;
	background-color: transparent;
	border-color: transparent;
	border-top-color: #00aad5;
	border-left-color: #00aad5;
}


/*本文見出し*/
.article h2,
.article .interview h2.contents_h2{
	position: relative;
	margin-left: -29px;
	margin-right: -29px;
	padding: 20px 20px 20px 66px;
	background-color: #1ab5a8;
	border-top: 6px solid #d1d1d1;
	color: #fff;
}

#hikaku_page h2.contents_h2,
.interview h2.contents_h2{
	border-top: 6px solid #d1d1d1 !important;
}

.article h2::before,
.article .interview h2.contents_h2::before{
	position: absolute;
	left: 32px;
	top: 0px;
	content: "";
	background-color: #fff;
	width: 6px;
	height: 40px;
}

.article h3{
	margin-top: 50px;
	border: none;
	border-bottom: 5px solid #1ab5a8;
	font-size: 20px;
	padding: 5px 0;
}

.article h4{
	font-size: 20px;
	padding: 0 0px 10px;
	border-top: 0;
	border-bottom: 3px solid #dcdcdc;
}


.top_catchcopy {
	font-size: 20px;
}

/*ボタン*/
.btn_read-more{
	position: relative;
	display: block;
	clear: both;
	width: 85%;
	max-width: 420px;
	padding: 0;
	background-color: #1f5e93;
	margin-top: 40px;
	margin-right: auto;
	margin-left: auto;
	border-radius: 40px;
	font-size: 18px;
	line-height: 1.8;
}

.btn_read-more::before{
	position: absolute;
	content: "\f105";
	/*margin-top: -.5em;*/
	top: 16%;
	left: 33px;
}

.btn_read-more a{
	display: block;
	padding: 8px 45px;
}


.btn_read-more a:link,
.btn_read-more a:visited{
	color: #fff;
}

.btn_read-more a:hover,
.btn_read-more a:active{
	color: #fff;
	text-decoration: none;
}

.sidebar .btn_read-more{
	width: 85%;
	padding: 0;
	margin-top: 0px;
	border-radius: 40px;
	font-size: 14px;
	line-height: 1.8;
}

.indicator_ranking_wrap .btn_read-more {
	width: 90%;
	max-width:none;
}


/*内部リンクカードリスト調整　TradingViewの各特集　*/
.inner_cardlist .blogcard-footer,
.inner_cardlist .blogcard-post-date{
	display: none;
}
.inner_cardlist .blogcard-snipet {
	padding-top: 1em;
}
.internal-blogcard .blogcard-title {
	line-height: 1.5;
	font-size: 1.2em;
	margin-top: 0.1em;
}

.tradingview-widget-container > div:first-child {
	height: 450px; 
}


/* Top page
----------------------------------------------------*/

/*見出し*/
.article .heading_pr{
	position: relative;
	margin-left: 0;
	margin-right: 0;
	padding: 20px 20px 20px 55px;
	background-color: #0ba29a;
	border: 0;
	color: #fff;
}

.article .heading_pr::before,
.article .heading_pr::after{
	position: absolute;
	width: 5px;
	height: 18px;
	content: '';
	left: 31px;
}

.article .heading_pr::before{
	top: 17px;
	background-color: #fff;
}

.article .heading_pr::after{
	top: 36px;
	background-color: #1f5e93;
}

.article #top_interview h2{
	margin-top: 0;
	margin-left: -32px;
	margin-right: -32px;
}

.article #free-mt4-indicator h2{
	margin-top: 0;
	margin-left: -32px;
	margin-right: -32px;
	padding: 16px;
	background-color: #fff;
	border: 6px solid #f77613;
	border-left: 0;
	border-right: 0;
	text-align: center;
	font-size: 26px;
	color: #f77613;
}

.article #free-mt4-indicator h2::before,
.article #free-mt4-indicator h2::after{ display: none; }

.article #free-mt4-indicator h2 span{
	padding-left: 57px;
	background: url(./images/icon/icon_crown_rank_indicator.png) left center no-repeat;
}

h4.heading_mt4ranking{
	padding: 16px;
	background-color: #fff;
	border: 3px solid #f77613;
	border-left: 0;
	border-right: 0;
	text-align: center;
	font-size: 22px;
	color: #f77613;
}
h4.heading_mt4ranking span{
	padding-left: 38px;
	background: url(./images/icon/icon_crown_rank_indicator2.png) left center no-repeat;
}

.article #fx-business-comparison h2{
	padding: 0;
	border: 0;
	background-color: transparent;
	color: #004268;
	font-weight: bold;
	text-align: center;
	font-size: 34px;
	line-height: 43px;
}

.article #fx-business-comparison h2 span{
	padding-left: 80px;
	background: url(./images/icon/icon_fx-business-comparison.png) left center no-repeat;
}

.article #fx-business-comparison h2::before,
.article #fx-business-comparison h2::after{ display: none; }


/*h2とh3の幅を変える*/
h2.heading_compare_chart + h3.heading_compare_fxcompany{
	margin-top:50px !important;
}


/*追加見出し*/
.article h2.heading_compare_chart {
	clear: both;
	position: relative;
	margin: 50px 0 30px;
	padding: 16px 25px 16px 80px;
	background-color: #0ba29a;
	border-top: 0;
	border-radius: 50px 0 0 50px;
	font-weight: bold;
	font-size: 20px;
	color: #fff;
	background-color: #15a9a1;
	background-image: linear-gradient(
			-45deg,
			#0ba29a 25%,
			#15a9a1 25%,
			#15a9a1 50%,
			#0ba29a 50%,
			#0ba29a 75%,
			#15a9a1 75%,
			#15a9a1
	);
	background-size: 14px 14px;
}
.article h2.heading_compare_chart::before{
	position: absolute;
	top: 50%;
	margin-top: -25px;
	left: 3px;
	content: "";
	width: 50px;
	height: 50px;
	background: url(./images/icon/icon_heading_compare_page.png) center center no-repeat;
	background-color: #fff;
	background-size: 25px;
	border-radius: 50%;
}




.article h3.heading_comparative_bar,
.article h3.heading_crown{
	position: relative;
	margin-bottom: 30px;
	padding: 0 25px 10px 50px;
	margin-left: 15px;
	font-weight: bold;
	font-size: 18px;
	background-size: 14px 14px;
}

.article h3.heading_comparative_bar{
	border: none;
	border-bottom: 3px solid #15a9a1;
}




.article h3.heading_crown{
	border: none;
	border-bottom: 3px solid #d66858;
}

.article h3.heading_comparative_bar::before,
.article h3.heading_crown::before{
	position: absolute;
	top: 50%;
	margin-top: -25px;
	left: -15px;
	content: "";
	width: 50px;
	height: 50px;
	border-radius: 50%;
}

.article h3.heading_comparative_bar::before{
	background: url(./images/icon/icon_heading_comparative_bar.png) center center no-repeat #0ba29a;
	background-size: 20px;
}

.article h3.heading_crown::before{
	background: url(./images/icon/icon_heading_crown.png) center center no-repeat #d66858;
	background-size: 20px;
}

.article h3.heading_comparative_bar::after,
.article h3.heading_crown::after{
	position: absolute;
	z-index: 1;
	top: 50%;
	left: -13px;
	margin-top: -23px;
	content: "";
	width: 42px;
	height: 42px;
	border: 2px solid #fff;
	border-radius: 50%;
}

.article h3.heading_comparative_bar::after{
	border: 2px solid #fff;
}

.article h3.heading_crown::after{
	border: 2px solid #efe17f;
}


.article h3.heading_compare_fxcompany{
	border: none;
	border-bottom: 2px solid #fff;
	box-shadow : 0 0 0 4px #004ea0;
	background-color: #004ea0;
	background-image: linear-gradient(
			-45deg,
			#004ea0 25%,
			#0e58a7 25%,
			#0e58a7 50%,
			#004ea0 50%,
			#004ea0 75%,
			#0e58a7 75%,
			#0e58a7
	);
	background-size: 14px 14px;
	color: #fff;
	margin: 4px;
	margin-top: 120px;
	margin-bottom: 55px;
	padding: 15px 10px;
	font-size: 20px;
	text-align: center;
	position: relative;
}
.article h3.heading_compare_fxcompany::before{
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	border-width: 10px;
	border-style: solid;
	background-color: transparent;
	border-color: transparent;
	border-top-color: #00aad5;
	border-left-color: #00aad5;
}
.article h3.heading_compare_fxcompany::after{
	position: absolute;
	content: "";
	border-color: transparent;
	border-top-color: #004ea0;
	border-style: solid;
	border-width: 20px 50px;
	left: 50%;
	margin-left: -50px;
	bottom: -46px;
}


.article h4.heading_bottomline2color {
	border: none;
    border-bottom: 1px solid #ddd;
    position: relative;
	padding-left: 0;
}
.article h4.heading_bottomline2color:after {
    position: absolute;
    bottom: -1px;
    left: 0;
    z-index: 2;
    content: "";
    width: 33%;
    height: 1px;
	background-color: #0ba29a;
}








#ranking_top{
	display: flex;
	flex-wrap: wrap;
}

.no1wrap{
	float: left;
	width: 32.5%;
	padding: 10px;
	margin: 0;
	margin-right: 1.25%;
	border: 1px solid #ddd;
	border-bottom-width: 4px;
	border-radius: 6px;
}

.no1wrap:nth-child(3n){
	margin-right: 0;
}

#ranking_top .no1wrap h3{
	margin-top: 0;
}

#top_interview,
#free-mt4-indicator{
	background-color: #fff;
	padding: 0 32px 32px;
}

#top_interview li,
#free-mt4-indicator li,
.indicator_ranking_wrap li{
	list-style: none;
}

#top_interview .n2{
	clear: both;
	overflow:hidden;
}

#top_interview ul{
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#top_interview ul > li{
	float: left;
	max-width: 50%;
	margin: 0;
	margin-bottom: 10px;
}

#top_interview ul > li:nth-child(odd){
	padding-right: 1%;
}

#top_interview ul > li:nth-child(even){
	padding-left: 1%;
}

#top_interview .n2 img{ 
	transition: .3s;
}

#bitre_navi_top img{
	display: block;
	margin-right: auto;
	margin-left: auto;
}


/*インジケーターランキング*/
#free-mt4-indicator .thumb_rank-indicator{
	float: left;
	width: 195px;
	height: auto;
	margin-right: 25px;
}

.rank_indicator{
	margin: 0;
	padding: 0;
}

.rank_indicator_thumb{
	float: left;
	margin-right: 12px;
	padding-bottom: 12px;
}

.rank_indicator_desc{
	overflow: hidden;
}

.indicator_ranking_wrap .rank_indicator_desc p{
	margin-bottom: 0;
	padding-right: 170px;
}

.indicator_ranking_wrap .rank_indicator_desc{
	font-size: 15px;
}

.indicator_ranking_wrap .rank_indicator_desc h3{
	font-size: 17px;
	line-height: 1.5;
	margin: 0 0 10px;
	padding: 0;
	padding-right: 170px;
}

.rank_indicator_desc p{
	margin:0 0 1em;
}
.rank_indicator{
	counter-reset: num;
}

.article .rank_indicator li{
	position: relative;
	margin-bottom: 35px;
	padding-bottom: 15px;
	border-bottom: 1px solid #d6d6d6;
	counter-increment: num;
}

.article .rank_indicator li::before{
	position: absolute;
	top: -12px;
	left: -12px;
	z-index: 1;
	content: "";
	width: 36px;
	height: 36px;
	border-radius: 50%;
	border: 2px solid #eeeeee;
	background-color: #89c3eb;
}

.article .rank_indicator li:nth-child(1)::before{ background-color: #cca11f; }
.article .rank_indicator li:nth-child(2)::before{ background-color: #b1b1b3; }
.article .rank_indicator li:nth-child(3)::before{ background-color: #b37036; }

.article .rank_indicator li::after{
	top: -12px;
	left: -12px;
	z-index: 1;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	position: absolute;
	content: counter(num);
	color: #fff;
	font-weight: bold;
}

.article .rank_indicator li .rank_indicator_item::after{
	clear: both;
	content: "";
	display: block;
}

.rank_indicator_leftarrow_box{
	position: absolute;
	top: 0;
	right: 0;
	padding: 8px;
	background-color: #fff;
	border-radius: 10px;
	border: 2px solid #dedede;
	line-height: 1.2;
	font-size: 12px;
	max-width: 145px;
	text-align: center;
	font-weight: bold;
}

.rank_indicator_leftarrow_box::before{
	position: absolute;
	left: -20px;
	top: 50%;
	content: "";
	margin-top: -10px;
	border-width: 10px;
	border-style: solid;
	border-color: transparent;
	border-right-color: #dedede;
}

.rank_indicator_leftarrow_box::after{
	position: absolute;
	left: -15px;
	top: 50%;
	content: "";
	margin-top: -8px;
	border-width: 8px;
	border-style: solid;
	border-color: transparent;
	border-right-color: #fff;
}

.rank_indicator_leftarrow_box span{
	font-size: 16px;
	color: #f77613;
}


/*FX会社比較*/
.page .list-business-comparison{
	display: flex;
	flex-wrap: wrap;
	margin: 0 10px 30px;
}

.link_business-comparison .list-business-comparison li{
	width: 32%;
	list-style: none;
	margin-left: 0;
	margin-right: 2%;
	padding: 6px;
	border-radius: 50px 0 50px 0;
	background-color: #ccc;
	text-align: center;
	transition: .2s;
}

.link_business-comparison .list-business-comparison li:nth-child(3n){
	margin-right: 0;
}

.link_business-comparison li .list-item_business-comparison_inner{
	height: 100%;
	border-radius: 50px 0 50px 0;
	transition: .2s;
	box-shadow: 0px 0px 0px 6px transparent;
}

.link_business-comparison li .list-item_business-comparison_inner:hover{
	box-shadow: 0px 0px 0px 1px #fff;
}

.link_business-comparison li .list-item_business-comparison_inner a{
	display: block;
	padding: 15px;
	padding-top: 90px;
	font-weight: bold;
	text-decoration: none;
}

.link_business-comparison .list-business-comparison .list-item_business-comparison{
	color: #fff;
	box-shadow: 5px 5px #cecece;
	margin-bottom: 10px;
}

.link_business-comparison .list-business-comparison .list-item_business-comparison a:link,
.link_business-comparison .list-business-comparison .list-item_business-comparison a:visited{
	color: #fff;
}

.link_business-comparison .list-business-comparison .list-item_comparison_swap{
	background-color: #16b9a8;
}

.link_business-comparison .list-business-comparison .list-item_comparison_max{
	background-color: #1d93de;
}

.link_business-comparison .list-business-comparison .list-item_comparison_1000{
	background-color: #6fbe44;
}

.link_business-comparison .list-business-comparison .list-item_comparison_scalping{
	background-color: #1c899d;
}

.link_business-comparison .list-business-comparison .list-item_comparison_campaign{
	background-color: #d66858;
}

.link_business-comparison .list-business-comparison .list-item_comparison_fxcompany{
	background-color: #caac50;
}

.list-item_comparison_swap a{
	background: url(./images/icon/icon_comparison_swap.png) center 38px no-repeat;
}

.list-item_comparison_max a{
	background: url(./images/icon/icon_comparison_max.png) center 25px no-repeat;
}

.list-item_comparison_1000 a{
	background: url(./images/icon/icon_comparison_1000.png) center 39px no-repeat;
}

.list-item_comparison_scalping a{
	background: url(./images/icon/icon_comparison_scalping.png) center 35px no-repeat;
}

.list-item_comparison_campaign a{
	background: url(./images/icon/icon_comparison_campaign.png) center 33px no-repeat;
}

.list-item_comparison_fxcompany a{
	background: url(./images/icon/icon_comparison_fxcompany.png) center 30px no-repeat;
}

#topmain .compare table{
	font-size: 0.8em;
	border-collapse: collapse;
}

#topmain .compare table th,
#topmain .compare table td{
	border: 1px solid #ccc;
}

#gmo-tieup{
	float: left;
}

#top_fxtool_h3{
	-webkit-margin-after: 0em;
	margin: 0;
	padding-bottom: 0;
	background: #f5f5f5; 
	width: 650px;
}

#top_fxtool{
	width: 650px;
	background: #f5f5f5;
	background: url(/img/fxtool/top_fxtool_bg.jpg) no-repeat;
	margin-bottom: 30px;
	padding: 10px 0;

}

#top_fxtool ul{
	margin: 0;
}


#top_fxtool h4, #top_fxtool .btn{
	padding-left: 20px;
}


#top_fxtool_h3, #top_fxtool, .top_banner{
margin-left: 10px;
}




/* official-button（元のredボタン）
----------------------------------------------------*/
.official-redbutton{
	display: inline-block;
	background-color: #ee432e;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ee432e 0%), to(#c63929 50%));
	/* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
	background-image: -moz-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
	background-image: -ms-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
	background-image: -o-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
	background-image: linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
	border: 1px solid #951100;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
	-moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
	-ms-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
	-o-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
	box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
	color: #fff;
	font: bold 25px "helvetica neue", helvetica, arial, sans-serif;
	line-height: 1.4;
	padding: 22px 0 23px 0;
	text-align: center;
	text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.8);
	margin: 30px 0 70px 83px;
	width: 514px;
}

.official-redbutton:hover{
	background-color: #f37873;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f37873 0%), to(#db504d 50%));
	/* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
	background-image: -moz-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
	background-image: -ms-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
	background-image: -o-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
	background-image: linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
	cursor: pointer;
}

.official-redbutton:active{
	background-color: #d43c28;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#d43c28 0%), to(#ad3224 50%));
	/* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
	background-image: -moz-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
	background-image: -ms-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
	background-image: -o-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
	background-image: linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
	-webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
	-moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
	-ms-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
	-o-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
	box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
}


 /* official-button（Green） */
.official-button{
	position: relative;
	clear: both;
	display: block;
	background-color: #42b728;
	box-shadow: 0 5px 0 #34931f;
	border-radius: 4px;
	color: #fff;
	font-size: 25px;
	font-weight: bold;
	line-height: 1.4em;
	padding: 15px;
	text-align: center;
	margin: 30px auto 70px;
	max-width: 550px;
}

.official-button:after{
	position: absolute;
	right: 6px;
	bottom: 6px;
	content: "";
	border-width: 8px;
	border-style: solid;
	border-color: transparent;
	border-right-color: #fff;
	border-bottom-color: #fff;
}

 .official-button:hover{
	position: relative;
	top: 3px;
	display: block;
	background-color: #42b728;
	box-shadow: 0 2px 0 #34931f;
	border-radius: 4px;
	color: #fff;
	font-size: 25px;
	font-weight: bold;
	line-height: 1.4em;
	padding: 15px;
	text-align: center;
	margin: 30px auto 70px;
	max-width: 550px;
}

.official-button:active{
	position: relative;
	top: 3px;
	display: block;
	background-color: #42b728;
	box-shadow: 0 2px 0 #34931f;
	border-radius: 4px;
	color: #fff;
	font-size: 25px;
	font-weight: bold;
	line-height: 1.4em;
	padding: 15px;
	text-align: center;
	margin: 30px auto 70px;
	max-width: 550px;
}

a.official-button,
.official-button:hover{
	 color: #fff;
	 text-decoration: none;
}

.font-small, .font-small:hover, .font-small:active {
	font-size: 22px;
}

/* 1カラム（売スワップ）でofficial-buttonをセンターに */
.page-template-one-column .official-button{
margin: 30px 0 70px 225px;
}


/* 元Green btn */
.official-greenbutton{
	background-color: #4FD32A;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#40D32A 0%), to(#43AA26 50%));
	/* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #40D32A 0%, #43AA26 50%, #0F9B00 50%, #0B6D00 100%);
	background-image: -moz-linear-gradient(top, #40D32A 0%, #43AA26 50%, #0F9B00 50%, #0B6D00 100%);
	background-image: -ms-linear-gradient(top, #40D32A 0%, #43AA26 50%, #0F9B00 50%, #0B6D00 100%);
	background-image: -o-linear-gradient(top, #40D32A 0%, #43AA26 50%, #0F9B00 50%, #0B6D00 100%);
	background-image: linear-gradient(top, #40D32A 0%, #43AA26 50%, #0F9B00 50%, #0B6D00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* IE6-8 */
	border: 1px solid #6A8420;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0px 0px 0px 1px rgba(169, 255, 102, 0.4), 0 1px 3px #333333;
	-moz-box-shadow: inset 0px 0px 0px 1px rgba(169, 255, 102, 0.4), 0 1px 3px #333333;
	-ms-box-shadow: inset 0px 0px 0px 1px rgba(169, 255, 102, 0.4), 0 1px 3px #333333;
	-o-box-shadow: inset 0px 0px 0px 1px rgba(169, 255, 102, 0.4), 0 1px 3px #333333;
	box-shadow: inset 0px 0px 0px 1px rgba(169, 255, 102, 0.4), 0 1px 3px #333333;
	color: #fff;
	font: bold 25px "helvetica neue", helvetica, arial, sans-serif;
	line-height: 1.4em;
	padding: 17px 0px 18px 0px;
	text-align: center;
	text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.8);
	margin: 30px 0 50px 83px;
	width: 514px;
}

.official-greenbutton:hover{
	background-color: #B8F275;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#B8F275 0%), to(#A3D84E 50%));
	/* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
	background-image: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
	background-image: -ms-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
	background-image: -o-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
	background-image: linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
	cursor: pointer;
}

.official-greenbutton:active{
	background-color: #bfd255;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#bfd255 0%), to(#9ecb2d 50%));
	/* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #5DBA56 0%, #469D4C 50%, #226522 51%, #5B9344 100%);
	background-image: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
	background-image: -ms-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
	background-image: -o-linear-gradient(top,#bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
	background-image: linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
	-webkit-box-shadow: inset 0px 0px 0px 1px rgba(169, 255, 102, 0.4);
	-moz-box-shadow: inset 0px 0px 0px 1px rgba(169, 255, 102, 0.4);
	-ms-box-shadow: inset 0px 0px 0px 1px rgba(169, 255, 102, 0.4);
	-o-box-shadow: inset 0px 0px 0px 1px rgba(169, 255, 102, 0.4);
	box-shadow: inset 0px 0px 0px 1px rgba(169, 255, 102, 0.4);
}

a.official-greenbutton, .official-greenbutton:hover{
	color: #fff;
	text-decoration: none;
	padding: 0.5em 1em;
	margin: 1em;
	text-align: center;
}




/* greenbtn内 official-button　AB
----------------------------------------------------*/
.greenbtn .official-button{
	display: inline-block;
	background-color: #4FD32A;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#40D32A 0%), to(#43AA26 50%));
	/* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #40D32A 0%, #43AA26 50%, #0F9B00 50%, #0B6D00 100%);
	background-image: -moz-linear-gradient(top, #40D32A 0%, #43AA26 50%, #0F9B00 50%, #0B6D00 100%);
	background-image: -ms-linear-gradient(top, #40D32A 0%, #43AA26 50%, #0F9B00 50%, #0B6D00 100%);
	background-image: -o-linear-gradient(top, #40D32A 0%, #43AA26 50%, #0F9B00 50%, #0B6D00 100%);
	background-image: linear-gradient(top, #40D32A 0%, #43AA26 50%, #0F9B00 50%, #0B6D00 100%);
	border: 1px solid #6A8420;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0px 0px 0px 1px rgba(169, 255, 102, 0.4), 0 1px 3px #333333;
	-moz-box-shadow: inset 0px 0px 0px 1px rgba(169, 255, 102, 0.4), 0 1px 3px #333333;
	-ms-box-shadow: inset 0px 0px 0px 1px rgba(169, 255, 102, 0.4), 0 1px 3px #333333;
	-o-box-shadow: inset 0px 0px 0px 1px rgba(169, 255, 102, 0.4), 0 1px 3px #333333;
	box-shadow: inset 0px 0px 0px 1px rgba(169, 255, 102, 0.4), 0 1px 3px #333333;
	color: #fff;
	font: bold 25px "helvetica neue", helvetica, arial, sans-serif;
	line-height: 1.4;
	padding: 22px 0 23px 0;
	text-align: center;
	text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.8);
	margin: 30px 0 70px 83px;
	width: 514px;
}

.greenbtn .official-button:hover{
	background-color: #B8F275;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#B8F275 0%), to(#A3D84E 50%));
	/* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
	background-image: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
	background-image: -ms-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
	background-image: -o-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
	background-image: linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
	cursor: pointer;
}

.greenbtn .official-button:active{
	background-color: #bfd255;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#bfd255 0%), to(#9ecb2d 50%));
	/* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #5DBA56 0%, #469D4C 50%, #226522 51%, #5B9344 100%);
	background-image: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
	background-image: -ms-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
	background-image: -o-linear-gradient(top,#bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
	background-image: linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
	-webkit-box-shadow: inset 0px 0px 0px 1px rgba(169, 255, 102, 0.4);
	-moz-box-shadow: inset 0px 0px 0px 1px rgba(169, 255, 102, 0.4);
	-ms-box-shadow: inset 0px 0px 0px 1px rgba(169, 255, 102, 0.4);
	-o-box-shadow: inset 0px 0px 0px 1px rgba(169, 255, 102, 0.4);
	box-shadow: inset 0px 0px 0px 1px rgba(169, 255, 102, 0.4);
}

#new-entries .new-entrys-large .new-entry img{
	min-height: 0;
}


.comment_style_wrap{
	text-align: center;
}
.comment_style{
	position: relative;
	display: inline-block;
	margin: 40px 30px 10px;
	text-align: center;
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
}
.comment_style::before,
.comment_style::after{
	display: block;
	position: absolute;
	bottom: -5px;
	content: "|";
	font-size: 24px;
}
.comment_style::before{
	left: -30px;
	transform: rotate(-30deg);
}
.comment_style::after{
	right: -30px;
	transform: rotate(30deg);
}



/* オレンジ-button
----------------------------------------------------*/
.btn_openaccount_wrap .btn_openaccount{
	position: relative;
	background-color: #ff9326;
	max-width: 80%;
	width: 400px;
	margin: auto;
	border-radius: 10px;
	margin-bottom: 20px;
	text-decoration: none;
	font-weight: bold;
	font-size: 24px;
	text-align: center;
	line-height: 1.2;
	box-shadow: 0 5px 0 #e67503;
}

.btn_openaccount_wrap .btn_openaccount:after{
	position: absolute;
	right: 6px;
	bottom: 6px;
	content: "";
	border-width: 8px;
	border-style: solid;
	border-color: transparent;
	border-right-color: #fff;
	border-bottom-color: #fff;
}

.btn_openaccount_wrap .btn_openaccount:hover,
.btn_openaccount_wrap .btn_openaccount:active{
	top: 2px;
	box-shadow: 0 3px 0 #e67503;
}

.btn_openaccount_wrap .btn_openaccount a{
	display: block;
	padding: 20px;
	color: #fff;

}

.btn_openaccount_wrap .btn_openaccount a:hover,
.btn_openaccount_wrap .btn_openaccount a:active{
	text-decoration: none;
}

.btn_openaccount_wrap .official_arrow a{
	float: none;
	margin: auto;
}


/* オレンジ-インジDL button 　MT4版／MT5版／tradingview
----------------------------------------------------*/
.btn_indicator_wrap .btn_indicator,
.btn_mt5indicator_wrap .btn_indicator,
.btn_tradingview_wrap .btn_indicator,
.btn_files_wrap .btn_indicator{
	position: relative;
	background-color: #ff9326;
	max-width: 580px;
	margin: auto;
	border-radius: 10px;
	margin-bottom: 20px;
	text-decoration: none;
	font-weight: bold;
	font-size: 24px;
	text-align: center;
	line-height: 1.2;
	box-shadow: 0 5px 0 #e67503;
}
.btn_tradingview_wrap .btn_indicator{
	background-color: #04baaa;
	box-shadow: 0 5px 0 #26a69a;
}
.btn_mt5indicator_wrap .btn_indicator{
	background-color: #047ed3;
	box-shadow: 0 5px 0 #0265bb;
}
.btn_files_wrap .btn_indicator{
	background-color: #6EBA03;
	box-shadow: 0 5px 0 #599702;
}
.btn_indicator_wrap .btn_indicator:hover,
.btn_indicator_wrap .btn_indicator:active{
	top: 2px;
	box-shadow: 0 3px 0 #e67503;
}
.btn_mt5indicator_wrap .btn_indicator:hover,
.btn_mt5indicator_wrap .btn_indicator:active{
	top: 2px;
	box-shadow: 0 3px 0 #0265bb;
}
.btn_files_wrap .btn_indicator:hover,
.btn_files_wrap .btn_indicator:active{
	top: 2px;
	box-shadow: 0 3px 0 #599702;
}
.btn_tradingview_wrap .btn_indicator:hover,
.btn_tradingview_wrap .btn_indicator:active{
	top: 2px;
	box-shadow: 0 3px 0 #26a69a;
}
.btn_indicator_wrap .btn_indicator a,
.btn_mt5indicator_wrap .btn_indicator a,
.btn_tradingview_wrap .btn_indicator a,
.btn_files_wrap .btn_indicator a{
	display: block;
	padding: 14px;
	color: #fff;
}
.btn_indicator_wrap .btn_indicator a:hover,
.btn_indicator_wrap .btn_indicator a:active,
.btn_mt5indicator_wrap .btn_indicator a:hover,
.btn_mt5indicator_wrap .btn_indicator a:active,
.btn_tradingview_wrap .btn_indicator a:hover,
.btn_tradingview_wrap .btn_indicator a:active,
.btn_files_wrap .btn_indicator a:hover,
.btn_files_wrap .btn_indicator a:active{
	text-decoration: none;
}
.btn_indicator_wrap .btn_indicator a {
	background: url(/img/bg/mt4logo.png) no-repeat 98% 30%;
}
.btn_mt5indicator_wrap .btn_indicator a {
	background: url(/img/bg/mt5logo.png) no-repeat 98% 30%;
}
.btn_tradingview_wrap .btn_indicator a {
	background: url(/img/bg/tvlogo.png) no-repeat 98% 30%;
}
.btn_indicator_wrap .official_arrow a,
.btn_mt5indicator_wrap .official_arrow a,
.btn_tradingview_wrap .official_arrow a,
.btn_files_wrap .official_arrow a{
	float: none;
	margin: auto;
}

.attention_box {
	text-align: center;
	max-width: 595px;
	margin: 0 auto;
}

.indicator_twitter_share {
	border: 1px solid #ff9326;
	padding: 10px;
	margin:  0 auto 100px;
	width: 70%;
	text-align: left;
}

.line_official_box {
    border: 2px solid #07B53B;
    border-radius: 4px;
	margin: 3em 0 6em 0;
}
.line_official_label {
	padding: 8px 8px 7px;
    background-color: #fff;
   background: #fff url(/img/common/lineofficial.png) no-repeat 3% 50%;
 text-align: right;
}
.line_official_content {   
    background: #07B53B url(/img/common/lineqr.png) no-repeat 95% 50%;
	min-height: 150px;
}
.line_official_text {
    padding: 2em 0.8em;
	width: 520px;
	color: #fff;
	text-align: left;
}
.article p.line_official_text {
    margin-bottom: 0em;
}
.line_official_friends {
	padding-left: 100px;
	width: 150px;
}
.line_official_friends img:hover,
.update .line_official_box img:hover,
.line_friends_btn img:hover{
    opacity: 0.7;
}
.line_friends_btn {
	text-align:center
}
.update .line_official_box {
    border: 1px solid #07B53B;
	background-color: #e5f8e5;
    border-radius: 4px;
	margin: 0 10px 20px;
	font-size: 0.88em;
	padding: 5px;
}
.update .line_official_box img{
	padding-top: 5px;
}
.article .update .line_official_box p {
	margin-bottom: 0;
}
.update .line_official_btn {
	float: left;
	padding-right: 10px;
}

.official_arrow{
	padding: 0 20px 20px 0;
	font-size: 1.3em;
	text-align: right;
}
.official_arrow img, .left_arrow img{ 
	vertical-align: middle;
	padding-right: 10px;
}
.official_arrow.btn-official_arrow{
	overflow: hidden;
	line-height: 1.75;
	margin-bottom: 30px;
	padding: 0;
	font-size: 1.0em;
	text-align: left;
}
.btn-official_arrow a{
	position: relative;
	text-decoration: none;
	display: table;
	margin: 0;
	border: 2px solid #2b63ae;
	float: right;
}
.btn-official_arrow .label_official_arrow{
	position: relative;
	display: table-cell;
	font-size: 12px;
	padding: 10px;
	width: 140px;
	height: 100%;
	color: #fff;
	white-space: nowrap;
	background-color: #2b63ae;
	vertical-align: middle;
	font-weight: bold;
}
.btn-official_arrow .label_official_arrow::after{
	position: absolute;
	right: -10px;
	top: 0;
	content: "";
	width: 10px;
	height: 100%;
	background: linear-gradient(to bottom left, rgba(255,255,255,0) 50%, #2b63ae 50.5%) no-repeat top left/100% 50%, linear-gradient(to top left, rgba(255,255,255,0) 50%, #2b63ae 50.5%) no-repeat bottom right/100% 51%;
}
.btn-official_arrow .fxcompany_official_arrow{
	display: table-cell;
	padding: 6px 20px 4px 30px;
	font-weight: bold;
}



/* flexbox
----------------------------------------------------*/
.flexbox{
	display: flex;
}

.flexwrap{
	flex-wrap: wrap;
	justify-content: space-between;
}

.card-content{
	padding: 10px 15px;
}

.flexwrap .span_3{
	width: 31%;
}

.flexwrap .span_2{
	width: 48%;
}

.flexcard{
	background: #f8f7f2;
	margin-bottom: 7% !important;
	border-radius: 5px;
	position: relative;
	top: -2px;
	box-shadow: 0 3px #e5e5d1;
	border: 2px solid #f8f7f2;
}

.flexcard a{
	text-decoration: none;
	display: block;
}

.flexcard p.card-link{
	text-align: center;
	border-top: 1px solid #e5e5d1;
	margin: 10px 0 0;
	padding-top: 10px;
	color: #5fb2c1;
}

.flexcard h3{
	border: none;
	background: none;
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 1.25rem;
}

.flexcard .card-img{
	box-shadow: none;
	position: initial;
	margin: 0;
	border-radius: 5px 5px 0 0;
	object-fit: cover;
	width: 680px;
}

.flexcard:hover{
	background:#FCFBF9;
	box-shadow:#E5E5D1 0 1px;
	top:1px;
}

.flexcard h3.textalignleft{
	text-align: left;
}

.flexcard h3.f15rem{
	font-size: 1.5rem;
}

.indi2col .flexcard p.card-link,
.indi3col .flexcard p.card-link {
    margin: -3px 80px 0px;
	padding: 5px 5px;
    background-color: #15a9a1;
    color: #fff;
    border-radius: 5px;
}
.indi3col .flexcard p.card-link {
    margin: -8px 25px 0px;
}
.indi2col .flexcard .indi-title,
.indi3col .flexcard .indi-title{
	padding: 0;
	margin: -5px 0 8px 0;
	text-align: center;
	font-size: 1.25rem;
	font-weight: bold;
}
.indi3col .flexcard .indi-title{
	margin: -15px 0 8px 0;
	font-size: 1.15rem;

}
.indi2col .card-content{
    padding: 0px 15px;
	line-height: 1.6;
}
.indi3col .card-content{
    padding: 0px 12px;
	line-height: 1.6;
}

.w200{
	width: 200px;
}

.w250{
	width: 250px;
}




/* table design
----------------------------------------------------*/

table:not(.has-border-color) :where(th, td) {
  border: 1px solid #ddd;
}

table.hikaku_table{
	width: 100%;
	margin: 0 0px;
	border: 1px #712f2f solid;
	border-collapse: collapse;
	border-spacing: 0;
}
table.hikaku_table th{
	padding: 5px;
	border: #712f2f solid;
	border-width: 0 0 1px 1px;
	background: #D9EDF8;
	font-weight: bold;
	line-height: 120%;
	text-align: center;
}
table.hikaku_table td{
	padding: 5px;
	border: 1px #712f2f solid;
	border-width: 0 0 1px 1px;
	text-align: center;
}
table.hikaku_table tbody .even{
	background: #f2f2f2;
}
table.hikaku_table tbody tr.clickable:hover td{
	background: #ecf2fa;
	background: #F2F6FC;
	cursor: pointer;
}
table.hikaku_gray_table{
	border-left:1px solid #999;
	border-top:1px solid #999;
	float: left;
	background: #FFF;
	width: 100%;
	margin: 6px 6px 15px 0;
}
table.hikaku_gray_table th{ 
	background-color: #f9f9f9;
	border-bottom:1px solid #999;
	border-right:1px dotted #999;
	padding: 10px;
}

table.hikaku_gray_table td{
	border-bottom:1px solid #999;
	border-right:1px solid #999;
	padding: 10px;
}

table.hikaku_28_table{
	border-left:1px solid #999;
	border-top:1px solid #999;
/*	float: left;*/
	background: #FFF;
	width: 100%;
	margin: 6px 6px 15px 0;
}
.hikaku_28_table th{
	width: 25%;
	background-color: #f5f5f5;
	border-bottom:1px solid #ddd;
	border-right:1px dotted #ddd;
	padding: 10px;
}
table.hikaku_28_table td{
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	padding: 10px;
}
table.hikaku_table th.country{
	width: 25%;
}
table.hikaku_table th.remarks{
	width: 15%;
}
.spread_hikaku .hikaku_table th{
	width: 25%;
}
.w50per{
	width: 50%;
}

.bannertable td.bannerimg{
	padding: 3px 3px 1px;
	line-height: 1em;
}
.disclosure-table thead th{
	text-align: center;
}
.disclosure-table tbody td{
	text-align: right;
}
.disclosure-table tbody td.column-1{
	text-align: center;
}
.align_center_table th, .align_center_table td{
	text-align: center !important;
}
table td.best{
	background-color: #FF9 !important;
	font-weight: bold;
}
table span.table_unit {
	font-size: 0.8em;
	padding-left: 0.1em;
}


/* compare page */
.compare_table{
	font-size: 14px;
	line-height: 160%;
	width: 100%;
}

.compare_table thead th{
	background-color: #d9edf7;
	padding: 8px;
	text-align: left;
}

.all_list_table th {
	background-color: #d9edf7;
	border-top: 1px solid #739ec3;
}
.all_list_table td {
	border: none;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
}
.all_list_table {
	border-bottom: 1px solid #e5e5e5;
}

.compare_table .company_column{
	width: 140px;
}
.compare_table .company_column_full{
	width: inherit;
}
.compare_table .table_text{
	display: block;
	font-size: 13px;
	line-height: 150%;
	text-align: center;
}
.compare_table td{
	padding: 8px;
}
.compare_table tr:nth-child(even){
	background-color: #f9f9f9;
}
.compare_table .row-hover tr:hover td{
	background-color: #f3f3f3;
}


/*比較テーブル2カラム*/
.col2_wrap::after{
	display: block;
	clear: both;
	content: "";
}
.col2_wrap .compare_table{
	font-size: 14px;
	width: 420px;
	float: left;
}
.col2_wrap .compare_table thead th {
	padding: 2px;
	font-weight: normal;
}
.col2_wrap .compare_table td {
	font-weight: bold;
}
.col2_wrap .border-box{
	float: right;
	width: calc( 100% - 440px);
}
#swap_table td{
	vertical-align: bottom; 
}
#swap_table td span{
	font-weight: bold;
}
#swap_table td .f12em{
	font-size: 1.2em;
}
#swap_table td .f16em{
	font-size: 1.6em;
}
.article p.swapperformance {
	text-align: center;
	margin: 0;
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 0;
}



/*NDD ページ*/
#fxbusinessmodel td {
	padding: 3px;	
}


/*公式へのリンクボタン*/
.btn_detail{
	position: relative;
	display: inline-block;
	background-color: #42b728;
	padding: 10px 10px 6px;
	border-radius: 4px;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: .5em;
	text-indent: 1em;
	line-height: 1;
	white-space: nowrap;
}
.btn_detail:link,
.btn_detail:visited{
	color: #fff;
	top: 0;
	box-shadow: 0 2px 0 #34931f;
	transition: .2s;
}
.btn_detail:hover,
.btn_detail:active{
	color: #fff;
	top: 1px;
	box-shadow: 0 1px 0 #34931f;
	text-decoration: none;
}
.btn_detail:before{
	position: absolute;
	left: -6px;
	top: 50%;
	margin-top: -6px;
	content: "";
	border-width: 8px;
	border-style: solid;
	border-color: transparent;
	border-right-color: rgba(255, 255, 255, 0.3);
	border-top-color: rgba(255, 255, 255, 0.3);
	transform: rotate(45deg);
	transition: .2s;
}
.btn_detail:after{
	position: absolute;
	left: -2px;
	top: 50%;
	margin-top: -2px;
	content: "";
	border-width: 4px;
	border-style: solid;
	border-color: transparent;
	border-right-color: rgba(255, 255, 255, 1);
	border-top-color: rgba(255, 255, 255, 1);
	transform: rotate(45deg);
	transition: .2s;
}

/*追記 2022/11/30 ここから*/
@media screen and (min-width: 481px) and (max-width: 1366px){

	.btn_detail:link{
		position: relative;
		padding-left: 0px;
	}

	.btn_detail:before,
	.btn_detail:after{
		content: none;
	}

}

@media screen and (max-width: 480px){

	.btn_detail:link{
		position: relative;
		padding-left: 0px;
		text-indent: .5em;
	}

	.btn_detail:before,
	.btn_detail:after{
		content: none;
	}

}
/*追記 2022/11/30 ここまで*/

.btn_detail:hover:before,
.btn_detail:active:before{
	left: -2px;
	border-color: transparent;
}
.btn_detail:hover:after,
.btn_detail:active:after{
	left: 4px;
}


/*スワップランキングへのリンクボタン*/
.swap_ranking_btn {
	text-align: center;
	padding-top: 20px;
}
.btn_detail_ranking {
	position: relative;
    display: inline-block;
    padding: 2px 20px 2px 50px;
    border-radius: 4px;
    font-size: 14px;
    letter-spacing: .1em;
    line-height: 1.3;
    white-space: nowrap;
    background: url(./images/icon/icon_heading_crown.png) 8% 46% no-repeat #d66858;
    background-size: 24px;
}
.btn_detail_ranking:link,
.btn_detail_ranking:visited{
	color: #fff;
	top: 0;
	box-shadow: 0 2px 0 #ac4f41;
	transition: .2s;
}
.btn_detail_ranking:hover,
.btn_detail_ranking:active{
	color: #fff;
	top: 1px;
	box-shadow: 0 1px 0 #ac4f41;
	text-decoration: none;
}



/*横幅を指定*/
.w05{ width: 5%; }
.w10{ width: 10%; }
.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%; }
.w25{ width: 25%; }
.w30{ width: 30%; }
.w35{ width: 35%; }
.w40{ width: 40%; }
.w45{ width: 45%; }
.w50{ width: 50%; }
.w55{ width: 55%; }
.w60{ width: 60%; }
.w65{ width: 65%; }
.w70{ width: 70%; }
.w75{ width: 75%; }
.w80{ width: 80%; }
.w85{ width: 85%; }
.w90{ width: 90%; }
.w95{ width: 95%; }
.w100{ width: 100%; }




/*	 sidebar
----------------------------*/

#sidebar,
#sidebar-menu-content{
	font-size: 0.9em;
	margin-bottom: 50px;
}

#sidebar-menu-content,
#sidebar-menu-content .sidebar{
	background-color: #f0f0f0;
}

#sidebar-menu-content ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar-menu-content .side_list li{
	background-image: none;
}

#sidebar h3,
#sidebar-menu-content h3{
	position:relative;
	background-color: #fff;
	padding: 15px 10px 10px 35px;
	border-bottom: 3px double #0ba29a;
	color: #0ba29a;
	margin: 16px 0 0;
}

#sidebar h3::before,
#sidebar-menu-content h3::before{
	position: absolute;
	top: 20px;
	left: 0;
	width: 24px;
	height: 5px;
	content: "";
	background-color: #0ba29a;
}

#sidebar h3::after,
#sidebar-menu-content h3::after{
	position: absolute;
}


/*検索ボックス*/
#sidebar .search-box .search-edit,
#sidebar-menu-content .search-box .search-edit{
	padding: 4px;
	border: 0;
	background-color: #fff;
	font-size: 16px;
}

#sidebar .search-box .search-submit,
#sidebar-menu-content .search-box .search-submit{
	line-height: 32px;
	margin-top: -2px;
	margin-top: -4px;
	background-color: #1f5e93;
	padding: 0 10px;
	font-size: 14px;
	color: #fff;
	right: 0px;
}

#side_tieup{
	margin-bottom: 30px;
	padding: 0 30px 30px;
	font-size: 0.9em;
	overflow: hidden;
	background-color: #fff;
}
#side_tieup p,
#side_tieup li{
	
}
#side_tieup h3{
	margin-top: 0;
	margin-left: -30px;
	margin-right: -30px;
}

#sidebar ul li a,
#sidebar-menu-content ul li a{
	display: block;
}

#kodawari_list li a:before{
	content: " \f0a9";
	font-family: FontAwesome;
	margin-right: 8px;
	text-decoration: none;
}

#kodawari_list{
	padding: 20px 0;
}

#kodawari_list li{
	border-bottom: 1px solid #CCCC33;
	padding: 0px 5px 5px;
}

#kodawari_list li a:hover{
	text-decoration: none;
}

.side_all_list li{
	padding: 3px 0px 3px 22px;
	border-bottom: 1px dotted #009;	
}

#sidebar .n2box li{
	max-width: 230px;
}

#sidebar ul.n2box li img,
#sidebar-menu-content ul.n2box li img{
	display: block;
	margin-right: auto;
	margin-left: auto;
}

#sidebar ul.n2box li,
#sidebar-menu-content ul.n2box li{
	margin-bottom: 20px;
}

#sidebar .side_list,
#sidebar-menu-content .side_list {
	background-color: #fff;
	margin-bottom: 30px;
	padding: 18px 18px 0;
}

#sidebar .side_list li,
#sidebar-menu-content .side_list li{
	padding: 0;
	border-bottom: 1px solid #d7d7d7;
}

#sidebar .side_list li:last-child,
#sidebar-menu-content .side_list li:last-child{
	border-bottom: 0;
}

#sidebar .side_list li a,
#sidebar-menu-content .side_list li a{
	margin-right: -18px;
	margin-left: -18px;
	padding: 15px 33px 15px 40px;
}

#sidebar .side_list li a:hover,
#sidebar .side_list li a:active,
#sidebar .side_list li a:focus,
#sidebar-menu-content .side_list li a:hover,
#sidebar-menu-content .side_list li a:active,
#sidebar-menu-content .side_list li a:focus{
	background-color: #f9eded;
}

#sidebar .side_list h3,
#sidebar-menu-content .side_list h3{
	margin: -18px;
	margin-bottom: 0;
}

#sidebar .side-bnr_box{
	padding-left: 0;
}

#sidebar .side-bnr_box li{
	text-align: center;
	margin: 0 0 15px;
}

.tweet-box{
	max-width: 400px;
	margin-bottom: 30px;
}

.side-sns-box{
	margin: 40px 0;
	text-align: center;
}

.side-sns-box h3{
	text-align: left;
}

.sns-btn_side{
	width: 48px;
	height: 48px;
	margin: 0 20px;
	line-height: 50px;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	font-size: 24px;
	border-radius: 50%;
}

#sidebar .youtube-box {
	margin-bottom: 20px;
	background-color: #ffffff;
	}

.sns-btn_twitter{
	background-color: #000;
	color: #fff;
}

.sns-btn_youtube{
	background-color: #d62a29;
	color: #fff;
}

.sns-btn_hatebu{
	background-color: #00a4de;
	color: #fff;
}
.sns-btn_line{
	background-color: #07B53B;
	color: #fff;
	font-size: 28px;
	padding-top: 2px;
}
.sns-btn_line a:hover{
	text-decoration: none;
}

.sns-btn_youtube a:link,
.sns-btn_youtube a:visited,
.sns-btn_twitter a:link,
.sns-btn_twitter a:visited,
.sns-btn_hatebu a:link,
.sns-btn_hatebu a:visited,
.sns-btn_line a:link,
.sns-btn_line a:visited{
	color: #fff
}

.sns-btn_hatebu [class^="icon-"],
.sns-btn_hatebu [class*=" icon-"]{
	line-height: 48px;
}
#sidebar .toc {
	background-color: #ffffff;	
}
#sidebar .toc-center {
	margin: 0 auto;
}



/*SNSアイコン*/
.sns-icon .fa-twitter-square {
	color: #55acee;
	font-size: 1.5em;
}
.sns-icon .fa-youtube, .sns-icon .fa-youtube-play {
	color: #d62a29;
	font-size: 1.5em;
}
.sns-icon .fa-globe {
	color: #84c731;
	font-size: 1.5em;
}
.sns-icon .fa-line {
	color: #07B53B;
	font-size: 1.5em;
}


/*アコーディオン*/
#sidebar .btn_accordion,
#sidebar-menu-content .btn_accordion{
	border: 4px solid #0ba29a;
	background-color: #fff;
	color: #0ba29a;
	padding-left: 20px;
	padding-right: 50px;
}

#sidebar .btn_accordion::before,
#sidebar-menu-content .btn_accordion::before{
	display: none;
}

#sidebar .btn_accordion::after,
#sidebar-menu-content .btn_accordion::after{
	top: 50%;
	left: auto;
	right: 15px;
	width: 20px;
	margin-top: -14px;
	background-color: transparent;
	color: #0ba29a;
	text-align: center;
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 30px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f107";
}

#sidebar .btn_accordion.accordion-list_btn_open,
#sidebar-menu-content .btn_accordion.accordion-list_btn_open{
	background-color: #0ba29a;
	color: #fff;
}

#sidebar .btn_accordion.accordion-list_btn_open::after,
#sidebar-menu-content .btn_accordion.accordion-list_btn_open::after{
	content: "\f106";
	color: #fff;
}


/*	アンケートボタン
----------------------------------------------------*/
.sidebar-enquete, .pagebottom-enquete, .pagebottom-answers{
	border: 3px solid #86c2c2;
	padding:10px 5px 0;
	margin: 10px 0 10px;
}

.pagebottom-enquete{
	width: 500px;
	margin: 0 auto;
}

.pagebottom-answers{
	width: 500px;
	margin: 15px auto;
	border: 0;
}

.sidebar-enquete .flatbutton a, .pagebottom-enquete .flatbutton a{
	width: 80%;
	background-color: #86c2c2;
	border-radius: 3px;
	box-shadow: 0 3px 0 rgba(121,176,176,1);
	color: #ffffff !important; 
	display: block;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	margin: 10px auto;
	padding: 10px 0;
}
.sidebar-enquete .flatbutton a:hover, .pagebottom-enquete .flatbutton a:hover{
	box-shadow: 0 1px 0 rgba(121,176,176,1);
	margin: 12px auto 8px;
	text-decoration: none;
}




/* Top page
----------------------------------------------------*/

#topmain .compare table{
	font-size: 0.8em;
	border-collapse: collapse;
}

#topmain .compare table th,
#topmain .compare table td{
	border: 1px solid #ccc;
}


.sa.show{
	opacity: 1;
}

/*768px以下*/
@media screen and (max-width: 768px){
	.sa.show{
		transform: none;
		-webkit-animation: scrollTable 3s linear both;
		animation: scrollTable 3s linear both;
	}
}

@keyframes scrollTable{
	0%{-webkit-transform:matrix(1,0,0,1,0,0);transform:matrix(1,0,0,1,0,0)}
	15%{-webkit-transform:matrix(1,0,0,1,-120,0);transform:matrix(1,0,0,1,-111.218,0)}
	to{-webkit-transform:matrix(1,0,0,1,0,0);transform:matrix(1,0,0,1,0,0)}
}

.home .article .sns-share,
.home .article .sns-follow{
	display: none;
}

#gmo-tieup{
	float: left;
}

#top_fxtool_h3{
	-webkit-margin-after: 0em;
	margin: 0;
	padding-bottom: 0;
	background: #f5f5f5; 
	width: 650px;
}
#top_fxtool{
	width: 650px;
	background: #f5f5f5;
	background: url(/img/fxtool/top_fxtool_bg.jpg) no-repeat;
	margin-bottom: 30px;
	padding: 10px 0;
}

#top_fxtool ul{
	margin: 0;
}

#top_fxtool h4, #top_fxtool .btn{
	padding-left: 20px;
}

#top_fxtool_h3, #top_fxtool, .top_banner{
margin-left: 10px;
}




/*	 Information
----------------------------*/
#information{
	background-color: #fff;
	margin: 50px 0 50px 0px;
}

#whats_new{
	margin: 50px 0 50px 0px;
}

#information h2{
	margin-left: 0;
	margin-right: 0;
	padding: 20px 30px;
	background-color: #fff;
	border-top: 6px solid #1ab5a8;
	border-bottom: 6px solid #1ab5a8;
	font-size: 26px;
	color: #000;
}

#information h2::before,
#information h2::after{
	display: none;
}

#info-all{
	float:right;
}

/*#information span, #whats_new span{
	float: right;
}*/

#information dl, #whats_new dl{
	clear:both;
	padding-top: 7px;
	font-size: 0.88em;
	height: 100%;
}

#information dt, #whats_new dt{
	float: left;
	padding: 0 5px;
	clear: both;
}

#information dt{
	background-color: #1ab5a8;
	width: 100px;
	text-align: center;
	margin-top: 20px;
	margin-left: 32px;
	color: #fff;
}

#whats_new dd{
	border-bottom: 1px dotted #87C800;
	padding: 7px 0 7px 95px;
}

#information .odd, #whats_new .odd{
	background-color: #FFFFE6;
}

.to_cat a{
	float: right;
	background: url(/img/bg/news_arrow.gif) no-repeat 0 83%;
	padding: 5px 0 0 25px;
}

.to_cat a:hover{
	float: right;
	background: url(/img/bg/news_arrow.gif) no-repeat 3% 83%;
	padding: 5px 0 0 25px;
}

#information dd{
	margin: 0;
	padding: 20px 32px 20px 165px;
}
	
#information dd:nth-of-type(even){
	background-color: #f5f5f5;
}

#information dd:nth-of-type(odd){
	margin-bottom: 0;
}



/*	 Information favicon
----------------------------*/
.tradenews{ background: url(/img/favicon/bo.png) no-repeat 140px 25px; }
.fxzero{ background: url(/img/favicon/fxzero.png) no-repeat 125px 50%; }
.hirose{ background: url(/img/favicon/hirose.png) no-repeat 140px 25px; }
.minnanofx{ background: url(/img/favicon/minnanofx.png) no-repeat 140px 25px; }
.mjfx{ background: url(/img/favicon/mjfx.png) no-repeat 140px 25px; }
.fxonline{ background: url(/img/favicon/fxonline.png) no-repeat 140px 25px; }
.monexfx{ background: url(/img/favicon/monexfx.png) no-repeat 140px 25px; }
.monex{ background: url(/img/favicon/monex.png) no-repeat 140px 25px; }
.emcomtrade{ background: url(/img/favicon/emcomtrade.png) no-repeat 140px 25px; }
.cyberagent{ background: url(/img/favicon/cyberagent.png) no-repeat 140px 25px; }
.yjfx{ background: url(/img/favicon/yjfx.png) no-repeat 140px 25px; }
.fxprime{ background: url(/img/favicon/fxprime.png) no-repeat 140px 25px; }
.moneypartners{ background: url(/img/favicon/moneypartners.png) no-repeat 140px 25px; }
.dmm{ background: url(/img/favicon/dmm.png) no-repeat 140px 25px; }
.dmmfx{ background: url(/img/favicon/dmm.png) no-repeat 140px 25px; }
.odl{ background: url(/img/favicon/odl.png) no-repeat 140px 25px; }
.forextrade{ background: url(/img/favicon/forextrade.png) no-repeat 140px 25px; }
.click{ background: url(/img/favicon/click.png) no-repeat 140px 25px; }
.gaitamedotcom{ background: url(/img/favicon/gaitamedotcom.png) no-repeat 140px 25px; }
.gaitameonline{ background: url(/img/favicon/gaitameonline.png) no-repeat 140px 25px; }
.centraltanshifx{ background: url(/img/favicon/centraltanshifx.png) no-repeat 140px 25px; }
.foreland{ background: url(/img/favicon/fxcm.png) no-repeat 140px 25px; }
.fxcm{ background: url(/img/favicon/fxcm.png) no-repeat 140px 25px; }
.cms{ background: url(/img/favicon/cms.png) no-repeat 140px 25px; }
.fxts{ background: url(/img/favicon/fxts.png) no-repeat 140px 25px; }
.traderssec{ background: url(/img/favicon/traderssec.png) no-repeat 140px 25px; }
.himawari{ background: url(/img/favicon/himawari.png) no-repeat 140px 25px; }
.fxtrade{ background: url(/img/favicon/fxtrade.png) no-repeat 140px 25px; }
.uedaharlow{ background: url(/img/favicon/uedaharlow.png) no-repeat 140px 25px; }
.gaitamejapan{ background: url(/img/favicon/gaitamejapan.png) no-repeat 140px 25px; }
.gmoclick{ background: url(/img/favicon/gmoclick.png) no-repeat 140px 25px; }
.gmoclicksec{ background: url(/img/favicon/gmoclick.png) no-repeat 140px 25px; }
.igmarkets{ background: url(/img/favicon/igmarkets.png) no-repeat 140px 25px; }
.ig{ background: url(/img/favicon/igmarkets.png) no-repeat 140px 25px; }
.invast{ background: url(/img/favicon/invast.png) no-repeat 140px 25px; }
.sbifxtrade{ background: url(/img/favicon/sbifx.png) no-repeat 140px 25px; }
.inetfx{ background: url(/img/favicon/inetfx.png) no-repeat 140px 25px; }
.alpari{ background: url(/img/favicon/alpari.png) no-repeat 140px 25px; }
.yjfx-news{ background: url(/img/favicon/yjfx.png) no-repeat 140px 25px; }
.wininvest{ background: url(/img/favicon/wininvest.png) no-repeat 140px 25px; }
.oanda{ background: url(/img/favicon/oanda.png) no-repeat 140px 25px; }
.simplefx{ background: url(/img/favicon/simplefx.png) no-repeat 140px 25px; }
.jfx{ background: url(/img/favicon/jfx.png) no-repeat 140px 25px; }
.m2j{ background: url(/img/favicon/m2j.png) no-repeat 140px 25px; }
.m2jfx{ background: url(/img/favicon/m2j.png) no-repeat 140px 25px; }
.gaitamefinest{ background: url(/img/favicon/gaitamefinest.png) no-repeat 140px 25px; }
.dukascopyjapan{ background: url(/img/favicon/dukascopy.png) no-repeat 140px 25px; }
.forexcom{ background: url(/img/favicon/forexcom.png) no-repeat 140px 25px; }
.forexexchange{ background: url(/img/favicon/orenobo.png) no-repeat 140px 25px; }
.ezinvest{ background: url(/img/favicon/ezinvest.png) no-repeat 140px 25px; }
.okasan{ background: url(/img/favicon/okasan.png) no-repeat 140px 25px; }
.binarycom{ background: url(/img/favicon/binarycom.png) no-repeat 140px 25px; }
.saxobank{ background: url(/img/favicon/saxobank.png) no-repeat 140px 25px; }
.shinseibank{ background: url(/img/favicon/shinseibank.png) no-repeat 140px 25px; }
.rakuten{ background: url(/img/favicon/rakuten.png) no-repeat 140px 25px; }
.gmocoin{ background: url(/img/favicon/gmocoin.png) no-repeat 140px 25px; }
.lightfx{ background: url(/img/favicon/lightfx.png) no-repeat 140px 25px; }
.linefx{ background: url(/img/favicon/linefx.png) no-repeat 140px 25px; }
.sbineomobilefx{ background: url(/img/favicon/sbineomobilefx.png) no-repeat 140px 25px; }
.avatrade{ background: url(/img/favicon/ava.png) no-repeat 140px 25px; }

.bitpoint{ background: url(/img/favicon/bitpoint.png) no-repeat 140px 25px; }
.matsuifx{ background: url(/img/favicon/matsuifx.png) no-repeat 140px 25px; }
.thinkmarkets{ background: url(/img/favicon/thinkmarkets.png) no-repeat 140px 25px; }
/*	 ＊モバイルにも追加して調整----------------------------*/




/*	 Side-bar favicon
----------------------------*/
.side_list .side_all_list > li{ background-image: none; }
.side_list li a{ background: url(./images/icon/icon-arw_list.png) no-repeat 18px 50%; }
.side_list .fxzero a{ background: url(/img/favicon/fxzero.png) no-repeat 18px 50%; }
.side_list .hirose a{ background: url(/img/favicon/hirose.png) no-repeat 18px 50%; }
.side_list .minnanofx a{ background: url(/img/favicon/minnanofx.png) no-repeat 18px 50%; }
.side_list .mjfx a{ background: url(/img/favicon/mjfx.png) no-repeat 18px 50%; }
.side_list .fxonline a{ background: url(/img/favicon/fxonline.png) no-repeat 18px 50%; }
.side_list .monexfx a{ background: url(/img/favicon/monexfx.png) no-repeat 18px 50%; }
.side_list .monex a{ background: url(/img/favicon/monex.png) no-repeat 18px 50%; }
.side_list .emcomtrade a{ background: url(/img/favicon/emcomtrade.png) no-repeat 18px 50%; }
.side_list .cyberagent a{ background: url(/img/favicon/cyberagent.png) no-repeat 18px 50%; }
.side_list .yjfx a{ background: url(/img/favicon/yjfx.png) no-repeat 18px 50%; }
.side_list .fxprime a{ background: url(/img/favicon/fxprime.png) no-repeat 18px 50%; }
.side_list .moneypartners a{ background: url(/img/favicon/moneypartners.png) no-repeat 18px 50%; }
.side_list .dmm a{ background: url(/img/favicon/dmm.png) no-repeat 18px 50%; }
.side_list .odl a{ background: url(/img/favicon/odl.png) no-repeat 18px 50%; }

.side_list .forextrade a{ background: url(/img/favicon/forextrade.png) no-repeat 18px 50%; }
.side_list .click a{ background: url(/img/favicon/click.png) no-repeat 18px 50%; }
.side_list .gaitamedotcom a{ background: url(/img/favicon/gaitamedotcom.png) no-repeat 18px 50%; }
.side_list .gaitameonline a{ background: url(/img/favicon/gaitameonline.png) no-repeat 18px 50%; }
.side_list .centraltanshifx a{ background: url(/img/favicon/centraltanshifx.png) no-repeat 18px 50%; }
.side_list .foreland a{ background: url(/img/favicon/fxcm.png) no-repeat 18px 50%; }
.side_list .fxcm a{ background: url(/img/favicon/fxcm.png) no-repeat 18px 50%; }
.side_list .cms a{ background: url(/img/favicon/cms.png) no-repeat 18px 50%; }
.side_list .himawari a{ background: url(/img/favicon/himawari.png) no-repeat 18px 50%; }
.side_list .fxts a{ background: url(/img/favicon/fxts.png) no-repeat 18px 50%; }
.side_list .traderssec a{ background: url(/img/favicon/traderssec.png) no-repeat 18px 50%; }
.side_list .fxtrade a{ background: url(/img/favicon/fxtrade.png) no-repeat 18px 50%; }
.side_list .uedaharlow a{ background: url(/img/favicon/uedaharlow.png) no-repeat 18px 50%; }
.side_list .gaitamejapan a{ background: url(/img/favicon/gaitamejapan.png) no-repeat 18px 50%; }
.side_list .gmoclick a{ background: url(/img/favicon/gmoclick.png) no-repeat 18px 50%; }
.side_list .igmarkets a{ background: url(/img/favicon/igmarkets.png) no-repeat 18px 50%; }
.side_list .ig a{ background: url(/img/favicon/igmarkets.png) no-repeat 18px 50%; }
.side_list .invast a{ background: url(/img/favicon/invast.png) no-repeat 18px 50%; }
.side_list .sbifxtrade a{ background: url(/img/favicon/sbifx.png) no-repeat 18px 50%; }
.side_list .inetfx a{ background: url(/img/favicon/inetfx.png) no-repeat 18px 50%; }
.side_list .alpari a{ background: url(/img/favicon/alpari.png) no-repeat 18px 50%; }
.side_list .yjfx a{ background: url(/img/favicon/yjfx.png) no-repeat 18px 50%; }
.side_list .wininvest a{ background: url(/img/favicon/wininvest.png) no-repeat 18px 50%; }
.side_list .oanda a{ background: url(/img/favicon/oanda.png) no-repeat 18px 50%; }
.side_list .simplefx a{ background: url(/img/favicon/simplefx.png) no-repeat 18px 50%; }
.side_list .jfx a{ background: url(/img/favicon/jfx.png) no-repeat 18px 50%; }
.side_list .m2j a{ background: url(/img/favicon/m2j.png) no-repeat 18px 50%; }
.side_list .m2jfx a{ background: url(/img/favicon/m2j.png) no-repeat 18px 50%; }
.side_list .gaitamefinest a{ background: url(/img/favicon/gaitamefinest.png) no-repeat 18px 50%; }
.side_list .dukascopy a{ background: url(/img/favicon/dukascopy.png) no-repeat 18px 50%; }
.side_list .forexcom a{ background: url(/img/favicon/forexcom.png) no-repeat 18px 50%; }
.side_list .forexexchange a{ background: url(/img/favicon/orenobo.png) no-repeat 18px 50%; }
.side_list .ezinvest a{ background: url(/img/favicon/ezinvest.png) no-repeat 18px 50%; }
.side_list .okasan a{ background: url(/img/favicon/okasan.png) no-repeat 18px 50%; }
.side_list .binarycom a{ background: url(/img/favicon/binarycom.png) no-repeat 18px 50%; }
.side_list .saxobank a{ background: url(/img/favicon/saxobank.png) no-repeat 18px 50%; }
.side_list .shinseibank a{ background: url(/img/favicon/shinseibank.png) no-repeat 18px 50%; }
.side_list .rakuten a{ background: url(/img/favicon/rakuten.png) no-repeat 18px 50%; }
.side_list .gmocoin a{ background: url(/img/favicon/gmocoin.png) no-repeat 18px 50%; }
.side_list .lightfx a{ background: url(/img/favicon/lightfx.png) no-repeat 18px 50%; }
.side_list .linefx a{ background: url(/img/favicon/linefx.png) no-repeat 18px 50%; }
.side_list .sbineomobilefx a{ background: url(/img/favicon/sbineomobilefx.png) no-repeat 18px 50%; }
.side_list .bitpoint a{ background: url(/img/favicon/bitpoint.png) no-repeat 18px 50%; }
.side_list .avatrade a{ background: url(/img/favicon/ava.png) no-repeat 18px 50%; }
.side_list .matsuifx a{ background: url(/img/favicon/matsuifx.png) no-repeat 18px 50%; }
.side_list .thinkmarkets a{ background: url(/img/favicon/thinkmarkets.png) no-repeat 18px 50%; }



/*	 topical-news-box
----------------------------*/
.topical-news-box{
	display: flex;
	flex-wrap: wrap;
	padding: 25px 32px;
	background-color: #fff;
}

.topical-news-box section{
	width: 48%;
	margin-right: 4%;
}

.topical-news-box section:nth-child(2n){
	margin-right: 0;
}

.article .topical-news-box .topical-news_heading{
	margin-top: 0;
	padding: 10px 0 10px 50px;
	border: 0;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	font-size: 18px;
	background-repeat: no-repeat;
}

.article .topical-news-box_swap .topical-news_heading{
	border-bottom-color: #1dbbaa;
	color: #1dbbaa;
	background-image: url(./images/icon/icon_topical-news_swap.png);
	background-position: 2px center;
}

.article .topical-news-box_spec .topical-news_heading{
	border-bottom-color: #987fdd;
	color: #987fdd;
	background-image: url(./images/icon/icon_topical-news_spec.png);
	background-position: 8px center;
}

.article .topical-news-box_mt4 .topical-news_heading{
	border-bottom-color: #3879e4;
	color: #3879e4;
	background-image: url(./images/icon/icon_topical-news_mt4.png);
	background-position: 8px center;
}

.article .topical-news-box_binary .topical-news_heading{
	border-bottom-color: #5dbd37;
	color: #5dbd37;
	background-image: url(./images/icon/icon_topical-news_binary.png);
	background-position: 14px center;
}

.article .topical-news_list li{
	overflow: hidden;
	list-style: none;
	margin-bottom: 10px;
	font-size: 14px;
}

.tnews_item_thumbs{
	float: left;
	margin-right: 14px;
	margin-bottom: 14px;
	width: 100px;
	height: auto;
}

.topical-news-box .tnews_item_date{
	overflow: hidden;
	display: inline-block;
	padding: 0 10px;
	color: #fff;
	max-width: calc(100% - 114px);
	font-size: 12px;
}

.topical-news-box a{
	text-decoration: none;
}

.topical-news-box_swap .tnews_item_date{
	background-color: #1dbbaa;
}

.topical-news-box_spec .tnews_item_date{
	background-color: #987fdd;
}

.topical-news-box_mt4 .tnews_item_date{
	background-color: #3879e4;
}

.topical-news-box_binary .tnews_item_date{
	background-color: #5dbd37;
}

.tnews_item_title{
	overflow: hidden;
	font-size: 13px;
}


/*フッター*/
.footer{
	background-image: url(/img/common/bg_logo_footer.png), url(/img/common/bg_footer.png), url(/img/common/bg_footer_gradient.jpg);
	background-size: auto, cover, cover;
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-position:  left top, center center, center center;
}

.footer-in{
	padding-left: 270px;
}

.footer-center2{
	padding: 10px 16px;
}

.footer-left,
.footer-center,
.footer-center2,
.footer-right{
	width: 25%;
}

h3.footer-title{
	font-size: 12px;
	color: #fff;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #fff;
}

.footer .widget_nav_menu ul li a{
	padding: 0;
	font-size: 12px;
}

.footer .widget_nav_menu ul li a:link,
.footer .widget_nav_menu ul li a:visited{
	background-color: transparent;
	color: #fff;
}

.footer .widget_nav_menu ul li a:hover,
.footer .widget_nav_menu ul li a:active{
	background-color: transparent;
	color: #fff;
	text-decoration: underline;
}

.footer-bottom-logo{
	display: none;
}

.navi-footer-in > .menu-footer{
	margin-bottom: 20px;
}

.navi-footer-in > .menu-footer li{
	line-height: 1;
}

.navi-footer-in > .menu-footer li:first-child{ border-left: 0; }
.navi-footer-in > .menu-footer li:last-child{ border-right: 0; }

.menu-footer a:link,
.menu-footer a:visited{
	color: #fff;
}

.navi-footer-in a:hover{
	background-color: transparent;
}

.menu-footer a:hover,
.menu-footer a:active{
	color: #fff;
}

.copyright{
	margin-top: 0;
	margin-right: 1em;
	line-height: 1.0;
	color: #fff;
}

#navi-footer,
.copyright{
	float: right;
}

.go-to-top-button{
	border-radius: 50%;
	background-color: #0ba29a;
	color: #fff;
}

.go-to-top-button:link,
.go-to-top-button:visited,
.go-to-top-button:hover,
.go-to-top-button:active{
	color: #fff;
}

#go-to-top .fa-angle-double-up:before{
	content: "\f106";
}




/*	What's New single_page
----------------------------*/
.single_page #caution{
	background-color: #efefef;
	color: #555;
	padding:1em;
	margin: 0 50px 0 15px;
}



/* page common
----------------------------------------------------*/

#osusume{
	padding: 0 30px;
}

#osusume_list li{
	padding-left: 15px;
	background: url(/img/bg/arrow.gif) no-repeat 0 50%;
	margin: 0 0 6px 25px;
	list-style: none;
}

#bottom_no1{
	margin: 30px 0 20px;
}

#bottom_no1 thead th{
	width: 33%;
}

#bottom_no1 .align_center_table thead th{
	background-color: #fff3c6;
	border-color: #ecdbb0;
	border-bottom-width: 2px;
}

#bottom_no1 .align_center_table tbody td{
	text-align: left !important;
	vertical-align: top;
	border: 1px solid #ecdbb0;
	border-bottom-width: 4px;
	border-radius: 6px;
}

#bottom_no1 table{
	margin-bottom :15px;
}


#singlemain #caution,
#caution-footer{
	background-color: #efefef;
	color: #555;
	padding: 1em;
	margin: 0 auto;
	width: 90%;
	font-size: 0.8em;
}
#caution-footer ul li {
	margin-left: 1em;
}


.article ul.function li {
	margin-left: 1.5em;
}



/* entry page
----------------------------------------------------*/
.article h3#crown{
	padding-left: 90px;
}




/* fxcompany_page
----------------------------------------------------*/

/*fxcompany_page_title*/
.article .fxcompany_page_title{
	clear: both;
	position: relative;
	margin-right: -30px;
	margin-left: -30px;
	padding: 20px 35px;
	border-top: 5px solid #dbdbdb;
	border-bottom: 5px solid #dbdbdb;
	background-color: transparent;
	color: #333;
}

.article .fxcompany_page_title::before{
	position: absolute;
	top: -5px;
	left: 0;
	width: 95px;
	height: 5px;
	background-color: #1ab4a8;
}

.article .fxcompany_page_title::after{
	display: none;
}

/*fxcompany_page_title_step*/
.article .list_fxcompany_page_step{
	margin: 40px 0 0;
	padding: 0;
}

.article .list_fxcompany_page_step li{
	margin-bottom: 70px;
	list-style: none;
}

.article .fxcompany_page_title_step{
	position: relative;
	margin-bottom: 40px;
	padding: 15px 0;
	border-top: 5px solid #1ab4a8;
	border-right: 0;
	border-bottom: 0;
	border-left: 0;
	font-size: 20px;
	font-weight: bold;
}

.article .fxcompany_page_title_step::after{
	position: absolute;
	left: 0;
	top: auto;
	bottom: -40px;
	content: "";
	border-color: transparent;
	border-top-color: #ccc;
	border-width: 22px 58px;
	border-style: solid;
}

.article .list_fxcompany_page_step li dd{
	margin: 0;
}

#fxcompany_page #bunner{
	float: left;
	margin: 0 30px 20px 0;
}

#fxcompany_page #pr,
#fxcompany_page .pr{
	margin-bottom: 30px;
	clear: both;
}

#fxcompany_page #pr h3,
#fxcompany_page .pr h3{
	margin: 55px 0 40px;
	background: url(./images/icon/icon_check.png) no-repeat;
	padding: 8px 0 8px 60px;
	border: none;
	font-size: 24px;
}

#fxcompany_page #pr > p,
#fxcompany_page .pr > p{
	padding-left: 45px;
	padding-top: 0;
	-webkit-margin-before: 0em;
}


/*Q&A*/
#fxcompany_page #pr .heading_question,
#fxcompany_page .pr .heading_question,
.faq-box dt{
	position: relative;
	background: none;
	margin: 0 0 20px;
	padding: 8px 0 15px 60px;
	border-bottom: 1px solid #b9b9b9;
	font-weight: bold;
}

#fxcompany_page #pr .heading_question::before,
#fxcompany_page .pr .heading_question::before,
.faq-box dt:before{
	position: absolute;
	top: 0;
	left: 0px;
	content: "Q";
	background-color: #ce1c5b;
	width: 43px;
	height: 43px;
	line-height: 43px;
	text-align:center;
	border-radius: 50%;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
}

#fxcompany_page #pr .box_answer,
#fxcompany_page .pr .box_answer,
.faq-box dd{
	position: relative;
	margin-left: 0;
	margin-bottom: 60px;
	padding-left: 60px;
}

#fxcompany_page #pr .box_answer::before,
#fxcompany_page .pr .box_answer::before,
.faq-box dd:before{
	position: absolute;
	top: -10px;
	left: 0px;
	content: "A";
	background-color: #1ab5a8;
	width: 43px;
	height: 43px;
	line-height: 43px;
	text-align:center;
	border-radius: 50%;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
}

#fxcompany_page .pr .border-box{
    margin-left: 45px;
}


/*	 fxtool_page
================================================================================== */

#fxtool_page h2{
	background: none;
	margin: 0;
	padding: 20px 0 20px 20px;
	color: #000;
	border: none;
}

#fxtool_image{
	background: url(/img/fxtool/fxtool_bg.png) no-repeat;
	height: 230px;
	width: 670px;
}

#fxtool_image ul li{
	padding-left: 15px;
	background: url(/img/bg/arrow.gif) no-repeat 0 50%;
	margin: 0 0 6px 0px;
	font-weight: bold;
	list-style: none;
}

#fxtool_image h3{
	border: none;
	padding: 0px 0 5px 23px;
	margin: 0px 0 0px 0;
}

#fxtool_page h4{
	background-color: #8499B4;
	color: #fff;
	padding: 10px 30px;
	margin: 80px 0 0 0;
	border: none;
}

#fxtool_page .pr{
	font-size: 1.2em;
	line-height: 1.6em;
	padding: 0px 20px 40px 30px;
}

#fxtool_page .tool_img{
	float:left;
	padding-left: 30px;
}

#fxtool_page .point{
	margin: 0 0px 20px 300px;
}

#fxtool_page .point ul li{
	background: url(images/bg/check.png) no-repeat;
	padding: 0px 0 30px 30px;
	font-size: 1.1em;
	font-weight: bold;
	list-style: none;
}

#fxtool_page .caption{
	border-left:	10px solid #FFCD62;
	line-height: 1.4em;
	margin-top: 15px;
	padding: 5px 0 5px 10px;
}

#fxtool_page .official_link{
	background: url(/img/bg/arrow_blue.gif) no-repeat 0 50%;
	padding: 0 0 0 30px;
	font-size: 1.2em;
	height:	23px;
}

#fxtool_page .bunner{
	clear:left;
	padding: 40px 0 0 30px;
}




/*	 pickuplist_page
================================================================================== */

.pickuplist{
	background: #FFFCD9;
	margin-bottom: 20px;
}

#pickuplist_page #read{
	margin:	0 15px 0 20px;
}

#pickuplist_page strong{
	font-size: 1.2em;
	line-height: 2em;
	padding-bottom: 10px;
}

#pickuplist_page h3{
	padding:18px 0 20px 30px;
}

#pickuplist_page .bunner{
	padding: 0px 0 0px 0 30px;
	margin : 0 15px 5px 30px;
	float: left;
}

#pickuplist_page p{
	margin:	0 15px 0 0px;
	padding-left: 30px;
}

.kouza_kuwasiku{
	clear: left;
	padding: 20px 0 20px 96px;
	margin-bottom: 50px;
}

.kouza_kuwasiku img{
	float: left;
	margin-right: 12px;
}

.kuwasiku{
	clear: left;
	padding: 20px 0 20px 360px;
	margin-bottom: 0px;
}




/*	 iphone_page & android_page & special_page
================================================================================== */
#iphone_page, #android_page, #special_page{
	padding: 0px 0 100px 0px;
}

#iphone_page h2, #android_page h2, #special_page h2{
	background: none;
	margin: 0;
	padding: 0;
	color: #000;
	border: none;
}

#iphone_page h3{
	border: none;
}

#iphone_page #interview_btn{
	margin: 0;
}

#iphone_image ul li, #android_image ul li,#iphone_footer ul li{
	padding-left: 15px;
	background: url(/img/bg/arrow.gif) no-repeat 0 50%;
	margin: 0 0 6px 0px;
	list-style: none;
}

#iphone_page #bunner_left{
	float: left;
	padding: 10px 0 40px 0;
}

#iphone_page #bunner_right{
	float: right;
	padding: 10px 10px 0 0;
}

#iphone_page h4, #android_page h4, #special_page h4, #kodawari_page h4{
	clear: both;
	background-color: #8499B4;
	color: #fff;
	padding: 10px 10px;
	margin: 80px 0 0 0;
	border: none;
}

#special_page h4, #kodawari_page h4{
	margin: 80px 0 1em 0; 
}

#iphone_page .icon, .compare .icon{
	float: left;
	padding: 5px 10px 0px 0px;
}

#iphone_page .bunner, #android_page .bunner, #special_page .bunner{
	float:left;
}

#iphone_page .point, #android_page .point, #special_page .point{
	margin: 0 10px 0 140px;
}

#iphone_page .point ul li, #android_page .point ul li, #special_page .point ul li, .compare .point ul li{
	background: url(images/bg/check.png) no-repeat;
	padding: 0px 0 20px 40px;
	font-size: 1.1em;
	list-style: none;
}

#special_page h3{
	margin-bottom: 10px;
}

#iphone_page h5, #android_page h5, #special_page h5{
	font-size: 1.2em;
	border-bottom: 3px solid #003399;
	margin: 20px 0 10px 5px;
}

#iphone_page ol, #android_page ol, #special_page ol{
	margin: 8px 0 20px 0;
	padding: 0 0 0 20px;
}

#iphone_page ol li, #android_page ol li, #special_page ol li{
	list-style: decimal outside;
	margin-left: 1em;
}

#iphone_page .official_link{
	background: url(/img/bg/arrow_blue.gif) no-repeat 0 50%;
	padding: 2px 0 2px 30px;
	font-size: 1.2em;
}

#iphone_page .official_arrow{
	padding: 0 20px 20px 0;
	font-size: 1.2em;
	text-align: left;
}

#iphone_page .official_arrow img, .left_arrow img{ 
	vertical-align: middle;
	padding-right: 10px;
}

#iphone_footer p{
	margin: 40px 25px 20px;
	border-bottom: 3px solid #003399;
	padding-bottom: 5px;
	font-size: 1.3em;
}

#iphone_footer p a{
	color:#006;
}

#special_page h2{
	margin: 0 0 20px !important;;
}
#special_page h3{
	padding: 0px 0 5px 0;
	margin: 0;
}
#special_page .pr{
	padding-top: 20px;
}

#smaho_icon_list{
	padding-top: 50px;
}




/*	 #iphone_app
================================================================================== */
#iphone_app table, #iphone_app h5{
	clear: both;
}

#iphone_app h5{
	clear: both;
	padding-top: 50px;
}

#iphone_app table th{
	width: 20%;
}




/*	 specialpage
================================================================================== */

.iconlist h3{/* 確認 */
	border: none;
	padding: 20px 0 7px 0px;
	font-size: 24px;
	min-height: 34px;
	margin: 20px 0px 10px;	
}

.iconlist .summary{/* 確認 */
	padding: 0 30px 20px 0px;
}

.iconlist ul{ /* 確認 */
	padding: 0 0 0 0px;
}
.iconlist ul li{
	background: url(images/bg/arrow.gif) no-repeat 0px 10%;
	padding: 0 0 25px 25px;
	margin-left: 10px;
	font-size: 1.2em;
	list-style: none;
}




/*	 android_page only、ipad_page only
================================================================================== */

#android_page h2{
	background: none;
	margin: 0;
	padding: 0;
	color: #000;
}

#android_image h3, #ipad_image h3{
	padding: 0px 0 10px 0px;
	border: none;
}

#android_page .primg{
	float: right;
	padding: 0 10px 10px 10px;
}

#android_page .point ol li ul li{
	list-style: outside circle;
	background: none;
	padding: 0;
	font-size: 1em;
}




/*	 kodawari_page
================================================================================== */

#kodawari_page h3{
	margin: 20px 0 15px 0px;
}

#kodawari_page .bunner{
	float:left;
	padding: 0 20px 20px 0px;
}

#kodawari_page h5{
	font-size: 1.2em;
	border-bottom: 3px solid #003399;
	margin: 25px 0px 25px 0px;
}

#kodawari_page .point ul li{
	background: url(images/bg/check.png) no-repeat;
	padding: 3px 0 20px 45px;
	font-size: 1.1em;
	list-style: none;
}

#kodawari_page .official img{
	padding: 30px 0 15px 65px;
}

#kodawari_page .official strong{
	padding: 10px 0 0 65px;
}

#kodawari_page .official_link{
	background: url(/img/bg/arrow_blue.gif) no-repeat 0 50%;
	padding: 2px 0 2px 40px;
	margin-left: 65px;
	font-size: 1.2em;
}

#kodawari_page .company{
	background: url(/img/bg/company_bg.gif) bottom no-repeat;
	padding-bottom: 45px;
}

.tieup-pr{
	font-size: 1.2em;
	line-height: 1.6em;
	padding: 20px 20px 15px 30px;
}

.tieup-pr img{
	display: block;
	margin: 10px auto 15px;
}
#footer_tieup{
	margin: 100px 0;
}

#footer_tieup h6{
	margin: 0 0 10px 8px;
	font-size: 20px
}




/*	 pentagon_page
================================================================================== */
#pentagon_list{
	float: left;
	width: 380px;
}
#pentagon_img{
	float: right;
	width: 280px;
	text-align: center;
}




/*	 fxtf_mt4_page
================================================================================== */
.fxtf_mt4 .point ul{
	margin-top: 20px;
}

.fxtf_mt4 .pl30{
	padding-left: 30px;
}

.fxtf_mt4 .bunner{
	padding-left: 0;
}




/* .knowledge page
----------------------------------------------------*/

.knowledge h2{
	background: none;
	padding: 0;
	margin: 10px 0 15px;
}

.knowledge ul li{
	background: url(images/bg/arrow.gif) no-repeat 0px 10%;
	padding: 0 0 25px 25px;
	margin-left: 50px;
	font-size: 1.2em;
	list-style: none;
}

#bo_autochartist{
	background: url(images/knowledge/bo.png) no-repeat;
}

.knowledge h3{
	border: none;
	padding: 20px 0 0 90px;
	font-size: 24px;
	min-height: 34px;
	margin: 50px 0px 0;
}

.knowledge h4{
	font-size: 18px;
	margin: 30px 0px 7px;
}

.knowledge #pr{
	padding-top: 0px;
}

.knowledge .summary{
	padding: 0 30px 20px 90px;
}

.largestrong{
	font-size: 1.4em;
	padding-top: 40px
}

.spread_hikaku #spread_hikaku_campaign{
	border-radius: 10px;
	background-color: #efe7e7;
	border: double #fff;
	margin: 50px 10px 30px;
	padding: 0 15px 15px;
}
.spread_hikaku #spread_hikaku_campaign td{
	background-color: #fff;
}




/* .compare_top page
----------------------------------------------------*/
.compare_top ul li{
	list-style: none;
	border: 1px solid #999;
	background:#F7F7F7;
	padding: 5px;
	clear: both;
	overflow : hidden;
	margin-bottom: 30px;
}

.compare_top ul li:nth-child(even){
	background:#fff;
}

.compare_top ul li img{
	float: left;
	padding-right: 10px;
}

.compare_top #top_interview ul.n2 li img{ 
	padding: 0;
}

.compare_top #top_interview ul.n2 li{
	list-style: none;
	border: none;
	background: none;
	/*padding: 0 7px;*/
	padding: 0;
	clear: none;
	overflow: visible;
	margin-bottom: 0px;
	margin: 0;
}

.compare_top h3{
	padding: 20px 0 7px 80px;
	font-size: 24px;
	min-height: 34px;
	margin: 30px 0px 10px;
}

.compare_top ul{
	padding-bottom: 50px;
}



/* nav-button　　nav-button-6
----------------------------------------------------*/

.article .nav-button ul,
.article .nav-button-6 ul{
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.article .nav-button li,
.article .nav-button-6 li{
	position: relative;
	width: 23.5%;
	margin: 0;
	margin-right: 2%;
	margin-bottom: 15px;
	list-style: none;
	background-color: #0ba29a;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	border-radius: 6px;
	box-shadow: 2px 2px #cecece;
}
.article .nav-button-6 li{
	position: relative;
	width: 217px;
}

.article .nav-button li:nth-child(4n){
	margin-right: 0;
}
.article .nav-button-6 li:nth-child(3n){
	margin-right: 0;
}


.article .nav-button li:hover,
.article .nav-button li:active,
.article .nav-button-6 li:hover,
.article .nav-button-6 li:active{
	top: 1px;
	left: 1px;
	box-shadow: 1px 1px #cecece;
}

.article .nav-button li a,
.article .nav-button-6 li a{
	padding: 10px 5px;
	display: block;
	color: #fff;
}

.article .nav-button li a:hover,
.article .nav-button li a:active,
.article .nav-button-6 li a:hover,
.article .nav-button-6 li a:active{
	text-decoration: none;
}






/* .compare page
----------------------------------------------------*/

.compare p{
	margin:0 0 1em;
}

#base, .base{
	background: url(images/knowledge/base.png) no-repeat;
}

.choice	{
	background: url(images/knowledge/choice.png) no-repeat;
}

#crown, .crown{
	background: url(images/knowledge/crown.png) no-repeat;
}

#check, .check{ /* 確認 */
	background: url(images/knowledge/check.png) 30px no-repeat;
	background: none;
}

.hikakubar{
	background: url(/img/bg/hikakubar.png) no-repeat;
}

.compare h3{
	border: none;
	padding: 20px 0 7px 90px;
	font-size: 24px;
	min-height: 34px;
	margin: 20px 0px 10px;
}

.compare h3.noicon{
	padding: 20px 0 7px 0px;
}

.compare h4,
.swap_page h4{
	border: 1px solid #dedede;
	border-left: 4px solid #15a9a1;
	padding: 12px 15px 10px;
	font-size: 16px;
	margin: 50px 0 25px;
}

.compare h5,
.swap_page h5{
	font-size: 17px;
	margin: 0 0 20px;
}

.compare img.alignright{
	padding: 4px;
	margin: 0 0 7px 20px;
	display: inline;
}

.compare img.alignleft{
	padding: 4px;
	margin: 0 20px 7px 0;
	display: inline;
}

.compare h2{
	clear: both;
	position: relative;
	margin: 50px 0 30px;
	padding: 16px 25px 16px 80px;
	background-color: #0ba29a;
	border-top: 0;
	border-radius: 50px 0 0 50px;
	font-weight: bold;
	font-size: 20px;
	color: #fff;
	background-color: #15a9a1;
	background-image: linear-gradient(
			-45deg,
			#0ba29a 25%,
			#15a9a1 25%,
			#15a9a1 50%,
			#0ba29a 50%,
			#0ba29a 75%,
			#15a9a1 75%,
			#15a9a1
	);
	background-size: 14px 14px;
}

.compare h2::before{
	position: absolute;
	top: 50%;
	margin-top: -25px;
	left: 3px;
	content: "";
	width: 50px;
	height: 50px;
	background: url(./images/icon/icon_heading_compare_page.png) center center no-repeat;
	background-color: #fff;
	background-size: 25px;
	border-radius: 50%;
}

.compare .heading_comparative_bar,
.compare .heading_crown{
	position: relative;
	margin-bottom: 30px;
	padding: 0 25px 10px 50px;
	margin-left: 15px;
	font-weight: bold;
	font-size: 18px;
	background-size: 14px 14px;
}

.compare .heading_comparative_bar{
	border-bottom: 3px solid #15a9a1;
}

.compare .heading_crown{
	border-bottom: 3px solid #d66858;
}

.compare .heading_comparative_bar::before,
.compare .heading_crown::before{
	position: absolute;
	top: 50%;
	margin-top: -25px;
	left: -15px;
	content: "";
	width: 50px;
	height: 50px;
	border-radius: 50%;
}

.compare .heading_comparative_bar::before{
	background: url(./images/icon/icon_heading_comparative_bar.png) center center no-repeat #0ba29a;
	background-size: 20px;
}

.compare .heading_crown::before{
	background: url(./images/icon/icon_heading_crown.png) center center no-repeat #d66858;
	background-size: 20px;
}

.compare .heading_comparative_bar::after,
.compare .heading_crown::after{
	position: absolute;
	z-index: 1;
	top: 50%;
	left: -13px;
	margin-top: -23px;
	content: "";
	width: 42px;
	height: 42px;
	border: 2px solid #fff;
	border-radius: 50%;
}

.compare .heading_comparative_bar::after{
	border: 2px solid #fff;
}

.compare .heading_crown::after{
	border: 2px solid #efe17f;
}




/*	 hikaku_page
================================================================================== */
#hikaku_page h2{
	margin-left: 0;
}

#hikaku_page h3{
	margin: 50px 0 10px 20px;
	border-bottom: 1px solid #00C;
	border-left: 5px solid #00C;
	padding: 8px;
}

#hikaku_page p{
	margin: 0 20px 1em;
}

#hikaku_page h4{
	margin: 20px 0 10px 20px;
}

#hikaku_page dl{
	padding: 0 10px 10px 20px;
}

#hikaku_page dt{
	font-weight: bold;
}

#hikaku_page dd{
	padding-bottom: 15px;
}
	
#hikaku_page #catch{
	font-size: 1.9em;
	margin:10px 0 20px;
	border: none;
}

#hikaku_page #bottom_pr{
	border-radius: 10px;
	background-color: #F1F1EB;
	border: double #fff;
	margin: 50px 30px 30px;
	padding: 15px;
}

#hikaku_page .point li{
	background: url(images/bg/check.png) no-repeat 0 center ;
	padding: 0 0 0 43px;
	list-style: none;
}

#hikaku_page .watch .point li{
	font-weight: bold;
	min-height:25px;
	margin: 0 0 20px 220px; 
}

.slidebtn1, .slidebtn2, .slidebtn3, .slidebtn4, .slidebtn5, .slidebtn6, .slidebtn7, .slidebtn8, .slidebtn9, .slidebtn10, .slidebtn11{
	clear: both; font-weight:bold; margin:20px 0 10px; cursor:pointer; background: no-repeat 188px 12px url(images/bg/accordion_header_bg.png);
}

.slidebtn1 img, .slidebtn2 img, .slidebtn3 img, .slidebtn4 img, .slidebtn5 img, .slidebtn6 img, .slidebtn7 img, .slidebtn8 img, .slidebtn9 img, .slidebtn10 img, .slidebtn11 img{
	padding: 0 40px 0 0px; vertical-align: middle;
}

#slidebox1, #slidebox2, #slidebox3, #slidebox4, #slidebox5, #slidebox6, #slidebox7, #slidebox8, #slidebox9, #slidebox10, #slidebox11{
	display:none;;
}

#slidebox1 img.alignleft, #slidebox2 img.alignleft, #slidebox3 img.alignleft, #slidebox4 img.alignleft, #slidebox5, #slidebox6 img.alignleft, #slidebox7 img.alignleft, #slidebox8 img.alignleft, #slidebox9 img.alignleft, #slidebox10 img.alignleft, #slidebox11 img.alignleft{
	padding: 20px 20px 0 0;
	padding: 0 20px 0 0;
}

#slidebox1 strong, #slidebox2 strong, #slidebox3 strong, #slidebox4 strong, #slidebox5 strong, #slidebox6 strong, #slidebox7 strong, #slidebox8 strong, #slidebox9 strong, #slidebox10 strong, #slidebox11 strong{
	font-size: 1.2em;
}




/*	 interview page
================================================================================== */

#hikaku_page .interview dl{
	padding: 0 0px 10px 0px;
}

#hikaku_page .interview #catch{
	font-size: 18px;
}

#hikaku_page .interview .pr{
	padding: 0px;
	margin: 0px;
}

#hikaku_page .interview .pr img{
	margin: 10px 20px 10px 0;
}

.interview h2{
	margin-left: 0;
	color: #FFF;
}

.interview_index{
	padding: 30px 0 0;
}

.interview_index p{
	text-align: center;
}

.interview_index ol{
	list-style: none;
	padding: 0;
	margin-left: 10px;
}


.article .interview_index ol li a, .article .interview_index ol li.current{
	margin: 0;
	display: inline-block;
	float: left;
	width: 210px;
	background-color: #E0CFB5;
	margin-right: 11px;
	padding: 0px 15px 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 3px #888;
	-moz-box-shadow: 0 1px 3px #888;
	-ms-box-shadow: 0 1px 3px #888;
	-o-box-shadow: 0 1px 3px #888;
	box-shadow: 0 1px 3px #888;
}

.interview_index ol.page2index li a, .interview_index ol.page2index li.current{
	width: 320px;
}

.interview_index ol li.current, .interview_index ol li a:hover{
	background-color: #F5EEE5;
	text-decoration: none;
}

.interview_index ol li span{
	display: block;
	text-align: center;
	font-size: 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #fff;
}

.interview_tieup_banner{ /* 確認 */
	margin-left: 0px;
}

.interview_listindex{
	padding: 20px;
	margin: 20px auto;
	width: 450px;
	background-color: #fff3dc;
	border-radius: 8px;
}

.interview_listindex p{
	text-align: center;
}

.interview_listindex ol{
	padding: 0;
}

.interview_listindex ol li{
	list-style: none;
}

.interview_listindex ol li a, .interview_listindex ol li.current{
	padding: 2px 7px;
	margin-bottom: 2px;
	display: block;
}

.interview_listindex ol li.current, .interview_listindex ol li a:hover{
	background-color: #F5EEE5;
	text-decoration: none;
}

.movie_text{
	border: 5px solid #EDF5F9;
	padding: 20px 0;
	margin: 20px;
}

.interview dl img{
	border: 1px solid #ddd;
	padding:3px;
}

.interview dl .noborder img{
	border: none;
	padding: 0;
}

.interview .breakphoto img{
	padding:0px;
}

.interview h2{
	background: none;
	padding: 0;
}

.interview h2.contents_h2{
	clear: both;
	background-color: #215B9C;
	padding: 15px;
	margin: 50px 0px 0 0;
}

.interview .interview_intro{
	padding: 15px 0;
}

.interview .interview_close{
	padding: 0 0 15px;
}

.interview dt{
	position: relative;
	padding: 8px 10px 8px 25px;
	margin: 60px 0 20px;
	font-size: 18px;
	line-height: 1.3em;
	font-weight: bold;
}

.interview dt::before,
.interview dt::after{
	position: absolute;
	content: "";
	width: 5px;
	height: 17px;
	left: 10px;
	top: 50%;
}

.interview dt::before{
	background-color: #e62f17;
	margin-top: -17px;
}

.interview dt::after{
	background-color: #b3b3b3;
}

.interview dt.point1{
	background: url(/img/bg/point1.png) no-repeat;
	border-left: none;
	padding: 25px 0 30px 80px;
	margin: 10px 0 0px;
}

.interview dt.point2{
	background: url(/img/bg/point2.png) no-repeat;
	border-left: none;
	padding: 25px 0 30px 80px;
	margin: 10px 0 0px;
}

.interview dt.point3{
	background: url(/img/bg/point3.png) no-repeat;
	border-left: none;
	padding: 25px 0 30px 80px;
	margin: 10px 0 0px;
}

.interview dd, .kenrihouki #tieup_pr, .entry-content .qa dd{
	margin: 0 10px 50px 30px;
	padding: 2em;
	background-color: #e9efff;
	-webkit-border-radius: 0 10px 0 10px;
	-moz-border-radius: 0 10px 0 10px;
	border-radius: 0 10px 0 10px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	overflow: hidden;
}

#hikaku_page .interview dd h4{
	margin: 0;
	padding: 7px 0 12px;
	font-size: 18px;
	border-bottom: none;
}

#hikaku_page .interview p, #hikaku_page .interview dd p{
	margin: 0;
	padding: 0 0 2em;
}

#hikaku_page .interview .talk p{
	padding: 0em;
}

#hikaku_page .interview	#bangai h3, #hikaku_page .interview .interview_h3{
	margin: 50px 0 10px 0px;
	border-bottom: 1px solid #00C;
	border-left: 5px solid #00C;
	padding: 8px;
}

#hikaku_page .interview #bangai h4{
	margin: 20px 0 10px 0px;
}

.interview .banner{
	clear: both;
	padding: 0 0 20px 40px;
}

#hikaku_page .tieup_banner{
	padding: 0 0 0 70px;
	width: 500px;
}
	
#hikaku_page .interview .banner img{
	margin-top: 0;
}
		
#hikaku_page #bottom_pr h5{
	margin: 10px;
	font-size: 18px;
}

#official-info h5{
	padding: 0 0 10px;
}

#official-info #licence{
	float: left;
	border: 1px solid #ddd;
	padding: 3px;
	margin: 10px 10px 0 0;
}

#official-info table{
	width: 490px;
	margin: 10px 0;
	border: 1px #ccc solid;
	border-collapse: collapse;
	border-spacing: 0;
}

#official-info table th{
	padding: 10px;
	border: #ccc solid;
	border-width: 0 0 1px 1px;
	background: #eee;
	font-weight: bold;
	line-height: 120%;
	text-align: left;
}

#official-info table td{
	padding: 10px;
	border: 1px #ccc solid;
	border-width: 0 0 1px 1px;
	text-align: left;
}

#official-info table tbody .even{
	background: none;
}

#official-info.interview-official-info table{
	width:auto;
}

#fxprime_interview h2{
	border: 5px solid #144486;
}
.interview .arrow{
	background: url(images/common/arrow.gif) no-repeat 5px center;
	padding: 5px 0 5px 30px;
}




/*	 interview_page 2
================================================================================== */
#interview_page{
	padding: 0 0 100px 35px;
}

#interview_page h2{
	margin-left: 0;
	line-height: 1.3em;
}

#interview_page #read{
	font-family:"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",Georgia,Times,"Times New Roman",serif;
	font-size: 1.2em;
	line-height: 1.5em;
	background: url(/img/bg/dotline.gif) no-repeat bottom;
	padding: 10px 20px 20px;
	margin-right: 21px;
}

#interview_page #read span{
	font-size: 2.5em;
}

#interview_page dl{
	padding: 30px 20px 20px;
}

#interview_page dt{
	margin: 0 0 1em 0;
	padding: 0 20px 0 70px;
	color: #390;
	background: url(/img/interview/fxnav_smalllogo.gif) no-repeat 0 3px;
	clear: both;
}

#interview_page dd{
	margin: 0 0 5em 0;
	padding: 0 20px 0 70px; 
	background: url(/img/interview/ft_logomark.jpg) no-repeat 15px 3px;
}

#interview .right{
	float: right;
	padding-left: 15px;
}

#interview strong{
	background-color: #FF9;
}

#interview_page #interview h3{
	clear: both;
	font-family:"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",Georgia,Times,"Times New Roman",serif;
	font-size: 2em;
	line-height: 1.2em;
	padding: 0 0 10px 70px;
}

#editors_note{
	background: url(/img/bg/dotline.gif) no-repeat top left;
	padding: 30px 20px;
}

#interview_bottom{
	padding: 30px 20px;
}

#interview_bottom .bn{
	float: left;
}

#interview_bottom .outline{
	padding-left: 150px;
}

#interview_bottom ul{
	margin-bottom: 1.5em;
}

#interview_bottom li{
	list-style: square inside;
}

#interview_bottom .btn{
	margin-left: 150px;
}

#hikaku_page .interview .subquestion{
	background-color: #FFF;
	padding: 7px;
	margin: 20px 0 10px;
	font-weight: bold;
}

#hikaku_page .interview .subquestion p{
	border-left: 6px solid #C00;
	padding: 10px 0 5px 10px;
	line-height: 1.5em;
}

#hikaku_page .interview dd p{
	margin:0;
	padding:0 0 2em;
}





#hikaku_page .interview .text_talk dt,
.interview .text_talk dt{
	border-left: 0;
	float: left;
	padding: 15px 0 0 0;
	margin: 0px;
	font-size: 16px;
	font-weight: normal;
	width: 4.5em;
	line-height: 1.6em;
	position: inherit;
}

#hikaku_page .interview .text_talk dd,
.interview .text_talk dd{
	margin: 0;
	padding: 15px 0 0 0;
	background: none;
	-webkit-border-radius:	0;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: 0;
	-moz-box-shadow: 0;
	box-shadow: none;
	font-size: 16px;
	line-height: 1.6em;
}

.interview .subquestion{
	background-color: #FFF;
	padding: 7px;
	margin: 20px 0 10px;
	font-weight: bold;
}

.interview .subquestion p{
	border-left: 6px solid #C00;
	padding: 10px 0 5px 10px;
	line-height: 1.5em;
	margin: 0;
}

.article .interview dd h4 {
	border-bottom: none;
	padding: 0;
}

.interview #bottom_pr{
	border-radius: 10px;
	background-color: #F1F1EB;
	border: double #fff;
	margin: 50px 30px 30px;
	padding: 15px;
}

.interview #bottom_pr h5{
	margin: 10px 0;
	padding: 0;
	font-size: 18px;
	border-bottom: 0;
}


/*
================================================================================== */

.green-flat-button{
	display: inline-block;
	position: relative;
	background-color: #1abc9c;
	border-radius: 4px;
	
	line-height: 52px;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 3px 0 #0e8c73;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	 color: #fff;
	font: bold 25px "helvetica neue", helvetica, arial, sans-serif;
	line-height: 1.4em;
	padding: 17px 10px 18px 10px;
	text-align: center;
	text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.8);
	margin: 30px 0 50px 0;

}

.green-flat-button:hover{
	background-color: #31c8aa;
	box-shadow: 0 3px 0 #23a188;
}

.green-flat-button:active{
	top: 3px;
	box-shadow: none;
}

a.green-flat-button, .green-flat-button:hover{
	 color: #fff;
	 text-decoration: none;
 }
 
 
 

/*	 indicator_list page
================================================================================== */
.indicator_list dt{
	float: left;
	-webkit-margin-start: 0px;
	display: block;
	min-height: 100px;
	clear: both;
	margin: 0;
}
.indicator_list dt img{
	padding: 10px 10px 10px 0;
}
.indicator_list dd{
	padding-left: 120px!important;
	padding-top: 10px;
	border-bottom: 1px dotted #ccc;
	min-height: 130px;
	margin: 0;
}
.indicator_list dd span{
	font-size: 13px;
	color: #555;
	padding-top: 8px;
	display: block;
}
.indicator_list dd span.line_notify {
    display: inline;
    background-color: #06c755;
    padding: 3px;
    color: #fff;
    font-size: 11px;
    border-radius: 2px;
}



/*	#indicator-list page
================================================================================== */
#indicator-list span.line_notify {
    display: inline;
    background-color: #06c755;
    padding: 3px;
    color: #fff;
    font-size: 11px;
    border-radius: 2px;
}
#indicator-list span.voice_alert {
    display: inline;
    background-color: #f18200;
    padding: 3px;
    color: #fff;
    font-size: 11px;
    border-radius: 2px;
}
#indicator-list span.sns_notify {
    display: inline;
    background-color: #2cb1e3;
    padding: 3px;
    color: #fff;
    font-size: 11px;
    border-radius: 2px;
}
.inditag {
	font-size: 0.8em;
}
.inditag dt{
	float: left;
	clear: both;
}
.inditag dd{
	margin-left: 68px;
	padding-top: 1px;
	margin-bottom: 3px;
}
#indicator-list span.trend,
#indicator-list span.oscillator,
#indicator-list span.support,
#indicator-list span.assist,
#indicator-list span.binary{
    display: inline;
    padding: 2px;
    font-size: 11px;
    border-radius: 2px;
}
#indicator-list span.trend {
	border: 1px solid #1566BD;
    color: #1566BD;
	background-color: #F0F6FC;
}
#indicator-list span.oscillator {
	border: 1px solid #D71C55;
    color: #D71C55;
	background-color: #FCEDF1;
}
#indicator-list span.support {
	border: 1px solid #00aa63;
    color: #00aa63;
	background-color: #EBFFF6;
}
#indicator-list span.assist {
	border: 1px solid #f18200;
    color: #f18200;
	background-color: #FFF6EB;
}
#indicator-list span.binary {
	border: 1px solid #E235CE;
    color: #E235CE;
	background-color: #FCEDFA;
}
#indicator-list .tablepress {
	font-size: 0.9em;
}
#indicator-list tbody td{
	border: none;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
#indicator-list .column-1.sorting{
	padding: 8px 8px;
}
#indicator-list .column-1{
	padding: 10px 0;
	width: 18%;
}
#indicator-list .column-1 img{
	width: 117px;
}
#indicator-list .column-1:after{
	content: none;
}
#indicator-list tbody .column-2{
	line-height: 1.6em;
	font-size: 0.85em;
	padding: 6px 8px 6px 10px;
}

#indicator-list .column-2 a{
	line-height: 1.6em;
	font-size: 1.3em;
}
#indicator-list .column-3{
	width: 70px;
	padding: 5px 0 5px 5px;
	vertical-align: middle;
}
#indicator-list .column-4.sorting{
	padding: 8px 17px 8px 2px;
}
#indicator-list .column-4{
	text-align: right;
	vertical-align: middle;
	padding: 5px 14px 5px 14px;
}
#indicator-list th.column-4 {
	padding: 5px 25px 5px 5px;
	line-height: 1.4;
}
#indicator-list .column-1 span.dt-column-title {
	padding-left: 5px;
}


#tablepress-33 colgroup,
#tablepress-34 colgroup,
#tablepress-35 colgroup,
#tablepress-37 colgroup {
    display: none;
}



/*	/#indicator-list
============================= */




/*	#indicator-update
================================================================================== */

#indicator-update .tablepress {
	font-size: 0.85em;
	line-height: 1.6em;
}
#indicator-update tbody td{
	border: none;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 5px;
}
#indicator-update .column-1{
	white-space: nowrap;
}
#indicator-update .column-2{
	padding: 5px 7px;
}
#indicator-update .column-3{
	padding: 5px 3px 5px 5px;
}
/*	/#indicator-update
============================= */






.indicator_dl{
	text-align: center;
	padding: 1em 0.5em;
}

.updated-box{
	border: 2px solid #0F9B00;
	border-radius: 4px;
	margin: 0.5em 0;
	padding: 0;
	position: relative;
}

.updated-box::before{
	background-color: #fff;
	color: #da4033;
	color: #ff6819;
	color: #0F9B00;
	content: "更新履歴";
	font-weight: bold;
	left: 1em;
	padding: 0 .5em;
	position: absolute;
	top: -1em;
}

#information.updated-box dl{
	padding: 0;
	height: inherit;
}

.indicator_dl .triangle{
	margin: 0 auto;
	text-align: center;
	color: #ff9325;
	font-size: 5em;
	line-height: 1;
}
.indicator_dl .triangle:before{
	background-color: inherit;
    -webkit-mask-image: none;
}

.indicator_dl .comment{
	padding: 0 0.5em;
}




 /*	 border-box
================================================================================== */

.border-box{
	position: relative;
	border: solid 2px #f77613;
	margin-top: 1em;
	margin-bottom: 2em;
	padding: 1.2em 1em 1em 1em;
	text-align: left;
}

.box-title{
	font-weight: bold;
	color: #FFC778;
	font-size: 1.1em;
	background: white;
	padding: 0 0.5em;
	position: absolute;
	top: -0.5em;
	line-height: 1;
	margin-left: 0.5em;
}

.border-box ul{
	padding: 0;
}

.border-box li{
	list-style-position: inside;
	border-bottom: #f77613 solid 1px;
	padding: 8px 0;
	padding-left: 18px;
	text-indent: -18px;
}

.interview-point .box-title	{
	background: #EDF5F9;
}


.top-matome{
	border: solid 2px #ee7917;
}

.update{
	border: 2px solid #1ab5a8;
	padding: 1px;
	margin-top: 50px;
}

.update .box-title{
	padding-top: 30px;
	position: static;
	text-align: center;
	font-size: 24px;
	color: #000;
}

.update .box-title span{
	padding: 0 .5em;
	background: linear-gradient(transparent 50%, #f0f314 50%);
}

.update dl{
	padding: 0;
	height: inherit;
	clear: both;
	font-size: 0.88em;
}

.update dt {
    float: left;
    width: 130px;
    margin: 13px 10px 0;
    padding: 0px 2px 0px 5px;
    clear: both;
	background-color: #1ab5a8;
    color: #fff;
}
.update dd {
    padding: 12px 10px 16px 150px;
    margin: 0;
}

.update dd:nth-of-type(even){
	background-color: #f5f5f5;
}

.update dd:nth-of-type(odd){
	background-color: #fff;
}

.update .comment{
	padding: 0 10px;
}




 /*	 box-title-bgcolor ボーダーボックス（背景色）
================================================================================== */
.box-title-bgcolor{
	font-weight: bold;
	color: #fff;
	font-size: 0.9em;
	background-color: #ee7917;
	padding: 0 0.4em;
	position: absolute;
	top: -0.8em;
	line-height: 14px;
	margin-left: 0.4em;
	margin-right: 0.4em;
	
	border-radius: 10px;
	 padding: 3px 10px 3px 23px;
}

.box-title-bgcolor .fa{
	position: absolute;
	top: -3px;
	left: -5px;
	width: 26px;
	height: 26px;
	background-color: #ee7917;
	border-radius: 14px;
	line-height: 26px;
	text-align: center;
	font-size: 16px;
	color: #fff;
}

.strong-point{
	border: solid 2px #ee7917;
	background-color: #fff;
}

.strong-point-bgcolor{
	border: solid 2px #ee7917;
	background-color: #fffbf5;
	padding-top: 1.7em;
}

.merit-box{
	border: solid 2px #0095d9;
	background-color: #f3fafe;
	border-radius: 8px;
}
.merit-box .box-title-bgcolor{
	background-color: #0095d9;
}
.merit-box .box-title-bgcolor .fa {
	background-color: #0095d9;
}

.demerit-box {
	border: solid 2px #e60033;
	background-color: #fdf2f2;
	border-radius: 8px;
}
.demerit-box .box-title-bgcolor .fa {
	background-color: #e60033;
}
.demerit-box .box-title-bgcolor{
	background-color: #e60033;
}


.merit-box .fa-chevron-circle-right{
	color: #0095d9;
	padding-right: 0.4em;
}
.demerit-box .fa-chevron-circle-right{
	color: #e60033;
	padding-right: 0.4em;
}
.chevron-box ul li {
	list-style: none;
	margin-left: 1em;
}
.chevron-box ul li i {
	padding-right: 0.2em;
}
.chevron-box .fa-chevron-circle-right{
	color: #ee7917;
}

.emphasize-link5{
	position: relative;
	margin: 36px 0 16px;
	padding: 16px 10px;
	border: 2px solid #ee7917;
	background-color: #fffbf5;
}

.emphasize-link5::before{
	position: absolute;
	top: -12px;
	left: 10px;
	padding: 0 10px 0 26px;
	content: "Check!!";
	background-color: #ee7917;
	border-radius: 10px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
}

.emphasize-link5::after{
	position: absolute;
	top: -16px;
	left: 4px;
	width: 28px;
	height: 28px;
	background-color: #ee7917;
	border-radius: 14px;
	line-height: 25px;
	text-align: center;
	content: "\f029";
	font-size: 18px;
	font-family: "blogicon";
	color: #fff;
}



 /*	 オレンジ角丸背景（キャンペーン中 マーク）
================================================================================== */
.round-bgcolor {
    font-weight: bold;
    color: #fff;
    font-size: 0.8em;
    background-color: #ee7917;
    line-height: 14px;
    border-radius: 10px;
    padding: 3px 10px;
}


 /*	 box-title-bgcolor ボーダーボックス（背景色）
================================================================================== */




 /*	 box-shadow-under
================================================================================== */

.box-shadow-under{ 
	box-shadow: 0px 7px 6px -6px #777777; 
}

.lip h4{
	display: inline;
	background: #F89174;
	color: white;
	margin-left: 0;
	border-radius: 7px 7px 0 0;
	font-size: 15px!important;
	padding: 6px 10px;
	border: none;
}

.lip dl{
	margin-top: 0;
	border: 2px solid #0F9B00;
	padding: 1em 0.5em 1em 1.5em;
	padding: 0;
	height: inherit;
	clear: both;
	font-size: 0.88em;
}

.lip dt{
	float: left;
	padding: 7px 5px 0 10px;
	clear: both;
}

.lip dd{
	border-bottom: 1px dotted #87C800;
	padding: 7px 5px 7px 140px;
	margin: 0;
}

.pickup h4{
	background: #0F9B00;
}

.pickup dl{
	border: 2px solid #0F9B00;
	padding: 0.5em	0 0;
}

.pickup	dd:nth-of-type(even){
	background-color: #f5f5f5;
}

.lip ul{
	border: 2px solid #F89174;
	background: #fffbf4;
	padding: 1em;
	margin-top: 0;
}

.lip ul li{
	position: relative;
	padding: 8px 0 8px 25px;
	list-style: none;
}

.lip ul li:before{
	left: 0;
	position: absolute;
	font-family: FontAwesome;
	content: '\f00c';
	color: #f89174;
}



/*	 voc page
================================================================================== */

/************************************
**	吹き出し部分
************************************/

.chatbox .talk{
	margin:10px 10px 30px 10px;
}

.chatbox .talk p{
	margin-left:0;
	margin-right:0;
}

.chatbox .talk .cont{
	margin:0 0 0 95px;
	padding:5px;
}

.chatbox .talk .cont-left{
	margin:0 95px 0 0;
	padding:5px;
}

.chatbox .talk .customer{
	background:url(/img/bg/customer.png) no-repeat left 18%;
	min-height:116px;
}

.chatbox .talk .fxnav{
	background:url(/img/bg/fxnav.png) no-repeat right 18%;
	min-height:116px;
}

.chatbox .talk .fxtf{
	background:url(/img/bg/fxtf.png) no-repeat left 18%;
	min-height:116px;
}
.chatbox .talk .fxnav_icon{
	background:url(/img/bg/fxnav_icon.png) no-repeat left 18%;
	min-height:116px;
}

/*customer吹き出し*/
.chatbox .talk .customer .cont{
	position: relative;
	background: #D9EAFF;
	padding:1em;
	/*border: 4px solid #D9EAFF;*/
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

.chatbox .talk .customer .cont:after, .chatbox .talk .customer .cont:before{
	right: 100%;
	top: 25%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.chatbox .talk .customer .cont:after{
	border-color: rgba(136, 183, 213, 0);
	border-right-color: #D9EAFF;
	border-width: 10px;
	margin-top: -10px;
}


/*fxnav吹き出し-左タイプ*/
.chatbox .talk .fxnav .cont-left{
	position: relative;
	background: #ECEBC2;
	padding:1em;
	/*border: 4px solid #ECEBC2;*/
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

.chatbox .talk .fxnav .cont-left:after, .chatbox .talk .fxnav .cont-left:before{
	left: 100%;
	top: 25%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.chatbox .talk .fxnav .cont-left:after{
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #ECEBC2;
	border-width: 10px;
	margin-top: -10px;
}

/*fxtf、fxnav_icon吹き出し*/
.chatbox .talk .fxtf .cont,
.chatbox .talk .fxnav_icon .cont{
	position: relative;
	background: #D9EAFF;
	padding:1em;
	/*border: 4px solid #D9EAFF;*/
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

.chatbox .talk .fxtf .cont:after, .chatbox .talk .fxtf .cont:before,
.chatbox .talk .fxnav_icon .cont:after, .chatbox .talk .fxnav_icon .cont:before{
	right: 100%;
	top: 25%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.chatbox .talk .fxtf .cont:after,
.chatbox .talk .fxnav_icon .cont:after{
	border-color: rgba(136, 183, 213, 0);
	border-right-color: #D9EAFF;
	border-width: 10px;
	margin-top: -10px;
}



/*	 about page
================================================================================== */
#about_page ul li{
	list-style: none;
	margin: 20px 0px;
}
#about_page div.wpcf7 {
    margin: 20px;
    padding: 0;
}
#about_page input[type='submit'] {
    width: 30%;
	margin: 30px auto;
	background: #42b728;
}
.wpcf7-submit {
    display: block;
    background: #42b728;
    color: #fff;
	font-size: 16px;
    letter-spacing: 5px;
	border: none;
}



/* ===== sitemap_page ===== */

#sitemap_page{ 
	margin: 0px;
}

#sitemap_page h3{
	margin-bottom: 1em;
	background: #a2d921;
	padding: 7px;
	font-size: 1em;
}

#sitemap_page li{
	background: url(images/bg/arrow.gif) no-repeat;
	padding: 0 0 25px 25px;
	font-size: 1em;
	list-style: none;
}

#sitemap_page #gpage{
	float: left;
	width: 300px;
	margin-right: 10px;
}

#sitemap_page #cpage{
	float: right;
	width: 300px;
}

#siteinfo{
	margin-top: 35px;
}

.arrow_box{
	position:relative;
	width:120px;
	height:50px;
	background:#88B7D5;
	text-align:center;
	border:2px solid #c2e1f5;
	color:#000;
	font-size:12px;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	float: left;
}

.arrow_box:after,.arrow_box:before{
	border: solid transparent;
	content:'';
	height:0;
	width:0;
	pointer-events:none;
	position:absolute;
	left:100%;
	top:50%;
}

.arrow_box:after{
	border-color: rgba(136, 183, 213, 0);
	border-top-width:10px;
	border-bottom-width:10px;
	border-left-width:10px;
	border-right-width:10px;
	margin-top: -10px;
	border-left-color:#88B7D5;
}

.arrow_box:before{
	border-color: rgba(194, 225, 245, 0);
	border-top-width:12px;
	border-bottom-width:12px;
	border-left-width:12px;
	border-right-width:12px;
	margin-top: -12px;
	margin-left: 2px;
	border-left-color:#c2e1f5;
}

.arrow_box span{
	font: 18px bold;
}


/*新着記事 What's New*/
.article .heading_whatsnew{
	padding-left: 48px;
	padding-top: 6px;
	padding-bottom: 10px;
	background: url(./images/icon/icon_whatsnew.png) left 5px no-repeat;
	border: 0;
	border-bottom: 3px solid #d5d5d5;
}

.whastnew_box > ul{
	display: flex;
	flex-wrap: wrap;
}

.whastnew_box > ul li{
	margin: 0 0 15px;
	padding: 10px;
	list-style: none;
	width: 49%;
	font-size: 16px;
	line-height: 1.4;
	border: 1px solid rgba(127,127,127,0.1)
}

.whastnew_box > ul li img{
	display: block;
	margin-bottom: 10px;
	float: left;
	width: 35%;
	margin-right: 14px;
}

.entry-title_whatsnew{
	overflow: hidden;
	margin-top: 5px;
	font-size: 14px;
}

.whastnew_box > ul li:nth-child(2n+1){
	margin-right: 2%;
}

.post-date_whatsnew{
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 14px;
}

.page .sns-share{
    display: none;
}

/*ランキング*/
.article .heading_ranking_box{
	padding-left: 48px;
	padding-top: 6px;
	padding-bottom: 10px;
	background: url(./images/icon/icon_ranking.png) left 5px no-repeat;
	border: 0;
	border-bottom: 3px solid #d5d5d5;
}

.article .wpp_ranking_box .wpp-list li{
	list-style: none;
	position: relative;
	overflow: visible;
	padding: 15px 0 10px;
	border-bottom: 1px solid #ebebeb;
	counter-increment: num;
}

.article .wpp-list li::after{
	display: block;
	clear: both;
	content: "";
}

.article .wpp-list li img{
	margin-right: 20px;
}

.article .wpp-list li a:first-child::before{
	position: absolute;
	top: 10px;
	left: -8px;
	content: "";
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 2px solid #eeeeee;
	background-color: #89c3eb;
}

.article .wpp-list li:nth-child(1) a:first-child::before{ background-color: #cca11f; }
.article .wpp-list li:nth-child(2) a:first-child::before{ background-color: #b1b1b3; }
.article .wpp-list li:nth-child(3) a:first-child::before{ background-color: #b37036; }

.article .wpp-list li a:first-child::after{
	top: 10px;
	left: -8px;
	width: 34px;
	height: 34px;
	text-align: center;
	line-height: 34px;
	position: absolute;
	content: counter(num);
	color: #fff;
	font-weight: bold;
}


/*オススメ記事*/
#topmain .yarpp-related {
	background-color: #fff;
	padding: 20px;
}
.article .yarpp-related .heading_yarpp-related{
	margin-top: 5em;
	padding-left: 48px;
	padding-bottom: 10px;
	background: url(./images/icon/icon_related.png) left 0 no-repeat;
	border: 0;
	border-bottom: 3px solid #d5d5d5;
}

.article .yarpp-thumbnails-horizontal{
	display: flex;
	flex-wrap: wrap;
}

.article .yarpp-thumbnails-horizontal a{
	width: 49%;
	height: auto;
	margin: 7px 0;
	padding: 8px;
}

.article .yarpp-thumbnails-horizontal a:nth-child(2n+1){
	margin-right: 2%;
}

.article .yarpp-thumbnails-horizontal .yarpp-thumbnail img,
.article .yarpp-thumbnails-horizontal .yarpp-thumbnail-default{
	float: left;
	display: block;
	margin-right: 20px;
}

.article .yarpp-thumbnail img,
.article .yarpp-thumbnail-default{
	width: 100px;
	height: auto;
	min-width: 0;
	min-height: 0;
	margin: 0;
}

.article .yarpp-related .yarpp-thumbnail-title {
    font-weight: normal;
	display: inline;
}

/*人気記事*/

.front-top-page .article-footer {
	background-color: #fff;
	padding: 20px;
}

.popular-entry-cards .widget-entry-card {
    font-size: 1em;
	padding-left: 10px;
}
.widget-entry-cards.ranking-visible .card-thumb::before {
    top: -8px;
    left: -8px;
    opacity: 1; 
    border-radius: 50%;
}

.sns-share a:link,
.sns-follow a:link,
.sns-share a:visited,
.sns-follow a:visited{
  color: #fff;
}

.sns-share a:hover,
.sns-follow a:hover,
.sns-share a:active,
.sns-follow a:activ{
  color: #fff;
}

.video-container {
	max-width: 680px !important;
}

.twitter-tweet {
	margin:  0 auto;
}

/*   imagelist */
ul.imagelist,
ul.imagelist4,
ul.imagelist_onecolumn,
ul.imagelist_tv,
ul.imagelist_tv2 {
    list-style: none;
    padding: 0;
    margin: 0;
    clear: both;
}
ul.imagelist_onecolumn {
    padding: 0 42px;
}
ul.imagelist:after,
ul.imagelist4:after,
ul.imagelist_onecolumn:after,
ul.imagelist_tv:after,
ul.imagelist_tv2:after {
    content: "";
    display: block;
    clear: both;
}
ul.imagelist li,
ul.imagelist4 li,
ul.imagelist_onecolumn li,
ul.imagelist_tv li,
ul.imagelist_tv2 li {
    position: relative;
    display: block;
    height: 76px;
    width: 220px;
    margin: 0 5px 10px 0;
    float: left;
}
ul.imagelist4 li {
    height: 57px;
    width: 165px;
}
ul.imagelist_onecolumn li {
    width: 234px;
}
ul.imagelist span,
ul.imagelist4 span,
ul.imagelist_onecolumn span,
ul.imagelist_tv span,
ul.imagelist_tv2 span {
    background: rgba(25, 13, 0, 0.7);
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 220px;
    text-align: center;
    font-weight: 500;
}
ul.imagelist4 span {
    width: 165px;
	font-size: 0.9em;
}
ul.imagelist_onecolumn span {
    width: 234px;
}
ul.imagelist_tv span,
ul.imagelist_tv2 span {
	background: #0016d038;
}
ul.imagelist li a:hover span,
ul.imagelist4 li a:hover span,
ul.imagelist_onecolumn li a:hover span,
ul.imagelist_tv li a:hover span,
ul.imagelist_tv2 li a:hover span{
    color: #fff;
    text-decoration: none;
    background: rgba(25, 13, 0, 0.9);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
ul.imagelist_tv li a:hover span {
	background: linear-gradient(75deg,#00bce6,#2962ff 50.31%,#d500f9);
	background: #0016d038;
}
ul.imagelist_tv2 li a:hover span {
	background: linear-gradient(75deg,#00bce6,#2962ff 50.31%,#d500f9);
}
ul.imagelist li a:hover img,
ul.imagelist4 li a:hover img,
ul.imagelist_onecolumn li a:hover img,
ul.imagelist_tv li a:hover img,
ul.imagelist_tv2 li a:hover img {
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 2px rgba(0, 0, 0, .3);
}
ul.imagelist_tv li a:hover img {
	opacity: 0.8;
}
ul.imagelist_tv2 li a:hover img {
	opacity: 1;
}
ul.imagelist_2hikaku span {
	font-size: 0.8em;
}

.article p.nospace {
	margin-bottom: 0;
}

.adpr {
    clear: both;
    position: relative;
    margin: 0 0 10px;
    padding: 3px 20px;
    background-image: linear-gradient( -45deg, #f5f5f5 25%, #fff 25%, #fff 50%, #f5f5f5 50%, #f5f5f5 75%, #fff 75%, #fff );
    background-size: 7px 7px;
	display: block;
}
.adpr span {
	background-image: url("/img/bg/iicon.svg");
	background-repeat: no-repeat;
	padding-left: 20px;
	background-size: 15px;
	background-position: 0% 40%;
	vertical-align: middle;
}
/*ボタンにPRを付ける*/
/*DMMだけ*/
/*全リンク（テキスト）*/
a[href="/jump.php?id=dmm"]::after,
a[href="/jump.php?id=dmm_cfd"]::after,
/*a[href="/jump.php?id=dmm_kabu"]::after,*/
a[href="/jump.php?id=dmmbitcoin"]::after {
    content: '【PR】';
}
/*詳しくは公式サイトへ*/
a[href="/jump.php?id=dmm"].arrow_link::after,
a[href="/jump.php?id=dmm_cfd"].arrow_link::after,
/*a[href="/jump.php?id=dmm_kabu"].arrow_link::after,*/
a[href="/jump.php?id=dmmbitcoin"].arrow_link::after {
    content: '';
}

a[href="/jump.php?id=dmm"].arrow_link::before,
a[href="/jump.php?id=dmm_cfd"].arrow_link::before,
/*a[href="/jump.php?id=dmm_kabu"].arrow_link::before,*/
a[href="/jump.php?id=dmmbitcoin"].arrow_link::before {
    position: absolute;
    content: 'PR';
    top: 0;
    right: 0;
    height: 10px;
    width: 20px;
    color: white;
    font-size: 10px;
    vertical-align: middle;
    text-align: center;
    line-height: 10px;
    background: #8F8F8F;
	padding: 1px 0;
}
/*公式サイト*/
a[href="/jump.php?id=dmm"].official-button::after,
a[href="/jump.php?id=dmm_cfd"].official-button::after,
/*a[href="/jump.php?id=dmm_kabu"].official-button::after,*/
a[href="/jump.php?id=dmmbitcoin"].official-button::after {
    content: '';
}

a[href="/jump.php?id=dmm"].official-button::before,
a[href="/jump.php?id=dmm_cfd"].official-button::before,
/*a[href="/jump.php?id=dmm_kabu"].official-button::before,*/
a[href="/jump.php?id=dmmbitcoin"].official-button::before {
    position: absolute;
    content: 'PR';
    top: 0;
    right: 0;
    height: 15px;
    width: 30px;
    color: white;
    font-size: 11px;
    vertical-align: middle;
    text-align: center;
    line-height: 15px;
    background: #8F8F8F;
	border-radius: 0 4px 0 0;
}

/*テーブル揃え*/

.table-last-left td:last-of-type{
  text-align: left !important;;
}
.table-second-left td:nth-of-type(2){
  text-align: left !important;;
}
.table-third-left td:nth-of-type(3){
  text-align: left !important;;
}
.table-fourth-left td:nth-of-type(4){
  text-align: left !important;;
}
.table-fifth-left td:nth-of-type(5){
  text-align: left !important;;
}

.entry-content table.compare_table td ul{
	padding-inline-start: 16px;
	margin: 0;
}

.swap_x_btn {
	padding: 20px 0 0;
}



/* ranking_table */
.ranking_table tbody tr:nth-child(1) td:nth-child(1),
.ranking_table tbody tr:nth-child(1) th:nth-child(1) { 
	background-color: #cca11f;
	background: linear-gradient(150deg, #b39855 0%, #fff9e6 50%, #b39855 100%) ;
}
.ranking_table tbody tr:nth-child(2) td:nth-child(1),
.ranking_table tbody tr:nth-child(2) th:nth-child(1) {
	background-color: #b1b1b3;
	background: linear-gradient(150deg, #BDC3C9 0%, #ffffff 50%, #BDC3C9 100%);
}
.ranking_table tbody tr:nth-child(3) td:nth-child(1),
.ranking_table tbody tr:nth-child(3) th:nth-child(1) { 
	background-color: #b37036;
	background: linear-gradient(150deg, #b37036 0%, #ffffff 50%, #b37036 100%);
}
.ranking_table tbody td:nth-child(1)::first-letter {
	font-family: 'Times New Roman';
	font-style: oblique;
	font-size: 1.5em;
}


/* VOC一覧、category一覧、検索結果ページ */
.entry-card-thumb {
    width: 200px;
}
.entry-card-content {
    margin-left: 210px;
	padding: 5px 10px 15px 10px;
}


/* reCAPTCHAロゴを非表示 */
.grecaptcha-badge { visibility: hidden; }


/*	 Cocoon2.7.1アップデートに伴い、カルーセルの画像比率を調整
----------------------------------------------------*/
	#carousel .card-thumb img {
	aspect-ratio: inherit;
}

.official_arrow:has(a[href$="gaitamedotcom_cfd"]) + .annotation{
margin-top: -20px;
}

p:has(a[class="official-button"][href$="gaitamedotcom_cfd"]) + .annotation{
margin-top: -50px;
}

/* コメント入力案内メッセージ */
.comment-information-messag {
    border: 2px solid #FF0000;
    padding: 5px;
    margin: 10px 0 30px;
}

/* 更新頻度ボックス */
.frequency {
	border: 1px solid #15a9a1;
	padding: 0 3px;
	margin: 0 0 24px;
	font-size: 0.85em;
}
.frequency span {
	background-color: #15a9a1;
	padding: 2px;
	color: #fff;
	margin-right: 8px;
}

/* E-E-A-T */
.author-widget-name {
	padding-bottom: 10px;
}


@keyframes carousel-show {
  0% {
  }
}



/*******************************************************************
** レスポンシブデザイン用のメディアクエリ
*******************************************************************/


/*1240px以下*/
@media screen and (max-width: 1240px){
	#sidebar .search-box .search-submit,
	#sidebar-menu-content .search-box .search-submit{
	line-height: 32px;
	}
	/*	 カルーセル下スペース
	----------------------------------------------------*/
	.carousel-entry-card-title {
	margin: 0px 0 10px;
    max-height: 2.2em;
	}
}


/*1086px以下*/
@media screen and (max-width: 1086px){
	#header-in{
		width: auto;
	}
}


/*1030px以下*/
@media screen and (max-width: 1030px){
	#side_tieup .n2{
		display: flex;
		flex-wrap: wrap;
	}

	#side_tieup .n2 li{
		width: 32%;
		margin-right: 2%;
	}

	#side_tieup .n2 li:nth-child(4n){
		margin-right: 0;
	}

	.side-bnr-box{
		display: flex;
		flex-wrap: wrap;
	}
	
	.side-bnr-box > p{
		width: 49%;
	}
	
	.side-bnr-box > p:nth-child(2n+1){
		margin-right: 2%;
	}
}


/*1023px以下*/
@media screen and (max-width: 1023px){
	#sidebar{
		width: auto;
	}

	#sidebar .n2,
	#sidebar .n2box{
		display: flex;
		flex-wrap: wrap;
	}

	#sidebar .n2 li,
	#sidebar .n2box li{
		width: 23.5%;
		margin-right: 2%;
		margin-left: 0;
	}

	#sidebar .n2 li:nth-child(4n),
	#sidebar .n2box li:nth-child(4n){
		margin-right: 0;
	}
	
	#sidebar .side-bnr_box li{
		max-width: 300px;
	}

	.footer-widgets{
		display: flex;
		flex-wrap: wrap;
	}

	.footer-widgets > div{
		width: 50%;
	}
	ul.imagelist,
	ul.imagelist4,
	ul.imagelist_tv,
	ul.imagelist_tv2 {
    padding: 0 56px;
	}
	ul.imagelist_onecolumn {
    padding: 0 34px;
	}
	ul.imagelist_onecolumn span {
    width: 100%;
	}
	
	.article h2,
	.article .interview h2.contents_h2{
	margin-right: -16px;
	}
}


/*768px以下*/
/*******************************************************************/
@media screen and (max-width: 768px){
	#header-in{
		padding: 15px 15px 0;
	}
	#navi .navi-in>ul>li>a {
    padding: 0 1em;
	font-size: 15px;
	}
	#navi .navi-in>ul {
    padding: 5px 0;
	}
	.logo-header{
		width: 110px;
		height: auto;
	}
	
	.tagline{
		font-size: 12px;
	}

	.navi-in{
		padding-bottom: 0;
	}

	.navi-in > ul{
		table-layout: fixed;
	}
	
	#navi .navi-in > .menu-mobile{
		display: none;
	}

	.navi-in{
		overflow: hidden;
		overflow-x: auto;
	}

	.navi-in > .menu-header {
		display: block;
		white-space: nowrap;
		border-left: 0;
	}

	.navi-in > .menu-header li{
		display: inline-block;
	}

	.navi-in > .menu-header li:last-child{
		border-right: 0;
	}

	.slick-slide{
		margin: 10px 5px;
		background-color: #fff;
	}
	
	#top_interview,
	#free-mt4-indicator{
		padding: 0 10px 10px;
	}
	
	.btn_read-more{
		margin-top: 10px;
		font-size: 14px;
	}

	.btn_read-more a{
		padding: 5px 45px;
	}

	.article h2,
	.article .interview h2.contents_h2{
		position: relative;
		margin-left: -10px;
		margin-right: -10px;
		padding: 20px 20px 20px 40px;
	}
	
	.article h2::before,
	.article .interview h2.contents_h2::before{
		left: 16px;
	}

	.article #top_interview h2{
		margin-left: -10px;
		margin-right: -10px;
	}
	
	.article #free-mt4-indicator h2{
		margin-left: -10px;
		margin-right: -10px;
		font-size: 16px;
		border-width: 4px;
	}

	.article #free-mt4-indicator h2 span{
		padding-left: 30px;
		background-size: 20px;
	}
	
	.article .rank_indicator{
		padding-left: 0;
	}
	
	.rank_indicator_thumb{
		width: 100px;
		padding-bottom: 0;
		float: none;
	}
	
	.rank_indicator_desc{
		font-size: 14px;
	}
	
	.article #fx-business-comparison h2{
		font-size: 18px;
		margin-left: 0;
		margin-right: 0;
	}
	
	.article #fx-business-comparison h2 span{
		padding-left: 40px;
		background-size: 31px 21px;
	}
	
	.article .heading_pr{
		position: relative;
		padding: 12px 20px 12px 40px;
		background-color: #0ba29a;
		border: 0;
		color: #fff;
		font-size: 16px;
	}

	.article .heading_pr::before,
	.article .heading_pr::after{
		position: absolute;
		width: 3px;
		height: 12px;
		content: '';
		left: 21px;
	}

	.article .heading_pr::before{
		top: 10px;
		background-color: #fff;
	}

	.article .heading_pr::after{
		top: 22px;
		background-color: #1f5e93;
	}
	
	#bitre_navi_top{
		padding: 0 20px;
	}
	
	.indicator_ranking_wrap .rank_indicator_desc h3,
	.indicator_ranking_wrap .rank_indicator_desc p{
		padding-right: 0;
	}
	
	.rank_indicator_leftarrow_box{
		right: auto;
		left: 115px;
	}

	.article .nav-button li,
	.article .nav-button-6 li{
		width: 49%;
		margin-right: 2%;
	}
.article .nav-button-6 li:nth-child(3n){
	margin-right: 2%;
}
	.article .nav-button li:nth-child(2n),
	.article .nav-button-6 li:nth-child(2n){
		margin-right: 0;
	}



	/* entry page
	----------------------------------------------------*/
	.article .entry-title{
		margin: -20px -10px 20px;
		font-size: 18px;
	}


	/* fxcompany_page
	----------------------------------------------------*/

	/*fxcompany_page_title*/
	.article .fxcompany_page_title{
		position: relative;
		margin-right: -10px;
		margin-left: -10px;
		padding: 15px 25px;
		font-size: 18px;
	}


	#fxcompany_page #pr h3,
	#fxcompany_page .pr h3{
		margin: 25px 0 20px;
		background: url(./images/icon/icon_check.png) no-repeat;
		background-size: 25px 19px;
		padding: 2px 0 8px 35px;
		border: none;
		font-size: 16px;
	}

	#fxcompany_page #pr > p,
	#fxcompany_page .pr > p{
		padding-left: 0;
	}
	
	#fxcompany_page .pr .border-box{
    margin-left: 0px;
	}


	/* .compare page
	----------------------------------------------------*/
	
	/*比較テーブル2カラム*/
	.col2_wrap .compare_table{
		font-size: 14px;
		width: 100%;
		float: none;
	}

	.col2_wrap .border-box{
		float: none;
		width: auto;
	}

	.compare h2{
		padding: 16px 25px 16px 60px;
		font-size: 18px;
	}
	

	.compare h2::before{
		left: 3px;
	}

	.compare .heading_comparative_bar,
	.compare .heading_crown{
		padding-left: 40px;
		padding-right: 0;
		font-size: 18px;
	}
	
	
	
	.article h2.heading_compare_chart{
		padding: 16px 25px 16px 60px;
		font-size: 18px;
	}
	.article h3.heading_comparative_bar,
	.article h3.heading_crown{
		padding-left: 40px;
		padding-right: 0;
		font-size: 18px;
	}

	#sidebar .n2 li,
	#sidebar .n2box li{
		width: 49%;
		margin-right: 2%;
		margin-left: 0;
	}
	
	#sidebar .n2 li:nth-child(2n),
	#sidebar .n2box li:nth-child(2n),
	#side_tieup .n2 li:nth-child(4n){
		margin-right: 0;
	}
	
	#swap_table{
		border-top: 1px solid #ddd;
		border-left: 1px solid #ddd;
	}
	
	#swap_table tr{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	
	#swap_table td{
		width: 33.333%;
		border: 0;
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
	}


	/*フッター*/
	.footer{
		background-size: 179px 256px, cover, cover;
		background-position:  left bottom, center center, center center;
	}

	.footer-in{
		padding-left: 0;
	}
	
	.navi-footer-in > .menu-footer{
		margin-bottom: 30px;
	}
	
	.footer-bottom{
		margin-bottom: 0;
	}
	
	.navi-footer-in > .menu-footer li.menu-item{
		border: 0;
	}
	
	.footer-widgets .menu-item{
	 padding: 5px 0; 
	}

	.footer-left,
	.footer-center,
	.footer-center2,
	.footer-right,
	.footer-mobile{
	  padding: 10px 8px;
	}
	/*   imagelist */
	ul.imagelist,
	ul.imagelist4,
	ul.imagelist_onecolumn,
	ul.imagelist_tv,
	ul.imagelist_tv2 {
    padding: 0 30px;
	}
	ul.imagelist_onecolumn li {
        width: 220px;    
    }
	ul.imagelist_onecolumn span {
        width: 100%;
    }
	ul.imagelist_tv li,
	ul.imagelist_tv2 li {
	font-size: 0.85em;
	}
	ul.imagelist_tv span,
	ul.imagelist_tv2 span {
    bottom: -2px;
	}
}

/*2022/12/27 ここから追加*/
/*481px以上　スマホ以外*/
/*******************************************************************/
@media screen and (min-width: 481px){
	/*2022/12/27 ここから追加*/
	/*スマホ以外では非表示*/
	.pc-none{
		display: none;
	}
	/*2022/12/27 ここまで追加*/
}
/*2022/12/27 ここまで追加*/


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

	/*2022/12/27 ここから追加*/
	/*スマホでは非表示*/
	.sp-none{
		display: none;
	}
	/*2022/12/27 ここまで追加*/

	.article th, .article td {
    padding: 2px;
	}
	figure.alignright, figure.alignleft {
    display: block;
    float: none;
    padding: 0px !important;
    margin: 0 1em 1em;
	}
	
	a.mobile-f14 {
		font-size: 14px;
	}
	a.mobile-f17 {
		font-size: 17px;
	}
	.update .box-title{
		font-size: 16px;
	}
	
	.update dt{
		position: relative;
		margin-top: 9px;
		padding: 2px 5px 0;
		z-index: 1;
		float: none;
		display: inline-block;
		width: auto;
		font-size: 12px;
	}

	.update dd{
		margin-top: -40px;
		padding-top: 50px;
		padding-left: 17px;
		padding-bottom: 10px;
		font-size: 14px;
	}

	#information h2{
		font-size: 18px;
	}

	#information dt{
		padding: 2px 5px 0;
		width: 100px;
		margin-top: 9px;
		margin-left: 20px;
		position: relative;
		z-index: 1;
		float: none;
		font-size: 14px;
	}

	#information dd{
		margin-top: -40px;
		padding-top: 50px;
		padding-left: 20px;
		padding-bottom: 10px;
		font-size: 14px;
	}

	.link_business-comparison{
		padding: 0 10px;
	}

	.link_business-comparison .list-business-comparison li,
	.link_business-comparison li .list-item_business-comparison_inner{
		border-radius: 20px 0 20px 0;
	}

	.link_business-comparison .list-business-comparison li:nth-child(3n){
		margin-right: 0;
	}

	.link_business-comparison .list-business-comparison li{
		width: 48%;
		margin-right: 4%;
	}

	.link_business-comparison .list-business-comparison li:nth-child(3n){
		margin-right: 4%;
	}

	.link_business-comparison .list-business-comparison li:nth-child(2n){
		margin-right: 0;
	}


	.link_business-comparison li .list-item_business-comparison_inner a{
		padding: 10px 5px;
	}

	.link_business-comparison li .list-item_business-comparison_inner a{
		padding-top: 60px;
		padding-bottom: 15px;
		font-size: 13px;
	}

	.list-item_comparison_swap a{
		background-position: center 25px;
		background-size: 40px 28px;
	}

	.list-item_comparison_max a{
		background-position: center 10px;
		background-size: 30px 45px;
	}

	.list-item_comparison_1000 a{
		background-position: center 30px;
		background-size: 50px 25.5px;
	}

	.list-item_comparison_scalping a{
		background-position: center 28px;
		background-size: 40px 25px;
	}

	.list-item_comparison_campaign a{
		background-position: center 18px;
		background-size: 35px 39px;
	}

	.list-item_comparison_fxcompany a{
		background-size: 40px 28px;
	}

	.link_business-comparison li .list-item_business-comparison_inner{
		box-shadow: 0px 0px 0px 1px #fff;
	}

	.indicator_ranking_wrap .rank_indicator_desc h3,
	.indicator_ranking_wrap .rank_indicator_desc p{
		font-size: 14px;
	}

	.topical-news-box{
		flex-direction: column;
		margin-right: 10px;
		margin-left: 10px;
		padding: 10px 15px
	}

	.topical-news-box section{
		width: auto;
		margin-right: 0;
	}
	
	.width85 {
	max-width: 100%;
	}
	
	/*スクロールするテーブル*/
	.scroll-table-wrap{
	overflow-x: scroll;
	}
	.scroll-table-wrap .sa--tablescroll{
		max-width: none;
	}
	.compare_table .company_column {
	width: inherit;
	}
	.compare_table th,
	.compare_table td{
		font-size: 0.9em;
	}
	
	/*	 1カラムページ テーブル　 */
	.column1-wide .tablepress img {
	width: 100%; 
	}
	.column1-wide .tablepress td {
    padding: 2px;
	}
	#tablepress-21 .sorting, #tablepress-22 .sorting, #tablepress-chartashi_pc .sorting {/*スワップ一覧テーブル*/
	/*padding: 5px;　幅調整のため*/
	font-size: 50%;
	line-height: 140%;
	}
	#tablepress-21 td,#tablepress-22 td {/*スワップ一覧テーブル*/
	padding: 2px;
	}
	
	#tablepress-iphone_technical img,
	#tablepress-android_technical img {
	width: 100%;
	}

	.whastnew_box > ul li img{
		float: none;
		margin: auto;
		width: auto;
	}

	.interview_listindex{
		width: auto;
	}

	.btn_detail{
		padding: 10px 5px 6px;
		letter-spacing: .25em;
	}
	
	.body img.alignright,
	.body img.alignleft{
		display: block;
		float: none;
		margin: 0 auto 6px;
	}
	.compare img.alignleft, .compare img.alignright,
	.knowledges-single img.alignleft, .knowledges-single img.alignright,
	.knowledge img.alignleft, .knowledge img.alignright, 
	.interview .alignleft, .interview .alignright,
	.single #the-content img.alignleft, .single #the-content img.alignright,
	.page #the-content img.alignleft, .page #the-content img.alignright {
	display: block;
	float: none;
	margin: 0 auto;
	padding-bottom: 10px !important;
	}
	.pagebottom-enquete,
	.pagebottom-answers{
    width: 100%;
	}
	.bannertable td.bannerimg img {
	width: 100%;
	}
	.article h3.heading_comparative_bar,
	.article h3.heading_crown{
	padding: 0 25px 6px 43px;
	}
	
	.line_official_text {
    padding: 8px;
	width: 345px;
	}
	.line_official_text p {
	padding-bottom: 0;
	}
	.line_official_content {   
    background: #07B53B;
	min-height: 130px;
	}
	.line_official_label {
	padding: 8px 8px 0px;
	background: #fff url(/img/common/lineofficial_s.png) no-repeat 3% 50%;
	text-align: right;
	}
	.line_official_friends img {
		width: 120px;
	}
	.update .line_official_btn {
	float: none;
	padding-right: 0;
	}
	.update .line_official_btn img {
	display: block;
	margin: 0 auto 5px;
	}
	
	/* sidebar
	----------------------------------------------------*/	
	#side_tieup {
    padding: 0 ;
	}
	.side-bnr-box p {
	margin: 0;
	}	
	.side-bnr-box > p {
	width: 100%;
	}	
	.side-bnr-box > p:nth-child(2n+1){
	margin-right: 0;
	}
	#sidebar .side-bnr_box li {
    max-width: 100%;
	}
	#sidebar .side-bnr_box .n2 li p {
    margin: 0;
	}
	#sidebar img {
	padding: 5px;
	}
	#sidebar .youtube-box {
	margin-bottom: 20px;
	text-align: center;
	}
	
	#sidebar .side-bnr-box img {
	width: 480px;
	}
	#sidebar ul.side-bnr-box li img {
	width: 480px !important;
	}
	
	/* interview page
	----------------------------------------------------*/	
	.interview dd {
    padding: 1em;
	margin:  0 0 50px 0;
	}
	.interview #bottom_pr {
    margin: 50px 0 0;
	}
	.article .interview_index ol li {
	margin: 0;
	}
	.article .interview_index ol li a, .article .interview_index ol li.current {
	margin: 0 0 10px;
    display: block;
    float: none;
    width: auto;
    background-color: #E0CFB5;
    padding: 5px 5px 5px;
	}
	.article .interview_index ol li span{
	line-height: 1em;
	}
	#official-info table {
	width: auto;
	}
	
	/* compare_top page
	----------------------------------------------------*/	
	.compare_top ul.btnlist li img {
    width: 50%;
	}
	.compare_top ul li {
    font-size: 0.85em;
    line-height: 1.5;
	}
	
	/* knowledge page
	----------------------------------------------------*/	
	.knowledge .summary {
    padding: 0 
	}
	.knowledge ul {
    padding: 0 ;
	}
	.knowledge ul li {
    margin-left: 10px;
	}

	/* iphone page
	----------------------------------------------------*/	
	#iphone_page .point, #android_page .point, #special_page .point {
    clear: both;
    margin: 0 10px 0 0px;
	}
	
	/* smartphone page
	----------------------------------------------------*/
	img.icon.alignleft {
    float: left;
    padding: 5px 10px 0px 0px;
    }
	
	/* indicator_list page
	----------------------------------------------------*/	
	.indicator_list dt {
	width: 80px;
	min-height: 85px;
	}
	.indicator_list dt img {
	padding: 10px 0px 10px 0 !important;
	}
	.indicator_list dd{
	padding-left: 90px!important;
	font-size: 0.8em;
	min-height: 85px;
	}

	.btn_indicator_wrap .btn_indicator a,
	.btn_mt5indicator_wrap .btn_indicator a,
	.btn_tradingview_wrap .btn_indicator a,
	.btn_files_wrap .btn_indicator a{
	background: none;
	}
	
	

	
	#indicator-list .column-1.sorting {
	padding: 4px;
	}
	#indicator-list .column-1 img{
	width: 65px;
	}
	#indicator-list .column-2{
	font-size: 0.8em;
	word-break: break-all;
	padding: 6px 5px 6px 5px
	}
	#indicator-list .column-2 a{
	font-size: 1.1em;
	}
	#indicator-list th.column-3.sorting {
    padding: 5px 0px 14px 0px;
	text-align: center;
	}
	#indicator-list .column-3 {
    padding: 5px;
	width: 25px !important;
	line-height: 1.3em;
	}
	#indicator-list .column-4 {
    padding: 5px;
	}
	#indicator-list th.column-4 {
    padding: 5px;
	}
	#indicator-list th.column-4.sorting {
    padding: 5px 0 16px;
	text-align: center;
	}
	#indicator-list span.trend,
	#indicator-list span.oscillator,
	#indicator-list span.support,
	#indicator-list span.assist,
	#indicator-list span.binary {
    display: inline;
    padding: 2px 0;
    font-size: 11px;
	border: none;
	}
	#indicator-list .tablepress .sorting:after {
	right:13px;
	top: 23px;
	}
	
	
	#indicator-update .column-1{
	white-space: inherit;
	}
	
	

	/* 今、あなたにオススメ
	----------------------------------------------------*/
	.yarpp-related {
	padding: 0px;
	}
	#topmain .yarpp-related {
	padding: 10px;
	}
	.article .yarpp-thumbnails-horizontal .yarpp-thumbnail-default {
    float: none;
	}
	.article .yarpp-thumbnail img, .article .yarpp-thumbnail-default {
    width: 100%;
    height: auto;
	}
	
	/* 関連記事
	----------------------------------------------------*/
	.yarpp-thumbnail > img, .yarpp-thumbnail-default {
	height: auto !important;
	}
	.yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
	max-height: 5.5em !important;
	}
	.yarpp-related .yarpp-thumbnail-title {
	font-size: 80% !important;
	}
	
	/* 人気記事
	----------------------------------------------------*/
	.popular-entry-cards .widget-entry-card {
    font-size: 0.8em;
	padding-left: 0;
	}
	.popular-entry-card .card-content {
	padding: 10px 0;
	}
	.article-footer {
    padding: 0px;
	}
	.front-top-page .article-footer {
    padding: 10px;
	}
	
	/* mobile-menu
	----------------------------------------------------*/
	.mobile-menu-buttons .menu-drawer li {
    line-height: 2.4;
    border-bottom: 1px solid #dedede;
	}
	#slide-in-side_tieup {
	background-color: #fff;
	padding-bottom: 3em;
	}
	#slide-in-side_tieup #slide-in-tieup_pr,
	#slide-in-side_tieup li {
	text-align: center;
	}
	#slide-in-side_tieup li {
	padding-bottom: 10px;
	}
	#slide-in-sidebar-scroll .toc li {
	line-height: 2.4;
	}
	
	
	/*	 voc page
	----------------------------------------------------*/
	.chatbox .talk{
	margin:10px 0px 30px 0px;
	}
	.chatbox .talk .cont{
	margin:0 0 0 60px;
	}
	.chatbox .talk .cont-left{
	margin:0 60px 0 0;
	}
	.chatbox .talk .customer{
	background:url(/img/bg/customer_m.png) no-repeat left 18%;
	min-height:56px;
	}
	.chatbox .talk .fxnav{
	background:url(/img/bg/fxnav_m.png) no-repeat right 18%;
	min-height:56px;
	}
	.chatbox .talk .fxtf{
	background:url(/img/bg/fxtf_m.png) no-repeat left 18%;
	min-height:58px;
	}
	.chatbox .talk .fxnav_icon{
	background:url(/img/bg/fxnav_icon_m.png) no-repeat left 21%;
	min-height:58px;
	}
	.chatbox .talk .customer .cont,
	.chatbox .talk .fxnav .cont-left,
	.chatbox .talk .fxtf .cont,
	.chatbox .talk .fxnav_icon .cont{
	padding: 0.5em;
	}
	
	/*	 anniversary_campaign page
	----------------------------------------------------*/
	#anniversary_campaign {
    width: 100%;
	}
	#campaign_rules {
    width: 90%;
    margin: 0 auto;
	padding: 15px 8px;
	}
	#anniversary_campaign_header {
	max-width: 100%;
	margin: -42px 0px 0px;
	margin: -10px 0px 0px;
	}

	.anniversary_campaign_bottom_list {
	margin:  0px 0 0;
	width: 100%;
	}
	.article .anniversary_campaign_bottom_list ul {
	padding-left: 0px;
	}
	.article .anniversary_campaign_bottom_list li {
	background: url(/img/bg/icon_ster.png) no-repeat;
	padding: 5px 0 5px 50px;
	font-size: 1em;
	list-style: none;
	}
	.anniversary_campaign_bottom_list p.catchcopy {
	font-size: 1.2em;
	margin: 0 0 10px;
	}
	 
	/*	 オレンジ角丸背景（キャンペーン中 マーク）
	----------------------------------------------------*/
	.round-bgcolor {
    font-size: 0.6em;
    line-height: 14px;
    padding: 2px 2px;
	}
	
	/*   imagelist */
	ul.imagelist,
	ul.imagelist4,
	ul.imagelist_onecolumn,
	ul.imagelist_tv,
	ul.imagelist_tv2 {
    padding: 0;
	}
	ul.imagelist li,
	ul.imagelist4 li,
	ul.imagelist_onecolumn li,
	ul.imagelist_tv li,
	ul.imagelist_tv2 li {
    width: 49%;
    height: 60px;
    margin-right: 1%;
    }
	ul.imagelist span,
	ul.imagelist4 span,
	ul.imagelist_onecolumn span,
	ul.imagelist_tv span,
	ul.imagelist_tv2 span {
    width: 100%;
	}
	ul.imagelist_tv li,
	ul.imagelist_tv2 li {
	font-size: 0.85em;
	}
	ul.imagelist_2hikaku span {
	font-size: 0.75em;
	}
	.adpr {
	line-height: 1.2;
	padding: 7px;
	font-size: 0.8em;
	}
	.adpr span {
	background-size: 13px;
	}
	
	.indi2col .flexcard .indi-title, .indi3col .flexcard .indi-title {
	padding: 0;
	margin: -11px 0 8px 0;
	font-size: 1.1rem;
	}
	.indi2col .flexcard p.card-link, .indi3col .flexcard p.card-link {
    margin: 0px 3px 0px;
	padding: 3px 3px;
    background-color: #15a9a1;
    color: #fff;
    border-radius: 5px;
	}
	.indi3col .span_3{
	width: 48%;
	}
	.indi2col .card-content,
	.indi3col .card-content {
    padding: 0px 5px;
    }
	
	.internal-blogcard .blogcard-title {
	font-size: 1em;
	}
	
	/* VOC一覧、category一覧、検索結果ページ */
	.entry-card-thumb {
    width: 100px;
	}
	
	/* 更新頻度ボックス */
	.frequency {
	font-size: 0.8em;
	}
}

/*2023-11-20 ここから追加*/
/*481px以上1023以下　タブレット縦用*/
/*******************************************************************/
@media screen and (max-width: 1023px) and (min-width: 481px){
    .article .entry-title {
        margin: -20px -16px 20px;
    }
}