@charset "UTF-8";
@media screen and (min-width: 769px) {
  .pChild .pChild__main--column .content .exRanking {
    margin: 41.44213px 0 63.14991px;
  }
  .pChild .pChild__main--column .content .exRanking * {
    margin: 0;
    padding: 0;
  }
  .pChild .pChild__main--column .content .exRanking__top {
    text-align: center;
  }
  .pChild .pChild__main--column .content .exRanking__top span {
    display: inline-block;
    color: #fff;
    background: #00AD93;
    width: 173.66224px;
    font-size: 15px;
    line-height: 19px;
    font-weight: 700;
    padding: 11.84061px 0;
  }
  .pChild .pChild__main--column .content .exRanking__top p {
    font-size: 29.60152px;
    line-height: 35.52182px;
    font-weight: 700;
    margin-top: 21.70778px;
    color: #000000;
    margin-bottom: 0;
  }
  .pChild .pChild__main--column .content .exRanking__top .note {
    font-size: 14.80076px;
    line-height: 17.76091px;
    font-weight: 200;
    color: #505050;
    margin-top: 13.81404px;
  }
  .pChild .pChild__main--column .content .exRanking__list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    margin: 16.77419px -10.85389px -10.85389px;
    counter-reset: ar;
  }
  .pChild .pChild__main--column .content .exRanking__list article {
    width: 325.6167px;
    margin: 10.85389px;
    counter-increment: ar;
    -moz-box-shadow: 0 7.89374px 7.89374px rgba(0, 0, 0, 0.25);
         box-shadow: 0 7.89374px 7.89374px rgba(0, 0, 0, 0.25);
    -moz-border-radius: 13.81404px;
         border-radius: 13.81404px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .pChild .pChild__main--column .content .exRanking__list article .title {
    position: relative;
    padding: 19.73435px 9.86717px 13.81404px 100.64516px;
    border-bottom: 1px solid #D9D9D9;
    width: 100%;
    -webkit-box-ordinal-group: 2;
       -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .pChild .pChild__main--column .content .exRanking__list article .title::before {
    position: absolute;
    content: counter(ar) "位";
    font-size: 23.68121px;
    line-height: 1;
    font-weight: 700;
    height: 100%;
    top: 0;
    left: 0;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #fff;
    width: 86.83112px;
    -moz-border-radius: 9.86717px 0 0 0px;
         border-radius: 9.86717px 0 0 0px;
  }
  .pChild .pChild__main--column .content .exRanking__list article .title p {
    font-size: 18.73435px;
    line-height: 27.62808px;
    font-weight: 700;
    color: #000;
    /*white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;*/
  }
  .pChild .pChild__main--column .content .exRanking__list article .title a {
    font-size: 11.84061px;
    line-height: 13.81404px;
    font-weight: 400;
    color: #000;
    display: inline-block;
  }
  .pChild .pChild__main--column .content .exRanking__list article .metaEx {
    padding: 9.86717px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    -webkit-box-ordinal-group: 3;
       -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .pChild .pChild__main--column .content .exRanking__list article .metaEx span {
    white-space: nowrap;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 21.70778px;
    padding: 0 5.94687px;
    /*min-width: 110.51233px;*/
    -moz-border-radius: 27.62808px;
         border-radius: 27.62808px;
    margin: 1.97343px;
    background: #D9D9D9;
    color: #505050;
    font-size: 11.84061px;
    line-height: 13.81404px;
    font-weight: 500;
    pointer-events: none;
  }
  .pChild .pChild__main--column .content .exRanking__list article figure {
    margin-top: 5.9203px;
    text-align: center;
    display: block;
    width: 100%;
    line-height: 0;
    -webkit-box-ordinal-group: 4;
       -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .pChild .pChild__main--column .content .exRanking__list article figure img {
    width: 224.97154px;
    height: 161.82163px;
    object-fit: cover;
    -moz-border-radius: 0;
         border-radius: 0;
    display: inline-block;
  }
  .pChild .pChild__main--column .content .exRanking__list article .rate {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 23.68121px;
    margin-top: 25.65465px;
    align-items: center;
    justify-content: center;
    width: 100%;
    -webkit-box-ordinal-group: 5;
       -moz-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .pChild .pChild__main--column .content .exRanking__list article .rate .star {
    width: 166px;
    height: 28px;
    background: url("../img/starnone.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
  }
  .pChild .pChild__main--column .content .exRanking__list article .rate .star .starVal {
    background: url("../img/star.png") 0 0 no-repeat;
    -moz-background-size: auto 100%;
         background-size: auto 100%;
    height: 100%;
  }
  .pChild .pChild__main--column .content .exRanking__list article .rate .rateCon {
    font-size: 28px;
    line-height: 28px;
    font-weight: 700;
    font-family: "Droid Sans Bold";
    color: #D4AF37;
    margin-right: 5px;
    margin-top: 3px;
  }
  .pChild .pChild__main--column .content .exRanking__list article .checklist {
    padding: 0 23.68121px;
    margin-top: 15.78748px;
    width: 100%;
    margin-bottom: 25.65465px;
    background: transparent;
    -moz-box-shadow: none;
         box-shadow: none;
    -webkit-box-ordinal-group: 6;
       -moz-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .pChild .pChild__main--column .content .exRanking__list article .checklist li {
    font-size: 15px;
    line-height: 19px;
    font-weight: 400;
    color: #000;
    border: 0;
    padding: 0 0 0 31.57495px;
  }
  .pChild .pChild__main--column .content .exRanking__list article .checklist li::before {
    position: absolute;
    content: "";
    width: 23.68121px;
    height: 23.68121px;
    -moz-border-radius: 50%;
         border-radius: 50%;
    left: 0;
    top: -2px;
    background: url("../img/checklist.svg") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
  }
  .pChild .pChild__main--column .content .exRanking__list article .checklist li + li {
    margin-top: 11.84061px;
  }
  .pChild .pChild__main--column .content .exRanking__list article .btn {
    width: 100%;
    margin-top: auto;
    -webkit-box-ordinal-group: 7;
       -moz-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .pChild .pChild__main--column .content .exRanking__list article .btn a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 53.28273px;
    color: #fff;
    font-size: 17px;
    line-height: 19.73435px;
    font-weight: 700;
    -moz-border-radius: 0 0 9.86717px 9.86717px;
         border-radius: 0 0 9.86717px 9.86717px;
  }
  .pChild .pChild__main--column .content .exRanking__list article .btn a.st1 {
    background: #D4AF37;
  }
  .pChild .pChild__main--column .content .exRanking__list article .btn a.st2 {
    background: #00AD93;
  }
  .pChild .pChild__main--column .content .exRanking__list article:nth-of-type(1) {
    border: 1px solid #D4AF37;
  }
  .pChild .pChild__main--column .content .exRanking__list article:nth-of-type(1) .title::before {
    background: #D4AF37;
  }
  .pChild .pChild__main--column .content .exRanking__list article:nth-of-type(1) .metaEx span {
    background: #FFF5D4;
    color: #C87941;
  }
  .pChild .pChild__main--column .content .exRanking__list article:nth-of-type(2) {
    border: 1px solid #A0A0A0;
  }
  .pChild .pChild__main--column .content .exRanking__list article:nth-of-type(2) .title::before {
    background: #A0A0A0;
  }
  .pChild .pChild__main--column .content .exRanking__list article:nth-of-type(3) {
    border: 1px solid #C87941;
  }
  .pChild .pChild__main--column .content .exRanking__list article:nth-of-type(3) .title::before {
    background: #C87941;
  }
}

@media screen and (max-width: 768px) {
  .pChild .pChild__main--column .content .exRanking {
    margin: 7.32484vw 0 10.50955vw;
  }
  .pChild .pChild__main--column .content .exRanking * {
    margin: 0;
    padding: 0;
  }
  .pChild .pChild__main--column .content .exRanking__top {
    text-align: center;
  }
  .pChild .pChild__main--column .content .exRanking__top span {
    display: inline-block;
    color: #fff;
    background: #00AD93;
    width: 33.12102vw;
    font-size: 3.5vw;
    line-height: 5vw;
    font-weight: 700;
    padding: 2.2293vw 0;
  }
  .pChild .pChild__main--column .content .exRanking__top p {
    font-size: 5.25478vw;
    line-height: 6.36943vw;
    font-weight: 700;
    margin-top: 3.18471vw;
    color: #000000;
    margin-bottom: 0;
  }
  .pChild .pChild__main--column .content .exRanking__top .note {
    font-size: 2.86624vw;
    line-height: 3.50318vw;
    font-weight: 200;
    color: #505050;
    margin-top: 2.54777vw;
  }
  .pChild .pChild__main--column .content .exRanking__list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    counter-reset: ar;
    padding: 0 0vw;
    margin-top: 6.05096vw;
  }
  .pChild .pChild__main--column .content .exRanking__list article {
    width: 100%;
    counter-increment: ar;
    -moz-box-shadow: 0 1.27389vw 1.27389vw rgba(0, 0, 0, 0.25);
         box-shadow: 0 1.27389vw 1.27389vw rgba(0, 0, 0, 0.25);
    -moz-border-radius: 2.2293vw;
         border-radius: 2.2293vw;
  }
  .pChild .pChild__main--column .content .exRanking__list article::after {
    content: "";
    clear: both;
    display: table;
  }
  .pChild .pChild__main--column .content .exRanking__list article + article {
    margin-top: 5.73248vw;
  }
  .pChild .pChild__main--column .content .exRanking__list article .title {
    position: relative;
    padding: 2.86624vw 1.59236vw 2.2293vw 25.15924vw;
    border-bottom: 1px solid #D9D9D9;
    width: 100%;
    float: left;
  }
  .pChild .pChild__main--column .content .exRanking__list article .title::before {
    position: absolute;
    content: counter(ar) "位";
    font-size: 4.77707vw;
    line-height: 1;
    font-weight: 700;
    height: 100%;
    top: 0;
    left: 0;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #fff;
    width: 21.01911vw;
    -moz-border-radius: 1.59236vw 0 0 0vw;
         border-radius: 1.59236vw 0 0 0vw;
  }
  .pChild .pChild__main--column .content .exRanking__list article .title p {
    font-size: 4.5vw;
    line-height: 4.9vw;
    font-weight: 700;
    color: #000;
    /*white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;*/
  }
  .pChild .pChild__main--column .content .exRanking__list article .title a {
    font-size: 2.54777vw;
    line-height: 3.18471vw;
    font-weight: 400;
    color: #000;
    display: inline-block;
  }
  .pChild .pChild__main--column .content .exRanking__list article figure {
    margin-top: 2.54777vw;
    display: block;
    width: 35.03185vw;
    line-height: 0;
    float: left;
    margin-right: 5.73248vw;
    margin-left: 5.73248vw;
  }
  .pChild .pChild__main--column .content .exRanking__list article figure img {
    width: 100%;
    height: 26.11465vw;
    object-fit: cover;
    -moz-border-radius: 0;
         border-radius: 0;
    display: inline-block;
  }
  .pChild .pChild__main--column .content .exRanking__list article .rate {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 41.21019vw;
    float: left;
    margin-top: 4.77707vw;
  }
  .pChild .pChild__main--column .content .exRanking__list article .rate .star {
    width: 33.19995vw;
    height: 5.59999vw;
    background: url("../img/starnone.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
  }
  .pChild .pChild__main--column .content .exRanking__list article .rate .star .starVal {
    background: url("../img/star.png") 0 0 no-repeat;
    -moz-background-size: auto 100%;
         background-size: auto 100%;
    height: 100%;
  }
  .pChild .pChild__main--column .content .exRanking__list article .rate .rateCon {
    font-size: 4.8vw;
    line-height: 5.59999vw;
    font-weight: 700;
    font-family: "Droid Sans Bold";
    color: #D4AF37;
    margin-right: 1.06667vw;
    margin-top: 3px;
  }
  .pChild .pChild__main--column .content .exRanking__list article .metaEx {
    float: left;
    width: 41.21019vw;
    margin-top: 4.14013vw;
    line-height: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .pChild .pChild__main--column .content .exRanking__list article .metaEx span {
    white-space: nowrap;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 25.79618vw;
    height: 4.4586vw;
    padding: 0 0.63694vw;
    -moz-border-radius: 4.4586vw;
         border-radius: 4.4586vw;
    background: #D9D9D9;
    color: #505050;
    font-size: 2.54777vw;
    line-height: 4.4586vw;
    font-weight: 500;
    pointer-events: none;
  }
  .pChild .pChild__main--column .content .exRanking__list article .metaEx span + span {
    margin-top: 1.27389vw;
  }
  .pChild .pChild__main--column .content .exRanking__list article .checklist {
    padding: 0 4.14013vw;
    margin-top: 3.50318vw;
    width: 100%;
    margin-bottom: 2.54777vw;
    background: transparent;
    -moz-box-shadow: none;
         box-shadow: none;
    float: left;
  }
  .pChild .pChild__main--column .content .exRanking__list article .checklist li {
    font-size: 3.5vw;
    line-height: 5vw;
    font-weight: 400;
    color: #000;
    border: 0;
    padding: 0 0 0 7.64331vw;
    min-height: 5.73248vw;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .pChild .pChild__main--column .content .exRanking__list article .checklist li::before {
    position: absolute;
    content: "";
    width: 5.73248vw;
    height: 5.73248vw;
    -moz-border-radius: 50%;
         border-radius: 50%;
    left: 0;
    top: -0.31847vw;
    background: url("../img/checklist.svg") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
  }
  .pChild .pChild__main--column .content .exRanking__list article .checklist li + li {
    margin-top: 1.91083vw;
  }
  .pChild .pChild__main--column .content .exRanking__list article .btn {
    width: 100%;
    margin-top: auto;
    float: left;
  }
  .pChild .pChild__main--column .content .exRanking__list article .btn a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 9.87261vw;
    color: #fff;
    font-size: 4.1vw;
    line-height: 3.18471vw;
    font-weight: 700;
    -moz-border-radius: 0 0 1.59236vw 1.59236vw;
         border-radius: 0 0 1.59236vw 1.59236vw;
  }
  .pChild .pChild__main--column .content .exRanking__list article .btn a.st1 {
    background: #D4AF37;
  }
  .pChild .pChild__main--column .content .exRanking__list article .btn a.st2 {
    background: #00AD93;
  }
  .pChild .pChild__main--column .content .exRanking__list article:nth-of-type(1) {
    border: 1px solid #D4AF37;
  }
  .pChild .pChild__main--column .content .exRanking__list article:nth-of-type(1) .title::before {
    background: #D4AF37;
  }
  .pChild .pChild__main--column .content .exRanking__list article:nth-of-type(1) .metaEx span {
    background: #FFF5D4;
    color: #C87941;
  }
  .pChild .pChild__main--column .content .exRanking__list article:nth-of-type(2) {
    border: 1px solid #A0A0A0;
  }
  .pChild .pChild__main--column .content .exRanking__list article:nth-of-type(2) .title::before {
    background: #A0A0A0;
  }
  .pChild .pChild__main--column .content .exRanking__list article:nth-of-type(3) {
    border: 1px solid #C87941;
  }
  .pChild .pChild__main--column .content .exRanking__list article:nth-of-type(3) .title::before {
    background: #C87941;
  }
}