body {
    background-image: none
}

.rankingIntroMod {
    width: 1040px;
    overflow: hidden;
    background: #ffffff;
    min-width: 1040px;
    margin-bottom: 20px
}

.rankingIntroMod h1 {
    padding-left: 60px;
    position: relative
}

.rankingIntroMod h1::before {
    display: block;
    content: "";
    width: 26px;
    height: 22px;
    position: absolute;
    top: 25px;
    right: auto;
    bottom: auto;
    left: 25px;
    margin: auto;
    display: block;
    background-position: 0 0;
    background-size: 50px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_03.png)
}

.rankingIntroMod .introImg {
    width: 1040px;
    margin: 0 auto
}

.rankingIntroMod .introImg .slide {
    width: 1040px;
    height: 270px;
    position: relative;
    overflow: hidden
}

.rankingIntroMod .introImg .slide .contents {
    cursor: pointer;
    color: #e9cf81;
    position: absolute;
    top: 0;
    left: 0;
    width: 400px;
    height: 270px;
    text-align: center
}

.rankingIntroMod .introImg .slide .contents:after {
    content: "";
    clear: both;
    display: block
}

.rankingIntroMod .introImg .slide .contents .ttl {
    width: 310px;
    height: 142px;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 19px
}

.rankingIntroMod .introImg .slide .contents .period {
    bottom: 9px;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0
}

.rankingIntroMod .introImg .slide .contents .name {
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    height: 26px;
    bottom: 40px
}

.rankingIntroMod .introImg {
    width: 1040px;
    height: 290px;
    position: relative
}

.rankingIntroMod .introImg > .wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 8320px;
    height: 270px
}

.rankingIntroMod .slide {
    float: left
}

.rankingIntroMod .slide .elem01 {
    opacity: 1
}

.rankingIntroMod .slide .colorWhite {
    background-color: white
}

.rankingIntroMod .slide.on .elem02 {
    opacity: 1;
    transition: all 2s
}

.rankingIntroMod .slide img {
    opacity: 0.55
}

.rankingIntroMod .slide.on img {
    opacity: 1
}

.rankingIntroMod .slide img {
    height: 270px
}

.rankingIntroMod .txt {
    padding: 0 25px 25px 25px
}

.rankingIntroMod .txt p {
    line-height: 1.7
}

.rankingIntroMod .leftArrow {
    width: 60px;
    position: relative;
    position: absolute;
    left: 0;
    z-index: 1;
    cursor: pointer
}

.rankingIntroMod .leftArrow::before {
    display: block;
    content: "";
    width: 30px;
    height: 40px;
    position: absolute;
    top: 120px;
    right: auto;
    bottom: auto;
    left: 4px;
    margin: auto;
    display: block;
    background-position: 0 -400px;
    background-size: 38px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/arrow_01.png)
}

.rankingIntroMod .rightArrow {
    width: 60px;
    right: 0;
    position: relative;
    position: absolute;
    z-index: 1;
    cursor: pointer
}

.rankingIntroMod .rightArrow::before {
    display: block;
    content: "";
    width: 30px;
    height: 40px;
    position: absolute;
    top: 120px;
    right: 5px;
    bottom: auto;
    left: auto;
    margin: auto;
    display: block;
    background-position: 0 -450px;
    background-size: 38px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/arrow_01.png)
}

.rankingIntroMod .pointList {
    position: absolute;
    text-align: center;
    top: 280px;
    width: 1040px
}

.rankingIntroMod .pointList li {
    cursor: pointer;
    display: inline-block;
    background-color: #c5c5c5;
    width: 10px;
    height: 10px;
    border-radius: 10px
}

.rankingIntroMod .pointList li + li {
    margin-left: 10px
}

.rankingIntroMod .pointList li.on {
    background-color: #cb0001
}

.rankingMod {
    width: 1040px;
    margin: 0 auto;
    margin-bottom: 20px;
    background: #ffffff
}

.rankingMod .ttl {
    position: relative
}

.rankingMod .ttl .sub {
    position: absolute;
    right: 20px;
    top: 21px;
    color: #ffffff
}

.rankingMod .localNav ul {
    padding: 28px 0;
    position: relative;
    left: -5px;
    display: table
}

.rankingMod .localNav ul li {
    display: table-cell;
    padding: 0 25px;
    border-left: dotted 1px #ddd
}

.rankingMod .localNav ul li:first-child {
    border: none
}

.rankingMod .localNav ul li, .rankingMod .localNav ul a {
    display: block;
    float: left;
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: normal;
    color: #333333
}

.rankingMod .localNav ul li span, .rankingMod .localNav ul a span {
    padding: 0 24px 0 5px;
    position: relative
}

.rankingMod .localNav ul li span::before, .rankingMod .localNav ul a span::before {
    display: block;
    content: "";
    width: 18px;
    height: 12px;
    position: absolute;
    top: 7px;
    right: 0px;
    bottom: auto;
    left: auto;
    margin: auto;
    display: block;
    background-position: 0 -700px;
    background-size: auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/arrow_01.png)
}

.rankingMod .localNav ul li a, .rankingMod .localNav ul a a {
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out
}

.rankingMod .localNav ul li a:hover, .rankingMod .localNav ul a a:hover {
    opacity: .7;
    filter: alpha(opacity=70);
    text-decoration: none
}

.rankingMod .localNav ul li a:hover, .rankingMod .localNav ul a a:hover {
    text-decoration: none
}

.rankingMod .txt01 {
    padding: 0 25px 20px 25px
}

.rankingMod > .rankingBox {
    border-top: solid 1px #ebebeb
}

.rankingMod > .rankingBox .ttl06 {
    margin-top: 25px;
    display: inline-block
}

.rankingMod > .rankingBox .ttl02 {
    display: inline-block;
    padding: 0 0 0 25px;
    margin: 25px 0 15px 0
}

.rankingMod > .rankingBox .ttl02 + .ttlSide {
    margin-bottom: 15px
}

.rankingMod > .rankingBox .listBox {
    padding-bottom: 25px
}

.rankingMod > .rankingBox .ttlSide {
    float: right;
    width: 500px;
    display: inline-block;
    margin: 25px 25px 20px 0;
    position: relative;
    top: 3px;
    text-align: right
}

.rankingMod > .rankingBox .ttlSide a {
    color: #333333;
    border: none;
    padding: 0 13px 2px 0;
    font-size: 1.4rem;
    font-weight: bold;
    text-decoration: none;
    position: relative;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out
}

.rankingMod > .rankingBox .ttlSide a::before {
    display: block;
    content: "";
    width: 6px;
    height: 9px;
    position: absolute;
    top: -2px;
    right: 0;
    bottom: 0;
    left: auto;
    margin: auto;
    display: block;
    background-position: 0 -800px;
    background-size: auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/arrow_01.png)
}

.rankingMod > .rankingBox .ttlSide a:hover {
    opacity: .6;
    filter: alpha(opacity=60);
    text-decoration: none
}

.rankingMod > .rankingBox .listBox ul {
    border: none
}

.rankingMod > .rankingBox .listBox + .listBox {
    border-top: dotted 1px #ddd
}

.rankingMod > .rankingBox + .txt02 {
    padding-top: 8px
}

.rankingMod {
    margin-bottom: 20px
}

.list07, .list08 {
    float: left;
    width: 228px;
    margin-top: 15px
}

.list07 .nav .ttl, .list08 .nav .ttl {
    color: #d00808;
    font-size: 15px;
    font-size: 1.5rem
}

.list07 .nav > dt, .list08 .nav > dt {
    padding: 0;
    text-align: left;
    padding-left: 10px
}

