@charset 'UTF-8';
/* CSS Document */
/* stylelint-disable */
/* =========================================== [ base.html ] */
#overarea {
    display: none;
}

#game_frame {
    display: block;
}

/* =========================================== [ .userpoint ] */
.userpoint > th, .userpoint > td {
    border: none;
    background: #fff;
    line-height: 2em;
}

/* =========================================== [ .tbl ] */
.tbl tr > th {
    padding: 10px 10px 10px 0;
    vertical-align: top;
}

.tbl tr > td {
    padding: 10px;
    vertical-align: top;
}

.tbl th {
    min-width: 100px;
}

.tbl td {
    min-width: 180px;
}

.tbl table td {
    padding: 0;
    border: none;
    vertical-align: top;
}

.tbl input {
    margin-bottom: 6px;
}

.tbl input[size='30'] {
    width: 175px;
}

.bx-lastname, .bx-1stname {
    float: left;
    width: 92px;
    white-space: nowrap;
}

.bx-lastname input, .bx-1stname input {
    width: 25px;
}

input[type=checkbox] {
    margin-right: 4px;
    padding: 0;
}

input[type=checkbox] + label {
    vertical-align: top;
}

.tbl textarea {
    width: 175px;
}

/*========================= [ #list-works / 商品リスト ] */
#list-works li {
    border-bottom: 1px solid #888;
}

#list-works .floor {
    display: inline-block;
    margin-top: 8px;
}

.flb-works a {
    display: block;
    color: #222;
}

.flb-works dl {
    height: 67px;
    margin-bottom: 5px;
    margin-left: 85px;
    padding: 5px 5px 5px 0;
    line-height: 1.2;
}

.flb-works dl dt {
    font-weight: bold;
    font-size: 12px;
}

.flb-works dl dd {
    color: #555;
    font-size: 12px;
}

.flb-works .pkg {
    display: table;
    float: left;
}

.flb-works .pkg > div {
    display: table-cell;
    height: 100px;
    vertical-align: middle;
}

.flb-works .btn {
    margin-left: 85px;
}

/* ================================= [ buypoint (ポイントリスト)] */
.buypoint > table {
    width: 100%;
}

.buypoint th, .buypoint td {
    padding: 20px 10px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
}

.buypoint th {
    width: 42%;
    text-align: left;
    font-size: 14px;
}

.buypoint td {
    width: 40%;
    color: #f00;
}

.buypoint .button {
    width: 18%;
    text-align: center;
}

/* ================================= [ .commerce ] */
.commerce {
    margin: 10px 0 30px;
}

.commerce li {
    padding: 10px;
    list-style-type: none;
}

/* ================================= [ .game-box ] */
.game-box {
    overflow: hidden;
    margin: 10px 0;
}

.btn-gameplay {
    padding-bottom: 2px;
    padding-left: 18px;
    background: none no-repeat;
    background-size: 14px 15px;
}

/* ================================= [ .comment ] */
.comment li {
    width: 100%;
    margin: 0;
    padding: 10px;
    border-bottom: 1px solid #a5a5a5;
    color: #333;
    font-size: 14px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
}

.comment li > div {
    overflow: hidden;
    margin-bottom: 3px;
}

.comment li > div > div {
    float: left;
    width: 50%;
}

.comment li > div > div:last-child {
    text-align: right;
}

/* =========================================== [ .input-tbl ] */
.input-tbl tr > th {
    padding: 10px 10px 10px 0;
    vertical-align: top;
}

.input-tbl tr > td {
    padding: 10px;
    vertical-align: top;
}

.input-tbl th {
    min-width: 100px;
}

.input-tbl td {
    min-width: 180px;
}

.input-tbl table td {
    padding: 0;
    border: none;
    vertical-align: top;
}

.input-tbl input {
    margin-bottom: 6px;
}

.input-tbl input[type=checkbox] {
    margin-right: 4px;
    padding: 0;
}

.input-tbl input[type=checkbox] + label {
    vertical-align: top;
}

/* =========================================== [ .bx-lastname, .bx-1stname ] */
.bx-lastname, .bx-1stname {
    float: left;
    width: 92px;
    white-space: nowrap;
}

.bx-lastname input, .bx-1stname input {
    width: 25px;
}

/* =========================================== [ .moreinfo ] */
.moreinfo {
    width: 100%;
    border-bottom: 1px solid #a5a5a5;
    background: none no-repeat right center #f2f2f2;
    background-size: 18px 14px;
    color: #999;
    text-align: right;
    font-weight: bold;
    font-size: 14px;
}

.moreinfo p {
    padding: 10px 30px 10px 10px;
}

.moreinfo a {
    color: #999;
    text-shadow: 1px 1px 0 #fff;
}

.btn-addfriend {
    padding-bottom: 2px;
    padding-left: 18px;
    background: none no-repeat;
    background-size: 14px 15px;
}

/* =========================================== [ .list-friend ] */
.list-friend li {
    position: relative;
    border-bottom: 1px solid #888;
}

.list-friend li > a {
    display: block;
    padding-right: 10px;
    background-origin: content-box;
    background-size: 9px 14px;
    color: #222;
}

.list-friend li dl dd.cast {
    color: #555;
    font-size: 12px;
}

.list-friend li dl dd em {
    color: #c10000;
    font-weight: bold;
    font-style: normal;
}

.list-friend li img {
    float: left;
    margin: 10px 0 10px 10px;
}

.list-friend li dl {
    margin-right: 8px;
    margin-left: 95px;
    padding: 10px 8px 10px 0;
}

.list-friend li dl dt {
    font-weight: bold;
    font-size: 14px;
}

.btn-delete {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 10px;
}

/* =========================================== [ .message 吹出し ] */
.message {
    position: relative;
    min-height: 20px;
    width: 100%;
    margin-top: -5px;
    padding: 10px;
    border: 1px solid #b2b2b2;
    border-radius: 0 0 5px 5px;
    background-color: #fff;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
}

.message:before {
    position: absolute;
    top: -11px;
    left: 38px;
    width: 0;
    height: 0;
    border-right: 9px solid transparent;
    border-bottom: 11px solid #b2b2b2;
    border-left: 9px solid transparent;
    content: '';
}

.message:after {
    position: absolute;
    top: -10px;
    left: 39px;
    width: 0;
    height: 0;
    border-right: 8px solid transparent;
    border-bottom: 10px solid #fff;
    border-left: 8px solid transparent;
    content: '';
}

.tx-original {
    display: block;
    margin-top: 12px;
    color: #999;
}

/* =========================================== [ .mygame ] */
.mygame {
    overflow: hidden;
    width: 320px;
    height: 60px;
    margin: 4px auto;
    list-style: none;
}

.mygame > li {
    float: left;
    margin: 0 2px;
}

/* =========================================== [ .sp_notice ] */
.sp_notice {
    margin: 10px;
}

.sp_notice p {
    padding: 10px 0 12px;
    text-align: center;
    font-weight: bold;
}

.sp_loading {
    width: 100%;
    margin: 40px 0;
    text-align: center;
}

/* =========================================== [ .list-addfooter ] */
.list-addfooter {
    display: block;
    width: 95%;
    margin: 10px auto;
}

.list-addfooter > li {
    display: inline-block;
    margin: 0 4px 4px 0;
    word-break: keep-all;
}

/* =========================================== [ .area-point ] */
.area-point {
    background: #e5e5e5;
}

.area-point form {
    position: relative;
    padding: 0 10px 10px;
}

.area-point #list-box1, .area-point #list-box2 {
    position: relative;
    width: 100%;
    border: #ccc solid 1px;
    border-radius: 10px;
    background: #fff;
    -webkit-box-shadow: 1px 1px 1px white;
       -moz-box-shadow: 1px 1px 1px white;
    -webkit-transition: 0.3s ease-in-out;

         -o-box-shadow: 1px 1px 1px white;
        -ms-box-shadow: 1px 1px 1px white;
}

.area-point #list-box1 {
    top: 0;
    left: 0;
}

.area-point #list-box2 {
    position: absolute;
    top: 0;
    left: -9999px;
}

.area-point #list-box1.move {
    position: absolute;
    top: 0;
}

.area-point #list-box2.move {
    position: relative;
    top: 0;
    left: 0;
}

.area-point #list-box1 li {
    text-indent: 6px;
}

.area-point li {
    border-bottom: 1px solid #888;
    background: #fff;
}

.area-point li.active {
    background: #ffffe1;
}

.area-point li:first-child {
    border-radius: 10px 10px 0 0;
}

.area-point li:last-child {
    border-bottom: none;
    border-radius: 0 0 10px 10px;
}

.area-point li a {
    display: block;
    padding: 20px 10px;
    font-size: 14px;
}

.area-point li:not([class=other]) a {
    background-image: none;
    background-position: right center;
    background-size: 18px 14px;
    background-repeat: no-repeat;
}

.area-point li.other {
    padding-left: 12px;
}

.area-point .waypayment a {
    color: #333;
    font-weight: bold;
}

.area-point .buypoint a span {
    display: inline-block;
    color: #f00;
    white-space: nowrap;
    font-size: 12px;
}

.area-point .buypoint a > span:first-child, .area-point .buypoint a > * > span:first-child {
    width: 55%;
    color: #333;
    text-indent: 6px;
    font-weight: bold;
    font-size: 14px;
}

.area-point #list-box2 .selectpoint {
    background: -webkit-linear-gradient(top, #fff, #eee);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #eee));
    background:         linear-gradient(top, #fff, #eee);
    -webkit-box-shadow: 1px 1px 1px white inset;
       -moz-box-shadow: 1px 1px 1px white inset;
    text-shadow: #fff 1px 1px;

         -o-box-shadow: 1px 1px 1px white inset;
        -ms-box-shadow: 1px 1px 1px white inset;
}

.area-point #list-box2 .selectpoint > span {
    display: block;
    padding: 20px 0 20px 30px;
    background-image: none;
    background-attachment: scroll;
    background-position: 10px center;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: 9px 14px;
    background-repeat: no-repeat;
}

.area-point #list-box2 .selectpoint > span > span {
    font-weight: bold;
    font-size: 14px;
}

.area-point .buypoint {
    position: relative;
}

.area-point .buypoint a {
    overflow: hidden;
}

.area-point .buypoint a p {
    float: left;
    width: 55%;
}

.area-point .buypoint div {
    float: left;
    width: 55%;
}

.area-point .buypoint div p, .area-point .buypoint p span {
    width: 100%;
}

.area-point .buypoint .caution {
    display: none;
}

/* =========================================== [ ボーナスポイント用パーツ ] */
/* ===== 初回ボーナスポイント有りの場合 */
/*#list-box2 li:nth-of-type(2).bonuspoint div span:first-child,
#list-box2 li:nth-of-type(3).bonuspoint div span:first-child,
#list-box2 li:nth-of-type(4).bonuspoint div span:first-child,
#list-box2 li:nth-of-type(5).bonuspoint div span:first-child {
    color: #666;
    font-weight: normal;
    font-size: 12px;
    text-decoration: line-through;
}*/
/* ===== ボーナスポイント表記用 */
#list-box2 li.bonuspoint a, #list-box2 li.bonuspoint a {
    padding-top: 11px;
    padding-bottom: 11px;
}

#list-box2 li.bonuspoint p {
    display: inline-block !important;
    margin-left: 6px;
    color: #333;
    vertical-align: middle;
    white-space: nowrap;
    font-weight: bold;
    font-size: 14px;
    line-height: 1;
}

#list-box2 li.bonuspoint p span + span {
    width: auto;
    color: #d70000;
    font-size: 11px;
}

.txt-bonuspoint {
    position: relative;
    display: inline-block;
    margin-left: 12px;
    border-radius: 3px;
    background: #d70000;
    color: #fff;
    font-size: 12px;
    line-height: 18px;
}

#list-box2 li a .txt-otoku {
    width: 36px;
    margin-right: 6px;
    border-radius: 3px;
    background-color: #d70000;
    color: #fff !important;
    text-align: left;
    text-align: center;
    letter-spacing: -0.001em;
    font-size: 10px;
    line-height: 14px;
}

#list-box2 li a .txt-bonuspoint:after {
    position: absolute;
    bottom: 5px;
    left: -6px;
    border-top: 3px solid transparent;
    border-right: 7px solid #d70000;
    border-bottom: 3px solid transparent;
    content: '';
}

/* ===== 価格表記位置調整 */
.area-point .buypoint.bonuspoint a div + span, .area-point .buypoint.bonuspoint a p + span {
    position: relative;
    top: 10px;
}

#list-box2 li:nth-of-type(2).bonuspoint a div + span, #list-box2 li:nth-of-type(3).bonuspoint a div + span, #list-box2 li:nth-of-type(4).bonuspoint a div + span {
    top: 16px;
}

/* =========================================== [ クレカのみテキスト表示位置 ] */
.area-point .buypoint.credit-only a .caution {
    position: absolute;
    top: 30px;
    color: #333;
    font-weight: normal;
    font-size: 10px;
}

/* ===== 価格表記位置調整 */
.area-point .buypoint.credit-only a div + span, .area-point .buypoint.credit-only a p + span {
    position: relative;
    top: -10px;
}

.area-point .buypoint.credit-only a div + span, .area-point .buypoint.credit-only a p + span {
    position: absolute;
    top: 14px;
}

.area-point .buypoint.credit-only .caution {
    display: inline-block;
}

/*=========================  [ olg-area-slidedown ] */
.olg-area-slidedown {
    margin: 0 10px 5px;
    border: 1px solid #bbb;
    border-radius: 4px;
}

.olg-area-slidedown dt {
    margin: 0;
    padding: 8px 14px 8px 6px;
    border-radius: 4px;
    background: -webkit-linear-gradient(top, #fff, #e9e9e9);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #e9e9e9));
    background:         linear-gradient(top, #fff, #e9e9e9);
    -webkit-transition: 0.2s ease-in-out;
}

.olg-area-slidedown dt:before {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 6px;
    border-radius: 4px 4px 0 0;
    background-image: none;
    background-position: -12px 0;
    background-size: 24px 12px;
    background-repeat: no-repeat;
    content: '';
    font-weight: bold;
}

.olg-area-slidedown.on dt {
    -webkit-transition: 0.2s ease-in-out;
}

.olg-area-slidedown.on dt:before {
    background-image: none;
    background-position: 0 0;
}

.olg-area-slidedown dd {
    overflow: hidden;
    height: 0;
    padding: 0 10px;
    border-radius: 0 0 4px 4px;
    background: -webkit-linear-gradient(top, #eee, #fff);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eee), color-stop(1, #fff));
    background:         linear-gradient(top, #eee, #fff);
}

.olg-area-slidedown.on dd {
    overflow: hidden;
    height: auto;
    padding: 10px;
    border-top: 1px solid #ccc;
}

/*=========================  [ .area-point-form] */
.area-point-form {
    text-align: center;
}

.area-point-form .box-sub {
    text-align: left;
}

/*=========================  [ deposit-] */
.txt-deposit-guide {
    margin: 10px 10px 10px;
    text-align: left;
}

.box-deposit-add {
    margin-bottom: 10px;
    padding-top: 10px;
    text-align: center;
}

form[name=deposit_form] > div {
    margin-bottom: 28px;
    padding-top: 10px;
    text-align: center;
}

/*=========================  [ form[name="credit_form"] ] */
form[name=credit_form] > div {
    margin-bottom: 10px;
    padding-top: 10px;
    text-align: center;
}

.box-deposit-add a, form[name=deposit_form] > div a, form[name=credit_form] > div a {
    display: inline-block;
    font-size: 14px;
}

/*=========================  [ point_form/ point_back_form ] */
form#point_back_form *, form#point_form * {
    text-align: center;
}

form#point_back_form > div {
    margin-bottom: 18px;
    padding-top: 12px;
    border-top: 1px #47484a dashed;
}

form#point_back_form a, form#point_form a {
    display: inline-block;
    font-size: 14px;
}

form#point_form > div:nth-last-child(2) {
    margin-bottom: 12px;
}

/* parts box-01
------------------------*/
.box-sub {
    margin: 10px;
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    background: #fff;
    font-size: 12px;
}

/*----------------------*/
/* =========================================== [ all repair ] */
/*========================= [ .main ] */
.main {
    padding-top: 1px;
    padding-bottom: 1px;
    background: #e5e5e5;
}

body > section {
    padding-top: 1px;
    padding-bottom: 1px;
    background: #e5e5e5;
}

section.mg-b30 {
    margin-bottom: 0;
    padding-top: 1px;
    padding-bottom: 1px;
    background: #e5e5e5;
}

/*========================= [ .headline ] */
.headline {
    padding: 5px 0 5px 10px;
    border-bottom: solid 1px #b8b8b8;
    background: none;
    color: #151515;
            text-shadow: 1px 1px 0 #f8f7f7;
    font-size: 15px;

       -moz-text-shadow: 1px 1px 0 #f8f7f7;
    -webkit-text-shadow: 1px 1px 0 #f8f7f7;
}

body > .headline:first-child {
    border-top: solid 1px #e5e5e5;
    -webkit-box-shadow: 0 1px 1px #fff, 0 2px 1px #f3f1f2 inset;
       -moz-box-shadow: 0 1px 1px #fff, 0 2px 1px #f3f1f2 inset;
            box-shadow: 0 1px 1px #fff, 0 2px 1px #f3f1f2 inset;
}

/*========================= [ .main > section > ul ] */
.main > section > ul {
    margin: 10px 10px 7px;
    border: solid 1px #b2b2b2;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 1px #fff;
       -moz-box-shadow: 0 1px 1px #fff;
            box-shadow: 0 1px 1px #fff;
}

.main > section > ul li {
    border: none;
    border-bottom: #999 solid 1px;
    background: none;
}

.main > section > ul li:first-child {
    border-radius: 5px 5px 0 0;
}

.main > section > ul li:last-child {
    border: none;
    border-radius: 0 0 5px 5px;
}

/*========================= [ .ml-child ] */
section > .ml-child {
    margin: 0 10px 10px;
    border: solid 1px #b2b2b2;
    border-bottom: none;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 1px #fff;
       -moz-box-shadow: 0 1px 1px #fff;
            box-shadow: 0 1px 1px #fff;
}

.ml-child li {
    border: none;
    border-bottom: #999 solid 1px;
}

.ml-child li:first-child {
    border-radius: 5px 5px 0 0;
}

.ml-child li:last-child {
    border-radius: 0 0 5px 5px;
}

.ml-child + .moreinfo {
    position: relative;
    top: -14px;
    width: auto;
    margin: 0 10px -14px;
    border: solid 1px #b2b2b2;
    -webkit-border-radius: 0 0 5px 5px;
       -moz-border-radius: 0 0 5px 5px;
            border-radius: 0 0 5px 5px;
    background-color: #fff;
}

.ml-child + .moreinfo a {
    color: #999;
    text-align: right;
}

.ml-child + .moreinfo a p {
    padding: 0 30px 0 0;
    line-height: 40px;
}

/*========================= [ .bt-floor-menu ] */
.bt-floor-menu {
    margin: 10px 10px 7px;
    border: solid 1px #b2b2b2;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 1px #fff;
       -moz-box-shadow: 0 1px 1px #fff;
            box-shadow: 0 1px 1px #fff;
}

.bt-floor-menu li {
    border: none;
    border-bottom: #999 solid 1px;
    background: none;
}

.bt-floor-menu li:first-child {
    border-radius: 5px 5px 0 0;
}

.bt-floor-menu li:last-child {
    border: none;
    border-radius: 0 0 5px 5px;
}

.bt-floor-menu li:first-child:last-child {
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
}

/*========================= [ ul.mygame ] */
ul.mygame {
    margin: 0 auto;
}

ul.mygame img {
    border-radius: 5px;
}

ul.mygame + .moreinfo {
    border-bottom: none;
    background-color: #e5e5e5;
    background-position: right 12px;
    text-align: right;
}

ul.mygame + .moreinfo p {
    padding-right: 28px;
}

/*========================= [ .pnb2 ] */
.pnb2 {
    border-bottom: none;
    background-color: #e5e5e5;
}

.pnb2:not(.right) {
    margin-bottom: 0;
    padding: 5px 0 5px 10px;
    padding-left: 28px;
    border: none;
    background-image: none;
    background-position: 10px center;
    -webkit-background-size: 12px 12px;
       -moz-background-size: 12px 12px;
         -o-background-size: 12px 12px;
            background-size: 12px 12px;
    background-repeat: no-repeat;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}

.tap-list + .pnb2 {
    background: #e5e5e5;
}

/*========================= [ .wb-nrml help関連 ] */
.wb-nrml dl {
    background: #fff;
}

section.sect {
    margin-bottom: 0;
    background: #fff;
}

section.sect .headline {
    background: #e5e5e5;
}

/*========================= [ コミュニティ関連 ] */
.btn-close {
    margin: 0;
    padding: 10px 0 20px;

    xbackground: #e5e5e5;
    xborder-top: 0;
}

#work-wrap .center.mg-b20.mg-t20:last-child {
    margin: 0;
    padding: 0;
    background: #e5e5e5;
}

section + .center.mg-b20.mg-t20 {
    margin: 0;
    padding: 0 0 20px;
    border-bottom: solid 1px #b2b2b2;
    background: #e5e5e5;
}

.ml-child li {
    width: auto;
}

/*========================= [ ゲーム停止 ] */
#work-wrap {
    padding-bottom: 10px;
}

#work-wrap ~ .center.mg-t20.mg-b20 {
    margin: 0;
    padding: 10px 0;
    border-top: 1px solid #b2b2b2;

    xbackground: #e5e5e5;
}

#work-wrap ~ .center.mg-t20.mg-b20 a {
    margin-bottom: 0;
}

#work-wrap .mg-t20.tx14.center {
    padding-bottom: 20px;
}

#work-wrap .mg-t20.tx14.center + .red {
    margin-top: -20px;
}

/*========================= [ form関連 ] */
form {
    background: none;
}

form[name=credit_form] {
    background: #e5e5e5;
}

form > .mg-b30, form + .mg-b30, form > .mg-b20 {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px;

    xbackground: #fff;
}

form + .mg-t30.mg-b20 {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px;
}

form + dl.mg-l10.mg-t20 {
    margin: 0;
    padding: 20px 0 0 10px;

    xbackground: #fff;
}

form + dl + .mg-t30.mg-b20 {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px;

    xbackground: #fff;
}

.tbl {
    width: 100%;
    background: #fff;
}

.headline + .tbl, .input-tbl {
    border-top: none;
}

form[name=regist] .mg-b30 {
    padding-top: 0;
    background: none;
}

.btn-close form {
    background: none;
}

/*========================= [ 不適切コンテンツの報告 ] */
form > table.tbl {
    margin-bottom: 0;
    padding: 0;
    background: #fff;
}

x.headline + p.mg-10 {
    margin: 0;
    padding: 10px;
    background: #fff;
}

/*========================= [ background setting ] */
.menu {
    padding-top: 1px;
    padding-bottom: 1px;
    background: #e5e5e5;
}

.menu-pc {
    background: #fff;
}

.menu-pc + .menu {
    padding-top: 10px;
}

.menu + section {
    padding-bottom: 1px;
    background: #e5e5e5;
}

.menu + .mg-b30 {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 10px;
    background: #e5e5e5;
}

.spec {
    background: #f5f5f5 !important;
}

.sp_notice {
    margin: 0;
    padding: 10px;
    background: #e5e5e5;
}

#application_invite_list .sp_notice, #application_restriction_content .sp_notice {
    margin: 10px;
    background: #fff;
}

.sp_notice p {
    padding: 10px 0;
}

.sp_notice + .mg-10 {
    margin: 0;
}

.game-box {
    margin: 0;
    padding: 20px 10px;
    background: #fff;
}

.game-box + div {
    margin: 0;
    padding: 10px;
    background: #fff;
}

#work-wrap .game-box {
    margin: 6px 0;
    padding: 10px;
    background: #fff;
}

div.mg-t10.mg-b10.pd-r10.right {
    margin: 0;
    padding: 10px;
    background: #e5e5e5;
}

div.mg-t10.mg-b10.pd-r10.right form {
    background: #e5e5e5;
}

form > table.input-tbl {
    margin: 0;
}

/*========================= [ none text ] */
p.pd-10:not(.red) {
    margin: 10px;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: 0 1px 1px #fff;
       -moz-box-shadow: 0 1px 1px #fff;
            box-shadow: 0 1px 1px #fff;
    color: #999;
    text-align: center;
    font-weight: bold;
}

.area-point p.pd-10:not(.red) {
    margin: 0;
    border: none;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    color: #333;
}

/*========================= [ tap-list ] */
.tap-list {
    padding: 10px 10px 10px;
    background-color: #e5e5e5;
}

.pnb2 + .tap-list {
    padding-top: 0;
}

.tap-list ul li {
    border-right: 1px solid #b2b2b2;
    border-left: 1px solid #b2b2b2;
    background-color: #fff;
}

.tap-list ul:first-child li:first-child {
    border-top: 1px solid #b2b2b2;
    -webkit-border-radius: 5px 5px 0 0;
       -moz-border-radius: 5px 5px 0 0;
            border-radius: 5px 5px 0 0;
}

.tap-list ul:last-child li:last-child {
    border-bottom: 1px solid #b2b2b2;
    -webkit-border-radius: 0 0 5px 5px;
       -moz-border-radius: 0 0 5px 5px;
            border-radius: 0 0 5px 5px;
}

.tap-list ul:last-child li:first-child:last-child {
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
}

.tap-list + .pnb2 {
    padding: 0 10px 0;
    background: #e5e5e5;
}

.tapbox {
    position: relative;
    top: -14px;
    display: block;
    width: auto;
    margin: 0 10px -4px;
    border: solid 1px #b2b2b2;
    border-bottom: none;
    -webkit-border-radius: 0 0 5px 5px;
       -moz-border-radius: 0 0 5px 5px;
            border-radius: 0 0 5px 5px;
}

.tapbox #pnl {
    -webkit-border-radius: 0 0 5px 5px;
       -moz-border-radius: 0 0 5px 5px;
            border-radius: 0 0 5px 5px;
}

/*========================= [ top-list ] */
.menu .top-list, section .top-list {
    margin: 0 10px 0;
    border-bottom: none;
    -webkit-border-radius: 5px 5px 0 0;
       -moz-border-radius: 5px 5px 0 0;
            border-radius: 5px 5px 0 0;
    background-color: #fff;
}

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

.top-list li {
    border-right: 1px solid #b2b2b2;
    border-left: 1px solid #b2b2b2;
    background: #fff;
}

.top-list li:first-child {
    border-top: 1px solid #b2b2b2;
    -webkit-border-radius: 5px 5px 0 0;
       -moz-border-radius: 5px 5px 0 0;
            border-radius: 5px 5px 0 0;
}

.top-list li:last-child {
    border-bottom: none;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
}

.headline + .top-list {
    margin-top: 10px;
}

.top-list li:last-child {
    border-bottom: none;
}

.top-list + .moreinfo {
    width: auto;
    margin: 0 10px 10px;
    border: solid 1px #b2b2b2;
    -webkit-border-radius: 0 0 5px 5px;
       -moz-border-radius: 0 0 5px 5px;
            border-radius: 0 0 5px 5px;
    background-color: #fff;
}

.top-list + .moreinfo a {
    color: #999;
    text-align: right;
}

.top-list + .moreinfo a p {
    padding: 0 30px 0 0;
    line-height: 40px;
}

/*========================= [ top-list-ps ] */
.top-list-ps li a > img {
    width: 70px !important;
    height: 70px !important;
    margin: 8px 0 8px 8px;
}

.top-list-ps li dl {
    margin-left: 86px;
    padding: 8px 8px 8px 0;
}

/*========================= [ ゲームポップアップウィンドウ色 ] */
#restrictions_content .sp_notice {
    margin: 10px;
    background: none;
}

#legalcommerce_content .main {
    margin: 10px;
    background: none;
}

#legalcommerce_content .main * {
    background: none;
}

x#restrictions_content + .btn-close {
    margin-bottom: 20px;
    padding: 10px 0;
    border-top: 1px solid #ccc;
    background: none repeat scroll 0 0 #f5f5f5;
}

x.btn-close.lower {
    margin-bottom: 20px;
    padding: 10px 0;
    border-top: 1px solid #ccc;
    background: none repeat scroll 0 0 #f5f5f5;
}

/*========================= [ ポイント購入 ] */
form[name=point_select] table.tbl {
    width: 100%;
    margin-bottom: 10px;
    background: #fff;
}

form#point_form {
    padding-bottom: 12px;
}

form#point_form #buy_point {
    padding: 12px 0;
}

.sp_notice + p.bold.mg-10 {
    padding: 10px;
}

#announce {
    background: #fff;
}

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

#announce + .box-bnr a {
    display: block;
}

#announce + .box-bnr img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

#buy_point_commit {
    margin-bottom: 6px;
}

/*========================= [ アイテム購入 ] */
#buy_item + .box-bnr {
    margin-top: 20px;
}

#buy_item + .box-bnr a {
    display: block;
}

#buy_item + .box-bnr img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

/*========================= [ メッセージ一覧 ] */
.main + .menu.mg-t30.mg-b20 {
    margin-top: 0;
}

p.message + mg-b30 {
    margin-bottom: 0;
}

/*========================= [ ゲームからのお知らせ ] */
.game-box {
    border: solid 1px #b2b2b2;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
}

/*========================= [ 画像枠線追加 ] */
.box-detailtop img:first-child, .list-olg li > a > img {
    border: 1px solid #ccc;
}

.list-olg .list-pickup > a > img {
    border: none;
}

.list-olg li a > img:first-child {
    float: left;
    border-radius: 5px;
}

/*========================= [ プロフィール画像 ] */
.center.mg-t20 > img:first-child {
    border-radius: 5px;
}

/*========================= [ コミュニティ詳細 ] */
.game-box .float-l img {
    border: 1px solid #ccc;
    border-radius: 5px;
}

/*========================= [ ゲーム画面友達招待 ] */
#application_invite_list .pnb2 {
    background-color: #fff;
}

#application_invite_list .tap-list {
    padding: 10px 10px 10px;
    background-color: #fff;
}

#application_invite_list .pnb2 + .tap-list {
    padding-top: 0;
}

#application_invite_list .tap-list li {
    border-right: 1px solid #b2b2b2;
    border-left: 1px solid #b2b2b2;
    background: #fff;
}

#application_invite_list .tap-list li .flb-works .pkg {
    margin-left: 6px;
}

#application_invite_list .tap-list li:first-child {
    border-top: 1px solid #b2b2b2;
    border-radius: 5px 5px 0 0;
}

#application_invite_list .tap-list li:last-child {
    border-bottom: 1px solid #b2b2b2;
    border-radius: 0 0 5px 5px;
}

#application_invite_list .tap-list li:first-child:last-child {
    border-radius: 5px;
}

#application_invite_list .tap-list + .pnb2 {
    padding: 0 10px 0;
    background: #e5e5e5;
}

#application_invite_list .tapbox {
    position: relative;
    top: -14px;
    display: block;
    width: auto;
    margin: 0 10px -4px;
    border: solid 1px #b2b2b2;
    border-bottom: none;
    border-radius: 0 0 5px 5px;
}

#application_invite_list .tapbox #pnl {
    border-radius: 0 0 5px 5px;
}

/*------友達招待下部にSNSのリンクを設置------*/
#application_invite .box-snsinvite {
    padding-bottom: 20px;
    text-align: center;
}

#application_invite .box-snsinvite .ttl {
    margin: 0 10px 6px;
    text-align: left;
    font-weight: bold;
    font-size: 14px;
}

#application_invite .box-snsinvite .exp {
    margin: 0 10px 10px;
    color: #c00;
    text-align: left;
}

/*------SNS選択リスト------*/
.sns-list {
    margin: 10px 10px 10px;
    border: solid 1px #b2b2b2;
    border-radius: 5px;
    background-color: #fff;
    text-align: left;
}

.sns-list li {
    position: relative;
    border-top: #999 solid 1px;
    background: none no-repeat right center;
    background-size: 18px 14px;
}

.sns-list li a {
    display: block;
    overflow: hidden;
    padding: 5px 23px 5px 5px;
    color: #333;
    font-weight: bold;
}

.sns-list li:first-child {
    border-top: none;
}

.sns-list li img {
    float: left;
}

.sns-list li p {
    margin-left: 70px;
    line-height: 60px;
}

/* =========================================== [ netgame vol.2 ] */
/*========================= [ base.css ] */
#dm-content {
    margin-bottom: 0;
    box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.2);
}

.dm-btn, .olg-dm-btn {
    /*dm-btn*/
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    text-decoration: none;
    line-height: 1;
}

.olg-dm-btn > *, input.olg-dm-btn, button.olg-dm-btn {
    display: block;
    width: auto;
    height: auto;
    padding: 0.7em 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:         linear-gradient(to top, #d9d7d7 0%, #f5f4f4 100%);
    background: -webkit-linear-gradient(bottom, #d9d7d7 0%, #f5f4f4 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #d9d7d7), color-stop(100%, #f5f4f4));
    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);
    text-align: center;
            text-shadow: 1px 1px rgba(255, 255, 255, 0.5);
            text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
    font-weight: bold;
    font-size: inherit;
    line-height: 1;
    box-sizing: border-box;

    -webkit-text-shadow: 1px 1px rgba(255, 255, 255, 0.5);
}

.olg-dm-btn.olg-dm-btn-strong > *, input.olg-dm-btn.olg-dm-btn-strong, button.olg-dm-btn.olg-dm-btn-strong {
    background:         linear-gradient(to top, #ffae00 0%, #fff21b 100%);
    background: -webkit-linear-gradient(bottom, #ffae00 0%, #fff21b 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #ffae00), color-stop(100%, #fff21b));
            text-shadow: 1px 1px rgba(255, 255, 255, 0.5);

    -webkit-text-shadow: 1px 1px rgba(255, 255, 255, 0.5);
}

/*----- form ------*/
[id=dm-content] input[type=text], [id=dm-content] input[type=email], [id=dm-content] input[type=password], [id=dm-content] input[type=number], [id=dm-content] input[type=tel] {
    height: 22px;
    padding: 3px;
    border: rgba(0, 0, 0, 0.5) solid 1px;
    border-radius: 5px;
    box-shadow: inset 1px 2px 1px #ccc;
    font-size: 15px;
}

[id=dm-content] input[type=checkbox] {
    width: 16px;
    height: 16px;
    margin-right: 3px;
}

[id=dm-content] input[type=radio] {
    width: 16px;
    height: 16px;
    margin-right: 3px;
    border-radius: 9px;
}

[id=dm-content] select {
    height: 24px;
}

[id=dm-content] textarea {
    padding: 3px;
    border: rgba(0, 0, 0, 0.5) solid 1px;
    border-radius: 5px;
    box-shadow: inset 1px 2px 1px #ccc;
}

[id=dm-content] label {
    display: inline-block;
    padding: 3px 0;
}

/*========================= [ #box-olgnavi] */
#box-olgnavi {
    height: 55px;
    border-bottom: solid 1px #fff;
    background:         linear-gradient(to top, #f4f4f4 0%, #fbfbfb 45%, #fff 100%);
    background: -webkit-linear-gradient(bottom, #f4f4f4 0%, #fbfbfb 45%, #fff 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #f4f4f4), color-stop(45%, #fbfbfb), color-stop(100%, #fff));
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
}

#box-olgnavi ul {
    overflow: hidden;
    width: 246px;
    margin: 0 auto;
    padding-top: 5px;
    font-size: 10px;
}

#box-olgnavi ul li {
    float: left;
    width: 70px;
    margin: 0 5px;
    padding: 0;
    border: #c8ced4 solid 1px;
    -webkit-border-radius: 4px;
            border-radius: 4px;
    background: #fff;
    background:         linear-gradient(to top, #eee 0%, #fff 100%);
    background: -webkit-linear-gradient(bottom, #eee 0%, #fff 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #eee), color-stop(100%, #fff));
}

#box-olgnavi ul li a {
    display: block;
    height: 45px;
    background-position: center top;
    background-size: 32px 32px;
    background-repeat: no-repeat;
}

#box-olgnavi ul li a span {
    display: block;
    padding-top: 29px;
    color: #353d51;
    text-align: center;
    font-weight: bold;
}

#box-olgnavi ul li a.btn-top {
    background-image: none;
}

#box-olgnavi ul li a.btn-home {
    background-image: none;
}

#box-olgnavi ul li a.btn-mygame {
    background-image: none;
}

#box-olgnavi ul li a.btn-olginfo {
    background-image: none;
}

/* col2 */
#box-olgnavi.col2 ul {
    width: 164px;
}

/* col4 */
#box-olgnavi.col4 ul {
    width: 308px;
}

#box-olgnavi.col4 ul li {
    width: 65px;
}

#box-olgnavi.col4 ul li a {
    background-position: 18px top;
}

/*========================= [ #box-olgbnr ] */
#box-olgbnr {
    border-bottom: solid 1px #fff;
    text-align: center;
}

