@charset "utf-8";
/* CSS Document */




/*GALS-------------------------------------------------------------------GALS*/
#galslist {
}

.rank {
    padding: 8px 0 0 50px;
}

li {
    list-style: none outside none;
}


#galslist h3 {
    height: 45px;
    margin: 20px auto 0px auto;
    width: 910px;
    text-align: right;
}

h4 {
    font-weight: bold;
}

.girlNameText {
    border: 2px solid #ddc4a6;
    border-radius: 5px;
    color: #333;
    font-size: 14px;
    font-weight: bold;
    margin-left: 100px;
    padding: 3px;
}

/*--�S�[���h--*/
ul.clv {
    height: auto;
    margin: 0 auto;
    padding: 0;
    /*position: relative;*/
    width: 910px;
    overflow: hidden;
}

    ul.clv li {
        background: url("/img/gals/bg_list.png") no-repeat scroll center bottom transparent;
        float: left;
        height: 270px;
        margin: 10px 5px 3px 7px;
        position: relative;
        width: 170px;
    }

        ul.clv li.b2nd {
            background: url("/img/gal/bg_rg2.png") no-repeat scroll center bottom transparent;
        }

        ul.clv li .icon_today {
            left: 4px;
            position: absolute;
            top: 4px;
            z-index: 50;
        }

        ul.clv li .icon_b-2nd {
            height: 20px;
            left: 106px;
            position: absolute;
            top: 193px;
            width: 60px;
        }

        ul.clv li .icon_mg {
            right: 5px;
            position: absolute;
            top: 205px;
            z-index: 50;
        }

        ul.clv li img.photo {
            display: block;
            height: 200px;
            margin: 8px auto 4px;
            width: 150px;
        }

        ul.clv li h4 {
            color: #ff7315;
            font-size: 14px;
            margin-left: 10px;
            margin-top: -3px;
            width: 125px;
        }

        ul.clv li h5 {
            color: #4C3D43;
            font-size: 10px;
            font-weight: normal;
            margin-left: 10px;
        }







/*--�V���o�[--*/

ul.bgn {
    height: auto;
    margin: 0 auto;
    padding: 0;
    /*position: relative;*/
    width: 910px;
    overflow: hidden;
}

    ul.bgn li {
        background: url("/img/gals/bg_bgn.png") no-repeat scroll center bottom transparent;
        float: left;
        height: 270px;
        margin: 10px 5px 3px 7px;
        position: relative;
        width: 170px;
    }

        ul.bgn li.b2nd {
            background: url("/img/gals/bg_rg2.png") no-repeat scroll center bottom transparent;
        }

        ul.bgn li .icon_today {
            left: 4px;
            position: absolute;
            top: 4px;
            z-index: 50;
        }

        ul.bgn li .icon_b-2nd {
            height: 20px;
            left: 106px;
            position: absolute;
            top: 193px;
            width: 60px;
        }

        ul.bgn li .icon_mg {
            right: 5px;
            position: absolute;
            top: 210px;
            z-index: 50;
        }

        ul.bgn li img.photo {
            display: block;
            height: 200px;
            margin: 8px auto 4px;
            width: 150px;
        }

        ul.bgn li h4 {
            color: #ff7315;
            font-size: 12px;
            margin-left: 10px;
            width: 125px;
            margin-top: -3px;
        }

        ul.bgn li h5 {
            color: #4C3D43;
            font-size: 10px;
            font-weight: normal;
            margin-left: 10px;
        }


/*--���M�����[--*/

