@charset "utf-8";

/* -----↓mainContents----- */
#mainContents{
}
/* -----↑mainContents----- */


/* -----↓rankingBlock----- */
#rankingBlock{
    margin-bottom:30px;
    overflow:hidden;
}
#rankingBlockTitle{
    border:1px solid #e8e8d5;
    margin-bottom:5px;
    height:auto;
}
#rankingBlockTitleBg{
    border: 1px solid #F0F0E6;
  background: #F0F0E6;
}
#rankingBlockTitleBg h2{
    padding-left:23px;
    color:#3c2b20;
    background: url(/img/fppc/iconPageTitleNews.png) no-repeat 0px 50% #F0F0E6;
    border: 1px solid #f0f0e6;
    font-size:17px;
    font-weight:bold;
    line-height:28px;
    float:left;
}
#rankingBlockTitleBg form{
    float:right;
    margin-right:3px;
}
#rankingBlockTitleBg form p{
    line-height:28px;
}
#rankingBlockTitleBg span{
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 3px;
    color: #FF3399;
    display: block;
    float: right;
    margin: 3px 5px 0 0;
    padding: 2px 0;
    text-align: center;
    width: 155px;
}
#rankingBlockTitleBg span a:hover{
    text-decoration: none;
}
#rankingBlock h3{
    background:url(/img/fppc/iconTitle03.png) 0 0 no-repeat;
    padding-left:25px;
    border-bottom:1px solid #ccc;
    font-size:15px;
    font-weight:bold;
    color:#333;
    position:relative;
    margin-bottom:10px;

    padding-bottom:2px;
    height:22px;
    line-height:25px;
}
#rankingBlock h3 span{
    position:absolute;
    right:0;
    bottom:0;
    font-weight:bold;
    font-size:13px;
}
#rankingBlock .leadText{
    color:#333;
    font-size:11px;
    margin-bottom:20px;
}
.rankingBox{
    overflow:hidden;
    margin-bottom:20px;
}
.rankingBox p{
    color:#333;
}
.rankingBox:nth-of-type(10){
    margin-bottom:5px;
}

.rankingBox .rankingBoxRank p{
    text-align:center;
    font-size:40px;
    font-family:impact;
}
.rankingBox .rankingBoxImg p{
    position:relative;
}
.rankingBox .rankingBoxImg p .telop{
    position:absolute;
    right:0;
    bottom:0;
    background-color:#000;
    color:#fff;
    padding:1px 2px 3px 4px;
    font-size:11px;
    line-height:1;
    height: 9px;
}
.rankingBox .rankingBoxImg p .telop:hover{
    text-decoration:none;
}
.rankingBlockList .moreLink a{
    background: url(/img/fppc/moreLink.png) no-repeat scroll 0 50% transparent;
    padding-left: 12px;
    font-size:11px;
}
.accordionHead {
    cursor:pointer;
}
.accordionMenu {
    border-top: 1px solid #999;
}
.accordionMenu ul{
    margin: 8px 5px 5px 3px;
}
.accordionMenu ul li{
    display: inline;
}
.accordionMenu a{
}
/* -----↑rankingBlock----- */


/* -----↓ranking01----- */
.ranking01 .rankingBox {
    position:relative;
    margin-top: 40px;
}
.ranking01 .rankingBox .linkarea{
    display:block;
    position:absolute;
    left:0px;
    top:0px;
    height:100%;
    width:100%;
    text-align:left;
    text-indent:-999px;
    filter:alpha(opacity=0);
}
.ranking01 .rankingBox .rankingBoxRank{
    float:left;
    width:70px;
}
.ranking01 .rankingBox .rankingBoxImg{
    float:left;
}
.ranking01 .rankingBox .rankingBoxText{
    float:left;
    width:490px;
    margin-left:10px;
}
.ranking01 .rankingBox .rankingBoxText .titleText{
    font-weight:bold;
    font-size:17px;
}
.ranking01 .rankingBox .rankingBoxText .textText{
    margin-bottom:5px;
    font-size:11px;
}
.ranking01 .rankingBox .rankingBoxText .shopText a{
    font-weight:bold;
/*	font-size:15px;*/
}
.ranking01 .rankingBox .rankingBoxText .shopText font{
    font-weight:bold;
    color: #833A19;
    text-decoration: none;
}
.ranking01 .rankingBox .rankingBoxText .shopText .areaText{
    font-size:11px;
    margin-bottom:10px;
    margin-left:10px;
}
.ranking01 .rankingBox .rankingBoxText .areaText{
    font-size:11px;
    color:#333333;
    margin-bottom:10px;
}
/* -----↑ranking01----- */


