@charset "utf-8";

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

  キャッチ、トップイメージ

---------------------------------------*/
#top h3 {
    display: inline-block;
    position: relative;
    margin: 5px 0 14px 22px;
    font-size: 1.3rem;
    color: #979797;
}
#top h3::before {
    content: "";
    position: absolute;
    left: -20px;
    top: 8px;
    width: 10px;
    height: 1px;
    background-color: #979797;
}
#top h3::after {
    content: "";
    position: absolute;
    right: -20px;
    top: 8px;
    width: 10px;
    height: 1px;
    background-color: #979797;
}
h3#shop_catch {
    display: block;
    line-height: 1.3;
    margin: 10px 0 20px 0;
    color: #bb9365;
    font-size: 2.4rem;
}
h3#shop_catch::before,
h3#shop_catch::after {
    content: none;
}
#top .image_left {
    float: left;
    width: 300px;
    margin: 0;
    padding: 0 0 15px 0;
}
#top .eyecatch {
    position: relative;
    top: -20px;
    left: -20px;
    width: 680px;
}
#top .eyecatch_b {
    position: relative;
    top: 0;
    left: 0;
    width: 300px;
}

#top .image_right {
    float: right;
    width: 340px;
    margin: 0;
    padding: 0 0 0 20px;
}
/*========　募集要項　========*/
#top .image_right .recruitment {
    width: 100%;
    margin-top: -6px;
    text-align: left;
    border-collapse: separate;
    border-spacing: 0 6px;
    vertical-align: top;
}
#top .image_right .recruitment tr {
    border-top: solid 1px #dcdcdc;
}
#top .image_right .recruitment th {
    width: 90px;
    padding: 10px 0px 10px 10px ;
    font-weight: 300;
    font-size: 1.3rem;
    background-color: #fff9e5;
    vertical-align: middle;
}
#top .image_right .recruitment th .message_ttl {
    display: inline-block;
    color: #fc648a;
    cursor: pointer;
    text-decoration: underline;
    font-size: 1.1rem;
}
#top .image_right .recruitment th .message_ttl:hover {
    text-decoration: none;
}
#top .image_right .recruitment td {
    padding: 5px 10px;
    vertical-align: middle;
}
#top .image_right .recruitment td .access {
    display: block;
    color: #54afc1;
    font-size: 1.2rem;
}
#top .image_right .recruitment th.assure {
    background: #fff9e5;
}

#top .image_right .recruitment th img.yorutomo {
    margin: -4px 2px 0 -2px;
    width: 40px;
}

/*========　入店祝い金　========*/
#top .image_right .iwai {
    position: relative;
    display: inline-block;
    margin: 0 10px 6px 0;
    height: 20px;
    line-height: 20px;
    text-align: center;
    padding: 0 14px;
    background: #fa628b;
    color: #fff;
    font-size: 1.3rem;
}
#top .image_right .iwai.hosyou {
    margin: 0 0 6px 0px;
}
#top .image_right .iwai:before,
#top .image_right .iwai:after{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    z-index: 1;
}
#top .image_right .iwai:before{
    top: 0;
    left: 0;
    border-width: 10px 0px 10px 5px;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
}
#top .image_right .iwai:after{
    top: 0;
    right: 0;
    border-width: 10px 5px 10px 0px;
    border-color: transparent #fff transparent transparent;
    border-style: solid;
}
/*コロナ対策*/
.coronavirus {
    margin: 10px 0 30px 0;
    border: 2px solid #DDD;
}
.coronavirus .ttl {
    background: #F2F2F2;
    padding: 8px;
    color: #F66563;
    font-size: 1.6rem;
    text-align: center;
}
.coronavirus .text {
    line-height: 1.4;
    padding: 10px;
    color: #666;
}

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

  ピックアップ

---------------------------------------*/
.pickup {
    position: relative;
    width: 100%;
    margin: 40px 0;
    padding: 10px;
    background: #fff url(/pc/img/chihou/shop/bg_pickup.png) no-repeat left -60px;
    box-shadow: 0 -4px 6px 0 rgba(0, 0, 0, .1), 0 3px 2px 0 rgba(0, 0, 0, .1);
}
.pickup .ttl_pickup {
    display: block;
    position: absolute;
    top: -10px;
    left: 10px;
    width: 140px;
}
.pickup .pickup_time {
    display: block;
    position: absolute;
    top: 20px;
    right: 0;
    line-height: 1;
    padding: 8px 10px 3px 16px;
    background: #000;
    color: #fff;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 2.4rem;
}
.pickup .pickup_time span {
    display: inline-block;
    position: relative;
    top: -2px;
    line-height: 1;
    margin-left: 10px;
    padding: 5px 8px 0 8px;
    border-radius: 10px 10px 10px 0;
    font-size: 2rem;
    background: #999;
    color: #000;
}
.pickup .wrapper {
    width: 480px;
    margin: 70px auto 10px auto;
}
.pickup .wrapper h4 {
    margin-bottom: 30px;
    text-align: center;
}
.pickup .wrapper h4 span {
    display: inline-block;
    color: #bb9365;
    line-height: 1.3;
    font-size: 2.8rem;
    font-weight: 600;
    text-align: left;
}
.pickup .wrapper {
    padding: 0 0 40px 0;
    line-height: 1.8;
}
.pickup .wrapper img {
    display: block;
    max-width: 480px;
    margin: 20px auto;
}
.pickup .wrapper#js-pickup {
    display: block;
    position: relative;
    width: 480px;
}
.pickup .wrapper#js-pickup.hidden::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 480px;
    height: 100px;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}

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

  応募特典

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

.tokuten {
    position: relative;
    border: solid 3px #fff;
    padding: 44px 10px 10px;
    margin: 40px 0 0;
    background: linear-gradient(135deg, rgba(221,214,243,0.7), rgba(250,172,168,0.7)), #fff;
    background: -webkit-linear-gradient(top left, rgba(221,214,243,0.7), rgba(250,172,168,0.7)), #fff;
}
.tokuten::after {
    content:url(/pc/img/chihou/shop/omt_tokuten_pc.png);
    display:block;
    position:absolute;
    bottom: -40px;
    right: -25px;
}
.tokuten .wrapper {
    border-radius: 8px;
    padding: 32px 20px 32px;
    background: #fff;
}
.tokuten .wrapper .ttl_tokuten {
    position: absolute;
    top: 12px;
    left: 27px;
    margin: 0;
}
.tokuten .wrapper h3 {
    margin-bottom: 0px;
    padding: 0 0 4px 0;
    color: #bb9365;
    font-size: 1.8rem;
}
.tokuten .wrapper h4 {
    margin: 20px 0 0;
    padding: 0;
    color: #555;
    font-size: 1.6rem;
    border-bottom: dashed 1px #979797;
}
.tokuten .wrapper h4:nth-of-type(n+2) {
    margin-top: 40px;
}
.tokuten .wrapper p {
    margin: 10px 0;
    padding: 0;
    font-size:1.4rem;
}
.tokuten .wrapper em {
    display: inline-block;
    min-width: 120px;
    line-height: 1.6;
    vertical-align: middle;
    margin-top: 4px;
    margin-right: 4px;
    padding: 2px 6px;
    border-radius: 3px;
    background: #f09eb1;
    color: #fff;
    font-size: 1.2rem;
    text-align: center;
}
.tokuten .wrapper img {
    display: block;
    max-width: 480px;
    margin: 0 auto;
}
.tokuten .ouenkin_tk {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 7px 6px 6px 48px;
    margin: 20px 0 10px 0;
    border: solid 1px #666;
    border-radius: 4px;
    box-shadow: 2px 2px 0 rgba(0,0,0,.1);
    background-size: auto auto;
    background-color: rgba(255, 255, 255, 1);
    background-image: -webkit-repeating-linear-gradient(-30deg, transparent, transparent 12px, rgba(255, 244, 248, 1) 12px, rgba(255, 244, 248, 1) 24px );
    background-image: repeating-linear-gradient(-60deg, transparent, transparent 12px, rgba(255, 244, 248, 1) 12px, rgba(255, 244, 248, 1) 24px );
}
.tokuten .ouenkin_tk img {
    height: inherit;
    display:inline;
    margin: 0 12px;
}
.tokuten .ouenkin_tk::before {
    content: "";
    display: block;
    position: absolute;
    top: 52%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 6px;
    width: 50px;
    height: 61px;
    background: url(/pc/img/common/medal_ouenkin_pc.png) center /contain no-repeat;
}
tokuten .ouenkin_tk .last {
    width: 64px;
    height: 46px;
}
.tokuten .ouenkin_tk2 {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 7px 6px 6px 48px;
    margin: 20px 0 10px 0;
    border: solid 1px #666;
    border-radius: 4px;
    box-shadow: 2px 2px 0 rgba(0,0,0,.1);
    background-size: auto auto;
    background-color: rgba(255, 255, 255, 1);
    background-image: -webkit-repeating-linear-gradient(-30deg, transparent, transparent 12px, rgba(255, 244, 248, 1) 12px, rgba(255, 244, 248, 1) 24px );
    background-image: repeating-linear-gradient(-60deg, transparent, transparent 12px, rgba(255, 244, 248, 1) 12px, rgba(255, 244, 248, 1) 24px );
}
.tokuten .ouenkin_tk2 img {
    height: inherit;
    display:inline;
    margin: 0 12px;
}
.tokuten .ouenkin_tk2::before {
    content: "";
    display: block;
    position: absolute;
    top: 52%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 6px;
    width: 50px;
    height: 61px;
    background: url(/pc/img/common/medal_ouenkin_pc.png) center /contain no-repeat;
}
.tokuten .ouenkin_tk2 .last {
    display: grid;
    place-content: center;
    align-content: stretch;
    border: solid 2px #666;
    border-radius: 4px;
    color: #575757;
    background: #fff;
    height: 54px;
}
.tokuten .ouenkin_tk2 .last span {
    text-align: center;
}
.tokuten .ouenkin_tk2 .last span:nth-child(1) {
    display: flex;
    align-items: center;
    line-height: 11px;
    padding: 2px 4px;
    color: #fff;
    background: #575757;
    font-size: 10px;
}
.tokuten .ouenkin_tk2 .last span:nth-child(2) {
    place-content: center;
    font-weight: bold;
    font-size: 11px;
}
.tokuten .ouenkin_tk2 .last b {
    padding: 0 2px;
    color: #ea447f;
    font-size: 18px;
}
.tokuten .ouenkin_tk2 .last.zero {
    border-color: #808080;
    background: #e6e6e6;
}
.tokuten .ouenkin_tk2 .last.zero span:nth-child(1) {
    color: #e6e6e6;
}
.tokuten .ouenkin_tk2 .last.zero b {
    color: #7c7c7c;
}

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

  風俗お悩み相談

