/*-------------------------------------------------------------
navigation.css

WakuwakuMail Website for Smartphone
2014.3.1 15:00
-------------------------------------------------------------*/

/*-------------------------------------------------------------
[Basic Layout] Global Menu
-------------------------------------------------------------*/
#pgMenu {position:fixed;top:0;right:0;height:45px;width:100%;z-index:8000;/* for shadow */}
#gMenu  {height:44px;width:100%;background-color:#FFF;border-top:2px solid #d20a6e;}
#gMenu img {position:relative;top:2px;height:38px;}
#gMenuL {height:45px;top:0;left:0;}
#gMenuL li{width: 16.66%;}
#gMenuR {position:relative;width:156px;height:56px;float:right;}
#gMenu img.active{background-color:#F8167E;}
#gMenuBottom    {width:100%;height:12px;clear:both;}
#gMenuBottom img{width:100%;height:6px;vertical-align:top;}
#mailCount {width:20px;height:14px;top:6px;right:6px;padding:0 2px;
	background-color:#F8167E;border:1px solid #F8167E;border-radius:14px;
	vertical-align:middle;text-align:center;
	color:#FFFFFF;font-size:10px;line-height:14px;
    z-index:9000;
}

/* -------------------------
[Common] iconMenuList
------------------------- */

/* Menu */
ul.iconMenuList {width:100%;}
ul.iconMenuList li{display:inline-block;width:33.33%;float:left;text-align:center;font-size:1.2rem;}
ul.iconMenuList li:nth-child(3n+1){}
ul.iconMenuList li:nth-child(3n+2){}
ul.iconMenuList li:nth-child(3n)  {}
ul.iconMenuList li a{display:block;width:100%;padding:0px 0;font-size:1rem;color:#555;}

/* adult post */
#mainBlock ul.iconMenuList {border-top:1px solid #6B6F79;display:table;}
#mainBlock ul.iconMenuList li{display:block;height:70px;padding-top:6px;padding-bottom:6px;
line-height:29px;vertical-align:middle;border-bottom:1px solid #6B6F79;}
#mainBlock ul.iconMenuList li a{padding:0;font-size:1.2rem;}

/* -------------------------
[Common] popupMenu
------------------------- */
#pgPopupMenuBg {position:fixed;top:36px;right:0;width:100%;height:100%;z-index:7998;background:rgba(128, 128, 128, 0.8);}
#pgPopupMenuWin{position:absolute;fixed;top:56px;right:0;width:100%;z-index:7999;padding-top:0px;font-size:1.3rem;}
div.menuWin {top:56px;margin:0 15px 15px 15px;background-color:#FFF;border-radius:6px;border:3px solid #f8167e;}
div.menuWin >header {background-color:#f8167e;border:1px solid #FFF;border-bottom:0 none;border-radius:6px 6px 0 0;}
div.menuWin >header.blockHeader{height:40px;}
div.menuWin >header.blockHeader div.rightBlock{width:80px !important;}
div.menuWin > section {border:1px solid #FFF;border-radius:0 0 6px 6px;}
div.menuWin > .mainBlock{border-left:1px solid #FFF;border-right:1px solid #FFF;}
div.menuWin > .footer {padding-bottom:5px;padding-top:5px;background-color:#FFF;border:1px solid #FFF;border-top:0 none;border-radius:0 0 6px 6px;text-align:center;}
div.menuWin ul.btnList li:first-child{border-top:0 none !important;}
div.menuWin ul.SimpleBtns{padding-top:18px;padding-bottom:18px;}
div.menuWin .mainBlock.sidePadding{padding:20px 15px 0 15px;}
div.menuWin .message{padding-bottom:10px;line-height:1.1;}
div.menuWin ul.btnList.textRight li {border-bottom:0 none;}
.menuShow {
	-webkit-animation-timing-function:ease-out;-webkit-animation:menuSlideIn0 0.6s;
	animation-timing-function:ease-out;animation:menuSlideIn0 0.6s;
}
div.menuWin .mainBlock:after{content:"";display:block;clear:both;}
div.menuWin h2{font-size:1.4rem;}
div.menuWin .accordion .SimpleBtns{padding-bottom:10px;}

/* -------------------------
[Animation] UI Animation
------------------------- */
@-moz-keyframes menuSlideIn0 {
	0%{margin-top:-400px;}
	100% {margin-top:0;}
}
@-webkit-keyframes menuSlideIn0{
	0%,from  {margin-top:-400px;}
	99.9%,to {margin-top:0;}
}
@-moz-keyframes accordionOpen {
	0% {-webkit-transform: rotateZ(180deg);-moz-transform: rotateZ(180deg);}
	100% {-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);}
}
@-moz-keyframes accordionClose {
	0% {-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);}
	100% {-webkit-transform: rotateZ(180deg);-moz-transform: rotateZ(180deg);}
}