@charset 'UTF-8';
/*--------------------------------------------
    floor_guide
--------------------------------------------*/
.page-floor-guide .area-menu {
    padding: 12px;
    border: solid 1px #eee;
}

.page-floor-guide .area-menu .ttl {
    margin: 12px 0 15px;
    color: #f20089;
    text-align: left;
    font-weight: bold;
    font-size: 24px;
    line-height: 1;
}

.page-floor-guide .area-menu .nav {
    width: 100%;
    font-size: 0;
}

.page-floor-guide .area-menu .nav li {
    display: inline-block;
    width: 33.33%;
    border-left: solid 1px #fff;
    background: #e7e7e7;
    vertical-align: top;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    line-height: 30px;
    box-sizing: border-box;
}

.page-floor-guide .area-menu .nav li a {
    display: block;
    color: #333;
    text-decoration: none;
    transition: all 0.3s;
}

.page-floor-guide .area-menu .nav li a:hover {
    background: #f20089;
    color: #fff;
}

.page-floor-guide .area-menu .nav li:first-child {
    border: none;
}

.page-floor-guide .area-menu .nav li.active {
    background: #f20089;
    color: #fff;
}

.page-floor-guide .area-main {
    padding: 0 15px;
}

.page-floor-guide .area-main .fg-sect {
    margin-bottom: 30px;
}

.page-floor-guide .area-main .fg-capt {
    margin-bottom: 12px;
    padding-bottom: 3px;
    border-bottom: 1px solid #f20089;
}

.page-floor-guide .area-main .fg-capt span {
    padding-left: 8px;
    border-left: 5px solid #f20089;
}

.page-floor-guide .area-main .fg-box {
    padding: 15px;
    border: 1px #dfdfdf solid;
    background: #f8f8f8;
    box-sizing: border-box;
}

.page-floor-guide .area-main .fg-tx-pink {
    color: #f20089;
}

.page-floor-guide.is-startguide .sect-service .list {
    width: 100%;
    padding-right: 41px;
    text-align: center;
    font-size: 0;
    box-sizing: border-box;
}

.page-floor-guide.is-startguide .sect-service .list li {
    position: relative;
    display: inline-block;
    padding-left: 41px;
    background: url(http://p.dmm.co.jp/p/dc_pcgame/music/ico_arrow_pink.png) no-repeat left center;
    vertical-align: top;
    box-sizing: border-box;
}

.page-floor-guide.is-startguide .sect-service .list li:first-child {
    background: none;
}

.page-floor-guide.is-startguide .sect-service .col-2 li {
    width: 50%;
}

.page-floor-guide.is-startguide .sect-service .col-3 li {
    width: 33.33%;
}

.page-floor-guide.is-startguide .sect-service .capt {
    margin-bottom: 6px;
    color: #f20089;
    font-weight: bold;
    font-size: 14px;
}

.page-floor-guide.is-startguide .sect-service .text {
    margin-top: 6px;
    font-size: 12px;
    line-height: 1.4;
}

.page-floor-guide.is-startguide .sect-bannerlink .link-free {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.page-floor-guide.is-startguide .sect-bannerlink .link-free .link-left {
    display: table-cell;
    width: 200px;
    padding-right: 12px;
    vertical-align: middle;
}

.page-floor-guide.is-startguide .sect-bannerlink .link-free .link-right {
    display: table-cell;
    padding-left: 12px;
    border-left: 1px #999 dashed;
    vertical-align: top;
}

.page-floor-guide.is-startguide .sect-bannerlink .link-free .link-right pre {
    white-space: pre-wrap;
    word-wrap: break-word;
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

.page-floor-guide.is-startguide .sect-bannerlink .link-list li {
    margin: 3px 0;
}

.page-floor-guide.is-howto .sect-howto-nav .nav {
    font-size: 0;
}

.page-floor-guide.is-howto .sect-howto-nav .nav li {
    display: inline-block;
    padding-left: 25px;
    background: url(http://p.dmm.co.jp/p/ds/top/guide/arrow_tnavi.gif) no-repeat 8px 52px;
    vertical-align: top;
}

.page-floor-guide.is-howto .sect-howto-nav .nav li:first-child {
    padding-left: 0;
    background: none;
}

.page-floor-guide.is-howto .sect-howto-nav .step {
    color: #d41169;
    font-weight: bold;
    font-size: 14px;
}

.page-floor-guide.is-howto .sect-howto-nav .step .tx-no {
    font-size: 20px;
}

.page-floor-guide.is-howto .sect-howto-nav .btn-box {
    overflow: hidden;
    border: #dadada 1px solid;
    border-radius: 5px;
    background: #fff url(http://p.dmm.co.jp/p/common/bt/bg_guide_howtonavi.gif) repeat-x center bottom;
    text-align: center;
    box-sizing: border-box;
    transition: all 0.3s;
}

.page-floor-guide.is-howto .sect-howto-nav .btn-box .btn {
    display: table;
    width: 160px;
    height: 50px;
    color: #333;
    table-layout: fixed;
    text-decoration: none;
    font-size: 16px;
    transition: all 0.3s;
}

.page-floor-guide.is-howto .sect-howto-nav .btn-box .btn > span {
    display: table-cell;
    width: 160px;
    height: 50px;
    vertical-align: middle;
    text-align: center;
}

.page-floor-guide.is-howto .sect-howto-nav .btn-box .lines {
    display: block;
    text-align: center;
    font-size: 12px;
}

.page-floor-guide.is-howto .sect-howto-nav .btn-box:hover {
    border: #d41169 1px solid;
}

.page-floor-guide.is-howto .sect-howto-nav .btn-box:hover .btn {
    color: #d41169;
}

.page-floor-guide.is-howto .capt-step {
    padding: 12px 0;
    background: url(http://p.dmm.co.jp/p/ppm/guide/bg_capt02.gif) repeat-x center;
}

.page-floor-guide.is-howto .capt-step > span {
    padding-right: 5px;
    background: #fff;
    color: #d41169;
    vertical-align: middle;
    font-weight: bold;
    font-size: 16px;
}

.page-floor-guide.is-howto .step-list {
    margin: -15px 0;
}

.page-floor-guide.is-howto .step-list > li {
    padding: 15px 0;
    border-top: 1px #999 dashed;
}

.page-floor-guide.is-howto .step-list > li:first-child {
    border-top: none;
}

.page-floor-guide.is-howto .step-list .thumb {
    width: 230px;
    border: 1px #999 solid;
    background: #fff;
}

.page-floor-guide.is-howto .step-list .thumb img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: auto;
}

.page-floor-guide.is-howto .sub-step-list {
    margin: -10px 0;
}

.page-floor-guide.is-howto .sub-step-list > li {
    padding: 10px 0;
}

.page-floor-guide.is-howto .step-row {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.page-floor-guide.is-howto .step-row .col-left {
    display: table-cell;
    width: 230px;
    vertical-align: top;
}

.page-floor-guide.is-howto .step-row .col-right {
    display: table-cell;
    padding-left: 15px;
    vertical-align: top;
}

.page-floor-guide.is-howto .step-row .col-right pre {
    white-space: pre-wrap;
    word-wrap: break-word;
}

.page-floor-guide.is-howto .step-table {
    min-width: 230px;
    margin: 12px 0;
    border-collapse: collapse;
}

.page-floor-guide.is-howto .step-table th {
    padding: 6px;
    border: solid 1px #999;
    background: #f20089;
    color: #fff;
}

.page-floor-guide.is-howto .step-table td {
    padding: 6px;
    border: solid 1px #999;
    background: #fff;
}