.list07 .nav > dd > ul > li .subttl, .list08 .nav > dd > ul > li .subttl {
    padding-right: 10px
}

.list07 .radio, .list08 .radio {
    padding: 0 !important
}

.list07 .radio li, .list08 .radio li {
    border-top: 1px solid #ebebeb;
    padding: 15px 10px 14px !important
}

.list07 .radio li:first-child, .list08 .radio li:first-child {
    border-top: none
}

.list07 .normal li a::before, .list08 .normal li a::before {
    width: 0
}

.list07 .normal li a.selected::before, .list08 .normal li a.selected::before {
    width: 0
}

.subColumnBox {
    float: left;
    width: 228px;
    margin-top: 15px;
    padding-left: 15px;
    box-sizing: border-box
}

.subColumnBox .list08 {
    padding-left: 0;
    margin-top: 0;
    float: none
}

.subColumnBox .bnrContainer {
    margin-top: 15px
}

.subColumnBox .bnrContainer li {
    margin-bottom: 10px
}

.rankingMod > .content {
    width: 772px;
    margin-left: 268px
}

.rankingMod > .content h1 {
    padding-left: 40px;
    position: relative
}

.rankingMod > .content h1::before {
    display: block;
    content: "";
    width: 26px;
    height: 22px;
    position: absolute;
    top: 25px;
    right: auto;
    bottom: auto;
    left: 2px;
    margin: auto;
    display: block;
    background-position: 0 0;
    background-size: 50px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_03.png)
}

.rankingMod > .content .lead {
    border-top: solid 1px #ebebeb;
    padding: 20px 15px 25px 0
}

.rankingMod > .content > .rankingIntro {
    background: #ffffff;
    width: 772px !important;
    min-width: 772px;
    overflow: hidden;
    margin-bottom: 30px
}

.rankingMod > .content > .rankingIntro .introImg {
    width: 772px;
    height: 260px;
    margin: 0 auto;
    position: relative
}

.rankingMod > .content > .rankingIntro .introImg > .wrap {
    position: absolute;
    width: 4632px;
    top: 0;
    left: 0;
    height: 260px
}

.rankingMod > .content > .rankingIntro .introImg > .wrap .slide {
    float: left;
    width: 772px;
    height: 260px;
    background: #ddd;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out
}

.rankingMod > .content > .rankingIntro .introImg > .wrap .slide:hover {
    opacity: .8;
    filter: alpha(opacity=80);
    text-decoration: none
}

.rankingMod > .content > .rankingIntro .introImg > .wrap .slide .ttl {
    position: absolute;
    top: 0;
    left: 0
}

.rankingMod > .content > .rankingIntro .introImg > .wrap .slide .ttl img {
    height: 260px
}

.rankingMod > .content > .rankingIntro .introImg > .wrap .slide .product {
    display: inline-block;
    width: 472px;
    height: 260px;
    position: absolute;
    overflow: hidden;
    right: 0
}

.rankingMod > .content > .rankingIntro .introImg > .wrap .slide .product img {
    height: 360px;
    position: absolute;
    top: -50px;
    left: -34px
}

.rankingMod > .content > .rankingIntro .introImg > .wrap .slide .product .nameBox {
    width: 100%;
    height: 40px;
    position: absolute;
    z-index: 10;
    bottom: 0;
    right: 0;
    background: -webkit-linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.4));
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.4))
}

.rankingMod > .content > .rankingIntro .introImg > .wrap .slide .product .nameBox .name {
    width: 458px;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    color: #fff;
    right: 5px;
    bottom: 5px;
    font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    text-decoration: none;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3)
}

.rankingMod > .content > .rankingIntro .leftArrow {
    width: 60px;
    position: relative;
    position: absolute;
    left: 0;
    z-index: 1;
    cursor: pointer
}

.rankingMod > .content > .rankingIntro .leftArrow::before {
    display: block;
    content: "";
    width: 30px;
    height: 40px;
    position: absolute;
    top: 120px;
    right: auto;
    bottom: auto;
    left: 4px;
    margin: auto;
    display: block;
    background-position: 0 -400px;
    background-size: 38px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/arrow_01.png)
}

.rankingMod > .content > .rankingIntro .rightArrow {
    width: 60px;
    right: 0;
    position: relative;
    position: absolute;
    z-index: 1;
    cursor: pointer
}

.rankingMod > .content > .rankingIntro .rightArrow::before {
    display: block;
    content: "";
    width: 30px;
    height: 40px;
    position: absolute;
    top: 120px;
    right: 5px;
    bottom: auto;
    left: auto;
    margin: auto;
    display: block;
    background-position: 0 -450px;
    background-size: 38px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/arrow_01.png)
}

.rankingMod > .content .rankingBox {
    width: 758px;
    float: left;
    margin-bottom: 15px;
    border: none
}

.rankingMod > .content .rankingBox:after {
    content: "";
    clear: both;
    display: block
}

.rankingMod > .content .rankingBox .ttl01 {
    padding: 0;
    border: none
}

.rankingMod > .content .rankingBox .txt01 {
    padding: 8px 0 12px 0;
    font-size: 16px;
    font-size: 1.6rem
}

.rankingMod > .content .rankingBox .rankingList {
    border: solid 1px #b3a116
}

.rankingMod > .content .rankingBox .rankingList .product {
    padding: 0
}

.rankingMod > .content .rankingBox .rankingList .product .detail {
    padding-right: 13px
}

.rankingMod > .content .rankingBox .rankingList.container {
    border-top: none
}

.rankingMod > .content .rankingBox .rankingList.container .more {
    padding: 20px 0;
    width: 758px;
    background: #b3a116
}

.rankingMod > .content .rankingBox .rankingList.container .more a {
    border: none;
    padding: 23px 30px 21px 30px;
    width: 400px;
    font-size: 1.9rem;
    box-sizing: border-box
}

.rankingMod > .content .rankingBox .rankingList.container .more a::before {
    background-image: none
}

.rankingMod > .content .rankingBox + .rankingBox {
    margin-top: 30px
}

.rankingMod > .content .rankingBox + .txt01 {
    margin-top: -15px
}

main > .rankingMod > .content .txt01 {
    clear: both;
    padding: 0 15px 25px 0
}

.rankingMod .lead {
    font-size: 16px;
    font-size: 1.6rem
}

.txt01 .att + .att {
    margin-top: 4px
}

.learningMod .list02 li:last-child {
    margin-bottom: 0
}

.ttlMod {
    border-bottom: solid 1px #ebebeb
}

.ttlMod.ttl03 {
    padding-left: 15px
}

.ttlMod.ttl03 h1 {
    display: inline-block
}

.rankingTop .rankTtl, .ranking .rankTtl {
    font-size: 17px;
    font-size: 1.7rem;
    margin-left: 15px;
    padding-left: 45px;
    font-weight: bold;
    display: inline-block
}

.rankingTop .rankTtl.rankOverAll, .ranking .rankTtl.rankOverAll {
    position: relative
}

.rankingTop .rankTtl.rankOverAll::before, .ranking .rankTtl.rankOverAll::before {
    display: block;
    content: "";
    width: 45px;
    height: 45px;
    position: absolute;
    top: -4px;
    right: auto;
    bottom: auto;
    left: 0;
    margin: auto;
    display: block;
    background-position: 0 -50px;
    background-size: 50px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_05.png)
}

.rankingTop .rankTtl + .span, .ranking .rankTtl + .span {
    color: #727272;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: normal;
    position: relative;
    top: -2px;
    padding-left: 15px;
    display: inline-block
}

.rankingTop .btn07, .ranking .btn07 {
    margin-right: 15px;
    margin-top: -7px
}

