@charset "UTF-8";

/*** reset ***/
input,
select{
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
input[type="button"]:hover{
	cursor: pointer;
}

/*** index ***/
.box-ranking{
	height: 100%;
	padding: 2rem 2rem;
	background: #e9eff6;
}
.box-ranking .ranking-tbl{
	background: #fff;
}
.box-ranking .ranking-tbl th{
	height: 5.5rem;
	white-space: nowrap;
}
.box-ranking .ranking-tbl th, 
.box-ranking .ranking-tbl td{
	font-size: 1.6rem;
	line-height: 1.67;
	word-break: break-all;
}

.box-ranking .ranking-tbl th.rank1,
.box-ranking .ranking-tbl th.rank2,
.box-ranking .ranking-tbl th.rank3{
	position: relative;
	padding: 0.5rem;
	text-align: center;
	line-height: 2.0;
	vertical-align: middle;
	overflow: hidden;
}
.box-ranking .ranking-tbl th.rank1::before,
.box-ranking .ranking-tbl th.rank2::before,
.box-ranking .ranking-tbl th.rank3::before{
	content: "";
	display: block;
	min-height: 8rem;
	float: left;
}
.box-ranking .ranking-tbl th.rank1 span,
.box-ranking .ranking-tbl th.rank2 span,
.box-ranking .ranking-tbl th.rank3 span{
	position: absolute;
	display: block;
	top: calc(50% - 20px);
	width: 38px;
	padding-top: 15px;
	color: #fff;
	text-align: center;
}
.box-ranking .ranking-tbl th.rank1 span{
	background: url(/personal/invest/toshin/images/icon-rank1.png) no-repeat center center;
	background-size: contain;
}
.box-ranking .ranking-tbl th.rank2 span{
	background: url(/personal/invest/toshin/images/icon-rank2.png) no-repeat center center;
	background-size: contain;
}
.box-ranking .ranking-tbl th.rank3 span{
	background: url(/personal/invest/toshin/images/icon-rank3.png) no-repeat center center;
	background-size: contain;
}
.box-ranking .ranking-tbl td.return{
	white-space: nowrap;
	text-align: center;
}
.box-ranking .ranking-tbl td .link-item{
	line-height: 1.2;
}

.btn-fundadd{
	text-align: right;
}
.btn-fundadd a{
	display: inline-block;
}
.favorite-fund-all{
}
.favorite-fund-all .favorite-fund{
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 2.0rem auto;
	max-width: 60rem;
	padding: 2rem 2rem 0.5rem 2rem;
	border: solid 1px #014694;
	font-size: 1.6rem;
}
.favorite-fund-all .favorite-fund .trust_name{
	width: 100%;
	font-size: 1.8rem;
}
.favorite-fund-all .favorite-fund .trust_name a:hover{
	text-decoration: underline;
}
.favorite-fund-all .favorite-fund .favorite-fund-detail{
	flex-grow: 1;
	text-align: right;
}
.favorite-fund-all .favorite-fund .detail-txt{
	margin-top: 2rem;
	margin-right: 1rem;
}
.favorite-fund-all .favorite-fund .detail-txt > div{
	margin-top: 1rem;
}
.favorite-fund-all .favorite-fund .left .latest_dividend{
}

.favorite-fund-all .favorite-fund .nav-before,
.favorite-fund-all .favorite-fund .nav_date,
.favorite-fund-all .favorite-fund .latest_dividend-before,
.favorite-fund-all .favorite-fund .latest_dividend_date{
	position: relative;
	padding-right: 1.5rem;

}
.favorite-fund-all .favorite-fund .nav-before::before,
.favorite-fund-all .favorite-fund .nav_date::before,
.favorite-fund-all .favorite-fund .latest_dividend-before::before,
.favorite-fund-all .favorite-fund .latest_dividend_date::before{
	position: absolute;
	top: 0;
	left: 0;
}
.favorite-fund-all .favorite-fund .nav-before::before{
	content: "基準価格：";
}
.favorite-fund-all .favorite-fund .nav_change{
	text-align: right;
}
.favorite-fund-all .favorite-fund .nav_change::before{
	content: "（";
	/*color: #333;*/
}
.favorite-fund-all .favorite-fund .nav_change::after{
	content: "）";
	/*color: #333;*/
}
.favorite-fund-all .favorite-fund .nav_date::before{
	content: "更新日：";
}
.favorite-fund-all .favorite-fund .latest_dividend-before::before{
	content: "直近分配金：";
}
.favorite-fund-all .favorite-fund .latest_dividend_date::before{
	content: "決算日：";
}

.favorite-fund-all .favorite-fund .chart-img{
	margin-top: 0.5rem;
	width: 26rem;
	text-align: center;
}
.favorite-fund-all .favorite-fund .detail-btn{
}
.favorite-fund-all .favorite-fund .detail-btn .btn-mail,
.favorite-fund-all .favorite-fund .detail-btn .btn-favorite{
	width: 8.5rem;
	margin-top: 1.5rem;
	text-align: center;
	font-size: 1.2rem;
}
.favorite-fund-all .favorite-fund .detail-btn .btn-mail a,
.favorite-fund-all .favorite-fund .detail-btn .btn-favorite a{
	position: relative;
	display: inline-block;
	width: 100%;
	padding-top: 5.5rem;
	color: #333;
}
.favorite-fund-all .favorite-fund .detail-btn .btn-mail a:hover,
.favorite-fund-all .favorite-fund .detail-btn .btn-favorite a:hover{
	opacity: 0.7;
}
.favorite-fund-all .favorite-fund .detail-btn .btn-mail a::before,
.favorite-fund-all .favorite-fund .detail-btn .btn-favorite a::before{
	position: absolute;
	content: "";
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 5rem;
	height: 5rem;
	border-radius: 50%;
}
.favorite-fund-all .favorite-fund .detail-btn .btn-mail a::after{
	position: absolute;
	content: "";
	display: block;
	top: calc(50% - 2.4rem);
	left: 50%;
	transform: translateX(-50%);
	width: 3rem;
	height: 3rem;
	background: url(/personal/invest/toshin/images/icon-mail.png) no-repeat center center;
	background-size: contain;
}
.favorite-fund-all .favorite-fund .btn-favorite a::after{
	position: absolute;
	content: "";
	display: block;
	top: calc(50% - 2.1rem);
	left: 50%;
	transform: translateX(-50%);
	width: 2.6rem;
	height: 2.6rem;
	background: url(/personal/invest/toshin/images/icon-fav.png) no-repeat center center;
	background-size: contain;
}

/*** ranking ***/
.ranking-fund{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 0;
	padding: 2rem;
	border-bottom: solid 1px #014694;
	border-right: solid 1px #014694;
	border-left: solid 1px #014694;
	font-size: 1.8rem;
}
.ranking-fund:first-of-type{
	border-top: solid 1px #014694;
}
.ranking-fund .ranking-fund-detail{
	display: flex;
	flex-wrap: wrap;
	width: calc(100% - 8rem);
}
.ranking-fund .ranking-fund-detail > div{
	display: inline-block;
}
.ranking-fund .ranking-fund-detail .rank{
	width: 5rem;
	padding-top: 0.5rem;
	padding-left: 0.3rem;
	font-weight: bold;
}
.ranking-fund .ranking-fund-detail .rank1,
.ranking-fund .ranking-fund-detail .rank2,
.ranking-fund .ranking-fund-detail .rank3{
	position: relative;
	margin: 1rem 3rem 0 1rem;
	width: auto;
	padding-top: 0;
	padding-left: 0;
	color: #fff;
	text-align: center;
	font-size: 1.4rem;
	font-weight: bold;
}
.ranking-fund .ranking-fund-detail .rank::after{
	content: "位";
}
.ranking-fund .ranking-fund-detail .rank1::before,
.ranking-fund .ranking-fund-detail .rank2::before,
.ranking-fund .ranking-fund-detail .rank3::before{
	content: "";
	position: absolute;
	display: block;
	top: -18px;
	left: calc(50% - 17px);
	width: 42px;
	height: 33px;
	z-index: -1;
}
.ranking-fund .ranking-fund-detail .rank1::before{
	background: url(/personal/invest/toshin/images/icon-rank1.png) no-repeat center center;
	background-size: contain;
}
.ranking-fund .ranking-fund-detail .rank2::before{
	background: url(/personal/invest/toshin/images/icon-rank2.png) no-repeat center center;
	background-size: contain;
}
.ranking-fund .ranking-fund-detail .rank3::before{
	background: url(/personal/invest/toshin/images/icon-rank3.png) no-repeat center center;
	background-size: contain;
}
.ranking-fund .ranking-fund-detail .rank1::after,
.ranking-fund .ranking-fund-detail .rank2::after,
.ranking-fund .ranking-fund-detail .rank3::after{
	content: "位";
	position: absolute;
	top: 2px;
	right: -13px;
	color: #fff;
	font-size: 1.2rem;
}
.fund_category{
	padding: 0.5rem 1rem;
	font-size: 1.4rem;
}
.fund_category.domestic-bonds{ background: #dadaff; }
.fund_category.international-bond{ background: #c0f5ff; }
.fund_category.domestic-balance{ background: #ceffd5; }
.fund_category.domestic-trusts{ background: #ffe4c1; }
.fund_category.domestic-stocks{ background: #fcc; }
.fund_category.international-stocks{ background: #e6ffbb; }

.ranking-fund .trust_name{
	margin-top: 1rem;
	width: 100%;
}
.ranking-fund .trust_name a:hover{
	text-decoration: underline;
}
.ranking-fund .btn-favorite{
	width: 7rem;
	text-align: center;
	font-size: 1.2rem;
}
.ranking-fund .btn-favorite a{
	position: relative;
	display: inline-block;
	width: 100%;
	padding-top: 5.5rem;
	color: #333;
}
.ranking-fund .btn-favorite a:hover{
	opacity: 0.7;
}
.ranking-fund .btn-favorite a::before{
	position: absolute;
	content: "";
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 5rem;
	height: 5rem;
	border-radius: 50%;
}
.ranking-fund .btn-favorite a::after{
	position: absolute;
	content: "";
	display: block;
	top: calc(50% - 20px);
	left: 50%;
	transform: translateX(-50%);
	width: 2.6rem;
	height: 2.6rem;
	background: url(/personal/invest/toshin/images/icon-fav.png) no-repeat center center;
	background-size: contain;
}
.ranking-fund .return,
.ranking-fund .net_asset{
	margin-top: 1rem;
}
.ranking-fund .return::before{
	content: "値上がり率：";
	color: #333;
}
.ranking-fund .net_asset::before{
	content: "純資産額：";
}

/*** fundlist ***/
/* search */
.box-common.-attention{
	padding: 2rem 4rem;
	background: #fff1f2;
}
.table-search td{
	border:solid 2px #fff;
	color: #333;
}
.checkbox-list{
	display: flex;
	flex-wrap: wrap;
	gap: 0.8rem 3.0rem;
}
.checkbox-list input[type="checkbox"]{
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: relative;
	margin-right: 0.5rem;
	width: 2.0rem;
	height: 2.0rem;
	border: solid 1px #c2c4c4;
	border-radius: 3px;
	background: #fff;
	vertical-align: -0.3rem;
}
.checkbox-list input[type="checkbox"]:checked{
	border: solid 1px #0078d7;
	background: #0078d7;
}
.checkbox-list label.chk{
	font-size: 1.8rem;
}
.checkbox-list input[type="checkbox"]:checked:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0.5rem;
	transform: rotate(40deg);
	width: 0.7rem;
	height: 1.4rem;
	border-right: 3px solid #fff;
	border-bottom: 3px solid #fff;
}
input.input-name{
	width: calc(100% - 1rem);
	padding: 0.5rem;
	background: #fff;
	border: solid 1px #c2c4c4;
	border-radius: 3px;
	font-family: inherit;
	font-size: 1.8rem;
}
.box-select{
	width: 100%;
	display: inline-flex;
	align-items: center;
	position: relative;
}
.box-select::after{
	content: "";
	position: absolute;
	display: block;
	top: calc(50% - 5px);
	right: 1rem;
	border: 10px solid transparent;
	border-top: 13px solid #333; 
	pointer-events: none;
}
select.select-category{
	width: 100%;
	padding: 0.75rem;
	background: #fff;
	border: solid 1px #c2c4c4;
	border-radius: 3px;
	font-family: inherit;
	font-size: 1.8rem;
	cursor: pointer;
}
.box-button{
	display: flex;
	justify-content: flex-end;
}
button.button-search{
	margin: 1rem 0 0 1rem;
	width: auto;
	padding: 1rem 2rem;
	font-family: inherit;
	font-size: 1.6rem;
}
button.button-search::after{
	content: none;
}
button.button-clear{
	margin: 1rem 0 0 0;
	width: auto;
	padding: 1rem 2rem;
	background: #efefef;
	border: solid 2px #c2c4c4;
	color: #333;
	font-family: inherit;
	font-size: 1.6rem;
}
button.button-clear:hover{
	background: #c2c4c4;
	color: #333;
}
button.button-clear::after{
	content: none;
}
input.button-compare{
	display: block;
	margin: 2rem 0 0 auto;
	width: auto;
	padding: 1rem 2rem;
	background: #e6001a;
	border: solid 2px #e6001a;
	border-radius: 3px;
	color: #fff;
	font-family: inherit;
	font-size: 1.6rem;
	font-weight: bold;
}
input.button-compare:hover{
	background: #fff;
	color: #e6001a;
}

/* fundlist */
#iconlist .trust_attributes{
	display: inline-block;
	margin-right: 0.5rem;
	margin-bottom: 0.5rem;
	width: auto;
	padding: 0.2rem 1rem;
	color: #fff;
	border-radius: 3px;
	text-align: center;
	font-size: 1.2rem;
	font-weight: bold;
}

#fundlist{
	box-sizing: border-box;
	margin-top: 2rem;
	border: solid 1px #ccc;
	font-size: 1.4rem;
	word-break: break-all;
}

#fundlist #index{
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	left: 0;
	display: table;
	width: 100%;
	height: 8rem;
	background: #014694;
	color: #fff;
	text-align: center;
	z-index: 10;
}
#fundlist #index > div{
	display: table-cell;
	padding: 1.0rem 0.5rem 2.0rem 0.5rem;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	vertical-align: middle;
}
#fundlist #index > div:last-child{
	border-right: none;
}

/* fundlist sort & clear */
#fundlist #index div{
	position: relative;
}
#fundlist #index div a{
	position: absolute;
	display: block;
	bottom: 1rem;
	left: calc(50% - 1.2rem);
	width: 2.1rem;
	height: 2.0rem;
	background: #fff;
	border: solid 1px #ccc;
	border-radius: 2px;
}
#fundlist #index div a::after{
	content: "";
	position: absolute;
	display: block;
	left: calc(50% - 0.6rem);
	width: 0;
	height: 0;
}
#fundlist #index div a::after{
	top: 50%;
	left: 50%;
	transform: translate(-50%,-40%);
	border-top: 0.8rem solid #ccc;
	border-right: 0.6rem solid transparent;
	border-bottom: 0rem solid transparent;
	border-left: 0.6rem solid transparent;
}
#fundlist #index div a:hover::after{
	border-top: 0.8rem solid #333;
}
/*** J_asc,J_desc /personal/invest/toshin/js/j_fundlist.jsで制御 */
#fundlist #index div a.J_desc::after{
	border-top: 0rem solid transparent;
	border-bottom: 0.8rem solid #333;
	transform: translate(-50%,-60%);
}
#fundlist #index div a.J_asc::after{
	border-top: 0.8rem solid #333;
	border-bottom: 0rem solid transparent;
	transform: translate(-50%,-40%);
}
/* J_asc,J_desc /personal/invest/toshin/js/j_fundlist.jsで制御 ***/

