@charset "utf-8";
/*------------------------------------------------
--------------------------------------------------
トップページ
(/index)
--------------------------------------------------
--------------------------------------------------*/

ul {
    list-style: none;
	padding-left: 0;
}

/*------------------------------------------------
 wideslider
--------------------------------------------------*/
.wideslider {
	 width: 100%;
	 text-align: left;
	 position: relative;
	 overflow: hidden;
	 padding-bottom:80px;
	 box-sizing:content-box;
}

.wideslider ul,
.wideslider ul li {
	 float: left;
	 display: inline;
	 overflow: hidden;
	 padding:0;
}

.wideslider ul li img {
	 width: 100%;
	 display: none;
}

.wideslider_base {
	 top: 50px;
	 position: absolute;
}
.wideslider_wrap {
	 top: 0;
	 position: absolute;
	 overflow: hidden;

}

.slider_prev,
.slider_next{
	 background: #fff;
	 position: absolute;
	 z-index: 9;
	 cursor: pointer;
	 text-decoration: none;
}
.slider_prev::before,
.slider_prev::after,
.slider_next::before,
.slider_next::after{
	 position: absolute;
	 top: 0;
	 bottom:0;
	 left:0;
	 right:0;
	 margin: auto 0;
	 content: "";
	 vertical-align: middle;
}
.slider_prev::before,
.slider_next::before{
	 width: 45px;
	 height: 45px;
	 -webkit-border-radius: 50%;
	 border-radius: 50%;
	 background: #999999;
	 left:20px;
}
.slider_prev::before {right:20px;left:auto;}
.slider_prev::after,
.slider_next::after{
	 left: 32px;
	 top:0;
	 width: 15px;
	 height: 15px;
	 border-top: 3px solid #fff;
	 border-right: 3px solid #fff;
	 -webkit-transform: rotate(45deg);
	 transform: rotate(45deg);
}
.slider_prev::after {
	 -webkit-transform: rotate(-135deg);
	 transform: rotate(-135deg);
	 right: 32px;
	 left:auto;
}

.wideslider_pagination {
	 bottom: 0;
	 left: 0;
	 width: 100%;
	 height: 15px;
	 text-align: center;
	 position: absolute;
	 z-index: 200;
}

.wideslider_pagination a {
	 margin: 0 10px;
	 width: 15px;
	 height: 15px;
	 display: inline-block;
	 overflow: hidden;
	 background: #999;
	 border-radius: 50%;
}
.wideslider_pagination a.active {

	 background-color:#212577;
}

.wideslider ul:after {
	 content: ".";
	 height: 0;
	 clear: both;
	 display: block;
	 visibility: hidden;
}

.wideslider ul {
	 display: inline-block;
	 overflow: hidden;
}

/* wideslider---media query
--------------------------------------------------*/
@media (min-width: 768px) {
	.wideslider {padding-bottom:50px;}
	.wideslider_base {top:0;}
	.wideslider_pagination {bottom: 0;}
}
@media (min-width: 992px) {
}



/*------------------------------------------------
 masonry grid
 ※下部media printも有り
--------------------------------------------------*/

.grid {
	 width: 100%;
	 margin: 0 auto;
	 position: relative;
	 -js-display: flex;
	 display:-webkit-flex;
	 display:flex;
	 -js-flex-wrap: wrap;
	 -webkit-flex-wrap: wrap;
	 flex-wrap: wrap;
	 -webkit-justify-content: space-between;
	 -ms-flex-pack: justify;
	 justify-content: space-between;
}
.item img,
.mask {transition: opacity 0.6s ease 0s, transform 0.6s ease 0s;}