/* -----↓ranking02----- */
.ranking02 .rankingBox{
    position:relative;
    margin-bottom:30px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #f0ebeb;
}
.ranking02 .rankingBox .rankingBoxRank{
    display:table-cell;
    width:70px;
    vertical-align:top;
}
.ranking02 .rankingBox .rankingBoxImg{
    display: table-cell;
    font-size: 12px;
    vertical-align: middle;
    width: 150px;
}
.ranking02 .rankingBox .rankingBoxImg span{
  overflow:hidden;
    display:inline-block;
    max-height:150px;
    margin-bottom: 5px;
}
.ranking02 .rankingBox .rankingBoxImg img{
    margin-bottom: 5px;
    display:block;
    width:150px;
}
.ranking02 .rankingBox .rankingBoxImg a{
    display:block;
    width:150px;
}
.ranking02 .rankingBox .rankingBoxImg font{
    color: #833A19;
    text-decoration: none;
    display: inline-block;
}
.ranking02 .rankingBox .rankingBoxText{
    display:table-cell;
    padding-left:10px;
    vertical-align:top;
    width:490px;
}
.ranking02 .rankingBox .rankingBoxText .nameText{
    position:relative;
    height: 35px;
    border-bottom:1px solid #ddd;
    margin-bottom:5px;
}
.ranking02 .rankingBox .rankingBoxText .nameText .nameimg{
    float: left;
    height: 30px;
    margin-right: 5px;
    overflow: hidden;
    width: 30px;
}
.ranking02 .rankingBox .rankingBoxText .nameText a{
    font-size:15px;
    font-weight:bold;
    line-height: 30px;
}
.ranking02 .rankingBox .rankingBoxText .nameText font{
    font-size: 15px;
    font-weight: bold;
    line-height: 30px;
    color: #833A19;
    text-decoration: none;
}
/* ↓ 2023/05/01 ランキングページ百名店アイコン表示 */
.ranking02 .rankingBox .rankingBoxText .nameText.hyakumeiten{
    padding-right: 112px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 490px;
    box-sizing: border-box;
    white-space: nowrap;
}
.hyakumeiten {
    position: absolute;
    right: 0;
    top: 2px;
}
.movie_rankingBox{
    padding: 0 0 20px;
}
.hyakumeiten_movie{
    position: relative;
    z-index: 99;
    display: block;
    margin-top: 2px;
}
/* ↑ 2023/05/01 ランキングページ百名店アイコン表示 */
.ranking02 .rankingBox .rankingBoxText .textText{
    margin-bottom:10px;
    font-size:11px;
    width:100%;
    height:30px;
}
.ranking02 .rankingBox .rankingBoxText .title{
    background: none repeat scroll 0 0 #66CCFF;
    color: #FFFFFF;
    display: inline-block;
    font-size: 11px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 5px;
    padding: 0 3px;
}
.ranking02 .rankingBox .rankingBoxText .titleText{
    display: inline-block;
    width: 385px;
}
.ranking02 .rankingBox .rankingBoxText .titleText a{
    font-size: 14px;
    font-weight: bold;
}
.ranking02 .rankingBox .rankingBoxText .titleText font{
    font-size: 14px;
    font-weight: bold;
    color: #833A19;
    text-decoration: none;
}
.ranking02 .rankingBox .rankingBoxText .shopText{
    font-size:11px;
    margin-bottom:5px;
    text-align:right;
}
.ranking02 .rankingBox .rankingBoxText .shopText a{
    font-size:13px;
    font-weight:bold;
    margin-right:5px;
}
.ranking02 .rankingBox .rankingBoxText .linkBtn{
    position:relative;
    right:0%;
    float:right;
}
.ranking02 .rankingBox .rankingBoxText .linkBtn li{
    width:173px;
    overflow:hidden;
    height:34px;
    float:left;
    position:relative;
    right:0%;
}
.ranking02 .rankingBox .rankingBoxText .linkBtn .lishop{
    margin-right:10px;
}
.ranking02 .rankingBox .rankingBoxText .linkBtn li a{
    display:block;
}
.ranking02 .rankingBox .rankingBoxText .linkBtn li a:hover{
    margin-top:-34px;
}
.ranking02 .rankingBox .rankingBoxText .newblog{
    background: none repeat scroll 0 0 #EEEEEE;
    padding: 10px;
}
.ranking02 .rankingBox .rankingBoxText .newblog .blogimg{
    float: left;
    height: 80px;
    margin-right: 5px;
    overflow: hidden;
    width: 80px;
}
.ranking02 .rankingBox:hover a {
  text-decoration: none;
}
/* -----↑ranking02----- */


