@charset "utf-8";
@media print, screen and (min-width:769px){

/*==========================================================================================================================
PROFILE
==========================================================================================================================*/
ul#memberList {margin-bottom: 60px;}

/*-------------------------------------------------------------------------------------------------------------------------*/
ul#memberList li {width:23%; margin-right: 2%;}
ul#memberList li:nth-of-type(4n) {margin-right: 0;}


/*-------------------------------------------------------------------------------------------------------------------------*/
ul.member_photo li {margin-bottom: 15px;}

/*-------------------------------------------------------------------------------------------------------------------------*/
.member_name_area {margin-bottom: 10px; position: relative;z-index: 1;}
.member_name {font-size: 26px;}
.member_name span {font-size: 16px; margin-right: 10px;}

@media print, screen and (max-width:900px){
.member_name {font-size: 22px;}
.member_name span {font-size: 14px;}
}

/*-------------------------------------------------------------------------------------------------------------------------*/
.prof_sns_link {margin-top: 0px;}
.prof_sns_link p {width: 18%; margin-right: 5%; max-width: 30px;}
.prof_sns_link p:last-of-type(4n) {margin-right: 0;}





/*==========================================================================================================================
NEWS
==========================================================================================================================*/

ul#newsList {margin-bottom: 90px; margin-top: -70px;}
ul#newsList li {margin-bottom: 15px;}

/*-------------------------------------------------------------------------------------------------------------------------*/
dl.article_container {padding: 30px 45px;}

/*-------------------------------------------------------------------------------------------------------------------------*/
dl.article_container dt {margin-bottom: 15px; }

/*-------------------------------------------------------------------------------------------------------------------------*/

.article_titlebox .news_title {font-size: 26px;}
.article_titlebox .news_date p {font-size: 16px; margin:0 10px 5px 0;}
.article_titlebox .news_date #markNew {font-size: 13px;}


@media print, screen and (max-width:1000px){
.article_titlebox .news_title {font-size: 22px;}
.article_titlebox .news_date p {font-size: 14px;}
.article_titlebox .news_date #markNew {font-size: 12px;}
}

/*-------------------------------------------------------------------------------------------------------------------------*/
dl.article_container dd, dl.article_container dd p {font-size: 16px;}
dl.article_container dd p {margin-bottom: 15px;}
dl.article_container dd img {max-width: 500px; margin-bottom: 15px;}

@media print, screen and (max-width:1000px){
dl.article_container dd, dl.article_container dd p {font-size: 14px;}
}




/*==========================================================================================================================
SHOW
==========================================================================================================================*/
ul#showList li {margin-bottom: 6%;}


/*-------------------------------------------------------------------------------------------------------------------------*/
/*
.show_container {padding: 30px;}
}*/
/*---------------------------------------------------------------------------------------*/
#showFlyer a {background-size: cover; background-position: center; margin-bottom: 15px;}
#showFlyer a:last-of-type {margin-bottom: 0;}
#showFlyer img {object-fit: contain; background-size: contain; background-position: center; }


/*---------------------------------------------------------------------------------------*/
#show_titleBox {margin-bottom: 30px;  }
#show_titleBox .mark_today {margin-top: 0;}

#showDate {font-size:18px; margin-bottom:10px;}
#showTitle {font-size: 22px;}
#showTitle p {font-size: 16px;}

@media print, screen and (max-width:900px){
#showDate {font-size:16px;}
#showTitle{font-size: 20px;}
#showTitle p {font-size: 14px;}

}
/*---------------------------------------------------------------------------------------*/
p#showCat, p#markSold {font-size: 14px; padding: 3px 5px;}

@media print, screen and (max-width:900px){
p#showCat, p#markSold {font-size: 13px;}
}
/*---------------------------------------------------------------------------------------*/
.show_container #onePeriod {margin-bottom: 30px;}
.show_container #onePeriod.sns_icons {padding: 10px 0; margin-bottom: 45px;}

/*---------------------------------------------------------------------------------------*/
#showHeadline {font-size: 18px;margin-bottom: 15px;}

dl.article_infobox { margin-bottom: 15px; display: -webkit-flex; display: flex;}
dl.article_infobox, dl.article_infobox dt, dl.article_infobox dd {font-size: 16px;}
dl.article_infobox dd p {padding: 0;}




@media print, screen and (max-width:1200px){
#showHeadline  {font-size: 16px;}
dl.article_infobox, dl.article_infobox dt, dl.article_infobox dd { font-size: 14px; }
}

/*---------------------------------------------------------------------------------------*/
.news_contents_body.two_box {
font-size: 0;
letter-spacing: -.4em;
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
}

/*---------------------------------------------------------------------------------------*/
.two_box #showFlyer,
.two_box .show_container {display: inline-block; letter-spacing: 0; vertical-align: top; font-size: 100%;}

.two_box #showFlyer {width: 32%; margin:0 3% 0 0; background-image:none !important;}
.two_box .show_container  {width: 64%;  }


/*==========================================================================================================================
SHOW：LIST
==========================================================================================================================*/
ul#show_linkList li a {padding: 15px 15px; -webkit-display: flex;display: flex; }

/*---------------------------------------------------------------------------------------*/
.showlist_datebox {width: 18%; margin-right: 3%; text-align: right;}
.showlist_titlebox {width: 79%;}

@media print, screen and (max-width:1200px){
.showlist_datebox {width: 20%;}
.showlist_titlebox {width: 77%;}
}
@media print, screen and (max-width:1000px){
.showlist_datebox {width: 24%;}
.showlist_titlebox {width: 73%;}
}



/*---------------------------------------------------------------------------------------*/
.mark_today, .list_sold, .show_cat {font-size: 14px; padding: 4px 10px;}

.mark_today,.show_cat,.list_sold  {margin-bottom: 5px;}

@media print, screen and (max-width:1000px){
.mark_today, .list_sold, .show_cat {font-size: 13px; }
}


/*---------------------------------------------------------------------------------------*/
.show_listdate {font-size: 22px; }
.show_listdate p {font-size:13px; }

@media print, screen and (max-width:1000px){
.show_listdate {font-size: 20px;}
.show_listdate span {font-size: 16px;}
}


/*---------------------------------------------------------------------------------------*/
.show_listtitle {font-size: 20px;}
.show_listtitle p {font-size: 15px;}

@media print, screen and (max-width:1400px){
.show_listtitle {font-size: 18px;}
.show_listtitle p {font-size: 13px;}

}
@media print, screen and (max-width:900px){
.show_listtitle {font-size: 16px;}
.show_listtitle p {font-size: 12px;}

}

/*---------------------------------------------------------------------------------------*/
.show_listvenue {font-size: 15px; margin-top: 3px;}

@media print, screen and (max-width:1000px){
.show_listvenue {font-size: 14px;}
}

@media print, screen and (max-width:900px){
.show_listvenue {font-size: 13px;}
}


/*==========================================================================================================================
音源
==========================================================================================================================*/
#disco_ListContainer {width: 100%; height: auto; margin: 0 auto; letter-spacing: -.4em; font-size: 0;}

/*-------------------------------------------------------------------------------------------------------------------------*/
#jacketPhoto {width: 15%; margin-right: 5%;}
#discData {width: 80%;}

/*-------------------------------------------------------------------------------------------------------------------------*/
#discData {padding-top: 30px; padding-bottom: 10px; letter-spacing: -.4em;font-size: 14px;}


/*-------------------------------------------------------------------------------------------------------------------------*/
#sns_linkBox.disco {margin: 15px auto 0; width: 100%; padding-top: 10px;}
#sns_linkBox.disco p {margin:0 2% 0 0; width: 5%; }
#sns_linkBox.disco p#snsTitle {margin-right: 3%; font-size: 14px; width: 8%;}

body#Top #sns_linkBox.disco {text-align: left;}

@media print, screen and (max-width:1200px){
#sns_linkBox.disco p#snsTitle {width: 10%;}
}
@media print, screen and (max-width:1000px){
#sns_linkBox.disco p#snsTitle {width: 12%;}
}

@media print, screen and (max-width:900px){
#sns_linkBox.disco p#snsTitle {width: 14%;}
}


/*-------------------------------------------------------------------------------------------------------------------------*/
#disc_subTitle {font-size: 20px; margin-bottom: 15px; padding-bottom: 5px;}

@media print, screen and (max-width:900px){
#disc_subTitle {font-size: 18px;}
}

/*-------------------------------------------------------------------------------------------------------------------------*/
#discCategory {font-size: 16px; padding: 3px 20px; margin-bottom: 10px;}

@media print, screen and (max-width:1000px){
#discCategory {font-size: 14px;}
}

/*-------------------------------------------------------------------------------------------------------------------------*/
#discName {font-size: 36px; margin-bottom: 30px;}
p#discPrice {font-size: 14px;}

#discPrice span {position: relative; z-index: 1;}
#discPrice span:nth-of-type(n+2):before {content: "／";}

@media print, screen and (max-width:900px){
#discName {font-size: 30px;}
p#discPrice {font-size: 13px;}

body#Top #sns_linkBox.disco {text-align: center;}
}

/*-------------------------------------------------------------------------------------------------------------------------*/
#jacketPhoto, #disc_dataBox {display: inline-block; vertical-align: top; letter-spacing: 0; font-size: 100%;}
#jacketPhoto {width: 40%; margin-right: 3%;}
#disc_dataBox {width: 57%; font-size: 16px;}

/*-------------------------------------------------------------------------------------------------------------------------*/
#disc_dataBox #onePeriod:last-of-type {margin-bottom: 30px;}

@media print, screen and (max-width:900px){
#disc_dataBox {font-size: 14px;}
}


/*-------------------------------------------------------------------------------------------------------------------------*/
p#disc_catch {font-size: 18px;}

@media print, screen and (max-width:900px){
p#disc_catch {font-size: 16px;}
}

/*-------------------------------------------------------------------------------------------------------------------------*/
ul#trackList li {font-size: 16px !important; margin-bottom: 10px;}

/*-------------------------------------------------------------------------------------------------------------------------*/
ul#trackList li a {padding-right: 15px;}
ul#trackList li a:after {right: 0px;width: 12px;height: 11px;}


/*-------------------------------------------------------------------------------------------------------------------------*/
ul#disco_movieList li {width: 100%; margin: 0 auto 15px;}

#slideCap {font-size: 12px; margin-top: 10px;}

/*-------------------------------------------------------------------------------------------------------------------------*/
ul#online_storeList {list-style-type: none;}
ul#online_storeList li {font-size: 14px;margin: 0 2% 10px 0;}
ul#online_storeList li a {padding: 2px 20px;}

/*-------------------------------------------------------------------------------------------------------------------------*/
#catchcopyBox {font-size: 13px; margin: 10px auto; padding: 15px ; }



/*==========================================================================================================================
音源：一覧
==========================================================================================================================*/
ul#disc_thumbList li {
width: 32.6%;
margin:0 1% 3% 0;
-ms-box-shadow:0 2px 13px 2px rgba(0,0,0,.3);
-moz-box-shadow:0 2px 13px 2px rgba(0,0,0,.3);
-webkit-box-shadow:0 2px 13px 2px rgba(0,0,0,.3);
box-shadow:0 2px 13px 2px rgba(0,0,0,.3);
}
ul#disc_thumbList li:nth-of-type(3n) {margin-right: 0;}

