@charset "UTF-8";


h3 i{
}
h3:nth-of-type(2) i{ background-position: 0 -15px; }
h3:nth-of-type(3) i{ background-position: -30px 0; }
h3:nth-of-type(4) i{ background-position: -15px 0; }
h3:nth-of-type(5) i{ background-position: -15px -15px; }
h3:nth-of-type(6) i{ background-position: -30px -15px; }

i.question{
	background: url(../images/i_menu.png) 0 -30px no-repeat !important;
}

.edit i.arrow-right{
	background-position: 0 0;
}


/* main  ------------------------------*/

#main {
	margin-top: 2rem;
	margin-bottom: 2rem;
}
#main p{
	margin-bottom:1rem;
}

#main .l {
    width: 670px;
    float: left;
}

#main .r {
    width: 300px;
    float: right;
}

/* Font  ------------------------------*/
h2 {
    border: none;
	padding-bottom:0;
}

h3 {
	margin-top: 2rem;	
}
h3 i{
vertical-align: middle;
}
h3 a{
	font-size:0.8rem;
}
h3 em {
	margin-right: 1rem;
	padding-top: 0.3rem;
	padding-right: 0.3rem;
	padding-bottom: 0.7rem;
	padding-left: 0.3rem;
	font-weight: bold;
}
.border h3:first-child{
	margin-top: 1rem;
}

.cartlist img{
	width: 100px;
	height: auto;
}
.tit_investornews_t {
    padding-bottom: 0.6rem;
}
.tit_investornews_b {
    border: none;
    padding: 0;
    margin: 1.5rem 0 1rem 0;
}

/* Order  ------------------------------*/
#order h3 img{
	display: block;
	margin: 1rem auto 3rem auto;	
}
#order .anq.inner{
	padding-top: 0;
	margin-bottom: 1rem;
	border-bottom: 1px solid #eaeaea;
}
#order .anq.inner h4{
	border-top: 1px solid #eaeaea;
	padding: 1rem 0;
}

#order .name_width{
	width:8rem;
}

.empty {
	background-color: #ffdddd !important;
}

#order_notice_box {
	position: fixed;
	z-index: 100;
	left: 100px;
	top: 100px;
	border: 0px;
	padding: 10px;
	margin: 0px;
	opacity: 0.9;
	background-color: #0A3C41;
	color: #fff;
	border-radius: 10px;
}

#order_notice_box .notice{
	color: #ffaaaa;
}


/* MypageTOP  ------------------------------*/
#mypage_top dt{
	font-weight:bold;
	padding:0.5rem 1rem;
	background-color:#f5f5f5;
}
#mypage_top dd{
	padding:1rem;
}
.fundlist {
	margin-bottom: 1rem;	
}
.fundlist li{
	border-bottom: 1px solid #eaeaea;
}
.fundlist a{
	display: block;
	padding: 0.5rem 0;
	color:#000;
	text-decoration: none;
}
.fundlist a:hover{
	background-color: #f5f5f5;
}
.fundlist img{
	height:100px;
	width: auto;
	margin-right: 1rem;
	vertical-align: middle;
}

.fundlist.clearfix li{
	float: left;	
	border: none;
}
.fundlist.clearfix a{
	display: inline-block;
	padding: 0.2rem 1rem;
}


.mypage_fundlist li{
	float:left;
	width: 19%;
	padding: 0.5%;
}


.mypage_fundlist {
	font-size: 0.9rem;	
}
#main .mypage_fundlist p.photo{
	/*height: 110px;*/
	line-height:0;
	overflow: hidden;
	background-color:#EEE;
	margin-bottom: 5px;
	position: relative;
}
#main .mypage_fundlist p.photo span.st{
	position: absolute;
	line-height:1rem;
	top:0; right:0;
	font-size:0.7rem;
	color:#FFF;
	padding:0.1rem 0.5rem;
	background-color: rgba(0,0,0,0.8);
}
#main .mypage_fundlist p.photo span.ri{
	position: absolute;
	line-height:1rem;
	top:0; right:0;
	font-size:0.7rem;
	color:#FFF;
	padding:0.1rem 0.5rem;
	background-color: #f18e19;
}

#main .mypage_fundlist p.title{
	height: 2.5rem;
	line-height:1.2rem;
	overflow: hidden;
	margin-bottom: 5px;
}
#main .mypage_fundlist p.pbtn{
	height: 2.5rem;
	text-align: center;
	margin-bottom: 0;
}
	
.mypage_fundlist li .photo img{
	width: 100%;
	height: auto;
}

/* Deposit  ------------------------------*/

#deposit .b_submit{
	display: inline;
	margin: 0 0 0 1rem;
}

#deposit .b_return{
	text-align: center;
	margin: 0 0 0 1rem;
}


