@charset "UTF-8";
/* CSS Document */


/*

---------------------------------------------------------------

  　　　　　　　　　　　　　##hiddenMenu

---------------------------------------------------------------

*/





/* hiddenMenu  */

.hidden {display:block;}
#hiddenMenuToggle { display:block; }
#shadowing { display:none; }
#hiddenMenu { display:none; }

#shadowing  {  
position: fixed;
  top: 0px;
  left: 0px;
  background: #fff;
  opacity: 1;
  width: 100%;
  height: 100%; }

#hiddenMenuSection {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	}
#hiddenMenuNav {position:fixed;right:0px; top:0px;display:block;}
a#menuToggle { background:url(btnMenu.png) no-repeat #fff;background-size:contain; display:block;width:40px; height:38px; margin:5px 5px ;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#menuToggle span { display:none; }


/*horizontalList*/

#hiddenMenu {
	padding:79px 0 0 0 ;margin:0 ; border-top:1px solid #13457B;}
#hiddenMenu ul.horizontalList { list-style-type:none; text-align:center; width:100%;}
#hiddenMenu ul.horizontalList li { display:block; background-color:#fff; }

#hiddenMenu ul.horizontalList1OnHiddenMenu { margin:0 0 0px 0; }
#hiddenMenu ul.horizontalList1OnHiddenMenu li { width:100%; float:none; border-top:solid 1px #ccc; border-bottom:solid 1px #ccc;  margin-bottom:-1px; box-sizing:border-box;}
#hiddenMenu ul.horizontalList1OnHiddenMenu li a { font-size:16px;line-height:15px; border-right:solid 1px #ccc; padding:20px 25px; display:block; color:#ff7998; text-decoration:none; }
#hiddenMenu ul.horizontalList1OnHiddenMenu li:nth-of-type(2n)  a{ border-right:none;}
#hiddenMenu ul.horizontalList1OnHiddenMenu li a:hover { background-color:#000; color:#fff; }
#hiddenMenu ul.horizontalList1OnHiddenMenu li:last-child a {border-right:none; }

 #hiddenMenu ul.horizontalList2OnHiddenMenu { margin:0px 0 60px 0; }
 #hiddenMenu ul.horizontalList2OnHiddenMenu li { width:25%; float:left; border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; margin-bottom:-1px; box-sizing:border-box;}
 #hiddenMenu ul.horizontalList2OnHiddenMenu li a { font-size:14px;line-height:15px; border-right:solid 1px #ccc; display:block; padding:20px 10px;}
 #hiddenMenu ul.horizontalList2OnHiddenMenu li a:hover { background-color:#13457B; color:#fff; }
 #hiddenMenu ul.horizontalList2OnHiddenMenu li:last-child a {border-right:none;}
 
 
  

/*z-index cotrol*/
#shadowing {z-index:100;}
#hiddenMenuNav {z-index:300;}
.hidden {position:relative; z-index:200;}






/*

---------------------------------------------------------------

  　　　　　　　　　　　　　差分CSS

---------------------------------------------------------------

*/


@media screen and (max-width: 640px) {
	#hiddenMenuNav {display:block;}
	#hiddenMenu {display:none;}
	.gnavUL_sub {display:block;}
}
@media screen and (min-width: 641px) {
	#hiddenMenuNav {display:none;}
	#hiddenMenu {display:block;}
	.gnav .gnavUL_sub {display:none;}
}
a#menuToggle {
	background:url(btnMenu.png) no-repeat transparent;
	
	/* background-size */
-moz-background-size:contain;
-webkit-background-size: contain;
-o-background-size:contain;
-ms-background-size:contain;
background-size:contain;
	display:block;
	width:48px; 
	height:48px; 
	margin:15px 12px ;
	-moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px;

}
a#menuToggle.active {
	background-image:url(btnMenu-cross.png) ;
	

}
#hiddenMenuNav {
	position:absolute;}
#hiddenMenu {
	position:absolute;
	z-index: 100;
	}
	
#shadowing  {  
position: fixed;
  top: 0px;
  left: 0px;
  background: #000;
  opacity: 0.8;
  width: 100%;
  height: 100%; }