@charset "utf-8";

body {
background:none repeat scroll 0 0 #FFFFFF;
font-family:helvetica,arial,sans-serif;
margin:0;
color: #333333;
}

body, div, pre, p, ul, li, h1, h2, h3, h4, h5, h6, dl, dt, dd, blockquote, form, fieldset, table, th, td {
    margin:0;
    padding:0;
    word-break: break-all;
    word-wrap: break-word;
}
.box > ul >li > p{
    font-size: 14px;
    line-height: 24px;
}
.box > ul >li > h3{
    font-size: 14px;
    line-height: 24px;
}

img {
    border:0 none;
}

ul, ol {
list-style:none outside none;
}

a {
    text-decoration: none;
    color: #53A6ED;
}
.shoplink {
    line-height: 20px;
}
.shoplink a.kyuujin{
    background: url("https://img.girlsheaven-job.net/img/au_heart.gif") no-repeat;
    padding-left: 15px;
}
.shoplink a.shop{
    background: url("https://img.girlsheaven-job.net/img/au_house.gif") no-repeat;
    padding-left: 15px;
}
.shoplink a.movie{
    background: url("https://img.girlsheaven-job.net/img/au_movie.gif") no-repeat;
    padding-left: 15px;
}
.shoplink a.girl{
    background: url("https://img.girlsheaven-job.net/img/au_heart.gif") no-repeat;
    padding-left: 15px;
}
.ichiran {
    position:absolute;
    right:0;
    top:0;
}


div.hdg-02-container  {
clear: both;
position:relative;
}

div.hdg-02-container .hdg-02 {
    background:#0099FF;
    margin-bottom:0;
    padding-right:50px;
}

div.hdg-02-container .hdg-02-2 {
    background: url("https://img.girlsheaven-job.net/img/area_topmenu.gif");
    margin-bottom:0;
    padding-right:50px;
}

div.hdg-02-container .hdg-02-2-2 {
    background: url("https://img.girlsheaven-job.net/img/area_topmenu.gif");
    margin-bottom:0;
    padding-right:7px;
    height: 36px;
    line-height: 49px;
}
div.hdg-02-container .hdg-02-4 {
    background: url("https://img.girlsheaven-job.net/img/s/shopmenu_bg2.png");
    margin-bottom:0;
    padding-right:50px;
}

div.hdg-02-container p.btn-slide-down, div.hdg-02-container p.btn-slide-up  {
    font-size:0;
    position:absolute;
    right:0;
    top:0;
}
/* ↓ 20220421 ブログキーワード検索機能 */
.blog_search{
    margin: 16px 2% 8px;
}
.blog_keyword_search{
    margin-bottom: 8px;
}
#keyword_box{
    position: relative;
}
#inputKeyword{
    border-radius: 12px;
    padding: 8px 6px 6px 16px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    border: 1px solid #ddd;
    margin-top: 0;
}
.searchFormInput::placeholder{
    color: #939c97; 
}
.search_blog_btn{
    position: absolute;
    right: 16px;
    top: 7px;
}
.category_search{
    margin: 12px 0;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
}
.blog_category_btn{
    width: 33%;
    margin: 5px 0;
    font-size: 11px;
    font-weight: bold;
    display: block;
    color: #626262;
    box-sizing: border-box;
}
/* .blog_category_btn:not(:nth-child(3n)) {
    border-right: 1px solid rgba(0, 0, 0, 0.2);
} */
.category_text{
    display: block;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #ddd;
    width: 90%;
    margin: auto;
    padding: 5px 0;
}
.active_category{
    background-color: #e74478;
    color: #fff;
    display: block;
    width: 95%;
    margin: auto;
    line-height: 1.5;
    padding: 5px 0;
    border-radius: 3px;
}
.blog_category_btn .active_category::before {
    color: #fff;
    content: '';
    display: inline-block;
    width: 8px;
    height: 3px;
    border-left: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    transform: rotate(-45deg);
    position: relative;
    top: -2px;
    left: -2px;
}
.no_category{
    display: block;
    background-color: #d6d6d6;
    color: #8a8a8a;
    opacity: 0.8;
    padding: 5px 0;
    width: 90%;
    margin: auto;
    line-height: 1.5;
}
.category_cnt{
    transform: scale(0.7);
    display: inline-block;
    vertical-align: top;
    margin-left: -1px;
    margin-top: -2px;
}
.movie_search{
    text-align: center;
    margin-top: 12px;
    display: flex;
    justify-content: space-between;
}
.movie_search:after {
    display: none;
}
.movie_search .blog_select_btn{
    background-color: #fff;
    color: #939c97;
    font-size: 14px;
    padding: 0;
    width: calc(50% - 8px);
    height: 30px;
    font-weight: bold;
    border-radius: 5px;
    border: 1px solid #ddd;
    box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.2);
}
.movie_search .active_btn{
    background-color: #e74478;
    color: #fff;
    box-shadow: none;
}
/* ↑ 20220421 ブログキーワード検索機能 */
/* ↓ 2023/07/21 店長ブログカテゴリ追加 */
.category_icon {
    border: 1px solid #ff7dae;
    color: #FFF;
    background: #ff7dae none repeat scroll 0 0;
    border-radius: 4px;
    font-size: 11px;
    font-weight: bold;
    padding: 0px 6px;
    display: inline-block;
    margin-right: 5px;
}
/* ↑ 2023/07/21 店長ブログカテゴリ追加 */
ul.link-list-index {
    margin:0;
}

ul.link-list-index li {
    background:url("https://img.girlsheaven-job.net/img/menubg.png") no-repeat scroll right top;
    width: 50%;
    padding: 0;
    float: left;
    height: 43px;
    line-height: 43px;
    border-bottom: 1px solid #00CCFF;
}

ul.link-list-index li a {
    color:#333333;
    display:block;
    font-size:14px;
    padding: 3px 0 3px 5px;
    text-decoration:none;
}

.hdg-02  {
    color:#FFFFFF;
    font-size:15px;
    font-weight:bold;
    height: 35px;
    line-height: 35px;
    padding-left: 10px;
}

.hdg-02-2  {
    color:#FFFFFF;
    font-size:15px;
    font-weight:bold;
    height: 35px;
    line-height: 35px;
    padding-left: 10px;
}
.hdg-02-4  {
    color:#FFFFFF;
    font-size:15px;
    font-weight:bold;
    height: 35px;
    line-height: 35px;
    padding-left: 10px;
}

ul.link-list-freespace {
    margin:0;
}

ul.link-list-freespace li {
    background:url("https://img.girlsheaven-job.net/img/bg_li_01.png") repeat-x scroll center top #FFECEC;
    border-bottom:1px solid #FF6BAF;
    width: 100%;
    float: left;
}

ul.link-list-freespace li a {
    background:url("https://img.girlsheaven-job.net/img/chevron_02.png") no-repeat scroll 100% 50% transparent;
    color:#333333;
    display:block;
    font-size:16px;
    font-weight:bold;
    padding:12px 30px 12px 10px;
    text-decoration:none;
}

.catch {
    clear: both;
    padding: 4px 0;
}

.recruit {
    clear:both;
    padding-top: 8px;
    text-align: center;
}

.container {
    width: 500px;
    padding: 10px;
    margin: 40px;
    border: 3px solid #999;
    text-align: left;
}
.container .wrap {
    width: 490px;
    position: relative;
    border: 1px solid #CCC;
    padding: 5px;
    overflow: hidden;
}
#ticker {
    position: relative;
}
#ticker span {
    padding-right: 20px;
}
#searchForm {
    background: url("https://img.girlsheaven-job.net/img/sch_bg0.gif") repeat-x scroll right 0 transparent;
    height: 38px;
    padding: 8px 10px 8px 8px;
}
#searchForm h1 {
    padding: 0 0 10px;
    text-align: center;
}
#searchForm legend {
    display: none;
}
#searchForm fieldset {
    background: url("https://img.girlsheaven-job.net/img/sch_bg2.gif") no-repeat scroll right 0 transparent;
    border: medium none;
    position: relative;
}
#searchForm .search_input {
    background: url("https://img.girlsheaven-job.net/img/sch_bg.gif") repeat-x scroll 0 0 #FF4DA5;
    height: 40px;
}
#searchForm .search_input .q_box {
    background: url("https://img.girlsheaven-job.net/img/sch_bg3.gif") no-repeat scroll 0 0 transparent;
    display: block;
    height: 40px;
    padding: 0 5px 0 0;
    text-align: left;
}
#searchForm .search_input .q_box input#q {
    border: medium none;
    font-family: "HiraKakuProN-W6",HelveticaNeue-Bold;
    font-size: 16px;
    height: 25px;
    left: 3px;
    top: -1px;
    letter-spacing: -1px;
    padding: 0 0 0 4px;
    position: relative;
    width: 83%;
}
#searchForm input.searchSubmit {
    position: absolute;
    right: 0;
    top: 0;
}
#searchForm input.searchCancel {
    position: absolute;
    right: 57px;
    top: 0;
    z-index: 10100;
}
.searchCancel_under {
    position: absolute;
    right: 71px;
    top: 21px;
}

.exp-btns  {
    border-bottom: 1px solid #FF008E;
    border-top: 1px solid #FF008E;
    height: 33px;
    overflow: hidden;
}
.exp-btns2  {
    height: 29px;
    overflow: hidden;
    border: none;
}
.exp-btns, .news-tabs {
    background: url("https://img.girlsheaven-job.net/img/shop_menu_bg.gif") repeat-x scroll 0 0 transparent;
}

.exp-btns2 {
    background: url("https://img.girlsheaven-job.net/img/h_menu_bg2.gif") repeat-x scroll 0 0 transparent;
}