#box-olgbnr img {
    vertical-align: bottom;
}

/*========================= [ #box-olgnavi-footer add 150324 ] */
#box-olgnavi-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 500;
    width: 100%;
    height: auto;
    border: none;
    background: #333;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

#box-olgnavi-footer ul {
    display: -webkit-box;
    display: -webkit-flex;
    display:         flex;
}

#box-olgnavi-footer ul li {
    position: relative;
    margin: 0;
    border: none;
    background: none;

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

#box-olgnavi-footer ul li a {
    display: block;
    height: 45px;
    border-right: 1px solid #999;
    background-position: center top;
    background-size: 32px 32px;
    background-repeat: no-repeat;
    color: #fff;
    letter-spacing: -1px;
    font-weight: normal;
    font-size: 10px;
    line-height: 8px;
    opacity: 1;
    -webkit-transition: opacity 0.3s;
            transition: opacity 0.3s;
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
    #box-olgnavi-footer ul li a {
        padding-bottom: 20px;
        -webkit-transition: padding-bottom 0.3s;
                transition: padding-bottom 0.3s;
    }

    #box-olgnavi-footer ul li a.is-neutral {
        padding-bottom: 0;
    }
}
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) {
    #box-olgnavi-footer ul li a {
        padding-bottom: 20px;
        -webkit-transition: padding-bottom 0.3s;
                transition: padding-bottom 0.3s;
    }

    #box-olgnavi-footer ul li a.is-neutral {
        padding-bottom: 0;
    }
}
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {
    #box-olgnavi-footer ul li a {
        padding-bottom: 20px;
        -webkit-transition: padding-bottom 0.3s;
                transition: padding-bottom 0.3s;
    }

    #box-olgnavi-footer ul li a.is-neutral {
        padding-bottom: 0;
    }
}
#box-olgnavi-footer ul li a span {
    display: block;
    padding-top: 32px;
    color: #fff;
    text-align: center;
    font-weight: bold;
}

#box-olgnavi-footer ul li:last-child a {
    border-right: none;
}

#box-olgnavi-footer ul li a.btn-top {
    background-image: none;
}

#box-olgnavi-footer ul li a.btn-top-adult {
    background-image: none;
}

#box-olgnavi-footer ul li a.btn-mygame {
    background-image: none;
}

#box-olgnavi-footer ul li a.btn-home {
    background-image: none;
}

#box-olgnavi-footer ul li a.btn-release {
    background-image: none;
}

#box-olgnavi-footer ul li a.btn-ranking {
    background-image: none;
}

#box-olgnavi-footer ul li a.btn-regist {
    background-image: none;
}

#box-olgnavi-footer ul li a.btn-login {
    background-image: none;
}

#box-olgnavi-footer ul li a.btn-profile {
    background-image: none;
}

#box-olgnavi-footer ul li a.btn-girls {
    background-image: none;
}

#box-olgnavi-footer ul li a.btn-newgame {
    background-image: none;
}

#box-olgnavi-footer ul li a.btn-advertise {
    background-image: none;
}

#box-olgnavi-footer ul li a.btn-tradeball {
    background-image: none;
}

#box-olgnavi-footer ul li a.btn-freeget {
    background-image: none;
}

#box-olgnavi-footer ul li a.btn-notice {
    background-image: none;
}

[class*=dm-ios-4] #box-olgnavi-footer, [class*=dm-android-2] #box-olgnavi-footer {
    position: relative;
}

/*========================= [ num-info ] */
#box-olgnavi-footer .num-info {
    position: absolute;
    top: -10px;
    right: 0;
    display: block;
    text-align: center;
}

#box-olgnavi-footer .num-info span {
    display: inline-block;
    padding: 9px 6px;
    border: 1px solid #fff;
    border-radius: 30px;
    background: #c00;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
    color: #fff;
    vertical-align: bottom;
    font-weight: bold;
    font-size: 10px;
    line-height: 0.1em;
}

.dm-adult #box-olgnavi-footer {
    background: #333;
}

.dm-adult #box-olgnavi-footer ul li a {
    border-right: 1px solid #999;
}

/*========================= [ footer ] */
footer {
    padding-top: 1px;
}

footer > p.right {
    padding-top: 12px;
}

/*========================= [ splist-info ] */
.splist-info {
    padding: 5px 0;
    background: #f0f0f0;
}

.splist-info ul li {
    display: block;
    width: 100%;
    height: 100%;
    padding: 4px 5px;
    color: #333;
    font-size: 10px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
}

.splist-info ul li a {
    padding: 5px 0 5px 20px;
    background-image: none;
    background-position: left center;
    background-size: 15px 15px;
    background-repeat: no-repeat;
    color: #333;
    text-decoration: underline;
}

/*========================= [ .netgame ] */
#dm-content.netgame {
    margin-bottom: 0;
}

#dm-content.netgame > section {
    padding-bottom: 1px;
    background-color: #e5e5e5;
}

#dm-content.netgame > section > section:last-child {
    padding-bottom: 10px;
}

#dm-content.netgame > section > p:last-child {
    padding: 0 10px 8px 0;
    text-align: right;
}

.netgame > section > p.ntg-exchange {
    padding: 0 10px 8px 0;
    text-align: right;
}

/*========================= [ box-olgnotice ] */
#dm-content .box-olgnotice {
    padding-bottom: 1px;
    background-color: #fff;
}

#dm-content section[class^=area-] + .box-olgnotice {
    margin-top: 15px;
}

#dm-content .box-olgnotice > h1 {
    margin-bottom: 0;
    padding: 0 0 0 8px;
    background:         linear-gradient(bottom, #ff6292 0%, #ff89ad 100%);
    background: -webkit-linear-gradient(bottom, #ff6292 0%, #ff89ad 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ff6292), color-stop(1, #ff89ad));
    -webkit-box-shadow: 0 1px 1px #aaa;
            box-shadow: 0 1px 1px #aaa;
    color: #fff;
            text-shadow: 0 -1px 1px #cc6584;
    font-weight: bold;
    font-size: 15px;
    line-height: 30px;

    -webkit-text-shadow: 0 -1px 1px #cc6584;
}

#dm-content .box-olgnotice > h1:before {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 0 2px 5px 0;
    background-image: none;
    -webkit-background-size: 18px 18px;
            background-size: 18px 18px;
    background-repeat: no-repeat;
    content: '';
    vertical-align: bottom;
}

#dm-content .box-olgnotice .package-wrap {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

#dm-content .box-olgnotice > p {
    margin: 6px 0 4px;
    padding-right: 8px;
    text-align: right;
}

/*========================= [ .box-olgmenu ] */
#dm-content .box-olgmenu {
    padding: 10px 0 0;
}

#dm-content .box-olgmenu ul {
    width: 100%;
    margin: auto;
    padding: 0;
    text-align: center;
    font-size: 14px;
    -webkit-box-sizing: border-box;
}

#dm-content .box-olgmenu li {
    position: relative;
    display: inline-block;
    width: 125px;
    margin: 0 10px;
}

#dm-content .box-olgmenu .olg-dm-btn {
    width: 125px;
}

#dm-content .box-olgmenu .olg-dm-btn [class^=btn-] {
    padding: 0.8em 1em 1em 40px;
}

#dm-content .box-olgmenu .olg-dm-btn [class^=btn-]:before {
    position: absolute;
    top: 4px;
    left: 10px;
    display: inline-block;
    width: 30px;
    height: 30px;
    -webkit-background-size: 30px;
            background-size: 30px;
    background-repeat: no-repeat;
    content: '';
    vertical-align: middle;
}

#dm-content.netgame .btn-home:before {
    background-image: none;
}

#dm-content.netgame .btn-mygame:before {
    background-image: none;
}

#dm-content.netgame .btn-searchgame:before {
    background-image: none;
}

#dm-content .box-olgmenu > p {
    margin-top: 1px;
    padding-right: 10px;
    text-align: right;
}

#dm-content .box-olgmenu ul + p {
    margin-top: -8px;
}

/*========================= [ h1 ] */
#dm-content.netgame > section > h1 {
    margin-bottom: 10px;
    padding: 5px 0 5px 10px;
    border-top: solid 1px #e5e5e5;
    border-bottom: solid 1px #b8b8b8;
    -webkit-box-shadow: 0 1px 1px #fff, 0 2px 1px #f3f1f2 inset;
            box-shadow: 0 1px 1px #fff, 0 2px 1px #f3f1f2 inset;
    color: #151515;
            text-shadow: 1px 1px 0 #f8f7f7;
    font-size: 15px;

    -webkit-text-shadow: 1px 1px 0 #f8f7f7;
}

#dm-content.netgame > section > h1 .ntg-exchange {
    float: right;
    /*** 141216 add ***/
    font-size: 12px;
    line-height: 25px;
}

/*========================= [ .hl-olg ] */
#dm-content.netgame section .hl-olg {
    margin-bottom: 0;
    padding: 5px 0 5px 28px;
    border: none;
    background-image: none;
    background-position: 10px center;
    -webkit-background-size: 12px 12px;
            background-size: 12px 12px;
    background-repeat: no-repeat;
    box-shadow: none;
    color: #151515;
            text-shadow: 1px 1px 0 #f8f7f7;
    font-weight: bold;
    font-size: 15px;

    -webkit-text-shadow: 1px 1px 0 #f8f7f7;
}

#dm-content.netgame section .area-ranking .hl-olg {
    background-image: none;
    -webkit-background-size: 15px 15px;
            background-size: 15px 15px;
}

#dm-content.netgame section .area-news .hl-olg {
    padding-left: 30px;
    background-image: none;
    -webkit-background-size: 17px 17px;
            background-size: 17px 17px;
}

#dm-content.netgame > section > h1 + section[class^=area-] > .hl-olg {
    margin-top: -10px;
}

/*========================= [ .list-olg ] */
.netgame .list-olg {
    margin: 0 10px 7px;
    border: solid 1px #b2b2b2;
    border-radius: 5px;
    background-color: #fff;
    text-align: left;
}

.netgame .list-olg li {
    position: relative;
    border-top: #999 solid 1px;
    background: none no-repeat right center;
    background-size: 18px 14px;
}

.netgame .list-olg li a {
    display: block;
    overflow: hidden;
    padding: 10px 23px 10px 10px;
    color: #333;
    font-weight: bold;
}

.netgame .list-olg li.ico-new:before {
    position: absolute;
    top: -3px;
    left: -8px;
    display: block;
    width: 30px;
    height: 30px;
    background: none no-repeat;
    background-size: 30px;
    content: '';
}

.netgame .list-olg li:first-child {
    border-top: none;
}

.netgame .list-olg li dl {
    min-height: 70px;
    margin-left: 80px;
    font-weight: bold;
}

.netgame .list-olg li dt {
    margin-bottom: 3px;
    color: #333;
    font-size: 14px;
}

.netgame .list-olg li dd {
    overflow: hidden;
    max-height: 3.2em;
    color: #666;
    font-size: 12px;
}

.netgame .list-olg li dd img {
    width: 12px;
    height: 12px;
    margin: -3px 2px 0;
    vertical-align: middle;
}

.netgame .list-olg .tx-totalranking {
    margin-top: 8px;
    padding-left: 20px;
    background: none left -1px no-repeat;
    background-size: 18px auto;
    color: #666;
    line-height: 1;
}

.netgame .list-olg .tx-totalranking span {
    color: #c00;
    font-weight: bold;
    font-size: 14px;
}

/*========================= [ .olg-moreinfo ] */
.netgame .list-olg .olg-moreinfo {
    height: 40px;
}

.netgame .list-olg .olg-moreinfo a {
    display: block;
    padding: 0 30px 0 0;
    color: #999;
    text-align: right;
    font-weight: normal;
    font-size: 14px;
    line-height: 40px;
}

/*========================= [ .olg-morelist ] */
.netgame .list-olg li.olg-morelist {
    border-radius: 0 0 5px 5px;
    background: #f0f0f0;
    text-align: center;
    text-shadow: 1px 1px 0 #fff;
    font-weight: bold;
}

.netgame .list-olg .olg-morelist p {
    width: 150px;
    margin: 0 auto;
    padding: 15px 0 15px 40px;
    background: none no-repeat left center;
    background-size: 33px 39px;
    color: #1a55b3;
    line-height: 1.4;
    box-sizing: border-box;
}

/*========================= [ .area-ranking ] */
#dm-content [class^=area-ranking] .list-olg li:first-child span:before {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: none;
    background-size: 100%;
    background-repeat: no-repeat;
    content: '';
    vertical-align: top;
}

#dm-content [class^=area-ranking] .list-olg li:nth-child(2) span:before {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: none;
    background-size: 100%;
    background-repeat: no-repeat;
    content: '';
    vertical-align: top;
}

#dm-content [class^=area-ranking] .list-olg li:nth-child(3) span:before {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: none;
    background-size: 100%;
    background-repeat: no-repeat;
    content: '';
    vertical-align: top;
}

#dm-content [class^=area-ranking] .list-olg li dt span {
    margin-right: 5px;
}

#dm-content [class^=area-ranking] .list-olg li:first-child dt span {
    color: #fa0;
}

#dm-content [class^=area-ranking] .list-olg li:nth-child(2) dt span {
    color: #999;
}

#dm-content [class^=area-ranking] .list-olg li:nth-child(3) dt span {
    color: #bd9039;
}

#dm-content [class^=area-ranking] .list-olg li dt img {
    margin: 2px 3px 0 0;
    vertical-align: top;
}

/*========================= [ .area-pre ] */
#dm-content .area-pre ul {
    margin: 0 10px;
    border: solid 1px #b2b2b2;
    border-top: none;
    border-radius: 0 0 5px 5px;
    background-color: #fff;
}

#dm-content .area-pre li {
    padding: 8px;
    border-top: solid 1px #b2b2b2;
}

#dm-content .area-pre li:first-child {
    border-top: none;
}

#dm-content .area-pre dt {
    padding-bottom: 8px;
    text-align: center;
}

#dm-content .area-pre dd {
    color: #666;
    font-size: 12px;
}

#dm-content .area-pre img {
    width: 100%;
}

/*========================= [ .area-news ] */
#dm-content .area-news .list-olg li a {
    background-position: 4px 48%;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    font-size: 14px;
}

#dm-content .area-news .list-olg li a span {
    white-space: nowrap;
}

#dm-content .area-news .list-olg [class^=olg-ico]:before {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    content: '';
    vertical-align: middle;
}

#dm-content .olg-ico-mobpay:before {
    background-image: none;
}

#dm-content .olg-ico-present:before {
    background-image: none;
}

#dm-content .olg-ico-point:before {
    background-image: none;
}

#dm-content .olg-ico-redtwinkle:before {
    background-image: none;
}

#dm-content .olg-ico-coin:before {
    background-image: none;
}

#dm-content .area-news .list-olg .olg-ico-new:after {
    display: inline-block;
    width: 27px;
    height: 15px;
    margin-left: 5px;
    background-size: 100%;
    background-repeat: no-repeat;
    content: '';
    vertical-align: text-top;
}

#dm-content .olg-ico-new:after {
    background-image: none;
}

/*========================= [ .area-infolist ] 130129*/
#dm-content section[class^=area-infolist] .list-olg {
    background-color: #f0f0f0;
}

#dm-content.netgame.page-info-top section[class^=area-infolist] .hl-olg {
    padding-left: 30px;
    /*area-newsと重複*/
    background-image: none;
    background-size: 17px 17px;
}

.netgame .list-olg li.ico-unread {
    background-color: #fff;
}

.netgame .list-olg li.ico-unread dt:before {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 20px;
    height: 14px;
    margin-right: 4px;
    background: none no-repeat;
    background-size: 20px 20px;
    content: '';
}

#dm-content section[class^=area-infolist] .list-olg li dl {
    position: relative;
}

#dm-content section[class^=area-infolist] .list-olg li dt {
    line-height: 1.3;
}

#dm-content section[class^=area-infolist] .list-olg li dd:nth-child(2) {
    overflow: hidden;
    height: 1.3em;
    line-height: 1.3;
}

#dm-content section[class^=area-infolist] .list-olg li dd:last-child {
    height: auto;
    margin-top: 2px;
    font-weight: normal;
    font-size: 11px;
}

#dm-content .area-infolist-friend .list-olg li dt {
    overflow: hidden !important;
    height: 1.3em !important;
    line-height: 1.3 !important;
}

#dm-content .area-infolist-friend .list-olg li dd:nth-child(2) {
    height: 2.6em !important;
}

/*========================= [ .page-info-top ] 130129*/
#dm-content.page-info-top .list-olg .olg-moreinfo {
    background-color: #fff;
}

/*========================= [ .box-olgbtn ] 130129*/
#dm-content .dm-btn span[class^=btn-]:before {
    position: relative;
    top: -2px;
    left: -4px;
    display: inline-block;
    width: 30px;
    height: 30px;
    background-size: 30px;
    background-repeat: no-repeat;
    content: '';
    vertical-align: middle;
}

#dm-content .box-olgbtn {
    text-align: center;
    font-size: 14px;
}

#dm-content .box-olgbtn span[class^=btn-] {
    width: 240px;
    padding: 3px 0 1px 0;
}

#dm-content .box-olgbtn:after {
    display: inline-block;
    width: 100%;
    height: 11px;
    margin-top: 8px;
    background-image: none;
    background-position: center bottom;
    background-size: 100% 11px;
    background-repeat: no-repeat;
    content: '';
}

/*========================= [ .tabnav ] */
.netgame .box-olg-tabnav {
    padding: 0 10px;
}

.netgame .box-olg-tabnav p {
    margin: 0 0 3px 10px;
    font-size: 12px;
}

.netgame .box-olg-tabnav ul {
    display:         box;
    display: -webkit-box;
    overflow: hidden;
    width: 100%;
    height: auto;
    margin: 0 0 16px;
    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:         linear-gradient(to top, #d9d7d7 0%, #f5f4f4 100%);
    background: -webkit-linear-gradient(bottom, #d9d7d7 0%, #f5f4f4 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #d9d7d7), color-stop(100%, #f5f4f4));
    color: rgba(0, 0, 0, 0.8);
    text-align: center;
            text-shadow: 1px 1px rgba(255, 255, 255, 0.5);
            text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
    font-weight: bold;
    font-size: inherit;
    line-height: 1;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;

    -webkit-text-shadow: 1px 1px rgba(255, 255, 255, 0.5);
}

.netgame .box-olg-tabnav li {
    display: -webkit-box;
    display:         box;
    width: 100%;
    border-right: 1px solid #999;
    box-shadow: 1px 0 0 #fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;

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

.netgame .box-olg-tabnav li:last-child {
    border: none;
    box-shadow: none;
}

.netgame .box-olg-tabnav li a {
    position: relative;
    display: block;
    padding: 2px 0 6px;
    color: #333;
    font-size: 11px;

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

.netgame .box-olg-tabnav li a.on {
    background:         linear-gradient(to top, #f5f4f4 0%, #ddd 100%);
    background: -webkit-linear-gradient(bottom, #f5f4f4 0%, #ddd 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #f5f4f4), color-stop(100%, #ddd));
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
    text-shadow: none;
}

/* ===== .col1 */
.netgame .box-olg-tabnav.col1 li a {
    position: relative;
    display: block;
    padding: 14px 14px 14px 36px;
    color: #333;
    font-size: 14px;
}

/* ===== .col2 */
.netgame .box-olg-tabnav.col2 li a {
    padding: 13px 0 13px 21px;
    font-size: 12px;
}

/* ===== .col4 */
.netgame .box-olg-tabnav.col4 li a:before {
    display: block;
    width: 25px;
    height: 25px;
    margin: 0 auto 1px;
    content: '';
}

/* ===== icon系 */
.netgame .box-olg-tabnav li .newtalk:before, .netgame .box-olg-tabnav li .stampshop:before {
    position: absolute;
    top: 9px;
    left: 13%;
    display: block;
    width: 20px;
    height: 20px;
    background: none no-repeat;
    background-size: 100%;
    content: '';
}

.netgame .box-olg-tabnav li .newtalk:before {
    background-position: top left;
}

.netgame .box-olg-tabnav li .stampshop:before {
    background-position: bottom left;
}

.netgame .box-olg-tabnav li a.ranking:before {
    left: 23px;
    background: none left top no-repeat;
    background-size: 25px 25px;
}

.netgame .box-olg-tabnav li a.newgame:before {
    background: none left top no-repeat;
    background-size: 25px 25px;
}

.netgame .box-olg-tabnav li a.genre:before {
    left: 23px;
    background: none left top no-repeat;
    background-size: 25px 25px;
}

.netgame .box-olg-tabnav li a.tag:before {
    left: 23px;
    background: none left top no-repeat;
    background-size: 25px 25px;
}

/*========================= [ .pgamedetail ] */
#dm-content.netgame.page-gamedetail > section {
    background-color: #fff;
}

#dm-content.netgame.page-gamedetail > section > h1 {
    margin-bottom: 3px;
    padding: 5px 0 5px 10px;
    border: none;
    box-shadow: none;
    color: #151515;
    text-shadow: none;
    font-size: 15px;
}

#dm-content.page-gamedetail .package-wrap {
    margin: 12px 0;
    background-color: #e5e5e5;
    box-shadow: 0 4px 8px 0 #bbb inset;
}

#dm-content.page-gamedetail ul.package-block li img {
    box-shadow: 0 0 5px 1px #ccc;
}

#dm-content.page-gamedetail label * {
    vertical-align: bottom;
}

/*========================= [ .box-detailtop ] */
#dm-content .box-detailtop {
    margin: 0 10px;
}

#dm-content .box-detailtop > img:first-child {
    float: left;
    margin-bottom: 8px;
    border-radius: 5px;
}

#dm-content .box-detailtop > div {
    text-align: center;
}

#dm-content .box-detailtop > p {
    margin-bottom: 15px;
    padding-left: 120px;
    font-size: 10px;
}

#dm-content .box-detailtop ul, .box-detailbottom ul {
    clear: both;
    width: 100%;
    margin: 10px 0;
    padding: 3px 0;
    background-color: #e5e5e5;
    text-align: center;
}

#dm-content .box-detailtop .dm-btn span {
    padding: 0.7em 1.5em;
}

#dm-content .box-detailtop li, .box-detailbottom li {
    display: inline-block;
    font-size: 10px;
}

#dm-content .box-detailtop > div:first-child {
    text-align: center;
}

/*========================= [ .box-detailbottom ] */
#dm-content .box-detailbottom {
    margin: 10px 0;
    padding: 10px 10px 0;
    text-align: center;
    letter-spacing: -0.001em;
    font-size: 10px;
}

#dm-content .package-wrap + .box-detailbottom {
    -webkit-box-shadow: 0 -4px 8px 0 #bbb;
       -moz-box-shadow: 0 -4px 8px 0 #bbb;
            box-shadow: 0 -4px 8px 0 #bbb;
}

#dm-content .box-detailbottom .dm-btn span {
    padding: 0.7em 60px;
    font-size: 14px;
}

#dm-content .box-detailbottom > p:first-child {
    display: block;
    text-align: left;
    font-size: 14px;
}

#dm-content .box-detailbottom > a.dm-btn {
    margin: 14px 0 10px;
}

#dm-content .box-detailbottom > p:last-child > span {
    line-height: 3em;
}

#dm-content .box-detailbottom ul {
    margin: 20px 0 15px;
}

/*========================= [ .box-detailfooter ] */
#dm-content .box-detailfooter {
    padding: 15px 0 8px;
    border-top: solid 1px #e1e1e1;
    background-color: #e5e5e5;
    -webkit-box-shadow: 0 2px 1px #f3f1f2 inset;
       -moz-box-shadow: 0 2px 1px #f3f1f2 inset;
            box-shadow: 0 2px 1px #f3f1f2 inset;
    font-weight: bold;
}

#dm-content .box-detailfooter a {
    color: #333;
}

/*========================= [ .page-myhome-top] */
#dm-content.page-myhome-top > section > h1:before {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 3px;
    background: none no-repeat;
    background-position: 0 -1px;
    -webkit-background-size: 22px 22px;
       -moz-background-size: 22px 22px;
         -o-background-size: 22px 22px;
            background-size: 22px 22px;
    content: '';
    vertical-align: top;
}

/*========================= [ .box-mygame ] */
#dm-content .box-mygame {
    padding: 10px 0 0;
    background-image: none;
    background-position: center 3px;
    -webkit-background-size: 100% 11px;
       -moz-background-size: 100% 11px;
         -o-background-size: 100% 11px;
            background-size: 100% 11px;
    background-repeat: no-repeat;
}

#dm-content .box-mygame > h1 a {
    display: inline-block;
    float: right;
    padding-right: 22px;
    background: none no-repeat right 3px;
    -webkit-background-size: 18px 14px;
       -moz-background-size: 18px 14px;
         -o-background-size: 18px 14px;
            background-size: 18px 14px;
    color: #888;
    font-weight: normal;
}

#dm-content.netgame section .box-mygame .hl-olg {
    padding-left: 31px;
    background-image: none;
    background-position: 7px 7px;
    -webkit-background-size: 20px 20px;
       -moz-background-size: 20px 20px;
         -o-background-size: 20px 20px;
            background-size: 20px 20px;
}

#dm-content .box-mygame .package-block li {
    float: left;
    min-height: 90px;
    padding: 4px 4px 8px;
    text-align: center;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
}

@media screen and (min-width: 450px) {
    #dm-content .box-mygame .package-list {
        margin: auto;
    }

    #dm-content .box-mygame .package-block li {
        padding: 8px 4px;
    }
}
#dm-content .box-mygame .package-block li a {
    display: block;
    overflow: hidden;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: 0 1px 1px #fff;
       -moz-box-shadow: 0 1px 1px #fff;
            box-shadow: 0 1px 1px #fff;
}

#dm-content .box-mygame .package-block li img {
    -webkit-border-radius: 5px;
            border-radius: 5px;
}

#dm-content .box-mygame .package-block li:last-child a {
    -webkit-border-radius: 0;
            border-radius: 0;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}

/*========================= [ .area-announce ] */
#dm-content .area-announce {
    padding: 20px 0;
    background-image: none;
    background-position: center 3px;
    -webkit-background-size: 100% 11px;
       -moz-background-size: 100% 11px;
         -o-background-size: 100% 11px;
            background-size: 100% 11px;
    background-repeat: no-repeat;
}

#dm-content .area-announce > div {
    display: block;
    margin: 0 10px;
    padding-bottom: 1px;
    border: solid 1px #b2b2b2;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 5px #ccc;
            box-shadow: 0 1px 5px #ccc;
}

#dm-content .area-announce > div h1 {
    padding: 6px 10px 6px 8px;
    border-bottom: solid 1px #b2b2b2;
    border-radius: 4px 4px 0 0;
    background: -webkit-linear-gradient(bottom, #505050 0%, #676767 100%);
    background:         linear-gradient(to top, #505050 0%, #676767 100%);
    background: -webkit-linear-gradient(bottom, #525252 0%, #676767 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #525252), color-stop(100%, #676767));
    color: #fff;
            text-shadow: 0 -1px 1px #333;
    font-size: 14px;

    -webkit-text-shadow: 0 -1px 1px #222;
}

#dm-content .area-announce > div > h1:before {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    background: none no-repeat;
    -webkit-background-size: 20px 20px;
       -moz-background-size: 20px 20px;
         -o-background-size: 20px 20px;
            background-size: 20px 20px;
    content: '';
    vertical-align: top;
}

#dm-content .area-announce .list-olg {
    margin: 0;
    border: none;
}

#dm-content .area-announce .list-olg li a {
    overflow: hidden;
    padding-right: 28px;
}

/* parts tabbox-01
------------------------*/
ul.tab {
    display: -webkit-box;
    display:         box;
    width: 100%;
    margin: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

ul.tab li {
    position: relative;
    display: block;
    width: 100%;
    background-image:         linear-gradient(bottom, #050505 0%, #515151 100%);
    background-image: -webkit-linear-gradient(bottom, #050505 0%, #515151 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #050505), color-stop(1, #515151));
    box-shadow: 1px 1px rgba(255, 255, 255, 0.4) inset;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;

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

ul.tab li a {
    display: block;
    padding: 10px;
    color: #fff;
    text-shadow: -1px -1px rgba(0, 0, 0, 0.8);
}

ul.tab li.on {
    background-image:         linear-gradient(bottom, #efedee 0%, #dbdbdb 100%);
    background-image: -webkit-linear-gradient(bottom, #efedee 0%, #dbdbdb 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #efedee), color-stop(1, #dbdbdb));
    box-shadow: 1px 1px rgba(0, 0, 0, 0.4) inset;
}

ul.tab li.on a {
    color: #5482bb;
    text-shadow: 1px 1px rgba(255, 255, 255, 0.8);
}

/*アクティブ時のコンテンツ表示用ボックス */
.area-tab-active-page {
    padding: 12px 12px 6px;
    background-image:         linear-gradient(bottom, #e1dddc 0%, #efedee 100%);
    background-image: -webkit-linear-gradient(bottom, #e1dddc 0%, #efedee 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e1dddc), color-stop(1, #efedee));
}

/*----------------------*/
/*========================= [ .area-tab-active-page ] */
#dm-content.netgame .area-tab-active-page section[class^=area-] {
    text-align: center;
}

/* parts fukidashi-01
------------------------*/
.box-fukidashi-sample1 {
    position: relative;
    margin: 18px auto 10px;
    padding: 10px;
    -webkit-border-radius: 4px;
            border-radius: 4px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.box-fukidashi-sample1:before {
    position: absolute;
    top: -3px;
    left: 50%;
    display: block;
    clip: rect(-10px 10px 10px -10px);
    width: 20px;
    height: 20px;
    margin-left: -10px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
    content: '';
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}

.box-fukidashi-sample1 p {
    position: relative;
    z-index: 1;
}

/*----------------------*/
/*========================= [ .box-olgfukidashi ] */
#dm-content .box-olgfukidashi {
    padding: 2px 10px;
}

#dm-content .box-olgfukidashi .box-fukidashi-sample1:before {
    left: 10%;
}

#dm-content .box-olgfukidashi .box-fukidashi-sample1 {
    margin: 10px auto 8px;
    padding: 2px 10px;
    font-weight: bold;
}

#dm-content.page-myhome-top .box-olgfukidashi {
    -webkit-box-shadow: 0 2px 1px #f3f1f2 inset;
            box-shadow: 0 2px 1px #f3f1f2 inset;
}

#dm-content.page-myhome-top > section > .box-olgfukidashi + h1 {
    -webkit-box-shadow: 0 1px 1px #fff;
            box-shadow: 0 1px 1px #fff;
}

#dm-content.page-myhome-top .box-olgfukidashi li {
    position: relative;
    padding: 6px 0;
    padding-right: 22px;
    vertical-align: middle;
}

#dm-content.page-myhome-top .box-olgfukidashi li img {
    position: absolute;
    top: 7px;
    right: 6px;
    width: 13px;
    height: 13px;
}

#dm-content.page-myhome-top .box-olgfukidashi li a {
    color: #1a55b3;
}

/*========================= [ .area-home-tab ] */
#dm-content ul.tab li.on {
    box-shadow: 0 1px rgba(0, 0, 0, 0.4) inset;
}

#dm-content .area-home-tab section[class^=area-infolist] .list-olg {
    background-color: #fff;
}

#dm-content .area-home-tab .area-tab-active-page {
    padding: 12px 0 6px;
}

#dm-content.netgame .area-tab-active-page {
    background-image:         linear-gradient(bottom, #e5e5e5 0%, #efedee 100%);
    background-image: -webkit-linear-gradient(bottom, #e5e5e5 0%, #efedee 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e5e5e5), color-stop(1, #efedee));
}

/*========================= [ .btn- ] */
#dm-content.netgame .btn-message:before {
    background-image: none;
}

#dm-content.netgame .btn-info:before {
    background-image: none;
}

#dm-content.netgame .btn-friend:before {
    background-image: none;
}

#dm-content.netgame .btn-community:before {
    background-image: none;
}

#dm-content.netgame .btn-searchfriend:before {
    background-image: none;
}

#dm-content.netgame .btn-profile:before {
    background-image: none;
}

#dm-content.netgame .btn-talk:before {
    background-image: none;
}

/*========================= [ num-info ] */
#dm-content .num-info {
    position: absolute;
    top: -12px;
    right: -8px;
    z-index: 10;
    display: block;
    height: 27px;
    padding: 2px 0;
    color: #fff;
    text-align: center;
    font-weight: bold;
}

#dm-content .num-info span {
    display: inline-block;
    height: 27px;
    background: none;
    -webkit-background-size: 1px 27px;
            background-size: 1px 27px;
    background-repeat: repeat-x;
    vertical-align: bottom;
    line-height: 22px;
}

#dm-content .num-info:before {
    display: inline-block;
    width: 14px;
    height: 27px;
    background: none;
    -webkit-background-size: 14px 27px;
            background-size: 14px 27px;
    background-repeat: no-repeat;
    content: '';
    vertical-align: bottom;
}

#dm-content .num-info:after {
    display: inline-block;
    width: 14px;
    height: 27px;
    background: none;
    -webkit-background-size: 14px 27px;
            background-size: 14px 27px;
    background-repeat: no-repeat;
    content: '';
    vertical-align: bottom;
}

/*===== page-talklist 140905追加*/
#dm-content.page-talklist .tab li .num-info, #dm-content.page-message .tab li .num-info {
    right: 0;
}

/*========================= [ .list-empty ] */
#dm-content .txt-empty {
    margin: 0 10px 10px;
    padding: 12px;
    border: 1px solid #b2b2b2;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: 0 1px 1px #fff;
            box-shadow: 0 1px 1px #fff;
    color: #888;
    text-align: center;
    font-weight: bold;
}

#dm-content .txt-left {
    text-align: left;
}

/*========================= [ .box-profilemenu ] */
#dm-content .box-profilemenu {
    margin-bottom: 12px;
    padding-bottom: 12px;
    background-color: #fff;
}

#dm-content .box-profilemenu > h1 {
    margin-bottom: 10px;
    padding: 5px 0 5px 10px;
    border-bottom: solid 1px #b8b8b8;
    color: #151515;
    font-size: 15px;
}

#dm-content .box-profilemenu > h1:before {
    /*ホームと重複*/
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 3px;
    background: none no-repeat;
    background-position: 0 -1px;
    -webkit-background-size: 22px 22px;
            background-size: 22px 22px;
    content: '';
    vertical-align: top;
}

#dm-content .box-profilemenu > div {
    overflow: inherit;
    width: 300px;
    margin: 0 auto;
    padding: 0 10px;
    background-color: #fff;
    text-align: right;
}

#dm-content .box-profilemenu > div:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: '.';
}

#dm-content .box-profilemenu > div > img {
    float: left;
    width: 110px;
    height: 174px;
    margin-right: 15px;
}

#dm-content .box-profilemenu > div > p {
    display: inline-block;
    width: 180px;
    padding: 5px 0;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    background-color: #eee;
    text-align: center;
    letter-spacing: -0.001em;
    font-size: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

#dm-content .box-profilemenu > div li a {
    margin-top: 8px;
}

#dm-content .box-profilemenu > div .dm-btn span {
    width: 180px;
    padding: 8px 0 8px 23px;
}

#dm-content .box-profilemenu > div > div.avatar {
    float: left;
    margin-right: 10px;
    text-align: center;
}

#dm-content .box-profilemenu > div > div.avatar > img {
    width: 110px;
    height: 174px;
}

#dm-content .box-profilemenu > div li span[class^=btn-]:before {
    position: absolute;
    top: 2px;
    left: 8px;
    -webkit-background-size: 25px 25px;
       -moz-background-size: 25px 25px;
            background-size: 25px 25px;
}

#dm-content[class*=page-profile-] .box-olgfukidashi .box-fukidashi-sample1 {
    margin-top: 0;
}

#dm-content[class*=page-profile-] .area-infolist-friend .list-olg {
    background-color: #fff;
}

#dm-content[class*=page-profile-] .area-infolist-friend {
    padding: 10px 0;
    background-image: none;
    background-position: center 3px;
    -webkit-background-size: 100% 11px;
       -moz-background-size: 100% 11px;
         -o-background-size: 100% 11px;
            background-size: 100% 11px;
    background-repeat: no-repeat;
}

#dm-content[class*=page-profile-] > div .box-fukidashi-sample1:before {
    left: 20%;
}

#dm-content .box-profilemenu > div > a {
    display: inline-block;
    margin-top: 8px;
    color: #1a55b3;
}

#dm-content .box-profilemenu > div > a:before {
    display: inline-block;
    width: 16px;
    height: 18px;
    margin-right: 2px;
    background-image: none;
    background-position-y: 1px;
    -webkit-background-size: 18px 18px;
       -moz-background-size: 18px 18px;
         -o-background-size: 18px 18px;
            background-size: 18px 18px;
    background-repeat: no-repeat;
    content: '';
    vertical-align: bottom;
}

