/*!--------------------------------------------- */
/* 
/*  style.scss / 2016.02.22
/*  
/*  @outputFile ../htdocs/common/css/style.css  */
/*--------------------------------------------- */
/*----------------------------------------------*/
/* clearFix
/*----------------------------------------------*/
#contents:after,
#main:after,
.mainInner:after,
#second:after,
#footer:after,
#fixFooterBox:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
/*----------------------------------------------*/
/* OverFlow hidden
/*----------------------------------------------*/
#keyVisual,
#copyright .copyrightInner,
.tableTypeMarket,
#blogBattle,
#faqList{ overflow: hidden; }
/*----------------------------------------------*/
/* Position
/*----------------------------------------------*/
#wrapper,
#header,
#header .headerInner,
#keyVisual,
#keyVisual .keyVisualInnerB,
#contents,
#contents .contentsInner,
#main,
#footer .footerInner,
#nav,
#assistHeaderNav,
#assistHeaderNav .assistHeaderNavInner,
.pagePathNavInner,
#blogBattle,
#faqList{ position: relative; }
/*----------------------------------------------*/
/* Base Width
/*----------------------------------------------*/
#footer .footerInner,
#copyright .copyrightInner {
	width: 1200px;
	margin: 0 auto;
}
/*----------------------------------------------*/
/* z-index
/*----------------------------------------------*/
.pagePathNav,
#footer{ z-index: 1; }
#header,
#nav,
.globalNav{ z-index: 3; }
#assistHeaderNav{ z-index: 4; }
#fixFooterBox{ z-index: 5; }
#toPageTop a{ z-index: 10; }
/*----------------------------------------------*/
/* listReset
/*----------------------------------------------*/
#nav ul,
#assistHeaderNav ul,
.pagingNav__list,
.blockAssistNav,
.blockLinkList,
.bannerList,
.bannerList--M,
.bannerList--L {
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 0;
}
#nav ul li,
#assistHeaderNav ul li,
.pagingNav__list li,
.blockAssistNav li,
.blockLinkList li,
.bannerList li,
.bannerList--M li,
.bannerList--L li{ list-style-type: none; }
/*----------------------------------------------*/
/* Body,Wrapper
/*----------------------------------------------*/
html,
body {
	width: 100%;
	height: 100%;
}
body{ background-color: #212121; }
.alone{ background-color: #fff; }
#wrapper {
	overflow: hidden;
	background-color: #fff;
}
.lt9 #wrapper,
.lt9 .fix #header{ min-width: 1200px; }
/*----------------------------------------------*/
/* Header
/*----------------------------------------------*/
#header{ background-color: #fff; }
#header .headerInner {
	max-width: 1200px;
	margin: 0 auto;
	height: 99px;
}
.blogCategory #header,
.companyCategory #header,
.detailPage #header,
.noGlobalNav #header {
	border-bottom: 2px solid #FF4B1E;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.blogCategory #header .headerInner,
.companyCategory #header .headerInner,
.detailPage #header .headerInner,
.noGlobalNav #header .headerInner{ height: 62px; }
.st24Category #header{ border-color: #0A2459; }
.triAutoCategory #header{ border-color: #ff4b1e; }
.fxCategory #header{ border-color: #FD2917; }
.fx24Category #header{ border-color: #2D4198; }
.kabu365Category #header{ border-color: #06AC49; }
.maimateCategory #header{ border-color: #000000; }
#siteId {
	line-height: 1;
	padding-top: 19px;
	padding-left: 5px;
}
#siteId img{
	display: block;
	width: 167px;
	height: 22px;
}
#siteId p{ margin: 0; }
/*----------------------------------------------*/
/* KeyVisual
/*----------------------------------------------*/
#keyVisual{ max-height: 300px; }
#keyVisual .keyVisualInnerB {
	max-width: 1200px;
	margin: 0 auto;
	max-height: 300px;
}
#keyVisual .keyVisualInnerB img {
	width: 100%;
	vertical-align: top;
}
#keyVisual .btnAccountA {
	position: absolute;
	left: 3%;
	bottom: 50%;
	margin-bottom: -60px;
}
#keyVisual .btnAccountA img{ min-height: 20px; }
#keyVisual .visualLoading{ background-color: #e9e1d4; }
#keyVisual .visualLoading .keyVisualInnerB {
	overflow: hidden;
	text-indent: -7777px;
}
#keyVisual .sharedKeyVisual{ clear: both; }
/*----------------------------------------------*/
/* Contents
/*----------------------------------------------*/
#contents {
	margin: 2em auto 0;
	clear: both;
	max-width: 1200px;
}
#contents .contentsInner{ margin: 0 10px; }
#main{ width: 100%; }
.mainInner .spL:first-child{ margin-top: 0; }
#second *:first-child{ margin-top: 0; }
/* contents column
---------------------------------*/
.home #contents .contentsInner{ padding-left: 330px; }
.home #contents #main,
.home #contents #second{ margin-left: -330px; }
.home #contents #main{ float: right; }
.home #contents #second {
	width: 300px;
	margin-right: 30px;
	float: left;
}
.category #contents .contentsInner{ padding-left: 255px; }
.category #contents #main,
.category #contents #second{ margin-left: -255px; }
.category #contents #main{ float: right; }
.category #contents #second {
	width: 225px;
	margin-right: 30px;
	float: left;
}
.generalCategory #contents .contentsInner{ padding-left: 330px; }
.generalCategory #contents #main,
.generalCategory #contents #second{ margin-left: -330px; }
.generalCategory #contents #main{ float: right; }
.generalCategory #contents #second {
	width: 300px;
	margin-right: 30px;
	float: left;
}
@media screen and (max-width: 768px) {
	body{ font-size: 12px; }
	.home #contents .contentsInner{ padding-left: 285px; }
	.home #contents #main,
	.home #contents #second{ margin-left: -285px; }
	.home #contents #main{ float: right; }
	.home #contents #second {
		width: 270px;
		margin-right: 15px;
		float: left;
	}
	.category #contents .contentsInner{ padding-left: 210px; }
	.category #contents #main,
	.category #contents #second{ margin-left: -210px; }
	.category #contents #main{ float: right; }
	.category #contents #second {
		width: 195px;
		margin-right: 15px;
		float: left;
	}
	.generalCategory #contents .contentsInner{ padding-left: 285px; }
	.generalCategory #contents #main,
	.generalCategory #contents #second{ margin-left: -285px; }
	.generalCategory #contents #main{ float: right; }
	.generalCategory #contents #second {
		width: 270px;
		margin-right: 15px;
		float: left;
	}
}
@media screen and (max-width: 640px) {
	#contents {
		margin: 1em auto 0;
	}
}
/*----------------------------------------------*/
/* Footer
/*----------------------------------------------*/
#footer {
	background-color: #333;
	font-size: 93%;
	padding: 1em 0 90px;
	margin-top: 2em;
	color: #FFF;
}
#footer .footerInner #assistFooterNav,
#footer .footerInner .spL{ margin: 1em 1em 0; }
#footer .footerInner div:nth-child(1) {
    border-top: none;
}
#footer .spL {
	border-top: 1px dashed #FFF;
	padding-top: 1em;
}
#footer .spL p{ margin: 0; }
#footer .paraListBorder {
	line-height: 1.5em;
	margin: 0;
}

