@charset "utf-8";

[class^="privilege"] .shopBox  table {
    table-layout:fixed;
}
[class^="privilege"] .shopBox .withBPic table .treatment th {
    width:14px;
    text-align:center;
}
[class^="privilege"] .shopBox .withPicMain table .treatment th {
    width:30px;
    text-align:center;
}
[class^="privilege"] .shopBox  table .treatment td {
    width:auto;
}
[class^="privilege"] .shopBox .withBPic table .treatment td span {
    font-size:10px;
}
[class^="privilege"] .shopBox .withBPic .privilege_pic {
    background-color:#fff;
    border-spacing:0;
}
[class^="privilege"] .shopBox .withBPic .privilege_pic .td_pic {
    width:auto;
    max-width:414px;
    max-height:178px;
    padding:0;
    vertical-align:top;
}
[class^="privilege"] .shopBox .withBPic .privilege_pic .td_pic img {
    height:178px;
    max-width:414px;
}
[class^="privilege"] .shopBox .withBPic .privilege_pic .td_tabletreatment {
    width:auto;
    min-width:278px;
    max-height:178px;
    padding:0;
    vertical-align:top;
}
[class^="privilege"] .shopBox .withBPic .privilege_pic .td_tabletreatment .tabletreatment {
    display:inline-block;
    margin:0 0 0 5px;
}
[class^="privilege"] .shopBox .privilege_box {
    background:#ffffff none repeat scroll 0 0;
    padding:0 10px 6px;
}
[class^="privilege"] .shopBox .privilege_box * {
    box-sizing: border-box;
}
[class^="privilege"] .shopBox .privilege_box .privilege_comment {
    -moz-box-shadow:0 1px 2px 0 rgba(231, 193, 201, 0.5);
    -webkit-box-shadow:0 1px 2px 0 rgba(231, 193, 201, 0.5);
    box-shadow:0 1px 2px 0 rgba(231, 193, 201, 0.5);
}
[class^="privilege"] .shopBox .privilege_box .privilege_comment h3 {
    color:#ffffff;
    font-size:16px;
    font-weight:bold;
    height:30px;
    line-height:34px;
    padding-left:15px;
}
[class^="privilege"] .shopBox .privilege_box .privilege_comment .comment_box {
    padding:8px;
}
[class^="privilege"] .shopBox .privilege_box .privilege_comment .comment_inner {
    font-size:12px;
    padding:2px 5px;
    word-wrap:break-word;
    word-break:break-all;
    line-height:1.5;
}
[class^="privilege"] .shopBox .privilege_box .salary_example .title {
    margin-top:10px;
    background-color:#66aaff;
    border:1px solid #66aaff;
    color:#ffffff;
    font-size:13px;
    padding:3px 0 2px;
    text-align:center;
    width:72px;
    height:19px;
    line-height:12px;
    border-radius:3px 0 0;
}
[class^="privilege"] .shopBox .privilege_box .salary_example .block {
    background-color:#cfdfff;
    clear:left;
    padding:3px 0;
}
[class^="privilege"] .shopBox .privilege_box .salary_tbl {
    border-spacing:0;
    border-collapse:separate;
    border:1px solid #66aaff;
    table-layout:fixed;
    width:100%;
}
[class^="privilege"] .shopBox .privilege_box .salary_tbl th.time {
    background-color:#66aaff;
    border:1px solid #ffffff;
    color:#ffffff;
    font-size:13px;
    padding:10px 0 7px;
    text-align:center;
    text-shadow:1px 1px 1px #66aaff;
    font-weight:normal;
}
[class^="privilege"] .shopBox .privilege_box .salary_tbl td.kingaku {
    background-color:#ffffff;
    border-left:1px solid #66aaff;
    border-right:1px solid #66aaff;
    font-size:12px;
    padding:10px 0 7px;
    text-align:center;
    font-weight:normal;
}
[class^="privilege"] .shopBox .privilege_box .salary_tbl th:first-of-type:nth-last-of-type(3), [class^="privilege"] .shopBox .privilege_box .salary_tbl th:first-of-type:nth-last-of-type(3) ~ th {
    width:112px;
}
[class^="privilege"] .shopBox .privilege_box .salary_tbl td:first-of-type:nth-last-of-type(3), [class^="privilege"] .shopBox .privilege_box .salary_tbl td:first-of-type:nth-last-of-type(3) ~ td {
    width:120px;
}
[class^="privilege"] .shopBox .privilege_box .salary_tbl td:first-of-type:nth-last-of-type(3):last-of-type, [class^="privilege"] .shopBox .privilege_box .salary_tbl td:first-of-type:nth-last-of-type(3) ~ td:last-of-type {
    width:auto;
}
[class^="privilege"] .shopBox .privilege_box .salary_tbl th:first-of-type:nth-last-of-type(2), [class^="privilege"] .shopBox .privilege_box .salary_tbl th:first-of-type:nth-last-of-type(2) ~ th {
    width:170px;
}
[class^="privilege"] .shopBox .privilege_box .salary_tbl td:first-of-type:nth-last-of-type(2), [class^="privilege"] .shopBox .privilege_box .salary_tbl td:first-of-type:nth-last-of-type(2) ~ td {
    width:179px;
}
[class^="privilege"] .shopBox .privilege_box .salary_tbl td:first-of-type:nth-last-of-type(2):last-of-type, [class^="privilege"] .shopBox .privilege_box .salary_tbl td:first-of-type:nth-last-of-type(2) ~ td:last-of-type {
    width:auto;
}
[class^="privilege"] .shopBox .privilege_box .salary_tbl th:first-of-type:nth-last-of-type(1), [class^="privilege"] .shopBox .privilege_box .salary_tbl th:first-of-type:nth-last-of-type(1) ~ th {
    width:348px;
}
[class^="privilege"] .shopBox .privilege_box .salary_tbl td:first-of-type:nth-last-of-type(1), [class^="privilege"] .shopBox .privilege_box .salary_tbl td:first-of-type:nth-last-of-type(1) ~ td {
    width:auto;
}
[class^="privilege"] .shopBox .privilege_box .salary_tbl td:last-of-type {
    border-right:medium none;
    width:auto;
}
[class^="privilege"] .shopBox .privilege_box .recruit_tbl {
    font-size:14px;
    width:100%;
    margin:10px 0 0 10px;
    border-collapse:collapse;
}
[class^="privilege"] .shopBox .privilege_box .recruit_tbl tr td {
    padding:0;
    background: #fff none repeat scroll 0 0;
}
[class^="privilege"] .shopBox .privilege_box .recruit_tbl tr .td_base {
    float: left;
    margin-right: 3px;
    margin-bottom: 3px;
    width: 19%;
    padding: 1px;
    border: 1px solid #511500;
}
[class^="privilege"] .shopBox .privilege_box .recruit_tbl tr .td_base:nth-child(5n) {
    margin-right: 0;
}
[class^="privilege"] .shopBox .privilege_box .recruit_tbl tr td .td_base div {
    background: #F8EDC6 none repeat scroll 0 0;
    color: #511500;
    border: 1px solid #511500;
    height: 40px;
    text-align: center;
    text-shadow: none;
}
[class^="privilege"] .shopBox .privilege_box .recruit_tbl tr td .td_base.off {
    border: 1px solid #D5D5D5;
}
[class^="privilege"] .shopBox .privilege_box .recruit_tbl tr td .td_base.off div {
    background: #F5F5F5 none repeat scroll 0 0;
    border: 2px solid #D5D5D5;
    color: #D5D5D5;
}
[class^="privilege"] .shopBox .privilege_box .recruit_tbl tr td .td_base div span {
    font-size: 14px;
    font-weight: bold;
    line-height: 40px;
}
[class^="privilege"] .shopBox .privilege_box .recruit_tbl tr td .td_base div span.sub {
    font-size: 12px;
}
[class^="privilege"] .shopBox .privilege_box .enrolled_ratio_wrapper {
    display: flex;
}
[class^="privilege"] .shopBox .privilege_box .enrolled_ratio_box {
    width: 100%;
    text-align: center;
    margin: 0;
}
[class^="privilege"] .shopBox .privilege_box .enrolled_ratio_border {
    display: flex;
}
[class^="privilege"] .shopBox .privilege_box .enrolled_ratio_border div {
    width: 50%;
    height: 10px;
    position: relative;
    margin-top: 15px;
    border-top: 6px solid transparent;
}
[class^="privilege"] .shopBox .privilege_box .enrolled_ratio_border div.enrolled_ratio_border_before,
[class^="privilege"] .shopBox .privilege_box .enrolled_ratio_border div.enrolled_ratio_border_after {
    border-top: 6px solid #cd5c5c;
}
[class^="privilege"] .shopBox .privilege_box .enrolled_ratio_border_circle:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    left: -10px;
    border-radius: 50%;
    background: #cd5c5c;
    position: absolute;
    top: -13px;
}
[class^="privilege"] .shopBox .privilege_box .enrolled_ratio_text {
    margin-top: 5px;
}
[class^="privilege"] .shopBox .privilege_box .enrolled_ratio_text span {
    font-weight: bold;
}
[class^="privilege"] .shopBox .privilege_box .enrolled_ratio_text span.enrolled_ratio_text_size {
    font-size: 10px;
    font-weight: normal;
    display: block;
}
[class^="privilege"] .shopBox .privilege_box .enrolled_ratio_balloon {
    position: relative;
    display: inline-block;
    background-color: #fff0f0;
    border: solid 1px #525252;
    padding: 5px 10px;
    max-width: 100%;
    text-align: center;
    border-radius: 45%;
    font-weight: bold;
}
[class^="privilege"] .shopBox .privilege_box .enrolled_ratio_balloon p,
[class^="privilege"] .shopBox .privilege_box .enrolled_ratio_balloon span{
    font-weight: bold;
}
[class^="privilege"] .shopBox .privilege_box .enrolled_ratio_balloon:before,
[class^="privilege"] .shopBox .privilege_box .enrolled_ratio_balloon:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
[class^="privilege"] .shopBox .privilege_box .enrolled_ratio_balloon:before {
    border: solid 8px transparent;
    border-top: solid 9px #525252;
}
[class^="privilege"] .shopBox .privilege_box .enrolled_ratio_balloon:after {
    border: solid 11px transparent;
    border-top: solid 12px #fff0f0;
    margin-top: -5px;
    visibility: unset;
}
[class^="privilege"] .shopBox .privilege_box .enrolled_box .enrolled_ratio_dt {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 14px;
}
[class^="privilege"] .shopBox .privilege_box .enrolled_box .enrolled_ratio_dt span {
    font-weight: bold;
}
[class^="privilege"] .shopBox .privilege_box .enrolled_box .enrolled_ratio_dd {
    margin-bottom: 10px;
}
.privilege1 .shopTitle {
    background-color:#ffffbb;
}
.privilege1 .shopTitle:hover {
    background-color:#f8f8b0;
}
.privilege1 .boxarea:hover {
    background-color:#f8f8b0;
}
.privilege1 .shopBox .shopTitle dl {
    border-color:#ff8c00;
}
.privilege1 .shopBox .privilege_comment h3 {
    background-color:#ff8c00;
}
.privilege2 .shopTitle {
    background-color:#eeffee;
}
.privilege2 .shopTitle:hover {
    background-color:#dceddc;
}
.privilege2 .boxarea:hover {
    background-color:#dceddc;
}
.privilege2 .shopBox .shopTitle dl {
    border-color:#32cd32;
}
.privilege2 .shopBox .privilege_comment h3 {
    background-color:#32cd32;
}
.privilege3 .shopTitle {
    background-color:#eeeeff;
}
.privilege3 .shopTitle:hover {
    background-color:#ddddee;
}
.privilege3 .boxarea:hover {
    background-color:#ddddee;
}
.privilege3 .shopBox .shopTitle dl {
    border-color:#1e90ff;
}
.privilege3 .shopBox .privilege_comment h3 {
    background-color:#1e90ff;
}
.privilege4 .shopTitle {
    background-color:#f9eeff;
}
.privilege4 .shopTitle:hover {
    background-color:#e8ddee;
}
.privilege4 .boxarea:hover {
    background-color:#e8ddee;
}
.privilege4 .shopBox .shopTitle dl {
    border-color:#ccaaff;
}
.privilege4 .shopBox .privilege_comment h3 {
    background-color:#ccaaff;
}
.privilege6 .shopTitle {
    background-color:#f9eeff;
}
.privilege6 .shopTitle:hover {
    background-color:#d6d3e5;
}
.privilege6 .boxarea:hover {
    background-color:#d6d3e5;
}
.privilege6 .shopBox .shopTitle dl {
    border-color:#483d8b;
}
.privilege6 .shopBox .privilege_comment h3 {
    background-color:#483d8b;
}
.privilege7 .shopTitle {
    background-color:#f7e7e7;
}
.privilege7 .shopTitle:hover {
    background-color:#e9c8c8;
}
.privilege7 .boxarea:hover {
    background-color:#e9c8c8;
}
.privilege7 .shopBox .shopTitle dl {
    border-color:#cd5c5c;
}
.privilege7 .shopBox .privilege_comment h3 {
    background-color:#cd5c5c;
}
/* ↓ 2026/05/13 SC インバウンド特典検索絞り込み対応 */
.privilege8 .shopBox .shopTitle dl {
    border-color:#164A74;
}
.privilege8 .shopBox .privilege_comment h3 {
    background-color:#164A74;
}
/* ↑ 2026/05/13 SC インバウンド特典検索絞り込み対応 */