@charset "UTF-8";
/* ----------------------------------
	profile
---------------------------------- */
@media screen and (max-width: 767px) {
  #prof-index .lower-nav, #prof-detail .lower-nav {
    float: right;
    width: 35%;
    position: relative;
    z-index: 10;
  }
  #prof-index .lower-nav ul, #prof-detail .lower-nav ul {
    border: 1px solid #000;
    position: absolute;
    top: 22px;
    right: 0;
    width: 100%;
    background: #FFF;
    display: none;
  }
  #prof-index .lower-nav li + li, #prof-detail .lower-nav li + li {
    border-top: 1px solid #000;
  }
  #prof-index .lower-nav li a, #prof-detail .lower-nav li a {
    display: block;
    padding: 10px 12px;
  }
  #prof-index .lower-nav li a.active, #prof-detail .lower-nav li a.active {
    color: #000;
  }
}

#prof-index .breadcrumb {
  margin-bottom: 60px;
}
#prof-index .prof-list {
  padding: 0 40px;
}
#prof-index .prof-list + .prof-list {
  margin-top: 120px;
}
#prof-index .prof-list h2 {
  text-align: center;
}
#prof-index .prof-list li {
  width: 23%;
  float: left;
  margin-top: 40px;
  margin-left: 2.666666666%;
}
li.jb {
    margin-top: 40px !important;
}
#prof-index .prof-list li:nth-child(1), #prof-index .prof-list li:nth-child(2), #prof-index .prof-list li:nth-child(3), #prof-index .prof-list li:nth-child(4) {
  margin-top: 0;
}
#prof-index .prof-list li:nth-child(4n+1) {
  margin-left: 0;
}
#prof-index .prof-list li a {
  display: block;
}
@media screen and (min-width: 768px) {
  #prof-index .prof-list li a:hover {
    text-decoration: none;
  }
  #prof-index .prof-list li a:hover figure:before, #prof-index .prof-list li a:hover figure:after {
    width: 100%;
    height: 100%;
  }
  #prof-index .prof-list li a:hover figure:before {
    border-bottom-color: #e50011;
    border-left-color: #e50011;
    transition: height .2s, width .2s .2s;
  }
  #prof-index .prof-list li a:hover figure:after {
    border-top-color: #e50011;
    border-right-color: #e50011;
    transition: height .2s, width .2s .2s;
  }
}
#prof-index .prof-list li figure {
  margin-bottom: 10px;
  position: relative;
  outline: none;
  border: 1px solid #000;
}
#prof-index .prof-list li figure:before, #prof-index .prof-list li figure:after {
  position: absolute;
  z-index: 2;
  content: '';
  width: 0;
  height: 0;
  border: 2px solid transparent;
}
#prof-index .prof-list li figure:before {
  top: -2px;
  left: -2px;
}
#prof-index .prof-list li figure:after {
  bottom: -2px;
  right: -2px;
}
#prof-index .prof-list li figure img {
  display: block;
  width: 100%;
}
#prof-index .prof-list li figcaption span {
  display: block;
  vertical-align: top;
  color: #FFF;
  line-height: 20px;
  background: #000;
  margin-left: 0 !important;
  margin-right: 0 !important;
  /*padding: 0 8px;*/
}
figcaption {
    padding: 0 8px;
    background: #000;
}
figcaption.en {
	font-size: 10px;
    padding: 0 5px;
    letter-spacing: -0.4px;
}
#prof-index .prof-list li em {
  display: block;
  font-size: 17px;
}
#prof-index .prof-list .artist li {
  width: 32%;
  margin-left: 2%;
  margin-top: 40px;
}
#prof-index .prof-list .artist li:nth-child(1), #prof-index .prof-list .artist li:nth-child(2), #prof-index .prof-list .artist li:nth-child(3) {
  margin-top: 0;
}
#prof-index .prof-list .artist li:nth-child(3n+1) {
  margin-left: 0;
}
#prof-index .sub-cate .cate-ttl {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  vertical-align: baseline;
}
#prof-index .sub-cate .cate-nav {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  vertical-align: baseline;
  /* margin-left: 13px; */
  width:100%;
  margin-bottom:40px;
}
#prof-index .sub-cate .cate-nav p {
  float: left;
  font-size: 14px;
  line-height: 1;
  margin-bottom:5px;
}
.lower-cont h2{
	margin-bottom:30px !important;
}
#prof-index .sub-cate .cate-nav p + p {
  border-left: 1px solid #000;
}
#prof-index .sub-cate .cate-nav a {
  display: block;
  padding: 0 10px;
}
#prof-index .sub-cate .cate-nav a.active {
  color: #e50011;
}
#prof-index .sub-cate .cate-nav a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  #prof-index .prof-list {
    padding: 0 15px 0;
  }
  #prof-index .prof-list + .prof-list {
    margin-top: 45px;
  }
  #prof-index .prof-list ul {
    margin-left: 0;
  }
  #prof-index .prof-list li {
    float: left;
    width: 47%;
    margin-top: 20px;
    margin-left: 0;
  }
  li.jb {
    margin-top: 20px !important;
  }
  #prof-index .prof-list li:nth-child(3), #prof-index .prof-list li:nth-child(4) {
    margin-top: 20px;
  }
  #prof-index .prof-list li:nth-child(2n) {
    float: right;
  }
  #prof-index .prof-list li:nth-child(2n+1) {
    clear: both;
  }
  #prof-index .prof-list li figure {
    margin-bottom: 4px;
  }
  #prof-index .prof-list li figure img {
    width: 100%;
  }
  #prof-index .prof-list li figcaption span {
    font-size: 80%;
    line-height: 1.5;
    /*padding: 0 5px;*/
  }
  #prof-index .prof-list li em {
    font-size: 120%;
  }
  #prof-index .prof-list .artist {
    margin-left: 0;
  }
  #prof-index .prof-list .artist li {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-top: 20px;
  }
  #prof-index .prof-list .artist li:nth-child(2), #prof-index .prof-list .artist li:nth-child(3), #prof-index .prof-list .artist li:nth-child(4) {
    margin-top: 20px;
  }
  #prof-index .sub-cate {
    margin-bottom: 30px;
  }
  #prof-index .sub-cate .cate-ttl {
    display: block;
    margin-bottom: 10px;
  }
  #prof-index .sub-cate .cate-nav {
    display: block;
    margin-left: 0;
  }
  #prof-index .sub-cate .cate-nav p {
    font-size: 100%;
    margin-bottom: 5px;
  }
  #prof-index .sub-cate .cate-nav p:first-child a {
    padding-left: 0;
  }
}

