@charset "UTF-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;

    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

a:active,
a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    margin: 0.67em 0; 
    font-size: 2em;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,
sup {
    position: relative;
    vertical-align: baseline; 
    font-size: 75%;
    line-height: 0;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    height: 0; 
    box-sizing: content-box;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-size: 1em; 
    font-family: monospace,monospace;
}

button,
input,
optgroup,
select,
textarea {
    margin: 0; 
    color: inherit;
    font: inherit;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer; 

    -webkit-appearance: button;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0; 
    border: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
    padding: 0; 
    box-sizing: border-box;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    box-sizing: content-box; 

    -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em; 
    border: 1px solid silver;
}

legend {
    padding: 0; 
    border: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-spacing: 0; 
    border-collapse: collapse;
}

td,
th {
    padding: 0;
}

*,
*:before,
*:after {
    box-sizing: border-box;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: bottom; 
    font: inherit;
    font-size: 100%;
}

html {
    font-size: 10px;
}

input,
button,
select,
textarea {
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
}

ol,
ul {
    list-style: inside none;
}

table {
    max-width: 100%;
    word-wrap: break-word;
}

th,
td {
    vertical-align: middle;
}

figure {
    margin: 0;
}

img {
    vertical-align: middle;
}

/* CSS Document */
/* ========================= [ #dmm_ntgnavi ] */
#dmm_ntgnavi {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: url(/images/dmm_olgnavi/bg_navimain.gif) center center repeat-x;
    font-size: 12px;
    font-family: 'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', Verdana, sans-serif;

    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
#dmm_ntgnavi ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; 
    margin: 2px 0;
    padding: 0;
    list-style: none;
}
#dmm_ntgnavi ul li {
    margin: 0 6px 0 0;
    line-height: 15px;
}
#dmm_ntgnavi ul.navi_left {
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
}
#dmm_ntgnavi ul.navi_left li a {
    display: block;
    padding: 0 3px 0 8px;
    border: 1px solid #eee;
    border-radius: 3px; 
    text-decoration: none;
}
#dmm_ntgnavi ul.navi_left li a:hover {
    border: 1px solid #666;
    border-radius: 3px; 
    background: #eee;
}
#dmm_ntgnavi ul.navi_left li a > span {
    display: block;
    padding: 9px 10px 7px 28px;
    color: #333;
    white-space: nowrap; 
    font-weight: bold;
}
#dmm_ntgnavi ul.navi_left li.dmm_top img {
    margin: 8px 5px 8px 0;
}
#dmm_ntgnavi ul.navi_left li.ntg_top {
    margin-left: 10px;
}
#dmm_ntgnavi ul.navi_left li.ntg_top a > span {
    background: url(/images/dmm_olgnavi/bg_bt_olgtop.gif) 0 center no-repeat;
}
#dmm_ntgnavi ul.navi_left li.ntg_chip a > span {
    background: url(/images/dmm_olgnavi/bg_bt_chip.gif) 0 center no-repeat;
    letter-spacing: 0.05em;
}
#dmm_ntgnavi ul.navi_left li.ntg_poi a > span {
    background: url(/images/dmm_olgnavi/bg_bt_point.gif) 0 center no-repeat;
    letter-spacing: 0.05em;
}
#dmm_ntgnavi ul.navi_right {
    -ms-flex-pack: end;
    font-size: 10px; 

    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
#dmm_ntgnavi ul.navi_right li {
    margin: 0 10px 0 0;
    padding: 8px 5px;
}
#dmm_ntgnavi ul.navi_right li.ntg_chip,
#dmm_ntgnavi ul.navi_right li.ntg_poi {
    display: none;
}
#dmm_ntgnavi .arrow {
    padding-left: 14px;
    background: url(/images/dmm_olgnavi/arrow_common.gif) no-repeat left center;
    color: initial;
    text-decoration: underline;
}
#dmm_ntgnavi .tx-point {
    color: #ff4b4b !important; 
    font-weight: bold;
    font-size: 16px;
}
#dmm_ntgnavi p {
    margin: 0;
    line-height: 2.6em;
}
#dmm_ntgnavi .clear {
    clear: both;
}

@media (max-width: 960px) {
    #dmm_ntgnavi ul {
        -ms-flex-pack: justify;

        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }
    #dmm_ntgnavi ul.navi_left {
        -webkit-box-flex: 2;
        -webkit-flex-grow: 2;
        -ms-flex-positive: 2;
        flex-grow: 2;
    }
    #dmm_ntgnavi ul.navi_left li.ntg_top a > span > span {
        display: none;
    }
    #dmm_ntgnavi ul.navi_left li.ntg_chip,
    #dmm_ntgnavi ul.navi_left li.ntg_poi {
        display: none;
    }
    #dmm_ntgnavi ul.navi_right li {
        display: none;
    }
    #dmm_ntgnavi ul.navi_right li.ntg_chip,
    #dmm_ntgnavi ul.navi_right li.ntg_poi {
        display: list-item;
    }
}

/* --- foudation _bass.scss --- */
body {
    min-width: 960px;
    background: url(../../images/official/base/bg_repeat.jpg) 50% 0 repeat; 
    color: #d7d5e0;
    font-size: 14px;
    font-family: "メイリオ",Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Verdana,sans-serif;
    line-height: 1;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
}

a {
    color: #75c1e2; 
    text-decoration: none;
}
a:hover {
    color: #f9b43b;
    text-decoration: underline;
}

strong,
b {
    font-weight: bold;
}

#fancybox-wrap {
    margin-left: 20px;
    padding: 40px 0 !important;
    background: url(../../images/official/base/fancybox_title_bg.png) 0 0 repeat;
    box-shadow: 0 0 5px #000;
}

#fancybox-title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
    padding: 0;
    text-align: left;
    line-height: 39px;
}

#fancybox-title-outside {
    overflow: hidden;
    padding: 0 50px 0 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    font-family: "メイリオ",Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Verdana,sans-serif;
}

.fancybox-caption {
    display: none;
}

.fancybox-caption-inner {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 9900; 
    height: 40px;
    line-height: 39px;
}
.fancybox-caption-inner a {
    text-decoration: none;
}
.fancybox-caption-inner a:hover {
    text-decoration: none;
}
.fancybox-caption-inner p {
    padding: 0 10px;
}
.fancybox-caption-inner.box-text {
    position: absolute;
    top: 50px;
    right: 10px;
    bottom: auto;
    left: 10px;
    overflow: auto; 
    max-width: 100%;
    max-height: 500px;
    height: auto;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, 0.7);
}
.fancybox-caption-inner.box-text p {
    margin-top: 10px;
    padding: 0;
    line-height: 22px;
}
.fancybox-caption-inner.box-text p:first-child {
    margin-top: 0;
}
.fancybox-caption-inner.box-text.left {
    left: 10px;
    width: 330px;
}
.fancybox-caption-inner.box-text.right {
    right: 10px;
    left: auto;
    width: 330px;
}
.fancybox-caption-inner.box-text.full {
    right: 10px;
}

#fancybox-close {
    top: -40px !important;
    right: 0 !important; 
    width: 40px !important;
    height: 40px !important;
    background: transparent url(../../js/fancybox/fancy_close.png) !important;
}

#fancybox-left,
#fancybox-right {
    z-index: 9901 !important;
}

/********* #page-top **********/
#page-top {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 30;
}
#page-top a:hover {
    opacity: 0.5;
    -ms-filter: "alpha(opacity=50)";
}

/* --- layout _wrapper.scss --- */
#wrapper {
    position: relative;
    min-width: 1020px;
    width: 100%;
    background: url(../../images/official/base/bg_main55.jpg) 50% 0 no-repeat;
    text-shadow: 0 0 5px #000;
}
#wrapper .wrap-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#wrapper .wrap-bg > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: 50% 0; 
    background-repeat: no-repeat;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
}

/* --- layout _header.scss --- */
#header {
    position: relative;
    z-index: 11; 
    height: 285px;
    background: url(../../images/official/base/bg_nav.png) 0 0 repeat-x;
}
#header .header-inner {
    position: relative;
    width: 1020px;
    margin-right: auto; 
    margin-left: auto;
}
#header .logo {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
}

/* --- layout _contents.scss --- */
#contents {
    position: relative;
    z-index: 10; 
    width: 1020px;
    margin: 0 auto 110px;
}

/* --- layout _footer.scss --- */
#footer {
    position: relative;
    z-index: 1; 
    width: 100%;
    padding: 50px 0;
    background-color: #0e0f14;
}
#footer:before {
    position: absolute;
    top: -276px;
    left: 0;
    display: block;
    width: 100%;
    height: 276px;
    background: url(../../images/official/base/bg_footer.png) 50% 100% no-repeat; 
    content: " ";
}
#footer a {
    color: #d7d5e0;
}
#footer a:hover {
    color: #f9b43b;
}

.footer-attention {
    width: 1020px;
    margin: 0 auto 0;
}
.footer-attention .acceptable {
    margin-bottom: 20px;
    list-style: none;
    text-align: center;
    font-size: 0;
    line-height: 0;
}
.footer-attention .acceptable li {
    display: inline-block;
    padding: 0 9px;
    border-left: 1px solid #d7d5e0; 
    font-size: 13px;
    line-height: 1;
}
.footer-attention .acceptable li:first-child {
    border-left: 0;
}
.footer-attention .copyright {
    margin-top: 50px;
    text-align: center;
}
.footer-attention .copyright small {
    font-size: 12px;
}
.footer-attention .logo-dmm {
    width: 233px;
    height: auto;
    vertical-align: middle;
}
.footer-attention .logo-gaijin {
    margin: 0 0 31px 35px; 
    vertical-align: middle;
}
.footer-attention .logo-ps4 {
    margin: 0 0 0 25px; 
    vertical-align: middle;
}
.footer-attention .logo-ps5 {
    margin: 0 15px 0 0; 
    vertical-align: middle;
}
.footer-attention .logo-cero {
    vertical-align: middle;
}

/* --- component _box.scss --- */
.box-list {
    margin: -10px 0 15px;
    padding: 0 10px;
}
.box-list li {
    position: relative;
    width: 100%;
    padding: 4px 0;
    border-bottom: 1px solid #363948;
}
.box-list li:before,
.box-list li:after {
    display: table;
    clear: both;
    content: " ";
}
.box-list li:hover {
    background: url(../../images/official/base/bg_boxlist_hover.png) 50% 0 no-repeat;
}
.box-list a {
    display: block;
    overflow: hidden; 
    color: #d7d5e0;
}
.box-list a:hover {
    text-decoration: none;
}
.box-list span {
    display: block;
    float: left;
    line-height: 25px;
}
.box-list .list-thumbnail {
    position: relative;
    margin-right: 5px;
    border: 1px solid #363948; 
    background: #fff;
}
.box-list .list-thumbnail:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #0e0f14; 
    content: " ";
}
.box-list .list-detail {
    display: inline-block;
    margin-left: 5px;
}
.box-list .list-title {
    overflow: hidden;
    width: 425px;
    padding-left: 5px;
    text-overflow: ellipsis; 
    white-space: nowrap;
}
.box-list .list-new {
    padding-right: 5px;
    padding-left: 5px;
    color: #e71a1a; 
    font-weight: bold;
    font-size: 13px;
}
.box-list .list-date {
    float: right; 
    font-size: 11px;
}
.box-list .list-contents {
    width: 900px;
    padding: 5px 0 0 10px;
    line-height: 22px;
}
.box-list .list-contents:hover {
    text-decoration: none;
}
.box-list.box-list-pic {
    padding: 0;
}
.box-list.box-list-pic li {
    min-height: 145px; 
    padding: 10px;
}
.box-list.box-list-pic li:hover {
    background-position: 250px 4px;
}
.box-list.box-list-pic li:hover .list-thumbnail img {
    opacity: 0.8;
    -ms-filter: "alpha(opacity=80)";
}
.box-list.box-list-pic li img {
    width: 175px;
    height: 120px;
}
.box-list.box-list-pic .list-thumbnail {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #fff;
}
.box-list.box-list-pic .list-detail {
    display: block;
    overflow: hidden;
    margin-left: 185px;
}
.box-list.box-list-pic .list-title {
    width: 477px;
}
.sect-main .box-list.box-list-pic .list-title {
    width: 457px;
}
.box-list.box-list-pic .list-contents {
    width: auto;
    margin-left: 185px;
    padding-left: 0;
}
.box-list.box-list-news {
    padding: 0;
}
.box-list.box-list-news li {
    padding: 10px;
}
.box-list.box-list-news li:hover {
    background-position: 50% 4px;
}
.box-list.box-list-news .list-title {
    width: 665px;
}
.sect-main .box-list.box-list-news .list-title {
    width: 645px;
}
.box-list.box-list-news .list-detail {
    width: 100%;
    margin-left: 0;
}
.box-list.box-community li a {
    display: inline-block;
    width: 83%;
}
.box-list.box-community li a.tx-tag {
    position: relative;
    z-index: 10; 
    float: right;
    width: 16%;
    padding-left: 16px;
    background: url(../../images/official/community/pic_tag.png) 0 0 no-repeat;
    color: #d7d5e0;
    line-height: 20px;
    line-height: 26px;
}
.box-list.box-community li a.tx-tag.active,
.box-list.box-community li a.tx-tag:hover {
    background-position: 0 -26px; 
    color: #f9b43b;
}
.box-list.box-community li a.tx-tag span {
    font-weight: normal; 
    font-size: 11px;
}

.box-picture {
    margin: -25px -4px 15px;
    padding: 0 10px;
}
.box-picture:before,
.box-picture:after {
    display: table;
    clear: both;
    content: " ";
}
.box-picture li {
    position: relative;
    float: left;
    width: 225px;
    height: 190px;
    margin: 15px 4px 0;
}
.box-picture a {
    display: block;
    width: 100%;
    height: 100%;
    color: #d7d5e0;
}
.box-picture span {
    position: relative;
    display: block;
    float: left;
    line-height: 1.5;
}
.box-picture .thumb {
    width: 223px;
    height: 146px;
    background-position: 50% 50%; 
    background-size: cover;
    background-repeat: no-repeat;
}
.box-picture .list-title {
    overflow: hidden;
    width: 189px;
    text-overflow: ellipsis; 
    white-space: nowrap;
}
.box-picture .list-new {
    color: #e71a1a; 
    font-weight: bold;
    font-size: 13px;
}
.box-picture .list-date {
    width: 227px;
    padding-right: 4px; 
    text-align: right;
    font-size: 11px;
    line-height: 11px;
}

.box-txarea .capt-sub {
    margin-top: 15px;
    margin-bottom: 5px;
}

.box-txarea p {
    margin-top: 0;
}

/* --- component _breadcrumb.scss --- */
.breadcrumb {
    margin-bottom: 10px; 
    list-style: none;
    font-weight: bold;
    font-size: 12px;
}
.breadcrumb:before,
.breadcrumb:after {
    display: table;
    clear: both;
    content: " ";
}
.breadcrumb li {
    float: left;
    margin-left: 0.5em;
    text-transform: none;
}
.breadcrumb li:before {
    display: inline;
    margin-right: 0.5em; 
    content: "＞";
}
.breadcrumb li:first-child {
    margin-left: 0;
}
.breadcrumb li:first-child:before {
    display: none;
}
.breadcrumb a {
    text-decoration: underline;
}
.breadcrumb a:hover {
    text-decoration: none;
}

/* --- component _btn.scss --- */
.btn {
    position: relative;
    display: inline-block;
    min-width: 200px;
    padding: 8px 15px;
    border: 1px solid #363948;
    border: 1px solid #363948;
    box-shadow: 0 0 5px #000; 
    color: #d7d5e0;
    text-align: center;
    text-decoration: none;
    text-shadow: -1px -1px 1px #131f2a;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    cursor: pointer;
}
.btn:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #0e0f14; 
    content: " ";
}
.btn:hover {
    position: relative;
    top: 1px; 
    color: #d7d5e0;
    text-decoration: none;
}
.btn.btn-sm {
    min-width: 140px;
    padding: 6px 15px 4px;
    text-shadow: 0 0 5px #000; 
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
}