@media print, screen and (max-width:1000px){
ul#disc_thumbList li {width: 49%; margin:0 2% 3% 0;}
ul#disc_thumbList li:nth-of-type(3n) {margin-right:2%;}
ul#disc_thumbList li:nth-of-type(even) {margin-right: 0;}

}

/*-------------------------------------------------------------------------------------------------------------------------*/
.list_detailBox {
text-align: center;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
background: rgba(0,0,0,.9);
-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
filter: alpha(opacity=0); -moz-opacity:0; opacity:0;
}

ul#disc_thumbList li a:hover .list_detailBox {filter: alpha(opacity=100); -moz-opacity:1; opacity:1;}


/*-------------------------------------------------------------------------------------------------------------------------*/
.disc_thumb_inbox {
text-align: center;
position: absolute;
width: 90%;
height: auto;
z-index: 1;
left: 50%;
top: 50%;
-o-transform:translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
transform: translate(-50%,-50%);
}

/*-------------------------------------------------------------------------------------------------------------------------*/
.list_discname {font-size: 26px; text-align: center;}
.list_discname .show_cat {margin-bottom: 5px;}

.list_release {margin-top: 10px; font-size: 16px;}

@media print, screen and (max-width:1200px){
.list_discname {font-size: 24px; }
.list_release {font-size: 14px;}
}
@media print, screen and (max-width:900px){
.list_discname {font-size: 22px; }
.list_release {font-size: 13px;}
}