#prof-detail .prof-main {
  margin-bottom: 100px;
  position: relative;
}
#prof-detail .prof-main .visual {
  width: 43%;
}
#prof-detail .prof-main .visual img {
  width: 100%;
}
#prof-detail .prof-main.visual-on .detail {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#prof-detail .prof-main.visual-on .detail .inner {
  display: table;
}
#prof-detail .prof-main.visual-on .detail .box {
  display: table-cell;
  vertical-align: middle;
  padding-left: 50%;
}
#prof-detail .prof-main .prof-txt {
  border-top: 4px solid #000;
  border-bottom: 1px solid #000;
  padding: 30px 0 50px;
}
#prof-detail .prof-main h1 {
  line-height: 1;
  padding-bottom: 23px;
  border-bottom: 2px solid #000;
}
#prof-detail .prof-main h1 span {
  display: block;
}
#prof-detail .prof-main h1 .en {
  font-size: 50px;
  margin-bottom: 15px;
}
#prof-detail .prof-main h1 .jp {
  font-size: 20px;
  font-weight: 600;
}
#prof-detail .prof-main dl {
  display: table;
  width: 100%;
  margin-top: 25px;
}
#prof-detail .prof-main dl + dl {
  margin-top: 14px;
}
#prof-detail .prof-main dl dt, #prof-detail .prof-main dl dd {
  display: table-cell;
  vertical-align: top;
  line-height: 18px;
}
#prof-detail .prof-main dl dt {
  width: 140px;
  font-size: 18px;
}
#prof-detail .prof-main dl dd {
  font-size: 14px;
}
#prof-detail .prof-main dl dd span {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
#prof-detail .prof-main .prof-link {
  margin-top: 47px;
}
#prof-detail .headline {
  height: 26px;
  margin-bottom: 65px;
}
#prof-detail .headline h2 {
  line-height: 1;
}
#prof-detail .member-list li {
  float: left;
  margin-bottom: 50px;
}
#prof-detail .member-list li a {
  display: block;
}
@media screen and (min-width: 768px) {
  #prof-detail .member-list li a:hover {
    text-decoration: none;
    color: #e50011;
  }
  #prof-detail .member-list li a:hover img {
    border-color: #e50011;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
  }
  #prof-detail .member-list li:nth-child(7n+1) {
    clear: both;
}
}
#prof-detail .member-list figcaption {
  font-size: 13px;
  margin-top: 10px;
  background: #fff;
  padding: 0;
}
@media screen and (min-width: 768px) {
  #prof-detail .member-list {
    margin-left: -18px;
  }
  #prof-detail .member-list li {
    margin-left: 18px;
  }
}
#prof-detail .member-list figure {
  width: 138px;
}
#prof-detail .member-list figure img {
  border: 1px solid #000;
  width: 100%;
  height: auto;
}
#prof-detail .member-area {
  margin-bottom: 100px;
}
#prof-detail .profile-area {
  position: relative;
  margin-bottom: 90px;
}
#prof-detail .profile-area .headline {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#prof-detail .profile-area .txt {
  margin-left: 170px;
  width: 825px;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: .01em;
}
#prof-detail .profile-area .txt span.table_wrapper{
    margin-left: 15px;
    width: 98%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
}
#prof-detail .profile-area .txt span.year{
    margin-right: 1em;
}
#prof-detail .profile-area .txt span.idt_4{
    width: 4em;
}
#prof-detail .profile-area .txt span.profile_title{

}
#prof-detail .profile-area dl {
  margin-left: 170px;
  width: 825px;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: .01em;
}
#prof-detail .profile-area dl dt {
  float: left;
  clear: left;
  margin-right: 25px;
  display: block;
}
#prof-detail .profile-area dl dd {
  float: left;
  margin-bottom: 20px;
}
#prof-detail .title-bar {
  font-size: 18px;
  color: #FFF;
  line-height: 1;
  padding: 13px 20px 15px;
  background: #000;
}
#prof-detail .disc-nav {
  margin-left: 30px;
  padding-top: 13px;
}
#prof-detail .disc-nav a {
  padding: 0 15px 0 10px;
}
#prof-detail .disc-nav a i {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  color: #e50011;
  font-size: 72%;
  margin-right: 6px;
  margin-bottom: 3px;
}
#prof-detail .disc-nav a:hover i {
  margin-bottom: 0;
  -webkit-transition: all .15s ease-in-out;
  -moz-transition: all .15s ease-in-out;
  -ms-transition: all .15s ease-in-out;
  -o-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
}
#prof-detail .discography-area .headline {
  margin-bottom: 65px;
}
#prof-detail .discography-area h2 {
  float: left;
}
#prof-detail .discography-area h3 {
  font-size: 23px;
}
#prof-detail .discography-area .disc-bloc {
  padding-bottom: 70px;
}
#prof-detail .discography-area .disc-bloc.dvd {
  padding-bottom: 110px;
}
#prof-detail .discography-area .disc-list {
  overflow: hidden;
  *zoom: 1;
  margin-left: -20px;
}
@media screen and (min-width: 768px) {
  #prof-detail .discography-area .disc-list {
    display: flex !important;
    flex-wrap:wrap;
  }
}
#prof-detail .discography-area .disc {
  width: 200px;
  margin-left: 20px;
  margin-top: 50px;
  padding-bottom: 10px;
  text-align: center;
}
#prof-detail .discography-area .disc .pic {
  height: 200px;
  margin-bottom: 10px;
}
#prof-detail .discography-area .disc .pic img {
  max-height: 100%;
  width: auto;
}
#prof-detail .discography-area .disc p {
  font-size: 11px;
}
#prof-detail .discography-area .disc.wide {
  width: 420px;
}
#prof-detail .discography-area .buy ul {
  width: 100%;
}
#prof-detail .discography-area .buy li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 5px 1px 0;
  font-weight: normal;
}
#prof-detail .discography-area .buy li span.btn {
  display: block;
  height: 20px;
  width: 58px;
  vertical-align: middle;
  text-align: center;
  line-height: 20px;
  background-color: #ddd;
  background-position: 99%;
  background-size: 400%;
  transition: background 300ms ease-in-out;
  color: #777;
  font-size: 12px;
  -webkit-transform: skewX(15deg);
  -moz-transform: skewX(15deg);
  -ms-transform: skewX(15deg);
  -o-transform: skewX(15deg);
  transform: skewX(15deg);
  position: relative;
}
#prof-detail .discography-area .buy li a {
  display: block;
}
#prof-detail .discography-area .buy li a span.btn {
  color: #FFF;
  background-color: #e50011;
  background-image: linear-gradient(45deg, #333333 50%, rgba(0, 0, 0, 0) 50%);
}
@media screen and (min-width: 768px) {
  #prof-detail .discography-area .buy li a:hover span.btn {
    background-position: 0;
  }
}
#prof-detail .discography-area .buy li span.textbox {
  display: block;
  -webkit-transform: skewX(-15deg);
  -moz-transform: skewX(-15deg);
  -ms-transform: skewX(-15deg);
  -o-transform: skewX(-15deg);
  transform: skewX(-15deg);
}
#prof-detail .fanletter-bloc {
  background: #f0f0f0;
  padding: 36px 40px;
  margin-bottom: 75px;
  overflow: hidden;
  *zoom: 1;
}
#prof-detail .fanletter-bloc h2 {
  font-size: 40px;
  color: #e50011;
  line-height: 1;
  float: left;
}
#prof-detail .fanletter-bloc .inner > div {
  float: left;
}
#prof-detail .fanletter-bloc .letter {
  margin-left: 45px;
}
#prof-detail .fanletter-bloc .letter em {
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 15px;
}
#prof-detail .fanletter-bloc .letter p {
  font-size: 13px;
  line-height: 1.7;
}
#prof-detail .fanletter-bloc .present {
  margin-left: 30px;
  width: 420px;
}
#prof-detail .fanletter-bloc .present em {
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  padding-right: 16px;
  position: relative;
  cursor: pointer;
}
#prof-detail .fanletter-bloc .present em:hover {
  text-decoration: underline;
}
#prof-detail .fanletter-bloc .present em:before, #prof-detail .fanletter-bloc .present em:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  background: #000;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
#prof-detail .fanletter-bloc .present em:before {
  width: 10px;
  height: 2px;
  right: 0;
  margin-top: -2px;
}
#prof-detail .fanletter-bloc .present em:after {
  width: 2px;
  height: 10px;
  right: 4px;
  margin-top: -6px;
}
#prof-detail .fanletter-bloc .present em.active:after {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
#prof-detail .fanletter-bloc .present p {
  display: none;
  padding-top: 20px;
}
#prof-detail .works-area {
  margin-bottom: 40px;
}
#prof-detail .works-area h2 {
  float: left;
}
#prof-detail .works-area .lower-nav {
  padding-top: 15px;
  float: none;
}
#prof-detail .works-area .lower-nav li a {
  font-size: 13px;
}
#prof-detail .works-area .works-list {
  padding: 30px 20px 55px;
  overflow: hidden;
  *zoom: 1;
}
#prof-detail .works-area .works-list .left .works_img {
  display: block;
  float: left;
  margin-right: 5%;
  max-height: 150px;
}
#prof-detail .works-area .works-list .left .works_img_txt {
  height: 150px;
  display: block;
}

