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

 → Basic
  
===========================================*/	
#wrapper  {width:98%; padding-bottom:80px;}
#mainContents  {width:98%; margin:0 auto;}



.for_sp {display:none !important;}
	
#article_mainBody {width:100%; height:auto;}

#bloc_rightSide {float:right; width:17%; }

#article_mainBody.with_side {float:left; width:81.5%; margin-right:1.5%;}
	
	
.blocBasic {width:100%; margin:0 auto; }
	
#contentsTitle {font-size:28px;}

#btn_topMore {text-align:right;}
#btn_topMore a {font-size:14px;}
	
	
#coming {font-size:20px; padding:20% 0;}

#coming.with_side {padding:20% 0 40% 30%; }


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

 → HEADER
  
===========================================*/	
#header {position:relative; height:auto;  padding:15px 0;}

#siteName {float:left; width:12%; margin: 2px 2% 0 0;}


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

 → FOOTER
  
===========================================*/	
#copyRight  {font-size:11px;}


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

 → GLOBAL NAVI
  
===========================================*/	
#globalNavi {float:left; width:75%;  padding:6px 0 0; }
#globalNavi ul {
	list-style-type:none;
	letter-spacing:-.4em;
	text-align:left;
}

#globalNavi ul li {	display:inline-block; vertical-align:top !important;	letter-spacing:0; line-height:100%;}

ul#menuList li  {	margin-right:2%; font-weight:600;}
ul#menuList li a {color:#777;	text-decoration:none; overflow:hidden; font-size:16px ; line-height:100%; position:relative;}
ul#menuList li a span {position:relative; z-index:1; }
ul#menuList li a span:after  {
	content:"";
	position:absolute;
	bottom:-2px;
	left:0;
	width:0%;
	height:2px;
	background:#0096ff;
	z-index:-1;
}

ul#menuList li a, ul#menuList li a span:after {
-moz-transition: .3s;
	-webkit-transition: 3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	transition: .3s;
	
}

@media print, screen and (max-width:1200px){
ul#menuList li a {font-size: 13px !important;}
}


@media print, screen and (min-width:901px){
ul#menuList li a span:after  {
	content:"";
	position:absolute;
	bottom:-2px;
	left:0;
	width:0%;
	height:2px;
	background:#0096ff;
	z-index:-1;
}

ul#menuList li a, ul#menuList li a span:after {
-moz-transition: .3s;
	-webkit-transition: 3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	transition: .3s;
}

ul#menuList li a:hover span:after{ width:100%;  }

#b-news li#mn02 a span:after,
#b-profile li#mn03 a span:after,
#b-live li#mn04 a span:after,
#b-photo li#mn05 a span:after,
#b-discography li#mn06 a span:after,
#b-video li#mn07 a span:after,
#b-contact li#mn08 a span:after,
#b-gardener ul#menuList li#Gardener a span:after{color:#0096ff; width:100%; }

#b-gardener ul#menuList li#Gardener a {color:#0096ff !important;}

ul#menuList li.navi_lab a  {	background:#0096ff;	color:#fff;}
	
ul#menuList li.navi_lab a span {padding:0 7px;}
ul#menuList li.navi_lab a span:before,
ul#menuList li.navi_lab a span:after {
	content: '';
 position: absolute;
	top: 0px;
 width:4px;
 height: 100%;
 background: #fff;
-webkit-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
transform: rotate(15deg);
	}
	
	ul#menuList li.navi_lab a span:before {left:-2px; top:-1px;}
	ul#menuList li.navi_lab a span:after { right:-2px;	 top:1px; left:auto;}
	
	ul#menuList li.navi_lab a:hover {color:#fff !important; background:#dd3135;}
	
		
	#btn_snsList {
		position:absolute;	
		width:17.5%;
		left:82.5%;
		top:15px;
		list-style-type:none;
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;
		}
	
	#btn_snsList li#btn_snsOne {width:14%; height:auto;  margin-right:1.5%; }
	#btn_snsList li#btn_snsOne a {	display:block;}
	#btn_snsList li#btn_snsOne img {width:100%; height:auto; display:block;}

	#btn_snsList li#btn_snsOne:last-child {margin-right:0;}
	
	
	
	span#spLink {display:none !important;}
	
	#btn_snsList li#btn_snsOne.btn_itunes { width:38% !important; padding:0;}
	#btn_snsList li#btn_snsOne.btn_itunes a{text-indent:0 !important; display:block;}
	#btn_snsList li#btn_snsOne.btn_itunes a:hover {			filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}

	}
	
	
	
	