ul.qen {
    height: auto;
    margin: 0 auto;
    padding: 0;
    /*position: relative;*/
    width: 910px;
    overflow: hidden;
}

    ul.qen li {
        background: url("/img/gals/bg_list.png") no-repeat scroll center bottom transparent;
        float: left;
        height: 270px;
        margin: 10px 5px 3px 7px;
        position: relative;
        width: 170px;
    }

        ul.qen li.b2nd {
            background: url("/img/gals/bg_rg2.png") no-repeat scroll center bottom transparent;
        }

            ul.qen li.b2nd h4 {
                color: #733E8C;
            }

        ul.qen li .icon_today {
            left: 4px;
            position: absolute;
            top: 4px;
            z-index: 50;
        }


        ul.qen li .icon_newp1 {
            left: 4px;
            position: absolute;
            top: 9px;
            z-index: 55;
        }

        ul.bgn li .icon_newp1 {
            left: 4px;
            position: absolute;
            top: 9px;
            z-index: 55;
        }


        ul.qen li .icon_newp {
            left: 4px;
            position: absolute;
            top: -10px;
            z-index: 55;
        }

        ul.qen li .icon_b-2nd {
            height: 20px;
            left: 106px;
            position: absolute;
            top: 193px;
            width: 60px;
        }

        ul.qen li .icon_mg {
            right: 5px;
            position: absolute;
            top: 210px;
            z-index: 50;
        }

        ul.qen li img.photo {
            display: block;
            height: 200px;
            margin: 8px auto 4px;
            width: 150px;
        }

        ul.qen li h4 {
            color: #ff7315;
            font-size: 12px;
            margin-left: 10px;
            width: 125px;
            margin-top: -3px;
        }


ul.qen li .galsdendou{
    display: flex;
    color: rgba(47, 79, 79, 1);
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8), 0px 0px 8px rgba(255, 255, 255, 0.9);
    font-weight: bold;
}


ul.qen li .galsplatinum {
    display: flex;
    color: rgba(111, 111, 111, 1);
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.9), 0px 0px 8px rgba(255, 255, 255, 0.9);
    font-weight: bold;
}


        ul.qen li h5 {
            color: #4C3D43;
            font-size: 10px;
            font-weight: normal;
            margin-left: 10px;
        }


/*--�a��--*/

ul.den {
    height: auto;
    margin: 0 auto;
    padding: 0;
    /*position: relative;*/
    width: 910px;
    overflow: hidden;
}

    ul.den li {
        background: url("/img/gals/bg_list.png") no-repeat scroll center bottom transparent;
        float: left;
        height: 270px;
        margin: 10px 5px 3px 7px;
        position: relative;
        width: 170px;
    }

        ul.den li.b2nd {
            background: url("/img/gals/bg_rg2.png") no-repeat scroll center bottom transparent;
        }

            ul.den li.b2nd h4 {
                color: #733E8C;
            }

        ul.den li .icon_today {
            left: 4px;
            position: absolute;
            top: 4px;
            z-index: 50;
        }

        ul.den li .icon_b-2nd {
            height: 20px;
            left: 106px;
            position: absolute;
            top: 193px;
            width: 60px;
        }

        ul.den li .icon_mg {
            right: 5px;
            position: absolute;
            top: 201px;
            z-index: 50;
        }

        ul.den li img.photo {
            display: block;
            height: 200px;
            margin: 8px auto 4px;
            width: 150px;
        }

        ul.den li h4 {
            color: #ff7315;
            font-size: 12px;
            letter-spacing: -1px;
            margin-left: 10px;
            width: 125px;
        }

        ul.den li h5 {
            color: #4C3D43;
            font-size: 10px;
            font-weight: normal;
            margin-left: 10px;
        }


ul.bgn li,
ul.qen li {
    height: 330px;
    background-size: cover;
}





#galslist .mark_text {
    clear: both;
    text-align: right;
    margin: 10px 0 0;
    font-size: 10px;
    font-weight: bold;
    width: 790px;
}

#galslist .sub_title {
    clear: both;
    text-align: center;
    margin-top: 10px;
    font-size: 10px;
    font-weight: bold;
}


/*GALS-hayaban*/

#galslist .box_haya {
    background-image: url("/img/gals/bg_gals_reg.jpg");
    background-repeat: no-repeat;
    float: left;
    height: 307px;
    margin-bottom: 5px;
    margin-right: 11px;
    margin-top: 5px;
    position: relative;
    width: 186px;
}

    /* #galslist .box_haya .name{
	font-size: 12px;
	font-weight: bold;
	color: #660066;
	line-height: 15px;
	margin-top:3px;
	text-align: center;
}

#galslist .box_haya .body{
	font-size: 10px;
	margin-top:2px;
	color: #660066;
	text-align: center;
}*/

    #galslist .box_haya img.flame_reg {
        left: 0;
        position: absolute;
        top: 9px;
    }