#dm-content.netgame .btn-edit:before {
    background-image: none;
}

#dm-content.netgame .btn-avatar:before {
    background-image: none;
}

#dm-content.netgame .btn-friendrequest:before {
    background-image: none;
}

#dm-content.netgame .btn-edit:before {
    background-image: none;
}

#dm-content.netgame .btn-review:before {
    background-image: none;
}

#dm-content.netgame .btn-profile:before {
    background-image: none;
}

/*========================= [ .page-profile-other] */
#dm-content.page-profile-other .txt-pending {
    position: relative;
    display: inline-block;
    width: 175px;
    margin-top: 8px;
    padding: 8px 0 8px 23px;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    background-color: #eee;
    vertical-align: bottom;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    line-height: 1;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

#dm-content.page-profile-other .txt-pending:before {
    display: inline-block;
    width: 25px;
    height: 25px;
    -webkit-background-size: 25px;
       -moz-background-size: 25px;
            background-size: 25px;
    background-repeat: no-repeat;
    content: '';
    vertical-align: middle;
}

/*========================= [ .page-gamelist-mygame ] */
.page-gamelist-mygame .box-olg-tabnav.col4 {
    margin-top: 12px;
}

.page-gamelist-mygame .box-capt {
    overflow: hidden;
}

.page-gamelist-mygame .box-capt h1 {
    float: left;
    margin: 10px;
    color: #151515;
    text-shadow: 1px 1px 0 #f8f7f7;
    font-size: 15px;
}

.page-gamelist-mygame .box-capt .btn-listchange {
    position: relative;
    float: right;
    margin: 6px 10px;
    padding: 6px 10px 6px 32px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: #fff;
    color: #999;
    font-weight: bold;
    font-size: 12px;
}

.page-gamelist-mygame .box-capt .btn-listchange:after {
    position: absolute;
    top: 8px;
    left: 8px;
    display: block;
    width: 16px;
    height: 16px;
    background: none left bottom no-repeat;
    background-size: cover;
    content: '';
}

.page-gamelist-mygame .box-capt .btn-listchange.icon-list:after {
    background-position: left top;
}

/* ===== area-gamelist icon */
.page-gamelist-mygame .area-gamelist.icon-list .list-olg {
    overflow: hidden;
    padding: 3.5% 2% 0;
}

.page-gamelist-mygame .area-gamelist.icon-list li {
    float: left;
    width: 25%;
    margin-bottom: 1%;
    border: none;
    background: none;
    text-align: center;
}

.page-gamelist-mygame .area-gamelist.icon-list .list-olg li a {
    height: auto;
    padding: 0 9%;
}

.page-gamelist-mygame .area-gamelist.icon-list .list-olg li a > img {
    float: none;
    max-width: 100px;
    width: 100%;
    height: auto;
    margin-bottom: 3px;
}

.page-gamelist-mygame .area-gamelist.icon-list .list-olg li dl {
    min-height: 0;
    margin: 0;
    font-weight: bold;
}

.page-gamelist-mygame .area-gamelist.icon-list .list-olg li dt {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
}

.page-gamelist-mygame .area-gamelist.icon-list .list-olg li dd {
    display: none;
}

.page-gamelist-mygame .area-gamelist .list-olg .olg-morelist {
    width: 100%;
    margin: 0;
    border-top: 1px solid #ccc;
    background: #fff;
}

.page-gamelist-mygame .area-gamelist.icon-list .list-olg .olg-morelist {
    width: 104%;
    margin: 1% -2% 0;
}

.page-gamelist-mygame .area-gamelist .list-olg li.olg-morelist a {
    height: auto;
    padding: 0;
}

.page-gamelist-mygame .area-gamelist .list-olg .olg-morelist p {
    position: relative;
    padding: 10px 0 11px 20px;
    background: none;
    color: #aaa;
    font-weight: normal;
    font-size: 14px;
}

.page-gamelist-mygame .area-gamelist .list-olg .olg-morelist p:after {
    position: absolute;
    top: 17px;
    left: 12px;
    display: block;
    width: 18px;
    height: 14px;
    background: none no-repeat left center;
    background-size: 18px 14px;
    content: '';
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
}

/* ===== area-gamenews */
#dm-content.netgame .area-gamenews .hl-olg {
    padding-left: 30px;
    background-image: none;
    -webkit-background-size: 17px 17px;
            background-size: 17px 17px;
}

.netgame .area-gamenews .list-olg dl {
    min-height: 40px;
    margin-left: 50px;
    font-weight: bold;
}

.netgame .area-gamenews .list-olg dt {
    margin-bottom: 3px;
    color: #333;
    font-size: 13px;
}

.netgame .area-gamenews .list-olg dd {
    overflow: hidden;
    color: #666;
    font-size: 11px;
}

/*========================= [ .area-community-tab ] */
#dm-content .area-community-tab .area-tab-active-page {
    padding: 0 0 0;
    border-radius: 5px;
    background: #fff;
}

#dm-content.page-community .list-olg .area-tab-active-page .tap-community li {
    text-align: left;
}

#dm-content.page-community .list-olg .area-tab-active-page .tap-community li:first-child {
    border-top: #999 solid 1px;
}

#dm-content .area-community-tab .bottomlink {
    padding-right: 10px;
    color: #1a55b3;
    text-align: right;
    font-size: 12px;
}

#dm-content .area-community-tab .area-tab-active-page #pnl {
    padding: 10px 0;
    border-bottom: none;
    border-radius: 0 0 5px 5px;
}

/*========================= [ .area-friend-tab ] */
#dm-content .area-friend-tab .area-tab-active-page {
    padding: 12px 0 6px;
}

#dm-content .area-friend-tab .tab li {
    position: relative;
}

#dm-content .area-friend-tab .tab li .num-info {
    right: 0;
}

#dm-content .area-friend-tab .tab li > a > span {
    display: block;
    padding: 10px 0;
    text-align: center;
    font-weight: bold;
}

/*========================= [ .area-friendlsit ] */
#dm-content .area-friendlist .list-olg {
    margin-bottom: 20px;
}

#dm-content .area-friendlist .list-olg li a > img:first-child {
    width: 70px;
    height: auto;
}

#dm-content .area-friendlist .list-olg li dt {
    margin-bottom: 0;
}

#dm-content .area-friendlist .list-olg li dd {
    font-size: 11px;
}

.netgame .area-friendlist .list-olg .bt-addtalk-new:before {
    position: absolute;
    top: 8px;
    left: 14px;
    display: block;
    width: 15px;
    height: 15px;
    background: none left top no-repeat;
    background-size: 100%;
    content: '';
}

.netgame .area-friendlist .list-olg .bt-addtalk-new {
    position: absolute;
    bottom: 12px;
    left: 90px;
    display: block;
    width: 105px;
    height: 28px;
    padding: 0 0 0 15px;
    border-radius: 3px;
    background: #eee;
    box-shadow: 0 2px 0 #999;
    color: #383e4f;
    text-align: center;
    font-size: 11px;
    line-height: 30px;
}

.netgame .area-friendlist .list-olg .bt-addfriend-new:before {
    position: absolute;
    top: 0;
    left: 10px;
    display: block;
    width: 28px;
    height: 28px;
    background: none left top no-repeat;
    background-size: 100%;
    content: '';
}

.netgame .area-friendlist .list-olg .bt-addfriend-new {
    position: absolute;
    bottom: 12px;
    left: 90px;
    display: block;
    width: 90px;
    height: 28px;
    padding: 0 0 0 30px;
    border-radius: 3px;
    background: #ffdc2a;
    box-shadow: 0 2px 0 #ffc024;
    color: #333;
    text-align: center;
    font-size: 11px;
    line-height: 30px;
}

.netgame .area-friendlist .list-olg .bt-addfriend-new.active {
    background: #eee;
    box-shadow: none;
    font-weight: bold;
}

/*========================= [ request ] */
#dm-content .request .list-olg li:not(.olg-morelist) {
    position: relative;
}

#dm-content .request .list-olg li:not(.olg-morelist) > a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#dm-content .request .list-olg li:not(.olg-morelist) dt {
    margin-bottom: 0;
}

#dm-content .request .list-olg li:not(.olg-morelist) dd {
    font-size: 10px;
}

#dm-content .request .box-request {
    position: absolute;
    bottom: 10px;
    left: 90px;
}

#dm-content .request .box-request a {
    display: inline-block;
    width: 70px;
    height: auto;
    padding: 0.6em 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:         linear-gradient(to top, #d9d7d7 0%, #f5f4f4 100%);
    background: -webkit-linear-gradient(bottom, #d9d7d7 0%, #f5f4f4 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #d9d7d7), color-stop(100%, #f5f4f4));
    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);
    text-align: center;
            text-shadow: 1px 1px rgba(255, 255, 255, 0.5);
            text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
    font-weight: bold;
    font-size: inherit;
    line-height: 1;
    box-sizing: border-box;

    -webkit-text-shadow: 1px 1px rgba(255, 255, 255, 0.5);
}

#dm-content .request .box-request a.btn-permit {
    background:         linear-gradient(to top, #75ab02 0%, #8aca00 100%);
    background: -webkit-linear-gradient(bottom, #75ab02 0%, #8aca00 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #75ab02), color-stop(100%, #8aca00));
    color: rgba(255, 255, 255, 0.8);
            text-shadow: -1px -1px rgba(0, 0, 0, 0.2);

    -webkit-text-shadow: -1px -1px rgba(0, 0, 0, 0.2);
}

#dm-content .request .box-request a:first-child {
    margin-right: 6px;
}

/*========================= [ .form-age] */
#dm-content.netgame .form-age {
    vertical-align: middle;
}

#dm-content.netgame .form-age * {
    vertical-align: middle;
}

#dm-content.netgame .form-age input {
    width: 50px;
    margin-right: 3px;
}

/*========================= [ .area_friendsearch] */
#dm-content .area_friendsearch .tbl td {
    background-color: #fff;
}

#dm-content .area_friendsearch .box-olgbtn {
    padding: 10px 0 20px;
}

#dm-content .area_friendsearch .tbl td input:nth-child(2) {
    margin-left: 8px;
}

#dm-content .area_friendsearch .dm-error {
    margin: 0 10px 8px;
}

#dm-content .area_friendsearch > h1 {
    padding: 5px 0 5px 10px;
    color: #151515;
            text-shadow: 1px 1px 0 #f8f7f7;
    font-size: 15px;

    -webkit-text-shadow: 1px 1px 0 #f8f7f7;
}

/*========================= [ content:none] */
#dm-content .area_friendsearch .box-olgbtn:after, #dm-content .area-tab-active-page > section > .box-olgbtn:last-child:after {
    display: inline;
    content: none;
}

/* parts table-01
------------------------*/
.tbl {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.tbl caption {
    text-align: left;
}

.tbl th {
    padding: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    background: #e5e5e5;
    text-align: right;
}

.tbl td {
    padding: 6px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

/*----------------------*/
/* parts dm-error
------------------------*/
.dm-error {
    position: relative;
    padding: 12px;
    padding-left: 34px;
    border: 1px rgba(0, 0, 0, 0.2) solid;
    border-bottom: 1px rgba(0, 0, 0, 0.3) solid;
    border-radius: 4px;
    background: -webkit-linear-gradient(#fff 0%, #f0f0f0 100%);
    background: -webkit-linear-gradient(bottom, #fff 0%, #f0f0f0 100%);
    background:         linear-gradient(to top, #fff 0%, #f0f0f0 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #f0f0f0), color-stop(100%, #fff));
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
    color: #c00;
    text-align: left;
}

.dm-error:before {
    position: absolute;
    top: 20px;
    left: 4px;
    display: block;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    background: none no-repeat left top;
    background-size: 30px;
    content: '';
}

/*----------------------*/
/*========================= [.area-announce-detail] */
#dm-content.page-announce-detail > section > h1:before {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 3px;
    background: none no-repeat;
    -webkit-background-size: 22px 22px;
       -moz-background-size: 22px 22px;
         -o-background-size: 22px 22px;
            background-size: 22px 22px;
    content: '';
    vertical-align: top;
}

#dm-content .area-announce-detail {
    display: block;
    margin: 0 10px;
    padding: 8px 10px;
    border: solid 1px #b2b2b2;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 1px #fff;
       -moz-box-shadow: 0 1px 1px #fff;
       -moz-box-shadow: 0 1px 1px #fff;
            box-shadow: 0 1px 1px #fff;
    color: #666;
    font-size: 12px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
            box-sizing: border-box;
}

#dm-content .area-announce-detail h1 {
    margin-bottom: 5px;
    color: #333;
    font-size: 13px;
}

#dm-content.page-announce-detail > section {
    padding-bottom: 12px;
}

/*========================= [.olg-android] */
.olg-android a, .olg-android a * {
            text-shadow: none !important;

    -webkit-text-shadow: none !important;
       -moz-text-shadow: none !important;
}

/*========================= [ ボタン空白調整 ] */
#dm-content input.btn-rnd-240 {
    padding: 6px;
}

/* =========================================== [ アプリ対応用パーツ ] */
/*=========================  [.txt-device] */
#dm-content .box-detailtop .box-package {
    float: left;
    width: 100px;
    margin-bottom: 12px;
    line-height: 0;
}

#dm-content .box-detailtop .box-package img {
    float: none;
    margin-bottom: 3px;
}

#dm-content .txt-device {
    display: block;
    clear: both;
    width: 100px;
    vertical-align: bottom;
    text-align: center;
    letter-spacing: -0.001em;
    font-size: 10px;
    line-height: 1.5;
}

#dm-content .txt-device.app {
    border: 1px #83a600 solid;
    color: #83a600;
}

#dm-content .txt-device.browser {
    border: 1px #ae38ff solid;
    color: #ae38ff;
}

#dm-content.page-gamedetail .olg-btn-dl * {
    background:         linear-gradient(to top, #92ce01 0%, #c0ff2a 100%);
    background: -webkit-linear-gradient(bottom, #92ce01 0%, #c0ff2a 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #92ce01), color-stop(100%, #c0ff2a));
}

/*=========================  [ .area-deviceguide] */
#dm-content .area-deviceguide {
    margin-bottom: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

#dm-content .area-deviceguide dt {
    margin: 0;
    padding: 6px 14px 6px 6px;
}

#dm-content .area-deviceguide dt:before {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 6px;
    background-image: none;
    background-position: -12px 0;
    background-size: 24px 12px;
    background-repeat: no-repeat;
    content: '';
}

#dm-content .area-deviceguide.on dt {
    background: #dfdfdf;
    -webkit-transition: 0.2s ease-in-out;
}

#dm-content .area-deviceguide.on dt:before {
    background-image: none;
    background-position: 0 0;
}

#dm-content .area-deviceguide dd {
    overflow: hidden;
    height: 0;
    padding: 0 10px;
    -webkit-border-radius: 0 0 4px 4px;
       -moz-border-radius: 0 0 4px 4px;
            border-radius: 0 0 4px 4px;
    background: -webkit-linear-gradient(top, #e7e7e7, #fff);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e7e7e7), color-stop(1, #fff));
    background:         linear-gradient(top, #e7e7e7, #fff);
}

#dm-content .area-deviceguide.on dd {
    overflow: hidden;
    height: auto;
    padding: 10px;
    border-top: 1px #ccc solid;
    background: -webkit-linear-gradient(top, #e7e7e7, #fff);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e7e7e7), color-stop(1, #fff));
    background:         linear-gradient(top, #e7e7e7, #fff);
}

/*=========================  [130516 事前登録用ソース調整] */
#dm-content.page-gamedetail .txt-pre {
    margin: 0 0 15px;
    font-size: 12px;
}

#dm-content.page-gamedetail .area-deviceguide {
    clear: both;
}

#dm-content .box-detailtop:after {
    display: block;
    clear: both;
    content: '';
}

@media screen and (min-width: 450px) {
    #dm-content .box-detailtop > p {
        padding: 0;
        text-align: center;
    }
}
/* =========================================== [ レビュー機能パーツ用 ] */
/*=========================  [ .page-review ] */
#dm-content.netgame.page-review .area-review img {
    margin: 0 6px 3px 0;
    vertical-align: middle;
}

#dm-content.netgame.page-review .area-review img + dl {
    height: 70px;
    margin-left: 70px;
}

#dm-content.netgame.page-review .area-review dl {
    height: 1em;
    margin-left: 0;
}

#dm-content.netgame.page-review .box-reviewbtn {
    text-align: center;
}

#dm-content.netgame.page-review .box-reviewbtn > .dm-btn {
    width: 240px;
    margin-bottom: 12px;
}

/*=========================  [ .page-review .area-reviewlist ] */
#dm-content.netgame .area-reviewlist li > p:first-child, #dm-content.netgame .area-reviewlist li a + p, #dm-content.netgame .area-reviewlist li div + p {
    margin: 0 0 4px;
    padding: 6px;
    -webkit-border-radius: 5px 5px 0 0;
            border-radius: 5px 5px 0 0;
    background: #fffade;
}

#dm-content.netgame.page-review .area-reviewlist li > p:first-child, #dm-content.netgame.page-review .area-reviewlist li a + p {
    -webkit-border-radius: 5px 5px 0 0;
            border-radius: 5px 5px 0 0;
}

#dm-content.netgame .area-reviewlist .result {
    margin: 0 auto 6px;
    padding: 6px 10px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #999;
    background: #dbdbdb;
}

#dm-content.netgame .area-reviewlist ul.reviewlist {
    margin: 0 10px 7px;
    border: solid 1px #b2b2b2;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 1px #fff;
       -moz-box-shadow: 0 1px 1px #fff;
            box-shadow: 0 1px 1px #fff;
    text-align: left;
}

#dm-content.netgame .area-reviewlist ul.reviewlist p > img {
    margin: 0 6px 3px 0;
    vertical-align: middle;
}

#dm-content.netgame .area-reviewlist ul.reviewlist div > span {
    color: #999;
    font-size: 10px;
}

#dm-content.netgame .area-reviewlist ul.reviewlist div {
    text-align: center;
}

#dm-content.netgame .area-reviewlist ul.reviewlist li {
    border-top: #999 solid 1px;
    -webkit-background-size: 18px 14px;
       -moz-background-size: 18px 14px;
         -o-background-size: 18px 14px;
            background-size: 18px 14px;
    text-align: left;
}

#dm-content.netgame .area-reviewlist ul.reviewlist li:last-child {
    border-radius: 0 0 5px 5px;
}

#dm-content.netgame .area-reviewlist ul.reviewlist li:first-child {
    border: none;
    border-radius: 5px 5px 0 0;
}

#dm-content.netgame .area-reviewlist ul.reviewlist div ul {
    width: 100%;
    margin: auto;
    padding: 4px 0 20px;
    text-align: center;
    font-size: 14px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
}

#dm-content.netgame .area-reviewlist ul.reviewlist div ul li {
    display: inline-block;
    width: 125px;
    margin: 0 10px;
}

#dm-content.netgame .area-reviewlist ul.reviewlist div ul li a {
    width: 125px;
}

#dm-content.netgame .area-reviewlist ul.reviewlist .olg-morelist {
    background: #f0f0f0 !important;
    text-align: center;
    text-shadow: 1px 1px 0 #fff;
    font-weight: bold;
}

#dm-content.netgame .area-reviewlist ul.reviewlist .olg-morelist {
    background: #f0f0f0 !important;
    text-align: center;
    text-shadow: 1px 1px 0 #fff;
    font-weight: bold;
}

#dm-content.netgame .area-reviewlist ul.reviewlist .olg-morelist a {
    display: block;
    padding: 8px 23px 8px 8px;
    color: #333;
    font-weight: bold;
}

#dm-content.netgame .area-reviewlist ul.reviewlist .olg-morelist p {
    width: 150px;
    margin: 0 auto;
    padding: 15px 0 15px 40px;
    background: none no-repeat left center;
    background-size: 33px 39px;
    color: #1a55b3;
    line-height: 1.4;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

#dm-content.netgame[class*=-review] ul.reviewlist p, #dm-content.netgame[class*=-review] .box-info, #dm-content.netgame[class*=-gamedetail] ul.reviewlist p {
    padding: 6px 10px;
}

#dm-content.netgame[class*=-review-my] .box-info li:last-child {
    text-align: right;
}

#dm-content.netgame .area-complete p, #dm-content.netgame .area-reviewlist ul.reviewlist p span {
    font-weight: bold;
}

#dm-content.netgame[class*=-review] .box-info + div, #dm-content.netgame .area-reviewlist ul.reviewlist + div, #dm-content.netgame .area-reviewlist ul.reviewlist li div div {
    text-align: center;
    font-size: 14px;
}

#dm-content.netgame .area-reviewlist ul.reviewlist li div div li {
    border: none;
}

#dm-content.netgame[class*=-review] .box-info + div a, #dm-content.netgame .area-reviewlist ul.reviewlist + div a, #dm-content.netgame .area-reviewlist ul.reviewlist li div > a {
    width: 240px;
    margin-bottom: 12px;
}

#dm-content.netgame .area-reviewlist ul.reviewlist li div > a {
    margin: 0 auto 12px;
    padding: 8px;
}

#dm-content.netgame .area-reviewlist ul.reviewlist li div div > a span.btn-review {
    padding: 3px 0 1px 0;
}

/*=========================  [ .area-review ] */
#dm-content.netgame .area-review p {
    padding: 8px 10px;
    text-align: center;
}

#dm-content.netgame .area-review div {
    padding: 4px 0 20px;
    text-align: center;
    font-size: 14px;
}

#dm-content.netgame .area-review div .dm-btn, #dm-content.netgame .area-review div .dm-btn span {
    width: 240px;
    padding: 3px 0 1px 0;
}

#dm-content.netgame .area-review div p {
    color: #c00;
    font-weight: bold;
    font-size: 12px;
}

#dm-content.netgame .area-review p.work-review {
    margin: 10px 0 0;
    padding: 6px;
    background: #fffade;
    text-align: left;
}

/*=========================  [ .page-review-my ] */
#dm-content.netgame.page-review-my .list-olg > li > a:first-child {
    background: none no-repeat right center;
    -webkit-background-size: 18px 14px;
       -moz-background-size: 18px 14px;
         -o-background-size: 18px 14px;
            background-size: 18px 14px;
}

#dm-content.netgame.page-review-my ul.reviewlist.list-olg li, #dm-content.netgame.page-review-my ul.reviewlist .box-olgbtn:after, #dm-content.netgame.page-review-my ul.reviewlist.list-olg > li > a:last-child {
    background: none;
}

/* ===== 終了タイトル用スタイル */
.netgame.page-review-my .ntg-bx-closettl {
    padding: 6px 0;
}

.netgame.page-review-my .ntg-bx-closettl .ntg-tx-closettl {
    margin: 0 6px 6px;
    padding: 6px;
    border-radius: 3px;
    background: #eee;
    color: #666;
    text-align: center;
    font-weight: bold;
}

/*=========================  [ .page-review .area-write ] */
#dm-content.netgame.page-review .area-write p {
    margin: 6px 10px;
}

#dm-content.netgame.page-review .area-write dl.box-entries {
    padding: 0 0 20px;
}

#dm-content.netgame.page-review .area-write dl.box-entries input[type=text], #dm-content.netgame.page-review .area-write dl.box-entries textarea {
    min-height: 28px;
    width: 100%;
    font-size: 15px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;

         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
}

#dm-content.netgame.page-review .area-write dl.box-entries textarea {
    min-height: 98px;
}

#dm-content.netgame.page-review .area-write dl.box-entries + p {
    margin: 0 10px 12px;
}

#dm-content.netgame.page-review .area-write dl.box-entries dt {
    padding: 6px 10px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #999;
    background: #dbdbdb;
    font-weight: bold;
}

#dm-content.netgame.page-review .area-write dl.box-entries dt span {
    color: #666;
    text-shadow: 1px 1px 0 #fff;
    font-size: 10px;
}

#dm-content.netgame.page-review .area-write dl.box-entries dd {
    padding: 10px;
}

#dm-content.netgame.page-review .area-write dl.box-entries dd + dt + dd {
    background: #fff;
}

#dm-content.netgame.page-review .area-write dl.box-entries dd {
    background: #e5e5e5;
}

#dm-content.netgame.page-review .area-write dl.box-entries dd span {
    font-weight: bold;
}

#dm-content.netgame.page-review .area-write dl.box-entries + div, #dm-content.netgame.page-review .area-write dl.box-entries + p + div {
    text-align: center;
    font-size: 14px;
}

#dm-content.netgame.page-review .area-write dl.box-entries + div a, #dm-content.netgame.page-review .area-write dl.box-entries + p + div a {
    width: 240px;
    margin-bottom: 12px;
}

#dm-content.netgame.page-review dl.box-attention {
    display: block;
    margin: 10px;
    padding: 8px 10px;
    border: solid 1px #b2b2b2;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    background-color: #f0f0f0;
    -webkit-box-shadow: 0 1px 1px #fff;
       -moz-box-shadow: 0 1px 1px #fff;
       -moz-box-shadow: 0 1px 1px #fff;
            box-shadow: 0 1px 1px #fff;
    color: #666;
    font-size: 12px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
            box-sizing: border-box;
}

#dm-content.netgame.page-review dl.box-attention dt {
    margin: 0 0 6px;
    color: #c00;
    font-weight: bold;
    font-size: 14px;
}

/*=========================  [ .nav-review ] */
#dm-content.netgame.page-review ul.nav-review {
    overflow: hidden;
    width: 100%;
    margin: -10px 0 10px;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #fff;
    background: #fff;
    background: #cbcbcb;
    color: #8e8e8e;
    font-size: 10px;
}

#dm-content.netgame.page-review ul.nav-review li {
    float: left;
    width: 33.3%;
    text-align: center;
    text-shadow: 0 1px 1px white;
    font-weight: bold;
    line-height: 35px;
}

#dm-content.netgame.page-review ul.nav-review li span {
    display: block;
    margin: 0 auto;
    background: #cbcbcb;
    color: #8e8e8e;
    text-align: center;
    text-decoration: none;
}

#dm-content.netgame.page-review ul.nav-review li span:after {
    position: relative;
    display: block;
    width: 33.3%;
    margin-right: -12px;
    margin-left: -100px;
    background-image: none;
    background-position: right;
    -webkit-background-size: 12px 35px;
       -moz-background-size: 12px 35px;
         -o-background-size: 12px 35px;
            background-size: 12px 35px;
    background-repeat: no-repeat;
    content: ' ';
}

#dm-content.netgame.page-review ul.nav-review li.on span:after {
    position: relative;
    display: block;
    width: 33.3%;
    margin-right: 0;
    margin-left: -120px;
    background-image: none;
    background-position: right;
    -webkit-background-size: 12px 35px;
       -moz-background-size: 12px 35px;
         -o-background-size: 12px 35px;
            background-size: 12px 35px;
    background-repeat: no-repeat;
    content: ' ';
}

#dm-content.netgame.page-review ul.nav-review li span:after {
    display: block;
    float: right;
    width: 33.3%;
    height: 35px;
    content: ' ';
}

#dm-content.netgame.page-review ul.nav-review li.on {
    background: #8e8e8e;
    color: #fff;
    text-shadow: 0 1px 1px black;
}

#dm-content.netgame.page-review ul.nav-review li.on span {
    background: #8e8e8e;
    color: #fff;
}

#dm-content.netgame.page-review .box-rating img {
    vertical-align: middle;
}

#dm-content.netgame.page-review .box-rating > span {
    padding-left: 6px;
    vertical-align: middle;
    line-height: 24px;
}

/* =========================================== [ レビュー機能末端パーツ用 ] */
/*========================= [ .txt-device ] */
#dm-content.netgame.page-gamedetail.review .txt-device {
    display: block;
    clear: none;
    width: 100px;
    margin-bottom: 6px;
    vertical-align: bottom;
    text-align: center;
    letter-spacing: -0.001em;
    font-size: 10px;
    line-height: 1.5;
}

/*========================= [ .tab-btnarea ] */
#dm-content.netgame.page-gamedetail.review .tab-btnarea {
    display: -webkit-box;
    width: 250px;
    height: 35px;
    margin: 0 auto;
    font-weight: bold;
}

#dm-content.netgame.page-gamedetail.review .tab-btn, #dm-content.netgame.page-gamedetail.review .tab-btn-on {
    width: 115px;
    border: none;
    color: #646464;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
}

#dm-content.netgame.page-gamedetail.review .tab-btn {
    margin: 0 5px;
    border-radius: 6px 6px 0 0;
    background: #fff;
    text-align: center;
    cursor: pointer;
}

#dm-content.netgame.page-gamedetail.review .tab-btnarea p {
    padding: 11px 0 0;
}

#dm-content.netgame.page-gamedetail.review .tab-btn-on {
    position: relative;
    z-index: 100;
    height: 40px;
    border: none;
    border-radius: 4px 4px 0 0;
    background: #e5e5e5;
    -webkit-box-shadow: inset 0 4px 4px 0 rgba(0, 0, 0, 0.1);
            box-shadow: inset 0 4px 4px 0 rgba(0, 0, 0, 0.1);
    text-align: center;
}

/*========================= [ .page-gamedetail ] */
#dm-content.netgame.page-gamedetail.review .package-wrap, #dm-content.netgame.page-gamedetail.review .review-wrap, #dm-content.netgame.page-gamedetail.review .sns-wrap {
    margin: 0;
    background-color: #e5e5e5;
    -webkit-box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.2);
            box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}

#dm-content.netgame.page-gamedetail.review .review-wrap {
    padding: 13px 0 12px;
}

#dm-content.netgame.page-gamedetail.review .review-wrap .area-infolist-review {
    text-align: center;
}

#dm-content.netgame.page-gamedetail.review .review-wrap .area-infolist-review > * {
    text-align: left;
}

#dm-content.netgame.page-gamedetail.review .review-pos {
    margin: 0 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    background: #fff;
}

#dm-content.netgame.page-gamedetail.review .area-reviewlist p.work-review {
    margin: 0 10px 10px;
    padding: 10px;
    border: solid 1px #b2b2b2;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    background: #f8f8f8;
    font-weight: bold;
}

.ntg-product-description {
    overflow: hidden;
    border-radius: 5px;
    background: #fff;
    text-align: left;
}

.ntg-product-description dl {
    overflow: hidden;
    box-sizing: border-box;
}

.ntg-product-description dt, .ntg-product-description dd {
    float: left;
    padding-top: 6px;
    font-size: 12px;
    box-sizing: border-box;
}

.ntg-product-description dt:first-child, .ntg-product-description dd:nth-child(2) {
    border-top: none;
}

.ntg-product-description dt {
    width: 35%;
    color: #666;
}

.ntg-product-description dd {
    min-height: 40px;
    width: 65%;
}

.ntg-product-description dd a {
    display: inline-block;
    margin-bottom: 10px;
}

.ntg-product-description .ntg-tag {
    margin-right: 5px;
    padding: 2px 5px;
    border-radius: 5px;
    background-color: #e3eaf1;
    color: #666;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
}

.ntg-product-description .product-group-genre span, .ntg-product-description .product-group-tag span {
    display: inline-block;
}

/* =========================================== [ レビュー機能Myホームパーツ用 ] */
/*========================= [ .box-profilemenu ] */
#dm-content.netgame.page-profile-my.review .box-profilemenu > div {
    overflow: hidden;
    width: 300px;
    margin: 0 auto;
    background-color: #fff;
    text-align: right;
}

#dm-content.netgame.page-profile-my.review .box-profilemenu .box-img p a:before {
    display: inline-block;
    border-top: 3px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 5px solid #1b1b1b;
    content: '';
}

#dm-content.netgame.page-profile-my.review .box-profilemenu .box-img {
    float: left;
    width: 110px;
    margin-right: 15px;
}

#dm-content.netgame.page-profile-my.review .box-profilemenu .box-img img {
    width: 110px;
    height: 174px;
}

#dm-content.netgame.page-profile-my.review .box-profilemenu .box-img p {
    text-align: center;
}

#dm-content.netgame.page-profile-my.review .box-profilemenu > div ul {
    margin-top: 6px;
}

#dm-content.netgame.page-profile-my.review .box-profilemenu > div li a {
    margin-top: 10px;
}

#dm-content[class*=page-profile-] .box-olgfukidashi .box-fukidashi-sample1 ul {
    padding: 6px 0;
}

/*========================= [ もっと見る ] */
#dm-content.netgame .olg-seemore {
    border-top: #999 solid 1px;
    background: none no-repeat right center;
    -webkit-background-size: 18px 14px;
       -moz-background-size: 18px 14px;
         -o-background-size: 18px 14px;
            background-size: 18px 14px;
}

#dm-content.netgame .olg-seemore p {
    padding: 0 !important;
}

#dm-content.netgame .olg-seemore a {
    display: block;
    padding: 0 30px 0 0;
    color: #999;
    text-align: right;
    font-weight: normal;
    font-size: 14px;
    line-height: 40px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
}

/* =========================================== [ レビュー機能末端追加パーツ] */
.box-detail-review {
    margin: 12px 0 30px;
    text-align: center;
}

.box-detail-review a, .box-detail-review a span {
    width: 240px;
    padding: 3px 0 1px 0;
}

.box-detail-review a span:before {
    position: relative;
    top: -2px;
    left: -4px;
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: none;
    -webkit-background-size: 30px;
       -moz-background-size: 30px;
         -o-background-size: 30px;
            background-size: 30px;
    background-repeat: no-repeat;
    content: '';
    vertical-align: middle;
}

.netgame.page-gamedetail #package-list p {
    margin: 12px 10px;
}

.netgame.page-gamedetail #package-list .package-pos + p {
    margin: 0 10px 12px;
}

/*========================= [ 20150520 末端Twitter導線追加 ] */
.page-gamedetail .sns-wrap {
    padding: 14px 10px 6px;
    text-align: center;
}

.page-gamedetail .sns-wrap .box-timeline {
    display: inline-block;
    height: 270px;
    margin: 0 auto;
}

.page-gamedetail .box-sns {
    margin: 6px 10px;
}

.page-gamedetail .box-sns ul {
    text-align: center;
}

.page-gamedetail .box-sns li {
    display: inline-block;
    width: auto;
    margin: 0 0 6px 6px;
}

.page-gamedetail .box-sns li:first-child {
    margin-left: 0;
}

/*========================= [ 130606 メッセージ一覧 ボーナスポイント追加 ] */
#dm-main .bx-getpoint {
    position: relative;
    margin: 0 8px 10px;
    border: 1px rgba(0, 0, 0, 0.2) solid;
    border-bottom: 1px rgba(0, 0, 0, 0.3) solid;
    border-radius: 4px;
    background: -webkit-linear-gradient(#fff21b 0%, #ffae00 100%);
    background: -webkit-linear-gradient(bottom, #fff21b 0%, #ffae00 100%);
    background:         linear-gradient(to top, #fff21b 0%, #ffae00 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #ffae00), color-stop(100%, #fff21b));
    -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);

    -webkit-text-shadow: 1px 1px rgba(255, 255, 255, 0.5);
}

#dm-main .bx-getpoint p:first-child {
    position: relative;
    display: table;
    width: 100%;
    height: 44px;
}

#dm-main .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;
}

#dm-main .bx-getpoint p em a {
    color: #000;
}

#dm-main .bx-getpoint p:first-child + p {
    padding: 12px;
    border-top: 1px #ccc solid;
    -webkit-box-shadow: inset 0 1px 0 #fff;
            box-shadow: inset 0 1px 0 #fff;
}

/* ico-present */
#dm-main .ico-present {
    text-align: left;
}

#dm-main .ico-present p:first-child em {
    padding-left: 32px;
}

#dm-main .ico-present p:first-child em:before {
    position: absolute;
    top: 50%;
    left: 4px;
    display: block;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    background: none no-repeat left top;
    background-size: 30px;
    content: '';
}

/* =========================================== [130624 ジャンル対応] */
#dm-content .ico-maingenre, #dm-content .ico-subgenre {
    display: inline-block;
    width: 75px;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    letter-spacing: -0.001em;
    font-weight: bold;
    font-size: 10px;
}

/*========================= [ .box-startbtn ] */
#dm-content .box-detailtop .box-startbtn {
    position: relative;
    min-height: 122px;
    margin: 0 0 0 102px;
    text-align: left;
    box-sizing: border-box;
}

#dm-content .box-detailtop .box-startbtn > ul {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    text-align: center;
}

#dm-content .box-detailtop .box-startbtn > ul li {
    display: inline;
    margin-left: 4px;
}

#dm-content .box-detailtop .box-startbtn > p {
    margin-bottom: 8px;
    padding-left: 10px;
    font-size: 10px;
}

/*========================= [ sp非対応ゲーム ] */
#dm-content .box-detailtop.unsupport .box-startbtn {
    min-height: inherit;
    margin: 0;
    text-align: left;
}

#dm-content .box-detailtop.unsupport .box-startbtn > p {
    margin-bottom: 12px;
    padding-left: 0;
}

#dm-content .box-detailtop.unsupport .box-startbtn > p:first-child {
    font-weight: bold;
    font-size: 12px;
}