/* -----↓ranking03----- */
.ranking03 .rankingBox{
    margin-bottom:10px;
}
.ranking03 .rankingBox{
    margin-bottom:00px;
}
.ranking03 .rankingBox li{
    display:table-cell;
    vertical-align:middle;
}
.ranking03 .rankingBox .rankingBoxRank{
    width:60px;
    text-align:center;
    font-size:40px;
    font-family:impact;
}
.ranking03 .rankingBox .rankingBoxArrow{
    width:80px;
}
.ranking03 .rankingBox .rankingBoxTitle{
    padding-left:50px;
    width:150px;
}
.ranking03 .rankingBox .rankingBoxTitle a{
    font-size:17px;
    font-weight:bold;
}
.ranking03 .rankingBox .rankingBoxText{
    width:490px;
}
/* -----↑ranking03----- */

/* -----↓ranking04----- */
.typeA{
    overflow:hidden;
    margin-bottom:20px;
    height: 317px;
}
.typeB{
    overflow:hidden;
    margin-bottom:20px;
    height: 180px;
}
.typeC{
    overflow:hidden;
    margin-bottom:20px;
    height: 427px;
}
.typeD{
    overflow:hidden;
    margin-bottom:20px;
    height: 290px;
}
.ranking04 .rankingBox .rankingBoxRank p{
    text-align:center;
    font-size:48px;
    font-family:impact;
}
.ranking04 .rankingBox .rankingBoxText h4 a{
    color:#833a2c;
    font-weight:bold;
    font-size:14px;
}
.ranking04 .rankingBox .rankingBoxText .catchCopy{
    font-weight:bold;
    font-size:16px;
}
.ranking04 .rankingBox .rankingBoxText .area{
    font-size:12px;
}
.ranking04 .rankingBox .rankingBoxRank{
    position:relative;
    float:left;
    width:80px;
    margin-right:5px;
    margin-left:20px;
    z-index:10;
}
.ranking04 .typeA .rankingBoxRank{
    height:317px;
}
.ranking04 .typeB .rankingBoxRank{
    height:180px;
}
.ranking04 .typeC .rankingBoxRank{
    height:427px;
}
.ranking04 .typeD .rankingBoxRank{
    height:290px;
}
.ranking04 .rankingBox .rankingBoxRank:after{
    height:325px;
    width:80px;
    background-color:#f2f2f2;
    position:absolute;
    top:0;
    z-index:1;
}
.ranking04 .typeA .rankingBoxRank p{
    position:relative;
    top:108px;
    z-index:10;
}
.ranking04 .typeB .rankingBoxRank p{
    position:relative;
    top:46px;
    z-index:10;
}
.ranking04 .rankingBox .top3{
    /*display:table-cell;*/
    float:left;
    width:80px;
    margin-right:5px;
}
.ranking04 .rankingBox .top3:after{
    height:427px;
    width:80px;
    background-color:#ffe5f1;
    position:absolute;
    top:0;
    z-index:1;
}
.ranking04 .typeA .top3 p{
    position:relative;
    top:95px;
    z-index:10;
    background-color:#ffe5f1;
}
.ranking04 .typeB .top3 p{
    position:relative;
    top:25px;
    z-index:10;
    background-color:#ffe5f1;
}
.ranking04 .typeC .top3 p{
    position:relative;
    top:154px;
    z-index:10;
    background-color:#ffe5f1;
}
.ranking04 .typeD .top3 p{
    position:relative;
    top:80px;
    z-index:10;
    background-color:#ffe5f1;
}
.ranking04 .rankingBox .rankingBoxImg{
    font-size: 12px;
    float:left;
}
.ranking04 .rankingBox .rankingBoxImg span{
    overflow:hidden;
    display:inline-block;
    /*max-height:150px;*/
    /*margin-bottom: 5px;*/
}
.ranking04 .rankingBox .rankingBoxImg .imgTypeA{
    margin-bottom: 5px;
    display:block;
    max-width:580px;
    max-height:250px;
}
.ranking04 .rankingBox .rankingBoxImg .imgTypeB{
    margin-bottom: 5px;
    display:block;
    max-width:240px;
    max-height:180px;
}
.ranking04 .rankingBox .rankingBoxImg a{
    display:block;
}
.ranking04 .rankingBox .rankingBoxImg font{
    color: #833A19;
    text-decoration: none;
}
.ranking04 .rankingBoxText{
    float:left;
}
.ranking04 .typeA .rankingBoxText{
    padding:5px 10px;
    vertical-align:top;
    width:560px;
}
.ranking04 .typeC .rankingBoxText{
    padding:5px 10px;
    vertical-align:top;
    width:560px;
    height:62px;
}
.ranking04 .typeD .rankingBoxText{
    height:180px;
    padding-bottom:10px;
}
.ranking04 .rankingBox .nameText{
    position:relative;
    height: 35px;
    border-bottom:1px solid #ddd;
    margin-bottom:5px;
}
.ranking04 .rankingBox .nameText .nameimg{
    float: left;
    height: 30px;
    margin-right: 5px;
    overflow: hidden;
    width: 30px;
}
.ranking04 .rankingBox .nameText a{
    font-size:15px;
    font-weight:bold;
    line-height: 30px;
}
.ranking04 .rankingBox .nameText font{
    font-size: 15px;
    font-weight: bold;
    line-height: 30px;
    color: #833A19;
    text-decoration: none;
}
.ranking04 .rankingBox .textText{
    margin-bottom:10px;
    font-size:11px;
    width:100%;
    height:30px;
}
.ranking04 .rankingBox .title{
    background: none repeat scroll 0 0 #66CCFF;
    color: #FFFFFF;
    display: inline-block;
    font-size: 11px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 5px;
    padding: 0 3px;
}
.ranking04 .rankingBox .titleText{
    display: inline-block;
    width: 470px;
}
.ranking04 .rankingBox .titleText a{
    font-size: 14px;
    font-weight: bold;
}
.ranking04 .rankingBox .titleText font{
    font-size: 14px;
    font-weight: bold;
    color: #833A19;
    text-decoration: none;
}
.ranking04 .rankingBox .shopText{
    font-size:11px;
    margin-bottom:5px;
    text-align:right;
}
.ranking04 .rankingBox .shopText a{
    font-size:13px;
    font-weight:bold;
    margin-right:5px;
}
.ranking04 .rankingBox .linkBtn{
    position:relative;
    right:0%;
    float:right;
}
.ranking04 .rankingBox .linkBtn li{
    width:173px;
    overflow:hidden;
    height:34px;
    float:left;
    position:relative;
    right:0%;
}
.ranking04 .rankingBox  .linkBtn .lishop{
    margin-right:10px;
}
.ranking04 .rankingBox .linkBtn li a{
    display:block;
}
.ranking04 .rankingBox .linkBtn li a:hover{
    margin-top:-34px;
}
.ranking04 .rankingBox .newblog{
    background: none repeat scroll 0 0 #EEEEEE;
    padding: 10px;
    width:560px;
    margin-top:5px;
    bottom: 0;
    height: 80px;
    float:left;
}
.ranking04 .rankingBox .newblog .blogimg{
    float: left;
    height: 80px;
    margin-right: 5px;
    overflow: hidden;
    width: 80px;
}
.ranking04 .rankingBox:hover a {
  text-decoration: none;
}
.scrollEffect {
  position: relative;
  left: 100%; 
}

