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

 �� BASIC
  
============================================*/

#mainContents {width: 100%;height:auto;margin: 0 auto; padding:120px 0 30px;}
#mainContents.top {padding-top:45px;}

.bloc_basic {padding:45px 0 60px;}

.bloc_inner {width:94%;}

#pageTitle {margin-bottom:10px; font-size:44px; text-align:center; font-weight:300; padding-bottom: 10px;} 


#catName {padding:5px 0; font-size:13px; margin:0;}

#articleTitle {font-size:18px; line-height:150%;}


#btnBack{margin-top:30px;}
#btnBack a {font-size:14px; padding:4px 30px;}

#btn_viewAll  {width: 60%; font-size: 15px; margin-top: 30px;}

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

 �� PAGER
  
=========================================================*/	
.pager {margin-top:30px;}


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

�� HEADER

========================================*/
#Header {	background:rgba(208,199,200,.6); padding:0;}
#Logo {top:130%;left: 4%; width:15%;}


#Header.top #Logo {width:16%; top:130%; left:4%; }
#Header.fixed #Logo {top:-400%;}

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

�� GLOBAL NAVI

========================================*/
#globalMenu {
	text-align:left;
	position:relative;
	width:100%;
	margin-left:auto;
	overflow-x:scroll;	
	overflow-y:hidden;	
	-webkit-overflow-scrolling:touch;
	}

#globalMenu::-webkit-scrollbar{width:8px; background:#d0c7c8;}
#globalMenu::-webkit-scrollbar:horizontal   {height:4px;}
#globalMenu::-webkit-scrollbar-button { width:8px; height:4px; background:#493c36;}
#globalMenu::-webkit-scrollbar-piece {background:#493c36;}
#globalMenu::-webkit-scrollbar-piece:start {background:rgba(0,0,0,.2);}
#globalMenu::-webkit-scrollbar-thumb {	background:#493c36;	}
#globalMenu::-webkit-scrollbar-corner {background:rgba(0,0,0,.2);}
	
#globalMenu ul {height:auto; min-width:560px;text-align:center; width:100%;}
#globalMenu ul li { font-size:15px; border-right:1px solid #d0c7c8; text-align:center; margin:auto; line-height:100%;  }
#globalMenu ul li:last-child {border-right:none;}

#globalMenu ul li a {padding:10px 15px; display:block; height:auto;}
#globalMenu ul li a:hover {background:#493c36; color:#d0c7c8;}

#globalMenu li#mn09 a {padding:2px 15px;}
#globalMenu li#mn09 img {width:90%;  }



body#News #globalMenu li#mn02 a,
body#Live #globalMenu li#mn03 a,
body#Profile #globalMenu li#mn04 a,
body#Discography #globalMenu li#mn05 a,
body#Biograohy #globalMenu li#mn06 a {background:#493c36; color:#f33;}

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

�� FOOTER

========================================*/
#Footer {padding:30px 0;}

#footLogo {width: 30%; margin-bottom: 30px;}

#Copy, #Copy p {font-size:11px; width:94%;}


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

FOOTER >FOOT BANNERS

========================================================================*/
#foot_bannerBox {padding: 10px 0;margin-top: 10px;}

ul#foot_bannerList li {width: 31.2%;margin-right: 2%;}
ul#foot_bannerList li :nth-of-type(3n) {margin-right: 0;}




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

 �� SUBMENU
    
============================================*/
#subMenu {margin-bottom:10px; width:100%;}

ul#menuList li {font-size:20px; margin-left:3%;}




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

NO PAGE
  
=============================================================================*/
#no_pagebox {	margin-bottom:30px;	padding:9% 6%;}

#notfoud {font-size: 26px; }
#notfont_kana {font-size: 15px;}

#no_pagebox p {margin: 15px 0 ; font-size: 12px; }




}