.exp-btns li {
    float: left;
    width: 33%;
    border: none;
}
.exp-btns li.full {
    float: left;
    width: 100%;
    border: none;
}
.exp-btns li:first-child a, .news-tabs li:first-child a {
    border-left: medium none;
}
.exp-btns li a, .news-tabs li a {
    border-left: 1px solid #FF008E;
    color: #FFFFFF;
    display: block;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    line-height: 33px;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
}
.exp-btns2 li.full {
    float: left;
    width: 100%;
}
.exp-btns2 li:first-child a, .news-tabs li:first-child a {
    border-left: medium none;
}
.exp-btns2 li a, .news-tabs li a {
    border-left: 1px solid #0F2A7C;
    color: #FFFFFF;
    display: block;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    line-height: 29px;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
}
.areatop_menu  {
    border-bottom: 1px solid #FF008E;
    border-top: 1px solid #FF008E;
    height: 56px;
    overflow: hidden;
    box-shadow: 0 2px 2px 0px #999;
    -webkit-box-shadow: 0 2px 2px 0px #999;
    -moz-box-shadow: 0 2px 2px 0px #999;
    background: linear-gradient(#FFF, #DDD);
    background: -moz-linear-gradient(top, #FFF, #DDD);
    background: -webkit-gradient(linear, center top, center bottom, from(#FFF), to(#DDDDDD));
    /* IE用 */
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFF, EndColorStr=#DDDDDD);
    margin-bottom: 15px;
}
.areatop_menu li {
    float: left;
    width: 20%;
    border: none;
    height: 56px;
    background: url("https://img.girlsheaven-job.net/img/areatop_menubar.png") no-repeat right;
}
.areatop_menu li:first-child a, .news-tabs li:first-child a {
    border-left: medium none;
}
.areatop_menu li a {
    color: #330000;
    display: block;
    font-size: 10px;
    font-style: normal;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    padding-top: 3px;
}
.photonews2 {
    overflow-x: hidden;
    width: 100%;
}
.photonews nav {
    border-bottom: 1px solid #9FB7D4;
    border-top: 1px solid #9FB7D4;
    display: block;
    height: 28px;
    position: relative;
}
.photonews nav {
    background: url("https://img.girlsheaven-job.net/img/gradient.png") repeat-x scroll 0 -266px transparent;
}
#photo-prev {
    background-position: left -78px;
    padding-left: 33px;
}
#photo-next.disable {
    background-position: right -35px;
}
.photonews nav .pagenation {
    border-width: 0 10px;
    display: block;
    height: 14px;
    left: 50%;
    margin-left: -56px;
    overflow: hidden;
    padding-top: 5px;
    position: absolute;
    top: -1px;
    width: 92px;
}
#photo-nav-left  {
    margin: 0 9px 0 25px;
}
.photonews nav .pagenation mark {
    background: none repeat scroll 0 0 #808080;
    display: block;
    float: left;
    height: 8px;
    width: 8px;
}
.photonews nav a.disable {
    color: #9F9F9F;
}
.photonews nav a {
    color: #000000;
    display: block;
    font-size: 12px;
    height: 28px;
    line-height: 29px;
    position: absolute;
    width: 73px;
}
#photo-prev, #photo-next, #photo-prev.disable, #photo-next.disable {
    background: url("https://img.girlsheaven-job.net/img/index.png");
    background-repeat: no-repeat;
}
#photo-next {
    background-position: right 8px;
    padding-right: 33px;
    right: 0;
    text-align: right;
}
#header h1 {
    background-position: 0 -171px;
    height: 33px;
    left: 8px;
    position: absolute;
    text-indent: -9999px;
    top: 8px;
    width: 119px;
}
#header h1 a {
    display: block;
    height: 100%;
    width: 100%;
}
.psnl {
    margin-top: 3px;
}
.psnl li {
    float: left;
    text-align: center;
    width: 33.33%;
}
.psnl li a {
    color: #000000;
    display: block;
    position: relative;
}
.psnl li a mark {
    border: 1px solid #9DB6D1;
    display: block;
    height: 28px;
    margin: 0 auto;
    width: 28px;
}

.searchMenu {
    margin: 0 auto 10px;
    width: 308px;
}
.fbox {
    display: block;
}
.searchMenu li {
    float: left;
    margin: 0 6px;
    padding: 0;
    width: 142px;
}
.searchMenu li dl {
    height: 55px;
    position: relative;
    width: 144px;
}
.searchMenu li dl dt.line50 {
    line-height: 50px;
}
.searchMenu li dl dt {
    -moz-border-radius: 5px 5px 5px 5px;
    background: linear-gradient(#b8d8f2, #92bde0 25%, #3282c2 50%, #92bde0 75%, #b8d8f2);
    background: -moz-linear-gradient(center top, #b8d8f2, #92bde0 25%, #3282c2 50%, #92bde0 75%, #b8d8f2);
    background: -webkit-gradient(linear, center top, center bottom, from(#b8d8f2), color-stop(25%, #92bde0), color-stop(50%, #3282c2), color-stop(75%, #92bde0), to(#b8d8f2));
    /* IE用 */
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#b8d8f2, EndColorStr=#b8d8f2);
    border: 1px solid #66CC00;
    color: #333333;
    line-height: 1.1;
    padding: 0;
}
.linkBtn {
    display: table-cell;
    font-size: 13px;
    font-weight: bold;
    height: 50px;
    line-height: 1.2;
    text-align: center;
    text-shadow: 0 0 4px #FFFFB0;
    vertical-align: middle;
    width: 142px;
}
.linkBtn {
    line-height: 1.2;
    vertical-align: middle;
}
.searchMenu li dl dt a {
    display: block;
}
.linkBtn a {
    text-align: center;
}
ul#job_navi_list {
    width: 100%;
}
ul#job_navi_list li {
    border: 1px solid #999999;
    float: left;
    height: 32px;
    margin-bottom: 8px;
    margin-right: 2%;
    width: 48%;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
}
ul#job_navi_list li a {
    color: #333333;
    display: table-cell;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    padding: 2px 0 0 5px;
    vertical-align: middle;
    width: 48%;
    font-weight: bold;
}
ul#job_navi_list li.migi {
    margin-right: 0;
    /* 2013/05/09 REP start */
    /* width: 49%; */
    width: 48%;
    /* 2013/05/09 REP end */
}
#main {
    margin: 0px 0 15px 0;
    padding: 0 7px;
}
/* pager normal */
ul.normal-pager {
    text-align: center;
    display: table;
    margin: 5px auto;
}
ul.normal-pager li a {
    height: 46px;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    font-weight: normal;
    font-size: 14px;
    -webkit-box-shadow: 0px 1px 3px #808080;
    -moz-box-shadow: 0px 1px 3px #808080;
    line-height: 46px;
    overflow: hidden;
    position: relative;
}

ul.normal-pager li.pager-prev,
ul.normal-pager li.pager-next {
    width: 100px;
    display: table-cell;
}

ul.normal-pager li.pager-first,
ul.normal-pager li.pager-last {
    width: 58px;
    display: table-cell;
    vertical-align: middle;
}

ul.normal-pager li.pager-prev a,
ul.normal-pager li.pager-next a {
    color: #333;
    display: block;
/*	margin: 0 2px;*/
}

ul.normal-pager li.pager-prev a {
    background: url("https://img.girlsheaven-job.net/img/s/btn_front.png") no-repeat left center;
    background: url("https://img.girlsheaven-job.net/img/s/btn_front.png") no-repeat left center, linear-gradient(270deg, #ffffff, #dadada 60%, #efefef 100%);
    background: url("https://img.girlsheaven-job.net/img/s/btn_front.png") no-repeat left center, -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(0.60, #dadada),color-stop(1, #efefef));
    background: url("https://img.girlsheaven-job.net/img/s/btn_front.png") no-repeat left center, -moz-linear-gradient(top 270deg, #ffffff, #dadada 60%, #efefef 100%);
    /* IE用 */
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#dadada);
    padding: 0 20px 0 40px;
}

ul.normal-pager li.pager-next a {
    background: url("https://img.girlsheaven-job.net/img/s/btn_next.png") no-repeat right center;
    background: url("https://img.girlsheaven-job.net/img/s/btn_next.png") no-repeat right center, linear-gradient(270deg, #ffffff, #dadada 60%, #efefef 100%);
    background: url("https://img.girlsheaven-job.net/img/s/btn_next.png") no-repeat right center, -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(0.60, #dadada),color-stop(1, #efefef));
    background: url("https://img.girlsheaven-job.net/img/s/btn_next.png") no-repeat right center, -moz-linear-gradient(top 270deg, #ffffff, #dadada 60%, #efefef 100%);
    /* IE用 */
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#dadada);
    padding: 0 40px 0 20px;
}

ul.normal-pager li.pager-first a,
ul.normal-pager li.pager-last a {
    color: #fff;
    display: table-cell;
    background-image: linear-gradient(270deg, #F9FCFF, #90D4FF 53%, #128DF5 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #F9FCFF),color-stop(0.53, #90D4FF),color-stop(1, #128DF5));
    background-image: -moz-linear-gradient(top 270deg, #F9FCFF, #90D4FF 53%, #128DF5 100%);
    /* IE用 */
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#F9FCFF, EndColorStr=#128DF5);
    padding: 0 10px;
    width: 36px;
    vertical-align: middle;
}

ul.normal-pager li.pager-first a{
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    margin-right: 2px;
}

ul.normal-pager li.pager-last a{
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    margin-left: 2px;
}

/* IE Box-Shadow代用スタイル */
ul.normal-pager li.pager-next div,
ul.normal-pager li.pager-last div {
    filter:progid:DXImageTransform.Microsoft.MotionBlur(Strength=4,Direction=135);
    background: #808080;
    margin: 0px 2px;
}

/* IE Box-Shadow代用スタイル */
ul.normal-pager li.pager-prev div,
ul.normal-pager li.pager-first div {
    filter:progid:DXImageTransform.Microsoft.MotionBlur(Strength=4,Direction=135);
    background: #808080;
    margin: 0px 2px;
}

ul.normal-pager li.pager-first div {
    margin: 0px 2px 0px 0px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
}

ul.normal-pager li.pager-last div {
    margin: 0px 0px 0px 2px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
}
div.footerareabtn {
    margin: 5px 0;
}
div.footerareabtn a{
    width: 280px;
    display: block;
    text-align: center;
    border: solid 1px #999;
    font-size: 14px;
    line-height: 30px;
    height: 30px;
    margin: 2px auto 0 auto;
    color: #F09;

    /*角丸の設定*/
    border-radius: 15px; /*css3*/
    -webkit-border-radius : 15px; /*ChromeSafari用*/
    -moz-border-radius: 15px; /*Firefox用*/

    /*グラデーションの設定*/
    background: #FFF;/*その他用保険*/
    background: linear-gradient(-90deg,#FFF 0%,#CCC 100%);/*IE9用*/
    background: -webkit-gradient(linear, left top, left bottom,from(#FFF),to(#CCC)); /*ChromeSafari用*/
    background: -moz-linear-gradient(top,  #FFF,  #CCC);/*Firefox用*/

    /*ボックスシャドウの設定*/
    box-shadow: 0px 0px 3px 0 #CCC; /*css3*/
    -moz-box-shadow:  0px 0px 3px 0 #CCC;/*Firefox用*/
    -webkit-box-shadow: 0px 0px 3px 0 #CCC;  /*ChromeSafari用*/
}
div.footerareabtn a img{
    vertical-align: middle;
    top: -2px;
}
/*
ul.normal-pager li a:not([href]) {
    opacity: 0.3;
}
*/

/* ----↓特典----*/
.privilegeContents{
    padding:5px 10px;
}
.privilegeContents .privilegeImg{
    text-align:center;
    padding-bottom:5px;
}
.privilegeContents .privilegeImg img{
    width:260px;
}
.privilegeContents .comment{
    font-size:12px;
}
/* ----↑特典----*/


/* =====================================================================
    お店ページヘッダー
====================================================================== */
#shopheader {
    padding: 5px 0px;
    background: none repeat scroll 0px 0px #FFEBD1;
    margin-bottom: 10px;
}

#shopheader .namearea {
    background: none repeat scroll 0px 0px #FFF5E9;
    text-align: center;
    padding: 4px 0px;
}

#shopheader .namearea .headername {
    font-size: 16px;
    color: #593200;
    font-weight: bold;
}

#shopheader .namearea .headerinfo {
    font-size: 10px;
    color: #F04141;
}

#shopheader .logoarea {
    padding: 7px 5px 0px 5px;
    text-align: center;
}

#shopheader .shoplogo {
    border: 1px solid #CCCCCC;
}

#shopheader .checkarea {
    margin: 10px 0 2px 0;
    text-align: center;
}

/* 2013/05/28 デコオプション対応 REP start */
/* #shopheader .checklistadd { */
#shopheader .checklistadd, #shopheader .checklistadd2 {
/* 2013/05/28 デコオプション対応 REP end */
    background: url("https://img.girlsheaven-job.net/img/s/shop/checklist_icn.gif") no-repeat scroll 0 1px transparent;
    padding-left: 17px;
    font-size: 14px;
    line-height: 18px;
    color: #660000;
}

#ipop {
    background-color: #FFFFFF;
    border: 1px solid #AAAAAA;
    padding: 0px;
    font-size: 12px;
    line-height: 16px;
    display: none;
    position: absolute;
    left: 30%;
    width: 200px;
    z-index: 9999;
}

#ipop_close {
    font-size: 22px;
    float: right;
    cursor: pointer;
    position: absolute;
    right: 0px;
}

#ipop_stitle {
    background-color: ##FFFFFF;
}

ul#job_navi_list li a {
    color: #333333;
    display: block;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    padding: 2px 0 0 5px;
    vertical-align: middle;
    width: auto;
    font-weight: bold;
}