---------------------------------------*/
.onayami {
    position: relative;
    padding: 16px 10px 10px 10px;
    margin: 40px 0 0;
    background: #32BACA;
}
.onayami .wrapper {
    border-radius: 8px;
    margin: 16px 0 0 0;
    padding: 16px 20px 20px;
    background: #fff;
    font-size: 1.3rem;
    text-align: right;
}
.onayami .wrapper .case_onayami {
    border-bottom: dashed 1px #979797;
    padding: 20px 0 16px;
    position: relative;
    text-align: left;
}
.onayami .wrapper .case_onayami .theme_onayami {
    color: #F8A7A7;
}
.onayami .wrapper .case_onayami .day_onayami {
    margin: 0 0 0 10px;
    color: #ccc;
}
.onayami .wrapper .case_onayami .q_girl {
    display: block;
    line-height: 1.6;
    margin: 10px 0 0 0;
    color: #333;
    font-size: 1.6rem;
    font-weight: bold;
    text-decoration: underline;
}
.onayami .wrapper .case_onayami .q_girl:hover {
    text-decoration: none;
}
.onayami .wrapper .case_onayami .q_girl b {
    margin: 0 8px 0 0;
    color: #F8A7A7;
}
.onayami .wrapper .case_onayami input + label {
    position: absolute;
    right: 20px;
    top: 50px;
    width: 20px;
    height: 20px;
}
.onayami .wrapper .case_onayami input + label::before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background: #EC8B8A;
    width: 20px;
    height: 2px;
}
.onayami .wrapper .case_onayami input + label::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background: #EC8B8A;
    width: 2px;
    height: 20px;
}
/*.onayami .wrapper .case_onayami input:checked + label::after {
    display: none;
}
.onayami .wrapper .case_onayami input:checked + label ~ .a_staff {
    height: auto;
    visibility: visible;
    opacity: 1;
    margin: 14px 0 0 0;
    padding: 20px;
}
.onayami .wrapper .case_onayami .a_staff {
    height: 0;
    margin: 0;
    padding: 0 20px;
    border-radius: 6px;
    background: #f4f4f4;
    transition: .4s;
    visibility: hidden;
    opacity: 0;
}*/
.onayami .wrapper .case_onayami .a_staff {
    height: auto;
    margin: 14px 0 0 0;
    padding: 20px;
    border-radius: 6px;
    background: #f4f4f4;
    transition: .4s;
    visibility: visible;
    opacity: 1;
}
.onayami .wrapper .case_onayami .a_staff img {
    width: auto;
    margin: 0 12px 0 0;
}
.onayami .wrapper .case_onayami .a_staff p {
    display: inline-block;
    width: 90%;
    line-height: 1.8;
    color: #333;
    vertical-align: middle;
}
.onayami .wrapper .case_onayami + a {
    display: inline-block;
    margin: 20px 0 0 0;
    text-decoration: underline;
}
/*--------------------------------------

  待遇

---------------------------------------*/
.treatment {
    position: relative;
    width: 100%;
    margin: 40px 0;
    padding: 10px;
    box-shadow: 0 -4px 6px 0 rgba(0, 0, 0, .1), 0 3px 2px 0 rgba(0, 0, 0, .1);
    padding: 10px;
}
/*========　ドット背景　========*/
.treatment {
    background-color: #DDD;
    background-image: radial-gradient(#e3e3e3 20%, transparent 34%), radial-gradient(#e3e3e3 20%, transparent 34%);
    background-repeat: repeat, repeat;
    background-size: 12px 12px, 12px 12px;
    background-position: 0 0, 6px 6px;
}
.treatment.pink {/*ピンク*/
    background-color: #fee2ed;
    background-image: radial-gradient(#ffebf2 20%, transparent 34%), radial-gradient(#ffebf2 20%, transparent 34%);
    background-repeat: repeat, repeat;
    background-size: 12px 12px, 12px 12px;
    background-position: 0 0, 6px 6px;
}
.treatment.yellow {/*イエロー*/
    background-color: #FFFAD1;
    background-image: radial-gradient(#fffdf2 20%, transparent 34%), radial-gradient(#fffdf2 20%, transparent 34%);
    background-repeat: repeat, repeat;
    background-size: 12px 12px, 12px 12px;
    background-position: 0 0, 6px 6px;
}
.treatment.blue {/*ブルー*/
    background-color: #dee7ef;
    background-image: radial-gradient(#e8eef4 20%, transparent 34%), radial-gradient(#e8eef4  20%, transparent 34%);
    background-repeat: repeat, repeat;
    background-size: 12px 12px, 12px 12px;
    background-position: 0 0, 6px 6px;
}
.treatment.orange {/*オレンジ*/
    background-color: #FEE6D6;
    background-image: radial-gradient(#ffeee4 20%, transparent 34%), radial-gradient(#ffeee4 20%, transparent 34%);
    background-repeat: repeat, repeat;
    background-size: 12px 12px, 12px 12px;
    background-position: 0 0, 6px 6px;
}
.treatment.purple {/*パープル*/
    background-color: #F4DFFA;
    background-image: radial-gradient(#f7eafb 20%, transparent 34%), radial-gradient(#f7eafb 20%, transparent 34%);
    background-repeat: repeat, repeat;
    background-size: 12px 12px, 12px 12px;
    background-position: 0 0, 6px 6px;
}
.treatment.green {/*グリーン*/
    background-color: #C7F0D3;
    background-image: radial-gradient(#daf5e2 20%, transparent 34%), radial-gradient(#daf5e2 20%, transparent 34%);
    background-repeat: repeat, repeat;
    background-size: 12px 12px, 12px 12px;
    background-position: 0 0, 6px 6px;
}
.treatment.free {/*無料店*/
    background-color: #efefef;
    background-image: none;
}

/*========　ジグザグ　========*/
.treatment::before {
    content: "";
    display: block;
    position: absolute;
    top: -6px;
    left: 0;
    width: 100%;
    height: 6px;
    background-size: 14px 28px;
}
.treatment.pink::before {/*ピンク*/
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0) 33.333%, #fee2ed 33.333%, #fee2ed 66.667%, rgba(255, 255, 255, 0) 66.667%), linear-gradient(-45deg, rgba(255, 255, 255, 0) 33.333%, #fee2ed 33.333%, #fee2ed 66.667%, rgba(255, 255, 255, 0) 66.667%);
}
.treatment.yellow::before {/*イエロー*/
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0) 33.333%, #FFFAD1 33.333%, #FFFAD1 66.667%, rgba(255, 255, 255, 0) 66.667%), linear-gradient(-45deg, rgba(255, 255, 255, 0) 33.333%, #FFFAD1 33.333%, #FFFAD1 66.667%, rgba(255, 255, 255, 0) 66.667%);
}
.treatment.blue::before {/*ブルー*/
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0) 33.333%, #dee7ef 33.333%, #dee7ef 66.667%, rgba(255, 255, 255, 0) 66.667%), linear-gradient(-45deg, rgba(255, 255, 255, 0) 33.333%, #dee7ef 33.333%, #dee7ef 66.667%, rgba(255, 255, 255, 0) 66.667%);
}
.treatment.orange::before {/*オレンジ*/
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0) 33.333%, #FEE6D6 33.333%, #FEE6D6 66.667%, rgba(255, 255, 255, 0) 66.667%), linear-gradient(-45deg, rgba(255, 255, 255, 0) 33.333%, #FEE6D6 33.333%, #FEE6D6 66.667%, rgba(255, 255, 255, 0) 66.667%);
}
.treatment.purple::before {/*パープル*/
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0) 33.333%, #F4DFFA 33.333%, #F4DFFA 66.667%, rgba(255, 255, 255, 0) 66.667%), linear-gradient(-45deg, rgba(255, 255, 255, 0) 33.333%, #F4DFFA 33.333%, #F4DFFA 66.667%, rgba(255, 255, 255, 0) 66.667%);
}
.treatment.green::before {/*グリーン*/
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0) 33.333%, #C7F0D3 33.333%, #C7F0D3 66.667%, rgba(255, 255, 255, 0) 66.667%), linear-gradient(-45deg, rgba(255, 255, 255, 0) 33.333%, #C7F0D3 33.333%, #C7F0D3 66.667%, rgba(255, 255, 255, 0) 66.667%);
}
.treatment.free::before {/*無料店*/
    background-image: none;
}


/*========　テープ　========*/
.treatment::after {
    content: "";
    display: block;
    position: absolute;
    top: -30px;
    left: 50%;
    width: 84px;
    height: 47px;
    transform: translate(-50%, 0);
}
.treatment.pink::after {/*ピンク*/
    background: url(/pc/img/chihou/shop/tape_p.png);
}
.treatment.yellow::after {/*イエロー*/
    background: url(/pc/img/chihou/shop/tape_y.png);
}
.treatment.blue::after {/*ブルー*/
    background: url(/pc/img/chihou/shop/tape_b.png);
}
.treatment.orange::after {/*オレンジ*/
    background: url(/pc/img/chihou/shop/tape_o.png);
}
.treatment.purple::after {/*パープル*/
    background: url(/pc/img/chihou/shop/tape_pur.png);
}
.treatment.green::after {/*グリーン*/
    background: url(/pc/img/chihou/shop/tape_g.png);
}
.treatment.free::after {/*無料店*/
    background: none;
}

/*========　テキスト部分　========*/
.treatment h3 {
    margin-bottom: -6px;
    padding: 6px 0 6px 10px;
    font-size: 2.4rem;
}
.treatment.pink h3 {/*ピンク*/
    color: #F09EB1;
}
.treatment.yellow h3 {/*イエロー*/
    color: #FA9F4A;
}
.treatment.blue h3 {/*ブルー*/
    color: #548DC1;
}
.treatment.orange h3 {/*オレンジ*/
    color: #FA7774;
}
.treatment.purple h3 {/*パープル*/
    color: #C78FD8;
}
.treatment.green h3 {/*グリーン*/
    color: #3fc166;
}
.treatment.free h3 {/*無料店*/
    color: #333;
}
.treatment .wrapper {
    margin-top: 6px;
    padding: 20px;
    border-radius: 6px;
    background: #fff;
    word-break : break-all;
}
.treatment .wrapper h4 {
    padding-bottom: 4px;
    color: #666;
    font-size: 1.8rem;
}
.treatment.pink h4 {/*ピンク*/
    border-bottom: solid 2px #F09EB1;
}
.treatment.yellow h4 {/*イエロー*/
    border-bottom: solid 2px #FA9F4A;
}
.treatment.blue h4 {/*ブルー*/
    border-bottom: solid 2px #548DC1;
}
.treatment.orange h4 {/*オレンジ*/
    border-bottom: solid 2px #FA7774;
}
.treatment.purple h4 {/*パープル*/
    border-bottom: solid 2px #C78FD8;
}
.treatment.green h4 {/*グリーン*/
    border-bottom: solid 2px #3fc166;
}
.treatment.free h4 {/*無料店*/
    border-bottom: solid 2px #DDD;
}

.treatment .wrapper p {
    margin: 10px 0;
}
.treatment .wrapper em {
    display: inline-block;
    min-width: 120px;
    line-height: 1.6;
    margin-top: 4px;
    margin-right: 4px;
    padding: 2px 6px;
    border: solid 1px #ddd;
    border-radius: 3px;
    background: #979797;
    color: #FFF;
    font-size: 1.2rem;
    text-align: center;
    vertical-align: middle;
}
.treatment.pink em {/*ピンク*/
    background-color: #F09EB1;
    border-color: #F09EB1;
    color: #FFF;
}
.treatment.yellow em {/*イエロー*/
    background-color: #FA9F4A;
    border-color: #FA9F4A;
    color: #FFF;
}
.treatment.blue em {/*ブルー*/
    background-color: #548DC1;
    border-color: #548DC1;
    color: #FFF;
}
.treatment.orange em {/*オレンジ*/
    background-color: #FA7774;
    border-color: #FA7774;
    color: #FFF;
}
.treatment.purple em {/*パープル*/
    background-color: #C78FD8;
    border-color: #C78FD8;
    color: #FFF;
}
.treatment.green em {/*グリーン*/
    background-color: #52C775;
    border-color: #52C775;
    color: #FFF;
}
.treatment.free em {/*無料店*/
    background-color: #DDD;
    border-color: #DDD;
    color: #FFF;
}

.treatment .wrapper .photo {
    float: right;
    max-width: 200px;
    margin: 10px 0 0 10px;
    /*display: block;
    max-width: 480px;
    margin: 20px auto;*/
}
.treatment .wrapper .fl_left {
    float: left;
}
.treatment .wrapper img {
    display: block;
    max-width: 480px;
    margin: 0 auto;
}
#taiken .wrapper img.edit_fck_img {
    display: block;
    max-width: 480px;
    margin: 0 auto;
}

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

  給与について

