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

 �� BASIC
  
============================================*/
.for_pc {display:none !important;}

#wrapper:before {left:-80%; width: 200%;}

#main_contents {padding: 3% 0 6%;}

#pageTitle {font-size:36px;}
#pageTitle span {font-size:24px;}

#wrapper:before {	background-position:15% bottom;}

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

 �� HEADER
  
============================================*/
#header {padding:.5% 0 0; background:#fff; overflow:hidden;}

.head_inner {width:100%;}
#siteLogo {
	width:40%;
	max-width:240px;
	margin:0 auto;
	padding-top:5px;
}


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

 �� GLOBAL MENU
  
============================================*/
#global_menu {
	position:relative;
	width:100%;
	background:rgba(0,0,0,.8); 
	overflow-x:scroll;	
	overflow-y:hidden;	
	-webkit-overflow-scrolling:touch;
	margin:15px auto 0;
	}

#global_menu::-webkit-scrollbar{width:8px; background:rgba(0,0,0,.8);}
#global_menu::-webkit-scrollbar:horizontal   {height:4px;}
#global_menu::-webkit-scrollbar-button { width:8px; height:4px; background:#169998;}
#global_menu::-webkit-scrollbar-piece {background:#169998;}
#global_menu::-webkit-scrollbar-piece:start {background:rgba(0,0,0,.2);}
#global_menu::-webkit-scrollbar-thumb {	background:#169998;	}
#global_menu::-webkit-scrollbar-corner {background:rgba(0,0,0,.2);}
	
#global_menu ul {height:auto; min-width:780px;text-align:center; padding:0;}

#global_menu ul li {display:inline-block; overflow:hidden; font-size:15px !important; border-right:1px solid #000; padding:0;}
#global_menu ul li:first-child {border-left:1px solid #000;}

#global_menu ul li a {color:#fff; padding:10px 15px; display:block;}

#global_menu ul li:last-child {margin-right:0;}

	

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

 �� FOOTER
  
============================================*/
#footer {padding: 30px 0 ;}

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

#Copy {font-size: 10px;}


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

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


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

 �� PAGE TOP
  
============================================*/
#page-top {right:0;}




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

 �� MAIN CONTENTS
   
============================================*/
#contentsMain {width:94%;}

#contentsLeft, #contentsRight {height:auto; margin:0 auto;}

#contentsLeft {	padding:30px 0 0; width:100%; background:rgba(33,33,33,.9); margin:0 auto;}
#contentsRight {margin-bottom:30px; overflow:hidden; width:80%; background:#292929;}
	
#fullBody {padding:30px 5%;}

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

 �� ARTICLE LIST
   
============================================*/
ul#whatsnewList {	 padding: 0 3%;}


#contentsLeft ul#whatsnewList {margin:0 auto; padding: 0 6%;}

ul#whatsnewList li {font-size:14px;  padding-bottom: 15px; margin-bottom: 15px;}

#articleCategory  {margin-bottom:10px; width:100% ; content:""; position:relative; clear:both; letter-spacing:-.4em;}
#articleCategory p {	font-size:12px; display:inline-block; text-align:center; margin-right:1%;}
#articleCategory p span{ line-height:100%; padding:3px 10px; display:block; }

#articleNew {	font-size:10px;}

#article_listBox {width:100%; }

#btn_more {width:70%;}

#btn_more a {	font-size:16px;}
#btn_more a:after {	top:40%;}


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

 ��  CATEGORY LIST
   
============================================*/
#rightTitle {
	color:#fff;
	padding:10px;
	font-size:18px;
	position:relative;
	border-bottom:1px solid #000;
	cursor:pointer;
	webkit-box-shadow: 2px 3px 4px rgba(0,0,0,.2);
	-moz-box-shadow: 2px 3px 4px rgba(0,0,0,.2);
	box-shadow: 2px 3px 4px rgba(0,0,0,.2);
}

#rightTitle:hover, #rightTitle.active {color:#169998;}
	
#rightTitle:after {
	content:"";
	position:absolute;
	top: 50%;
right: 3%;
display: block;
width: 8px;
height: 8px;
margin:auto;
border-bottom: 2px solid #fff;
border-left: 2px solid #fff;

-moz-transform: translate(0%, -50%) rotate(-45deg);
-o-transform: translate(0%, -50%) rotate(-45deg);
-ms-transform:translate(0%, -50%) rotate(-45deg);
-webkit-transform: translate(0%, -50%) rotate(-45deg);
transform: translat(0%, -50%) rotate(-45eg);
}
#rightTitle:hover:after {
border-bottom-color:  #169998;
border-left-color:#169998;
}

#rightTitle.active:after {
border-bottom-color:  #169998;
border-left-color:#169998;
	-moz-transform: translate(0%, -50%) rotate(135deg);
-webkit-transform: translate(0%, -50%) rotate(135deg);
-o-transform: translate(0%, -50%) rotate(135deg);
-ms-transform: translate(0%, -50%) rotate(135deg);
transform: translat(0%, -50%) rotate(135deg);
}

#rightTitle, #rightTitle:after {
-moz-transition: .3s;
-webkit-transition: .3s;
-o-transition: .3s;
-ms-transition: .3s;
transition: .3s;
}

ul#categoryList {
	display:none;
	padding: 0px 0;
	margin:0;
	text-align:center;
		}

	
ul#categoryList li {display:block; }
ul#categoryList li a {	padding:5px 10px; font-size:14px;}

#sideTweet {display:none !important;}


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

PAGER
  
=========================================================*/	
.pager {padding-bottom:30px;}

#coming {	font-size:20px;	padding:60px 4%;}



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

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

#notfoud {font-size: 30px;}
#notfont_kana {font-size: 20px; }

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



}