#job_navi_list div {
    float: left;
    padding-left: 5px;
}

#job_navi_list div.icon {
    float: left;
    padding: 4px 0px 0px 0px;
}
/* =====================================================================
    お店ページ
====================================================================== */
.shopcatch {
    padding: 5px 10px;
    font-size: 12px;
}

.openerbar {
    background: url("https://img.girlsheaven-job.net/img/s/shoparrow_bg.png") repeat scroll center bottom transparent;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    font-size: 12px;
    line-height: 28px;
}

.openerbar a {
    cursor: pointer;
}

div.shopcontents {
    font-size: 12px;
    padding: 5px 10px;
}

.shopcontents table {
    font-size: 12px;
    table-layout:fixed;
}

.shopcontents table p {
    background: url("https://img.girlsheaven-job.net/img/shop/info_title.gif?cache01=20161201000000") no-repeat scroll 0 3px transparent;
    color: #663333;
    font-weight: bold;
    text-indent: 8px;
}

.shopcontents .title {
    color: #FF00FF;
    font-size: 14px;
    padding-bottom: 10px;
}

.shopcontents .pic {
    padding-bottom: 10px;
    text-align: center;
}

.shopcontents .separate {
    background: url("https://img.girlsheaven-job.net/img/shop/info_bar.gif?cache01=20161201000000") repeat scroll 0 0 transparent;
    height: 10px;
    margin: 1px auto 0px auto;
    width: 100%;
}

.shopcontents .imagearea {
    padding: 5px 0px 15px;
    text-align: center;
}

.shopcontents .imagearea table {
    table-layout: fixed;
}

.shopcontents .btn {
    margin: 0px;
    padding: 0px;
}

.shopcontents .mailcomment {
    font-size: 12px;
    text-align: center;
}

.shopmovietitle {
    background: url("https://img.girlsheaven-job.net/img/shop/shopmovie_title.gif") no-repeat scroll 0px 0px transparent;
    height: 19px;
    line-height: 16px;
    margin: 15px auto 0;
    text-indent: 25px;
    width: 300px;
}

.shopmoviearea {
    background: none repeat scroll 0px 0px #DDDDDD;
    margin: 0px auto;
    padding: 5px 0px 10px;
    text-align: center;
    width: 300px;
}

.shopmoviearea .btnspace {
    font-size: 12px;
    padding: 6px 0px 12px;
}

.shopmoviearea .btnspace span {
    font-size: 10px;
}

.shopmoviearea .commentarea {
    padding: 0px 10px;
    text-align: left;
}

.shopmoviearea .commentarea .title {
    color: #663300;
}

.shopmoviearea .commentarea .content {
    font-size: 10px;
}

.shoplinkarea {
    margin: 10px 0px;
    text-align: center;
}

.shoplinkarea .girlsblog {
    background: url("https://img.girlsheaven-job.net/img/syame.gif") no-repeat scroll 0px 0px transparent;
    font-size: 14px;
    line-height: 18px;
    padding-left: 17px;
}

.shoplinkarea .shopsite {
    background: url("https://img.girlsheaven-job.net/img/s/shopsite.png") no-repeat scroll 0px 0px transparent;
    font-size: 14px;
    line-height: 18px;
    padding-left: 17px;
}

.jobmovie {
    border-bottom: 1px solid #CCCCCC;
    font-size: 14px;
    padding: 5px 10px;
}

.jobmovie .movie {
    padding: 10px 0px;
    text-align: center;
}