/* -----↑ranking04----- */

#tab-wrapper {
    margin: 0 auto;
    text-align: left;
}
#tab-wrapper #tab li {
    float: left;
    list-style-type: none;
    border-bottom: 1px solid #e8e8d5;
    background: #EEE;
}
#tab-wrapper #tab li a {
    display: block;
    color: #777;
    text-align: center;
    text-decoration:none;
    font-size:16px;
    font-weight: bold;
    padding:2px;
    height: 36px;
    line-height: 36px;
}
#tab-wrapper #tab li a.tab1:hover, #tab-wrapper #tab li.present a.tab1 {
    background-color:#ff7c80;
    color: #fff;
    font-size:20px;
}
#tab-wrapper #tab li a.tab2:hover, #tab-wrapper #tab li.present a.tab2 {
    background-color:#ffc000;
    color: #fff;
    font-size:20px;
}
#tab-wrapper #news1, #tab-wrapper #news2, #tab-wrapper #news3{
    clear:both;
    padding:5px;
    font-size:13px;
    color:#666;
}
#tab-wrapper .accordionMenu {
    border-top: none;
}
#tab-wrapper .accordionMenu ul {
    margin: 0px 5px 0px 3px;
}
/* ----- ↓ 特典情報 ↓ ----- */
#rankingBlock div.privilege_box,
#rankingBlock div.privilege_box a {
    background:#ffffff none repeat scroll 0 0;
    padding:0 10px 6px;
    color: #333;
    display: block;
}
#rankingBlock .privilege_box div.privilege_tab {
    display: flex;
    margin: 10px 0;
}
#rankingBlock .privilege_box .privilege_tab [class^="privilege_tab_item"] {
    width: 115px;
    text-align: center;
    padding: 5px;
    border-bottom: 4px solid #D5D5D5;
    margin-right: 5px;
    cursor: pointer;
    display: block;
    white-space: nowrap;
}
#rankingBlock .privilege_box .privilege_tab [class^="privilege_tab_item"]:last-child {
    margin-right: 0;
}
#rankingBlock .privilege_box .privilege_tab [class^="privilege_tab_item"] span {
    font-weight: bold;
    font-size: 14px;
}
#rankingBlock .privilege_box [class^="privilege"] .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);
}
#rankingBlock .privilege_box [class^="privilege"] .privilege_comment h3 {
    color:#ffffff;
    font-size:16px;
    font-weight:bold;
    height:30px;
    line-height:34px;
    padding-left:15px;
    background: none;
    margin-bottom: 0;
}
#rankingBlock .privilege_box [class^="privilege"] .privilege_comment .comment_box {
    padding: 8px;
}
#rankingBlock .privilege_box>[class^="privilege"] {
    display: none;
}
#rankingBlock .privilege_box [class^="privilege"] * {
    box-sizing: border-box;
}
#rankingBlock .privilege_box [class^="privilege"].initial {
    display: block;
}
#rankingBlock .privilege_box [class^="privilege"] a {
    text-decoration: none;
}
#rankingBlock .privilege_box [class^="privilege"] .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;
}
#rankingBlock .privilege_box [class^="privilege"] .salary_example .block {
    background-color:#cfdfff;
    clear:left;
    padding:3px 0;
}
#rankingBlock .privilege_box [class^="privilege"] .salary_tbl {
    border-spacing:0;
    border-collapse:separate;
    border:1px solid #66aaff;
    table-layout:fixed;
    width:100%;
}
#rankingBlock .privilege_box [class^="privilege"] .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;
}
#rankingBlock .privilege_box [class^="privilege"] .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;
}
#rankingBlock .privilege_box .tainyu_box .salary_tbl th:first-of-type:nth-last-of-type(3), #rankingBlock .privilege_box .tainyu_box .salary_tbl th:first-of-type:nth-last-of-type(3) ~ th{
    width:100px;
}
#rankingBlock .privilege_box .tainyu_box .salary_tbl td:first-of-type:nth-last-of-type(3), #rankingBlock .privilege_box .tainyu_box .salary_tbl td:first-of-type:nth-last-of-type(3) ~ td{
    width:105px;
}
#rankingBlock .privilege_box .tainyu_box .salary_tbl td:first-of-type:nth-last-of-type(3):last-of-type, #rankingBlock .privilege_box .tainyu_box .salary_tbl td:first-of-type:nth-last-of-type(3) ~ td:last-of-type{
    width:auto;
}
#rankingBlock .privilege_box .tainyu_box .salary_tbl th:first-of-type:nth-last-of-type(2), #rankingBlock .privilege_box .tainyu_box .salary_tbl th:first-of-type:nth-last-of-type(2) ~ th{
    width:140px;
}
#rankingBlock .privilege_box .tainyu_box .salary_tbl td:first-of-type:nth-last-of-type(2), #rankingBlock .privilege_box .tainyu_box .salary_tbl td:first-of-type:nth-last-of-type(2) ~ td{
    width:176px;
}
#rankingBlock .privilege_box .tainyu_box .salary_tbl td:first-of-type:nth-last-of-type(2):last-of-type, #rankingBlock .privilege_box .tainyu_box .salary_tbl td:first-of-type:nth-last-of-type(2) ~ td:last-of-type{
    width:auto;
}
#rankingBlock .privilege_box .tainyu_box .salary_tbl th:first-of-type:nth-last-of-type(1), #rankingBlock .privilege_box .tainyu_box .salary_tbl th:first-of-type:nth-last-of-type(1) ~ th{
    width:320px;
}
#rankingBlock .privilege_box .tainyu_box .salary_tbl td:first-of-type:nth-last-of-type(1), #rankingBlock .privilege_box .tainyu_box .salary_tbl td:first-of-type:nth-last-of-type(1) ~ td{
    width:auto;
}
#rankingBlock .privilege_box .tainyu_box .salary_tbl td:last-of-type{
    border-right:medium none;
    width:auto;
}
#rankingBlock .privilege_box [class^="privilege"] .recruit_tbl {
    font-size:14px;
    width:100%;
    margin:10px 0 0 10px;
    border-collapse:collapse;
}
#rankingBlock .privilege_box [class^="privilege"] .recruit_tbl tr td {
    padding:0;
    background: #fff none repeat scroll 0 0;
}
#rankingBlock .privilege_box [class^="privilege"] .recruit_tbl tr .td_base {
    float: left;
    margin-right: 3px;
    margin-bottom: 3px;
    width: 19%;
    padding: 1px;
    border: 1px solid #511500;
}
#rankingBlock .privilege_box [class^="privilege"] .recruit_tbl tr .td_base:nth-child(5n) {
    margin-right: 0;
}
#rankingBlock .privilege_box [class^="privilege"] .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;
}
#rankingBlock .privilege_box [class^="privilege"] .recruit_tbl tr td .td_base.off {
    border: 1px solid #D5D5D5;
}
#rankingBlock .privilege_box [class^="privilege"] .recruit_tbl tr td .td_base.off div {
    background: #F5F5F5 none repeat scroll 0 0;
    border: 2px solid #D5D5D5;
    color: #D5D5D5;
}
#rankingBlock .privilege_box [class^="privilege"] .recruit_tbl tr td .td_base div span {
    font-size: 14px;
    font-weight: bold;
    line-height: 40px;
}
#rankingBlock .privilege_box [class^="privilege"] .recruit_tbl tr td .td_base div span.sub {
    font-size: 12px;
}
#rankingBlock .privilege_box [class^="privilege"] .enrolled_ratio_wrapper {
    display: flex;
}
#rankingBlock .privilege_box [class^="privilege"] .enrolled_ratio_box {
    width: 100%;
    text-align: center;
    margin: 0;
}
#rankingBlock .privilege_box [class^="privilege"] .enrolled_ratio_border {
    display: flex;
}
#rankingBlock .privilege_box [class^="privilege"] .enrolled_ratio_border div {
    width: 50%;
    height: 10px;
    position: relative;
    margin-top: 15px;
    border-top: 6px solid transparent;
}
#rankingBlock .privilege_box [class^="privilege"] .enrolled_ratio_border div.enrolled_ratio_border_before,
#rankingBlock .privilege_box [class^="privilege"] .enrolled_ratio_border div.enrolled_ratio_border_after {
    border-top: 6px solid #cd5c5c;
}
#rankingBlock .privilege_box [class^="privilege"] .enrolled_ratio_border_circle:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    left: -10px;
    border-radius: 50%;
    background: #cd5c5c;
    position: absolute;
    top: -13px;
}
#rankingBlock .privilege_box [class^="privilege"] .enrolled_ratio_text {
    margin-top: 5px;
}
#rankingBlock .privilege_box [class^="privilege"] .enrolled_ratio_text span {
    font-weight: bold;
}
#rankingBlock .privilege_box [class^="privilege"] .enrolled_ratio_text span.enrolled_ratio_text_size {
    font-size: 10px;
    font-weight: normal;
    display: block;
}
#rankingBlock .privilege_box [class^="privilege"] .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;
}
#rankingBlock .privilege_box [class^="privilege"] .enrolled_ratio_balloon p,
#rankingBlock .privilege_box [class^="privilege"] .enrolled_ratio_balloon span{
    font-weight: bold;
}
#rankingBlock .privilege_box [class^="privilege"] .enrolled_ratio_balloon:before,
#rankingBlock .privilege_box [class^="privilege"] .enrolled_ratio_balloon:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
#rankingBlock .privilege_box [class^="privilege"] .enrolled_ratio_balloon:before {
    border: solid 8px transparent;
    border-top: solid 9px #525252;
}
#rankingBlock .privilege_box [class^="privilege"] .enrolled_ratio_balloon:after {
    border: solid 11px transparent;
    border-top: solid 12px #fff0f0;
    margin-top: -5px;
    visibility: unset;
}
#rankingBlock .privilege_box [class^="privilege"] .enrolled_box .enrolled_ratio_dt {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 14px;
}
#rankingBlock .privilege_box [class^="privilege"] .enrolled_box .enrolled_ratio_dt span {
    font-weight: bold;
}
#rankingBlock .privilege_box [class^="privilege"] .enrolled_box .enrolled_ratio_dd {
    margin-bottom: 10px;
}

