@charset 'UTF-8';
/* -------------------------------------------------------------

  動画配信CSS
  last-mod:00-00-00 name

-------------------------------------------------------------*/
p.item_title {
    width: 100%;
    padding: 5px 10px;
    color: #fff;
    background: #f4569c;
}
#commonDougaList dl {
    height: 70px;
    overflow: hidden;
}
#commonDougaList dl dd {
    margin-top: 5px;
    margin-left: 130px;
}
/* 動画タイトル */
#commonDougaList span.dougaTitle {
    font-size: 16px;
    font-weight: bold;
    color: #0080de;
}
/* 動画再生時間 */
#commonDougaList .dougaTime {
    margin-right: 10px;
    font-size: 14px;
    color: #40a940;
}
dt.block {
    width: 118px;
    height: 68px;
    margin: 5px 0 0 5px;
    padding: 0;
    position: relative;
    float: left;
    text-align: center;
    background: #000;
}
#commonDougaList a {
    padding: 0;
    background: none;
}
img.img {
    max-width: 118px;
    height: 68px;
    top: 5px;
    left: 10px;
}
span.sec {
    padding: 1px 5px 1px 5px;
    font-size: 10px;
    position: absolute;
    top: 47px;
    left: 85px;
    color: #fff;
    border-radius: 3px;
    background: rgba(0, 0, 0, 0.7);
}
p.time {
    font-size: 12px;
    color: #00a712;
}
#red {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    text-align: center;
    background: rgba(192, 192, 192, 0.7);
}
#red p {
    padding: 4px 10px 4px 30px;
    position: relative;
    top: 25px;
    display: inline-block;
    text-align: center;
    color: #fff;
    border-radius: 10px;
    background: url(/sp/st_img/osusume_next_bl_none-bc143171c8d63b7beeffef25a3390804.png) no-repeat 6px center;
    background-color: #666;
}
#topDouga {
    margin: 0;
    padding: 0;
    line-height: 0;
    text-align: center;
}
#Douga_sorce {
    margin: 0;
    padding: 0;
}
#topDouga li.douga_item {
    border-bottom: 0 none #fff;
    background: #000;
}
.report{
    text-decoration:underline;
    margin:5px 5px 0 5px;
}
.report a{
    color:#0069c0;
}
#pos {
    width: 470px;
    margin: 0 auto;
    padding: 10px 0 10px 0;
    text-align: left;
}
#topDouga p.topDouga_title {
    margin: 0 5px 10px 5px;
    font-weight: bold;
}
#topDouga span.topDouga_time {
    margin: 0 5px 0 5px;
    font-size: 12px;
    color: #696969;
}
#topDouga span.topDouga_saisei {
    margin-left: 10px;
}

.topDouga_info{
    margin-top:-8px;
}

/* 動画関連 */
#Douga_sorce dl {
    margin: 0;
    padding: 0;
}
#Douga_sorce dl dt {
    width: auto;
    max-width: 480px;
    height: auto;
    margin: 0 auto;
    position: relative;
}
video.video {
    width: 100%;
    max-width: 320px;
    max-height:180px;
    background-color: #000;
}
#dougabutton {
    width: 100%;
    max-width: 480px;
    position: absolute;
    top: 35%;
    display: block;
    text-align: center;
}
/*12月*/
.dougaList02 {
    margin-top: 1px;
}
/* -------------------------------------------------------------

   お勧め動画

-------------------------------------------------------------*/

