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




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

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


@media print, screen and (max-width:320px){
ul#memberList li {width:100%; margin: 0 auto 3%;}
ul#memberList li:nth-of-type(4n) {margin-bottom: 0;}

/*-------------------------------------------------------------------------------------------------------------------------*/
dl#member_dataBox {width: 100%; display: flex; align-content: center; align-items: center; }
dl#member_dataBox dt, dt#member_dataBox dd {display: inline-block; vertical-align: middle; height: auto; font-size: 100%;}
dl#member_dataBox dt {width: 54%; margin-right: 6%;}
dl#member_dataBox dd {width: 40%;}

}



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

@media print, screen and (max-width:320px){
ul.member_photo li {margin-bottom: 0;}
}


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

@media print, screen and (max-width:414px){
.member_name {font-size: 3.4vw;}
.member_name span {font-size: 3vw; margin-right: .5vw;}
}

@media print, screen and (max-width:320px){
.member_name {font-size: 4vw;}
.member_name span {font-size: 3vw; margin-right: .5vw;}
}


/*-------------------------------------------------------------------------------------------------------------------------*/
.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;}

@media print, screen and (max-width:414px){
.prof_sns_link p {width: 20%; margin-right: 5%; max-width: 30px;}

}


/*==========================================================================================================================
NEWS：ARTICLE
==========================================================================================================================*/
ul#news_listBody li {
padding-top: 70px;
margin-top: -60px;
margin-bottom: 60px;
padding-bottom: 60px;}

/*-------------------------------------------------------------------------------------------------------------------------*/
#news_photoBloc, #news_notesBloc {margin: 0 auto; width: 100%;}

/*-------------------------------------------------------------------------------------------------------------------------*/
#news_photoBloc {margin-bottom: 30px;}

/*-------------------------------------------------------------------------------------------------------------------------*/
#newsPhoto {margin-bottom: 10px;}

/*-------------------------------------------------------------------------------------------------------------------------*/
#sns_linkBox {width: 100%; margin: 0; font-size: 12px; max-width: 320px;}
#sns_linkBox p {width: 7%; margin-right: 4%; max-width: 36px;}
#sns_linkBox p#snsTitle {width: 16%; max-width: inherit;}
#sns_linkBox p:last-of-type {margin-right: 0;}

@media print, screen and (max-width:414px){
#sns_linkBox p {width: 8%;}
}


/*-------------------------------------------------------------------------------------------------------------------------*/
dl#notesConatainer dt {font-size: 13px; margin-bottom: 15px; padding-bottom: 15px;}


/*-------------------------------------------------------------------------------------------------------------------------*/
#newsTitle {font-size: 20px; padding-bottom: 10px;margin-bottom: 15px;}
#news_upDate {font-size: 13px; margin-bottom: 2px;}

@media print, screen and (max-width:414px){
#newsTitle {font-size: 18px; }
}
@media print, screen and (max-width:375px){
#newsTitle {font-size: 16px; }
#news_upDate {font-size: 12px;}
}
@media print, screen and (max-width:320px){
#newsTitle {font-size: 15px; }
#news_upDate {font-size: 11px;}
}


/*-------------------------------------------------------------------------------------------------------------------------*/
dl#notesConatainer dd {font-size: 14px;}

@media print, screen and (max-width:414px){
dl#notesConatainer dd {font-size: 13px;}
}

@media print, screen and (max-width:320px){
dl#notesConatainer dd {font-size: 12px;}
}

/*-------------------------------------------------------------------------------------------------------------------------*/
dl#notesConatainer dd iframe {width: 100%; height: 100%; min-height:250px; }

@media print, screen and (max-width:414px){
dl#notesConatainer dd iframe {min-height:200px; }
}

@media print, screen and (max-width:320px){
dl#notesConatainer dd iframe {min-height:180px; }
}


/*==========================================================================================================================
NEWS
==========================================================================================================================*/
ul#newsList {margin-bottom: 60px; margin-top: -60px;}
ul#newsList li {margin-bottom: 0;}

/*-------------------------------------------------------------------------------------------------------------------------*/
dl.article_container {padding: 4%;}

@media print, screen and (max-width:414px){
dl.article_container {padding: 6%;}

}

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

@media print, screen and (max-width:414px){
dl.article_container dt {margin-bottom: 4%; }
}

/*-------------------------------------------------------------------------------------------------------------------------*/
.article_titlebox .news_date p {font-size: 15px; margin:0 10px 0 0;}
.article_titlebox .news_date #markNew {font-size: 12px;}
.article_titlebox .news_title {font-size: 22px;}

@media print, screen and (max-width:414px){
.article_titlebox .news_date {margin-bottom: 0;}
.article_titlebox .news_date p {font-size: 3.4vw; margin: 0 1% 0% 0;}
.article_titlebox .news_date #markNew {font-size: 2.4vw;}
.article_titlebox .news_title {font-size: 4.3vw;}
}