.btn-base1 {
    background: #335673;
    background-image: -webkit-linear-gradient(top, #3b6385, #1b2c3d);
    background-image: linear-gradient(to bottom, #3b6385, #1b2c3d);
}
.btn-base1:hover {
    background: #57748c;
    background-image: -webkit-linear-gradient(top, #61819c, #495966);
    background-image: linear-gradient(to bottom, #61819c, #495966);
}

.btn-base2 {
    background: #46514c;
    background-image: -webkit-linear-gradient(top, #525f59, #1e2422);
    background-image: linear-gradient(to bottom, #525f59, #1e2422);
}
.btn-base2:hover {
    background: #484e4c;
    background-image: -webkit-linear-gradient(top, #545b59, #4a4f4d);
    background-image: linear-gradient(to bottom, #545b59, #4a4f4d);
}

.btn-emphasis {
    display: table;
    width: 270px;
    height: 60px;
    margin: 0 auto;
}
.btn-emphasis span {
    display: table-cell;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    text-shadow: 0 0 5px #000;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
}
.btn-emphasis:hover {
    position: relative;
    top: 2px;
    background-position: 0 -60px;
    text-decoration: none;
}

.btn-emphasis1 {
    background: url(../../images/official/base/btn_emphasis1.png);
}
.btn-emphasis1:hover span {
    text-shadow: 0 0 5px #0188d6,0 0 5px #0188d6;
}

.btn-emphasis2 {
    background: url(../../images/official/base/btn_emphasis2.png);
}
.btn-emphasis2:hover span {
    text-shadow: 0 0 5px #ee7000,0 0 5px #ee7000;
}

.btn-emphasis-l {
    width: 270px;
    height: 80px;
}
.btn-emphasis-l:hover {
    background-position: 0 -80px;
}

.btn-emphasis1-l {
    background: url(../../images/official/base/btn_emphasis1_l.png);
}
.btn-emphasis1-l:hover span {
    text-shadow: 0 0 5px #0188d6,0 0 5px #0188d6;
}

.btn-emphasis2-l {
    background: url(../../images/official/base/btn_emphasis2_l.png);
}
.btn-emphasis2-l:hover span {
    text-shadow: 0 0 5px #ee7000,0 0 5px #ee7000;
}

.btn-input {
    position: relative;
    display: inline-block;
    border: 1px solid #363948;
    box-shadow: 0 0 5px #000;
}
.btn-input input {
    z-index: 4; 
    display: block;
    width: 100%;
    padding: 0;
    outline: 0;
    border: 0;
    background: transparent;
}
.btn-input:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #0e0f14; 
    content: " ";
}

/* --- component _capt.scss --- */
.capt img {
    margin: 0 0 0 -4px;
}
.breadcrumb + .capt img {
    margin-top: -4px;
}

[class^="capt-"] {
    color: #d7d5e0;
}
[class^="capt-"] small {
    font-size: 80%;
}

.capt-contents {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #d7d5e0; 
    font-weight: bold;
    font-size: 25px;
}

.capt-sect,
.capt-terms {
    margin-bottom: 15px;
    padding-left: 6px;
    border-left: 4px solid #d7d5e0; 
    font-weight: bold;
    font-size: 20px;
}

.capt-sub {
    margin-bottom: 15px;
    font-weight: normal;
    font-size: 20px;
}

.capt-desc {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 18px;
    line-height: 26px;
}

/* --- component _hoverimg.scss --- */
a.hover img {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

a.hover:hover img {
    opacity: 0.8;
    -webkit-filter: brightness(120%);
    -ms-filter: "alpha(opacity=80)";
    filter: brightness(120%);
}

.ie8 a.hover:hover img {
    opacity: 0.8;
    -ms-filter: "alpha(opacity=80)";
}

img.hover {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
img.hover:hover {
    opacity: 0.8;
    -webkit-filter: brightness(120%);
    -ms-filter: "alpha(opacity=80)";
    filter: brightness(120%);
}

.ie8 img.hover:hover {
    opacity: 0.8;
    -ms-filter: "alpha(opacity=80)";
}

.thumb {
    border: 1px solid #363948; 
    background: #fff;
}
.thumb:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #0e0f14; 
    content: " ";
}
.thumb:hover {
    opacity: 0.8;
    -ms-filter: "alpha(opacity=80)";
}
.thumb:hover img {
    opacity: 0.8;
    -ms-filter: "alpha(opacity=80)";
}

/* --- component _ico.scss --- */
[class^="ico-"] {
    display: inline-block;
    text-align: center;
    text-shadow: none; 
    white-space: nowrap;
}

[class^="ico-category-"] {
    width: 120px;
    height: 25px;
    padding-top: 1px;
    background: url(../../images/official/base/ico_category.jpg) 0 0 no-repeat; 
    color: #fff;
    font-size: 13px;
    line-height: 24px;
}

.ico-category-info {
    background-position: 0 0;
}

.ico-category-media {
    background-position: 0 -25px;
}

.ico-category-patch {
    background-position: 0 -50px;
}

.ico-category-blog {
    background-position: 0 -75px;
}

.ico-category-description {
    background-position: 0 -100px;
}

[class^="ico-bbs-"] {
    width: 120px;
    height: 25px;
    padding-top: 1px;
    background: url(../../images/official/base/ico_bbs.jpg) 0 0 no-repeat; 
    color: #fff;
    font-size: 13px;
    line-height: 24px;
}

.ico-bbs-quest {
    background-position: 0 0;
}

.ico-bbs-chat {
    background-position: 0 -25px;
}

.ico-bbs-seeking {
    background-position: 0 -50px;
}

[class^="ico-text-"] {
    position: relative;
    width: 26px;
    height: 26px;
    margin-right: 5px;
    border: 1px solid #363948; 
    background-color: #335d7f;
    color: #d7d5e0;
    font-size: 16px;
    line-height: 24px;
}
[class^="ico-text-"]:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #0e0f14; 
    content: " ";
}

.ico-text-circle {
    border-radius: 50%;
}
.ico-text-circle:after {
    border-radius: 50%;
}

.ico-black-circle {
    display: inline-block;
    width: 1.6em;
    height: 1.6em;
    margin-right: 0.5em;
    border: 1px solid #fff;
    border-radius: 50%;
    background-color: #000; 
    font-size: inherit;
    line-height: inherit;
    line-height: 1.45em;
}

.ico-black-rect {
    display: inline-block;
    width: 1.6em;
    height: 1.6em;
    margin-right: 0.5em;
    border: 1px solid #fff;
    background-color: #000; 
    font-size: inherit;
    line-height: inherit;
    line-height: 1.45em;
}

/* --- component _line.scss --- */
[class*="line-"] {
    padding-bottom: 5px;
}

.line-dash {
    border-bottom: 1px dashed #5f6273;
}

.line-solid {
    border-bottom: 1px solid #363948;
}

.line-groove {
    position: relative;
    border-bottom: 1px solid #363948;
}
.line-groove:after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    border-bottom: 1px solid #000001; 
    content: "";
}

/* --- component _list.scss --- */
.list-text li {
    margin-top: 10px;
}
.list-text li:first-child {
    margin-top: 0;
}

.list-disc li {
    height: 18px;
    margin-top: 10px;
    margin-left: 20px;
    list-style: disc;
}
.list-disc li:first-child {
    margin-top: 0;
}

.list-img-tx li {
    margin-bottom: 10px;
}
.list-img-tx li:before,
.list-img-tx li:after {
    display: table;
    clear: both;
    content: " ";
}
.list-img-tx li .thumbnail-left {
    float: left;
    margin-right: 10px;
}

/* --- component _nav.scss --- */
.nav {
    position: relative;
    z-index: 100; 
    height: 58px;
}
.nav ul {
    margin: 0; 
    color: #fff;
    list-style-type: disc;
}
.nav a {
    color: #fff;
    text-decoration: none;
}
.nav a:hover {
    color: #f0ae3a;
    text-decoration: underline;
}
.nav .main-nav {
    width: 790px;
    margin-left: 230px;
    list-style: none;
}
.nav .main-nav:before,
.nav .main-nav:after {
    display: table;
    clear: both;
    content: " ";
}
.nav .main-nav > li {
    position: relative; 
    float: left;
    height: 50px;
}
.nav .main-nav > li:hover .sub-nav {
    display: block;
}
.nav .main-nav > li > a {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: url(../../images/official/base/global_navi.png) 0 0 no-repeat;
}
.nav .main-nav > li > a span {
    position: absolute;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}
.nav .main-nav .nav-top {
    width: 70px;
}
.nav .main-nav .nav-top a {
    background-position: 0 0;
}
.nav .main-nav .nav-top a:hover {
    background-position: 0 -52px;
}
.nav .main-nav .nav-top.on a {
    background-position: 0 -50px;
}
.nav .main-nav .nav-guide {
    width: 130px;
}
.nav .main-nav .nav-guide a {
    background-position: -70px 0;
}
.nav .main-nav .nav-guide a:hover {
    background-position: -70px -52px;
}
.nav .main-nav .nav-guide.on a {
    background-position: -70px -50px;
}
.nav .main-nav .nav-news {
    width: 100px;
}
.nav .main-nav .nav-news a {
    background-position: -200px 0;
}
.nav .main-nav .nav-news a:hover {
    background-position: -200px -52px;
}
.nav .main-nav .nav-news.on a {
    background-position: -200px -50px;
}
.nav .main-nav .nav-media {
    width: 105px;
}
.nav .main-nav .nav-media a {
    background-position: -300px 0;
}
.nav .main-nav .nav-media a:hover {
    background-position: -300px -52px;
}
.nav .main-nav .nav-media.on a {
    background-position: -300px -50px;
}
.nav .main-nav .nav-community {
    width: 138px;
}
.nav .main-nav .nav-community a {
    background-position: -405px 0;
}
.nav .main-nav .nav-community a:hover {
    background-position: -405px -52px;
}
.nav .main-nav .nav-community.on a {
    background-position: -405px -50px;
}
.nav .main-nav .nav-cdk {
    width: 84px;
}
.nav .main-nav .nav-cdk a {
    background-position: -543px 0;
}
.nav .main-nav .nav-cdk a:hover {
    background-position: -543px -52px;
}
.nav .main-nav .nav-cdk.on a {
    background-position: -543px -50px;
}
.nav .main-nav .nav-store {
    width: 84px;
}
.nav .main-nav .nav-store a {
    background-position: -627px 0;
}
.nav .main-nav .nav-store a:hover {
    background-position: -627px -52px;
}
.nav .main-nav .nav-store.on a {
    background-position: -627px -50px;
}
.nav .main-nav .nav-support {
    width: 79px;
}
.nav .main-nav .nav-support a {
    background-position: -711px 0;
}
.nav .main-nav .nav-support a:hover {
    background-position: -711px -52px;
}
.nav .main-nav .nav-support.on a {
    background-position: -711px -50px;
}
@media (min-width: 1100px) and (max-width: 1300px) {
    .nav .main-nav .nav-support .sub-nav {
        right: -80px;
    }
}
@media (max-width: 1099px) {
    .nav .main-nav .nav-support .sub-nav {
        right: -5px;
    }
}
.nav .sub-nav {
    position: absolute;
    top: 50px;
    display: none;
    min-width: 190px;
    padding: 9px 12px;
    background: rgba(43, 37, 37, 0.8);
    white-space: nowrap;
}
.ie8 .nav .sub-nav {
    background: #1d2321;
}
.nav .sub-nav li {
    line-height: 1.6;
}
.nav .sub-nav > li {
    font-size: 13px;
}
.nav .sub-nav ul {
    padding: 0 0 0 1.5em;
    list-style: none;
    font-size: 12px;
}

/* --- component _navContents.scss --- */
.nav-contents {
    margin-bottom: 20px;
}
.nav-contents ul {
    border-top: 1px solid #363948;
    border-right: 1px solid #363948; 
    border-left: 1px solid #363948;
    box-shadow: 0 0 5px #000;
}
.nav-contents ul:before,
.nav-contents ul:after {
    display: table;
    clear: both;
    content: " ";
}
.nav-contents li {
    float: left;
    border-bottom: 1px solid #363948; 
    text-align: center;
}
.nav-contents li:first-child a,
.nav-contents li:first-child span {
    border-left-color: #0e0f14;
}
.nav-contents li.active a,
.nav-contents li.active span {
    background: #335d7f;
}
.nav-contents li a,
.nav-contents li span {
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px;
    border: 1px solid #0e0f14;
    border-left-color: #363948; 
    background: #1d2a35;
    color: #d7d5e0;
    text-decoration: none;
    white-space: nowrap;
    font-size: 14px;
    line-height: 1;
}
.nav-contents li a:hover,
.nav-contents li span:hover {
    background: #335d7f; 
    text-decoration: none;
}
.nav-contents .col-2 li {
    width: 50%;
}
.nav-contents .col-2.col-multi li:nth-child(3) {
    border-left-color: #0e0f14;
}
.nav-contents .col-3 li {
    width: 33.333%;
}
.nav-contents .col-3.col-multi li:nth-child(4) a {
    border-left-color: #0e0f14;
}
.nav-contents .col-4 li {
    width: 25%;
}
.nav-contents .col-4.col-multi li:nth-child(5) a {
    border-left-color: #0e0f14;
}
.nav-contents .col-5 li {
    width: 20%;
}
.nav-contents .col-5.col-multi li:nth-child(6) a {
    border-left-color: #0e0f14;
}
.nav-contents .col-6 li {
    width: 16.666%;
}
.nav-contents .col-6.col-multi li:nth-child(7) a {
    border-left-color: #0e0f14;
}
.nav-contents .col-7 li {
    width: 14.285%;
}
.nav-contents .col-7.col-multi li:nth-child(8) a {
    border-left-color: #0e0f14;
}

/* --- component _pagetop.scss --- */
/* --- component _pagination.scss --- */
.pagination {
    position: relative;
    margin: 20px 0;
    text-align: center;
    font-size: 0;
    line-height: 0;
}
.pagination li {
    display: inline-block;
    margin-left: -1px;
    border: 1px solid #363948;
    box-shadow: 0 0 5px #000; 
    text-align: center;
}
.pagination li:first-child {
    margin-left: 0;
}
.pagination li.active a,
.pagination li.active span {
    background-color: #335d7f; 
    color: #d7d5e0;
}
.pagination li.active a:hover,
.pagination li.active span:hover {
    background-color: #335d7f;
}
.pagination li.disabled a:hover,
.pagination li.disabled span:hover {
    background-color: #030405;
}
.pagination li a,
.pagination li > span {
    position: relative;
    display: block;
    min-width: 38px;
    height: 30px;
    padding: 0 5px;
    border: 1px solid #0e0f14;
    background-color: #030405;
    color: #75c1e2;
    text-decoration: none;
    text-shadow: none; 
    letter-spacing: -1px;
    font-size: 14px;
    line-height: 30px;
}
.pagination li a:hover,
.pagination li > span:hover {
    background-color: #335d7f;
    background-color: rgba(51, 93, 127, 0.5);
    text-decoration: none;
}
.pagination li a span,
.pagination li > span span {
    position: absolute;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}
.pagination li a {
    cursor: pointer;
}
.pagination li .prev,
.pagination li .next {
    width: 30px;
    height: 30px;
    background-image: url(../../images/official/base/bg_pager.png);
}
.pagination li .prev {
    background-position: -62px -1px;
}
.pagination li .prev:hover {
    background-position: -12px -1px;
}
.pagination li .next {
    background-position: -61px -41px;
}
.pagination li .next:hover {
    background-position: -11px -41px;
}
.pagination.mini li a,
.pagination.mini li > span {
    min-width: 28px;
    height: 24px;
    font-size: 12px;
    line-height: 23px;
}
.pagination.mini li .prev,
.pagination.mini li .next {
    min-width: 24px;
    height: 24px;
    background-image: url(../../images/official/base/bg_pager_mini.png);
}
.pagination.mini li .prev {
    background-position: -60px -8px;
}
.pagination.mini li .prev:hover {
    background-position: -20px -8px;
}
.pagination.mini li .next {
    background-position: -59px -40px;
}
.pagination.mini li .next:hover {
    background-position: -19px -40px;
}

/* --- component _panel.scss --- */
.panel {
    position: relative;
    overflow: hidden; 
    min-height: 600px;
    padding: 15px;
    background: rgba(14, 15, 20, 0.9);
}
.ie8 .panel {
    background: #0e0f14;
}
.panel:before,
.panel:after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 7px;
    background: url(../../images/official/base/bg_panel.png) 50% 0 repeat; 
    content: " ";
}
.panel:before {
    top: -5px;
    background-position: 0 -7px;
}
.panel:after {
    bottom: -5px;
    background-position: 0 0;
}

.panel-contents {
    padding: 20px;
    background: url(../../images/official/base/bg_sect.jpg) 0 0 repeat; 
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.7);
}

.panel-warning {
    padding: 10px;
    border: 1px solid #e71a1a;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 5px #000; 
    color: #e71a1a;
}
.panel-warning ul li {
    padding: 2px 0;
}

/* --- component _sect.scss --- */
.sect + .sect {
    margin-top: 15px;
}

.panel-contents .sect {
    padding-right: 10px; 
    padding-left: 10px;
}

.sect-main {
    padding-right: 10px; 
    padding-left: 10px;
}
.sect-main > p,
.sect-main > ol,
.sect-main > ul,
.sect-main > dl,
.sect-main > a {
    margin-top: 10px;
    line-height: 22px;
}
.sect-main > p:first-child,
.sect-main > ol:first-child,
.sect-main > ul:first-child,
.sect-main > dl:first-child,
.sect-main > a:first-child {
    margin-top: 0;
}
.sect-main img {
    max-width: 100%;
    height: auto;
}
.sect-main .sect:before,
.sect-main .sect:after,
.sect-main section:before,
.sect-main section:after {
    display: table;
    clear: both;
    content: " ";
}
.sect-main .sect > p,
.sect-main .sect > ol,
.sect-main .sect > ul,
.sect-main .sect > dl,
.sect-main .sect > a,
.sect-main section > p,
.sect-main section > ol,
.sect-main section > ul,
.sect-main section > dl,
.sect-main section > a {
    margin-top: 10px;
    line-height: 22px;
}
.sect-main .sect > p:first-child,
.sect-main .sect > ol:first-child,
.sect-main .sect > ul:first-child,
.sect-main .sect > dl:first-child,
.sect-main .sect > a:first-child,
.sect-main section > p:first-child,
.sect-main section > ol:first-child,
.sect-main section > ul:first-child,
.sect-main section > dl:first-child,
.sect-main section > a:first-child {
    margin-top: 0;
}
.sect-main .small {
    font-size: 12px;
    line-height: 18px;
}
.sect-main li ol,
.sect-main li ul {
    padding-left: 20px;
}
.sect-main section + section {
    margin-top: 15px;
}

/* --- component _slider.scss --- */
.slider-area {
    position: relative;
    z-index: 10; 
    float: left;
    width: 768px;
    height: 385px;
    margin: 0 -17px 0 15px;
    background: url(../../images/official/base/bg_slider.png) 0 0 no-repeat;
}
.slider-area .slider-inner {
    position: absolute;
    top: 30px;
    left: 57px;
    width: 674px;
    height: 309px;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
}
.slider-area .bx-wrapper img {
    max-height: 309px;
    margin: 0 auto;
}
.slider-area .bx-wrapper ul li {
    height: 309px;
}
.slider-area .bx-wrapper .bx-viewport {
    position: relative;
    left: 0;
    height: 309px;
    border: 0;
    background: #fff;
    -webkit-box-shadow: 0; 
    -moz-box-shadow: 0;
    box-shadow: none;
}
.slider-area .bx-wrapper .bx-pager {
    position: absolute;
    top: 0;
    left: -25px;
    width: 20px;
    padding-top: 0;
}
.slider-area .bx-wrapper .bx-pager .bx-pager-item {
    display: block;
}
.slider-area .bx-wrapper .bx-pager .bx-pager-item a {
    margin-bottom: 9px;
    border: 1px solid #d7d5e0;
    border-radius: 0; 
    background: transparent;
    box-shadow: 0 0 5px #000;
}
.slider-area .bx-wrapper .bx-pager .bx-pager-item a.active {
    background: #72747d;
}
.slider-area .bx-wrapper .bx-caption {
    background: rgba(14, 15, 20, 0.6);
}
.ie8 .slider-area .bx-wrapper .bx-caption {
    background: #0e0f14;
}
.slider-area .bx-wrapper .bx-caption span {
    padding: 9px 10px 8px; 
    font-size: 14px;
    font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    line-height: 1.4;
}
.slider-area .bx-wrapper .bx-caption span span {
    padding: 0; 
    font-weight: bold;
    font-size: 18px;
}

/* --- component _tab.scss --- */
.tab-nav .tab-head {
    position: relative;
    margin-bottom: 20px;
    padding: 1px;
    background-color: #363948;
    /*  &:after {
           position: relative;
           display: block;
           content: " ";
           bottom: -4px;
           left: 0;
           width: 100%;
           border-bottom: 1px solid $color-gray;
       } */
}
.tab-nav .tab-head .col-2 li {
    width: 50%;
}
.tab-nav .tab-head .col-3 li {
    width: 33.333%;
}
.tab-nav .tab-head .col-4 li {
    width: 25%;
}
.tab-nav .tab-head .col-5 li {
    width: 20%;
}
.tab-nav .tab-head .col-6 li {
    width: 16.666%;
}
.tab-nav .tab-head ul {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-bottom: 5px;
}
.tab-nav .tab-head ul:after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 4px;
    border: 1px solid #0e0f14; 
    background: #335d7f;
    content: " ";
}
.tab-nav .tab-head ul.is-fs-s li {
    font-size: 15px;
}
.tab-nav .tab-head li {
    position: relative;
    float: left;
    min-height: 1px;
    border-right: 1px solid #363948; 
    border-left: 1px solid #363948;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
}
.tab-nav .tab-head li:first-child {
    border-left: 0;
}
.tab-nav .tab-head li:last-child {
    border-right: 0;
}
.tab-nav .tab-head li.active a,
.tab-nav .tab-head li.active span {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    height: 41px;
    border-bottom-color: #335d7f; 
    background-color: #335d7f;
}
.tab-nav .tab-head li.active a:hover,
.tab-nav .tab-head li.active span:hover {
    background-color: #335d7f;
}
.tab-nav .tab-head li a,
.tab-nav .tab-head li span {
    position: relative;
    display: block;
    width: 100%;
    height: 39px;
    border: 1px solid #0e0f14; 
    background-color: #253939;
    background-color: rgba(37, 57, 57, 0.5);
    color: #d7d5e0;
    white-space: nowrap;
    line-height: 40px;
}
.tab-nav .tab-head li a:hover,
.tab-nav .tab-head li span:hover {
    background-color: #335d7f;
    background-color: rgba(51, 93, 127, 0.5); 
    color: #d7d5e0;
    text-decoration: none;
}

/* --- component _tbl.scss --- */
/*------box-table-list------*/
.box-table-list {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 930px;
    margin-bottom: 20px;
    padding: 1px;
    border: 1px solid #363948;
    box-shadow: 0 0 5px #000;
}
.box-table-list:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #0e0f14; 
    content: " ";
}

.box-table-list table {
    width: 100%;
    color: #000;
}

.box-table-list table tr {
    border-bottom: 1px solid #1e0c00;
}

.box-table-list table th {
    padding: 15px 20px;
    border-right: 1px solid #1e0c00;
    background: url(../../images/official/base/tbl_th.jpg) top center;
    color: #fff;
    text-align: center;
    font-weight: bold;
    line-height: 20px;
}
.box-table-list table th:last-child {
    border: none;
}

.box-table-list table td {
    padding: 20px;
    border-right: 1px solid #1e0c00;
    background: url(../../images/official/base/tbl_td.jpg) top center;
    text-align: center;
    text-shadow: none;
    line-height: 15px;
    line-height: 1.3;
}
.box-table-list table td:last-child {
    border: none;
}

/* --- component _text.scss --- */
.tx-more {
    padding-left: 20px;
    background: url(../../images/official/base/ico_more.png) 0 1px no-repeat;
    color: #75c1e2;
    text-decoration: underline; 
    font-weight: bold;
}
.tx-more:hover {
    background: url(../../images/official/base/ico_more.png) 2px -18px no-repeat; 
    color: #f9b43b;
}

.tx-pagetop {
    display: block;
    margin: 5px auto;
    color: #75c1e2;
    text-decoration: underline; 
    font-weight: bold;
}
.tx-pagetop span {
    width: 0;
    height: 0;
    border: 80px solid transparent;
    border-bottom: 10px solid #00f;
}
.tx-pagetop:hover {
    color: #f9b43b;
}

.tx-default {
    color: #d7d5e0;
}

.tx-red {
    color: #e71a1a;
}

.tx-yellow {
    color: #f9b43b;
}

.tx-blue {
    color: #75c1e2;
}

.bold {
    font-weight: bold;
}

/* --- component _tbl.scss --- */
.tmb-l {
    position: relative;
    max-width: 100%;
    margin-bottom: 20px;
    border: 1px solid #363948;
    background: #fff;
    box-shadow: 0 0 5px #000;
}
.tmb-l:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #0e0f14; 
    content: " ";
}
.tmb-l:hover img {
    opacity: 0.8;
    -ms-filter: "alpha(opacity=80)";
}
.tmb-l img {
    width: 100%;
    height: auto;
}

.tmb {
    position: relative;
    display: inline-block;
    overflow: hidden;
    max-width: 100%;
    border: 1px solid #363948;
    background: #fff; 
    box-shadow: 0 0 5px #000;
}
.tmb:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #0e0f14; 
    content: " ";
}
.tmb img {
    vertical-align: top;
}
.tmb:hover img {
    opacity: 0.8;
    -ms-filter: "alpha(opacity=80)";
}