#rankingBlock .privilege_box .tainyu_box .tainyu_item{
    background:#ffffff none repeat scroll 0 0;
    padding:0 10px 6px;
}
#rankingBlock .privilege_box .tainyu_box *{
    box-sizing:border-box;
}
#rankingBlock .privilege_box .tainyu_box .tainyu_item h3{
    color:#ffffff;
    font-size:16px;
    font-weight:bold;
    height:30px;
    line-height:34px;
    padding-left:15px;
    background: none;
}
#rankingBlock .privilege_box .tainyu_box .tainyu_kyuyo{
    margin-bottom:8px;
    -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);
}
#rankingBlock .privilege_box .tainyu_box .tainyu_kyuyo h3{
    background-color:#ff6699;
}
#rankingBlock .privilege_box .tainyu_box .tainyu_kyuyo .kyuyo_box{
    padding:10px 11px;
    background-color:#ffffff;
}
#rankingBlock .privilege_box .tainyu_box .tainyu_kyuyo .kyuyo_box{
    padding:10px 11px;
    background-color:#ffffff;
}
#rankingBlock .privilege_box .tainyu_box .tainyu_tbl{
    table-layout:fixed;
    border-spacing:0;
    border-collapse:separate;
    border:1px solid #ff6699;
    margin-bottom:10px;
    width:100%;
}
#rankingBlock .privilege_box .tainyu_box .tainyu_tbl:last-child {
    margin-bottom:0;
}
#rankingBlock .privilege_box .tainyu_box .tainyu_tbl th{
    background-color:#ff6699;
    border:1px solid #ffffff;
    padding:0;
    color:#ffffff;
    font-size:13px;
    font-weight:normal;
    text-align:center;
    height:40px;
}
#rankingBlock .privilege_box .tainyu_box .tainyu_tbl td{
    border-left:1px solid #ff6699;
    border-right:1px solid #ff6699;
    font-size:12px;
    padding:5px 0 2px;
    text-align:center;
    font-weight:normal;
}
#rankingBlock .privilege_box .tainyu_box .tainyu_tbl th.number:first-of-type:nth-last-of-type(3), #rankingBlock .privilege_box .tainyu_box .tainyu_tbl th:first-of-type:nth-last-of-type(3) ~ th.number{
    width:100px;
}
#rankingBlock .privilege_box .tainyu_box .tainyu_tbl td.number:first-of-type:nth-last-of-type(3), #rankingBlock .privilege_box .tainyu_box .tainyu_tbl td:first-of-type:nth-last-of-type(3) ~ td.number{
    width:105px;
}
#rankingBlock .privilege_box .tainyu_box .tainyu_tbl th.salary:first-of-type:nth-last-of-type(3), #rankingBlock .privilege_box .tainyu_box .tainyu_tbl th:first-of-type:nth-last-of-type(3) ~ th.salary{
    width:95px;
}
#rankingBlock .privilege_box .tainyu_box .tainyu_tbl td.salary:first-of-type:nth-last-of-type(3), #rankingBlock .privilege_box .tainyu_box .tainyu_tbl td:first-of-type:nth-last-of-type(3) ~ td.salary{
    width:170px;
}
#rankingBlock .privilege_box .tainyu_box .tainyu_tbl th.warranty:first-of-type:nth-last-of-type(3), #rankingBlock .privilege_box .tainyu_box .tainyu_tbl th:first-of-type:nth-last-of-type(3) ~ th.warranty{
    width:95px;
}
#rankingBlock .privilege_box .tainyu_box .tainyu_tbl td.warranty:first-of-type:nth-last-of-type(3), #rankingBlock .privilege_box .tainyu_box .tainyu_tbl td:first-of-type:nth-last-of-type(3) ~ td.warranty{
    width:auto;
}
#rankingBlock .privilege_box .tainyu_box .tainyu_tbl th:first-of-type:nth-last-of-type(2), #rankingBlock .privilege_box .tainyu_box .tainyu_tbl th:first-of-type:nth-last-of-type(2) ~ th{
    width:140px;
}
#rankingBlock .privilege_box .tainyu_box .tainyu_tbl td:first-of-type:nth-last-of-type(2), #rankingBlock .privilege_box .tainyu_box .tainyu_tbl td:first-of-type:nth-last-of-type(2) ~ td{
    width:176px;
}
#rankingBlock .privilege_box .tainyu_box .tainyu_tbl td:first-of-type:nth-last-of-type(2):last-of-type, #rankingBlock .privilege_box .tainyu_box .tainyu_tbl td:first-of-type:nth-last-of-type(2) ~ td:last-of-type{
    width:auto;
}
#rankingBlock .privilege_box .tainyu_box .tainyu_tbl th:first-of-type:nth-last-of-type(1), #rankingBlock .privilege_box .tainyu_box .tainyu_tbl th:first-of-type:nth-last-of-type(1) ~ th{
    width:318px;
}
#rankingBlock .privilege_box .tainyu_box .tainyu_tbl td:first-of-type:nth-last-of-type(1), #rankingBlock .privilege_box .tainyu_box .tainyu_tbl td:first-of-type:nth-last-of-type(1) ~ td{
    width:auto;
}
#rankingBlock .privilege_box .tainyu_box .tainyu_tbl td:last-of-type{
    border-right:medium none;
}
#rankingBlock .privilege_box .tainyu_box .tainyu_tbl td span{
    color:#ff6699;
    font-size:21px;
    margin-left:7px;
    margin-right:3px;
}
#rankingBlock .privilege_box .tainyu_box .tainyu_tbl td.warranty span{
    font-size:16px;
    margin:0;
}
#rankingBlock .privilege_box .tainyu_box .tainyu_bikou h3 {
    background-color:#FF4444;
    margin-bottom: 0;
}
#rankingBlock .privilege_box .tainyu_box .tainyu_bikou{
    -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);
}
#rankingBlock .privilege_box .tainyu_box .tainyu_bikou .bikou_box{
    padding:8px;
}
#rankingBlock .privilege_box .tainyu_box .tainyu_bikou .bikou_inner{
    font-size:12px;
    padding:2px 5px;
    word-wrap:break-word;
    word-break:break-all;
    line-height:1.5;
}