/*-------------------------------------------------------------------------------------------------------------------------*/
dl.article_container dd, dl.article_container dd p {font-size: 13px;}
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:414px){
dl.article_container dd, dl.article_container dd p {font-size: 3vw;}
}

/*-------------------------------------------------------------------------------------------------------------------------*/
dl.article_container dd img {width: 100%; height: auto; display: block;}

@media print, screen and (max-width:414px){
dl.article_container dd img {margin: 0 auto;}
}






/*==========================================================================================================================
公演：詳細
==========================================================================================================================*/
ul#showList li {margin-bottom: 6%;}


/*-------------------------------------------------------------------------------------------------------------------------*/
/*
.show_container {padding: 6%;}
*/
.show_container {padding-top: 2%;}

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


@media print, screen and (max-width:414px){
#showFlyer img {max-height: 240px;}
}
@media print, screen and (max-width:320px){
#showFlyer img {max-height: 170px;}
}



/*---------------------------------------------------------------------------------------*/
#show_titleBox {margin-bottom: 30px;}

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

@media print, screen and (max-width:414px){
#show_titleBox {margin-bottom: 9%;}

#showDate {font-size:3vw;}
#showTitle{font-size: 4.6vw;}
#showTitle p {font-size: 2.8vw;}

}


/*---------------------------------------------------------------------------------------*/
.show_container #onePeriod {padding-bottom: 15px; margin-bottom: 15px;}
.show_container #onePeriod.sns_icons {padding: 10px 0; margin-bottom: 9%;}

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

dl.article_infobox {margin-bottom: 15px; letter-spacing: 0;}
dl.article_infobox dt, dl.article_infobox dd {letter-spacing: 0;display: inline-block;vertical-align: top;}

dl.article_infobox,dl.article_infobox dt,dl.article_infobox dd {font-size: 13px;}
dl.article_infobox dt {margin-right: 2%;}
dl.article_infobox dd p {padding: 0;}


@media print, screen and (max-width:414px){
dl.article_infobox, dl.article_infobox dt, dl.article_infobox dd {font-size: 3.3vw;}
dl.article_infobox {letter-spacing: 0;  margin-bottom: 1.5vw;}
dl.article_infobox dt, dl.article_infobox dd {  display: block; }

#showHeadline  {font-size: 4vw; margin-bottom: 3%;}
}


/*==========================================================================================================================
公演：一覧
==========================================================================================================================*/
ul#show_linkList li a {padding: 15px 15px;}

@media print, screen and (max-width:414px){
ul#show_linkList li a {padding: 4% 4% 6%; }
}

/*---------------------------------------------------------------------------------------*/
.showlist_datebox {margin-bottom: 5px; }
.showlist_titlebox {}
/*
.showlist_datebox {width: 26%; margin-right: 3%; text-align: right;}
.showlist_titlebox {width: 71%;}
*/

@media print, screen and (max-width:414px){
.showlist_datebox {margin-bottom: 1%; }
}

/*---------------------------------------------------------------------------------------*/
.mark_today, .show_cat, .list_sold {font-size: 12px;padding: 4px 10px; margin-bottom: 5px;}

@media print, screen and (max-width:414px){
.mark_today, .show_cat, .list_sold {font-size: 2.8vw; margin-bottom: 1%;}
}


/*---------------------------------------------------------------------------------------*/
.show_listdate p, .show_listdate span {display: inline-block; vertical-align: baseline;}
.show_listdate {font-size: 15px;}
.show_listdate p {font-size: 13px; margin-right:1%;}

@media print, screen and (max-width:414px){
.show_listdate {font-size: 3vw;}
.show_listdate p {font-size: 2.8vw;}
}


/*---------------------------------------------------------------------------------------*/
.show_listtitle{font-size: 18px;}
.show_listtitle p {font-size: 13px;}

@media print, screen and (max-width:414px){
.show_listtitle {font-size: 4vw;}
.show_listtitle p {font-size: 2.8vw;}

}

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

@media print, screen and (max-width:414px){
p.show_listvenue {font-size: 2.8vw;}
}


/*==========================================================================================================================
音源：詳細
==========================================================================================================================*/
#sns_linkBox.disco {
margin: 10px auto;
width: 100%;
padding: 10px 0;
display: block;
text-align: center;
max-width: inherit;
}
#sns_linkBox.disco p {vertical-align: top; width: 6%; margin-right: 3%; max-width:26px;}
#sns_linkBox.disco p:last-of-type {margin-right: 0;}
#sns_linkBox.disco p#snsTitle {font-size: 14px; width: 12%; max-width: inherit;}


@media print, screen and (max-width:414px){
#sns_linkBox.disco {margin-top: 3%; }
#sns_linkBox.disco p#snsTitle {font-size: 3vw;}
}

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

@media print, screen and (max-width:414px){
#disc_subTitle , #disc_subTitle span {font-size: 4vw; margin-bottom: 4%;}
}

