@charset 'UTF-8';
/*--------------------------------------------
    girls
--------------------------------------------*/
                .page-girls-top .tx-lead {
                    margin: 5px 0 20px;
                    color: #4b3229;
                    font-size: 16px;
                }

                .page-girls-blgame .tx-lead {
                    margin: 3px 0 20px;
                    padding-top: 5px;
                    border-top: 2px solid #654236;
                    font-size: 16px;
                    color: #4b3229;
                }
                /* ========================= .sect-tab */

                .sect-tab:before {
                    display: block;
                    width: 100%;
                    height: 41px;
                    background: url(http://p.dmm.co.jp/p/dc_pcgame/girls/bg_lace.png) repeat-x;
                    left: 0;
                    content: "";
                }

                .sect-tab {
                    overflow: hidden;
                    margin-top: -28px;
                    background: #ffe8e6 url(http://p.dmm.co.jp/p/dc_pcgame/girls/bg.jpg) center;
                    list-style: none;
                    filter: 'progid: DXImageTransform.Microsoft.gradient( startColorstr=\'#dfe8eb\', endColorstr=\'#edf3f5\', GradientType=0)';
                }

                .sect-tab ul {
                    padding-left: 10px;
                }

                .sect-tab li {
                    float: left;
                    width: 165px;
                    list-style: none;
                }

                .sect-tab li a {
                    display: block;
                    margin-right: 5px;
                    padding: 15px 0;
                    border-bottom: none;
                    border-radius: 5px 5px 0 0;
                    background: /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffadb5+0,ffc8c8+100 */
                    background: #ffadb5;
                    /* Old browsers */
                    background: -moz-linear-gradient(top, #ffadb5 0%, #ffc8c8 100%);
                    /* FF3.6-15 */
                    background: -webkit-linear-gradient(top, #ffadb5 0%, #ffc8c8 100%);
                    /* Chrome10-25,Safari5.1-6 */
                    background: linear-gradient(to bottom, #ffadb5 0%, #ffc8c8 100%);
                    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffadb5', endColorstr='#ffc8c8', GradientType=0);
                    /* IE6-9 */
                    color: #654236;
                    font-size: 14px;
                    text-align: center;
                }

                .sect-tab li.on a {
                    padding: 15px 0;
                    color: #fff;
                }

                .sect-tab li a:hover {
                    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e85f83+0,f680a5+100 */
                    background: #e85f83;
                    /* Old browsers */
                    background: -moz-linear-gradient(top, #e85f83 0%, #f680a5 100%);
                    /* FF3.6-15 */
                    background: -webkit-linear-gradient(top, #e85f83 0%, #f680a5 100%);
                    /* Chrome10-25,Safari5.1-6 */
                    background: linear-gradient(to bottom, #e85f83 0%, #f680a5 100%);
                    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e85f83', endColorstr='#f680a5', GradientType=0);
                    /* IE6-9 */
                    text-decoration: none;
                    color: #fff;
                }

                .sect-tab li span {
                    display: inline-block;
                    vertical-align: bottom;
                }

                .sect-tab li.girls-top span {
                    background-position: -20px 0;
                }

                .sect-tab li.blgame span {
                    background-position: -40px 0;
                }

                .sect-tab li.on span {
                    background-position: 0 0;
                }

                .sect-tab li.girls-top.on a {
                    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e85f83+0,f680a5+100 */
                    background: #e85f83;
                    /* Old browsers */
                    background: -moz-linear-gradient(top, #e85f83 0%, #f680a5 100%);
                    /* FF3.6-15 */
                    background: -webkit-linear-gradient(top, #e85f83 0%, #f680a5 100%);
                    /* Chrome10-25,Safari5.1-6 */
                    background: linear-gradient(to bottom, #e85f83 0%, #f680a5 100%);
                    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e85f83', endColorstr='#f680a5', GradientType=0);
                    /* IE6-9 */
                }

                .sect-tab li.blgame.on a {
                    border-color: #654236;
                    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e85f83+0,f680a5+100 */
                    background: #e75d81;
                    /* Old browsers */
                    background: -moz-linear-gradient(top, #e85f83 0%, #f680a5 100%);
                    /* FF3.6-15 */
                    background: -webkit-linear-gradient(top, #e85f83 0%, #f680a5 100%);
                    /* Chrome10-25,Safari5.1-6 */
                    background: linear-gradient(to bottom, #e85f83 0%, #f680a5 100%);
                    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e85f83', endColorstr='#f680a5', GradientType=0);
                    /* IE6-9 */
                }

                .sect-tab li.on span a {
                    background-position: 0 0;
                }

                .page-girls-top .sect-tab {
                    border-bottom: 2px solid #654236;
                }

                .page-girls-blgame .sect-tab {
                    border-bottom: 2px solid #654236;
                }

                .page-girls-otomegame .sect-tab {
                    border-bottom: 2px solid #ff7495;
                }
                /* ========================= .head */

                .sect-head .main-image {
                    position: relative;
                    overflow: hidden;
                    margin: 0;
                    border-bottom: 2px solid #654236;
                    text-align: center;
                }

                .sect-head .main-image img {
                    margin: 0 -385px;
                }

                .sect-head hr {
                    border: 1px solid #654236;
                    margin-top: 3px;
                }
                /* ========================= .sect-slide */

                .sect-slide {
                    border-bottom: 2px solid #654236;
                    background: #ffefee;
                    text-align: center;
                }

                .sect-slide .box-slide {
                    display: inline-block;
                    position: relative;
                    height: 220px;
                    margin: 0 auto;
                    padding-right: 230px;
                    background: #ffe8e6;
                    vertical-align: top;
                    overflow: hidden;
                }

                .sect-slide .banner-list {
                    width: 100%;
                    margin-top: 220px;
                }

                .sect-slide .banner-list li {
                    display: none;
                    position: relative;
                    height: 220px;
                    margin-top: -220px;
                }

                .sect-slide .banner-list li.on {
                    display: block;
                }

                .sect-slide .banner-list li a {
                    display: block;
                    width: 100%;
                    text-align: center;
                }

                #content .banner-box {
                    margin-bottom: 30px;
                }

                #content .banner-box li:hover {
                    opacity: 0.7;
                }

                .sect-slide .thumb-list {
                    position: absolute;
                    top: 0;
                    right: 0;
                    width: 230px;
                    height: 235px;
                }

                .sect-slide .thumb-list li {
                    position: relative;
                    background: #efefef;
                    font-size: 14px;
                    line-height: 41px;
                }

                .sect-slide .thumb-list li.on {
                    background: #fff;
                }

                .sect-slide .thumb-list li a {
                    display: block;
                    height: 42px;
                    padding: 6px 6px 6px 85px;
                    border-bottom: 1px solid #d8d8d8;
                    color: #666;
                    font-size: 12px;
                    text-decoration: none;
                    text-align: left;
                    overflow: hidden;
                }

                .sect-slide .thumb-list li.on a {
                    color: #333;
                }

                .sect-slide .thumb-list img {
                    position: absolute;
                    top: 5px;
                    left: 10px;
                    border: 1px #ccc solid;
                    opacity: 0.6;
                    -ms-filter: 'alpha( opacity=60 )';
                    filter: 'alpha(opacity 60)';
                }

                .sect-slide .thumb-list li.on img {
                    opacity: 1;
                    -ms-filter: 'alpha( opacity=100 )';
                    filter: 'alpha(opacity 100)';
                }
                /* ========================= [ #content ] */

                #content {
                    display: table-cell;
                    width: 100%;
                    padding-right: 10px;
                    box-sizing: border-box;
                }

                #content .capt {
                    height: 64px;
                    margin-bottom: 20px;
                    background: url(http://p.dmm.co.jp/p/dc_pcgame/girls/capt.png) repeat-x;
                    padding: 19px 0 0 15px;
                    box-sizing: border-box;
                }

                #content .banner-box ul {
                    overflow: hidden;
                    max-width: 1020px;
                    margin: 0 auto;
                }

                #content .banner-box ul li {
                    float: left;
                    width: 50%;
                    padding: 0 5px;
                    box-sizing: border-box;
                }

                #content .banner-box ul li img {
                    width: 100%;
                    height: auto;
                }

                #content .morelink {
                    margin: 10px 0 50px;
                }

                #content .morelink a {
                    display: block;
                    position: relative;
                    width: 300px;
                    margin: 0 auto;
                }

                #content .morelink a:hover {
                    opacity: 0.7;
                }

                /* ========================= 大枠の整形 */

                .page-girls-top #content {
                    padding-right: 0;
                }

                .box-side {
                    display: table-cell;
                    position: relative;
                    vertical-align: top;
                }

                .box-side #d-side-r {
                    margin-left: 0;
                }