@charset "utf-8";
@media print, screen and (min-width:768px){
/*===========================================

 → BASIC
  
============================================*/	
#pageTitle,#otherTitle {font-size:32px; margin-bottom:60px;}


#blocHeadline {font-size:20px; margin-bottom:20px; padding-bottom:5px;}

#oneBloc {margin-bottom:80px;}
#oneBloc, #oneBloc p {font-size:13px;}

#btn_tinyLink a {font-size:11px; padding:2px 15px 3px;}

#noticeBox p {font-size:11px;}




/*===========================================

 →  MAIN CONTENTS →  ARCHIVES
	
============================================*/
#archive_listBloc {padding:40px 0 60px;}
ul#archivesList #pageTitle {margin-bottom:20px;}
ul#archivesList li {font-size:20px;}


/*===========================================

 →  MAIN CONTENTS →  ARTICLE LIST
	
============================================*/
#articleCat,  #articlelist_upDate {display:inline-block; vertical-align:middle; margin-bottom:20px;}
#articleCat {width:12%; margin-right:1%;}
#articlelist_upDate {width:86%;}


#articleCat {font-size:11px;}
#articlelist_upDate {font-size:12px;}

#listNew {font-size:11px;}

#articlelist_mainBody {padding:10px 0 80px;}


#articleContents {
	padding-bottom:40px;
		font-size:13px;
	line-height:180%;
}

#articleContents iframe {width:80%; margin:15px 0; height:300px; max-width:560px;}

/*===========================================

 → MAIN CONTENTS → MEMBER
  
============================================*/
#subMenu.for_member ul li {width:15%;}

#member_mainCap {font-size:15px;}

#band_biography p {font-size:15px;}


/*===========================================

 → MAIN CONTENTS → MEMBER →  PERSONAL
  
============================================*/
#memberBody.pesonal {
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;
}


#personalVisual, #personalData {height:auto; display:block;}

#personalVisual {width:50%; margin-right:3%; float:left;}
#personalData {width:47%; float:right;}

#personalData #blocHeadline {font-size:32px;}

dl#personalBio, ul#personalLinks {margin-bottom:40px;}

dl#personalBio dt,
dl#personalBio dd {letter-spacing:0; display:inline-block; height:auto; vertical-align:top; font-weight:700;}


dl#personalBio dt {width:30%; margin-right:2%; font-size:13px; }
dl#personalBio dd {margin-bottom:30px; width:68%; font-size:15px;}

ul#personalLinks li {width:32.1%; margin:0 2% 0 0;}
ul#personalLinks li:nth-child(3n) {margin-right:0;}

ul#personalLinks li a p { font-size:12px;}

/*===========================================

 → MAIN CONTENTS → MEMBER →  PERSONAL → TWITTER TIMELINE
   
============================================*/
#twitterTimeline { height: 250px; padding:20px;}
#twitterTimeline iframe {width: 100%;height:250px;}



/*===========================================

 →  MAIN CONTENTS →  SCHEDULE 
	
============================================*/
#subMenu.for_schedule ul li {width:23.5%;}

#sche_noticeArea #noticeBox {font-size:12px;}

#sche_noticeArea #noticeBox #noticeHeadline {font-size:18px;}
#sche_noticeArea #noticeBox #noticeHeadline:after { font-size:12px;}

	
	
/*===========================================

 →  MAIN CONTENTS →  SCHEDULE →  ARTICLE LIST 
	
============================================*/
ul#articleList.schedule_list li {	width:23.5% !important;	margin:0 2% 80px 0;}
ul#articleList.schedule_list li:nth-child(4n) {margin-right:0;}

#sche_listUpdate, #sche_listData #articleCat span  {font-size:11px !important;}


#sche_listEventday {font-size:24px;}

#schelist_Title  {font-size:16px;}

#sche_listVenue  {font-size:13px;}

#sche_listMore, #sche_listMore a {font-size:12px;}