/*-------------------------------------------------------------------------------------------------------------------------*/
#discCategory {font-size: 12px; padding: 5px 10px; margin-bottom: 10px;}

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


/*-------------------------------------------------------------------------------------------------------------------------*/
#discName {font-size: 28px; margin-bottom: 30px;}

@media print, screen and (max-width:414px){
#discName {font-size: 5vw; margin-bottom: 6%;}
}

/*-------------------------------------------------------------------------------------------------------------------------*/
#jacketPhoto, #disc_dataBox {display: block;}
#jacketPhoto {width: 80%; margin:0 auto 30px;}
#disc_dataBox { margin:0 auto; font-size: 13px; text-align: center;}

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

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

/*-------------------------------------------------------------------------------------------------------------------------*/
#discData {font-size: 13px;}

@media print, screen and (max-width:414px){
#discData {font-size: 3.2vw;}
}

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

@media print, screen and (max-width:414px){
#disc_catch {font-size: 3.2vw;}
}



/*-------------------------------------------------------------------------------------------------------------------------*/
#discPrice span {display: block;}

/*-------------------------------------------------------------------------------------------------------------------------*/
ul#trackList li {font-size: 15px; margin-bottom: 5px; }

@media print, screen and (max-width:414px){
ul#trackList li {font-size:3.6vw;}
}


/*-------------------------------------------------------------------------------------------------------------------------*/
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 30px;}
ul#disco_movieList li:nth-of-type(even) {margin-right: 0;}

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

@media print, screen and (max-width:414px){
#slideCap  {font-size: 2.6vw;}
}


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

@media print, screen and (max-width:414px){
ul#online_storeList li {font-size: 2.8vw; }
ul#online_storeList li a {padding: 4px 20px;}
}


/*-------------------------------------------------------------------------------------------------------------------------*/
#catchcopyBox {font-size: 12px; margin: 10px auto; padding: 15px; text-align: left;}

@media print, screen and (max-width:414px){
#catchcopyBox  {font-size: 3vw; margin: 2% auto;}
}



/*==========================================================================================================================
音源：一覧
==========================================================================================================================*/
ul#disc_thumbList {
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;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
ul#disc_thumbList li {
width: 49%;
margin:0 2% 3% 0;
background: #f6e1d0;
-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(even) {margin-right: 0;}


@media print, screen and (max-width:414px){
ul#disc_thumbList li {display: block; width: 98%; height: auto; margin: 0 auto 6%;}
ul#disc_thumbList li:nth-of-type(even) { margin: 0 auto 6%;}
ul#disc_thumbList li:last-of-type {margin-bottom: 0;}
}


ul#disc_thumbList li a:hover {filter: alpha(opacity=80); -moz-opacity:.8; opacity:.8;}

/*-------------------------------------------------------------------------------------------------------------------------*/
.list_detailBox {padding: 5% 3%; color: #f6e1d0; position: relative; z-index: 1; }

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

/*-------------------------------------------------------------------------------------------------------------------------*/
.list_discname {font-size: 16px; color: #450100;}
.list_detailBox .show_cat {margin-bottom: 5px; font-size: 13px;}
.list_release {margin-top: 10px; font-size: 13px; color: #050505;}

@media print, screen and (max-width:414px){
.list_detailBox .show_cat {margin-bottom: 3%; font-size: 4vw;}
.list_discname {font-size: 6vw; }
.list_release {margin-top: 6%; font-size: 4vw;}

}

/*-------------------------------------------------------------------------------------------------------------------------*/
.label_more{display: none;}


/*==========================================================================================================================
紹介
==========================================================================================================================*/
body#Profile #mainContents.inner {padding-bottom: 0%;}
 
#Biography {padding: 3%; margin: 0 auto;}

/*-------------------------------------------------------------------------------------------------------------------------*/
#Biography .text_box p{font-size: 14px;}

@media print, screen and (max-width:414px){
#Biography .text_box p{font-size: 3vw;}
}
/*-------------------------------------------------------------------------------------------------------------------------*/
#Photo {width: 94%; }

/*-------------------------------------------------------------------------------------------------------------------------*/
#biograhpyBox {width: 100%; }


/*-------------------------------------------------------------------------------------------------------------------------*/
.member_list_photo {width: 50%;}


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

/*-------------------------------------------------------------------------------------------------------------------------*/
.member_data {width: 50%;right: 0%;top: 38%;}

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

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

@media print, screen and (max-width:414px){
.member_part {font-size:4vw; }
.member_name {font-size: 7vw;}
}


/*-------------------------------------------------------------------------------------------------------------------------*/
.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;}

@media print, screen and (max-width:414px){
.member_snslist { margin-top: 4%;}
}




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

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


@media print, screen and (max-width:414px){
#informationBox, #informationBox p {font-size: 3.2vw;}
#informationBox p {margin-bottom: 5px;}

}


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

@media print, screen and (max-width:414px){
#iconLabel {margin-top: 3%; margin-bottom: 3%; width:50%;}
}




}