.jobmovie .movie div {
    font-size: 12px;
    padding: 6px 0px;
}
.movie_btn{
    width: 160px;
    margin: 0 auto;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #c9c9c9), color-stop(0.00, #fefefe));
    background: -webkit-linear-gradient(top, #fefefe 0%, #c9c9c9 88%);
    background: -moz-linear-gradient(top, #fefefe 0%, #c9c9c9 88%);
    background: -o-linear-gradient(top, #fefefe 0%, #c9c9c9 88%);
    background: -ms-linear-gradient(top, #fefefe 0%, #c9c9c9 88%);
    background: linear-gradient(to bottom, #fefefe 0%, #c9c9c9 88%);
    border: 1px solid #c6c6c6;
    border-radius: 50px;
    position: relative;
    height: 35px;
    line-height: 35px;
    text-indent: 1.6em;
    font-size: 13px;
    margin-bottom: 5px;
}
.movie_btn img{
    position: absolute;
    top: 5px;
    left: 18px;
}
.movie_btn a{
    text-decoration: none;
    color: #222;
    display: block;
}
.maparea {
    border-bottom: 1px solid #CCCCCC;
    font-size: 12px;
    padding: 0;
}

.maparea div {
    padding: 10px 0px;
    text-align: center;
}

.maparea div div {
    padding: 0;
    font-size: 12px;
}

.imagelistarea {
    overflow: hidden;
}

.imagelistarea table {
    position: relative;
}

#imagelist img {
    padding: 0px;
    margin: 0px 5px 0px 5px;
}

#commentlist td {
    width: 300px;
}

#commentlist td div {
    width: 270px;
    padding: 0px 15px;
    letter-spacing: 3px;
    word-wrap: break-word;
}

.shoppr {
    border-bottom: 1px solid #CCCCCC;
    font-size: 12px;
    padding: 5px 10px;
}

.tratment {
    font-size: 12px;
    padding: 5px 10px;
}
.shoppager {
    background: url("https://img.girlsheaven-job.net/img/s/pager_bg.png") repeat scroll center bottom transparent;
    padding: 5px 0px;
}

.shoppager table {
    font-size: 13px;
}

.shoppager .prepage {
    padding-left: 10px;
}

.shoppager .prepage div {
    background: url("https://img.girlsheaven-job.net/img/s/pager_back2.png") no-repeat scroll 0 0 transparent;
    height: 33px;
    line-height: 33px;
    text-align: center;
    text-indent: 9px;
    width: 85px;
}

.shoppager .prepage div a {
    color: #660000;
    display: block;
}

.shoppager .nextpage {
    padding-right: 10px;
}

.shoppager .nextpage div{
    background: url("https://img.girlsheaven-job.net/img/s/pager_next2.png") no-repeat scroll 0 0 transparent;
    height: 33px;
    line-height: 33px;
    text-align: center;
    width: 85px;
}

.shoppager .nextpage div a {
    color: #660000;
    display: block;
    padding-right: 5px;
}

.shoppager .list div {
    background: url("https://img.girlsheaven-job.net/img/s/pager_list2.png") no-repeat scroll 0px 0px transparent;
    height: 33px;
    line-height: 33px;
    margin: 0px auto;
    text-align: center;
    width: 75px;
}

.shoppager .list div a {
    color: #333333;
    display: block;
}

.shopinfologo {
    background: url("https://img.girlsheaven-job.net/img/shop/shopimage_title.gif") no-repeat scroll 0 0 transparent;
    height: 19px;
    line-height: 16px;
    margin: 5px auto 0px;
    text-indent: 25px;
    width: 300px;
}

.shopinfologo .imgarea {
    padding: 5px 0px 15px;
    text-align: center;
}

/* =====================================================================
    お店ページフッター
====================================================================== */
body ul li.shopfooter {
    font-size: 12px;
    line-height: 28px;
}

/* =====================================================================
    フッター
====================================================================== */
.footer {
    background: #FFEBD1;
    padding: 7px 0px;
    line-height: 26px;
    color: #333333;
}

.footer span {
    font-size: 12px;
}

.footer a {
    font-size: 12px;
    color: #FF6A51;
}

div.ok {
    margin :10px 0 10px 40px;
    padding :10px 0 15px 55px;
    font-size :15px;
    font-weight :bold;
    line-height :1.3em;
    background :url("https://img.girlsheaven-job.net/img/ok.gif") 0 0 no-repeat;
}

/*アラート（全体）*/
div.ng {
    color: #ff0000;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.3em;
    margin: 10px 0px 10px 0px;
    padding: 10px 0px 15px 10px;
}
.catch {
    clear: both;
    padding: 4px 0;
    color: #ff7cae;
    font-weight: bold;
    font-size: 16px;
    overflow: visible;
    white-space: normal;
}
.more_btn_l {
    background-color: #f1efef;
    color: #6a6a6a;
    display: block;
    width: 65%;
    margin: 0 auto;
    height: 36px;
    line-height: 37px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    font-weight: bold;
    font-size: 16px;
    border: 2px solid #b8b8b8;
    box-shadow: 0 2px 0 #bfbfbf;
}
[class*=mod-btn-type] {
    display: block;
    margin: 5px 0;
    padding: .6em .5em .7em;
    border: none;
    border-radius: 8px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    line-height: 1;
}
.mod-btn-type02 {
    /* background-color: #ffa801; */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #ff7bad), color-stop(0.00, #ffa5c9));
    background: -webkit-linear-gradient(top, #ffa5c9 0%, #ff7bad 88%);
    background: -moz-linear-gradient(top, #ffa5c9 0%, #ff7bad 88%);
    background: -o-linear-gradient(top, #ffa5c9 0%, #ff7bad 88%);
    background: -ms-linear-gradient(top, #ffa5c9 0%, #ff7bad 88%);
    background: linear-gradient(to bottom, #ffa5c9 0%, #ff7bad 88%);
    -moz-box-shadow: 0 -3px 0 rgba(0,0,0,0.15) inset;
    -webkit-box-shadow: 0 -3px 0 rgba(0,0,0,0.15) inset;
    /* box-shadow: 0 -3px 0 rgba(0,0,0,0.15) inset; */
    box-shadow: 0 3px 0 #D1D0D0;
    color: #fff;
    font-size: 18px;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
    width: 250px;
}
.shop_info {
    margin-bottom: 10px;
}
.shop_info h2, .hdg-02-container h2.hdg-02-3 {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ff7dae), color-stop(0.00, #ff9ec2));
    background: -webkit-linear-gradient(#ff9ec2, #ff7dae);
    background: -moz-linear-gradient(#ff9ec2, #ff7dae);
    background: -o-linear-gradient(#ff9ec2, #ff7dae);
    background: -ms-linear-gradient(#ff9ec2, #ff7dae);
    background: linear-gradient(#ff9ec2, #ff7dae);
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    height: 35px;
    line-height: 35px;
    padding-left: 5px;
}
.shop_info ul {
    width: 95%;
    margin: 0 auto;
    font-size: 16px;
}
.shop_info ul li {
    border-bottom: 1px solid #9c9b9b;
    padding: 9px 0 7px 0;
}
.shop_info .title {
    border-left: 5px solid #ff9fc3;
    margin-bottom: 3px;
    padding-left: 5px;
    font-weight: bold;
    font-size: 15px;
}
.shop_info .shop_name {
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
}
.shop_info .shop_name span {
    font-size: 12px;
    padding-left: 2px;
}
.shop_info .btn_box {
    width: 95%;
    margin: 0 auto;
}
.shop_info .job {
    color: #fff;
    background-color: #98c6ff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 3px 5px;
    display: inline-block;
    margin-right: 5px;
    font-size: 12px;
    font-weight: bold;
}
.shop_info li.area {
    position: relative;
    min-height: 48px;
}
.shop_info .area div {
    width: 82%;
}
.shop_info .area div.map-button-wrap {
    position: absolute;
    width: 48px;
    height: 50px;
    right: 0;
    top: 8px;
}
.shop_info .area img {
    width: 100%;
    height: 100%;
}
.clearfix:after {
    content: "";
    clear: both;
    display: block;
}
.shop_info .more_btn_l {
    background-color: #f1efef;
    color: #6a6a6a;
    display: block;
    width: 99%;
    margin: 0 auto;
    height: 36px;
    line-height: 37px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    font-weight: bold;
    font-size: 16px;
    border: 2px solid #b8b8b8;
    box-shadow: 0 2px 0 #bfbfbf;
}
.tainyu_info {
    margin-bottom: 10px;
    color: #000;
}
.tainyu_info h2 {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ff7dae), color-stop(0.00, #ff9ec2));
    background: -webkit-linear-gradient(#ff9ec2, #ff7dae);
    background: -moz-linear-gradient(#ff9ec2, #ff7dae);
    background: -o-linear-gradient(#ff9ec2, #ff7dae);
    background: -ms-linear-gradient(#ff9ec2, #ff7dae);
    background: linear-gradient(#ff9ec2, #ff7dae);
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    height: 35px;
    line-height: 35px;
    padding-left: 5px;
}
.tainyu_info .box {
    width: 95%;
    margin: 10px auto 0;
}
.tainyu_info .box .special_img img {
    width: 100%;
    height: auto;
    margin: auto;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.tainyu_info .box .tainyu_kyuyo h3 {
    margin-top: 10px;
    background: #f69;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    height: 27px;
    line-height: 28px;
    padding-left: 15px;
}

.tainyu_info .box .inner-block-contents {
    padding: 0 12px 4px;
}
.tainyu_info .box .red-tbl {
    margin-top: 10px;
    table-layout: fixed;
    width: 100%;
    border-top: 1px solid #f69;
    border-left: 1px solid #f69;
    font-size: 14px;
    border-collapse: collapse;
    border-spacing: 0;
    background-color: #ffffff;
    /* ↓2022/05/24 */
    height: 100%;
    /* ↑2022/05/24 */
}
.tainyu_info .box .red-tbl th {
    width: 120px;
    padding: 1px;
    text-align: center;
    color: #fff;
    border-bottom: 1px solid #f69;
    border-right: 1px solid #f69;
    vertical-align: middle;
    /* ↓2022/05/24 */
    padding: 0;
    height: 100%;
    background: #f69;
    box-sizing: border-box;
    /* ↑2022/05/24 */
}
.tainyu_info .box .red-tbl td {
    padding-left: 10px;
    border-bottom: 1px solid #f69;
    border-right: 1px solid #f69;
    vertical-align: middle;
}
.tainyu_info .box .red-tbl th span {
    display: block;
    height: 28px;
    line-height: 28px;
    background: #f69;
    /* ↓2022/05/24 */
    height: 100%;
    min-height: 28px;
    border: 1px solid #fff;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    /* ↑2022/05/24 */
}
/* ↓2022/05/24 */
.tainyu_info .box .red-tbl .caution_text {
    display: inline-block;
    line-height: 12px;
    color: #000;
    font-size: 10px;
    font-weight: normal;
}
.tainyu_info .box .red-tbl td.hosoku {
    padding-top: 2px;
    padding-bottom: 2px;
    line-height: 16px;
}
.tainyu_info .box .red-tbl td.hosoku span {
    color: #000;
    font-weight: normal;
}
/* ↑2022/05/24 */
.tainyu_info .box .red-tbl td span {
    font-weight: bold;
    color: #f69;
}
.tainyu_info .box .salary-example {
    list-style: none;
    margin-top: 10px;
}
.tainyu_info .box .salary-example .salary-example-head {
    width: 55px;
    height: 16px;
    background: #66aaff;
    border-radius: 3px 3px 0 0;
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
}
.tainyu_info .box .salary-example .salary-example-body {
    background: #cfdfFF;
    padding: 3px 4px;
    border-top: none;
}
.tainyu_info .box .salary-example .salary-example-body .green-tbl {
    table-layout: fixed;
    width: 100%;
    border-top: 1px solid #66aaff;
    border-left: 1px solid #66aaff;
    font-size: 14px;
    border-collapse: collapse;
    border-spacing: 0;
}
.tainyu_info .box .salary-example .salary-example-body .green-tbl th {
    width: 116px;
    padding: 1px;
    border-right: 1px solid #66aaff;
    border-bottom: 1px solid #66aaff;
    background: #fff;
}
.tainyu_info .box .salary-example .salary-example-body .green-tbl th span {
    display: block;
    height: 28px;
    background: #66aaff;
    border: 1px solid #66aaff;
    line-height: 28px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    text-shadow: none;
}
.tainyu_info .box .salary-example .salary-example-body .green-tbl td {
    background: #fff;
    padding-left: 10px;
    vertical-align: middle;
    border-right: 1px solid #66aaff;
    border-bottom: 1px solid #66aaff;
}
.tainyu_info .box .salary-example .salary-example-body .green-tbl td span {
    display: block;
}
.box .tainyu_bikou h3 {
    margin-top: 10px;
    background: #ff4444;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    height: 27px;
    line-height: 28px;
    padding-left: 15px;
}
.box .tainyu_item{
    font-size: 12px;
    color: #222222;
    padding: 10px 12px 8px;
}
.box .tainyu_item .anno-dl {
    list-style: none;
}
.box .tainyu_item .anno-dl .anno-body .anno-txt {
    padding: 4px;
    background: #fff;
    font-size: 12px;
    line-height: 1.25;
    word-break: break-all;
    word-wrap: break-word;
}
.oubo_info {
    margin-bottom: 10px;
}
.oubo_info h2 {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ff7dae), color-stop(0.00, #ff9ec2));
    background: -webkit-linear-gradient(#ff9ec2, #ff7dae);
    background: -moz-linear-gradient(#ff9ec2, #ff7dae);
    background: -o-linear-gradient(#ff9ec2, #ff7dae);
    background: -ms-linear-gradient(#ff9ec2, #ff7dae);
    background: linear-gradient(#ff9ec2, #ff7dae);
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    height: 35px;
    line-height: 35px;
    padding-left: 5px;
}
.oubo_info .box {
    width: 95%;
    margin: 0 auto;
}
.oubo_info li {
    border-bottom: 1px solid #9c9b9b;
    padding: 9px 0 7px 0;
    font-size: 12px;
    line-height: 15px;
}
.oubo_info .title {
    border-left: 5px solid #ff9fc3;
    margin-bottom: 3px;
    padding-left: 5px;
    font-weight: bold;
    font-size: 15px;
}
.oubo_info .salary {
    color: #ff7bac;
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
}
/* ↓ 店ページ新業種・業態対応 2016/08/18 */
.treatment {
    padding-bottom: 13px;
}
/* ↑ 店ページ新業種・業態対応 2016/08/18 */
.treatment h2 {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ff7dae), color-stop(0.00, #ff9ec2));
    background: -webkit-linear-gradient(#ff9ec2, #ff7dae);
    background: -moz-linear-gradient(#ff9ec2, #ff7dae);
    background: -o-linear-gradient(#ff9ec2, #ff7dae);
    background: -ms-linear-gradient(#ff9ec2, #ff7dae);
    background: linear-gradient(#ff9ec2, #ff7dae);
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    height: 35px;
    line-height: 35px;
    padding-left: 5px;
}
.treatment .box {
    width: 95%;
    margin: 0 auto;
}
/* ↓ 店ページ新業種・業態対応 2016/08/18 */
/* .treatment .list span:nth-child(odd) { */
.treatment .list .gyoutai_group span:nth-child(even) {
/* ↑ 店ページ新業種・業態対応 2016/08/18 */
    margin-right: 2%;
}
.treatment .list span.on {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ffb11a), color-stop(0.53, #ffb11a), color-stop(0.47, #ffc85b), color-stop(0.00, #ffc85b));
    background: -webkit-linear-gradient(top, #ffc85b 0%, #ffc85b 47%, #ffb11a 53%, #ffb11a 100%);
    background: -moz-linear-gradient(top, #ffc85b 0%, #ffc85b 47%, #ffb11a 53%, #ffb11a 100%);
    background: -o-linear-gradient(top, #ffc85b 0%, #ffc85b 47%, #ffb11a 53%, #ffb11a 100%);
    background: -ms-linear-gradient(top, #ffc85b 0%, #ffc85b 47%, #ffb11a 53%, #ffb11a 100%);
    background: linear-gradient(to bottom, #ffc85b 0%, #ffc85b 47%, #ffb11a 53%, #ffb11a 100%);
}
.treatment .list span {
    background-color: #eddecc;
    color: #fff;
    display: inline-block;
    width: 48%;
    margin-top: 5px;
/* ↓ 店ページ新業種・業態対応 2016/08/18 */
/*    font-size: 14px; */
    font-size: 12px;
/* ↑ 店ページ新業種・業態対応 2016/08/18 */
    text-align: center;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-weight: bold;
}
/* ↓ 店ページ新業種・業態対応 2016/08/18 */
.treatment .list .gyoutai_group .title {
    border-left: 5px solid #ff9fc3;
    font-size: 15px;
    font-weight: bold;
    margin-top: 15px;
    padding-left: 5px;
    line-height: 20px;
}
/* ↑ 店ページ新業種・業態対応 2016/08/18 */
.more_btn_l {
    background-color: #f1efef;
    color: #6a6a6a;
    display: block;
    width: 65%;
    margin: 0 auto;
    height: 36px;
    line-height: 37px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    font-weight: bold;
    font-size: 16px;
    border: 2px solid #b8b8b8;
    box-shadow: 0 2px 0 #bfbfbf;
}
.oubo {
    background-color: #feffbb;
    padding-bottom: 5px;
    font-size: 16px;
    position: relative;
}
.oubo h2 {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ff7dae), color-stop(0.00, #ff9ec2));
    background: -webkit-linear-gradient(#ff9ec2, #ff7dae);
    background: -moz-linear-gradient(#ff9ec2, #ff7dae);
    background: -o-linear-gradient(#ff9ec2, #ff7dae);
    background: -ms-linear-gradient(#ff9ec2, #ff7dae);
    background: linear-gradient(#ff9ec2, #ff7dae);
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    height: 35px;
    line-height: 35px;
    padding-left: 5px;
}
.oubo .box {
    width: 95%;
    margin: 0 auto;
    font-weight: bold;
}
.oubo P {
    margin: 6px 0;
    color: #333333;
}
.oubo .tel {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #ff7bad), color-stop(0.00, #ffa5c9));
    background: -webkit-linear-gradient(top, #ffa5c9 0%, #ff7bad 88%);
    background: -moz-linear-gradient(top, #ffa5c9 0%, #ff7bad 88%);
    background: -o-linear-gradient(top, #ffa5c9 0%, #ff7bad 88%);
    background: -ms-linear-gradient(top, #ffa5c9 0%, #ff7bad 88%);
    background: linear-gradient(to bottom, #ffa5c9 0%, #ff7bad 88%);
    text-align: center;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    box-shadow: 0 3px 0 #D1D0D0;
    color: #fff;
    min-height: 45px;
    padding: 4px 0;
    font-size: 13px;
    font-size: 3.8vw;
    position: relative;
    margin-bottom: 7px;
}
.oubo .tel.tel-modal {
    line-height: 42px;
    height: 42px;
    min-height: 42px;
    margin-bottom: 2px;
}
.oubo .tel.tel-modal span {
    line-height: 42px;
    font-size: 15px;
    font-size: 4.5vw;
}
.oubo .tel.tel-modal img {
    top: 6px;
}
.oubo .tel img {
    position: absolute;
    top: 7px;
    top: 2.5vw;
    left: 10px;
    width: 30px;
}
.oubo .tel span {
    font-size: 20px;
    font-size: 5.8vw;
}
.oubo .mail {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #ff7bad), color-stop(0.00, #ffa5c9));
    background: -webkit-linear-gradient(top, #ffa5c9 0%, #ff7bad 88%);
    background: -moz-linear-gradient(top, #ffa5c9 0%, #ff7bad 88%);
    background: -o-linear-gradient(top, #ffa5c9 0%, #ff7bad 88%);
    background: -ms-linear-gradient(top, #ffa5c9 0%, #ff7bad 88%);
    background: linear-gradient(to bottom, #ffa5c9 0%, #ff7bad 88%);
    text-align: center;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    box-shadow: 0 3px 0 #D1D0D0;
    color: #fff;
    height: 50px;
    line-height: 50px;
    font-size: 13px;
    font-size: 3.8vw;
    position: relative;
    display: inline-block;
    width: 49%;
}
.oubo .box .mail {
    margin-top: 7px;
}
.oubo .mail img {
    position: relative;
    width: 25px;
    top: 4px;
    left: -2px;
}
.oubo .sns {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #43e242), color-stop(0.00, #70f36d));
    background: -webkit-linear-gradient(top, #70f36d 0%, #43e242 88%);
    background: -moz-linear-gradient(top, #70f36d 0%, #43e242 88%);
    background: -o-linear-gradient(top, #70f36d 0%, #43e242 88%);
    background: -ms-linear-gradient(top, #70f36d 0%, #43e242 88%);
    background: linear-gradient(to bottom, #70f36d 0%, #43e242 88%);
    text-align: center;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    box-shadow: 0 3px 0 #D1D0D0;
    color: #fff;
    height: 50px;
    line-height: 50px;
    font-size: 13px;
    font-size: 3.8vw;
    position: relative;
    display: inline-block;
    width: 49%;
}
.oubo .sns img {
    position: relative;
    width: 25px;
    top: 8px;
    left: -2px;
}
[class*=mod-btn-type] {
    display: block;
    margin: 5px 0;
    padding: .6em .5em .7em;
    border: none;
    border-radius: 8px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    line-height: 1;
}
.mod-btn-type02 {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #ff7bad), color-stop(0.00, #ffa5c9));
    background: -webkit-linear-gradient(top, #ffa5c9 0%, #ff7bad 88%);
    background: -moz-linear-gradient(top, #ffa5c9 0%, #ff7bad 88%);
    background: -o-linear-gradient(top, #ffa5c9 0%, #ff7bad 88%);
    background: -ms-linear-gradient(top, #ffa5c9 0%, #ff7bad 88%);
    background: linear-gradient(to bottom, #ffa5c9 0%, #ff7bad 88%);
    -moz-box-shadow: 0 -3px 0 rgba(0,0,0,0.15) inset;
    -webkit-box-shadow: 0 -3px 0 rgba(0,0,0,0.15) inset;
    box-shadow: 0 3px 0 #D1D0D0;
    color: #fff;
    font-size: 18px;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
    width: 250px;
}
.tel-footer {
    display: none;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 20px 0;
    border-top: 2px solid #676767;
    background-color: #fff;
    text-align: center;
    z-index: 10;
}
.mail-footer {
    display: none;
    position: fixed;
    left: 0;
    bottom: 66px;
    width: 100%;
    padding: 20px 0;
    border-top: 2px solid #676767;
    background-color: #fff;
    text-align: center;
    z-index: 10;
}
.group h2 {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ff7dae), color-stop(0.00, #ff9ec2));
    background: -webkit-linear-gradient(#ff9ec2, #ff7dae);
    background: -moz-linear-gradient(#ff9ec2, #ff7dae);
    background: -o-linear-gradient(#ff9ec2, #ff7dae);
    background: -ms-linear-gradient(#ff9ec2, #ff7dae);
    background: linear-gradient(#ff9ec2, #ff7dae);
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    height: 35px;
    line-height: 35px;
    padding-left: 5px;
}
.group a {
    color: #333;
    font-size: 12px;
}
.group img {
    width: 100%;
}
.photo h2 {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ff7dae), color-stop(0.00, #ff9ec2));
    background: -webkit-linear-gradient(#ff9ec2, #ff7dae);
    background: -moz-linear-gradient(#ff9ec2, #ff7dae);
    background: -o-linear-gradient(#ff9ec2, #ff7dae);
    background: -ms-linear-gradient(#ff9ec2, #ff7dae);
    background: linear-gradient(#ff9ec2, #ff7dae);
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    height: 35px;
    line-height: 35px;
    padding-left: 5px;
}
.photo p {
    color: #666;
}
.photo .slick-slides {
    width: 95%;
    margin: 10px auto;
}
.movie h2 {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ff7dae), color-stop(0.00, #ff9ec2));
    background: -webkit-linear-gradient(#ff9ec2, #ff7dae);
    background: -moz-linear-gradient(#ff9ec2, #ff7dae);
    background: -o-linear-gradient(#ff9ec2, #ff7dae);
    background: -ms-linear-gradient(#ff9ec2, #ff7dae);
    background: linear-gradient(#ff9ec2, #ff7dae);
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    height: 35px;
    line-height: 35px;
    padding-left: 5px;
}
.movie .box {
    width: 95%;
    margin: 10px auto;
    position: relative;
}
.movie .title {
    color: #ff7aac;
    font-size: 16px;
    font-weight: bold;
    margin: 3px 0;
}
.movie .text {
    line-height: 15px;
    font-size: 12px;
}
/* ↓2022/11/16 */
.s_movie h2 {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ff7dae), color-stop(0.00, #ff9ec2));
    background: -webkit-linear-gradient(#ff9ec2, #ff7dae);
    background: -moz-linear-gradient(#ff9ec2, #ff7dae);
    background: -o-linear-gradient(#ff9ec2, #ff7dae);
    background: -ms-linear-gradient(#ff9ec2, #ff7dae);
    background: linear-gradient(#ff9ec2, #ff7dae);
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    height: 35px;
    line-height: 35px;
    padding-left: 5px;
}
.s_movie .box {
    width: 95%;
    margin: 10px auto;
    position: relative;
    text-align: center;
}
.s_movie .s_video {
    width: 200px;
}
.s_movie .s_title {
    margin: 5px 0;
}
/* ↑2022/11/16 */
.attention h2 {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ff7dae), color-stop(0.00, #ff9ec2));
    background: -webkit-linear-gradient(#ff9ec2, #ff7dae);
    background: -moz-linear-gradient(#ff9ec2, #ff7dae);
    background: -o-linear-gradient(#ff9ec2, #ff7dae);
    background: -ms-linear-gradient(#ff9ec2, #ff7dae);
    background: linear-gradient(#ff9ec2, #ff7dae);
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    height: 35px;
    line-height: 35px;
    padding-left: 5px;
}
.attention ul li .text {
    font-size: 12px;
    line-height: 15px;
}

.blog h2 {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ff7dae), color-stop(0.00, #ff9ec2));
    background: -webkit-linear-gradient(#ff9ec2, #ff7dae);
    background: -moz-linear-gradient(#ff9ec2, #ff7dae);
    background: -o-linear-gradient(#ff9ec2, #ff7dae);
    background: -ms-linear-gradient(#ff9ec2, #ff7dae);
    background: linear-gradient(#ff9ec2, #ff7dae);
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    height: 35px;
    line-height: 35px;
    padding-left: 5px;
}
ul, ol {
    list-style: none outside none;
}
.blog ul li {
    padding: 10px 10px;
    border-bottom: 2px solid #9c9b9b;
}
.blog ul li .img {
    width: 30%;
    float: left;
    margin-right: 3%;
    position: relative;
}
.blog ul li .img i.fa.fa-play {
    position: absolute;
    top: 3px;
    left: 3px;
    font-size: 10px;
    width: 22px;
    height: 22px;
    background: rgb(0 0 0 / 75%);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    text-indent: 2px;
    z-index:1;
}
.blog ul li .img img {
    width: 100%;
}
.blog ul li .text {
    float: left;
    width: 100%;
    margin: 5px 0;
    font-size: 12px;
    line-height: 15px;
}
.blog ul li .img ~ .text {
    width: 67%;
}
.blog ul li .text span {
    color: #ff7bac;
    display: block;
    margin-top: 3px;
}
.clearfix:after {
    content: "";
    clear: both;
    display: block;
}
.blog ul li: last-child {
    border-bottom: 0px;
}
.attention a {
    color:#333;
    text-decoration: none;
}
.attention .linkcolor {
    color: #53a6ed;
}
.cgirl a {
    color:#333;
    text-decoration: none;
}
.cgirl a:hover {
    color:#333;
    text-decoration: none;
}
.cgirl{
    margin-bottom: 10px;
}
.cgirl h2{
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ff7dae), color-stop(0.00, #ff9ec2));
    background: -webkit-linear-gradient(#ff9ec2, #ff7dae);
    background: -moz-linear-gradient(#ff9ec2, #ff7dae);
    background: -o-linear-gradient(#ff9ec2, #ff7dae);
    background: -ms-linear-gradient(#ff9ec2, #ff7dae);
    background: linear-gradient(#ff9ec2, #ff7dae);
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    height: 35px;
    line-height: 35px;
    padding-left: 5px;
}
.cgirl ul li .interview_link {
    background: rgba(255, 165, 51, 0.7) url("https://img.girlsheaven-job.net/img/fppc/interview_link.png") no-repeat scroll 13px center / 18px auto !important;
    color: #fff !important;
    float: right !important;
    font-size: 13px;
    padding: 8px 15px 8px 0;
    text-align: right;
    width: 150px;
}
.interview_link:hover {
    color: #fff;
}

.voice{
    margin-bottom: 10px;
}
.voice h2{
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ff7dae), color-stop(0.00, #ff9ec2));
    background: -webkit-linear-gradient(#ff9ec2, #ff7dae);
    background: -moz-linear-gradient(#ff9ec2, #ff7dae);
    background: -o-linear-gradient(#ff9ec2, #ff7dae);
    background: -ms-linear-gradient(#ff9ec2, #ff7dae);
    background: linear-gradient(#ff9ec2, #ff7dae);
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    height: 35px;
    line-height: 35px;
    padding-left: 5px;
}
#voiceBlock a {
    color: #333333;
}
.voice li{
    border-bottom: 2px solid #9c9b9b;
}
.voice li:nth-child(even){
    background-color: #ffe2ed;
}
.voiceBoxL,
.voiceBoxR{
    overflow:hidden;
    display: table;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}
.voiceBoxL {
    background-color: #fff;
}
.voiceBoxL .voiceBoxText,
.voiceBoxR .voiceBoxText{
    position: relative;
    z-index: 2;
}
.voiceBoxL .voiceBoxText .name{
    text-align:right;
    padding-left:15px;
}
.voiceBoxR .voiceBoxText{
    background-color: #ffe2ed;
}
.voiceBoxR .voiceBoxText .name{
    text-align:left;
    padding-right:15px;
}
.voiceBoxImg {
    position: relative;
    width: 100px;
    height: auto;
    z-index: 1;
    display: table-cell;
}
.voiceBoxImg img {
    border:3px solid #fff;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
    height: auto;
    width: 100%;
    vertical-align: top;
}
.voiceBoxL .voiceBoxImg img {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    transform: rotate(-10deg);
}
.voiceBoxR .voiceBoxImg img {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    transform: rotate(10deg);
}
.voiceBoxL .voiceBoxText,
.voiceBoxR .voiceBoxText{
    display: table-cell;
}
.voiceBoxL .noImage,
.voiceBoxR .noImage{
    width:700px;
}
.voiceBoxL .voiceBoxText .name,
.voiceBoxR .voiceBoxText .name{
    font-size:15px;
    font-weight:bold;
    color:#ff7aac;
    margin-bottom:5px;
}
.voiceBoxL .voiceBoxText .comment,
.voiceBoxR .voiceBoxText .comment{
    border:2px solid #7c6c64;
    padding:12px;
    position:relative;
    min-height:60px;
    border-radius: 5px;
    color: #515151;
    font-size: 12px;
    line-height: 15px;
    background-color: #fff;
}
.voiceBoxL .voiceBoxImg {
    padding: 10px 5px 0 10px;
}
.voiceBoxR .voiceBoxImg{
    padding: 10px 10px 0 5px;
}
.voiceBoxR .voiceBoxText .comment:before,
.voiceBoxR .voiceBoxText .comment:after{
    border:medium solid transparent;
    content:"";
    height:0;
    left:100%;
    position:absolute;
    width:0;
}
.voiceBoxR .voiceBoxText .comment:before{
    border-left-color:#7c6c64;
    border-width:10px 15px;
    top:15px;
}
.voiceBoxR .voiceBoxText .comment:after{
    border-left-color: #FFFFFF;
    border-width: 7px 11px;
    top: 18px;
}
.voiceBoxL .voiceBoxText .comment:before,
.voiceBoxL .voiceBoxText .comment:after{
    border:medium solid transparent;
    content:"";
    height:0;
    right:100%;
    position:absolute;
    width:0;
}
.voiceBoxL .voiceBoxText .comment:before{
    border-right-color:#7c6c64;
    border-width:10px 15px;
    top:15px;
}
.voiceBoxL .voiceBoxText .comment:after{
    border-right-color: #FFFFFF;
    border-width: 7px 11px;
    top: 18px;
    left: -22px;
}
/* ↓ 先輩ボイス動画追加 2016/11/08 */
.jv_voiceList{
    padding: 10px 0;
}
#jv_voice a {
    color: #333333;
}
.jv_voicebox {
    border-bottom: 1px solid #ccc;
    padding: 10px 20px 20px;
    position: relative;
}
.jv_voiceBoxL, .jv_voiceBoxR {
    overflow: hidden;
}
.jv_voiceBoxL .jv_voiceBoxText, .jv_voiceBoxR .jv_voiceBoxText {
    margin-bottom: 15px;
    width: 200px;
}
.jv_voiceBoxL .jv_voiceBoxText {
    float: right;
}
.jv_voiceBoxR .jv_voiceBoxText {
    float: left;
}
.jv_voiceBoxL .jv_voiceBoxText .jv_name {
    text-align: left;
}
.jv_voiceBoxR .jv_voiceBoxText .jv_name {
    text-align: right;
}
.jv_voiceBoxL .jv_voiceBoxText .jv_name, .jv_voiceBoxR .jv_voiceBoxText .jv_name {
    color: #666666;
    font-size: 13px;
    font-weight: bold;
    line-height: 16px;
    margin: 0 0 5px;
    padding: 0;
}
.jv_voiceBoxL .jv_voiceBoxText .jv_comment, .jv_voiceBoxR .jv_voiceBoxText .jv_comment {
    color: #444;
    background-color: #FFFFFF;
    border: 3px solid #f7cdde;
    border-radius: 5px;
    min-height: 60px;
    padding: 12px;
    position: relative;
}
.jv_voiceBoxL .jv_voiceBoxText .jv_comment {
    border-left-color: #f7cdde;
    border-width: 3px;
    font-size: 12px;
    padding: 5px;
    top: 0;
}
.jv_voiceBoxL .jv_voiceBoxText .jv_comment::before, .jv_voiceBoxL .jv_voiceBoxText .jv_comment::after {
    border: medium solid transparent;
    content: "";
    height: 0;
    position: absolute;
    right: 100%;
    width: 0;
}
.jv_voiceBoxL .jv_voiceBoxText .jv_comment::before {
    border-right-color: #f7cdde;
    border-width: 10px 15px;
    top: 15px;
}
.jv_voiceBoxL .jv_voiceBoxText .jv_comment::after {
    border-right-color: #ffffff;
    border-width: 5px 10px;
    top: 20px;
}
.jv_voiceBoxR .jv_voiceBoxText .jv_comment {
    border-left-color: #f7cdde;
    border-width: 3px;
    font-size: 12px;
    padding: 5px;
    top: 0;
}
.jv_voiceBoxR .jv_voiceBoxText .jv_comment::before, .jv_voiceBoxR .jv_voiceBoxText .jv_comment::after {
    border: medium solid transparent;
    content: "";
    height: 0;
    left: 100%;
    position: absolute;
    width: 0;
}
.jv_voiceBoxR .jv_voiceBoxText .jv_comment::before {
    border-left-color: #f7cdde;
    border-width: 10px 15px;
    top: 15px;
}
.jv_voiceBoxR .jv_voiceBoxText .jv_comment::after {
    border-left-color: #ffffff;
    border-width: 5px 10px;
    top: 20px;
}
.jv_voicebox .voiceBoxMovie, .existMovie .DummyVoiceBoxMovie{
    display: none;
}
.jv_voiceBoxL .jv_voiceBoxImg,
.jv_voiceBoxR .jv_voiceBoxImg{
    border: none;
    margin-bottom: 5px;
    width: 80px;
    padding: 0 2px;
}
.jv_voiceBoxL .jv_voiceBoxImg img,
.jv_voiceBoxR .jv_voiceBoxImg img{
    width: 80px;
}
.jv_voiceBoxL .noImage, .jv_voiceBoxR .noImage {
    width: 300px;
}
.jv_voiceBoxL .jv_voiceBoxImg {
    float: left;
}
.jv_voiceBoxR .jv_voiceBoxImg {
    float: right;
}
.jv_voiceBoxImg .jv_movie_btn {
    background: rgba(0, 0, 0, 0) -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#c9c9c9)) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) -webkit-linear-gradient(top, #fefefe 0%, #c9c9c9 88%) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fefefe 0%, #c9c9c9 88%) repeat scroll 0 0;
    border: 1px solid #c6c6c6;
    border-radius: 50px;
    color: #222;
    font-size: 10px;
    height: 30px;
    line-height: 30px;
    margin: 10px auto 5px;
    position: relative;
    text-decoration: none;
    text-indent: 24px;
    width: 80px;
    display: block;
}
.jv_voiceBoxL .jv_voiceBoxImg .jv_movie_btn img, .jv_voiceBoxR .jv_voiceBoxImg .jv_movie_btn img {
    border: medium none;
    left: 4px;
    position: absolute;
    top: 5px;
    width: 18px;
    box-shadow: none !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    transform: none !important;
}
.jv_voiceBoxImg img {
    border: 1px solid #999;
    border-radius: 5px;
    height: auto;
    vertical-align: top;
}
.jv_voicebox div[id^="player"]{
    width: 240px;
    height: 428px;
    border-radius: 5px;
    background-color: #000000;
}
.jv_voicebox div[id^="player"] video[id^="video"]{
    width: 240px;
    height: 428px;
    border-radius: 5px;
}
.jv_popup_movie{
    background-color: rgba(0, 0, 0, 0.75);
    border-radius: 0.6em;
    box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 20px;
    position: fixed;
    text-align: center;
    top: 30px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 9999;
    width: 100%;
    height: 468px;
    transform: none;
    box-sizing: border-box;
}
.jv_mask_movie{
    background-color: rgb(255, 255, 255);
    height: 120%;
    height: 120vh;
    left: 0;
    opacity: 0.92;
    position: fixed;
    top: 0;
    width: 100%;
    width: 100vw;
    z-index: 3000;
}
.jv_voicebox div[id^="player"] {
    position: fixed;
    text-align: center;
    top: 50px;
    left: 50%;
    right: 0;
    margin-left: -120px;
    z-index: 10000;
    width: 240px;
    height: 428px;
}
.voice_movie_btn{
    background: rgba(0, 0, 0, 0) -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#c9c9c9)) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) -webkit-linear-gradient(top, #fefefe 0%, #c9c9c9 88%) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fefefe 0%, #c9c9c9 88%) repeat scroll 0 0;
    border: 1px solid #c6c6c6;
    border-radius: 50px;
    color: #222;
    font-size: 10px;
    height: 30px;
    line-height: 30px;
    margin: 10px auto 5px;
    position: relative;
    text-decoration: none;
    text-indent: 24px;
    width: 80px;
    display: block;
}

.voice_movie_btn img {
    border: medium none;
    left: 4px;
    position: absolute;
    top: 5px;
    width: 18px;
    box-shadow: none !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    transform: none !important;
}
/* ↑ 先輩ボイス動画追加 2016/11/08 */
.fs h2 {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ff7dae), color-stop(0.00, #ff9ec2));
    background: -webkit-linear-gradient(#ff9ec2, #ff7dae);
    background: -moz-linear-gradient(#ff9ec2, #ff7dae);
    background: -o-linear-gradient(#ff9ec2, #ff7dae);
    background: -ms-linear-gradient(#ff9ec2, #ff7dae);
    background: linear-gradient(#ff9ec2, #ff7dae);
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    height: 35px;
    line-height: 35px;
    padding-left: 5px;
}
.more_btn {
    position: absolute;
    right: 10px;
}
.h2_content_inner .more_btn {
    top: 33%;
}

/* ↓ 先輩ボイス動画追加 2016/11/08 */
/*.movie h2 span.more_btn span, .blog h2 span.more_btn span {
    background-color: #fff;
    color: #ff77aa;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    font-size: 12px;
    padding: 4px 13px;
}*/
.movie h2 span.more_btn span, .s_movie h2 span.more_btn span, .blog h2 span.more_btn span, .voice h2 span.more_btn span, .dc_wrap h2 span.more_btn span {
    background-color: #fff;
    color: #ff77aa;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    font-size: 12px;
    padding: 4px 13px;
}

/* ↑ 先輩ボイス動画追加 @EXCEED 2016/11/08 */
.fs .box {
    width: 95%;
    margin: 0 auto 10px;
}
.more_btn_l {
    background-color: #f1efef;
    color: #6a6a6a;
    display: block;
    width: 65%;
    margin: 0 auto;
    height: 36px;
    line-height: 37px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    font-weight: bold;
    font-size: 16px;
    border: 2px solid #b8b8b8;
    box-shadow: 0 2px 0 #bfbfbf;
}
.fs .box .pic {
    text-align: center;
    margin: 10px 0 5px;
}
.fs .box .title {
    color: #ff77aa;
    font-weight: bold;
}
.fs .box .pic img {
    max-width: 100%;
    height: auto;
}
.fs .box p img, .fs .box div img {
    text-align: center;
    margin: 10px 0 5px;
    max-width: 100%;
}
.fs .box p .more_btn_l img {
    margin: 0;
}
.read-more {
    overflow: hidden;
    position: relative;
    max-height: 400px;
}
.read-more-innner {
    width: 100%;
    overflow: hidden;
}
.point .read-more {
    max-height: 192px;
}
.treatment .read-more {
/* ↓ 店ページ新業種・業態対応 2016/08/18 */
/*    max-height: 143px; */
    max-height: 176px;
/* ↑ 店ページ新業種・業態対応 2016/08/18 */
}
.fs .read-more {
    max-height: 300px;
}
.read-more + .more-btn-wrap {
    position: relative;
    bottom: 0;
    width: 100%;
    text-align: center;
/* ↓ 店ページ新業種・業態対応 2016/08/18 */
/*    padding: 4px 0 10px; */
    padding: 13px 0 0;
/* ↑ 店ページ新業種・業態対応 2016/08/18 */
    display: none;
}
.more-btn-wrap .more_btn_l img {
    position: relative;
    top: 3px;
    width: 20px;
    margin-right: 4px;
}
.read-more + .more-btn-wrap .more_btn_l img {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
}
.read-more.open + .more-btn-wrap .more_btn_l img {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
}
.tokuten h2 {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ff7dae), color-stop(0.00, #ff9ec2));
    background: -webkit-linear-gradient(#ff9ec2, #ff7dae);
    background: -moz-linear-gradient(#ff9ec2, #ff7dae);
    background: -o-linear-gradient(#ff9ec2, #ff7dae);
    background: -ms-linear-gradient(#ff9ec2, #ff7dae);
    background: linear-gradient(#ff9ec2, #ff7dae);
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    height: 35px;
    line-height: 35px;
    padding-left: 5px;
}
.tokuten .box {
    width: 95%;
    margin: 0 auto;
}
.tokuten .img {
    margin: 10px 0;
}
.tokuten .text {
    margin: 5px;
    line-height: 15px;
    font-size: 12px;
}
 .contents_detail h2 {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ff7dae), color-stop(0.00, #ff9ec2));
    background: -webkit-linear-gradient(#ff9ec2, #ff7dae);
    background: -moz-linear-gradient(#ff9ec2, #ff7dae);
    background: -o-linear-gradient(#ff9ec2, #ff7dae);
    background: -ms-linear-gradient(#ff9ec2, #ff7dae);
    background: linear-gradient(#ff9ec2, #ff7dae);
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    height: 35px;
    line-height: 35px;
    padding-left: 5px;
}
.tel-close {
    position: absolute;
    top: 10px;
    right: 12px;
    background-color: #ccc;
    padding: 5px;
    border-radius: 50px;
    color: #fff;
    font-size: 16px;
}
.mail-close {
    position: absolute;
    top: 10px;
    right: 12px;
    background-color: #ccc;
    padding: 5px;
    border-radius: 50px;
    color: #fff;
    font-size: 16px;
}
h2, .blog .text, .shop_info .more_btn_l {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.blog .text {
    color: #333333;
}
#jobdetail {
    width: 100%;
    overflow: hidden;
}
.blog ul li:last-child {
    border: none;
}
.blog ul li .img ~ .text {
    width: 67%;
}
.slick-slides img {
    display: block;
    margin: 0 auto;
    border: 1px solid #CCCCCC;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2px;
    width: 90%;
}
.slick-slides p {
    -webkit-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
    opacity: 0;
    font-size: 12px;
    margin: 3px 0;
    padding: 0 3px;
}
.slick-center p {
    opacity: 1;
}
.box .main_pic_deco {
    margin: 7px auto;
}
.box .main_pic {
    width: 98%;
    margin: 7px auto;
    text-align: center;
}
/* ↓ レイアウト変更 @SC matasuo 20220819 */
.box .main_pic_deco img {
    max-width: 240px;
    max-height: 180px;
    height: auto;
    float: left;
    margin-right: 7px;
    width: 45%;
}
.box .main_pic img {
    max-width: 240px;
    max-height: 180px;
    height: auto;
    margin-right: 7px;
}
/* ↑ レイアウト変更 @SC matasuo 20220819 */
.box .main_pic:after {
    clear: both;
    display: block;
    content: "";
    visibility: hidden;
    height: 0;
}
/* ↓ レイアウト変更 @SC matasuo 20220819　*/
.box .main_pic .text {
    float: none;
    width: auto;
    font-size: 14px;
    line-height: 22px;
    text-align: initial;
}
/* ↑ レイアウト変更 @SC matasuo 20220819　*/
/* .box .main_pic .text + img {
    float: left;
    width: 45%;
} */
.ui-dialog .ui-dialog-titlebar {
    display: none;
}
.job-modal {
    display: none;
    z-index: -1;
    position: fixed;
    text-align: center;
    width: 90%;
    margin: 0 5%;
    opacity: 0;
    top: 15%;
    -webkit-box-shadow:0 0 0 0px rgba(0,0,0,0);
    box-shadow:0 0 0 0px rgba(0,0,0,0);
}
.job-modal.open {
    display: block;
    opacity: 0;
    top: 15%;
    z-index: 1001;
    -webkit-box-shadow:0 0 0 0 rgba(0,0,0,0);
    box-shadow:0 0 0 0 rgba(0,0,0,0);
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
}
.job-modal.open.show {
    opacity: 1;
    top: 10%;
    -webkit-box-shadow:0 80px 50px -60px rgba(0,0,0,0.5);
    box-shadow:0 80px 50px -60px rgba(0,0,0,0.5);
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
}
.detail-callcenter-popover-tel.job-modal {
    top: 35%;
}
.detail-callcenter-popover-tel.job-modal.open {
    top: 35%;
}
.detail-callcenter-popover-tel.job-modal.open.show {
    top: 30%;
}
.detail-callcenter-popover-mail.job-modal {
    top: 35%;
}
.detail-callcenter-popover-mail.job-modal.open {
    top: 35%;
}
.detail-callcenter-popover-mail.job-modal.open.show {
    top: 30%;
}
.job-modal + #job-modal-overlay {
    display: none;
    z-index: -1;
    position: fixed;
    width: 100%;
    width: 100vw;
    height: 120%;
    height: 120vh;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.3);
    opacity: 0;
}
.job-modal.open + #job-modal-overlay {
    display: block;
    z-index: 1000;
    opacity: 0;
    -webkit-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    transition: opacity .2s ease;
}
.job-modal.open.show + #job-modal-overlay {
    opacity: 1;
    -webkit-transition: opacity .4s ease;
    -moz-transition: opacity .4s ease;
    transition: opacity .4s ease;
}
.detail-callcenter-popover-tel, .detail-callcenter-popover-mail {
    background-color: #fff;
    padding: 20px 0;
    border-radius: 5px;
}
.detail-callcenter-popover-tel p {
    color: #333333;
}
.detail-callcenter-popover-tel a, .detail-callcenter-popover-mail a {
    display: inline-block;
    color: #fff !important;
}
.detail-callcenter-popover-mail .btn-wrap:first-child {
    margin-top:22px;
}
.setumei {
    margin-top: 4px;
}
#jobdetail .shopDescriptionImg#jobDetail {
    width: 100%;
    max-width: 580px;
}
.video_file_tag {
    position: absolute;
    top: 0;
    left: 0;
}
.shopcontents .oubo .sns {
    width: 62%;
}
.shopcontents .oubo {
    background-color: initial;
    margin-top: 0px;
}

/* ↓ 先輩ボイス動画追加 2016/11/08 */
@media only screen and (max-width:320px) {
.jv_voiceBoxL .jv_voiceBoxText, .jv_voiceBoxR .jv_voiceBoxText {
    margin-bottom: 15px;
    width: 170px;
}
.jv_voiceBoxL .noImage, .jv_voiceBoxR .noImage {
    width:200px;
}
}
/* ↑ 先輩ボイス動画追加 2016/11/08 */
/* ↓2022/07/04 */
.qa {
    margin: 10px 0;
}
.qa h2 {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ff7dae), color-stop(0.00, #ff9ec2));
    background: -webkit-linear-gradient(#ff9ec2, #ff7dae);
    background: -moz-linear-gradient(#ff9ec2, #ff7dae);
    background: -o-linear-gradient(#ff9ec2, #ff7dae);
    background: -ms-linear-gradient(#ff9ec2, #ff7dae);
    background: linear-gradient(#ff9ec2, #ff7dae);
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    height: 35px;
    line-height: 35px;
    padding-left: 5px;
}
.qa .qa_block {
    width: 95%;
    margin: 0 auto;
}
.qa .read-more {
    max-height: 0;
}
.qa .qa_item {
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: solid 1px #FF9FC3;
}
.qa .q_text,
.qa .a_text {
    position: relative;
    margin-top: 10px;
    padding: 2px 0 0 30px;
    min-height: 25px;
    line-height: 20px;
    font-size: 12px;
    box-sizing: border-box;
}
.q_text{
    font-weight: bold;
}
.qa .a_text {
    margin-top: 7px;
}
.qa .icon_q, 
.qa .icon_a {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    margin: 0;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    line-height: 25px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 100;
    text-align: center;
    background-color: #000000;
}
.qa .icon_a {
    background-color: #F8B2D1
}
/* ↑2022/07/04 */

.web-oubo {
    margin: 10px 0;
}
.web-oubo img {
    width: 100%;
}

body>ul>li.openerbar>a.shop {
    color: #333333 !important;
}

/* ↓2023/02/20 */
.dc_wrap {
    margin: 10px 0 0;
}
.dc_wrap h2 {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ff7dae), color-stop(0.00, #ff9ec2));
    background: -webkit-linear-gradient(#ff9ec2, #ff7dae);
    background: -moz-linear-gradient(#ff9ec2, #ff7dae);
    background: -o-linear-gradient(#ff9ec2, #ff7dae);
    background: -ms-linear-gradient(#ff9ec2, #ff7dae);
    background: linear-gradient(#ff9ec2, #ff7dae);
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    height: 35px;
    line-height: 35px;
    padding-left: 5px;
}
.dc_wrap .dc_block {
    margin: 10px auto 0;
    width: 95%;
}
.dc_wrap .dc_block .contentslist {
    font-size: 0;
}
.dc_wrap .dc_block .contentslist li {
    display: inline-block;
    padding: 10px 0;
    width: 100%;
    text-align: center;
    vertical-align: top;
    box-sizing: border-box;
    border-bottom: 1px solid #CCC;
}
.dc_wrap .dc_block .contentslist li:last-child {
    margin-bottom: 0;
    border-bottom: none;
}
.dc_wrap .dc_block .contentslist a {
    display: inline-block;
    width: 100%;
}
.dc_wrap .dc_block .contentslist a:active {
    background-color: transparent !important;
}
.dc_wrap .dc_block .contentslist .contentsimg {
    position: relative;
    display: inline-block;
    width: 30%;
    overflow: hidden;
}
.dc_wrap .dc_block .contentslist .contentsimg::before {
    content: '';
    display: block;
    padding-top: 75%;
}
.dc_wrap .dc_block .contentslist .contentsimg.mv {
    /*background-color: #000;*/
}
.dc_wrap .dc_block .contentslist .contentsimg .imgbox1 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.dc_wrap .dc_block .contentslist .contentsimg .imgbox2 {
    width: 100%;
    max-height: 100%;
}
.dc_wrap .dc_block .contentslist .contentsimg .dcImg {
    width: 100%;
    height: auto;
    vertical-align: middle;
}
.dc_wrap .dc_block .contentslist .playImg {
    width: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    filter: drop-shadow(0px 0px 8px black);
    z-index: 1;
}
.dc_wrap .dc_block .contentslist .contentstext {
    display: inline-block;
    margin-top: 5px;
    padding-left: 10px;
    width: calc(100% - 30%);
    height: auto;
    color: #666666;
    overflow: hidden;
    vertical-align: top;
    box-sizing: border-box;
}
.dc_wrap .dc_block .contentslist .contentstext div {
    line-height: 20px;
    font-size: 12px;
    text-align: left;
}
@media only screen and (max-width:820px) {
    .dc_wrap .dc_block .contentslist .playImg {
        width: 50px;
    }
}
@media only screen and (max-width:540px) {
    .dc_wrap .dc_block .contentslist .playImg {
        width: 40px;
    }
}
@media only screen and (max-width:400px) {
    .dc_wrap .dc_block .contentslist .playImg {
        width: 30px;
    }
}
/* ↑2023/02/20 */

/* 2024/08/30 ヘブン検定各フロント表示対応 start */
div.exam-mark {
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 4px 0px;
}
div.exam-mark>img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
/* ↑2023/10/10 */