@media print, screen and (max-width:900px){
ul#articleList.schedule_list li {	width:31.8% !important;	}
ul#articleList.schedule_list li:nth-child(3n) {margin-right:0;}
ul#articleList.schedule_list li:nth-child(4n) {margin-right:2%;}
	
}


/*===========================================

 → MAIN CONTENTS → SCHEDULE → ARTICLE
  
============================================*/
#sche_eventDay  {font-size:30px;}
#sche_eventName {font-size:26px;}

#scheVenue{font-size:18px;}

#sche_dataBloc {
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;
letter-spacing:-.4em;	
}

#schedule_mapBox, #sche_dataDetail { letter-spacing:0; display:inline-block; height:auto; vertical-align:top;}
#schedule_mapBox {width:34%; margin-right:3%;}
#sche_dataDetail {width:63%;}

#scheMap {padding-top:100%;}
#map_venue {font-size:13px;}

dl#sche_dataDetail { letter-spacing:-.4em;}

dl#sche_dataDetail dt,
dl#sche_dataDetail dd {letter-spacing:0; display:inline-block; height:auto; vertical-align:top; font-weight:700;}


dl#sche_dataDetail dt {width:25%; margin-right:2%; font-size:14px; }
dl#sche_dataDetail dd {margin-bottom:30px; width:73%; font-size:15px;}



#eventThumb { width:25%; float:right;}
#titleBox {width:73%;  margin-right:2%; float:left;}

/*===========================================

 →  MAIN CONTENTS →  DISCOGRAPHY
	
============================================*/
#subMenu.for_disco ul li {width:23.5%;}



/*===========================================

 →  MAIN CONTENTS →  DISCOGRAPHY →  LIST
	
============================================*/
ul#discList li#discOne {width:22.7%; margin:0 3% 40px 0;}
ul#discList li#discOne:nth-child(4n) {margin-right:0;}

#discolist_mark, #discolist_releaseDate {font-size:12px;}
#discolist_discTitle {font-size:14px;}

#discNew {font-size:11px;}
/*===========================================

 →  MAIN CONTENTS →  DISCOGRAPHY →  ARTICLE
	
============================================*/

dl#discoBody dt {padding:10px 0px;}
dl#discoBody dd {padding:50px 0px;}

dl#discoBloc {margin-bottom:80px;}

#oneDisc {margin-bottom:40px;}

/*#disc_titleBloc:after {font-size:16px !important;}*/

#discName {	font-size:30px;}
	
		
#discName p {display:block; font-size:18px;}
#discName p:before {font-size:14px !important;}

#disc_releaseDate {font-size:13px; margin-top:10px;}


#discLeft {width:32%; margin:0 4% 30px 0; float:left; }
#discRight {width:64%; float:right;}

#discPic { width:100%; height:auto; display:block;	margin-bottom:30px;	}
#discPic p {font-size:13px; margin-top:5px;}



#discData {width:100%; margin-bottom:30px; padding-bottom:30px;}
#discData p {font-size:13px;}

#data_typeHeadline {font-size:16px !important;}

ul#shoppingList {margin-bottom:20px;}

ul#shoppingList li {font-size:13px;}
ul#shoppingList li a {padding:2px 5px; font-size:13px !important; }
ul#shoppingList li img {width:100%; height:auto; display:block; max-width:110px;}

#d_dataTitle {font-size:17px;} 


#shoppingGuide {padding:10px 15px;}
#shoppingGuide p {font-size:11px !important;}

#disc_fullBox {margin-bottom:80px;}

ul#trackList {margin-bottom:40px;}

ul#trackList li {font-size:13px;}
ul#trackList li a:after { font-size:12px;}

#trackInfo p {font-size:11px;}


#disc_fullBox.spot_movies {letter-spacing:-.4em; text-align:left;}

#discoClip {
	width:31.4%;
	display:inline-block;
	margin:0 3% 20px 0;
	vertical-align:top;
	letter-spacing:0;
	}