.rankingTop .btn07 a, .ranking .btn07 a {
    font-size: 14px;
    font-size: 1.4rem
}

.rankingTop .leadTxt, .ranking .leadTxt {
    padding: 9px 15px 16px;
    color: #727272;
    line-height: 1.4
}

.rankingTop .rankingTopMod, .ranking .rankingTopMod {
    padding: 15px 0 5px
}

.rankingTop .rankingTopMod ul, .ranking .rankingTopMod ul {
    display: table;
    width: 100%;
    table-layout: fixed;
    padding-right: 15px;
    box-sizing: border-box
}

.rankingTop .rankingTopMod ul + ul, .ranking .rankingTopMod ul + ul {
    margin-top: 5px
}

.rankingTop .rankingTopMod ul .pannel, .ranking .rankingTopMod ul .pannel {
    display: inline-block;
    display: table-cell;
    width: 15.5%
}

.rankingTop .rankingTopMod ul .pannel a, .ranking .rankingTopMod ul .pannel a {
    display: block;
    margin-left: 15px;
    transition: .3s linear;
    position: relative;
    border: 1px solid #f5f5f5
}

.rankingTop .rankingTopMod ul .pannel a img, .ranking .rankingTopMod ul .pannel a img {
    width: 100%;
    height: 100%
}

.rankingTop .rankingTopMod ul .pannel a .img .limited, .ranking .rankingTopMod ul .pannel a .img .limited {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9
}

.rankingTop .rankingTopMod ul .pannel a .img .limited img, .ranking .rankingTopMod ul .pannel a .img .limited img {
    width: 110px;
    height: 84px;
    border: none
}

.rankingTop .rankingTopMod ul .pannel a .img .new, .ranking .rankingTopMod ul .pannel a .img .new {
    position: absolute;
    right: 4px;
    top: 4px;
    z-index: 50
}

.rankingTop .rankingTopMod ul .pannel a .img .new img, .ranking .rankingTopMod ul .pannel a .img .new img {
    width: 38px;
    height: 38px;
    border: none
}

.rankingTop .rankingTopMod ul .pannel .name, .ranking .rankingTopMod ul .pannel .name {
    position: absolute;
    bottom: 0;
    display: block;
    color: #fff;
    font-size: 1.3rem;
    padding: 10px 8px 4px;
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.3));
    text-shadow: 0px 0px 6px #000000;
    text-align: left;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.rankingTop .rankingTopMod ul .pannel .box, .ranking .rankingTopMod ul .pannel .box {
    margin-left: 15px;
    margin: 0 0 10px 15px;
    padding: 2px 2px 0 0;
    position: relative
}

.rankingTop .rankingTopMod ul .pannel .box:after, .ranking .rankingTopMod ul .pannel .box:after {
    content: "";
    clear: both;
    display: block
}

.rankingTop .rankingTopMod ul .pannel .box .local, .ranking .rankingTopMod ul .pannel .box .local {
    font-size: 1.2rem;
    position: relative;
    top: -2px;
    padding: 0 5px 5px 15px;
    position: relative
}

.rankingTop .rankingTopMod ul .pannel .box .local::before, .ranking .rankingTopMod ul .pannel .box .local::before {
    display: block;
    content: "";
    width: 13px;
    height: 18px;
    position: absolute;
    top: 3px;
    right: auto;
    bottom: auto;
    left: 2px;
    margin: auto;
    display: block;
    background-position: 0 -800px;
    background-size: 24px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_01.png)
}

.rankingTop .rankingTopMod ul .pannel .box .local a, .ranking .rankingTopMod ul .pannel .box .local a {
    margin: 0;
    border: none;
    color: #333333
}

.rankingTop .rankingTopMod ul .pannel .box .favBtn, .ranking .rankingTopMod ul .pannel .box .favBtn {
    position: absolute;
    right: 1px;
    bottom: 6px
}

.rankingTop .rankingTopMod ul .pannel .box .favBtn .icon, .ranking .rankingTopMod ul .pannel .box .favBtn .icon {
    width: 20px;
    height: 20px
}

.rankingTop .rankingTopMod ul .pannel .box .price, .ranking .rankingTopMod ul .pannel .box .price {
    display: inline-block;
    padding: 0 0 0 3px;
    color: #333333;
    font-size: 1.3rem;
    margin-bottom: 4px;
    position: relative
}

.rankingTop .rankingTopMod ul .pannel .box .price span.donation, .ranking .rankingTopMod ul .pannel .box .price span.donation {
    font-size: 1.2rem;
    margin: 0
}

.rankingTop .rankingTopMod ul .pannel .box .price span, .ranking .rankingTopMod ul .pannel .box .price span {
    font-size: 1.2rem;
    display: inline-block;
    margin: 0 3px
}

.rankingTop .rankingTopMod ul .pannel::before, .ranking .rankingTopMod ul .pannel::before {
    z-index: 10
}

.rankingTop .rankingTopMod ul .pannel.first, .ranking .rankingTopMod ul .pannel.first {
    position: relative
}

.rankingTop .rankingTopMod ul .pannel.first::before, .ranking .rankingTopMod ul .pannel.first::before {
    display: block;
    content: "";
    width: 40px;
    height: 44px;
    position: absolute;
    top: 1px;
    right: auto;
    bottom: auto;
    left: 15px;
    margin: auto;
    display: block;
    background-position: 0 0;
    background-size: 50px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_rankbadge_02.png)
}

.rankingTop .rankingTopMod ul .pannel.second, .ranking .rankingTopMod ul .pannel.second {
    position: relative
}

.rankingTop .rankingTopMod ul .pannel.second::before, .ranking .rankingTopMod ul .pannel.second::before {
    display: block;
    content: "";
    width: 40px;
    height: 44px;
    position: absolute;
    top: 1px;
    right: auto;
    bottom: auto;
    left: 15px;
    margin: auto;
    display: block;
    background-position: 0 -50px;
    background-size: 50px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_rankbadge_02.png)
}

.rankingTop .rankingTopMod ul .pannel.third, .ranking .rankingTopMod ul .pannel.third {
    position: relative
}

.rankingTop .rankingTopMod ul .pannel.third::before, .ranking .rankingTopMod ul .pannel.third::before {
    display: block;
    content: "";
    width: 40px;
    height: 44px;
    position: absolute;
    top: 1px;
    right: auto;
    bottom: auto;
    left: 15px;
    margin: auto;
    display: block;
    background-position: 0 -100px;
    background-size: 50px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_rankbadge_02.png)
}

.rankingTop .rankingTopMod ul .pannel.fourth, .ranking .rankingTopMod ul .pannel.fourth {
    position: relative
}

.rankingTop .rankingTopMod ul .pannel.fourth::before, .ranking .rankingTopMod ul .pannel.fourth::before {
    display: block;
    content: "";
    width: 40px;
    height: 44px;
    position: absolute;
    top: 1px;
    right: auto;
    bottom: auto;
    left: 15px;
    margin: auto;
    display: block;
    background-position: 0 -150px;
    background-size: 50px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_rankbadge_02.png)
}

.rankingTop .rankingTopMod ul .pannel.fifth, .ranking .rankingTopMod ul .pannel.fifth {
    position: relative
}

.rankingTop .rankingTopMod ul .pannel.fifth::before, .ranking .rankingTopMod ul .pannel.fifth::before {
    display: block;
    content: "";
    width: 40px;
    height: 44px;
    position: absolute;
    top: 1px;
    right: auto;
    bottom: auto;
    left: 16px;
    margin: auto;
    display: block;
    background-position: 0 -200px;
    background-size: 50px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_rankbadge_02.png)
}

.rankingTop .rankingTopMod ul .pannel.sixth, .ranking .rankingTopMod ul .pannel.sixth {
    position: relative
}