#prof-detail .works-area .works-list .left .works_img_grid {
  display: block;
  float: left;
  margin-right: 2%;
  margin-bottom: 50px;
  width: 150px;
  height: 250px;
  text-align: center;
}

#prof-detail .works-area .works-list .left .works_img_grid:nth-of-type(6n) {
  margin-right: 0;
}

#prof-detail .works-area .works-list .left .works_img_grid span {
  display: block;
  margin-top: 10px;
}

#prof-detail .works-area .works-list .left .works_img_grid + br {
  display: none;
}

@media screen and (min-width: 768px) {
  #prof-detail .works-area .works-list {
    display: block !important;
  }
  #prof-detail .works-area .works-list .left {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 2.0;
    letter-spacing: .01em;
  }
  #prof-detail .works-area .works-list .left a:hover {
    text-decoration: none;
    color: #e50011;
  }
  #prof-detail .works-area .works-list .pic {
    float: right;
  }
  #prof-detail .works-area .works-list .pic a:hover img {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
  }
}
#prof-detail .works-area .works-list .pic img {
  border: 1px solid #ccc;
  max-width: 416px;
}
#prof-detail .works-area .works-list dl {
  display: table;
  width: 100%;
}
#prof-detail .works-area .works-list dt, #prof-detail .works-area .works-list dd {
  display: table-cell;
  vertical-align: top;
}
#prof-detail .works-area .works-list dt {
  white-space: nowrap;
}
#prof-detail .works-area .works-list dd {
  width: 100%;
  padding-left: 12px;
}
#prof-detail .works-area .works-list dt, #prof-detail .works-area .works-list dd, #prof-detail .works-area .works-list p {
  font-size: 13px;
  line-height: 1.8;
}
#prof-detail .works-area .works-list dt, #prof-detail .works-area .works-list dd, #prof-detail .works-area .works-list p a{
  text-decoration: underline;
}
#prof-detail.artist .breadcrumb {
  margin-bottom: 0;
  height: 26px;
  color: #000;
}
#prof-detail.artist .breadcrumb a {
  color: #000;
}