#discoClip:nth-child(3n) {margin-right:0;}

#discoClip a:hover:after {	font-size:24px;	}

#discoClip p {font-size:12px;}

#disc_noticeArea {font-size:12px; margin-bottom:50px;}

#disc_detailOne {margin-bottom:60px;}


/*===========================================

 →  MAIN CONTENTS →  MEDIA 
	
============================================*/
#subMenu.for_media ul li {width:15%;}


/*===========================================

 → MAIN CONTENTS → BLOG
  
============================================*/	
ul#blog_bnrList li {	background-size:15%;}

ul#blog_bnrList li a {padding:25px 0 25px 19%; font-size:15px;}


/*===========================================

 → MAIN CONTENTS → INFORMATION
  
============================================*/	
dl#faqList dt, dl#faqList dd {font-size:13px; }
dl#faqList dt:after, dl#faqList dd:after {font-size:15px !important;}

ul#policyList li, ul#policyList li p {font-size:13px;}
 
p#policyData {padding:0 1em;}
	
	


/*===========================================

 →SCHEDULE (2017/10/31 NEW)
  
============================================*/			
#schduleSold {font-size:18px; padding:3px 15px; vertical-align:3px; display:inline-block; margin-right:2%;}
	
#sche_listSold { font-size:18px; }	



/*=====================================================================

PHOTO GALLERY > LIST
 
=====================================================================*/


#subTitle {font-size:30px; margin-bottom:45px;}

dl#galleryIndex {max-width:700px; letter-spacing:-.4em;}

dl#galleryIndex dt,
dl#galleryIndex dd {
	letter-spacing:0;
	vertical-align:top;
	display:inline-block;
	height:auto;
	margin-bottom:45px;
}

dl#galleryIndex dt {font-size:20px; width:64%; margin-right:18%;}
dl#galleryIndex dd {width:18%; text-align:right;font-style:italic; padding:0 1em;}

dl#galleryIndex dd, #gallery_IndexList ul li  {font-size:16px;}


dl#galleryIndex dt:after {
	content:"";
	position:absolute;
	width:20%;
	height:2px;
	margin:auto;
	top:50%;
	right:-33%;	
	
	border-bottom:2px dotted #f5f5f5;
	-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%); 
	transform: translate(-50%, -50%);
	
}

#gallery_IndexList ul li  { margin-bottom:10px;}
	
#gallery_IndexList ul li a {color:#f5f5f5; text-decoration:underline;}
#gallery_IndexList ul li a:hover {color:#da4f86; text-decoration:none;}



/*=====================================================================

PHOTO GALLERY > PHOTO MAIN
 
=====================================================================*/
#galleryMovie {margin-bottom:30px;}


#galleryTitle {margin-bottom:15px;}

#pageCaption {font-size:22px; margin-bottom:30px;}

ul#gallery_picList li {width:32.3%; margin:0 1% 15px 0;}
ul#gallery_picList li:nth-child(3n) {margin-right:0;}


/*=====================================================================

PHOTO GALLERY > PHOTO MAIN > PAGER
 
=====================================================================*/
ul#galleryPager  {margin-top:40px;}
ul#galleryPager li {	font-size:14px;	}

ul#galleryPager li a {padding:10px 0;}


/*=====================================================================
2025/2/7 CUSTOM
=====================================================================*/
ul#blog_bnrList li img.wide_bnr {width: 20%; margin:0 4% 0 0;}
ul#blog_bnrList li p {width: 76%;}
ul#blog_bnrList li a {padding: 0 !important;}
ul#blog_bnrList li {margin-bottom: 1%;}

/* -------------------------------------------------------------- */
#privacyBox b, #privacyBox p {font-size: 13px;}
#privacyBox b{margin-bottom: 5px;}
#privacyBox p {margin-bottom: 1.4em; padding-left: 1em;}


}