---------------------------------------*/
#fee.box_noborder {
    margin: 40px 0;
    padding: 20px 100px 80px 100px;
    background-image: url(/pc/img/chihou/shop/lace_top.png), url(/pc/img/chihou/shop/lace_btm.png);
    background-repeat: no-repeat;
    background-position: center top, center bottom;
}
#fee h3 {
    margin: 40px auto;
}
/**/
.message {
    display: inline-block;
    position: absolute;
    top: 110px;
    left: 100px
}
.message .message_inner {
    position: relative;
    display: inline;
}
.message .message_inner .message_ttl {
    font-size: 1.1rem;
    display: block;
    color: #fc648a;
    text-decoration: underline;
    cursor: pointer;
}
.message .message_inner .remark {
	display: none;
    width: 400px;
	padding: 10px;
    border: solid 2px #dedede;
    background: #fff;
	font-size: 1.2rem;
}
.message .message_inner .message_ttl:hover {
    text-decoration: none;
}
.message .message_inner .message_ttl:hover + .remark {
    display: block;
    position: absolute;
    top: -10px;
    left: 80px;
}
.message .message_inner .remark strong {
    display: block;
    color: #f9628a;
    font-size: 1.4rem;
    font-weight: bold;
}
.message .message_inner .remark strong img {
    width: 20px;
    margin-top: -5px;
    margin-right: 2px;
}
/*給与目安*/
#fee .standardwages {
    background: linear-gradient(-45deg,#FFFEBC,#FFDFF0);
    border: solid 1px #EFE9C2;
    padding: 10px;
}
#fee .standardwages .inner_wrap {
    position: relative;
    padding: 8px;
    background: #FFF;
}
#fee .standardwages .ttl {
    position: absolute;
    top: -26px;
    left: 50%;
    width: 180px;
    height: auto;
    transform: translate(-50%,0);
}
#fee .standardwages .standby {
    margin-top: 20px;
    text-align: center;
    font-size: 1.6rem;
    letter-spacing: .1em;
    text-indent: .1em;
}
#fee .standardwages .standby b {
    text-align: center;
    color: #fc648a;
}
#fee .standardwages .wages {
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
}
#fee .standardwages .wages p {
    position: relative;
    display: inline-block;
}
#fee .standardwages .wages p span {
    display: inline-block;
    line-height: 20px;
    height: 20px;
    border: solid 1px #fc648a;
    padding: 0 4px;
    color: #fc648a;
    font-size: 1.4rem;
    text-align: center;
}
#fee .standardwages .wages p::before,
#fee .standardwages .wages p::after {
    content: "";
    width: 22px;
    height: 22px;
    position: absolute;
    left: -24px;
    top: 10px;
    background: url('/img/shop/deco-kirakira.png') no-repeat;
    background-size: contain;
}
#fee .standardwages .wages p::after {
    left: auto;
    right: -24px;
    transform: scale(-1, 1);
}
#fee .standardwages .wages p b {
    padding: 0 4px 0 8px;
    color: #fc648a;
    font-size: 4.0rem;
    vertical-align: middle;
}
/*給与テキスト*/
#fee .feetext {
    line-height: 1.8;
    margin-top: 15px;
}
/*給与テーブル*/
#fee table {
    margin: 20px 0;
}
#fee table th,
#fee table td {
    padding: 10px 20px;
    border: solid 1px #dcdcdc;
}
#fee table th {
    background: #fce9dd;
}
#fee table td.item {
    background: #eee;
    font-weight: 400;
}
#fee .kyuuyo_table_wrap {
    margin-top: 15px;
}
#fee ul.kyuuyo_table {
    list-style: none;
    margin: 0;
    padding: 0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
