@charset "UTF-8";

/* **********************************************************************
 *
 *       Title:   セゾン投信 /company/outline/css/chart.css
 *
 ********************************************************************** */
.sw-btn{
    position: relative;
}
.sw-btn ul{
    margin-top:20px;
}
.sw-btn ul li{
    display: inline-block;
    padding:0 10px;
}
.sw-btn ul li.sw{
    background-color: rgb(247, 247, 247);
    margin-right:3px;
    cursor: pointer;
}

.fund-canvas-labels + .pure-g {
	font-size:12px;
	line-height:1;
}

@media screen and (max-width:767px) {
    .sw-btn ul li{
       display: inline-block;
       padding:0 4px;
    }
    .sw-btn ul li.sw{
       margin-right:2px;
    }
	.fund-canvas-labels + .pure-g {
		font-size:10px;
	}
}
 .sw-btn ul li.sw.active{
    background-color: rgb(230, 235, 245);
    font-weight: bold;
}
 .sw-btn ul li.sw:hover{
    background-color: rgb(230, 235, 245);
}

/* 運用資産残高 */
.fund-assetTotal{
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 10px 16px;
	background-color: #E5ECF4;
	padding: 16px 20px;
	border-radius: 4px;
}
.fund-assetTotal__label{
	font-weight: bold;
}
.fund-assetTotal__value{
	color: #3378B4;
	font-weight: bold;
	font-size: 28px;
}
.fund-assetTotal__value-unit{
	font-size: 16px;
	margin-left: 2px;
}
.fund-assetTotal__date{
	font-size: 12px;
	color: #666;
}
.fund-canvas__unit{
	font-size: 12px;
	color: #666;
	margin-bottom: 4px;
}
@media screen and (max-width:767px) {
	.fund-assetTotal{
		padding: 12px 14px;
	}
	.fund-assetTotal__value{
		font-size: 22px;
	}
	.fund-assetTotal__value-unit{
		font-size: 13px;
	}
	.fund-assetTotal__date{
		font-size: 11px;
	}
	.fund-canvas__unit{
		font-size: 10px;
	}
}