#fundlist #index div a.button-clear{
	position: absolute;
	display: block;
	bottom: 1rem;
	left: 50%;
	width: 70%;
	height: auto;
	padding: 0.3rem;
	background: #fff;
	border: solid 1px #ccc;
	border-radius: 2px;
	font-weight: bold;
	transform: translateX(-50%);
	line-height: 1.0;
}
#fundlist #index div a.button-clear:hover{
	color: #ccc;
}
#fundlist #index div a.button-clear::before,
#fundlist #index div a.button-clear::after{
	content: none;
}

#fundlist #index > div:nth-child(1){ width: 7.216%; }
#fundlist #index > div:nth-child(2){ width: auto; }
#fundlist #index > div:nth-child(3){ width: 5.942%; }
#fundlist #index > div:nth-child(4){ width: 7.470%; }
#fundlist #index > div:nth-child(5){ width: 7.810%; }
#fundlist #index > div:nth-child(6){ width: 21.902%; }
#fundlist #index > div:nth-child(7){ width: 5.093%; }
#fundlist #index > div:nth-child(8){ width: 5.093%; }
#fundlist #index > div:nth-child(9){ width: 5.093%; }

#fundlist #fundlist-datalist .fundlist-data > div:nth-child(1){ width: 7.216%; }
#fundlist #fundlist-datalist .fundlist-data > div:nth-child(2){ width: auto; }
#fundlist #fundlist-datalist .fundlist-data > div:nth-child(3){ width: 5.942%; }
#fundlist #fundlist-datalist .fundlist-data > div:nth-child(4){ width: 7.470%; }
#fundlist #fundlist-datalist .fundlist-data > div:nth-child(5){ width: 7.810%; }
#fundlist #fundlist-datalist .fundlist-data > div:nth-child(6){ width: 7.301%; }
#fundlist #fundlist-datalist .fundlist-data > div:nth-child(7){ width: 7.301%; }
#fundlist #fundlist-datalist .fundlist-data > div:nth-child(8){ width: 7.301%; }
#fundlist #fundlist-datalist .fundlist-data > div:nth-child(9){ width: 5.093%; }
#fundlist #fundlist-datalist .fundlist-data > div:nth-child(10){ width: 5.093%; }
#fundlist #fundlist-datalist .fundlist-data > div:nth-child(11){ width: 5.093%; }