#galslist .galsthum {
    width: 180px;
    height: 240px;
    margin: 3px 2px 6px 2px;
    /*	border: 1px solid #FFF;*/
    text-align: right;
    vertical-align: bottom;
    background-repeat: no-repeat;
}

#galslist .box_haya {
    width: 186px;
    height: 307px;
    float: left;
    background-image: url(/img/gals/bg_haya.gif);
    background-repeat: no-repeat;
    margin-right: 11px;
    margin-top: 5px;
    margin-bottom: 5px;
}

    #galslist .box_haya .name {
        font-size: 12px;
        font-weight: bold;
        color: #660066;
        line-height: 13px;
        margin-top: 0px;
        text-align: center;
    }

    #galslist .box_haya .body {
        font-size: 10px;
        margin-top: 0px;
        color: #660066;
        text-align: center;
    }


/*GALS-osoban*/

#galslist .box_oso {
    width: 126px;
    height: 210px;
    float: left;
    background-image: url(/img/gals/bg_oso.gif);
    background-repeat: no-repeat;
    margin-right: 5px;
    margin-top: 5px;
}

    #galslist .box_oso .name {
        font-size: 12px;
        font-weight: bold;
        color: #9B2B4D;
        line-height: 15px;
        margin-top: 0px;
        text-align: center;
    }

    #galslist .box_oso .body {
        font-size: 10px;
        margin-top: 0px;
        color: #9B2B4D;
        text-align: center;
    }

/*GALS-sonota*/
#galslist .box_sonota {
    width: 126px;
    height: 210px;
    float: left;
    background-image: url(/img/gals/bg_sonota.gif);
    background-repeat: no-repeat;
    margin-right: 5px;
    margin-top: 5px;
}

    #galslist .box_sonota .name {
        font-size: 12px;
        font-weight: bold;
        color: #663333;
        line-height: 13px;
        margin-top: 0px;
        text-align: center;
    }

    #galslist .box_sonota .body {
        font-size: 10px;
        margin-top: 0px;
        color: #663333;
        text-align: center;
    }

#galslist .thum {
    clear: both;
    margin: 3px 2px 2px 2px;
    border: 1px solid #FFF;
}

#galslist .icon {
    margin: 0px 0px 0px 4px;
    padding: 0px;
    width: 126;
    height: 16px;
}

#galslist .blog {
    clear: both;
    text-align: center;
    padding-top: 1px;
}

#galslist .member_bookmark {
    width: 520px;
    margin: 10px auto;
    color: #FF0000;
}

img.cach_mat {
    float: right;
    margin: 10px 0px;
}

img.ic_mat {
    position: absolute;
    right: 42px;
    top: 210px;
    z-index: 10;
}

    .icon_mg[src*="mark_M_no.png"],
    img.ic_mat[src*="ic_mat_no.png"] {
        filter: grayscale();
    }

img.syame {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1;
}

img.enrollment {
    position: absolute;
    left: 118px;
    top: 138px;
    z-index: 0;
    width: 25%;
  
}


li img:hover {
    opacity: 1;
}


.voice {
    background: url("/common/img/supika.png") no-repeat scroll 40% 40% / 20px auto #4DCBD7;
    border-radius: 50%;
    color: #ffffff;
    cursor: pointer;
    font-size: 16px;
    height: 25px;
    margin: 5px;
    position: absolute;
    right: 0;
    top: 0;
    width: 25px;
    z-index: 100;
}

img.mark_nf {
    left: 5px;
    position: absolute;
    top: 238px;
    width: 75%;
    z-index: 999;
}


#galslist .mainframe {
    margin-left: 17px;
    margin-top: 10px;
    width: 790px;
}

#galslist ul li.b2nd .icon_rank {
    display: none;
}



