/* BASIC css start */
#mypageSideMenu.fix { position: fixed; top: 200px; height: 100%; }
#mypageSideMenu.fix .mypage_big_menu,
#mypageSideMenu.bt_abs .mypage_big_menu { overflow-y: auto; height: 100%; }
#mypageSideMenu.fix .mypage_big_menu::-webkit-scrollbar,
#mypageSideMenu.bt_abs .mypage_big_menu::-webkit-scrollbar { width: 6px; }
#mypageSideMenu.fix .mypage_big_menu::-webkit-scrollbar-thumb,
#mypageSideMenu.bt_abs .mypage_big_menu::-webkit-scrollbar-thumb { height: 17%; background-color: rgba(0,0,0,1); border-radius: 10px; cursor: pointer; }
#mypageSideMenu.fix .mypage_big_menu::-webkit-scrollbar-track,
#mypageSideMenu.bt_abs .mypage_big_menu::-webkit-scrollbar-track { background-color: rgba(159,159,159,0.33); }
#mypageSideMenu.bt_abs { position: absolute; bottom: 110px; height: 100%; }
.page-body.side_fix_on { margin-left: 220px; }

.side_menu_product_box { display: flex; margin-top: 60px; }
#mypageSideMenu { width: 180px; margin-right: 40px; flex-shrink: 0; }
#mypageSideMenu + div { width: 100%; }
#mypageSideMenu h2 { margin-bottom: 30px; }
#mypageSideMenu h2 p { word-break: keep-all; margin-top: 20px; line-height: 20px; font-size: 13px; }
#mypageSideMenu h2 p span { font-size: 12px; font-weight: 300; color: #a7a7a7; display: block; margin-top: 10px; }
#mypageSideMenu h2 a { font-size: 29px; font-weight: bold; display: inline-block; text-align: center; width: 100%; color: #fff; background-color: #000; height: 50px; line-height: 47px; }
#mypageSideMenu ul.mypage_big_menu > li { font-size: 17px; margin-bottom: 30px; }
#mypageSideMenu ul.mypage_big_menu > li > a { font-size: 19px; margin-bottom: 30px; font-weight: bold; }
#mypageSideMenu ul.mypage_big_menu > li > a.on { font-weight: bold; }
#mypageSideMenu ul.mypage_big_menu > li > i { font-weight: bold; font-size: 14px; padding-left: 5px; cursor: pointer; }
#mypageSideMenu ul.mypage_small_menu { margin-top: 9px; }
#mypageSideMenu ul.mypage_small_menu > li { padding: 6px 0; }
#mypageSideMenu ul.mypage_small_menu > li a { font-size: 15px; color: #9e9e9e; }
#mypageSideMenu ul.mypage_small_menu > li a:hover { color: #000; font-weight: 400; }
#mypageSideMenu ul.mypage_small_menu > li a.on { color: #000; border-bottom: 1px solid #000; }
/* BASIC css end */