@charset "utf-8";
@media print, screen and (min-width:769px){
/*=========================================================================
CONTANTES BASIC
=========================================================================*/
#mainContents {padding: 45px 0; background: #111;}

#sectionBasic {padding: 60px 0;}

/*-------------------------------------------------------------------------------------------------------------------------*/
#morkMore span{padding: 4px 15px; font-size: 14px;}

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

/*=========================================================================
PROFILE & MEMBER
=========================================================================*/
section#profileMain #sectionBasic {max-width: 1200px;}

dl#profile_contentsBody {letter-spacing: -.4em; width: 100%;}

dl#profile_contentsBody dt, dl#profile_contentsBody dd {letter-spacing: 0; vertical-align: top; display: inline-block;}
dl#profile_contentsBody dt {width: 55%; margin-right: 4%;}
dl#profile_contentsBody dd {width: 41%; padding-top:3%;}

/*-------------------------------------------------------------------------------------------------------------------------*/
#profileLogo {margin-bottom: 15px; width: 60%; max-width: 350px;}

#profCatch {font-size: 18px}

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

@media print, screen and (max-width:881px){
section#profileMain #sectionBasic {max-width: inherit; width: 100%;}

dl#profile_contentsBody dt, dl#profile_contentsBody dd {display: block; margin: 0 auto;}
dl#profile_contentsBody dt {width: 100%; margin-bottom:30px;}
dl#profile_contentsBody dd {width:90%; }

#profileLogo {margin:-0px auto 30px; width: 45%;}

#profCatch {font-size: 18px; text-align: center; }

}

/*-------------------------------------------------------------------------------------------------------------------------*/
ul#memberList li {padding: 45px 0; }

	
/*-------------------------------------------------------------------------------------------------------------------------*/
dl#member_dataBox {letter-spacing: -.4em;}

dl#member_dataBox dt, dl#member_dataBox dd {display: inline-block; vertical-align: middle; }
dl#member_dataBox dt {width: 50%; margin-right: 2%;}
dl#member_dataBox dd {width: 48%;}

/*-------------------------------------------------------------------------------------------------------------------------*/
#photoContainer, #thumbContainer {letter-spacing: 0; vertical-align: top; display: inline-block;}
#photoContainer {width:78%; margin-right: 2%; }

#thumbContainer {width: 20%;}

ul#memberThumb {display: block;}
ul#memberThumb li {display: block !important; margin-bottom: 5px !important; width: 100% !important;}


/*-------------------------------------------------------------------------------------------------------------------------*/
#member_profBox #memberName {font-size: 56px; margin-bottom: 45px;}
#member_profBox #memberName p {font-size: 16px; font-weight: 400;}


/*-------------------------------------------------------------------------------------------------------------------------*/
#profData {margin-bottom: 15px; font-size: 18px;}
#profData span {font-size: 22px; margin-bottom: 5px;}
#profData p {margin-bottom: 30px;}
#profData p:last-of-type {margin-bottom: 0;}

/*-------------------------------------------------------------------------------------------------------------------------*/
ul#prof_snsLink li {width: 23%; margin-right: 2%; padding: 0;}
ul#prof_snsLink li p {font-size: 14px;}


@media print, screen and (max-width:881px){
#member_profBox #memberName {font-size: 40px; margin-bottom: 30px; line-height: 140%;}
#member_profBox #memberName p {font-size: 14px;}

#profData {font-size: 14px;}
#profData span {font-size: 18px;}

}


/*=========================================================================
DISCOGRAPHY
=========================================================================*/
body#Disco ul#category_naviList li {width:25%; }


/*=========================================================================
DISCOGRAPHY：LIST
=========================================================================*/
dl#disc_linkBody {letter-spacing: -.4em; padding: 30px 0;}
dl#disc_linkBody dt, dl#disc_linkBody dd {display: inline-block; letter-spacing: 0; vertical-align: middle;}
dl#disc_linkBody dt {width: 24%; margin-right: 3%;}
dl#disc_linkBody dd {width: 73%;}


/*-------------------------------------------------------------------------------------------------------------------------*/
#discCategory {font-size: 14px; margin-bottom: 5px;}
#discCategory span {padding: 2px 10px;}
#discName {font-size: 44px; margin-bottom: 5px;}
#discStyle, #disc_releaseDate {font-size: 16px;}
#disc_releaseDate {margin-bottom: 15px;}

#morkMore span{padding: 4px 30px; font-size: 14px;}

@media print, screen and (max-width:1000px){
dl#disc_linkBody dt {width: 27%;}
dl#disc_linkBody dd {width: 70%;}

#discName {font-size: 36px;}
}


@media print, screen and (max-width:900px){
#discCategory {font-size: 13px;}
#discName {font-size: 28px;}
#discStyle, #disc_releaseDate {font-size: 14px;}

#morkMore span{font-size: 13px;}

}


/*=========================================================================
DISCOGRAPHY：DETAIL
=========================================================================*/
#discography_mainBody.single {padding-bottom: 60px;}

dl#disc_detailMain {padding: 60px 0;}
dl#disc_detailMain:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}

dl#disc_detailMain dt, #sound_frameBox {float: left; width:34%;  margin-right: 2%;}
#disc_nameArea, dl#disc_detailMain dd {float: right; width: 62%;}


@media print, screen and (max-width:1000px){
dl#disc_detailMain dt, #sound_frameBox {width:42%;  margin-right: 2%;}
#disc_nameArea, dl#disc_detailMain dd { width: 56%;}
}

/*-------------------------------------------------------------------------------------------------------------------------*/
#discography_mainBody #article_snsbtnBody {margin-top: 10px; }
#discography_mainBody #article_snsbtnBody #article_snsTitle {width: 20%;}
#discography_mainBody #article_snsbtnBody ul#article_snsBtn {width:80%; max-width: 200px;}

/*-------------------------------------------------------------------------------------------------------------------------*/
#disc_nameArea {padding:0 1em 20px; margin-bottom: 30px;}
#disc_nameArea #discCategory {margin-bottom: 2px;}
#disc_nameArea #discName {font-size: 55px;}
#disc_nameArea #disc_releaseDate {margin-bottom: 0;}

#disc_catch {margin-top:10px; font-size: 16px;}

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

@media print, screen and (max-width:881px){
#disc_nameArea #discName {font-size: 36px; }
}


/*-------------------------------------------------------------------------------------------------------------------------*/
#jacketPhoto  {margin-bottom: 45px;}


/*-------------------------------------------------------------------------------------------------------------------------*/
#frameBody { min-height: 500px;}

/*-------------------------------------------------------------------------------------------------------------------------*/
#disc_tracklistArea #onePeriod {width: auto; padding: 0 1em;}

#disc_subTitle {font-size: 20px; margin-bottom: 30px;}

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

/*-------------------------------------------------------------------------------------------------------------------------*/
ul#disco_movieList {letter-spacing: -.4em;}
ul#disco_movieList li {width: 48%; margin: 0 4% 30px 0; display: inline-block; vertical-align: top; letter-spacing: 0;}
ul#disco_movieList li:nth-of-type(even) {margin-right: 0;}

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

@media print, screen and (max-width:1000px){
ul#disco_movieList {letter-spacing: 0;}
ul#disco_movieList li {width: 100%; margin: 0 auto 30px;}
ul#disco_movieList li:nth-of-type(even) {margin: 0 auto 30px;}
ul#disco_movieList li:last-of-type {margin-bottom: 0;}
}

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


/*=========================================================================
NEWS
=========================================================================*/
body#News ul#category_naviList li {width:calc(100%/6); }

/*-------------------------------------------------------------------------------------------------------------------------*/
#news_mainBody {padding: 60px 0;}

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

#article_topBox #topicsCategory {font-size: 14px; margin-bottom: 15px;}
#article_topBox #topics_upDate {font-size: 14px;}
#article_topBox #topics_upDate #markNew {font-size: 12px; padding-left: 5px;}

#article_titleArea {margin-bottom: 20px; padding-bottom: 15px; }

#articleTitle {font-size: 26px; margin-bottom: 15px;}
#articleTitle span {font-size: 18px; line-height: 140%;}

#eventDate  {font-size: 30px; }


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

#eventDate  {font-size: 26px;}

}