#prof-detail.individual .breadcrumb {
  margin-bottom: 15px;
}

#key-visual {
  margin-bottom: 55px;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  #key-visual {
    margin-top: -26px;
  }
}
#key-visual #main-visual {
  margin-bottom: 40px;
}
#key-visual #visual-slide {
  z-index: 1;
  margin-top: 40px;
}
#key-visual .visual {
  width: 100%;
}
#key-visual .title {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  font-size: 50px;
  color: #FFF;
  line-height: 1;
  z-index: 200;
}
#key-visual h1 {
  position: relative;
}
#key-visual h1:before {
  content: "";
  display: block;
  width: 1000px;
  height: 60px;
  background: rgba(0, 0, 0, 0.35);
  position: absolute;
  bottom: 0;
  right: 100%;
}
#key-visual h1 > span {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
  background: rgba(0, 0, 0, 0.35);
  height: 60px;
  padding-right: 20px;
}
#key-visual h1 > span:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -30px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 60px 0 0 30px;
  border-color: transparent transparent transparent rgba(0, 0, 0, 0.35);
}

.prof-link li {
  float: left;
  margin-right: 6px;
  margin-bottom: 5px;
}

/*li.instagram {
    width: 50px;
}
li.twitter {
    width: 50px;
}
li.facebook {
    width: 50px;
}
li.tumblr {
    width: 50px;
}
li.blog {
    width: 50px;
}
li.youtube {
    width: 50px;
}
li.weibo {
    width: 50px;
}*/
.prof-link li a {
  display: block;
  height: 34px;
  text-align: center;
  line-height: 32px;
  padding: 0 15px;
  background-color: #e50011;
  background-image: linear-gradient(45deg, #333333 50%, rgba(0, 0, 0, 0) 50%);
  background-position: 99%;
  background-size: 400%;
  transition: background 300ms ease-in-out;
  color: #FFF;
  font-size: 16px;
  letter-spacing: .03em;
  -webkit-transform: skewX(15deg);
  -moz-transform: skewX(15deg);
  -ms-transform: skewX(15deg);
  -o-transform: skewX(15deg);
  transform: skewX(15deg);
  position: relative;
}
.prof-link li a:hover {
  background-position: 0;
}
.prof-link li a i {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  font-size: 120%;
  padding: 0 5px;
}
.prof-link li a i + span {
  margin-left: 8px;
}
.prof-link li span.textbox {
  display: block;
  -webkit-transform: skewX(-15deg);
  -moz-transform: skewX(-15deg);
  -ms-transform: skewX(-15deg);
  -o-transform: skewX(-15deg);
  transform: skewX(-15deg);
}
.prof-link li span.textbox span {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  /*min-width: 138px;*/
}
.prof-link li span.textbox i + span {
  /*min-width: 110px;*/
}
.prof-link li.mobile i {
  font-size: 140%;
}

.music-video {
  padding: 75px 0 80px;
  margin-bottom: 110px;
}
.music-video .inner {
  position: relative;
}
.music-video .mv {
  float: right;
  width: 655px;
  margin-top: -100px;
}
.music-video .mv > div {
  padding: 5px;
  background: #FFF;
}
.music-video section {
  float: left;
  width: 350px;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight: 400;
  padding-bottom: 55px;
}
.music-video section em {
  display: block;
  color: #e50011;
  font-size: 16px;
  margin-bottom: 20px;
}
.music-video section h3 {
  font-size: 24px;
  margin-bottom: 30px;
}
.music-video section .txt {
  display: block;
  font-size: 13px;
  line-height: 184%;
}
.music-video .other-btn {
  position: absolute;
  bottom: 0;
  left: 0;
}

.live-image {
  margin-bottom: 110px;
}
.live-image figure {
  width: 50%;
}
.live-image figure.left {
  float: left;
}
.live-image figure.right {
  float: right;
}
.live-image figure img {
  width: 100%;
}


/** BGCI ADD START **/
#prof-detail .prof-solo {
  position: relative;
}