.rankingTop .rankingTopMod ul .pannel.sixth::before, .ranking .rankingTopMod ul .pannel.sixth::before {
    display: block;
    content: "";
    width: 40px;
    height: 44px;
    position: absolute;
    top: 1px;
    right: auto;
    bottom: auto;
    left: 16px;
    margin: auto;
    display: block;
    background-position: 0 -250px;
    background-size: 50px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_rankbadge_02.png)
}

.rankingTop .rankingTopMod ul .pannel.seventh, .ranking .rankingTopMod ul .pannel.seventh {
    position: relative
}

.rankingTop .rankingTopMod ul .pannel.seventh::before, .ranking .rankingTopMod ul .pannel.seventh::before {
    display: block;
    content: "";
    width: 40px;
    height: 44px;
    position: absolute;
    top: 1px;
    right: auto;
    bottom: auto;
    left: 16px;
    margin: auto;
    display: block;
    background-position: 0 -300px;
    background-size: 50px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_rankbadge_02.png)
}

.rankingTop .rankingTopMod ul .pannel.eighth, .ranking .rankingTopMod ul .pannel.eighth {
    position: relative
}

.rankingTop .rankingTopMod ul .pannel.eighth::before, .ranking .rankingTopMod ul .pannel.eighth::before {
    display: block;
    content: "";
    width: 40px;
    height: 44px;
    position: absolute;
    top: 1px;
    right: auto;
    bottom: auto;
    left: 16px;
    margin: auto;
    display: block;
    background-position: 0 -350px;
    background-size: 50px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_rankbadge_02.png)
}

.rankingTop .rankingTopMod ul .pannel.ninth, .ranking .rankingTopMod ul .pannel.ninth {
    position: relative
}

.rankingTop .rankingTopMod ul .pannel.ninth::before, .ranking .rankingTopMod ul .pannel.ninth::before {
    display: block;
    content: "";
    width: 40px;
    height: 44px;
    position: absolute;
    top: 1px;
    right: auto;
    bottom: auto;
    left: 16px;
    margin: auto;
    display: block;
    background-position: 0 -400px;
    background-size: 50px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_rankbadge_02.png)
}

.rankingTop .rankingTopMod ul .pannel.tenth, .ranking .rankingTopMod ul .pannel.tenth {
    position: relative
}

.rankingTop .rankingTopMod ul .pannel.tenth::before, .ranking .rankingTopMod ul .pannel.tenth::before {
    display: block;
    content: "";
    width: 40px;
    height: 44px;
    position: absolute;
    top: 1px;
    right: auto;
    bottom: auto;
    left: 16px;
    margin: auto;
    display: block;
    background-position: 0 -450px;
    background-size: 50px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_rankbadge_02.png)
}

@media screen and (max-width: 1070px) {
    .rankingTop .rankingTopMod ul, .ranking .rankingTopMod ul {
        margin-left: -15px;
        padding: 0 0 0 10px
    }
}

.rankingTop .rankingTopMod:last-child, .ranking .rankingTopMod:last-child {
    margin-bottom: 30px !important
}

.rankingTop .subColumnMod, .ranking .subColumnMod {
    padding-left: 15px;
    float: left;
    margin-right: -271px;
    width: 256px;
    display: inline-block
}

.rankingTop .subColumnMod:after, .ranking .subColumnMod:after {
    content: "";
    clear: both;
    display: block
}

.rankingTop .subColumnMod .sort01, .ranking .subColumnMod .sort01 {
    margin-bottom: 20px
}

.rankingTop .subColumnMod .sort01 .inner, .ranking .subColumnMod .sort01 .inner {
    width: 228px
}

.rankingTop .subColumnMod .sort01 .inner span, .ranking .subColumnMod .sort01 .inner span {
    padding: 15px 21px 15px 10px
}

.rankingTop .subColumnMod .sort01 .inner ul, .ranking .subColumnMod .sort01 .inner ul {
    width: 228px
}

.rankingTop .subColumnMod .subList02, .ranking .subColumnMod .subList02 {
    width: 228px;
    border-top: 0
}

.rankingTop .subColumnMod .subList02 .ttl, .ranking .subColumnMod .subList02 .ttl {
    color: #d00808;
    padding: 10px;
    background-color: #fff;
    border-top: 2px solid #d00808
}

.rankingTop .subColumnMod .subList02, .ranking .subColumnMod .subList02 {
    padding-left: 0;
    margin: 0 0 20px;
    float: none
}

.rankingTop .subColumnMod .subList02 li img, .ranking .subColumnMod .subList02 li img {
    border-right: 1px solid #f5f5f5
}

.rankingTop .subColumnMod .subList02 li.overAll .img, .ranking .subColumnMod .subList02 li.overAll .img {
    display: inline-block;
    width: 82px;
    background: #fffef3;
    height: 100%;
    margin-right: 4px;
    position: relative
}

.rankingTop .subColumnMod .subList02 li.overAll .img::before, .ranking .subColumnMod .subList02 li.overAll .img::before {
    display: block;
    content: "";
    width: 45px;
    height: 45px;
    position: absolute;
    top: 8px;
    right: 0;
    bottom: 0;
    left: 3px;
    margin: auto;
    display: block;
    background-position: 0 -50px;
    background-size: 50px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_05.png)
}

.rankingTop .subColumnMod .subList02 li::before, .ranking .subColumnMod .subList02 li::before {
    z-index: 100
}

.rankingTop .subColumnMod .subList02 li.first, .ranking .subColumnMod .subList02 li.first {
    margin-bottom: 0;
    position: relative
}

.rankingTop .subColumnMod .subList02 li.first::before, .ranking .subColumnMod .subList02 li.first::before {
    display: block;
    content: "";
    width: 18px;
    height: 23px;
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    margin: auto;
    display: block;
    background-position: 0 0;
    background-size: 25px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_rankbadge_03.png)
}

.rankingTop .subColumnMod .subList02 li.second, .ranking .subColumnMod .subList02 li.second {
    position: relative
}

.rankingTop .subColumnMod .subList02 li.second::before, .ranking .subColumnMod .subList02 li.second::before {
    display: block;
    content: "";
    width: 18px;
    height: 23px;
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    margin: auto;
    display: block;
    background-position: 0 -25px;
    background-size: 25px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_rankbadge_03.png)
}

.rankingTop .subColumnMod .subList02 li.third, .ranking .subColumnMod .subList02 li.third {
    position: relative
}

.rankingTop .subColumnMod .subList02 li.third::before, .ranking .subColumnMod .subList02 li.third::before {
    display: block;
    content: "";
    width: 18px;
    height: 23px;
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    margin: auto;
    display: block;
    background-position: 0 -50px;
    background-size: 25px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_rankbadge_03.png)
}

.rankingTop .subColumnMod .subList02 li.fourth, .ranking .subColumnMod .subList02 li.fourth {
    position: relative
}

.rankingTop .subColumnMod .subList02 li.fourth::before, .ranking .subColumnMod .subList02 li.fourth::before {
    display: block;
    content: "";
    width: 18px;
    height: 23px;
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    margin: auto;
    display: block;
    background-position: 0 -75px;
    background-size: 25px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_rankbadge_03.png)
}

.rankingTop .subColumnMod .subList02 li.fifth, .ranking .subColumnMod .subList02 li.fifth {
    position: relative
}

.rankingTop .subColumnMod .subList02 li.fifth::before, .ranking .subColumnMod .subList02 li.fifth::before {
    display: block;
    content: "";
    width: 18px;
    height: 23px;
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    margin: auto;
    display: block;
    background-position: 0 -100px;
    background-size: 25px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_rankbadge_03.png)
}