.tmb-left {
    position: relative;
    display: inline-block;
    float: left;
    margin-right: 20px;
    border: 1px solid #363948;
}
.tmb-left img {
    vertical-align: top;
}
.tmb-left:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #0e0f14; 
    content: " ";
}

.list-tmb {
    margin: 0 -8px 0;
}
.list-tmb:before,
.list-tmb:after {
    display: table;
    clear: both;
    content: " ";
}
.list-tmb li {
    position: relative;
    float: left;
    margin: 0 9px 16px;
    border: 1px solid #363948;
    background: #fff;
    box-shadow: 0 0 5px #000;
}
.list-tmb li:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #0e0f14; 
    content: " ";
}
.list-tmb li:hover img {
    opacity: 0.8;
    -ms-filter: "alpha(opacity=80)";
}
.list-tmb a {
    position: relative;
    z-index: 1; 
    display: block;
    border: 1px solid #0e0f14;
}
.list-tmb a:hover img {
    opacity: 0.8;
    -ms-filter: "alpha(opacity=80)";
}
.list-tmb img {
    width: 100%;
    height: auto; 
    vertical-align: top;
}
.list-tmb img:hover {
    opacity: 0.8;
    -ms-filter: "alpha(opacity=80)";
}
.list-tmb.tmb-m img {
    width: 453px;
}
.list-tmb.tmb-s {
    margin: 0 -4px;
}
.list-tmb.tmb-s li {
    margin: 0 4px 16px;
}
.list-tmb.tmb-s img {
    width: 222px;
}
.list-tmb.has-capt {
    padding-bottom: 30px;
}
.list-tmb.has-capt p {
    position: absolute;
    bottom: -25px;
    left: 0;
    width: 100%;
    text-align: center;
}

/* --- component _form.scss --- */
.form-btn input[type="submit"] {
    border: none;
    background: none;
    color: #d7d5e0;
    text-shadow: -1px -1px 1px #131f2a;
}

.form-btn.btn {
    padding: 0;
}
.form-btn.btn input {
    position: relative;
    z-index: 1;
    width: 100%; 
    padding: 8px 15px;
}

.form-label {
    display: inline-block;
    width: 250px;
    margin: 10px 0 15px;
    padding-right: 10px;
    vertical-align: top; 
    text-align: right;
    font-weight: bold;
}
.form-label.important {
    font-size: 16px;
}
.form-label .sub-tx {
    display: block;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.6em;
}
.form-label .sub-tx--warning {
    color: #e71a1a;
}

.form-parts {
    position: relative;
    display: inline-block;
    width: 672px;
    margin-bottom: 15px;
    padding-left: 30px;
}
.form-parts:after {
    position: absolute;
    top: 10px;
    left: 0;
    content: ":";
}
.form-parts input[type="text"],
.form-parts input[type="email"],
.form-parts select,
.form-parts textarea {
    width: 640px;
    height: 100%;
    padding: 5px 10px;
    border: none;
    border: 1px solid #0e0f14;
    color: #335d7f;
}

.form-control {
    position: relative;
    display: block;
    border: 1px solid #363948;
    box-shadow: 0 0 5px #000;
    line-height: 30px;
}
.form-control.contact-detail {
    height: 250px;
}
.form-control.form-file {
    width: 300px;
    background: #fff;
    vertical-align: middle;
}
.form-control.form-file input {
    width: 300px;
    padding: 5px 8px;
    border: 1px solid #0e0f14;
    color: #335d7f; 
    line-height: 20px;
}
.form-control .out {
    display: none;
}

.form-radio label {
    padding: 0 10px 0 5px;
}

.form-radio:after {
    top: 0;
}

/*
project -- top.scss
----------------------------------------*/
.top .top-view {
    position: relative;
    height: 385px;
}
.top .top-view:before,
.top .top-view:after {
    display: table;
    clear: both;
    content: " ";
}

.top .top-side {
    float: left;
    width: 252px;
}

.top .btn-start {
    height: 385px;
    background: url(../../images/official/top/bg_topside.png) -3px 0 no-repeat;
}
.top .btn-start a {
    position: absolute;
    top: 22px;
    right: 30px;
    z-index: 100; 
    display: block;
    overflow: hidden;
    width: 203px;
    height: 203px;
    background: url(../../images/official/top/btn_gamestart.png) 0 0 no-repeat;
}
.top .btn-start a:hover:after {
    opacity: 1;
    -ms-filter: "alpha(opacity=100)";
}
.ie8 .top .btn-start a:hover:after {
    display: block;
}
.top .btn-start a:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 203px;
    height: 203px;
    background: url(../../images/official/top/btn_gamestart.png) 0 -203px no-repeat;
    content: " ";
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}
.ie8 .top .btn-start a:after {
    display: none;
}
.top .btn-start a span {
    position: absolute;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

.top .top-banner {
    position: absolute;
    top: 253px;
    right: 29px;
}

.top .panel {
    padding: 16px 25px 30px;
}

.top .box-list {
    margin-top: 0;
}

.top .box-picture {
    margin-top: -10px;
}

.top .box-main {
    position: relative;
    float: left;
    width: 733px;
    margin-top: 10px;
    padding-right: 20px;
    border-right: 1px solid #000;
}
.top .box-main:after {
    position: absolute;
    top: 0;
    right: -2px;
    display: block;
    width: 0;
    height: 100%;
    border-left: 1px solid #363948; 
    content: " ";
}
.top .box-main .tx-more {
    margin-right: 10px;
}
.top .box-main section:first-child {
    margin-top: -10px;
}

.top .box-side {
    position: relative;
    float: left;
    width: 237px;
    margin-top: 4px;
    padding: 0 0 0 16px;
    border-left: 1px solid #363948;
}
.top .box-side:before {
    position: absolute;
    top: 0;
    left: -2px;
    display: block;
    width: 0;
    height: 100%;
    border-left: 1px solid #000; 
    content: " ";
}
.top .box-side section:first-child {
    margin-top: -10px;
}

.top .box-sidesect {
    position: relative;
    padding-bottom: 10px; 
    border: 1px solid #363948;
    background: rgba(0, 0, 0, 0.6);
}
.ie8 .top .box-sidesect {
    background: black;
}
.top .box-sidesect div,
.top .box-sidesect p,
.top .box-sidesect dl,
.top .box-sidesect ul {
    margin: 0 10px;
}
.top .box-sidesect .capt img {
    margin: -4px 0 -4px -5px;
}
.top .box-sidesect p {
    text-align: center;
    line-height: 20px;
}
.top .box-sidesect .mainte-time {
    margin-top: 15px;
    font-size: 16px;
}
.top .box-sidesect .mainte-notice {
    margin: 15px 0 10px;
    font-size: 12px;
}
.top .box-sidesect .btn-follow {
    position: absolute;
    top: 6px;
    right: 0;
}
.top .box-sidesect .btn-follow a {
    position: relative;
    display: block;
    border: 1px solid #363948;
}
.top .box-sidesect .btn-follow a:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #0e0f14; 
    content: " ";
}
.top .box-sidesect .twitter-info {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid #363948;
}
.top .box-sidesect .twitter-info:before,
.top .box-sidesect .twitter-info:after {
    display: table;
    clear: both;
    content: " ";
}
.top .box-sidesect .twitter-info .twitter-name,
.top .box-sidesect .twitter-info .twitter-hash {
    float: left;
    width: 50%;
    text-align: center;
    font-size: 12px;
    line-height: 26px;
    cursor: pointer;
}
.top .box-sidesect .twitter-info .twitter-name.on,
.top .box-sidesect .twitter-info .twitter-hash.on {
    background: #353f39;
}
.top .box-sidesect .twitter-info .twitter-name {
    border: 1px solid #0e0f14;
    border-right: none; 
    background: #151917;
}
.top .box-sidesect .twitter-info .twitter-hash {
    border: 1px solid #0e0f14;
    border-left: none;
    background: #151917;
    font-size: 10px;
}
.top .box-sidesect .facebook-area {
    margin-right: -5px; 
    margin-left: -5px;
    padding-top: 10px;
}

.top .side-banner {
    margin-bottom: 20px;
}
.top .side-banner li {
    margin-top: 5px;
}
.top .side-banner li:first-child {
    margin-top: 5px;
}

/*
project -- news.scss
----------------------------------------*/
.news .capt-news {
    position: relative;
    margin-bottom: 20px;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
}
.news .capt-news:before,
.news .capt-news:after {
    display: table;
    clear: both;
    content: " ";
}
.news .capt-news span {
    display: table-cell;
    vertical-align: middle;
}
.news .capt-news .news-category {
    vertical-align: top;
}
.news .capt-news .list-title {
    width: 670px;
    padding: 0 20px 0 10px;
}
.news .capt-news .list-new {
    color: #e71a1a; 
    vertical-align: bottom;
    font-weight: bold;
    font-size: 12px;
}
.news .capt-news .list-date {
    width: 120px;
    vertical-align: bottom;
    text-align: right; 
    font-size: 12px;
}