#prof-detail .prof-solo br {
  display: none;
}

#prof-detail .prof-solo .detail {
  margin-top: -15px;
}

#prof-detail .prof-solo .prof-txt {
  padding: 0 0 50px;
  margin-left: 170px;
  width: 825px;
}

#prof-detail .prof-solo dl {
  display: table;
  width: 100%;
  margin-top: 25px;
}

#prof-detail .prof-solo dl dt {
  width: 122px;
  font-size: 18px;
}

#prof-detail .prof-solo dl dd {
  font-size: 14px;
}

#prof-detail .prof-solo dl dd span {
  display: inline-block;
  vertical-align: middle;
}

#prof-detail .prof-solo dl dt, #prof-detail .prof-solo dl dd {
  display: table-cell;
  vertical-align: top;
  line-height: 18px;
}

/** WORKSのタイトル 
	
	使用：増本庄一郎さん
 **/
#prof-detail .works-list p span.sub_title {
	font-weight: bold;
	font-size: 18px;
	border-left: 3px solid #000;
	padding-left: 10px;
	line-height: 2.5;
}

#prof-detail .works-list p span.table_wrapper {
	margin-left: 15px;
	width: 98%;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: -webkit-inline-flex;
	display: inline-flex;
}

#prof-detail .works-list p span.table_wrapper .work_title a{
	text-decoration: underline;
}

#prof-detail .works-list p span.longText {
	display : -webkit-inline-box;
	display : -ms-inline-flexbox;
	display : -webkit-inline-flex;
        display: inline-flex;
}

#prof-detail .works-list p span.year,
#prof-detail .works-list p span.year_width {
	margin-right: 1.5em;
}

#prof-detail .works-list p span.multi {
	width: 10.2%;
	display: inline-block;
}

#prof-detail .works-list p span.multi_eng {
	width: 7.5%;
	display: inline-block;
}


/* 小見出し無し */
.no-crosshead .table_wrapper{
    margin-left: 0 !important;
}

/** WORKSのタイトル 
	
	使用：神田瀧夢さん
 **/
#prof-detail .works-list p span.year_space {
	display:inline-block;
	width:75px;
}

#prof-detail .works-list p span.work_title_space2 {
	margin-left:75px;
}

/** WORKSのタイトル
	
	使用：EXILE TETSUYAさん
 **/
#prof-detail .works-list p span.ind_4 {
	width: 4em;
	display: inline-block;
}

#prof-detail .works-list p span.ind_5 {
	width: 5em;
	display: inline-block;
}

#prof-detail .works-list p span.ind_5-5 {
	width: 5.5em;
	display: inline-block;
}

#prof-detail .works-list p span.ind_6 {
	width: 6em;
	display: inline-block;
}

#prof-detail .works-list p span.ind_6-5 {
	width: 6.5em;
	display: inline-block;
}

#prof-detail .works-list p span.ind_7 {
	width: 7em;
	display: inline-block;
}

#prof-detail .works-list p span.ind_7-5 {
	width: 7.5em;
	display: inline-block;
}

#prof-detail .works-list p span.ind_8 {
	width: 8em;
	display: inline-block;
}

#prof-detail .works-list p span.ind_8-5 {
	width: 8.5em;
	display: inline-block;
}

#prof-detail .works-list p span.ind_9 {
	width: 9em;
	display: inline-block;
}

#prof-detail .works-list p span.ind_10 {
	width: 10em;
	display: inline-block;
}

#prof-detail .works-list p span.ind_11 {
	width: 11em;
	display: inline-block;
}

#prof-detail .works-list p span.ind_11-5 {
	width: 11.5em;
	display: inline-block;
}

#prof-detail .works-list p span.ind_12 {
	width: 12em;
	display: inline-block;
}

#prof-detail .works-list p span.ind_13 {
	width: 13em;
	display: inline-block;
}

#prof-detail .works-list p span.ind_14 {
	width: 14em;
	display: inline-block;
}

#prof-detail .works-list p span.ind_14-5 {
	width: 14.5em;
	display: inline-block;
}

#prof-detail .works-list p span.ind_15 {
	width: 15em;
	display: inline-block;
}

#prof-detail .works-list p span.ind_18 {
	width: 18em;
	display: inline-block;
}

#prof-detail .works-list p span.ind_20 {
	width: 20em;
	display: inline-block;
}

.pc-br {
	display: block;
}

#prof-detail .works-list p span.ind-01 {
    padding-left: 2rem;
    text-indent: -1rem;
    display: inline-block;
}

