html { position: relative; min-height: 100%; }

body { background-color: black; margin-bottom: 60px; color: #ffffff; font-family: "Noto Sans JP", sans-serif; }

@media screen and (max-width: 767px) { body { margin-bottom: 140px; } }

a { -webkit-transition: all 0.15s ease-in; -moz-transition: all 0.15s ease-in; -ms-transition: all 0.15s ease-in; -o-transition: all 0.15s ease-in; transition: all 0.15s ease-in; }

a:hover { -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; -o-transition: all 0s; transition: all 0s; }

h1, h2, h3, h4, h5, h6, strong { font-family: "Noto Sans JP", sans-serif; font-weight: normal; margin: 0; }

h2 { font-size: 24px; letter-spacing: 8px; margin-bottom: 6px; }

h2.alt-letter-spacing { letter-spacing: 4px; }

@media screen and (max-width: 767px) { h2 { font-size: 14px; letter-spacing: 2px; } }

h3 { font-size: 16px; margin-bottom: 10px; }

@media screen and (max-width: 767px) { h3 { font-size: 10px; } }

h3 small { color: white; }

h3 a { color: white; }

h3 a:hover { color: #cccccc; text-decoration: none; }

.bigger-h3 h3 { font-size: 20px; }

h4 { font-size: 22px; line-height: 1.5; }

@media screen and (max-width: 767px) { h4 { font-size: 16px; } h4 br { display: none; } }

h5 { font-size: 14px; line-height: 1.5; margin-bottom: 5px; }

h5 small { font-size: 12px; line-height: 1.3; color: white; }

@media screen and (max-width: 767px) { h5 { font-size: 12px; line-height: 1.5; text-align: left; } h5 br { display: none; } h5 small { line-height: 1.5; } }

h6 { font-size: 12px; line-height: 1.3; }

.alt-font { font-family: "Noto Sans JP", sans-serif !important; }

.yellow { color: #d6b002; }

.divider { margin-top: 16px; }

img.small-img { height: 12px; width: 12px; }

.fancy-box { background: #264465; position: relative; display: block; padding: 40px; color: white !important; font-size: 18px; }

.fancy-box .corner { height: 150px; width: auto; position: absolute; }

.fancy-box .corner-ul { top: 10px; left: 10px; }

.fancy-box .corner-ur { top: 10px; right: 10px; }

.fancy-box .corner-dl { bottom: 10px; left: 10px; }

.fancy-box .corner-dr { bottom: 10px; right: 10px; }

.fancy-box .btn { margin: 0 auto; border-radius: 999px; background: linear-gradient(to top, #87691d, #d6b002); font-weight: bold; padding: 4px 15px; border: none; }

.fancy-box .btn:hover { color: white !important; }

.fancy-box:hover { text-decoration: none; color: white !important; }

@media screen and (max-width: 767px) { .fancy-box { font-size: 16px; } }

@media screen and (max-width: 400px) { .fancy-box .corner { height: 100px; } .fancy-box .btn { font-size: 12px; } }

nav.navbar { background-color: #264465; border-radius: 0; border: none; max-height: 50px; }

@media screen and (max-width: 767px) { nav.navbar { max-height: 1000px; } nav.navbar .container { margin-top: 54px; } }

.nav > li > a, .footer a { font-family: "Noto Sans JP", sans-serif; color: white; font-size: 15px; padding: 15px 0; border-bottom: 2px solid transparent; cursor: pointer; }

.nav > li > a span, .footer a span { padding-bottom: 3px; }

.nav > li > a:hover, .footer a:hover, .nav > li > a:focus, .footer a:focus { color: #CCCCCC; text-decoration: none; background-color: inherit; }

.nav > li > a.active span { border-bottom: 2px solid #d6b002; border-left: 0; border-right: 0; border-top: 0; border-image-source: linear-gradient(to right, #87691d, #d6b002, #87691d); border-image-slice: 1; }

#top_nav .nav-justified { padding: 0; }

@media screen and (min-width: 992px) { #top_nav .nav-justified { padding: 0 90px; } }

@media screen and (min-width: 1200px) { #top_nav .nav-justified { padding: 0 180px; } }

.navbar-toggle { font-family: "Noto Sans JP", sans-serif; float: left; margin: 4px 0 0 0; padding: 14px; }

.navbar-toggle .menu-text { float: left; padding-left: 40px; padding-top: 6px; font-size: 20px; line-height: 0.1; letter-spacing: 2px; }

.navbar-toggle .icon-bar { padding-top: 3px; background-color: white; }

.wrapper { margin-top: 50px; padding-bottom: 50px; }

@media screen and (max-width: 767px) { .wrapper { margin-top: 20px; } }

#main { position: relative; text-align: center; padding-bottom: 60px; }

#main .no-margin { margin: 0; }

.mt-1 { margin-top: 5px !important; }

.mb-2 { margin-bottom: 15px !important; }

.mb-4 { margin-bottom: 30px !important; }

.mt-3 { margin-top: 20px !important; }

.mt-4 { margin-top: 30px !important; }

.mt-5 { margin-top: 60px !important; }

.pl-4 { padding-left: 30px !important; }

.pr-4 { padding-right: 30px !important; }

hr { border-top: 1px solid white; }

@media screen and (max-width: 767px) { hr { margin: 10px 0; } }

.lazyload, .lazyloading { opacity: 0; }

.lazyloaded { opacity: 1; -webkit-transition: opacity 0.15s ease-out; -moz-transition: opacity 0.15s ease-out; -ms-transition: opacity 0.15s ease-out; -o-transition: opacity 0.15s ease-out; transition: opacity 0.15s ease-out; }

#hkbg { margin-top: 50px; position: static; left: 0; right: 0; top: 0; bottom: 0; min-height: 200px; }

#hkbg img { object-fit: cover; width: 100%; max-width: 1200px; height: auto; transition: opacity 1s ease-out; z-index: -1; }

@media screen and (max-width: 767px) { #hkbg { position: relative; } }

#logo_container { position: absolute; top: 20px; left: 0; right: 0; margin: 0 auto; text-align: center; }

#logo { z-index: 1; width: 550px; height: auto; margin-top: 0; margin-bottom: 0; padding: 0; }

@media screen and (max-width: 1199px) { #logo { width: 450px; } }

@media screen and (max-width: 991px) { #logo { margin: 0 auto; width: 60%; } }

#seal { position: absolute; right: 15%; top: 100px; width: 144px; height: 144px; }

@media screen and (max-width: 991px) { #seal { width: 100px; height: 100px; top: 60%; right: 15px; } }

@media screen and (max-width: 991px) { #buy .col-xs-6:nth-child(even) { padding-left: 8px; } #buy .col-xs-6:nth-child(odd) { padding-right: 8px; } }

.buy-button { border-radius: 5px; background: white; padding: 10px; display: block; cursor: pointer; margin-bottom: 30px; }

.buy-button .shop-logo { height: 60px; margin-bottom: 5px; }

.buy-button .shop-logo img { max-width: 80%; height: auto; max-height: 100%; margin: auto; }

.buy-button .shop-logo.alt-margins img { padding: 6px; }

.buy-button .shop-logo.extra-margins img { padding: 10px; }

.buy-button .bonus-image { max-width: 90%; width: auto; height: 180px; margin: 0 auto; }

.buy-button p { color: black; font-weight: bold; margin-top: 5px; }

.buy-button .btn { border-radius: 999px; background: linear-gradient(to top, #87691d, #d6b002); font-weight: bold; padding: 2px 15px; border: none; margin: 5px auto; color: white !important; }

.buy-button .btn img { height: 15px; width: 15px; margin-right: 5px; margin-top: -5px; }

.buy-button:hover { opacity: 0.9; text-decoration: none; }

@media screen and (max-width: 991px) { .buy-button { margin-bottom: 15px; } .buy-button .shop-logo { height: 40px; } .buy-button .bonus-image { height: 100px; object-fit: contain; } .buy-button p, .buy-button .btn { font-size: 10px; } .buy-button p img, .buy-button .btn img { height: 12px; width: 12px; margin-top: -3px; } }

@media screen and (max-width: 400px) { .buy-button p, .buy-button .btn { font-size: 8px; } .buy-button .btn { padding: 4px 5px; } }

#shop_table { border-bottom: 1px solid white; }

#shop_table td { text-align: center; font-weight: bold; font-size: 18px; width: 50%; }

#shop_table td a { color: white; }

#shop_table td a:hover { color: #cccccc; text-decoration: none; }

#shop_table td small { font-weight: normal; font-size: 14px; margin-right: 4px; }

@media screen and (max-width: 991px) { #shop_table td { font-size: 14px; } #shop_table td small { font-size: 12px; } }

#shop_table td:nth-child(odd) { border-right: 1px solid white; }

#platforms .platform .platform-logo { max-width: 200px; max-height: 80px; margin: 80px auto 40px; }

#platforms .platform p { color: white !important; border-bottom: 1px solid white; display: inline-block; }

#platforms .platform:hover { color: white !important; text-decoration: none; opacity: 0.9; }

#expansions .expansion { display: inline-block; margin-bottom: 10px; }

#expansions .expansion .expansion-logo { padding: 5px; margin-bottom: 5px; }

#info_table td { border: none; }

#info_table tr td:first-child { font-weight: bold; }

#info_table #info_table_header { font-size: 18px; }

#info_table #info_table_header td { padding-bottom: 20px; }

#game_info .info-block { margin-bottom: 60px; }

#game_info .info-block .info-image { margin-bottom: 20px; }

#game_info .info-block .info-text { text-align: left; }

#game_info .info-block .info-text h3 { font-size: 20px; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid white; }

#game_info .info-block.mobile-only { display: none; }

@media screen and (max-width: 991px) { #game_info .info-block.mobile-only { display: block; } #game_info .info-block.desktop-only { display: none; } #game_info .info-block .info-text h3 { text-align: center; } }

.footer { position: absolute; bottom: 0; width: 100%; height: 60px; line-height: 60px; background-color: #264465; }

.footer a { font-weight: bold; }

.footer .mail { height: 20px; width: auto; margin-right: 10px; margin-top: -5px; }

.footer .copyright { float: right; }

@media screen and (min-width: 992px) { .footer .container { padding: 0 90px; } }

@media screen and (min-width: 1200px) { .footer .container { padding: 0 190px; } }

@media screen and (max-width: 767px) { .footer { height: 125px; text-align: center; } .footer .col-xs-10 > * { display: block; float: none; } .footer .col-xs-10 > a { padding: 0; } }

@media screen and (max-width: 400px) { .footer .col-xs-10 > span { font-size: 10px; } }

/*# sourceMappingURL=main.css.map */