@charset 'EUC-JP';
/*
foundation -- base.scss
----------------------------------------*/
p, ul, li, ol, dl, dd, dt {
    margin: 0;
    padding: 0;
}

ul {
    list-style: none;
}

#d-header ~ div#w {
    padding-top: 0;
}

.d-hd-ie7 ~ div#w, .d-hd-ie8 ~ div#w, .d-hd-ie9 ~ div#w {
    padding-top: 0;
}

/* ===== #main-ntg  */
#main-ntg {
    margin: 0 -12px;
    padding: 0 0 20px;
    background: #f3f3f3;
    text-align: center;
}

#main-ntg input[type='file'], #main-ntg input[type='radio'], #main-ntg select {
    cursor: pointer;
}

#main-ntg .tx24 {
    padding-left: 6px;
    font-size: 24px;
}

#main-ntg .data-num {
    padding: 0 0 0 5px;
    font-weight: normal;
    font-size: 10px;
}

#main-ntg .d-modform-3 {
    width: 4em;
}

/*
layout -- header.scss
----------------------------------------*/
header._n4v1-header {
    position: relative;
    z-index: 600;
    width: calc(100% + 24px);
    margin: 0 -12px;
}

/* ===== ntgnav. */
#ntgnav {
    position: relative;
    z-index: 400;
    margin: 0 -12px 0;
    background: #404849;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}

#ntgnav .ntgnav-inner {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    width: 1024px;
    height: 42px;
    margin: 0 auto;

    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
}

#ntgnav .ntgnav-main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -ms-flex-pack: start;

    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
            align-content: center;
}

#ntgnav .ntgnav-main .ntgnav-mainItem {
    position: relative;
    border-right: 1px solid #343b3c;
}

#ntgnav .ntgnav-main .ntgnav-mainItem:first-child {
    border-left: 1px solid #343b3c;
    box-shadow: 1px 0 0 #4a5152, 1px 0 0 #4a5152 inset;
}

#ntgnav .ntgnav-main .ntgnav-mainItem .ntgnav-mainItemLink {
    position: relative;
    display: block;
    overflow: hidden;
    height: 42px;
    padding: 0 16px;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    font-size: 13px;
    line-height: 42px;
    -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

#ntgnav .ntgnav-main .ntgnav-mainItem .ntgnav-mainItemLink:before {
    position: absolute;
    top: -300px;
    left: 0;
    z-index: 1;
    display: block;
    width: 200px;
    height: 120px;
    background-color: #eb4266;
    content: '';
    -webkit-transition: all 0.4s ease-out;
            transition: all 0.4s ease-out;
    -webkit-transform: translate(0px, 60px) skewY(-30deg);
        -ms-transform: translate(0px, 60px) skewY(-30deg);
            transform: translate(0px, 60px) skewY(-30deg);
}

#ntgnav .ntgnav-main .ntgnav-mainItem .ntgnav-mainInner {
    position: relative;
    z-index: 2;
}

#ntgnav .ntgnav-main .ntgnav-mainItem .ntgnav-tooltip {
    position: absolute;
    bottom: -15px;
    left: 0;
    z-index: 1;
    width: 100%;
    padding-top: 5px;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_ntgnavi_bg.png) center bottom no-repeat;
    color: #fff;
    text-align: center;
    font-size: 10px;
    line-height: 20px;
    -webkit-animation: ntgnav_new 0.3s ease 0.5s 1 both;
            animation: ntgnav_new 0.3s ease 0.5s 1 both;
}

#ntgnav .ntgnav-main .ntgnav-mainItem.is-active .ntgnav-mainItemLink {
    background: #eb4266;
}

#ntgnav .ntgnav-main .ntgnav-mainItem.is-active:first-child {
    border-left: none;
}

#ntgnav .ntgnav-main .ntgnav-mainItem:hover .ntgnav-mainItemLink {
    background-color: #eb4266;
    text-shadow: 0 0 10px white;
}

#ntgnav .ntgnav-main .ntgnav-mainItem:hover .ntgnav-mainItemLink:before {
    -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
    -webkit-transform: translate(0px, 243px) skewY(-30deg);
        -ms-transform: translate(0px, 243px) skewY(-30deg);
            transform: translate(0px, 243px) skewY(-30deg);
}

#ntgnav .ntgnav-main .ntgnav-mainItem:hover .ntgnav-dropdown {
    opacity: 1;
    pointer-events: visiblePainted;
}

#ntgnav .ntgnav-main .ntgnav-mainItem:hover .ntgnav-tooltip {
    display: none;
}

#ntgnav .ntgnav-sub {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -ms-flex-pack: start;
    -ms-flex-align: center;

    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
}

#ntgnav .ntgnav-sub .ntgnav-subItem {
    border-right: solid 1px #516067;
}

#ntgnav .ntgnav-sub .ntgnav-subItem:first-child {
    border-left: solid 1px #516067;
}

#ntgnav .ntgnav-sub .ntgnav-subItem .ntgnav-subLink {
    position: relative;
    display: inline-block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -ms-flex-pack: start;
    -ms-flex-align: center;
    padding: 0 8px;
    color: #fff;
    font-size: 11px;

    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
}

#ntgnav .ntgnav-sub .ntgnav-subItem .ntgnav-subUser {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -ms-flex-pack: start;
    -ms-flex-align: center;

    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
}

#ntgnav .ntgnav-sub .ntgnav-subItem .ntgnav-subUser .ntgnav-subUserImg {
    overflow: hidden;
    width: 25px;
    height: 25px;
    border-radius: 50%;
}

#ntgnav .ntgnav-sub .ntgnav-subItem .ntgnav-subUser .ntgnav-subUserImg img {
    width: 100%;
}

#ntgnav .ntgnav-sub .ntgnav-subItem .ntgnav-subUser .ntgnav-subUserName {
    margin-left: 5px;
}

#ntgnav .ntgnav-sub .ntgnav-subItem .ntgnav-subUser:after {
    display: block;
    width: 0;
    height: 0;
    margin-left: 5px;
    border-width: 4px 4px 0 4px;
    border-style: solid;
    border-color: #eee transparent transparent transparent;
    content: '';
}

#ntgnav .ntgnav-sub .ntgnav-subItem:hover .ntgnav-dropdown {
    opacity: 1;
    pointer-events: visiblePainted;
}

#ntgnav .ntgnav-outer {
    position: absolute;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -ms-flex-align: center;
    height: 42px;
    padding-right: 5px;

    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
}

#ntgnav .ntgnav-outer .ntgnav-exchange {
    display: inline-block;
}

#ntgnav .ntgnav-outer .ntgnav-exchange .ntgnav-exchangeLink {
    display: block;
    width: 40px;
    border-radius: 3px;
    background-color: #5bb8d6;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-size: 11px;
    line-height: 24px;
}

#ntgnav .ntgnav-outer .ntgnav-exchange .ntgnav-exchangeLink:hover {
    background-color: #6fc1db;
}

#ntgnav .ntgnav-outer .ntgnav-lang {
    display: inline-block;
    height: 100%;
    margin-left: 5px;
    box-sizing: border-box;
}

#ntgnav .ntgnav-outer .ntgnav-lang .ntgnav-lang-inner {
    position: inherit;
    margin: 9px 0;
}

#ntgnav .ntgnav-outer .ntgnav-lang .bt-lang {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -ms-flex-pack: start;
    -ms-flex-align: center;
    padding: 0 7px;
    border-radius: 3px;
    background-color: #f5f5f5;
    color: #333;
    white-space: nowrap;
    font-size: 11px;
    line-height: 24px;
    cursor: not-allowed;

    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
}

#ntgnav .ntgnav-outer .ntgnav-lang .bt-lang:before {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-top: -1px;
    margin-right: 0.5em;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_ntgnav_lang_caution.png) 0 0 no-repeat;
    content: '';
    vertical-align: middle;
}

#ntgnav .ntgnav-outer .ntgnav-lang .bt-lang:after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.5em;
    margin-left: 5px;
    border-width: 5px 3.75px 0 3.75px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
    content: '';
}

#ntgnav .ntgnav-outer .ntgnav-lang .list-lang {
    position: absolute;
    top: 37px;
    right: 5px;
    visibility: hidden;
    background: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    text-align: left;
    opacity: 0;
    -webkit-transition: all 0.3s;
            transition: all 0.3s;
    -webkit-transform: translate(0, 5px);
        -ms-transform: translate(0, 5px);
            transform: translate(0, 5px);
}

#ntgnav .ntgnav-outer .ntgnav-lang .list-lang li {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding: 8px 10px 8px 32px;
    border-top: 1px solid #ccc;
    color: #000;
    white-space: nowrap;
    font-weight: bold;
    cursor: pointer;
    box-sizing: border-box;
}

#ntgnav .ntgnav-outer .ntgnav-lang .list-lang li:first-child {
    border-top: 0;
}

#ntgnav .ntgnav-outer .ntgnav-lang .list-lang li:hover {
    background-color: #ccc;
}

#ntgnav .ntgnav-outer .ntgnav-lang .list-lang li:before, #ntgnav .ntgnav-outer .ntgnav-lang .list-lang li:after {
    position: absolute;
    top: 9px;
    left: 10px;
    display: block;
    width: 1.2em;
    height: 1.2em;
    border-radius: 50%;
    content: '';
}

#ntgnav .ntgnav-outer .ntgnav-lang .list-lang li:before {
    border: 1px solid #000;
}

#ntgnav .ntgnav-outer .ntgnav-lang .list-lang li:after {
    border: 1px solid #f36003;
    background-color: #f36003;
    opacity: 0;
    -webkit-transition: all 0.2s;
            transition: all 0.2s;
    -webkit-transform: scale(0.4);
        -ms-transform: scale(0.4);
            transform: scale(0.4);
}

#ntgnav .ntgnav-outer .ntgnav-lang .list-lang li.selected:after {
    opacity: 1;
    -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
            transform: scale(0.6);
}

#ntgnav .ntgnav-outer .ntgnav-lang .active-translate .bt-lang {
    cursor: pointer;
}

#ntgnav .ntgnav-outer .ntgnav-lang .active-translate .bt-lang:before {
    display: none;
}

#ntgnav .ntgnav-outer .ntgnav-lang.active .list-lang {
    visibility: visible;
    opacity: 1;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
}

#ntgnav .ntgnav-outer .ntgnav-lang.active .active-translate .bt-lang {
    background-color: #293134;
    color: #fff;
}

#ntgnav .ntgnav-outer .ntgnav-lang.active .active-translate .bt-lang:before {
    background-position: 0 100%;
}

#ntgnav .ntgnav-outer .ntgnav-lang.active .active-translate .bt-lang:after {
    border-width: 0 3.75px 5px 3.75px;
    border-color: transparent transparent #fff transparent;
}

@media (max-width: 1132px) {
    #ntgnav .ntgnav-outer .ntgnav-lang {
        display: none;
    }
}

@media (max-width: 1199px) {
    #ntgnav .ntgnav-outer .ntgnav-lang .ntgnav-lang-inner {
        min-width: 50px;
    }
    #ntgnav .ntgnav-outer .ntgnav-lang .bt-lang {
        -ms-flex-pack: center;
        padding: 0 5px;

        -webkit-box-pack: center;
        -webkit-justify-content: center;
                justify-content: center;
    }
    #ntgnav .ntgnav-outer .ntgnav-lang .bt-lang:before {
        display: none;
    }
    #ntgnav .ntgnav-outer .ntgnav-lang .bt-lang span, #ntgnav .ntgnav-outer .ntgnav-lang .list-lang span {
        display: none;
    }
}

@media (max-width: 1300px) {
    #ntgnav .ntgnav-outer .ntgnav-exchange {
        display: none;
    }
}

#ntgnav .ntgnav-dropdown {
    position: absolute;
    z-index: 10;
    padding: 8px 16px;
    background: #39454a;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
    list-style: none;
    opacity: 0;
    -webkit-transition: 0.5s;
            transition: 0.5s;
    pointer-events: none;
}

#ntgnav .ntgnav-dropdown.is-fixed {
    width: 168px;
}

#ntgnav .ntgnav-dropdown a {
    display: block;
    padding: 8px;
    color: #fff;
    text-decoration: none;
}

#ntgnav .ntgnav-dropdown .ntgnav-dropdownCategory {
    margin-bottom: 8px;
    padding-left: 4px;
    border-left: 3px #fff solid;
    font-size: 11px;
    line-height: 1;
}

#ntgnav .ntgnav-dropdown .ntgnav-dropdownList {
    padding: 8px 0;
    border-bottom: 1px solid #516067;
}

#ntgnav .ntgnav-dropdown .ntgnav-dropdownList:last-child {
    border: none;
}

#ntgnav .ntgnav-dropdown .ntgnav-dropdownList .ntgnav-dropdownListItem {
    position: relative;
    min-width: 86px;
    padding: 0 8px;
    font-size: 13px;
}

#ntgnav .ntgnav-dropdown .ntgnav-dropdownList .ntgnav-dropdownListItem a {
    display: block;
    padding: 8px 0;
    background: transparent;
    color: #fff;
    text-decoration: none;
}

#ntgnav .ntgnav-dropdown .ntgnav-dropdownList .ntgnav-dropdownListItem.is-inner {
    padding-left: 28px;
    font-size: 11px;
}

#ntgnav .ntgnav-dropdown .ntgnav-dropdownList .ntgnav-dropdownListItem.ntgnav-new {
    position: relative;
    top: 0;
    right: 0;
}

#ntgnav .ntgnav-dropdown .ntgnav-dropdownList .ntgnav-dropdownListItem.ntgnav-new:after {
    position: absolute;
    top: 11px;
    right: 10px;
    display: inline-block;
    width: 30px;
    height: 14px;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_new.png) 0 0 no-repeat;
    content: '';
}

#ntgnav .ntgnav-dropdown .ntgnav-dropdownList .ntgnav-dropdownListItem.ntgnav-lang .ntgnav-lang-inner {
    position: relative;
    padding: 8px 0;
}

#ntgnav .ntgnav-dropdown .ntgnav-dropdownList .ntgnav-dropdownListItem.ntgnav-lang .ntgnav-lang-inner .bt-lang {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -ms-flex-pack: start;
    -ms-flex-align: center;
    margin: 0;
    padding: 0;
    border-radius: 0;
    background-color: inherit;
    color: #fff;
    font-weight: normal;
    line-height: normal;
    cursor: not-allowed;

    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
}

#ntgnav .ntgnav-dropdown .ntgnav-dropdownList .ntgnav-dropdownListItem.ntgnav-lang .ntgnav-lang-inner .bt-lang:before {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-top: -1px;
    margin-right: 0.5em;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_ntgnav_lang_caution.png) 0 0 no-repeat;
    content: '';
    vertical-align: middle;
}

#ntgnav .ntgnav-dropdown .ntgnav-dropdownList .ntgnav-dropdownListItem.ntgnav-lang .ntgnav-lang-inner .bt-lang:after {
    position: absolute;
    top: 50%;
    right: 0;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.5em;
    margin-left: 5px;
    border-width: 3.5px 0 3.5px 5px;
    border-style: solid;
    border-color: transparent transparent transparent #f5f5f5;
    content: '';
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

#ntgnav .ntgnav-dropdown .ntgnav-dropdownList .ntgnav-dropdownListItem.ntgnav-lang .ntgnav-lang-inner .list-lang {
    position: absolute;
    top: 0;
    right: -164px;
    padding: 20px 0;
    background-color: #39454a;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
    color: #fff;
    opacity: 0;
    -webkit-transition: 0.5s;
            transition: 0.5s;
    pointer-events: none;
}

#ntgnav .ntgnav-dropdown .ntgnav-dropdownList .ntgnav-dropdownListItem.ntgnav-lang .ntgnav-lang-inner .list-lang .wovn-switch {
    position: relative;
    padding: 5px 25px 5px 45px;
    cursor: pointer;
}

#ntgnav .ntgnav-dropdown .ntgnav-dropdownList .ntgnav-dropdownListItem.ntgnav-lang .ntgnav-lang-inner .list-lang .wovn-switch:before {
    position: absolute;
    top: 7px;
    left: 25px;
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #fff;
    content: '';
}

#ntgnav .ntgnav-dropdown .ntgnav-dropdownList .ntgnav-dropdownListItem.ntgnav-lang .ntgnav-lang-inner .list-lang .wovn-switch:after {
    position: absolute;
    top: 9px;
    left: 27px;
    display: block;
    width: 10px;
    height: 10px;
    border: none;
    border-radius: 50%;
    background-color: #f36003;
    content: '';
    opacity: 0;
    -webkit-transition: all 0.2s;
            transition: all 0.2s;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

#ntgnav .ntgnav-dropdown .ntgnav-dropdownList .ntgnav-dropdownListItem.ntgnav-lang .ntgnav-lang-inner .list-lang .wovn-switch.selected:after {
    opacity: 1;
}

#ntgnav .ntgnav-dropdown .ntgnav-dropdownList .ntgnav-dropdownListItem.ntgnav-lang .ntgnav-lang-inner.active-translate .bt-lang {
    cursor: pointer;
}

#ntgnav .ntgnav-dropdown .ntgnav-dropdownList .ntgnav-dropdownListItem.ntgnav-lang .ntgnav-lang-inner.active-translate .bt-lang:before {
    display: none;
}

@media (max-width: 1132px) {
    #ntgnav .ntgnav-dropdown .ntgnav-dropdownList .ntgnav-dropdownListItem.ntgnav-lang {
        display: block;
    }
}

@media (max-width: 1199px) {
    #ntgnav .ntgnav-dropdown .ntgnav-dropdownList .ntgnav-dropdownListItem.ntgnav-lang .ntgnav-lang-inner {
        min-width: initial;
        min-width: auto;
    }
    #ntgnav .ntgnav-dropdown .ntgnav-dropdownList .ntgnav-dropdownListItem.ntgnav-lang .bt-lang {
        padding: 0 5px;
    }
    #ntgnav .ntgnav-dropdown .ntgnav-dropdownList .ntgnav-dropdownListItem.ntgnav-lang .bt-lang:before {
        display: block;
    }
    #ntgnav .ntgnav-dropdown .ntgnav-dropdownList .ntgnav-dropdownListItem.ntgnav-lang .bt-lang:after {
        margin-left: 0.2em;
    }
    #ntgnav .ntgnav-dropdown .ntgnav-dropdownList .ntgnav-dropdownListItem.ntgnav-lang .bt-lang span, #ntgnav .ntgnav-dropdown .ntgnav-dropdownList .ntgnav-dropdownListItem.ntgnav-lang .list-lang span {
        display: block;
    }
}

@media (min-width: 1200px) and (max-width: 1320px) {
    #ntgnav .ntgnav-dropdown .ntgnav-dropdownList .ntgnav-dropdownListItem.ntgnav-lang .ntgnav-lang-inner {
        min-width: initial;
        min-width: auto;
    }
    #ntgnav .ntgnav-dropdown .ntgnav-dropdownList .ntgnav-dropdownListItem.ntgnav-lang .bt-lang span, #ntgnav .ntgnav-dropdown .ntgnav-dropdownList .ntgnav-dropdownListItem.ntgnav-lang .list-lang span {
        display: block;
    }
    #ntgnav .ntgnav-dropdown .ntgnav-dropdownList .ntgnav-dropdownListItem.ntgnav-lang .list-lang li {
        min-width: initial;
        min-width: auto;
    }
}

#ntgnav .ntgnav-dropdown .ntgnav-dropdownList .ntgnav-dropdownListItem:hover {
    background: #516067;
}

#ntgnav .ntgnav-dropdown .ntgnav-dropdownList .ntgnav-dropdownListItem:hover .ntgnav-lang-inner .list-lang {
    opacity: 1;
    pointer-events: visiblePainted;
}

#ntgnav .ntgnav-dropdown .ntgnav-dropdownList .arrow {
    background: url(https://p.dmm.co.jp/p/common/arrow_common.gif) no-repeat;
    background-position: left 12% bottom 45%;
    background-position-x: 20px;
}

#ntgnav .ntgnav-dropdown .ntgnav-dropdownList .arrow:hover {
    background: url(https://p.dmm.co.jp/p/common/arrow_common.gif) no-repeat;
    background-color: #516067;
    background-position: left 12% bottom 45%;
}

#ntgnav.general .ntgnav-main .ntgnav-mainItem .ntgnav-mainItemLink:before {
    background-color: #16acc2;
}

#ntgnav.general .ntgnav-main .ntgnav-mainItem:hover .ntgnav-mainItemLink {
    background-color: #16acc2;
}

#ntgnav.general .ntgnav-main .ntgnav-mainItem.is-active .ntgnav-mainItemLink {
    background-color: #16acc2;
}

#ntgnav.general .ntgnav-exchange .ntgnav-exchangeLink {
    background: #ff6f7e;
}

#ntgnav.general .ntgnav-exchange .ntgnav-exchangeLink:hover {
    background-color: #ff8995;
}

@-webkit-keyframes ntgnav_new {
    0% {
        bottom: -5px;
        opacity: 0;
    }
    90% {
        bottom: -17px;
    }
    100% {
        bottom: -15px;
        opacity: 1;
    }
}

@keyframes ntgnav_new {
    0% {
        bottom: -5px;
        opacity: 0;
    }
    90% {
        bottom: -17px;
    }
    100% {
        bottom: -15px;
        opacity: 1;
    }
}

@-webkit-keyframes ntgnav_hover {
    0% {
        top: 0;
    }
    50% {
        top: 10px;
    }
    100% {
        top: 0;
    }
}

@keyframes ntgnav_hover {
    0% {
        top: 0;
    }
    50% {
        top: 10px;
    }
    100% {
        top: 0;
    }
}

@-webkit-keyframes new_val_hover {
    0% {
        top: 12px;
    }
    50% {
        top: 22px;
    }
    100% {
        top: 12px;
    }
}

@keyframes new_val_hover {
    0% {
        top: 12px;
    }
    50% {
        top: 22px;
    }
    100% {
        top: 12px;
    }
}

@-webkit-keyframes ntgnav_on {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

@keyframes ntgnav_on {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

/*
layout -- ntginner.scss
----------------------------------------*/
#main-ntg .bg-ntginner {
    max-width: 1024px;
    margin: 0 auto;
    padding: 20px 0;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

/* ===== .ntg-inner  */
.ntg-inner {
    width: 980px;
    margin: 0 auto;
    text-align: left;
}

.ntg-inner:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: '.';
}

/*
layout -- ntg-side.scss
----------------------------------------*/
#ntg-side {
    float: left;
    width: 235px;
    margin: 0;
}

#ntg-side > div {
    margin-top: 20px;
}

#ntg-side > div:first-child {
    margin-top: 0;
}

#ntg-side .box-side {
    padding: 5px;
    background: #f2f2f2;
}

#ntg-side .box-side .side-inner {
    padding: 12px;
    border: 1px solid #ccc;
    background: #fff;
}

#ntg-side > .side-guest01, #ntg-side > .side-nonmember01, #ntg-side > .side-member01 {
    width: 235px;
    background-color: #293134;
}

#ntg-side > .side-guest01 {
    position: relative;
}

#ntg-side .side-guest01 .box-bnr {
    margin-top: 10px;
    text-align: center;
}

#ntg-side .side-guest01 .box-bnr a {
    display: block;
    width: 205px;
    margin: 0 auto;
    background: #fff;
}

#ntg-side .side-guest01 .box-bnr img {
    width: 100%;
    height: auto;
}

#ntg-side .side-guest01 .box-bnr a:hover img {
    opacity: 0.8;
}

#ntg-side .side-guest01 .box-login {
    width: 205px;
    margin: 0 auto;
    padding-top: 1px;
}

#ntg-side .side-guest01 .box-login ul {
    margin-top: 15px;
    padding: 0 0 15px;
    border-bottom: 1px solid #333;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
}

#ntg-side .side-guest01 .box-login .tx-login {
    margin-bottom: 3px;
    padding-top: 15px;
    color: #ccc;
    font-size: 13px;
}

#ntg-side .side-guest01 #login_form {
    padding: 15px;
}

#ntg-side .side-guest01 #login_form .ntg-input {
    float: left;
    width: 130px;
    height: 60px;
}

#ntg-side .side-guest01 #login_form .ntg-input input {
    width: 112px;
    margin-top: 6px;
    padding: 6px;
    border: none;
    background: #dee1e4;
    font-size: 12px;
    -webkit-transition: background-color 0.1s ease-in 0s;
            transition: background-color 0.1s ease-in 0s;
}

#ntg-side .side-guest01 #login_form .ntg-input input.typed {
    background: #fff;
}

#ntg-side .side-guest01 #login_form .ntg-input input:focus {
    background: #ffc;
}

#ntg-side .side-guest01 #login_form .ntg-input input:first-child {
    margin-top: 0;
}

#ntg-side .side-guest01 #login_form .ntg-bt-login {
    position: relative;
    top: 0;
    display: block;
    width: 68px;
    height: 60px;
    margin: 0 0 12px 135px;
    border-radius: 2px;
    background-color: #09f;
    background-image: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%);
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%);
    background-image:         linear-gradient(to top, rgba(0, 0, 0, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%);
    box-shadow: 0 1px 1px 0 black, 1px 1px 0 rgba(255, 255, 255, 0.2) inset;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -2px 0 rgba(0, 0, 0, 0.2);
    -webkit-transition: background-color 0.2s ease-in 0s;
            transition: background-color 0.2s ease-in 0s;
}

#ntg-side .side-guest01 #login_form .ntg-bt-login:hover {
    top: 1px;
    background-color: #1ca2fb;
    box-shadow: 0 -1px 1px 0 black, 1px 1px 0 rgba(255, 255, 255, 0.2) inset;
}

#ntg-side .side-guest01 #login_form .ntg-bt-login:after {
    position: absolute;
    top: 8px;
    left: 25px;
    z-index: 1;
    width: 30px;
    height: 28px;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_sidentg_btn.png) left 0 no-repeat;
    content: '';
}

#ntg-side .side-guest01 #login_form .ntg-bt-login input {
    position: relative;
    z-index: 2;
    width: 68px;
    height: 60px;
    padding-top: 28px;
    border: none;
    background: none;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
}

#ntg-side .side-guest01 #login_form .ntg-check {
    display: inline-block;
    margin-bottom: 8px;
    padding-left: 6px;
    color: #999;
    font-size: 12px;
    cursor: pointer;
    -webkit-transition: color 0.1s ease-in 0s;
            transition: color 0.1s ease-in 0s;
}

#ntg-side .side-guest01 #login_form .ntg-check input {
    margin-right: 6px;
}

#ntg-side .side-guest01 #login_form #check_auto_login {
    cursor: pointer;
}

#ntg-side .side-guest01 #login_form #check_auto_login:checked + .ntg-check {
    color: #fff;
}

#ntg-side .side-guest01 #login_form .ntg-repletion {
    padding-bottom: 10px;
    border-bottom: 1px solid #1d2124;
    box-shadow: 0 1px 0 #4e565a;
    font-size: 10px;
}

#ntg-side .side-guest01 #login_form .ntg-repletion a {
    position: relative;
    left: -3px;
    color: #fff;
}

#ntg-side .side-guest01 #login_form .ntg-sns {
    margin-bottom: 16px;
    padding: 15px 0;
    border-bottom: 1px solid #1d2124;
    box-shadow: 0 1px 0 #4e565a;
    color: #fff;
}

#ntg-side .side-guest01 #login_form .ntg-sns > p {
    margin-bottom: 6px;
    color: #ccc;
}

#ntg-side .side-guest01 #login_form .ntg-sns .ntg-bt-facebook {
    position: relative;
    display: inline-block;
    width: 47%;
    height: 26px;
    margin-right: 5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
}

#ntg-side .side-guest01 #login_form .ntg-sns .ntg-bt-facebook:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 98px;
    height: 26px;
    background: url(https://p.dmm.co.jp/p/netgame/common/bt/bt_facebook.png) left top no-repeat;
    content: '';
}

#ntg-side .side-guest01 #login_form .ntg-sns .ntg-bt-facebook:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 98px;
    height: 26px;
    background: url(https://p.dmm.co.jp/p/netgame/common/bt/bt_facebook.png) left bottom no-repeat;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in 0s;
            transition: opacity 0.2s ease-in 0s;
}

#ntg-side .side-guest01 #login_form .ntg-sns .ntg-bt-facebook:hover {
    top: 1px;
}

#ntg-side .side-guest01 #login_form .ntg-sns .ntg-bt-facebook:hover:after {
    opacity: 1;
}

#ntg-side .side-guest01 #login_form .ntg-sns .ntg-bt-google {
    position: relative;
    display: inline-block;
    width: 47%;
    height: 26px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
}

#ntg-side .side-guest01 #login_form .ntg-sns .ntg-bt-google:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 98px;
    height: 26px;
    background: url(https://p.dmm.co.jp/p/netgame/common/bt/bt_google.png) left top no-repeat;
    content: '';
}

#ntg-side .side-guest01 #login_form .ntg-sns .ntg-bt-google:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 98px;
    height: 26px;
    background: url(https://p.dmm.co.jp/p/netgame/common/bt/bt_google.png) left bottom no-repeat;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in 0s;
            transition: opacity 0.2s ease-in 0s;
}

#ntg-side .side-guest01 #login_form .ntg-sns .ntg-bt-google:hover {
    top: 1px;
}

#ntg-side .side-guest01 #login_form .ntg-sns .ntg-bt-google:hover:after {
    opacity: 1;
}

#ntg-side .side-guest01 #login_form .ntg-sns .ntg-bt-google input {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 26px;
    padding: 0 0 0 28px;
    border: none;
    background: none;
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 26px;
    cursor: pointer;
}

#ntg-side .side-guest01 #login_form .ntg-sns .ntg-bt-sns {
    position: relative;
    display: inline-block;
    width: 47%;
    height: 26px;
    margin-right: 5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
}

#ntg-side .side-guest01 #login_form .ntg-sns .ntg-bt-sns:hover {
    top: 1px;
}

#ntg-side .side-guest01 #login_form .ntg-sns .ntg-bt-sns:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 203px;
    height: 26px;
    background: url(https://p.dmm.co.jp/p/netgame/common/bt/bt_sns.png) left top no-repeat;
    content: '';
}

#ntg-side .side-guest01 #login_form .ntg-sns .ntg-bt-sns:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 203px;
    height: 26px;
    background: url(https://p.dmm.co.jp/p/netgame/common/bt/bt_sns.png) left bottom no-repeat;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in 0s;
            transition: opacity 0.2s ease-in 0s;
}

#ntg-side .side-guest01 #login_form .ntg-sns .ntg-bt-sns:hover:after {
    opacity: 1;
}

#ntg-side .side-guest01 #login_form .ntg-sns .ntg-bt-sns input {
    position: relative;
    z-index: 1;
    width: 203px;
    height: 26px;
    padding: 0 0 0 45px;
    border: none;
    background: none;
    color: #000;
    text-align: center;
    font-size: 12px;
    line-height: 25px;
    cursor: pointer;
    -webkit-transition: color 0.2s ease-in 0s;
            transition: color 0.2s ease-in 0s;
}

#ntg-side .side-guest01 #login_form .ntg-sns .ntg-bt-sns:hover input {
    color: #999;
}

#ntg-side .side-guest01 .ntg-bt-login {
    position: relative;
    top: 0;
    display: block;
    width: 205px;
    height: 48px;
    margin: 0 auto 10px;
    border-radius: 2px;
    background-color: #189efc;
    background-image: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%);
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%);
    background-image:         linear-gradient(to top, rgba(0, 0, 0, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%);
    box-shadow: 0 1px 1px 0 black, 1px 1px 0 rgba(255, 255, 255, 0.2) inset;
    color: #fff;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -2px 0 rgba(0, 0, 0, 0.2);
    font-size: 18px;
    line-height: 49px;
    -webkit-transition: background-color 0.2s ease-in 0s;
            transition: background-color 0.2s ease-in 0s;
}

#ntg-side .side-guest01 .ntg-bt-login:hover {
    top: 1px;
    background-color: #21beff;
    box-shadow: 0 -1px 1px 0 black, 1px 1px 0 rgba(255, 255, 255, 0.2) inset;
}

#ntg-side .side-guest01 .ntg-bt-login span {
    padding-left: 20px;
}

#ntg-side .side-guest01 .ntg-bt-login:after {
    position: absolute;
    top: 12px;
    left: 15px;
    width: 30px;
    height: 28px;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_sidentg_btn.png) left 0 no-repeat;
    content: '';
}

#ntg-side .side-guest01 .ntg-bt-regist {
    position: relative;
    top: 0;
    display: block;
    width: 205px;
    height: 48px;
    margin: 0 auto;
    border-radius: 2px;
    background-color: #ffd600;
    background-image: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.2) 100%);
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.2) 100%);
    background-image:         linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.2) 100%);
    box-shadow: 0 1px 1px 0 black, 1px 1px 0 rgba(255, 255, 255, 0.2) inset;
    color: #000;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px rgba(255, 255, 255, 0.5);
    font-size: 18px;
    line-height: 49px;
    -webkit-transition: background-color 0.2s ease-in 0s;
            transition: background-color 0.2s ease-in 0s;
}

#ntg-side .side-guest01 .ntg-bt-regist:hover {
    top: 1px;
    background-color: #ffed00;
    box-shadow: 0 -1px 1px 0 black, 1px 1px 0 rgba(255, 255, 255, 0.2) inset;
}

#ntg-side .side-guest01 .ntg-bt-regist span {
    padding-left: 20px;
}

#ntg-side .side-guest01 .ntg-bt-regist:after {
    position: absolute;
    top: 12px;
    left: 13px;
    width: 30px;
    height: 30px;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_sidentg_btn_v2.png) left -30px no-repeat;
    content: '';
}

#ntg-side .side-guest01 .box-beginner {
    margin: 0 15px;
    padding: 15px 0;
    text-align: center;
}

#ntg-side .side-guest01 .box-beginner a {
    position: relative;
    top: 0;
    display: block;
}

#ntg-side .side-guest01 .box-beginner a:hover {
    top: 1px;
}

#ntg-side .side-guest01 .box-beginner a:hover:before {
    opacity: 1;
}

#ntg-side .side-guest01 .ntg-loginloding {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 235px;
    height: 270px;
    padding-top: 46px;
    background: url(https://p.dmm.co.jp/p/netgame/common/bg/bg_loginloading.png) center top no-repeat;
}

#ntg-side .side-guest01 .ntg-loginloding .bx-loading {
    position: relative;
    width: 205px;
    height: 225px;
    margin: 0 auto;
    border-radius: 5px;
    background: #181818;
    text-align: center;
}

#ntg-side .side-guest01 .ntg-loginloding img {
    margin: 45px auto 12px;
}

#ntg-side .side-guest01 .ntg-loginloding p {
    color: #fff;
    text-align: center;
    text-shadow: 0 0 10px #16acc2;
    font-size: 16px;
}

#ntg-side .side-guest01.general .box-beginner a:before {
    background: url(https://p.dmm.co.jp/p/netgame/top/bnr/bnr_beginner_g_on.png) left top no-repeat;
}

#ntg-side .side-nonmember01 .box-navigate {
    position: relative;
    margin-bottom: 10px;
}

#ntg-side .side-nonmember01 .pic-fukidashi {
    position: absolute;
    top: 10px;
    right: 7px;
}

#ntg-side .side-nonmember01 .pic-fukidashi-anime {
    -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
            transform-origin: left center;
    -webkit-animation: fukidashi 5s ease;
            animation: fukidashi 5s ease;
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
}

@-webkit-keyframes fukidashi {
    0% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    1% {
        -webkit-transform: scale(0.75);
                transform: scale(0.75);
    }
    7% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}

@keyframes fukidashi {
    0% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    1% {
        -webkit-transform: scale(0.75);
                transform: scale(0.75);
    }
    7% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}

#ntg-side .side-nonmember01 .tx-navigate {
    margin-bottom: 15px;
    color: #fff;
    text-align: center;
    font-size: 15px;
}

#ntg-side .side-nonmember01 .tx-navigate span {
    color: #f27490;
}

#ntg-side .side-nonmember01 .ntg-bt-profile {
    position: relative;
    top: 0;
    display: block;
    width: 205px;
    height: 45px;
    margin: 0 auto 16px;
    border-radius: 2px;
    background-color: #f76525;
    background-image: -webkit-linear-gradient(to top, rgba(246, 91, 30, 0.4) 0%, rgba(255, 217, 66, 0.5) 100%);
    background-image: -webkit-linear-gradient(bottom, rgba(246, 91, 30, 0.4) 0%, rgba(255, 217, 66, 0.5) 100%);
    background-image:         linear-gradient(to top, rgba(246, 91, 30, 0.4) 0%, rgba(255, 217, 66, 0.5) 100%);
    box-shadow: 0 1px 1px 0 black, 1px 1px 0 rgba(255, 255, 255, 0.2) inset;
    color: #fff;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -2px 0 rgba(0, 0, 0, 0.2);
    font-size: 18px;
    line-height: 45px;
    -webkit-transition: background-color 0.2s ease-in 0s;
            transition: background-color 0.2s ease-in 0s;
}

#ntg-side .side-nonmember01 .ntg-bt-profile:hover {
    top: 1px;
    background-color: #f6931e;
    box-shadow: 0 -1px 1px 0 black, 1px 1px 0 rgba(255, 255, 255, 0.2) inset;
}

#ntg-side .side-nonmember01 .ntg-bt-profile span {
    padding-left: 25px;
}

#ntg-side .side-nonmember01 .ntg-bt-profile:after {
    position: absolute;
    top: 11px;
    left: 15px;
    width: 30px;
    height: 30px;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_sidentg_btn.png) left -60px no-repeat;
    content: '';
}

#ntg-side .side-nonmember01.general .tx-navigate span {
    color: #23c2d7;
}

#ntg-side .area-netcafe {
    display: block;
}

#ntg-side .bt-netcafe {
    position: relative;
    display: inline-block;
    width: 235px;
    height: 73px;
    margin: 0 auto 3px;
    background: url(https://p.dmm.co.jp/p/netgame/top/bt_netcafe.png) left top no-repeat;
}

#ntg-side .bt-netcafe span {
    position: relative;
    z-index: -1;
    text-align: center;
    line-height: 73px;
}

#ntg-side .bt-netcafe:hover {
    top: 1px;
    background-position: bottom left;
}

#ntg-side .tx-netcafe {
    background: none;
    text-align: center;
}

#ntg-side .tx-netcafe02 {
    color: #ea3900;
    text-align: center;
    font-size: 13px;
}

#ntg-side .side-member01 .side-inner {
    padding-top: 15px;
}

#ntg-side .side-member01 .area-profile {
    text-align: center;
}

#ntg-side .side-member01 .area-profile .wrap-profile-pic {
    margin-bottom: 5px;
}

#ntg-side .side-member01 .area-profile .wrap-profile-pic:before {
    /* hover�����Υץ������ */
    position: absolute;
    display: block;
    overflow: hidden;
    width: 1px;
    height: 1px;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_leftnav_avatar_change_on.svg) no-repeat 1px 1px;
    content: '';
}

#ntg-side .side-member01 .area-profile .wrap-profile-pic a {
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 142px;
    height: 142px;
    border: solid 1px #b3b3b3;
    border-radius: 50%;
    text-decoration: none;
    box-sizing: border-box;
}

#ntg-side .side-member01 .area-profile .wrap-profile-pic a:before {
    position: absolute;
    top: 18px;
    left: -18px;
    z-index: 1;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_leftnav_avatar_change.svg) 50% 50% no-repeat;
    background-size: 36px auto;
    content: '';
    -webkit-transition: all 0.2s;
            transition: all 0.2s;
}

#ntg-side .side-member01 .area-profile .wrap-profile-pic a:after {
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 0;
    width: 142px;
    height: 142px;
    border: solid 1px #b3b3b3;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    content: '\30d7\30ed\30d5\30a3\30fc\30eb\753b\50cf\5909\66f4';
    font-size: 11px;
    line-height: 142px;
    opacity: 0;
    box-sizing: border-box;
    -webkit-transition: opacity 0.2s;
            transition: opacity 0.2s;
}

#ntg-side .side-member01 .area-profile .wrap-profile-pic a:hover:before {
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_leftnav_avatar_change_on.svg) 50% 50% no-repeat;
}

#ntg-side .side-member01 .area-profile .wrap-profile-pic a:hover:after {
    opacity: 1;
}

#ntg-side .side-member01 .area-profile .wrap-profile-pic a:hover img {
    -webkit-transform: scale(1.06);
        -ms-transform: scale(1.06);
            transform: scale(1.06);
}

#ntg-side .side-member01 .area-profile .wrap-profile-pic span {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    border-radius: 50%;

    -webkit-clip-path: content-box;
}

#ntg-side .side-member01 .area-profile .wrap-profile-pic span.default-avatar-pic {
    background: #fff;
}

#ntg-side .side-member01 .area-profile .wrap-profile-pic span.default-avatar-pic img {
    width: 110px;
    margin-top: -10px;
    margin-left: -4px;
}

#ntg-side .side-member01 .area-profile .wrap-profile-pic span.upload-user-pic img {
    width: 100%;
    margin-top: 0;
    margin-left: 0;
}

#ntg-side .side-member01 .area-profile .wrap-profile-pic img {
    width: 220px;
    height: auto;
    margin-top: -15px;
    margin-left: -40px;
    -webkit-transition: all 0.2s;
            transition: all 0.2s;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}

#ntg-side .side-member01 .area-profile .wrap-user-menu {
    position: relative;
    padding-bottom: 10px;
}

#ntg-side .side-member01 .area-profile .wrap-user-menu .tx-user-name {
    color: #fff;
    font-size: 12px;
    line-height: 16px;
}

#ntg-side .side-member01 .area-profile .wrap-user-menu .tx-user-name > span {
    padding-left: 13px;
}

#ntg-side .side-member01 .area-profile .wrap-user-menu .tx-user-name > span a {
    color: #fff;
}

#ntg-side .side-member01 .area-profile .wrap-user-menu .tx-user-name > span .name-san {
    padding: 0 20px 0 2px;
    color: #ccc;
    font-size: 10px;
}

#ntg-side .side-member01 .area-profile .wrap-user-menu .btn-user-menu {
    position: absolute;
    top: -1px;
    right: -1px;
    display: inline-block;
    width: 20px;
    height: 16px;
    border: solid 1px #516067;
    border-radius: 3px;
    color: #fff;
    font-size: 10px;
    line-height: 16px;
    cursor: pointer;
}

#ntg-side .side-member01 .area-profile .wrap-user-menu .btn-user-menu:hover {
    top: 0;
}

#ntg-side .side-member01 .area-profile .wrap-user-menu .btn-user-menu span {
    display: inline-block;
    padding-top: 1px;
    -webkit-transition: -webkit-transform 0.2s;
            transition: -webkit-transform 0.2s;
            transition:         transform 0.2s;
            transition:         transform 0.2s, -webkit-transform 0.2s;
    -webkit-transform: scale(0.85);
        -ms-transform: scale(0.85);
            transform: scale(0.85);
    -webkit-transform-origin: 50% 48%;
        -ms-transform-origin: 50% 48%;
            transform-origin: 50% 48%;
}

#ntg-side .side-member01 .area-profile .wrap-user-menu.on .sub-menu {
    display: block;
}

#ntg-side .side-member01 .area-profile .wrap-user-menu.on .btn-user-menu span {
    -webkit-transform: scale(0.8) rotate(180deg);
        -ms-transform: scale(0.8) rotate(180deg);
            transform: scale(0.8) rotate(180deg);
}

#ntg-side .side-member01 .area-profile .wrap-user-menu:before {
    /* hover�����Υץ������ */
    position: absolute;
    display: block;
    overflow: hidden;
    width: 1px;
    height: 1px;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/sprite_ico_leftnav_menu.png) no-repeat 1px 1px;
    content: '';
}

#ntg-side .side-member01 .area-profile .wrap-user-menu .sub-menu {
    position: absolute;
    top: 26px;
    left: 0;
    z-index: 10;
    display: none;
    width: 100%;
    background: #516067;
    box-shadow: 0 1px 10px black;
    color: #fff;
    text-align: left;
    font-size: 11px;
    line-height: 18px;
}

#ntg-side .side-member01 .area-profile .wrap-user-menu .sub-menu:before {
    position: absolute;
    top: -10px;
    left: 0;
    width: 100%;
    height: 10px;
    content: '';
}

#ntg-side .side-member01 .area-profile .wrap-user-menu .sub-menu:after {
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    height: 10px;
    content: '';
}

#ntg-side .side-member01 .area-profile .wrap-user-menu .sub-menu > li {
    position: relative;
    overflow: hidden;
    border-top: solid 1px #39454a;
}

#ntg-side .side-member01 .area-profile .wrap-user-menu .sub-menu > li:first-child {
    border-top: none;
}

#ntg-side .side-member01 .area-profile .wrap-user-menu .sub-menu > li:before {
    position: absolute;
    top: 5px;
    left: 10px;
    width: 19px;
    height: 18px;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/sprite_ico_leftnav_menu.png) no-repeat;
    content: '';
}

#ntg-side .side-member01 .area-profile .wrap-user-menu .sub-menu > li:hover {
    background: #39454a;
}

#ntg-side .side-member01 .area-profile .wrap-user-menu .sub-menu > li a {
    display: block;
    padding: 5px 10px 5px 38px;
    color: #fff;
}

#ntg-side .side-member01 .area-profile .wrap-user-menu .sub-menu > li.sub-menu-message:before {
    background-position: 0 -28px;
}

#ntg-side .side-member01 .area-profile .wrap-user-menu .sub-menu > li.sub-menu-friend {
    padding-left: 36px;
}

#ntg-side .side-member01 .area-profile .wrap-user-menu .sub-menu > li.sub-menu-friend:before {
    background-position: 0 -56px;
}

#ntg-side .side-member01 .area-profile .wrap-user-menu .sub-menu > li.sub-menu-friend a {
    display: inline-block;
    padding: 5px 2px;
}

#ntg-side .side-member01 .area-profile .wrap-user-menu .sub-menu > li.sub-menu-invitation:before {
    background-position: 0 -84px;
}

#ntg-side .side-member01 .area-profile .wrap-user-menu .sub-menu > li.sub-menu-setting:before {
    background-position: 0 -112px;
}

#ntg-side .side-member01 .area-profile .bt-avatar {
    position: relative;
    top: 0;
    display: block;
    width: 100%;
    height: 28px;
    margin: 0 auto;
    border-radius: 2px;
    background: #ff7919;
    background-image: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%);
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%);
    background-image:         linear-gradient(to top, rgba(0, 0, 0, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%);
    box-shadow: 0 1px 1px 0 black, 1px 1px 0 rgba(255, 255, 255, 0.2) inset;
    color: #fff;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -2px 0 rgba(0, 0, 0, 0.2);
    letter-spacing: -0.15em;
    font-size: 12px;
    line-height: 28px;
    -webkit-transition: background-color 0.2s ease-in 0s;
            transition: background-color 0.2s ease-in 0s;
}

#ntg-side .side-member01 .area-profile .bt-avatar:hover {
    top: 1px;
    background-color: #ff9e00;
    box-shadow: 0 -1px 1px 0 black, 1px 1px 0 rgba(255, 255, 255, 0.2) inset;
}

#ntg-side .side-member01 .box-notice {
    position: relative;
    width: 100%;
    margin: 0 auto 10px;
    padding: 0;
    border-radius: 3px;
    background: #fff;
    -webkit-animation: jump 3.5s linear 0s infinite normal both;
            animation: jump 3.5s linear 0s infinite normal both;
}

#ntg-side .side-member01 .box-notice li {
    padding: 6px 8px;
}

#ntg-side .side-member01 .box-notice a {
    position: relative;
    display: block;
    text-align: center;
    font-size: 11px;
}

#ntg-side .side-member01 .box-notice a:before {
    position: absolute;
    top: 6px;
    left: 0;
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background: #ff6384;
    content: '';
}

#ntg-side .side-member01 .box-notice a span {
    display: block;
}

@-webkit-keyframes jump {
    0% {
        top: 0;
    }
    3% {
        top: -2px;
    }
    6% {
        top: 0;
    }
    100% {
        top: 0;
    }
}

@keyframes jump {
    0% {
        top: 0;
    }
    3% {
        top: -2px;
    }
    6% {
        top: 0;
    }
    100% {
        top: 0;
    }
}

#ntg-side .side-member01 .box-profile {
    overflow: hidden;
    margin: 0 16px 8px;
    padding-top: 16px;
}

#ntg-side .side-member01 .box-profile img {
    float: left;
    width: 60px;
    height: 60px;
    margin-right: 10px;
}

#ntg-side .side-member01 .box-profile p {
    color: #ccc;
}

#ntg-side .side-member01 .box-profile p a {
    color: #fff;
}

#ntg-side .side-member01 .box-profile p span {
    font-size: 18px;
}

#ntg-side .side-member01 .box-profile.small img {
    width: 38px;
    height: 38px;
}

#ntg-side .side-member01 .box-profile.small p span {
    font-size: 16px;
    line-height: 18px;
}

#ntg-side .side-member01 .box-mission {
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 1px;
    background: #404c4f;
    text-align: center;
}

#ntg-side .side-member01 .box-mission .tx-mission-medal {
    padding-bottom: 5px;
    border-bottom: dotted 1px #293134;
    color: #fff;
    font-size: 12px;
    line-height: 1;
}

#ntg-side .side-member01 .box-mission .num-mission-medal {
    padding: 0 2px 0 8px;
    color: #fffc00;
    font-weight: bold;
    font-size: 14px;
}

#ntg-side .side-member01 .box-mission .num-mission-medal span {
    font-size: 12px;
}

#ntg-side .side-member01 .box-mission .tx-mission-point {
    margin-top: 5px;
    color: #fff;
    font-size: 10px;
}

#ntg-side .side-member01 .box-mission .num-mission-point {
    padding: 0 3px;
}

#ntg-side .side-member01 .box-mission .bt-mission-pointchange {
    position: relative;
    display: block;
    margin-top: 5px;
    border-radius: 2px;
    background: -webkit-linear-gradient(bottom, #f2f2f2, #fff);
    background:         linear-gradient(to top, #f2f2f2, #fff);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
    color: #293134;
    font-size: 14px;
    line-height: 30px;
}

#ntg-side .side-member01 .box-mission .bt-mission-pointchange:hover {
    top: 1px;
    background: white;
    box-shadow: 0 -1px 1px 0 black, 1px 1px 0 rgba(255, 255, 255, 0.2) inset;
    text-decoration: none;
}

#ntg-side .side-member01 .box-mission .link-misson {
    margin-top: 6px;
    text-align: right;
}

#ntg-side .side-member01 .box-mission .link-misson a {
    color: #fff;
    font-size: 10px;
}

#ntg-side .side-member01 .box-mission .bnr-mission {
    position: relative;
    display: block;
    margin-top: 10px;
}

#ntg-side .side-member01 .box-mission .bnr-mission > span {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    width: 100%;
    color: #293134;
    font-size: 10px;
    line-height: 19px;
}

#ntg-side .side-member01 .box-mission .bnr-mission > span span {
    padding-left: 2px;
    font-size: 11px;
}

#ntg-side .side-member01 .box-mission .bnr-mission > span.entry-end span {
    padding-left: 0;
    font-size: 12px;
}

#ntg-side .side-member01 .box-mission .bnr-mission img {
    width: 100%;
    height: auto;
}

#ntg-side .side-member01 .box-mission .bnr-mission:hover {
    top: 1px;
    background: #fff;
}

#ntg-side .side-member01 .box-mission .bnr-mission:hover img {
    opacity: 0.8;
}

#ntg-side .side-member01 .box-mymenu {
    margin: 0 14px 10px;
}

#ntg-side .side-member01 .box-mymenu .main-menu:after {
    display: block;
    clear: both;
    content: '';
}

#ntg-side .side-member01 .box-mymenu .main-menu li {
    float: left;
    margin-left: 9px;
}

#ntg-side .side-member01 .box-mymenu .main-menu li:first-child {
    margin-left: 0;
}

#ntg-side .side-member01 .box-mymenu .bt-mygame {
    position: relative;
    top: 0;
    display: block;
    width: 99px;
    height: 50px;
    border-radius: 2px;
    background-color: #0f85f0;
    background-image: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%);
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%);
    background-image:         linear-gradient(to top, rgba(0, 0, 0, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%);
    box-shadow: 0 1px 1px 0 black, 1px 1px 0 rgba(255, 255, 255, 0.2) inset;
    color: #fff;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -2px 0 rgba(0, 0, 0, 0.2);
    font-size: 12px;
    -webkit-transition: background-color 0.2s ease-in 0s;
            transition: background-color 0.2s ease-in 0s;
}

#ntg-side .side-member01 .box-mymenu .bt-mygame:hover {
    top: 1px;
    background-color: #2c9bff;
    box-shadow: 0 -1px 1px 0 black, 1px 1px 0 rgba(255, 255, 255, 0.2) inset;
}

#ntg-side .side-member01 .box-mymenu .bt-mygame:after {
    position: absolute;
    top: 7px;
    left: 41px;
    width: 30px;
    height: 30px;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_sidentg_btn.png) left -120px no-repeat;
    content: '';
}

#ntg-side .side-member01 .box-mymenu .bt-mygame span {
    display: block;
    padding-top: 25px;
}

#ntg-side .side-member01 .box-mymenu .bt-mycommunity {
    position: relative;
    top: 0;
    display: block;
    width: 99px;
    height: 50px;
    border-radius: 2px;
    background-color: #7fc332;
    background-image: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%);
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%);
    background-image:         linear-gradient(to top, rgba(0, 0, 0, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%);
    box-shadow: 0 1px 1px 0 black, 1px 1px 0 rgba(255, 255, 255, 0.2) inset;
    color: #fff;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -2px 0 rgba(0, 0, 0, 0.2);
    letter-spacing: -0.15em;
    font-size: 12px;
    -webkit-transition: background-color 0.2s ease-in 0s;
            transition: background-color 0.2s ease-in 0s;
}

#ntg-side .side-member01 .box-mymenu .bt-mycommunity:hover {
    top: 1px;
    background-color: #88dd28;
    box-shadow: 0 -1px 1px 0 black, 1px 1px 0 rgba(255, 255, 255, 0.2) inset;
}

#ntg-side .side-member01 .box-mymenu .bt-mycommunity:after {
    position: absolute;
    top: 7px;
    left: 37px;
    width: 30px;
    height: 30px;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_sidentg_btn.png) left -150px no-repeat;
    content: '';
}

#ntg-side .side-member01 .box-mymenu .bt-mycommunity span {
    display: block;
    padding-top: 25px;
}

#ntg-side .side-member01 .box-mymenu.small .bt-mygame, #ntg-side .side-member01 .box-mymenu.small .bt-mycommunity {
    height: 42px;
}

#ntg-side .side-member01 .box-mymenu.small .bt-mygame:after, #ntg-side .side-member01 .box-mymenu.small .bt-mycommunity:after {
    top: 3px;
}

#ntg-side .side-member01 .box-mymenu.small .bt-mygame span, #ntg-side .side-member01 .box-mymenu.small .bt-mycommunity span {
    padding-top: 20px;
}

#ntg-side .side-member01 .box-mymenu.small .side-member01.box-notice.general a:before {
    background: #19bad2;
}

#ntg-side .side-member01 .box-ntgbuy {
    margin-top: 5px;
}

#ntg-side .side-member01 .bt-pointbuy {
    position: relative;
    top: 0;
    display: block;
    width: 205px;
    height: 28px;
    border-radius: 2px;
    background-color: #ffe65e;
    background-image: -webkit-linear-gradient(to top, rgba(246, 91, 30, 0.4) 0%, rgba(255, 217, 66, 0.5) 100%);
    background-image: -webkit-linear-gradient(bottom, rgba(246, 91, 30, 0.4) 0%, rgba(255, 217, 66, 0.5) 100%);
    background-image:         linear-gradient(to top, rgba(246, 91, 30, 0.4) 0%, rgba(255, 217, 66, 0.5) 100%);
    box-shadow: 0 1px 1px 0 black, 1px 1px 0 rgba(255, 255, 255, 0.2) inset;
    color: #462403;
    text-align: center;
    text-decoration: none;
    font-weight: normal;
    font-size: 15px;
    line-height: 29px;
    -webkit-transition: background-color 0.2s ease-in 0s;
            transition: background-color 0.2s ease-in 0s;
}

#ntg-side .side-member01 .bt-pointbuy:hover {
    top: 1px;
    background-color: #f7ff3c;
    box-shadow: 0 -1px 1px 0 black, 1px 1px 0 rgba(255, 255, 255, 0.2) inset;
}

#ntg-side .side-member01 .bt-pointbuy:after {
    position: absolute;
    top: 4px;
    left: 8px;
    width: 30px;
    height: 30px;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_sidentg_btn.png) -30px -90px no-repeat;
    content: '';
}

#ntg-side .side-member01 .bt-pointbuy span {
    padding-left: 20px;
}

#ntg-side .side-member01 .area-quickbuy {
    margin: 10px auto 0;
}

#ntg-side .side-member01 .area-quickbuy a {
    color: #fff;
}

#ntg-side .side-member01 .area-quickbuy .tx-quickbuy {
    margin: 0 0 3px;
    font-size: 10px;
}

#ntg-side .side-member01 .area-quickbuy .tx-quickerror {
    margin-top: 0.3em;
}

#ntg-side .side-member01 .box-quickbuy {
    overflow: hidden;
    padding-bottom: 1px;
}

#ntg-side .side-member01 .box-quickbuy:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: '.';
    font-size: 0;
}

#ntg-side .side-member01 .box-quickbuy select {
    width: 130%;
    height: 28px;
    padding: 0 0 0 0.3em;
    border: 1px solid white;
    border-radius: 2px;
    background-color: white;
    box-shadow: none;
    font-size: 12px;
    line-height: 28px;
    cursor: pointer;
    box-sizing: border-box;
}

#ntg-side .side-member01 .box-quickbuy select:focus {
    outline: 0;
}

#ntg-side .side-member01 .box-quickbuy .btn {
    display: inline-block;
    margin: 0;
    padding: 0;
    border-left: #ffc94a 1px solid;
    border-radius: 3px;
    background-color: #ffe65e;
    background-image: -webkit-linear-gradient(to top, rgba(246, 91, 30, 0.4) 0%, rgba(255, 217, 66, 0.5) 100%);
    background-image: -webkit-linear-gradient(bottom, rgba(246, 91, 30, 0.4) 0%, rgba(255, 217, 66, 0.5) 100%);
    background-image:         linear-gradient(to top, rgba(246, 91, 30, 0.4) 0%, rgba(255, 217, 66, 0.5) 100%);
    box-shadow: 0 1px 1px 0 black, 1px 1px 0 rgba(255, 255, 255, 0.2) inset;
    color: #462403;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    font-family: inherit;
    cursor: pointer;
    box-sizing: border-box;
    -webkit-transition: background-color 0.2s ease-in 0s;
            transition: background-color 0.2s ease-in 0s;
}

#ntg-side .side-member01 .box-quickbuy .btn:hover {
    background-color: #f7ff3c;
    box-shadow: 0 -1px 1px 0 black, 1px 1px 0 rgba(255, 255, 255, 0.2) inset;
}

#ntg-side .side-member01 .box-quickbuy .btn > * {
    display: inline-block;
    width: 210px;
    padding: 0.6em 0.8em;
    background-color: transparent;
    background-repeat: no-repeat;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    cursor: inherit;
    box-sizing: border-box;
}

#ntg-side .side-member01 .box-quickbuy .btn:hover > * {
    padding-top: 0.7em;
    text-decoration: none;
}

#ntg-side .side-member01 .box-quickbuy .btn-disabled, #ntg-side .side-member01 .box-quickbuy .btn:disabled {
    opacity: 0.6;
    cursor: default;
}

#ntg-side .side-member01 .box-quickbuy .btn-disabled:hover, #ntg-side .side-member01 .box-quickbuy .btn:disabled:hover {
    background-color: #ffe65e;
    box-shadow: 0 -1px 1px 0 black, 1px 1px 0 rgba(255, 255, 255, 0.2) inset;
}

#ntg-side .side-member01 .box-quickbuy .btn-disabled:hover *, #ntg-side .side-member01 .box-quickbuy .btn:disabled:hover * {
    padding-top: 0.6em;
}

#ntg-side .side-member01 .quickbuy-select {
    position: relative;
    float: left;
    overflow: hidden;
    width: 114px;
    box-shadow: 0 1px 1px 0 black;
}

#ntg-side .side-member01 .quickbuy-select:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    width: 13px;
    height: 26px;
    margin: auto;
    background: white url(https://p.dmm.co.jp/p/common/ico/ico_select_black_sm.png) no-repeat 2px;
    content: '';
}

#ntg-side .side-member01 .quickbuy-select + .btn {
    border-radius: 0 2px 2px 0;
}

#ntg-side .side-member01 .quickbuy-select + .btn span {
    width: 8em;
    height: 28px;
    font-size: 11px;
}

#ntg-side .side-member01 .tx-quickbuy-bonus {
    margin-bottom: 5px;
    color: #f90;
    font-weight: bold;
}

#ntg-side .side-member01 .tx-quickbuy-bonus a {
    padding-left: 7px;
    color: #f90;
}

#ntg-side .side-member01 .tx-quickbuy-bonus a:hover {
    text-decoration: underline;
}

#ntg-side .side-member01 .tx-buyprocess {
    position: relative;
    margin: 20px auto;
    padding-left: 20px;
    text-align: center;
    font-size: 14px;
}

#ntg-side .side-member01 .tx-buyprocess:before {
    position: absolute;
    top: 0;
    left: 44px;
    display: block;
    width: 20px;
    height: 20px;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/buyprocessload.gif) center center no-repeat;
    content: '';
}

#ntg-side .side-member01 .tx-chipbuy {
    margin-bottom: 3px;
    font-size: 10px;
}

#ntg-side .side-member01 .bt-chipbuy {
    position: relative;
    top: 0;
    display: block;
    width: 205px;
    height: 28px;
    border-radius: 2px;
    background-color: #ddd;
    background-image: -webkit-linear-gradient(90deg, rgba(180, 180, 180, 0.4) 0%, rgba(255, 255, 255, 0.5) 100%);
    background-image:     -ms-linear-gradient(90deg, rgba(180, 180, 180, 0.4) 0%, rgba(255, 255, 255, 0.5) 100%);
    box-shadow: 0 1px 1px 0 black, 1px 1px 0 rgba(255, 255, 255, 0.2) inset;
    color: #333;
    text-align: left;
    text-decoration: none;
    font-weight: normal;
    font-size: 12px;
    line-height: 29px;
    -webkit-transition: background-color 0.2s ease-in 0s;
            transition: background-color 0.2s ease-in 0s;
}

#ntg-side .side-member01 .bt-chipbuy:hover {
    top: 1px;
    background-color: #fff;
    box-shadow: 0 -1px 1px 0 black, 1px 1px 0 rgba(255, 255, 255, 0.2) inset;
}

#ntg-side .side-member01 .bt-chipbuy:after {
    position: absolute;
    top: 4px;
    left: 6px;
    width: 20px;
    height: 20px;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_chip_small.png) top left no-repeat;
    content: '';
}

#ntg-side .side-member01 .bt-chipbuy span {
    padding-left: 32px;
    letter-spacing: 2.5px;
}

#ntg-side .side-member01 .box-note {
    margin-top: 0.5em;
    padding-bottom: 6px;
    font-size: 10px;
    line-height: 13px;
}

#ntg-side .side-member01 .box-note li:first-child:before {
    content: '\0203B';
}

#ntg-side .side-member01 .box-note a {
    position: relative;
    left: -3px;
    display: block;
    margin-top: 6px;
    color: #fff;
    font-size: 11px;
}

#ntg-side .side-member01 .box-result {
    text-align: center;
}

#ntg-side .side-member01 .tx-point {
    margin: 0 0 3px;
    padding: 6px 6px 4px;
    background: #191d21;
    text-align: right;
    font-size: 13px;
    line-height: 16px;
}

#ntg-side .side-member01 .tx-point p {
    font-size: 10px;
    line-height: 2.2em;
}

#ntg-side .side-member01 .tx-point p > span:first-child {
    float: left;
    font-size: 13px;
}

#ntg-side .side-member01 .tx-point p:first-child .tx-point-data {
    margin: 0 3px;
    color: #f90;
    font-weight: bold;
    font-size: 16px;
}

#ntg-side .side-member01 .tx-point p ~ p .tx-point-data {
    margin: 0 3px;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
}

#ntg-side .side-member01 .tx-point .tx-thanks {
    margin: 0 0 3px;
    text-align: left;
    font-size: 11px;
}

#ntg-side .side-member01 .tx-point .tx-repurchase {
    display: inline-block;
    margin-bottom: 3px;
    margin-left: -7px;
    color: #fff;
}

#ntg-side .box-point {
    margin: 0 16px 0;
    padding-bottom: 10px;
    color: #ccc;
    text-align: left;
}

#ntg-side .ico-point {
    position: relative;
    padding-left: 20px;
    font-size: 10px;
}

#ntg-side .ico-point:after {
    position: absolute;
    top: -4px;
    left: 0;
    width: 30px;
    height: 30px;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_sidentg_btn.png) left -90px no-repeat;
    content: '';
}

#ntg-side #check_pt {
    width: 193px;
    margin: 3px auto 0;
    padding: 5px 6px;
    border-radius: 2px;
    background: #fff;
    color: #666;
    font-size: 10px;
    line-height: 12px;
}

#ntg-side #check_pt span {
    color: #c00;
    font-size: 14px;
}

#ntg-side #check_pt .pd-t12 {
    padding-top: 7px !important;
}

#ntg-side .capt {
    position: relative;
    left: -39px;
    width: 165px;
    height: 30px;
    margin-bottom: 6px;
    padding-left: 72px;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_sidentg.png) left top no-repeat;
    font-size: 14px;
    line-height: 30px;
}

#ntg-side .bnr-beginner {
    display: block;
    margin-top: 15px;
}

#ntg-side .bnr-beginner:hover {
    opacity: 0.7;
}

#ntg-side .side-infotab {
    margin-top: 0;
    padding-top: 0;
    background: #293134;
}

#ntg-side .side-infotab .side-inner {
    padding: 6px 12px;
    border: none;
}

#ntg-side .side-infotab .side-inner > span {
    display: inline-block;
    line-height: 30px;
}

#ntg-side .side-infotab .side-inner > p {
    margin: 6px 0 6px;
    padding: 3px 3px 3px 6px;
    background: #f2f2f2;
    color: #666;
}

#ntg-side .side-infotab .side-inner ul {
    margin-bottom: 6px;
}

#ntg-side .side-infotab .side-inner li {
    border-bottom: 1px dotted #ccc;
    font-size: 11px;
}

#ntg-side .side-infotab .side-inner li a {
    display: block;
    padding: 6px;
    text-decoration: none;
}

#ntg-side .side-infotab .side-inner li a:hover {
    background: #eaecf1;
}

#ntg-side .side-infotab .side-inner li a:hover .tx-link {
    text-decoration: underline;
}

#ntg-side .side-infotab .side-inner .tx-sub {
    display: block;
    color: #666;
    font-size: 10px;
}

#ntg-side .side-infotab .side-inner .tx-date {
    display: block;
    color: #999;
    text-align: right;
    font-size: 10px;
}

#ntg-side .mygame {
    margin-bottom: 6px;
}

#ntg-side .mygame li {
    margin: 0;
    padding: 0;
}

#ntg-side .mygame li img {
    float: left;
    margin-right: 6px;
}

#ntg-side .mygame a {
    display: block;
    padding: 6px;
    font-size: 13px;
}

#ntg-side .mygame a:after {
    display: table;
    clear: both;
    content: '';
}

#ntg-side .mygame a:hover {
    background: #eaecf1;
    text-decoration: underline;
}

#ntg-side .mygame .info {
    overflow: hidden;
}

#ntg-side .mygame .info .status {
    margin-bottom: 3px;
}

#ntg-side #home_info {
    background: #fff;
}

#ntg-side .side-infotab.general .navi-info li {
    background-color: #00adc5;
}

#ntg-side .side-infotab.general .navi-info li a {
    border-left: 1px solid #1696a9;
}

#ntg-side .side-infotab.general .capt-info {
    background-color: #00adc5;
}

#ntg-side .side-infotab .navi-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    height: 30px;
    box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.2);
}

#ntg-side .side-infotab .navi-info li {
    position: relative;
    top: 0;
    height: 30px;
    background-color: #ff5f80;
    background-image: -webkit-linear-gradient(to top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
    background-image:         linear-gradient(to top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
    box-shadow: 0 -6px 6px -6px rgba(0, 0, 0, 0.2) inset;
    color: #fff;
    text-align: center;
    font-size: 10px;
    line-height: 30px;
    cursor: pointer;
    -webkit-transition: all 0.1s ease-in 0s;
            transition: all 0.1s ease-in 0s;

    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

#ntg-side .side-infotab .navi-info li a {
    border-left: 1px solid #ed5878;
    -webkit-transition: border-left 0.1s ease-in 0s;
            transition: border-left 0.1s ease-in 0s;
}

#ntg-side .side-infotab .navi-info li.on, #ntg-side .side-infotab .navi-info li:hover {
    top: -3px;
    height: 33px;
    background-color: #fff;
    box-shadow: none;
    color: #333;
}

#ntg-side .side-infotab .navi-info li.on a, #ntg-side .side-infotab .navi-info li:hover a {
    border-left: 1px solid #fff;
    color: #333;
}

#ntg-side .side-infotab .navi-info a {
    display: block;
}

#ntg-side .side-infotab .navi-info a span {
    position: relative;
    height: 30px;
    padding: 7px 0 7px 20px;
}

#ntg-side .side-infotab .navi-info a span:after {
    position: absolute;
    top: 6px;
    left: 0;
    display: block;
    width: 20px;
    height: 15px;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_sidentg.png) left 6px no-repeat;
    content: '';
}

#ntg-side .side-infotab .navi-info .ico-game span:after {
    background-position: -30px -510px;
}

#ntg-side .side-infotab .navi-info .ico-game.on span:after, #ntg-side .side-infotab .navi-info .ico-game:hover span:after {
    background-position: left -510px;
}

#ntg-side .side-infotab .navi-info .ico-friend span:after {
    background-position: -30px -539px;
}

#ntg-side .side-infotab .navi-info .ico-friend.on span:after, #ntg-side .side-infotab .navi-info .ico-friend:hover span:after {
    background-position: left -539px;
}

#ntg-side .side-infotab .navi-info .ico-community span:after {
    background-position: -30px -570px;
}

#ntg-side .side-infotab .navi-info .ico-community.on span:after, #ntg-side .side-infotab .navi-info .ico-community:hover span:after {
    background-position: left -570px;
}

#ntg-side .side-infotab .capt-info {
    height: 30px;
    background-color: #ff5f80;
    color: #fff;
    font-size: 12px;
    line-height: 30px;
}

#ntg-side .side-infotab .capt-info span {
    position: relative;
    height: 30px;
    margin-left: 16px;
    padding: 6px 0 6px 22px;
}

#ntg-side .side-infotab .capt-info span:after {
    position: absolute;
    top: 6px;
    left: 0;
    display: block;
    width: 20px;
    height: 15px;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_sidentg.png) left 6px no-repeat;
    content: '';
}

#ntg-side .side-infotab .capt-info span.ico-game:after {
    background-position: -30px -508px;
}

#ntg-side .side-infotab .capt-info span.ico-friend:after {
    background-position: -30px -539px;
}

#ntg-side .side-infotab .capt-info span.ico-community:after {
    background-position: -30px -569px;
}

#ntg-side .side-pickup > .side-inner {
    border-bottom: none;
}

#ntg-side .side-pickup .capt {
    width: 180px;
    background-position: left -100px;
}

#ntg-side .side-pickup dt {
    margin-bottom: 6px;
    border-bottom: 1px dotted #ccc;
}

#ntg-side .side-pickup dt a {
    display: block;
    padding: 6px;
}

#ntg-side .side-pickup dt a:hover {
    background-color: #eaecf1;
}

#ntg-side .side-pickup dt img {
    display: block;
    margin: 0 auto 6px;
    border: 1px solid #ccc;
}

#ntg-side .side-news .capt {
    background-position: left -150px;
}

#ntg-side .side-news li {
    border-top: 1px dotted #ccc;
}

#ntg-side .side-news li:first-child {
    border-top: none;
}

#ntg-side .side-news li a {
    display: block;
    overflow: hidden;
    padding: 6px 6px 6px 10px;
}

#ntg-side .side-news li a:hover {
    background-color: #eaecf1;
}

#ntg-side .side-news li .arrow {
    background-position: 6px 12px;
}

#ntg-side .side-regist .side-inner {
    border-top: none;
}

#ntg-side .side-regist .capt {
    background-position: left -1000px;
}

#ntg-side .side-regist li {
    border-top: 1px dotted #ccc;
}

#ntg-side .side-regist li:first-child {
    border-top: none;
}

#ntg-side .side-regist li a {
    display: block;
    overflow: hidden;
    padding: 6px 6px;
}

#ntg-side .side-regist li a:hover {
    background: #eaecf1;
}

#ntg-side .side-regist li img {
    float: left;
    margin-right: 6px;
}

#ntg-side .side-regist .ntg-ttl {
    padding-left: 66px;
}

#ntg-side .side-regist [class^='ntg-regist'] {
    display: table;
    margin-bottom: 3px;
    padding: 1px 8px;
    border-collapse: initial;
    color: #fff;
    font-size: 10px;
    line-height: 1.4em;
}

#ntg-side .side-regist .ntg-registinfo {
    background: #ff9333;
}

#ntg-side .side-regist .ntg-registprior {
    background: #f48;
}

#ntg-side .side-regist .ntg-registcbt {
    background: #6acbf8;
}

#ntg-side .side-regist .ntg-registobt {
    background: #ce181e;
}

#ntg-side .side-announce .capt {
    left: 0;
    height: 20px;
    padding-left: 26px;
    background-position: -35px -295px;
    line-height: 1.5;
}

#ntg-side .side-announce li {
    border-top: 1px dotted #ccc;
}

#ntg-side .side-announce li a {
    display: block;
    overflow: hidden;
    padding: 6px 6px 6px 10px;
    background-position: 6px 12px !important;
}

#ntg-side .side-announce li a:hover {
    background-color: #eaecf1;
}

#ntg-side .side-tagcloud .capt {
    background-position: left -900px;
}

#ntg-side .side-tagcloud li {
    display: inline;
    line-height: 28px;
}

#ntg-side .side-tagcloud li .keyword_large {
    font-weight: bold;
    font-size: 18px;
}

#ntg-side .side-tagcloud li .keyword_middle {
    font-weight: bold;
    font-size: 14px;
}

#ntg-side .side-tagcloud li .keyword_small {
    font-size: 12px;
}

#ntg-side .side-osusume .capt {
    left: -29px;
    background-position: left -950px;
}

#ntg-side .side-osusume .side-inner {
    padding: 10px 0 0;
}

#ntg-side .side-osusume li a {
    position: relative;
    display: block;
    padding: 10px;
    border-top: 1px dotted #ccc;
    text-decoration: none;
}

#ntg-side .side-osusume li a:hover {
    top: 1px;
    background: #ffd;
}

#ntg-side .side-osusume li a:hover img {
    opacity: 0.7;
}

#ntg-side .side-osusume li a:hover .ntg-ttl-recommend {
    text-decoration: underline;
}

#ntg-side .side-osusume li:first-child a {
    border-top: none;
}

#ntg-side .side-osusume li img {
    float: left;
    width: 60px;
    height: 60px;
}

#ntg-side .side-osusume li .ntg-ttl-recommend {
    display: block;
    margin-left: 70px;
    font-weight: bold;
    font-size: 12px;
}

#ntg-side .side-osusume li .ntg-tx-recommend {
    display: block;
    margin-left: 70px;
    color: #333;
    font-size: 11px;
}

#ntg-side .side-twitter {
    position: relative;
    background: #333;
}

#ntg-side .side-twitter p {
    padding: 3px 3px 8px;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
}

#ntg-side .side-twitter .btn-follow {
    position: absolute;
    top: 7px;
    right: 5px;
}

#ntg-side .side-twitter .btn-follow iframe {
    margin-top: 0;
}

#ntg-side .side-bnr {
    margin-bottom: 20px;
    padding: 0;
}

#ntg-side .side-bnr a:hover img {
    opacity: 0.7;
}

#ntg-side .side-bnr-list {
    padding: 12px;
    background: #eee;
}

#ntg-side .side-bnr-list li {
    margin-top: 10px;
}

#ntg-side .side-bnr-list li:first-child {
    margin: 0;
}

#ntg-side .side-bnr-list li a:hover {
    opacity: 0.7;
}

#ntg-side .side-recruit .capt {
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_sidentg.png) left top no-repeat;
    background-position: left -800px;
}

#ntg-side .side-recruit li {
    border-top: 1px dotted #ccc;
}

#ntg-side .side-recruit li a {
    display: block;
    overflow: hidden;
    padding: 6px 6px 6px 10px;
}

#ntg-side .side-recruit li a:hover {
    background-color: #eaecf1;
}

#ntg-side .side-recruit li a.arrow {
    background-position: 6px 12px;
}

#ntg-side .side-recruit li:first-child {
    border-top: none;
}

#ntg-side .side-special .side-inner {
    border-top: none;
}

#ntg-side .side-special .side-inner a {
    display: block;
    padding: 6px;
    border-bottom: none;
}

#ntg-side .side-special .side-inner a:hover {
    background-color: #eaecf1;
}

#ntg-side .side-special .capt {
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_sidentg.png) left top no-repeat;
    background-position: left -850px;
}

#ntg-side .side-special .special-banner {
    border-bottom: 1px dotted #ccc;
}

#ntg-side .side-special .special-banner a {
    text-decoration: none;
}

#ntg-side .side-special .special-banner a:hover .special-ttl {
    text-decoration: underline;
}

#ntg-side .side-special .special-banner span {
    display: block;
    margin-top: 6px;
}

#ntg-side .side-special .special-tx {
    display: block;
    color: #333;
    word-break: break-all;
}

#ntg-side .box-bnr a {
    display: block;
    background: #fff;
}

#ntg-side .box-bnr a:hover img {
    opacity: 0.7;
}

#ntg-side [class^='side-'] .arrow {
    padding-left: 16px;
    background-position: 6px center;
}

#ntg-side iframe {
    margin-top: 20px;
}

/*
layout -- contents-ntg.scss
----------------------------------------*/
#contents-ntg {
    float: left;
    width: 725px;
    margin-left: 20px;
}

footer._n4v1-footer {
    position: relative;
    z-index: 500;
    clear: both;
    overflow: hidden;
    width: calc(100% + 24px);
    margin: 0 -12px;
    padding-top: 50px;
    background: #fff;
}

/*
component - ad.scss
----------------------------------------*/
/* ===== adServer */
.dmm-ad-style .dmm-c-banner-tags {
    width: 728px;
    height: 90px;
    margin-bottom: 50px;
}

.dmm-ad-style .dmm-c-banner-tags:empty {
    display: none;
}

/*
component - _alert.scss
----------------------------------------*/
/* ===== ��ݥåץ��å� */
#alert {
    display: block;
    margin: 0 !important;
    padding: 20px;
    border: 1px solid #ccc;
    background: #e8eff5;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
    text-align: center;
    font-size: 12px;
    line-height: 1.5;
}

#alert .close {
    padding-left: 13px;
    background: url(https://p.dmm.co.jp/p/netgame/community/ico_community.png) no-repeat 0 -728px;
}

#alert p {
    margin-bottom: 12px;
    font-size: 13px;
}

#alert input {
    margin: 0;
}

#alert label {
    cursor: pointer;
}

#alert .hl-alert {
    margin: 0 auto 6px;
    text-align: left;
    font-size: 16px;
}

#alert table {
    width: 100%;
    border-collapse: collapse;
}

#alert td {
    padding: 12px;
    border-bottom: 1px solid #fff;
    background: #f5f7f8;
}

#alert th {
    width: 40%;
    padding: 12px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background: #edf0f1;
    text-align: center;
    font-size: 14px;
}

#alert textarea {
    width: 98%;
    height: 100px;
}

#alert .ntg-box-friendlist {
    overflow: hidden;
}

#alert .ntg-box-friendlist li {
    float: left;
    width: 278px;
    margin: 0 5px 0;
    border-bottom: 1px dotted #ccc;
    text-align: left;
}

#alert .ntg-box-friendlist a {
    display: block;
    padding: 6px;
}

#alert .ntg-box-friendlist a:hover {
    position: relative;
    top: 1px;
    background: #edf0f1;
    text-decoration: none;
}

#alert .ntg-box-friendlist a:hover .friendname {
    text-decoration: underline;
}

#alert .ntg-box-friendlist .friendimg img {
    width: 50px;
    vertical-align: -18px;
}

#alert .box-community-info {
    overflow: hidden;
    padding: 20px;
    background: #f4f7fa;
}

#alert .box-community-info img {
    float: left;
}

#alert .box-community-info p {
    margin-left: 70px;
    text-align: left;
}

#alert .box-attention {
    margin-bottom: 20px;
    padding: 20px 0;
    border-bottom: 1px solid #d0d0d0;
}

#alert .box-attention p {
    margin-bottom: 10px;
}

#alert .box-attention dt, #alert .box-attention dd {
    margin-bottom: 5px;
}

#alert .box-attention dt {
    float: left;
    width: 80px;
}

#alert .box-attention dd {
    margin-left: 90px;
    text-align: left;
}

#alert > div > p {
    margin-top: 8px;
}

#alert #page-link {
    overflow: hidden;
    border-top: 1px solid #ccc;
    background: #eee;
}

#alert #page-link p {
    margin: 0;
}

#alert #page-link li {
    float: left;
    margin: 0 4px 0 0;
    white-space: nowrap;
}

#alert #page-link li a, #alert #page-link li a:visited {
    display: block;
    min-width: 22px;
    padding: 0 6px;
    border: 1px solid #999;
    background-color: #fff;
    text-align: center;
    text-decoration: none;
    font-size: 13px;
    line-height: 1.6em;
}

#alert #page-link li a:hover {
    background-color: #039;
    color: #fff;
}

#alert #page-link li span {
    display: block;
    min-width: 22px;
    padding: 0 6px;
    border: 1px solid #999;
    background-color: #f4f4f4;
    color: black;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-size: 13px;
    line-height: 1.6em;
}

#alert .item-info {
    overflow: hidden;
    min-height: 180px;
    margin-bottom: 12px;
}

#alert .item-info > dt {
    position: relative;
}

#alert .item-info > dt > p {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display:         inline-flex;
    word-wrap: break-word;
    word-break: break-all;
}

#alert .item-info > dt img {
    position: absolute;
    width: 180px;
    height: 180px;
}

#alert .item-info > dt span {
    margin-left: 192px;
}

#alert .item-info > dd {
    margin-left: 192px;
}

#alert .bx-point {
    margin-bottom: 12px;
    padding-top: 12px;
    border-top: 1px solid #ccc;
    text-align: right;
}

#alert .bx-point dt {
    display: inline;
    margin-right: 6px;
    margin-left: 12px;
    font-size: 14px;
}

#alert .bx-point dd {
    display: inline;
    white-space: nowrap;
    font-size: 24px;
}

#alert .tx-point {
    color: #f60;
}

#alert .tx-moneyshort {
    color: #c00;
}

#alert .tx-moneyshort dd {
    font-weight: bold;
}

#alert .box-bnr {
    margin-top: 20px;
}

#alert .box-bnr a:hover {
    position: relative;
    top: 1px;
    opacity: 0.8;
}

#alert .list-friend {
    overflow: hidden;
    padding: 0;
    border-bottom: none;
}

#alert .list-friend > * {
    margin: 0;
    border: none;
    border-radius: 0;
    background: none;
}

#alert .list-friend li {
    width: 33%;
}

#alert .list-friend li p {
    overflow: hidden;
    height: 5em;
    margin: 10px;
}

#alert .list-friend li img {
    border: 1px solid #ccc;
    border-radius: 3px;
}

/* ===== �ݥåץ��å��ط� */
#block_background {
    margin: 0 !important;
}

/*
component - area-side.scss
----------------------------------------*/
.area-side .side-genresort a {
    display: block;
    padding: 8px 10px;
    color: #333;
    font-weight: bold;
    font-size: 13px;
}

.area-side .side-genresort a span {
    color: #aaa;
    font-size: 11px;
}

.area-side .side-genresort a:hover, .area-side .side-genresort a.on {
    background: #c00;
    color: #fff;
    text-decoration: none;
}

.area-side .side-genresort a:hover span, .area-side .side-genresort a.on span {
    color: #fff;
}

.area-side .side-genresort li > ul {
    margin: 0 0 8px 12px;
}

.area-side .side-genresort li > ul > li {
    display: inline-block;
    margin-left: 6px;
}

.area-side .side-genresort li > ul > li a {
    margin-top: 8px;
    padding: 0;
    color: #666;
    font-size: 11px;
}

.area-side .side-genresort li > ul > li a:hover, .area-side .side-genresort li > ul > li a.on {
    background: none;
    color: #c00;
    text-decoration: none;
}

.area-side .side-genresort li > ul > li a:hover span, .area-side .side-genresort li > ul > li a:hover span, .area-side .side-genresort li > ul > li a.on span, .area-side .side-genresort li > ul > li a.on span {
    color: #c00;
}

.area-side .navi-capt {
    margin-bottom: 6px;
    color: #078dff;
    font-weight: bold;
    font-size: 15px;
}

.area-side .side-genresort .side-inner .side-innerList .side-innerListItem a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    display: block;
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    padding: 8px 10px;
    color: #333;
    font-weight: bold;
    font-size: 13px;

    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
            justify-content: space-between;
}

.area-side .side-genresort .side-inner .side-innerList .side-innerListItem a:hover, .area-side .side-genresort .side-inner .side-innerList .side-innerListItem a.on {
    background: #c00;
    color: #fff;
    text-decoration: none;
}

.area-side .side-genresort .side-inner .side-innerList .side-innerListItem a:hover span, .area-side .side-genresort .side-inner .side-innerList .side-innerListItem a.on span {
    color: #fff;
}

.area-side .side-genresort .side-inner .side-innerList .side-innerListItem a:hover span.new, .area-side .side-genresort .side-inner .side-innerList .side-innerListItem a.on span.new {
    color: #fff;
}

.area-side .side-genresort .side-inner .side-innerList .side-innerListItem a span {
    color: #aaa;
    font-size: 11px;
}

.area-side .side-genresort .side-inner .side-innerList .side-innerListItem a span.new {
    float: right;
    color: #ee2b2b;
    font-size: 11px;
}

.area-side .side-genresort .side-inner .side-innerList .side-innerList-pc-game {
    margin-bottom: 10px;
}

.area-side .side-genresort .side-inner .side-innerSubList {
    margin: 0 0 8px 12px;
}

.area-side .side-genresort .side-inner .side-innerSubList .side-innerSubListItem {
    display: inline-block;
    margin-left: 6px;
}

.area-side .side-genresort .side-inner .side-innerSubList .side-innerSubListItem a {
    margin-top: 8px;
    padding: 0;
    color: #666;
    font-size: 11px;
}

.area-side .side-genresort .side-inner .side-innerSubList .side-innerSubListItem a:hover, .area-side .side-genresort .side-inner .side-innerSubList .side-innerSubListItem a.on {
    background: none;
    color: #c00;
    text-decoration: none;
}

.area-side .side-genresort .side-inner .side-innerSubList .side-innerSubListItem a:hover span, .area-side .side-genresort .side-inner .side-innerSubList .side-innerSubListItem a.on span {
    color: #c00;
}

.area-side .side-genresort .side-inner .side-innerSubList.is-vertical {
    margin: 0;
}

.area-side .side-genresort .side-inner .side-innerSubList.is-vertical .side-innerSubListItem {
    display: block;
    margin: 0 0 0 18px;
}

.area-side .side-genresort .side-inner .side-innerSubList.is-vertical .side-innerSubListItem a {
    margin: 0;
    padding: 6px 10px 6px 16px;
}

.area-side .side-genresort .side-inner .side-innerSubList.is-vertical .side-innerSubListItem a:hover, .area-side .side-genresort .side-inner .side-innerSubList.is-vertical .side-innerSubListItem a.on {
    background-color: #c00;
    text-decoration: none;
}

.area-side .side-genresort .side-inner .side-innerSubList.is-vertical .side-innerSubListItem a:hover span, .area-side .side-genresort .side-inner .side-innerSubList.is-vertical .side-innerSubListItem a.on span {
    color: #fff;
}

.area-side .side-genresort .side-inner .side-innerSubList.is-vertical .side-innerSubListItem .arrow {
    background: url(https://p.dmm.co.jp/p/common/arrow_common.gif) no-repeat;
    background-position: left 12% bottom 45%;
    background-position-x: 20px;
}

.area-side .side-genresort .side-inner .side-innerSubList.is-vertical .side-innerSubListItem .arrow:hover {
    background: url(https://p.dmm.co.jp/p/common/arrow_common.gif) no-repeat;
    background-position: left 12% bottom 45%;
    color: #c00;
}

.area-side .side-genresort .side-inner .side-innerSubList.is-vertical .side-innerSubListItem .on {
    background: url(https://p.dmm.co.jp/p/common/arrow_common.gif) no-repeat;
    background-position: left 12% bottom 45%;
    color: #c00;
}

#ntg-side.area-side .side-genresort .side-inner:first-child {
    border-bottom: none;
}

/*
component - ico-genre.scss
----------------------------------------*/
.ico-maingenre, .ico-subgenre {
    display: inline-block;
    width: 76px;
    margin: 0 2px;
    padding: 3px 6px;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    font-size: 10px;
    line-height: 1;
}

.ico-maingenre.type00, .type00.ico-subgenre {
    width: 0;
    margin: 0;
    padding: 0;
}

/* ===== ico-maingenre */
.ico-maingenre .type01, .ico-subgenre .type01 {
    background-color: #dc82dc;
}

.ico-maingenre .type02, .ico-subgenre .type02 {
    background-color: #eb5a6e;
}

.ico-maingenre .type03, .ico-subgenre .type03 {
    background-color: #8782ff;
}

.ico-maingenre .type04, .ico-subgenre .type04 {
    background-color: #6ea0e6;
}

.ico-maingenre .type05, .ico-subgenre .type05 {
    background-color: #5aaae6;
}

.ico-maingenre .type06, .ico-subgenre .type06 {
    background-color: #ffa078;
}

.ico-maingenre .type07, .ico-subgenre .type07 {
    background-color: #8cc35a;
}

.ico-maingenre .type08, .ico-subgenre .type08 {
    background-color: #5aaa78;
}

.ico-maingenre .type09, .ico-subgenre .type09 {
    background-color: #e6b464;
}

.ico-maingenre .type10, .ico-subgenre .type10 {
    background-color: #8c8c8c;
}

/* ===== ico-subgenre */
.ico-subgenre .type01, .ico-subgenre .type02, .ico-subgenre .type03 {
    background-color: #f54e96;
}

.ico-subgenre .type04, .ico-subgenre .type05, .ico-subgenre .type06 {
    background-color: #fb4357;
}

.ico-subgenre .type07, .ico-subgenre .type08 {
    background-color: #8d6cd1;
}

.ico-subgenre .type09 {
    background-color: #a948b8;
}

.ico-subgenre .type10 {
    background-color: #34b5d0;
}

.ico-subgenre .type11, .ico-subgenre .type12 {
    background-color: #fa943e;
}

.ico-subgenre .type13 {
    background-color: #77b800;
}

.ico-subgenre .type14, .ico-subgenre .type15, .ico-subgenre .type16, .ico-subgenre .type17, .ico-subgenre .type18 {
    background-color: #0096db;
}

.ico-subgenre .type19, .ico-subgenre .type20 {
    background-color: #f2ae00;
}

.ico-subgenre .type21, .ico-subgenre .type22, .ico-subgenre .type23 {
    background-color: #00a353;
}

.ico-subgenre .type24 {
    background-color: #8c8d8e;
}

.ico-subgenre .type25 {
    background-color: #0072f3;
}

.ico-subgenre .type26 {
    background-color: #ff82f2;
}

/*
component - appeal.scss
----------------------------------------*/
.ntg-appeal {
    display: none;
    overflow: hidden;
    padding-top: 10px;
}

.ntg-appeal .wrapper {
    position: relative;
    top: -250px;
    padding: 20px;
    border: 1px solid #ffec8c;
    border-radius: 5px;
    background: #fffbe5;
    -webkit-transition: 0.5s;
            transition: 0.5s;
}

.ntg-appeal .wrapper.movein {
    top: 0;
    -webkit-animation: bounce 1s cubic-bezier(0.68, 0.14, 0.3, 1.21);
            animation: bounce 1s cubic-bezier(0.68, 0.14, 0.3, 1.21);
}

.ntg-appeal .wrapper.moveout {
    top: -250px;
    -webkit-animation: moveout 0.5s ease;
            animation: moveout 0.5s ease;
}

.ntg-appeal .wrapper-inner {
    padding: 20px;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    background: #f7f7f7;
}

.ntg-appeal .appeal-close {
    position: absolute;
    top: -5px;
    right: 0;
    z-index: 10;
    -webkit-filter: inherit;
            filter: inherit;
}

.ntg-appeal .message {
    width: 100%;
    margin-top: -35px;
    padding: 13px;
    background: url('https://p.dmm.co.jp/p/netgame/common/bg/bg_bnr_appeal.png') no-repeat;
    background-position-x: center;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 21px;
    box-sizing: border-box;
}

.ntg-appeal .appeal-list {
    margin: 20px -10px 0 -10px;
    letter-spacing: -0.5em;
}

.ntg-appeal .appeal-list .item {
    display: inline-block;
    width: 50%;
    padding: 0 10px;
    vertical-align: top;
    letter-spacing: normal;
    box-sizing: border-box;
}

.ntg-appeal .appeal-list .thumb {
    float: left;
    width: 140px;
    height: 140px;
}

.ntg-appeal .appeal-list .desc {
    position: relative;
    overflow: hidden;
    min-height: 140px;
    padding: 0 10px;
    font-size: 11px;
}

.ntg-appeal .appeal-list .official_link {
    display: block;
    text-decoration: none;
}

.ntg-appeal .appeal-list .official_info {
    margin-bottom: 3px;
    color: #333;
}

.ntg-appeal .appeal-list .official_ttl {
    word-break: break-all;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
}

.ntg-appeal .appeal-list .bt-play {
    position: absolute;
    bottom: 1px;
    display: block;
    padding: 7px;
    border: 1px solid;
    border-color: #deb372 #ce9c4b #c1882e;
    border-radius: 3px;
    background-color: #fcdc80;
    background-image: -webkit-linear-gradient(top, #fde5a0 0%, #fcdc80 50%, #ffc01e 100%);
    background-image:         linear-gradient(to bottom, #fde5a0 0%, #fcdc80 50%, #ffc01e 100%);
    background-position: 0 100%;
    background-size: auto 200%;
    box-shadow: inset 0 1px 0 #fff1d1;
    color: #333;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    font-family: inherit;
    line-height: 1.5;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fde5a0', endColorstr='#ffc01e',GradientType=0 );
    cursor: pointer;
    box-sizing: border-box;
    -webkit-transition: background-position 0.1s ease-out;
            transition: background-position 0.1s ease-out;
}

.ntg-appeal .appeal-list .bt-play:hover {
    bottom: 0;
    opacity: 0.8;
}

@-webkit-keyframes bounce {
    0% {
        -webkit-transform: translateY(-250px);
                transform: translateY(-250px);
    }
    60% {
        -webkit-transform: translateY(15px);
                transform: translateY(15px);
    }
    70% {
        -webkit-transform: translateY(-8px);
                transform: translateY(-8px);
    }
    80% {
        -webkit-transform: translateY(3px);
                transform: translateY(3px);
    }
    100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}

@keyframes bounce {
    0% {
        -webkit-transform: translateY(-250px);
                transform: translateY(-250px);
    }
    60% {
        -webkit-transform: translateY(15px);
                transform: translateY(15px);
    }
    70% {
        -webkit-transform: translateY(-8px);
                transform: translateY(-8px);
    }
    80% {
        -webkit-transform: translateY(3px);
                transform: translateY(3px);
    }
    100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}

@-webkit-keyframes moveout {
    0% {
        -webkit-transform: tanslateY(0);
                transform: tanslateY(0);
    }
    100% {
        -webkit-transform: tanslateY(-250px);
                transform: tanslateY(-250px);
    }
}

@keyframes moveout {
    0% {
        -webkit-transform: tanslateY(0);
                transform: tanslateY(0);
    }
    100% {
        -webkit-transform: tanslateY(-250px);
                transform: tanslateY(-250px);
    }
}

/*
project - ntg-category.scss
----------------------------------------*/
/* ===== ntg-status-wrapper */
.ntg-status-wrapper {
    margin-top: 6px;
}

/* ===== ntg-category */
[class^='ntg-category'] {
    display: inline-block;
    padding: 2px 5px;
    border-radius: 3px;
    color: #fff;
    font-size: 10px;
    box-sizing: border-box;
}

[class^='ntg-category'].is-small {
    padding: 1px 3px;
    border-radius: 5px;
    line-height: 1.2;
}

.ntg-category-ios {
    background: #666;
}

.ntg-category-android {
    background: #67bf44;
}

.ntg-category-regist {
    background: #f48;
}

.ntg-category-public {
    background: #ffbb34;
}

.ntg-category-release {
    background: #ff3642;
}

.ntg-category-beta {
    background: #6acbf8;
}

.ntg-category-general {
    padding: 1px 4px;
    border: 1px solid #16acc2;
    color: #16acc2;
}

.ntg-category-r18 {
    padding: 1px 4px;
    border: 1px solid #fa82b4;
    color: #fa82b4;
}

.ntg-category-official {
    background: #ffb354;
}

.ntg-caption {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -ms-flex-align: baseline;
    margin-bottom: 15px;
    padding-left: 5px;
    border-left: 5px solid #333;
    font-weight: bold !important;
    font-size: 16px !important;

    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
            align-items: baseline;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.ntg-caption .caption-sub {
    margin-left: 10px;
    color: #666;
    font-weight: normal;
    font-size: 12px;
}

/*
component - ntg-slidergame-list.scss
----------------------------------------*/
/* ===== ���饤���� */
.ntg-area-slidergame .ntg-wrap-slidergame {
    position: relative;
    width: 100%;
    padding: 0 50px;
    box-sizing: border-box;
}

.ntg-area-slidergame .ntg-wrap-slidergame .ntg-list-slidergame {
    position: relative;
    z-index: 10;
    margin-bottom: 0 !important;
}

.ntg-area-slidergame .ntg-wrap-slidergame .ntg-list-slidergame .slide-item {
    position: relative;
    z-index: 20;
    display: block;
    width: 100%;
    font-size: 0;
    box-sizing: border-box;
}

.ntg-area-slidergame .ntg-wrap-slidergame .ntg-list-slidergame .slide-item li {
    display: inline-block;
    width: 20%;
    padding: 0 5px;
    vertical-align: top;
    box-sizing: border-box;
}

.ntg-area-slidergame .ntg-wrap-slidergame .ntg-list-slidergame .game {
    width: 100%;
}

.ntg-area-slidergame .ntg-wrap-slidergame .ntg-list-slidergame .game:hover {
    position: relative;
    top: 1px;
    opacity: 0.7;
}

.ntg-area-slidergame .ntg-wrap-slidergame .ntg-list-slidergame .thumb {
    width: 100%;
    margin-bottom: 6px;
}

.ntg-area-slidergame .ntg-wrap-slidergame .ntg-list-slidergame .ttl {
    display: block;
    overflow: hidden;
    width: 100%;
    height: auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    font-weight: bold;
    font-size: 12px;
}

.ntg-area-slidergame .ntg-wrap-slidergame .ntg-list-slidergame .ttl.is-line02 {
    height: 3em;
    white-space: normal;
}

.ntg-area-slidergame .ntg-wrap-slidergame .ntg-list-slidergame .new .ttl:before {
    display: block;
    float: left;
    width: 30px;
    height: 14px;
    margin: 1px 3px 0 0;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_new.png) 0 0 no-repeat;
    content: '';
}

.ntg-area-slidergame .ntg-wrap-slidergame .pager {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
}

.ntg-area-slidergame .ntg-wrap-slidergame .pager .slider-prev {
    position: absolute;
    left: 0;
    display: inline-block;
    height: 100%;
}

.ntg-area-slidergame .ntg-wrap-slidergame .pager .slider-prev .bx-prev {
    display: inline-block;
    width: 20px;
    height: 100%;
    padding: 0 10px;
    background: url('https://p.dmm.co.jp/p/common/ico/arrow_slideprev.png') no-repeat;
    background-position: center center;
}

.ntg-area-slidergame .ntg-wrap-slidergame .pager .slider-prev .bx-prev:hover {
    background: url('https://p.dmm.co.jp/p/common/ico/arrow_slideprev_on.png') no-repeat;
    background-color: #f3f3f3;
    background-position: center center;
}

.ntg-area-slidergame .ntg-wrap-slidergame .pager .slider-prev.no-slide01:before, .ntg-area-slidergame .ntg-wrap-slidergame .pager .slider-prev.no-slide02:before, .ntg-area-slidergame .ntg-wrap-slidergame .pager .slider-prev.no-slide03:before {
    position: absolute;
    top: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    content: '';
}

.ntg-area-slidergame .ntg-wrap-slidergame .pager .slider-prev.no-slide01 .bx-prev, .ntg-area-slidergame .ntg-wrap-slidergame .pager .slider-prev.no-slide02 .bx-prev, .ntg-area-slidergame .ntg-wrap-slidergame .pager .slider-prev.no-slide03 .bx-prev {
    background: url('https://p.dmm.co.jp/p/common/ico/arrow_slideprev_off.png') no-repeat;
    background-color: #fff;
    background-position: center center;
}

.ntg-area-slidergame .ntg-wrap-slidergame .pager .slider-next {
    position: absolute;
    right: 0;
    display: inline-block;
    height: 100%;
}

.ntg-area-slidergame .ntg-wrap-slidergame .pager .slider-next .bx-next {
    display: inline-block;
    width: 20px;
    height: 100%;
    padding: 0 10px;
    background: url('https://p.dmm.co.jp/p/common/ico/arrow_slidenext.png') no-repeat;
    background-position: center center;
}

.ntg-area-slidergame .ntg-wrap-slidergame .pager .slider-next .bx-next:hover {
    background: url('https://p.dmm.co.jp/p/common/ico/arrow_slidenext_on.png') no-repeat;
    background-color: #f3f3f3;
    background-position: center center;
}

.ntg-area-slidergame .ntg-wrap-slidergame .pager .slider-next.no-slide01:before, .ntg-area-slidergame .ntg-wrap-slidergame .pager .slider-next.no-slide02:before, .ntg-area-slidergame .ntg-wrap-slidergame .pager .slider-next.no-slide03:before {
    position: absolute;
    top: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    content: '';
}

.ntg-area-slidergame .ntg-wrap-slidergame .pager .slider-next.no-slide01 .bx-next, .ntg-area-slidergame .ntg-wrap-slidergame .pager .slider-next.no-slide02 .bx-next, .ntg-area-slidergame .ntg-wrap-slidergame .pager .slider-next.no-slide03 .bx-next {
    background: url('https://p.dmm.co.jp/p/common/ico/arrow_slidenext_off.png') no-repeat;
    background-color: #fff;
    background-position: center center;
}

.ntg-area-slidergame .ntg-wrap-slidergame .bx-has-pager {
    position: absolute;
    top: -35px;
    right: 40px;
    display: inline-block;
    font-weight: bold;
}

.ntg-area-slidergame .ntg-wrap-slidergame .disp-checkgame {
    text-align: right;
    font-size: 14px;
}

/*
component - ntg-headline.scss
----------------------------------------*/
#contents-ntg .ntg-headline, .ntg-contents .ntg-headline {
    border-bottom: 2px solid #f36003;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_ntgheadline.png) left 0 no-repeat;
    background-color: #eee;
    color: #353d51;
    font-size: 20px;
    line-height: 40px;
}

#contents-ntg .ntg-headline .ntg-headline-subtx, .ntg-contents .ntg-headline .ntg-headline-subtx {
    margin-right: 10px;
    color: #999;
    font-size: 12px;
}

#contents-ntg .ntg-headline .ntg-headline-tx, .ntg-contents .ntg-headline .ntg-headline-tx {
    margin-left: 6px;
    font-size: 16px;
}

/* ===== ntg-area-pclist */
#contents-ntg .ntg-area-pclist .d-capt {
    margin-bottom: 16px;
}

#contents-ntg .ntg-area-pclist .ntg-headline {
    padding: 4px 0 0 50px;
    background-position: 8px -1061px;
}

#area1.ntg-area-pclist .ntg-headline {
    padding: 0 50px 0 0;
    border-bottom: none;
    background-color: transparent;
    background-position: left -57px;
}

#w .ntg-item-pclist .ntg-headline {
    padding: 0 50px 0 0;
    border-bottom: none;
    background-color: transparent;
    background-position: left -57px;
}

/* ===== ntg-area-mobilelist */
#contents-ntg .ntg-area-mobilelist .d-capt {
    margin-bottom: 16px;
}

#contents-ntg .ntg-area-mobilelist .ntg-headline {
    padding-left: 50px;
    background-position: left -57px;
}

/* ===== ntg-area-app */
#contents-ntg .ntg-area-app .d-capt {
    margin-bottom: 12px;
}

#contents-ntg .ntg-area-app .ntg-headline {
    padding: 4px 0 0 50px;
    background-position: 13px -1646px;
}

/* ===== ntg-area-thumblist */
#contents-ntg .ntg-area-thumblist .d-capt {
    margin-bottom: 16px;
}

#contents-ntg .ntg-capt-thumblist {
    margin-bottom: 10px;
    padding: 5px 0 7px 35px;
    border-bottom: 1px dotted #bfbfbf;
    background: url(https://p.dmm.co.jp/p/netgame/profile/ico_profile.png) 6px -285px no-repeat #f5f7f8;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.5;
}

/* ===== ntg-area-ranking */
#contents-ntg .ntg-area-ranking .d-capt {
    position: relative;
    margin-bottom: 10px;
}

#contents-ntg .ntg-area-ranking .ntg-headline {
    padding: 4px 0 0 50px;
    background-position: 7px -1162px;
}

#contents-ntg .ntg-area-ranking .ntg-headline-subtx {
    margin-right: 10px;
    color: #999;
    font-size: 12px;
}

#contents-ntg .ntg-area-ranking .ntg-headline-tx {
    margin-left: 6px;
    font-size: 16px;
}

/* ===== ntg-area-ranking-v2 */
#contents-ntg .ntg-area-ranking-v2 .d-capt {
    margin-bottom: 0;
}

#contents-ntg .ntg-area-ranking-v2 .ntg-headline {
    padding-left: 50px;
    background-position: left -1165px;
}

/* ===== ntg-area-ranking-v2-1 */
#contents-ntg .ntg-area-ranking-v2-1 .d-capt {
    position: relative;
    margin-bottom: 10px;
}

#contents-ntg .ntg-area-ranking-v2-1 .ntg-headline {
    position: relative;
    padding: 4px 0 0 50px;
    background-position: 7px -1162px;
}

#contents-ntg .ntg-area-ranking-v2-1 .tx-exchange {
    top: 4px;
    right: 4px;
}

/* ===== ntg-area-pickup */
#contents-ntg .ntg-area-pickup .d-capt {
    margin-bottom: 12px;
}

#contents-ntg .ntg-area-pickup .ntg-headline {
    position: relative;
    padding: 4px 0 0 50px;
    background-position: 7px -56px;
}

#contents-ntg .ntg-area-pickup .ntg-headline a {
    position: absolute;
    top: 3px;
    right: 8px;
    font-size: 14px;
}

/* ===== ntg-area-new */
#contents-ntg .ntg-area-new .d-capt {
    margin-bottom: 12px;
}

#contents-ntg .ntg-area-new .ntg-headline {
    padding: 4px 0 0 50px;
    background-position: 7px -1496px;
}

/* ===== ntg-area-newRecommend */
#contents-ntg .ntg-area-newRecommend .d-capt {
    margin-bottom: 20px;
}

#contents-ntg .ntg-area-newRecommend .ntg-headline {
    padding: 4px 0 0 50px;
    background-position: 7px -1496px;
}

/* ===== ntg-area-recommend */
#contents-ntg .ntg-area-recommend .d-capt {
    margin-bottom: 16px;
}

#contents-ntg .ntg-area-recommend .ntg-headline {
    padding: 4px 0 0 50px;
    background-position: left 0;
}

/* ===== page-pclist */
.page-pclist #contents-ntg .ntg-headline {
    padding-left: 24px;
    background-position: left -360px;
    font-size: 18px;
    line-height: 20px;
}

/* ===== page-mobilelist */
.page-mobilelist #contents-ntg .ntg-headline {
    padding-left: 24px;
    border-bottom: none;
    background-color: transparent;
    background-position: left -360px;
    font-size: 18px;
    line-height: 20px;
}

/* ===== page-taglist */
.page-taglist #contents-ntg .ntg-headline {
    padding-left: 24px;
    background-position: left -360px;
    font-size: 18px;
    line-height: 20px;
}

/* ===== ntg-area-review */
#contents-ntg .ntg-area-review .d-capt {
    margin-bottom: 16px;
}

#contents-ntg .ntg-area-review .ntg-headline {
    padding-left: 47px;
    background-position: left -679px;
}

/* ===== ntg-area-reviewlist  */
#contents-ntg .ntg-area-reviewlist .d-capt {
    margin-bottom: 0;
}

#contents-ntg .ntg-area-reviewlist .ntg-headline {
    padding-left: 0;
    background: none;
    background-position: left -679px;
}

/* ===== page-reviewedit  */
.page-reviewedit #contents-ntg .ntg-area-review .d-capt {
    margin-bottom: 16px;
}

.page-reviewedit #contents-ntg .ntg-headline {
    padding-left: 50px;
    background-position: left -679px;
}

/* ===== page-community  */
.page-community #contents-ntg .ntg-area-community .d-capt {
    position: relative;
    margin-bottom: 16px;
}

.page-community #contents-ntg .ntg-area-community .d-capt a {
    position: absolute;
    top: 14px;
    right: 10px;
}

.page-community #contents-ntg .ntg-headline {
    padding: 4px 0 0 50px;
    background-position: 4px -404px;
}

/* ===== page-profile  */
.page-profile #contents-ntg .d-capt {
    overflow: hidden;
    margin-bottom: 16px;
}

.page-profile #contents-ntg .ntg-area-profile .d-capt {
    overflow: hidden;
}

.page-profile #contents-ntg .ntg-area-profile .ntg-headline {
    float: left;
    width: 100%;
    padding: 4px 0 0 50px;
    background-position: 5px -886px;
}

.page-profile #contents-ntg .ntg-area-pclist .ntg-headline {
    padding: 4px 0 0 50px;
    background-position: 8px -1061px;
}

.page-profile #contents-ntg .ntg-area-community .ntg-headline {
    padding: 4px 0 0 50px;
    background-position: 4px -403px;
}

.page-profile #contents-ntg .ntg-area-friend .ntg-headline {
    padding: 4px 0 0 50px;
    background-position: 7px -466px;
}

/* ===== page-message */
.page-message #contents-ntg .ntg-area-message .d-capt {
    margin-bottom: 16px;
}

.page-message #contents-ntg .ntg-headline {
    padding: 4px 0 0 50px;
    background-position: 8px -518px;
}

/* ===== page-friend */
.page-friend #contents-ntg .ntg-area-friend .d-capt {
    margin-bottom: 16px;
}

.page-friend #contents-ntg .ntg-headline {
    padding-left: 43px;
    background-position: left -467px;
}

/* ===== page-friendsearch */
.page-friendsearch #contents-ntg .ntg-area-friendsearch .d-capt {
    margin-bottom: 16px;
}

.page-friendsearch #contents-ntg .ntg-headline {
    padding: 4px 0 0 50px;
    background-position: 6px -945px;
}

/* ===== page-friendrequest */
.page-friendrequest #contents-ntg .ntg-area-friendrequest .d-capt {
    margin-bottom: 16px;
}

.page-friendrequest #contents-ntg .ntg-headline {
    padding: 4px 0 0 50px;
    background-position: 5px -1003px;
}

/* ===== page-setting */
.page-setting #contents-ntg .ntg-area-setting .d-capt {
    margin-bottom: 16px;
}

#w .page-setting #contents-ntg .ntg-headline {
    padding: 4px 0 0 50px;
    background-position: 10px -623px;
}

.page-setting #contents-ntg .ntg-area-setting .ntg-headline {
    padding-left: 50px;
    background-position: left -57px;
}

/* ===== ntg-area-unsupport */
#contents-ntg .ntg-area-unsupport .ntg-headline {
    position: relative;
    padding: 4px 0 0 50px;
    background: #eee;
    word-break: break-all;
}

#contents-ntg .ntg-area-unsupport .ntg-headline:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 45px;
    height: 45px;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_ntgheadline.png) 7px -56px no-repeat;
    content: '';
}

/* ===== page-supportlist */
.page-supportlist #contents-ntg .ntg-headline {
    padding: 4px 0 0 50px;
    background-position: 7px -1061px;
}

/* ===== page-supportlist */
.page-terms #contents-ntg .d-capt {
    margin-bottom: 6px;
}

.page-terms #contents-ntg .ntg-headline {
    background: none;
}

/* ===== page-contact */
.page-contact #contents-ntg .ntg-area-contact .d-capt {
    margin-bottom: 6px;
}

.page-contact #contents-ntg .ntg-headline {
    background: none;
}

/* ===== page-contact */
.page-info #contents-ntg .ntg-area-info .d-capt {
    margin-bottom: 6px;
}

.page-info #contents-ntg .ntg-headline {
    padding: 4px 0 0 50px;
    background-position: 6px -1111px;
}

/* ===== ntg-area-regist */
#contents-ntg .ntg-area-regist .ntg-headline {
    padding: 4px 0 0 50px;
    background-position: 9px -1321px;
}

/* ===== ntg-area-teaser */
#contents-ntg .ntg-area-teaser .ntg-headline {
    padding: 4px 0 0 50px;
    background-position: 6px 4px;
    background-size: 43px;
}

/* ===== page-mailgetpoint */
.page-mailgetpoint #contents-ntg .ntg-headline {
    padding: 4px 0 0 50px;
    background-position: 11px -830px;
}

/* ===== .page-update */
#w .page-update .ntg-area-update .d-capt {
    margin-bottom: 16px;
}

#w .page-update .ntg-headline {
    padding-left: 43px;
    background-position: left -577px;
}

/* ===== .page-phonenumber */
.page-phonenumber .d-capt {
    margin-bottom: 30px;
}

/* ===== .ntg-area-checkgame */
#contents-ntg .ntg-area-checkgame .d-capt {
    margin-bottom: 12px;
}

#contents-ntg .ntg-area-checkgame .d-capt .ntg-headline {
    padding: 4px 0 0 50px;
    background-position: 8px -1694px;
}

/* ===== .ntg-area-recommend */
#contents-ntg .ntg-area-recommend .d-capt {
    margin-bottom: 12px;
}

#contents-ntg .ntg-area-recommend .d-capt .ntg-headline {
    padding: 4px 0 0 50px;
    background-position: 10px -1594px;
}

/* ===== .ntg-area-eventinfo-list */
#w .ntg-area-eventinfo-list .d-capt .ntg-headline {
    padding-left: 46px;
    background-position: 6px -1221px;
}

/* ===== .ntg-area-teaserinfo-list */
#w .ntg-area-teaserinfo-list .d-capt .ntg-headline {
    padding-left: 46px;
    background-position: 5px 2px;
    background-size: 43px;
}

/* ===== .ntg-area-recommendlist */
.ntg-area-recommendlist .ntg-game-recommendlist .ntg-headline {
    padding: 4px 0 0 50px;
    border-bottom: 2px solid #f36003;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_ntgheadline.png) 8px -1062px no-repeat;
    background-color: #eee;
    color: #353d51;
    text-align: left;
    font-size: 20px;
    line-height: 40px;
}

.ntg-area-recommendlist .ntg-you-recommendlist .ntg-headline {
    padding: 4px 0 0 50px;
    border-bottom: 2px solid #f36003;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_ntgheadline.png) 10px -1594px no-repeat;
    background-color: #eee;
    color: #353d51;
    text-align: left;
    font-size: 20px;
    line-height: 40px;
}

.ntg-area-recommendlist .ntg-digital-recommendlist .ntg-headline {
    padding: 4px 0 0 60px;
    border-bottom: 2px solid #f36003;
    background: url(https://p.dmm.co.jp/p/top/sprite_ico_service.png) no-repeat 6px 1px;
    background-color: #eee;
    color: #353d51;
    text-align: left;
    font-size: 20px;
    line-height: 40px;
}

/* ===== .page-top */
.page-top #contents-ntg .ntg-headline {
    padding-left: 50px;
}

.page-top #contents-ntg .ntg-headline.ntg-headline--ranking {
    background-image: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_ntghadline_ranking.svg);
    background-position: 7px 6px;
    background-size: 36px 28px;
}

.page-top #contents-ntg .ntg-headline.ntg-headline--download {
    background-image: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_ntghadline_download.svg);
    background-position: 6px 2px;
    background-size: 36px 33px;
}

.page-top #contents-ntg .ntg-headline.ntg-headline--game {
    background-image: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_ntgheadline_game.svg);
    background-position: 7px 10px;
    background-size: 36px 23px;
}

.page-top #contents-ntg .ntg-headline.ntg-headline--smartphone {
    background-image: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_ntghadline_smartphone.svg);
    background-position: 16px 4px;
    background-size: 18px 32px;
}

.page-top #contents-ntg .ntg-headline.ntg-headline--realgame {
    background-image: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_ntgheadline_realgame.svg);
    background-position: 9px center;
    background-size: 32px 25px;
}

.page-top #contents-ntg .ntg-headline.ntg-headline--pcgamerank {
    background-image: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_ntgheadline_pcgame_ranking.svg);
    background-position: 0 center;
}

.page-top #contents-ntg .ntg-headline.ntg-headline--musicrank {
    background-image: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_ntgheadline_music_ranking.svg);
    background-position: 0 center;
}

.page-top #contents-ntg .ntg-headline.ntg-headline--asobihoudai {
    background-image: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_ntgheadline_asobihodai.svg);
    background-position: 0 center;
}

/*
component - _ntg-item-communitylist.scss
----------------------------------------*/
.ntg-item-communitylist {
    overflow: hidden;
    width: 726px;
}

.ntg-item-communitylist li {
    float: left;
    overflow: hidden;
    width: 242px;
}

.ntg-item-communitylist li > a {
    display: block;
    overflow: hidden;
    min-height: 6.5em;
    padding: 10px;
    text-decoration: none;
}

.ntg-item-communitylist li > a:hover {
    position: relative;
    top: 1px;
    background: #eaecf1;
}

.ntg-item-communitylist li > a img {
    float: left;
}

.ntg-item-communitylist li > a span {
    display: block;
}

.ntg-item-communitylist li > a .ttl {
    overflow: hidden;
    max-height: 3em;
    margin-left: 70px;
    font-size: 13px;
}

.ntg-item-communitylist li > a:hover .ttl {
    text-decoration: underline;
}

.ntg-item-communitylist li > a .sidenote {
    margin-left: 70px;
    color: #666;
    font-size: 10px;
}

.ntg-item-communitylist .tx-nocom {
    margin-bottom: 11px;
    padding: 102px 0 20px;
    border: 10px solid #f2f2f2;
    background: url(https://p.dmm.co.jp/p/netgame/common/bg/bg_nocom.jpg) center 20px no-repeat;
    text-align: center;
    font-size: 14px;
}

.ntg-item-communitylist .bx-expcom {
    height: 200px;
    margin: 20px 20px 0 0;
    border: 1px solid #ccc;
    background: #eee url(https://p.dmm.co.jp/p/netgame/common/bg/bg_comsearch.png) left bottom no-repeat;
    text-align: left;
}

.ntg-item-communitylist .bx-expcom .capt {
    margin-top: 12px;
    margin-bottom: 12px;
    font-weight: bold;
    font-size: 28px;
}

.ntg-item-communitylist .bx-expcom .bx-btn {
    margin-right: 20px;
    padding: 12px 0;
    background: #fff;
    text-align: center;
}

.ntg-item-communitylist .bx-expcom p {
    margin-left: 240px;
}

.ntg-item-communitylist [class^='ico-'] {
    display: block;
    color: #fff;
    text-align: center;
    font-size: 10px;
}

.ntg-item-communitylist [class^='ico-'][class*='official'] {
    background: #ffb354;
}

.ntg-item-communitylist [class^='ico-'][class*='manager'] {
    background: #ff62b3;
}

.ntg-item-communitylist [class^='ico-'][class*='submanager'] {
    background: #02c2ff;
}

.ntg-item-communitylist [class^='ico-'][class*='friend'] {
    background: #7bd703;
}

.ntg-item-communitylist .box-icon {
    float: left;
    width: 60px;
}

.ntg-item-communitylist .box-icon img {
    float: none;
    width: 60px;
    margin-bottom: 3px;
}

.ntg-item-communitylist .member {
    margin-top: 5px;
    margin-left: 70px;
    padding-left: 21px;
    background: url(https://p.dmm.co.jp/p/netgame/community/ico_community.png) no-repeat 0 -660px;
    color: #333;
    font-size: 10px;
}

.ntg-item-communitylist .manager, .ntg-item-communitylist .sub-manager {
    padding-left: 20px;
}

/*
component - ntg-item-friendlist.scss
----------------------------------------*/
.ntg-item-friendlist {
    overflow: hidden;
    width: 726px;
}

.ntg-item-friendlist li {
    float: left;
    width: 33%;
}

.ntg-item-friendlist li input {
    position: absolute;
    top: 13px;
    left: 90px;
}

.ntg-item-friendlist li a {
    display: block;
    overflow: hidden;
    padding: 10px;
    text-decoration: none;
}

.ntg-item-friendlist li a:hover {
    background-color: #edf0f1;
}

.ntg-item-friendlist li a:hover .ttl {
    text-decoration: underline;
}

.ntg-item-friendlist li img {
    float: left;
    width: 70px;
    height: 70px;
    border: 1px solid #dee2ef;
    border-radius: 5px;
}

.ntg-item-friendlist li span {
    display: block;
    margin-left: 82px;
}

.ntg-item-friendlist li .ttl {
    overflow: hidden;
    max-height: 3em;
    margin: 0 0 6px 82px;
    font-size: 13px;
}

.ntg-item-friendlist li .sidenote {
    color: #666;
    font-size: 11px;
}

.ntg-item-friendlist .tx-nofri {
    margin-bottom: 11px;
    padding: 102px 0 20px;
    border: 10px solid #f2f2f2;
    background: url(https://p.dmm.co.jp/p/netgame/common/bg/bg_nofri.jpg) center 20px no-repeat;
    text-align: center;
    font-size: 14px;
}

.ntg-item-friendlist .bx-expfri {
    height: 200px;
    margin-top: 20px;
    border: 1px solid #ccc;
    background: #eee url(https://p.dmm.co.jp/p/netgame/common/bg/bg_frisearch.jpg) left bottom no-repeat;
    text-align: left;
}

.ntg-item-friendlist .bx-expfri .capt {
    margin-top: 12px;
    margin-bottom: 12px;
    font-weight: bold;
    font-size: 32px;
    font-family: '�ҥ饮�γѥ� Pro W3', 'Hiragino Kaku Gothic Pro', '�ᥤ�ꥪ', Meiryo, Osaka, '�ͣ� �Х����å�', 'MS PGothic', sans-serif;
}

.ntg-item-friendlist .bx-expfri .bx-btn {
    margin-right: 20px;
    padding: 12px 0;
    background: #fff;
    text-align: center;
}

.ntg-item-friendlist .bx-expfri p {
    margin-left: 240px;
}

.ntg-item-friendlist .has-sublink li {
    position: relative;
    overflow: hidden;
    width: 220px;
    padding: 10px;
}

.ntg-item-friendlist .has-sublink li a {
    display: inline;
    padding: 0;
}

.ntg-item-friendlist .has-sublink li .ttl {
    height: 3em;
}

.ntg-item-friendlist .has-sublink li .ttl.is-short {
    overflow: hidden;
    height: 1.5em;
    margin: 0 0 0 82px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ntg-item-friendlist .has-sublink li .sidenote {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.5em;
}

.ntg-item-friendlist .has-sublink li .tx-message-rel {
    position: relative;
    display: inline-block;
    width: 105px;
    margin-left: 10px;
    padding: 4px 6px 4px 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #f2f2f2;
    box-shadow: 0 1px 0 #ccc , 1px 1px 0 #fff inset;
    color: #383e4f;
    text-align: center;
}

.ntg-item-friendlist .has-sublink li .tx-message-rel:hover {
    top: 1px;
    background: #fafafa;
    box-shadow: none;
}

.ntg-item-friendlist .has-sublink li .tx-message-rel:before {
    position: absolute;
    top: 6px;
    left: 6px;
    display: block;
    width: 25px;
    height: 25px;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_sendmessage.gif) left top no-repeat no-repeat;
    content: '';
}

.ntg-item-friendlist .has-sublink li .tx-message-rel span {
    display: block;
    margin-left: 0;
}

.ntg-item-friendlist .has-sublink li .tx-friend-rel {
    display: inline-block;
    margin: 6px 0 0 90px;
    padding: 0 0 0 18px;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_clearfriend.gif) left 3px no-repeat;
}

.ntg-item-friendlist .has-sublink li .tx-friend-rel span {
    font-size: 10px;
}

.ntg-item-friendlist .has-sublink li .tx-friend-rel:hover {
    background-position: left -26px;
}

.ntg-item-friendlist .has-sublink li .tx-friend-rel:hover span {
    text-decoration: underline;
}

.ntg-item-friendlist .has-sublink li .btn-friend-reqest {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 105px;
    margin-top: 6px;
    margin-left: 10px;
    padding: 4px 6px 4px 20px;
    border: 1px solid #ffc024;
    border-radius: 5px;
    background: #ffdc2a;
    box-shadow: 0 1px 0 #ffc024 , 1px 1px 0 #fff inset;
    color: #333;
    text-align: center;
}

.ntg-item-friendlist .has-sublink li .btn-friend-reqest:hover {
    top: 1px;
    background: #ffdc2a;
    box-shadow: none;
}

.ntg-item-friendlist .has-sublink li .btn-friend-reqest:before {
    position: absolute;
    top: 6px;
    left: 6px;
    display: block;
    width: 25px;
    height: 25px;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_friend.png) no-repeat 2px 0;
    content: '';
}

.ntg-item-friendlist .has-sublink li .btn-friend-reqest.active {
    top: 1px;
    border: 1px solid #ddd;
    background: #fafafa;
    box-shadow: none;
    color: #383e4f;
}

.ntg-item-friendlist .has-sublink li .btn-friend-reqest span {
    display: block;
    margin-left: 0;
}

.ntg-item-friendlist .has-sublink img {
    float: left;
    width: 70px;
    height: 70px;
    border: 1px solid #dee2ef;
    border-radius: 5px;
}

/*
component - _ntg-item-mobilelist.scss
----------------------------------------*/
.ntg-item-mobilelist {
    overflow: hidden;
    -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
}

.ntg-item-mobilelist ul {
    width: 745px;
}

.ntg-item-mobilelist ul:after {
    display: block;
    clear: both;
    content: '';
}

.ntg-item-mobilelist li {
    position: relative;
    float: left;
    min-height: 122px;
    width: 342px;
}

.ntg-item-mobilelist li > a {
    position: relative;
    display: block;
    padding: 10px 0 4px 10px;
}

.ntg-item-mobilelist li > a:first-child:before {
    position: absolute;
    top: 10px;
    left: 10px;
    display: block;
    width: 97px;
    height: 97px;
    border-radius: 10px;
    background: #fff;
    content: '';
}

.ntg-item-mobilelist a:hover {
    top: 1px;
    text-decoration: none;
}

.ntg-item-mobilelist a:hover .ntg-ttl-mobilelist {
    text-decoration: underline;
}

.ntg-item-mobilelist a > img {
    position: absolute;
    float: left;
    width: 95px;
    border: 1px solid #999;
    border-radius: 10px;
}

.ntg-item-mobilelist a:hover img {
    opacity: 0.7;
}

.ntg-item-mobilelist [class^='ntg-tx-genre'] {
    display: inline-block;
    height: auto;
    padding: 0;
    color: #69d;
    font-weight: bold;
    font-size: 11px;
}

.ntg-item-mobilelist [class^='ntg-tx-genre']:hover {
    text-decoration: underline;
}

.ntg-item-mobilelist .ntg-ttl-mobilelist {
    display: block;
    overflow: hidden;
    max-height: 38px;
    margin: 0 0 0 107px;
    word-break: break-all;
    font-weight: bold;
    font-size: 13px;
}

.ntg-item-mobilelist .ntg-ttl-mobilelist span {
    display: block;
    color: #c00;
}

.ntg-item-mobilelist a.new .ntg-ttl-mobilelist:before {
    display: block;
    float: left;
    width: 30px;
    height: 14px;
    margin: 2px 3px 0 0;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_new.png) 0 0 no-repeat;
    content: '';
}

.ntg-item-mobilelist [class^='ntg-rate'] {
    display: block;
    margin: 0 0 6px 107px;
}

.ntg-item-mobilelist .ntg-tx-mobilelist {
    display: block;
    margin: 6px 0 3px 0;
    color: #333;
    white-space: nowrap;
    word-break: break-all;
    font-size: 10px;
}

.ntg-item-mobilelist .tx-rank {
    display: block;
    float: left;
    width: 29px;
    height: 26px;
    margin-right: 6px;
    padding-top: 5px;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_ranking_v2-1.png) -660px 0 no-repeat;
    color: #fff;
    text-align: center;
    font-weight: normal;
    font-size: 12px;
}

.ntg-item-mobilelist .tx-rank.rank1, .ntg-item-mobilelist .tx-rank.rank2, .ntg-item-mobilelist .tx-rank.rank3 {
    width: 32px;
    height: 26px;
    padding-top: 13px;
}

.ntg-item-mobilelist .tx-rank.rank1 {
    background-position: 0 -45px;
}

.ntg-item-mobilelist .tx-rank.rank2 {
    background-position: -40px -45px;
}

.ntg-item-mobilelist .tx-rank.rank3 {
    background-position: -80px -45px;
}

.ntg-item-mobilelist .box-genre {
    position: absolute;
    bottom: 10px;
    left: 115px;
    display: block;
    text-align: left;
    line-height: 1em;
}

.ntg-item-mobilelist .box-genre span {
    width: 62px;
}

/*
component - _ntg-item-pagenation.scss
----------------------------------------*/
.ntg-item-pagenation {
    overflow: hidden;
    border-top: 1px solid #ccc;
    background: #eee;
    text-align: right;
}

.ntg-item-pagenation * {
    overflow: hidden;
    vertical-align: middle;
}

.ntg-item-pagenation > ul {
    display: inline-block;
}

.ntg-item-pagenation .area-sort {
    width: 100%;
    border-top: 1px dotted #ccc;
    text-align: left;
}

.ntg-item-pagenation .area-sort li {
    float: left;
    margin: 6px 0 6px 6px;
    padding-right: 6px;
    border-right: 1px solid #ccc;
    line-height: 24px;
}

.ntg-item-pagenation .area-sort a {
    display: block;
    padding: 0 6px;
    line-height: 24px;
}

.ntg-item-pagenation .area-sort a:hover {
    background: #ddd;
}

.ntg-item-pagenation .area-sort li.on a {
    background: #c00;
    color: #fff;
}

.ntg-item-pagenation .ntg-list-boxpagenation {
    width: 100%;
    text-align: right;
}

.ntg-item-pagenation .ntg-list-boxpagenation > p {
    float: left;
    margin: 6px;
    line-height: 24px;
}

.ntg-item-pagenation .ntg-list-boxpagenation > p span {
    font-weight: bold;
}

.ntg-item-pagenation .area-pager {
    float: right;
    overflow: hidden;
}

.ntg-item-pagenation .area-pager li {
    float: left;
    margin: 6px 4px 6px 0;
}

.ntg-item-pagenation .area-pager span {
    display: block;
    min-width: 20px;
    padding: 0 6px;
    background: #333;
    color: #fff;
    text-align: center;
    line-height: 24px;
}

.ntg-item-pagenation .area-pager a {
    display: block;
    min-width: 20px;
    padding: 0 6px;
    background: #fff;
    text-align: center;
    line-height: 24px;
}

.ntg-item-pagenation .area-pager a:hover {
    position: relative;
    top: 1px;
    background: #ddd;
}

/*
component - _ntg-item-pclist.scss
----------------------------------------*/
#contents-ntg .ntg-item-pclist {
    overflow: hidden;
    margin-bottom: 0;
}

.ntg-item-pclist {
    -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
}

.ntg-item-pclist ul {
    width: 740px;
    margin-left: 0;
    letter-spacing: -0.4em;
}

.ntg-item-pclist ul:after {
    display: block;
    clear: both;
    content: '';
}

.ntg-item-pclist li {
    position: relative;
    display: inline-block;
    width: 25%;
    margin-bottom: 20px;
    padding-right: 12px;
    background: none;
    vertical-align: top;
    letter-spacing: 0;
    box-sizing: border-box;
}

.ntg-item-pclist li a {
    position: relative;
    display: block;
    height: auto;
    border: none;
    background: none;
}

.ntg-item-pclist li a .thumb {
    position: relative;
    display: inline-block;
    padding: 3px;
    background: #f1f1f1;
}

.ntg-item-pclist li a img {
    position: relative;
    display: block;
    width: 164px;
    height: 90px;
    border: 1px solid #dee2ef;
    box-sizing: border-box;
}

.ntg-item-pclist li a:hover {
    top: 1px;
    background: none;
}

.ntg-item-pclist li a:hover img {
    opacity: 0.7;
}

.ntg-item-pclist .tx-rank {
    position: absolute;
    top: 104px;
    left: 0;
    display: block;
    width: 29px;
    height: 26px;
    padding-top: 5px;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_ranking_v2-1.png) -660px 0 no-repeat;
    color: #fff;
    text-align: center;
    font-weight: normal;
    font-size: 12px;
}

.ntg-item-pclist .tx-rank.rank1, .ntg-item-pclist .tx-rank.rank2, .ntg-item-pclist .tx-rank.rank3 {
    width: 32px;
    height: 25px;
    padding-top: 13px;
}

.ntg-item-pclist .tx-rank.rank1 {
    background-position: 0 -45px;
}

.ntg-item-pclist .tx-rank.rank2 {
    background-position: -40px -45px;
}

.ntg-item-pclist .tx-rank.rank3 {
    background-position: -80px -45px;
}

.ntg-item-pclist .box-review {
    display: block;
    padding: 3px 6px 0;
    font-size: 10px;
}

.ntg-item-pclist .box-sub-contents {
    margin-top: 6px;
}

.ntg-item-pclist .ntg-ttl-pclist {
    display: block;
    overflow: inherit;
    width: auto;
    height: auto;
    padding: 3px 4px 0;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all;
    font-weight: bold;
    font-size: 12px;
}

.ntg-item-pclist .ntg-ttl-pclist .tx-ttl-eq {
    display: inline-block;
    min-height: 54px;
    font-size: 14px;
    line-height: 18px;
}

.ntg-item-pclist .ntg-ttl-pclist.is-ttl-multiline {
    display: block;
    overflow: hidden;
    height: 2.8em;
    margin-bottom: 5px;
    text-overflow: inherit;
    white-space: inherit;
    word-break: break-all;
}

.ntg-item-pclist a.new .ntg-ttl-pclist:before {
    display: block;
    float: left;
    width: 30px;
    height: 14px;
    margin: 1px 3px 0 0;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_new.png) 0 0 no-repeat;
    content: '';
}

.ntg-item-pclist .ntg-tx-genre {
    display: block;
    padding: 2px 3px 0;
    color: #69d;
    font-weight: bold;
    font-size: 11px;
}

.ntg-item-pclist .ntg-tx-genre:hover {
    top: 0;
    text-decoration: underline;
}

.ntg-item-pclist .ntg-tx-genre.is-border {
    display: inline-block;
    margin: 0 0 6px 5px;
    padding: 3px 6px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #fff;
    color: #000;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.4em;
    -webkit-transition: all 0.1s ease-out;
            transition: all 0.1s ease-out;
}

.ntg-item-pclist .ntg-tx-genre.is-border span {
    display: block;
    overflow: hidden;
    max-width: 150px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ntg-item-pclist .ntg-tx-genre.is-border:hover {
    background: #ddd;
    text-decoration: none;
}

.ntg-item-pclist .ntg-tx-lang {
    margin: 0 0 6px 5px;
    color: #333;
    font-size: 11px;
    line-height: 1;
}

.ntg-item-pclist .ntg-tx-lang span {
    display: inline-block;
    padding: 4px 5px;
    border-radius: 3px;
    background: #eee;
}

.ntg-item-pclist .tx-notice {
    display: block;
    color: #c00;
}

.ntg-item-pclist a:hover .tx-ttl {
    text-decoration: underline;
}

.ntg-item-pclist .ntg-tx-pclist {
    display: block;
    overflow: hidden;
    width: 166px;
    padding: 1px 3px 0;
    color: #666;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    font-size: 10px;
}

.ntg-item-pclist .ntg-tx-data {
    display: block;
    overflow: hidden;
    width: 166px;
    padding: 1px 3px 0;
    color: #999;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    font-size: 10px;
}

.ntg-item-pclist .ntg-tx-normal {
    display: block;
    overflow: hidden;
    width: 166px;
    padding: 1px 3px 0;
    color: #000;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}

.ntg-item-pclist .box-genre {
    position: absolute;
    bottom: 6px;
    left: 0;
    display: block;
    width: 100%;
    text-align: center;
    line-height: 1em;
}

.ntg-item-pclist .box-genre span {
    width: 62px;
}

.ntg-item-pclist .ntg-tx-tag {
    position: relative;
    display: inline-block;
    margin-top: 3px;
    padding: 1px 3px 0 20px;
    color: #777;
    font-size: 11px;
}

.ntg-item-pclist .ntg-tx-tag:hover {
    top: 0;
}

.ntg-item-pclist .ntg-tx-tag:before {
    position: absolute;
    top: 5px;
    left: 5px;
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_tag.png) left top no-repeat;
    content: '';
}

.ntg-item-pclist .tx-morelink {
    padding: 0;
    background: none;
}

.ntg-item-pclist .tx-morelink a {
    display: block;
    width: 170px;
    height: 150px;
    border: 1px solid #ddd;
    background: #f2f2f2 url(https://p.dmm.co.jp/p/netgame/common/ico/ico_morelink_list.png) no-repeat center 20px;
    text-align: center;
}

.ntg-item-pclist .tx-morelink a:before {
    display: none;
}

.ntg-item-pclist .tx-morelink a:hover {
    background: #f2f2f2 url(https://p.dmm.co.jp/p/netgame/common/ico/ico_morelink_list.png) no-repeat center 20px;
    opacity: 0.7;
}

.ntg-item-pclist .tx-morelink a span {
    display: inline-block;
    margin: 90px auto 0;
    padding-left: 10px;
    background: url(https://p.dmm.co.jp/p/common/arrow_common.gif) no-repeat left center;
}

.ntg-item-pclist .tx-comment {
    display: block;
    overflow: hidden;
    height: 2.8em;
    margin: 0 5px 10px 5px;
    word-wrap: break-word;
    font-size: 11px;
}

/* ===== ��󥭥󥰻����̻��� */
.ntg-item-pclist.ranking .ntg-ttl-pclist {
    padding: 3px 0 0;
}

.ntg-item-pclist.ranking .ntg-tx-genre {
    padding: 2px 0 0;
}

.ntg-item-pclist.ranking .ntg-ttl-pclist {
    margin-left: 37px;
}

.ntg-item-pclist.ranking .ntg-tx-genre {
    margin-left: 37px;
}

.ntg-item-pclist.ranking .ntg-tx-genre.is-border {
    margin: 0 0 5px 5px;
    padding: 3px 6px;
}

/* ===== �Ρ������ƥ�ɽ��(PC/SP����) */
.ntg-item-pclist .tx-noitem, .ntg-area-mobilelist .tx-noitem {
    margin-bottom: 11px;
    padding: 40px 0;
    border: 10px solid #f2f2f2;
    text-align: center;
    font-size: 16px;
}

/*
component - _ntg-item-regist.scss
----------------------------------------*/
.ntg-area-regist {
    position: relative;
}

.ntg-item-regist ul {
    position: relative;
    left: 0;
    overflow: hidden;
    margin-bottom: 6px;
}

.ntg-item-regist li {
    position: relative;
    float: left;
    overflow: hidden;
    width: 724px;
}

.ntg-item-regist li a {
    position: relative;
    display: block;
    overflow: hidden;
}

.ntg-item-regist li a:hover {
    position: relative;
    top: 2px;
}

.ntg-item-regist li a:hover img {
    opacity: 0.7;
}

.ntg-item-regist li p {
    overflow: hidden;
    height: 40px;
    font-size: 13px;
}

.ntg-item-regist li.new > a:after {
    position: absolute;
    top: 20px;
    left: 0;
    display: block;
    width: 50px;
    height: 50px;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_new.png) left top no-repeat;
    content: '';
}

.ntg-item-regist .tx-registinfo {
    display: block;
    overflow: hidden;
    height: 30px;
    margin-bottom: 10px;
    padding-right: 10px;
    background: #fffaef;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    font-size: 13px;
    line-height: 30px;
    box-sizing: border-box;
}

.ntg-item-regist .tx-registinfo .tx-status {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 80px;
    height: 30px;
    margin-right: 10px;
    vertical-align: top;
}

.ntg-item-regist .tx-registinfo .tx-status img {
    position: absolute;
    top: 0;
    left: 0;
}

.ntg-item-regist .tx-registprior {
    display: block;
    overflow: hidden;
    height: 30px;
    margin-bottom: 10px;
    padding-right: 10px;
    background: #ffeef4;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    font-size: 13px;
    line-height: 30px;
    box-sizing: border-box;
}

.ntg-item-regist .tx-registprior .tx-status {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 80px;
    height: 26px;
    margin-right: 10px;
    padding-top: 4px;
    vertical-align: top;
}

.ntg-item-regist .tx-registprior .tx-status img {
    position: absolute;
    top: -30px;
    left: 0;
}

.ntg-item-regist .tx-registcbt {
    display: block;
    overflow: hidden;
    height: 30px;
    margin-bottom: 10px;
    padding-right: 10px;
    background: #f2fbff;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    font-size: 13px;
    line-height: 30px;
    box-sizing: border-box;
}

.ntg-item-regist .tx-registcbt .tx-status {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 80px;
    height: 26px;
    margin-right: 10px;
    padding-top: 4px;
    vertical-align: top;
    text-align: center;
}

.ntg-item-regist .tx-registcbt .tx-status img {
    position: absolute;
    top: -60px;
    left: 0;
}

.ntg-item-regist .tx-registobt {
    display: block;
    overflow: hidden;
    height: 30px;
    margin-bottom: 10px;
    padding-right: 10px;
    background: #ffeff0;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    font-size: 13px;
    line-height: 30px;
    box-sizing: border-box;
}

.ntg-item-regist .tx-registobt .tx-status {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 80px;
    height: 26px;
    margin-right: 10px;
    padding-top: 4px;
    vertical-align: top;
    text-align: center;
}

.ntg-item-regist .tx-registobt .tx-status img {
    position: absolute;
    top: -90px;
    left: 0;
}

.ntg-item-regist .col2 {
    margin-right: -17px;
}

.ntg-item-regist .col2 li {
    width: 50%;
    padding-right: 17px;
    box-sizing: border-box;
}

.regist-slide a {
    position: relative;
}

.regist-slide .timer {
    position: relative;
    z-index: 1;
    display: block;
    margin-bottom: -20px;
    background: #fff;
    text-align: center;
    font-size: 32px;
    line-height: 1.3;
}

.regist-slide .timer > span {
    position: relative;
    display: inline-block;
    padding-left: 28px;
    color: #f13;
}

.regist-slide .timer > span:after {
    position: absolute;
    top: 14px;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_timer.png) left -20px no-repeat;
    content: '';
}

.regist-slide .hour, .regist-slide .minute, .regist-slide .second {
    display: inline-block;
    margin: 0 6px;
    text-shadow: 0 0 5px #fff;
    font-weight: bold;
    font-family: helvetica;
}

.regist-slide .tx-timer {
    font-size: 20px;
}

.regist-slide.col2 .timer {
    width: 355px;
    padding-right: 10px;
    font-size: 28px;
}

.regist-slide.col2 .timer > span:after {
    top: 12px;
}

.regist-slide.col2 .tx-timer {
    font-size: 15px;
}

.regist-slide.col2 li:nth-child(even) .timer > span {
    color: #09b;
}

.regist-slide.col2 li:nth-child(even) .timer > span:after {
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_timer.png) left -40px no-repeat;
}

/*
component - _ntg-item-teaser.scss
----------------------------------------*/
.ntg-area-teaser {
    position: relative;
}

.ntg-item-teaser ul {
    position: relative;
    left: 0;
    overflow: hidden;
    margin-bottom: 6px;
}

.ntg-item-teaser li {
    position: relative;
    float: left;
    overflow: hidden;
    width: 724px;
}

.ntg-item-teaser li a {
    position: relative;
    display: block;
    overflow: hidden;
}

.ntg-item-teaser li a:hover {
    position: relative;
    top: 2px;
}

.ntg-item-teaser li a:hover img {
    opacity: 0.7;
}

.ntg-item-teaser li p {
    overflow: hidden;
    height: 40px;
    font-size: 13px;
}

.ntg-item-teaser li.new > a:after {
    position: absolute;
    top: 20px;
    left: 0;
    display: block;
    width: 50px;
    height: 50px;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_new.png) left top no-repeat;
    content: '';
}

.ntg-item-teaser .tx-teaserinfo {
    display: block;
    overflow: hidden;
    height: 30px;
    margin-bottom: 10px;
    padding-right: 10px;
    background: #fffaef;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    font-size: 13px;
    line-height: 30px;
    box-sizing: border-box;
}

.ntg-item-teaser .tx-teaserinfo .tx-status {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 30px;
    margin-right: 10px;
    background: #fb3;
    color: #fff;
    vertical-align: top;
    text-align: center;
    font-weight: normal;
    font-size: 11px;
    line-height: 30px;
}

.ntg-item-teaser .tx-teaserinfo .tx-status:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 80px;
    height: 30px;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_regist.jpg) left top no-repeat;
    content: '';
}

.ntg-item-teaser .tx-teaserprior {
    display: block;
    overflow: hidden;
    height: 30px;
    margin-bottom: 10px;
    padding-right: 10px;
    background: #ffeef4;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    font-size: 13px;
    line-height: 30px;
    box-sizing: border-box;
}

.ntg-item-teaser .tx-teaserprior .tx-status {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 26px;
    margin-right: 10px;
    padding-top: 4px;
    background: #f48;
    color: #fff;
    vertical-align: top;
    text-align: center;
    font-weight: normal;
    font-size: 11px;
    line-height: 12px;
}

.ntg-item-teaser .tx-teaserprior .tx-status:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 80px;
    height: 30px;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_regist.jpg) left -30px no-repeat;
    content: '';
}

.ntg-item-teaser .tx-teasercbt {
    display: block;
    overflow: hidden;
    height: 30px;
    margin-bottom: 10px;
    padding-right: 10px;
    background: #f2fbff;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    font-size: 13px;
    line-height: 30px;
    box-sizing: border-box;
}

.ntg-item-teaser .tx-teasercbt .tx-status {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 26px;
    margin-right: 10px;
    padding-top: 4px;
    background: #6acbf8;
    color: #fff;
    vertical-align: top;
    text-align: center;
    font-weight: normal;
    font-size: 11px;
    line-height: 12px;
}

.ntg-item-teaser .tx-teasercbt .tx-status:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 80px;
    height: 30px;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_regist.jpg) left -60px no-repeat;
    content: '';
}

.ntg-item-teaser .tx-teaserobt {
    display: block;
    overflow: hidden;
    height: 30px;
    margin-bottom: 10px;
    padding-right: 10px;
    background: #ffeff0;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    font-size: 13px;
    line-height: 30px;
    box-sizing: border-box;
}

.ntg-item-teaser .tx-teaserobt .tx-status {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 26px;
    margin-right: 10px;
    padding-top: 4px;
    background: #ce181e;
    color: #fff;
    vertical-align: top;
    text-align: center;
    font-weight: normal;
    font-size: 11px;
    line-height: 12px;
}

.ntg-item-teaser .tx-teaserobt .tx-status:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 80px;
    height: 30px;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_regist.jpg) left -90px no-repeat;
    content: '';
}

.ntg-item-teaser .col2 {
    margin-right: -17px;
}

.ntg-item-teaser .col2 li {
    width: 50%;
    padding-right: 17px;
    box-sizing: border-box;
}

.teaser-slide a {
    position: relative;
}

.teaser-slide .timer {
    position: relative;
    z-index: 1;
    display: block;
    margin-bottom: -20px;
    background: #fff;
    text-align: center;
    font-size: 32px;
    line-height: 1.3;
}

.teaser-slide .timer > span {
    position: relative;
    display: inline-block;
    padding-left: 28px;
    color: #f13;
}

.teaser-slide .timer > span:after {
    position: absolute;
    top: 14px;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_timer.png) left -20px no-repeat;
    content: '';
}

.teaser-slide .hour, .teaser-slide .minute, .teaser-slide .second {
    display: inline-block;
    margin: 0 6px;
    text-shadow: 0 0 5px #fff;
    font-weight: bold;
    font-family: helvetica;
}

.teaser-slide .tx-timer {
    font-size: 20px;
}

.teaser-slide.col2 .timer {
    width: 355px;
    padding-right: 10px;
    font-size: 28px;
}

.teaser-slide.col2 .timer > span:after {
    top: 12px;
}

.teaser-slide.col2 .tx-timer {
    font-size: 15px;
}

.teaser-slide.col2 li:nth-child(even) .timer > span {
    color: #09b;
}

.teaser-slide.col2 li:nth-child(even) .timer > span:after {
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_timer.png) left -40px no-repeat;
}

/*
component - _ntg-item-thumblist.scss
----------------------------------------*/
.ntg-item-thumblist ul {
    width: 740px;
    margin-left: 0;
}

.ntg-item-thumblist a {
    position: relative;
    display: block;
    font-weight: bold;
}

.ntg-item-thumblist a:hover {
    top: 1px;
}

.ntg-item-thumblist a:hover img {
    opacity: 0.7;
}

.thumblist-item-80 li {
    position: relative;
    float: left;
    overflow: hidden;
    width: 82px;
    height: 123px;
    margin-right: 10px;
    padding: 0;
}

.thumblist-item-80 .thumb {
    display: block;
    margin-bottom: 6px;
}

.thumblist-item-80 .thumb img {
    width: 80px;
    border: 1px solid #ccc;
}

.ntg-area-recommend .ntg-list-recommend {
    padding: 8px 0 33px;
}

.ntg-area-recommend .ntg-list-recommend .list-item-recommend {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.ntg-area-recommend .ntg-list-recommend .list-item-recommend > li {
    margin-right: 12px;
    letter-spacing: 0;
}

.ntg-area-recommend .ntg-list-recommend .list-item-recommend > li > .recommend-game {
    position: relative;
}

.ntg-area-recommend .ntg-list-recommend .list-item-recommend > li > .recommend-game .thumb {
    width: 135px;
    margin-bottom: 8px;
}

.ntg-area-recommend .ntg-list-recommend .list-item-recommend > li > .recommend-game .recommend-game-ttl {
    position: relative;
    display: -webkit-box;
    overflow: hidden;
    max-width: 135px;
    max-height: 2.4em;
    margin-bottom: 20px;
    text-align: left;
    word-break: break-word;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.2;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.ntg-area-recommend .ntg-list-recommend .list-item-recommend > li > .recommend-game:hover {
    top: 1px;
}

.ntg-area-recommend .ntg-list-recommend .list-item-recommend > li > .recommend-game:hover .thumb {
    opacity: 0.7;
}

.ntg-area-recommend .ntg-list-recommend .list-item-recommend > li:nth-child(5) {
    margin-right: 0;
}

.ntg-area-recommend .ntg-list-recommend .list-item-recommend > li:last-child {
    margin-right: 0;
}

.ntg-area-recommend .bx-pager, .ntg-area-recommend .bx-wrapper .bx-controls-auto, .bx-wrapper .ntg-area-recommend .bx-controls-auto {
    display: none;
}

/*
project - ntg-list.scss
----------------------------------------*/
[class^='ntg-list-col'] {
    letter-spacing: -0.4em;
}

[class^='ntg-list-col'] li {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    padding-right: 10px;
    vertical-align: top;
    letter-spacing: normal;
    box-sizing: border-box;
}

[class^='ntg-list-col'] a {
    display: block;
}

[class^='ntg-list-col'] a:hover {
    position: relative;
    top: 1px;
}

[class^='ntg-list-col'] a:hover .ntg-thumb {
    opacity: 0.7;
}

[class^='ntg-list-col'] .ntg-ttl {
    font-weight: bold;
    font-size: 14px;
}

[class^='ntg-list-col'] .ntg-ttl span {
    display: block;
    overflow: hidden;
    max-height: 3em;
}

[class^='ntg-list-col'] .ntg-thumb {
    float: left;
    min-width: 80px;
    max-width: 200px;
    width: 30%;
    height: auto;
    margin-right: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
}

[class^='ntg-list-col'] .ntg-tx {
    overflow: hidden;
    margin-top: 6px;
    color: #666;
    font-size: 13px;
}

[class^='ntg-list-col']:after {
    display: table;
    clear: both;
    content: '';
}

.ntg-list-col1 li {
    margin-right: 0;
}

.ntg-list-col2 li {
    width: 50%;
}

.ntg-list-col3 li {
    width: 33.3%;
}

.ntg-list-col4 li {
    width: 25%;
}

.ntg-list-col5 li {
    width: 20%;
}

.ntg-more {
    clear: both;
    margin: 20px auto;
    text-align: center;
}

.ntg-more .more-button {
    display: inline-block;
    min-width: 280px;
    margin: 0 auto;
    padding: 8px 20px;
    border: 1px solid #ddd;
    background: #f2f2f2;
    color: #333;
    font-weight: bold;
    font-size: 16px;
}

.ntg-more .more-button:hover {
    position: relative;
    top: 1px;
    opacity: 0.7;
}

.ntg-more span {
    position: relative;
    display: inline-block;
    padding-left: 18px;
}

.ntg-more span:before {
    position: absolute;
    top: 8px;
    left: 0;
    display: block;
    width: 0;
    height: 0;
    border-width: 8px 5px 0 5px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
    content: '';
}

/*
component - ntg-pop.scss
----------------------------------------*/
/* ===== #box-ntgpop */
#box-ntgpop {
    position: fixed;
    top: 120px;
    left: 120px;
    z-index: 520;
    display: none;
    clear: both;
    width: 590px;
    border: 1px solid #aaa;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5);
    text-align: left;
}

#box-ntgpop .ttl {
    margin: 0;
    padding: 12px 45px 8px 20px;
    border-radius: 5px 5px 0 0;
    background: #2f3335;
    color: #fff;
    font-size: 16px;
}

#box-ntgpop .ttl .bt_ntgpop_close {
    position: absolute;
    top: 10px;
    right: 12px;
    display: block;
    width: 23px;
    height: 23px;
    background: url(https://p.dmm.co.jp/p/netgame/common/bt/bt_ntgpop_close.png) center center no-repeat;
    cursor: pointer;
}

#box-ntgpop .ttl span:hover {
    top: 11px;
    opacity: 0.5;
}

#box-ntgpop .type-mobile > p {
    overflow-y: auto;
    max-height: 250px;
    margin: 0 0 12px 220px;
}

#box-ntgpop .type-mobile > ul {
    overflow: hidden;
    height: auto;
    margin: 18px 0 0 220px;
    padding: 6px;
    background: #f2f2f2;
}

#box-ntgpop .type-mobile > ul li {
    float: left;
    width: 140px;
    list-style: none;
    text-align: center;
}

#box-ntgpop .type-mobile > ul li:first-child {
    padding-left: 0;
    border-right: 1px dashed #999;
}

#box-ntgpop .type-mobile > ul p {
    margin: 0 0 6px;
}

#box-ntgpop .type-mobile > ul .ico-sp, #box-ntgpop .type-mobile > ul .ico-fp {
    display: inline-block;
    padding: 0 0 0 20px;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_ntgheadline.png) left -120px no-repeat;
    line-height: 25px;
}

#box-ntgpop .type-mobile > ul .ico-fp {
    background-position: left -240px;
}

#box-ntgpop .type-mobile .col1 img, #box-ntgpop .type-mobile .col2 img {
    border: 1px solid #ccc;
}

#box-ntgpop .type-mobile .col1 {
    width: 140px;
    text-align: center;
}

#box-ntgpop .type-mobile .col1 li {
    float: none;
    margin: 0 auto;
    padding: 6px 0 6px 12px;
    border: none;
}

#box-ntgpop .type-mobile .col1 li:first-child {
    padding: 6px 12px 6px 0;
}

#box-ntgpop .type-mobile .col2 {
    width: 318px;
}

#box-ntgpop .type-mobile .col2 li {
    padding: 6px 6px 6px 12px;
}

#box-ntgpop .type-mobile .col2 li:first-child {
    padding: 6px 12px 6px 6px;
}

#box-ntgpop .type-mobile [class^='ntg-rate'] {
    position: relative;
    top: -2px;
}

#box-ntgpop .type-mobile .box-works {
    float: left;
    overflow: hidden;
    width: 200px;
    margin-bottom: 20px;
}

#box-ntgpop .type-mobile .box-works .pake {
    height: 200px;
    background: #f2f2f2;
    text-align: center;
}

#box-ntgpop .type-mobile .box-works .pake img {
    height: 200px;
    margin: 0 auto;
}

#box-ntgpop .type-mobile .box-works img {
    width: auto;
    height: 62px;
    margin: 0 auto;
}

#box-ntgpop .type-mobile .box-works ul {
    margin-top: 12px;
}

#box-ntgpop .type-mobile .box-works li {
    position: relative;
    display: table-cell;
    float: left;
    width: 60px;
    margin-left: 7px;
    border: 1px solid #f2f2f2;
    background: #f2f2f2;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
}

#box-ntgpop .type-mobile .box-works li:first-child {
    margin-left: 0;
}

#box-ntgpop .type-mobile .box-works li.on {
    border: 1px solid #ccc;
    background: #fff;
}

#box-ntgpop .type-mobile .box-works li.on:before {
    position: absolute;
    top: -15px;
    left: 28px;
    display: block;
    border: 5px solid transparent;
    border-bottom: 7px solid #ccc;
    content: '';
}

#box-ntgpop .type-mobile .box-works li.on img {
    opacity: 0.7;
}

#box-ntgpop .type-mygame > ul {
    overflow: auto;
    max-height: 365px;
}

#box-ntgpop .type-mygame > ul > li {
    float: left;
    width: 50%;
    border-bottom: 1px dotted #ccc;
}

#box-ntgpop .type-mygame > ul > li a {
    display: block;
    overflow: hidden;
    padding: 6px;
}

#box-ntgpop .type-mygame > ul > li a:hover {
    background: #eaecf1;
}

#box-ntgpop .type-mygame > ul > li img {
    float: left;
    margin-right: 6px;
}

#box-ntgpop .type-mygame .tx-gamestop {
    margin-top: 12px;
    text-align: right;
}

#box-ntgpop .box-btn-area {
    overflow: hidden;
    margin: 0 0 12px 220px;
}

#box-ntgpop [class^='bt-'] {
    position: relative;
    display: inline-block;
    border-radius: 3px;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
}

#box-ntgpop .bt-official-community, #box-ntgpop .bt-page-special {
    height: 33px;
    line-height: 33px;
}

#box-ntgpop .bt-official-community {
    float: left;
    width: 158px;
    margin-right: 8px;
    padding: 0 9px 0 35px;
    background: #4c9;
}

#box-ntgpop .bt-official-community:hover {
    top: 1px;
    background: #5da;
}

#box-ntgpop .bt-official-community:after {
    position: absolute;
    top: 10px;
    left: 9px;
    display: block;
    width: 20px;
    height: 15px;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_sidentg.png) -30px -570px no-repeat;
    content: '';
}

#box-ntgpop .bt-page-special {
    float: left;
    width: 85px;
    padding: 0 9px 0 22px;
    background: #fb2;
}

#box-ntgpop .bt-page-special:hover {
    top: 1px;
    background: #fc3;
}

#box-ntgpop .bt-page-special:after {
    position: absolute;
    top: 12px;
    left: 9px;
    display: block;
    width: 0;
    height: 0;
    border-width: 4px 0 4px 6px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
    content: '';
}

#box-ntgpop .bt-page-regist {
    float: left;
    width: 100%;
    height: 45px;
    margin-top: 6px;
    padding-left: 6px;
    background: #f48;
    line-height: 45px;
    box-sizing: border-box;
}

#box-ntgpop .bt-page-regist:hover {
    top: 1px;
    background: #f59;
}

#box-ntgpop .bt-page-regist:after {
    position: absolute;
    top: 18px;
    left: 9px;
    display: block;
    width: 0;
    height: 0;
    border-width: 4px 0 4px 6px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
    content: '';
}

#box-ntgpop .bt-appstore, #box-ntgpop .bt-googleplay {
    height: auto;
    margin-top: 6px;
}

#box-ntgpop .bt-appstore:hover, #box-ntgpop .bt-googleplay:hover {
    position: relative;
    top: 1px;
    opacity: 0.7;
}

#box-ntgpop .bt-appstore img, #box-ntgpop .bt-googleplay img {
    display: block;
    width: 100%;
    border: none;
}

#box-ntgpop .bt-advance {
    position: relative;
    width: 100%;
    padding: 12px 9px 12px 15px;
    border-radius: 5px;
    background-color: #ffbb34;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-size: 13px;
    box-sizing: border-box;
}

#box-ntgpop .bt-advance.no-link {
    padding: 12px;
    background-color: #ddd;
    color: #999;
}

#box-ntgpop .bt-advance.no-link:after {
    display: none;
}

#box-ntgpop .bt-advance.no-link:hover {
    top: 0;
    opacity: 1;
}

#box-ntgpop .bt-advance:after {
    position: absolute;
    top: 50%;
    left: 6px;
    display: block;
    width: 0;
    height: 0;
    margin-top: -4px;
    border-width: 4px 0 4px 6px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
    content: '';
}

#box-ntgpop .bt-advance:hover {
    top: 1px;
    opacity: 0.7;
}

#box-ntgpop .box-sp-content .box-sp-item:after {
    display: block;
    clear: both;
    content: '';
}

#box-ntgpop .box-sp-content .box-sp-item .box-works {
    margin: 0;
}

#box-ntgpop .box-sp-content .box-sp-item .box-store {
    overflow: hidden;
    min-height: 200px;
    margin-left: 215px;
    padding: 15px 15px 15px 0;
    background: #f2f2f2;
    font-size: 0;
    box-sizing: border-box;
}

#box-ntgpop .box-sp-content .box-sp-item .box-store .col-all {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    padding-left: 15px;
    vertical-align: top;
    text-align: center;
    font-size: 12px;
    box-sizing: border-box;
}

#box-ntgpop .box-sp-content .box-sp-item .box-store .col-half {
    display: inline-block;
    overflow: hidden;
    width: 50%;
    padding-left: 15px;
    vertical-align: top;
    text-align: center;
    font-size: 12px;
    box-sizing: border-box;
}

#box-ntgpop .box-sp-content .box-sp-item .box-store li {
    padding: 0;
    list-style: none;
    text-align: center;
}

#box-ntgpop .box-sp-content .box-sp-item .box-store li:after {
    display: block;
    clear: both;
    content: '';
}

#box-ntgpop .box-sp-content .box-sp-item .box-store li:first-child {
    margin-bottom: 20px;
}

#box-ntgpop .box-sp-content .box-sp-item .box-store li .use-os {
    margin: 0 0 6px;
}

#box-ntgpop .box-sp-content .box-sp-item .box-store li .bt-page-regist, #box-ntgpop .box-sp-content .box-sp-item .box-store li .bt-appstore, #box-ntgpop .box-sp-content .box-sp-item .box-store li .bt-googleplay, #box-ntgpop .box-sp-content .box-sp-item .box-store li .bt-googleplay {
    display: block;
}

#box-ntgpop .box-sp-content .box-sp-item .box-store li .bt-page-regist img, #box-ntgpop .box-sp-content .box-sp-item .box-store li .bt-appstore img, #box-ntgpop .box-sp-content .box-sp-item .box-store li .bt-googleplay img, #box-ntgpop .box-sp-content .box-sp-item .box-store li .bt-googleplay img {
    width: 100%;
    box-sizing: border-box;
}

#box-ntgpop .box-sp-content .box-sp-item .box-store .ico-sp, #box-ntgpop .box-sp-content .box-sp-item .box-store .type-mobile > ul .ico-fp, #box-ntgpop .type-mobile > ul .box-sp-content .box-sp-item .box-store .ico-fp {
    display: inline-block;
    margin-bottom: 10px;
}

#box-ntgpop .box-sp-content .box-sp-item .box-store .qrsp {
    display: block;
    background-color: #fff;
}

#box-ntgpop .box-sp-content .popup-description {
    overflow-y: scroll;
    max-height: 10em;
    margin: 20px 0 0 0;
}

#box-ntgpop.cord-disable {
    width: 445px;
}

#box-ntgpop.cord-enable {
    width: 608px;
}

.ntgpop-inner {
    padding: 20px;
}

/* ===== #pop-back */
#pop-back {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 510;
    min-height: 100%;
    width: 100%;
    background: #fff;
    opacity: 0.8;
    -ms-filter: 'alpha(opacity=80)';
        filter: alpha(opacity=80);
    cursor: pointer;
}

/*
component - ntg-rate.scss
----------------------------------------*/
/* ===== ntg-rate */
[class^='ntg-rate'] {
    display: inline-block;
    width: 64px;
    height: 12px;
    margin-left: 6px;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_rate.png) no-repeat;
    line-height: 14px;
}

[class^='ntg-rate'] span {
    position: relative;
    left: 67px;
    color: #666;
    font-size: 10px;
    line-height: 1.3;
}

.ntg-rate0_0 {
    background-position: 0 0;
}

.ntg-rate0_5 {
    background-position: 0 -16px;
}

.ntg-rate1_0 {
    background-position: 0 -33px;
}

.ntg-rate1_5 {
    background-position: 0 -49px;
}

.ntg-rate2_0 {
    background-position: 0 -65px;
}

.ntg-rate2_5 {
    background-position: 0 -82px;
}

.ntg-rate3_0 {
    background-position: 0 -98px;
}

.ntg-rate3_5 {
    background-position: 0 -114px;
}

.ntg-rate4_0 {
    background-position: 0 -131px;
}

.ntg-rate4_5 {
    background-position: 0 -147px;
}

.ntg-rate5_0 {
    background-position: 0 -163px;
}

/* ===== ntg-rate.la */
[class^='ntg-rate'].la {
    display: inline-block;
    width: 103px;
    height: 18px;
    margin-left: 3px;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_rate_la.png) no-repeat;
    line-height: 20px;
}

[class^='ntg-rate'].la span {
    position: relative;
    left: 105px;
    color: #666;
    font-size: 10px;
    line-height: 2.0;
}

.ntg-rate0_0.la {
    background-position: 0 0;
}

.ntg-rate0_5.la {
    background-position: 0 -26px;
}

.ntg-rate1_0.la {
    background-position: 0 -53px;
}

.ntg-rate1_5.la {
    background-position: 0 -79px;
}

.ntg-rate2_0.la {
    background-position: 0 -106px;
}

.ntg-rate2_5.la {
    background-position: 0 -132px;
}

.ntg-rate3_0.la {
    background-position: 0 -159px;
}

.ntg-rate3_5.la {
    background-position: 0 -185px;
}

.ntg-rate4_0.la {
    background-position: 0 -212px;
}

.ntg-rate4_5.la {
    background-position: 0 -238px;
}

.ntg-rate5_0.la {
    background-position: 0 -265px;
}

.ntg-registGame {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    margin: 0 1px 0 0;
    padding-bottom: 10px;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.ntg-registGame.registGame__noBorder {
    padding-bottom: 0;
    border-bottom: none;
}

.ntg-registGame * {
    box-sizing: border-box;
}

.ntg-registGame.registGame__col2 {
    width: 724px;
}

.ntg-registGame.registGame__col2 .registGame-item {
    width: 362px;
    padding: 0 8px 0 0;
}

.ntg-registGame.registGame__col2 .registGame-item img {
    width: 100%;
}

.ntg-registGame.registGame__col2 .registGame-item:nth-child(2n) {
    padding: 0 0 0 8px;
}

.ntg-registGame.registGame__col3 {
    width: 100%;
}

.ntg-registGame.registGame__col3 .registGame-item {
    width: calc((100% - 5px) / 3);
    padding: 0 5px 0 0;
}

.ntg-registGame.registGame__col3 .registGame-item img {
    width: 100%;
}

.ntg-registGame.registGame__col3 .registGame-item:nth-child(3n-1) {
    width: calc((100% - 5px) / 3 + 5px);
    padding: 0 5px 0 5px;
}

.ntg-registGame.registGame__col3 .registGame-item:nth-child(3n) {
    width: calc((100% - 5px) / 3);
    padding: 0 0 0 5px;
}

.ntg-registGame .registGame-item {
    width: 100%;
    margin-bottom: 10px;
}

.ntg-registGame .registGame-item a:hover {
    position: relative;
    top: 1px;
    opacity: 0.75;
}

.ntg-registGame .registGame-thumb {
    width: 100%;
    height: auto;
}

.ntg-registGame .registGame-tag {
    display: block;
    margin-right: 3px;
    padding: 3px 6px;
}

.ntg-registGame .registGame-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -ms-flex-align: center;
    margin-top: 6px;
    padding-right: 12px;
    font-size: 14px;

    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
}

.ntg-registGame .registGame-title.registGame-title__small {
    margin-top: 6px;
    font-size: 12px;
}

.ntg-registGame .registGame-title p {
    overflow: hidden;
    min-width: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;

    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.ntg-registGame .registGame-sub {
    margin-top: 3px;
    color: #666;
    font-size: 10px;
}

.ntg-teaserGame {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    margin: 0 1px 10px 0;
    padding-bottom: 30px;
    border-bottom: 1px solid #ccc;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.ntg-teaserGame.teaserGame__noBorder {
    padding-bottom: 0;
    border-bottom: none;
}

.ntg-teaserGame * {
    box-sizing: border-box;
}

.ntg-teaserGame.teaserGame__col2 {
    width: 724px;
}

.ntg-teaserGame.teaserGame__col2 .teaserGame-item {
    width: 362px;
    padding: 0 8px 0 0;
}

.ntg-teaserGame.teaserGame__col2 .teaserGame-item img {
    width: 100%;
}

.ntg-teaserGame.teaserGame__col2 .teaserGame-item:nth-child(2n) {
    padding: 0 0 0 8px;
}

.ntg-teaserGame.teaserGame__col3 {
    width: 100%;
}

.ntg-teaserGame.teaserGame__col3 .teaserGame-item {
    width: calc((100% - 5px) / 3);
    padding: 0 5px 0 0;
}

.ntg-teaserGame.teaserGame__col3 .teaserGame-item img {
    width: 100%;
}

.ntg-teaserGame.teaserGame__col3 .teaserGame-item:nth-child(3n-1) {
    width: calc((100% - 5px) / 3 + 5px);
    padding: 0 5px 0 5px;
}

.ntg-teaserGame.teaserGame__col3 .teaserGame-item:nth-child(3n) {
    width: calc((100% - 5px) / 3);
    padding: 0 0 0 5px;
}

.ntg-teaserGame .teaserGame-item {
    width: 100%;
    margin-bottom: 10px;
}

.ntg-teaserGame .teaserGame-item a:hover {
    position: relative;
    top: 1px;
    opacity: 0.75;
}

.ntg-teaserGame .teaserGame-thumb {
    width: 100%;
    height: auto;
}

.ntg-teaserGame .teaserGame-tag {
    display: block;
    margin-right: 3px;
    padding: 3px 6px;
}

.ntg-teaserGame .teaserGame-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -ms-flex-align: center;
    margin-top: 6px;
    padding-right: 12px;
    font-size: 14px;

    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
}

.ntg-teaserGame .teaserGame-title.teaserGame-title__small {
    margin-top: 6px;
    font-size: 12px;
}

.ntg-teaserGame .teaserGame-title p {
    overflow: hidden;
    min-width: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;

    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.ntg-teaserGame .teaserGame-sub {
    margin-top: 3px;
    color: #666;
    font-size: 10px;
}

/*
component - _ntg-tab.scss
----------------------------------------*/
.ntg-tab {
    overflow: hidden;
    border-top: 1px solid #fff;
}

.ntg-tab .badge {
    position: relative;
    top: -1px;
    margin-left: 6px;
    padding: 1px 6px;
    border-radius: 10px;
    background: #c00;
    color: #fff;
    font-weight: bold;
    font-size: 10px;
    line-height: 1;
}

.ntg-tab li {
    float: left;
    width: 50%;
    background: #dbe3e6;
    background: -webkit-linear-gradient(to bottom, #dbe3e6 0%, #cad2d7 100%);
    background: -webkit-linear-gradient(top, #dbe3e6 0%, #cad2d7 100%);
    background:         linear-gradient(to bottom, #dbe3e6 0%, #cad2d7 100%);
    font-size: 14px;
}

.ntg-tab li.on {
    background: #fff;
}

.ntg-tab a {
    display: block;
    padding: 13px 0;
    border-right: 1px solid #bcc3c7;
    color: #000;
    text-align: center;
    text-decoration: none;
}

.ntg-tab a:hover {
    background: #cad2d7;
    background: -webkit-linear-gradient(to bottom, #cad2d7 0%, #dbe3e6 100%);
    background: -webkit-linear-gradient(top, #cad2d7 0%, #dbe3e6 100%);
    background:         linear-gradient(to bottom, #cad2d7 0%, #dbe3e6 100%);
}

.ntg-tab a:hover span {
    text-decoration: underline;
}

.ntg-tab a:hover .badge {
    text-decoration: none;
}

.ntg-tab li:last-child {
    border-right: none;
}

.ntg-tab li.on a:hover {
    background: #fff;
}

/*
component - ntg-table.scss
----------------------------------------*/
.ntg-table {
    width: 100%;
    margin-bottom: 15px;
    border-collapse: collapse;
}

.ntg-table th, .ntg-table td {
    padding: 10px;
    border-top: 1px solid #fff;
}

.ntg-table th {
    width: 25%;
    border-right: 1px solid #fff;
    background: #edf0f1;
    text-align: center;
    white-space: nowrap;
    font-size: 13px;
}

.ntg-table th span > span {
    font-size: 11px;
}

.ntg-table td {
    background: #f5f7f8;
    line-height: 1.8;
}

.ntg-table td textarea {
    max-width: 476px;
    width: 98%;
    height: 100px;
    padding: 3px;
}

.ntg-table td input {
    margin-right: 6px;
}

.ntg-table label {
    cursor: pointer;
}

/*
component - ntg-tx-error.scss
----------------------------------------*/
.ntg-tx-error {
    margin-bottom: 20px !important;
    padding: 12px;
    border: 1px solid #c00;
    color: #c00;
    text-align: center;
    font-weight: bold;
}

/*
component - ntg-cardlist.scss
----------------------------------------*/
[class^='ntg-cardlist'] > ul {
    margin-right: -12px;
    letter-spacing: -10px;
}

[class^='ntg-cardlist'] > ul li {
    position: relative;
    display: inline-block;
    margin-bottom: 12px;
    padding-right: 12px;
    vertical-align: top;
    letter-spacing: 0;
    box-sizing: border-box;
}

[class^='ntg-cardlist'] > ul li a {
    position: relative;
    display: block;
    text-align: left;
}

[class^='ntg-cardlist'] > ul li a:hover {
    top: 1px;
}

[class^='ntg-cardlist'] > ul li a:hover img {
    opacity: 0.7;
}

[class^='ntg-cardlist'] > ul .thumb {
    position: relative;
    display: block;
    margin-bottom: 6px;
}

[class^='ntg-cardlist'] > ul .thumb img {
    display: block;
    width: 100%;
    margin: 0 auto;
    border: 1px solid #dee2ef;
    box-sizing: border-box;
}

[class^='ntg-cardlist'] > ul .ntg-tx-genre {
    display: block;
    margin-top: 3px;
    color: #69d;
    font-weight: bold;
    font-size: 11px;
}

[class^='ntg-cardlist'] > ul .ntg-tx-genre:hover {
    top: 0;
    text-decoration: underline;
}

[class^='ntg-cardlist'] > ul .ntg-ttl-cardlist {
    display: block;
    overflow: hidden;
    width: 100%;
    height: auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    font-weight: bold;
    font-size: 12px;
}

[class^='ntg-cardlist'] > ul .ntg-ttl-card {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 3em;
    word-break: break-all;
    font-weight: bold;
    font-size: 12px;
}

[class^='ntg-cardlist'] > ul .new:before {
    display: block;
    float: left;
    width: 30px;
    height: 14px;
    margin: 1px 3px 0 0;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_new.png) 0 0 no-repeat;
    content: '';
}

[class^='ntg-cardlist'] > ul .box-sub-contents {
    margin-top: 6px;
}

.ntg-cardlist-col03 li {
    width: 33.3%;
}

.ntg-cardlist-col04 li {
    width: 25%;
}

.ntg-cardlist-col5 li {
    width: 20%;
}

.ntg-cardlist-col6 li {
    width: 16.6%;
}

.ellipsis-row01 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ellipsis-row02 .tx-ttl {
    display: -webkit-box;
    display:         box;

    -webkit-box-orient: vertical;
            box-orient: vertical;
    -webkit-line-clamp: 2;
            line-clamp: 2;
}

.ellipsis-row03 .tx-ttl {
    display: -webkit-box;
    display:         box;

    -webkit-box-orient: vertical;
            box-orient: vertical;
    -webkit-line-clamp: 3;
            line-clamp: 3;
}

/*
component - ntg-area-eventinfo-list.scss
----------------------------------------*/
#contents-ntg .ntg-item-eventinfo-list {
    overflow: hidden;
    margin-bottom: 0;
}

#w .ntg-area-eventinfo-list .d-capt {
    margin-bottom: 6px;
}

#w .ntg-area-eventinfo-list .d-capt .ntg-headline {
    padding-left: 46px;
}

.ntg-area-eventinfo-list .eventinfo-list ul {
    height: 380px;
    margin-top: 15px;
}

.ntg-area-eventinfo-list .eventinfo-list ul li {
    height: 75px;
}

.ntg-area-eventinfo-list .eventinfo-list ul li a:hover {
    top: 1px;
    text-decoration: none;
}

.ntg-area-eventinfo-list .eventinfo-list ul li a:hover img {
    opacity: 0.7;
}

.ntg-area-eventinfo-list .eventinfo-list ul li a:hover .text {
    text-decoration: underline;
}

.ntg-area-eventinfo-list .eventinfo-list ul li .info {
    padding: 3px;
}

.ntg-area-eventinfo-list .eventinfo-list ul li .text {
    padding: 0 0 5px 0;
    font-weight: bold;
    font-size: 12px;
}

.ntg-area-eventinfo-list .eventinfo-list ul li .ttl {
    color: #666;
    text-decoration: none;
    font-size: 10px;
}

.ntg-area-eventinfo-list .eventinfo-list ul li img {
    float: left;
    height: 65px;
    margin-right: 10px;
}

.ntg-area-eventinfo-list .tx-more {
    text-align: right;
    font-size: 14px;
}

.ntg-item-eventinfo-list {
    overflow: hidden;
    -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
}

.ntg-item-eventinfo-list ul {
    margin-left: -12px;
    letter-spacing: -0.5em;
}

.ntg-item-eventinfo-list ul li {
    position: relative;
    display: inline-block;
    width: 20%;
    margin-bottom: 20px;
    padding-left: 12px;
    vertical-align: top;
    letter-spacing: normal;
    box-sizing: border-box;
}

.ntg-item-eventinfo-list ul li a {
    position: relative;
    display: block;
    height: auto;
    border: none;
    background: none;
}

.ntg-item-eventinfo-list ul li a .thumb {
    position: relative;
    display: block;
    padding: 3px;
    background: #f1f1f1;
}

.ntg-item-eventinfo-list ul li a img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid #dee2ef;
    box-sizing: border-box;
}

.ntg-item-eventinfo-list ul li a:hover {
    top: 1px;
    background: none;
}

.ntg-item-eventinfo-list ul li a:hover img {
    opacity: 0.7;
}

.ntg-item-eventinfo-list .ntg-ttl-pclist {
    display: block;
    overflow: inherit;
    width: auto;
    height: auto;
    padding: 3px 4px 0;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all;
    font-weight: bold;
    font-size: 12px;
}

.ntg-item-eventinfo-list .ntg-ttl-pclist .tx-ttl-eq {
    display: block;
    overflow: hidden;
    height: 54px;
    font-size: 14px;
    line-height: 18px;
}

.ntg-item-eventinfo-list .ntg-tx-data {
    display: block;
    overflow: hidden;
    width: 100%;
    padding: 1px 3px 0;
    color: #999;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    font-size: 10px;
    box-sizing: border-box;
}

.ntg-item-eventinfo-list .ntg-tx-normal {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 16px;
    padding: 1px 3px 0;
    color: #000;
    box-sizing: border-box;
}

.ntg-tag {
    padding: 3px 6px;
    border-radius: 3px;
    background: #f00;
    color: #fff;
    font-size: 10px;
    line-height: 1;
}

/*
component - page-top-link.scss
----------------------------------------*/
#page-top-link {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 10;
    font-size: 10px;
}

#page-top-link a {
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 5px;
    background: #bbb;
    color: #fff;
    text-align: center;
    text-decoration: none;
    opacity: 0.8;
    -ms-filter: 'alpha(opacity=80)';
        filter: alpha(opacity=80);
}

#page-top-link a:hover {
    background: #bbb;
    text-decoration: none;
    opacity: 1.0;
    -ms-filter: 'alpha(opacity=100)';
        filter: alpha(opacity=100);
}

#page-top-link.sticky-top-btn {
    position: absolute;
}

/*
component - btn-more.scss
----------------------------------------*/
/* ===== ��äȸ���(PC/SP����) */
.ntg-area-pclist .btn-more, .ntg-area-mobilelist .btn-more, .ntg-area-eventinfo-list .btn-more, .ntg-area-teaserinfo-list .btn-more {
    clear: both;
    margin: 0 auto 20px;
    border: 1px solid #ddd;
    background: #f2f2f2;
    text-align: center;
}

.ntg-area-pclist .btn-more a, .ntg-area-mobilelist .btn-more a, .ntg-area-eventinfo-list .btn-more a, .ntg-area-teaserinfo-list .btn-more a {
    display: block;
    padding: 10px 0;
    color: #333;
    font-weight: bold;
    font-size: 16px;
}

.ntg-area-pclist .btn-more a:hover, .ntg-area-mobilelist .btn-more a:hover, .ntg-area-eventinfo-list .btn-more a:hover, .ntg-area-teaserinfo-list .btn-more a:hover {
    position: relative;
    top: 1px;
    opacity: 0.7;
}

.ntg-area-pclist .btn-more a span, .ntg-area-mobilelist .btn-more a span, .ntg-area-eventinfo-list .btn-more a span, .ntg-area-teaserinfo-list .btn-more a span {
    position: relative;
    display: inline-block;
    padding-left: 18px;
}

.ntg-area-pclist .btn-more a span:before, .ntg-area-mobilelist .btn-more a span:before, .ntg-area-eventinfo-list .btn-more a span:before, .ntg-area-teaserinfo-list .btn-more a span:before {
    position: absolute;
    top: 8px;
    left: 0;
    display: block;
    width: 0;
    height: 0;
    border-width: 8px 5px 0 5px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
    content: '';
}

/*
component - popin-frame.scss
----------------------------------------*/
.ntg-popin {
    position: fixed;
    right: 0;
    bottom: -500px;
    z-index: 20;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    -webkit-transition: all 0.4s cubic-bezier(0.4, 1.3, 0.65, 1);
            transition: all 0.4s cubic-bezier(0.4, 1.3, 0.65, 1);
}

.ntg-popin.on {
    bottom: 0;
    opacity: 1;
    -ms-filter: 'alpha(opacity=100)';
}

.ntg-popin.sticky-banner {
    position: absolute;
    bottom: 20px;
}

.ntg-popin-frame {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    background: #fff;
    line-height: 1.5;
}

.ntg-popin-frame > a {
    display: block;
}

.ntg-popin-frame > a:hover {
    text-decoration: none;
    opacity: 0.9;
    -ms-filter: 'alpha(opacity=90)';
}

.ntg-popin-frame > a:hover .ntg-ttl {
    text-decoration: underline;
}

.ntg-popin-frame .frame-inner {
    overflow: hidden;
    width: 350px;
    padding: 10px;
    box-sizing: border-box;
}

.ntg-popin-frame .ntg-popin-capt {
    position: relative;
    width: 100%;
    height: 30px;
    background: #ff68b2 url(https://p.dmm.co.jp/p/netgame/common/bg/bg_popinframe_capt.jpg) left -30px no-repeat;
    line-height: 30px;
}

.ntg-popin-frame .ntg-popin-capt p {
    position: absolute;
    overflow: hidden;
    width: 100%;
    padding: 0 30px 0 8px;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    box-sizing: border-box;
}

.ntg-popin-frame .ntg-popin-bar {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 30px;
    background: #ff68b2 url(https://p.dmm.co.jp/p/netgame/common/bg/bg_popinframe_capt.jpg) left -30px no-repeat;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 30px;
}

.ntg-popin-frame .ntg-popin-bar p {
    position: absolute;
    overflow: hidden;
    width: 100%;
    padding: 0 32px 0 8px;
    color: #fff;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    box-sizing: border-box;
}

.ntg-popin-frame .ntg-popin-bar:before {
    position: absolute;
    top: 9px;
    right: 6px;
    display: block;
    border-top: 6px solid transparent;
    border-right: 0 solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid #fff;
    content: '';
}

.ntg-popin-frame .ntg-popin-bar:after {
    position: absolute;
    top: 9px;
    right: 10px;
    display: block;
    border-top: 6px solid transparent;
    border-right: 0 solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid #ff68b2;
    content: '';
}

.ntg-popin-frame .ntg-ttl {
    font-weight: bold;
    font-size: 14px;
}

.ntg-popin-frame .ntg-ttl span {
    display: block;
    overflow: hidden;
    max-height: 3em;
}

.ntg-popin-frame .ntg-thumb {
    float: left;
    width: 120px;
    height: 120px;
    margin-right: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
}

.ntg-popin-frame .ntg-tx {
    margin-top: 6px;
    padding-left: 130px;
    color: #666;
    font-size: 13px;
}

.ntg-popin-frame .ntg-tx .emphasis {
    font-weight: bold;
    font-size: 15px;
}

.ntg-popin-frame .popin-bnr img {
    display: block;
}

.ntg-popin-frame .bt-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    width: 30px;
    height: 30px;
    background: #2f3335;
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    cursor: pointer;
}

.ntg-popin-frame .bt-close:hover {
    background: #555;
}

.ntg-popin-frame .bt-play {
    display: inline-block;
    width: 100%;
    margin-top: 6px;
    padding: 7px;
    border: 1px solid;
    border-color: #deb372 #ce9c4b #c1882e;
    background-color: #fcdc80;
    background-image: -webkit-linear-gradient(to bottom, #fde5a0 0%, #fcdc80 50%, #ffc01e 100%);
    background-image: -webkit-linear-gradient(top, #fde5a0 0%, #fcdc80 50%, #ffc01e 100%);
    background-image:         linear-gradient(to bottom, #fde5a0 0%, #fcdc80 50%, #ffc01e 100%);
    background-position: 0 100%;
    background-size: auto 200%;
    box-shadow: inset 0 1px 0 #fff1d1;
    color: #333;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    font-family: inherit;
    cursor: pointer;
    box-sizing: border-box;
    -webkit-transition: background-position 0.1s ease-out;
            transition: background-position 0.1s ease-out;
}

.ntg-popin-frame a:hover .bt-play {
    position: relative;
    top: 1px;
    border-color: #d7d7d7 #c4c4c4 #b5b5b5;
    background-position: 0 0;
    text-decoration: none;
}

.ntg-popin-frame .bt-close.is-transparent {
    opacity: 0.6;
    -ms-filter: 'alpha(opacity=60)';
}

.ntg-popin-frame .bt-close.is-transparent:hover {
    background: #2f3335;
    opacity: 1.0;
    -ms-filter: 'alpha(opacity=100)';
}

.ntg-popin-frame.general .ntg-popin-capt {
    background-color: #3dbee8;
    background-position: top left;
}

.ntg-popin-frame.general .ntg-popin-bar {
    background-color: #3dbee8;
    background-position: top left;
}

.ntg-popin-frame.general .ntg-popin-bar:after {
    border-left: 8px solid #3dbee8;
}

.ntg-popin-frame.yellow .ntg-popin-capt {
    background: #ff68b2 url(https://p.dmm.co.jp/p/netgame/common/bg/bg_popinframe_capt.jpg) left -60px no-repeat;
}

/*
component - single-word.scss
----------------------------------------*/
#main-ntg .single-word {
    margin-bottom: 20px;
    padding: 30px 20px;
    background: #f5f7f8;
    text-align: center;
    font-size: 14px;
}

#main-ntg .single-word .caption {
    font-size: 12px;
}

/*
component - smspop.scss
----------------------------------------*/
#box-smspop {
    position: fixed;
    z-index: 520;
    min-height: 330px;
    width: 560px;
    height: auto;
    padding: 30px 20px;
    border-radius: 10px;
    background: #fff;
    text-align: center;
}

#box-smspop p, #box-smspop .box-phone-check p {
    margin-top: 12px;
    color: #666;
    font-weight: bold;
    font-size: 21px;
}

#box-smspop .tx-sup, #box-smspop .box-phone-check .tx-sup {
    margin-top: 6px;
    font-size: 12px;
}

.box-phone-check {
    padding: 20px 0 0;
}

.box-phone-check-inner {
    z-index: 11;
    min-height: 330px;
    width: 560px;
    margin: 0 auto;
    padding: 30px 20px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    text-align: center;
}

a.ntg-bt-phone-check {
    display: block;
    width: 350px;
    height: 50px;
    margin: 16px auto;
    border: 1px solid #ff9600;
    border-radius: 25px;
    background: #ffac0d;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffac0d), color-stop(100%, #ff7c01));
    background: -webkit-linear-gradient(top, #ffac0d 0%, #ff7c01 100%);
    background:         linear-gradient(to bottom, #ffac0d 0%, #ff7c01 100%);
    box-shadow: inset 0 1px 0 #ffea17, 1px 0 0 rgba(255, 255, 255, 0.6);
    color: #fff;
    text-shadow: 0 -1px 1px #a56506;
    font-weight: bold;
    font-size: 20px;
    line-height: 50px;
}

a.ntg-bt-phone-check:hover {
    position: relative;
    top: 1px;
    text-decoration: none;
    opacity: 0.8;
}

#smspop-back {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 510;
    display: none;
    min-height: 100%;
    width: 100%;
    background: #fff;
    opacity: 0.8;
    -ms-filter: 'alpha(opacity=80)';
        filter: alpha(opacity=80);
    cursor: pointer;
}

/*
component - txt-device.scss
----------------------------------------*/
.txt-device {
    display: inline-block;
    width: 50px;
    margin: 0 3px;
    background-color: #fff;
    vertical-align: middle;
    text-align: center;
    font-size: 10px;
    line-height: 15px;
}

.txt-device.app {
    border: 1px #83a600 solid;
    color: #83a600;
}

.txt-device.browser {
    border: 1px #ae38ff solid;
    color: #ae38ff;
}

/*
component - wovn.scss
----------------------------------------*/
b.wovn-ingore {
    font-weight: inherit;
}

/*
project - appdetial.scss
----------------------------------------*/
#main-ntg.page-appdetial {
    position: relative;
    background: #fff;
}

.page-inner {
    position: relative;
    display: inline-block;
}

.page-inner:after {
    display: block;
    clear: both;
    content: '';
}

.page-inner #area-game {
    float: left;
}

/* ===== #dmm-ntgnavi */
.dmm-ntgnavi {
    height: 40px;
    margin: 0 -12px 20px;
    border-bottom: 1px solid #e2e2e2;
    background: #404849;
}

.dmm-ntgnavi .inner {
    position: relative;
    min-width: 1048px;
    max-width: 1280px;
    margin: 0 auto;
}

.dmm-ntgnavi .inner:after {
    display: table;
    clear: both;
    content: '';
}

.dmm-ntgnavi .ntgnavi-left {
    float: left;
}

.dmm-ntgnavi .ntgnavi-left:after {
    display: table;
    clear: both;
    content: '';
}

.dmm-ntgnavi .ntgnavi-right {
    float: right;
}

.dmm-ntgnavi .ntgnavi-right:after {
    display: table;
    clear: both;
    content: '';
}

.dmm-ntgnavi .ntgnavi-item {
    float: left;
}

.dmm-ntgnavi .ntgnavi-item:first-child {
    margin-left: 0;
}

.dmm-ntgnavi .ntgnavi-item > * {
    letter-spacing: 0;
}

.dmm-ntgnavi .menu-list {
    float: left;
    font-size: 0;
}

.dmm-ntgnavi .menu-list .menu-item {
    position: relative;
    display: table-cell;
    height: 40px;
    vertical-align: middle;
    font-size: 12px;
}

.dmm-ntgnavi .menu-list .menu-item:hover .menu, .dmm-ntgnavi .menu-list .menu-item.is-active .menu {
    background-color: #16acc2;
}

.dmm-ntgnavi .menu-list .menu-item:hover:before, .dmm-ntgnavi .menu-list .menu-item.is-active:before {
    width: 0;
}

.dmm-ntgnavi .menu-list .menu-item:before {
    position: absolute;
    top: 7px;
    left: 0;
    width: 1px;
    height: 26px;
    background: #333;
    box-shadow: 1px 0 0 #666;
    content: '';
    vertical-align: middle;
}

.dmm-ntgnavi .menu-list .menu-item.is-noborder:before, .dmm-ntgnavi .menu-list .menu-item:first-child:before {
    display: none;
}

.dmm-ntgnavi .menu-list .menu {
    display: inline-block;
    overflow: hidden;
    height: 40px;
    padding: 0 8px;
    vertical-align: middle;
    line-height: 40px;
    cursor: pointer;
    box-sizing: border-box;
}

.dmm-ntgnavi .menu-list .badge {
    position: absolute;
    top: 0;
    right: -6px;
    z-index: 10;
}

.dmm-ntgnavi .menu-list .ico-ntgnav {
    position: absolute;
    bottom: -15px;
    left: 0;
    z-index: 2;
    width: 100%;
    padding-top: 5px;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_ntgnavi_bg.png) center bottom no-repeat;
    color: #fff;
    text-align: center;
    font-size: 10px;
    line-height: 20px;
    -webkit-animation: ntgnav_new 0.3s ease 0.5s 1 both;
            animation: ntgnav_new 0.3s ease 0.5s 1 both;
}

.dmm-ntgnavi .menu-list .ico-ntgnav.is-wide {
    background-image: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_ntgnavi_bg_large.png);
}

.dmm-ntgnavi .submenu {
    position: absolute;
    top: -500px;
    left: 0;
    z-index: -1;
    overflow: hidden;
    border: 1px solid #f2f2f2;
    background: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
}

.dmm-ntgnavi .submenu.is-game {
    left: -233px;
}

.dmm-ntgnavi .submenu:after {
    display: table;
    clear: both;
    content: '';
}

.dmm-ntgnavi .point {
    display: inline-block;
    padding: 3px 6px;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    background: #fff;
    vertical-align: middle;
}

.dmm-ntgnavi .point .tx-point {
    display: inline-block;
    margin-right: 6px;
    vertical-align: middle;
    font-size: 12px;
}

.dmm-ntgnavi .point .tx-point a {
    vertical-align: middle;
}

.dmm-ntgnavi .point .tx-point p {
    display: inline-block;
    margin-right: 6px;
    color: #e10;
    vertical-align: middle;
    font-weight: bold;
    font-size: 14px;
}

.dmm-ntgnavi .point .btn-point {
    display: inline-block;
    padding: 6px 8px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f2f2f2));
    background: -webkit-linear-gradient(top, #fff 0%, #f2f2f2 100%);
    background:         linear-gradient(to bottom, #fff 0%, #f2f2f2 100%);
    color: #333;
    vertical-align: middle;
    font-weight: bold;
    font-size: 10px;
    line-height: 1;
    box-sizing: border-box;
}

.dmm-ntgnavi .point .btn-point:hover {
    background: #f2f2f2;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2f2), color-stop(100%, #fff));
    background: -webkit-linear-gradient(top, #f2f2f2 0%, #fff 100%);
    background:         linear-gradient(to bottom, #f2f2f2 0%, #fff 100%);
    text-decoration: none;
}

.dmm-ntgnavi .point .bt-reload {
    display: inline-block;
    margin-left: 6px;
    padding: 3px 6px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: -webkit-linear-gradient(to bottom, #fff 0%, #f2f2f2 100%);
    background: -webkit-linear-gradient(top, #fff 0%, #f2f2f2 100%);
    background:         linear-gradient(to bottom, #fff 0%, #f2f2f2 100%);
    color: #333;
    vertical-align: middle;
    line-height: 1;
    box-sizing: border-box;
}

.dmm-ntgnavi .point .bt-reload:hover {
    background: #f2f2f2;
    background: -webkit-linear-gradient(to bottom, #f2f2f2 0%, #fff 100%);
    background: -webkit-linear-gradient(top, #f2f2f2 0%, #fff 100%);
    background:         linear-gradient(to bottom, #f2f2f2 0%, #fff 100%);
    text-decoration: none;
}

.dmm-ntgnavi .twitter {
    display: inline-block;
    vertical-align: middle;
}

.dmm-ntgnavi .twitter iframe {
    vertical-align: bottom;
}

.badge-number {
    display: inline-block;
    min-width: 10px;
    margin-left: 3px;
    padding: 3px 4px;
    border-radius: 10px;
    background: #e10;
    color: #fff;
    vertical-align: inherit;
    text-align: center;
    font-size: 10px;
    line-height: 1;
}

.iframe-submenu {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    background: #fff;
}

.iframe-submenu:after {
    display: table;
    clear: both;
    content: '';
}

.iframe-submenu .submenu-item {
    min-width: 250px;
    color: #000;
    font-size: 12px;
}

.iframe-submenu .submenu-item:first-child a {
    border-top: none;
}

.iframe-submenu .submenu-item a {
    position: relative;
    display: block;
    border-top: 1px solid #e2e2e2;
    color: #333;
}

.iframe-submenu .submenu-item a:hover {
    background: #f5f5f5;
    color: #16acc2;
    text-decoration: none;
}

.iframe-submenu .submenu-item a:hover .link-text {
    padding-left: 23px;
}

.iframe-submenu .submenu-item a:hover .link-text:before {
    border-color: transparent transparent transparent #16acc2;
}

.iframe-submenu .submenu-item a:hover .link-text:after {
    border-color: transparent transparent transparent #f5f5f5;
}

.iframe-submenu .submenu-item a:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 0;
    height: 48px;
    background: #16acc2;
    content: '';
    vertical-align: middle;
    -webkit-transition: all 0.15s ease;
            transition: all 0.15s ease;
}

.iframe-submenu .submenu-item a:hover:before {
    width: 7px;
}

.iframe-submenu .submenu-item .link-text {
    position: relative;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 48px;
    padding: 18px 16px;
    line-height: 1;
    box-sizing: border-box;
    -webkit-transition: all 0.15s ease;
            transition: all 0.15s ease;
}

.iframe-submenu .submenu-item .link-text:before {
    position: absolute;
    top: 19px;
    right: 16px;
    display: block;
    width: 0;
    height: 0;
    border-width: 4px 0 4px 4px;
    border-style: solid;
    border-color: transparent transparent transparent #333;
    content: '';
}

.iframe-submenu .submenu-item .link-text:after {
    position: absolute;
    top: 19px;
    right: 17px;
    display: block;
    width: 0;
    height: 0;
    border-width: 4px 0 4px 4px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
    content: '';
}

.iframe-submenu .submenu-item span {
    display: inline-block;
    vertical-align: middle;
}

.iframe-submenu .submenu-item .number {
    display: inline-block;
    margin-left: 3px;
    padding: 2px 4px;
    border-radius: 10px;
    background: #e10;
    color: #fff;
    vertical-align: inherit;
    font-size: 10px;
}

.iframe-submenu .row {
    overflow: hidden;
}

.iframe-submenu .row.is-mission {
    width: 576px;
}

.iframe-submenu .row.is-beginner {
    width: 666px;
}

.iframe-submenu .row.is-mission.is-fullfilled {
    width: 426px;
}

.iframe-submenu .row-item {
    float: left;
    margin-left: 10px;
}

.iframe-submenu .row-item:first-child {
    margin-left: 0;
}

.iframe-submenu .loader {
    margin: 0 30px 5px;
    padding: 50px;
    background: #f2f2f2;
    text-align: center;
    box-sizing: border-box;
}

.iframe-submenu .bxslider {
    padding: 0 29px;
    box-sizing: border-box;
}

.iframe-submenu .slider-item {
    overflow: hidden;
}

.iframe-submenu .mygame-container {
    overflow: hidden;
    width: 637px;
    height: 140px;
}

.iframe-submenu .ranking-container {
    position: absolute;
    top: 8px;
    right: 37px;
    width: 328px;
    height: 140px;
    margin-left: 9px;
    padding-left: 9px;
    border-left: 1px solid #e2e2e2;
    background: #fff;
    box-sizing: border-box;
}

.iframe-submenu .game-list {
    overflow: hidden;
    line-height: 1;
    /* overwrite */
}

.iframe-submenu .game-list .game-item {
    float: left;
    width: 100%;
    padding: 5px 0;
    box-sizing: border-box;
}

.iframe-submenu .game-list.col-2 .game-item {
    width: 50%;
}

.iframe-submenu .game-list.col-3 .game-item {
    width: 33.3%;
}

.iframe-submenu .game-list.col-4 .game-item {
    width: 25%;
}

.iframe-submenu .game-list.col-5 .game-item {
    width: 20%;
}

.iframe-submenu .game-list.col-6 .game-item {
    width: 16.66667%;
}

.iframe-submenu .game-list [class^='ntg-category'] {
    margin-top: 3px;
}

.iframe-submenu .game-list p:first-child [class^='ntg-category'] {
    margin-top: 0;
}

.iframe-submenu .game {
    display: block;
    overflow: hidden;
    background: #fff;
}

.iframe-submenu .game:hover {
    background: #f5f5f5;
    text-decoration: none;
}

.iframe-submenu .game:hover .thumb {
    background: #fff;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.iframe-submenu .game:hover .ttl {
    text-decoration: underline;
}

.iframe-submenu .game .thumb {
    float: left;
    width: 60px;
}

.iframe-submenu .game .thumb-small {
    width: 50px;
}

.iframe-submenu .game .game-content {
    overflow: hidden;
    padding: 3px 6px;
    box-sizing: border-box;
}

.iframe-submenu .game .game-content .ttl {
    display: block;
    overflow: hidden;
    width: 100%;
    margin-bottom: 6px;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.1;
}

.iframe-submenu .game .game-content .ttl.is-ranking:before {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 3px;
    background: url('https://p.dmm.co.jp/p/netgame/application_before/ico-gameplay-addgame_general.png');
    content: '';
    vertical-align: top;
}

.iframe-submenu .game .game-content .subttl {
    display: block;
    overflow: hidden;
    padding-bottom: 3px;
    color: #999;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 10px;
}

.iframe-submenu .slide-controller {
    letter-spacing: -0.31em;
}

.iframe-submenu .slide-controller.is-disabled .prev, .iframe-submenu .slide-controller.is-disabled .next, .iframe-submenu .slide-controller.is-disabled .next {
    opacity: 0.1;
}

.iframe-submenu .slide-controller.is-disabled .prev:before, .iframe-submenu .slide-controller.is-disabled .next:before, .iframe-submenu .slide-controller.is-disabled .next:before {
    z-index: 10;
    display: block;
}

.iframe-submenu .slide-controller .prev, .iframe-submenu .slide-controller .next {
    position: absolute;
    top: 12px;
    left: 8px;
}

.iframe-submenu .slide-controller .prev:before, .iframe-submenu .slide-controller .next:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.1);
    content: '';
}

.iframe-submenu .slide-controller .prev a, .iframe-submenu .slide-controller .next a {
    position: relative;
    display: table-cell;
    height: 130px;
    padding: 0 8px;
    border-radius: 3px;
    background: #333;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    line-height: 22px;
    cursor: pointer;
}

.iframe-submenu .slide-controller .prev a:hover, .iframe-submenu .slide-controller .next a:hover {
    background: #666;
    text-decoration: none;
}

.iframe-submenu .slide-controller .prev a:active, .iframe-submenu .slide-controller .next a:active {
    position: relative;
    top: 1px;
}

.iframe-submenu .slide-controller .next {
    right: 8px;
    left: auto;
}

.iframe-submenu .list-guide {
    position: relative;
}

.iframe-submenu .list-guide:after {
    display: table;
    clear: both;
    content: '';
}

.iframe-submenu .list-guide .left {
    position: relative;
    z-index: 10;
    float: left;
}

.iframe-submenu .list-guide .right {
    position: relative;
    z-index: 10;
    float: right;
}

.iframe-submenu .list-guide .switch-controller {
    position: relative;
    padding: 2px 0;
}

.iframe-submenu .list-guide .switch-controller .ttl {
    display: inline-block;
    vertical-align: middle;
}

.iframe-submenu .list-guide .switch-controller .checkbox {
    position: absolute;
    right: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}

.iframe-submenu .list-guide .switch-controller .switch {
    position: relative;
    display: inline-block;
    min-width: 30px;
    height: 16px;
    margin-left: 6px;
    border: 1px solid #f5f5f5;
    border-radius: 10px;
    background: #e5e5e5;
    vertical-align: middle;
    cursor: pointer;
    box-sizing: border-box;
    -webkit-transition: all 0.15s ease;
            transition: all 0.15s ease;
}

.iframe-submenu .list-guide .switch-controller .switch span {
    position: absolute;
    top: -1px;
    right: 12px;
    display: block;
    width: 16px;
    height: 16px;
    border: 1px solid #f2f2f2;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
    box-sizing: border-box;
    -webkit-transition: all 0.15s ease;
            transition: all 0.15s ease;
}

.iframe-submenu .list-guide .switch-controller .switch.on {
    background: #43c56c;
}

.iframe-submenu .list-guide .switch-controller .switch.on > span {
    right: 0;
}

.iframe-submenu .tx-error {
    width: 100%;
    padding: 60px 20px;
    background: #f2f2f2;
    text-align: center;
    font-weight: bold;
    box-sizing: border-box;
}

.iframe-submenu .freeget-info {
    overflow: hidden;
    line-height: 1.2;
}

.iframe-submenu .freeget-info .ttl {
    float: left;
    width: auto;
    color: #666;
    font-size: 11px;
}

.iframe-submenu .freeget-info .ball {
    float: right;
    color: #e10000;
    text-align: right;
    font-weight: bold;
    font-size: 14px;
}

.iframe-submenu .media-list {
    overflow: hidden;
    margin-top: 6px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}

.iframe-submenu .media-list:first-child {
    margin-top: 0;
}

.iframe-submenu .media-list.is-mission {
    width: 275px;
}

.iframe-submenu .media-list.is-beginner {
    width: 320px;
}

.iframe-submenu .media-list.is-pachinko {
    width: 200px;
}

.iframe-submenu .media-list .media-item {
    position: relative;
    display: table;
    float: left;
    min-height: 40px;
    width: 100%;
    background: #fff;
    table-layout: fixed;
    vertical-align: middle;
    box-sizing: border-box;
}

.iframe-submenu .media-list .media-item:last-child .media {
    border: none;
}

.iframe-submenu .media-list .media-item.is-inner-item {
    padding: 0 8px;
}

.iframe-submenu .media-list.col-2 .media-item {
    width: 50%;
}

.iframe-submenu .media-list.col-3 .media-item {
    width: 33.3%;
}

.iframe-submenu .media-list.col-4 .media-item {
    width: 25%;
}

.iframe-submenu .media {
    display: table-cell;
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding: 8px;
    border-bottom: 1px solid #e2e2e2;
    background: #fff;
    vertical-align: middle;
}

.iframe-submenu .media.is-dashed {
    border-bottom: 1px dashed #e2e2e2;
}

.iframe-submenu .media.is-inner-item {
    padding: 8px 0;
}

.iframe-submenu .media .thumb {
    display: block;
    float: left;
    width: 50px;
    height: auto;
    margin-right: 6px;
}

.iframe-submenu .media .media-content {
    overflow: hidden;
    line-height: 1.2;
}

.iframe-submenu .media .media-content .ttl-group {
    overflow: hidden;
}

.iframe-submenu .media .media-content .ttl-group .ttl {
    float: left;
    width: 70%;
}

.iframe-submenu .media .media-content .ttl-group .date {
    float: right;
    margin-top: 1px;
    color: #666;
    text-align: right;
    font-size: 10px;
}

.iframe-submenu .media .media-content .ttl {
    display: block;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.iframe-submenu .media .media-content .subttl {
    display: block;
    overflow: hidden;
    width: 100%;
    margin-top: 3px;
    color: #666;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 10px;
}

.iframe-submenu a.media:hover {
    background: #f5f5f5;
    text-decoration: none;
}

.iframe-submenu a.media:hover .thumb {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.iframe-submenu a.media:hover .media-content .ttl {
    text-decoration: underline;
}

.iframe-submenu a.media {
    position: relative;
    padding-right: 30px;
    box-sizing: border-box;
}

.iframe-submenu a.media:hover:before {
    border-color: transparent transparent transparent #16acc2;
}

.iframe-submenu a.media:before {
    position: absolute;
    top: 50%;
    right: 16px;
    display: block;
    width: 0;
    height: 0;
    margin-top: -4px;
    border-width: 4px 0 4px 4px;
    border-style: solid;
    border-color: transparent transparent transparent #333;
    content: '';
}

.iframe-submenu a.media:after {
    position: absolute;
    top: 50%;
    right: 17px;
    display: block;
    width: 0;
    height: 0;
    margin-top: -4px;
    border-width: 4px 0 4px 4px;
    border-style: solid;
    border-color: transparent transparent transparent #f5f5f5;
    content: '';
}

.submenu-box {
    position: relative;
    overflow: hidden;
    padding: 8px;
    box-sizing: border-box;
}

.submenu-box.is-game {
    width: 1048px;
}

.submenu-box.is-community, .submenu-box.community {
    width: 298px;
}

.submenu-box.is-gray {
    background: #f2f2f2;
}

.adult .menu-list .menu-item:hover .menu, .adult .menu-list .menu-item.is-active .menu {
    background: #fa82b4;
}

.adult .submenu-item a:hover {
    color: #fa82b4;
}

.adult .submenu-item a:hover:before {
    background: #fa82b4;
}

.adult .submenu-item a:hover .link-text:before {
    border-color: transparent transparent transparent #fa82b4;
}

.adult .submenu-item a:before {
    background: #fa82b4;
}

.adult .submenu-box .game-content .ttl.is-ranking:before {
    background: url('https://p.dmm.co.jp/p/netgame/application_before/ico-gameplay-addgame.png');
}

.adult a.media:hover:before {
    border-color: transparent transparent transparent #fa82b4;
}

.adult .bx-wrapper .bx-pager.bx-default-pager a:hover, .adult .bx-wrapper .bx-default-pager.bx-controls-auto a:hover, .adult .bx-wrapper .bx-pager.bx-default-pager a.active, .adult .bx-wrapper .bx-default-pager.bx-controls-auto a.active {
    background: #fa82b4;
}

.bx-wrapper {
    min-height: 140px;
    margin: 0;
}

.bx-wrapper .bx-viewport {
    left: 0;
    border: none;
    box-shadow: none;
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    bottom: -20px;
    left: 0;
    padding-top: 0;
}

.bx-wrapper .bx-pager.bx-default-pager a, .bx-wrapper .bx-default-pager.bx-controls-auto a {
    background: #ddd;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-default-pager.bx-controls-auto a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-default-pager.bx-controls-auto a.active {
    background: #16acc2;
}

.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-pager-item {
    position: relative;
    z-index: 100;
}

/* ===== #dmm-ntgnavi-left */
.dmm-ntgnavi-left {
    float: left;
    width: 170px;
    margin-right: 15px;
}

.dmm-ntgnavi-left .point-items {
    margin-bottom: 12px;
    padding: 6px;
    border-radius: 5px;
    background: #404849;
    text-align: left;
    box-sizing: border-box;
}

.dmm-ntgnavi-left .item {
    margin-top: 12px;
}

.dmm-ntgnavi-left .item:first-child {
    margin-top: 0;
}

.dmm-ntgnavi-left .content {
    padding: 6px;
    border-radius: 5px;
    background: #fff;
}

.dmm-ntgnavi-left .button {
    position: relative;
    display: block;
    margin-bottom: 8px;
    padding: 10px 6px;
    border-radius: 5px;
    background-color: #ddd;
    background-image: -webkit-linear-gradient(90deg, rgba(160, 160, 160, 0.4) 0%, rgba(255, 255, 255, 0.5) 100%);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.7), 1px 1px 0 rgba(255, 255, 255, 0.2) inset;
    color: #333;
    text-align: center;
    text-decoration: none;
    font-size: 11px;
    -webkit-transition: background-color 0.2s ease-in 0;
            transition: background-color 0.2s ease-in 0;
}

.dmm-ntgnavi-left .button:hover {
    top: 1px;
    background-color: #f2f2f2;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.7), 1px 1px 0 rgba(255, 255, 255, 0.2) inset;
}

.dmm-ntgnavi-left .button:last-child {
    margin-bottom: 0;
}

.dmm-ntgnavi-left .point-info .ttl {
    margin-bottom: 6px;
    color: #666;
    font-size: 11px;
}

.dmm-ntgnavi-left .point-info .point {
    color: #fe1000;
    text-align: right;
    font-weight: bold;
    font-size: 12px;
}

.dmm-ntgnavi-left .point-info .point > a {
    font-weight: normal;
}

.dmm-ntgnavi-left .point-info .point > p {
    display: inline-block;
    margin-right: 3px;
    vertical-align: middle;
}

.dmm-ntgnavi-left .point-info .btn-point {
    display: inline-block;
    padding: 6px 8px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f2f2f2));
    background: -webkit-linear-gradient(top, #fff 0%, #f2f2f2 100%);
    background:         linear-gradient(to bottom, #fff 0%, #f2f2f2 100%);
    color: #333;
    vertical-align: middle;
    font-weight: bold;
    font-size: 10px;
    line-height: 1;
    box-sizing: border-box;
}

.dmm-ntgnavi-left .point-info .btn-point:hover {
    background: #f2f2f2;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2f2), color-stop(100%, #fff));
    background: -webkit-linear-gradient(top, #f2f2f2 0%, #fff 100%);
    background:         linear-gradient(to bottom, #f2f2f2 0%, #fff 100%);
    text-decoration: none;
}

.dmm-ntgnavi-left .pay-area .caption {
    margin-bottom: 6px;
    color: #fff;
    font-size: 11px;
}

.dmm-ntgnavi-left .pay-area .tx {
    margin-bottom: 12px;
    padding: 6px;
    border-radius: 5px;
    background: #f2f2f2;
    color: #333;
    font-size: 11px;
}

.dmm-ntgnavi-left .pay-area .attension {
    margin-bottom: 6px;
    padding: 4px;
    border: 1px solid #fe1000;
    border-radius: 5px;
    color: #fe1000;
    text-align: center;
    font-size: 10px;
}

.dmm-ntgnavi-left .pay-area .credit-card {
    display: block;
    margin: 0 auto 12px;
}

.dmm-ntgnavi-left .pay-area .point-list {
    margin-bottom: 8px;
    font-weight: bold;
}

.dmm-ntgnavi-left .pay-area .point-list label {
    display: block;
    padding: 4px 2px;
    cursor: pointer;
}

.dmm-ntgnavi-left .pay-area .point-list label:hover {
    background: #f2f2f2;
}

.dmm-ntgnavi-left .pay-area .point-list .radio {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 24px;
    background: #404849;
    vertical-align: middle;
}

.dmm-ntgnavi-left .pay-area .point-list .radio.is-checked {
    background: #16acc2;
}

.dmm-ntgnavi-left .pay-area .point-list .point {
    vertical-align: middle;
    line-height: 1;
}

.dmm-ntgnavi-left .pay-area .point-list input[type='radio'] {
    display: none;
}

.dmm-ntgnavi-left .pay-area .arrow {
    font-size: 10px;
}

.dmm-ntgnavi-left .process {
    padding: 12px 0;
    text-align: center;
}

.dmm-ntgnavi-left .process .loader, .dmm-ntgnavi-left .process span {
    vertical-align: middle;
}

.dmm-ntgnavi-left .complete .thanks {
    margin: 6px 0 12px;
    text-align: center;
    font-weight: bold;
    font-size: 11px;
}

.dmm-ntgnavi-left .complete .result {
    margin-bottom: 8px;
    padding: 6px;
    background: #f2f2f2;
}

.dmm-ntgnavi-left .complete .point {
    margin-bottom: 3px;
    text-align: right;
    font-size: 10px;
}

.dmm-ntgnavi-left .complete .point .main {
    margin-right: 3px;
    color: #fe1000;
    font-weight: bold;
    font-size: 14px;
}

.dmm-ntgnavi-left .complete .point .sub {
    color: #666;
    vertical-align: middle;
    font-weight: normal;
    font-size: 10px;
}

.dmm-ntgnavi-left .twitter {
    padding: 6px;
    border-radius: 5px;
    background: #f2f2f2;
    text-align: center;
}

.dmm-ntgnavi-left .twitter .ttl {
    margin-bottom: 6px;
    color: #000;
    text-align: left;
    font-size: 11px;
}

.dmm-ntgnavi-left.adult .pay-area .point-list .radio.is-checked {
    background: #fa82b4;
}

.page-appdetial .naviapp {
    position: relative;
    top: 4px;
    width: 800px;
    height: 40px;
    margin: 0 auto;
    border: 1px #aaa solid;
    border-radius: 5px;
    background: url(https://p.dmm.co.jp/p/netgame/common/bg/bg_detail_naviapp.png) repeat-x #f3f3f3;
    background-position: left top;
    box-shadow: 0 2px 4px #ddd;
}

.page-appdetial .naviapp li {
    position: relative;
    float: left;
    height: 40px;
    border-right: 1px #ccc solid;
    border-left: 1px #fff solid;
    background-position: left top;
    line-height: 40px;
}

.page-appdetial .naviapp li a {
    display: block;
    padding: 0 25px;
    box-shadow: 0 1px 0 #fff inset;
}

.page-appdetial .naviapp li a.active:after {
    position: absolute;
    bottom: -6px;
    left: 50%;
    z-index: 10;
    display: block;
    height: 0;
    margin-left: -3px;
    border-top: 6px solid #f7f7f7;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    content: '';
}

.page-appdetial .naviapp li a.active:before {
    position: absolute;
    bottom: -7px;
    left: 50%;
    display: block;
    height: 0;
    margin-left: -3px;
    border-top: 6px solid #aaa;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    content: '';
}

.page-appdetial .naviapp li p {
    display: inline-block;
    padding-left: 28px;
    background-image: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_ntgvarious.png);
    background-repeat: no-repeat;
    color: #333;
}

.page-appdetial .naviapp .bt-set p {
    background-position: left -110px;
}

.page-appdetial .naviapp .bt-sup p {
    background-position: left 10px;
}

.page-appdetial .naviapp .bt-cnt p {
    background-position: left -50px;
}

.page-appdetial .naviapp .bt-rep {
    box-shadow: 0 1px 0 #fff inset, 1px 0 0 #fff;
}

.page-appdetial .naviapp .txt-appcom {
    float: right;
    padding: 0 25px;
    border: none;
    border-radius: 0 5px 5px 0;
}

.page-appdetial .naviapp .txt-appcom a {
    display: inline;
    padding: 0 0 0 10px;
    box-shadow: none;
}

.page-appdetial .note-data {
    width: 760px;
    margin: 0 auto;
    padding: 20px;
    border: 1px #aaa solid;
    text-align: center;
    font-size: 13px;
}

.page-appdetial .note-data table {
    width: 100%;
    margin-bottom: 15px;
    border-collapse: collapse;
}

.page-appdetial .note-data table label {
    cursor: pointer;
}

.page-appdetial .note-data th, .page-appdetial .note-data td {
    padding: 10px;
    border-top: 1px solid #fff;
}

.page-appdetial .note-data th {
    width: 25%;
    border-right: 1px solid #fff;
    background: #edf0f1;
    text-align: center;
    white-space: nowrap;
    font-size: 13px;
}

.page-appdetial .note-data th span {
    font-size: 11px;
}

.page-appdetial .note-data td {
    background: #f5f7f8;
    line-height: 1.8;
}

.page-appdetial .note-data td textarea {
    max-width: 476px;
    width: 98%;
    height: 100px;
    padding: 3px;
}

.page-appdetial .note-data td input {
    margin-right: 6px;
}

.page-appdetial .capt-inquiry-app {
    margin-bottom: 10px;
    text-align: left;
    font-weight: bold;
    font-size: 21px;
}

.page-appdetial .tx-inquiry-app {
    margin-bottom: 20px;
    text-align: left;
    font-size: 13px;
    line-height: 1.7;
}

.page-appdetial .box-btn-app {
    margin-bottom: 20px;
    padding: 20px;
    background: #f2f2f2;
}

.page-appdetial .box-btn-app p {
    margin-top: 12px;
    text-align: left;
    line-height: 1.7;
}

.page-appdetial .area-pickupgame {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    margin: 0 0 0 15px;
    text-align: left;
}

.page-appdetial .area-pickupgame .list-pickupgame {
    overflow: hidden;
    width: 0;
    -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
}

.page-appdetial .area-pickupgame .list-pickupgame .inner {
    min-height: 105px;
    width: 110px;
    padding: 6px;
    border-radius: 5px 0 0 5px;
    background: #404849;
    text-align: center;
    box-sizing: border-box;
}

.page-appdetial .area-pickupgame .list-pickupgame p {
    position: relative;
    padding-bottom: 3px;
    color: #fff;
    text-align: center;
    font-size: 11px;
    line-height: 2;
}

.page-appdetial .area-pickupgame .list-pickupgame p .close {
    position: absolute;
    top: 1px;
    right: 0;
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    color: #333;
    text-align: center;
    font-size: 12px;
    line-height: 17px;
    cursor: pointer;
}

.page-appdetial .area-pickupgame .list-pickupgame p .close:hover {
    top: 2px;
    opacity: 0.7;
}

.page-appdetial .area-pickupgame .list-pickupgame ul {
    border-radius: 5px;
    background: #fff;
}

.page-appdetial .area-pickupgame .list-pickupgame li {
    margin: 0 auto;
}

.page-appdetial .area-pickupgame .list-pickupgame li a {
    display: block;
    overflow: hidden;
    padding: 6px 9px;
}

.page-appdetial .area-pickupgame .list-pickupgame li a:hover {
    position: relative;
    top: 1px;
    background: none;
    opacity: 0.8;
}

.page-appdetial .area-pickupgame .list-pickupgame li img {
    display: block;
    margin: 0 auto;
}

.page-appdetial .area-pickupgame .list-pickupgame li span {
    display: block;
    overflow: hidden;
    max-height: 32px;
    margin: 5px 0 0 0;
    text-align: left;
    word-break: break-all;
    font-size: 11px;
}

.page-appdetial .area-pickupgame .slide-trg {
    position: absolute;
    bottom: 28px;
    left: 0;
    display: block;
    width: 0;
    height: 80px;
    border: none;
    border-radius: 5px 0 0 5px;
    background: #404849;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
}

.page-appdetial .area-pickupgame .slide-trg:hover {
    background: #737b7c;
}

.page-appdetial .area-pickupgame .slide-trg.show {
    left: -25px;
    width: 25px;
    -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
}

.page-appdetial .area-pickupgame .slide-trg.show:before {
    width: 12px;
}

.page-appdetial .area-pickupgame .slide-trg:before {
    position: absolute;
    top: 12px;
    left: 6px;
    display: block;
    width: 0;
    height: 60px;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_ntgvarious.png) 0 -730px no-repeat;
    content: '';
}

.page-appdetial .area-pickupgame.show .list-pickupgame {
    width: 110px;
}

.page-appdetial .area-pickupgame.show .slide-trg:before {
    background-position: 0 -790px;
}

/* ===== ntg-appdetail-announcement */
.ntg-appdetail-announcement {
    width: 800px;
    margin: 0 auto 15px;
    padding: 12px;
    border: 3px #e1e1e1 solid;
    text-align: left;
    box-sizing: border-box;
}

.ntg-appdetail-announcement .main {
    font-weight: bold;
    font-size: 12px;
}

.ntg-appdetail-announcement .main span {
    color: #c00 !important;
}

.ntg-appdetail-announcement .ttl {
    margin-top: 40px;
    font-size: 21px;
}

.ntg-appdetail-announcement .ttl:first-child {
    margin-top: 0;
}

.ntg-appdetail-announcement .description {
    margin-top: 12px;
    color: #666;
    line-height: 1.6;
}

.ntg-appdetail-announcement .banner-list {
    overflow: hidden;
    margin: 0 -10px;
}

.ntg-appdetail-announcement .banner-list .item {
    float: left;
    width: 140px;
    padding: 0 10px;
    box-sizing: border-box;
}

.ntg-appdetail-announcement .banner-list a {
    display: block;
}

.ntg-appdetail-announcement .banner-list a:hover {
    opacity: 0.7;
}

.ntg-appdetail-announcement .banner-list .thumb {
    margin-bottom: 6px;
}

.ntg-appdetail-announcement .banner-list .thumb img {
    max-width: 120px;
    width: 100%;
    height: auto;
}

.ntg-appdetail-announcement .banner-list .lead {
    margin-bottom: 6px;
    word-break: break-all;
    font-weight: bold;
    font-size: 12px;
}

.ntg-appdetail-announcement .banner-list .lead.is-nowrap {
    white-space: nowrap;
}

/* ===== #foot */
#foot {
    clear: both;
    margin: 0 auto 20px;
    text-align: center;
}

.page-appdetial .naviapp li.bt-cnt a:hover, #main-ntg .naviapp li.bt-sup a:hover, .page-appdetial .naviapp li.bt-set a:hover, #main-ntg .naviapp li.bt-rep a:hover, .page-appdetial .naviapp li a.active {
    background: url(https://p.dmm.co.jp/p/netgame/common/bg/bg_detail_naviapp.png) repeat-x #f3f3f3;
    background-position: left bottom;
}

.page-appdetial .naviapp li:first-child, #main-ntg .naviapp li:first-child a {
    border-left: none;
    border-radius: 5px 0 0 5px;
}

/*
project - appsub.scss
----------------------------------------*/
.page-appsub .box-detail-top {
    margin-bottom: 20px;
    padding: 10px;
    background: #f5f7f8;
}

.page-appsub .box-detail-top > p {
    margin-left: 225px;
}

.page-appsub .box-detail-top > form {
    margin: 0 0 0 225px;
    padding: 20px;
    background: #fff;
    text-align: center;
}

.page-appsub .box-detail-top > form input {
    margin: 6px;
}

.page-appsub .box-detail-top > form p {
    margin-bottom: 6px;
}

.page-appsub .box-detail-top > form p input {
    margin: 0;
}

.page-appsub .box-detail-top .pic-social {
    padding: 5px;
    border: 1px solid #ccc;
    background: #fff;
}

.page-appsub .box-detail-top.unsupport {
    margin-bottom: 20px;
    padding: 20px;
    background: #f5f7f8;
}

.page-appsub .area-mobiletab-support {
    margin: 15px 15px 0;
    border: #f2f2f2 solid 5px;
}

.page-appsub .ntg-pic-social {
    float: left;
    padding: 5px;
    border: 1px solid #ccc;
    background: #fff;
}

.page-appsub .ntg-pic-social img {
    width: 160px;
    height: 160px;
}

.page-appsub .ntg-bx-support {
    min-height: 132px;
    margin-left: 190px;
    padding: 0 0 15px;
    background: #fff;
    text-align: left;
    font-size: 12px;
    line-height: 18px;
}

.page-appsub .ntg-bx-support .ttl {
    padding: 12px 20px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #464c52), color-stop(100%, #272d31));
    background: -ms-linear-gradient(top, #464c52 5%, #272d31 100%);
    background-color: #464c52;
    color: #fff;
    font-size: 16px;
}

.page-appsub .ntg-bx-support .tx-support-model {
    position: relative;
    padding-left: 138px;
}

.page-appsub .ntg-bx-support .tx-support-model p {
    margin-bottom: 6px;
    font-size: 12px;
}

.page-appsub .ntg-bx-support .tx-change-device {
    margin: 15px 20px 0;
    padding: 0 0 20px;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
}

.page-appsub .ntg-bx-support .tx-change-device p {
    margin-bottom: 15px;
    text-align: left;
}

.page-appsub .ntg-bx-support .tx-change-device p:last-child {
    margin-bottom: 0;
    text-align: center;
}

.page-appsub .ntg-bx-support .tx-setting-info {
    margin: 15px 20px 0;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
}

.page-appsub .ntg-bx-support .tx-setting-info p {
    margin-bottom: 0;
    text-align: left;
}

.page-appsub .ntg-bx-support-model {
    margin: 15px;
    background: #fff;
}

.page-appsub .ntg-bx-support-model img {
    float: left;
    width: 121px;
    height: 121px;
    border: 1px solid #ccc;
}

.page-appsub .ntg-bx-support-model .box-support-sp, .page-appsub .ntg-bx-support-model .box-support-fp {
    overflow: hidden;
}

.page-appsub .area-mobiletab-support .ntg-box-mobiletab-support ul {
    overflow: hidden;
    background: #f2f2f2;
}

.page-appsub .area-mobiletab-support .ntg-box-mobiletab-support li {
    position: relative;
    top: 3px;
    display: inline-block;
    float: left;
    width: 227px;
    text-align: center;
    line-height: 42px;
    -webkit-transition: all 0.1s ease-in 0;
            transition: all 0.1s ease-in 0;
}

.page-appsub .area-mobiletab-support .ntg-box-mobiletab-support li [class^='ico-'] {
    display: block;
    padding-left: 24px;
    background: #d6d8da;
    color: #353d51;
    font-size: 15px;
}

.page-appsub .area-mobiletab-support .ntg-box-mobiletab-support li [class^='ico-']:before {
    position: absolute;
    width: 20px;
    height: 30px;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_ntgheadline.png) left top no-repeat;
    content: '';
}

.page-appsub .area-mobiletab-support .ntg-box-mobiletab-support li .ico-sp:before, .page-appsub .area-mobiletab-support .ntg-box-mobiletab-support li #box-ntgpop .type-mobile > ul .ico-fp:before, #box-ntgpop .type-mobile > ul .page-appsub .area-mobiletab-support .ntg-box-mobiletab-support li .ico-fp:before {
    top: 8px;
    left: 15px;
    background-position: left -120px;
}

.page-appsub .area-mobiletab-support .ntg-box-mobiletab-support li .ico-fp:before {
    top: 8px;
    left: 36px;
    background-position: left -240px;
}

.page-appsub .area-mobiletab-support .ntg-box-mobiletab-support li.tab-sp {
    border-right: 1px solid #f2f2f2;
}

.page-appsub .area-mobiletab-support .ntg-box-mobiletab-support li.on, .page-appsub .area-mobiletab-support .ntg-box-mobiletab-support li:hover {
    top: 0;
}

.page-appsub .area-mobiletab-support .ntg-box-mobiletab-support li.on [class^='ico-'], .page-appsub .area-mobiletab-support .ntg-box-mobiletab-support li:hover [class^='ico-'] {
    background: #fff;
}

.page-appsub .ntg-capt-pclist {
    margin-bottom: 10px;
    padding: 5px 0 7px 35px;
    border-bottom: 1px dotted #bfbfbf;
    background: url(https://p.dmm.co.jp/p/netgame/profile/ico_profile.png) 6px -66px no-repeat #f5f7f8;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.5;
}

.ntg-area-unsupport .ntg-detail-unsupport {
    border: 5px solid #f5f7f8;
    background: #fff;
}

.ntg-area-unsupport .ntg-detail-unsupport .ttl {
    margin-bottom: 1px;
    color: #000;
    font-weight: bold;
    font-size: 16px;
}

.ntg-area-unsupport .ntg-detail-unsupport .tx-setting-info {
    font-size: 10px;
}

.ntg-area-unsupport .ntg-detail-unsupport .ntg-box-device-info {
    padding: 5px 12px 12px;
    background: #f5f7f8;
}

.ntg-area-unsupport .ntg-detail-unsupport .ntg-box-support {
    margin-left: 0;
    padding: 20px;
    background: #fff;
}

.ntg-area-unsupport .ntg-detail-unsupport .ntg-box-detail-game {
    overflow: hidden;
    margin-bottom: 20px;
}

.ntg-area-unsupport .ntg-detail-unsupport .ntg-box-detail-screenshot {
    height: 205px;
    margin-left: 200px;
    background: #fff;
}

.ntg-area-unsupport .ntg-detail-unsupport .ntg-box-detail-screenshot #carousel {
    position: relative;
    width: 455px;
    height: 205px;
    margin: 0 auto;
    text-align: left;
}

.ntg-area-unsupport .ntg-detail-unsupport .ntg-box-detail-screenshot #carousel ul {
    display: inline-block;
    overflow: hidden;
}

.ntg-area-unsupport .ntg-detail-unsupport .ntg-box-detail-screenshot #carousel li {
    display: inline;
    float: left;
    width: 455px;
}

.ntg-area-unsupport .ntg-detail-unsupport .ntg-box-detail-screenshot #carousel li ul li {
    position: relative;
    display: inline;
    float: left;
    width: 141px;
    margin: 0 5px;
}

.ntg-area-unsupport .ntg-detail-unsupport .ntg-box-detail-screenshot #carousel li ul li a:hover {
    opacity: 0.7;
}

.ntg-area-unsupport .ntg-detail-unsupport .ntg-box-detail-screenshot #carousel li ul li img {
    width: 100%;
}

.ntg-area-unsupport .ntg-detail-unsupport .ntg-box-detail-screenshot #carousel #carousel_prev, .ntg-area-unsupport .ntg-detail-unsupport .ntg-box-detail-screenshot #carousel #carousel_next {
    position: absolute;
    top: 80px;
    width: 40px;
    height: 40px;
    background: #fff;
    cursor: pointer;
}

.ntg-area-unsupport .ntg-detail-unsupport .ntg-box-detail-screenshot #carousel #carousel_prev {
    left: -10px;
    background: transparent url(https://p.dmm.co.jp/p/netgame/common/bt/arrow_slideprev.png) no-repeat top left;
}

.ntg-area-unsupport .ntg-detail-unsupport .ntg-box-detail-screenshot #carousel #carousel_prev:hover {
    opacity: 0.7;
}

.ntg-area-unsupport .ntg-detail-unsupport .ntg-box-detail-screenshot #carousel #carousel_next {
    right: -10px;
    background: transparent url(https://p.dmm.co.jp/p/netgame/common/bt/arrow_slidenext.png) no-repeat top left;
}

.ntg-area-unsupport .ntg-detail-unsupport .ntg-box-detail-screenshot #carousel #carousel_next:hover {
    opacity: 0.7;
}

.ntg-area-unsupport .ntg-detail-unsupport .ntg-tx-gameintro {
    overflow: hidden;
    height: auto;
    margin-bottom: 18px;
    padding-bottom: 15px;
    border-bottom: 1px solid #d2d2d2;
}

.ntg-area-unsupport .ntg-detail-unsupport .ntg-tx-gameintro .tx-more {
    position: relative;
    display: inline-block;
    padding-right: 15px;
    font-size: 13px;
}

.ntg-area-unsupport .ntg-detail-unsupport .ntg-tx-gameintro .tx-more:before, .ntg-area-unsupport .ntg-detail-unsupport .ntg-tx-gameintro .tx-more:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    content: '';
}

.ntg-area-unsupport .ntg-detail-unsupport .ntg-tx-gameintro .tx-more:before {
    top: 5px;
    right: 0;
    border-width: 9px 6px 0 6px;
    border-style: solid;
    border-color: #005fc0 transparent transparent transparent;
}

.ntg-area-unsupport .ntg-detail-unsupport .ntg-tx-gameintro .tx-more:after {
    top: 0;
    right: 0;
    border-width: 10px 6px 0 6px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}

.ntg-area-unsupport .ntg-detail-unsupport .ntg-tx-gameintro .tx-more:visited:before {
    border-color: #909 transparent transparent transparent;
}

.ntg-area-unsupport .ntg-detail-unsupport .ntg-tx-gameintro .tx-more:hover:before {
    border-color: #e20 transparent transparent transparent;
}

.ntg-area-unsupport .ntg-detail-unsupport .ntg-tx-gameintro .tx-more:active:before {
    border-color: #e20 transparent transparent transparent;
}

.ntg-area-unsupport .ntg-detail-unsupport .ntg-tx-capt {
    padding-bottom: 8px;
    color: #000;
    font-weight: bold;
    font-size: 14px;
}

.ntg-area-unsupport .ntg-detail-unsupport .ntg-tx-gameinfo {
    overflow: hidden;
    margin-bottom: 10px;
    -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
}

.ntg-area-unsupport .ntg-detail-unsupport .area-mobiletab-support {
    margin: 0;
    border: #f2f2f2 solid 5px;
}

.ntg-area-unsupport .ntg-detail-unsupport .ntg-box-mobiletab-support li {
    position: relative;
    top: 3px;
    display: inline-block;
    float: left;
    width: 332px;
    text-align: center;
    line-height: 42px;
}

.ntg-area-unsupport .ntg-detail-unsupport .ntg-box-mobiletab-support li .ico-sp:before, .ntg-area-unsupport .ntg-detail-unsupport .ntg-box-mobiletab-support li #box-ntgpop .type-mobile > ul .ico-fp:before, #box-ntgpop .type-mobile > ul .ntg-area-unsupport .ntg-detail-unsupport .ntg-box-mobiletab-support li .ico-fp:before {
    top: 8px;
    left: 60px;
    background-position: left -120px;
}

.ntg-area-unsupport .ntg-detail-unsupport .ntg-box-mobiletab-support li .ico-sp:before, .ntg-area-unsupport .ntg-detail-unsupport .ntg-box-mobiletab-support li #box-ntgpop .type-mobile > ul .ico-fp:before, #box-ntgpop .type-mobile > ul .ntg-area-unsupport .ntg-detail-unsupport .ntg-box-mobiletab-support li .ico-fp:before {
    top: 8px;
    left: 60px;
    background-position: left -120px;
}

.ntg-area-unsupport .ntg-detail-unsupport .ntg-box-mobiletab-support li .ico-fp:before {
    top: 8px;
    left: 82px;
    background-position: left -240px;
}

.ntg-area-genrelist .d-capt {
    margin-bottom: 16px;
}

.ntg-area-genrelist .ntg-capt-genrelist {
    padding: 5px 0 7px 35px;
    border-bottom: 1px dotted #bfbfbf;
    background: url(https://p.dmm.co.jp/p/netgame/profile/ico_profile.png) 6px -254px no-repeat #f5f7f8;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.5;
}

.ntg-area-genrelist .genrelist ul {
    margin: 8px 0 0;
    text-align: left;
}

.ntg-area-genrelist .genrelist li {
    display: inline-block;
    margin-bottom: 8px;
    padding: 0 8px;
    border-right: #b5b5b5 1px solid;
    list-style-type: none;
    text-align: center;
}

/*
project - basket.scss
----------------------------------------*/
/* ===== �ݥ���ȹ�����Ϣ��ʥ�Ĵ�� */
#main-browsergame {
    padding-top: 20px;
}

#main-pay[class*='page-basket-'], #main-pay.basketflow {
    padding-top: 20px;
}

/*
project - closegame.scss
----------------------------------------*/
.ntg-close-game h2 {
    padding: 12px 20px;
    background: #404849;
    color: #fff;
    font-size: 18px;
}

.ntg-close-game .area-close-text {
    overflow: hidden;
    padding: 0 20px;
}

.ntg-close-game h3 {
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 20px;
}

.ntg-close-game p {
    font-size: 14px;
}

#main-ntg.page-close-game {
    padding: 0 0;
}

#main-ntg.page-close-game .d-capt {
    margin-bottom: 20px;
}

/*
project - community.scss
----------------------------------------*/
#w .d-item.community-sect {
    margin-bottom: 20px;
}

.ntg-area-community {
    position: relative;
}

.ntg-area-community .ntg-sect-top {
    padding: 0;
    border: 10px solid #f2f2f2;
}

.ntg-area-community .ntg-sect-top .ntg-item-search {
    margin-right: 16px;
    margin-left: 16px;
}

.ntg-area-community .ntg-item-search {
    margin-bottom: 22px;
}

.ntg-area-community .ntg-item-search .ntg-search-form {
    text-align: center;
}

.ntg-area-community .ntg-item-search .box-search-form {
    display: block;
    overflow: hidden;
    border: 1px solid #b8c2cb;
    border-radius: 5px;
    background: #fff;
}

.ntg-area-community .ntg-item-search .box-search-form select, .ntg-area-community .ntg-item-search .box-search-form input {
    height: 27px;
    margin: 0;
    padding: 0;
    outline: none;
    border: 0;
}

.ntg-area-community .ntg-item-search .box-search-form select {
    float: left;
    padding: 5px 6px;
    border: none;
    border-radius: 5px 0 0 5px;
    background: #fdfdff;
    background: -webkit-linear-gradient(top, #fdfdff 0%, #e9eef2 100%);
    background:         linear-gradient(to bottom, #fdfdff 0%, #e9eef2 100%);
    color: #373c40;
    font-size: 12px;
}

.ntg-area-community .ntg-item-search .box-search-form input[type='text'] {
    float: left;
    width: 440px;
    padding: 0 6px;
    border: none;
    color: #373c40;
}

.ntg-area-community .ntg-item-search .box-search-form .input-search {
    float: right;
    background: #46505a;
    background: -webkit-linear-gradient(top, #46505a 0%, #313840 100%);
    background:         linear-gradient(to bottom, #46505a 0%, #313840 100%);
}

.ntg-area-community .ntg-item-search .box-search-form .input-search:hover {
    background: #15181b;
}

.ntg-area-community .ntg-item-search .box-search-form input[type='submit'] {
    padding: 0 6px 0 26px;
    border: none;
    background: transparent url(https://p.dmm.co.jp/p/netgame/community/ico_community.png) no-repeat 6px -154px;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
}

.ntg-area-community .ntg-item-topic {
    margin-right: 16px;
    margin-left: 16px;
}

.ntg-area-community .ntg-topiclist {
    overflow: hidden;
    width: 688px;
}

.ntg-area-community .ntg-topiclist > li {
    position: relative;
    float: left;
    width: 307px;
    margin-right: 13px;
    margin-bottom: 12px;
    padding: 12px;
    background: #f5f7f8;
}

.ntg-area-community .ntg-topiclist.is-col3 > li {
    width: 204px;
    margin-right: 9px;
    margin-bottom: 8px;
    padding: 8px;
}

.ntg-area-community .ntg-topiclist.is-col4 > li {
    width: 140px;
    margin-right: 8px;
    margin-bottom: 8px;
    padding: 12px;
}

.ntg-area-community .ntg-topiclist.is-col6 > li {
    width: 90px;
    margin-right: 8px;
    margin-bottom: 8px;
    padding: 8px;
}

.ntg-area-community .ntg-topiclist .box-icon {
    float: left;
    width: 75px;
}

.ntg-area-community .ntg-topiclist .box-icon img {
    width: 75px;
    margin-bottom: 2px;
}

.ntg-area-community .ntg-topiclist .box-icon .member {
    margin-top: 10px;
    padding-left: 21px;
    background: url(https://p.dmm.co.jp/p/netgame/community/ico_community.png) no-repeat 0 -660px;
    font-size: 10px;
}

.ntg-area-community .ntg-topiclist .box-ttl {
    overflow: hidden;
    width: 100%;
    border-bottom: 1px dotted #ccc;
}

.ntg-area-community .ntg-topiclist .box-ttl img {
    float: left;
    width: 75px;
    margin-right: 10px;
    margin-bottom: 2px;
}

.ntg-area-community .ntg-topiclist .box-ttl .member {
    margin-top: 10px;
    padding-left: 21px;
    background: url(https://p.dmm.co.jp/p/netgame/community/ico_community.png) no-repeat 0 -660px;
    color: #333;
    font-size: 10px;
}

.ntg-area-community .ntg-topiclist .box-ttl .ttl-community-comments {
    overflow: hidden;
    height: 44px;
    font-weight: bold;
    font-size: 14px;
}

.ntg-area-community .ntg-topiclist .box-ttl > a {
    display: block;
    padding: 6px;
}

.ntg-area-community .ntg-topiclist .box-ttl > a:after {
    display: table;
    clear: both;
    content: '';
}

.ntg-area-community .ntg-topiclist .box-ttl > a:hover {
    background: #eaecf1;
    text-decoration: none;
}

.ntg-area-community .ntg-topiclist .box-ttl > a:hover .ttl-community-comments {
    text-decoration: underline;
}

.ntg-area-community .ntg-topiclist .box-topic {
    overflow: hidden;
    height: 112px;
    margin-left: 85px;
}

.ntg-area-community .ntg-topiclist .box-topic a {
    display: block;
}

.ntg-area-community .ntg-topiclist .box-topic a:hover {
    position: relative;
    top: 1px;
    background: #edf0f1;
}

.ntg-area-community .ntg-topiclist .box-topic .delete {
    text-align: right;
}

.ntg-area-community .ntg-topiclist .box-topic .delete a {
    display: inline;
    padding: 4px;
    padding-left: 21px;
    background-image: url(https://p.dmm.co.jp/p/netgame/community/ico_community.png);
    background-position: 4px -506px;
    background-repeat: no-repeat;
}

.ntg-area-community .ntg-topiclist .box-topic .ttl-community {
    overflow: hidden;
    height: 44px;
    font-size: 14px;
}

.ntg-area-community .ntg-topiclist .box-topic li {
    float: none;
    overflow: hidden;
    width: auto;
    margin-right: 0;
    margin-bottom: 0;
    padding: 0;
    border-bottom: 1px dotted #d0d2d3;
    background: transparent;
    font-size: 11px;
    line-height: 22px;
}

.ntg-area-community .ntg-topiclist .box-topic span {
    display: block;
    float: right;
    color: #333;
}

.ntg-area-community .ntg-topiclist .box-topic span.is-new {
    color: #c40403;
}

.ntg-area-community .ntg-topiclist .box-community-comments {
    overflow: hidden;
    width: 100%;
    height: 266px;
}

.ntg-area-community .ntg-topiclist .box-community-comments li > a {
    display: block;
    padding: 6px;
    border-bottom: 1px dotted #ccc;
    font-size: 12px;
}

.ntg-area-community .ntg-topiclist .box-community-comments li > a:hover {
    background: #eaecf1;
}

.ntg-area-community .ntg-topiclist .box-community-comments li > a:hover .comment-balloon {
    text-decoration: none;
}

.ntg-area-community .ntg-topiclist .box-community-comments li > a:after {
    display: table;
    clear: both;
    content: '';
}

.ntg-area-community .ntg-topiclist .box-community-comments li > a.new:before {
    display: block;
    float: left;
    width: 30px;
    height: 14px;
    margin: 1px 3px 0 0;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_new.png) 0 0 no-repeat;
    content: '';
}

.ntg-area-community .ntg-topiclist .box-community-comments li:last-child > a {
    border-bottom: none;
}

.ntg-area-community .ntg-topiclist .box-community-comments li .tx-comment {
    word-break: break-all;
}

.ntg-area-community .ntg-topiclist .box-community-comments li .tx-date {
    color: #999;
    font-size: 10px;
}

.ntg-area-community .ntg-topiclist .box-community-comments li .tmb {
    display: block;
    float: left;
    width: 40px;
    height: 40px;
    border: 1px solid #ccc;
}

.ntg-area-community .ntg-topiclist .comment-balloon {
    position: relative;
    float: right;
    width: 242px;
    padding: 5px;
    border: 2px solid #ccc;
    border-radius: 5px;
    background: #fff;
    color: #333;
    font-size: 11px;
    line-height: 1.3;
    box-sizing: border-box;
}

.ntg-area-community .ntg-topiclist .comment-balloon:before, .ntg-area-community .ntg-topiclist .comment-balloon:after {
    position: absolute;
    top: 10px;
    left: 0;
    border: 10px solid transparent;
    content: '';
}

.ntg-area-community .ntg-topiclist .comment-balloon:before {
    margin-left: -20px;
    border-right: 10px solid #ccc;
}

.ntg-area-community .ntg-topiclist .comment-balloon:after {
    margin-left: -17px;
    border-right: 10px solid #fff;
}

.ntg-area-community .ntg-topiclist .trend-topics-ttl {
    position: relative;
    display: block;
    padding: 6px;
    border-bottom: dotted 1px #ccc;
}

.ntg-area-community .ntg-topiclist .trend-topics-ttl:hover {
    background: #eaecf1;
}

.ntg-area-community .ntg-topiclist .trend-topics-ttl:hover .trend-topics-name {
    text-decoration: underline;
}

.ntg-area-community .ntg-topiclist .trend-topics-ttl.is-official .trend-topics-name {
    padding-left: 52px;
}

.ntg-area-community .ntg-topiclist .trend-topics-ttl .trend-topics-official {
    position: absolute;
    top: 7px;
    left: 6px;
}

.ntg-area-community .ntg-topiclist .trend-topics-ttl .trend-topics-name {
    display: inline-block;
    height: 40px;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
}

.ntg-area-community .ntg-topiclist .trend-topics-comment {
    padding: 12px 6px 6px;
}

.ntg-area-community .ntg-topiclist .trend-topics-comment > li {
    overflow: hidden;
    margin-top: 12px;
}

.ntg-area-community .ntg-topiclist .trend-topics-comment > li:first-child {
    margin-top: 0;
}

.ntg-area-community .ntg-topiclist .trend-topics-comment > li .trend-topics-tmb {
    float: left;
    width: 40px;
    height: 40px;
    border: 1px solid #ccc;
}

.ntg-area-community .ntg-topiclist .trend-topics-comment > li .tx-comment {
    display: -webkit-box;
    overflow: hidden;
    height: 16px;
    word-break: break-all;
    font-size: 11px;
    line-height: 16px;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.ntg-area-community .ntg-topiclist .trend-topics-comment > li .tx-date {
    color: #999;
    font-size: 10px;
}

.ntg-area-community .ntg-topiclist .card-topics {
    position: relative;
    display: block;
    overflow: hidden;
    height: 67px;
}

.ntg-area-community .ntg-topiclist .card-topics:hover {
    background: #eaecf1;
    text-decoration: none;
}

.ntg-area-community .ntg-topiclist .card-topics:hover .card-topics-name {
    text-decoration: underline;
}

.ntg-area-community .ntg-topiclist .card-topics:hover img {
    opacity: 0.8;
}

.ntg-area-community .ntg-topiclist .card-topics img {
    float: left;
    width: 65px;
    margin-top: 1px;
    margin-right: 6px;
}

.ntg-area-community .ntg-topiclist .card-topics .tx-topics-main {
    font-size: 11px;
}

.ntg-area-community .ntg-topiclist .card-topics .tx-topics-sub {
    font-size: 10px;
}

.ntg-area-community .ntg-topiclist .card-topics .membership {
    display: -webkit-box;
    overflow: hidden;
    height: 15px;
    margin-bottom: 3px;
    padding-left: 21px;
    background: url(https://p.dmm.co.jp/p/netgame/community/ico_community.png) no-repeat 0 -660px;
    color: #666;
    word-break: break-all;
    font-size: 10px;
    line-height: 15px;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.ntg-area-community .ntg-topiclist .card-topics.is-l {
    height: 78px;
}

.ntg-area-community .ntg-topiclist .card-topics.is-l img {
    width: 60px;
    margin-bottom: 17px;
}

.ntg-area-community .ntg-topiclist .card-topics.is-l [class^='ico-'] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
}

.ntg-area-community .ntg-topiclist .card-topics.is-l .tx-topics-sub {
    height: 22px;

    -webkit-line-clamp: 2;
}

.ntg-area-community .ntg-topiclist .community-slide {
    position: relative;
    overflow: hidden;
    padding: 0 40px;
}

.ntg-area-community .ntg-topiclist .community-slide .community-slide-item {
    float: left;
    width: 120px;
    margin-right: 4px;
    margin-left: 4px;
    padding: 12px;
    background: #f5f7f8;
}

.ntg-area-community .ntg-topiclist .community-slide .slick-arrow {
    position: absolute;
    top: 0;
    width: 30px;
    height: 100%;
    padding: 0 5px;
    outline: none;
    border: none;
    color: transparent;
    font-size: 0;
    line-height: 0;
    cursor: pointer;
}

.ntg-area-community .ntg-topiclist .community-slide .slick-arrow.slick-prev {
    left: 6px;
    background: url(https://p.dmm.co.jp/p/common/ico/arrow_slideprev.png) 50% 50% no-repeat;
}

.ntg-area-community .ntg-topiclist .community-slide .slick-arrow.slick-prev:hover {
    background: url(https://p.dmm.co.jp/p/common/ico/arrow_slideprev_on.png) 50% 50% no-repeat #f3f3f3;
}

.ntg-area-community .ntg-topiclist .community-slide .slick-arrow.slick-next {
    right: 6px;
    background: url(https://p.dmm.co.jp/p/common/ico/arrow_slidenext.png) 50% 50% no-repeat;
}

.ntg-area-community .ntg-topiclist .community-slide .slick-arrow.slick-next:hover {
    background: url(https://p.dmm.co.jp/p/common/ico/arrow_slidenext_on.png) 50% 50% no-repeat #f3f3f3;
}

.ntg-area-community .ntg-topiclist .media-topics.is-l {
    height: 215px;
}

.ntg-area-community .ntg-topiclist .media-topics.is-m {
    height: 200px;
}

.ntg-area-community .ntg-topiclist .media-topics.is-s .media-topics-tmb span, .ntg-area-community .ntg-topiclist .media-topics.is-ss .media-topics-tmb span {
    width: 88px;
    height: 88px;
}

.ntg-area-community .ntg-topiclist .media-topics.is-s .tx-topics-main, .ntg-area-community .ntg-topiclist .media-topics.is-ss .tx-topics-main {
    font-size: 11px;
}

.ntg-area-community .ntg-topiclist .media-topics.is-s {
    height: 150px;
}

.ntg-area-community .ntg-topiclist .media-topics.is-ss {
    height: 132px;
}

.ntg-area-community .ntg-topiclist .media-topics.is-slide .media-topics-tmb span {
    width: 118px;
    height: 118px;
}

.ntg-area-community .ntg-topiclist .media-topics.is-slide.is-l {
    height: 195px;
}

.ntg-area-community .ntg-topiclist .media-topics.is-slide.is-m {
    height: 180px;
}

.ntg-area-community .ntg-topiclist .media-topics .media-topics-tmb {
    display: table;
    width: 100%;
    margin-bottom: 5px;
    border: solid 1px #ccc;
    background: #fff;
    table-layout: fixed;
    box-sizing: border-box;
}

.ntg-area-community .ntg-topiclist .media-topics .media-topics-tmb span {
    display: table-cell;
    width: 138px;
    height: 138px;
    vertical-align: middle;
    text-align: center;
}

.ntg-area-community .ntg-topiclist .media-topics .media-topics-tmb span img {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

.ntg-area-community .ntg-topiclist .media-topics .media-topics-link {
    display: block;
}

.ntg-area-community .ntg-topiclist .media-topics .media-topics-link:hover {
    background: #eaecf1;
}

.ntg-area-community .ntg-topiclist .media-topics a:hover img {
    opacity: 0.8;
}

.ntg-area-community .ntg-topiclist .tx-topics-main {
    display: -webkit-box;
    overflow: hidden;
    max-height: 34px;
    margin-bottom: 3px;
    word-break: break-all;
    font-size: 12px;
    line-height: 17px;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.ntg-area-community .ntg-topiclist .tx-topics-sub {
    display: -webkit-box;
    overflow: hidden;
    height: 11px;
    margin-top: 3px;
    color: #999;
    word-break: break-all;
    font-size: 11px;
    line-height: 11px;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.ntg-area-community .ntg-ttl-item {
    margin: 10px 0;
    padding-left: 12px;
    background: url(https://p.dmm.co.jp/p/common/ico_arrow.gif) no-repeat left 9px;
    font-size: 20px;
}

.ntg-area-community .ttl-community-head {
    position: relative;
    margin-bottom: 10px;
    padding: 5px 7px;
    border-bottom: 1px dotted #bfbfbf;
    background: #f5f7f8;
    color: #353d51;
    font-weight: bold;
    font-size: 14px;
}

.ntg-area-community .ttl-community-head span {
    padding: 2px 0 2px 24px;
    background-image: url(https://p.dmm.co.jp/p/netgame/community/ico_community.png);
    background-position: 0 -90px;
    background-repeat: no-repeat;
}

.ntg-area-community .ttl-community-head .is-right {
    float: right;
}

.ntg-area-community .ttl-community-head .tooltip {
    position: absolute;
    top: -3px;
    right: 140px;
    width: 100px;
    padding: 7px;
    border-radius: 9px;
    background: #666;
    box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.2);
    color: #fff;
    text-align: left;
    font-weight: normal;
    font-size: 12px;
    font-size: 10px;
    line-height: 1.25;
}

.ntg-area-community .ttl-community-head .tooltip:before {
    position: absolute;
    top: 15px;
    right: -10px;
    width: 0;
    height: 0;
    border-width: 5px 0 5px 10px;
    border-style: solid;
    border-color: transparent transparent transparent #666;
    content: '';
}

.ntg-area-community .ntg-item-communitylist {
    margin: 0 16px 10px;
}

.ntg-area-community .ntg-item-communitylist ul {
    overflow: hidden;
    width: 688px;
}

.ntg-area-community .ntg-item-communitylist li {
    position: relative;
    float: left;
    width: 331px;
    margin-right: 13px;
    margin-bottom: 12px;
    background: #f5f7f8;
}

.ntg-area-community .ntg-item-communitylist li a:hover {
    position: relative;
    top: 1px;
    background: #edf0f1;
}

.ntg-area-community .ntg-item-communitylist .box-icon {
    float: left;
    width: 75px;
}

.ntg-area-community .ntg-item-communitylist .box-icon img {
    width: 75px;
}

.ntg-area-community .ntg-item-communitylist .box-icon .member {
    margin-top: 0;
    margin-left: 0;
}

.ntg-area-community .ntg-item-communitylist .box-topic {
    overflow: hidden;
    height: 112px;
    margin-left: 85px;
}

.ntg-area-community .ntg-item-communitylist .ttl-community {
    overflow: hidden;
    height: 44px;
    font-size: 14px;
}

.ntg-area-community .ntg-item-communitylist a:hover .box-topic .ttl-community {
    text-decoration: underline;
}

.ntg-area-community .ntg-item-communitylist .community-intro {
    margin-top: 5px;
    padding-top: 10px;
    border-top: 1px dotted #d3d4d6;
    color: #333;
}

.ntg-area-community .ntg-ttl-item-pagenation {
    margin-right: 16px;
    margin-left: 16px;
}

.ntg-area-community .ntg-item-pagenation {
    margin: 0 16px;
}

.ntg-area-community .ntg-item-pagenation .checkbox {
    padding: 10px;
    border-top: 1px dotted #ccc;
    text-align: left;
}

.ntg-area-community .ntg-item-pagenation .checkbox [class^='check-list-'] {
    float: left;
}

.ntg-area-community .ntg-item-pagenation .checkbox [class^='check-list-'] li {
    float: left;
    margin-right: 15px;
}

.ntg-area-community .ntg-item-pagenation .checkbox [class^='check-list-'] li span {
    padding-left: 17px;
    background: url(https://p.dmm.co.jp/p/netgame/community/ico_community.png) no-repeat 0 -548px;
}

.ntg-area-community .ntg-item-pagenation .checkbox [class^='check-list-'][class*='unsubscribe'] li span {
    padding-left: 17px;
    background: url(https://p.dmm.co.jp/p/netgame/community/ico_community.png) no-repeat 0 -548px;
}

.ntg-area-community .ntg-item-pagenation .checkbox [class^='check-list-'][class*='approval'] li.ico-approval span {
    display: inline-block;
    padding-left: 17px;
    background: url(https://p.dmm.co.jp/p/netgame/community/ico_community.png) no-repeat 0 -579px;
}

.ntg-area-community .ntg-item-pagenation .checkbox [class^='check-list-'][class*='approval'] li.ico-noapproval span {
    display: inline-block;
    padding-left: 17px;
    background: url(https://p.dmm.co.jp/p/netgame/community/ico_community.png) no-repeat 0 -609px;
}

.ntg-area-community .ntg-item-pagenation .checkbox p {
    float: right;
}

.ntg-area-community .ntg-item-pagenation .checkbox p input {
    margin-right: 3px;
    vertical-align: -3px;
}

.ntg-area-community .ntg-item-pagenation .area-sort {
    float: left;
    width: auto;
    border-top: none;
}

.ntg-area-community .ntg-item-information {
    margin-right: 16px;
    margin-left: 16px;
    background: #f5f7f8;
}

.ntg-area-community .ntg-item-information li a {
    display: block;
    padding: 6px 10px;
    border-bottom: 1px dotted #d0d0d0;
}

.ntg-area-community .ntg-item-information li a:hover {
    position: relative;
    top: 1px;
    background: #edf0f1;
}

.ntg-area-community .ntg-item-information li span {
    padding-left: 17px;
    background: url(https://p.dmm.co.jp/p/netgame/community/ico_community.png) no-repeat 0 -697px;
}

.ntg-area-community .ntg-item-information li:last-child a {
    border-bottom: none;
}

.ntg-area-community .ntg-item-managementlist {
    margin: 0 16px;
}

.ntg-area-community .ntg-managementlist {
    overflow: hidden;
}

.ntg-area-community .ntg-managementlist li {
    overflow: hidden;
    margin-bottom: 10px;
    padding: 12px;
    background: #f5f7f8;
}

.ntg-area-community .ntg-managementlist .box-icon {
    float: left;
    width: 75px;
}

.ntg-area-community .ntg-managementlist .box-icon img {
    width: 75px;
    margin-bottom: 5px;
}

.ntg-area-community .ntg-managementlist .box-community {
    margin-left: 85px;
}

.ntg-area-community .ntg-managementlist .ttl-community {
    margin-bottom: 5px;
    font-size: 14px;
}

.ntg-area-community .ntg-managementlist .ttl-community .message {
    display: inline-block;
    margin-right: 5px;
    padding: 0 8px;
    border-radius: 10px;
    background: #c40403;
    color: #fff;
    font-size: 10px;
}

.ntg-area-community .ntg-managementlist .member {
    padding-left: 24px;
    background: url(https://p.dmm.co.jp/p/netgame/community/ico_community.png) no-repeat 0 -660px;
}

.ntg-area-community .ntg-managementlist .manager, .ntg-area-community .ntg-managementlist .sub-manager {
    padding-left: 20px;
}

.ntg-area-community .ntg-managementlist .community-setting {
    overflow: hidden;
    margin-top: 5px;
    font-size: 10px;
}

.ntg-area-community .ntg-managementlist .community-setting span {
    padding-right: 15px;
}

.ntg-area-community .ntg-item-joinlist {
    margin: 0 16px;
}

.ntg-area-community .closed-community {
    margin-top: 20px;
    padding-top: 80px;
    background: url(https://p.dmm.co.jp/p/netgame/community/ico_close.png) no-repeat top center;
    text-align: center;
}

.ntg-area-community .ntg-sect-community-main {
    float: right;
    width: 480px;
}

.ntg-area-community .ntg-sect-community-main .ntg-item-search .ttl-community-head span {
    background-position: 0 -127px;
}

.ntg-area-community .ntg-sect-community-main .ntg-item-search .ntg-search-form {
    margin-bottom: 0;
    padding: 0;
    background: none;
}

.ntg-area-community .ntg-sect-community-main .ntg-item-search .ntg-search-form input[type='text'] {
    width: 400px;
    outline: none;
}

.ntg-area-community .ntg-sect-community-main .intro {
    padding-left: 10px;
    border-left: 3px solid #dae0e3;
}

.ntg-area-community .ntg-sect-community-main .ntg-item-topiclist {
    margin-bottom: 0;
}

.ntg-area-community .ntg-sect-community-main .ntg-item-topiclist ul {
    margin-bottom: 15px;
}

.ntg-area-community .ntg-sect-community-main .ntg-item-topiclist li {
    font-size: 12px;
}

.ntg-area-community .ntg-sect-community-main .ntg-item-topiclist li a {
    display: block;
    padding: 12px 8px;
    border-bottom: 1px dotted #ccc;
    text-decoration: none;
}

.ntg-area-community .ntg-sect-community-main .ntg-item-topiclist li a:hover {
    position: relative;
    top: 1px;
    background: #f6f8f9;
}

.ntg-area-community .ntg-sect-community-main .ntg-item-topiclist li a:hover .tx-ttl {
    text-decoration: underline;
}

.ntg-area-community .ntg-sect-community-main .ntg-item-topiclist li span {
    display: inline-block;
    vertical-align: top;
}

.ntg-area-community .ntg-sect-community-main .ntg-item-topiclist a .tx-update {
    overflow: hidden;
    width: 17%;
}

.ntg-area-community .ntg-sect-community-main .ntg-item-topiclist a .tx-ttl {
    overflow: hidden;
    width: 80%;
    margin-top: -18px;
    margin-right: auto;
    margin-left: 90px;
}

.ntg-area-community .ntg-sect-community-main .ntg-item-topiclist a .tx-matter {
    overflow: hidden;
    width: 80%;
    padding-left: 90px;
    color: #333;
}

.ntg-area-community .ntg-sect-community-main .ntg-item-topiclist .ttl-community-head {
    margin-bottom: 0;
}

.ntg-area-community .ntg-sect-community-main .ntg-item-topiclist .ttl-community-head span {
    background-position: 0 -190px;
}

.ntg-area-community .ntg-sect-community-main .ntg-item-topiclist li.first {
    padding: 5px 10px;
    border-bottom: none;
    background: #f5f7f8;
}

.ntg-area-community .ntg-sect-community-main .ntg-item-topiclist li.first .tx-update {
    overflow: hidden;
    width: 19%;
}

.ntg-area-community .ntg-sect-community-main .ntg-item-topiclist li.first .tx-ttl {
    overflow: hidden;
    width: 20%;
}

.ntg-area-community .ntg-sect-community-main .ntg-item-topicfixinglist {
    margin-bottom: 0;
}

.ntg-area-community .ntg-sect-community-main .ntg-item-topicfixinglist ul {
    margin-bottom: 15px;
}

.ntg-area-community .ntg-sect-community-main .ntg-item-topicfixinglist li {
    font-size: 12px;
}

.ntg-area-community .ntg-sect-community-main .ntg-item-topicfixinglist li a {
    display: block;
    padding: 12px 8px;
    border-bottom: 1px dotted #ccc;
    text-decoration: none;
}

.ntg-area-community .ntg-sect-community-main .ntg-item-topicfixinglist li a:hover {
    position: relative;
    top: 1px;
    background: #f6f8f9;
}

.ntg-area-community .ntg-sect-community-main .ntg-item-topicfixinglist li a:hover .tx-ttl {
    text-decoration: underline;
}

.ntg-area-community .ntg-sect-community-main .ntg-item-topicfixinglist li span {
    display: inline-block;
    vertical-align: top;
}

.ntg-area-community .ntg-sect-community-main .ntg-item-topicfixinglist a .tx-update {
    overflow: hidden;
    width: 17%;
}

.ntg-area-community .ntg-sect-community-main .ntg-item-topicfixinglist a .tx-ttl {
    overflow: hidden;
    width: 80%;
    margin-top: -18px;
    margin-right: auto;
    margin-left: 90px;
}

.ntg-area-community .ntg-sect-community-main .ntg-item-topicfixinglist a .tx-matter {
    overflow: hidden;
    width: 80%;
    padding-left: 90px;
    color: #333;
}

.ntg-area-community .ntg-sect-community-main .ntg-item-topicfixinglist .ttl-community-head {
    margin-bottom: 0;
}

.ntg-area-community .ntg-sect-community-main .ntg-item-topicfixinglist .ttl-community-head span {
    background-position: 0 -760px;
}

.ntg-area-community .ntg-sect-community-main .ntg-item-topicfixinglist li.first {
    padding: 5px 10px;
    border-bottom: none;
    background: #f5f7f8;
}

.ntg-area-community .ntg-sect-community-main .ntg-item-topicfixinglist li.first .tx-update {
    overflow: hidden;
    width: 19%;
}

.ntg-area-community .ntg-sect-community-main .ntg-item-topicfixinglist li.first .tx-ttl {
    overflow: hidden;
    width: 20%;
}

.ntg-area-community .ntg-sect-community-main .tx-min {
    color: #c00;
    text-decoration: none;
    font-weight: bold;
}

.ntg-area-community .ntg-sect-community-main .tx-hour {
    color: #c00;
    text-decoration: none;
}

.ntg-area-community .ntg-sect-community-main .tx-day {
    color: #333;
    text-decoration: none;
}

.ntg-area-community .ntg-sect-community-side {
    float: left;
    width: 226px;
}

.ntg-area-community .ntg-sect-community-side .ntg-item-communityinfo {
    margin-bottom: 20px;
    padding: 13px;
    background: #f5f7f8;
}

.ntg-area-community .ntg-sect-community-side .ntg-item-communityinfo p:first-child {
    text-align: center;
}

.ntg-area-community .ntg-sect-community-side .ntg-item-communityinfo table th {
    white-space: nowrap;
}

.ntg-area-community .ntg-sect-community-side .ntg-item-communitymanager {
    margin-bottom: 20px;
}

.ntg-area-community .ntg-sect-community-side .ntg-item-communitymanager .ttl-community-head {
    margin-bottom: 5px;
}

.ntg-area-community .ntg-sect-community-side .ntg-item-communitymanager .ttl-community-head span {
    background-position: 0 -427px;
}

.ntg-area-community .ntg-sect-community-side .ntg-item-communitymanager ul {
    margin: 0 10px;
}

.ntg-area-community .ntg-sect-community-side .ntg-item-communitymanager li a {
    display: block;
    overflow: hidden;
    padding: 6px 6px 6px 16px;
    border-bottom: 1px dotted #bfbfbf;
    background-position: 6px center;
}

.ntg-area-community .ntg-sect-community-side .ntg-item-communitymanager li a:hover {
    position: relative;
    top: 1px;
    background-color: #f6f8f9;
}

.ntg-area-community .ntg-sect-community-side .ntg-item-communitymember {
    margin-bottom: 0;
}

.ntg-area-community .ntg-sect-community-side .ntg-item-communitymember .ttl-community-head span {
    background-position: 0 -278px;
}

.ntg-area-community .ntg-sect-community-side .ntg-item-communitymember ul {
    overflow: hidden;
    width: 232px;
}

.ntg-area-community .ntg-sect-community-side .ntg-item-communitymember li {
    float: left;
    width: 56px;
    font-size: 10px;
    line-height: 1.2;
}

.ntg-area-community .ntg-sect-community-side .ntg-item-communitymember li a {
    display: block;
    overflow: hidden;
    height: 100px;
    padding: 3px;
}

.ntg-area-community .ntg-sect-community-side .ntg-item-communitymember li a:hover {
    position: relative;
    top: 1px;
    background: #f6f8f9;
}

.ntg-area-community .ntg-sect-community-side .ntg-item-communitymember li img {
    width: 48px;
    margin-bottom: 4px;
    border: 1px solid #ccc;
}

.ntg-area-community .ntg-sect-community-side .ntg-item-community-recommend {
    margin-bottom: 0;
}

.ntg-area-community .ntg-sect-community-side .ntg-item-community-recommend .ttl-community-head span {
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_sidentg.png) left -318px no-repeat;
}

.ntg-area-community .ntg-sect-community-side .ntg-item-community-recommend ul {
    margin-bottom: 6px;
}

.ntg-area-community .ntg-sect-community-side .ntg-item-community-recommend ul li {
    margin: 0;
    padding: 0;
}

.ntg-area-community .ntg-sect-community-side .ntg-item-community-recommend ul li img {
    float: left;
    width: 40px;
    height: auto;
    margin-right: 6px;
}

.ntg-area-community .ntg-sect-community-side .ntg-item-community-recommend ul a {
    display: block;
    padding: 6px;
    border-bottom: 1px dotted #ccc;
    font-size: 13px;
}

.ntg-area-community .ntg-sect-community-side .ntg-item-community-recommend ul a:after {
    display: table;
    clear: both;
    content: '';
}

.ntg-area-community .ntg-sect-community-side .ntg-item-community-recommend ul a:hover {
    position: relative;
    top: 1px;
    background: #f6f8f9;
}

.ntg-area-community .ntg-sect-community-side .ntg-item-community-recommend ul .info {
    overflow: hidden;
}

.ntg-area-community .ntg-community-footer {
    text-align: right;
}

.ntg-area-community .ntg-community-footer.guest {
    border: none;
}

.ntg-area-community .ntg-community-footer .box-btn {
    text-align: right;
}

.ntg-area-community .ntg-community-footer .box-btn ul {
    display: inline-block;
    margin: 0 auto;
}

.ntg-area-community .ntg-community-footer .box-btn ul:after {
    display: block;
    clear: both;
    height: 0;
    content: '';
}

.ntg-area-community .ntg-community-footer .box-btn li {
    float: left;
}

.ntg-area-community .ttl-community-head > span span {
    float: right;
    background: transparent;
    font-weight: normal;
    font-size: 10px;
    line-height: 21px;
}

.ntg-area-community .ntg-item-topic-intro:after {
    display: block;
    clear: both;
    height: 0;
    content: '';
}

.ntg-area-community .ntg-item-topic-intro img {
    float: left;
    width: 100px;
}

.ntg-area-community .ntg-item-topic-intro .box-intro {
    margin-left: 110px;
}

.ntg-area-community .ntg-item-topic-intro p img {
    float: none;
    width: auto;
}

.ntg-area-community .ntg-item-topic-intro .ttl-community-head span {
    background-position: 0 -188px;
}

.ntg-area-community .ntg-item-topic-intro .text-link {
    margin-top: 15px;
    padding-top: 10px;
    border-top: 1px dotted #ccc;
    text-align: right;
}

.ntg-area-community .ntg-item-topicnext {
    margin: 10px 0 22px;
    padding: 10px;
    border-radius: 5px;
    background: #fff3f3;
    text-align: left;
}

.ntg-area-community .ntg-item-topicnext p {
    color: #c00;
    font-weight: bold;
}

.ntg-area-community .ntg-item-topicprev {
    margin: 10px 0 22px;
    padding: 10px;
    border-radius: 5px;
    background: #f8f8f8;
    text-align: left;
}

.ntg-area-community .ntg-item-topicprev p {
    font-weight: bold;
}

.ntg-area-community .ntg-item-topicpagenation .next-topic {
    display: block;
    padding: 5px 5px 5px 10px;
    background: #fff3f3;
}

.ntg-area-community .ntg-item-topicpagenation .next-topic span {
    margin-right: 15px;
    color: #d53500;
    font-weight: bold;
    font-size: 13px;
}

.ntg-area-community .ntg-item-topicpagenation .before-topic {
    display: block;
    padding: 5px 5px 5px 10px;
    border-bottom: 1px dotted #ccc;
    background: #f5f7f8;
}

.ntg-area-community .ntg-item-topicpagenation .before-topic span {
    margin-right: 15px;
    font-weight: bold;
    font-size: 13px;
}

.ntg-area-community .ntg-item-topicpagenation .ntg-item-pagenation {
    margin: 0;
    border-top: none;
    background: #f5f7f8;
}

.ntg-area-community .ntg-item-topicpagenation .ntg-item-pagenation .ttl-community-head {
    margin-bottom: 0;
    padding: 0;
    border: none;
}

.ntg-area-community .ntg-item-topicpagenation .ntg-item-pagenation .ttl-community-head span {
    background-position: 0 -188px;
}

.ntg-area-community .ntg-item-topicpagenation .area-sort {
    border-top: none;
}

.ntg-area-community .ntg-item-topiccomment .ntg-comment-list > ul > li {
    position: relative;
    margin-top: 16px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #ccc;
}

.ntg-area-community .ntg-item-topiccomment .ntg-comment-list > ul > li:first-child {
    margin-top: 0;
}

.ntg-area-community .ntg-item-topiccomment .ntg-comment-list img {
    float: left;
    width: 50px;
    border: 1px solid #ccc;
}

.ntg-area-community .ntg-item-topiccomment .ntg-comment-list .box-comment {
    position: relative;
    overflow: hidden;
    min-height: 52px;
    margin-left: 65px;
    word-break: break-all;
}

.ntg-area-community .ntg-item-topiccomment .ntg-comment-list .box-comment .tx-id {
    display: block;
    margin-top: 10px;
    padding-left: 10px;
    font-size: 11px;
}

.ntg-area-community .ntg-item-topiccomment .ntg-comment-list .box-comment .tx-id:before {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-right: 3px;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_quato.png) no-repeat;
    content: '';
    vertical-align: middle;
}

.ntg-area-community .ntg-item-topiccomment .ntg-comment-list .box-comment .tx-quato {
    display: block;
    margin: 3px 0 15px 10px;
    padding: 3px 0 3px 7px;
    border-left: 1px solid #777;
    font-size: 11px;
}

.ntg-area-community .ntg-item-topiccomment .ntg-comment-list .box-comment .delete {
    display: block;
    float: right;
}

.ntg-area-community .ntg-item-topiccomment .ntg-comment-list .box-comment .delete a {
    padding-left: 17px;
    background: url(https://p.dmm.co.jp/p/netgame/community/ico_community.png) no-repeat 0 -510px;
}

.ntg-area-community .ntg-item-topiccomment .ntg-comment-list .box-comment img {
    float: none;
    width: auto;
    border: none;
}

.ntg-area-community .ntg-item-topiccomment .ntg-comment-list .box-comment .area-function-left {
    float: left;
    margin-top: 12px;
}

.ntg-area-community .ntg-item-topiccomment .ntg-comment-list .box-comment .area-function-left li {
    display: inline-block;
    overflow: hidden;
    margin: 0 15px 0 0;
    padding: 0;
    border: none;
}

.ntg-area-community .ntg-item-topiccomment .ntg-comment-list .box-comment .area-function-left li .bt-like .like {
    display: inline-block;
    height: 19px;
    border-radius: 3px;
    background: #ff9333;
    color: #fff;
    text-align: left;
    text-indent: 6px;
    line-height: 20px;
    cursor: pointer;
}

.ntg-area-community .ntg-item-topiccomment .ntg-comment-list .box-comment .area-function-left li .bt-like .like:hover {
    opacity: 0.8;
}

.ntg-area-community .ntg-item-topiccomment .ntg-comment-list .box-comment .area-function-left li .bt-like .like.off {
    background: #bbb;
    color: #ddd;
    cursor: default;
}

.ntg-area-community .ntg-item-topiccomment .ntg-comment-list .box-comment .area-function-left li .bt-like .like.off:hover {
    opacity: 1;
}

.ntg-area-community .ntg-item-topiccomment .ntg-comment-list .box-comment .area-function-left li .bt-like .balloon {
    position: relative;
    display: inline-block;
    margin: 0 0 0 2px;
    padding: 0 3px 0 3px;
    border: 1px solid #a0afb9;
    border-radius: 3px;
    background: #fff;
    line-height: 18px;
}

.ntg-area-community .ntg-item-topiccomment .ntg-comment-list .box-comment .area-function-left li .bt-like .balloon:before {
    position: absolute;
    top: 13px;
    left: -3px;
    z-index: 2;
    display: block;
    width: 0;
    height: 0;
    margin-top: -9px;
    border-width: 4px 4px 4px 0;
    border-style: solid;
    border-color: transparent #fff transparent transparent;
    content: '';
}

.ntg-area-community .ntg-item-topiccomment .ntg-comment-list .box-comment .area-function-left li .bt-like .balloon:after {
    position: absolute;
    top: 14px;
    left: -4px;
    z-index: 1;
    display: block;
    width: 0;
    height: 0;
    margin-top: -10px;
    border-width: 4px 4px 4px 0;
    border-style: solid;
    border-color: transparent #a0afb9 transparent transparent;
    content: '';
}

.ntg-area-community .ntg-item-topiccomment .ntg-comment-list .box-comment .area-function-left li .bt-reply {
    display: inline-block;
}

.ntg-area-community .ntg-item-topiccomment .ntg-comment-list .box-comment .area-function-left li .bt-reply:before {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-right: 3px;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_reply.png) no-repeat;
    content: '';
    vertical-align: middle;
}

.ntg-area-community .ntg-item-topiccomment .ntg-comment-list .box-comment .area-function-left li .quote {
    display: inline-block;
}

.ntg-area-community .ntg-item-topiccomment .ntg-comment-list .box-comment .area-function-left li .quote:before {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-right: 3px;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_quato.png) no-repeat;
    content: '';
    vertical-align: middle;
}

.ntg-area-community .ntg-item-topiccomment .ntg-comment-list .box-comment .area-function-right {
    float: right;
    margin-top: 12px;
    margin-bottom: -5px;
}

.ntg-area-community .ntg-item-topiccomment .ntg-comment-list .box-comment .area-function-right li {
    display: inline-block;
    overflow: hidden;
    margin: 0 0 0 15px;
    padding: 0;
    border: none;
}

.ntg-area-community .ntg-item-topiccomment .ntg-comment-list .box-comment .area-function-right li .bt-delete {
    display: inline-block;
}

.ntg-area-community .ntg-item-topiccomment .ntg-comment-list .box-comment .area-function-right li .bt-delete:before {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 3px;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_dustbox.png);
    content: '';
    vertical-align: top;
}

.ntg-area-community .ntg-item-topiccomment .ntg-comment-list .area-comment-bt {
    position: absolute;
    bottom: -11px;
    z-index: 10;
    display: block;
    width: 100%;
    text-align: center;
}

.ntg-area-community .ntg-item-topiccomment .ntg-comment-list .area-comment-bt p[class^='bt-comment-'] {
    display: inline-block;
    height: 22px;
    padding: 0 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #fff;
    color: #005fc0;
    font-size: 11px;
    line-height: 23px;
    cursor: pointer;
}

.ntg-area-community .ntg-item-topiccomment .ntg-comment-list .area-comment-bt p[class^='bt-comment-'] .arrow-down {
    float: none;
    width: 9px;
    padding: 0 5px 7px 0;
    border: none;
}

.ntg-area-community .ntg-item-topiccomment .ntg-comment-list .area-comment-bt p[class^='bt-comment-']:hover {
    background: #eee;
}

.ntg-area-community .ntg-item-topiccomment .ntg-comment-list .area-reply-wrap {
    position: relative;
    display: none;
    padding-top: 15px;
    background: #eee;
}

.ntg-area-community .ntg-item-topiccomment .ntg-comment-list .area-reply-wrap .loading {
    display: block;
    height: 100px;
    text-align: center;
}

.ntg-area-community .ntg-item-topiccomment .ntg-comment-list .area-reply-wrap .loading img {
    float: none;
    width: 48px;
    margin: 20px 0 30px;
    border: none;
}

.ntg-area-community .ntg-item-topiccomment .ntg-comment-list .area-reply-wrap .tooltip {
    position: absolute;
    z-index: 20;
    display: none;
    padding: 5px 10px;
    border-radius: 5px;
    background: #777;
    color: #fff;
}

.ntg-area-community .ntg-item-topiccomment .ntg-comment-list .area-reply-wrap .bar-left {
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline-block;
    overflow: hidden;
    width: 4px;
    height: 100%;
    -webkit-transition: all 0.1s ease 0s;
            transition: all 0.1s ease 0s;
}

.ntg-area-community .ntg-item-topiccomment .ntg-comment-list .area-reply-wrap .bar-left .gray {
    width: 100%;
    height: 100%;
    background: #ccc;
}

.ntg-area-community .ntg-item-topiccomment .ntg-comment-list .area-reply-wrap .area-reply-inner {
    display: block;
    margin-bottom: 20px;
    padding-left: 20px;
    box-sizing: border-box;
}

.ntg-area-community .ntg-item-topiccomment .ntg-comment-list .area-reply-wrap .area-reply-inner > li {
    position: relative;
    margin-top: 15px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #ccc;
}

.ntg-area-community .ntg-item-topiccomment .ntg-comment-list .area-reply-wrap .area-reply-inner > li:first-child {
    margin-top: 0;
}

.ntg-area-community .ntg-item-topiccomment .ntg-comment-list .area-reply-wrap .area-reply-inner .pic-profile {
    width: 26px;
}

.ntg-area-community .ntg-item-topiccomment .ntg-comment-list .area-reply-wrap .area-reply-inner .box-comment {
    margin-left: 45px;
}

.ntg-area-community .ntg-item-topiccomment .ntg-comment-list .area-reply-wrap .area-reply-inner .box-comment ul[class^='area-function'] li {
    border: none;
}

.ntg-area-community .ntg-item-editcomment .ttl-community-head span {
    background-position: 0 -469px;
}

.ntg-area-community .ntg-item-editcomment li {
    margin-left: 20px;
    list-style: disc;
}

.ntg-area-community .ntg-item-memberrequest .ntg-member-requestlist > li {
    overflow: hidden;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #ccc;
}

.ntg-area-community .ntg-item-memberrequest .box-prof {
    float: left;
    width: 270px;
}

.ntg-area-community .ntg-item-memberrequest .box-prof input {
    position: absolute;
    float: left;
    margin-top: 20px;
    margin-right: 8px;
}

.ntg-area-community .ntg-item-memberrequest .box-prof a {
    display: block;
    margin-left: 14px;
    padding: 5px;
}

.ntg-area-community .ntg-item-memberrequest .box-prof a:hover {
    position: relative;
    top: 1px;
    background: #edf0f1;
}

.ntg-area-community .ntg-item-memberrequest .box-prof img {
    float: left;
    width: 50px;
    margin-right: 8px;
    border: 1px solid #dee2ef;
}

.ntg-area-community .ntg-item-memberrequest .box-prof p {
    display: table-cell;
    width: 170px;
    height: 50px;
    vertical-align: middle;
    font-size: 14px;
}

.ntg-area-community .ntg-item-memberrequest .box-prof p span {
    width: 80px;
}

.ntg-area-community .ntg-item-memberrequest .box-request {
    float: right;
    width: 450px;
}

.ntg-area-community .ntg-item-memberrequest .box-request ul {
    display: table-cell;
    height: 60px;
    vertical-align: middle;
}

.ntg-area-community .ntg-item-memberrequest .box-request li {
    float: left;
    margin: 0 5px;
    text-align: center;
    font-size: 14px;
}

.ntg-area-community .ntg-item-memberrequest .box-request .dismissal, .ntg-area-community .ntg-item-memberrequest .box-request .request {
    display: block;
    width: 200px;
    border: 1px solid #b8c2cb;
    background: #fffefc;
    background: -webkit-linear-gradient(top, #fffefc 0%, #e9eef2 100%);
    background:         linear-gradient(to bottom, #fffefc 0%, #e9eef2 100%);
    text-align: center;
}

.ntg-area-community .ntg-item-memberrequest .box-request .dismissal:hover, .ntg-area-community .ntg-item-memberrequest .box-request .request:hover {
    background: #e9eef2;
}

.ntg-area-community .ntg-item-memberrequest .box-request .dismissal a, .ntg-area-community .ntg-item-memberrequest .box-request .request a {
    display: block;
    padding: 8px 0;
}

.ntg-area-community .ntg-item-memberrequest .box-request .dismissal span {
    padding-left: 15px;
    background: url(https://p.dmm.co.jp/p/netgame/community/ico_community.png) no-repeat 0 -637px;
}

.ntg-area-community .ntg-item-memberrequest .box-request .request span {
    padding-left: 18px;
    background: url(https://p.dmm.co.jp/p/netgame/community/ico_community.png) no-repeat 0 -697px;
}

.ntg-area-community .ntg-item-memberrequest .box-request .request-in {
    display: block;
    width: 200px;
    margin-bottom: 3px;
    padding: 8px 0;
    border: 1px solid #b8c2cb;
    background: #f7f8fa;
    text-align: center;
}

.ntg-area-community .ntg-item-memberrequest .box-request .request-cancel {
    padding-left: 15px;
    background: url(https://p.dmm.co.jp/p/netgame/community/ico_community.png) no-repeat 0 -637px;
    font-size: 12px;
}

.ntg-area-community .ntg-infolist-tab {
    margin-right: 16px;
    margin-left: 16px;
}

.ntg-area-community .ntg-infolist-tab ul {
    overflow: hidden;
    width: 674px;
}

.ntg-area-community .ntg-infolist-tab li {
    float: left;
    width: 223px;
    border: 1px solid #bdc1c4;
    border-left: none;
}

.ntg-area-community .ntg-infolist-tab li a {
    display: block;
    padding: 12px 0;
    background: #fffefc;
    background: -webkit-linear-gradient(top, #fffefc 0%, #e9eef2 100%);
    background:         linear-gradient(to bottom, #fffefc 0%, #e9eef2 100%);
    text-align: center;
}

.ntg-area-community .ntg-infolist-tab li a:hover {
    background: #f5f7f8;
}

.ntg-area-community .ntg-infolist-tab li:first-child {
    border-left: 1px solid #bdc1c4;
}

.ntg-area-community .ntg-infolist-tab li.on a {
    background: #e0e5e7;
}

.ntg-area-community .ntg-item-infolist {
    margin-right: 16px;
    margin-left: 16px;
}

.ntg-area-community .ntg-item-infolist > p {
    text-align: center;
}

.ntg-area-community .ntg-community-infolist {
    margin-bottom: 5px;
}

.ntg-area-community .ntg-community-infolist li {
    overflow: hidden;
    padding: 12px;
    border-bottom: 1px dotted #bbb;
    background: #f5f7f8;
}

.ntg-area-community .ntg-community-infolist li img {
    float: left;
    width: 50px;
    border: 1px solid #ccc;
}

.ntg-area-community .ntg-community-infolist li p {
    margin-left: 60px;
}

.ntg-area-community .ntg-community-infolist li span.time {
    display: block;
    float: left;
    font-size: 10px;
}

.ntg-area-community .ntg-community-infolist li span.reply {
    display: block;
    float: right;
    font-weight: bold;
    font-size: 12px;
}

.ntg-area-community .ntg-community-infolist li span.reply span {
    padding-left: 18px;
    background: url(https://p.dmm.co.jp/p/netgame/community/ico_community.png) no-repeat 0 -697px;
}

.ntg-area-community .ntg-community-infolist li.unread {
    background: #fff;
}

.ntg-area-community .ntg-community-infolist li:first-child {
    border-top: 1px dotted #bbb;
}

.ntg-area-community .ntg-item-friendlist li {
    position: relative;
}

.ntg-area-community .ntg-item-friendlist li [class^='ico-'] {
    position: absolute;
    top: 66px;
    left: 11px;
    width: 70px;
    margin-left: 0 !important;
    border-radius: 0 0 5px 5px;
}

.ntg-area-community .ntg-item-friendlist li input {
    margin-right: 3px;
}

.ntg-area-community .ntg-item-category {
    padding: 10px;
    background: #f5f7f8;
}

.ntg-area-community .ntg-item-category .ntg-ttl-item {
    font-weight: bold;
    font-size: 12px;
}

.ntg-area-community .ntg-item-category .box-category {
    padding: 10px;
    background: #fff;
    line-height: 18px;
}

.ntg-area-community .ntg-item-category .box-category h4 {
    font-weight: bold;
}

.ntg-area-community .ntg-item-category .box-category h4 a {
    color: #333;
}

.ntg-area-community .ntg-item-category .box-category ul {
    overflow: hidden;
    margin-bottom: 10px;
}

.ntg-area-community .ntg-item-category .box-category li {
    float: left;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px dotted #ccc;
}

.ntg-area-community .ntg-item-info {
    padding: 5px 5px 0;
    background: #f2f2f2;
}

.ntg-area-community .ntg-item-info dl {
    margin-bottom: 5px;
    padding: 16px;
    border: 1px solid #ccc;
    background: #fff;
}

.ntg-area-community .ntg-item-info dt {
    margin-bottom: 6px;
    padding-bottom: 6px;
    border-bottom: 1px dotted #ccc;
    font-weight: bold;
    font-size: 12px;
}

.ntg-area-community .ntg-item-info ul {
    margin-bottom: 5px;
    padding: 10px;
    border: 1px solid #ccc;
    background: #fff;
}

.ntg-area-community .ntg-item-community-link {
    padding-bottom: 3px;
}

.ntg-area-community .ntg-item-community-link .item-community-half {
    float: left;
    width: 235px;
    margin-left: 10px;
}

.ntg-area-community .ntg-item-community-link .item-community-half:first-child {
    margin-left: 0;
}

.ntg-area-community .ntg-item-community-link .item-community-half .intro {
    padding-left: 0;
    border-left: none;
}

.ntg-area-community .ntg-item-community-link .ttl-community-head span {
    background-position: 0 -190px;
}

.ntg-area-community .ntg-item-community-link .btn-community-link {
    margin-top: 10px;
    text-align: center;
}

.ntg-area-community .ntg-tab li {
    width: 234px;
    border-left: 1px solid #bcc3c7;
}

.ntg-area-community .ntg-tab li a {
    border: none;
}

.ntg-area-community .ntg-tab li:first-child {
    border: none;
}

.ntg-area-community .ntg-table ul li {
    margin-left: 20px;
    list-style-type: disc;
}

.ntg-area-community .ntg-list-checkbox .ttl {
    margin-left: 96px;
}

.ntg-area-community .ntg-list-checkbox li.manager .ttl {
    margin-left: 82px;
}

.ntg-area-community .community-none {
    padding: 20px 0;
    background: #f5f7f8;
    text-align: center;
    font-size: 14px;
}

.ntg-area-community .btn-more a {
    display: block;
    width: 300px;
    margin: 0 auto;
    padding: 8px 0;
    border: 1px solid #b8c2cb;
    background: #fffefc;
    background: -webkit-linear-gradient(top, #fffefc 0%, #e9eef2 100%);
    background:         linear-gradient(to bottom, #fffefc 0%, #e9eef2 100%);
    color: #373c40;
    text-align: center;
    font-size: 14px;
}

.ntg-area-community .btn-more a:hover {
    position: relative;
    top: 1px;
    background: #e9eef2;
}

.ntg-area-community .btn-more span {
    padding-left: 20px;
    background: url(https://p.dmm.co.jp/p/netgame/community/ico_community.png) no-repeat 0 -227px;
}

.ntg-area-community [class^='ico-'] {
    display: block;
    color: #fff;
    text-align: center;
    font-size: 10px;
}

.ntg-area-community [class^='ico-'].is-small {
    display: inline-block;
    padding: 0 10px;
}

.ntg-area-community [class^='ico-'][class*='official'] {
    background: #ffb354;
}

.ntg-area-community [class^='ico-'][class*='manager'] {
    background: #ff62b3;
}

.ntg-area-community [class^='ico-'][class*='submanager'] {
    background: #02c2ff;
}

.ntg-area-community [class^='ico-'][class*='friend'] {
    background: #7bd703;
}

.ntg-area-community [class^='ico-'][class*='private'] {
    background: #666;
}

.ntg-area-community .badge {
    position: relative;
    top: -1px;
    margin-left: 6px;
    padding: 1px 6px;
    border-radius: 10px;
    background: #c00;
    color: #fff;
    font-weight: bold;
    font-size: 10px;
    line-height: 1;
}

.ntg-area-community .badge .plus {
    font-size: 11px;
    line-height: 16px;
}

.ntg-area-community .comment-popup {
    position: fixed;
    bottom: -110px;
    left: 0;
    z-index: 100;
    display: none;
    width: 725px;
    height: 90px;
    border: 2px solid #d6d8d9;
    border-radius: 10px 10px 0 0;
    background: #f5f7f8;
    background: rgba(245, 247, 248, 0.7);
    -webkit-transition: all 0.2s cubic-bezier(0.27, 0.78, 0.76, 1.23) 0s;
            transition: all 0.2s cubic-bezier(0.27, 0.78, 0.76, 1.23) 0s;
}

.ntg-area-community .comment-popup > ul > li {
    display: inline-block;
    vertical-align: middle;
}

.ntg-area-community .comment-popup .bt-frame {
    margin: 20px 80px 20px 250px;
}

.ntg-area-community .comment-popup .link-area {
    width: 180px;
}

.ntg-area-community .comment-popup .link-area ul li {
    vertical-align: middle;
}

.ntg-area-community .comment-popup.on {
    bottom: -20px;
}

#w .ntg-area-community .ntg-sect-community-side .ntg-item-communityinfo [class^='d-btn'][class*='-xhi'] > * {
    width: 178px;
}

#w .ntg-area-community .ntg-sect-community-side .ntg-item-communityinfo [class^='d-btn'] > * {
    width: 182px;
}

#w .ntg-area-community [class^='btn-edit'] {
    display: block;
    float: right;
    padding: 0;
    border: 1px solid #ffa05a;
    border-radius: 5px;
    background: #ff8c01;
    background: -webkit-linear-gradient(top, #ffb70d 0%, #ff8c01 100%);
    background:         linear-gradient(to bottom, #ffb70d 0%, #ff8c01 100%);
    text-shadow: #e97f00 1px 1px 1px;
    font-weight: bold;
    font-size: 12px;
}

#w .ntg-area-community [class^='btn-edit']:hover {
    position: relative;
    top: 1px;
    border: 1px solid #ff6c00;
    background: #f38500;
}

#w .ntg-area-community [class^='btn-edit'] a {
    display: block;
    padding: 1px 8px;
    padding-left: 30px;
    background: url(https://p.dmm.co.jp/p/netgame/community/ico_community.png) no-repeat 8px -317px;
    color: #fff;
    text-decoration: none;
}

#w .ntg-area-community [class^='btn-edit'][class*='-topic'].is-disable {
    border: #ccc;
    background: #ccc;
    text-shadow: none;
}

#w .ntg-area-community [class^='btn-edit'][class*='-topic'].is-disable:hover {
    top: 0;
}

#w .ntg-area-community [class^='btn-edit'][class*='-topic'].is-disable:hover a {
    cursor: default;
}

#w .ntg-area-community [class^='btn-edit'][class*='-topic'] a {
    padding-left: 25px;
    background-position: 8px -355px;
}

#w .ntg-area-community .ntg-item-community-link .btn-community-link [class^='d-btn'] > * {
    width: 200px;
}

.page-community .ntg-sect-top .ntg-item-category {
    margin-right: 16px;
    margin-left: 16px;
}

.page-community .comment-window {
    position: fixed;
    left: 0;
    z-index: 510;
    display: none;
    overflow: hidden;
    width: 590px;
    margin: 0 auto;
    border: 2px solid #474c50;
    background: #fff;
    box-shadow: 0 2px 10px 5px rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
}

.page-community .comment-window .bar-title {
    display: block;
    padding: 3px 0;
    background: #474c50;
    color: #fff;
    font-size: 14px;
}

.page-community .comment-window .bar-title .bt-close {
    position: absolute;
    top: 2px;
    right: 4px;
    display: block;
    width: 23px;
    height: 23px;
    background: url(https://p.dmm.co.jp/p/netgame/common/bt/bt_ntgpop_close.png) center center no-repeat;
    cursor: pointer;
}

.page-community .comment-window .main-frame {
    padding: 0 15px 10px;
}

.page-community .comment-window .main-frame .ttl-subwindow-head {
    padding: 5px 7px;
    color: #353d51;
    text-align: left;
    font-weight: bold;
    font-size: 14px;
}

.page-community .comment-window .main-frame .ttl-subwindow-head span {
    padding: 2px 0 2px 24px;
    background-image: url(https://p.dmm.co.jp/p/netgame/community/ico_community.png);
    background-position: 0 -188px;
    background-repeat: no-repeat;
}

.page-community .comment-window .main-frame .tx-nonmember {
    margin-bottom: 6px;
    color: #c00;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
}

.page-community .comment-window .main-frame input.nojoin {
    font-size: 14px !important;
}

.page-community .comment-window .main-frame input.nojoin02 {
    font-size: 12px !important;
}

.page-community .comment-window .main-frame .annotation {
    overflow: hidden;
    margin-top: 20px;
    text-align: left;
    font-size: 11px;
    line-height: 1.6;
}

.page-community .comment-window .main-frame .annotation a {
    display: inline-block;
    float: right;
    margin-top: 2px;
    text-align: right;
}

.page-community .comment-window .main-frame .annotation a.is-inherit {
    float: inherit;
}

.ntg-inputfile {
    position: relative;
    margin-bottom: 6px;
    padding-top: 6px;
    border-top: 1px dotted #ccc;
}

.ntg-inputfile:first-child {
    border-top: none;
}

.ntg-inputfile [class^='ntg-inputfile-button'] {
    position: relative;
    display: inline-block;
    overflow: hidden;
    border-width: 1px;
    border-style: solid;
    border-color: #bbb #999 #888;
    border-radius: 2px;
    background-color: #d2d2d2;
    background-image: url(https://p.dmm.co.jp/p/common/bt/bg_bt.gif);
    background-position: 0 center;
    background-repeat: no-repeat;
    vertical-align: middle;
}

.ntg-inputfile [class^='ntg-inputfile-button']:hover {
    position: relative;
    top: 1px;
    border-color: #aaa #999 #bbb;
    background-position: -280px center;
    text-decoration: none;
}

.ntg-inputfile [class^='ntg-inputfile-button'] > span {
    display: inline-block;
    width: 110px;
    padding: 2px 3px 3px 12px;
    border-width: 1px;
    border-style: solid;
    border-color: #fff #fff #f0f0f0;
    border-radius: 1px;
    background-color: transparent !important;
    background-image: url(https://p.dmm.co.jp/p/common/bt/bg_bt_arrow.png);
    background-position: 6px center;
    background-repeat: no-repeat;
    color: #333;
    text-align: center;
    word-break: normal !important;
    font-weight: bold !important;
    font-size: 12px;
    font-family: '�ᥤ�ꥪ', Meiryo, '�ͣ� �Х����å�', 'Hiragino Kaku Gothic Pro', '�ҥ饮�νǥ� Pro W3', sans-serif;
    line-height: 12px;
}

.ntg-inputfile [class^='ntg-inputfile-button']:hover > span {
    color: #636363;
    text-decoration: none;
}

.ntg-inputfile [class^='ntg-inputfile-button'] input[type='file'] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    font-size: 110px;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    cursor: pointer;
}

.ntg-inputfile .ntg-inputfile-about {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    margin-top: 6px;
    padding: 6px;
    background: #edeff2;
    font-size: 12px;

    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
}

.ntg-inputfile .ntg-inputfile-name {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.ntg-inputfile .ntg-inputfile-clear {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 6px;
    border-radius: 3px;
    background: url('https://p.dmm.co.jp/p/netgame/common/ico/ico_dustbox.png') #e9eef2 center no-repeat;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
    line-height: 20px;
    cursor: pointer;
}

.ntg-inputfile .ntg-inputfile-clear:hover {
    background-color: #fff;
}

.box-comment-pic {
    margin-top: 6px;
    margin-right: 6px;
}

.box-comment-pic img {
    max-width: 100%;
    max-height: 600px;
    width: auto;
    margin-bottom: 6px;
    vertical-align: top;
}

/*
project - external.scss
----------------------------------------*/
/* ===== [ �����������ѥե�����ѡ��� ] */
.area-addresform-lp {
    padding-top: 20px;
}

.af-headline {
    padding-bottom: 2px;
    padding-left: 4px;
    border-bottom: 2px #303030 solid;
    vertical-align: bottom;
    font-weight: normal;
    font-size: 20px;
}

.af-headline span {
    float: right;
    vertical-align: bottom;
    font-size: 15px;
}

.addresform.ntg-contents {
    width: 900px;
    margin: 0 auto 0;
    padding: 20px 0 35px;
    border-radius: 10px;
    background: #fff;
    box-shadow: #ccc 0 0 10px;
}

.ntg-contents .addresform.d-area {
    width: 80%;
    margin: 0 auto;
}

.addresform.headline {
    overflow: hidden;
}

.addresform.headline .title {
    float: left;
    font-weight: normal;
    font-size: 20px;
}

.addresform.headline .campaign-name {
    float: right;
    font-size: 14px;
}

.addresform.area-btn li {
    display: inline-block;
    margin: 0 30px;
}

.addresform.area-check label {
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
}

.addresform.area-check input {
    margin-right: 0.5em;
    vertical-align: middle;
}

.addresform.area-check span {
    vertical-align: middle;
}

.contine-attention p {
    color: black;
    text-align: left;
    font-size: 13px;
    line-height: 24px;
}

.contine-attention .article {
    display: block;
    clear: both;
    overflow: hidden;
    width: 808px;
    margin: 20px auto 20px auto;
    padding-top: 20px;
    background-color: white;
    box-shadow: inset 0 0 0 1px #ff8400;
}

.contine-attention #sect-terms {
    height: 550px;
    margin-bottom: 20px;
    padding: 0 20px 0;
}

.contine-attention .terms-inner {
    overflow: auto;
    height: 560px;
    padding-right: 20px;
}

.contine-attention .mainttl {
    display: block;
    width: auto;
    margin: 30px 0 20px 0;
    padding: 10px 0 5px 20px;
    background-color: #ff8400;
    color: white;
    text-align: left;
    font-weight: bold;
    font-size: 22px;
}

.contine-attention .tx-terms span {
    font-weight: bold;
}

/*
project - failuer_report.scss
----------------------------------------*/
/* ===== page-failure-report */
.page-failure-report .failuer-caption {
    color: #353d51;
    font-weight: bold;
    font-size: 24px;
}

.page-failure-report .failuer-legend {
    font-size: 14px;
}

.page-failure-report .failuer-list.is-old .failuer-item {
    margin-bottom: 0;
    border-top: none;
}

.page-failure-report .failuer-list.is-old .failuer-item:first-child {
    border-top: 1px solid #eee;
}

.page-failure-report .failuer-list.is-old .failuer-genre {
    float: left;
}

.page-failure-report .failuer-list.is-old .failuer-title {
    overflow: hidden;
    margin-top: 2px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
}

.page-failure-report .failuer-item {
    position: relative;
    border: 1px solid #eee;
    border-top: none;
}

.page-failure-report .failuer-item:first-child {
    border-top: 1px solid #eee;
}

.page-failure-report .failuer-item .failuer-item-inner {
    display: block;
    padding: 20px;
}

.page-failure-report .failuer-item a {
    color: #000;
    -webkit-transition: all 0.3s;
            transition: all 0.3s;
}

.page-failure-report .failuer-item a:hover {
    background: #f2f2f2;
}

.page-failure-report .title-group {
    position: relative;
    overflow: hidden;
}

.page-failure-report .title-group.is-row {
    padding-right: 120px;
}

.page-failure-report .title-group.is-row .failuer-date {
    display: inline-block;
    margin-top: 0;
    vertical-align: middle;
}

.page-failure-report .title-group.is-row .failuer-genre {
    display: inline-block;
    vertical-align: middle;
}

.page-failure-report .failuer-date {
    position: absolute;
    top: 0;
    right: 0;
    color: #666;
}

.page-failure-report .failuer-genre {
    display: inline-block;
    min-width: 7em;
    margin-right: 12px;
    padding: 2px 4px;
    border-radius: 5px;
    text-align: center;
    font-size: 12px;
}

.page-failure-report .failuer-genre.is-maintenance {
    background-color: #fff083;
}

.page-failure-report .failuer-genre.is-failuer {
    background-color: #ffd0c7;
}

.page-failure-report .failuer-title {
    overflow: hidden;
    margin-top: 6px;
    word-break: break-all;
    font-weight: bold;
    font-size: 16px;
}

.page-failure-report .failuer-contents {
    margin-top: 12px;
    font-size: 14px;
}

.page-failure-report .failuer-message {
    margin-bottom: 20px;
    padding: 20px;
    background: #f2f2f2;
    text-align: center;
    font-weight: bold;
}

.page-failure-report .failuer-message.is-error {
    padding: 60px 20px;
    background: #fff;
}

/*
project - friend.scss
----------------------------------------*/
.ntg-item-gamenews {
    margin-bottom: 14px;
}

/* ===== page-profile */
.page-profile .ntg-item-gamenews {
    padding: 5px;
    background: #f2f2f2;
}

.page-profile .ntg-item-gamenews > a:hover img {
    opacity: 0.7;
}

.page-profile .ntg-item-gamenews-inner {
    display: table;
    border: 1px solid #ccc;
    background: #fff;
}

.page-profile .capt-gamenews {
    display: table-cell;
    width: 66px;
    padding: 6px 10px;
    border-right: 1px solid #ccc;
    background: #fafafa;
    vertical-align: middle;
    text-align: center;
}

.page-profile .capt-gamenews p {
    font-size: 14px;
}

.page-profile .capt-gamenews a {
    display: inline-block;
    margin-top: 6px;
    padding: 4px 16px;
    border-radius: 3px;
    background: #666;
    color: #fff;
    font-size: 12px;
}

.page-profile .capt-gamenews a:hover {
    position: relative;
    top: 1px;
    text-decoration: none;
    opacity: 0.7;
}

.page-profile .list-gamenews {
    display: table-cell;
    padding: 8px 10px;
    vertical-align: middle;
    text-align: left;
}

.page-profile .list-gamenews li {
    margin-top: 3px;
}

.page-profile .list-gamenews li:first-child {
    margin-top: 0;
}

.page-profile .list-gamenews .date, .page-profile .list-gamenews .tx-gamenews, .page-profile .list-gamenews .tx-gametitle {
    display: inline-block;
    vertical-align: middle;
}

.page-profile .list-gamenews .date {
    width: 48px;
    margin-right: 10px;
    color: #e10000;
    font-size: 11px;
}

.page-profile .list-gamenews .tx-gamenews {
    display: inline-block;
    overflow: hidden;
    width: 398px;
    margin-right: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.page-profile .list-gamenews .tx-gametitle {
    overflow: hidden;
    width: 140px;
    color: #666;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11px;
}

/* ===== page-friendsearch  */
.page-friendsearch .ntg-area-friendsearch th {
    width: 150px;
    padding: 12px 6px;
}

.page-friendsearch .ntg-area-friendsearch td {
    width: 215px;
    white-space: nowrap;
}

.page-friendsearch .ntg-area-friendsearch label {
    padding-right: 6px;
}

.page-friendsearch .ntg-area-friendsearch p {
    text-align: center;
}

.page-friendsearch .ntg-area-friendsearch .ttl-friendlist-head {
    margin-bottom: 10px;
    padding: 5px 7px;
    border-bottom: 1px dotted #bfbfbf;
    background: #f5f7f8;
    color: #353d51;
    text-align: left;
    font-weight: bold;
    font-size: 14px;
}

.page-friendsearch .ntg-area-friendsearch .ttl-friendlist-head span {
    padding: 2px 0 2px 24px;
    background-image: url(https://p.dmm.co.jp/p/netgame/community/ico_community.png);
    background-position: 0 -276px;
    background-repeat: no-repeat;
}

#w .page-friendsearch input[type='text'].d-modform-3 {
    width: 3em;
}

#w .page-friendsearch input[type='text'].d-modform-15 {
    width: 15em;
}

/* ===== page-friendrequest */
.page-friendrequest .ntg-area-friendrequest .d-sect {
    border: 10px solid #f2f2f2;
}

.page-friendrequest .ntg-item-pagenation {
    margin-right: 16px;
    margin-left: 16px;
}

.page-friendrequest .ntg-item-friendlist {
    width: auto;
    margin-right: 16px;
    margin-left: 16px;
}

.page-friendrequest .tx-nomsg {
    padding: 102px 0 20px;
    background: url(https://p.dmm.co.jp/p/netgame/common/bg/bg_nomsg.jpg) center 20px no-repeat;
    text-align: center;
    font-size: 14px;
}

.page-friendrequest .bx-expfri {
    height: 200px;
    margin-top: 20px;
    border: 1px solid #ccc;
    background: #eee url(https://p.dmm.co.jp/p/netgame/common/bg/bg_frisearch.jpg) left bottom no-repeat;
    text-align: left;
}

.page-friendrequest .bx-expfri p {
    margin-left: 240px;
}

.page-friendrequest .bx-expfri .capt {
    margin-top: 12px;
    margin-bottom: 12px;
    font-weight: bold;
    font-size: 32px;
    font-family: '�ҥ饮�γѥ� Pro W3', 'Hiragino Kaku Gothic Pro', '�ᥤ�ꥪ', Meiryo, Osaka, '�ͣ� �Х����å�', 'MS PGothic', sans-serif;
}

.page-friendrequest .bx-expfri .bx-btn {
    margin-right: 20px;
    padding: 12px 0;
    background: #fff;
    text-align: center;
}

/*
project - info.scss
----------------------------------------*/
/* ===== ntg-item-info */
.page-info .ntg-item-info {
    padding: 10px 10px 0;
    background: #f2f2f2;
}

.page-info dl {
    margin-bottom: 10px;
    padding: 16px;
    border: 1px solid #ccc;
    background: #fff;
}

.page-info dt {
    margin-bottom: 6px;
    padding-bottom: 6px;
    border-bottom: 1px dotted #ccc;
    font-weight: bold;
    font-size: 16px;
}

.page-info .message {
    margin-bottom: 10px;
    padding: 50px 30px;
    border: 1px solid #ccc;
    background: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}

/*
project - mailgetpoint.scss
----------------------------------------*/
.page-mailgetpoint .ntg-item-mailgetpoint {
    padding: 20px;
    background: #f2f2f2;
}

.page-mailgetpoint .box-totalpoint {
    overflow: hidden;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    background: #fff;
}

.page-mailgetpoint .box-totalpoint dt, .page-mailgetpoint .box-totalpoint dd {
    float: left;
    width: 50%;
    text-align: center;
}

.page-mailgetpoint .box-totalpoint dt {
    padding: 20px 0;
    background: #404849;
    color: #fff;
    font-size: 18px;
}

.page-mailgetpoint .box-totalpoint dd {
    padding: 4px 0;
    color: #e00;
    font-weight: bold;
    font-size: 24px;
}

.page-mailgetpoint .box-totalpoint dd span {
    display: block;
    margin-top: 3px;
    color: #666;
    font-weight: normal;
    font-size: 13px;
}

.page-mailgetpoint h3 {
    margin-bottom: 6px;
    font-size: 16px;
}

.page-mailgetpoint .list-pointcampaign {
    border: 1px solid #ccc;
    background: #fff;
    font-size: 14px;
}

.page-mailgetpoint .list-pointcampaign li {
    overflow: hidden;
    border-bottom: 1px solid #eaeaea;
}

.page-mailgetpoint .list-pointcampaign p {
    float: left;
    padding: 16px;
    box-sizing: border-box;
}

.page-mailgetpoint .list-pointcampaign .tx-title {
    width: 55%;
    text-align: left;
}

.page-mailgetpoint .list-pointcampaign .tx-point {
    width: 25%;
    text-align: right;
    font-size: 16px;
}

.page-mailgetpoint .list-pointcampaign .tx-limit {
    width: 20%;
    color: #666;
    text-align: center;
    font-size: 12px;
}

.page-mailgetpoint .list-pointcampaign .tx-error {
    width: 45%;
    color: #e00;
    text-align: center;
}

.page-mailgetpoint .tx-mailgetpoint-error {
    padding: 20px;
    text-align: center;
    font-size: 16px;
}

/*
project - message.scss
----------------------------------------*/
.page-message .bx-getpoint {
    position: relative;
    border: 1px rgba(0, 0, 0, 0.2) solid;
    border-bottom: 1px rgba(0, 0, 0, 0.3) solid;
    border-radius: 4px;
    background: #ffae00;
    background: -webkit-linear-gradient(#fff21b 0%, #ffae00 100%);
    background: -webkit-linear-gradient(bottom, #ffae00 0%, #fff21b 100%);
    background:         linear-gradient(to top, #ffae00 0%, #fff21b 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #ffae00), color-stop(100%, #fff21b));
    background:     -ms-linear-gradient(top, #fff21b 0%, #ffae00 100%);
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
    color: #707070;
    text-align: center;
            text-shadow: 1px 1px rgba(255, 255, 255, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff21b', endColorstr='#ffae00', GradientType=0 );

    -webkit-text-shadow: 1px 1px rgba(255, 255, 255, 0.5);
}

.page-message .bx-getpoint p:first-child {
    position: relative;
    display: table;
    width: 100%;
    height: 44px;
}

.page-message .bx-getpoint p:first-child em {
    display: table-cell;
    padding: 4px;
    vertical-align: middle;
    font-weight: bold;
    font-style: normal;
    font-size: 14px;
    line-height: 1.2;
}

.page-message .bx-getpoint p:first-child a {
    color: #000;
    font-size: 16px;
}

.page-message .bx-getpoint p:first-child + p {
    padding: 12px;
    border-top: 1px #ccc solid;
    box-shadow: inset 0 1px 0 #fff;
}

.page-message [class^='msg-btn'] {
    border: none;
    background: none;
}

.page-message [class^='msg-btn'] > * {
    display: inline-block;
    padding: 6px 8px 7px 30px;
    border: none;
    border-radius: 2px;
    background-color: #fff;
    background-image: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_ntgvarious.png);
    background-repeat: no-repeat;
    color: #005fc0;
    text-align: center;
    word-break: normal !important;
    line-height: 1;
}

.page-message [class^='msg-btn'] > input {
    white-space: nowrap;
    cursor: pointer !important;
}

.page-message [class^='msg-btn']:hover > * {
    background-color: #c10000;
    color: #fff;
    text-decoration: underline;
}

.page-message [class^='msg-btn'][class*='-ban'] {
    margin-right: 6px;
    padding-right: 6px;
    border-right: #ccc 1px solid;
}

.page-message [class^='msg-btn'][class*='-ban'] > * {
    background-position: 6px -264px;
}

.page-message [class^='msg-btn'][class*='-ban']:hover > * {
    background-position: 6px -294px;
}

.page-message [class^='msg-btn'][class*='-report'] {
    margin-right: 6px;
    padding-right: 6px;
    border-right: #ccc 1px solid;
}

.page-message [class^='msg-btn'][class*='-report'] > * {
    background-position: 6px -327px;
}

.page-message [class^='msg-btn'][class*='-report']:hover > * {
    background-position: 6px -357px;
}

.page-message [class^='msg-btn'][class*='-delete'] > * {
    background-position: 6px -205px;
}

.page-message [class^='msg-btn'][class*='-delete']:hover > * {
    background-position: 6px -235px;
}

.page-message .box-select-message {
    clear: both;
    overflow: hidden;
    padding: 0 6px 6px 0;
    border-bottom: 1px solid #999;
}

.page-message .box-select-message p input[type='checkbox'] {
    margin-right: 12px;
    cursor: pointer;
}

.page-message .box-select-message .tx-sort {
    margin-bottom: 6px;
}

.page-message .box-select-message .tx-sort a, .page-message .box-select-message .tx-sort b {
    font-size: 13px;
}

.page-message .box-select-message .tx-select-all {
    float: left;
}

.page-message .box-select-message .tx-select-all label {
    display: block;
    padding: 3px 6px;
    cursor: pointer;
}

.page-message .box-select-message .tx-action {
    float: right;
}

.page-message .box-select-message input[type='submit'] {
    cursor: pointer;
}

.page-message .box-list-head {
    position: relative;
    clear: both;
    height: 1.4em;
    padding: 12px 0;
    border-bottom: 1px solid #ccc;
}

.page-message .box-list-head > div {
    margin-left: 30px;
}

.page-message .box-list-head input[type='checkbox'] {
    position: absolute;
    top: 15px;
    left: 6px;
    cursor: pointer;
}

.page-message .box-list-head > label {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 42px;
    cursor: pointer;
}

.page-message .box-list-head p {
    float: left;
}

.page-message .box-list-head .tx-matter {
    width: 37%;
}

.page-message .box-list-head .tx-title {
    width: 25%;
}

.page-message .box-list-head .tx-name {
    width: 25%;
}

.page-message .box-list-head .fn-slidedown {
    position: relative;
    padding-right: 30px;
    white-space: nowrap;
    cursor: pointer;
}

.page-message .box-list-head .fn-slidedown:after {
    position: absolute;
    top: -5px;
    right: 0;
    display: block;
    width: 25px;
    height: 25px;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_squarearrow.png) left center no-repeat;
    content: '';
}

.page-message .box-list-head .fn-slidedown:hover:after, .page-message .box-list-head .fn-slidedown.on:after {
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_squarearrow.png) right center no-repeat;
}

.page-message .box-list-head .bx-sortselect {
    position: absolute;
    top: 20px;
    left: 0;
    z-index: 1;
    display: none;
    border: 1px solid #ccc;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.page-message .box-list-head .bx-sortselect a {
    display: block;
    padding: 10px 16px;
    white-space: nowrap;
}

.page-message .box-list-head .bx-sortselect a:hover {
    background: #f5f5f5;
}

.page-message .box-list-head .fn-slidedown.on .bx-sortselect {
    display: block;
}

.page-message #list-message li {
    position: relative;
    border-bottom: 1px dotted #ccc;
    background: #f5f5f5;
}

.page-message #list-message li input {
    position: absolute;
    top: 12px;
    left: 6px;
}

.page-message #list-message li a {
    display: block;
    overflow: hidden;
    padding: 12px 0;
    text-decoration: none;
}

.page-message #list-message li a span {
    float: left;
}

.page-message #list-message li a:hover .tx-matter {
    text-decoration: underline;
}

.page-message #list-message li p {
    margin-left: 30px;
}

.page-message #list-message li label {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 30px;
    height: 42px;
    cursor: pointer;
}

.page-message #list-message li input {
    top: 15px;
    cursor: pointer;
}

.page-message #list-message li.unread {
    border-color: #fff #fff #ccc;
    background: #fff;
    font-weight: bold;
}

.page-message #list-message li:hover {
    background: #eaecf1;
}

.page-message #list-message li.on {
    background: #ffc;
}

.page-message #list-message span {
    white-space: nowrap;
}

.page-message #list-message .tx-title, .page-message #list-message .tx-name, .page-message #list-message .tx-date {
    color: #333;
}

.page-message #list-message .tx-matter {
    width: 37%;
}

.page-message #list-message .tx-name {
    width: 25%;
}

.page-message #list-message .tx-title {
    width: 25%;
}

.page-message #list-message li.unread .tx-matter {
    color: inherit;
}

.page-message #list-message p.bd-b.pd-b6.right {
    overflow: hidden;
}

.page-message #list-message .tx-nomsg {
    margin-bottom: 11px;
    padding: 102px 0 20px;
    border: 10px solid #f2f2f2;
    background: url(https://p.dmm.co.jp/p/netgame/common/bg/bg_nomsg.jpg) center 20px no-repeat;
    text-align: center;
    font-size: 14px;
}

.page-message .page-link {
    overflow: hidden;
    padding: 6px;
    border-bottom: 1px solid #ccc;
    background: #f2f2f2;
}

.page-message .page-link p {
    float: left;
    line-height: 26px;
}

.page-message .page-link ul {
    float: right;
}

.page-message .page-link li {
    float: left;
    overflow: hidden;
}

.page-message .page-link .msg-next, .page-message .page-link .msg-prev {
    display: block;
    width: 20px;
    height: 20px;
    padding: 3px;
    background: #fff;
}

.page-message .page-link .msg-next:hover, .page-message .page-link .msg-prev:hover {
    position: relative;
    top: 1px;
    background: #ccc;
}

.page-message .bx-reply .ntg-ttl-remessage {
    margin-bottom: 12px;
    padding: 6px 0 6px 33px;
    background: url(https://p.dmm.co.jp/p/netgame/profile/ico_profile.png) 8px -100px no-repeat #f5f7f8;
    text-align: left;
    font-weight: bold;
    font-size: 14px;
}

.page-message #message .pic-prof {
    border: 1px solid #ccc;
}

.page-message #message .bx-reply {
    border-radius: 3px;
}

.page-message #message .bx-reply table {
    width: 100%;
}

.page-message #message .bx-reply textarea {
    width: 98%;
}

.page-message #message .message-inner p {
    margin-left: 140px;
    padding-bottom: 6px;
}

.page-message #message .ntg-bt-message {
    margin-bottom: 20px;
    border-bottom: 1px dashed #ccc;
    text-align: right;
}

.page-message #message .ntg-tx-message {
    margin-bottom: 12px;
}

.page-message #message .tx-original {
    display: block;
    margin-top: 12px;
    color: #999;
}

/*
project - mobilelist.scss
----------------------------------------*/
.page-mobilelist .ntg-inner {
    padding-bottom: 0;
}

.page-mobilelist #contents-ntg {
    width: 725px;
    margin: 0 0 0 20px;
}

.page-mobilelist .ntg-area-mobilelist {
    position: relative;
    margin-bottom: 0;
}

.page-mobilelist .ntg-item-pagenation .ntg-list-boxpagenation {
    float: left;
    width: auto;
}

.page-mobilelist .ntg-item-pagenation .area-sort {
    float: left;
    width: auto;
    border-top: none;
}

.page-mobilelist .ntg-item-pagenation.pos-btm .ntg-list-boxpagenation {
    width: 100%;
}

.page-mobilelist .ntg-item-mobilelist ul {
    width: 100% !important;
    margin: 0 -3px;
}

.page-mobilelist .ntg-item-mobilelist li {
    position: relative;
    float: left;
    min-height: inherit;
    width: 33.3%;
    margin-bottom: 20px;
    padding: 0 3px;
    box-sizing: border-box;
}

.page-mobilelist .ntg-item-mobilelist li > a {
    display: block;
    padding: 0;
}

.page-mobilelist .ntg-item-mobilelist li > a:first-child:before {
    position: absolute;
    top: 5px;
    left: 5px;
    display: block;
    width: 82px;
    height: 82px;
    border-radius: 10px;
    background: #fff;
    content: '';
}

.page-mobilelist .ntg-item-mobilelist li a > img {
    position: relative;
    float: left;
    width: 80px;
    height: 80px;
    margin-right: 6px;
    border: 1px solid #999;
    border-radius: 10px;
}

.page-mobilelist .ntg-item-mobilelist li > div {
    overflow: hidden;
    margin-top: 3px;
}

.page-mobilelist .ntg-item-mobilelist li > div.is-height-fixed {
    height: 60px;
}

.page-mobilelist .ntg-item-mobilelist .ntg-tx-mobilelist {
    display: block;
    margin: 2px 0 3px;
    color: #666;
    white-space: inherit;
    word-break: break-all;
    font-size: 10px;
}

.page-mobilelist .ntg-item-mobilelist .ntg-tx-mobilelist img {
    width: 12px;
    height: 12px;
}

.page-mobilelist .ntg-item-mobilelist .ntg-tx-mobilelist.is-lineheight-small {
    overflow: hidden;
    height: 2.8em;
    margin: 0 0 5px 1px;
}

.page-mobilelist .ntg-item-mobilelist .ntg-ttl-mobilelist {
    display: block;
    overflow: hidden;
    height: 38px;
    margin: 0;
    word-break: break-all;
    font-size: 13px;
}

.page-mobilelist .ntg-item-mobilelist li[class^='rank']:after {
    position: absolute;
    top: -2px;
    left: 89px;
    z-index: 9;
    display: block;
    width: 60px;
    height: 60px;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_ranking002.png) left top no-repeat;
    content: '';
}

.page-mobilelist .ntg-item-mobilelist li[class^='rank'] .ntg-ttl-mobilelist {
    min-height: 38px;
    margin: 0 0 3px 125px;
    font-size: 12px;
}

.page-mobilelist .ntg-item-mobilelist li.rank-1:after {
    background-position: -10px -80px;
}

.page-mobilelist .ntg-item-mobilelist li.rank-2:after {
    background-position: -70px -80px;
}

.page-mobilelist .ntg-item-mobilelist li.rank-3:after {
    background-position: -130px -80px;
}

.page-mobilelist .ntg-item-mobilelist li.rank-4:after {
    background-position: -190px -80px;
}

.page-mobilelist .ntg-item-mobilelist li.rank-5:after {
    background-position: -250px -80px;
}

.page-mobilelist .ntg-item-mobilelist li.rank-6:after {
    background-position: -310px -80px;
}

.page-mobilelist .ntg-item-mobilelist li.rank-7:after {
    background-position: -370px -80px;
}

.page-mobilelist .ntg-item-mobilelist li.rank-8:after {
    background-position: -430px -80px;
}

.page-mobilelist .ntg-item-mobilelist li.rank-9:after {
    background-position: -490px -80px;
}

.page-mobilelist .ntg-item-mobilelist li.rank-10:after {
    background-position: -550px -80px;
}

.page-mobilelist .ntg-item-mobilelist li.rank-11:after {
    background-position: -610px -80px;
}

.page-mobilelist .ntg-item-mobilelist li.rank-12:after {
    background-position: -670px -80px;
}

.page-mobilelist .ntg-item-mobilelist li.rank-13:after {
    background-position: -730px -80px;
}

.page-mobilelist .ntg-item-mobilelist li.rank-14:after {
    background-position: -790px -80px;
}

.page-mobilelist .ntg-item-mobilelist [class^='ntg-tx-genre'] {
    display: inline-block;
    height: auto;
    padding: 0;
    color: #69d;
    font-weight: bold;
    font-size: 11px;
}

.page-mobilelist .ntg-item-mobilelist [class^='ntg-tx-genre'].is-border {
    display: inline-block;
    padding: 3px 6px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #fff;
    color: #000;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.4em;
    -webkit-transition: all 0.1s ease-out;
            transition: all 0.1s ease-out;
}

.page-mobilelist .ntg-item-mobilelist [class^='ntg-tx-genre'].is-border span {
    display: block;
    overflow: hidden;
    max-width: 125px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.page-mobilelist .ntg-item-mobilelist [class^='ntg-tx-genre'].is-border:hover {
    background: #ddd;
    text-decoration: none;
}

.page-mobilelist .ntg-item-mobilelist [class^='ntg-tx-genre']:hover {
    background: none;
    text-decoration: underline;
}

.page-mobilelist .ntg-item-mobilelist .ntg-tx-tag {
    position: relative;
    display: inline-block;
    height: auto;
    padding: 2px 0 0 20px;
    color: #777;
    font-size: 11px;
}

.page-mobilelist .ntg-item-mobilelist .ntg-tx-tag.is-border {
    position: static;
    display: inline-block;
    margin-bottom: 3px;
    padding: 3px 6px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #fff;
    color: #000;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.4em;
    -webkit-transition: all 0.1s ease-out;
            transition: all 0.1s ease-out;
}

.page-mobilelist .ntg-item-mobilelist .ntg-tx-tag.is-border span {
    display: block;
    overflow: hidden;
    max-width: 125px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.page-mobilelist .ntg-item-mobilelist .ntg-tx-tag.is-border:hover {
    background: #ddd;
    text-decoration: none;
}

.page-mobilelist .ntg-item-mobilelist .ntg-tx-tag.is-border:before {
    background: none;
}

.page-mobilelist .ntg-item-mobilelist .ntg-tx-tag:hover {
    background: none;
    text-decoration: underline;
}

.page-mobilelist .ntg-item-mobilelist .ntg-tx-tag:before {
    position: absolute;
    top: 5px;
    left: 5px;
    display: block;
    width: 10px;
    height: 10px;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_tag.png) left top no-repeat;
    content: '';
}

/*
project - pachinko.scss
----------------------------------------*/
/* ===== �ǥ��꡼�ѥ��� �ե����� */
#ntg-side .daily-pachinko {
    display: block;
    margin-top: 20px;
    -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
}

#ntg-side .daily-pachinko:hover {
    position: relative;
    top: 1px;
    opacity: 0.7;
}

.area-sms-pachinko {
    padding-top: 30px;
}

.area-sms-pachinko .box-sms-pachinko {
    z-index: 11;
    width: 650px;
    height: 425px;
    margin: 0 auto 20px;
    padding: 20px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    text-align: center;
}

.box-sms-pachinko p {
    margin: 18px 12px;
    font-size: 16px;
}

.area-sms-pachinko .ntg-bt-sms {
    display: block;
    margin-top: 30px;
}

.box-sms-pachinko .ntg-bt-sms:hover {
    position: relative;
    top: 1px;
    opacity: 0.7;
}

.sect-performance {
    position: relative;
    float: left;
    width: 595px;
    height: 650px;
}

.sect-performance canvas {
    background: url(https://p.dmm.co.jp/p/netgame/pachinko/performance/loading.gif) no-repeat center center;
}

.txarea-pachi {
    position: absolute;
    top: 270px;
    left: -10px;
    z-index: 100;
    display: none;
    width: 100%;
    height: 250px;
    background-position: center 68px;
    background-repeat: no-repeat;
    text-align: center;
}

.txarea-pachi .tx-pachi {
    color: #000;
    font-size: 22px;
}

.txarea-already {
    position: absolute;
    top: 190px;
    left: -10px;
    z-index: 100;
    display: none;
    width: 100%;
    height: 320px;
    background-position: center 148px;
    background-repeat: no-repeat;
    text-align: center;
}

.txarea-already .tx-already {
    color: #000;
    font-size: 18px;
}

/*
project - pclist.scss
----------------------------------------*/
.page-pclist .ntg-inner {
    padding-bottom: 0;
}

.page-pclist #contents-ntg {
    width: 725px;
    margin: 0 0 0 20px;
}

.page-pclist .ntg-item-pagenation .ntg-list-boxpagenation {
    float: left;
    width: auto;
}

.page-pclist .ntg-item-pagenation .area-sort {
    float: left;
    width: auto;
    border-top: none;
}

.page-pclist .ntg-item-pagenation.pos-btm .ntg-list-boxpagenation {
    width: 100%;
}

.page-pclist .ntg-area-pclist {
    margin-bottom: 0;
    /* ranking�������� */
}

.page-pclist .ntg-area-pclist li[class^='rank']:after {
    position: absolute;
    top: -7px;
    left: -3px;
    z-index: 9;
    display: block;
    width: 60px;
    height: 60px;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_ranking002.png) left top no-repeat;
    content: '';
}

.page-pclist .ntg-area-pclist li.rank-1:after {
    background-position: -10px -80px;
}

.page-pclist .ntg-area-pclist li.rank-2:after {
    background-position: -70px -80px;
}

.page-pclist .ntg-area-pclist li.rank-3:after {
    background-position: -130px -80px;
}

.page-pclist .ntg-area-pclist li.rank-4:after {
    background-position: -190px -80px;
}

.page-pclist .ntg-area-pclist li.rank-5:after {
    background-position: -250px -80px;
}

.page-pclist .ntg-area-pclist li.rank-6:after {
    background-position: -310px -80px;
}

.page-pclist .ntg-area-pclist li.rank-7:after {
    background-position: -370px -80px;
}

.page-pclist .ntg-area-pclist li.rank-8:after {
    background-position: -430px -80px;
}

.page-pclist .ntg-area-pclist li.rank-9:after {
    background-position: -490px -80px;
}

.page-pclist .ntg-area-pclist li.rank-10:after {
    background-position: -550px -80px;
}

.page-pclist .ntg-area-pclist li.rank-11:after {
    background-position: -610px -80px;
}

.page-pclist .ntg-area-pclist li.rank-12:after {
    background-position: -670px -80px;
}

.page-pclist .ntg-area-pclist li.rank-13:after {
    background-position: -730px -80px;
}

.page-pclist .ntg-area-pclist li.rank-14:after {
    background-position: -790px -80px;
}

.page-pclist .ntg-item-pclist {
    margin-bottom: 10px;
}

.page-pclist .ntg-item-pclist .capt-pclist {
    margin-bottom: 8px;
    padding: 20px 0 0 16px;
    border-top: solid 1px #bbb;
    background: url(https://p.dmm.co.jp/p/common/ico_arrow.gif) left 26px no-repeat;
    font-size: 16px;
}

.page-pclist .ntg-item-pclist .capt-pclist:first-child {
    padding-top: 0;
    border-top: none;
    background-position: left 6px;
}

.page-pclist .ntg-item-pclist ul {
    width: 740px !important;
    margin-left: 0;
}

.page-pclist iframe {
    margin: 0 auto 20px;
}

/* ===== �ǥХ������إ�� */
.page-mobilelist .ntg-area-mobilelist .link-change-device {
    position: absolute;
    top: 2px;
    right: 0;
}

/*
project - pointbuy.scss
----------------------------------------*/
.d-boxexp {
    width: 75%;
    margin: 0 auto;
    font-size: 13px;
}

/*
project - profile.scss
----------------------------------------*/
#w .ntg-item-communitylist, #w .ntg-item-friendlist {
    margin-bottom: 11px;
}

#w .ntg-item-communitylist ul, #w .ntg-item-friendlist ul {
    overflow: hidden;
    margin-bottom: 6px;
}

.page-profile {
    /* ===== bx-has-pager */
}

.page-profile .d-capt {
    position: relative;
}

.page-profile .ntg-headline .ntg-category-official {
    position: absolute;
    top: 8px;
    right: 0;
    padding: 7px;
    line-height: 10px;
}

.page-profile #profile {
    margin-bottom: 30px;
    padding: 20px 20px 1px;
    border: 1px solid #e2e2e2;
    background: #f5f7f8;
    font-size: 13px;
    line-height: 1.6;
}

.page-profile #profile .profile-inner {
    overflow: hidden;
}

.page-profile #profile .bx-avator {
    float: left;
    text-align: center;
    font-size: 12px;
}

.page-profile #profile .bx-avator.is-official {
    overflow: hidden;
    width: 150px;
    height: 150px;
}

.page-profile #profile .bx-avator.is-official img {
    width: 100%;
    height: auto;
}

.page-profile #profile .bx-profile {
    float: left;
    width: 542px;
    margin-left: 20px;
}

.page-profile #profile .box-officialInfo {
    margin-left: 170px;
}

.page-profile #profile .box-officialInfo:after {
    display: table;
    clear: both;
    content: '';
}

.page-profile #profile .box-officialInfo .info {
    float: left;
}

.page-profile #profile .box-bt-profile {
    overflow: hidden;
    margin-top: 12px;
    padding: 16px 0 1px;
    border-top: 1px solid #e2e2e2;
    box-shadow: 0 1px 0 #fff inset;
}

.page-profile #profile .box-bt-profile.is-official {
    display: block;
    width: 100%;
    text-align: center;
}

.page-profile #profile .box-bt-profile.is-official .bt-gamejoin {
    display: inline-block;
    margin: 0;
    padding: 7px;
    border: 1px solid;
    border-color: #deb372 #ce9c4b #c1882e;
    border-radius: 3px;
    background-color: #fcdc80;
    background-image: -webkit-linear-gradient(top, #fde5a0 0%, #fcdc80 50%, #ffc01e 100%);
    background-image:         linear-gradient(to bottom, #fde5a0 0%, #fcdc80 50%, #ffc01e 100%);
    background-position: 0 100%;
    background-size: auto 200%;
    box-shadow: inset 0 1px 0 #fff1d1;
    color: #333;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    font-family: inherit;
    line-height: 1.5;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fde5a0', endColorstr='#ffc01e',GradientType=0 );
    cursor: pointer;
    box-sizing: border-box;
    -webkit-transition: background-position 0.1s ease-out;
            transition: background-position 0.1s ease-out;
}

.page-profile #profile .box-bt-profile.is-official .bt-gamejoin:hover {
    position: relative;
    top: 1px;
    border-color: #d7d7d7 #c4c4c4 #b5b5b5;
    background-position: 0 0;
    text-decoration: none;
}

.page-profile #profile .pic-prof {
    display: block;
    margin-bottom: 8px;
    border: none;
}

.page-profile #profile .tx-userintro {
    margin: 0 0 15px 0;
}

.page-profile #profile form {
    margin-top: 16px;
    padding: 16px;
    border: 1px solid #e2e2e2;
    background: #fff;
    text-align: center;
}

.page-profile #profile form .d-btn-la-xhi-st:last-child {
    position: relative;
}

.page-profile #profile table {
    width: 100%;
    margin-left: 0;
}

.page-profile #profile td, .page-profile #profile th {
    padding: 6px 10px;
}

.page-profile #profile th {
    width: 25%;
    border-top: 1px solid #fff;
    border-right: none;
    background: #dde4e7;
    white-space: nowrap;
    font-size: 11px;
}

.page-profile #profile tr:first-child th {
    border-top: none;
}

.page-profile #profile td {
    border-top: 1px solid #dde4e7;
    background: #fff;
}

.page-profile #profile tr:first-child td {
    border-top: none;
}

.page-profile #profile textarea {
    min-height: 140px;
}

.page-profile .area-message {
    overflow: hidden;
    padding-bottom: 1px;
}

.page-profile .area-message p {
    margin-left: 0;
    text-align: left;
}

.page-profile .area-message p:first-child {
    margin-bottom: 8px;
    padding: 0 0 6px 0;
    border-bottom: 1px dashed #999;
    font-weight: bold;
    font-size: 16px;
}

.page-profile .area-message a:hover {
    text-decoration: none;
}

.page-profile .area-message .box-send {
    width: 380px;
}

.page-profile .area-message [class^='bt-'] {
    position: relative;
    display: block;
    width: 140px;
    margin-bottom: 10px;
    padding: 9px 0 9px 30px;
    box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.7);
    color: #333;
    font-weight: bold;
    font-size: 14px;
    -webkit-transition: background 0.3s ease;
            transition: background 0.3s ease;
}

.page-profile .area-message [class^='bt-']:hover {
    top: 1px;
}

.page-profile .area-message [class^='bt-']:after {
    position: absolute;
    top: 3px;
    left: 30px;
    display: block;
    width: 30px;
    height: 30px;
    background: url(https://p.dmm.co.jp/p/netgame/profile/ico_profile.png) 0 0 no-repeat;
    content: '';
}

.page-profile .area-message .bt-consent {
    border: 1px solid #ffb300;
    background: #ffdc2a;
}

.page-profile .area-message .bt-reject {
    border: 1px solid #e2e2e2;
    background: #f5f7f8;
}

.page-profile .area-message .bt-consent:hover {
    background: #ffdf00;
}

.page-profile .area-message .bt-reject:hover {
    background: #fafafa;
}

.page-profile .area-message .bt-consent:after {
    background-position: 0 -140px;
}

.page-profile .area-message .bt-reject:after {
    background-position: 0 -200px;
}

.page-profile .area-message .d-btn span {
    width: 114px;
}

.page-profile #profile .box-receive {
    float: left;
    width: 320px;
}

.page-profile #profile .box-button {
    float: right;
}

.page-profile .ntg-capt-pclist, .page-profile .ntg-capt-community, .page-profile .ntg-capt-friend {
    margin-bottom: 10px;
    padding: 5px 7px;
    border-bottom: 1px dotted #bfbfbf;
    background: url(https://p.dmm.co.jp/p/netgame/profile/ico_profile.png) left 0 no-repeat #f5f7f8;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.5;
}

.page-profile .ntg-capt-pclist {
    padding-left: 35px;
    background-position: 6px -66px;
}

.page-profile .ntg-capt-community {
    padding-left: 35px;
    background-position: 6px -32px;
}

.page-profile .ntg-capt-friend {
    padding-left: 35px;
    background-position: 6px 7px;
}

.page-profile #bx-edit {
    text-align: center;
}

.page-profile #avater-view {
    padding: 14px;
    border-radius: 3px;
    background: #f5f7f8;
    text-align: center;
}

.page-profile #avater-view img {
    border: 1px solid #ccc;
}

.page-profile #avater-view .btn-change {
    position: relative;
    display: block;
    overflow: hidden;
    width: 110px;
    height: 23px;
    margin: 0 auto 5px;
    border-width: 1px;
    border-style: solid;
    border-color: #bbb #999 #888;
    border-radius: 3px;
    background-color: #d2d2d2;
    background-image: url(https://p.dmm.co.jp/p/common/bt/bg_bt.gif);
    background-position: 0 center;
    background-repeat: no-repeat;
}

.page-profile #avater-view .btn-change span {
    color: #333;
    font-weight: bold;
    line-height: 23px;
}

.page-profile #avater-view .btn-change:hover {
    border-color: #aaa #999 #bbb;
    background-position: -280px center;
    text-decoration: none;
}

.page-profile .avater-choice {
    position: relative;
    width: 508px;
    height: 204px;
    margin: 0 0 0 195px;
}

.page-profile .avater-choice #carousel {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.page-profile .avater-choice ul {
    list-style-type: none;
}

.page-profile .avater-choice li {
    float: left;
    width: 122px;
    height: 100%;
    margin: 0 2px 3px 3px;
    text-align: center;
}

.page-profile .avater-choice img {
    position: relative;
    width: 108px;
    height: 171px;
    border: 1px solid #ccc;
}

.page-profile .avater-choice a {
    position: relative;
    display: block;
    padding: 6px;
    background: #f5f7f8;
    text-decoration: none;
    font-size: 12px;
}

.page-profile .avater-choice a:before {
    position: absolute;
    top: 6px;
    left: 7px;
    display: block;
    width: 108px;
    height: 171px;
    background: #fff;
    content: '';
}

.page-profile .avater-choice a:hover {
    position: relative;
    top: 1px;
    background: #eaecf1;
}

.page-profile .avater-choice a:hover img {
    opacity: 0.7;
}

.page-profile .avater-choice #prev, .page-profile .avater-choice #next {
    position: absolute;
    top: 0;
    width: 20px;
    height: 100%;
}

.page-profile .avater-choice .show {
    cursor: pointer;
}

.page-profile .avater-choice #prev {
    left: -25px;
    background: url(https://p.dmm.co.jp/p/common/ico/arrow_slideprev.png) no-repeat 50% 50%;
}

.page-profile .avater-choice #prev.hide {
    background: url(https://p.dmm.co.jp/p/common/ico/arrow_slideprev_off.png) no-repeat 50% 50%;
}

.page-profile .avater-choice #next {
    right: -28px;
    background: url(https://p.dmm.co.jp/p/common/ico/arrow_slidenext.png) no-repeat 50% 50%;
}

.page-profile .avater-choice #next.hide {
    background: url(https://p.dmm.co.jp/p/common/ico/arrow_slidenext_off.png) no-repeat 50% 50%;
}

.page-profile .avatar-change {
    display: block;
    margin: 20px 0 20px 0;
    padding: 0 0 0 250px;
}

.page-profile .change-btn {
    display: block;
    margin: 30px 0 30px 0;
    text-align: center;
}

.page-profile .avatar-img-wrap {
    display: table-cell;
    width: 200px;
    height: 200px;
    margin: 0 0 10px 300px;
    padding: 6px 6px 10px;
    background: #f5f7f8;
    vertical-align: middle;
    text-align: center;
    box-sizing: border-box;
}

.page-profile .avatar-img-wrap img {
    max-width: 189px;
    margin-bottom: 10px;
    cursor: pointer;
}

.page-profile #avater-list {
    overflow: hidden;
    margin: 0 auto 12px;
}

.page-profile #avater-list li {
    float: left;
    width: 32%;
    margin: 0 3px 3px 0;
    vertical-align: top;
    text-align: center;
}

.page-profile #avater-list .pic-avater {
    display: block;
    width: 200px;
    height: 200px;
    margin: 0 auto 5px;
    padding: 3px 3px 6px;
    background: #f5f7f8;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
}

.page-profile #avater-list .pic-avater .pic-avatar-inner {
    display: table-cell;
    overflow: hidden;
    width: 200px;
    height: 200px;
    vertical-align: middle;
}

.page-profile #avater-list .pic-avater img {
    max-width: 189px;
    margin-top: 6px;
    cursor: pointer;
}

.page-profile #avater-list .pic-avater span {
    display: block;
}

.page-profile #avater-list .none-avater {
    height: 35px;
    margin-bottom: 20px;
    padding: 10px 0;
    border-radius: 2px 2px 0 0;
    background: #dde2e6;
    color: #666;
    font-weight: bold;
    font-size: 12px;
}

.page-profile #avater-list .choice-avater {
    height: 131px;
    padding-top: 15px;
}

.page-profile #avater-list .btn-avater {
    position: relative;
    overflow: hidden;
    width: 110px;
    height: 23px;
    margin: 0 auto 5px;
    border-width: 1px;
    border-style: solid;
    border-color: #bbb #999 #888;
    border-radius: 3px;
    background-color: #d2d2d2;
    background-image: url(https://p.dmm.co.jp/p/common/bt/bg_bt.gif);
    background-position: 0 center;
    background-repeat: no-repeat;
}

.page-profile #avater-list .btn-avater span {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 0;
    display: block;
    width: 110px;
    height: 17px;
    margin: -23px auto 0;
    padding: 3px 0;
    font-weight: bold;
    font-size: 12px;
}

.page-profile #avater-list .btn-avater:hover {
    border-color: #aaa #999 #bbb;
    background-position: -280px center;
    text-decoration: none;
}

.page-profile #avater-list .file_choice {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    height: 23px;
    font-size: 32px;
    opacity: 0;
    -ms-filter: 'alpha( opacity=0 )';
        filter: alpha(opacity=0);
    cursor: pointer;
}

.page-profile #avater-list .input_fileupload {
    width: 110px;
    margin-bottom: 20px;
    padding: 5px 0;
    border: 1px solid #ccc;
    background: #fff;
    color: #c00;
    text-align: center;
    font-size: 10px;
}

.page-profile #avater-list .regist-btn a {
    position: relative;
    display: block;
    overflow: hidden;
    width: 110px;
    margin: 0 auto;
    border-width: 1px;
    border-style: solid;
    border-color: #bbb #999 #888;
    border-radius: 3px;
    background-color: #ffc949;
    background-image: url(https://p.dmm.co.jp/p/common/bt/bg_bt_st.gif);
    background-position: 0 center;
    background-repeat: no-repeat;
    color: #000;
    font-weight: bold;
    font-size: 14px;
}

.page-profile #avater-list .regist-btn a:hover {
    border-color: #aaa #999 #bbb;
    background-position: -280px center;
    text-decoration: none;
}

.page-profile #avater-list .regist-btn span {
    display: inline-block;
    padding: 3px 3px 3px 15px;
    background-color: transparent !important;
    background-image: url(https://p.dmm.co.jp/p/common/bt/bg_bt_arrow.png);
    background-position: -279px center;
    background-repeat: no-repeat;
    color: #000;
    text-align: center;
    word-break: normal !important;
}

.page-profile .bt-edit-profile {
    display: block;
    float: right;
    margin-top: 4px;
    padding: 6px 8px;
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    background: #f5f7f8;
    box-shadow: 1px 1px 0 #fff inset;
}

.page-profile .box-bt-profile {
    overflow: hidden;
    margin-top: 12px;
    padding: 16px 0 0;
    border-top: 1px solid #e2e2e2;
    box-shadow: 0 1px 0 #fff inset;
}

.page-profile .bt-profile-main {
    float: left;
    overflow: hidden;
    padding-bottom: 1px;
}

.page-profile .bt-profile-main li {
    float: left;
}

.page-profile .bt-profile-main [class^='bt-'] {
    position: relative;
    display: block;
    overflow: hidden;
    width: 145px;
    margin-right: 8px;
    padding: 10px 0 10px 25px;
    border: 1px solid #ffc024;
    background: #ffdc2a;
    box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.7);
    color: #333;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    -webkit-transition: background 0.3s ease;
            transition: background 0.3s ease;
}

.page-profile .bt-profile-main a[class^='bt-']:hover {
    top: 1px;
    background: #ffdf00;
    text-decoration: none;
}

.page-profile .bt-profile-main [class^='bt-']:after {
    position: absolute;
    top: 4px;
    left: 12px;
    display: block;
    width: 30px;
    height: 30px;
    background: url(https://p.dmm.co.jp/p/netgame/profile/ico_profile.png) 0 -140px no-repeat;
    content: '';
}

.page-profile .bt-profile-main span.bt-addfriend {
    border: 1px solid #e2e2e2;
    background: #f2f2f2;
    color: #ccc;
}

.page-profile .bt-profile-main span.bt-addfriend:after {
    background-position: -60px -140px;
}

.page-profile .bt-profile-main span.bt-addtalk:after {
    background-position: 0 -170px;
}

.page-profile .bt-profile-sub {
    float: right;
    overflow: hidden;
    height: 40px;
    line-height: 40px;
}

.page-profile .bt-profile-sub li {
    display: inline-block;
    margin-left: 8px;
    font-size: 12px;
}

.page-profile .disp-checkgame {
    margin-bottom: 22px;
    font-size: 12px;
}

.page-profile .ntg-area-slidergame .ntg-wrap-slidergame .bx-has-pager {
    top: -37px;
    right: 13px;
}

.page-profile .fn-select-pic {
    position: relative;
    z-index: 1;
}

.page-profile .fn-select-pic:hover {
    opacity: 0.9;
}

.page-profile .fn-select-pic.is-on {
    outline: 2px solid #03e203;
}

.mg-l170 {
    margin-left: 170px;
}

/*
project - questionnaire.scss
----------------------------------------*/
#main-ntg.page-questionnaire {
    padding-top: 20px;
}

.area-questionnaire {
    max-width: 960px;
    margin: 0 auto;
    padding-bottom: 20px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.questionnaire-head {
    width: 960px;
    height: 200px;
    margin-bottom: 20px;
}

.questionnaire-intro h2 {
    font-size: 24px;
}

.questionnaire-intro p {
    width: 550px;
    margin: 0 auto 30px;
    padding: 30px;
    background: #f2f2f2;
    color: #666;
    text-align: left;
    font-size: 14px;
    line-height: 1.6;
}

.questionnaire-outro h2 {
    margin-bottom: 20px;
    font-size: 24px;
}

.questionnaire-outro p {
    width: 550px;
    margin: 0 auto 30px;
    padding: 30px;
    background: #f2f2f2;
    color: #666;
    text-align: left;
    font-size: 14px;
    line-height: 1.6;
}

.questionnaire-main {
    text-align: left;
    word-break: break-all;
}

.questionnaire-main h3 {
    position: relative;
    padding: 12px 20px 12px 60px;
    background: #d2d2d2;
    counter-increment: question;
    font-size: 16px;
}

.questionnaire-main h3 span {
    vertical-align: middle;
}

.questionnaire-main h3 .required, .questionnaire-main h3 .multiple {
    display: inline-block;
    margin: 0 6px 0 0;
    padding: 1px 5px;
    border-radius: 3px;
    color: #fff;
    font-size: 11px;
}

.questionnaire-main h3 .required {
    background-color: #e10000;
}

.questionnaire-main h3 .multiple {
    background-color: #01579b;
}

.questionnaire-main h3:before {
    position: absolute;
    top: 10px;
    left: 20px;
    margin: 0 8px 0 0;
    padding: 5px;
    border-radius: 50px;
    background: #555;
    color: #fff;
    content: 'Q' counter(question);
    font-size: 14px;
}

.questionnaire-main .ntg-tx-error {
    margin: 0 20px 20px;
}

.questionnaire-main .questionnaire-ttl {
    margin: 0 20px 20px;
}

.questionnaire-main .questionnaire-ttl h2 {
    margin-bottom: 3px;
    font-size: 24px;
}

.questionnaire-main .questionnaire-ttl p {
    color: #666;
    font-size: 16px;
}

.questionnaire-main .questionnaire-tx-confirm {
    margin: 0 20px 20px;
    padding-top: 20px;
    border-top: 1px dashed #999;
    color: #666;
    text-align: center;
    font-size: 16px;
}

.questionnaire-main .questionnaire-item {
    margin-bottom: 10px;
    padding: 20px 60px;
    font-size: 16px;
}

.questionnaire-main .questionnaire-item span {
    vertical-align: middle;
}

.questionnaire-main .questionnaire-item label {
    margin-right: 8px;
}

.questionnaire-main .questionnaire-item input[type='radio'], .questionnaire-main .questionnaire-item input[type='checkbox'] {
    margin-right: 3px;
    vertical-align: middle;
}

.questionnaire-main .questionnaire-item textarea {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    box-sizing: border-box;
}

.questionnaire-main .questionnaire-item select {
    padding: 5px;
    font-size: 16px;
}

.questionnaire-main .questionnaire-box-button {
    text-align: center;
}

/*
project - phonenumber.scss
----------------------------------------*/
/* ===== �����ֹ�ǧ�� */
.page-phonenumber {
    padding: 20px 0;
}

.page-phonenumber .green {
    color: #33ac13;
}

.page-phonenumber h2 {
    padding: 12px 20px;
    background: #404849;
    color: #fff;
    font-size: 18px;
}

.page-phonenumber .bt-phonenumber {
    display: block;
    width: 400px;
    height: 60px;
    margin: 20px auto;
    background: #66c130;
    background: -moz-linear-gradient(#8bd654, #66c130);
    background: -webkit-gradient(linear, left top, left bottom, from(#8bd654), to(#66c130));
    color: #fff;
    text-decoration: none;
    text-shadow: 0 -2px 0 rgba(0, 0, 0, 0.2);
    letter-spacing: 1px;
    font-size: 22px;
    line-height: 60px;
}

.page-phonenumber .bt-phonenumber:hover {
    position: relative;
    top: 1px;
    background: #7cce3b;
    background: -moz-linear-gradient(#a2de65, #7cce3b);
    background: -webkit-gradient(linear, left top, left bottom, from(#a2de65), to(#7cce3b));
}

.page-phonenumber .bg-ntginner {
    max-width: 700px;
    padding: 0;
}

.page-phonenumber .ntg-inner {
    width: 700px;
}

.page-phonenumber .d-area {
    margin-bottom: 0;
    padding-bottom: 20px;
    background: url('https://p.dmm.co.jp/p/netgame/common/bg/bg_phonenumber.png') left 40px no-repeat;
}

.page-phonenumber .d-sect {
    margin: 0 20px;
    text-align: center;
    font-size: 16px;
    line-height: 1.7;
}

/*
project - regist.scss
----------------------------------------*/
.page-register#myreg .regist-headline {
    width: 100%;
    padding: 6px 0;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    background: url(https://p.dmm.co.jp/p/wallet/bg_title.gif) repeat-x scroll center top transparent;
    text-align: left;
    font-weight: bold;
    font-size: 16px;
}

.page-register#myreg .step {
    margin: 15px 0;
}

.page-register#myreg .paragraph .profile-table {
    width: 90%;
    margin: 0 auto;
    border: none;
    border-spacing: 2px;
    border-collapse: separate;
}

.page-register#myreg .paragraph .profile-table th {
    width: 25%;
    padding: 5px;
    background: #e6e6e6;
}

.page-register#myreg .paragraph .profile-table td {
    width: 75%;
    padding: 5px;
    background: #f6f6f6;
}

.page-register#myreg .paragraph .bt-random-name {
    display: inline-block;
    min-width: 120px;
    height: auto;
    margin: 10px 0 10px 10px;
    padding: 0.5em 1em;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-top-color: rgba(0, 0, 0, 0.1);
    border-bottom-color: rgba(0, 0, 0, 0.4);
    border-radius: 4px;
    background: -webkit-linear-gradient(bottom, #2580ff 0%, #4794ff 100%);
    background:         linear-gradient(to top, #2580ff 0%, #4794ff 100%);
    background-color: #2580ff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(255, 255, 255, 0.8) inset;
    color: rgba(0, 0, 0, 0.8);
    color: #fff;
    text-align: center;
    text-shadow: -1px -1px rgba(0, 0, 0, 0.3);
    font-weight: bold;
    font-size: 13px;
    line-height: 1;
    cursor: pointer;
    box-sizing: border-box;
}

.page-register#myreg .paragraph .bt-random-name:hover {
    position: relative;
    top: 1px;
    background: -webkit-linear-gradient(bottom, #4d98ff 0%, #529bff 100%);
    background:         linear-gradient(to top, #4d98ff 0%, #529bff 100%);
}

.page-register#myreg .verisign-box {
    width: 80%;
    margin: 0 auto;
    text-align: left;
}

.page-register#myreg .verisign-box .info {
    overflow: hidden;
    padding: 12px 12px;
    border: 1px #bbb solid;
    font-size: 10px;
}

.page-register#myreg .verisign-box .info .info-item:after {
    display: table;
    clear: both;
    content: '';
}

.page-register#myreg .verisign-box .info .sample-thumb {
    float: left;
    margin-right: 20px;
    text-align: center;
}

.page-register#myreg .verisign-box .info img {
    margin-bottom: 7px;
    border: solid 1px #ccc;
}

.page-register#myreg .verisign-box .info .mailmagaginesample {
    display: block;
}

.page-register#myreg .verisign-box .info p {
    margin: 6px 0;
    line-height: 1.4em;
}

.page-register#myreg .verisign-box .info input {
    vertical-align: middle;
}

.regist-fancybox-overlay#fancybox-overlay {
    min-width: 1020px;
}

.regist-fancybox-wrap#fancybox-wrap {
    margin-top: 30px;
    padding: 0 0 10px 0;
    border-radius: 0 0 5px 5px;
    background: #fff;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5);
}

.regist-fancybox-wrap #fancybox-content {
    overflow-y: scroll;
    border-radius: 0 0 5px 5px;
}

.regist-fancybox-wrap #fancybox-img {
    height: auto;
}

.regist-fancybox-wrap #fancybox-title {
    top: -44px;
    left: auto !important;
    width: 100%;
    height: 44px;
    padding: 12px 0 0 20px;
    border-radius: 5px 5px 0 0;
    background: #2f3335;
    box-sizing: border-box;
}

.regist-fancybox-wrap #fancybox-title-float-main {
    background: none;
    font-weight: normal;
    font-size: 16px;
    line-height: 25px;
}

.regist-fancybox-wrap #fancybox-title-float-left, .regist-fancybox-wrap #fancybox-title-float-right {
    padding-left: 0;
    background: none;
}

.regist-fancybox-wrap #fancybox-bg-n, .regist-fancybox-wrap #fancybox-bg-ne, .regist-fancybox-wrap #fancybox-bg-e, .regist-fancybox-wrap #fancybox-bg-se, .regist-fancybox-wrap #fancybox-bg-s, .regist-fancybox-wrap #fancybox-bg-sw, .regist-fancybox-wrap #fancybox-bg-w, .regist-fancybox-wrap #fancybox-bg-nw {
    background: none;
}

.regist-fancybox-wrap #fancybox-close {
    position: absolute;
    top: -35px;
    right: 10px;
    display: block;
    width: 23px;
    height: 23px;
    background: url(https://p.dmm.co.jp/p/netgame/common/bt/bt_ntgpop_close.png) center center no-repeat;
    cursor: pointer;
}

/*
project - serial.scss
----------------------------------------*/
#main-ntg.page-serial {
    padding: 20px 0;
}

.page-serial h2 {
    padding: 12px 20px;
    background: #404849;
    color: #fff;
    font-size: 18px;
}

.page-serial .ttl-serial-game {
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 20px;
}

.page-serial .box-serial {
    margin-bottom: 12px;
    padding: 10px;
    background: #f2f2f2;
}

.page-serial .box-serial-inner {
    padding: 16px;
    border: 1px solid #ccc;
    background: #fff;
}

.page-serial .box-serial-inner > p {
    margin-bottom: 12px;
    font-weight: bold;
    font-size: 16px;
}

.page-serial .box-serial-inner .ntg-table {
    margin-bottom: 0;
}

.page-serial .box-serial-inner .ntg-table th {
    width: 440px;
    border-right: 1px solid #fff;
    background: #edf0f1;
    text-align: left;
    white-space: nowrap;
    font-weight: normal;
    font-size: 14px;
}

.page-serial .box-serial-inner .ntg-table th, .page-serial .box-serial-inner .ntg-table td {
    padding: 8px 10px;
    border: none;
}

.page-serial .box-serial-inner .ntg-table td {
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}

.page-serial .box-serial-inner .ntg-table input[type='text'] {
    width: 312px;
    height: 20px;
    padding: 4px 6px;
    letter-spacing: 1.5px;
    font-size: 16px;
    cursor: text;
}

#main-ntg.page-serial .d-area {
    margin-bottom: 0;
}

#main-ntg.page-serial .d-capt {
    margin-bottom: 20px;
}

#main-ntg.page-serial .d-sect {
    margin: 0 20px;
}

#main-ntg.page-serial .bg-ntginner {
    max-width: 700px;
    padding: 0 0 20px;
}

#main-ntg.page-serial .ntg-inner {
    width: 700px;
}

/*
project - setting.scss
----------------------------------------*/
.page-setting .ttl-table {
    margin-bottom: 6px;
    font-size: 16px;
}

.page-setting .ntg-item-settinglist ul {
    width: 745px;
}

.page-setting .ntg-item-settinglist li {
    position: relative;
    float: left;
    min-height: 117px;
    width: 241px;
}

.page-setting .ntg-item-settinglist li .ntg-ttl-settinglist {
    display: block;
    overflow: hidden;
    height: 38px;
    margin: 0 0 6px 107px;
    word-break: break-all;
    font-size: 13px;
}

.page-setting .ntg-item-settinglist li .ntg-ttl-settinglist span {
    display: block;
    color: #c00;
}

.page-setting .ntg-item-settinglist li .ntg-tx-settinglist {
    display: block;
    margin: 0 0 3px 107px;
    color: #333;
    word-break: break-all;
    font-size: 10px;
}

.page-setting .ntg-item-settinglist li a {
    display: block;
    overflow: hidden;
    padding: 10px;
}

.page-setting .ntg-item-settinglist li a:hover {
    position: relative;
    top: 1px;
    background: #eaecf1;
    text-decoration: none;
}

.page-setting .ntg-item-settinglist li a:hover .ntg-ttl-settinglist {
    text-decoration: underline;
}

.page-setting .ntg-item-settinglist li img {
    float: left;
    width: 95px;
    border: 1px solid #999;
    border-radius: 10px;
}

.page-setting .ntg-item-settinglist li.new > a:first-child:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 50px;
    height: 50px;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_new.png) left top no-repeat;
    content: '';
}

.page-setting .ntg-item-friendlist .has-sublink li {
    position: relative;
    overflow: hidden;
    width: 220px;
    padding: 10px;
}

.page-setting .ntg-item-friendlist .has-sublink li img {
    float: left;
    width: 70px;
    height: 70px;
    border: 1px solid #dee2ef;
    border-radius: 5px;
}

.page-setting .ntg-item-friendlist .has-sublink li a {
    display: inline;
    padding: 0;
}

.page-setting .ntg-item-friendlist .has-sublink .ttl {
    height: 3em;
}

.page-setting .ntg-item-friendlist .has-sublink .d-btn-sm {
    display: inline-block;
    margin: 6px 0 0 10px;
}

.page-setting .ntg-item-friendlist .has-sublink .d-btn-sm span {
    display: inline-block;
    margin-left: 0;
}

.page-setting .box-detail-top {
    margin-bottom: 20px;
    padding: 10px;
    background: #f5f7f8;
}

.page-setting .box-detail-top > p {
    margin-left: 225px;
}

.page-setting .box-detail-top > form {
    margin: 0 0 0 225px;
    padding: 20px;
    background: #fff;
    text-align: center;
}

.page-setting .box-detail-top > form p {
    margin-bottom: 6px;
}

.page-setting .box-detail-top > form input {
    margin: 6px;
}

.page-setting .box-detail-top > form p input {
    margin: 0;
}

.page-setting .box-detail-top .pic-social {
    padding: 5px;
    border: 1px solid #ccc;
    background: #fff;
}

.page-setting .box-push-check {
    margin-bottom: 10px;
    padding: 20px;
    background: #f2f2f2;
    text-align: center;
}

.page-setting .box-push-check input {
    display: none;
}

.page-setting .box-push-check input:checked + label {
    border: solid 1px #de0231;
    background: -webkit-linear-gradient(#fc5377, #eb4266);
    background:         linear-gradient(#fc5377, #eb4266);
    color: #fff;
}

.page-setting .box-push-check input:checked + label.is-general {
    border: solid 1px #009ab1;
    background: -webkit-linear-gradient(#27bdd3, #16acc2);
    background:         linear-gradient(#27bdd3, #16acc2);
}

.page-setting .box-push-check .check-switch {
    display: inline-block;
    width: 150px;
    margin: 0 5px;
    padding: 10px;
    border: solid 1px #ccc;
    background: #fff;
    color: #999;
    letter-spacing: normal;
    font-size: 16px;
    cursor: pointer;
    box-sizing: border-box;
}

.page-setting .check-notuse {
    display: block;
    margin-bottom: 30px;
    padding: 20px;
    border: solid 1px #999;
    color: #666;
    text-align: center;
    letter-spacing: normal;
    font-size: 16px;
    box-sizing: border-box;
}

/*
project - supportlist.scss
----------------------------------------*/
.page-supportlist .ntg-ttl-supportlist {
    font-size: 14px;
}

.page-supportlist .ntg-item-supportlist li {
    padding: 6px 0;
    border-bottom: 1px dotted #ccc;
}

.page-supportlist .ntg-item-supportlist li > span {
    display: inline-block;
    overflow: hidden;
    width: 440px;
    padding-right: 14px;
    vertical-align: middle;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
}

.page-supportlist .ntg-item-supportlist li:first-child {
    padding: 0 0 6px;
}

.page-supportlist .ntg-item-supportlist li:last-child {
    padding: 6px 0;
    border: none;
}

.page-supportlist .ntg-item-supportlist img {
    display: inline-block;
    width: 60px;
    height: 60px;
    margin-right: 20px;
    vertical-align: middle;
}

.page-supportlist .ntg-item-supportlist .btn-more {
    border: 1px solid #ddd;
    background: #f2f2f2;
    text-align: center;
}

.page-supportlist .ntg-item-supportlist .btn-more a {
    display: block;
    margin: 0 auto;
    padding: 16px 0;
    color: #333;
    font-weight: bold;
    font-size: 16px;
}

/*
project - taglist.scss
----------------------------------------*/
.ntg-item-taglist {
    margin-top: 30px;
}

.ntg-item-taglist .capt-taglist {
    padding-left: 16px;
    background: url(https://p.dmm.co.jp/p/common/ico_arrow.gif) left 6px no-repeat;
    font-size: 16px;
}

.ntg-item-taglist .initial {
    margin: 18px 0 30px;
    border-bottom: 1px dashed #aaa;
    font-size: 14px;
}

.ntg-item-taglist .initial span {
    display: inline-block;
    margin-bottom: -11px;
    padding: 0 12px 0 0;
    background: #fff;
}

.ntg-item-taglist .box-tag-list {
    margin-bottom: 24px;
}

.ntg-item-taglist .tag-list {
    overflow: hidden;
    margin: 24px 0 0;
}

.ntg-item-taglist .tag-list li {
    float: left;
    overflow: hidden;
    width: 180px;
    margin-bottom: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*
project - terms.scss
----------------------------------------*/
.page-terms .ntg-table th {
    text-align: left;
    font-size: 12px;
}

.u-heading-primary {
    font-weight: bold;
    font-size: 14px;
}

.u-heading-secondary {
    margin: 15px 0;
    font-weight: bold;
    font-size: 16px;
}

.u-heading-tertiary {
    font-weight: bold;
    font-size: 12px;
}

/*
project - top.scss
----------------------------------------*/
.page-top {
    position: relative;
    /* ===== �طʲ������� */
    /* ===== bx-has-pager */
}

.page-top .bg-ntginner {
    position: relative;
}

.page-top .ntg-area-slidergame .ntg-wrap-slidergame .bx-has-pager {
    top: -37px;
    right: 13px;
}

.page-top .tx-more {
    clear: both;
    margin-bottom: 20px;
    text-align: right;
    font-size: 14px;
}

.page-top .tx-categoryTitle {
    margin-bottom: 10px;
    color: #333;
    font-size: 28px;
}

.page-top .banner-sect {
    margin-bottom: 42px;
}

/* ===== ��󥯥���å� */
.link-gamejack {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    min-width: 1020px;
    max-height: 1000px;
    width: 100%;
    height: 100%;
}

.link-gamejack.is-fixed {
    position: static;
    position: -webkit-sticky;
    position:         sticky;
    height: 820px;
    background-color: #f3f3f3;
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
}

.link-gamejack.is-fixed.is-bottom {
    background-attachment: scroll;
}

#main-ntg .link-gamejack.is-fixed + .bg-ntginner {
    margin-top: -820px;
}

/* ===== slide-controller */
.ntg-slide-controller {
    position: relative;
    z-index: 3;
}

.ntg-slide-controller .bt-slideprev {
    position: absolute;
    top: 100px;
    left: 7px;
    display: block;
    width: 50px;
    height: 50px;
    background: url(https://p.dmm.co.jp/p/netgame/common/bt/bt_slidecontroller.png) left top no-repeat;
}

.ntg-slide-controller .bt-slidenext {
    position: absolute;
    top: 100px;
    right: 7px;
    display: block;
    width: 50px;
    height: 50px;
    background: url(https://p.dmm.co.jp/p/netgame/common/bt/bt_slidecontroller.png) right top no-repeat;
}

/* ===== ntg-slide03 */
.ntg-slide03 {
    position: relative;
    width: 715px;
    height: 155px;
    margin-bottom: 10px;
    border: 5px solid #353d51;
    background: #353d51;
}

.ntg-slide03 > ul {
    position: relative;
    overflow: hidden;
    width: 715px;
    height: 155px;
    white-space: nowrap;
    font-size: 0;
    box-sizing: border-box;
}

.ntg-slide03 > ul li {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    font-size: 12px;
    box-sizing: border-box;
    -webkit-transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1);
            transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1);
}

.ntg-slide03 > ul li:first-child {
    margin-left: 0;
}

.ntg-slide03 > ul a {
    display: block;
    background: #fff;
}

.ntg-slide03 > ul img {
    vertical-align: bottom;
}

.ntg-slide03 > ul a:hover img {
    opacity: 0.7;
}

.ntg-slide03 .bt-prev, .ntg-slide03 .bt-next {
    position: absolute;
    top: 52px;
    display: block;
    width: 50px;
    height: 50px;
    background: url(https://p.dmm.co.jp/p/netgame/common/bt/bt_slidecontroller.png);
    cursor: pointer;
}

.ntg-slide03 .bt-prev:hover, .ntg-slide03 .bt-next:hover {
    top: 53px;
    opacity: 0.7;
}

.ntg-slide03 .bt-prev {
    left: 5px;
    background-position: left top;
}

.ntg-slide03 .bt-next {
    right: 5px;
    background-position: right top;
}

.ntg-slide03 .dot {
    position: relative;
    top: 8px;
    text-align: center;
}

.ntg-slide03 .dot li {
    display: inline-block;
    margin: 4px 4px 0;
}

.ntg-slide03 .dot span {
    display: block;
    width: 9px;
    height: 9px;
    border-radius: 5px;
    background: #ccc;
    cursor: pointer;
}

.ntg-slide03 .dot li.on span {
    background: #16acc2;
}

/* ===== ntg-item-pushgenre */
.ntg-item-pushgenre {
    width: 734px;
}

.ntg-item-workslist .hl-genre {
    overflow: hidden;
    margin-bottom: 10px;
    border-bottom: 2px solid #000;
    background: #f5f5f5;
    font-weight: bold;
    font-size: 12px;
    line-height: 30px;
}

.ntg-item-workslist .hl-genre:hover {
    background: #eee;
}

.ntg-item-workslist .hl-genre a {
    display: block;
}

.ntg-item-workslist .hl-genre a span {
    position: relative;
    display: inline-block;
    padding-left: 6px;
}

.ntg-item-workslist .hl-genre a span:before, .ntg-item-workslist .hl-genre a span:after {
    position: absolute;
    top: 9px;
    right: -17px;
    display: block;
    border-top: 6px solid transparent;
    border-right: 0 solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid #3676bd;
    content: '';
}

.ntg-item-workslist .hl-genre a span:after {
    top: 10px;
    right: -13px;
    border-top: 5px solid transparent;
    border-right: 0 solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 7px solid #f5f5f5;
}

.ntg-item-workslist .hl-genre a:hover span {
    top: 1px;
}

.ntg-item-workslist .hl-genre a:hover span:after {
    border-left-color: #eee;
}

.ntg-item-workslist ul {
    margin-left: -10px;
}

.ntg-item-workslist li {
    position: relative;
    float: left;
    width: 112px;
    margin: 0 0 20px 10px;
}

.ntg-item-workslist li a {
    position: relative;
    display: block;
    overflow: hidden;
    height: 160px;
    word-break: break-all;
    font-weight: bold;
}

.ntg-item-workslist li img {
    display: block;
    width: 112px;
    height: 112px;
    margin-bottom: 10px;
}

.ntg-item-workslist li a:hover {
    top: 1px;
}

.ntg-item-workslist li a:hover img {
    opacity: 0.7;
}

.ntg-item-workslist li a.new .ntg-workslist-title:before {
    display: block;
    float: left;
    width: 30px;
    height: 14px;
    margin: 1px 3px 0 0;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_new.png) 0 0 no-repeat;
    content: '';
}

.ntg-item-workslist li .tx-rank {
    margin-bottom: 6px;
    font-weight: bold;
    font-size: 16px;
}

.ntg-item-workslist li .ntg-workslist-title {
    position: relative;
    overflow: hidden;
}

.ntg-item-workslist.list-genre {
    float: left;
    margin-right: 10px;
}

.ntg-item-workslist.rpg .hl-genre {
    border-color: #fb4357;
}

.ntg-item-workslist.rpg .hl-genre a {
    color: #fb4357;
}

.ntg-item-workslist.rpg .hl-genre span:before {
    border-left-color: #fb4357;
}

.ntg-item-workslist.card .hl-genre {
    border-color: #8d6cd1;
}

.ntg-item-workslist.card .hl-genre a {
    color: #8d6cd1;
}

.ntg-item-workslist.card .hl-genre span:before {
    border-left-color: #8d6cd1;
}

.ntg-item-workslist.simulation .hl-genre {
    border-color: #77b800;
    letter-spacing: -0.1em;
    font-size: 11px;
}

.ntg-item-workslist.simulation .hl-genre a {
    color: #77b800;
}

.ntg-item-workslist.simulation .hl-genre span:before {
    border-left-color: #77b800;
}

.ntg-item-workslist.management .hl-genre {
    border-color: #05b2e6;
}

.ntg-item-workslist.management .hl-genre a {
    color: #05b2e6;
}

.ntg-item-workslist.management .hl-genre span:before {
    border-left-color: #05b2e6;
}

.ntg-item-workslist.mahjong .hl-genre {
    border-color: #00a353;
}

.ntg-item-workslist.mahjong .hl-genre a {
    color: #00a353;
}

.ntg-item-workslist.mahjong .hl-genre span:before {
    border-left-color: #00a353;
}

.ntg-item-workslist.quiz .hl-genre {
    border-color: #a948b8;
}

.ntg-item-workslist.quiz .hl-genre a {
    color: #a948b8;
}

.ntg-item-workslist.quiz .hl-genre span:before {
    border-left-color: #a948b8;
}

.ntg-item-workslist.shooting .hl-genre {
    border-color: #fa943e;
    font-size: 11px;
}

.ntg-item-workslist.shooting .hl-genre a {
    color: #fa943e;
}

.ntg-item-workslist.shooting .hl-genre span:before {
    border-left-color: #fa943e;
}

.ntg-item-workslist.puzzle .hl-genre {
    border-color: #00a353;
    letter-spacing: -0.1em;
    font-size: 11px;
}

.ntg-item-workslist.puzzle .hl-genre a {
    color: #00a353;
}

.ntg-item-workslist.puzzle .hl-genre span:before {
    border-left-color: #00a353;
}

.ntg-item-workslist.adventure .hl-genre {
    border-color: #e75350;
}

.ntg-item-workslist.adventure .hl-genre a {
    color: #e75350;
}

.ntg-item-workslist.adventure .hl-genre span:before {
    border-left-color: #e75350;
}

.ntg-item-workslist.pachinko .hl-genre {
    border-color: #0096db;
    letter-spacing: -0.1em;
    font-size: 10px;
}

.ntg-item-workslist.pachinko .hl-genre a {
    color: #0096db;
}

.ntg-item-workslist.pachinko .hl-genre span:before {
    border-left-color: #0096db;
}

.ntg-item-workslist.fishing .hl-genre {
    border-color: #3e80fa;
}

.ntg-item-workslist.fishing .hl-genre a {
    color: #3e80fa;
}

.ntg-item-workslist.fishing .hl-genre span:before {
    border-left-color: #3e80fa;
}

.ntg-item-workslist.action .hl-genre {
    border-color: #fa943e;
}

.ntg-item-workslist.action .hl-genre a {
    color: #fa943e;
}

.ntg-item-workslist.action .hl-genre span:before {
    border-left-color: #fa943e;
}

.ntg-item-workslist.sports .hl-genre {
    border-color: #0096db;
}

.ntg-item-workslist.sports .hl-genre a {
    color: #0096db;
}

.ntg-item-workslist.sports .hl-genre span:before {
    border-left-color: #0096db;
}

.ntg-item-workslist.race .hl-genre {
    border-color: #0096db;
}

.ntg-item-workslist.race .hl-genre a {
    color: #0096db;
}

.ntg-item-workslist.race .hl-genre span:before {
    border-left-color: #0096db;
}

.ntg-item-workslist.renai .hl-genre {
    border-color: #f54e96;
    letter-spacing: -0.1em;
    font-size: 11px;
}

.ntg-item-workslist.renai .hl-genre a {
    color: #f54e96;
}

.ntg-item-workslist.renai .hl-genre span:before {
    border-left-color: #f54e96;
}

.ntg-item-workslist.other .hl-genre {
    border-color: #999 a;

    border-color-color: #999;
}

.ntg-item-workslist.other .hl-genre span:before {
    border-left-color: #999;
}

.ntg-item-workslist.girls .hl-genre {
    border-color: #fb438d;
}

.ntg-item-workslist.girls .hl-genre a {
    color: #fb438d;
}

.ntg-item-workslist.girls .hl-genre span:before {
    border-left-color: #fb438d;
}

.ntg-item-workslist.list-exchange {
    float: left;
    margin-right: 10px;
    text-align: center;
}

.ntg-item-workslist.list-exchange a {
    display: block;
    overflow: hidden;
    width: 112px;
    height: 104px;
    padding-top: 50px;
    border: 1px solid #ddd;
    background: #f5f5f5;
    color: #16acc2;
    font-weight: bold;
    font-size: 12px;
}

.ntg-item-workslist.list-exchange a:hover {
    position: relative;
    top: 1px;
    opacity: 0.7;
}

.ntg-item-workslist.list-exchange a:before {
    position: relative;
    bottom: 0;
    display: block;
    width: 70px;
    height: 35px;
    margin: 0 auto 12px;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_pickup_exchange.png) 0 -35px no-repeat;
    content: '';
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
}

.ntg-item-workslist.list-exchange a:hover:before {
    -webkit-animation: list-exchange-g 1.2s ease-in-out 0s infinite normal none;
            animation: list-exchange-g 1.2s ease-in-out 0s infinite normal none;
}

.ntg-item-workslist.list-exchange.general a {
    color: #eb4266;
}

.ntg-item-workslist.list-exchange.general a:before {
    background-position: 0 0;
}

.ntg-item-workslist.list-exchange.general a:hover:before {
    -webkit-animation: list-exchange 1.5s ease 0s infinite normal none;
            animation: list-exchange 1.5s ease 0s infinite normal none;
}

@-webkit-keyframes list-exchange {
    0% {
        -webkit-transform: scale(1);
    }
    10% {
        -webkit-transform: scale(1);
    }
    20% {
        -webkit-transform: scale(1.2);
    }
    40% {
        -webkit-transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1);
    }
}

@keyframes list-exchange {
    0% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    10% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    20% {
        -webkit-transform: scale(1.2);
                transform: scale(1.2);
    }
    40% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}

@-webkit-keyframes list-exchange-g {
    0% {
        bottom: 0;
        -webkit-transform: rotate(0deg);
    }
    30% {
        bottom: 0;
        -webkit-transform: rotate(0deg);
    }
    50% {
        bottom: 5px;
        -webkit-transform: rotate(5deg);
    }
    60% {
        -webkit-transform: rotate(-5deg);
    }
    70% {
        -webkit-transform: rotate(4deg);
    }
    80% {
        -webkit-transform: rotate(-3deg);
    }
    90% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
    }
}

@keyframes list-exchange-g {
    0% {
        bottom: 0;
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    30% {
        bottom: 0;
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    50% {
        bottom: 5px;
        -webkit-transform: rotate(5deg);
                transform: rotate(5deg);
    }
    60% {
        -webkit-transform: rotate(-5deg);
                transform: rotate(-5deg);
    }
    70% {
        -webkit-transform: rotate(4deg);
                transform: rotate(4deg);
    }
    80% {
        -webkit-transform: rotate(-3deg);
                transform: rotate(-3deg);
    }
    90% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
}

/* ===== ntg-area-ranking-v2-1*/
.ntg-area-ranking-v2-1 li {
    position: relative;
}

.ntg-area-ranking-v2-1 a {
    position: static;
}

.ntg-area-ranking-v2-1 .tx-rank {
    display: inline-block;
    float: left;
    width: 29px;
    height: 28px;
    padding-top: 4px;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_ranking_v2-1.png) -660px 0 no-repeat;
    color: #fff;
    text-align: center;
    text-indent: 0;
    font-weight: normal;
    font-size: 12px;
}

.ntg-area-ranking-v2-1 .tx-rank.rank-middle {
    padding-top: 2px;
    background-position: -660px 0;
    font-size: 14px;
}

.ntg-area-ranking-v2-1 .ntg-item-ranking-wrap {
    overflow: hidden;
    margin-left: -10px;
    padding-left: 10px;
    -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
}

.ntg-area-ranking-v2-1 .tx-gametitle {
    float: left;
    overflow: hidden;
    width: 77px;
    height: 36px;
    margin: -3px 0 0 6px;
}

.ntg-area-ranking-v2-1 .ntg-item-ranking-upper {
    margin-bottom: 0;
}

.ntg-area-ranking-v2-1 .ntg-item-ranking-upper ul {
    margin-left: 0;
}

.ntg-area-ranking-v2-1 .ntg-item-ranking-upper li {
    float: left;
    width: 210px;
    margin: 0 15px 20px;
}

.ntg-area-ranking-v2-1 .ntg-item-ranking-upper li a {
    position: relative;
    display: block;
    overflow: inherit;
    height: auto;
    padding: 0 5px;
    font-weight: bold;
    font-size: 15px;
}

.ntg-area-ranking-v2-1 .ntg-item-ranking-upper li img {
    display: block;
    width: 200px;
    height: 200px;
    margin: 0 auto 10px;
}

.ntg-area-ranking-v2-1 .ntg-item-ranking-upper li a:hover {
    top: 1px;
}

.ntg-area-ranking-v2-1 .ntg-item-ranking-upper li a:hover img {
    opacity: 0.7;
}

.ntg-area-ranking-v2-1 .ntg-item-ranking-upper li:before {
    display: block;
    width: 213px;
    height: 41px;
    margin-bottom: 10px;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_ranking_v2-1.png) 0 0 no-repeat;
    content: '';
}

.ntg-area-ranking-v2-1 .ntg-item-ranking-upper li.rank2:before {
    background-position: -220px 0;
}

.ntg-area-ranking-v2-1 .ntg-item-ranking-upper li.rank3:before {
    background-position: -440px 0;
}

.ntg-area-ranking-v2-1 .ntg-item-ranking-low {
    margin-bottom: 0;
}

.ntg-area-ranking-v2-1 .ntg-item-ranking-low li {
    position: relative;
}

.ntg-area-ranking-v2-1 .ntg-item-ranking-low li:hover {
    top: 1px;
}

.ntg-area-ranking-v2-1 .btn-more {
    clear: both;
    width: 300px;
    margin: 0 auto 20px;
    border: 1px solid #ddd;
    background: #f2f2f2;
    text-align: center;
}

.ntg-area-ranking-v2-1 .btn-more a {
    display: block;
    padding: 10px 0;
    color: #333;
    font-weight: bold;
    font-size: 16px;
}

.ntg-area-ranking-v2-1 .btn-more a:hover {
    position: relative;
    top: 1px;
    opacity: 0.7;
}

.ntg-area-ranking-v2-1 .btn-more span {
    position: relative;
    display: inline-block;
    padding-left: 18px;
}

.ntg-area-ranking-v2-1 .btn-more span:before {
    position: absolute;
    top: 8px;
    left: 0;
    display: block;
    width: 0;
    height: 0;
    border-width: 8px 5px 0 5px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
    content: '';
}

.ntg-area-ranking-v2-1 .tx-exchange {
    position: absolute;
    top: 0;
    right: 0;
    padding: 6px 12px 6px 34px;
    border: 1px solid #ddd;
    background: #f5f5f5;
    color: #16acc2;
    font-size: 14px;
    line-height: 1.6;
}

.ntg-area-ranking-v2-1 .tx-exchange:hover {
    top: 1px;
    opacity: 0.8;
}

.ntg-area-ranking-v2-1 .tx-exchange:before {
    position: absolute;
    top: 12px;
    left: 9px;
    display: block;
    width: 25px;
    height: 15px;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_pickup_exchange.png) -70px -35px no-repeat;
    content: '';
}

.ntg-area-ranking-v2-1 .tx-exchange.general {
    color: #eb4266;
}

.ntg-area-ranking-v2-1 .tx-exchange.general:before {
    top: 10px;
    left: 12px;
    background-position: -70px -0;
}

/* ===== ntg-area-ranking */
.ntg-area-ranking [class^='tx-rank'] {
    color: #353d51;
    font-weight: bold;
    font-size: 13px;
}

.ntg-area-ranking [class^='tx-rank']:after {
    content: '\4f4d';
}

.ntg-area-ranking [class^='tx-rank'][class*='rank01'] {
    color: #fa0;
}

.ntg-area-ranking [class^='tx-rank'][class*='rank01']:before {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(https://p.dmm.co.jp/p/sp/netgame/common/ico/ico_ranking_yellow.png);
    background-size: contain;
    background-repeat: no-repeat;
    content: '';
    vertical-align: top;
}

.ntg-area-ranking [class^='tx-rank'][class*='rank02'] {
    color: #999;
}

.ntg-area-ranking [class^='tx-rank'][class*='rank02']:before {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(https://p.dmm.co.jp/p/sp/netgame/common/ico/ico_ranking_gray.png);
    background-size: contain;
    background-repeat: no-repeat;
    content: '';
    vertical-align: top;
}

.ntg-area-ranking [class^='tx-rank'][class*='rank03'] {
    color: #bd9039;
}

.ntg-area-ranking [class^='tx-rank'][class*='rank03']:before {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(https://p.dmm.co.jp/p/sp/netgame/common/ico/ico_ranking_brown.png);
    background-size: contain;
    background-repeat: no-repeat;
    content: '';
    vertical-align: top;
}

.ntg-area-ranking [class^='ntg-cardlist'] > ul .ntg-ttl-cardlist {
    text-overflow: inherit;
    white-space: normal;
}

.ntg-area-ranking [class^='ntg-cardlist'] > ul .thumb {
    position: relative;
    display: block;
    margin-bottom: 6px;
}

.ntg-area-ranking [class^='ntg-cardlist'] > ul .thumb img {
    width: 88%;
}

.ntg-area-ranking .ntg-ttl-cardlist {
    line-height: 1.2;
}

.ntg-area-ranking .tx-ttl {
    display: inline-block;
    overflow: hidden;
    height: 2.2em;
    font-size: 14px;
}

.ntg-area-ranking .btn-more-white {
    clear: both;
    max-width: 300px;
    width: 100%;
    margin: 10px auto 30px;
    text-align: center;
}

.ntg-area-ranking .btn-more-white a {
    display: block;
    padding: 8px 0;
    border: 1px solid #ddd;
    background: #fff;
    color: #333;
    font-weight: bold;
    font-size: 12px;
}

.ntg-area-ranking .btn-more-white a:hover {
    position: relative;
    top: 1px;
    background: #eee;
}

.ntg-area-ranking .btn-more-white span {
    position: relative;
    display: inline-block;
    padding-left: 18px;
}

.ntg-area-ranking .btn-more-white span:before {
    position: absolute;
    top: 8px;
    left: 0;
    display: block;
    width: 0;
    height: 0;
    border-width: 8px 5px 0 5px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
    content: '';
}

/* ===== ntg-item-subranking */
.ntg-item-subranking-wrap {
    overflow: hidden;
}

.ntg-item-subranking h3 {
    margin-bottom: 16px;
    padding-left: 30px;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_ntgheadline.png) left 0 no-repeat;
    font-size: 16px;
}

.ntg-item-subranking h3.zoom {
    background-position: 0 -1550px;
}

.ntg-item-subranking h3.recommend {
    background-position: 0 -1601px;
}

.ntg-item-subranking ul {
    margin-bottom: 10px;
}

.ntg-item-subranking li {
    margin-bottom: 10px;
    border-bottom: 1px solid #e2e2e2;
}

.ntg-item-subranking li img, .ntg-item-subranking li .ntg-subranking-info {
    float: left;
}

.ntg-item-subranking li img {
    width: 85px;
}

.ntg-item-subranking li .ntg-subranking-info {
    width: 225px;
    margin-left: 10px;
}

.ntg-item-subranking li .ntg-subranking-info .ttl {
    margin-bottom: 6px;
    font-weight: bold;
    font-size: 14px;
}

.ntg-item-subranking li .ntg-subranking-info .tx {
    color: #666;
}

.ntg-item-subranking li .tx-rank {
    display: inline-block;
    float: left;
    width: 32px;
    height: 32px;
    margin: 3px 6px 0 0;
    padding-top: 13px;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_ranking_v2-1.png) -660px 0 no-repeat;
    color: #fff;
    text-align: center;
    text-indent: 0;
    font-weight: normal;
    font-size: 12px;
}

.ntg-item-subranking li .tx-rank.rank1 {
    background-position: 0 -45px;
}

.ntg-item-subranking li .tx-rank.rank2 {
    background-position: -40px -45px;
}

.ntg-item-subranking li .tx-rank.rank3 {
    background-position: -80px -45px;
}

.ntg-item-subranking a {
    display: block;
    overflow: hidden;
    padding-bottom: 10px;
}

.ntg-item-subranking a:hover {
    opacity: 0.8;
}

.ntg-item-subranking a:hover .ntg-subranking-info .ttl {
    text-decoration: underline;
}

.ntg-item-subranking:first-child {
    margin: 0;
}

/* ===== ntg-item-pickupbnr */
.ntg-item-pickupbnr {
    width: 734px;
    margin-bottom: 0 !important;
}

.ntg-item-pickupbnr li {
    float: left;
    width: 357px;
    margin: 0 10px 10px 0;
}

.ntg-item-pickupbnr li a:hover {
    position: relative;
    top: 1px;
    opacity: 0.7;
}

.ntg-item-pickupbnr .col1 li {
    float: none;
    width: 724px;
    height: auto;
    margin: 0 0 10px 0;
}

.ntg-area-pickup .ntg-item-push {
    margin-bottom: 0;
}

.ntg-area-pickup .ntg-item-push li {
    position: relative;
    float: left;
    width: 50%;
    margin-bottom: 20px;
}

.ntg-area-pickup .ntg-item-push dl {
    padding-right: 10px;
}

.ntg-area-pickup .ntg-item-push dl .ttl-pickup a {
    position: relative;
    display: block;
}

.ntg-area-pickup .ntg-item-push dl .ttl-pickup a:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 50px;
    height: 50px;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_new.png) left top no-repeat;
    content: '';
}

.ntg-area-pickup .ntg-item-push dl .ttl-pickup img {
    float: left;
    width: 140px;
    height: 140px;
    margin-right: 10px;
}

.ntg-area-pickup .ntg-item-push dl .ttl-pickup span {
    font-weight: bold;
    font-size: 14px;
}

.ntg-area-pickup .ntg-item-push dl .ttl-pickup a:hover {
    top: 1px;
}

.ntg-area-pickup .ntg-item-push dl .ttl-pickup a:hover img {
    opacity: 0.7;
}

.ntg-area-pickup .ntg-item-push dl dd {
    margin: 6px 0 0 150px;
    padding-top: 10px;
    border-top: 1px solid #ccc;
}

.ntg-area-pickup .ntg-item-push dl dd .push-genre {
    margin-bottom: 6px;
}

.pickup-movie {
    position: relative;
    display: block;
    width: 724px;
    height: 220px;
    margin-bottom: 10px;
    text-align: right;
}

.pickup-movie .movie-controls {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
    display: none;
    width: 390px;
    height: 220px;
    background: rgba(0, 0, 0, 0.5);
    background: -webkit-radial-gradient(circle, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.5) 70%, black 100%);
    background:         radial-gradient(circle, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.5) 70%, black 100%);
    text-align: center;
    opacity: 0;
    -webkit-transition: opacity 0.5s;
            transition: opacity 0.5s;
}

.pickup-movie .movie-controls:hover {
    opacity: 1;
}

.pickup-movie .movie-controls .detail-link {
    position: relative;
    top: 90px;
    display: inline-block;
    color: #fff;
    vertical-align: middle;
    text-decoration: none;
    font-size: 18px;
}

.pickup-movie .movie-controls .detail-link span {
    display: table-cell;
    vertical-align: middle;
}

.pickup-movie .movie-controls .detail-link span strong {
    padding: 5px 10px;
    border: solid 2px #fff;
    border-radius: 20px;
    background: rgba(0, 0, 0, 0.5);
    font-weight: normal;
}

.pickup-movie .movie-controls .volume {
    position: absolute;
    top: 150px;
    right: 0;
    left: 0;
    z-index: 10;
    overflow: hidden;
    width: 40px;
    height: 40px;
    margin: auto;
    cursor: pointer;
}

.pickup-movie .movie-controls .volume img {
    width: 100%;
}

.pickup-movie .movie-controls .volume.is-mute img {
    margin-top: -40px;
}

.pickup-movie .video-link {
    display: block;
    width: 100%;
    height: 100%;
}

.pickup-movie video {
    position: relative;
    z-index: 10;
    width: 388px;
    height: auto;
    margin-right: 1px;
    border-top: 1px solid #000;
}

.pickup-movie iframe {
    position: relative;
    z-index: 10;
}

/* ===== ntg-area-new */
.ntg-area-new .ntg-item-newlist {
    padding: 20px 20px 0;
}

.ntg-area-new .bx-gametitle {
    display: block;
    overflow: hidden;
    max-height: 40px;
}

.ntg-area-new li {
    float: left;
    width: 50%;
    margin-bottom: 20px;
}

.ntg-area-new .ntg-area-newWrapper {
    position: relative;
    min-height: 120px;
    padding-right: 10px;
}

.ntg-area-new .ttl-new .ttl-newitemWrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}

.ntg-area-new .ttl-new a {
    position: relative;
    display: block;
}

.ntg-area-new .ttl-new a:hover {
    top: 1px;
}

.ntg-area-new .ttl-new a:hover img {
    opacity: 0.7;
}

.ntg-area-new .ttl-new .ttl-newImageWrapper {
    float: left;
    width: 120px;
    margin-right: 10px;
}

.ntg-area-new .ttl-new .ttl-newImageWrapper.is-paid {
    min-height: 160px;
    width: 100px;
}

.ntg-area-new .ttl-new .ttl-newImageWrapper img {
    width: 100%;
}

.ntg-area-new .ttl-new .ttl-newText {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    font-size: 14px;
}

.ntg-area-new .ttl-new .ttl-newTag {
    display: block;
    overflow: hidden;
    color: #c00;
    letter-spacing: -0.5em;
    font-weight: bold;
    font-size: 14px;
}

.ntg-area-new .ttl-new .ttl-newTag .ttl-newTagList {
    display: inline-block;
    width: auto;
    margin: 0;
    letter-spacing: normal;
}

.ntg-area-new .ttl-new .tx-regist {
    float: left;
    margin-top: 1px;
    margin-right: 5px;
    padding: 1px 3px;
    background: #ff4489;
    color: #fff;
    font-size: 12px;
}

.ntg-area-new .ttl-new .ttl-newSub {
    display: block;
    overflow: hidden;
    color: #777;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11px;
}

.ntg-area-new .ttl-new .ntg-item-tmblist {
    position: absolute;
    bottom: 0;
    left: 110px;
    padding: 8px 0;
    box-sizing: border-box;
}

.ntg-area-new .ttl-new .ntg-item-tmblist li {
    display: inline-block;
    width: 48%;
    margin: 0;
    padding-right: 10px;
    box-sizing: border-box;
}

.ntg-area-new .ttl-new .ntg-item-tmblist li img {
    width: 100%;
}

.ntg-area-new dd {
    margin-top: 6px;
}

.ntg-area-new dd .bt-newplay {
    position: absolute;
    right: 23px;
    bottom: 0;
    display: block;
    overflow: hidden;
    width: 190px;
    height: 30px;
    background: #ff3642;
    text-align: center;
    text-decoration: none;
    line-height: 30px;
}

.ntg-area-new dd .bt-newplay span {
    position: relative;
    display: block;
    color: #fff;
    font-weight: bold;
}

.ntg-area-new dd .bt-newplay span:before, .ntg-area-new dd .bt-newplay span:after {
    position: absolute;
    top: 10px;
    right: 8px;
    display: block;
    border-top: 6px solid transparent;
    border-right: 0 solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid #fff;
    content: '';
}

.ntg-area-new dd .bt-newplay span:after {
    top: 11px;
    right: 12px;
    border-top: 5px solid transparent;
    border-right: 0 solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 7px solid #ff3642;
}

.ntg-area-new dd .bt-newplay:hover {
    bottom: -1px;
    background: #ff5a64;
}

.ntg-area-new dd .bt-newplay:hover span:after {
    border-left-color: #ff5a64;
}

/* ===== ntg-area-newRecommend */
.ntg-area-newRecommend .bx-has-pager {
    font-size: 0;
}

.ntg-area-newRecommend .bx-gametitle {
    display: block;
    overflow: hidden;
    max-height: 40px;
}

.ntg-area-newRecommend .d-item {
    margin-bottom: 0 !important;
    padding-bottom: 10px;
}

.ntg-area-newRecommend .ntg-area-slidergame {
    margin-bottom: 20px;
}

.ntg-area-newRecommend .tx-more {
    float: right;
    margin: 0;
}

.ntg-area-newRecommend .closed-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    width: 100%;
    margin-bottom: 10px;
    text-align: left;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
}

.ntg-area-newRecommend .closed-wrapper .closed-item {
    padding-bottom: 20px;
}

.ntg-area-newRecommend .closed-wrapper .closed-item.is-mini {
    width: 173px;
    margin-right: calc((725px - 173px * 4) / 3);
}

.ntg-area-newRecommend .closed-wrapper .closed-item.is-mini.closed-item:nth-child(4n) {
    margin-right: 0;
}

.ntg-area-newRecommend .closed-wrapper .closed-item.is-large {
    width: 352px;
}

.ntg-area-newRecommend .closed-wrapper .closed-item.is-large img {
    width: 160px;
    height: 160px;
    margin-right: 10px;
}

.ntg-area-newRecommend .closed-wrapper .closed-item.is-large p {
    overflow: hidden;
    text-align: left;
    word-wrap: break-word;
}

.ntg-area-newRecommend .closed-wrapper .closed-item.is-large.closed-item:nth-child(odd) {
    margin-right: 20px;
}

.ntg-area-newRecommend .open-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -ms-flex-pack: justify;

    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
            justify-content: space-between;
}

.ntg-area-newRecommend .open-wrapper .open-item.is-large {
    width: 235px;
    height: 90px;
    margin-right: 10px;
    padding-right: 5px;
}

.ntg-area-newRecommend .open-wrapper .open-item.is-large.open-item:nth-child(3) {
    margin-right: 0;
    padding-right: 0;
}

.ntg-area-newRecommend .open-wrapper .open-item.is-mini {
    width: 112px;
    margin-right: 10px;
    margin-bottom: 0;
}

.ntg-area-newRecommend .open-wrapper .open-item.is-mini.open-item:nth-child(6) {
    margin-right: 0;
}

.ntg-area-newRecommend .open-wrapper ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
}

.ntg-area-newRecommend .open-wrapper .tx-more {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    float: right;
    clear: none;
    -ms-flex-align: end;
    margin: 0;

    -webkit-box-align: end;
    -webkit-align-items: flex-end;
            align-items: flex-end;
}

.ntg-area-newRecommend .content-full-open-wrapper .is-mini {
    display: inline-block;
    width: 112px;
    margin-right: 10px;
}

.ntg-area-newRecommend .content-full-open-wrapper .bx-viewport {
    height: auto !important;
}

.ntg-area-newRecommend .content-full-open-wrapper .bx-viewport > .ntg-list-slidergame > ul {
    margin-bottom: 0;
}

.ntg-area-newRecommend .content-full-open-wrapper .is-large {
    width: 235px;
}

.ntg-area-newRecommend .content-full-open-wrapper ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    width: 100%;
    margin-bottom: 20px;
}

.ntg-area-newRecommend .ttl-newRecommend a {
    position: relative;
    display: block;
}

.ntg-area-newRecommend .ttl-newRecommend a:hover {
    top: 1px;
}

.ntg-area-newRecommend .ttl-newRecommend a:hover img {
    opacity: 0.7;
}

.ntg-area-newRecommend .ttl-newRecommend .hover-parent .hover-mask {
    position: absolute;
    top: 44px;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -ms-flex-align: end;
    padding: 10px;
    padding-bottom: 0;
    background: -webkit-linear-gradient(top, transparent, #000);
    background:         linear-gradient(to bottom, transparent, #000);
    color: #fff;
    text-align: left;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;

    -webkit-box-align: end;
    -webkit-align-items: flex-end;
            align-items: flex-end;
}

.ntg-area-newRecommend .ttl-newRecommend .hover-parent:hover .hover-mask {
    top: 38px;
    padding-bottom: 10px;
    opacity: 1;
}

.ntg-area-newRecommend .ttl-newRecommend .ttl-newRecommendImageWrapper {
    float: left;
}

.ntg-area-newRecommend .ttl-newRecommend .ttl-newRecommendImageWrapper.is-closed-mini {
    position: relative;
    float: none;
}

.ntg-area-newRecommend .ttl-newRecommend .ttl-newRecommendImageWrapper.is-closed-mini p {
    -ms-flex-align: end;
    overflow: hidden;
    text-align: left;

    -webkit-box-align: end;
    -webkit-align-items: flex-end;
            align-items: flex-end;
    -webkit-box-align: start;
}

.ntg-area-newRecommend .ttl-newRecommend .ttl-newRecommendImageWrapper.is-closed-mini .hover-mask {
    position: absolute;
    top: 44px;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -ms-flex-align: end;
    height: 116px;
    padding: 10px;
    padding-bottom: 0;
    background: -webkit-linear-gradient(top, transparent, #000);
    background:         linear-gradient(to bottom, transparent, #000);
    color: #fff;
    text-align: left;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;

    -webkit-box-align: end;
    -webkit-align-items: flex-end;
            align-items: flex-end;
}

.ntg-area-newRecommend .ttl-newRecommend .ttl-newRecommendImageWrapper.is-closed-mini:hover .hover-mask {
    top: 38px;
    padding-bottom: 10px;
    opacity: 1;
}

.ntg-area-newRecommend .ttl-newRecommend .ttl-newRecommendImageWrapper.is-open-large {
    width: 90px;
    height: 90px;
    margin-right: 10px;
}

.ntg-area-newRecommend .ttl-newRecommend .ttl-newRecommendImageWrapper.is-open-mini {
    float: none;
    width: 112px;
    height: 112px;
    margin-bottom: 6px;
}

.ntg-area-newRecommend .ttl-newRecommend .ttl-newRecommendImageWrapper img {
    width: 100%;
}

.ntg-area-newRecommend .ttl-newRecommend .ttl-newRecommendText {
    position: relative;
    display: -webkit-box;
    overflow: hidden;
    max-width: 200px;
    max-height: 2.3em;
    margin-bottom: 6px;
    text-align: left;
    word-break: break-all;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.2;

    -webkit-box-align: start;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.ntg-area-newRecommend .ttl-newRecommend .ttl-newRecommendText.ttl-newRecommendText-mini {
    display: block;
    overflow: hidden;
         text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;

    -moz-text-overflow: ellipsis;
}

.ntg-area-newRecommend .ttl-newRecommend .ttl-newRecommendText.is-closed-mini {
    margin-top: 10px;
    text-overflow: ellipsis;
}

.ntg-area-newRecommend .ttl-newRecommend .ttl-newRecommendText.is-open-large {
    max-width: 145px;

    -webkit-line-clamp: 1;
}

.ntg-area-newRecommend .ttl-newRecommend .push-detail {
    margin-bottom: 20px;
}

.ntg-area-newRecommend .ttl-newRecommend .ttl-newRecommendSub {
    overflow: hidden;
    color: #999;
    text-overflow: ellipsis;
    word-wrap: break-word;
    font-size: 11px;
    line-height: 1.5;
}

/* ===== ntg-area-recommend */
.ntg-item-recommend {
    margin-bottom: 0;
    padding: 12px 0 12px 12px;
    background: #f4f6fa;
}

.ntg-item-recommend li {
    float: left;
    width: 344px;
    margin: 0 6px 6px 0;
    padding-bottom: 6px;
    border-bottom: 1px dotted #ccc;
}

.ntg-item-recommend li a {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 6px;
    text-decoration: none;
}

.ntg-item-recommend li a:hover {
    top: 1px;
    background: #eaecf1;
}

.ntg-item-recommend li a:before {
    position: absolute;
    top: 6px;
    left: 6px;
    display: block;
    width: 80px;
    height: 80px;
    background: #fff;
    content: '';
}

.ntg-item-recommend li img {
    position: relative;
    float: left;
    width: 80px;
}

.ntg-item-recommend li a:hover img {
    opacity: 0.7;
}

.ntg-item-recommend li .ntg-ttl-recommend {
    display: block;
    margin: 0 0 0 92px;
    font-size: 15px;
}

.ntg-item-recommend li a:hover .ntg-ttl-recommend {
    text-decoration: underline;
}

.ntg-item-recommend li .ntg-ttl-recgame {
    display: block;
    margin: 0 0 6px 92px;
    color: #666;
    font-size: 10px;
}

.ntg-item-recommend li .ntg-tx-recommend {
    display: block;
    margin: 0 0 0 92px;
    color: #333;
    word-break: break-all;
}

/* ===== d-announcemen */
#w .d-announcement {
    margin-top: 0;
}

/* ===== ntg-item-info */
.page-top .ntg-item-info {
    margin-bottom: 0 !important;
    padding: 5px 5px 0;
    background: #f2f2f2;
}

.page-top .ntg-item-info dl {
    margin-bottom: 5px;
    padding: 16px;
    border: 1px solid #ccc;
    background: #fff;
}

.page-top .ntg-item-info dt {
    margin-bottom: 6px;
    padding-bottom: 6px;
    border-bottom: 1px dotted #ccc;
    font-weight: bold;
    font-size: 16px;
}

.page-top .ntg-item-info ul {
    margin-bottom: 5px;
    padding: 10px;
    border: 1px solid #ccc;
    background: #fff;
}

/* ===== ntg-item-info-slide */
.page-top .ntg-item-info-slide dl {
    padding: 10px;
}

.page-top .ntg-item-info-slide dt {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
    color: #005fc0;
    font-weight: normal;
    font-size: 12px;
    cursor: pointer;
}

.page-top .ntg-item-info-slide dt:hover {
    color: #909;
}

.page-top .ntg-item-info-slide dd {
    display: none;
    overflow: hidden;
    margin-top: 6px;
    padding: 10px 10px 0;
    border-top: 1px dotted #ccc;
}

.page-top .ntg-item-info-slide dd ul {
    margin-bottom: 0;
    padding: 5px 0 0;
    border: none;
}

/* ===== ntg-area-sns */
.ntg-area-sns {
    padding-top: 12px;
    border-top: 1px solid #e2e2e2;
}

.ntg-area-sns ul {
    overflow: hidden;
}

.ntg-area-sns li {
    float: left;
    margin-right: 12px;
}

/* ===== ntg-tutrial-popup */
#pop-back-black {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 510;
    min-height: 100%;
    width: 100%;
    background: #000;
    opacity: 0.5;
    -ms-filter: 'alpha(opacity=50)';
        filter: alpha(opacity=50);
    cursor: pointer;
}

.ntg-tutrial-popup {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 520;
    display: block;
    width: 818px;
    height: 489px;
    margin: auto;
}

.ntg-tutrial-popup .bg-tutrial {
    position: absolute;
    bottom: 0;
    left: 0;
    cursor: pointer;
}

.ntg-tutrial-popup .popup-footer {
    position: relative;
    height: 100%;
}

.ntg-tutrial-popup .tx-image-title {
    position: absolute;
    top: 380px;
    left: 23px;
    color: #000;
    text-shadow: #fff 2px 0 0, #fff -2px 0 0, #fff 0 -2px 0, #fff 0 2px 0, #fff 2px 2px 0, #fff -2px 2px 0, #fff 2px -2px 0, #fff -2px -2px 0, #fff 1px 2px 0, #fff -1px 2px 0, #fff 1px -2px 0, #fff -1px -2px 0, #fff 2px 1px 0, #fff -2px 1px 0, #fff 2px -1px 0, #fff -2px -1px 0, #fff 1px 1px 0, #fff -1px 1px 0, #fff 1px -1px 0, #fff -1px -1px 0;
    font-size: 12px;
}

.ntg-tutrial-popup .area-current {
    position: absolute;
    top: 298px;
    left: 462px;
}

.ntg-tutrial-popup .area-btn {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.ntg-tutrial-popup .area-btn > span {
    position: absolute;
    top: 372px;
    left: 395px;
    display: block;
    overflow: hidden;
    width: 393px;
    height: 73px;
}

.ntg-tutrial-popup .area-btn > span:hover > img {
    top: auto;
    bottom: 0;
}

.ntg-tutrial-popup .area-btn > span img {
    position: absolute;
    top: 0;
    left: 0;
}

.ntg-tutrial-popup .area-check {
    position: absolute;
    top: 445px;
    left: 395px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
}

.ntg-tutrial-popup .area-check label {
    color: #fff;
    text-shadow: #000 1px 1px 0, #000 -1px 1px 0, #000 1px -1px 0, #000 -1px -1px 0, #000 3px 3px 5px, #000 -3px -3px 5px, #000 0 0 5px;
    cursor: pointer;
}

.ntg-tutrial-popup .area-check input {
    vertical-align: bottom;
}

.ntg-tutrial-popup .area-check input:focus, .ntg-tutrial-popup .area-check input:hover {
    outline: none;
}

.ntg-tutrial-popup .list-annotation {
    position: relative;
    z-index: 100;
    display: inline-block;
    margin-left: 30px;
    padding: 2px 0 2px 5px;
    border-radius: 3px;
    color: #826800;
}

.ntg-tutrial-popup .list-annotation li {
    font-size: 10px;
    line-height: 12px;
}

.ntg-tutrial-popup .bt-close {
    position: absolute;
    top: -21px;
    right: -17px;
    z-index: 525;
    display: inline-block;
    overflow: hidden;
    width: 50px;
    height: 52px;
    cursor: pointer;
}

.ntg-tutrial-popup .bt-close:hover img {
    top: auto;
    bottom: 0;
}

.ntg-tutrial-popup .bt-close img {
    position: absolute;
    top: 0;
    left: 0;
}

.ntg-tutrial-popup.is-r18 {
    background-image: url(https://p.dmm.co.jp/p/netgame/common/tutrial/pic_tutorial_base_r18.png);
}

.ntg-tutrial-popup.is-r18 .list-tutrial li:before {
    background-color: transparent;
    background-color: rgba(255, 122, 186, 0.999);
}

.ntg-tutrial-popup.is-r18 .list-tutrial li:after {
    background-image: url(https://p.dmm.co.jp/p/netgame/common/tutrial/pic_now_r18.png);
}

.ntg-tutrial-popup.is-r18 .list-tutrial .step-1 {
    background-image: url(https://p.dmm.co.jp/p/netgame/common/tutrial/bg_box01_r18.jpg);
}

.ntg-tutrial-popup.is-r18 .list-tutrial .step-1 .capt-frame {
    background-image: url(https://p.dmm.co.jp/p/netgame/common/tutrial/bg_capt01_r18.png);
}

.ntg-tutrial-popup.is-r18 .list-tutrial .step-2 {
    background-image: url(https://p.dmm.co.jp/p/netgame/common/tutrial/bg_box02_r18.jpg);
}

.ntg-tutrial-popup.is-r18 .list-tutrial .step-2 .capt-frame {
    background-image: url(https://p.dmm.co.jp/p/netgame/common/tutrial/bg_capt02_r18.png);
}

.ntg-tutrial-popup.is-r18 .list-tutrial .step-3 {
    background-image: url(https://p.dmm.co.jp/p/netgame/common/tutrial/bg_box03_r18.jpg);
}

.ntg-tutrial-popup.is-r18 .list-tutrial .step-3 .capt-frame {
    background-image: url(https://p.dmm.co.jp/p/netgame/common/tutrial/bg_capt03_r18.png);
}

.ntg-tutrial-popup.is-r18 .list-tutrial .step-4 {
    background-image: url(https://p.dmm.co.jp/p/netgame/common/tutrial/bg_box04_r18.jpg);
}

.ntg-tutrial-popup.is-r18 .list-tutrial .step-4 .capt-frame {
    background-image: url(https://p.dmm.co.jp/p/netgame/common/tutrial/bg_capt04_r18.png);
}

.ntg-tutrial-popup.is-r18 .list-tutrial .step-5 {
    background-image: url(https://p.dmm.co.jp/p/netgame/common/tutrial/bg_box05_r18.jpg);
}

.ntg-tutrial-popup.is-r18 .list-tutrial .step-5 .capt-frame {
    background-image: url(https://p.dmm.co.jp/p/netgame/common/tutrial/bg_capt05_r18.png);
}

/* ===== ntg-area-gameRanking */
#contents-ntg .ntg-area-gameRanking .d-capt {
    position: relative;
}

#contents-ntg .ntg-area-gameRanking .d-capt .tx-exchange {
    position: absolute;
    top: 2px;
    right: 2px;
    padding: 6px 12px 6px 34px;
    border: 1px solid #ddd;
    background: #f5f5f5;
    color: #16acc2;
    font-size: 14px;
    line-height: 1.6;
}

#contents-ntg .ntg-area-gameRanking .d-capt .tx-exchange:hover {
    top: 3px;
    opacity: 0.8;
}

#contents-ntg .ntg-area-gameRanking .d-capt .tx-exchange:before {
    position: absolute;
    top: 12px;
    left: 9px;
    display: block;
    width: 25px;
    height: 15px;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_pickup_exchange.png) -70px -35px no-repeat;
    content: '';
}

#contents-ntg .ntg-area-gameRanking .d-capt .tx-exchange.general {
    color: #eb4266;
}

#contents-ntg .ntg-area-gameRanking .d-capt .tx-exchange.general:before {
    top: 10px;
    left: 12px;
    background-position: -70px -0;
}

#contents-ntg .ntg-area-gameRanking .box-gameRanking .gameRanking-main .gameRanking-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -ms-flex-pack: center;
    margin: 0 -5px 12px;

    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
}

#contents-ntg .ntg-area-gameRanking .box-gameRanking .gameRanking-main .gameRanking-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

#contents-ntg .ntg-area-gameRanking .box-gameRanking .gameRanking-main .gameRanking-item .gameRanking-link {
    display: block;
    margin: 0 5px;
    padding: 10px 0;
    border: 1px solid #eee;
    background: -webkit-linear-gradient(#f9f9f9, #eee);
    background:         linear-gradient(#f9f9f9, #eee);
    background-color: #eee;

    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

#contents-ntg .ntg-area-gameRanking .box-gameRanking .gameRanking-main .gameRanking-item .gameRanking-link:hover {
    border: 1px solid #ddd;
    text-decoration: none;
}

#contents-ntg .ntg-area-gameRanking .box-gameRanking .gameRanking-main .gameRanking-item .gameRanking-link:before {
    display: block;
    width: 213px;
    height: 41px;
    margin: 0 auto 4px;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_ranking_v2-1.png) 0 0 no-repeat;
    content: '';
}

#contents-ntg .ntg-area-gameRanking .box-gameRanking .gameRanking-main .gameRanking-item .gameRanking-link.rank2:before {
    background-position: -220px 0;
}

#contents-ntg .ntg-area-gameRanking .box-gameRanking .gameRanking-main .gameRanking-item .gameRanking-link.rank3:before {
    background-position: -440px 0;
}

#contents-ntg .ntg-area-gameRanking .box-gameRanking .gameRanking-main .gameRanking-item .gameRanking-link .gameRanking-thmb {
    position: relative;
    top: 0;
    display: block;
    max-width: 200px;
    width: 100%;
    margin: 0 auto;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
    opacity: 1;
    -webkit-transition: box-shadow 0.2s ease-out 0s;
            transition: box-shadow 0.2s ease-out 0s;
}

#contents-ntg .ntg-area-gameRanking .box-gameRanking .gameRanking-main .gameRanking-item .gameRanking-link:hover .gameRanking-thmb {
    top: 1px;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
    opacity: 0.7;
}

#contents-ntg .ntg-area-gameRanking .box-gameRanking .gameRanking-main .gameRanking-item .gameRanking-link .gameRanking-device {
    position: relative;
    display: block;
    max-width: 200px;
    margin: 13px auto 0;
    color: #666;
    font-size: 10px;
    line-height: 1;
}

#contents-ntg .ntg-area-gameRanking .box-gameRanking .gameRanking-main .gameRanking-item .gameRanking-link:hover .gameRanking-device {
    top: 1px;
}

#contents-ntg .ntg-area-gameRanking .box-gameRanking .gameRanking-main .gameRanking-item .gameRanking-link .gameRanking-title {
    position: relative;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    max-width: 200px;
    max-height: 2.3em;
    margin: 10px auto 0;
    word-break: break-all;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.2;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

#contents-ntg .ntg-area-gameRanking .box-gameRanking .gameRanking-main .gameRanking-item .gameRanking-link:hover .gameRanking-title {
    top: 1px;
    text-decoration: underline;
}

#contents-ntg .ntg-area-gameRanking .box-gameRanking .gameRanking-main .gameRanking-item .gameRanking-link .ntg-status-wrapper {
    max-width: 200px;
    margin-right: auto;
    margin-left: auto;
}

#contents-ntg .ntg-area-gameRanking .box-gameRanking .gameRanking-sub .gameRanking-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -ms-flex-pack: start;
    margin: 0 -5px 12px;

    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
}

#contents-ntg .ntg-area-gameRanking .box-gameRanking .gameRanking-sub .gameRanking-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    max-width: 16.666%;

    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

#contents-ntg .ntg-area-gameRanking .box-gameRanking .gameRanking-sub .gameRanking-item .gameRanking-link {
    display: block;
    padding: 0 5px;
    text-decoration: none;

    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

#contents-ntg .ntg-area-gameRanking .box-gameRanking .gameRanking-sub .gameRanking-item .gameRanking-link .gameRanking-rank {
    color: #333;
    font-weight: bold;
    font-size: 14px;
}

#contents-ntg .ntg-area-gameRanking .box-gameRanking .gameRanking-sub .gameRanking-item .gameRanking-link .gameRanking-rank:after {
    content: '\4f4d';
}

#contents-ntg .ntg-area-gameRanking .box-gameRanking .gameRanking-sub .gameRanking-item .gameRanking-link .gameRanking-thmb {
    position: relative;
    top: 0;
    display: block;
    max-width: 200px;
    width: 100%;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
    opacity: 1;
    -webkit-transition: box-shadow 0.2s ease-out 0s;
            transition: box-shadow 0.2s ease-out 0s;
}

#contents-ntg .ntg-area-gameRanking .box-gameRanking .gameRanking-sub .gameRanking-item .gameRanking-link:hover .gameRanking-thmb {
    top: 1px;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
    opacity: 0.7;
}

#contents-ntg .ntg-area-gameRanking .box-gameRanking .gameRanking-sub .gameRanking-item .gameRanking-link .gameRanking-device {
    position: relative;
    display: block;
    margin: 10px auto 0;
    color: #666;
    font-size: 10px;
    line-height: 1;
}

#contents-ntg .ntg-area-gameRanking .box-gameRanking .gameRanking-sub .gameRanking-item .gameRanking-link:hover .gameRanking-device {
    top: 1px;
}

#contents-ntg .ntg-area-gameRanking .box-gameRanking .gameRanking-sub .gameRanking-item .gameRanking-link .gameRanking-title {
    position: relative;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    max-height: 2.2em;
    margin: 6px auto 0;
    word-break: break-all;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.2;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

#contents-ntg .ntg-area-gameRanking .box-gameRanking .gameRanking-sub .gameRanking-item .gameRanking-link:hover .gameRanking-title {
    top: 1px;
    text-decoration: underline;
}

#contents-ntg .ntg-area-gameRanking .gameRankingLandscape {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -ms-flex-pack: distribute;
    -ms-flex-align: center;

    -webkit-justify-content: space-around;
            justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
}

#contents-ntg .ntg-area-gameRanking .gameRankingLandscape .gameRankingLandscape-main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -ms-flex-pack: distribute;
    -ms-flex-align: center;

    -webkit-justify-content: space-around;
            justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

#contents-ntg .ntg-area-gameRanking .gameRankingLandscape .gameRankingLandscape-main .gameRanking-item .gameRanking-link {
    display: block;
    text-decoration: none;
}

#contents-ntg .ntg-area-gameRanking .gameRankingLandscape .gameRankingLandscape-main .gameRanking-item .gameRanking-link .gameRanking-rank {
    display: block;
    max-width: 200px;
    margin: 0 auto;
    color: #fa0;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
}

#contents-ntg .ntg-area-gameRanking .gameRankingLandscape .gameRankingLandscape-main .gameRanking-item .gameRanking-link .gameRanking-rank:before {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 3px;
    content: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_ranking01.svg);
}

#contents-ntg .ntg-area-gameRanking .gameRankingLandscape .gameRankingLandscape-main .gameRanking-item .gameRanking-link .gameRanking-rank:after {
    content: '\4f4d';
}

#contents-ntg .ntg-area-gameRanking .gameRankingLandscape .gameRankingLandscape-main .gameRanking-item .gameRanking-link .gameRanking-thmb {
    position: relative;
    top: 0;
    display: block;
    max-width: 200px;
    width: 100%;
    margin: 0 auto;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
    opacity: 1;
    -webkit-transition: box-shadow 0.2s ease-out 0s;
            transition: box-shadow 0.2s ease-out 0s;
}

#contents-ntg .ntg-area-gameRanking .gameRankingLandscape .gameRankingLandscape-main .gameRanking-item .gameRanking-link:hover .gameRanking-thmb {
    top: 1px;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
    opacity: 0.7;
}

#contents-ntg .ntg-area-gameRanking .gameRankingLandscape .gameRankingLandscape-main .gameRanking-item .gameRanking-link .gameRanking-title {
    position: relative;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    max-width: 200px;
    max-height: 2.2em;
    margin: 10px auto 0;
    word-break: break-all;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.2;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

#contents-ntg .ntg-area-gameRanking .gameRankingLandscape .gameRankingLandscape-main .gameRanking-item .gameRanking-link:hover .gameRanking-title {
    top: 1px;
    text-decoration: underline;
}

#contents-ntg .ntg-area-gameRanking .gameRankingLandscape .gameRankingLandscape-sub {
    -ms-flex-pack: distribute;
    -ms-flex-align: center;

    -webkit-box-flex: 2;
    -webkit-flex: 2;
        -ms-flex: 2;
            flex: 2;
    -webkit-justify-content: space-around;
            justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
}

#contents-ntg .ntg-area-gameRanking .gameRankingLandscape .gameRankingLandscape-sub .gameRanking-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -ms-flex-pack: start;
    margin: 0 0 12px;

    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
}

#contents-ntg .ntg-area-gameRanking .gameRankingLandscape .gameRankingLandscape-sub .gameRanking-item {
    max-width: 33.333%;

    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

#contents-ntg .ntg-area-gameRanking .gameRankingLandscape .gameRankingLandscape-sub .gameRanking-item .gameRanking-link {
    display: block;
    margin: 0 20px;
    text-decoration: none;
}

#contents-ntg .ntg-area-gameRanking .gameRankingLandscape .gameRankingLandscape-sub .gameRanking-item .gameRanking-link .gameRanking-rank {
    color: #333;
    font-weight: bold;
    font-size: 14px;
}

#contents-ntg .ntg-area-gameRanking .gameRankingLandscape .gameRankingLandscape-sub .gameRanking-item .gameRanking-link .gameRanking-rank:after {
    content: '\4f4d';
}

#contents-ntg .ntg-area-gameRanking .gameRankingLandscape .gameRankingLandscape-sub .gameRanking-item .gameRanking-link .gameRanking-thmb {
    position: relative;
    top: 0;
    display: block;
    max-width: 200px;
    width: 100%;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
    opacity: 1;
    -webkit-transition: box-shadow 0.2s ease-out 0s;
            transition: box-shadow 0.2s ease-out 0s;
}

#contents-ntg .ntg-area-gameRanking .gameRankingLandscape .gameRankingLandscape-sub .gameRanking-item .gameRanking-link:hover .gameRanking-thmb {
    top: 1px;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
    opacity: 0.7;
}

#contents-ntg .ntg-area-gameRanking .gameRankingLandscape .gameRankingLandscape-sub .gameRanking-item .gameRanking-link .gameRanking-title {
    position: relative;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    max-height: 2.2em;
    margin: 6px auto 0;
    word-break: break-all;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.2;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

#contents-ntg .ntg-area-gameRanking .gameRankingLandscape .gameRankingLandscape-sub .gameRanking-item .gameRanking-link:hover .gameRanking-title {
    top: 1px;
    text-decoration: underline;
}

#contents-ntg .ntg-area-gameRanking .gameRankingLandscape .gameRankingLandscape-sub .gameRanking-list:nth-of-type(1) .gameRanking-item:nth-of-type(1) .gameRanking-rank {
    color: #999;
}

#contents-ntg .ntg-area-gameRanking .gameRankingLandscape .gameRankingLandscape-sub .gameRanking-list:nth-of-type(1) .gameRanking-item:nth-of-type(1) .gameRanking-rank:before {
    display: inline-block;
    width: 18px;
    height: 20px;
    margin-right: 3px;
    content: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_ranking02.svg);
    vertical-align: middle;
}

#contents-ntg .ntg-area-gameRanking .gameRankingLandscape .gameRankingLandscape-sub .gameRanking-list:nth-of-type(1) .gameRanking-item:nth-of-type(2) .gameRanking-rank {
    color: #963;
}

#contents-ntg .ntg-area-gameRanking .gameRankingLandscape .gameRankingLandscape-sub .gameRanking-list:nth-of-type(1) .gameRanking-item:nth-of-type(2) .gameRanking-rank:before {
    display: inline-block;
    width: 18px;
    height: 20px;
    margin-right: 3px;
    content: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_ranking03.svg);
    vertical-align: middle;
}

#contents-ntg .ntg-area-gameRanking .btn-gameRanking__more, #contents-ntg .ntg-area-gameRanking .btn-gameRanking__link {
    clear: both;
    margin: 20px auto;
    text-align: center;
}

#contents-ntg .ntg-area-gameRanking .btn-gameRanking__more a, #contents-ntg .ntg-area-gameRanking .btn-gameRanking__link a {
    display: inline-block;
    min-width: 280px;
    margin: 0 auto;
    padding: 8px 20px;
    border: 1px solid #ddd;
    background: #f2f2f2;
    color: #333;
    font-weight: bold;
    font-size: 16px;
}

#contents-ntg .ntg-area-gameRanking .btn-gameRanking__more a:hover, #contents-ntg .ntg-area-gameRanking .btn-gameRanking__link a:hover {
    position: relative;
    top: 1px;
    opacity: 0.7;
}

#contents-ntg .ntg-area-gameRanking .btn-gameRanking__more span, #contents-ntg .ntg-area-gameRanking .btn-gameRanking__link span {
    position: relative;
    display: inline-block;
    padding-left: 18px;
}

#contents-ntg .ntg-area-gameRanking .btn-gameRanking__more span:before, #contents-ntg .ntg-area-gameRanking .btn-gameRanking__link span:before {
    position: absolute;
    top: 8px;
    left: 0;
    display: block;
    width: 0;
    height: 0;
    border-width: 8px 5px 0 5px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
    content: '';
}

/* ===== ntg-area-paidRank */
#contents-ntg .ntg-area-paidRank .paidRanking .paidRanking-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -ms-flex-pack: start;
    -ms-flex-align: start;
    margin: 0 -5px;

    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
            align-items: flex-start;
}

#contents-ntg .ntg-area-paidRank .paidRanking .paidRanking-list .paidRanking-listItem {
    display: inline-block;
    margin-bottom: 20px;
    padding: 0 5px;
    text-decoration: none;
}

#contents-ntg .ntg-area-paidRank .paidRanking .paidRanking-list .paidRanking-listItem .paidRanking-rank {
    width: 135px;
    height: 22px;
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #333;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    line-height: 22px;
    box-sizing: border-box;
}

#contents-ntg .ntg-area-paidRank .paidRanking .paidRanking-list .paidRanking-listItem .paidRanking-rank.is-first {
    border: none;
    background: #fa0;
    color: #fff;
    line-height: 23px;
}

#contents-ntg .ntg-area-paidRank .paidRanking .paidRanking-list .paidRanking-listItem .paidRanking-rank.is-second {
    border: none;
    background: #999;
    color: #fff;
    line-height: 23px;
}

#contents-ntg .ntg-area-paidRank .paidRanking .paidRanking-list .paidRanking-listItem .paidRanking-rank.is-third {
    border: none;
    background: #bd9039;
    color: #fff;
    line-height: 23px;
}

#contents-ntg .ntg-area-paidRank .paidRanking .paidRanking-list .paidRanking-listItem .paidRanking-image {
    position: relative;
    width: 135px;
    height: 135px;
    margin-top: 10px;
    text-align: center;
}

#contents-ntg .ntg-area-paidRank .paidRanking .paidRanking-list .paidRanking-listItem .paidRanking-image img {
    max-width: 100%;
    max-height: 100%;
}

#contents-ntg .ntg-area-paidRank .paidRanking .paidRanking-list .paidRanking-listItem .paidRanking-title {
    width: 135px;
    margin-top: 10px;
    text-align: left;
    font-size: 13px;
}

#contents-ntg .ntg-area-paidRank .paidRanking .paidRanking-list .paidRanking-listItem:hover .paidRanking-image {
    top: 1px;
    opacity: 0.7;
}

#contents-ntg .ntg-area-paidRank .paidRanking .paidRanking-list .paidRanking-listItem:hover .paidRanking-title {
    text-decoration: underline;
}

/* ===== ntg-area-global */
.ntg-item-globalGame {
    width: 734px;
}

.ntg-item-globalGame .globalGame_col1 {
    margin: 0 10px 10px 0;
}

.ntg-item-globalGame .globalGame_col1 a:hover {
    position: relative;
    top: 1px;
    opacity: 0.7;
}

.ntg-item-globalGame .globalGame_col2 .globalGame_col2-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    overflow: hidden;
    padding-bottom: 10px;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.ntg-item-globalGame .globalGame_col2 .globalGame_col2-item {
    margin-bottom: 10px;
}

.ntg-item-globalGame .globalGame_col2 .globalGame_col2-item:nth-child(odd) {
    margin-right: 16px;
}

.ntg-item-globalGame .globalGame_col2 .globalGame_col2-item a {
    position: relative;
    display: block;
}

.ntg-item-globalGame .globalGame_col2 .globalGame_col2-item img {
    float: left;
}

.ntg-item-globalGame .globalGame_col2 .globalGame_col2-item a:hover {
    top: 1px;
    opacity: 0.7;
}

.ntg-item-globalGame .globalGame_col2 .globalGame_col2-item a:hover img {
    opacity: 0.7;
}

.ntg-item-globalGame .globalGame-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -ms-flex-pack: start;
    width: 735px;
    margin: 0 -5px 12px;

    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
}

.ntg-item-globalGame .globalGame-item {
    max-width: calc(100% / 6);
}

.ntg-item-globalGame .globalGame-item .globalGame-link {
    display: block;
    padding: 0 5px;
    text-decoration: none;

    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.ntg-item-globalGame .globalGame-item .globalGame-link .globalGame-thmb {
    position: relative;
    top: 0;
    display: block;
    max-width: 200px;
    width: 100%;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
    opacity: 1;
    -webkit-transition: box-shadow 0.2s ease-out 0s;
            transition: box-shadow 0.2s ease-out 0s;
}

.ntg-item-globalGame .globalGame-item .globalGame-link:hover .globalGame-thmb {
    top: 1px;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
    opacity: 0.7;
}

.ntg-item-globalGame .globalGame-item .globalGame-link .globalGame-title {
    position: relative;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    max-height: 2.2em;
    margin: 6px auto 0;
    word-break: break-all;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.2;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.ntg-item-globalGame .globalGame-item .globalGame-link:hover .globalGame-title {
    top: 1px;
    text-decoration: underline;
}

/* ===== ntg-area-fullViewBanner */
#contents-ntg .ntg-area-fullViewBanner .fullViewBanner {
    position: relative;
    display: block;
}

#contents-ntg .ntg-area-fullViewBanner .fullViewBanner img {
    width: 100%;
}

#contents-ntg .ntg-area-fullViewBanner .fullViewBanner:hover {
    top: 1px;
    opacity: 0.7;
}

/*
project - uninstall.scss
----------------------------------------*/
.page-uninstall .ntg-table th, .page-uninstall .ntg-table td {
    width: auto;
}

.page-uninstall .ntg-table th {
    text-align: left;
}

.page-uninstall .ntg-table .box-check {
    width: 40px;
    text-align: center;
}

.page-uninstall .ntg-table td.box-check {
    background: #edf0f1;
}

.page-uninstall .ntg-table td.box-check input {
    margin-right: 0;
}

.page-uninstall .box-bt-uninstall {
    text-align: center;
}

/*
project - update.scss
----------------------------------------*/
/* ===== �������� */
.page-update .ntg-area-update .d-sect {
    border: 10px solid #f2f2f2;
}

.page-update .ntg-updatetab {
    overflow: hidden;
    border-top: 1px solid #fff;
}

.page-update .ntg-updatetab.col-4 li {
    width: 25%;
}

.page-update .ntg-updatetab li {
    float: left;
    background: #dbe3e6;
    background: -webkit-linear-gradient(top, #dbe3e6 0%, #cad2d7 100%);
    background:         linear-gradient(to bottom, #dbe3e6 0%, #cad2d7 100%);
    font-size: 12px;
    line-height: 1.2;
}

.page-update .ntg-updatetab li.on {
    background: #fff;
}

.page-update .ntg-updatetab a {
    position: relative;
    display: block;
    min-width: 140px;
    padding: 10px 0 9px;
    border-right: 1px solid #bcc3c7;
    color: #000;
    text-align: center;
}

.page-update .ntg-updatetab a:hover {
    background: #cad2d7;
    background: -webkit-linear-gradient(top, #cad2d7 0%, #dbe3e6 100%);
    background:         linear-gradient(to bottom, #cad2d7 0%, #dbe3e6 100%);
}

.page-update .ntg-updatetab a:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 30px;
    height: 30px;
    background: url(https://p.dmm.co.jp/p/netgame/common/ico/ico_sidentg.png) 0 -645px no-repeat;
    content: '';
}

.page-update .ntg-updatetab .ico-game a:after {
    background-position: 0 -645px;
}

.page-update .ntg-updatetab .ico-friend a:after {
    background-position: 0 -695px;
}

.page-update .ntg-updatetab .ico-community a:after {
    background-position: 0 -745px;
}

.page-update .ntg-updatetab .tab1 a:after {
    top: 10px;
    left: 17px;
}

.page-update .ntg-updatetab .tab2 a:after {
    top: 10px;
    left: 23px;
}

.page-update .ntg-updatetab .tab3 a:after {
    top: 10px;
    left: 11px;
}

.page-update .ntg-updatetab .tab4 a:after {
    top: 10px;
    left: 26px;
}

.page-update .ntg-updatetab .tab5 a:after {
    top: 10px;
    left: 17px;
}

.page-update .ntg-updatetab span {
    display: block;
}

.page-update .ntg-updatetab span {
    display: block;
}

.page-update .ntg-updatetab .tab1 span {
    padding-left: 25px;
}

.page-update .ntg-updatetab .tab2 span {
    padding-left: 28px;
}

.page-update .ntg-updatetab .tab3 span {
    padding-left: 22px;
}

.page-update .ntg-updatetab .tab4 span {
    padding-left: 28px;
}

.page-update .ntg-updatetab .tab5 span {
    padding-left: 25px;
}

.page-update .ntg-updatetab li:last-child a {
    border-right: none;
}

.page-update .ntg-updatetab li.on a:hover {
    background: #fff;
}

.page-update .ntg-item-update {
    margin: 0 16px 22px;
}

.page-update .ntg-item-update ul {
    margin-bottom: 0;
}

.page-update .ntg-item-update li {
    border-bottom: 1px dotted #ccc;
}

.page-update .ntg-item-update li a {
    display: block;
    overflow: hidden;
    padding: 6px;
    text-decoration: none;
}

.page-update .ntg-item-update li a span {
    padding-right: 6px;
}

.page-update .ntg-item-update li a:hover {
    background: #eaecf1;
}

.page-update .ntg-item-update .tx-name .tx-gttl {
    color: #666;
}

.page-update .ntg-item-update .tx-date {
    float: right;
    color: #999;
}

.page-update .ntg-item-update a:hover .tx-matter {
    text-decoration: underline;
}

.page-update .ntg-item-update .btn-more {
    margin-top: 22px;
}

.page-update .ntg-item-update .btn-more a {
    display: block;
    width: 300px;
    margin: 0 auto;
    padding: 8px 0;
    border: 1px solid #b8c2cb;
    background: #fffefc;
    background: -webkit-linear-gradient(top, #fffefc 0%, #e9eef2 100%);
    background:         linear-gradient(to bottom, #fffefc 0%, #e9eef2 100%);
    color: #373c40;
    text-align: center;
    font-size: 14px;
}

.page-update .ntg-item-update .btn-more a:hover {
    position: relative;
    top: 1px;
    background: #e9eef2;
}

.page-update .ntg-item-update .btn-more span {
    padding-left: 20px;
    background: url(https://p.dmm.co.jp/p/netgame/community/ico_community.png) no-repeat 0 -227px;
}

.page-update .ntg-item-update .badge {
    position: relative;
    top: -1px;
    margin-left: 6px;
    padding: 1px 6px;
    border-radius: 10px;
    background: #c00;
    color: #fff;
    font-weight: bold;
    font-size: 10px;
    line-height: 1;
}

/* ==== .page-release-anounce */
.page-release-anounce .ntg-area-new .ntg-item-newlist {
    padding: 30px 30px 0;
    background: #ffeef4;
}

.page-release-anounce .ntg-area-new .ntg-item-newlist ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.page-release-anounce .ntg-area-new .ntg-item-newlist ul li {
    float: none;
    width: 204px;
    margin-right: 26px;
    margin-bottom: 30px;
}

.page-release-anounce .ntg-area-new .ntg-item-newlist ul li:nth-of-type(3n) {
    margin-right: 0;
}

.page-release-anounce .ntg-area-new .ntg-item-newlist ul li dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}

.page-release-anounce .ntg-area-new .ntg-item-newlist ul li dl .ttl-new {
    font-size: 0;
}

.page-release-anounce .ntg-area-new .ntg-item-newlist ul li dl .ttl-new a {
    display: inline;
    font-weight: bold;
    font-size: 14px;
}

.page-release-anounce .ntg-area-new .ntg-item-newlist ul li dl .ttl-new a span {
    display: inline-block;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.page-release-anounce .ntg-area-new .ntg-item-newlist ul li dl dd {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    -ms-flex-positive: 2;
            flex-grow: 2;
}

.page-release-anounce .ntg-area-new .ntg-item-newlist ul li dl dd .push-detail {
    margin-bottom: 6px;

    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    -ms-flex-positive: 2;
            flex-grow: 2;
}

.page-release-anounce .ntg-area-new .ntg-item-newlist ul li dl dd .bt-newplay {
    position: relative;
    right: auto;
    width: 200px;
}

/*
project - feature.scss
----------------------------------------*/
/* ===== ���ߥեå�����GAMES�ȥåץ��󥫡�Ĵ�� */
#anchor__page-feature {
    margin: 0 -12px;
    padding-top: 12px;
    background-color: #fff;
}