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

.commonfooter{
position:relative;
z-index:3;
background-color:#fff;
clear:both;
padding-bottom:38px;/*ロゴ下の余白分をここで設定*/
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
/*font-size:92%;*/
font-size:11px;
text-align:center;
color:#3c3c3c;
border-top:solid 4px #0aa0d2;
}
.commonfooter > div{
padding:38px 0 44px;/*ロゴ下を含めない余白分をここで設定*/
background:url(https://static.nexon.co.jp/nexon/ver2017/common/logo_footer.png) no-repeat center bottom;
}

.commonfooter > div a{text-decoration:none;}
.commonfooter > div a:hover{text-decoration:none;}

.commonfooter > div > ul > li{
display:inline;
padding:0 4px 0 7px;
}
.commonfooter > div > ul > li + li{
border-left:solid 1px #5f5f5f;
}
.commonfooter > div > ul > li a{
color:#3c3c3c;
}
.commonfooter > div > ul > li a:hover{
color:#0aa0d2;
}

.commonfooter > div > div p{
margin-bottom:0;
padding-top:11px;
}
.commonfooter > div > div p > a{
color:#0aa0d2;
}


@media screen and (max-width:807px){

.commonfooter{
padding-bottom:8.3%;/*ロゴ下の余白分をここで設定*/
border-top:none;
background-color:#f0f0f0;
font-size:3.0vw;
color:#b4b4b4;
}

.commonfooter > div{
padding:8.3% 0 15.5%;/*ロゴ下を含めない余白分をここで設定*/
background:url(https://static.nexon.co.jp/nexon/ver2017/common/logo_footer_sp.png) no-repeat center bottom;
background-size:11.3%;
}

.commonfooter > div a{text-decoration:underline;}
.commonfooter > div a:hover{text-decoration:none;}

.commonfooter > div > ul > li{
display:inline-block;
padding:0 1.3%;
margin-bottom:1.7%;
}
.commonfooter > div > ul > li + li{
border-left:solid 1px #b4b4b4;
}
.commonfooter > div > ul > li a{
color:#b4b4b4;
}
.commonfooter > div > ul > li a:hover{
color:#b4b4b4;
}

.commonfooter > div > div p{
margin-bottom:0;
padding-top:5.5%;
}
.commonfooter > div > div p + p{
padding:5.5% 10% 0;
}
.commonfooter > div > div p > a{
color:#b4b4b4;
font-weight:bold;
text-decoration:none;
}


}