@charset "UTF-8";
/* main  ------------------------------*/
body {
  margin-bottom: 83px !important;
}

@media (min-width: 991px) {
  body {
    margin-bottom: 0px !important;
  }
}
span.label {
  color: #ffffff;
  font-size: 60%;
  font-weight: 700;
  border-radius: 0.25rem;
  border-color: rgba(255, 255, 255, 0);
  padding: 4px 5px 3px 5px;
}

.label-gray {
  background-color: #666;
}

.label-blue {
  background-color: #0068b7;
}

.label-orange {
  background-color: #f18e19;
}

.label-green {
  background-color: #77bc01;
}

.label-brown {
  background-color: #ae7439;
}

.label-purple {
  background-color: #6633cc;
}

h4 {
  font-size: 1.2rem;
  margin-bottom: 1.5rem;
}

h5 {
  margin-bottom: 0.5rem;
}

div#desc-title {
  font-size: 1.25em;
}

div#desc-title > span {
  line-height: 1em;
  margin-bottom: 4px;
}

div#desc-sub {
  font-size: 1em;
}

@media (min-width: 991px) {
  div#desc-title {
    font-size: 1.7em;
  }

  div#desc-title > span {
    line-height: 1.4em;
    margin-bottom: 3px;
  }

  div#desc-sub {
    font-size: 1.25em;
  }
}
#about {
  width: 790px;
  float: left;
}

.tab_contents .center {
  padding: 1rem;
}

#main a.btn.orange {
  padding: 0.3rem 1rem;
}

.desc-col {
  height: 2em;
}

#projectInfo table th,
#projectInfo table td {
  padding: 0.5em;
}

#projectInfo table th {
  background-color: #ececec;
  font-weight: normal;
}

#comment {
  font-size: 0.9erm;
  display: none;
  padding: 1rem;
  margin-bottom: 1rem;
  background: #f5f5f5;
  border: 2px solid #eaeaea;
}

#comment p {
  margin-bottom: 1rem;
}

#comment textarea {
  width: 100%;
  margin-bottom: 0.5rem;
}

/* info  ------------------------------*/
.info {
  border-top: 1px solid #eaeaea;
  margin-bottom: 2rem;
}

.info .photo {
  width: 50%;
  float: left;
}

.info .photo img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 0.5rem;
}

.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: 50%;
  margin-top: 0.5rem;
}

.info th,
.info td {
  vertical-align: top;
  padding: 0.5rem 1rem;
  line-height: 1.3rem;
  border: none;
}

.info th {
  font-size: 0.8rem;
  padding-right: 0;
  width: 15%;
}

.info td {
  width: 35%;
}

td.large {
  font-weight: bold;
  font-size: 1.2rem;
}

.info tbody {
  border: none;
}

#info .tab_contents {
  font-size: 0.9rem;
  line-height: 1.3rem;
}

#risk strong {
  display: block;
  margin-bottom: 1rem;
}

#risk pre {
  white-space: normal;
}

#entry li {
  font-size: 1rem;
  text-align: center;
  padding: 2rem 1rem 4.5em 1rem;
  border-top: 1px solid #EEE;
  border-bottom: 1px solid #CCC;
  background: url(/images/fund/i_down.gif) bottom center no-repeat;
}

#entry li:last-child {
  color: #FFF;
  padding-bottom: 2rem;
  background: #0168b7;
}

#web_shikumi {
  text-align: center;
}

#web_sales th,
#web_sales #fundTable .bg_black {
  width: 10em;
}

#web_faq th,
#web_faq td {
  display: block;
}

#web_faq th {
  padding: 1rem;
  padding-left: 2.5rem;
  font-weight: bold;
  background: url(/images/site/i_q.png) left center no-repeat;
}

#web_faq td {
  padding: 1rem;
  padding-bottom: 2rem;
}

#web_boshu tr > th {
  width: 10em;
}

#web_boshu td {
  word-break: break-all;
}

#project {
  font-size: 1rem;
  padding: 0;
}

#detailList > .tab_contents {
  padding: 1rem;
}

#detailList h3 {
  font-size: 1.5rem;
  border: none;
}

#detailList h4 {
  clear: both;
}

#detailList img {
  max-width: 100%;
  height: auto;
}

#detailList iframe {
  width: 100%;
  height: 420px;
}

#fundnews {
  font-size: 1rem;
}

#fundnews h4 {
  margin: 1rem;
  border: none;
}

#report {
  font-size: 1rem;
  padding: 1rem;
}

p.note {
  font-size: 0.8rem;
  text-indent: -1em;
  padding-left: 1em;
}

/* Tab  ------------------------------*/
.tab li {
  float: left;
  padding: 0.7rem 1rem;
  border-left: 1px solid #EEE;
  border-top: 4px solid #EEE;
  cursor: pointer;
}

.tab li:last-child {
  border-right: 1px solid #EEE;
}

.tab li.on,
.tab li:hover {
  cursor: pointer;
  border-top: 4px solid #f18e19;
}

.tab_contents {
  font-size: 1rem;
  padding: 0.5rem;
  border: 1px solid #EEE;
}