/*-------------------------------------------------------------------------------------------------------------------------*/
.label_more{
position: absolute;
left: 50%;
bottom:5%;
text-align: center;
font-size: 16px;
display: inline-block;
border-bottom: 2px solid #fff;
-ms-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-webkit-transform:translateX(-50%);
transform: translateX(-50%);
}
@media print, screen and (max-width:1200px){
.label_more {font-size: 14px; }
}
@media print, screen and (max-width:900px){
.label_more {font-size: 13px; }
}


/*==========================================================================================================================
紹介
==========================================================================================================================*/
#Biography {
max-width: 1200px;
padding: 6% 0;
margin: 0 auto;
width: 88%;
display: -webkit-flex;
display: flex;
justify-content: center;
align-content: center;
align-items: center;
}
/*-------------------------------------------------------------------------------------------------------------------------*/
#Biography .text_box p{font-size: 20px;}

@media print, screen and (max-width:1200px){
#Biography .text_box p{font-size: 18px;}
}
@media print, screen and (max-width:1000px){
#Biography .text_box p{font-size: 16px;}
}
@media print, screen and (max-width:900px){
#Biography .text_box p{font-size: 14px;}
}

/*-------------------------------------------------------------------------------------------------------------------------*/
#Photo {width: 50%; }

/*-------------------------------------------------------------------------------------------------------------------------*/
#biograhpyBox {width: 50%; display: flex;align-items: center; }


