@charset "utf-8";

body {font-size: 12px;}

.mypage {display: flex; gap: 15px; list-style: none; padding-top: 3px; padding-left: 0;}
.mypage li{display: flex;}

.member-title {margin:30px 10px 15px; font-size:18px; font-weight: bold; text-align:center;}
#lmypage{margin: 0 15px 20px;}
#lmypage .my-nickname{margin-bottom:5px; text-align:right; font-weight:normal; font-size:1.0em; color:#333}
#lmypage .my-nickname .nim{font-size:0.722em}
#lmypage ul{display: flow-root; padding: 0 5px; list-style:none}
#lmypage li{width: 50%; float: left; padding: 5px;}
#lmypage li a{display:block; width:100%; padding: 8px 5px 5px; border:1px solid #585858; border-radius: 10px; text-align:center}
#lmypage li a:hover{background: #222; border:1px solid #2b313b;}
.multil #lmypage li a{height:93px}
#lmypage li a span{display:inline-block; font-size: 0.75rem; line-height: 1.1; margin-top: -5px; color:#ddd}
.multil #lmypage li a span{font-size:0.917em}
#lmypage li a > div{}
#lmypage li a i{display: contents; font-size:24px}
.multil #lmypage li a span{font-size:0.85rem}
#lmypage li a:hover,
#lmypage li a:focus{border-color:#888; color:#333}

.xm .nav-tabs{display:none}
.xm h1{font-weight:normal; font-size:1.500em; color:#333}

@media(max-width: 769px) {
#lmypage li a span{font-size: 0.75rem;}
#lmypage li a i{font-size:15px !important;}
}