.rankingTop .subColumnMod .subList02 li.sixth, .ranking .subColumnMod .subList02 li.sixth {
    position: relative
}

.rankingTop .subColumnMod .subList02 li.sixth::before, .ranking .subColumnMod .subList02 li.sixth::before {
    display: block;
    content: "";
    width: 18px;
    height: 23px;
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    margin: auto;
    display: block;
    background-position: 0 -125px;
    background-size: 25px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_rankbadge_03.png)
}

.rankingTop .subColumnMod .subList02 li.seventh, .ranking .subColumnMod .subList02 li.seventh {
    position: relative
}

.rankingTop .subColumnMod .subList02 li.seventh::before, .ranking .subColumnMod .subList02 li.seventh::before {
    display: block;
    content: "";
    width: 18px;
    height: 23px;
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    margin: auto;
    display: block;
    background-position: 0 -150px;
    background-size: 25px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_rankbadge_03.png)
}

.rankingTop .subColumnMod .subList02 li.eighth, .ranking .subColumnMod .subList02 li.eighth {
    position: relative
}

.rankingTop .subColumnMod .subList02 li.eighth::before, .ranking .subColumnMod .subList02 li.eighth::before {
    display: block;
    content: "";
    width: 18px;
    height: 23px;
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    margin: auto;
    display: block;
    background-position: 0 -175px;
    background-size: 25px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_rankbadge_03.png)
}

.rankingTop .subColumnMod .subList02 li.ninth, .ranking .subColumnMod .subList02 li.ninth {
    position: relative
}

.rankingTop .subColumnMod .subList02 li.ninth::before, .ranking .subColumnMod .subList02 li.ninth::before {
    display: block;
    content: "";
    width: 18px;
    height: 23px;
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    margin: auto;
    display: block;
    background-position: 0 -200px;
    background-size: 25px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_rankbadge_03.png)
}

.rankingTop .subColumnMod .subList02 li.tenth, .ranking .subColumnMod .subList02 li.tenth {
    position: relative
}

.rankingTop .subColumnMod .subList02 li.tenth::before, .ranking .subColumnMod .subList02 li.tenth::before {
    display: block;
    content: "";
    width: 18px;
    height: 23px;
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    margin: auto;
    display: block;
    background-position: 0 -225px;
    background-size: 25px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_rankbadge_03.png)
}

.rankingTop .subColumnMod .bnrContainer, .ranking .subColumnMod .bnrContainer {
    margin-top: 15px
}

.rankingTop .subColumnMod .bnrContainer a, .ranking .subColumnMod .bnrContainer a {
    display: block
}

.rankingTop .subColumnMod .bnrContainer li + li, .ranking .subColumnMod .bnrContainer li + li {
    margin-top: 6px
}

.rankingTop .subColumnMod .bnrContainer .simulator, .ranking .subColumnMod .bnrContainer .simulator {
    display: block;
    border: solid 2px #333333;
    border-radius: 4px;
    color: #333333;
    display: block;
    padding: 20px 0 20px 32px;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    position: relative;
    transition: all 0.3s
}

.rankingTop .subColumnMod .bnrContainer .simulator::before, .ranking .subColumnMod .bnrContainer .simulator::before {
    display: block;
    content: "";
    width: 25px;
    height: 28px;
    position: absolute;
    top: 18px;
    right: auto;
    bottom: auto;
    left: 28px;
    margin: auto;
    display: block;
    background-position: -50px -50px;
    background-size: 78px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_02.png)
}

.rankingTop .subColumnMod .bnrContainer .simulator:hover, .ranking .subColumnMod .bnrContainer .simulator:hover {
    background: #333333;
    color: #fff;
    position: relative
}

.rankingTop .subColumnMod .bnrContainer .simulator:hover::before, .ranking .subColumnMod .bnrContainer .simulator:hover::before {
    display: block;
    content: "";
    width: 25px;
    height: 28px;
    position: absolute;
    top: 18px;
    right: auto;
    bottom: auto;
    left: 28px;
    margin: auto;
    display: block;
    background-position: 0 -800px;
    background-size: 78px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_02.png)
}

.rankingTop .content, .ranking .content {
    margin: 0 100px;
}

.rankingTop .content .localNavMod03, .ranking .content .localNavMod03 {
    margin: 10px 15px 0px 15px
}

.rankingTop .content .localNavMod03 .list, .ranking .content .localNavMod03 .list {
    border-bottom: 0
}

.rankingTop .content .btn07, .ranking .content .btn07 {
    margin-right: 0
}

.rankingTop .content .btn07 a, .ranking .content .btn07 a {
    padding-top: 4px
}

.rankingTop .content .rankTtl.cate01, .ranking .content .rankTtl.cate01 {
    position: relative
}

.rankingTop .content .rankTtl.cate01::before, .ranking .content .rankTtl.cate01::before {
    display: block;
    content: "";
    width: 45px;
    height: 45px;
    position: absolute;
    top: -4px;
    right: auto;
    bottom: auto;
    left: 0;
    margin: auto;
    display: block;
    background-position: 0 -100px;
    background-size: 50px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_05.png)
}

.rankingTop .content .rankTtl.cate02, .ranking .content .rankTtl.cate02 {
    position: relative
}

.rankingTop .content .rankTtl.cate02::before, .ranking .content .rankTtl.cate02::before {
    display: block;
    content: "";
    width: 45px;
    height: 45px;
    position: absolute;
    top: -4px;
    right: auto;
    bottom: auto;
    left: 0;
    margin: auto;
    display: block;
    background-position: 0 -150px;
    background-size: 50px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_05.png)
}

.rankingTop .content .rankTtl.cate05_06, .ranking .content .rankTtl.cate05_06 {
    position: relative
}

.rankingTop .content .rankTtl.cate05_06::before, .ranking .content .rankTtl.cate05_06::before {
    display: block;
    content: "";
    width: 45px;
    height: 45px;
    position: absolute;
    top: -4px;
    right: auto;
    bottom: auto;
    left: 0;
    margin: auto;
    display: block;
    background-position: 0 -200px;
    background-size: 50px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_05.png)
}

.rankingTop .content .rankTtl.cate08_09, .ranking .content .rankTtl.cate08_09 {
    position: relative
}

.rankingTop .content .rankTtl.cate08_09::before, .ranking .content .rankTtl.cate08_09::before {
    display: block;
    content: "";
    width: 45px;
    height: 45px;
    position: absolute;
    top: -4px;
    right: auto;
    bottom: auto;
    left: 0;
    margin: auto;
    display: block;
    background-position: 0 -250px;
    background-size: 50px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_05.png)
}

.rankingTop .content .rankTtl.cate12, .ranking .content .rankTtl.cate12 {
    position: relative
}

.rankingTop .content .rankTtl.cate12::before, .ranking .content .rankTtl.cate12::before {
    display: block;
    content: "";
    width: 45px;
    height: 45px;
    position: absolute;
    top: -4px;
    right: auto;
    bottom: auto;
    left: 0;
    margin: auto;
    display: block;
    background-position: 0 -300px;
    background-size: 50px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_05.png)
}

.rankingTop .content .rankTtl.newarr, .rankingTop .content .rankTtl.pickup, .rankingTop .content .rankTtl.yearRank, .rankingTop .content .rankTtl.local, .rankingTop .content .rankTtl.cate, .ranking .content .rankTtl.newarr, .ranking .content .rankTtl.pickup, .ranking .content .rankTtl.yearRank, .ranking .content .rankTtl.local, .ranking .content .rankTtl.cate {
    padding-left: 0
}