.tab_contents .tab_contents {
  padding: 0;
  border: none;
}

.tab_contents > div:first-child {
  display: block;
}

.tab_contents > div p {
  margin-bottom: 1rem;
  line-height: 1.5rem;
}

.tab_contents img {
  max-width: 100%;
  height: auto;
}

.tab i {
  width: 17px;
  height: 17px;
  vertical-align: middle;
  background: url(../images/i_detail.png) 0 0 no-repeat;
}

.tab i.fund {
  background-position: 0 0;
}

.tab i.proj {
  background-position: 0 -17px;
}

.tab i.news {
  background-position: 0 -34px;
}

.sub.tab {
  font-size: 0.8rem;
  background-color: #f5f5f5;
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
}

.sub.tab li {
  border: none;
  padding: 0.5rem;
  margin-right: 1rem;
  background: url(../images/i_area_search_bg.gif) bottom left repeat-x;
}

.sub.tab li:last-child {
  margin-right: 0;
}

.sub.tab li.on,
.sub.tab li:hover {
  color: #0168b7;
  background-color: #fdfdfd;
}

.tab_contents th,
.tab_contents td {
  vertical-align: top;
  padding: 0.5rem 1rem;
}

.tab_contents th {
  background-color: #f5f5f5;
}

.tab_contents tbody {
  border-color: #f5f5f5;
}

.shikumi_box {
  text-align: center;
}

.artistphoto {
  margin: 0 1em 10px 0;
  float: left;
  width: 108px;
  height: 108px;
}

#fundTable {
  /*
  width: auto;
  */
}

.BlJ {
  font-weight: bold;
}

#fundTable tbody {
  border-bottom: none;
}

#detailList h4 {
  font-size: 20px;
  margin: 2rem 0 1rem 0;
  padding-left: 0.5rem;
  border-left: 4px solid #0168b7;
}

#detailList b,
#detailList h5 {
  clear: both;
  display: block;
  font-size: 18px;
  font-weight: bold;
  margin: 1rem 0;
  color: #444;
  border-bottom: 2px dotted #444;
}

#detailList h6 {
  clear: both;
  color: #0168b7;
  font-size: 16px;
  font-weight: bold;
  margin: 0.5rem 0;
}

/*
#detailList td:FIRST-CHILD{
	white-space: nowrap;
}
*/
#web_shikumi #shikumi {
  font-size: 0.8rem;
  position: relative;
  display: block;
  min-height: 386px;
}

#web_shikumi .shikumimusic {
  height: 386px;
  background: url(/images/fund/shikumi_fundDt.gif) no-repeat center center;
}

.shikumimusic .genban, .gyomu {
  position: absolute;
  display: inline-block;
  padding: 0.5rem;
  background: #FFF;
  border: 1px solid #E8E7E9;
}

.shikumimusic .genban {
  left: 530px;
  top: 132px;
}

.shikumimusic .gyomu {
  left: 450px;
  top: 250px;
}

span.Sc {
  font-size: 0.7rem;
}

#web_distribution .simulation th,
#web_distribution .simulation td {
  text-align: right;
}

/* Report  ------------------------------*/
#report .bluelink a {
  margin-right: 1rem;
}

#main #report td a.btn {
  display: block;
  text-align: center;
  margin: 5px 0;
  padding: 0.5rem 0;
}

.news_table th:FIRST-CHILD {
  width: 150px;
}

/* Music  ------------------------------*/
.track th {
  width: 5%;
}

.track td {
  width: 45%;
  padding: 0 5px;
}

.track td span {
  display: block;
  padding: 0.5em;
}

/*
.a_img img{
	width:108px;
	height:auto;
	float:left;
	margin: 0 1rem 0 0;
}
.a_img img.i_link{
	width:auto;
	height:auto;
}
*/
.discography {
  margin-bottom: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #EEE;
}

.discography .artistphoto {
  float: left;
  width: 108px;
  height: auto;
  margin: 0 12px 0 0;
}

.discography table {
  float: right;
  width: 580px;
  margin-bottom: 0.5rem;
}

.discography table th {
  width: 8em;
}

.discography table th,
.discography table td {
  padding: 0.2rem 1rem;
}

.discography h5 {
  clear: both;
  font-weight: bold;
  margin-bottom: 0.5rem;
}

.discography h5,
.discography ul {
  padding-left: 160px;
}

.discography li {
  border-top: 1px dotted #EEE;
  font-size: 0.8rem;
  padding: 0.2rem 1rem;
}

/* Excontract  ------------------------------*/
#excontract h4,
#excontract .title01 {
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.5rem;
  margin: 1rem 0 0.5rem 0;
}

#excontract p {
  margin: 0 0 0.5rem 0;
}

.abt_product td.fund_img {
  padding: 0;
  width: 100px;
}

.abt_product td.name {
  white-space: nowrap;
}

#detailList #slider {
  position: relative;
  width: 500px;
  height: 365px;
  overflow: hidden;
  margin: 0 auto;
}

.jquery-slider-element {
  display: none;
  position: absolute;
  top: 0;
  left: 499px;
  width: 500px;
  height: 365px;
}