.news .box-social-btn {
    text-align: right;
    font-size: 0;
    line-height: 0;
}
.news .box-social-btn a {
    display: inline-block;
    overflow: hidden;
    width: 57px;
    height: 50px;
    background: url(../../images/official/base/btn_sns.png) 0 0 no-repeat;
    text-decoration: none;
}
.news .box-social-btn a:hover {
    text-decoration: none;
}
.news .box-social-btn .twitter {
    background-position: 0 0;
}
.news .box-social-btn .twitter:hover {
    background-position: 0 -50px;
}
.news .box-social-btn .facebook {
    background-position: -57px 0;
}
.news .box-social-btn .facebook:hover {
    background-position: -57px -50px;
}

.news .tx-contents {
    margin-bottom: 40px;
    word-wrap: break-word;
    font-size: 14px;
    line-height: 22px;

    overflow-wrap: break-word;
}

.news .news-footer-btn {
    margin-top: 40px;
    margin-bottom: 20px;
    text-align: center;
}

.news .pagination {
    margin-top: 40px;
    margin-bottom: 20px;
}

.news .list-contents {
    overflow: hidden; 
    max-height: 90px;
    margin-top: 5px;
    line-height: 22px;
}

.news .tx-center .tmb:hover img {
    opacity: inherit;
    -ms-filter: "alpha(opacity=NaN)";
}

/*
project -- media.scss
----------------------------------------*/
.main-media .tx-small {
    font-size: 14px;
}

.main-media .tab-body p {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 22px;
}
.main-media .tab-body p.capt-forstreamer {
    font-size: 20px;
}

.main-media .tab-body .dl-forstreamer {
    margin: -15px 0 20px;
    line-height: 22px;
}
.main-media .tab-body .dl-forstreamer dt {
    display: inline-block;
    float: left;
    width: 20px;
    margin-left: 10px;
}
.main-media .tab-body .dl-forstreamer dd {
    margin-left: 40px;
}

.main-media .tab-body ul {
    font-size: 0;
}

.main-media .tab-body li {
    display: inline-block;
    width: 297px;
    margin: 0 6px 15px;
    vertical-align: top; 
    font-size: 14px;
}
.main-media .tab-body li:before,
.main-media .tab-body li:after {
    display: table;
    clear: both;
    content: " ";
}
.main-media .tab-body li a {
    color: #d7d5e0;
}
.main-media .tab-body li a:hover {
    text-decoration: none;
}
.main-media .tab-body li .tmb-media {
    display: block;
    margin-bottom: 6px;
    border: 1px solid #363948;
    background: #fff;
    box-shadow: 0 0 5px #000;
}
.main-media .tab-body li .tmb-media img {
    border: 1px solid #0e0f14;
}
.main-media .tab-body li img:hover {
    opacity: 0.8;
    -ms-filter: "alpha(opacity=80)";
}
.main-media .tab-body li img.tmb-wp:hover {
    opacity: 1;
    -ms-filter: "alpha(opacity=100)";
}
.main-media .tab-body li .ttl-media {
    float: left;
    overflow: hidden; 
    width: 247px;
    margin-bottom: 10px;
    color: #d7d5e0;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
}
.main-media .tab-body li .ttl-media.ttl-ss {
    width: 297px;
}
.main-media .tab-body li .new-media {
    padding-left: 10px;
    color: #e71a1a;
    font-weight: bold;
}
.main-media .tab-body li .date-media {
    display: block;
    text-align: right; 
    font-size: 11px;
}
.main-media .tab-body li .list-wp {
    padding-left: 0;
}
.main-media .tab-body li .list-wp li {
    float: left;
    width: 86px;
    margin-bottom: 10px;
}
.main-media .tab-body li .list-wp li a {
    color: #75c1e2;
    text-decoration: underline;
}
.main-media .tab-body li .list-wp li a:hover {
    color: #f9b43b;
}

/*
project -- community.scss
----------------------------------------*/
.main-community .panel-contents {
    position: relative;
    overflow: hidden;
}

.main-community .box-communityTop {
    position: relative;
    overflow: hidden; 
    padding: 10px;
    border: 1px solid #363948;
    background: #000;
    box-shadow: 0 0 5px #000;
}
.main-community .box-communityTop:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #0e0f14; 
    content: " ";
}
.main-community .box-communityTop .tx-communityTop {
    float: left;
    line-height: 20px;
}
.main-community .box-communityTop .tx-communityTop span {
    margin: 3px auto;
    font-size: 12px;
}
.main-community .box-communityTop ul {
    position: relative;
    z-index: 10; 
    float: right;
}
.main-community .box-communityTop ul li {
    float: left;
}
.main-community .box-communityTop ul li:first-child {
    margin-right: 10px;
}

.main-community h2 {
    margin-bottom: 10px;
}
.main-community h2 .bbs-number {
    display: inline-block;
    float: left;
    padding-top: 5px;
    font-weight: normal; 
    font-size: 20px;
}
.main-community h2 .bbs-number:before {
    content: 'No.';
}
.main-community h2 .tx-ttl {
    display: inline-block;
    width: 860px;
    padding-left: 10px;
    font-size: 22px;
    line-height: 32px;
}
.main-community h2 .bbs-date {
    display: block;
    float: right;
    margin-left: 5px;
    text-align: right; 
    font-size: 12px;
}
.main-community h2 .new-post {
    display: block;
    color: #b70000;
    text-align: right; 
    font-size: 14px;
}
.main-community h2 .search-number {
    padding-left: 10px;
    font-weight: normal; 
    font-size: 18px;
}
.main-community h2 .tx-annotation {
    margin-left: 10px;
    font-weight: normal; 
    font-size: 12px;
}

.main-community h3.capt-sect {
    margin-bottom: 10px;
}
.main-community h3.capt-sect .content {
    width: 500px;
    padding-left: 20px;
    font-weight: normal; 
    font-size: 20px;
}
.main-community h3.capt-sect .tx-red {
    padding-left: 10px;
    font-weight: normal; 
    font-size: 14px;
}

.main-community .capt-contents {
    overflow: hidden;
}

.main-community .high-light {
    color: #75c1e2;
}

.main-community .tmb-l {
    display: inline-block;
    margin-bottom: 10px;
}
.main-community .tmb-l a {
    position: relative;
    z-index: 10;
}
.main-community .tmb-l img {
    max-width: 948px;
}

.main-community .panel-contents {
    min-height: 485px;
}

.main-community .sect-main {
    padding-right: 0;
    padding-left: 0;
}
.main-community .sect-main input.forms.pic {
    padding: 5px;
    background: #fff; 
    color: #335d7f;
}
.main-community .sect-main input.forms.pic + p {
    font-size: 12px;
    line-height: 16px;
}
.main-community .sect-main .box-sort {
    position: relative;
    z-index: 10; 
    display: inline-block;
    height: 26px;
}
.main-community .sect-main .box-sort li {
    float: left;
    margin-right: 10px;
    line-height: 26px;
}
.main-community .sect-main .box-sort li a {
    color: #fff;
}
.main-community .sect-main .box-sort li a:hover,
.main-community .sect-main .box-sort li a.active {
    color: #f9b43b;
}
.main-community .sect-main .box-sort li:before {
    position: static;
    display: inline;
    margin-right: 10px;
    content: '/';
}
.main-community .sect-main .box-sort li:first-child:before {
    margin-right: 0;
    content: '';
}
.main-community .sect-main .box-sort.name {
    display: block;
    margin-bottom: 5px;
}
.main-community .sect-main .box-sort.name li:before {
    margin-right: 20px;
    content: none;
}
.main-community .sect-main .tab-nav {
    overflow: hidden;
}
.main-community .sect-main .tab-nav .tab-head {
    position: relative;
    z-index: 10; 
    margin-bottom: 15px;
}
.main-community .sect-main .tab-nav .tab-body {
    padding: 0 10px;
}
.main-community .sect-main .tab-nav .tab-body ul.list-search {
    position: relative;
    z-index: 10; 
    margin: 30px 0;
}
.main-community .sect-main .tab-nav .tab-body ul.list-search li {
    padding-top: 20px;
}
.main-community .sect-main .tab-nav .tab-body ul.list-search li .high-light {
    color: #75c1e2;
}
.main-community .sect-main .tab-nav .tab-body ul.list-search li .info .bbs-name,
.main-community .sect-main .tab-nav .tab-body ul.list-search li .info .bbs-date {
    line-height: 26px;
}
.main-community .sect-main .tab-nav .tab-body ul.list-search li .title {
    padding: 5px 0 10px;
    border-bottom: 1px dashed #5f6273;
}
.main-community .sect-main .tab-nav .tab-body ul.list-search li .title a {
    display: block;
    color: #fff;
    line-height: 18px;
}
.main-community .sect-main .tab-nav .tab-body ul.list-search li .title a .bbs-number {
    float: left;
    padding-top: 2px;
}
.main-community .sect-main .tab-nav .tab-body ul.list-search li .title a .bbs-number:before {
    content: 'No.';
}
.main-community .sect-main .tab-nav .tab-body ul.list-search li .title a .tx-ttl {
    display: block;
    float: left;
    overflow: hidden; 
    max-width: 775px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18px;
}
.main-community .sect-main .tab-nav .tab-body ul.list-search li .title a .comment-count {
    font-size: 18px;
}
.main-community .sect-main .tab-nav .tab-body ul.list-search li .title a .new-post {
    display: block;
    float: right;
    color: #b70000; 
    font-weight: bold;
    font-size: 14px;
}
.main-community .sect-main .tab-nav .tab-body ul.list-search li .title a:hover .tx-ttl,
.main-community .sect-main .tab-nav .tab-body ul.list-search li .title a:hover .comment-count {
    color: #f9b43b;
    text-decoration: underline;
}
.main-community .sect-main .tab-nav .tab-body ul.list-search li .bbs-contents .tx-detail {
    display: block;
    overflow: hidden;
    width: 915px;
    padding: 10px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 22px;
}
.main-community .sect-main .tab-nav .tab-body ul.list-search li:first-child {
    padding-top: 0;
}
.main-community .sect-main .tx-tag {
    position: relative;
    z-index: 10; 
    display: inline-block;
    margin-right: 15px;
    padding-left: 16px;
    background: url(../../images/official/community/pic_tag.png) 0 0 no-repeat;
    color: #fff;
    line-height: 20px;
    line-height: 26px;
}
.main-community .sect-main .tx-tag.active,
.main-community .sect-main .tx-tag:hover {
    background-position: 0 -26px; 
    color: #f9b43b;
}
.main-community .sect-main .tx-tag.tx-param:hover {
    background-position: 0 0; 
    color: #fff;
}
.main-community .sect-main .tx-input {
    position: relative;
    z-index: 10; 
    margin-bottom: 10px;
    letter-spacing: -0.2px;
    line-height: 1.5em;
}
.main-community .sect-main .box-tag {
    position: relative;
    padding: 10px 0 10px 20px;
    border: 1px solid #363948;
    border-radius: 5px; 
    background: #000;
    box-shadow: 0 0 5px #000;
}
.main-community .sect-main .box-tag:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #0e0f14; 
    content: " ";
}
.main-community .sect-main .bbs-number {
    padding-right: 10px;
    font-size: 12px;
}
.main-community .sect-main .bbs-ttl a {
    display: inline-block;
    width: 493px; 
    color: #fff;
}
.main-community .sect-main .bbs-ttl a .tx-ttl {
    display: inline-block;
    overflow: hidden; 
    max-width: 398px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.main-community .sect-main .bbs-ttl a .new-post {
    float: right;
    padding: 0 10px;
    color: #b70000;
    font-weight: bold;
}
.main-community .sect-main .bbs-ttl a:hover {
    color: #f9b43b;
}
.main-community .sect-main .bbs-ttl a:hover .tx-ttl {
    text-decoration: underline;
}
.main-community .sect-main .bbs-name {
    display: inline-block;
    overflow: hidden; 
    width: 130px;
    padding-right: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
}
.main-community .sect-main .bbs-date {
    padding-right: 10px; 
    font-size: 11px;
}
.main-community .sect-main .bbs-tag .tx-tag {
    display: inline-block;
    width: 135px;
    padding-bottom: 4px;
    background: url(../../images/official/community/pic_tag02.png) 0 0 no-repeat; 
    color: #75c1e2;
}
.main-community .sect-main .bbs-tag .tx-tag:hover {
    background-position: 0 -26px; 
    color: #f9b43b;
}
.main-community .sect-main .box-picture {
    margin: 0 -5px 10px;
    padding: 0;
}
.main-community .sect-main .box-picture span.high-light {
    display: inline-block;
    float: inherit;
}
.main-community .sect-main .box-picture li {
    height: 100%;
    margin: 0 5px 20px;
}
.main-community .sect-main .box-picture li img {
    width: 223px;
    height: 146px;
}
.main-community .sect-main .box-picture li .new-picture {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 2px 4px;
    background: #000;
    background: rgba(0, 0, 0, 0.6);
}
.main-community .sect-main .box-picture li .new-picture .bbs-number {
    padding-top: 2px;
}
.main-community .sect-main .box-picture li .new-picture .bbs-number:before {
    content: 'No.';
}
.main-community .sect-main .box-picture li .new-picture .list-new {
    float: right;
    padding-top: 1px;
}
.main-community .sect-main .box-picture li .title-picture {
    display: inline-block;
    width: 225px;
    padding: 5px 0;
}
.main-community .sect-main .box-picture li .title-picture .list-title {
    max-width: 172px;
    padding-left: 5px;
}
.main-community .sect-main .box-picture li .title-picture .comment-count {
    float: right;
    padding-left: 5px;
}
.main-community .sect-main .box-picture li .name-picture {
    display: inline-block;
    width: 225px;
}
.main-community .sect-main .box-picture li .name-picture .bbs-name {
    float: left;
    width: 120px;
    padding-right: 0;
    text-align: right;
    line-height: 14px;
}
.main-community .sect-main .box-picture li .name-picture .list-date {
    float: right;
    width: 105px;
    font-size: 10px;
    line-height: 14px;
}
.main-community .sect-main .box-picture li a .tx-detail {
    display: block;
    overflow: hidden; 
    width: 225px;
    padding: 0 0 0 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 22px;
}
.main-community .sect-main .box-picture li a:hover {
    text-decoration: none;
}
.main-community .sect-main .box-picture.search .title-picture {
    overflow: hidden;
    max-width: 172px;
    width: initial;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 20px;
}
.main-community .sect-main .box-picture.search .comment-count {
    display: inline-block;
    float: none;
    padding-bottom: 5px;
}
.main-community .sect-main .box-search {
    position: relative;
    z-index: 10; 
    margin-bottom: 25px;
}
.main-community .sect-main .box-search select {
    height: 28px;
    margin-right: 8px;
    padding: 0 10px;
    border: 1px solid #363948;
    background-color: #fff;
    box-shadow: 0 0 5px #000;
    color: #335d7f;
    text-align: left;
}
.main-community .sect-main .box-search select:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #0e0f14; 
    content: " ";
}
.main-community .sect-main .box-search label {
    margin-right: 10px;
    color: #335d7f;
    vertical-align: top;
    line-height: 20px;
}
.main-community .sect-main .box-search label input {
    width: 536px;
    height: 28px;
    padding: 0 10px;
}
.main-community .sect-main .box-search .btn.btn-sm {
    min-width: 90px;
}
.main-community .sect-main .box-search.input {
    margin-bottom: 10px;
}
.main-community .sect-main .box-search.input select {
    width: 180px;
}
.main-community .sect-main .box-search.input input,
.main-community .sect-main .box-search.input textarea {
    width: 100%;
    padding: 0 10px;
    color: #335d7f;
    line-height: 26px;
}
.main-community .sect-main .box-search.input textarea {
    min-height: 16em;
}
.main-community .sect-main .box-bbs {
    position: relative;
    z-index: 10; 
    margin: 20px 0;
}
.main-community .sect-main .box-bbs thead {
    border-bottom: 1px solid #363948; 
    font-size: 13px;
    line-height: 20px;
}
.main-community .sect-main .box-bbs thead th {
    padding-bottom: 5px;
    text-align: left;
}
.main-community .sect-main .box-bbs tbody {
    font-size: 14px;
    line-height: 36px;
}
.main-community .sect-main .box-bbs tbody tr {
    border-bottom: 2px dotted #363948;
}
.main-community .sect-main .tmb-l a {
    position: relative;
    z-index: 10;
}
.main-community .sect-main .tx-detail {
    margin-top: 0;
    padding-bottom: 20px;
}
.main-community .sect-main .tx-login {
    margin: 70px auto 50px;
    text-align: center; 
    font-weight: bold;
    font-size: 20px;
    line-height: 1.5;
}
.main-community .sect-main .tx-complete {
    margin: 50px auto;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
}
.main-community .sect-main .tx-complete span {
    font-size: 14px;
}
.main-community .sect-main .tx-param {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 28px;
}
.main-community .sect-main .tx-param-s {
    margin-top: 0;
    font-size: 14px;
}
.main-community .sect-main .list-comment {
    margin-bottom: 25px;
}
.main-community .sect-main .list-comment > li {
    padding: 10px 0;
}
.main-community .sect-main .list-comment > li ul {
    padding-left: 0;
}
.main-community .sect-main .list-comment > li .btn-reply {
    width: 97px;
    margin-left: 848px;
}
.main-community .sect-main .list-comment > li .btn-reply .btn {
    min-width: 97px;
    padding: 5px 15px;
    font-size: 14px;
}
.main-community .sect-main .box-btn {
    margin-bottom: 260px;
    text-align: center;
}
.main-community .sect-main .bx-input {
    margin: 20px 0; 
    text-align: center;
}
.main-community .sect-main .bx-input a,
.main-community .sect-main .bx-input .btn-input {
    margin: 0 5px;
}
.main-community .sect-main .btn-reply {
    display: block;
    width: 200px;
    margin: 0 0 10px 748px;
}
.main-community .sect-main .btn-reply p {
    margin: 5px 0;
    text-align: left; 
    font-size: 13px;
}
.main-community .sect-main .btn-history {
    margin-bottom: 10px;
    text-align: right;
}
.main-community .sect-main .btn-history .btn {
    min-width: 97px;
    margin-left: 5px;
    padding: 5px 15px;
    font-size: 14px;
}
.main-community .sect-main .pagination {
    display: inline-block;
    float: right;
    margin-top: 0;
}
.main-community .sect-main .pagination.center {
    display: block;
    float: inherit; 
    margin-top: 30px;
}

