.shop-image._width30per img {
    width: 30%;
    display: block;
    margin: 0 auto;
}
.shop {
    background-color: #FFFFFF;
    border: none;
    margin: 0;
    position: relative;
    padding-top: 13px;
    padding-bottom: 10px;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
}

#main {
    padding: 0;
}

.shop-update {
    position: absolute;
    top: -13px;
    left: 10px;
    background: #ffa500;
    color: #FFFFFF;
    padding: 4px 16px;
    border-radius: 20px;
}

/* 2024/08/30 ヘブン検定各フロント表示対応 start */
.shop-header-icons {
    padding: 10px 10px 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
    /* justify-content: start; */
    justify-content: flex-start;
    align-content: flex-start;
    /* flex-direction: row; */
    /* align-content: stretch; */
    flex-flow: wrap row;
}

.shop-header-icon+.shop-header-icon {
    /* margin-left: 4px; */
}

a.shop-header-icon {
    height: 19px;
}

a.shop-header-icon>img {
    height: 100%;
    object-fit: contain;
}

.shop-header-searchResult-icon {
    display: inline-block;
    height: 19px;
}

.shop-header-searchResult-icon>img {
    max-width: 100%;
    height: 100%;
    object-fit: contain;
}
/* 2024/08/30 ヘブン検定各フロント表示対応 end */