#rankingBlock .privilege_box .privilege1 .privilege_comment h3 {
    background-color:#ff8c00;
}
#rankingBlock .privilege_box .privilege2 .privilege_comment h3 {
    background-color:#32cd32;
}
#rankingBlock .privilege_box .privilege3 .privilege_comment h3 {
    background-color:#1e90ff;
}
#rankingBlock .privilege_box .privilege4 .privilege_comment h3 {
    background-color:#ccaaff;
}
#rankingBlock .privilege_box .privilege6 .privilege_comment h3 {
    background-color:#483d8b;
}
#rankingBlock .privilege_box .privilege7 .privilege_comment h3 {
    background-color:#cd5c5c;
}
/* ↓ 2026/05/13 SC インバウンド特典検索絞り込み対応 */
#rankingBlock .privilege_box .privilege8 .privilege_comment h3 {
    background-color:#164A74;
}
/* ↑ 2026/05/13 SC インバウンド特典検索絞り込み対応 */

#rankingBlock .privilege_box .privilege_tab .privilege_tab_itemtainyu {
    color: #ff6699;
}
#rankingBlock .privilege_box .privilege_tab .privilege_tab_item1 {
    color: #ff8c00;
}
#rankingBlock .privilege_box .privilege_tab .privilege_tab_item2 {
    color: #32cd32;
}
#rankingBlock .privilege_box .privilege_tab .privilege_tab_item3 {
    color: #1e90ff;
}
#rankingBlock .privilege_box .privilege_tab .privilege_tab_item4 {
    color: #ccaaff;
}
#rankingBlock .privilege_box .privilege_tab .privilege_tab_item6 {
    color: #483d8b;
}
#rankingBlock .privilege_box .privilege_tab .privilege_tab_item7 {
    color: #cd5c5c;
}
#rankingBlock .privilege_box .privilege_tab .privilege_tab_itemtainyu.active {
    border-bottom: 4px solid #ff6699;
}
#rankingBlock .privilege_box .privilege_tab .privilege_tab_item1.active {
    border-bottom: 4px solid #ff8c00;
}
#rankingBlock .privilege_box .privilege_tab .privilege_tab_item2.active {
    border-bottom: 4px solid #32cd32;
}
#rankingBlock .privilege_box .privilege_tab .privilege_tab_item3.active {
    border-bottom: 4px solid #1e90ff;
}
#rankingBlock .privilege_box .privilege_tab .privilege_tab_item4.active {
    border-bottom: 4px solid #ccaaff;
}
#rankingBlock .privilege_box .privilege_tab .privilege_tab_item6.active {
    border-bottom: 4px solid #483d8b;
}
#rankingBlock .privilege_box .privilege_tab .privilege_tab_item7.active {
    border-bottom: 4px solid #cd5c5c;
}
/* ↓ 2026/05/13 SC インバウンド特典検索絞り込み対応 */
#rankingBlock .privilege_box .privilege_tab .privilege_tab_item8 {
    color: #164A74;
}
#rankingBlock .privilege_box .privilege_tab .privilege_tab_item8.active {
    border-bottom: 4px solid #164A74;
}
/* ↑ 2026/05/13 SC インバウンド特典検索絞り込み対応 */


/* ----- ↑ 特典情報 ↑ ----- */