@charset "UTF-8";.countdown[data-v-e65780c7] {
    background: #00a870;
    border: 4px solid #fff;
    border-radius: 10px;
    margin: 0 auto;
    max-width: 400px;
    padding: 12px 8px 12px 120px;
    position: relative;
    text-align: center;
    z-index: 5
}

@media screen and (max-width: 768px) {
    .countdown[data-v-e65780c7] {
        box-sizing:border-box;
        margin: 0 auto;
        padding: 12px 8px 12px 100px;
        width: calc(100% - 16px)
    }
}

.countdown__img[data-v-e65780c7] {
    bottom: 0;
    height: 120px;
    left: 20px;
    position: absolute;
    width: 100px
}

@media screen and (max-width: 768px) {
    .countdown__img[data-v-e65780c7] {
        height:100px;
        left: 5px;
        width: 90px
    }
}

.countdown__img img[data-v-e65780c7] {
    height: 100%;
    width: auto
}

.countdown__time[data-v-e65780c7] {
    align-items: center;
    background: #fff424;
    border-radius: 5px;
    display: inline-flex;
    justify-content: center;
    letter-spacing: 2px;
    margin: 0;
    padding: 0 8px;
    width: auto
}

.countdown__under-txt[data-v-e65780c7] {
    color: #fff;
    font-size: clamp(12px,2.5974025974vw,16px);
    font-weight: 700;
    margin: 8px 0 0;
    text-align: center
}

.countdown .count-time[data-v-e65780c7] {
    color: #00a870;
    font-size: min(5.1948051948vw,32px);
    font-weight: 900;
    padding: 0 min(1.2987012987vw,8px);
    text-align: center;
    width: 100%
}

.countdown .count-time__small[data-v-e65780c7] {
    font-size: min(3.5714285714vw,22px);
    letter-spacing: 0
}

.countdown-top-txt[data-v-e65780c7] {
    align-items: flex-end;
    color: #00a870;
    display: flex;
    font-size: clamp(14px,3.2467532468vw,20px);
    font-weight: 700;
    justify-content: center;
    margin: 24px 0 0;
    position: relative
}

.countdown-top-txt--no-margin[data-v-e65780c7] {
    margin: 0
}

.countdown-top-txt[data-v-e65780c7]:after,.countdown-top-txt[data-v-e65780c7]:before {
    display: block
}

.countdown-top-txt[data-v-e65780c7]:before {
    content: "＼"
}

.countdown-top-txt[data-v-e65780c7]:after {
    content: "／"
}

.countdown-top-txt .big[data-v-e65780c7] {
    color: #fd6b01;
    font-size: clamp(20px,4.2207792208vw,26px)
}

.countdown-top-txt .orange[data-v-e65780c7] {
    color: #fd6b01
}


.is-blue .simple-countdown[data-v-10811c0c],.is-blue .simple-countdown__green[data-v-10811c0c] {
    color: #002060
}

.is-blue .simple-countdown__yellow[data-v-10811c0c] {
    background-color: red!important;
    color: #fff
}

.is-black .simple-countdown[data-v-10811c0c],.is-black .simple-countdown__green[data-v-10811c0c] {
    color: #333
}

.is-black .simple-countdown__yellow[data-v-10811c0c] {
    background-color: #ffdc37!important;
    color: #333
}

.is-blue-yellow .simple-countdown[data-v-10811c0c] {
    color: #016cd7
}

.is-blue-yellow .simple-countdown__yellow[data-v-10811c0c] {
    animation: blink-2-10811c0c 1s ease-in-out infinite;
    padding: 0
}

.is-blue-yellow .simple-countdown__green[data-v-10811c0c] {
    color: #016cd7
}

.is-blue-yellow .simple-countdown__small[data-v-10811c0c]:nth-child(3) {
    color: #333
}

.simple-countdown[data-v-10811c0c] {
    font-weight: 700;
    margin: 8px 8px 20px;
    text-align: center
}

.simple-countdown__green[data-v-10811c0c] {
    color: #00a870
}

.simple-countdown__yellow[data-v-10811c0c] {
    animation: blink-1-10811c0c 1s ease-in-out infinite;
    border-radius: 5px;
    display: inline-block;
    font-size: clamp(16px,5.1948051948vw,32px);
    margin: 0 4px;
    padding: 0 6px
}

.simple-countdown__small[data-v-10811c0c] {
    font-size: clamp(10px,2.9220779221vw,2em)
}

.simple-countdown__big[data-v-10811c0c] {
    font-size: clamp(14px,3.8961038961vw,2em)
}

@keyframes blink-1-10811c0c {
    0%,50%,to {
        background: #fffc00
    }

    75% {
        background: #feffbd
    }
}

