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

 → BASIC
  
============================================*/
.bloc_basic {padding:60px 0 90px;}

.bloc_inner {max-width:1200px; width:94%;}


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

#pageTitle {margin-bottom:30px; font-size:60px; padding: 0 0 10px 1%; } 

#mainContents {padding:180px 0 60px;}
#mainContents.top {padding:0;}

#articleTitle {font-size:24px;}

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


#btn_viewAll  {width: 100%; font-size: 18px; margin-top: 45px;}


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

 → PAGER
  
=========================================================*/	
.pager {margin-top:60px;}
	
	
	
/*=======================================

→ HEADER

========================================*/
#Header #Logo {top: 15px; left: 0%; width:7%;}

#Header.top #Logo {width:17%; top:15px; left:2% ;}
#Header.top.fixed #Logo {width:8%;}

#Header {background:rgba(208,199,200,.6) ; }
#Header.top {background:transparent;}


.head_inner {max-width:1200px; margin:0 auto; position:relative; width:96%;}
#Header.top .head_inner {max-width:inherit;}



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

→ GLOBAL NAVI

========================================*/
#globalMenu {width:80%;	text-align:right; padding:10px 0;  margin-left:auto;}
#globalMenu li {font-size:22px;}

	
#globalMenu li a::before {
	position: absolute;
	top: 0;
	left:0;
	overflow: hidden;
	color:#f33 !important;
	content: attr(data-hover);
	-webkit-transition: max-width .1s;
	-moz-transition: max-width .1s;
	transition: max-width .1s;
	max-width:0;
	font-weight:400 ;
	font-family: 'Roboto Condensed', sans-serif;
	cursor:pointer;
	font-size:22px;
	
}
#globalMenu li a:hover::before,
#globalMenu li a:focus::before {	max-width: 100%;	height:100%;	}

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 {color:#f33;}



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

→ FOOTER

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

#Copy {max-width:1200px; width:92%; font-size: 12px; }

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

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

FOOTER >FOOT BANNERS

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


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



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

 → SUBMENU
    
============================================*/
#subMenu {position:absolute; right:0%; top:30px; width:70%;}

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



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

NO PAGE
  
=============================================================================*/
#no_pagebox {	margin-bottom:30px;	padding:155px 35px;}

#notfoud {font-size: 40px; }
#notfont_kana {font-size: 18px;}

#no_pagebox p {margin: 20px 0 ; font-size: 13px; }



}