#fee ul.kyuuyo_table li {
    float: left;
    box-sizing : border-box;
    padding: 8px;
}
#fee ul.kyuuyo_table li.cl_hd {
    padding: 10px;
    background-color: #FEFEEA;
	font-size: 13px;
	color: #666;
	font-weight: bold;
    text-align: center;
    border-collapse: collapse;
}
#fee ul.kyuuyo_table li.cl_th {
    font-size: 13px;
    font-weight: bold;
    color: #666;
    background-color: #eee;
    text-align:center;
}
#fee ul.kyuuyo_table li.middle {
    text-align:center;

}
#fee ul.kyuuyo_table li:nth-child(1) {
    border-top: solid 1px #CCC;
    border-left: solid 1px #CCC;
}
#fee ul.kyuuyo_table li:nth-child(2) {
    border-left: solid 1px #CCC;
    border-top: solid 1px #CCC;
}
#fee ul.kyuuyo_table li:nth-child(3) {
    border-left: solid 1px #CCC;
    border-top: solid 1px #CCC;
}
#fee ul.kyuuyo_table li:nth-child(4) {
    border-left: solid 1px #CCC;
    border-top: solid 1px #CCC;
}
#fee ul.kyuuyo_table li:last-child {
    border-right: 1px solid #CCC;
}
#fee ul.kyuuyo_table:nth-last-of-type(1) {
    border-bottom: solid 1px #CCC;
}

#fee ul.kyuuyo_table li.cl_sp:nth-child(1),
#fee ul.kyuuyo_table li.cl_tx:nth-child(1) {
    border-left: none;
}
#fee ul.kyuuyo_table li.cl_sp:last-child,
#fee ul.kyuuyo_table li.cl_tx:last-child {
    border-right: none;
}
/*給与保証*/
#fee .assure {
    display: block;
    line-height: 1.4;
    margin-top: 15px;
    padding: 15px;
    border: solid 2px #DCDCDC;
    font-size: 1.4rem;
    font-weight: bold;
}
#fee .assure .ttl_assure {
    position: relative;
    display: inline-block;
    height: 28px;
    line-height: 29px;
    margin: 0 0 10px 0;
    padding: 0 20px;
    background: #fc648a;
    color: #FFF;
    font-size: 1.4rem;
    letter-spacing: 0.2em;
    text-align: center;
}
#fee .assure .ttl_assure::after {
    content:"";
    position: absolute;
    top: 0;
    right: 0;
    border-top: 14px solid transparent;
    border-right: 14px solid #FFF;
    border-bottom: 14px solid transparent;
    border-left: 14px solid transparent;
}
#fee .assure .ttl_assure::before {
    content:"";
    position: absolute;
    top: 0;
    left: 0;
    border-top: 14px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 7px solid #FFF;
}
#fee .assure .ttl_assure::after {
    content:"";
    position: absolute;
    top: 0;
    right: 0;
    border-top: 14px solid transparent;
    border-right: 7px solid #FFF;
    border-bottom: 14px solid transparent;
    border-left: 7px solid transparent;
}


/*いちごなび運営より*/
#fee .fee_comment {
    margin: 60px -80px -30px;
}
#fee .fee_comment img {
    width: 640px;
    height: auto;
}

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

  インタビュー