/*-------------------------------------------------------------------------------------------------------------------------*/
.member_list_photo {width: 38%; margin-left:0%;}


/*-------------------------------------------------------------------------------------------------------------------------*/
ul#profile_memberList li:nth-of-type(even) .member_list_photo {margin-right: 0%;}

/*-------------------------------------------------------------------------------------------------------------------------*/
.member_data {width: 62%;right: 0%;top: 45%;}
/*.data_inner {padding: 6%;}*/


ul#profile_memberList li:nth-of-type(even) .member_data {left: 0%; right: auto;}


/*-------------------------------------------------------------------------------------------------------------------------*/
.member_part {font-size: 24px; margin-bottom: 1px;}
.member_name {font-size: 66px;}

@media print, screen and (max-width:900px){
.member_part {font-size:20px; }
.member_name {font-size: 48px;}
}


/*-------------------------------------------------------------------------------------------------------------------------*/
.member_snslist { margin-top: 30px;}
.member_snslist a {width: 11%; margin-right: 5%; max-width: 36px;}
.member_snslist a:last-of-type {margin-right: 0;}



/*==========================================================================================================================
TOP：お問い合わせ
==========================================================================================================================*/
#Inquiry .section_inner {padding:60px 0 90px; min-height: 50vh;}

#informationBox, #informationBox p {font-size: 20px;}
#informationBox p {margin-bottom: 10px;}

@media print, screen and (max-width:1200px){
#informationBox, #informationBox p {font-size: 18px;}
}

@media print, screen and (max-width:900px){
#informationBox, #informationBox p {font-size: 16px;}
}

/*-------------------------------------------------------------------------------------------------------------------------*/
#iconLabel {margin-top: 30px; margin-bottom: 15px; width: 50%; max-width: 300px;}






}