.item {
	 margin: 0 0px 20px 0;
	 width: 48%;
	 padding: 0px;
	 float: left;
	 position: relative;
	 overflow: hidden;
	 opacity:1;
}
.item img {width: 100%;border: 1px solid #ddd;}
.item a {display:block;}

.item.x2 {width: 100%;}
.item.x3 {width: 100%;}

.item02,.item03,.item05,.item06 {-js-flex-order: 2;-webkit-order: 2;-ms-flex-order: 2;order: 2;}

.mask {display:none;}

.threerows_list li {
	  margin:0.1em 0 0 1%;
	  width:100%;
}
#youtubePlayer{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
.youtube {
	position: relative;
	padding-top: 56.25%;
	width: 100%;
}
img.half {
	width: auto;
	height: 195px;
}

/* masonry grid---media query
--------------------------------------------------*/

@media (min-width: 768px) {
.item {width: 215px;}
.item.x2 {width: 450px;}
.item.y2 {height: 390px;}
.item.x3 {width: 685px;}
.item.y3 {width: 685px;}

.mask {
	 display:block;
	 position:absolute;
	 top:0;
	 width:100%;
	 height:100%;
	 opacity:0;
	 background-color:rgba(33,37,119,0.8);
	 color:#fff;
	 cursor:pointer;
	 padding:20px;
	 text-align:center;
}
.item .mask .mask_btn {
	 bottom: 10%;
	 left: 0;
	 position: absolute;
	 right: 0;
	 text-align: center;
	 text-align:center;
}
.item .mask .mask_btn a {
	 background-color:#fff;
	 display:inline-block;
	 padding:0.5em;
	 border-radius:3px;
}
.item .mask .mask_btn a:hover {text-decoration:none;}
.item:hover .mask {opacity:1;}


.effectA .mask {transform: translateY(100%);}
.effectA:hover .mask {transform: translateY(0);}
.effectB .mask  {transform: rotateX(-180deg);}
.effectB:hover img  {transform: rotateX(180deg);}
.effectB:hover .mask {transform: rotateX(0deg);background-color:rgba(33,37,119,1);}
.effectC .mask  {transform: rotateY(-180deg);}
.effectC:hover img  {transform: rotateY(180deg);}
.effectC:hover .mask {transform: rotateY(0deg);background-color:rgba(33,37,119,1);}

.effectD .mask { background-color:transparent;}
.effectD .mask::before,
.effectD .mask::after {
	  content: "";
	  display: block;
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 50%;
	  height: 100%;
	  background: #212577;
	  opacity: 0;
	  -webkit-transition: opacity 0.6s,
	 -webkit-transform 0.6s;
	 transition: opacity 0.6s, transform 0.6s;
}
.effectD:hover .mask::before,
.effectD:hover .mask::after {
	  opacity: 0.8;
	  transition-duration: 0.3s;
}
.effectD .mask::before {
	  -webkit-transform: translateX(-50%) skew(0deg);
	  transform: translateX(-50%) skew(0deg);
}
.effectD .mask::after {
	  -webkit-transform: translateX(150%) skew(0deg);
	  transform: translateX(150%) skew(0deg);
}
.effectD:hover .mask::before {
	  -webkit-transform: translateX(0) skew(0);
	  transform: translateX(0) skew(0);
}
.effectD:hover .mask::after {
	  -webkit-transform: translateX(100%) skew(0);
	  transform: translateX(100%) skew(0);
}
.effectD .mask >* {position: relative;z-index:5;}

.item16_list {
	margin:1em 0 0;
	padding:0;
	list-style-type:none;
}
.item16_list li {
	 display:inline-block;
	 width:40%;
	 height:30%;
	 padding:20px;
	 border:1px solid #fff;
	 margin:10px;
}
#youtubePlayer,
.youtube {
	position: static;
	padding-top: 0;
	height: 215px;
}

}


/*------------------------------------------------
 contents
--------------------------------------------------*/

.content {}

/*main_top*/
.main_top, .sidenavi  {}

.chartexchange h2,
.chartrate h2 {margin-bottom:0;padding:0;background-color:inherit;font-weight:normal;}
.chartexchange_inner,
.chartrate_inner {
	 border-left:1px solid #ccc;
	 border-bottom:1px solid #ccc;
	 border-right:1px solid #ccc;
	 padding:20px;
}
.chartexchange_inner table,
.chartexchange_inner td,
.chartrate_inner table,
.chartrate_inner td {border:none;}

.main_top_ttl_01:hover,
.main_top_ttl_02:hover {transition:all 0.3s ease 0s;}
.main_top_ttl_01 {
	 position: relative;
	 display: block;
	 vertical-align: middle;
	 text-decoration: none;
	 padding:13px 0 12px 12px;
	 background-color:#212577;
	 line-height:1;
	 color:#fff;
}
.main_top_ttl_01:before,
.main_top_ttl_01:after{
	 position: absolute;
	 margin: auto;
	 content: "";
	 vertical-align: middle;
}
.main_top_ttl_01::before,
.main_top_ttl_01::before{
	 top:10px;
	 right:12px;
	 width: 20px;
	 height: 20px;
	 background: #212577;
	 border:1px solid #fff;
	 -webkit-border-radius: 50%;
	 border-radius: 50%;
 }
.main_top_ttl_01::after,
.main_top_ttl_01::after{
	 right: 19px;
	 top:15px;
	 width: 10px;
	 height: 10px;
	 border-top: 2px solid #fff;
	 border-right: 2px solid #fff;
	 -webkit-transform: rotate(45deg);
	 transform: rotate(45deg);
}
.main_top_ttl_01:hover,.main_top_ttl_01:focus,.main_top_ttl_01:active {text-decoration:none;color:#fff;}
.main_top_ttl_02 {
	 position: relative;
	 display: block;
	 vertical-align: middle;
	 text-decoration: none;
	 padding:13px 0 12px 12px;
	 border:1px solid #212577;
	 line-height:1;
}
.main_top_ttl_02:before,
.main_top_ttl_02:after{
	 position: absolute;
	 margin: auto;
	 content: "";
	 vertical-align: middle;
}
.main_top_ttl_02::before,
.main_top_ttl_02::before{
	 top:10px;
	 right:12px;
	 width: 20px;
	 height: 20px;
	 background: #212577;
	 -webkit-border-radius: 50%;
	 border-radius: 50%;
 }
.main_top_ttl_02::after,
.main_top_ttl_02::after{
	 right: 19px;
	 top:15px;
	 width: 10px;
	 height: 10px;
	 border-top: 2px solid #fff;
	 border-right: 2px solid #fff;
	 -webkit-transform: rotate(45deg);
	 transform: rotate(45deg);
}
.main_top_ttl_02:hover {text-decoration:none;background-color:#f0f1f4;}


.menu.row{margin-left:-10px;margin-right: -10px;}
.menu_item, .techchart {padding-left:10px;padding-right:10px;margin-bottom: 30px;}
.menu h2 {
	 font-weight:normal;
	 background-color:inherit;
	 padding:13px 0 12px 12px;
	 border:1px solid #212577;
	 line-height:1;
	 color:#212577;
}
.menu_list {list-style-type: none;padding-left:0;}
.menu_list .icon_link {width:100%;font-size: 1.6rem;line-height:1;display:inline-block;padding-top:6px;padding-bottom:6px;}
.menu_list .icon_link:before {top:7px;}
.menu_list .icon_link:after {top:11px;}
.menu .techchart h2 {padding:0;border:none;}
.techchart_list {list-style-type: none;padding-left:0;margin-bottom:10px;}

/*sidenavi*/
.sidenavi_btn_account,.sidenavi_btn_login,.sidenavi_btn_demo,.sidenavi_btn_document {margin-bottom:20px;}
.sidenavi_btn_account .btn,
.sidenavi_btn_login .btn {color:#fff;border:none;padding:12px 6px;font-size:2.1rem;display: block;}
.sidenavi_btn_account .btn {background-color:#BE2329;}
.sidenavi_btn_account .btn:active {color:#fff;background-color:#BE2329;}
.sidenavi_btn_login .btn {background-color:#17A481;}
.sidenavi_btn_login .btn:active {color:#fff;background-color:#17A481;}
.sidenavi_btn_demo .btn {color:#fff;background-color:#ffa800;border:1px solid #aa6300;padding:11px 5px;font-size:2.1rem;display: block;}
.sidenavi_btn_demo .btn:active {color:#fff;background-color:#ffa800;border:1px solid #aa6300;}
.sidenavi_btn_document .btn{
	 border:1px solid #212577;
	 border-radius:3px;
	 background-image:url(../images/sidenavi_btn_document.png),url(../../common_images/icon_sprite.png);
	 background-color:#fff;
	 background-repeat:no-repeat,no-repeat;
	 background-position:left top, right -290px;
	 background-size:contain,30px auto;
	 display: block;
	 width: auto;
	 height: auto;
	 font-size:44px;
	 line-height:1;
	 overflow: hidden;
	 text-indent: 100%;
	 white-space: nowrap;
	 padding:0;
 }
.sidenavi_btn_document .btn:active {background-color:#fff;}

.info_news dt,.info_maintenance dt {margin-bottom: 0.6em;margin-top:30px;}
.info-list {list-style-type: none;padding:0 0 0 0.5em;}
.info-list a {display: block;padding:0.3em 0;}
.sidenavi_bnr_list {list-style-type:none;padding:0;}
.sidenavi_bnr_list li {margin-bottom:20px;background-color:#fff;text-align:center;}
.sidenavi_bnr_list li a{border:1px solid #212577;display:block;}
.sidenavi_bnr_list li .sidenavi_bnr_list_bgcolor {background-color:#d5dce6;}
.sidenavi_bnr_list li .sidenavi_bnr_list_bgcolor_kakutei_shinkoku {background-color:#13bc91;}
.sidenavi_bnr_list li .sidenavi_bnr {height:66px;}
.sidenavi_bnr_list li .fxmovieseminar {
	background: -moz-linear-gradient(top,  #3f4283 0%, #3f4283 20px, #ffffff 20px, #ffffff 100%);
	background: -webkit-linear-gradient(top,  #3f4283 0%,#3f4283 20px,#ffffff 20px,#ffffff 100%);
	background: linear-gradient(to bottom,  #3f4283 0%,#3f4283 20px,#ffffff 20px,#ffffff 100%);
}
.sidenavi_bnr_list li.sidenani_twitter_timeline {display:none;float:none;border:1px solid rgba(15,70,100,.12);}
.sidenavi_bnr_list li .twitter_wrapper{height:500px;overflow:auto;}
.sidenavi_bnr_list li.sidenani_twitter_bnr{display:block;}

.threerows_list {margin-left: -1%;}
.threerows_list li a {font-size:1.6rem;}

/* contents---media query
--------------------------------------------------*/
@media (min-width: 768px) {

	.menu {
		 -js-display: flex;
		 display:-webkit-flex;
		 display:flex;
		 -js-flex-wrap: wrap;
		 -webkit-flex-wrap: wrap;
		 flex-wrap: wrap;
	}

	.menu_item .techchart {
		 -js-flex-grow:1;
		 -webkit-flex-grow:1;
		 flex-grow:1;
		 -js-flex-basis:auto;
		 -webkit-flex-basis:auto;
		 flex-basis:auto;
	 }

	/*sidenavi*/
	.sidenavi_btn_account,
	.sidenavi_btn_login,
	.sidenavi_btn_demo,
	.sidenavi_btn_document {margin-bottom:20px;}

	.info_news dt,.info_maintenance dt {margin-bottom:0;margin-top:20px;}

	.sidenavi_bnr_list li {width:100%;}
	.sidenavi_bnr_list li:nth-child(odd) {margin-right:2%;}
	.info-list li {font-size:1.2rem;}
}

@media (min-width: 992px) {
	.main_top {width:920px;margin:0 auto;}

	.main_top_ttl_01 {font-size:1.4rem;}
	.main_top_ttl_02 {font-size:1.3rem;}

	.menu h2, .techchart h2 {margin-top:0;font-size:1.4rem;}
	.menu_lead {
		 font-size:1.4rem;
		 line-height:1.3;
	}
	.menu_list {
		 padding-left:0;
		 margin-bottom: 0;
	}
	.menu_list li {
		 font-size:1.3rem;
		 list-style-type:none;
		 padding:0 0 0.3em 0;
		 line-height:1.4;
	}
	.menu_list .icon_link {width:auto;font-size:1.4rem;padding-top:0;padding-bottom:0;}
	.menu_list .icon_link:before {top:1px;}
	.menu_list .icon_link:after {top:5px;}

	.techchart {clear:both;margin-top:20px;}
	.techchart_list li {float:left;margin:0.3em 0 0 1%;width:22%;}
	.techchart_list li:nth-child(4n+1) {margin-left:0;}
	.techchart_list li:nth-child(4n+3) {width:30%;}
	.techchart_list li a {font-size:1.3rem;}
	.price_action li a {font-size:1.2rem;}


	.threerows_list li a {font-size:1.2rem;}

	.info-list li {margin-top:10px;}
	.info-list li a {display:inline-block;padding:0;}
	.threerows_list li {
		float:left;
		margin:0.3em 0 0 1%;
		width: 32.3%;
	}
	.threerows_list {
		 -js-display: flex;
		 display:-webkit-flex;
		 display:flex;
		 -js-flex-wrap: wrap;
		 -webkit-flex-wrap: wrap;
		 flex-wrap: wrap;
	}
	
	/*sidenavi*/
	.sidenavi_bnr_list li {float:left;width:49%;}
	.sidenavi_bnr_list li.sidenani_twitter_timeline {display:block;float:right;}
	.sidenavi_bnr_list li.sidenani_twitter_bnr{display:none;}
	.sidenavi_bnr_list li .twitter_wrapper{height:600px;}
}

@media (min-width: 1200px) {
	.content {padding-left: 0; padding-right: 0;}

	/*main_top*/
	.main_top {width:920px;float:left;}
	.sidenavi {width:225px;float:right;}

	/*sidenavi*/
	.info_news dd,.info_maintenance dd {font-size:1.4rem;}
	.info-list {padding:0;}
	.sidenavi_bnr_list li {float:none;width:auto;}
	.sidenavi_bnr_list li:nth-child(odd) {margin-right:0;}
	.sidenavi_bnr_list li.sidenani_twitter_timeline {float:none;}
	.sidenavi_bnr_list li .twitter_wrapper{height:450px;}
}
@media (min-width: 1219px) {
	.content {min-width:1170px;}
}

/* IE10,IE11でTwitterのTLが表示されないため、代わりにバナーを表示する対応 */
@media all and (-ms-high-contrast:none) {
	.sidenavi_bnr_list li {float:none;width:100%;}
 	.sidenavi_bnr_list li.sidenani_twitter_timeline {display:none;}
 	.sidenavi_bnr_list li.sidenani_twitter_bnr{display:block;}
}

@media print{

	/*------------------------------------------------
	 wideslider
	--------------------------------------------------*/

	.wideslider,.wideslider_base,.wideslider_wrap,
	.wideslider_wrap ul,.wideslider_wrap ul li
	{width:auto !important;height:auto !important;}
	.wideslider ul li {width:705px !important;}

	.slider_prev, .slider_next,
	.wideslider_pagination {display:none;}
	.wideslider {padding-bottom:0;}
	.wideslider ul,
	.wideslider ul li {float: none;overflow: visible;}

	.wideslider ul {display: none;}
	.wideslider ul:first-child {display: block;}
	.wideslider ul li {display: none;margin:auto;}
	.wideslider ul li:first-child {display: block;}

	.wideslider ul li img {width: 100%;}

	.wideslider_base {position: static;}
	.wideslider_wrap {position: static;overflow: visible;}


	/*------------------------------------------------
	 masonry grid
	--------------------------------------------------*/

	.grid {display:block;width:705px !important;height:auto !important;}
	.grid:before,
	.grid:after {display: table;content: " ";}
	.grid:after {clear: both;}
	.item {position: static !important;overflow:visible;}
	.item {width: 215px;margin:10px;}
	.item.x2 {width: 450px;}
	.item.y2 {height: 450px;}
	.item.x3 {width: 685px;}
	.item.y3 {width: 685px;}
	.item02,.item05,.item06 {}

	/*------------------------------------------------
	 contents
	--------------------------------------------------*/

	.menu h2, .techchart h2 {font-size:1.2rem;}
	.menu_lead {font-size:1.2rem;line-height:1.4;}
	.menu_list .icon_link {font-size:1.2rem;}

	.techchart_list {
		 -js-display: flex;
		 display:-webkit-flex;
		 display:flex;
		 -js-flex-wrap: wrap;
		 -webkit-flex-wrap: wrap;
		 flex-wrap: wrap;
	}
	.techchart_list li {
		  float:left;
		  margin:0.1em 0 0 1%;
		  width:32%;
	}
	.techchart_list li:nth-child(3n+1) {margin-left:0;}
	.techchart_list li:nth-child(4n+3) {width:32%;}
	.techchart_list li a {font-size:1.2rem;}
}/*media print end*/



/*------------------------------------------------
emergency_newsIn.jsp
--------------------------------------------------*/
.emergency-news-header {
	color: #fff;
    background-color: #BE2329;
    width: 50%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    margin: 35px auto 0;
    font-size: 2em;
}

ul.emergency-newsIn-list {
	  margin: 30px auto -20px auto;
	  font-weight: bold;
	  padding-left: 80px;
	  padding-right: 80px;
}

ul.emergency-newsIn-list li.emergency-newsIn-frame {
	  font-size: 20px;
	  list-style: none;
	  padding-top: 14px;
	  padding-bottom: 14px;
	  padding-left: 2.3em;
	  position: relative;
}

ul.emergency-newsIn-list li.emergency-newsIn-frame::before {
	  content: url(../images/news_mark.jpg);
	  position: absolute;
	  left: 0;
}

ul.emergency-newsIn-list li.emergency-newsIn-frame a {
	  color:#1b2078;
}

@media screen and (max-width: 991px) {
	  ul.emergency-newsIn-list {
	      padding-left: 0;
	      padding-right: 0;
	      margin-bottom: -36px;
	  }
	    ul.emergency-newsIn-list li.emergency-newsIn-frame {
	      padding-top: 12px;
	      padding-bottom: 12px;
	  }
}

@media screen and (max-width: 767px) {
	ul.emergency-newsIn-list {
		padding-top: 30px;
		padding-left: 0;
		padding-right: 0;
		margin: 0;
	}

	ul.emergency-newsIn-list li.emergency-newsIn-frame {
		padding-top: 15px;
		padding-bottom: 10px;
	}
}

@media screen and (min-width: 481px) and (max-width: 767px) {
	div.emergency-newsIn-wideslider_position {
		margin-bottom: -16px;
	}
}

@media screen and (max-width: 480px) {
	.emergency-news-header {
		width: 70%;
		height: 35px;
		line-height: 35px;
		font-size: 1.4em;
	}
	  ul.emergency-newsIn-list {
	      padding-left: 0;
	      padding-top: 10px;
	      margin: 0 0 -20px 0;
	  }

	  ul.emergency-newsIn-list li.emergency-newsIn-frame {
	      font-size: 12px;
	      line-height: normal;
	      padding-top: 8px;
	      padding-bottom: 8px;
	      padding-left:3.5em;
	  }

	  ul.emergency-newsIn-list li.emergency-newsIn-frame::before {
	  	top: 5px;
	  }
}

/* ------------- 無料FXデモ取引 -------------*/

.item_noline img {
   border:none;
}

.demo_01_tb {
	display: none;
}
.demo_01_pc {
    display: none;
}
.demo_01_sp {
    display: inline;
}

@media screen and (min-width: 468px){

}
@media screen and (min-width: 768px){
	  .demo_01_tb{
	    display: inline;
	  }
	  .demo_01_tb_non{
	    display: none;
	  }
}
@media screen and (min-width: 992px) {
	 .demo_01_sp {
	    display: none;
	 }
	 .demo_01_tb{
	 	display: none;
	 }
	  .demo_01_pc {
	    display: inline;
	 }
}