/*-------------------------------------------------------------------------------------------------------------------------*/
#article_snsbtnBody {letter-spacing: -.4em;}
#article_snsTitle, ul#article_snsBtn {vertical-align: middle; display: inline-block;}
#article_snsTitle {font-size: 14px;width:8%; max-width: 60px;  }

ul#article_snsBtn{width: 92%; max-width: 200px;}
ul#article_snsBtn li {width: 10%; margin-right: 6%; }



/*-------------------------------------------------------------------------------------------------------------------------*/
#article_mainBox {font-size: 14px; padding: 60px 0;}
#article_mainBox img {max-width: 500px;}


/*=========================================================================
PICTURE：LIST
=========================================================================*/
#pictureUpdate {font-size: 14px; margin-bottom: 30px;}
#pictureUpdate #markNew {font-size: 12px; padding-left: 5px;}

#pictureTitle {font-size: 24px; margin-bottom: 5px;}
#pictureTitle span {font-size: 34px; margin-bottom: 5px;}
#pictureHeadline #btnMore {font-size: 14px;}

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


/*=========================================================================
PICTURE：DETAIL
=========================================================================*/
ul#picture_detailList li {width: 31.3%; margin:0 3% 30px 0; font-size: 12px; line-height: 140%;}
ul#picture_detailList li:nth-of-type(3n) {margin-right: 0;}