#dm-content .box-detailtop.unsupport .box-startbtn > div {
    margin: 0 0 12px;
}

#dm-content .box-detailtop.unsupport {
    border-bottom: 1px solid #ddd;
}

@media screen and (min-width: 450px) {
    #dm-content .box-detailtop .box-startbtn > p {
        padding: 0;
        text-align: center;
    }
}
#dm-content .box-detailtop .box-startbtn .txt-pre {
    margin-bottom: 0;
    font-size: 12px;
}

@media screen and (min-width: 450px) {
    #dm-content .box-detailtop.unsupport .box-startbtn > p {
        padding-left: 0;
        text-align: left;
    }
}
/*========================= [ .ico-maingenre ] */
#dm-content .ico-maingenre {
    height: 15px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    line-height: 15px;
}

#dm-content .ico-maingenre.type01 {
    border: 1px #91177f solid;
    background: -webkit-linear-gradient(bottom, #b62d9f 0%, #d43fbf 100%);
    background:         linear-gradient(to top, #b62d9f 0%, #d43fbf 100%);
    background: -webkit-linear-gradient(to top, #b62d9f 0%, #d43fbf 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #b62d9f), color-stop(1, #d43fbf));
}

#dm-content .ico-maingenre.type02 {
    border: 1px #ad1818 solid;
    background: -webkit-linear-gradient(bottom, #c42929 0%, #e62525 100%);
    background:         linear-gradient(to top, #c42929 0%, #e62525 100%);
    background: -webkit-linear-gradient(to top, #c42929 0%, #e62525 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #c42929), color-stop(1, #e62525));
}

#dm-content .ico-maingenre.type03 {
    border: 1px #5c25b7 solid;
    background: -webkit-linear-gradient(bottom, #6f37e8 0%, #8642fb 100%);
    background:         linear-gradient(to top, #6f37e8 0%, #8642fb 100%);
    background: -webkit-linear-gradient(to top, #b62d9f 0%, #6f37e8 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #6f37e8), color-stop(1, #8642fb));
}

#dm-content .ico-maingenre.type04 {
    border: 1px #0f448f solid;
    background: -webkit-linear-gradient(bottom, #0c57be 0%, #1574d8 100%);
    background:         linear-gradient(to top, #0c57be 0%, #1574d8 100%);
    background: -webkit-linear-gradient(to top, #0c57be 0%, #1574d8 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0c57be), color-stop(1, #1574d8));
}

#dm-content .ico-maingenre.type05 {
    border: 1px #0f6f9e solid;
    background: -webkit-linear-gradient(bottom, #1689c0 0%, #05b2e6 100%);
    background:         linear-gradient(to top, #1689c0 0%, #05b2e6 100%);
    background: -webkit-linear-gradient(to top, #1689c0 0%, #05b2e6 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #1689c0), color-stop(1, #05b2e6));
}

#dm-content .ico-maingenre.type06 {
    border: 1px #c35017 solid;
    background: -webkit-linear-gradient(bottom, #ff711d 0%, #ff9425 100%);
    background:         linear-gradient(to top, #ff711d 0%, #ff9425 100%);
    background: -webkit-linear-gradient(to top, #ff711d 0%, #ff9425 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ff711d), color-stop(1, #ff9425));
}

#dm-content .ico-maingenre.type07 {
    border: 1px #5c6e06 solid;
    background: -webkit-linear-gradient(bottom, #668f01 0%, #80ba02 100%);
    background:         linear-gradient(to top, #668f01 0%, #80ba02 100%);
    background: -webkit-linear-gradient(to top, #668f01 0%, #80ba02 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #668f01), color-stop(1, #80ba02));
}

#dm-content .ico-maingenre.type08 {
    border: 1px #165929 solid;
    background: -webkit-linear-gradient(bottom, #147640 0%, #20994f 100%);
    background:         linear-gradient(to top, #147640 0%, #20994f 100%);
    background: -webkit-linear-gradient(to top, #147640 0%, #20994f 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #147640), color-stop(1, #20994f));
}

#dm-content .ico-maingenre.type09 {
    border: 1px #755c0c solid;
    background: -webkit-linear-gradient(bottom, #a98002 0%, #d4a102 100%);
    background:         linear-gradient(to top, #a98002 0%, #d4a102 100%);
    background: -webkit-linear-gradient(to top, #a98002 0%, #d4a102 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #a98002), color-stop(1, #d4a102));
}

#dm-content .ico-maingenre.type10 {
    border: 1px #585858 solid;
    background: -webkit-linear-gradient(bottom, #777 0%, #8f8f8f 100%);
    background:         linear-gradient(to top, #777 0%, #8f8f8f 100%);
    background: -webkit-linear-gradient(to top, #777 0%, #8f8f8f 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #777), color-stop(1, #8f8f8f));
}

/*========================= [ .ico-subgenre ] */
#dm-content .ico-subgenre {
    height: 17px;
    line-height: 17px;
}

.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;
}

/* =========================================== [ 130610 ゲーム詳細画面 ] */
.box-menulist {
    padding: 10px 0 15px;
    background: #e5e5e5;
}

.box-menulist .list-icon {
    margin: 10px 10px 15px;
    border: solid 1px #b2b2b2;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: 0 1px 1px #fff;
       -moz-box-shadow: 0 1px 1px #fff;
            box-shadow: 0 1px 1px #fff;
    text-align: left;
}

.box-menulist .list-icon li {
    border-top: #999 solid 1px;
    background: none no-repeat right center;
    -webkit-background-size: 18px 14px;
       -moz-background-size: 18px 14px;
         -o-background-size: 18px 14px;
            background-size: 18px 14px;
}

.box-menulist .list-icon li a {
    display: block;
    padding: 8px 23px 8px 8px;
    color: #333;
    font-weight: bold;
}

.box-menulist .list-icon li:last-child {
    border-radius: 0 0 5px 5px;
}

.box-menulist .list-icon li:first-child {
    border: none;
    border-radius: 5px 5px 0 0;
}

.box-menulist .list-icon li a > img:first-child {
    float: left;
    border-radius: 5px;
}

.box-menulist li a span {
    display: table-cell;
    padding-left: 25px;
    background-position: 0 48%;
    background-size: 20px;
    background-repeat: no-repeat;
    vertical-align: middle;
    font-size: 13px;
    line-height: 1.2;
}

.box-menulist .icon-money span {
    background-image: none;
}

.box-menulist .icon-point span {
    background-image: none;
}

.box-menulist .icon-message span {
    background-image: none;
}

.box-menulist .icon-community span {
    background-image: none;
}

.box-menulist .icon-edit span {
    background-image: none;
}

.box-menulist .icon-getmission span {
    background-image: none;
}

.box-menulist p {
    text-align: center;
    font-size: 14px;
}

/* game-linklist */
.game-linklist {
    margin-bottom: 20px;
}

.game-linklist h2 {
    margin-bottom: 12px;
    padding: 5px 0 5px 10px;
    border-bottom: solid 1px #b8b8b8;
    color: #151515;
    font-weight: bold;
    font-size: 15px;
}

.game-linklist ul {
    overflow: hidden;
    margin: 10px 5px 0;
}

.game-linklist li {
    float: left;
    padding: 0 5px;
    text-align: center;
    box-sizing: border-box;
}

.game-linklist .col2 li {
    width: 50%;
}

.game-linklist .col3 li {
    width: 33.3%;
}

.game-linklist .col4 li {
    width: 25%;
}

.game-linklist .col5 li {
    width: 20%;
}

.game-linklist li a {
    display: block;
    max-width: 80px;
    margin: 0 auto;
}

.game-linklist li img {
    width: 100%;
    border: 1px solid #b2b2b2;
    border-radius: 6px;
    box-sizing: border-box;
}

/* pr-link */
.pr-link {
    margin: 10px 0;
}

.pr-link p {
    margin-bottom: 5px;
    text-align: center;
}

.box-menulist .olg-ico-redtwinkle:after {
    display: inline-block;
    width: 27px;
    height: 15px;
    margin-left: 5px;
    -webkit-background-size: 27px 15px;
       -moz-background-size: 27px 15px;
         -o-background-size: 27px 15px;
            background-size: 20px 20px;
    background-repeat: no-repeat;
    content: '';
    vertical-align: text-top;
}

.box-menulist .olg-ico-redtwinkle:after {
    background-image: none;
}

/*========================= [既存のクラスの上書き ] */
#dm-content .box-detailtop .box-startbtn ul {
    clear: none;
    margin: 0;
    padding: 0;
    background-color: transparent;
}

#dm-content .box-detailtop .box-startbtn > div {
    margin: 14px 0;
    text-align: center;
}

#dm-content.netgame.page-gamedetail .txt-device, #dm-content .box-detailtop .box-package {
    margin-bottom: 0;
}

#dm-content.netgame.page-gamedetail.review .tab-btnarea {
    margin-top: 12px;
}

#dm-content.page-gamedetail .box-detailtop .area-deviceguide, #dm-content .box-detailtop > ul {
    margin-top: 12px;
}

#dm-content .box-detailbottom .txt-pre {
    text-align: center !important;
}

#dm-content .box-detailtop .box-package {
    width: 102px;
}

/* =========================================== [ プロフィール画像登録機能 ] */
/* btn-close-240 */
#dm-content .btn-close-240 a {
    width: 240px;
}

/* page-profile-picchange */
#dm-content.page-profile-picchange ul li .ico_check img {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 14px;
    height: 14px;
    padding: 1px;
    -webkit-border-radius: 20px;
       -moz-border-radius: 20px;
            border-radius: 20px;
    background: #5ae200;
    vertical-align: middle;
}

/* btn-change */
#dm-content.page-profile-picchange .wrap-avatar-pic {
    position: relative;
    display: block;
    width: 120px;
    height: 120px;
    margin: 10px auto 50px;
}

#dm-content.page-profile-picchange .btn-change-avatar {
    display: block;
    width: 120px;
    margin: 0 auto 20px;
    border-width: 1px;
    border-style: solid;
    border-color: #bbb #999 #888;
    border-radius: 2px;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#dcdcdc), color-stop(51%, #e1e1e1), color-stop(52%, #f7f7f7), to(#fff));
    background-image:         linear-gradient(bottom, #dcdcdc 0%, #e1e1e1 51%, #f7f7f7 52%, #fff 100%);
    background-image: -webkit-linear-gradient(bottom, #dcdcdc 0%, #e1e1e1 51%, #f7f7f7 52%, #fff 100%);
    background-image:     -ms-linear-gradient(bottom, #dcdcdc 0%, #e1e1e1 51%, #f7f7f7 52%, #fff 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dcdcdc), color-stop(0.51, #e1e1e1), color-stop(0.52, #f7f7f7), color-stop(1, #fff));
    box-shadow: 0 0 0 1px #f0f0f0 inset;
    color: #222;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
}
#dm-content.page-profile-picchange .btn-change-avatar span {
    font-weight: bold;
    font-size: 12px;
    line-height: 28px;
}

#dm-content.page-profile-picchange .btn-change-avatar.is-unset {
    width: 200px;
}

/* prof-choice */
#dm-content.page-profile-picchange .prof-choice {
    overflow: hidden;
    width: 303px;
    margin: 0 auto 10px;
    text-align: center;
}

#dm-content.page-profile-picchange .prof-choice li {
    position: relative;
    float: left;
    margin: 0 2px;
    vertical-align: top;
}

#dm-content.page-profile-picchange ul.prof-choice li .ico_check img {
    top: 6px;
    right: 6px;
}

#dm-content.page-profile-picchange .prof-choice li .pic-avater {
    position: relative;
    display: block;
    overflow: hidden;
    width: 85px;
    height: 85px;
    padding: 5px;
    border: solid 1px #b2b2b2;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    background: #fff none 50% no-repeat;
    background-size: 71px 71px;
    -webkit-box-shadow: 0 1px 1px #fff;
       -moz-box-shadow: 0 1px 1px #fff;
            box-shadow: 0 1px 1px #fff;
    text-align: center;
    cursor: pointer;
}

#dm-content.page-profile-picchange .prof-choice li .pic-avater input {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 999;
    height: 300px;
    margin: 0;
    padding: 0;
    font-size: 76px;
    opacity: 0;
    cursor: pointer;
}

#dm-content.page-profile-picchange .prof-choice li .choice {
    position: relative;
    display: block;
    padding: 5px;
    border: solid 1px #b2b2b2;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    background: #fff;
    -webkit-box-shadow: 0 1px 1px #fff;
       -moz-box-shadow: 0 1px 1px #fff;
            box-shadow: 0 1px 1px #fff;
}

.fn-select-frame.is-on:before {
    position: absolute;
    top: 7px;
    right: 7px;
    z-index: 1;
    display: inline-block;
    width: 14px;
    height: 14px;
    padding: 1px;
    -webkit-border-radius: 20px;
       -moz-border-radius: 20px;
            border-radius: 20px;
    background: #5ae200 none no-repeat;
    content: '';
    vertical-align: middle;
}

.fn-select-frame.is-on:after {
    position: absolute;
    top: 7px;
    right: 7px;
    z-index: 2;
    display: inline-block;
    width: 14px;
    height: 14px;
    padding: 1px;
    background-image: none;
    background-size: cover;
    content: '';
    vertical-align: middle;
}

#dm-content.page-profile-picchange .prof-choice li .choice img {
    width: 85px;
    height: 85px;
}

.fn-select-frame.is-on img {
    outline: 2px solid lime;
}

#dm-content.page-profile-picchange .prof-choice li .btn-color-gra {
    display: block;
    width: 95px;
    margin-top: 3px;
    padding: 5px 0;
    font-weight: bold;
}

/* prof-img */
#dm-content.page-profile-picchange .prof-img li {
    position: relative;
}

/* box-attention */
#dm-content.page-profile-picchange dl.box-attention {
    display: block;
    margin: 10px 10px 30px;
    padding: 8px 10px;
    border: solid 1px #b2b2b2;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    background-color: #f0f0f0;
    -webkit-box-shadow: 0 1px 1px #fff;
       -moz-box-shadow: 0 1px 1px #fff;
       -moz-box-shadow: 0 1px 1px #fff;
            box-shadow: 0 1px 1px #fff;
    color: #666;
    font-size: 12px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
            box-sizing: border-box;
}

#dm-content.page-profile-picchange dl.box-attention dt {
    margin: 0 0 6px;
    color: #c00;
    font-weight: bold;
    font-size: 12px;
}

/*========================= [ プロフ画像 ] */
.prof-img {
    overflow: hidden;
    width: 285px;
    margin: 0 auto 10px;
    padding: 6px;
    border: solid 1px #b2b2b2;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    background: #fff;
    -webkit-box-shadow: 0 1px 1px #fff;
       -moz-box-shadow: 0 1px 1px #fff;
            box-shadow: 0 1px 1px #fff;
}

.prof-img li {
    float: left;
    margin: 3px;
}

.prof-img li img {
    width: 89px;
}

/* =========================================== [ コミュニティ一般開放 ] */
/*========================= [ .box-message ] */
.box-message {
    position: relative;
    margin: 10px;
    padding: 2px 10px;
    -webkit-border-radius: 4px;
            border-radius: 4px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
    text-align: left;
    font-weight: bold;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.box-message ul li {
    padding: 5px 0 5px 24px;
    background-image: none;
    background-position: 0 2px;
    -webkit-background-size: 20px 20px;
       -moz-background-size: 15px 15px;
         -o-background-size: 15px 15px;
            background-size: 20px 20px;
    background-repeat: no-repeat;
}

/*========================= [ .page-link ] */
.page-link li {
    display: inline-block;
}

.page-link li a {
    display: inline-block;
    min-width: 20px;
    margin-right: 3px;
    padding: 3px;
    border: 1px solid #ddd;
    border-radius: 3px;
    background: #fff;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
}

.page-link .now a {
    background: #aaa;
    color: #fff;
}

/*========================= [ .box-community-search ] */
#dm-content .box-community-search {
    margin: 0 10px 10px;
    padding: 5px 0;
    border: solid 1px #b2b2b2;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 1px #fff;
       -moz-box-shadow: 0 1px 1px #fff;
            box-shadow: 0 1px 1px #fff;
    text-align: left;
}

#dm-content .box-community-search div {
    width: 250px;
}

/*========================= [ .tab.col3 ] */
ul.tab.col3 {
    background-image:         linear-gradient(bottom, #050505 0%, #515151 100%);
    background-image: -webkit-linear-gradient(bottom, #050505 0%, #515151 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #050505), color-stop(1, #515151));
}

ul.tab.col3 li {
    position: relative;
    width: 33.3%;
    font-size: 12px;
}

ul.tab.col3 li a {
    padding: 13px 0;
}

#dm-content ul.tab.col3 li .num-info {
    top: 9px;
    right: 0;
    height: 24px;
    font-size: 10px;
}

#dm-content ul.tab.col3 li .num-info span {
    height: 24px;
    -webkit-background-size: 1px 24px;
            background-size: 1px 24px;
    line-height: 21px;
}

#dm-content ul.tab.col3 li .num-info:before {
    width: 8px;
    height: 24px;
    -webkit-background-size: 8px 24px;
            background-size: 8px 24px;
}

#dm-content ul.tab.col3 li .num-info:after {
    width: 8px;
    height: 24px;
    -webkit-background-size: 8px 24px;
            background-size: 8px 24px;
}

/*========================= [ .community-link ] */
.netgame .list-olg .community-link {
    margin-bottom: -1px;
    background: transparent;
}

.netgame .list-olg .community-link li {
    position: relative;
    float: left;
    width: 50%;
    border-top: none;
    -webkit-border-radius: 0;
            border-radius: 0;
    background: #f0f0f0;
    box-shadow: 1px 1px rgba(255, 255, 255, 0.6) inset;
    text-align: center;
    font-size: 13px;
}

.netgame .list-olg .community-link li.on {
    background: #fff;
}

.netgame .list-olg .community-link li:first-child {
    -webkit-border-radius: 5px 0 0 0;
            border-radius: 5px 0 0 0;
}

.netgame .list-olg .community-link li:last-child {
    -webkit-border-radius: 0 5px 0 0;
            border-radius: 0 5px 0 0;
}

.netgame .list-olg .community-link li a {
    display: block;
    padding: 12px 0;
    text-align: center;
}

.netgame .list-olg .community-link li a.row2 {
    padding: 7px 0;
    line-height: 1.2;
}

/*========================= [ .nonelink ] */
.netgame .list-olg li.nonelink {
    position: relative;
    padding: 8px;
    background: transparent;
    color: #333;
}

.netgame .list-olg li.nonelink > img:first-child {
    float: left;
    border-radius: 5px;
}

.netgame .list-olg li.nonelink dd {
    height: 2.5em;
}

#dm-content section[class^=box-community] .list-olg li.nonelink dd.list-delete {
    position: absolute;
    right: 8px;
    bottom: 4px;
    height: auto;
    background: none;
    color: #1a55b3;
    font-size: 13px;
}

#dm-content section[class^=box-community] .list-olg li.nonelink dd.list-delete a {
    display: inline;
    padding: 0;
}

#dm-content section[class^=box-community] .list-olg li.nonelink dd.list-delete a img {
    float: none;
    vertical-align: text-bottom;
}

/*========================= [ .page-community ] */
#dm-content.page-community h2 {
    margin-bottom: 10px;
    padding: 6px 10px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #999;
    background: #dbdbdb;
    font-weight: bold;
}

#dm-content.page-community table input[type=file] {
    width: 100%;
    padding: 0;
    border: none;
    box-shadow: none;
    font-size: 10px;
}

#dm-content.page-community ul.list-disc {
    margin-left: 10px;
    padding-left: 7px;
    list-style: disc;
}

#dm-content.page-community textarea {
    height: 5em;
    font-size: 15px;
}

#dm-content.page-community input {
    vertical-align: text-top;
}

#dm-content.page-community .make-community {
    margin: 20px 10px;
}

#dm-content.page-community .make-community a {
    display: block;
    padding: 10px;
    border: 1px solid #ff670f;
    border-radius: 5px;
    background: #ffd726;
    background:         linear-gradient(to bottom, #ffc126 0%, #ff670f 100%);
    background: -webkit-linear-gradient(top, #ffc126 0%, #ff670f 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #ff670f), color-stop(100%, #ffc126));
    color: #fff;
    text-align: center;
    text-shadow: -1px -1px 0 #ff670f;
    font-weight: bold;
    font-size: 14px;
}

/*========================= [ .game-box ] */
#dm-content.page-community .game-box {
    padding: 10px;
}

#dm-content.page-community .game-box .float-l span {
    display: block;
    padding: 1px 0;
    border-radius: 15px;
    background: #ffaf4b;
    background:         linear-gradient(to bottom, #ffaf4b 0%, #ff920a 100%);
    background: -webkit-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #ff920a), color-stop(100%, #ffaf4b));
    color: #fff;
    vertical-align: middle;
    text-align: center;
    text-shadow: -1px -1px 0 #e58915;
    font-weight: normal;
    font-size: 10px;
}

/*========================= [ .box-search ] */
#dm-content.page-community section.box-search {
    margin-bottom: 10px;
    padding: 0 0 20px;
    background-image: none;
    background-position: center bottom;
    background-size: 100% 11px;
    background-repeat: no-repeat;
    text-align: center;
}

#dm-content.page-community section.box-search h1 {
    margin-bottom: 10px;
    padding: 5px 0 5px 10px;
    border-top: solid 1px #e5e5e5;
    border-bottom: solid 1px #b8b8b8;
    -webkit-box-shadow: 0 1px 1px #fff, 0 2px 1px #f3f1f2 inset;
       -moz-box-shadow: 0 1px 1px #fff, 0 2px 1px #f3f1f2 inset;
            box-shadow: 0 1px 1px #fff, 0 2px 1px #f3f1f2 inset;
    color: #151515;
    text-align: left;
            text-shadow: 1px 1px 0 #f8f7f7;
    font-size: 15px;

    -webkit-text-shadow: 1px 1px 0 #f8f7f7;
}

#dm-content.page-community section.box-search h1:before {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 3px;
    background: none no-repeat;
    background-position: 0 -1px;
    background-size: 22px 22px;
    content: '';
    vertical-align: top;
}

#dm-content.page-community section.box-search select {
    width: 280px;
    margin: 0 auto 10px;
    font-size: 15px;
}

#dm-content.page-community section.box-search input {
    width: 220px;
    margin: 0 auto;
}

#dm-content.page-community section.box-search input, #dm-content.page-community section.box-search div:last-child {
    display: inline-block;
    vertical-align: middle;
}

/*========================= [ .community-intro ] */
#dm-content.page-community .community-intro {
    padding-top: 10px;
}

#dm-content.page-community .community-intro div {
    margin: 0 10px 10px;
    padding: 10px;
    border: solid 1px #b2b2b2;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 1px #fff;
       -moz-box-shadow: 0 1px 1px #fff;
            box-shadow: 0 1px 1px #fff;
}

/*========================= [ .box-community-list ] */
#dm-content.page-community .box-community-list {
    margin-top: 10px;
}

#dm-content.page-community .box-community-list h1 {
    margin: 5px 0;
}

#dm-content.page-community .box-community-list dt {
    overflow: hidden;
    height: 3em;
}

#dm-content.page-community .box-community-list dt span {
    display: inline-block;
    min-width: 30px;
    margin-right: 3px;
    padding: 1px 8px;
    border-radius: 15px;
    background: #ffaf4b;
    background:         linear-gradient(to bottom, #ffaf4b 0%, #ff920a 100%);
    background: -webkit-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #ff920a), color-stop(100%, #ffaf4b));
    color: #fff;
    vertical-align: text-top;
    text-align: center;
    text-shadow: -1px -1px 0 #e58915;
    font-weight: normal;
    font-size: 10px;
}

#dm-content.page-community .box-community-list dt .manager {
    background: #ff5db1;
    background:         linear-gradient(to bottom, #ff5db1 0%, #ef017c 100%);
    background: -webkit-linear-gradient(top, #ff5db1 0%, #ef017c 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #ef017c), color-stop(100%, #ff5db1));
    text-shadow: -1px -1px 0 #ef017c;
}

#dm-content.page-community .box-community-list dt .sub-manager {
    background: #00b7ea;
    background:         linear-gradient(to bottom, #00b7ea 0%, #009ec3 100%);
    background: -webkit-linear-gradient(top, #00b7ea 0%, #009ec3 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #009ec3), color-stop(100%, #00b7ea));
    text-shadow: -1px -1px 0 #009ec3;
}

#dm-content.page-community .box-community-list dt .friend {
    background: #b6e026;
    background:         linear-gradient(to bottom, #b6e026 0%, #8dbc14 100%);
    background: -webkit-linear-gradient(top, #b6e026 0%, #8dbc14 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #8dbc14), color-stop(100%, #b6e026));
    text-shadow: -1px -1px 0 #8dbc14;
}

#dm-content.page-community .box-community-list dt .unapproved {
    background: #ff1a00;
    background:         linear-gradient(to bottom, #ff1a00 0%, #ea0f00 100%);
    background: -webkit-linear-gradient(top, #ff1a00 0%, #ea0f00 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #ea0f00), color-stop(100%, #ff1a00));
    text-shadow: -1px -1px 0 #ea0f00;
}

#dm-content.page-community .box-community-list dd {
    height: 1.5em;
}

#dm-content.page-community .box-community-list .list-olg li dd:last-child {
    height: auto;
    font-weight: normal;
}

#dm-content.page-community .box-community-list .list-olg li dd.people {
    padding-left: 16px;
    background: none no-repeat left center;
    background-size: 14px 14px;
}

#dm-content.page-community .box-community-list .list-closed li {
    padding: 17px 0 30px;
    background: none;
    text-align: center;
}

#dm-content .box-community-list .list-olg li div {
    position: relative;
    float: left;
}

#dm-content .box-community-list .list-olg li div img {
    border-radius: 5px;
}

#dm-content .box-community-list .list-olg li div span {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 70px;
    margin-right: 3px;
    border-radius: 0 0 5px 5px;
    background: #ffaf4b;
    background:         linear-gradient(to bottom, #ffaf4b 0%, #ff920a 100%);
    background: -webkit-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #ff920a), color-stop(100%, #ffaf4b));
    color: #fff;
    vertical-align: text-top;
    text-align: center;
    text-shadow: -1px -1px 0 #e58915;
    font-weight: normal;
    font-size: 10px;
}

#dm-content .box-community-list .list-olg li div span.manager {
    background: #ff5db1;
    background:         linear-gradient(to bottom, #ff5db1 0%, #ef017c 100%);
    background: -webkit-linear-gradient(top, #ff5db1 0%, #ef017c 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #ef017c), color-stop(100%, #ff5db1));
    text-shadow: -1px -1px 0 #ef017c;
}

#dm-content .box-community-list .list-olg li div span.sub-manager {
    background: #00b7ea;
    background:         linear-gradient(to bottom, #00b7ea 0%, #009ec3 100%);
    background: -webkit-linear-gradient(top, #00b7ea 0%, #009ec3 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #009ec3), color-stop(100%, #00b7ea));
    text-shadow: -1px -1px 0 #009ec3;
}

#dm-content .box-community-list .list-olg li div span.friend {
    background: #b6e026;
    background:         linear-gradient(to bottom, #b6e026 0%, #8dbc14 100%);
    background: -webkit-linear-gradient(top, #b6e026 0%, #8dbc14 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #8dbc14), color-stop(100%, #b6e026));
    text-shadow: -1px -1px 0 #8dbc14;
}

/*========================= [ .management-community ] */
#dm-content.page-community .list-olg.management-community dt {
    height: 4em;
}

#dm-content.page-community .list-olg.management-community .nonelink dt {
    height: 2.5em;
}

#dm-content.page-community .list-olg.management-community .nonelink dd {
    height: 1.5em;
}

/*========================= [ .box-attention ] */
#dm-content.netgame.page-community dl.box-attention {
    display: block;
    margin: 10px;
    padding: 8px 10px;
    border: solid 1px #b2b2b2;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    background-color: #f0f0f0;
    -webkit-box-shadow: 0 1px 1px #fff;
       -moz-box-shadow: 0 1px 1px #fff;
       -moz-box-shadow: 0 1px 1px #fff;
            box-shadow: 0 1px 1px #fff;
    color: #666;
    font-size: 12px;
    box-sizing: border-box;
    box-sizing: border-box;
}

#dm-content.netgame.page-community dl.box-attention dt {
    margin: 0 0 6px;
    color: #c00;
    font-weight: bold;
    font-size: 14px;
}

/*========================= [ .btn-none-active ] */
#dm-content.netgame.page-community .btn-none-active .btn-color-gra {
    background: #d9d7d7;
    box-shadow: none;
    color: #888;
}

/*========================= [ .list-olg ] */
#dm-content.netgame.page-community .area-commentlist .list-olg li {
    overflow: hidden;
    padding: 8px;
    background: transparent;
}

#dm-content.netgame.page-community .area-commentlist .list-olg li.olg-morelist {
    background: #f0f0f0;
}

#dm-content.netgame.page-community .area-commentlist .list-olg li div {
    overflow: hidden;
}

#dm-content.netgame.page-community .area-commentlist .list-olg li img {
    float: left;
    border-radius: 5px;
}

#dm-content.netgame.page-community .area-commentlist .list-olg li a {
    padding: 0;
    color: #3b5998;
}

#dm-content.netgame.page-community .area-commentlist .list-olg li dl {
    height: auto;
}

#dm-content.netgame.page-community .area-commentlist .list-olg li dt {
    font-weight: bold;
}

#dm-content.netgame.page-community .area-commentlist .list-olg li dd {
    max-height: none;
}

/* ========================= [ ジャンル・タグ検索 140905] */
.page-keywordlist ul.tab {
    margin-bottom: 20px;
}

.page-keywordlist .list-capt {
    margin: 0 0 10px 10px;
    font-weight: bold;
}

.page-keywordlist form {
    margin: 0 10px 10px 0;
    text-align: right;
}

.netgame .area-genrelist .list-olg li a, .netgame .area-taglist .list-olg li a {
    padding: 6px 24px 6px 6px;
    line-height: 40px;
}

.netgame .area-genrelist .list-olg img {
    width: 40px;
    height: 40px;
}

.netgame .area-genrelist .list-olg .tx-keyword {
    margin-left: 12px;
}

.netgame .area-genrelist .list-olg .tx-keyword span {
    color: #666;
    font-weight: normal;
}

.netgame .area-taglist p {
    margin: 0 0 5px 10px;
    font-weight: bold;
}

.netgame .area-genrelist .list-olg li .ntg-noitem, .netgame .area-taglist .list-olg li .ntg-noitem {
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 6px 24px 6px 6px;
    background-color: #eee;
    color: #999;
    font-weight: bold;
    line-height: 40px;
}

.netgame .area-gamelist .list-olg .tx-genre-g {
    color: #16acc2;
}

.netgame .area-gamelist .list-olg .tx-genre {
    color: #eb4266;
}

.netgame .area-gamelist .list-olg .tx-tag {
    position: relative;
    padding-left: 20px;
}

.netgame .area-gamelist .list-olg .tx-tag:before {
    position: absolute;
    top: 4px;
    left: 2px;
    display: block;
    width: 13px;
    height: 13px;
    background: none left top no-repeat;
    background-size: 13px;
    content: '';
}

/*========================= [ .list-participant ] */
#dm-content .list-participant li {
    position: relative;
    padding: 8px;
    background: transparent;
    color: #333;
}

#dm-content .list-participant li.community-link, #dm-content .list-participant li.community-link li {
    padding: 0;
}

#dm-content .list-participant li.community-link {
    z-index: 1;
}

#dm-content.page-community .list-participant li dd:last-child {
    position: absolute;
    right: 5px;
    bottom: 3px;
    height: auto;
    text-align: right;
    font-size: 13px;
}

#dm-content .list-participant li a {
    display: inline;
    padding: 0;
}

#dm-content .list-participant li > img:first-child {
    float: left;
    border-radius: 5px;
}

#dm-content .list-participant li a > img:first-child {
    float: none;
}

#dm-content .list-participant li label {
    padding: 0;
}

#dm-content .list-participant li input[type=radio] {
    box-shadow: none;
}

/*========================= [ プロフ画像 ] */
.prof-img {
    overflow: hidden;
    width: 285px;
    margin: 0 auto 10px;
    padding: 6px;
    border: solid 1px #b2b2b2;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    background: #fff;
    -webkit-box-shadow: 0 1px 1px #fff;
       -moz-box-shadow: 0 1px 1px #fff;
            box-shadow: 0 1px 1px #fff;
}

.prof-img li {
    float: left;
    margin: 3px;
}

.prof-img li img {
    width: 89px;
}

/*========================= [ .area-infolist-links ※list内に複数リンクあり ] */
#dm-content .area-infolist-links .hl-olg {
    position: relative;
}

#dm-content .area-infolist-links .hl-olg .num-info {
    top: 0;
    right: 10px;
    text-shadow: none;
}

#dm-content .area-infolist-links .list-olg li {
    padding: 8px;
    background-image: none;
}

#dm-content .area-infolist-links .list-olg li > img:first-child {
    float: left;
    border-radius: 5px;
}

#dm-content .area-infolist-links .list-olg li div {
    position: relative;
    height: 70px;
    margin-left: 80px;
    color: #666;
    font-weight: bold;
}

#dm-content .area-infolist-links .list-olg li div a {
    display: inline;
    padding: 0;
    color: #1a55b3;
}

#dm-content .area-infolist-links .list-olg li div span {
    display: block;
}

#dm-content .area-infolist-links .list-olg li div span.reply {
    position: absolute;
    right: 0;
    bottom: 0;
}

#dm-content .area-infolist-links .list-olg li div span:first-child {
    height: 4.5em;
}

#dm-content .area-infolist-links .list-olg li div span:last-child {
    position: absolute;
    top: 55px;
    height: auto;
    font-weight: normal;
    font-size: 11px;
}

#dm-content .area-infolist-links .list-olg .olg-moreinfo, #dm-content .area-infolist-links .list-olg .olg-morelist {
    padding: 0;
}

#dm-content .area-infolist-links .list-olg .olg-moreinfo {
    background-color: #fff;
    background-image: none;
}

/* ========================= [ 130917 コミュニティ　トピック自動作成用追加パーツ ] */
/* ===== ntg-tx-topicnext */
#dm-main .ntg-tx-topicnext {
    margin: 10px 0;
    padding: 10px;
    border: 1px solid #c00;
    background: #fff3f3;
    text-align: left;
}

#dm-main .ntg-tx-topicnext p {
    margin-bottom: 3px;
    color: #c00;
    font-weight: bold;
    font-size: 13px;
}

/* ===== ntg-tx-topicprev */
#dm-main .ntg-tx-topicprev {
    margin: 10px 0;
    padding: 10px;
    border: 1px solid #ccc;
    background: #f8f8f8;
    text-align: left;
}

#dm-main .ntg-tx-topicprev p {
    margin-bottom: 3px;
    font-weight: bold;
    font-size: 13px;
}

/* ===== マージン調整 */
#dm-main #work-wrap .ntg-tx-topicnext:last-child, #dm-main #work-wrap .ntg-tx-topicprev:last-child {
    margin-bottom: 0;
}

#dm-main #work-wrap + .tap-list {
    padding-top: 0;
}

/* ===== 【 131016 特集ページ用 】 */
#dm-content.page-top .area-pickup {
    margin: 20px 5px 6px;
}

#dm-content.page-top .area-pickup a img {
    width: 100%;
}

/* ===== 【 131107 アプリ末端説明文用 】 */
#dm-content.page-gamedetail .box-detailtop .ntg-tx-appdetailtop {
    margin: 6px 0;
    padding: 6px;
    background: #eee;
    text-align: left;
}

/* ===== 【 131126 メンテ告知枠余白調整 】 */
#bx-notice div {
    padding: 6px;
    text-align: center;
}

#bx-notice h2 {
    margin-bottom: 0;
}

#bx-notice p {
    margin-top: 10px;
}

/*========================= [ .olg-hl-faq ] */
#dm-content section .olg-hl-faq {
    margin-bottom: 0;
    padding: 8px 0 8px 28px;
    border: none;
    background-image: none;
    background-position: 10px 14px;
    -webkit-background-size: 12px 12px;
       -moz-background-size: 12px 12px;
         -o-background-size: 12px 12px;
            background-size: 12px 12px;
    background-repeat: no-repeat;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    color: #151515;
            text-shadow: 1px 1px 0 #f8f7f7;
    font-weight: bold;
    font-size: 14px;

    -webkit-text-shadow: 1px 1px 0 #f8f7f7;
}

/* ===== 【 140114 DMMからのお知らせ追加パーツ 】 */
/* ===== box-olgdmminfo */
section.box-olgdmminfo {
    padding-top: 10px;
}

section.box-olgdmminfo .list-olg .j_ac_tab {
    padding: 7px 10px;
    border-top: 1px solid #999;
    font-weight: bold;
    font-size: 13px;
}