.rankingTop .content .rankTtl.newarr .ttl, .rankingTop .content .rankTtl.pickup .ttl, .rankingTop .content .rankTtl.yearRank .ttl, .rankingTop .content .rankTtl.local .ttl, .rankingTop .content .rankTtl.cate .ttl, .ranking .content .rankTtl.newarr .ttl, .ranking .content .rankTtl.pickup .ttl, .ranking .content .rankTtl.yearRank .ttl, .ranking .content .rankTtl.local .ttl, .ranking .content .rankTtl.cate .ttl {
    position: relative;
    display: inline-block;
    height: 32px;
    margin-right: 50px;
    padding: 2px 0 2px 34px;
    box-sizing: border-box
}

.rankingTop .content .rankTtl.newarr .ttl::before, .rankingTop .content .rankTtl.pickup .ttl::before, .rankingTop .content .rankTtl.yearRank .ttl::before, .rankingTop .content .rankTtl.local .ttl::before, .rankingTop .content .rankTtl.cate .ttl::before, .ranking .content .rankTtl.newarr .ttl::before, .ranking .content .rankTtl.pickup .ttl::before, .ranking .content .rankTtl.yearRank .ttl::before, .ranking .content .rankTtl.local .ttl::before, .ranking .content .rankTtl.cate .ttl::before {
    display: block;
    content: "";
    width: 45px;
    height: 45px;
    position: absolute;
    top: -2px;
    right: auto;
    bottom: auto;
    left: 10px;
    margin: auto;
    display: block;
    background-position: -50px -1040px;
    background-size: 78px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_02.png)
}

.rankingTop .content .rankTtl.pickup .ttl, .ranking .content .rankTtl.pickup .ttl {
    position: relative
}

.rankingTop .content .rankTtl.pickup .ttl::before, .ranking .content .rankTtl.pickup .ttl::before {
    display: block;
    content: "";
    width: 45px;
    height: 45px;
    position: absolute;
    top: -3px;
    right: auto;
    bottom: auto;
    left: 8px;
    margin: auto;
    display: block;
    background-position: -50px -1090px;
    background-size: 78px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_02.png)
}

.rankingTop .content .rankTtl.yearRank .ttl, .ranking .content .rankTtl.yearRank .ttl {
    color: #f8f1be;
    position: relative;
    background-image: url(/images/pc/common/parts/bg_ribbon02_02.png);
    background-size: 1px 32px
}

.rankingTop .content .rankTtl.yearRank .ttl::before, .ranking .content .rankTtl.yearRank .ttl::before {
    display: block;
    content: "";
    width: 45px;
    height: 45px;
    position: absolute;
    top: -3px;
    right: auto;
    bottom: auto;
    left: 8px;
    margin: auto;
    display: block;
    background-position: 0 -1040px;
    background-size: 78px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_02.png)
}

.rankingTop .content .rankTtl.yearRank .ttl::after, .ranking .content .rankTtl.yearRank .ttl::after {
    background-image: url(/images/pc/common/parts/bg_ribbon02_01.png)
}

.rankingTop .content .rankTtl.local .ttl, .ranking .content .rankTtl.local .ttl {
    position: relative
}

.rankingTop .content .rankTtl.local .ttl::before, .ranking .content .rankTtl.local .ttl::before {
    display: block;
    content: "";
    width: 45px;
    height: 45px;
    position: absolute;
    top: -3px;
    right: auto;
    bottom: auto;
    left: 14px;
    margin: auto;
    display: block;
    background-position: 0 -1090px;
    background-size: 78px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_02.png)
}

.rankingTop .content .rankTtl.local .ttl::after, .ranking .content .rankTtl.local .ttl::after {
    background-image: url(/images/pc/common/parts/bg_ribbon03.png)
}

.rankingTop .content .rankTtl.cate .ttl, .ranking .content .rankTtl.cate .ttl {
    position: relative
}

.rankingTop .content .rankTtl.cate .ttl::before, .ranking .content .rankTtl.cate .ttl::before {
    display: block;
    content: "";
    width: 45px;
    height: 45px;
    position: absolute;
    top: -1px;
    right: auto;
    bottom: auto;
    left: 10px;
    margin: auto;
    display: block;
    background-position: 0 -1140px;
    background-size: 78px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_02.png)
}

.rankingTop .content .rankTtl .span, .ranking .content .rankTtl .span {
    color: #727272;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: normal;
    position: relative;
    top: -2px;
    padding-left: 15px;
    display: inline-block
}

.rankingTop .content .rankingTopMod, .ranking .content .rankingTopMod {
    margin: 15px 15px 15px 0;
    padding: 5px 0 5px
}

.rankingTop .content .rankingTopMod ul, .ranking .content .rankingTopMod ul {
    padding-right: 0
}

.rankingTop .content .rankingTopMod ul .pannel, .ranking .content .rankingTopMod ul .pannel {
    display: inline-block;
    display: table-cell;
    width: 15.5%
}

.rankingTop .content .rankingTopMod ul .pannel:first-child, .ranking .content .rankingTopMod ul .pannel:first-child {
    margin-left: -15px
}

.rankingTop .content .rankingTopMod ul .pannel a, .ranking .content .rankingTopMod ul .pannel a {
    display: block;
    margin-left: 15px;
    border: none;
    color: #333333;
}

.rankingTop .content .rankingTopMod ul .pannel a img, .ranking .content .rankingTopMod ul .pannel a img {
    width: 100%;
    height: 100%;
    border: 1px solid #f5f5f5
}

.rankingTop .content .rankingTopMod ul .pannel .name, .ranking .content .rankingTopMod ul .pannel .name {
    bottom: 0;
    display: block;
    font-size: 1.3rem;
    padding: 4px 0 3px;
    text-align: left;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: static;
    background: none;
    color: #333333;
    text-shadow: none
}

.rankingTop .content .rankingTopMod ul .pannel .box, .ranking .content .rankingTopMod ul .pannel .box {
    margin-left: 15px;
    padding: 0;
    height: 62px
}

.rankingTop .content .rankingTopMod ul .pannel .box .favBtn, .ranking .content .rankingTopMod ul .pannel .box .favBtn {
    bottom: 18px
}

.rankingTop .content .rankingTopMod ul .pannel .box .local, .ranking .content .rankingTopMod ul .pannel .box .local {
    margin-right: 28px;
    padding-left: 14px
}

.rankingTop .content .rankingTopMod ul .pannel .box .local::before, .ranking .content .rankingTopMod ul .pannel .box .local::before {
    left: 1px
}

.rankingTop .content .rankingTopMod ul .pannel .box .price, .ranking .content .rankingTopMod ul .pannel .box .price {
    display: inline-block;
    padding: 0;
    color: #333333;
    font-size: 1.3rem;
    margin-bottom: 5px;
    position: relative
}

.rankingTop .content .rankingTopMod ul .pannel .box .price span.donation, .ranking .content .rankingTopMod ul .pannel .box .price span.donation {
    font-size: 1.2rem;
    margin: 0
}

.rankingTop .content .rankingTopMod ul .pannel .box .price span, .ranking .content .rankingTopMod ul .pannel .box .price span {
    font-size: 1.2rem;
    display: inline-block;
    margin: 0 3px
}

.rankingTop .content .rankingTopMod ul .pannel::before, .ranking .content .rankingTopMod ul .pannel::before {
    z-index: 10
}

.rankingTop .content .rankingTopMod ul .pannel.first, .ranking .content .rankingTopMod ul .pannel.first {
    position: relative
}