#fundlist #index .index-return{
	padding: 0;
}
#fundlist #index .index-return-join{
	height: 50%;
	padding: 1rem;
}
#fundlist #index .index-return .index-return-column{
	display: flex;
	height: 50%;
	font-size: 0;
}
#fundlist #index .index-return .index-return-column > div{
	flex-grow: 1;
	width: 100%;
	padding: 1rem 1rem 4rem 1rem;
	border-top: solid 1px #ccc;
	border-right: solid 1px #ccc;
	font-size: 1.4rem;
}
#fundlist #index .index-return .index-return-column > div:last-child{
	border-right: none;
}
#fundlist #index .index-small{
	font-size: 1.0rem;
}

/* fundlist-datalist */
#fundlist #fundlist-datalist{
	width: 100%;
}
#fundlist #fundlist-datalist .fundlist-data{
	display: table;
	width: 100%;
	word-break: break-all;
}
#fundlist #fundlist-datalist .fundlist-data > div{
	display: table-cell;
	padding: 1.0rem 0.5rem;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	vertical-align: middle;
}
#fundlist #fundlist-datalist .fundlist-data > div:last-child{
	border-right: none;
}
#fundlist #fundlist-datalist .fundlist-data:last-child > div{
	border-bottom: none;
}

#fundlist #fundlist-datalist .fundlist-data .trust .trust_attributes{
	display: inline-block;
	margin-right: 1rem;
	margin-bottom: 0.5rem;
	width: auto;
	padding: 0.5rem 1rem;
	color: #fff;
	border-radius: 3px;
	text-align: center;
	font-size: 1.2rem;
	font-weight: bold;
}
/*.trust_attributes.stop{ background: #ccc; }*/
.trust_attributes.netonly{ background: #ed762e; }
/*.trust_attributes.dividendMonthly{ background: #ccc; }*/
/*.trust_attributes.monthly{ background: #ccc; }*/
/*.trust_attributes.pickup{ background: #ccc; }*/
.trust_attributes.new{ background: #e6001a; }
.trust_attributes.movie{ background: #e6001a; }
.trust_attributes.growth{ background: #004795; }
.trust_attributes.reserve{ background: #99aa3c; }

#fundlist #fundlist-datalist .fundlist-data .trust .ranking-all{
	display: block;
}
#fundlist #fundlist-datalist .fundlist-data .trust .ranking,
#fundlist #fundlist-datalist .fundlist-data .trust .t_ranking{
	display: inline-block;
	margin-bottom: 0.5rem;
	margin-right: 1.5rem;
	color: #333;
	font-weight: bold;
}
#fundlist #fundlist-datalist .fundlist-data .trust .t_ranking{
	margin-right: 0rem;
}
#fundlist #fundlist-datalist .fundlist-data .trust .ranking::before,
#fundlist #fundlist-datalist .fundlist-data .trust .t_ranking::before{
	content: "";
	display: inline-block;
	margin-right: 0.3rem;
	width: 24px;
	height: 19px;
}
#fundlist #fundlist-datalist .fundlist-data .trust .ranking::before{
	background: url(/personal/invest/toshin/images/icon-rank1.png) no-repeat center center;
	background-size: contain;
}
#fundlist #fundlist-datalist .fundlist-data .trust .t_ranking::before{
	background: url(/personal/invest/toshin/images/icon-rankt.png) no-repeat center center;
	background-size: contain;
}