---------------------------------------*/
/*#interview.box_noborder {
    margin: 40px 0;
    padding: 20px 100px 20px 100px;
    background-image: url(/pc/img/chihou/shop/flower_right.png), url(/pc/img/chihou/shop/flower_left.png);
    background-repeat: no-repeat;
    background-position: right top, left bottom;
}
#interview h3 {
    margin-top: -50px;
    margin-left: -100px;
}
#interview .gal {
    margin: -20px 0 10px 0;
}
#interview .gal .round_box {
    display: block;
    float: left;
    width: 60px;
    height: 60px;
    border-radius: 60px;
    overflow: hidden;
}
#interview .gal .round_box img {
    width: 100%;
}
#interview .gal .txt_box {
    float: left;
    width: 420px;
    padding-left: 10px;
}
#interview .gal .txt_box h4 {
    display: block;
    width: 320px;
    line-height: 1.3;
    color: #fb6489;
    font-size: 1.8rem;
}
#interview .gal .txt_box time {
    display: block;
}
#interview table {
    width: 480px;
    line-height: 1.4;
    margin: 10px 0;
    border-collapse: separate;
    border-spacing: 0 6px;
    color: #444;
    font-size: 1.2rem;
}
#interview table th,
#interview table td {
    padding: 4px 10px
}
#interview table th {
    width: 140px;
    background: #fff9e6;
    font-weight: 300;
    vertical-align: middle;
}
#interview table td {
    padding: 4px 0 4px 10px
}
#interview .qa {
    margin: 10px 0;
    padding-left: 2.6rem;
    text-indent: -2.6rem;
}
#interview .qa b {
    display: block;
    color: #54aec0;
    font-size: 1.6rem;
    font-weight: 600;
}
#interview .qa b::before {
    content: "Q.";
    padding: 0 4px;
    font-family: 'Josefin Sans', sans-serif;
}
#interview .qa.last {
    position: relative;
}
#interview .qa.last::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 80px;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}*/
#interview.box_noborder {
    position: relative;
    padding: 10px;
}
#interview h3 {
    position: absolute;
    margin-top: -30px;
    margin-left: -80px;
}
#interview .interview_box {
    margin-bottom: 20px;
    padding: 18px;
    border: dashed 2px #dba3ba;
    border-radius: 8px;
}
#interview .interview_box:nth-child(2n) {
    border-color: #ad9eba;
}
#interview .interview_box:nth-last-child(1) {
    margin-bottom: 0;
}
#interview .interview_box .gal_photo {
    width: 240px;
    float: left;
}
#interview .interview_box .gal_box {
    width: 370px;
    margin-left: 10px;
    float: left;
}
#interview .interview_box .gal_box .txt_box {
    float: left;
}
#interview .interview_box .gal_box .txt_box .gal_name_add{
    font-size:1.1rem;
}
#interview .interview_box .gal_box .txt_box h4 {
    display: block;
    width: 370px;
    line-height: 1.3;
    margin-top: 4px;
    margin-bottom: 10px;
    color: #54aec0;
    font-size: 2.2rem;
}
#interview .interview_box .gal_box .txt_box time {
    display: block;
}
#interview .interview_box .gal_box .txt_box table {
    line-height: 1.4;
    border-collapse: separate;
    border-spacing: 0 6px;
    color: #444;
    font-size: 1.2rem;
}
#interview .interview_box .gal_box .txt_box table th,
#interview .interview_box .gal_box .txt_box table td {
    padding: 4px 10px
}
#interview .interview_box .gal_box .txt_box table th {
    width: 120px;
    background: #fff9e6;
    font-weight: 300;
    vertical-align: middle;
}
#interview .interview_box .gal_box .txt_box table td {
    width: 250px;
    line-height: 1.6;
    padding: 4px 0 4px 10px;
    font-size: 1.4rem;
}
#interview .interview_box .gal_box .txt_box table td  li {
    max-width: 250px;
}
#interview .interview_box .gal_box .txt_box table td  li a.play {
    position: relative;
    display: block;
    width: 250px;
    text-align: center;
}
#interview .interview_box .gal_box .txt_box table td  li a.play:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
#interview .interview_box .gal_box .txt_box table td  li a.play img {
    max-width: 100%;
    opacity: 0.8;
}
#interview .interview_box .gal_box .txt_box table td  li a.play .bt {
    width: 55px;
    height: 55px;
    position: absolute;
    top : 50%;
    left : 50%;
    -webkit-transform : translate(-50%, -50%);
    transform : translate(-50%, -50%);
    background: url(/pc/img/common/bt_play01.png) no-repeat left top;
}
#interview .interview_box .qa {
    margin-top: 20px;
    padding-right: 2.6rem;
    padding-left: 2.6rem;
    text-indent: -2.6rem;
}
#interview .interview_box .qa b {
    display: block;
    color: #54aec0;
    font-size: 1.8rem;
    font-weight: 600;
}
#interview .interview_box .qa b::before {
    content: "Q.";
    padding: 0 4px;
    font-family: 'Josefin Sans', sans-serif;
}
#interview .qa.last {
    position: relative;
}
#interview .qa.last::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 80px;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}
/*--------------------------------------

  いちごなびコンテンツ

---------------------------------------*/
.official.box_border {
    margin: 40px 0;
    border-color: #ea447f;
}
.official .ttl_tag {
    line-height: 1.2;
    padding-top: 6px;
    color: #ea447f;
    font-weight: bold;
    background: url(/pc/img/chihou/shop/bg_label_official.png);
}
.official .ttl_tag .logo_label {
    display: block;
    width: 26px;
    margin: -0px auto 4px auto;
    animation: Swing 4s ease-in-out infinite;
	-webkit-animation: Swing 4s ease-in-out infinite;
}
@-webkit-keyframes Swing {
from,to {
	-webkit-transform: rotate(-10deg);
}
50% {
    -webkit-transform: rotate(40deg);
}
}
@keyframes Swing {
from,to {
	transform: rotate(-10deg);
}
50% {
    transform: rotate(40deg);
}
}
.official .disc_tag {
    padding: 0 0 0 100px;
    color: #666;
    font-weight: 300;
}
.official .disc_tag h4 {
    color: #fc648a;
    font-size: 1.8rem;
    font-weight: 600;
}
.official ul {
    margin: 40px 0 0;
}
.official li {
    width: 640px;
    margin: 0 0 10px 0;
    padding-bottom: 6px;
    border-bottom: solid 1px #dcdcdc;
}
.official li:nth-last-child(1) {
    margin: 0 0 0 0;
    border-bottom: none;
}
.official li .cap_box {
    display: block;
    position: relative;
    float: left;
    width: 280px;
}
.official li .cap_box:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.official li .cap_box img {
    width: 100%;
}
.official li .cap_box .bt {
    display: block;
    width: 55px;
    height: 55px;
    position: absolute;
    top : 47%;
    left : 50%;
    -webkit-transform : translate(-50%, -50%);
    transform : translate(-50%, -50%);
    background: url(/pc/img/common/bt_play01.png) no-repeat left top;
    overflow: hidden;
}

.official li .txt_box {
    float: left;
    width: 360px;
    padding-left: 10px;
}

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

  お店動画

---------------------------------------*/
#movie.box_noborder {
    margin: 40px 0;
    border-color: #e10047;
    background-image: url(/pc/img/chihou/shop/bg_movie_l.png), url(/pc/img/chihou/shop/bg_movie_r.png);
    background-repeat: no-repeat;
    background-position: left 10px top 20px, right 10px bottom 20px;
}
#movie h3 {
    margin: 20px auto;
}
#movie .ttl_tag {
    line-height: 1.2;
    padding-top: 34px;
    background: url(/pc/img/chihou/shop/bg_label_official.png);
}
#movie .disc_tag {
    padding: 0 0 0 100px;
    color: #666;
    font-weight: 300;
}
#movie .disc_tag h4 {
    color: #fc648a;
    font-size: 1.8rem;
    font-weight: 600;
}
#movie ul {
    margin: 40px 0 30px 0;
}
#movie li {
    width: 640px;
    margin: 0 0 10px 0;
    padding-bottom: 10px;
    border-bottom: solid 1px #dcdcdc;
}
#movie li .cap_box {
    display: block;
    float: left;
    width: 280px;
    position: relative;
    background: #fff;
}
#movie li .cap_box:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
#movie li .cap_box img {
    width: 100%;
    opacity: 0.8
}
#movie li .cap_box .bt{
    display: block;
    width: 55px;
    height: 55px;
    position: absolute;
    top : 47%;
    left : 50%;
    -webkit-transform : translate(-50%, -50%);
    transform : translate(-50%, -50%);
    background: url(/pc/img/common/bt_play01.png) no-repeat left top;
    overflow: hidden;
}
#movie li .txt_box {
    float: left;
    width: 360px;
    padding-left: 10px;
}
#movie li .txt_box h4 {
    margin-bottom: 4px;
}

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

  はたらいている女の子　ヌキなび

---------------------------------------*/
#nukinavi.box,
#yorutomo.box {
    position: relative;
    top: -32px;
    left: -7px;
    width: 694px;
    height: 417px;
    margin: 40px 0 -50px 0;
    background: url(/pc/img/chihou/shop/bg_nukinavi.png) no-repeat left top;
}
#yorutomo.box {
    background-image: url(/pc/img/chihou/shop/bg_yorutomo.png);
}
#nukinavi h3,
#yorutomo h3 {
    position: absolute;
    top: 78px;
    left: 60px;
}
#nukinavi ul,
#yorutomo ul {
    display: -webkit-box;/* Android4.3以前ブラウザ用 */
	display: -webkit-flex;/* iOS8以前Safari用 */
	display: flex;
	-webkit-box-pack: flex-start;/* Android4.3以前ブラウザ用 */
	-webkit-justify-content: flex-start;/* iOS8以前Safari用 */
	justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    padding: 120px 6% 0 6%;
}
#nukinavi ul li,
#yorutomo ul li {
    width: 15%;
    margin: 10px 0.8%;
    display: block;
	display: flexbox;
    color: #666;
    text-align: center;
    text-overflow: ellipsis;
    font-size: 1.1rem;
    overflow: hidden;
    white-space: nowrap;
}
#nukinavi ul li .img_box,
#yorutomo ul li .img_box {
    display: block;
    width: 92px;
    height: 92px;
    margin-bottom: 4px;
    border-radius: 50px;
    overflow: hidden;
}
#nukinavi ul li .img_box img,
#yorutomo ul li .img_box img {
    width: 100%;
}
#nukinavi .bt_nukinavi,
#yorutomo .bt_yorutomo {
    position: absolute;
    right: 40px;
    bottom: 44px;
}
#nukinavi .bt_nukinavi img,
#yorutomo .bt_yorutomo img {
    width: 120px;
    height: 114px;
}
#nukinavi .bt_nukinavi:hover,
#yorutomo .bt_yorutomo:hover {
    -webkit-animation: Sway .3s ease forwards;
    animation: Sway .3s ease forwards;
}
@-webkit-keyframes Sway {
20% {
    transform: rotate(-10deg) scale(.9, .8);
}
50% {
    transform: rotate(10deg) scale(1, 1.2);
}
to {
    transform: rotate(0) scale(1);
}
}
@keyframes Sway {
20% {
    transform: rotate(-10deg) scale(.9, .8);
}
50% {
    transform: rotate(10deg) scale(1, 1.2);
}
to {
    transform: rotate(0) scale(1);
}
}
/*店長プロファイル*/
#yorutomo .profile {
    padding: 10px 6% 0 6%;
}
#yorutomo .profile h4 {
    margin-bottom: 10px;
    border-bottom: solid 2px #dcdcdc;
    color: #333;
    font-size: 1.4rem;
    font-weight: 600;
}
#yorutomo .profile h4 i {
    padding-left: 20px;
    font-weight: normal;
}
#yorutomo .profile .img_box {
    display: block;
    float: left;
    width: 80px;
    height: 80px;
    margin-bottom: 4px;
    border-radius: 50px;
    overflow: hidden;
    background: #fff;
}
#yorutomo .profile .img_box img {
    width: 100%;
}
#yorutomo .profile p {
    float: left;
    width: 380px;
    max-height: 80px;
    margin-left: 10px;
    font-size: 1.6rem;
}

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

  求人情報