#osusume_title {
    margin-bottom: 10px;
    text-align: center;
}
p.center {
    text-align: center;
    border-top: solid 1px #f5f5f5;
}
li.item {
    margin-bottom: 8px;
    padding: 0 10px 0 0;
    overflow: hidden;
    border-top: solid 1px #dcdcdc;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.7, #f5f5f5), to(#dcdcdc));
    background: linear-gradient(to bottom, #fff, #f5f5f5 70%, #dcdcdc);
}
li.osusumedouga {
    padding: 10px 4px 4px;
    overflow: hidden;
    text-align: center;
    border-bottom: 0 none #fff;
    background-color: #fff;
}
ul.osusumeMovie {
    background-color: #c6c6c6;
}
li.osusumedouga dl {
    margin: 0;
}
li.osusumedouga dl dd {
    width: 320px;
    margin: 0 auto;
}
dt.girlDate {
    float: left;
}
dt.girlDate img {
    width: 60px;
}
dl dd.naka {
    margin-left: 64px;
}
dl dd p.item_info {
    font-size: 14px;
}
p.hitokoto {
    width: 100%;
    padding-left: 10px;
    text-align: left;
    color: #ed1e79;
}
.item .hitokoto span {
    margin: 2px;
    font-weight: bold;
    display: inline-block;
    color: #ed1e79;
}
.girlRecommend {
    overflow: hidden;
}
.girlRecommend dd.naka .name {
    margin: 0 0 3px;
    padding: 0 0 0 23px;
    font-size: 17px;
    color: #0080de;
    background: url(/sp/st_img/icon_girl-0f3b233713840c09db4caf8d1e38ad73.png) no-repeat left 3px;
    -webkit-background-size: 18px 18px;
    background-size: 18px 18px;
}
.girlRecommend dd.naka .shop {
    margin: 0 0 3px;
    padding: 0 0 0 23px;
    font-size: 14px;
    display: inline-block;
    color: #333;
    background: url(/sp/st_img/icon_tenpo-f877633c1bb15c645eeffbf32622893b.png) no-repeat top left;
    -webkit-background-size: 17px 17px;
    background-size: 17px 17px;
}
p.button {
    width: 100%;
    max-width: 480px;
    position: absolute;
    top: 35%;
    display: block;
    text-align: center;
}
p.viewNum {
    border-bottom: 0 none #fff;
}
p.viewNum2 {
    border-bottom: 1px solid #a0a0a0;
}
/* おすすめムービーからバックナンバーページへのリンク */
.osusumeBackNumber li {
    text-align: left;
}
.osusumeBackNumber li a {
    padding: 8px 10px 8px 20px;
    display: block;
    text-align: center;
    color: #000b4f;
    background: url(/sp/st_img/cur_gray-2246529004c09c9c11444fa6d59cb6c2.png) no-repeat right center;
    -webkit-background-size: 19px 14px;
    background-size: 19px 14px;
}
.notMovie {
    padding: 10px 26px 10px 10px;
}
#commonPersonList .date {
    font-size: 11px;
}
#commonPersonList .shopName {
    font-size: 10px;
}
#commonPersonList .shopType {
    font-size: 10px;
}
#commonPersonList p .icon {
    /*  display:none;*/
}
#commonpersonlist.pmovielist .movietitle {
    height: auto;
}
#commonPersonList p {
    line-height: 1.4;
}
/* 3サイズ表示体系 */
#commonPersonList .spec {
    font-size: 13px;
    display: inline-block;
}
/* 動画タイトル */
#commonPersonList .movieTitle {
    height: 1.1em;
    padding-left: 2px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.1em;
    display: block;
    overflow: hidden;
    color: #0080de;
}
#commonPersonList .name {
    padding-left: 14px;
    font-size: 11px;
    font-weight: normal;
    color: #800;
    -webkit-background-size: 10px 10px;
    background-size: 10px 10px;
}
#commonPersonList dl dt {
    width: 128px;
    overflow: hidden;
    text-align: center;
    background-color: #000;
}
#commonPersonList dl dt img {
    width: auto;
    max-width: initial;
    height: 72px;
}

/* ------------------------------------------------------------
  10. アイテム動画ランキング用
------------------------------------------------------------- */