section.box-olgdmminfo .list-olg .j_ac_tab:first-child {
    border-top: none;
}

section.box-olgdmminfo .list-olg .j_ac_tab p {
    position: relative;
    min-height: 14px;
    padding: 0 0 0 20px;
}

section.box-olgdmminfo .list-olg .j_ac_tab p:before, #dm-main section.box-olgdmminfo .list-olg .j_ac_tab p:before, #dm-content section.box-olgdmminfo .list-olg .j_ac_tab p:before {
    position: absolute;
    top: 2px;
    left: 0;
    display: block;
    width: 14px;
    height: 14px;
    background: none right center no-repeat;
    background-size: 28px 14px;
    content: '';
}

section.box-olgdmminfo .list-olg .j_ac_tab.active p:before {
    background-position: left top;
}

section.box-olgdmminfo .list-olg .j_ac {
    display: none;
    overflow: hidden;
    padding: 8px 10px 5px;
    border-top: 1px dotted #ccc;
    color: #666;
}

section.box-olgdmminfo .list-olg li {
    border-top: none;
    background: none no-repeat left 10px;
    -webkit-background-size: 11px 9px;
       -moz-background-size: 11px 9px;
         -o-background-size: 11px 9px;
            background-size: 11px 9px;
}

section.box-olgdmminfo .list-olg li a {
    padding: 5px 8px 5px 10px;
    color: #3b5998;
    font-weight: normal;
}

/* footer用 */
footer section.box-olgdmminfo {
    margin-top: 15px;
}

footer section.box-olgdmminfo .list-olg {
    margin: 0 10px 7px;
    border: solid 1px #b2b2b2;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 1px #fff;
       -moz-box-shadow: 0 1px 1px #fff;
            box-shadow: 0 1px 1px #fff;
    text-align: left;
}

footer section.box-olgdmminfo .list-olg li a {
    display: block;
}

footer section.box-olgdmminfo .list-olg li:last-child {
    border-radius: 0 0 5px 5px;
}

footer section.box-olgdmminfo .list-olg li:first-child {
    border: none;
    border-radius: 5px 5px 0 0;
}

footer section.box-olgdmminfo .list-olg li a > img:first-child {
    border-radius: 5px;
}

/* ===== 【 140120 myレビューページ 編集不可対応 】 */
/* ===== review-none-edit */
#dm-content.netgame .area-reviewlist ul.reviewlist .review-none-edit {
    padding: 8px;
}

#dm-content.netgame .area-reviewlist ul.reviewlist .review-none-edit div > span {
    font-size: inherit;
}

#dm-content.netgame .area-reviewlist ul.reviewlist .review-none-edit div + span {
    display: block;
    color: #c00;
}

/* ===== 【 140227 SPトップページ改修用 】 */
.netgame.page-top img {
    vertical-align: bottom;
}

.bnr-point {
    margin: 20px 10px 0;
}

/* ===== ntg-exchange */
.ntg-exchange {
    padding-right: 10px;
    text-align: right;
}

.netgame.page-top .ntg-exchange + .area-gamelist .ntg-headline {
    margin-top: 10px;
}

/* ========================= [ .ntg-slide ] */
.ntg-slide {
    overflow: hidden;
    height: calc(100vw * 330 / 640);
    margin-bottom: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

/* ===== slide-content */
.ntg-slide #rotation {
    position: relative;
    height: auto;
    background-color: #bbb;
}

.ntg-slide #rotation-inner > ul.rotation {
    overflow: hidden;
    height: auto;
}

.ntg-slide #rotation-inner > ul.rotation li {
    float: left;
    text-align: center;
}

.ntg-slide #rotation-inner > ul.rotation li img {
    width: 100%;
    height: auto;
    margin: 0 auto;

    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}

#rotation img {
    vertical-align: bottom;
}

/* ===== pagedots */
.ntg-slide .pagedots {
    position: absolute;
    bottom: -42px;
    width: 100%;
}

.ntg-slide .pagedots ul {
    position: relative;
    margin: 6px 10px;
    text-align: center;
}

.ntg-slide .pagedots li {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-left: 10px;
    border-radius: 4px;
    background: #9ba4ac;
    box-shadow: 1px 1px 2px white;
}

.ntg-slide .pagedots li.on {
    background: #19bfff;
}

/* ===== slide-controler */
.ntg-slide .slide-controler {
    position: relative;
    height: 40px;
    margin: 6px 10px 0;
}

.ntg-slide .slide-controler .slide-prev {
    display: block;
    float: left;
    width: 35px;
    height: 40px;
    border-radius: 5px;
    background: #c8cfd6 none center no-repeat;
    background-size: 20px auto;
    cursor: pointer;
}

.ntg-slide .slide-controler .slide-next {
    display: block;
    float: right;
    width: 35px;
    height: 40px;
    border-radius: 5px;
    background: #c8cfd6 none center no-repeat;
    background-size: 20px auto;
    cursor: pointer;
}

/* ========================= [ .ntg-menu-top ] */
.ntg-menu-top {
    width: 300px;
    height: 45px;
    margin: 0 auto 10px;
}

.ntg-menu-top li {
    float: left;
}

/* ===== 個別幅指定 */
.ntg-menu-top.col2 li {
    width: 147px;
}

.ntg-menu-top.col2 li:first-child {
    margin-right: 6px;
}

.ntg-menu-top.col4 {
    height: 45px;
}

.ntg-menu-top.col4 li {
    width: 70px;
    margin-left: 6px;
}

.ntg-menu-top.col4 li:first-child {
    margin-left: 0;
}

/* ===== リンクボタン指定 */
.ntg-menu-top a {
    position: relative;
    display: block;
    height: 45px;
    border: 1px solid #b5bfcc;
    border-radius: 5px;
    background:         linear-gradient(to top, #d0d3d8 0%, white 100%);
    background: -webkit-linear-gradient(bottom, #d0d3d8 0%, white 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #d0d3d8), color-stop(100%, white));
}

.ntg-menu-top a span {
    display: block;
    color: #353d51;
    text-align: center;
    font-weight: bold;
}

.ntg-menu-top.col2 a span {
    padding-left: 20px;
    font-size: 14px;
    line-height: 45px;
}

.ntg-menu-top.col4 a {
    height: 45px;
}

.ntg-menu-top.col4 a span {
    padding-top: 29px;
    font-size: 10px;
}

/* ===== アイコン指定 */
.ntg-menu-top a span:before {
    position: absolute;
    display: block;
    width: 30px;
    height: 30px;
    content: '';
}

.ntg-menu-top .ico-home span:before {
    background-image: none;
    background-size: 30px 30px;
}

.ntg-menu-top .ico-mygame span:before {
    background-image: none;
    background-size: 30px 30px;
}

.ntg-menu-top .ico-ranking span:before {
    background-image: none;
    background-size: 30px 30px;
}

.ntg-menu-top .ico-newgame span:before {
    background-image: none;
    background-size: 30px 30px;
}

.ntg-menu-top.col2 a span:before {
    top: 7px;
    left: 7px;
}

.ntg-menu-top.col4 a span:before {
    position: absolute;
    top: 0;
    left: 18px;
    display: block;
    width: 32px;
    height: 32px;
    content: '';
}

.ntg-menu-top.col4 a span:before {
    background-size: 32px 32px;
}

/* ========================= [ トップ用見出し ] */
/* ===== 共通指定 */
.netgame.page-top .ntg-headline {
    position: relative;
    margin: 20px 10px 0;
    font-size: 15px;
    line-height: 40px;
}

.netgame.page-top .ntg-headline > * {
    display: block;
    padding-left: 35px;
    border-radius: 8px 8px 0 0;
    color: #fff;
}

/* ===== アイコン指定用 */
.netgame.page-top .ntg-headline > *:before {
    position: absolute;
    top: 7px;
    left: 7px;
    display: block;
    width: 25px;
    height: 25px;
    background: none no-repeat;
    background-size: 100% auto;
    content: '';
}

/* ===== リンクがある場合右に矢印追加 */
.netgame.page-top .ntg-headline a:after {
    position: absolute;
    top: 7px;
    right: 7px;
    display: block;
    width: 15px;
    height: 25px;
    background: none left 0 no-repeat;
    background-size: 100% auto;
    content: '';
}

/* ===== 特集アーカイブ追加 */
#dm-content .area-special .list-olg li a {
    font-size: 14px;
}

/* ===== 個別指定 */
.netgame .area-gamelist .ntg-headline > * {
    background: #66aaf7;
}

.netgame .area-gamelist .ntg-headline > *:before {
    background-position: left 0;
}

.netgame .area-gamelist-new .ntg-headline > * {
    background: #ff7ba3;
}

.netgame .area-gamelist-new .ntg-headline > *:before {
    background-position: left -25px;
}

.netgame .area-ranking .ntg-headline > * {
    background: #ffc936;
}

.netgame .area-ranking .ntg-headline > *:before {
    background-position: left -50px;
}

.netgame .area-ranking-zoom .ntg-headline > * {
    background: #add558;
}

.netgame .area-ranking-zoom .ntg-headline > *:before {
    background-position: left -75px;
}

.netgame .area-pre .ntg-headline > * {
    background: #ee5559;
}

.netgame .area-pre .ntg-headline > *:before {
    background-position: left -100px;
}

.netgame .area-news .ntg-headline > * {
    background: #a0afb9;
}

.netgame .area-news .ntg-headline > *:before {
    background-position: left -125px;
}

/* 140603 特集アーカイブ追加 */
.netgame .area-special .ntg-headline > * {
    background: #d69ef2;
}

.netgame .area-special .ntg-headline > *:before {
    background-position: left -147px;
}

.netgame .area-regist .ntg-headline > * {
    background: #ee5559;
}

.netgame .area-regist .ntg-headline > *:before {
    background-position: left -225px;
}

/* 140905 ジャンル・タグ検索追加 */
.netgame .area-tagcloud .ntg-headline > * {
    background: #4acfcf;
}

.netgame .area-tagcloud .ntg-headline > *:before {
    background-position: left -250px;
}

/* 20150520 Twitter導線追加 */
.netgame .area-twitter .ntg-headline > * {
    background: #2089ef;
}

.netgame .area-twitter .ntg-headline > *:before {
    background-position: left -300px;
}

/* ========================= [ list-olgのborder指定 ] */
.netgame.page-top .area-gamelist .list-olg, .netgame.page-top .area-gamelist-new .list-olg, .netgame.page-top .area-ranking .list-olg, .netgame.page-top .area-ranking-zoom .list-olg, .netgame.page-top .area-pre .list-olg, .netgame.page-top .area-news .list-olg, .netgame.page-top .area-special .list-olg, .netgame.page-top .area-regist .list-olg, .netgame.page-top .area-tagcloud .list-olg {
    border-top: none;
    border-radius: 0 0 5px 5px;
}

/* ========================= [ お問い合わせ一覧 ] */
.page-supportlist .list-olg .ntg-txt-supporttitle {
    min-height: 70px;
    margin-left: 80px;
    font-weight: bold;
}

/* ========================= [ 女性向け枠追加 ] */
.netgame .area-ladies .ntg-headline > * {
    background: #447dff;
}

.netgame .area-ladies .ntg-headline > *:before {
    background-position: left -175px;
}

#dm-content .area-ladies ul {
    margin: 0 10px;
    border: solid 1px #b2b2b2;
    border-top: none;
    border-radius: 0 0 5px 5px;
    background-color: #fff;
}

#dm-content .area-ladies li:first-child {
    border-top: none;
}

/* ===== 【 140731 夏祭り用 】 */
#dm-content.page-top .area-half {
    margin: 10px 5px 6px;
}

#dm-content.page-top .area-half .hl-olg {
    padding-bottom: 0;
    background-position: 10px 12px;
}

#dm-content.page-top .area-half a img {
    width: 100%;
}

/* ===== 【 140731 リリース前対応用 】 */
.netgame .area-regist .tx-registinfo {
    display: inline-block;
    margin-left: 10px;
    padding: 0 5px;
    background: #fb3;
    color: #fff;
    font-size: 11px;
    line-height: 17px;
}

.netgame .area-regist .tx-registprior {
    display: inline-block;
    margin-left: 10px;
    padding: 0 5px;
    background: #f48;
    color: #fff;
    font-size: 11px;
    line-height: 17px;
}

.netgame .area-regist .tx-registcbt {
    display: inline-block;
    margin-left: 10px;
    padding: 0 5px;
    background: #6acbf8;
    color: #fff;
    font-size: 11px;
    line-height: 17px;
}

.netgame .area-regist .tx-registobt {
    display: inline-block;
    margin-left: 10px;
    padding: 0 5px;
    background: #ce181e;
    color: #fff;
    font-size: 11px;
    line-height: 17px;
}

/* ===== 特集アーカイブ開催中対応 */
#dm-content .area-special .list-olg li:first-child {
    background: transparent;
}

#dm-content .area-special .list-olg li:first-child a {
    padding: 10px;
}

#dm-content .area-special .list-olg li:first-child a img {
    width: 100%;
    border: none;
    border-radius: 0;
}

/* ===== トップモーダルバナー */
.netgame .ntg-topmodal {
    position: fixed;
    bottom: 56px;
    left: 0;
    z-index: 100;
    display: block;
    overflow: hidden;
    width: 100%;
    height: auto;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #666));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #666 100%);
    background:         linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #666 100%);
    text-align: center;
    -webkit-transition: all 0.15s ease;
            transition: all 0.15s ease;
    -webkit-animation: modal 0.3s ease 0.5s both;
            animation: modal 0.3s ease 0.5s both;
}

@-webkit-keyframes modal {
    0% {
        -webkit-transform: translate3d(0px, 200px, 0px);
    }
    100% {
        -webkit-transform: translate3d(0px, 0px, 0px);
    }
}
@keyframes modal {
    0% {
        -webkit-transform: translate3d(0px, 200px, 0px);
                transform: translate3d(0px, 200px, 0px);
    }
    100% {
        -webkit-transform: translate3d(0px, 0px, 0px);
                transform: translate3d(0px, 0px, 0px);
    }
}
.netgame .ntg-topmodal .modal-inner {
    overflow: hidden;
    max-width: 300px;
    margin: 20px auto 10px;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: 0 0 4px #333;
            box-shadow: 0 0 4px #333;
}

.netgame .ntg-topmodal form {
    float: left;
    width: 150px;
    background: #fff;
}

.netgame .ntg-topmodal label {
    display: block;
    height: 40px;
    padding: 0 6px;
    color: #666;
    font-size: 12px;
    line-height: 40px;
}

.netgame .ntg-topmodal input[type=checkbox] {
    border-radius: 3px;
    vertical-align: middle;
}

.netgame .ntg-topmodal .tx-close {
    display: block;
    float: left;
    width: 149px;
    height: 40px;
    border-left: 1px dashed #ccc;
    background: #fff;
    font-size: 12px;
    line-height: 40px;
}

.netgame .ntg-topmodal img {
    width: 100%;
    height: auto;
}

/*ランドスケープ時にモーダルを表示させない*/
@media screen and (min-width: 480px) {
    .netgame .ntg-topmodal {
        display: none;
    }
}
/* ========================= 【 141127 7日間キャンペーン対応 】 */
/* ===== myホーム */
.page-myhome-top .box-bnr {
    display: block;
    margin: 0 12px 12px;
}

.page-myhome-top .box-bnr img {
    width: 100%;
}

/* ===== popup */
#alert.popup-logincampaign {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    width: 288px;
    padding: 0;
    border: 1px solid #e70000;
    background: #fff;
    box-shadow: none;
}

#alert.popup-logincampaign img {
    width: 100%;
    height: auto;
}

#alert.popup-logincampaign div {
    padding: 6px 10px 12px;
    text-align: center;
    font-size: 10px;
}

#alert.popup-logincampaign div p {
    text-align: left;
}

#alert.popup-logincampaign .bt-logincampaign {
    display: block;
    width: 229px;
    height: 50px;
    margin: 12px auto 0;
}

#block_background {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    background: #fff;
    opacity: 0.5;
}

/* ========================= 【 150128 女性向けゲーム枠追加 】 */
.netgame .area-girls .ntg-headline > * {
    /*    background: #ff97b2;*/
    background: none top left;
    background-size: auto 250px;
}

.netgame .area-girls .ntg-headline > *:before {
    background-position: left -275px;
}

.area-girls .list-olg {
    border-top: 0;
}

.area-girls .list-olg li.list-pickup {
    background: none;
}

.area-girls .list-olg li.list-pickup a {
    padding: 0;
    background: none;
}

.area-girls .list-olg li.list-pickup a > img {
    float: none;
    width: 100%;
    height: auto;
    border: none;
    border-radius: 0;
}

.area-girls .list-olg li.list-pickup dl {
    min-height: 0;
    margin: 10px 0 10px 10px;
    background: none no-repeat right 50%;
    background-size: 18px 14px;
}

.area-girls .list-olg li.list-pickup dt {
    padding-right: 30px;
    word-break: break-all;
}

/* ========================= 【 20150520 メルマガからのポイント獲得ページ 】 */
.page-mailgetpoint .bx-totalpoint {
    margin: 0 10px 10px;
    padding: 10px;
    border-radius: 3px;
    background: #fff;
}

.page-mailgetpoint .bx-totalpoint dt {
    margin-bottom: 3px;
    font-weight: bold;
    font-size: 14px;
}

.page-mailgetpoint .bx-totalpoint dd {
    color: #e00;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
}

.page-mailgetpoint .bx-totalpoint dd span {
    display: block;
    margin-top: 6px;
    padding: 10px;
    background: #f2f2f2;
    color: #666;
    font-size: 13px;
}

.page-mailgetpoint .bx-campaignlist {
    padding: 10px;
    background: #fff;
}

.page-mailgetpoint .bx-campaignlist h2 {
    margin-bottom: 10px;
    font-size: 14px;
}

.page-mailgetpoint .list-pointcampaign {
    border: 1px solid #ccc;
    border-radius: 3px;
}

.page-mailgetpoint .list-pointcampaign li {
    display: -webkit-box;
    display:    -moz-box;
    display:         box;
    display: -webkit-flex;
    display:    -moz-flex;
    display:         flex;
    border-bottom: 1px solid #ccc;

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

.page-mailgetpoint .list-pointcampaign li:last-child {
    border-bottom: none;
}

.page-mailgetpoint .list-pointcampaign p {
    padding: 10px;
    box-sizing: border-box;
}

.page-mailgetpoint .list-pointcampaign .tx-title {
    width: 60%;
}

.page-mailgetpoint .list-pointcampaign .tx-point {
    width: 40%;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
}

.page-mailgetpoint .list-pointcampaign .tx-point span {
    display: block;
    color: #666;
    font-weight: normal;
    font-size: 10px;
}

.page-mailgetpoint .list-pointcampaign .tx-error {
    width: 40%;
    color: #e00;
    text-align: center;
}

.tx-mailgetpoint-error {
    margin: 20px 10px 10px;
    text-align: center;
}

/* ========================= 【 20150520 Twitter導線追加対応 】 */
.netgame .area-twitter {
    position: relative;
}

.netgame .area-twitter .area-twitter-inner {
    margin: 0 10px;
    border: 1px solid #b2b2b2;
    border-top: none;
    border-radius: 0 0 5px 5px;
    background: #fff;
}

.netgame .area-twitter .box-timeline {
    overflow: hidden;
    height: 149px;
    border-bottom: 1px solid #b2b2b2;
}

.netgame .area-twitter .twitter-timeline {
    min-width: 100% !important;
    height: 150px !important;
}

.netgame .box-btn-twitter ul {
    overflow: hidden;
    margin: 10px 10px 3px;
}

.netgame .box-btn-twitter ul > li {
    float: left;
    margin: 0 0 3px 8px;
}

.netgame .box-btn-twitter ul > li:first-child {
    margin-left: 0;
}

/* ========================= 【 150305 末端ボタン追加対応 】 */
.page-gamedetail .box-detailtop .box-regist, .page-gamedetail .box-detailtop .box-regist-store {
    margin-left: 102px;
}

.page-gamedetail .box-detailtop .box-regist .dm-btn {
    display: block;
    width: 145px;
    margin: 0 auto 10px;
}

.page-gamedetail .box-detailbottom .box-regist .dm-btn {
    display: block;
    width: 235px;
    margin: 0 auto 10px;
}

/* ===== ストア対応 */
.page-gamedetail .box-detailtop .box-regist-store .dm-btn {
    display: block;
    width: 145px;
    margin: 0 auto 6px;
}

.page-gamedetail .box-detailtop .box-regist-store .dm-btn:last-child {
    margin-bottom: 10px;
}

.page-gamedetail .box-detailbottom .box-regist-store > p {
    font-size: 12px;
}

.page-gamedetail .box-detailbottom .box-regist-store .dm-btn {
    display: block;
    width: 235px;
    margin: 0 auto 6px;
}

.page-gamedetail .box-detailbottom .box-regist-store .dm-btn:last-child {
    margin: 0 auto 10px;
}

/* ========================= [ アドサーバーバナー対応 ] */
#OlgTopUnderPrereg, #OlgTopUnderRecommend {
    margin-top: 20px;
}

#OlgTopUnderPrereg p, #OlgTopUnderRecommend p {
    margin: 0 10px;
}

#OlgTopUnderPrereg img, #OlgTopUnderRecommend img {
    width: 100%;
    height: auto;
}

#OlgMygameHeader p, #OlgMygameFooter p {
    margin: 0;
}

#OlgMygameHeader p img, #OlgMygameFooter p img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

#OlgRankingHeader p, #OlgRankingFooter p {
    margin: 0;
}

#OlgRankingHeader p img, #OlgRankingFooter p img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

#OlgHomeHeader p, #OlgHomeFooter p {
    margin: 0;
}

#OlgHomeHeader p img, #OlgHomeFooter p img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

#OlgCommunityHeader p, #OlgCommunityFooter p {
    margin: 0;
}

#OlgCommunityHeader p img, #OlgCommunityFooter p img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

#OlgListHeader p, #OlgListFooter p {
    margin: 0;
}

#OlgListHeader p img, #OlgListFooter p img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

#OlgGenreHeader p, #OlgGenreFooter p {
    margin: 0;
}

#OlgGenreHeader p img, #OlgGenreFooter p img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

#OlgTagHeader p, #OlgTagFooter p {
    margin: 0;
}

#OlgTagHeader p img, #OlgTagFooter p img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

#OlgClosedGameHeader p, #OlgClosedGameFooter p {
    margin: 0;
}

#OlgClosedGameHeader p img, #OlgClosedGameFooter p img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

/********* エラー用CSS 141222 **********/
#dm-content.netgame #error {
    padding: 0 0 10px;
}

#dm-content.netgame #error .center {
    margin: 20px auto 10px;
    padding: 0;
    text-align: center;
}

