body {font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif !important;margin:auto;font-size: 20pt;width: 800px;background-color: #444;color: #222;}

button{border: 1px solid white;border-radius: 8px;width: 160px;text-align: center;background-color: #d4d7ff;font-size: 18pt;padding: 0 8px;height: 60px;margin: 2px;display: block;color: #333;}

.footer{margin-top: 30px;/*! border-top: 2px solid silver; */background-color: #444;}
.footer .copyright{font-size: 18pt;text-align: center;clear: both;}
.footer .copyright::before{content: "@";}
.footer .copyright{/*! background-color: transparent; */color: $333;height: 40px;}
.footer_contents{padding: 4px 0 4px 30px;overflow: hidden;/*! border-top: 1px solid gray; */border-bottom: 1px solid gray;}
.footer_contents>div{clear: both;border-bottom: 1px solid gray;}
.footer_contents>div:last-child>div:first-child{width: 300px;border: none;}
.footer_contents>div:last-child>div{float: left;border-left: 1px solid gray;font-size: 18pt;font-weight: bold;line-height: 26px;}
.footer>div{clear: both;overflow: hidden;border-top: 2px solid silver;height: 90px;background-color: #eee;}
.footer1{}
.footer1>div:first-child,.footer2>div:first-child{border: none;}
.footer>div>div{float: left;border-left: 1px solid silver;font-size: 18pt;font-weight: bold;/*! line-height: 26px; */margin: 10px;}
.footer1>div{line-height: 26px;}
.footer2>div{line-height: 80px;padding: 0 0 0 29px;}

.footer1 .xaccount{width: 300px;}
.footer1 .xaccount>div{width: 80px;border: 8px solid #fad9ae;border-radius: 50%;overflow: hidden;height: 80px;position: relative;box-sizing: border-box;float: left;}
.footer1 .xaccount>div>img{width: 90px;position: absolute;top: -14px;left: -14px;}
.footer1 .xaccount>h4{font-size: 17pt;float: left;margin-top: 16px;}
.footer1 a{color: #333;}
.footer1 .ContactUs{width: 133px;background: url(../img/mail48.png) no-repeat 10px center;padding: 20px 0 0 70px;}
.footer1 .qr{width: 160px;background: url(../img/QR.png) no-repeat 10px center /50px;padding: 20px 0 0 70px;}
.footer1 .ContactUs::after{content: 'Contact Us';font-size: 0.8em;font-weight: normal;}
.footer1 .qr::after{content: 'QR code';;font-size: 0.8em;font-weight: normal;}

#fix_head{height: 50px;border-bottom: 6px solid gray;position: fixed;top: 0;width: 800px;/*! background: #ffffffbf url(../img/005.png) no-repeat right /240px; */z-index: 2;/*! padding: 0 2px; */box-sizing: border-box;background-position-y: -35px;background-color: #ffffffbf;}
#fix_head>div{/*! font-size: 10pt; *//*! margin: 0 8px; */font-size: 13pt;}
#fix_head>div>div{}

#fix_head_r .top_btn_x{}
#fix_head_r .top_menu_members{float: right;/*! border: 1px solid silver; */width: 76px;height: 70px;border-radius: 10px;line-height: 120px;text-align: center;box-shadow: 0 2px 4px 0 rgba(6, 0, 0, 0.45);margin-left: 6px;font-size: 9pt;}

#fix_head .navi{border: none;font-size: 16pt;}
#fix_head .navi>div{float: left;}
#fix_head .navi>div.navi_anc{color: #3939ff;font-weight: bold;}

#fix_head .navi>div::after{content: '>';margin: 0 6px;}
#fix_head .navi>div:last-child::after{content: '';}

#fix_head .top_menu_public{background: white url(../img/menu.png) no-repeat center 16px;}
#fix_head .top_menu_members{background: white url(../img/staff48.png) no-repeat center 6px /46px;display: none;}
#fix_head .grayout{opacity: 0.3;}

#fix_head .topbtn{height: 90px;float: left;border-bottom: 6px solid gray;margin: 0 1px;border-right: 1px solid silver;background-color: #ffffffe3 !important;box-sizing: border-box;position: relative;}
#fix_head .top_btn_x{background: url(../img/logo-xb.png) no-repeat center center /32px;width: 70px;left: 0;}
#fix_head_r .top_btn_x{float: right;}
#fix_head_l .top_btn_home{background: url(../img/home48.png) no-repeat center 12px /40px;width: 100px;text-align: center;}
#fix_head_l .top_btn_home::after{/*! content: 'HOME'; */text-align: center;position: absolute;bottom: 2px;left: 0px;right: 0;color: gray;}
#fix_head_l .top_btn_current>div,#fix_head_l .top_btn_home>div,#fix_head_l .top_btn_members>div{font-size: 13pt;position: absolute;bottom: 0;left: 0;right: 0;white-space: nowrap;}

#fix_head_l .topbtn.sel{border-bottom: 6px solid red;}
#fix_head_l .top_btn_current{font-size: 13pt;/*! height: 80px; */padding: 10px 4px;max-width: 200px;text-align: center;min-width: 140px;}
#fix_head_l .top_btn_current>p{font-weight: bold;font-size: 16pt;height: 32px;overflow: hidden;margin-top: 4px;}
#fix_head_l .top_btn_members{background: #ffffff96 url(../img/staff48.png) no-repeat center 12px /40px;width: 80px;text-align: center;}
//#fix_head_l .top_btn_members::after{/*! content: 'My page'; */text-align: center;position: absolute;bottom: 2px;left: 0;right: 0;color: gray;}
#fix_head_l .members{width: unset;background-position-x: 0px;position: relative;}
#fix_head_l .members>p{font-size: 16pt;margin: 22pt 0 0 40px;line-height: 16pt;font-weight: bold;padding-right: 6px;}

.mikeneko_title{display: inline-block;font-size: 24pt;}
.mikeneko_title span.neko{color: white;background-color: red;height: 1.2em;line-height: 1.3em;border: 2px solid red;display: inline-block;box-sizing: border-box;}
.mikeneko_title span.mike{color: #ff9714;margin: 0 4px;font-size: 0.95em;}
.mikeneko_title span.club{color: #8a7063;font-size: 0.9em;margin: 0 4px;}
.mikeneko_title span.comm{color: #8a7063;font-size: 0.6em;}

#main_panel{margin-top: 60px;}