#main .list a{
	color:#000;
}
/* Item  ------------------------------*/
.item{
	position: relative;
	border:1px solid #EEE;
	width:244px;
	float:left;
	margin:0 8px 10px 0;
	font-size:0.8rem;
}
.item .new{
	position: absolute;
	top:-9px; right:0;	
}
.item > dt{
	line-height:0;
	min-height:160px;
}
.item > dt img{
	max-width:100%;
	height: auto; 
	display: block;
}
.item > dd{
	padding: 10px;
}
.item h3{
	font-size:1.2rem;
	margin:0 0 0.5rem 0;
}
.item ul{
	margin-top:0.5rem;
}
.item li{
	float:left;
	color:#0A3C41;
	font-size:0.7rem;
	padding:0 0.3rem;
	border:1px solid #0A3C41;
	margin:0 0.2rem 0.2rem 0;
}


.item > dd p,
.item > dd .p,
.item > dd .gw,
.item > dd ul{
	display: none;
}
.item > dd dl{
	float:left;
	width:60%;
}
.item > dd dl:nth-child(even) { 
	width:40%;
}
.item > dd dl.block{
	width:100%;
}



.item > dd dt{
	color:#000;
	margin-bottom:0.2rem;
	padding-left:18px;
	background: url(../images/i_info1.gif) left center no-repeat;
}

#main .list a:nth-of-type(4n) .item,
.list .item:nth-of-type(4n){
	margin-right:0;
}

/* News  ------------------------------*/

ul.border li{
	padding: 0.5rem;
	border-bottom: 1px dotted #CCC;
}

#msnews .newslist{
	width: 750px;
	float: left;
}
#msnews .newslist .accordion dt{
	padding: 0;	
}
#msnews .newslist .accordion dt p{
	padding: 0.5rem 0.5rem  1rem  0.5rem;
	margin-bottom: 0;
}

#msnews .newslist li .label.cat,
#msnews .newslist .accordion dt .label.cat{
	color:#f18e19;
	padding:0 0.5rem;
}

#msnews #side{
	width: 250px;
	float: right;
}
#msnews .pagelink a.on{
	background-color: #0A3C41;
}

/* FundEdit  ------------------------------*/
#fund_edit th{
	width:12em;
	background-color: #f5f5f5;
}
#fund_edit th.th{
	/*width:8em;*/
	/*text-align:center;*/
	background-color: #fCfCfC;
}
#fund_edit #view th.th{
	width: auto;
}
#fund_edit td .border{
	margin: 0;	
}
#fund_edit #suryo{
	width: 4em;
	text-align: center;
}


#fund_edit label{
	display: block;
	padding: 0.5em;
}
#fund_edit label input{
	margin-right: 0.5em;	
}

#fund_edit #kingk,
#fund_edit #fee,
#fund_edit #total,
#fund_edit #kifu,
#fund_edit #purchase
{
	display:inline-block;
	width:8em;
	text-align:right;
}

.border .cont img, 
.border .cont0 img{
	display: block;
	margin: 1em auto;
}

/* EcDetail  ------------------------------*/
#ec_detail h2{
    font-style: normal;
    font-weight: normal;
    line-height: 1.5em;
    padding: 0;
}
#ec_detail h2 em{
	padding: 0;	
}
    
#ec_detail th{
	width:12em;
	font-weight:bold;
	background-color: #f5f5f5;
}
#ec_detail thead th{
	width: auto;
}


/* exp  ------------------------------*/

.exp .title{
    font-size: 20px;
	margin: 3rem 0 1rem 0;
	padding-left:0.5rem;
}


/* fund  ------------------------------*/
a.tgTtip {
	text-decoration: none;
	font-size: 0.7em;
	position: relative;
	top: -0.1em;
	margin:0;
}

/*クリック元装飾*/
span.tooltip1 {
	color: #999999;
	font-size: 0.7em;
	top: -0.1em;
	text-align: center;
	background-color: #FFF;
	border-radius: 10px;
	-moz-border-radius: 10px;
	margin-left:3px;
	border: 1px solid #999;
	padding-top: 0;
	padding-right: 0.5em;
	padding-bottom: 0;
	padding-left: 0.5em;
	vertical-align: text-bottom;
}

/*クリック元装飾(2)*/
span.tooltip2 {
	background-color: #ccc;
}

/*ツールチップ本体 HTMLの最後に挿入するため、class="fund"のスコープ外 */
p.tgToolTip {
	text-align: left;
	margin: 0;
	padding: 1em 1em;
	background-color: #666;	
	color: #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	min-height: 1em;
	top: 100px;
	left: 20px;
	position: absolute;
	z-index: 100;
	font-size: 0.7em;
}
.pageShow{
	display: block;
}

.pageHide{
	display: none;
}

