@charset "utf-8";a:hover {opacity: 0.65;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}body.open {overflow: hidden;}#wrapper {min-width: 1240px;padding-top: 150px;}#wrapper:after{display: none;}.open #wrapper:after {position: fixed;content: "";display: block;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: 0.5;z-index: 1001;}header input, header select, nav#menu input, nav#menu select {-webkit-appearance: none;-moz-appearance: none;appearance: none;}header {position: fixed;width: 100%;top: 0;left: 0;background: #fff;z-index: 1000;}header .wrap {min-width: 1200px;height: 100px;margin: 0 auto;position: relative;overflow: hidden;}header h1 {position: absolute;top: 18px;left: 18px;}header h1 img {width: 153px;}header .search {box-sizing: border-box;position: absolute;top: 26px;left: 199px;width: 440px;height: 46px;padding-top: 4px;border-radius: 25px;border: 2px solid #b7b7b7;border-bottom: 4px solid #b7b7b7;}header .search input[type="search"]{width: 340px;height: 32px;margin: 0 4px 0 13px;font-size: 13px;line-height: 32px;border: none;background-color: transparent;}header .search input[type="submit"]{width: 70px;height: 32px;border: none;font-size: 16px;color: #fff;background-color: transparent;background: url(../img/common/head_submit.png) 0 0 no-repeat;cursor: pointer;}header .search input[type="submit"]:hover {opacity: 0.65;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}header .item {position: absolute;top: 26px;left: 654px;}header .item a {position: relative;box-sizing: border-box;display: block;width: 183px;height: 46px;padding: 0 0 0 51px;font-size: 20px;line-height: 46px;color: #fff;background: url(../img/common/head_item.png) 0 0 no-repeat;}header .item a img.new {position: absolute;top: -3px;right: -24px;opacity: 1;z-index: 1;animation: flash 2s infinite ease-in;-webkit-animation: flash 2s infinite ease-in;-moz-animation: flash 2s infinite ease-in;}@keyframes flash {0% {opacity: 1;}50% {opacity: 0.2;}100% {opacity: 1;}}@-webkit-keyframes flash {0% {opacity: 1;}50% {opacity: 0.2;}100% {opacity: 1;}}@-moz-keyframes flash {0% {opacity: 1;}50% {opacity: 0.2;}100% {opacity: 1;}}header .item a:after {content: "";position: absolute;top: -3px;right: -24px;display: block;width: 53px;height: 53px;background: url(../img/common/head_item_new2.png);}header .yahoo {position: absolute;top: 0px;right: 0px;height: 100px;padding: 32px 0px 0 5px;background: #fff;z-index: 1;}header.mini .wrap {height: 60px;}header.mini h1 {top: 12px;}header.mini h1 img {width: 100px;}header.mini .search {top: 7px;}header.mini .item {top: 7px;}header.mini .yahoo {padding-top: 12px;}nav#menu {position: fixed;width: 100%;top: 100px;left: 0;background: #010080;z-index: 1000;}nav#menu .wrap {min-width: 1240px;height: 50px;margin: 0 auto;position: relative;}nav#menu .wrap:after {content: "";display: block;clear: both;}nav#menu .welcome {float: left;margin: 15px 12px 0 20px;font-size: 18px;line-height: 1;}nav#menu .user {float: left;height: 36px;margin: 7px 8px 0 19px;background: #ffdb87;border-radius: 8px;overflow: hidden;}nav#menu .user .name {float: left;height: 32px;margin: 3px 0 0;padding: 0 9px 0 30px;font-size: 21px;line-height: 32px;border-right: 2px solid #edc76d;background: url(../img/common/menu_ico.png) 10px 4px no-repeat;}nav#menu .user .np {float: left;height: 32px;margin: 3px 0 0;padding: 0 0 0 37px;font-family:"mplus-1m-regular";font-size: 21px;line-height: 32px;background: url(../img/common/menu_ico.png) 10px -28px no-repeat;}nav#menu .user .buy {float: left;margin: 5px 4px 0 16px;}nav#menu .user .buy a {box-sizing: border-box;display: block;width: 100px;height: 27px;padding-top: 7px;font-size: 13px;line-height: 1;color: #fff;background: #976000;border-radius: 8px;border-bottom: 2px solid #6f4e00;text-align: center;}nav#menu .user .buy a:hover {position: relative;top: 1px;border-bottom: 1px;}nav#menu .btn {float: left;margin: 10px 0 0 8px;}nav#menu .btn a {box-sizing: border-box;display: block;width: 100px;height: 29px;padding-top: 7px;font-size: 13px;line-height: 1;background: #fff;border-radius: 12px;border: 2px solid #ad964d;box-shadow:0px 2px 0px 0px #a8861e;text-align: center;}nav#menu .btn a:hover {position: relative;top: 1px;border-bottom-width: 1px;}nav#menu .fb {float: left;margin: 10px 0 0 16px;}nav#menu .fb a {box-sizing: border-box;display: block;width: 100px;height: 29px;padding-top: 1px;font-size: 13px;color: #FFF;line-height: 1;background: #4d66a6;border-radius: 12px;border: 2px solid #3c5595;box-shadow:0px 2px 0px 0px #2e4c9a;text-align: center;}nav#menu .fb a:hover {position: relative;top: 1px;border-bottom-width: 1px;}nav#menu .tw {float: left;margin: 10px 0 0 16px;}nav#menu .tw a {box-sizing: border-box;display: block;width: 100px;height: 29px;padding-top: 1px;font-size: 13px;color: #FFF;line-height: 1;background: #83c3f3;border-radius: 12px;border: 2px solid #60aee9;box-shadow:0px 2px 0px 0px #5da6dc;text-align: center;}nav#menu .tw a:hover {position: relative;top: 1px;border-bottom-width: 1px;}nav#menu .lang {float: right;margin: 12px 20px 0 0;overflow: hidden;}nav#menu .lang dt {float: left;margin-right: 8px;line-height: 24px;}nav#menu .lang dd {float: left;position: relative;}nav#menu .lang select {box-sizing: border-box;border: none;display: block;width: 90px;height: 24px;padding-left: 24px;background: #fff;font-size: 12px;line-height: 24px;border-radius: 4px;cursor: pointer;-webkit-appearance: none;-moz-appearance: none;appearance: none;}nav#menu .lang select::-ms-expand {display: none;}nav#menu .lang dd:after {position: absolute;content: "";display: block;top: 9px;right: 6px;width: 0;height: 0;border-style: solid;border-width: 7px 4px 0 4px;border-color: #e85586 transparent transparent transparent;}nav#menu .logout {float: right;margin: 12px 20px 0 -10px;}nav#menu .logout a {display: block;width: 90px;height: 24px;background: #fff;font-size: 12px;line-height: 24px;text-align: center;border-radius: 4px;}nav#menu.mini {top: 60px;}footer {background: #fff;box-shadow:0px -1px 4px 0px #ded8d8;}footer .wrap {width: 1200px;margin: 0 auto;}footer .menu {padding: 44px 0;border-bottom: 2px dashed #afafaf;}footer .menu ul {text-align: center;}footer .menu ul li {display: inline-block;margin-right: 65px;}footer .menu ul li:last-child {margin-right: 0;}footer .menu ul li a {display: inline-block;height: 22px;font-size: 13px;line-height: 22px;}footer .menu ul li:first-child {position: relative;padding-left: 25px;}footer .menu ul li:first-child:before {position: absolute;top: 0;left: 0;content: "";display: block;width: 20px;height: 22px;background: url(../img/common/foot_ico.png);}footer .submenu {padding: 60px 0 67px;}footer .submenu .logo {margin: 0 0 28px;text-align: center;}footer .submenu .logo img {width: 153px;}footer .submenu ul {margin-bottom: 9px;text-align: center;}footer .submenu ul li {display: inline-block;margin-right: 14px;font-size: 12px;line-height: 1em;}footer .submenu ul li:last-child {margin-right: 0;}footer .submenu ul li a {position: relative;padding-left: 14px;}footer .submenu ul li a:before {position: absolute;content: "";display: block;top: 2px;width: 0;height: 0;border-style: solid;border-width: 6.5px 0 6.5px 9px;border-color: transparent transparent transparent #e84c59;}footer .submenu .copy {text-align: center;font-size: 12px;}#pagetop {position: fixed;bottom: -100px;right: 20px;width: 70px;height: 70px;}#pagetop a {position: relative;box-sizing: border-box;display: table-cell;width: 70px;height: 70px;padding: 0 0 10px;background: #df759a;color: #fff;font-size: 10px;line-height: 1.2;border-radius: 50px;text-align: center;vertical-align: bottom;}#pagetop a:after{content: '';width: 28px;height: 28px;border: 0px;border-top: solid 2.5px #fff;border-right: solid 2.5px #fff;-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);position: absolute;top: 16px;left: 50%;margin-left: -14px;}#pagetop a:hover {opacity: 0.8;}div#buy {float: right;width: 260px;margin: 0 20px 10px 0;color: #444;}div#buy dt {height: 35px;font-size: 16px;line-height: 35px;text-align: center;background: #e2e2e2;border-radius: 10px 10px 0 0;}div#buy dd {box-sizing: border-box;min-height: 300px;padding-bottom: 4px;background: #fff;border-radius: 0 0 10px 10px;}div#buy dd ul.btn {margin: 0 0 0 10px;padding: 10px 0 0;overflow: hidden;}div#buy dd ul.btn li {float: left;width: 118px;margin: 0 5px 5px 0;}div#buy dd ul.btn li a {box-sizing: border-box;display: block;width: 118px;height: 53px;padding: 8px 0 0;font-size: 12px;font-weight: bold;line-height: 1.2;text-align: center;color: #fff;text-shadow:0px 2px 1px #618c04;background: #95d40c;border-bottom: 3px solid #72a209;border-radius: 8px;}div#buy dd ul.btn li a strong {font-size: 16px;}div#buy dd ul.note {margin: 4px 15px 0 10px;}div#buy dd ul.note li {text-indent: -1em;margin-bottom: 2px;padding-left: 1em;font-size: 9px;line-height: 1.3;}#count {position: absolute;top: 360px;right: 50%;width: 94px;height: 169px;margin-right: -680px;background: url(../img/common/chara_count.png) left bottom no-repeat;}#home #count {top: 340px;}#count p {display: none;box-sizing: border-box;width: 81px;height: 93px;margin: 0 0 0 auto;padding: 20px 0 0;font-size: 10px;font-weight: bold;text-align: center;color: #444444;background: url(../img/common/chara_count2.png);}#count p span {font-size: 16px;padding: 0 2px;}.rankBox {box-sizing: border-box;width: 158px;height: 106px;padding: 7px 0 0;background: rgba(0,0,0,0.5);border-radius: 10px;overflow: hidden;}#machine .rankBox {position: absolute;top: 105px;left: 18px;}table .rankBox {background: rgba(0,0,0,0.2);}.rankBox .medal {float: left;margin: 2px 0 0 11px;}.rankBox .badge {float: right;width: 102px;margin: 0 0 5px;overflow: hidden;}.rankBox .badge img {display: block;float: left;margin: 0 4px 0 0;}.rankBox .status {float: left;width: 150px;font-size: 12px;color: #fff;margin: 0 4px 0 0;}