@keyframes blink-2-10811c0c {
    0%,50%,to {
        background: linear-gradient(180deg,transparent,transparent 79%,#fffea6 80%,#fffea6)
    }

    75% {
        background: linear-gradient(180deg,transparent,transparent 79%,#feffbd 80%,#feffbd)
    }
}

.count-menkyo[data-v-10811c0c] {
    border-bottom: 2px solid #00a870;
    border-top: 2px solid #00a870;
    margin: 0
}

@media screen and (max-width: 768px) {
    .count-menkyo[data-v-10811c0c] {
        margin:0
    }
}

.count-menkyo .simple-countdown[data-v-10811c0c] {
    margin: 8px 0
}

@media screen and (max-width: 768px) {
    .count-menkyo .simple-countdown[data-v-10811c0c] {
        margin:8px 0
    }
}

.count-menkyo .simple-countdown__small[data-v-10811c0c] {
    font-size: 14px
}

.count-menkyo .simple-countdown__green[data-v-10811c0c] {
    background-color: #00a870;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    margin: 0 5px;
    padding: 2px 5px;
    text-align: center
}


/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    overscroll-behavior-x: none
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,strong {
    font-weight: bolder
}

code,kbd,samp {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,input,optgroup,select,textarea {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden],template {
    display: none
}

#__nuxt,body,html {
    height: 100%
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 80px
}

body {
    background: #fff;
    color: #333;
    margin: 0
}

a,body,dd,dt,li,p {
    font-family: "Noto Sans JP", sans-serif;
}

a,body,dd,dt,li,p {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5
}

ol,ul {
    margin-left: 0;
    padding-left: 0
}

a {
    color: inherit;
    font-size: 12px;
    text-decoration: none
}

a:hover {
    opacity: .8;
    transition: opacity .4s ease-out
}

img,video {
    vertical-align: bottom
}

@font-face {
    font-display: swap;
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/NotoSansJP-Regular-s.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/NotoSansJP-Medium-s.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/NotoSansJP-Bold-s.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 900;
    src: url(../fonts/NotoSansJP-Black-s.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/Montserrat-Bold-s.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/Roboto-Bold.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 900;
    src: url(../fonts/Roboto-Black.ttf) format("truetype")
}

:root {
    --header-height: 36px
}

.link-detail {
    backface-visibility: hidden;
    font-size: clamp(10px,1.9480519481vw,12px);
    text-decoration: underline!important;
    transition: all .1s ease-out
}

.link-detail:hover {
    cursor: pointer;
    opacity: .8
}

@media screen and (max-width: 768px) {
    .link-detail:hover {
        opacity:1
    }
}

.yellow-bold {
    background: #fff424;
    color: #f14948;
    margin: 0 2px;
    padding: 0 3px
}

.yellow-under {
    background-image: linear-gradient(0deg,#fefe00,#fefe00 40%,transparent 0);
    color: #00a870;
    font-weight: 700
}

.yellow-underline {
    font-size: clamp(12px,2.7597402597vw,17px)
}

.yellow-underline,.yellow-underline-only {
    background-image: linear-gradient(0deg,#fff422,#fff422 40%,transparent 0)
}

.orange-underline {
    background-image: linear-gradient(0deg,#ffd04c,#ffd04c 30%,transparent 0);
    font-weight: 700
}

.small-txt {
    display: block;
    font-size: clamp(10px,1.9480519481vw,12px);
    font-weight: 400;
    margin: 8px 0 0;
    text-align: left
}

.orange-bold {
    color: #fd6b01
}

.small {
    display: inline-block;
    margin: 0 -4px 0 0;
    padding: 0;
    transform: scale(.7);
    transform-origin: top left
}

.shop__title__time .small {
    font-size: clamp(16px,3.2467532468vw,20px)
}

.shop__green-table__item__content__txt .big {
    font-size: clamp(20px,3.5714285714vw,22px)
}

.shop__green-table__item__content__txt .medium {
    font-size: clamp(16px,2.9220779221vw,18px)
}

.shop__point-list__item .red {
    background: linear-gradient(180deg,#fff0,#fff0 77.39%,#fdf8a7 77.4%,#fdf8a7);
    font-weight: 900
}

.bold {
    font-weight: 700
}

.red {
    color: #f14948
}

.red-dark {
    color: red
}

.gray {
    color: #838383
}

body .is-layout-flex {
    display: flex
}

@media screen and (max-width: 768px) {
    body .is-layout-flex {
        flex-direction:column
    }
}

.aligncenter {
    text-align: center
}

.column-content img {
    height: auto;
    max-width: 100%
}

.column-content figure {
    margin: 0
}

.article-point {
    background: #f5f5f5;
    border: 2px solid #83b715;
    font-size: inherit;
    margin: auto;
    padding: 16px;
    width: 90%
}

.article-point li {
    align-items: center;
    display: flex;
    list-style-type: none;
    text-align: left
}

.article-point li:before {
    color: #83b715;
    content: "";
    font-family: "Noto Sans JP", sans-serif;
    font-size: 24px;
    padding-right: 5px
}

.has-vivid-red-color {
    color: #cf2e2e!important
}

.marker-animation {
    background-image: linear-gradient(90deg,#fff0 50%,#ff6 0);
    background-position: left -100% center;
    background-repeat: repeat-x;
    background-size: 200% .6em;
    display: inline;
    font-weight: 700;
    padding-bottom: .6em;
    transition: background-position 2s ease .1s
}

.txt-center {
    text-align: center
}

.bg-yellow {
    background: #fefadd;
    padding: 1px 16px 24px
}

@media screen and (max-width: 768px) {
    .bg-yellow {
        padding:1px 0 24px
    }
}

.column-baroon-title {
    align-items: flex-end;
    background: #00a870;
    border: 2px solid #fff;
    border-radius: 8px;
    color: #fff;
    display: flex;
    font-size: clamp(20px,4.2207792208vw,26px);
    justify-content: center;
    margin: 32px auto;
    max-width: 600px;
    min-height: 50px;
    padding: 16px 8px;
    position: relative;
    text-align: center;
    width: calc(100% - 32px)
}

@media screen and (max-width: 768px) {
    .column-baroon-title {
        border-width:2px;
        margin: 32px auto;
        padding: 8px 8px 16px
    }
}

.column-baroon-title:before {
    background: #fff;
    bottom: -11px;
    content: "";
    display: block;
    height: 18px;
    left: calc(50% - 10px);
    position: absolute;
    transform: rotate(45deg);
    width: 18px
}

@media screen and (max-width: 768px) {
    .column-baroon-title:before {
        bottom:-8px;
        height: 12px;
        left: calc(50% - 6px);
        width: 12px
    }
}

.column-baroon-title:after {
    background: #00a870;
    bottom: -9px;
    content: "";
    display: block;
    height: 18px;
    left: calc(50% - 10px);
    position: absolute;
    transform: rotate(45deg);
    width: 18px
}

@media screen and (max-width: 768px) {
    .column-baroon-title:after {
        bottom:-6px;
        height: 12px;
        left: calc(50% - 6px);
        width: 12px
    }
}

.column-baroon-title--center {
    align-items: center
}

.column-baroon-title__yellow {
    background: #fff424;
    border: 2px solid #fff;
    border-radius: 50px;
    color: #00a870;
    font-size: clamp(16px,2.9220779221vw,18px);
    padding: 2px 16px;
    position: absolute;
    top: -15px
}

.column-baroon-title__big {
    color: #fff424;
    font-size: clamp(24px,5.1948051948vw,32px);
    font-weight: 700
}

.faq-img {
    text-align: center
}

.faq-img img,.faq-img picture {
    height: auto;
    margin: 16px 0;
    max-width: 90%
}

.faq-content {
    padding: 24px
}

@media screen and (max-width: 768px) {
    .faq-content {
        padding:16px 8px
    }
}

.faq-content__title {
    border-bottom: 2px solid #00a870;
    font-size: clamp(16px,3.4090909091vw,21px);
    font-weight: 700;
    padding: 0 0 8px;
    position: relative
}

.faq-content__title:after {
    border-bottom: 1px solid #00a870;
    bottom: -5px;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    width: 100%
}

.faq-content__title img {
    margin: 0 4px 2px 0
}

.faq-content__sub-title {
    background: #00a870;
    color: #fff;
    font-size: clamp(16px,3.4090909091vw,21px);
    font-weight: 500;
    padding: 4px;
    text-align: center
}

.faq-content__fukidasi {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.faq-content__fukidasi__img {
    height: auto;
    min-width: 80px;
    width: 105px
}

.faq-content__fukidasi__txt {
    background: #fffada;
    border: 2px solid #00a870;
    border-radius: 10px;
    box-sizing: border-box;
    flex-basis: calc(100% - 110px);
    font-size: clamp(13px,2.4350649351vw,15px);
    font-weight: 500;
    padding: 16px;
    position: relative
}

.faq-content__fukidasi__txt:after,.faq-content__fukidasi__txt:before {
    border: 10px solid transparent;
    border-left-color: #00a870;
    content: "";
    display: block;
    position: absolute;
    transform: rotate(-45deg)
}

.faq-content__fukidasi__txt:after {
    border-left-color: #fffada;
    left: -9px;
    top: 16px
}

.faq-content__fukidasi__txt:before {
    border-width: 12px;
    left: -12px;
    top: 12px
}

.faq-content__fukidasi__txt .orange {
    color: #fd6b01
}

.faq-content__box {
    background: #fffada;
    padding: 8px 8px 1px
}

.faq-content__box__q {
    font-weight: 700
}

.faq-content p {
    font-size: clamp(13px,2.4350649351vw,17px)
}

.faq-content p.img-90 {
    margin: 16px 0 0;
    text-align: center
}

.faq-content p.img-90 img {
    height: auto;
    max-width: 100%
}

.faq-content p.img-60 {
    margin: 16px 0 0;
    text-align: center
}

.faq-content p.img-60 img {
    height: auto;
    max-width: 200px;
    width: 60%
}

.faq-content p.caution-right {
    font-size: clamp(10px,1.9480519481vw,12px);
    margin-bottom: 24px;
    text-align: right
}

.faq-content p.caution-right--bold {
    font-weight: 700
}

.faq-content p.caution-right--bold a {
    font-weight: 700;
    text-decoration: underline
}

.column-table {
    margin: 24px auto
}

.column-table thead th {
    color: #333;
    font-size: clamp(14px,2.9220779221vw,18px);
    text-align: center;
    vertical-align: bottom
}

.column-table thead th div {
    background: #ffefde;
    border-radius: 10px 10px 0 0;
    line-height: 1.1;
    padding: 10px 8px
}

.column-table thead th div.orange {
    background: #f4810e;
    color: #fff;
    padding: 20px 12px
}

.column-table thead th .th-small {
    display: block;
    font-size: clamp(10px,1.9480519481vw,12px)
}

.column-table thead th.blank {
    background: none
}

.column-table tbody th {
    background: #d8d8d8;
    color: #333
}

.column-table tbody td,.column-table tbody th {
    font-size: clamp(12px,2.5974025974vw,16px);
    padding: 8px;
    text-align: center
}

.column-table tbody td {
    border-bottom: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8
}

.column-table tbody td .big {
    font-size: clamp(14px,2.9220779221vw,18px)
}

.column-table tbody td .red {
    color: #f14948;
    font-size: clamp(16px,3.4090909091vw,21px)
}

.column-table tbody td img {
    display: block;
    margin: 4px auto
}

.green-list {
    list-style: square;
    margin: 0 0 0 24px
}

.green-list li {
    color: #00a870;
    font-size: clamp(13px,2.4350649351vw,15px);
    font-weight: 700
}

.title-list {
    color: #00a870;
    display: inline-block;
    margin: 24px auto
}

.title-list li {
    font-size: clamp(14px,2.5974025974vw,16px);
    font-weight: 700;
    text-align: left
}

.caution-text-link {
    backface-visibility: hidden;
    color: #2e5cd4;
    font-size: 12px;
    font-weight: 400;
    position: relative;
    text-decoration: underline;
    transition: all .1s ease-out;
    z-index: 1
}

.caution-text-link:hover {
    cursor: pointer;
    opacity: .8
}

@media screen and (max-width: 768px) {
    .caution-text-link:hover {
        opacity:1
    }
}

.caution-text-link .bold {
    font-weight: 700
}

.shop-list {
    box-sizing: border-box;
    margin: 0 auto min(7.7922077922vw,48px);
    padding-left: 8px;
    padding-right: 8px
}

@media screen and (max-width: 768px) {
    .shop-list {
        box-sizing:border-box;
        margin: 0 min(1.2987012987vw,8px) min(7.7922077922vw,48px)
    }
}

.shop-list--no-margin {
    margin: 0 auto
}

@media screen and (max-width: 768px) {
    .shop-list--no-margin {
        box-sizing:border-box;
        margin: 0 min(1.2987012987vw,8px)
    }
}

.shop-button .button-black {
    font-weight: 900
}

.shop-button .button-small {
    font-size: clamp(11px,2.2727272727vw,14px)
}

.recommend {
    background: #fffada;
    border-radius: min(4.8701298701vw,30px);
    box-sizing: border-box;
    margin: 0 auto min(7.7922077922vw,48px);
    max-width: 768px;
    padding: min(4.5454545455vw,28px) 8px;
    text-align: left
}

.recommend h2 {
    border: none
}

.recommend .shop {
    margin: min(3.8961038961vw,24px) 0 0
}

@media screen and (max-width: 768px) {
    .recommend {
        border-radius:0;
        margin: 24px 0
    }
}

.recommend--front-page {
    border-radius: 0;
    margin: 0
}

@media screen and (max-width: 768px) {
    .recommend--under {
        margin-bottom:0
    }
}

.recommend__title {
    border: none!important;
    font-size: min(4.5454545455vw,28px);
    font-weight: 700;
    margin: 0 0 min(4.5454545455vw,28px);
    text-align: center!important
}

@media screen and (max-width: 768px) {
    .recommend__title {
        font-size:min(5.8441558442vw,36px)
    }
}

.recommend__title__small {
    font-size: min(3.8961038961vw,24px);
    padding: 0
}

.recommend__title__orange {
    color: #fd6b01
}

.recommend__title__top-txt {
    align-items: center;
    display: flex;
    font-size: min(3.8961038961vw,24px);
    justify-content: center
}

.recommend__title__top-txt:after,.recommend__title__top-txt:before {
    border-left: 2px solid #333;
    content: "";
    display: block;
    height: min(4.5454545455vw,28px);
    width: 1px
}

.recommend__title__top-txt:before {
    margin: 0 min(2.5974025974vw,16px) 0 0;
    transform: rotate(-32deg)
}

.recommend__title__top-txt:after {
    margin: 0 0 0 min(2.5974025974vw,16px);
    transform: rotate(32deg)
}

.recommend__caution {
    color: #6a7e95;
    font-size: clamp(9px,1.9480519481vw,12px);
    line-height: 1.3;
    margin: 32px 0 0
}

@media screen and (max-width: 768px) {
    .recommend__caution {
        margin:0;
        padding: min(0vw,0px) min(4.5454545455vw,28px) min(9.7402597403vw,60px)
    }

    .recommend__caution--front-page {
        background: #fffada
    }
}

.is-sp {
    display: none
}

@media screen and (max-width: 768px) {
    .is-sp {
        display:inline-block
    }
}

.is-sp-block {
    display: none!important
}

@media screen and (max-width: 768px) {
    .is-sp-block {
        display:block!important
    }
}

.is-sp-flex {
    display: none!important
}

@media screen and (max-width: 768px) {
    .is-sp-flex {
        display:flex!important
    }
}

.is-pc {
    display: inline-block
}

@media screen and (max-width: 768px) {
    .is-pc {
        display:none
    }
}

.is-pc-block {
    display: block!important
}

@media screen and (max-width: 768px) {
    .is-pc-block {
        display:none!important
    }
}

.is-pc-flex {
    display: flex!important
}

@media screen and (max-width: 768px) {
    .is-pc-flex {
        display:none!important
    }
}

.u-m-0 {
    margin: 0!important
}

.u-mx-0 {
    margin-left: 0!important;
    margin-right: 0!important
}

.u-my-0 {
    margin-bottom: 0!important
}

.u-mt-0,.u-my-0 {
    margin-top: 0!important
}

.u-mb-0 {
    margin-bottom: 0!important
}

.u-mr-0 {
    margin-right: 0!important
}

.u-ml-0 {
    margin-left: 0!important
}

.u-m-4 {
    margin: 4px!important
}

.u-mx-4 {
    margin-left: 4px!important;
    margin-right: 4px!important
}

.u-my-4 {
    margin-bottom: 4px!important
}

.u-mt-4,.u-my-4 {
    margin-top: 4px!important
}

.u-mb-4 {
    margin-bottom: 4px!important
}

.u-mr-4 {
    margin-right: 4px!important
}

.u-ml-4 {
    margin-left: 4px!important
}

.u-m-8 {
    margin: 8px!important
}

.u-mx-8 {
    margin-left: 8px!important;
    margin-right: 8px!important
}

.u-my-8 {
    margin-bottom: 8px!important
}

.u-mt-8,.u-my-8 {
    margin-top: 8px!important
}

.u-mb-8 {
    margin-bottom: 8px!important
}

.u-mr-8 {
    margin-right: 8px!important
}

.u-ml-8 {
    margin-left: 8px!important
}

.u-m-12 {
    margin: 12px!important
}

.u-mx-12 {
    margin-left: 12px!important;
    margin-right: 12px!important
}

.u-my-12 {
    margin-bottom: 12px!important
}

.u-mt-12,.u-my-12 {
    margin-top: 12px!important
}

.u-mb-12 {
    margin-bottom: 12px!important
}

.u-mr-12 {
    margin-right: 12px!important
}

.u-ml-12 {
    margin-left: 12px!important
}

.u-m-16 {
    margin: 16px!important
}

.u-mx-16 {
    margin-left: 16px!important;
    margin-right: 16px!important
}

.u-my-16 {
    margin-bottom: 16px!important
}

.u-mt-16,.u-my-16 {
    margin-top: 16px!important
}

.u-mb-16 {
    margin-bottom: 16px!important
}

.u-mr-16 {
    margin-right: 16px!important
}

.u-ml-16 {
    margin-left: 16px!important
}

.u-m-20 {
    margin: 20px!important
}

.u-mx-20 {
    margin-left: 20px!important;
    margin-right: 20px!important
}

.u-my-20 {
    margin-bottom: 20px!important
}

.u-mt-20,.u-my-20 {
    margin-top: 20px!important
}

.u-mb-20 {
    margin-bottom: 20px!important
}

.u-mr-20 {
    margin-right: 20px!important
}

.u-ml-20 {
    margin-left: 20px!important
}

.u-m-24 {
    margin: 24px!important
}

.u-mx-24 {
    margin-left: 24px!important;
    margin-right: 24px!important
}

.u-my-24 {
    margin-bottom: 24px!important
}

.u-mt-24,.u-my-24 {
    margin-top: 24px!important
}

.u-mb-24 {
    margin-bottom: 24px!important
}

.u-mr-24 {
    margin-right: 24px!important
}

.u-ml-24 {
    margin-left: 24px!important
}

.u-m-28 {
    margin: 28px!important
}

.u-mx-28 {
    margin-left: 28px!important;
    margin-right: 28px!important
}

.u-my-28 {
    margin-bottom: 28px!important
}

.u-mt-28,.u-my-28 {
    margin-top: 28px!important
}

.u-mb-28 {
    margin-bottom: 28px!important
}

.u-mr-28 {
    margin-right: 28px!important
}

.u-ml-28 {
    margin-left: 28px!important
}

.u-m-32 {
    margin: 32px!important
}

.u-mx-32 {
    margin-left: 32px!important;
    margin-right: 32px!important
}

.u-my-32 {
    margin-bottom: 32px!important
}

.u-mt-32,.u-my-32 {
    margin-top: 32px!important
}

.u-mb-32 {
    margin-bottom: 32px!important
}

.u-mr-32 {
    margin-right: 32px!important
}

.u-ml-32 {
    margin-left: 32px!important
}

.u-m-36 {
    margin: 36px!important
}

.u-mx-36 {
    margin-left: 36px!important;
    margin-right: 36px!important
}

.u-my-36 {
    margin-bottom: 36px!important
}

.u-mt-36,.u-my-36 {
    margin-top: 36px!important
}

.u-mb-36 {
    margin-bottom: 36px!important
}

.u-mr-36 {
    margin-right: 36px!important
}

.u-ml-36 {
    margin-left: 36px!important
}

.u-mx-auto {
    margin-left: auto;
    margin-right: auto
}

.u-p-0 {
    padding: 0!important
}

.u-px-0 {
    padding-left: 0!important;
    padding-right: 0!important
}

.u-py-0 {
    padding-bottom: 0!important
}

.u-pt-0,.u-py-0 {
    padding-top: 0!important
}

.u-pb-0 {
    padding-bottom: 0!important
}

.u-pr-0 {
    padding-right: 0!important
}

.u-pl-0 {
    padding-left: 0!important
}

.u-p-4 {
    padding: 4px!important
}

.u-px-4 {
    padding-left: 4px!important;
    padding-right: 4px!important
}

.u-py-4 {
    padding-bottom: 4px!important
}

.u-pt-4,.u-py-4 {
    padding-top: 4px!important
}

.u-pb-4 {
    padding-bottom: 4px!important
}

.u-pr-4 {
    padding-right: 4px!important
}

.u-pl-4 {
    padding-left: 4px!important
}

.u-p-8 {
    padding: 8px!important
}

.u-px-8 {
    padding-left: 8px!important;
    padding-right: 8px!important
}

.u-py-8 {
    padding-bottom: 8px!important
}

.u-pt-8,.u-py-8 {
    padding-top: 8px!important
}

.u-pb-8 {
    padding-bottom: 8px!important
}

.u-pr-8 {
    padding-right: 8px!important
}

.u-pl-8 {
    padding-left: 8px!important
}

.u-p-12 {
    padding: 12px!important
}

.u-px-12 {
    padding-left: 12px!important;
    padding-right: 12px!important
}

.u-py-12 {
    padding-bottom: 12px!important
}

.u-pt-12,.u-py-12 {
    padding-top: 12px!important
}

.u-pb-12 {
    padding-bottom: 12px!important
}

.u-pr-12 {
    padding-right: 12px!important
}

.u-pl-12 {
    padding-left: 12px!important
}


.footer[data-v-c99f349a] {
    grid-area: 3/1/4/4
}

@media screen and (max-width: 1068px) {
    .footer[data-v-c99f349a] {
        grid-area:4/1/5/4;
        min-width: 375px
    }
}


.caution[data-v-af166c9d] {
    color: #6a7e95;
    font-size: clamp(9px,1.9480519481vw,12px);
    line-height: 1.3;
    margin: 32px auto 0;
    max-width: 768px
}

@media screen and (max-width: 768px) {
    .caution[data-v-af166c9d] {
        margin:64px 0 0;
        padding: 0 8px
    }

    .caution.is-yellow[data-v-af166c9d] {
        background: #fffada;
        margin: 0
    }
}

.caution.bottom-margin[data-v-af166c9d] {
    margin-bottom: 40px
}

footer nav ul[data-v-af166c9d] {
    display: flex;
    justify-content: center;
    list-style-type: none;
    padding: 0
}

footer nav ul li[data-v-af166c9d]:not(:last-child) {
    border-right: 1.5px solid #fff
}

footer nav ul li[data-v-af166c9d] {
    font-size: var(--f6);
    padding: 0 10px
}

footer nav a[data-v-af166c9d] {
    transition: .4s
}

footer nav a[data-v-af166c9d]:hover {
    opacity: .7
}

.footer[data-v-af166c9d] {
    font-size: clamp(9px,1.9480519481vw,12px);
    font-weight: 400;
    margin: 24px auto 0;
    position: relative;
    text-align: center
}

.footer.is-blue .footer__blue[data-v-af166c9d] {
    background: #245ac5
}

.footer.is-black .footer__blue[data-v-af166c9d] {
    background: #333
}

.footer__expand[data-v-af166c9d] {
    display: inline-block;
    margin: 0 8px
}

.footer__caution[data-v-af166c9d] {
    background: #f8f8f8;
    color: #6a7e95;
    font-size: clamp(10px,1.9480519481vw,12px);
    padding: min(4.5454545455vw,28px);
    text-align: center
}

@media screen and (max-width: 768px) {
    .footer__caution[data-v-af166c9d] {
        margin:0;
        text-align: left
    }
}

.footer__blue[data-v-af166c9d] {
    background: #00a870;
    color: #fff;
    padding: min(4.5454545455vw,28px)
}

.footer__go-top[data-v-af166c9d] {
    background: #00000069;
    border-radius: 10px 0 0 10px;
    bottom: 16px;
    box-shadow: 0 1px 4px #00000029;
    padding: 12px 10px 8px 12px;
    position: fixed;
    right: 0;
    z-index: 50
}

.footer__go-top__link[data-v-af166c9d] {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.footer__go-top__link img[data-v-af166c9d] {
    margin: 0 0 4px
}

.footer__search[data-v-af166c9d] {
    background: #fff;
    border: 2px solid #333;
    border-radius: 8px 0 0 8px;
    border-right-width: 0;
    bottom: 16px;
    box-shadow: 0 1px 4px #00000029;
    box-sizing: border-box;
    height: 70px;
    position: fixed;
    right: 0;
    width: 80px;
    z-index: 50
}

.footer__search span[data-v-af166c9d] {
    color: #333;
    font-size: clamp(10px,1.9480519481vw,12px);
    font-weight: 700;
    line-height: 1.2
}

.footer__search__link[data-v-af166c9d] {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.footer__search__link img[data-v-af166c9d] {
    margin: 4px 0 0
}

.footer--red[data-v-af166c9d] {
    background: #d85045
}

.footer--blue[data-v-af166c9d],.footer--lignt-blue[data-v-af166c9d] {
    background: #3388ec
}

.footer--green[data-v-af166c9d] {
    background: #19bb8e
}

.footer--sokujitsu-green .footer__blue[data-v-af166c9d] {
    background: #00a870
}

.footer--no-top-magin[data-v-af166c9d] {
    margin-top: 0
}

.footer a[data-v-af166c9d] {
    color: #fff;
    font-weight: 400
}

.caution-title[data-v-af166c9d] {
    color: #333;
    font-size: clamp(8px,1.6233766234vw,10px);
    margin: 0 auto;
    max-width: 768px;
    padding: 0 8px
}

@media screen and (max-width: 768px) {
    .caution-title[data-v-af166c9d] {
        margin:16px 0 8px
    }
}

.caution-list[data-v-af166c9d] {
    list-style: none;
    margin: 0 auto;
    max-width: 768px;
    padding: 0 8px
}

.caution-list--line[data-v-af166c9d] {
    border-bottom: 1px solid #333;
    border-top: 1px solid #333;
    padding: 4px 0
}

@media screen and (max-width: 768px) {
    .caution-list[data-v-af166c9d] {
        margin:0 0 16px
    }
}

.caution-list__item[data-v-af166c9d] {
    color: #333;
    font-size: clamp(8px,1.6233766234vw,10px);
    margin: 0;
    padding: 0;
    position: relative
}


:root {
    --header-height: 47px!important
}

.grobal-menu-header-wrap[data-v-ee71c250] {
    margin: 0 0 47px
}

.grobal-menu-header-wrap.is-relative[data-v-ee71c250] {
    margin: 0
}

.grobal-menu-header[data-v-ee71c250] {
    align-items: center;
    background: #fff;
    border-bottom: 2px solid #00a870;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    left: 0;
    min-height: 47px;
    padding: 0 0 0 8px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 500
}

.grobal-menu-header.is-no-border[data-v-ee71c250] {
    border: none;
    box-shadow: 0 2px 10px #5a5a5a1a
}

.grobal-menu-header.is-relative[data-v-ee71c250] {
    position: relative
}

.grobal-menu-header img[data-v-ee71c250] {
    height: auto;
    margin: 0 0 2px;
    max-height: 24px;
    max-width: 96px
}

.grobal-menu-header__nav[data-v-ee71c250] {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.grobal-menu-header__nav__list[data-v-ee71c250] {
    display: flex;
    list-style: none;
    margin: 0
}

.grobal-menu-header__nav__list__item[data-v-ee71c250] {
    align-items: center;
    border-left: 1px solid #fd6b01;
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 1;
    margin: 0 8px 0 0;
    padding: 0 0 0 8px
}

.grobal-menu-header__nav__list__item a[data-v-ee71c250] {
    font-size: clamp(10px,1.9480519481vw,12px);
    font-weight: 700
}


.bg-black[data-v-10238a8c] {
    animation: myAnim-10238a8c .2s ease 0s 1 normal forwards;
    background: #0009;
    height: 100vh;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 100
}

@keyframes myAnim-10238a8c {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.hamb-menu-button[data-v-10238a8c] {
    align-items: center;
    backface-visibility: hidden;
    background: #00a870;
    border: 0;
    display: flex;
    justify-content: center;
    line-height: 1;
    margin: 0;
    padding: 0 8px;
    transition: all .1s ease-out
}

.hamb-menu-button[data-v-10238a8c]:hover {
    cursor: pointer;
    opacity: .8
}

@media screen and (max-width: 768px) {
    .hamb-menu-button[data-v-10238a8c]:hover {
        opacity:1
    }
}

.hamb-menu-button.is-simple[data-v-10238a8c] {
    background: transparent
}

.hamb-menu-wrap[data-v-10238a8c] {
    animation: myAnim2-10238a8c .5s ease 0s 1 normal forwards;
    background: #fff;
    border-top: 2px solid #00a870;
    box-shadow: 0 0 15px #0000000f;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10
}

.hamb-menu-wrap__item[data-v-10238a8c] {
    background: #ebf8f4;
    border-bottom: 2px solid #00a870
}

.hamb-menu-wrap__item__link[data-v-10238a8c] {
    backface-visibility: hidden;
    background: url(../imgicon_arrow_right_green.svg) no-repeat 100%;
    background-size: 16px;
    display: block;
    font-size: clamp(12px,2.2727272727vw,14px);
    font-weight: 700;
    margin: 0 8px 0 0;
    padding: 12px 16px;
    transition: all .1s ease-out
}

.hamb-menu-wrap__item__link[data-v-10238a8c]:hover {
    cursor: pointer;
    opacity: .8
}

@media screen and (max-width: 768px) {
    .hamb-menu-wrap__item__link[data-v-10238a8c]:hover {
        opacity:1
    }
}

.hamb-menu-wrap__inner-list[data-v-10238a8c] {
    border-top: 2px solid #00a870;
    list-style: none
}

.hamb-menu-wrap__inner-list__item[data-v-10238a8c] {
    background: #fff;
    padding: 12px 8px 12px 24px
}

.hamb-menu-wrap__inner-list__item[data-v-10238a8c]:not(:last-child) {
    border-bottom: 1px solid #e0e0e0
}

.hamb-menu-wrap__inner-list__item__link[data-v-10238a8c] {
    backface-visibility: hidden;
    background: url(../img/icon_arrow_right_green.svg) no-repeat 100%;
    background-size: 16px;
    display: block;
    font-size: clamp(12px,2.2727272727vw,14px);
    font-weight: 700;
    padding: 0 24px 0 0;
    transition: all .1s ease-out
}

.hamb-menu-wrap__inner-list__item__link[data-v-10238a8c]:hover {
    cursor: pointer;
    opacity: .8
}

@media screen and (max-width: 768px) {
    .hamb-menu-wrap__inner-list__item__link[data-v-10238a8c]:hover {
        opacity:1
    }
}

@keyframes myAnim2-10238a8c {
    0% {
        opacity: 0;
        transform: translate(50px)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }
}


.header[data-v-a99d6789] {
    grid-area: 1/1/2/4;
    height: var(--header-height);
    position: fixed;
    width: 100%;
    z-index: 1000
}

@media screen and (max-width: 1068px) {
    .header[data-v-a99d6789] {
        grid-area:1/1/2/4;
        min-width: 375px
    }
}


.scroll-ranking[data-v-1e92ab0a] {
    box-sizing: border-box;
    margin: min(4.5454545455vw,28px) auto 0;
    max-width: 750px;
    padding: 0 0 min(3.8961038961vw,24px);
    position: relative
}

@media screen and (max-width: 768px) {
    .scroll-ranking[data-v-1e92ab0a]:before {
        border-top:5px solid #00a870;
        content: "";
        display: block;
        height: 0;
        margin: 0 min(1.2987012987vw,8px) 0 0;
        width: auto
    }

    .scroll-ranking.is-no-border[data-v-1e92ab0a]:before {
        display: none
    }
}

@media screen and (max-width: 798px) {
    .scroll-ranking[data-v-1e92ab0a] {
        margin:min(4.5454545455vw,28px) 0 0 min(1.2987012987vw,8px)
    }
}

.scroll-ranking.is-short[data-v-1e92ab0a] {
    margin-top: 0
}

@media screen and (max-width: 768px) {
    .scroll-ranking.is-short[data-v-1e92ab0a] {
        margin-top:0
    }
}

.scroll-ranking__caution[data-v-1e92ab0a] {
    color: #333;
    font-size: clamp(9px,1.9480519481vw,12px);
    margin-right: min(1.2987012987vw,8px);
    text-align: left
}

.scroll-wrapper[data-v-1e92ab0a] {
    overflow-x: scroll;
    overflow-y: auto;
    padding: 0 0 min(3.8961038961vw,24px);
    width: 100%
}

.scroll-wrapper.is-short[data-v-1e92ab0a] {
    padding: 0
}

.white-gradiation[data-v-1e92ab0a] {
    background-image: linear-gradient(90deg,#fff0,#fffc);
    position: absolute;
    right: 0;
    width: 48px;
    z-index: 100
}

.white-gradiation--yellow[data-v-1e92ab0a] {
    background-image: linear-gradient(90deg,#fefadc00,#fefadccc)
}

.scroll-ranking-title-other[data-v-1e92ab0a] {
    border-bottom: 4px solid #00a870;
    font-size: min(3.5714285714vw,22px);
    font-weight: 700;
    line-height: 1.3;
    padding: min(3.8961038961vw,24px);
    text-align: center
}

@media screen and (max-width: 768px) {
    .scroll-ranking-title-other[data-v-1e92ab0a] {
        font-size:22px;
        margin-top: min(3.8961038961vw,24px)
    }

    .scroll-ranking-title-other--padding[data-v-1e92ab0a] {
        padding-top: min(8.7662337662vw,54px)
    }
}

.scroll-ranking-title-other.is-short[data-v-1e92ab0a] {
    margin: 0
}

@media screen and (max-width: 768px) {
    .scroll-ranking-title-other.is-short[data-v-1e92ab0a] {
        margin:0
    }
}

.scroll-ranking-title-other__small-txt[data-v-1e92ab0a] {
    align-items: flex-end;
    display: flex;
    font-size: clamp(20px,3.5714285714vw,22px);
    justify-content: center;
    margin: 0 0 8px
}

@media screen and (max-width: 768px) {
    .scroll-ranking-title-other__small-txt[data-v-1e92ab0a] {
        font-size:clamp(16px,3.8961038961vw,24px)
    }
}

.scroll-ranking-title-other__small-txt img[data-v-1e92ab0a] {
    height: auto;
    margin: 0 8px;
    width: 32px
}

@media screen and (max-width: 768px) {
    .scroll-ranking-title-other__small-txt img[data-v-1e92ab0a] {
        width:19px
    }
}

.scroll-ranking-title-other__big-txt[data-v-1e92ab0a] {
    font-size: clamp(26px,5.5194805195vw,34px)
}

@media screen and (max-width: 768px) {
    .scroll-ranking-title-other__big-txt[data-v-1e92ab0a] {
        font-size:clamp(20px,4.2207792208vw,26px)
    }
}

.scroll-ranking-title[data-v-1e92ab0a] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 0 min(5.1948051948vw,32px);
    position: relative
}

@media screen and (max-width: 768px) {
    .scroll-ranking-title[data-v-1e92ab0a] {
        margin:min(5.1948051948vw,32px) min(4.5454545455vw,28px) min(4.5454545455vw,28px) 0;
        padding: 0 min(1.2987012987vw,8px)
    }
}

.scroll-ranking-title__img[data-v-1e92ab0a] {
    height: auto;
    max-width: min(14.6103896104vw,90px)
}

.scroll-ranking-title__txt[data-v-1e92ab0a] {
    font-size: min(6.8181818182vw,42px);
    text-align: center;
    width: 100%
}

@media screen and (max-width: 798px) {
    .scroll-ranking-title__txt[data-v-1e92ab0a] {
        font-size:min(5.1948051948vw,32px)
    }
}

.scroll-ranking-title__txt .blue[data-v-1e92ab0a] {
    color: #2e5cd4
}

.scroll-ranking-table[data-v-1e92ab0a] {
    margin: 16px 0 0;
    position: relative;
    table-layout: fixed;
    width: 100%
}

.scroll-ranking-table--yellow[data-v-1e92ab0a] {
    margin: 4px 0 0
}

.scroll-ranking-table--yellow td[data-v-1e92ab0a] {
    background-color: #fff!important
}

.scroll-ranking-table--yellow .blank[data-v-1e92ab0a],.scroll-ranking-table--yellow tbody .buttons td[data-v-1e92ab0a] {
    background-color: #fefadd!important
}

.scroll-ranking-table th img[data-v-1e92ab0a] {
    max-width: 100%
}

.scroll-ranking-table td[data-v-1e92ab0a] {
    min-width: min(19.4805194805vw,120px);
    width: min(19.4805194805vw,120px)
}

.scroll-ranking-table td.blank-padding[data-v-1e92ab0a] {
    background: transparent!important;
    min-width: min(7.7922077922vw,48px);
    width: min(7.7922077922vw,48px)
}

.scroll-ranking-table thead th[data-v-1e92ab0a] {
    line-height: 1.2;
    vertical-align: top;
    width: min(19.4805194805vw,120px)
}

.scroll-ranking-table thead th div[data-v-1e92ab0a] {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-start;
    line-height: 1.2;
    padding: 0 min(1.2987012987vw,8px) min(2.5974025974vw,16px) 0
}

.scroll-ranking-table thead th img[data-v-1e92ab0a] {
    height: auto;
    margin: 0 0 min(.6493506494vw,4px);
    width: min(5.1948051948vw,32px)
}

.scroll-ranking-table thead th a[data-v-1e92ab0a] {
    color: #2e5cd4;
    display: block;
    font-size: min(2.9220779221vw,18px);
    font-weight: 700;
    line-height: 1.1;
    text-decoration: underline;
    width: 100%
}

.scroll-ranking-table thead th a img[data-v-1e92ab0a] {
    height: min(17.0454545455vw,105px);
    max-width: unset;
    width: auto
}

.scroll-ranking-table thead th .pr[data-v-1e92ab0a] {
    font-size: min(2.4350649351vw,15px)
}

.scroll-ranking-table thead th .txt[data-v-1e92ab0a] {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 1.3;
    margin: 0;
    min-height: 1em;
    padding: 0
}

.scroll-ranking-table thead th img.banner[data-v-1e92ab0a] {
    height: min(12.987012987vw,80px);
    max-width: unset;
    width: auto
}

.scroll-ranking-table thead th.blank[data-v-1e92ab0a] {
    background: #fff;
    left: 0;
    position: sticky;
    width: min(14.6103896104vw,90px)
}

@media screen and (max-width: 768px) {
    .scroll-ranking-table thead th.blank[data-v-1e92ab0a] {
        width:min(12.987012987vw,80px)
    }
}

.scroll-ranking-table tbody th div[data-v-1e92ab0a] {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: min(16.2337662338vw,100px);
    padding: 0
}

.scroll-ranking-table tbody th[data-v-1e92ab0a]:not(.blank) {
    background: #00a870;
    border-radius: 10px 0 0 10px;
    color: #fff;
    font-size: min(3.8961038961vw,24px);
    line-height: 1.2;
    padding: 0
}

.scroll-ranking-table tbody th[data-v-1e92ab0a] {
    left: 0;
    position: sticky
}

.scroll-ranking-table tbody td[data-v-1e92ab0a]:not(.blank) {
    background: #f3f3f3;
    color: #2e5cd4;
    font-size: min(3.2467532468vw,20px);
    font-weight: 700;
    line-height: 1.2;
    padding: 0 min(.6493506494vw,4px);
    text-align: center
}

.scroll-ranking-table tbody td.blank[data-v-1e92ab0a] {
    left: 0;
    position: sticky
}

.scroll-ranking-table tbody .buttons td[data-v-1e92ab0a] {
    background: #fff
}

.scroll-ranking-table tbody td.yellow[data-v-1e92ab0a] {
    background: #fffada
}

.scroll-ranking-table tbody td.double-circle[data-v-1e92ab0a] {
    background-image: url(../img/bg/bg_double-circle.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto 60%
}

.scroll-ranking-table tbody td.single-circle[data-v-1e92ab0a] {
    background-image: url(../img/bg/bg_single-circle.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto 60%
}

.scroll-ranking-table tbody td.triangle[data-v-1e92ab0a] {
    background-image: url(../img/bg/bg_triangle.webp)
}

.scroll-ranking-table tbody td.bad[data-v-1e92ab0a],.scroll-ranking-table tbody td.triangle[data-v-1e92ab0a] {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto 60%
}

.scroll-ranking-table tbody td.bad[data-v-1e92ab0a] {
    background-image: url(../img/bg/bg_bad.webp)
}

.scroll-ranking-table tbody.is-green th[data-v-1e92ab0a]:not(.blank) {
    background-color: #00a870
}

.scroll-ranking-table tbody.is-green td[data-v-1e92ab0a]:not(.blank) {
    color: #333
}

.scroll-ranking-table tbody.is-button-red .scroll-ranking-table__link[data-v-1e92ab0a] {
    background: #ff0036;
    box-shadow: 0 4px #b90027;
    line-height: 1.3
}

.scroll-ranking-table tbody.is-button-red .scroll-ranking-table__link img[data-v-1e92ab0a] {
    height: 20px;
    width: 20px
}

@media screen and (max-width: 768px) {
    .scroll-ranking-table tbody.is-button-red .scroll-ranking-table__link img[data-v-1e92ab0a] {
        height:12px;
        width: 12px
    }
}

.scroll-ranking-table__thead-img[data-v-1e92ab0a] {
    color: #2e5cd4;
    display: block;
    font-size: min(2.9220779221vw,18px);
    font-weight: 700;
    line-height: 1.1;
    padding: 0!important;
    text-decoration: underline;
    width: 100%
}

.scroll-ranking-table__thead-img__img[data-v-1e92ab0a] {
    height: min(12.987012987vw,80px);
    max-width: unset;
    width: auto!important
}

.scroll-ranking-table__link[data-v-1e92ab0a] {
    background: #ff0036;
    border-radius: 10px;
    box-shadow: 0 4px #b90027;
    color: #fff;
    display: block;
    font-size: min(3.2467532468vw,20px);
    font-weight: 700;
    line-height: 1;
    margin: min(2.5974025974vw,16px) 0;
    padding: min(2.5974025974vw,16px) min(1.2987012987vw,8px)
}

.scroll-ranking-table__link__small[data-v-1e92ab0a] {
    font-size: 10px
}

.select-fv {
    align-items: center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 0 min(6.4935064935vw,40px);
    padding: min(6.4935064935vw,40px) 0 min(11.3636363636vw,70px);
    position: relative;
    width: 100%
}

.select-fv--only-img {
    background: url(../img/fv/fv_background.webp) no-repeat;
    background-position: 50%;
    background-size: cover;
    padding: 0
}

@media screen and (max-width: 768px) {
    .select-fv--only-img {
        margin:0
    }
}

.select-fv--img-green {
    background: url(../img/fv/fv_background_8.webp) no-repeat;
    background-position: 50%;
    background-size: cover
}

.select-fv--img-thin-green {
    background: url(../img/fv/fv_background_10.webp) no-repeat;
    background-position: 50%;
    background-size: cover
}

.select-fv--red {
    background: url(../img/bg/bg_select_red.webp) no-repeat;
    background-size: cover
}

.select-fv--blue {
    background: url(../img/bg/bg_select_blue.webp) no-repeat;
    background-size: cover
}

.select-fv--blue .select-fv__title__big-bottom,.select-fv--blue .select-fv__title__big-top,.select-fv--blue .select-fv__title__small-bottom,.select-fv--blue .select-fv__title__small-top {
    text-shadow: 1px 2px 0 #1355a1
}

.select-fv--lignt-blue {
    background: url(../img/bg/bg_select_lignt-blue.webp) no-repeat;
    background-size: cover
}

.select-fv--lignt-blue .select-fv__title__big-bottom,.select-fv--lignt-blue .select-fv__title__big-top,.select-fv--lignt-blue .select-fv__title__small-bottom,.select-fv--lignt-blue .select-fv__title__small-top {
    text-shadow: 1px 2px 0 #1355a1
}

.select-fv--green {
    background: url(../img/bg/bg_select_green.webp) no-repeat;
    background-size: cover
}

.select-fv--green .select-fv__title__big-top,.select-fv--green .select-fv__title__small-top {
    color: #004599;
    text-shadow: 1px 2px 0 #14a37b
}

.select-fv--green .select-fv__title__big-bottom,.select-fv--green .select-fv__title__small-bottom {
    text-shadow: 1px 2px 0 #14a37b
}

.select-fv__title {
    color: #fff;
    margin: 0
}

.select-fv__title__txt-2,.select-fv__title__txt-3 {
    line-height: 1;
    text-align: center
}

.select-fv__title__big-top {
    font-size: min(12.1753246753vw,75px);
    line-height: 1
}

.select-fv__title__big-top,.select-fv__title__small-top {
    color: #fff424;
    font-weight: 900;
    text-shadow: 1px 2px 0 #d63a5b
}

.select-fv__title__small-top {
    font-size: min(9.7402597403vw,60px);
    line-height: 1.3
}

.select-fv__title__big-bottom {
    color: #fff;
    font-family: "Noto Sans JP", sans-serif;
    font-size: min(19.4805194805vw,120px);
    font-weight: 900;
    line-height: 1;
    margin: 0 min(1.9480519481vw,12px);
    text-shadow: 1px 2px 0 #d63a5b
}

.select-fv__title__small-bottom {
    color: #fff;
    font-size: min(10.7142857143vw,66px);
    font-weight: 900;
    line-height: 1.3;
    text-shadow: 1px 2px 0 #d63a5b
}

.select-fv__title__caution-mark {
    color: #fff;
    display: inline-block;
    font-size: 20%;
    margin: 6px 6px 0 -6px;
    text-shadow: none;
    vertical-align: top
}

.select-fv__title__caution {
    font-size: 12px;
    font-weight: 400;
    margin: min(3.8961038961vw,24px) 0 0
}

.select-fv__title__img {
    height: auto;
    max-height: 276px;
    max-width: 100%
}

.select-fv__countdown {
    bottom: -30px;
    max-width: 690px;
    position: absolute;
    text-align: center;
    width: 90%;
    z-index: 99
}

@media screen and (max-width: 768px) {
    .select-fv__countdown {
        bottom:-20px;
        width: 100%
    }
}

.select-fv__countdown.is-line {
    bottom: unset;
    max-width: unset;
    position: relative;
    width: 100%
}

.select-point {
    margin: min(6.4935064935vw,40px) 0;
    text-align: left
}

@media screen and (max-width: 768px) {
    .select-point {
        margin:min(9.7402597403vw,60px) min(2.5974025974vw,16px)
    }
}

.select-point--gray {
    background: #f8f8f8;
    padding: 40px 8px
}

@media screen and (max-width: 768px) {
    .select-point--gray {
        margin:0
    }
}

.select-point--green {
    background: #e3efe1;
    margin: min(12.987012987vw,80px) 0 min(3.2467532468vw,20px);
    padding: 90px 8px 16px
}

@media screen and (max-width: 768px) {
    .select-point--green {
        margin:min(12.987012987vw,80px) 0 0
    }
}

.select-point__title {
    align-items: center;
    border-bottom: 4px solid #fd6b01;
    display: flex;
    font-size: min(3.8961038961vw,24px);
    justify-content: center;
    line-height: 1.3;
    margin: 0 0 min(3.8961038961vw,24px);
    padding: 0 0 min(1.2987012987vw,8px)
}

@media screen and (max-width: 768px) {
    .select-point__title {
        background-size:min(8.2792207792vw,51px);
        border-bottom: 4px solid #fd6b01;
        font-size: 22px;
        margin: 0;
        padding: 0 0 min(3.8961038961vw,24px)
    }
}

.select-point__title--center {
    text-align: center
}

.select-point__title__img {
    height: auto;
    margin: 0 min(2.5974025974vw,16px) 0 0;
    width: min(9.7402597403vw,60px)
}

.select-point__title__black-big {
    font-size: clamp(21px,4.5454545455vw,28px)
}

.select-point__title__orange {
    color: #fc6b01
}

.select-point__title__orange-small {
    color: #fc6b01;
    font-size: clamp(15px,3.5714285714vw,22px)
}

.select-point__title__orange-big {
    color: #fc6b01;
    font-size: clamp(21px,4.5454545455vw,28px)
}

.select-point__title__orange-num {
    color: #fc6b01;
    font-size: clamp(24px,6.4935064935vw,40px)
}

.select-point__article {
    background: #fffada;
    border-radius: min(2.4350649351vw,15px);
    box-shadow: 0 0 15px #0000000f;
    margin: min(9.7402597403vw,60px) 0;
    padding: min(5.8441558442vw,36px);
    position: relative
}

.select-point__article__num {
    align-items: center;
    background: #fc6b01;
    border: 6px solid #fff;
    border-radius: 50%;
    color: #fff;
    display: flex;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 40px;
    font-weight: 700;
    height: 80px;
    justify-content: center;
    left: 0;
    position: absolute;
    top: -40px;
    width: 80px
}

@media screen and (max-width: 476px) {
    .select-point__article__num {
        font-size:20px;
        height: 40px;
        top: -20px;
        width: 40px
    }
}

.select-point__article__title {
    color: #fc6b01;
    font-size: 22px;
    margin: min(3.8961038961vw,24px) 0;
    text-align: center
}

.select-point__article__title__white {
    background: #fff;
    display: inline;
    margin: 0 3px;
    padding: 0 3px
}

.select-point__article__img {
    margin: min(3.8961038961vw,24px) 0;
    text-align: center
}

.select-point__article__img img {
    height: auto;
    max-width: 200px;
    width: 60%
}

.select-point__article__img--mini img {
    max-width: 100px;
    width: 40%
}

.select-point__article__txt {
    font-size: 18px;
    text-align: center;
}

.select-point__article__txt__yellow {
    background-image: linear-gradient(180deg,transparent,transparent 76%,#ffd04c 0,#ffd04c);
    font-weight: 700
}

.select-point__article__txt__caution {
    display: inline-block;
    font-size: 12px;
    margin: min(2.5974025974vw,16px) 0 0
}

.select-point__point-box {
    background: #fff;
    margin: -16px 0 0;
    padding: 4px 16px
}

.select-point__point-box__txt {
    font-size: clamp(12px,2.2727272727vw,14px)
}

.select-point__point-box__title {
    font-size: clamp(14px,2.5974025974vw,16px)
}

.select-point__point-box__title:before {
    color: #fc6b01;
    content: "●"
}

.select-point__point-box__table-wrap {
    overflow-x: scroll;
    position: relative
}

@media screen and (max-width: 768px) {
    .select-point__point-box__table-wrap {
        padding:0 40px 0 0
    }
}

.select-point__point-box__table-wrap .select-point__point-box__table {
    position: relative;
    z-index: 0
}

.select-point__point-box__table-wrap .select-point__point-box__table tbody th,.select-point__point-box__table-wrap .select-point__point-box__table thead th:first-child {
    left: 0;
    position: sticky;
    top: 0
}

.select-point__point-box__table-scroll-white {
    position: relative
}

@media screen and (max-width: 768px) {
    .select-point__point-box__table-scroll-white:after {
        background-image:linear-gradient(90deg,#fff0,#fff);
        bottom: 0;
        content: "";
        display: block;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        width: 40px;
        z-index: 10
    }
}

.select-point__point-box__table {
    background: #fff;
    border-spacing: 0;
    font-size: clamp(10px,2.2727272727vw,14px);
    width: 100%
}

.select-point__point-box__table thead {
    background: #ffefde;
    color: #000;
    text-align: center
}

.select-point__point-box__table thead th {
    border-bottom: 1px solid #d8d8d8;
    border-right: 1px solid #fff;
    font-size: clamp(10px,1.9480519481vw,12px);
    font-weight: 400;
    min-width: 62px;
    padding: 4px;
    width: 16.6666666667%
}

.select-point__point-box__table thead th.white {
    background: #fff
}

.select-point__point-box__table thead a {
    color: #00f;
    text-decoration: underline
}

@media screen and (max-width: 768px) {
    .select-point__point-box__table thead a {
        font-size:10px
    }
}

.select-point__point-box__table tbody {
    text-align: center
}

.select-point__point-box__table tbody tr:nth-child(2n) th {
    background: #ffefde
}

.select-point__point-box__table tbody tr:nth-child(2n) td {
    background: #f8f8f8
}

.select-point__point-box__table tbody th {
    background: #fff9f2;
    border-bottom: 1px solid #d8d8d8;
    border-top: none;
    padding: 4px
}

.select-point__point-box__table tbody td {
    border-bottom: 1px solid #d8d8d8;
    padding: 4px;
    text-align: center
}

.select-point__point-box__caution {
    font-size: clamp(10px,1.9480519481vw,12px);
    padding: 0 0 0 100px
}

@media screen and (max-width: 768px) {
    .select-point__point-box__caution {
        padding:0 0 0 60px
    }
}

.select-point__point-box__gray-box {
    background: #f8f8f8;
    border-radius: 10px;
    margin: 0 0 24px
}

.select-point__point-box__gray-box__title {
    align-items: center;
    border-bottom: 2px solid #fff;
    display: flex;
    font-size: clamp(14px,2.5974025974vw,16px);
    font-weight: 700;
    justify-content: flex-start;
    line-height: 1.1;
    padding: 16px
}

.select-point__point-box__gray-box__title img {
    height: 20px;
    margin: 0 8px 0 0;
    width: 20px
}

.select-point__point-box__gray-box__title__small {
    font-size: clamp(12px,2.2727272727vw,14px);
    font-weight: 400
}

.select-point__point-box__gray-box__txt {
    font-size: clamp(12px,2.2727272727vw,14px);
    margin: 0;
    padding: 24px
}

.select-point__point-box__gray-box__txt__link {
    align-items: center;
    color: #2e5cd4;
    display: flex;
    font-size: clamp(10px,1.9480519481vw,12px)
}

.select-point__point-box__gray-box__txt__link .blank-icon {
    height: 10px;
    width: 10px
}

.select-point__point-box__flow__item {
    display: flex;
    margin: 0 0 16px
}

.select-point__point-box__flow__item__title__orange {
    background: #fc6b01;
    border-radius: 50px;
    color: #fff;
    display: inline-block;
    font-size: clamp(14px,2.5974025974vw,18px);
    font-weight: 700;
    margin: 0 0 0 8px;
    padding: 4px 16px
}

.select-point__point-box__flow__item__txt {
    font-size: clamp(12px,2.2727272727vw,14px)
}

.select-point__point-box__flow__item__caution {
    background: #fff9f2;
    border: 2px solid #333;
    border-radius: 10px;
    padding: 16px
}

.select-point__point-box__flow__item__caution__title {
    align-items: center;
    display: flex;
    font-size: clamp(14px,2.5974025974vw,16px);
    font-weight: 700;
    justify-content: center;
    text-align: center
}

.select-point__point-box__flow__item__caution__title img {
    margin: 0 8px 0 0
}

.select-point__point-box__flow__item__caution__txt {
    font-size: clamp(12px,2.2727272727vw,14px);
    margin: 8px 0 0
}

.select-point__point-box__flow__item__left {
    align-items: center;
    background: #00a870;
    color: #fff;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-weight: 700;
    justify-content: center;
    margin: 0 0 16px;
    max-width: 30px;
    min-width: 30px;
    position: relative;
    width: 30px
}

.select-point__point-box__flow__item__left:before {
    border: 15px solid #00a870;
    border-top-color: #fff;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 0
}

.select-point__point-box__flow__item__left:after {
    border: 15.5px solid #fff;
    border-top-color: #00a870;
    bottom: -28px;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    width: 0
}

.select-point__point-box__flow__item__right {
    padding: 8px 16px
}

.select-point__point-box__point-list {
    list-style: none
}

.select-point__point-box__point-list__item {
    background: #f8f8f8;
    border-radius: 10px;
    margin: 16px 0;
    padding: 16px
}

.select-point__point-box__point-list__item__title {
    font-size: clamp(14px,2.5974025974vw,16px);
    font-weight: 700
}

.select-point__point-box__point-list__item__title__orange {
    color: #fc6b01
}

.select-point__point-box__point-list__item__txt {
    font-size: clamp(12px,2.2727272727vw,14px)
}

.select-point__point-box__point-list__item__txt__blue {
    backface-visibility: hidden;
    color: #00f;
    text-decoration: underline;
    transition: all .1s ease-out
}

.select-point__point-box__point-list__item__txt__blue:hover {
    cursor: pointer;
    opacity: .8
}

@media screen and (max-width: 768px) {
    .select-point__point-box__point-list__item__txt__blue:hover {
        opacity:1
    }
}

.select-point__point-box__point-list__item__img-box {
    align-items: center;
    color: #f14948;
    display: flex;
    font-size: clamp(14px,2.5974025974vw,16px);
    font-weight: 700;
    justify-content: center;
    margin: 16px auto
}

.select-point__point-box__point-list__item__img-box img {
    margin: 0 16px 0 0
}

.select-point__button {
    align-items: center;
    background: #fff;
    border: 2px solid #fc6b01;
    border-radius: 10px;
    box-shadow: 0 1px 3px #00000040;
    color: #333;
    display: flex;
    font-size: clamp(16px,3.4090909091vw,21px);
    font-weight: 700;
    justify-content: space-between;
    line-height: 130%;
    margin: 16px 0;
    padding: 10px 16px 10px 8px;
    width: 100%
}

.select-point__button:last-child {
    margin: 16px 0 0
}

.select-point__button:hover {
    cursor: pointer
}

.select-point__button__orange {
    color: #fc6b01
}

.select-point__button__point {
    height: 80px;
    margin: 0 0 8px;
    width: 80px
}

@media screen and (max-width: 768px) {
    .select-point__button__point {
        height:50px;
        width: 50px
    }
}

.select-point__button__icon {
    height: 14px;
    margin: 0 0 0 16px;
    width: 24px
}

.select-point__button__icon.is-expand {
    transform: rotate(180deg)
}

.select-point__button__flex {
    display: flex;
    flex-direction: column
}

.select-point__button__small {
    font-size: clamp(12px,2.5974025974vw,18px)
}

@media screen and (max-width: 768px) {
    .select-point.is-short {
        margin-top:clamp(16px,6.4935064935vw,40px)
    }

    .select-point.is-short .select-point__article__title {
        font-size: 4.5vw;
        margin: 11% auto 0;
    }

    .select-point.is-short .select-point__article__txt {
        font-size: 4vw;
    }

    .select-point.is-short .select-point__article {
        margin: 16px 0 0;
        padding: 3px 8px
    }

    .select-point.is-short .select-point__article__img img {
        width: 54%
    }

    .select-point.is-short .select-point__article__num {
        top: -10px
    }

    .select-point.is-img-small .select-point__article__img img {
        width: 40%
    }
}

.beginner .select-point {
    margin: 0
}

.select-recommend-title {
    align-items: center;
    border: none!important;
    color: #fd6b01;
    display: flex;
    justify-content: space-between;
    line-height: 1.2;
    margin: 0 0 min(5.1948051948vw,32px);
    padding: 0;
    position: relative;
    text-align: center
}

.select-recommend-title__txt {
    font-size: min(4.5454545455vw,28px);
    padding: 0 0 min(2.5974025974vw,16px)
}

@media screen and (max-width: 768px) {
    .select-recommend-title__txt {
        font-size:21px
    }
}

.select-recommend-title__txt .fit-size {
    color: #fff424;
    font-size: clamp(14px,3.4090909091vw,21px);
    line-height: 2em
}

.select-recommend-title__txt__big {
    font-size: min(9.7402597403vw,60px);
    line-height: 1;
    margin: 0 4px
}

@media screen and (max-width: 768px) {
    .select-recommend-title__txt__big {
        font-size:min(6.4935064935vw,40px)
    }
}

.select-recommend-title__txt__small {
    font-size: clamp(16px,3.4090909091vw,21px);
    line-height: 1.2;
    margin: 0 4px
}

.select-recommend-title:before {
    background: url(../img/decorations/img_ranking_left.webp) no-repeat 0;
    background-size: contain
}

.select-recommend-title:after,.select-recommend-title:before {
    content: "";
    display: block;
    height: 18.8311688312vw;
    max-height: 116px;
    max-width: 84px;
    width: 13.6363636364vw
}

.select-recommend-title:after {
    background: url(../img/decorations/img_ranking_right.webp) no-repeat 0;
    background-size: contain
}

.select-recommend-title .yellow {
    color: #fff424;
    font-size: min(5.1948051948vw,32px)
}

.select-sub-title {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0 0 min(3.8961038961vw,24px)
}

.select-sub-title p {
    font-size: min(3.4090909091vw,21px);
    font-weight: 700;
    margin: 0 min(3.8961038961vw,24px);
    text-align: center
}

.select-sub-title img {
    height: auto;
    max-width: min(9.7402597403vw,60px)
}

.select-sub-title__red,.select-sub-title__small {
    font-size: min(3.4090909091vw,21px)
}

.select-sub-title__red {
    background: #f14948;
    color: #fff;
    margin: 0 4px;
    padding: 0 4px
}

.select-sub-title__under {
    background-image: linear-gradient(180deg,transparent,transparent 76%,#ffd04c 0,#ffd04c);
    font-size: min(4.2207792208vw,26px)
}

.select-title-with-img {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0 auto min(3.8961038961vw,24px);
    position: relative
}

.select-title-with-img__txt {
    align-items: flex-end;
    background: #fff;
    border: 4px solid #4d4d4d;
    border-radius: 100px;
    color: #4d4d4d;
    display: inline-flex;
    font-size: min(4.5454545455vw,28px);
    font-weight: 900;
    padding: 0 min(2.5974025974vw,16px);
    position: relative;
    z-index: 100
}

@media screen and (max-width: 768px) {
    .select-title-with-img__txt {
        border-width:2px
    }
}

.select-title-with-img__txt__small {
    font-size: min(3.8961038961vw,24px)
}

.select-title-with-img__img1 {
    align-items: center;
    display: inline-flex;
    margin: 0 min(-.6493506494vw,-4px);
    position: relative;
    width: min(8.1168831169vw,50px);
    z-index: 100
}

.select-title-with-img__img1 picture {
    display: flex
}

.select-title-with-img__img1 img {
    height: auto;
    width: 100%
}

.select-title-with-img__img2 {
    align-items: flex-end;
    display: inline-flex;
    margin: 0 min(-1.2987012987vw,-8px);
    position: relative;
    width: min(9.7402597403vw,60px);
    z-index: 200
}

.select-title-with-img__img2 picture {
    display: flex
}

.select-title-with-img__img2 img {
    height: auto;
    width: 100%
}

.select-top-ribbon {
    background: #ffd200;
    color: #333;
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    padding: .5em 16px;
    text-align: center
}

@media screen and (max-width: 768px) {
    .select-top-ribbon {
        font-size:clamp(13px,2.9220779221vw,18px)
    }
}

.select-top-logo {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 8px
}

.select-top-logo img {
    height: auto;
    max-height: 28px;
    max-width: 150px
}

.select-top-logo span {
    color: #999;
    font-size: clamp(10px,1.9480519481vw,12px);
    max-width: 40%
}

.select-top-logo a span {
    border: 1px solid #999;
    border-radius: 50px;
    font-size: clamp(9px,1.6233766234vw,10px);
    line-height: 1;
    margin: 8px;
    padding: 0 6px
}

.select-simple-title {
    color: #484848;
    font-size: clamp(20px,3.4090909091vw,21px);
    line-height: 1.3;
    margin: 0 0 32px;
    text-align: center
}

.select-simple-title .green {
    color: #00a870;
    font-size: clamp(13px,2.9220779221vw,18px)
}

.select-baroon-title {
    background: #00a870;
    border-radius: 8px;
    color: #fff;
    font-size: clamp(16px,3.4090909091vw,21px);
    margin: 0 0 32px;
    padding: 8px;
    position: relative;
    text-align: center
}

@media screen and (max-width: 768px) {
    .select-baroon-title {
        border-width:2px;
        margin: 0 0 16px
    }
}

.select-baroon-title:after {
    background: #00a870;
    bottom: -9px;
    content: "";
    display: block;
    height: 18px;
    left: calc(50% - 10px);
    position: absolute;
    transform: rotate(45deg);
    width: 18px
}

@media screen and (max-width: 768px) {
    .select-baroon-title:after {
        bottom:-6px;
        height: 12px;
        left: calc(50% - 6px);
        width: 12px
    }
}

.select-baroon-title .orange {
    color: #fff424;
    font-size: clamp(19px,4.5454545455vw,28px)
}

.select-baroon-title--minus {
    font-size: clamp(19px,4.5454545455vw,28px);
    line-height: 1.1;
    margin: -64px 0 32px;
    padding: 16px
}

.select-baroon-title--minus .orange {
    font-size: clamp(16px,3.4090909091vw,21px)
}

.select-baroon-title--white {
    background: #fff;
    color: #333
}

.select-baroon-title--white:after {
    background: #fff
}

.select-baroon-title--white .orange {
    color: #fd6b01
}

.select-baroon-title--blue,.select-baroon-title--blue:after {
    background: #016cd7
}

.scroll-ranking[data-v-31306673] {
    box-sizing: border-box;
    margin: min(4.5454545455vw,28px) auto 0;
    max-width: 750px;
    padding: 0 0 min(3.8961038961vw,24px);
    position: relative
}

@media screen and (max-width: 768px) {
    .scroll-ranking[data-v-31306673]:before {
        border-top:5px solid #00a870;
        content: "";
        display: block;
        height: 0;
        margin: 0 min(1.2987012987vw,8px) 0 0;
        width: auto
    }

    .scroll-ranking.is-no-border[data-v-31306673]:before {
        display: none
    }
}

@media screen and (max-width: 798px) {
    .scroll-ranking[data-v-31306673] {
        margin:min(4.5454545455vw,28px) 0 0 min(1.2987012987vw,8px)
    }
}

.scroll-ranking.is-blue .scroll-ranking-table--yellow .blank[data-v-31306673],.scroll-ranking.is-blue .scroll-ranking-table--yellow tbody .buttons td[data-v-31306673] {
    background-color: #fff!important
}

.scroll-ranking.is-blue .scroll-ranking-table tbody th[data-v-31306673] {
    background-color: #245bc9!important;
    font-size: clamp(12px,2.2727272727vw,14px)
}

.scroll-ranking.is-blue .scroll-ranking-table tbody tr:not(:last-child) td[data-v-31306673] {
    border: 1px solid #245bc9;
    padding: 4px 2px
}

.scroll-ranking.is-black .scroll-ranking-table--yellow .blank[data-v-31306673],.scroll-ranking.is-black .scroll-ranking-table--yellow tbody .buttons td[data-v-31306673] {
    background-color: #fff!important
}

.scroll-ranking.is-black .scroll-ranking-table tbody th[data-v-31306673] {
    background-color: #333!important;
    font-size: clamp(12px,2.2727272727vw,14px)
}

.scroll-ranking.is-black .scroll-ranking-table tbody tr:not(:last-child) td[data-v-31306673] {
    border: 1px solid #333;
    padding: 4px 2px
}

.scroll-ranking.is-light-blue .scroll-ranking-table--yellow .blank[data-v-31306673],.scroll-ranking.is-light-blue .scroll-ranking-table--yellow tbody .buttons td[data-v-31306673] {
    background-color: #fff!important
}

.scroll-ranking.is-light-blue .scroll-ranking-table tbody th[data-v-31306673] {
    background-color: #333!important;
    font-size: clamp(12px,2.2727272727vw,14px)
}

.scroll-ranking.is-light-blue .scroll-ranking-table tbody tr:not(:last-child) td[data-v-31306673] {
    border: 1px solid #333;
    padding: 4px 2px
}

.scroll-ranking.is-blue-black .scroll-ranking-table--yellow .blank[data-v-31306673],.scroll-ranking.is-blue-black .scroll-ranking-table--yellow tbody .buttons td[data-v-31306673],.scroll-ranking.is-green .scroll-ranking-table--yellow .blank[data-v-31306673],.scroll-ranking.is-green .scroll-ranking-table--yellow tbody .buttons td[data-v-31306673] {
    background-color: #fff!important
}

.scroll-ranking.is-blue-black .scroll-ranking-table tbody th[data-v-31306673] {
    background-color: #cbeeff!important;
    color: #333;
    font-size: clamp(12px,2.2727272727vw,14px)
}

.scroll-ranking.is-blue-black .scroll-ranking-table tbody tr:not(:last-child) td[data-v-31306673] {
    border: 1px solid #333;
    padding: 4px 2px
}

.scroll-ranking.is-blue-black .scroll-ranking-table .buttons a[data-v-31306673] {
    background: linear-gradient(1turn,#db010c -11.58%,#ff5e66 99.38%)
}

.scroll-ranking.is-gold .scroll-ranking-table--yellow .blank[data-v-31306673],.scroll-ranking.is-gold .scroll-ranking-table--yellow tbody .buttons td[data-v-31306673] {
    background-color: #fffef5!important
}

.scroll-ranking.is-gold .scroll-ranking-table tbody th[data-v-31306673] {
    background-color: #016cd7!important;
    font-size: clamp(12px,2.2727272727vw,14px)
}

.scroll-ranking.is-gold .scroll-ranking-table tbody tr:not(:last-child) td[data-v-31306673] {
    border: 1px solid #016cd7;
    padding: 4px 2px
}

.scroll-ranking.is-gold .scroll-ranking-table .buttons a[data-v-31306673] {
    background: #db010c;
    box-shadow: 0 4px #b90027
}

.scroll-ranking.is-short[data-v-31306673] {
    margin-top: 0
}

@media screen and (max-width: 768px) {
    .scroll-ranking.is-short[data-v-31306673] {
        margin-top:0
    }
}

.scroll-ranking__caution[data-v-31306673] {
    color: #333;
    font-size: clamp(9px,1.9480519481vw,12px);
    margin-right: min(1.2987012987vw,8px);
    text-align: left
}

.scroll-wrapper[data-v-31306673] {
    overflow-x: scroll;
    overflow-y: auto;
    padding: 0 0 min(3.8961038961vw,24px);
    width: 100%
}

.scroll-wrapper.is-short[data-v-31306673] {
    padding: 0
}

.scroll-wrapper.is-padding[data-v-31306673] {
    padding-top: 20px
}

.white-gradiation[data-v-31306673] {
    background-image: linear-gradient(90deg,#fff0,#fffc);
    position: absolute;
    right: 0;
    width: 48px;
    z-index: 100
}

.white-gradiation--yellow[data-v-31306673] {
    background-image: linear-gradient(90deg,#fefadc00,#fefadccc)
}

.scroll-ranking-table[data-v-31306673] {
    margin: 16px 0 0;
    position: relative;
    table-layout: fixed;
    width: 100%
}

.scroll-ranking-table--yellow[data-v-31306673] {
    margin: 4px 0 0
}

.scroll-ranking-table--yellow td[data-v-31306673] {
    background-color: #fff!important
}

.scroll-ranking-table--yellow .blank[data-v-31306673],.scroll-ranking-table--yellow tbody .buttons td[data-v-31306673] {
    background-color: #fefadd!important
}

.scroll-ranking-table th img[data-v-31306673] {
    max-width: 100%
}

.scroll-ranking-table td[data-v-31306673] {
    min-width: min(19.4805194805vw,120px);
    width: min(19.4805194805vw,120px)
}

.scroll-ranking-table td.blank-padding[data-v-31306673] {
    background: transparent!important;
    min-width: min(7.7922077922vw,48px);
    width: min(7.7922077922vw,48px)
}

.scroll-ranking-table thead th[data-v-31306673] {
    line-height: 1.2;
    position: relative;
    vertical-align: top;
    width: min(19.4805194805vw,120px)
}

.scroll-ranking-table thead th div[data-v-31306673] {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-start;
    line-height: 1.2;
    padding: 0 min(1.2987012987vw,8px) min(2.5974025974vw,16px) 0
}

.scroll-ranking-table thead th img[data-v-31306673] {
    height: auto;
    margin: 0 0 min(.6493506494vw,4px);
    width: min(5.1948051948vw,32px)
}

.scroll-ranking-table thead th a[data-v-31306673] {
    color: #2e5cd4;
    display: block;
    font-size: min(3.8vw,18px);
    font-weight: 700;
    line-height: 1.1;
    text-decoration: underline;
    width: 100%
}

.scroll-ranking-table thead th a img[data-v-31306673] {
    height: min(17.0454545455vw,105px);
    max-width: unset;
    width: auto
}

.scroll-ranking-table thead th a img.is-2img[data-v-31306673] {
    height: min(25.974025974vw,160px)
}

.scroll-ranking-table thead th .badge[data-v-31306673] {
    align-items: center;
    animation: floatY-31306673 2.5s ease-in-out infinite;
    display: flex;
    flex-direction: column;
    height: auto;
    justify-content: center;
    left: calc(50% - 2.1em);
    padding: 0;
    position: absolute;
    top: -21px
}

.scroll-ranking-table thead th .badge .badge-padding[data-v-31306673] {
    padding-top: 28px!important
}

.scroll-ranking-table thead th .badge .badge-label[data-v-31306673] {
    background-color: red;
    border-radius: 4px;
    color: #fff;
    display: flex;
    font-size: 10px;
    font-weight: 400;
    padding: 2px 4px
}

.scroll-ranking-table thead th .badge .badge-label .yellow-text[data-v-31306673] {
    color: #ff0
}

.scroll-ranking-table thead th .badge .badge-arrow[data-v-31306673] {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid red;
    height: 0;
    padding: 0;
    width: 0
}

@keyframes floatY-31306673 {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-4px)
    }

    to {
        transform: translateY(0)
    }
}

.scroll-ranking-table thead th .pr[data-v-31306673] {
    font-size: min(2.4350649351vw,15px)
}

.scroll-ranking-table thead th .txt[data-v-31306673] {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 1.3;
    margin: 0;
    min-height: 1em;
    padding: 0
}

.scroll-ranking-table thead th img.banner[data-v-31306673] {
    height: min(12.987012987vw,80px);
    max-width: unset;
    width: auto
}

.scroll-ranking-table thead th.blank[data-v-31306673] {
    background: #fff;
    left: 0;
    position: sticky;
    width: min(14.6103896104vw,90px)
}

@media screen and (max-width: 768px) {
    .scroll-ranking-table thead th.blank[data-v-31306673] {
        width:min(12.987012987vw,80px)
    }
}

.scroll-ranking-table tbody th div[data-v-31306673] {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: min(16.2337662338vw,100px);
    padding: 0
}

.scroll-ranking-table tbody th[data-v-31306673]:not(.blank) {
    background: #00a870;
    border-radius: 10px 0 0 10px;
    color: #fff;
    font-size: min(3.8961038961vw,24px);
    line-height: 1.2;
    padding: 0
}

.scroll-ranking-table tbody th[data-v-31306673] {
    left: 0;
    position: sticky
}

.scroll-ranking-table tbody td[data-v-31306673]:not(.blank) {
    background: #f3f3f3;
    color: #2e5cd4;
    font-size: min(3.2467532468vw,20px);
    font-weight: 700;
    line-height: 1.2;
    padding: 0 min(.6493506494vw,4px);
    text-align: center
}

.scroll-ranking-table tbody td.blank[data-v-31306673] {
    left: 0;
    position: sticky
}

.scroll-ranking-table tbody .buttons td[data-v-31306673] {
    background: #fff;
    vertical-align: top
}

.scroll-ranking-table tbody .buttons__single-column[data-v-31306673] {
    display: flex;
    justify-content: space-between
}

.scroll-ranking-table tbody .buttons__single-column__item[data-v-31306673] {
    width: calc(33.33333% - 5.33333px)
}

.scroll-ranking-table tbody td.yellow[data-v-31306673] {
    background: #fffada
}

.scroll-ranking-table tbody td.double-circle[data-v-31306673] {
    background-image: url(../img/bg_double-circle.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto 60%
}

.scroll-ranking-table tbody td.single-circle[data-v-31306673] {
    background-image: url(../img/bg_single-circle.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto 60%
}

.scroll-ranking-table tbody td.triangle[data-v-31306673] {
    background-image: url(../img/bg_triangle.webp)
}

.scroll-ranking-table tbody td.bad[data-v-31306673],.scroll-ranking-table tbody td.triangle[data-v-31306673] {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto 60%
}

.scroll-ranking-table tbody td.bad[data-v-31306673] {
    background-image: url(../img/bg_bad.webp)
}

.scroll-ranking-table tbody.is-green th[data-v-31306673]:not(.blank) {
    background-color: #00a870
}

.scroll-ranking-table tbody.is-green td[data-v-31306673]:not(.blank) {
    color: #333
}

.scroll-ranking-table tbody.is-button-red .scroll-ranking-table__link[data-v-31306673] {
    background: #ff0036;
    box-shadow: 0 4px #b90027;
    line-height: 1.3
}

.scroll-ranking-table tbody.is-button-red .scroll-ranking-table__link img[data-v-31306673] {
    height: 25px;
    width: 25px
}

@media screen and (max-width: 768px) {
    .scroll-ranking-table tbody.is-button-red .scroll-ranking-table__link img[data-v-31306673] {
        height:12px;
        width: 12px
    }
}

.scroll-ranking-table__thead-img[data-v-31306673] {
    color: #2e5cd4;
    display: block;
    font-size: min(2.9220779221vw,18px);
    font-weight: 700;
    line-height: 1.1;
    padding: 0!important;
    text-decoration: underline;
    width: 100%
}

.scroll-ranking-table__thead-img__img[data-v-31306673] {
    height: min(12.987012987vw,80px);
    max-width: unset;
    width: auto!important
}

.scroll-ranking-table__link[data-v-31306673] {
    background: #ff0036;
    border-radius: 10px;
    box-shadow: 0 4px #b90027;
    color: #fff;
    display: block;
    font-size: min(3.2467532468vw,20px);
    font-weight: 700;
    line-height: 1;
    margin: min(2.5974025974vw,16px) 0;
    padding: min(2.5974025974vw,16px) min(1.2987012987vw,8px)
}

.scroll-ranking-table__link.is-no-margin[data-v-31306673] {
    margin-bottom: 0
}

.scroll-ranking-table__link__small[data-v-31306673] {
    font-size: 10px
}

.scroll-ranking.is-green .scroll-ranking-table tbody th[data-v-31306673] {
    background-color: #e2d7c6!important;
    color: #333
}

.promiss-jouken-wrap[data-v-31306673] {
    line-height: 1;
    margin: 4px 0;
    text-align: center
}

.promiss-jouken-wrap a[data-v-31306673] {
    color: #243aff;
    font-size: clamp(8px,1.9480519481vw,12px);
    line-height: 1;
    text-decoration: underline
}

.scroll-ranking-table-tk[data-v-31306673] {
    padding: min(1.6233766234vw,10px) 0!important;
    vertical-align: top;
    width: min(35.7142857143vw,220px)!important
}

.scroll-ranking-table-tk img[data-v-31306673] {
    height: min(28.4090909091vw,175px);
    margin: 0 0 min(.6493506494vw,4px);
    width: auto
}

.scroll-ranking-table-tk .cell-inner[data-v-31306673] {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center
}

.scroll-ranking-table-tk .cell-inner .txt[data-v-31306673] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 3em
}

.scroll-ranking-table-tk .cell-inner .txt a[data-v-31306673] {
    color: #243aff;
    line-height: 1;
    text-decoration: underline
}

.blank-icon {
    height: 16px;
    margin: 0 0 0 4px!important;
    width: 16px
}

@media screen and (max-width: 768px) {
    .blank-icon {
        height:9px!important;
        margin: 0!important;
        width: 9px!important
    }
}

.scroll-ranking[data-v-e81021fc] {
    box-sizing: border-box;
    margin: min(4.5454545455vw,28px) auto 0;
    max-width: 750px;
    padding: 0 0 min(3.8961038961vw,24px);
    position: relative
}

@media screen and (max-width: 768px) {
    .scroll-ranking[data-v-e81021fc]:before {
        border-top:5px solid #00a870;
        content: "";
        display: block;
        height: 0;
        margin: 0 min(1.2987012987vw,8px) 0 0;
        width: auto
    }

    .scroll-ranking.is-no-border[data-v-e81021fc]:before {
        display: none
    }
}

@media screen and (max-width: 798px) {
    .scroll-ranking[data-v-e81021fc] {
        margin:min(4.5454545455vw,28px) 0 0 min(1.2987012987vw,8px)
    }
}

.scroll-ranking.is-short[data-v-e81021fc] {
    margin-top: 0
}

@media screen and (max-width: 768px) {
    .scroll-ranking.is-short[data-v-e81021fc] {
        margin-top:0
    }
}

.scroll-ranking__caution[data-v-e81021fc] {
    color: #333;
    font-size: clamp(9px,1.9480519481vw,12px);
    margin-right: min(1.2987012987vw,8px);
    text-align: left
}

.scroll-wrapper[data-v-e81021fc] {
    overflow-x: scroll;
    overflow-y: auto;
    padding: 0 0 min(3.8961038961vw,24px);
    width: 100%
}

.scroll-wrapper.is-short[data-v-e81021fc] {
    padding: 0
}

.scroll-wrapper.is-padding[data-v-e81021fc] {
    padding-top: 20px
}

.white-gradiation[data-v-e81021fc] {
    background-image: linear-gradient(90deg,#fff0,#fffc);
    position: absolute;
    right: 0;
    width: 48px;
    z-index: 100
}

.white-gradiation--yellow[data-v-e81021fc] {
    background-image: linear-gradient(90deg,#fefadc00,#fefadccc)
}

.scroll-ranking-table[data-v-e81021fc] {
    margin: 16px 0 0;
    position: relative;
    table-layout: fixed;
    width: 100%
}

.scroll-ranking-table--yellow[data-v-e81021fc] {
    margin: 4px 0 0
}

.scroll-ranking-table--yellow td[data-v-e81021fc] {
    background-color: #fff!important
}

.scroll-ranking-table--yellow .blank[data-v-e81021fc],.scroll-ranking-table--yellow tbody .buttons td[data-v-e81021fc] {
    background-color: #fefadd!important
}

.scroll-ranking-table th img[data-v-e81021fc] {
    max-width: 100%
}

.scroll-ranking-table td[data-v-e81021fc] {
    min-width: min(19.4805194805vw,120px);
    width: min(19.4805194805vw,120px)
}

@media screen and (max-width: 768px) {
    .scroll-ranking-table tr.is-font-13 th[data-v-e81021fc]:not(.blank) {
        font-size:13px
    }
}

.scroll-ranking-table td.blank-padding[data-v-e81021fc] {
    background: transparent!important;
    min-width: min(7.7922077922vw,48px);
    width: min(7.7922077922vw,48px)
}

.scroll-ranking-table thead th[data-v-e81021fc] {
    line-height: 1.2;
    position: relative;
    vertical-align: top;
    width: min(19.4805194805vw,120px)
}

.scroll-ranking-table thead th div[data-v-e81021fc] {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-start;
    line-height: 1.2;
    padding: 0 min(1.2987012987vw,8px) min(2.5974025974vw,16px) 0
}

.scroll-ranking-table thead th img[data-v-e81021fc] {
    height: auto;
    margin: 0 0 min(.6493506494vw,4px);
    width: min(5.1948051948vw,32px)
}

.scroll-ranking-table thead th a[data-v-e81021fc] {
    color: #2e5cd4;
    display: block;
    font-size: min(2.9220779221vw,18px);
    font-weight: 700;
    line-height: 1.1;
    text-decoration: underline;
    width: 100%
}

.scroll-ranking-table thead th a img[data-v-e81021fc] {
    height: min(17.0454545455vw,105px);
    max-width: unset;
    width: auto
}

.scroll-ranking-table thead th .badge[data-v-e81021fc] {
    align-items: center;
    animation: floatY-e81021fc 2.5s ease-in-out infinite;
    display: flex;
    flex-direction: column;
    height: auto;
    justify-content: center;
    left: calc(50% - 2.3em);
    padding: 0;
    position: absolute;
    top: -21px
}

@media screen and (max-width: 768px) {
    .scroll-ranking-table thead th .badge[data-v-e81021fc] {
        left:calc(50% - 2.1em)
    }
}

.scroll-ranking-table thead th .badge .badge-padding[data-v-e81021fc] {
    padding-top: 28px!important
}

.scroll-ranking-table thead th .badge .badge-label[data-v-e81021fc] {
    background-color: red;
    border-radius: 4px;
    color: #fff;
    display: flex;
    font-size: 10px;
    font-weight: 400;
    padding: 2px 4px
}

.scroll-ranking-table thead th .badge .badge-label .yellow-text[data-v-e81021fc] {
    color: #ff0
}

.scroll-ranking-table thead th .badge .badge-arrow[data-v-e81021fc] {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid red;
    height: 0;
    padding: 0;
    width: 0
}

@keyframes floatY-e81021fc {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-4px)
    }

    to {
        transform: translateY(0)
    }
}

.scroll-ranking-table thead th .pr[data-v-e81021fc] {
    font-size: min(2.4350649351vw,15px)
}

.scroll-ranking-table thead th .txt[data-v-e81021fc] {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 1.3;
    margin: 0;
    min-height: 1em;
    padding: 0
}

.scroll-ranking-table thead th img.banner[data-v-e81021fc] {
    height: min(12.987012987vw,80px);
    max-width: unset;
    width: auto
}

.scroll-ranking-table thead th.blank[data-v-e81021fc] {
    background: #fff;
    left: 0;
    position: sticky;
    width: min(14.6103896104vw,90px)
}

@media screen and (max-width: 768px) {
    .scroll-ranking-table thead th.blank[data-v-e81021fc] {
        width:min(12.987012987vw,80px)
    }
}

.scroll-ranking-table tbody th div[data-v-e81021fc] {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: min(16.2337662338vw,100px);
    padding: 0
}

.scroll-ranking-table tbody th[data-v-e81021fc]:not(.blank) {
    background: #00a870;
    border-radius: 10px 0 0 10px;
    color: #fff;
    font-size: min(3.8961038961vw,24px);
    line-height: 1.2;
    padding: 0
}

.scroll-ranking-table tbody th[data-v-e81021fc] {
    left: 0;
    position: sticky
}

.scroll-ranking-table tbody td[data-v-e81021fc]:not(.blank) {
    background: #f3f3f3;
    color: #2e5cd4;
    font-size: min(3.2467532468vw,20px);
    font-weight: 700;
    line-height: 1.2;
    padding: 0 min(.6493506494vw,4px);
    text-align: center
}

.scroll-ranking-table tbody td.blank[data-v-e81021fc] {
    left: 0;
    position: sticky
}

.scroll-ranking-table tbody .buttons td[data-v-e81021fc] {
    background: #fff
}

.scroll-ranking-table tbody td.yellow[data-v-e81021fc] {
    background: #fffada
}

.scroll-ranking-table tbody td.double-circle[data-v-e81021fc] {
    background-image: url(../img/bg/bg_double-circle.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto 60%
}

.scroll-ranking-table tbody td.single-circle[data-v-e81021fc] {
    background-image: url(../img/bg/bg_single-circle.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto 60%
}

.scroll-ranking-table tbody td.triangle[data-v-e81021fc] {
    background-image: url(../img/bg/bg_triangle.webp)
}

.scroll-ranking-table tbody td.bad[data-v-e81021fc],.scroll-ranking-table tbody td.triangle[data-v-e81021fc] {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto 60%
}

.scroll-ranking-table tbody td.bad[data-v-e81021fc] {
    background-image: url(../img/bg/bg_bad.webp)
}

.scroll-ranking-table tbody.is-green th[data-v-e81021fc]:not(.blank) {
    background-color: #00a870
}

.scroll-ranking-table tbody.is-green td[data-v-e81021fc]:not(.blank) {
    color: #333
}

.scroll-ranking-table tbody.is-button-red .scroll-ranking-table__link[data-v-e81021fc] {
    background: #ff0036;
    box-shadow: 0 4px #b90027;
    line-height: 1.3
}

.scroll-ranking-table tbody.is-button-red .scroll-ranking-table__link img[data-v-e81021fc] {
    height: 20px;
    width: 20px
}

@media screen and (max-width: 768px) {
    .scroll-ranking-table tbody.is-button-red .scroll-ranking-table__link img[data-v-e81021fc] {
        height:12px;
        width: 12px
    }
}

.scroll-ranking-table__thead-img[data-v-e81021fc] {
    color: #2e5cd4;
    display: block;
    font-size: min(2.9220779221vw,18px);
    font-weight: 700;
    line-height: 1.1;
    padding: 0!important;
    text-decoration: underline;
    width: 100%
}

.scroll-ranking-table__thead-img__img[data-v-e81021fc] {
    height: min(12.987012987vw,80px);
    max-width: unset;
    width: auto!important
}

.scroll-ranking-table__link[data-v-e81021fc] {
    background: #ff0036;
    border-radius: 10px;
    box-shadow: 0 4px #b90027;
    color: #fff;
    display: block;
    font-size: min(3.2467532468vw,20px);
    font-weight: 700;
    line-height: 1;
    margin: min(2.5974025974vw,16px) 0;
    padding: min(2.5974025974vw,16px) min(1.2987012987vw,8px)
}

.scroll-ranking-table__link__small[data-v-e81021fc] {
    font-size: 10px
}


.is-blue .ranking-title__top-block[data-v-7daf8023] {
    border-color: #245bc9;
    font-weight: 700
}

.is-blue .ranking-title__top-block .green[data-v-7daf8023] {
    color: #245bc9
}

.is-blue .ranking-title__middle-block .bg-green[data-v-7daf8023] {
    background-color: #245bc9
}

.is-black .ranking-title__top-block[data-v-7daf8023] {
    border-color: #ff5c00;
    font-weight: 700
}

.is-black .ranking-title__top-block .green[data-v-7daf8023] {
    color: #ff5c00
}

.is-black .ranking-title__middle-block .bg-green[data-v-7daf8023] {
    background-color: #333
}

.is-light-blue .ranking-title[data-v-7daf8023] {
    margin: 24px auto 16px
}

.is-light-blue .ranking-title__top-block[data-v-7daf8023] {
    border-color: #0d95cc;
    font-weight: 700
}

.is-light-blue .ranking-title__top-block .green[data-v-7daf8023] {
    color: #0d95cc
}

.is-light-blue .ranking-title__middle-block .bg-green[data-v-7daf8023] {
    background-color: #333
}

.is-light-blue .ranking-title__bottom-block[data-v-7daf8023] {
    color: #0d95cc
}

.is-blue-black .ranking-title[data-v-7daf8023] {
    margin: 24px auto 16px
}

.is-blue-black .ranking-title__top-block[data-v-7daf8023] {
    border-color: #016cd7;
    font-weight: 700
}

.is-blue-black .ranking-title__top-block .green[data-v-7daf8023] {
    color: #016cd7
}

.is-blue-black .ranking-title__middle-block .bg-green[data-v-7daf8023] {
    background-color: #333
}

.is-blue-black .ranking-title__bottom-block[data-v-7daf8023] {
    color: #016cd7
}

.is-gold .ranking-title__top-block[data-v-7daf8023] {
    align-items: center;
    background: linear-gradient(103.93deg,#a88300 16.09%,#c19700 44.41%,#f1ca42 67.91%,#c19700 98.56%,#c19700 122.65%,#f1ca42 138.7%,#a88300 162.06%);
    border: 1px solid #fff;
    font-size: clamp(12px,2.5974025974vw,16px);
    font-weight: 700;
    padding: 3px 12px 5px
}

.is-gold .ranking-title__top-block .green[data-v-7daf8023] {
    color: #fff;
    margin: 0 2px 0 0
}

.is-gold .ranking-title__middle-block[data-v-7daf8023] {
    font-weight: 900
}

.is-gold .ranking-title__middle-block .bg-green[data-v-7daf8023] {
    background-color: #016cd7
}

.is-gold .ranking-title__bottom-block .txt-big[data-v-7daf8023] {
    background: linear-gradient(147.84deg,#a88300 21.17%,#c19700 35.92%,#f1ca42 48.17%,#c19700 64.14%,#c19700 76.69%,#f1ca42 85.06%,#a88300 97.23%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text
}

.is-gold .ranking-title__bottom-block .keyword[data-v-7daf8023],.is-gold .ranking-title__bottom-block .txt-small[data-v-7daf8023] {
    background: linear-gradient(118.9deg,#a88300 9.09%,#c19700 23.37%,#f1ca42 35.23%,#c19700 50.69%,#c19700 62.84%,#f1ca42 70.94%,#a88300 82.72%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 900
}

.ranking-title[data-v-7daf8023] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto 8px;
    max-width: 480px;
    padding: 20px 10px 0;
    width: 98%
}

@media screen and (max-width: 768px) {
    .ranking-title[data-v-7daf8023] {
        width: 100%
    }
}

.ranking-title__top-block[data-v-7daf8023] {
    align-items: flex-end;
    background: #fff;
    border: 2px solid #00a870;
    border-radius: 50px;
    display: inline-flex;
    font-size: clamp(11px,2.5974025974vw,16px);
    font-weight: 400;
    justify-content: center;
    line-height: 1;
    margin: 0 0 12px;
    padding: 0 12px 5px
}

@media screen and (max-width: 768px) {
    .ranking-title__top-block[data-v-7daf8023] {
        margin:0 0 8px
    }
    .ranking-title[data-v-7daf8023] img {
        width: inherit;
    }
}

.ranking-title__top-block--b[data-v-7daf8023] {
    align-items: center;
    padding: 3px 12px
}

.ranking-title__top-block .green[data-v-7daf8023] {
    color: #00a870;
    font-weight: 700
}

.ranking-title__top-block .txt-big[data-v-7daf8023] {
    font-size: clamp(16px,3.4090909091vw,21px)
}

.ranking-title__middle-block[data-v-7daf8023] {
    font-size: clamp(17px,3.8961038961vw,24px);
    font-weight: 700
}

.ranking-title__middle-block .bg-green[data-v-7daf8023] {
    background: #00a870;
    border-radius: 3px;
    color: #fff;
    margin: 0 4px 0 0;
    padding: 0 4px
}

.ranking-title__middle-block .txt-small[data-v-7daf8023] {
    font-size: clamp(12px,3.2467532468vw,20px)
}

.ranking-title__middle-block .txt-medium[data-v-7daf8023] {
    font-size: clamp(14px,3.5714285714vw,22px)
}

.ranking-title__bottom-block[data-v-7daf8023] {
    color: #fd6b01;
    font-size: clamp(33px,6.8181818182vw,42px);
    font-weight: 900;
    line-height: 1;
    margin: 0 0 12px
}

.ranking-title__bottom-block--c[data-v-7daf8023] {
    font-size: clamp(33px,6.9805194805vw,43px);
    margin: 12px 0
}

.ranking-title__bottom-block .txt-big[data-v-7daf8023] {
    font-size: clamp(45px,8.4415584416vw,52px)
}

.ranking-title__bottom-block .txt-small[data-v-7daf8023] {
    font-size: clamp(21px,4.5454545455vw,28px);
    font-weight: 700
}

.is-green .ranking-title[data-v-7daf8023] {
    background: url(../img/decorations/img_ranking_left_hinshitsu_gray.webp) no-repeat 0 100%,url(../img/decorations/img_ranking_right_hinshitsu_gray.webp) no-repeat 100% 100%,url(../img/decorations/img_kirakira_left_tmk.svg) no-repeat 20% 15%,url(../img/decorations/img_kirakira_right_tmk.svg) no-repeat 80% 15%;
    background-size: auto 85%,auto 85%,13% auto,13% auto
}

.is-green .ranking-title__top-block[data-v-7daf8023] {
    border-color: #339646
}

.is-green .ranking-title__top-block .green[data-v-7daf8023],.is-green .ranking-title__top-block .is-green[data-v-7daf8023] {
    color: #339646
}

.is-green .ranking-title__middle-block .bg-green[data-v-7daf8023] {
    background: #333
}

.is-green .ranking-title__bottom-block[data-v-7daf8023] {
    color: #339646
}


.red-caution[data-v-11088685] {
    align-items: center;
    border-bottom: 1px solid #df564f;
    color: #df564f;
    display: flex;
    font-size: clamp(12px,3.8961038961vw,24px);
    justify-content: center;
    line-height: 1.9;
    margin: 0 8px 16px;
    text-align: center
}

.red-caution.is-blue-black[data-v-11088685],.red-caution.is-gold[data-v-11088685],.red-caution.is-light-blue[data-v-11088685] {
    border-bottom: 1px solid red;
    color: red
}

.red-caution.is-gold[data-v-11088685] {
    font-size: clamp(15px,4.5454545455vw,28px)
}

.red-caution__img[data-v-11088685] {
    margin: 0 8px 0 0
}

.red-caution-list[data-v-11088685] {
    height: 3em;
    list-style: none;
    margin: 0 8px;
    overflow: hidden;
    position: relative;
    transition: all .4s ease-out
}

.red-caution-list[data-v-11088685]:after {
    background: linear-gradient(180deg,#fefadc00,#fefadd);
    bottom: 0;
    content: "";
    height: 3em;
    left: 0;
    position: absolute;
    width: 100%
}

.red-caution-list.is-black[data-v-11088685]:after,.red-caution-list.is-blue-black[data-v-11088685]:after,.red-caution-list.is-blue[data-v-11088685]:after,.red-caution-list.is-green[data-v-11088685]:after,.red-caution-list.is-light-blue[data-v-11088685]:after {
    background: linear-gradient(180deg,#fff0,#fff)
}

.red-caution-list.is-black--no-expand[data-v-11088685]:after,.red-caution-list.is-black.is-show[data-v-11088685]:after,.red-caution-list.is-blue--no-expand[data-v-11088685]:after,.red-caution-list.is-blue-black--no-expand[data-v-11088685]:after,.red-caution-list.is-blue-black.is-show[data-v-11088685]:after,.red-caution-list.is-blue.is-show[data-v-11088685]:after,.red-caution-list.is-green--no-expand[data-v-11088685]:after,.red-caution-list.is-green.is-show[data-v-11088685]:after,.red-caution-list.is-light-blue--no-expand[data-v-11088685]:after,.red-caution-list.is-light-blue.is-show[data-v-11088685]:after {
    background: none
}

.red-caution-list.is-gold[data-v-11088685]:after {
    background: linear-gradient(180deg,#fffef500,#fffef5)
}

.red-caution-list--no-expand[data-v-11088685],.red-caution-list.is-show[data-v-11088685] {
    height: auto;
    margin: 0 8px 16px
}

.red-caution-list--no-expand[data-v-11088685]:after,.red-caution-list.is-show[data-v-11088685]:after {
    background: linear-gradient(180deg,#fefadc00,#fefadc00)
}

.red-caution-list--no-expand .red-caution-list__item[data-v-11088685] {
    padding: 0
}

.red-caution-list__item[data-v-11088685] {
    font-size: clamp(9px,1.9480519481vw,12px);
    margin: 0 0 0 12px;
    padding: 0 0 0 4px;
    position: relative
}

@media screen and (max-width: 768px) {
    .red-caution-list__item[data-v-11088685] {
        margin:0 0 0 15px;
        font-size: 3.5vw;
    }
}

.red-caution-list__item[data-v-11088685]:before {
    content: "※";
    left: -1em;
    position: absolute;
    top: 0
}

.expand-button[data-v-11088685] {
  align-items: center;
  background: #2e5cd4;
  border: none;
  border-radius: 50px;
  box-shadow: 0 4px #3e424c33;
  color: #fff;
  display: flex;
  font-size: clamp(14px,2.5974025974vw,16px);
  font-weight: 700;
  justify-content: center;
  letter-spacing: 1px;
  line-height: 1;
  margin: 8px auto 16px;
  max-width: 305px;
  padding: 12px 40px 12px 16px;
  position: relative;
  text-align: center;
  width: 90%;
  cursor: pointer;
}

.expand-button.is-green[data-v-11088685] {
    background: #bbb
}

.expand-button__icon[data-v-11088685] {
    position: absolute;
    right: 24px;
    transform: rotate(90deg);
    width: 12px
}

.expand-button__icon.is-open[data-v-11088685] {
    transform: rotate(270deg)
}


.main[data-v-f42e081b] {
    grid-area: 2/2/3/3;
    min-width: 375px
}

@media screen and (max-width: 1068px) {
    .main[data-v-f42e081b] {
        grid-area:2/2/3/3
    }
}


.title-flex[data-v-296bd5b5] {
    align-items: center;
    display: flex;
    justify-content: center
}

@media screen and (max-width: 768px) {
    .title-flex .title-list[data-v-296bd5b5] {
        margin-left:24px
    }
}

.title-flex img[data-v-296bd5b5] {
    margin: 0 0 0 40px;
    max-height: 150px;
    width: auto
}

@media screen and (max-width: 768px) {
    .title-flex img[data-v-296bd5b5] {
        margin:0;
        max-height: 100px
    }
}

p+.faq-sub-section[data-v-296bd5b5] {
    border-top: 1px solid #e0e0e0
}

.faq-sub-section[data-v-296bd5b5] {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.faq-sub-section__title[data-v-296bd5b5] {
    align-items: flex-start;
    color: #fd6b01;
    display: flex;
    flex-direction: column;
    font-size: clamp(16px,3.4090909091vw,21px);
    justify-content: flex-start
}

.faq-sub-section__title__green[data-v-296bd5b5] {
    background: #00a870;
    color: #fff;
    font-size: clamp(14px,2.5974025974vw,16px);
    margin: 0 0 8px;
    padding: 0 4px
}

.faq-sub-section img[data-v-296bd5b5] {
    height: auto;
    margin: 8px 0 0 8px;
    max-width: 150px
}

@media screen and (max-width: 768px) {
    .faq-sub-section img[data-v-296bd5b5] {
        max-width:100px
    }
}

.bg-yellow[data-v-4f53b431] {
    background: #fefadd;
    margin: 32px 0 0;
    padding: 24px 16px 1px
}

@media screen and (max-width: 768px) {
    .bg-yellow[data-v-4f53b431] {
        margin:0;
        padding: 16px 0 1px
    }
}

.filter[data-v-4f53b431] {
    border: 5px solid #00a870;
    border-radius: 10px;
    box-sizing: border-box;
    margin: 32px auto;
    max-width: 768px;
    text-align: center
}

@media screen and (max-width: 768px) {
    .filter[data-v-4f53b431] {
        margin:24px 8px
    }
}

.filter__title[data-v-4f53b431] {
    align-items: center;
    background: #00a870;
    color: #fff;
    display: flex;
    font-size: min(3.8961038961vw,24px);
    justify-content: center;
    line-height: 1.3;
    margin: 0;
    padding: min(3.8961038961vw,24px);
    position: relative
}

.filter__title br[data-v-4f53b431] {
    display: none
}

.filter__button[data-v-4f53b431],.filter__title picture[data-v-4f53b431] {
    align-items: center;
    display: flex
}

.filter__button[data-v-4f53b431] {
    background: #00a870;
    border: none;
    border-radius: 100px;
    box-shadow: 0 4px #287d35;
    color: #fff;
    font-size: clamp(14px,2.5974025974vw,16px);
    font-weight: 700;
    justify-content: center;
    margin: 0 auto 32px;
    min-width: 330px;
    padding: 16px
}

@media screen and (max-width: 768px) {
    .filter__button[data-v-4f53b431] {
        margin:0 auto 16px;
        min-width: 300px
    }
}

.filter__button .txt[data-v-4f53b431] {
    margin: 0 8px
}

.filter__button .loading[data-v-4f53b431] {
    width: 32px
}

.filter__button[data-v-4f53b431] {
    backface-visibility: hidden;
    transition: all .1s ease-out
}

.filter__button[data-v-4f53b431]:hover {
    cursor: pointer;
    opacity: .8
}

@media screen and (max-width: 768px) {
    .filter__button[data-v-4f53b431]:hover {
        opacity:1
    }
}

.filter__item[data-v-4f53b431] {
    padding: 16px 16px 24px
}

@media screen and (max-width: 768px) {
    .filter__item[data-v-4f53b431] {
        padding:0 8px 16px
    }
}

.filter__item__radio-wrap[data-v-4f53b431] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
    width: calc(100% - 100px)
}

@media screen and (max-width: 768px) {
    .filter__item__radio-wrap[data-v-4f53b431] {
        margin:auto;
        width: 100%
    }
}

.filter__item__radio[data-v-4f53b431] {
    align-items: center;
    background: #fff;
    border: 2px solid #00a870;
    border-radius: min(1.461038961vw,9px);
    box-shadow: 0 1px 3px #00000040;
    box-sizing: border-box;
    color: #000;
    display: flex;
    flex-basis: calc(33.33333% - 10.66667px);
    flex-direction: column;
    font-size: clamp(12px,2.2727272727vw,14px);
    font-weight: 700;
    justify-content: center;
    margin: 16px 0 0;
    min-height: 67px;
    padding: 8px 12px;
    position: relative;
    text-align: center;
    transition: all .1s ease-out;
    width: 48%
}

@media screen and (max-width: 768px) {
    .filter__item__radio[data-v-4f53b431] {
        box-shadow:0 0 1.6233766234vw #00000059;
        min-height: 60px;
        padding: 4px 10px 4px 2px
    }
}

.filter__item__radio__small[data-v-4f53b431] {
    font-size: clamp(10px,1.9480519481vw,12px)
}

.filter__item__radio[data-v-4f53b431]:hover {
    cursor: pointer;
    opacity: .8
}

.filter__item__radio[data-v-4f53b431]:has(input:checked) {
    background: #bce6d8
}

.filter__item__radio[data-v-4f53b431]:after {
    border-right: 3px solid #00a870;
    border-top: 3px solid #00a870;
    content: "";
    display: block;
    height: 8px;
    position: absolute;
    right: 16px;
    top: calc(50% - 4px);
    transform: rotate(45deg);
    width: 8px
}

@media screen and (max-width: 768px) {
    .filter__item__radio[data-v-4f53b431]:after {
        height:4px;
        right: 8px;
        top: calc(50% - 2px);
        width: 4px
    }
}

.filter__item__radio input[data-v-4f53b431] {
    display: none
}



.bg-black[data-v-0f77ed19] {
    background: #11212e;
    display: block;
    height: 100%;
    left: 0;
    margin: 0 auto;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    transition: opacity .2s ease-out;
    width: 100%;
    z-index: 50
}

.bg-black.is-show[data-v-0f77ed19] {
    opacity: 1
}

.search[data-v-71980123] {
    border: 5px solid #00a870;
    border-radius: 10px;
    box-sizing: border-box;
    margin: min(5.1948051948vw,32px) auto;
    max-width: 768px;
    text-align: center
}

@media screen and (max-width: 768px) {
    .search[data-v-71980123] {
        border:none;
        margin: 0 auto
    }
}

.search.is-in-modal[data-v-71980123] {
    border: none;
    margin: 0
}

.search__title[data-v-71980123] {
    align-items: center;
    background: #00a870;
    color: #fff;
    display: flex;
    font-size: min(3.8961038961vw,24px);
    justify-content: center;
    line-height: 1.3;
    margin: 0;
    padding: min(3.8961038961vw,24px);
    position: relative
}

.search__title br[data-v-71980123] {
    display: none
}

.search__title picture[data-v-71980123] {
    align-items: center;
    display: flex
}

.search__title img[data-v-71980123] {
    height: auto;
    margin: 0 min(2.5974025974vw,16px) 0 0;
    max-width: 50px
}

@media screen and (max-width: 768px) {
    .search__title[data-v-71980123] {
        background-color:#00a870;
        border-bottom: 3px solid #00a870;
        color: #ffffff;
        font-size: min(5.1948051948vw,32px);
        margin: min(4.5454545455vw,28px) min(4.5454545455vw,28px) 0;
        padding: 15px
    }

    .search__title br[data-v-71980123] {
        display: inline-block
    }

    .search__title img[data-v-71980123] {
        margin: 0 min(3.8961038961vw,24px) 0 0;
        max-width: 16.2337662338vw
    }
}

.search__item[data-v-71980123] {
    padding: min(4.5454545455vw,28px) min(4.5454545455vw,28px) 0
}

.search__item__title[data-v-71980123] {
    align-items: center;
    display: flex;
    font-size: min(2.9220779221vw,18px);
    font-weight: 700;
    justify-content: flex-start;
    margin: 0 0 min(2.5974025974vw,16px)
}

@media screen and (max-width: 768px) {
    .search__item__title[data-v-71980123] {
        font-size:max(2.5974025974vw,16px)
    }
}

.search__item__title img[data-v-71980123] {
    height: auto;
    margin: 0 min(1.9480519481vw,12px) 0 0;
    max-width: 88px;
    width: 16.2337662338vw
}

.search__item__radio-wrap[data-v-71980123] {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    width: calc(100% - 100px)
}

@media screen and (max-width: 768px) {
    .search__item__radio-wrap[data-v-71980123] {
        margin:auto;
        width: 100%
    }
}

.search__item__radio[data-v-71980123] {
    background: #fff;
    border: 2px solid #fff;
    border-radius: min(1.461038961vw,9px);
    box-shadow: 0 0 .6493506494vw #00000059;
    box-sizing: border-box;
    color: #838383;
    font-size: min(2.9220779221vw,18px);
    font-weight: 700;
    padding: min(1.9480519481vw,12px) min(3.8961038961vw,24px);
    text-align: center;
    transition: all .1s ease-out;
    width: 48%
}

.search__item__radio[data-v-71980123]:hover {
    border: 2px solid #00a870;
    cursor: pointer;
    opacity: .8
}

@media screen and (max-width: 768px) {
    .search__item__radio[data-v-71980123] {
        box-shadow:0 0 1.6233766234vw #00000059;
        font-size: max(2.5974025974vw,16px)
    }
}

.search__item__radio[data-v-71980123]:has(input:checked) {
    background: #00a870;
    border-color: #00a870;
    color: #fff
}

.search__item__radio input[data-v-71980123] {
    display: none
}

.search__item__select[data-v-71980123] {
    align-items: center;
    background: #fff;
    border: 2px solid #fff;
    border-radius: min(1.461038961vw,9px);
    box-shadow: 0 0 .6493506494vw #00000059;
    box-sizing: border-box;
    color: #838383;
    display: flex;
    font-size: min(3.2467532468vw,20px);
    font-weight: 700;
    justify-content: space-between;
    margin: min(3.2467532468vw,20px) auto 0;
    padding: min(2.5974025974vw,16px);
    text-align: center;
    transition: all .1s ease-out;
    width: calc(100% - 100px)
}

.search__item__select[data-v-71980123]:hover {
    border: 2px solid #00a870;
    cursor: pointer;
    opacity: .8
}

@media screen and (max-width: 768px) {
    .search__item__select[data-v-71980123] {
        box-shadow:0 0 1.6233766234vw #00000059;
        font-size: max(2.5974025974vw,16px);
        padding: min(3.8961038961vw,24px);
        width: 100%
    }
}

.search__item__select.is-next[data-v-71980123] {
    animation: change-color-71980123 2s ease 0s infinite normal
}

.search__item__select__title[data-v-71980123] {
    font-size: min(2.9220779221vw,18px)
}

@media screen and (max-width: 768px) {
    .search__item__select__title[data-v-71980123] {
        font-size:3.8vw
    }
}

.search__item__select__txt[data-v-71980123] {
    align-items: center;
    display: flex;
    font-size: min(2.9220779221vw,18px)
}

@media screen and (max-width: 768px) {
    .search__item__select__txt[data-v-71980123] {
        font-size:3.8vw
    }
}

.search__item__select__txt__arrow[data-v-71980123] {
    align-items: center;
    display: inline-flex;
    height: auto;
    margin: 0 0 0 min(1.2987012987vw,8px)
}

.search__item__select__txt__arrow img[data-v-71980123] {
    height: auto;
    max-width: 22px;
    width: 3.5714285714vw
}

.search__item__select__txt .is-selected[data-v-71980123] {
    color: #ff0036
}

.select-option-wrap[data-v-71980123] {
    position: relative
}

.select-option[data-v-71980123] {
    align-items: flex-start;
    background: #fff;
    border-radius: min(1.461038961vw,9px);
    box-shadow: 0 0 .6493506494vw #00000059;
    box-sizing: border-box;
    color: #838383;
    display: none;
    flex-direction: column;
    font-size: min(3.2467532468vw,20px);
    font-weight: 700;
    left: 50px;
    margin: min(4.5454545455vw,28px) 0 0 auto;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 30px;
    width: calc(100% - 100px);
    z-index: 400
}

.select-option.is-show[data-v-71980123] {
    display: flex
}

.select-option__label[data-v-71980123] {
    backface-visibility: hidden;
    display: block;
    padding: 8px 16px;
    text-align: left;
    transition: all .1s ease-out;
    width: 100%
}

.select-option__label[data-v-71980123]:hover {
    cursor: pointer;
    opacity: .8
}

@media screen and (max-width: 768px) {
    .select-option__label[data-v-71980123]:hover {
        opacity:1
    }
}

.select-option__label[data-v-71980123]:not(:last-child) {
    border-bottom: 1px solid #e0e0e0
}

.select-option__label[data-v-71980123]:hover {
    background: #f8f8f8
}

.select-option__label input[data-v-71980123] {
    display: none
}

@keyframes change-color-71980123 {
    0% {
        border-color: #fff
    }

    50% {
        border-color: #00a870
    }

    to {
        border-color: #fff
    }
}

#search-error[data-v-71980123] {
    display: none
}

#search-error.is-show[data-v-71980123] {
    color: #f14948;
    display: block;
    font-size: min(2.9220779221vw,18px);
    margin: min(3.8961038961vw,24px) 0 0;
    text-align: center
}

.search-button[data-v-71980123] {
    backface-visibility: hidden;
    background: #00a870;
    border: none;
    border-radius: 100px;
    color: #fff;
    font-size: min(4.5454545455vw,28px);
    font-weight: 700;
    margin: min(3.8961038961vw,24px) auto;
    max-width: 340px;
    padding: min(2.5974025974vw,16px);
    transition: all .1s ease-out;
    width: 94%
}

.search-button[data-v-71980123]:hover {
    cursor: pointer;
    opacity: .8
}

@media screen and (max-width: 768px) {
    .search-button[data-v-71980123]:hover {
        opacity:1
    }

    .search-button[data-v-71980123] {
        font-size: min(5.8441558442vw,36px);
        margin: min(3.8961038961vw,24px) auto;
        max-width: unset;
        padding: min(4.5454545455vw,28px)
    }
}

.modal[data-v-71980123] {
    align-items: center;
    background: #00000082;
    display: none;
    flex-wrap: wrap;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    text-align: right;
    top: 0;
    width: 100%;
    z-index: 1000
}

.modal.is-show[data-v-71980123] {
    display: flex
}

.modal__button-close[data-v-71980123] {
    backface-visibility: hidden;
    background: none;
    border: none;
    margin: 0 0 0 auto;
    outline: none;
    transition: all .1s ease-out
}

.modal__button-close[data-v-71980123]:hover {
    cursor: pointer;
    opacity: .8
}

@media screen and (max-width: 768px) {
    .modal__button-close[data-v-71980123]:hover {
        opacity:1
    }
}

.modal__button-close img[data-v-71980123] {
    max-width: 34px;
    width: 5.5194805195vw
}

.modal__title[data-v-71980123] {
    border: none;
    color: #838383;
    font-size: min(4.5454545455vw,28px);
    font-weight: 700;
    margin: 0 0 min(4.5454545455vw,28px);
    padding: 0;
    text-align: left
}

.modal__radio-wrap[data-v-71980123] {
    display: flex;
    flex-direction: column
}

.modal__radio[data-v-71980123] {
    backface-visibility: hidden;
    border: 1px solid #838383;
    border-radius: min(.8116883117vw,5px);
    color: #838383;
    font-size: min(3.8961038961vw,24px);
    font-weight: 700;
    margin: 0 0 min(3.8961038961vw,24px);
    padding: min(1.9480519481vw,12px) 0;
    text-align: center;
    transition: all .1s ease-out;
    width: 100%
}

.modal__radio[data-v-71980123]:hover {
    cursor: pointer;
    opacity: .8
}

@media screen and (max-width: 768px) {
    .modal__radio[data-v-71980123]:hover {
        opacity:1
    }
}

.modal__radio input[data-v-71980123] {
    display: none
}

.modal__inner[data-v-71980123] {
    background: #fff;
    border-radius: min(1.6233766234vw,10px);
    display: none;
    max-height: 70vh;
    max-width: 768px;
    overflow-y: scroll;
    padding: min(4.5454545455vw,28px);
    position: relative;
    width: 80%
}

.modal__inner.is-show[data-v-71980123] {
    display: block
}


.bg-yellow[data-v-52a481ed] {
    background: #fefadd;
    margin: 32px 0 0;
    padding: 0 16px 24px;
    position: relative
}

@media screen and (max-width: 768px) {
    .bg-yellow[data-v-52a481ed] {
        margin:0;
        padding: 0 0 24px
    }
}

.bg-yellow--top-padding[data-v-52a481ed] {
    padding: 24px 16px
}

@media screen and (max-width: 768px) {
    .bg-yellow--top-padding[data-v-52a481ed] {
        padding:24px 0
    }
}

.bg-yellow--no-padding[data-v-52a481ed] {
    padding: 0
}

@media screen and (max-width: 768px) {
    .bg-yellow--no-padding[data-v-52a481ed] {
        margin:0;
        padding: 0
    }
}

.mycontent.is-fv-short .mini-search-button[data-v-52a481ed] {
    margin: 8px;
    padding: 8px 16px
}

.selection-txt[data-v-52a481ed] {
    font-size: clamp(16px,3.8961038961vw,24px);
    font-weight: 700;
    margin: -16px 0 clamp(16px,3.8961038961vw,24px);
    text-align: center
}

.selection-txt__orange[data-v-52a481ed] {
    color: #fc6b01
}

.selection-txt__underline[data-v-52a481ed] {
    background-image: linear-gradient(0deg,#ffd200,#ffd200 30%,transparent 0);
    position: relative
}

.select-top-code[data-v-52a481ed] {
    align-items: center;
    background: url(../img/fv/fv_background_10.webp) no-repeat 50%;
    background-size: cover;
    display: flex;
    flex-direction: column;
    margin: 0;
    position: relative;
    width: 100%
}

@media screen and (max-width: 600px) {
    .select-top-code[data-v-52a481ed] {
        background:none
    }
}

.select-top-code__countdown[data-v-52a481ed] {
    bottom: -20px;
    position: absolute;
    z-index: 10
}

@media screen and (max-width: 768px) {
    .select-top-code__countdown[data-v-52a481ed] {
        bottom:-16px;
        width: 100%
    }
}

.select-top-code__ribbon[data-v-52a481ed] {
    background: #ffd200;
    box-sizing: border-box;
    color: #333;
    display: block;
    font-size: clamp(13px,2.9220779221vw,18px);
    font-weight: 700;
    padding: 4px 16px;
    text-align: center;
    width: 100%
}

.select-top-code__wrap[data-v-52a481ed] {
    align-items: flex-start;
    background: url(../img/fv/fv_woman.webp) no-repeat 100%;
    background-size: contain;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-start;
    line-height: 1.3;
    margin: 0 auto;
    max-width: 600px;
    padding: 28px clamp(100px,32.4675324675vw,200px) 58px 0;
    width: 100%
}

@media screen and (max-width: 600px) {
    .select-top-code__wrap[data-v-52a481ed] {
        background:url(../img/fv/fv_background_11_sp.webp) no-repeat 100%;
        background-size: cover;
        padding: 18px clamp(100px,32.4675324675vw,200px) 38px 16px
    }
}

.select-top-code__top-white[data-v-52a481ed] {
    color: #fc6b01;
    font-size: clamp(22px,7.1428571429vw,44px);
    padding: 0 0 4px 12px;
    position: relative;
    text-shadow: .906323px 1.81265px 0 #fff
}

.select-top-code__top-white__small[data-v-52a481ed] {
    font-size: clamp(18px,5.8441558442vw,36px)
}

.select-top-code__top-white__box[data-v-52a481ed] {
    background: #fff;
    border-radius: 8px;
    color: #333;
    display: block;
    font-size: clamp(18px,4.2207792208vw,26px);
    padding: 2px 16px;
    position: absolute;
    right: -100px;
    text-shadow: none;
    top: 8px
}

@media screen and (max-width: 600px) {
    .select-top-code__top-white__box[data-v-52a481ed] {
        right:-80px;
        top: 0
    }
}

.select-top-code__top-white__box[data-v-52a481ed]:before {
    border: 8px solid transparent;
    border-bottom-color: #fff;
    bottom: 5px;
    content: "";
    display: block;
    left: -8px;
    position: absolute
}

.select-top-code__yellow[data-v-52a481ed] {
    font-size: clamp(22px,7.1428571429vw,44px);
    margin: 0 4px 0 0;
    position: relative;
    text-shadow: none
}

@media screen and (max-width: 600px) {
    .select-top-code__yellow[data-v-52a481ed] {
        margin:0 2px 0 0
    }
}

.select-top-code__yellow__1[data-v-52a481ed],.select-top-code__yellow__2[data-v-52a481ed] {
    align-items: center;
    background: #fffb24;
    border: 3px solid #d1fad8;
    border-radius: 50%;
    box-sizing: border-box;
    color: #008f5f;
    display: inline-flex;
    height: 1.7em;
    justify-content: center;
    padding: 0 0 6px;
    position: relative;
    width: 1.7em
}

.select-top-code__yellow__1[data-v-52a481ed] {
    margin: 0 -10px 0 0;
    z-index: 10
}

.select-top-code__under-white[data-v-52a481ed] {
    align-items: center;
    color: #00a870;
    display: flex;
    font-size: clamp(22px,7.1428571429vw,44px);
    position: relative;
    text-shadow: .906323px 1.81265px 0 #fff
}

.select-top-code__under-white__small[data-v-52a481ed] {
    font-size: clamp(18px,5.8441558442vw,36px);
    padding: .487012987vw 0 0
}

@media screen and (max-width: 600px) {
    .select-top-code__under-white__small[data-v-52a481ed] {
        padding:4px 0 0
    }
}

.select-top-code__under-white__dot[data-v-52a481ed] {
    position: relative
}

.select-top-code__under-white__dot[data-v-52a481ed]:before {
    content: "・・・";
    display: block;
    font-size: 22px;
    left: 10px;
    letter-spacing: 14px;
    position: absolute;
    text-align: center;
    text-shadow: none;
    top: -12px;
    width: 100%
}

@media screen and (max-width: 600px) {
    .select-top-code__under-white__dot[data-v-52a481ed]:before {
        font-size:12px;
        left: 8px;
        letter-spacing: 10px;
        top: -7px
    }
}

.go-to-top-button[data-v-52a481ed] {
    align-items: center;
    backface-visibility: hidden;
    background: #fc6b01 url(../img/icon_arrow_up.svg) no-repeat 95%;
    background-size: min(3.8961038961vw,24px);
    border: none;
    border-radius: 100px;
    box-shadow: 0 4px #fc6b016e;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    font-size: clamp(18px,3.8961038961vw,24px);
    font-weight: 700;
    justify-content: center;
    line-height: 1.1;
    margin: 64px auto 32px;
    min-height: 90px;
    padding: 8px 60px 8px 48px;
    position: relative;
    transition: all .1s ease-out
}

.go-to-top-button[data-v-52a481ed]:hover {
    cursor: pointer;
    opacity: .8
}

@media screen and (max-width: 768px) {
    .go-to-top-button[data-v-52a481ed]:hover {
        opacity:1
    }

    .go-to-top-button[data-v-52a481ed] {
        margin: 48px 8px 24px;
        min-height: 70px;
        padding: 8px 50px 8px 32px;
        width: calc(100% - 16px)
    }
}

.go-to-top-button__top-txt[data-v-52a481ed] {
    align-items: baseline;
    background: #fff;
    border: 2px solid #fc6b01;
    border-radius: 50px;
    box-shadow: 0 4px 4px #00000038;
    box-sizing: border-box;
    color: #fc6b01;
    display: flex;
    font-size: clamp(13px,2.5974025974vw,16px);
    font-weight: 700;
    justify-content: center;
    left: calc(50% - 150px);
    line-height: 1;
    padding: 8px 24px;
    position: absolute;
    top: -1.5rem;
    width: 300px
}

@media screen and (max-width: 768px) {
    .go-to-top-button__top-txt[data-v-52a481ed] {
        left:calc(50% - 125px);
        width: 250px
    }
}

.go-to-top-button__top-txt[data-v-52a481ed]:after,.go-to-top-button__top-txt[data-v-52a481ed]:before {
    content: "";
    display: block;
    height: 10px;
    position: absolute;
    transform: rotate(45deg);
    width: 10px
}

.go-to-top-button__top-txt[data-v-52a481ed]:before {
    background: #fc6b01;
    bottom: -5px
}

.go-to-top-button__top-txt[data-v-52a481ed]:after {
    background: #fff;
    bottom: -3px
}

.recommend-type[data-v-52a481ed] {
    padding: 16px 0 0;
    text-align: center
}

.recommend-type__title img[data-v-52a481ed] {
    height: auto;
    max-width: 600px;
    width: 100%
}

.recommend-type-buttons[data-v-52a481ed] {
    align-items: flex-end;
    border-bottom: 4px solid #00a870;
    display: flex;
    justify-content: space-between;
    margin: 40px 0 0;
    width: 100%
}

.recommend-type-buttons--b[data-v-52a481ed] {
    border-bottom: 4px solid #bbb
}

.recommend-type-buttons--b .recommend-type-buttons__item[data-v-52a481ed]:before {
    background: url(../img/decorations/arrow.gif) no-repeat top;
    background-size: contain;
    content: "";
    height: 40px;
    left: calc(50% - 20px);
    position: absolute;
    top: -30px;
    width: 40px
}

.recommend-type-buttons--b .recommend-type-buttons__item.is-current[data-v-52a481ed]:before {
    background: none;
    border: 12px solid transparent;
    border-top-color: #bbb;
    bottom: -24px;
    display: block;
    height: 0;
    left: calc(50% - 12px);
    top: unset;
    width: 0
}

.recommend-type-buttons__item[data-v-52a481ed] {
    backface-visibility: hidden;
    background: #00a870;
    border: 1px solid #fff;
    border-bottom: 0;
    border-radius: 8px 8px 0 0;
    color: #fff;
    flex-basis: 33.3%;
    font-weight: 700;
    padding: 12px 6px;
    position: relative;
    text-decoration: none;
    transition: all .1s ease-out
}

.recommend-type-buttons__item[data-v-52a481ed]:hover {
    cursor: pointer;
    opacity: .8
}

@media screen and (max-width: 768px) {
    .recommend-type-buttons__item[data-v-52a481ed]:hover {
        opacity:1
    }
}

.recommend-type-buttons__item[data-v-52a481ed]:before {
    background: url(../img/decorations/arrow.gif) no-repeat top;
    background-size: contain;
    content: "";
    height: 40px;
    left: calc(50% - 20px);
    position: absolute;
    top: -30px;
    width: 40px
}

.recommend-type-buttons__item.is-current[data-v-52a481ed] {
    background: #bbb;
    padding: 8px 6px
}

.recommend-type-buttons__item.is-current[data-v-52a481ed]:hover {
    cursor: default;
    opacity: 1
}

.recommend-type-buttons__item.is-current[data-v-52a481ed]:before {
    display: none
}

.recommend-type-buttons-type2[data-v-52a481ed] {
    align-items: flex-end;
    border-bottom: 4px solid #00a870;
    display: flex;
    justify-content: space-between;
    margin: 40px 0 0;
    width: 100%
}

.recommend-type-buttons-type2--b .recommend-type-buttons-type2__item[data-v-52a481ed]:before {
    background: url(../img/decorations/arrow.gif) no-repeat top;
    background-size: contain;
    content: "";
    height: 40px;
    left: calc(50% - 20px);
    position: absolute;
    top: -30px;
    width: 40px
}

.recommend-type-buttons-type2--b .recommend-type-buttons-type2__item.is-current[data-v-52a481ed]:before {
    background: none;
    border: 12px solid transparent;
    border-top-color: #00a870;
    bottom: -24px;
    display: block;
    height: 0;
    left: calc(50% - 12px);
    top: unset;
    width: 0
}

.recommend-type-buttons-type2__item[data-v-52a481ed] {
    background: #bbb;
    border: 1px solid #fff;
    border-bottom: 0;
    border-radius: 8px 8px 0 0;
    color: #fff;
    flex-basis: 33.3%;
    font-weight: 700;
    padding: 8px 6px;
    position: relative
}

.recommend-type-buttons-type2__item[data-v-52a481ed]:not(.is-current) {
    backface-visibility: hidden;
    transition: all .1s ease-out
}

.recommend-type-buttons-type2__item[data-v-52a481ed]:not(.is-current):hover {
    cursor: pointer;
    opacity: .8
}

@media screen and (max-width: 768px) {
    .recommend-type-buttons-type2__item[data-v-52a481ed]:not(.is-current):hover {
        opacity:1
    }
}

.recommend-type-buttons-type2__item.is-current[data-v-52a481ed] {
    background: #00a870;
    padding: 12px 6px;
    text-decoration: none
}

.recommend-type-buttons-type2__item.is-current[data-v-52a481ed]:before {
    background: url(../img/decorations/arrow.gif) no-repeat top;
    background-size: contain;
    content: "";
    height: 40px;
    left: calc(50% - 20px);
    position: absolute;
    top: -30px;
    width: 40px
}

.recommend-type-buttons-type2__item--w50[data-v-52a481ed] {
    flex-basis: 50%
}

/* JSが走る前に「非アクティブ面」を隠す */
.rate, .speed { display: none; }

/* キーボード操作のアクセシビリティを少し改善（任意） */
.recommend-type-buttons-type2__item[data-v-52a481ed]:focus-visible {
  outline: 3px solid #00a870;
  outline-offset: 2px;
}


.recommend-type-contents[data-v-52a481ed] {
    padding: 24px 0 0
}

.recommend-type-contents__img-title[data-v-52a481ed] {
    color: #00a870;
    font-size: clamp(17px,3.8961038961vw,24px);
    font-weight: 900;
    margin: 0;
    text-align: center
}

.recommend-type-contents__img-title .orange[data-v-52a481ed] {
    color: #fc6b01
}

.recommend-type-contents__img-title img[data-v-52a481ed] {
    height: auto;
    margin: 8px 0 16px;
    width: 100%
}

.recommend-type-contents__top-txt[data-v-52a481ed] {
    background: url(../img/recommend-illust.png) no-repeat 20px bottom;
    background-size: 140px auto;
    margin: 0 0 -16px;
    min-height: 110px;
    padding: 0 0 40px 150px;
    position: relative;
    z-index: 5
}

@media screen and (max-width: 768px) {
    .recommend-type-contents__top-txt[data-v-52a481ed] {
        background-size:100px auto;
        margin: 0 0 -16px;
        min-height: 80px;
        padding: 0 0 40px 130px;
        z-index: 5
    }
}

@media screen and (max-width: 376px) {
    .recommend-type-contents__top-txt[data-v-52a481ed] {
        background-position:10px bottom;
        background-size: 91px auto;
        margin: 0 0 -12px;
        min-height: 110px;
        padding: 0 0 20px 120px
    }
}

.recommend-type-contents__top-txt p[data-v-52a481ed] {
    border: 2px solid #484848;
    border-radius: 8px;
    font-size: clamp(13px,2.5974025974vw,16px);
    margin: 0 16px 0 0;
    padding: 16px 8px;
    position: relative;
    text-align: left
}

@media screen and (max-width: 768px) {
    .recommend-type-contents__top-txt p[data-v-52a481ed] {
        border:1px solid #484848;
        font-size: 4vw;
    }
}

.recommend-type-contents__top-txt p[data-v-52a481ed]:after,.recommend-type-contents__top-txt p[data-v-52a481ed]:before {
    border-color: transparent #484848 transparent transparent;
    border-style: solid;
    border-width: 10px 20px;
    content: "";
    display: block;
    height: 0;
    left: -40px;
    position: absolute;
    top: 20px;
    width: 0
}

.recommend-type-contents__top-txt p[data-v-52a481ed]:after {
    border-color: transparent #fff transparent transparent;
    left: -37px
}

.recommend-type-contents__top-txt p .orange[data-v-52a481ed] {
    color: #fd6b01;
    font-weight: 700
}

.recommend-type-contents__forms[data-v-52a481ed] {
    background: #e3efe1;
    padding: 16px
}

@media screen and (max-width: 768px) {
    .recommend-type-contents__forms[data-v-52a481ed] {
        padding:16px 8px
    }
}

.recommend-type-contents__forms__title[data-v-52a481ed] {
    font-size: clamp(16px,3.4090909091vw,21px);
    line-height: 1
}

.recommend-type-contents__forms__title .green[data-v-52a481ed] {
    color: #00a870;
    display: block;
    font-size: clamp(13px,2.5974025974vw,16px)
}

.recommend-type-contents__forms__title .orange[data-v-52a481ed] {
    color: #fd6b01
}

.recommend-type-contents__forms__title .big[data-v-52a481ed] {
    font-size: clamp(26px,5.1948051948vw,32px)
}

.recommend-type-contents__forms__button[data-v-52a481ed] {
    align-items: center;
    backface-visibility: hidden;
    background: #00a870 url(../img/icon-diagnosis.svg) no-repeat 8%;
    background-size: min(2.9220779221vw,18px);
    border: none;
    border-radius: 100px;
    box-shadow: 0 4px #287d35;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    flex-direction: column;
    font-size: clamp(18px,3.8961038961vw,24px);
    font-weight: 700;
    justify-content: center;
    line-height: 1.1;
    margin: 16px auto 32px;
    min-height: 90px;
    padding: 8px 32px 8px 58px;
    position: relative;
    transition: all .1s ease-out;
    width: 80%
}

.recommend-type-contents__forms__button[data-v-52a481ed]:hover {
    cursor: pointer;
    opacity: .8
}

@media screen and (max-width: 768px) {
    .recommend-type-contents__forms__button[data-v-52a481ed]:hover {
        opacity:1
    }

    .recommend-type-contents__forms__button[data-v-52a481ed] {
        background-position: 16px;
        background-size: min(3.8961038961vw,24px);
        margin: 16px 0 24px;
        min-height: 70px;
        padding: 8px 24px 8px 32px;
        width: 100%
    }
}

.recommend-type-contents__forms__button .small[data-v-52a481ed] {
    display: block;
    font-size: clamp(13px,2.7597402597vw,17px);
    margin: 8px 0 0;
    text-align: center;
    transform: scale(1)
}

.recommend-type-contents__forms__caution[data-v-52a481ed] {
    color: #7f8f8d;
    font-size: clamp(10px,1.9480519481vw,12px);
    text-align: left
}

.recommend-type-contents__forms__result[data-v-52a481ed] {
    background: #fff;
    border-radius: 8px;
    padding: 8px
}

.recommend-type-contents__forms__result__title[data-v-52a481ed] {
    border-bottom: 2px solid #e3efe1;
    color: #484848;
    font-size: clamp(24px,4.5454545455vw,28px);
    margin: 0;
    padding: 0 8px 8px;
    text-shadow: 1px 1px 0 #00a870
}

.recommend-type-contents__forms__result p[data-v-52a481ed] {
    font-size: clamp(13px,2.5974025974vw,20px);
    text-align: left
}

.recommend-type-contents__forms__result p.txt-center[data-v-52a481ed] {
    text-align: center
}

.recommend-type-contents__forms__result p .orange[data-v-52a481ed] {
    color: #fd6b01;
    font-size: clamp(15px,2.9220779221vw,18px);
    font-weight: 700
}

.recommend-type-contents__forms__result p .bold[data-v-52a481ed] {
    font-weight: 700
}

.recommend-type-contents__forms__result p .big[data-v-52a481ed] {
    background-image: linear-gradient(0deg,#fefe00,#fefe00 30%,transparent 0);
    font-size: clamp(16px,2.9220779221vw,18px);
    font-weight: 700
}

.recommend-type-contents__forms__result-type2[data-v-52a481ed] {
    background: #e3efe1
}

.recommend-type-contents__forms__result-type2__title[data-v-52a481ed] {
    align-items: center;
    background: #bbb;
    border-radius: 8px 8px 0 0;
    color: #fff;
    display: flex;
    font-size: clamp(24px,4.5454545455vw,28px);
    justify-content: center;
    margin: 0;
    padding: 8px
}

.recommend-type-contents__forms__result-type2__title.is-ok[data-v-52a481ed] {
    background: #fc6b01
}

.recommend-type-contents__forms__result-type2 p[data-v-52a481ed] {
    background: #fff;
    font-size: clamp(13px,2.5974025974vw,16px);
    margin: 0;
    padding: 70px 0;
    text-align: left
}

.recommend-type-contents__forms__result-type2 p.txt-center[data-v-52a481ed] {
    text-align: center
}

.recommend-type-contents__forms__result-type2 p .orange[data-v-52a481ed] {
    color: #fd6b01;
    font-size: clamp(15px,2.9220779221vw,18px);
    font-weight: 700
}

.recommend-type-contents__forms__result-type2 p .bold[data-v-52a481ed] {
    font-weight: 700
}

.recommend-type-contents__forms__result-type2 p .big[data-v-52a481ed] {
    background-image: linear-gradient(0deg,#fefe00,#fefe00 30%,transparent 0);
    font-size: clamp(16px,2.9220779221vw,18px);
    font-weight: 700
}

.recommend-type-contents__forms__result-type2 p img[data-v-52a481ed] {
    height: auto;
    margin: 0 0 16px;
    width: 138px
}

.recommend-type-form-list[data-v-52a481ed] {
    list-style: none;
    margin: 24px auto 0;
    padding: 0;
}

@media screen and (max-width: 768px) {
    .recommend-type-form-list[data-v-52a481ed] {
        max-width:400px;
        width: 100%
    }
}

.recommend-type-form-list__item[data-v-52a481ed] {
    align-items: stretch;
    display: flex;
    justify-content: space-between;
    text-align: left
}

.recommend-type-form-list__item[data-v-52a481ed]:not(:last-child) {
    border-bottom: 2px solid #fff
}

.recommend-type-form-list__item[data-v-52a481ed]:not(:first-child) {
    padding-top: 16px
}

.recommend-type-form-list__item--100per[data-v-52a481ed] {
    flex-direction: column
}

.recommend-type-form-list__item--100per .recommend-type-form-list__item__label[data-v-52a481ed] {
    flex-basis: 100%
}

.recommend-type-form-list__item__label[data-v-52a481ed] {
    align-items: center;
    display: flex;
    flex-basis: 40%;
    font-size: clamp(16px,2.9220779221vw,18px);
    font-weight: 700;
    justify-content: center;
    line-height: 1.3;
    padding: 0 0 24px 0;
    text-align: center
}

.recommend-type-form-list__item__right[data-v-52a481ed] {
    flex-basis: 70%;
    font-size: clamp(16px,2.9220779221vw,18px);
    font-weight: 700
}

.recommend-type-form-list__item__right__wrap[data-v-52a481ed] {
    display: flex;
    margin: 0 0 4px
}

/* selectにも既存inputの見た目を適用 */
.recommend-type-form-list__item__right select[data-v-52a481ed]{
  border: 2px solid #484848;
  border-radius: 8px;
  box-sizing: border-box;
  font-size: clamp(20px,5.1948051948vw,25px);
  margin: 0 4px 4px 0;
  padding: 4px 8px;
  text-align: left; /* selectなのでleftの方が自然 */
  width: 80%;
}
.recommend-type-form-list__item__right select.is-error[data-v-52a481ed]{
  border: 3px solid #df564f;
}


.recommend-type-form-list__item__right input[data-v-52a481ed]::-moz-placeholder {
    color: #ccc
}

.recommend-type-form-list__item__right input[data-v-52a481ed]::placeholder {
    color: #ccc
}

.recommend-type-form-list__item__right input.is-error[data-v-52a481ed] {
    border: 3px solid #df564f
}

.recommend-type-form-list__item__right .small[data-v-52a481ed] {
    color: #48484880;
    font-size: clamp(12px,2.9220779221vw,18px);
    font-weight: 700;
    transform: scale(1)
}

.recommend-type-form-list__item__right .error[data-v-52a481ed] {
    align-items: center;
    color: #df564f;
    display: inline-flex;
    font-size: clamp(13px,2.9220779221vw,18px);
    line-height: 1;
    margin: 0 52px 0 auto
}

.recommend-type-form-list__item__right .error img[data-v-52a481ed] {
    height: 14px;
    margin: 0 4px 0 0;
    width: 14px
}

.recommend-type-form-list__item__bottom[data-v-52a481ed] {
    display: flex;
    flex-wrap: wrap
}

.recommend-type-form-list__item__bottom label[data-v-52a481ed] {
    align-items: center;
    display: flex;
    font-size: clamp(14px,2.5974025974vw,16px);
    line-height: 1.2;
    margin: 0 16px 8px 0;
    width: calc(33.33333% - 10.66667px)
}

.recommend-type-form-list__item__bottom label[data-v-52a481ed]:nth-child(3n) {
    margin-right: 0
}

.recommend-type-form-list__item__bottom input[data-v-52a481ed] {
    border: 2px solid #333;
    display: block;
    height: 21px;
    margin: 0 4px 0 0;
    width: 21px
}

.select-recommend-title-ribbon[data-v-52a481ed] {
    box-sizing: border-box;
    display: inline-block;
    height: 45px;
    margin: 32px auto 52px;
    position: relative;
    text-align: center;
    z-index: 10
}

.select-recommend-title-ribbon__mini-txt[data-v-52a481ed] {
    background: #fff;
    border-radius: 50px;
    box-sizing: border-box;
    color: #fc6b01;
    display: inline-block;
    font-size: clamp(12px,2.2727272727vw,14px);
    left: calc(50% - 110px);
    line-height: 1;
    padding: 4px 12px;
    position: absolute;
    top: -15px;
    width: 220px
}

@media screen and (max-width: 768px) {
    .select-recommend-title-ribbon__mini-txt[data-v-52a481ed] {
        left:calc(50% - 100px);
        width: 200px
    }
}

.select-recommend-title-ribbon[data-v-52a481ed]:before {
    border: 20px solid #4ec29b;
    border-left-color: transparent;
    border-width: 30px 10px;
    bottom: -34px;
    content: "";
    left: -20px;
    position: absolute;
    width: 12px;
    z-index: -2
}

@media screen and (max-width: 768px) {
    .select-recommend-title-ribbon[data-v-52a481ed]:before {
        bottom:-24px
    }
}

.select-recommend-title-ribbon[data-v-52a481ed]:after {
    border: 20px solid #4ec29b;
    border-right-color: transparent;
    border-width: 30px 10px;
    bottom: -34px;
    content: "";
    position: absolute;
    right: -20px;
    width: 12px;
    z-index: -2
}

@media screen and (max-width: 768px) {
    .select-recommend-title-ribbon[data-v-52a481ed]:after {
        bottom:-24px
    }
}

.select-recommend-title-ribbon__big[data-v-52a481ed] {
    color: #fff422;
    font-size: clamp(24px,5.5194805195vw,34px)
}

.select-recommend-title-ribbon__box[data-v-52a481ed] {
    background: #00a870;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-size: clamp(21px,3.8961038961vw,24px);
    height: 70px;
    margin: 0;
    padding: 8px 32px;
    position: relative
}

@media screen and (max-width: 768px) {
    .select-recommend-title-ribbon__box[data-v-52a481ed] {
        height:60px
    }
}

.select-recommend-title-ribbon__box[data-v-52a481ed]:before {
    border: none;
    border-bottom: 10px solid transparent;
    border-right: 15px solid #00754e;
    content: "";
    left: 0;
    position: absolute;
    top: 100%
}

.select-recommend-title-ribbon__box[data-v-52a481ed]:after {
    border: none;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #00754e;
    content: "";
    position: absolute;
    right: 0;
    top: 100%
}

.over40-content[data-v-52a481ed] {
    background: #e3efe1;
    padding: 16px
}

@media screen and (max-width: 768px) {
    .over40-content[data-v-52a481ed] {
        padding:8px
    }
}

.over40-content__title[data-v-52a481ed] {
    font-size: clamp(16px,3.4090909091vw,21px)
}

.over40-content__title span[data-v-52a481ed] {
    background: #fff;
    border-radius: 4px;
    color: #00a870;
    font-weight: 700;
    margin: 0 4px 0 0;
    padding: 2px 6px
}

.over40-content__caution[data-v-52a481ed] {
    font-size: clamp(10px,1.9480519481vw,12px);
    padding: 0 0 0 30%;
    text-align: left
}

.select-point__point-box__table--is-over40 tbody tr:nth-child(4) th[data-v-52a481ed],.select-point__point-box__table--is-over40 tbody tr:nth-child(5) th[data-v-52a481ed],.select-point__point-box__table--is-over40 tbody tr:nth-child(6) th[data-v-52a481ed] {
    background: #fd6b01;
    color: #fff
}

.select-point__point-box__table--is-over40 tbody tr:nth-child(4) td[data-v-52a481ed] {
    border-top: 3px solid #fd6b01
}

.select-point__point-box__table--is-over40 tbody tr:nth-child(4) td[data-v-52a481ed]:last-child,.select-point__point-box__table--is-over40 tbody tr:nth-child(5) td[data-v-52a481ed]:last-child {
    border-right: 3px solid #fd6b01
}

.select-point__point-box__table--is-over40 tbody tr:nth-child(6) td[data-v-52a481ed] {
    border-bottom: 3px solid #fd6b01
}

.select-point__point-box__table--is-over40 tbody tr:nth-child(6) td[data-v-52a481ed]:last-child {
    border-right: 3px solid #fd6b01
}

.select-point__point-box__table--is-20 tbody tr:nth-child(2) th[data-v-52a481ed] {
    background: #fd6b01;
    color: #fff
}

.select-point__point-box__table--is-20 tbody tr:nth-child(2) td[data-v-52a481ed] {
    border-bottom: 3px solid #fd6b01;
    border-top: 3px solid #fd6b01
}

.select-point__point-box__table--is-20 tbody tr:nth-child(2) td[data-v-52a481ed]:last-child {
    border-right: 3px solid #fd6b01
}

.quality-fv[data-v-52a481ed] {
    background: url(../img/fv/fv_sokujitsu_202403_bg_pc.webp) no-repeat;
    background-size: cover;
    box-sizing: border-box;
    margin: 0 0 24px;
    padding: 0 16px;
    position: relative;
    z-index: -2
}

@media screen and (max-width: 768px) {
    .quality-fv[data-v-52a481ed] {
        background:url(../img/fv/fv_sokujitsu_202403_bg.webp) no-repeat;
        background-size: cover;
        margin: 0;
        padding: 0
    }
}

.quality-fv__wrap[data-v-52a481ed] {
    align-items: center;
    background: url(../img/fv/fv_sokujitsu_202403_img_pc.webp) no-repeat 0 0;
    background-size: 300px auto;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 auto;
    max-width: 768px;
    min-height: 200px;
    padding: 0 0 0 280px
}

@media screen and (max-width: 768px) {
    .quality-fv__wrap[data-v-52a481ed] {
        background:url(../img/fv/fv_sokujitsu_202403_img_sp.webp) no-repeat 0 100%;
        background-size: auto 100%;
        min-height: 30.9333333333%;
        padding: 0 0 0 23%
    }
}

.quality-fv__wrap__mini-txt[data-v-52a481ed] {
    font-size: clamp(17px,6.4935064935vw,40px);
    font-weight: 700;
    margin: 24px 0 0 16px;
    padding: 0
}

@media screen and (max-width: 768px) {
    .quality-fv__wrap__mini-txt[data-v-52a481ed] {
        font-size:clamp(17px,3.8961038961vw,24px);
        margin: 16px 0 0 8px
    }
}

.quality-fv__wrap__mini-txt .txt-small[data-v-52a481ed] {
    font-size: 32px;
    margin: 0 2px
}

@media screen and (max-width: 768px) {
    .quality-fv__wrap__mini-txt .txt-small[data-v-52a481ed] {
        font-size:clamp(10px,2.9220779221vw,18px)
    }
}

.quality-fv__wrap__mini-txt .underline[data-v-52a481ed] {
    background-image: linear-gradient(180deg,transparent 82%,#ffd200 0,#ffd200)
}

.quality-fv__wrap__mini-txt .dot[data-v-52a481ed] {
    position: relative
}

.quality-fv__wrap__mini-txt .dot[data-v-52a481ed]:before {
    background: radial-gradient(circle 8px,#333 50%,transparent 0);
    content: "";
    display: block;
    height: 10px;
    left: 0;
    position: absolute;
    top: -5px;
    width: 100%
}

@media screen and (max-width: 768px) {
    .quality-fv__wrap__mini-txt .dot[data-v-52a481ed]:before {
        background:radial-gradient(circle 4px,#333 50%,transparent 0)
    }
}

.quality-fv__wrap__ribbon[data-v-52a481ed] {
    background: linear-gradient(180deg,#ff0f00,#a70000);
    color: #fff;
    font-size: 21px;
    margin: 32px 22px 0 auto;
    padding: 4px 6px;
    position: relative
}

@media screen and (max-width: 768px) {
    .quality-fv__wrap__ribbon[data-v-52a481ed] {
        font-size:clamp(10px,2.9220779221vw,18px);
        margin: 20px 22px 0 auto
    }
}

.quality-fv__wrap__ribbon[data-v-52a481ed]:after,.quality-fv__wrap__ribbon[data-v-52a481ed]:before {
    display: block;
    height: clamp(13px,5.8441558442vw,36px);
    position: absolute;
    top: 18%;
    width: clamp(10px,2.9220779221vw,18px);
    z-index: -2
}

.quality-fv__wrap__ribbon[data-v-52a481ed]:before {
    background: url(../img/bg/bg_ribbon_left.svg) no-repeat;
    background-size: contain;
    content: "";
    left: -8%
}

.quality-fv__wrap__ribbon[data-v-52a481ed]:after {
    background: url(../img/bg/bg_ribbon_right.svg) no-repeat;
    background-size: contain;
    content: "";
    right: -8%
}

.quality-fv__wrap__big-txt[data-v-52a481ed] {
    line-height: 1;
    margin: 24px 0 32px
}

@media screen and (max-width: 768px) {
    .quality-fv__wrap__big-txt[data-v-52a481ed] {
        margin:12px 0 16px
    }
}

.quality-fv__wrap__big-txt img[data-v-52a481ed] {
    max-width: 700px;
    width: 98%
}

@media screen and (max-width: 768px) {
    .quality-fv__wrap__big-txt img[data-v-52a481ed] {
        max-width:unset;
        width: 95%
    }
}

.quality-fv-17[data-v-52a481ed] {
    margin: 0 auto 32px;
    position: relative
}

@media screen and (max-width: 768px) {
    .quality-fv-17[data-v-52a481ed] {
        margin:0 auto
    }
}

.quality-fv-17__img img[data-v-52a481ed] {
    height: auto;
    width: 100%
}

.quality-fv-17__ribbon[data-v-52a481ed] {
    background: url(../img/bg/bg_ribbon.svg) no-repeat 100%;
    background-size: cover;
    bottom: 0;
    color: #fff;
    font-size: clamp(10px,2.9220779221vw,18px);
    margin: 0 0 clamp(14px,3.4090909091vw,21px);
    padding: 4px 6px 5px clamp(14px,3.4090909091vw,21px);
    position: absolute;
    right: 0
}

.quality-fv-17-under[data-v-52a481ed] {
    text-align: center
}

@media screen and (max-width: 768px) {
    .quality-fv-17-under[data-v-52a481ed] {
        border-bottom:2px solid #00a870;
        border-top: 2px solid #00a870
    }
}

.ranking-title[data-v-52a481ed] {
    align-items: center;
    background: url(../img/decorations/img_ranking_left_hinshitsu.svg) no-repeat 0 100%,url(../img/decorations/img_ranking_right_hinshitsu.svg) no-repeat 100% 100%,url(../img/decorations/img_kirakira_left.svg) no-repeat 15% 15%,url(../img/decorations/img_kirakira_right.svg) no-repeat 85% 15%;
    background-size: auto 85%,auto 85%,13% auto,13% auto;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto 16px;
    max-width: 480px;
    padding: 10px 50px 0;
    width: 98%
}

@media screen and (max-width: 768px) {
    .ranking-title[data-v-52a481ed] {
        background:url(../img/decorations/img_ranking_left_hinshitsu.svg) no-repeat 0 100%,url(../img/decorations/img_ranking_right_hinshitsu.svg) no-repeat 100% 100%,url(../img/decorations/img_kirakira_left.svg) no-repeat 15% 15%,url(../img/decorations/img_kirakira_right.svg) no-repeat 85% 15%;
        background-size: auto 80%,auto 80%,13% auto,13% auto;
        width: 100%
    }
}

.ranking-title__top-block[data-v-52a481ed] {
    align-items: flex-end;
    background: #fff;
    border: 2px solid #00a870;
    border-radius: 50px;
    display: inline-flex;
    font-size: clamp(11px,2.5974025974vw,16px);
    font-weight: 400;
    justify-content: center;
    line-height: 1;
    margin: 0 0 12px;
    padding: 0 12px 5px
}

@media screen and (max-width: 768px) {
    .ranking-title__top-block[data-v-52a481ed] {
        margin:0 0 8px
    }
}

.ranking-title__top-block--b[data-v-52a481ed] {
    align-items: center;
    padding: 3px 12px
}

.ranking-title__top-block .green[data-v-52a481ed] {
    color: #00a870;
    font-weight: 700
}

.ranking-title__top-block .txt-big[data-v-52a481ed] {
    font-size: clamp(16px,3.4090909091vw,21px)
}

.ranking-title__middle-block[data-v-52a481ed] {
    font-size: clamp(17px,3.8961038961vw,24px);
    font-weight: 700
}

.ranking-title__middle-block .bg-green[data-v-52a481ed] {
    background: #00a870;
    border-radius: 3px;
    color: #fff;
    margin: 0 4px 0 0;
    padding: 0 4px
}

.ranking-title__middle-block .txt-small[data-v-52a481ed] {
    font-size: clamp(12px,3.2467532468vw,20px)
}

.ranking-title__middle-block .txt-medium[data-v-52a481ed] {
    font-size: clamp(14px,3.5714285714vw,22px)
}

.ranking-title__bottom-block[data-v-52a481ed] {
    color: #fd6b01;
    font-size: clamp(26px,5.1948051948vw,32px);
    font-weight: 900;
    line-height: 1;
    margin: 0 0 12px
}

.ranking-title__bottom-block .txt-big[data-v-52a481ed] {
    font-size: clamp(45px,8.4415584416vw,52px)
}

.ranking-title__bottom-block .txt-small[data-v-52a481ed] {
    font-size: clamp(21px,4.5454545455vw,28px);
    font-weight: 700
}

.shop-list-type2[data-v-52a481ed] {
    background: #f8d46b url(../img/bg/bg_shindan_ranking.svg) no-repeat top;
    background-size: contain;
    padding: 0 0 24px
}

.shop-list-type2__title[data-v-52a481ed] {
    margin: 0 0 24px;
    text-align: center
}

.shop-list-type2__title__green[data-v-52a481ed] {
    background: #00a870;
    clip-path: polygon(0 0,100% 0,100% 70%,50% 100%,0 70%);
    color: #fff;
    font-size: clamp(17px,3.8961038961vw,24px);
    padding: 8px 8px 16px;
    text-align: center
}

.shop-list-type2__title__green .yellow[data-v-52a481ed] {
    color: #ffff64
}

.shop-list-type2__title__green .txt-small[data-v-52a481ed] {
    font-size: clamp(13px,2.9220779221vw,18px)
}

.shop-list-type2__title__white-box[data-v-52a481ed] {
    background: #fff;
    border-radius: 50px;
    display: inline-block;
    font-size: clamp(12px,2.5974025974vw,16px);
    font-weight: 900;
    margin: 16px auto;
    padding: 8px 16px 8px 8px;
    position: relative;
    text-align: center
}

.shop-list-type2__title__white-box .orange[data-v-52a481ed] {
    color: #fc6b01;
    margin: 0 0 0 8px
}

.shop-list-type2__title__white-box[data-v-52a481ed]:after {
    border: 8px solid transparent;
    border-top-color: #fff;
    bottom: -16px;
    content: "";
    height: 0;
    left: calc(50% - 4px);
    position: absolute;
    width: 0
}

.shop-list-type2__title__black[data-v-52a481ed] {
    font-size: clamp(24px,5.1948051948vw,32px);
    font-weight: 900
}

.shop-list-type2__title__black .txt-small[data-v-52a481ed] {
    font-size: clamp(18px,3.8961038961vw,24px)
}

.shop-list-type2__title__black-big[data-v-52a481ed] {
    font-size: clamp(30px,5.8441558442vw,36px);
    font-weight: 900;
    line-height: 1
}

.shop-list-type2__content[data-v-52a481ed] {
    padding: 0 16px
}

@media screen and (max-width: 768px) {
    .shop-list-type2__content[data-v-52a481ed] {
        padding:0 8px
    }
}



[data-v-9c7ad70a] .yellow-bold {
    margin: 0
}

.flex[data-v-9c7ad70a] {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.shop[data-v-9c7ad70a] {
    background: #fff;
    border: 2px solid #00a870;
    border-radius: min(3.2467532468vw,20px);
    box-shadow: 0 0 30px #0000000f
}

.shop[data-v-9c7ad70a]:not(:last-child) {
    margin: 0 0 min(4.5454545455vw,28px)
}

.shop:nth-child(2) .shop__title__ribbon[data-v-9c7ad70a] {
    background: linear-gradient(322.78deg,#dcdcdc 16.14%,#929292 40.67%,#7c7c7c 49.54%,#dfdfdf 99.64%),linear-gradient(180deg,#eb9b00,#d68e02)
}

.shop:nth-child(2) .shop__title.is-with-ribbon[data-v-9c7ad70a]:after {
    border-color: transparent transparent #5f5e5e #5f5e5e
}

.shop:nth-child(3) .shop__title__ribbon[data-v-9c7ad70a] {
    background: linear-gradient(322.78deg,#ae7b56 16.14%,#8d6d32 40.67%,#9a7532 49.54%,#d2955f 99.64%),linear-gradient(180deg,#eb9b00,#d68e02)
}

.shop:nth-child(3) .shop__title.is-with-ribbon[data-v-9c7ad70a]:after {
    border-color: transparent transparent #6e4900 #6e4900
}

.shop.is-green .shop__detail__item__title[data-v-9c7ad70a] {
    background-color: #9edbc7
}

.shop.is-green .use-tab__buttons button[data-v-9c7ad70a] {
    background-color: #6ed5b2
}

.shop.is-green .use-tab__buttons button.is-select[data-v-9c7ad70a] {
    background-color: #05a86f
}

.shop.is-green .use-tab__content[data-v-9c7ad70a] {
    border-color: #05a86f
}

.shop.is-tmk[data-v-9c7ad70a] {
    border-color: #339646
}

.shop.is-tmk .shop__title[data-v-9c7ad70a] {
    background-color: #333
}

.shop.is-tmk .shop__detail__item__title[data-v-9c7ad70a] {
    background-color: #666;
    color: #fff
}

.shop.is-tmk .use-tab__buttons button[data-v-9c7ad70a] {
    background-color: #666
}

.shop.is-tmk .use-tab__buttons button.is-select[data-v-9c7ad70a] {
    background-color: #333
}

.shop.is-tmk .use-tab__content[data-v-9c7ad70a] {
    border-color: #333
}

.shop.is-tmk .shop__title[data-v-9c7ad70a] {
    background-color: #339646
}

.shop.is-tmk .shop__title__time[data-v-9c7ad70a] {
    background-color: #fff;
    color: #339646
}

.shop.is-tmk .shop__title__time img[data-v-9c7ad70a] {
    filter: brightness(0) saturate(100%) invert(45%) sepia(84%) saturate(389%) hue-rotate(80deg) brightness(91%) contrast(84%)
}

.shop.is-tmk .shop__check-list__item[data-v-9c7ad70a] {
    color: #339646
}

.shop.is-tmk .use-tab__buttons button.is-select[data-v-9c7ad70a] {
    background-color: #339646
}

.shop.is-tmk .use-tab__content[data-v-9c7ad70a] {
    border-color: #339646
}

.shop.is-blue[data-v-9c7ad70a] {
    border-color: #245bc9
}

.shop.is-blue .shop__title[data-v-9c7ad70a] {
    background-color: #245bc9
}

.shop.is-blue .shop__title__time[data-v-9c7ad70a] {
    background-color: #fff
}

.shop.is-blue .shop__detail__item__title[data-v-9c7ad70a] {
    background-color: #2dcae1;
    color: #fff
}

.shop.is-blue .use-tab__buttons button[data-v-9c7ad70a] {
    background-color: #759ef0
}

.shop.is-blue .use-tab__buttons button.is-select[data-v-9c7ad70a] {
    background-color: #245bc9
}

.shop.is-blue .use-tab__content[data-v-9c7ad70a] {
    border-color: #245bc9
}

.shop.is-blue-light[data-v-9c7ad70a] {
    border-color: #016cd7
}

.shop.is-blue-light .shop__title[data-v-9c7ad70a] {
    background-color: #016cd7
}

.shop.is-blue-light .shop__title__time[data-v-9c7ad70a] {
    background-color: #fffea6
}

.shop.is-blue-light .shop__title__time .orange[data-v-9c7ad70a] {
    color: #db010c
}

.shop.is-blue-light .shop__detail__item__title[data-v-9c7ad70a] {
    background-color: #cbeeff;
    color: #016cd7
}

.shop.is-blue-light .use-tab__buttons button[data-v-9c7ad70a] {
    background-color: #6ebddc
}

.shop.is-blue-light .use-tab__buttons button.is-select[data-v-9c7ad70a] {
    background-color: #016cd7
}

.shop.is-blue-light .use-tab__content[data-v-9c7ad70a] {
    border-color: #016cd7
}

.shop.is-blue-light[data-v-9c7ad70a] .yellow-bold {
    background: linear-gradient(0deg,#fff323,#fff323 60%,transparent 0);
    color: #db010c
}

.shop.is-blue-light[data-v-9c7ad70a] .orange-bold {
    color: #db010c
}

.shop.is-blue-light .shop__check-list-wrap[data-v-9c7ad70a] {
    background: #fefadd
}

.shop.is-blue-light .shop__detail__item__txt[data-v-9c7ad70a] {
    background-color: #f8f8f8;
    padding: 2px 28px 2px 8px
}

.shop.is-blue-light .shop__detail__item__txt.bg-1[data-v-9c7ad70a] {
    background-image: url(../img/bg/bg_single-circle-red.svg);
    background-size: auto 20px
}

.shop.is-blue-light .shop__detail__item__txt.bg-2[data-v-9c7ad70a] {
    background-image: url(../img/bg/bg_double-circle-red.svg);
    background-size: auto 20px
}

.shop.is-blue-light .shop__detail__item__txt.bg-3[data-v-9c7ad70a] {
    background-image: url(../img/bg/bg_triangle-red.svg);
    background-size: auto 20px
}

.shop.is-blue-light .shop__detail__item__txt.bg-4[data-v-9c7ad70a] {
    background-image: url(../img/bg/bg_bad-red.svg);
    background-size: auto 20px
}

.shop.is-blue-light .shop-button[data-v-9c7ad70a] {
    background: linear-gradient(1turn,#db010c -11.58%,#ff5e66 99.38%);
    text-shadow: 0 1px 0 rgba(0,0,0,.12)
}

.shop.is-blue-light .shop-button-arrow[data-v-9c7ad70a] {
    background: #db010c;
    box-shadow: 0 6px #b90020
}

.shop.is-blue-light .shop-button-arrow[data-v-9c7ad70a]:before {
    border-color: transparent transparent transparent #b90020
}

.shop.is-blue-light .shop-button-arrow[data-v-9c7ad70a]:after {
    border-color: transparent transparent transparent #db010c
}

.shop.is-blue-light .shop__caution__item[data-v-9c7ad70a] {
    color: #333
}

.shop.is-light-blue[data-v-9c7ad70a] {
    border-color: #0d95cc
}

.shop.is-light-blue .shop__title[data-v-9c7ad70a] {
    background-color: #0d95cc
}

.shop.is-light-blue .shop__title__time[data-v-9c7ad70a] {
    background-color: #fff;
    color: #0d95cc
}

.shop.is-light-blue .shop__title__time .orange[data-v-9c7ad70a] {
    color: #ff0036
}

.shop.is-light-blue .shop__detail__item__title[data-v-9c7ad70a] {
    background-color: #666;
    color: #fff
}

.shop.is-light-blue .use-tab__buttons button[data-v-9c7ad70a] {
    background-color: #666
}

.shop.is-light-blue .use-tab__buttons button.is-select[data-v-9c7ad70a] {
    background-color: #0d95cc
}

.shop.is-light-blue .use-tab__content[data-v-9c7ad70a] {
    border-color: #0d95cc
}

.shop.is-light-blue[data-v-9c7ad70a] .yellow-bold {
    background: linear-gradient(0deg,#fff323,#fff323 60%,transparent 0);
    color: #ff0036
}

.shop.is-light-blue[data-v-9c7ad70a] .orange-bold {
    color: #ff0036
}

.shop.is-light-blue .shop__check-list-wrap[data-v-9c7ad70a] {
    background: #fefadd;
    color: #0d95cc
}

.shop.is-light-blue .shop__detail__item__txt[data-v-9c7ad70a] {
    background-color: #f8f8f8;
    padding: 2px 28px 2px 8px
}

.shop.is-light-blue .shop__detail__item__txt.bg-1[data-v-9c7ad70a] {
    background-image: url(../img/bg/bg_single-circle-red.svg);
    background-size: auto 20px
}

.shop.is-light-blue .shop__detail__item__txt.bg-2[data-v-9c7ad70a] {
    background-image: url(../img/bg/bg_double-circle-red.svg);
    background-size: auto 20px
}

.shop.is-light-blue .shop__detail__item__txt.bg-3[data-v-9c7ad70a] {
    background-image: url(../img/bg/bg_triangle-red.svg);
    background-size: auto 20px
}

.shop.is-light-blue .shop__detail__item__txt.bg-4[data-v-9c7ad70a] {
    background-image: url(../img/bg/bg_bad-red.svg);
    background-size: auto 20px
}

.shop.is-light-blue .shop-button[data-v-9c7ad70a] {
    background: #ff0036;
    text-shadow: 0 1px 0 rgba(0,0,0,.12)
}

.shop.is-light-blue .shop-button-arrow[data-v-9c7ad70a] {
    background: #ff0036;
    box-shadow: 0 6px #b20000
}

.shop.is-light-blue .shop-button-arrow[data-v-9c7ad70a]:after,.shop.is-light-blue .shop-button-arrow[data-v-9c7ad70a]:before {
    border-color: transparent transparent transparent #ff0036
}

.shop.is-light-blue .shop__caution__item[data-v-9c7ad70a] {
    color: #333
}

.shop.is-black[data-v-9c7ad70a] {
    border-color: #333
}

.shop.is-black .shop__title[data-v-9c7ad70a] {
    background-color: #333
}

.shop.is-black .shop__title__time[data-v-9c7ad70a] {
    background-color: #fff
}

.shop.is-black .shop__detail__item__title[data-v-9c7ad70a] {
    background-color: #666;
    color: #fff
}

.shop.is-black .use-tab__buttons button[data-v-9c7ad70a] {
    background-color: #666
}

.shop.is-black .use-tab__buttons button.is-select[data-v-9c7ad70a] {
    background-color: #333
}

.shop.is-black .use-tab__content[data-v-9c7ad70a] {
    border-color: #333
}

.shop.is-blue-black[data-v-9c7ad70a] {
    border-color: #016cd7
}

.shop.is-blue-black .shop__title[data-v-9c7ad70a] {
    background-color: #016cd7
}

.shop.is-blue-black .shop__title__time[data-v-9c7ad70a] {
    background-color: #fff
}

.shop.is-blue-black .shop__detail__item__title[data-v-9c7ad70a] {
    background-color: #666;
    color: #fff
}

.shop.is-blue-black .use-tab__buttons button[data-v-9c7ad70a] {
    background-color: #666;
    border-radius: clamp(8px,2.1333333333vw,16px) clamp(8px,2.1333333333vw,16px) 0 0;
    padding: clamp(16px,4.2666666667vw,32px) clamp(8px,2.1333333333vw,16px)
}

.shop.is-blue-black .use-tab__buttons button.is-select[data-v-9c7ad70a] {
    background-color: #016cd7
}

.shop.is-blue-black .use-tab__content[data-v-9c7ad70a] {
    border-color: #016cd7
}

.shop.is-blue-black .shop__check-list__item[data-v-9c7ad70a],.shop.is-blue-black .shop__main-txt[data-v-9c7ad70a] {
    color: #016cd7
}

.shop.is-blue-black .shop-button[data-v-9c7ad70a] {
    text-shadow: 0 1px 0 rgba(0,0,0,.12)
}

.shop.is-blue-black .shop-button[data-v-9c7ad70a],.shop.is-blue-black .shop-button-arrow[data-v-9c7ad70a] {
    background: linear-gradient(1turn,#db010c -11.58%,#ff5e66 99.38%)
}

.shop.is-blue-black .shop__title__time[data-v-9c7ad70a] {
    color: #016cd7
}

.shop__title[data-v-9c7ad70a] {
    align-items: center;
    background: #00a870;
    border-radius: min(2.2727272727vw,14px) min(2.2727272727vw,14px) 0 0;
    color: #fff;
    display: flex;
    font-size: min(3.5714285714vw,22px);
    justify-content: space-between;
    line-height: 1;
    margin: 0;
    min-height: min(16.2337662338vw,100px);
    padding: 8px;
    position: relative
}

.shop__title.is-with-ribbon[data-v-9c7ad70a] {
    padding: 8px 8px 8px 136px
}

.shop__title.is-with-ribbon[data-v-9c7ad70a]:after {
    border-color: transparent transparent #6e4900 #6e4900;
    border-style: solid;
    border-width: 4px;
    content: "";
    display: block;
    height: 0;
    left: 97px;
    position: absolute;
    top: -8px;
    width: 0
}

@media screen and (max-width: 768px) {
    .shop__title.is-with-ribbon[data-v-9c7ad70a] {
        padding:8px 8px 8px 80px
    }

    .shop__title.is-with-ribbon[data-v-9c7ad70a]:after {
        left: 68px;
        top: -8px
    }

    .shop__title[data-v-9c7ad70a] {
        font-size: min(4.5454545455vw,28px)
    }
}

.shop__title__rank[data-v-9c7ad70a] {
    margin: 0 8px 0 0
}

.shop__title__rank img[data-v-9c7ad70a] {
    height: 36px;
    width: 40px
}

.shop__title__time[data-v-9c7ad70a] {
    align-items: center;
    background: #ffff64;
    border-radius: 12px;
    box-sizing: border-box;
    color: #333;
    display: flex;
    font-size: clamp(15px,3.4090909091vw,21px);
    height: 100%;
    line-height: 1.3;
    margin: 0 0 0 8px;
    padding: 10px
}

@media screen and (max-width: 768px) {
    .shop__title__time[data-v-9c7ad70a] {
        max-width:190px
    }
}

.shop__title__time img[data-v-9c7ad70a] {
    height: auto;
    margin: 0 8px 0 0;
    width: 32px
}

.shop__title__time .orange[data-v-9c7ad70a] {
    color: #f14948;
    font-size: clamp(18px,3.8961038961vw,24px)
}

.shop__title__img img[data-v-9c7ad70a],.shop__title__img picture[data-v-9c7ad70a] {
    height: auto;
    width: 150px
}

@media screen and (max-width: 768px) {
    .shop__title__img img[data-v-9c7ad70a],.shop__title__img picture[data-v-9c7ad70a] {
        width:130px
    }
}

.shop__title__ribbon[data-v-9c7ad70a] {
    background: linear-gradient(322.78deg,#f5f52d 16.14%,#dfb200 40.67%,#dfb200 49.54%,#fcfc22 99.64%),linear-gradient(180deg,#eb9b00,#d68e02);
    box-sizing: border-box;
    clip-path: polygon(0 0,100% 0,100% 100%,50% 85%,0 100%);
    color: #fff;
    font-size: clamp(34px,7.7922077922vw,48px);
    left: 16px;
    padding: 24px 16px 38px;
    position: absolute;
    text-align: center;
    top: -8px
}

.shop__title__ribbon .txt-small[data-v-9c7ad70a] {
    font-size: clamp(16px,3.4090909091vw,21px)
}

@media screen and (max-width: 768px) {
    .shop__title__ribbon[data-v-9c7ad70a] {
        left:8px;
        padding: 16px 12px 24px
    }
}

.shop__title a[data-v-9c7ad70a] {
    font-size: min(6.4935064935vw,40px);
    font-weight: 700;
    line-height: 1;
    text-decoration: underline
}

.shop__main-txt[data-v-9c7ad70a] {
    font-size: clamp(14px,3.8961038961vw,24px);
    font-weight: 700;
    line-height: 1.8;
    margin: min(1.2987012987vw,8px) 0
}

.shop__main-txt-wrap[data-v-9c7ad70a] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 16px 24px 0 8px
}

.shop__main-under[data-v-9c7ad70a] {
    font-size: clamp(9px,1.9480519481vw,12px)
}

.shop__top-wrap[data-v-9c7ad70a] {
    align-items: stretch;
    display: flex;
    justify-content: space-between;
    margin: min(3.2467532468vw,20px) 0 min(1.6233766234vw,10px);
    padding: 8px 8px 0
}

.shop__top-wrap__left[data-v-9c7ad70a] {
    align-items: center;
    display: flex;
    margin: 0 min(3.2467532468vw,20px) 0 0;
    width: inherit;
    flex: 1;
}

.shop__top-wrap__right[data-v-9c7ad70a] {
    text-align: center;
    width: fit-content;
    flex: 1;
}

.shop__top-wrap__img-link[data-v-9c7ad70a] {
    display: block
}

.shop__top-wrap__img-link img[data-v-9c7ad70a] {
    aspect-ratio: 600/400;
    width: 100%;
    height: auto;
}

.shop__check-list-title[data-v-9c7ad70a] {
    height: auto;
    margin: 0 0 min(2.5974025974vw,16px);
    max-width: 100%;
    width: 420px
}

.shop__check-list[data-v-9c7ad70a] {
    box-sizing: border-box;
    list-style: none;
    margin: 0
}

.shop__check-list__item[data-v-9c7ad70a] {
    background: url(../img/icon_check_circle.png) no-repeat left min(.6493506494vw,4px);
    background-size: min(3.2467532468vw,20px);
    font-size: min(3.2467532468vw,20px);
    font-weight: 700;
    line-height: 1.3;
    padding: 0 0 0 min(3.8961038961vw,24px);
    text-align: left
}

.shop__check-list__item[data-v-9c7ad70a]:not(:last-child) {
    margin: 0 0 min(1.2987012987vw,8px)
}

.shop__check-list-wrap[data-v-9c7ad70a] {
  background: #fffada;
  margin: min(1.6233766234vw,10px) 8px min(3.2467532468vw,20px);
  padding: min(2.5974025974vw,0px) min(2.5974025974vw,16px) min(3.2467532468vw,20px);
  text-align: center;
}

@media screen and (max-width: 768px) {
    .shop__check-list-wrap img[data-v-9c7ad70a] {
        width:320px
    }
}

.shop__detail[data-v-9c7ad70a] {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    justify-content: space-between;
    list-style: none;
    margin: 0;
    padding: 0
}

.shop__detail__item[data-v-9c7ad70a] {
    align-items: stretch;
    display: flex;
    justify-content: stretch;
    margin: 0 0 min(1.2987012987vw,8px);
    width: 100%
}

.shop__detail__item[data-v-9c7ad70a]:last-child {
    margin: 0
}

.shop__detail__item__title[data-v-9c7ad70a] {
    background: #9edbc7;
    font-size: clamp(9px,2.2727272727vw,18px);
    font-weight: 900;
    line-height: 1.2;
    min-height: 20px;
    min-width: 60px;
    width: 35%
}

.shop__detail__item__icons[data-v-9c7ad70a],.shop__detail__item__title[data-v-9c7ad70a] {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0
}

.shop__detail__item__icons[data-v-9c7ad70a] {
    background: #f8f8f8;
    flex-direction: column;
    width: 60%
}

.shop__detail__item__icons img[data-v-9c7ad70a] {
    height: auto;
    max-width: min(3.8961038961vw,24px)
}

.shop__detail__item__icons img[data-v-9c7ad70a]:not(:last-child) {
    margin: 0 min(.6493506494vw,4px) 0 0
}

.shop__detail__item__icons__txt[data-v-9c7ad70a] {
    font-size: 9px;
    margin: min(.6493506494vw,4px) 0;
    text-align: center
}

.shop__detail__item__icons__img[data-v-9c7ad70a] {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: min(1.2987012987vw,8px) 0 0
}

.shop__detail__item__icons__acom-img[data-v-9c7ad70a] {
    text-align: center
}

.shop__detail__item__icons__acom-img img[data-v-9c7ad70a] {
    margin: 4px;
    max-width: 90%
}

.shop__detail__item__txt[data-v-9c7ad70a] {
    align-items: center;
    background: #f8f8f8;
    background-position: 96%;
    background-repeat: no-repeat;
    background-size: auto 30px;
    box-sizing: border-box;
    display: flex;
    height: 100%;
    justify-content: flex-start;
    margin: 0;
    padding: 2px 40px 2px 8px;
    width: 60%
}

.shop__detail__item__txt p[data-v-9c7ad70a] {
    font-size: clamp(9px,2.2727272727vw,16px);
    font-weight: 900;
    margin: 0;
    text-align: left
}

@media screen and (max-width: 768px) {
    .shop__detail__item__txt[data-v-9c7ad70a] {
        background-size:auto 20px
    }
}

.shop__detail__item__txt.bg-1[data-v-9c7ad70a] {
    background-image: url(../img/bg_single-circle-orange.svg)
}

.shop__detail__item__txt.bg-2[data-v-9c7ad70a] {
    background-image: url(../img/bg_double-circle-orange.svg)
}

.shop__detail__item__txt.bg-3[data-v-9c7ad70a] {
    background-image: url(../img/bg_triangle-orange.svg);
    background-position: calc(100% - 7px);
    background-size: auto 26px
}

@media screen and (max-width: 768px) {
    .shop__detail__item__txt.bg-3[data-v-9c7ad70a] {
        background-position:calc(100% - 4px);
        background-size: auto 17px
    }
}

.shop__detail__item__txt.bg-4[data-v-9c7ad70a] {
    background-image: url(../img/bg_bad-orange.svg)
}

.shop__point-list[data-v-9c7ad70a] {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none;
    margin: min(2.5974025974vw,16px) 0 0;
    padding: 8px 8px 0
}

.shop__point-list__item[data-v-9c7ad70a] {
    align-items: stretch;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    font-size: min(2.5974025974vw,16px);
    font-weight: 700;
    justify-content: center;
    margin: 0 0 min(1.2987012987vw,8px);
    max-height: 35px;
    min-height: 25px;
    position: relative;
    width: calc(33.33333% - 5.33333px)
}

@media screen and (max-width: 768px) {
    .shop__point-list__item[data-v-9c7ad70a] {
        margin:0 0 min(.6493506494vw,4px);
        min-height: 18px;
        padding: min(.6493506494vw,4px);
        width: calc(33.33333% - 2.66667px)
    }
}

.shop__point-list__item__txt[data-v-9c7ad70a] {
    align-items: center;
    background: #eb9c00;
    box-sizing: border-box;
    display: inline-flex;
    font-size: 12px;
    height: 100%;
    justify-content: center;
    padding: min(1.2987012987vw,8px);
    width: 100%
}

@media screen and (max-width: 768px) {
    .shop__point-list__item__txt[data-v-9c7ad70a] {
        line-height:1;
        padding: min(.6493506494vw,4px)
    }
}

.shop__point-list__item__ribbon[data-v-9c7ad70a] {
    height: 100%;
    width: auto
}

.shop__point-list__item.is-hidden .shop__point-list__item__txt[data-v-9c7ad70a] {
    background: #f8f8f8;
    border-bottom: 2px solid #bac1d2;
    border-left: 2px solid #bac1d2;
    border-top: 2px solid #bac1d2;
    color: #bac1d2
}

.shop__caution[data-v-9c7ad70a] {
    color: #6a7e95;
    list-style: none;
    margin: 28px 8px 8px 24px
}

.shop__caution[data-v-9c7ad70a],.shop__caution li[data-v-9c7ad70a] {
    font-size: clamp(9px,1.9480519481vw,12px)
}

.shop__caution li[data-v-9c7ad70a] {
    margin: 0 0 2px;
    padding: 0 0 0 2px;
    position: relative
}

.shop__caution li[data-v-9c7ad70a]:before {
    content: "※";
    left: -1em;
    position: absolute;
    top: 0
}

.shop-button[data-v-9c7ad70a] {
    align-items: center;
    background: #fd6b01 url(../img/icon_arrow_circle.svg) no-repeat 95%;
    background-size: min(3.8961038961vw,24px);
    border: none;
    border-radius: 100px;
    box-shadow: 0 8px #b90027;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    font-size: min(3.8961038961vw,24px);
    font-weight: 700;
    justify-content: center;
    line-height: 1.1;
    margin: min(4.5454545455vw,28px) 8px;
    min-height: 90px;
    padding: min(2.5974025974vw,16px);
    position: relative
}

.shop-button.is-no-bottom-margin[data-v-9c7ad70a] {
    margin-bottom: 0
}

.shop-button__small[data-v-9c7ad70a] {
    font-size: clamp(12px,2.2727272727vw,14px)
}

.shop-button.is-square[data-v-9c7ad70a] {
    border-radius: 8px;
    font-size: clamp(16px,2.9220779221vw,18px)
}

.shop-button .txt-small[data-v-9c7ad70a] {
    font-size: clamp(14px,2.5974025974vw,16px)
}

.shop-button__fukidashi[data-v-9c7ad70a] {
    background: #fff;
    border: 2px solid red;
    border-radius: 20px;
    box-shadow: 0 2px 4px #00000040;
    color: red;
    font-size: clamp(10px,1.9480519481vw,12px);
    padding: 4px 16px;
    position: absolute;
    top: -10px
}

.shop-button__fukidashi[data-v-9c7ad70a]:before {
    background: #fff;
    border: 2px solid red;
    bottom: -6px;
    box-shadow: 2px 2px 4px #00000040;
    clip-path: polygon(100% 0,0 100%,100% 100%);
    content: "";
    height: 8px;
    left: calc(50% - 4px);
    position: absolute;
    transform: rotate(45deg);
    width: 8px
}

.shop-button img[data-v-9c7ad70a] {
    height: 24px;
    margin: 6px 0 0 8px;
    position: absolute;
    right: 24px;
    width: 24px
}

@media screen and (max-width: 768px) {
    .shop-button img[data-v-9c7ad70a] {
        height:20px;
        margin: 4px 0 0 4px;
        right: 20px;
        width: 20px
    }
}

.shop-button[data-v-9c7ad70a] {
    transition: all .1s ease-out
}

.shop-button[data-v-9c7ad70a]:hover {
    box-shadow: none;
    cursor: pointer;
    opacity: .8;
    transform: translateY(4px)
}

@media screen and (max-width: 768px) {
    .shop-button[data-v-9c7ad70a] {
        font-size:min(4.5454545455vw,28px);
        min-height: 70px
    }
}

.shop-button.peko[data-v-9c7ad70a] {
    animation: peko2-9c7ad70a 3s infinite;
    box-shadow: 0 8px #b90027
}

.shop-button .kira[data-v-9c7ad70a] {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.shop-button .kira[data-v-9c7ad70a]:before {
    animation: kiran2-9c7ad70a 3s ease-in-out infinite;
    background-color: #fff;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 70px;
    width: 200%
}

@keyframes kiran2-9c7ad70a {
    0% {
        opacity: 0;
        transform: scale(18) rotate(-45deg)
    }

    30% {
        opacity: 0;
        transform: scale(18) rotate(-45deg)
    }

    35% {
        opacity: .8;
        transform: scale(4) rotate(-45deg)
    }

    40% {
        opacity: .5;
        transform: scale(0) rotate(-45deg)
    }

    to {
        opacity: 0;
        transform: scale(0) rotate(-45deg)
    }
}

@keyframes peko2-9c7ad70a {
    0% {
        box-shadow: 0 8px #b90027;
        top: 0
    }

    80% {
        box-shadow: 0 8px #b90027;
        top: 0
    }

    90% {
        box-shadow: 0 0 #b90027;
        top: 8px
    }

    to {
        box-shadow: 0 8px #b90027;
        top: 0
    }
}

.shop-button-arrow[data-v-9c7ad70a] {
    align-items: center;
    background: #ff0036;
    border: none;
    border-radius: 10px 0 0 10px;
    box-shadow: 0 8px #b90027;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    font-size: clamp(12px,2.2727272727vw,14px);
    font-weight: 700;
    justify-content: center;
    line-height: 1.1;
    margin: 0 0 0 16px;
    min-height: 60px;
    min-width: 120px;
    padding: 8px;
    position: relative
}

.shop-button-arrow--small[data-v-9c7ad70a] {
    font-size: clamp(11px,2.1103896104vw,13px)
}

@media screen and (max-width: 768px) {
    .shop-button-arrow[data-v-9c7ad70a] {
        margin:0 0 0 8px;
        min-height: 50px;
        min-width: 90px;
        padding: 0 4px 0 0
    }
}

.shop-button-arrow[data-v-9c7ad70a]:after,.shop-button-arrow[data-v-9c7ad70a]:before {
    border: 32px solid #ff0036;
    border-width: 30px 16px;
    content: "";
    height: 0;
    position: absolute;
    right: -32px;
    top: 0;
    width: 0
}

@media screen and (max-width: 768px) {
    .shop-button-arrow[data-v-9c7ad70a]:after,.shop-button-arrow[data-v-9c7ad70a]:before {
        border-width:25px 16px
    }
}

.shop-button-arrow[data-v-9c7ad70a]:before {
    border-color: transparent transparent transparent #b80028;
    top: 8px;
    transition: all .1s ease-out
}

.shop-button-arrow[data-v-9c7ad70a]:after {
    border-color: transparent transparent transparent #ff0036
}

.shop-button-arrow[data-v-9c7ad70a]:hover:before {
    top: 0
}

.shop-button-arrow img[data-v-9c7ad70a] {
    height: 20px;
    margin: 6px 0 0 8px;
    position: absolute;
    right: -4px;
    width: 20px;
    z-index: 10
}

@media screen and (max-width: 768px) {
    .shop-button-arrow img[data-v-9c7ad70a] {
        height:16px;
        margin: 4px 0 0 4px;
        width: 16px
    }
}

.shop-button-arrow[data-v-9c7ad70a] {
    transition: all .1s ease-out
}

.shop-button-arrow[data-v-9c7ad70a]:hover {
    box-shadow: none;
    cursor: pointer;
    opacity: .8;
    transform: translateY(4px)
}

.is-button-red .shop-button[data-v-9c7ad70a] {
    background: #ff0036;
    box-shadow: 0 8px #b90027
}

.pr[data-v-9c7ad70a] {
    font-size: min(3.4090909091vw,21px)
}

.use-tab[data-v-9c7ad70a] {
    padding: 1px 0 0
}

.use-tab.is-expand[data-v-9c7ad70a] {
    height: 130px;
    overflow: hidden;
    position: relative
}

@media screen and (max-width: 768px) {
    .use-tab.is-expand[data-v-9c7ad70a] {
        height:110px
    }
}

.use-tab.is-expand[data-v-9c7ad70a]:before {
    background-image: linear-gradient(0deg,#fff,transparent);
    bottom: -1px;
    content: "";
    display: block;
    height: 50px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 5
}

@media screen and (max-width: 768px) {
    .use-tab.is-expand[data-v-9c7ad70a]:before {
        height:30px
    }
}

.use-tab__buttons[data-v-9c7ad70a] {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
    margin: 8px 8px 0
}

.use-tab__buttons button[data-v-9c7ad70a] {
    background: #849fe6;
    border: 3px solid #fff;
    border-bottom: none;
    border-radius: clamp(5px,1.6233766234vw,10px) clamp(5px,1.6233766234vw,10px) 0 0;
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-size: clamp(16px,2.5974025974vw,16px);
    padding: clamp(4px,1.2987012987vw,8px) clamp(8px,2.5974025974vw,16px);
    width: 60%
}

@media screen and (max-width: 375px) {
    .use-tab__buttons button[data-v-9c7ad70a] {
        min-height:3rem
    }
}

.use-tab__buttons button.is-select[data-v-9c7ad70a] {
    background: #2e5cd4;
    padding: clamp(6px,1.9480519481vw,12px) clamp(8px,2.5974025974vw,16px)
}

@media screen and (max-width: 375px) {
    .use-tab__buttons button.is-select[data-v-9c7ad70a] {
        min-height:3.3rem
    }
}

.use-tab__content[data-v-9c7ad70a] {
    border: 3px solid #2e5cd4;
    box-sizing: border-box;
    margin: 0 8px 16px;
    padding: 16px;
    width: calc(100% - 16px)
}

.use-tab__content__list[data-v-9c7ad70a] {
    list-style: none;
    margin: 0;
    padding: 0
}

.use-tab__content__list__item[data-v-9c7ad70a] {
    background: url(../img/icon_check_circle-orange.png) no-repeat left 4px;
    background-size: 16px;
    font-size: clamp(16px,2.4350649351vw,15px);
    padding: 0 0 0 20px
}

.use-tab__content__list__item[data-v-9c7ad70a]:not(:last-child) {
    margin: 0 0 8px
}

.use-tab__content__list__item--gray[data-v-9c7ad70a] {
    background: url(../img/icon_check_circle-gray.png) no-repeat left 4px;
    background-size: 16px
}

.use-tab__content__txt[data-v-9c7ad70a] {
    font-size: clamp(13px,2.4350649351vw,15px);
    font-weight: 700;
    line-height: 1.3
}

.use-tab-expand-button[data-v-9c7ad70a] {
    align-items: center;
    backface-visibility: hidden;
    background: #bbb;
    border: none;
    border-radius: 50px;
    box-shadow: 0 clamp(4px,.974025974vw,6px) 0 #3e424c33;
    color: #fff;
    display: flex;
    font-size: clamp(16px,3.4090909091vw,21px);
    font-weight: 700;
    justify-content: center;
    margin: 8px auto 24px;
    max-width: 300px;
    padding: 12px 24px;
    position: relative;
    transition: all .1s ease-out;
    width: 90%
}

.use-tab-expand-button[data-v-9c7ad70a]:hover {
    cursor: pointer;
    opacity: .8
}

@media screen and (max-width: 768px) {
    .use-tab-expand-button[data-v-9c7ad70a]:hover {
        opacity:1
    }
}

.use-tab-expand-button[data-v-9c7ad70a]:after {
    background: url(../img/icon_arrow.svg) no-repeat 0 0;
    background-size: contain;
    content: "";
    height: 20px;
    position: absolute;
    right: 20px;
    top: calc(50% - 7px);
    transform: rotate(90deg);
    width: 20px
}

.use-tab-expand-button.is-open[data-v-9c7ad70a]:after {
    transform: rotate(270deg)
}

.promiss-jouken-wrap[data-v-9c7ad70a] {
    font-size: fz(10,12);
    margin: 4px 16px 0;
    text-align: right
}

.promiss-jouken-wrap a[data-v-9c7ad70a] {
    color: #243aff;
    text-decoration: underline
}


.sidebar[data-v-7c201257] {
    background: #fff;
    grid-area: 2/3/3/4;
    margin: 36px 0 0;
    max-width: 300px
}

@media screen and (max-width: 1068px) {
    .sidebar[data-v-7c201257] {
        grid-area:3/1/4/4;
        margin: 0 auto;
        max-width: unset;
        min-width: 375px;
        width: 100%
    }
}


.supervision-wrap[data-v-beab2c66] {
    background: #fff;
    padding: 40px 8px 32px
}

.supervision-wrap.is-blue .supervision-box[data-v-beab2c66] {
    background: #eafcff
}

.supervision-wrap.is-blue .supervision-box[data-v-beab2c66]:before {
    background: #245bc9
}

.supervision-wrap.is-blue-light .supervision-box[data-v-beab2c66] {
    background: #cbeeff
}

.supervision-wrap.is-blue-light .supervision-box[data-v-beab2c66]:before {
    background: #016cd7
}

.supervision-wrap.is-black .supervision-box[data-v-beab2c66] {
    background: #c9c9c9
}

.supervision-wrap.is-black .supervision-box[data-v-beab2c66]:before {
    background: #333
}

.supervision-wrap.is-blue-black .supervision-box[data-v-beab2c66] {
    background: #cbeeff
}

.supervision-wrap.is-blue-black .supervision-box[data-v-beab2c66]:before {
    background: #333
}

.supervision-box[data-v-beab2c66] {
    background: #9edbc7;
    box-shadow: 0 0 7px #0003;
    color: #333;
    font-size: clamp(10px,2.2727272727vw,14px);
    margin: 0 auto;
    max-width: 550px;
    padding: 16px;
    position: relative
}

.supervision-box[data-v-beab2c66]:before {
    background: #00a870;
    border-radius: 4px 4px 0 0;
    color: #fff;
    content: "監修者";
    font-size: 12px;
    font-weight: 700;
    left: 0;
    padding: 4px 8px;
    position: absolute;
    top: -25px
}

.supervision-box__flex[data-v-beab2c66] {
    align-items: flex-start;
    display: flex;
    justify-content: center
}

.supervision-box__txt[data-v-beab2c66] {
    padding: 0 0 0 12px
}

.supervision-box__txt__bold[data-v-beab2c66] {
    font-size: clamp(12px,2.5974025974vw,16px);
    font-weight: 700
}

.supervision-box__right[data-v-beab2c66] {
    display: block;
    margin: 8px 0 0;
    text-align: right;
    width: 100%
}

.supervision-box__right__button[data-v-beab2c66] {
    backface-visibility: hidden;
    background: linear-gradient(180deg,transparent,transparent 96%,#333334 0,#333);
    border: none;
    color: #333;
    font-size: clamp(10px,2.2727272727vw,14px);
    transition: all .1s ease-out
}

.supervision-box__right__button[data-v-beab2c66]:hover {
    cursor: pointer;
    opacity: .8
}

@media screen and (max-width: 768px) {
    .supervision-box__right__button[data-v-beab2c66]:hover {
        opacity:1
    }
}

.supervision-detail[data-v-beab2c66] {
    background: #fff;
    box-sizing: border-box;
    color: #333;
    font-size: clamp(10px,2.2727272727vw,14px);
    margin: 16px auto;
    max-width: 520px;
    padding: 16px
}

@media screen and (max-width: 400px) {
    .supervision-detail[data-v-beab2c66] {
        margin:16px 8px
    }
}


.countdown[data-v-ce9f582a] {
    align-items: stretch;
    background: #333;
    border: 6px solid #333;
    border-radius: min(2.4350649351vw,15px);
    display: flex;
    height: min(9.7402597403vw,60px);
    justify-content: space-between;
    margin: min(1.2987012987vw,8px) 0 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 5
}

@media screen and (max-width: 768px) {
    .countdown[data-v-ce9f582a] {
        border-width:3px
    }
}

.countdown.is-blue-light .countdown__title .bold[data-v-ce9f582a] {
    color: #db010c
}

.countdown__title[data-v-ce9f582a] {
    align-items: center;
    background: #fff;
    box-sizing: border-box;
    display: flex;
    font-size: min(3.4090909091vw,21px);
    font-weight: 700;
    height: 100%;
    justify-content: center;
    margin: 0;
    width: 50%
}

@media screen and (max-width: 768px) {
    .countdown__title[data-v-ce9f582a] {
        font-size:min(2.9220779221vw,18px)
    }
}

.countdown__title .bold[data-v-ce9f582a] {
    border-bottom: 3px solid #ed594c;
    color: #ed594c;
    display: inline-block;
    font-size: min(4.5454545455vw,28px);
    line-height: 1
}

@media screen and (max-width: 768px) {
    .countdown__title .bold[data-v-ce9f582a] {
        font-size:min(3.8961038961vw,24px)
    }
}

.countdown__title img[data-v-ce9f582a] {
    height: auto;
    margin: 0 min(1.2987012987vw,8px) 0 0;
    width: min(5.1948051948vw,32px)
}

@media screen and (max-width: 768px) {
    .countdown__title img[data-v-ce9f582a] {
        width:min(4.8701298701vw,30px)
    }
}

.countdown__time[data-v-ce9f582a] {
    align-items: center;
    background: #333;
    color: #fff;
    display: flex;
    height: 100%;
    justify-content: center;
    margin: 0;
    width: 50%
}

.countdown__ribbon[data-v-ce9f582a] {
    height: 100%;
    margin: 0 auto 0 0
}

.countdown .count-time[data-v-ce9f582a] {
    color: #fff424;
    font-size: min(4.5454545455vw,28px);
    font-weight: 700;
    padding: 0 min(1.2987012987vw,8px);
    text-align: center;
    width: 100%
}

.countdown .count-time__small[data-v-ce9f582a] {
    font-size: min(2.9220779221vw,18px)
}

.countdown .count-time__xsmall[data-v-ce9f582a] {
    font-size: min(2.4350649351vw,15px)
}


.sidebar__qr__img img[data-v-74111d7b] {
    height: 150px;
    width: 150px
}

.recommend-link[data-v-01e9727e] {
    box-sizing: border-box
}

.recommend-link.is-other-design[data-v-01e9727e] {
    padding: 0 0 16px
}

@media screen and (max-width: 768px) {
    .recommend-link.is-other-design[data-v-01e9727e] {
        background:#e2efe1
    }
}

@media screen and (min-width: 768px) {
    .recommend-link.is-other-design .recommend-link__title[data-v-01e9727e] {
        align-items:flex-end;
        background: #00a870;
        border: 2px solid #fff;
        border-radius: 8px;
        box-sizing: border-box;
        color: #fff;
        display: flex;
        justify-content: center;
        margin: 8px auto;
        max-width: 600px;
        padding: 16px 8px;
        position: relative;
        text-align: center;
        width: calc(100% - 64px)
    }

    .recommend-link.is-other-design .recommend-link__title[data-v-01e9727e]:before {
        background: #fff;
        bottom: -11px;
        content: "";
        display: block;
        height: 18px;
        left: calc(50% - 10px);
        position: absolute;
        transform: rotate(45deg);
        width: 18px
    }
}

@media screen and (min-width: 768px) and (max-width:768px) {
    .recommend-link.is-other-design .recommend-link__title[data-v-01e9727e]:before {
        bottom:-8px;
        height: 12px;
        left: calc(50% - 6px);
        width: 12px
    }
}

@media screen and (min-width: 768px) {
    .recommend-link.is-other-design .recommend-link__title[data-v-01e9727e]:after {
        background:#00a870;
        bottom: -9px;
        content: "";
        display: block;
        height: 18px;
        left: calc(50% - 10px);
        position: absolute;
        transform: rotate(45deg);
        width: 18px
    }
}

@media screen and (min-width: 768px) and (max-width:768px) {
    .recommend-link.is-other-design .recommend-link__title[data-v-01e9727e]:after {
        bottom:-6px;
        height: 12px;
        left: calc(50% - 6px);
        width: 12px
    }
}

.recommend-link__title[data-v-01e9727e] {
    background: #00a870;
    color: #fff;
    font-size: clamp(20px,3.8961038961vw,24px);
    margin: 0;
    padding: 8px;
    text-align: center
}

.recommend-link__title .txt-small[data-v-01e9727e] {
    font-size: clamp(16px,3.0844155844vw,19px)
}

.recommend-link__list[data-v-01e9727e] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none;
    margin: 0 32px 16px
}

@media screen and (max-width: 768px) {
    .recommend-link__list[data-v-01e9727e] {
        margin:0 16px
    }
}

.recommend-link__list__item[data-v-01e9727e] {
    margin: 16px 0 0;
    text-align: center;
    width: 100%
}

@media screen and (max-width: 768px) {
    .recommend-link__list__item[data-v-01e9727e] {
        width:calc(50% - 8px)
    }
}

.recommend-link__list__item a[data-v-01e9727e] {
    align-items: center;
    background: #fff;
    border: 1px solid #bbb;
    border-radius: 6px;
    box-shadow: 0 1px 3px #00000040;
    display: flex;
    font-size: clamp(14px,2.5974025974vw,16px);
    font-weight: 700;
    justify-content: flex-start;
    padding: 8px
}

.recommend-link__list__item a img[data-v-01e9727e] {
    margin: 0 8px 0 0
}

.recommend-link .column-baroon-title[data-v-01e9727e] {
    align-items: flex-end;
    background: #00a870;
    border: 2px solid #fff;
    border-radius: 8px;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    font-size: clamp(13px,2.5974025974vw,16px);
    justify-content: center;
    margin: 8px 32px;
    max-width: 600px;
    padding: 16px 8px;
    position: relative;
    text-align: center;
    width: calc(100% - 64px)
}

@media screen and (max-width: 768px) {
    .recommend-link .column-baroon-title[data-v-01e9727e] {
        border-width:2px;
        font-size: clamp(20px,4.2207792208vw,26px);
        margin: 32px auto;
        padding: 8px 8px 16px
    }
}

.recommend-link .column-baroon-title[data-v-01e9727e]:before {
    background: #fff;
    bottom: -11px;
    content: "";
    display: block;
    height: 18px;
    left: calc(50% - 10px);
    position: absolute;
    transform: rotate(45deg);
    width: 18px
}

@media screen and (max-width: 768px) {
    .recommend-link .column-baroon-title[data-v-01e9727e]:before {
        bottom:-8px;
        height: 12px;
        left: calc(50% - 6px);
        width: 12px
    }
}

.recommend-link .column-baroon-title[data-v-01e9727e]:after {
    background: #00a870;
    bottom: -9px;
    content: "";
    display: block;
    height: 18px;
    left: calc(50% - 10px);
    position: absolute;
    transform: rotate(45deg);
    width: 18px
}

@media screen and (max-width: 768px) {
    .recommend-link .column-baroon-title[data-v-01e9727e]:after {
        bottom:-6px;
        height: 12px;
        left: calc(50% - 6px);
        width: 12px
    }
}

.recommend-link .column-baroon-title--center[data-v-01e9727e] {
    align-items: center
}

.recommend-link .column-baroon-title__yellow[data-v-01e9727e] {
    background: #fff424;
    border: 2px solid #fff;
    border-radius: 50px;
    color: #00a870;
    font-size: clamp(16px,2.9220779221vw,18px);
    padding: 2px 16px;
    position: absolute;
    top: -15px
}

.recommend-link .column-baroon-title__big[data-v-01e9727e] {
    color: #fff424;
    font-size: clamp(24px,5.1948051948vw,32px);
    font-weight: 700
}

@media screen and (max-width: 768px) {
    .yellow[data-v-2864defe] {
        margin:0 0 min(-5.8441558442vw,-36px)
    }
}

.sidebar[data-v-2864defe] {
    box-sizing: border-box;
    padding: 24px 32px;
    position: relative
}

@media screen and (max-width: 768px) {
    .sidebar[data-v-2864defe] {
        padding:0
    }
}

.sidebar__qr[data-v-2864defe] {
    border: 5px solid #fd6b01;
    border-radius: 10px;
    overflow: hidden;
    padding: 0;
    text-align: center
}

@media screen and (max-width: 768px) {
    .sidebar__qr[data-v-2864defe] {
        display:none
    }
}

.sidebar__qr__title[data-v-2864defe] {
    background: #fd6b01;
    color: #fff;
    font-size: clamp(13px,2.5974025974vw,16px);
    margin: 0;
    padding: min(2.5974025974vw,16px)
}

.sidebar__qr__img[data-v-2864defe] {
    border: 1px solid #000;
    border-radius: 5px;
    display: inline-block;
    margin: 24px 0 0;
    overflow: hidden;
    padding: 0;
    text-align: center
}

.sidebar__qr__txt[data-v-2864defe] {
    font-size: min(1.9480519481vw,12px);
    font-weight: 700;
    line-height: 1.5;
    padding: 0 28px 0 32px;
    text-align: left
}

.sidebar__list[data-v-2864defe] {
    list-style: none;
    margin: 32px 16px;
    padding: 0
}

@media screen and (max-width: 768px) {
    .sidebar__list[data-v-2864defe] {
        display:flex;
        flex-wrap: wrap;
        margin: 32px 0 0
    }
}

.sidebar__list__item[data-v-2864defe] {
    margin: min(1.2987012987vw,8px) auto
}

@media screen and (max-width: 768px) {
    .sidebar__list__item[data-v-2864defe] {
        margin:0 auto min(1.2987012987vw,8px);
        width: 50%
    }
}

.sidebar__list__item__link[data-v-2864defe] {
    backface-visibility: hidden;
    display: block;
    transition: all .1s ease-out;
    width: 100%
}

.sidebar__list__item__link[data-v-2864defe]:hover {
    cursor: pointer;
    opacity: .8
}

@media screen and (max-width: 768px) {
    .sidebar__list__item__link[data-v-2864defe]:hover {
        opacity:1
    }

    .sidebar__list__item__link[data-v-2864defe] {
        margin: 0 auto;
        max-width: 95%
    }
}

.sidebar__list__item__link img[data-v-2864defe] {
    height: auto;
    width: 100%
}

.category-ttl[data-v-2864defe],.mymenu h2[data-v-2864defe] {
    color: #2e5cd4;
    font-weight: 500;
    letter-spacing: 0;
    margin: 10px 0;
    text-align: center
}

@media (min-width: 1000px) {
    .mycols .mymenu[data-v-2864defe] {
        box-sizing:border-box;
        margin-top: 0;
        padding: 32px 20px;
        width: 300px
    }
}


.wrapper[data-v-6540c3c0] {
    min-height: 100%;
}

@media screen and (max-width: 1068px) {
    .wrapper[data-v-6540c3c0] {
        grid-template-columns: auto minmax(375px,1fr) auto;
        grid-template-rows: auto 1fr repeat(2,auto);
        min-width: 375px;
        display: grid;
        grid-column-gap: 0;
        grid-row-gap: 0;
        min-height: 100%;
        place-content: center;
    }
}

@media screen and (max-width: 768px) {
    .wrapper[data-v-6540c3c0] {
        grid-template-columns:auto minmax(375px,1fr) auto;
        grid-template-rows: auto 1fr repeat(2,auto);
        min-width: 375px
    }
}



.logoimg1 {
  width: 145px;
  height: 55px;
}

.logoimg2 {
  width: 145px;
  height: 55px;
}

.logoimg3 {
  width: 145px;
  height: 55px;
}

.tab-ranking-table-wrapper {
  display: flex;
  gap: 10px;
  margin-top: 2%;
  margin-bottom: 2%;
}

.shiboriimg {
  width: 95%;
}

.tab-ranking-table {
  border: 3px double black;
  align-content: center;
}
/* 常に3カラム（PC）／SPは1カラム */
.tab-ranking-table-wrapper{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px; /* 調整可 */
}

/* カード本体 */
.tab-ranking-table{
  width: 99%;
}

/* 画像の見た目サイズを揃える（枠比率固定） */
.tab-ranking-table a{
  display: block;
  aspect-ratio: 4 / 3;   /* 16/9 や 1/1 に変更可 */
  padding: 8px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0,0,0,.06);
}

.shiboriimg{
  width: 100%;
  height: 100%;
  object-fit: contain;    /* 画像のトリミングなしで収める */
}


/* 1件ヒット時、PCでは中央列（2列目）に配置 */
@media (min-width: 769px){
    #ranking-area {
       margin: auto 20%;
    }
    .tab-ranking-table.is-alone{
        grid-column: 2 / span 1;   /* 真ん中の列に載せる */
    }
    .search[data-v-71980123] {
        margin: auto 20%;
        max-width: inherit;
    }
    .scroll-ranking[data-v-31306673] {
        max-width: inherit;
    }
    .recommend-type-contents__forms[data-v-52a481ed] {
        padding: 16px 20%;
    }
    .recommend-type-contents__forms__title[data-v-52a481ed] {
        text-align: center;
    }
    .recommend-type[data-v-52a481ed] {
        margin: auto 20%;
    }
    .bg-yellow--top-padding[data-v-52a481ed] {
        padding: 24px 20%;
    }
    .select-point--green {
        padding: 90px 20% 16px;
    }
    .bg-yellow[data-v-52a481ed] {
        padding: 0 20% 24px;
    }
    .margin20 {
        margin: 40px 20%;
    }
    .margin {
        margin: auto 0% !important;
    }
}

/* SPは1列なので“中央列”指定は解除 */
@media (max-width: 768px){
    .tab-ranking-table {
        padding: 0;
   }
    .tab-ranking-table a {
        padding: 3px;
    }
    .tab-ranking-table-wrapper{
        display: flex;
        grid-template-columns: 1fr;
        gap: 3px;
    }
    .tab-ranking-table.is-alone{
        grid-column: auto !important;
    }
    .logoimg1 {
        width: 100%;
        height: fit-content;
    }
    .logoimg2 {
        width: 100%;
        height: fit-content;
    }
    .logoimg3 {
        width: 100%;
        height: fit-content;
    }
    .scroll-ranking-table thead th[data-v-31306673] {
        vertical-align: middle;
    }
    .shop__top-wrap[data-v-9c7ad70a] {
        display: block;
        margin: auto;
    }
    .shop__top-wrap__left[data-v-9c7ad70a] {
        width: 100%;
        margin: auto;
    }
    .shop__top-wrap__right[data-v-9c7ad70a] {
        margin: 10px auto;
    }
    .shop__check-list__item[data-v-9c7ad70a] {
        font-size: 4.5vw;
        line-height: inherit;
    }
    .shop__detail__item__txt[data-v-9c7ad70a] {
        width: 65%;
    }
    .shop__detail__item__title[data-v-9c7ad70a] {
        font-size: clamp(4vw,2.2727272727vw,18px);
        min-height: 35px;
        width: 35%;
    }
    .shop__detail__item__txt p[data-v-9c7ad70a] {
        font-size: 4vw;
    }
    .scroll-ranking-table tbody td[data-v-31306673]:not(.blank) {
        font-size: 3.9vw;
    }
    .scroll-ranking-table__link[data-v-31306673] {
        font-size: 4vw;
    }
    .red-caution[data-v-11088685] {
        font-size: 5vw;
    }
    .recommend-type-contents__forms__title .green[data-v-52a481ed] {
        font-size: 4vw;
    }
    .recommend-type-contents__forms__result p[data-v-52a481ed] {
        font-size: 4.5vw;
    }
    .shop__main-txt[data-v-9c7ad70a] {
        font-size: 4.5vw;
    }
    .select-point__button {
        font-size: 4.5vw;
    }
    .select-point__button__small {
        font-size: 3.9vw;
    }
    .faq-content p {
        font-size: 3.6vw;
    }
    .faq-content__title {
        font-size: 5vw;
    }
    .faq-sub-section__title__green[data-v-296bd5b5] {
        font-size: 4vw;
        padding: 4px 7px;
    }
    .select-point__point-box__flow__item__title__orange {
        font-size: 4vw;
    }
    .simple-countdown__small[data-v-10811c0c] {
        font-size: 5vw
    }
    .simple-countdown__big[data-v-10811c0c] {
        font-size: 5vw
    }
    .simple-countdown[data-v-10811c0c] {
        margin: 8px 8px 10px;
    }
    .recommend-type-form-list__item__right[data-v-52a481ed] {
        flex-basis: 60%;
    }
    .recommend-type-form-list__item__right select[data-v-52a481ed] {
        width: 100%;
    }
    .recommend-type-buttons-type2__item[data-v-52a481ed] {
        font-size: 4vw;
    }
    .use-tab__content[data-v-9c7ad70a] {
        padding: 16px 10px;
    }
    .shop__main-txt-wrap[data-v-9c7ad70a] {
        padding: 16px 30px 0 8px;
    }
}