@charset "UTF-8";
/*===============================================
●mian.css 画面の横幅が770px以上
===============================================*/
@media screen and (min-width: 770px) {
  #page_title {
    background-image: url("../img/artist/main_img.jpg");
    margin-bottom: 0;
  }
  #info_conts {
    width: 100%;
    float: left;
    clear: both;
    text-align: center;
  }
  #info_conts .auto {
    width: 820px;
  }
  #info_conts .breadcrumbs {
    text-align: left;
  }
  #info_conts .name {
    font-size: 30px;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 20px;
  }
  #info_conts .img {
    margin-bottom: 36px;
    line-height: 0;
    position: relative;
    z-index: 9;
  }
  #info_conts .img::before {
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("../img/share/ptn_bg_01.png");
    background-repeat: repeat;
    background-position: left top;
    background-size: 4px;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: -1;
  }
  #info_conts dl {
    margin-bottom: 28px;
  }
  #info_conts dl dt {
    font-size: 15px;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    margin-right: 23px;
  }
  #info_conts dl dd {
    font-size: 32px;
    display: inline-block;
    vertical-align: middle;
  }
  #info_conts dl dd:nth-of-type(2n)::before {
    content: "/";
    display: inline-block;
    margin: 0 8px;
    font-family: sans-serif;
  }
  #info_conts dl dd:nth-of-type(3n)::before {
    content: "/";
    display: inline-block;
    margin: 0 8px;
    font-family: sans-serif;
  }
  #info_conts dl dd span {
    font-size: 17px;
  }
  #info_conts .member_box {
    width: 100%;
  }
  #info_conts .member_box .m_title {
    margin-bottom: 8px;
    font-weight: bold;
  }
  #info_conts .member_box ul.profile {
    width: 100%;
    text-align: left;
  }
  #info_conts .member_box ul.profile li {
    margin-bottom: 20px;
  }
  #info_conts .member_box ul.profile li:last-of-type {
    margin-bottom: 0;
  }
  #info_conts .member_box ul.profile li .m_name {
    font-weight: bold;
  }
  #info_conts .text {
    text-align: left;
    margin-bottom: 32px;
  }
  #info_conts .link {
    text-align: right;
  }
  #info_conts .sns_link {
    display: flex;
    justify-content: center;
  }
  #info_conts .sns_link li {
    width: 44px;
    margin-right: 25px;
    display: flex;
    flex-direction: column;
  }
  #info_conts .sns_link li:last-of-type {
    margin-right: 0;
  }
  #info_conts .sns_link li img {
    width: 44px;
    height: auto;
  }
  #info_conts .artist_list {
    text-align: left;
    margin-bottom: 32px;
  }
}
/*===============================================
●sp.css  画面の横幅が769pxまで（iPhone6 横向きまで）
===============================================*/
@media screen and (max-width:769px) {
  #page_title {
    background-image: url("../img/artist/main_img.jpg");
    margin-bottom: 0;
  }
  #info_conts {
    width: 100%;
    float: left;
    clear: both;
    text-align: center;
    margin-bottom: 120px;
  }
  #info_conts .name {
    font-size: 2.0rem;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 10px;
  }
  #info_conts .img {
    margin-bottom: 26px;
    line-height: 0;
    position: relative;
    z-index: 9;
  }
  #info_conts .img::before {
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("../img/share/ptn_bg_01.png");
    background-repeat: repeat;
    background-position: left top;
    background-size: 4px;
    position: absolute;
    top: 6px;
    left: 6px;
    z-index: -1;
  }
  #info_conts dl {
    margin-bottom: 24px;
  }
  #info_conts dl dt {
    font-weight: bold;
    display: inline-block;
    vertical-align: bottom;
    margin-right: 10px;
    line-height: 1;
  }
  #info_conts dl dd {
    font-size: 2.6rem;
    line-height: 0.9;
    display: inline-block;
    vertical-align: bottom;
  }
  #info_conts dl dd:nth-of-type(2n)::before {
    content: "/";
    display: inline-block;
    font-family: sans-serif;
    margin: 12px 1px 0;
  }
  #info_conts dl dd:nth-of-type(3n)::before {
    content: "/";
    display: inline-block;
    font-family: sans-serif;
    margin: 12px 1px 0;
  }
  #info_conts dl dd span {
    font-size: 1.3rem;
  }
  #info_conts dl dd .sp_big {
    font-size: 1.8rem;
  }
  #info_conts .text {
    text-align: left;
    margin-bottom: 32px;
  }
  #info_conts .member_box {
    width: 100%;
  }
  #info_conts .member_box .m_title {
    margin-bottom: 8px;
    font-weight: bold;
  }
  #info_conts .member_box ul.profile {
    width: 100%;
    text-align: left;
  }
  #info_conts .member_box ul.profile li {
    margin-bottom: 18px;
  }
  #info_conts .member_box ul.profile li:last-of-type {
    margin-bottom: 0;
  }
  #info_conts .member_box ul.profile li .m_name {
    font-weight: bold;
  }
  #info_conts .link {
    float: right;
    width: 160px;
  }
  #info_conts .sns_link {
    display: flex;
    justify-content: center;
  }
  #info_conts .sns_link li {
    width: 33px;
    margin-right: 18px;
  }
  #info_conts .sns_link li:last-of-type {
    margin-right: 0;
  }
  #info_conts .sns_link li img {
    width: 33px;
    height: auto;
  }
  #info_conts .artist_list {
    text-align: left;
    margin-bottom: 32px;
  }
}