/* 2025/07/09 検索結果タグ変更 @SC↓ */
.shop-catchcopy {
    padding: 10px 10px 0;
    color: #666;
    font-size: 15px;
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

/* 2025/07/09 検索結果タグ変更 @SC↑ */

.shop-dataText,.shop-dataText>h2 {
    font-size: 12px;
    display: inline;
    font-weight: normal;
    color: #666666;
}

/* 2025/07/09 検索結果タグ変更 @SC↓ */
.shop-dataText {
    padding: 10px 10px 0;
    display: inline-flex;
}
.shop-dataText h2 {
    color: #53A6ED;
    font-size: 14px;
    font-weight: bold;
}
/* 2025/07/09 検索結果タグ変更 @SC↑ */

.shop.slank {
    background-color: #FFFFCC;
}

.shop-buttons {
    display: flex;
    align-items: center;
    margin-top: 10px;
    padding: 0 10px;
}

.shop-image {
    padding: 10px 0 6px;
}


.shop-mainCategory-icons {
    padding: 0 10px;
}

.shop-recluits {
    margin-top: 10px;
}

.shop-allCategory {
    margin-top: 10px;
    padding: 0 10px;
}

.shop-buttons .keep01 {background: #FFF;border: 1px solid;box-shadow: none;color: #0195ff!important;box-sizing: border-box;display: flex;align-items: center;justify-content: center;width: auto;height: auto;}

.shop-button._shop {
    background: #0195ff;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    font-weight: bold;
    border-radius: 3px;
}

.shop-buttons .btn-wrap {
    padding: 0;
}

.shop-mainCategory-icon {
    padding: 2px 4px;
    border: 1px solid;
    background: #FFFFFF;
    margin-top: 4px;
    margin-right: 4px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
}

.shop-mainCategory-icon.blue {
    color: #0096FF;
}

.shop-mainCategory-icon.orange {
    color: #FF9A51;
}

.shop-mainCategory-icon.pink {
    color: #FF78F6;
}

.shop-mainCategory-icon.green {
    color: #78CF2E;
}

.shop-allCategory-headline {
    font-size: 14px;
    font-weight: bold;
    color: #666;
}

.shop-allCategory-icon {
    padding: 2px 4px;
    border: 1px solid #FFA500;
    background: #FFA500;
    margin-top: 4px;
    margin-right: 2px;
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    color: #FFFFFF;
    border-radius: 3px;
}

.shop-allCategory-icon.off {
    color: #aaaaaa;
    background: #FFFFFF;
    border: 1px solid #aaaaaa;
}

.shop-buttons .btn-wrap+.btn-wrap {
    margin-left: 10px;
}

.shop-image>img {
    display: block;
    margin: 0 auto;
}

.shop-2column {
    display: flex;
    padding: 10px 10px 6px;
}

.shop-2column-image {
    width: 50%;
}

.shop-2column-catch {
    width: 100%;
    margin-left: 10px;
}

.shop-recluits-navigation {
    overflow-y: hidden;
    overflow-x: scroll;
    display: flex;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    margin-bottom: 10px;
}

.shop-recluits-navigationItem {
    box-sizing: border-box;
    white-space: nowrap;
    margin-left: 10px;
    padding: 4px 12px;
    border: 1px solid;
    border-radius: 20px;
    background: #FFFFFF;
    color: #0195ff;
    font-weight: bold;
    cursor: pointer;
}

.shop-recluits-content {
    margin: 0 10px;
    padding: 10px 0;
    background: #FFFFFF;
}

.shop-recluits-slide {
    background: #FFFFFF;
    display: none;
}

.shop-recluits-slideHead {
    font-weight: bold;
    font-size: 16px;
    color: #0195ff;
    margin-bottom: 5px;
}

.shop-recluits-slideHeadText {
    border-bottom: 1px solid;
    padding-bottom: 2px;
    display: inline-block;
}

.shop-recluits-data {
    display: flex;
    padding: 5px 0;
    border-bottom: 2px dotted #0195ff;
    align-items: center;
}

.shop-recluits-dataHead {
    width: 20%;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 4px 0;
    text-align: center;
}

.shop-recluits-dataInfo {
    width: calc(80% - 4px);
    font-size: 13px;
    color: #666666;
    margin-left: 4px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

/* ↓ 2023/10/06 職種別給与追加 */
.shop-recluits-wrap {
    width: calc(100% - 60px);
}
.shop-recluits-box {
    display: flex;
    flex-direction: row;
    margin-bottom: 8px;
    margin-left: 4px;
    align-items: center;
}
.employment_status_box {
    border-radius: 4px;
    color: #FFF;
    font-weight: bold;
    margin-right: 8px;
    width: 20px;
    position: relative;
    height: 20px;
}
.shop-recluits-fulltime {
    background-color: #70bcff;
    border: 1px solid #409EE3;
}
.shop-recluits-contract {
    background-color: #c871ff;
    border: 1px solid #893FC3;
}
.shop-recluits-parttime {
    background-color: #ffb576;
    border: 1px solid #CD9872;
}
.employment_status {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 11px;
}
.shop-recluits-status {
    font-weight: bold;
    margin-right: 4px;
    color: #666666;
    font-size: 12px;
}
.shop-recluits-salary {
    color: #ff70ae;
    font-weight: bold;
    margin-right: 4px;
    font-size: 14px;
}
.shop-recluits-salary-detail {
    display: flex;
    align-items: center;
}
.shop-recluits-salary-yen{
    font-size: 12px;
}
.shop-recluits-salary-yen > span._accent {
    color: #ff70ae;
    font-weight: bold;
    margin: 0 4px;
    font-size: 14px;
}
.salary_yen_sign {
    color: #666666;
    font-size: 12px;
}
.shop-recluits-wrap .shop-recluits-dataInfo{
    width: auto;
}
/* ↑ 2023/10/06 職種別給与追加 */

.shop-recluits-slideContent-link {
    text-align: center;
    display: block;
    margin: 10px auto 0;
    font-size: 16px;
    font-weight: bold;
    color: #0195ff;
    text-decoration: underline;
}

.shop-recluits-slideContent-link>._small {
    font-size: 12px;
}

.shop-recluits-slideHeadText>._small {
    font-size: 12px;
}

.shop-recluits-dataHeadIcon {
    width: 24px;
    margin-bottom: 4px;
}

.shop-recluits-dataHeadText {
    font-size: 12px;
    color: #666666;
    font-weight: bold;
}

.shop-recluits-dataInfo>a {
    color: #666666;
    text-decoration: underline;
}

.shop-buttons .keep01.checklistdel {
    color: #aaa!important;
    top: 0;
}

.shop-recluits-navigationItem.is-active {
    background: #0195ff;
    color: #FFFFFF;
    border: 1px solid #0195ff;
}

.shop-recluits-slide.is-active {
    display: block;
}
.shop-buttons .btn-wrap span.keep_sample {
    font-size: 13px;
}


.shop-newopen{
    position: absolute;
    right: -5px;
    top: -12px;
    width: 160px;
    z-index: 10;
}
.shop-newopen .newOpenIconWord{
    position: absolute;
    color: #FFFFFF;
    font-size: 12px;
    z-index: 1;
    left: 28px;
    top: 10px;
    letter-spacing: -2px;
    transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    animation: word_flash 5s ease 0s infinite normal;
    -moz-animation: word_flash 5s ease 0s infinite normal;
    -webkit-animation: word_flash 5s ease 0s infinite normal;
    -ms-animation: word_flash 5s ease 0s infinite normal;
}
@keyframes word_flash {
0% {
    color: #fff;
}
50% {
    color: #fff;
}
65% {
    color: #f7f711;
}
95% {
    color: #f7f711;
}
100% {
    color: #fff;
}
}
.shop-newopen .newOpenIconWord .IconWord{
    position: relative;
    font-weight: bold;
}
.shop-newopen .newOpenIconWord .Word1{
    top: -0.3px;
}
.shop-newopen .newOpenIconWord .Word2{
    top: 0px;
}
.shop-newopen .newOpenIconWord .Word3{
    top: -0.3px;
}
.shop-newopen .newOpenIconWord .Word4{
    top: -1px;
}
.shop-newopen .newOpenIconWord .Word5{
    top: -1.5px;
}
.shop-newopen .newOpenIconWord .Word6{
    top: -2px;
}
.shop-newopen .newOpenIconWord .Word7{
    top: -3px;
}
.shop-newopen .newOpenIconWord .Word8{
    top: -3px;
}
.shop-newopen .newOpenIconWord .Word9{
    top: -3px;
}
.shop-newopen .newOpenIconWord .Word10{
    top: -3px;
}
.shop-newopen img{
    margin-top: 0;
    max-width: 100%;
    vertical-align: top;
}
.shop-recluits-dataHeadText>._small {
    font-size: 10px;
}
.shop-2column-catch>.shop-catchcopy, .shop-2column-catch>.shop-dataText {
    padding: 0;
}
.slank .shop-recluits-content {
    padding: 10px;
}
.shop-catchcopy a,.shop-dataText a {
    color: #666;
}

#main {
    background: #EFEFEF;
    padding: 33px 0 0;
    margin: 0 !important;
}
.shop+.shop {
    margin-top: 48px;
}
#searchTheme {
    margin: 0 !important;
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
}