#fundlist #fundlist-datalist .fundlist-data .trust .trust_name{
	display: inline-block;
	width: 100%;
}
#fundlist #fundlist-datalist .fundlist-data .trust .trust_name a:hover{
	text-decoration: underline;
}
#fundlist #fundlist-datalist .fundlist-data .nav-all{
	text-align: right; 
}
#fundlist #fundlist-datalist .fundlist-data .nav-all .nav{
	display: block;
}
#fundlist #fundlist-datalist .fundlist-data .nav-all .nav_change{
	display: block;
}
#fundlist #fundlist-datalist .fundlist-data .nav-all .nav_date{
	display: block;
}
#fundlist #fundlist-datalist .fundlist-data .nav-all .nav_date::before{
	content:"(";
}
#fundlist #fundlist-datalist .fundlist-data .nav-all .nav_date::after{
	content:")";
}
#fundlist #fundlist-datalist .fundlist-data .net_asset{
	text-align: right; 
}
#fundlist #fundlist-datalist .fundlist-data .return_6m,
#fundlist #fundlist-datalist .fundlist-data .return_1y,
#fundlist #fundlist-datalist .fundlist-data .return_3y{
	text-align: right; 
}
.minus{ color: #1872cf!important; }

#fundlist #fundlist-datalist .fundlist-data .btn-mail,
#fundlist #fundlist-datalist .fundlist-data .btn-favorite{
	position: relative;
}
#fundlist #fundlist-datalist .fundlist-data .btn-mail a,
#fundlist #fundlist-datalist .fundlist-data .btn-favorite a{
	position: absolute;
	top: 1rem;
	left: 1rem;
	display: block;
	width: calc(100% - 2rem);
	height: calc(100% - 2rem);
	font-size: 0;
}
#fundlist #fundlist-datalist .fundlist-data .btn-mail a:hover,
#fundlist #fundlist-datalist .fundlist-data .btn-favorite a:hover{
	opacity: 0.7;
}
#fundlist #fundlist-datalist .fundlist-data .btn-mail a::before,
#fundlist #fundlist-datalist .fundlist-data .btn-favorite a::before{
	position: absolute;
	content: "";
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	display: inline-block;
	width: 100%;
	padding-top: 100%;
	border-radius: 50%;
}
.btn-mail a::before{
	background: #ccc;
}
.btn-favorite a::before{
	background: #ccc;
}
.btn-favorite.active a::before{
	background: #014694;
}
#fundlist #fundlist-datalist .fundlist-data .btn-mail a::after,
#fundlist #fundlist-datalist .fundlist-data .btn-favorite a::after{
	position: absolute;
	content: "";
	display: block;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 60%;
	height: 60%;
}

#fundlist #fundlist-datalist .fundlist-data .btn-mail a::after{
	background: url(/personal/invest/toshin/images/icon-mail.png) no-repeat center center;
	background-size: contain;
}
#fundlist #fundlist-datalist .fundlist-data .btn-favorite a::after{
	background: url(/personal/invest/toshin/images/icon-fav.png) no-repeat center center;
	background-size: contain;
}
#fundlist #fundlist-datalist .fundlist-data .chk-compare{
		text-align: center;
}
#fundlist #fundlist-datalist .fundlist-data .chk-compare input.check-compare{
	position: relative;
	width: 100%;
	max-width: 2.5rem;
	cursor: pointer;
	vertical-align: middle;
}
#fundlist #fundlist-datalist .fundlist-data .chk-compare input.check-compare::before{
	position: absolute;
	content: "";
	display: block; 
	top: 50%;
	left: 0;
	width: 100%;
	padding-top: calc(100% - 2px);
	border: solid 1px #ccc;
	border-radius: 2px;
	transform: translateY(calc(-50% - 6px));
}
#fundlist #fundlist-datalist .fundlist-data .chk-compare input.check-compare::after{
	content: "";
	display: block; 
	position: absolute;
	top: 50%;
	left: 50%;
	width: 60%;
	height: 8px;
	border-bottom: 3px solid #666464;
	border-left: 3px solid #666464;
	transform: translate(-50%, calc(-50% - 8px)) rotate(-45deg);
	opacity: 0;
}
#fundlist #fundlist-datalist .fundlist-data .chk-compare input.check-compare:checked::after{
	opacity: 1;
}
#fundlist #fundlist-datalist .fundlist-data .chk-compare label{
	font-size: 0;
}

