/* ----------------------------------------------
nav frame
------------------------------------------------*/
nav{position: fixed;top: 0;left: 0;z-index: 99;margin: auto; width: 100% ;height: 60px ; background: url(https://media.game-tree.com/tenchigou/home/news/img/nav-bg.png) 0 0 /cover no-repeat}
nav .menu-top{ display: flex;flex-wrap: nowrap;justify-content: space-between ;  top: 0; left: 0;right: 0;}

@media screen and (min-width:1921px) {
    nav{position: relative;max-width: 1920px;}
}
@media screen and (max-width:768px) {
    nav {height: 55px;}
    nav .menu-top {padding-right: 0rem;padding-left: 0rem;/*! height: 100vh; */flex-direction: column;}
}
/*-----------------------------------------------
icon
-----------------------------------------------*/
.menu-icon{z-index:100;width: 300px;height: 100px;padding: 10px 0 0 15px; }
.menu-icon a{ display: flex;}
.game-name {font-size: 1.2rem;font-weight:500;display: flex;flex-direction: column;margin: 0px 0px 0 10px;letter-spacing: 0.05rem; width: 250px;}
.game-name span {margin: 0px 0 0px 0;font-size: .8rem;color: #434242;letter-spacing: 0.1rem;}

.menu-icon img{width: 80px;height: 80px;}

@media screen and (max-width:768px) {
.menu-icon a{transform: scale(.85);margin-left: -20px;margin-top: -5px;}
}

/*-----------------------------------------------
menu list 
-----------------------------------------------*/
.menu-list{z-index: 100;height: 60px;top:0;left:0;padding: 0;margin:0;display: flex;justify-content: center;}
.menu-list ul{ margin-left: -200px;}
.menu-list li { display:inline-block; width:11rem; height:auto; text-align: center; color: #000; margin-left: -3px;top:5px ;  }
.menu-list li a{text-decoration:none;font-size: 13pt;color: #000;}
.menu-list li.active,.menu-list li.active a{color:#3e5694;}
.menu-list li.active a:hover,.menu-list li a:hover {color:#3e5694;transform: scale(1.1) translate(0%,0%);}
.menu-list li a,.menu-list li.active a{ padding: 9px 18px;display:block;}

.menu-list li a::before{ content:'';position: absolute;width:12px; height:12px;margin-top:9px;margin-left: -15px ; clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);}
.menu-list li.active a::before{ background-color:#3e5694;}

/*-----------------------------------------------
menu list -m
-----------------------------------------------*/
@media screen and (max-width:768px) 
{
.menu-list {position: absolute; width: 100%;left: 50%;;}
.menu-list li{width:110px;margin-left: -20px; }

.go-home{display:none;}
}

/*-----------------------------------------------
    menu-btn - m menu
-----------------------------------------------*/

/*-----------------------------------------------
    social-link
-----------------------------------------------*/
.social-link {z-index: 100;width: 100px;height: 40px;margin-right: 1vh;}
.social-link ul {display: flex;max-width: 100%; margin-top: 5px;}
.social-link ul li {flex: 1;height: 100%;margin: 0 0%;transition: all .3s ease;}
/*---.social-link ul li a {display: block;height: 100%;text-align: center;line-height: 80px;}----*/
.social-link ul li:hover {transform: scale(1.3);transition: all .3s ease;}

.social-link ul li:nth-child(1) {background: url(https://media.game-tree.com/tenchigou/home/news/img/social-link.png) 50% 15% /70% no-repeat;}
.social-link ul li:nth-child(2) {background: url(https://media.game-tree.com/tenchigou/home/news/img/social-link.png) 50% 31% /70% no-repeat;}

@media screen and (max-width:768px) {
.social-link  {position: absolute;right: 5px;top: 55px;width: 70px;}
.social-link ul li{margin-left: -10px;}
}