/* ========================= 【 150318 会員登録導線改修 】 */
.netgame form .bt-random-name {
    display: block;
    width: 120px;
    height: auto;
    margin: 3px 0;
    padding: 0.7em 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: -webkit-linear-gradient(bottom, #4794ff 0%, #2580ff 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #2580ff), color-stop(100%, #4794ff));
    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;

    -webkit-text-shadow: 1px 1px rgba(255, 255, 255, 0.5);
}

.netgame form .bt-random-name:active {
    position: relative;
    top: 1px;
}

/* ------------------------------
_components.scss
------------------------------ */
/*------------------------------
_ntg-area.scss
------------------------------*/
[class^=ntg-area] {
    margin-bottom: 20px;
}

/*----------------------------
最近チェックしたゲーム
----------------------------*/
.ntg-area-checkgame .ntg-moreinfo.disp-checkgame {
    margin-bottom: 20px;
    padding-right: 10px;
    background: none;
}

/*
ntg-button
---------------------------------------- */

[class^=ntg-area-btn]:after {
    display: table;
    clear: both;
    content: '';
}
[class^=ntg-area-btn] .dm-btn {
    display: block;
    font-size: 120%;
}
[class^=ntg-area-btn] .box-btn {
    padding-right: 6px;
    padding-left: 6px;
    box-sizing: border-box;
}

.ntg-area-btn-col1 .box-btn {
    width: 100%;
    margin-bottom: 12px;
}
.ntg-area-btn-col1 .box-btn:last-child {
    margin-bottom: 0;
}

.ntg-area-btn-col2, .ntg-area-btn-col3 {
    display: -webkit-box;
    display: -webkit-flex;
    display:         flex;
}
.ntg-area-btn-col2 .box-btn *, .ntg-area-btn-col3 .box-btn * {
    height: 100%;
}
.ntg-area-btn-col2 .box-btn a > *, .ntg-area-btn-col3 .box-btn a > * {
    display: -webkit-box;
    display: -webkit-flex;
    display:         flex;

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

.ntg-area-btn-col2 .box-btn {
    width: 50%;
}

.ntg-area-btn-col3 .box-btn {
    width: 33.333%;
}

.dm-btn.dm-btn-pink > * {
    background:         linear-gradient(to top, #ff2b70 0%, #ff5492 100%);
    background: -webkit-linear-gradient(bottom, #ff2b70 0%, #ff5492 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #ff2b70), color-stop(100%, #ff5492));
    color: #fff;
            text-shadow: -1px -1px rgba(0, 0, 0, 0.2);

    -webkit-text-shadow: -1px -1px rgba(0, 0, 0, 0.2);
}

/*
ntg-buttonbar
---------------------------------------- */

[class^=ntg-buttonbar] {
    display: -webkit-box;
    display:         box;
    display: -webkit-flex;
    display:         flex;
    width: 100%;
    margin-bottom: 12px;
    padding-top: 12px;
    box-sizing: border-box;
}
[class^=ntg-buttonbar]:after {
    display: table;
    clear: both;
    content: '';
}
[class^=ntg-buttonbar] + [class^=ntg-buttonbar] {
    padding-top: 0;
}
[class^=ntg-buttonbar] li {
    position: relative;
    width: 100%;
    box-sizing: border-box;

    -webkit-box-flex: 1;
            box-flex: 1;
    -webkit-flex-grow: 1;
            flex-grow: 1;
}
[class^=ntg-buttonbar] li a {
    border-radius: 0;
}
[class^=ntg-buttonbar] li:first-child {
    padding-left: 10px;
}
[class^=ntg-buttonbar] li:first-child [class^=ntg-btn-buttonbar] {
    border-left: none;
    border-radius: 5px 0 0 5px;
}
[class^=ntg-buttonbar] li:last-child {
    padding-right: 10px;
}
[class^=ntg-buttonbar] li:last-child [class^=ntg-btn-buttonbar] {
    border-right: none;
    border-radius: 0 5px 5px 0;
}
[class^=ntg-buttonbar] .ntg-num-info {
    position: absolute;
    top: -6px;
    right: 12px;
}

.ntg-buttonbar-col1 li {
    padding: 0 10px !important;
}
.ntg-buttonbar-col1 li a {
    border-radius: 5px !important;
}

[class^=ntg-btn-buttonbar] {
    position: relative;
    display: block;
    width: 100%;
    border-right: 1px solid;
    border-left: 1px solid;
    border-color: #ccc;
    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%);
    box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.2);
    text-align: center;
    font-weight: bold;
    line-height: 40px;
}
[class^=ntg-btn-buttonbar] span {
    position: relative;
    display: inline-block;
}
[class^=ntg-btn-buttonbar].on {
    background: #eee;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ccc), color-stop(100%, #fff));
    background: -webkit-linear-gradient(top, #ccc 0%, #fff 100%);
    background:         linear-gradient(to bottom, #ccc 0%, #fff 100%);
}
[class^=ntg-btn-buttonbar].is-disable {
    background-color: #fff;
    box-shadow: none;
    color: #ccc;
}

.ntg-btn-buttonbar-rankall span {
    padding-left: 22px;
}
.ntg-btn-buttonbar-rankall span:before {
    position: absolute;
    top: 13px;
    left: 0;
    display: block;
    width: 35px;
    height: 25px;
    background: none no-repeat;
    background-position: left 0;
    background-size: 100% auto;
    content: '';
}

.ntg-btn-buttonbar-rankdownload span {
    padding-left: 19px;
}
.ntg-btn-buttonbar-rankdownload span:before {
    position: absolute;
    top: 12px;
    left: 0;
    display: block;
    width: 35px;
    height: 25px;
    background: none no-repeat;
    background-position: left -150px;
    background-size: 100% auto;
    content: '';
}

.ntg-btn-buttonbar-rankzoom span {
    padding-left: 22px;
}
.ntg-btn-buttonbar-rankzoom span:before {
    position: absolute;
    top: 12px;
    left: 0;
    display: block;
    width: 35px;
    height: 25px;
    background: none no-repeat;
    background-position: left -25px;
    background-size: 100% auto;
    content: '';
}

.ntg-btn-buttonbar-rankrecommend span {
    padding-left: 24px;
}
.ntg-btn-buttonbar-rankrecommend span:before {
    position: absolute;
    top: 12px;
    left: 0;
    display: block;
    width: 35px;
    height: 25px;
    background: none no-repeat;
    background-position: left -50px;
    background-size: 100% auto;
    content: '';
}

.ntg-btn-buttonbar-newgame span {
    padding-left: 26px;
}
.ntg-btn-buttonbar-newgame span:before {
    position: absolute;
    top: 9px;
    left: 0;
    display: block;
    width: 35px;
    height: 25px;
    background: none no-repeat;
    background-position: left -75px;
    background-size: 100% auto;
    content: '';
}

.ntg-btn-buttonbar-genre span {
    padding-left: 18px;
}
.ntg-btn-buttonbar-genre span:before {
    position: absolute;
    top: 13px;
    left: 0;
    display: block;
    width: 35px;
    height: 25px;
    background: none no-repeat;
    background-position: left -100px;
    background-size: 100% auto;
    content: '';
}

.ntg-btn-buttonbar-tag span {
    padding-left: 22px;
}
.ntg-btn-buttonbar-tag span:before {
    position: absolute;
    top: 12px;
    left: 0;
    display: block;
    width: 35px;
    height: 25px;
    background: none no-repeat;
    background-position: left -125px;
    background-size: 100% auto;
    content: '';
}

.ntg-btn-buttonbar-point span {
    padding-left: 22px;
}
.ntg-btn-buttonbar-point span:before {
    position: absolute;
    top: 12px;
    left: 0;
    display: block;
    width: 35px;
    height: 25px;
    background: none no-repeat;
    background-position: left -175px;
    background-size: 100% auto;
    content: '';
}

/*
ntg-catagory
---------------------------------------- */

[class^=ntg-category] {
    display: inline-block;
    overflow: hidden;
    padding: 2px 5px;
    border-radius: 5px;
    color: #fff;
    vertical-align: middle;
    text-indent: 0;
    font-weight: bold;
    font-size: 10px;
    line-height: 1.6;
}

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

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

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

.ntg-category-browser {
    border: 1px #ae38ff solid;
    color: #ae38ff;
}

.ntg-category-official {
    background: #ffaf4b;
    background:         linear-gradient(to bottom, #ffaf4b 0%, #ff920a 100%);
    background: -webkit-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #ff920a), color-stop(100%, #ffaf4b));
    color: #fff;
}

.ntg-category-unapproved {
    background: #ff1a00;
    background:         linear-gradient(to bottom, #ff1a00 0%, #ea0f00 100%);
    background: -webkit-linear-gradient(top, #ff1a00 0%, #ea0f00 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #ea0f00), color-stop(100%, #ff1a00));
    color: #fff;
}

.ntg-category-manager {
    background: #ff5db1;
    background:         linear-gradient(to bottom, #ff5db1 0%, #ef017c 100%);
    background: -webkit-linear-gradient(top, #ff5db1 0%, #ef017c 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #ef017c), color-stop(100%, #ff5db1));
    color: #fff;
}

/*
ntg-dmminfo.scss
---------------------------------------- */

.ntg-area-dmminfo .ntg-list-dmminfo {
    display: block;
    display: block;
    overflow: hidden;
    max-height: 40px;
    padding-right: 30px;
    padding-left: 6px;
    border-bottom: 1px solid;
    border-color: #ccc;
    background-color: #fff;
    background-image: none;
    background-position: right center;
    background-size: 18px 14px;
    background-repeat: no-repeat;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    font-size: 120%;
    line-height: 40px;
}
.ntg-area-dmminfo .ntg-list-dmminfo .ntg-ico-mobpay:before {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background-image: none;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    content: '';
    vertical-align: middle;
}
.ntg-area-dmminfo .ntg-list-dmminfo .ntg-ico-present:before {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background-image: none;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    content: '';
    vertical-align: middle;
}
.ntg-area-dmminfo .ntg-list-dmminfo .ntg-ico-point:before {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background-image: none;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    content: '';
    vertical-align: middle;
}
.ntg-area-dmminfo .ntg-list-dmminfo .ntg-ico-redtwinkle:before {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background-image: none;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    content: '';
    vertical-align: middle;
}
.ntg-area-dmminfo .ntg-list-dmminfo .ntg-ico-coin:before {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background-image: none;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    content: '';
    vertical-align: middle;
}

/*
ntg-headline.scss
---------------------------------------- */

[class^=ntg-headline] {
    position: relative;
    padding-left: 33px;
    background: #5ee0f2 none no-repeat;
    background-position: left top;
    background-size: 100% 200%;
    color: #fff;
    font-size: 14px;
    font-family: sans-serif, 'HiraKakuProN-W3', 'verdana';
    line-height: 36px;
}
[class^=ntg-headline]:after {
    display: table;
    clear: both;
    content: '';
}
[class^=ntg-headline] .btn-link {
    position: relative;
    float: right;
    margin: 4px 5px 0 0;
    padding: 8px 6px;
    border-radius: 5px;
    background-color: #fff;
    font-size: 12px;
    line-height: 1;
}
[class^=ntg-headline] .btn-link span.list-changer {
    position: relative;
    display: block;
    padding-left: 24px;
    color: #666;
}
[class^=ntg-headline] .btn-link span.list-changer::before {
    position: absolute;
    top: -2px;
    left: 2px;
    display: block;
    width: 16px;
    height: 16px;
    background: none left bottom no-repeat;
    background-size: cover;
    content: '';
}
[class^=ntg-headline] .btn-link span.list-changer.is-landscape::before {
    background-position: left top;
}
[class^=ntg-headline] .ntg-list-selecter {
    float: right;
}
[class^=ntg-headline] .ntg-list-selecter select {
    position: relative;
    height: auto;
    margin-right: 5px;
    padding: 3px;
    border-radius: 5px;
    background-color: #fff;
    font-size: 100%;
    line-height: 1;
}
[class^=ntg-headline] .ntg-num-info {
    position: absolute;
    top: 9px;
    right: 6px;
}

.page-girls [class^=ntg-headline] {
    background-color: #ff97ca;
    background-position: left bottom;
}

[class^=ntg-headline] .headline-lead {
    float: right;
    padding-right: 6px;
    text-shadow: 0 0 4px #bc5700;
    font-size: 12px;
}

[class^=ntg-headline] + .ntg-sublead {
    padding: 0 6px;
    background: #ff7f24;
    color: #fff;
    text-align: right;
}

[class^=ntg-headline]::before {
    position: absolute;
    top: 6px;
    left: 6px;
    display: block;
    width: 25px;
    height: 25px;
    background: none no-repeat;
    background-size: 100% auto;
    content: '';
}

.ntg-headline-pickup::before {
    background-position: left -300px;
}

.ntg-headline-recommend::before {
    background-position: left -300px;
}

.ntg-headline-newgame::before {
    background-position: left -25px;
}

.ntg-headline-prerelease::before {
    background-position: left -50px;
}

.ntg-headline-rank::before {
    background-position: left -100px;
}

.ntg-headline-rankzoom::before {
    background-position: left -150px;
}

.ntg-headline-girls::before {
    background-position: left -175px;
}

.ntg-headline-genre::before {
    background-position: left -200px;
}

.ntg-headline-twitter::before {
    background-position: left -225px;
}

.ntg-headline-dmminfo::before {
    background-position: left -250px;
}

.ntg-headline-tag::before {
    background-position: left -275px;
}

.ntg-headline-rankrecommend::before {
    background-position: left -300px;
}

.ntg-headline-download::before {
    background-position: left -325px;
}

.ntg-headline-community::before {
    background-position: left -350px;
}

.ntg-headline-friend::before {
    background-position: left -375px;
}

.ntg-headline-app::before {
    background-position: left -400px;
}

.ntg-headline-checkgame::before {
    background-position: left -425px;
}

/*
    background-position: left -450px;
    はデザインが異なるためゲーム実行画面の{project}CSSで記載しています
*/
.ntg-headline-mission::before {
    background-position: left -475px;
}

/*
    background-position: left -500px;
    はデザインが異なるためゲーム実行画面の{project}CSSで記載しています
*/
.ntg-headline-casual::before {
    background-position: left -525px;
}

.ntg-headline-teaser::before {
    background-position: left -552px;
}

/*
ntg-list
---------------------------------------- */
/* doc
---
title: ntg-list-landscape
name: ntg-list-landscape
category: OLG-SP
---

## 用途など

* サムネとテキスト部分を横にレイアウトしたリストです
* 画像にclass(is-small)を追加するとサムネイルが70pxで固定になります
* フロア全体でできるだけ使いまわすようにしてください

## Sample View
<div class="sg-sample">
<ul class="ntg-list-col1">
    <li>
        <a href="" class="ntg-list-game-landscape">
            <img src="https://pics.dmm.com/freegame/app/702282/200.gif" alt="" class="ntg-thmb">
            <dl>
                <dt class="ntg-ttl">
                    <span class="ico-rank-text01">1位</span>
                    キャプションです
                </dt>
                <dd class="ntg-tx">
                    テキストが入ります。テキストが入ります。
                    <span class="ntg-genre">ジャンルが入ります</span>
                </dd>
                <dd class="ntg-tx-app">DMM GAMES STOREアプリ</dd>
            </dl>
        </a>
    </li>
    <li>
        <a href="" class="ntg-list-game-landscape">
            <img src="https://pics.dmm.com/freegame/app/702282/200.gif" alt="" class="ntg-thmb is-small">
            <dl>
                <dt class="ntg-ttl">
                    <span class="ico-rank-text01">1位</span>
                    キャプションです
                </dt>
                <dd class="ntg-tx">
                    テキストが入ります。テキストが入ります。
                    <span class="ntg-genre">ジャンルが入ります</span>
                </dd>
            </dl>
        </a>
    </li>
</ul>
</div>

## HTML
```html
<ul class="ntg-list-col1">
    <li>
        <a href="" class="ntg-list-game-landscape">
            <img src="https://pics.dmm.com/freegame/app/702282/200.gif" alt="" class="ntg-thmb">
            <dl>
                <dt class="ntg-ttl">
                    <span class="ico-rank-text01">1位</span>
                    キャプションです
                </dt>
                <dd class="ntg-tx">
                    テキストが入ります。テキストが入ります。
                    <span class="ntg-genre">ジャンルが入ります</span>
                </dd>
                <dd class="ntg-tx-app">DMM GAMES STOREアプリ</dd>
            </dl>
        </a>
    </li>
    <li>
        <a href="" class="ntg-list-game-landscape">
            <img src="https://pics.dmm.com/freegame/app/702282/200.gif" alt="" class="ntg-thmb is-small">
            <dl>
                <dt class="ntg-ttl">
                    <span class="ico-rank-text01">1位</span>
                    キャプションです
                </dt>
                <dd class="ntg-tx">
                    テキストが入ります。テキストが入ります。
                    <span class="ntg-genre">ジャンルが入ります</span>
                </dd>
            </dl>
        </a>
    </li>
</ul>
```
*/
/* doc
---
title: ntg-list-portrait
name: ntg-list-portrait
category: OLG-SP
---

## 用途など

* サムネとテキスト部分を縦にレイアウトしたリストです
* フロア全体でできるだけ使いまわすようにしてください
* ulのclass末尾にある数値を変えることでカラム数を変更可能です。

## Sample View
<div class="sg-sample page-top">
<div class="ntg-area-mygame">
<ul class="ntg-list-col3">
    <li>
        <a href="" class="ntg-list-game-portrait">
            <img src="https://pics.dmm.co.jp/freegame/app/807519/200.gif" alt="" class="ntg-thmb">
            <p class="ntg-ttl">キャプションです</p>
        </a>
    </li>
    <li>
        <a href="" class="ntg-list-game-portrait">
            <img src="https://pics.dmm.co.jp/freegame/app/807519/200.gif" alt="" class="ntg-thmb">
            <p class="ntg-ttl">キャプションです</p>
        </a>
    </li>
    <li>
        <a href="" class="ntg-list-game-portrait">
            <img src="https://pics.dmm.co.jp/freegame/app/807519/200.gif" alt="" class="ntg-thmb">
            <p class="ntg-ttl">キャプションです</p>
        </a>
    </li>
</ul>
</div>
</div>

## HTML
```html
<ul class="ntg-list-col3">
    <li>
        <a href="" class="ntg-list-game-portrait">
            <img src="https://pics.dmm.co.jp/freegame/app/807519/200.gif" alt="" class="ntg-thmb">
            <p class="ntg-ttl">キャプションです</p>
        </a>
    </li>
</ul>
```
*/
/* doc
---
title: ntg-list-banner
name: ntg-list-banner
category: OLG-SP
---

## 用途など

* バナー型画像を使用したリストで使います
* ulのclass末尾にある数値を変えることでカラム数を変更可能です。

## Sample View
<div class="sg-sample page-top">
<ul class="ntg-list-col1">
    <li>
        <a href="" class="ntg-list-game-banner">
            <img src="https://pics.dmm.co.jp/freegame/app/150549/sp-girls.jpg" alt="" class="ntg-thmb">
            <dl>
                <dt class="ntg-ttl">キャプション</dt>
                <dd class="ntg-tx">
                    テキストが入ります。テキストが入ります。
                    <span class="ntg-totalrank">
                        女性向けランキング<span>1位</span>
                    </span>
                </dd>
            </dl>
        </a>
    </li>
</ul>
</div>

## HTML
```html
<ul class="ntg-list-col1">
    <li>
        <a href="" class="ntg-list-game-banner">
            <img src="https://pics.dmm.co.jp/freegame/app/150549/sp-girls.jpg" alt="" class="ntg-thmb">
            <dl>
                <dt class="ntg-ttl">キャプション</dt>
                <dd class="ntg-tx">
                    テキストが入ります。テキストが入ります。
                    <span class="ntg-totalrank">
                        女性向けランキング<span>1位</span>
                    </span>
                </dd>
            </dl>
        </a>
    </li>
</ul>
```
*/
/* doc
---
title: ntg-list-singleline
name: ntg-list-singleline
category: OLG-SP
---

## 用途など

* サムネを小さくした一行リストです。（テキストは複数になったら改行されます）
* ulのclass末尾にある数値を変えることでカラム数を変更可能ですが。

## Sample View
<div class="sg-sample page-top">
<ul class="ntg-list-col1">
    <li>
        <a href="" class="ntg-list-singleline">
            <p class="tx-message-notice">テキストが入ります</p>
        </a>
    </li>
    <li>
        <a href="" class="ntg-list-singleline">
            <p class="tx-message-notice">テキストが入りますテキストが入りますテキストが入りますテキストが入ります</p>
        </a>
    </li>
</ul>
</div>

## HTML
```html
<ul class="ntg-list-col1">
    <li>
        <a href="" class="ntg-list-singleline">
            <p class="tx-message-notice">テキストが入ります</p>
        </a>
    </li>
    <li>
        <a href="" class="ntg-list-singleline">
            <p>テキストが入りますテキストが入りますテキストが入りますテキストが入ります</p>
        </a>
    </li>
</ul>
```
*/
/* stylelint-disable no-descending-specificity */
/* stylelint-disable no-duplicate-selectors */
ul[class^=ntg-list] {
    letter-spacing: -0.4em;
}
ul[class^=ntg-list] li {
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    zoom: 1;
}

.ntg-list-col1 li {
    width: 100%;
}

.ntg-list-col2 li {
    width: 50%;
}

.ntg-list-col3 li {
    width: 33.3%;
}

.ntg-list-col4 li {
    width: 25%;
}

.ntg-list-game-portrait {
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding: 6px;
    text-align: center;
}
.ntg-list-game-portrait .ntg-thmb {
    max-width: 200px;
    width: 100%;
    height: auto;
    border: 1px solid;
    border-color: #ccc;
    border-radius: 5px;
}
.ntg-list-game-portrait .ntg-ttl {
    display: -webkit-box;
    overflow: hidden;
    max-width: 200px;
    max-height: 2.8em;
    margin-top: 6px;
    margin-right: auto;
    margin-bottom: 3px;
    margin-left: auto;
    color: #333;
    text-align: left;
    font-weight: bold;
    font-size: 120%;
    line-height: 1.4em;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.ntg-list-game-portrait .ntg-ttl .ntg-registinfo {
    display: table;
    margin-bottom: 6px;
    padding-right: 12px;
    padding-left: 12px;
    background: #ff9333;
    color: #fff;
    font-size: 10px;
    line-height: 1.4em;
}
.ntg-list-game-portrait .ntg-ttl .ntg-registprior {
    display: table;
    margin-bottom: 6px;
    padding-right: 12px;
    padding-left: 12px;
    background: #f48;
    color: #fff;
    font-size: 10px;
    line-height: 1.4em;
}
.ntg-list-game-portrait .ntg-ttl .ntg-registcbt {
    display: table;
    margin-bottom: 6px;
    padding-right: 12px;
    padding-left: 12px;
    background: #6acbf8;
    color: #fff;
    font-size: 10px;
    line-height: 1.4em;
}
.ntg-list-game-portrait .ntg-ttl .ntg-registobt {
    display: table;
    margin-bottom: 6px;
    padding-right: 12px;
    padding-left: 12px;
    background: #ce181e;
    color: #fff;
    font-size: 10px;
    line-height: 1.4em;
}
.ntg-list-game-portrait .ntg-ttl .ntg-publicinfo {
    display: table;
    margin-bottom: 6px;
    padding-right: 12px;
    padding-left: 12px;
    background: #ffbb34;
    color: #fff;
    font-size: 10px;
    line-height: 1.4em;
}
.ntg-list-game-portrait .ntg-status-wrapper {
    max-width: 200px;
    margin: 6px auto 0;
    text-align: left;
}
.ntg-list-game-portrait .new {
    display: inline-block;
    overflow: hidden;
    width: 30px;
    height: 14px;
    background: none left top no-repeat;
    background-size: 100%;
    content: '';
    vertical-align: middle;
    text-indent: -999px;
}
.ntg-list-game-portrait .android {
    display: inline-block;
    overflow: hidden;
    width: 45px;
    height: 14px;
    background: none left top no-repeat;
    background-size: 100%;
    content: '';
    vertical-align: middle;
    text-indent: -999px;
}

.ntg-list-col4 .ntg-list-game-portrait {
    max-width: 160px;
}

a.ntg-list-game-landscape {
    display: -webkit-box;
    display: -webkit-flex;
    display:         flex;
    padding: 6px;
    padding-right: 30px;
    border-bottom: 1px solid;
    border-color: #ccc;
    background-color: #fff;
    background-image: none;
    background-position: right center;
    background-size: 18px 14px;
    background-repeat: no-repeat;
}

div.ntg-list-game-landscape {
    display: block;
    padding: 6px;
    border-bottom: 1px solid;
    border-color: #ccc;
    background-color: #fff;
}
div.ntg-list-game-landscape:after {
    display: table;
    clear: both;
    content: '';
}

[class^=ntg-list-game-landscape] .ntg-thmb {
    min-width: 95px;
    max-width: 140px;
    width: 30%;
    height: 100%;
    margin-right: 6px;
    border: 1px solid;
    border-color: #ccc;
    border-radius: 5px;
}
[class^=ntg-list-game-landscape] .ntg-thmb.is-small {
    min-width: 70px;
    width: 70px;
}
[class^=ntg-list-game-landscape] .ntg-thmb.is-small + dl {
    width: auto;
}
[class^=ntg-list-game-landscape] dl {
    display: -webkit-box;
    display: -webkit-flex;
    display:         flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    width: 70%;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}
[class^=ntg-list-game-landscape] dl .ntg-ttl {
    display: -webkit-box;
    overflow: hidden;
    margin-bottom: 3px;
    padding-bottom: 3px;
    color: #333;
    font-weight: bold;
    font-size: 120%;
    line-height: 1.4em;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
[class^=ntg-list-game-landscape] dl .ntg-ttl .ntg-registinfo {
    display: table;
    margin-bottom: 6px;
    padding-right: 12px;
    padding-left: 12px;
    background: #ff9333;
    color: #fff;
    font-size: 10px;
    line-height: 1.4em;
}
[class^=ntg-list-game-landscape] dl .ntg-ttl .ntg-registprior {
    display: table;
    margin-bottom: 6px;
    padding-right: 12px;
    padding-left: 12px;
    background: #f48;
    color: #fff;
    font-size: 10px;
    line-height: 1.4em;
}
[class^=ntg-list-game-landscape] dl .ntg-ttl .ntg-registcbt {
    display: table;
    margin-bottom: 6px;
    padding-right: 12px;
    padding-left: 12px;
    background: #6acbf8;
    color: #fff;
    font-size: 10px;
    line-height: 1.4em;
}
[class^=ntg-list-game-landscape] dl .ntg-ttl .ntg-registobt {
    display: table;
    margin-bottom: 6px;
    padding-right: 12px;
    padding-left: 12px;
    background: #ce181e;
    color: #fff;
    font-size: 10px;
    line-height: 1.4em;
}
[class^=ntg-list-game-landscape] dl .ntg-ttl .ntg-publicinfo {
    display: table;
    margin-bottom: 6px;
    padding-right: 12px;
    padding-left: 12px;
    background: #ffbb34;
    color: #fff;
    font-size: 10px;
    line-height: 1.4em;
}
[class^=ntg-list-game-landscape] dl .ntg-ttl [class^=ico-rank-text] {
    margin-right: 6px;
}
[class^=ntg-list-game-landscape] dl .ntg-ttl .ico-rank-text01::before, [class^=ntg-list-game-landscape] dl .ntg-ttl .ico-rank-text02::before, [class^=ntg-list-game-landscape] dl .ntg-ttl .ico-rank-text03::before {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: 100%;
    background-repeat: no-repeat;
    content: '';
    vertical-align: top;
}
[class^=ntg-list-game-landscape] dl .ntg-ttl .ico-rank-text01 {
    color: #fa0;
}
[class^=ntg-list-game-landscape] dl .ntg-ttl .ico-rank-text01::before {
    background-image: none;
}
[class^=ntg-list-game-landscape] dl .ntg-ttl .ico-rank-text02 {
    color: #999;
}
[class^=ntg-list-game-landscape] dl .ntg-ttl .ico-rank-text02::before {
    background-image: none;
}
[class^=ntg-list-game-landscape] dl .ntg-ttl .ico-rank-text03 {
    color: #bd9039;
}
[class^=ntg-list-game-landscape] dl .ntg-ttl .ico-rank-text03::before {
    background-image: none;
}
[class^=ntg-list-game-landscape] dl .ntg-tx {
    margin-bottom: 3px;
    color: #666;
    font-size: 100%;
    line-height: 1.2em;
}
[class^=ntg-list-game-landscape] dl .ntg-tx .ntg-genre {
    display: table;
    margin-top: 6px;
    padding: 3px 5px;
    border-radius: 5px;
    background-color: #e3eaf1;
    font-weight: bold;
    font-size: 10px;
}
[class^=ntg-list-game-landscape] dl .ntg-tx .ntg-tag {
    position: relative;
    display: block;
    margin-bottom: 6px;
    padding-left: 20px;
}
[class^=ntg-list-game-landscape] dl .ntg-tx .ntg-tag::before {
    position: absolute;
    top: 4px;
    left: 2px;
    display: block;
    width: 12px;
    height: 12px;
    background: none left top no-repeat;
    background-size: 12px;
    content: '';
}
[class^=ntg-list-game-landscape] dl .ntg-tx .ntg-totalrank {
    display: block;
    margin: 6px auto 3px;
    padding-left: 20px;
    background: none left -1px no-repeat;
    background-size: 18px auto;
    color: #666;
    font-weight: bold;
    line-height: 1;
}
[class^=ntg-list-game-landscape] dl .ntg-tx .ntg-totalrank span {
    color: #c00;
}
[class^=ntg-list-game-landscape] dl .ntg-tx .ntg-status-wrapper {
    margin-top: 6px;
}
[class^=ntg-list-game-landscape] dl .ntg-tx .ntg-people {
    display: inline-block;
    overflow: hidden;
    margin-top: 12px;
    padding-left: 16px;
    background: none left center no-repeat;
    background-size: 14px 14px;
}
[class^=ntg-list-game-landscape] dl .ntg-tx .ntg-reply {
    display: inline-block;
    margin-top: 3px;
    padding-left: 20px;
    background: none 0 -2px no-repeat;
    background-size: 20px 20px;
}
[class^=ntg-list-game-landscape] dl .ntg-tx-app {
    margin-top: auto;
    padding-top: 3px;
    color: #333;
    font-weight: bold;
    font-size: 10px;
    line-height: 1em;
    opacity: 0.25;
}
[class^=ntg-list-game-landscape] .new {
    display: inline-block;
    overflow: hidden;
    width: 30px;
    height: 14px;
    background: none left top no-repeat;
    background-size: 100%;
    content: '';
    vertical-align: middle;
    text-indent: -999px;
}
[class^=ntg-list-game-landscape] .android {
    display: inline-block;
    overflow: hidden;
    width: 45px;
    height: 14px;
    background: none left top no-repeat;
    background-size: 100%;
    content: '';
    vertical-align: middle;
    text-indent: -999px;
}

.ntg-area-prerelease .ntg-list-game-landscape {
    background-color: #fff9b1;
}
.ntg-area-prerelease .ntg-list-game-landscape .ntg-ttl {
    display: block;
    overflow: hidden;
    padding-bottom: 3px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ntg-area-prerelease .ntg-list-game-landscape .ntg-genre {
    background-color: #ffe362 !important;
}

.ntg-list-game-banner {
    display: block;
    border-bottom: 1px solid;
    border-color: #ccc;
    background-color: #fff;
}
.ntg-list-game-banner .ntg-thmb {
    width: 100%;
    height: auto;
}
.ntg-list-game-banner dl {
    padding: 6px;
    padding-right: 30px;
    background-image: none;
    background-position: right center;
    background-size: 18px 14px;
    background-repeat: no-repeat;
}
.ntg-list-game-banner dl .ntg-ttl {
    margin-bottom: 3px;
    color: #333;
    font-weight: bold;
    font-size: 120%;
    line-height: 1.4em;
}
.ntg-list-game-banner dl .ntg-tx {
    margin-bottom: 3px;
    color: #666;
    font-size: 100%;
    line-height: 1.2em;
}
.ntg-list-game-banner dl .ntg-tx .ntg-totalrank {
    display: block;
    margin: 6px auto 3px;
    padding-left: 20px;
    background: none left -1px no-repeat;
    background-size: 18px auto;
    color: #666;
    font-weight: bold;
    line-height: 1;
}
.ntg-list-game-banner dl .ntg-tx .ntg-totalrank span {
    color: #c00;
}
.ntg-list-game-banner.new .ntg-ttl::before {
    display: inline-block;
    overflow: hidden;
    width: 30px;
    height: 14px;
    background: none left top no-repeat;
    background-size: 100%;
    content: '';
    vertical-align: middle;
    text-indent: -999px;
}

a.ntg-list-singleline {
    display: -webkit-box;
    display:         box;
    display: -webkit-flex;
    display:         flex;
    min-height: 40px;
    width: 100%;
    padding: 6px;
    padding-right: 30px;
    border-bottom: 1px solid;
    border-color: #ccc;
    background-color: #fff;
    background-image: none;
    background-position: right center;
    background-size: 18px 14px;
    background-repeat: no-repeat;
    box-sizing: border-box;

    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
}
a.ntg-list-singleline:after {
    display: table;
    clear: both;
    content: '';
}

div.ntg-list-singleline {
    display: -webkit-box;
    display:         box;
    display: -webkit-flex;
    display:         flex;
    min-height: 40px;
    width: 100%;
    padding: 6px;
    border-bottom: 1px solid;
    border-color: #ccc;
    background-color: #fff;
    box-sizing: border-box;

    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
}
div.ntg-list-singleline:after {
    display: table;
    clear: both;
    content: '';
}
div.ntg-list-singleline.is-ttl {
    min-height: inherit;
    padding: 6px;
    padding-top: 3px;
    padding-bottom: 3px;
    background: #333;
}
div.ntg-list-singleline.is-ttl p {
    color: #fff;
    font-weight: normal;
}

.ntg-list-singleline .ntg-thmb {
    float: left;
    min-width: 50px;
    max-width: 50px;
    width: 10%;
    height: 100%;
    margin-right: 6px;
    border: 1px solid;
    border-color: #ccc;
    border-radius: 5px;
    box-sizing: border-box;

    -webkit-box-flex: 1;
            box-flex: 1;
    -webkit-flex-grow: 1;
            flex-grow: 1;
}
.ntg-list-singleline p {
    overflow: hidden;
    color: #333;
    font-weight: bold;
    font-size: 120%;
    box-sizing: border-box;

    -webkit-box-flex: 1;
            box-flex: 1;
    -webkit-flex-grow: 1;
            flex-grow: 1;
}
.ntg-list-singleline .tx-message-notice {
    padding: 5px 0 5px 24px;
    background-image: none;
    background-position: 0 4px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
}

.ntg-sortresult {
    overflow: hidden;
    padding: 6px;
    border-bottom: 1px solid;
    border-color: #ccc;
    background-color: #fff;
    color: #666;
    line-height: 28px;
}
.ntg-sortresult p {
    float: left;
    text-align: left;
}
.ntg-sortresult form {
    float: right;
    text-align: right;
}

.ntg-morelist {
    display: block;
    padding: 12px;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: #ccc;
    background-color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 120%;
}
.ntg-morelist span {
    position: relative;
    display: inline-block;
    padding-left: 20px;
}
.ntg-morelist span::before, .ntg-morelist span::after {
    position: absolute;
    top: 9px;
    width: 10px;
    height: 3px;
    background: #9b9b9b;
    content: '';
}
.ntg-morelist span::before {
    left: -3px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}
.ntg-morelist span::after {
    left: 3px;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}

/*
ntg-moreinfo
---------------------------------------- */

a.ntg-moreinfo {
    display: block;
    display: block;
    overflow: hidden;
    max-height: 40px;
    padding-right: 30px;
    background-image: none;
    background-position: right center;
    background-size: 18px 14px;
    background-repeat: no-repeat;
    color: #333;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    font-size: 120%;
    line-height: 40px;
}
a.ntg-moreinfo:after {
    display: table;
    clear: both;
    content: '';
}

/*
ntg-num-info
---------------------------------------- */

.ntg-num-info {
    display: inline-block;
    padding: 9px 6px;
    border-radius: 10px;
    background: #c00;
    color: #fff;
    font-weight: bold;
    font-size: 100%;
    line-height: 0.1em;
}

/*
ntg-prbanner.scss
---------------------------------------- */

.ntg-area-prbanner a {
    display: block;
    margin: 0 10px 20px;
}
.ntg-area-prbanner a:last-child {
    margin-bottom: 0;
}
.ntg-area-prbanner a img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.info-community {
    margin-top: 20px;
    margin-bottom: 10px;
}
.info-community .heddgin-community {
    padding-bottom: 6px;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.4;
}
.info-community .wrapper-community {
    display: -webkit-box;
    display: -webkit-flex;
    display:         flex;
    width: 100%;
    padding: 7px 8px 7px 7px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
}
.info-community .wrapper-community-img {
    min-width: 54px;
    min-height: 54px;
    max-width: 54px;
    max-height: 54px;
    margin-right: 7px;
    border: 1px solid #ccc;
    border-radius: 2px;
    box-sizing: border-box;
}
.info-community .wrapper-community-img .community-img {
    width: 100%;
    height: 100%;
}
.info-community .wrapper-community-detail .community-title {
    display: -webkit-box;
    /* stylelint-disable-line property-no-vendor-prefix */
    overflow: hidden;
    margin-bottom: 4px;
    color: #3b5998;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.4;
    /* stylelint-disable-line value-no-vendor-prefix */

    -webkit-line-clamp: 2;
    /* stylelint-disable-line property-no-vendor-prefix */
    -webkit-box-orient: vertical;
}
.info-community .wrapper-community-detail .community-participant {
    display: -webkit-box;
    display: -webkit-flex;
    display:         flex;
}
.info-community .wrapper-community-detail .community-participant .wrapper-participant-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display:         flex;
    width: 14px;
    height: 14px;
    margin-right: 2px;

    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
}
.info-community .wrapper-community-detail .community-participant .participant {
    color: #7a7a7a;
    font-size: 12px;
    line-height: 1.4;
}

/*
ntg-servicechange
---------------------------------------- */

[class^=ntg-servicechange] {
    display: -webkit-box;
    display:         box;
    display: -webkit-flex;
    display:         flex;
    width: 100%;
    margin-bottom: 10px;
    box-sizing: border-box;
}
[class^=ntg-servicechange]:after {
    display: table;
    clear: both;
    content: '';
}
[class^=ntg-servicechange] li {
    width: 100%;
    box-sizing: border-box;

    -webkit-box-flex: 1;
            box-flex: 1;
    -webkit-flex-grow: 1;
            flex-grow: 1;
}
[class^=ntg-servicechange] li a {
    border-right: 1px solid;
    border-left: 1px solid;
    border-color: #ccc;
    border-radius: 0;
}
[class^=ntg-servicechange] li:first-child {
    padding-left: 10px;
}
[class^=ntg-servicechange] li:first-child a {
    border-left: none;
    border-radius: 5px 0 0 5px;
}
[class^=ntg-servicechange] li:last-child {
    padding-right: 10px;
}
[class^=ntg-servicechange] li:last-child a {
    border-right: none;
    border-radius: 0 5px 5px 0;
}

.ntg-servicechange-col1 li {
    padding: 0 10px !important;
}
.ntg-servicechange-col1 li a {
    border-radius: 5px !important;
}

[class^=ntg-btn-servicechange] {
    position: relative;
    display: block;
    width: 100%;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    text-align: center;
    font-weight: bold;
    line-height: 40px;
}
[class^=ntg-btn-servicechange] span {
    position: relative;
    display: inline-block;
}

.ntg-btn-servicechange-r18 span {
    padding-left: 40px;
}
.ntg-btn-servicechange-r18 span:before {
    position: absolute;
    top: 12px;
    left: 0;
    display: block;
    width: 35px;
    height: 18px;
    background: none no-repeat;
    background-position: left -25px;
    background-size: 100% auto;
    content: '';
}

.ntg-btn-servicechange-com span {
    padding-left: 40px;
}
.ntg-btn-servicechange-com span:before {
    position: absolute;
    top: 12px;
    left: 0;
    display: block;
    width: 35px;
    height: 18px;
    background: none no-repeat;
    background-position: left 0;
    background-size: 100% auto;
    content: '';
}

.ntg-btn-servicechange-girls span {
    padding-left: 23px;
}
.ntg-btn-servicechange-girls span:before {
    position: absolute;
    top: 13px;
    left: 0;
    display: block;
    width: 35px;
    height: 20px;
    background: none no-repeat;
    background-position: left -50px;
    background-size: 100% auto;
    content: '';
}

.ntg-swipe {
    background-color: #fff;
}
.ntg-swipe .ntg-swipe-list li {
    float: left;
    vertical-align: top;
    zoom: 1;
}
.ntg-swipe .ntg-swipe-list:after {
    display: table;
    clear: both;
    content: '';
}
.ntg-swipe .pagedots {
    position: relative;
    width: 100%;
    text-align: center;
}
.ntg-swipe .pagedots ul {
    background:         linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.7) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.7) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.5)), color-stop(100%, rgba(0, 0, 0, 0.7)));
}
.ntg-swipe .pagedots li {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-left: 10px;
    border-radius: 4px;
    background: #fff;
}
.ntg-swipe .pagedots li.on {
    background: #19bfff;
}

/*
ntg-tab
---------------------------------------- */

[class^=ntg-tab] {
    display: -webkit-box;
    display:         box;
    display: -webkit-flex;
    display:         flex;
    width: 100%;
    padding-right: 6px;
    padding-left: 6px;
    box-sizing: border-box;
}
[class^=ntg-tab]:after {
    display: table;
    clear: both;
    content: '';
}
[class^=ntg-tab] li {
    width: 100%;
    padding-right: 2px;
    padding-left: 2px;
    box-sizing: border-box;

    -webkit-box-flex: 1;
            box-flex: 1;
    -webkit-flex-grow: 1;
            flex-grow: 1;
}
[class^=ntg-tab] li:first-child {
    padding-left: 0;
}
[class^=ntg-tab] li:last-child {
    padding-right: 0;
}
[class^=ntg-tab] li [class^=ntg-tab] {
    height: 40px;
    line-height: 40px;
}
[class^=ntg-tab] a, [class^=ntg-tab] div {
    position: relative;
    top: 1px;
    z-index: 10;
    display: block;
    border-radius: 5px 5px 0 0;
    background-color: #666;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 120%;
}
[class^=ntg-tab] a.on, [class^=ntg-tab] div.on {
    z-index: 30;
    border-top: 1px solid;
    border-right: 1px solid;
    border-left: 1px solid;
    border-color: #ccc;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #fff), color-stop(100%, #e5e5e5));
    background: -webkit-linear-gradient(top, #fff 10%, #e5e5e5 100%);
    background:         linear-gradient(to bottom, #fff 10%, #e5e5e5 100%);
    color: #3b5998;
}
[class^=ntg-tab] span {
    position: relative;
}

[id^=tab-content-] {
    display: none;
}
[id^=tab-content-].on {
    display: block;
}

/*
ntg-list
---------------------------------------- */

.ntg-jsoff {
    width: 100%;
    margin-bottom: 6px;
    padding: 6px 0;
    background: #ffe500;
    text-align: center;
}
.ntg-jsoff .jsoff-attention {
    margin-bottom: 6px;
    font-weight: bold;
}
.ntg-jsoff .jsoff-attention span {
    color: #c00;
}
.ntg-jsoff .jsoff-setting {
    position: relative;
    display: inline-block;
    padding: 5px 15px 5px 10px;
    border-radius: 20px;
    background: #c00;
    color: #fff;
}
.ntg-jsoff .jsoff-setting:after {
    position: absolute;
    top: 0;
    right: 7px;
    bottom: 0;
    display: block;
    width: 0;
    height: 0;
    margin: auto;
    border-width: 2.5px 0 2.5px 5px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
    content: '';
}

/*========================= [ olg-swipe.js ] */
#dm-content .package-wrap {
    clear: both;
    overflow: hidden;
    height: auto;
}
#dm-content .package-wrap .package-pos {
    position: relative;
}
#dm-content .package-wrap .package-pos img {
    width: 100%;
    height: auto;
}
#dm-content .package-wrap .package-block {
    float: left;
    overflow: hidden;
}
#dm-content .package-wrap .package-block li {
    float: left;
    padding: 8px 4px;
    text-align: center;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
}
#dm-content .package-wrap .package-block li a {
    display: block;
    width: 100%;
    height: 100%;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#dm-content .package-wrap .package-block li a img {
    border-radius: 3px;
}
#dm-content .package-wrap .package-block li a .ntg-ttl {
    display: -webkit-box;
    overflow: hidden;
    max-height: 2.8em;
    margin-top: 6px;
    margin-right: auto;
    margin-left: auto;
    color: #333;
    text-align: left;
    font-weight: bold;
    font-size: 120%;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

@media screen and (min-width: 450px) {
    #dm-content .package-list {
        width: auto;
        margin: auto;
    }

    #dm-content .package-block li {
        padding: 8px 20px;
    }

    #dm-content.page-gamedetail .package-block li {
        padding: 8px 12px;
    }
}
#dm-content.page-gamedetail .package-block li {
    min-height: 340px;
}

#dm-content.page-gamedetail .package-list, #dm-content.page-gamedetail .package-pos {
    min-height: 350px;
}

/* ===== ntg-lang  */
.ntg-lang {
    position: absolute;
    top: 0;
    right: 88px;
    z-index: 1001;
    box-sizing: border-box;
}
.ntg-lang .bt-lang {
    position: relative;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 44px;
    height: 44px;
    background: none 50% 50% no-repeat;
    background-size: 20px 20px;
    line-height: 999px;
}
.ntg-lang .ntg-lang-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    background: rgba(0, 0, 0, 0.5);
}
.ntg-lang .list-lang {
    position: absolute;
    top: 44px;
    left: 0;
    z-index: 1;
    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);
            transform: translate(0, 5px);
}
.ntg-lang .list-lang li {
    border-top: 1px solid #ccc;
    color: #000;
    white-space: nowrap;
}
.ntg-lang .list-lang li:first-child {
    border-top: 0;
}
.ntg-lang .list-lang li {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding: 8px 10px 8px 32px;
    font-weight: bold;
    cursor: pointer;
    box-sizing: border-box;
}
.ntg-lang .list-lang li:before, .ntg-lang .list-lang li:after {
    position: absolute;
    top: 9px;
    left: 10px;
    display: block;
    width: 1.2em;
    height: 1.2em;
    border-radius: 50%;
    content: '';
}
.ntg-lang .list-lang li:before {
    border: 1px solid #000;
}
.ntg-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);
            transform: scale(0.4);
}
.ntg-lang .list-lang li.selected:after {
    opacity: 1;
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
}
.ntg-lang .active-translate .bt-lang {
    background-image: none;
    background-size: 18px 18px;
}
.ntg-lang.active .list-lang {
    visibility: visible;
    opacity: 1;
    -webkit-transform: none;
            transform: none;
}
.ntg-lang.active .active-translate .bt-lang {
    background-color: #fff;
}
.ntg-lang.active .ntg-lang-overlay {
    display: block;
}

/*------------------------------
_ntg-new-navi-api.scss
------------------------------*/
footer._n4v1-footer {
    clear: both;
}

/*----------------------------
あなたにおすすめのゲーム
----------------------------*/
.ntg-area-recommend .ntg-list-col3 {
    padding: 3px;
    border-bottom: 1px solid;
    border-color: #ccc;
    background-color: #fff;
}
.ntg-area-recommend .ntg-recommend-warp {
    display: block;
}
.ntg-area-recommend .ntg-recommend-warp .recommend-list-item {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display:         flex;
}
.ntg-area-recommend .ntg-recommend-warp .recommend-play-btn {
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 140px;
    padding: 5px 0;
    border-radius: 3px;
    background-color: #ffa41f;
    box-shadow: 0 1px #8f8f8f8f;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
}
.ntg-area-recommend .ntg-recommend-warp .recommend-play-btn::after {
    position: absolute;
    top: 0;
    right: 5px;
    bottom: 0;
    display: block;
    padding: 8px;
    background: none no-repeat;
    background-position: center;
    content: '';
}
.ntg-area-recommend .ntg-recommend-warp .recommend-text-box {
    width: 80%;
}
.ntg-area-recommend .ntg-recommend-warp .recommend-list-text {
    width: 100%;
}
.ntg-area-recommend .ntg-recommend-warp .ntg-recommend-ttl {
    display: -webkit-box;
    overflow: hidden;
    width: 100%;
    margin-bottom: 3px;
    color: #333;
    font-weight: bold;
    font-size: 120%;
    line-height: 1.2em;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.ntg-area-recommend .ntg-recommend-warp .ntg-recommend-text {
    display: -webkit-box;
    overflow: hidden;
    overflow: hidden;
    width: 100%;
    color: #666;
    font-size: 100%;
    line-height: 1.2em;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

/*--------------------------------------------------------
_project.scss
--------------------------------------------------------*/
/* stylelint-disable no-descending-specificity */
/* stylelint-disable function-linear-gradient-no-nonstandard-direction */
/* ------------------------------
_top.scss
------------------------------ */
/* ----------------------------
スライドバナー用
---------------------------- */
.page-girls .ntg-slide .pagedots, .page-top .ntg-slide .pagedots {
    position: absolute;
    bottom: 0;
    z-index: 3;
    width: 100%;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.7) 100%);
    background:         linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.7) 100%);
    background:         linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.7) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.5)), color-stop(100%, rgba(0, 0, 0, 0.7)));
    opacity: 0;
    -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;

    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}
.page-girls .ntg-slide .on.pagedots, .page-top .ntg-slide .on.pagedots {
    opacity: 1;
}
.page-girls .ntg-slide .pagedots ul, .page-top .ntg-slide .pagedots ul {
    margin: 0 0 1px;
}
.page-girls .ntg-slide .pagedots ul li, .page-top .ntg-slide .pagedots ul li {
    width: 6px;
    height: 6px;
    background: #fff;
    box-shadow: none;
}
.page-girls .ntg-slide .pagedots ul li.on, .page-top .ntg-slide .pagedots ul li.on {
    background: #19bfff;
}

.page-girls .ntg-slide .pagedots ul li.on {
    background: #ff7fbf;
}