.rankingTop .content .rankingTopMod ul .pannel.first::before, .ranking .content .rankingTopMod ul .pannel.first::before {
    display: block;
    content: "";
    width: 40px;
    height: 44px;
    position: absolute;
    top: 1px;
    right: auto;
    bottom: auto;
    left: 16px;
    margin: auto;
    display: block;
    background-position: 0 0;
    background-size: 24px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_rankbadge_01.png)
}

.rankingTop .content .rankingTopMod ul .pannel.second, .ranking .content .rankingTopMod ul .pannel.second {
    position: relative
}

.rankingTop .content .rankingTopMod ul .pannel.second::before, .ranking .content .rankingTopMod ul .pannel.second::before {
    display: block;
    content: "";
    width: 40px;
    height: 44px;
    position: absolute;
    top: 1px;
    right: auto;
    bottom: auto;
    left: 16px;
    margin: auto;
    display: block;
    background-position: 0 -50px;
    background-size: 24px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_rankbadge_01.png)
}

.rankingTop .content .rankingTopMod ul .pannel.third, .ranking .content .rankingTopMod ul .pannel.third {
    position: relative
}

.rankingTop .content .rankingTopMod ul .pannel.third::before, .ranking .content .rankingTopMod ul .pannel.third::before {
    display: block;
    content: "";
    width: 40px;
    height: 44px;
    position: absolute;
    top: 1px;
    right: auto;
    bottom: auto;
    left: 16px;
    margin: auto;
    display: block;
    background-position: 0 -100px;
    background-size: 24px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_rankbadge_01.png)
}

.rankingTop .content .rankingTopMod ul .pannel.fourth, .ranking .content .rankingTopMod ul .pannel.fourth {
    position: relative
}

.rankingTop .content .rankingTopMod ul .pannel.fourth::before, .ranking .content .rankingTopMod ul .pannel.fourth::before {
    display: block;
    content: "";
    width: 40px;
    height: 44px;
    position: absolute;
    top: 1px;
    right: auto;
    bottom: auto;
    left: 16px;
    margin: auto;
    display: block;
    background-position: 0 -150px;
    background-size: 24px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_rankbadge_01.png)
}

.rankingTop .content .rankingTopMod ul .pannel.fifth, .ranking .content .rankingTopMod ul .pannel.fifth {
    position: relative
}

.rankingTop .content .rankingTopMod ul .pannel.fifth::before, .ranking .content .rankingTopMod ul .pannel.fifth::before {
    display: block;
    content: "";
    width: 40px;
    height: 44px;
    position: absolute;
    top: 1px;
    right: auto;
    bottom: auto;
    left: 16px;
    margin: auto;
    display: block;
    background-position: 0 -200px;
    background-size: 24px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_rankbadge_01.png)
}

.rankingTop .content .rankingTopMod ul .pannel.sixth, .ranking .content .rankingTopMod ul .pannel.sixth {
    position: relative
}

.rankingTop .content .rankingTopMod ul .pannel.sixth::before, .ranking .content .rankingTopMod ul .pannel.sixth::before {
    display: block;
    content: "";
    width: 40px;
    height: 44px;
    position: absolute;
    top: 1px;
    right: auto;
    bottom: auto;
    left: 15px;
    margin: auto;
    display: block;
    background-position: 0 -250px;
    background-size: 24px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_rankbadge_01.png)
}

.rankingTop .content .rankingTopMod ul .pannel.seventh, .ranking .content .rankingTopMod ul .pannel.seventh {
    position: relative
}

.rankingTop .content .rankingTopMod ul .pannel.seventh::before, .ranking .content .rankingTopMod ul .pannel.seventh::before {
    display: block;
    content: "";
    width: 40px;
    height: 44px;
    position: absolute;
    top: 1px;
    right: auto;
    bottom: auto;
    left: 15px;
    margin: auto;
    display: block;
    background-position: 0 -300px;
    background-size: 24px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_rankbadge_01.png)
}

.rankingTop .content .rankingTopMod ul .pannel.eighth, .ranking .content .rankingTopMod ul .pannel.eighth {
    position: relative
}

.rankingTop .content .rankingTopMod ul .pannel.eighth::before, .ranking .content .rankingTopMod ul .pannel.eighth::before {
    display: block;
    content: "";
    width: 40px;
    height: 44px;
    position: absolute;
    top: 1px;
    right: auto;
    bottom: auto;
    left: 15px;
    margin: auto;
    display: block;
    background-position: 0 -350px;
    background-size: 24px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_rankbadge_01.png)
}

.rankingTop .content .rankingTopMod ul .pannel.ninth, .ranking .content .rankingTopMod ul .pannel.ninth {
    position: relative
}

.rankingTop .content .rankingTopMod ul .pannel.ninth::before, .ranking .content .rankingTopMod ul .pannel.ninth::before {
    display: block;
    content: "";
    width: 40px;
    height: 44px;
    position: absolute;
    top: 1px;
    right: auto;
    bottom: auto;
    left: 15px;
    margin: auto;
    display: block;
    background-position: 0 -400px;
    background-size: 24px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_rankbadge_01.png)
}

.rankingTop .content .rankingTopMod ul .pannel.tenth, .ranking .content .rankingTopMod ul .pannel.tenth {
    position: relative
}

.rankingTop .content .rankingTopMod ul .pannel.tenth::before, .ranking .content .rankingTopMod ul .pannel.tenth::before {
    display: block;
    content: "";
    width: 40px;
    height: 44px;
    position: absolute;
    top: 1px;
    right: auto;
    bottom: auto;
    left: 15px;
    margin: auto;
    display: block;
    background-position: 0 -450px;
    background-size: 24px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_rankbadge_01.png)
}

@media screen and (max-width: 1070px) {
    .rankingTop .content .rankingTopMod ul, .ranking .content .rankingTopMod ul {
        margin-left: -15px;
        padding: 0 0 0 10px
    }
}

.rankingTop .content .rankingTopMod .borderDot, .ranking .content .rankingTopMod .borderDot {
    border-bottom: dotted 1px #ddd;
    display: block;
    margin: 5px 0 0 15px;
    height: 1px
}

.rankingTop .content .rankingTopMod.local ul .pannel .box, .ranking .content .rankingTopMod.local ul .pannel .box {
    height: 48px
}

.rankingTop .content .rankingTopMod.local ul .pannel .box .detail p, .ranking .content .rankingTopMod.local ul .pannel .box .detail p {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap;
    font-size: 13px;
    font-size: 1.3rem
}

.rankingTop .content .rankingTopMod.local ul .pannel .box .favBtn, .ranking .content .rankingTopMod.local ul .pannel .box .favBtn {
    bottom: 0 !important
}

.rankingTop .content .cateRank .border, .ranking .content .cateRank .border {
    display: block;
    margin-bottom: 20px;
    height: 1px;
    border-bottom: solid 1px #ebebeb;
    position: relative;
    left: 15px
}

.rankingTop .content .cateRank .leadTxt + .rankingTopMod, .ranking .content .cateRank .leadTxt + .rankingTopMod {
    margin-top: 5px
}

.rankingTop .content .cateRank .rankingTopMod .leadTxt, .ranking .content .cateRank .rankingTopMod .leadTxt {
    padding-left: 60px
}

.rankingTop .content .noticeMod, .ranking .content .noticeMod {
    margin: 0;
    padding-left: 15px
}

.rankingTop .noticeMod .wrap, .ranking .noticeMod .wrap {
    background: #fff
}

main > .ranking {
    width: 1040px;
    margin: 0 auto;
    background: #ffffff;
    margin-bottom: 20px;
    padding-bottom: 20px
}

main > .ranking:after {
    content: "";
    clear: both;
    display: block
}

main > .ranking .subColumnMod {
    margin-top: 15px
}