@media print, screen and (max-width:900px){
ul#menuList li a span {font-size:13px !important;}

	#globalNavi {display:none !important;}
	
.mean-container .mean-nav ul li 	{width:80% !important;	}
.mean-container .mean-nav ul li a {font-size:14px !important; padding:15px 5px !important; margin-bottom:10px; position:relative;}
.mean-container .mean-nav ul li a:hover {background:inherit !important; color:#0096ff !important; }


.mean-container .mean-nav ul li 	a span:after  {
	content:"";
	position:absolute;
	bottom:-2px;
	left:0;
	width:0%;
	height:2px;
	background:#0096ff;
	width:0;
	
}

.mean-container .mean-nav ul li a span:after {
-moz-transition: .3s;
	-webkit-transition: 3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	transition: .3s;
}

.mean-container .mean-nav ul li a:hover span:after{ width:100% !important;  }

#b-news li#mn02 a span:after,
#b-profile li#mn03 a span:after,
#b-live li#mn04 a span:after,
#b-photo li#mn05 a span:after,
#b-discography li#mn06 a span:after,
#b-video li#mn07 a span:after,
#b-contact li#mn08 a span:after,
#b-gardener li#Gardener a span:after {color:#0096ff !important; width:100%; }

#b-gardener li#Gardener a span {color:#0096ff !important; }

/*
#b-news li#mn02 a,
#b-profile li#mn03 a,
#b-live li#mn04 a,
#b-photo li#mn05 a,
#b-discography li#mn06 a,
#b-video li#mn07 a,
#b-contact li#mn08 a, {color:#b5b5b5; background:inherit !important; }*/

#b-gardener ul#menuList li#Gardener a {color:#0096ff !important;}

.mean-container .mean-nav ul li.navi_lab {margin-bottom:40px;}

.mean-container .mean-nav ul li#btn_snsOne:first-child a{ margin-top:10px !important;}

.mean-container .mean-nav ul li.btn_itunes {display:block !important;  margin:0 0 0 10% !important; max-width:180px; }
.mean-container .mean-nav ul li.btn_itunes a, .mean-container .mean-nav ul li.btn_itunes img {width:100%; height:auto; display:block; }
.mean-container .mean-nav ul li.btn_itunes a{padding:0 !important; width:100%; border:none !important; }

.mean-container .mean-nav ul li.btn_itunes a:hover {background:inherit; 	filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; border:none !important;}

	}
	
	/*===========================================

 → ARTICLIE NEWS LIST
  
===========================================*/	
ul#newsList li {font-size:14px;}

#newsCat, #newsUpdate, #upMark {font-size:12px;}




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

 → ARTICLE  LIST (THUMBNAIL)
  
===========================================*/	
ul#article_thumbList li {	width:23.5%;	margin:0 2% 0 0;}
ul#article_thumbList li:nth-child(4n) {margin-right:0;}

#listUpdate, #listVenue  {font-size:12px; }
#list_articleTitle {font-size:14px;}
#listVenue {text-align:right;}




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

 → TOP FOOT LINK
  
===========================================*/	

ul#links_list {width: 96%; }
ul#links_list li {margin: 0 2% 15px;}


@media print, screen and (max-width:900px){
ul#links_list li {margin: 0 1% 15px;}
}


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

 → SIDE BANNER
  
===========================================*/	
ul#side_bnrList li {margin-bottom:10px;}
ul#side_bnrList li a, ul#side_bnrList li img  { max-width:210px;}

#select_langBox {padding:10px 10px;}

#langlistHeadline {font-size:14px;}

#btn_lang {font-size:12px;}

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

}