/*** detail ***/
#block-detail1{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#block-detail1 .detail-icon{
	width: calc(100% - 20rem);
}
#block-detail1 .detail-icon .ranking-all{
	display: block;
}
#block-detail1 .detail-icon .ranking,
#block-detail1 .detail-icon .t_ranking{
	position: relative;
	display: inline-block;
	margin-bottom: 1rem;
	padding: 0 1.5rem 0 3.5rem;
	color: #333;
	font-size: 1.8rem;
	font-weight: bold;
}
#block-detail1 .detail-icon .ranking::before,
#block-detail1 .detail-icon .t_ranking::before{
	position: absolute;
	left: 0;
	bottom: 0.1rem;
	content: "";
	display: inline-block;
	margin-right: 0.3rem;
	width: 3.0rem;
	height: 2.3rem;
}
#block-detail1 .detail-icon .ranking::before{
	background: url(/personal/invest/toshin/images/icon-rank1.png) no-repeat center bottom;
	background-size: contain;
}
#block-detail1 .detail-icon .t_ranking::before{
	background: url(/personal/invest/toshin/images/icon-rankt.png) no-repeat center bottom;
	background-size: contain;
}
#fundlist #fundlist-datalist .fundlist-data .trust .ranking::before{
	content: "";
	display: inline-block;
	margin-right: 0.3rem;
	width: 24px;
	height: 19px;
	background: url(/personal/invest/toshin/images/icon-rank1.png) no-repeat center bottom;
	background-size: contain;
}

#block-detail1 .trust_attributes-all{
	display: inline-block;
}
#block-detail1 .trust_attributes-all .trust_attributes{
	display: inline-block;
	margin-right: 1rem;
	margin-bottom: 0.5rem;
	width: auto;
	padding: 0.5rem 1rem;
	color: #fff;
	border-radius: 3px;
	text-align: center;
	font-size: 1.4rem;
}

#block-detail1 .detail-btn{
	display: flex;
	width: 20rem;
}
#block-detail1 .detail-btn .btn-mail,
#block-detail1 .detail-btn .btn-favorite{
	width: 8.5rem;
	margin: 0 0 0 1rem;
	text-align: center;
	font-size: 1.2rem;
}
#block-detail1 .detail-btn .btn-mail a,
#block-detail1 .detail-btn .btn-favorite a{
	position: relative;
	display: inline-block;
	width: 100%;
	padding-top: 5.5rem;
	color: #333;
}
#block-detail1 .detail-btn .btn-mail a:hover,
#block-detail1 .detail-btn .btn-favorite a:hover{
	opacity: 0.7;
}
#block-detail1 .detail-btn .btn-mail a::before,
#block-detail1 .detail-btn .btn-favorite a::before{
	position: absolute;
	content: "";
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 5rem;
	height: 5rem;
	border-radius: 50%;
}
#block-detail1 .detail-btn .btn-mail a::after{
	position: absolute;
	content: "";
	display: block;
	top: calc(50% - 24px);
	left: 50%;
	transform: translateX(-50%);
	width: 3rem;
	height: 3rem;
	background: url(/personal/invest/toshin/images/icon-mail.png) no-repeat center center;
	background-size: contain;
}
#block-detail1 .detail-btn .btn-favorite a::after{
	position: absolute;
	content: "";
	display: block;
	top: calc(50% - 22px);
	left: 50%;
	transform: translateX(-50%);
	width: 2.6rem;
	height: 2.6rem;
	background: url(/personal/invest/toshin/images/icon-fav.png) no-repeat center center;
	background-size: contain;
}

.detail-tbl{
	background: #fff;
}
.detail-tbl tbody th{
	white-space: nowrap;
	text-align: center;
}
.detail-tbl th,
.detail-tbl td{
	word-break: break-all;
}
.detail-tbl .fiscal_end_date{
	text-align: center;
}
.detail-tbl .fiscal_end_nav,
.detail-tbl .dividend,
.detail-tbl .fiscal_end_return{
	text-align: right;
}

#block-detail3 .box-common{
	padding: 3rem 2rem;
}
#block-detail3 .box-common .link-box{
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
}
#block-detail3 .box-common .link-box > div{
	margin-top: 0;
	margin-right: 4rem;
	font-size: 1.6rem;
}
/*** J_fiscal_end_info /personal/invest/toshin/js/j_detail.jsで制御 */
#J_fiscal_end_info tr td{
	text-align: right;
}
#J_fiscal_end_info tr td:first-child{
	text-align: center;
}
/*** J_fiscal_end_info /personal/invest/toshin/js/j_detail.jsで制御 */

/*** 10sec ***/
#step-10sec input[type="radio"]{
	display: none;
}
#step-10sec input[type="radio"] + label{
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	height: 100%;
	padding: 2rem;
	background: #fff;
	color: #014694;
	border: solid 2px #014694;
	border-radius: 5px;
	text-align: center;
	font-size: 1.6rem;
	font-weight: bold;
	transition-duration: 0.15s;
	cursor: pointer;
}
#step-10sec .inactive input[type="radio"] + label{
	color: #ccc;
	border: solid 2px #ccc;
	pointer-events:none;
}
#step-10sec input[type="radio"]:checked + label{
	background: #014694 !important;
	color: #fff !important;
}
#step-10sec input[type="radio"] + label:hover{
	background: #014694 !important;
	color: #fff !important;
}
#step-10sec input[type="radio"] + label span.example{
	font-weight: normal;
	font-size: 1.4rem;
}

#step-10sec .inactive{
	background: #f2f2f2;
}
#step-10sec.stepflow-vertical .item.inactive .item-wrapper .item-dot{
	background-color: #ccc;
}
#step-10sec.stepflow-vertical .item.inactive .item-wrapper .item-no{
	background-color: #ccc;
}
#step-10sec.stepflow-vertical .item.inactive .item-wrapper .item-title{
	color: #ccc;
}
#step-10sec.stepflow-vertical .item.inactive .item-block .txt-normal{
	color: #ccc;
}