main > .ranking .rankingMod {
    width: 758px;
    margin: 0 15px 0 150px;
    padding-bottom: 15px;
    min-height: 1050px
}

main > .ranking .rankingMod .ttl03 {
    padding-left: 44px;
    position: relative
}

main > .ranking .rankingMod .ttl03::before {
    display: block;
    content: "";
    width: 45px;
    height: 45px;
    position: absolute;
    top: 17px;
    right: auto;
    bottom: auto;
    left: 0;
    margin: auto;
    display: block;
    background-position: 0 -50px;
    background-size: 50px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_05.png)
}

main > .ranking .rankingMod .ttl03.cate01 {
    position: relative
}

main > .ranking .rankingMod .ttl03.cate01::before {
    display: block;
    content: "";
    width: 45px;
    height: 45px;
    position: absolute;
    top: 17px;
    right: auto;
    bottom: auto;
    left: 0;
    margin: auto;
    display: block;
    background-position: 0 -100px;
    background-size: 50px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_05.png)
}

main > .ranking .rankingMod .ttl03.cate02 {
    position: relative
}

main > .ranking .rankingMod .ttl03.cate02::before {
    display: block;
    content: "";
    width: 45px;
    height: 45px;
    position: absolute;
    top: 17px;
    right: auto;
    bottom: auto;
    left: 0;
    margin: auto;
    display: block;
    background-position: 0 -150px;
    background-size: 50px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_05.png)
}

main > .ranking .rankingMod .ttl03.cate03_04 {
    position: relative
}

main > .ranking .rankingMod .ttl03.cate03_04::before {
    display: block;
    content: "";
    width: 45px;
    height: 45px;
    position: absolute;
    top: 17px;
    right: auto;
    bottom: auto;
    left: 0;
    margin: auto;
    display: block;
    background-position: 0 -350px;
    background-size: 50px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_05.png)
}

main > .ranking .rankingMod .ttl03.cate05_06 {
    position: relative
}

main > .ranking .rankingMod .ttl03.cate05_06::before {
    display: block;
    content: "";
    width: 45px;
    height: 45px;
    position: absolute;
    top: 17px;
    right: auto;
    bottom: auto;
    left: 0;
    margin: auto;
    display: block;
    background-position: 0 -200px;
    background-size: 50px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_05.png)
}

main > .ranking .rankingMod .ttl03.cate07 {
    position: relative
}

main > .ranking .rankingMod .ttl03.cate07::before {
    display: block;
    content: "";
    width: 45px;
    height: 45px;
    position: absolute;
    top: 17px;
    right: auto;
    bottom: auto;
    left: 0;
    margin: auto;
    display: block;
    background-position: 0 -600px;
    background-size: 50px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_05.png)
}

main > .ranking .rankingMod .ttl03.cate08_09 {
    position: relative
}

main > .ranking .rankingMod .ttl03.cate08_09::before {
    display: block;
    content: "";
    width: 45px;
    height: 45px;
    position: absolute;
    top: 17px;
    right: auto;
    bottom: auto;
    left: 0;
    margin: auto;
    display: block;
    background-position: 0 -250px;
    background-size: 50px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_05.png)
}

main > .ranking .rankingMod .ttl03.cate10_11 {
    position: relative
}

main > .ranking .rankingMod .ttl03.cate10_11::before {
    display: block;
    content: "";
    width: 45px;
    height: 45px;
    position: absolute;
    top: 17px;
    right: auto;
    bottom: auto;
    left: 0;
    margin: auto;
    display: block;
    background-position: 0 -500px;
    background-size: 50px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_05.png)
}

main > .ranking .rankingMod .ttl03.cate12 {
    position: relative
}

main > .ranking .rankingMod .ttl03.cate12::before {
    display: block;
    content: "";
    width: 45px;
    height: 45px;
    position: absolute;
    top: 17px;
    right: auto;
    bottom: auto;
    left: 0;
    margin: auto;
    display: block;
    background-position: 0 -300px;
    background-size: 50px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_05.png)
}

main > .ranking .rankingMod .ttl03.cate13 {
    position: relative
}

main > .ranking .rankingMod .ttl03.cate13::before {
    display: block;
    content: "";
    width: 45px;
    height: 45px;
    position: absolute;
    top: 17px;
    right: auto;
    bottom: auto;
    left: 0;
    margin: auto;
    display: block;
    background-position: 0 -400px;
    background-size: 50px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_05.png)
}

main > .ranking .rankingMod .ttl03.cate14_19 {
    position: relative
}

main > .ranking .rankingMod .ttl03.cate14_19::before {
    display: block;
    content: "";
    width: 45px;
    height: 45px;
    position: absolute;
    top: 17px;
    right: auto;
    bottom: auto;
    left: 0;
    margin: auto;
    display: block;
    background-position: 0 -450px;
    background-size: 50px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_05.png)
}

main > .ranking .rankingMod .ttl03.cate15_18 {
    position: relative
}

main > .ranking .rankingMod .ttl03.cate15_18::before {
    display: block;
    content: "";
    width: 45px;
    height: 45px;
    position: absolute;
    top: 17px;
    right: auto;
    bottom: auto;
    left: 0;
    margin: auto;
    display: block;
    background-position: 0 -550px;
    background-size: 50px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_05.png)
}

main > .ranking .rankingMod .ttl03.cate17 {
    position: relative
}

main > .ranking .rankingMod .ttl03.cate17::before {
    display: block;
    content: "";
    width: 45px;
    height: 45px;
    position: absolute;
    top: 17px;
    right: auto;
    bottom: auto;
    left: 0;
    margin: auto;
    display: block;
    background-position: 0 -650px;
    background-size: 50px auto;
    background-repeat: no-repeat;
    background-image: url(/images/pc/common/parts/icon_05.png)
}

main > .ranking .rankingMod .lead {
    padding: 20px 15px 25px 0;
    font-size: 16px;
    font-size: 1.6rem;
    color: #727272
}

main > .ranking .rankingMod .rankingList {
    border: solid 1px #ebebeb;
    border-top: 0
}

main > .ranking .rankingMod .rankingList .none {
    height: 400px;
    text-align: center;
    vertical-align: middle
}

main > .ranking .rankingMod .rankingList .none span {
    display: inline-block;
    padding: 190px 0;
    font-size: 16px;
    font-size: 1.6rem
}

main > .ranking .rankingMod .rankingList .list06 .pannel {
    box-sizing: content-box
}

main > .ranking .rankingMod .rankingBox + .txt01 {
    padding: 10px 0
}

main > .ranking .more {
    background: #f7f7f7;
}

main > .ranking .more .btn05 {
    padding: 20px
}

main > .ranking .more .btn05 a {
    width: 300px
}

main > .ranking.local .rankingMod .ttl03 {
    padding-left: 0
}

main > .ranking.local .rankingMod .ttl03::before {
    content: none
}

main > .ranking.local .rankingMod .pannel .img {
    border: 1px solid #f5f5f5;
    width: 331px
}

main > .ranking.local .rankingMod .pannel .img > a {
    position: relative;
    width: 331px
}

main > .ranking.local .rankingMod .pannel .img .imgSub {
    float: right;
    width: 111px;
    position: absolute;
    top: 0;
    right: 0
}

main > .ranking.local .rankingMod .pannel .img .imgSub a {
    height: 74px
}

main > .ranking.local .rankingMod .pannel .img .imgSub img {
    width: 111px;
    height: auto
}

main > .ranking.local .rankingMod .pannel .txt {
    width: 370px
}

main > .ranking.local .rankingMod .pannel .txt .name {
    font-size: 18px;
    font-size: 1.8rem
}

main > .ranking.local .rankingMod .pannel .txt .name .emblem {
    margin-right: 8px
}