#copyright {
	width: 100%;
	background: url("../img/bg/bg_footer02.jpg") repeat left top;
	font-size: 71%;
	color: #FFF;
	padding: 10px 0;
}
#copyright .footerId {
	float: right;
	padding: 3px 0;
}
/*----------------------------------------------*/
/* Navigation
/*----------------------------------------------*/
/* Global Navigation
---------------------------------*/
#nav h2{ display: none; }
#nav ul{ height: 42px; }
#nav ul li{ float: left; }
#nav ul li img {
	vertical-align: top;
	width: 100%;
	height: auto;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	-moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	-o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	-ms-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	max-width: 124px;
}
#nav ul li.btnHome {
	width: 190px;
	margin-left: -190px;
}
#nav ul li.btnHome a {
	overflow: hidden;
	text-indent: -7777px;
	padding: 12px 0;
}
#nav ul li.btnSt24{ width: 21%; }
#nav ul li.btnTriAuto{ width: 21%; }
#nav ul li.btnFx24{ width: 16%; }
#nav ul li.btnFx24 img{ max-width: 82px; }
#nav ul li.btnFx{ width: 21%; }
#nav ul li.btnKabu365{ width: 21%; }
#nav a {
	line-height: 1;
	text-align: center;
}
#nav a,
#nav a span{ display: block; }
#nav a span{ padding: 5px 0; }
#nav .navInner {
	max-width: 820px;
	margin: -53px auto 10px;
	padding: 0 190px;
}
#nav .btnGroup .current a img,
#nav .btnGroup .parentCurrent a img,
#nav .btnGroup li a:hover img {
	-moz-opacity: 1;
	opacity: 1;
}
.category #nav .btnGroup img,
#nav .btnGroup:hover a img {
	-moz-opacity: 0.35;
	opacity: 0.35;
}
.home #nav .btnGroup{ overflow: hidden; }
.lt9 .category #nav .btnGroup img,
.lt9 #nav .btnGroup:hover a img {
	filter: alpha(opacity=35);
	/* IE lt 8 */
	-ms-filter: "alpha(opacity=35)";
	/* IE 8 */
}
.lt9 #nav .btnGroup .current a img,
.lt9 #nav .btnGroup .parentCurrent a img,
.lt9 #nav .btnGroup li a:hover img {
	filter: alpha(opacity=100);
	/* IE lt 8 */
	-ms-filter: "alpha(opacity=100)";
	/* IE 8 */
}
.globalNav {
	position: absolute;
	top: 64px;
	left: 0;
	width: 100%;
	background-color: #fff;
	border-color: #E3E1EB;
	border-style: solid;
	border-width: 1px 0 0;
	/* background-image: -webkit-linear-gradient(#faf9f6, #f3f1eb); */
	/*background-image: linear-gradient(to bottom, #faf9f6, #f3f1eb);*/
	border-bottom: 2px solid #FF4B1E;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2), inset 0 -1px 1px #FFF;
	overflow-x: auto;
	overflow-y: hidden;
}
.globalNav__header{ display: none; }
.globalNav__inner {
	max-width: 1200px;
	margin: 0 auto;
	padding-top: 1px;
}
.globalNav__list {
	box-sizing: border-box;
	padding-left: 0;
	margin: 0;
	list-style: none;
	border-left: 1px solid #E3E1EB;
	white-space: nowrap;
}
.globalNav__item {
	position: relative;
	box-sizing: border-box;
	display: inline-block;
	/* width: 15%; */
	/* width: 17.6%; */
	width: 22.1%;
	min-width: 150px;
	border-right: 1px solid #E3E1EB;
	border-left: 1px solid #FFF;
	height: 32px;
	vertical-align: top;
}
.globalNav__item.current .globalNav__title,
.globalNav__item.parentCurrent .globalNav__title{ color: #FFF; }
.globalNav__btn {
	position: relative;
	display: block;
	height: 32px;
	margin-right: 1px;
}
.globalNav__btn,
.globalNav__btn:hover{ text-decoration: none; }
.globalNav__btn__inner {
	/* border-radius: 3px 3px 0 0;*/
	display: block;
	text-align: center;
	height: 32px;
}
.globalNav__btn__inner:before {
	content: "";
	height: 100%;
	width: 0;
	display: inline-block;
	vertical-align: middle;
}
.globalNav__btn img{ vertical-align: top; }
.globalNav__btn:before {
	transition: height 0.3s ease;
	position: absolute;
	left: 0;
	bottom: -1px;
	content: "";
	display: block;
	width: 100%;
	height: 0;
}
.globalNav__title {
	display: inline-block;
	vertical-align: middle;
	font-weight: bold;
	color: #494949;
}
.globalNav .globalNav__btn:hover:before,
.globalNav .current .globalNav__btn:before,
.globalNav .parentCurrent .globalNav__btn:before{ height: 4px; }
.globalNav .item--home {
	width: 10%;
	min-width: 80px;
}
.globalNav .item--home:hover .globalNav__btn:before{ background-color: #FF4B1E; }
/* .globalNav .item--etf:hover .globalNav__btn:before{ background-color: #CC0000; } */
.globalNav .item--etf:hover .globalNav__btn:before{ background-color: #ff007d; }
.globalNav .item--st24:hover .globalNav__btn:before{ background-color: #0A2459; }
.globalNav .item--triAuto:hover .globalNav__btn:before{ background-color: #ff4b1e; }
.globalNav .item--fx24:hover .globalNav__btn:before{ background-color: #2D4198; }
.globalNav .item--fx:hover .globalNav__btn:before{ background-color: #FD2917; }
.globalNav .item--kabu365:hover .globalNav__btn:before{ background-color: #06AC49; }
/* .globalNav .item--maimate:hover .globalNav__btn:before{ background-color: #03a9f4; } */
.globalNav .item--maimate:hover .globalNav__btn:before{ background-color: #000000; }
.globalNav .item--home.current img,
.globalNav .item--home.parentCurrent img{ visibility: hidden; }
.globalNav .item--home.current .globalNav__btn__inner,
.globalNav .item--home.parentCurrent .globalNav__btn__inner {
	background-position: center center;
	background-repeat: no-repeat;
}
.globalNav .item--home.current .globalNav__btn__inner,
.globalNav .item--home.parentCurrent .globalNav__btn__inner {
	background-color: #FF4B1E;
	background-image: url("../img/logo_home_white.png");
}
.globalNav .item--etf.current .globalNav__btn__inner,
.globalNav .item--etf.parentCurrent .globalNav__btn__inner {
	/* background-color: #CC0000; */
	background-color: #ff007d;
	/*background-image: urlImg("logo_etf_white.png");*/
}
.globalNav .item--st24.current .globalNav__btn__inner,
.globalNav .item--st24.parentCurrent .globalNav__btn__inner{ background-color: #0A2459; }
.globalNav .item--triAuto.current .globalNav__btn__inner,
.globalNav .item--triAuto.parentCurrent .globalNav__btn__inner {
	/* background-color: #7842AB; */
	background-color: #ff4b1e;
	/*background-image: urlImg("logo_tryauto01_white.png");*/
}
.globalNav .item--fx24.current .globalNav__btn__inner,
.globalNav .item--fx24.parentCurrent .globalNav__btn__inner{ background-color: #2D4198; }
.globalNav .item--fx.current .globalNav__btn__inner,
.globalNav .item--fx.parentCurrent .globalNav__btn__inner{ background-color: #FD2917; }
.globalNav .item--kabu365.current .globalNav__btn__inner,
.globalNav .item--kabu365.parentCurrent .globalNav__btn__inner{ background-color: #06AC49; }
/* .globalNav .item--maimate.current .globalNav__btn__inner,
.globalNav .item--maimate.parentCurrent .globalNav__btn__inner{ background-color: #03a9f4; } */
.globalNav .item--maimate.current .globalNav__btn__inner,
.globalNav .item--maimate.parentCurrent .globalNav__btn__inner{ background-color: #000000; }
/* .etfCategory .globalNav{ border-bottom-color: #CC0000; } */
.etfCategory .globalNav{ border-bottom-color: #ff007d; }
.st24Category .globalNav{ border-bottom-color: #0A2459; }
.triAutoCategory .globalNav{ border-bottom-color: #ff4b1e; }
.fx24Category .globalNav{ border-bottom-color: #2D4198; }
.fxCategory .globalNav{ border-bottom-color: #FD2917; }
.kabu365Category .globalNav{ border-bottom-color: #06AC49; }
.menu--open{ overflow: hidden; }
.ico_new {
	content: "NEW";
	background-color: #cc0000;
	color: #FFF;
	font-style: normal;
	line-height: 14px;
	font-size: 9px;
	z-index: 999;
	display: inline-block;
	vertical-align: middle;
	padding: 0 3px;
	border-radius: 2px;
	font-family: arial, monospace;
	overflow: hidden;
	margin-left: 5px;
	font-weight: bold;
}
.parentCurrent .ico_new {
	color: #cc0000;
	background-color: #fff;
}
/* local Navigation
---------------------------------*/
.localNav a,
.localNav a:link,
.localNav a:visited{ color: #333; }
.localNav a:hover {
	font-weight: bold;
	text-decoration: none;
	font-size: 114%;
}
.localNav .current em,
.localNav .current a {
	font-size: 114%;
	font-weight: bold;
}
.localNav .current em:link,
.localNav .current a:link{ color: #333; }
.localNav__title{ display: none; }
.localNav__list {
	padding-left: 0;
	list-style: none;
}
#localNavBg{ display: none; }
/* Assist Header Navigation
---------------------------------*/
#assistHeaderNav .assistHeaderNavInner {
	max-width: 1200px;
	margin: 0 auto;
}
#assistHeaderNav ul {
	position: absolute;
	top: -89px;
	right: 0;
	width: 350px;
	text-align: right;
	letter-spacing: -.40em;
}
#assistHeaderNav ul li {
	line-height: 1em;
	display: inline-block;
	letter-spacing: normal;
	vertical-align: middle;
}
#assistHeaderNav ul li + li{ margin-left: 10px; }
#assistHeaderNav .btnAccountA,
#assistHeaderNav .btnLogin {
	padding: 5px 8px;
	vertical-align: top;
}
#assistHeaderNav .btnAccountA img,
#assistHeaderNav .btnLogin img {
	width: 145px;
	max-width: 100%;
}
.blogCategory #assistHeaderNav ul,
.companyCategory #assistHeaderNav ul,
.detailPage #assistHeaderNav ul,
.noGlobalNav #assistHeaderNav ul{ top: -54px; }
/* Assist Footer Navigation
---------------------------------*/
#assistFooterNav a:link,
#footer .paraListBorder a:link,
#footer .paraList a:link{ color: #FFF; }
#assistFooterNav a:visited,
#footer .paraListBorder a:visited,
#footer .paraList a:visited{ color: #FFF; }
#assistFooterNav a:hover,
#footer .paraListBorder a:hover,
#footer .paraList a:hover{ color: #FFF; }
#assistFooterNav a:active,
#footer .paraListBorder a:active,
#footer .paraList a:active{ color: #AAA; }
#assistFooterNav .clear,
#footer .paraListBorder .clear,
#footer .paraList .clear{ clear: both; }
/* PagePath Navigation
---------------------------------*/
.pagePathNav {
	margin-top: 2em;
	margin-bottom: 1em;
}
.pagePathNav .home{ margin-left: 0.5em; }
.pagePathNavInner {
	max-width: 1200px;
	margin: 0 auto;
}
.pagePathNavInner .arrow{ padding: 0 0.5em; }
/* Anchor Navigation
---------------------------------*/
/* Paging Navigation
---------------------------------*/
.pagingNav {
	margin-top: .83em;
	margin-bottom: .83em;
}
.pagingNav__title{ display: none; }
.pagingNav__list {
	position: relative;
	margin: 0 -0.5em;
}
.pagingNav__item{ display: inline-block; }
.pagingNav__btn {
	position: relative;
	overflow: hidden;
	display: block;
	text-align: center;
	border: 1px solid #CCC;
	margin: 0 0.5em 0.5em;
	height: 3.25em;
	line-height: 1.2;
	font-size: 93%;
	background-image: -webkit-linear-gradient(#faf9f6, #f3f1eb);
	background-image: linear-gradient(to bottom, #faf9f6, #f3f1eb);
}
.pagingNav__btn__title {
	display: inline-block;
	vertical-align: middle;
	padding: 0 1.5em;
}
.pagingNav__btn:after {
	height: 100%;
	width: 0;
	content: "";
	display: inline-block;
	vertical-align: middle;
}
.pagingNav__btn:before {
	position: absolute;
	top: 50%;
	right: 4px;
	content: "";
	border: solid transparent;
	width: 0;
	height: 0;
	display: inline-block;
	vertical-align: middle;
	border-width: 4px 6px;
	border-left-color: #BBB;
	margin-left: 3px;
	margin-top: -4px;
}
.current .pagingNav__btn{ background-image: none; }
.current .pagingNav__btn,
.current .pagingNav__btn:link,
.current .pagingNav__btn:hover{ color: #FFF; }
.current .pagingNav__btn:before {
	right: 10px;
	border-left-color: transparent;
	border-width: 6px 4px;
	border-top-color: #FFF;
	margin-left: 2px;
	margin-top: -3px;
}
.generalCategory .current .pagingNav__btn{ background-color: #FF4B1E; }
/* .etfCategory .current .pagingNav__btn{ background-color: #CC0000; } */
.etfCategory .current .pagingNav__btn{ background-color: #ff007d; }
.st24Category .current .pagingNav__btn{ background-color: #0A2459; }
.triAutoCategory .current .pagingNav__btn{ background-color: #ff4b1e; }
.fx24Category .current .pagingNav__btn{ background-color: #2D4198; }
.fxCategory .current .pagingNav__btn{ background-color: #FD2917; }
.kabu365Category .current .pagingNav__btn{ background-color: #06AC49; }
@media screen and (max-width: 620px) {
	.pagingNav__title {
		position: relative;
		display: block;
		background-image: -webkit-linear-gradient(#faf9f6, #f3f1eb);
		background-image: linear-gradient(to bottom, #faf9f6, #f3f1eb);
		border: 1px solid #CCC;
		padding: 0.5em;
		cursor: pointer;
	}
	.pagingNav__title:before {
		position: absolute;
		top: 50%;
		right: 10px;
		content: "";
		border: solid transparent;
		width: 0;
		height: 0;
		display: inline-block;
		vertical-align: middle;
	}
	.pagingNav__inner {
		background-color: #EEE;
		overflow: hidden;
		border: solid #CCC;
		border-width: 0 1px 1px;
	}
	.pagingNav__list {
		border-top: 1px solid #CCC;
		margin: 0.5em;
	}
	.pagingNav__item{ display: block; }
	.pagingNav__btn {
		margin: 0;
		border-top-color: #FFF;
		background-image: none;
	}
	.current .pagingNav__btn:before {
		right: 4px;
		border-top-color: transparent;
		border-width: 4px 6px;
		border-left-color: #FFF;
		margin-left: 3px;
		margin-top: -4px;
	}
	.pagingNav .pagingNav__title{ color: #FFF; }
	.generalCategory .pagingNav .pagingNav__title {
		background-image: -webkit-linear-gradient(#ff7451, #FF4B1E);
		background-image: linear-gradient(to bottom, #ff7451, #FF4B1E);
	}
	.etfCategory .pagingNav .pagingNav__title {
		/* background-image: -webkit-linear-gradient(red, #CC0000);
		background-image: linear-gradient(to bottom, red, #CC0000); */
		background-image: -webkit-linear-gradient(#ff2c92, #ff007d);
		background-image: linear-gradient(to bottom, #ff2c92, #ff007d);
	}
	.st24Category .pagingNav .pagingNav__title {
		background-image: -webkit-linear-gradient(#0f3787, #0A2459);
		background-image: linear-gradient(to bottom, #0f3787, #0A2459);
	}
	.triAutoCategory .pagingNav .pagingNav__title {
		background-image: -webkit-linear-gradient(#915fc1, #ff4b1e);
		background-image: linear-gradient(to bottom, #915fc1, #ff4b1e);
	}
	.fx24Category .pagingNav .pagingNav__title {
		background-image: -webkit-linear-gradient(#3952bf, #2D4198);
		background-image: linear-gradient(to bottom, #3952bf, #2D4198);
	}
	.fxCategory .pagingNav .pagingNav__title {
		background-image: -webkit-linear-gradient(#fd584a, #FD2917);
		background-image: linear-gradient(to bottom, #fd584a, #FD2917);
	}
	.kabu365Category .pagingNav .pagingNav__title {
		background-image: -webkit-linear-gradient(#08dd5e, #06AC49);
		background-image: linear-gradient(to bottom, #08dd5e, #06AC49);
	}
	.pagingNav--close .pagingNav__title:before {
		border-width: 6px 4px;
		border-top-color: #BBB;
		margin-left: 2px;
		margin-top: -3px;
	}
	.pagingNav--close .pagingNav__inner{ height: 2px; }
	.generalCategory .pagingNav--close .pagingNav__inner{ background-color: #FF4B1E; }
	/* .etfCategory .pagingNav--close .pagingNav__inner{ background-color: #CC0000; } */
	.etfCategory .pagingNav--close .pagingNav__inner{ background-color: #ff007d; }
	.st24Category .pagingNav--close .pagingNav__inner{ background-color: #0A2459; }
	.triAutoCategory .pagingNav--close .pagingNav__inner{ background-color: #ff4b1e; }
	.fx24Category .pagingNav--close .pagingNav__inner{ background-color: #2D4198; }
	.fxCategory .pagingNav--close .pagingNav__inner{ background-color: #FD2917; }
	.kabu365Category .pagingNav--close .pagingNav__inner{ background-color: #06AC49; }
	.pagingNav--open .pagingNav__title:before {
		border-width: 6px 4px;
		border-bottom-color: #BBB;
		margin-left: 2px;
		margin-top: -9px;
	}
	.pagingNav--open .pagingNav__inner{ height: auto; }
}

.pagingNav--grid_4 .pagingNav__item{ width: 25%; }
@media screen and (max-width: 1100px) {
	.pagingNav--grid_4 .pagingNav__item{ width: 33.33%; }
	.isShowOnSP-CVbtn{ display: block !important; }
	.isHideOnSP-CVbtn{ display: none !important; }
}

@media screen and (max-width: 990px) {
	.pagingNav--grid_4 .pagingNav__item{ width: 50%; }
}
@media screen and (max-width: 640px) {
	.pagingNav--grid_4 .pagingNav__item{ width: 33.33%; }
}
@media screen and (max-width: 620px) {
	.pagingNav--grid_4 .pagingNav__item{ width: 100%; }
}

.pagingNav--grid_3 .pagingNav__item{ width: 33.33%; }
@media screen and (max-width: 620px) {
	.pagingNav--grid_3 .pagingNav__item{ width: 100%; }
}

/* blockAssist Navigation
---------------------------------*/
.blockAssistNav {
	position: absolute;
	top: 9px;
	right: 5px;
}
.blockAssistNav:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.blockAssistNav li {
	float: left;
	margin-left: 6px;
}
.blockAssistNav li img{ display: block; }
/* toPageTop
---------------------------------*/
#toPageTop{ text-align: right; }
#toPageTop a {
	overflow: hidden;
	text-align: left;
	display: block;
	text-indent: -777px;
	width: 56px;
	height: 56px;
	border-radius: 6px;
	background-image: url("../img/nav/topagetop.png");
	background-repeat: no-repeat;
	background-position: 10px 10px;
	background-color: rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
	border: 1px solid #666;
}
#toPageTop a:hover {
	background-color: #fff;
	border-color: #FF4B1E;
	background-position: 10px -40px;
}
.lt9 #toPageTop a{ background-color: #333; }
.toPageTop a {
	position: absolute;
	right: 10px;
	bottom: 45px;
}
.fixedToPageTop a {
	position: fixed;
	right: 10px;
	bottom: 10px;
}
/*----------------------------------------------*/
/* button
/*----------------------------------------------*/
/* btnList
/* ------------------------------------ */
.btnList{ padding-left: 0; }
.btnList li{ vertical-align: top; }
.btnList li a {
	overflow: hidden;
	display: block;
	list-style: none;
	/* border-radius: 12px; */
	/* box-shadow: 1px 1px 0 #333, inset 1px 1px 0 #FFF; */
	margin-bottom: 0.5em;
	color: #333;
	text-align: center;
	line-height: 1.2em;
	white-space: nowrap;
	height: 60px;
}
.btnList li a:hover{ text-decoration: none; }
.btnList li a span {
	display: block;
	margin-top: 22px;
}
.btnList li a:active span{ margin-top: 23px; }
.btnList li a b{ font-size: 18px; }
.btnList .isCaption a span{ margin-top: 15px; }
.btnList .isCaption a:active span{ margin-top: 16px; }
.btnListCol2{ letter-spacing: -0.4em; }
.btnListCol2 li {
	display: inline-block;
	letter-spacing: normal;
	width: 50%;
}
.btnListCol2 li.col2n1 a{ margin-right: 8px; }
.btnListCol2 li.col2n2 a{ margin-left: 8px; }
@media screen and (max-width: 1000px) {
	.btnListCol2 li {
		display: block;
		width: auto;
	}
	.btnListCol2 li.col2n1 a{ margin-right: 0px; }
	.btnListCol2 li.col2n2 a{ margin-left: 0px; }
}
/* cssBtn
---------------------------------*/
.btnYellowA,
a.btnAccountA,
a.btnAccountB2,
a.btnLogin,
.btnGrayA,
.btnRssA,
.btnRssB,
.btnMoreA,
.btnMoreB,
.btnDrawerSwitch,
.btnGrayB,
a.btnContact,
.btnGrayC,
.btnRedA,
a.btnAccountB1 {
	overflow: hidden;
	/*border-radius: 4px;*/
	display: inline-block;
	/*box-shadow: inset 1px 1px 0px #FFF, 1px 1px 0 rgba(0, 0, 0, 0.5);*/
}
.btnYellowA img,
a.btnAccountA img,
a.btnAccountB2 img,
a.btnLogin img,
.btnGrayA img,
.btnRssA img,
.btnRssB img,
.btnMoreA img,
.btnMoreB img,
.btnDrawerSwitch img,
.btnGrayB img,
a.btnContact img,
.btnGrayC img,
.btnRedA img,
a.btnAccountB1 img{ display: block; }
.btnYellowA,
a.btnAccountA,
a.btnAccountB2 {
	background-image: -webkit-linear-gradient(#ffd71e, #ffd71e);
	background-image: linear-gradient(to bottom, #ffd71e, #ffd71e);
	border: 1px solid #AAA;
	background-color: #ffd71e;
}
.btnYellowA:link,
a.btnAccountA:link,
a.btnAccountB2:link,
a.btnLogin:link{ text-decoration: none; }
.btnYellowA:hover,
a.btnAccountA:hover,
a.btnAccountB2:hover {
	background-image: -webkit-linear-gradient(#FFC00C, #FFC00C);
	background-image: linear-gradient(to bottom, #FFC00C, #FFC00C);
	background-color: #FFC00C;
}
.btnYellowA:active,
a.btnAccountA:active,
a.btnAccountB2:active {
	background-image: -webkit-linear-gradient(#ffd71e, #ffd71e);
	background-image: linear-gradient(to bottom, #ffd71e, #ffd71e);
	box-shadow: inset -1px -1px 0 rgba(255, 255, 255, 0.5), -1px -1px 0 rgba(0, 0, 0, 0.1);
}
.btnYellowA,
a.btnAccountA,
a.btnAccountB2,
a.btnLogin,
.btnYellowA:link,
a.btnAccountA:link,
a.btnAccountB2:link,
a.btnLogin:link{ color: #333; }
.btnGrayA,
.btnRssA,
.btnRssB,
.btnMoreA,
.btnMoreB,
.btnDrawerSwitch {
	background-image: -webkit-linear-gradient(#FFF, #EEE);
	background-image: linear-gradient(to bottom, #FFF, #EEE);
	padding: 5px 10px 5px;
}
a.btnLogin {
	background-image: -webkit-linear-gradient(#eee, #eee);
	background-image: linear-gradient(to bottom, #eee, #eee);
	border: 1px solid #AAA;
	background-color: #eee;
}
a.btnLogin:hover {
	background-image: -webkit-linear-gradient(#ccc, #ccc);
	background-image: linear-gradient(to bottom, #ccc, #ccc);
	background-color: #ccc;
}
a.btnLogin:active {
	background-image: -webkit-linear-gradient(#eee, #eee);
	background-image: linear-gradient(to bottom, #eee, #eee);
	box-shadow: inset -1px -1px 0 rgba(255, 255, 255, 0.5), -1px -1px 0 rgba(0, 0, 0, 0.1);
}
.btnGrayA:link,
.btnRssA:link,
.btnRssB:link,
.btnMoreA:link,
.btnMoreB:link,
.btnDrawerSwitch:link{ text-decoration: none; }
.btnGrayA:hover,
.btnRssA:hover,
.btnRssB:hover,
.btnMoreA:hover,
.btnMoreB:hover,
.btnDrawerSwitch:hover {
	background-image: -webkit-linear-gradient(#FFF, #FFF);
	background-image: linear-gradient(to bottom, #FFF, #FFF);
	background-color: #FFF;
}
.btnGrayA:active,
.btnRssA:active,
.btnRssB:active,
.btnMoreA:active,
.btnMoreB:active,
.btnDrawerSwitch:active {
	background-image: -webkit-linear-gradient(#FFF, #FFF);
	background-image: linear-gradient(to bottom, #FFF, #FFF);
	box-shadow: inset -1px -1px 0 rgba(255, 255, 255, 0.5), -1px -1px 0 rgba(0, 0, 0, 0.1);
}
.btnGrayA:active,
.btnRssA:active,
.btnRssB:active,
.btnMoreA:active,
.btnMoreB:active,
.btnDrawerSwitch:active {
	border: 1px solid #666;
	color: #FFF;
	text-shadow: none;
	box-shadow: -1px -1px 0 #666666 inset, -1px -1px 0 #666666;
}
.btnGrayA:link,
.btnRssA:link,
.btnRssB:link,
.btnMoreA:link,
.btnMoreB:link,
.btnDrawerSwitch:link{ color: #333; }
.btnGrayA:visited,
.btnRssA:visited,
.btnRssB:visited,
.btnMoreA:visited,
.btnMoreB:visited,
.btnDrawerSwitch:visited{ color: #333; }
.btnGrayA:hover,
.btnRssA:hover,
.btnRssB:hover,
.btnMoreA:hover,
.btnMoreB:hover,
.btnDrawerSwitch:hover{ color: #FFF; }
.btnGrayA:active,
.btnRssA:active,
.btnRssB:active,
.btnMoreA:active,
.btnMoreB:active,
.btnDrawerSwitch:active {
	color: #FFF;
	padding: 6px 10px 4px;
}
.btnGrayB,
a.btnContact,
.btnGrayC{ text-align: center; }
.btnGrayB,
a.btnContact {
	background-image: -webkit-linear-gradient(#F1F1F1, #E6E6E6);
	background-image: linear-gradient(to bottom, #F1F1F1, #E6E6E6);
	background-color: #FFF;
	border: 1px solid #ccc;
}
.btnGrayB:link,
a.btnContact:link{ text-decoration: none; }
.btnGrayB:hover,
a.btnContact:hover {
	background-image: -webkit-linear-gradient(#FFF, #F1F1F1);
	background-image: linear-gradient(to bottom, #FFF, #F1F1F1);
	background-color: #F1F1F1;
}
.btnGrayB:active,
a.btnContact:active {
	background-image: -webkit-linear-gradient(#F1F1F1, #FFF);
	background-image: linear-gradient(to bottom, #F1F1F1, #FFF);
	box-shadow: inset -1px -1px 0 rgba(255, 255, 255, 0.5), -1px -1px 0 rgba(0, 0, 0, 0.1);
}
.btnGrayB:link,
a.btnContact:link,
.btnGrayB:visited,
a.btnContact:visited{ color: #555; }
.btnGrayB:hover,
a.btnContact:hover{ color: #333; }
.btnGrayB:active,
a.btnContact:active{ color: #666; }
.btnGrayC {
	background-image: -webkit-linear-gradient(#FFF, #CFCFCF);
	background-image: linear-gradient(to bottom, #FFF, #CFCFCF);
	background-image: -webkit-linear-gradient(#FFF, #EEE);
	background-image: linear-gradient(to bottom, #FFF, #EEE);
	text-align: center;
	padding: 8px 10px;
	background-color: #FFF;
	border: 1px solid #ccc;
}
.btnGrayC:link{ text-decoration: none; }
.btnGrayC:hover {
	background-image: -webkit-linear-gradient(#949494, #6B6B6B);
	background-image: linear-gradient(to bottom, #949494, #6B6B6B);
	background-color: #6B6B6B;
}
.btnGrayC:active {
	background-image: -webkit-linear-gradient(#6B6B6B, #949494);
	background-image: linear-gradient(to bottom, #6B6B6B, #949494);
	box-shadow: inset -1px -1px 0 rgba(255, 255, 255, 0.5), -1px -1px 0 rgba(0, 0, 0, 0.1);
}
.btnGrayC:link,
.btnGrayC:visited{ color: #333; }
.btnGrayC:hover {
	border-color: #666;
	color: #FFF;
	box-shadow: inset -1px -1px 0px #666, 0 0 3px rgba(0, 0, 0, 0.25);
}
.btnGrayC:active {
	color: #ccc;
	padding: 9px 10px 7px;
}
a.btnGrayC:hover i.icoExternal2{ background-position: -272px 0; }
.btnRedA,
a.btnAccountB1 {
	background-image: -webkit-linear-gradient(#FFD71E, #FFC00C);
	background-image: linear-gradient(to bottom, #FFD71E, #FFC00C);
	text-align: center;
	border: 1px solid #AAA;
	background-color: #FFC00C;
	color: #313131 !important;
}
.btnRedA:link,
a.btnAccountB1:link{ text-decoration: none; }
.btnRedA:hover,
a.btnAccountB1:hover {
	background-image: -webkit-linear-gradient(#FFE710, #FFC00C);
	background-image: linear-gradient(to bottom, #FFE710, #FFC00C);
	background-color: #FFC00C;
}
.btnRedA:active,
a.btnAccountB1:active {
	background-image: -webkit-linear-gradient(#FFC00C, #FFD71E);
	background-image: linear-gradient(to bottom, #FFC00C, #FFD71E);
	box-shadow: inset -1px -1px 0 rgba(255, 255, 255, 0.5), -1px -1px 0 rgba(0, 0, 0, 0.1);
}
.btnRedA:link,
a.btnAccountB1:link,
.btnRedA:visited,
a.btnAccountB1:visited,
.btnRedA:hover,
＃ｆｆｆ{ color: #333; }
.btnRedA .icoS,
a.btnAccountB1 .icoS{ margin-left: -24px; }
.btnRedA .icoM,
a.btnAccountB1 .icoM{ margin-left: -30px; }
a.btnContact {
	width: 100%;
	padding: 8px 0;
	text-align: center;
}
a.btnContact:active{ padding: 9px 0 7px; }
a.btnContact .icoM{ margin-left: -20px; }
a.btnAccountA{ padding: 8px 10px; }
a.btnAccountA:active{ padding: 9px 10px 7px; }
a.btnLogin{ padding: 8px 10px; }
a.btnLogin:active{ padding: 9px 10px 7px; }
.btnRssA,
.btnRssB,
.btnMoreA,
.btnMoreB,
.btnDrawerSwitch {
	display: inline-block;
	border: 1px solid #AAA;
	vertical-align: text-bottom;
	padding: 5px 5px;
}
.open .btnRssA,
.btnRssA:active,
.open
.btnRssB,
.btnRssB:active,
.open
.btnMoreA,
.btnMoreA:active,
.open
.btnMoreB,
.btnMoreB:active,
.open
.btnDrawerSwitch,
.btnDrawerSwitch:active {
	background-image: -webkit-linear-gradient(#949494, #6B6B6B);
	background-image: linear-gradient(to bottom, #949494, #6B6B6B);
	background-color: #6B6B6B;
	box-shadow: 0 2px 3px #666666 inset , -1px -1px 0 #666666;
	padding: 6px 5px 4px;
}
.btnRssA i,
.btnRssB i,
.btnMoreA i,
.btnMoreB i,
.btnDrawerSwitch i{ display: block; }
.btnRssB,
.btnMoreB{ box-shadow: -1px -1px 0 #FFFFFF inset, 1px 1px 0 #6B6B6B; }
.btnDrawerSwitch{ display: none; }
.openDrawerNav .btnDrawerSwitch,
.open .btnDrawerSwitch,
.btnDrawerSwitch:active {
	text-shadow: none;
	border: 1px solid #666;
}
.boxBtnS,
.boxBtnM,
.boxBtnL{ display: block; }
.boxBtnS{ padding: 1em; }
.boxBtnM{ padding: 1.5em; }
.boxBtnL{ padding: 2em; }
/*----------------------------------------------*/
/* snsNav
/*----------------------------------------------*/
.snsNav {
	margin: 0 1em;
	text-align: right;
}
.snsNav span {
	display: inline-block;
	vertical-align: middle;
}
.snsNav span iframe{ vertical-align: top; }
.snsNav span a{ display: block; }
.snsNav span a img{ vertical-align: top; }
.snsNav .facebook {
	width: 69px;
	overflow: hidden;
}
.snsNav .twitter{ margin-left: 0.5em; }
/*----------------------------------------------*/
/* bnrHover
/*----------------------------------------------*/
.bnrHover {
	display: inline-block;
	-webkit-transition: "all" 0.3s ease;
	-moz-transition: "all" 0.3s ease;
	-o-transition: "all" 0.3s ease;
	-ms-transition: "all" 0.3s ease;
	transition: "all" 0.3s ease;
}
.bnrHover img{ vertical-align: top; }
.bnrHover:hover{ box-shadow: 0 0 5px #333; }
.lt9 .bnrHover{ border: 5px solid #fff; }
.lt9 .bnrHover:hover{ border: 5px solid #333; }
/*----------------------------------------------*/
/* linkMore
/*----------------------------------------------*/
.linkMoreA{ display: inline-block; }
/*----------------------------------------------*/
/* Search
/*----------------------------------------------*/
.search {
	background-image: -webkit-linear-gradient(#FFF, #EEE);
	background-image: linear-gradient(to bottom, #FFF, #EEE);
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
	border: 1px solid #CFCFCF;
	background-color: #EEE;
	border-radius: 3px;
	padding: 8px 10px;
	border: 1px solid #CCC;
}
.search img,
.search input{ vertical-align: middle; }
.search .searchInner{ padding-left: 58px; }
.search .searchInner .searchText {
	float: left;
	width: 100%;
	margin-left: -58px;
}
.search .searchInner .searchText input {
	width: 100%;
	height: 23px;
}
.search .searchInner .btn {
	float: right;
	margin-left: -58px;
}
/*----------------------------------------------*/
/* navTab
/*----------------------------------------------*/
.tabNav {
	border: 1px solid #CCC;
	border-bottom: 2px solid #FF4B1E;
	border-radius: 6px 6px 0 0;
	overflow: hidden;
	background-image: -webkit-linear-gradient(#FFF, #EEE);
	background-image: linear-gradient(to bottom, #FFF, #EEE);
	margin: 0;
	padding-left: 0;
}
.tabNav li {
	float: left;
	display: inline-block;
	line-height: 1.1em;
	border-right: 1px solid #CCC;
}
.tabNav li a,
.tabNav li a:link,
.tabNav li span {
	color: #333;
	text-decoration: none;
	display: block;
	padding: 1em 15px 1em 30px;
	background-repeat: no-repeat;
	background-position: 10px 0.95em;
	background-image: url("../img/ico/ico_link01.png");
}
.tabNav li a:hover,
.tabNav li span.hover {
	color: #FF4B1E;
	background-color: #F7F7F7;
}
.tabNav li a:active,
.tabNav li span.active {
	color: #FF4B1E;
	box-shadow: inset 1px 2px 2px rgba(0, 0, 0, 0.2);
	background-color: #EEE;
}
.tabNav li.current {
	background-image: -webkit-linear-gradient(#949494, #6B6B6B);
	background-image: linear-gradient(to bottom, #949494, #6B6B6B);
	background-color: #FF4B1E;
}
.tabNav li.current a,
.tabNav li.current span,
.tabNav li.current a:link,
.tabNav li.current a:hover {
	text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
	color: #FFF;
	background-color: transparent;
	background-image: url("../img/ico/ico_linkdown02.png");
}
/*----------------------------------------------*/
/* fixFooterBox
/*----------------------------------------------*/
#fixFooterBox {
	position: fixed;
	bottom: 40px;
	left: 0;
	width: 100%;
	color: #FFF;
}
#fixFooterBox h2 {
	background-image: -webkit-linear-gradient(#949494, #6B6B6B);
	background-image: linear-gradient(to bottom, #949494, #6B6B6B);
	background-color: #6B6B6B;
	line-height: 30px;
	font-size: 18px;
	display: inline-block;
	padding: 5px 10px;
	position: relative;
	border-radius: 6px 6px 0 0;
	margin-left: 10px;
}
#fixFooterBox div {
	overflow: hidden;
	background-color: #6B6B6B;
}
#fixFooterBox div p {
	padding: 10px;
	font-size: 13px;
}
/*----------------------------------------------*/
/* pagingTab
/*----------------------------------------------*/
.pagingTab .current a,
.pagingTab .current a:link {
	pointer-events: none;
	color: #333;
	font-weight: bold;
}
.pagingTabView .spL{ margin-top: 0; }
/*----------------------------------------------*/
/* Text Color
/*----------------------------------------------*/
.generalCategory .txtCateColor,
.txtInvastKeyColor{ color: #FF4B1E; }
/* .etfCategory .txtCateColor,
.txtEtfKeyColor{ color: #CC0000; } */
.etfCategory .txtCateColor,
.txtEtfKeyColor{ color: #ff007d; }
.st24Category .txtCateColor,
.txtSt24KeyColor{ color: #0A2459; }
.triAutoCategory .txtCateColor,
.txtTriAutoKeyColor{ color: #ff4b1e; }
.fx24Category .txtCateColor,
.txtFx24KeyColor{ color: #2D4198; }
.fxCategory .txtCateColor,
.txtFxKeyColor{ color: #FD2917; }
.kabu365Category .txtCateColor,
.txtKabuKeyColor{ color: #06AC49; }
/*----------------------------------------------*/
/* Heading : .hdg[type]
/*----------------------------------------------*/
.hdgCategoryTitle {
	background-image: -webkit-linear-gradient(#949494, #6B6B6B);
	background-image: linear-gradient(to bottom, #949494, #6B6B6B);
	text-shadow: 0 0 2px rgba(51, 51, 51, 0.8);
	background-color: #949494;
	border-bottom: 3px solid #FF4B1E;
	color: #FFF;
}
.hdgCategoryTitle span {
	padding: 0.5em;
	display: block;
	border-bottom: 1px solid #FFF;
}
.hdgCategoryTitle small{ display: block; }
.hdgPageTitle {
	font-weight: bold;
	margin-bottom: 0.83em;
	font-size: 157%;
	line-height: 1.2;
	margin-top: 0;
}
.hdgPageTitle + .spL,
.hdgPageTitle + .spM,
.hdgPageTitle + .spS{ margin-top: 0; }
.hdgA{ font-weight: bold; }
.hdgSideA {
	border-top: 2px solid #949494;
	padding: 0.83em 0;
	margin: 0;
	font-size: 114%;
	font-weight: bold;
}
.hdgB {
	border-top: 2px solid #CCC;
	padding-top: 0.83em;
	font-weight: bold;
}
.hdgB span{ display: block; }
.hdgB .label {
	background-image: -webkit-linear-gradient(#666, #333);
	background-image: linear-gradient(to bottom, #666, #333);
	display: inline-block;
	color: #FFF;
	background-color: #333;
	line-height: 1.1em;
	padding: 0.35em 0.5em;
}
.hdgB .label span{ display: none; }
.hdgC {
	font-weight: bold;
	border-bottom: 1px dotted #AAA;
}
.hdgC span {
	display: block;
	border-left: 3px solid #AAA;
	padding: 0.3em;
	margin: 0.2em 0;
}
.hdgD{ font-weight: bold; }
.hdgD span {
	border-left: 3px solid #AAA;
	display: block;
	padding: 0 0.5em;
	margin: 0.5em 0;
}
.hdgE{ font-weight: bold; }
.hdgE span {
	display: block;
	line-height: 1;
}
.hdgGroupParaA h1,
.hdgGroupParaA h2,
.hdgGroupParaA h3{ display: inline-block; }

@media screen and (max-width: 640px) {
	h2 {
		font-size: 115%;
	}
	.hdgPageTitle {
		font-size: 130%;
	}
}

/* headign category coloring
/* ------------------------------------ */
/*----------------------------------------------*/
/* table design
/*----------------------------------------------*/
.tableCateTypeA .odd th,
.tableCateTypeA .odd td{ background-color: white; }
.categoryEtf .tableCateTypeA .odd th,
.categoryEtf .tableCateTypeA .odd td{ background-color: white; }
.categorySt24 .tableCateTypeA .odd th,
.categorySt24 .tableCateTypeA .odd td{ background-color: #eff3fd; }
.categoryTriAuto .tableCateTypeA .odd th,
.categoryTriAuto .tableCateTypeA .odd td{ background-color: white; }
.categoryFx .tableCateTypeA .odd th,
.categoryFx .tableCateTypeA .odd td{ background-color: white; }
.categoryFx24 .tableCateTypeA .odd th,
.categoryFx24 .tableCateTypeA .odd td{ background-color: white; }
.categoryKabu .tableCateTypeA .odd th,
.categoryKabu .tableCateTypeA .odd td{ background-color: white; }
/*----------------------------------------------*/
/* table design add by INVAST 20150311
/*----------------------------------------------*/
table.rateTable {
	width: 90%;
	max-width: 842px;
	margin: 40px auto 0px;
	text-align: center;
}
table.rateTable .rateTabletr th {
	background-color: #4c4c4c;
	color: white;
	font-weight: bold;
	font-size: 12px;
}
table.rateTable td.currency {
	font-weight: bold;
	font-size: 12px;
}
table.rateTable td{ font-size: 12px; }
table.rateTable .plus{ color: #08f140; }
table.rateTable .minus{ color: red; }
table.rateTable caption {
	text-align: left;
	font-weight: bold;
}
/*----------------------------------------------*/
/* ribbonBox
/*----------------------------------------------*/
.ribbonBoxA {
	background-color: #fff;
	box-shadow: 0 3px 3px #CCC;
	margin-left: 21px;
	margin-right: 21px;
	border: 1px solid #CCC;
	padding-bottom: 20px;
}
.hdgRibbonA {
	position: relative;
	z-index: 0;
	margin: 15px -21px 0;
	box-shadow: 0 3px 5px #CCC;
	background-color: #ff7451;
}
.hdgRibbonA span {
	z-index: 10;
	position: relative;
	display: block;
	padding: 0.5em 1.5em;
	border-bottom: 2px solid;
}
.hdgRibbonA:before,
.hdgRibbonA:after {
	z-index: 0;
	position: absolute;
	bottom: -20px;
	content: "";
	border: 20px solid;
}
.hdgRibbonA:before{ border-left: none; }
.hdgRibbonA:after {
	border-right: none;
	right: 0;
}
.hdgRibbonA span {
	background-image: -webkit-linear-gradient(#ff8060, #ff7451);
	background-image: linear-gradient(to bottom, #ff8060, #ff7451);
	background-color: #ff7451;
	border-color: #d12a00;
	text-shadow: 1px 1px 0 #d12a00;
	color: #FFF;
}
.hdgRibbonA:before,
.hdgRibbonA:after{ border-color: transparent #d12a00 transparent; }
/* .etfCategory .hdgRibbonA{ background-color: red; }
.etfCategory .hdgRibbonA span {
	background-image: -webkit-linear-gradient(#ff0f0f, red);
	background-image: linear-gradient(to bottom, #ff0f0f, red);
	background-color: red;
	border-color: maroon;
	text-shadow: 1px 1px 0 maroon;
	color: #FFF;
} */
.etfCategory .hdgRibbonA{ background-color: #ff007d; }
.etfCategory .hdgRibbonA span {
	background-image: -webkit-linear-gradient(#ff007d, #f50679);
	background-image: linear-gradient(to bottom, #ff007d, #f50679);
	background-color: #ff007d;
	border-color: #db046c;
	text-shadow: 1px 1px 0 #db046c;
	color: #FFF;
}
/* .etfCategory .hdgRibbonA:before,
.etfCategory .hdgRibbonA:after{ border-color: transparent maroon transparent; } */
.etfCategory .hdgRibbonA:before,
.etfCategory .hdgRibbonA:after{ border-color: transparent #db046c transparent; }
.st24Category .hdgRibbonA{ background-color: #0f3787; }
.st24Category .hdgRibbonA span {
	background-image: -webkit-linear-gradient(#113c95, #0f3787);
	background-image: linear-gradient(to bottom, #113c95, #0f3787);
	background-color: #0f3787;
	border-color: #020814;
	text-shadow: 1px 1px 0 #020814;
	color: #FFF;
}
.st24Category .hdgRibbonA:before,
.st24Category .hdgRibbonA:after{ border-color: transparent #020814 transparent; }
.triAutoCategory .hdgRibbonA{ background-color: #915fc1; }
.triAutoCategory .hdgRibbonA span {
	background-image: -webkit-linear-gradient(#996ac5, #915fc1);
	background-image: linear-gradient(to bottom, #996ac5, #915fc1);
	background-color: #915fc1;
	border-color: #512d74;
	text-shadow: 1px 1px 0 #512d74;
	color: #FFF;
}
.triAutoCategory .hdgRibbonA:before,
.triAutoCategory .hdgRibbonA:after{ border-color: transparent #512d74 transparent; }
.fxCategory .hdgRibbonA{ background-color: #fd584a; }
.fxCategory .hdgRibbonA span {
	background-image: -webkit-linear-gradient(#fe6659, #fd584a);
	background-image: linear-gradient(to bottom, #fe6659, #fd584a);
	background-color: #fd584a;
	border-color: #c61102;
	text-shadow: 1px 1px 0 #c61102;
	color: #FFF;
}
.fxCategory .hdgRibbonA:before,
.fxCategory .hdgRibbonA:after{ border-color: transparent #c61102 transparent; }
.fx24Category .hdgRibbonA{ background-color: #3952bf; }
.fx24Category .hdgRibbonA span {
	background-image: -webkit-linear-gradient(#415ac7, #3952bf);
	background-image: linear-gradient(to bottom, #415ac7, #3952bf);
	background-color: #3952bf;
	border-color: #1c285d;
	text-shadow: 1px 1px 0 #1c285d;
	color: #FFF;
}
.fx24Category .hdgRibbonA:before,
.fx24Category .hdgRibbonA:after{ border-color: transparent #1c285d transparent; }
.kabu365Category .hdgRibbonA{ background-color: #19cc61; }
.kabu365Category .hdgRibbonA span {
	background-image: -webkit-linear-gradient(#1bda68, #19cc61);
	background-image: linear-gradient(to bottom, #1bda68, #19cc61);
	background-color: #19cc61;
	border-color: #0b5a2b;
	text-shadow: 1px 1px 0 #0b5a2b;
	color: #FFF;
}
.kabu365Category .hdgRibbonA:before,
.kabu365Category .hdgRibbonA:after{ border-color: transparent #0b5a2b transparent; }
@media screen and (max-width: 640px) {
	.ribbonBoxA {
		margin-left: 11px;
		margin-right: 11px;
	}
	.hdgRibbonA{ margin: 15px -11px 0; }
	.hdgRibbonA:before,
	.hdgRibbonA:after {
		bottom: -10px;
		border-width: 10px;
		border-style: solid;
	}
	.hdgRibbonA:before{ border-left: none; }
	.hdgRibbonA:after{ border-right: none; }
	.isShowOnSP{ display: block !important; }
	.isHideOnSP{ display: none !important; }
}
@media screen and (max-width: 360px) {
	.ribbonBoxA {
		margin-left: 6px;
		margin-right: 6px;
	}
	.hdgRibbonA{ margin: 15px -6px 0; }
	.hdgRibbonA:before,
	.hdgRibbonA:after {
		bottom: -5px;
		border-width: 5px;
		border-style: solid;
	}
	.hdgRibbonA:before{ border-left: none; }
	.hdgRibbonA:after{ border-right: none; }
	.isShowOnSP{ display: block !important; }
	.isHideOnSP{ display: none !important; }
}
/*----------------------------------------------*/
/* wrapBox
/*----------------------------------------------*/
.wrapBoxA,
.wrapBoxB,
.wrapGrayBoxA,
.wrapRedBoxA {
	border-radius: 2px;
	border: 1px solid #CCC;
	padding: 1em;
	margin-top: 1em;
	box-shadow: 1px 1px 0 #EEE;
	background-color: #fff;
}
.wrapBoxA .wrapName,
.wrapBoxB .wrapName,
.wrapGrayBoxA .wrapName,
.wrapRedBoxA .wrapName {
	display: block;
	line-height: 1em;
	border-bottom: 1px solid #CCC;
	padding-bottom: 1em;
	margin-top: 1em;
	margin-bottom: 1em;
}
.wrapBoxA > p:last-child,
.wrapBoxB > p:last-child,
.wrapGrayBoxA > p:last-child,
.wrapRedBoxA > p:last-child,
.wrapBoxA > ul:last-child,
.wrapBoxB > ul:last-child,
.wrapGrayBoxA > ul:last-child,
.wrapRedBoxA > ul:last-child{ margin-bottom: 0; }
.wrapBoxB{ border-width: 5px; }
.wrapGrayBoxA{ background-color: #EEE; }
.wrapGrayBoxA .wrapName {
	border-color: #FFF;
	box-shadow: inset 0 -1px 0 #CCC;
}
.wrapRedBoxA{ border-color: #FF4136; }
/*----------------------------------------------*/
/* columnBox
/*----------------------------------------------*/
.columnBox2,
.columnBox3,
.columnBox4,
.columnBox5,
.columnBox6 {
	width: 100%;
	letter-spacing: -.40em;
}
.colDx1 {
	letter-spacing: normal;
	display: inline-block;
	vertical-align: top;
	margin-top: 1.5em;
}
/* columnBox2 : margin divisible 2,4,6,8,10,12,14,16,18,20... */
.columnBox2 .colDx1{ width: 50%; }
.columnBox2 .colDx1:nth-child(-n+2),
.lt9 .columnBox2 .col2n1:nth-child(-n+2),
.lt9 .columnBox2 .col2n2:nth-child(-n+2){ margin-top: 0; }
.columnBox2 .colDx1:nth-child(2n+1) .colInner,
.lt9 .columnBox2 .col2n1 .colInner{ margin-right: 10px; }
.columnBox2 .colDx1:nth-child(2n+2) .colInner,
.lt9 .columnBox2 .col2n2 .colInner{ margin-left: 10px; }
/* columnBox3 : margin divisible 3,6,9,12,15,18,21,24,27,30... */
.columnBox3 .colDx1{ width: 33.33%; }
.columnBox3 .colDx1:nth-child(-n+3),
.lt9 .columnBox3 .col3n1:nth-child(-n+3),
.lt9 .columnBox3 .col3n2:nth-child(-n+3),
.lt9 .columnBox3 .col3n3:nth-child(-n+3){ margin-top: 0; }
.columnBox3 .colDx1:nth-child(3n+1) .colInner,
.lt9 .columnBox3 .col3n1 .colInner{ margin-right: 14px; }
.columnBox3 .colDx1:nth-child(3n+2) .colInner,
.lt9 .columnBox3 .col3n2 .colInner {
	margin-left: 7px;
	margin-right: 7px;
}
.columnBox3 .colDx1:nth-child(3n+3) .colInner,
.lt9 .columnBox3 .col3n3 .colInner{ margin-left: 14px; }
/* columnBox4 : margin divisible 4,8,12,16,20,24,28,32,36,40... */
.columnBox4 .colDx1{ width: 25%; }
.columnBox4 .colDx1:nth-child(-n+4),
.lt9 .columnBox4 .col4n1:nth-child(-n+4),
.lt9 .columnBox4 .col4n2:nth-child(-n+4),
.lt9 .columnBox4 .col4n3:nth-child(-n+4),
.lt9 .columnBox4 .col4n4:nth-child(-n+4){ margin-top: 0; }
.columnBox4 .colDx1:nth-child(4n+1) .colInner,
.lt9 .columnBox4 .col4n1 .colInner{ margin-right: 15px; }
.columnBox4 .colDx1:nth-child(4n+2) .colInner,
.lt9 .columnBox4 .col4n2 .colInner {
	margin-left: 5px;
	margin-right: 10px;
}
.columnBox4 .colDx1:nth-child(4n+3) .colInner,
.lt9 .columnBox4 .col4n3 .colInner {
	margin-left: 10px;
	margin-right: 5px;
}
.columnBox4 .colDx1:nth-child(4n+4) .colInner,
.lt9 .columnBox4 .col4n4 .colInner{ margin-left: 15px; }
/* columnBox5 : margin divisible 5,10,15,20,25,30,35,40,45,50... */
.columnBox5 .colDx1{ width: 20%; }
.columnBox5 .colDx1:nth-child(-n+5),
.lt9 .columnBox5 .col5n1:nth-child(-n+5),
.lt9 .columnBox5 .col5n2:nth-child(-n+5),
.lt9 .columnBox5 .col5n3:nth-child(-n+5),
.lt9 .columnBox5 .col5n4:nth-child(-n+5),
.lt9 .columnBox5 .col5n5:nth-child(-n+5){ margin-top: 0; }
.columnBox5 .colDx1:nth-child(5n+1) .colInner,
.lt9 .columnBox5 .col5n1 .colInner{ margin-right: 16px; }
.columnBox5 .colDx1:nth-child(5n+2) .colInner,
.lt9 .columnBox5 .col5n2 .colInner {
	margin-left: 4px;
	margin-right: 12px;
}
.columnBox5 .colDx1:nth-child(5n+3) .colInner,
.lt9 .columnBox5 .col5n3 .colInner {
	margin-left: 8px;
	margin-right: 8px;
}
.columnBox5 .colDx1:nth-child(5n+4) .colInner,
.lt9 .columnBox5 .col5n4 .colInner {
	margin-left: 12px;
	margin-right: 4px;
}
.columnBox5 .colDx1:nth-child(5n+5) .colInner,
.lt9 .columnBox5 .col5n5 .colInner{ margin-left: 16px; }
/* columnBox6 : margin divisible 6,12,18,24,30,36,42,48,54,60... */
.columnBox6 .colDx1{ width: 16.66%; }
.columnBox6 .colDx1:nth-child(-n+6),
.lt9 .columnBox6 .col6n1:nth-child(-n+6),
.lt9 .columnBox6 .col6n2:nth-child(-n+6),
.lt9 .columnBox6 .col6n3:nth-child(-n+6),
.lt9 .columnBox6 .col6n4:nth-child(-n+6),
.lt9 .columnBox6 .col6n5:nth-child(-n+6),
.lt9 .columnBox6 .col6n6:nth-child(-n+6){ margin-top: 0; }
.columnBox6 .colDx1:nth-child(6n+1) .colInner,
.lt9 .columnBox6 .col6n1 .colInner{ margin-right: 15px; }
.columnBox6 .colDx1:nth-child(6n+2) .colInner,
.lt9 .columnBox6 .col6n2 .colInner {
	margin-left: 3px;
	margin-right: 12px;
}
.columnBox6 .colDx1:nth-child(6n+3) .colInner,
.lt9 .columnBox6 .col6n3 .colInner {
	margin-left: 6px;
	margin-right: 9px;
}
.columnBox6 .colDx1:nth-child(6n+4) .colInner,
.lt9 .columnBox6 .col6n4 .colInner {
	margin-left: 9px;
	margin-right: 6px;
}
.columnBox6 .colDx1:nth-child(6n+5) .colInner,
.lt9 .columnBox6 .col6n5 .colInner {
	margin-left: 12px;
	margin-right: 3px;
}
.columnBox6 .colDx1:nth-child(6n+6) .colInner,
.lt9 .columnBox6 .col6n6 .colInner{ margin-left: 15px; }
/*--------------------------------------------- */
/* blockLinkList
/*--------------------------------------------- */
.blockLinkList li{ border-top: 1px dashed #DDD; }
.blockLinkList li:first-child{ border-top: none; }
.blockLinkList a {
	-webkit-transition: background-color 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	-moz-transition: background-color 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition: background-color 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	-ms-transition: background-color 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	transition: background-color 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	position: relative;
	overflow: hidden;
	display: block;
	padding: 0.5em 0.5em 0.5em 8em;
	text-decoration: none;
}
.blockLinkList a .item {
	color: #333;
	display: inline-block;
	float: left;
	margin-left: -7.5em;
	width: 6.5em;
}
.blockLinkList a .item i{ display: block; }
.blockLinkList a .item .date {
	font-weight: bold;
}
.blockLinkList a:hover {
	background-color: #FFF;
	border-radius: 6px;
}
.blockLinkList a:hover .title,
.blockLinkList a:hover .contents{ text-decoration: underline; }
.blockLinkList a:active {
	color: #999;
	text-decoration: none;
}
.blockLinkList .thumb{ vertical-align: top; }
.blockLinkList .categoryIcons i{ margin-right: 3px; }
/*----------------------------------------------*/
/* bannerList
/*----------------------------------------------*/
.bannerList li,
.bannerList--M li,
.bannerList--L li {
	margin-top: 0.5em;
	text-align: center;
	color: #999;
}
.bannerList li span,
.bannerList--M li span,
.bannerList--L li span {
	display: inline-block;
	vertical-align: middle;
	padding: 1.5em;
}
.bannerList li a,
.bannerList--M li a,
.bannerList--L li a {
	display: block;
	text-align: center;
}
.bannerList li:hover,
.bannerList--M li:hover,
.bannerList--L li:hover{ box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); }
.bannerList li:active,
.bannerList--M li:active,
.bannerList--L li:active{ box-shadow: none; }
.bannerList li:first-child,
.bannerList--M li:first-child,
.bannerList--L li:first-child{ margin-top: 0; }
.bannerList img,
.bannerList--M img,
.bannerList--L img {
	width: 100%;
	vertical-align: top;
}
.bannerList--M li{ margin-top: 1.5em; }
.bannerList--L li{ margin-top: 2em; }
/*----------------------------------------------*/
/* marketCalendar
/*----------------------------------------------*/
#marketCalendar{ position: relative; }
.tableTypeMarket{ font-size: 10px; }
.tableTypeMarket b{ display: block; }
.tableTypeMarket th,
.tableTypeMarket td {
	line-height: 1.3em;
	text-align: center;
	padding: 3px;
}
.tableTypeMarket th {
	background-color: #949494;
	color: #FFF;
	padding: 3px 0;
}
.tableTypeMarket .odd{ background-color: #EEE; }
/*----------------------------------------------*/
/* blogBattle
/*----------------------------------------------*/
#blogBattle .newsList {
	overflow: hidden;
	margin-bottom: -1px;
}
#blogBattle .newsList ul li {
	border-bottom: 1px solid #CCC;
	padding: 0.5em 0;
}
#blogBattle .newsList ul li a{ display: block; }
/*----------------------------------------------*/
/* faqList
/*----------------------------------------------*/
#faqList .hdgC{ margin: 1px; }
#faqList .itemList{ margin-top: 0; }
#faqList .itemList li {
	border-top: 1px solid #CCCCCC;
	padding-left: 3.8em;
}
#faqList .itemList li a {
	text-decoration: none;
	display: block;
}
#faqList .itemList li a:hover{ text-decoration: underline; }
#faqList .itemList li a:active{ text-decoration: none; }
#faqList .itemList .item {
	box-shadow: inset -1px -1px 0 #FFF;
	text-shadow: -1px -1px 0 #FFF;
	border: 1px solid #FF4B1E;
	color: #FF4B1E;
	background-color: #fff;
	text-align: center;
	font-style: normal;
	border-radius: 3px;
	margin-left: -3.8em;
	width: 3em;
}
/* #faqList li + li {
	border-top: 1px solid #CCC;
	padding: 0.5em 0;
} */
#faqList li {
	border-bottom: 1px solid #CCC;
	padding: 0.5em 0;
}
/*----------------------------------------------*/
/* newsList
/*----------------------------------------------*/
.newsList .loading {
	overflow: hidden;
	text-indent: -7777px;
	padding: 150px 0;
	text-align: center;
	background: url("../img/loading02.gif") no-repeat center 50%;
	text-shadow: 0 0 1px #FFF;
}
/*----------------------------------------------*/
/* error404
/*----------------------------------------------*/
.error404 #contents .contentsInner{ padding-left: 0; }
.error404 #contents .contentsInner #main{ margin-left: 0; }
.error404 .btnDrawerSwitch{ display: none; }
.error404 #main .mainInner {
	/*border: 1px solid #DDD;*/
	padding: 5em;
}
.error404 .pagePathNav{ display: none; }
.error404 .jumpNav {
	border: 1px solid #DDD;
	padding: 1em 1em 1em 2.5em;
}
.error404 .jumpNav li{ margin-top: 0.25em; }
.error404 .jumpNav li:first-child{ margin-top: 0; }
@media screen and (max-width: 640px) {
	.error404 #main .mainInner{ padding: 3em; }
}
/*----------------------------------------------*/
/* serviceList
/*----------------------------------------------*/
.serviceList{ /*	&--3{
		.serviceList__item{
			width: 33.33333%;
		}
		@include media_screen(0,400){
			&--3{
				.serviceList__item{
					width: 50%;
				}
			}
		}
	}
	@include media_screen(0,900){
		&--3{
			.serviceList__item{
				width: 50%;
			}
		}
	}
	@include media_screen(0,640){
		&--3{
			.serviceList__item{
				width: 33.33333%;
			}
		}
	}
	@include media_screen(0,600){
		&--3{
			.serviceList__item{
				width: 50%;
			}
		}
	}
	@include media_screen(0,380){
		&--3{
			.serviceList__item{
				width: 100%;
			}
		}
	}*/ }
.serviceList__list {
	padding-left: 0;
	list-style: none;
	margin-top: -1.8%;
	margin-left: -0.6%;
	margin-right: -0.6%;
}
.serviceList__item {
	overflow: hidden;
	display: inline-block;
	box-sizing: border-box;
	margin-top: 1.8%;
	margin-bottom: 1.8%;
	padding-left: 0.6%;
	padding-right: 0.6%;
}
.serviceList__item:nth-child(n+4){ width: 33.33333%; }
.serviceList__item:nth-child(n+4) .serviceList__btn{ display: block; }
.serviceList__btn {
	position: relative;
	display: inline-block;
	border: 1px solid #ccc;
	padding: 8px;
	margin: 5px;
	background-image: -webkit-linear-gradient(#faf9f6, #f3f1eb);
	background-image: linear-gradient(to bottom, #faf9f6, #f3f1eb);
}
.serviceList__btn,
.serviceList__btn:link,
.serviceList__btn:visited{ color: inherit; }
.serviceList__btn:hover{ text-decoration: none; }
/* .item--etf .serviceList__btn:hover {
	border-color: #CC0000;
	color: #CC0000;
} */
.item--etf .serviceList__btn:hover {
	border-color: #ff007d;
	color: #ff007d;
}
.item--st24 .serviceList__btn:hover {
	border-color: #0A2459;
	color: #0A2459;
}
.item--triAuto .serviceList__btn:hover {
	border-color: #ff4b1e;
	color: #ff4b1e;
}
.item--fx24 .serviceList__btn:hover {
	border-color: #2D4198;
	color: #2D4198;
}
.item--fx .serviceList__btn:hover {
	border-color: #FD2917;
	color: #FD2917;
}
.item--kabu365 .serviceList__btn:hover {
	border-color: #06AC49;
	color: #06AC49;
}
/* .item--maimate .serviceList__btn:hover {
	border-color: #03a9f4;
	color: #03a9f4;
} */
.item--maimate .serviceList__btn:hover {
	border-color: #000000;
	color: #000000;
}
.serviceList__title{ display: block; }
.serviceList__title:before {
	content: "";
	display: inline-block;
	width: 0;
	height: 100%;
}
.serviceList__title:before,
.serviceList__logo {
	vertical-align: middle;
	display: inline-block;
}
.serviceList__logo {
	vertical-align: middle;
	display: inline-block;
}
.item--st24 .serviceList__logo {
	margin-right: -10px;
	margin-left: -10px;
}
.item--fx24 .serviceList__logo {
	margin-right: -30px;
	margin-left: -30px;
}
.item--fx .serviceList__logo {
	margin-right: -15px;
	margin-left: -15px;
}
.item--kabu365 .serviceList__logo {
	margin-right: -15px;
	margin-left: -15px;
}
.item--maimate .serviceList__logo {
	margin-right: -15px;
	margin-left: -15px;
}
.serviceList__description {
	padding-top: 0.5em;
	margin: 0 0 0.5em;
	line-height: 1.5;
	display: block;
	overflow: hidden;
}
.serviceList__lead {
	white-space: nowrap;
	font-weight: bold;
	display: inline-block;
	vertical-align: middle;
}
@media screen and (min-width: 961px) and (max-width: 1200px) {
	.serviceList__item:nth-child(n+4){ text-align: center; }
	.serviceList__item:nth-child(n+4) .serviceList__logo {
		display: block;
		margin: 0 auto;
	}
}
@media screen and (min-width: 641px) and (max-width: 960px) {
	.serviceList__item:nth-child(n+4){ width: 100%; }
}
@media screen and (min-width: 621px) and (max-width: 641px) {
	.serviceList__item:nth-child(n+4){ text-align: center; }
	.serviceList__item:nth-child(n+4) .serviceList__logo {
		display: block;
		margin: 0 auto;
	}
}
@media screen and (max-width: 620px) {
	.serviceList__item:nth-child(n+4){ width: 100%; }
}

/*----------------------------------------------*/
/* accordion
/*----------------------------------------------*/
.accordion__item {
	background-color: #fff;
	position: relative;
	overflow: hidden;
	margin: 0.5em 0;
	border: 1px solid #CCC;
}
.accordion__header {
	position: relative;
	letter-spacing: -0.35em;
}
.accordion__title,
.accordion__date {
	display: inline-block;
	vertical-align: middle;
	letter-spacing: normal;
	box-sizing: border-box;
	padding: 1em;
}
.accordion__date {
	width: 20%;
	height: 100%;
	line-height: 1.2;
	font-size: 86%;
}
.accordion__date:before {
	content: "";
	height: 100%;
	width: 0;
	display: inline-block;
	vertical-align: middle;
}
.accordion__date + .accordion__title{ border-left: 1px solid #CCC; }
.accordion__title {
	width: 80%;
	font-size: inherit;
	margin: 0;
	padding-right: 60px;
}
.accordion__btn {
	cursor: pointer;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	margin: auto 0;
	border-radius: 18px;
	width: 30px;
	height: 30px;
	border: 1px solid #CCC;
}
.accordion__btn:before,
.accordion__btn:after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	content: "";
	width: 12px;
	height: 2px;
	background-color: #666;
	display: block;
}
.accordion__body {
	background-color: #F5F5F5;
	box-shadow: inset 0 5px 5px -4px rgba(0, 0, 0, 0.5);
	transition: height 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	border-top: 1px solid #CCC;
	margin-bottom: -1px;
	height: 0;
	letter-spacing: -0.35em;
}
.accordion__body section{ overflow: hidden; }
.accordion__body section + section{ border-top: 1px solid #CCC; }
.accordion__caption,
.accordion__content {
	box-sizing: border-box;
	letter-spacing: normal;
	padding: 0 1em;
}
.accordion__caption,
.accordion__caption + .accordion__content {
	display: inline-block;
	vertical-align: middle;
}
.accordion__caption {
	width: 20%;
	text-align: center;
}
.accordion__caption + .accordion__content {
	width: 80%;
	border-left: 1px solid #CCC;
}
.accordion--open .accordion__btn {
	background-color: #F0F0F0;
	box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.5);
}
.accordion--open .accordion__btn:before,
.accordion--open .accordion__btn:after{ background-color: #555; }
.accordion--close .accordion__body{ height: 0; }
.accordion--close .accordion__btn:before {
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
}
@media screen and (max-width: 1000px) {
	.accordion__date{ width: 25%; }
	.accordion__title{ width: 75%; }
}
@media screen and (max-width: 680px) {
	.accordion__date{ font-size: 71%; }
}

/*----------------------------------------------*/
/* Fix Layout
/*----------------------------------------------*/
.fix #header {
	position: fixed;
	top: 0;
	width: 100%;
}
/**.fix #header .headerInner{ height: 50px; }**/
/**.fix #siteId{ padding-top: 7px; }**/
.fix .globalNav {
	position: fixed;
	/**top: 40px;**/
}
.fix #assistHeaderNav {
	width: 100%;
	position: fixed;
	top: 10px;
}
.fix #assistHeaderNav ul {
	margin-top: 0;
	top: 0;
}
/**.fix #assistHeaderNav .btnLogin,
.fix #assistHeaderNav .btnAccountA{ padding: 3px 8px; }**/
/**.fix #assistHeaderNav .btnLogin img,
.fix #assistHeaderNav .btnAccountA img{ height: 22px; }**/
.fix.blogCategory #header .headerInner,
.fix.companyCategory #header .headerInner,
.fix.detailPage #header .headerInner,
.fix.noGlobalNav #header .headerInner{ height: 45px; }
.fix.blogCategory #siteId,
.fix.companyCategory #siteId,
.fix.detailPage #siteId,
.fix.noGlobalNav #siteId{ padding-top: 12px; }
.fix.blogCategory #assistHeaderNav,
.fix.companyCategory #assistHeaderNav,
.fix.detailPage #assistHeaderNav,
.fix.noGlobalNav #assistHeaderNav{ top: 45px; }
.fix.blogCategory #assistHeaderNav ul,
.fix.companyCategory #assistHeaderNav ul,
.fix.detailPage #assistHeaderNav ul,
.fix.noGlobalNav #assistHeaderNav ul{ top: -42px; }
.fix.blogCategory #assistHeaderNav .btnLogin,
.fix.blogCategory #assistHeaderNav .btnAccountA,
.fix.companyCategory #assistHeaderNav .btnLogin,
.fix.companyCategory #assistHeaderNav .btnAccountA,
.fix.detailPage #assistHeaderNav .btnLogin,
.fix.detailPage #assistHeaderNav .btnAccountA,
.fix.noGlobalNav #assistHeaderNav .btnLogin,
.fix.noGlobalNav #assistHeaderNav .btnAccountA{ padding: 5px 8px; }
.fix.blogCategory #assistHeaderNav .btnLogin img,
.fix.blogCategory #assistHeaderNav .btnAccountA img,
.fix.companyCategory #assistHeaderNav .btnLogin img,
.fix.companyCategory #assistHeaderNav .btnAccountA img,
.fix.detailPage #assistHeaderNav .btnLogin img,
.fix.detailPage #assistHeaderNav .btnAccountA img,
.fix.noGlobalNav #assistHeaderNav .btnLogin img,
.fix.noGlobalNav #assistHeaderNav .btnAccountA img{ height: 24px; }
@media screen and (max-width: 640px) {
	.fix .headerInner:after {
		content: "";
		width: 0;
		height: 100%;
		display: inline-block;
		vertical-align: middle;
	}
	/**.fix #siteId {
		display: inline-block;
		vertical-align: middle;
		padding: 0 !important;
	}**/
	.fix #assistHeaderNav{ top: 9px; }
	/* .fix .globalNav{ display: none; } */
	/*.fix #header{ border-bottom: 2px solid #FF4B1E; }*/
	/* .fix.etfCategory #header{ border-color: #CC0000; } */
	.fix.etfCategory #header{ border-color: #ff007d; }
	.fix.st24Category #header{ border-color: #0A2459; }
	.fix.triAutoCategory #header{ border-color: #ff4b1e; }
	.fix.fx24Category #header{ border-color: #2D4198; }
	.fix.fxCategory #header{ border-color: #FD2917; }
	.fix.kabu365Category #header{ border-color: #06AC49; }
	/**.fix .localNav{ top: 6px; }**/
}
.show--forTablet,
.show--forSmartPhone{ display: none; }
/*---------------------------------------------*/
/* Screen Max Width 1200px
/*---------------------------------------------*/
@media screen and (max-width: 1200px) {
	#header .headerInner,
	#footer .footerInner,
	#copyright .copyrightInner,
	#assistHeaderNav .assistHeaderNavInner,
	.pagePathNav{ width: auto; }
	#header .headerInner,
	#assistHeaderNav .assistHeaderNavInner,
	#copyright .copyrightInner {
		margin-left: 10px;
		margin-right: 10px;
	}
}
/*---------------------------------------------*/
/* Screen Max Width 1000px
/*---------------------------------------------*/
@media screen and (max-width: 1000px) {
	#siteId{ padding-left: 0; }
	#contents{ width: 100%; }
	/* navigation
	---------------------------------*/
	#nav .navInner {
		width: auto;
		padding: 0 150px 0 160px;
	}
	.globalNav__item {
		/* min-width: 100px; */
		/* min-width:17.6%; */
		min-width:21.1%;
		width: auto;
	}
	.globalNav__btn__inner{ padding: 0 0.8em; }
	.item--home .globalNav__btn__inner{ padding: 0; }
	/* columnBox
	---------------------------------*/
	.columnBox3 .colDx1{ width: 50%; }
	.columnBox3 .colDx1,
	.columnBox3 .colDx1:nth-child(-n+3){ margin-top: 15px; }
	.columnBox3 .colDx1:nth-child(2n+1) .colInner {
		margin-left: 0;
		margin-right: 8px;
	}
	.columnBox3 .colDx1:nth-child(2n+2) .colInner {
		margin-left: 8px;
		margin-right: 0;
	}
	.columnBox3 .colDx1:nth-child(1){ margin-top: 0; }
	.columnBox3 .colDx1:nth-child(2){ margin-top: 0; }
}
/*---------------------------------------------*/
/* Screen Max Width 768px
/*---------------------------------------------*/
@media screen and (max-width: 768px) {
	#keyVisual{ display: inline; }
	#second .blockAssistNav {
		top: 6px;
		right: 5px;
	}
	.blockLinkList .item img {
		width: 100%;
		height: auto;
	}
	.show--forTablet{ display: inherit; }
}
/*---------------------------------------------*/
/* Screen Max Width 760px
/*---------------------------------------------*/
/*---------------------------------------------*/
/* Screen Max Width - 640px
/*---------------------------------------------*/
@media screen and (max-width: 640px) {
	body{ font-size: inherit; }
	.show--forSmartPhone{ display: inherit; }
	.hide--forSmartPhone{ display: none; }
	/* responsive parameters
	---------------------------------*/
	/* z-index
	---------------------------------*/
	#nav{ z-index: 0; }
	/* space
	---------------------------------*/
	/* floatBox
	---------------------------------*/
	.floatBox .spFollow,
	.floatBoxRe .spFollow{ overflow: visible; }
	/* layout
	---------------------------------*/
	.home #contents .contentsInner,
	.category #contents .contentsInner{ padding-left: 0; }
	.home #contents #main,
	.home #contents #second,
	.category #contents #main,
	.category #contents #second{ margin-left: 0; }
	.home #contents #main,
	.category #contents #main{ float: none; }
	.home #contents #second,
	.category #contents #second{ width: 100%; }
	#copyright{ position: relative; }
	/* fixFooterBox
	---------------------------------*/
	#fixFooterBox {
		bottom: 0;
		display: none;
	}
	/* navigation
	---------------------------------*/
	#nav .navInner {
		padding: 0;
		margin: 0;
		background-color: #fff;
		overflow: hidden;
	}
	#nav .navInner ul {
		margin-bottom: -1px;
		height: auto;
	}
	#nav .navInner ul li {
		overflow: hidden;
		width: 33.33%;
		border-bottom: 1px solid #CCC;
		margin-top: 0;
	}
	#nav .navInner ul li.btnHome {
		margin-left: 0;
		height: 46px;
	}
	#nav .navInner ul li.btnHome a {
		font-size: 15px;
		text-indent: 0;
		padding: 18px 0;
	}
	#nav .navInner ul li.btnHome a,
	#nav .navInner ul li.btnHome a:link,
	#nav .navInner ul li.btnHome a:visited,
	#nav .navInner ul li.btnHome a:hover{ color: #333; }
	#nav .navInner ul li.btnHome a,
	#nav .navInner ul li:nth-child(4) a{ border-right: 1px solid #CCC; }
	#nav .navInner ul li:nth-child(3) a,
	#nav .navInner ul li:last-child a{ border-left: 1px solid #CCC; }
	.localNav {
		position: fixed;
		top: 11px;
		right: 10px;
		background-color: rgba(0, 0, 0, 0.85);
		border: 1px solid #2C2C2C;
		/* z-index: 9999; */
		z-index: 10;
		transition: all 0.5s ease;
		width: 36px;
		height: 36px;
	}
	.localNav a,
	.localNav a:link,
	.localNav a:visited{ color: #fff; }
	.localNav a:hover {
		font-weight: normal;
		font-size: 100%;
	}
	.localNav .current em,
	.localNav .current a{ font-size: 100%; }
	.localNav__inner{ height: 0; }
	.localNav__list{ opacity: 0; }
	.localNav__title {
		transition: all 0.5s ease;
		position: absolute;
		right: 0;
		top: 0;
		display: block;
		width: 28px;
		height: 28px;
		padding: 4px;
		text-align: center;
		cursor: pointer;
		margin: 0;
		z-index: 111;
	}
	.localNav__title:before {
		content: "";
		height: 100%;
		width: 0;
		display: inline-block;
		vertical-align: middle;
	}
	.localNav__title__inner {
		background: url("../img/ico/ico_invast.png") no-repeat 0 -39px;
		overflow: hidden;
		text-align: left;
		text-indent: -777px;
		vertical-align: middle;
		width: 28px;
		height: 28px;
		display: inline-block;
	}
	.localNav__list{ margin: 0; }
	.localNav__item {
		border-top: 1px solid #2C2C2C;
		border-bottom: 1px solid #000;
	}
	.localNav__btn {
		padding: 10px;
		display: block;
	}
	.localNav .current .localNav__btn,
	.localNav em.localNav__btn{ background-color: rgba(255, 255, 255, 0.5); }
	.localNav .item--login .localNav__btn{ color: #FFDC00; }
	.localNav--close {
		bottom: 15px;
		width: 36px;
		height: 36px;
		border-radius: 3px;
		overflow: hidden;
	}
	.localNav--close .localNav__list{ opacity: 0; }
	.localNav--open {
		top: 0 !important;
		right: 0;
		width: 80%;
		height: 100%;
		border: none;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
		padding-top: 50px;
		box-sizing: border-box;
	}
	.localNav--open .localNav__title {
		padding: 4px;
		top: 5px;
		right: 10px;
	}
	.localNav--open .localNav__inner {
		height: 100%;
		overflow: auto;
		border-bottom: 1px solid #2C2C2C;
		box-shadow: inset 0 -5px 10px rgba(0, 0, 0, 0.9);
	}
	.localNav--open .localNav__list{ opacity: 1; }
	.localNav--open .localNav__title__inner{ background-position: -56px -38px; }
	.localNav__accountBtn{ display: none; }
	.localNav .icoExternal{ background-position: -304px 0; }
	#localNavBg{ display: block; }
	.btnDrawerSwitch{ display: block; }
	.openDrawerNav,
	.openDrawerNav #wrapper{ height: 100%; }
	.openDrawerNav #wrapper #wrapperInner {
		position: static;
		margin-left: -80%;
		padding-right: 80%;
	}
	#assistHeaderNav .btnAccountA {
		display: none;
		position: fixed;
	}
	#assistHeaderNav .assistHeaderNavInner ul {
		display: block;
		padding-right: 46px;
	}
	.detailPage #assistHeaderNav ul,
	.noGlobalNav #assistHeaderNav ul {
		padding-right: 0;
	}


	/*
		toPageTop
	*/
	#toPageTop a {
		width: 38px;
		height: 38px;
		border-radius: 3px;
		background: rgba(0, 0, 0, 0.5) url("../img/nav/topagetop.png") no-repeat 5px 5px;
		background-size: 28px 73px;
	}
	#toPageTop a:hover{ background-position: 5px -33px; }
	.fixedToPageTop a {
		bottom: 15px;
		right: 10px;
	}
	/* blockLinkList
	---------------------------------*/
	.blockLinkList a {
		line-height: 1.5em;
		word-break: normal;
	}
	.home .blockLinkList li{ display: none; }
	.home .blockLinkList li:nth-child(1),
	.home .blockLinkList li:nth-child(2),
	.home .blockLinkList li:nth-child(3){ display: block; }
	/* newsList
	---------------------------------*/
	.home .newsList .columnBox3 li{ display: none; }
	.home .newsList .columnBox3 li:nth-child(1),
	.home .newsList .columnBox3 li:nth-child(2){ display: inline-block; }
	/* bannerList
	---------------------------------*/
	.bannerList,
	.bannerList--M,
	.bannerList--L {
		text-align: center;
		width: 100%;
	}
	.bannerList li,
	.bannerList--M li,
	.bannerList--L li {
		float: left;
		width: 50%;
		margin-top: 1em;
		position: relative;
	}
	.bannerList li a,
	.bannerList--M li a,
	.bannerList--L li a {
		display: block;
		margin: 2px;
	}
	.bannerList li:hover,
	.bannerList--M li:hover,
	.bannerList--L li:hover{ box-shadow: none; }
	.bannerList li:nth-child(-n+2),
	.bannerList--M li:nth-child(-n+2),
	.bannerList--L li:nth-child(-n+2){ margin-top: 0; }
	.bannerList li:nth-child(odd),
	.bannerList--M li:nth-child(odd),
	.bannerList--L li:nth-child(odd){ clear: both; }
	/* smartPhone show / hide
	/* ----------------------------- *
	.isShowOnSP{
		display: block!important;
	}
	.isHideOnSP{
		display: none!important;
	}
	/**/
}
/*---------------------------------------------*/
/* Screen Max Width - 480px
/*---------------------------------------------*/
@media screen and (max-width: 480px) {
	#header .headerInner{ height: 94px; }
	#siteId {
		position: relative;
		padding-top: 10px;
		width: 39%;
		height: 36px;
		font-size: 0;
	}
	#siteId:before,
	#siteId h1,
	#siteId p {
		font-size: 0;
		display: inline-block;
		vertical-align: middle;
	}
	#siteId h1,
	#siteId p{ width: 100%; }
	#siteId img {
		max-width: 100%;
		height: auto;
	}
	#siteId:before {
		content: "";
		height: 100%;
		width: 0;
		margin-left: -2px;
	}
	/**.fix #siteId {
		padding-top: 2px;
		height: 30px;
	}**/
	.globalNav{ top: 57px; }
	#assistHeaderNav ul {
		position: absolute;
		text-align: right;
		top: -85px;
		right: 0;
		width: 45%;
		white-space: nowrap;
	}
	#assistHeaderNav ul:after {
		content: "";
		height: 100%;
		width: 0;
		display: inline-block;
		vertical-align: middle;
	}
	#assistHeaderNav ul li {
		display: inline-block;
		vertical-align: middle;
		text-align: left;
		box-sizing: border-box;
	}
	#assistHeaderNav ul li + li{ margin-left: 0; }
	#assistHeaderNav ul a {
		box-sizing: border-box;
		display: block;
	}
	#assistHeaderNav ul li:first-child a{ margin-right: 5px; }
	#assistHeaderNav ul li:last-child a{ margin-left: 0; }
	#assistHeaderNav ul li:only-child a {
		margin-left: 0;
		margin-right: 0;
	}
	/**20190603 #assistHeaderNav ul img{ width: 100%; }**/
	#assistHeaderNav .btnLogin {
		margin-left: -10px;
		text-align: center;
	}
	#assistHeaderNav .btnLogin a{ display: block; }
	.companyCategory #header .headerInner,
	.detailPage #header .headerInner,
	.noGlobalNav #header .headerInner{ height: 45px; }
	.companyCategory #siteId,
	.detailPage #siteId,
	.noGlobalNav #siteId{ padding-top: 3px; }
	.companyCategory #assistHeaderNav ul,
	.detailPage #assistHeaderNav ul,
	.noGlobalNav #assistHeaderNav ul {
		width: 50%;
		top: -44px;
	}
	.companyCategory #assistHeaderNav ul li,
	.detailPage #assistHeaderNav ul li,
	.noGlobalNav #assistHeaderNav ul li {
		/* width: 90%; */
		text-align: right;
	}
	.companyCategory #assistHeaderNav .btnLogin,
	.detailPage #assistHeaderNav .btnLogin,
	.noGlobalNav #assistHeaderNav .btnLogin{ display: inline-block; }
	.companyCategory #assistHeaderNav .btnLogin img,
	.detailPage #assistHeaderNav .btnLogin img,
	.noGlobalNav #assistHeaderNav .btnLogin img{ height: 24px; }
	.companyCategory.fix #siteId,
	.detailPage.fix #siteId,
	.noGlobalNav.fix #siteId{ padding-top: 6px; }

}

/*---------------------------------------------*/
/* Screen Max Width - 375px
/*---------------------------------------------*/
@media screen and (max-width: 375px) {
	/* columnBox
	---------------------------------*/
	.columnBox2 .colDx1,
	.columnBox3 .colDx1,
	.columnBox4 .colDx1,
	.columnBox5 .colDx1 {
		margin-top: 1.5em;
		width: 100%;
	}
}
/*---------------------------------------------*/
/* Screen Max Width - 360px
/*---------------------------------------------*/
@media screen and (max-width: 360px) {
	#footer{ padding: 1em 0 40px; }
	/* floatBox
	---------------------------------*/
	.floatBox .spFloat,
	.floatBoxRe .spFloat {
		float: none;
		margin-left: 0;
		margin-right: 0;
		width: auto;
	}
	.floatBox .spFollow,
	.floatBoxRe .spFollow{ overflow: visible; }
	/* columnBox
	---------------------------------*/
	.columnBox2 .colDx1,
	.columnBox3 .colDx1,
	.columnBox4 .colDx1,
	.columnBox5 .colDx1 {
		margin-top: 1.5em;
		width: 100%;
	}
	.columnBox2 .colDx1 .colInner,
	.columnBox3 .colDx1 .colInner,
	.columnBox4 .colDx1 .colInner,
	.columnBox5 .colDx1 .colInner {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	#copyright{ position: relative; }
	#copyright .copyrightInner{ text-align: center; }
	#copyright .copyrightInner small {
		display: block;
		text-align: center;
	}
	#copyright .copyrightInner .footerId {
		float: none;
		padding: 0;
		margin-top: 0.5em;
	}
	/* navigation
	---------------------------------*/
	#nav .navInner{ background-color: #fff; }
	#nav .navInner ul {
		margin-bottom: -1px;
		height: auto;
	}
	#nav .navInner ul li{ width: 50%; }
	#nav .navInner ul li:nth-child(3) a,
	#nav .navInner ul li:nth-child(5) a{ border-right: 1px solid #CCC; }
	#nav .navInner ul li:last-child a{ border-left: none; }
	.localNav{ top: 10px; }
	.toPageTop a{ bottom: 65px; }
	.fixedToPageTop a{ bottom: 15px; }
	/* bannerList
	---------------------------------*/
	/* newsList
	---------------------------------*/
	.home .newsList .columnBox3 li:nth-child(2){ display: none; }
	.home .newsList .columnBox3 li .colInner{ min-height: 0; }
}

/*# sourceMappingURL=style.css.map */

/*20160425*/
#top_etf,#top_st24mr,#top_triauto{
	border-bottom:#D8D8D8 2px solid;
}

.top_floatBox .spFloat{
	width:65%;
	float:left;
	margin-right:3%;
}
.top_floatBox .spFollow{
	width:30%;
	float:left;
	margin-top:1.5em;
	line-height:1.5em;
}

#top_fx24 ,#top_fx{
	width:32.8%;
	display:inline-block;
	margin-right:0.1%;
	vertical-align:top;
	border-right:#D8D8D8 2px solid;
	
}

#top_kabu365{
	width:32.9%;
	display:inline-block;
	vertical-align:top;
}
@media screen and (max-width: 640px) {
	.top_floatBox .spFloat,
	.top_floatBox .spFollow{
		width:100%;
		clear:both;
		margin-right:0;

	}


	#top_fx24 ,#top_fx,#top_kabu365{
		width:100%;
		margin-right:0px;

	}

	#top_fx24 ,#top_fx{
		border-right: none;
		
	}
}
/* End @media  */
/*20160722マネーハッチ用キャンペーン枠追加*/
#campain_top {
	background: #ffd71e;
	margin:10px 0 20px 0;
	padding-left:15px;
}
#campain_top .spS{
	margin-top: 0px;
}
#campain_top .top_floatBox .spFloat{
	width:40%;
	float:left;
	margin-right:1%;
	margin-left:2%;
}
#campain_top .top_floatBox .spFollow{
	width:55%;
	float:left;
}
#campain_top .top_floatBox .spFollow ul{
	list-style: none;
	line-height: 1.5rem;
}
#campain_top .mrgTL {
    margin-top: 0em!important;
}
@media screen and (max-width: 640px) {
#campain_top .top_floatBox .spFloat,
#campain_top .top_floatBox .spFollow{
	width:95%;
	clear:both;
	margin-right:0;

}
}


/* 口座開設ページ バナー */
.account-bnr-box {
	margin: 60px 0 50px 0;
}
.account-bnr-box a:hover {
	opacity: 0.7;
}
.account-bnr-box .account-bnr {
	max-width: 700px;
}
@media screen and (max-width: 640px) {
	.account-bnr-box {
		margin: 20px 0 30px 0;
	}
	.account-bnr-box .account-bnr {
		max-width: 350px;
	}
}
/* 口座開設ページ バナー */

.pc-br {
	display: block;
}
.ps-br {
	display: none;
}
@media screen and (max-width: 640px) {
	.pc-br {
		display: none;
	}
	.ps-br {
		display: block;
	}
}

/*  改行させない  */
.nowrap {
    display: inline-block;
    text-decoration: inherit;
    white-space: nowrap;
}

.text-del {
	text-decoration: line-through;
}
.text-red {
    color: rgb(255, 43, 43);
}

/* テキストデザイン */
.rink-txt {
	font-size: 1.15rem;
    font-weight: bold;
	color: #fb661c !important;
}
.rink-txt:hover {
	/* border: none; */
    text-decoration: underline;
    color: #fb7f34 !important;
    background-color: #efeded;
}
.li-hover:hover {
	border: none;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.22) !important;
}
@media screen and (max-width: 640px) {
	.rink-txt {
		font-size: 0.8rem;
	}
}
/* テキストデザイン */


/* layout */
.pc {
	display: block;
}
.sp {
	display: none;
}

@media screen and (max-width: 640px) {
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
}

.cal-btn-box {
	margin-bottom: 2rem
}
.cal-btn-box a {
	font-size: 1.3rem;
	font-weight: 700;
}
.cal-btn-box a::before {
	content: "\f073" !important;
    font-family: "Font Awesome 5 Free";
	font-weight: 900;
	padding-right: 0.3rem;
}


@media screen and (min-width: 640px) {
	a[href^="tel:"] {
		pointer-events: none;
	}
}

.media_img {
	width: 100%;
}
.media_img:hover {
	opacity: 0.7;
}