/* ----------------------------
緊急時のお知らせ
---------------------------- */
.avatar .ntg-area-emergencyinfo, .page-girls .ntg-area-emergencyinfo, .page-top .ntg-area-emergencyinfo {
    margin: 10px;
    border-radius: 5px;
    background-color: #fff;
}
.avatar .ntg-area-emergencyinfo .j_ac_tab, .page-girls .ntg-area-emergencyinfo .j_ac_tab, .page-top .ntg-area-emergencyinfo .j_ac_tab {
    padding: 7px 10px;
    border-top: 1px solid;
    border-color: #999;
    font-weight: bold;
    font-size: 13px;
}
.avatar .ntg-area-emergencyinfo .j_ac_tab:first-child, .page-girls .ntg-area-emergencyinfo .j_ac_tab:first-child, .page-top .ntg-area-emergencyinfo .j_ac_tab:first-child {
    border-top: none;
}
.avatar .ntg-area-emergencyinfo .j_ac_tab p, .page-girls .ntg-area-emergencyinfo .j_ac_tab p, .page-top .ntg-area-emergencyinfo .j_ac_tab p {
    position: relative;
    min-height: 14px;
    padding: 0 0 0 20px;
    padding-left: 20px;
}
.avatar .ntg-area-emergencyinfo .j_ac_tab p::before, .page-girls .ntg-area-emergencyinfo .j_ac_tab p::before, .page-top .ntg-area-emergencyinfo .j_ac_tab p::before {
    position: absolute;
    top: 2px;
    left: 0;
    display: block;
    width: 14px;
    height: 14px;
    background: none right center no-repeat;
    background-size: 28px 14px;
    content: '';
}
.avatar .ntg-area-emergencyinfo .j_ac_tab.active p::before, .page-girls .ntg-area-emergencyinfo .j_ac_tab.active p::before, .page-top .ntg-area-emergencyinfo .j_ac_tab.active p::before {
    background-position: left top;
}
.avatar .ntg-area-emergencyinfo .j_ac, .page-girls .ntg-area-emergencyinfo .j_ac, .page-top .ntg-area-emergencyinfo .j_ac {
    display: none;
    overflow: hidden;
    padding: 8px 10px 5px;
    border-top: 1px dotted #ccc;
    color: #666;
}
.avatar .ntg-area-emergencyinfo .j_ac li, .page-girls .ntg-area-emergencyinfo .j_ac li, .page-top .ntg-area-emergencyinfo .j_ac li {
    border-top: none;
    background: none left center no-repeat;
    background-size: 11px 9px;
}
.avatar .ntg-area-emergencyinfo .j_ac li a, .page-girls .ntg-area-emergencyinfo .j_ac li a, .page-top .ntg-area-emergencyinfo .j_ac li a {
    padding: 5px 8px 5px 10px;
    color: #3b5998;
    font-weight: normal;
}

.page-girls .ntg-area-emergencyinfo {
    margin: 0;
    padding: 10px;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
}

.avatar .ntg-area-emergencyinfo {
    color: rgba(0, 0, 0, 0.8);
}

/* ----------------------------
ピックアップエリア用
---------------------------- */
.page-girls .ntg-area-pickup .ntg-list-col3, .page-top .ntg-area-pickup .ntg-list-col3 {
    padding: 3px;
    border-bottom: 1px solid;
    border-color: #ccc;
    background-color: #fff;
}

/* ----------------------------
新着ゲーム用
---------------------------- */
/* ----------------------------
ランキング用
---------------------------- */
/* ----------------------------
女性向け用
---------------------------- */
.page-top .ntg-area-girls .ntg-headline-girls {
    background-position: left bottom;
}
.page-top .ntg-area-girls .ntg-list-game-banner {
    border-bottom: none;
}
.page-top .ntg-area-girls .ntg-list-col3 {
    padding: 3px;
    border-bottom: 1px solid;
    border-color: #ccc;
    background-color: #fff;
}
.page-top .ntg-area-girls .ntg-list-col3 .ntg-ttl {
    display: block;
    overflow: hidden;
    max-height: 1.4em;
    margin-bottom: 3px;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    font-size: 120%;
    line-height: 1.4em;
}

/* ----------------------------
DMM GAMES STOREアプリ用
---------------------------- */
.page-top .ntg-area-app {
    position: relative;
}
.page-top .ntg-area-app .bg-areaapp {
    width: 100%;
    height: auto;
}
.page-top .ntg-area-app .box-areaapp {
    position: absolute;
    top: 15%;
    right: 0;
    width: 100%;
}
.page-top .ntg-area-app .box-areaapp .ntg-list-col3 {
    clear: both;
    margin-bottom: 3px;
}
.page-top .ntg-area-app .box-areaapp .ntg-list-col3 .ntg-list-game-portrait {
    display: block;
    margin-right: 3px;
    margin-left: 3px;
    background-color: #fff;
}
.page-top .ntg-area-app .box-areaapp .ntg-list-col2 {
    float: right;
    clear: both;
    width: 66%;
    margin-right: 6px;
    margin-bottom: 3px;
}
.page-top .ntg-area-app .box-areaapp .ntg-list-col2 .ntg-list-game-portrait {
    display: block;
    margin-right: 3px;
    margin-left: 3px;
    background-color: #fff;
}
.page-top .ntg-area-app .box-areaapp [class^=ntg-list-] .ntg-ttl {
    display: block;
    overflow: hidden;
    max-height: 1.4em;
    margin-bottom: 3px;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    font-size: 120%;
    line-height: 1.4em;
}
.page-top .ntg-area-app .box-areaapp .ntg-appdownload {
    display: block;
    float: right;
    width: 27%;
    margin-right: 2%;
    margin-bottom: 3px;
}
.page-top .ntg-area-app .box-areaapp .ntg-appdownload img {
    width: 100%;
    height: auto;
}

/* ----------------------------
ジャンル用
---------------------------- */
.page-top .ntg-area-genre .ntg-list-col2 {
    padding: 2px;
}
.page-top .ntg-area-genre .ntg-list-col2 .ntg-list-genre {
    display: block;
    display: block;
    overflow: hidden;
    max-height: 40px;
    margin: 2px;
    padding-right: 30px;
    padding-left: 6px;
    border: 1px solid;
    border-color: #ccc;
    border-radius: 5px;
    background-color: #fff;
    background-image: none;
    background-position: right center;
    background-size: 18px 14px;
    background-repeat: no-repeat;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    font-size: 120%;
    line-height: 40px;
}

/* ----------------------------
ツイッター用
---------------------------- */
.page-top .ntg-area-twitter {
    border-bottom: 1px solid;
    border-color: #ccc;
    background-color: #fff;
}
.page-top .ntg-area-twitter .box-btn-twitter ul:after {
    display: table;
    clear: both;
    content: '';
}
.page-top .ntg-area-twitter .box-btn-twitter li {
    float: left;
    margin: 3px 0 3px 8px;
}

/* ----------------------------
アドサーバーバナー用
---------------------------- */
.dmm-c-banner-sp-style {
    margin: 0 10px 20px;
}

#OlgTopUnderPrereg, #OlgTopUnderRecommend {
    margin: 20px 0;
}
#OlgTopUnderPrereg p, #OlgTopUnderRecommend p {
    margin: 0 10px;
}
#OlgTopUnderPrereg img, #OlgTopUnderRecommend img {
    width: 100%;
    height: auto;
}

/* -----------------------------
ピックアップ動画
----------------------------- */
.ntg-headline-video::before {
    background-position: left -576px;
}

.page-top .ntg-video {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display:         flex;
    width: 100%;
}
.page-top .ntg-video::before {
    display: block;
    padding-top: 56.25%;
    content: '';
}
.page-top .ntg-video .ntg-video-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.page-top .ntg-video .ntg-video-thmb {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
}
.page-top .ntg-video .ntg-video-thmb.is-visible {
    visibility: visible;
    opacity: 1;
}

.ntg-video-btn {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    visibility: hidden;
    overflow: hidden;
    width: 40px;
    height: 40px;
    margin: auto;
    opacity: 0;
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
}
.ntg-video-btn.is-visible {
    visibility: visible;
    opacity: 1;
}
.ntg-video-btn .playbtn {
    position: absolute;
    visibility: hidden;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
}
.ntg-video-btn .playbtn.is-visible {
    visibility: visible;
    opacity: 1;
}
.ntg-video-btn .pausebtn {
    position: absolute;
    visibility: hidden;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
}
.ntg-video-btn .pausebtn.is-visible {
    visibility: visible;
    opacity: 1;
}

.ntg-control {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
}
.ntg-control.is-visible {
    visibility: visible;
    background-color: black;
    opacity: 0.5;
}
.ntg-control.is-visible-exception {
    visibility: visible;
    background-color: black;
    opacity: 0.01;
}

.ntg-noauto-btn {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    visibility: hidden;
    width: 60px;
    height: 60px;
    margin: auto;
    border-radius: 5px;
    background-color: black;
    opacity: 0;
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
}
.ntg-noauto-btn.is-visible {
    visibility: visible;
    opacity: 0.5;
}

.page-top a.ntg-moreinfo-video {
    display: -webkit-box;
    display: -webkit-flex;
    display:         flex;
    background-color: white;

    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
            justify-content: space-between;
}
.page-top a.ntg-moreinfo-video .ntg-details-video {
    width: 91%;
    padding: 5px 0 5px 10px;
}
.page-top a.ntg-moreinfo-video .ntg-details-video h3 {
    overflow: hidden;
    color: black;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.page-top a.ntg-moreinfo-video .ntg-details-video p {
    overflow: hidden;
    color: gray;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.page-top a.ntg-moreinfo-video .arrow-link {
    padding-right: 30px;
    background-image: none;
    background-position: right center;
    background-size: 18px 14px;
    background-repeat: no-repeat;
}

/* -----------------------------
海外タイトルセクション
----------------------------- */
.ntg-area-global li {
    margin: 10px 10px 0;
}
.ntg-area-global li img {
    max-width: 100%;
    height: auto;
}

/* ローディングアニメーション */
.page-top .ntg-load {
    display: -webkit-box;
    display: -webkit-flex;
    display:         flex;
    visibility: hidden;
    -webkit-flex-direction: column;
            flex-direction: column;
    width: 60px;
    height: 60px;
    margin: auto;
    border-radius: 7px;
    background-color: black;
    opacity: 0;
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
}
.page-top .ntg-load.is-visible {
    visibility: visible;
    opacity: 0.7;
}
.page-top .circularG {
    position: relative;
    width: 40px;
    height: 40px;
    margin: auto;
}
.page-top .circularG_child {
    position: absolute;
    width: 9px;
    height: 9px;
    border-radius: 6px;
    background-color: white;
    -webkit-animation-name: bounce_circularG;
            animation-name: bounce_circularG;
    -webkit-animation-duration: 1.1s;
            animation-duration: 1.1s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
            animation-direction: normal;
}
.page-top .circularG_child_1 {
    top: 16px;
    left: 0;
    -webkit-animation-delay: 0.41s;
            animation-delay: 0.41s;
}
.page-top .circularG_child_2 {
    top: 4px;
    left: 4px;
    -webkit-animation-delay: 0.55s;
            animation-delay: 0.55s;
}
.page-top .circularG_child_3 {
    top: 0;
    left: 16px;
    -webkit-animation-delay: 0.69s;
            animation-delay: 0.69s;
}
.page-top .circularG_child_4 {
    top: 4px;
    right: 4px;
    -webkit-animation-delay: 0.83s;
            animation-delay: 0.83s;
}
.page-top .circularG_child_5 {
    top: 16px;
    right: 0;
    -webkit-animation-delay: 0.97s;
            animation-delay: 0.97s;
}
.page-top .circularG_child_6 {
    right: 4px;
    bottom: 4px;
    -webkit-animation-delay: 1.1s;
            animation-delay: 1.1s;
}
.page-top .circularG_child_7 {
    bottom: 0;
    left: 16px;
    -webkit-animation-delay: 1.24s;
            animation-delay: 1.24s;
}
.page-top .circularG_child_8 {
    bottom: 4px;
    left: 4px;
    -webkit-animation-delay: 1.38s;
            animation-delay: 1.38s;
}
@-webkit-keyframes bounce_circularG {
    0% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0.3);
                transform: scale(0.3);
    }
}
@keyframes bounce_circularG {
    0% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0.3);
                transform: scale(0.3);
    }
}

/* ----------------------------
スライドバナー用
---------------------------- */
.page-girls .ntg-slide {
    margin-bottom: 0;
}
.page-girls .ntg-slide #rotation {
    height: 100%;
}
.page-girls .ntg-slide #rotation .swiper-container {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
    height: 100%;
}
.page-girls .ntg-slide #rotation .swiper-container .swiper-wrapper .swiper-slide img {
    width: 100%;
    height: 100%;
}
.page-girls .ntg-slide #rotation .swiper-container .swiper-pagination {
    opacity: 0;
    -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
}
.page-girls .ntg-slide #rotation .swiper-container .swiper-pagination.on {
    opacity: 1;
}
.page-girls .ntg-slide #rotation .swiper-container .swiper-pagination-bullets {
    bottom: 0;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.7) 100%);
    background:         linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.7) 100%);
}
.page-girls .ntg-slide #rotation .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background: #fff;
    opacity: 1;
}
.page-girls .ntg-slide #rotation .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet-active {
    background: #ff819b;
}

/* ----------------------------
女性向け 個別指定
---------------------------- */
#dm-content .ntg-area-girlscontainer .loading {
    height: 100%;
    background: none no-repeat scroll center center/30px 30px transparent;
}

.page-girls .girls-btn-area {
    padding-bottom: 16px;
}
.page-girls .girls-btn-area .general-btn {
    width: 178px;
    height: 27px;
    margin: 0 auto;
    border: 1px solid #16acc2;
    border-radius: 42px;
}
.page-girls .girls-btn-area .general-btn a {
    display: block;
    height: auto;
    padding: 4px 0 5px;
    color: #16acc2;
    text-align: center;
    font-size: 12px;
}
.page-girls .girls-btn-area .adult-btn {
    width: 178px;
    height: 27px;
    margin: 0 auto;
    border: 1px solid #eb4266;
    border-radius: 42px;
}
.page-girls .girls-btn-area .adult-btn a {
    display: block;
    height: auto;
    padding: 4px 0 5px;
    color: #eb4266;
    text-align: center;
    font-size: 12px;
}
.page-girls .girls-btn-area .ntg-area-genre {
    margin-bottom: 16px;
    padding: 8px calc(100vw * 6 / 374) 0;
}
.page-girls .girls-btn-area .ntg-area-genre .wrap-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display:         flex;

    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
            justify-content: space-between;
}
.page-girls .girls-btn-area .ntg-area-genre .wrap-btn li {
    width: calc(50% - (100vw * 6 / 374) / 2);
    height: 48px;
}
.page-girls .girls-btn-area .ntg-area-genre .wrap-btn li a {
    display: -webkit-box;
    display: -webkit-flex;
    display:         flex;
    height: 100%;
    padding: 0 10px;
    border-radius: 5px;
    color: #fff;
    vertical-align: middle;
    font-size: 130%;

    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
}
.page-girls .girls-btn-area .ntg-area-genre .wrap-btn li a::before {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    content: '';
    vertical-align: middle;
}
.page-girls .girls-btn-area .ntg-area-genre .wrap-btn li a span {
    margin-right: 7px;
    text-align: center;

    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
            flex-grow: 1;
}
.page-girls .girls-btn-area .ntg-area-genre .wrap-btn li a::after {
    width: 6px;
    height: 6px;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
    content: '';
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transform-origin: center;
            transform-origin: center;
}
.page-girls .girls-btn-area .ntg-area-genre .wrap-btn li a.btn-bl {
    background-color: #a89aff;
}
.page-girls .girls-btn-area .ntg-area-genre .wrap-btn li a.btn-bl::before {
    width: 24px;
    height: 31px;
    margin-right: 4px;
    background-image: none;
}
.page-girls .girls-btn-area .ntg-area-genre .wrap-btn li a.btn-otome {
    background-color: #ff819b;
}
.page-girls .girls-btn-area .ntg-area-genre .wrap-btn li a.btn-otome::before {
    width: 28px;
    height: 25px;
    background-image: none;
}

.page-girls .area-contents {
    min-height: 100vh;
}
.page-girls .area-contents .ntg-area-girlscontainer {
    height: 100%;
    padding-bottom: 12px;
    background: #f5f5f5;
}

/*------------------------------
_list.scss
------------------------------*/
/*----------------------------
キーワードリスト（ジャンル・タグetc）
----------------------------*/
.page-gamelist .ntg-listinterruption {
    margin-top: 6px;
    padding: 6px;
}

/*----------------------------
個別指定
----------------------------*/
#OlgListHeader p img, #OlgListFooter p img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