p.syukei {
    padding: 5px 0 0 0;
    text-align: center;
}
p.moreView {
    border-top: 1px #c6c6c6 solid;
}
.commonItemMovieList02 li {
    padding-bottom: 5px;
}
.commonList03 li {
    padding-bottom: 5px;
}
.commonList03 li a {
    padding: 10px;
}
/* 各ガイドからムービーページヘリンク */
#movie_sentaku_box p.moreRank {
    border-bottom: 1px solid #808080;
}
#movie_sentaku_box p.moreRank a {
    color: #666;
    background: url(/sp/st_img/cur_gray-2246529004c09c9c11444fa6d59cb6c2.png) no-repeat right center;
    background-color: #fff;
    -webkit-background-size: 16px 16px;
    background-size: 16px 16px;
}
#movie_sentaku_box:last-child p.moreRank {
    border-bottom: none;
}
/* -------------------------------------------------------------

  動画ＰＯＰ
  last-mod:00-00-00 name

-------------------------------------------------------------*/
#popbody {
    margin: 0;
    padding: 0;
    position: relative;
    background-color: #000;
}
#flash {
    color: #fff;
}
/* おすすめバックナンバー */
.osusumeBN li {
    border-top: 1px solid #c6c6c6;
}
.osusumeBN li a {
    padding: 10px 16px 10px 10px;
    font-weight: bold;
}
div.osusumeimg {
    text-align: center;
    background-color: #000;
}
div.osusumeimg img {
    width: 100%;
    max-width: 480px;
}
/* -------------------------------------------------------------

  動画ランキング
  last-mod:00-00-00 name

-------------------------------------------------------------*/
#rankingBumon {
    border-bottom: solid 6px #90f898;
}
#rankingBumon li.current_douga a {
    color: #204820;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #90f898;
}
#rankingbumon li a {
    height: auto;
    padding: 5px 0;
    line-height: 16px;
}
span.pray {
    font-size: 12px;
    margin-left: 10px;
}
.box_info .play {
    font-size: 12px;
    margin-left:10px;
}

/* 動画部分パーツ
 --------------------------------------- */
/* 3並び動画
 -------------------------------- */
.mv_showcase {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 0 auto 10px;
}
.mv_showcase_inner {
    width: 33%;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 4px;
}
.mv_showcase_inner:first-child {
    padding-left: 4px;
}
.mv_showcase_inner:last-child {
    padding-right: 4px;
}
.box_img {
    margin: auto;
    max-width: 180px;
}
.mv_showcase .thumb {
    max-height: 100%;
    margin: auto;
    top: 0;
    right: -50%;
    bottom: 0;
    left: -50%;
    position: absolute;
}
.clist-showcase {
    width: auto;
    margin: 0 auto;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.job_header {
    background-color: #6BB32C;
    text-align: center;
    margin-top: 4px;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    color: #fff;
    text-overflow: ellipsis;
    display: block;
    font-size: 10px;
}
.job_info {
    display: block;
    color: #000;
    font-size: 10px;
}
.ratio_4-3:before {
    padding-top: 75%;
    display: block;
    content: '';
}
.frame_ratio {
    width: 100%;
    height: auto;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.frame_ratio > .inner {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    overflow: hidden;
    background-color: #000;
}
.jissun {
    width: 100%;
}
/* 女性向け！求人紹介CM
------------------------------------------------- */
.menu_movie {
    border: 2px solid #6BB32C;
    margin: 20px 8px 10px;
}
#job_movie .mv_showcase{
    margin-top:6px;
}
/* 画像サイズ調整
-------------------------------- */
#job_movie .box_img {
    margin: auto;
    max-width:110px;
}

/* 見出し
 -------------------------------- */