.track .memonly {
  display: none;
}

div#fundnews img {
  max-width: 100%;
}

.label {
  display: inline-block;
  font-size: 1.2rem;
  line-height: 1rem;
  padding: 0.4rem 0.5rem 0.2rem 0.5rem;
  border: 1px solid #e0e2e1;
  vertical-align: bottom;
}

/* Recommend Fund  ------------------------------*/
.recommend_fund {
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.recommend_fund h3 {
  font-size: 1.2rem;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  margin-bottom: 1rem;
}

/* Rerated_ec_item  ------------------------------*/
.rerated_ec_item {
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.rerated_ec_item h3 {
  font-size: 1.2rem;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  margin-bottom: 1rem;
}

.item {
  position: relative;
  border: 1px solid #EEE;
  float: left;
  margin: 0 0 10px 0;
}

.item dd {
  margin-bottom: 0;
}

.item h4 {
  font-size: 0.9rem;
  margin: 0px;
  font-weight: normal;
}

/* Sidebanner  ------------------------------*/
.sidebanner li {
  margin-bottom: 0.5rem;
  color: #000;
}

.sidebanner img {
  -webkit-backface-visibility: hidden;
}

/* Bootstrap Tab  ------------------------------*/
.nav.nav-tabs {
  white-space: nowrap;
  display: block !important;
  flex-wrap: nowrap;
  max-width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  z-index: 10;
}

.nav-tabs {
  border: none !important;
}

@media (min-width: 735px) {
  .nav.nav-tabs {
    overflow-x: inherit;
    display: inline;
  }
}
.nav li {
  display: table-cell;
}

ul#navContent li.nav-item {
  border: none !important;
}

.nav-tabs .nav-link {
  font-size: 1.15em;
  color: #0168b7;
  border: none !important;
  border-bottom: 1px solid #dee2e6 !important;
}

@media (min-width: 991px) {
  .nav-tabs a.nav-link {
    padding: 0.5rem 2rem 0.5rem 0 !important;
  }
}
.nav-tabs .nav-link.active {
  color: #0095ff !important;
  border-bottom: 3px solid #0095ff !important;
}

#leftCursor,
#rightCursor {
  position: absolute;
  z-index: 100;
  transform: translate(0%, 10%);
  font-size: 1.7rem;
  color: rgba(1, 104, 183, 0.46) !important;
  top: -3px;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25));
}

#leftCursor:hover,
#rightCursor:hover {
  color: rgba(1, 104, 183, 0.46) !important;
}

#rightCursor {
  right: 0px;
}

/* Bootstrap Accordion  ------------------------------*/
.card {
  border: none !important;
  border-radius: 0 !important;
}

.card .toggle-icon {
  align-self: center;
  position: absolute;
  right: 1em;
}

.card a[aria-expanded=true] .toggle-icon::before {
  content: "";
  outline: none;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
}

.card a[aria-expanded=false] .toggle-icon::before {
  content: "";
  outline: none;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
}

/* DL Accordion  ------------------------------*/
.accordion > dt {
  cursor: pointer;
  position: relative;
  padding: 1rem 3rem 1rem 1rem;
  border-top: 2px solid #fbfbfb;
  border-bottom: 1px solid #e1e1e1;
  background: url(/images/i_accordion_dt_down.png) right center no-repeat;
}

.accordion > dt.open {
  background-image: url(/images/i_accordion_dt_up.png);
}

.accordion > dt small {
  float: right;
  margin-left: 2em;
}

.accordion > dd {
  padding: 1rem;
  display: none;
}

.accordion > dt:hover {
  background-color: #fafafa;
}

.accordion.gray > dt {
  padding: 0.5rem 1rem;
  background: #f5f5f5 url(/images/i_accordion_dt_down.png) right center no-repeat;
}

.accordion.open > dt {
  background-image: url(/images/i_accordion_dt_up.png);
}

.accordion.open > dd {
  display: block;
}

/* fixed butto (For SmartPhone)  ------------------------------*/
div.fixed-button {
  width: 100%;
  background-color: #fff;
  position: fixed;
  z-index: 100;
  bottom: 0px;
  left: 0;
  right: 0;
  filter: drop-shadow(0 -2px 10px rgba(0, 0, 0, 0.15));
}

div.card-header {
  background-color: #e4e4e4;
  border-bottom: 1px solid #ffffff;
}

button.btn-submit {
  height: 45px;
}

#notice dl.accordion dd img {
  width: 100%;
}

#detailList img {
  height: auto !important;
  max-width: 340px;
}

#detailList div.tab-content a {
  color: #0168b7;
}

#detailList div.tab-content a:hover {
  color: #1C8CF0;
}

@media (min-width: 991px) {
  #detailList img {
    max-width: 640px;
  }
}
.tile-item {
  background-color: #ffffff;
  filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.25));
  border: none;
}

.tile-item:hover {
  filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.35));
}

.tile-item > dt img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (min-width: 991px) {
  .card-body {
    padding: 1.25rem 0 1.25rem 0;
  }
}
#projectInfo th {
  width: 30%;
}

#limited ul {
  padding: 0;
}