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

#sectionBasic {padding: 60px 0;}

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

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


/*=========================================================================
PROFILE & MEMBER
=========================================================================*/
section#profileMain #sectionBasic {max-width: inherit; width: 100%;}

dl#profile_contentsBody {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:0 auto 15px; width: 35%;;}

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



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

	
/*-------------------------------------------------------------------------------------------------------------------------*/
dl#member_dataBox dt, dl#member_dataBox dd {margin: 0 auto; }
dl#member_dataBox dt {margin-bottom: 30px; letter-spacing: -.4em; width: 84%;}
dl#member_dataBox dd {width: 100%;}

/*-------------------------------------------------------------------------------------------------------------------------*/
#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 {padding: 30px 0;}
dl#disc_linkBody dt, dl#disc_linkBody dd {margin: 0 auto;}
dl#disc_linkBody dt {width: 80%; margin-bottom:15px;}
dl#disc_linkBody dd {width: 100%; text-align: center;}


/*-------------------------------------------------------------------------------------------------------------------------*/
#discCategory {font-size: 12px; margin-bottom: 5px;}
#discCategory span {padding: 2px 10px;}
#discName {font-size: 28px; margin-bottom: 5px;}
#discStyle, #disc_releaseDate {font-size: 13px;}

#disc_releaseDate {margin-bottom:20px;}


@media print, screen and (max-width:320px){
#discCategory, #discStyle, #disc_releaseDate {font-size: 11px;}
#discName {font-size: 20px;}
#morkMore span{font-size: 11px;}
}



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

/*-------------------------------------------------------------------------------------------------------------------------*/
dl#disc_detailMain {padding: 45px 0 90px;}
dl#disc_detailMain dt, dl#disc_detailMain dd {display: block; margin: 0 auto;}

dl#disc_detailMain dt {width: 100%; margin-bottom: 30px;}
dl#disc_detailMain dd {width: 100%; text-align: center; margin-bottom: 90px;}

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

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

@media print, screen and (max-width:320px){
#disc_nameArea #discName {font-size: 18px; }
#disc_catch {font-size: 13px;}
}

/*-------------------------------------------------------------------------------------------------------------------------*/
#discography_mainBody #article_snsbtnBody {margin-top: 15px; max-width: 300px;}
#discography_mainBody #article_snsbtnBody #article_snsTitle {text-align: right; margin-bottom: 0;}
#discography_mainBody #article_snsbtnBody ul#article_snsBtn {text-align: left; width:33%;}
#discography_mainBody #article_snsbtnBody ul#article_snsBtn li {width: 20%; margin-right:13%;}

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


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

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


/*-------------------------------------------------------------------------------------------------------------------------*/
#sound_frameBox {text-align: center; }

#frameBody {width: 90%; margin: 0 auto;}


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

#onePeriod.info {text-align: left;}
#onePeriod.info #disc_subTitle {text-align: center;}

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

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


/*-------------------------------------------------------------------------------------------------------------------------*/
ul#online_storeList {list-style-type: none; text-align: center;}
ul#online_storeList li {font-size: 13px;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: 45px 0;}


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

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

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

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


#eventDate  {font-size: 20px;}

/*-------------------------------------------------------------------------------------------------------------------------*/
#article_snsTitle, ul#article_snsBtn {vertical-align: middle; display: inline-block;}
#article_snsTitle {font-size: 13px;width:20%;  max-width: 60px;}

ul#article_snsBtn{width: 60%; max-width: 180px;}
ul#article_snsBtn li {width: 12%; margin-right: 6%; }

/*-------------------------------------------------------------------------------------------------------------------------*/
#article_mainBox {font-size: 13px; padding: 45px 0;}
#article_mainBox img {width: 100%; height: auto; display: block;}

#article_mainBox a {word-break: break-all;}

@media print, screen and (max-width:320px){
#article_topBox #topicsCategory {font-size: 12px; }
#article_topBox #topics_upDate {font-size: 12px; }
#article_topBox #topics_upDate #markNew {font-size: 10px;}

#articleTitle {font-size: 15px;}

#article_snsTitle {font-size: 12px}
#article_mainBox {font-size: 12px;}
}


/*=========================================================================
PICTURE
=========================================================================*/
img#picCover {padding: 10% 0;}

#pictureUpdate {font-size: 14px; margin-bottom: 30px;}
#pictureUpdate #markNew {font-size: 11px; padding-left: 5px;}

#pictureTitle {font-size: 18px; margin-bottom: 10px;}
#pictureTitle span {font-size: 24px;}

#pictureHeadline #btnMore a {font-size: 12px;  }


@media print, screen and (max-width:320px){
#pictureUpdate {font-size: 12px; }
#pictureUpdate #markNew {font-size: 10px;;}

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

#pictureHeadline #btnMore a {font-size: 10px !important;;}
}



/*=========================================================================
PICTURE：DETAIL
=========================================================================*/
ul#picture_detailList li {width: 48.5%; margin:0 3% 30px 0; font-size: 11px;}
ul#picture_detailList li:nth-of-type(even) {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:320px){
ul#picture_detailList {display: block;}
ul#picture_detailList li {width: 100%; margin: 0 auto 30px; font-size: 10px;}
ul#picture_detailList li:nth-of-type(even) {margin: 0 auto 30px;}
ul#picture_detailList li:last-of-type {margin-bottom: 0;}
}




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

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

@media print, screen and (max-width:320px){
.contact_notes_inner {padding:15px;}

#sectionContact #article_topBox {font-size: 12px;}
}

/*---------------------------------------------------------------------------------------------------------------------------------------------------- */
#formBody { width: 100%; height: auto; margin: 0 auto;}


/*---------------------------------------------------------------------------------------------------------------------------------------------------- */
dl#form_inputList {margin-bottom: 60px; }

dl#form_inputList dt {width: 100%; margin-bottom: 10px; font-size: 15px;}
dl#form_inputList dd {margin-bottom: 30px; font-size: 13px;}

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


span.error {font-size: 11px !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: 13px;}

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


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


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

@media print, screen and (max-width:320px){
#agreeMessage {font-size: 12px;}
#agreeHeadline {font-size: 16px;}
}

}