@media screen and (max-width: 767px){
	/*** index ***/
	.box-ranking .ranking-tbl th.rank1,
	.box-ranking .ranking-tbl th.rank2,
	.box-ranking .ranking-tbl th.rank3{
		position: relative;
	}
	.box-ranking .ranking-tbl th.rank1::before,
	.box-ranking .ranking-tbl th.rank2::before,
	.box-ranking .ranking-tbl th.rank3::before{
		content: none;
	}
	
	.btn-fundadd{
		margin-top: 1rem;
		text-align: right;
	}
	
	.favorite-fund-all .favorite-fund{
		box-sizing: border-box;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin: 2.0rem auto;
		max-width: 58rem;
		padding: 2rem 2rem 2rem 2rem;
		border: solid 1px #014694;
		font-size: 1.6rem;
	}
	.favorite-fund-all .favorite-fund .trust_name{
		width: 100%;
		font-size: 1.6rem;
	}
	.favorite-fund-all .favorite-fund .trust_name a:hover{
		text-decoration: underline;
	}
	.favorite-fund-all .favorite-fund .favorite-fund-detail{
		flex-grow: 1;
		text-align: right;
		max-width: 21rem;
	}
	.favorite-fund-all .favorite-fund .chart-img{
		display: none;
	}
	.favorite-fund-all .favorite-fund .detail-btn .btn-mail,
	.favorite-fund-all .favorite-fund .detail-btn .btn-favorite{
		width: 8.5rem;
		margin: 1.5rem 0 0 0;
		text-align: center;
		font-size: 1.2rem;
	}
	.favorite-fund-all .favorite-fund .detail-btn .btn-mail a,
	.favorite-fund-all .favorite-fund .detail-btn .btn-favorite a{
		position: relative;
		display: inline-block;
		width: 100%;
		padding-top: 5.0rem;
		color: #333;
	}
	.favorite-fund-all .favorite-fund .detail-btn .btn-mail a::before,
	.favorite-fund-all .favorite-fund .detail-btn .btn-favorite a::before{
		position: absolute;
		content: "";
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		width: 4.4rem;
		height: 4.4rem;
		border-radius: 50%;
	}
	.favorite-fund-all .favorite-fund .detail-btn .btn-mail a::after{
		position: absolute;
		content: "";
		display: block;
		top: calc(50% - 2.0rem);
		left: 50%;
		transform: translateX(-50%);
		width: 2.4rem;
		height: 2.4rem;
		background: url(/personal/invest/toshin/images/icon-mail.png) no-repeat center center;
		background-size: contain;
	}
	.favorite-fund-all .favorite-fund .detail-btn .btn-favorite a::after{
		position: absolute;
		content: "";
		display: block;
		top: calc(50% - 1.9rem);
		left: 50%;
		transform: translateX(-50%);
		width: 2.0rem;
		height: 2.0rem;
		background: url(/personal/invest/toshin/images/icon-fav.png) no-repeat center center;
		background-size: contain;
	}

	.btn-common.-imgbtn.-md{
		justify-content: flex-start;
		height: calc(100% - 1.2rem);
		padding: 0.5rem 1rem;
	}

	/*** ranking ***/
	.ranking-fund{
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 0;
		padding: 2rem;
		border-bottom: solid 1px #014694;
		border-right: solid 1px #014694;
		border-left: solid 1px #014694;
		font-size: 1.6rem;
	}
	.ranking-fund .ranking-fund-detail{
		display: flex;
		flex-wrap: wrap;
		width: calc(100% - 7rem);
	}
	.ranking-fund .btn-favorite{
		width: 6rem;
		text-align: center;
		font-size: 1.2rem;
	}
	.ranking-fund .btn-favorite a::before{
		position: absolute;
		content: "";
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		width: 4.4rem;
		height: 4.4rem;
		border-radius: 50%;
	}
	.ranking-fund .btn-favorite a::after{
		position: absolute;
		content: "";
		display: block;
		top: calc(50% - 20px);
		left: 50%;
		transform: translateX(-50%);
		width: 2rem;
		height: 2rem;
		background: url(/personal/invest/toshin/images/icon-fav.png) no-repeat center center;
		background-size: contain;
	}

	/*** fundlist ***/
	/* search */
	.checkbox-list input[type="checkbox"]{
		border-radius: 0;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		position: relative;
		margin-right: 0.5rem;
		width: 1.8rem;
		height: 1.8rem;
		border: solid 1px #c2c4c4;
		border-radius: 3px;
		background: #fff;
		vertical-align: -0.3rem;
	}
	.checkbox-list label.chk{
		font-size: 1.6rem;
	}
	.checkbox-list input[type="checkbox"]:checked:before{
		content: "";
		position: absolute;
		top: 0.1rem;
		left: 0.5rem;
		transform: rotate(40deg);
		width: 0.6rem;
		height: 1.2rem;
		border-right: 3px solid #fff;
		border-bottom: 3px solid #fff;
	}
	input.input-name{
		width: calc(100% - 1rem);
		padding: 0.5rem;
		background: #fff;
		border: solid 1px #c2c4c4;
		border-radius: 3px;
		font-family: inherit;
		font-size: 1.6rem;
	}
	select.select-category{
		width: 100%;
		padding: 0.7rem;
		background: #fff;
		border: solid 1px #c2c4c4;
		border-radius: 3px;
		font-family: inherit;
		font-size: 1.6rem;
		cursor: pointer;
	}
	.box-button{
		display: flex;
		justify-content: flex-end;
	}
	button.button-search{
		margin: 1rem 0 0 1rem;
		width: auto;
		min-width: auto!important;
		padding: 0.5rem 1rem;
		font-family: inherit;
		font-size: 1.4rem;
	}
	button.button-clear{
		margin: 1rem 0 0 0;
		width: auto;
		padding: 0.3rem 1rem;
		background: #efefef;
		border: solid 2px #c2c4c4;
		color: #333;
		font-family: inherit;
		font-size: 1.6rem;
		line-height: 1.2;
	}
	input.button-compare{
		display: block;
		margin: 2rem 0 0 auto;
		width: auto;
		padding: 0.5rem 1rem;
		background: #e6001a;
		border: solid 2px #e6001a;
		border-radius: 3px;
		color: #fff;
		font-family: inherit;
		font-size: 1.6rem;
		font-weight: bold;
	}

	/* fundlist */
	#iconlist .trust_attributes{
		box-sizing: border-box;
		display: block;
		margin-top: 0.5rem;
		margin-bottom: 0rem;
		width: fit-content;
		padding: 0.5rem 1rem;
		color: #fff;
		border-radius: 3px;
		text-align: center;
		font-size: 1.4rem;
		font-weight: normal;
		line-height: 1.15;

	}

	#fundlist{
		box-sizing: border-box;
		margin-top: 0;
		border: none;
		font-size: 1.4rem;
	}
	#fundlist #index{
		display: none;
	}
	#fundlist #fundlist-datalist .fundlist-data > div:nth-child(1){ width: auto; }
	#fundlist #fundlist-datalist .fundlist-data > div:nth-child(2){ width: auto; }
	#fundlist #fundlist-datalist .fundlist-data > div:nth-child(3){ width: auto; }
	#fundlist #fundlist-datalist .fundlist-data > div:nth-child(4){ width: auto; }
	#fundlist #fundlist-datalist .fundlist-data > div:nth-child(5){ width: auto; }
	#fundlist #fundlist-datalist .fundlist-data > div:nth-child(6){ width: auto; }
	#fundlist #fundlist-datalist .fundlist-data > div:nth-child(7){ width: auto; }
	#fundlist #fundlist-datalist .fundlist-data > div:nth-child(8){ width: auto; }
	#fundlist #fundlist-datalist .fundlist-data > div:nth-child(9){ width: auto; }
	#fundlist #fundlist-datalist .fundlist-data > div:nth-child(10){ width: auto; }

	/* fundlist-datalist */
	#fundlist #fundlist-datalist .fundlist-data{
		position: relative;
		display: block;
		margin-top: 2rem;
		width: 100%;
		padding: 5rem 2rem 2rem 2rem;
		border: solid 1px #014694;
		word-break: break-all;
	}
	#fundlist #fundlist-datalist .fundlist-data > div{
		display: inline-block;
		margin-top: 1rem;
		margin-right: 2rem;
		padding: 0;
		border-right: none;
		border-bottom: none;
	}
	#fundlist #fundlist-datalist .fundlist-data .fund_category{
		position: absolute;
		top: 0;
		left: 0;
		display: inline-block;
		margin-top: 0;
		width: 12rem!important;
		padding: 1.0rem 2rem;
		text-align: center;
		font-size: 1.6rem
	}
	#fundlist #fundlist-datalist .fundlist-data .fund_category.domestic-bonds{ background: #dadaff; }
	#fundlist #fundlist-datalist .fundlist-data .fund_category.international-bond{ background: #c0f5ff; }
	#fundlist #fundlist-datalist .fundlist-data .fund_category.domestic-balance{ background: #ceffd5; }
	#fundlist #fundlist-datalist .fundlist-data .fund_category.domestic-trusts{ background: #ffe4c1; }
	#fundlist #fundlist-datalist .fundlist-data .fund_category.domestic-stocks{ background: #fcc; }
	#fundlist #fundlist-datalist .fundlist-data .fund_category.international-stocks{ background: #e6ffbb; }

	#fundlist #fundlist-datalist .fundlist-data .trust{
		all: initial;
		position: relative;
	}
	#fundlist #fundlist-datalist .fundlist-data .trust .ranking-all{
		display: flex;
		flex-wrap: wrap;
		align-items: baseline;
	}
	#fundlist #fundlist-datalist .fundlist-data .trust .ranking,
	#fundlist #fundlist-datalist .fundlist-data .trust .t_ranking{
		font-size: 1.4rem;
		font-weight: bold;
	}
	#fundlist #fundlist-datalist .fundlist-data .trust .ranking-all + .trust_attributes-all{
		display: block;
	}
	#fundlist #fundlist-datalist .fundlist-data .trust .trust_attributes-all{
	}
	#fundlist #fundlist-datalist .fundlist-data .trust .trust_attributes{
		box-sizing: border-box;
		display: inline-block;
		margin-bottom: 0.5rem;
		width: auto;
		padding: 0.5rem 1rem;
		color: #fff;
		border-radius: 3px;
		text-align: center;
		font-size: 1.4rem;
		font-weight: normal;
		line-height: 1.15;
	}
	#fundlist #fundlist-datalist .fundlist-data .trust .trust_name{
		font-size: 1.6rem;
	}
	#fundlist #fundlist-datalist .fundlist-data .trust .trust_name a:hover{
		text-decoration: underline;
	}
	#fundlist #fundlist-datalist .fundlist-data .management_category_name{
		display: none;
	}
	#fundlist #fundlist-datalist .fundlist-data .nav-all{
		text-align: start; 
		margin-top: 0;
		margin-right: 0;
	}
	#fundlist #fundlist-datalist .fundlist-data .nav-all .nav{
		display: inline-block;
		margin-top: 1rem;
		margin-right: 2rem;
	}
	#fundlist #fundlist-datalist .fundlist-data .nav-all .nav::before{
		content: "基準価格：";
	}
	#fundlist #fundlist-datalist .fundlist-data .nav-all .nav_change{
		display: inline-block;
		margin-top: 1rem;
		margin-right: 2rem;
	}
	#fundlist #fundlist-datalist .fundlist-data .nav-all .nav_change::before{
		content: "前日比：";
		color: #333;
	}
	#fundlist #fundlist-datalist .fundlist-data .nav-all .nav_date{
		display: inline-block;
		margin-top: 1rem;
		margin-right: 2rem;
	}
	#fundlist #fundlist-datalist .fundlist-data .nav-all .nav_date::before{
		content: "適用日：";
	}
	#fundlist #fundlist-datalist .fundlist-data .nav-all .nav_date::after{
		content: none;
	}
	#fundlist #fundlist-datalist .fundlist-data .net_asset{
		display: block;
	}
	#fundlist #fundlist-datalist .fundlist-data .net_asset::before{
		content: "純資産額：";
	}
	#fundlist #fundlist-datalist .fundlist-data .net_asset{
		text-align: left; 
	}
	#fundlist #fundlist-datalist .fundlist-data .return_6m,
	#fundlist #fundlist-datalist .fundlist-data .return_1y,
	#fundlist #fundlist-datalist .fundlist-data .return_3y{
		display: none;
	}

	#fundlist #fundlist-datalist .fundlist-data .btn-mail,
	#fundlist #fundlist-datalist .fundlist-data .btn-favorite{
		position: static;
		width: 8.5rem!important;
		margin: 1rem 0 0 0;
		text-align: center;
		font-size: 1.2rem;
	}
	#fundlist #fundlist-datalist .fundlist-data .btn-mail a,
	#fundlist #fundlist-datalist .fundlist-data .btn-favorite a{
		position: relative;
		display: inline-block;
		top: 0;
		left: 0;
		height: auto;
		width: 100%;
		padding-top: 5rem;
		color: #333;
		font-size: 1.2rem;
	}
	#fundlist #fundlist-datalist .fundlist-data .btn-mail a::before,
	#fundlist #fundlist-datalist .fundlist-data .btn-favorite a::before{
		content: "";
		position: absolute;
		display: inline-block;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		width: 4.4rem;
		height: 4.4rem;
		padding-top: 0;
		border-radius: 50%;
	}
	#fundlist #fundlist-datalist .fundlist-data .btn-mail a::after,
	#fundlist #fundlist-datalist .fundlist-data .btn-favorite a::after{
		position: absolute;
		content: "";
		display: block;
		transform: none;
	}

	#fundlist #fundlist-datalist .fundlist-data .btn-mail a::after{
		top: calc(50% - 22px);
		left: 50%;
		transform: translateX(-50%);
		width: 2.4rem;
		height: 2.4rem;
		background: url(/personal/invest/toshin/images/icon-mail.png) no-repeat center center;
		background-size: contain;
	}
	#fundlist #fundlist-datalist .fundlist-data .btn-favorite a::after{
		top: calc(50% - 19px);
		left: 50%;
		transform: translateX(-50%);
		width: 2rem;
		height: 2rem;
		background: url(/personal/invest/toshin/images/icon-fav.png) no-repeat center center;
		background-size: contain;
	}
	#fundlist #fundlist-datalist .fundlist-data .chk-compare{
		position: absolute;
		right: 2rem;
		bottom: 2rem;
		margin-top: 0;
		margin-right: 0;
		width: 3.5rem!important;
		text-align: center;
	}
	#fundlist #fundlist-datalist .fundlist-data .chk-compare input.check-compare{
		position: relative;
		width: 3.5rem;
		max-width: none;
		cursor: pointer;
		vertical-align: middle;
	}
	#fundlist #fundlist-datalist .fundlist-data .chk-compare input.check-compare::before{
		position: absolute;
		content: "";
		display: block; 
		top: auto;
		bottom: 0.6rem;
		left: 0;
		width: 100%;
		padding-top: calc(100% - 2px);
		border: solid 1px #ccc;
		border-radius: 2px;
		transform: none;
	}
	#fundlist #fundlist-datalist .fundlist-data .chk-compare input.check-compare::after{
		content: "";
		display: block; 
		position: absolute;
		top: auto;
		bottom: 1.7rem;
		left: 50%;
		width: 60%;
		height: 8px;
		border-bottom: 3px solid #666464;
		border-left: 3px solid #666464;
		transform: translate(-50%, -50%) rotate(-45deg);
		opacity: 0;
	}
		#fundlist #fundlist-datalist .fundlist-data .chk-compare label{
		display: block;
		margin-top: 2rem;
		font-size: 1.2rem;
	}
	
	/*** detail ***/
	.cvarea .btn-common.-red{
		min-height: auto;
	}
	#block-detail1{
		display: flex;
		flex-direction: column-reverse;
		justify-content: space-between;
		align-items: center;
	}
	#block-detail1 .detail-icon{
		margin-top: 1rem;
		width: 100%;
	}
	#block-detail1 .detail-icon .ranking,
	#block-detail1 .detail-icon .t_ranking{
		position: relative;
		display: inline-block;
		margin-bottom: 0.8rem;
		padding: 0 1.5rem 0 3.5rem;
		color: #333;
		font-size: 1.6rem;
		font-weight: bold;
	}
	#block-detail1 .detail-icon .ranking::before,
	#block-detail1 .detail-icon .t_ranking::before{
		position: absolute;
		left: 0;
		bottom: 0.1rem;
		content: "";
		display: inline-block;
		margin-right: 0.3rem;
		width: 3.0rem;
		height: 2.3rem;
	}
	#block-detail1 .detail-icon .ranking::before{
		background: url(/personal/invest/toshin/images/icon-rank1.png) no-repeat center bottom;
		background-size: contain;
	}
	#block-detail1 .detail-icon .t_ranking::before{
		background: url(/personal/invest/toshin/images/icon-rankt.png) no-repeat center bottom;
		background-size: contain;
	}
	#block-detail1 .detail-btn{
		display: flex;
		justify-content: flex-end;
		margin-top: 0;
		width: 100%;
	}
	#block-detail1 .detail-btn .btn-mail,
	#block-detail1 .detail-btn .btn-favorite{
		width: 8.5rem;
		margin: 0 0;
		text-align: center;
		font-size: 1.2rem;
	}
	#block-detail1 .detail-btn .btn-mail a,
	#block-detail1 .detail-btn .btn-favorite a{
		position: relative;
		display: inline-block;
		width: 100%;
		padding-top: 5.0rem;
		color: #333;
	}
	#block-detail1 .detail-btn .btn-mail a::before,
	#block-detail1 .detail-btn .btn-favorite a::before{
		position: absolute;
		content: "";
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		width: 4.4rem;
		height: 4.4rem;
		border-radius: 50%;
	}
	#block-detail1 .detail-btn .btn-mail a::after{
		position: absolute;
		content: "";
		display: block;
		top: calc(50% - 22px);
		left: 50%;
		transform: translateX(-50%);
		width: 2.4rem;
		height: 2.4rem;
		background: url(/personal/invest/toshin/images/icon-mail.png) no-repeat center center;
		background-size: contain;
	}
	#block-detail1 .detail-btn .btn-favorite a::after{
		position: absolute;
		content: "";
		display: block;
		top: calc(50% - 19px);
		left: 50%;
		transform: translateX(-50%);
		width: 2.0rem;
		height: 2.0rem;
		background: url(/personal/invest/toshin/images/icon-fav.png) no-repeat center center;
		background-size: contain;
	}

	#block-detail3 .box-common{
		padding: 2rem 2rem;
	}
	#block-detail3 .box-common .link-box{
		display: block;
	}
	#block-detail3 .box-common .link-box > div{
		margin-top: 1rem;
		font-size: 1.6rem;
	}
	#block-detail3 .box-common .link-box > div:first-child{
		margin-top: 0;
	}

	/*** 10sec ***/
	#step-10sec .col{
		margin-bottom: 1rem;
	}
	#step-10sec input[type="radio"] + label{
		box-sizing: border-box;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		height: 100%;
		padding: 1.5rem;
		background: #fff;
		color: #014694;
		border: solid 2px #014694;
		border-radius: 5px;
		text-align: center;
		font-size: 1.6rem;
		font-weight: bold;
		line-height: 1.8;
		transition-duration: 0.15s;
		cursor: pointer;
	}
}