---------------------------------------*/
#jobinfo {
    position: relative;
}
#jobinfo_anchor {
    visibility: hidden;
    position: absolute;
    top: -100px;
}
#jobinfo.box_noborder {
    margin: 40px 0;
}
#jobinfo .ttl_tag::after {
    content: "job info.";
}
#jobinfo .disc_tag {
    padding-top: 6px;
    line-height: 1.4;
}
#jobinfo .disc_tag .ttl_medium {
    padding-right: 10px;
}
#jobinfo .disc_tag .date_area {
    display: inline-block;
}
#jobinfo .point {
    display: -webkit-box;/* Android4.3以前ブラウザ用 */
	display: -webkit-flex;/* iOS8以前Safari用 */
	display: flex;
	-webkit-box-pack: flex-start;/* Android4.3以前ブラウザ用 */
	-webkit-justify-content: flex-start;/* iOS8以前Safari用 */
	justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 50px;
    margin-bottom: 10px;
    color: #999;
    font-size: 1.2rem;
}
#jobinfo .point li {
    width: 25%;
    display: block;
	display: flexbox;
}
#jobinfo .point li a {
    color: #999;
}
#jobinfo .point li a:hover {
    text-decoration: underline;
}
#jobinfo .point .item {
    width: 100%;
    margin-top: 20px;
    margin-left: -3px;
    color: #af9e26;
    font-weight: bold;
}
#jobinfo .point .item:nth-child(1) {
    width: 100%;
    margin-top: 0;
}
#jobinfo .point li svg {
    margin-top: -2px;
    fill: #af9e26;
}

/*========　募集要項　========*/
#jobinfo .recruitment {
    width: 100%;
    text-align: left;
    vertical-align: middle;
    border-collapse: separate;
    border-spacing: 0 20px;
}
#jobinfo .recruitment th {
    display: inline-block;
    position: relative;
    width: 110px;
    height: 26px;
    line-height: 26px;
    padding-left: 20px;
    background: #feebad;
    font-weight: 300;
    font-size: 1.2rem;
}
#jobinfo .recruitment th::-webkit-selection {
    background: #e0bf4f;
}
#jobinfo .recruitment th::-moz-selection {
    background: #e0bf4f;
}
#jobinfo .recruitment th::selection {
    background: #e0bf4f;
}
#jobinfo .recruitment th:before,
#jobinfo .recruitment th:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 0px 13px 8px;
}
#jobinfo .recruitment th:before {
    border-color: transparent transparent transparent #fff;
}
#jobinfo .recruitment th:after {
    left: auto;
    right: -8px;
    border-color: transparent transparent transparent #feebad;
}
#jobinfo .recruitment td {
    width: 550px;
    padding-left: 30px;
    vertical-align: middle;
}