/** WORKSのタイトル
	リリースブロック作成
	使用：前田拳太郎
 **/
 #prof-detail .works_release {
  display: flex !important;
  flex-wrap: wrap;
  overflow: hidden;
  margin-left: -20px;
}
#prof-detail .works_release_box {
  width : calc(100% / 5) ;
  margin-top: 10px;
  margin-left: 20px;
  padding-bottom: 10px;
  text-align: center;
}
#prof-detail .works_release_box img {
  height: 200px;
  margin-bottom: 10px;
}
#prof-detail .works_release_box .release_txt {
  line-height: 1.4 !important;
}
#prof-detail .works_release_box ul{
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
}
#prof-detail .works_release_box ul li {
  display: inline-block;
  vertical-align: middle;
  display: inline;
  margin: 5px 3px 0;
}
#prof-detail .works_release_box ul li a {
  display: block;
}
#prof-detail .works_release_box ul li span.btn {
  display: block;
  height: 20px;
  width: 58px;
  vertical-align: middle;
  text-align: center;
  line-height: 20px;
  background-color: #ddd;
  background-position: 99%;
  background-size: 400%;
  transition: background 300ms ease-in-out;
  color: #777;
  font-size: 12px;
  transform: skewX(15deg);
  position: relative;
}
#prof-detail .works_release_box ul li a span.btn {
  color: #FFF;
  background-color: #e50011;
  background-image: linear-gradient(45deg, #333333 50%, rgba(0, 0, 0, 0) 50%)
}
#prof-detail .works_release_box ul li span.textbox {
  display: block;
  transform: skewX(-15deg);
}
/** BGCI ADD END **/