#picture_mainBody #topics_upDate {margin: 15px 0 0;}

ul#picture_detailList li a p {margin-top: 10px;}

@media print, screen and (max-width:900px){
ul#picture_detailList li {width: 48.5%; font-size: 11px;}
ul#picture_detailList li:nth-of-type(3n) {margin-right: 3%;}
ul#picture_detailList li:nth-of-type(even) {margin-right: 0;}
}

/*=========================================================================
CONTACT
=========================================================================*/
.contact_notes_inner {padding: 30px;}

#sectionContact #article_topBox {font-size: 14px; margin-bottom: 0px;}
#sectionContact #article_topBox p {margin-bottom: 10px;}



/* ------------------------------------------------------------------------------------------------------------------- */
#formBody {margin-bottom: 45px;}
#contactHeadline , #contactHeadline p {font-size: 14px;}

@media print, screen and (max-width:900px){
dl#form_inputList dt, dl#form_inputList dd,
#form_buttonList input.Agree,
#form_buttonList input.Disagree{ font-size: 14px;}
}


/*---------------------------------------------------------------------------------------------------------------------------------------------------- */
dl#form_inputList {margin-bottom: 90px; letter-spacing: -.4em;}
dl#form_inputList dt, dl#form_inputList dd {font-size: 16px; letter-spacing: 0; vertical-align: middle; display: inline-block; margin-bottom: 30px;}
dl#form_inputList dt {width: 23%; margin-right: 2%; text-align: right; }
dl#form_inputList dd {width: 51%;}

dl#form_inputList dt:last-of-type, 
dl#form_inputList dd:last-of-type {margin-bottom: 0;}

span.error {font-size: 13px !important; margin-top: 3px !important;  }


/*---------------------------------------------------------------------------------------------------------------------------------------------------- */
ul#form_buttonList li input[type="submit"],
#form_buttonList input.Agree,
#form_buttonList input.Disagree{padding:10px 0; font-size: 16px;}

#formBody::-webkit-input-placeholder,
#formBody::-moz-placeholder,
#formBody::-ms-input-placeholder,
#formBody input[type="text"],
#formBody textarea {font-size: 16px;}


@media print, screen and (max-width:900px){
dl#form_inputList dt, dl#form_inputList dd,
#form_buttonList input.Agree,
#form_buttonList input.Disagree{ font-size: 14px;}
}


/*---------------------------------------------------------------------------------------------------------------------------------------------------- */
#agreeMessage {font-size: 16px; padding: 100px 0;}
#agreeHeadline {font-size: 24px; margin-bottom: 30px;}

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

}