.main-community .box-profile {
    float: left;
    width: 568px;
    margin-left: -10px;
    padding: 25px;
}
.main-community .box-profile.user {
    height: 483px;
    background: url(../../images/official/community/bg_userprofile.png) top center no-repeat;
}
.main-community .box-profile.clan {
    height: 426px;
    background: url(../../images/official/community/bg_clanprofile.png) top center no-repeat;
}
.main-community .box-profile table {
    width: 100%;
}
.main-community .box-profile table thead th {
    position: relative;
    height: 45px;
    text-align: center; 
    font-weight: bold;
    font-size: 16px;
}
.main-community .box-profile table tbody tr {
    border-top: 1px solid #737373;
}
.main-community .box-profile table tbody th {
    vertical-align: middle; 
    text-align: left;
    font-weight: bold;
    font-size: 14px;
}
.main-community .box-profile table tbody th img {
    margin-right: 15px;
}
.main-community .box-profile table tbody td {
    width: 90px;
    height: 40px;
    text-align: center;
}
.main-community .box-profile .info {
    overflow: hidden; 
    margin-bottom: 15px;
}
.main-community .box-profile .info .pic {
    float: left;
}
.main-community .box-profile .info .pic img {
    width: 150px;
    height: 150px;
    margin: 0 10px 5px 0;
    border: 1px solid #363948;
    box-shadow: 0 0 5px #000;
}
.main-community .box-profile .info .pic img:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #0e0f14; 
    content: " ";
}
.main-community .box-profile .info .pic p {
    font-size: 11px;
}
.main-community .box-profile .info h3 {
    overflow: hidden; 
    height: 48px;
    margin-bottom: 13px;
    font-size: 16px;
    line-height: 24px;
}
.main-community .box-profile .info dl {
    font-size: 14px;
    line-height: 24px;
}
.main-community .box-profile .info dl dt {
    float: left;
    margin-right: 5px;
}
.main-community .box-profile .info dl dt:after {
    content: ":";
}
.main-community .box-profile .info dl dd {
    max-height: 70px;
    margin-bottom: 5px;
}
.main-community .box-profile .info dl img {
    margin-left: 5px;
    vertical-align: top;
}
.main-community .box-profile .info .userclan {
    position: relative;
    margin-left: 160px;
    padding: 7px;
    border: 1px solid #363948;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px #000;
}
.main-community .box-profile .info .userclan:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #0e0f14; 
    content: " ";
}
.main-community .box-profile .info .userclan a {
    position: relative;
    z-index: 10; 
    display: block;
    overflow: hidden;
    width: 330px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.main-community .box-profile.clan .info {
    margin-bottom: 30px;
}

.main-community .box-rating {
    position: relative;
    float: right;
    width: 390px;
    height: 453px;
    margin-top: 19px;
    border: 1px solid #363948;
}
.main-community .box-rating.user {
    background: #000 url(../../images/official/community/bg_score_user.png) center 40px no-repeat;
    background: rgba(0, 0, 0, 0.5) url(../../images/official/community/bg_score_user.png) center 40px no-repeat;
}
.main-community .box-rating.clan {
    height: 402px;
    background: #000 url(../../images/official/community/bg_score_clan.png) center 40px no-repeat;
    background: rgba(0, 0, 0, 0.5) url(../../images/official/community/bg_score_clan.png) center 40px no-repeat;
}

.main-community .th-info {
    text-align: center;
    cursor: pointer;
}
.main-community .th-info:after {
    position: absolute;
    top: -26px; 
    display: none;
}
.main-community .th-info.on:after {
    display: block;
}
.main-community .th-info.th-userinfo01:after {
    left: 0;
    content: url(../../images/official/community/tx_userinfo01.png);
}
.main-community .th-info.th-userinfo02:after {
    left: -25px;
    content: url(../../images/official/community/tx_userinfo02.png);
}
.main-community .th-info.th-userinfo03:after {
    left: -6px;
    content: url(../../images/official/community/tx_userinfo03.png);
}
.main-community .th-info.th-claninfo01:after {
    left: -12px;
    content: url(../../images/official/community/tx_claninfo01.png);
}
.main-community .th-info.th-claninfo02:after {
    left: -14px;
    content: url(../../images/official/community/tx_claninfo02.png);
}
.main-community .th-info.th-claninfo03:after {
    left: 10px;
    content: url(../../images/official/community/tx_claninfo03.png);
}
.main-community .th-info.th-claninfo04:after {
    left: -5px;
    content: url(../../images/official/community/tx_claninfo04.png);
}
.main-community .th-info.th-ranking01:after {
    left: -6px;
    content: url(../../images/official/community/tx_ranking01.png);
}
.main-community .th-info.th-ranking02:after {
    left: -12px;
    content: url(../../images/official/community/tx_ranking02.png);
}
.main-community .th-info.th-ranking03:after {
    left: -43px;
    content: url(../../images/official/community/tx_ranking03.png);
}
.main-community .th-info.th-ranking04:after {
    left: -7px;
    content: url(../../images/official/community/tx_ranking04.png);
}
.main-community .th-info.th-ranking05:after {
    left: -2px;
    content: url(../../images/official/community/tx_ranking05.png);
}
.main-community .th-info.th-ranking06:after {
    left: -23px;
    content: url(../../images/official/community/tx_ranking06.png);
}
.main-community .th-info.th-ranking07:after {
    left: -26px;
    content: url(../../images/official/community/tx_ranking07.png);
}
.main-community .th-info.th-ranking08:after {
    left: -63px;
    content: url(../../images/official/community/tx_ranking08.png);
}
.main-community .th-info.th-ranking09:after {
    left: -37px;
    content: url(../../images/official/community/tx_ranking09.png);
}
.main-community .th-info.th-ranking10:after {
    left: -24px;
    content: url(../../images/official/community/tx_ranking10.png);
}
.main-community .th-info.th-clanranking01:after {
    left: -2px;
    content: url(../../images/official/community/tx_clanranking01.png);
}
.main-community .th-info.th-clanranking02:after {
    left: -10px;
    content: url(../../images/official/community/tx_clanranking02.png);
}
.main-community .th-info.th-clanranking03:after {
    left: -16px;
    content: url(../../images/official/community/tx_clanranking03.png);
}
.main-community .th-info.th-clanranking04:after {
    left: -23px;
    content: url(../../images/official/community/tx_clanranking04.png);
}
.main-community .th-info.th-clanranking05:after {
    left: -2px;
    content: url(../../images/official/community/tx_clanranking05.png);
}
.main-community .th-info.th-clanranking06:after {
    left: -12px;
    content: url(../../images/official/community/tx_clanranking06.png);
}

.main-community .list-fight-type {
    position: absolute;
    top: -19px;
    left: 4px;
}
.main-community .list-fight-type li {
    float: left;
    width: 127px;
    height: 120px;
    background: url(../../images/official/community/bg_fight_type.png) 0 0 no-repeat;
    cursor: pointer;
}
.main-community .list-fight-type li:hover,
.main-community .list-fight-type li.active {
    background-position: -130px 0;
}
.main-community .list-fight-type li span {
    position: relative;
    top: 30px;
    display: block;
    color: #fff;
    text-align: center;
    text-shadow: 1px 1px 5px #000,1px 1px 5px #000,1px 1px 5px #000; 
    font-weight: bold;
    font-size: 14px;
    line-height: 22px;
}

.main-community .list-fight-score {
    margin-top: 305px;
    text-align: center;
}
.main-community .list-fight-score .numb {
    display: none;
    height: 43px;
}
.main-community .list-fight-score .numb.on {
    display: inline-block;
}
.main-community .list-fight-score .numb span {
    display: block; 
    float: left;
    height: 43px;
    padding: 0 3px;
    text-indent: -9999px;
}
.main-community .list-fight-score .numb span.num1 {
    width: 23px; 
    background: url(../../images/official/community/1.png) no-repeat left top;
}
.main-community .list-fight-score .numb span.num2 {
    width: 37px; 
    background: url(../../images/official/community/2.png) no-repeat left top;
}
.main-community .list-fight-score .numb span.num3 {
    width: 37px; 
    background: url(../../images/official/community/3.png) no-repeat left top;
}
.main-community .list-fight-score .numb span.num4 {
    width: 37px; 
    background: url(../../images/official/community/4.png) no-repeat left top;
}
.main-community .list-fight-score .numb span.num5 {
    width: 37px; 
    background: url(../../images/official/community/5.png) no-repeat left top;
}
.main-community .list-fight-score .numb span.num6 {
    width: 37px; 
    background: url(../../images/official/community/6.png) no-repeat left top;
}
.main-community .list-fight-score .numb span.num7 {
    width: 35px; 
    background: url(../../images/official/community/7.png) no-repeat left top;
}
.main-community .list-fight-score .numb span.num8 {
    width: 39px; 
    background: url(../../images/official/community/8.png) no-repeat left top;
}
.main-community .list-fight-score .numb span.num9 {
    width: 37px; 
    background: url(../../images/official/community/9.png) no-repeat left top;
}
.main-community .list-fight-score .numb span.num0 {
    width: 37px; 
    background: url(../../images/official/community/0.png) no-repeat left top;
}

.main-community .box-rating-line {
    position: absolute;
    bottom: -1px;
    left: -1px;
    width: 390px;
    height: 63px;
    padding: 2px;
    background: url(../../images/official/community/bg_rating.jpg) center top no-repeat;
}
.main-community .box-rating-line h4 {
    display: inline-block;
    margin: 4px 6px 3px;
}
.main-community .box-rating-line .score-percent {
    display: inline-block;
    float: right;
    width: 93px;
    height: 20px;
    margin: 5px 10px 0 0;
    background: url(../../images/official/community/bg_score_percent.jpg) center top no-repeat;
    color: #f9b43b;
    text-align: center; 
    font-weight: bold;
    font-size: 15px;
    line-height: 21px;
}
.main-community .box-rating-line .score-percent li {
    display: none;
}
.main-community .box-rating-line .score-percent li.on {
    display: inline-block;
}
.main-community .box-rating-line .score-percent li:after {
    content: "%";
}
.main-community .box-rating-line .rating-line li {
    display: none;
    height: 26px;
    background: url(../../images/official/community/bg_rating_line.jpg) center top repeat-x;
}
.main-community .box-rating-line .rating-line li.on {
    display: block;
}

.main-community .box-record {
    clear: both;
    padding-top: 45px;
}
.main-community .box-record .list-record {
    margin: 20px 0;
}
.main-community .box-record .list-record th {
    padding-left: 10px;
    text-align: left; 
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
}
.main-community .box-record .list-record td {
    width: 215px;
    padding-left: 10px;
    text-align: left;
}
.main-community .box-record .list-record thead {
    border-bottom: 1px solid #5f6273;
}
.main-community .box-record .list-record thead th {
    padding-bottom: 10px;
}
.main-community .box-record .list-record tbody {
    line-height: 35px;
}
.main-community .box-record .list-record tbody tr {
    height: 35px;
    border-bottom: 2px dotted #5f6273;
}
.main-community .box-record .list-record tbody tr:nth-child(2n+1) {
    background: black;
    background: rgba(0, 0, 0, 0.5);
}
.main-community .box-record .list-record tbody tr.gold {
    background: #312c06;
    background: rgba(49, 44, 6, 0.5);
}
.main-community .box-record .list-record tbody tr.silver {
    background: #163552;
    background: rgba(22, 53, 82, 0.5);
}
.main-community .box-record .list-record tbody tr.bronze {
    background: #30160a;
    background: rgba(48, 22, 10, 0.5);
}
.main-community .box-record .list-record tbody th {
    width: 310px;
    font-size: 15px;
}
.main-community .box-record .list-record tbody th.record-num {
    width: 60px;
}
.main-community .box-record .list-record tbody th.record-user {
    width: 300px;
}
.main-community .box-record .list-record tbody th.record-user a {
    display: inline-block;
    overflow: hidden; 
    width: 290px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.main-community .box-record .list-record.clan th {
    font-weight: normal; 
    font-size: 14px;
}
.main-community .box-record .list-record.clan th.record-num {
    width: 60px;
}
.main-community .box-record .list-record.clan th.record-user {
    width: 300px;
}
.main-community .box-record .list-record.clan th.record-user a {
    display: inline-block;
    overflow: hidden; 
    width: 360px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.main-community .box-record .list-record.clan td.record-arcade {
    width: 115px;
}
.main-community .box-record .list-record.clan td.record-realistic {
    width: 150px;
}
.main-community .box-record .list-record.clan td.record-simulation {
    width: 145px;
}
.main-community .box-record .list-record.clan td.record-role {
    width: 110px;
}
.main-community .box-record .list-record.clan td.record-date {
    width: 110px;
}
.main-community .box-record .list-record.clan thead th {
    vertical-align: bottom;
    font-weight: bold;
    font-size: 15px;
    line-height: 20px;
}
.main-community .box-record .list-record.ranking thead th {
    height: 40px;
}
.main-community .box-record .list-record.ranking thead th.th-info {
    position: relative;
    width: 65px;
    height: 40px;
    margin-left: 15px;
    background: url(../../images/official/community/th_ranking.png) center top no-repeat;
    text-align: center;
    line-height: 0;
}
.main-community .box-record .list-record.ranking thead th.th-info.th-ranking01 {
    background-position: 0 0;
}
.main-community .box-record .list-record.ranking thead th.th-info.th-ranking01.active,
.main-community .box-record .list-record.ranking thead th.th-info.th-ranking01:hover {
    background-position: 0 -40px;
}
.main-community .box-record .list-record.ranking thead th.th-info.th-ranking02 {
    background-position: -65px 0;
}
.main-community .box-record .list-record.ranking thead th.th-info.th-ranking02.active,
.main-community .box-record .list-record.ranking thead th.th-info.th-ranking02:hover {
    background-position: -65px -40px;
}
.main-community .box-record .list-record.ranking thead th.th-info.th-ranking03 {
    background-position: -130px 0;
}
.main-community .box-record .list-record.ranking thead th.th-info.th-ranking03.active,
.main-community .box-record .list-record.ranking thead th.th-info.th-ranking03:hover {
    background-position: -130px -40px;
}
.main-community .box-record .list-record.ranking thead th.th-info.th-ranking04 {
    background-position: -195px 0;
}
.main-community .box-record .list-record.ranking thead th.th-info.th-ranking04.active,
.main-community .box-record .list-record.ranking thead th.th-info.th-ranking04:hover {
    background-position: -195px -40px;
}
.main-community .box-record .list-record.ranking thead th.th-info.th-ranking05 {
    background-position: -260px 0;
}
.main-community .box-record .list-record.ranking thead th.th-info.th-ranking05.active,
.main-community .box-record .list-record.ranking thead th.th-info.th-ranking05:hover {
    background-position: -260px -40px;
}
.main-community .box-record .list-record.ranking thead th.th-info.th-ranking06 {
    background-position: -325px 0;
}
.main-community .box-record .list-record.ranking thead th.th-info.th-ranking06.active,
.main-community .box-record .list-record.ranking thead th.th-info.th-ranking06:hover {
    background-position: -325px -40px;
}
.main-community .box-record .list-record.ranking thead th.th-info.th-ranking07 {
    background-position: -390px 0;
}
.main-community .box-record .list-record.ranking thead th.th-info.th-ranking07.active,
.main-community .box-record .list-record.ranking thead th.th-info.th-ranking07:hover {
    background-position: -390px -40px;
}
.main-community .box-record .list-record.ranking thead th.th-info.th-ranking08 {
    background-position: -455px 0;
}
.main-community .box-record .list-record.ranking thead th.th-info.th-ranking08.active,
.main-community .box-record .list-record.ranking thead th.th-info.th-ranking08:hover {
    background-position: -455px -40px;
}
.main-community .box-record .list-record.ranking thead th.th-info.th-ranking09 {
    background-position: -520px 0;
}
.main-community .box-record .list-record.ranking thead th.th-info.th-ranking09.active,
.main-community .box-record .list-record.ranking thead th.th-info.th-ranking09:hover {
    background-position: -520px -40px;
}
.main-community .box-record .list-record.ranking thead th.th-info.th-ranking10 {
    background-position: -585px 0;
}
.main-community .box-record .list-record.ranking thead th.th-info.th-ranking10.active,
.main-community .box-record .list-record.ranking thead th.th-info.th-ranking10:hover {
    background-position: -585px -40px;
}
.main-community .box-record .list-record.ranking thead th.th-info span {
    position: relative;
    z-index: -1;
}
.main-community .box-record .list-record.ranking tbody .record-num {
    text-align: center;
    line-height: 37px;
}
.main-community .box-record .list-record.ranking tbody .record-user {
    width: 235px;
    text-align: left;
    font-weight: normal;
    line-height: 37px;
}
.main-community .box-record .list-record.ranking tbody .record-user a {
    display: block;
    overflow: hidden; 
    width: 225px;
    padding-left: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.main-community .box-record .list-record.ranking tbody td {
    width: 65px;
    padding-left: 0;
    text-align: center;
}
.main-community .box-record .list-record.ranking tbody td.on {
    color: #f9b43b;
}
.main-community .box-record .list-record.ranking.clan-ranking thead th.th-info {
    position: relative;
    width: 80px;
    background: url(../../images/official/community/th_clanranking.png) center top no-repeat;
}
.main-community .box-record .list-record.ranking.clan-ranking thead th.th-info.th-clanranking01 {
    background-position: 0 0;
}
.main-community .box-record .list-record.ranking.clan-ranking thead th.th-info.th-clanranking01.active,
.main-community .box-record .list-record.ranking.clan-ranking thead th.th-info.th-clanranking01:hover {
    background-position: 0 -40px;
}
.main-community .box-record .list-record.ranking.clan-ranking thead th.th-info.th-clanranking02 {
    background-position: -80px 0;
}
.main-community .box-record .list-record.ranking.clan-ranking thead th.th-info.th-clanranking02.active,
.main-community .box-record .list-record.ranking.clan-ranking thead th.th-info.th-clanranking02:hover {
    background-position: -80px -40px;
}
.main-community .box-record .list-record.ranking.clan-ranking thead th.th-info.th-clanranking03 {
    background-position: -160px 0;
}
.main-community .box-record .list-record.ranking.clan-ranking thead th.th-info.th-clanranking03.active,
.main-community .box-record .list-record.ranking.clan-ranking thead th.th-info.th-clanranking03:hover {
    background-position: -160px -40px;
}
.main-community .box-record .list-record.ranking.clan-ranking thead th.th-info.th-clanranking04 {
    background-position: -240px 0;
}
.main-community .box-record .list-record.ranking.clan-ranking thead th.th-info.th-clanranking04.active,
.main-community .box-record .list-record.ranking.clan-ranking thead th.th-info.th-clanranking04:hover {
    background-position: -240px -40px;
}
.main-community .box-record .list-record.ranking.clan-ranking thead th.th-info.th-clanranking05 {
    background-position: -320px 0;
}
.main-community .box-record .list-record.ranking.clan-ranking thead th.th-info.th-clanranking05.active,
.main-community .box-record .list-record.ranking.clan-ranking thead th.th-info.th-clanranking05:hover {
    background-position: -320px -40px;
}
.main-community .box-record .list-record.ranking.clan-ranking thead th.th-info.th-clanranking06 {
    background-position: -400px 0;
}
.main-community .box-record .list-record.ranking.clan-ranking thead th.th-info.th-clanranking06.active,
.main-community .box-record .list-record.ranking.clan-ranking thead th.th-info.th-clanranking06:hover {
    background-position: -400px -40px;
}
.main-community .box-record .list-record.ranking.clan-ranking tbody td {
    width: 80px;
}
.main-community .box-record .list-record.ranking.clan-ranking tbody td.record-clan {
    width: 385px;
    text-align: left;
    font-weight: normal;
    line-height: 37px;
}
.main-community .box-record .list-record.ranking.clan-ranking tbody td.record-clan a {
    display: block;
    overflow: hidden; 
    width: 375px;
    padding-left: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.main-community .box-record.ranking {
    padding-top: 20px;
}

.main-community .box-searchplayer {
    margin-bottom: 30px;
}
.main-community .box-searchplayer label input {
    width: 420px;
    height: 28px;
    margin-right: 10px;
    padding: 0 10px;
    color: #335d7f;
    line-height: 28px;
}
.main-community .box-searchplayer .btn.btn-sm {
    min-width: 100px;
}

.main-community .list-searchplayer {
    margin-top: 10px;
}
.main-community .list-searchplayer li {
    height: 37px;
    border-bottom: 2px dotted #5f6273; 
    line-height: 37px;
}
.main-community .list-searchplayer li span {
    display: inline-block;
    width: 50px;
    text-align: center;
}
.main-community .list-searchplayer li a {
    display: inline-block;
    overflow: hidden; 
    width: 870px;
    margin-left: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.main-community .tx-none {
    display: block;
    margin-top: 20px;
    text-align: center; 
    font-weight: bold;
    font-size: 20px;
}

.main-community .pagination-ranking {
    position: absolute;
    top: 20px;
    right: 0;
}
.main-community .pagination-ranking li {
    float: left;
    margin: 0 10px;
    color: #75c1e2;
}
.main-community .pagination-ranking li.prev a:before {
    margin-right: 10px; 
    content: "<";
}
.main-community .pagination-ranking li.next a:after {
    margin-left: 10px; 
    content: ">";
}
.main-community .pagination-ranking li a:hover {
    color: #f9b43b;
    text-decoration: none;
}

/*
project -- itemcode.scss
----------------------------------------*/
.main-itemcode h2 {
    margin-bottom: 10px;
}

.main-itemcode h6 {
    font-weight: normal;
}

.main-itemcode .panel-contents {
    min-height: 490px;
}

.main-itemcode form {
    margin-bottom: 40px;
}
.main-itemcode form label input {
    width: 420px;
    margin-right: 15px;
    padding-left: 5px;
    color: #335d7f;
    line-height: 23px;
}
.main-itemcode form .btn.btn-sm {
    min-width: 100px;
}

.main-itemcode .list-indent li {
    margin-left: 20px;
    list-style: disc;
}

.main-itemcode dl {
    font-size: 20px;
}
.main-itemcode dl dt {
    display: inline-block;
    float: left;
    width: 170px;
    padding-left: 5px;
    border-left: 5px solid #fff; 
    font-weight: bold;
}
.main-itemcode dl dd {
    margin-bottom: 20px;
    padding-left: 10px;
    font-weight: normal;
}

.main-itemcode .sect-main > .btn.btn-base1 {
    display: table;
    margin: 40px auto;
}

.main-itemcode .tx-complete,
.main-itemcode .tx-login {
    padding: 50px 0 10px;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
}

/*
project -- faq.scss
----------------------------------------*/
.main-faq h2 .search-number {
    padding-left: 10px;
    font-weight: normal;
    font-size: 18px;
}

.main-faq h3.capt-sect {
    margin-bottom: 10px;
}

.main-faq .panel-contents {
    overflow: hidden; 
    min-height: 490px;
}

.main-faq .tab-body {
    padding: 0 10px;
}

.main-faq .box-search {
    margin-bottom: 30px;
}
.main-faq .box-search select {
    width: 250px;
    height: 28px;
    margin-right: 8px;
    border: 1px solid #363948;
    background-color: #fff;
    box-shadow: 0 0 5px #000;
    color: #335d7f;
    text-align: left;
}
.main-faq .box-search label {
    margin-right: 10px;
    color: #335d7f;
    line-height: 20px;
}
.main-faq .box-search label input {
    width: 540px;
    height: 28px;
    padding-left: 10px;
}
.main-faq .box-search .btn.btn-sm {
    min-width: 90px;
}

.main-faq .list-search li {
    padding: 5px;
    border-bottom: 1px dotted #5f6273;
}
.main-faq .list-search li a {
    display: block;
    overflow: hidden;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 24px;
}
.main-faq .list-search li a:hover {
    color: #f9b43b;
}

.main-faq .list-detail .ico-text-rect {
    float: left;
}

.main-faq .list-detail a {
    color: #fff;
}
.main-faq .list-detail a:hover {
    color: #f9b43b;
}

.main-faq .list-detail .high-light {
    color: #75c1e2;
}

.main-faq .list-detail dt {
    padding-bottom: 10px;
    border-bottom: 1px dotted #5f6273;
}
.main-faq .list-detail dt .faq-ttl {
    display: block;
    padding-left: 38px;
    font-size: 18px;
    line-height: 1.5;
}

.main-faq .list-detail dd {
    padding-top: 10px;
}
.main-faq .list-detail dd .faq-anser {
    display: block;
    padding: 0 0 20px 40px;
    line-height: 1.7;
}

.main-faq .list-detail.search {
    margin-bottom: 20px;
}
.main-faq .list-detail.search .faq-ttl,
.main-faq .list-detail.search .faq-anser {
    overflow: hidden; 
    padding-left: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.main-faq .link-support {
    display: block;
    margin: 50px auto 70px;
    text-align: center;
    text-decoration: underline;
}

.main-faq .btn-back {
    display: block;
    margin-bottom: 20px; 
    text-align: center;
}

.main-faq .tx-none {
    display: block;
    margin: 50px 0;
    text-align: center;
    font-weight: bold; 
    font-size: 20px;
}

.main-faq .pagination {
    display: inline-block;
    float: right;
}

/*
project -- game.scss
----------------------------------------*/
.main-game {
    /*features共通*/
    /*featuresTOP*/
    /*features01*/
    /*features02*/
    /*features11*/
    /*play-guide*/
    /*rookie*/
    /*basic-guide*/
    /*battle-guide*/
    /*armor*/
    /*perair*/
    /*study*/
    /*camouflage*/
}
.main-game .panel-contents {
    position: relative;
}
.main-game .box-install,
.main-game .box-playtop {
    position: relative;
    margin-bottom: 20px;
    padding: 20px;
    text-align: center;
}
.main-game .box-install.top,
.main-game .box-playtop.top {
    border: 1px solid #363948;
    background: black;
    background: rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px #000;
}
.main-game .box-install.top:after,
.main-game .box-playtop.top:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #0e0f14; 
    content: " ";
}
.main-game .box-install a,
.main-game .box-playtop a {
    position: relative;
    z-index: 10; 
    margin: 30px auto;
}
.main-game .box-install a.btn-emphasis.bottom,
.main-game .box-playtop a.btn-emphasis.bottom {
    margin-bottom: 0;
}
.main-game .box-install a.btn-emphasis.bottom span,
.main-game .box-playtop a.btn-emphasis.bottom span {
    font-size: 17px;
}
.main-game .box-playtop {
    margin-bottom: 0;
    padding: 0;
}
.main-game h2 {
    margin-bottom: 10px;
}
.main-game h2 .tx-annotation {
    margin-left: 10px;
    font-weight: normal;
    font-size: 12px;
}
.main-game h3 {
    margin-bottom: 5px;
    line-height: 28px;
}
.main-game p {
    line-height: 20px;
}
.main-game .box-login,
.main-game .box-gameinstall,
.main-game .box-gamestart,
.main-game .box-clan {
    overflow: hidden; 
    padding: 20px 0;
}
.main-game .box-login p,
.main-game .box-gameinstall p,
.main-game .box-gamestart p,
.main-game .box-clan p {
    margin: 0 0 10px;
    line-height: 20px;
}
.main-game .box-login ul li,
.main-game .box-gameinstall ul li,
.main-game .box-gamestart ul li,
.main-game .box-clan ul li {
    font-size: 12px;
    line-height: 20px;
}
.main-game .box-login dl,
.main-game .box-gameinstall dl,
.main-game .box-gamestart dl,
.main-game .box-clan dl {
    font-size: 12px;
    line-height: 18px;
}
.main-game .box-login dl dt,
.main-game .box-gameinstall dl dt,
.main-game .box-gamestart dl dt,
.main-game .box-clan dl dt {
    float: left;
}
.main-game .box-login dl dd,
.main-game .box-gameinstall dl dd,
.main-game .box-gamestart dl dd,
.main-game .box-clan dl dd {
    display: inline-block;
    width: 415px;
    padding-left: 5px;
}
.main-game .box-login.top,
.main-game .box-gameinstall.top,
.main-game .box-gamestart.top,
.main-game .box-clan.top {
    padding-top: 0;
}
.main-game .box-clan-guide {
    padding: 20px 0 10px;
}
.main-game .box-gameinstall p {
    margin: 5px 0 10px;
}
.main-game .box-clan p {
    clear: both;
}
.main-game .box-clan .tmb {
    margin-bottom: 10px;
}
.main-game .box-about {
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 20px;
    border: solid 1px #363942;
    background-color: #0a0b10;
    box-sizing: border-box;
}
.main-game .box-about:after {
    display: block; 
    clear: both;
    content: "";
}
.main-game .box-about .side {
    float: left;
}
.main-game .box-about .desc {
    overflow: hidden;
    padding-left: 20px;
    font-size: 16px;
}
.main-game .box-about .desc p {
    line-height: 25px;
}
.main-game .box-about .desc a {
    margin-top: 80px;
}
.main-game .box-about-info {
    background: url(../../images/official/game/bg_gameinfo_base.png) no-repeat;
}
.main-game .box-about-info .info {
    padding: 20px;
}
.main-game .box-about-info img {
    max-width: 100%;
    margin-top: 26px;
}
.main-game .box-about-info img:first-child {
    margin: 0;
}
.main-game .box-env {
    margin-top: 20px;
}
.main-game .box-env:first-child,
.main-game .box-env.is-separation {
    padding-bottom: 20px;
    border-bottom: 1px dashed #5f6273;
}
.main-game .box-env .env-list {
    margin-bottom: 25px; 
    text-align: left;
}
.main-game .box-env .env-list:last-child {
    margin-bottom: 0;
}
.main-game .box-env .env-list li {
    margin-bottom: 7px;
}
.main-game .box-env .env-list li:last-child {
    margin-bottom: 0;
}
.main-game .box-env .env-list li.nosupport {
    font-size: 12px;
}
.main-game .box-env .env-list li.nosupport:last-child {
    margin-bottom: 20px;
}
.main-game .box-env .env-list li.ttl {
    margin-bottom: 15px; 
    font-size: 20px;
}
.main-game .box-technics .technic-list {
    margin-top: 15px; 
    padding: 10px;
}
.main-game .box-technics .technic-list > li {
    margin: 0 -10px; 
    padding: 25px 0 20px 0;
    border-top: 1px solid #363948;
    box-shadow: 0 -1px black;
}
.main-game .box-technics .technic-list > li h2 {
    display: block;
    margin: 0 10px 15px 10px;
}
.main-game .box-technics .technic-list > li:first-child {
    margin-top: 0;
    padding-top: 0;
    border: none;
    box-shadow: none;
}
.main-game .box-technics .technic-list .technic-weapon {
    margin-top: 10px;
}
.main-game .box-technics .technic-list .technic-weapon li {
    float: left; 
    width: 33.33%;
    padding: 0 10px;
    box-sizing: border-box;
}
.main-game .box-technics .technic-list .technic-weapon.is-col2 li {
    width: 50%;
}
.main-game .box-technics .technic-list .technic-weapon a {
    position: relative;
    display: block;
    border: 1px solid #363948;
    background-color: #fff;
    box-shadow: 0 0 5px #000;
}
.main-game .box-technics .technic-list .technic-weapon a:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #0e0f14;
    content: " ";
}
.main-game .box-technics .technic-list .technic-weapon a:hover img {
    opacity: 0.8;
    -ms-filter: "alpha(opacity=80)";
}
.main-game .box-technics .technic-list .technic-weapon img {
    width: 100%;
}
.main-game .box-technics .technic-list .technic-weapon:after {
    display: block;
    clear: both; 
    content: "";
}
.main-game .tmb-left {
    margin-right: 10px;
}
.main-game .ico-text-rect {
    float: left;
    vertical-align: top;
}
.main-game .list-friend {
    margin-left: 20px;
}
.main-game .list-friend li {
    height: 30px; 
    list-style: disc;
}
.main-game .box-table-list.clan {
    width: 810px;
    margin-bottom: 0;
}
.main-game .box-table-list.clan table td {
    padding: 10px 10px 10px 90px;
    text-align: left;
}
.main-game .box-table-list.clan table td.none {
    padding: 0;
    text-align: center;
}
.main-game .pagination-features {
    position: absolute;
    top: 20px;
    right: 0;
}
.main-game .pagination-features li {
    float: left;
    margin: 0 10px;
    color: #75c1e2;
}
.main-game .pagination-features li.prev a:before {
    margin-right: 10px; 
    content: "<";
}
.main-game .pagination-features li.next a:after {
    margin-left: 10px; 
    content: ">";
}
.main-game .pagination-features li a:hover {
    color: #f9b43b;
    text-decoration: none;
}
.main-game .btn-emphasis.btn-emphasis1-l.btn-emphasis-l {
    margin: 40px auto 20px;
}
.main-game .sect-main.features {
    padding-right: 0; 
    padding-left: 0;
}
.main-game .list-features {
    display: inline-block;
    margin-right: -10px;
}
.main-game .list-features li {
    position: relative;
    float: left;
    width: 470px;
    height: 190px;
    margin: 0 10px 10px 0;
    padding: 10px;
    border: 1px solid #363948;
    box-shadow: 0 0 5px #000; 
    line-height: none;
}
.main-game .list-features li:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #0e0f14; 
    content: " ";
}
.main-game .list-features li:nth-child(even) {
    margin-right: 0;
}
.main-game .list-features li .tmb {
    background: #fff;
}
.main-game .list-features li h2 a {
    color: #fff;
}
.main-game .list-features li h2 a:hover {
    color: #f9b43b;
}
.main-game .list-features li a {
    position: relative;
    z-index: 10;
}
.main-game .list-features li a:hover img {
    opacity: 0.8;
    -ms-filter: "alpha(opacity=80)";
}
.main-game .list-features li .tx-right {
    position: absolute;
    right: 10px; 
    bottom: 10px;
}
.main-game .features-sub {
    position: relative;
    padding: 0;
}
.main-game .features-sub .tmb:hover img {
    opacity: inherit;
    -ms-filter: "alpha(opacity=NaN)";
}
.main-game .features-sub .tx-features {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 5;
}
.main-game .features-sub .tx-features.right {
    right: 10px;
    left: auto;
}
.main-game .tx-features {
    width: 345px;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, 0.7);
}
.main-game .tx-features p + p {
    margin-top: 10px;
    line-height: 22px;
}
.main-game .features-link {
    position: absolute;
    display: inline-block;
    padding: 0 11px 0 25px;
    border: 1px solid #fff;
    border-radius: 5px;
    background: #000;
    background-color: rgba(0, 0, 0, 0.5);
    box-shadow: 1px 2px #000;
    color: #fff;
    white-space: nowrap; 
    font-weight: bold;
    line-height: 30px;
}
.main-game .features-link:hover {
    background: #fff;
    background-color: rgba(255, 255, 255, 0.8); 
    color: #000;
    text-decoration: none;
    text-shadow: none;
}
.main-game .features-link .features-number {
    position: absolute;
    top: -1px;
    left: -15px;
    display: block;
    width: 32px;
    height: 32px;
    border: 2px solid #fff;
    border-radius: 50%;
    background-color: #000;
    color: #fff;
    text-align: center; 
    line-height: 28px;
}
.main-game .features-link.r-u:after {
    position: absolute;
    top: -34px;
    right: -80px;
    width: 79px;
    height: 52px;
    background: url(../../images/official/game/bg_features_link_ru.png) center top no-repeat; 
    content: "";
}
.main-game .features-link.r-d:after {
    position: absolute;
    top: 13px;
    right: -80px;
    width: 79px;
    height: 52px;
    background: url(../../images/official/game/bg_features_link_rd.png) center top no-repeat; 
    content: "";
}
.main-game .features-link.l-u {
    padding: 0 25px 0 11px;
}
.main-game .features-link.l-u .features-number {
    right: -15px;
    left: auto;
}
.main-game .features-link.l-u:after {
    position: absolute;
    top: -34px;
    left: -80px;
    width: 79px;
    height: 52px;
    background: url(../../images/official/game/bg_features_link_lu.png) center top no-repeat; 
    content: "";
}
.main-game .features-link.l-d {
    padding: 0 25px 0 11px;
}
.main-game .features-link.l-d .features-number {
    right: -15px;
    left: auto;
}
.main-game .features-link.l-d:after {
    position: absolute;
    top: 14px;
    left: -80px;
    width: 79px;
    height: 52px;
    background: url(../../images/official/game/bg_features_link_ld.png) center top no-repeat; 
    content: "";
}
.main-game .sect-main.features01 {
    height: 525px;
    margin-right: -1px;
    padding: 20px;
    background: url(../../images/official/game/bg_features01.jpg) center top no-repeat;
}
.main-game .sect-main.features01 p {
    width: 375px;
    line-height: 22px;
}
.main-game .sect-main.features02 .link-1 {
    top: 72px;
    left: 415px;
}
.main-game .sect-main.features02 .link-2 {
    top: 180px;
    left: 495px;
}
.main-game .sect-main.features02 .link-3 {
    top: 320px;
    left: 685px;
}
.main-game .sect-main.features02 .link-4 {
    top: 450px;
    left: 535px;
}
.main-game .sect-main.features03 .link-1 {
    top: 315px;
    left: 335px;
}
.main-game .sect-main.features03 .link-2 {
    top: 225px;
    left: 615px;
}
.main-game .sect-main.features03 .link-3 {
    top: 465px;
    left: 615px;
}
.main-game .sect-main.features04 .link-1 {
    top: 285px;
    left: 465px;
}
.main-game .sect-main.features04 .link-2 {
    top: 425px;
    left: 505px;
}
.main-game .sect-main.features04 .link-3 {
    top: 165px;
    left: 515px;
}
.main-game .sect-main.features04 .link-4 {
    top: 305px;
    left: 815px;
}
.main-game .sect-main.features05 .link-1 {
    top: 350px;
    left: 255px;
}
.main-game .sect-main.features05 .link-2 {
    top: 290px;
    left: 325px;
}
.main-game .sect-main.features05 .link-3 {
    top: 170px;
    left: 385px;
}
.main-game .sect-main.features05 .link-4 {
    top: 365px;
    left: 585px;
}
.main-game .sect-main.features06 .link-1 {
    top: 85px;
    left: 695px;
}
.main-game .sect-main.features06 .link-2 {
    top: 230px;
    left: 375px;
}
.main-game .sect-main.features06 .link-3 {
    top: 230px;
    left: 590px;
}
.main-game .sect-main.features06 .link-4 {
    top: 380px;
    left: 505px;
}
.main-game .sect-main.features06 .link-5 {
    top: 425px;
    left: 315px;
}
.main-game .sect-main.features08 .link-1 {
    top: 135px;
    left: 395px;
}
.main-game .sect-main.features08 .link-2 {
    top: 340px;
    left: 565px;
}
.main-game .sect-main.features09 .link-1 {
    top: 155px;
    left: 465px;
}
.main-game .sect-main.features09 .link-2 {
    top: 390px;
    left: 465px;
}
.main-game .sect-main.features10 .link-1 {
    bottom: 140px;
    left: 20px;
}
.main-game .sect-main.features10 .link-2 {
    bottom: 100px;
    left: 20px;
}
.main-game .sect-main.features10 .link-3 {
    bottom: 60px;
    left: 20px;
}
.main-game .sect-main.features10 .link-4 {
    bottom: 20px;
    left: 20px;
}
.main-game .sect-main.features11 {
    height: 525px;
    margin-right: -1px;
    padding: 10px;
    background: url(../../images/official/game/bg_features11.jpg) center top no-repeat;
}
.main-game .tx-playguide {
    margin-bottom: 20px;
    font-size: 20px;
}
.main-game .sect-main.playguide section {
    padding-top: 5px;
}
.main-game .sect-main.playguide .list-playguide {
    display: inline-block;
    letter-spacing: -0.5em;
}
.main-game .sect-main.playguide .list-playguide li {
    display: inline-block;
    float: left;
}
.main-game .sect-main.playguide .list-playguide li:nth-child(even) {
    margin-left: 16px;
}
.main-game .sect-main.playguide .tmb {
    margin-bottom: 20px;
}
.main-game .tmb-center {
    text-align: center;
}
.main-game .tx-small {
    font-size: 12px;
}
.main-game .nav-contents.rookie {
    margin: 20px 0;
}
.main-game .sect-main.rookie section {
    margin-bottom: 25px;
}
.main-game .sect-main.rookie p {
    margin: 0 0 15px;
}
.main-game .sect-main.rookie p span {
    font-size: 12px;
}
.main-game .sect-main.rookie [id^="rookie"] {
    position: relative;
}
.main-game .sect-main.rookie .capt-sub {
    margin-bottom: 5px;
}
.main-game .sect-main.rookie .capt-sub:before {
    padding-right: 10px; 
    content: "■";
}
.main-game .sect-main.rookie .tab-rookie li {
    cursor: pointer;
}
.main-game .sect-main.rookie .tab-body li {
    position: relative; 
    display: none;
}
.main-game .sect-main.rookie .tab-body li.active {
    display: block;
}
.main-game .sect-main.rookie .pic-keybord {
    display: block;
    margin: 0 auto;
}
.main-game .sect-main.rookie .pic-controller {
    height: 380px;
    text-align: center;
    box-sizing: border-box;
}
.main-game .sect-main.rookie .pic-controller.cont-hangar {
    padding-top: 22px;
}
.main-game .sect-main.rookie .pic-controller.cont-aircraft {
    padding-top: 20px;
}
.main-game .sect-main.rookie .pic-controller.cont-tank {
    padding-top: 42px;
}
.main-game .sect-main.rookie .tab-contents {
    overflow: hidden; 
    margin: 20px 0 50px;
}
.main-game .sect-main.rookie .tb-left {
    display: inline-block;
    float: left;
    width: 460px;
}
.main-game .sect-main.rookie .tb-right {
    float: right;
    width: 460px;
}
.main-game .sect-main.rookie .box-table-list {
    width: 460px;
    margin: 5px 0;
}
.main-game .sect-main.rookie .box-table-list table tr {
    border-bottom: 1px solid #363948;
}
.main-game .sect-main.rookie .box-table-list table tr:last-child {
    border-bottom: none;
}
.main-game .sect-main.rookie .box-table-list table tr th {
    width: 77px;
    padding: 5px;
    color: #fff;
    font-size: 15px;
}
.main-game .sect-main.rookie .box-table-list table tr th.th01 {
    background: #ab560a;
}
.main-game .sect-main.rookie .box-table-list table tr th.th02 {
    background: #792576;
}
.main-game .sect-main.rookie .box-table-list table tr th.th03 {
    background: #0b7329;
}
.main-game .sect-main.rookie .box-table-list table tr th.th04 {
    background: #243180;
}
.main-game .sect-main.rookie .box-table-list table tr td {
    padding: 5px;
    border-right: none;
    border-left: 1px solid #363948;
    background: #000;
    color: #fff; 
    text-align: left;
}
.main-game .sect-main.rookie .box-table-list table tr td.td01 {
    border-left: none;
}
.main-game .sect-main.rookie .box-table-list table tr td.img {
    width: 239px;
}
.main-game .sect-main.rookie .box-table-list table tr td.img-small {
    width: 120px;
}
.main-game .sect-main.rookie .pagination-rookie {
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 20px 0;
}
.main-game .sect-main.rookie .pagination-rookie li {
    float: left;
    margin: 0 10px;
}
.main-game .sect-main.rookie .pagination-rookie li.prev,
.main-game .sect-main.rookie .pagination-rookie li.next {
    color: #75c1e2;
    cursor: pointer;
}
.main-game .sect-main.rookie .pagination-rookie li.prev:after {
    margin-left: 20px;
    color: #fff; 
    content: "/";
}
.main-game .sect-main.rookie .pagination-rookie li.active,
.main-game .sect-main.rookie .pagination-rookie li span:hover {
    color: #f9b43b;
    text-decoration: none;
}
.main-game .sect-main.rookie .hangar {
    position: relative;
    width: 930px;
    height: 524px;
    margin: 65px 0 10px;
    background: url(../../images/official/game/bg_rookie03.png) center top no-repeat;
}
.main-game .sect-main.rookie .hangar ul.list-hangar-ico [class^="pic-rookie"] {
    position: absolute;
}
.main-game .sect-main.rookie .hangar ul.list-hangar-ico .pic-rookie01 {
    top: -47px;
    left: 20px;
}
.main-game .sect-main.rookie .hangar ul.list-hangar-ico .pic-rookie02 {
    top: -47px;
    left: 316px;
}
.main-game .sect-main.rookie .hangar ul.list-hangar-ico .pic-rookie03 {
    top: -47px;
    left: 413px;
}
.main-game .sect-main.rookie .hangar ul.list-hangar-ico .pic-rookie04 {
    top: -47px;
    right: 283px;
}
.main-game .sect-main.rookie .hangar ul.list-hangar-ico .pic-rookie05 {
    top: -40px;
    right: 121px;
}
.main-game .sect-main.rookie .hangar ul.list-hangar-ico .pic-rookie06 {
    top: -60px;
    right: 98px;
}
.main-game .sect-main.rookie .hangar ul.list-hangar-ico .pic-rookie07 {
    top: -39px;
    right: 43px;
}
.main-game .sect-main.rookie .hangar ul.list-hangar-ico .pic-rookie08 {
    top: 45px;
    left: 20px;
}
.main-game .sect-main.rookie .hangar ul.list-hangar-ico .pic-rookie09 {
    top: 33px;
    right: 0;
}
.main-game .sect-main.rookie .hangar ul.list-hangar-ico .pic-rookie10 {
    right: 0;
    bottom: 94px;
}
.main-game .sect-main.rookie .hangar ul.list-hangar-ico .pic-rookie11 {
    right: 0;
    bottom: 66px;
}
.main-game .sect-main.rookie .hangar ul.list-hangar-ico .pic-rookie12 {
    bottom: 18px; 
    left: 21px;
}
.main-game .sect-main.rookie .hangar ul.list-hangar-ico .pic-rookie13 {
    right: 30px;
    bottom: -1px;
}
.main-game .sect-main.rookie .hangar ul.list-hangar-popup {
    z-index: 10;
}
.main-game .sect-main.rookie .hangar ul.list-hangar-popup li {
    position: absolute;
    display: none;
    padding: 15px;
    border: 1px solid #363948;
    background: #000;
    background: rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 5px #000;
}
.main-game .sect-main.rookie .hangar ul.list-hangar-popup li:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #0e0f14; 
    content: " ";
}
.main-game .sect-main.rookie .hangar ul.list-hangar-popup li.active {
    display: inline-block;
}
.main-game .sect-main.rookie .hangar ul.list-hangar-popup li h2.capt-desc {
    margin-bottom: 5px; 
    font-size: 16px;
}
.main-game .sect-main.rookie .hangar ul.list-hangar-popup li p {
    margin: 0 0 0 5px;
}
.main-game .sect-main.rookie .hangar ul.list-hangar-popup li p img {
    margin-right: 5px;
}
.main-game .sect-main.rookie .hangar ul.list-hangar-popup li.popup-hangar01 {
    top: -125px;
    left: 86px;
}
.main-game .sect-main.rookie .hangar ul.list-hangar-popup li.popup-hangar02 {
    top: -125px;
    left: 100px;
}
.main-game .sect-main.rookie .hangar ul.list-hangar-popup li.popup-hangar03 {
    top: -125px;
    left: 15px;
}
.main-game .sect-main.rookie .hangar ul.list-hangar-popup li.popup-hangar04 {
    top: -125px;
    left: -35px;
}
.main-game .sect-main.rookie .hangar ul.list-hangar-popup li.popup-hangar05 {
    top: -105px;
    right: 180px;
}
.main-game .sect-main.rookie .hangar ul.list-hangar-popup li.popup-hangar06 {
    top: -125px;
    right: 130px;
}
.main-game .sect-main.rookie .hangar ul.list-hangar-popup li.popup-hangar07 {
    top: -140px;
    right: 100px;
}
.main-game .sect-main.rookie .hangar ul.list-hangar-popup li.popup-hangar08 {
    top: 35px;
    left: 265px;
}
.main-game .sect-main.rookie .hangar ul.list-hangar-popup li.popup-hangar09 {
    top: 0;
    right: 195px;
}
.main-game .sect-main.rookie .hangar ul.list-hangar-popup li.popup-hangar10 {
    right: 190px;
    bottom: 105px;
}
.main-game .sect-main.rookie .hangar ul.list-hangar-popup li.popup-hangar11 {
    right: 190px;
    bottom: 85px;
}
.main-game .sect-main.rookie .hangar ul.list-hangar-popup li.popup-hangar12 {
    bottom: 127px; 
    left: -37px;
}
.main-game .sect-main.rookie .hangar ul.list-hangar-popup li.popup-hangar13 {
    right: 149px;
    bottom: 17px;
}
.main-game .sect-main.rookie .ico-text-circle {
    width: 28px;
    height: 28px;
    background-color: #b90101;
    line-height: 28px;
}
.main-game .sect-main.rookie table.tb-hangar th {
    padding: 5px;
}
.main-game .sect-main.rookie table.tb-hangar td {
    line-height: 20px;
}
.main-game .sect-main.rookie .list-hangar-detail li {
    display: block;
    margin-bottom: 5px;
}
.main-game .sect-main.rookie .list-hangar-detail li dl dt {
    float: left;
    margin-right: 5px;
    line-height: 28px;
}
.main-game .sect-main.rookie .list-hangar-detail li dl dd {
    padding-top: 3px;
}
.main-game .sect-main.rookie .list-hangar-detail li table {
    margin-bottom: 20px;
}
.main-game .btn-emphasis.play-guide span {
    font-size: 18px;
}
.main-game .basic-guide .nav-contents {
    margin-top: 20px; 
    margin-bottom: 15px;
}
.main-game .basic-guide .sect-basic-guide {
    padding: 10px 0 20px;
}
.main-game .basic-guide .sect-basic-guide .capt-sub {
    margin-bottom: 5px;
}
.main-game .basic-guide .list-tmb {
    margin-top: 5px;
}
.main-game .basic-guide .list-tmb li {
    width: 453px;
    margin-bottom: 5px;
}
.main-game .basic-guide .list-tmb li:hover img {
    opacity: 1;
    -ms-filter: "alpha(opacity=100)";
}
.main-game .basic-guide .box-table-list {
    margin-bottom: 10px;
}
.main-game .basic-guide .box-table-list th {
    width: 246px;
}
.main-game .basic-guide .box-table-list td {
    text-align: left;
}
.main-game .battle-guide .nav-contents {
    margin-top: 20px;
    margin-bottom: 15px;
}
.main-game .battle-guide .nav-contents .col-3 {
    border-top: none;
}
.main-game .battle-guide .sect-battle-guide {
    padding: 10px 0 20px;
}
.main-game .battle-guide .list-tmb {
    margin-top: 5px;
}
.main-game .battle-guide .list-tmb li {
    width: 453px;
    margin-bottom: 5px;
}
.main-game .battle-guide .list-tmb li:hover img {
    opacity: 1;
    -ms-filter: "alpha(opacity=100)";
}
.main-game .battle-guide .list-tmb.col-3 li {
    width: 300px;
}
.main-game .battle-guide .readmarker li {
    margin-right: 7px; 
    margin-left: 7px;
}
.main-game .battle-guide .tmb:hover img {
    opacity: 1;
    -ms-filter: "alpha(opacity=100)";
}
.main-game .battle-guide .box-table-list {
    margin-top: 10px;
    margin-bottom: 0;
}
.main-game .battle-guide .box-table-list th {
    width: 246px;
}
.main-game .battle-guide .box-table-list td {
    text-align: left;
}
.main-game .sect-main.armor section + section {
    margin-top: 20px;
}
.main-game .sect-main.armor .line-dash {
    padding-bottom: 10px;
}
.main-game .sect-main.armor .list-tmb li {
    width: 453px;
    margin: 0 8px 10px;
}
.main-game .sect-main.armor p {
    margin: 0 0 10px;
}
.main-game .sect-main.armor .box-table-list {
    margin-bottom: 10px;
}
.main-game .sect-main.armor .box-table-list table td {
    text-align: left;
}
.main-game .sect-main.armor .tmb:hover img,
.main-game .sect-main.armor .list-tmb li:hover img {
    opacity: inherit;
    -ms-filter: "alpha(opacity=NaN)";
}
.main-game .panel-contents.repair p {
    margin: 0 0 10px;
}
.main-game .panel-contents.repair p .tx-small {
    font-size: 12px;
}
.main-game .panel-contents.repair .tmb:hover img,
.main-game .panel-contents.repair .list-tmb li:hover img {
    opacity: inherit;
    -ms-filter: "alpha(opacity=NaN)";
}
.main-game .sect-main.repair {
    margin-top: 25px;
}
.main-game .sect-main.repair section {
    position: relative;
}
.main-game .sect-main.repair section + section {
    margin-top: 20px;
}
.main-game .sect-main.repair .line-dash {
    padding-bottom: 10px;
}
.main-game .sect-main.repair .capt-sub {
    margin-bottom: 5px;
}
.main-game .sect-main.repair .capt-sub:before {
    padding-right: 10px; 
    content: "■";
}
.main-game .sect-main.repair .box-table-list {
    width: inherit;
    margin: 0 0 110px 5px;
}
.main-game .sect-main.repair .box-table-list td {
    text-align: left;
}
.main-game .sect-main.repair .tmb {
    margin-bottom: 20px;
}
.main-game .sect-main.repair .list-tmb img {
    width: 453px;
}
.main-game .sect-main.repair .pic-repair09 {
    position: absolute;
    top: 85px;
    left: 58px;
}
.main-game .sect-main.repair .pic-repair10 {
    position: absolute;
    top: 85px;
    right: 70px;
}
.main-game .sect-main.study section {
    position: relative;
}
.main-game .sect-main.study section + section {
    margin-top: 20px;
}
.main-game .sect-main.study .capt-sub {
    margin: 5px 0 0;
}
.main-game .sect-main.study .capt-sub:before {
    padding-right: 10px; 
    content: "■";
}
.main-game .sect-main.study .line-dash {
    padding-bottom: 10px;
}
.main-game .sect-main.study p {
    margin: 0 0 10px;
}
.main-game .sect-main.study .tmb-center {
    margin-bottom: 10px;
}
.main-game .sect-main.study .tmb.left {
    float: left;
    clear: both;
    margin-bottom: 10px;
}
.main-game .sect-main.study .tmb:hover img,
.main-game .sect-main.study .list-tmb li:hover img {
    opacity: inherit;
    -ms-filter: "alpha(opacity=NaN)";
}
.main-game .sect-main.study .img-study {
    margin-bottom: 10px;
}
.main-game .sect-main.study .tx-study {
    position: absolute;
    bottom: 32px;
    left: 476px;
    width: 465px;
}
.main-game .sect-main.study .tx-study02 {
    display: inline-block;
    width: 453px;
    margin-left: 20px;
}
.main-game .sect-main.study .box-study {
    display: block;
    overflow: hidden;
}
.main-game .sect-main.camouflage .capt-sub {
    margin: 5px 0 0;
}
.main-game .sect-main.camouflage .capt-sub:before {
    padding-right: 10px; 
    content: "■";
}
.main-game .sect-main.camouflage section + section {
    margin-top: 20px;
}
.main-game .sect-main.camouflage .line-dash {
    padding-bottom: 10px;
}
.main-game .sect-main.camouflage p {
    margin: 0 0 10px;
}
.main-game .sect-main.camouflage .box-table-list {
    width: 465px;
    margin: 0 0 110px 5px;
}
.main-game .sect-main.camouflage .box-table-list table td {
    text-align: left;
}
.main-game .sect-main.camouflage img {
    margin-bottom: 10px;
}

/*
project -- cdk.scss
----------------------------------------*/
.main-cdk section + section {
    margin-top: 25px;
}

.main-cdk .list-cdk {
    margin: 0 0 25px;
    font-size: 16px;
    line-height: 30px;
}
.main-cdk .list-cdk a {
    padding-left: 24px;
    background: url(../../images/official/cdk/pic_indent.png) 0 -25px no-repeat;
}
.main-cdk .list-cdk a:hover {
    background-position: 0 -1px;
}

.main-cdk .list-install {
    padding-left: 20px;
    list-style: decimal;
    line-height: 22px;
}

.main-cdk .list-annotation {
    padding-bottom: 20px;
    font-size: 12px;
    line-height: 20px;
}

.main-cdk .list-creating {
    padding-left: 20px; 
    list-style: disc;
}

.main-cdk .pic_mission01 img {
    width: 600px;
}

.main-cdk a:hover img {
    opacity: 0.8;
    -ms-filter: "alpha(opacity=80)";
}

.main-cdk .tb-mission {
    position: relative;
    z-index: 10; 
    background: #fff;
    box-shadow: 0 0 5px #000;
    color: #000;
    text-shadow: none;
    font-size: 11px;
    line-height: 1.5;
}
.main-cdk .tb-mission img {
    display: inline-block;
}
.main-cdk .tb-mission tr {
    border-top: 1px solid #363948;
}
.main-cdk .tb-mission th {
    width: 210px;
    border-right: 1px solid #363948;
}
.main-cdk .tb-mission th.ico {
    width: 60px;
}
.main-cdk .tb-mission td {
    width: 70%;
    padding: 5px;
}

.main-cdk .tmb.right {
    float: right;
}

.main-cdk .box-mission .tmb:hover img {
    opacity: inherit;
    -ms-filter: "alpha(opacity=NaN)";
}

/*
project -- support.scss
----------------------------------------*/
.main-inquiry h2 {
    margin-bottom: 10px;
}

.main-inquiry .panel-contents {
    min-height: 490px;
}

.main-inquiry .tx-complete,
.main-inquiry .tx-login {
    padding: 50px 0 10px;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
}

.main-inquiry .tx-warning {
    margin: 0 0 30px; 
    color: #e71a1a;
}

.main-inquiry .sub-tx {
    display: block;
    font-weight: normal; 
    font-size: 14px;
}
.main-inquiry .sub-tx--warning {
    color: #e71a1a;
}

.main-inquiry .btn-box {
    margin: 40px auto; 
    text-align: center;
}
.main-inquiry .btn-box .form-btn {
    margin: 0 5px;
}

.main-inquiry .sect-inquiry-type {
    display: table;
    min-height: 105px;
    width: 100%;
    margin-top: 20px;
    padding: 24px;
    border: 1px solid #363948;
    background: rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px #000; 
    table-layout: fixed;
}
.main-inquiry .sect-inquiry-type > div {
    display: table-cell;
    vertical-align: top;
}
.main-inquiry .sect-inquiry-type > div:first-child {
    padding-right: 30px;
}
.main-inquiry .sect-inquiry-type > div.cell-btn {
    width: 200px;
    vertical-align: middle;
}
.main-inquiry .sect-inquiry-type .txt-lead {
    font-size: 20px;
}

.main-inquiry .sect-main .area-confirm {
    margin-top: 20px;
}
.main-inquiry .sect-main .area-confirm dt {
    display: inline-block;
    width: 220px;
    margin-bottom: 15px;
    padding-right: 10px;
    vertical-align: top; 
    text-align: right;
    font-weight: bold;
}
.main-inquiry .sect-main .area-confirm dt.important {
    font-size: 16px;
}
.main-inquiry .sect-main .area-confirm dd {
    position: relative;
    display: inline-block;
    width: 680px;
    margin-bottom: 15px; 
    padding-left: 30px;
}
.main-inquiry .sect-main .area-confirm dd:after {
    position: absolute;
    top: 0;
    left: 0;
    content: ":";
}
.main-inquiry .sect-main .area-confirm dd .tmb:hover img {
    opacity: inherit;
    -ms-filter: "alpha(opacity=NaN)";
}

/*
project -- terms.scss
----------------------------------------*/
.main-terms .tab-terms li {
    cursor: pointer;
}

.main-terms .capt-contents {
    margin-bottom: 15px;
}

.main-terms .capt-terms {
    margin-bottom: 10px;
}

.main-terms .capt-sub {
    margin-top: 20px;
}

.main-terms .capt-manner {
    margin-bottom: 10px;
    font-weight: bold; 
    font-size: 18px;
}
.main-terms .capt-manner:before {
    content: "■";
}

.main-terms .tx-terms {
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 1.5;
}
.main-terms .tx-terms span {
    display: block;
    font-size: 16px;
}
.main-terms .tx-terms span.tx-small {
    font-weight: normal; 
    font-size: 12px;
}
.main-terms .tx-terms span.tx-bold {
    font-weight: bold; 
    font-size: 14px;
}

.main-terms .tx-contents {
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 1.5;
}
.main-terms .tx-contents span {
    display: block;
    font-weight: bold; 
    font-size: 16px;
}

.main-terms .list-terms > li {
    display: none;
}
.main-terms .list-terms > li.active {
    display: block;
}
.main-terms .list-terms > li p {
    margin-bottom: 10px;
}
.main-terms .list-terms > li p .tx-bold {
    font-weight: bold;
}

.main-terms ul.list-termsofuse li {
    margin-left: 20px; 
    list-style: disc;
}

.main-terms .list-manner {
    margin: 0 0 20px 20px;
    list-style: disc;
    line-height: 1.7em;
}
.main-terms .list-manner li {
    margin-bottom: 10px;
}
.main-terms .list-manner li span {
    font-weight: bold; 
    font-size: 16px;
}
.main-terms .list-manner li span.tx-small {
    font-weight: normal; 
    font-size: 12px;
}
.main-terms .list-manner li ul {
    margin: 5px 0;
    padding-left: 0;
}
.main-terms .list-manner li ul li {
    margin-bottom: 0;
    padding: 5px 10px;
    border: 1px solid #0e0f14; 
    background: #1d2a35;
}

.main-terms .dl-terms {
    margin-bottom: 10px;
}
.main-terms .dl-terms dt {
    float: left;
    width: 20px;
}
.main-terms .dl-terms dd {
    margin: 0 0 10px 25px;
}

/*
project -- error.scss
----------------------------------------*/
.main-error .panel-contents {
    min-height: 490px;
}

.main-error .sect-main {
    padding-right: 0;
    padding-left: 0;
}
.main-error .sect-main .tx-error {
    padding: 50px 0 10px;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
}
.main-error .sect-main .box-btn {
    margin: 40px auto;
    text-align: center;
}

/* --- utility _utility.scss --- */
.sr-only {
    position: absolute;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

.small {
    font-size: 80%;
}

.tx-left {
    text-align: left;
}

.tx-right {
    text-align: right;
}

.tx-center {
    text-align: center;
}

.tx-lowercase {
    text-transform: lowercase;
}

.tx-uppercase {
    text-transform: uppercase;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.clearfix:before {
    display: table;
    clear: both;
    content: " ";
}

.clearfix:after {
    display: table;
    clear: both;
    content: " ";
}

.w100 {
    width: 100%;
}

.w75 {
    width: 75%;
}

.w60 {
    width: 60%;
}

/* --- utility _margin.scss --- */
/* --- mg-t-x --- */
.mg-t-s {
    margin-top: 5px !important;
}

.mg-t-m {
    margin-top: 10px !important;
}

.mg-t-l {
    margin-top: 15px !important;
}

.mg-t-xl {
    margin-top: 20px !important;
}

/* --- mg-r-x --- */
.mg-r-s {
    margin-right: 5px !important;
}

.mg-r-m {
    margin-right: 10px !important;
}

.mg-r-l {
    margin-right: 20px !important;
}

.mg-r-xl {
    margin-right: 30px !important;
}

/* --- mg-b-x --- */
.mg-b-s {
    margin-bottom: 5px !important;
}

.mg-b-m {
    margin-bottom: 10px !important;
}

.mg-b-l {
    margin-bottom: 20px !important;
}

.mg-b-xl {
    margin-bottom: 30px !important;
}

.mg-b-xxl {
    margin-bottom: 40px !important;
}

/* --- mg-l-x --- */
.mg-l-s {
    margin-left: 5px !important;
}

.mg-l-m {
    margin-left: 10px !important;
}

.mg-l-l {
    margin-left: 20px !important;
}

.mg-l-xl {
    margin-left: 30px !important;
}

/* --- pd-t-x --- */
.pd-t-s {
    padding-top: 5px !important;
}

.pd-t-m {
    padding-top: 10px !important;
}

.pd-t-l {
    padding-top: 15px !important;
}

.pd-t-xl {
    padding-top: 20px !important;
}

/* --- pd-r-x --- */
.pd-r-s {
    padding-right: 5px !important;
}

.pd-r-m {
    padding-right: 10px !important;
}

.pd-r-l {
    padding-right: 15px !important;
}

.pd-r-xl {
    padding-right: 20px !important;
}

/* --- pd-b-x --- */
.pd-b-s {
    padding-bottom: 5px !important;
}

.pd-b-m {
    padding-bottom: 10px !important;
}

.pd-b-l {
    padding-bottom: 15px !important;
}

.pd-b-xl {
    padding-bottom: 20px !important;
}

/* --- pd-l-x --- */
.pd-l-s {
    padding-left: 5px !important;
}

.pd-l-m {
    padding-left: 10px !important;
}

.pd-l-l {
    padding-left: 15px !important;
}

.pd-l-xl {
    padding-left: 20px !important;
}