#pageDeposit{
	margin-top: 2rem;
	margin-bottom: 2rem;
}

#pageDeposit ul li ul li{
	cursor: pointer;
	float: left;
	margin-left: 0.4rem;
	margin-right: 0.4rem;
}
#pageDeposit ul li ul li.blue{
	color:#0A3C41;
}
.page-index-separator{
	float: left;
}

/* table  ------------------------------*/
th, td {
    font-size: 0.8rem;
    padding: 0.3rem 1rem;
}

.settlement {
	table-layout: fixed;
}

.settlement td {
	font-size: 0.8rem;
	padding: 0.5rem 0.2rem;
}

.redeemed {
	table-layout: fixed;
}

.redeemed td {
	font-size: 0.8rem;
	padding: 0.5rem 0.2rem;
}

.middleend {
	table-layout: fixed;
}

.middleend td {
	font-size: 0.8rem;
	padding: 0.5rem 0.2rem;
}

.label-gray {
	background-color: #666;
	color: #FFF;
    font-size: 60%;
    padding-top: 3px;
    vertical-align: top;
    padding-right: 10px;
    padding-bottom: 2px;
    padding-left: 10px;
    border-radius: 3px;
}
.label-blue {
	background-color: #0068b7;
	color: #FFF;
    font-size: 60%;
    padding-top: 3px;
    vertical-align: top;
    padding-right: 10px;
    padding-bottom: 2px;
    padding-left: 10px;
    border-radius: 3px;
}
.label-orange {
	background-color: #f18e19;
	color: #FFF;
    font-size: 60%;
    padding-top: 3px;
    vertical-align: top;
    padding-right: 10px;
    padding-bottom: 2px;
    padding-left: 10px;
    border-radius: 3px;
}
.label-green {
	background-color: #77bc01;
	color: #FFF;
    font-size: 60%;
    padding-top: 3px;
    vertical-align: top;
    padding-right: 10px;
    padding-bottom: 2px;
    padding-left: 10px;
    border-radius: 3px;
}
.label-red {
	background-color: #C00;
	color: #FFF;
	font-size: 60%;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}
.label-brown {
	background-color: #ae7439;
	color: #FFF;
    font-size: 60%;
    padding-top: 3px;
    vertical-align: top;
    padding-right: 10px;
    padding-bottom: 2px;
    padding-left: 10px;
    border-radius: 3px;
}
.label-purple {
	background-color: #6633cc;
	color: #FFF;
    font-size: 60%;
    padding-top: 3px;
    vertical-align: top;
    padding-right: 10px;
    padding-bottom: 2px;
    padding-left: 10px;
    border-radius: 3px;
}
.pad-t20 {
	font-size: 0.8rem;
	padding-top: 0.5rem;
	padding-right: 0.3rem;
	padding-bottom: 0.4rem;
	padding-left: 0.3rem;
}

/* 照会期間  ------------------------------*/
#deposit-link-btn a:hover{
	text-decoration: none;
}

#deposit-time-filter{
	margin: 1rem 3rem;
}
#deposit-time-filter-select{
	float: left;
	margin-right: 2rem;
	margin-left: 2rem;
}
#deposit-time-filter-btn{
	cursor:pointer;
}
#deposit-history-paging span{
	float: left;
	width: 50%;
	padding-top: 1.05rem;
	padding-bottom: 1.05rem;
}

.pagelink a.on {
	background-color: #0068b7;
}
#depositUsingMethod{
	margin:1rem auto;
}

.onright{
	float:right;
}

div#buy_header {
    margin-top: 1rem;
    margin-bottom: 0.5rem;
	margin-left: 20px;
}

div#buy_footer {
    margin-bottom: 2rem;
    margin-top: 0.5rem;
}

p#go-top-page {
    font-size: 0.7rem;
    text-align: left;
    margin: 0 auto 20px 20px;
}

div#buy_footer {
    margin: 0 auto 1rem auto;
    width: 1050px;
}