/*========　店舗情報　========*/
#jobinfo h4 {
    position: relative;
    margin-top: 20px;
    color: #979797;
    font-weight: 300;
}
#jobinfo h4::before {
    content: "";
    position: absolute;
    top: 50%;
    display: block;
    width: 100%;
    height: 1px;
    border-top: dotted 4px #dcdcdc;
    z-index: 1;
    transform: translate(0, -2px);
}
#jobinfo h4 span {
    position: relative;
    display: inline-block;
    padding: 0 20px 0 4px;
    background-color: #fff;
    z-index: 2;
}
#jobinfo .shopinfo {
    width: 100%;
    text-align: left;
    vertical-align: middle;
    border-collapse: separate;
    border-spacing: 0 20px;
    word-wrap: break-word;
}
#jobinfo .shopinfo th {
    display: inline-block;
    position: relative;
    width: 110px;
    height: 26px;
    line-height: 26px;
    padding-left: 20px;
    background: #eee;
    font-weight: 300;
    font-size: 1.2rem;
}
#jobinfo .shopinfo th:before,
#jobinfo .shopinfo th:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 0px 13px 8px;
}
#jobinfo .shopinfo th:before {
    border-color: transparent transparent transparent #fff;
}
#jobinfo .shopinfo th:after {
    left: auto;
    right: -8px;
    border-color: transparent transparent transparent #eee;
}
#jobinfo .shopinfo td {
    width: 550px;
    padding-left: 30px;
    vertical-align: middle;
}
#jobinfo .shopinfo td a {
    text-decoration: underline;
}
#jobinfo .shopinfo td a:hover {
    text-decoration: none;
}
#jobinfo .shopinfo td a svg {
    margin-top: -1px;
    fill: #fc648a;
}
#jobinfo .shopinfo td.address a {
    margin-left: 10px;
}
#jobinfo .shopinfo td.tel b {
    display: inline-block;
    line-height: 1;
    margin-top: 10px;
    color: #58afbf;
    font-size: 2.8rem;
    font-weight: 500;
}
#jobinfo .shopinfo td.tel b + .date_area {
    position: relative;
    top: -2px;
}
#jobinfo .shopinfo td.tel b:nth-child(1) {
    margin-top: 0;
}
#jobinfo .shopinfo td.tel .icon_svg {
    width: 36px;
    height: 36px;
    margin: -6px -4px 0 -6px;
}
#jobinfo .shopinfo td.tel .icon_svg svg {
    fill: #58afbf;
}
#jobinfo .shopinfo td.tel p {
    margin-top: 10px;
    font-weight: 300;
}
#jobinfo .shopinfo td.hp a {
    display: inline-block;
    width: 150px;
    margin: 0 20px 20px 0;
}
#jobinfo .shopinfo td.hp a:nth-child(3n) {
    margin-right: 0;
}
#jobinfo .shopinfo td.hp a:nth-last-child(1),
#jobinfo .shopinfo td.hp a:nth-last-child(2),
#jobinfo .shopinfo td.hp a:nth-last-child(3) {
    margin-bottom: 0;
}
#jobinfo .shopinfo td.hp a img {
    width: 100%;
    margin-bottom: 4px;
    border: solid 1px #dcdcdc;
}
#jobinfo .shopinfo td.web a {
    display: block;
}
#jobinfo .shopinfo td.web .web_yorutomo,
#jobinfo .shopinfo td.web .web_nukinavi {
    display: block;
    position: relative;
    border: solid 1px #fdd244;
    border-radius: 5px;
    height: 37px;
    width: 214px;
    background: #fdd244;
    margin-bottom: 12px;
}
#jobinfo .shopinfo td.web .web_nukinavi {
    border: none;
    width: 260px;
    background: none;
}
#jobinfo .shopinfo td.web .web_yorutomo::before {
    content:url(/pc/img/common/site_yorutomo.png?date=20191212);
    display:block;
    position: absolute;
    top: 0%;
    left: 0;
}
#jobinfo .shopinfo td.web .web_nukinavi::before {
    content:url(/pc/img/common/site_nukinavi.png?date=20250627);
    display: block;
    position: absolute;
    top: 0%;
    left: 0;
}
#jobinfo .shopinfo td.web .web_yorutomo:hover,
#jobinfo .shopinfo td.web .web_nukinavi:hover {
    opacity: 0.8;
}
#jobinfo .shopinfo td.web .web_yorutomo span,
#jobinfo .shopinfo td.web .web_nukinavi span {
    display: none;
}
#jobinfo .shopinfo td.web .web_yorutomo + .date_area,
#jobinfo .shopinfo td.web .web_nukinavi + .date_area {
    display: none;
}
#jobinfo .shopinfo td.web a:nth-of-type(n+2) {
    margin: 12px 0 0;
}
#jobinfo .shopinfo td.chain .chain_shop {
    display: inline-block;
    width: 160px;
    line-height: 1.2;
    margin: 0 10px 20px 0;
    vertical-align: top;
}
#jobinfo .shopinfo td.chain .chain_shop:nth-of-type(3n) {
    margin-right: 0;
}
#jobinfo .shopinfo td.chain .chain_shop a {
    text-decoration: underline;
}
#jobinfo .shopinfo td.chain .chain_shop a img {
    display: block;
    width: 100%;
    margin-bottom: 4px;
    border: solid 1px #dcdcdc;
}
#jobinfo .shopinfo td.chain .chain_shop a svg {
    width: 16px;
    height: 16px;
    margin: 1px 0 0 2px;
    fill: #fc648a;
}
#jobinfo .shopinfo td.chain .chain_shop a:hover {
    text-decoration: none;
}
#jobinfo .shopinfo td.chain .chain_shop .date_area {
    display: block;
    text-decoration: none;
    font-size: 1.1rem;
}
#jobinfo .shopinfo th.line {
    background: #1ab920;
    color: #fff;
}
#jobinfo .shopinfo th.line:after {
    border-color: transparent transparent transparent #1ab920;
}
#jobinfo .shopinfo th.line+td {
    vertical-align: top;
}
#jobinfo .shopinfo th.line+td .qr {
    border: solid 1px #dcdcdc;
}
#jobinfo .shopinfo th.line+td img {
    float: left;
    width: 90px;
    margin-right: 10px;
}
#jobinfo .shopinfo th.line+td b {
    display: block;
    margin-bottom: 10px;
}
#jobinfo .shopinfo th.line+td .id {
    display: inline-block;
    margin-right: 10px;
    padding: 1px 10px;
    background: #fff9e5;
}
#jobinfo .shopinfo th.line+td a {
    color: #1ab920;
}
#registraiton b{
    font-size: 1.5rem;
}
#registraiton .shopinfo {
    width: 100%;
    text-align: left;
    vertical-align: middle;
    border-collapse: separate;
    border-spacing: 0 20px;
    word-wrap: break-word;
}
#registraiton .shopinfo th {
    display: inline-block;
    position: relative;
    width: 110px;
    height: 26px;
    line-height: 26px;
    padding-left: 20px;
    background: #eee;
    font-weight: 300;
    font-size: 1.2rem;
}
#registraiton .shopinfo th:before,
#registraiton .shopinfo th:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 0px 13px 8px;
}
#registraiton .shopinfo th:before {
    border-color: transparent transparent transparent #fff;
}
#registraiton .shopinfo th:after {
    left: auto;
    right: -8px;
    border-color: transparent transparent transparent #eee;
}
#registraiton .shopinfo td {
    width: 550px;
    padding-left: 30px;
    vertical-align: middle;
}
/*--------------------------------------

    無料掲載店舗

---------------------------------------*/
h3#shop_catch.free {
    margin: 0 0 20px 0;
    color: #666;
    font-weight: normal;
    font-size: 1.8rem;
}
#fee .standardwages.free {
    margin: 16px 0 0 0;
    background: #f2f2f2;
    border-color: #DDD;
}
#fee .standardwages.free .ttl {
    position: static;
    left: auto;
    background: #666;
    color: #FFF;
    text-align: center;
    width: 120px;
    height: 20px;
    line-height: 20px;
    transform: inherit;
    margin: 0 auto;
}
#fee .standardwages.free .wages p {
    margin: 0;
}
#fee .standardwages.free .standby b,
#fee .standardwages.free .wages p b{
    color: #666;
}
#fee .standardwages.free .wages p span {
    color: #666;
    border-color: #666;
}
#fee .standardwages.free .wages p::after,
#fee .standardwages.free .wages p::before {
    display: none;
}
#fee.box_noborder.free {
    /*padding: 20px;*/
    background-image: none;
}
#fee.box_noborder.free h3 {
    display: block;
    width: 100%;
    position: relative;
    margin: 16px 0 0 0;
    border: none;
    color: #979797;
    font-weight: normal;
    font-size: 1.3rem;
    text-align: center;
}
/*#fee.box_noborder.free h3::before {
    content: "";
    position: absolute;
    left: -20px;
    top: 8px;
    width: 10px;
    height: 1px;
    background-color: #979797;
}
#fee.box_noborder.free h3::after {
    content: ""!important;
    display: block;
    position: absolute;
    right: -20px;
    top: 8px;
    width: 10px;
    height: 1px;
    margin-top: 0;
    background-color: #979797;
}*/
#fee.box_noborder.free .fee_comment {
    width: 100%;
    /*margin: 10px 0;*/
    border: none;
    background-color: #efefef;
    background-image: none;
}
#fee.box_noborder.free ul.kyuuyo_table li.cl_hd {
    background-color: #DDD;
}
.treatment.free {
    padding: 10px;
    background-color: #efefef;
    background-image: none;
}
.treatment.free:nth-of-type(4n+1)::before,
.treatment.free:nth-of-type(4n+2)::before,
.treatment.free:nth-of-type(4n+3)::before,
.treatment.free:nth-of-type(4n+4)::before {
    display: none;
}
.treatment.free:nth-of-type(4n+1)::after,
.treatment.free:nth-of-type(4n+2)::after,
.treatment.free:nth-of-type(4n+3)::after,
.treatment.free:nth-of-type(4n+4)::after {
    display: none;
}
.treatment.free h3 {
    margin: 0 0 5px 5px;
    padding: 0;
    color: #666;
    font-weight: normal;
    font-size: 1.6rem;
}
.treatment.free .wrapper {
    padding: 10px;
    border-radius: 0;
    background: #fff;
}
.treatment.free .wrapper p{
    margin: 0;
}
.treatment.free .wrapper:first-of-type {
    margin-top: 0;
}
.treatment.free .wrapper h4 {
    margin-bottom: 4px;
    border-bottom: 1px solid #eee;
    color: #666;
    font-weight: normal;
    font-size: 100%;
}
.treatment.free:nth-of-type(4n+1) .wrapper em,
.treatment.free:nth-of-type(4n+2) .wrapper em,
.treatment.free:nth-of-type(4n+3) .wrapper em,
.treatment.free:nth-of-type(4n+4) .wrapper em {
    background: #979797;
}
#jobinfo.free h3.ttl_tag {
    width: auto;
    height: auto;
    padding: 0;
    font-weight: bold;
}
#jobinfo.free .disc_tag {
     padding: 10px 0 0 0;
}
#jobinfo.free h3.ttl_tag {
    display: inline-block;
    position: relative;
    margin: 16px 0 0 22px;
    font-size: 1.3rem;
    color: #979797;
    background-image: none;
}
#jobinfo.free h3.ttl_tag::before {
    content: "";
    position: absolute;
    left: -20px;
    top: 8px;
    width: 10px;
    height: 1px;
    background-color: #979797;
}
#jobinfo.free h3.ttl_tag::after {
    content: ""!important;
    display: block;
    position: absolute;
    right: -20px;
    top: 8px;
    width: 10px;
    height: 1px;
    margin-top: 0;
    background-color: #979797;
}
#jobinfo.free .disc_tag .ttl_medium {
    color: #666;
    font-weight: normal;
}
#jobinfo.free .point {
    margin-top: 26px;
}
#jobinfo.free .point li svg {
    fill: #666;
}
#jobinfo.free .point .item {
    color: #666;
    font-weight: normal;
}
#jobinfo.free .recruitment th {
    background: #eee;
}
#jobinfo.free .recruitment th::after {
    border-color: transparent transparent transparent #eee;
}
#jobinfo.free .shopinfo td.tel .icon_svg {
    width: 30px;
    height: 20px;
}
#jobinfo.free .shopinfo td.tel .icon_svg svg{
    width: 22px;
    height: 22px;
    fill: #666;
}
#jobinfo.free .shopinfo td.tel b {
    color: #666;
    font-size: 100%;
}
#jobinfo .shopinfo th.line.free {
    background: #eee;
    color: #666;
}
#jobinfo .shopinfo th.line.free::after {
    border-color: transparent transparent transparent #eee;
}
#shop_footer{
    margin-bottom:0px;
}
#shop_footer.official{
    margin-bottom:20px;
}
#search_link {
    width: 100%;
    font-size:1.2rem;
    margin: 10px 0 50px 0;
    padding: 5px;
    border: solid 1px #dcdcdc;
    background: #fff;
}
/*--------------------------------------
  このエリアのおすすめのお店
---------------------------------------*/
.nearbyshop {
	margin-bottom: 8px;
	padding: 20px 20px 10px 20px;
	border-bottom: 1px solid #ddd;
}
.nearbyshop h3{
	color: #58afc0;
	font-size: 18px;
}
.nearbyshop_list {
	display: flex;
	display:-ms-flexbox;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	margin: 12px auto 0 auto;
}
.nearbyshop_shop {
	width: 25%;
	padding: 6px 6px 16px 6px;
}
.nearbyshop_image {
	width: 100%;
}
.nearbyshop_gyoshu {
	margin-top: 12px;
	color: #666;
	font-size: 12px;
}
.nearbyshop_shopname {
	font-size: 18px;
	font-weight: bold;
	text-decoration: underline;
}
.nearbyshop_info {
	color: #666;
}

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

  店長ブログ