.box_chara {
    position: relative;
}
.box_chara h1:before {
    width: 105px;
    height: 54px;
    position: absolute;
    left: -10px;
    bottom: 0px;
    content: '';
    background-image: url(/sp/st_img/job_cm-6f52e4173cee61e7d318b1593fdebed1.png);
    background-repeat: no-repeat;
    -webkit-background-size: 94px 47px;
    background-size: 99px 51px;
    overflow: hidden;
}
.box_chara h1:after {
    width: 88px;
    height: 22px;
    position: absolute;
    bottom: 9px;
    content: '';
    right: 7px;
    background-image: url(/sp/st_img/job_more-7fa38eb12ea4d4fc5a2ed48f47d1bfa9.png);
    background-repeat: no-repeat;
    -webkit-background-size: 105px 25px;
    background-size: 88px 22px;
    overflow: hidden;
}
.box_chara h1 {
    color: #E43C67;
    font-size: 16px;
    border-top: 5px solid #6BB32C;
    padding: 11px 0 7px 84px;
    border-bottom: 3px double #6BB32C;
    overflow: hidden;
    font-weight: bold;
}

@media screen and (max-width: 374px) and  (min-width: 320px) {
    .box_chara h1{
        padding-left:76px;
    }
    .box_chara h1:before {
        width: 94px;
        height: 47px;
        position: absolute;
        left: -10px;
        bottom: 3px;
        content: '';
        background-image: url(/sp/st_img/job_cm-6f52e4173cee61e7d318b1593fdebed1.png);
        background-repeat: no-repeat;
        -webkit-background-size: 94px 47px;
        background-size: 94px 47px;
        overflow: hidden;
    }
    .box_chara h1:after {
        width: 74px;
        height: 20px;
        background-image: url(/sp/st_img/job_more-7fa38eb12ea4d4fc5a2ed48f47d1bfa9.png);
        background-repeat: no-repeat;
        -webkit-background-size: 74px 20px;
        background-size: 74px 20px;
        overflow: hidden;
    }
}

/* 今スグ！お仕事探し！
 -------------------------------- */
#job_movie p.moreView{
    background-color: #6BB32C;
    border:1px solid #6BB32C;
    position:relative;
    font-weight:bold;
}
#job_movie .moreView>span{
    color:#fff;
    font-size:16px;
}
@media screen and (max-width: 374px) and (min-width: 320px) {
    #job_movie .moreView span{
        color:#fff;
        font-size:13px;
    }
}
#job_movie p.moreView:before{
    width: 31px;
    height: 29px;
    position: absolute;
    left: 1px;
    bottom: 5px;
    content: '';
    background-image: url(/sp/st_img/job_star-5036425425cfef8725005b0079c5b89d.png);
    background-repeat: no-repeat;
    -webkit-background-size: 31px 29px;
    background-size: 31px 29px;
    overflow: hidden;
}
#job_movie p.moreView:after{
    width: 38px;
    height: 28px;
    position: absolute;
    right: -10px;
    bottom: 5px;
    content: '';
    background-image: url(/sp/st_img/cur_new-680277fc43a5c4230f7b3275cc0481d6.png);
    background-repeat: no-repeat;
    -webkit-background-size: 38px 28px;
    background-size: 38px 28px;
    overflow: hidden;
}


/* お店別
------------------------------------------------- */
.border_store{
    border-top:1px solid #a0a0a0;
}
#aj .store_tab{
    font-size:16px;
    color:#000;
}
.store_title{
    font-weight:bold;
    color: #0080DE;
    white-space: nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    width:100%;
}
.store_movie_cont .box_info {
    margin: 5px;
    padding-top: 4px;
}
.store_movie_cont .shopType {
    display: inline-block;
    color: #667284;
    font-size: 14px;
}
.store_movie_cont{
    background-color: #fff;
    border-top: 1px solid #E4E4E4;
    border-bottom: 2px solid #ABABAB;
}
.store_movie_cont:first-child {
    border-top: none;
}
.store_movie_cont:last-child {
    border-bottom: none;
}


/* アイコン
 -------------------------------- */