.margin-t1 {
	margin-top: 1rem;
}
.margin-b1 {
	margin-bottom: 1rem;
}
.margin-r1 {
	margin-right: 1rem;
}
.margin-0{
	margin: 0 !important;
}
.text-14{
	font-size: 14px;
}
.gray{
	color: #777;
}
.light-gray{
	color: #999;
}
.info_ms {
	border-top: 1px solid #e1e1e1;
	margin-bottom: 0.4rem;
	padding-top: 0.4rem;
}
.article {
	border:1px solid #e1e1e1;
	padding-top: 0px;
	margin-bottom:2rem;
}
.article h4 {
	background-color: #f5f5f5;
	padding-top: 0.6rem;
	padding-right: 1.4rem;
	padding-bottom: 0.6rem;
	padding-left: 1.4rem;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1rem;
	margin-left: 0px;
	color: #0A3C41;
	font-size: 18px;
}
.article h5 {
	font-weight: bold;
}
.count {
	margin-top:2rem;
}
.owner-box{
	padding-top: 0px;
	padding-right: 1.4rem;
	padding-bottom: 1.4rem;
	padding-left: 1.4rem;	
}
.delete_button {
	background-color: #FFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float:left;
	padding:0;
}
.comment-box {
	margin-top: 1rem;
	margin-bottom: 1.5rem;
}
.invester_comment {
	margin-top: 0.1rem;
	margin-bottom: 0.1rem;
}
.owner-box li:first-child{
	border-top: 1px solid #e1e1e1;
	padding-top: 1rem;
	margin-top: 0;
}
.posted-time {
	font-size: 0.7em;
	color: #999;
}
.indent {
	padding-left:1.2rem;
}
.article label {
	cursor: pointer;
	display: inline-block;
	margin-top: 0.5rem;
	margin-bottom: 0;
	margin-left: 0;
}
.article label input {
     display: none;
}
.object-fit-img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  font-family: 'object-fit: contain;'
}
.imgDelete {
	border:none;
	background-color: #FFF;
	}

@-webkit-keyframes ripple {
  to {
    opacity: 0;
    transform: scale(2.0);
  }
}

@keyframes ripple {
  to {
    opacity: 0;
    transform: scale(2.0);
  }
}

/* info  ------------------------------*/
.info{
	margin-bottom: 2rem;
}
.info .photo{
	width: 70%;
	float:left;
}
.info .photo img{
	display:block;
	width: 100%;
	height:auto;
}
.sns .twitter-share-button,
.sns .fb-like span{
	vertical-align: middle !important;	
}
#fundnews .sns{
	text-align:center;
	clear: both;
	padding:0.5em 0;
	background-color: #fafafa;
}


#main .sns .btn{
	padding:2px 5px;
	line-height:1rem;
	vertical-align: bottom;	
}

.info table{
	width:30%;
}
.info th,
.info td{
	vertical-align: top;
    padding: 0.5rem 1rem;
    line-height:1.2rem;
	border: none;
}
.info th{
	font-size:0.8rem;
    padding-right: 0;
    width: 25%;
}
.info td{
	width: 75%;	
}
td.large{
	font-weight: bold;
	font-size: 1.2rem;
	
}
.info tbody{
	border: none;
}
/* progressbar  ------------------------------*/ 
.gw{
}
.g{
	width:100%;
}
.g,
.g span{
	height:8px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background-color:#CCC;
}
.g span{
	display:block;
	background-color:#01B7AB;;
}

.label-warn{
	text-align: center;
	background-color: #FF2222;
	color: #ffffff;
	font-size: 10pt;
	display: inline-block;
	line-height: 28px;
	font-weight: bold;
	vertical-align: bottom;
	border-radius: 5px;
	padding: 0 7px;
	margin: 0 5px !important;
}

.label-warn-wrapper{
	line-height: 28px;
}

/* Facebook ロゴ色 */
.w-facebook {
	color: #1877f2;
}

/* トグルスイッチ */
.toggle-switch {
	margin-top: 0.5rem;
	display: block;
	align-items: center;
	justify-content: center;
}

.toggle-switch button {
	width: 5.25rem;
	height: 2rem;
	position: relative;
	border: none;
	border-radius: 2rem !important;
	background-color: #e4e4e4;
	cursor: pointer;
}

.toggle-switch.on button{
	background-color: #8ECBCC;
}

.toggle-switch label {
	color: #1E2121;
	margin-bottom: 0px;
	cursor: pointer;
}

.toggle-switch button span.toggle-btn {
	content: "";
	position: absolute;
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 0.75rem;
	left: 0.25rem;
	top: 0.25rem;
	background: #FFFFFF;
	border: 1px solid #E4E4E4;
}

.toggle-switch.on button span.toggle-btn {
	left: 3.5rem !important;
}

.toggle-switch button span.toggle-label {
	font-weight: normal;
	padding-left: 1.1rem;
}
.toggle-switch.on button span.toggle-label {
	margin-left:-1rem !important;
	color: #ffffff;
	padding-left: 0rem;
}
/* end of トグルスイッチ */

/* サブページリンク */
#main .responsiveContent nav a.nav-link {
	width: 50%;
	text-align: center;
	font-weight: 900;
	color:#8ECBCC;
	background-color: #fff;
	border: 1px solid #8ECBCC;
	border-radius: 0;
	display: block;
	font-size: 0.9rem;
	filter:none;
}
#main .responsiveContent nav a.nav-link.active {
	color: #fff !important;
	background-color: #8ECBCC;
}
/* end サブページリンク */