---------------------------------------*/
#master_blog {
    position: relative;
    margin: 40px 0 0;
    padding: 44px 10px 10px;
    border: solid 3px #fff;
    background: linear-gradient(135deg, rgba(183,210,255,.7), rgba(230,252,255,.7)), #fff;
    background: -webkit-linear-gradient(top left, rgba(230,252,255,.7), rgba(183,210,255,.7)), #fff;
}
#master_blog .wrapper{
    padding: 32px 20px 32px;
    border-radius: 8px;
    background: #fff;
}
#master_blog .ttl_blog {
    position: absolute;
    top: 12px;
    left: 27px;
    margin: 0;
}
#master_blog ul {
    display: flex;
    flex-wrap: wrap;
}
#master_blog li {
    width: 143px;
    border: 1px solid #dcdcdc;
    margin: 0 13px 13px 0;
    padding: 8px;
}
#master_blog li:nth-child(4n) {
    margin-right: 0;
}
#master_blog ul .img_box {
    width: 125px;
    height: 87px;
    margin-bottom: 8px;
    position: relative;
}
#master_blog ul .img_box img {
    vertical-align: middle;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
#master_blog .blog_title {
    font-weight:bold;
    color: #fc648a;
    margin-bottom: 8px;
    line-height: 1.4;
    border: none;
    font-size: 13px;
    padding: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /*IE対策*/
    max-height: 3.5rem;
}
#master_blog li a {
    display: flex;
    height: 100%;
    flex-direction: column;
}
ul .img_box p {
    padding: 0;
}
.blog_day {
    color: #a9a9a9;
    margin-top: auto;
}





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

  体験入店

---------------------------------------*/
.taiken {
    position: relative;
    margin: 40px 0 0;
    padding: 44px 10px 10px;
    border: solid 3px #fff;
    background: linear-gradient(135deg, rgba(235,243,213,.7), rgba(163,232,244,.7)), #fff;
    background: -webkit-linear-gradient(top left, rgba(235,243,213,.7), rgba(163,232,244,.7)), #fff;
}
.taiken .wrapper {
    padding: 32px 20px 32px;
    border-radius: 8px;
    background: #fff;
}
.taiken .wrapper .ttl_tokuten {
    position: absolute;
    top: 12px;
    left: 27px;
    margin: 0;
}
.taiken .wrapper h3 {
    margin-bottom: 0px;
    padding: 0 0 4px 0;
    border-bottom: dashed 1px #979797;
    color: #bb9365;
    font-size: 1.8rem;
}
.taiken .wrapper h3:nth-of-type(2) {
    margin-top: 40px;
}
.taiken .wrapper h3:nth-of-type(3) {
    margin-top: 40px;
}
.taiken .wrapper h4 {
    margin: 20px 0 0;
    padding: 0;
    font-size: 1.6rem;
    text-align: center;
}
.taiken .wrapper p {
    margin: 10px 0 0;
    padding: 10px;
    font-size: 1.4rem;
}
.taiken .wrapper p.text {
    background-color: #fff;
}
.taiken .wrapper .taiguu_icon {
    padding: 10px;
    background-color: #fff;
}
.taiken .wrapper em {
    display: inline-block;
    min-width: 120px;
    line-height: 1.6;
    vertical-align: middle;
    margin-top: 4px;
    margin-right: 4px;
    padding: 2px 6px;
    border-radius: 3px;
    background: #f09eb1;
    color: #fff;
    font-size: 1.2rem;
    text-align: center;
}
.taiken .wrapper p img {
    display: block;
    max-width: 480px;
    margin: 0 auto;
}
.taiken .schedule {
    width: 84%;
    margin: 30px auto 10px;
}
.taiken .schedule tr {
    border-bottom: solid 1px #ccc;
    text-align: center;
}
.taiken .schedule th {
    width: 50%;
    padding: 15px;
}
.taiken .schedule td {
    position: relative;
    vertical-align: middle;
    padding: 15px;
}
.taiken .schedule td .taiken_text {
    padding: 4px 0 0 0px;
    color: #960;
    font-size: 1.1rem;
}
.taiken .schedule td span.sat {
    color: #4b8cd8;
}
.taiken .schedule td span.sun {
    color: #ea646d;
}
.taiken .need {
    margin: 30px auto 10px;
}
.taiken .need ul {
	background: #FFF9E5;
	border: 2px solid #F1EAD4;
	border-radius: 4px;
	padding: 12px;
}
.taiken .need ul li {
	position:relative;
	display: block;
	margin: 8px 0;
	color: #FC648A;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}
.taiken .need p {
    margin: 0 0 0 -8px;
	padding-top: 0;
    line-height: 1.6;
    font-size: 13px;
    font-weight: normal;
}
.taiken .need p span {
    color: #fff;
    margin: 0 7px 0 0;
    padding: 0 14px;
    border-radius: 4px;
    background: #ff7896;
    font-size: 1.2rem;
}
.taiken .need p.notice {
    width: auto;
    font-size: 11px;
	margin-top: 8px;
}
.taiken .need p.text-right {
	text-align: right;
	margin: 0;
	padding-right: 0;
}
.taiken .need .text-right a {
	color: #666;
	text-decoration: underline;
}
.taiken .action {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    width: 80%;
    margin: 20px auto 0;
}
.taiken .action .bt_menu {
    display: inline-block;
    position: relative;
    width: 115px;
    height: 40px;
    line-height: 40px;
    padding: 0px;
    border: none;
    border-radius: 4px;
    background: #fff;
    color: #fff;
    text-align: center;
}
.taiken .action .bt_menu:hover {
    opacity: 0.7;
}
.taiken .action .bt_menu.no_bt {
    background: #dbdbdb;
}
.taiken .action .bt_menu.bt_tel {
    background: #c7a4cc;
}
.taiken .action .bt_menu.bt_mail {
    background: #67c3d4;
}
.taiken .action .bt_menu.bt_line {
    background: #00b900;
}
.taiken .action .bt_menu.bt_web {
    background: #f3a481;
}
.taiken .action .bt_menu .icon_svg {
    display: inline-block;
    width: 22px;
    height: 22px;
	margin-right: 8px;
	fill: #fff;
	vertical-align: middle;
}
.taiken .action .bt_menu.bt_web {
    background: #f3a481;
    font-size: 1.1rem;
}
.taiken .action + p {
    margin: 20px 0 30px;
    font-size: 11px;
    font-weight: normal;
    text-align: center;
}
/*--------------------------------------

  スタッフ求人情報

---------------------------------------*/
#jobinfo_staff {

}
#jobinfo_staff .ttl_tag {
    background: url(/pc/img/common/bg_tag_blue.png) !important;
}
#jobinfo_staff .ttl_tag::after {
    content: "staff job.";
}
#jobinfo_staff a.img_box {
    display: block;
    margin: 0 auto 20px;
    width: 400px;
}
#jobinfo_staff a.img_box img {
    width: 100%;
}
#jobinfo_staff h4 {
    line-height: 1.6;
    margin-bottom: 8px;
    font-size: 1.4rem;
}
#jobinfo_staff .text{
    line-height: 1.6;
    margin-bottom: 16px;
}
#jobinfo_staff .link_staff {
    text-align: right;
}
#jobinfo_staff .link_staff a {
    text-align: right;
    color: #2e97d6;
    text-decoration: underline;
}
#jobinfo_staff .link_staff a:hover {
    text-decoration: none;
}
#jobinfo_staff .link_staff a svg {
    width: 12px;
    height: 12px;
    vertical-align: middle;
    margin-left: 4px;
    padding-bottom: 2px;
    fill: #2e97d6;
    font-size: 1.4rem;
}
/*--------------------------------------

    SEOテキスト(お店ページ下部)

---------------------------------------*/
section.shop_seotxt {
    line-height: 1.6;
}
section.shop_seotxt .date_area {
    margin-bottom: 4px;
}
section.shop_seotxt .title {
    margin-bottom: 10px;
    padding-bottom: 2px;
    border-bottom: dashed 1px #DDD;
    font-size: 1.6rem;
    color: #54aec0;
    font-weight: bold;
}