.box_icon {
    width: 100%;
    font-size: 12px;
    z-index: 10;
    bottom: 3px;
    margin-top:3px;
}
.newKensaku > span {
    margin-right: 4px;
    margin-bottom: 1px;
    padding: 2px 3px;
    display: inline-block;
    color: #bbb;
    border-width: 1px;
    border-style: solid;
    border-color: #bbb;
    border-radius: 2px;
}
.newKensaku .active {
    padding: 1px 3px;
    font-weight: bold;
    color: #0091c5;
    border-width: 2px;
    border-color: #0091c5;
}
/* スグ嬢
 --------------------------------------- */
.newKensaku .sugu {
    margin-bottom: 0;
    color: #000;
    border-width: 2px 0 0;
    border-color: #fff;
}
.newKensaku .sugu > span {
    color: #f00;
}

/* もっと見る
 --------------------------------------- */
.read_more {
    border-top: 1px solid #c6c6c6;
    padding:0;
    text-align: center;
}
.read_more > a{
    max-width: 100%;
    text-decoration:underline;
    font-size:14px;
    border: none;
    display: block;
    text-align: right;
    background: url(/sp/st_img/cur_gray-2246529004c09c9c11444fa6d59cb6c2.png) no-repeat right center;
    background-size:20px;
    background-color: #FFFDDE;
    padding: 6px 28px;
    box-shadow:none;
    color:#333;
    text-shadow:none;
    font-weight:initial;
}

/* 画像サイズ調整用
 --------------------------------------- */
@media screen and (max-width: 374px) and (min-width: 320px) {
    #job_movie .box_img {
        margin: auto;
        max-width: 95px;
    }
}

/*画像調整用*/
@media screen and (max-width: 374px) and (min-width: 320px) {
    .box_img {
        margin: auto;
        max-width: 100px;
    }
}
@media screen and (max-width: 414px) and (min-width: 375px) {
    .box_img {
        margin: auto;
        max-width: 116px;
    }
}
@media screen and (min-width: 435px) {
    .box_img {
        margin: auto;
        max-width: 180px;
    }
}
/* --------------------------------------- */
/* 新着動画2018 */
/* --------------------------------------- */
.yg-movie .hl {
    height: 44px;
    margin-bottom: 0;
    padding: 0 10px;
    line-height: 44px;
    box-sizing: border-box;
    color: #fff;
    border: none;
    background-color: #ff4141;
}
.yg-movie .hl .txt_small {
    font-size: 14px;
}
.yg-movie .hl.include_btn {
    position: relative;
}
.yg-movie .include_btn .arrow_icon {
    width: 100px;
    height: 32px;
    margin: auto;
    padding-right: 18px;
    padding-left: 4px;
    font-size: 14px;
    font-weight: normal;
    line-height: 32px;
    position: absolute;
    top: 0;
    right: 6px;
    bottom: 0;
    box-sizing: border-box;
    text-align: center;
    border-radius: 4px;
    background-color: #ededed;
    box-shadow: 0 1px 0 #fff inset;
}
.yg-movie .include_btn .arrow_icon::after {
    width: 18px;
    height: 18px;
    font-size: 0.7em;
    line-height: 18px;
    right: 4px;
    border-radius: 50%;
    background-color: #ff4141;
    color: #fff;
}
.movie-list .box_info > p + p {
    margin-top: 3px;
}
.movie-list .box_info > p {
    line-height: 1;
}
/* 件数表示 */
.yg-movie .viewNum_full {
    border-top: 1px solid #ccc;
}
/* --------------------------------------- */
/* お店別動画 */
/* --------------------------------------- */
.store_movie_cont .list_mv {
    max-width: 480px;
    padding: 2px;
}
.store_movie_cont .fl_inner {
    width: 33.3%;
    padding: 2px 4px;
}
.movie-list [class*='castdx_'] .arrow_gp {
    padding: 4px 26px 6px 4px;
}