@charset 'UTF-8';
#contens
{
	padding: 20px 0 60px;
}

/* 検索条件 */
.search-condition-wrap
{
	margin-bottom: 41px;
}

.search-condition .title
{
	padding: 0 20px;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 48px;
	background: #ededed;
	border: solid 1px #dedede;
}

.search-condition .condition-box
{
	padding: 20px;
	border: solid 1px #dedede;
	border-top: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.search-condition .condition-box label
{
	display: inline-block;
	margin-right: 9px;
}

.search-condition .condition-box input[type='text']
{
	display: inline-block;
	padding: 11px 14px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 770px;
	line-height: 1;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 1.6rem;
	height: 42px;
}

.search-condition .condition-box .btn
{
	width: 9.3em;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	padding: 0 2em;
	line-height: 1.3;
	display: table-cell;
	vertical-align: middle;
	height: 50px;
}

/* ファンド対象 */
.fund-type-wrap .message
{
	width: 100%;
	margin-bottom: 28px;
}

/* ページネーション */
.top-operation
{
	margin-bottom: 20px;
}

.bottom-operation
{
	margin: 0;
}

.bottom-operation .option-bottom
{
	margin-top: 44px;
}

.pagenation-wrap
{
	margin: 0;
}

/* ファンド一覧 */
.fund-list-table
{
	width: 100%;
	text-align: center;
	border-collapse: collapse;
	margin-bottom: 20px;
}

.fund-list-table th
{
	background: #ededed;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 1.2;
	height: 46px;
}

.fund-list-table th:nth-child(1)
{
	width: 120px;
}

.fund-list-table th:nth-child(2)
{
	width: 280px;
}

.fund-list-table th:nth-child(3)
{
	width: 800px;
}

.fund-list-table th:nth-child(4) {
    padding: 0 10px;
}

.fund-list-table th:nth-child(4) p{
    width: 85px;
}

.fund-list-table td
{
	font-size: 1.4rem;
	padding: 24px 12px;
	text-align: left;
	line-height: 1.2;
}

.fund-list-table th,
.fund-list-table td
{
	border: 1px solid #dedede;
}

.fund-list-table .sort
{
	display: inline-block;
	position: relative;
	padding-right: 20px;
}

.fund-list-table .sort-icon
{
	display: inline-block;
	width: 12px;
	height: 24px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: calc(100% - 15px);
	margin: auto;
}

.fund-list-table .sort-icon .order-desc,
.fund-list-table .sort-icon .order-asc
{
	position: relative;
	display: block;
	width: 12px;
	height: 12px;
}

.fund-list-table .sort-icon .order-desc:before,
.fund-list-table .sort-icon .order-asc:before
{
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	border-top: solid 2px #c5c5c5;
	border-right: solid 2px #c5c5c5;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.fund-list-table .sort-icon .order-desc.active:before,
.fund-list-table .sort-icon .order-asc.active:before
{
	border-color: #000;
}

.fund-list-table .sort-icon .order-desc.active:hover,
.fund-list-table .sort-icon .order-asc.active:hover
{
	opacity: 1;
}

.fund-list-table .sort-icon .order-asc:before
{
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	top: 0;
	bottom: inherit;
}

.fund-list-table .fund-name
{
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.5;
}

.fund-list-table .fund-name .link-icon.arrow.circle:after
{
	top: 2px;
}

.fund-list-table .fund-name .link-icon:before
{
	top: 9px;
	bottom: inherit;
}

.fund-list-table .fund-name .link-icon:after
{
	bottom: inherit;
}

/* ファンド詳細 */
.fund-dtil
{
	padding: 11px 20px 14px;
	border: solid 3px #dedede;
	border-radius: 10px;
	margin-bottom: 40px;
}

.fund-dtil .title-wrap
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.fund-dtil .title-wrap .fund-name
{
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.75;
}

.fund-dtil .investment-company
{
	font-size: 1.4rem;
}

.fund-dtil .investment-target
{
	display: inline-block;
	padding: 0 .5em;
	font-size: 1.4rem;
	line-height: 30px;
	border: solid 1px transparent;
	margin-top: 14px;
	margin-bottom: 4px;
}

.content
{
	margin-bottom: 20px;
}

.content .content-title
{
	margin: 0;
}

/* 交付目論見書一覧 */
.prospectus-list-table
{
	width: 100%;
	text-align: center;
	border-collapse: collapse;
	margin-bottom: 20px;
}

.prospectus-list-table th
{
	background: #ededed;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 1.2;
	height: 46px;
	width: 50%;
}

.prospectus-list-table td
{
	font-size: 1.4rem;
	padding: 14px 12px;
	line-height: 1.2;
}

.prospectus-list-table th,
.prospectus-list-table td
{
	border: 1px solid #dedede;
}

.prospectus-list-table .fund-report-box img
{
	height: 45px;
}

input[type="text"] {
ime-mode: disabled;
}

input[type="text"].im-active {
ime-mode: active;
}

.mar-b {
    margin-bottom:10px;
}

.mar-b li {
    font-size: 1.8rem;
    font-weight: 700;
    padding: 0 20px;
}

.tg-c {
    text-align: center;
}

.bor {
    padding: 20px;
    border: solid 1px #dedede;
}

.bor10 {
    padding: 10px;
    border: solid 1px #dedede;
}

.content-title a {
    text-align: center;
    vertical-align: middle;
    width: 166px;
    height: 35px;
    line-height: 35px;
    font-weight: 500;
}

.pad-b {
    padding-bottom:0px !important;
}


.talkbubblet {
    width: 170px;
    height: 40px;
    position: relative;
    background: linear-gradient(-135deg, transparent 7px, #268cbf 0);
    display: inline-block;
    bottom: -2px;
}

.talkbubblew {
    width: 166px;
    height: 36px;
    position: relative;
    left:1px;
    top:1px;
    background: linear-gradient(-135deg, transparent 6px, #F2F2F2 0);
    display: inline-block;
    margin:1px;
}

.talkbubblew:hover {
    background: #fff;
}

.talkbubble {
    width: 170px;
    height: 40px;
    position: relative;
    background: linear-gradient(-135deg, transparent 7px, #268cbf 0);
    display: inline-block;
    bottom: -2px;
}

.talkbubble:before {
    content:"";
    position: absolute;
    right: 100%;
    top: 0px;
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-right: 12px solid #268cbf;
    border-bottom: 12px solid transparent;
}

.talkbubbles {
    width: 166px;
    height: 36px;
    position: relative;
    left:1px;
    top:1px;
    background: linear-gradient(-135deg, transparent 6px, #F2F2F2 0);
    display: inline-block;
    margin:1px;
}

.talkbubbles:before {
    content:"";
    position: absolute;
    right: 100%;
    top: 0px;
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-right: 9px solid #f2f2f2;
    border-bottom: 9px solid transparent;
}

.talkbubbles:hover {
    background: linear-gradient(-135deg, transparent 6px, #fff 0);
}

.talkbubbles:hover:before {
    content:"";
    position: absolute;
    right: 100%;
    top: 0px;
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-right: 9px solid #fff;
    border-bottom: 9px solid transparent;
}

.talkbubbles.active:before {
    content:"";
    position: absolute;
    right: 100%;
    top: 0px;
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-right: 9px solid #fff;
    border-bottom: 9px solid transparent;
}

.content-title .talkbubble:nth-child(2){
    left: -10px;
    position: relative;
}

.content-title .talkbubble:nth-child(3){
     left: -18px;
     position: relative;
}

.talkbubblet .active {
    background: linear-gradient(-135deg, transparent 6px, #FFF 0) !important;
}

.talkbubblet .active a {
    color:#000;
}

.talkbubble .active {
    background: linear-gradient(-135deg, transparent 6px, #FFF 0) !important;
}

.talkbubble .active a {
    color:#000;
}