/*------------------------------
_monthly.scss
------------------------------*/
.page-monthly .bandtitle {
    width: 100%;
    padding: 5px 8px;
    background:         linear-gradient(bottom, #000 0%, #454545 100%);
    background: -webkit-linear-gradient(bottom, #000 0%, #454545 100%);
    background:     -ms-linear-gradient(bottom, #000 0%, #454545 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #000), color-stop(1, #454545));
    color: #fff;
    font-weight: bold;
    font-size: 14px;
        box-sizing: border-box;

    -ms-box-sizing: border-box;
}
.page-monthly .container-box {
    padding: 10px;
}
.page-monthly .container-box .dm-notice {
    font-size: 10px;
}
.page-monthly .container-box .info .add {
    font-size: 10px;
}
.page-monthly .ntg-framelist > .item {
    position: relative;
    padding: 10px;
    border-bottom: solid 1px #ccc;
    background-color: #fff;
    box-sizing: border-box;
}
.page-monthly .ntg-framelist > .item:first-child {
    border-top: solid 1px #ccc;
}
.page-monthly .ntg-framelist > .item .contact-button {
    position: absolute;
    right: 10px;
    bottom: 10px;
}
.page-monthly .ntg-framelist > .item .comp-info {
    text-align: center;
}
.page-monthly .ntg-framelist > .item .comp-info .main-contents {
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 14px;
}
.page-monthly .ntg-framelist > .item .comp-info .sub-contents {
    font-size: 14px;
}
.page-monthly .ntg-framelist > .item .comp-info .sub-contents .notes {
    display: inline-block;
    text-align: left;
    font-size: 12px;
}
.page-monthly .ntg-framelist > .item .dm-error {
    margin-top: 10px;
}
.page-monthly .ntg-framelist.noborder > .item {
    border-bottom: none;
}
.page-monthly .ntg-statelist > .ttl {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 14px;
}
.page-monthly .ntg-statelist > .list {
    width: 100%;
    margin-bottom: 5px;
    font-size: 13px;
    box-sizing: border-box;
}
.page-monthly .ntg-statelist > .list .item {
    float: left;
    width: 55px;
    margin-right: 10px;
    padding: 2px 4px;
    background-color: #ccc;
    text-align: center;
    font-size: 11px;
}
.page-monthly .ntg-statelist > .list .contents {
    display: block;
    overflow: auto;
}
.page-monthly .center-button {
    display: block;
    width: 100%;
    padding: 15px 0;
    text-align: center;
}
.page-monthly .question-contents {
    padding-top: 20px;
}
.page-monthly .question-contents .item {
    display: block;
    margin-bottom: 10px;
}
.page-monthly .question-contents .item textarea {
    width: 100%;
    height: 150px;
    box-sizing: border-box;
}
.page-monthly .question-contents .contents {
    display: inline-block;
}
.page-monthly .edge-container {
    margin: 0 0 20px -10px;
    padding: 0 10px;
    letter-spacing: -0.4em;
}
.page-monthly .edge-container .edge-button {
    display: inline-block;
    width: 50%;
    padding-left: 10px;
    letter-spacing: normal;
    box-sizing: border-box;
}
.page-monthly .edge-container .edge-button .dm-btn {
    width: 100%;
}

/*------------------------------
_mygame.scss
------------------------------*/
.ntg-area-mygame {
    background-color: #fff;
}
.ntg-area-mygame .ntg-list-game-portrait .ntg-tx {
    display: none;
}

/*------------------------------
_questionnaire.scss
------------------------------*/
.ntg-area-questionnaire .questionnaire-head {
    min-height: 130px;
    width: 100%;
    vertical-align: middle;
}

.questionnaire-intro {
    padding: 10px 10px 20px;
    border-bottom: 1px solid #ccc;
    background: #fff;
    text-align: center;
}
.questionnaire-intro h2 {
    margin-bottom: 10px;
    font-size: 16px;
}
.questionnaire-intro p {
    margin-bottom: 20px;
    color: #666;
    text-align: left;
}

.questionnaire-outro {
    padding: 10px 10px 20px;
    border-bottom: 1px solid #ccc;
    background: #fff;
    text-align: center;
}
.questionnaire-outro h2 {
    font-size: 16px;
}
.questionnaire-outro p {
    margin: 10px auto;
    padding: 0 20px;
    color: #666;
    font-size: 12px;
    line-height: 1.6;
}

.questionnaire-main {
    padding-bottom: 20px;
    background: #fff;
    text-align: left;
    word-break: break-all;
}
.questionnaire-main .questionnaire-ttl {
    padding: 10px;
}
.questionnaire-main .questionnaire-ttl h2 {
    font-size: 16px;
}
.questionnaire-main .questionnaire-ttl p {
    font-size: 12px;
}
.questionnaire-main .questionnaire-tx-confirm {
    padding: 10px;
    border-top: 1px dashed #ccc;
    text-align: center;
    font-size: 12px;
}
.questionnaire-main h3 {
    position: relative;
    padding: 8px 10px 8px 40px;
    border-bottom: 1px solid #ccc;
    background: #d2d2d2;
    counter-increment: question;
    font-size: 14px;
}
.questionnaire-main h3:first-child {
    border-top: 1px solid #ccc;
}
.questionnaire-main h3:before {
    position: absolute;
    top: 7px;
    left: 10px;
    display: inline-block;
    margin: 0 4px 0 0;
    padding: 4px;
    border-radius: 50%;
    background: #555;
    color: #fff;
    content: 'Q' counter(question);
    vertical-align: middle;
    font-size: 10px;
}
.questionnaire-main h3 span {
    vertical-align: middle;
}
.questionnaire-main h3 .required, .questionnaire-main h3 .multiple {
    display: inline-block;
    margin: 0 4px 0 0;
    padding: 0 3px;
    border-radius: 3px;
    background-color: #d32f2f;
    color: #fff;
    font-size: 10px;
}
.questionnaire-main h3 .multiple {
    background-color: #1565c0;
}
.questionnaire-main .questionnaire-item {
    border-bottom: 1px solid #ccc;
    font-size: 12px;
}
.questionnaire-main .questionnaire-item li {
    display: block;
    overflow: hidden;
    padding: 0 6px;
    border-bottom: 1px solid;
    border-color: #ccc;
    background-color: #fff;
    font-size: 100%;
    box-sizing: border-box;
}
.questionnaire-main .questionnaire-item li:last-child {
    border-bottom: none;
}
.questionnaire-main .questionnaire-item span {
    vertical-align: middle;
}
.questionnaire-main .questionnaire-item label {
    display: block;
    margin: 0;
    padding: 10px 0;
}
.questionnaire-main .questionnaire-item input[type=radio], .questionnaire-main .questionnaire-item input[type=checkbox] {
    vertical-align: middle;
}
.questionnaire-main .questionnaire-item textarea {
    width: 100%;
    margin: 10px 0 6px;
    padding: 10px;
    font-size: 12px;
    box-sizing: border-box;
}
.questionnaire-main .questionnaire-item select {
    min-width: 100px;
    min-height: 30px;
    margin: 10px 0;
    font-size: 12px;
}
.questionnaire-main .questionnaire-item .answer {
    padding: 10px;
    background: #fff;
}
.questionnaire-main .questionnaire-item .answer + .answer {
    padding-top: 0;
}
.questionnaire-main .questionnaire-box-button {
    margin-top: 20px;
    text-align: center;
}

/*------------------------------
_home.scss
------------------------------*/
/*----------------------------
ホームメニュー用
----------------------------*/
/*========================= [ .box-dhomemenu ] */
.ntg-area-homemenu {
    width: 285px;
    margin: 0 auto 10px;
}
.ntg-area-homemenu:after {
    display: table;
    clear: both;
    content: '';
}
.ntg-area-homemenu .ntg-box-avatar {
    float: left;
    width: 120px;
    margin-right: 10px;
}
.ntg-area-homemenu .ntg-box-avatar img {
    width: 120px;
    height: 120px;
    margin-bottom: 3px;
    border-radius: 8px;
}
.ntg-area-homemenu .ntg-box-avatar .dm-btn {
    width: 100%;
    text-align: center;
    letter-spacing: -0.001em;
    font-size: 12px;
}
.ntg-area-homemenu .ntg-box-homemenu {
    float: left;
    width: 155px;
}
.ntg-area-homemenu .ntg-box-homemenu li {
    position: relative;
    float: left;
    width: 75px;
    height: 75px;
    margin: 0 5px 5px 0;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 0 5px #bbb;
}
.ntg-area-homemenu .ntg-box-homemenu li:nth-child(2n) {
    margin-right: 0;
}
.ntg-area-homemenu .ntg-box-homemenu li a {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background:         linear-gradient(bottom, #efefef 0%, #fff 100%);
    background: -webkit-linear-gradient(bottom, #efefef 0%, #fff 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #efefef), color-stop(1, #fff));
}
.ntg-area-homemenu .ntg-box-homemenu li a span {
    display: block;
    color: #333;
    text-align: center;
    font-weight: bold;
}
.ntg-area-homemenu span[class^=btn-]:before {
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    background-position: center;
    -webkit-background-size: 50px 50px;
            background-size: 50px 50px;
    background-repeat: no-repeat;
    content: '';
}
.ntg-area-homemenu .btn-info:before {
    background-size: 45px 45px !important;
}
.ntg-area-homemenu .btn-message:before, .ntg-area-homemenu .box-homemenu .btn-friend:before {
    background-position: center 2px !important;
}

/*----------------------------
スライドリスト調整用
----------------------------*/
/*========================= [ .package-wrap ] */
.ntg-area-mygame-home .package-wrap {
    padding-bottom: 6px;
    background: #fff;
}

/*----------------------------
情報が無い場合用
----------------------------*/
#dm-content .ntg-area-mygame-home .txt-empty, #dm-content .ntg-area-community .txt-empty, #dm-content .ntg-area-friend .txt-empty {
    margin-top: 10px;
}

/*----------------------------
ボタン枠調整用
----------------------------*/
/*========================= [ .package-wrap ] */
.ntg-box-dmbtn {
    text-align: center;
}
.ntg-box-dmbtn span {
    width: 240px;
    padding: 3px 0 1px 0;
}

/*------------------------------
_community.scss
------------------------------*/
[id=dm-content] .ntg-box-search-community {
    display: block;
    padding: 6px;
    border-bottom: 1px solid;
    border-color: #ccc;
    background-color: #fff;
}
[id=dm-content] .ntg-box-search-community select {
    width: 100%;
    height: auto;
    margin: 0 auto 6px;
    padding: 6px;
    font-size: 120%;
    box-sizing: border-box;
}
[id=dm-content] .ntg-box-search-community .ntg-box-formwrapper {
    display: table;
    width: 100%;
}
[id=dm-content] .ntg-box-search-community .ntg-box-formwrapper input {
    display: table-cell;
    width: 100%;
    height: auto;
    padding: 6px;
    padding: 6px;
    border: 1px solid;
    border-color: darkgray;
    border-radius: 3px;
    box-shadow: none;
    vertical-align: top;
    font-size: 120%;
    font-size: 120%;
    box-sizing: border-box;
}
[id=dm-content] .ntg-box-search-community .ntg-box-formwrapper .dm-btn {
    display: table-cell;
    padding-left: 6px;
    vertical-align: top;
    font-size: 100%;
    box-sizing: border-box;
}

.ntg-box-community {
    overflow: hidden;
    padding: 6px;
    border-bottom: 1px solid;
    border-color: #ccc;
    background-color: #fff;
}
.ntg-box-community:after {
    display: table;
    clear: both;
    content: '';
}
.ntg-box-community .topic-ttl {
    margin-bottom: 12px;
    padding-bottom: 6px;
    border-bottom: 1px solid;
    border-color: #ccc;
    letter-spacing: normal;
    font-weight: bold;
    font-size: 120%;
}
.ntg-box-community .topic-ttl .main-ttl {
    display: block;
    letter-spacing: normal;
    box-sizing: border-box;
}
.ntg-box-community .topic-ttl .sub-ttl {
    display: block;
    color: #666;
    letter-spacing: normal;
    font-weight: normal;
    font-size: 10px;
}
.ntg-box-community .ntg-community-header {
    overflow: hidden;
    margin-bottom: 6px;
}
.ntg-box-community .ntg-community-thumb {
    float: left;
    max-width: 140px;
    width: 30%;
    width: 30%;
    margin-right: 6px;
}
.ntg-box-community .ntg-community-thumb img {
    display: block;
    width: 100%;
    border: 1px solid;
    border-color: #ccc;
    border-radius: 5px;
    box-sizing: border-box;
}
.ntg-box-community [class^=tx-category] {
    display: block;
    max-width: 140px;
    margin-top: 3px;
    border-radius: 5px;
    vertical-align: middle;
    text-align: center;
    font-weight: normal;
    font-size: 10px;
}
.ntg-box-community .tx-category-official {
    background: #ffaf4b;
    background:         linear-gradient(to bottom, #ffaf4b 0%, #ff920a 100%);
    background: -webkit-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #ff920a), color-stop(100%, #ffaf4b));
    color: #fff;
}
.ntg-box-community .ntg-community-view {
    overflow: hidden;
}
.ntg-box-community .ntg-community-view .ntg-ttl {
    margin-bottom: 3px;
    color: #333;
    font-weight: bold;
    font-size: 100%;
    line-height: 1.4em;
    box-sizing: border-box;
}
.ntg-box-community .ntg-community-view .ntg-tx {
    overflow: hidden;
    margin-top: 6px;
    margin-bottom: 3px;
    color: #666;
    font-size: 100%;
    line-height: 1.2em;
}
.ntg-box-community .ntg-community-view .ntg-tx .ntg-people {
    display: inline-block;
    overflow: hidden;
    padding-left: 16px;
    background: none left center no-repeat;
    background-size: 14px 14px;
}
.ntg-box-community .ntg-community-view dl {
    overflow: hidden;
    letter-spacing: -0.4em;
}
.ntg-box-community .ntg-community-view .ntg-ttl, .ntg-box-community .ntg-community-view .ntg-tx {
    margin-bottom: 3px;
    vertical-align: top;
    letter-spacing: normal;
    box-sizing: border-box;
    zoom: 1;
}
.ntg-box-community .ntg-community-view .ntg-tx {
    overflow: hidden;
}
.ntg-box-community .ntg-community-view .ntg-data-community + .ntg-data-community {
    margin-top: 6px;
}
.ntg-box-community .ntg-community-view .ntg-data-community dt {
    float: left;
    max-width: 90px;
    width: 30%;
    padding-right: 3px;
    letter-spacing: normal;
}
.ntg-box-community .ntg-community-view .ntg-data-community dt:after {
    display: inline-block;
    float: right;
    content: '：';
}
.ntg-box-community .ntg-community-view .ntg-data-community dd {
    letter-spacing: normal;
}
.ntg-box-community .dm-btn {
    width: 100%;
    margin-top: 3px;
    margin-bottom: 3px;
    font-size: 120%;
    box-sizing: border-box;
}
.ntg-box-community [class^=ntg-area-btn] {
    margin-top: 12px;
    margin-bottom: 3px;
}

.page-community-new .ntg-list-single-entry {
    letter-spacing: -0.3em;
}
.page-community-new .ntg-list-single-entry .box-left, .page-community-new .ntg-list-single-entry .box-right {
    letter-spacing: normal;
}
.page-community-new .ntg-list-single-entry .box-left {
    display: inline-block;
    width: 69%;
    padding-right: 6px;
    vertical-align: middle;
    box-sizing: border-box;
}
.page-community-new .ntg-list-single-entry .box-right {
    display: inline-block;
    width: 30%;
    vertical-align: middle;
    text-align: right;
    font-size: 100%;
}
.page-community-new .ntg-list-single-entry .ntg-thumb {
    float: left;
    width: 40px;
    height: auto;
    margin-right: 6px;
}
.page-community-new .ntg-list-single-entry .tx-ttl {
    overflow: hidden;
    padding: 10px 0;
    vertical-align: middle;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    font-size: 100%;
    box-sizing: border-box;
}

.page-community-new .ntg-show-content .ntg-box-showmore {
    margin-bottom: 6px;
}
.page-community-new .ntg-show-content .tx-showmore {
    display: -webkit-box;
    overflow: hidden;
    margin-bottom: 6px;
    padding-bottom: 3px;
    -webkit-transition: all 0.15s ease;
            transition: all 0.15s ease;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.page-community-new .ntg-show-content .tx-showmore.is-active {
    -webkit-line-clamp: inherit;
}
.page-community-new .ntg-show-content .ntg-btn-showmore {
    margin-bottom: 6px;
    text-align: center;
}
.page-community-new .ntg-show-content .ntg-btn-showmore a {
    position: relative;
    display: block;
    padding: 6px 12px;
    border: 1px solid;
    border-color: #ccc;
    border-radius: 5px;
}
.page-community-new .ntg-show-content .ntg-btn-showmore a span {
    position: relative;
    display: inline-block;
    padding-left: 20px;
}
.page-community-new .ntg-show-content .ntg-btn-showmore a span:before, .page-community-new .ntg-show-content .ntg-btn-showmore a span:after {
    position: absolute;
    top: 9px;
    width: 10px;
    height: 3px;
    background: #9b9b9b;
    content: '';
}
.page-community-new .ntg-show-content .ntg-btn-showmore a span:before {
    left: -3px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}
.page-community-new .ntg-show-content .ntg-btn-showmore a span:after {
    left: 3px;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
.page-community-new .ntg-show-content .ntg-community-view {
    display: none;
}

.page-community-new a.ntg-list-comment {
    display: block;
    padding: 6px;
    padding-right: 30px;
    border-bottom: 1px solid;
    border-color: #ccc;
    background-color: #fff;
    background-image: none;
    background-position: right center;
    background-size: 18px 14px;
    background-repeat: no-repeat;
}
.page-community-new a.ntg-list-comment:after {
    display: table;
    clear: both;
    content: '';
}

.page-community-new div.ntg-list-comment {
    display: block;
    padding: 15px 10px 15px;
    border-bottom: 1px solid;
    border-color: #ccc;
    background-color: #fff;
}
.page-community-new div.ntg-list-comment:after {
    display: table;
    clear: both;
    content: '';
}

.page-community-new .ntg-list-comment .ntg-comment-head {
    overflow: hidden;
    margin-bottom: 3px;
}
.page-community-new .ntg-list-comment .ntg-parsonal {
    overflow: hidden;
    margin-bottom: 10px;
}
.page-community-new .ntg-list-comment .ntg-tx-lead {
    color: #666;
    font-size: 11px;
}
.page-community-new .ntg-list-comment .ntg-thmb {
    float: left;
    min-width: 40px;
    max-width: 40px;
    width: 20%;
    margin-right: 12px;
}
.page-community-new .ntg-list-comment .ntg-thmb img {
    width: 100%;
    border: 1px solid;
    border-color: #ccc;
    border-radius: 5px;
}
.page-community-new .ntg-list-comment .ntg-overview {
    display: block;
}
.page-community-new .ntg-list-comment .ntg-ttl {
    color: #333;
    font-weight: bold;
    font-size: 120%;
    line-height: 1.4em;
}
.page-community-new .ntg-list-comment .ntg-comment-content {
    margin-top: 12px;
}
.page-community-new .ntg-list-comment .ntg-tx {
    clear: both;
    overflow: hidden;
    margin-bottom: 3px;
    margin-bottom: 3px;
    color: #666;
    color: #666;
    font-size: 100%;
    font-size: 100%;
    line-height: 1.2em;
    line-height: 1.2em;
}
.page-community-new .ntg-list-comment .ntg-tx .tx-comment {
    display: block;
    color: inherit;
    color: #000;
    font-size: 13px;
    line-height: 1.6;
}
.page-community-new .ntg-list-comment .ntg-tx .tx-comment.is-quato {
    display: block;
    margin: 3px 0 15px 10px;
    padding: 3px 0 3px 7px;
    border-left: 1px solid #777;
    font-size: 11px;
}
.page-community-new .ntg-list-comment .ntg-tx .tx-delete-comment {
    display: block;
    margin-top: 6px;
    padding: 10px 0;
    background: #eee;
    color: #666;
    text-align: center;
}
.page-community-new .ntg-list-comment .delete-comment img {
    vertical-align: middle;
}
.page-community-new .ntg-list-comment .tx-reply-number {
    display: block;
    font-size: 13px;
    line-height: 1.6;
}
.page-community-new .ntg-list-comment .tx-id {
    display: block;
    margin-top: 10px;
    padding-left: 10px;
    font-size: 11px;
}
.page-community-new .ntg-list-comment .tx-id.is-quote:before {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-right: 3px;
    background: none no-repeat;
    background-size: cover;
    content: '';
    vertical-align: middle;
}
.page-community-new .ntg-list-comment .tx-quato {
    display: block;
    margin: 3px 0 15px 10px;
    padding: 3px 0 3px 7px;
    border-left: 1px solid #777;
    font-size: 11px;
    line-height: 1.6;
}

/* コメントフォーム */
.page-community-new .ntg-box-comment {
    overflow: hidden;
    padding: 6px;
    background-color: #fff;
}
.page-community-new .ntg-box-comment .ntg-tx-lead {
    margin-bottom: 6px;
}
.page-community-new .ntg-box-comment .ntg-tx-lead span {
    font-size: 10px;
}
.page-community-new .ntg-box-comment form {
    margin-bottom: 6px;
}
.page-community-new .ntg-box-comment textarea {
    width: 100%;
    height: 4em;
    font-size: 100%;
    box-sizing: border-box;
}
.page-community-new .ntg-box-comment textarea:focus {
    height: 4em;
}
.page-community-new .ntg-box-comment .dm-btn {
    width: 100%;
    font-size: 120%;
    box-sizing: border-box;
}
.page-community-new .ntg-attention {
    display: block;
    padding: 12px;
    color: #666;
    font-size: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.page-community-new .ntg-attention dt {
    margin-bottom: 3px;
    color: #c00;
    font-size: 120%;
}
.page-community-new .ntg-attention dd ul {
    margin-bottom: 6px;
}
.page-community-new .ntg-attention dd li {
    list-style-position: inside;
    list-style-type: disc;
}

/* ボトムボタン枠 */
.ntg-area-bottomCommunity {
    background-color: #fff;
}
.ntg-area-bottomCommunity .ntg-box-sublink {
    padding-right: 6px;
    padding-left: 6px;
    border-top: 1px solid;
    border-color: #ccc;
}
.ntg-area-bottomCommunity .ntg-box-sublink a {
    display: block;
    overflow: hidden;
    max-height: 40px;
    padding-right: 30px;
    background-image: none;
    background-position: right center;
    background-size: 18px 14px;
    background-repeat: no-repeat;
    color: #666;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    font-size: 120%;
    line-height: 40px;
}
.ntg-area-bottomCommunity [class^=ntg-area-btn] {
    margin: 0;
    padding-top: 12px;
    padding-bottom: 12px;
}

/* ソート・セレクトページビュー */
.ntg-disp-setting {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display:         flex;
    padding: 5px;
    border-bottom: 1px solid #ccc;
    background: #f9f9f9;

    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
            justify-content: space-between;
}
.ntg-disp-setting .disp-number {
    font-size: 10px;
}
.ntg-disp-setting .ntg-list-selecter {
    font-size: 14px;
}
.ntg-disp-setting .ntg-list-selecter select {
    position: relative;
    height: auto;
    margin-right: 5px;
    padding: 3px;
    border-radius: 5px;
    background-color: #fff;
    font-size: 100%;
    line-height: 1;
}

/* 個別指定 */
#dm-content.page-community-new > section > h1 {
    margin-bottom: 0;
    padding: 6px;
    border: none;
    background: none;
    box-shadow: none;
    color: inherit;
    text-shadow: none;
    font-size: 14px;
}

.page-community-new [class^=ntg-list-col] {
    background: #fff;
}
.page-community-new [class^=ntg-buttonbar]:first-child {
    padding-top: 12px;
}
.page-community-new section > .ntg-area-tab:first-child {
    padding-top: 12px;
}
.page-community-new .ntg-area-tab {
    margin-bottom: 0;
}
.page-community-new .ntg-area-tab [class^=ntg-tab] a.on, .page-community-new .ntg-area-tab [class^=ntg-tab] div.on {
    background: #fff;
}
.page-community-new #tab-content-recommend, .page-community-new #tab-content-new {
    background: #fff;
}
.page-community-new [class^=ntg-headline] + .ntg-sublead {
    text-align: left;
}
.page-community-new [id^=tab-content] [class^=ntg-area]:first-child {
    position: relative;
    z-index: 20;
    padding-top: 6px;
    border-top: 1px solid;
    border-color: #ccc;
}
.page-community-new [id^=tab-content] [class^=ntg-buttonbar]:first-child {
    border-top: 1px solid;
}
.page-community-new .ntg-area-community-news .ntg-ttl {
    -webkit-line-clamp: inherit;
}
.page-community-new .ntg-area-topic .ntg-tx {
    display: block;
    overflow: hidden;
    padding-bottom: 3px;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.3em;
}
.page-community-new #comment.ntg-area-comment {
    border-bottom: 1px solid;
    border-color: #ccc;
    background-color: #fff;
}

.ntg-inputfile {
    position: relative;
    margin-bottom: 6px;
    padding-top: 6px;
    padding-right: 24px;
    border-top: 1px dotted #ccc;
}
.ntg-inputfile:last-child {
    margin-bottom: 20px;
}
.ntg-inputfile .ntg-inputfile-button {
    position: relative;
    display: inline-block;
    width: auto;
    height: auto;
    padding: 0.7em 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-gradient(linear, left bottom, left top, from(#d9d7d7), to(#f5f4f4));
    background:         linear-gradient(to top, #d9d7d7 0%, #f5f4f4 100%);
    background: -webkit-linear-gradient(bottom, #d9d7d7 0%, #f5f4f4 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #d9d7d7), color-stop(100%, #f5f4f4));
    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);
    text-align: center;
            text-shadow: 1px 1px rgba(255, 255, 255, 0.5);
            text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
    font-weight: bold;
    font-size: inherit;
    line-height: 1;
    box-sizing: border-box;

    -webkit-text-shadow: 1px 1px rgba(255, 255, 255, 0.5);
}
.ntg-inputfile input[type=file] {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    opacity: 0;
    cursor: pointer;
}
.ntg-inputfile .ntg-inputfile-name {
    padding-left: 6px;
    font-size: 12px;
    line-height: 28px;
}
.ntg-inputfile .ntg-inputfile-clear {
    position: absolute;
    top: 10px;
    right: 0;
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 3px;
    background: none #e9eef2 center no-repeat;
    background-size: 70%;
    cursor: pointer;
}

.box-comment-pic {
    margin-top: 6px;
    text-align: center;
}
.box-comment-pic img {
    max-width: 100%;
    max-height: 600px;
    width: auto;
    margin-bottom: 6px;
    vertical-align: top;
}
.box-comment-pic .tx-delete-pic {
    padding: 10px 0;
    background: #eee;
}

.ntg-list-comment .area-function-left {
    display: block;
    margin: 12px 0 0;
    padding-top: 10px;
    text-align: center;
    font-size: 0;
}
.ntg-list-comment .area-function-left .func-list {
    display: inline-block;
    width: 33%;
    vertical-align: middle;
    text-align: center;
    font-size: 12px;
}
.ntg-list-comment .area-function-left .func-list .bt-like .like {
    display: inline-block;
    height: 19px;
    padding: 0 2px;
    border-radius: 3px;
    background: #ff9333;
    color: #fff;
    text-align: left;
    text-indent: 6px;
    line-height: 20px;
    cursor: pointer;
}
.ntg-list-comment .area-function-left .func-list .bt-like .like.off {
    background: #bbb;
    color: #ddd;
    cursor: default;
}
.ntg-list-comment .area-function-left .func-list .bt-like .balloon {
    position: relative;
    display: inline-block;
    max-width: 40px;
    margin: 0 0 0 2px;
    padding: 0 3px 0 3px;
    border: 1px solid #a0afb9;
    border-radius: 3px;
    background: #fff;
    color: #333;
    vertical-align: top;
    font-size: 10px;
    line-height: 17px;
}
.ntg-list-comment .area-function-left .func-list .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-list-comment .area-function-left .func-list .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-list-comment .area-function-left .func-list .bt-reply {
    display: inline-block;
    color: #3b5998;
}
.ntg-list-comment .area-function-left .func-list .bt-reply:before {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-right: 3px;
    background: none no-repeat;
    background-size: cover;
    content: '';
    vertical-align: middle;
}
.ntg-list-comment .area-function-left .func-list .quote {
    display: inline-block;
    color: #3b5998;
}
.ntg-list-comment .area-function-left .func-list .quote:before {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-right: 3px;
    background: none no-repeat;
    background-size: cover;
    content: '';
    vertical-align: middle;
}

.comment-window {
    position: fixed;
    z-index: 510;
    display: none;
    overflow: hidden;
    width: 90%;
    margin: 0 auto;
    border: 2px solid #ff730a;
    background: #fff;
    box-shadow: 0 2px 10px 5px rgba(0, 0, 0, 0.3);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.comment-window .bar-title {
    position: relative;
    padding-left: 33px;
    background: #5ee0f2 none no-repeat;
    background-position: left top;
    background-size: 100% 200%;
    color: #fff;
    font-size: 14px;
    line-height: 36px;
}
.comment-window .bar-title:before {
    position: absolute;
    top: 6px;
    left: 6px;
    display: block;
    width: 25px;
    height: 25px;
    background: none no-repeat;
    background-position: left -350px;
    background-size: 100% auto;
    content: '';
}
.comment-window .bar-title .bt-close {
    position: absolute;
    top: 6px;
    right: 6px;
    display: block;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #a74203;
    cursor: pointer;
}
.comment-window .bar-title .bt-close strong {
    position: relative;
    display: block;
}
.comment-window .bar-title .bt-close strong:before {
    position: absolute;
    top: 10px;
    left: 4px;
    display: inline-block;
    width: 14px;
    height: 2px;
    background: #ff9f57;
    content: '';
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}
.comment-window .bar-title .bt-close strong:after {
    position: absolute;
    top: 10px;
    left: 4px;
    display: inline-block;
    width: 14px;
    height: 2px;
    background: #ff9f57;
    content: '';
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
.comment-window .main-frame {
    padding: 5px;
}

/*------------------------------
_detail.scss
------------------------------*/
.ntg-area-detail {
    margin-right: 6px;
    margin-left: 6px;
}

.ntg-detail-top {
    padding-top: 12px;
}
.ntg-detail-top:after {
    display: table;
    clear: both;
    content: '';
}
.ntg-detail-top .ntg-detail-package {
    float: left;
}
.ntg-detail-top .ntg-detail-package img {
    width: 100px;
    height: 100px;
}
.ntg-detail-top .ntg-detail-info {
    padding-left: 110px;
}
.ntg-detail-top .ntg-detail-ttl {
    margin-bottom: 3px;
    font-weight: bold;
    font-size: 120%;
}
.ntg-detail-top .ntg-detail-property {
    margin-bottom: 3px;
}
.ntg-detail-top .tx-genre {
    display: inline-block;
    color: #666;
    vertical-align: middle;
    font-weight: bold;
}
.ntg-detail-top .tx-genre.is-app {
    display: block;
    margin: 0;
}
.ntg-detail-top .ntg-detail-tx {
    display: block;
    margin-top: 6px;
    color: #666;
    font-size: 10px;
}
.ntg-detail-top .tx-app {
    display: block;
    overflow: hidden;
    color: #666;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 10px;
}

[class^=ntg-detail-btn] {
    padding-top: 12px;
    padding-bottom: 12px;
    letter-spacing: -0.4em;
}
[class^=ntg-detail-btn] .box-detail-btn {
    vertical-align: top;
    text-align: center;
    letter-spacing: normal;
    box-sizing: border-box;
}
[class^=ntg-detail-btn] .box-detail-btn a > img {
    width: 173px;
    height: auto;
    vertical-align: bottom;
}
[class^=ntg-detail-btn] .dm-btn {
    width: 100%;
    font-size: 120%;
}
[class^=ntg-detail-btn] .dm-btn.ntg-btn-dl span {
    background:         linear-gradient(to top, #92ce01 0%, #c0ff2a 100%);
    background: -webkit-linear-gradient(bottom, #92ce01 0%, #c0ff2a 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #92ce01), color-stop(100%, #c0ff2a));
}
[class^=ntg-detail-btn] .dm-btn > * {
    padding: 0.9em 1em;
}
[class^=ntg-detail-btn] .tx-sup {
    margin-top: 12px;
    color: #666;
}
[class^=ntg-detail-btn] .tx-info {
    margin-top: 3px;
    font-size: 10px;
}

[class^=ntg-detail-btn-col] {
    margin-bottom: 12px;
}

.ntg-detail-btn-col1 .box-detail-btn {
    display: block;
    width: 100%;
    margin-top: 16px;
}
.ntg-detail-btn-col1 .box-detail-btn:first-child {
    margin-top: 0;
}

.ntg-detail-btn-col2 {
    display: -webkit-box;
    display: -webkit-flex;
    display:         flex;
}
.ntg-detail-btn-col2 .box-detail-btn {
    width: 50%;
    padding-left: 3px;
}
.ntg-detail-btn-col2 .box-detail-btn:first-child {
    padding: 0 3px 0 0;
}
.ntg-detail-btn-col2 .box-detail-btn span {
    display: -webkit-box;
    display: -webkit-flex;
    display:         flex;

    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
}
.ntg-detail-btn-col2 .box-detail-btn * {
    height: 100%;
}

.ntg-detail-item {
    margin-top: 12px;
    margin-bottom: 20px;
}
.ntg-detail-item + .ntg-detail-item {
    border-top: 1px solid #d6d6d6;
}
.ntg-detail-item + .ntg-detail-item .ntg-detail-caption {
    padding-top: 12px;
}
.ntg-detail-item .ntg-detail-caption {
    padding-bottom: 12px;
    font-weight: bold;
    font-size: 120%;
}
.ntg-detail-item .gallery-list img {
    width: 100%;
}

.ntg-detail-checker {
    margin-top: 12px;
    margin-bottom: 12px;
}
.ntg-detail-checker ul {
    width: 100%;
    padding-top: 6px;
    padding-bottom: 6px;
    background-color: #e3eaf1;
    text-align: center;
}
.ntg-detail-checker li {
    display: inline-block;
    font-size: 10px;
}

.ntg-detail-switchover-general {
    padding-top: 12px;
    padding-bottom: 12px;
}
.ntg-detail-switchover-general a {
    display: block;
    width: 145px;
    margin: 0 auto;
    padding: 4px 0;
    border: #16acc2 solid 1px;
    border-radius: 16px;
    color: #16acc2;
    text-align: center;
}

.ntg-detail-switchover-r18 {
    padding-top: 12px;
    padding-bottom: 12px;
}
.ntg-detail-switchover-r18 a {
    display: block;
    width: 145px;
    margin: 0 auto;
    padding: 4px 0;
    border: #eb4266 solid 1px;
    border-radius: 16px;
    color: #eb4266;
    text-align: center;
}

.ntg-detail-aside {
    margin-top: 20px;
}
.ntg-detail-aside p {
    padding: 12px;
    background-color: #e3eaf1;
}

.ntg-slidedown-box {
    margin-top: 12px;
    border: 1px solid;
    border-color: #ccc;
    border-radius: 3px;
}
.ntg-slidedown-box .slidedown-button {
    padding: 6px 14px 6px 6px;
    font-weight: bold;
}
.ntg-slidedown-box .slidedown-button:before {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 6px;
    background: none no-repeat;
    background-position: -12px 0;
    background-size: 24px 12px;
    content: '';
}
.ntg-slidedown-box .slidedown-button.on:before {
    background-position: 0 0;
}
.ntg-slidedown-box .slidedown-content {
    display: none;
    overflow: hidden;
    padding: 12px;
    border-top: 1px solid;
    border-color: #ccc;
    border-radius: 0 0 3px 3px;
}

.ntg-detail-bottom {
    margin-top: 12px;
    margin-bottom: 12px;
    text-align: center;
}
.ntg-detail-bottom p {
    font-size: 10px;
}

.ntg-detail-footer {
    padding-top: 12px;
    padding-bottom: 6px;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: #ccc;
    background-color: #e3eaf1;
    font-weight: bold;
}

.ntg-detail-recommend {
    margin-bottom: 12px;
}

/* detailページをwrapします */
.page-gamedetail .ntg-game-menu {
    margin-bottom: 20px;
}
.page-gamedetail .ntg-game-menu li .line-item {
    border: solid 1px #ccc;
    border-top: none;
}
.page-gamedetail .ntg-game-menu li .line-item.is-ttl {
    border: solid 1px #333;
}
.page-gamedetail .ntg-detail-slider .ntg-slider-caption {
    margin-top: 12px;
    font-size: 120%;
}
.page-gamedetail .ntg-detail-slider .slider-content {
    display: -webkit-box;
    display: -webkit-flex;
    display:         flex;
    overflow-x: visible;
    overflow-y: hidden;
    width: 100%;
    margin: 12px 0;
    padding: 5px;
    background: #e5e5e5;
    box-sizing: border-box;

    -webkit-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
}
.page-gamedetail .ntg-detail-slider .slider-content li {
    margin: 0 3px;
}
.page-gamedetail .ntg-detail-slider .slider-content img {
    max-height: 240px;
    width: auto;
}
.page-gamedetail .ntg-detail-slider .slider-content .slider-movieItem {
    position: relative;
    display: block;
}
.page-gamedetail .ntg-detail-slider .slider-content .slider-movieItem:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 56px;
    height: 56px;
    background: none 0 0 no-repeat;
    background-size: 56px 56px;
    content: '';
    -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);
}
.page-gamedetail .ntg-detail-btn-col2 .box-detail-btn a img {
    max-width: 173px;
    width: 100%;
}

/*------------------------------
_profile.scss
------------------------------*/
.page-profile .box-profilemenu .official .avatar-official {
    float: left;
    overflow: hidden;
    width: 96px;
    height: 96px;
}
.page-profile .box-profilemenu .official .avatar-official img {
    width: 100%;
    height: auto;
}
.page-profile .box-profilemenu .official .info-official {
    display: block;
    margin-left: 108px;
    text-align: left;
}
.page-profile .box-profilemenu .official .info-official .btn-box {
    width: 100%;
}
.page-profile .box-profilemenu .official .info-official .btn-box .dm-btn {
    text-align: center;
}
.page-profile .box-profilemenu .official .info-official .btn-box .dm-btn .contents {
    padding: 8px 23px !important;
}
.page-profile .box-olgfukidashi ul {
    padding: 6px 0;
}
.page-profile .box-olgfukidashi ul li .sns-official {
    margin: 10px 0 0 0;
}
.page-profile .official-community .ntg-list-col1 {
    margin-bottom: 7px;
}
.page-profile .official-community .ntg-list-col1 .ntg-tx {
    overflow: hidden;
    width: 100%;
}
.page-profile .official-community .ntg-list-col1 .ntg-tx p {
    display: -webkit-box;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.page-profile .official-community .ntg-list-col1 .ntg-member {
    padding-left: 21px;
    background: none no-repeat;
    background-size: contain;
    font-size: 10px;
}
.page-profile .box-regist-profile {
    padding: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    text-align: center;
}
.page-profile .box-regist-profile .tx-privacy {
    margin-top: 10px;
    text-align: left;
}
.page-profile .box-regist-profile .tx-privacy a {
    position: relative;
    display: inline-block;
    padding-left: 1em;
}
.page-profile .box-regist-profile .tx-privacy a:before {
    position: absolute;
    top: 5px;
    left: 0;
    width: 0;
    height: 0;
    border-width: 5px 0 5px 8px;
    border-style: solid;
    border-color: transparent transparent transparent #999;
    content: '';
}
.page-profile .box-mail {
    padding: 10px;
    background: #fff;
    font-size: 10px;
}
.page-profile .box-mail .box-checkmark {
    margin-bottom: 10px;
    font-size: 14px;
}
.page-profile .box-mail .box-checkmark input {
    margin-right: 6px;
    vertical-align: middle;
}
.page-profile .box-mail .box-checkmark span {
    vertical-align: middle;
}
.page-profile .box-mail .check-mail {
    display: -webkit-box;
    display: -webkit-flex;
    display:         flex;

    -webkit-box-align: start;
    -webkit-align-items: flex-start;
            align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
}
.page-profile .box-mail .check-mail img {
    display: block;
}

.page-failure-report {
    background: #fff;
}
.page-failure-report .head-content {
    display: inline-block;
    width: 100%;
    padding: 12px 14px;
    font-weight: normal;
    font-size: 20px;
    box-sizing: border-box;
}
.page-failure-report .area-message {
    padding: 0 14px 12px;
}
.page-failure-report .area-notify {
    margin: 0 14px 20px 14px;
    border: 1px solid #eee;
}
.page-failure-report .area-notify .notify-wrapper .notify-item {
    padding: 8px 10px;
    border-bottom: 1px solid #eee;
}
.page-failure-report .area-notify .notify-wrapper .notify-item:last-child {
    border: none;
}
.page-failure-report .area-notify .notify-wrapper .notify-title {
    display: block;
    color: rgba(0, 0, 0, 0.8);
    text-decoration: none;
}
.page-failure-report .area-notify .notify-wrapper .notify-title .failure-info {
    display: -webkit-box;
    display: -webkit-flex;
    display:         flex;

    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    -webkit-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
}
.page-failure-report .area-notify .notify-wrapper .notify-title .failure-info .failure-genre {
    min-width: 7em;
    padding: 2px 4px;
    border-radius: 5px;
    text-align: center;
    font-size: 11px;
}
.page-failure-report .area-notify .notify-wrapper .notify-title .failure-info .failure-genre.is-failure {
    background-color: #ffd0c7;
}
.page-failure-report .area-notify .notify-wrapper .notify-title .failure-info .failure-genre.is-maintenance {
    background-color: #fff083;
}
.page-failure-report .area-notify .notify-wrapper .notify-title .failure-title {
    margin-top: 5px;
}
.page-failure-report .area-notify .notify-wrapper .notify-title .failure-title.is-old {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.page-failure-report .area-notify .notify-wrapper .notify-contents {
    margin-top: 6px;
}
.page-failure-report .area-notify .notify-wrapper .notify-contents .failure-message {
    margin-bottom: 6px;
    padding: 14px;
    background-color: #f2f2f2;
    text-align: center;
    font-weight: bold;
}
.page-failure-report .area-notify .notify-wrapper .notify-contents .failure-message.is-error {
    padding: 28px 14px;
    background: #fff;
}

#dm-content.netgame.page-infomation {
    background: #fff;
}
#dm-content.netgame.page-infomation > section {
    background-color: transparent;
}
#dm-content.netgame.page-infomation > section .list-olg {
    margin-top: 0;
    margin-bottom: 10px;
}
#dm-content.netgame.page-infomation > section .list-olg:last-child {
    margin-bottom: 0;
}
#dm-content.netgame.page-infomation .head-content {
    display: inline-block;
    width: 100%;
    padding: 12px 14px;
    font-weight: normal;
    font-size: 20px;
    box-sizing: border-box;
}
#dm-content.netgame.page-infomation .no-info {
    margin: 0 10px 10px;
    padding: 45px 30px;
    border: solid 1px #b2b2b2;
    border-radius: 5px;
    background: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
}
#dm-content.netgame.page-infomation .ntg-tx-maintenance {
    display: block;
    margin-top: 30px;
    padding: 0 10px;
}
#dm-content.netgame.page-infomation .ntg-tx-maintenance a {
    display: inline-block;
    width: 100%;
    padding-left: 25px;
    background: none no-repeat;
    background-position: left center;
    background-size: 15px 15px;
    font-size: 14px;
    box-sizing: border-box;
}

/* stylelint-disable function-url-scheme-disallowed-list */
/* stylelint-disable no-descending-specificity */
/* ------------------------------
_gameplay.scss
------------------------------ */
.gameplay_wrapper #box-olgnavi-footer {
    position: relative;
}

.ntg-area-gameplay {
    margin-bottom: 0;
    padding-top: 16px;
    background-color: #e5e5e5;
}
.ntg-area-gameplay .band-title {
    position: relative;
    margin: 0;
    padding-left: 33px;
    background-color: #474c50;
    color: #fff;
    font-size: 14px;
    line-height: 36px;
    box-sizing: border-box;
}
.ntg-area-gameplay .band-title::before {
    position: absolute;
    top: 6px;
    left: 6px;
    display: block;
    width: 25px;
    height: 25px;
    background: none no-repeat;
    background-size: 100% auto;
    content: '';
}
.ntg-area-gameplay .band-title.is-tradeball::before {
    background-position: left -450px;
}
.ntg-area-gameplay .band-title.is-outgame::before {
    background-position: left -500px;
}
.ntg-area-gameplay .area-radius {
    margin-bottom: 6px;
    padding: 6px 10px;
    border-radius: 8px;
    background-color: #fff;
    box-sizing: border-box;
}
.ntg-area-gameplay .area-radius.is-singlerow {
    display: -webkit-box;
    display: -webkit-flex;
    display:         flex;
    width: 100%;
    padding: 8px;
    font-weight: bold;
    font-size: 12px;

    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
}
.ntg-area-gameplay .area-radius.is-multirow {
    display: -webkit-box;
    display: -webkit-flex;
    display:         flex;
    width: 100%;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.4;
    box-sizing: border-box;

    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
}
.ntg-area-gameplay .area-radius.is-multirow span {
    display: block;
    width: 100%;
    color: #d5dbe0;
    font-size: 11px;
}
.ntg-area-gameplay .area-radius.is-multirow .is-error {
    color: #ffa04c;
    text-align: center;
}
.ntg-area-gameplay .area-radius.is-gray {
    background-color: #8a949c;
    box-shadow: 0 2px 0 #777;
    color: #fff;
}
.ntg-area-gameplay .area-radius.is-disable {
    background: #ccc;
    box-shadow: none;
    color: #999;
}
.ntg-area-gameplay [class$=standard] {
    margin: 10px auto 16px;
    padding: 0 10px;
}
.ntg-area-gameplay [class$=standard] .title {
    margin-bottom: 10px;
    letter-spacing: -0.04em;
    font-weight: bold;
    font-size: 14px;
}
.ntg-area-gameplay .charge-standard {
    margin-top: 0;
}
.ntg-area-gameplay .charge-standard .area-radius.confirm-area {
    display: -webkit-box;
    display: -webkit-flex;
    display:         flex;
    height: 40px;
    line-height: 40px;

    -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-area-gameplay .charge-standard .area-radius.confirm-area .usepoint {
    font-size: 12px;
    line-height: 1.4;
}
.ntg-area-gameplay .charge-standard .area-radius.confirm-area .confirm {
    font-size: 14px;
}
.ntg-area-gameplay .charge-standard .area-radius.confirm-area .confirm a {
    color: #000;
    text-decoration: underline;
}
.ntg-area-gameplay .charge-standard .area-radius.confirm-area .confirm .mypoint {
    font-size: 18px;
}
.ntg-area-gameplay .tradeball-standard {
    text-align: center;
}
.ntg-area-gameplay .tradeball-standard .area-radius.item-count {
    padding: 5px;
}
.ntg-area-gameplay .tradeball-standard .area-radius.chargeButton {
    display: none;
}
.ntg-area-gameplay .tradeball-standard .area-radius .tradeball {
    display: inline-block;
    font-size: 18px;
}
.ntg-area-gameplay .tradeball-standard .area-radius .tradeball span {
    font-weight: bold;
    font-size: 16px;
}
.ntg-area-gameplay .tradeball-standard .exchange {
    color: #525a5c;
    font-size: 12px;
}
.ntg-area-gameplay .tradeball-standard .exchange span {
    color: #ffa04c;
    font-weight: bold;
}
.ntg-area-gameplay .tradeball-standard .limit {
    margin-bottom: 10px;
}
.ntg-area-gameplay .savemission-standard .mission-list li {
    position: relative;
    margin-bottom: 3px;
    padding: 10px;
    background-color: #fff;
    font-size: 13px;
}
.ntg-area-gameplay .savemission-standard .mission-list li.is-clear::before {
    position: absolute;
    top: 5px;
    right: 0;
    left: 0;
    z-index: 10;
    display: inline-block;
    width: 40%;
    height: 40%;
    margin: 0 auto;
    background: none no-repeat;
    background-position: center center;
    background-size: contain;
    content: '';
}
.ntg-area-gameplay .savemission-standard .mission-list li:last-child {
    margin-bottom: 0;
}
.ntg-area-gameplay .savemission-standard .mission-list li .mission-name {
    position: relative;
    padding-left: 1.5em;
    color: #525a5c;
    font-weight: bold;
}
.ntg-area-gameplay .savemission-standard .mission-list li .mission-name::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 1.25em;
    height: 1.25em;
    background: none no-repeat;
    background-position: center;
    background-size: contain;
    content: '';
}
.ntg-area-gameplay .savemission-standard .mission-list li .mission-detail {
    display: -webkit-box;
    display: -webkit-flex;
    display:         flex;
    color: #525a5c;

    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
            align-items: flex-end;
}
.ntg-area-gameplay .savemission-standard .mission-list li .mission-detail .mission-count span {
    color: #ffa04c;
    font-size: 15px;
}
.ntg-area-gameplay .savemission-standard .mission-list li .mission-detail .mission-getball {
    line-height: 20px;
}
.ntg-area-gameplay .savemission-standard .mission-list li .mission-detail .mission-getball span {
    color: #ffa04c;
    font-size: 18px;
}
.ntg-area-gameplay .challengemission-standard .mission-inner {
    padding: 5px 10px;
    background-color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
}
.ntg-area-gameplay .challengemission-standard .mission-inner .mission-linktext {
    margin-top: 5px;
    text-align: right;
}
.ntg-area-gameplay .challengemission-standard .mission-inner .mission-linktext a {
    color: #ffa04c;
}
.ntg-area-gameplay .gamemission-standard {
    overflow: hidden;
}
.ntg-area-gameplay .gamemission-standard .slick-list {
    overflow: initial;
}
.ntg-area-gameplay .gamemission-standard .slick-slider {
    margin: 0 -10px;
}
.ntg-area-gameplay .gamemission-standard .slick-slider .ntg-list-col1 {
    height: 100%;
    background: #fff;
}
.ntg-area-gameplay .gamemission-standard .slick-slider .ntg-list-col1 .ntg-ttl {
    word-break: break-all;
}
.ntg-area-gameplay .gamemission-standard .slide-target ul {
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
}
.ntg-area-gameplay .gamemission-standard ul {
    margin: 0 5px;
}
.ntg-area-gameplay .gamemission-standard .slick-dots {
    margin-top: 5px;
    text-align: center;
}
.ntg-area-gameplay .gamemission-standard .slick-dots li {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
}
.ntg-area-gameplay .gamemission-standard .slick-dots li button {
    display: block;
    width: 10px;
    height: 10px;
    outline: none;
    border: 0;
    border-radius: 50%;
    background: #cdcdcd;
    font-size: 0;
    line-height: 0;
}
.ntg-area-gameplay .gamemission-standard .slick-dots li.slick-active button {
    background: #666;
}
.ntg-area-gameplay .gamemission-standard .area-radius {
    margin: 20px 0 0;

    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
}
.ntg-area-gameplay .gamemission-standard .area-radius .about-getmission {
    display: block;
    width: 100%;
    color: #000;
    text-align: center;
}
.ntg-area-gameplay .gamemission-standard .area-radius .about-getmission span {
    position: relative;
}
.ntg-area-gameplay .gamemission-standard .area-radius .about-getmission span::before {
    position: absolute;
    top: 2px;
    right: -15px;
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #494949;
    content: '';
    -webkit-transition: 0.5s;
            transition: 0.5s;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
.ntg-area-gameplay .gamemission-standard .area-radius .about-getmission span::after {
    position: absolute;
    top: -1px;
    right: -15px;
    width: 8px;
    height: 8px;
    background: #fff;
    content: '';
    -webkit-transition: 0.5s;
            transition: 0.5s;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
.ntg-area-gameplay .gamemission-standard .area-radius .about-getmission span.is-active::before {
    top: 4px;
}
.ntg-area-gameplay .gamemission-standard .area-radius .about-getmission span.is-active::after {
    top: -7px;
}
.ntg-area-gameplay .gamemission-standard .getmission-list {
    display: none;
    margin-top: 20px;
}
.ntg-area-gameplay .gamemission-standard .getmission-list li {
    padding-left: 1em;
    text-indent: -1em;
}
.ntg-area-gameplay .gamemission-standard .getmission-list li .nocover {
    margin-top: 10px;
    padding-left: 1em;
    text-align: left;
    text-indent: 0;
}
.ntg-area-gameplay .listinfo-standard {
    margin: 0;
    padding: 10px;
}
.ntg-area-gameplay .listinfo-standard .ntg-list-col1 li a {
    background-image: none;
}
.ntg-area-gameplay .info-standard {
    margin: 0;
    padding: 10px;
    background: #fff;
}
.ntg-area-gameplay .info-standard .area-radius {
    border: 1px solid #cdcdcd;
}
.ntg-area-gameplay .info-standard .info-community {
    margin-top: 10px;
    margin-bottom: 30px;
}
.ntg-area-gameplay .info-standard .info-community .heddgin-community {
    padding-bottom: 6px;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.4;
}
.ntg-area-gameplay .info-standard .info-community .wrapper-community {
    display: -webkit-box;
    display: -webkit-flex;
    display:         flex;
    width: 100%;
    padding: 7px 8px 7px 7px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
}
.ntg-area-gameplay .info-standard .info-community .wrapper-community-img {
    min-width: 54px;
    min-height: 54px;
    max-width: 54px;
    max-height: 54px;
    margin-right: 7px;
    border: 1px solid #ccc;
    border-radius: 2px;
    box-sizing: border-box;
}
.ntg-area-gameplay .info-standard .info-community .wrapper-community-img .community-img {
    width: 100%;
    height: 100%;
}
.ntg-area-gameplay .info-standard .info-community .wrapper-community-detail .community-title {
    display: -webkit-box;
    /* stylelint-disable-line property-no-vendor-prefix */
    overflow: hidden;
    margin-bottom: 4px;
    color: #3b5998;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.4;
    /* stylelint-disable-line value-no-vendor-prefix */

    -webkit-line-clamp: 2;
    /* stylelint-disable-line property-no-vendor-prefix */
    -webkit-box-orient: vertical;
}
.ntg-area-gameplay .info-standard .info-community .wrapper-community-detail .community-participant {
    display: -webkit-box;
    display: -webkit-flex;
    display:         flex;
}
.ntg-area-gameplay .info-standard .info-community .wrapper-community-detail .community-participant .wrapper-participant-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display:         flex;
    width: 14px;
    height: 14px;
    margin-right: 2px;

    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
}
.ntg-area-gameplay .info-standard .info-community .wrapper-community-detail .community-participant .participant {
    color: #7a7a7a;
    font-size: 12px;
    line-height: 1.4;
}
.ntg-area-gameplay .info-standard .info-sub a {
    display: block;
    color: #000;
    text-align: center;
}
.ntg-area-gameplay .info-standard .info-sub .info-list {
    width: 100%;
    text-align: center;
}
.ntg-area-gameplay .info-standard .info-sub .info-list li {
    display: inline-block;
    padding: 0 10px;
    border-left: 1px solid #cdcdcd;
}
.ntg-area-gameplay .info-standard .info-sub .info-list li:first-child {
    border: none;
}

/* ------------------------------
_setting.scss
------------------------------ */
.page-setting .box-push-check {
    margin-bottom: 10px;
    padding: 10px;
    background: #fff;
    text-align: center;
}
.page-setting .box-push-check .box-switch {
    display: -webkit-box;
    display: -webkit-flex;
    display:         flex;
    letter-spacing: -0.5em;
}
.page-setting .box-push-check .box-switch input {
    display: none;
}
.page-setting .box-push-check .box-switch 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 .box-switch 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 .box-switch .check-switch {
    padding: 10px;
    border: solid 1px #ccc;
    background: #fff;
    color: #999;
    letter-spacing: normal;
    font-weight: bold;
    font-size: 14px;
    box-sizing: border-box;

    -webkit-box-flex: 1;
    -webkit-flex: 1;
            flex: 1;
}
.page-setting .box-push-check .box-switch .check-switch:nth-of-type(1) {
    margin-right: 10px;
}
.page-setting .box-attention {
    display: block;
    margin: 0 10px 20px;
    padding: 8px 10px;
    border: solid 1px #b2b2b2;
    border-radius: 5px;
    background-color: #f0f0f0;
    box-shadow: 0 1px 1px #fff;
    color: #666;
    font-size: 12px;
    box-sizing: border-box;
}

/*------------------------------
_unsupport.scss
------------------------------*/
.ntg-area-unsupport {
    padding-right: 6px;
    padding-bottom: 12px;
    padding-left: 6px;
    background-color: #fff;
    text-align: center;
}

.ntg-box-unsupport {
    margin-top: 12px;
    margin-bottom: 6px;
    padding: 12px;
    background-color: #e3eaf1;
    text-align: center;
}
.ntg-box-unsupport .ttl-unsupport {
    font-weight: bold;
    font-size: 100%;
}
.ntg-box-unsupport .tx-unsupport {
    margin-top: 6px;
    font-size: 10px;
}

/*------------------------------
_buy_item.scss
------------------------------*/
.buy_item table {
    border-collapse: collapse;
}
.buy_item .continue-buy p {
    font-weight: bold;
}
.buy_item .continue-buy a {
    display: -webkit-box;
    display: -webkit-flex;
    display:         flex;

    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
}
.buy_item .box-bnr img {
    width: 100%;
    vertical-align: bottom;
}