/* ランク表示 文字サイズと位置調整 */
#galslist .rankBlock {
    position: absolute;
    bottom: 73px;
    right: 2px;
    top: inherit !important;
    left: inherit !important;
}

    #galslist .rankBlock span {
        font-size: 10px;
        display: inline-block;
        float: right;
        padding: 2px 10px;
        transform: rotate(-5deg);
        box-shadow: 1px 1px 2px rgba(0,0,0,.5);
    }

        #galslist .rankBlock span:first-letter {
            font-size: 12px;
        }




img.ic_girl {
    position: absolute;
    bottom: 122px;
    right: 10px;
    width: 120px;
    z-index: 2;
}

img.nf_icon {
    position: absolute;
    bottom: 122px;
    width: 33px;
    left: 10px;
    z-index: 2;
}

img.tw_icon {
    position: absolute;
    bottom: 122px;
    width: 33px;
    left: 10px;
    z-index: 2;
}


img.tw_icon2 {
    position: absolute;
    bottom: 155px;
    width: 33px;
    left: 10px;
    z-index: 2;
}

img.jy_icon {
    position: absolute;
    bottom: 122px;
    width: 33px;
    left: 10px;
    z-index: 2;
}

img.jy_icon2 {
    position: absolute;
    bottom: 157px;
    width: 33px;
    left: 10px;
    z-index: 2;
}


ul.typeIcon {
    padding: 3px;
    position: absolute;
    bottom: 10px;
    width: calc(100% - 6px);
}

    ul.typeIcon li {
        text-align: center !important;
        background-image: none !important;
        display: block;
        width: calc(100%/2 - 2px);
        background-color: #ff8cc5 !important;
        color: #ffffff;
        font-size: 12px;
        margin: 1px;
        padding: 5px 0 !important;
        border: none !important;
        float: left;
        border-radius: 0;
        height: auto !important;
    }

img.waku {
    position: absolute;
    top: 0;
    left: 3px;
}




/* 検索フォーム */

#search {
    position: relative;
}

.search_box {
    width: 534px;
    background-color: #FFFFFF;
    border: 1px solid #663333;
    margin-top: 10px;
    margin-left: 13px;
    margin-left: 6px;
    float: left;
}

*:first-child + html .search_box {
    margin-left: 13px;
}

.search {
    background-color: #FFFFFF;
}

.search_icon {
    height: 12px;
    width: 126px;
    margin-top: 7px;
}

.searchBox {
    background: none repeat scroll 0 0 #fbf7ee;
    border: 1px solid #ddc4a6;
    border-radius: 5px;
    margin: 20px 0 10px 50px;
    overflow: hidden;
    width: 500px;
}

    .searchBox ul {
        overflow: hidden;
    }

        .searchBox ul li {
            border-bottom: 1px solid #ddc4a6;
            color: #9a7b69;
            cursor: pointer;
            float: left;
            font-size: 16px;
            font-weight: bold;
            height: 20px;
            line-height: 20px;
            width: 250px;
            text-align: center;
        }

.searchOn {
    background: none repeat scroll 0 0 #9c7d6b;
    color: #fff !important;
}

.searchBox ul li:nth-child(2) {
    width: 250px;
}

.nameSearchBox {
    padding: 5px;
    text-align: center;
}

.searchBtn {
    background: none repeat scroll 0 0 #fff;
    border: 2px solid #9c7d6b;
    border-radius: 5px;
    color: #9c7d6b;
    display: inline-block;
    float: right;
    font-size: 14px;
    font-weight: bold;
    height: 28px;
    vertical-align: top;
    width: 100px;
    margin-bottom: 5px;
    margin-right: 5px;
}

.detailSearchBox {
    font-size: 12px;
    padding: 5px 10px;
    margin-left: 0px;
    font-weight: bold;
}

.searchBox select {
    border: 2px solid #ddc4a6;
    border-radius: 5px;
    color: #333;
    font-size: 13px;
    margin-right: 0px;
    margin-bottom: 5px;
    padding: 3px;
}