@media screen and (max-width: 767px) {
  #prof-detail {
    padding-top: 0;
  }
  #prof-detail .prof-main {
    margin-bottom: 50px;
  }
  #prof-detail .prof-main .visual {
    width: 100%;
    height: auto !important;
    margin-bottom: 50px;
  }
  #prof-detail .prof-main.visual-on .detail {
    position: relative;
    padding: 0 20px;
  }
  #prof-detail .prof-main.visual-on .detail .inner {
    display: block;
    height: auto !important;
  }
  #prof-detail .prof-main.visual-on .detail .box {
    display: block;
    padding-left: 0;
  }
  #prof-detail .prof-main .detail {
    padding: 30px 20px 0;
  }
  #prof-detail .prof-main .prof-txt {
    padding: 15px 0 25px;
  }
  #prof-detail .prof-main h1 {
    padding: 0 0 15px;
    margin-bottom: 10px;
  }
  #prof-detail .prof-main h1 .en {
    font-size: 200%;
    margin-bottom: 5px;
  }
  #prof-detail .prof-main h1 .jp {
    font-size: 110%;
  }
  #prof-detail .prof-main dl + dl {
    margin-top: 15px;
  }
  #prof-detail .prof-main dl dt, #prof-detail .prof-main dl dd {
    line-height: 14px;
  }
  #prof-detail .prof-main dl dt {
    width: 100px;
    font-size: 110%;
  }
  #prof-detail .prof-main dl dd {
    font-size: 100%;
  }
  #prof-detail .prof-main .prof-link {
    margin-top: 30px;
    padding: 0;
  }
  #prof-detail .headline {
    height: auto;
    margin-bottom: 20px;
  }
  #prof-detail .headline:before {
    height: 20px;
  }
  #prof-detail .headline h2 {
    margin-bottom: 0;
  }
  #prof-detail .member-list {
    padding: 0 15px 0;
    margin-bottom: 10px;
  }
  #prof-detail .member-list li {
    margin-bottom: 15px;
    width: 30%;
    margin-left: 5%;
  }
  #prof-detail .member-list li:nth-child(3n+1) {
    margin-left: 0;
    clear: both;
  }
  #prof-detail .member-list figcaption {
    font-size: 100%;
    margin-top: 3px;
  }
  #prof-detail .member-list figure {
    width: auto;
  }
  #prof-detail .member-area {
    margin-bottom: 50px;
  }
  #prof-detail .profile-area {
    margin-bottom: 50px;
  }
  #prof-detail .profile-area .headline {
    position: relative;
  }
  #prof-detail .profile-area .txt {
    margin-left: 0;
    width: auto;
    padding: 0 15px 0;
    font-size: 100%;
    line-height: 1.8;
  }
  #prof-detail .profile-area .txt span.table_wrapper{
      margin-left: 0;
      width: 100%;
  }
  #prof-detail .profile-area .txt span.year{

  }
  #prof-detail .profile-area .txt span.idt_4{

  }
  #prof-detail .profile-area .txt span.profile_title{
  
  }
  #prof-detail .profile-area dl {
    margin-left: 0;
    width: auto;
    padding: 0 15px 0;
    font-size: 100%;
    line-height: 1.8;
  }
  #prof-detail .profile-area dl dt {
    float: none;
    font-weight: bold;
  }
  #prof-detail .profile-area dl dd {
    float: none;
    margin-bottom: 10px;
  }
  #prof-detail .profile-area dl dd + br {
    display: none;
  }
  #prof-detail .title-bar {
    font-size: 120%;
    padding: 18px 20px;
  }
  #prof-detail .title-bar.spTrigger {
    position: relative;
    cursor: pointer;
  }
  #prof-detail .title-bar.spTrigger:before, #prof-detail .title-bar.spTrigger:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    background: #FFF;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
  }
  #prof-detail .title-bar.spTrigger:before {
    width: 11px;
    height: 1px;
    right: 20px;
  }
  #prof-detail .title-bar.spTrigger:after {
    width: 1px;
    height: 11px;
    right: 25px;
    margin-top: -5px;
  }
  #prof-detail .title-bar.spTrigger.active:after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  #prof-detail .discography-area {
    margin-bottom: 25px;
  }
  #prof-detail .discography-area .headline {
    margin-bottom: 30px;
  }
  #prof-detail .discography-area h2 {
    float: none;
  }
  #prof-detail .discography-area h3 {
    font-size: 120%;
  }
  #prof-detail .discography-area .disc-bloc {
    padding-bottom: 0;
    margin-bottom: 1px;
  }
  #prof-detail .discography-area .disc-bloc.dvd {
    padding-bottom: 30px;
  }
  #prof-detail .discography-area .disc-list {
    padding: 10px 15px 20px;
    display: none;
    margin: 0;
  }
  
  #prof-detail .title-bar.spTrigger.active + .disc-list {
    display:flex !important;
    flex-wrap: wrap;
  }
  #prof-detail .discography-area .disc {
    float:none;
    width: 50%;
    margin-left: 0;
    margin-top: 30px;
    padding: 0 10px;
  height:auto;
  min-height: 360px;
  }

  #prof-detail .discography-area .disc .pic {
    height: auto;
  }
  #prof-detail .discography-area .disc .pic img {
    max-height: auto;
  }
  #prof-detail .discography-area .disc p {
    font-size: 100%;
  }
  #prof-detail .discography-area .disc.wide {
    width: 100%;
    clear: both;
  }
  #prof-detail .discography-area .buy li {
    margin: 3px 0 0 0;
  }
  #prof-detail .discography-area .buy li span.btn {
    width: 48px;
  }
  #prof-detail .fanletter-bloc {
    padding: 20px 15px 25px;
    margin-bottom: 35px;
  }
  #prof-detail .fanletter-bloc h2 {
    font-size: 180%;
    text-align: center;
    float: none;
  }
  #prof-detail .fanletter-bloc .inner > div {
    float: none;
  }
  #prof-detail .fanletter-bloc .letter {
    margin-left: 0;
    padding: 0 10px;
    margin-bottom: 15px;
  }
  #prof-detail .fanletter-bloc .letter em {
    font-size: 110%;
    margin-bottom: 6px;
  }
  #prof-detail .fanletter-bloc .letter p {
    font-size: 100%;
  }
  #prof-detail .fanletter-bloc .letter p span {
    font-size: 90%;
  }
  #prof-detail .fanletter-bloc .present {
    width: auto;
    margin-left: 0;
    border: 1px solid #bbb;
    padding: 15px 20px;
  }
  #prof-detail .fanletter-bloc .present em {
    display: block;
    font-size: 100%;
  }
  #prof-detail .fanletter-bloc .present em:before {
    height: 1px;
    right: 0;
  }
  #prof-detail .fanletter-bloc .present em:after {
    width: 1px;
    right: 5px;
  }
  #prof-detail .works-area {
    margin-bottom: 50px;
  }
  #prof-detail .works-area h2 {
    float: none;
  }
  #prof-detail .works-area .works-bloc {
    margin-bottom: 1px;
  }
  #prof-detail .works-area .works-list {
    padding: 15px 15px 20px;
    display: none;
  }
  #prof-detail .works-area .works-list .pic {
    margin-bottom: 20px;
    text-align: center;
  }
  #prof-detail .works-area .works-list .pic img {
    max-width: 100%;
  }
  #prof-detail .works-area .works-list dt, #prof-detail .works-area .works-list dd, #prof-detail .works-area .works-list li {
    font-size: 100%;
  }
  #prof-detail.artist {
    padding-top: 0;
  }

  #key-visual {
    margin-bottom: 35px;
  }
  #key-visual .title {
    padding: 0 15px 0;
    font-size: 7vw;
  }
  #key-visual #main-visual {
    margin-bottom: 0;
  }
  #key-visual #visual-slide {
    margin-top: 0px;
  }
  #key-visual h1:before {
    height: 100%;
  }
  #key-visual h1 > span {
    height: 100%;
    padding: 5px 10px 5px 0;
  }
  #key-visual h1 > span:after {
    right: -20px;
    border-width: 80px 0 0 20px;
  }

  .prof-link {
    padding: 0 15px 0;
  }
  .prof-link ul {
    margin-right: -5px;
  }
  .prof-link li {
    margin-right: 5px;
    margin-bottom: 5px;
  }
  .prof-link li a {
    font-size: 110%;
    height: 28px;
    line-height: 28px;
    padding: 0 12px 0 12px;
  }
  .prof-link li a i {
    margin-top: -1px;
  }
  .prof-link li span.textbox span {
    min-width: inherit;
  }
  .prof-link li span.textbox i + span {
    min-width: inherit;
    margin-left: 5px;
  }

  .music-video {
    padding: 35px 0 40px;
    margin-bottom: 50px;
  }
  .music-video .mv {
    padding: 0 15px 0;
    float: none;
    width: auto;
    margin-top: 0;
    margin-bottom: 30px;
  }
  .music-video .mv > div {
    padding: 3px;
  }
  .music-video section {
    padding: 0 15px 0;
    float: none;
    width: auto;
    margin-bottom: 40px;
  }
  .music-video section em {
    font-size: 100%;
    padding-left: 10px;
    margin-bottom: 5px;
  }
  .music-video section h3 {
    font-size: 120%;
    margin-bottom: 20px;
    padding-left: 10px;
  }
  .music-video section .txt {
    font-size: 100%;
    padding-left: 10px;
  }
  .music-video .other-btn {
    position: relative;
    text-align: center;
  }
  .music-video .other-btn a {
    display: inline-block;
    font-size: 100%;
  }

  .live-image {
    margin-bottom: 50px;
  }
  .live-image figure {
    float: none !important;
    width: 100%;
  }

  /** BGCI ADD START **/
  #prof-detail .prof-solo {
    
  }

  #prof-detail .prof-solo .detail {
    padding: 0 20px 0;
  }

  #prof-detail .prof-solo .prof-txt {
    padding: 0 0 25px;
    margin-left: 0;
    width: 100%;
  }

  #prof-detail .prof-solo dl dt {
    width: 100px;
    font-size: 110%;
  }

  #prof-detail .prof-solo dl dd {
    font-size: 100%;
  }

  #prof-detail .prof-solo dl dt, #prof-detail .prof-solo dl dd {
    line-height: 14px;
  }
  
  #prof-detail .works-area .works-list .left .works_img_grid {
    width: 30%;
    margin-right: 5%;
  }
  
  #prof-detail .works-area .works-list .left .works_img_grid:nth-of-type(3n) {
    margin-right: 0;
  }

  /** WORKSのタイトル 

	使用：増本庄一郎さん
   **/

  #prof-detail .works-list p span.sub_title {
    font-size: 120%;
  }

  #prof-detail .works-list p span.table_wrapper {
    display: table;
    margin-left: 0;
    margin-bottom: -5px;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  #prof-detail .works-list p span.year {
    display: table-cell;
    /*width: 18%;*/
    margin-right: 1em;
    line-height: 1.5;
  }
  
  #prof-detail .works-list p span.multi {
  	width: 30%;
  }

  #prof-detail .works-list p span.multi_eng {
  	width: 30%;
  }

  #prof-detail .works-list p span.work_title {
    display: table-cell;
    line-height: 1.5;
    width: 80%;
  }

  /** WORKSのタイトル 
  
  渡辺一平
  **/
  #prof-detail .works-list p span.year_width {
    width: 24%;
    line-height: 1.5;
  }


	/** WORKSのタイトル 
		
		使用：神田瀧夢さん
	 **/
	#prof-detail .works-list p span.year_space {
		display:inline-block;
		width:20%;
		float:left;
	}

	#prof-detail .works-list p span.work_title_space {
		display:inline-block;
		width:80%;
		float:right;
	}

	#prof-detail .works-list p span.work_title_space2 {
		display:inline-block;
		margin-left:20%;
		width:80%;
		float:right;
	}
	#prof-detail .works-list p span.works_wrp {
		display:inline-block;
		margin-bottom:15px;
		width: 100%;
		overflow:hidden;
	}

	/** WORKSのタイトル 
		
		使用：EXILE TETSUYAさん
	 **/
	#prof-detail .works-list p span.ind_sp5 {
		width: 5em !important;
	}
	#prof-detail .works-list p span.ind_sp5-5 {
		width: 5.5em !important;
	}
	#prof-detail .works-list p span.ind_sp6 {
		width: 6em !important;
	}
	#prof-detail .works-list p span.ind_sp7 {
		width: 7em !important;
	}
	#prof-detail .works-list p span.ind_sp7-5 {
		width: 7.5em !important;
	}
	
	#prof-detail .works-list p span.ind_sp8 {
		width: 8em !important;
	}
	
	#prof-detail .works-list p span.ind_sp8-5 {
		width: 8.5em !important;
	}
	
	#prof-detail .works-list p span.ind_sp9 {
		width: 9em !important;
	}
	
	#prof-detail .works-list p span.ind_sp9-5 {
		width: 9.5em !important;
	}
	
	#prof-detail .works-list p span.ind_sp10 {
		width: 10em !important;
	}
	
	#prof-detail .works-list p span.ind_sp11 {
		width: 11em !important;
	}
	
	#prof-detail .works-list p span.ind_sp11-5 {
		width: 11.5em !important;
	}
	
	#prof-detail .works-list p span.ind_sp12 {
		width: 12em !important;
	}
	
	#prof-detail .works-list p span.ind_sp17 {
		width: 17em !important;
	}

	/** WORKSのタイトル 
		
		使用：小竹さん
	 **/

	#prof-detail .works-list p span.ind_sp1rem {
		padding-left: 1rem;
    	text-indent: -1rem;
	}
	.pc-br {
		display: none;
	}
  /** WORKSのタイトル
	リリースブロック作成
	使用：前田拳太郎
 **/
 #prof-detail .works_release {
  margin-left: 0; 
 }
 #prof-detail .works_release_box {
  width: calc(100% / 2);
  margin-left: 0;
  margin-top: 15px;
  padding: 0 10px;
  height: auto;
  min-height: 360px;
 }
 #prof-detail .works_release_box ul li {
  margin: 5px 1px 0;
  }
 #prof-detail .works_release_box img {
   height: auto;
 }
 #prof-detail .works_release_box ul li span.btn {
  width: 48px;
 }

	  /** BGCI ADD END **/
	}

  .youtubeFt {
    position: relative;
    width: 60%;
    height: 60%;
    padding-top: 30%;
  }
  .youtubeFt iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }
  

  @media screen and (max-width: 767px) {
    .youtubeFt {
      width: 100%;
      height: 100%;
      padding-top: 47%;
    }
  }